/* ~~~~~~~~ Main Content ~~~~~~~~ */ body { background-color:#FFFFFF;font-family:arial, Helvetica, Sans-serif;font-size:12px;margin-top:0px;} td { font-family:arial, Helvetica, Sans-serif;font-size:12px;} #pageContainer { width:975px;margin-left:auto;margin-right:auto;} img { border:0px;padding:0px;margin:0px 0px 0px 0px;} .clearFloat { clear:both} h6 { font-size:10px;font-weight:normal;font-family:arial, Helvetica, Sans-serif;} h5 { font-size:12px;font-weight:normal;font-family:arial, Helvetica, Sans-serif;} h4 { font-size:14px;font-weight:normal;font-family:arial, Helvetica, Sans-serif;} h3 { font-size:16px;font-weight:normal;font-family:arial, Helvetica, Sans-serif;} h2 { font-size:18px;font-weight:normal;font-family:arial, Helvetica, Sans-serif;} h1 { font-size:20px;font-weight:normal;font-family:arial, Helvetica, Sans-serif;} .crumbs { font-weight:normal;text-decoration:underline;} .crumbs14 { font-weight:normal;text-decoration:underline;font-size:11pt;} /* ~~~~~~~~ Header ~~~~~~~~ */ #header { margin-bottom:5px} #header ul { margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;clear:left} #header li { float:left;list-style-type:none} #header ul.topHeader { background-image:url(Images/up/topFiller.gif);height:91px;width:100%} #header ul.buttonBar { background-image:url(Images/up/buttonBar-Filler.gif);height:30px;width:100%;} #header li.chat { margin:25px 0px 0px 30px;} #header li.navigation { float:right;margin:30px 10px 0px 0px;font-size:8pt;} #header li.buttonBarRight { float:right;} #header li.phone { font-weight: bold;float:right;padding:8px 10px 5px 5px;font-size:10pt} #header li.navigation div { width: 270px;text-align:center;padding-top:10px;} #header li.navigation div a.shoppingCart{ text-decoration:underline;} #headerBottom ul.headerBottom { background-image:url(Images/up/bottom-Filler.gif);height:3px;width:100%;} #headerBottom li.headerBottomRight { float:right;} #headerBottom li.headerBottomLeft { float:left;} div.search { font-size:9pt;padding-bottom:15px;} input.search { height:17px;font-size:8pt;} /* ~~~~~~~~ Navigation ~~~~~~~~ */ .abouttext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; text-decoration: none} .abouttext_header { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #FFFFFF; text-decoration: none} .account { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #12008C; text-decoration: none} a:hover.account { color: #CC3300} .accountselect { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #CCCCCC; text-decoration: none} a:hover.accountselect { color: #CC6600} .Bottom_Link { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #0000FF; font-weight: bold} .BottomMenu { font-family: Geneva, Arial, Helvetica, san-serif; font-size: 13px; color: #336699; text-decoration:none;} a:hover.BottomMenu { color: #330099} .buttons { background-color:#CFCFCF} .cert-form { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #333333; background-color: #EEEEEE; } .cert-subtext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #666666; } .cert-text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #333333; } .cert-titles { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #333333; } .clearancemenus { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; background-color: #CCCCCC; border: 1px solid #336699 } .ClubsMenu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #37618A; text-decoration: none} a:hover.ClubsMenu { color: #CCCCCC} .dividers { background-color: #336699} .dropdown { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background-color: #FFFFFF;} .forms { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none} .Left_TD { background-color: #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000080; vertical-align: middle; padding: 5px} .Main_Header { background-color: #000080; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; padding: 5px} .pgbg { background-repeat: no-repeat} .pricedescription { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #000000; text-decoration: none} .productform { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #333333; text-decoration: none; } .ProductDescription { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: italic; color: #000000; text-decoration: none} .ProductHeading { font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-weight: bold; color: #000000; text-decoration: none} .ProductHeading { font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-weight: bold; color: #000000; text-decoration: none} .ProductText { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; text-decoration: none} .Right_TD { background-color: #EEEEEE; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; vertical-align: middle; padding: 5px} .ro_line { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; text-decoration: none; } a:hover.ro_line { text-decoration: underline} a:visited.ro_line { text-decoration: underline} .SearchBoxText { color: #1B4268; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; vertical-align:middle; padding: 3px 20px 3px 20px } .sidemenu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; text-decoration: none;} a:hover.sidemenu { text-decoration: underline} .sidemenureverse { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #FFFFFF; text-decoration: none;} .smalldescription { font-family: Arial, Helvetica, sans-serif; font-size: 6.5pt; color: #000000; text-decoration: none} .smalltext { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; text-decoration: none } .storefrontheader { background-color: #336699} .text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-decoration: none} .textlinks { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; text-decoration: none} a:hover.textlinks { color: #336699} .text-headings { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #333333; text-decoration: none} .WelcomeText { font-size: 12px; font-weight: normal; color: #1B4268; font-family: Arial, Helvetica, sans-serif } .prodline { border-top: solid 1px black; background-color: #F2F2F2} .wrapline { background-color: #F2F2F2} .tradein { color: #800000} .menuTabHeaderText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; text-decoration: none; text-align: center;} a.menuTabHeaderText:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; text-decoration: none; text-align: center;} a.menuTabHeaderText:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; text-decoration: none; text-align: center;} a.menuTabHeaderText:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; text-decoration: none; text-align: center;} a.menuTabHeaderText:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; text-decoration: none; text-align: center;} .menuTabWindowTable { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; background-color: #EBEBEB; text-decoration: none;} .submenuWindowTable { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; background-color: #EBEBEB; text-decoration: none;} .menuTabSectionText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #003399; text-decoration: none; font-weight: bold;} a.menuTabSectionText:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #003399; text-decoration: none; font-weight: normal;} a.menuTabSectionText:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #42246f; text-decoration: none; font-weight: normal;} a.menuTabSectionText:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #003399; text-decoration: underline; font-weight: normal; } a.menuTabSectionText:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #003399; text-decoration: none; font-weight: bold; } a.menuTabItemText:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; text-decoration: none; font-weight: normal; line-height: 150%;} a.menuTabItemText:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; text-decoration: none; font-weight: normal; line-height: 150%;} a.menuTabItemText:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #CC6600; text-decoration: underline; font-weight: normal; line-height: 150%;} a.menuTabItemText:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; text-decoration: none; font-weight: normal; line-height: 150%;} a.menuTabItemText1:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #0066FF; text-decoration: none; font-weight: normal; line-height: 150%;} a.menuTabItemText1:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #0066FF; text-decoration: none; font-weight: normal; line-height: 150%;} a.menuTabItemText1:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #CC6600; text-decoration: underline; font-weight: normal; line-height: 150%;} a.menuTabItemText1:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #0066FF; text-decoration: none; font-weight: normal; line-height: 150%;} div.menuDiv{ padding:5px;text-align:left;} .menuTabSelected { font-family: Verdana, Arial, Helvetica, sans-serif; border-color: #1D425F #1D425F #FFFFFF #1D425F; border-style: solid; border-width: 2px 0px 2px 0px; background-color: #FFFFFF; color: #1D425F; padding: 6px 2px 4px 2px } .menuTabSelectedA { font-family: Verdana, Arial, Helvetica, sans-serif; border-color: #1D425F #1D425F #FFFFFF #1D425F; border-width: 0px; background-color: #FFFFFF; color: #1D425F; text-decoration: none; display:block; cursor: pointer } .menuTabNotSelected { font-family: Verdana, Arial, Helvetica, sans-serif; border-color: #1D425F #1D425F #1D425F #1D425F; border-style: solid; border-width: 2px 0px 2px 0px; background-color: #1D425F; color: #FFFFFF; padding: 6px 2px 4px 2px } .menuTabNotSelectedA { font-family: Verdana, Arial, Helvetica, sans-serif; border-color: #1D425F #1D425F #1D425F #1D425F; border-width: 0px; background-color: #1D425F; color: #FFFFFF; text-decoration: none; display:block; cursor: pointer } .menuTabSelectedR { font-family: Verdana, Arial, Helvetica, sans-serif; border-color: #1D425F #1D425F #FFFFFF #1D425F; border-style: solid; border-width: 2px 0px 2px 0px; background-color: #FFFFFF; color: #1D425F; padding: 6px 2px 4px 2px } .menuTabNotSelectedR { font-family: Verdana, Arial, Helvetica, sans-serif; border-color: #cc0000 #cc0000 #cc0000 #cc0000; border-style: solid; border-width: 2px 0px 2px 0px; background-color: #cc0000; color: #FFFFFF; padding: 6px 2px 4px 2px } .menuTabLeft { padding: 3px 0px 0px 0px; background: #1D425F url("images/left_corner_normal.gif") top left no-repeat; height: 100% } .menuTabLeftR { padding: 3px 0px 0px 0px; background: #cc0000 url("images/left_corner_normalR.gif") top left no-repeat; height: 100% } .menuTabLeftSelected { padding: 3px 0px 0px 0px; background: #FFFFFF url("images/left_corner_selected.gif") top left no-repeat; height: 100% } .menuTabLeftSelectedR { padding: 3px 0px 0px 0px; background: #FFFFFF url("images/left_corner_selectedR.gif") top left no-repeat; height: 100% } .menuTabLeftDiv { border-color: #FFFFFF #FFFFFF #FFFFFF #1D425F; border-style: solid; border-width: 0px 0px 0px 2px; height: 100% } .menuTabLeftDivR { border-color: #FFFFFF #FFFFFF #FFFFFF #cc0000; border-style: solid; border-width: 0px 0px 0px 2px; height: 100% } .menuTabRight { padding: 3px 0px 0px 0px; background: #1D425F url("images/right_corner_normal.gif") top left no-repeat } .menuTabRightR { padding: 3px 0px 0px 0px; background: #cc0000 url("images/right_corner_normalR.gif") top left no-repeat } .menuTabRightSelected { padding: 3px 0px 0px 0px; background: #FFFFFF url("images/right_corner_selected.gif") top left no-repeat } .menuTabRightSelectedR { padding: 3px 0px 0px 0px; background: #FFFFFF url("images/right_corner_selectedR.gif") top left no-repeat } .menuTabRightDiv { border-color: #FFFFFF #1D425F #FFFFFF #FFFFFF; border-style: solid; border-width: 0px 2px 0px 0px; height: 100% } .menuTabRightDivR { border-color: #FFFFFF #cc0000 #FFFFFF #FFFFFF; border-style: solid; border-width: 0px 2px 0px 0px; height: 100% } .menuTabSpacer { border-color: #FFFFFF #FFFFFF #1D425F #FFFFFF; border-style: solid; border-width: 0px 0px 2px 0px } .menuTabSpacer div { height: 100% } /* ~~~~~~~~ Side Nav~~~~~~~~ */ .sideTitle { font-weight:bold;} .sideLine { width:170px;vertical-align:top;margin-top:3px;margin-bottom:3px;} /* ~~~~~~~~ Product Grid Display ~~~~~~~~ */ .hbox { padding:8px;} .PriceTag { font-weight:bold;font-size: 14px;color:#cc0000;} /* ~~~~~~~~ Shopping Cart ~~~~~~~~ */ #divShopCart { position:absolute;z-index:299;width:400px;background-color:#ffffff;right:5%;} #iframe { position: absolute;top: 151px;right:5%;width: 400px;z-index:298;} #divShopCart a { text-decoration:none;color:#000000;} #tabShoppingCart { width: 100%;height:auto;border-collapse: collapse;border: 1px solid #999999;padding:0; margin:0;} #tabShoppingCart td { vertical-align:top;padding-bottom:10px;} #tabShoppingCart td.Currency { vertical-align:top;padding-bottom:3px;text-align:right;font-weight:bold;} #tabShoppingCart div.nav25 { width:25%;float:left;text-align:center;} #tabShoppingCart div.nav33 { width:33%;float:left;text-align:center;} #tabShoppingCart div.nav50 { width:50%;float:left;text-align:center;} #tabShoppingCart th { background:#e0eaf2;border-bottom:1px solid #999999;color:#000000;font-size:10pt;} #tabShoppingCart td.Close { background:#e0eaf2;border-bottom:1px solid #999999;color:#000000;padding-left:5px;padding-top:5px;} #tabShoppingCart th.Summary { border-top:1px solid #999999;} #tabShoppingCart th.Currency { text-align:right;border-top:1px solid #999999;} form, img { padding:0;margin:0;} div.padBox { width:auto;height:auto;padding-top: 1px;padding-top: 1px;padding-right: 1px;padding-bottom:1px;padding-left:1px;margin:0;} div.minicart { font-family:verdana;font-size:12px;font-weight:bold;color:#1152c0;text-decoration:underline;} div.minicartrem { font-family:verdana;font-size:10px;font-weight:bold;color:#1152c0;text-decoration:underline;} div.minicartcheck { font-family:verdana;font-size:12px;font-weight:bold;color:#cc0000;text-decoration:underline;} input.GoButton { border:1px solid #999999;font-family: Arial;font-size: 8pt;width: 25px;height:20px;} input.RegButton { border:1px solid #999999;font-family: Arial;font-size: 8pt;height:20px;} .ZipText { font-family: Arial;font-size: 8pt; text-decoration: none;color: #000000;} .InputZip { font-family: Arial;font-size: 8pt;width: 40px;} .InputZipStyle2 { font-family: Arial;font-size: 8pt;width: 70px;} .InputShip { font-family: Arial;font-size:8pt;width:250px;text-align:right;} .Bold { color:#000000;font-size:10pt;font-weight:bold;} #divAddCartShipCalc { padding-right:5px; text-align:right; } #divAddCartShipCalc>div { margin-right:0px; margin-left:auto; text-align:right; margin-bottom:3px; } /* ~~~~~~~~ Spec HR ~~~~~~~~ */ .mtitle { font-family:Helvetica,Arial,Sans-Serif; color:#ff9900; font-size:18px; font-weight:bold; } .btitle { font-family:Helvetica,Arial,Sans-Serif; color:#1E405B; font-size:12px; font-weight:bold; line-height:16px;} .btext { font-family:Helvetica,Arial,Sans-Serif; color:#000000; font-size:12px; font-weight:normal; } #longspecstyle2 { width: auto;border-left: solid 1px black;border-top: solid 1px black;} #longspecstyle2 th { border-right: solid 1px black;border-bottom: solid 1px black;} #longspecstyle2 td { border-right: solid 1px black;border-bottom: solid 1px black;} /* ~~~~~~~~ Star Rating ~~~~~~~~ */ /* star rating code - use lists because its more semantic */ /* No javascript required */ /* all the stars are contained in one matrix to solve rollover problems with delay */ /* the background position is just shifted to reveal the correct image. */ /* the images are 16px by 16px and the background position will be shifted in negative 16px increments */ /* key: B=Blank : O=Orange : G = Green * / /*..... The Matrix ....... */ /* colours ....Background position */ /* B B B B B - (0 0)*/ /* G B B B B - (0 -16px)*/ /* G G B B B - (0 -32px)*/ /* G G G B B - (0 -48px)*/ /* G G G G B - (0 -64px)*/ /* G G G G G - (0 -80px)*/ /* O B B B B - (0 -96px)*/ /* O O B B B - (0 -112px)*/ /* O O O B B - (0 -128px)*/ /* O O O O B - (0 -144px)*/ /* O O O O O - (0 -160px)*/ /* the default .MwaveRating is placed as a background image in the ul */ /* use the background position according to the table above to display the required images*/ .MwaveRating{ width:160px; height:16px; margin:0 0 20px 0; padding:0; list-style:none; clear:both; position:relative; background: url(rating/star-matrix.gif) no-repeat 0 0; z-index:0; } /* add these classes to the ul to effect the change to the correct number of stars */ .nostar {background-position:0 0} .onestar {background-position:0 -16px} .twostar {background-position:0 -32px} .threestar {background-position:0 -48px} .fourstar {background-position:0 -64px} .fivestar {background-position:0 -80px} .sixstar {background-position:0 -96px} .sevenstar {background-position:0 -112px} .eightstar {background-position:0 -128px} .ninestar {background-position:0 -144px} .tenstar {background-position:0 -160px} ul.MwaveRating li { cursor: pointer; /*ie5 mac doesn't like it if the list is floated\*/ float:left; /* end hide*/ text-indent:-999em; } ul.MwaveRating li a { position:absolute; left:0; top:0; width:16px; height:16px; text-decoration:none; z-index:0; } ul.MwaveRating li.one a {left:0} ul.MwaveRating li.two a {left:16px;} ul.MwaveRating li.three a {left:32px;} ul.MwaveRating li.four a {left:48px;} ul.MwaveRating li.five a {left:64px;} ul.MwaveRating li.six a {left:80px;} ul.MwaveRating li.seven a {left:96px;} ul.MwaveRating li.eight a {left:112px;} ul.MwaveRating li.nine a {left:128px;} ul.MwaveRating li.ten a {left:144px;} ul.MwaveRating li a:hover { z-index:0; width:160px; height:16px; overflow:hidden; left:0; background: url(rating/star-matrix.gif) no-repeat 0 0 } ul.MwaveRating li.one a:hover {background-position:0 -176px;} ul.MwaveRating li.two a:hover {background-position:0 -192px;} ul.MwaveRating li.three a:hover {background-position:0 -208px} ul.MwaveRating li.four a:hover {background-position:0 -224px} ul.MwaveRating li.five a:hover {background-position:0 -240px} ul.MwaveRating li.six a:hover {background-position:0 -256px} ul.MwaveRating li.seven a:hover {background-position:0 -272px} ul.MwaveRating li.eight a:hover {background-position:0 -288px} ul.MwaveRating li.nine a:hover {background-position:0 -304px} ul.MwaveRating li.ten a:hover {background-position:0 -320px} /* end rating code */ h3{margin:0 0 2px 0;font-size:110%} .rater { float:left;cursor: pointer;width:96px;z-index:6;} span.mouseOn { display:block;float:left;background-image:url('rating/assets/gSelectednew.gif');background-repeat:no-repeat;width:16px;height:15px;} span.mouseOff { display:block; float:left;background-image:url('rating/assets/bSelectednew.gif');background-repeat:no-repeat;width:16px;height:15px;} span.blank { display:block;float:left;background-image:url('rating/assets/blanknew.gif');background-repeat:no-repeat;width:16px;height:15px;} div.clear { clear:both;} h3 { margin:0 0 2px 0;font-size:110%} /* ~~~~~~~~ Viewproduct Grid ~~~~~~~~ */ body { font-family:Arial, Helvetica, sans-serif; color:#000000 } img { border:0px solid #FFFFFF } .yellowLine { width:100%; height:2px; font-size:2px; background-color:#FFC600; margin-bottom:5px } .itemGray { font-size:8pt; color:#999999; padding-right:20px } .aSPprice { font-size:13pt; color:#1E405B; font-weight:bold; text-align:center } .thumbnailB { width:100px; height:100px; border-top:1px solid #CCCCCC; border-right:2px solid #999999; border-bottom:2px solid #999999; border-left:1px solid #CCCCCC; } .itemSeperator { border-bottom:1px dashed #999999; font-size:1px } .bundleCell { padding-left:10px; vertical-align:top; padding-top:5px } .bundleDrop { margin-bottom:5px; font-size:7pt } .productImage { border-top:1px solid #CCCCCC; border-right:2px solid #999999; border-bottom:2px solid #999999; border-left:1px solid #CCCCCC } .itemDescShell { border-bottom:1px dashed #999999; border-left:1px dashed #999999; border-right:1px dashed #999999; background-color:#F7F7F7 } .itemDesc { height:500px; overflow:scroll; padding:10px 5px 5px 5px } .itemDetail { height:16px; background-image:url(images/gradientGreyHeader.jpg); font-weight: bold; padding:1px 0px 1px 10px; border-bottom:1px solid #DDDDDD; } .font11pt { font-size:11pt } .font11ptBold { font-size:11pt; font-weight:bold } .font10pt { font-size:10pt } .font9pt { font-size:9pt } .font8pt { font-size:8pt } .bold { font-weight:bold } .red { color:#FF0000 } .descFullPage { font-size:8pt; font-weight:normal; text-decoration:none } /* ~~~~~~~~ Notify No Stock ~~~~~~~~ */ #divStockNote { position:absolute; z-index:999;width:400px;background-color:#ffffff; } /* ~~~~~~~~ Subscribe Newsletter ~~~~~~~~ */ #divSubscribeNote { position:absolute; z-index:999;width:500px;background-color:#ffffff; } /* ~~~~~~~~ Instant Coupon ~~~~~~~~ */ #divInstantCoupon { position:absolute; z-index:999;width:600px;background-color:#ffffff; } /* ~~~~~~~~ Navigation for Index Page ~~~~~~~~ */ #tabNavHPDeal {width:auto;margin-left:auto;} #tabNavHPDeal div { width:30px; padding:3px; text-align:center;font-weight:bold;} #tabNavHPDeal div.Box { border:2px solid #999; color:#999; } #tabNavHPDeal div.Selected { border:2px solid #000; color:#000;} #tabNavHPDeal a {color:#000;text-decoration:none;} #tabNavHPDealSub {width:auto;margin-left:auto;} #tabNavHPDealSub div { width:30px; padding:3px; text-align:center;font-weight:bold;} #tabNavHPDealSub div.Box { border:2px solid #999; color:#999; } #tabNavHPDealSub div.Selected { border:2px solid #000; color:#000;} #tabNavHPDealSub a {color:#000;text-decoration:none;} table.tabHPDeal {width:650px; height:300px; border:0px; border-spacing:0px;} table.tabHPSubDeal {width:975px; height:350px; border:0px; border-spacing:0px;} input.btn { color:#000; font: bold 84%'trebuchet ms',helvetica,sans-serif; background-color: #fed; } input.txtbox {font-size:10px;} /* ~~~~~~~ Carasel Slider ~~~~~~~~~~~ */ h1.shd{margin:0 0 8px;border-bottom:4px double #cccccc;color:#000000;padding:0 0 4px 0;font-size:14pt;line-height:normal;width:auto;font-weight:bold;} .line{zoom:1;}.unit{float:left;}.size1of1{float:none;}.size1of2{width:50%;}.size1of3{width:33.33333%;}.size2of3{width:66.66666%;}.size1of4{width:24.8%;}.size3of4{width:75%;}.size1of5{width:20%;}.size2of5{width:40%;}.size3of5{width:60%;}.size4of5{width:80%;}.size1of6{width:16.66666%;}.size1of12{width:8.33333%;}.lastUnit{display:table-cell;vertical-align:top;display:block;zoom:1;float:none;_position:relative;_left:-3px;_margin-right:-3px;width:auto;}.media{width:auto;}ul.line{list-style:none;margin:0;padding:0;} .carousel-container{position:relative;overflow:hidden;min-height:225px;} .carousel{position:absolute;} .carousel .inner{border:2px solid #cccccc;background-image:url('images/index/featurebk.jpg');background-repeat:repeat-x;background-color:#fff;height:275px;padding:15px;text-align:center;} .carousel .inner .bd{height:275px;} .carousel .inner a{text-decoration:none;font-size:14px;font-weight:bold;color:#333333;} .carousel .inner img{display:block;margin:0 auto 12px;} .carousel .mod{margin:5px 5px 0;} .carousel .hdl{display:inline-block;max-height:2.2em;overflow:hidden;} .car_scroll{z-index:10;display:block;position:absolute;top:50%;margin-top:-30px;height:62px;width:21px;background:transparent url(images/scroll.png) no-repeat 0 0;cursor:pointer;} .l_car_scroll{left:1px;} .r_car_scroll{right:0;background-position:100% 0;} /* ~~~~~~ DisplayPriceDetails ~~~~~~~*/ td.DPSpecialInfoTitle, td.DPInfoTitle { border-right:0px solid #ccc; border-bottom:0px solid #ccc;} td.DPSpecialInfoItem, td.DPInfoItem { border-bottom:0px solid #ccc;} td.DPSpecialInfoItem {font-size:14px;font-weight:bold;color:#c00;text-align:left;} td.DPSpecialInfoTitle {font-size:14px;font-weight:bold;color:#c00;vertical-align:top;} /*~~~~~~~ FOOTER ~~~~~~~~~~*/ .footer {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000; text-decoration: none; font-weight: normal;} .footerTitle {font-family:verdana;font-size:14px;font-weight:bold;color:#1d425f;} td.footerBox {border-right:1px solid #cccccc;} ul.footerList {margin-top:5px;padding-top:0px;padding-left:10px;margin-left:10px;} /*~~~~~ SIDE PROMO ~~~~~~*/ .topsell { font-family:Arial;font-size:8pt;color:#000000;font-weight:normal;text-decoration:none;} /*~~~~~ Checkout ~~~~~~*/ input.SecureButton { background-color:#663366;font-weight:bold;color:#fff;width:90px; height:25px;font-size:8pt;cursor:pointer;padding-bottom:2px; } input.CheckoutButton { width:150px; height:28px; background-color:#663366; font-weight:bold; color:#ffff00; font-size:9pt; cursor:pointer; padding-bottom:2px; border:2px solid #ffff00; } .SKUPromoShoppingCart { color:#c00;font-size:10pt;font-style:italic;font-weight:bold; margin-top:3px; } .promopoptitle { font-size:16px; color:#000; font-weight:bold;text-decoration:none;} .promopricepop {font-size:14px;font-weight:bold;color:#c00;text-align:center;}