@import url('/static/v9/media/css/jqueryui/v1.8.6/base/jquery-ui.css'); @import url('/static/v9/media/css/ddc/v1/default.css'); /*-- fix vertical ipad display initial zoom issues --*/ @media screen and (min-width: 768px) { .container-page { min-height: 520px; } } html body { font-family: helvetica, arial, sans-serif; min-width: 1040px; padding-bottom: 0; } div.content { font-size: 116%; } p { margin-bottom: 10px; } img { max-width: 100%; } .google-map img { max-width: none; } a { text-decoration: none; } a.back { padding-left: 10px; } .content h2 { font-size:116%; } .content h3 { font-size:116%; } .content h4 { font-size:108%; font-weight:bold; } .content h5 { font-size:108%; font-weight:bold; } .content h6 { font-size:108%; font-weight:bold; } .content p a { outline: none; text-decoration: underline; } .content p a:hover { text-decoration: none; } .ddc-more { display: none; } a:hover { text-decoration: underline; } img.photo { border: 1px solid; border-radius: 0; box-shadow: 0 0px 5px 0 rgba(78, 92, 97, 0.25); margin-bottom: 5px; max-width: 98%; padding: 3px; } .container-page .mod .bd { font-weight: normal; line-height: 1.35; } .container-page .mod .bd b, .container-page .mod .bd strong { font-weight: bold; } .container-page h1 { font-size: 28px; font-weight: normal; } /*.container-page h2 { font-size: 167%; font-weight: normal; } .container-page h3 { font-size: 138.5%; font-weight: 100; } */ .container-page h4 { font-size: 116%; font-weight: 400; } /* -- form styling -- */ form:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } form h2 { margin-bottom: .5em; } fieldset { margin-bottom: 15px; } form strong { display: block; } form label { position: relative; float: left; display: block; width: 96%; margin: 0 2% 4px; line-height: 1.8; } form label span { float: left; clear: right; width: 46%; margin-right: 2%; letter-spacing: normal; word-spacing: normal; } form label.cemConsent span { width: auto; } form label.duration span { white-space: nowrap; } input, textarea { float: right; width: 44%; padding: 3px 3px 3px 10px; -moz-transition: -moz-box-shadow 0.2s linear; -webkit-transition: -webkit-box-shadow 0.2s linear; transition: box-shadow 0.2s linear; } input.invalid { box-shadow: 0 0px 5px 0px rgba(255, 0, 0, 0.5); } .minmax-range { display: inline-block; width: 100%; } .minmax-range:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .minmax-range strong { display: block; margin-bottom: 5px; font-weight: normal; } .minmax-range input { float: left; width: 31%; } .minmax-range input.max-range { float: right; } .minmax-range span { float: left; width: 20%; padding-top: 3px; text-align: center; } select { float: right; margin-top: 1px; width: 50%; padding: 1px 0; outline: none; text-transform: capitalize; } select.select-service { height: 100px; } .facet select { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { float: none; } .service-lead .checkboxgroup.servicetypes { display: inline-block; float: left; min-width: 40%; width: auto; margin: 0; padding-right: 2%; } .service-lead .checkboxgroup.servicetypes span { width: auto; margin-right: 0; } textarea { overflow: auto; min-height: 60px; width: 94%; } input.checkbox, input.radio { float: left; width: auto; margin: 5px 6px 0 0; } form .ui-button { float: right; } .errors { float: left; width: 100%; } .mod .error { display: block; margin: 0; padding: 4px 0 0; line-height: 1.2; text-align: right; letter-spacing: 0px; word-spacing: 0px; border: none; } .mod .error .ui-icon { float: right; min-width: 0; max-width: none; margin: -3px 0 0; } input.date { border-radius:4px; border-width:1px; background-image:url("images/ui-bg_flat_75_ffffff_40x100.png"); background-color:#FFF; } .cem-consent .highlight a { text-decoration: underline; } *+html label { float: none; } *+html .minmax-range { min-height: 1px; } .inventory-lead-trade-in.cem-consent .ddc-span { display: block; height: 4.75em; margin: 1em; padding: 1em; } .cem-consent[class*="finance-application"] .ddc-span { display: block; min-height: 3.75em; margin: .5em; padding: .5em; } /* -- links-list styling -- */ .navigation-list li, .specials-category-list li, .blog-category-list li { margin-bottom: 2px; } .navigation-list li a, .specials-category-list li a, .blog-category-list li a, .blog-author-list li a, .blog-date-list li a { display: block; font-size: 108%; font-weight: 400; padding-left: 12px; } .blog-feed-list li a { display: block; font-size: 108%; font-weight: 400; } /* -- jquery styling -- */ .ui-widget { font-family: helvetica; font-size: 100%; } .ui-helper-reset { line-height: 1.4; } .ui-icon-circle-close { margin-right: 3px; } /* -- accordion styling -- */ .ui-accordion .ui-accordion-content .type-1 .top .tl, .ui-accordion .ui-accordion-content .type-1 .top .tr, .ui-accordion .ui-accordion-content .type-1 .bottom .bl, .ui-accordion .ui-accordion-content .type-1 .bottom .br { height: auto; } .ui-accordion .ui-accordion-content .type-1 .inner, .ui-accordion .ui-accordion-content .type-1 .inner2 { padding: 0; } .ui-accordion .ui-accordion-content .type-1 .bd { padding: 15px; } .ui-accordion .ui-accordion-content .incentive { border: 1px solid; border-radius: 6px; box-shadow: 0 0px 5px 0px rgba(78, 92, 97, 0.25); } .page-bd .incentives-listing-default .mod { margin: 0 2% 10px 1%; width: 97%; } .ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion-content { border: none; } .ui-accordion { margin: 0 1%; width: 98%; } .ui-accordion .ui-accordion-header .ui-icon { height: 18px; margin-top: -12px; width: 18px; } .ui-accordion .ui-accordion-header .ui-icon.ui-state-active { margin-top: -8px; } .ui-accordion .ui-accordion-header .toggle-link { font-size: 28px; font-weight: 100; padding: 0 0 0 28px; } .ui-accordion .ui-accordion-content { overflow: visible; padding: .25em 1.5em; } .ui-accordion-content .ui-accordion-header .toggle-link { font-size: 22px; } .page-bd .ui-accordion .ui-accordion-content .mod { margin: 10px 0 20px; width: auto; } .ui-accordion .ui-accordion-content .ui-accordion-content { margin: 0; padding: .25em 2.5em; } /* -- highlight styling -- */ .ui-state.highlight { margin: 1em 0; padding: 1em; } .highlight p { margin-bottom: 0; } *+html .highlight { min-height: 1px; } *+html .highlight p { float: left; } /* -- jcarousel -- */ .jcarousel-container { width: 74%; margin: 0 auto 10px; padding: 0 18px; } .jcarousel li { float: left; width: auto; margin: 0 2px 0 2px; padding-bottom: 0; } .swatches.jcarousel .color { margin: 0 2px; padding-bottom: 0; } .jcarousel-prev, .jcarousel-next { position: absolute; top: 50%; left: 0; height: 24px; width: 11px; margin-top: -12px; cursor: pointer; } .jcarousel-next { left: auto; right: 0; } .jcarousel-prev-disabled, .jcarousel-next-disabled { cursor: default; } .yui3-u-2-3 #photos .jcarousel-container, .yui3-u-2-3 #photos-stock .jcarousel-container, .ui-dialog .inventory-image-default .jcarousel-container { width: 480px; } .yui3-u-3-5 #photos .jcarousel-container, .yui3-u-3-5 #photos-stock .jcarousel-container { width: 320px; } #photos .jcarousel-container li, #photos-stock .jcarousel-container li, .ui-dialog .inventory-image-default .jcarousel-container li { width: 76px; margin: 0 2px; } #photos .jcarousel-container li .photo, #photos-stock .jcarousel-container li .photo, .ui-dialog .inventory-image-default .jcarousel-container li .photo { box-shadow: none; max-width: 100%; padding: 0; } #photos .jcarousel-prev, #photos .jcarousel-next, #photos-stock .jcarousel-prev, #photos-stock .jcarousel-next, .ui-dialog .inventory-image-default .jcarousel-container .jcarousel-prev, .ui-dialog .inventory-image-default .jcarousel-container .jcarousel-next { margin-top: -17px; } .jcarousel { max-height: 70px; overflow: hidden; } .index .jcarousel { max-height: 75px; } .index.single-franchise.volvo .jcarousel { max-height: 110px; } /* -- extension-2 -- */ .inventory-featured-default .jcarousel-container { width: 93%; } .inventory-featured-default .jcarousel { height: 118px; } .inventory-featured-default .jcarousel-item { width: 202px; margin: 0 5px; border: 1px solid; } .inventory-featured-default-extension-2 .jcarousel-container { width: auto; } .inventory-featured-default-extension-2 .jcarousel { height: 75px; overflow: hidden; } .inventory-featured-default-extension-2 .jcarousel li { width: 180px; padding: 5px; border-radius: 4px; } .inventory-featured-default-extension-2 .jcarousel .hproduct { margin: 0 0; } .inventory-featured-default-extension-2 .hproduct .media { width: 40%; } .inventory-featured-default-extension-2 .hproduct .fn, .inventory-featured-default-extension-2 .hproduct .pricing, .inventory-featured-default-extension-2 .hproduct .view-link { float: right; width: 55%; margin-bottom: 1px; line-height: 1.2; } .inventory-featured-default.inventory-featured-default-extension-2 .pricing li { float: none; width: auto; margin: 0; padding: 0; } .inventory-featured-default-extension-2 .hproduct .view-link { clear: none; margin: 0; } .inventory-featured-default.inventory-featured-carousel .view-all-link { right: 50px; } /* -- popup styling -- */ .ui-dialog.ui-widget-content { border: 1px solid; box-shadow: 0 0px 4px 4px rgba(78, 92, 97, 0.25); font-size: 100%; overflow: visible; padding: 2px; } .ui-dialog.ui-widget-content .ui-dialog-titlebar { border-width: 2px 2px 0; border-style: solid; border-radius: 4px 4px 0 0; padding: 1px 1px 0; position: relative; } .ui-dialog.ui-widget-content .ui-dialog-titlebar .ui-dialog-title { border-radius: 4px 4px 0 0; display: block; float: none; font-size: 123.1%; font-weight: 100; margin: 0 0 10px; min-height: 19px; padding: 5px 10px; } .ui-dialog.ui-widget-content .ui-dialog-content { border-width: 0 2px 2px; border-style: solid; border-radius: 0 0 4px 4px; font-size: 108%; font-weight: 100; } .ui-dialog .ui-dialog-titlebar-close { border: none; height: auto; margin: 0; padding: 0; right: 3px; top: 0; width: auto; } .ui-dialog .ui-dialog-titlebar-close .ui-icon { height: 19px; margin: 0; padding: 4px; width: 20px; } .ui-dialog .contact-info { margin: 5px 0 0 10px; } .ui-dialog .ui-button { float: right; margin-right: 5px; } /* -- tabs styling -- */ .ui-tabs { border: none; padding: 0; } .ui-tabs .ui-tabs-nav { border: none; padding: 0; } .ui-tabs .ui-tabs-nav li { border-radius: 6px 6px 0 0; bottom: -5px; box-shadow: 0 -2px 5px 0px rgba(78, 92, 97, 0.25); margin-right: 5px; top: auto; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { box-shadow: none; bottom: 0; margin-bottom: 0; padding: 5px 0 0; } .ui-tabs .ui-tabs-nav li a { font-family: helvetica; font-size: 93%; line-height: 1; padding: 8px 20px 6px; text-transform: uppercase; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { font-weight: bold; } .ui-tabs-panel { border: none; border-radius: 0 4px 4px 4px; margin-bottom: 10px; padding: 20px; } .ie8 .ui-tabs-panel { border:1px solid transparent; } *+html .ui-tabs, *+html .ui-tabs .ui-tabs-nav, *+html .ui-tabs .ui-tabs-nav li, *+html .ui-tabs .ui-tabs-nav li a, *+html .ui-tabs-panel .hproduct, *+html .ui-tabs-panel .ui-button, *+html .ui-tabs-panel span.ui-button-text { position: static; } *+html .ui-tabs .ui-tabs-nav li { top: 0; } *+html .ui-tabs-panel { min-height: 1px; } /* -- secondary-tabs styling -- */ .inventory-detail-media-tabs .ui-tabs .ui-tabs-nav li { bottom: -1px; } .inventory-detail-media-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-selected { box-shadow: 0 -4px 5px 0 rgba(78, 92, 97, 0.25); margin-bottom: 0; padding: 0 0 1px; } .inventory-detail-media-tabs .ui-tabs-panel { border-radius: 0; padding: 0; } .inventory-detail-media-tabs .ui-tabs-panel:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .inventory-detail-media-tabs .ui-tabs-panel .imageViewer, .inventory-detail-media-tabs .ui-tabs-panel .ddcPlayer-holder { border: 1px solid; border-radius: 0; box-shadow: 0 0px 5px 0 rgba(78, 92, 97, 0.25); margin-bottom: 5px; padding: 3px; text-align: center; } .inventory-detail-media-tabs .ui-tabs-panel .ddcPlayer-holder { padding: 15px 0; } .inventory-detail-media-tabs .ui-tabs-panel .imageViewer img.photo { border: none; box-shadow: none; margin-bottom: 0px; padding: 0px; } #spins .imageViewer { width:auto; height:auto;} #spins li {margin:0 2px;} /* -- vertical-tabs styling -- */ .ui-tabs-wrap-vertical .ui-tabs { border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .ui-tabs-wrap-vertical ul.ui-tabs-nav { padding: 0; border: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .showroom-default .ui-tabs-panel p.mod { margin: 0; padding: 1em; } .ui-tabs .ui-tabs-nav.ui-tabs-nav-vertical li { position: static; width: 100%; margin: 1px 0 0; white-space: normal; border: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; box-shadow: none; } .ui-tabs .ui-tabs-nav.ui-tabs-nav-vertical li:first-child { border-radius: 6px 0px 0 0; margin-top: 0; } .ui-tabs .ui-tabs-nav.ui-tabs-nav-vertical li:last-child { border-radius: 0 0 0px 6px; } .ui-tabs .ui-tabs-nav.ui-tabs-nav-vertical li.ui-tabs-selected { padding: 0; } .ui-tabs .ui-tabs-nav.ui-tabs-nav-vertical li a { float: none; display: block; line-height: 1.2; padding: 8px 10px 6px; } .ui-tabs .ui-tabs-nav.ui-tabs-nav-vertical li.ui-tabs-selected a { font-weight: 400; } .ui-tabs-wrap-vertical .ui-tabs-panel { height: 375px; overflow-y: auto; border: none; margin-bottom: 0; padding: 0; border-radius: 0 6px 6px 0; } .ui-tabs-wrap-vertical.showroom-overview-media .ui-tabs-panel { height: auto; min-height: 87px; } .ui-tabs-wrap-vertical .ui-tabs-panel .mod { margin-left: 1em; } .ui-tabs-wrap-vertical .ui-tabs-panel .mod h4 { margin-top: 0; } .ui-tabs-wrap-vertical .ui-tabs-panel ul { margin: 10px 0 0 15px; } .ui-tabs-wrap-vertical .ui-tabs-panel .mod li { margin-bottom: .25em; padding-bottom: 0; font-size: 85%; } /* -- slider styling -- */ .page-bd .ui-slider { border: none; border-radius: 10px; height: 10px; margin: 0 3%; width: 94%; } .ui-slider .ui-slider-handle { border: none; border-radius: 0; height: 18px; top: -4px; width: 18px; } .ui-slider .ui-slider-handle.ui-state-hover { cursor: pointer; } .ui-slider-value { text-align: right; } /* -- button styling -- */ .ui-button.ui-state-default, .mod .navfwd-content .inventory-search-facetbrowse button { border: none; border-radius: 0; font-family: helvetica; font-size: 108%; padding-left: 20px; text-transform: capitalize; } .ui-state-default .ui-button-text, .mod .navfwd-content .inventory-search-facetbrowse button .ui-button-text { height: 18px; line-height: 1.2; padding: 7px 20px 4px 0; } .ui-button.ui-state-hover { border: none; } .ui-button.xsmall { font-size: 93%; font-weight: 100; padding: 0; } .ui-state-hover.xsmall .ui-button-text { text-decoration: underline; } .ui-button.xsmall .ui-button-text { height: auto; padding: 0; } .ui-button.small { border-radius: 4px; font-size: 93%; font-weight: 100; padding: 0; } .ui-button.small .ui-button-text { height: auto; padding: 3px 8px 1px; } .ui-button.large { display: block; font-size: 93%; margin: 0 1px; padding-left: 30px; text-transform: uppercase; } html[lang='fr-CA'] .ui-button.large { padding-left: 12px; } .large .ui-button-text { height: 20px; padding: 14px 30px 4px 0; } html[lang='fr-CA'] .large .ui-button-text { padding: 14px 10px 4px 0; } .ui-button.xlarge { font-size: 93%; font-weight: 400; margin-bottom: 10px; padding-left: 18px; text-transform: uppercase; } .xlarge .ui-button-text { height: 23px; padding: 11px 18px 0px 0; } .ucasecompliance .ui-button.large, .ucasecompliance .ui-button.xlarge { text-transform: none; } *+html .ui-button .ui-button-text { line-height: 1; position: relative; } *+html .inventory-listing-default .comparing .ui-button-text { white-space: nowrap; } *+html .ui-button.small .ui-button-text { line-height: 1.2; } /* -- ui-dialog (popup) styling -- */ .ui-dialog .ui-dialog-content { overflow-x: visible; overflow-y: auto; } .ui-dialog .content-default { margin-bottom: 10px; } .ui-dialog .content-default img { margin: 10px; } .ui-dialog .content-default p { font-size: 93%; } .ui-dialog form:after { content:""; display:block; height:0; clear:both; visibility:hidden; } /* -- ui-dialog tabs (popup) styling -- */ .ui-dialog .ui-tabs { border: none; padding: 0; text-align: center; } .ui-dialog .ui-tabs .ui-tabs-nav { border: none; display: inline-block; padding: 0; } .ui-dialog .ui-tabs .ui-tabs-nav li { border: none; bottom: -5px; box-shadow: none; margin-right: 5px; top: auto; } .ui-dialog .ui-tabs .ui-tabs-nav li.ui-tabs-selected { box-shadow: none; bottom: 0; margin-bottom: 0; padding: 5px 0 0; } .ui-dialog .ui-tabs .ui-tabs-nav li a { font-family: helvetica; font-size: 93%; line-height: 1; margin-right: 10px; outline: none; padding: 0 0 0 10px; text-transform: uppercase; } .ui-dialog .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { font-weight: 600; } .ui-dialog .ui-tabs-panel { border: none; border-radius: 0 4px 4px 4px; margin-bottom: 10px; padding: 20px; text-align: center; } .ui-dialog .showroom-overview-media .jcarousel-container { margin: 0 auto; padding: 0 18px; width: 45%; } .ui-dialog .showroom-overview-media #vInteriorPhotos .jcarousel-container, .ui-dialog .showroom-overview-media #vExteriorPhotos .jcarousel-container { width: 400px; } .ui-dialog .showroom-overview-media #vInteriorPhotos .jcarousel-container li, .ui-dialog .showroom-overview-media #vExteriorPhotos .jcarousel-container li { width: 96px; margin: 0 2px; } .ui-dialog .showroom-overview-media #vInteriorPhotos .jcarousel-container li .photo, .ui-dialog .showroom-overview-media #vExteriorPhotos .jcarousel-container li .photo { box-shadow: none; max-width: 100%; padding: 0; } .ui-dialog .showroom-overview-media #vColors .jcarousel-container .jcarousel-prev, .ui-dialog .showroom-overview-media #vColors .jcarousel-container .jcarousel-next { margin-top: 0; } .ui-dialog .showroom-overview-media #vSpins .jcarousel li { margin: 0 5px; } .ui-dialog .showroom-overview-media #vSpins .jcarousel.spins .spin a { height: 67px; } /* -- mod styling -- */ .page-bd .mod { margin: 0 2% 20px; width: 96%; } .mod .bd:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .mod .mod { margin: 0; width: auto; } /* -- overrides -- */ .page-bd .inventory-listing-default, .page-bd .incentives-listing-default, .page-bd .showroom-default, .page-bd .specials-listing { margin: 0 0 0; width: auto; } .page-bd .inventory-listing-default .mod, .page-bd .inventory-featured-default .mod, .page-bd .showroom-default .mod, .page-bd .specials-listing .mod { margin: 0 2% 20px; width: 96%; } .page-bd .inventory-listing-default .mod .mod, .page-bd .incentives-listing-default .mod .mod { margin: 0 0 0; width: auto; } .mod h1 { margin-bottom: 5px; font-size: 123.1%; text-transform: uppercase; } .ucasecompliance .mod h1 { text-transform: none; } .single-franchise.porsche .container-page .mod h1 { font-family: Tahoma; } .single-franchise.mercedes-benz .mod h1 { font-family: Georgia; text-transform: none; } .single-franchise.mercedes-benz .mod .hproduct h1 { font-family: Helvetica; } .container-page .type-1 .top { position: relative; padding-left: 18px; } .container-page .type-1 .tl { position: absolute; left: 0; bottom: 0; height: 19px; width: 18px; } .container-page .type-1 .tr { height: 19px; } .container-page .type-1 .inner { padding-left: 9px; } .container-page .type-1 .inner2 { padding-right: 9px; } .container-page .type-1 .hd { padding: 0 10px; } .container-page .type-1 .bd { min-height: 33px; padding: 0 10px 1px; } .container-page .type-1 .bottom { position: relative; padding-left: 25px; } .container-page .type-1 .bl { position: absolute; top: 0; left: 0; height: 30px; width: 25px; } .container-page .type-1 .br { height: 30px; } .type-1 h1 { margin-bottom: 10px; font-weight: 100; text-transform: capitalize; } /* -- dealertrack payment calculator -- */ .calculator-payment-dealertrack .ui-accordion .ui-accordion-content .type-1 .top { position: relative; padding-left: 18px; } .calculator-payment-dealertrack .ui-accordion .ui-accordion-content .type-1 .tl { position: absolute; left: 0; bottom: 0; height: 19px; width: 18px; } .calculator-payment-dealertrack .ui-accordion .ui-accordion-content .type-1 .tr { height: 19px; } .calculator-payment-dealertrack .ui-accordion .ui-accordion-content .type-1 .inner { padding-left: 9px; } .calculator-payment-dealertrack .ui-accordion .ui-accordion-content .type-1 .inner2 { padding-right: 9px; } .calculator-payment-dealertrack .ui-accordion .ui-accordion-content .type-1 .hd { padding: 0 10px; } .calculator-payment-dealertrack .ui-accordion .ui-accordion-content .type-1 .bd { min-height: 33px; padding: 0 10px 1px; } .calculator-payment-dealertrack .ui-accordion .ui-accordion-content .type-1 .bottom { position: relative; padding-left: 25px; } .calculator-payment-dealertrack .ui-accordion .ui-accordion-content .type-1 .bl { position: absolute; top: 0; left: 0; height: 30px; width: 25px; } .calculator-payment-dealertrack .ui-accordion .ui-accordion-content .type-1 .br { height: 30px; } .ui-dialog-content .calculator-payment-dealertrack .calculator { min-height: 310px; } *+html .container-page .type-1 { position: relative; } .type-3 .top { position: relative; padding-left: 20px; } .type-3 .tl { position: absolute; left: 0; bottom: 0; height: 19px; width: 20px; } .type-3 .tr { height: 19px; } .type-3 .inner { padding-left: 8px; } .type-3 .inner2 { padding-right: 8px; } .type-3 .hd { padding: 0 10px 1px; } .type-3 .bd { min-height: 76px; padding: 0 10px; } .type-3 h1 { margin-bottom: 10px; } .type-3 .bottom { position: relative; padding-left: 19px; } .type-3 .bl { position: absolute; top: 0; left: 0; height: 18px; width: 19px; } .type-3 .br { height: 18px; } /* -- type5 styling -- */ .mod.type-5 { margin: 0 15px 10px; padding: 10px 0; } .type-5:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .type-5 .inner2 { clear: both; display: block; width: 100%; } .type-5 .hd { float: left; width: 25%; } .type-5 .hd2 { margin-left: 16px; padding: 7px 5px 15px; } .type-5 .hd2 h1 { font-size: 138.5%;} .type-5 .bd { display: inline-block; width: 50%; } .type-5 .ft { float: right; width: 20%; } .type-5 .ui-button { width: 80%; margin-top: 10px; text-align: center; } .type-5.inventory-search-form .hd { width: 100%; } .type-5.inventory-search-form .bd { width: 100%; padding: 0; } .type-5.inventory-search-form form { position: static; } .type-5.inventory-search-form form label { width: 66%; margin-left: 2%; } .type-5.inventory-search-form input { width: 96%; padding: 9px 7px; } .type-5.inventory-search-form .ui-button { width: 25%; margin-top: 0; } /* No results page fix */ .noResultsBar { border-top: 1px solid #ccc; } .noResultsError { font-style: italic; font-size: 146.5%; color: #f43f00; text-align: center; } .noResultsSearchBox label { width: 75%; } .noResultsSearchBox input { width: 95%; margin-top: 3px; } .frame-2 .inventory-featured-default .hproduct { min-height: 395px; } .page-bd .type-4 { border: 1px solid; border-radius: 6px; padding: 10px 20px 20px; width: auto; } .type-1 .ui-button, .type-3 .ui-button { float: right; } /* -- Header styling -- */ .container-header { position: relative; padding-bottom: 1px; border-top: 1px solid; z-index: 4; } .container-header:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .container-header .doc { position: relative; } .header { display: block; position: relative; min-height: 90px; width: 960px; margin: 0 auto; } .header .cycle { position: absolute; bottom: -45px; margin-left: 45px; } .franchises.cycle li { display: none; } .franchises.cycle li:first-child { display: block; } .header .vcard { float: left; position: relative; width: 630px; margin: 0 0 10px 330px; } .header .fn { float: left; width: 400px; margin: 10px 0 0; font-size: 325%; font-weight: normal; font-family: impact,sans-serif; } .header .adr { float: left; width: 400px; margin-bottom: 0px; } .header .adr a { text-decoration: none; } .header .adr span { font-size: 108%; font-weight: normal; font-family: helvetica; } .header .adr br { display: none; } .header .tels { position: absolute; top: 10px; right: 10px; width: 190px; text-align: right; } .header .tels li { margin-bottom: 5px; } .header .tels span { font-size: 85%; font-weight: 100; font-family: helvetica; } .header .tels .value { font-size: 123.1%; } .header .locale-wrapper { float: right; padding: 0 8px 6px 0; } .single-franchise.volvo .header .fn { font-family: "Volvo Broad"; } .single-franchise.mercedes-benz-benz .header .fn { font-family: "Georgia, Serif"; font-size: 227%; text-transform: none; } *+html .header-default { min-height: 1px; } .header-default .header-logo-enabled .adr { float:none; margin:0px; position:absolute; right:10px; top:5px; text-align: right; } .header-default .header-logo { z-index:1; } .header-default .header-logo-enabled .tels { top:25px; } .header-default .header-logo-enabled .tels li { margin-bottom:0px; } *+html .header { position: relative; } *+html .header .cycle { left: 0; height: 129px; width: 183px; } *+html .header .vcard { float: none; } *+html .header .street-address { margin-right: 4px; } *+html.single-franchise.volvo .header .vcard .fn { font-family: impact,sans-serif; } /* -- ie7 hack as the volvo font does not render correctly in ie7 -- */ /* -- Group header styling -- */ .groupSite .adr, .groupSite .tels { display: none; } .groupSite .vcard .fn { width: 600px; } /* -- Nav styling -- */ .container-nav { position: relative; z-index: 3; } .container-nav .nav { min-height: 46px; width: 960px; margin: 0 auto 10px; padding: 0 40px; } .index .container-nav .nav { margin-bottom: 20px; } .container-nav .nav:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .nav nav { float: right; width: 640px; } .container-nav .nav-list { float: left; padding: 12px 10px 0px 10px; width: 620px; } .container-nav .nav-list li { float: left; margin: 0 20px 10px 0; position: relative; } .container-nav .nav-list li a { display: block; font-size: 100%; font-family: helvetica; font-weight: bold; text-decoration: none; text-transform: uppercase; } .ucasecompliance .container-nav .nav-list li a { text-transform: none; } *+html .nav-list { float: none; display: inline-block; } /* suckerfish */ .nav-list ul { position: absolute; left: -9999em; display: block; clear: both; width: 201px; padding: 0px 0 19px; text-align: left; opacity: 0; -moz-transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .nav-list li:hover ul { left: 50%; visibility: visible; margin: 0px 0 0 -100px; opacity: 1; z-index: 99; } .container-nav .nav-list ul li { display: block; height: auto; width: 191px; margin: 0 auto 0; padding: 0 5px 0 5px; text-align: left; } .container-nav .nav-list ul li:first-child { padding-top: 30px; } .container-nav .nav-list ul li a { border: 1px solid; min-height: 0px; width: 157px; margin: 0 auto; padding: 5px 10px 3px; font-size: 93%; font-weight: 400; } .container-page-title { width: 960px; margin: 0 auto; } .container-page-title h1 { margin: 0 0 10px 5px; font-size: 212%; font-family: helvetica; line-height: 1.2; text-transform: none; } .page-bd { width: 940px; margin: 0 auto 2em; padding: 15px 10px; border-radius: 5px; box-shadow: 0 0 8px 2px rgba(78, 92, 97, 0.4); } /* -- Group nav styling -- */ .franchise.selected { position: relative; } .franchise.selected .childList { position: absolute; bottom: 100%; left: 50%; margin-left: -130px; padding-bottom: 38px; } .franchise.selected .childList li { margin: 0; } .franchise.selected .childList li:first-child { padding-top: 20px; } .franchise.selected .childList li div { position: relative; width: 221px; padding: 10px 20px; } .franchise.selected .childList .childFranchise { position: absolute; top: 10px; left: 30px; } .franchise.selected .childList .fn, .franchise.selected .childList .adr, .franchise.selected .childList .tel { display: block; width: 60%; margin-left: 40%; } .franchise.selected .childList .fn span { font-size: 107%; font-weight: bold; } .franchise.selected .childList .adr, .franchise.selected .childList .tel { margin-bottom: 3px; font-size: 85%; } .franchise.selected .childList .adr .street-address { display: block; } /* -- JIRA-23769 -- */ .locations-group-nav .selected .flyout { z-index: 100; } .ie7 .locations-group-nav { position: relative; z-index: 4; } /* -- Directions -- */ .directions-form .mod { margin: 0 2% 20px; width: 96%; } .adp-placemark td:first-child { display: block; width: 30px; } .ie8 .directions-form .reset-link {position:relative;} /* -- finance-application -- */ .finance-application input { padding-left: 8px; width: 45%; } .finance-application .radio { padding-left: 0px; width: auto; } .finance-application select { width: 48%; } .finance-driver-prequalification .ui-state.highlight { margin-left: 5px; margin-right: 5px; } /* -- inventory-compare-default -- */ .page-bd .inventory-compare-default { margin: 0; } .compareItems { overflow-x: auto; position: relative; top: -30px; display: block; padding-bottom: 12px; margin-top: 30px; } .compareItems th { font-style: italic; } .compareItems th, .compareItems td { vertical-align: top; } .compareItems td { padding: 0 20px 6px 20px; } .compareItems tr.price td { padding-bottom: 6px; } .compareItems tr td:first-child { border: none; } .compareItems td a { margin: 2px 0 9px; text-decoration: underline; } .compareItems img { border: 1px solid; margin-bottom: 5px; } .compareItems tr.price td, .compareItems tr.details td, .compareItems tr.price th, .compareItems tr.details th { padding: 5px; border-bottom: 1px solid; } .compareItems tr.comments th, .compareItems tr.comments td { border-bottom: none; } .compareItems td > div { min-width: 120px; max-width: 333px; } .compareItems td img { width: 100%; } *+html .compareItems { overflow-y: hidden; } *+html .compareItems th div { width: 170px; } *+html .compareItems td img { width: 320px; } /* -- inventory featured styling -- */ .inventory-featured-default .hproduct { min-height: 455px; position: relative; } .inventory-featured-default .hproduct .media { margin: 0 0 10px; text-align: center; width: 100%; } .inventory-featured-default .hproduct .media img { max-width: 100%; } .inventory-featured-default .hproduct h1 { width: 100%; } .inventory-featured-default .hproduct .description { max-width: 50%; width: auto; } .inventory-featured-default .hproduct .description span { clear: left; float: left; width: 100%; } .inventory-featured-default .hproduct .description span strong { float: left; } .inventory-featured-default .hproduct .badge img { max-height: 32px; } .inventory-featured-default .hproduct .calloutDetails { display: none; } .inventory-featured-default .hproduct .calloutDetails li { float: left; margin-right: 7px; } .inventory-featured-default .hproduct .pricing { padding-bottom: 35px; width: 140px; } .inventory-featured-default .yui3-u-1-3 .hproduct .pricing { width: 125px; } .inventory-featured-default .hproduct div > .ui-button { bottom: 0; position: absolute; right: 0; } /* =SPECTRE-259 */ .inventory-featured-default .on-deposit-link {position:relative;top:1em;} /* -- JIRA-15918 -- */ *+html .inventory-featured-default .hproduct .description { width: 50%; } /* -- inventory-finder-lead (carfinder) styling -- */ .inventory-finder-lead fieldset .yui3-u-1-2 .mod label { margin-bottom: 10px; } .inventory-finder-lead fieldset:first-child .yui3-u-1-2 .mod label { margin-bottom: 20px; } .inventory-finder-lead fieldset:first-child .yui3-u-1-2 .mod p { margin-bottom: 6px; } .inventory-finder-lead fieldset:first-child .yui3-u-1-2:first-child .mod:first-child label { margin-bottom: 5px; } .inventory-finder-lead fieldset:first-child .yui3-u-1-2:first-child .mod:first-child label span { line-height: 1.2; margin-bottom: 2px; } .inventory-finder-lead fieldset:first-child .yui3-u-1-2:first-child .mod:first-child select { width: 100%; } /* -- TDT-332 to account for longer form label for litres/km -- */ .attr-highwayFuelEconomy span { width: 47%; } /* -- inventory listing styling -- */ .type-2 .hd { border: 1px solid; padding: 1%; } .type-2 .inventoryList > li { border-width: 1px 1px 0 1px; border-style: solid; padding: 1%; position: relative; } .type-2 .inventoryList > li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .type-2 .inventoryList > li.green-vehicle { padding-top: 40px; } .type-2 .bd2 .inventoryList:first-child > li:first-child { border-top: none; } .type-2 .ft { border: 1px solid; padding: 0 1%; } .type-2 .ft:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .inventory-listing-default .type-1:first-child { margin-left: 0px; } .type-1.facetlist .top, .type-1.facetlist .top .tr, .type-1.facetlist .inner, .type-1.facetlist .inner2, .type-1.facetlist .bd, .type-1.facetlist .bottom, .type-1.facetlist .bottom .br { height: auto; min-height: 0; padding: 0; } .type-1.facetlist .top .tl, .type-1.facetlist .bottom .bl { height: auto; position: static; width: auto; } .type-1.facetlist .hd { padding: 0; } .type-1.facetlist h1 { font-size: 123.1%; font-weight: 400; margin-bottom: 5px; text-transform: uppercase; } .type-1.facetlist li { margin-bottom: 2px; } .type-1.facetlist li em { font-weight: 100; } .type-2 .sorting strong { float: left; margin-right: 20px; } .type-2 .sorting a { display: inline-block; margin-right: 5px; padding-right: 15px; } .type-2 .paging .mod { float: right; margin-bottom: 0; } .inventory-listing-default .yui3-u-3-4 > .mod { margin-bottom: 10px; } .inventory-listing-default .yui3-u-3-4 .mod:first-child { position: relative; } .inventory-listing-default .selections { display: inline-block; padding: 0 5px 5px; } .inventory-listing-default .selections a { display: inline-block; padding-left: 5px; } /* suggested-search */ .inventory-listing-default .suggested-search{margin:5px 0 20px 5px;} .toggle { float: right; } .toggle strong { float: left; margin-right: 10px; padding-top: 3px; } .toggle a { float: left; height: 20px; margin-right: 4px; text-indent: -9999em; width: 20px; } .inventory-listing-default .yui3-u-3-4 .ui-button { margin-top: 2px; } .inventory-listing-default form label.search { width: 58%; margin-top: 3px; margin-bottom: 16px; } .inventory-listing-default form input.search { width: 89%; float: left; margin-left: 6px; font-size: 93%; box-sizing: content-box; } .hproduct:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .hproduct .media { float: left; width: 28%; margin-right: 2%; } .inventory-search-forward .hproduct .media { width: 27%; } .hproduct .media a img { border: none; box-shadow: none; display: block; margin: 0; padding: 0; width: 100%; } .hproduct h1 { display: inline-block; font-size: 116%; margin: 0 0 3px 0; width: 70%; } .hproduct .h3 a { font-weight: 100; text-decoration: none; text-transform: capitalize; } .inventoryList .h3 a.ui-button { font-weight: 400; } .hproduct .description { display: inline-block; font-size: 85%; margin: 0 0 2px 0; width: 44%; } .hproduct .description dl { font-size: 100%; } .hproduct .description dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .hproduct .description dl.last { margin-bottom: 5px; } .hproduct .description dl.vin { margin-top: -5px; margin-bottom:5px; } .hproduct .description dt { float: left; width: 34%; padding-right: 1%; } html[lang='fr-CA'] .hproduct .description dt { float: left; width: 50%; padding-right: 1%; } .hproduct .description dd { float: left; width: 63%; padding-right: 1%; } html[lang='fr-CA'] .hproduct .description dd { float: left; width: 48%; padding-right: 1%; } .hproduct .description .separator { display: none; } .hproduct .packageTitle { font-size: 116%; font-weight: 400; } .xoxo dt { font-size: 144%; margin: 10px 0; padding-bottom: 3px; letter-spacing: 0.07em; border-bottom: 1px solid; } .xoxo dd .details li span { float: left; } .xoxo .details li { display: block; margin: 0 15px 0 5px; padding: 2px 0; } .xoxo .details li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .xoxo > .details li { margin-top: 5px; text-align: left; } .xoxo .details .title { float: left; clear: left; padding: 1px 0; font-weight: bold; } .xoxo .details span { display: inline-block; float: right; max-width: 60%; padding: 1px 0; font-weight: normal; text-align: right; } .xoxo .details .comments { margin-top: 25px; } .xoxo .details .comments span { max-width: 100%; text-align: left; } .xoxo .fuel-efficiency { padding: 0; } .xoxo .fuel-efficiency .hd { padding-bottom: 10px; } .xoxo .fuel-efficiency h1 { margin: 0; text-align: center; } #tech-specs ul { display: inline-block; } #tech-specs ul li { float: left; margin: 0 1% 0 1%; width: 47%; } .xoxo #tech-specs .details li span { float: right; text-align: right; } .xoxo #options:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .xoxo #options li { float: left; width: 49%; margin: 0; text-align: left; } .xoxo #options li span { padding: 3px; } .xoxo .ui-tabs-panel { padding: 3%; } .xoxo h2 { margin-bottom: 1em; font-size: 144%; font-weight: normal; } .xoxo .packages .mod:first-child { margin-bottom: 30px; } #tech-specs dt, #packages dt { font-size: 125%; font-weight: 400; } .calloutDetails ul { display: table; width: 100%; } .calloutDetails ul li { display: table-cell; text-align: center; } .calloutDetails ul li.carproof { display: block; margin-bottom: 1em; } .inventoryList .calloutDetails ul li { text-align: left; } .calloutDetails ul li img { max-height: 50px; } .inventoryList .calloutDetails img { max-height: 32px; }/*-- just for you Ryan :) --*/ .inventoryList .media .thumb { border: none; box-shadow: none; float: left; padding: 0; } .inventoryList .media .dialog { float: left; width: 49%; margin-top: 3px; font-size: 85%; } .inventoryList .media .dialog span { float: left; margin: -2px 2px 0 0; } .hproduct .pricing { float: right; width: 23%; padding: 0 0 20px; text-align: right; } .hproduct .pricing li { padding-bottom: 0; width: 100%; display: inline-block; } .hproduct .pricing .price { font-size: 100%; line-height: 1.2; margin-bottom: 0; } .hproduct .pricing .price > span { display: block; } .hproduct .pricing .price .label { float: left; font-size: 70%; font-weight: 100; padding: 3px 3px 0 0; text-align: left; text-transform: uppercase; width: 53%; } .hproduct .pricing .price .value { font-weight: 100; } .hproduct .pricing .price .abSub .value:before { content: "-"; text-align: left; margin: 0; padding: 0; font-size: inherit; } .hproduct .pricing .msrp .label { font-size: 77%; font-weight: 400; padding-top: 5px; } .hproduct .pricing .msrp .value { font-size: 123.1%; font-weight: 400; } .hproduct .pricing .abSub, .hproduct .pricing .rebate { border-bottom: 1px dotted; margin-bottom: 3px; } .hproduct .pricing .internetPrice .label { font-weight: 400; } .hproduct .pricing .internetPrice .value { font-size: 100%; font-weight: 400; } .hproduct .pricing .final-price { float: left; width: 100%; } .hproduct .pricing .final-price .label { font-size: 77%; font-weight: 400; padding: 0; text-align: right; width: 100%; } .hproduct .pricing .final-price .value { font-size: 182%; font-weight: 400; } .hproduct .pricing .final-price .label.no-value { display: none; } .hproduct .pricing .estimate {clear:both; float:left; text-align:left; width:100%; font-size:65%;} /* -- stacked incentives -- */ .stackedConditionalFinal:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .inventory-featured-default .hproduct .pricing .stackedFinal { float: left; width: 100%; } .inventory-featured-default .hproduct .pricing .final-price .label.no-value { display: none; } .inventory-featured-default .hproduct .pricing .stackedConditionalFinal .label { padding-top: 3px; width: 53%; text-align: left; font-size: 70%; font-weight: 100; } .inventory-featured-default .hproduct .pricing .stackedConditionalFinal .value { font-size: 100%; font-weight: 100; } .hproduct .pricing .stackedConditionalRebate a .label, .hproduct .pricing .stackedConditionalRebate a .value, .hproduct .pricing .stackedRebate a .label, .hproduct .pricing .stackedRebate a .value { font-weight: bold; } .pricing .stackedConditionalRebate a .label:hover, .pricing .stackedConditionalRebate a .value:hover, .pricing .stackedRebate a .label:hover, .pricing .stackedRebate a .value:hover { text-decoration: underline;} .stackedConditionalRebate .value:before, .stackedRebate .value:before { content: "-"; text-align: left; margin: 0; padding: 0; font-size: inherit; } .hproduct .multiple-prices .stackedFinal { padding-top: 4px; border-top: 1px dotted; border-color: #65665c; } .hproduct .multiple-prices .stackedFinal .label { width: 53%; text-align: left; font-size: 77%; font-weight: bold; padding-top: 4px; } .hproduct .multiple-prices .stackedFinal .value { font-size: 123.1%; font-weight: bold; } .inventory-listing-default .incentive-list { display: inline-block; margin-top: 5px; padding: 0; width: 44%; } .incentive-list .incentive-type-heading { font-weight: 400; } .incentive-list li a { line-height: 1; width: 100%; font-weight: bold; } .incentive-list .xsmall { font-size: 93%; } .inventoryList .view-link { clear: both; float: right; } .inventory-listing-default .inventoryList .item-compare { position: absolute; bottom: 11px; right: 13px; font-size: 85%; } .inventory-listing-default .inventoryList .item-compare label.checkbox { width: auto; margin-bottom: 3px; float: right; } .inventory-listing-default .inventoryList .item-compare .compare-submit-link { float: right; clear: right; -moz-transition: opacity 0.2s linear; } .inventory-listing-default .inventoryList .item-compare .disabled { display:none; } .inventory-listing-default .inventoryList .item-compare .checkbox span { line-height: 1.3em; min-width: 0; padding-right: 17px; } .inventory-listing-default .inventoryList .item-compare input[type=checkbox] { margin: 0; position: absolute; top: 0; right: 0; } *+html .hproduct { min-height: 1px; } *+html .inventoryList .price { min-height: 1px;} *+html .inventory-listing-default .inventoryList .item-compare .checkbox span { padding-top: 3px; padding-right: 20px; } *+html .xoxo .details li { min-height: 1px; } *+html .xoxo .details .comments span { width: 100%; } /* -- paging -- */ .inventory-listing-default .ft2 { overflow: auto; } .ie8 .inventory-listing-default .ft2 { overflow: hidden; } .inventory-listing-default .ft2 .ui-button { margin: 2px 0 2px 2px; } .inventory-listing-default .ft2 .ui-button.small { margin-top: 7px; } .ft2 .paging { margin-top: 10px; width: 40%; } .page-bd .mod .paging .mod { margin: 0; text-align: center; width: 100%; } .paging strong.xsmall { display: block; padding-top: 3px; font-weight: normal; font-size: 85%; } .paging .yui3-u-1-3:first-child a.xsmall { padding: 0 0 0 10px; } .paging a.xsmall { display: inline-block; float: none; margin: 0; padding-right: 10px; } /* -- list specific styling -- */ .list .hproduct .thumb, .inventoryList.list .media, .list .hproduct .packages, .list .hproduct .incentive-list, .list .hproduct .ui-button.view-incentives { display: none; } .inventoryList.list .description { width: 70%; } .list .description dt, .list .description dd { width: auto; } .list .hproduct .description .separator { display: inline; } .links-list .align-left { margin: 0 3px; } .links-list .xlarge.align-left { margin-bottom: 10px; } *+html .links-list li { display: inline; } /* -- grid specific styling -- */ .inventoryList.grid:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .inventoryList.grid { display: inline-block; } .inventoryList.grid > li { float: left; min-height: 37em; width: 21%; margin: 1% 0 1% 1%; padding: 1.5% 1.25% 7.5%; } .type-2 .inventoryList.grid > li { border-width: 1px; } .type-2 .bd2 .grid:first-child > li:first-child { border-top: 1px solid; } .inventoryList.grid .hproduct .media { width: 100%; margin: 0; } .inventoryList.grid .hproduct .media .dialog { display: block; float: none; margin: 0 0 5px; width: auto; } .inventoryList.grid .hproduct img { float: none; margin: 0 auto 5px; } .inventoryList.grid .hproduct h1 { width: 100%; margin-bottom: 5px; font-size: 116%; } .inventoryList.grid .pricing { float: none; display: inline-block; width: 100%; padding: 10px 0; } .inventoryList.grid .hproduct h2 { margin-bottom: 5px; font-size: 108%; } .inventoryList.grid .hproduct .description { width: 100%; padding: 0; font-size: 93%; } .inventoryList.grid .description dl, .inventoryList.grid .description dt, .inventoryList.grid .description dd { float: none; width: auto; display: inline; padding: 0; } .inventoryList.grid .description dl.vin { margin-top: 0;} .inventoryList.grid .description .separator { display: inline; } .inventoryList.grid .hproduct .packages, .inventoryList.grid .incentive-list, .inventoryList.grid .calloutDetails, .inventoryList.grid .ui-button.view-incentives { display: none; } /* -- JIRA-25476 -- */ .inventory-listing-default .inventoryList .hproduct .pricing-area { float: right; width: 23%; padding-bottom: 40px; } .inventoryList .hproduct .pricing-area .pricing { width: auto; padding-bottom: 0; } .inventoryList.grid .hproduct .pricing-area { width: auto; padding-bottom: 10px; } .inventoryList.grid .pricing-area .view-link { display: none; } .ie7 .inventoryList > li { min-height: 1px; } .ie7 .inventoryList .pricing-area .view-link { white-space: nowrap; } /* -- vlp v2 multifacet -- */ /* Breadcrumbs */ .facet-breadcrumb-item { float: left; margin-top: -2px; padding: 4px; padding-right: 9px; text-transform: capitalize; font-size: 12px; } .vlp-v2 form label.search { margin: 0; width: auto; } .facet-breadcrumb-selections { width: 100%; } .facet-breadcrumb-close-icon { width: 16px; height: 16px; background-image: url("/static/v9/media/css/jqueryui/v1.8.6/base/images/ui-icons_222222_256x240.png"); background-position: -34px -194px; } .facet-breadcrumb-label { white-space: nowrap; cursor: pointer; margin: 0; line-height: 1; width: 100%; color: #003057; } .facet-breadcrumb-label:hover { text-decoration: underline; } .facet-breadcrumb-title { float: left; line-height: 1; font-weight: bold; } .facet-breadcrumb-list { width: 82%; } .facet-breadcrumb-reset { position: absolute; top: -2px; right: 0; } .facet-breadcrumb-fieldset { margin: 0; } .form-control { float: left; } .vlp-v2 .facetmulti-heading { margin-bottom:13px; font-size: 116%; border-bottom: 1px solid; } .vlp-v2 .facetlist-keyword .search { width: 65%; } .vlp-v2 .facetlist-keyword .search input { margin: 0; width: 92%; } .vlp-v2 .facetlist-keyword .ui-button { margin-top: -4px; } .ie8 .vlp-v2 .facetlist-keyword .ui-button {margin-top: -2px; } .vlp-v2 .facetlist-keyword .ui-button-text { padding-right: 40px; } .facetmulti-item input.checkbox { -webkit-margin-before: 6px; } .vlp-v2 .panel-title { margin-bottom: 5px; font-size: 123.1%; text-transform: uppercase; } .vlp-v2 .facetmulti-collapse-toggle { width: 100%; } .vlp-v2 .facetmulti-collapse-toggle .ui-icon { float: right; margin: -2px 7px 0 0; } /* Pagination-Compare */ .vlp-v2 .paging strong.xsmall { padding-top: 2px; } .vlp-v2 .ft .yui3-u-3-5 { float: right; } .vlp-v2 .ft .yui3-u-2-5 { float: left; } .vlp-v2 .ft .comparing, .vlp-v2 .ft .paging { width: 100%; } /* payment */ ul.facetlist-paymentCombo label span { width: auto; } ul.facetlist-paymentCombo .payment-panel { float: left; margin-top: -6px; } ul.facetlist-paymentCombo .facet-swappable-group { float: left; margin: 0 0 12px; padding: 6px 12px; background-color: #e8e8e8; } ul.facetlist-paymentCombo .facet-type-ranged { padding-top: 6px; } .facet-info.paymentInformation span { float: right; } /* loan payment */ .pricing .price span.paymentFrequency { display: inline; } .pricing .paymentLease .price, .pricing .paymentLoan .price { padding-top: 3px; } .pricing .paymentInformation span, .facet-info.paymentInformation span { float: right; margin: 7px 0 9px; padding-right: 19px; } /* Flot chart styles */ .facet-user-range-chart { width: 225px;} .paymentInformation { float: right; clear: both; } /* Historgram, User-range */ .facet-user-range-min, .facet-user-range-max { max-width: 45%;} /* Range Sliders */ .noUI-state-drag .noUi-handle-lower:before, .noUi-handle-lower:hover:before, .noUI-state-drag .noUi-handle-upper:after, .noUi-handle-upper:hover:after { background-image: none; box-shadow: none; } /* -- mslp -- */ .mslp-main .ui-tabs .ui-tabs-nav.ui-tabs-nav-vertical li {width:97%;} .mslp-main img.photo {margin-bottom:0;} .mslp-main .mslp-gallery-tab-item {height:auto;} .mslp-main #mslp-colors .jcarousel-container {margin:0;} /* -- reviews-auto (/reviews)-- */ .reviews-auto-detail h1 { margin: 0 10px 10px 0; padding-bottom: 10px; font-size: 138.5%; border-bottom: 1px solid; } .reviews-auto-nav .ui-button.ui-state-default { float: none; text-align: center; } /* -- service-listing -- */ .service-listing input.checkbox { margin-top: 3px; } .service-listing .hproduct { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid; } .service-listing .hproduct .fn { width: 100%; margin: 0; padding: 2px 0 5px 0; text-shadow: none; font-size: 100%; } .service-listing .hproduct .fn a { padding-left: 5px; } .service-listing .hproduct .fn .xsmall { float: right; font-weight: normal; cursor: pointer; } .service-listing .hproduct .fn .xsmall:hover { text-decoration: underline; } .service-listing .hproduct .pricing { float: right; margin-left: 0; padding: 0; } .service-listing .hproduct .pricing h2 { font-size: 100%; } .service-listing .hproduct li { list-style: none; } .service-listing .hproduct p { padding: 0 0 2px; font-size: 93%; } .service-listing .description { clear: both; width: 100%; } .service-listing .ui-button { clear: both; } .service-listing .description.hide { display: none; } /* -- showroom specific styling -- */ .showroom-main .type-1 .top, .showroom-main .type-1 .top .tr, .showroom-main .type-1 .inner, .showroom-main .type-1 .inner2, .showroom-main .type-1 .bd, .showroom-main .type-1 .bottom, .showroom-main .type-1 .bottom .br { height: auto; min-height: 0; padding: 0; } .showroom-main .type-1 .top .tl, .showroom-main .type-1 .bottom .bl { height: auto; position: static; width: auto; } .page-bd .showroom-default.showroom-listing .showroom-main .mod .mod { margin: 0 2% 20px; width: 96%; } .showroom-default.showroom-listing .showroom-main .hproduct { position: relative; } .showroom-default.showroom-listing .showroom-main .hproduct:hover > div { border-radius: 6px; box-shadow: 0 0 8px 2px rgba(78, 92, 97, 0.4); left: -45%; padding: 6px; position: absolute; top: -25%; width: 175%; z-index: 2; -moz-animation: fadeIn .25s ease-out; -webkit-animation: fadeIn .25s ease-out; animation: fadeIn .25s ease-out; } @-keyframes fadeIn { 0% {-mod-transform: scale(0, 0); opacity: 0.0;} 50% {opacity: .5;} 100% {-mod-transform: scale(1.2, 1.2); opacity: 1;} } @-moz-keyframes fadeIn { 0% {-mod-transform: scale(0, 0); opacity: 0.0;} 50% {opacity: .5;} 100% {-mod-transform: scale(1.2, 1.2); opacity: 1;} } @-webkit-keyframes fadeIn { 0% {-mod-transform: scale(0, 0); opacity: 0.0;} 50% {opacity: .5;} 100% {-mod-transform: scale(1.2, 1.2); opacity: 1;} } .showroom-main h4.franchise a:hover img { border-radius: 6px; box-shadow: 0 0 8px 2px rgba(78, 92, 97, 0.4); } .showroom-default.showroom-listing .no-border-radius .showroom-main h4.franchise a:hover img { border: 1px solid; } .showroom-main h4.franchise a { display: block; } .showroom-main h4.franchise span { text-indent: -9999em; } .showroom-default.showroom-listing .showroom-main .hproduct .media { float: none; margin-right: 0; width: auto; } .showroom-default.showroom-listing .showroom-main .ui-button.video { display: block; float: none; margin: 10px auto; width: 75%; } .showroom-default.showroom-listing .showroom-main .hproduct .pricing { float: none; padding-bottom: 20px; text-align: center; width: auto; } .showroom-default.showroom-listing .showroom-main .ui-tabs-wrap-vertical { margin-bottom: 10px; } .showroom-main .imageViewer { text-align: center; } .showroom-main .jcarousel-container { padding: 0 18px; width: 69%; } .showroom-overview-media .jcarousel-container { margin: 10px auto; padding: 0 18px; width: 87%; } .showroom-overview-media .jcarousel-container .jcarousel-prev, .showroom-overview-media .jcarousel-container .jcarousel-next { top: 52%; } .mod .showroom-overview-media .jcarousel.spins li { height: 67px; } .mod .showroom-overview-media .jcarousel.spins li a { max-height: 67px; } .mod .showroom-overview-media #spins .jcarousel-container { margin: 8px auto; } .showroom-detail-links a { background-position:0 1px; } .page-bd .showroom-overview-media .mod.clearfix { margin-bottom: 0; } .showroom-main .incentive-list:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .showroom-main .incentive-list a.xsmall { clear: left; float: left; margin: 2px 0; } .no-borderradius .showroom-main .hproduct:hover > div { border: 1px solid; } *+html .showroom-main .hproduct:hover { z-index: 100; } /* -- showroom-v2 -- */ .showroom-v2 .imageViewer { margin-bottom:10px; } .showroom-v2 .media-viewer { margin-bottom:10px; } .showroom-v2 .callout .offersShowroom-jcarousel-list li.offersShowroomOffer {width: 271px;} .showroom-v2 .callout .incentive .top, .showroom-v2 .callout .incentive .tl, .showroom-v2 .callout .incentive .tr, .showroom-v2 .callout .incentive .inner2, .showroom-v2 .callout .incentive .inner, .showroom-v2 .callout .incentive .br, .showroom-v2 .callout .incentive .bl, .showroom-v2 .callout .incentive .bd, .showroom-v2 .callout .incentive .bottom {background: none;} .showroom-v2 .callout .ui-state-default {display: block;} .showroom-v2 .callout .mod.incentive {border: 1px solid; border-radius: 6px;} .showroom-v2 .overview h2 { padding:15px 10px 5px 20px; margin:0; font-size:131%; font-weight:bold; } .showroom-v2 .overview p { padding:5px 10px 10px 20px; margin:0; } .showroom-main .showroom-details-section h4, .showroom-main .showroom-vlp h4, .showroom-main #models h4 { margin-bottom:5px; margin-left:10px; margin-top:5px; font-size:123.1%; } .showroom-detail-links { margin:10px 10px 15px 0; } .showroom-v2 .showroom-detail-links { float:left; width:68%; margin:10px 0 15px 0; } .showroom-v2 .inventory-listing-count { float:right; width:30%; margin:10px 0 15px 0; text-align:right; } .showroom-v2 .inventory-listing-count .inventory-count { padding-right:15px; } .showroom-v2 .inventoryList { display:block; clear:both; overflow:visible; } .showroom-v2 .showroom-detail-links {margin-top: 0;} .showroom-v2 .ui-tabs .ui-tabs-nav li a {padding: 8px 14px 6px;} .showroom-v2 .inventoryList .media {float: left; margin-right: 1%; padding-right: 10px; width: 110px;} .showroom-v2 .inventoryList .media .dialog {width: auto; margin-bottom: 10px;} .showroom-v2 .hproduct h1 {width: 60%;} .showroom-v2 .hproduct .description { width: 62%; } .showroom-v2 .hproduct .description dl { float:left; width:49%; } .showroom-v2 .hproduct .incentive-list { display:block; clear:both; margin-bottom:10px; } .showroom-v2 .inventoryList > li {border-bottom: 1px solid; margin: 10px 0;} .showroom-v2 .inventoryList .incentive-list {margin-left: 129px;} .showroom-v2 .showroom-main #trimsTable { margin-left:10px; } /* -- sidebar -- */ .hours-default li { display: inline-block; text-align: left; width: 100%; } .hours-default li em { display: block; float: left; font-weight: 100; text-align: left; width: 41%; } /* -- specials -- */ .mod.special .mod a { padding-top: 8px; } .mod.special .mod a .ui-icon { height: 20px; margin: -4px 3px 0 0; width: 20px; } /* -- inventory-detail -- */ .mod.inventory-detail-pricing { margin-bottom: 0; } .inventory-detail-pricing .pricing li { clear: both; padding-bottom: 0; } .inventory-detail-pricing .pricing .label { padding: 3px 3px 0 0; width: 65%; font-weight: bold; } .inventory-detail-pricing .pricing .price { float: right; } .inventory-detail-pricing .pricing .ePrice-button { clear: both; float: right; } .inventory-detail-pricing .pricing .abSub, .inventory-detail-pricing .pricing .rebate { border-bottom: 1px dotted; display: block; margin-bottom: 3px; padding-bottom: 1px; } .inventory-detail-pricing .pricing span { display: block; } .inventory-detail-pricing .pricing .abSub .label, .inventory-detail-pricing .pricing .rebate .label { font-weight: normal; } .inventory-detail-pricing .pricing.has-eprice .final-price { border-bottom: 1px dotted; } .inventory-detail-pricing .pricing .final-price .label { padding-top: 9px; font-size: 100%; } .inventory-detail-pricing .pricing .final-price .price { font-size: 161.6%; } .inventory-detail-pricing .pricing .label.no-value+strong { width: 100%; } .inventory-detail-pricing .pricing .please-call .price { width: 100%; } .inventory-detail-pricing .pricing .please-call .label { display: none; } .inventory-detail-pricing .pricing .ePrice { clear: both; float: right; } .inventory-detail-pricing .pricing .ePrice a { float: right; margin: 5px 0 0 0; font-size: 123.1%; } .inventory-detail-pricing .monthlyPayment { margin-top: 20px; font-size: 85%; } .inventory-detail-pricing .monthlyPayment strong { float: left; text-align: left; font-weight: normal; } .inventory-detail-pricing .monthlyPayment .h2 { clear: left; float: left; width: 77%; padding: 6px 2px 4px; font-size: 182%; text-align: right; } .inventory-detail-pricing .monthlyPayment .perMonthLabel { float: right; padding-top: 15px; } .inventory-detail-pricing .monthlyPayment p { clear: both; margin-top: 5px; text-align: left; font-size: 85%; } .inventory-detail-pricing .monthlyPayment strong, .inventory-detail-pricing .monthlyPayment br { display: none; } .inventory-detail-pricing .monthlyPayment strong.h2 { display: block; width: 81%; } .yui3-u-2-5 .inventory-detail-pricing .monthlyPayment strong.h2 { width: 76%; } .inventory-detail-pricing .monthlyPayment p { text-align: right; } .inventory-detail-pricing .monthlyPayment p br { display: block; } .ui-dialog .calculator-payment fieldset, .calculator-affordability fieldset { margin-bottom: 0; } .ui-dialog .calculator-payment input.ui-state-disabled { border: none; box-shadow: none; font-size: 123.1%; opacity: 1; text-align: right; } .ui-dialog .calculator-payment select { width: 48%; } .calculator-affordability select { width: 49%; } .no-borderradius .ui-dialog .calculator-payment input.ui-state-disabled { filter: none; } /* -- incentives styling -- */ .mod.incentive { margin: 0 0 15px 0; } .incentive .incentive-type-heading { display: block; margin-bottom: 5px; } .incentive .toggle-link { font-size: 85%; padding-bottom: 10px; } .incentive h2 { margin-bottom: 5px; font-weight: bold; font-size: 108%; } .incentive ol { margin-bottom: 0.5em; } .incentive ol li { padding-bottom: 2px; font-size: 100%; letter-spacing: 0.07em; } .incentive ul li { font-size: 85%; letter-spacing: 0.07em; } .incentive ul li a { font-size: 100%; margin-top: .5em; display: inline-block; outline: none; text-decoration: underline; } .incentive .incentive-details { padding: 10px; font-size: 85%; } .incentive .incentive-details p { padding: 3px 0px; font-style: italic; } .incentive .ui-icon { margin: -2px 4px 0 0; } .incentive .disclaimers { margin-top: 10px; } .incentives-listing-default .make select, .incentives-listing-default .model select { width: auto; } .inventory-detail-incentives-listing .incentive-list:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .inventory-detail-incentives-listing .incentive-list a.xsmall { clear: left; float: left; margin: 2px 0; } .conditionalIncentivesList .h3 { font-weight: bold; } .conditional-incentives-disclaimer { font-size: 85%; color: #666; } .ui-dialog-content .incentives-lead-default .incentive { margin: 0 20px 15px 0; } .ui-dialog-content .incentives-lead-default .incentive-list { margin: 0 15px 0 0; } .ui-dialog-content .incentives-lead-default .incentive-list .xsmall { clear: left; float: left; } .ui-dialog-content .incentives-lead-default form input { width: 44%; } *+html .incentives-listing-default .make select, *+html .incentives-listing-default .model select { width: 95%; } /* -- inventory-similar-default styling -- */ .inventory-similar-default li { margin-bottom: 10px; } .inventory-similar-default li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .inventory-similar-default li ul li { margin-bottom: 0; } .inventory-similar-default .media { float: left; margin-right: 0; width: 40%; } .inventory-similar-default .hproduct h1 { float: right; font-size: 108%; line-height: 1.2; margin: 0 0 2px 2%; width: 58%; } .inventory-similar-default .pricing, .inventory-similar-default .view-link { float: right; margin-left: 2%; padding-bottom: 0; text-align: right; width: 58%; } /* -- list styling -- */ /* -- links-share -- */ .mod.links-share { margin-bottom: 10px; } .links-share:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .links-share .share { display: inline-block; margin-bottom: 0px; } .links-share strong { float: left; font-size: 108%; font-weight: bold; margin-right: 10px; padding-top: 8px; text-transform: uppercase; } .links-share a { float: left; display: block; height: 24px; width: 24px; padding: 4px; text-indent: -9999em; } .links-share .g-plusone { position: relative; left: 5px; top: 8px; } *+html .links-share { min-height: 1px; } /* -- navigation list -- */ .navigation-list li { font-weight: 400; margin-bottom: 2px; } /* -- blog-post-list -- */ .mod .hentry { margin: 0 0 15px; padding-bottom: 15px; border-bottom: 1px dotted; } .mod.mini .hentry { margin: 0 0 5px; padding-bottom: 5px; } .mod .hentry:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .hentry>a.align-left { float: right; } .hentry .published { float: left; padding: 0 0 4px 1%; text-transform: capitalize; font-style: italic; } .hentry .author { float: right; padding: 4px 1% 4px 0; text-align: right; } .hentry .entry-summary, .hentry .entry-content { clear: both; padding: 10px 1%; margin-bottom: 10px; } .hentry .entry-summary p, .hentry .entry-content p { margin-bottom: 10px; } .hentry .categories { padding: 0 1%; font-size: 85%; } .blog-post-list .entry-title { font-size: 153.9%; } .blog-post-list.mini .entry-title { font-size: 108%; } .blog-post-list .entry-title a { padding: 4px; display: block; text-decoration: none; } .blog-post-list.mini .entry-title a:hover { text-decoration: underline; } .blog-post-list .paging { float: right; width: 42%; margin-top: 10px; } .blog-post-list .paging .yui3-u-1-3:first-child .mod { text-align: left; } .blog-post-list .paging .mod { text-align: right; } form .blogSearch span { display: none; } form .blogSearch input { width: 85%; padding: 5px 5px 5px 30px; font-style: italic; font-size: 93%; letter-spacing: 1px; } *+html .mod .hentry { min-height: 1px; } /* -- blog-post-detail -- */ .blog-post-detail .categories, .blog-post-detail .tags { padding: 4px 1% 0 1%; } /* -- blog-feed-list -- */ .blog-feed-list a { padding-left: 3px; } /* -- blog-tag-cloud -- */ .blog-tag-cloud a { padding: 0 1px; } .inventory-search-form label span { display: none; } /* -- locations-- */ .locations-proximity form { margin-bottom: 20px; } .locations-proximity .collapsable > li { margin-bottom: 15px; } .locations-proximity .collapsable .tels { font-size: 93%; } .locations-proximity .collapsable .adr { margin-bottom: 0; } /* -- repdriver -- */ .repdriver.hreview { margin: 0 0 40px; } .repdriver.hreview .item > p { color: #fafafa; background: #333; padding: 10px; position: relative; } .repdriver.hreview .star { float: left; padding-right: 5px; height: 16px; width: 16px; background: url("/static/v9/widgets/repdriver/detail/v1/images/starsprite.png") no-repeat 0 0;} .repdriver.hreview .star-none { float: left; padding-right: 5px; color: #aaa; height: 16px; width: 16px; background: url("/static/v9/widgets/repdriver/detail/v1/images/starsprite.png") no-repeat 0 -17px;} .repdriver.hreview .description, .repdriver.hreview .summary { margin: 20px 0 25px; padding: 0 20px; font-size: 108%; line-height: 1.8; } .repdriver.hreview .dtreviewed { position: absolute; right: 10px; top: 12px; } .repdriver.hreview .badges { display: inline-block; float: left; } .repdriver.hreview .ui-button { display: inline-block; float: right; } .repdriver.hreview img { display: inline-block; } *+html .toolbarWrap .directions .popup .yui3-u-1-2 { width: 48%; } /* -- tentative index styling -- */ .index .ui-dialog.ui-widget-content { overflow: visible; } .index .container-page-title { display: none; } .index .container-page { margin-top: -65px; overflow: visible; } .index .page-bd { width: auto; margin-bottom: 0; padding: 0; border-radius: 0px; box-shadow: none; } .index .upperContainer { width: 100%; margin: 0; position: relative; } .index .upperBundle { bottom: 0; padding-bottom: 9px; position: absolute; width: 100%; } .index .bundleWrap { width: 960px; margin: 0 auto; position: relative; } .index .upperContainer .slideshow-default, .index .upperContainer .slideshow-background { height: 517px; margin: 0; position: relative; width: 100%; } .index .upperContainer .slideShowWrap { display: none; margin: 0 auto; min-width: 960px; overflow: hidden; position: absolute; width: 100%; z-index: 0; } .index .upperContainer .slideShowWrap .slides { margin: 0 auto; } .index .upperContainer .slideShowWrap .slide { height: 517px !important; } .index .upperContainer .slideShowWrap .slides a { text-align: center; } .index .upperContainer .slideShowWrap .slides img { display: inline-block; height: 517px !important; } .index .upperContainer .slideShowWrap .slideControls { position: absolute; top: 40px; left: 50%; margin-left: 340px; z-index: 98; } .index .upperContainer .slideShowWrap .slideControls a { float: left; height: 29px; width: 29px; margin-left: 5px; outline: none; text-indent: -9999em; } .index .slideshow-carousel { height: auto; margin: 0; overflow: hidden; width: 100%; } .index .slideshow-carousel:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .index .slideshow-carousel .bd2 { margin: 0 auto; width: 960px; } .index .slideshow-carousel .slideShowWrap { overflow: visible; position: relative; } .index .slideshow-carousel .slideShowWrap .slides:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .index .slideshow-carousel .slideShowWrap .slides img { display: block; height: auto !important; } .index .slideshow-carousel .slideShowWrap .slideControls { position: static; margin-left: auto; } .index .slideshow-carousel .previousNext { margin-top: -25px; position: absolute; top: 50%; width: 850px; } .index .slideshow-carousel .previousNext a { display: block; height: 51px; text-indent: -9999em; width: 51px; } .index .slideshow-carousel .previousNext .play { display: none; } .index .slideshow-carousel .previousNext .prev { left: -26px; position: absolute; } .index .slideshow-carousel .previousNext .next { position: absolute; right: -26px; } .index .slideshow-carousel .pager { bottom: 0; position: absolute; width: 850px; } .index .slideshow-carousel .pagerInner { float: right; margin: 0 20px 15px 0; } .index .slideshow-carousel .pagerInner a { display: block; float: left; height: 13px; margin-left: 5px; text-indent: -9999em; width: 13px; } .bundleWrap .links-list.vertical { bottom: 34px; left: -1px; margin: 0; position: absolute; width: 275px; } .no-horizontal-list .bundleWrap .links-list.vertical { bottom: 10px; } .ddc-composer .bundleWrap .links-list.vertical { margin-bottom: 34px; position: static; } .bundleWrap .links-list.vertical .ui-button { display: block; height: 95px; margin: 0; padding: 4px; width: 265px; } .no-horizontal-list .bundleWrap .links-list.vertical .ui-button:first-child { margin-bottom: 10px; } .bundleWrap .links-list.vertical .ui-button .ui-button-text { font-size: 146.5%; font-weight: 100; padding: 20px 0 0 17px; text-align: left; } /* -- model selector styling -- */ .model-selector-tooltip .ui-button.ui-state-default { border: none; border-radius: 0; font-family: helvetica; font-size: 100%; font-weight: 600; padding-left: 18px; text-transform: capitalize; } .model-selector-tooltip .ui-state-default .ui-button-text { height: 21px; line-height: 1.2; padding: 8px 18px 4px 0; } .model-selector-tooltip .carousel-container { width: 74%; margin: 0 auto 10px; padding: 0 18px; } .model-selector-tooltip .carousel li { float: left; width: auto; margin: 0 2px 0 2px; padding-bottom: 0; } .model-selector-tooltip .carousel-prev, .model-selector-tooltip .carousel-next { position: absolute; top: 50%; left: 0; height: 24px; width: 11px; margin-top: -12px; cursor: pointer; } .model-selector-tooltip .carousel-next { left: auto; right: 0; } .model-selector-tooltip .carousel-prev-disabled, .model-selector-tooltip .carousel-next-disabled { cursor: default; } .index .model-selector-tooltip { bottom: 35px; left: 280px; margin: 0; position: absolute; width: 680px; } .index .no-horizontal-list .model-selector-tooltip { bottom: 0px; } .index .model-selector-tooltip .carousel-container { float:left; padding: 0 20px; width: 640px; } .index .model-selector-tooltip .carousel li { margin: 0 5px 0 0; min-width: 37px; padding: 0 2px; width: auto; float:left;} .index .model-selector-tooltip .carousel li h1 { font-size: 93%; font-weight: 100; line-height: 1.2; margin-bottom: 0; padding-top: 37px; } .index .model-selector-tooltip .carousel a.tooltipTrigger { font-family: impact, sans-serif; font-size: 167%; line-height: 1; padding-top: 48px; text-decoration: none; } .index .model-selector-tooltip .viewer { height: 305px; left: 10px; padding: 11px 10px 15px 10px; position: relative; top: 16px; width: 639px; } .index .model-selector-tooltip .viewer h4 { float: left; font-size: 100%; margin: 5px 0 -5px 10px; width: 275px; } .index .model-selector-tooltip .viewer h3 { float:left; font-family: impact, helvetica, sans-serif; font-size: 249%; letter-spacing: 0.025em; width: 275px; line-height: 1; margin: 10px 0 3px 10px; } .index .model-selector-tooltip .viewer .pricing { clear: left; float: left; width: 275px; } .index .model-selector-tooltip .viewer .starting { float: left; margin: 0px 10px; padding-top: 3px; } .index .model-selector-tooltip .viewer .price { float: left; font-size: 123.1%; font-weight: 400; margin: 0px; } .index.single-franchise.volvo .model-selector-tooltip .viewer .pricing { clear: none; float: left; width: auto; } .index.single-franchise.volvo .model-selector-tooltip .viewer .starting { display: block; float: none; margin: 17px 10px 0; padding-top: 0px; } .index.single-franchise.volvo .model-selector-tooltip .viewer .price { clear: none; float: left; font-size: 30px; margin: 0px 10px 0; } .index .model-selector-tooltip .viewer ul { float: right; margin: 10px 5px 0 0; } .index .model-selector-tooltip .viewer ul li { float: left; margin-left: 2px; } .index .model-selector-tooltip .viewer img { bottom: 20px; left: 35px; max-width: 90%; position: absolute; } .index.single-franchise.volvo .model-selector-tooltip .carousel li h1 { font-size: 108%; } .index.single-franchise.volvo .model-selector-tooltip .carousel a.tooltipTrigger { font-family: "Volvo Broad"; font-size: 339%; line-height: 1; padding-top: 48px; text-decoration: none; } .index.single-franchise.volvo .model-selector-tooltip .viewer h3 { font-family: "Volvo Broad"; font-size: 60px; letter-spacing: 0; line-height: 1; margin: 10px 0 0 10px; width: auto; } .index.single-franchise.porsche .model-selector-tooltip .carousel a.tooltipTrigger, .index.single-franchise.porsche .model-selector-tooltip .viewer h3 { font-family: "Tahoma"; line-height: 1.2; } .index.single-franchise.porsche .model-selector-tooltip .viewer h3 { margin-top: 4px; } .index.single-franchise.mercedes-benz .model-selector-tooltip .carousel a.tooltipTrigger, .index.single-franchise.mercedes-benz .model-selector-tooltip .viewer h3 { font-family: "Helvetica"; } *+html.index.single-franchise.volvo .model-selector-tooltip .carousel a.tooltipTrigger, *+html.index.single-franchise.volvo .model-selector-tooltip .viewer h3 { line-height: 1.2; } .index .model-selector-tooltip .carousel-container .carousel-prev, .index .model-selector-tooltip .carousel-container .carousel-next { height: 30px; margin-top: 0px; width: 20px; } .index .bundleWrap .links-list.horizontal { bottom: -7px; margin: 0; position: absolute; width: 960px; } .index .lowerContainer .links-list.horizontal { margin: 10px 0; position: static; width: 960px; } .index .bundleWrap .links-list.horizontal .ui-button-text, .index .lowerContainer .links-list.horizontal .ui-button { font-size: 85%; font-weight: bold; } *+html .lowerContainer .links-list li { display: inline-block; } *+html .lowerContainer .links-list.horizontal li { display: inline; } .index .lowerContainer { width: 960px; margin: 0 auto; padding-top: 20px; } .index .lowerContainer:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .index .lowerContainer.no-top-padding { padding-top: 1px; } .index-align-left .mod { margin: 0 2% 20px 0; width: 98%; } .index-align-right .mod { margin: 0 0 20px 2%; width: 98%; } .full-width .mod { width: 100%; margin: 0 0 20px; } .index .mod .mod { margin: 0; width: auto; } .mod.tabs-neighbor { margin-top: 28px; } .lowerContainer .incentives-listing-facetlist li a { font-weight: 100; } .lowerContainer .incentives-listing-facetlist li a em { font-size: 108%; font-weight: 400; } .lowerContainer .links-list li a { font-size: 108%; font-weight: 400; } *+html .lowerContainer .mod h1, *+html .lowerContainer .incentives-listing-facetlist li a em, *+html .lowerContainer .links-list li a { font-weight: bold; } /* -- model-specific-landing-listing styling --*/ .model-specific-landing-listing a { padding-right:5px; } /* -- start incentive search index --*/ .incentives-search-default .facets-container { margin: 14px 14px 0 0; } .incentives-search-default .facet-group { margin: 0 0 14px 0; } .incentives-listing-default .v2 .facets-container { margin: 14px 14px 0 0; } .incentives-listing-default .v2 .facet-group { margin: 0 0 14px 0; } /* -- start group-franchises incentive landing page --*/ .search-region form label, .search-region form label span, .search-region form input, .search-region form textarea, .search-region form select { float: none; } .search-region form { padding: 1em 3em 0em; } /* -- index tabs styling -- */ .inventory-tabs .ui-tabs-nav li { font-weight: bold; } .inventory-tabs .ui-tabs-nav li:first-child, .inventory-tabs .ui-tabs-nav li.ui-tabs-selected:first-child { box-shadow: -3px -4px 5px 0 rgba(78, 92, 97, 0.25); } .inventory-tabs .ui-tabs-nav li.ui-tabs-selected { padding: 0 0 5px; box-shadow: 0 -4px 5px 0 rgba(78, 92, 97, 0.25); } .inventory-tabs .ui-tabs-nav li a { padding: 8px 15px 6px; } html[lang="fr-CA"] .inventory-tabs .ui-tabs-nav li a, html[lang="es-US"] .inventory-tabs .ui-tabs-nav li a { padding: 8px 10px 6px; } .inventory-tabs .ui-tabs-panel { border-radius: 0px 6px 6px 6px; box-shadow: 0 0px 3px 3px rgba(78, 92, 97, 0.25); padding: 0; } .inventory-tabs .hproduct { margin-bottom: 1px; min-height: 0; padding: 4px 10px 3px 3px; position: relative; } .inventory-tabs .hproduct .media { margin: 0 2% 0 0; width: auto; } .inventory-tabs .hproduct .media .lazy-image { min-height: 90px; } .inventory-tabs .hproduct h1 { margin-top: 8px; width: 70%; } .inventory-tabs .hproduct .description { width: 40%; } .inventory-tabs .hproduct .description span { clear: left; float: left; } .inventory-tabs .hproduct .pricing { padding-bottom: 30px; width: 28%; } .inventory-tabs .hproduct .view-link { bottom: 3px; position: absolute; right: 10px; } .inventory-tabs .hproduct .calloutDetails { display: none; } .inventory-tabs .ui-state { border: none; border-radius: 0 6px 6px 6px; margin: 0; min-height: 473px; } .inventory-tabs .large { border-radius: 0 0 6px 6px; margin: 0; } .inventory-tabs .large .ui-button-text { font-size: 116%; padding: 9px 30px 0 0; } .inventory-tabs .hproduct .media img { max-width: 134px; width: 134px; } .hours-tabs .ui-tabs-nav li { border: none; bottom: auto; box-shadow: none; margin: 0 1% 5px 0; width: 32%; } .hours-tabs .ui-tabs-nav li.ui-tabs-selected { border: none; bottom: auto; padding: 0; } .hours-tabs .ui-tabs-nav li a { font-weight: 600; padding: 0 0 0 8px; text-transform: capitalize; } .hours-tabs .ui-tabs-panel { padding: 0 0 0 0; } .hours-tabs li em { width: 44%; } *+html .inventory-tabs .ui-tabs-nav li { font-weight: bold; } *+html .inventory-tabs .hproduct { position: relative; } /* -- google maps styling -- */ .google-map, .map-static img { box-shadow: 0 0px 5px 2px rgba(78, 92, 97, 0.25); margin-bottom: 5px; } .map-static img { width: 100%; } /* -- inventory-search-form styling -- */ .inventory-search-form label span { display: none; } /* -- content widget styling -- */ .index .lowerContainer .full-width .content-default { margin-top: 20px; } .index .content .truncateToggle { float: right; } /* -- begin nav forward styling -- */ /* -- nav forward landing page -- */ .mod.inventory-search-forward .bd .navfwd-dock a.show { filter: none; font-size: 100%; height: 50px; min-width: 50px; opacity: 1; padding: 9px 10px 8px 5px; } .mod.inventory-search-forward .bd .navfwd-dock a:hover { padding-left: 10px; } .mod.inventory-search-forward .bd .navfwd-dock .navfwd-results { margin-top: 2px; } .mod.inventory-search-forward .bd .navfwd-dock .navfwd-results .label { font-size: 85%; left: auto; right: 8px; text-transform: none; } .mod.inventory-search-forward .bd .navfwd-dock .navfwd-results .count { font-size: 116%; left: auto; margin-right: 0px; padding-right: 8px; position: relative; right: 6px; } .mod.inventory-search-forward .bd .navfwd-dock.no-results a .count { display: inline-block; height: 22px; } *+html .mod.inventory-search-forward .bd .navfwd-dock .navfwd-results .label { float: left; max-width: 70px; } *+html .mod.inventory-search-forward .bd .navfwd-dock a .navfwd-results .count { clear: left; position: absolute; } .lowerContainer .navContainer { padding-top: 260px; position: relative; } .navForwardContainer { margin: 0 auto; position: relative; width: 960px; } .lowerContainer .navForwardContainer { position: static; width: auto; } .navForwardContainer .inventory-search-forward { margin: 0 auto; width: auto; } .index .panel .navfwd-loading { min-height: 184px; } .navfwd-open .panel { left: 3%; top: 190px; } .index .navfwd-open.landing .panel { height: auto; left: 3px; position: absolute; top: -486px; } .lowerContainer .navfwd-open.landing .panel { top: 0; width: 90%; } .index .navfwd-open.landing .panel:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .index .inventory-search-forward .inventory-search-facetbrowse fieldset { margin-bottom: 0; } .navfwd-open { position: relative; z-index: 5; } .index .navfwd-open { position: relative; z-index: 1; } .lowerContainer .navfwd-open { position: static; } .index .navfwd-content { min-height: 200px; } .mod .navfwd-content .inventory-search-facetbrowse button { margin-top: 3px; } .mod .navfwd-content .inventory-search-facetbrowse button .ui-button-text { border: none; box-shadow: none; font-size: 100%; } .index .mod .navfwd-content .links-list li a.small span.ui-icon { margin-top: 0; } *+html .navForwardContainer { left: 50%; margin-left: -480px; position: absolute; } /* -- nav forward panel -- */ .mod .navfwd-open .panel { border-radius: 6px; box-shadow: 0 0px 3px 3px rgba(78, 92, 97, 0.25); } .mod .navfwd-content { border-radius: 4px; box-shadow: 0 0px 1px 1px rgba(78, 92, 97, 0.25); } /* -- end nav forward styling -- */ /* -- nav forward replace - statis search browse JIRA-18830 */ .bundleWrap .mod.nav-forward-replace {position:absolute; left:-1px; bottom:245px; width: 275px; margin: 0;} .container-page .bundleWrap .nav-forward-replace.mod.type-1 .inner2 {padding-top: 10px;} .lowerContainer .mod.nav-forward-replace {position:absolute; left:-1px; top: 20px; width: 98%; margin: 0;} /* -- /end nav forward replace - statis search browse JIRA-18830 */ /* -- specials styling -- */ .page-bd .specials-listing .mod { margin-bottom: 30px; } .specials-listing .special > div:first-child ul { margin-left: auto; } .page-bd .specials-listing .mod li { list-style: none; } .page-bd .specials-listing .mod .mod { margin: 10px auto 0; width: 82%; } .page-bd .specials-listing .mod .mod li { text-align: center; } .page-bd .specials-listing .mod .mod li a { display: inline-block; } .specials-listing img { max-width: none; } .index .container-footer { margin-top: -8px; } .container-footer { padding-top: 8px; } .container-footer .doc { border-top: 1px solid; } .footer { width: 960px; margin: 0 auto; padding: 35px 0 50px; } .footer:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .footer a { text-decoration: none; } .footer .upper { margin-bottom: 20px; } .footer .content-text { margin-bottom: 5px; } .footer .links-list { margin-right: 10px; } .footer .links-list h1 { font-size: 93%; font-weight: bold; text-transform: uppercase; } .footer .links-list li { display: block; } .footer .contact-form { display: inline-block; } .footer .contact-form .inner { float: right; width: 90%; } .footer .contact-form .preferred-contact { display: none; } .footer .navigation-default { float: right; } .footer .navigation-default li { float: left; margin-left: 10px; font-size: 93%; font-weight: bold; text-transform: uppercase; } .footer .credit { display: block; height: 21px; width: 90px; text-indent: -9999em; } .footer .credit.tc, .footer .credit.fr-tc { height: 26px; width: 120px; } *+html .footer .mod h1 { font-weight: bold; } /* -- on-deposit / paypal -- */ .on-deposit-disclaimer div.content { clear: both; font-size: 84.6%; } .on-deposit-inventory .hproduct { padding: 10px; border: 1px solid #999; } .on-deposit-inventory .hproduct .pricing, .on-deposit-inventory .hproduct .calloutDetails, .on-deposit-inventory .hproduct .hproductDynamicArea { display: none; } .on-deposit-inventory .hproduct .description { width: 70%; } .on-deposit-inventory .hproduct .description span { display: block; float: left; width: 45%; margin-right: 4%; } .on-deposit-inventory .hproduct .description span.separator { display: none; } .paypal-confirm .error, .paypal-form .error { clear: both; text-align: left; } .paypal-confirm .error .ui-icon, .paypal-form .error .ui-icon { float: left; } .paypal-form { overflow: hidden; } .paypal-form.two-column label { float: left; width: 47%; margin: 0 0 0 3%; padding-bottom: 5px; } .paypal-form.two-column label > span { display: block; float: none; width: 100%; line-height: 1.2em; } .paypal-form.two-column label select, .paypal-form.two-column label input { float: left; width: 90%; margin: 0; } .vdp .on-deposit-link { float: right; } .showroom .on-deposit-link .ui-button-text, .vlp .on-deposit-link .ui-button-text { color: #fff; } /* -- tooltips -- */ .tooltip.on-deposit-tooltip, .vlp .tooltip, .vdp .tooltip { z-index: 100; padding: 10px; border: 1px solid #aaa; border-radius: 4px; background-color: #fff; } .tooltip.on-deposit-tooltip { width: 210px; height: 165px; } /* -- mycars -- */ .ddc-toolbar .login-form .ui-button.large { float: right; } .smartbar .contact .tels li:first-child { margin-top: 0; } .ddc-toolbar .mycars .login .popup .login-form label span { width: 25%; } .ddc-toolbar .smartbar .contact .popup .ui-button-text, .ddc-toolbar .mycars .popup .ui-button.ui-button-text-only .ui-button-text, .index .ddc-toolbar .mod .mycars .popup .ui-button.ui-button-text-only .ui-button-text { padding-top: 6px; } .ddc-toolbar .inventory-featured-default .hproduct { margin-right: 20px; margin-bottom: 20px; } .ddc-toolbar .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-top: 0; } .inventoryList .mycars-vlp { width: 97%; } .inventory-detail-pricing .mycars-vdp { width: 97%; margin-left: 1%; } .ddc-toolbar .mycars-off .mod.directions-form button { margin-top: 5px; margin-right: 27px; } .ddc-toolbar .mycars .saved-cars .user-info .prompt-login, .ddc-toolbar .mycars .price-alerts .user-info .prompt-login { padding-bottom: 5px; } .ddc-toolbar .mycars .saved-cars .login-form, .ddc-toolbar .mycars .price-alerts .login-form { bottom: 50px; } /* -- mycars favorites page */ .mycars-favorites .inventoryList .alert-set, .mycars-favorites .inventoryList .item-compare { position: absolute; top:auto; bottom: 5px; right: 5px; font-size: 85%; text-transform: capitalize; } .mycars-favorites .inventoryList .alert-set { bottom:20px; margin-bottom: 5px; } .mycars-favorites .inventoryList label.checkbox { float:right; margin:0 0 0 0; padding-right: 0; } .mycars-favorites .inventoryList label.checkbox input.checkbox { position: relative; float: right; top: 2px; padding-right: 0; padding-left: 0; margin: 0 0 0 5px; line-height: inherit;; } .mycars-favorites .inventoryList label.checkbox span { float:right; margin: 0 0 0 0; line-height: inherit; text-align: right; } .mycars-favorites .inventoryList .date-created { font-size: 11px; } .mycars-favorites .type-2 .hproduct h1 { margin-bottom: 5px; } .mycars-favorites .inventoryList .price.h3 a { color: #fff; } .mycars-favorites .comparing { padding-top: 5px; border-top: 1px solid #849FAF; } .mycars-favorites input.checkbox { box-shadow: none; } .mycars-favorites .ddc-more { display: block; } .mycars-favorites .hproduct .pricing { clear: right; } .mycars-favorites .hproduct .pricing li { display: block; } .mycars-favorites .hproduct .description { float: left; } .mycars-favorites .hproduct > div { min-height: 215px; } .mycars-favorites .inventoryList .item-compare .id.checkbox input.checkbox { padding: 3px 0 0 0; } .ie9 .mycars-favorites .ui-state-active.ui-button .ui-button-text { margin-top: 0; margin-left: 0; } .ie9 .mycars-favorites .ui-state-active.ui-button { padding-right: 0; } /* -- casl styling -- */ .form-casl .casl-disclaimer { float: left; clear: left; width: 90%!important; margin: 0 2% 4px; } .form-casl label span.casl-header { width: 100%; } .form-casl .ui-dialog-content label.cemConsent { float: left; clear: left; }