@charset "utf-8"; /* CSS Document */ /* START General */ h1, h2, h3 { padding: 0; margin: 0; } h1 { font: normal 16px Arial, Helvetica, sans-serif; color: #404040; } body { font: 11px Arial, Verdana, Helvetica, sans-serif; background-color: #b6b6b6; line-height:15px; margin: 0 auto; padding: 0; text-align: center; line-height:14px; color: #404040; height:100%;} a:link { font: Arial, Verdana, Helvetica, sans-serif; color: #1d51a0; font-style: normal; text-decoration: none; line-height:14px; } a:visited { font: Arial, Verdana, Helvetica, sans-serif; color: #1d51a0; font-style: normal; text-decoration: none; line-height:14px;} a:hover { font: Arial, Verdana, Helvetica, sans-serif; color: #165ec9; font-style: normal; text-decoration: underline; line-height:14px; } a:active { font: Arial, Verdana, Helvetica, sans-serif; color: #165ec9; text-decoration: underline; line-height:14px; } #container { width: 900px; background: url(/images/structure/body_background.png) repeat; padding: 0px; margin:0 auto; text-align: left; min-height:100%; } *html #container { height:100%; } /* Fix's #container not clearing inner floats in firefox */ .floatfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .floatfix {display: inline-block;} /* for IE/Mac */ .clearfloat { width:0; clear:both; height:0; margin:0; padding:0; font-size: 1px; line-height: 0px; visibility:hidden; } /* Fix's #container not clearing inner floats in firefox */ #messageSpan { width:100%; text-align:center; margin:0; padding:0; } #messageSpan .message { margin: 15px auto; padding: 15px 30px; height: auto; background:#f4f4f4; border:2px solid #b10000; width:500px; height: auto; } #messageSpan .message .messageContent { color:#000000; font: normal 13px Geneva, Arial, Helvetica, sans-serif; text-align:left;} #messageSpan .message .messageContent li { list-style:none; margin:0 0 9px 0; padding:0; list-style-position:outside; } #messageSpan .message .messageHeader { color:#b10000; font:bold 14px Arial, Helvetica, sans-serif; } .r { color:#b10000; } .disclaimer { font: 9px Arial, Helvetica, sans-serif; } #youarehere { font-size: 12px; display: block; margin:4px 15px 12px 15px; padding:4px 0 10px 10px; color: #454545; border-bottom:solid 1px #dddddd; } #youarehere a { font-size:12px; } #mainContent { float:right; margin-right:15px; margin-bottom: 12px; display: inline; width: 683px; height:auto; } #404 ol { display:list-item; list-style:none; font-size: 11px; line-height: 20px; margin: 0; padding:2px 0 2px 40px; } #404 a { text-decoration: underline; color: #165ec9; padding-left:10px; } .margintop {margin-top:15px;} .marginbtm {margin-bottom:15px;} /* END General */ /* START Headings */ .header1 { margin: 0px 0 5px 0; } #shoppingcart .header { padding: 0; margin:0 0 5px 18px; height: 27px; font:bold 22px Arial, Helvetica, sans-serif; color: #454545; } .headings, #tabsContent .headings, #configContent .headings, #staticContent .headings { font: bold 14px Arial, Helvetica, sans-serif; color: #454545; padding:0x; } #mainContent .label1, #tabsContent .label1, #staticContent .label1, #checkoutContent .label1 { font: bold 15px Arial, Helvetica, sans-serif; color: #454545; } #blindContent .label1, #lightboxContent .label1 { font: bold 18px Arial, Helvetica, sans-serif; color:#454545; } #blindContent .label, #tabsContent .label { font: bold 20px Arial, Helvetica, sans-serif; color: #454545; } #mainContent .label, #configContent .label { font: bold 14px Arial, Helvetica, sans-serif; color: #454545; padding-top:5px; } .label2 { font: bold 14px Arial, Helvetica, sans-serif; color: #454545; } #mainContent .label2 { font: bold 12px Arial, Helvetica, sans-serif; color: #454545; } #leftnav .title { padding:5px 5px 5px 10px; font: bold 13px Arial, Helvetica, sans-serif; color:#fff; } #leftnav .header { font-size: 13px; font-weight: bold; color: #25406b; padding: 4px 3px 4px 7px; } #leftnav .subhead { padding: 2px 7px 2px 7px; font-size: 13px; font-weight: bold; color: #25406b; margin-bottom:3px; background: url(/images/structure/subhead_background.gif) no-repeat; border-top:solid 1px #f4f4f4; border-bottom:solid 1px #f4f4f4;} #leftnav .emailspecials .header { font-size: 13px; margin:5px; background: #dddddd; padding:4px; } #shopby_SEO .heading h2 { font: normal 18px Arial, Helvetica, sans-serif; text-align:left; padding:0 15px 0 0; } #staticContent .header3, #siteMap .header3 { display:block; margin-bottom:5px;} #siteMap .headings { font: bold 16px Arial, Helvetica, sans-serif; color: #454545; border-bottom: 1px solid #454545; margin-bottom:10px; } #siteMap .subhead { font-size: 12px; font-weight: bold; color: #454545; } #staticContent .header3 h1, #mainContent .header3 h1, #fullContent .header3 h1 { font: bold 22px Arial, Helvetica, sans-serif; color: #454545; padding:0; } .headings_label { font: bold 13px Arial, Helvetica, sans-serif; } h1.bigheader { font:26px bold Arial, Helvetica, sans-serif; } .banner { width:683px; height:30px; background: url(/images/structure/header_lg_blue.gif); margin:0; } .banner h2, .banner2 h2 { padding:8px 0 0 12px; margin:0; font-size:13px; font-weight:bold; color:fff;} .banner h3 { padding:7x 0 0 12px; margin:0; font-size:13px; font-weight:bold; color:fff;} .banner2 { width:870px; height:30px; background: url(/images/structure/header_exlg_blue.gif); margin:0; } .banner3 { background: url(/images/structure/header_sm_fade_001.gif) repeat-x; border-left:solid 1px #c4c4c4; border-right:solid 1px #c4c4c4; border-top:solid 1px #dddddd; height: 35px; } .banner3 h2 { padding:10px 0 0 10px; margin:0; font-size:15px; font-weight:bold; color:#454545; } .banner3 h3 { padding:10px 0 0 10px; margin:0; font-size:15px; font-weight:bold; color:#454545; } *html banner3 h2 { padding-top:7px; } #checkoutContent .header2, #siteMap .header2 { padding: 5px 0px 0 10px; margin:0 0 8px 18px; height: 27px; } #checkoutContent .header3{ padding: 5px 0px 0 10px;margin:0 0 0 13px; height: 27px; } #checkoutContent .header2 h1, #siteMap .header2 h1 { font:bold 22px Arial, Helvetica, sans-serif; color: #454545; margin:0; font-weight:bolder;} #checkoutContent .header3 h1 { font:bold 22px Arial, Helvetica, sans-serif; color: #454545; margin:0; font-weight:bolder; } /* END Headings */ /* START left link menu */ #leftnav { float:left; display: inline; width: 173px; padding:0; margin:0 0 15px 15px; color: #454545; } #leftnav p { color:#454545; font-size:12px; margin: 4px 5px 0 8px; padding:0; font-weight:normal; } #leftnav ol { display:list-item; list-style:none; font-size: 11px; line-height:20px; margin: 0 0 0 1px; padding:0 2px 3px 0; } #leftnav li a:hover, #leftnav li a:active { text-decoration: none; color: #3786D5; } #leftnav .shopby .top { padding:3px 0; margin:0; background:#939393; background-color:#757575;} #leftnav .shopby { padding:0; margin:0; border:solid 1px #9eb8e1; } #leftnav .shopby li { list-style: none outside; margin:0 9px 0 7px; } #leftnav .shopby li a:link { font: 11px Arial, Verdana, Helvetica, sans-serif; color: #1d51a0; line-height: 14px; font-style: normal; text-decoration: none; } #leftnav .shopby li a:visited { font: 11px Arial, Verdana, Helvetica, sans-serif; color: #1d51a0; line-height: 14px; font-style: normal; text-decoration: none; } #leftnav .shopby li a:hover { font: 11px Arial, Verdana, Helvetica, sans-serif; color: #165ec9; line-height: 14px; font-style: normal; text-decoration: underline; } #leftnav .shopby li a:active { font: 11px Arial, Verdana, Helvetica, sans-serif; color: #165ec9; line-height: 14px; text-decoration: underline; } #leftnav .shopby .static { margin:0; } #leftnav .topoffers { padding:15px 0 0 0; } #leftnav .topoffers img { margin: 0 0 9px 6px; } #leftnav .bar { margin:0; padding:0; background:#dddddd; width: 173px; height:1px; line-height:1px; min-height:1px; } *html #leftnav .bar { margin:0 0 -4px 0; } /* END left link menu */ /* START header */ #logo { float:left; display:inline; width:280px; padding:15px 0 10px 20px; margin:0; } #contact { float:left; display:inline; width:480px; text-align:right; padding:10px 0 0 0; margin:0; font: normal 11px Arial, Helvetica, sans-serif; color: #000000; } #contact b { font: bold 12px Arial, Helvetica, sans-serif; } #yourcart { float:right; display:inline; margin-top:10px; padding:8px 15px; border-left:solid 1px #b6b6b6; margin-right:20px;} #certificates { float:right; display:inline; padding:10px 15px 0 0; margin:0; text-align:right; width: 70px; } #topmenu { margin:0 0 8px 15px; text-align:left; padding:0; } #searchbox { color: #404040; font-size:11px; width: 870px; height:39px; margin: 0; padding:0; background: url(/images/structure/header_search_back.gif) repeat;} #searchbox .left {float:left; display:inline; padding:9px 0 0 12px; } #searchbox .right { float:right; display:inline; padding:5px 18px 0 0; } /* END header */ /*START CART */ #shoppingcart table { width:870px; font: normal 11px Arial, Helvetica, sans-serif; } #shoppingcart td { padding:6px; } #shoppingcart .headings_label td { padding: 6px 6px 6px 6px; background:#dddddd; } #shoppingcart .items { padding:10px; color:#000; } #shoppingcart .price { font: bold 20px Arial, Helvetica, sans-serif; } #shoppingcart .price1 { font: bold 13px Arial, Helvetica, sans-serif; line-height:19px; } #checkoutContent .price { font: bold 13px Arial, Helvetica, sans-serif; line-height:19px;} #checkoutContent .price1 { font: bold 13px Arial, Helvetica, sans-serif; line-height:19px;} #shoppingcart .light { font: normal 11px Arial, Helvetica, sans-serif; color: #777777; display:inline; } /*End CART */ /*START checkoutContent */ #checkoutContent .headings_label td { padding: 6px 6px 6px 6px; background:#dddddd; } #checkoutContent { font: normal 11px Arial, Helvetica, sans-serif; min-height:100%; } #checkoutContent table { font: normal 11px Arial, Helvetica, sans-serif; } #checkoutContent .checkout { font: bold 17px Arial, Helvetica, sans-serif; color: #454545; width:100%; width:100%; } #checkoutContent .border { border:solid 1px #b6b6b6; padding:15px 15px; } /*END checkoutContent */ /* START footer */ #footerTop { margin: 19px 0 0 15px; padding:0; width:870px; background:#3863a8; color:#fff; } #footerTop a:link { color:aed9ff; text-decoration:none; line-height:20px; } #footerTop a:visited { color:aed9ff; text-decoration:none; line-height:20px;} #footerTop a:hover { color:fff; text-decoration:underline; line-height:20px;} #footerTop a:active { color:aed9ff; text-decoration:underline; line-height:20px;} #footerTop .left, .middle { float:left; display:inline; margin:18px 9px 0 20px; } #footerTop .left { margin-left:30px; width:150px;} #footerTop .middle { width:320px; } #footerTop .middle .services, .act { float:left; dislay:inline; width:130px; } #footerTop .middle .act { margin-left:60px; } #footerTop .middle .pay { margin-top:20px; } #footerTop .headings { width: inherit; font:bold 13px Arial, Helvetica, sans-serif; color:#fff; } #footerTop .tags { float:right; display:inline; width:240px; margin: 18px 30px 0 0; padding: 10px; border:solid 2px #578ab7; background-color: #355b9a; } *html #footerTop .tags { padding: 15px; margin-left:20px; width: 270px; } #footerTop .tags .headings { width: inherit; font:bold 15px Arial, Helvetica, sans-serif; color:#fff; } #footerTop .bottom { width:810px; border-top: solid 1px #578ab7; margin:9px 0 0 30px; color:fff; } #footerTop .bottom .bl { float:left; display:inline; padding:5px 0; } #footerTop .bottom .buttons { margin-top:8px; } #footerTop .bottom .contact { font:bold 15px Arial, Helvetica, sans-serif; color:#F90; padding:9px 0; } #footerTop .bottom .br { float:right; display:inline; padding:9px 0; width:400px; } #footerTop .checkouthelp { float:left; display:inline; height: 170px; margin:18px 30px 0 30px; width:475px; } /* END footer */ #block { height:0; display:none; margin:0; padding:0; } #lightbox { height:0; display:none; margin:0; padding:0; }@charset "utf-8"; /* CSS Document */ /*START Blind Detail */ /*START Blind INFO */ #blindContent { display: block; min-height: 360px; } #blindContent .left { display:inline; float:left; width:325px; height:360px; margin-left:15px; } #blindContent .right { display:inline; float:left; width:510px; margin:0 0 0 20px; } #blindContent .right .info { display:inline; float:left; width:510px; margin:12px 0 0 0; padding:8px; background:#f3f2f2;} #blindContent ul { list-style:none; margin:0; padding:0; color:#b10000; } #blindContent li { font: bold 12px Arial, Helvetica, sans-serif; margin:0; padding:0; } #blindContent h1 { margin:0; padding:0 0 8px 0; font:bold 20px Arial, Helvetica, sans-serif; } #blindContent .description { padding-top:5px; } #blindContent .onsale { padding-bottom: 8px;} #blindContent .quickpricer { height:125px; margin-bottom:25px; } #blindContent .quickpricer_left {width: 210px; height:105px; float: left; display:inline; margin:15px 0; } #blindContent .quickpricer_right { float: left; display:inline; padding-top:15px; margin:15px 0 0 35px; } /*END Blind Detail */ /*START TABS */ #tabsContent { display:block; width:870px; margin:0 0 0 15px; } #tabscontent .padding { padding: 3px 10px 5px 10px; } #tabscontent .tabs { width:870px; margin:0; padding:0; } #tabscontent .tabs .tabline { float: left; display:inline; } #tabscontent .tabs .color_on { float: left; display:inline; width: 141px; height:30px; background-image: url(/images/buttons/blinddetail_1_on.gif); text-align:center; } #tabscontent .tabs .color_off { float: left; display:inline; width: 141px; height:30px; background-image: url(/images/buttons/blinddetail_1_off.gif); text-align:center; } #tabscontent .tabs .detail_on { float: left; display:inline; width: 141px; height:30px; background-image: url(/images/buttons/blinddetail_2_on.gif); text-align:center; } #tabscontent .tabs .detail_off { float: left; display:inline; width: 141px; height:30px; background-image: url(/images/buttons/blinddetail_2_off.gif); text-align:center; } #tabscontent .tabs .option_on { float: left; display:inline; width:158px; height:30px; background-image: url(/images/buttons/blinddetail_4_on.gif); text-align:center; } #tabscontent .tabs .option_off { float: left; display:inline; width: 158px; height:30px; background-image: url(/images/buttons/blinddetail_4_off.gif); text-align:center; } #tabscontent .tabs .faq_on { float: left; display:inline; width: 111px; height:30px; background-image: url(/images/buttons/blinddetail_3_on.gif); text-align:center; } #tabscontent .tabs .faq_off { float: left; display:inline; width: 111px; height:30px; background-image: url(/images/buttons/blinddetail_3_off.gif); text-align:center; } #tabscontent .tabs .review_on { float: left; display:inline; width: 140px; height:30px; background-image: url(/images/buttons/blinddetail_2_on.gif); text-align:center; } #tabscontent .tabs .review_off { float: left; display:inline; width: 140px; height:30px; background-image: url(/images/buttons/blinddetail_2_off.gif); text-align:center; } #tabscontent .tabs p { font: bold 12px Arial, Helvetica, sans-serif; color:454545; margin:0; padding: 8px 0 0 0; } #tabscontent .tabs a { font: bold 12px Arial, Helvetica, sans-serif; color:454545; } #tabscontent .tabs a:hover { font: bold 12px Arial, Helvetica, sans-serif; color:454545; text-decoration:none; } #tabscontent .tabs a:visited { font: bold 12px Arial, Helvetica, sans-serif; color:454545; text-decoration:none; } #tabscontent .tabs a:active { font: bold 12px Arial, Helvetica, sans-serif; color:454545; text-decoration:none; } #tabscontent .g { background-color:#a9c3ec; font-weight:bold; font-size:11px; color:#165ec9; padding:0 2px; margin:0; } #tabsContent .itemdetails { display:block; width: 868px; margin:20px 0 0 0; padding:0; } *html #tabsContent .itemdetails { width:870px; } #tabsContent .itemdetails table { table-layout:auto; empty-cells:hide; font: normal 11px Arial, Helvetica, sans-serif; border-spacing: 2px;} #tabsContent .itemdetails td { padding: 1px; } #tabsContent .text { font: normal 11px Arial, Helvetica, sans-serif; color: #434343; margin:0; padding:2px 0px 3px 10px; } #tabsContent .itemdetails .attributes table { table-layout:auto; width:670px; empty-cells:hide; } #tabsContent .itemdetails .attributes td { padding:1px; } #tabsContent .colordetails { display:block; margin:0; padding:0;} *html #tabsContent .colordetails { height:auto; } /*END TABS */ #showonly.detail { text-align:center; margin:15px 0 0 18px; padding-bottom:5px; width:833px; } #showonly.config { float: right; width: 545px; text-align:center; margin:0 30px 0 0; border:solid 1px #dddddd; border-bottom:none;} *html #showonly.config { width: 545px; } /*START Colors */ #colorbox.detail { width:833px; border:none; margin-left:18px; } #colorbox.detail .colorgroup { margin:0; padding: 0; background:#f3f2f2; width: 833px; } #colorbox.detail .colorgroup table { table-layout:fixed; padding:0; width: 833px; } #colorbox.detail .colorgroup table td.colorsl { text-align:left; width:600px; vertical-align: top;} #colorbox.detail .colorgroup table td.colorsr { width:auto; } #colorbox.detail .colorgroup .groupname { float:left; display:inline; margin:10px 10px 10px 20px; width:150px; } #colorbox.detail .colorgroup .groupprice { margin: 10px 20px 0 0; border:1px solid #b6b6b6; background:#FFFFFF; width:auto; padding:6px 8px; text-align:center; } #colorbox.detail .colorgroup table .colors { cursor:pointer; cursor:hand; border:solid 1px #b6b6b6; } #colorbox .colorgroup table .collection { font: normal 11px Arial, Helvetica, sans-serif; line-height:18px; } #colorbox .colorgroup table .collection_name { font: bold 13px Arial, Helvetica, sans-serif; color:#000; line-height:18px; } #colorbox.detail .colorgroup table a { font: bold 15px Arial, Helvetica, sans-serif; color: #165ec9; text-decoration:none; } #colorbox.detail .colorgroup table a:hover { font: bold 15px Arial, Helvetica, sans-serif; color: #165ec9; text-decoration:none; } #colorbox.detail .colorgroup table a:active { font: bold 15px Arial, Helvetica, sans-serif; color: #165ec9; text-decoration:none; } #colorbox.detail .colorgroup table a:visited { font: bold 15px Arial, Helvetica, sans-serif; color: #165ec9; text-decoration:none; } #colorbox.detail .colorgroup table .description { margin:0 10px; font-size:11px; } #colorbox.detail .colorgrid table { table-layout:auto; margin:0px 0 15px 12px; width:818px; empty-cells:hide; } #colorbox.detail .colorgrid td { padding: 0 0 5px 0; text-align:center; width: 90px;} #colorbox.detail .swatch { font: normal 10px Arial, Helvetica, sans-serif; } #selectedcolor.config { float:left; display:inline; margin-left:15px; padding:10px; background: #f3f2f2; border:solid 1px #dddddd; height:341px; } *html #selectedcolor.config { height:359px; } #selectedcolor.config img { border: solid 1px #b6b6b6; } #colorbox.config { float:right; display:inline; width:545px; height: 315px; overflow: auto; margin:0 30px 0 0; border:solid 1px #dddddd; } #colorbox.config .colorgroup { margin:0; padding: 0; background:#f3f2f2; width: 528px;} *html #colorbox.config .colorgroup { width: 100%;} #colorbox.config .colorgroup table { table-layout:fixed; padding:0; width: 495px; } #colorbox.config .colorgroup table td.colorsl { text-align:left; vertical-align: top; width:325px;} #colorbox.config .colorgroup table td.colorsr { width:auto; } #colorbox.config .colorgroup .groupname { float:left; color: #165ec9; display:inline; margin:10px 0 10px 0; width:125px; font:bold 15px Arial, Helvetica, sans-serif;} #colorbox.config .colorgroup .groupprice { margin: 10px 0 5px 0; border:1px solid #b6b6b6; background:#FFFFFF; width:auto; padding:6px 8px; text-align:center; width:150px; } #colorbox.config .colorgroup .description { font-size:10px; } #colorbox.config .colorgrid table { width:492px; margin-bottom:5px;} #colorbox.config .colorgrid td { padding: 0; margin:0; text-align:center; width: 98px;} .colorimg { border: solid 1px #b6b6b6; margin-top:9px;} .swatchavail { font:normal 9px Arial, Helvetica, sans-serif; border:solid 1px #dddddd; background:#ECF5FF; width:60px; margin:0 auto; } *html .swatchavail { margin-left:0; } .swatchavail a { font:bold 9px Arial, Helvetica, sans-serif; text-decoration:none; } .swatchavail a:hover { font:bold 9px Arial, Helvetica, sans-serif; text-decoration:underline;} .swatchavail a:visited { font:bold 9px Arial, Helvetica, sans-serif; } .swatchavail a:active { font:bold 9px Arial, Helvetica, sans-serif; } .colorname { font: normal 9px Arial, Helvetica, sans-serif; padding:0 4px;} .colorname b { font: normal 9px Arial, Helvetica, sans-serif; } /*START Colors */ /*END Blind Detail */ /*START CONFIG */ /*Start Basics Layout*/ #configContent { display:block; height:auto; margin:0;} #configContent .header { padding: 0; margin:0 3px; padding:6px 0 6px 12px; font:bold 12px Arial, Helvetica, sans-serif; color: #fff; width:804px; background:#63625f;} #configContent { float:left; display:inline; margin:0 0 0 15px; } #configContent table { width:840px; font: normal 13px Arial, Helvetica, sans-serif; margin: 0 15px; } #configContent table.basics td { height:70px; vertical-align:middle; } #configContent table.basics td.td1 { padding: 0 0 0 15px; width:160px; text-align:left; } #configContent table.basics td.td1 b {color:#555555; font-weight:normal; } #configContent table.basics td.big { padding: 18px 0 18px 0; vertical-align:middle; } #configContent table.basics td.td2 { width:100px; text-align:left; } #configContent table.basics td.td2 b {color:#555555; font-weight:normal; } #configContent table.basics td.tdmid { width: 200px; } #configContent table.basics td.tdmid2 { width: 350px; } #configContent table.basics td.tdnobdr { border:none; height:30px; background:#f4f4f4; } #configContent table.basics td.tdbdr { height:30px; border-bottom:solid 1px #dddddd;} #configContent h1 { margin-left:15px; font: bold 20px Arial, Helvetica, sans-serif; color: #454545; } /*End Basics Layout*/ /*Start Pricing*/ #itemtotal { text-align:center; font-size:13px; line-height:18px; margin:15px 0px 15px 0; } .onsale { font: bold 22px Arial, Helvetica, sans-serif; color: #b10000; } .smallprice { font: bold 13px Arial, Helvetica, sans-serif; color: #b10000; line-height:18px;} .saleprice { font: bold 15px Arial, Helvetica, sans-serif; color: #b10000; line-height:18px;} .crossout { font-weight:normal; color:#454545; font-size:15px; } #configContent .disclaimer { font-size:12px; margin-top:20px; } .bigprice { font-size: 18px; line-height:25px; } .sizeselector { font-size: 13px; } .msrp { font: normal 11px Arial, Helvetica, sans-serif; color:#454545;} /*End Pricing*/ /*Start Option Layout*/ #configContent .optionhead { border:solid 1px #b6b6b6; background:#e9e9e9; color: #454545; font: bold 13px Arial, Helvetica, sans-serif; padding: 12px 0 12px 12px; margin:10px 0 9px 0; } #configContent .image { float:left; width: 135px; margin:9px 3px 9px 25px; } #configContent .imgholder { width:133px; height:133px; margin-bottom:15px; border:solid 1px #b6b6b6; text-align:center; background:#fff; } #configContent .noimg { padding:51px 0 0 0;font:bold 11px Arial, Helvetica, sans-serif; } #configContent .option { font-size:11px; float:left; width:auto; margin:9px 3px; } #configContent .option .padding { margin: 0 0 15px 0; } #configContent .option .name_on { font-size: 12px; } #configContent .option .name_off { font-size: 12px; font-weight:normal; } #configContent .option .description { font-size:11px; padding: 3px 0 0 24px; width:625px; } #configContent .attribute { font-size:11px; font-weight:bold; float:left; width:auto; margin:9px 0 0 24px;} /*End Option Layout*/ /*End CONFIG */ @charset "utf-8"; /* CSS Document */ #homeContent #top { margin: 0; padding:0; height:310px; } #homeContent #top .static {margin: 0 0 12px 15px; } #homeContent #top .left{ float:left; display:inline; width:604px; height:300px; margin:3px 0 0 15px;} #homeContent #top .right { float:right; display:inline; margin: 3px 15px 0 0; background:#f4f4f4; height:300px;} #homecontent #middle { margin:7px 0 12px 15px; padding:0;} *html #homecontent #middle { margin:4px 0 12px 15px; padding:0;} #homecontent #middle .bs1 { float:left; display:inline; width:225px; height:155px; margin:8px 0 15px 0; border-right:solid 1px #dddddd; text-align:center; } #homecontent #middle .bs2 { float:left; display:inline; width:200px; height:155px; margin:8px 0 15px 0; border-right:solid 1px #dddddd; text-align:center; } #homecontent #middle .bs3 { float:left; display:inline; width:226px; height:155px; margin:8px 0 15px 0; border-right:solid 1px #dddddd; text-align:center; } #homecontent #middle .bs4 { float:left; display:inline; width:195px; height:155px; margin:8px 0 15px 0; text-align:center; } #homeContent #bottom { margin:0 0 0 15px; } #homeContent #bottom .f1 { float:left; display:inline; width:176px; margin:16px 0 0 18px; text-align:center; } #homeContent #bottom .f1 img { border:solid 1px #dddddd; } #homeContent #bottom .vline { float:left; display:inline; width:5px; height:260px; margin: 9px 0 0 9px ; border-right:solid 1px #dddddd; } #homeContent #bottom .f1 p { margin: 5px 0 0 0; text-align:left; } #homeFooter_links { width:880px; text-align:center; font-size:10px; } .grayheader { width:870px; height:42px; background:url(/images/homepage/hp_graybar.gif) top; margin:0; } .grayheader h2 { padding:14px 0 0 12px; font-family:Tahoma, Geneva, sans-serif; font-spacing:1px; font-size:14px; font-weight:bold; color:#31518a; }@charset "utf-8"; /* CSS Document */ /* HEADER Banner Start */ #landing_banner h1 { font:bold 22px Arial, Helvetica, sans-serif; margin:3px 0 0 0; } .moreways h1 { font:bold 22px Arial, Helvetica, sans-serif; margin:3px 0 0 0; } #landing_banner.brand h1 { margin:0 0 9px 9px; padding-top: 12px; font-size: 24px; color:3863a8;} #landing_banner { width:683px; margin:0 0 15px 0; padding:0; } #landing_banner .banner_left { float:left; display:inline; margin:0; padding:0; width:419px; height:250px; } #landing_banner .banner_right { float:left; display:inline; margin:0; padding:0; width:264px; height:250px; background-image:url(/images/landing/landing_banner_background.gif);} #landing_banner .banner_right #product_description { width:auto; height: 160px; margin:15px 15px 0 15px; } #landing_banner .banner_right #product_description p { text-align:justify; text-align:left; margin:10px 0 0 0; padding:0; } #landing_banner .banner_right #product_rating .energy { float:left; display:inline; width:76px; margin-left: 15px; border-right: solid 1px #c4c4c4; } #landing_banner .banner_right #product_rating .privacy { float:left; display:inline; width:76px; margin-left:7px; border-right: solid 1px #c4c4c4; } #landing_banner .banner_right #product_rating .light { float:left; display:inline; width:76px; margin-left:7px; } #landing_banner .banner_right #product_rating .s_txt { font: normal 9px Arial, Helvetica, sans-serif; } #landing_banner .banner_right p { margin: 9px; font-size:12px; line-height:16px; } .mrgn15 { margin:0; padding:0;} #landing_banner.moreways { margin:0; padding:20px 0 12px 0; width:683px; background: url(/images/structure/expandtop_001.gif) top no-repeat; min-height: 180px; } #landing_banner.moreways p { margin:9px 25px 0 0; font-size:11px; line-height:16px;} #landing_banner.moreways img { float:left; display:inline; margin: 0 30px 10px 20px; } #landing_banner.moreways ul { font: normal 13px Arial, Helvetica, sans-serif; list-style-position:inside; margin:15px 0 0 0;} #landing_banner.moreways ul li { padding: 2px 0; } #landing_banner.gettingstarted h1 { font-weight:bold; font-size:24px; margin:3px 0 0 18px; } #landing_banner.gettingstarted { margin:0; padding:15px 0 0 0; width:683px; background: url(/images/structure/expandtop_001.gif) top no-repeat; min-height: 200px; } #landing_banner.gettingstarted p { margin:9px 25px 0 18px; font-size:11px; line-height:16px;} #landing_banner.gettingstarted img { float:right; display:inline; margin: 0 30px 15px 15px; } #landing_banner.gettingstarted ul { font: normal 14px Arial, Helvetica, sans-serif; list-style-position:inside; } #landing_banner.gettingstarted ul li { padding: 2px 0; } /* HEADER Banner End */ /* New Header */ #landing_banner .body { border-left:solid 1px #b6b6b6; border-right:solid 1px #b6b6b6; border-bottom:solid 1px #b6b6b6; height: 90px; margin:0; padding:0; } #landing_banner .body .left { float:left; display:inline; padding:0; margin:15px 0 15px 13px; line-height:15px; width:340px; } #landing_banner .body .left p { padding:0; margin:0; } #landing_banner .body .right { float:left; display:inline; margin:15px 0 15px 13px; border-left:solid 1px #dddddd; height:65px} #landing_banner .right .energy { float:left; display:inline; width:85px; margin-left:25px; border-right: solid 1px #c4c4c4; } #landing_banner .right .privacy { float:left; display:inline; width:85px; margin-left:15px; border-right: solid 1px #c4c4c4; } #landing_banner .right .light { float:left; display:inline; width:80px; margin-left:15px; } #landing_banner .right .s_txt { font: normal 9px Arial, Helvetica, sans-serif; } /*New Header end */ /* INFO BOX START */ #landing_styles.info { width:681px; min-height: 240px; padding:0; } *html #landing_styles.info { width: 683px; } #landing_styles.info .border { border-left:solid 1px #b6b6b6; border-right:solid 1px #b6b6b6; border-bottom:solid 1px #b6b6b6; height: 220px; } #landing_styles.info .copy { float:left; display:inline; margin:5px 0 10px 15px; padding:0; width:475px; line-height:14px; } #landing_styles.info .copy p { margin:5px 12px 0 0; padding:0; } #landing_styles.info .copy .txt { float:left; displya:inline; width:235px; margin:12px 0 0 0; } #landing_styles.info .copy .img { float:right; displya:inline; margin: 5px 0 0 0; } #landing_styles.info .copy .featured { float:left; display:inline; width:135px; margin-top:10px; margin-bottom:10px; line-height:18px; } #landing_styles.info .selector { float:left; display:inline; margin:10px 0 0 0; height: 190px; padding-left:6px; width: 175px; border-left:solid 1px #dddddd;} #landing_styles.info .selector ul { margin:0; padding:0; } #landing_styles.info .selector li { list-style:none; margin:0; padding:9px 0 0 15px; height:35px; } #landing_styles.info .selector .select { font:bold 13px Arial, Helvetica, sans-serif; color:#FFFFFF; background: url(/images/landing/brand_select.gif) no-repeat; } /* INFO BOX END */ #landing_styles { width: 683px; margin:15px 0 0 0; padding:0; } #landing_styles .top { width:683px; margin:0; } #landing_styles .body { width:681px; margin:0; text-align:center; padding:10px 0 15px 0; border-bottom:solid 1px #c4c4c4; border-left:solid 1px #c4c4c4; border-right:solid 1px #c4c4c4;} *html #landing_styles .body { width: 683px; } #landing_styles .body p { font: bold 18px Arial, Helvetica, sans-serif; padding:6px 0 13px 0; margin:0; } #landing_styles .featured { float:left; display:inline; margin:0 0 9px 0; padding:0; text-align:left; } #landing_styles .featured p { padding:10px 15px 6px 0; margin:0; font: normal 11px Arial, Helvetica, sans-serif; } #landing_styles .featured h3 { font: bold 12px Arial, Helvetica, sans-serif; } #landing_styles .img2 { margin:9px 0; } #landing_styles .body_noborder { width:683px; margin:0; text-align:center; padding:0 0 6px 0; } #landing_styles .product { float:left; display:inline; padding-top:15px; margin:15px 0 15px 13px; width:320px; padding:0; line-height:15px; text-align:left;} #landing_styles .product .img { float:left; display:inline; height:145px; margin:0 6px 0 15px; } #landing_styles .product p { font:normal 11px Arial, Helvetica, sans-serif; margin:0; padding:6px 20px 6px 0; } #landing_styles .product h2 { font:bold 14px Arial, Helvetica, sans-serif; padding-right:20px; } #landing_styles .bottom { width:683px; margin:0; } #landing_styles .lnk { margin-bottom:4px; } #landing_styles .lnk2 { margin-bottom:4px; } #landing_styles .product h3 a:link { font:bold 14px Arial, Helvetica, sans-serif; font-style: normal; text-decoration: none; color:#454545;} #landing_styles .product h3 a:visited { font:bold 14px Arial, Helvetica, sans-serif;font-style: normal; text-decoration: none; color:#454545; } #landing_styles .product h3 a:hover { font:bold 14px Arial, Helvetica, sans-serif; font-style: normal; text-decoration: underline; color:#454545; } #landing_styles .product h3 a:active { font:bold 14px Arial, Helvetica, sans-serif; font-style: normal; text-decoration: none; } #landing_styles .product h3 { font:bold 14px Arial, Helvetica, sans-serif; font-style: normal; text-decoration: none; color:#454545; } #landing_styles .brand strong a:link, #landing_styles .toplevel strong a:link { font:bold 14px Arial, Helvetica, sans-serif; color:3863a8; font-style: normal; text-decoration: none; color:#454545; } #landing_styles .brand strong a:visited, #landing_styles .toplevel strong a:visited { font:bold 14px Arial, Helvetica, sans-serif; color:3863a8; font-style: normal; text-decoration: none; color:#454545; } #landing_styles .brand strong a:hover, #landing_styles .toplevel strong a:hover { font:bold 14px Arial, Helvetica, sans-serif; color:3863a8; font-style: normal; text-decoration: underline; color:#454545; } #landing_styles .brand strong a:active, #landing_styles .toplevel strong a:active { font:bold 14px Arial, Helvetica, sans-serif; color:3863a8; font-style: normal; text-decoration: none; color:#454545; } #landing_styles .product a:link, #landing_styles .brand a:link { font-weight:normal; } #landing_styles .product a:visited, #landing_styles .brand a:visited { font-weight:normal; } #landing_styles .product a:hover, #landing_styles .brand a:hover { font-weight:normal; } #landing_styles .product a:active, #landing_styles .brand a:active { font-weight:normal; } #landing_styles .brand { float:left; display:inline; padding:0; margin:15px 0 15px 13px; line-height:15px; width:325px; text-align:left; } #landing_styles .brand .img { float:left; display:inline; margin:2px 6px 0 13px; height:125px; } #landing_styles .brand p { line-height:normal; font:normal 11px Arial, Helvetica, sans-serif; margin:0; padding:6px 15px 7px 0; } #landing_styles .brand .lnk { padding-right:5px; } #landing_styles .brand .lnk2 a:link { font-weight:normal; } #landing_styles .brand .lnk2 a:visited { font-weight:normal; } #landing_styles .brand .lnk2 a:hover { font-weight:normal; } #landing_styles .brand .lnk2 a:active { font-weight:normal; } #landing_styles .divider, #sale_styles .divider { background:#f4f4f4; height:1px; padding:0; margin:0; line-height:1px; width: 100%; } #landing_styles .brands { width:683px; text-align:center; margin:0; } #landing_styles .brands .bpad { padding:20px 0 30px 0; } #landing_banner.additional h3 { font-weight:bold; font-size:18px; padding: 15px 10px 0 10px; line-height:22px; } #landing_banner.additional p { padding:0 20px 15px 15px; margin:0; font-size:12px; line-height:16px; text-align:left; font-weight:normal; } #landing_banner.additional { float:left; display:inline; margin:0 0 15px 0; padding:0; width:225px; height:390px; text-align:center;} #landing_banner.additional img { margin: 0; padding:0; } #landing_styles .toplevel { float:left; display:inline; padding:0; margin:18px 0 18px 13px; line-height:15px; width:210px; text-align:center; } #landing_styles .toplevel .img { margin:0 0 9px 0; } #landing_styles .toplevel p { font: normal 11px Arial, Helvetica, sans-serif; margin:3px 9px 5px 9px; padding:0; } #landing_styles.nomargin, #sale_styles.nomargin { margin:0 0 -2px 0; border-bottom:none;} #landing_styles.nomargin2 { margin-bottom:0; } #sale_styles { margin-top:15px; } #sale_styles .sale { text-align:center; display:inline; float:left; margin:15px 0; padding-bottom:10px; width: 199px; } #sale_styles .body .img { margin-bottom:5px; } #sale_styles .body { border-bottom:solid 1px #c4c4c4; border-left:solid 1px #c4c4c4; border-right:solid 1px #c4c4c4; } *html #sale_styles .body { height:365px; } #sale_styles .sale strong a:link { font:bold 14px Arial, Helvetica, sans-serif; font-style: normal; text-decoration: none; } #sale_styles .sale strong a:visited { font:bold 14px Arial, Helvetica, sans-serif; font-style: normal; text-decoration: none; } #sale_styles .sale strong a:hover { font:bold 14px Arial, Helvetica, sans-serif; font-style: normal; text-decoration: underline; } #sale_styles .sale strong a:active { font:bold 14px Arial, Helvetica, sans-serif; font-style: normal; text-decoration: none; }@charset "utf-8"; /* CSS Document */ /* START Shop BY */ #paging { width: 683px; height:42px; margin:0; padding:0; } #paging.top { background:url(/images/structure/paging_back.gif) top; } #paging.bottom { background:url(/images/structure/paging_back_bottom.gif) top; } #paging table { width: 665px; height:42px; padding:0; margin:0 9px; font: bold 11px Arial, Helvetica, sans-serif; color: #454545; table-layout:fixed; } #paging table form { display: inline; } #paging table .left { text-align:left; width:150px; } #paging table .middle {text-align:right; width:180px; margin:0; padding:12px 0;} #paging table .right { text-align:right; width:325px; } #productlist table { width:683px; table-layout: fixed; margin: 0; padding: 0; empty-cells:hide; font-size:11px; color:#434343; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd;} #productlist td { padding:0; } #productlist .overview { width:100%; border-bottom: 1px solid #b6b6b6; font: bold 14px Arial, Verdana, Helvetica, sans-serif; color:#434343; margin-bottom: 10px; text-align:center; } #productlist .specialoffers { width:495px; float:right; text-align:left; font: bold 11px Arial, Helvetica, sans-serif; border-top: dashed 1px #b6b6b6; padding-top:3px; margin-bottom:8px; } #productlist .picture { float:left; display:inline; width:160px; padding: 10px 0 10px 10px;} #productlist .left { float:left; display:inline; width:315px; padding:10px 0 10px 10px; } #productlist .left .details { color:#777777; } #productlist .left .product a:link { font: bold 13px Arial, Helvetica, sans-serif; } #productlist .left .product a:hover { font: bold 13px Arial, Helvetica, sans-serif; } #productlist .left .product a:visited { font: bold 13px Arial, Helvetica, sans-serif; } #productlist .right { float:right; display:inline; width:150px; padding:10px; height:160px; margin:10px 10px 0 0; background:#eeeeee;} #productlist .right b { font: bold 11px Arial, Helvetica, sans-serif; } .salebanner { margin-bottom: 11px; } #productlist .right .price { font: bold 16px Arial, Helvetica, sans-serif; color: #b10000; } #expander { background: url(/images/structure/expandbottom.gif) bottom no-repeat; width: 683px; margin-bottom:9px; cursor:pointer; } #expander .padding { padding:9px 15px 15px 15px; } #expander h2 { font:bold 16px Arial, Helvetica, sans-serif; } #expander h3 { font:bold 12px Arial, Helvetica, sans-serif; margin:5px;} #expander p {margin:10px 0 0 0; } #expander .question {float:left; display:inline; margin-right:9px; } /* END Shop By */ .shoptitle h1 { font:bold 20px Arial, Helvetica, sans-serif; padding:0 0 12px 0; } .shoptitle h1 b { color:#555; font-weight:normal; }@charset "utf-8"; /* CSS Document */ /*START Static Page */ #fullContent { margin: 0 0 0 15px; padding:0; width:870px; height:auto; } #staticContent { float:right; margin: 0px 15px 12px 0; display: inline; width: 683px; height:auto; } #staticContent table, #fullContent table { table-layout:fixed; font: 11px Arial, Helvetica, sans-serif; color:#454545; width:683px; } #staticContent td { padding: 5px; } #staticContent p { max-width:655px; margin:9px 15px 9px 0px; } #staticContent ul { margin-right:35px; } #staticContent ul li { padding: 3px 0; } #designimg { margin:10px 0; height:350px; background: #f4f4f4; border:solid 1px #b6b6b6; } #designimg .left { display:inline; float: left; width:350px; margin:10px 0; text-align:center; } #designimg .right { display:inline; float: right; width:310px; text-align:center; padding:50px 15px 0 0; } .underline p { border-bottom: solid 1px #b6b6b6; padding-bottom:10px; } .coupon { float:left; display:inline; text-align:center; width:320px; margin:20px 0 0 15px; height:182px; font:13px Arial, Helvetica, sans-serif; background: url(/images/sales/coupon_background.gif) no-repeat; color:#fff; } .coupon p { width: 290px; padding:7px; margin:0;} #measure table { table-layout:auto; border:solid 1px #b6b6b6;} #measure table td { border-bottom:solid 1px #dddddd; } #measure table .noborder td { border-bottom:none; } #measure table .left { width:240px; } #measure p { width:390px; } /*END Static Page */ /*START Sitemap */ #siteMap { width:850px; display:block; margin-top:10px; } #siteMap table { table-layout:auto; font: 11px Arial, Helvetica, sans-serif; color:#454545; width:850px; } #siteMap td { width:auto; padding: 10px; } #siteMap ul {margin:0; padding:0; } #siteMap ol {margin:0; padding:0; } /* END Sitemap */ #hd_offline h1 { margin-bottom:3px; font: bold 22px Arial, Helvetica, sans-serif; } #hd_offline #letter { float:left; display:inline; margin:5px 0 0 15px; width:379px; height:552px; background-image:url(/images/landing/brands/hunter/letter.jpg); background-repeat:no-repeat; color:#454545; font-family:Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:1px; line-height:18px; } #hd_offline #letter .letter_pad { padding:45px 23px 0 23px; } #hd_offline #letter .letter_pad .salutation { font-size:18px; line-height:25px; } #hd_offline #p_rec { float:left; display:inline; margin-top:7px; padding-top:8px; } #hd_offline #p_rec.products { margin: 0 0 0 8px; } #p_rec .comp_border { border:solid 1px #b6b6b6; margin-top:15px; width:479px; } #p_rec .comp_heading { background-color:#ececec; padding: 12px 10px; } #p_rec .comp_heading h2 { font:bold 18px Arial, Helvetica, sans-serif; } #p_rec .comp_heading2 { background-color:#006699; color:#fff; padding: 5px 10px; font:bold 12px Arial, Helvetica, sans-serif; } #p_rec .comp_pad { margin:0 10px 10px 10px; } #p_rec .comp_pad .alts { padding-top:10px; } #p_rec .comp_pad img { float:left; display:inline; margin-right:10px; }@charset "UTF-8"; /* SpryAccordion.css - version 0.4 - Spry Pre-Release 1.6.1 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /* This is the selector for the main Accordion container. For our default style, * we draw borders on the left, right, and bottom. The top border of the Accordion * will be rendered by the first AccordionPanelTab which never moves. * * If you want to constrain the width of the Accordion widget, set a width on * the Accordion container. By default, our accordion expands horizontally to fill * up available space. * * The name of the class ("Accordion") used in this selector is not necessary * to make the widget function. You can use any class name you want to style the * Accordion container. */ .Accordion { border-left: solid 1px gray; border-right: solid 1px black; border-bottom: solid 1px gray; overflow: hidden; } /* This is the selector for the AccordionPanel container which houses the * panel tab and a panel content area. It doesn't render visually, but we * make sure that it has zero margin and padding. * * The name of the class ("AccordionPanel") used in this selector is not necessary * to make the widget function. You can use any class name you want to style an * accordion panel container. */ .AccordionPanel { margin: 0px; padding: 0px; } /* This is the selector for the AccordionPanelTab. This container houses * the title for the panel. This is also the container that the user clicks * on to open a specific panel. * * The name of the class ("AccordionPanelTab") used in this selector is not necessary * to make the widget function. You can use any class name you want to style an * accordion panel tab container. * * NOTE: * This rule uses -moz-user-select and -khtml-user-select properties to prevent the * user from selecting the text in the AccordionPanelTab. These are proprietary browser * properties that only work in Mozilla based browsers (like FireFox) and KHTML based * browsers (like Safari), so they will not pass W3C validation. If you want your documents to * validate, and don't care if the user can select the text within an AccordionPanelTab, * you can safely remove those properties without affecting the functionality of the widget. */ .AccordionPanelTab { background-color: #CCCCCC; border-top: solid 1px black; border-bottom: solid 1px gray; margin: 0px; padding: 2px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; } /* This is the selector for a Panel's Content area. It's important to note that * you should never put any padding on the panel's content area if you plan to * use the Accordions panel animations. Placing a non-zero padding on the content * area can cause the accordion to abruptly grow in height while the panels animate. * * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel * Content container. * * The name of the class ("AccordionPanelContent") used in this selector is not necessary * to make the widget function. You can use any class name you want to style an * accordion panel content container. */ .AccordionPanelContent { overflow: auto; margin: 0px; padding: 0px; height: 200px; } /* This is an example of how to change the appearance of the panel tab that is * currently open. The class "AccordionPanelOpen" is programatically added and removed * from panels as the user clicks on the tabs within the Accordion. */ .AccordionPanelOpen .AccordionPanelTab { background-color: #EEEEEE; } /* This is an example of how to change the appearance of the panel tab as the * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added * and removed from panel tab containers as the mouse enters and exits the tab container. */ .AccordionPanelTabHover { color: #555555; } .AccordionPanelOpen .AccordionPanelTabHover { color: #555555; } /* This is an example of how to change the appearance of all the panel tabs when the * Accordion has focus. The "AccordionFocused" class is programatically added and removed * whenever the Accordion gains or loses keyboard focus. */ .AccordionFocused .AccordionPanelTab { background-color: #3399FF; } /* This is an example of how to change the appearance of the panel tab that is * currently open when the Accordion has focus. */ .AccordionFocused .AccordionPanelOpen .AccordionPanelTab { background-color: #33CCFF; } @charset "UTF-8"; /* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /******************************************************************************* LAYOUT INFORMATION: describes box model, positioning, z-order *******************************************************************************/ /* The outermost container of the Menu Bar, an auto width box with no margin or padding */ ul.MenuBarHorizontal { margin: 0 0 0 40px; padding: 0; list-style-type: none; font-size: 100%; cursor: default; } /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */ ul.MenuBarActive { z-index: 1000; } /* Menu item containers, position children relative to this container and are a fixed width */ ul.MenuBarHorizontal li { margin: 0; padding: 0; list-style-type: none; font-size: 100%; position: relative; cursor: pointer; width: 8.2em; height:42px; float: left; } /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */ ul.MenuBarHorizontal ul { margin: 0; padding: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; position: absolute; left: -1000em; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible { left: auto; margin-left:-1px; } /* Menu item containers are same fixed width as parent */ ul.MenuBarHorizontal ul li { width: 8.2em; } /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */ ul.MenuBarHorizontal ul ul { position: absolute; margin: -5% 0 0 95%; } /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { left: auto; top: 0; } /******************************************************************************* DESIGN INFORMATION: describes color scheme, borders, fonts *******************************************************************************/ /* Submenu containers have borders on all sides */ ul.MenuBarHorizontal ul { background:none; } /* Menu items are a light gray block with padding and no text decoration */ ul.MenuBarHorizontal a { display: block; cursor: pointer; padding: 0; color: #fff; text-decoration: none; } ul.MenuBarHorizontal li.btn a { display: block; font: bold 11px Tahoma, Geneva, sans-serif; letter-spacing:.1em; cursor: pointer; height:42px; line-height:42px; text-align:center; color: #fff; text-decoration: none; background:url(/images/sprymenu/main-background-tile2.jpg) top right repeat; } ul.MenuBarHorizontal li.btn-spc a { display: block; font: bold 11px Tahoma, Geneva, sans-serif; letter-spacing:.1em; cursor: pointer; height:42px; line-height:42px; text-align:center; color: #fff; text-decoration: none; background:url(/images/sprymenu/main-background-specials-002.jpg) top right repeat; } ul.MenuBarHorizontal li.nobtn a { display: block; font: bold 11px Tahoma, Geneva, sans-serif; letter-spacing:.1em; cursor: pointer; height:42px; line-height:42px; text-align:center; color: #fff; text-decoration: none; background:url(/images/sprymenu/main-background-tile.jpg) repeat; } ul.MenuBarHorizontal li.btn-small a { display: block; font: bold 11px Tahoma, Geneva, sans-serif; letter-spacing:.1em; cursor: pointer; height:42px; line-height:42px; padding-left:14px; text-align:left; color: #fff; text-decoration: none; background:url(/images/sprymenu/main-background-tile2.jpg) top right repeat; } /* Menu items that have mouse over or focus have a blue background and white text */ ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus { color: #d1e8fc; } ul.MenuBarHorizontal li.btn a:hover, li.btn ul.MenuBarHorizontal a:focus, ul.MenuBarHorizontal li.btn-small a:hover, li.btn-small ul.MenuBarHorizontal a:focus { color:#454545; background: url(/images/sprymenu/main-buttonOver-tile.jpg) top right repeat; font-weight:bold; } /*ul.MenuBarHorizontal li.btn-spc a:hover, li.btn-spc ul.MenuBarHorizontal a:focus { color:#454545; background: url(/images/sprymenu/main-buttonOver-specials.jpg) top right repeat; font-weight:bold; }*/ ul.MenuBarHorizontal li.nobtn a:hover, li.nobtn ul.MenuBarHorizontal a:focus { color: #d1e8fc; background:url(/images/sprymenu/main-background-tile.jpg) top right repeat; font-weight:bold; } /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible { color: #FFF; } ul.MenuBarHorizontal li.btn a.MenuBarItemHover, ul.MenuBarHorizontal li.btn a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal li.btn a.MenuBarSubmenuVisible { background: url(/images/sprymenu/main-buttonOver-tile.jpg) top right repeat; color: #454545; font-weight:bold; } ul.MenuBarHorizontal li.btn-small a.MenuBarItemHover, ul.MenuBarHorizontal li.btn-small a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal li.btn-small a.MenuBarSubmenuVisible { background: url(/images/sprymenu/main-buttonOver-tile.jpg) top right repeat; color: #454545; font-weight:bold; } /*ul.MenuBarHorizontal li.btn-spc a.MenuBarItemHover, ul.MenuBarHorizontal li.btn-spc a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal li.btn-spc a.MenuBarSubmenuVisible { background: url(/images/sprymenu/main-buttonOver-specials.jpg) top right repeat; color: #454545; font-weight:bold; }*/ /******************************************************************************* BROWSER HACKS: the hacks below should not be changed unless you are an expert *******************************************************************************/ /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */ ul.MenuBarHorizontal iframe { position: absolute; z-index: 1010; filter:alpha(opacity:0.1); } /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */ @media screen, projection { ul.MenuBarHorizontal li.MenuBarItemIE { display: inline; float: left; background: #FFF; } } /******************************************************************************* Drop Down Menu Special Cases *******************************************************************************/ ul.MenuBarHorizontal div.drop-style a { font: normal 11px Arial, Helvetica, sans-serif; background: none; margin:0; height:auto; padding:3px 0; text-align:left; color: 1d51a0; } ul.MenuBarHorizontal div.drop-style a:hover, ul.MenuBarHorizontal div.drop-style a:focus { font: normal 11px Arial, Helvetica, sans-serif; text-decoration:underline; background: none; margin:0; height:auto; padding:3px 0; text-align:left; color: 1d51a0; } ul.MenuBarHorizontal b.header-1, #drop1 b{ font: bold 15px Arial, Helvetica, sans-serif; color: 2c6ed6; margin:0 0 8px -1px;} *html ul.MenuBarHorizontal b.header-1, #drop1 b{ margin-left:0px;} #drop1 { width:510px; height:auto; display:block; } #drop1 b {line-height:20px; } #drop1 .colA { display:inline; float:left; width:130px; padding:0 0 8px 0; margin:11px 0 0 18px; } #drop1 .colB { display:inline; float:left; width:200px; padding:0 0 8px 16px; margin:11px 0 0 0; border-left:solid 1px #dddddd; border-right:solid 1px #dddddd;} #drop1 .colC { display:inline; float:left; width:130px; padding:0 0 8px 12px; margin:11px 0 0 0; } #drop1 .footer { margin:0 16px 16px 16px; padding-top:10px; width:474px; border-top:solid 1px #dddddd; font-weight:bold;} #drop2 { width:150px; height:auto; display:block; } #drop2 .colA { display:inline; float:left; width:130px; padding:0 0 8px 0; margin:11px 0 0 18px; } #drop2 .footer { margin:0 16px 16px 16px; padding-top:10px; border-top:solid 1px #dddddd; font-weight:bold;} #drop3 { width:330px; height:auto; } #drop3 .colA { display:inline; float:left; width:140px; padding:0 0 8px 0; margin:11px 0 8px 18px; border-right:solid 1px #dddddd; } #drop3 .colB { display:inline; float:left; width:140px; padding:0 0 8px 16px; margin:11px 0 8px 0; } #drop4 { width:330px; height:auto; } #drop4 .colA { display:inline; float:left; width:165px; padding:0 0 8px 0; margin:11px 0 8px 18px; } #drop4 .colB { display:inline; float:left; width:130px; padding:0 0 8px 16px; margin:11px 0 8px 0; border-left:solid 1px #dddddd; } #drop5 { width:470px; height:auto; } #drop5 .colA { display:inline; float:left; width:452px; padding:0 0 8px 0; margin:11px 0 8px 16px; } #drop5 .colA img { margin-right:5px; } #drop6{ width:510px; height:auto; display:block; } #drop1 b {line-height:20px; } #drop6 .colA { display:inline; float:left; width:130px; padding:0 0 8px 0; margin:11px 0 0 18px; } #drop6 .colB { display:inline; float:left; width:200px; padding:0 0 8px 16px; margin:11px 0 0 0; border-left:solid 1px #dddddd; border-right:solid 1px #dddddd;} #drop6 .colC { display:inline; float:left; width:130px; padding:0 0 8px 12px; margin:11px 0 0 0; } #drop6 .footer { margin:0 16px 16px 16px; padding-top:10px; width:474px; border-top:solid 1px #dddddd; font-weight:bold;}