/* CSS Document */ * { margin: 0 auto; padding: 0; } html{ margin:0 auto; padding:0; } body { font: 70% Tahoma, Arial, Helvetica, sans-serif; text-align:center; background: #e8eaef url(../images/bg-bg.gif) repeat-x center top;} p{ font: 1em/1.5em Tahoma, Arial, Helvetica, sans-serif; margin:5px 0 10px 0; } input, label, select { font-size: 1em; line-height: 1.5em; } h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; line-height: 1.75em; display: block; color: #a90202; } h1 { font-size: 1.6em; } h2 { font-size: 1.4em; } h3 { font-size: 1.4em; } h4 { font-size: 1.3em; color: #344D6B; } h5 { font-size: 1.2em; } a{ text-decoration: underline; color: #660000; } a:hover{ text-decoration: none; color: #686767; } .left { float: left; width: 300px; margin-right: 5px; } .right { float: right; width: 300px; text-align: left; } .floatleft {float: left;} .floatright {float: right;} .clearfloat {clear: both;} .40 {width: 40%;} .50 {width: 50%;} .60 {width: 60%;} .quoteWidget-outer { height: 1px; left: 50%; position: fixed; top: 0; z-index: 0; } .quoteWidget-middle { height: 1px; } .quoteWidget-inner { margin-left: 463px; margin-top: 119px; vertical-align: middle; } #quoteWidget { background-image: url("../images/request-quote-tab.gif"); background-position: right top; background-repeat: no-repeat; display: block; font-size: 0; height: 170px; width: 43px; } /* PAGE ELEMENTS ==============================================================*/ #outer-wrapper { width: 1000px; padding-bottom: 5px; background: url(../images/bg-main.gif) repeat-y center top; } #inner-wrapper { width: 1000px; background: url(../images/bg-main-top.jpg) no-repeat center top; } #container { width:924px;} #header, #pagecontent { width: 924px; } #header { background: transparent url(../images/bg-header.gif) no-repeat 0 0; height: 82px; } #logo{ float: left; width: 239px; margin: 20px 0 0 0; padding-left: 20px; } #logo h1{ height: 59px; } #logo h1 span { display: none; } #header-right { float: right; width: 500px; } #mini-nav { display:block; float: right; width: 458px; height: 27px; /*background: url(../images/dotted-line.gif) repeat-x; background-position:left bottom; */ margin-top: 4px; font-size: .9em; } #mini-nav ul { margin-left: 0; } #mini-nav li { float: left; list-style: none; height: 20px; } #mini-nav li a { display: block; float: left; color: #999ba6; position:relative; text-decoration: none; text-indent: -3000px; } #mini-nav li a span { display: block; margin-top: 4px; margin-left: 22px; } #mini-nav li a:hover { color: #660000; } #mini-nav-home a { width: 116px; height: 27px; background: transparent url(../images/nav-mini-home.gif) no-repeat 0 0; } #mini-nav-home a:hover { width: 116px; height: 27px; background: transparent url(../images/nav-mini-home-over.gif) no-repeat 0 0; } #mini-nav-about a { width: 120px; height: 27px; background: transparent url(../images/nav-mini-about.gif) no-repeat 0 0; } #mini-nav-about a:hover { width: 120px; height: 27px; background: transparent url(../images/nav-mini-about-over.gif) no-repeat 0 0; } #mini-nav-sitemap a { width: 104px; height: 27px; background: transparent url(../images/nav-mini-sitemap.gif) no-repeat 0 0; } #mini-nav-sitemap a:hover { width: 104px; height: 27px; background: transparent url(../images/nav-mini-sitemap-over.gif) no-repeat 0 0; } #mini-nav-contact a { width: 118px; height: 27px; background: transparent url(../images/nav-mini-contact.gif) no-repeat 0 0; } #mini-nav-contact a:hover { width: 118px; height: 27px; background: transparent url(../images/nav-mini-contact-over.gif) no-repeat 0 0; } #strapline{ width: 361px; margin: 5px 0 0 0; float: right; } #strapline h3{ height: 17px; } #strapline h3 span { display: none; } /* TOP NAVIGATION ==============================================================*/ #nav { display:block; clear: both; width: 924px; height: 49px; background-color: black; margin-top: 1px; background: transparent url(../images/nav-shadow.gif) no-repeat center bottom; } #nav ul { height: 36px; margin-left: 0; } #nav li { list-style: none; display: inline; height: 36px; } #nav li a { display: block; float: left; color: white; text-indent: -3000px; overflow: hidden; position:relative; } #nav li a:hover{ background-position: 0 -38px; } #nav-products a { width: 99px; height: 38px; background: transparent url(../images/nav-products.gif) no-repeat 0 0; } #nav-products-active a { width: 99px; height: 38px; background: transparent url(../images/nav-products.gif) no-repeat 0 -38px; } #nav-branding-options a { width: 146px; height: 38px; background: transparent url(../images/nav-branding-options.gif) no-repeat 0 0; } #nav-branding-options-active a { width: 146px; height: 38px; background: transparent url(../images/nav-branding-options.gif) no-repeat 0 -38px; } #nav-why-flashdrives a { width: 150px; height: 38px; background: transparent url(../images/nav-why-flashdrives.gif) no-repeat 0 0; } #nav-why-flashdrives-active a { width: 150px; height: 38px; background: transparent url(../images/nav-why-flashdrives.gif) no-repeat 0 -38px; } #nav-clients a { width: 156px; height: 38px; background: transparent url(../images/nav-clients.gif) no-repeat 0 0; } #nav-clients-active a { width: 156px; height: 38px; background: transparent url(../images/nav-clients.gif) no-repeat 0 -38px; } #nav-requestquote a { width: 137px; height: 38px; background: transparent url(../images/nav-requestquote.gif) no-repeat 0 0; } #nav-requestquote-active a { width: 137px; height: 38px; background: transparent url(../images/nav-requestquote.gif) no-repeat 0 -38px; } #nav-faqs a { width: 72px; height: 38px; background: transparent url(../images/nav-faqs.gif) no-repeat 0 0; } #nav-faqs-active a { width: 72px; height: 38px; background: transparent url(../images/nav-faqs.gif) no-repeat 0 -38px; } #nav-news a { width: 72px; height: 38px; background: transparent url(../images/nav-news.gif) no-repeat 0 0; } #nav-news-active a { width: 72px; height: 38px; background: transparent url(../images/nav-news.gif) no-repeat 0 -38px; } #nav-support a { width: 92px; height: 38px; background: transparent url(../images/nav-support.gif) no-repeat 0 0; } #nav-support-active a { width: 92px; height: 38px; background: transparent url(../images/nav-support.gif) no-repeat 0 -38px; } /* CONTENT ==============================================================*/ #content { width:924px; padding: 0px 0 5px 0; } /* PAGE CONTENT ==============================================================*/ #pagecontent { float: left; width:715px;} #pagecontent #animation{ margin-left: 12px; } #animation-home{ margin: 7px 0 0px 12px; } /* PAGEBODY ==============================================================*/ #pagebody{ width:710px; text-align: left; background: url(../images/bg-content.gif) no-repeat; background-position:center top; padding-top: 2px; margin-top: 8px; margin-left: 4px; margin-bottom: 15px; text-align: center; } #pagebody.prod-range-page,#pagebody.quote-page {margin-top: 6px;} #pagebody-content{ width:684px; text-align: left; border-bottom: solid 1px #d4d4d4;} #pagebody-content.pagebody-content-home{ border-bottom: none;} #pagebody-content h2{ width: 684px; margin: 0 auto; color: #fff; height: 53px; } #pagebody-content h2 span { display: none; } #pagebody-content{ display: block; } /*#pagebody-content #home h2{ background: url(../images/title-home.gif) no-repeat; background-position:2px top; }*/ #pagebody-content #home {background: none;} #pagebody-content #about-us h2{ background: url(../images/title-aboutus.gif) no-repeat; background-position:2px top; } /*#pagebody-content #packaging h2{ background: url(../images/title-packaging.gif) no-repeat; background-position:2px top; } #pagebody-content #applications h2{ background: url(../images/title-applications.gif) no-repeat; background-position:2px top; } #pagebody-content #pandoras-box h2{ background: url(../images/title-pandoras-box.gif) no-repeat; background-position:2px top; }*/ #pagebody-content #custom-usb-design h2{ background: url(../images/title-custom-usb.gif) no-repeat; background-position:2px top; } #pagebody-content #packaging h2{ background: url(../images/title-branding-options.gif) no-repeat; background-position:2px top; } #pagebody-content #why-flashdrives h2{ background: url(../images/title-why-flashdrives.gif) no-repeat; background-position:2px top; } #pagebody-content #clients h2{ background: url(../images/title-testimonials.gif) no-repeat; background-position:2px top; } #pagebody-content #testimonials h2{ background: url(../images/title-testimonials.gif) no-repeat; background-position:2px top; } #pagebody-content #requestquote h2{ background: url(../images/title-requestquote.gif) no-repeat; background-position:2px top; } #pagebody-content #faqs h2{ background: url(../images/title-faqs.gif) no-repeat; background-position:2px top; } #pagebody-content #news h2{ background: url(../images/title-news.gif) no-repeat; background-position:2px top; } #pagebody-content #support h2{ background: url(../images/title-support.gif) no-repeat; background-position:2px top; } #pagebody-content #sitemap h2{ background: url(../images/title-sitemap.gif) no-repeat; background-position:2px top; } #pagebody-content #contact h2{ background: url(../images/title-contact.gif) no-repeat; background-position:2px top; } #pagebody-content #returns h2{ background: url(../images/title-returns.gif) no-repeat; background-position:2px top; } #pagebody-content #terms h2{ background: url(../images/title-terms.gif) no-repeat; background-position:2px top; } #pagebody-content #padding{ padding: 10px 23px 20px 23px; min-height: 416px; } #pagebody-content #home #padding{ min-height: 106px; } #pagebody-content #prod-range h2{ width: 684px; margin: 0 auto; background: url(../images/title-product-range.gif) no-repeat; background-position:2px top; color: #fff; height: 53px; } #pagebody-content #prod-range h2 span { display: none; } #pagebody-content #product-range-page { display: block; padding: 0px 20px 20px 25px; } #breadcrumb { font-size: .9em; color: #666666; margin-left: 20px; padding-top: 10px; } .img-float-right { float: right; padding-left: 10px; } .img-float-left { float: left; padding-right: 10px; } /* BACK TO TOP ========================================*/ #printing-nav1 { font-family: Arial, Helvetica, sans-serif; line-height: 1.75em; font-size: 1.3em; font-weight: bold; float: left; padding-left: 40px; } #printing-nav2 { font-family: Arial, Helvetica, sans-serif; line-height: 1.75em; font-size: 1.3em; font-weight: bold; float: right; padding-left: 20px; padding-right: 80px; } .dotted-line { height: 20px; background: url(../images/dotted-line2.gif) repeat-x; background-position:left top; margin: 10px 0 10px 0; clear: both; } .back-to-top { height: 20px; background: url(../images/dotted-line2.gif) no-repeat; background-position:left top; margin: 20px 0 20px 0; clear: both; } .back-to-top-link { float: right; } .back-to-top-link a { display: block; float: right; width: 85px; height: 26px; background: url(../images/back-to-top-button.gif) no-repeat; background-position:center top; } .back-to-top-link a:hover { display: block; width: 85px; height: 26px; background: url(../images/back-to-top-button-over.gif) no-repeat; background-position:center top; } .back-to-top-link span { display: none; } /* TESTIMONIALS ========================================*/ #pagebody-content #clients #padding { margin: 15px; } #pagebody-content #clients #padding div { clear: both; margin-bottom: 10px; } #pagebody-content #clients img{ margin: 0 20px 20px 0px; } #clients .row {display: block; width: 100%; clear: both; } #pagebody-content .row {display: block; width: 100%; clear: both;} #pagebody-content .logo {display: block; width: 190px; float: left; padding-top: 10px; } #pagebody-content div.quote {display: block; width: 410px; float: right; } /* FEATURED PROJECTS ========================================*/ #pagebody-home { height: 273px; } #pagebody-home #padding { margin: 0 0 0 -28px; } .homepage-panels { height: 234px; } .homepage-panels.toprow { width: 702px; clear: both; padding: 0 0 10px 0; margin-top: -1px;} .homepage-panels .featured-panel1, .homepage-panels .featured-panel2, .homepage-panels .featured-panel3 {width: 234px; height: 240px; float: left; } .homepage-panels.toprow .featured-panel1, .homepage-panels.toprow .featured-panel2, .homepage-panels.toprow .featured-panel3 {background: url(../images/homepage-panel-bg.gif) no-repeat center top;} .homepage-panels.toprow h4 {width: 210px; height: 39px; text-indent: -3000px; overflow: hidden; margin-top: 1px;} .homepage-panels.toprow .featured-panel1 h4 {background: url(../images/homepage-panel1-title.gif) no-repeat center top;} .homepage-panels.toprow .featured-panel2 h4 {background: url(../images/homepage-panel2-title.gif) no-repeat center top;} .homepage-panels.toprow .featured-panel3 h4 {background: url(../images/homepage-panel3-title.gif) no-repeat center top;} .homepage-panels.toprow img {margin-left: 12px;} .homepage-panels.toprow .panel-link a {display: block; width: 173px; height: 38px; margin: 10px 0 0 35px; text-indent: -3000px; overflow: hidden;} .homepage-panels.toprow .featured-panel1 .panel-link a {background: url(../images/homepage-panel1-link.gif) no-repeat center top;} .homepage-panels.toprow .featured-panel2 .panel-link a {background: url(../images/homepage-panel2-link.gif) no-repeat center top;} .homepage-panels.toprow .featured-panel3 .panel-link a {background: url(../images/homepage-panel3-link.gif) no-repeat center top;} .homepage-panels.toprow .panel-link a:hover {background-position: center -40px;} #featured-row { height: 250px; display: block; background: url(../images/dotted-line.gif) repeat-x; background-position:center top; padding-top: 15px; margin-top: 15px;} #featured-row h4{ background: url(../images/title-featured.gif) no-repeat; background-position:left top; color: #fff; height: 36px; } #featured-row h4 span { display: none; } .product-row { padding-top: 15px; height: 252px; display: block; } .featured-prod1, .featured-prod2, .featured-prod3{ float: left; width: 196px; border: solid 1px #c2cad0; } .featured-prod2{ margin: 0 20px 0 20px; } .featured-title{ color: #666666; width: 196px; height: 33px; background: #e5e7eb url(../images/bg-product-title.gif) repeat-x 0 0; border-top: solid 1px #c2cad0; text-align: center; padding-top: 3px; border-bottom: solid 1px #c2cad0;} .featured-title a{ font-weight: bold; color: #333333; text-decoration: none; } .featured-title a:hover{ color: black; } .view-range-link a { display: block; width: 196px; height: 43px; background: url(../images/b-view-prod-range.gif) repeat-x 0 0; text-indent: -3000px; overflow: hidden;} .view-range-link a:hover {background-position: 0 -43px;} /* PRODUCT DETAILS ==============================================================*/ #pagebody-content #prod-details h2{ width: 684px; margin: 0 auto; background: url(../images/title-product-details.gif) no-repeat; background-position:2px top; color: #fff; height: 53px; } #pagebody-content #prod-details h2 span { display: none; } #pagebody-content #prod-details #padding { display: block; margin-top: 15px; margin-left: 13px; } #pagebody-content #padding ul { list-style: outside; margin-left: 20px; line-height: 1.5em; } #product-details { width: 628px; height: 270px; border: solid 1px #c2cad0; margin-top: 15px; background: url(../images/bg-prod-details-right.gif) repeat-x; background-position:right top; } #product-image { width: 350px; float: left; margin: 0 auto; padding: 0; text-align: center; background: url(../images/bg-prod-details-left.gif) no-repeat; background-position:left top; } #product-details-right { width: 236px; height: 250px; float: left; padding: 0 0 0 0px; background: url(../images/bg-prod-details-divider.gif) no-repeat; background-position:left top; } #prod-info{ display: block; width: 172px; margin-right: 30px; margin-left: 50px; margin-top: 12px; } #prod-info h3{ padding-top: 10px; margin-bottom: 0px; color: #686767; font-size: 1.6em; line-height: 1.2em; font-weight: normal; } #prod-sub-nav { display: block; width: 142px; } #prod-sub-nav ul { height: 75px; margin-left: 0; } #prod-sub-nav li { list-style: none; display: block; height: 25px; } #prod-sub-nav li a { display: block; color: white; text-indent: -3000px; overflow: hidden; position:relative; width: 142px; height: 22px; } #prod-sub-nav li a:hover { background-position: -142px 0px; } #prod-sub-nav li a.inactive:hover { background-position: 0px 0px; } #prod-sub-nav-3dview a { width: 142px; height: 22px; background: transparent url(../images/b-3dview.gif) no-repeat 0 0; } #prod-sub-nav-3dview a.inactive{ width: 142px; height: 22px; background: transparent url(../images/b-3dview-inactive.gif) no-repeat 0 0; } #prod-sub-nav-print-details a { width: 142px; height: 22px; background: transparent url(../images/b-print-details.gif) no-repeat 0 0; } #prod-sub-nav-print-details a.inactive { width: 142px; height: 22px; background: transparent url(../images/b-print-details-inactive.gif) no-repeat 0 0; } #prod-sub-nav-enquiry-form a { width: 142px; height: 22px; background: transparent url(../images/b-enquiry-form.gif) no-repeat 0 0; } #prod-sub-nav-enquiry-form a.inactive { width: 142px; height: 22px; background: transparent url(../images/b-enquiry-form-inactive.gif) no-repeat 0 0; } /* DESIGN VARIATIONS ========================================*/ #product-breadcrumb {margin-bottom: 15px;} .p7TPcontent h4 { display: none; } .design-variations-row { height: 176px;} .design-variation{ float: left; width: 300px; height: 147px; border: solid 1px #c2cad0; margin: 0 6px 0 6px; background: #dcdfe4 url(../images/bg-product-variation.jpg) repeat-x 0 0; position: relative; /* for thepositioning of the zoom icon */ } .design-variation img{ float: left;} .design-variation-title{ float: left; color: #666666; width: 130px; text-align: left; padding: 7px 0px 7px 6px; font-size: .9em; } .design-variation-title a{ font-weight: bold; color: #333333; text-decoration: none; font-size: 1.1em; margin-bottom: 5px; } .design-variation-title a:hover{ color: black; } .design-variations-row .zoom{border: 0; left: 10px; top: 110px; position: absolute; } .design-variations-row .request-quote-button a { border: 0; width: 130px; height: 30px; left: 165px; top: 112px; position: absolute; background: transparent url(../images/b-request-quote.png) repeat-x 0 0; text-indent: -3000px; overflow: hidden;} /*.caption_link {background-color: #535353; margin: 5px 0 10px 0; padding: 2px 7px; border: 1px solid #535353; width: 20em; } .caption_link a {color: #fff; text-decoration: none; } .caption_link a:hover{color: #fff; text-decoration: underline; } .product_image img{border: 1px solid #e9edf0; width: 180px; height: 154px; } #product-image .zoom{border: 0; left: 20px; top: -28px; position: relative; }*/ /* CONTACT FORM ==============================================================*/ #contact {height: 670px;} #contact-address { margin: 20px 0 0 30px; float: left; /* CLEARFIX ------------------------------------------------------------------ */ html .clearfix { display: block; } * html .clearfix { height: 1%; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } } #contact-form { float: right; width: 300px; display: block; border: solid 1px #cccccc; padding: 20px 10px 20px 10px; margin: 20px 30px 0 0; } #contact-form span { display: block; float: left; } #contact-form div { display: block; } .contact-row { display: block; width: 280px; } .contact-label { width: 70px; } #contact-form input.textbox-normal { width: 180px; margin-bottom: 5px; } #contact-form textarea { width: 180px; margin-bottom: 5px; } /* RIGHT PANEL ==============================================================*/ #side { float: left; width: 196px; text-align: left; margin: 7px 0 0 0; } /* ==============================================================*/ #product-nav { width: 197px; height: 262px; background: url(../images/sidenav-bg-main.gif) no-repeat left bottom; padding-left: 9px;} #product-nav #product-nav-title {width: 180px; height: 43px; margin-left: 0px; background: url(../images/sidenav-title.gif) no-repeat center top; text-indent: -3000px; overflow: hidden;} #product-nav ul { width: 180px; margin-left: 0; list-style: none; } #product-nav li { height: 25px; list-style: none; margin-left: 0; } #product-nav li a { display: block; color: #333333; text-decoration: none; height: 25px; padding: 0 0 0 25px; line-height: 2.2em; background: url(../images/sidenav-product-bg.gif) no-repeat; background-position:center bottom; } #product-nav li a:hover { background: url(../images/bg-nav-products-over.gif) no-repeat; background-position:center bottom; color: #b00000; } #product-nav li#view-prod-range { height: 16px; } #product-nav li#view-prod-range a {height: 16px; text-align: center; line-height: 1.3em; padding: 0; background: none; } #product-nav li#view-prod-range a:hover { } /* #product-nav #pandoras-box a {display: block; width: 202px; height: 54px; margin-left: -2px; background: url(../images/b-pandoras-box.gif) no-repeat left top;} #product-nav #pandoras-box a:hover {background-position: left -50px;} #product-nav #pandoras-box span {display:none;} */ #pandoras-box-images div{ float: left; width: 462px;} #pandoras-box-images img{ border: solid 1px #c2cad0; margin-right: 10px; } /* ==============================================================*/ .side-boxes { clear: both; width: 178px; border-style:solid; border-width: 1px; margin-bottom: 5px; background: url(../images/dotted-line.gif) repeat-x center top; } /* ==============================================================*/ #client-list { margin-top: 15px; height: 240px; background: url(../images/bg-client-box.gif) no-repeat left top; padding-left: 9px; padding-top: 3px; } #client-list h4{ margin: 0; background: url(../images/title-client-box.gif) no-repeat left top; width: 181px; height: 51px; text-indent: -3000px; overflow: hidden; } #client-list .panel-link a {display: block; width: 171px; height: 37px; text-indent: -3000px; overflow: hidden; background: url(../images/b_more-testimonials.gif) no-repeat center top; margin: 12px 0 0 7px;} #client-list .panel-link a:hover {background-position: center -40px;} /* jQuery Slideshow Styles ==============================================================*/ #slideshow { position:relative; height:131px; overflow: hidden;} #slideshow IMG { position:absolute; top:0; left:0; z-index:8; border: none; } #slideshow IMG.active { z-index:10; } #slideshow IMG.last-active { z-index:9; } .fadein { position:relative; width:180px; height:131px; } .fadein img { position:absolute; left:0; top:0; } #branding-options { margin-top: 14px; height: 240px; background: url(../images/bg-client-box.gif) no-repeat left top; padding-left: 9px; padding-top: 1px; } #branding-options h4{ margin: 0; background: url(../images/title-branding-options-box.gif) no-repeat left top; width: 181px; height: 51px; text-indent: -3000px; overflow: hidden; } #branding-options .panel-link a {display: block; width: 172px; height: 37px; text-indent: -3000px; overflow: hidden; background: url(../images/b-view-branding-options.gif) no-repeat center top; margin: 13px 0 0 7px;} #branding-options .panel-link a:hover {background-position: center -40px;} /* ==============================================================*/ #ads { margin-top: 15px; display: block; height: 185px; background: url(../images/bg-advert.gif) no-repeat; background-position:center top; padding-left: 11px; padding-top: 3px; } /* NEW FOOTER ============================================================== */ .footer-panels { clear: both; height: 228px; background: url(../images/bg-footer.gif) repeat-x center bottom; padding-top: 15px; text-align: left; padding-left: 20px; border-top: solid 1px #e2e2e2; } .footer-panels p {line-height: 1.4em;} .footer-panels h4 {height: 18px; text-indent: -3000px;} .footer-panels .footer-panel1, .footer-panels .footer-panel2, .footer-panels .footer-panel3, .footer-panels .footer-panel4 {float: left;} .footer-panels .footer-panel1 { width: 255px; margin-right: 10px; background: url(../images/homepage-panel4.gif) no-repeat left 10px; text-indent: -3000px; overflow: hidden; } .footer-panels .footer-panel2 {width: 200px; margin-right: 20px; } .footer-panels .footer-panel3, .footer-panels .footer-panel4 {width: 200px;} .footer-panels .footer-panel2 h4 {background: url(../images/homepage-panel5-title.gif) no-repeat left top;} .footer-panels .footer-panel3 h4 {background: url(../images/homepage-panel6-title.gif) no-repeat left top;} .footer-panels .footer-panel4 h4 {height: 130px; text-indent: -3000px; overflow: hidden; background: url(../images/homepage-panel7-title.gif) no-repeat 10px 10px;} .footer-panels .panel-link {text-align: left;} .footer-panels .panel-link a {display: block; width: 137px; height: 28px; text-indent: -3000px; overflow: hidden; } .footer-panels .footer-panel1 .panel-link a {background: url(../images/homepage-panel4-link.gif) no-repeat center top; margin: 130px 0 0 5px;} .footer-panels .footer-panel2 .panel-link a {background: url(../images/homepage-panel5-link.gif) no-repeat left top; margin: 0;} .footer-panels .footer-panel3 .panel-link a {background: url(../images/homepage-panel6-link.gif) no-repeat left top; margin: 0;} .footer-panels .footer-panel4 .panel-link a {background: url(../images/homepage-panel7-link.gif) no-repeat center top; margin: 20px 0 0 20px;} .footer-panels .panel-link a:hover {background-position: center -30px;} /* FOOTER ============================================================== */ #footer { clear: both; width:924px; height: 25px; text-align: right; font-size: .9em; color: #666666; border-top: 1px solid #dde3e6; } #footer a { font-size: 1em; color: #666666; } #footer a:hover { color: black; } #copyright { float: left; width: 924px; text-align: left; font-size: .9em; line-height: 1.5em; margin-top: 7px; } #left { float: left; width: 490px; text-align: left; padding-left: 20px; } #right { float: right; width: 290px; text-align: right; padding-right: 20px; } #credit { float: left; vertical-align: middle; } #validation-links { width: 900px; text-align: right; padding-top: 10px; } #validation-links img { margin-top: 0px; padding : 0 3px 0px 3px; } /* QUOTE PAGE ============================================================== */ .product_list {width: 100%; margin: 0 0 0 0; padding: 0; } .product_list li {padding: 10px 20px 10px 0; margin-left: -20px; margin-right: 0px; list-style: none; position: relative; } .product_list li div.product_options {float: right; width: 65%; text-align: left; line-height: 2.3em; } .product_list li div.product_name { font-size: 1.2em;} /*.list_message {border-style: solid; border-color: #a9022c; border-width: 1px; background-color: #e9edef; padding: 1em; margin-top: 1em; } #msg_select_product{margin-bottom: 2em; background: url('/images/action-gradient.png') repeat-x top left; background-color: #e4e4ed; border-color: #c4c4c4; padding-bottom: 20px; } #msg_select_product .action{color: #a90202; text-align: right; margin: 10px 20px 0 0; font-weight: bold; } #msg_select_product .action a{text-decoration: none; color: #a90202} #msg_select_product .action a:hover{text-decoration: underline; } #msg_select_product .action img{vertical-align: middle; border: 0; margin-left: 5px; }*/ #msg_select_product p {margin: 0 0 12px 0; } #msg_select_product hr {height: 1px; background-color: #c8c8c8; border: 0; margin: 0;} .req {color: #CC0000;} #intro ol {margin-left: 20px; color: #cc0000;} #intro li {margin: 5px 0 7px 0;} #intro li, #quotefrm-part1, #quotefrm-part2 {color: #666666;} #intro li, #quotefrm-part1 strong, #quotefrm-part2 strong, #quotefrm-part2-inactive strong {font-size: 1.25em; font-weight: bold; } #quotefrm-part1 {} #turnaround {width: 200px; height: 130px; float: right; background: url(../images/quotepg-7dayturnaround.gif) no-repeat top left; text-indent: -3000px; overflow: hidden;} h3#simpleSteps {height: 50px; background: url(../images/quotepg-simplesteps.gif) no-repeat -5px top;} h3#stepOne {height: 21px; background: url(../images/quotepg-step1.gif) no-repeat top left;} h3#stepTwo {height: 21px; background: url(../images/quotepg-step2.gif) no-repeat top left;} h3#stepThree {height: 21px; background: url(../images/quotepg-step3.gif) no-repeat top left;} h3#simpleSteps, h3#stepOne, h3#stepTwo, h3#stepThree {text-indent: -3000px; overflow: hidden; margin: 10px 0 10px 0; } #quotefrm-part2 td, #quotefrm-part2-inactive td {padding: 5px 0 5px 0;} #quotefrm-part2 input, #quotefrm-part2-inactive input {padding: 2px;} #quotefrm-part2 hr {color: #d0d0d0;} #quotefrm-part2-inactive, #quotefrm-part2-inactive hr {color: #d0d0d0;} #quotefrm-part2-inactive h3, #quotefrm-part2-inactive .req {color: #efb1b1;} #quotefrm-part2-inactive h3#stepThree, #quotefrm-part2-inactive h3#stepTwo {background-position: left -21px;} #quotefrm-part1 a.view-range {display: block; width: 200px; height: 40px; float: right; margin-top: 10px; background: url(../images/homepage-panel3-link.gif) no-repeat center top; text-indent: -3000px; overflow: hidden;} #quotefrm-part1 a.view-range:hover {background-position: center -40px;} #quotefrm-part1 a.remove-product {display: block; width: 188px; height: 40px; background: url(../images/butt-remove-product.gif) no-repeat left top; text-indent: -3000px; overflow: hidden; margin: 10px 0 0 0;} #quotefrm-part1 a.remove-product:hover {background-position: left -40px;} #quotefrm-part2-inactive input, #quotefrm-part2-inactive textarea {border: solid 1px #d0d0d0;} #sitemap {height: 560px;}