body { margin: 10px; padding: 0; font-size: 0.948em; line-height: 1.22 } h1, h2, h3, h4, h5, h6, p, ul, ol, dl, form, fieldset, table, address, blockquote { padding: 0; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0 } ul, ol, blockquote { margin-left: 1.75em } blockquote { margin-right: 2.75em } fieldset { padding: 0.5em } table { border-collapse: collapse; border-spacing:0 } th { text-align: left } select,input,textarea { font: inherit } body { color:#666666; font:13px/1.4 'Arial'; background-color:lightGrey; margin:0; } #container { width: 940px; padding:10px 20px 10px 20px; margin: auto; background:#fff; overflow:hidden; position:relative; box-shadow:1px 30px 30px 1px;} #substance { width:700px; float:left; margin-bottom:5px; padding-left: 10px;} #related { width:224px; float:right; margin-bottom:5px;} #footer { clear:both; } #content { margin-top: 8px; } #header { margin-bottom:30px; } #content.narrow { padding:0 40px; } #content.narrow #substance { width:860px; } #content #substance.cart { width:860px; } #substance-checkout { width:700px; float:left; margin-bottom:25px; } img { border:none;} .btn { background:url("images/form-btn.png") 0 0 no-repeat; width:24px; height:22px; display:block; text-indent:-10000em; font-size:0.1px; color:#333; border:none; cursor:pointer;} h1, h2, h3 { line-height:1.2; } h1 { color:#B32017; margin-bottom:25px; font-size:190%; text-align:left;} h1 span { color:#B32017;font-weight:normal;} h2 { color:#B32017; margin-bottom:15px; font-size:130%;} h2 span { color:#B32017; } h3 { color:#B32017; margin-bottom:10px; font-size:130%;} input { color:#000; } form { margin:0; padding:0; } fieldset { margin:0; padding:0; border:none; } .left { float:left; margin:0 15px 15px 0; } .right { float:right; margin:0 0 15px 15px; } .center { display:block; margin:0 auto 15px auto; } strong { color:#666666;} p a { color:#104A73; } #substance div.form dt { margin-bottom:-1.4em; } #substance div.form dd { padding-left:200px; margin-bottom:10px;} .alert { color: Red; } .label { color: #0E5281 } .errorfeedback div { color: Red } .feedback div { color: Green } #gallery { position:relative;height:200px} #gallery a { float:left; position:absolute; } #gallery a img {border:none;} #gallery a.show {z-index:500} #gallery .caption { z-index:600; background-color:#000; color:#ffffff; height:0px; width:100%; position:absolute;bottom:0;} #gallery .caption .content {margin:0px;} #gallery .caption .content h3 { margin:0; padding:0; color:#ffffff;} /* root element for the scrollable. when scrolling occurs this element stays still. */ .scrollable { /* required settings */ position:relative;overflow:hidden; width: 610px; height:70px; float:left; padding-top:10px; /* background:url(images/scroll/h300.png) repeat-x;*/} /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accomodate scrollable items. it's enough that you set the width and height for the root element and not for this element. */ .scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; clear:both; } .items div { float:left; width:660px; } /* single scrollable item */ .scrollable img { float:left;background-color:#fff;padding:1px; margin:0px 8px 0px 10px; -moz-border-radius:4px;-webkit-border-radius:4px; } /* active item */ .scrollable .active { border:2px solid #000; position:relative; cursor:default; } /* prev, next, prevPage and nextPage buttons */ a.browse { display:block; width:30px; height:30px; float:left; margin:18px 5px; cursor:pointer; font-size:1px; } /* right */ a.right { background:url(images/scroll/hori_large_next.png) no-repeat; clear:right; margin-right: 0px;} a.right:hover { background:url(images/scroll/hori_large_next.png) no-repeat; } a.right:active { background:url(images/scroll/hori_large_next.png) no-repeat; } /* left */ a.left { background:url(images/scroll/hori_large_prev.png) no-repeat; margin-left: 0px; } a.left:hover { background:url(images/scroll/hori_large_prev.png) no-repeat; } a.left:active { background:url(images/scroll/hori_large_prev.png) no-repeat; } /* up and down */ a.up, a.down { background:url(images/scroll/vert_large.png) no-repeat; float: none; margin: 10px 50px; } /* up */ a.up:hover { background-position:-30px 0; } a.up:active { background-position:-60px 0; } /* down */ a.down { background-position: 0 -30px; } a.down:hover { background-position:-30px -30px; } a.down:active { background-position:-60px -30px; } /* disabled navigational button */ a.disabled { visibility:hidden !important; } #header { position:relative; } #header .form { width:372px; float:right; margin-top:5px; } #header fieldset { border:none; padding:15px; margin:0; background:#F4F4F4; margin-bottom:5px; } #header fieldset input.txt { width:140px; float:left; margin:0 4px;} #header .form a { color:#0066CC; font-size:85%; } #header .form .links a { color:#0ea0ea; } #header .form a:first-child { background:url("images/arrow-blue.png") 100% .4em no-repeat; padding-right:8px; margin-right:60px; margin-left:25px;} #header .currency { width:89px; height:36px; font-size:80%; position:absolute; top:30px; left:430px; } #header .canadian { padding-left:25px; position:absolute; top:-10px; right:200px;} #header .header-content { } #header .header-content b { color:#F28D1E; margin-right:10px; } #header .header-content a { color:#0EA0EA; margin-right:10px; } #header .header-content p { float:right; margin:0px;} #header .header-content span { background:url("images/phone-ico.png") 0 0 no-repeat; padding-left:20px; } #header .header-content img { float:left; } #usergreeting { color: #fff } .content-cta { margin-bottom:30px; border-top:1px solid #ccc; padding-top:20px; overflow:hidden; clear:both;} .content-cta h2 { margin-bottom:10px; font-size:170%; } .content-cta h2 span { font-weight:normal; } ul.loose { list-style:none; margin:0 0 15px 0; } ul.loose li { padding-left:10px; margin-bottom:10px; background:url("images/bullet.png") 0 .6em no-repeat;} ul.loose li span { color:#038AE5; } .manufacturers-boxes { background:url("images/footer-top_bg.png") 0 0 repeat-x; padding-top:10px; margin-bottom:25px; } .manufacturers-boxes h2 { color:#B32017; margin-bottom:10px} .manufacturers-boxes ul { list-style:none; margin:0; } .manufacturers-boxes li { width:175px; float:left; } .manufacturers-boxes li a { color:#666; text-decoration:none; font-size:12px; } .manufacturers-boxes .col { width:350px; float:left; padding-left:10px; } .manufacturers-boxes .col.alt { float:right; width:350px; } .col-wide { width:340px; margin-right:10px; float:left; } .col-wide.end { margin-right:0; } .col-narrow { width:205px; height:290px; float:left; margin-right:20px; margin:5px 10px 25px 5px; padding: 5px;border-radius: 5px; box-shadow: 0px 0px 10px #BEBEBE; } .col-narrow strong { color:#0E5282; } .col-narrow.end { margin-right:0; margin-left:0;} .col-narrow a { width:102px; height:22px; text-indent:-10000em; overflow:hidden; background:url("images/fom.png") 0 0 no-repeat; float:right; clear:both; } #substance table { width:100%; border-collapse: separate; font-size:100%;} #substance table .productListing-odd{ border-top:1px solid #F4F4F4;} #substance table .pageHeading { color: #B32017;margin-bottom: 15px;font-size: 130%; font-weight:bold;} #substance table .productListing-heading{ color: #B32017; font-size:14px; font-weight:bold;} #substance table .productListing-data-list{/* border-top:1px solid #F4F4F4; */} #substance table .productListing-data-list a{ color:#F28D1E; text-decoration:none; font-weight:bold;} #substance table .smallText{ font-size:11px;} #substance table .smallText a{ color:#003333;} #substance table .smallText a:hover{ color:#B32017; text-decoration:underline;} #substance table .main a{ color:#F28D1E; text-decoration:underline;} #substance table .messageStackSuccess { color:#009900; font-size:16px; font-weight:bold;} #substance table .messageStackError { color:#FF0000; font-size:12px; font-weight:bold;} #substance table .messageStackAlert { color:#F28D1E; font-size:14px; font-weight:bold;} #substance table .inputRequirement { color:#FF0000; font-size:10px; font-weight:bold;} #substance table th { background:#D5D6D8; color:#0E5282; padding:5px 10px; font-weight:bold; padding:5px; border:none;} #substance table td { border:none; vertical-align: middle; align:left; } #substance table img { padding:5px 0px 5px 0px; float:left; margin-right:0px;} #substance table .description { width:300px; font-weight:bold; text-align:left;} #substance table .qty { width:74px; text-align:center;} #substance table .ppl { width:166px; text-align:center;} #substance table .total { width:165px; text-align:center; } #substance table .remove { width:157px; } #substance table .remove input { color:#333; } #substance table .subtotal { text-align:center; font-weight:bold; color:#0F517F; border-left:1px solid #ddd; border-right:1px solid #ddd; } #substance table .subtotal span { color:#B32017; } #substance table .promo { color:#0F517F; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;} #substance table .promo input.promocode { color:#333; margin-left:15px;} #substance table p { margin:0; text-align:justify; } #substance table .qty input { width:40px; } #substance td.price { text-align: right; } #substance th.price { text-align: right; } #secondary { overflow:auto; padding:5px 0; } #substance table.layout td { border:none; padding:3px 3px; border-top:none; vertical-align: top } #footer { background:url("images/footer-top_bg.png") 0 0 repeat-x; padding-top:2px; font-size:95%} #footer #legal { margin:5px 0 0px 0px; color:#104A73; background:#F4F4F4; border:1px solid #eee; font-size:90%;} #footer #legal h3 { margin-bottom:5px; width:80% } #footer #legal p { margin-top:10px; } #footer #legal a { color:#104A73; } #footer .footer-content { overflow:auto;} #footer .footer-content b { color:#F28D1E; margin-right:10px; } #footer .footer-content a { color:#0EA0EA; margin-right:10px; } #footer .footer-content p { padding-top:19px; float:right;} #footer .footer-content span { } #footer .footer-content img { float:left; } #footer p.terms { color:#B32017; font-weight:bold; } #footer p.terms a { color:#104A73; font-weight:normal; margin:0 5px } #product-search { padding:14px 11px; background:url("images/top-search-box.png") 0 0 repeat-x #D5D6D8; overflow:hidden; margin-bottom:12px; } #product-search h2 { float:left; text-transform:uppercase; margin:6px 25px 0 0; font-weight:normal; color:#666; } #product-search h2 span { color:#B32017; font-weight:bold} #product-search { margin:0; } #product-search fieldset { border:none; padding:0; float:left; margin:0;} #product-search fieldset dl { float:left; margin:0; } #product-search fieldset dt { margin-bottom:-1.4em; float:left; width:32px; height:32px; } #product-search fieldset dt.step-1 { background:url("images/sb-step1.png") 0 0 no-repeat; margin-right:8px;} #product-search fieldset dt.step-3 { display:none; } #product-search fieldset dt.step-2 { background:url("images/sb-step2.png") 0 0 no-repeat; margin-right:8px; } #product-search fieldset dd { float:left; margin:0; padding-top:5px; margin-right:10px; } #product-search fieldset dd.alt { margin-right:0; } #product-search fieldset dt label { display:none; } #product-search div input { float:left; margin-top:5px; margin-left: 5px} #product-search select#modelList { width:200px} #product-search select { height: 24px} #navigation { clear:both; position:relative; margin-bottom:12px; } #navigation ul { list-style: none; background:#B32017; margin: 0; padding:2px 10px; overflow:hidden; } #navigation li { display: inline; margin-right: 2em; float:left; padding:3px 0;} #navigation li.active { padding-bottom:2px; border-bottom:5px solid #F90017; } #navigation li a { color:#fff; text-decoration:none; } #navigation .home {} #navigation .home .house {background:url('images/home.png') no-repeat 0% 40%;padding-left:50px;} #breadcrumbs { background:#B32017; padding:10px 5px 0px; margin-bottom:15px; overflow:auto; font-size:80%;} #breadcrumbs ul { list-style:none; margin:0; } #breadcrumbs ul li { display:inline; color:#fff;} #breadcrumbs ul li a { color:#fff; font-weight:bold; margin-right:10px; text-decoration:none;} #contact-bar { position:absolute; top:-1px; left:20px; width:940px; border:1px solid #ccc; border-top:0; text-align:center; padding-top:10px;} #contact-bar span { background:url("images/phone-ico.png") 0 0 no-repeat; padding-left:20px; } #contact-bar p { margin-bottom:10px; } #contact-bar b { color:#B12230; margin-right:15px; } #contact-bar a { color:#104A73; margin-right:15px;} #related img { margin-bottom:10px; } #manufacturers { } #manufacturers div { border-top:1px solid #ccc; border-bottom:1px solid #eee;padding:5px 0; overflow:auto; } #manufacturers div ul { list-style:none; margin:0; margin-left:30px;} #manufacturers div ul li { float:left; margin:0 5px;} #manufacturers div ul li a { text-decoration:none; } div.philips { margin-bottom:-25px;} div.philips a { margin-left:25px;} .product-content { padding-left:160px; position:relative;} .product-content .product-thumb { position:absolute; top:0; left:0; padding:20px; border:1px solid #ccc;} .product-content dl { margin-bottom:15px; } .product-content dt { margin-bottom:-1.4em; color:#F68200; font-weight:bold; float:left;} .product-content dd { padding-left:170px; margin-bottom:5px; min-height:15px; text-align:left; } .product-content p.price { padding:10px 0; margin:0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:20px 0; color:#B32017; font-weight:bold;} .product-content p.price span { color:#0E5282; font-weight:bold; font-size:140%; } .product-content p.price a { color:#038AE5; font-style:italic; font-weight:normal; } .product-content p.more-info { background:#B32017; padding:10px; color:#fff; } .product-content p.more-info a { text-decoration:none; } .product-content fieldset { margin-bottom:20px; /*background:url("images/cart-form-buttons.png") 100% 0 no-repeat;*/ padding-top:23px; } .product-content fieldset label { color:#B32017; font-weight:bold; margin-right:5px;} .product-content fieldset input#quantity { width:30px; } .product-content fieldset input.submit { color:#333; margin-left:10px;} p.big-savings img{ position: relative; top: -10px; left: -8px; } .product-list2 ul { list-style:none; margin:0 0 15px 0; overflow:hidden; } .product-list2 ul li { position:relative; border-bottom:1px solid #ccc; clear:both; overflow:auto; padding-bottom:15px; margin-bottom:15px;} .product-list2 ul li:last-child { border:none; padding-bottom:0; margin-bottom:0;} .product-list2 ul li a { text-decoration:none; color:#AACB2B; font-weight:bold; } .product-list2 ul li a span { font-weight:bold; color:#00425E;} .product-list2 ul li a:hover span, .product-list2 ul li a:hover { color:#0EA0EA; } span.testimonial { font-style: italic; } span.attestor { font-weight: bold; } .product-list ul { list-style:none; margin:0 0 15px 0; overflow:hidden; } .product-list ul li { position:relative; padding-left:100px; border-bottom:1px solid #ccc; clear:both; overflow:auto; padding-bottom:15px; margin-bottom:15px;} .product-list ul li:last-child { border:none; padding-bottom:0;} .product-list ul li img { position:absolute; left:0; top:0; border:1px solid #ccc; } .product-list h2 { margin-bottom:3px; font-size:100%;} .product-list h3 { font-size:100%; } .product-list a.view { background:url("images/view-product.png") 0 0 no-repeat; width:102px; overflow:hidden; height:22px; text-indent:-10000em; float:left; clear:left; margin-right:15px;} .product-list a.add { background:url("images/add-to-cart.png") 0 0 no-repeat; width:95px; overflow:hidden; height:22px; text-indent:-10000em; float:left; } .product-list2 ul { list-style:none; margin:0 0 15px 0; overflow:hidden; } .product-list2 ul li { position:relative; border-bottom:1px solid #ccc; clear:both; overflow:auto; padding-bottom:15px; margin-bottom:15px;} .product-list2 ul li:last-child { border:none; padding-bottom:0; margin-bottom:0;} .product-list2 ul li a { text-decoration:none; color:#F28D1E; font-weight:bold; } .product-list2 ul li a span { font-weight:bold; color:#00425E;} .product-list2 ul li a:hover span, .product-list2 ul li a:hover { color:#0EA0EA; } h2.pretty { background:url("images/pretty-wash.png") 0 0 repeat-x #D5D6D8; clear:both; color:#0E5282; padding:5px 10px; margin-bottom:25px; font-size:120%; } #substance table#registration { width: 850px } #substance table#registration table { width: 350px } div#submitButtons { position:relative; top: -130px } .popupBody {width: 800px; background: White; margin-left:auto; margin-right:auto; } .printableOrder { width: 760px; margin-left:auto; margin-right:auto } #requestAccepted {width: 100%; background:url("images/order-complete-illo.png") bottom right no-repeat; min-height:222px; } span.formField {display: block; } span.formField label {display: inline-block; width: 120px; text-align: right; margin-right: 10px; } #imgCaptcha {margin-top:10px;} h1.step { width:150px; height:50px; position:absolute; top:0; right:0; } .info { float:right; width:568px; clear:both; margin-bottom:25px;} .info ul { background:#eee; padding:15px; list-style:none; margin:0; clear:both;} .info ul li { background:url("images/info-li.png") 0 .5em no-repeat; margin-bottom:5px; padding-left:15px;} .info b { color:#038AE5; font-weight:normal; } .place-holder { background:#fff; min-height:750px; } .info ul, form.shipping div input, .cart-controls input, #breadcrumbs, #header fieldset, #footer #legal, #product-search, #navigation ul, .product-content p.more-info, h2.pretty, input.discount, #content.narrow .actions input , #content.narrow .left-col .actions input, form.review div input { /*border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;*/ } #contact-bar { border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; } .clear { clear: both; } #substance table img#imgCaptcha { float: none }