/* this template was created for and by Phase New Media -- 

this page is broken into six section :

-- universal styles
-- left col - including anav bnav and logo
-- right col
-- hero img
-- footer 

-- colours

off black(bg colour): #121212
nav blue: #0082D6
off white: #F4F4F4 
grey nav: #808080
footer txt color: #565656
*/



/* **************************************************************** */
/* ********************** universal styles ************************ */
/* **************************************************************** */

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

.clear{ 
	clear: both;
	margin:0;
	padding:0;
	height:0;
	border:none;

 }

body{
	font-family: arial,helvetica,sans-serif;
	font-size: 1em;
	background-color: #121212;
	margin-top: 0;
	}

img { border: none; display: block; }
		
/* Centres page */
#container{
	margin: 0 auto;
	width: 959px;
	}

/* **************************************************************** */
/* **********************   Left Column    ************************ */
/* **************************************************************** */
#leftcol{
	float: left;
	width: 189px;
	margin: 0;
	padding: 0;
	}

#logo {
	padding: 0 15px 6px 0;
	margin: 18px 0 0 20px;	
	}		/* screen version of logo */


.divider {
	display: block;
	margin: 0;	
	padding: 5px 10px;
	}
	

.anav {
	list-style-type: none; /*turns off display of bullet*/
	margin: 0; /*removes indent IE and Opera*/
	padding: 0 0 0 28px; /*removes indent Mozilla and NN7*/
	}		/* using this technique of the vertical list style add the id in the ul not in a div */
	
.anav li {
	display: inline-block;
	padding: 0px;
	margin: 0;
	}

.anav img { 
	display: inline; /* IE: this achieves consistent padding between images in a vertical list */
	}

#anavsub {
	list-style-type: none; /*turns off display of bullet*/
	margin: 0; /*removes indent IE and Opera*/
	padding: 0 0 8px 90px; /*removes indent Mozilla and NN7*/

	}		/* using this technique of the vertical list style add the id in the ul not in a div */
#anavsub li {
	display: inline-block;
	padding: 0px 0;
	margin: 0;
	}

#anavsub img { 
	display: inline; /* IE: this achieves consistent padding between images in a vertical list */
	}
	
#dnavsub {
	
	list-style-type: none; /*turns off display of bullet*/
	margin: 0px; /*removes indent IE and Opera*/
	padding: 0px 0px 8px 28px; /*removes indent Mozilla and NN7*/

	}		
	/* using this technique of the vertical list style add the id in the ul not in a div */
#dnavsub ul {
	list-style: none; 
	padding: 0; 
	margin: 0;
	z-index:-1;
	
	}
#dnavsub li {
	
	display: inline-block;
	padding: 0px 0px;
	margin: 0px;
	
	}

#dnavsub img { 
	display: inline; /* IE: this achieves consistent padding between images in a vertical list */
	}


.bnav { 
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 28px;
	}

.bnav img {
	display: inline; 
	}

		
.bnav li {	
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0;
	}

/* **************************************************************** */
/* **********************   Right Column   ************************ */
/* **************************************************************** */

#rightcol {
	float: right;
	width: 770px;
	margin: 0;
	padding: 0 0 3px 0;	
	background-color: #F4F4F4;
	}
	
#rightcol h5{	
	font-size:70%;
	font-weight: bold;
	margin:8px 0 0 0;
	padding: 0;
	color:#666666;
}

#rightcol_home {
	float: right;
	width: 770px;
	margin: 0;
	padding: 0;	
	}

/************** CNav styles *****************/

.cnav ul {
	list-style: none;
	padding: 0 12px 0 0;
	margin: 0;
	}
	
.cnav li {
	float: right;
	list-style: none;
	margin: 0 0 0 2px;
	padding: 0;
	}	
	
/* Remove the auto borders on img buttons and remove the added padding that comes with inline elements */
#cnav img { display: block; border: none; }

/************** Content styles *****************/

.speclink {
	color: #FF6600;
	font-weight:bold;
	font-size:10pt;
	padding-left:8px;
	}

#mast {
	padding: 12px 0 20px 22px;
	}
	
#content_left, #form_container_left {
	float: left;
	width: 500px;
	margin: 0;
	padding: 0 0 100px 12px;
	background-color: #F4F4F4;
	}
#content_left_fullwidth{
	float: left;
	margin: 0;
	padding: 0 0 10px 12px;
	background-color: #F4F4F4;
}




#content_left p, #content_left_fullwidth p{
	font-size: 80%;
	color: #333;
	line-height: 135%;
	padding: 10px;
	margin: 0 10px 0 0;
	background-color: #EFEFEF;
	}

#content_left h2, #content_left_fullwidth h2, #content_right_txt h2{
	font-variant: small-caps;
	font-size: 90%;
	color: #0082D6;
	background-color: #D8D8D8;
	margin: 4px 10px 0 0;
	padding: 10px;
	}

#content_left h3{
	font-size: 80%;
	color: #333;
	background-color: #EFEFEF;
	margin: 0 10px 0 0;
	padding: 10px 0 0 10px;
	}
 #content_left_fullwidth h3{
 	font-size: 80%;
	color: #333;
	background-color: #EFEFEF;
	margin: 0 10px 0 0;
	padding: 10px 0 0 0;
 }
#content_right_landing {
	float: right;
	width: 255px;
	padding: 0;
	margin: 40px 0 0 0;
	}

#content_right_landing img {
	margin: 0 0 11px 0;
	}


.newcar_container_l {
	float: left;
	padding: 0px;
	margin: 7px 0 0 0;
	height: 125px;
	}

.newcar_container_r {
	float:right;
	padding: 0 8px 0 0;
	margin: 7px 0 0 0;
	height: 125px;
	}

#content_right {
	float: right;
	width: 255px;
	padding: 0;
	margin: 0;
	}


#content_right p {
	font-size: 80%;
	color: #333;
	line-height: 135%;
	padding: 0;
	margin: 0;
	background-color: #EFEFEF;
	}
	
#content_right h1 {
	clear: left;
	font-size: 80%;
	color: #565656;
	margin: 0 0 4px 0;
	padding: 0;
	}

#content_right ul { 
	display: block;
	list-style: none; 
	font-size: 70%; 
	margin: 0 13px 10px 0; 
	padding: 10px; 
	background: #D8D8D8; 
	}

#content_right li { 
	display: block; 
	margin: 0 0 5px; 
	padding: 0 0 0 10px; 
	background: url(../images/bullet.gif) no-repeat left 4px #D8D8D8; 
	color: #444;
	line-height: 130%; 
	}


#content_right_txt{
	float: left;
	width: 234px;
	padding:0 5px;
	margin:0;
	background-color: #EFEFEF;

	}
#content_right_txt a{

	color:#333;
}

#content_right_txt p {
	font-size: 70%;
	color: #333;
	line-height: 105%;
	padding-top: 10px;
	margin: 0;

	}
#content_right_txt h3 {
	font-size: 80%;
	margin:0;
	padding-top: 14px;
}


.special_items{
	padding:0 4px 15px 9px;
	float: left;

}

.specials_price {
	font-size: 75%;
	font-weight: bolder;
	padding:4px 10px;
	margin: 2px 0;
	border: 1px solid #999999;
	color:#121212;
	background-color: #F4F4F4;
	width: 220px;
}

#specials_list {
	width:100%;
	padding:0;
	margin:0;
	display: inline;
	}


#specials_list p {
	font-size: 80%;
	color: #333;
	line-height: 135%;
	padding: 0;
	margin: 0;
	background-color: #EFEFEF;
	}
	
#specials_list h1 {
	font-size: 80%;
	color: #565656;
	margin: 0 0 4px 0;
	padding: 0;
	}

#specials_list ul{ 
	width: 222px;
	display: block;
	list-style: none; 
	font-size: 70%; 
	margin: 0; 
	padding: 10px; 
	background: #D8D8D8; 
	height:260px;
	}

#specials_list li { 
	width: 212px;
	display: block; 
	margin: 0 0 5px; 
	padding: 0 0 0 10px; 
	background: url(../images/bullet.gif) no-repeat left 4px #D8D8D8; 
	color: #444;
	line-height: 130%; 
	}
	
	
#accessories_model img{
	padding:5px 0 5px 10px;
}	


/************** Specials, contact us styles *****************/
#specials_content_short {
	margin:5px 0;
	padding: 10px 0 0 0;
	height: 200px;
	background-color:#ffffff;
	color:#666666
	}

#specials_content {
	margin:5px 0;
	padding: 10px 0 0 0;
	height: 260px;
	background-color:#ffffff;
	color:#666666
	}
	
#specials_content_service {
	margin:5px 0;
	padding: 10px 0 0 0;
	height: 275px;
	background-color:#ffffff;
	color:#666666
	}

#description {
	width: 430px;
	float:right;
	padding-left:15px;
}

#description h1{

	font-size:95%;
	padding:5px 0 0px 8px;
	color:#0082d6;
	margin:0;
}

#description h2{
	font-size:80%;
	padding:0 0 5px 8px;
	margin:0;
	color:#FF6600;
}

#description h3{
	padding:5px 0 0 8px;
	font-size:80%;
	margin:0;
}

#description h4{
	padding:0 0 0 8px;
	font-size:70%;
	margin:0;
}
#description ul{
	width: 420px;
	display: block;
	list-style: none; 
	font-size: 70%; 
	margin: 0; 
	padding: 10px 0 ;

}
#description li{ 
	width: 180px;
	display: block; 
	float:left;
	margin: 0 0 5px 8px; 
	padding: 0 0 0 10px; 
	background: url(../images/bullet.gif) no-repeat left 4px #ffffff; 
	color: #444;
	line-height: 130%; 
	}
#images {
	width: 310px;
	float:right;
}


.contact_info {
	font-size: 75%;
	color: #333;
	line-height: 135%;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 0 0;
	background-color: #EFEFEF;
	float:left;
	clear:right;
	width:214px;
}

.contact_info strong {
	color:#0082d6;
}

.contact_info h6 {
	color:#0000000;
	font-weight:bold;
	font-size:85%;
	line-height: 135%;
	
}

/* **************************************************************** */
/* **********************  Component Divs  ************************ */
/* **************************************************************** */

#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	}


/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 10px 10px;
	}

/************** .hero styles ***************/

.hero{
	font-size: 80%;
	}

#hero{
	/*margin-bottom: -10px;*/
	}

.hero img{
}
/* adjust margins to change separation between the feature image and text flowing around it */

/************** .banners styles *****************/
#banner-sec {
	width:770px;
	height:220px;
}
.banners{
	font-size: 80%;
	padding: 0px 0px 0px 0px;
	margin:3px 2px 0px 0px;
	height:220px;
	float:left;
	width:384px;
	}
#video{
	padding: 0px 0px 0px 0px;
	float:left;
	margin:3px 0 0px 0px;
	width:381px; 
	height:220px;
	}


/*.banners img {
	float:left;
	}*/
	
/************** .story styles *****************/

.story{
	clear: both;
	font-size: 80%;
	margin-bottom: 5px;
	}

.story img {
	padding-top: 3px;
	}



/* **************************************************************** */
/* **********************   Footer Divs    ************************ */
/* **************************************************************** */

#footer{
	clear: both;
	font-size: 75%;
	color: #565656;
	background-image: url(../images/footerBg.jpg);
	height: 136px;
	background-repeat: repeat-x;
	padding: 12px 30px 0 25px;	/*padding instead of margin used to align graphic to left*/
	display: block;
	}

#left_foot {
	float: left;
	width: 480px; /*width used to align foot_logo div*/
	margin: 0;
	}

#left_banner {
	float: left;
	margin: 0;
	}

#foot_logo {
	float: right;
	display: block;
	margin: 0;
	padding: 0;
	}

#foot_logo p {
	display: block;
	line-height: 150%;
	margin: 12px 0 17px; /*width top used to create defined space between logo*/
	}
	
#right_foot { 
	float: right;
	width: 220px; 
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#right_foot li { display: block; padding: 0; }
.right_foot_left { float: left; margin: 0 2px 0 0; padding: 0; }
.right_foot_right { float: right; margin: 0;}

#phase {
	float: right;
	width: 285px; /*width used for aligning graphic to right*/
	margin: 35px 0 0 0;
	padding: 0;
	}

#phase img {
	display: inline;
	}
	
#default-search {
	float:left;
	height:192px;
	width:384px;
	margin:8px 6px 8px 0px;
	padding:0px;
	background-color:#121212;
	overflow:hidden;
	background-image: url(../images/default_title_search.gif); background-position: bottom; background-repeat: no-repeat;
}

#default-search-frame {
	height:130px;
	width:362px;
	margin:50px 11px 0px 11px;
	overflow:hidden;
}

#default-specials {
	float:left;
	height:192px;
	width:380px;
	margin:8px 0 8px 0;
	padding:0px;
	background-color:#121212;
	overflow:hidden;
	background-image: url(../images/default_title_specials.gif); background-position: bottom; background-repeat: no-repeat;
}

#default-specials-frame {
	height:130px;
	width:358px;
	margin:50px 11px 0px 11px;
	overflow:hidden;
}

/* **************************************************************** */
/* **********************   Map / privacy /legalDivs      ************************ */
/* **************************************************************** */



#maps h2{
	border-bottom:solid 3px #f4f4f4;
}

#content_right_map{
	float: left;
	width: 232px;
	padding:0;
	margin:0;
}

#content_right_map p{
	font-weight: bold;
	
}

#content_left_map {
	float: left;
	width: 512px;
	margin: 0;
	padding: 0 0 100px 0;
	background-color: #F4F4F4;
	}


.map_info{
	font-size: 75%;
	color: #333;
	line-height: 135%;
	padding: 10px 10px 10px 10px;
	margin: 0 10px 0 0;
	background-color: #EFEFEF;

}

.map_info strong , .privacy_info strong, .legal_info strong, .employment_info strong, .about_info strong{
	color:#0082d6;
}

 .privacy_info, .legal_info, .about_info{
	font-size: 75%;
	color: #333;
	line-height: 135%;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 0 0;
	background-color: #EFEFEF;
	width: 470px;

}

.employment_info {
	font-size: 75%;
	color: #333;
	line-height: 135%;
	padding: 10px 10px 10px 10px;
	margin: 0 10px 0 0;
	background-color: #EFEFEF;
	float:left;
	clear:right;
	width:214px;
}


/* **************************************************************** */
/* **********************   Form Divs      ************************ */
/* **************************************************************** */



.form_container{

	margin: 10px 10px 5px 0;
	padding-left: 10px;
	background-color: #efefef;
}

.form_container form{
	padding:0;
	margin:0;
}

.form_container a {
	color: #333333;
}


.form_container h6{
	margin:16px 0 ;
	font-weight: normal;

}

.form_container img{
	padding-top: 8px ;
	font-size: 80%;

}

.formcell, .formcell1{
	width: 200px;
/*--height: 40px;--*/
	padding: 3px;
	display: block;
	float: left;
	margin: 0 ;
	color: #333;
	text-decoration: none;
	font-size: 80%;	
}

.newcar_hdr{
	font-size: 80%;
}

.terms{
	font-size:60%;
	text-decoration:none;
	color:#333333;
	margin: 10px 0 15px 0;

}


.descriptioncell {

	padding: 5px 5px 5px 10px;
	display: block;
	float: left;
	margin: 0 3px 3px 1px;
	color: #333;
	text-decoration: none;
	font-size: 80%;
	}




	
.formheading {
	display: block;
	float: left;
	color: #333;
	font-size: 70%;
	}
	
.specs { width: 480px;background-color: #F3F5F7;font-size: 90%; padding:0 0 10px 0; margin: 20px 0 5px 10px; background-color: #FFFFFF; background-image: url(../images/img_bg_list_footer.jpg); background-position: bottom; background-repeat: no-repeat; }
.specs th { color: #333333; text-transform: uppercase; text-align: left; padding:5px 0 5px 13px;  background:#F9F9F9;}
.specs td { font-size: 75%!important;color: #666666; padding:5px 0 10px 15px;color: #585858;  }

div.ftr {font-size:10px;}