/* MAIN STYLES



-------------------------------------------*/



* { margin: 0; padding: 0; }







body,html {



	font-weight:normal;



	font-family:Arial, Helvetica, sans-serif;



	font-size:12px;



	color:#444;



	margin:0;



	padding:0;



	background:#000 url(images/bk_body.jpg) 50% 0 no-repeat;



	line-height:130%;



}







ul {



	list-style:none;



}







a {



	color:#ac7600;



	text-decoration:none;



}







a img{



	border:none;



}







a:hover {



	color:#999;



	text-decoration:none;



}







a:focus {



	outline:none;



}







p {



	margin:0.8em 0;



}







h2 {



	color:#333;



	text-transform:uppercase;



	font-size:18px;



	padding-bottom:10px;



}







#colLeft h2, #colLeft h3 {



	text-transform:none;



	padding:5px 0;



}







#colRight h2 {



	font-size:16px;



	border-bottom:1px solid #efefef;



	padding-bottom:5px;



	padding-top:0;



	margin-bottom:5px;



}







#colRight h3 {



	font-size:12px;



}







h2.home {



	border-bottom:1px solid #efefef;



	margin-bottom:10px;



	padding-bottom:6px;



}







h3 {



	font-size:16px;



}







h4 {



	font-size:10px;



	line-height:95%;



}







h1 {



	font-size:26px;



	font-weight:normal;



	color:#333;



	display:block;



	border-bottom:1px solid #efefef;



	padding-bottom:10px;



	margin-bottom:15px;



}



h1, h2, h3 {



	line-height:100%;



}











 /* LAYOUT STRUCTURE



--------------------------------------------------*/



#wrapper {



	margin:35px auto 0;



	width:960px;



	background:#fff url(images/bk_wrapper.jpg) 0 0 no-repeat;



	padding-bottom:1px;



}











#header {



	height:100px;



	position:relative;



	border-bottom:1px solid #E2E2E2;



	background:url(images/bk_header.jpg) 0 100% repeat-x;

	

	z-index:2;



}







#content {



	padding:20px;



	border-bottom:0px solid #B7DCF1;



	min-height:500px;



	padding-top:0;

	

 	z-index:1;



}







.columns {



	background:url(images/bk_rightcol.jpg) 625px 0 repeat-y;



}







#footer {



	clear:both;



	background:url(images/bk_footer.jpg) 100% 0 no-repeat;



	padding:20px 0 10px 0;



	width:960px;



	height:80px;



	margin:1px auto;



	color:#fff;



	position:relative;



}



/* Post Headlines 



--------------------------------------------------*/

.page-item-570, .page-item-1000, .page-item-649, .page-item-163, .page-item-152, .page-item-160, .page-item-150, .page-item-497 {

	display:none;

}



.post-959 {



	background:url(images/headline-dragracing.jpg) no-repeat;

	

	width:588px;

	

	height:51px;



}



.post-964 { 



	background:url(images/headline-circletrack.jpg) no-repeat;

	

	width:588px;

	

	height:51px;



}



.post-967 { 



	background:url(images/headline-roadcourse.jpg) no-repeat;

	

	width:588px;

	

	height:51px;



}



.post-969 { 



	background:url(images/headline-bikes.jpg) no-repeat;

	

	width:588px;

	

	height:51px;



}

.post-972, .post-998 { 



	background:url(images/headline-boats.jpg) no-repeat;

	

	width:588px;

	

	height:51px;



}

.post-979 { 



	background:url(images/headline-dailydriver.jpg) no-repeat;

	

	width:588px;

	

	height:51px;



}

.post-979 { 



	background:url(images/headline-dailydriver.jpg) no-repeat;

	

	width:588px;

	

	height:51px;



}

.post-981 { 



	background:url(images/headline-competition.jpg) no-repeat;

	

	width:588px;

	

	height:51px;



}

.post-984  { 



	background:url(images/headline-marine.jpg) no-repeat;

	

	width:588px;

	

	height:51px;



}

.post-996  { 



	background:url(images/headline-mobile.jpg) no-repeat;

	

	width:588px;

	

	height:51px;



}
.post-988 { 



	background:url(images/headline-alternators.jpg) no-repeat;

	

	width:588px;

	

	height:51px;



}

.post-991 { 



	background:url(images/headline-fishing.jpg) no-repeat;

	

	width:588px;

	

	height:51px;



}

.post-993 { 



	background:url(images/headline-rv.jpg) no-repeat;

	

	width:588px;

	

	height:51px;



}

.post-1000 { 



	background:url(images/headline-commercial.jpg) no-repeat;

	

	width:588px;

	

	height:51px;



}

/* HEADER ELEMENTS 



--------------------------------------------------*/



/* -- logo --*/



#logo {



	position:absolute;



	top:30px;



	left:20px;



	



}







#logo h1 {



	padding:0;



	background:none;



	border:none;



}







#logo h1 a, #logo h1 a:hover{



	background:url(images/logo_top.png) 0 0 no-repeat;



	width:391px;



	height:75px;



	text-indent:-9000px;



	display:block;



	text-decoration:none;



	border:none;



}







/*



#topMenu {



	position:absolute;



	right:20px;



	top:64px;



	border-left:1px solid #ccc;



}







#topMenu li {



	float:left;



	padding:0 15px;



	border-right:1px solid #ccc;



}







#topMenu li a {



	color:#666;



	font-size:14px;



	font-weight:bold;



	text-decoration:none;



}







#topMenu li a:hover, #topMenu li.selected a {



	color:#000;



}





*/



ul#topMenu {

	float:left;

	font-size:1.1em;

	right:20px;

	list-style:none outside none;

	margin:0;

	padding:0;

	position:absolute;

	top:45px;

	background:url(images/nav_bg.gif) repeat-x;

	border:solid 1px #ccc;

	border-right:0;

	/*--Bottom right rounded corner--

	-moz-border-radius: 5px;

	-khtml-border-radius: 5px;

	-webkit-border: 5px;*/

	

}

ul#topMenu li {

	float: left;

	margin: 0; padding: 0;

	position: relative;

}

ul#topMenu li a {

	border-left:1px solid #FFFFFF;

	border-right:1px solid #CCCCCC;

	color:#333333;

	float:left;

	font-size:15px;

	font-weight:bold;

	height:16px;

	padding:12px 9px;

	line-height:18px;

}

ul#topMenu li:hover a, ul#topMenu li a:hover { background:#E5E5E5; }

ul#topMenu a.home {

	 

	/*width: 78px; */

}

ul#topMenu a.products {

	 

	/*width: 117px; */

}

ul#topMenu a.sale {

	 

	/*width: 124px; */

}

ul#topMenu a.community {

	 

	/*width: 124px; */

}

ul#topMenu a.store {

	 

	/*width: 141px; */

}





ul#topMenu li .sub {

	position: absolute;	

	top: 42px; left: 0;

	background: #E5E5E5;

	padding: 20px 20px 20px;

	float: left;

	border: solid 1px #CCCCCC;

	border-top:0;

	/*--Bottom right rounded corner--*/

	-moz-border-radius-bottomright: 5px;

	-khtml-border-radius-bottomright: 5px;

	-webkit-border-bottom-right-radius: 5px;

	/*--Bottom left rounded corner--*/

	-moz-border-radius-bottomleft: 5px;

	-khtml-border-radius-bottomleft: 5px;

	-webkit-border-bottom-left-radius: 5px;

	display: none;

}

ul#topMenu li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}

ul#topMenu li .sub ul{

	list-style: none;

	margin: 0; padding: 0;

	width: 150px;

	float: left;

}

ul#topMenu .sub ul li {

	width: 100%;

	color: #fff;

	

}

ul#topMenu .sub ul li h2 {

	padding: 0;  margin: 0;

	font-size: 1.3em;

	font-weight: normal;

}

ul#topMenu .sub ul li h2 a {

	padding: 5px 0 5px 15px;

	background-image: none;

	color: #000;

	font-weight:bold;

	

}

ul#topMenu .sub ul li a {

	float: none; 

	text-indent: 0; /*--Reset text indent--*/

	height: auto;

	background: transparent;

	padding: 7px 5px 7px 15px;

	display: block;

	text-decoration: none;

	color: #000;

	font-size:12px;

	font-weight:normal;

	border:0;

	border-left:1px solid #CCCCCC;

	line-height:normal;

}

ul#topMenu .sub ul li a:hover {color: #333; text-decoration:underline;}



/* CONTENT



---------------------------------------------*/



#latestPostsHome {



	display:block;



}







#latestPostsHome li {



	display:block;



	float:left;



	background:#FBFBFB url(images/bk_latest_box.jpg) 0 100% repeat-x;



	border:1px solid #DDD;



	padding:10px;



	margin-right:12px;



	width:275px;



	height:190px;



	position:relative;



	margin-bottom:20px;



}







#latestPostsHome li h3 a{



	color:#333;



	padding-bottom:6px;



	font-weight:normal;



	



}







#latestPostsHome li h3 a:hover{



	color:#ac7600;



	padding-bottom:6px;



	font-weight:normal;



	



}











#latestPostsHome li p img {



	float:left;



	margin-right:10px;



}







#latestPostsHome li span {



	display:block;



	position:absolute;



	bottom:10px;



	left:7px;



	color:#828282;



	font-size:11px;



}







#latestPostsHome li span img {



	vertical-align:middle;



	margin-right:3px;



}







#content ul#latestPostsHome li a.readmore {



	display:block;



	position:absolute;



	bottom:8px;



	right:10px;



	background:url(images/but_readmore.png) 0 0 no-repeat;



	width:66px;



	height:22px;



	text-indent:-9999px;



}



.product-page img {

	width: 150px;
	
	height: 150px;
	
	padding:15px 0 20px 15px;
}

.product-page td {

	color:#666;
 
	border:1px solid #EEEEEE;
	
	padding:0 10px 10px;
	
	vertical-align:top;
 
}


#homeColumns {



	display:block;



}







#homeColumns li {



	float:left;



	border-right:1px dashed #E0E0DA;



	padding:10px;



	padding-left:0;



	margin-right:11px;



	width:288px;



	position:relative;



}







#homeColumns li img {



	border:none;



}







#homeColumns li.last {



	margin-right:0;



	border:none;



}











#colLeft {



	float:left;



	width:590px;



	margin-top:25px;

	

	display:table;



}



#colLeft img {

	 

}



#colLeft a img {

	margin:0 0 10px;

}



#colLeft h2 {



	font-size:26px;



	font-weight:normal;



	color:#333;



	display:block;



	padding-bottom:10px;



	margin:6px 0 20px 10px;



}



#colRight {



	float:left;



	width:290px;



	padding-top:30px;



	margin-left:15px;



	padding-left:20px;



}







#colRight ul {



	margin-bottom:15px;



}







#colLeft ul li {



	display:block;



	background:url(images/bullet.jpg) 0 5px no-repeat;



	padding:2px 0 3px 15px;



}











#colRight ul#latestPosts li, #colRight ul#subCategs li, #colRight ul li  {



	border-bottom:1px solid #efefef;



	line-height:170%;



	padding:5px;



	background:#f9f9f9;



}







#colRight ul#latestPosts li a, #colRight ul#subCategs li a, #colRight ul li a{



	text-decoration:none;



}







#colRight ul#latestPosts li a:hover, #colRight ul#subCategs li a:hover, #colRight ul#latestPosts li:hover a, #colRight ul#subCategs li:hover a{



	color:#333;



}







#colRight ul#latestPosts li:hover, #colRight ul#subCategs li:hover, #colRight ul li:hover  {



	background:#fff;



}







#colRight ul#latestPosts li span {



	font-size:11px;



	color:#828282;



}







#colRight ul#latestPosts li span img {



	vertical-align:middle;



}







.rss {



	margin:0 0 10px;



	padding:5px 0 10px;



	border-bottom:1px solid #efefef;



}







.rss img {



	float:left;



	margin-right:15px;



	border:none;



}







.serviceColLeft, .serviceColRight {



	float:left;



	width:275px; 



	border-right:1px solid #efefef;



	border-bottom:1px solid #efefef;



	padding-right:15px;



	margin-top:22px;



	height:250px; /* here you can adjust the service box height to fit the content*/



	padding-bottom:25px;



	



}







.serviceColRight {



	float:left;



	width:255px; 



	padding-left:20px;



	padding-right:15px;



	border-right:none;



	



}







.serviceColLeft img , .serviceColRight img {



	float:left;



	margin-right:15px;



	margin-bottom:2px;



}











.blogItem img {



	padding:6px;



	border:1px solid #efefef;



	margin-bottom:5px;



}







.blogItem span img {



	padding:0;



	border:none;



	vertical-align:middle;



	margin:0 5px;



}







.blogItem span.action {



	position:absolute;



	bottom:10px;



	right:10px;



	font-weight:bold;



}







.blogItem, .blogItemSearch {



	padding-bottom:5px;



	border-bottom:1px solid #efefef;



	margin-bottom:20px;



}







.blogItem p img {



	padding:5px;



	border:1px solid #efefef;



} 







.blogItemSearch {



	margin-bottom:10px;



}







.more-link {



	display:block;



	background:url(images/but_readmore.png) 0 0 no-repeat;



	width:66px;



	height:22px;



	text-indent:-9999px;	



}







span.metadata {



	display:block;



	padding:5px 0;



	font-size:11px;



	color:#828282;



	border-bottom:1px solid #efefef;



}







span.metadata img {



	vertical-align:middle;



}







.search-terms {



	color:#000;



	font-style:italic;



	font-family:Georgia, "Times New Roman", Times, serif;



	font-size:18px;



}







/*COMMENTS



---------------------------------------------*/



#colLeft ul.commentlist {



	margin-bottom:10px;



}







#colLeft ul.commentlist li {



	background:none;



	border-bottom:1px solid #efefef;



	padding:5px 0;



	padding-left:40px;



}







#colLeft ul.commentlist li .avatar {



	float:left;



	width:32px;



	margin-left:-40px;



}







*html #colLeft ul.commentlist li .avatar {



	margin-bottom:-20px;



}







#colLeft ul.commentlist li.odd {



	background:#f9f9f9;



}







#colLeft ul.commentlist li .commentmetadata {



	font-size:11px;



	color:#999;



	border-bottom:1px solid efefef;



}







/* FOOTER



---------------------------------------------*/







.footerMark {



	position:absolute;



	top:10px;



	right:0;



}







/* HOME SLIDER



-----------------------------------------------*/







#slider {



	margin-bottom:20px;



	margin-top:20px;

 

}







* html #slider {



	padding-bottom:0;



}







#sliderFold {



	width:305px;



	padding:0 0 10px;



	float:left;



}







#sliderFold .sliderItem, #sliderFold .sliderItemOn, #sliderFold .sliderItemOnFirst{



	padding:13px 20px 0 84px;



	border-right:1px solid #b57201;



	border-bottom:1px solid #b57201;



	border-top:1px solid #fff;



	height:83px;



	position:relative;



	cursor:pointer;



}







 #sliderFold .sliderItemOnFirst {



 	border-top:1px solid #b57201;



 }







#sliderFold .sliderItemOn, #sliderFold .sliderItem:hover {



	border-right:none;



	background:url(images/bk_serv_active.jpg) 100% 0 repeat-y;



	



	



}







#sliderFold .sliderItem h2, #sliderFold .sliderItemOn h2, #sliderFold .sliderItemOnFirst h2 {



	font-size:16px;



	letter-spacing:-1px;



	padding-bottom:5px;



	text-transform:none;



	color:#333;



}







#sliderFold .sliderItem p, #sliderFold .sliderItemOn p, #sliderFold .sliderItemOnFirst p  {



	line-height:120%;



	margin:0;



	padding:0;



}



.product-details {

	

	left:195px;

	

	position:absolute;

		

	top:57px;

	

}



#sliderFold .sliderItem img, #sliderFold .sliderItemOn img, #sliderFold .sliderItemOnFirst img{



	position:absolute;



	left:0;



	top:10px;



}







.sliderImg {



	background:#f5ae32 url(images/bk_blue_grad.jpg) 0 100% repeat-x;



	border:1px solid #ACD7EE;



	border-left:none;



	position:relative;



	float:left;



	padding:7px;



	height:376px;
	
	margin: 0 0 10px;



}



.area-bt a {

	

	position: absolute;

	

	display:block;

	

	height:83px;

	

	width:200px;

}



.panel a.butDetails {



	display:block;



	position:absolute;



	width:157px;



	height:40px;



	background:url(images/but_slider.png) 0 0 no-repeat;



	text-indent:-9999px;



	right:3px;



	bottom:5px;



}







.panel img {



	border:1px solid #fff;

	

	



}	







.panel p.projName {



	color:#000000;

	font-size:16px;

	font-weight:bold;

	margin:0;

	padding:18px 4px 0;



}















/* CAROUSEL



---------------------------------------------*/







.stepcarousel{



	float:left;



	position: relative; /*leave this value alone*/



	overflow: hidden; /*leave this value alone*/



	width: 600px; /*Width of Carousel Viewer itself*/



	height: 376px; /*Height should enough to fit largest content's height*/



}







.stepcarousel .belt{



	position: absolute; /*leave this value alone*/



	left:0;



	top: 0;



}







.stepcarousel .panel{



	float: left; /*leave this value alone*/



	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/



	width: 600px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */



	height:384px;



	position:relative;



}











/* FORMS



--------------------------------------------------*/







#searchform {



	position:absolute;



	top:13px;



	right:20px;



}







#searchform input#s {



	width:195px;



	background:url(images/bk_searchbox.jpg) 0 0 no-repeat;



	font-size:12px;



	font-style:italic;



	font-family:Arial, Helvetica, sans-serif;



	padding:4px 5px;



	border:none;



	color:#999;



}



#IEroot .block-search input.form-submit, #IEroot #searchform input#searchsubmit  {

	width: 25px;

	font-size: 0;

	color: #fff;

	text-align: right;

}

#IEroot #searchform input#searchsubmit  {

	width: 44px;

	text-indent: 0;

}





#searchform input#searchsubmit {



	width:25px;



	height:22px;



	background:url(images/bk_searchbut.jpg) 0 0 no-repeat;



	border:none;

	

	text-indent:-9999px;



}



.screen-reader-text {



	float:left;

	

	margin:3px 10px 0 0;

}





#searchform input {



	float:left;



}







form#contact label {



	display:block;



	padding:8px 0 2px;



	font-weight:bold;



}







form#contact input, form#contact textarea {



	border:1px solid #E5E5E5;



	padding:5px;



	font-size:12px;



	font-family:Arial, Helvetica, sans-serif;



	color:#666;



	width:300px;



}







form#contact textarea {



	width:500px;



}







form#contact input.submit {



	border:none;



	width:147px;



	height:40px;



	text-align:center;



	padding-top:4px;



	color:#fff;



	font-weight:bold;



	text-transform:uppercase;



	margin-top:15px;



	background:url(images/bk_submit.jpg) 0 0 no-repeat;

	

	cursor:pointer;



}







.errormsg, .successmsg{



	background:#FEF4F1;



	border:1px solid #F7A68A;



	color:#DA4310;



	padding:10px;



}







.successmsg {



	background:#F5FAF1;



	border:1px solid #C2E1AA;



	color:#8FA943;



}







form#commentform label {



	display:block;



	padding:8px 0 2px;



	font-weight:bold;



}







form#commentform input, form textarea {



	border:1px solid #E5E5E5;



	padding:5px;



	font-size:12px;



	font-family:Arial, Helvetica, sans-serif;



	color:#666;



	width:300px;



}











form#commentform textarea {



	width:500px;



}







form#commentform input#submit{



	border:none;



	width:157px;



	height:40px;



	text-align:center;



	padding-top:4px;



	color:#fff;



	font-weight:bold;



	text-transform:uppercase;



	margin-top:15px;



	background:url(images/bk_butpostcomm.jpg) 0 0 no-repeat;



	font-size:11px;



}















/* CLEARING



---------------------------------------------------*/



.clearfix:after {



    content: "."; 



    display:block; 



    height: 0; 



    clear: both; 



    visibility: hidden;



}



.clearfix {



	display: block;



}



/* Hides from IE-mac \*/



* html .clearfix {height: 1%;}



.clearfix {display: block;}



/* End hide from IE-mac */







.clear {



	clear: both;



}







.noclear {



	clear: none;



}