﻿/*basic sitewide styles*/
html,body {height:100%;width:100%;}
body {margin:0px;font-family:Arial,Verdana,Sans-Serif;font-size:12px;color:#000;background:#444 url(/images/backgrounds/mgbg.jpg) repeat-x center 20px;}
img {border:0px;behavior:url(/images/iepngfix.htc);}
a {text-decoration:none;}
h1 {font-size:13px;font-weight:bold;text-decoration:none;margin:0px;padding:0px;color:#000;line-height:26px;}
h2 {text-decoration:none;margin:0px;padding:0px;font-weight:normal;}
h3 {text-decoration:none;margin:0px;padding:0px;font-weight:normal;}
p {padding:0px 10px;text-align:center;}


.lgtitle {font-size:13px;font-weight:bold;text-decoration:none;margin:0px 0px 0px 15px;padding:0px;color:#000;line-height:26px;}
.clear {clear:both;}
.clearblk {clear:both;visibility:hidden;display:block;}
.clear20 {clear:both;display:block;height:20px;}

#returnsdiv {width:760px; float:left;  margin-left:10px; margin-top:30px; padding-top:30px; border-top:1px dashed #003366; font-size:12px;}
#returnsdiv p {padding:0px;text-align:left;}
#header {margin:0 auto;width:1000px;height:136px;background:#444 url(/images/backgrounds/mgheaderbg.jpg) no-repeat center top;}
#headertop {float:left;width:1000px;height:107px;}
#footer {margin:0 auto;width:980px;height:20px;color:#FFF;text-align:right;font-size:11px;line-height:20px;}
#logo {float:left;width:249px;height:88px;}
#topbar {width:100%;height:20px;background:#333 url(/images/backgrounds/topbarbg.jpg) repeat-x center top;margin:0 auto;font-size:12px;color:#FFF;}
#topbar #main {width:1000px;margin:0 auto;height:20px;line-height:20px;text-indent:10px;}
#topbar #main a {color:#FFF;text-decoration:none;}
#topbar #left {width:450px;float:left;text-align:left;}
#topbar #right {width:450px;float:right;text-align:right;font-size:11px;padding-right:10px;}
#topbar #right h1 {font-size:11px;font-weight:normal;text-decoration:none;margin:0px;padding:0px;color:#FFF;line-height:20px;}
#contextualnav {margin:0 auto;width:980px;background:#272727;border-bottom:2px solid #000;color:#FFF;overflow:hidden;padding:0px 0px;}
#contextualnav .pgnote {width:960px;margin:0 auto;text-align:center;padding:10px 0px;font-size:13px;font-weight:bold;}
#contextualnav #menu {float:left;width:355px;padding:0px;position:relative;margin:7px 40px 0px 25px;display:inline;overflow:hidden;}
#contextualnav #menu ul {margin:0px;border:0px;padding:0px;width:355px;list-style:none;float:left;display:inline;margin-bottom:8px;}
#contextualnav #menu ul ul {margin:0px;border:0px;padding:0px;width:355px;list-style:none;float:left;display:inline;}
#contextualnav #menu ul h2 {font-weight:bold;color:#FFCC33;font-weight:bold;font-size:12px;margin-bottom:1px;}
#contextualnav #menu ul li {margin:0px;border:0px;padding:0px;float:left;display:inline;list-style:none;position:relative;}
#contextualnav #menu ul li h3 {font-size:11px;line-height:11px;}
#contextualnav #menu a {padding:1px 3px 1px 3px;margin:3px 8px 2px 0px;float:none !important;float:left;display:block;white-space:nowrap;color:#FFF;font-weight:bold;font-size:11px;font-family:Arial,verdana,sans-serif;line-height:11px;text-decoration:none;height:auto !important;height:1%;/*For IE*/cursor:pointer;background:#000;border:1px solid #000;}
#contextualnav #menu a:hover {color:#FFCC33;border:1px solid #AAA;}
#contextualnav #menuwide {float:left;width:940px;padding:0px;position:relative;margin:7px 40px 0px 25px;display:inline;overflow:hidden;}
#contextualnav #menuwide ul {margin:0px;border:0px;padding:0px;width:940px;list-style:none;float:left;display:inline;margin-bottom:0px;}
#contextualnav #menuwide ul ul {margin:0px;border:0px;padding:0px;width:940px;list-style:none;float:left;display:inline;}
#contextualnav #menuwide ul h2 {font-weight:bold;color:#FFCC33;font-weight:bold;font-size:12px;margin-bottom:1px;}
#contextualnav #menuwide ul li {margin:0px;border:0px;padding:0px;float:left;display:inline;list-style:none;position:relative;}
#contextualnav #menuwide ul li h3 {font-size:11px;line-height:11px;}
#contextualnav #menuwide a {padding:1px 3px 1px 3px;margin:3px 8px 2px 0px;float:none !important;float:left;display:block;white-space:nowrap;color:#FFF;font-weight:bold;font-size:11px;font-family:Arial,verdana,sans-serif;line-height:11px;text-decoration:none;height:auto !important;height:1%;/*For IE*/cursor:pointer;background:#000;border:1px solid #000;}
#contextualnav #menuwide a:hover {color:#FFCC33;border:1px solid #AAA;}
#contextualnav #fpcontainer {width:404px;float:left;background:#FFF url(/images/backgrounds/featuredprodsbg.jpg) no-repeat left center;position:relative;margin:25px 0px 7px 0px;padding:0px 0px 0px 34px;border:0px;}
#contextualnav #fpcontainer #fp {width:414px;height:115px;float:left;background:url(/images/backgrounds/featuredprodsrtbg.jpg) no-repeat right center;padding:12px;}
#contextualnav #tscontainer {width:404px;float:left;background:#FFF url(/images/backgrounds/tsprodsbg.jpg) no-repeat left center;position:relative;margin:25px 0px 7px 0px;padding:0px 0px 0px 34px;border:0px;}
#contextualnav #tscontainer #ts {width:414px;height:115px;float:left;background:url(/images/backgrounds/featuredprodsrtbg.jpg) no-repeat right center;padding:12px;}
#contextualnav #botspace {margin:0 auto;clear:both;width:980px;height:10px;background:#272727;display:block;}
#contextualnav #thinspace {margin:0 auto;clear:both;width:980px;height:2px;background:#272727;display:block;}
#contentcontainer {margin:0 auto;width:1000px;background:#FFF url(/images/backgrounds/contenttop.jpg) no-repeat center top;}
#content {width:976px;background:url(/images/backgrounds/contentbot.jpg) no-repeat center bottom;padding:12px;}
#menubar {margin:0 auto;width:780px;height:29px;clear:both;padding:0px;text-align:center;overflow:hidden;}
#servicebar {float:left;width:594px;height:64px;margin:23px 0px 0px 74px;background:url(/images/backgrounds/sbbg2.jpg) no-repeat right center;line-height:64px;overflow:hidden;}
#searchbar {float:left;width:248px;background: url(/images/backgrounds/searchbox.jpg) no-repeat left top;height:32px;font-size:14px;position:relative;top:17px;left:19px;}
#searchinput {font-size:14px;width:177px;height:32px;float:left;background:transparent none repeat scroll 0 0;border:0 none;position:relative;top:7px;left:5px;overflow:hidden;}
#searchbtn {width:57px;height:32px;float:left;position:relative;left:11px;}
.cartinfostyle {float:left;width:247px;text-align:center;font-size:14px;color:#FFF;line-height:64px;position:relative;left:100px;overflow:hidden;}
.cartinfostyle a {color:#FFF;text-decoration:none;display:block;width:247px;height:64px;line-height:64px;}
.vprodbox {width:380px;float:left;margin:10px 0px 0px 0px;background:#EEE;border:1px solid #666;padding:0px 0px 10px 0px;}
.flowbox {width:100%;float:left;background:#FFF;padding:0px 0px 10px 0px;margin:0px 0px 12px 0px;overflow:hidden;}
.prodbox {float:left;padding:0px;margin:8px 17px 8px 8px;width:170px;height:100px;font-size:11px;font-weight:normal;text-align:left;display:inline;}
.prodbox .imgbox {border:4px solid #FFF;background:#FFF;float:left;margin:0px;width:75px;padding:2px;text-align:center;display:inline;}
.flowbox a, #tscontainer a, .prodinfo a {font-weight:bold;color:#555;}
.prodinfo {width:75px;float:left;background:url(/images/backgrounds/fsbanner.gif) no-repeat left 6px;padding:23px 0px 0px 0px;display:inline;}
.prodbox div.pricebox {width:71px;float:left;border:1px solid #333;color:#FFF;background:#4C8C00;font-weight:bold;text-align:center;padding:0px 0px 0px 0px;position:relative;margin:0px 0px 3px 0px;font-size:12px;display:inline;}
.vprodbox .prodlistitem {width:370px;float:left;height:46px;display:inline;clear:both;margin:3px 0px 0px 0px;}
.vprodbox .imgbox {border:0px;float:left;margin:0px 5px 0px 10px;width:30px;height:50px;text-align:center;display:inline;}
.vprodbox .imgbox img {border:1px solid #666;background:#FFF;padding:2px;display:inline;}
.vprodbox .prodlistinfo {width:300px;float:left;margin:0px 0px 0px 5px;display:inline;}
.vprodbox .lipricebox {width:222px;float:left;color:#FF0000;font-weight:bold;background:url(/images/backgrounds/specialpricebg.jpg) no-repeat left 3px;text-align:left;padding:0px 0px 0px 78px;margin:3px 0px 0px 0px;font-size:12px;display:inline;}
.leftborder {border-left:1px solid #666;}
#prodimgcol {width:500px;float:left;text-align:left;position:relative;top:-50px;}
#prodpginfobox {width:841px;height:93px;float:left;background:#000 url(/images/backgrounds/prodpginfobg.jpg) no-repeat right top;margin:0px 0px 0px 0px;padding:0px;overflow:hidden;color:#FFF;position:relative;top:-12px;left:2px;}
#prodpginfobox #prodpginfoboxtitle {width:600px;text-align:left;color:#FFF;margin:0px 0px 3px 0px;overflow:hidden;}
#prodpginfobox #prodpginfoboxtitle h1 {font-size:16px;font-weight:bold;text-decoration:none;margin:0px;padding:0px;color:#FFF;line-height:36px;text-indent:28px;}
.pricetag {background:#000 url(/images/backgrounds/prodpgpricebg2.jpg) no-repeat left top;width:135px;height:61px;float:left;position:relative;top:-12px;left:-2px;color:#FFF;font-weight:bold;text-align:center;font-size:24px;padding-top:32px;}
.prodpgsectiontitle {float:left; margin-bottom:2px; width:467px; height:16px; font-size:14px; font-weight:bold; text-decoration:none; color:#000; text-indent:10px; clear:both; border-bottom:1px solid #000;}
.greybg {background:#EEE;padding:0px 0px 10px 15px;margin-top:10px;border:4px solid #CCC;}
.featprodcol {width:190px;float:left;background:#FFF;padding:0px 0px 10px 0px;margin:0px 0px 12px 0px;overflow:hidden;}
.featprodcol .toptxt {width:190px;height:45px;font-size:12px;line-height:20px;font-weight:bold;text-align:center;background:#FFF;color:#000;padding:5px 0px 0px 0px;margin:0px;border-bottom:2px solid #000;overflow:hidden;}
.featprodcol .toptxtshrt {width:190px;height:20px;font-size:12px;line-height:16px;font-weight:bold;text-align:center;background:#FFF;color:#000;padding:5px 0px 0px 0px;margin:0px;border-bottom:2px solid #000;overflow:hidden;}
.featprodcolgr {width:190px;float:left;background:#FFF;padding:0px 0px 10px 0px;margin:0px 0px 12px 0px;overflow:hidden;}
.featprodcolgr .toptxtgr {width:190px;height:45px;font-size:12px;line-height:20px;font-weight:bold;text-align:center;background:#EEE;color:#000;padding:5px 0px 0px 0px;margin:0px;border-bottom:2px solid #000;overflow:hidden;}
.featprodcolgr .toptxtshrtgr {width:190px;height:20px;font-size:12px;line-height:16px;font-weight:bold;text-align:center;background:#EEE;color:#000;padding:5px 0px 0px 0px;margin:0px;border-bottom:2px solid #000;overflow:hidden;}
.txtred {color:#5CAA00;}
.txtboldred {color:#FF0000; font-weight:bold;}
.faqquestion {font-weight:bold; color:#5CAA00; font-size:13px;}
.faqanswer {font-weight:normal; color:#000; font-size:12px;}
.closeoutimg {float:left;width:152px;height:37px;}

/*cart and checkout specific styles */
.carttitle {font-size:14px;font-weight:bold;text-decoration:none;margin:0px;padding:0px;color:#000;line-height:20px;}
.cartjustaddedprod {float:left; width:30px; height:30px;margin-left:5px;margin-right:5px; border:1px solid #777;}
.cartprod {float:left; width:30px; height:30px; margin-right:5px; border:1px solid #000;}
.cartprodclear {width:30px; height:30px;}
.prod_img {float:left; margin-top:3px; width:75px;}
.prod_det {float:left; margin-top:3px; padding-left:10px; text-align:left;}
.suggprodprice {width:100%; text-align:center;}
.removebtn {width:39px;height:9px;position:relative;top:-3px;}
.updatebtn {width:39px;height:9px;padding-top:3px;}
input#sendpasswordbtn {width:160px;height:30px;padding:0px;cursor:pointer;margin:10px 0px 0px 0px;}
#trackmyorderbtn {width:160px;height:30px;padding:0px;cursor:pointer;margin:15px 0px 0px 0px;display:block;}
#offerbox {width:500px;margin:0 auto;background:#EEE;margin-bottom:12px;padding:0px 0px 30px 0px;overflow:hidden;color:#000;}
#offerbox #offerboxtitle {width:100%;text-align:left;background:#FFF;color:#000;border-bottom:2px solid #000;margin:0px 0px 8px 0px;overflow:hidden;}
#offerbox #offerboxtitle h1 {font-size:13px;font-weight:bold;text-decoration:none;margin:0px;padding:0px;color:#000;line-height:26px;text-indent:12px;}
#chkoutbox {width:780px;margin:0 auto;background:#EEE;margin-bottom:12px;padding:0px 0px 30px 0px;overflow:hidden;color:#000;}
#chkoutbox #chkoutboxtitle {width:100%;text-align:left;background:#FFF;color:#000;border-bottom:2px solid #000;margin:0px 0px 8px 0px;overflow:hidden;}
#chkoutbox #chkoutboxtitle h1 {font-size:13px;font-weight:bold;text-decoration:none;margin:0px;padding:0px;color:#000;line-height:26px;text-indent:12px;}
.cartsummarylft {width:103px;float:left;text-align:right;font-weight:bold;color:#666;padding:2px 0 2px 0;height:15px;}
.cartsummarylftred {width:103px;float:left;text-align:right;font-weight:bold;color:#FF0000;padding:2px 0 2px 0;height:15px;clear:both;}
.cartsummaryrt {width:70px;padding:2px 0 2px 7px;float:left;text-align:left;font-weight:bold;height:15px;}
.cartsummarywide {width:180px;float:left;text-align:center;color:#000;padding:0 0 2px 0;height:15px;clear:both;}
.smalltitle {font-size:14px; font-weight:bold; margin-left:7px;}
.checkouttitle {font-size:14px; font-weight:bold;}
.subtitle {font-size:11px; font-weight:normal; margin-left:7px;}
.subtitle12 {font-size:12px; font-weight:normal; margin-left:7px;}
.custinfosubtitle {font-size:12px;color:#666;margin-bottom:10px;}

/*sitewide menus*/
#menubar ul {margin:0 auto;border:0px;padding:0px;width:780px;list-style:none;height:29px;}
#menubar ul li {margin:0px;padding:0px;float:left;display:inline;list-style:none;position:relative;height:29px;margin:0px;}
#menubar ul a {margin:0px;padding:6px 15px 9px 15px;float:none !important;float:left;display:block;color:#000;font-family:Arial,Verdana,Sans-Serif;font-size:13px;font-weight:bold;text-decoration:none;height:auto !important;height:1%;/*For IE*/cursor:pointer;}
#menubar ul a:hover {color:#FFF;}
#menubar ul a#ona {color:#FFF;}
#menubar ul a#ona:hover {color:#FFF;}
#menubar ul li#onl {height:29px;background:url(/images/backgrounds/tabonleft.jpg) no-repeat left top;}
#menubar ul li#onl a {background:url(/images/backgrounds/tabonright.jpg) no-repeat right top;}
#menubar ul li#onl:hover {height:29px;background:url(/images/backgrounds/tabonleft.jpg) no-repeat left top;}
#menubar ul li#onl:hover a {background:url(/images/backgrounds/tabonright.jpg) no-repeat right top;color:#FFF;}

/*jquery elements*/
#preview{position:absolute;border:2px solid #000;background:#000;padding:5px;display:none;color:#fff;z-index:999;}
.prev {cursor:crosshair;}
.paginate {float:left;width:965px;padding:0px;margin:0px 0px 5px 15px;}
.paginate ul {border:0;margin:0;padding:0;}
.paginate li {display:inline;border:0;margin:0;padding:0;font-size:12px;list-style:none;}
.paginate a {background:#EEE;border:solid 1px #CCC;margin-right:4px;margin-bottom:2px;color:#000;font-weight:bold;white-space:nowrap;}
.paginate .active {background:#4C8C00;color:#FFF;font-weight:bold;display:inline;float:left;padding:3px 5px;margin-right:4px;border:solid 1px #000;}
.paginate a:link,.paginate a:visited {display:block;float:left;padding:2px 5px;text-decoration:none;}
.paginate a:hover {border:solid 1px #000;background:#FFF;color:#000;}
.paginate li:hover a {color:#000;}
#pagingheader {margin:0px 0px 3px 15px;font-weight:bold;color:#417700;width:965px;display:block;float:left;clear:both;}

/*text style classes*/
.bold {font-weight:bold;}
.italic {font-style:italic;}
.linethrough {text-decoration:line-through;}
.underline {text-decoration:underline;}
.white {color:#FFF;}
.green {color:#30B800;}
.red {color:#FF0000;}
.brtgreen {color:#75D800;}
.brtyellow {color:#FFCB33;}
.detailslink {color:#5CAA00;font-size:11px;}

/*form styles*/
.section {float:left; text-align:left; margin-left:15px; padding-top:10px; clear:both;width:435px;}
.section .title {float:left; margin-bottom:5px; width:500px; height:22px; font-size:14px; font-weight:bold; text-decoration:none; color:#0077FF; clear:both;}
.spacer {width:580px; height:10px; border-bottom:4px solid #CFCFCF; margin:0 auto; clear:both;}
.varselect {float:left; margin-bottom:4px; width:580px; clear:both;}
select {font-size:11px; background-color:#FFF; color:#000; border:1px solid #000;}
select.wide {width:110px;}
select.narrow {width:50px;}
input#clearcartbtn {float:left; width:160px;height:30px;padding:0px;cursor:pointer;margin:0px 0px 0px 300px;}
a#btnNextArrow {float:right;width:160px;height:30px;padding:0px;cursor:pointer;margin:0px 5px 10px 0px;display:block;}
a#skipshipoptionsbtn {float:right;width:150px;height:30px;padding:0px;cursor:pointer;margin:0 10px 10px 0;display:block;}
#btnGetShippingOptions {width:160px;height:30px;padding:0px;cursor:pointer;margin:0px;display:block;}
#btnProceedToCheckout {width:160px;height:30px;padding:0px;cursor:pointer;margin:0px;display:block;}
#btnProcessOrder {width:160px;height:30px;padding:0px;cursor:pointer;margin:15px 0px 0px 20px;display:block;}
#btnContinueToCheckout {width:160px;height:30px;padding:0px;cursor:pointer;margin:0px 0px 0px 300px;display:block;}
#btnFirstTimeCustomer {width:160px;height:30px;padding:0px;cursor:pointer;margin:10px 0px 0px 0px;display:block;}
#btnLogInToYourAccount {width:160px;height:30px;padding:0px;cursor:pointer;margin:10px 0px 0px 0px;display:block;}
.createbtn {width:152px;height:22px;border:1px solid #000;background:url(/images/backgrounds/buttongbg.jpg) center center repeat-x;text-align:center;color:#FFF;font-weight:bold;line-height:22px;}
.inputcustinfo {margin:2px 10px 5px 0; font-size:12px; padding:2px;}
.inputshipinfo {float:left; margin:2px 10px 5px 0; font-size:12px; padding:2px;}