/*CSS BY PHASE NEW MEDIA COPYRIGHT 2007*/

/*------------Scrollers-------------------------------------------*/
html
{
	height: 101%; /* add scrollbars to borwsers that do not have them - this eliminates page shift between long and short pages */
}

body
{
	/*ORGINAL*/
	background: #A3AEAD;
	/*ORGINAL*/
	/*background:#CC0000;*/
	/*background-image:url(../images/bg.jpg);*/
	background-repeat:repeat-x;
	
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}

/* CLEARER STYLE used to clear nested divs */
.clear { clear: both; }	
	
		
/*------------Container-------------------------------------------*/
#centrer
{
	width: 770px;
	margin: 0 auto 0px;
	background: #FFFFFF;
}


/*--------------Header-------------------------------------------*/

#flashcontent {
	width:770px;
	height:252px;
	}


#header { height: 110px; width: 770px;
padding: 0; position: relative; 
background-color: #F9F9F7;
background-image:url(../images/header_bg.jpg);
background-repeat:no-repeat;}


/*------------Hero & Trim-------------------------------------------*/
#logo { position: absolute; padding:5px 0 0 18px; }

#hero_img{
	display: block;
	border-bottom: 20px solid #F6F7F4;
}

#hero_txt{ float:right; text-align:left;}

#grey_border{height: 15px; background-color: #333333;}

a img { border: 0; }

#hero_img img { display: block; border: none; }

#border {
	background-image:url(../images/stripe_bg.jpg);
	background-repeat:no-repeat;
	width: 770px;
	height: 8px;}


/*------------March Great Offers-------------------------------------------*/

a.blockrollover { display: block; background-color: #EDEFEF; padding: 10px; margin: 0 0 10px 0; text-decoration: none!important; clear:both; float: right; width: 420px; height: 105px; }
a.blockrollover img { display: block;  background-color: #FFFFFF; padding: 2px; border: 0; float: left; }  
a.blockrollover .textblock {  display: block; font-size: 85%;  color: #333333; margin: 0 0 0 10px; width: 280px; float: right;  }
a.blockrollover strong { display: block; font-weight: bold; margin: 0 0 5px; } 

/*------------Top Right Nav-------------------------------------------*/


#bnav {
	font-size: 70%;
	background: #ED1C24;
	color: #FFFFFF;
	padding: 8px 15px 5px 22px;
	margin: 18px 0 0 0;
	list-style:none;
	float: right;
	display: block;
	width: 190px;
	} 

#bnav li {
	float:left; 
	margin: 0 0 0 7px;
	}
	
#bnav a { text-decoration: none; color: #FFFFFF; }
#bnav a:hover{ color: #000000; }


/*------------Primary Nav-------------------------------------------*/

#anav
	{
	background: #FFFFFF;
	display: block;
	padding: 0;
	}
	
#anav ul { list-style: none; padding: 0; margin: 0 6px 0 0; }
#anav li { float: right; }


#anav a { padding: 13px 9px 11px 9px; display: block; }
#anav a:hover { padding: 11px 9px 11px 9px; border-bottom: 2px solid #ED1C24; }

/*------------Phone Graphic-------------------------------------------*/
#phone {
	padding: 5px 0 0 16px;
}

/*---------------Left Nav-------------------------------------------*/

#leftnav {
	float: left;
	width: 150px;
	margin: 0;  
	padding: 20px 0 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
}

#leftnav h1 {
	display: block; 
	margin: 0 0 5px 0; 
	padding: 0; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%; 
	text-transform: uppercase;
	text-decoration: none;
	color: #4E5154;  
	border-bottom: 1px solid #666666;
	background-image:url(../images/h1_left.gif);
	background-repeat:no-repeat;padding: 0 0 0px 0;
}

#leftnav ul  {
	text-align:left;
	width: 100%;
	margin: 0; 
	padding: 0;
	list-style: none;
}

#leftnav li {
	background: url(../images/bul.gif) no-repeat -2px 100%;  
}

#leftnav li a {
	display: block;
	color: #333333;
	text-decoration: none;
	text-transform: uppercase;
	margin: 6px;
	padding: 13px 0 13px 15px;
}

#leftnav li a:hover {color: #ED1C24;}
	
/*---------------column widths----------------------------------------------*/

#leftcol {
	float: left;
	width: 290px;
	margin: 8px 5px 0 5px; 
	padding: 10px;
} 

#leftcol img {
	padding: 0px;
}

#rightcol {
	float: right;
	width: 280px;
	margin: 3px 0 0 0;  
	padding: 15px 10px 10px 0;
}


/*---------------Body Section-------------------------------------------*/

	
/* body section has a set width so that the absolute positioned rh cols can be positioned nest to it */
#bodysection 	{
	float: right;
	width: 560px;
	margin: 0;
	padding: 0 30px 0 10px;
}

#bodysection1 	{
	float: left;
	width: 770;
	margin: 0;
	padding: 0;
}

#bodysection h1	{
	clear: both;
	font-size: 130%;
	text-transform: uppercase;
	line-height: 26px;
	margin: 17px 0 14px 0;
	padding: 0;
	color: #ED1C24;
	font-weight: bold;
}	

/* Into Text - this is the intro text leading into the main body copy */
#bodysection h2 {
	clear: both;
	text-transform: uppercase;
	color: #EF3E33;
	font-size: 100%;
	line-height: 120%;
	margin: 20px 0 20px 0;
	display: block;
	border-bottom: 1px dashed #9AABB5;
	background-image:url(../images/h1_left.gif);
	background-repeat:no-repeat;
	padding: 0 0 0px 0;
	background-position: right;
	}
	

#bodysection h3 {
	text-transform: uppercase;
	font-size: 90%;
	color: #4E5154;
	line-height: 120%;
	margin: 20px 0 10px;
	display: block;
	}
	

/* Paragraph lead in - this is text to head up a paragraph */		
#bodysection h4 {
	font-weight: bold;
	color: #4E5154;
	font-size: 110%;
	text-transform: uppercase;
	margin: 20px 0 10px 0;
	display: block;
	line-height: 140%;
	clear:both;
	}

/* Paragraph lead in - this is text to head up a paragraph */		
#bodysection p {
	font-size: 90%;
	color: #231F20;
	margin: 5px 0 10px;
	display: block;
	line-height: 155%;
	}

#bodysection a { color: #000000; }
#bodysection a:hover { color: #585858; }

#bodysection ul {
		width: 330px; 
		display: block;
		float: left;
		list-style: none;
		font-size: 85%;
		margin: 0 0 10px 0;
		padding: 10px 10px 5px;
		background-color: #EDEFEF;
		border: 1px solid #FFFFFF;
		clear: both;
}
		
#bodysection li {
		margin: 0 0 10px;
		background: url(../images/square.gif) no-repeat left 50% !important; 
		padding: 0 0 0 12px;
		}

.thumb { 
	float: left; 
	padding: 3px;	
	border: #E6E9EE 1px solid;  
	margin: 0 0 20px 10px; 
	display: block; 
	background-color:#fff;  
}

.thumbleft { 
	float: left; 
	padding: 3px;	
	border: #E6E9EE 1px solid;  
	margin: 0 20px 4px 0; 
	position: relative;
	background-color:#fff;  
}

.thumbright { 
	float: right; 
	padding: 3px;	
	border: #E6E9EE 1px solid;  
	margin: 0 0 4px 20px; 
	position: relative;
	background-color:#fff;  
}

.logo {
	margin: 18px 0 14px 0; 
	padding: 0; 
}
		

/*---------------Left Column-------------------------------------------*/
#leftcol h1{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 210%; 
	line-height: 26px;
	margin: 0 0 4px 0; 
	padding: 0; 
	color: #585858;  
	clear: both;
}

#leftcol h1 a { color: #585858; text-decoration: none; }
#leftcol h1 a:hover { color: #FF0000; }

.contactleft {
	float: left;
	width: 255px;
	margin-right: 60px;
	}

/*---------------Right Column-------------------------------------------*/
#rightcol h1{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%; 
	display: block; 
	margin: 0 0 10px 0; 
	padding: 0; 
	color: #4E5154;  
	border-bottom: 1px solid #666666;
	background:url(../images/h1_right.gif) no-repeat 0 20%;
	clear: both;
}

#rightcol h1 a { color: #666666; text-decoration: none; }
#rightcol h1 a:hover { color: #FF0000; }

.contactright {
	float: left;
	width: 255px;
	}

/*--------------Qlinks Right-------------------------------------------*/
.blockrollover {
	width: 260px !important;
	background-color: #EDEFEF !important; 
	height: 80px;
}

a:hover.blockrollover { background:  #A3AEAD !important;}

.textblock { width:140px !important; }



/*---------------Qlink Typography-------------------------------------------*/

.qlink_h2 {
	color: #FF0000;
	font-size: 100%;
	font-weight: bold;}

.middle_h2 {
	color: #FF0000;
	font-weight: bold;
	padding: 14px 30px 12px 0px;
	margin: 0;
	text-align:right;
	background: url(../images/arrow_grey.gif) no-repeat 0 60%;
}

.middle_h2 a { color: #FF0000; text-decoration: none;}

.middle_h2 a:hover { color: #333333; }

/* ***************************** NEW CARS HOME 3 COL *************************** */

.new_container {
	clear: both;
	display: inline;
	float: left;
	margin: 0 0 20px 0;
}

a.model_btn {
	width: 170px;
	height: 170px;
	padding: 5px;
	display: block;
	float: left;
	border: 1px #EDEFEF solid;-
	margin: 0 6px 6px 0;
	color: #666666;
	text-decoration: none;
	font-size: 85%;
	background: #F6F7F4;
	}
	
	a.model_btn * {cursor:pointer;}

a:hover.model_btn {
	border: 1px #9AABB5 solid;
	background: #FFFFFF;
	}

.newcar_hdr {  display: block; font-weight: bold; margin: 0 0 3px; text-transform: uppercase; }
.newcar_desc { display: block; margin: 0 0  2px; line-height: 95%; }
.newcar_click { display: block; text-decoration: underline; padding: 0 0 0 10px; background: url(../images/row_bullet.gif) 0 5px no-repeat; }
.newcar_price { color:#FF0000; font-weight:bold;}
a.demo_btn {
	width: 170px;
	height: 200px;
	padding: 5px;
	display: block;
	float: left;
	border: 1px #EDEFEF solid;
	margin: 0 6px 6px 0;
	color: #666666;
	text-decoration: none;
	font-size: 85%;
	background: #F6F7F4;
	}

a:hover.demo_btn {
	border: 1px #9AABB5 solid;
	background: #FFFFFF;
	}
	
.new_brochure {
	float: left;
	margin: 0;
}
.brochure_btn {
	width: 170px;
	height: 245px;
	padding: 5px;
	display: block;
	border: 1px #EDEFEF solid;
	margin: 0 6px 6px 0;
	color: #666666;
	text-decoration: none;
	font-size: 85%;
	background: #F6F7F4;
	}

a:hover.brochure_btn {
	border: 1px #9AABB5 solid;
	background: #FFFFFF;
	}
	
.newsletter { margin:-43px 0 10px -133px;}
/*.newsletter { position:relative;}
.newsletter-form {po*/
/*----------------Forms-------------------------------------------*/

.form_container {
	clear: both;
	float: left;
	width: 550px;
	margin: 0 0 20px 0;
}

.formcell {
	width: 160px;
/*--height: 40px;--*/
	padding: 7px;
	display: block;
	float: left;
	border: 1px #EDEFEF solid;
	margin: 0 6px 6px 0;
	color: #666666;
	text-decoration: none;
	font-size: 85%;
	background: #F6F7F4;
	}
	
.formheading {
	display: block;
	float: left;
	color: #666666;
	font-size: 85%;
	}

.lightrow {
	background-color: #EDEFEF;
	}
	
.darkrow {
	background-color: #E1E3E3;
	}

.terms {
	font-size: 75%!important; line-height:110%;
	}

/*----------------Footer-------------------------------------------*/


#footer {
	clear: both;
	display: block;
	background-color: #EDEFEF;
	padding: 15px 15px 20px 15px;
	margin: 0px 0 0 0;
	font-size: 85%;
	}
	

#footer ul { margin: 0;	padding: 5px 5px 0; list-style: none; color: #585858; }
#footer li { display: block; }
#footer a { color: #ED1C24; text-decoration: none; }
#footer a:hover { color: #000000; }

/* FLOAT FOOTER ITEMS LEFT AND RIGHT */
.float_left { float: left; }
.float_right { float: right; text-align: right; }

.contact_table {
	font-size: 90%;
	}
	
	
	
/*----------------Parts/Accessories Buttons-------------------------------------------*/
	
a.parts_btn {
	width: 170px;
	height: 95px;
	padding: 5px;
	display: block;
	float: left;
	border: 1px #EDEFEF solid;
	margin: 0 6px 6px 0;
	color: #666666;
	text-decoration: none;
	font-size: 85%;
	background: #F6F7F4;
	}

a:hover.parts_btn {
	border: 1px #9AABB5 solid;
	background: #FFFFFF;
	}
	
	/*----------------Home Offer Link-------------------------------------------*/
a.homelink {color:#0060A4;
text-align:left !important;}