/*------------------------------------------------------------------ [Homepage Stylesheet] Theme Name: Ramsey Infiniti Version: 1.0 Last Change: 3/26/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 12px 10px 6px; 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:744px; position:relative; background:#d6d6d6;} #new_listings_wrap, #preowned_listings_wrap, {width:744px;} body.js #new_listings_wrap {height:21.875em; overflow:hidden;} body.js #preowned_listings_wrap {height:18.75em; overflow:hidden;} /* 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;} 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:80px; height:6px; overflow:hidden; text-align:left;} .listing_pagination a {margin-right:3px; width:4px; height:4px; display:block; float:left; text-indent:-5000px; line-height:1px; background:#d6d6d6; border:1px solid #221502;} .listing_pagination a:hover {background:#221502; border:1px solid #221502;} .listing_pagination a.activeSlide, .listing_pagination a.activeSlide:hover {background:#221502; border:1px solid #221502;} /* Listing Headers */ h4.listing_header {padding:6px 145px 10px 15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#e3e3a8; font-size:1.125em; background:url(../images/template/featured_vehicles_listing_header_bg.png) repeat-x bottom #664417;} /* New Vehicle Listings */ #featured_vehicles #new_featured_vehicles_wrap .row_wrap {padding:14px 0 0 0; width:744px; border-bottom:1px dotted #a5a5a4;} body.js #featured_vehicles #new_featured_vehicles_wrap .row_wrap {padding:3px 0 0 0; border-bottom:none;} #featured_vehicles #new_featured_vehicles_wrap .row_wrap:last-child {border:none;} #featured_vehicles #new_featured_vehicles_wrap .listing {padding:12px 14px 0 457px; margin:0; width:273px; height:335px; position:relative; float:left; list-style:none; background:url(../images/template/featured_vehicles_new_listing_bg.png) no-repeat;} #featured_vehicles #new_featured_vehicles_wrap .listing.center {margin:0 21px 0 37px;} /* New Vehicle Year, Make & Model */ #featured_vehicles #new_featured_vehicles_wrap .listing h4 {padding:0 0 4px 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.75em; font-weight:bold; text-align:left; text-transform:uppercase; letter-spacing:4px; line-height:1em; color:#221502; border-bottom:1px dotted #a5a5a4;} #featured_vehicles #new_featured_vehicles_wrap .listing h4 strong {display:block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:3em; font-weight:bold; letter-spacing:0; text-transform:none; line-height:0.917em; color:#221502;} /* New Vehicle Photo */ #featured_vehicles #new_featured_vehicles_wrap .listing .photo_link {padding:0; width:426px; height:329px; position:absolute; top:0; left:18px; background:url(../images/template/featured_vehicles_new_photo_link_bg.png);} #featured_vehicles #new_featured_vehicles_wrap .listing .call_out {width:210px; height:159px; position:absolute; bottom:20px; right:20px; background-position:bottom right; background-repeat:no-repeat;} #featured_vehicles #new_featured_vehicles_wrap .listing .photo_link img {padding:20px 0 0 20px;} #featured_vehicles #new_featured_vehicles_wrap .listing .photo_link a {width:426px; height:329px; position:absolute; top:0; left:0; text-indent:-5000px; background:url(../images/template/featured_vehicles_new_listing_btn.png) no-repeat;} #featured_vehicles #new_featured_vehicles_wrap .listing .photo_link a:hover {background-position:-426px 0;} /* New Vehicle Lease Price */ #featured_vehicles #new_featured_vehicles_wrap .listing .lease{padding:20px 0 8px 0; margin:0; line-height:normal; text-align:center;} #featured_vehicles #new_featured_vehicles_wrap .listing .lease strong {padding:0 0 5px 0; display:block; font-size:5.312em; font-weight:bold; line-height:0.888em; color:#7a4a0f;} #featured_vehicles #new_featured_vehicles_wrap .listing .lease span {padding:15px 0; display:block; font-size:1.125em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; line-height:10px; color:#666;} /* New Vehicle Buy Price */ #featured_vehicles #new_featured_vehicles_wrap .listing .buy{padding:20px 0 8px 0; margin:0; line-height:normal; text-align:center;} #featured_vehicles #new_featured_vehicles_wrap .listing .buy strong{padding:0 0 5px 0; display:block; font-size:4.25em; font-weight:bold; line-height:0.888em; letter-spacing:-3px; color:#7a4a0f;} #featured_vehicles #new_featured_vehicles_wrap .listing .buy span {padding:15px 0; display:block; font-size:1.125em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; line-height:10px; color:#666;} /* New Vehicle Prices Compact */ #featured_vehicles #new_featured_vehicles_wrap .listing .lease.compact {padding:0;} #featured_vehicles #new_featured_vehicles_wrap .listing .lease.compact strong {font-size:3.75em;} #featured_vehicles #new_featured_vehicles_wrap .listing .lease.compact span {padding:8px 0 8px 0;} #featured_vehicles #new_featured_vehicles_wrap .listing .buy.compact {padding:2px 0 0 0;} #featured_vehicles #new_featured_vehicles_wrap .listing .buy.compact strong {font-size:3.75em;} #featured_vehicles #new_featured_vehicles_wrap .listing .buy.compact span {padding:8px 0 15px 0;} /* New Vehicle Bullets */ #featured_vehicles #new_featured_vehicles_wrap .listing h5 {padding:5px 0 0 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.255em; font-weight:bold; text-align:center; line-height:1em; color:#221502; border-top:1px dotted #a5a5a4;} #featured_vehicles #new_featured_vehicles_wrap .listing.preowned h5 {margin:0 0 15px 0;} /* New Legal & Description */ #featured_vehicles #new_featured_vehicles_wrap .listing .legal_toggle {margin:2px auto 0 auto; width:100px; display:block; font-size:0.562em; color:#666; text-align:center; text-transform:uppercase; cursor:pointer;} #featured_vehicles #new_featured_vehicles_wrap .listing .legal_toggle:hover {color:#b4680c;} #featured_vehicles #new_featured_vehicles_wrap .listing .legal_toggle:hover .description {display:block;} body.js #featured_vehicles #new_featured_vehicles_wrap .listing .legal_toggle:hover .description {display:none;} #featured_vehicles #new_featured_vehicles_wrap .listing .legal_toggle .description {padding:45px 5px 0 80px; 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 #new_featured_vehicles_wrap .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 #new_featured_vehicles_wrap .listing .legal_toggle .description p {position:absolute; top:62px; left:80px; right:5px; bottom:0; overflow:auto; font-family:Arial, Helvetica, sans-serif; font-size:0.625em; color:#b5b5b6; line-height:normal; text-transform:none;} /* Generated by JavaScript */ #featured_vehicles #new_featured_vehicles_wrap .listing .legal_toggle .description div.close {padding:0 5px; position:absolute; top:10px; right:10px; cursor:pointer; z-index:200; font-size:10px; color:#fff; background:#b4680c;} #featured_vehicles #new_featured_vehicles_wrap .listing .legal_toggle .description div.close:hover {color:#fff; background:#d27501;} /* Pre-Owned Vehicle Listings */ #featured_vehicles #preowned_featured_vehicles_wrap .row_wrap {padding:10px 0; width:742px; background:url(../images/template/featured_vehicles_center_listing_bg.png) repeat-y center; border-bottom:1px dotted #a5a5a4;} body.js #featured_vehicles #preowned_featured_vehicles_wrap .row_wrap {border-bottom:none;} #featured_vehicles #preowned_featured_vehicles_wrap .row_wrap:last-child {border:none;} #featured_vehicles #preowned_featured_vehicles_wrap .listing {padding:183px 0 0 0; margin:0 0 0 16px; width:212px; position:relative; float:left; list-style:none;} #featured_vehicles #preowned_featured_vehicles_wrap .listing.center {margin:0 21px 0 37px;} /* Pre-Owned Vehicle Year, Make & Model */ #featured_vehicles #preowned_featured_vehicles_wrap .listing h4 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.625em; font-weight:bold; text-align:center; text-transform:uppercase; letter-spacing:2px; line-height:normal; color:#221502;} #featured_vehicles #preowned_featured_vehicles_wrap .listing h4 strong {display:block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.8em; font-weight:bold; text-transform:none; color:#221502;} /* Pre-Owned Vehicle Photo */ #featured_vehicles #preowned_featured_vehicles_wrap .listing .photo_link {padding:0; width:212px; height:183px; position:absolute; top:0; left:0; background:url(../images/template/featured_vehicles_used_photo_link_bg.png) #dad5cd;} #featured_vehicles #preowned_featured_vehicles_wrap .listing .call_out {width:212px; height:164px; position:absolute; bottom:28px; right:9px; background-position:bottom right; background-repeat:no-repeat;} #featured_vehicles #preowned_featured_vehicles_wrap .listing .photo_link img {margin:9px 0 0 9px; width:194px;} #featured_vehicles #preowned_featured_vehicles_wrap .listing .photo_link a {width:212px; height:183px; position:absolute; top:0; left:0; text-indent:-5000px; background:url(../images/template/featured_vehicles_listing_btn.png) no-repeat;} #featured_vehicles #preowned_featured_vehicles_wrap .listing .photo_link a:hover {background-position:-212px 0;} /* Pre-Owned Vehicle Lease Price */ #featured_vehicles #preowned_featured_vehicles_wrap .listing .lease{padding:0; margin:0; line-height:normal; text-align:center;} #featured_vehicles #preowned_featured_vehicles_wrap .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:#7a4a0f;} #featured_vehicles #preowned_featured_vehicles_wrap .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 #preowned_featured_vehicles_wrap .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;} /* Pre-Owned Vehicle Buy Price */ #featured_vehicles #preowned_featured_vehicles_wrap .listing .buy{padding:0 0 5px 0; margin:0; font-size:2em; line-height:0.888em; text-align:center; color:#7a4a0f;} #featured_vehicles #preowned_featured_vehicles_wrap .listing .buy strong{font-weight:bold;} /* Pre-Owned Vehicle Bullets */ #featured_vehicles #preowned_featured_vehicles_wrap .listing h5 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.75em; font-weight:bold; text-align:center; line-height:normal; color:#191f2f;} #featured_vehicles #preowned_featured_vehicles_wrap .listing.preowned h5 {margin:0 0 15px 0;} /* Pre-Owned Legal & Description */ #featured_vehicles #preowned_featured_vehicles_wrap .listing .legal_toggle {margin:2px auto 0 auto; width:100px; display:block; font-size:0.562em; color:#666; text-align:center; text-transform:uppercase; cursor:pointer;} #featured_vehicles #preowned_featured_vehicles_wrap .listing .legal_toggle:hover {color:#b4680c;} #featured_vehicles #preowned_featured_vehicles_wrap .listing .legal_toggle:hover .description {display:block;} body.js #featured_vehicles #preowned_featured_vehicles_wrap .listing .legal_toggle:hover .description {display:none;} #featured_vehicles #preowned_featured_vehicles_wrap .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 #preowned_featured_vehicles_wrap .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 #preowned_featured_vehicles_wrap .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 #preowned_featured_vehicles_wrap .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:#b4680c;} #featured_vehicles #preowned_featured_vehicles_wrap .listing .legal_toggle .description div.close:hover {color:#fff; background:#d27501;} /* 3. HEADLINES */ #headline {width:742px; height:126px; position:relative; border:1px solid #8a8a8a; background:#ccc;} body.js ul#slides li {position:absolute; top:0; left:0;} /* Slides */ ul#slides {padding:0; margin:0; width:742px; height:130px; overflow:auto; white-space: nowrap;} ul#slides li {padding:0; margin:0; list-style:none; display:inline;} 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; right: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 #ff9900;} #headline_slide_nav a:hover {background:#ff9900; border:1px solid #ff9900;} #headline_slide_nav a.activeSlide, #headline_slide_nav a.activeSlide:hover {background:#b4680c; border:1px solid #b4680c;} /* 4. TICKER */ h2#ticker {letter-spacing: -1px; 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; font-weight:normal; color:#000; background:url(../images/template/ticker_bg.png) no-repeat #c1c1c1;} 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 #5f584b;} #content h3 {padding:0; margin:0; font-size:1.231em; letter-spacing:0; text-transform:uppercase; line-height:1em;}