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

Theme Name:		Hunterdon BMW
Version:		1.0
Last Change:	3/24/2010 - EJR

[Table of Contents]

1. Columns & Titles
2. Featured Vehicles
3. Headlines
4. Ticker
5. Video
6. Content
7. Quick Links

[Notes]

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

/* 1. COLUMNS & TITLES */

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


/* Homepage Columns */
.homepage_column {position:relative;}
.homepage_column #column_1 {padding:0 0 6px 0; margin:0 auto; width:960px; position:relative;}

/* Nav BG */
#nav {background:url(../images/template/header_nav_bg_alt.png) no-repeat top #000;}


/* 2. FEATURED VEHICLES */

/* New & Pre-Owned Vehicle Listings Wrappers */
#new_listings_wrap, #preowned_listings_wrap, #bargain_listings_wrap {width:948px; position:relative;}
body.js #new_listings_wrap {height:380px;}
body.js #preowned_listings_wrap {height:380px;}
body.js #bargain_listings_wrap {height:380px;}

/* Playback Controls  */
.featured_all_wrap {padding:0; height:18px; position:absolute; top:6px; right:23px;
	background:url('../images/template/featured_vehicles_prev_next_btn_sprite.png') no-repeat right -62px transparent;}
.featured_nav_wrap {float:right; display:none;} /* JS makes it visible */
a.prev_btn, a.next_btn {width:53px; height:18px; 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:-57px 0;}
a:hover.prev_btn  {background-position:0 -20px;}
a:hover.next_btn  {background-position:-57px -20px;}
	
/* Pagination Nav - Generarted by JavaScript */
.listing_pagination {padding:5px 3px 0 7px; margin:0 auto; width:auto; height:12px; float:left;
	text-align:left;}
.listing_pagination a {margin-right:4px; width:7px; height:7px; display:block; float:left;
	text-indent:-5000px; line-height:1px;
	background:url('../images/template/featured_vehicles_prev_next_btn_sprite.png') no-repeat 0 -45px;}
.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 -12px -45px;}

#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 6px 14px 6px; width:948px; margin:0; position:relative;
	background:#fff;}
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:#000;
	background:#fff;}
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; text-align:center; color:#fff;
	background:#3a3d40;}
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:960px; height:auto; overflow:hidden;
	background:none;}
ul#features.compact .tab_content {display:none}
ul#features.compact li {background:transparent;}
ul#features.compact li.fcurrent .tab_content {padding:5px 6px 0px 6px; margin:49px 0 0 0; width:948px; display:block; position:relative; float:left;
	background:url(../images/template/featured_vehicles_listings_bg.png) no-repeat center bottom #fff;}
ul#features.compact li {padding:0; margin:0; width:975px; float:left;}

ul#features.compact h3 {margin:0; padding:0; width:480px; height:49px; cursor:pointer; position:absolute; top:0; overflow:hidden; 
	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  {padding:0 0 0 15px; text-align:left; color:#3a3d40; background:transparent;}

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

ul#features.compact h3.tab.used {background-position:-480px -100px; left:480px;}
ul#features.compact h3.tab.used:hover {background-position:-480px -50px;}
ul#features li.fcurrent h3.tab.used, ul#features li.fcurrent h3.tab.used:hover {background-position:-480px 0;}

/* Vehicle Listings */
#featured_vehicles .row_wrap {padding:10px 0 10px 0px; width:948px;
	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:208px 0 0 0; margin:0 0 0 0px; width:316px; position:relative; float:left; display: inline;
	list-style:none;
	background:none; /* url(../images/template/featured_vehicles_listing_bg.png) no-repeat left bottom;*/ }
#featured_vehicles .listing.center {margin:0 0 0 0px;}

/* Vehicle Year, Make & Model */
#featured_vehicles .listing h4 {
	font-family:Arial, Helvetica, sans-serif; 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; letter-spacing:normal; color:#000;}	

/* Vehicle Photo */
#featured_vehicles .listing .photo_link {padding:0; width:250px; height:203px; position:absolute; top:0; left:33px; background:#eee;}
#featured_vehicles .listing .promo_overlay {width:250px; height:187px; position:absolute; top:0; left:0; overflow:hidden;
	text-indent:-5000px;
	background-repeat:no-repeat;}
#featured_vehicles .listing .photo_link img {}
#featured_vehicles .listing .photo_link a {width:250px; height:203px; position:absolute; top:0; left:0;
	text-indent:-5000px;
	background:url(../images/template/featured_vehicles_listing_btn.png) no-repeat 0px bottom;}
#featured_vehicles .listing .photo_link a:hover {background-position:-300px 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:#144668;}
#featured_vehicles .listing .lease.compact strong{font-size:1.5em;}
#featured_vehicles .listing .lease em {padding:9px 0; margin:0 0 0 75px; width:36px; display:block; float:left;
	font-size:0.625em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; line-height:1em; color:#3a3d40; 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:#3a3d40; 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:#144668;}
#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 auto; 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 auto; 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;}

/* Request Campaign Price Button */
#featured_vehicles a.request-campaign-price {margin:0 auto; width:212px; height:45px; display:block; overflow:hidden;
	text-indent:-5000px;
	background:url('../images/campaign/redtag/specials-button.png') no-repeat;}
#featured_vehicles a.request-campaign-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:#006eba;}
#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:#006eba;}
#featured_vehicles .listing .legal_toggle .description div.close:hover {color:#fff; background:#1a94e9;}

	

/* 3. HEADLINES */

#headline {width:960px; height:336px; position:relative; z-index:1; overflow:hidden;
	border:none;
	background:#000;} /* #c6cfd5 */

/* Slides */
ul#slides {padding:0; margin:0; width:960px; height:336px; overflow:hidden; 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:960px; height:336px; top:0; left:0;
	list-style:none;}
	
/* Slide Nav */
#headline_slide_nav {position:absolute; bottom:20px; left:15px; z-index:101;}
#headline_slide_nav a {padding:1px 6px; margin:0 0 0 5px; display:block; float:left;
	font-family:Arial, Helvetica, sans-serif; font-size:0.937em; font-weight:bold; color:#fff;
	background:url(../images/template/headline_nav_bg.png) repeat-x transparent; border:1px solid #a1a4a6;}
#headline_slide_nav a:hover {color:#bfe2ff; 
	background:#000; border:1px solid #bfe2ff;}
#headline_slide_nav a.activeSlide, #headline_slide_nav a.activeSlide:hover {border:1px solid #fff;}

/* 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:#4d0404;}
ul#slides .headline_toggle:hover {background:#cf3232;}
ul#slides .headline_description {margin-left:223px; padding:25px 5px 0 20px; width:710px; height:280px; display:none; overflow:hidden; position:absolute; top:0; left: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:#f42900;}
ul#slides .headline_description div.headline_close:hover {color:#fff; background:#dd2500;}

/* New Model Nav */
#headline .side_models {position:absolute; height:336px; z-index:100;
	background:url(../images/template/new_model_nav_bg.png) no-repeat left top transparent;}
ul#new_model_type_nav {margin:0 0 30px 0; padding:15px 0 0 0; width:235px;}
ul#new_model_type_nav li {margin:0; width:235px;
	vertical-align:middle; /* fixes :hover gap in IE */
	list-style-type:none;}
ul#new_model_type_nav li p {margin:0; padding:1px 0 21px 20px;
	font-size:0.857em; color:#fff;}
ul#new_model_type_nav li ul {margin:0; }
ul#new_model_type_nav li ul li {margin:0;
	background:transparent none; border:none;}
ul#new_model_type_nav li ul li:hover {/*position:relative;*/}
ul#new_model_type_nav li ul li a {padding:1px 0 3px 20px; margin:0; width:32px; display:block; position:relative; z-index:550;
	font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; font-style:normal; font-size:0.857em;
	background:transparent none;}
ul#new_model_type_nav li ul li a:hover, ul#new_model_type_nav ul li:hover a, ul#new_model_type_nav li ul li.first a:hover, ul#new_model_type_nav li ul li.first:hover a, ul#new_model_type_nav li ul li.last a:hover, ul#new_model_type_nav li ul li.last:hover a {background:#fff; color:#000;}

ul#new_model_type_nav li ul li ul {display:none;}
ul#new_model_type_nav li ul li:hover ul {padding:5px 0 0 16px; margin:0; width:143px; height:232px; position:absolute; top:47px; left:50px; display:block !important; z-index:500;
	background:url(../images/template/new_model_type_nav_details_bg.png) no-repeat transparent;
	border:none;}
ul#new_model_type_nav li ul li:hover ul li {width:127px; border:none; position:relative;}
ul#new_model_type_nav li ul li:hover ul li .model_thum {width:127px; height:72px; margin:8px 0 0 0;}
ul#new_model_type_nav li ul li:hover ul li p.msrp {padding:0; margin:0; width:127px; position:absolute; display:block; top:90px; left:0; z-index:510;
	font-family:Verdana, Arial, Helvetica, sans-serif; line-height:normal; text-align:center; color:#444; font-size:0.643em;}
ul#new_model_type_nav li ul li:hover ul li p.msrp span {
	font-family:Arial, Helvetica, sans-serif; font-size:1.555em; font-weight:bold;}
ul#new_model_type_nav li ul li:hover ul li p.mpg {padding:0; margin:0; width:127px; position:absolute; display:block; top:113px; left:0; z-index:510;
	font-family:Verdana, Arial, Helvetica, sans-serif; line-height:normal; text-align:center; color:#444; font-size:0.643em;}
ul#new_model_type_nav li ul li:hover ul li ul {padding:0; margin:0; width:127px; height:auto; display:block; top:140px; left:0; position:absolute;
	background:none transparent; border:none;}
ul#new_model_type_nav li ul li:hover ul li ul li {padding:0; margin:0 0 4px 0; width:127px; float:none; display:block; position:relative;
	list-style:none;
	background:none transparent; border:none;}
ul#new_model_type_nav li ul li:hover ul li ul li a, ul#new_model_type_nav li ul li.first:hover ul li ul li a, ul#new_model_type_nav li ul li.last:hover ul li ul li a {padding:0; margin:0; width:127px; float:none; display:block;
	font-family:Arial, Helvetica, sans-serif; font-size:0.779em; color:#444; line-height:21px; text-transform:none; text-align:center; letter-spacing:1px;
	background:url(../images/template/new_model_type_nav_details_a_icon_sprite.png) no-repeat left top transparent; border:none;}
ul#new_model_type_nav li ul li:hover ul li ul li a:hover {
	color:#fff;
	background:url(../images/template/new_model_type_nav_details_a_icon_sprite.png) no-repeat transparent left bottom;}

/* Sub headline */
#sub_headline {height:116px; margin:20px 0 0 0; position:relative; overflow:hidden;}
#sub_headline #sub_headline_link_1, #sub_headline #sub_headline_link_2, #sub_headline #sub_headline_link_1:hover, #sub_headline #sub_headline_link_2:hover {height:116px; width:480px; margin:0; padding:0; display:block; position:absolute; top:0; left:0; overflow:hidden;
	text-indent:-5000px;
	background:url('../images/headlines/why_buy_home_banner.png') no-repeat left top;}
#sub_headline #sub_headline_link_2, #sub_headline #sub_headline_link_2:hover {left:480px;
	background:url('../images/headlines/why_buy_home_banner.png') no-repeat right top;}


/* 4. TICKER */

h2#ticker {padding:0px 10px 0px 10px; margin:17px 0; width:940px; overflow:auto; white-space: nowrap;
	font-size:1em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; letter-spacing:1px; line-height:27px;
	background:url(../images/template/ticker_bg.png) no-repeat #687378;}
body.js h2#ticker {height:1.6875em; overflow:hidden; position:relative; z-index:1;}
h2#ticker strong {padding:0 10px 0 0; margin:0 10px 0 0;
	line-height:27px; font-weight:normal;
	border-right:1px solid #353b3e;}
body.js h2#ticker strong  {padding:0px 10px 0 7.75em; 
	border:none;}



/* 5. VIDEO */

#headline_video {width:239px; height:178px; overflow:hidden; position:absolute; top:0; right:0;
	border:1px solid #000;}



/* 6. CONTENT */

#content {padding:0 0 0 10px;
	font-size:0.812em;}
#content h2 {padding:0 0 4px 0; margin:20px 0 14px 0;
	font-size:1.846em; letter-spacing:-1px; line-height:1em;
	border-bottom:2px solid #ccc;}
#content h3 {padding:0; margin:0;
	font-size:1.231em; letter-spacing:0; line-height:1em;}


/* 7. QUICK LINKS */
ul#quick-links {padding:0; margin:20px 0 0 0; width:960px; height:124px;}
ul#quick-links li {padding:0; margin:0 12px 0 0; width:231px; height:124px; float:left;
	list-style:none;}
ul#quick-links li.last {margin:0;}
ul#quick-links li a {width:231px; height:124px; display:block; overflow:hidden;
	text-indent:-5000px;
	background:url(../images/template/home-quick-link-sprite.jpg) no-repeat;}
li#quick-banner-experience a {background-position:0 0 !important;}
li#quick-banner-experience a:hover {background-position:0 -124px !important;}
li#quick-banner-used a {background-position:-243px 0 !important;}
li#quick-banner-used a:hover {background-position:-243px -124px !important;}
li#quick-banner-special a {background-position:-486px 0 !important;}
li#quick-banner-special a:hover {background-position:-486px -124px !important;}
li#quick-banner-quote a {background-position:-729px 0 !important;}
li#quick-banner-quote a:hover {background-position:-729px -124px !important;}

li#quick-banner-quote-instant-price a {
	background:url(../images/template/home-quick-link-test-sprite.jpg) no-repeat 0 0 !important;}
li#quick-banner-quote-instant-price a:hover {background-position:0 -124px !important;}
li#quick-banner-quote-quick-quote a {
	background:url(../images/template/home-quick-link-test-sprite.jpg) no-repeat -231px 0 !important;}
li#quick-banner-quote-quick-quote a:hover {background-position:-231px -124px !important;}
li#quick-banner-quote-quick-quote-color a {
	background:url(../images/template/home-quick-link-test-sprite.jpg) no-repeat -462px 0 !important;}
li#quick-banner-quote-quick-quote-color a:hover {background-position:-462px -124px !important;}
	

#request-lease-quote {padding:0; margin:0; width:231px; height:124px; position:relative;
	background:url(../images/template/home-quick-link-lease-quote-sprite.png) no-repeat;}
#request-lease-quote h3, #request-lease-quote label {overflow:hidden; text-indent:-5000px;}
#request-lease-quote label {display:none;}
#lease_model {padding:2px 4px; margin:0; width:197px; position:absolute; left:17px; top:41px;
	font-size:0.875em;
	border:3px solid #4f6377;}
#lease_model .hanging-indent {text-indent:12px !important;}
#lease_submit {padding:0; margin:0; width:153px; height:35px; position:absolute; left:39px; top:76px; overflow:hidden; display:block;
	text-indent:-5000px; font-size:0; line-height:0;
	background:url(../images/template/home-quick-link-lease-quote-sprite.png) no-repeat -231px 0; border:none;
}
#lease_submit:hover { background-position:-384px 0;}