body { border: 0; padding: 0; margin: 0; background: #eff5f9; font: 12px/1.2 "Trebuchet MS", Arial, Helvetica, sans-serif; } p { padding: 0; margin: 0; padding-bottom: 0.5em; } a { color: #037abe; } form { margin: 0; padding: 0; } h1 { margin: 0; padding: 0; color: #666; padding-bottom: 1em; font-size: 20px; font-weight: normal; } h2 { margin: 0; padding: 0; color: #666; padding-bottom: 1em; font-size: 16px; font-weight: normal; background: none; } .alt { display: none; } #container { width: 1006px; margin: 0 auto; background: url('bulk-bg.png') repeat-y; } #header-area { height: 142px; background:url('header.png') no-repeat; padding: 0 23px; } #shopping-cart-area { text-align: right; padding: 20px 10px 0 0; color: #efd327; } #shopping-cart-area a { color: #efd327; } #dept-tabs { height: 24px; margin-top: 59px; } /* department tabs */ #dept-tabs ul { margin: 0; padding: 0; list-style: none; width: 766px; margin-left: 103px; } /* special styles for top tabs */ #dept-tabs ul li#tab101, #dept-tabs ul li#tab39, #dept-tabs ul li#tab119 { /* Cleanrance, Special Offers, Latest Products */ display: none; } /* Water Fed Poles */ #dept-tabs ul li#tab117 { width: 118px; height: 24px; background: url('water-fed-poles-on.gif') no-repeat; } #dept-tabs ul li#tab117 a#tab117 { width: 118px; height: 24px; display: block; float: left; text-align: center; height: 24px; font-weight: bold; font-size: 13px; line-height: 24px; text-decoration: none; color: #037abe; background: url('water-fed-poles.gif') no-repeat; } #dept-tabs ul li#tab117 a#tab117:hover { background: url('water-fed-poles-on.gif') no-repeat; color: #efd327; text-decoration: none; } /* Traditional Window Cleaning */ #dept-tabs ul li#tab21 { width: 196px; height: 24px; background: url('traditional-window-on.gif') no-repeat; } #dept-tabs ul li#tab21 a#tab21 { width: 196px; height: 24px; display: block; float: left; text-align: center; height: 24px; font-weight: bold; font-size: 13px; line-height: 24px; text-decoration: none; color: #037abe; background: url('traditional-window-cleaning.gif') no-repeat; } #dept-tabs ul li#tab21 a#tab21:hover { background: url('traditional-window-on.gif') no-repeat; color: #efd327; text-decoration: none; } /* Pressure Washing */ #dept-tabs ul li#tab66 { width: 133px; height: 24px; background: url('pressure-washing-on.gif') no-repeat; } #dept-tabs ul li#tab66 a#tab66 { width: 133px; height: 24px; display: block; float: left; text-align: center; height: 24px; font-weight: bold; font-size: 13px; line-height: 24px; text-decoration: none; color: #037abe; background: url('pressure-washing.gif') no-repeat; } #dept-tabs ul li#tab66 a#tab66:hover { background: url('pressure-washing-on.gif') no-repeat; color: #efd327; text-decoration: none; } /* Janitorial */ #dept-tabs ul li#tab74 { width: 86px; height: 24px; background: url('janitorial-on.gif') no-repeat; } #dept-tabs ul li#tab74 a#tab74 { width: 86px; height: 24px; display: block; float: left; text-align: center; height: 24px; font-weight: bold; font-size: 13px; line-height: 24px; text-decoration: none; color: #037abe; background: url('janitorial.gif') no-repeat; } #dept-tabs ul li#tab74 a#tab74:hover { background: url('janitorial-on.gif') no-repeat; color: #efd327; text-decoration: none; } /* Carpet Cleaning */ #dept-tabs ul li#tab68 { width: 123px; height: 24px; background: url('carpet-cleaning-on.gif') no-repeat; } #dept-tabs ul li#tab68 a#tab68 { width: 123px; height: 24px; display: block; float: left; text-align: center; height: 24px; font-weight: bold; font-size: 13px; line-height: 24px; text-decoration: none; color: #037abe; background: url('carpet-cleaning.gif') no-repeat; } #dept-tabs ul li#tab68 a#tab68:hover { background: url('carpet-cleaning-on.gif') no-repeat; color: #efd327; text-decoration: none; } /* Car Valeting */ #dept-tabs ul li#tab22 { width: 108px; height: 24px; background: url('clearance-on.gif') no-repeat; } #dept-tabs ul li#tab22 a#tab22 { width: 108px; height: 24px; display: block; float: left; text-align: center; height: 24px; font-weight: bold; font-size: 13px; line-height: 24px; text-decoration: none; color: #037abe; background: url('clearance.gif') no-repeat; } #dept-tabs ul li#tab22 a#tab22:hover { background: url('clearance-on.gif') no-repeat; color: #efd327; text-decoration: none; } /* second bar */ #second-bar { clear: both; height: 25px; } p.breadcrumbs { float: left; color: #fff; width: 650px; margin: 5px 0 0 10px; } p.breadcrumbs a { color: #fff; } #second-bar form { float: right; width: 250px; text-align: right; margin: 3px 10px 0 0; } #second-bar form input.quicksearch { font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; border: solid 1px #000; margin: 0; color: #666; padding: 0 0 0 3px; width: 200px; } /* define columns */ #main { padding: 10px 33px; } .clear-float { clear: both; height: 1px; } #left-column { float: left; width: 151px; margin-right: 12px; } #middle-column { float: left; width: 615px; } #right-column { float: right; width: 151px; } /* sidebar boxes */ .sidebar-box { border: solid 1px #ccc; background: url('sidebar-box-heading-bg.png') repeat-x; margin-bottom: 10px; padding: 0 5px 5px 5px; } .sidebar-box h2 { font-weight: bold; font-size: 12px; padding: 10px 5px; margin: 0; color: #666;	 } /* first level */ .sidebar-box ul { padding: 0; margin: 0; list-style: none; } .sidebar-box ul li { background: url('arrow-highlight.gif') top left no-repeat; margin: 3px 0; } .sidebar-box ul li a { display: block; background: #fff url('arrow.gif') top left no-repeat; color: #666; text-decoration: none; padding: 2px 0 2px 20px; } .sidebar-box ul li a:hover { background: #f7dd3e url('arrow-highlight.gif') top left no-repeat; } /* second level */ .sidebar-box ul li ul { padding: 0; margin: 0; margin-left: 10px; list-style: none; } .sidebar-box ul li ul li { background: url('arrow-highlight.gif') top left no-repeat; margin: 1px 0; } .sidebar-box ul li ul li a { display: block; background: #fff url('arrow.gif') top left no-repeat; color: #999; text-decoration: none; padding: 2px 0 2px 20px; } .sidebar-box ul li ul li a:hover { background: #f7dd3e url('arrow-highlight.gif') top left no-repeat; } /* third level */ .sidebar-box ul li ul li ul{ padding: 0; margin: 0; margin-left: 10px; list-style: none; } .sidebar-box ul li ul li ul li { margin: 0; } .sidebar-box ul li ul li ul li a { display: block; color: #999; background: #fff; text-decoration: none; padding: 2px 0 2px 20px; } .sidebar-box ul li ul li ul li a:hover { background: #f7dd3e; } .sidebar-box p { padding: 5px; color: #666; } .sidebar-text-field { font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; border: solid 1px #ccc; margin: 0; color: #666; width: 131px; } /* sidebar promotions */ .side-clearance { width: 151px; height: 86px; background: url('clearance.png') no-repeat; margin-bottom: 10px; } .side-clearance a { width: 151px; height: 86px; display: block; } .side-new { width: 151px; height: 77px; background: url('newest-products.png') no-repeat; margin-bottom: 10px; } .side-new a { width: 151px; height: 77px; display: block; } .request-catalogue { width: 150px; height: 115px; background: url('download-catalogue.png') no-repeat; margin-bottom: 10px; } .request-catalogue a { width: 150px; height: 115px; display: block; } /* bulk areas */ .bulk-box { border: solid 1px #ccc; background: url('inner-heading-bg-grey.png') repeat-x; padding: 10px; } /* footer */ #footer { clear: both; height: 65px; } #footer-bar { margin: 10px 23px 0 23px; background: url('footer-bar.png') repeat-x; color: #fff; height: 25px; } #footer-bar p { padding: 5px 0 0 10px; } #footer-bar a { color: #fff; } #footer-plain { height: 52px; padding: 0 23px; background: url('bulk-bottom.png') no-repeat bottom; } #footer-plain p.left { padding: 5px 0 0 10px; float: left; } #footer-plain p.right { padding: 5px 10px 0 0; float: right; } /* product layouts */ .cs-image-left { float: left; width: 220px; margin-left: 10px; display: inline; } .cs-text-right { float: left; width: 350px; } .cs-text-right h2 { padding-bottom: 0.5em; } .cs-product-price { font-size: 14px; color: #666; } .cs-separator { height: 1px; border-bottom: solid 1px #ccc; margin: 15px 0; clear: both; } .cs-cart-box { height: 30px; margin-top: 10px; } .quantity-field { float: left; } .cs-cart-button { float: right; } .cs-compact-product-name { float: left; width: 300px; } .cs-compact-product-name strong { color: #037abe; } .cs-compact-product-price { float: right; width: 190px; text-align: right; } .cs-compact-product-price strong { color: #037abe; } .compact-options { clear: both; } .compact-options .cs-option-name { padding-top: 3px; float: left; width: 150px; clear: left; font-weight: bold; } .compact-options .cs-option-selector { float: left; } .compact-options .cs-option-selector input { margin: 0; padding: 0; } .cs-compact-cart-area { padding-top: 10px; height: 30px; clear: both; } .cs-compact-quantity-field { float: right; } .compact-cart-button { float: right; width: 150px; text-align: right; } /* section links */ .cs-section-link { width: 190px; float: left; text-align: center; } .cs-section-link-image { margin: 10px 0; height: 210px; } .cs-section-link-name a { background: #ccc; color: #000; padding: 5px; display: block; text-decoration: none; } .cs-section-link-name a:hover { background: #efd327; } /* home page promotions */ .home-page-promo-box { border: solid 1px #efd327; background: url('specials-heading-bg-yellow.png') repeat-x; padding: 50px 10px 10px 10px;	 } .home-promo { float: left; width: 180px; margin-right: 15px; display: inline; } .cs-home-promo-image { text-align: center; margin-bottom: 10px; } /* home page links */ a.home-page-link { display: block; float: left; margin-right: 18px; margin-bottom: 16px;	 } a#home101, a#home39, a#home119 { display: none; } a#home117 { width: 192px; height: 125px; background: url('home-poles.png') no-repeat; } a#home117:hover { background: url('home-poles-on.png') no-repeat; } a#home21 { width: 198px; height: 125px; background: url('home-trad.png') no-repeat; } a#home21:hover { background: url('home-trad-on.png') no-repeat; } a#home66 { width: 184px; height: 125px; background: url('home-press.png') no-repeat; margin-right: 0; } a#home66:hover { background: url('home-press-on.png') no-repeat; } a#home74 { width: 192px; height: 123px; background: url('home-jan.png') no-repeat; } a#home74:hover { background: url('home-jan-on.png') no-repeat; } a#home68 { width: 198px; height: 123px; background: url('home-carpet.png') no-repeat; } a#home68:hover { background: url('home-carpet-on.png') no-repeat; } a#home22 { width: 184px; height: 123px; background: url('home-car.png') no-repeat; margin-right: 0; } a#home22:hover { background: url('home-car-on.png') no-repeat; } /* buttons */ .normal-button { border: solid 1px #999; background: #037abe; color: #efd327; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding: 1px 5px; } .highlight-button { border: solid 1px #999; background: #efd327; color:  #037abe; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding: 1px 5px; } /* checkout heading */ h2.checkout-heading { border: solid 1px #037abe; color: #037abe; border-width: 1px 0; padding: 4px; margin: 20px 0 10px 0; }