/*------------------------------------------------------------------
[Homepage Stylesheet]

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

[Table of Contents]

1. Columns & Titles
2. Featured Vehicles
3. Headlines
4. Ticker
5. Quote
6. Content

[Notes]

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

/* 1. COLUMNS & TITLES */

#nav {margin:0;}

#columns {padding:0 0 15px 0;}


/* Homepage Columns */
.homepage_column {}
.homepage_column #column_1 {padding:4px 0 10px 0; width:696px; float:right;}
.homepage_column #column_2 {width:235px; margin:0 35px 0 0; float:right;}



/* 2. FEATURED VEHICLES */

/* New & Pre-Owned Vehicle Listings Wrappers */
#new_featured_vehicles_wrap, #preowned_featured_vehicles_wrap, #bargain_featured_vehicles_wrap {margin:0 0 10px 0; width:742px; position:relative;
	border:1px solid #cf3232;}
#new_listings_wrap, #preowned_listings_wrap, #bargain_listings_wrap {width:680px;}
body.js #new_listings_wrap {height:21.187em;}
body.js #preowned_listings_wrap {height:21.187em;}
body.js #bargain_listings_wrap {height:21.187em;}

/* Playback Controls  */
.featured_nav_wrap {padding:0; height:19px; position:absolute; top:11px; right:23px; display:none;} /* JS makes it visible */
a.prev_btn, a.next_btn {width:49px; height:19px; display:block; overflow:hidden; float:left;
	text-indent:-5000px;
	background:url(../images/template/featured_vehicles_prev_next_btn_sprite.png) no-repeat #fff;}
a.prev_btn  {background-position:0 0;}
a.next_btn  {background-position:-54px 0;}
a:hover.prev_btn  {background-position:0 -20px;}
a:hover.next_btn  {background-position:-54px -20px;}
	
/* Pagination Nav - Generarted by JavaScript */
.listing_pagination {padding:7px 3px 0 7px; margin:0 auto; width:auto; height:12px; float:left;
	text-align:left;}
.listing_pagination a {margin-right:4px; width:5px; height:5px; display:block; float:left;
	text-indent:-5000px; line-height:1px;
	background:url(../images/template/featured_vehicles_prev_next_btn_sprite.png) no-repeat 0 -46px #8da1aa;}
.listing_pagination a:hover,.listing_pagination a.activeSlide, .listing_pagination a.activeSlide:hover  {
	background:url(../images/template/featured_vehicles_prev_next_btn_sprite.png) no-repeat -10px -46px #8da1aa;}

#featured_vehicles {margin:0 0 16px 0;}
#featured_vehicles h2 {margin:0 0 6px 0; width:744px; position:relative; overflow:hidden;
	font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:1.062em; color:#fff; text-transform:uppercase;
	background:url(../images/template/featured_vehicles_h2_bg.png) no-repeat #4f5357;}
#featured_vehicles h2 .inner {padding:7px 4px 6px 138px; margin:0 0 -1px 0; display:block; overflow:hidden;
	background:url(../images/template/featured_vehicles_h2_inner_bg.png) no-repeat bottom;}
#featured_vehicles h2 strong {width:117px; height:19px; display:block; position:absolute; top:4px; left:4px;
	text-indent:-5000px;
	background:url(../images/template/featured_vehicles_h2_new_deals.png) no-repeat;}	

/* Featured Container */
ul#features {padding:7px 8px 14px 8px; width:680px; margin:0; position:relative;
	background:#c7dbe4;}
ul#features h3 {padding:8px 0; margin:0;
	font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.5em; text-align:center; color:#25384d; text-transform:uppercase;
	background:#c7dbe4;}
ul#features .tab_content h4.listing_header {margin:0 0 5px 0;}
ul#features .tab_content h4.listing_header span.inner {padding:5px 0 5px 15px; display:block;
	font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-weight:bold; text-align:center; color:#5f0a0a; font-style:italic;
	background:#dde9ee;}
ul#features li {color:#666; list-style:none outside; background:#fff;}
ul#features li ul {padding:0 0 10px 20px; margin:0; height:auto;}
ul#features li ul li {padding:0; margin:0 0 3px 0;}

/* js on (class="compact") */
ul#features.compact {padding:0; width:696px; height:auto; overflow:hidden;
	background:none;}
ul#features.compact .tab_content {display:none}
ul#features.compact li.fcurrent .tab_content {padding:7px 8px 14px 8px; margin:37px 0 0 0; width:680px; display:block; position:relative; float:left;
	background:url(../images/template/featured_vehicles_listings_bg.png) no-repeat top center #fff;}
ul#features.compact li {padding:0; margin:0; width:975px; float:left;}

ul#features.compact h3 {margin:0; padding:0; width:232px; height:37px; cursor:pointer; position:absolute; top:0; 
	font-size:0.75em; font-weight:normal; color:#324155; text-indent:-5000px;
	background:url(../images/template/featured_vehicles_tabs_sprite.png) no-repeat;}
ul#features.compact h4.listing_header span.inner  {text-align:left; background:transparent;}

/* Feature Tabs */	
ul#features.compact h3.tab.new {background-position:0 0; left:0;}
ul#features.compact h3.tab.new:hover {background-position:0 -37px;}
ul#features li.fcurrent h3.tab.new, ul#features li.fcurrent h3.tab.new:hover {background-position:0 -74px;}

ul#features.compact h3.tab.used {background-position:-232px 0; left:232px;}
ul#features.compact h3.tab.used:hover {background-position:-232px -37px;}
ul#features li.fcurrent h3.tab.used, ul#features li.fcurrent h3.tab.used:hover {background-position:-232px -74px ;}

ul#features.compact h3.tab.bargain {background-position:-464px 0; left:464px;}
ul#features.compact h3.tab.bargain:hover {background-position:-464px -37px;}
ul#features li.fcurrent h3.tab.bargain, ul#features li.fcurrent h3.tab.bargain:hover {background-position:-464px -74px ;}

/* Vehicle Listings */
#featured_vehicles .row_wrap {padding:10px 0 10px 3px; width:677px;
	border-bottom:1px solid #d4d4d4;}
body.js #featured_vehicles .row_wrap {border-bottom:none;}
#featured_vehicles .row_wrap:last-child {border:none;}
#featured_vehicles .listing {padding:190px 0 0 0; margin:0 0 0 9px; width:213px; position:relative; float:left; display: inline;
	list-style:none;}
#featured_vehicles .listing.center {margin:0 0 0 9px;}

/* Vehicle Year, Make & Model */
#featured_vehicles .listing h4 {
	font-family:Arial, Helvetica, sans-serif; font-size:0.625em; font-weight:bold; text-align:center; text-transform:uppercase; letter-spacing:1px; line-height:normal; color:#666;}
#featured_vehicles .listing h4 strong {display:block;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:1.8em; font-weight:bold; letter-spacing:normal; font-style:italic; text-transform:uppercase; color:#25384d;}	

/* 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 #c9dce5;}
#featured_vehicles .listing .call_out {width:201px; height:152px; position:absolute; top:0; left:0;
	background-position:bottom right; background-repeat:no-repeat; xbackground-color:blue;}
#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:#5a0a0a;}
#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:#5a0a0a; 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:#5a0a0a;}
#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;}


	

/* 3. HEADLINES */

#headline_wrap {margin:0 auto; width:972px; height:340px;
	background:url("../images/template/headline_wrap_bg.png") no-repeat;}
#headline_wrap_inner {margin:0 auto; width:933px; position:relative;}

#headline {width:933px; height:320px; position:relative;
	background:#ccc;}

/* Slides */
ul#slides {padding:0; margin:0; width:933px; height:320px; overflow:auto; white-space: nowrap;}
ul#slides li {padding:0; margin:0; list-style:none; display:inline; position:relative;}
ul#slides img {padding:0; margin:0; width:933px; height:320px; top:0; left:0
	list-style:none;}
	
body.js ul#slides {overflow:hidden;}
body.js ul#slides li {position:absolute; top:0; left:0;}

/* Slide Nav */
#headline_slide_nav {position:absolute; bottom:0; left:15px; z-index:101;}
#headline_slide_nav a {width:25px; height:36px; padding:0; margin:0 0 0 5px; display:block; float:left;
	font-family:Arial, Helvetica, sans-serif; font-size:0.937em; font-weight:bold; text-align:center; line-height:25px; color:#fff;
	background:url('../images/template/headline_nav_bg.png') no-repeat -25px top transparent;}
#headline_slide_nav a:hover {background:url('../images/template/headline_nav_bg.png') no-repeat right top transparent;}
#headline_slide_nav a.activeSlide {background:url('../images/template/headline_nav_bg.png') no-repeat left top transparent;}
#headline_slide_nav a.activeSlide:hover {background:url('../images/template/headline_nav_bg.png') no-repeat -50px top transparent;}

/* Legal & Description */
body.js ul#slides .headline_toggle {display:block;}	
ul#slides .headline_toggle {width:76px; display:none; position:absolute; bottom:8px; right:5px;
	font-size:0.562em; text-transform:uppercase; text-align:center; cursor:pointer; color:#fff;
	background:#555;}
ul#slides .headline_toggle:hover {background:#fe5722;}
ul#slides .headline_description {padding:25px 5px 0 20px; margin:0; width:700px; height:240px; display:none; overflow:hidden; position:absolute; top:0; right:0; cursor:auto; z-index:102;
	text-align:left; white-space:normal;
	background:url("../images/template/featured_vehicles_description_bg.png");}

ul#slides  .headline_description h6 {padding:0 0 5px 0;
	font-size:0.75em; color:#fff; line-height:normal; letter-spacing:2px; text-transform:uppercase;}
ul#slides .headline_description p {width:650px; height:62px; overflow:auto;
	font-family:Arial, Helvetica, sans-serif; font-size:0.625em; color:#b5b5b6; line-height:normal; text-transform:none;}
/* Generarted by JavaScript */
ul#slides .headline_description div.headline_close {padding:0 3px; position:absolute; top:4px; right:4px; cursor:pointer; z-index:200;
	font-size:0.625em; color:#fff; text-transform:uppercase;
	background:#dc0000;}
ul#slides .headline_description div.headline_close:hover {color:#fff; background:#b70000;}



/* 4. TICKER */

h2#ticker {padding:10px 14px; margin:6px 0 0 0; width:694px; overflow:auto; white-space: nowrap;
	font-size:1.125em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; text-transform:uppercase; letter-spacing:-1px;
	background:url(../images/template/ticker_bg.png) no-repeat #000;}
body.js h2#ticker {height:1em; overflow:hidden;}
h2#ticker strong {padding:0 10px 0 0; margin:0 10px 0 0;
	border-right:1px solid #717171;}
body.js h2#ticker strong  {padding:10px 14px; width:694px; 
	text-align:left;
	border:none;}



/* 5. QUOTE */

#home_quote {width:972px; height:63px; margin:10px auto 0 auto; overflow:hidden;
	background:url('../images/template/home_quote_bubble.png') no-repeat;}
#home_quote blockquote {margin:0; padding:0;
	font-family:Georgia, "Times New Roman", Times, serif; font-size:1.625em; font-style:italic; text-align:center; line-height:54px; color:#206071;}



/* 6. FEATURED BUTTONS */
.featured_buttons {height:112px;}
.featured_buttons ul {margin:0; padding:0;}
.featured_buttons ul li {float:left; 
	list-style:none;}
.featured_buttons ul li a {width:220px; height:112px; display:block; overflow:hidden;
	text-indent:-5000px;
	background:url('../images/template/home_featured_btns.png') no-repeat;}
.featured_buttons ul li a#button_used_vehicles {margin-left:15px;
	background-position:top right;}

#instant-price-quote {padding:0; margin:0 0 0 15px; width:220px; height:112px; position:relative;
	background:url('../images/template/home_price_quote_sprite.png') no-repeat;}
#instant-price-quote h3, #instant-price-quote label {overflow:hidden; text-indent:-5000px;}
#instant-price-quote label {display:none;}
#price_model {padding:2px 4px; margin:0; width:197px; position:absolute; left:12px; top:32px;
	font-size:0.875em;
	border:3px solid #7b828a;}
#price_submit {padding:0; margin:0; width:142px; height:23px; position:absolute; left:39px; top:69px; overflow:hidden; display:block;
	text-indent:-5000px; font-size:0; line-height:0; cursor:pointer;
	background:url('../images/template/home_price_quote_sprite.png') no-repeat right top; border:none;
}
#price_submit:hover { background-position:right bottom;}


/* 6. CONTENT */

#content {padding:0 0 0 10px;
	font-size:0.812em; color:#7f7f7f;}
#content h2 {font-family:Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; font-size:1em; text-transform:uppercase; color:#484d53;}
#content h3 {padding:0.5em 0; margin:0 0 0.5em 0;
	font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:1.846em; line-height:1.033em;
	border-bottom:1px solid #484d53;}