/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, html, label, table, tr, td {margin:0; padding:0;}
table { border-collapse:collapse;	border-spacing:0;}
fieldset, img, a img, :link img, :visited img {border:0;}
address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
q:before, q:after {content:'';}
td {vertical-align:top;}

.btn-continue-preferred-pop {margin:5px 5px 5px 5px;}

.btn-cancel-preferred-pop {margin:5px 5px 5px 133px;}

.btn-continue-preferred {margin:5px 5px 5px 225px;}

.btn-how {margin-left:10px; padding:5px 0px;}

.btn-back-to-top {margin-left:30px; margin-bottom:5px;}

.btn-locate-today {margin-left:380px; margin-bottom:10px;}

.table-sales {margin-left:15px;}

/* ---- Auto Magic ---- */
img.auto-magic-logo {margin-left:10px; padding:2px 0px;}



img.preferred {
	float:left;
	padding-left:13px;
	padding-bottom:30px;
	padding-right:5px;
	}
ul.preferred {
	float:left;
	width:185px;
	height:148px;
	}	
	.container-preferred {
	background-color:#ffffff;
	width:340px;
	border:#9999FF solid 1px;
	margin:0px 20px 40px 20px;
	padding-bottom:10px;
	}
		.container-preferred label {
		width:160px;
		position:relative;
		display:block;
		text-align:right;
		margin-bottom:10px;
		font-size:.95em;
		margin-top:5px;
		margin-left:0px;
		}
.container-preferred label.first {margin-top:10px;}
		.container-preferred label.required {
		margin-top:10px;
		color:#CB0106;
		}
		.container-preferred label input, .container-preferred label textarea{
		width:150px;
		position:absolute;
		left:110%;
		top:-4px;
		}
	.container-preferred label select {
		width:155px;
		position:absolute;
		left:110%;
		top:-2px;
		}
	.container-preferred label input.radio {
		display:block;
		width:20px;
		height:20px;
		border:none;
		left:110%;
		top:-2px;
		}
	.container-preferred label span.radio input {
		display:block;
		width:20px;
		height:20px;
		border:none;
		left:110%;
		top:-2px;
		}

	.container-preferred textarea {
		height:90px;
		width:200px !important;
		overflow:auto;
		}
	.container-preferred h2 {
	color:#020296;
	background-color:#99CDFF;
	width:auto;
	height:15px;
	clear:both;
	padding-left:5px;
	padding-bottom:4px;
	margin:10px 4px 0px 5px;
	}
		

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

body {
	background:#999999 url("images/bg-body.jpg") top repeat-x;
	text-align:center;
	font:70% "Verdana", Arial, Helvetica, sans-serif;
	color:#000000;
	}

/* ------------------------ main framework ------------------------ */
.wrap {
	background:url("images/bg-wrap.jpg") repeat-y;
	width:780px;
	margin:0 auto;
	text-align:left;
	}
/* ------------ must have below column-left and column-right to clear the float ------------ */
.bottom-wrap {
	background:url("images/bottom-wrap.jpg");
	height:5px;
	position:relative;
	width:100%; /* fix for Safar */
	clear:both; /* important - do not remove */
	overflow:hidden;
	}

/* ------------------------ masthead framework ------------------------ */
.masthead {
	position:relative;
	background:url("images/masterhead.jpg") no-repeat;
	height:91px;
	}
	/* index page link within .masthead */		
	.masthead a.home {
		position:absolute;
		cursor:pointer;
		height:83px;
		width:236px;
		left:0px;
		top:0px;
		}
	.masthead a span {display:none;}
.masthead2 {
	position:relative;
	background:url("images/masterhead2.jpg") no-repeat;
	height:91px;
	}
	/* index page link within .masthead */		
	.masthead2 a.home {
		position:absolute;
		cursor:pointer;
		height:83px;
		width:236px;
		left:0px;
		top:0px;
		}
	.masthead2 a span {display:none;}
	
/* ------------------------ type selectors ------------------------ */
blockquote {margin-left:10px; margin-right:10px;}

h1 {font-size:1.5em; color:#013366;}
h2 {font-size:1.1em; color:#013366;}
h3 {font-size:1.0em; color:#013366;}
h4 {font-size:2.0em; color:#013366;}

h1 span, h2 span, h3 span {display:none;}

a:link, a:visited {color:#0000ff; text-decoration:none; outline:none;}
a:hover, a:active {color:#ff0000; text-decoration:underline; outline:none;}

a:link.msrp, a:visited.msrp {color:#000000; text-decoration:underline; outline:none;}

/* ------------------------ classes ------------------------ */
.clear {
	clear:both;
	}

div.clear {
	height:.01em;
	overflow:hidden;
	}
	
.disclaimer {
	font-size:.8em;
	line-height:11px;
	}

img.img-results {
	float:left;
	}
	
img.img-config {
	float:left;
	margin:2px 0px 5px 5px !important;
	}
	
div.save-vehicle {
	float:right;
	margin:-17px 2px 0px 0px;
	}
	
img.img-option {
	float:left;
	margin:2px 5px 0px 5px;
	}

label.red, p.red {
	color:#CB0106;
	}
	
ul.disk  {
	list-style-type:disc;
	margin-left:20px;
	}
	ul.disk-preferred  {
	list-style-type:disc;
	margin-left:25px;
	padding-bottom:10px;
	}
	
	ul.disk li  {
		margin-left:20px;
		margin-bottom:5px;
		}

.big {font-size:24px;}		
.right-review {float:right; margin:0px 15px 2px 5px;}
.left-review {float:left; margin:0px 5px 2px 12px;}

.valid {
	font-size:10px;
	float:right;
	margin-right:5px !important;
	}
strong.cash {
	color:#73afe5;
	font-size:22px;
	}	

p.notice {
	font-size:10px;
	margin-left:208px !important;
	line-height:10px;
	width:145px;
	background-color:#FFFFCC;
	padding:5px 5px 5px 5px;
	}
.dealer-logo {
	float:right;
	padding:5px 5px;
	}	
#footer p.number {
	color:#000000;
	font-weight:bold;
	font-size:14px;
	margin-top:5px;
	margin-bottom:0px !important;
	}
	
div#noflash p{margin:25px 30px 0px 25px;}

ins	{margin-left:25px;}

img.print {float:left;}

img.float-right {float:right;}

img.preferred {
	float:left;
	margin-left:10px;
	}
ul.preferred {
	float:left;
	width:185px;
	}	
li.dealer {font-size:18px; margin-bottom:3px;}	

/* ------------------------ H2 Classes ------------------------ */
h2.new-vehicle {
	clear:both;
	background-color:#333333;
	width:528px;
	color:#FFFFFF;
	padding:2px 0px 3px 5px;
	}	
	
h2.search-results {
	background-color:#85a8b3;
	width:528px;
	color:#FFFFFF;
	padding:2px 0px 3px 5px;
	}	
	
h2.trim {
	background-color:#333333 !important;
	width:auto;
	color:#FFFFFF;
	margin-top:1px !important;
	padding:2px 0px 3px 5px;
	}	

/* ------------------------ Buttons ------------------------ */
.btn-continue {margin:5px 5px 5px 400px;}

.btn-continue-right {
	margin:5px 5px 0px 88px;
	padding-bottom:5px;
	}
.btn-continue-index {margin:5px 0px 0px 127px;}
	
.btn-select-vehicle {
	clear:both;
	margin:5px 0px 5px 10px;
	float:left;
	}

.btn-save {
	margin:0px 0px 5px 2px;
	float:left;
	}
	
.btn-rebates {
	float:left;
	clear:both;
	margin:2px 0px 4px 5px;
	}
.preferred-buttons {
	background-color:#99ccff;
	width:180px;
	margin-left:10px;
	margin-top:10px;
	padding:5px 0px;
	}
	.preferred-buttons img {
		padding-left:2px;
		}
	.preferred-buttons-right {
	background-color:#99ccff;
	width:180px;
	margin-left:20px;
	margin-top:10px;
	padding:5px 0px;
	}
	.preferred-buttons-right img{
		padding-left:2px;
		}
	
.btn-participating {margin-left:8px;}

.btn-left {float:left;}
/* ------------------------ Home Page layout ------------------------ */

.header-flash { height:242px; float:left; margin-left:1px; z-index:0; } /* sets height for the flash header - REMOVE IF NOT USED */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

div.index {
	float:left;
	width:510px;
	margin-left:10px;
	}
div.index p{
	margin-top:8px;
	}

div.about-g1-wrap {
	background:url("images/bg-about-g1-wrap.jpg") repeat-y;
	width:522px;
	float:left;
	}
div.about-g1-wrap p{
	width:420px;
	margin-left:33px;
	margin-top:8px;
	}           
/* IE 6 align justment */
*html div.about-g1-wrap  p{
	float:left;
	width:420px;
	margin-left:18px;
	margin-top:8px;
	}
div.key {
	background:url("images/bg-key.jpg") top no-repeat;
	}
div.about-g1-cap {
	background:url("images/bg-about-g1-cap.jpg") no-repeat;
	overflow:hidden;
	height:8px;
	margin-top:10px;
	clear: both;
	}

div.research-wrap {
	background:url("images/wrap-research.jpg") repeat-y;
	float:left;
	width:254px;
	}
div.research-wrap p {margin:2px 0px 5px 80px;	}
div.research-wrap select {margin-left:10px; width:225px;}
div.research-wrap input {margin-left:10px; width:220px;	}
div.research-wrap input.red {color:#CB0106;}
div.research-wrap select option.red {color:#CB0106;}
	
	div.research-cap {
		background:url("images/cap-research.jpg") no-repeat;
		height:9px;
		position:relative;
		clear:both;
		overflow:hidden;
		}

	div.research-wrap ul{
		margin:5px 0px 0px 20px;
		}
	div.research-wrap ul li, ul.arrow li{
		background:url("images/bullet-arrow-home.jpg") 2px 5px no-repeat;
		padding-left:15px;
		margin-top:9px;
		}
img.home {
	margin-left:5px;
	}	
/* ------------------------ column-left layout ------------------------ */
.column-left {
	width:560px;
	float:left;
	}
.column-left-index {
	width:525px;
	float:left;
	}
.column-left-preferred {
	width:380px;
	float:left;
	}
	.column-left-preferred h1,h2 {
		margin-left:10px;
		padding:5px 0px;
		}
		.column-left-preferred p {
		margin-left:10px;
		width:380px;
		padding:5px 0px;
		}
	
	
.column-left p, .column-left h1, .column-left h2, .column-left h3, .column-left h4, .column-left h5, .column-left ul, .column-left ol {
	margin:5px 15px 10px 12px;
	}

.column-left ul.results {
	float:left;
	margin:0px 0px 0px 5px !important;
	}
.column-left ul.options li{
	float:left;
	width:98px;
	margin:0px 0px 0px 0px !important;
	}
	
/* multi column list */
.column-left ul.multi-rebates {
	font-size:11px;
	}

.column-left ul.multi-rebates li {
	background:url("images/bullet-arrow-home.jpg") 2px 5px no-repeat;
	padding-left:10px;  /* pushes text to the right to display bg img */
	float:left;
	width:150px;
	line-height:15px;
	padding-bottom:5px;
	}
.column-left ul.multi-rebates span li {
	background:url("images/bullet-arrow-home.jpg") 2px 5px no-repeat;
	padding-left:10px;  /* pushes text to the right to display bg img */
	float:left;
	width:150px;
	line-height:15px;
	padding-bottom:5px;
	}
	
/* multi column list */
.column-left ul.calculate {
	font-size:13px;
	}
.column-left ul.calculate li {
	padding-left:20px;  /* pushes text to the right to display bg img */
	width:150px;
	float:left;
	line-height:22px;
	padding-bottom:5px;
	}
	.column-left ul.calculate li.payment {
		padding-left:5px;  /* pushes text to the right to display bg img */
		width:170px;
		text-align:right;
		}
	.column-left ul.calculate li strong {font-size:18px;}
	
.column-left ol {
	margin-left:50px !important;
	}
	.column-left ol li {
		margin:10px 0px 20px 0px;
		list-style-type:decimal;
		padding-bottom:10px;
		}
		
.column-left div.results-bg {
	background-color:#e6e4dc;
	width:530px;
	border:#9999FF solid 1px;
	float:left;
	clear:both;
	margin-left:12px; 
	margin-bottom:10px;
	padding-bottom:5px;
	}
	* html .column-left div.results-bg {
		margin-left:6px; 
		}
.column-left div.results-bg h2 {
	color:#000000;
	background-color:#bfcbfb;
	width:auto;
	padding:0px 0px 2px 5px;
	}
.details {
	font-size:.9em;
	border:none;
	float:left;
	width:512px;
	height:auto;
	margin:2px 10px;
	padding-bottom:5px;
	display:inline;
	background-color:#ffffff;
	
}
.details-2 {
	background-color:#cccccc;
	font-size:.9em;
	border:none;
	float:left;
	width:512px;
	margin:2px 10px;
	padding-bottom:5px;
	display:inline;
}
.column-left ul.multi-details {
	margin:2px 2px;
}
.column-left ul.multi-details li {
	padding:2px 0px 2px 2px;
	float:left;
	width:121px;
	line-height:10px;
	margin:2px 0px;
	font-size:11px;
}
.column-left ul.specs {
	background-color:#666666;
	margin:2px 2px;
}
.column-left ul.specs li {
	padding:2px 0px 2px 2px;
	float:left;
	width:220px;
	line-height:10px;
	margin:2px 0px;
	font-size:11px;
}
	
		
/* ------------------------ Configure  Framework ------------------------ */
/* ------------------------ Select Option / Trim / vehicle info ul li Framework ------------------------ */

div.config-info-box {
	width:320px;
	float:left;
	margin-top:2px;
	}

.column-left ul.vehilce-info, .column-left ul.trim-info {
	background-color:#cccccc;
	width:auto;
	float:left;
	margin:0px 0px 4px 5px !important;
	}
.column-left ul.vehilce-info-title {
	background-color:#bfcbfb;
	width:auto;
	float:left;
	margin:0px 0px 4px 5px !important;
	}
	
	/* fix display issue in IE6 */
	* html .column-left ul.vehilce-info, * html .column-left ul.trim-info, *html .column-left ul.vehilce-info-title  {
		margin:0px 0px 4px 2px !important;
		}
	
	.column-left ul.vehilce-info li, .column-left ul.vehilce-info-title li  {
		width:100px;
		float:left;
		padding-left:5px;
		padding-bottom:3px;
		}

	.column-left ul.trim-info li {
		width:124px;
		float:left;
		padding-left:5px;
		}
		
	.column-left ul.trim-info li.msrp-invoice, .column-left ul.trim-info-next li.msrp-invoice, .column-left ul.option-title li  {
		width:60px;
		float:left;
		padding-left:5px;
		}
		
.column-left ul.vehilce-info-next, .column-left ul.trim-info-next {
	background-color:#ecece6;
	width:auto;
	float:left;
	margin:0px 0px 4px 5px !important;
	}
	/* fix display issue in IE6 */
	* html .column-left ul.vehilce-info-next, * html .column-left ul.trim-info-next, *html .column-left ul.option-title{
		margin:0px 0px 4px 2px !important;
		}
	
	.column-left ul.vehilce-info-next li{
		width:100px;
		float:left;
		padding-left:5px;
		padding-bottom:3px;
		}
		
.wrap-option {
	width:520px;
	text-align:left;
	height:200px;
	overflow: auto;
	margin-left:0px;
	}
		
.column-left ul.option-title{
	background-color:#333333;
	color:#FFFFFF;
	width:auto;
	float:left;
	margin:3px 0px 1px 5px !important;
	}

				
	.column-left ul.trim-info-next li.trim, .column-left ul.trim-info li.trim, .column-left ul.option-title li.option-title  {
		width:360px;
		float:left;
		padding-left:5px;
		font-size:11px;
		}
		
	.column-left ul.trim-info-next li.trim2, .column-left ul.trim-info li.trim2, .column-left ul.option-title li.option-title2  {
		width:380px;
		float:left;
		padding-left:5px;
		font-size:11px;
		}

	.column-left ul.trim-info-next li {
		width:124px;
		float:left;
		padding-left:5px;
		}
	.column-left ul.option-title li.last {
		width:80px;
		}
		
/* ------------------------ Invest in America ------------------------ */
	.column-compare .members-receive-1 {
		width:550px;
		}
		.members-rc1-inside-left {
			width:200px;
			float:left;
			}
			.members-rc1-inside-right {
				width:350px;
				float:left;
				text-align:justify;				
				}
	.column-compare .members-receive-2 {
		width:550px;
		}
		.members-rc2-inside-left {
			width:200px;
			float:left;
			}
			.members-rc2-inside-right {
				width:350px;
				float:left;
				text-align:justify;
				}
				    p.invest-indent {
					text-align:justify;
					}
		p.justify  {
		text-align:justify;
		}
				
/* ------------------------ Compare Vehicle framework ------------------------ */

.column-compare {
	clear:both;
	width:780px;
	float:left;
	}
	
.column-compare p, .column-compare h1, .column-compare h2, .column-compare h3, .column-compare h5, .column-compare ul {
	margin:5px 15px 10px 12px;
	}
	
div.header {
	background:url("images/subhead-preferred-dealers.jpg") no-repeat;
	height:176px;
	}
	div.header p.first{
		width:480px;
		padding:60px 8px 0px 10px;
		}
	div.header p.link{
		padding:0px 8px 0px 10px;
		}
	
div.header a:link, div.header a:visited {color:#0000ff; text-decoration:underline; outline:none;}
div.header a:hover, div.header  a:active {color:#000099; text-decoration:none; outline:none;}
		
div.compare {
	float:left;
	width:164px;
	margin-left:13px;
	margin-top:10px; 
	padding-bottom:2px;
	border:#9999FF solid 1px;
	}

	*html div.compare {margin-left:7px;}

div.compare p{
	margin:0px 0px 2px 3px;
	}
	
div.compare select {
	width:158px;
	margin:5px 0px 5px 3px;
	}
	
	div.compare ul {
		text-align:left;
		margin:0px 0px 0px 3px;
		}
	div.compare ul li{
		float:left;
		width:79px;
		}
		div.compare ul li.remove{
			text-align:right;
			}

table.compare {
	background-color:#CCCCCC !important;
	border-collapse:collapse;
	margin:0px 0px 0px 6px;
	}
	
table.header {
	background-color:#bfcbfb !important;
	border-collapse:collapse;
	margin:0px 0px 0px 6px;
	}
	
	/* align tables in IE */
	*html table.compare, *html table.compare2, *html table.header {margin-left:5px;}
	
table.compare2 {
	background-color:#ecece6 !important;
	border-collapse:collapse;
	margin:0px 0px 0px 6px;
	}
	
	table.compare td, table.compare2 td, table.header td{
		width:178px;
		padding-left:5px;
		}
	table.compare td.advantage-base, table.compare2 td.advantage-base{
		width:546px;
		padding-left:5px;
		}
		
	img.left {padding-left:3px; padding-top:5px;}

table.rebate-rate {
	background-color:#CCCCCC !important;
	border-collapse:collapse;
	margin:0px 0px 0px 10px;
	}
	
	table.rebate-rate  td{
		width:100px;
		padding-left:5px;
		}
	table.rebate-rate  td.total{
		width:180px;
		padding-left:5px;
		}
		
table.calculate {
	background-color:#CCCCCC !important;
	border-collapse:collapse;
	margin:0px 0px 0px 208px;
	}
	
	table.calculate  td{
		width:100px;
		padding:5px 0px 5px 5px;
		}
	table.calculate  td.total{
		width:160px;
		padding-left:5px;
		}
		
table.safety {
	background-color:#CCCCCC !important;
	border-collapse:collapse;
	margin:0px 0px 0px 14px;
	}
	table.safety td {width:360px; padding-left:5px;}
	table.safety td.category {width:160px; padding-left:5px; background-color: #DFDFDF;}
		
		
/* ------------------------ rebates and incentives framework ------------------------ */
table.rebates {
	border-collapse:collapse;
	margin:5px 0px 0px 6px;
	}
	
	table tr.color {background-color:#CCCCCC !important;}
	table tr.color-header {background-color:#bfcbfb !important;}
	table tr.color2 {background-color:#DFDFDF !important;}
	
	/* align tables in IE */
	*html table.rebates, *html table.rebates2 {margin-left:5px;}

	table.rebates td.details, table.rebates2 td.details{
		width:182px;
		padding-left:5px;
		}
		
	table.rebates td, table.rebates2 td{
		width:76px;
		padding:0px 0px 4px 5px;
		}
		
	table.rebates td a, table.rebates2 td a{color:#4e7001 !important; text-decoration:underline;}
	table.rebates td a:hover, table.rebates2 td a:hover {color:#4e7001 !important; text-decoration:none;}
/* ------------------------ column-right framework ------------------------ */
.column-right {
	width:210px;
	float:left;
	}
.column-right-index {
	width:249px;
	float:left;
	}
.column-right-preferred {
	width:380px;
	float:right;
	}
  .column-right-preferred h2  {
  		margin-left:20px;
		padding-bottom:5px;
	}
	.column-right-preferred p {
  		margin-left:20px;
		padding-bottom:15px;
		width:340px;
	}
	.preferred-logo {
		margin-left:40px;
		padding:10px 0px;
		}
		.preferred-logo-2 {
		margin-left:10px;
		padding:2px;
		}
	

/* single column list */
.column-right ul {
	padding-left:5px;
	background-color:#ecebe6;
	margin:0px 10px 5px 2px;
	padding-bottom:10px
	}

	.column-right ul li {
		background:transparent url("images/bullet-tool-bar.gif") 5px 9px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
		padding-left:17px;  /* pushes text to the right to display bg img */
		padding-top:9px;
		}

	.column-right ul li a {color:#0000ff !important; text-decoration:none;}
	.column-right ul li a:hover {color:#ff0000 !important; text-decoration:underline;}


div.bg-right {
	background-color:#e6e4dc; 
	margin:0px 10px 5px 2px;
	}
	div.bg-right fieldset input {margin-left:14px;}
		
	div.bg-right fieldset select {margin-left:15px;}
	div.bg-right p {padding:5px 0px 5px 40px !important;}
	div.bg-right select.links {margin:5px 0px 5px 14px;}
	
	.column-right h2{
		padding:0px 0px 2px 5px;
		background-color:#000000;
		margin:15px 10px 0px 2px !important;
		color:#FFFFFF;
		}
	
		.column-right h2.research {background-color:#85a8b3;} 
		.column-right h2.new {background-color:#3c77b1;}
		.column-right h2.cpo {background-color:#d23333;}
		.column-right h2.used {background-color:#daa004;}
		.column-right h2.finance {background-color:#4e7001;} 
		.column-right h2.insurance {background-color:#01aea9;} 
		.column-right h2.go-green {background-color:#05b401;} 
		.column-right h2.preapproved {background-color:#d0d0d1;} 
		.column-right h2.how-preapproved {background-color:#9ccfa4;} 

/* ------------------------ Research Form Tab Framework ------------------------ */
.column-left ul.tab, .column-compare ul.tab  {
	font-size:10px !important;
	width:auto;
	margin-left:10px;
	height:19px;
	margin-bottom:0px;
	}
/* fix alignment in IE6 */
* html .column-left ul.tab, * html .column-compare ul.tab {
	margin-left:10px;
	height:17px !important;
	}
	
	.column-left ul.tab li, .column-compare ul.tab li {
		background-color:#e6e4dc;
		border: 1px solid #9999FF;
		float:left;
		width:auto;
		margin-left:2px;
		margin-bottom:-1px;
		display:inline;
		}
	.column-left ul.tab li.select, .column-compare ul.tab li.select {
		border-bottom-color:#FFFFFF;
		background-color:#ffffff;
		font-weight:bold;
		}
		
	.column-left ul.tab li a, .column-compare ul.tab li a {
		text-decoration: none;
		padding: 3px 7px;
		margin-right: 3px;
		color: #2d2b2b;
		}	
		
	.column-left ul.tab li a, .column-left ul.tab li a span, .column-compare ul.tab li a, .column-compare ul.tab li a span{
		text-decoration:none;
		float:left;
		cursor:pointer; /* IE display */
		}
		
	.column-left ul.tab li a:hover span, .column-compare ul.tab li a:hover span {
		text-decoration: underline;
		color: #2d2b2b;
		}
		
input.submit-calculator {
	background:url("images/btn-calculate.jpg");
	width:109px;
	height:30px;
	border:none;
	cursor:pointer;
	margin-left:205px;
    }
/* ------------------------ Container Framework ------------------------ */
.container {
	background-color:#ffffff;
	width:525px;
	border:#9999FF solid 1px;
	margin:0px 20px 0px 12px;
	padding-bottom:5px;
	}
	
.column-compare .container {
	background-color:#ffffff;
	width:747px;
	border:#9999FF solid 1px;
	margin:0px 20px 0px 12px;
	padding-bottom:5px;
	}
	
	.container label {
		width:170px;
		position:relative;
		display:block;
		text-align:right;
		margin-bottom:10px;
		font-size:.95em;
		margin-top:5px;
		margin-left:20px;
		}
		

	.container label.first {margin-top:10px;}
	
	.container label.required {
		margin-top:10px;
		color:#CB0106;
		}
		
	.container label input, .container label textarea{
		width:150px;
		position:absolute;
		left:110%;
		top:-4px;
		}
		
	.container label select {
		width:155px;
		position:absolute;
		left:110%;
		top:-2px;
		}

	.container label input.radio {
		display:block;
		width:20px;
		height:20px;
		border:none;
		left:110%;
		top:-2px;
		}

	.container label span.radio input {
		display:block;
		width:20px;
		height:20px;
		border:none;
		left:110%;
		top:-2px;
		}


	input, textarea, select {
		background-color:#FFFFFF !important; /* to prevent highlighting by Google Toolbar */
		border-left:1px solid #424142;
		border-top:1px solid #424142;
		border-right:1px solid #b8b8b8;
		border-bottom:1px solid #b8b8b8;
		color:#000000;
		width:180px; /* 5 pixles smaller than form width !important */
		height:19px;
		line-height:18px;
		vertical-align: middle;
		margin-bottom:4px; /* sets vertical spacing between fields */
		padding-top:1px; /* vertically position text in input/textarea field */
		padding-left:4px; /* horizontally position text in input/textarea field */
		font-family: Arial, Helvetica, sans-serif;
		font-size:1.0em;
		}
	
	input.zip {width:175px; margin-left:0%;}
	.zip {width:219px; height:16px;}
	#zip {width:219px; height:16px;}
	
	input.zip2 {width:175px; margin-left:0%;}
	.zip2 {width:174px; height:16px; color:#CB0106; padding-bottom:1px;}
	#zip2 {width:174px; height:16px; color:#CB0106; padding-bottom:1px;}
	
	.container textarea {
		height:90px;
		width:300px !important;
		overflow:auto;
		}
	form br {
		line-height:0; 
		height:0; /* defaults vertical spacing between fields */
		} 

.container h2 {
	color:#FFFFFF;
	background-color:#000000;
	width:auto;
	height:15px;
	clear:both;
	padding-left:5px;
	padding-bottom:4px;
	margin:10px 4px 0px 5px;
	}
	
.container h2.new {background-color:#3c77b1;}
.container h2.cpo {background-color:#d23333;}
.container h2.used {background-color:#daa004;}
.container h2.finance {background-color:#4e7001;}
.container h2.go-green {background-color:#05b401;}

/* ------------------------ Horizontal Form Framework ------------------------ */

.container label.year, .container label.make, .container label.model, .container label.trim {
	width:30px;
	margin-left:6px;
	margin-bottom:0px;
	}
	
	.container select.year  {width:60px; margin-left:6px; float:left;}
	.container select.make {width:120px; margin-left:6px;	float:left;}
	.container select.model  {width:130px; margin-left:6px;	float:left;}
	.container select.trim {width:186px; margin-left:6px;	float:left;}

.container label.select-trim {width:auto; margin-left:6px;	float:left; text-align:left;}
.container select.select-trim {width:280px; margin-left:0px; float:left;}

div.align {float:left;}

/* ------------------------ Container Framework ------------------------ */
 .container-pop {
	background-color:#ffffff;
	width:400px;
	border:#9999FF solid 1px;
	margin:0px 20px 0px 12px;
	padding-bottom:5px;
	}
	
	.container-pop label {
		width:170px;
		position:relative;
		display:block;
		text-align:right;
		margin-bottom:10px;
		font-size:.95em;
		margin-top:5px;
		margin-left:20px;
		}
		

	.container-pop label.first {margin-top:10px;}
	
	.container-pop label.required {
		margin-top:10px;
		color:#CB0106;
		}
		
	.container-pop label input, .container label textarea{
		width:150px;
		position:absolute;
		left:110%;
		top:-4px;
		}
		
	.container-pop label select {
		width:155px;
		position:absolute;
		left:110%;
		top:-2px;
		}

	.container-pop label input.radio {
		display:block;
		width:20px;
		height:20px;
		border:none;
		left:110%;
		top:-2px;
		}

	.container-pop label span.radio input {
		display:block;
		width:20px;
		height:20px;
		border:none;
		left:110%;
		top:-2px;
		}
		.container-pop textarea {
		height:90px;
		width:300px !important;
		overflow:auto;
		}
	.container-pop h2 {
	color:#FFFFFF;
	background-color:#3c77b1;
	width:auto;
	height:15px;
	clear:both;
	padding-left:5px;
	padding-bottom:4px;
	margin:10px 4px 0px 5px;
	}

/* ------------------------footer framework ------------------------ */
#footer {
	width:780px;
	margin:0 auto;
	text-align:left;
	}
#footer p {
	color:#484848;
	margin-bottom:10px;
	text-align:left;
	width:500px;
	}
#footer a:link, #footer a:visited {
	color:#000000;
	}
#footer a:hover, #footer a:active {
	color:#484848;
	}
#footer ul {
	margin:0px;
	text-align:left;
	}
#footer li { /* if your li's float, you can adjust border height w/ line-height */
	padding:0px 10px 0 10px; /* adjusts the spacing between each li display and border-left */
	display: inline;
	border-left: 1px solid #484848;
	margin-bottom:10px;
	line-height:25px;
	}
#footer li.first {
	border: none;
	padding-left:0px !important;
	}

/* ------------------------ horizontal sprite nav ------------------------ */
.nav {
	background:url("images/nav.jpg");
	width:780px;
	height:40px;
	text-align:center;
	border:none;
	margin-bottom:0;
	line-height:12px;
	}
.nav ul {
	margin:0px;
	}
.nav ul li { /* if your li's float, you can adjust border height w/ line-height */
	padding-top:0px;
	display:inline;
	line-height:18px;
	}
.nav li { /* if your li's float, you can adjust border height w/ line-height */
	padding-top:0px;
	display: inline;
	border-left: 1px solid #FFFFFF;
	}
.nav div {
	padding-top:12px;
	}
.nav span {
	display:none;
	}
.nav li, .nav a {
	height:40px; /* change height here also */
	display:block;
	} 
.nav li {
	float:left;
	list-style:none;
	_display:inline;
	position:relative;
	}
.nav a:link.main, .nav a:visited.main, .nav a:hover.main, .nav a:active.main {
	font-size:1.0em;
	color:#FFFFFF;
	text-decoration:none;
	}
.nav li.first {border-left:none;}
.nav-01 {width: 193px;}
.nav-02 {width: 193px;}
.nav-03 {width: 193px;}
.nav-04 {width: 197px;}

/*-------------- (-79px) X position of button / (-40px) height of image from above ------------- */
.nav-01 a:hover {background:url("images/nav.jpg") -1px -40px no-repeat;}
.nav-02 a:hover {background:url("images/nav.jpg") -193px -40px no-repeat;}
.nav-03 a:hover {background:url("images/nav.jpg") -386px -40px no-repeat;}
.nav-04 a:hover {background:url("images/nav.jpg") -578px -40px no-repeat;}

/* ------------------------ son of suckerfish: horizontal sprite nav ------------------------ */
body.research .nav-01 {background:url("images/nav.jpg") 0px -40px no-repeat;}
body.locate .nav-02 {background:url("images/nav.jpg") -193px -40px no-repeat;}
body.how-it-works .nav-03 {background:url("images/nav.jpg") -386px -40px no-repeat;}
body.finance .nav-04 {background:url("images/nav.jpg") -578px -40px no-repeat;}

.nav li ul {
	position:absolute;
	z-index:1;
	left:-9999px;
	padding-right:1px; /* Fixes one px spacing for border-right in FF */
	background-color:#ffffff;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	}
.nav li ul li {
	height:auto; /* Height of each drop down nav item */
	border:1px solid #013366;
	border-top:none;
	text-align:left;
	}
.nav li ul li a {
	width:100%;
	height:auto;	/* Height of each drop down nav item, should match above */
	line-height:auto;	 /* Height of each drop down nav item again, should match above */
	}
.nav li ul li a span {
	display:block;
	padding-left:5px;
	}
/* Drop down link styles */
.nav a:link, .nav a:visited, .nav a:hover, .nav a:active {
	font-size:1.0em;
	color:#013366;
	text-decoration:none;
	}
.nav li:hover ul, .nav li.sfHover ul {
	left:0px;
	}
/* Hover styles for drop down items */
.nav-01 ul a:hover, .nav-02 ul a:hover, .nav-03 ul a:hover, .nav-04 ul a:hover {
	background-image:none;
	background-color:#2f75bb;
	color:#ffffff;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
.nav-01 ul, .nav-01 li {width:193px;}
.nav-04 ul, .nav-04 li {width:196px;}

/* ----- top nav ----- */
.top-nav {
	float:right;
	display:inline;
	font-size:10px;
	line-height:12px;
	padding-top:70px;
	}
.top-nav a:link, .top-nav a:visited {
	color:#000000 !important;
	text-decoration:none;
	outline:none;
	}
.top-nav a:hover, .top-nav {
	color:#000000 !important;
	text-decoration:none;
	outline:none;
	}
.top-nav ul {
	display:inline;
	float:right;
	margin:0px;
	padding:0px;
	}
.top-nav ul li.first {
	border-left:medium none;
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:0pt;
	}
.top-nav ul li {
	border-left:1px solid #000000;
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0px 15px;
	}
	
	
	/* ---- Preferred Nav ---- */

.nav2 {
	background:url("images/nav2.jpg");
	width:780px;
	height:40px;
	text-align:center;
	border:none;
	margin-bottom:0;
	line-height:12px;		
	}
	
.nav2 ul {
	margin:0px;	
	}
	
.nav2 ul li { /* if your li's float, you can adjust border height w/ line-height */
	padding-top:0px;
	display:inline;
	line-height:18px;
	}
	
.nav2 li { /* if your li's float, you can adjust border height w/ line-height */
	padding-top:0px;
	display: inline;
	border-left: 1px solid #FFFFFF;	
	}
	
.nav2 div {
	padding-top:12px;	
	}
	
.nav2 span {
	display:none;
	}
	
.nav2 li, .nav2 a {
	height:40px; /* change height here also */
	display:block;
	} 
	
.nav2 li {
	float:left;
	list-style:none;
	_display:inline;
	position:relative;
	}
	
.nav2 a:link.main, .nav2 a:visited.main, .nav2 a:hover.main, .nav2 a:active.main {
	font-size:1.0em;
	color:#FFFFFF;
	text-decoration:none;
	}
	
.nav2 li.first {margin-left:228px;}
.nav2-01 {width: 183px;}
.nav2-02 {width: 183px;}
.nav2-03 {width: 183px;}


/*-------------- (-79px) X position of button / (-40px) height of image from above ------------- */
.nav2-01 a:hover {background:url("images/nav2.jpg") -1px -40px no-repeat;}
.nav2-02 a:hover {background:url("images/nav2.jpg") -193px -40px no-repeat;}
.nav2-03 a:hover {background:url("images/nav2.jpg") -293px -40px no-repeat;}


.nav2 li ul {
	position:absolute;
	z-index:1;
	left:-9999px;
	padding-right:1px; /* Fixes one px spacing for border-right in FF */
	background-color:#ffffff;	/* Background color of drop down nav2 - add more styles (i.e. background image) if you want */
	}
	
.nav2 li ul li {
	height:auto; /* Height of each drop down nav2 item */
	border:1px solid #013366;
	border-top:none;
	text-align:left;
	}
	
.nav2 li ul li a {
	width:100%;
	height:auto;	/* Height of each drop down nav2 item, should match above */
	line-height:auto;	 /* Height of each drop down nav2 item again, should match above */
	}
	
.nav2 li ul li a span {
	display:block;
	padding-left:5px;
	}
	
/* Drop down link styles */
.nav2 a:link, .nav2 a:visited, .nav2 a:hover, .nav2 a:active {
	font-size:1.0em;
	color:#013366;
	text-decoration:none;
	}
	
.nav2 li:hover ul, .nav2 li.sfHover ul {
	left:0px;
	}
	
/* Hover styles for drop down items */
.nav2-01 ul a:hover, .nav2-02 ul a:hover, .nav2-03 ul a:hover, .nav2-04 ul a:hover {
	background-image:none;
	background-color:#2f75bb;
	color:#ffffff;
	text-decoration:none;
	}

/* ----- top nav2 ----- */
.top-nav2 {
	float:right;
	display:inline;
	font-size:10px;
	line-height:12px;
	padding-top:70px;
	}
.top-nav2 a:link, .top-nav2 a:visited {
	color:#000000 !important;
	text-decoration:none;
	outline:none;
	}
.top-nav2 a:hover, .top-nav2 {
	color:#000000 !important;
	text-decoration:none;
	outline:none;
	}
.top-nav2 ul {
	display:inline;
	float:right;
	margin:0px;
	padding:0px;
	}
.top-nav2 ul li.first {
	border-left:medium none;
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:0pt;
	}
.top-nav2 ul li {
	border-left:1px solid #000000;
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0px 15px;
	}
/* ---- External Content ----*/
.externalcontent {
            width:560px;
            float:left;
            }
            
.externalcontent p, .externalcontent h1, .externalcontent h2, .externalcontent h3, .externalcontent h4, .externalcontent h5, .externalcontent ul, .externalcontent ol {
            margin:5px 15px 10px 12px;
            }
.externalcontent ol li {
                        margin:10px 0px 20px 0px;
                        list-style-type:decimal;
                        padding-bottom:10px;
                        }
.externalcontent table
{
	margin-left: 15px;
}
