/* =containers ---------------------------------------------*/ #cWrap1 {width: 993px; margin: 0 auto; padding-bottom: 27px;} #container {width: 960px; max-width: 960px; margin: 0 16px 0 17px; font-family: Arial, Helvetica, sans-serif;} #contentWrap {padding-bottom: 10px;} .popup #container {margin: 0;} /* =grid adjustments ---------------------------------------------*/ .unit {margin: 0 10px;} .unit .unit {margin: 0;} .unit .unit .unit {margin: 0;} .t2vDetails #region0, .t3 #region3 {margin:0 7px;} .t2vDetails #region2 {margin: 0 8px 10px 335px;} .t2vDetails #region1 {width: 335px; margin-bottom:10px;} .t2vDetails #region1 .group1 .unit {margin: 0 0 0 10px;} .t4 #region0, .t3 #region0 {margin: 0; width: 714px;} .t3 #region1, .t4 #region1 {width: 245px; min-height: 400px; padding-bottom: 10px; font-size: 85%;} .t3 #region1 .unit, .t4 #region1 .unit {margin: 0;} .t3 #region1 .unit .widgetWrap, .t4 #region1 .unit .widgetWrap {padding: 10px;} .t3 #region1 h3, .t4 #region1 h3 {margin: 0; padding: 5px 0 6px 10px; font-size: 100%;} .group3 .unit, .group3 .group3, fieldset.group3 .unit {width:30%;} /* =sifr -------------------------------------------------------------- */ .sIFR-flash{ visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate{ position: absolute; left: 0; top: 0; width: 0; height: 0;display: block; overflow: hidden; } /* =general styles ---------------------------------------------*/ a {text-decoration: underline; font-weight: bold;} .content p {line-height:1.3;} object {outline: none;} /* =header ---------------------------------------------*/ #header {position: relative; min-height: 88px; margin: 0 auto;} #header:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} #fLogoWrap {float: left; width: 185px; min-height: 88px; position: relative; top: 9px; left: 5px; } #header #fLogo {display: block;} #header #infoWrap {float: left; width: auto;} #header h1 {float: left; width:600px; margin: 0; padding: 21px 0 0 20px; font-size: 189%; text-transform: uppercase;}/* DNA922919 - added width for sifr */ #header #flashHeaderDealerNameWrap {float: left; width: 600px; margin-bottom: -5px; padding-top: 25px; padding-left: 20px;} #header #hContactInfo {float: left; margin: 0 2px 0 0; padding-left: 23px; font-size: 85%; font-weight: bold; } #header #hContactPhone {position: absolute; top: 9px; right: 10px; line-height: 1.1em;} #header #hContactPhone li {float: left; padding-left: 10px; text-align: right; font-size: 85%; } #header #hContactPhone h3 {margin: 0; font-size: 107%; font-weight: bold;} #hNav {position: absolute; right: 5px; top: 5px;} #hNav li {display: inline; font-size: 85%; border-left: 1px solid; } #hNav li.firstNavItem {border: none;} #hNav a {font-weight: normal; text-decoration: none;} #hNav a span {padding: 0 2px 0 5px;} #header .blinkDlr {height: 43px; width: 120px; display: block; position: absolute; right: 7px; bottom: 18px;} /* =fiat header ---------------------------------------------*/ .fiatStudio #header{height: 100px; width: 960px; margin: 0 auto; padding-top: 14px;} .fiatStudio div#hMovieWrap:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} .fiatStudio #fLogoWrap{display: none;} .fiatStudio #fLogoWrap #fLogo{height: 80px; width: 117px; margin: 0 auto;} .fiatStudio .sIFR-active #header h1{line-height: .5em;} .fiatStudio #header h1, .fiatStudio #flashHeaderDealerNameWrap {float: left; width: 100%; min-width: 300px; margin: 0 0;padding-top:15px; padding-left: 145px; font-family: "gill sans", impact; font-size: 297%; font-weight: normal; text-transform: uppercase; } .fiatStudio #header h1 .sIFR-alternate{margin: 5px 0 0;} .fiatStudio #header h1 .sIFR-flash{height: 60px; margin: 0 0;} .fiatStudio #header #hContactInfo{float: left; width: 60%; margin-top: -5px;padding-left: 145px; font-size:92%;} .fiatStudio #header #hContactInfo .address1{margin-right: 1px;} .fiatStudio #header #hContactPhone{position: absolute; top: 38px; right: 20px; text-align: right;} .fiatStudio #header #hContactPhone li {font-size:100%; font-weight: bold;} .fiatStudio #header #hContactPhone h3{font-size:107%; font-weight: bold;} .fiatStudio #hContactPhone h3 span {display: block;} .fiatStudio #hContactPhone .hCPhone2{font-size: 92%; font-weight: bold;} .fiatStudio #header .valueStatement {clear: left; position: absolute; top: 85px; left: 128px; font-size: 100%; font-weight: bold;} .fiatStudio #header #hContactPhone li.hCPhone2 {display: none;} * html .fiatStudio #header h1 {width: 600px;} /*-- preowned header --*/ .preowned #fLogoWrap {display: none;} .preowned #header #hDealerName {left: 2%;} .preowned #header #hContactInfo {left: 2%;} .preowned #header #hContactPhone h3 { font-size: 167%; margin-bottom: .25em; } .preowned #header #hContactPhone li span { display: none; } /*-- group header --*/ .groupSite #header #fLogoWrap, .groupSite #header #hContactInfo, .groupSite #header #hContactPhone {display: none;} .groupSite #header h1 {left: 1%; width: 90%; font-size: 314%;} /*fiat showroomslideshow */ .fiatStudio .t1 #region0 .fiatslideshow {height: 300px; width: 960px; padding: 4px 0 4px 5px;} .fiatStudio .fiatslideshow .last {margin: 0;} .fiatStudio .slideShow .widgetWrap {position: relative;} .fiatStudio .slideshowControls li {position: absolute; bottom: 140px;} .fiatStudio .slideshowControls li.prev {padding-left: 1px;} .fiatStudio .slideshowControls li.next {left: 904px;} .fiatStudio .slideshowControls li.play, .slideshowControls li.paused, ul.slideIndex {display: none;} .fiatStudio .slideshowControls li a {border: none; height: 45px; width: 45px;} .fiatStudio .slideshowControls li a span {position: absolute; text-indent: -99999px;} /* =navigation ---------------------------------------------*/ #navWrap {clear: both;} #siteNav {padding-left: 2px;} #siteNav li {font-size: 85%; font-weight: bold; font-family: verdana, sans-serif; } #siteNav li a {margin: 0; padding: 4px 14px 7px;} #siteNav.moparNav li a {padding-left: 12px; padding-right: 12px;} .frCA #siteNav li a {padding: 4px 11px 7px;} #siteNav li ul {width: 186px; margin: 0 0 0 -2px; padding: 1px 0 0 0; border: none; font-size: 114%;} #siteNav li li {width: 100%;} #siteNav li ul li a {margin: -1px 1px 0 1px; padding: 6px 0 8px 0;font-weight: bold; font-size: 92%;} .frCA #siteNav li ul li a {padding: 6px 0 8px 0;} #siteNav li ul li.last a {margin-bottom: 4px;} #siteNav li li a span {display:block; margin:0; padding: 0 0 0 12px;} /* =titleWrap ---------------------------------------------*/ #titleWrap {min-height: 33px; position: relative;} #titleWrap h2 {position: absolute; top: 4px; left: 8px; width: 700px; margin: 0; font-size: 136%; font-weight: bold; font-family: Helvetica, Arial, sans-serif; letter-spacing: 0.05em; text-transform: uppercase; } .fiatStudio #langBtn {display: none;} /* =widgets ---------------------------------------------*/ #region1 .widget.links h3 {margin: 0;} #contentWrap #region1 .widget.links .widgetWrap {padding: 4px 23px 10px 22px; } #region1 .widget.links li {margin: 6px 0 0 0; line-height: 1.1em;} .gmap p {padding: 0 12px;} #region1 .widget.links li a, .gmap a {display: block; padding: 2px 0 3px 8px; text-decoration: none; font-size: 92%;} #region1 .widget.links li a span, .gmap a span {padding: 0;} #region0 .gmap {padding: 5px 0 0 0;} .faqlinks a {text-decoration: underline;} .faq .highlight {text-decoration: underline; font-size: 144%;} #container .group2 .unit {width: 47%;} #container .group2 .unit .unit, #container fieldset .group2 .unit {width: auto;} .widget.iframe { margin-top: 30px; } #region1 #gmapWidget {margin-top: 15px;} .t4 #region1 .contactInfo .widgetWrap {line-height: 1em;} .t4 #region1 .contactInfo #tel {padding-top: 3px;} .contactInfo dd dt {width: 65px;} #region1 .widget.tipTicker {margin:0; padding-top: 2em;} .hours li {margin-bottom: 2px;} .hours li em{font-style:normal;} /* DNA1458499 */ #priceToolTip { z-index: 50; padding: 10px; min-height: 100px; width: 200px; border: 2px solid; } * html #priceToolTip { height: 100px; } * html #fullview .media { position: static; } * html #fullview .vehicle { position: static; } *+html #fullview .media { position: static; } *+html #fullview .vehicle { position: static; } /* =page specific ---------------------------------------------*/ .widget.image .widgetWrap {margin: 8px 0; text-align: center;} .secure .widgetWrap img{text-align: left; position: relative; top: 3px; left: 0;} #carBuilderHeader #breadCrumb {padding: 5px 0;} .unit #carBuilderContainer {margin: 0; padding: 0 9px;} #models_target {padding-top:10px;} #carBuilderContainer #indexAdvancedContainer {padding: 0 10px;} .unit #carBuilderContainer #indexCalcForm tr {line-height: 1.8em;} .unit #carBuilderContainer #indexCalcForm input {margin: 0 2px;} #carBuilderContainer #copyrights {padding-bottom: 10px;} #indexCalcForm #term {width: 67px;} #vENotifier {height: 235px; margin-top: 25px;} #enotifier .formerrors {margin: 0;} #vReview a, .faqs-overview a{font-weight:normal;} .faqs-overview h4 a{display:none;} #vTools {margin-bottom: 5px; padding-left: 0;} #vTools ul li {margin: 1px 2px;} #vComments {padding: 0;} #sVehicles {width: 100%;} #ajaxInventory h3 {display: none;} #ajaxInventory #compareForm #printContainer a {font-weight: normal;} #sbForm fieldset {background: none;} #SBcriteria select {width: 125px; margin: .2em;} p#vLocation strong {font-size: 107%;} p.noSpecials {font-size: 197%;} #sVehicles div {margin: 4px 0;} #sVehicles div:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} #financeMini input {width: 180px;} #fvPage {margin-bottom: 35px;} .htmlPopup #fvPage .fvWrap {display: block;} #fvPage .fvWrap {display: inline; padding: 5px;} #fvPage a {float: right; height: auto; margin: 2px 15px 4px 15px; padding: 3px 0; font-size: 85%; border: none;} #fvPage a span {margin-left:1px; padding: 3px 10px 3px;} iframe#contentFrame {width: 100%;} form#directions input {width: 180px;} form#directions .submit {margin-top: 15px;} form#directions .submit a {margin-bottom: 23px;} #financeLinks {padding-left:10px;} #financeLinks a:hover {text-decoration: underline;} #finance .fieldset6 {margin-bottom: 1em;} .privacyStatement textarea {font-size: 100%;} #finance .authorize input {width: 100px;} .autorizetext {left: 10em; top: -3.9em;} a.toplink:hover {text-decoration: underline;} #testimonials blockquote {border:none;} #employmentList {margin-top:4em;} #specialsListing {margin-bottom: 30px; padding-top: 20px;} #region1 #contactMini fieldset {padding: 0; background: none; border:none;} #region1 #contactMini .submit a {font-size: 100%;} #serviceApptForm label, #servicecenterapptform label, #parts label, #partsorderform label, #finance label{padding:2px 0 3px;} #serviceApptForm .fieldset2 .radio{margin-bottom:0;} #vFeatures div ul li, #vTechSpecs div ul li{margin-bottom:2px; list-style-type:disc; } .listings #printContainer input {border: none;} .listings #SBcriteria {margin-top: 20px;} #invSmartbrowse fieldset {padding-top: 5px; padding-bottom: 5px;} #invSmartbrowse label {margin-right: 0;} #tradein .fieldset0, #tradein .fieldset1 {height: 26em;} #tradein .fieldset2, #tradein .fieldset3 {height: 21em;} #tradein .fieldset4, #tradein .fieldset5 {height: 12em;} .faqs-overview ul li a:hover {text-decoration: underline;} #infoRequest {padding-bottom: 30px;} #infoRequest .fieldset1 {width: 651px;} .privacyPolicy ul {list-style-type: disc; list-style-position: inside;} .detailsDisclaimer {text-align: center; font-size: 85%;} .offerImage img {width: 940px;} .offerImage h3 {font-weight: normal; font-size: 122%; text-transform: uppercase;} .promo form fieldset {border: none;} .promo form legend {display: none;} .htmlPopup fieldset {background-image:none;} /* =raq ---------------------------------------------*/ #raq .overview #primaryContent{ margin-left: 20px; } #raq .overview #primaryContent h3{ padding: 0 15px; line-height: 1.667; /* approx. 40px */ } *+html #raq #primaryContent h3{ width: 588px; } *+html #raq #primaryContent .group1{ width: 588px; margin: 0 auto 20px auto; } .raqForm{ margin-right: 20px; } .raqForm h3{ padding: 0 15px; line-height: 2.667; /* approx. 40px */ } .submitItem .submit a{ display: block; padding-top: 0; padding-bottom: 0; } .submitItem .submit a span{ display: block; } /* =parts and service center pages (_3 and _4) -------------------------------------------------------------- */ .t3a #region0 .group1b .u2, .t3a #region0 .group1b .last, .t4a #region0 .group1b .u2, .t4a #region0 .group1b .last {padding:1px 0 3px 4px;} .t3a #region0 .group1b h3, .t4a #region0 .group1b h3 {margin:2px 0 0.8em 0;} .t3a #region0 .group1, .t4a #region0 .group1 {margin-top:10px;padding:1px 0;} .jdPower #region0 .group1{padding-top:38px;} .partsForm fieldset, .serviceForm fieldset {margin: 1em 0.5em;} .serviceForm #serviceApptForm .preferredAppointmentDate input {width: 81%;} .t3a .news, .t4a .news {padding-top:1px;} .t3a .news h3, .t4a .news h3 {margin-top:1em;padding-top:1em;border-top:2px solid;} .t4a .news h3 {width:99%;} .t3a .links, .t4a .links {padding:1px 5px 12px 8px;} .t3a .links h3, .t4a .links h3{margin:0.3em 0 0.8em 0;} /* =cllc xtime service page addition :: DNA1002780 */ .t3a #region1 .buttonBlock {margin-top:10px;padding:16px 0;} .t3a .group1b .first img, .t4a .group1b .first img {width: 290px;} /* =carfinder ---------------------------------------------*/ .t1 .group2b .first .swf {padding-top:8px;} #container #carfinder {position: relative; clear: both; width: 890px; font-size: 92%;} #container #carfinder legend {color: #fff; font-weight: bold; margin-bottom: -44px; font-size: 114%;} #carfinder fieldset {border: none; margin: 0;} #carfinder .fieldset0 input {padding: 3px; font-size: 197%;} #carfinder .fieldset0 {width: 308px; margin-bottom: 0; padding-top:41px;} #carfinder .fieldset0 .unit {height: 200px; padding-bottom: 9px;} #container #carfinder .fieldset1 {width: 502px; height: 468px; padding: 38px 28px 0;} #container #carfinder .fieldset1 .formunit1 {right: 2.5em;} .esUS #carfinder .fieldset1 {width: 516px;} #container #carfinder .fieldset1 .formunit0 {height: 412px; width: 400px;} #carfinder .fieldset1 label {padding: 7px 0;} #carfinder .duration label {margin-left: 1em;} #carfinder .minYear, #carfinder .minPrice, #carfinder .minMileage {width: 11em;} #carfinder .maxYear span, #carfinder .maxPrice span, #carfinder .maxMileage span {position: relative; top: 16px; left: -30px;} #carfinder .fieldset1 .comments {position: absolute; bottom: 20px; left: 0; color: #fff; text-transform: uppercase;} #carfinder .fieldset1 .comments span {position: relative; top: -25px; font-size: 114%;} #carfinder .fieldset1 .comments textarea {width: 470px; height: 130px;} #carfinder .fieldset2 {position: absolute; bottom: 29px; left: 0; width: 309px; height: 16em; margin: 0; padding-top: 55px; } #carfinder .fieldset2 input {margin-top: 4px;} #carfinder .fieldset2 .radio {margin-right: 5px; margin-bottom: -2px;} #carfinder .submit a {position: relative; top: -38px; margin-top: 0; font-size: 100%;} /* DNA1113864 safari fix for carfinder form -- Do not remove the following*/ #container .safariFix #carfinder legend {position: relative; top: 25px;} .safariFix #carfinder .fieldset0 {padding-top: 35px;} #container .safariFix #carfinder .fieldset1 {height:476px;} /* =inventory thumb adjustment ---------------------------------------------*/ #vThumb {margin-top: -84px;} .toolbarPresent #vThumb { margin-top: -110px;}/* =26 more than vThumb */ .toolbarOpen #vThumb { margin-top: -330px;}/* =220 more than toolbarPresent */ .inv-t3 #vehicle-header {padding-top: 0; font-size: 85%;} #TB_window form .submit a {width: 80px; margin-right: 20px; font-size: 92%;} #TB_window form .submit a span {padding: 2px 22px 3px 20px;} #cllcincentivesprogramform fieldset input, #cllcincentivesprogramform fieldset textarea {width: 95%;} #cllcincentivesprogramform .contactEmail input, #cllcincentivesprogramform .contactPhone input {margin-left: 0;} #cllcincentivesprogramform p {padding: 20px;} /* =inventory temporary fix. Delete later ---------------------------------------------------------------------------------------------------------------*/ .inv-t3 #media {display: none;} /*--------------------------------------------------------------------------------------------------------------*/ /* =mslp */ .mslp fieldset{padding:0 .5em;} /* =showroom */ #showroom{ margin-top: 20px; } #showroom .group1 .first .widget{ margin-left: 20px; } #showroom object, #showroom embed{ display: block; margin: 0 auto; } #showroom #primaryContent {border: 1px solid;} #showroom #primaryContent .price {font-size: 122%; border: none; background: none;} #showroom #primaryContent .price em {font-size: 279%;} #primaryContent .group2a .last {width: 33%;} #showroom .overview #primaryContent {border: none;} #showroom .mpg dd {height: 50px; text-align: center;} .frCA #showroom .mpg dd {font-size: 92%;} #showroom .mpg dd em {margin: 0;} .frCA #showroom #stateField, .frCA #showroom #stateField select, .enCA #showroom #stateField, .enCA #showroom #stateField select {width: 175px;} .frCA #showroom #zipField, .enCA #showroom #zipField {width: 120px;} #showroom .links .widgetImageWrap {height: 122px;} #showroom .links .widgetWrap {border-bottom: none;} #showroom .links li {border-bottom: 1px solid;} #showroom .links a {padding: 4px 5px 4px 10px; text-decoration: none; font-size: 92%;} /* =makes push tabs */ #showroom #makes{ overflow: hidden; width: auto; height: 64px; margin: 0 auto; padding: 20px; } #showroom #makes li{ float: left; width: 190px; height: auto; margin: 0; padding: 0; border: 0; } #showroom #makes li a{ display: block; width: auto; height: 42px; margin: 0 0 0 10px; } #showroom #makes li a span{ display: block; height: 42px; text-indent: -9999px; } #showroom #makes .lastMake a, #showroom #makes .last a{ margin: 0; padding: 0 0 0 10px; } #showroom #modelsWrapper {overflow-x: auto;} /* =fiatshowroom */ #showroom .fiatstudio #primaryContent .price, .fiatstudio #modelsTab .submit, .fiatstudio #primaryContent h3 span.bodystyle {display: none;} .fiatstudio #modelsTab img {height: 75px;} .fiatdefault #showroom #primaryContent {min-height: 420px;} #showroom .fiatstudio #primaryContent .mpg {margin: 120px 0 0 10px;} #showroom .fiatstudio #primaryContent h3 .make {text-transform: uppercase;} .fiatstudio #secondaryContent form {min-height: 387px;} .fiatstudio #modelsWrapper {overflow-x: auto;} *+html .fiatstudio #secondaryContent form {min-height: 368px;} /* =inv v4 */ #contentWrap .widget .discountAmount, #contentWrap .widget .discountAmount *{ font-weight: bold; } /* =inv v4 listing ------------------------*/ #listings .group2b .unit {width: 28%;} #listings .group2b .first {width: 71%;} #comparing div.compareDeselect a {padding-left: 0;} #fullview .vehicle {padding: 5px 0 7px; border:none;} #fullview .vehicle h2 {font-size: 107%; padding-bottom: 5px;} #fullview .media {display: inline; padding-left: 10px;} #fullview .details {font-size: 92%; font-weight: bold;} .frCA #fullview .details {width: 475px; font-size: 85%;} .frCA #fullview .details dt {width: 120px;} .esUS #fullview .details {width: 475px; font-size: 85%;} .esUS #fullview .details dt {width: 120px;} #fullview .details dd {width: 137px; margin-left: 3px;} .frCA #fullview .details dd {width: 105px; margin-left: 2px;} .esUS #fullview .details dd {width: 105px; margin-left: 2px;} #fullview .badges {width: 120px; padding-right: 10px;} .frCA #fullview .badges {width: 115px;} .esUS #fullview .badges {width: 115px;} #fullview .misc {width: 160px; margin-bottom: 0; position: static; } .frCA #fullview .priceUnlisted {font-size: 92%;} /* =Walser I'll Take It button VLP*/ #listings #fullview li .misc .illTakeItVLP {display:block; clear:left; height:25px; margin:5px 0;} #listings #fullview li .misc .illTakeItVLP a {display:block; height:25px; width:140px; text-decoration:none;} #listings #fullview li .misc .illTakeItVLP a span {display:block; height:25px; padding:2px 27px 0 0; font-size:100%;} #listings #fullview li .misc .illTakeItVLP a:hover {text-decoration:underline;} .illTakeItVLP .tooltip {display:none; height:185px;} .illTakeItVLP .tooltip .tooltipContent {height:135px; width:230px; padding:15px; border:1px solid; border-bottom:none; font-size:92%; line-height:1.5em; text-align:left;} .esUS .illTakeItVLP .tooltip {height:200px;} .frCA .illTakeItVLP .tooltip {height:201px;} .esUS .illTakeItVLP .tooltip .tooltipContent {height:150px;} .frCA .illTakeItVLP .tooltip .tooltipContent {height:150px; width:233px;} /* =inv v4 details ------------------------*/ .inv-t3 #vehicle-header h1 {width: 760px; padding: 10px 0 10px 10px;} #location span.adr { display: block; } .frCA #payment-calculator fieldset {width: 380px;} .frCA #payment-calculator label {width: 92px;} .frCA #payment-calculator .trade {width: 118px;} .frCA #payment-calculator .term {width: 160px; padding-left: 5px;} .frCA #payment-calculator form label span {font-size: 85%;} .frCA .inv-t3 #mpg {font-size: 85%;} .frCA .inv-t3 #mpg dl {margin-bottom: 10px;} .frCA .inv-t3 #mpg dt, .frCA .inv-t3 #mpg dd {width: 100px;} .frCA li.tool.lead a span {line-height:1.5; padding-right:7px;} /* DNA1167185 // Adjusted inventory details layout to support long label names */ #cWrap2 .inv-t3 .group2 .first {width: 53%; } #cWrap2 .inv-t3 .group2 .last { width: 47%; } #overview dl .secondaryPrice { line-height: 1.65; } #overview dt { width: 51%; margin-right: 1%; } #overview dd { width: 48%; } #overview #mpg { width: 280px; } #overview #mpg dt, #overview #mpg dd { width: 50%; } #mpg .city { left: 0; } #mpg .hwy { right: 0; } /* end DNA1167185 */ /*=[inventory price styling - DNA1661473 ddcmelanies]*/ #fullview .salePrice span {display:block; float:left; font-weight:bold;} #fullview .salePrice em {font-size:144%; font-weight:bold;} /*=[end DNA1661473]*/ /* JIRA-11654 // VDP Mopar icon */ #tools .chrome-parts span {background: url("/v8/templates/660/images/inventory/details/icon-mopar.gif") no-repeat scroll 5px 50% transparent;} /* =Walser I'll Take It button VDP*/ .illTakeItVDP {display:block; clear:left; margin:0 0 10px;} .illTakeItVDP a {display:block; height:40px; width:46%; text-decoration:none;} .illTakeItVDP a span {display:block; height:40px; padding:9px 50px 0 14px; font-weight:bold; font-size:122%;} .illTakeItVDP .tooltip {display:none; height:175px;} .illTakeItVDP .tooltip .tooltipContent {height:125px; width:261px; padding:15px; border:1px solid; border-bottom:none; font-size:85%; line-height:1.5em;} .esUS .illTakeItVDP a {width:48%;} .frCA .illTakeItVDP a {width:52%;} .esUS .illTakeItVDP .tooltip {height:190px;} .frCA .illTakeItVDP .tooltip {height:193px;} .esUS .illTakeItVDP .tooltip .tooltipContent {height:140px; width:275px;} .frCA .illTakeItVDP .tooltip .tooltipContent {height:142px; width:284px;} *+html .illTakeItVDP a, *+html .esUS .illTakeItVDP a, *+html .frCA .illTakeItVDP a {width:auto;} *+html .illTakeItVDP a span {font-size:65%;} *+html .frCA .illTakeItVDP a span {font-size:52%;} *+html .illTakeItVDP .tooltip .tooltipContent {font-size:44.5%; font-weight:normal;} /* =forms ------------------------*/ form:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}/*DNA1304470*/ fieldset {margin: 2em .5em; padding: 0 0 0 2em;} fieldset .group2 .first, fieldset.group2 .first {width: 45%;} fieldset .unit {padding: 10px 0 20px;} #container legend {font-size: 122%; text-transform: uppercase;} label span {font-weight: bold;} select, textarea, input {padding: 2px; border: 1px solid;} textarea, input {font-size: 129%;} #contentWrap .required {font-weight: bold;} #contentWrap p.required {margin-left:5px;}/*DNA1304470*/ .formerrors {display: none; margin: 1em 5px 2.5em 5px; padding: 1em; border-width: 3px; border-style: solid;} .formerrors strong {margin-right: 5px; font-size: 120%;} #eprice .submit a span {padding: 1px 0 3px 0;} /* =DNA1453309 */ .financeForm #cciFinanceCenter .applicantContactEmail input, .financeForm #cciFinanceCenter .applicantContactPhone input, .financeForm #ccifinancecenter .applicantContactEmail input, .financeForm #ccifinancecenter .applicantContactPhone input {width:86%;} .financeForm #finance label.applicantContactAddressState {width:auto;} .financeForm #finance label.applicantContactAddressPostalCode {width: 125px;} .financeForm #cciFinanceCenter #preferredContactMethod label, .financeForm #ccifinancecenter #preferredContactMethod label {float:left; clear:left;} #showroom .postalCode {width:90%;} /*=DNA1765825*/ * html .financeForm #finance #preferredContactMethod label {width:auto;} *+html .financeForm #cciFinanceCenter #preferredContactMethod label, *+html .financeForm #ccifinancecenter #preferredContactMethod label {float:left; clear:left;} /* =end */ .frCA .financeForm #finance label.applicantContactAddressPostalCode {width: 160px;} .frCA .contactPreferredContact {float: left;} .frCA .serviceForm #serviceApptForm .preferredAppointmentDate input {width: 84%;} #eprice fieldset {margin: 0; font-size: 85%;} #eprice .formerrors {margin-bottom: 1em;} #eprice textarea {height: 90px;} #eprice .submit a {margin-right: 0; margin-bottom: 0;} /*DNA1176243*/ .t4 #region1 fieldset.group2 .unit {width: 100%;} .t3 #region1 fieldset.group2 .unit {width: 100%;} .t2 .contact .formunit1{float:left;} .t2 .contact input{width:91%;} #region0 .serviceForm fieldset {border:none;} /* =CCI Zip Code updates */ /*#servicecenterapptform #preferredContactMethod span {display:block;} #servicecenterapptform #preferredContactMethod .contactPreferredContact{float:left; display:inline;} #region0 .serviceForm fieldset {border:none;}*/ /*DNA1781459 inline parts form radio and labels ddcdustyr*/ form#parts .fUnit0 #preferredContactMethod, form#partsorderform .fUnit0 #preferredContactMethod {margin:4px 0;} form#parts .fUnit0 #preferredContactMethod span, form#parts .fUnit0 #preferredContactMethod label, form#parts .fUnit0 #preferredContactMethod .contactPreferredContactSep span.label{display:inline;} form#parts .fUnit0 #preferredContactMethod .contactPreferredContactSep input.radio{width:auto;} /*end DNA1781459*/ /*=[DNA1802038 ddcmelanies]*/ .preferredAppointmentDate .date {font-size:120%;} #partsorderform h4, #servicecenterapptform h4 {border-color: #666666; border-style: solid; border-width: 2px 0 0; color: #333333; font-size: 100%; margin: 0; padding: 0.5em 0 0 12px;} #partsorderform fieldset, #servicecenterapptform fieldset {border-width: 0; margin-left: 0; padding-left: 12px; padding-top: 0;} #partsorderform .contactPreferredContact input, #servicecenterapptform .contactPreferredContact input {width: auto;} /* =I'll Take It Form */ .t4 .widget.content .widgetWrap {padding:0;} .t4 .illTakeItVerbiage {padding:0 15px 0 0; line-height:1.5em;} .voi-illTakeIt #voi {min-height:115px; width:575px; margin:2em 0; padding:10px; font-size:85%;} .voi-illTakeIt #voi dt {font-size:167%; font-weight:bold; border-bottom:none;} .voi-illTakeIt #voi dd#image {float:left; width:110px; height:83px; margin-top:5px; border:1px solid;} .voi-illTakeIt #voi dd#bodyStyle {display:none;} .voi-illTakeIt #voi dd#specs {float:left; width:452px; margin:10px 0 0 10px;} .voi-illTakeIt #voi dd ul {margin-right:0;} .voi-illTakeIt #voi #specs .col1 {float:left; width:220px; padding:0 5px 0 0;} .voi-illTakeIt #voi #specs .col2 {float:left; width:220px; padding-bottom:0;} .voi-illTakeIt #voi #specs dd {clear:left; float:left; width:90px; padding-bottom:5px;} .voi-illTakeIt #voi #specs dt {float:left; width:110px; font-size:92%;} #illtakeitform p.required {font-weight:normal;} #illtakeitform h4 {width:580px; margin:0 0 0 2px; padding:0.8em 0 0.8em 12px; font-size:122%;} #illtakeitform fieldset {width:563px; margin:0 2px 0; padding:0 0 50px 27px;} #illtakeitform fieldset .first {float:left; width:48%;} #illtakeitform fieldset .fUnit1 {float:left; width:48%; padding:0 0 0 10px;} #illtakeitform label span {display:none;} #illtakeitform input {width:90%; margin:5px 0; padding:3px 0 3px 4px; font-size:122%;} #illtakeitform select {width:92%; margin:3.8px 0; padding:3px 0 3px 4px; font-size:122%;} #illtakeitform .submit {position:absolute; margin-top:-35px; margin-left:488px;} .t4 .illTakeItDisclaimer {padding-top:10px; font-size:85%;} *+html #illtakeitform .submit {margin:260px 0 10px -135px;} /* =buttons ------------------------*/ .buttonWrap, .submit a {float: right; display: inline; margin: 5px 20px 10px 5px; padding: 0 0 0px 17px; font-size: 85%; text-decoration: none;} .submit a span {display: block; padding: 2px 20px 3px 0;} a#globalPrint, a#langBtn, a#fiatlangBtn {float: right; width: 118px; display: inline; margin: 5px 0 0 5px; padding: 1px 0 5px 0; font-size: 77%; text-decoration: none;} a#fiatlangBtn {position: absolute; top: 0; right: 122px;} a#globalPrint span, a#langBtn span, a#fiatlangBtn span {padding: 0 0 0 4px;} #invSmartbrowse .button, .buttonWrap button{ clear: none; float: left; margin: 10px 0; font-size: 92%; } .buttonWrap {padding: 0 0 5px 13px;} .buttonWrap button, .buttonWrap button:hover {display: block; border: none; margin: 0; padding: 2px 16px 0 0; font-weight: bold;} #invSmartbrowse .button a{ margin-left: 5px; padding-left: 20px; background-position: -5px -24px; } #invSmartbrowse .button a:hover{ background-position: -5px -70px; } #invSmartbrowse .button a span{ padding-right: 10px; } #comparing .button{ font-size: 92%; background: none; } #comparing .button a{ background: none; } #comparing .button a:hover{ background-position: 5px 50%; } #comparing .button a span{ background: none; } * html .buttonWrap button, * html .hand button, * html .buttonWrap button.hand {padding-top: 5px;} *+html .buttonWrap button, *+html .hand button, *+html .buttonWrap button.hand {padding-top: 5px;} /* =footer ---------------------------------------------*/ #footer {min-height: 38px; clear: both;} #ddcLink {top: 25px; left: 25px; height: 20px; width: 90px;} #fContact {top: 25px; right: 15px; font-size: 85%;} #footer #fNav {top: 4px; font-size: 85%; line-height: 12px;} #fNav li { padding: 0 7px; border-right-width: 1px; border-right-style: solid;} #fNav .fNavLast {padding-right: 1em; border-right-style: none;} #fNav .fNavFranchise {border-left: 1px solid; border-right: 0;} #footer #fNav a {text-decoration: none; font-weight: normal;} #footer #fNav a:hover {text-decoration:underline;} /* =c4c =cashforclunkers--*/ #cashForClunkersTradein fieldset{margin:1em .5em; padding:0;} /* =cpo =certified pre-owned vehicles ---------------------------------------------*/ .cpov #region0 {float: left;} .cpov p.intro {font-size: 92%; line-height: 1.5;} .ui-accordion { width: 100%; } .ui-accordion h4 {margin: 20px 20px 0 0; font-size: 182%; font-weight: normal; text-transform: uppercase;} .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; height: 26px; margin-top: 0; margin-bottom: 0; zoom: 1; font-size: 92%;} .ui-accordion p {margin: 15px 0 0 0;} .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; padding: 6px 10px 6px 30px; text-decoration: none;} .ui-accordion .ui-accordion-content { padding: 0 10px 25px; border-top: 0; margin-top: 0; position: relative; top: 1px; margin-bottom: 0px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } .ui-accordion .ui-accordion-content-active ul {margin-top: 20px; list-style: disc inside; line-height: 1.7;} .ui-accordion .ui-accordion-content-active ul.nested {margin:0 0 0 20px;} .cpov .disclaimer {margin-top: 20px; font-size: 77%;} /* image - logo*/ .cpov #region1 .group1 .first {margin-left: 0;} .cpov .image .widgetWrap {margin-top: 25px;} .cpovlink h3 {height: 48px; padding: 10px 20px; font-size: 136%; text-align: center;} .cpovlink h3 a {text-decoration: none;} /* cpov contact form*/ .cpov .formWidget {width: 298px;} .cpov .formWidget .widgetWrap {border: 1px solid; border-top: none;} .cpov .formWidget h3 {padding: 10px 20px 35px; font-size: 152%; font-weight: normal;} .cpov .contact h4 {padding: 0 32px 5px 23px; font-size: 107%;} .cpov .contact h4 span span {font-weight: normal;} .cpov .contact h4 em {display: block; padding-top: 15px; font-style: normal;} .cpov input, .cpov select, .cpov textarea, .cpov .contactEmail input, .cpov .contactPhone input {width: 87%; margin-left: 10px; font-size: 129%;} .cpov select {width: 90%;} .cpov select option {font-size: 92%;} .cpov label.error {margin-left: 10px;} .cpov .fFieldset0 {padding-bottom: 15px;} .cpov .buttonWrap {padding: 0 0 0 15px;} .cpov .buttonWrap button {margin-top: 0; border: none; padding: 1px 15px 2px 0;} .cpov p {margin-top: 0;} * html #cpov {padding-bottom: 40px;} *+html #cpov {padding-bottom: 40px;} *+html .cpov .buttonWrap button {padding-bottom: 0;} /* =ADS-331 CLLC Custom Ad Display Landing Pages ---------------------------------------------*/ .cllc-dynamic-pricing { padding: 10px 10px 0 10px; } .dalp-incentives p, .cllc-dynamic-pricing p { margin: 0; padding: 0; } .t3 #region1 .dalp-incentives h3 { margin: 10px 0; } .dalp_first { font-size: 14px; font-weight: bold; } .dalp_price { font-size: 32px; font-weight: bold; } .dalp_month { font-size: 18px; } .dalp_period, .dalp_last { font-size: 14px; } .dalp_contact_instructions { margin-top: 10px; } .t3 #region1 .widget.content.dalp h3, .t3 #region0 .widget.content.dalp h3 { padding: 5px 0 6px 10px; font-size: 12px; margin-top: 0; } .widget.contactWidget.dalp { margin-left: 10px; } .widget.contactWidget.dalp #phoneMethod { top: 62px; } .widget.contactWidget.dalp #emailMethod { top: 21px; } .widget.contactWidget.dalp label.contactEmail, .widget.contactWidget.dalp label.contactPhone { min-height: 35px; } #region0 .group2 .widget.content.dalp { width: 262px; padding-top: 10px; } .widget.content.dalp a.searchlink { display: block; float: right; margin: 5px 0 10px 5px; padding: 0 0 5px 13px; text-decoration: none; } .widget.content.dalp a.searchlink span { display: block; position: relative; padding: 2px 16px 0 0; font-size: 92%; font-weight: bold; } /* = custom disclaimer on vdp JIRA-14771*/ .disclaimer .cllcPaymentDisclaimer{display:block; margin:0 auto 10px; font-size:144%; font-weight:bold;} /* helios vlp styling */ .heliosResults #fullview .button{ padding: 0; width:auto; } .heliosResults #fullview .button a {float: right; display: inline; margin: 5px 20px 10px 5px; padding: 0 0 0px 17px; height:18px; font-size: 85%; text-decoration: none;} .heliosResults #fullview .button a:hover { text-decoration: none; } .heliosResults .button a span {display: block; padding:3px 20px 0 0; height:15px; line-height:1; font-weight:bold;} .heliosCriteria .button { text-decoration: none; text-transform: uppercase; } .heliosCriteria .button a { margin: 0; padding: 0; height: 18px; font-weight: bold; line-height: 27px; text-decoration: none; border: none; } .heliosCriteria .button a span { padding: 0 0 1px; margin: 0; height: 18px; line-height:19px; font-size:100%; text-transform:capitalize;} .heliosResults #fullview .misc{width:auto;} .heliosResultsTools .paging label input{padding:0; text-align:center; font-size:100%;} .heliosResultsTools .pagingJump ul{float:left; margin:0 3px 0 0; padding:0; } .heliosResultsTools .pagingJump li{width:27px;} .heliosResultsTools .pagingJump li a{display:block; height:20px; text-align:center; text-decoration:none;} .heliosResultsTools .pagingJump li a span{display:block; } .heliosTools .paging a, .heliosResults .paging a{margin-top:-6px; width:12px; height:22px;} .heliosResults #fullview .media .basePriceAndDiscount.multiplePricing span{margin-bottom:4px; width:45%; font-size:77%;} .heliosResults #fullview .media .basePriceAndDiscount.multiplePricing em{font-size:93%; font-style:normal;} .heliosResults #fullview .media .basePriceAndDiscount.noValue span{width:100%;} *+html .heliosResults #fullview .media .basePriceAndDiscount.multiplePricing em{width:53%; text-align:right;} *+html .heliosResultsTools{min-height:1px;} *+html .heliosResultsTools .sorts{min-height:1px;} *+html .heliosResults #fullview .button a{float:none; display:inline-block;} /* =IE6 ---------------------------------------------*/ * html #contentWrap {height: 600px;} * html #contentWrap legend {position: absolute; left: 10px; top: -.5em; line-height: 1; } * html .t2vDetails #region1 {position: relative; left: 2px; width: 336px;} * html #vTools ul li {margin: 1px;} * html #header {height: 88px;} * html #header #hContactInfo {width: 500px;} * html #siteNav li ul {padding: 0;} * html #siteNav li ul li {margin-top: -1px;} * html #siteNav li ul li a {height:1%;} * html #titleWrap {height: 33px;} * html .t3 #region1, * html .t4 #region1 {height: 400px;} * html fieldset {margin-top:1em; margin-bottom: 1em; padding-top: 15px;} * html .submit a, * html a#globalPrint, * html a#langBtn, * html #fvPage a {display: inline; padding-top: 0;} * html #eprice .submit a {display: block;} * html a#globalPrint span, * html a#langBtn span {display: inline-block; position: relative; padding-top: 1px; padding-bottom: 1px;} * html .submit a span, * html #fvPage a span {display: inline-block; position: relative; left: 1px; padding-top: 2px; padding-bottom: 2px;} * html #region1 .widget.links li a {height: 1px;} * html #directions .submit a {position: static; margin-top: 17px;} * html #employment {display: inline;} * html .listings #invFooter {padding: 0 0 1px;} * html #carfinder legend {top: 15px;} * html #container #carfinder .fieldset1 {width: 501px;} * html #carfinder .fieldset0 {padding-top: 38px;} * html #carfinder .fieldset1 .comments {padding-top: 50px;} * html #carfinder .fieldset2 {position: static; padding-top: 45px;} * html #container #carfinder .submit {display: inline;} * html .gmap .widgetWrap {height: 1%;} * html #vTools li {display:inline;} * html #finance .fieldset6 {margin-bottom: 0;} * html #media .widgetWrap li, * html #media .widgetWrap li a {width: 172px;} * html #media .widgetWrap li a.exterior span {padding: 0 30px 0 36px;} * html #cWrap1 #region1 #contactMini legend {left: -10px;} * html #region1 #contactMini fieldset {display: inline; padding: 10px 0 0; } * html #footer {height: 38px;} * html #footer #fNav {width: 70%;} * html #invSmartbrowse label {margin-right:0;} * html #invSmartbrowse .reset { top: -5px; float: left; clear: none; width: 50px;} * html #invSmartbrowse .compare {width: 180px; margin-right: 5px;} * html .group1 iframe{width:98%;} * html #serviceContact .fieldset1{width:94%;} * html #comparing .button a{ height: 21px; } * html #eprice {height: 1%;} * html #eprice fieldset {padding-right: 2em;} * html #eprice .submit a {margin-right: 30px;} * html .t2 #region1 .group1{float:left;} /* forms due to display inline on fieldsets*/ * html #contentWrap #region0 fieldset {display: inline;} * html #financeMini fieldset {width: 93%;} * html #parts .fieldset3 {float: right; width: 653px;} * html #parts .fieldset3 textarea {width: 574px;} * html #directions fieldset {width: 638px;} * html .contact .fieldset1 {width: 651px;} * html .t2 .contact .fieldset1{width:373px;} * html #partsContact .fieldset1 {width: 651px;} * html .coAppToggle {width: 931px;} * html #finance fieldset {width: 900px;} /* -- DNA914200 -- */ * html #footer #fNav {width:750px;} /* DNA922924 */ * html #TB_window #TB_ajaxContent form#vehiclelead .submit {position: static;} * html #TB_window #TB_ajaxContent form#vehiclelead .submit a span {position: static; margin-top: -1px; margin-left:1px; padding-top: 1px; padding-bottom: 3px;} /* =IE7 ---------------------------------------------*/ *+html #header #hContactInfo {min-width: 550px;max-width:620px;} *+html #header h1 {width:620px;padding-bottom: 5px;} *+html #header h1 object {margin-bottom: -9px;} *+html #contentWrap legend {position: absolute; top: -.5em; line-height: 1;} *+html #siteNav li ul li a {height: 1%;} *+html .t4 #region1 .widget.links li a {width: 97%;} *+html fieldset {padding-top: 8px;} *+html #employment fieldset {display: inline;} *+html #enotifier .formerrors {margin-top: 75px;} *+html #region1 #contactMini {padding-top: 10px;} *+html #region1 #contactMini fieldset {padding: 15px 0;} *+html #invSmartbrowse label {margin-right:0;} *+html #invSmartbrowse .reset { top: -5px; float: left; clear: none;} *+html #invSmartbrowse .compare {clear: both; width: 150px; margin-right: 0;} *+html #invSmartbrowse .compare a {display: inline-block;} *+html #carfinder legend {top: 15px;} *+html #container #carfinder .fieldset1 {width: 501px;} *+html #carfinder .fieldset0 {padding-top: 38px;} *+html #carfinder .fieldset1 .comments {padding-top: 50px;} *+html #carfinder .fieldset2 {position: static; padding-top: 53px;} *+html #container #carfinder .submit {display: inline;} *+html #directions .submit a {margin-top: 17px;} *+html #fvPage a span {display: inline-block; position: relative; padding-top: 0px; padding-bottom: 2px;} *+html #comparing .button a{ height: 21px; } *+html #TB_window form .submit a span {padding-top: 1px;} /* DNA922924 */ *+html #TB_window form .submit {position: static;} /* =IE8 ---------------------------------------------*/ * html #container #carfinder .fieldset0 {height:223px; overflow:hidden;} * html #container #carfinder .fieldset2 {padding-top:49px;} *+html #container #carfinder .fieldset0 {height:219px;} #container #carfinder .fieldset1 .formunit0 {width:300px \9;} #container #carfinder .fieldset1 .formunit1 {width:200px \9;position:relative \9; top:-10px \9;} #container #carfinder .formunit0 {position:relative \9; top:-12px \9;} #container #carfinder .formunit1 {position:relative \9; top:-10px \9;} #container #carfinder .fieldset0 legend {margin-bottom:0 \9;position:relative \9; top:-26px \9;} #container #carfinder .fieldset1 legend {margin-bottom:0 \9;position:relative \9; top:-24px \9;} #container #carfinder .fieldset2 legend {margin-bottom:0 \9;} #container #carfinder .comments span {margin-bottom:0 \9;position:relative \9; top:-30px \9;} #container #carfinder .fieldset2 {bottom:30px \9;} /* iPad Support - DNA1893756 */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .modelRibbon, .fvCoverflow { display: none; } }