/*------------------------------------------------------------------
[New Model Stylesheet]

Theme Name:		Kingston Nissan
Version:		1.0
Last Change:	5/1/2009 - MJC

[Table of Contents]

1. Import
2. Tabs
3. Vehicle Listings
4. Vehicle Options
5. View More Inventory
6. Search wrap
7. Contact Form
8. Address
9. Reset Columns and Content


[Notes]

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

/* 1. IMPORT
!!!!!!!!!!!!!!! Style the vehicle-inventory.css file before this file. */

@import url(vehicle-inventory.css);


/* 2. TABS */
div#model-tabs {position:relative; padding:3em 0 0 0; margin-top:20px;
	background:url(../images/template/new_model_tabs_bg.png) no-repeat left top;}

h2.results {position:absolute; top:0; left:0;}
h2.used {position:absolute; top:0; left:375px;}

h2.results a {padding:0; display:block; width:365px; height:3.0em;
	color:#000;
	background:url(../images/template/new_model_tab.png) no-repeat left top #4c4c4c; outline:none;}
h2.results a span.tab-inner {padding:4px 16px 0 0; margin:0 0 0 16px; height:2.75em; display:block;
	background:url(../images/template/new_model_tab.png) no-repeat right top;}
h2.results a.selected {background:url(../images/template/new_model_tab_selected.png) no-repeat left top #d4d4d4;}
h2.results a.selected span.tab-inner {background:url(../images/template/new_model_tab_selected.png) no-repeat right top #d4d4d4;}
h2.results a:hover {color:#900000;}
h2.results a span.sample {font-size:0.667em; line-height:16px;}

/* "Displaying x of x" */
div.model_matches {width:200px; float:right;}
div.model_matches p {margin:0; padding:0;
	font-size:0.875em; line-height:2em; text-align:right; color:#000;}


/* 3. VEHICLE LISTINGS */
ul#search_results {position:relative; height:100%; width:724px;}
ul#search_results li.vehicle {padding:0 0 11px 158px; margin:0 0 8px 0; height:100%; width:566px; overflow:hidden;
	border-right:0px;/* Removes compare area from lisitng */}

/* Used listings */
#tab-used ul#search_results li.vehicle #no_comment {height:36px;} /* Adds space if no comment */

/* Columns */
li.vehicle .sub_col_1 {width:428px;}
li.vehicle .sub_col_2 {margin-left:0; padding-left:0;}

/* Vehicle Year Make Model Trim */
ul#search_results h2 {width:415px;}

/* Vehicle Image */
ul#search_results .vehicle_image {position:absolute; top:0; left:0;}
ul#search_results .vehicle_image .tallimage {position:absolute; top:-18px;}

/* Dealer Comments */	
li.vehicle .comments {padding:2px 4px 4px 21px; margin:4px 0 0 0; width:530px;}

/* Vehicle Details Button */
li.vehicle a.view_details {margin:10px 0 0 0;}


/* 4. VEHICLE OPTIONS */
li.vehicle ul.meta {width:420px;}
li.vehicle ul.meta li {width:210px;}
li.vehicle ul.meta li.odd ul {margin:-18px 0 0 50px; width:128px;}
li.vehicle ul.meta li.odd ul li {width:155px;}
li.vehicle ul.meta li ul li {width:136px;}


/* 5. VIEW MORE INVENTORY */
.new_model_more {padding:15px;
	text-align:center;
	background:#fff;}
.new_model_more .view_more_inv {padding:2px 10px;
	font-weight:bold; color:#fff;
	background:#940000; border:1px solid #ab0000;}
.new_model_more .view_more_inv:hover {color:#900000; 
	background:#ddd; border:1px solid #ccc;}


/* 6. SEARCH WRAP */
.tab_results_wrap {width:740px; position:relative;
	background:url(../images/template/new_model_results_bg.png) repeat-y left #d4d4d4; border-bottom:1px solid #000;}
.tab_vehicle_results {padding:0 8px 8px 8px; margin:0 0 -1px 0;}


/* 7. CONTACT FORM */
h2.hidden-form {padding:0 0 4px 0; margin:20px 0 0 0;
	font-size:1.846em; letter-spacing:-1px; line-height:1em;}


/* 8. ADDRESS */
.new_model_address {padding:20px 0;
	font-size:0.875em; font-weight:bold;}


/* 9. RESET COLUMNS AND CONTENT */
#columns {padding:0px 0 0 0;}
#content {padding:0px 0 0 0;}