/*------------------------------------------------------------------
[Specials New & Pre-Owned Stylesheet]

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

[Table of Contents]

1. Featured Vehicles

[Notes]

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

/* 1. FEATURED VEHICLES */

#featured_vehicles {margin:8px 0 16px 0;}

/* New & Pre-Owned Vehicle Listings Wrappers */
#new_featured_vehicles_wrap, #preowned_featured_vehicles_wrap {margin:0 0 10px 0; width:742px; position:relative;
	background:#c5c5c5;}
#new_listings_wrap, #preowned_listings_wrap, {width:742px;}

/* Playback Controls  */	
a.prev_btn, a.next_btn {width:57px; height:19px; display:block; position:absolute; top:5px; overflow:hidden;
	text-indent:-5000px;
	background:url(../images/template/featured_vehicles_prev_next_btn_sprite.png) no-repeat #4d0404;}
a.prev_btn  {right:76px; background-position:0 0;}
a.next_btn  {right:16px; background-position:-57px 0;}
a:hover.prev_btn  {background-position:0 -19px;}
a:hover.next_btn  {background-position:-57px -19px;}
	

/* Listing Headers */	
h4.listing_header {padding:10px 145px 6px 15px;
	font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; font-size:1.125em;
	background:#828282; border-bottom:1px solid #666;}

/* Vehicle Listings */
#featured_vehicles .row_wrap {padding:10px 0 30px 0; width:742px;
	background:#c5c5c5;}
#featured_vehicles .row_wrap:last-child {border:none;}
#featured_vehicles .listing {padding:190px 0 0 0; margin:0 0 0 16px; width:212px; position:relative; display:inline; float:left;
	list-style:none;}
#featured_vehicles .listing.center {margin:0 21px 0 37px;}

/* Vehicle Year, Make & Model */
#featured_vehicles .listing h4 {
	font-size:0.75em; font-weight:normal; text-align:center; letter-spacing:1px; line-height:normal; color:#3a3d40;}
#featured_vehicles .listing h4 strong {display:block;
	font-family:Arial, Helvetica, sans-serif; font-size:1.5em; font-weight:bold; color:#000;}	

/* Vehicle Photo */
#featured_vehicles .listing .photo_link {padding:0; width:210px; height:170px; position:absolute; top:0; left:0;}
#featured_vehicles .listing .promo_overlay {width:188px; height:141px; position:absolute; top:11px; left:12px; overflow:hidden;
	text-indent:-5000px;
	background-repeat:no-repeat;}
#featured_vehicles .listing .photo_link img {}
#featured_vehicles .listing .photo_link a {width:210px; height:184px; position:absolute; top:0; left:0;
	text-indent:-5000px;
	background:url(../images/template/featured_vehicle_special_listing_btn.png) no-repeat left bottom;}
#featured_vehicles .listing .photo_link a:hover {background-position:right bottom;}

/* Vehicle Lease Price */
#featured_vehicles .listing .lease{padding:0; margin:0;
	line-height:normal; text-align:center;}
#featured_vehicles .listing .lease strong {padding:0 0 5px 0; width:92px; display:block; float:left;
	font-family:Arial, Helvetica, sans-serif; font-size:2em; font-weight:bold; line-height:0.888em; color:#2f2d74;}
#featured_vehicles .listing .lease.compact strong{font-size:1.5em;}
#featured_vehicles .listing .lease em {padding:9px 0; margin:0 0 0 25px; width:36px; display:inline; float:left;
	font-size:0.625em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; line-height:1em; color:#333; text-transform:uppercase;}
#featured_vehicles .listing .lease span {padding:9px 0; width:30px; display:block; float:left;
	font-size:0.625em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; line-height:10px; color:#333; text-transform:uppercase;}
#featured_vehicles .listing .lease.compact em, #featured_vehicles .listing .lease.compact span {padding-top:0;}	

/* Vehicle Buy Price */	
#featured_vehicles .listing .buy{padding:0 0 5px 0; margin:0;
	font-family:Arial, Helvetica, sans-serif; font-size:2em; line-height:0.888em; text-align:center; color:#2f2d74;}
#featured_vehicles .listing .buy strong{font-weight:bold;}
#featured_vehicles .listing .buy.compact{font-size:1.5em;}

/* Request Price Button */
#featured_vehicles a.request-price {margin:0;width:212px; height:45px; display:block; overflow:hidden;
	text-indent:-5000px;
	background:url('../images/template/specials_request_price_btn.png') no-repeat;}
#featured_vehicles a.request-price:hover {background-position:0 -45px;}

/* Request Premier Price Button */
#featured_vehicles a.request-premier-price {margin:0;width:212px; height:45px; display:block; overflow:hidden;
	text-indent:-5000px;
	background:url('../images/campaign/premier/specials_request_price_btn.png') no-repeat;}
#featured_vehicles a.request-premier-price:hover {background-position:0 -45px;}

/* Vehicle Bullets */
#featured_vehicles .listing h5 {
	font-family:Arial, Helvetica, sans-serif; letter-spacing:0; font-size:0.75em; font-weight:bold; text-align:center; line-height:normal; color:#3a3d40;}
#featured_vehicles .listing.preowned h5 {margin:0 0 15px 0;}

/* Legal & Description */	
#featured_vehicles .listing .legal_toggle {margin:2px auto 0 auto; width:100px; display:block;
	font-size:0.562em; color:#888; text-align:center; text-transform:uppercase; cursor:pointer;}
#featured_vehicles .listing .legal_toggle:hover {color:#2f2d74;}
#featured_vehicles .listing .legal_toggle:hover .description {display:block;}
body.js #featured_vehicles .listing .legal_toggle:hover .description {display:none;}
#featured_vehicles .listing .legal_toggle .description {padding:25px 5px 0 20px; margin:0; display:none; overflow:hidden; position:absolute; top:0; left:0; right:0; bottom:0; cursor:auto;
	text-align:left; font-size:1.777em;
	background:url('../images/template/featured_vehicles_description_bg.png');}
#featured_vehicles .listing .legal_toggle .description h6 {padding:0 0 5px 0;	
	font-size:0.75em; color:#fff; line-height:normal; letter-spacing:2px; text-transform:uppercase;}
#featured_vehicles .listing .legal_toggle .description p {position:absolute; top:42px; left:20px; right:5px; bottom:0; overflow:auto;
	font-family:Arial, Helvetica, sans-serif; font-size:0.625em; color:#b5b5b6; line-height:normal; text-transform:none;}
/* Generarted by JavaScript */
#featured_vehicles .listing .legal_toggle .description div.close {padding:0 3px; position:absolute; top:4px; right:4px; cursor:pointer; z-index:200;
	font-size:10px; color:#fff;
	background:#2f2d74;}
#featured_vehicles .listing .legal_toggle .description div.close:hover {color:#fff; background:#930027;}