body { background-color: #000000; padding: 0px; margin: 0px; }
body							{ color: #707070; font: 12px/20px tahoma, arial, helvetica, sans-serif; }

#container 						{ width: 766px; margin: 0px auto; padding-top: 0px; background-color: #111111; }

#contact_info					{ color: #9e9e9e; padding-top: 5px; padding-bottom: 5px; text-transform: uppercase; text-align: center; letter-spacing: 1px; font-size: 10px; }
#contact_info a					{ color: #9e9e9e; text-decoration: none; }
#contact_info a:hover			{ text-decoration: underline; }

a								{ outline: none; }

#footer 						{ background-image: url('/template/footerbg.gif'); background-repeat: no-repeat; height: 53px; color: #707070; font-size: 10px; }
#footer a 						{ color: #707070; text-decoration: none; }
#footer #copyright				{ width: 240px; float: left; padding-top: 21px; padding-left: 15px; }
#footer #footernav				{ text-transform: uppercase; width: 460px; float: right; text-align: right; padding-top: 21px; padding-right: 15px; }
#footer #footernav a			{ padding: 2px; padding-left: 5px; padding-right: 4px; }
#footer #footernav a:hover		{ color: #9e9e9e; }
#footer #footernav .selected	{ color: #9e9e9e; background-color: #1f1f1f; }

/* Clear fix! */
#container .clearfix:after 		{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container .clearfix 			{ display: inline-block; }
* html .clearfix 				{ height: 1%; }
#container .clearfix			{ display: block; }


/* Special Layout
----------------------------------------*/
div#slideshow 							{ position: relative; width: 766px; }
div#vehicleSlider						{ width: 766px; }
div#vehicleSlider ul					{ width: 766px; margin: 15px 0 0 0; padding: 0; list-style: none; }
div#vehicleSlider ul li					{ width: 766px; margin: 0 0 0 0; padding: 0 0 0 0; }

div#vehicleSlider div.vehicle			{ float: left; width: 255px; text-align: center; }

span#prevBtn a 							{ position: absolute; display: block; top: 60px; left: -30px; width: 30px; height: 70px; background: url('/template/arrow-left.gif'); text-indent: -9999px; font-size: 0; line-height: 0; }
span#nextBtn a 							{ position: absolute; display: block; top: 60px; right: -30px; width: 30px; height: 70px; background: url('/template/arrow-right.gif'); text-indent: -9999px; font-size: 0; line-height: 0; }

div.bio									{ float: left; }

table									{ width: 100%; border-collapse: collapse; }
table td								{ vertical-align: top; }


/* General Typography
----------------------------------------*/
p										{ margin: 20px 0; }

h1										{ margin: 20px 0; color: #999; font-size: 24px; font-weight: normal; }

table h2								{ margin: 0 0 20px; }

p strong								{ color: #999; }


/* Linkage
----------------------------------------*/
a										{ outline: none; }
a img									{ border: none; }

a:link, a:visited						{ color: #ff2826; text-decoration: none; }
a:hover									{ color: #ff2826; text-decoration: underline; }



/* Vehicles Section
----------------------------------------*/

/* Filtering */
div#filters								{ margin: -15px -15px 0; padding: 15px 15px; background: #000; }
div.filter								{ width: 130px; float: left; line-height: 20px; }
div.filter h3							{ margin: 0; font-size: 11px; line-height: 20px; }
div.filter p							{ margin: 0; line-height: 20px; }

div.filter a:link, div.filter a:visited	{ color: #999; text-decoration: none; }
div.filter a:hover						{ color: #999; text-decoration: underline; }

div.filter a.current:link,
div.filter a.current:visited,
div.filter a.current:hover				{ color: #fff; font-weight: bold; text-decoration: none; }

div.pageFilter a:link, div.pageFilter a:visited { padding: 2px 5px; background: #333; }
div.pageFilter a:hover { background: #999; color: #000; text-decoration: none; }
div.pageFilter a.current:link,
div.pageFilter a.current:visited,
div.pageFilter a.current:hover { padding: 2px 5px; background: #ccc; color: #000; }

div.pageFilter							{ width: 116px; color: #000; }
div#orderFilter							{ width: 180px; }

div#bodyFilter							{ width: 100px; }
div#bodyFilter select.selectField		{ width: 80px; }

div#makeFilter							{ width: 110px; }
div#makeFilter select.selectField		{ width: 90px; }

div#priceFilter 						{ width: 100px; }
div#priceFilter select.selectField		{ width: 100px; }

div#soldFilter 							{ text-align: left; float:left; clear:both; margin: 6px 0 0 0; padding:0; }

table div.pageFilter					{ width: 100%; margin: 0; text-align: center; }

div.pageFilter h3						{ color: #fff; }

select.selectField						{ width: 110px; font-size: 11px; }

/* List */
ul#vehicles								{ float: left; width: 766px; margin: 0 0 0 -15px; padding: 0; list-style: none; }
ul#vehicles li							{ float: left; width: 360px; margin: 15px 0 0 15px; padding: 10px 0; background: #222; }
ul#vehicles li h3						{ margin: 0; color: #ff2826; font-size: 14px; line-height: 20px; font-weight: normal; }
ul#vehicles li p.price					{ float: left; margin: 5px 0 0 0;  }

p.price									{ color: #fff; font-size: 14px; line-height: 20px; }

div.vehiclePhoto						{ display: inline; float: left; width: 120px; margin-left: 10px; }
div.vehicleInfo							{ display: inline; float: left; width: 220px; margin-left: 10px; }

p.details								{ float: left; width: 220px; padding: 0; margin: 0; color: #999; font-size: 14px; line-height: 16px; }
p.details strong						{ color: #444; font-size: 11px; }
p.details span							{ display: block; width: 110px; float: left; }

/* Show */
div#vehiclePhotos						{ display: inline; float: left; width: 300px; }
div#vehicleDetails						{ display: inline; float: left; width: 421px; margin-left: 15px; }

table#details							{ width: 100%; border-collapse: collapse; }
table#details td						{ padding: 5px 0; border-bottom: solid 1px #333; vertical-align: top; }
table#details td.name					{ width: 100px; color: #444; font-weight: bold; }
table#details td.value					{ color: #999; font-size: 14px; }

.galleria								{ float: left; width: 300px; margin: 10px 0 0 0; padding: 0; list-style: none;}
.galleria li							{ display: block; overflow: hidden; float: left; width: 65px; height: 50px; margin:0 10px 10px 0; opacity: 0.6; }
.galleria li a							{ display:none; }
.galleria li div						{ display: none; position: absolute; top: 0; left: 180px }
.galleria li div img					{ cursor:pointer}
.galleria li.active						{ opacity: 1.0; }
.galleria li.active div img,
.galleria li.active div					{ display: block; }
.galleria li img.thumb					{ cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption					{ display:block;padding-top:.5em}
* html .galleria li div span			{ width:400px} /* MSIE bug */

div.clear								{ clear: both; }

ul.gallery								{ margin: 0; padding: 0; list-style: none; }
ul.gallery li							{ float: left; margin: 5px 5px 0 0; padding: 0; list-style: none; }

img, a img								{ border: solid 1px #ccc; }

div#featuredVehicles 					{ float: right; padding: 5px; margin: 0 0 0 20px; background: #333; }
div#featuredVehicles h2 				{ padding: 5px 10px; margin: -5px -5px 10px; background: #444; color: #999; font-size: 14px; line-height: 15px; text-align: center; }
div#featuredVehicles h3 				{ margin: 0 0 10px; color: #ccc; font-size: 12px; line-height: 15px; text-align: center; }
div#featuredVehicles h3 a:link,
div#featuredVehicles h3 a:visited,
div#featuredVehicles h3 a:hover			{ color: #ccc; }
div#featuredVehicles div.featured 		{ float: left; margin: 5px; }
div#featuredVehicles div#mainFeatured 	{ float: none; }


span.dropCap							{ display: block; float: left; width: 43px; margin: 0 5px 0 0;  background: #333; color: #ccc; font-family: georgia, serif; font-size: 36px; line-height: 40px; text-align: center; }

/* SOLD OVERLAY */
.sold-image {
	position: relative;	
}

.sold-image .overlay {
	position: absolute;
	background: url(/template/sold.gif) no-repeat;
	height: 36px;
	width: 89px;
	bottom:0;
	right:-1px;
}