/* CSS Global Stylesheet Header

Theme Name: Coda Automotive
Theme URI: coda.com
Description: Coda Automotive Main global stylesheet
Author: Dustin Weatherford
Author Email: dweatherford [at] solutionset.com
Author URI: www.solutionset.com
Version: 1.0

[Table Of Contents]

1- Global Elements
2- Layout
3- Header and Main Navigation
4- Content
5- Bottom Span
6- Footer

Use = symbol and table of contents number (=6) to jump to specific content area.
Example: *Find* =4 will take you to the Right Column styles.
Feel free to email me with any questions.

*/

/* =1 Global Elements
-----------------------------------------------------------------------------*/
/*body.big_gradient {background: transparent url(../i/bg_home.jpg) repeat-x left -44px; }*/
body.big_gradient {background: transparent url(../i/bg_big_gradient.jpg) repeat-x left 74px; }
body.standard {background: transparent url(../i/bg_page.jpg) repeat-x left top;}
body.reserve {background: transparent url(../i/bg_body_reserve.jpg) repeat-x left 74px;}
body.reserve_three_simple {background: transparent url(../i/bg_body_reserve_three.jpg) repeat-x left 74px;}
body.savings_calc {background: transparent url(../i/bg_savings_calc.jpg) repeat-x left 74px;}

p {
	font: normal 12px helvetica, arial, sans-serif;
	color: #746f75;
	line-height: 15px;
}

p sub, ul.basic li sub {
	font-size: 8px;
}

p.intro {
	font: normal 14px helvetica, arial, sans-serif;
	color: #746f75;
	line-height: 18px;
}

p.template_intro {
	padding-right: 20px;
	font: normal 13px helvetica, arial, sans-serif;
	color: #746f75;
	line-height: 17px;
}

a {
	font: bold 12px helvetica, arial, sans-serif;
	color: #00dde5;
} a:hover { color: #191a14; }

a.btn {
	display: block;
	width: 179px;
	_width: 178px;
	height: 17px;
	padding: 2px 0 1px 10px;
	.padding-top: 3px;
	position: relative;
	font: normal 12px helvetica, arial, sans-serif;
	color: #7b897f;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	background: transparent url(../i/btns.png) no-repeat left top;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/assets/templates/coda/i/btns.png');
	clear: both;
	zoom: 1;
} a.btn:hover { 
	color: #ddfc01;
	background-image: url(../i/btns_hover.png);
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/assets/templates/coda/i/btns_hover.png');
}

a.btn span {
	display: block;
	width: 12px;
	height: 20px;
	position: absolute;
	top: 0px;
	right: -12px;
	text-indent: -5000px;
	background: transparent url(../i/btns.png) no-repeat right top;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/assets/templates/coda/i/btns.png');
} a.btn:hover span { 
	background: transparent url(../i/btns_hover.png) no-repeat right top;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/assets/templates/coda/i/btns_hover.png');
}

a.top {
	padding-right: 15px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	font: normal 11px helvetica, arial, sans-serif;
	color: #7c8980;
	text-decoration: none;
	text-transform: uppercase;
	background: transparent url(../i/btn_top_bg.png) no-repeat right 2px;
} a.top:hover { text-decoration: underline; }

#main h3 {
	margin-bottom: 5px;
	font: normal 14px helvetica, arial, sans-serif;
	color: #7c8980;
	text-transform: uppercase;
}

#main h4 {
	font: normal 12px helvetica, arial, sans-serif;
	color: #7c8980;
}

#main hr {
	height: 1px;
	background-color: #7c8980;
	border: none;
}

div.top_space { margin-top: 25px; }

ul.basic {
	margin-bottom: 10px;
	color: #746F75;
}

ul.basic li {
	padding-left: 12px;
	background: transparent url(../i/ul_bullet.gif) no-repeat left 5px;
	font-size: 12px;
}

ul.basicz {
	margin-bottom: 10px;
	list-style-position: inside;
	list-style-type: disc;
	color: #7c8980;
}

/* =2 Layout
-----------------------------------------------------------------------------*/
html, body, #container { height: 100%; }

#container {
	width: 980px;
	height: auto;
	min-height: 100%;
	margin: 0px auto;
	position: relative;
	*z-index: 99;
}
#header {
	float: left;
	width: 980px;
	height: 68px;
	margin-top: 6px;
	position: relative; /* Tame the nav */
}
#main {
	float: left;
	width: 980px;
	height: auto;
	padding-bottom: 115px;
}

body.no_bg #main {
	padding-bottom: 30px;
}

#main div.gray_box {
	float: left;
	margin-bottom: 15px;
	padding: 15px;
	background-color: #f3f3f3;
}

#main .two_thirds .gray_box {
	width: 605px;
	position: relative;
}

#main div.gray_box img {
	float: left;
	margin-right: 10px;
}

#main div.gray_box div.gray_box_col {
	float: left;
	width: 46%;
	margin-right: 22px;
} #main div.gray_box div.gray_box_col.list_col { 
	width: 190px; 
	margin-bottom: 5px;
	_float: left;
}

#main div.gray_box div.gray_box_col.last {
	width: 50%;
	margin-right: 0px;
} #main div.gray_box div.gray_box_col.list_col.last { width: 190px; }

#main div.gray_box div.row {
	width: auto;
}

#main div.board div.row {
	width: 100%;
	clear: both;
}

#main div.board div.row div{
	width: 90% !important;
}

#main div.gray_box h3,
#main div.gray_box h3 a {
	margin-bottom: 10px;
	font: normal 14px helvetica, arial, sans-serif;
	color: #7c8980;
	text-transform: uppercase;
} #main div.gray_box h3 a:hover { color: #7c8980; }

/* Basic list col */
div.list_col {
	float: left;
	margin-bottom: 20px;
	padding-left: 100px;
}

div.list_col img {
	float: left;
	margin-left: -100px;
}

	/* Customized list_cols */
	div.list_col.small { padding-left: 85px; }
	div.list_col.small img { margin-left: -85px; }
	
/* =3 Header and Main Navigation
-----------------------------------------------------------------------------*/
a#logo {
	display: block;
	float: left;
	width: 120px;
	height: 38px;
	text-indent: -5000px;
	background: transparent url(../i/logo.gif) no-repeat left top;
}
div#main_nav ul{
	float: right;
	margin: 10px 20px 0 0;
	padding-bottom: 6px;
	position: relative;
}

div#main_nav ul li { 
	float: left; 
	margin-right: 53px;
} div#main_nav ul li.last { margin-right: 4px; }

div#main_nav ul li a {
	padding-bottom: 1px; /* Touch of padding for cufon hover */
	font: normal 14px helvetica, arial, sans-serif;
	color: #5b655e;
	text-transform: uppercase;
	text-decoration: none;
} div#main_nav ul li a:hover { color: #00dde5; } /* Cufon hover solution */

div#main_nav ul li.active a {color: #00dde5; }
	
	/* Secondary Naviagation */
    div#main_nav ul li ul { display: none; }
	div#main_nav ul li.active ul {
		display: inline;
		float: none;
		width: 100%;
		_width: 700px;
		margin: 0px;
		padding: 8px 0px 0px 0px;
		position: absolute;
		top: 25px;
		left: 0px;
		border-top: 1px solid #d1d6d3;
	}
	
	div#main_nav ul li ul li { 
		float: left;
		margin-right: 30px;
	}

	div#main_nav ul li ul li span.uc { text-transform: uppercase; }
	
	div#main_nav ul li.active ul li a {
		font: normal 12px helvetica, arial, sans-serif;
		color: #5b655e;
		text-transform: none;
	} div#main_nav ul li.active ul li a:hover { color: #00dde5; }
	
	div#main_nav ul li.active ul li.active a { color: #00dde5; }
	
	/* Tertiary navigation */
	
	ul#tertiary_nav li {
		float: left;
		*margin-bottom: 4px;
		clear: both;
	}
	
	ul#tertiary_nav li a {
		float: left;
		width: 163px;
		height: 18px;
		margin-bottom: 6px;
		padding-top: 5px;
		*padding-top: 6px;
		font: normal 11px helvetica, arial, sans-serif;
		color: #7c8980;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		background: transparent url(../i/btn_nav_third_bg.gif) no-repeat left top;
		clear: both;
	} ul#tertiary_nav li a:hover,
	  ul#tertiary_nav li.selected a { background-position: left -28px;}
	
/* =4 Content
-----------------------------------------------------------------------------*/
#flash_movies {
	width: 100%;
	height: 444px;
	position: absolute;
	top: 74px;
	*left: 0px;
	z-index: 1;
	background: transparent url(../i/bg_big_gradient.jpg) repeat-x top left;
}

	#download_flash_player {
		margin-top: 100px;
		position: relative;
		text-align: center;
	} #download_flash_player p { 
		font-size: 15px;
		line-height: 18px;
	}

#main #flash,
#main #gallery {
	float: left;
	width: 980px;
	height: 444px;
	position: relative;
}

	#main #gallery img {
		max-height: 450px;
		position: absolute;
		bottom: 0px;
	}

#main .reserve {
	float: left;
	width: 980px;
	height: 444px;
	margin-bottom: 30px;
	position: relative;
	background: transparent url(../i/bg_reserve.jpg) no-repeat left top;
}

	/* Standard 3 column content layout */
	#main .row {
		float: left;
		width: 980px;
		padding-top: 5px;
	}
	
	#main .row .third {
		float: left;
		width: 326px;
		_width: 300px;
		padding-top: 15px;
	}
	
	#main .row .third.no_pad {
		padding: 0px;
	}
	
	#main .row .two_thirds {
		float: left;
		width: 632px;
		padding: 15px 20px 0 0;
	}
	
	#main .row .two_thirds .third {
		float: left;
		width: 315px;
	}
	
	.reserve_three_simple h1,
	.standard h1 {
		margin-top: 75px;
		margin-bottom: 9px;
		font: normal 24px helvetica, arial, sans-serif;
		color: #e9feeb;
		text-transform: uppercase;
	}
	
	.reserve h1 {
		font: normal 24px helvetica, arial sans-serif;
		color: #7a897f;
		text-transform: uppercase;
	}
	
	.reserve_three_simple h1 {
		margin-top: 60px;
	}
	
	.savings_calc h1 {
		position: absolute;
		top: 137px;
		left: 25px;
		font: normal 43px helvetica, arial, sans-serif;
		color: #e9feeb;
		text-transform: uppercase;
		line-height: 2px;
	} .savings_calc h1 span {
		_display: block;
		font-size: 24px;
	}
	
	.savings_calc p.savings_head {
		position: absolute;
		top: 193px;
		font: bold 14px helvetica, arial, sans-serif;
		color: #ddfc01;
		text-transform: uppercase;
	}
	
	.savings_calc p#savings_calc_head_one { left: 285px; }
	.savings_calc p#savings_calc_head_two { left: 645px; }

/* =6 Homepage Bottom Span
-----------------------------------------------------------------------------*/
#bottom_span {
	float: left;
	width: 980px;
	position: relative;
	z-index: 6;
}

	div.two_col {
		float: left;
		width: 600px;
		padding: 20px 34px 0px 20px;
	}
	
	div.three_col {
		float: left;
		position: relative;
		width: 980px;
		padding: 15px 0 15px 0;
	}

	/* Rounded corner boxes with or without background */
	div.box,
	a.box {
		float: left;
		width: 334px;
		position: relative;
		left: -13px;
		margin: 5px -8px 0px 0px;
	} div.box.offset,
	a.box.offset { top: -37px; }
	
	a.box {
		cursor: pointer;
		text-decoration: none;
	}
	
	div.box div.box_top,
	a.box span.box_top {
		float: left;
		width: 334px;
		height: 32px;
		background: transparent url(../i/box_top_one_col.png) no-repeat left top;
		_background: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='/assets/templates/coda/i/box_top_one_col.png');
	}
	
	div.box div.box_top h2,
	a.box span.box_top h2 {
		margin: 12px 0 0 46px;
		font: normal 14px helvetica, arial, sans-serif;
		color: #ddfc01;
		text-transform: uppercase;
	}
	
	div.box div.box_body,
	a.box span.box_body {
		float: left;
		width: 334px;
		min-height: 88px;
		height: auto !important;
		height: 88px;
		position: relative;
		background: transparent url(../i/box_bg_one_col.png) repeat-y left top; /* IE6 */
		_background: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/coda/i/box_bg_one_col.png',sizingMethod='scale');
		_z-index: 39;
		_overflow: visible;
		zoom: 1;
	} div.box.half div.box_body,
	a.box.half span.box_body { 
		min-height: 75px;
		height: auto !important;
		height: 75px;
	}
	
	div.box.bg div.box_body,
	a.box.bg span.box_body { 
		min-height: 137px;
		height: auto !important;
		height: 137px;
	}
	
		div.box div.box_body div.box_body_content,
		a.box span.box_body span.box_body_content {
			padding: 15px 28px 10px 40px;
			position: relative;
			z-index: 2;
		} div.box.half div.box_body div.box_body_content,
		a.box.half span.box_body span.box_body_content { 
			min-height: 40px;
			height: auto !important;
			height: 40px;
			padding-top: 15px; 
			padding-bottom: 10px;
		}
		
		a.box span.box_body span.box_body_content { display: block; }
		
		div.box.bg div.box_body div.box_body_content,
		a.box.bg span.box_body span.box_body_content { padding-bottom: 60px; }
			
			/* Box content */
			div.box_body_content p.tight,
			span.box_body_content p.tight { margin: 0px 30px 0px 24px; }
		
			a.box_link,
			span.box_link {
				margin-top: 5px;
				padding-right: 10px;
				position: absolute !important;
				left: 40px;
				bottom: -5px;
				_bottom: -3px;
				font: bold 11px helvetica, arial, sans-serif;
				color: #746f75;
				text-transform: uppercase;
				text-decoration: none;
				z-index: 999;
                background: transparent url(../i/link_arrow_rgt_gray.png) no-repeat center right !important;
				_background: none;
				/*_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/coda/i/link_arrow_rgt_gray.png');*/
			} a.box_link:hover { 
				border-bottom: 1px solid #746f75; 
				bottom: -6px;
				_bottom: -4px;
			}
			
			a.box_link.white,
			span.box_link.white {
		    	color: #fff;
				background: transparent url(../i/link_arrow_rgt_white.png) no-repeat center right  !important;
				_background: none;
				/*_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/coda/i/link_arrow_rgt_white.png');*/
			} a.box_link.white:hover {
				border-bottom: 1px solid #fff;
			}
			
			a.box_link.indent,
			span.box_link.indent {
				margin-left: 24px;
			}
			
			a.box:hover span.box_link {
				margin-bottom: -1px;
				border-bottom: 1px solid #fff;
			}
			
			div.box_body_content a.left_arrow,
			div.box_body_content a.right_arrow,
			span.box_body_content a.left_arrow,
			span.box_body_content a.right_arrow {
				display: block;
				width: 13px;
				height: 22px;
				position: absolute;
				top: 55px;
				text-indent: -5000px;
			} 
			
			div.box_body_content a.left_arrow:hover,
			div.box_body_content a.right_arrow:hover,
			span.box_body_content a.left_arrow:hover,
			span.box_body_content a.right_arrow:hover { 
				background-position: left bottom; 
			}
			
			div.box.half div.box_body_content a.left_arrow,
			div.box.half div.box_body_content a.right_arrow,
			a.box.half span.box_body_content a.left_arrow,
			a.box.half span.box_body_content a.right_arrow { top: 26px; }
			
			div.box_body_content a.left_arrow,
			span.box_body_content a.left_arrow {
				left: 13px;
				_left: -27px;
				background: transparent url(../i/box_lft_arrow.gif) no-repeat left top;
			}
			
			div.box_body_content a.right_arrow,
			span.box_body_content a.right_arrow {
				right: 13px;
				background: transparent url(../i/box_rgt_arrow.gif) no-repeat left top;
			}
			
		/* Boxes with backgrounds will need to be edited here*/
		div.box div.box_body div.bg_img,
		a.box span.box_body span.bg_img {
		    width: 308px;
		    height: 156px;
		    position: absolute;
		    bottom: -19px;
		    left: 13px;
		    z-index: 1;
		}
		
		div#main div.iesux div.box_body_content { min-height: 100px; }
		div#main div.iesux div.bg_img { bottom: -50px; }
		
		div.box div.box_body div#car_bg,
		a.box span.box_body span#car_bg {
			background: transparent url(../i/box_bg_car.png) no-repeat left top;
			_background: none;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/coda/i/box_bg_car.png',sizingMethod='fixed');
		}
		
		div.box div.box_body div#plant_bg {
			background: transparent url(../i/box_bg_plants_2.png) no-repeat left top;
			_background: none;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/coda/i/box_bg_plants_2.png',sizingMethod='fixed');
		}
	
        div.box div.box_body div#oil_bg {
			background: transparent url(../i/box_bg_oil.png) no-repeat left top;
			_background: none;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/coda/i/box_bg_oil.png',sizingMethod='fixed');
		}
        
	div.box div.box_bottom,
	a.box span.box_bottom {
		float: left;
		width: 334px;
		height: 41px;
		background: transparent url(../i/box_bottom_one_col.png) no-repeat left top; /* IE6 */
		_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='/assets/templates/coda/i/box_bottom_one_col.png');
		_position: relative;
		_z-index: 37;
	}
	
	div.plantfix div.box_bottom {
		_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='/assets/templates/coda/i/box_bottom_plant_ie6.png');
	}
	
	div.oilfix div.box_bottom {
		_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='/assets/templates/coda/i/box_bottom_oil_ie6.png');
	}
	
	div#bottom_span div.oilfix div#oil_bg{
		background-position:	bottom;
	}
	
	a.carfix span.box_bottom,
	div.carfix div.box_bottom {
		_left: 2px;
		_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='/assets/templates/coda/i/box_bottom_car_ie6.png');
	}
	
	div.hp_special div.box_bottom { _top: -41px; }

	/* Typical Definition list */
	dl {
		margin-bottom: 20px;
		border-bottom: 1px solid #d7dbd9;  
	}
	
	dl dt {
		padding: 10px 0 15px 0;
		font: normal 14px helvetica, arial, sans-serif;
		color: #7c8980;
		text-transform: uppercase;
		border-top: 1px solid #d7dbd9;
	}
	
	dl dd {
		padding-bottom: 10px;
		font: normal 12px helvetica, arial, sans-serif;
		color: #746f75;
		line-height: 15px;
	}
	
	/* Outlined Box */
	
	div.outline_box {
		float: left;
		margin-bottom: 20px;
		padding: 20px 15px;
		border: 1px solid #7c8980;
	}
	
	div.outline_box img {
		display: block;
		clear: both;
	}
	
	/* CODA SEDAN :: Gallery Navigation, Sliders, Etc. */
	ul#gallery_nav {
		float: left;
		margin: 0px 0px 15px 100px;
		*width: 100%;
	}
	ul#gallery_nav li {
		float: left;
		margin-right: 35px;
	}
	
	ul#gallery_nav li a {
		font: normal 14px helvetica, arial, sans-serif;
		color: #7c8980;
		text-transform: uppercase;
		text-decoration: none;
	} ul#gallery_nav li a:hover { color: #00dde5; }
	
	ul#gallery_nav li.selected a { color: #00dde5; }
	ul#gallery_nav li.selected a:hover { color: #00dde5; }
	
	ul#color_swatches {
		float: left;
		margin-left: 100px;
	}
	
	ul#color_swatches li {
		float: left;
		height: 84px;
	}
	
	ul#color_swatches li a {
		display: block;
		width: 159px;
		height: 48px;
		margin: 0 1px 0 0;
		padding: 30px 0 0 0px;
		font: normal 14px helvetica, arial, sans-serif;
		color: #3f3f3f;
		text-transform: uppercase;
		text-decoration: none;
		text-align: center;
		background: transparent url(../i/bg_color_btns.jpg) repeat-x left top;
	} ul#color_swatches li a:hover {padding-bottom: 6px;}
	
	ul#color_swatches li a.black {background-position: left -84px; color: #fff;}
	ul#color_swatches li a.blue {background-position: left -168px;}
	ul#color_swatches li a.gray {background-position: left -252px;}
	
	ul#color_swatches li.note {
		width: 159px;
		height: 78px;
		background: transparent url(../i/interior_swatch.jpg) no-repeat top left;
	}
	
	div#car_gallery {
		float: left;
		width: 830px;
		_width: 980px;
		height: 84px;
		margin-left: 0px;
		padding: 0 50px;
		_position: relative;
		overflow: hidden;
	}
	
	div#car_gallery a.prev,
	div#car_gallery a.next {
		display: block;
		width: 27px;
		height: 78px;
		padding-bottom: 6px;
		position: absolute;
		*top: 0px;
		z-index: 199;
		text-indent: -5000px;
	}
	
	div#car_gallery a.prev {
		margin-right: 0px;
		padding-left: 23px;
		right: 0px;
		background: #fff url(../i/gallery_arrows.gif) no-repeat right top;
	} div#car_gallery a.prev.disabled { background-position: right -80px; }
	
	div#car_gallery a.next {
		padding-right: 23px;
		left: 0px;
		background: #fff url(../i/gallery_arrows.gif) no-repeat left top; 
	} div#car_gallery a.next.disabled { background-position: left -80px; }
	
	div#car_gallery ul { 
		display: block;
		width: 2000px;
		position: relative;
		z-index: 98;
	}
	
	div#car_gallery ul li { float: left; }
	div#car_gallery ul li a  {
		display: block;
		width: auto;
		height: 80px;
		margin-right: 1px;
		opacity: .5; /* Standard: FF gt 1.5, Opera, Safari */
		filter: alpha(opacity=50); /* IE lt 8 */
		-ms-filter: "alpha(opacity=50)"; /* IE 8 */
		-khtml-opacity: .50; /* Safari 1.x */
		-moz-opacity: .50; /* FF lt 1.5, Netscape */
		_width: 100px;
	} div#car_gallery ul li a:hover { 
		opacity: 1.0; /* Standard: FF gt 1.5, Opera, Safari */
		filter: alpha(opacity=100); /* IE lt 8 */
		-ms-filter: "alpha(opacity=100)"; /* IE 8 */
		-khtml-opacity: 1.0; /* Safari 1.x */
		-moz-opacity: 1.0; /* FF lt 1.5, Netscape */
	}

	div#car_gallery ul li.selected a { 
		opacity: 1.0; /* Standard: FF gt 1.5, Opera, Safari */
		filter: alpha(opacity=100); /* IE lt 8 */
		-ms-filter: "alpha(opacity=100)"; /* IE 8 */
		-khtml-opacity: 1.0; /* Safari 1.x */
		-moz-opacity: 1.0; /* FF lt 1.5, Netscape */
		border-bottom: 4px solid #ddff00;
	 } div#car_gallery ul li.selected a:hover { border-bottom: 4px solid #ddff00; }
	 
	 a.btn_gallery_download {
	 	display: block;
	 	width: 97px;
	 	height: 15px;
	 	padding: 1px 0px 2px;
	 	*padding-top: 1px;
	 	position: absolute;
	 	text-indent: -5000px;
	 	top: -35px;
	 	right: 80px;
	 	background: transparent url(../i/btn_gallery_download.png) no-repeat left top;
	 	_background: none;
	 	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='/assets/templates/coda/i/btn_gallery_download.png');
	 } a.btn_gallery_download:hover { background-position: left bottom; }
	 
	 /* BUILD & RESERVE :: Reserve workflow */
	 .reserve p.intro {
		margin-top: 10px;
		font: normal 14px helvetica, arial, sans-serif;
		color: #8b9890;
	}

	/* Reserve Question One */
	#step_one.reserve h1 {
		width: 90%;
		margin-left: 75px;
		position: relative;
		top: 158px;
		text-align: center;
		z-index: 23;
	}
	
	#step_one.reserve a.reserve_yes {
		width: 70px;
		position: relative;
		top: 180px;
		left: 585px;
		z-index: 24;
		_padding-left: 0px;
		_width: 118px;
		_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='/assets/templates/coda/i/btns_small.png');
	} #step_one.reserve a.reserve_yes span { _background: none;}
	#step_one.reserve a.reserve_yes:hover { 
		_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='/assets/templates/coda/i/btns_small_hover.png');	
	}
	
	#step_one.reserve span#plug_bg {
		display: block;
		width: 689px;
		height: 290px;
		position: absolute;
		bottom: 0px;
		right: 40px;
		background: transparent url(../i/bg_reserve_plug.jpg) no-repeat top left;
		z-index: 1;
	}
	
	/* Reserve Question Two */
	.reserve #question_two {
		width: 520px;
		position: absolute;
		top: 32px;
		left: 10px;
	}
	
	.reserve #windmill {
		width: 148px;
		_width: 300px;
		height: 277px;
		position: absolute;
		top: 33px;
		left: 610px;
		background: transparent url(../i/reserve_windmill.png) no-repeat left top;
		_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='/assets/templates/coda/i/reserve_windmill.png');
	}
	
	.reserve #windmill p a {
		display: block;
		width: 150px;
		position: absolute;
		top: 65px;
		left: 110px;
		font: normal 12px helvetica, arial, sans-serif;
		color: #7a897f;
		text-decoration: none;
		text-transform: uppercase;
	} .reserve #windmill p span a:hover { color: #00dde5; }
	
	.reserve div#specs_list {
		width: 520px;
	}
	
	.reserve div#specs_list ul {
		display: block;
		float: left;
		margin-right: 25px;
		list-style-type: disc;
		list-style-position: inside;
		font: normal 12px helvetica, arial, sans-serif;
		color: #7a897f;
	} .reserve div#specs_list ul li { margin-bottom: 5px; }
	
	.reserve div#form_cars {
		width: 975px;
		height: 202px;
		position: absolute;
		top: 241px;
	}
	
	.reserve div#form_cars form { _width: 1080px; }
	
	.reserve div#form_cars form div {
		float: left;
		position: relative;
		width: 242px;
	}
	
	.reserve div#form_cars form div label {
		display: block;
		width: 242px;
		height: 125px;
		background: transparent url(../i/reserve_form_cars.png) no-repeat left top;
	}
	
	.reserve div#form_cars form div#white_car label {
		_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='fixed', src='/assets/templates/coda/i/ie6_car_white.png');
	}
	.reserve div#form_cars form div#black_car label {
		background-position: -240px top;
		_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='fixed', src='/assets/templates/coda/i/ie6_car_black.png');
	}
	.reserve div#form_cars form div#blue_car label {
		background-position: -480px top;
		_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='fixed', src='/assets/templates/coda/i/ie6_car_blue.png');		
	}
	.reserve div#form_cars form div#silver_car label {
		background-position: -720px top;
		_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='fixed', src='/assets/templates/coda/i/ie6_car_gray.png');
	}
	
	.reserve div#form_cars form div label span {
		position: relative;
		top: 126px;
		left: 105px;
		font: normal 14px helvetica, arial, sans-serif;
		color: #fff;
		text-transform: uppercase;
		text-align: center;
	}
	
	.reserve div#form_cars form div input.car {
		margin: 0px;
		padding: 0px;
		position: absolute;
		top: 126px;
		left: 80px;
	}
	
	.reserve div#form_cars form div#submit {
		display: none;
		margin-left: 15px;
		position: absolute;
		bottom: 25px;
	}
	
	.reserve div#form_cars form div#car_lightening {
		display: none;
		width: 362px;
		height: 65px;
		position: absolute;
		top: 76px;
		left: -72px;
		background: transparent url(../i/reserve_form_car_lightening_circle.jpg) no-repeat top left;
	}
	
	/* Reserve Final Form */
	#step_three form h3 {
		margin-bottom: 10px;
		font: normal 14px helvetica, arial, sans-serif;
		color: #7c8980;
		text-transform: uppercase;
	}
	
	#step_three form div.row {
		padding: 25px 0px 20px;
	} #step_three form div#submit_btn { padding-top: 10px; }
	
	form#contact_form { float: left; }
	
	#main form#contact_form div.third {
		width: 290px;
		_width: 250px;
		padding-right: 20px;
	}
	
	#step_three form div.form_row,
	form#contact_form div {
		float: left;
		width: 300px;
		_width: 250px;
		margin-bottom: 5px;
		padding-right: 26px;
	}
	
	form.survey_form div {
		float: left;
		width: auto;
		_width: auto;
		margin-bottom: 15px;
		padding-right: 26px;
	}
	
	form#contact_form div#contact_subject { _clear: both; }
	
	#step_three form div.form_row label,
	#step_three form div.form_row input,
	#step_three form div.form_row select,
	form#contact_form div input,
	form#contact_form div select,
	form#contact_form div label,
	form.survey_form div input,
	form.survey_form div select,
	form#newsletter label,
	form#newsletter input {
		float: left;
		clear: left;
	}
	
	form.survey_form div label{
		display: block;
		float: left;
		clear: right;
		margin:0 0 5px 0;
		width: 550px;
	}
	
	form.survey_form div.radioRow{
		clear: both;
		margin: 0;
		padding: 0;
	}
	
	form.survey_form div input{
		float: left;
		display: inline;
	}

	form#contact_form p {
		float: left;
		clear: both;
	}
	
	form.survey_form p {
		float: left;
		clear: both;
		font-size: 13px;
	}
	
	#step_three form div.form_row label,
	#coda_savings label,
	form#contact_form label,
	form.survey_form label,
	form#newsletter label {
		margin: 2px 0px 2px;
		font: normal 12px helvetica, arial, sans-serif;
		color: #7c8980;
	}
	
	#step_three form div.form_row input,
	#step_three form div.form_row select,
	#coda_savings input,
	#coda_savings select,
	form#contact_form input,
	form#contact_form select,
	form#contact_form textarea,
	form.survey_form select,
	form.survey_form textarea,
	form#newsletter input {
		width: 220px;
		margin-bottom: 4px;
		padding: 4px;
		border: 1px solid #dfdfdf;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
	}

	form.survey_form textarea{
		clear: both;
	}

	form#contact_form textarea,
	form.survey_form textarea  {
		width: 532px;
		height: 100px;
	}

	#step_three form div#IGS_PAYMENTTYPE-row label { width: 100%; }
	#step_three form div#IGS_PAYMENTTYPE-row div {
		float: left;
		margin: 3px 0px 8px;
	}
	
	#step_three form div#IGS_PAYMENTTYPE-row div span,
	#step_three form div#IGS_PAYMENTTYPE-row div input {
		float: left;
		margin: 0px;
		padding: 0px;
		outline: none;
		border: none;
	}
	
	#step_three form div#IGS_PAYMENTTYPE-row div span { margin-right: 10px; .padding-top: 2px; }
	#step_three form div#IGS_PAYMENTTYPE-row div input { width: 15px; }
	
	#step_three form div.form_row select#IGS_STATE,
	#step_three form div.form_row input#IGS_ZIP,
	#step_three form div.form_row select#IGS_TYPE,
	#step_three form div.form_row select#IGS_EXPIRE-month,
	#step_three form div.form_row select#IGS_EXPIRE-year,
	#step_three form div.form_row input#IGS_CVV {
		 width: 100px;
	}
	#step_three form div.form_row select#IGS_EXPIRE-month { margin-right: 5px; }
	#step_three form div.form_row select#IGS_EXPIRE-year { 
		clear: none;
		.margin: 5px 0 0 12px;
	}
	
	#step_three div#slide{
		position: relative;
	}
	
	#step_three div#slide div.black,
	#step_three div#slide div.blue,
	#step_three div#slide div.silver,
	#step_three div#slide div.white {
		display: none;
		width: 360px;
		height: 185px;
		position: absolute;
		top: 0;
		left: 0;
		font: normal 12px helvetica, arial, sans-serif;
		color: #7c8980;
		background: transparent url(../i/reserve_step_three_cars.jpg) no-repeat -13px 300px;
		z-index:8;
		opacity: 0.0;
	}
	
	#step_three.simple  div#slide div p {
		margin-top:160px;
	}

	#step_three div#slide div.active {
		display: block;
		z-index:10;
		opacity:1.0;
	}

	
/*
	#step_three form div.row div#car_to_reserve div.active {
    	z-index:10;
		opacity:1.0;
	}*/
	
	#step_three div#slide div.active p{
		z-index:10;
		opacity:1.0;
	}
	
	#step_three div#slide div.last-active {
		z-index:9;
	}	
	#step_three div#slide div.black { background-position: -13px -380px; }
	#step_three div#slide div.blue { background-position: -13px -185px; }
	#step_three div#slide div.silver { background-position: -13px 0px; }	
	#step_three div#slide div.white { background-position: -13px -568px;}
	
	
	

	
	#step_three #terms_box { padding: 0px; }
	#step_three #terms_box div.form_row { width: 600px; }
	#step_three #terms_box h3 span.error {
		display: none;
		color: red;
	}
	#step_three #terms_box textarea#agreement { 
		width: 600px;
		height: 86px;
		padding: 4px;
		border: 1px solid #dfdfdf;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
	}
	
	#step_three #terms_box label { 
		width: 300px;
		margin-top: 5px; 
	}
	
	#step_three #terms_box label span { 
		display: block;
		margin-top: 3px;
	}
	
	#step_three #terms_box input#IGS_TERMS {
		width: auto;
		border: 1px solid #dfdfdf;
	}
	
	#step_three form div#submit_btn a {
		float: right;
		margin-right: 20px;
	}
	
	#step_three form div input.error,
	#step_three form div select.error,
	form#contact_form div input.error,
	form#contact_form div textarea.error,
	form#coda_savings input.error,
	form#newsletter input.error { border: 1px solid red; }
	#step_three form div label.error,
	form#contact_form div label.error,
	form#coda_savings label.error,
	form#coda_savings span.error_msg,
	form#newsletter label.error { color: red; }
	
	form#survey_form_001 h3.error { color: red; !important}
	
	form#coda_savings span.error_msg {
		padding-left: 5px;
	}
	
	form#IGS_FORM div#check-wire {
		float: left;
		margin-top: 10px;
		padding-right: 20px;
	}
	
	/* Reserve form final step errors */
	#step_three form div#textual_errors {
		display: none;
		width: 940px;
		margin-top: 10px;
		padding:  10px;
		border: 1px solid red;
	} #step_three.simple form div#textual_errors { width: 580px; }

	div#textual_errors.single { margin-bottom: 22px;}

	#step_three form div#textual_errors div.third {
		width: 280px;
		margin-right: 40px;
		padding-top: 0px;
	} #step_three form div#textual_errors div.last { margin-right: 0px; }
	
	#step_three.simple form div#textual_errors div.third {
		width: 250px;
		margin-right: 64px;
	} #step_three.simple form div#textual_errors div.last { margin-right: 0px; }
	
	#step_three form div#textual_errors h3,
	div#textual_errors.single h3 {
		margin: 0px;
		color: red;
	}
	
	div#textual_errors.single {
		display: none;
		float: left;
	}

	#survey_form_001 div#textual_errors{
		display: none;
		float: none;
		clear: both;
		width: 800px;
	}

	div#textual_errors.single div.third {
		margin: 0px;
		padding: 0px;
	}
	
	#step_three form div#textual_errors ul,
	div#textual_errors.single ul {
		list-style-position: inside;
		list-style-type: disc;
	}
	
	#step_three form div#textual_errors ul li,
	div#textual_errors.single ul li {
		color: red;
	}
	
	#main #contact_form fieldset { float: left; }
	#main form#contact_form #textual_errors { 
		float: left;
		width: 580px;
		margin-bottom: 0px;
		padding: 10px;
		border: 1px solid red;
		clear: both;
	}
	
	#main form#contact_form #textual_errors div { width: 278px; }
	
	#main form#contact_form #textual_errors div.last { padding-right: 0px; }
	
	#main div#reserved_car { padding-left: 278px; }
	
	#main div#reserved_car span {
		float: left;
		width: 238px;
		height: 120px;
		margin-left: -260px;
		background: transparent url(../i/reserve_form_cars.png) no-repeat left top;
	}
	
	#main div#reserved_car span.white { 
		background-position: -18px top;
		_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='fixed', src='/assets/templates/coda/i/ie6_car_white.png');
	}
	
	#main div#reserved_car span.black {
		background-position: -257px top;
		_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='fixed', src='/assets/templates/coda/i/ie6_car_black.png');
	}
	
	#main div#reserved_car span.blue {
		background-position: -491px top;
		_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='fixed', src='/assets/templates/coda/i/ie6_car_blue.png');		
	}
	
	#main div#reserved_car span.silver {
		background-position: -723px top;
		_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='fixed', src='/assets/templates/coda/i/ie6_car_gray.png');
	}
	
	/* Savings Calculator */
	.savings_calc #main {
		position: relative;
		background: transparent url(../i/savings_calc_header.jpg) no-repeat 270px top;
	}
	
	.savings_calc .empty_col {
		float: left;
		width: 270px;
		height: 215px;
	}
	
	form#coda_savings {
		_float: left;
		width: 990px;
		margin-top: 215px;
	}
	
	form#coda_savings div#row_one,
	form#coda_savings div#row_two {
		margin-left: 270px;
	}
	
	form#coda_savings div#row_one div.form_box,
	form#coda_savings div#row_two div.form_box {
		float: left;
		width: 327px;
		height: 130px;
		padding: 20px 15px;
		border-bottom: 1px solid #e5e5e5;
		border-left: 1px solid #e5e5e5;
	} form#coda_savings div.form_box.end {
		border-right: 1px solid #e5e5e5;
	} form#coda_savings div#row_two div.form_box {
		height: 130px;
	}
	
	#coda_savings div select {
		width: 175px;
		padding: 3px;
	}
	
	#coda_savings div div div { margin-top: 10px; }
	
	.savings_calc div#main form#coda_savings div#vehicle { _height: 138px; }
	
	#coda_savings div#vehicle label {
		float: left;
		width: 60px;
	}
	
	#coda_savings div#vehicle select#year { width: 100px; }
	
	#coda_savings div#fuel_cost label {
		float: left;
		width: 110px;
	}
	
	#coda_savings div#fuel_cost select { width: 85px; }
	#coda_savings div#fuel_cost input { width: 75px; }
	
	#coda_savings div#electric_cost label {
		margin-bottom: 20px;
		float: left;
	}
	
	#coda_savings div#electric_cost input { width: 75px; }
	
	#coda_savings div.submit { position: relative; }
	#coda_savings div.submit a {
		position: absolute;
		top: 45px;
	}
	
	form#contact_form div.checkboxes, 
	form#IGS_FORM div.checkboxes{
		width: 500px;
		margin: 10px 0px;
	}
	
	form#contact_form div.checkboxes ul li,
	form#IGS_FORM div.checkboxes ul li {
		float: left;
		width: 500px;
		margin-bottom: 5px;
	}
	
	form#contact_form fieldset div.checkboxes ul li input,
	form#contact_form fieldset div.checkboxes ul li label
	{
		float: left;
		clear: none;
		width: auto;
	}
	
	form#IGS_FORM fieldset div.checkboxes
	{
		text-align: left;
	}
	
	form#IGS_FORM fieldset div.checkboxes input
	{
		float: left;
		clear: left;
		width: 14px;
		height: 14px;
		margin-right: 5px;
		border: none;
	}
	
	form#IGS_FORM fieldset div.checkboxes label 
	{
		float: left;
		clear: none;
		line-height: 14px;
	}
	
	form#contact_form fieldset ul li label {
		margin-top: 4px;
	}
	form#newsletter div label,
	form#newsletter div.iefix { clear: both; }
	form#newsletter div.submit a.btn {
		margin-top: 5px;
	}
	
	/* Savings calculator results */
	div#savings_results div.row {
		float: left;
		width: 987px;
		padding-top: 0px;
		position: relative;
		background: transparent url(../i/bg_savings_calc_results.gif) repeat-y top left;
		border-bottom: 1px solid #e5e5e5;
	}
	
	div#savings_results div.row div.third {
		float: left;
		width: 317px;
		height: auto;
		padding: 20px;
		overflow: hidden;
	}
	
	div#savings_results div.row div.title {
		width: 270px;
		padding-left: 0px;
		padding-right: 0px;
		border-left: none;
	}
	
	div#savings_results div.row div.title h3 {
		padding: 15px 0 10px 50px;
		color: #000;
		background: transparent url(../i/icons_savings_calc_title.gif) no-repeat 12px top;
	}
	
	div#savings_results div#op_costs div h3 { background-position: 12px 6px;}
	div#savings_results div#env_impact div h3 { background-position: 12px -112px ;}
	div#savings_results div#maintain_cost div h3 { background-position: 12px -202px ;}
	div#savings_results div#poli_issues div h3 { background-position: 12px -308px;}
	div#savings_results div#other_considers div h3 { background-position: 12px -416px ;}
	
	div#savings_results div#op_costs h4 {
		font: normal 14px helvetica, arial, sans-serif;
		color: #000;
	}
	
	div#savings_results div#op_costs table { margin: 10px 0 10px 0; }
	
	div#savings_results div#op_costs table tr td {
		font: normal 12px helvetica, arial, sans-serif;
		color: #7c8980;
	}
	
	div#savings_results div.cost_holder {
		width: 358px;
		height: 20px;
		position: relative;
		left: -19px;
		background-color: #e3e3e3;
	}
	
	div#savings_results div.cost_holder div {
		margin: 10px 0;
		_margin: 0px;
		padding: 3px 0 6px;
		_padding-bottom: 3px;
		height: 11px;
		background: transparent url(../i/bg_savings_calc_pricebars.jpg) no-repeat right top;
	}
	
	div#savings_results div.cost_holder div#gas-cost { background: transparent url(../i/bg_savings_calc_pricebars.jpg) no-repeat right top; }
	div#savings_results div.cost_holder div#electric-cost { padding-left: 30px; background: transparent url(../i/bg_savings_calc_pricebars.jpg) no-repeat right bottom; }
	
	/*bg_savings_calc_pricebars*/
	
	div#savings_results div.cost_holder div span {
		float: right;
		margin-right: 8px;
		font: bold 12px helvetica, arial, sans-serif;
		color: #fff;
	}
	
	/* LETS CLEAR THE AIR */
	
	#main div#ev_principles_banner {
		height: 350px;
		position: relative;
		background: transparent url(../i/ev_principles_banner.jpg) no-repeat left bottom;
	}
	
	div#ev_principles_banner p {
		position: relative;
		top: 20px;
		font: normal 13px helvetica, arial, sans-serif;
		color: #746f75;
	}
	
	ol#ev_facts li {
		width: 250px;
		margin-bottom: 18px;
		padding-left: 25px;
		font: normal 12px helvetica, arial, sans-serif;
		color: #746f75;
		line-height: 15px;
		background: transparent url(../i/ol_nums_ev.jpg) no-repeat left top;
	}
	
	/*Tech specs layout */
	#main div.tech_specs { margin-top: 15px; }
	
	div.tech_specs h3 {
		font: normal 14px helvetica, arial, sans-serif;
		color: #7c8980;
		text-transform: uppercase;
	}
	
	div#left_col.tech_specs {
		float: left;
		width: 545px;
		margin-right: 15px;
	}
	
	div#left_col.tech_specs div.gray_box { width: 515px; }
	
	div#right_col.tech_specs {
		float: left;
		width: 420px;
	}
	
	div#right_col.tech_specs div.gray_box { 
		width: 350px;
		padding-left: 30px;
	}
	
	div.tech_specs div.gray_box p strong {
		float: left;
		width: 155px;
		margin-bottom: 3px;
	}
	
	div.tech_specs div.gray_box p {
		float: left;
		width: 515px;
		margin-bottom: 3px;
	}
	
	div#right_col.tech_specs div.gray_box p {
		width: 350px;
	}
	
	div.tech_specs a.btn {
		float: left;
		margin-left: 190px;
		_margin-left: 80px;
	}
		
	ul#faqz { font-size: 12px; }
	ul#faqz li h4 { margin: 20px 0px -10px 0px; }

	ul#faqz li h4 a {  font-size: 13px; }
	ul#faqz li h4 a span { color: #7C8980; }
	
	div#blog_list div.item {
		width: 100%;
		float: left;
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid #7C8980;
	} div#blog_list div.item.last { border-bottom: none; }
	
	div#blog_list h3 a { font-size: 14px; }
	
	#twitter_update_list { 
		font: normal 12px helvetica, arial, sans-serif;
		color: #7C8980;
	}
	
	/* 
	* Table styling b/c mobile storm thinks tables are still
	* used in web development.
	*/
	div table tr td {
		padding: 2px 4px 2px 0px;
		font: normal 12px helvetica, arial, sans-serif;
		color: #746f75;
	}
	
	div table tr td:first-child {
		font-weight: bold;
	}
	
	
/* =7 Footer
-----------------------------------------------------------------------------*/
#footer {
	height: 115px;
	margin-top: -115px;
	position: relative;
	background: transparent url(../i/bg_footer.gif) repeat-x left top;
	z-index: 9;
	_z-index: 999;
	clear: both;
}

#footer.no_bg {
	height: 30px;
	margin-top: -30px;
	background: none;
}

#footer ul {
	width: 690px;
	margin: 0 auto;
	position: relative;
	bottom: -90px;
}

#footer.no_bg ul {
	bottom: 0px;
}

#footer ul li {
	float: left;
	margin-right: 18px;
}
#footer ul li.icon {
	position: relative;
	top: -11px;
}
#footer ul li a {
	padding-bottom: 1px; /* Touch of padding for cufon hover */
	font: normal 10px helvetica, arial, sans-serif;
	color: #5b655e;
	text-transform: uppercase;
	text-decoration: none;
} #footer ul li a:hover { color: #00dde5; } /* Cufon hover solution */


span.er{
	clear: both;
	border: 1px solid red;
	display: none;
	width: 200px;
	padding: 15px;
}