/* CSS Document */

/*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
{
	margin:0;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F8F8F8;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
}


/*------------ General Typography -------------------------------------------*/
h1 {
	margin: 14px 0 14px 20px;
	font-size: 150%;
	padding: 0;
	color: #003896;
	font-style: italic;
	}

h2 {
	clear: both;
	margin: 10px 20px 2px 20px;
	font-size: 100%;
	padding: 0;
	color: #231F20;
	border-bottom: 1px #CCCCCC dotted;
	}

h3 {
	font-size: 90%;
	margin: 10px 0 2px 20px;
	padding:0;
	color: #231F20;
	font-style: italic;
}

a img {border: none;}
img.abs {padding:0px; margin:0px;}

* 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;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	}	
	
		
/*------------ Container -------------------------------------------*/
#centrer
{
	width: 770px;
	margin: 0 auto 0;
	padding: 0;
	background-image: url(../images/img_bg_maincontent.gif);
}


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


#header { 
	width: 770px;
	padding: 0;
	margin: 0; 
	background-color: #fff;
	background-image: url(../images/header_back.gif);
	}
#header2 { /*used on home only for 20 years logo*/
	width: 770px;
	padding: 0;
	margin: 0; 
	background-color: #fff;
	background-image: url(../images/header_back2.gif);
	}

#header img {
	margin: 30px 0 15px 20px;
	}
#20years{
	position:absolute;
	top:0px;
	width:145px;
	height:126px;
	right:390px;
	margin:0px;
	padding:0px;
}	

/*------------ A Nav -------------------------------------------*/

#anav {
	list-style: none; 
	padding: 0 0 27px 20px; 
	margin: 0;  
	background-color: #000; 
	}
	
#anav li { 
	display: inline; 
	padding: 0; 
	}
	
.anav_left { 
	float: left; 
	margin: 0; 
	}
	
.anav_right {
	float: right;
	font-size: 11px;
	margin: 7px 20px 0 0;
	padding: 0;
	color: #fff;
	}
	
.anav_right a {
	text-decoration: none!important;
	color: #fff!important;
	}
	
.anav_right a:hover{
	color: #fff;
	text-decoration: underline!important;
	}
	
#anav img {
	border: none;  
	}

/* REMOVE MARGIN / BORDER FROM IMG - EXPLORER - */ 
#anav_section img {	
	display: block;	
	border: none; 
	}


/*--------------- Left Column ----------------------------------------------*/

#leftcol {
	float: left;
	width: 560px;
	margin: -3px 0 0 0;
	padding: 0;
	}

#homehero_img{
	width: 520px;
	margin: 0;
	padding: 15px 0 0 20px;
	}
	



	
/* ********* 3 COL LAYOUT FOR NEW CAR **********  */

.new_car_home {
	width: 520px;
	margin: 10px 0 20px 20px;
	}
	

.car_btn_home { 
	padding: 0;
	margin: 0 5px 17px 0; 
	float: left;
	border: 1px solid #cccccc;
	height: 155px;
	}
	
.car_btn_last_home { 
	padding: 0; 
	margin: 0 0 17px 0; 
	float: right; 
	border: 1px solid #cccccc;
	height: 155px;
	}

.threecol_bodysection { 
	width: 520px;
	padding: 0; 
	margin: 15px 5px 15px 20px; 
	border: 1px solid #C2C2C2;
	}
	
.threecol_bodysection h2 {
	clear: both;
	margin: 10px 12px 6px 9px;
	font-size: 100%;
	padding: 0;
	color: #231F20;
	border-bottom: 1px #CCCCCC dotted;
	}

.contactleft {
	float: left;
	width: 250px;
	}
	
.contactright {
	float: left;
	width: 250px;
	}

/* car blocks */ 
.newcar { 
	margin: 0 0 8px 8px; 
	padding: 0;
	}

.newcar2 { 
	margin: 0 4px 8px 4px; 
	padding: 0;
	}

.newcar_last { 
	margin: 0 8px 8px 0;
	padding: 0; 
	}

.newcar img { 
	border: 1px solid #C2C2C2;
	padding: 0;
	margin: 0 0 6px 0;
	}
	
.newcar_last img { 
	border: 1px solid #C2C2C2;
	padding: 0;
	margin: 0 0 6px 0;
	}
	
.newcar2 img { 
	border: 1px solid #C2C2C2;
	padding: 0;
	margin: 0 0 6px 0;
	}	

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

#bodysection { 
	width: 560px;
	padding: 0; 
	margin: 0;
	}

#bodysectionleft { 
	float: left;
	width: 120px;
	padding: 46px 0 0 20px; 
	margin: 0; 
	}
	
#bodysectionleft ul {
		width: 200px; 
		display: block;
		float: left;
		list-style: none;
		font-size: 85%;
		margin: 0 0 10px 0;
		padding: 12px 10px 10px 10px;
		margin: 0 0 0 5px;
		background-color: #EFEFEF;
		border: 1px solid #CCC;
		clear: both;
}
		
#bodysectionleft li {
		margin: 0 0 10px;
		background: url(../images/square.gif) no-repeat left 50% !important; 
		padding: 0 0 0 15px;
		}
		
#bodysectionright { 
	float: right;
	width: 380px;
	padding: 0; 
	margin: 0 20px 0 0; 
	}	
		
#features { 
	width: 181px;
	padding: 0; 
	margin: 0 0 12px 14px; 
	}
	
#features ul {
		display: block;
		list-style: none;
		color: #333;
		font-size: 90%;
		margin: 0;
		padding: 12px 10px 10px 10px;
		background-color: #EAEAEA;
		border: 1px solid #51596A;
		clear: both;
		}
		
#features li {
		margin: 0 5px 10px 0;
		background: url(../images/square.gif) no-repeat left 15%;
		padding: 0 0 0 20px;
		font-size: 90%;
		}

#features h2 {
	clear: both;
	margin: 0 15px 7px 0;
	font-size: 100%;
	padding: 0;
	color: #FFF;
	font-weight: bold;
	line-height: 120%;
	}
	
#features1 { 
	padding: 0; 
	margin: 0 20px 12px 20px; 
	}
	
#features1 ul {
		display: block;
		list-style: none;
		color: #231F20;
		font-size: 90%;
		margin: 0;
		padding: 12px 10px 10px 10px;
		background-color: #F7F7F7;
		clear: both;
		}
		
#features1 li {
		margin: 0 2px 2px 1px;
		background: url(../images/square.gif) #EAEAEA no-repeat 7px;
		padding: 5px 0 5px 25px;
		font-size: 90%;
		}
			
#hero_img {
	margin: 0;
	padding: 15px 0 0 20px;
	}


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

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



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

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

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

.specials ul { margin:0px; padding: 0px 0px 8px 0px; list-style-type:none; list-style: none;}

.specials li{
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding:2px 0 2px 5px;
	vertical-align: middle;
	list-style: disc;
	/*background: url(../images/img_tick_features.jpg) 5 left no-repeat;*/
}

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

#rightcol {
	float: right; 
	width: 210px; 
 	margin: 0;  
	padding: 0;
	}

#bnav {
	font-size: 11px;
	width: 210px;
	color: #FFFFFF;
	text-transform: uppercase;
	margin: 10px 24px 0 -24px;
	list-style: none;
	display: block;
} 

#bnav li {
	padding: 6px 0 6px 0;	
	margin: 0;
	list-style: none;
	border-bottom:dotted 1px #c74944;
	}
	
#bnav a { 
	text-decoration: none; 
	color: #FFFFFF; 
	}
	
#bnav a:hover { 
	color: #000000; 
	}

.mast {
	border: none;
	padding: 17px 0 0 15px;
	}

.mast_service {
	border: none;
	padding: 0 0 0 15px;
	}
	
.home_service {
	width: 210px ;
	}
	
.home_serviceimg {
	margin: 10px 0 0 15px;
	width: 178px;
	height: 206px;
	border: 1px solid #cccccc;
	}
	
.mast_myrewards {
	border: none;
	margin: 10px 0 5px 0;
	padding: 0 0 0 15px;
	}

.myrewards_txt {
	color: #fff;
	font-size: 90%;
	margin: 0 0 0 10px;
	padding: 5px;
	}

.myrewards_field {
	color: #333;
	font-size: 90%;
	margin: 0 8px 0 0;
	padding: 5px;
	}

/*---------------- left col -------------------------------------------*/
#leftcol{
	float:left;
	width:560px;
}

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

#footer {
	clear: both;
	background-color: #cccccc;
	padding: 0 0 20px 0;
	margin: 0;
	font-size: 85%;
	width: 770px;
	}
	
.blacktxt {
	color: #000;
	font-weight: bold;
	}

#footer ul { 
	margin: 0;	
	padding: 20px 20px 0 20px; 
	list-style: none; 
	color: #585858; 
	}
	
#footer a { 
	color: #666666; 
	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; 
	}

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


.carqlink_txt {color: #fff;
font-size: 70%;}

.rightlink a{color: #fff;
float: right;
margin: 20px 10px 0 0;
text-decoration: none;
font-size: 70%;
}

.rightlink a:hover{
text-decoration: underline;
	}
/*----------------Forms-------------------------------------------*/


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

.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: #EAEAEA;
	}

.formcell1{
	width: 160px;
	height: 110px;
	padding: 7px;
	display: block;
	float: left;
	border: 1px #EDEFEF solid;
	margin: 0 6px 6px 0;
	color: #666666;
	text-decoration: none;
	font-size: 85%;
	background: #EAEAEA;
	}
	
.descriptioncell {
	width: 232px;
/*--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%;
	text-transform: uppercase;
	background: #EBEBEB;
	}
	
.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%;
	}

.tdhead{
	font-size: 85%;
	color: #231F20;
	background-color: #EDEFEF;
	padding:3px;
}
.tdhead2{
	font-size: 85%;
	color: #231F20;
	background-color: #E1E3E3;
	padding:3px;
}
.td{
	font-size: 85%;
	color: #231F20;
	padding:3px;
}
#contactFleet {
	margin: 0 0 0 10px;}

#contactFleet p {
	margin: 0;
	padding: 0;}

.logo {padding: 0 0 0 10px;}

.brochuretable {
	margin: 15px 15px 15px 17px;
	}
	
.hmlogo {
	float: right;
	margin: 0px;
	list-style-image: none;
	list-style-type: none;
	padding: 0px 20px 10px 0px;
}



#leftcol2 {
	float: left;
	width: 170px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left:5px;
	
} 

#leftcol h6 { margin: 20px 20px 0 20px; font-size: 75%; color: #585858; }

#leftcol2 ul {
	margin: 0px;
	list-style-image: none;
	list-style-type: none;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 13px;
}
#rightcol2 {
	width: 370px!important;
	float: left;
	margin: 0 0 0 -15px;

}
.ad ul{
	padding:3px;
}
.ad li{
	padding:3px;
}
#rightcol2 ul {
	margin: 0px;
	list-style-image: none;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#rightcol2 li {
	list-style-image: none;
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
}
#rightcol2 img {
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

.sponsortxt {
font-size:70%;
color:#999999;}

#addresstxt{
	/*text-transform:capitalize;*/
	color:#fff!important;
	margin-left: 0px;
	padding: 2px 5px 2px 15px;
	font-weight:bold;
}

#addresstxt a{
	color:#fff;
	text-decoration:none;
}

#addresstxt a:hover{
	text-decoration:underline;
}

.addresstxt{
	font-size:80%;
	color:#f4f4f4;
	font-weight: normal;
}

.addresshead{
	color:#fff!important;
	font-size:90%;
}

.logintxt{
font-size:80%;
color: #fff;
padding:  0 0 0 15px;}

#specialslogos{
width: 200px;
float: right;
padding: 0 20px 5px 0;}

#specialtxt{
width: 250px;
float: left;
padding: 0;
margin: 0;}

#range{
	/*text-transform:capitalize;*/
	color:#000!important;
	margin-left: 15px;
	margin-bottom:5px;
	padding: 2px 5px 2px 15px;
	font-weight:bold;
	background:#FFFFFF;
	width: 160px;
}

#range img{
	padding: 0 0 0 0;
	margin:0;

}

.rangeheadred{
	margin:0;
	padding:0;
	color: #960c11;
	font-size:90%;
	font-weight:bold;
	text-transform:uppercase;
}

.rangehead{
	margin:0;
	padding:0;
	color: #000;
	font-size:85%;
	font-weight:bold;
}

.rangebody{

	color: #666666;
	font-size:80%;
	margin:0;
	padding:0;
	font-weight:normal!important;
}

.contactimg {
	padding: 0;
	margin:0!important;
}

.usedfooter{
	width: 560px;
	padding: 10px;
	display: block;
	float: left;
	border: 1px #EDEFEF solid;
	margin: 0 6px 6px 0;
	color: #666666;
	text-decoration: none;
	font-size: 85%;
	background: #EAEAEA;
	}
	
.disclaimer_txt {
	font-size: 75%!important;
	}
	
#service_advantage { padding: 5px 0 0 21px;}