/*=reset Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.1 --------------------------------------------------*/ #showroom {position: relative;line-height:1.5;} #showroom body,#showroom div,#showroom dl,#showroom dt,#showroom dd,#showroom ul,#showroom ol,#showroom li,#showroom h1,#showroom h2,#showroom h3,#showroom h4,#showroom h5,#showroom h6,#showroom pre,#showroom code,#showroom form,#showroom fieldset,#showroom legend,#showroom input,#showroom textarea,#showroom p,#showroom img,#showroom blockquote,#showroom th,#showroom td {float:none;clear:none;margin:0;padding:0;border:0;text-align:left;} #showroom table{border-collapse:collapse;border-spacing:0;} #showroom address,#showroom caption,#showroom cite,#showroom code,#showroom dfn,#showroom em,#showroom strong,#showroom th,#showroom var{font-style:normal;font-weight:normal;} #showroom li {list-style:none;} #showroom caption {text-align:left;} #showroom th {text-align:left;} #showroom h1,#showroom h2,#showroom h3,#showroom h4,#showroom h5,#showroom h6 {font-size:122%;font-weight:bold;} #showroom q:before,#showroom q:after {content:'';} #showroom abbr,#showroom acronym {border:0;font-variant:normal;} #showroom sup,#showroom sub {line-height:-1px;vertical-align: text-top;} #showroom sub{vertical-align:text-bottom;} #showroom input {font-family: "Trebuchet MS";font-size:inherit;font-weight:inherit;} #showroom textarea {font-family:inherit;font-size:inherit;font-weight:inherit;} #showroom select{font-family:"Trebuchet MS";font-size:inherit;font-weight:inherit;} #showroom input {border: 1px solid #888; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; } #showroom input.default{ font-style: italic; color: #999; } #showroom input.error{ border-color: #C00; background: #FCC; } #showroom textarea {border: 1px solid #888; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD;} #showroom span,#showroom strong,#showroom label {float: none;clear:none;display: inline;width:auto;margin:0;padding:0;font-style:normal;} #showroom label.error{ visibility: hidden; overflow: hidden; height: 0; padding-left: 20px; color: #C00; background: url(/apps/showroom2/components/img/icon-error.gif) no-repeat 0 50%; } #showroom hr{display:none;} /*submit resets*/ div#showroom .submit,div#showroom .submit a, div#showroom .submit span {float: none; margin: 0; padding: 0; background: none;} div#showroom .submit a,div#showroom .submit a:link,div#showroom .submit a:visited,div#showroom .submit a:hover,div#showroom .submit a:active,div#showroom .submit a span,div#showroom .submit a:link span,div#showroom .submit a:visited span,div#showroom .submit a:hover span,div#showroom .submit a:active span {color: #000; text-decoration: none;} /* =fonts Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.1 --------------------------------------------------*/ #showroom {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;} #showroom a{outline:0;text-decoration:none;} #showroom a:hover{text-decoration:underline;} #showroom strong{font-weight: bold;} #showroom table{font-size:inherit;font:100%;} #showroom pre,#showroom code,#showroom kbd,#showroom samp,#showroom tt{font-family:monospace;*font-size:108%;line-height:99%;} /* =submit resets -------------------------------------------------- */ div#showroom div.submit {float: none; text-align: left;} div#showroom div.submit a {float: none; display: block; margin: 0; padding: 0; background: transparent;} div#showroom div.submit a span {margin: 0; padding: 0; background: transparent;} /* =showroom -------------------------------------------------- */ #showroom {position: relative; margin-top: 10px; border: 1px solid #aaa; border-width: 0 1px 1px;} div#showroom #showroomDisclaimer p {margin-top: 0; padding: 1em; border-top: 1px solid #888; font-size: 77%;} * html #showroom {width: 100%;} /* clears */ div#titleWrap:after, div#showroomTitle:after, div#showroomTitle #showroomNav ul:after, .showroomCore:after, div#showroomFooter:after, div.subtitleWrap:after, div#showroom .modelList:after, div#showroom .chooserPane:after, div#showroom .chooserPane ul:after, div#showroom #overview #colorsList:after, div#showroom .chooserPane li.group ul:after, div#showroom div.modelImg img:after, div#showroom ul.paneNav:after, div#showroom .mpgPane dl:after, div.corePane:after, div#showroom .colors .corePane:after, div#showroom .colors #colorsContent:after, div#showroom .colors #colorSwatchNav:after, div#showroom .colors #colorSwatchNav ul.paneNav:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html div#titleWrap, * html div#showroomTitle, * html div#showroomTitle #showroomNav ul, * html .showroomCore, * html div#showroomFooter, * html div.subtitleWrap, * html div#showroom .modelList, * html div#showroom .chooserPane, * html div#showroom .chooserPane ul, * html div#showroom #overview #colorsList, * html div#showroom .chooserPane li.group ul, * html div#showroom div.modelImg img, * html div#showroom ul.paneNav, * html div#showroom .mpgPane dl, * html div.corePane, * html div#showroom .colors .corePane, * html div#showroom .colors #colorsContent, * html div#showroom .colors #colorSwatchNav, * html div#showroom .colors #colorSwatchNav ul.paneNav {zoom: 1;} *+html div#titleWrap, *+html div#showroomTitle, *+html div#showroomTitle #showroomNav ul, *+html .showroomCore, *+html div#showroomFooter, *+html div.subtitleWrap, *+html div#showroom .modelList, *+html div#showroom .chooserPane, *+html div#showroom .chooserPane ul, *+html div#showroom #overview #colorsList, *+html div#showroom .chooserPane li.group ul, *+html div#showroom div.modelImg img, *+html div#showroom ul.paneNav, *+html div#showroom .mpgPane dl, *+html div.corePane, *+html div#showroom .colors .corePane, *+html div#showroom .colors #colorsContent, *+html div#showroom .colors #colorSwatchNav, *+html div#showroom .colors #colorSwatchNav ul.paneNav {zoom: 1;} /* =smartbrowse data shoud always be hidden */ #smartbrowseData{ display: none; } /* =subPanels -------------------------------------------------- */ div#subPanel0 {position: absolute; right: 5px; top: 4.5em; float: left; width: 202px;} div#subPanel1 {position: absolute; right: 5px; top: 6em; float: left; width: 202px; height: 415px; padding-top: 5px;} /* requires chained classing to work with current paradigm, setting style inline for now subpanel1.vm*/ div#subPanel1 div.logo img {display: block; margin: 0 auto;} /* contactForm */ div#contactForm { padding: 5px; border: 1px solid #aaa; } div#contactForm h4 { padding: 5px; font-size: 100%;} div#contactForm h4 .submitting{ display: block; padding-left: 24px; background: url(/apps/showroom2/components/img/submitting.gif) no-repeat 0 50%; } div#contactForm form, div#contactForm fieldset {background-color: transparent;} div#contactForm p {margin: .5em 0; font-size: 85%;} div#contactForm label {position: relative; display: block; margin: .5em 0;} div#contactForm label span {display: none;} div#contactForm input {position: relative; z-index: 1;} div#contactForm select {width: 99%; font-size: 121%;} div#contactForm input {width: 94%; padding: .2em; font-size: 121%; background-color: #fff;} div#contactForm textarea {width: 94%; padding: .2em; font-size: 100%; background-color: #fff;} div#showroom div#contactForm .submit {display: block; width: 100%; height: 16px; margin: 0; padding: 5px 0 5px 4px; font-size: 100%; text-align: left; font-family: "Trebuchet MS"; color: #fff;} * html div#contactForm { padding-right: 0; } * html div#contactForm input, * html div#contactForm textarea {width: 95%;} /* toolsLinks */ div#showroom #subPanel1 div#toolsLinks {display: none;} div#showroom #subPanel1 div#toolsLinks {margin: 5px 0; padding: 10px; border: 1px solid #888; font-size: 85%;} #subPanel1 div#toolsLinks .btn {display: none;} #subPanel1 div#toolsLinks .toolsLinks li {margin: 1em 0; padding-left: 2px; border: 1px solid #aaa; border-width: 0 0 0 2px;} #subPanel1 div#toolsLinks .toolsLinks li p {display: none;} /* =.flowLink -------------------------------------------------- */ div#showroom div.flowLink { margin: 10px 0 0 0; } div#showroom div.flowLink a {position: relative; display: block; padding: 0 0 0 10px;} div#showroom div.flowLink a span { position: relative; z-index: 2; display: block; } div#showroom div.flowLink a span.clone { position: absolute; top: 1px; left: 11px; z-index: 1; color: #444; } * html div#showroom div.flowLink {clear: right;} /* =showroomNav -------------------------------------------------- */ div#showroom #showroomNav { border-bottom: 1px solid #aaa; background: #f5f5f5 url(/apps/showroom2/components/img/showroomnav-bg0.gif) repeat-x 0 100%; } div#showroom #showroomNav li {float: left;} div#showroom #showroomNav li.active { background: url(/apps/showroom2/components/img/showroomnav-bg1.gif) no-repeat 100% -58px;} div#showroom #showroomNav li.prior { background: url(/apps/showroom2/components/img/showroomnav-bg1.gif) no-repeat 100% 0;} div#showroom #showroomNav li.prior a { position: relative; color: #FFF; } div#showroom #showroomNav li.prior a span{position: relative; z-index: 2; background: none;} div#showroom #showroomNav li.prior a span.clone{position: absolute; top: 1px; left: 1px; z-index: 1; color: #444; white-space: nowrap;} div#showroom #showroomNav li.active a{ position: relative; font-weight: bold; color: #FFF; } div#showroom #showroomNav li.active span{position: relative; z-index: 2; background: none; } div#showroom #showroomNav li.active a span.clone{position: absolute; top: 1px; left: 1px; z-index: 1; color: #444; white-space: nowrap;} div#showroom #showroomNav li a {display: block; font-weight: normal; color: #000;} div#showroom #showroomNav li a span{ display: block; padding: 0 25px 0 30px; line-height: 2em; background: url(/apps/showroom2/components/img/showroomnav-separator0.gif) no-repeat 100% 100%; } * html div#showroom #showroomNav { height: 25px; } * html div#showroom #showroomNav li a span { top: -2px; } * html div#showroom #showroomNav ul li.prior a span.clone, * html div#showroom #showroomNav ul li.active a span.clone { top: -7px; left: -30px; } *+html div#showroom #showroomNav li.prior a span.clone, *+html div#showroom #showroomNav li.active a span.clone {top:-5px;} /* =showroomTitle -------------------------------------------------- */ div#showroom #showroomTitle {/*position: relative;*/ z-index: 1;} div#showroomTitle h1 {position: relative; z-index: 1; display: block; height: 1.2em; padding: .3em 4em .2em 5px; font-size: 221%; background: #fff;} div#showroomTitle h1 {background: url("/apps/showroom2/components/img/title-bg.png") no-repeat 50% 50%;} div#showroomTitle h1 span.h1Shdw {display: block; position: absolute; bottom: -5px; left: 0; width: 100%; height: 5px; background: url("/apps/showroom2/components/img/h1-shdw.png") no-repeat 50% 100%; } div#showroomTitle h1 .vMinMsrp {position: absolute; right: -5px; top: -5px; z-index: 1; width: 157px; height: 58px; padding: 7px 0 0 0; text-align: center; line-height: 1; color: #FFF; background: url(/apps/showroom2/components/img/price-bg.gif) no-repeat; } div#showroomTitle h1 .vMinMsrp span {display: block; font-size: 50%;} div#showroomTitle h1 .vMinMsrp span.noPrice {display: block; font-size: 85%;} div#showroom h1 {border-top: 1px solid #888;} * html div#showroomTitle h1 {border-bottom: 1px solid #888;} /* =showroomCore -------------------------------------------------- */ div#showroom .showroomCore {position: relative; min-height: 515px;} * html div#showroom .showroomCore {height: 515px;} /* =corePanel -------------------------------------------------- */ div#showroom .corePanel {min-height: 415px; padding: 6px 212px 5px 5px;} * html div#showroom .corePanel {height: 330px; padding: 5px 215px 5px 5px;}} /* =corePane -------------------------------------------------- */ div#showroom div.corePane {position: relative; z-index: 2;} /* =modelImg fallback -------------------------------------------------- */ div#showroom .showroomCore .modelImg {z-index: 3;} div#showroom .showroomCore div.fallback .modelImgWrap {width: 450px; padding: 5px; border: 1px solid #aaa; text-align: center; background: #fff url("/apps/showroom2/components/img/contact-form-bg.png") repeat-x 0 100%;} div#showroom .showroomCore div.modelImg img {display: block; margin: 0 auto;} div#showroom .showroomCore div.modelImg img.hacked {width: 480px; height: 220px; bottom: 0;} /* =.corePaneContent -------------------------------------------------- */ div#showroom div.corePaneContent h3, div#showroom .overview #overviewContent h5 {padding: 10px 0 6px 5px; color: #222; border-bottom: 1px solid #bebebe; } div#showroom .modelImg {position: absolute; width: 480px;} div#showroom .modelImg .modelImgWrap {width: 480px; display: block; overflow: hidden; margin: 0 auto; text-align: center;} div#showroom .make .modelImg, div#showroom .bodystyle .modelImg, div#showroom .makemodel .modelImg, div#showroom .makebodystyle .modelImg, div#showroom .overview .modelImg {bottom: 156px; right: 206px;} *+html div#showroom div.corePaneContent .overviewLinks li a{min-height:1px;} /* =mpgPane ------------------------------------------------- */ div#showroom div.mpgPane {width: 100%;} div#showroom div.mpgPane dl {background: url('https://static.dealer.com/v8/widgets/automotive/inventory/details/images/white/images-mpg-pumpicon-default.gif') no-repeat 50% 50%;} div#showroom div.mpgPane dt {display: none;} div#showroom div.mpgPane dd {width: 100px; float: left; text-align: center; font-size: 186%; font-weight: bold;} div#showroom div.mpgPane dd span {width: 100px; float: left; font-size: 43%;} div#showroom div.mpgPane dd strong {display: block; width: 100%; font-size: 55%;} div#showroom div.mpgPane dd.city {float: right;} /* =.coreSub -------------------------------------------------- */ div#showroom .coreSub {z-index: 3;} div#showroom div.coreSub li {margin: .5em 1em; background: #fff; } div#showroom div.coreSub {position: absolute; top: 0; right: 10px; width: 175px;} div#showroom .coreSub ul.paneNav {padding: 4px; border: 1px solid #aaa;} div#showroom .coreSub ul.paneNav li{ cursor: hand; margin: 0; border-top: 1px solid #ccc; opacity: .8; background: #FFF; } div#showroom .coreSub ul.paneNav li.first { border-top: 0;} div#showroom .coreSub ul.paneNav li.active{ opacity: 1; background: #fff; } div#showroom .coreSub ul.paneNav li a{ position: relative; display: block; width: 100%; font-weight: normal; color: #000; background-repeat: repeat-x; background-position: 100% 50%; } div#showroom .coreSub ul.paneNav li a span { display: block; padding: 5px 10px 5px 5px; } div#showroom .coreSub ul.paneNav li.active a { font-weight: bold; background-image: url(/apps/showroom2/components/img/item-selected.gif); } div#showroom .coreSub ul.paneNav li a:hover { background-image: url(/apps/showroom2/components/img/item-hover.gif); } /* =chooserPanel -------------------------------------------------- */ div#chooserPanelWrap {position: absolute; top: 420px; width: 100%; clear: both; background: #aaa;} div#showroom .video #chooserPanelWrap {top: 382px;} div#showroom #chooserTabs {position: absolute; top: -2.1em; left: 20px; height: 2em; z-index: 3; font-size: 85%;} div#showroom #chooserTabs .paneNav li {float: left; height: 22px; margin: 0 10px 0 0; padding: 0 5px 0 0; color: #FFF; background: url(/apps/showroom2/components/img/tabs.gif) no-repeat 100% 0; } div#showroom #chooserTabs .paneNav li a {position: relative; left: -5px; display: block; height: 22px; padding: 0 0 0 10px; line-height: 22px; color: #DDD; background: url(/apps/showroom2/components/img/tabs.gif) no-repeat; } div#showroom #chooserTabs .paneNav li.active { background-position: 100% -44px; } div#showroom #chooserTabs .paneNav li.active a { color: #222; background-position: 0 -44px; } div#showroom #chooserTabs .paneNav li a:hover{ color: #FFF; } div#showroom #chooserTabs .paneNav li.active a:hover{ color: #000; } div#showroom #chooserTabs .paneNav li a span {display: block; } div#showroom #chooserCtrl {position: absolute; top: 0; left: 0; width: 100%;} div#showroom #chooserCtrl li {position: absolute; top: 0; width: 31px; height: 92px;} div#showroom #chooserCtrl .leftCtrl { cursor: pointer; left: 0; text-indent: -9999px; background: url(/apps/showroom2/components/img/carousel-buttons.gif) no-repeat 0 0; } div#showroom #chooserCtrl .hoverLeftCtrl { background-position: 0 -184px; } div#showroom #chooserCtrl .rightCtrl { cursor: pointer; right: 0; text-indent: -9999px; background: url(/apps/showroom2/components/img/carousel-buttons.gif) no-repeat 100% 0; } div#showroom #chooserCtrl .hoverRightCtrl { background-position: 100% -184px; } div#showroom .chooserPaneWrap {width: 100%; overflow: hidden;} div#showroom .chooserPane {width: 10000px;} div#showroom .chooserPane li {position: relative; float: left; width: 150px;} div#showroom .chooserPane li.selected { background: url(/apps/showroom2/components/img/selected-item.gif) repeat-x; } /* =photo page specific --*/ div#showroom div.photos .chooserPane li {position: relative; float: left; width: 111px;} div#showroom div.photos .chooserPane ul li a { display: block; width: 98px; height: 74px; margin: 4px auto 0 auto; border: 2px solid #ddd; } div#showroom div.photos .chooserPane ul li a img { width: 98px; } div#showroom div.photos .chooserPane ul li.selected a, div#showroom div.photos .chooserPane ul li a:hover { border-color: #4ab6c5; } /* end photo page specific --*/ div#showroom .chooserPane li.logo img {width: auto;} div#showroom .chooserPane li.logo span {position: absolute; top: 0; display: block; width: 100%; text-align: center;} div#showroom .chooserPane li.group h4 {position: absolute; top: -1.5em;} div#showroom .chooserPane li h4 {float: left;} div#showroom .chooserPane li a {display: block; position: relative; text-align: center; height: 82px;} div#showroom .photos .chooserPane li a img {width: auto;} div#chooserPanel {height: 82px; padding: 5px 30px;} /* chooserPane li widths */ div#showroom .make .chooserPane li, div#showroom .bodystyle .chooserPane li, div#showroom .makebodystyle .chooserPane li, div#showroom .makemodel .chooserPane li { width: 220px; } div#showroom .make .chooserPane li a img, div#showroom .bodystyle .chooserPane li a img, div#showroom .makebodystyle .chooserPane li a img, div#showroom .makemodel .chooserPane li a img, div#showroom .colors .chooserPane li a img {display: block; width: auto; margin: 0 auto; } div#showroom .make .chooserPane li a img, div#showroom .bodystyle .chooserPane li a img, div#showroom .makebodystyle .chooserPane li a img, div#showroom .makemodel .chooserPane li a img {height: 65px;} * html div#showroom #chooserTabs { top: -2em; } * html div#showroom #chooserCtrl ul {width: 100%; padding: 0 30px;} /* =showroomFooter -------------------------------------------------- */ div#showroom #showroomFooter {clear: both; padding: 0 10px;} div#showroom #showroomFooter #toolsLinks li {float: left; padding: .5em 1em; } div#showroom #showroomFooter #toolsLinks p {display: none;} /* =defaultScenario -------------------------------------------------- */ div#showroom .default div.coreSub {position: static; top: auto; right: auto; width: 100%;} div#showroom .default div.coreSub ul.paneNav {padding: 0 0 0 10px; border: 0;} div#showroom .default div.coreSub .paneNav li {float: left; margin: 0 10px 0 0; padding: 0 5px 0 0; border-top: 0; font-size: 128%; background: transparent url(/apps/showroom2/components/img/large-tabs.png) no-repeat 100% 0px;} div#showroom .default div.coreSub .paneNav li.active {background-position: 100% -92px;} div#showroom .default div.coreSub .paneNav li a {position: relative; left: -10px; padding: 0 0 0 10px; color: #fff; background: transparent url(/apps/showroom2/components/img/large-tabs.png) no-repeat 0 0;} div#showroom .default div.coreSub ul.paneNav li a:hover {background-image: url(/apps/showroom2/components/img/large-tabs.png);} div#showroom .default div.coreSub .paneNav li.active a {color: #222; background-position: 0% -92px;} div#showroom .default div.coreSub .paneNav li a span {display: block; padding: 6px 0 4px 5px;} div#showroom .default h2 {height: 5px; padding: 0 0 1.2em 5px; font-size: 2em;} div#showroom .default div#defaultContent a {display: block; margin: 0 auto;} div#showroom .default div#defaultContent a img {display: block; width: 150px; margin: 0 auto;} div#showroom .default .modelList .model {position: relative; float: left; width: 154px; height: 14.5em; padding: 3px 13px; background: transparent url(/apps/showroom2/components/img/contact-form-bg.png) repeat-x 0 0;} div#showroom .default .modelList div.hover {background: #D9F4F9 url('/apps/showroom2/components/img/model-hover.png') repeat-x 0 0; cursor: pointer;} div#showroom .default .modelList div.hover .modelContent div.titlePrice {background: #fff url('/apps/showroom2/components/img/model-hover.png') repeat-x 0 100%;} div#showroom .default .modelList div.hover a {text-decoration: underline;} div#showroom .default .modelList .model .modelContent {position: absolute; bottom: 10px;} div#showroom .default .modelList .model .modelContent div {width: 150px; padding: 0 2px 2px;} div#showroom .default .modelList .model .modelThumb img {width: 150px;} div#showroom .default .modelList .model div.wireframe img {width: auto;} div#showroom .default .modelList .model .modelContent div.titlePrice {height: 4em; padding-bottom: 2px; text-align: center;} div#showroom .default .modelList .model .titlePrice h5 {text-align: center; font-size: 100%;} div#showroom .default .modelList .model .titlePrice h5 a {color: #000;} div#showroom .default .modelList .model .titlePrice span {font-style: italic;} div#showroom .default .modelList .model .titlePrice .price {font-weight: bold; color: #0778BD;} * html div#showroom .default .modelList .model {padding: 3px 12px;} * html div#showroom .default div.coreSub .paneNav li, * html div#showroom .default div.coreSub .paneNav li a {width: 1%;} * html div#showroom .default div.coreSub .paneNav li a span {} * html div#showroom .default .model {display: inline;} /* =makeScenario -------------------------------------------------- */ div#showroom .make .corePanel {width: 250px; height: 416px; padding-left: 0; background: url(/apps/showroom2/components/img/white-gradient.png) repeat-y; } div#showroom .make #makeContent p { margin: 0 10px 20px 0; } div#showroom .make #makeContent li { line-height: 1.5; } div#showroom .make .modelImg a span {display: none;} div#showroom .make .modelImg a img {position: relative; margin: 0 auto;} div#showroom .make .chooserPane li.group {padding: 0 5px 0 0;} div#showroom .make .chooserPane li.group h4 span {display: block; width: 200px; color: #fff;} div#showroom .make .chooserPane li.group a {position: relative;} div#showroom .make .chooserPane li.group a img {display: block; height: 82px;} div#showroom .make .chooserPane li.group li span {position: absolute; bottom: 0;} /* =makeModelScenario -------------------------------------------------- */ div#showroom .makemodel .modelImg a span {display: none;} div#showroom .makemodel #makemodelContent h3 {position: absolute;} div#showroom .makemodel .chooserPane li.item span {} div#showroom .makemodel .chooserPane li.item img {} /* =bodystyleScenario -------------------------------------------------- */ div#showroom .bodystyle .corePanel{width: 250px;} div#showroom .bodystyle #bodystyleContent {width: 250px; height: 416px;} /* =makeBodystyleScenario -------------------------------------------------- */ div#showroom .makebodystyle .corePanel{ width: 250px; background: url(/apps/showroom2/components/img/white-gradient.png) repeat-y; } div#showroom .makebodystyle #makebodystyleContent {width: 250px; height: 416px;} div#showroom .makebodystyle #makebodystyleContent h3 { margin: 0;} div#showroom .makebodystyle #makebodystyleContent p { margin: 0 10px 20px 0; } div#showroom .makebodystyle #makebodystyleContent ul { margin: 0 0 20px 0; } div#showroom .makebodystyle #makebodystyleContent a {display: block; color: #000; } div#showroom .makebodystyle #makebodystyleContent a img {display: block;} div#showroom .makebodystyle #makebodystyleContent a span {position: absolute; top: 0; left: 1em; display: block; font-size: 221%;} /* =#colors.corePane -------------------------------------------------- */ div#showroom .colors .corePane { position: relative; padding: 5px; background: #fff url("/apps/showroom2/components/img/contact-form-bg.png") repeat-x 0 100%; } div#showroom .colors #colorsContent { position: relative; height: 330px; padding: 10px 10px 1.5em 10px; border: 1px solid #aaa; background-color: #fff; } div#showroom .colors div.fallback {position: static; width: auto;} div#showroom .colors span.colorsNA {display: block; padding: 10px 0 0; font-size: 107%; text-align: center;} div#showroom .colors .paneNav li.noImage span.colorTab span {padding: 15px 0 0 0;} div#showroom .colors .paneNav li.noImage span.colorTab span span {padding: 0;} div#showroom .colors span.naMsg {font-size: 85%; text-align: center;} div#showroom .colors #colorsContent .colorPane { display: none; width: 100%; height: 320px; min-height: 240px; padding-bottom: 1.5em; text-align: center; background-color: #fff; } div#showroom .colors #colorsContent .colorPane h4 { text-align: left; } div#showroom .colors #colorsContent .colorPane .crop { width: 640px; height: 320px; margin: 0 auto; overflow: hidden;} div#showroom .colors #colorsContent .colorPane img { margin: 0 auto; } div#showroom .colors #colorsContent .colorPane span.colorNA {display: block; padding-top: 100px; font-size: 113%;} div#showroom .colors #colorSwatchNav { width: 100%; background: #fff url("/apps/showroom2/components/img/contact-form-bg.png") repeat-x 0 100%; } div#showroom .colors .paneNav { position: relative; margin: 5px 0 0; padding: 10px 10px 0 150px; border: 1px solid #aaa; background: #cecece url('/apps/showroom2/components/img/nav-bg.png') repeat-x 0 0; } div#showroom .colors .paneNav.multiRow { padding-right: 30px; } div#showroom .colors .paneNav li { float: left; margin: 0 10px 10px 0; padding: 0; opacity: 1; filter: alpha(opacity=100); background: transparent; } div#showroom .colors .paneNav li.switcherLabel { position: absolute; top: 18px; left: 10px; width: 140px; margin: 0; padding: 0; } div#showroom .colors .paneNav.multiRow li.switcherLabel{ top: 43px; left: 5px; } div#showroom .colors .paneNav li.switcherLabel span { position: static; display: block; visibility: visible; width: auto; margin: 0; padding: 0; font-weight: bold; font-size: 114%; } div#showroom .colors .paneNav li a {position: relative; margin: 0; padding: 0; } div#showroom .colors .paneNav li a span.colorValue {display: block; height: 1em; width: 1em; } div#showroom .colors .paneNav li a:hover { z-index: 10;} div#showroom .colors .paneNav li a:hover span.colorTab { top: -47px; z-index: 10; } div#showroom .colors .paneNav li a img {display: block; padding: 3px; border: 2px solid #888;} div#showroom .colors .paneNav li.active a img { padding: 2px; border-width: 3px; border-color: #4ab6c5; } div#showroom .colors .paneNav li span.colorTab {position: absolute; top: -9999px; left: -78px; width: 180px; height: 65px; margin: 0; padding: 0 10px; font-size: 85%; text-align: center; background: transparent url('/apps/showroom2/components/img/bubble-small.png') no-repeat 0 0; } div#showroom .colors .paneNav li span.colorTab span {display:block; padding: 20px 0 0 0; border: 0; font-weight: bold; text-decoration: none; } * html div#showroom .colors #colorsContent {height: 340px; padding-bottom: 10px;} * html div#showroom .colors #colorsContent .colorPane {padding-bottom: 0;} * html div#showroom .colors .paneNav { width: 690px; padding: 10px; height: 1px; } * html div#showroom .colors .paneNav li { width: 40px; } * html div#showroom .colors .paneNav li.switcherLabel{ position: static; } * html div#showroom .colors .paneNav li a { height: 1px; } * html div#showroom .colors .paneNav li a:hover {border: 0;} * html div#showroom .colors .paneNav li a:hover span.colorTab { top: -57px; } * html div#showroom .colors .paneNav li span.colorTab { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/apps/showroom2/components/img/bubble-small.png',sizingMethod='crop'); } * html div#showroom .colors .paneNav li span.colorTab span { height: 1px; } /* =#overview.corePane -------------------------------------------------- */ div#showroom .overview {position: relative;} div#showroom .overview div.fallback {top: 6px;} div#showroom .overview div.fallback #imgWrap {width: 450px; padding: 5px; border: 1px solid #aaa; background: #fff url("/apps/showroom2/components/img/contact-form-bg.png") repeat-x 0 100%;} div#showroom .overview div.fallback img {display: block;} div#showroom .overview div.fallback span.txtNA {line-height: 350px;} div#showroom .overview .modelImg .spinning {width: 320px; padding: 10px; border: 1px solid #aaa; background: #fff url("/apps/showroom2/components/img/contact-form-bg.png") repeat-x 0 100%;} div#showroom .overview .modelImg .spinning embed, div#showroom .overview .modelImg .spinning object {display: block;} div#showroom .overview .corePanel {padding: 0 212px 0 0;} div#showroom .overview #overviewContent {width: 265px; height: 421px;background: transparent url("/apps/showroom2/components/img/white-gradient.png") repeat 0 0;} div#showroom .overview #overviewContent .overviewLinks ul li a {padding: 4px 20px 4px 2px;} div#showroom .overview #overviewContent .mpgPane {padding: 10px 0; /*background: transparent url("/apps/showroom2/components/img/white-trans-bg.png") repeat 0 0;*/} div#showroom .overview #overviewContent .mpgPane dl {width: 240px; margin: .5em auto 0; padding: 0 4px; background: url('https://static.dealer.com/v8/widgets/automotive/inventory/details/images/white/images-mpg-pumpicon-default.gif') no-repeat 50% 23px;} div#showroom .overview #overviewContent .mpgPane dt {display: none;} div#showroom .overview #overviewContent .mpgPane dd {width: 100px; float: right; text-align: center; font-size: 213%; font-weight: bold;} div#showroom .overview #overviewContent .mpgPane dd span {width: 100px; float: left; font-size: 43%;} div#showroom .overview #overviewContent .mpgPane dd strong {display: block; width: 100%; font-size: 55%;} div#showroom .overview #overviewContent .mpgPane dd.city {float: left;} div#showroom .overview #overviewContent h4 span {width: 100%;} div#showroom .overview #overviewContent div.slug {background: transparent; border: 0; padding: 1px 10px;} div#showroom .overview #overviewContent div.slug p { margin: 0 5px 15px 0; font-size: 92%; line-height: 1.5; } div#showroom .overview #colorsListWrap {clear: right; float: right; padding-top: 10px; font-size: 77%;} /* temp hide */ div#showroom .overview #colorsListWrap {display: none;} div#showroom .overview #colorsList {height: 37px; background: #fff; border: 1px solid #888;} div#showroom .overview #colorsList h5 {float: left; padding: .5em 5px 0 10px;} div#showroom .overview #colorsList li {float: left; padding: 1px 2px;} div#showroom .overview #colorsList li a {display: block; position: relative; width: 25px; height: 25px; margin: 4px; border: 1px solid #888;} div#showroom .overview #colorsList li a span {display: none; position: absolute; top: -2.5em; right: -7em; width: 20em; padding-bottom: 1em;} div#showroom .overview #colorsList li a:hover span {display: block;} div#showroom .overview #chooserPanel .chooserPane li {width: 90px; margin: 0 40px;} div#showroom .overview #chooserPanel .chooserPane li a {position: relative; width: 90px; height: 80px; text-align: center;} div#showroom .overview #chooserPanel .chooserPane li a img {display: none; width: 58px; margin: 0 auto;} div#showroom .overview #chooserPanel .chooserPane li a span {position: absolute; bottom: 0; display: block; width: 100%; text-align: center;} div#showroom .overview #chooserPanel .chooserPane li.overview a {background: url(/apps/showroom2/components/img/overview.gif) no-repeat 50% -65px;} div#showroom .overview #chooserPanel .chooserPane li.video a {background: url(/apps/showroom2/components/img/video.gif) no-repeat 50% -65px;} div#showroom .overview #chooserPanel .chooserPane li.photos a {background: url(/apps/showroom2/components/img/photos.gif) no-repeat 50% -65px;} div#showroom .overview #chooserPanel .chooserPane li.spins a {background: url(/apps/showroom2/components/img/trims.gif) no-repeat 50% -65px;} div#showroom .overview #chooserPanel .chooserPane li.colors a {background: url(/apps/showroom2/components/img/colors.gif) no-repeat 50% -65px;} div#showroom .overview #chooserPanel .chooserPane li.trims a {background: url(/apps/showroom2/components/img/trims.gif) no-repeat 50% -65px;} div#showroom .overview #chooserPanel .chooserPane li.specifications a {background: url(/apps/showroom2/components/img/specs.gif) no-repeat 50% -65px;} div#showroom .overview #chooserPanel .chooserPane li.review a {background: url(/apps/showroom2/components/img/reviews.gif) no-repeat 50% -65px;} div#showroom .overview #chooserPanel .chooserPane li a:hover {background-position: 50% -195px;} * html div#showroom .make .corePanel, * html div#showroom .overview #overviewContent { background-image: none; } * html div#showroom .overview #overviewContent div.slug p { font-size: 11px; } * html div#showroom #overview #colorsList {zoom: 1;} * html div#showroom #overview #colorsList {position: relative;} * html div#showroom .overview #chooserPanel .chooserPane li {display: inline;} * html div#showroom .overview #chooserPanel .chooserPane li a span {right: 0;} *+html div#showroom .overview #chooserPanel .chooserPane li a span {right: 0;} /* =#photos.corePane -------------------------------------------------- */ div#showroom .photos .modelImg {display: none;} div#showroom .photos div.corePane {float: none; background: transparent;} div#showroom .photos #photoViewer {position: relative; width: 640px; height: 378px; margin: 0 auto; padding: 4px 4px 6px 4px; border: 1px solid #aaa; background: #fff;} div#showroom .photos #photoViewer .crop {height: 378px; overflow: hidden; border: 1px solid #aaa;} div#showroom .photos #photoViewer img {display: block; margin-top: -51px;} div#showroom .photos #photoViewer #photoCtrls {position: absolute; left: 0; bottom: 0; width: 100%;} div#showroom .photos #photoViewer #photoCtrls li {position: absolute; bottom: 4px; height: 22px; border: 1px solid #aaa; background: #fff; line-height: 1;} div#showroom .photos #photoViewer #photoCtrls li a {float: left; height: 12px; padding: 6px 10px 4px 10px; text-decoration: none; background: #fff;} div#showroom .photos #photoViewer #photoCtrls .leftCtrl {position: absolute; left: 4px; right: auto; padding-left: 5px; border-width: 1px 1px 0 0;} div#showroom .photos #photoViewer #photoCtrls .leftCtrl .prev {padding-left: 20px; background: transparent url('/apps/showroom2/components/img/dbl-chevron-left.png') no-repeat 0 -3px;} div#showroom .photos #photoViewer #photoCtrls .leftCtrl a.prev:hover {background-position: 0 -23px;} div#showroom .photos #photoViewer #photoCtrls .rightCtrl {position: absolute; right: 4px; left: auto; padding-right: 5px; border-width: 1px 0 0 1px;} div#showroom .photos #photoViewer #photoCtrls .rightCtrl .next {padding-right: 20px; background: transparent url('/apps/showroom2/components/img/dbl-chevron-right.gif') no-repeat 100% -3px;} div#showroom .photos #photoViewer #photoCtrls .rightCtrl a.next:hover {background-position: 100% -23px;} div#showroom .photos #photoViewer #mov{ position: absolute; top: 0; left: 0; width: 100%; height: 383px; background: #FFF; } div#showroom .photos #photoViewer #mov embed{ display: block; margin: 50px auto 0 auto; } div#showroom .photos #chooserCtrl {position: absolute; top: 0; left: 0; width: 100%;} div#showroom .photos #chooserCtrl li {position: absolute; top: 0; width: 31px; height: 92px; } div#showroom .photos #chooserCtrl .leftCtrl {left: 0;} div#showroom .photos #chooserCtrl .rightCtrl {right: 0;} div#showroom .photos .chooserPaneWrap {width: 100%; overflow: hidden;} div#showroom .photos .chooserPane {width: 10000px;} div#showroom .photos .chooserPane #exteriorPhotos, div#showroom .photos .chooserPane #interiorPhotos {float: left;} div#showroom .photos .chooserPane div h4 {position: absolute; top: -1.5em;} div#showroom #interiorPhotos h4 {visibility: hidden;} div#showroom .photos .chooserPane .thumbs img {display: inline;} * html div#showroom .photos #photoViewer #photoCtrls .rightCtrl { right: -6px; } /* =#review.corePane -------------------------------------------------- */ div#showroom .review .coreSub {top: 104px; right: auto; left: 5px; width: 190px; } div#showroom .review #reviewViewer {width: auto; margin: 0 0 5px 195px; padding: 5px; border: 1px solid #ccc;} div#showroom .review #reviewViewer ul {padding: 10px; border: 1px solid #bbb; background: #fff;} div#showroom .review #reviewViewer li {width: 100%; background: #fff;} div#showroom .review #reviewViewer li h4 {margin-bottom: .5em; padding-bottom: 7px; border-bottom: 1px solid #aaa; font-size: 136%;} div#showroom .review #reviewViewer li h6 {padding-top: .2em;} div#showroom .review #reviewViewer li h6 em {font-style: italic;} div#showroom .review #reviewViewer li dl {float: right; padding: 0 .5em 0 1em;} div#showroom .review #reviewViewer li dt {float: left; clear: left; padding: .5em 0; font-weight: bold; text-decoration: underline;} div#showroom .review #reviewViewer li dd {float: left; padding: .5em 1em;} div#showroom .review #reviewViewer li p {margin: 1em 0; line-height: 1.5;} div#showroom .review .corePanel .modelImg {position: static; float: left; width: 180px; background: #fff; padding: 4px; border: 1px solid #aaa;} div#showroom .review .corePanel .modelImg img {display: block; margin: 0 auto;} div#showroom .review .corePanel div.fallback img {padding: 0} div#showroom .review .coreSub ul.paneNav {background: #fff;} div#showroom .review #chooserPanel {} * html div#showroom .review #reviewViewer {height: 1%; margin-left: 191px;} * html div#showroom .review .coreSub {top: 98px;} /* =#specs.corePane -------------------------------------------------- */ div#showroom .specifications .coreSub {top: 104px; right: auto; width: 190px; } div#showroom .specifications .coreSub ul.paneNav {background: #fff;} div#showroom .specifications .corePanel .modelImg {position: static; float: left; width: 180px; background: #fff; padding: 4px; border: 1px solid #aaa;} div#showroom .specifications .corePanel .modelImg img {display: block; margin: 0 auto;} div#showroom .specifications .corePanel div.fallback img {padding: 0; border: 0;} div#showroom .specifications ul.specsList {width: auto; margin: 0 0 5px 195px; padding: 0px 10px 5px 10px; border: 1px solid #AAA; background: url(/apps/showroom2/components/img/specs-bg.png); } div#showroom .specifications ul.specsList h4{} div#showroom .specifications ul.specsList li {margin: .5em 0 .5em 0;} div#showroom .specifications ul.specsList li ul li {margin-left: 2em; list-style-type: disc;} * html div#showroom .specifications .corePanel .modelImg img { width: 110px; border: 1px solid #aaa;} * html div#showroom .specifications ul.specsList{height: 1%; background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/apps/showroom2/components/img/specs-bg.png", sizingMethod="scale");} /* =#spins.corePane -------------------------------------------------- */ div#showroom .spins .modelImg {display: none;} div#showroom .spins #spinsContent div span {display: block; padding: .5em; border: 1px solid #bbb; text-align: center; background-color: #fff;} div#showroom .spins #exteriorSpin {width: 420px; margin: 50px auto 0; padding: 10px; border: 1px solid #ccc; background: #fff;} div#showroom .spins #exteriorSpin embed {width: 420px; margin: 0 auto;} div#showroom .spins #interiorSpin {width: 320px; margin: 50px auto 0; padding: 10px; border: 1px solid #ccc; background: #fff;} div#showroom .spins embed {display: block;} /* =#trims.corePane -------------------------------------------------- */ div#showroom div.trims {min-height: 415px;} div#showroom .trims .modelImg {position: relative; float: right; width: 100%; height: 150px;} div#showroom .trims .modelImg img {position: absolute; right: 0; bottom: 0; z-index: 2; width: 250px; float: right;} div#showroom .trims div.fallback img {width: auto; bottom: auto; top: 0; padding: 10px; border: 1px solid #aaa; background: url("/apps/showroom2/components/img/contact-form-bg.png") repeat-x 0 100%; background-color: #fff;} div#showroom .trims #trimsContent h4 {height: 74px; float: left; width: 450px; padding-bottom: 10px; font-size: 221%;} div#showroom .trims #trimsContent .fallback h4 {height: 74px; float: left; width: 450px; padding-bottom: 10px; font-size: 221%;} div#showroom .trims dl.trimDetails {font-size: 113%;} div#showroom .trims dl.trimDetails dt {float: left; clear: left; padding-right: .5em; font-weight: bold;} div#showroom .trims dl.trimDetails dd {float: left;} div#showroom .trims .mpgPane {width: 250px;} div#showroom .trims .mpgPane dl {height: 5em;} div#showroom .trims .buildAndPrice{ position: relative; z-index: 2; float: left; clear: left; display: inline;} div#showroom .trims .buildAndPrice a{ display: block; color: #fff; background: transparent url('/apps/showroom2/components/img/buildpricelink.gif') no-repeat 0 -77px; } div#showroom .trims .buildAndPrice a span{position: relative; z-index: 21; display: block; width: 164px; height: 52px; padding: 0 25px 0 10px; line-height: 52px; font-size: 150%; } div#showroom .trims .buildAndPrice a span.clone{ position: absolute; top: 1px; left: 1px; z-index: 1; color: #444; } div#showroom .trims .buildAndPrice a:hover {background-position: 0 -231px;} div#showroom .trims .corePanel{ background: url(/apps/showroom2/components/img/white-gradient.png) repeat-y; } div#showroom .trims #trimsTableWrap {clear: both; position: relative; left: 0px; float: right; padding: 2px; border: 1px solid #aaa; font-size: 92%; background: #fff;} div#showroom .trims #trimsTableWrap p { padding: 20px 0; font-weight: bold; font-size: 122% } div#showroom .trims #trimsTable{ width: 100%; } div#showroom .trims #trimsTable a {color: #000;} div#showroom .trims #trimsTable thead th {cursor: pointer; height: 35px; border: 2px solid #DDD; font-weight: bold; line-height: 1.5; color: #FFF; background: #444 url(/apps/showroom2/components/img/sort-dir.gif) no-repeat 100% 3px;} div#showroom .trims #trimsTable thead th.first {background: #444;} div#showroom .trims #trimsTable thead th.headerSortDown {background-position: 100% -26px; } div#showroom .trims #trimsTable thead th.headerSortUp {background-position: 100% -64px; } div#showroom .trims #trimsTable thead th {padding: .2em 15px .2em .2em;} div#showroom .trims #trimsTable tbody td {cursor: pointer; height: 3em; padding: .2em;} div#showroom .trims #trimsTable tbody td.price {padding-left: .4em;} div#showroom .trims #trimsTable tbody {font-size: 100%;} div#showroom .trims #trimsTable tbody tr.even td{ background: #DDD; } div#showroom .trims #trimsTable tbody tr.selected td {background: #DAFD7D;} div#showroom .trims #trimsTable tbody tr.hover td{background: #BFFFFF;} * html div#showroom .trims .corePanel { background-image: none; } * html div#showroom .trims #trimsTableWrap {width: 100%;} * html div#showroom .trims #trimsTable input {border: 0;} *+html div#showroom .trims #trimsTableWrap {width: 100%;} /* =#video.corePane -------------------------------------------------- */ div div#showroom div.video {min-height: 400px;} div div#showroom div.video .corePanel {min-height: 400px;} div#showroom .video div.corePanel {} div#showroom .video .modelImg {display: none;} div#showroom .video #ddcvideoplayer {width: 640px; margin: 0 auto; padding: 5px; border: 1px solid #ccc; background: #fff;} div#showroom .video #ddcvideoplayer embed {display: block; height: 360px;} /* =images -------------------------------------------------- */ .showroomCore {background: #747474 url("/apps/showroom2/components/img/showroom-bg.png") no-repeat 50% 0;} div#showroomTitle h1 {position: relative; background: #f5f5f5 url("/apps/showroom2/components/img/title-bg.png") no-repeat 50% 50%;} div#showroomTitle h1 span.h1Shdw {display: block; position: absolute; bottom: -5px; left: 0; width: 100%; height: 5px; background: url("/apps/showroom2/components/img/h1-shdw.png") no-repeat 0 0; } div#chooserPanelWrap {border-top: 1px solid #9a9a9a; border-bottom: 1px solid #666; background: url("/apps/showroom2/components/img/chooser-bg2.png") repeat-x 50% 0;} div#showroom .video #chooserPanelWrap {border-top: 1px solid #9a9a9a; border-bottom: 1px solid #666; background: url("/apps/showroom2/components/img/chooser-bg.png") no-repeat 50% 0;} div#showroom .review #reviewViewer {background: url("/apps/showroom2/components/img/contact-form-bg.png") repeat-x 0 0; background-color: #d9d9d9;} div#showroom .spins #exteriorSpin, div#showroom .spins #interiorSpin, div#contactForm {background: url("/apps/showroom2/components/img/contact-form-bg.png") repeat-x 0 100%; background-color: #fff;} div#contactForm h4 {background: url("/apps/showroom2/components/img/contact-form-title-bg.png") no-repeat 50% 50%; color: #fff;} div#contactForm .submit {background: url("/apps/showroom2/components/img/submit.png") no-repeat 0 -26px;} div#contactForm .submit:hover {background-position: 0 -78px;} div#showroom div.buildAndPrice, div#showroom div.flowLink {padding-bottom: 20px; background: url("/apps/showroom2/components/img/sub-panel-shdw.png") no-repeat 50% 100%;} div#showroom div.flowLink a {width: 190px; height: 51px; margin: 0 auto; font-size: 120%; line-height: 51px; background: url("/apps/showroom2/components/img/flowlink.gif") no-repeat 0 -77px; color: #fff;} div#showroom div.flowLink a:hover{ background-position: 0 -231px; } div#showroom div.flowLink a span {color: #fff;} * html div#showroom div.buildAndPrice { background-image: none; } * html div#showroom div.flowLink { background-image: none; } * html div#showroom h1 { padding-right: 0; } * html div#showroomTitle h1 span.h1Shdw { width: 100%; line-height: 5px; } /* =overviewLinks -------------------------------------------------- */ div#showroom .overviewLinks{ margin: 0; } div#showroom .overviewLinks li { margin: 0; padding: 0 0 0 5px; } div#showroom .overviewLinks a {position: relative; display: block; padding: 0 5px; color: #444; font-weight: normal; font-size: 92%; background: transparent url('/apps/showroom2/components/img/chevron-right.gif') no-repeat 98% -42px;} div#showroom .overviewLinks a span {visibility: hidden;} div#showroom .overviewLinks a:hover { font-weight: bold; text-decoration: none; color: #000; background-position: 98% -22px; } div#showroom .overviewLinks a:hover span {visibility: visible;} * html div#showroom .overviewLinks ul li {height: 1%;} /* ddcscottm: sidebar improvements from 03/25 email, need to integrate */ div#showroom .make #makeContent ul.overviewLinks, div#showroom div.overviewLinks ul, div#showroom ul.overviewLinks { margin: 0; padding-left: 3px; } div#showroom .make #makeContent ul.overviewLinks li, div#showroom div.overviewLinks ul li, div#showroom ul.overviewLinks li { font-size: 107%; margin: 0 20px 0 0; padding: 0; } div#showroom .make #makeContent ul.overviewLinks li a, div#showroom div.overviewLinks ul li a, div#showroom ul.overviewLinks li a { display: block; padding: 3px 20px 2px 2px; border-bottom: 1px dotted #aaa; font-weight: normal; background-position: 97% -42px; } div#showroom ul.overviewLinks li.selected a { border-bottom: 1px dotted #aaa; background-color: #fff; } div#showroom .make #makeContent ul.overviewLinks li a:hover, div#showroom div.overviewLinks ul li a:hover, div#showroom ul.overviewLinks li a:hover { font-weight: bold; text-decoration: none; border-bottom-style: solid; background-color: #fff; background-position: 97% -102px; } div#showroom .make #makeContent p { margin: 5px 5px 20px; padding-left: 5px; font-size: 92%; line-height: 1.3; } div#showroom .overview #overviewContent div.mpgPane { padding: 15px 0 10px; } div#showroom .overview #overviewContent div.mpgPane dl { width: 220px; margin: 0 0 0 5px; padding: 0;} div#showroom .overview #overviewContent div.mpgPane dl dd { width: 105px; white-space: nowrap; } div#showroom .overview #overviewContent div.mpgPane dl dd strong { color: #222; } div#showroom .overview #overviewContent div.mpgPane dl dd span { display: block; float: none; width: 75px; margin: 0; padding: 0 0 0 10px; font-weight: normal; font-style: italic; text-align: center; white-space: normal; } div#showroom .overview #overviewContent div.mpgPane dl dd.hwy span { padding: 0 0 0 20px; } * html div#showroom div#makeContent ul.overviewLinks li { height: 1px; } /* =behavior styles -------------------------------------------------- */ div#showroom .chooserPaneWrap {position: relative; height: 82px;} div#showroom .chooserPane {position: absolute; left: 0;} div#showroom .chooserPaneBubbleWrap{ padding: 0 0 0 40px;} /* =fallback -------------------------------------------------- */ div#disclaimer{ width: 640px; margin: 10px auto; padding: 10px; font-size: 92%; background: #FFF; } /* =ie */ * html div#showroom #chooserTabs .paneNav li{ width: 95px; } * html div#showroom .overview #overviewContent div.mpgPane dl { width: 250px;} * html div#showroom .specifications .coreSub{top: 98px;} * html div#showroom .specifications .corePanel div.fallback img{width: 134px; height: 83px;}