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

Theme Name:		Hunterdon BMW
Version:		1.0
Last Change:	8/24/2009 - EJR

[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;
	font-family:Arial, Helvetica, sans-serif; color:#fff;
	background:url('../images/template/new_model_tab.png') no-repeat left top #262a2c; 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, h2.results a.selected:hover {
	color:#fff;
	background:url('../images/template/new_model_tab_selected.png') no-repeat left top #77848a;}
h2.results a.selected span.tab-inner {background:url('../images/template/new_model_tab_selected.png') no-repeat right top #77848a;}
h2.results a:hover {color:#fff669;}
h2.results a span.sample {font-size:0.667em; line-height:16px; text-transform:uppercase; letter-spacing:2px;}

/* "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;
	background-image:none; border-right:0px;/* Removes compare area from lisitng */}
ul#search_results li.vehicle:hover {background-image:none;}

/* 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;}
#tab-new ul#search_results .vehicle_image {position:absolute; top:-15px;}

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

/* 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;}
.new_model_more .view_more_inv {padding:5px 35px;
	font-weight:bold; color:#fff;
	background:#0f2d55;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;}
.new_model_more .view_more_inv:hover {color:#fff; 
	background:#2f65a1;}


/* 6. SEARCH WRAP */
.tab_results_wrap {width:740px; position:relative;
	background:#77848a; border-bottom:1px solid #fff;}
.tab_vehicle_results {padding:0 8px 8px 8px; margin:0 0 -1px 0;}


/* 7. CONTACT FORM */
.form_default {font-size:0.812em; color:#333;}
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:17px 0 40px 0;}
#content {padding:0 0 0 0;}


/* 10. MODEL TRIM CONTAINER */
.new_model_trim_container {padding:0 10px; margin:0 16px 20px 0; width:205px; float:left;
	background:#ecf2f5; border:1px solid #8c9fac;}
#content .new_model_trim_container h3 {padding:0; margin:10px 0 2px 0;}
.new_model_trim_container img {margin:0 auto; width:127px; display:block;}
.new_model_trim_container strong {padding-top:10px; display:block; clear:both;
	letter-spacing:0.5px;
	border-top:1px dotted #555;}
.new_model_trim_container ul {color:#555;}
#content .new_model_trim_container ul li {background:url(../images/template/bullet_disc_02.png) no-repeat 0px 3px;}

 /* Links */
#content .new_model_trim_container ul.new_model_trim_menu {margin:0 0 8px 0;}
#content .new_model_trim_container ul.new_model_trim_menu li {padding:0; margin:0; display:inline; float:left;
	background:none;}
#content .new_model_trim_container ul.new_model_trim_menu li a {margin-bottom:10px; display:block; overflow:hidden;
	text-align:center; text-indent:-5000px; line-height:21px; color:#333;
	background:url('../images/template/new_model_trim_nav_bg.png') no-repeat left top #bec6cb;}
#content .new_model_trim_container ul.new_model_trim_menu li a.view_inventory {width:114px;}
#content .new_model_trim_container ul.new_model_trim_menu li a.test_drive {margin-left:1px; width:90px;
	background-position:right top;}
	
	
/* Request Premier Price Button */
a#request-premier-price {margin:0 0 15px 0; width:740px; height:47px; display:block; overflow:hidden;
	text-indent:-5000px;
	background:url('../images/campaign/premier/model-button.png') no-repeat;}
a#request-premier-price:hover {background:url('../images/campaign/premier/model-button.png') no-repeat 0 -47px;}

a#request-price {margin:0 0 15px 0; width:740px; height:47px; display:block; overflow:hidden;
	text-indent:-5000px;
	background:url('../images/campaign/internetprice/model-btn-internet-price.png') no-repeat;}
a#request-price:hover {background:url('../images/campaign/internetprice/model-btn-internet-price.png') no-repeat 0 -47px;}