/**on sale till Nov 15 * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package default_modern * @copyright Copyright (c) 2009 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /*----------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------*/ /* global styles */ /*--------------------------------------------------------------*/ /* browser reset */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:top; background:transparent; list-style:none; } html { background-color:#fff;overflow-y: scroll; } body { background:#fff url('../images/bg-spriteX-collision.gif') repeat-x 0 -347px; font:13px/18px verdana, tahoma, arial, sans-serif; color:#555; width:100%; height:100%; } body.page-popup {backgound-image:none;} html, body, .wrapper { height: 100%; } body > .wrapper {height: auto; min-height: 100%;} blockquote, q { quotes:none; } /* remember to define focus styles! */ :focus { outline:0; } /* remember to highlight inserts somehow! */ ins { text-decoration:none; } del { text-decoration:line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse:collapse; border-spacing:0; } a img { border:0; } address { color:#222; font-style:normal; line-height:16px; } /* buttons */ button.button { background:transparent url('../images/bg-sprite-collision.gif') no-repeat; text-indent:-9999px; border:0; padding:0; margin:0; /* line-height:21px; */ overflow:visible; cursor:pointer; vertical-align:middle; } button.button span { text-indent:-9999px; } button.btn-register { background-position:0 -201px; width:97px; height:24px; } button.btn-login { background-position:0 -235px; width:97px; height:24px; } button.btn-save { background-position:0 -167px; width:97px; height:24px; } button.btn-signUp {background-position:0 -133px; width:97px; height:24px;} button.btn-submit {background-position:0 -269px; width:97px; height:24px;} button.btn-home-search {background-position:-253px -85px; width:42px; height:31px;} button.btn-mini-search {background-position:-253px -57px; width:23px; height:18px;} .buttons-set ul { overflow:hidden; } .buttons-set ul li { float:left; margin:0 15px 0 0; } .buttons-set .back-link, .buttons-set .forgot-link { color:#919191; text-decoration:underline; } .buttons-set .required { margin: 5px 0; } /*--------------------------------------------------------------*/ /* tag and class styles */ acronym, abbr, span.caps { cursor:help; } acronym, abbr { border-bottom:1px dashed #000; } blockquote { margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #000; } blockquote cite { margin:5px 0 0; display:block; } .center { text-align:center; } .hidden { display:none; } hr { display:none; } .post pre code { display:block; padding:10px; color:#1a887d; background:#e5e5e5; margin:5px 0; } a {text-decoration:none;} a:hover {text-decoration:underline;} /*--------------------------------------------------------------*/ /* image floats and position floats */ .clear { clear:both; } .overflow-clear { overflow:hidden } .float-left { float:left; } .float-right { float:right; } .img-right { float:right; padding:0 0 15px 15px; } .img-left { float:left; padding:0 15px 15px 0; } /*--------------------------------------------------------------*/ /* form validation */ .validation-advice { clear:both; font-size:10px !important; line-height:15px; padding:0 0 5px 0 !important; color:#c36 !important; } .product-options .validation-error .options-list, .validation-failed { border:1px solid #c36 !important; background:#fcedf2 !important; } input.input-text.validation-failed, textarea.validation-failed { background:#fcedf2 !important; } /*span.validation-passed, div.validation-passed { background:url(../images/icon_ok.gif) 100% 2px no-repeat; padding-right:20px; } span.validation-error, div.validation-error { background:url(../images/icon_error.gif) 100% 2px no-repeat; padding-right:20px; }*/ .form-list .validation-advice { width:250px; margin-right:-250px; } /* expiration date and cvv number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /*--------------------------------------------------------------*/ /* form lists */ .form-list { overflow:hidden; } .form-list li { margin:0 0 9px; vertical-align:top; } .form-list label.required em { color:#900; padding-left:3px; } .form-list span.label { font-weight:normal; } .form-list .input-box { /* width:256px; */ } .form-list .input-box a { font-size:11px; margin-top:4px; } .form-list input.input-text, .form-list textarea { width:374px; vertical-align:top; background:#f3f3f3; border:1px solid #c2c2c2; padding:7px 8px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .form-list textarea { width:374px; height:13em; font-family:verdana, tahoma, arial, sans-serif; font-size:12px; line-height:16px; } .form-list select { width:380px; vertical-align:top; } .form-list p { margin:0; padding:0 0 0 240px; } .customer-address-form .form-list p { display:none; } ul.add-row, .form-list li.add-row { background:url(../images/bkg_dots.gif) repeat-x 0 0; margin-top:15px; } ul.add-row .btn-remove, .form-list li.add-row .btn-remove { font-size:0; line-height:0; padding:5px 5px 0 0; margin:0; text-align:right; } .form-list .range input.input-text { float:none; width:64px; vertical-align:middle; } .form-list .control { position:relative; vertical-align:top; z-index:1; } /* row with checkbox or radio button */ .form-list .control label { line-height:16px; } .form-list .control .input-box { position:absolute; left:0; margin-left:240px; line-height:16px; padding-top:1px; } .form-list .control input.radio { margin-top:3px; } .form-alt label { display:inline; width:auto; } .form-alt li { /*margin:0 0 5px;*/ line-height:16px; } .form-alt select { width:496px; } .form-alt .input-box { width:496px; margin-top:5px; padding-bottom:11px; } .form-alt .input-text { width:480px; } .inner-form { margin:10px 0 5px; padding:10px 0 0; border:1px dashed #d1d1d1; border-width:1px; background:#f7f7f7; } .inner-form .form-alt label { padding-left:5px; } /* fieldset */ .fieldset { font-size:12px; margin:0 0 16px; } .fieldset p { margin:0 0 1.5em; } /* form lists */ .form-list { margin-bottom:20px; } .form-list.last { margin-bottom:0; } .form-list li { vertical-align:top; margin:0 0 9px; overflow:hidden; } .form-list label, label { display:block; font-size:12px; font-weight:bold; color:#444; padding:0 0 5px 0; } .form-list .value { float:left; padding:2px 0 0; } .form-list .note { clear:both; font-size:11px; width:380px; margin:0; padding:3px 0 0 240px; } .form-list span.label { font-weight:normal; } /*--------------------------------------------------------------*/ /* data table */ .table-caption { font-size:12px; color:#222; background:#fff; border:1px solid #e1e1e1; border-bottom:0; padding:3px 7px 4px; margin:-1px 0 0; } .table-caption a { font-size:12px; text-transform:lowercase; } .data-table { width:100%; text-align:left; } .data-table thead { font-size:11px;background-color:#dadada; } .data-table thead th { padding:5px 12px; color:#1A1A1A; background-color:#dadada; border:1px solid #b8b8b8; border-right:EBEBEBE; border-left:#C9C9C9 font-weight:bold; white-space:nowrap; } .data-table thead th.first {border-left:1px solid #b8b8b8;} .data-table thead th.last {border-right:1px solid #b8b8b8;} .data-table tbody td { padding:10px;border-bottom:1px solid #DADADA;background-color:#FFF; } .data-table tbody td.first {border-left:1px solid #DADADA;} .data-table tbody td.last {border-right:1px solid #DADADA;} .data-table tbody td a {color:#333333;font-size:12px;} .data-table tfoot { background-color:#ededed; } .data-table tfoot td { padding:10px 12px; } .data-table tfoot th { border:none; text-transform:none; } .data-table td.label, .data-table th.label { font-weight:bold; text-transform:none; border-color:#fff; background-color:#f7f7f7; } .data-table .link-rss { display:block; } .page-popup .data-table td, .page-popup .data-table th { border-bottom:1px solid #d9d9d9; } .page-popup .buttons-set .button { float:right; } /*--------------------------------------------------------------*/ /* tools */ .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width: 100%; } .no-display { display:none; } .no-margin, .page-tracker { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } .align-right { text-align:right; } img.clickable { cursor:pointer; } /*--------------------------------------------------------------*/ /* global messages */ .page-wrap .messages { margin:0 0 20px 0 !important; } .messages { width:100%; overflow:hidden; text-align:left; margin-top:10px; } .col-main .messages {margin-top:0;margin-bottom:10px;} .sendfriend-product-send .messages { width:900px; } .messages li { padding:0; margin:0; } .messages ul { padding:10px 17px 18px; margin:0 0 -11px; background-position:35px 100%; background-repeat:no-repeat; position:relative; } .messages ul li { margin:0; padding:0 0 3px; } .messages a { text-decoration:underline; } .messages a:hover { text-decoration:none; } .messages li.error-msg, .messages li.success-msg, .messages li.note-msg, .messages li.notice-msg { border-style:solid !important; border-width:1px !important; font-size:12px !important; } p.error-msg { border-style:solid !important; padding:10px; border-width:1px !important; font-size:12px !important; margin:10px 0; } /* error message */ .messages li.error-msg { border-color:#e9581f; background-color:#fff5f3; color:#d91a00; } .messages li.error-msg a { color:#d91a00; } /*.messages li.error-msg ul { background-image:url(../images/bkg_msg-error.gif); }*/ p.error-msg { border-color:#e9581f; background-color:#fff5f3; color:#d91a00; } /* success message */ .messages li.success-msg { border-color:#446423; background-color:#eff5ea; color:#3d6611; } .messages li.success-msg a { color:#3d6611; } /*.messages li.success-msg ul { background-image:url(../images/bkg_msg-success.gif); }*/ /* notification message */ .messages li.note-msg, .messages li.notice-msg { border-color:#fcd344; background-color:#fafaec; color:#3d6611; } .messages li.note-msg a, .messages li.notice-msg a { color:#3d6611; } .messages li.note-msg ul, /*.messages li.notice-msg ul { background-image:url(../images/bkg_msg-note.gif); }*/ /*--------------------------------------------------------------*/ /* bread crumbs */ .breadcrumbs { display:block; width:940px; height:12px; margin:10px 0 25px 0; overflow:visible; } .breadcrumbs li { float:left; font-size:12px; font-weight:normal; color:#666666; padding-right:4px; } .breadcrumbs li span.spacer { padding:0 4px; } .breadcrumbs li a { font-size:12px; font-weight:normal; color:#333; text-decoration:none; } .breadcrumbs li a:hover { color:#000; } /*--------------------------------------------------------------*/ /* price styles */ .price-box p { margin-bottom:0 !important; } .regular-price, .old-price, .special-price, .configurable-price-from-label { } .regular-price, .configurable-price-from-label { } .old-price { color:#c6c6c6; text-decoration:line-through; } .special-price { color:#cc3366; } #pd-shop .regular-price, #pd-shop .old-price, #pd-shop .special-price, #pd-shop .configurable-price-from-label { font-size:12px; } .upsell-grid .regular-price, .upsell-grid .old-price, .upsell-grid .special-price, .upsell-grid .configurable-price-from-label { font-size:11px; } /* Hide All Prices Request */ .price-box, .product-priceInfo {display:none;} /*----------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------*/ /* base columns */ .col-left { float:left; width:211px; padding:0; margin:0; } .col-main { float:left; width:960px; margin:0; } .col-right { float:right; width:308px; padding:0; margin:0; } /* 1 column layout */ .col1-layout { margin-bottom:100px; } .col1-layout .col-main { float:none; padding-top:20px; } .col1-layout .breadcrumbs { margin-bottom:0 !important; } /* 2 columns layout */ .col2-set { overflow:hidden; } .col2-left-layout { margin-bottom:100px; } .col2-left-layout .col-main { float:right;width:700px; } .cms-index-index .col2-left-layout .col-main { float:right;width:730px;padding:0 0 20px 0;margin-bottom:100px; } .col2-right-layout { margin-bottom:100px; } .col2-right-layout .col-main {width:700px;padding:0;} /* 3 columns layout */ .col3-layout { margin-bottom:100px; } .col3-layout .col-main { width:532px; margin-left:1px; display:inline; } .col3-layout .col-wrapper { float:left; width:755px; } .col3-layout .col-wrapper .col-main { float:right; } /* content columns */ .col2-set, .col3-set, .col4-set { margin-bottom:20px; overflow:hidden; } .col2-set .col-1 { float:left; width:48.5%; } .col2-set .col-2 { float:right; width:48.5%; } .col2-set .narrow { width:33%; } .col2-set .wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } .page-popup .page-title {margin:10px;text-align:right;} .page-popup .page-title h1 {float:left;} .page-popup .page-title a {color:#777;} /********** < Navigation */ .navigation-bar {background:transparent url('../images/bg-sprite-collision.gif') no-repeat 0 -558px;width:940px;height:42px;position:relative;top:0;left:0;z-index:1000;padding-bottom:14px;} .navigation-bar .form-search {float:right;} .navigation-bar ul.navigation {float:left;} .navigation-bar ul.navigation li ul { display:block; } .navigation-bar ul.navigation > li {background:transparent url('../images/bg-sprite-collision.gif') no-repeat -600px -83px;float:left;position:relative;} .navigation-bar ul.navigation > li.first {background:none;} .navigation-bar ul.navigation li a.level-top {font-size:14px;line-height:42px;font-weight:bold;color:#FFF;display:block;height:42px;padding:0 16px 0 18px;} .navigation-bar ul.navigation li a.hasChildren span {background:transparent url('../images/bg-sprite-collision.gif') no-repeat 100% -385px;display:block;padding-right:15px;} .navigation-bar ul.navigation li a.level-top:hover {text-decoration:none;} .navigation-bar ul.navigation li.first a {background:transparent url('../images/bg-sprite-collision.gif') no-repeat -600px -377px;} .navigation-bar .form-search {background:transparent url('../images/bg-sprite-collision.gif') no-repeat 0 -418px;width:203px;height:16px;margin:8px 8px 8px 0;padding:6px 0 4px 10px;} .navigation-bar .form-search button {float:right;position:relative;top:-2px;} .navigation-bar .form-search input.input-text {border:none;background-color:#FFF;font-size:11px;color:#666;width:170px;padding-right:5px;margin:0;top:0;float:left;} /* dropdowns */ .navigation-bar ul > li > div {display:none;padding:15px;border:1px solid #ccc; border-top:0;background:#fff;position:absolute;top:42px;left:0;z-index:99;-moz-box-shadow: 0 0 3px #969696; /* for Firefox 3.5+ */-webkit-box-shadow: 0 0 3px #969696; /* for Safari and Chrome */} .navigation-bar ul > li.first > div {width:895px;left:4px;} .navigation-bar ul ul {padding-right:15px;float:left;} .navigation-bar ul div div {padding:0;float:left;position:static;} .navigation-bar ul li:first-child div div:first-child {border-right:1px solid #d1d1d1;margin-right:15px;} .navigation-bar ul + ul {float:left;} .navigation-bar ul div ul {padding-left:5px;} .navigation-bar ul div ul li {display:block;margin-bottom:.4em;padding-left:8px;background:transparent url('../images/bg-sprite-collision.gif') no-repeat -937px 8px;clear:left;} .navigation-bar h5 {margin-bottom:1em;color:#ee3b33;} .navigation-bar ul li a {font:12px/18px verdana, tahoma, verdana,sans-serif;color:#272626;white-space:nowrap;} /* END dropdowns */ /* ======================================================================================= */ h1 {color:#333;font-size:30px;line-height:1em;font-weight:normal;} h3 {color:#222;font-size:16px;line-height:22px;font-weight:normal;} h4 {color:#222;font-size:14px;line-height:17px;margin-bottom:10px;} .page-title {padding:5px 0 15px 0;} .category-title-old {background-color:#c9c9c9;width:180px;padding:10px 20px;margin:0 0 0 4px;} .category-title-old h1 {font-size:18px;line-height:26px;color:#666666} .category-title {background-color:#0e4769;background-image:url('http://3mcollision.com/media/collision-images/misc-images/Corner.gif');background-repeat:no-repeat; width:180px;padding:10px 20px;margin:0 0 0 4px;} .category-title h1 {font-size:18px;line-height:26px;color:white} a.anchorLink {padding-right:14px;font-size:12px;color:#c21616;background:transparent url('../images/arrow-down.gif') no-repeat top right;} a.add-your-review { float:right; display:inline-block; height:15px; line-height:15px; font-size:13px; color:#777777; background:url('../images/social-sprite.gif') -33px 0 no-repeat; padding-left:22px; } a.launchVideo {background:transparent url('../images/arrow-enlargeVideo.gif') no-repeat top right;padding-right:10px;display:block;padding-top:4px;text-align:right;} ul.bulleted li {background:transparent url('../images/bg-sprite-collision.gif') no-repeat -937px 8px;padding:0 0 0 8px;} /* */ .page {width:940px;margin-left:auto;margin-right:auto;padding:0 0 273px 0;} .header-container {padding:25px 0 15px 0; background-color:white;} .header-container .branding {float:left; background-color:white;} .header-container .branding img {margin-right:30px;} .header-container .logo {float:left; text-decoration:none !important;} .header-container .logo strong {position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden;} .header-container .header-links {float:right;padding-right:2px;} .header-container .header-links a {float:left;font-size:11px;line-height:14px;color:#666;display:block;padding:0 7px;border-right:1px solid #666;} .header-container .header-links a.last {border-right:none;} .header-container .header-links .switch {float:left;font-size:11px;line-height:14px;color:#666;padding:0 0 0 7px;width:70px;text-align:right;} .header-container .header-links .switch span.switcher {display:block;cursor:pointer;cursor:hand;} .header-container .header-links .switch ul li {line-height:20px;} .header-container .header-links .switch ul li a {float:none;border-right:none;padding:0;} div.langSwitch {text-align: right; float: right; width: 140px !important;overflow: hidden; height: 18px; padding-top:5px;background: url(http://3mcollision.com/skin/frontend/enterprise/collision/images/down-arrow.png) no-repeat right;border-right:none;} div.langSwitch select{ background: url(http://3mcollision.com/skin/frontend/enterprise/collision/images/language.png) no-repeat; padding-left: 19px;line-height: 14px; font-size: 13px !important; border: 0;width: 180px;border-right:none;} .header2-container {padding:25px 0 15px 0; background-color:white;} .header2-container .branding {float:left;} .header2-container .branding img {margin-right:30px;} .header2-container .logo {float:left; text-decoration:none !important;} .header2-container .logo strong {position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden;} .header2-container .header-links {float:right;padding-right:2px;} .header2-container .header-links a {float:left;font-size:11px;line-height:14px;color:#666;display:block;padding:0 7px;border-right:1px solid #666;} .header2-container .header-links a.last {border-right:none;} .header2-container .header-links .switch {float:left;font-size:11px;line-height:14px;color:#666;padding:0 0 0 7px;width:70px;text-align:right;} .header2-container .header-links .switch span.switcher {display:block;cursor:pointer;cursor:hand;} .header2-container .header-links .switch ul li {line-height:20px;} .header2-container .header-links .switch ul li a {float:none;border-right:none;padding:0;} div.langSwitch {text-align: right; float: right; width: 218px; height: 18px;} div.langSwitch select{ line-height: 13px; font-size: 10px;} .footer-container {background:transparent url('../images/bg-spriteX-collision.gif') repeat-x 0 -72px;width:100%;height:273px;margin-top:-273px;} .footer-container .footer {position:relative;top:0;left:0;width:940px;margin-left:auto;margin-right:auto;height:218px;padding:25px 0 30px 0;} .footer, .footer a {color:#595959;font-size:11px;} .footer .footer-links {float:left;width:210px;padding-bottom:60px;} .footer .footer-links h3 {color:#333;font-size:14px;margin-bottom:7px;font-weight:normal;} .footer .footer-links a {color:#595959;font-size:12px;} .footer .footer-dealerLocator {position:absolute;top:-49px;right:-3px;width:239px;} .footer .footer-dealerLocator h3 {color:#333;font-size:14px;margin-bottom:7px;font-weight:normal;} .footer .footer-dealerLocator .footer-dealerLocator-form {background:#f2f2f2 url('../images/bg-footerDealerLocator-repeat.png') repeat-y;padding:0 19px 0 23px;} .footer #zipSearchForm {background:transparent url('../images/bg-sprite-collision.gif') no-repeat 0 -458px;width:130px;height:16px;margin:8px 8px 0 0;padding:6px 0 4px 10px;} .footer .dealer-locator-search-form {padding-bottom:15px;border-bottom:1px solid #DDD;margin-bottom:10px;} .footer .dealer-locator-search-form input {float:right;position:relative;top:-5px;} .footer .dealer-locator-search-form input.input-text {border:none;background-color:#FFF;font-size:11px;color:#666;width:107px;padding-right:5px;top:0;float:left;} .footer p.footer-copyright, .footer p.legal-links {float:left;padding:0 15px 0 0;} /* Home Page Styles */ #holder {width:941px;} .spiff{width:458px;height:82px;padding-top:15px;float:right;position:relative;} #hero{height:331px;width:924px;overflow:hidden;position:relative;top:0;left:0;padding:19px 16px 0 0;} #hero img.hero-image {position:absolute;top:0;left:0;z-index:2;display:none;} #hero img#hero-image-1 {position:absolute;top:0;left:0;z-index:3;display:block;} .spiff {width:290px;height:138px;margin-bottom:16px;padding:12px 0 0 20px;background:url('../images/bg-homeHeroSpiff.png') no-repeat;float:right;clear:right; /*top:20px;right:20px;*/z-index:5;} .spiff a.spiff-link {display: block;width:100%;height:100%;text-decoration:none;cursor:pointer;cursor:hand;} .spiff .spiff-content {/*width:160px;*/position:relative;z-index:2;color:#777777;} .spiff .spiff-content h3{margin:0;display:inline;line-height:28px;position:relative;z-index:2;font-weight:bold;padding:0 12px 0 0;background:transparent url('../images/bg-sprite-collision.gif') no-repeat 100% -444px;} .spiff .spiff-content p, .spiff .spiff-content ul {margin:0 0 7px 0;} .spiff .spiff-content p, .spiff .spiff-content li, .spiff .spiff-content a {font-size:12px;color:#777777;position:relative;z-index:2;} .spiff .spiff-content a {text-decoration:underline;} .spiff .spiff-content li {padding-bottom:2px;} .spiff label {font-weight:normal;color:#777777;} .spiff img{ position:absolute;bottom:5px;right:5px;} .cl-spiff { position:relative;top:-3px;float:right; } .cl-spiff .spiff { margin-bottom:9px; } a:focus{outline:none;} sup{font-size:.56em;} .cms-index-index .home_search_container {background:transparent url('../images/bg-spriteX-collision.gif') repeat-x 0 0;height:41px;padding:15px 0 15px 30px;} .cms-index-index .home_search_container img, .cms-index-index .home_search_container #search_home_form {float:left;} .cms-index-index .home-form-search {background:transparent url('../images/bg-sprite-collision.gif') no-repeat 0 -497px;width:679px;height:30px;padding:6px 0 4px 10px;} .cms-index-index .home-form-search button {float:right;position:relative;top:-1px;right:0;margin-right:4px;} .cms-index-index .home-form-search input.input-text {border:none;background-color:#FFF;font-size:22px;color:#c1c1c1;width:600px;padding-right:5px;top:0;float:left;} .featuredCategories {border:1px solid #E4E4E4;border-right:none;background-color:#FFF;margin-top:35px;} .featuredCategories .featuredCategory {float:left;width:153px;background-color:#FFF;border-right:1px solid #E4E4E4;padding:15px 17px;} .featuredCategories .first-featuredCategory {padding:15px 16px 15px 17px;} .featuredCategories .featuredCategory a:hover {text-decoration:none;} .featuredCategories .featuredCategory h2 {font-size:12px;color:#333;font-weight:bold;height:37px;} .featuredCategories .featuredCategory h2 a { background:url('../images/right-red-arrow.png') right no-repeat; padding-right:12px; color:#333;font-weight:bold;} .featuredCategories .subcat { width:197px; } /*----------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------*/ /* product list */ .toolbar {border:1px solid #cdcdcd;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:#fff;padding:0 0 0 15px;} .toolbar .sorter {float:left;width:190px;padding-top:5px;} .toolbar .sorter label {font-weight:bold;float:left;padding-right:5px;} .toolbar .sorter select{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;float:left;width:100px;border:1px solid #CCC;background-color:#f3f3f3;} .toolbar .links {float:left;width:190px;line-height:30px;} .toolbar .links a {color:#000;} .toolbar .pager { float:right;width:490px;} .toolbar .pager .pages {float:right;} .toolbar .pager .amount {float:left;} .toolbar .pager .amount {font-size:12px;line-height:30px;color:#000;padding:0 15px;} .toolbar .pager a {display:block;font-size:11px;line-height:30px;font-weight:bold;color:#000;padding:0 15px;border-left:1px solid #cdcdcd;float:right;} .toolbar .pager a:hover {text-decoration:none;} .toolbar .pager .pages a.previous {padding:0 10px 0 19px;background:transparent url('../images/bg-sprite-collision.gif') no-repeat -590px 10px;} .toolbar .pager .pages a.next {padding:0 19px 0 10px;background:transparent url('../images/bg-sprite-collision.gif') no-repeat -562px -29px;} .category-products-grid{ border:1px solid #cdcdcd; margin:10px 0; background:#fff; } .products-grid{ border-top:1px solid #cdcdcd; font-size:.93em; } .products-grid:first-child{border-top:0} .products-grid > li{width:120px;border-right:1px solid #cdcdcd;padding:10px 7px 10px 10px;float:left;position:relative;} .col1-layout .products-grid > li{padding:10px 6px 10px 7px;} .products-grid > li.last{border-right:0;} .products-grid h2, #product_comparison h2 {margin:.5em 0;font-weight:normal;} .products-grid a, #product_comparison a {text-decoration:none;color:#444;} .products-grid a:hover, #product_comparison a:hover {text-decoration:underline;} .products-grid .productGrid-description {margin-bottom:10px;} .products-grid .ratings .amount {float:left;top:-3px;left:0;} span.amount{ float:right; position:relative; top:-16px; left:-32px; } .products-grid .price-box, #product_comparison .price-box {font-weight:bold;} a.link-compare{ padding-left:12px; background:transparent url('../images/bg-sprite-collision.gif') no-repeat -600px -148px; color:#777; } /*ul.add-to-links li{ width:auto; height:auto; padding:0; float:none; position:static; }*/ /* product sidebar */ .col-left.sidebar{width:228px;float:left;margin:0 0 0 -4px;} .col-left.sidebar .block-layered-nav {padding:20px 20px 0 22px;background:transparent url('../images/bg-leftLayeredNav.png') no-repeat;} .col-left.sidebar .block-title { font-size:16px; color:#ee3b33; } .col-left.sidebar dt { font-weight:bold;font-size:12px;color:#000; margin:10px 0 0 0; } .col-left.sidebar dd ol li { font-size:12px;color:#777;background:transparent url('../images/bg-sprite-collision.gif') no-repeat -937px 8px; padding-left:8px; } .col-left.sidebar dd ol li a { font-size:12px;color:#777; } .col-left.sidebar dd ol li a:hover {color:#000;text-decoration:none;} .col-left h5{ margin-bottom:1.25em; font-size:112.5%; font-weight:normal; color:#ee3b33; } .col-left .currently{ border-bottom:1px solid #cdcdcd; margin-bottom:1.25em; padding-bottom:1.25em; overflow:hidden; } .currently ul { padding-top:15px; font-size:1.0em; line-height:1.0em; } .currently ul li { padding-bottom:12px; } .currently ul li strong { display:block;padding-bottom:5px; } .currently ul a, .currently .actions a{ display:inline-block; padding-left:15px; background:url('../images/XGray.jpg') no-repeat 0 1px; color:#777; } .currently .actions a{padding-left:12px;font-size:11px;line-height:11px;color:#777;} .currently ul a{margin-right:.5em;background-position:0 2px;} .currently .actions{ float:right; } dl#narrow-by-list dt span {float:left;font-weight:bold;} dl#narrow-by-list dt div.filter-tooltip {float:left;position:relative;top:0;left:0;} dl#narrow-by-list dt div.filter-tooltip img.questionMark {margin:2px 0 0 5px;cursor:pointer;cursor:hand;} dl#narrow-by-list dt div.filter-tooltip .tooltip-pop {position:absolute;top:-10px;left:10px;z-index:2;display:none;} dl#narrow-by-list dt div.filter-tooltip .tooltip-pop .tooltip-content {width:162px;background:transparent url('../images/bg-tooltipContent.png') no-repeat;padding:10px 15px 5px 26px;font-size:11px;line-height:14px;font-weight:normal;color:#777;} dl#narrow-by-list dd li{} dl#narrow-by-list dd a{ text-decoration:none; color:#777; } dl#narrow-by-list dd a:hover{text-decoration:underline;} /* Search Results */ .catalogsearch-result-index .page-title {margin-bottom:10px;} .product-left-col .spiff {float:none;width:280px;height:122px;padding:18px 0 0 20px;margin-bottom:20px;background:transparent url('../images/bg-sprite-collision.gif') no-repeat -253px -187px;} .product-left-col .spiff .spiff-content {/*width:160px;*/} .product-left-col .spiff img {position:absolute;bottom:1px;right:1px;} .product-left-col .block-list {border:1px solid #dadada;padding:10px;margin-bottom:20px;} .product-left-col .block-viewed #recently-viewed-items, .product-left-col .block-compare #compare-items {padding-top:7px;} .product-left-col .block-list li {padding-bottom:5px;} .product-left-col .block-list li a {font-size:12px;line-height:14px;color:#777;} .product-left-col .block-downloads ul {margin-bottom:10px;} .product-left-col .block-compare #compare-items li a {float:left;width:250px;} .product-left-col .block-compare #compare-items li a.remove-compare {width:11px;font-size:0;line-height:0;display:block;float:left;margin:2px 8px 10px 0;} #product-attribute-specs-table {border:none;border-top:1px solid #E4E4E4;text-align:inherit;} #product-attribute-specs-table tr td {border-bottom:1px solid #E4E4E4;font-size:12px;color:#555555;background-color:#fbfbfb;padding:4px 10px} #product-attribute-specs-table tr td.last {border-right:none;} #product-attribute-specs-table tr.odd td {background-color:#ececec;} /* ratings */ .rating-box { width:70px; height:13px; font-size:0; line-height:0; background:url(../images/bkg_rating.png) 0 100% repeat-x; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(../images/bkg_rating.png) 0 0 repeat-x; } .ratings { margin:5px 0; } .ratings .rating-box { float:left; margin-right:5px; } .ratings .amount { font-size:12px; } .ratings .rating-links { margin:0; font-size:11px; } .ratings .rating-links a { text-decoration:underline; } .ratings .rating-links a:hover { text-decoration:none; } .ratings .rating-links .separator { margin:0 3px;line-height:12px; } /* cart */ .checkout-cart-index .page-title{padding-top:1em;} .page-title div{ display:inline; text-align:right; float:right; } .page-title .btn-checkout{ width:160px; height:23px; background-image:url(../images/btnProceedCheckoutSM.png); } .page-title .btn-continue{ width:149px; height:23px; margin-right:1em; background:url(../images/btnContShop.png) no-repeat; } #shopping-cart-table{ border:0; margin-bottom:20px; } #shopping-cart-table thead th{ border-width:1px; border-style: solid; border-color: #b8b8b8 #ebebeb #d8d8d8 #c9c9c9; } #shopping-cart-table tbody td:first-child{border-left:1px solid #d9d9d9;} #shopping-cart-table tbody td.last{border-right:1px solid #d9d9d9;} #shopping-cart-table tfoot{background:none;} #shopping-cart-table tfoot td{ border:0; padding:.75em 0 0; } .btn-update{ width:167px; height:23px; background:url(../images/btnUpdateCart.png) no-repeat; } .cart-collaterals{ width:632px; float:right; } .cart-collaterals > div, .totals{ width:279px; border:1px solid #cdcdcd; -moz-border-radius:3px; padding:15px; background:#fff; float:right; } .cart-collaterals > div:first-child{margin-left:10px;} .cart-collaterals h2{ font-size:1.25em; color:#333; } .deals div:first-child{margin-bottom:1em;} .deals label, .shipping p, .shipping label{ display:block; font-size:.875em; } .deals input{ width:165px; margin-top:.5em; } .discount button, #giftcard-form button{ width:104px; height:23px; background:url(../images/btnCoupon.png) no-repeat; position:relative; top:-2px; } #giftcard-form button{ width:104px; background-image:url(../images/btnGiftCard.png); } .shipping form{padding:.5em 0;} .shipping select, .shipping input{ width:100%; margin-bottom:.5em; } .shipping label{font-weight:bold;} .shipping button{ width:94px; height:23px; background:url(../images/btnShipQuote.png) no-repeat; float:right; } input#postcode{width:98%;} .totals{ clear:both; position:relative; top:-145px; } .totals table, .totals ul{ text-align:right; float:right; } .totals td{padding:.5em 0;} .totals td:first-child{padding-right:.5em;} .totals tfoot{font-size:125%;} .totals tfoot strong{font-weight:normal;} button.btn-checkout{ width:269px; height:43px; margin:10px 0; background:url(../images/btnProceedCheckout.png) no-repeat; } .totals a{ display:block; padding-right:7px; background:url(../images/arrowGray.png) 100% 60% no-repeat; color:#555; } /* checkout */ .checkout-onepage-index .col-right{ width:220px; margin-top:60px; float:right; } .checkout-onepage-index .col-right .block-content{padding:1em 0;} .checkout-onepage-index .col-right .block-content dt{ border:1px solid #cdcdcd; -moz-border-radius:3px; -webkit-border-radius:3px; margin:.5em 0; padding:.25em .5em; background:#fff; font-size:.93em; font-weight:bold; } #checkoutSteps{ width:700px; margin-top:2em; background:#fff; float:left; } li.section .step-title{ padding:.5em; background:#ee3b33; color:#fff; } li.section span.number{ display:inline-block; -moz-border-radius:3px; -webkit-border-radius:3px; padding:.25em .6em .25em .5em; background:#a62924; text-align:center; } li.section h2{ display:inline; font-size:1.25em; line-height:1.65em; } div.step{padding:1em 1.5em;display:block;} div.step button.continue{ width:92px; height:23px; background:url(../images/btnContinue.png) no-repeat; } div.step p.back-link{display:inline;} div.step p.back-link a{ display:inline-block; width:72px; height:23px; background:url(../images/btnBack.png) no-repeat; text-indent:-9999px; } div.step div.field{ margin-right:10px; float:left; } #checkoutSteps input.input-text{ width:314px; height:25px; padding:0; } #checkoutSteps li.wide input.input-text{width:644px;} #checkoutSteps select{ width:320px; border:1px solid #c2c2c2; -moz-border-radius:3px; -webkit-border-radius:3px; padding:3px; background:#f3f3f3; } #checkout-step-payment li{clear:both;} #checkout-step-payment li .v-fix{clear:both;} dd.complete{padding-left:10px;} dd.complete address:first-line{font-weight:bold;} .cvv-what-is-this{margin-left:.5em;} #checkoutSteps .btn-checkout{float:right;} /* login */ #checkout-step-login .col-1{ width:45%; float:right; } #checkout-step-login .col-2{ width:45%; } #checkout-step-login h4{ margin-bottom:1em; color:#ee3b33; } #checkout-step-login p{font-size:.93em;} #checkout-step-login span{ display:block; font-weight:bold; } #checkout-step-login ul{margin:1em 0;} #checkout-step-login label{font-weight:normal;} #checkout-step-login .col-1 input{width:250px;} #checkout-step-login .col-1 button{ width:72px; height:23px; background:url(../images/btnLogin.png) no-repeat; } #checkout-step-login .col-1 .buttons-set a{ margin-right:30px; color:#777; float:right; } #checkout-step-login .col-2 .form-list li{width:100%;} #checkout-step-login .col-2 .form-list li input{margin:0;} /* billing */ #opc-billing li.control, #opc-shipping li.control{display:block;clear:both;} #opc-billing li.control input, #opc-shipping li.control input{ display:inline; margin:0; height:auto; } /*--------------------------------------------------------------*/ /* product detail */ .product-view { width:940px; margin:0 auto; overflow:hidden; } .product-view .product-left-col { position:relative; float:left; width:300px; } .product-view .product-right-col { float:right; width:620px; overflow:hidden; } .product-view .product-right-col .inner { width:620px; border-top:1px solid #ffffff; border-bottom:1px solid #CCC; padding:12px 0; overflow:hidden; } .product-view .product-right-col .product-info { float:left; width:360px;padding-left:5px; } .product-view .product-right-col .product-extras { float:right; width:220px; } .product-view .product-right-col .featured-wrap, .product-view .product-right-col .reviews-wrap { clear:both; } .product-view .product-image-wrap { margin-bottom:20px; } .product-view .product-image-wrap .product-image { width:300px; height:300px; background:url(../images/pd-image-bg.png) no-repeat; padding:0 4px 9px 0; } .product-view .product-image-wrap .more-views ul { overflow:hidden; } .product-view .product-image-wrap .more-views ul li { float:left; margin-right:10px; } .product-view h1.product-name { display:block; font-size:18px; color:#000000; border-bottom:1px solid #cccccc; padding:0 0 15px 5px; } .product-view .product-info .product-ids { font-size:11px;line-height:15px;color:#747474;margin-bottom:12px; } .product-view .product-info .product-priceInfo {margin-bottom:12px;} .product-view .product-info .price-box { margin:8px 0; } .product-view .product-info .price-box .regular-price { font-size:20px; font-weight:bold; color:#000000; } .product-view .product-info div.product-shortDescription {margin-bottom:10px;} .product-view .product-info .product-anchorCompareLinks {margin-bottom:27px;text-align:right;} .product-view .product-info .product-anchorCompareLinks a.anchorLink {float:left;} .product-view .product-info .product-anchorCompareLinks a.back-link {float:left;font-size:12px;color:#C21616;padding-left:9px;background:transparent url('../images/arrow-back.gif') no-repeat 0 5px;} .product-view .product-extras .ratings, .product-view .product-extras .rating-links {float:left;} .product-view .product-info .add-to-cart { position:relative; width:167px; height:32px; margin:30px 0; } .product-view .product-info input.qty { position:absolute; top:6px; left:7px; width:28px; height:22px; color:#ffffff; line-height:22px; background:url(../images/pd-add-qty.gif) no-repeat; border:none; text-align:center; } .product-view .product-info .btn-cart { position:absolute: top:0; left:0; display:block; width:167px; height:32px; background:url(../images/pd-add-to-cart.gif) no-repeat; } .usage-insturctions-wrap { display:block; background:url(../images/usage-instructions-border.gif) left bottom repeat-x; padding-bottom:15px; margin-top:30px; } .usage-insturctions-wrap a { display:inline-block; height:17px; color:#333333; line-height:17px; background:url(../images/usage-instructions-icon.gif) no-repeat; text-decoration:none; padding-left:20px; } .product-collateral {border-top:1px solid #FFF;padding:12px 0;} #collateral-tabs li.tab-container { margin-bottom:30px; } #collateral-tabs li.tab-container h3 { margin-bottom:5px; } .product-view .product-extras .product-reviewSynopsis {margin-bottom:15px;} .product-view .product-extras .product-reviewSynopsis .rating-links a {font-size:11px;line-height:12px;} .product-view .product-extras .rating-overview { margin-bottom:15px; } .product-view .product-extras .rating-overview p { height:15px; line-height:15px; } .product-view .product-extras .rating-overview ul { overflow:hidden; } .product-view .product-extras .rating-overview ul li { float:left; height:15px; color:#222222; line-height:15px; } .product-view .product-extras .rating-overview ul li .rating-box { margin-right:5px; } .product-view .product-extras a { color:#777777; text-decoration:none; } .product-view .product-extras a:hover { color:#000000; } .product-view .product-extras ul.add-to-links {margin-bottom:12px;} .product-view .product-extras ul.add-to-links li { margin-bottom:4px; } .product-view .product-extras ul.add-to-links a.add-wishlist, .product-view .product-extras ul.add-to-links a.compare-link { display:inline-block; height:15px; line-height:15px; background:url(../images/social-sprite.gif) -33px 0 no-repeat; padding-left:22px; } .product-view .product-extras ul.add-to-links a.tweet-product { display:inline-block; height:15px; line-height:15px; background:transparent url('../images/bg-sprite-collision.gif') no-repeat -270px -17px; padding-left:22px; } .product-view .product-extras ul.add-to-links a.share-product { display:inline-block; height:15px; line-height:15px; background:transparent url('../images/bg-sprite-collision.gif') no-repeat -253px -33px; padding-left:22px; } .product-view .product-extras ul.add-to-links a.emailto-link { display:inline-block; height:15px; line-height:15px; background:url(../images/email-icon.gif) no-repeat; padding-left:22px; } .product-view .product-extras p.need-help { padding-top:10px; margin-bottom:20px; } .product-view .product-extras p.need-help a { color:#ff0000; } /* YOu Tube Video Coverup */ .youtube-video div {position:relative;top:0;left:0;} .youtube-video div img {position:absolute;top:0;left:0;z-index:2;width:197px;height:138px;} .content-box { background:#ffffff; border:1px solid #dadada; padding:10px; margin-bottom:20px; overflow:hidden; } .content-box h3 { font-size:14px; font-weight:bold; color:#242424; margin-bottom:10px; } .content-box h3.add-arrow { display:inline-block; background:url(../images/right-red-arrow.gif) right 4px no-repeat; padding-right:10px; } .find-retailer .input-wrapper { float:left; width:120px; height:24px; background:url(../images/find-installer-input-bg.gif) no-repeat; overflow:hidden; } .find-retailer .input-wrapper input.text-input { float:left; width:100px; height:20px; color:666666px; background:#f3f3f3; border:none; padding:0; margin:2px 0 2px 4px; } .find-retailer .input-wrapper input.submit-arrow { float:right; width:5px; height:9px; border:none; padding:0; margin:7px 5px 0 0; } .find-retailer img { float:right; } .product-detail-spiff { margin-bottom:25px; } .recently-viewed ul li + li { margin-top:8px; } .recently-viewed h4.product-name { font-size:12px; font-weight:normal; } .recently-viewed h4.product-name a { display:block; color:#777777; background:url(../images/arrow-bullet.gif) 0 6px no-repeat; padding-left:8px; } .recently-viewed h4.product-name a:hover { color:#000000; } .box-related ul {border-left:1px solid #dbdbdb;} .box-related ul.products-grid {border-top:none;} .box-related ul li.item {border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;float:left;padding:14px;width:125px;} .box-related ul li.item a {color:#666;font-size:12px;line-height:16px;} .featured-products-grid { overflow:hidden; } .featured-products-grid li { display:block; float:left; width:132px; padding:20px 10px; } .featured-products-grid li a.featured-product-image { display:block; width:110px; height:110px; margin:0 auto; } .featured-products-grid li .info-box { height:105px; margin-top:8px; } .featured-products-grid li .info-box a.product-name { display:block; color:#444444; text-decoration:none; margin-bottom:4px; } .featured-products-grid li .info-box a.product-name:hover { color:#000000; } .featured-products-grid li .info-box .regular-price { font-weight:bold; color:#000000; } .featured-products-grid li .btn-listing-add-cart { display:block; width:84px; height:21px; background:url(../images/btn-listing-add-cart.gif) no-repeat; } .featured-wrap { margin-top:0; } .featured-wrap h2 { font-size:16px; font-weight:normal; color:#333333; padding-bottom:10px; } .featured-wrap .products-wrap { background:#f2f2f2; padding:4px; } .featured-wrap .products-wrap .featured-products { background:#ffffff; border:1px solid #dedede; } .featured-wrap .featured-products-grid li { width:131px; border-right:1px solid #dbdbdb; } .reviews-wrap { border:1px solid #dbdbdb; padding:20px; margin-top:35px; } .reviews-wrap h2 { font-size:16px; font-weight:normal; color:#222222; padding-bottom:10px; } .reviews-wrap .box-title { overflow:hidden;border-bottom:1px solid #CCC;margin-bottom:20px; text-align:right; } .reviews-wrap .box-title h2 { float:left; } .reviews-wrap .product-reviews {border-bottom:1px solid #CCC;margin-bottom:30px;} .reviews-wrap .product-reviews .product-review {padding-bottom:30px;} .reviews-wrap .review-submissionInfo {margin-bottom:5px;} .reviews-wrap .review-submissionInfo .rating-box, .reviews-wrap .review-submissionInfo .date {float:left;margin-right:15px;} .product-extras a.add-your-review { float:none; } .form-list .input-box .star-rating-control a { margin:0; } .rating-cancel, .star-rating { display:block; float:left; width:15px; height:13px; text-indent:-999em; cursor:pointer; background:transparent; overflow:hidden; } .rating-cancel, .rating-cancel a { display:none !important; width:0; } .star-rating, .star-rating a { background:transparent url('../images/bg-sprite-collision.gif') no-repeat -360px 0; margin:0; } .rating-cancel a, .star-rating a { display:block; width:15px; height:13px; background-position:-360px 0; border:0; } .star-rating-on a { background-position:-360px -27px !important; } .star-rating-hover a { background-position:-360px -13px; } .star-rating { background:transparent !important; overflow:hidden !important; } .reviews-wrap .review-list { border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding:25px 0 0 0; margin:10px 0 25px 0; } .reviews-wrap .review-list li { margin-bottom:25px; } .reviews-wrap .review-list .review-meta { margin-bottom:10px; overflow:hidden; } .reviews-wrap .review-list .review-meta .rating-box { float:left; margin-right:15px; } .reviews-wrap .review-list .review-meta p { color:#949494; line-height:15px; } .reviews-wrap ul.form-list { padding-top:10px; } .reviews-wrap textarea { width:560px; } .reviews-wrap .buttons-set { clear:both; margin-bottom:5px; } .btn-submit-review { display:block; width:125px; height:23px; background:url(../images/btn-submit-review.gif) no-repeat; margin-top: 10px;} p.required { font-size:11px; color:#990000; } /* dealer locator */ #dealer-locator {border:1px solid #e7e7e7;background-color:#FFF;padding:20px 10px;overflow:hidden;} #dealer-locator #dealerLocatorForm {margin-bottom:22px;} #dealer-locator #dealerLocatorForm .input-box {float:left;margin-right:10px;} #dealer-locator #dealerLocatorForm input.input-text, #dealer-locator #dealerLocatorForm select {border:1px solid #CCC;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#f3f3f3;width:240px;padding:0 5px;font-size:12px;height:21px;line-height:21px;color:#454545;} #dealer-locator #dealerLocatorForm select {width:252px;padding:0 0 0 5px;height:23px;line-height:23px;} #dealer-locator #dealerLocatorForm input.submit-dealer-locator {margin-top:22px;} .dealerLocator-container .dealerLocator-listScroll {width:289px;height:503px;border:1px solid #d5d5d5;margin-right:10px;background:#f6f6f6;float:left;} .dealerLocator-container .dealerLocator-listScroll #dealerLocatorList {width:270px;height:503px;overflow:auto;padding-right:19px;} #dealerLocatorMap{float:right;} #dealerLocatorList a {background-color:#f3f3f3;display:block;width:230px;padding:15px 20px;} #dealerLocatorList a:hover {background-color:#dfdfdf;text-decoration:none;} #dealerLocatorList a img, #dealerLocatorList a div {float:left;} #dealerLocatorList a img {margin-right:10px;} #dealerLocatorList a div {font-size:12px; color:#555;width:194px;} #dealerLocatorList a div strong {color:#333;} #dealerLocatorList a div span {font-size:12px; color:#555;} .dealer-locator-contact address {margin-bottom:1em;line-height:1.5em;} .dealer-locator-contact address:first-line{font-weight:bold;} .dealer-locator-contact p{margin:1em 0;} .dealer-locator-contact label{display:left;width:45%;margin-right:2%;padding-top:.5em;float:left;} .dealer-locator-contact input{width:98%;} .dealer-locator-contact .address{margin-bottom:1em;} .dealer-locator-contact .radios label{padding-top:.25em;} .dealer-locator-contact .radios input, .dealer-locator-contact .submit input{width:auto;} /* Site Map Styles */ .sitemap-listing {border:1px solid #cdcdcd;padding:0 15px 15px 15px;margin:10px 0;background:#fff;} .catalog-seo-sitemap-product .sitemap-listing {padding:15px;} .catalog-seo-sitemap-product .sitemap-listing ul li {padding-bottom:5px;} .sitemap-listing ul li a {color:#444;} ul.sitemap li.level-0 {display:none;} ul.sitemap li.level-1 {padding-top:15px;background-position:-937px 22px;} ul.sitemap li.level-2 {padding-left:20px;padding-top:5px;background-position:-925px 12px;} ul.sitemap li.level-3 {padding-left:40px;padding-top:2px;background-position:-905px 10px;} /* Lightbox Styles */ #lb-overlay {position:absolute;top:0;left:-2px;z-index:9999;background-color:#FFF;-khtml-opacity:.75; -moz-opacity:.75; -ms-filter:"alpha(opacity=75)"; filter:alpha(opacity=75); opacity:.75;width:1px;height:1px;cursor:pointer;cursor:hand;} #lb-loaderIcon {position:absolute;top:50%;left:50%;z-index:10000;margin-top:-8px;margin-left:-8px;display:none;} #lb-canvas {position:absolute;top:0;left:-2000px;z-index:10001;margin-left:-50px;padding:15px;border:1px solid #ccc;background:#fff; -moz-box-shadow: 0 0 3px #969696; /* for Firefox 3.5+ */ -webkit-box-shadow: 0 0 3px #969696; /* for Safari and Chrome */ } #close-lightbox {position:absolute;top: -15px;right:-13px;cursor:pointer;cursor:hand;} /* Clears ================================================================================ */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .top-bar:after, .quick-access:after, .form-search:after, #nav:after, .main:after, .footer:after, .footer .form-subscribe:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .order-info ul:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-tabs:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* ======================================================================================= */ /* containment approach for div's with floated children */ .clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .clearfix {display:inline-block;} html[xmlns] .clearfix {display:block;} * html .clearfix {height:1%;} /* Login and Register Page */ .account-create .page-title, .account-login .page-title { padding: 10px 0 25px 0; } .account-create .legend, .account-login .legend, .change-password .legend { color:#c21313; margin: 0 0 20px 0; font-size:1.3em; } .form-list .input-box select{ width:260px; } .form-list .control { margin-top:20px;} .form-list .control .input-box{ margin:0px; } .form-list .control label{ margin: 2px 0 0 25px;} .required em { margin-right:4px; } .customer-name .field { float:left; margin:0 10px 0 0; } #login-form input, div.account-create input.input-text{background:#fff;} .account-create .fieldset + .fieldset{border-bottom:0;margin:0;} .account-create .buttons-set{border-top:0;position:relative;} /* My Dashboard */ div.dashboard h2.sub-title { margin:15px 0 10px 0; font-size:18px; font-weight:normal; color:#3a3a3a; } div.dashboard .welcome-msg { margin:0 0 35px 0; } div.dashboard .welcome-msg h2.sub-title { font-weight:bold; font-size:12px; } div.dashboard .title-wrap {background-color:#c21313;text-align:right;padding:0 15px 0 20px;} div.dashboard .title-wrap h3 {float:left;color:#FFF;font-size:14px;line-height:26px;} div.dashboard .title-wrap span.separator {color:#FFF;line-height:26px;padding:0 5px;} div.dashboard .title-wrap a {color:#FFF;font-size:12px;line-height:26px;} div.dashboard p.box-content { background:#fff; border:1px solid #ccc; padding:5px 20px 20px; color:#3a3a3a; } div.dashboard p.box-content a { color:#777; } .sidebar .block-content ul li { background:#e0e0e0; border-bottom:1px solid #cccccc; padding:5px 10px; } .sidebar .block-content ul li.current { background:#fff; font-size:12px;} .sidebar .block-content ul li a { color:#484848; font-weight:bold; font-size:12px; } .sidebar .block-account .block-title { background:#c21313; color:#fff; padding:7px 0 7px 10px; font-size:14px; } /* Dashboard Edit Account */ .dashboard ul.form-list li { margin: 0 0 5px 0;} .dashboard ul.form-list li .customer-name div { margin: 0 0 5px 0;} .dashboard ul.form-list li .customer-name {margin: 20px 0;} .change-password ul.form-list li input { width:250px; } .change-password ul.form-list li.confirm-password .field { float:left; margin: 0 10px 0 0;} /* Dashboard Reviews */ .no-reviews { margin: 20px 0;} .review-customer-view .details {margin-top:10px;} .review-customer-view .details h2.product-name, .review-customer-view .details p {margin-bottom:8px;} .review-customer-view .details table td {padding:0 5px 8px 0;} .review-customer-view .details table td.value {padding-top:2px;} .review-customer-view .details h2.product-name a {color:#333;font-size:12px;} /* 3M Content Pages */ div.product-shortDescription ul, div.product-shortDescription ol, .category-description ul, .category-description ol, #category-cms-module ul, #category-cms-module ol, .product-collateral .tab-content ul, .product-collateral .tab-content ol {margin: 0 0 10px 16px;} div.product-shortDescription ul.bulleted, .category-description ul.bulleted, #category-cms-module ul.bulleted {margin:0;padding:0;} div.product-shortDescription ol li, .category-description ol li, #category-cms-module ol li, .product-collateral .tab-content ol li {list-style: decimal outside;margin-bottom:3px;color:#333;} .product-info div.product-shortDescription ul li, .category-description ul li, #category-cms-module ul li, .product-collateral .tab-content ul li {list-style: disc outside;margin-bottom:3px;color:#333;} div.product-shortDescription ul.bulleted, .category-description ul.bulleted, #category-cms-module ul.bulleted {margin-bottom:5px;} div.product-shortDescription ul.bulleted li, .category-description ul.bulleted li, #category-cms-module ul.bulleted li {list-style:none;} div.product-shortDescription ul.bulleted li a, .category-description ul.bulleted li a, #category-cms-module ul.bulleted li a {color:#333;} div.product-shortDescription h2, .category-description h2, #category-cms-module h2 {color:#333;font-size:24px;line-height:1.0em;font-weight:normal;margin:0 0 12px 0;} div.product-shortDescription h3, .category-description h3, #category-cms-module h3 {color:#0E4866;font-size:20px;line-height:1.0em;font-weight:normal;margin:0 0 7px 0;} div.product-shortDescription h4, .category-description h4, #category-cms-module h4 {color:#333;font-size:16px;line-height:1.0em;font-weight:normal;margin:0 0 2px 0;} div.product-shortDescription h5, .category-description h5, #category-cms-module h5 {color:#333;font-size:12px;line-height:1.0em;font-weight:bold;margin:0 0 2px 0;} div.product-shortDescription h6, .category-description h6, #category-cms-module h6 {color:#0E4866;font-size:12px;line-height:1.0em;font-weight:bold;margin:0 0 2px 0;} div.product-shortDescription p, .category-description p, #category-cms-module p, .product-collateral .tab-content p {margin:0 0 10px 0;} div.product-shortDescription a, .category-description a, #category-cms-module a, .product-collateral .tab-content a {color:#C00;text-decoration:none;} div.product-shortDescription a:hover, .category-description a:hover, #category-cms-module a:hover, .product-collateral .tab-content a:hover {text-decoration:underline;} #category-cms-module #cl-hero-and-spiff a:hover {text-decoration:none;} #category-cms-module #cl-hero-and-spiff h3 {margin:0;display:inline;line-height:28px;position:relative;z-index:2;font-weight:bold;padding:0 12px 0 0;background:transparent url('../images/bg-sprite-collision.gif') no-repeat 100% -444px;color:#222;font-size:16px;line-height:28px;} /* Product Category Landing */ .cl-hero { width:381px; position:relative; float:left; margin-bottom:20px;} .hero-container { position:absolute; bottom:0; left:0; color:#fff; width:100%; } .hero-container h1 { font-size:22px; margin:0 0 5px 0; color:#fff; } .hero-content { position:relative; z-index:10; padding:10px 15px; } .overlay { background:#000; height:100%; width:100%; bottom:0; left:0; position:absolute; z-index:1; -moz-opacity: 0.6 !important; -webkit-opacity: 0.6!important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important; filter: alpha(opacity=60) !important; opacity: 0.6 !important; }