/* CSS Document */

body {
	background-color: white;
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(/img/background_body.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

li {
	margin-bottom: 10px;
}

#width {
	background-image: url(/img/background_width.jpg);
	background-repeat: repeat-x;
}

#main {
	margin: 0 auto;
	clear: both;
	width: 994px;
}

#header {
	height: 180px;
	background-image: url(/img/background_header.jpg);
	background-repeat: no-repeat;
}

#nav {
	padding-top: 140px;
	margin-left: 26px;
}

#nav .link {
	color: black;
	margin-top: 143px;
	display: inline;
	font-weight: bold;
}

#nav a {
	color: white;
	text-decoration: none;
}

#nav a:hover {
	color: yellow;
}

#video {
	z-index: 0;
	float: right;
	position: relative;
	top: 15px;
	right: 30px;
	width: 290px;
	height: 219px;
	display: inherit;
}

#cola {
	width: 642px;
	float: left;
}

#colb {
	width: 190px;
	float: left;
	padding-left: 33px;
}

#row {
	padding-left: 30px;
}

#footer {
	text-align: center;
	font-size: 11px;
}

/**** Sub Section Classes ****/

.leadstory {
	width: 512px;
	font-size: 14px;
	padding: 10px 0px;
	margin-left: 130px;
}

.leadstory .headline_black {
	font-size: 28px;
	color: black;
}

.leadstory .headline_red {
	font-size: 24px;
	color: red;
	text-align: right;
}

.leadstory img {
	float: left;
	margin-right: 10px;
}

.substory {
	width: 288px;
	float: left;
	background-color: white;
	font-size: 14px;
}

.substory .header, .feature .header {
	background-color: black;
	color: yellow;
	font-size: 18px;
	padding: 2px;
	text-align: center;
	font-weight: bold;
}

.feature {
	width: 190px;
	background-color: black;
	color: white;
	margin-top: 30px;
}

.feature .center a{
	decoration: none;
	color: white;
	border: 0;
}

.vehicleinventory {
	width: 100%;
	font-size: 11px;
}

.vehicleinventory th {
	background-color: black;
	padding: 5px;
}

.vehicleinventory th a {
	color: yellow;
	text-decoration: none;
}

.vehicleinventory th a:hover {
	color: white;
}

.vehicleinventory .oddRow {
	background-color: #CCC;
}

.vehicleinventory .evenRow td, .vehicleinventory .oddRow td {
	border-bottom: 1px solid #666;
}

.vehicleinventory .color, .vehicleinventory .mileage, .vehicleinventory .year {
	text-align: center;
}

.vehicleinventory .price {
	text-align: right;
}

.vehicleinventory .logo div {
	text-align: center;
}

.vehicleinventory .logo img {
	border: 0;
	margin: 0;
	padding: 0;
	float: none;
}

.vehicleinventory .model a {
	width: 100%;
	display: block;
	background-image: url(/img/inventory_view.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

.vehicleinventory .model a:hover {
	background-image: url(/img/inventory_view_over.gif);
}

.vehicleinventory .oddRow .activeColumn {
	background-color: #B2BAC2;
}

.vehicleinventory .evenRow .activeColumn {
	background-color: #DFE9F2;
}

.vehicleinventory th .activeColumn {
	color: white;
}

.vehicleinventory a {
	color: red;
	text-decoration: none;
}

.vehicleinventory a:hover {
	color: #660000;
}

.vehicleData {
	padding: 5px;
}

.vehicleData .price {
	font-size: 20px;
	font-weight: bold;
}

.vehicleData .option {
	float: left;
	width: 125px;
	border-bottom: 1px solid #CCC;
	font-size: 11px;
	margin: 3px;
	margin-left: 5px;
	white-space: nowrap;
	overflow: hidden;
}

.vehiclePhotos .photo {
	width: 134px;
	height: 95px;
	float: left;
	background-color: #CCC;
	vertical-align: middle;
	text-align: center;
	padding: 5px;
}

/**** Class Addons ****/

.nil {
	margin: 0;
	padding: 0;
	border: 0;
}

.center {
	text-align: center;
}

.borderblack {
	border: 1px solid black;
}

.borderwhite{
	border: 1px solid white;
}

.noborder {
	border: 0;
}

.clearboth {
	clear: both;
}

.size10 {
	font-size: 10px;
}

.size11 {
	font-size: 11px;
}

.size14 {
	font-size: 14px;
}

.size18 {
	font-size: 18px;
}

.size20 {
	font-size: 20px;
}

.size24 {
	font-size: 24px;
}

.red {
	color: red;
}

.yellow {
	color: yellow;
}

.height20 {
	height: 20px;
}

.margin30 {
	margin-left: 30px;
}

.margintop {
	margin-top: 20px;
}

.marginbottom {
	margin-bottom: 20px;
}

.padding10 {
	padding: 10px;
}

.border1 {
	border: 1px solid black;
}

.padding5 {
	padding: 5px;
}

.nil {
	padding: 0;
	margin: 0;
	border: 0;
}

.right {
	text-align: right;
}

.hiddenlink {
	color: black;
	text-decoration: none;
}

.notice {
	font-size: 18px;
	color: #990000;
}

.floatright {
	float: right;
}

/* Locations */

#locations .location, #locations .address {
	display: inline;
}

#locations .directions {
	margin-top: 5px;
}

#locations .address input {
	width: 300px;
}

#routecontainer {
	display: none;
}

#routecontainer .headline {
	font-size: 14px;
	color: red;
	font-weight: bold;
	padding-top: 10px;
}

#route {
	font-size: 11px;
}


/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #FFFF00;
	padding: 4px;
}


/***** CONTACT US CSS *****/

#contact {
	width: 276px;
	margin: 0px auto;
	clear: both;
	font-size: 14px;
	margin-bottom: 15px;
	border: 1px solid #666;
	padding: 5px;
	}

#contact .input input, #contact .input textarea {
	width: 268px;
	font-size: 12px;
	color: #003300;
	margin-bottom: 3px;
	padding: 2px;
	}

#contact .city input {
	width: 98px;
	font-size: 12px;
	color: #003300;
	margin-bottom: 3px;
	padding: 2px;
	}

#contact .state input {
	width: 70px;
	font-size: 12px;
	color: #003300;
	margin-bottom: 3px;
	padding: 2px;
	}

#contact .zip input {
	width: 70px;
	font-size: 12px;
	color: #003300;
	margin-bottom: 3px;
	padding: 2px;
	}

#contact .checkbox input {
	width: 20px;
	display: inline;
	padding: 0;
	margin: 0;
	}

#contact .other input {
	width: 150px;
	display: inline;
	}

#contact .input .time{
	width: 100%;
	}

#contact form {
	margin: 0;
	padding: 0;
	}

#contact label {
	display: block;
	font-size: 12px;
	margin-top: 5px;
	font-style: italic;
	}

#contact legend {
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 8px;
	padding-top: 8px;
	}

#contact fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	}

#contact .refresh {
	font-size: 10px;
	}

#contact .submit input {
	margin: 20px 0px 0px 0px;
	padding: 4px;
	font-size: 12px;
	color: red;
	}

#contact .submit input:hover {
	color: black;
	}

/* PAGINATION */

.paginationLinks {
	font-size: 11px;
	margin-top: 15px;
}

.nextPage {
	display: inline;
}

.previousPage {
	display: inline;
}

.disabled {

}

.paginationCounter {
	float: right;
	font-size: 11px;
}

/* FAQS */
#faqList a {text-decoration: none;}

.faq {
	padding: 5px;
}

.question {

}

.answer {
	border: 1px solid black;
	background: #FFFACD;
	margin: 5px;
	padding: 2px;
}

/* BUY NOW FORM CSS */

.buynow, .buynow fieldset{
	border: 0;
	padding: 0;
	margin: 0;
}

.makeofferbutton {
	padding: 0px 10px 10px 10px;
}

.makeofferbutton a img{
	border: 0;
}