/********** =colorGlossary **********

Dark Grey Blue (Links) - 4e6481
Grey Blue - 7c8c97
Light Grey Blue - d3e2ed
Dark Brown - 4b3625
Light Brown - 8f806d
Light Tan - dddaca
Deep Red - 941f16
Red Orange - a7401d
Yellow - f3d876
Light Yellow - f3e6ae
Orange - db940f
Medium Grey - ccc
Light Grey - efefef
Green - 829c31

*/

/********** =defaults **********/
a {
	color:#406590;
}

span.attention {
	color:#f00;
}

/********** =mainSections **********/
body {
	font-family:helvetica, arial, sans-serif;
	font-size:76%;
}

#header {
	background-color:#000;
	color:#fff;
}

#primary {
	background:#f3f0e9 url(../Images/FormGradient_BG.gif) left top repeat-x;
	border-right:1px solid #fff;
}

#secondary {
}

#tertiary {
	background:#f3f0e9;
	border-top:1px solid #fff;
}

#footer {
	
}

/********** =specialCases **********/
/*
	The following selectors are used to modify aspects of specific pages.
*/
#displayPage #main {
	background:#efefef;
}

#contactPage #main,
#confirmationPage #main {
	background:#fff url(../Images/Main_BG.jpg) left top no-repeat;
}

#contactPage #secondary,
#confirmationPage #secondary {
}

#listPage #primary {
	background:none;
}

#contactPage #secondary p,
#confirmationPage #secondary p  {
	font-size:1.8em;
	font-weight:bold;
}

#contactPage #secondary ul li,
#confirmationPage #secondary ul li {
	font-size:1.2em;
	font-weight:bold;
}

#listPage #main,
#displayPage #main {
	background:#efefef;
}

/********** =contactPageVehicle **********/
#contactPage h2#vehicle {
	background-color:#4e6481;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	color:#fff;
	font-size:1.3em;
}

#contactPage h2#vehicle span {
	font-size:.7em;
	font-weight:normal;
}

#contactPage #hero {
	border-right:1px solid #fff;
}

#contactPage #tertiary h3 {
	color:#000;
	font-size:1.2em;
	background:none;
	border:none;
	margin:2px 0 8px 0;
}

#displayPage #heroShot a {
	background:#666;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	color:#fff;
}

#contactPage p#disclaimer {
	border-top:1px solid #ccc;
	color:#666;
	font-size:.8em;
}

/********** =header **********/
#header p.phone {
	color:#ffc;
	text-transform:uppercase;
}

#header p.location {
	font-weight:bold;
	font-size:1.3em;
}

/********** =navigation **********/
#navigation {
	background-color:#4e6481;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

#navigation ul li a {
	border-left:1px solid #ccc;
	color:#fff;
}

/********** =secondary **********/
#secondary h2 {
	background:#666;
	color:#fff;
	font-size:1.5em;
}

#secondary h3 {
	
}

#secondary h3 span {
	display:block;
	color:#666;
	font-size:.7em;
}

	/********** =mileage **********/
	#mileage, #dealerInfo {
		border:1px solid #ccc;
	}

	/********** =pricing **********/

	p#vehicleName,
	p#pricing {
		font-size:1.4em;
		color:#000;
		font-weight:bold;
	}

	p#vehicleName span,
	p#pricing span {
		font-size:.7em;
		color:#666;
	}
	
	p#vehicleName span {
		display:block;
	}

	#displayPage p#disclaimer {
		color:#999;
	}
	
/********** =misc **********/
#trust {
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
	background:#efefef;
}

/********** =tables **********/
p.results {
	font-weight:bold;
	margin:8px;
	padding:0;
}

table.inventoryList {
	color:#444;
	border-collapse:collapse;
}

table.inventoryList  tr td {
	border-bottom:1px solid #ccc;
}

table.inventoryList tr.dataRow:hover,
table.inventoryList tr.highlightedRow {
	/* Since IE6 doesn't support the :hover pseudo-element on tags
	   other than anchors, we have a JavaScript file that adds and 
	   removes the className "highlightedRow" from the tr's onmouseover
	   and mouseout. */
	background:#f3e6ae!important;
}

table.inventoryList tr.altRow {
	background:#f5f5f5;
}

table.inventoryList tr th {
	background:#4e6481;
	border-top:1px solid #fff;
	color:#fff;
}

table.inventoryList tr th a {
	color:#fff;
}

table.inventoryList tr td div.swatch {
	border:1px solid #ccc;
	float:left;
	display:inline;
	margin-right:3px;
	width:25px;
	height:15px;
}

/********** =inventorySearch **********/
div#inventorySearch {
	background:#dddaca;
	border-bottom:1px solid #fff;
}



/********** =expandCollapse **********/
#tertiary h3 {
	background-color:#4e6481;
	background-position:9px 9px;
	border-bottom:1px solid #fff;
	color:#fff;

}

#tertiary h4 {
	background-color:#efefef;
	background-position:5px 5px;
	border-top:1px solid #ccc;
	font-size:1em;

}

#tertiary h4.collapsed:hover,
#tertiary h4.highlightedHeading {
	background-color:#f3e6ae;
}


ul#thumbs li a {
	border:1px solid #ccc;
}

ul#thumbs li a img {
	border:none;
}