@charset "UTF-8";
/**************************************************
ecarlist STYLESHEET
(C) ecarlist. ALL RIGHTS RESERVED.
AUTHORED BY: Chris Alexander of ecarlist
***************************************************/

body {
	background: #000 url('../images/header_bg.jpg') top left repeat-x;
	text-align:center;
	padding:0px;
	margin:0px;
}

#container {
	position:relative;
	padding:0px;
	margin:0px auto;
	/*width:980px;*/
	text-align:left;
}

	
#header {
	height: 57px;
	width: 980px;
	margin:0px auto;
	position:relative;
	padding:0px;
	
	text-align:left;
}

h1#logo{
	position: absolute;
	top:0px;
	left:0px;
	padding:0;
	margin:0;
	height: 57px;
	width: 259px;
	text-indent:1px;
	font-size: 1px;
	/* ignored in IE/Mac \*/
	overflow: hidden;
	font-size: 12px;
	/* */
}

h1#logo a span{
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	background: url('../images/logo.jpg');
	width: 100%;
	height: 100%;
 	cursor: hand;
}



/* --- SECURE SIDE LOGO SWITCH --- */
h1#slogo{
	position: absolute;
	top:0px;
	left:0px;
	padding:0;
	margin:0;
	height: 57px;
	width: 259px;
	text-indent:1px;
	font-size: 1px;
	/* ignored in IE/Mac \*/
	overflow: hidden;
	font-size: 12px;
	/* */
}

h1#slogo a span{
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	background: url('../images/slogo.jpg');
	width: 100%;
	height: 100%;
 	cursor: hand;
}






/* --- PRIMARY NAVIGATION --- */
#priNav {
	position:absolute;
	top:4px;
	right:0px;
	height: 53px;
	width: 683px;
	margin:0px;
	padding:0px;
	background: url('../images/priNav_bg.jpg') top left repeat-x;
	text-align: center;
	overflow:hidden;
}

#priNav h2 { display:none; }

#priNav a {
	color: #000;
	text-decoration:none;
	line-height:53px;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:16px;
	padding:18px 11px 19px 11px;
	margin:0px;
	text-transform:lowercase;
	background:url('../images/priNav_div.jpg') right top no-repeat;
}

#priNav a:hover {
	color:#fff;
	background:#548a50 url('../images/priNav_div.jpg') right top no-repeat;
}

#priNav a.nodiv {
	color: #000;
	text-decoration:none;
	line-height:53px;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:16px;
	padding:18px 11px 19px 11px;
	margin:0px;
	text-transform:lowercase;
	background:transparent;
}

#priNav a.nodiv:hover {
	color:#fff;
	background:#548a50 url('') right top no-repeat;
}

/**/
#flash {
	/*width:980px;*/
	height:342px;
	padding:0px;
	margin:0px auto;
	position:relative;
	background:url('../images/flash_bg.jpg') top center no-repeat;
	border-bottom:4px solid #0a680a;
}

#flash_swf {
	width:980px;
	height:342px;
	padding:0px;
	margin:0px auto;
	position:relative;
}

/**/
#featuredVehicles {
	padding:0px;
	margin:0px auto;
	position:relative;
	background:#087e2e url('../images/featuredVehicles_bg.jpg') top left repeat-x;
}

#featuredVehicles_fix {
	padding:10px 10px 0px 10px;
	margin:0px auto;
	position:relative;
	width:960px;
	min-height:100px;
	color:#fff;
}

#content #featuredVehicles-arrow {
	position:absolute;
	top:0px;
	right:97px;
	width:45px;
	height:17px;
	background: url('../images/featuredVehicles-arrow.gif') left top no-repeat;
}

/* --- CONTENT --- */
#mainContent {
	padding:0px 0px 0px 0px;
	margin:0px auto;
	position:relative;
	background:url('../images/mainContent_bg.jpg') top left repeat-x;
}

#content {
	width:980px;
	/*min-height:583px;*/
	padding:24px 0px;
	margin:0px auto 25px;
	position:relative;
	color:#fdf8f8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#content p {
	padding:0px 0px 12px 0px;
	margin:0px;
}

#content a {
	text-decoration:underline;
	color:#fff;
}

#content a:hover {
	text-decoration:none;
	color:#94c600;
}

form { padding:0px; margin:0px; }

select { width: 210px; margin:5px 0px; }

.sideColumn {
	float:left;
	padding:0px;
	margin:0px;
	width: 240px;
}

.centerColumn {
	float:left;
	padding:0px;
	margin:0px 20px;
	width:460px;
	background:#000;
}

.divider {
	height:2px;
	background:#3d3d3d;
	padding:0px;
	margin:10px auto 20px;
	position:relative;
}

.divider2 {
	background:url('../images/divider.gif') top center no-repeat;
	padding:0px;
	margin:0px auto;
	position:relative;
	height:57px;
}

.gradient {
	padding:10px 0px;
	margin:0px auto 0.25em;
	position:relative;
	background:url('../images/gradient.jpg') top left repeat-x;
	text-align:left;
}

.gradient .quicklinks {
	padding:0px;
	margin:0px auto 21px;
	position:relative;
	height:108px;
	text-align:center;
}

#content .centerColumn .gradient h4 {
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	line-height:17px;
	font-size:18px;
	padding:0px 37px;
	margin:0px 0px 5px 0px;
	font-weight:normal;
}

#content .centerColumn .gradient p {
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	line-height:17px;
	font-size:13px;
	margin:0px;
	padding:0px 37px 12px 37px;
}

.header {
	text-align:center;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:38px;
	background:url('../images/header1.gif') top left repeat-x;
	margin:0px auto;
	position:relative;
}

.header2 {
	text-align:center;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:38px;
	background:url('../images/header2.gif') top left repeat-x;
	margin:0px auto;
	position:relative;
}

.header3 {
	height:15px;
	background:url('../images/header3.gif') top left no-repeat;
	margin:0px auto;
	position:relative;
}

.body {
	background-color:#4d4d4d;
	padding:10px;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px auto;
	position:relative;
	text-align:left;
}

.body2 {
	background:#1f1d1e url('../images/body2.gif') top left repeat-x;
	padding:12px;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:17px;
	margin:0px auto;
	position:relative;
	text-align:left;
}

.body3 {
	background: url('../images/body3.gif') top center repeat-y;
	padding:10px 15px;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px auto;
	position:relative;
	text-align:left;
}

.body3 p {
	padding:0px;
	margin:0px;
}

.body3 form {
	padding:0px;
	margin:0px;
}

.footer {
	height:14px;
	background: url('../images/footer1.gif') top center no-repeat;
	padding:0px;
	margin:0px auto 11px;
	position:relative;
}

.footer2 {
	height:9px;
	background: url('../images/footer2.gif') top center no-repeat;
	padding:0px;
	margin:0px auto 11px;
	position:relative;
}

.footer3 {
	height:20px;
	background: url('../images/footer3.gif') top left no-repeat;
	margin:0px auto 11px;
	position:relative;
	padding:0px;
}

/* global classes */
.clear { clear:both; }
.larger { font-size:20px; padding:0px; margin:0px; }
.floatleft { float:left; display:inline; margin:0px; z-index:5; }

/* --- FOOTER --- */
#footer_wide {
	background:#464a4e url('../images/footer_bg.gif') top left repeat-x;
	padding:0px;
	margin:0px auto;
	height:93px;
	border-top:1px solid #7f7f7f;
}

#footer {
	padding:20px 0px 0px 0px;
	margin:0px auto;
	position:relative;
	text-align:left;
	width:980px;
}

#footer p {
	padding:0px;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#bec0c1;
	line-height:15px;
}

#footer p a {
	color:#bec0c1;
	text-decoration:underline;
}

#footer p a:hover {
	color:#fff;
	text-decoration:none;
}



/* -------------------------- 
	     - LOGIN FORM -
	------------------------ */

#login { margin:7em auto; width:300px; }
#login form { background-color:#e4e4e4; color:#333; font-weight:bold; margin-left:8px; padding:16px 16px 40px; }
#login form input { color:#555; font-size:20px; margin-right:6px; padding:3px; }
#login h1 { display:block; font-size:2em; font-weight:bold; padding-bottom:20px; }
#login form .submit { float:right; }
#login form p { margin-bottom:24px; }