@charset "utf-8"; body { margin: 0; padding: 0; border: 0; background: #f2f2f2; font: 12px/1.2 Tahoma, Arial, Helvetica, sans-serif; color: #333; } h1, h2, h3, p { margin: 0; padding: 0; padding-bottom: 0.5em; } h1 { font-size: 30px; color: #47607A; font-weight: normal; padding-bottom: 0.2em; } h2 { font-size: 16px; color:#006C85; font-weight: normal; padding-bottom: 0.2em; } h3 { font-size: 25px; color: #7E8FA2; font-weight: normal; padding-bottom: 0.2em; } a { color: #7E8FA2; text-decoration: none; } a:hover { text-decoration: underline; } .alt { display: none; } #form { padding: 0; margin: 0; } #container { width: 970px; background: white; margin: 0 auto; } #inner-container { padding: 0 10px; } #header-area { height: 91px; background: url('logo.gif') no-repeat; } #phone-bar { float: right; height: 56px; } #date-bar { float: right; padding-top: 17px; width: 170px; } #search-card-bar { width: 620px; height: 35px; clear: both; float: right; } #quick-search { float: left; height: 35px; width: 260px; } .dashed-search { width: 156px; height: 22px; background:url('search-box-bg.gif'); margin-left: 10px; } .dashed-search input { border: 0; margin: 1px; font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #666; background: #f7f7f7; } #cards-account { background: url('credit-card-logos.gif') no-repeat; width: 350px; height: 35px; float: left; } #cards-account p { text-align: right; padding-top: 3px; } #main-nav { height: 40px; background: url('main-nav-end-left.gif')	no-repeat; padding-left: 5px; margin-bottom: 10px; } #main-nav-content { background: url('main-nav-end-right.gif') right no-repeat; padding-right: 5px; } #main-nav-content ul { padding: 0; margin: 0; list-style: none; width: 940px; background: url('main-nav-bg.gif'); height: 40px; } #main-nav-content li { display: inline; } #main-nav-content li a { height: 40px; display: block; float: left; border-right: solid 1px #47607A; } #main-nav-content li#nav-home a { width: 70px; background: url('nav-home.gif') center center no-repeat; } #main-nav-content li#nav-home a:hover { background: url('nav-home-on.gif') center center no-repeat; } #main-nav-content li#nav-small-boxes a { width: 110px; background: url('nav-small-boxes.gif') center center no-repeat; } #main-nav-content li#nav-small-boxes a:hover { background: url('nav-small-boxes-on.gif') center center no-repeat; } #main-nav-content li#nav-big-boxes a { width: 100px; background: url('nav-big-boxes.gif') center center no-repeat; } #main-nav-content li#nav-big-boxes a:hover { background: url('nav-big-boxes-on.gif') center center no-repeat; } #main-nav-content li#nav-storage a { width: 85px; background: url('nav-storage.gif') center center no-repeat; } #main-nav-content li#nav-storage a:hover { background: url('nav-storage-on.gif') center center no-repeat; } #main-nav-content li#nav-accessories a { width: 110px; background: url('nav-accessories.gif') center center no-repeat; } #main-nav-content li#nav-accessories a:hover { background: url('nav-accessories-on.gif') center center no-repeat; } #main-nav-content li#nav-racking a { width: 90px; background: url('nav-racking.gif') center center no-repeat; } #main-nav-content li#nav-racking a:hover { background: url('nav-racking-on.gif') center center no-repeat; } #main-nav-content li#nav-pallets a { width: 80px; background: url('nav-pallets.gif') center center no-repeat; } #main-nav-content li#nav-pallets a:hover { background: url('nav-pallets-on.gif') center center no-repeat; } #main-nav-content li#nav-your-basket a { width: 250px; background: url('basket-label.gif') left center no-repeat; color: white; font-weight: bold; line-height: 40px; text-align: right; border: 0; margin-left: 20px; } #main-nav-content li#nav-your-basket a:hover { background: url('basket-label-on.gif') left center no-repeat; text-decoration: none; } #sub-nav { height: 26px; background: #6e855d url('sub-nav-end-left.gif') no-repeat; padding-left: 6px; margin-bottom: 10px; } #sub-nav ul { padding: 0; margin: 0; height: 26px; background: url('sub-nav-end-right.gif') no-repeat right; padding-left: 10px; padding-right: 6px; list-style: none; } #sub-nav ul li { float: left; line-height: 26px; margin-right: 15px; } #sub-nav ul li a { color: white; font-weight: bold; font-size: 12px; } #main-left { float: left; width: 630px; margin-bottom: 20px; } #main-right { float: right; width: 310px; margin-bottom: 20px; font-size: 12px; } #form-container { position: relative; height: 290px; } #contact-form-container, #request-brochure-container { position: absolute; top: 0; left: 0; } #contact-form { background: #f0f0f0 url('contact-box-right-edge.gif') right repeat-y; } #contact-form-bottom-edge { background: url('contact-box-footer.gif') bottom right no-repeat; } #contact-form-content { background: url('contact-box-top-right-corner.gif') top right no-repeat; padding: 10px; height: 220px; } #contact-form-content label { color: #47607A; padding-right: 10px; } #request-brochure { background: #f0f0f0 url('contact-box-right-edge.gif') right repeat-y; } #request-brochure-bottom-edge { background: url('contact-box-footer.gif') bottom right no-repeat; } #request-brochure-content { background: url('contact-box-top-right-corner.gif') top right no-repeat; padding: 10px; height: 220px; } #request-brochure-content label { color: #47607A; padding-right: 10px; } td.dashed-text-field { width: 206px; height: 22px; background: url('contact-box-input-bg.gif') no-repeat; } td.dashed-text-field input { border: 0; background: #f4f4f4; padding: 1px; font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #666; margin-left: 1px; } td.dashed-text-area { width: 206px; height: 40px; background: url('contact-box-textarea-bg.gif') no-repeat; } td.dashed-text-area textarea { border: 0; background: #f4f4f4; padding: 1px; margin-left: 1px; font: 12px Tahoma, Arial, Helvetica, sans-serif; color: #666; height: 35px; width: 200px; } #offers-area { clear: both; height: 120px; margin-bottom: 10px; } .offer { width: 280px; height: 100px; padding: 10px 15px; margin-bottom: 10px; } #offer-1-border { background: url('offers-frame-1.png');	 } #offer-2-border { background: url('offers-frame-2.png');	 } #offer-3-border { background: url('offers-frame-3.png');		 } .offer-content { } .offer-content h3 { padding-top: 5px; } #footer { height: 57px; background: #264160; padding-left: 20px; padding-right: 5px; color: #fff; } #footer ul { padding: 0; margin: 0; height: 57px; list-style: none; } #footer ul li { float: left; line-height: 57px; margin-right: 30px; } #footer ul li.right { float: right; } #footer ul li a { color: white; } #footer ul li.right a { color: #C0DBE1; } /* section lists */ .baag-dashed-box-top { width: 630px; background: url('dash-h.gif') top left repeat-x; } .baag-dashed-box-left { width: 630px; background: url('dash-v.gif') top left repeat-y; } .baag-dashed-box-right { width: 315px; height: 155px; float: left; background: url('dash-v.gif') right top repeat-y; } .baag-dashed-box-bottom { width: 315px; height: 155px; background: url('dash-h.gif') bottom left repeat-x; } .baag-dashed-box-right-product { width: 315px; height: 175px; float: left; background: url('dash-v.gif') right top repeat-y; } .baag-dashed-box-bottom-product { width: 315px; height: 175px; background: url('dash-h.gif') bottom left repeat-x; } .baag-image-left { margin: 10px; float: left; width: 100px; } .baag-text-right { margin: 10px 10px 10px 0; float: left; width: 180px; } .baag-price { color: #c00; } /* home page promotions */ .home-box-dash-top { background: url('dash-h.gif') top left repeat-x;	 }  .home-box-dash-right { background: url('dash-v.gif') right top repeat-y; } .home-box-dash-bottom { background: url('dash-h.gif') bottom left repeat-x; } .home-box-dash-left { background: url('dash-v.gif') top left repeat-y; } #home-small-boxes-tab { width: 630px; height: 30px; background: url('home-tab-buy-small-boxes.gif') no-repeat; } #home-small-boxes-box { margin-bottom: 10px; } #small-boxes-size { width: 630px; height: 190px; } #small-boxes-margin { padding: 7px 0 0 5px ; } a.home-page-small-box-link { display: block; float: left; width: 200px; height: 87px; } a.home-page-small-box-link:hover { text-decoration: none; } a.home-page-small-box-link h1 { font-size: 12px; color: #000; font-weight: bold; padding: 5px 0 5px 7px; margin: 0; } a.home-page-small-box-link:hover h1 { color: #bd0305; } p.prices-from { padding: 0 7px; margin: 0; text-transform: uppercase; color: #666666; font-size: 9px; line-height: 9px; } p.home-price { color: #bd0305; font-size: 24px; font-weight: bold;	 padding: 0 7px; margin: 0; } a#attached-lid { background: url('home-new-attached-lid.jpg'); margin-right: 11px; } /* a#attached-lid:hover { background: url('home-small-attached-on.jpg'); }*/ a#stacked-nest { background: url('home-new-stack-nest.jpg'); margin-right: 11px; } /* a#stacked-nest:hover { background: url('home-small-nested-on.jpg'); }*/ a#hygenic { background: url('home-new-hygenic-stackable.jpg'); } /* a#hygenic:hover { background: url('home-small-hygenic-on.jpg'); }*/ a#stackable { background: url('home-new-stackable.jpg'); margin-right: 11px; } /* a#stackable:hover { background: url('home-small-stackable-on.jpg'); }*/ a#drop-door { background: url('home-new-drop-doors.jpg'); margin-right: 11px; } /* a#sliding:hover { background: url('home-small-sliding-on.jpg'); }*/ a#foldable { background: url('home-new-foldable.jpg'); } /* a#foldable:hover { background: url('home-small-foldable-on.jpg'); } */ #home-big-boxes-tab { float: left; width: 209px; padding-top: 30px; background: url('home-tab-buy-big-boxes.gif') no-repeat; } #home-box-boxes-image { padding: 1px; } #home-box-boxes-image a { display: block; width: 205px; height: 125px; background: url('home-new-buy-big-boxes.jpg') right no-repeat; } #home-box-boxes-image a:hover { text-decoration: none; } #home-box-boxes-image a h1 { font-size: 12px; color: #000; font-weight: bold; padding: 5px 0 5px 7px; margin: 0; } #home-box-boxes-image a:hover h1 { color: #bd0305; } #home-storage-tab { float: left; width: 212px; padding-top: 30px; background: url('home-tab-buy-storage.gif') no-repeat; } #home-storage-image { padding: 1px; } #home-storage-image a { display: block; width: 205px; height: 125px; background: url('home-new-buy-storage.jpg') right no-repeat; } #home-storage-image a:hover { text-decoration: none; } #home-storage-image a h1 { font-size: 12px; color: #000; font-weight: bold; padding: 5px 0 5px 7px; margin: 0; } #home-storage-image a:hover h1 { color: #bd0305; } #home-accessories-tab { float: left; width: 209px; padding-top: 30px; background: url('home-tab-buy-accessories.gif') no-repeat; } #home-accessories-image { padding: 1px; } #home-accessories-image a { display: block; width: 205px; height: 125px; background: url('home-new-buy-accessories.jpg') right no-repeat; } #home-accessories-image a:hover { text-decoration: none; } #home-accessories-image a h1 { font-size: 12px; color: #000; font-weight: bold; padding: 5px 0 5px 7px; margin: 0; } #home-accessories-image a:hover h1 { color: #bd0305; } /* March 2010 Home Page Update */ .home-offer { width: 280px; height: 100px; padding: 10px 15px; margin-bottom: 10px; } #home-offer-1-border { background: url('home-new-text-frame.jpg');	 } #home-offer-2-border { background: url('home-new-text-frame.jpg');	 } #home-offer-3-border { background: url('home-new-delivery-box.jpg');		 } .home-offer-content { padding-top: 5px; } .home-offer-content h3 { margin-top: 0; color: #b27c7e; }