/*------------------------------------------------------------------ [Homepage Stylesheet] Theme Name: Ramsey Nissan Version: 1.0 Last Change: 5/22/2009 - EJR [Table of Contents] 1. Columns & Titles 2. Featured Vehicles 3. Headlines 4. Ticker 5. Content [Notes] -------------------------------------------------------------------*/ /* 1. COLUMNS & TITLES */ #columns {padding:12px 0 15px 0; background:url(../images/template/homepage_column_bg.png) repeat-x top #fff;} /* Homepage Columns */ .homepage_column #column_1 {padding:0 0 10px 12px; width:744px; float:left;} .homepage_column #column_2 {width:216px; float:left;} /* 2. 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 #cacaca; background:#e6e5e5;} #new_listings_wrap, #preowned_listings_wrap, {width:742px;} body.js #new_listings_wrap {height:21.875em;} body.js #preowned_listings_wrap {height:18.75em;} /* Playback Controls */ a.prev_btn, a.next_btn {width:61px; height:25px; display:block; position:absolute; top:2px; overflow:hidden; text-indent:-5000px; background:url(../images/template/featured_vehicles_prev_next_btn_sprite.png) no-repeat #fcfcfc;} a.prev_btn {right:76px; background-position:0 0;} a.next_btn {right:15px; background-position:-61px 0;} a:hover.prev_btn {background-position:0 -25px;} a:hover.next_btn {background-position:-61px -25px;} a.prev_btn:active {background-position:0 -50px;} a.next_btn:active {background-position:-61px -50px;} /* Pagination Nav - Generarted by JavaScript */ .listing_pagination {padding:5px 0 0 0; margin:0 auto; width:50px; height:6px; text-align:left;} .listing_pagination a {margin-right:3px; width:4px; height:4px; display:block; float:left; text-indent:-5000px; line-height:1px; background:#e6e5e5; border:1px solid #8d8c8c;} .listing_pagination a:hover, .listing_pagination a.activeSlide:hover {background:#c71444; border:1px solid #c71444;} .listing_pagination a.activeSlide {background:#8d8c8c; border:1px solid #8d8c8c8d8c8c;} /* Listing Headers */ h4.listing_header {padding:6px 145px 6px 15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#4d4d4d; font-size:1.125em; text-transform:uppercase; background:#cacaca;} /* Vehicle Listings */ #featured_vehicles .row_wrap {padding:10px 0; width:742px; background:url(../images/template/featured_vehicles_center_listing_bg.png) repeat-y center; 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:183px 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:#555454;} #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:0; width:212px; height:179px; position:absolute; top:0; left:0; background:#fff;} #featured_vehicles .listing .call_out {width:210px; height:145px; position:absolute; top:1px; left:1px; background-position:bottom right; background-repeat:no-repeat;} #featured_vehicles .listing .photo_link img {border:1px solid#cacaca; border-bottom:none;} #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 0 0;} #featured_vehicles .listing .photo_link a:hover {background-position:-212px 0;} /* 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-size:2em; font-weight:bold;; line-height:0.888em; color:#c71444;} #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;} /* Vehicle Buy Price */ #featured_vehicles .listing .buy{padding:0 0 5px 0; margin:0; font-size:2em; line-height:0.888em; text-align:center; color:#c71444;} #featured_vehicles .listing .buy strong{font-weight:bold;} /* Vehicle Bullets */ #featured_vehicles .listing h5 { font-size:0.75em; font-weight:bold; text-align:center; line-height:normal; color:#191f2f;} #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:#ffde00; color:#fff; background:#f42900;} #featured_vehicles .listing .legal_toggle .description div.close:hover {color:#ffde00; background:#dd2500;} /* 3. HEADLINES */ #headline {margin:0 auto; width:972px; height:222px; position:relative; overflow:hidden; z-index:1; background:#ccc;} /* body.js ul#slides li {position:absolute; top:0; left:0;} */ /* Slides */ ul#slides {padding:0; margin:0; width:972px; height:222px; 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:972px; height:222px; top:0; left:0 list-style:none;} /* Slide Nav */ #headline_slide_nav {position:absolute; bottom:5px; left:5px; z-index:101;} #headline_slide_nav a {margin:0 0 0 5px; width:8px; height:8px; display:block; float:left; overflow:hidden; text-indent:-5000px; background:transparent; border:1px solid #c0c0c0;} #headline_slide_nav a:hover, #headline_slide_nav a.activeSlide:hover {background:#c71444; border:1px solid #c71444;} #headline_slide_nav a.activeSlide {background:#c0c0c0; border:1px solid #c0c0c0;} /* 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:#4d4d4d; background:#cacaca; -moz-border-radius:4px; -webkit-border-radius:4px;} ul#slides .headline_toggle:hover {background:#cacaca; color:#c71444;} ul#slides .headline_description {padding:25px 5px 0 20px; margin:0; width:947px; height:197px; 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:#c71444; -moz-border-radius:4px; -webkit-border-radius:4px;} ul#slides .headline_description div.headline_close:hover {color:#fff; background:#dd2500;} /* 4. TICKER */ h2#ticker {padding:10px 14px; margin:0; width:716px; overflow:hidden; white-space: nowrap; font-size:1.125em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; text-transform:uppercase; 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:716px; text-align:center; border:none} /* 5. CONTENT */ #content {padding:0 0 0 10px; font-size:0.812em; color:#7f7f7f;} #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; text-transform:uppercase; line-height:1em;} /* 6. POP UP (ie6 css file as well) */ .coupon_area {width:574px; height:292px; position:absolute; margin-left:-287px; left:50%; top:150px; z-index:801; text-align:center; font-family:Arial, Helvetica, sans-serif; background:url(../images/promo/trade_in_pop.png) no-repeat center center transparent;} .coupon_close {padding:5px; position:absolute; right:55px; top:42px; z-index:802; cursor:pointer; text-align:right; font-weight:bold; color:#000;} a.coupon_pop_link {width:500px; height:183px; left:37px; top:72px; position:absolute; display:block; cursor:pointer; text-indent:-5000px;} /* 6. COUPON OVERLAY */ /* #coupon_area_home {background-image:url('../images/promo/coupon_pop_up_4th_bg.png');} #coupon_area_home .coupon_close {} #coupon_area_home .coupon_deal_offer {margin-top:20px; font-size:1.4em; color:#003399;} */