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


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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



#cs-header{ background-image: url(../images/cs_header_bg.png); height: 47px; width: 100%; border-bottom: solid 5px #FFF;position:relative;z-index:9999;}

#cs-header_content{ width: 960px; margin: auto; padding-top: 0px; position:relative;}

#cs-logo{ width: 250px; float: left;margin-top: 11px;margin-right: 50px; }

#cs-phone{ width: 150px; float: right; text-align: right; margin-top: 11px; }

#cs-banner-area{ width: 958px; /* border-bottom: solid 2px #666; */ margin: auto; height: 330px; padding-bottom: 15px;  position: relative; z-index: 50;margin-top:-4px;}

#cs-banner-area img{ position: relative; z-index: 100; height: 100%; width: 100%;}

.promo_banner{ width: 960px; height: 73px; border: solid 1px #333333; margin: auto; margin-bottom: 25px; margin-top: 25px;}

/* NAVIGATION NOVEMBER 2011 */


#cs-nav{ width: 500px; 
		float: left; 
		margin-left: 105px; 
		height: 40px;
		line-height: 40px;
		margin: 0;
		padding: 0;
		position: relative;

 }

#cs-nav ul{ list-style:none; width: 450px;}

#cs-nav ul li{ 

			display:			inline; 

			
			}

#cs-nav ul li a{ 


			
			
			height:				40px;
	line-height: 		40px;
	float:				left;
	text-decoration: 	none;
	color: 				#FFFFFF;
	text-transform: 	uppercase;
	font-size: 			10px;
	padding:			0 10px;
	font-family: Arial, Helvetica, sans-serif;
	}
			
			
#cs-nav ul li a:hover{
	
			background: #FFF;
			color:#003366;
	
	
			}





#cs-main_content{ width: 960px; margin: auto;text-align: left;font-family:Arial, Helvetica, sans-serif;}

#cs-main_content p{ font-family:Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; line-height: 22px; padding-bottom: 15px; padding-top: 25px; border-bottom: solid 1px #CCCCCC;text-align: left;}



#cs-lower-cta{ width: 960px; margin: auto; /*border-bottom: solid 1px #cccccc;*/ padding-top: 20px; padding-bottom: 25px; border-top: solid 1px #cccccc;  }

.cs-cta{ width: 228px; float: left; margin-right: 16px; }

.cs-cta.last{width: 228px; float:left; margin-right: 0px;}

#cs-footer-wrap{ width: 100%; border-top: solid 1px #CCC; background-image: url(../images/cs-2011-h2-bg.png); background-repeat: repeat; height: 100px;}

#cs-footer{ width: 960px; margin: auto; padding-top: 15px;}

#cs-footer p{ float: left; width: 450px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#036; text-align: left;}

#cs-footer ul{ float: right; width: 190px;font-family: Arial, Helvetica, sans-serif; font-size: 10px;color:#036;text-align: right;}

.last-footer-nav{ padding-right: 0px;}

#cs-footer ul li{ display: inline; padding-right: 15px;text-align: right;}


/****************** CAR SALES PAGE ******************/

#features{ width: 960px; margin: auto;font-family: Arial, Helvetica, sans-serif; }

#features h2{font-size: 28px; font-weight: 700; padding-top: 10px; padding-bottom: 15px; font-family: Arial, Helvetica, sans-serif;color:#036;}

.sales{background-image: url(../images/cs-car_sales-bg.jpg); width: 100%; }


/****************** MISC ITEMS ******************/

#article {width: 600px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:16px;}

#article img{margin: 0px; margin-bottom: 15px;}


/****************** DROP DOWN NAVIGATION ******************/



.dropdown{padding:			0 15px;}


#cs-nav ul li{ 


			
			
	height:				40px;
	line-height: 		40px;
	float:				left;
	text-decoration: 	none;
	color: 				#FFFFFF;
	text-transform: 	uppercase;
	font-size: 			10px;
	font-family: Arial, Helvetica, sans-serif;
			
	}

#cs-nav li:hover{background-color: #FFF;color: #003366;}

#cs-nav li a {
	display: block;
	padding: 3px 8px;
	color: #fff;
	text-decoration: none; }

#cs-nav ul li ul {
	display: none; 
	
	margin-top: 0px;}

#cs-nav ul li:hover ul {
	display: inline;
	position: absolute;
	width: 180px; /* Width to help Opera out */
	top: 40px;
	margin: 0;
	margin-left:-65px;
	z-index:9999;
	background-color: #003366;
	padding: 0px;
	}

#cs-nav ul li:hover li {
	/* float: none;*/ 
	width: 180px;
	display: block;
	float: left;
	text-align: left;

}

#cs-nav ul li:hover li a {
	
	border-bottom: 1px solid #999999;
	color: #FFF;
	width: 150px;
	display: block;
	float: left;
	text-align: left;

	
	}

#cs-nav ul li ul li a:hover {
	color: #003366;
	background-color: #FFFFFF;
	width: 150px;
	border-bottom: none;

}

#services-text{font-family: arial, helvetica, sans-serif;}

#services-text h3{padding: 15px; width: 930px; background-color: #003366; color: #FFF; margin-bottom: 15px; border: 0px;}

#services-text h4{padding: 15px; width: 930px; background-color: #003366; color: #FFF; margin-bottom: 15px; border: 0px;}

#services-text p{font-size: 14px; padding-left: 25px; padding-top:0px;}

#services-text ul{font-size: 14px; padding-left: 25px; padding-top:0px;}

#services-text ul li{padding:5px;}

#services-text img{display: none;}

/******* PARTS PAGE CTAs *********/

.top-margin{width: 173px; height: 150px; margin-top: 15px; float: left; margin-right: 20px;}

.top-margin h1{margin: 0px;padding: 0px;}

.features-cat{width: 173px; height: 150px; margin-top: 15px; float: left; margin-right: 20px;}

.features-cat h1{margin: 0px;padding: 0px;}

/************** ICBC CLAIMS PAGE **************/

#icbc-cta{padding-bottom: 15px; height: 250px; border-bottom: solid 1px #CCCCCC;}

#icbc-cta h1{font-size: 16px; line-height: 22px;padding-top:15px; font-family: arial, helvetica, sans-serif;}

#icbc-cta p{font-size: 10px;border-bottom: 0px;}

.claims-boxes{width: 224px; margin-right: 10px; padding-right:10px; border-right: solid 1px #CCCCCC; float: left; padding-top: 25px; margin-bottom: 15px; }

.claims-boxes h1{font-size: 14px;}

.claims-boxes p{font-size: 12px;}





