@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #6B8797;
	text-decoration: none;
	margin: 0px;
	font-style: normal;
	text-align:left;
	line-height:20px;
	
}
img{
border:0;}
.home-bg{
	background-position: left top;
	background-image: url(../images/home-bg.jpg);
	background-repeat: repeat-x;
	}
.sub-bg{
	background-position: left top;
	background-image: url(../images/inner-bg.jpg);
	background-repeat: repeat-x;
	}
	
.products-bg{
	background-position: left top;
	background-image: url(../images/products-bg.jpg);
	background-repeat: repeat-x;
	}	
	
	
	
	
	
	
a {
	color: #E61219;
	text-decoration: none;
	
	}
	
a:hover {
	acolor: #6B8797;
	text-decoration: underline;
	}
p {
	margin:0 0 20px 0;
	clear:left;
	padding:0;
	}
	
h1, h2, h3, h4 {
	margin:0 0 10px 0;
	clear:left;
	padding:0;
	font-weight: normal;
	font-variant: normal;
	line-height:normal;

		
	}
hr {
	margin:25px 0;
	height:0;
	border:0 solid #D7E0E5;
	border-top:1px solid #D7E0E5;
	clear:both;

}	
form {
	margin:0;
	padding:0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #6B8797;
	text-decoration: none;
	}

.subtitle{
	color:#E61219;
	font-size:17px;
	font-weight:bold;
	text-align:inherit;
}
.subtitle img{
	vertical-align:middle;
	margin:0px 5px 5px 0;
	padding:0;
}
.heading{
	
	font-size: 27px;
	font-weight: normal;
	color: #DD1117;
	line-height:normal;
	font-family:Georgia, "Times New Roman", Times, serif;

	
}
.table{
padding:0;
margin:0;
border-collapse:collapse;
}

.table td{
	padding:10px ;
	margin:0;
	vertical-align:middle;
	text-align:left;
	border-collapse:collapse;
	border:2px solid #fff;
	background-color:#FFE7E8;
	font-size:12px;
	
	
}
.table td a{
	color:#000;
	text-decoration:none;

}
.table td a:hover{
color:#E61219;
}
.table img{
background-color:#FFD1D3;
padding:6px;
border:1px solid #FCAAAE;
margin:0 10px 10px 0;
vertical-align:middle;
}

.page-title{
	
	font-size: 25px;
	font-weight: normal;
	color: #758F9E;
	line-height:normal;
	border-bottom:1px solid #D7E0E5;
	padding-bottom:10px;
	margin-bottom:20px;

	
}
.sub-title{
	
	font-size: 24px;
	font-weight: normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #758F9E;
	line-height:normal;
	padding-bottom:5px;
	margin-bottom:10px;

	
}
.heading2{
	
	font-size: 15px;
	font-weight: bold;
	color: #758F9E;

	
}


.combo-border{
	width:144px;
	height:auto;
	border:1px solid #D7E0E5;
	background-color:#fff;
	color:#8EA7B4;
	font-size:13px;
	float:left;
	margin-right:5px;
	padding:2px;
	
}
.combo-border2{
	width:144px;
	height:auto;
	border:1px solid #D7E0E5;
	background-color:#fff;
	color:#8EA7B4;
	font-size:13px;
	float:left;
	padding:2px;
	
}
.field-border{
	width:400px;
	border:1px solid #D7E0E5;
	background-color:#fff;
	color:#8EA7B4;
	font-size:14px;
	margin:2px 0;
	padding:7px 5px;
	
}
.button{
	width:auto;
	border:none;
	background-color:#E61219;
	color:#fff;
	font-size:13px;
	padding:5px;
	font-weight:bold;
	font-family:Tahoma;
	-moz-border-radius:8px;
	-webkit-border-radius: 8px;
	/*border-radius: 8px;
	behavior: url(border-radius.htc);*/
	
	
}
.cart{
	color: #6B8797;
	line-height: 20px;
	background-image: url(../images/cart-icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 5px 0 30px;
	text-align:left;
	line-height:30px;
	font-size:13px;
}
.checkout{
	color: #6B8797;
	line-height: 20px;
	background-image: url(../images/checkout-icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 2px 30px;
	text-align:left;
	line-height:30px;
	font-size:13px;
	margin-left:30px;
}
.bluebg{
background-color:#006699;

}
.bluebg td{
background-color:#006699;
color:#fff;
text-align:left;
padding:5px 10px;
border-left:1px solid #fff;
}
.more-link{
	font-size: 14px;
	color: #E61219;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right 4px;
	text-align: left;
	padding-right: 10px;
}

.mobile{
	
	color:#758F9E;
	font-size:13px;
	padding-left:16px;
	vertical-align:middle;
	text-align:left;
	background-image: url(../images/phone-icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.mail{
	
	margin:0;
	padding:0;
	color:#758F9E;
	font-size:13px;
	padding-left:20px;
	vertical-align:middle;
	text-align:left;
	background-image: url(../images/mail-icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/********CONTAINERS*******/

#main-container{
	width:950px;
	height:auto;
	margin:0 auto;
	position:relative;
}
#top-container{
	width:950px;
	height:auto;
	float:left;
	position:relative;
	}
#top-div{
	width:950px;
	height:96px;
	float:left;
	position:relative;
	background-image: url(../images/karperformance-logo.gif);
	background-repeat: no-repeat;
	background-position: left 22px;
}
#home-link{
	width:328px;
	height:55px;
	float:left;
	margin-top:22px;
}
#home-link a{
	width:328px;
	height:55px;
	float:left;
	display:block;
}
.invi{
	
	display:none;

}

#top-right{
	width:333px;
	height:auto;
	float:right;
	padding-top:12px;
	font-size:12px;
	
}
#top-right p{
margin:0 0 2px 0;
padding:0;
clear:left;

}
#navigation{
	width:950px;
	height:33px;
	float:left;
	position:relative;
}

#navigation ul{
	width:auto;
	height:33px;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}
#navigation li{
	height:33px;
	float:left;
	list-style:none;
	width:auto;
	margin:0;
	padding:0;
}
#navigation a{
	height:33px;
	float:left;
	list-style:none;
	width:auto;
	padding:0 13px;
	text-align:center;
	line-height:33px;
	font-size:15px;
	color:#7497A5;
	font-weight:bold;
	display:block;
	text-decoration:none;
	text-transform: uppercase;
	margin:0;
	padding:0 20px 0 10px;
}
#navigation a:hover{
	color:#E61219;
	
}
.slash{
	background-image: url(../images/slash.gif);
	background-repeat: no-repeat;
	background-position: right center;
	height: 33px;
	width: 9px;
}

#header{
	width:950px;
	height:334px;
	float:left;
	position:relative;
}
#sub-header{
	width:950px;
	height:334px;
	float:left;
	position:relative;
	background-image: url(../images/subpage-header.jpg);
	background-repeat: no-repeat;
}
#middle{
	width:950px;
	height:auto;
	float:left;
	position:relative;
	padding:43px 0 10px 0;
}
#block-container{
	width:950px;
	height:156px;
	float:left;
	color:#6B8797;
	font-size:12px;
	padding-bottom:10px;
	border-bottom:1px solid #D7E0E5;
	margin-bottom:10px;

}
#featured-pro{
	width:149px;
	height:68px;
	float:left;
	margin-right:13px;
	background-image: url(../images/featured-products.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:86px 15px 0 15px;
	line-height:15px;
}


#products{
	width:149px;
	height:52px;
	float:left;
	margin-right:13px;
	background-image: url(../images/products.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:100px 15px 0 15px;
	text-align:center;
}

#used-car{
	width:149px;
	height:102px;
	float:left;
	margin-right:13px;
	background-image: url(../images/usedcar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:50px 15px 0 15px;
	line-height:15px;
}


#ctek{
	width:179px;
	height:152px;
	float:left;
	margin-right:13px;
	
}


#cosworth{
	width:179px;
	height:152px;
	float:left;
}

#welcome{
	width:435px;
	height:auto;
	float:left;
	position:relative;
}
#news{
	width:464px;
	height:auto;
	float:left;
	padding-left:50px;
	margin:0;
	position:relative;
}
.news{
	padding:13px 0 13px 50px;
	border-top:1px solid #D7E0E5;
	background-image: url(../images/news-icon.gif);
	background-repeat: no-repeat;
	background-position: left 13px;
}
#footer-container{
	width:100%;
	height:auto;
	float:left;
	background-image: url(../images/footer-gradiant.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#footer{
	width:950px;
	height:auto;
	margin:auto;
	background-image: url(../images/footer-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:56px 0 50px 0;
	color:#7497A5;
	text-decoration:none;
	font-size:12px;
}
#footer a{
	color:#7497A5;
	text-decoration:none;
}
#footer a:hover{
	color:#E61219;
	text-decoration:underline;
}
.kar-group{
	width:223px;
	height:70px;
	float:left;

}
#kar-group{
	width:223px;
	height:70px;
	float:right;

}


#cards{
	
	margin:0;
	padding-right:60px;
	color:#758F9E;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	float:left;
	width:263px;
	height:auto;
	
	
}
.cards img{
margin:5px 1px 0 0;
}






#footer-info{
	width:310px;
	height:auto;
	float:left;	
}
#follow{
float:left;
vertical-align:middle;
padding:10px 10px 0 0;
}
#googlemap{
	width:450px;
	height:auto;
	float:left;

}
#address{
	width:450px;
	height:auto;
	float:right;

}