/* BEGIN RESET */ b font { display: none; } /* http://meyerweb.com/eric/tools/css/reset/ v1.0 | 20080212 */ 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: baseline; background: transparent;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: 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; border: none;} /* END RESET */ /* START style.css */ html {background: #000 url(header/HeaderBG.gif) repeat-x; } body {text-align: center; font-family: Tahoma, Verdana, sans-serif; color: #ccc; overflow: visible;} img { border: none; display: block;} button { cursor:pointer; background:none; border:none;} a:hover { color: #CCC; } fieldset, form { border: none; } /* Hides from IE-mac \*/ * html .clear, * html .floatform { height: 1%; } .clear, .floatform { display: block; } /* End hide from IE-mac */ br.cl { clear: both; } .headerImage { margin:0 auto; } em.optional{ font-style:normal; font-size:10px; color:#999999; } .cwLegalMessage, #cwLegalMessage { clear:left; width:610px; padding-left:95px; font-size:9px; color:#aaa; font-family:Arial, Helvetica, sans-serif;} .cwLegalMessage p, #cwLegalMessage p { padding-top:20px;} .phoneNumber { font-size:1.3em;} div.cwPageTitle{ padding:40px 0 5px 0; text-align:center; } div.cwPageTitle img{ display:inline; } .pageTitle{ margin:40px 0 5px 0; } div#ie6Banner{ display:none; } * {/* global whitespace reset */ margin: 0; padding: 0; } div.clean { clear:both; float:none; } a { color:#0087C7; cursor:pointer;} a:link {color: #0087C7} /* unvisited link */ a:visited {color: #0087C7} /* visited link */ a:hover {color: #00C713} /* mouse over link */ a:active {color: #00C713} /* selected link */ ul, li { padding: 0; margin: 0; list-style: none; /*background-color: #8aa; position: relative; */ } .cwButton { width:167px; height:22px; } .cwFAQ dt { background-image:url(icons/question.gif) no-repeat 0 14px; padding:10px 0 0 16px; min-height:14px; color:#fff;font-size:14px;} .cwFAQ dd { background-image:url(icons/answer.gif) no-repeat 0 px; padding:0 0 0 16px; min-height:12px; font-size:12px;} .aftermarketMessage { width:50%; margin:15px auto 0; font-size:10px; olor:#999999;} .cwCloseButton { width:62px; height:15px; background:url(buttons/close.png) left; } .cwCloseButton:hover {background-position:top right;} .infoIcon { width:12px; height:12px; background:url(icons/info.png); overflow:hidden; text-indent:-4000px;} .infoIcon:hover { background-position:right;} .roundedCorners { -webkit-border-radius: 11px; -moz-border-radius: 11px;} .roundedCornersTop { -webkit-border-radius: 11px; -moz-border-radius: 11px; border:solid 1px #494949;} .cwFullButton { border:solid 1px #0286C7; padding:2px 0px; font-family:Lucida Console, Monaco, Tahoma; color:#ccc; background:#000; -webkit-border-radius: 10px; -moz-border-radius: 10px; width:130px; text-align:center;} .cwFullButton:hover { border-color:#00C713;} .cwCancelButtonNoImg { border:solid 1px #C70000;} .cwCancelButtonNoImg:hover { color:#C70000; border:solid 1px #C70000;} .btnCloseArrow { background:url(buttons/close-x.png) left; width:17px; height:17px;} .btnCloseArrow:hover { background-position:right;} /* END style.css */ /* START header.css */ #wrapper {width: 800px; margin: 0 auto; padding: 0; text-align: left; font-size: 0.71em;} #content {width: 800px; clear:left; padding:18px 0 0 0; margin:0;} #footer {padding-top:30px; clear:left; text-align: center;} #footer div, #footer img {clear:left;} .footerDivider {width:800px; height:1px;} #footerNavMenu {padding-left:121px;} #footerNavMenu a {height:19px; float:left; text-indent:-5000px; overflow:hidden; clear:none; background-image:url(template/footer.gif);} .cwFHome{ background-position:0px 0px; width:67px;} .cwFHome:hover{ background-position:right 0px;} .cwFProducts{ background-position:left -19px; width:94px;} .cwFProducts:hover{ background-position:right -19px;} .cwFContactUs{ background-position:left -38px; width:106px;} .cwFContactUs:hover{ background-position:right -38px;} .cwFPrivacyPolicy{ background-position:left -57px; width:130px;} .cwFPrivacyPolicy:hover{ background-position:right -57px;} .cwFAboutUs{ background-position:left -76px; width:93px;} .cwFAboutUs:hover{ background-position:right -76px;} .cwFPress{ background-position:left -95px; width:69px;} .cwFPress:hover{ background-position:right -95px;} .webhelp { padding-top:10px; width:100%; text-align:center; float:none; clear:left;} .webhelp a { display:inline; float:none;} .MainColorWareLogo { width:205px; height:37px; float:left; padding:11px 0 5px 0;} #cwTopNav { background:url(header/topNav.gif) no-repeat; width:412px; float:right; padding-left:22px;} #cwTopNav a { height:16px; float:left; text-indent:-5000px; overflow:hidden; background-image:url(template/title-nav.gif);} .cwTNPhone { background-position:left 0px; width:120px;} .cwTNPhone:hover{ background-position:right 0px;} .cwTNMyOrders { background-position:left -16px; width:91px;} .cwTNMyOrders:hover{ background-position:right -16px;} .cwTNMyCart { background-position:left -32px; width:92px;} .cwTNMyCart:hover{ background-position:right -32px;} .cwTNLogin { background-position:left -48px; width:72px;} .cwTNLogin:hover{ background-position:right -48px;} .cwTNLogout { background-position:left -64px; width:72px;} .cwTNLogout:hover{ background-position:right -64px;} #cwTopSearch { float:right; padding:12px 25px 0 0;} #cwTopSearch button, #cwTopSearch input { float: right; background-position:left; width: 19px; height: 19px; } #cwTopSearch button:hover { background-position:right;} #cwTopSearch button#hdrSearchGo { background-image:url(search/left_side.png);} #cwTopSearch button#hdrSearchClear { background-image:url(search/right_side.png);} #cwTopSearch input#txthdrSearchBox { border:none; background-image:url(search/right_search_off_white_off.jpg); height: 16px; width: 142px; font-size:10px; padding:3px 0 0 3px;} #cwLogoBar { min-height:54px;} .mainNavBar { clear:left;} .mainNavBar li { float:left; position:relative; z-index:150;} .mainNavBar a { width: 100px; height:22px; float:left; text-indent:-5000px; background-image:url(template/main-nav.gif);} .cwNavHome { background-position:left 0px;} .cwNavHome:hover{ background-position:right 0px;} .cwNavProducts { background-position:left -22px;} .cwNavProducts:hover{ background-position:right -22px;} .cwNavCorporate { background-position:left -44px;} .cwNavCorporate:hover{ background-position:right -44px;} .cwNavGallery { background-position:left -66px;} .cwNavGallery:hover{ background-position:right -66px;} .cwNavCompany { background-position:left -88px;} .cwNavCompany:hover{ background-position:right -88px;} .cwNavSupport { background-position:left -110px;} .cwNavSupport:hover{ background-position:right -110px;} .cwNavMyAccount { background-position:left -132px;} .cwNavMyAccount:hover{ background-position:right -132px;} .cwNavLiveChat { background-position:left -154px;} .cwNavLiveChat:hover{ background-position:right -154px;} .cwNavLiveChat img {display:none; width:100px; height:22px;} .cwNavLiveChat:hover img {display:block;} .subNavList { background-color:#d3d3d3; position:absolute; top:22px; display:none; width: 100px; left:0;} .mainNavBar li:hover .subNavList { display:block;} .subNavList li a { height:30px; background-image:url(template/sub-nav062110.gif);} .cwSubNavSmartPhones { background-position:0px 0px;} .cwSubNavSmartPhones:hover{ background-position:-100px 0px;} .cwSubNavComputers { background-position:0px -30px;} .cwSubNavComputers:hover{ background-position:-100px -30px;} .cwSubNavGameConsoles { background-position:0px -60px;} .cwSubNavGameConsoles:hover{ background-position:-100px -60px;} .cwSubNavMusicPlayers { background-position:0px -90px;} .cwSubNavMusicPlayers:hover{ background-position:-100px -90px;} .cwSubNavSpecialty { background-position:-400px -120px;} .cwSubNavSpecialty:hover{ background-position:-500px -120px;} .cwSubNavProdGiftCards { background-position:0px -120px;} .cwSubNavProdGiftCards:hover{ background-position:-100px -120px;} .cwSubNavColorSamples { background-position:0px -150px;} .cwSubNavColorSamples:hover{ background-position:-100px -150px;} .cwSubNavVIP { background-position:0px -180px;} .cwSubNavVIP:hover{ background-position:-100px -180px;} .cwSubNavCorporateBranding { background-position:-200px 0px;} .cwSubNavCorporateBranding:hover{ background-position:-300px 0px;} .cwSubNavCorpPhotoGallery { background-position:-200px -30px;} .cwSubNavCorpPhotoGallery:hover{ background-position:-300px -30px;} .cwSubNavBrandingProcess { background-position:-200px -60px;} .cwSubNavBrandingProcess:hover{ background-position:-300px -60px;} .cwSubNavCorpClientList { background-position:-200px -90px;} .cwSubNavCorpClientList:hover{ background-position:-300px -90px;} .cwSubNavContactRep { background-position:-200px -120px;} .cwSubNavContactRep:hover{ background-position:-300px -120px;} .cwSubNavArtSubmission { background-position:-200px -150px;} .cwSubNavArtSubmission:hover{ background-position:-300px -150px;} .cwSubNavColorMatching { background-position:-200px -180px;} .cwSubNavColorMatching:hover{ background-position:-300px -180px;} .cwSubNavCorporateGallery { background-position:-400px 0px;} .cwSubNavCorporateGallery:hover{ background-position:-500px 0px;} .cwSubNavProductsGallery { background-position:-400px -30px;} .cwSubNavProductsGallery:hover{ background-position:-500px -30px;} .cwSubNavPrototypingGallery { background-position:-400px -60px;} .cwSubNavPrototypingGallery:hover{ background-position:-500px -60px;} .cwSubNavVideoVault { background-position:-400px -90px;} .cwSubNavVideoVault:hover{ background-position:-500px -90px;} .cwSubNavAboutUs { background-position:-600px 0px;} .cwSubNavAboutUs:hover{ background-position:-700px 0px;} .cwSubNavContactUs { background-position:-600px -30px;} .cwSubNavContactUs:hover{ background-position:-700px -30px;} .cwSubNavNowInColor { background-position:-600px -60px;} .cwSubNavNowInColor:hover{ background-position:-700px -60px;} .cwSubNavClientList { background-position:-600px -90px;} .cwSubNavClientList:hover{ background-position:-700px -90px;} .cwSubNavX2Coating { background-position:-600px -120px;} .cwSubNavX2Coating:hover{ background-position:-700px -120px;} .cwSubNavPrivacyPolicy { background-position:-600px -150px;} .cwSubNavPrivacyPolicy:hover{ background-position:-700px -150px;} .cwSubNavPress { background-position:-600px -180px;} .cwSubNavPress:hover{ background-position:-700px -180px;} .cwSubNavGeneralSupport { background-position:-800px 0px;} .cwSubNavGeneralSupport:hover{ background-position:-900px 0px;} .cwSubNavFAQ { background-position:-800px -30px;} .cwSubNavFAQ:hover{ background-position:-900px -30px;} .cwSubNavRMA { background-position:-800px -60px;} .cwSubNavRMA:hover{ background-position:-900px -60px;} .cwSubNavWarranty { background-position:-800px -90px;} .cwSubNavWarranty:hover{ background-position:-900px -90px;} .cwSubNavShippingInfo { background-position:-800px -120px;} .cwSubNavShippingInfo:hover{ background-position:-900px -120px;} .cwSubNavSupportColorSamples { background-position:-800px -150px;} .cwSubNavSupportColorSamples:hover{ background-position:-900px -150px;} .cwSubNavMyInfo { background-position:-1000px 0px;} .cwSubNavMyInfo:hover{ background-position:-1100px 0px;} .cwSubNavAddressBook { background-position:-1000px -30px;} .cwSubNavAddressBook:hover{ background-position:-1100px -30px;} .cwSubNavMyOrders { background-position:-1000px -60px;} .cwSubNavMyOrders:hover{ background-position:-1100px -60px;} .cwSubNavGiftCards { background-position:-1000px -90px;} .cwSubNavGiftCards:hover{ background-position:-1100px -90px;} .cwSubNavMyCart { background-position:-1000px -120px;} .cwSubNavMyCart:hover{ background-position:-1100px -120px;} #holidayNotice { width:626px; margin:30px auto 0 auto; border-left: 1px solid #4b4b4b; border-right: 1px solid #4b4b4b; padding:0 0 20px 0; text-align:center;} #holidayNotice p { padding:10px 0;} #holidayNotice table { width:470px; margin:5px auto 0 auto;} #holidayNotice table td, #holidayNotice table th { border:1px solid #4b4b4b; padding:2px;} #holidayNotice table th { color:#FFF; background-color:#323232;} #holidayNotice table td { background-color:#191919;} .holidayWarning { margin:0 auto; cursor:pointer;} /* END header.css */ /* START VIP */ div.vipHeader { background:url(vip/banner.jpg) no-repeat; padding:288px 150px 43px 150px;} .previewText div { display:none;} .vipDetails tbody span { padding:3px 0 0 20px;} .vipDetails a { padding-left:7px;} .vipDetails .closeExtra { color:#990000; text-decoration:none;} .vipDetails .closeExtra:hover { color:#FF0000;} .moreInfo { width:12px; height:12px; background-image:url(vip/info.png);} .moreInfo:hover { background-position:right;} .vipDetails div { position:absolute; background-color:#0f0f0f; border:#232323 2px solid; padding:3px 5px; color:#7d7d7d; width:200px;} .vipDetails { width:600px; margin:10px auto; border: 1px solid #4b4b4b;} .vipDetails tbody td { text-align:center; width:25%;} .vipDetails thead td img { margin:0 auto;} .vipDetails tbody tr th, .vipDetails tbody tr td { background:#1e1e1e no-repeat center; padding: 1px 3px; font-weight:normal;} .vipDetails tbody .evenRow th, .vipDetails tbody .evenRow td { background-color:#141414;} .vipDetails tbody tr td.isPremire{ background-image:url(vip/checkbox_p.jpg);} .vipDetails tbody tr td.isElite { background-image:url(vip/checkbox_e.jpg);} .vipDetails tfoot td { text-align:center; padding:5px 0;} .alternateVipPurchase { width:598px; margin:5px auto; border: 1px solid #4b4b4b; text-align:center; padding:0 0 10px 0;} .alternateVipPurchase a img { margin:0 auto;} .alternateVipPurchase h4 { padding:10px 0; font-weight:normal;} .alternateVipPurchase dl{ display: inline-block; padding-bottom:5px; width:260px;} .alternateVipPurchase dl dt{ float:left; clear:left; width:80px; text-align:right; padding:5px 5px; height:20px; } .alternateVipPurchase dl dd{ float:left; width:160px; text-align:left; height:20px; padding:2px 5px;} .alternateVipPurchase .contactUsInfo{ width:180px;} .alternateVipPurchase .contactUsInfo dt{ width:40px;} .alternateVipPurchase .contactUsInfo dd{ width:120px;} .alternateVipPurchase button{ display:block; margin:0 auto; background:url(vip/send_contact_info_away.gif); height:22px; width:197px;} .alternateVipPurchase button:hover{ background-image:url(vip/send_contact_info_hover.gif);} .joinVIP { width:80px; height:18px; background:url(vip/enroll.gif) left;} .joinVIP:hover { background-position:right;} /* END VIP */ /* START colors.css */ .colorferrari { background-color:#b80000;} .colorcrush { background-color:#d64400;} .colorcaution { background-color:#f3c400;} .colorbilliard { background-color:#006100;} .colorjade { background-color:#187a59;} .colorglacier { background-color:#2182a6;} .colorcobalt { background-color:#1c4d8a;} .colorabyss { background-color:#00013f;} .colorconcord { background-color:#6b46ab;} .colorfusion { background-color:#b10753;} .colorcotton_candy, .colorcotton-candy { background-color:#fdbdd7;} .colorromance { background-color:#f6cee1;} .colorsmoke_white, .colorsmoke-white { background-color:#f0f1f2;} .colorcoffee { background-color:#43342c;} .colorjet_black, .colorjet-black { background-color:#070707;} .colorcandy_apple, .colorcandy-apple { background-color:#7f0000;} .colorhybrid { background-color:#c54c1d;} .colorblaze { background-color:#c26f11;} .colorgoldrush { background-color:#dbcb7b;} .colorlightning { background-color:#c2b753;} .colorenvy { background-color:#7ba700;} .coloralpine { background-color:#02502c;} .colordragon { background-color:#122415;} .colormidnight { background-color:#112175;} .colortechno { background-color:#005dcb;} .colorpowder { background-color:#646c94;} .colorwet { background-color:#679bbc;} .colorlilac { background-color:#a5a4bf;} .colorblush { background-color:#be658c;} .colormystique { background-color:#5b2f90;} .colorprowler { background-color:#340a20;} .colorsand { background-color:#796f5b;} .colorsteel { background-color:#bfbfc3;} .colorgraphite { background-color:#434343;} .colorcarbon_black, .colorcarbon-black { background-color:#1a1a1a;} .colorcaribbean {background-color:#1f7d7a;} .colorcranberry {background-color:#40000a;} .colorfrostbite {background-color:#94acbd;} .colorfossil {background-color:#8f8f8f;} .colormango {background-color:#f4ab00;} .colorvanilla {background-color:#e6e1ca;} .colorroot_beer, .colorroot-beer {background-color:#381b0a;} .colordiamond {background-color:#faf5ff;} .colorglamour {background-color:#fccce0;} .colorstar_dust, .colorstar-dust {background-color:#f3cc02;} .colorzest {background-color:#f04e10;} .colorcaution, .colorsmoke_white, .colorsmoke-white, .colorgoldrush, .colorlightning, .colorenvy, .colorpowder, .colorwet, .colorlilac, .colorsand, .colorsteel, .colorfossil, .colormango, .colordiamond, .colorstar_dust, .colorvanilla {color:#000;} .colorferrari, .colorcrush, .colorbilliard, .colorjade, .colorglacier, .colorcobalt, .colorabyss, .colorconcord, .colorfusion, .colorcotton_candy, .colorcotton-candy, .colorromance, .colorcoffee, .colorjet_black, .colorjet-black, .colorcandy_apple, .colorcandy-apple, .colorhybrid, .colorblaze, .coloralpine, .colordragon, .colormidnight, .colortechno, .colorblush, .colormystique, .colorprowler, .colorgraphite, .colorcarbon_black, .colorcarbon-black, .colorcaribbean, .colorcranberry, .colorfrostbite, .colorroot_beer, .colorroot-beer, .colorglamour, .colorzest {color:#fff;} .textColorferrari { color:#b80000;} .textColorcrush { color:#d64400;} .textColorcaution { color:#f3c400;} .textColorbilliard { color:#006100;} .textColorjade { color:#187a59;} .textColorglacier { color:#2182a6;} .textColorcobalt { color:#1c4d8a;} .textColorabyss { color:#00013f;} .textColorconcord { color:#6b46ab;} .textColorfusion { color:#b10753;} .textColorcotton_candy, .textColorcotton-candy { color:#fdbdd7;} .textColorromance { color:#f6cee1;} .textColorsmoke_white, .textColorsmoke-white { color:#f0f1f2;} .textColorcoffee { color:#43342c;} .textColorjet_black, .textColorjet-black { color:#070707;} .textColorcandy_apple, .textColorcandy-apple { color:#7f0000;} .textColorhybrid { color:#c54c1d;} .textColorblaze { color:#c26f11;} .textColorgoldrush { color:#dbcb7b;} .textColorlightning { color:#c2b753;} .textColorenvy { color:#7ba700;} .textColoralpine { color:#02502c;} .textColordragon { color:#122415;} .textColormidnight { color:#112175;} .textColortechno { color:#005dcb;} .textColorpowder { color:#646c94;} .textColorwet { color:#679bbc;} .textColorlilac { color:#a5a4bf;} .textColorblush { color:#be658c;} .textColormystique { color:#5b2f90;} .textColorprowler { color:#340a20;} .textColorsand { color:#796f5b;} .textColorsteel { color:#bfbfc3;} .textColorgraphite { color:#434343;} .textColorcarbon_black, .textColorcarbon-black { color:#1a1a1a;} .textColorcaribbean {color:#1f7d7a;} .textColorcranberry {color:#40000a;} .textColorfrostbite {color:#94acbd;} .textColorfossil {color:#8f8f8f;} .textColormango {color:#f4ab00;} .textColorvanilla {color:#e6e1ca;} .textColorroot_beer, .textColorroot-beer {color:#381b0a;} .textColordiamond {color:#faf5ff;} .textColorglamour {color:#fccce0;} .textColorstar_dust, .textColorstar-dust {color:#f3cc02;} .textColorzest {color:#f04e10;} /* END colors.css */