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

Theme Name:		Toyota of Greenwich
Version:		1.0
Last Change:	3/25/2010 - MJC

[Table of Contents]

1. Featured Vehicles
2. Single Featured Vehicle

[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;
	border:1px solid #ced4d6;}
#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:6px 145px 6px 15px;
	font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#206071; font-size:1.125em; text-transform:uppercase;
	background:#ced4d6;}

/* Vehicle Listings */
#featured_vehicles .row_wrap {padding:10px 0; width:742px;
	background:url(../images/template/featured_vehicles_center_listing_bg.png) repeat-y center #fff;
	border-bottom:1px solid #dfeaef;}
#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; 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.625em; font-weight:bold; text-align:center; text-transform:uppercase; letter-spacing:2px; line-height:normal; color:#313538;}
#featured_vehicles .listing h4 strong {display:block;
	font-family:Arial, Helvetica, sans-serif; font-size:1.8em; font-weight:bold; text-transform:none; color:#191f2f;}	

/* Vehicle Photo */
#featured_vehicles .listing .photo_link {padding:11px 0 0 13px; width:200px; height:177px; position:absolute; top:0; left:0;
	background:url(../images/template/featured_vehicles_new_photo_link_bg.png) no-repeat #e7e9ea;}
#featured_vehicles .listing .call_out {width:201px; height:152px; position:absolute; top:0; left:0;
	background-position:bottom right; background-repeat:no-repeat;}
#featured_vehicles .listing .promo_overlay {width:188px; height:141px; position:absolute; top:11px; left:13px; overflow:hidden;
	text-indent:-5000px;
	background-repeat:no-repeat;}
#featured_vehicles .listing .photo_link img {}
#featured_vehicles .listing .photo_link a {width:212px; height:179px; position:absolute; top:0; left:0;
	text-indent:-5000px;
	background:url(../images/template/featured_vehicles_listing_btn.png) no-repeat 13px 152px;}
#featured_vehicles .listing .photo_link a:hover {background-position:-215px 152px;}

/* 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:Impact, "Arial Black", Arial, Helvetica, sans-serif; font-size:2em; font-weight:bold; font-style:italic; line-height:0.888em; color:#206071;}
#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:block; float:left;
	font-size:0.625em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; line-height:1em; color:#666; 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:#666; 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:Impact, "Arial Black", Arial, Helvetica, sans-serif; font-size:2em; line-height:0.888em; text-align:center; color:#206071; font-style:italic;}
#featured_vehicles .listing .buy strong{font-weight:bold; font-style:italic;}
#featured_vehicles .listing .buy.compact{font-size:1.5em;}

/* Vehicle Bullets */
#featured_vehicles .listing h5 {
	font-family:Arial, Helvetica, sans-serif; font-style:italic; letter-spacing:0; font-size:0.75em; font-weight:bold; text-align:center; line-height:normal; color:#000;}
#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:#8f8e8e; text-align:center; text-transform:uppercase; cursor:pointer;}
#featured_vehicles .listing .legal_toggle:hover {color:#dd2500;}
#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:#5b0a0a;}
#featured_vehicles .listing .legal_toggle .description div.close:hover {color:#fff; background:#aa0707;}


/* 2. SINGLE FEATURED VEHICLES */

/* Vehicle Photo */
#featured_vehicle_single .photo_box {padding:10px 0 0 12px; width:279px; height:214px; float:left; position:relative;
	background:url(../images/template/featured_special_single_box.png) no-repeat;}
#featured_vehicle_single .photo_box .call_out {width:201px; height:152px; position:absolute; bottom:13px; right:11px;
	background-position:bottom right; background-repeat:no-repeat;}

/* Details Area */
#featured_vehicle_single #featured_special_details {width:226px; padding:0 5px; float:left;
	background:url(../images/template/featured_special_single_bg.png) no-repeat;}

/* Vehicle Year, Make & Model */
#featured_special_details h4 {margin:10px 0 10px 0; 
	font-size:1em; font-weight:bold; text-align:center; text-transform:uppercase; letter-spacing:2px; line-height:normal; color:#313538;}
#featured_special_details h4 strong {display:block;
	font-family:Arial, Helvetica, sans-serif; font-size:2.5em; font-weight:bold; text-transform:none; letter-spacing:normal; color:#191f2f;}	

/* Vehicle Lease Price */
#featured_special_details .lease {padding:0; margin:0;
	line-height:0.5em; text-align:center; text-transform:uppercase; font-style:italic;}
#featured_special_details .lease strong {padding:0 0 5px 0; display:block;
	font-family:Impact, "Arial Black", Arial, Helvetica, sans-serif; font-size:5em; font-weight:bold; font-style:italic; line-height:0.888em; color:#5a0a0a;}
#featured_special_details .lease strong span {font-size:0.5em; vertical-align:text-top; }
#featured_special_details .lease .lease_terms {margin-top:10px; display:block;}

/* Vehicle Buy Price */	
#featured_special_details .buy{padding:0 0 5px 0; margin:0;
	font-family:Impact, "Arial Black", Arial, Helvetica, sans-serif; font-size:5em; line-height:0.888em; text-align:center; color:#5a0a0a; font-style:italic;}
#featured_special_details .buy strong{font-weight:bold; font-style:italic; color:#5a0a0a;}
#featured_special_details .buy strong span {font-size:0.5em; vertical-align:text-top; }

#featured_special_details .lease_buy {margin-top:-10px;}
#featured_special_details .lease_buy .buy strong, #featured_special_details .lease_buy .lease {font-size:80%;}

/* Vehicle Bullets */
#featured_special_details h5 {
	font-family:Arial, Helvetica, sans-serif; font-style:italic; letter-spacing:0; font-weight:bold; text-align:center; line-height:normal; color:#000;}

/* form */
#featured_special.form_default textarea {height:60px;}