body{margin:0;padding:0;font-size:10pt;font-family:Helvetica,Arial,Verdana,Sans-serif;color:#000;}a{color:#34339B;}a:hover{color:#9C191E;}p{color:#000;}hr{color:#999;height:1px;}

img{border:0px none;display:block;/*removes extra space underneath caused by default text-alignment*/}a img{border-color:#666;}a:hover img{border-color:#9C191E;} 

h1{font-size:175%;font-weight:bold;color:#000;/*maroon -- #9C1A1E;*/margin-top:0px;padding-top:.67em;}h2{font-size:130%;font-weight:bold;color:#000;margin-top:0px;}h3{margin:4px;font-size:100%;}h4{margin:2px;font-size:110%;}h5{margin:0px;}

#centerHome ul{padding:0;margin-top:3px;margin-left:15px;margin-right:3px;list-style:square;color:#000;/*none;*/}#centerHome p{margin:5px;clear:both;/*copy publish under image*/}#centerHome h1{color:#000;margin-top:0px;}



.hilitename{color:#660000;}/*featureprod name in red*/.featureprod{float:right;margin-top:-15px;}



/*Home page feature products: main img and thumbs */



 .featureThumb{display:inline;color:#666;border-style:solid;border-width:1px;margin-right:5px;margin-top:-5px;}



.alertM{color:#f00;font-size:125%;}

#center{margin:0px 20% 0% 20%;/*top/bottom rec'v the first value and left/right rec'v the second*/padding: 1% 3%;background-color:#fff;border-right:1px solid #000}#center h4{color:#9C1A1E;}#center ul{padding: 0;margin-top: 3px;margin-left: 15px;margin-right: 3px;list-style:square;font-size:90%;}/*seo pages*/



#aaq{display:none;position:absolute;width:16.9%;height:50px;margin-left:80%;padding:0px 1.40%;top:101px;background-color:#FEBF13;border-bottom:1px solid #000;/*FALL-#770000;*/}/*why not 22%?because at some sizes the rounding difference adds up to more than 100% and causes a horizontal scroll bar*/	

#aaq img{border-style:solid;border-width:1px;margin-top:10px;margin-left:10px;padding:0px; }



#aaq li{list-style:none;}



div#rightinternal{/*visibility: hidden;voice-family: "\"}\"";voice-family: inherit;visibility: visible;*/position:absolute;width:16.9%;margin-left:80%;padding:8px 1.40%;/*top:150px;*/top:100px;text-align:center;background:#F3EBD5;/*FALL-#F6F3C8;*/}

div#rightinternal ul{display:block;text-align:left;text-indent:2px;list-style-type:square;padding-left:15px}

div#rightinternal img{margin-bottom:3px;}

.product{padding: 3px 0px 0px 0px;clear:left;}

img.imgBdr{color:#666;border-style:solid;border-width: 1px;}/*this is redundant-could be wriiten within the img element*/

img.productImg{margin-right:8px;display:inline;float:left;color:#666;border-style:solid;border-width:1px;/*copy to stay right of image--margin: 0px 0.5em 0.5em 0px; preceeding code is accumulative - causes a stair step effect */}

/*layout*/

#top{padding: 4px;background:#fff url(/images/bgtop.jpg) repeat-x;background-color:#000;border-bottom:1px solid #fff;}

#centerHome{margin:0px 20% 0% 20%;/*top/bottom rec'v the first value and left/right rec'v the second*/padding:1% 3%;/*top/bottom rec'v the first value and left/right rec'v the second background: #fff url(../images/bgcenter.gif) no-repeat center;*/border-right:1px solid #000;background-color: #fff;color:#660000;}

/*New Products*/

#jeep-accessories{position:absolute;width:16.9%;height:191px;overflow:hidden;margin-left:80%;padding:0px 1.5%;top:101px;background-color:#FFDF89;/*#FEBF13;*/border-top:1px solid #fff;border-bottom:1px solid #000;}div#jeep-accessories span.top{float:left;margin-left:-20px;margin-bottom:12px;width:120%;background-color:#FEBF13;border:1px solid #000;}div#jeep-accessories span.top h3{margin-bottom:5px;margin-top:5px;padding-left:16px;text-right:center;color:#000;}div#jeep-accessories p{margin:0;padding:0;color:#333;}div#jeep-accessories p span.date{margin-left:2px;margin-bottom:2px;float:left;font-size:80%;}div#jeep-accessories p span.link{margin-left:2px;margin-bottom:2px; width:100%;float:left;}div#jeep-accessories a{text-decoration:none;color:#000;font-weight:bold;font-size:95%;}div#jeep-accessories a:hover{text-decoration:underline;}

.spacer{display:block;height:1px;font:1px /1;clear:both;}

#left{position:absolute;padding: 0px 0px 15px 0px;top:102px;width:20%;background:#F3EBD5;/*FALL-#F6F3C8;*//*leftColColor*//*url(../images/bgbotleft.gif)left bottom repeat-x;*/border-right:1px solid #000;border-bottom:1px solid #000;visibility:hidden;}#left p{padding:0% 1.5%;font-size:90%;}#left hr{width:85%}

#right{position:absolute;width:16.9%;height:325px;margin-left:80%;padding:8px 1.5%;top:295px;text-align:center;background:#F3EBD5;/*FALL-#F6F3C8;*/}/*16.9% because 17% would round to 100% and cause scroolbar*/div#right p{font-size:90%;}

.noteRightCol{display:block;color:#666;font-size:80%;}

/*FeatureImageandTransparency Trick*/

#featureimg{margin:5px 2% 0px 0px;height: 4px;background:#fff url(/images/home_page_banners/topbar.jpg) no-repeat right top;text-align: center;border-top:1px solid #fff;border-right:1px solid #000;border-bottom:1px solid #000;/*Without this 1px border, Mozilla/Netscape applies the 200px margin from the child element (div#mstrans) - I don't know why? In these crazy topsy turvey times it seems that nothing is certain*/}

/*Navigation */

#mainnav{background-color:#fff;/*SUMMER#660000;*/}ul#mainnav{list-style:none;margin:0px;padding:0px;background-color:#F3EBD5;/*FALL-#F6F3C8;*/}ul#mainnav li{display:block;border-top:1px solid #000;/*SUMMER#CCCCCC;*//*nav button top border color:bestop Yellow*/}ul#mainnav li a{display:block;margin: 0px 0px 0px 0px;padding:6px 6%;background-color:#FEBF13;/*FALL-#770000;*/font-weight:bold;/*If you get an unwanted gap after your a block (IE-Win) try increase the line height*/color:#000;/*SUMMER#FFCC33;*/text-decoration: none;width: 88%;/*Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix*/}ul#mainnav li a:hover{background-color:#E4AC11;/*FALL-#770000;*//*SUMMER#FFCC33;*/color:#000;/*font color change to when hover*/}

/* mainsub*/

ul#mainnav ul.mainsub{margin: 1px 0px 0px 0px;list-style:none;padding: 0px;border: 0px solid white;border-right:1px solid #BCBCBC;background-color:#DCD1B5;/*FALL-#BCBCBCSUMMER#999999;*/}

ul#mainnav ul.mainsub li a{/*padding: 1%;*/margin:0px;padding:3px 6%;color:#000;font-size:90%;background-color:transparent;border:0px solid #000;}

ul#mainnav ul.mainsub li a:hover{color:#000;background-color:#C6BCA3;/*FALL-#999;*SUMMER#CCCCCC;*/}

ul#mainnav ul.mainsub li.last{border-bottom:1px solid #000;}

/* mainsub highlighted*/

ul#mainnav ul.mainsub li.highlighted{background-color:#66CC66;}

ul#mainnav ul.mainsub li.highlighted a:hover{color:#000;background-color:#669933;}

/*SUBNAV*/

ul#mainnav ul.subnav{margin:0px;list-style:none;padding:0px;border:0px solid pink;background-color:#F3EBD5;/*#F6F3C8;SUMMER #FFCC33;*/}

ul#mainnav ul.subnav li{border-top:0 none;border:0px solid green;padding-left:1.5em;}

ul#mainnav ul.subnav li a{padding:1%;margin:0px;font-size:90%;color:#000;background-color:transparent;border:0px solid #000;}

ul#mainnav ul.subnav li a:hover{color:#000;background-color:transparent;text-decoration:underline;}

/*top content*/

div#topcontent{position:absolute;top:10px;right:0px;width:100%;}

#topcontent h3, #topcontent p{display:inline;margin-right:0.5em;color:#fff;}

#topcontent a{color:#fff;}#topcontent a:hover{color:#FFCC33;}div#topcontent ul{padding-left:25px;right:0px;list-style:none;margin:0px 0px 40px 0px;}

div#topcontent ul li{display:inline;padding:0 2.5em;border-left:1px solid #fff;}

div#topcontent ul li.first{border-left:0px none;}

div#topcontent ul li a{font-size:90%;color:#fff;}

div#topcontent form{position:absolute;right:0px;top:45px;margin:0px;}

/*misc*/

.textbox {/*Until IE understands <css> input[type="file"]{</css> It's better to define a new style then it is to re-define the input tag because radio buttons cop a beating*/padding:4px;font:small verdana, sans-serif;color:#000;background-color:#fff;border:1px solid #000;}

.button{padding:2px;font:bold small;color:#000;background-color:#CCC;border:1px solid #000}

.charEnt{font-size:0.8em;}

p.crumbtrail{margin:0px 20% 0% 20%;padding: 1% 3%;font-size:80%;border-right:1px solid #000;}p.crumbtrailAdminArea{margin:0px 0px 0px 20%;padding:1% 3%;font-size:80%;}

#footer{border-top:1px solid #F6F3C8;border-bottom:1px solid #F6F3C8;background-color:#000;visibility:hidden;}#footer p{color:#fff;margin:4px;text-align:center;}

#centerAdminArea{margin:0px 0px 0px 20%;padding:1% 3%;color:#000;}

/*wtb*/

#wtb{background-color:#F6F3C8;}

ul#wtb{list-style:none;margin:0px;padding:0px;background-color:#F6F3C8;}

ul#wtb li{display:block;border-top:1px solid #000;}

ul#wtb li a{display:block;margin:0px 0px 0px 0px;padding:6px 6%;background-color:#BCBCBC;font-weight:bold;color:#000;text-decoration:none;width:88%;}

ul#wtb li a:hover{background-color:#999;color:#000;}

/* aux14 position:absolute; left: 50%; top: 50%;*/

#main{margin:0;padding:0;}

#pageHeader{background:#fff url(/images/aux14/banner_main.jpg) no-repeat right top;text-align:center;width:470px;height:240px;}

#pageHeader span{display:none;}

#pageHeaderR{background:#fff url(/rebate/rebate_main.jpg) no-repeat right top;text-align:center;width:470px;height:240px;}

#pageHeaderR span{display:none;}

/*rebate page Header banner*/

#pageHeaderT{background:#fff url(/images/aux14/wgyc/we-got-you-covered.jpg) no-repeat right top;text-align:center;width:470px;height:120px;}

#pageHeaderT span{display:none;}

/*we got you covered Header banner*/

#pageHeaderF{background:#fff url(/images/aux14/fabric_care/cleaner-protectant_main.jpg) no-repeat right top;text-align:center;width:470px;height:120px;}

#pageHeaderF span{display:none;}

/*fabric care page Header banner*/

#pageHeaderSFT{background:#fff url(/images/aux14/sft/sft_main.jpg) no-repeat right top;text-align:center;width:470px;height:240px;}

#pageHeaderSFT span{display:none;}

/*supertop for truck page Header banner*/

#pageHeaderBR{background:#fff url(/images/aux14/bronco/banner_main_bronco.jpg) no-repeat right top;text-align:center;width:470px;height:240px;}

#pageHeaderBR span{display:none;}

/*supertop for Bronco page Header banner*/

#pageHeaderHOSS{background:#fff url(/images/aux14/hoss/banner_hoss.jpg) no-repeat right top;text-align:center;width:470px;height:218px;}

#pageHeaderHOSS span{display:none;}

/*HOSS page Header banner*/

#pageHeaderFLEXATRUNK{background:#fff url(/images/aux14/flexatrunk/flexatrunk_main.jpg) no-repeat right top;text-align:center;width:470px;height:120px;}

#pageHeaderFLEXATRUNK span{display:none;}

/*Flexatrunk page Header banner*/

#pageHeaderJK{background:#fff url(/images/aux14/jk/jk_wrangler_banner.jpg) no-repeat right top;text-align:center;width:470px;height:163px;}

#pageHeaderJK span{display:none;}

/*2007 JK page Header banner*/

#pageHeaderDCi{background:#fff url(/images/aux14/dci_quiz_banner.jpg) no-repeat right top;text-align:center;width:470px;height:219px;}

#pageHeaderDCi span{display:none;}

/*DCi Quiz Banner 4-2-07*/







#main hr{height:1px; color:#000;margin-top:8px;margin-bottom:8px;}



#main ul{display:inline;list-style-type:square;float: right;font-weight:bold;background-color:#F3EBD5;margin-left:25px;padding:10px 10px 10px 17px;border-style:solid;border-width: 1px;color:#333;}

#main ul li.last{margin-top:5px;list-style-type:none;font-weight:normal;}

/*left nav > below menu items (main and aux) */

#linkList ul{padding-left:40px;margin-left:0px;margin-top:5px;list-style-type:none;font-weight:normal;}

#linkList ul li {margin-bottom:2px;}



.floatLeft{float:left;margin-right:25px;margin-bottom:5px;}

.clearLeft{clear:left;}

.floatRight{float:right;margin-left:25px;margin-bottom:5px;}

.clearRight{clear:right;}

#main .regList ul{background-color:#FFF;border-style:solid;border-width: 1px;color:#FFF;list-style-type:square;font-weight:bold;}

#imgRow img{display:inline;margin-right:15px;color:#666;border-style: solid;border-width:1px;}

.imgCaption{display:block;color:#666;font-size:85%;margin-top:-12px;}

#imgRowNoBdr img{display:inline;margin-right:15px;border-style:none;list-style-type:square;font-weight:bold;}

#myCLimg Img{display:inline;float:left;margin:25px 25px 5px 0px;padding:0px;color:#666;border-style:solid;border-width:1px;}

#myInline img{display:inline;margin-right:10px;margin-left:5px;border-style:none;}

/*ADDED BY BKMEDIA*/

#landingWrapper {
	position: relative;
	left: -40px;
	width: 655px;
}
#landingImage {
	padding: 0px 7px;
}
#landingInner {
	background: transparent url('/images/templates/landingInner.png') no-repeat scroll 0 0;
	padding: 0px 40px;
	margin: 0px 7px;
	min-height: 298px;
}
#center ul#landingNavigation {
	height: 60px;
	width: 625px;
	position: relative;
	left: -31px;
	margin: 0px auto;
}
#landingNavigation li {
	width: 155px;
	float: left;
	display: block;
}
#landingNavigation li a img {
	display: block;
	margin: 0px auto;	
}
#landingNavigation li a {
	/*background: transparent url('/images/templates/landingOverview.png') no-repeat scroll 0 0;
	width: 136px;
	height: 22px;
	margin: 0px 4px;
	display: block;
	float: left;
	text-indent: -1000em;*/
}
#landingNavigation #techSpecs {
	background-image: url('/images/templates/landingTechSpecs.png');	
}
#landingNavigation #applications {
	background-image: url('/images/templates/landingApplications.png');	
}
#landingNavigation #imagesAndVideo {
	background-image: url('/images/templates/landingImagesAndVideo.png');	
}
#landingNavigation a:hover,
#landingNavigation a.active {
	background-position: 0 -22px;
}
#landingSlider {
	position: relative;
	padding: 25px 32px 30px 37px;
}
#landingSliderInner {
	overflow: hidden;
	
}
#landingSliderNavLeft {
	background: transparent url('/images/templates/landingNavigateLeft.png') no-repeat scroll 0 0;
	width: 30px;
	height: 156px;
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
}
#landingSliderNavRight {
	background: transparent url('/images/templates/landingNavigateRight.png') no-repeat scroll 0 0;
	width: 30px;
	height: 156px;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}
#landingSlider ul {
	list-style: none;
	padding: 0px;	
	margin: 0px;
}
#landingSlider li {
	float: left;
	padding: 2px;
}
a.videoLink {
	background: transparent url('/images/templates/video_link.png') no-repeat scroll 0 0;
	text-indent: -1000em;
	display: block;
	width: 583px;
	height: 24px;
}

/*-----
BKMEDIA fixed width
-----*/
body {
	background: black none;	
}
#wrapper {
	width: 1055px;
	margin: 0px auto;	
	position: relative;
}
#centerHome {
	margin: 0px 200px 0px 200px;	
	padding: 5px;
}
#center {
	margin: 0px 200px 0px 200px;	
	background: transparent url('/images/templates/landing.png') repeat-y scroll 0 0;
	padding: 0px 40px;
}
#left {
	width: 200px;	
}
#right {
	width: 190px;
	margin-left: 855px;
	padding: 5px;
}
#jeep-accessories {
	width: 200px;
	margin-left: 855px;
	padding: 0px;
}
p.crumbtrail {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: white;
	position: absolute;
	top: 79px;
	left: 219px;
}
p.crumbtrail a {
	color: white;	
}
div#rightinternal {
	width: 190px;
	margin-left: 855px;
	padding: 5px;
}

#shadow {
	background: transparent url('/images/templates/semi.png') repeat scroll 0 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 1;
}
#shadow_box {
	background: white none;
	border: 10px solid black;
	padding: 0px;
	width: auto;
	margin: 20px auto 0px auto;
	position: relative;
}
#shadow_box_close {
	background: transparent url('/images/templates/x.png') no-repeat scroll 0 0;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 3px;
	right: 5px;	
}
#shadow_header {
	height: 40px;
	width: 100%;
	background-color: black;
	position: absolute;
	top: 0px;
	left: 0px;	
	font-size: 24px;
	color: white;
}