/* BEGIN Sidebar CSS */ .sidebarleft { background: #e2eeff url(../images/graphics/sidebar/sidebartop.gif) top left repeat-x; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; color: #000; } .sidebarright { background: #e2eeff url(../images/graphics/sidebar/sidebartop.gif) top right repeat-x; font-size: 12px; line-height: 14px; color: #000; } .sidebarjump { margin-left: 9px; margin-bottom: 13px; padding-bottom: 10px; background: #fff url(../images/graphics/sidebar/sidebarbottom.gif) bottom left no-repeat; width:188px; } #sidebarjump1 td a {color: #316AC5; text-decoration: none; font-weight: normal; } #sidebarjump1 td a:hover {text-decoration: underline; } /* END Sidebar CSS */ /* BEGIN Homepage Module CSS */ .sidebarlefth { background: #e2eeff url(../images/graphics/sidebar/sidebartop_lg.gif) top left repeat-x; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 22px; color: #A21305; text-align:left;} .sidebarrighth { background: #e2eeff url(../images/graphics/sidebar/sidebartop_lg.gif) top right repeat-x; font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height: 22px; color: #A21305; } .sidebarrighth a { font-weight:normal; color: #A21305; background: transparent url(../images/backgrounds/raquo-bright.gif) no-repeat left center; margin-right: 5px; } .sidebarjumph { margin-left: 9px; margin-bottom: 13px; padding-bottom: 10px; background: #fff url(../images/graphics/sidebar/sidebarbottom_lg.gif) bottom left no-repeat; width: 778px; } #sidebarjump1h td a {color: #316AC5; text-decoration: none; font-weight: normal; } #sidebarjump1h td a:hover {text-decoration: underline; } /* END Homepage Module CSS */ /* BEGIN General Page Styling */ .landingbodytxt {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } .red12verb { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #A21305; font-weight: bold;} .red12ver { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #A21305; } #glossary .red12ver a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #A21305; margin-right: 5px; font-weight: normal;} /* END General Page Styling */ /* "Pricing Includes" Styling*/ /*td.pricingincludeshead { font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; background-color: #D9D9D9; } td.pricingincludes { font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; background-color: #F3F3F3; } td.pricingincludeslink { font-weight:bold; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; text-decoration: underline; background-color: #F3F3F3; line-height: 1.2em; } td.pricingincludeslink a:hover { background-color: #D2E6FB; }*/ #specialOfferspi { width: 207px; } #specialOfferspi h2 { color: #000000; font-family: Verdana, Arial, sans-serif; /*looks funny in Trebuchet*/ font-size: 12px; text-align: center; margin: 0; padding: 8px; background-color: #D9D9D9; } #specialOfferspi ul { list-style: none; margin: 0; padding: 0; } #specialOfferspi li { color: #666; background: #F3F3F3; text-align: left; margin: 0; padding: 0; } #specialOfferspi li.noanchor { display: block; text-align: left; margin: 0; color: #000000; font-weight: normal; line-height: 1.2em; text-decoration: none; padding: .5em .1em; font-size: 12px; } #specialOfferspi li a { display: block; text-align: left; margin: 0; color: #000000; font-weight: normal; line-height: 1.2em; text-decoration: underline; padding: .5em .1em; font-size: 12px; } * html #specialOfferspi li.noanchor { width: 183px; height: 100%; padding: 7px 12px; } * html #specialOfferspi li a { width: 183px; height: 100%; padding: 7px 12px; } #specialOfferspi li a:hover { background-color: #D2E6FB; } #specialOfferspi li em { color: #FF4E00; font-size: 12px; font-style: normal; font-weight: normal; } /*End "Pricing Includes" Styling*/ /* General Styles */ .freestuff { color: #9D1407; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; } /* CSS Scroll area for "What is?" */ .whatis { height: 160px; width: 345px; overflow: auto; /*border: 1px solid #666;*/ /*background-color: #ccc;*/ /*padding: 8px;*/ } /* end CSS Scroll area */ body { font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 1.5em; margin: 0px; padding: 0px; } td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.3em; } .footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; } .leftnav { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; } .relatedprods { font-family: Arial, Helvetica, sans-serif; font-size: 11px; } h1 { font-family: Verdana, Helvetica, sans-serif; font-size: 18px; font-weight: bold; line-height: 24px; } ul { font-family: Arial, Helvetica, sans-serif; font-size: 12px; list-style-type: square; } h2 { font-family: Verdana, Helvetica, sans-serif; font-size: 16px; font-weight: bold; line-height: 1.3em; } h3 { font-family: Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 1.3em; } .quote { font-family: "Times New Roman", Times, serif; font-size: 14px; font-style: italic; } input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #0066CC; font-weight: bold; } textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #0066CC; } select { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #0066CC; } /* CSS for redesign */ @charset "UTF-8"; /* acdirect.com global styles */ /*### Defaults ###*/ html, body { margin: 0; padding: 0; } span.accesskey { text-decoration: underline; } /* For strikethrough on prices -- make sure "8" doesn't look like "0" */ s.oldpr { font-family: Arial; } .price { color: #000; font-weight: bold; font-size: 14px; } .price.rebate { font-size: 12px; } /*= Top level of menu - Gilder-Levin image replacement =*/ /* this also props open any containing A element */ /*span.cover { position: absolute; width: 100%; height: 100%; background: transparent;/ for CSS+ Images- clients / }*/ /* Make sure the SPAN doesn't hide the clickability of the A */ /*a .cover { cursor: pointer; }*/ /*### Template ###*/ /*-- generics --*/ h1, h2 { font-family: Verdana, sans-serif; } /*-- classes --*/ /* shims open an element that contains only floats */ .wedge { display: block; clear: both; font-size: 0; line-height: 0; } * html .rbbox .wedge { display: none; } /* remove IE non-collapse bug */ .wideboxheader { clear: both; display: block; background: #6af url(../images/backgrounds/fadeHeaders.jpg) no-repeat; padding: 1px 5px 3px 5px; } .wideboxheader .boxtitle { color: black; } .wideboxheader .boxsubtitle { color: #003399; } .wideboxheader h2, .wideboxheader h1 { float: left; padding: 0; margin: 0; font-size: 19px; font-weight: normal; } .wideboxheader .sidelink { display: block; float: right; margin-right: 8px; } .wideboxheader .sidelink a { color: #666666; font-weight: normal; text-decoration: none; line-height: 1.8em; } .wideboxheader .sidelink a:hover { text-decoration: underline; } .wideboxheader .sidelink a:before { content: "\BB "; color: #A21305; font: 19px Arial, sans-serif; padding-right: 3px; } * html .wideboxheader .sidelink a { padding-left: 14px; background: transparent url(../images/backgrounds/raquo-bright.gif) no-repeat left center; } .rbbox { position: relative; } * html .rbbox { position: static; }/* otherwise shows through dropdowns in IE */ .rb_ul, .rb_ur, .rb_ll, .rb_lr { position: absolute; height: 1px; width: 1px; } .rb_ur { background: url(../images/backgrounds/corn-r5-offf-bccc-pur.png) no-repeat; top: -1px; right: -1px; } .rb_ul { background: url(../images/backgrounds/corn-r5-offf-bccc-pul.png) no-repeat; top: -1px; left: -1px; } .rb_ll { background: url(../images/backgrounds/corn-r5-offf-bccc-pll.png) no-repeat; bottom: -1px; left: -1px; } .rb_lr { background: url(../images/backgrounds/corn-r5-offf-bccc-plr.png) no-repeat; bottom: -1px; right: -1px; } * html .rb_ul, * html .rb_ur, * html .rb_ll, * html .rb_lr { display: none; } /*-- structural --*/ body { text-align: center;/* centering for IE |30wnv9*/ font: 14px/1.1 Verdana, Arial, sans-serif; background: #4b5268 url(../images/backgrounds/bloggy.gif) repeat-y 50% 0%; } body.popfix { text-align: left; background: white; } /*##container: keeps the page centered, allows gutter background ##*/ #container { margin-left: auto;/* centering for modern browsers */ margin-right: auto; text-align: left;/* override -30wnv9*/ width: 977px; background-color: #fff; position: relative; } /*##header: contains the header: banner, topnav */ #header { height: 92px; background: transparent url(../images/backgrounds/header_backgroundj.jpg) no-repeat;/* 977x57 */ } * html #header { height: 93px; }/*was 93px box model issue - adjust with prodnav height |m20859*/ /*##logotitle: logo ##*/ #header #logotitle { border: 0; margin: 0; padding: 0; position: absolute; } p#skipnav { position: absolute; left: -888em; } /*##accountnav: my cart, my account, help center ##*/ #accountnav { list-style: none; margin: 0; margin-top: 3px; padding: 0; float: right; position: absolute; right: 0px; top: 0px; font-size: 12px; } #accountnav li { border-right: 1px solid #49f; display: inline; padding: 0 0.5em; } #accountnav li:last-child { border-right: none; } #accountnav li.last-child { border-right: none; } #accountnav a { font-weight: normal; text-decoration: none; color: #248; } #accountnav a:hover { text-decoration: underline; } #accountnav #mycartnav a { padding-left: 20px; background: transparent url(../images/icons/minicart.gif) no-repeat top left; } #accountnav #helpcenternav a { padding-left: 0px; background: transparent url(../images/icons/questionbubble.gif) no-repeat top left; } /*##prodnav: dropdown menu inspired by Gilder-Levin (from mezzoblue) and Son of Suckerfish (from HTML Dog) ##*/ ul#prodnav { margin: 0; padding: 0; position: absolute; top: 57px; font-size: 16px; list-style: none; z-index: 30; width: 978px; height: 35px; color: white; line-height: 28px; /*background: transparent url(/images/backgrounds/topnav.jpg) no-repeat center bottom; must be transparent, otherwise when the iframe hack is in use, IE expands the UL along with the iframes... */ font-family: sans-serif; line-height: 1em; } * html ul#prodnav { top: 58px; height: 33px; }/* box model issue - adjust with #header height -m20859*/ #prodnav iframe { /* defaults */ display: none; position: absolute; } /* submenus */ ul#prodnav ul { margin: 0; padding: 0; position: absolute; top: 28px; left: -999em; list-style: none; /*border: 2px solid #1C5BBB;*/ border-top: 0; background-color: #4599FC; z-index: 36; } * html ul#prodnav ul { top: 26px;/* for IE */ } #prodnav li, #prodnav li a { display: block; position: relative; z-index: 2; } * html #prodnav li a img { display: block; margin-top: -2px; } #prodnav a { color: #fa0; text-decoration: none; } #prodnav a:hover { color: #fff; text-decoration: underline; } #prodnav li { margin: 0; padding: 0; float: left; z-index: 35; } /* just for Mac IE 5 - but it doesn't hurt the other browsers */ #prodnav img { float: left;/* otherwise they stack up, and then the ul#prodnav expands and invisibly blocks clicks on the links it covers */ margin: 0; padding: 0; } /* hide from Mac IE 5 - keep slashes until unhide |starthide\*/ #prodnav img { float: none;/* override */ } /* controls the clickable links for the submenu*/ #prodnav li ul a { display: block; color: #FFFFFF; text-decoration: none; font-weight: bold; padding: 4px 7px;/* vertical padding should be kept in the links to allow clickable whitespace - otherwise you get unclickable but hoverable areas |cx97n4mgy|hide\*/ z-index: 38; } * html #prodnav li ul a { width: 100%; padding: 5px 0px; }/* IE fix |hide\*/ #prodnav li ul a:hover { color: #FF4E00; text-decoration: none; } /* pops 'em onto the viewing area |hide\*/ #prodnav li:hover ul, #prodnav li.sfhover ul, #prodnav li.delayhover ul { left: 0; } #prodnav li ul li:hover, #prodnav li ul li.sfhover { background: #E8F1FB; } /* dropdown items |hide\*/ #prodnav li li { float: none; /*border-top: 1px dotted #8CAAC9;*/ z-index: 37; } * html #prodnav li li { padding: 0px 11px; }/* IE fix: horizontal whitespace is here instead of in the links to prevent IE box model issue-- see -cx97n4mgy|hide\*/ /* end hide from Mac IE 5 |endhide*/ /* common height, margin, padding */ /* have to set by ID, not tag selector - can't find way to override for submennu's items */ #menucat16, #menucat4, #menucat7, #menucat8, #menucat3, { height: 30px; margin: 0; padding: 0; } /* 4 pixels (two 2px borders) less than width of li above -0n3qmn3*/ #menucat16 ul { width: 245px; } #menucat4 ul { width: 320px; } #menucat7 ul { width: 195px; } #menucat8 ul { width: 200px; } #menucat3 ul { width: 190px; }/* normally 115px, changed to reduce wrap */ #menucat26 ul { width: 170px; } /* don't go all the way over to the left! */ ul#prodnav #menucat16 ul, * html ul#prodnav #menucat16 iframe { margin-left: 10px; width: 245px; } /*##content: page-variable region: #maincontent, #sidebar */ #content { display: block; float: left; /* width: 100%;*/ } /*##maincontent: main content region */ #maincontent { vertical-align: top; width: 777px;/* 5 pixels leeway on the right */ float: left; } /*##leadbox: lead region */ #leadbox { } /*##lead_global: search and HaveAQuestion */ #lead_global { display: block; width: 208px; padding: 0; margin: 0; float: left; } #lead_global img { display: block; } #searchbox { width: 192px; padding: 8px; background: #8ae url(../images/globalnav/searchbox-bg.png); border-bottom: 1px solid #ccc; font-size: .8em; color: white; } #searchbox form { display: block; width: 192px; margin: 0; padding: 0; font-size: .9em; } #searchbox label, #searchbox p, #searchbox input#search { margin: 0; margin-left: 4px; padding: 0; } #searchbox label { font: 1.4em sans-serif; font-weight: bold; display: block; margin-bottom: 2px; } #searchbox input#search { font-size: 16px; background-color: #FFFFEF; border: 1px solid #248; margin-right: 3px; float: left; width: 125px; } #searchbox input#search_button { display: block; } #searchbox p { text-align: left; clear: left; font-size: 1em; font-weight: normal; } #needhelpbox img { display: block; } * html #needhelpbox { font-size: 0; } #needhelpbox p { background-color: #f7f7f7; text-align: center; font-size: 10px; margin: 0; padding: 1px; width: 206px; } * html #needhelpbox p { padding: 2px 2px; width: 204px; } #needhelpbox p .helpchatstat, #needhelpbox p .helpemail { padding: 2px 2px 2px 20px; line-height: 16px; background-color: transparent; font-weight: normal; white-space: nowrap; } #needhelpbox p .helpchatstat { background: url(../images/icons/chat.gif) no-repeat 0px 3px; } #needhelpbox p .helpchatstat.chat_on { } #needhelpbox p .helpchatstat.chat_off { color: #666; } #needhelpbox p .helpchatstat.chat_sorry { color: red; background-image: url(../images/icons/chat-no.gif); } #needhelpbox p .helpemail { background: url(../images/icons/email.gif) no-repeat 0px 4px; } /* #needhelpbox_rightside img { display: block; } * html #needhelpbox_rightside { font-size: 0; } #needhelpbox_rightside p { background-color: #f7f7f7; text-align: center; font-size: 10px; margin: 0; padding: 1px; width: 188px; } * html #needhelpbox_rightside p { padding: 2px 2px; width: 188px; } #needhelpbox_rightside p .helpchatstat, #needhelpbox_rightside p .helpemail { padding: 2px 2px 2px 20px; line-height: 16px; background-color: transparent; font-weight: normal; white-space: nowrap; } #needhelpbox_rightside p .helpchatstat { background: url(../images/icons/chat.gif) no-repeat 0px 3px; } #needhelpbox_rightside p .helpchatstat.chat_on { } #needhelpbox_rightside p .helpchatstat.chat_off { color: #666; } #needhelpbox_rightside p .helpchatstat.chat_sorry { color: red; background-image: url(../images/icons/chat-no.gif); } #needhelpbox_rightside p .helpemail { background: url(../images/icons/email.gif) no-repeat 0px 4px; } */ /* leadglobal alternate: horizontal search and help */ #hzleftnav td { vertical-align: top; } #hzleftnav #searchbox { min-height: 59px; }/* don't explicitly set height - form varies with outlet, scratch-and-dent, etc. */ #hzleftnav #needhelpbox { width: 401px; height: 76px; background: #999 url(../images/backgrounds/callus-horiz.jpg) no-repeat; } #hzleftnav #needhelpbox p { background: transparent; width: 100%; margin-top: 4px; margin-left: 30px; } * html #hzleftnav #needhelpbox p { margin-left: -4px; } #hzleftnav #breadcrumb { clear: right; float: left; } /* leadcontent is used on the main page */ #lead_content { float: right; width: 564px; } /*##pageicons: print, rate, or email this page */ ul#pageicons { list-style: none; margin: 0; padding: 0; float: right; font-size: 11px; margin-bottom: 3px; } #pageicons li { display: inline; margin: 0; padding: 0; padding-left: 1em; } #pageicons a { color: #999; font-weight: normal; text-decoration: none; padding-left: 16px; } #pageicons a:hover { text-decoration: underline; } #pageicons #printthispage a { background: transparent url(../images/icons/printer-grey.gif) no-repeat top left; } #pageicons #ratethispage a { background: transparent url(../images/icons/checkmark-grey.gif) no-repeat top left; } #pageicons #emailthispage a { background: transparent url(../images/icons/envelope-grey.gif) no-repeat top left; } /*##breadcrumb: breadcrumb navigation ##*/ #breadcrumb { list-style: none; font-size: 10px; padding: 5px 0 0 4px !important; margin: 0; margin-bottom: 6px; } #breadcrumb li { padding: 0 1px; padding-bottom: 5px; float: left; white-space: nowrap; } * html #breadcrumb li { margin: 0; padding: 0; } #breadcrumb li a { font-weight: normal; } #breadcrumb li a:hover { color: #cccccc; text-decoration: underline; } /*##sidebar: cut off for 800x600 users */ #sidebar { position: relative; vertical-align: top; width: 186px;/* 12 pixel safety gap */ float: right; background: #fff; color: #000; font-family: Arial, sans-serif; } * html #sidebar { position: static; }/* IE under/over bug */ * html #sidebar img { margin-bottom: -3px; } * html #sidebar .module img { margin-bottom: 0; } * html #sidebar .modulea img { margin-bottom: 0; } #sidebar .module { position: relative; /*border: 1px solid #CCCCCC;*/ margin-bottom: .4em; } #sidebar .modulea { position: relative; /*border: 1px solid #CCCCCC;*/ margin-bottom: 0em; } #sidebar .modulea { /*border-bottom: 1px solid #CCCCCC;*/ border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-top: .8em; padding-bottom: .8em; } /*#sidebar .modulea .lastchild { padding-bottom: 0em; padding-top: 0em; } */ * html #sidebar .module { position: static; }/* IE under/over bug */ * html #sidebar .modulea { position: static; }/* IE under/over bug */ * html #sidebar .moduleb { position: static; }/* IE under/over bug */ #sidebar a { color: #248; text-decoration: none; font-weight: normal; } #sidebar a:hover { text-decoration: underline; } #sidebar h2, #sidebar ul, #sidebar p { margin: 0; padding: 0; } #sidebar ul { list-style-type: circle; margin: 0em 35px 0em 35px; } #sidebar li { margin-bottom: 0.5em; } #sidebar li .last-child { margin: 0em; } #sidebar li.promote { color: #A21305; list-style-type: disc; } #sidebar ul li {/* trying out /all/ orange discs */ color: #A21305; list-style-type: disc; } #sidebar .modulea .modimg { border:none; } #sidebar .module .modimg { border:none; } #sidebar .module h2 { /*background: url(/images/backgrounds/sidebar_03.gif);*/ background-position: center; line-height: 1.4em; padding: .25em; /*padding-top: .2em;*/ color: #fff; font: 1.2em Arial, sans-serif; font-weight: bold; text-align: center; } #sidebar .moduleb h2 { background: url(../images/backgrounds/sidebar_04.gif); background-position: center; line-height: 1.4em; padding: .25em; padding-top: .2em; color: #fff; font: 1.2em Arial, sans-serif; font-weight: bold; text-align: center; } img#article_point { border-top: 1px solid #bbb; } #sidebar img { display: block; } /*##footer: footer area */ #footer { margin: 4px 0; padding: 6px 0; clear: both; border: 1px solid #999; border-width: 1px 0; text-align: center; background-color: #FEFEFE; } #footer, #footer h3 { font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 10px; } #footer h3 { color: #A21305; display: inline; } #footer ul { list-style: none; margin: 0; padding: 0; } #footer li { display: inline; padding: 0 6px; border-right: solid 1px #999; line-height: 1.8em; margin: 0; } #footer li a { font-weight: normal; text-decoration: none; } #footer li a:hover { color: #000; text-decoration: underline; } #footer li:last-child, #footer li:first-child { border: none; padding-right: 0; } #footer li.last-child, #footer li.first-child { border: none; padding-right: 0; }/* IEFix */ /*### Modules ###*/ /*-- Inq codes notice --*/ #special_greeting { /* DO NOT USE. Use the class instead */ font-size: 11px; background: #ffd75e; text-align: center; padding: 6px 0; margin: 0 0 6px 0; } p.special_greeting { font-size: 11px; background: #ffd75e; text-align: center; padding: 6px 0; margin: 0 0 6px 0; } /*-- "Info Box" --*/ #specialOffers { width: 207px; border: solid 1px #b7c0c7; } #specialOffers h2 { color: #fff; background: #8ae url(../images/globalnav/infobox_bg.gif); font-family: Verdana, Arial, sans-serif;/* looks funny in Trebuchet */ font-size: 12px; text-align: center; margin: 0; padding: 2px; } #specialOffers ul { list-style: none; margin: 0; padding: 0; } #specialOffers li { color: #666; background: #e4f1ff; text-align: center; border-top: 1px solid #bec4d2; margin: 0; padding: 0; } #specialOffers li a { display: block; text-align: center; margin: 0; color: #666; font-weight: normal; line-height: 1.2em; text-decoration: none; padding: .5em .1em; font-size: 12px; font-weight:normal; } * html #specialOffers li a { width: 183px; height: 100%; padding: 7px 12px; } #specialOffers li a:hover { background-color: #ececec; } #specialOffers li em { color: #0033cc; font-size: 12px; font-style: normal; font-weight: normal; } #specialOffers_rightside { width: 188px; border: solid 1px #b7c0c7; } #specialOffers_rightside h2 { color: #000; background: #efeded url(../images/globalnav/infobox_bg_rightside.gif); font-family: Verdana, Arial, sans-serif;/* looks funny in Trebuchet */ font-size: 12px; text-align: center; margin: 0; padding: 0px; } #specialOffers_rightside ul { list-style: none; margin: 0; padding: 0; } #specialOffers_rightside li { color: #666; background: #e5e8f4; text-align: center; border-top: 1px solid #bec4d2; margin: 0; padding: 0; } #specialOffers_rightside li a { display: block; text-align: center; margin: 0; color: #666; font-weight: normal; line-height: 1.2em; text-decoration: none; padding: .5em .1em; font-size: 12px; font-weight:normal; } * html #specialOffers_rightside li a { width: 183px; height: 100%; padding: 7px 0px; } #specialOffers_rightside li a:hover { background-color: #ececec; } #specialOffers_rightside li em { color: #003399; font-size: 12px; font-style: normal; font-weight: normal; } /*##feature_filter: feature filter */ #feature_filter { float: left; clear: left; background: #e4f1ff; border: 1px solid #cbd8e6; text-align: right; } #feature_filter h2 { background: #d5e8fd; text-align: right; padding: 6px 10px 6px 0; margin-bottom: 6px; } #feature_filter h2 a { font: bold 12px Verdana, Arial, sans-serif; } #feature_filter h3 { font-size: 12px; font-weight: bold; margin: 0 10px 2px 0; text-align: right; } #feature_filter ul { list-style: none; margin: 0 10px 0 0; text-align: right; } #feature_filter li { margin: 0; line-height: 1.3em; } #feature_filter a { font-size: 11px; font-weight: normal; text-decoration: none; } #feature_filter a:hover { color: #000; text-decoration: underline; } #feature_filter hr { border: 0; color: #cbd8e6; background-color: #cbd8e6; height: 1px; margin: 16px 0; } /* shared features link */ #share { color: #666; font-size: 10px; text-align: center; margin: 0 0 6px 0; } #share a { color: #06c; font-weight: normal; text-decoration: underline; } #share a:hover { color: #000; } /*-- Vehicle Selector --*/ #vehiclebox { margin: 5px; border: 1px solid #ccc; color: #333; font-size: 12px; width: 98%;/* otherwise drops right border in IE */ } #vehiclebox .wideboxheader { background: #6af url(../images/backgrounds/fadeHeaders.jpg); } /* generics */ #vehiclebox * { margin: 0; padding: 0; } #vehiclebox ul { list-style: none; } #vehiclebox li { display: inline; } /* box title */ #vehiclebox h3 { color: #222; font-size: 16px; padding: 3px 0px 3px 5px; } #vehiclebox h3 a { text-decoration: none; color: #124; } #vehiclebox h3 a:hover { text-decoration: underline; color: #124; } /* fit area */ #carfitmain { margin: 2px 3px 2px 3px; } /* Compatibility and Fit icons */ .fiticon { background-color: transparent; background-repeat: no-repeat; background-position: 0px 2px; padding: 4px 3px 4px 20px !important; line-height: 20px; } * html .fiticon { padding-top: 0px; } .fiticon.fits { background-image: url(../images/graphics/whatfits/2005/fits.gif); } .fiticon.notfit { background-image: url(../images/graphics/whatfits/2005/notfit.gif); } .fiticon.modify { background-image: url(../images/graphics/whatfits/2005/modify.gif); } .fiticon.unknown { background-image: url(../images/graphics/whatfits/2005/unknown.gif); } /* explain filtering */ #carfitexplain { float: left; font-size: 10px; margin-left: 3px; margin-bottom: 4px; line-height: 14px; padding-top: 4px; padding-bottom: 4px; } #carfitexplain em { font-style: inherit; font-weight: bold; color: red; } #carfitexplain a { text-decoration: none; color: #248; } #carfitexplain a:hover { text-decoration: underline; color: #248; } /* which car you have selected e.g. 1983 Volvo 850 GLT */ #carfitchosen { background-color: #ffd; float: left; padding-left: 5px; font-weight: bold; whitespace: nowrap; margin: 4px 0px;/* match fiticon line-height */ } /* let the user change course */ ul#carfitopts { clear: both; display: block; text-align: right; margin-top: 4px; margin-right: 10px; font-size: 10px; } #carfitopts li { border-right: 1px solid #888; padding-right: 3px; } * html #carfitopts li { padding-right: 0; margin-left: 4px; } #carfitopts li:last-child { border-right: 0; } #carfitopts li.last-child { border-right: 0; }/* IEFix */ #carfitopts a { color: #15A; margin-right: 2px; font-weight: normal; } #carfitopts a:hover { } #carfitopts li:last-child { border: 0; margin-right: 0; } /* installation details link */ #installdetails { clear: both; } #installdetails a { font-weight: normal; } #speaker_choose { clear: both; background-color: #f7f7f7; margin-top: 10px; padding-bottom: 3px; font-size: 11px; } /* Speaker location + options */ #vehiclebox #speakerlocation { margin-left: 2px; } #vehiclebox p#speakerlocation { font-weight: bold; clear: both; } #vehiclebox h4 { font-size: 13px; font-weight: bold; margin: 0; padding: 0; } /* compatibility and fit key */ p#compatkey { clear: both; border-top: 1px solid #ccc; background-color: #eee; display: block; height: 30px; line-height: 30px; } p#compatkey .fiticon { padding: 8px 5px 8px 20px; line-height: 30px; } p#compatkey span.compatkeytitle { padding-left: 35px; padding-right: 7px; font-weight: bold; color: #666; } /* when displayed on an item page */ #itemfitdesc { display: block; clear: both; float: left; } #itemfitdesc.warning { color: #800; font-weight: bold; } /*##featured: featured products */ #featured td { padding: 0 16px; } /* product name */ #featured h2 { font-size: 12px; margin: 8px 0 0 0; } #featured h3 { color: #666; font-size: 10px; font-weight: normal; margin: 1px 0 6px 0; } #featured .price { font-size: 16px; margin: 0 0 2px 2px; } #featured .price.rebate { font-size: 13px; } #featured .review { margin: 6px 0 0 0; } #featured .review a { color: #666; font-size: 10px; font-weight: normal; } #featured .specials_text { margin-left: 15px; margin-top: 6px; padding-left: 0; } /*### SPECIFIC PAGES ###*/ /*-- category pages --*/ /* SPG and PG Sort by */ #sort { list-style: none; margin: 0; padding: 20px 6px 6px 30px; } #sort li { color: #000; display: inline; font-size: 11px; padding: 0 8px; border-right: 1px solid #999; } #sort li strong { color: #555; } #sort li a { font-weight: normal; color: #06c; } #sort li:last-child { border-right: 0; } #sort li.last-child { border-right: 0; } /* L1 and L2 leads */ #lead_promo { width: 560px; height: 300px; background-repeat: no-repeat; } #lead_promo a { font-weight: normal; } #lead_promo dl { font-size: 11px; text-align: left; margin: 0; padding: 0; } #lead_promo dt { color: #000; margin: 0; padding: 0; } #lead_promo dd { color: #666; font-size: 9px; margin: 0 0 14px 0; padding: 0; } /*-- ProdMenu --*/ #prodmenu_listing td { padding: 0; margin: 0; } #prodmenu_listing .menublock { margin: 14px 0; background: white url(../images/backgrounds/prodmenu-listtitles-IEFix.jpg) no-repeat 0 5px; padding-right: 10px; } #prodmenu_listing h3 { padding: 0; margin: 0; background-repeat: no-repeat; background-position: 0% 50%; background-color: transparent; } #prodmenu_listing h3 a { display: block; padding-left: 44px;/* make room for the icon, make icon clickable */ line-height: 40px;/* don't cut off the icon's top and bottom - but this can get ugly if the title wraps*/ font-weight: normal; color: #333; font-size: 18px; } #prodmenu_listing a:hover { text-decoration: underline; } #prodmenu_listing ul { list-style: none; padding: 0; margin: 0; } #prodmenu_listing li { line-height: 1.8em; margin-left: 55px; } #prodmenu_listing ul a { font-weight: normal; font-size: 15px; } /*-- SuperProdGroup --*/ #superprodgroup_listing { } #superprodgroup_listing .listbox { background: #fff url(../images/backgrounds/L2-listbox.jpg) no-repeat top left; width: 532px;/* was 553px 20050727 */ height: 86px; padding-left: 12px; padding-right: 25px; padding-top: 5px;/* cut from height */ margin-bottom: 6px; } * html #superprodgroup_listing .listbox { width: 513px;/* IE fix */ height: 91px; } #superprodgroup_listing .listbox img { margin-right: 12px; margin-top: 5px; display: block; } #superprodgroup_listing .listbox h2 { font-size: 19px; padding: 0; margin: 0; margin-bottom: 5px; } #superprodgroup_listing .listbox h2 a { color: #282828; font-weight: normal; } #superprodgroup_listing .listbox h2 a:hover { text-decoration: underline; } #superprodgroup_listing .listbox p { color: #666; font-family: Arial; padding: 0; margin: 0; } /*-- ProdGroup --*/ /* Paging links (page 1 2 3 4...) */ #paging { color: #272d3d; background: #f0f3f7; padding: 8px 0 8px 18px; font-size: 11px; border-bottom: 1px solid #ced6e1; } #paging ol { float: right; display: inline; list-style: none; margin: 0; } #paging li { display: inline; text-align: right; margin: 0; padding: 0 5px; color: #666; border-right: 1px solid #ced6e1; } #paging li:first-child { border-left: 0; } * html #paging li.first-child { border-left: 0; } #paging ol li { color: #000; font-weight: bold; font-size: 12px; text-decoration: none; } #paging ol a:link { color: #248; font-weight: normal; font-size: 11px; text-decoration: underline; } #paging ol a:visited { color: #788; font-weight: normal; text-decoration: underline; font-size: 11px; } #paging ol a:hover { color: #000; } #paging ol a:active { color: #F00; } #paging a.show_all { font-weight: bold; margin-right: 0; padding-right: 0; } #paging_overview { float: left; } /*##prodgroup_listing: listing of products */ #prodgroup_listing a.prodname { text-decoration: underline; } #prodgroup_listing p { font-weight: normal; color: #555; font-size: 9px; line-height: 1.6em; margin: 0; } /* override p */ #prodgroup_listing p.price { display: inline; font-weight: bold; color: black; font-size: 14px; } #prodgroup_listing p.price.rebate a { font-size: 10px; font-weight: normal; line-height: 1.1em; } #prodgroup_listing hr { border: 0; color: #bdbdbd; background-color: #bdbdbd; height: 1px; margin: 10px 0; } /* specials text, PSO, deals, & offers area */ #prodgroup_listing .productspecials { /* override legacy .PSO and .RedText at some point */ } #prodgroup_listing .stock { color: #ff4e00; font-size: 11px; display: inline; } /* customer ratings */ #prodgroup_listing .ratings { white-space: nowrap; font-size: 10px; padding-right: 4px; } /* fit of item */ #prodgroup_listing .fiticon a { font-weight: normal !important; } #prodgroup_listing .fiticon a:hover { text-decoration: underline; } /* compare button and checkbox - actually, this includes the product image and fittage */ #prodgroup_listing .compare { font-size: 11px; } #prodgroup_listing .specials_text { padding-left: 16px; } /* when nothing fits or the list is empty - very rare */ #prodgroup_listing #listempty { padding: 6px; font-weight: normal; } #prodgroup_listing #listempty h2 { font-size: 15px; } #prodgroup_listing #listempty p { font-size: 12px; } #prodgroup_listing #listempty ul { margin-top: 4px; } /*-- general product hierarchy pages --*/ #prodmenu_listing a { text-decoration: none; } #prodgroup_listing a { text-decoration: none; } #superprodgroup_listing a { text-decoration: none; } #prodmenu_listing .wideboxheader { background-color: #f94; background-image: url(../images/backgrounds/fadeHeadersLong-bright.jpg); } #superprodgroup_listing .wideboxheader, #prodgroup_listing .wideboxheader { background-color: #f94; background-image: url(../images/backgrounds/fadeHeaders-bright.jpg); } .listoptions { color: #357; font-weight: normal; } /* specials text */ /* appears on ProdView and ProdGroup (multiple times) */ ul.specials_text { font-size: 10px; color: #ff4e00; text-align: left; margin: 0; padding: 0; } ul.specials_text li { margin-bottom: 4px; } ul.specials_text a { font-weight: normal; } /*-- homepage --*/ /*##welcomeback: welcoming back recognized users ##*/ #welcomeback { margin: 0; display: block; position: absolute; left: 270px; right: 200px; top: 18px; padding: 3px 10px; font-size: 11px; } /*##quotebox: quote illustrating some offer */ #valueprop { display: block; clear: both; /* border: 1px solid #ccc;*/ } * html #valueprop { height: 1px; } #valueprop { /* padding: .3em .5em;*/ } #valueprop p { color: #248; font: 14px Geneva, serif; line-height: 25px; height: 25px; font-weight: bold; float: left; margin: 0; padding: 0; padding-left: 40px; } * html #valueprop p { margin-top: 0em; } #valueprop p#quotelink { float: right; } #valueprop a { color: #248; text-decoration: none; font-weight: normal; font-family: arial; } #homeprodbox { margin-bottom: 16px; } #carprodbox { margin-bottom: 0; } .prodselbox { clear: both; border: 1px solid #ccc; } .prodselbox .wideboxheader h2 a { font-weight: normal; } * html .prodselbox .wideboxheader h2 a:hover { line-height: 1.3em; }/* necessary for IE to show underline */ .prodselbox .prod4box { background: #fff url(../images/backgrounds/4boxfixed.png) no-repeat; height: 177px; } .prodselbox .prodblock { width: 193px; float: left; text-align: center; } .prodselbox .prodblock * { margin: 0; padding: 0; } .prodselbox .prodblock a.prodimg { height: 100px; margin-top: 10px; display: block; } .prodselbox .prodblock a.prodname { display: block; height: 30px; font-weight: bold; font-size: 13px; color: #15a; } .prodselbox .prodblock .nolink { font-weight: bold; font-size: 13px; color: #15a; } .prodselbox .prodblock div.desc { height: 19px; line-height: 19px; color: #A21305; font-weight: bold; font-size: 11px; } .prodselbox .prodblock a.general { display: block; line-height: 19px; height: 19px; background-color: #ddd; color: #444; } .prodselbox .prodblock a.general:before { content: "\BB "; padding-right: 3px; } * html .prodselbox .prodblock a.general { display: inline; padding-left: 14px; background: transparent url(../images/backgrounds/raquo-dark.gif) no-repeat left center; } /*##prodassist: guides and offers */ #prodassist { font-size: 0px; margin-left: 1px; } #prodassist a { display: block; margin: 0; padding: 0; float: left; margin-right: 3px; } #prodassist a:last-child { margin-right: 0; } #prodassist a.last-child { margin-right: 0; } /*-- Product compare page --*/ #comparetool h1 { color: white; background-color: #369; font-size: 18px; padding: 3px; margin: 8px 0; font-weight: normal; } #comparetool #itemremover { font-size: 12px; font-weight: bold; } /* show/hide similar features */ #comparetool .similar_features { text-align: left; padding-left: 23px; background-color: #E6DDBD; border: 1px solid #000000; border-width: 1px 0; } #comparetool .similar_features a { font-size: 12px; font-weight: bold; } #comparetool .groupheader td { background-color: #369; } /*### Feature/Spec table styling ###*/ #featurespec { border-collapse: collapse; border-spacing: 0px; } #featurespec td, #featurespec tbody th { font-size: 10px; } #featurespec td, #featurespec th { background-color: #fff; padding: 3px; } #featurespec tr.odd td, #featurespec tr.odd th { background-color: #ddd; } #featurespec th.needhelp { vertical-align: top; text-align: left; } #featurespec thead td.selecteditem, #featurespec thead th.selecteditem { border-style: solid solid none solid; border-width: 1px; border-color: #369; } #featurespec tbody td.selecteditem, #featurespec tbody th.selecteditem { background-color: #e8e8e8; } #featurespec tbody tr.odd td.selecteditem, #featurespec tbody tr.odd th.selecteditem { background-color: #cacaca; } #featurespec tr.rowgrouphead th { background-color: #369; color: #fff; font-weight: bold; font-size: 12px; } #featurespec tbody td { text-align: center; } #featurespec thead { background-color: #fff; font-size: 11px; } #featurespec thead th { vertical-align: bottom; text-align: center; } #featurespec thead img { display: block; margin: 3px auto; } #featurespec thead th.needhelp img { display: inline; margin: none; } /* End redesign CSS */ /*---- New Nav Bar Css ----*/ /*.topMenu { background-color: #FFFFFF; border-width: 0; border-style: none; } .submenu { background-color: #1960B2; border-width: 0; border-style: solid; border-color: #AAAAAA; } .topItemNormal { background-color: #1960B2; font-family: Verdana; font-size: 24px; color: #FFFFFF; cursor: hand; } .topItemOver { background-color: #E4F1FF; font-family: Verdana; font-size: 14px; color: #000000; cursor: hand; }*/ .itemNormal { color: #316AC5; cursor: pointer; background-color: #E4F1FF; text-align:left; font-weight:bold; } .itemOver { color: #316AC5; cursor: pointer; background-color: #D2E6FB; text-align:left; font-weight:bold; text-decoration: underline; } .complete { background-image:url(../img/nav_04.jpg); background-repeat: repeat-x; color:#104E90; cursor:pointer; font-weight:bold; width: 149px; } .completeOver { background-image:url(../img/nav.jpg); background-repeat: repeat-x; color:#104E90; cursor:pointer; font-weight:bold; width: 149px; } .ductless { background-image:url(../img/nav_04.jpg); background-repeat: repeat-x; font-size: 14px; color:#104E90; cursor:pointer; font-weight:bold; width: 206px; } .ductlessOver { background-image:url(../img/nav.jpg); background-repeat: repeat-x; font-size: 14px; color:#104E90; cursor:pointer; font-weight:bold; width: 206px; } .syscomp { background-image:url(../img/nav_04.jpg); background-repeat: repeat-x; font-size: 14px; color: #104E90; cursor:pointer; font-weight:bold; width: 161px; } .syscompOver { background-image:url(../img/nav.jpg); background-repeat: repeat-x; font-size: 14px; color:#104E90; cursor:pointer; font-weight:bold; width: 161px; } .install { background-image:url(../img/nav_04.jpg); background-repeat: repeat-x; font-size: 14px; color: #104E90; cursor:pointer; font-weight:bold; width: 173px; } .installOver { background-image:url(../img/nav.jpg); background-repeat: repeat-x; font-size: 14px; color:#104E90; cursor:pointer; font-weight:bold; width: 173px; } .ductwork { background-image:url(../img/nav_04.jpg); background-repeat: repeat-x; font-size: 14px; color:#104E90; cursor:pointer; font-weight:bold; width: 88px; } .ductworkOver { background-image:url(../img/nav.jpg); background-repeat: repeat-x; font-size: 14px; color:#104E90; cursor:pointer; font-weight:bold; width: 88px; } .sysacc { background-image:url(../img/nav_04.jpg); background-repeat: repeat-x; font-size: 14px; color:#104E90; cursor:pointer; font-weight:bold; width: 161px; } .sysaccOver { background-image:url(../img/nav.jpg); background-repeat: repeat-x; font-size: 14px; color:#104E90; cursor:pointer; font-weight:bold; width: 161px; } .sysitemNormal { color: #316AC5; cursor: pointer; background-color: #E4F1FF; text-align:left; width: 161px; font-weight:bold; } .sysitemOver { color: #316AC5; cursor: pointer; background-color: #D2E6FB; text-align:left; width: 161px; font-weight:bold; text-decoration: underline; } .navOver { background-image:url(../img/nav.jpg); background-repeat: repeat-x; font-size: 14px; color:#FFFFFF; cursor:pointer; font-weight:bold; }