/*----- CMS Version 2.0 Compatible -----*/

/*----- CORE ELEMENTS -----*/

body, .text { font-size: 12.5px} 
html, body, p, .text { font-family:Verdana, Geneva, sans-serif; color: #000; }
#main_body { padding: 0px; margin: 0px; background: #000 url(../images/bg2.gif) repeat-x center top; }
#main_body_home { padding: 0px; margin: 0px; background: #000 url(../images/bg.gif) repeat-x center top; }
#main_container {  width: 950px; margin-right: auto; margin-left: auto; background: #000; }
#contentHolder { width:892px; padding:10px 20px; clear:both; margin-left:10px; margin-top:9px; min-height:500px; background:#fff url(../images/content_bg.gif) no-repeat 0 0; border-bottom:5px solid #fbe200;}
#contentHolder_home { width:901px; padding:0 0 0 31px; clear:both; margin-left:10px; background:#fff; border-bottom:5px solid #fbe200;}
#print_header {display:none}
#map h2 {font-size: 16px; line-height: 18px; color: #000; font-weight: normal; margin:0 0px 2px 0px;}
.FTPTable td { padding:5px 0;}

p { margin:0px 0px 10px 0px; }
.PageContent, table {font-size: 1em;}
p, .text, li {line-height: 1.5em}
h1 {font-size: 1.55em; line-height: 1em; color: #dc291e; font-weight: bold; margin:0px 0px 8px 0px; }
h2 {font-size: 1.25em; line-height: 1.2em; color: #dc291e; font-weight: normal; margin:0px 0px 10px 0px; }
h3 {font-size: 1.15em; line-height: 1.2em; color: #dc291e; font-weight: normal; margin:0px 0px 7px 0px; }
h4 {font-size: 1.15em; line-height: 1.2em; color: #dc291e; font-weight: bold; margin:5px 0px 10px 0px; padding-top:5px; border-top: solid 1px #ccc; }
h5 {font-size: 1.05em; line-height: 1.2em; color: #dc291e; font-weight: bold; margin:0px 0px 0px 0px; }
.textColor {color: #dc291e}
h2.emph{color:#dc291e;font-size:18px;margin:20px 0}

ul { margin-top: 0px; padding-left: 0px; margin-left: 0px; list-style-type: none; }
ul li { background-image: url(../images/icons/16x16/bullet.gif); background-repeat: no-repeat; background-position: 0px 4px; margin-top: 0px; padding-left: 15px; }
ul li ul { padding-left: 0px; list-style-type: none; margin-left: 0px; }
ul li ul li { background-image: url(../images/icons/16x16/bullet.gif); background-repeat: no-repeat; background-position: 0px 4px; padding-left: 15px; margin-left: 15px; }

a:link, a:visited, .ValidatorTextClass a:link, .ValidatorTextClass a:visited { color: #dc291e; text-decoration: none; }
a:hover, a:active, .ValidatorTextClass a:hover, .ValidatorTextClass a:active { color: #dc291e; text-decoration: underline; }

img { border: 0px; }
form { display:inline }
hr { height:0px; border-top:1px solid #ccc; border-right: 0px; border-bottom: 0px; border-left: 0px; }

.formbox, .formtextarea, .formselect, .ValidatorTextClass input {  border: 1px solid #ccc; font-size: 11px; line-height:13px; color: #666666;background: url(../images/formboxBG.gif) no-repeat 0 0; }
.formbox, .ValidatorTextClass input { padding: 2px 3px; background-color:#fff}
.formtextarea { padding: 2px 0px; background-color:#fff}
.formselect { padding: 0; }
.formselect option {padding:0 3px; background:#fff;}
.formbutton { padding: 2px 3px; background: #D9281E; cursor:pointer; color:#fff; border:1px solid #ccc; display:inline; }
.ddGo { padding: 2px 3px; background: #D9281E; cursor:pointer; color:#fff; font-size:11px; line-height:11px; border: solid 1px #ccc; height:20px; font-size:12px; margin-left:5px; }
.subjClass { visibility: hidden; width:1px; height:1px; }
.searchbox{border: 1px solid #ccc; padding: 4px 3px; font-size: 17px; line-height:15px;margin-bottom:10px; color: #666666;width:210px; background:url(../images/formboxBG3.gif) no-repeat 0 0;}

.nobr { white-space: nowrap }
td { empty-cells:show;}
.photoright { float:right; margin:0px 0px 10px 50px; clear:right}
.photoleft { float:left; margin:0px 50px 10px 0px; clear:left}
.phototreatment {}

/*----- PRINT ELEMENTS -----*/

.PrintOnly { display:none; }
.DontPrint { }
.PageContent { width:697px; padding-top:10px; float:left;}


#brand{width:406px; height:74px; position:absolute; left:0; top:0;}
.header { background:#000 url(../images/head_bg.jpg) no-repeat right 0; position:relative; width:950px; height:144px; font-size:0; line-height:0;}
.header_home { background:#000 url(../images/head_bg.jpg) no-repeat right 0; position:relative; width:950px; height:74px; font-size:0; line-height:0;}
.pagePhotos { width:950px; height:80px; position:absolute; left:0; top:74px; font-size:0; line-height:0;}


/*----- TIER 0 NAVIGATION ELEMENTS (apply these to td) -----*/

.Tier0 { color:#fbe200;font-size:10px;line-height:10px;text-align:right; position:absolute; width:558px; height:16px; left:370px; top:10px; margin-bottom:10px; }
/* OFF */.Tier0 a:link, .Tier0 a:visited { text-decoration:none;color:#fbe200; background:url(../images/navigation/Tier0_notch.gif) no-repeat 0 0; padding:6px 0 0 10px;margin-left:8px; float:right;}
/* ON */.Tier0 a:hover, .Tier0 a:active { text-decoration:none; color:#fff; }
.Tier0 a:link.On, .Tier0 a:visited.On, .Tier0 a:hover.On, .Tier0 a:active.On { text-decoration:none; color:#fff;}


/*----- TIER 1 NAVIGATION ELEMENTS -----*/

.Tier1 { position:absolute;width:530px;height:28px;padding-right:4px; left:399px; top:36px; text-align:right; font-size:0; line-height:0;}


/*----- DHTML NAVIGATION ELEMENTS (set ie6 background color in nav.js) -----*/

ul.DHTMLMenu {background: transparent url(../images/navigation/menu_background1.png) repeat 0px 0px; padding: 10px;margin: 0px;border: none;position: absolute;z-index: 500;display: none;}
ul.DHTMLMenu li {padding: 0;margin: 0;display:inline}
ul.DHTMLMenu li a:link, ul.DHTMLMenu li a:visited {color:#000;background:#eee; text-decoration:none; font-size:12px; line-height:13px;padding: 3px 5px;margin: 0px;display: block; }
ul.DHTMLMenu li a:hover, ul.DHTMLMenu li a:active {background:url(../images/navigation/menu_hover_bg.gif) no-repeat 0 0;color:#fff;}

.dropMenu { width:625px; padding:10px 10px 10px 10px;background:url(../images/navigation/menu_background1.png) repeat-y 0 0;}
.dropMenu .wrap{ width:605px; padding:10px 10px 0; background:url(../images/navigation/menu_background2.png) repeat-y 0 0; font-size:0; line-height:0;}
.dropMenu .column{ width:185px;float:left;margin-right:25px;}
.dropMenu ul { list-style-type: none; margin:0 0 10px 0; padding:0; width:185px; float:left; }
.dropMenu ul li { padding:0; margin:0; display:inline; background:none;}
.dropMenu ul li a:link, .dropMenu ul li a:visited { width:148px; padding:5px 27px 5px 10px; display:block; border-bottom:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; color:#000; font-weight:bold; text-decoration:none; font-size:12px; line-height:13px;}
.dropMenu ul li a:hover, .dropMenu ul li a:active { background:url(../images/navigation/menu_hover_bg.gif) no-repeat 0 0; color:#fff;}
.dropMenu ul li ul li a:link, .dropMenu ul li ul li a:visited, .dropMenu ul li ul li a:hover, .dropMenu ul li ul li a:active{font-weight:normal;font-size:11px}


/*----- SIDE NAVIGATION ELEMENTS -----*/
.leftNav { width:180px; float:left; margin-right:15px;}

/* ul */.SideNav { list-style-type: none; margin:0 0 10px 0; padding:0; border:1px solid #999;}
.SideNav li { padding:0; margin:0; display:inline; background:none;}

/* OFF li */.SideNav li.t1 a:link, .SideNav li.t1 a:visited { width:146px;padding:6px 25px 6px 7px;text-decoration:none;color:#fff; font-weight:bold; border-bottom:none; display:block;background: #b12118 url(../images/navigation/nav.gif) no-repeat 0 0; font-size: 12px; line-height: 14px; }
/* OFF HOVER li */.SideNav li.t1 a:hover, .SideNav li.t1 a:active { background: #b12118 url(../images/navigation/nav.gif) no-repeat 0 -100px; }

/* OFF li */.SideNav li a:link, .SideNav li a:visited { width:138px;padding:5px 20px 5px 20px;text-decoration:none;color:#333;display:block;border-bottom: 1px solid #e6e6e6;background: #fff url(../images/navigation/nav.gif) no-repeat 0 -200px; font-size: 11px; line-height: 13px; font-weight:bold; }
/* OFF HOVER li */.SideNav li a:hover, .SideNav li a:active { background: #fff url(../images/navigation/nav.gif) no-repeat 0 -300px; }
/* ON li */.SideNav li.On a:link, .SideNav li.On a:visited, .SideNav li.On a:hover, .SideNav li.On a:active { width:138px;padding:5px 20px 5px 20px;text-decoration:none;color:#fff;display:block;border-bottom: 1px solid #e6e6e6;background: #fff url(../images/navigation/nav.gif) no-repeat 0 -400px; font-size: 11px; line-height: 13px; font-weight:bold; }

/* OFF li */.SideNav li.On ul li a:link, .SideNav li.On ul li a:visited { width:126px;padding:2px 20px 2px 32px;text-decoration:none;color:#f5f5f5;display:block;border-bottom: none;background: #fff url(../images/navigation/nav.gif) no-repeat 0 -500px; font-size: 10px; line-height: 12px; font-weight:bold; }
/* OFF HOVER li */.SideNav li.On ul li a:hover, .SideNav li.On ul li a:active { background: #fff url(../images/navigation/nav.gif) no-repeat 0 -600px;width:126px;padding:2px 20px 2px 32px; display:block; }
/* ON li */.SideNav li.On ul li.On a:link, .SideNav li.On ul li.On a:visited, .SideNav li.On ul li.On a:hover, .SideNav li.On ul li.On a:active { width:126px;padding:2px 20px 2px 32px;text-decoration:none;color:#333;display:block;border-bottom: none;background: #fff url(../images/navigation/nav.gif) no-repeat 0 -700px; font-size: 10px; line-height: 12px; font-weight:bold; }



/*----- PAGE ELEMENTS -----*/

.welcome { margin:17px 0 20px 0;}
.welcome, .welcome p { font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; color:#000;}
.welcome h1 { font-family:Arial, Helvetica, sans-serif; font-size:17px;margin:0px 0px 14px 0px;}

.home_left{ width:300px; float:left; margin-right:21px;}
.home_right { width:570px; padding:0 10px 30px 0; float:left; background:url(../images/home/products_bg-short.jpg) no-repeat 0 bottom;}
.home_right h2 { font-size:15px; line-height:17px; color:#fff; padding:8px 0 10px 20px;margin:0; font-family:Arial, Helvetica, sans-serif;background:url(../images/home/product_title_bg.gif) no-repeat 0 0}
.home_right div {width:176px;float:left;margin-right:10px;margin-top:10px;margin-left:10px}
.home_right div + div, .home_right div + div + div{margin-left:0}
.home_right ul { list-style-type: none;}
.home_right ul li {padding:0; margin:0; display:inline; background:none;}
.home_right ul li a:link, .home_right ul li a:visited { width:131px; padding:3px 35px 3px 10px;display:block;font-size:13px;line-height:15px;color:#000;font-family:Arial, Helvetica, sans-serif;font-weight:bold;text-decoration:none;}
.home_right ul li a:hover, .home_right ul li a:active { background:url(../images/home/product_hover.gif) no-repeat 0 0;}
.home_right ul li ul li a:link, .home_right ul li ul li a:visited{font-size:11px;padding:3px 10px 3px 18px;line-height:13px;font-weight:normal;margin-left:5px;background:url(../images/home/product_sub.gif) no-repeat 0 0}
.home_right ul li ul li a:hover, .home_right ul li ul li a:active{background:#e6e6e6 url(../images/home/product_sub_hover.gif) no-repeat 0 0}

.ShareLinks { margin-top:40px;clear:both; color:#999; font-size:11px; }
.ShareLinks_home { margin-top:25px; margin-left:5px;width:285px; font-size:11px; float:left; color:#999; }
.ShareLinks a:link, .ShareLinks a:visited, .ShareLinks_home a:link, .ShareLinks_home a:visited { text-decoration:none; }
.ShareLinks_home a:hover, .ShareLinks_home a:active { text-decoration:underline; }

.search { border:1px solid #999; background:#b12118 url(../images/search_bg.gif) repeat-x 0 0; margin-bottom:10px; padding:6px 0 7px 7px;}
.search img{ margin-bottom:5px;}

.callout{margin-bottom:12px;}
.yearsStrong{ text-align:center;padding-top:25px;}


.Footer { color: #666; font-size: 11px; line-height: 13px; font-family:Arial, Helvetica, sans-serif; }
.Footer a:link, .Footer a:visited { color: #999; text-decoration:none; }
.Footer a:hover, .Footer a:active { color: #fff; text-decoration:none; }
.Footer a:link.On, .Footer a:visited.On, .Footer a:hover.On, .Footer a:active.On { text-decoration:underline; color:#fff;}
.FooterContainer { padding:20px;}

.FatFooter {width:932px;margin:50px auto 0 auto;border-bottom:1px solid #333;background: url(../images/fat_footer_bg.gif) repeat-x 0 0}
.FatFooter td{ vertical-align:top; padding:27px 0 20px 30px}
.FatFooter td.socialNetworks { width:154px; border-left:3px solid #000; text-align:center;padding:27px 0 0 0}
.FatFooter td.socialNetworks img{margin-bottom:30px}
.FatFooter ul { list-style-type: none; margin:0 0 15px 0; width:175px; padding:0;}
.FatFooter ul li { padding:0; margin:0; background:none; display:inline}
.FatFooter ul li a:link, .FatFooter ul li a:visited{ font-size:11px; line-height:13px; display:block; color:#999; text-decoration:none; text-transform:uppercase}
.FatFooter ul li a.On, .FatFooter ul li ul li a.On { text-decoration:underline; color:#fff;}
.FatFooter ul li a:hover, .FatFooter ul li a:active, .FatFooter ul li a.On:hover, .FatFooter ul li a.On:active {color:#fff;}
.FatFooter ul li ul li a:link, .FatFooter ul li ul li a:visited{ color:#666; display:block; text-decoration:none; text-transform:none;}
.FatFooter ul li ul li a:hover, .FatFooter ul li ul li a:active{ color:#fff}
.FatFooter ul li ul li a.On { color:#fff; text-decoration:underline}



/*----- KACHING -----*/
.productCategories{width:696px;margin-top:10px;background:url(../images/prodCatBG.jpg) no-repeat left bottom}
.productCategories2{width:696px;margin-top:0px;background:url(../images/prodCatBG2.jpg) no-repeat left bottom;}
.productCategories .left, .productCategories .right, .productCategories2 .left, .productCategories2 .right{width:316px; vertical-align:top}
.productCategories .right{background:url(../images/interior_bg.jpg) no-repeat 0 0;padding:78px 10px 220px 10px;}
.productCategories .left{background:url(../images/exterior_bg.jpg) no-repeat 0 0;padding:78px 10px 60px 10px;}
.productCategories2 .right{background:url(../images/merchandising.jpg) no-repeat 0 0;padding:78px 10px 55px 10px;}
.productCategories2 .left{background:url(../images/car_care_kits.jpg) no-repeat 0 0;padding:78px 10px 55px 10px;}
.productCategories ul, .productCategories2 ul { width:316px; margin:0;list-style-type: none;}
.productCategories ul li, .productCategories2 ul li {padding:0; margin:0; display:inline; background:none;}
.productCategories ul li a:link, .productCategories ul li a:visited, .productCategories2 ul li a:link, .productCategories2 ul li a:visited { width:271px; padding:4px 35px 4px 10px; border-bottom:1px solid #e6e6e6; display:block; font-size:13px; line-height:15px; color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}
.productCategories ul li a:hover, .productCategories ul li a:active, .productCategories2 ul li a:hover, .productCategories2 ul li a:active { background:url(../images/prodCat_hover.gif) no-repeat 0 0}
.categoryCarwash{margin:-100px 0 0 408px;display:block}
.miscellaneous{width:306px; padding:10px 10px 10px 20px;margin-top:-100px; float:left;}
.miscellaneous h2{font-size:13px; line-height:15px; color:#000;margin:0 0 5px 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.productView{width:697px;padding:10px 0; background:#fff}
.productView table tr td{text-align:center;padding:10px;width:155px;border-right:1px solid #d0cccc; vertical-align:top}
.productView table tr td + td + td + td{text-align:center;padding:10px;border-right:none}
.productView table tr td.divider{padding:0;border-right:none}
.productView table tr td.divider span{display:block;border-bottom:1px solid #d0cccc;height:10px;margin-bottom:10px;width:697px}
.addToCart:link, .addToCart:visited{width:117px;height:24px;text-decoration:none;display:block;background:url(../images/addToCart.gif) no-repeat 0 0;margin:10px auto 0 auto}
.addToCart:hover, .addToCart:active{background:url(../images/addToCart_hover.gif) no-repeat 0 0}
.moreInfo:link, .moreInfo:visited{width:117px;height:24px;text-decoration:none;display:block;background:url(../images/moreInfo.gif) no-repeat 0 0;margin:10px auto 0 auto}
.moreInfo:hover, .moreInfo:active{background:url(../images/moreInfo_hover.gif) no-repeat 0 0}
.productView .title{ vertical-align:bottom}
.productView .title a{font-size:13px;line-height:15px;display:block}
.productView .title a:hover, .productView .title a:active{color:#000;text-decoration:none}
.productView .ddPrice{font-size:11px;line-height:17px;}
.productView .ddPrice span{color:#dc291e}
.productView .listPrice{font-size:10px;line-height:12px}
.productView .listPrice span{text-decoration:line-through}
.productView img{margin-bottom:8px}

.aboutUsHeader{width:662px;height:73px;padding:171px 0 0 35px;margin:10px 0 15px 0;background:url(../images/aboutUsHeader.jpg) no-repeat 0 0;}
.aboutUsHeader a:link, .aboutUsHeader a:visited{width:139px;height:26px;display:block;text-decoration:none;background:url(../images/goToStore.gif) no-repeat 0 0}
.aboutUsHeader a:hover, .aboutUsHeader a:active{background:url(../images/goToStore_hover.gif) no-repeat 0 0}

.jsRotator img{margin-bottom:20px;}

.cartSubtotal .title { background:#b12118 url(../Store/images/title_bg_1.gif) repeat-x 0 0; color:#fff; font-size:12px; line-height:14px;}
.cartSubtotal td { padding:3px 5px; font-size:12px;}
.cartSubtotal td.quantity { padding:3px 10px 3px 5px;}
.cartSubtotal .formbox { width:30px; text-align:center;}
.cartSubtotal .add { border-top:1px solid #d0cccc;}
.cartSubtotal .add td { padding:5px 0;}
.cartSubtotal td.subtotalText { font-size:12px; font-weight:bold; color:#000; padding-right:10px;}

.relatedDocs h2{ font-size:14px; line-height:18px; color:#fff; margin:0;}
.relatedDocs { padding:5px 5px 5px 8px; background:#b22118 url(../Store/images/title_bg_2.gif) repeat-x 0 0;}

.applicationNotes { clear:both; margin:15px 0 20px 0; }
.applicationNotes tr{ background:#f0f0f0 url(../Store/images/relatedDocsOff.gif) repeat-x 0 0;}
.applicationNotes td {border-bottom:1px solid #d0cccc;}
.applicationNotes a:link, .applicationNotes a:visited { width:642px; padding:7px 20px 7px 35px; background-repeat:no-repeat; background-position:10px 5px; display:block; font-size:11px; line-height:14px; text-decoration:none;}
.applicationNotes a:link span, .applicationNotes a:visited span { font-size:10px; line-height:14px; color:#333; padding:5px 0; display:block; }
.applicationNotes a:hover, .applicationNotes a:active { width:642px; padding:7px 20px 7px 35px; background-repeat:no-repeat; background-position:10px 5px; background-color:#e6e6e6; display:block; text-decoration:none;}
.applicationNotes a:hover span, .applicationNotes a:active span { font-size:10px; line-height:14px; }

.relatedProducts h2 { color:#000; font-size:14px; margin:0 0 8px 8px;}
.relatedProducts ul { margin-left:7px;}





/*----- CUSTOM ELEMENTS -----*/
/* these are custom definitions needed for templates */

.welcome{width:290px;float:left;margin-right:32px;padding-top:10px}
.welcome h1 span{ font-size:8px; vertical-align:top}
.homeRight { width:579px;float:left;}
.grayBox { width:519px; height:289px; padding:25px 30px 0 30px; float:left;background:url(../images/home/home_right_bg.jpg) no-repeat left bottom;}
.grayBox table { width:220px;margin-right:40px;float:left}
.grayBox .contact{line-height:17px; color:#000; padding-bottom:20px}
.grayBox .contact a span{ color:#dc291e; font-size:13px}
.grayBox .contact span{color:#dc291e; font-size:18px;font-weight:bold}
.grayBox .contact a{color:#000; text-decoration:none}
.grayBox .msds { width:250px; float:left; color:#000; line-height:18px; display:block; text-decoration:none}
.grayBox .msds:hover, .brayBox .msds:active, .grayBox .contact a:hover, .grayBox .contact a:active{color:#dc291e}
.grayBox .title {font-size:12px; color:#dc291e; font-weight:bold}
.grayBox .textColor{color:#dc291e; font-size:14px}

.logos {width:520px;margin-top:-45px;float:left}
.logos img{float:left;margin-right:18px}

.youtube-player{margin-left:29px}


/*----- CONTENT AREA ELEMENTS -----*/
/* these are custom definitions needed for content areas throughout site */

.pwTitle{color:#fff;font-weight:bold;border:1px solid #999;background:#b12118 url(../images/title_bg.gif) repeat-x 0 0;padding:2px 7px}
.pw{padding:10px 7px;width:329px;border-bottom:1px solid #ccc}

.glasscoatLink:link, .glasscoatLink:visited{width:347px;height:100px;display:block;background:url(../images/glasscoat_off.jpg) no-repeat 0 0;}
.glasscoatLink:hover, .glasscoatLink:active{background:url(../images/glasscoat_hover.jpg) no-repeat 0 0;}
.mototectLink:link, .mototectLink:visited{width:345px;height:100px;display:block;background:url(../images/mototect_off.jpg) no-repeat 0 0}
.mototectLink:hover, .mototectLink:active{background:url(../images/mototect_hover.jpg) no-repeat 0 0}
.greenBG{padding:0 10px 0 10px}

.fix-it-promo{padding:20px 0 0 20px}