/*------------------------------------------------------------------ [Homepage Stylesheet] Theme Name: Ramsey Nissan Version: 1.0 Last Change: 4/9/2009 - EJR [Table of Contents] 1. Columns & Titles 2. Featured Vehicles 3. Headlines 4. Ticker 5. Content [Notes] -------------------------------------------------------------------*/ /* 1. COLUMNS & TITLES */ #columns {padding:6px 0 15px 0;} /* Homepage Columns */ .homepage_column #column_1 {padding:0 9px 10px 9px; width:744px; float:left;} .homepage_column #column_2 {width:210px; 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 #4a788d;} #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: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 #4a788d;} 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;} /* 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:#fff; border:1px solid #4a788d;} .listing_pagination a:hover {background:#4a788d; border:1px solid #4a788d;} .listing_pagination a.activeSlide, .listing_pagination a.activeSlide:hover {background:#4a788d; border:1px solid #4a788d;} /* Listing Headers */ h4.listing_header {padding:6px 145px 6px 15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; font-size: 1.1em; text-transform: none; background:#4a788d;} /* 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:#313538;} #featured_vehicles .listing h4 strong {letter-spacing: -0.5px; 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:#d4d4d4;} #featured_vehicles .listing .call_out {width:210px; height:159px; position:absolute; top:1px; left:1px; background-position:bottom right; background-repeat:no-repeat;} #featured_vehicles .listing .photo_link img {border:1px solid#939393; 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 158px;} #featured_vehicles .listing .photo_link a:hover {background-position:-212px 158px;} /* 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:#10356a;} #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:#10356a;} #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:#fff; background:#4a788d;} #featured_vehicles .listing .legal_toggle .description div.close:hover {color:#10356a; background:#fff;} /* 3. HEADLINES */ #headline {width:742px; height:126px; position:relative; background:#fff; border:1px solid #8a8a8a;} body.js ul#slides li {position:absolute; top:0; left:0;} /* Slides */ ul#slides {padding:0; margin:0; width:742px; height:126px; 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:742px; height:126px; 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:#fff; border:1px solid #4a788d;} #headline_slide_nav a:hover {background:#4a788d; border:1px solid #4a788d;} #headline_slide_nav a.activeSlide, #headline_slide_nav a.activeSlide:hover {background:#4a788d; border:1px solid #4a788d;} /* 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:#3e2e20;} ul#slides .headline_toggle:hover {background:#553114; color:#FFFF66;} ul#slides .headline_description {padding:25px 5px 0 20px; margin:0; width:717px; height:101px; 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:#4a788d;} ul#slides .headline_description div.headline_close:hover {color:#10356a; background:#fff;} /* 4. TICKER */ h2#ticker { letter-spacing: -1px; font-weight: bold; padding:10px 14px; margin:7px 0 0 0; width:716px; overflow:auto; white-space: nowrap; font-size: 1.3em; font-family:Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; background:url(../images/template/ticker_bg.png) no-repeat #fff;} 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. Coupon */ /* coupon pop up */ /* .coupon_overlay_bg {width:100%; height:100%; left:0; top:0; position:fixed; z-index:800; filter:alpha(opacity=60); opacity: 0.6; -ms-filter:"alpha(opacity=60)"; -khtml-opacity: .60; -moz-opacity: .60; /* IE 8, Safari 1.x, FF lt 1.5, Netscape */ /* background:#000 none repeat scroll 0 0;} .coupon_area {width:500px; height:350px; position:absolute; margin-left:-250px; left:50%; top:15%; z-index:801; text-align:center; background:#fff;} .coupon_close {padding:5px; position:absolute; right:35px; top:18px; z-index:802; cursor:pointer; color:#fff;} .coupon_get {position:absolute; right:13px; bottom:8px; z-index:802; cursor:pointer; color:#000;} .coupon_no {position:absolute; right:265px; bottom:8px; z-index:802; cursor:pointer; color:#000;} img.pop_coupon {position:absolute; left:0; top:0; z-index:801;} */ #promo_form {width:580px; height:420px; position:relative; background:url(../images/promo/promo-bg.png) no-repeat center;} #promo_form .submit {position:absolute; top:320px; left:210px;} #promo_form .close {position:absolute; top:321px; left:368px;} #promo_form #first_name, #promo_form #last_name, #promo_form .email, #promo_form .phone, #promo_form #model {width:240px; position:absolute; left:217px; font-family:"trebuchet MS", arial, sans-serif; font-size:12px; font-weight:bold; color:#051c66; border:none;} #promo_form #first_name {top:180px;} #promo_form #last_name {top:209px;} #promo_form .email {top:237px;} #promo_form .phone {top:264px;} #promo_form #model {top:295px;} #promo_form label {display:none;} #promo_form #first_name, #promo_form #first_name:hover, #promo_form #first_name:focus, #promo_form #last_name, #promo_form #last_name:hover, #promo_form #last_name:focus, #promo_form .email, #promo_form .email:hover, #promo_form .email:focus, #promo_form #model, #promo_form #model:hover, #promo_form #model:focus, #promo_form .phone, #promo_form .phone:hover, #promo_form .email:focus{border:none; background:#fff;} #promo_form .error {width:450px; position:absolute; top:329px; left:55px; font-family:"trebuchet MS", arial, sans-serif; font-size:16px; font-weight:bold; text-align:center; color:#FF0000;} #promo_form .dissclaimer {width:400px; position:absolute; top:365px; left:55px; font-family:arial, sans-serif; font-size:11px; color:#fff;} #promo_form .dissclaimer a {color:#f1a200;} #promo_form .dissclaimer a:hover {color:#f1a200; border-bottom:1px solid #f1a200;} #pop-coupon {position:absolute; width:100%; top:120px; z-index:120;} #promo_form {margin:0 auto;} /* Coupon from edealertools.com */ /* div#div-table_edt table {background:#fff; border:none;} div#div-table_edt table td {border:none;} */