/* Home page style */ /**************************************************************************/ /* START:Vehicle model scrolling nvaigation for home page ****************/ /**************************************************************************/ #modelNavBox {width:980px; height:104px; padding-top:5px; background:url(../images/nav_model_bg.gif) top left no-repeat} #modelNavBox #modelNavBoxLB {width:65px; height:104px; overflow:hidden} #modelNavBox #modelNavBoxLB a {width:65px; padding-top:114px; overflow:hidden} #modelNavBox #modelNavBoxRB {width:65px; height:104px; overflow:hidden} #modelNavBox #modelNavBoxRB a {width:65px; padding-top:114px; overflow:hidden} #modelNavBox #modelNavLinkWrap {width:850px; height:104px} #modelNavBox #modelNavLinkWrap .homeModelNavLink {width:212px; height:104px; padding:0; text-align:right} #modelNavBox #modelNavLinkWrap .homeModelNavLink a {width:84px; height:74px; padding:30px 0 0 128px; color:#333; font:bold 13px Verdana, Arial, Helvetica, sans-serif; text-align:left; text-decoration:none} #modelNavBox #modelNavLinkWrap.hmnSlidingPanels {position:relative; width:850px; height:104px; padding:0; border:none} #modelNavBox #modelNavLinkWrap .hmnSlidingPanelsContentGroup {position:relative; width:10000px; height:100%; margin:0; padding:0; border:none} #modelNavBox #modelNavLinkWrap .hmnSlidingPanelsContent {width:850px; height:104px; margin:0; padding:0; border:none; overflow:hidden} /**************************************************************************/ /* END:Vehicle model scrolling nvaigation for home page *******************/ /**************************************************************************/ /**************************************************************************/ /* START:Home page - vehicle Specials Box *********************************/ /**************************************************************************/ #homeSpecialBox {width:339px; height:538px; padding:18px 16px 0 27px; background:url(../images/home_box1.gif) top left no-repeat} #homeSpecialBox .panelTitleRow {width:339px; line-height:20px; padding: 0} #homeSpecialBox .homeSpecialPanel {width:339px; height:220px; padding:12px 0 0; overflow:hidden} .specialRow {width:339px; padding-bottom:15px} .specialRow .carImg {width:108px; padding:0 11px 0 0} .specialRow .carImg div.justArrived {width:107px; height:66px; border:2px solid #465869; padding:15px 0 0 0; text-align:center} .specialRow .carImg div.justArrived a {width:100%; height:100%; text-decoration:none; float:none; text-align:center} .specialRow .carImg div.justArrived span.red {font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#f00; text-decoration:none} .specialRow .carImg div.justArrived span.black {font:bold 14px Verdana, Arial, Helvetica, sans-serif; text-decoration:none} .specialRow .specialInfo {width:220px} .specialRow .specialInfo .header {width:220px; padding-bottom:2px} .specialRow .specialInfo .header a {color:#474330; font:bold 11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none} .specialRow .specialInfo .header a:hover {color:#474330; text-decoration:underline} .specialRow .specialInfo .row1 {width:220px} .specialRow .specialInfo .row1 .specialInfoSaleTitle {width:93px; color:#761A1A; font:bold 11px Verdana, Arial, Helvetica, sans-serif} .specialRow .specialInfo .row1 .specialInfoSaleData {width:127px; color:#761A1A; font:bold 11px Verdana, Arial, Helvetica, sans-serif} .specialRow .specialInfo .row2 {width:220px} .specialRow .specialInfo .row2 .specialInfoC1 {width:220px} .specialRow .specialInfo .row2 .specialInfoC1 .specialInfoRow {width:220px; padding-bottom:2px} .specialRow .specialInfo .row2 .specialInfoC1 .specialInfoRow .specialInfoTitle {width:93px; color:#474431; font:normal 11px Verdana, Arial, Helvetica, sans-serif} .specialRow .specialInfo .specialInfoC1 .specialInfoRow .specialInfoData {width:127px; color:#474431; font:normal 11px Verdana, Arial, Helvetica, sans-serif} .specialRow .specialInfo .row2 .specialInfoC2 {width:90px; padding:10px 0 0; color:#474431; font:bold 11px Verdana, Arial, Helvetica, sans-serif; text-align:center} .specialLinkRow {width:339px} .specialLinkRow a {width:210px; padding-top:2px; height:24px; background:url(../images/site_arrow_right.png) top right no-repeat; _background:url(../images/site_arrow_right.gif) top right no-repeat; color:#666; text-decoration:none; font:normal 13px Verdana, Arial, Helvetica, sans-serif} /**************************************************************************/ /* END:Home page - vehicle Specials Box ***********************************/ /**************************************************************************/ a.promoLinkTitle {width: 167px; padding: 0 0 5px 66px; float: left; text-decoration: none; font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #c71444;} a.promoLinkDesc {width: 167px; padding: 0 0 0 66px; float: left; text-decoration: none; font: normal 13px Verdana, Arial, Helvetica, sans-serif; color: #000;} /**************************************************************************/ /* START:Dealership Sevice and Finance Box *******************************/ /**************************************************************************/ #homeServiceHolder {width:606px; height:556px; background:url(../images/home_box2.gif) top left no-repeat} #homeServiceHolder .row1 {width:606px; height:225px; padding:15px 0 0} #homeServiceHolder .row1 .box {width:303px; padding:0 0 24px} #homeServiceHolder .row1 .box #homeServiceApptWrap {width: 233px; height: 56px; padding:14px 0 10px 24px; overflow: hidden} #homeServiceHolder .row1 .box #homeServiceApptWrap .linkWrapOff {width: 233px; background: url(../images/schedule_service_appt_button_off.gif) top left no-repeat} #homeServiceHolder .row1 .box #homeServiceApptWrap .linkWrapOn {width: 233px; background: url(../images/schedule_service_appt_button_on.gif) top left no-repeat} #homeServiceHolder .row1 .box #homeOrderPartsWrap {width: 233px; height: 56px; padding:14px 0 10px 24px; overflow: hidden} #homeServiceHolder .row1 .box #homeOrderPartsWrap .linkWrapOff {width: 233px; background: url(../images/order_parts_button_off.gif) top left no-repeat} #homeServiceHolder .row1 .box #homeOrderPartsWrap .linkWrapOn {width: 233px; background: url(../images/order_parts_button_on.gif) top left no-repeat} #homeServiceHolder .row1 .box #homePartsSpecialsWrap {width: 233px; height: 56px; padding: 18px 0 0 24px; overflow: hidden} #homeServiceHolder .row1 .box #homePartsSpecialsWrap .linkWrapOff {width: 233px; background: url(../images/specials_button_off.gif) top left no-repeat} #homeServiceHolder .row1 .box #homePartsSpecialsWrap .linkWrapOn {width: 233px; background: url(../images/specials_button_on.gif) top left no-repeat} #homeServiceHolder .row1 .box #homeServiceSpecialsWrap {width: 233px; height: 56px; padding: 18px 0 0 24px; overflow: hidden} #homeServiceHolder .row1 .box #homeServiceSpecialsWrap .linkWrapOff {width: 233px; background: url(../images/specials_button_off.gif) top left no-repeat} #homeServiceHolder .row1 .box #homeServiceSpecialsWrap .linkWrapOn {width: 233px; background: url(../images/specials_button_on.gif) top left no-repeat} #homeServiceHolder .row2 {width:606px; height:331px} #homeServiceHolder .row2 .col1 {width:287px} #homeServiceHolder .row2 .col1 .box {width:287px} #homeServiceHolder .row2 .col1 .box p {width:208px; margin:0; padding:0 55px 10px 24px; font:normal 13px Verdana, Arial, Helvetica, sans-serif} #homeServiceHolder .row2 .col1 .box a {width:208px; height:26px; padding:0 55px 0 24px; background:url(../images/black_arrow_right.png) top right no-repeat; color:#666; text-decoration:none; font:normal 13px Verdana, Arial, Helvetica, sans-serif} #homeServiceHolder .row2 .col2 {width:319px} #homeServiceHolder .row2 .col2 .box1 {width:319px; height:132px; padding:0 0 20px; background:url(../images/finance_available_bg.jpg) no-repeat} #homeServiceHolder .row2 .col2 .box1 .title {width:157px; padding:0 162px 10px 0; font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #C71444} #homeServiceHolder .row2 .col2 .box1 a {width:157px; padding:0 15px 0 0; background:url(../images/black_arrow_right.png) 160px 70px no-repeat; color:#666; text-decoration:none; font:normal 13px Verdana, Arial, Helvetica, sans-serif} #homeServiceHolder .row2 .col2 .box2 {width:319px; height:132px; background:url(../images/hand_calculator_bg.jpg) no-repeat} #homeServiceHolder .row2 .col2 .box2 .title {width:157px; padding:0 162px 10px 0; font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #C71444} #homeServiceHolder .row2 .col2 .box2 a {width:157px; padding:0 15px 0 0; background:url(../images/black_arrow_right.png) 160px 40px no-repeat; color:#666; text-decoration:none; font:normal 13px Verdana, Arial, Helvetica, sans-serif} /**************************************************************************/ /* END:Dealership Sevice and Finance Box **********************************/ /**************************************************************************/ /**************************************************************************/ /* START:Finance Specials and QVIP Promo Box ******************************/ /**************************************************************************/ #otherPromoHolder {width:988px; height:178px; padding:15px 0 14px; background:url(../images/home_box4.gif) top left no-repeat} #otherPromoHolder .box1 {width:348px; padding:0 0 10px 0} #otherPromoHolder .box1 p {width:304px; padding:0 0 10px 24px; font:normal 13px Verdana, Arial, Helvetica, sans-serif} #otherPromoHolder .box1 a {width:248px; height:26px; padding:0 0 0 24px; background:url(../images/black_arrow_right.png) top right no-repeat; color:#666; text-decoration:none; font:normal 13px Verdana, Arial, Helvetica, sans-serif} #otherPromoHolder .box2 {width:602px; padding:0 0 10px 24px} #otherPromoHolder .box2 .row1 {width:568px; padding:0 0 13px 24px} #otherPromoHolder .box2 .row1 p {width:349px; padding:0; font:normal 12px Verdana, Arial, Helvetica, sans-serif} #otherPromoHolder .box2 .row1 a {width:107px; height:23px; padding:0 32px 0 50px; background:url(../images/black_arrow_right.png) top right no-repeat; color:#666; text-decoration:none; font:normal 13px Verdana, Arial, Helvetica, sans-serif} #otherPromoHolder .box2 .row2 {width:582px; padding:0 10px 0 8px} #otherPromoHolder .box2 .row2 .imgBox {width:145px; height:90px} #otherPromoHolder .box2 .row2 .imgBox p {width:145px; margin:0; padding:0; font:normal 13px Verdana, Arial, Helvetica, sans-serif; color:#666; text-align:center} #otherPromoHolder .box2 .row2 #qvipImg1 {background:url(../images/qvip_car_img.jpg) 17px 22px no-repeat} #otherPromoHolder .box2 .row2 #qvipImg2 {background:url(../images/qvip_carfax_img.jpg) 16px 22px no-repeat} #otherPromoHolder .box2 .row2 #qvipImg3 {background:url(../images/qvip_flower_img.jpg) 17px 22px no-repeat} #otherPromoHolder .box2 .row2 #qvipImg4 {background:url(../images/qvip_exchange_img.jpg) 17px 22px no-repeat} /*#otherPromoHolder .panelTitleRow {width:auto; height:20px; padding:0 0 14px; margin:0}*/ /**************************************************************************/ /* END:Finance Specials and QVIP Promo Box ********************************/ /**************************************************************************/