/*------------------------------------------------------------------
[Vehicle Inventory Stylesheet]

Theme Name:		Devan Infiniti
Version:		1.0
Last Change:	6/4/2010 - MJC

[Table of Contents]

1. Title
2. Search Form
3. Search Matches
4. Sort & Compare
5. Search Wrap
6. Vehicle Lisitings
7. Pagination 
8. Content

[Notes]

-------------------------------------------------------------------*/


/* 1. TITLE */

.one_column #column_1 {padding:0 0 15px 0; margin:0 6px; width:960px;}

#page_title {width:960px;}
#page_title .page_title_inner {width:944px;}

#columns {margin:0 auto;}
#column_1 h1.results {padding:0 0 4px 0; margin:0 0 20px 0;
	font-family:Arial, Helvetica, sans-serif; font-size:1.875em; font-weight:bold; letter-spacing:-2px; line-height:1.033em; color:#fff;}


/* 2. SEARCH FORM */

#search {padding:0 0 3px 0; margin:0 0 10px 0; width:712px; display:block; float:right;
	background:url('../images/template/vehicle_filter_wrap.png') no-repeat #666; border-bottom:1px solid #aaa;}
#search .search_inner {padding:10px 10px 0 10px; margin-bottom:0; position:relative;}
#search fieldset {margin:0; width:555px; float:left;}
#search fieldset legend {display:none;}
#search fieldset div {width:180px; float:left;}
#search fieldset label {display:block;
	font-family:Arial, Helvetica, sans-serif; font-size:0.625em; font-weight:bold; text-transform:uppercase; color:#ddd;}
#search fieldset select {padding:3px 3px; width:165px;
	font-size:0.812em; color:#3d4142;
	border:1px solid #3d4142; background:#fff;}
#search fieldset .range {width:80px;}
#search fieldset div#vehicle_search_advanced {padding-bottom:3px; width:545px; float:left;}
#search .search_submit {padding:5px 0 0 0; float:right;}
/* Advanced Search */
#search #vehicle_search_adv_link {padding-right:188px; width:504px; display:block;
	font-size:0.625em; text-align:right; line-height:1.5em; color:#d8d5f9;
	background-image:url('../images/template/vehicle_results_advanced.png'); background-repeat:no-repeat;}
#search #vehicle_search_adv_link:hover {color:#fff; background-color:#999;}
#search .advanced_closed, #search .advanced_closed:hover {background-position:509px 1px;}
#search .advanced_open, #search .advanced_open:hover {background-position:509px -29px;}


/* 3. SEARCH MATCHES */

#search_matches {margin:0 0 10px 0; margin:0 0 0 16px; width:232px; display:block; float:right;
	text-align:center;
	background:url('../images/template/vehicle_filter_wrap.png') no-repeat right top #666; border-bottom:1px solid #aaa;}
#search_matches .search_matches_inner {padding:5px 10px 5px 10px;}
#search_matches p {padding:0; margin:0;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:1em; font-weight:normal; line-height:normal; color:#cdcdcd;}
#search_matches p strong {display:block;
	font-family:Arial, Helvetica, sans-serif; font-size:1.818em; font-weight:bold; line-height:1.1em; color:#fff;}
#search_matches p em {display:block;
	font-size:0.625em; font-style:normal; color:#000;}
	

/* 4. SORT & COMPARE */

#sort {padding:0px 0 10px 8px; margin:2px 0 0 0; width:578px; float:none; clear:both; 
	font-family:Arial, Helvetica, sans-serif; font-size:0.625em; line-height:18px; color:#888;
	background:url('../images/template/vehicle_results_sort_bg.png') no-repeat 70px 0;}
#sort span.title {width:70px; display:block; float:left;
	text-transform:uppercase; font-size:1.2em; font-weight:bold; color:#ddd;}	
#sort a {padding:0 5px; letter-spacing:1px; text-transform:uppercase; line-height:18px; color:#fff;}
#sort a:hover {color:#b69bee;}
#sort a em {font-weight:bold; font-style:normal; color:#fff;}
#sort img {margin:0 0 2px 0; display:inline;}

/* Compare Button */
.compare_submit {padding:4px 15px 0 0; margin:0 9px 0 0; float:none; position:absolute; top:10px; right:10px; /* test */
	background:url(../images/template/carriage_return.png) no-repeat right;}
.compare_submit input {}
	

/* 5. SEARCH WRAP */

#search_results_wrap {width:960px; position:relative;
	background:url('../images/template/vehicle_results_wrap.png') no-repeat #444; border-bottom:1px solid #888;}
#ajax_vehicle_results {padding:12px 8px; margin:0 0 -1px 0; width:944px;}
	
	
/* 6. VEHICLE LISTINGS */

ul#search_results {padding:0; margin:0; width:944px;}
ul#search_results li.vehicle {padding:0 0 0px 158px; margin:0 0 6px 0; width:786px; position:relative; overflow:hidden;
	list-style:none outside; color:#666;
	border-bottom:1px solid #000; border-top:1px solid #000; background:url('../images/template/vehicle_results_vehicle_bg.png') no-repeat right bottom #fff;}
ul#search_results li.vehicle:hover {background:url('../images/template/vehicle_results_vehicle_bg.png') no-repeat right top #fff;}
ul#search_results li {padding:0; margin:0; list-style:none outside;}

/* Columns */
li.vehicle .sub_col_1, li.vehicle .sub_col_2 {padding:8px 0 0 0; float:left;}
li.vehicle .sub_col_2 {padding-left:16px;}

/* Vehicle Year Make Model Trim */
ul#search_results h2 {width:606px; font-size:1.062em; position:relative;} 
ul#search_results h2 a {width:460px; display:block;
	font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000;}
ul#search_results h2 a strong {text-transform:uppercase; font-size:0.706em; font-style:italic;}
ul#search_results h2 a:hover {color:#39387a;}

/* Check Availability */
ul#search_results h2 a.check-availability {margin:2px 0 0 0; width:146px; height:16px; display:block; overfow:hidden; position:absolute; top:0; right:0;
	text-indent:-5000px;
	background:url('../images/template/vehicle_check_availability_btn.png') no-repeat;}
ul#search_results h2 a.check-availability:hover {background-position:0 bottom;}

/* Vehicle Image */
ul#search_results .vehicle_image {height:100%; position:absolute; top:0; left:0; width:147px;
	font-size:9px;
	background:#dcdcdc; border-left:1px solid #000;}
ul#search_results .vehicle_image img {width:147px;}

/* Dealer Comments */	
li.vehicle .comments {padding:2px 4px 4px 21px; margin:4px 0 0 0; width:581px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.812em; font-style:italic; line-height:1.153em; color:#444;
	background:url(../images/template/vehicle_comment.png) 3px 3px no-repeat #fffeec; border:1px solid #b7b4aa;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;}

/* Vehicle Options */
li.vehicle ul.meta {padding:0; margin:0; width:606px;
	font-family:Arial, Helvetica, sans-serif; font-size:0.687em; color:#666;}
li.vehicle ul.meta li {padding:2px 0 2px 0; margin:0 0 2px 0; width:210px; float:left;}
li.vehicle ul.meta li ul {padding:0; margin:-18px 0 0 65px; width:121px; float:none;}
li.vehicle ul.meta li ul li {padding:1px 6px 0 0; margin:0; width:136px; float:none;
	font-weight:bold; color:#000;}
li.vehicle ul.meta li.meta_condition, li.vehicle ul.meta li.meta_mileage {width:186px;}
li.vehicle ul.meta li.meta_condition ul li, li.vehicle ul.meta li.meta_mileage ul li {width:115px;}

/* Vehicle Price */
li.vehicle ul.price {padding:2px 0 0 0; margin:0; width:135px;
	font-size:0.687em; color:#333;}	
li.vehicle ul.price li {padding:2px 0 2px 0; margin:0 0 2px 0; width:135px;
	list-style:none outside;}
li.vehicle ul.price li ul {padding:0; margin:-20px 0 0 57px; width:78px;}
li.vehicle ul.price li ul li {padding:0 0 0 0; margin:0; width:78px; list-style:none outside;
	font-family:Arial, Helvetica, sans-serif; font-size:1.545em; font-weight:bold; color:#000;}

/* Certified Image */	
li.vehicle .certified {margin:5px 0 0 0; display:block;}

/* Vehicle Details Button */
li.vehicle a.view_details {width:130px; margin:5px 0 0 0; height:22px; display:block;
	text-indent:-5000px;
	background:url('../images/template/vehicle_results_view_details.png') no-repeat;}
li.vehicle a:hover.view_details {background-position:0 bottom;}

/* Special Offer Button */
li.vehicle a.special-offer {width:115px; height:95px; display:block; overflow:hidden;
	text-indent:-5000px;
	background:url('../images/template/vehicle_special_flag.png') no-repeat;}
li.vehicle a.special-offer:hover {background-position:-115px 0;}

/* Request Price Button */
li.vehicle a.request-price {margin:5px 0 0 0;width:130px; height:41px; display:block; overflow:hidden;
	text-indent:-5000px;
	background:url('../images/template/vehicle_results_request_price.png') no-repeat;}
li.vehicle a.request-price:hover {background-position:left bottom;}

/* Request Premier Price Button */
li.vehicle a.request-premier-price {margin:5px 0 0 0;width:115px; height:71px; display:block; overflow:hidden;
	text-indent:-5000px;
	background:url('../images/campaign/premier/vehicle_premier_flag.png') no-repeat;}
li.vehicle a.request-premier-price:hover {background-position:0 -71px ;}

/* Compare Checkbox */
ul#search_results label {width:24px; margin:0; height:110px; float:right; overflow:hidden;
	text-indent:-5000px;
	background:url(../images/template/vehicle_results_compare.png) no-repeat;}
ul#search_results input {width:13px; height:13px; position:absolute; bottom:5px; right:5px;
	line-height:normal;}	


/* 7. PAGINATION */

#pagination {padding:10px 0 0 0; margin:10px 0 0 0;
	color:#fff; font-size:0.937em; text-align:center; line-height:normal;}		
#pagination .current {margin:0 1px; padding:3px 6px;
	font-weight:bold; text-align:center; color:#fff;
	background:transparent;}	
#pagination a {margin:0 1px; padding:3px 6px;
	text-align:center; font-weight:bold; color:#fff; text-decoration:none;
	background:url(../images/template/vehicle_results_btn_page_bg.png) #000 repeat-x;}
#pagination a:hover {color:#b69bee;}
#pagination .first, #pagination .previous, #pagination .next, #pagination .last,
#pagination a.first, #pagination a.previous, #pagination a.next, #pagination a.last {padding:0; margin:0 0 -6px 0;
	background:none; border:none;}	
#pagination a.next, #pagination .next {margin-left:20px;}
#pagination .previous, #pagination a.previous {margin-right:20px;}
#pagination img {margin:0 0 -6px 0;}
#pagination span.listings_summary {padding:12px 0 6px 0; display:block;
	font-size:0.75em; color:#000;}
	

/* 8. CONTENT */

#content {padding:8px 0 0 0;}