/*
* =SHOWROOM LISTING PAGES SPECIFIC STYLING
------------------------------------------------------------------------------*/
div.mod.showroom-default.showroom-listing,
div.ddc-content.showroom-default.showroom-listing { margin:0; }
.showroom-default.showroom-listing .hproduct { margin:0; padding:0; min-height:185px; }
.showroom-default.showroom-listing .hproduct > div { margin:10px; }
.showroom-default.showroom-listing .hproduct h1.h3 { float:none; font-size:100%; margin:5px 0; padding:0; width:100%; line-height:1.231; text-align:center; }
.showroom-default.showroom-listing .hproduct .thumb { float:none; display:block; margin:0; padding:0; width:100%; max-width:100%; min-height:100px; }
.showroom-default.showroom-listing .franchises { margin-bottom:30px; }
.showroom-default.showroom-listing .ui-slider-value { float:right; }
.showroom-default.showroom-listing .ui-slider { clear:both; }
.showroom-listing .franchises span { text-align:center; display:block; }
/* ==SLIDERS */
.showroom-main .showroom-sliders { padding:15px 25px; }
.showroom-main .showroom-sliders label .ui-slider-value-hyphen {float: none; }
/*
* =SHOWROOM DETAILS PAGES SPECIFIC STYLING
------------------------------------------------------------------------------*/
.showroom .page-bd { margin-top: 20px; }
.container-page .mod.showroom-default,
.container-page .ddc-content.showroom-default { margin:0; }
/*
* =MEDIA TABS
------------------------------------------------------------------------------*/
.showroom-v2 .video-overlay-preview { position:absolute; top:50%; left:50%; z-index:5; width:150px; height:150px; margin:-75px 0 0 -75px; background:url("/static/v9/widgets/showroom/default/v2/images/play-overlay.png") no-repeat scroll 0 0 transparent; }
.showroom-v2 .media-viewer { position:relative; }
/* ==CAROUSEL */
.showroom-overview-media .jcarousel { height:65px; }
.showroom-overview-media .swatches.jcarousel { height:auto; }
.showroom-overview-media .ui-tabs-panel.ui-widget-content .mod,
.showroom-overview-media .ui-tabs-panel.ui-widget-content .ddc-content { margin:38px 5px 0; }
.showroom-overview-media .jcarousel li { width:86px; margin:0 7px; }
.showroom-overview-media .jcarousel-prev,
.showroom-overview-media .jcarousel-next { top:33%; }
.showroom-overview-media .jcarousel.spins { height:85px; }
/* ==SPINS */
.jcarousel.spins { display:block; width:240px; margin:0 auto; }
.jcarousel.spins .spin { height:83px; width:110px; margin:0 10px 0 0; display:block; }
.jcarousel.spins .spin a { display:block; height:83px; width:110px; text-align:center; border:1px solid #999; background:url('/static/v9/widgets/showroom/default/v2/images/spins.gif') no-repeat 50% 50%; }
.jcarousel.spins .spin span { line-height:25px; }
/* ==SWATCHES */
.swatches.jcarousel .color { display:block; width:36px; margin:0 3px 0 0; }
.swatches a span { background:transparent url('/static/v9/widgets/showroom/default/v2/images/swatch.png') no-repeat 50% 50%; color:#999; display:block; height:30px; text-indent:-9999px; }
.swatches a:hover span { background:transparent url('/static/v9/widgets/showroom/default/v2/images/swatch-hover.png'); }
/* ==DIALOG */
.media-viewer.ui-dialog-content { overflow:visible; }
.media-viewer .imageViewer .photo { width:539px; }
.media-viewer #vSpins object,
.media-viewer #vSpins .photo { width:320px; }
.media-viewer #vSpins .jcarousel,
.media-viewer #vSpins .jcarousel-container { margin:0 auto 20px auto; width:240px; }
.media-viewer #vColors .photo { width:539px; margin:auto; }
.js .showroom-overview-media .loading { display:none; }
/* ==PHOTOS */
.showroom-v2 .media-viewer #vColors .photo,
.showroom-v2 .media-viewer .imageViewer .photo { width:540px; }
/* ==360 SPINS */
.showroom-v2 #vSpins { position:relative; }
.showroom-v2 #vSpins .imageViewer { position:absolute; top:20px; left:50%; width:320px; min-height:240px; margin:0 0 20px -160px; }
.showroom-v2 #vSpins .imageViewer embed { width:100%; }
.spinsHelp { width:410px; margin:0 auto 20px auto; padding-top:280px; }
.spinsHelp span { float:left; display:block; padding-right:10px; height:24px; }
.spinsHelp .pan { padding-left:20px; background:url('/static/v9/widgets/showroom/default/v2/images/cursor-pan.gif') no-repeat 0 0; }
.spinsHelp .zoomIn { padding-left:45px; background:url('/static/v9/widgets/showroom/default/v2/images/key-shift.gif') no-repeat 0 0; }
.spinsHelp .zoomOut { padding-left:45px; background:url('/static/v9/widgets/showroom/default/v2/images/key-ctrl.gif') no-repeat 0 0; }
/* ==VIDEO */
/* = target <video> tag for ipad (html5) */
.showroom-v2 #vVideo .ddcPlayer-holder video { display:block; float:none; width:94%; margin:3% auto; padding:0; }
/* html5 jwplayer video reset - without this the position of video within the player can shift and crop */
.showroom-v2 #vVideo .jwplayer video { max-width: none; width: 100%; margin: 0; padding: 0; }
/*
* =MPG/OVERVIEW BLOCK
------------------------------------------------------------------------------*/
.showroom-v2 .mpg-padding {padding-top:3px; }
.showroom-v2 .fuel-efficiency { margin-top:15px; }
.showroom-v2 .fuel-disclaimer p.xsmall {font-style:italic; }
/*
* =CALLOUT (details, price, offers, view inv. button)
------------------------------------------------------------------------------*/
.showroom-v2 .callout h1,
.showroom-v2 .callout .hd2 h1 { text-align:center; }
.showroom-v2 .callout .callout-button { float:none; margin:10px 1em 0 1em; }
.showroom-v2 .callout .mod.incentive,
.showroom-v2 .callout .ddc-content.incentive { margin:1em 0; }
.showroom-v2 .callout .incentive-title { padding:0; text-transform:capitalize; }
.showroom-v2 .callout .disclaimer { border-top:1px dashed; margin-top:1em; padding-top:1em; }
.showroom-v2 .callout .disclaimersHeading {margin-top:1em; }
.showroom-v2 .ddc-span4 li .yui3-g {margin-right:0;margin-left:0;}
.showroom-v2 .ddc-span8 .callout {float:right;margin-top:37px;margin-right:40px;padding:13px 0 27px;width:310px;text-align:center;}
.showroom-v2 .ddc-span8 .callout h3 {font-size:24px;}
.showroom-v2 .ddc-span8 .callout .large p {font-size:19px; font-weight:bold;}
.showroom-v2 .ddc-span8 .callout .large em {font-style:initial;}
.showroom-v2 .ddc-span4 .fuel-efficiency {margin:37px 0 10px 45px;}
.showroom-v2 .ddc-span4 .fuel-efficiency .ddc-span6:first-child {left:97px;}
.showroom-v2 .hproduct .view-link{float:right;}
.showroom-v2 .showroom-view-inventory{margin-bottom:10px;}
/* ==OFFERS, should remain here, and overwritten in V9 variation .css as needed - ddcgregt */
.offersShowroomOffersWrap .jcarousel-container { overflow:hidden; position:relative; }
.offersShowroomOffersWrap .jcarousel-clip { margin:0 0 0 35px; overflow:hidden; padding:0; position:relative; width:346px; z-index:2; }
.offersShowroomOffersWrap .jcarousel-list { height:77px; left:0; margin:0; overflow:hidden; padding:0; position:relative; top:0; z-index:1; }
.offersShowroomOffersWrap .jcarousel-clip .jcarousel-list { width:10000px !important; }
.offersShowroomOffersWrap .offersShowroom-jcarousel-nav .jcarousel-prev {cursor:pointer;display:none; height:28px; left:15px; position:absolute; top:25px; width:13px; z-index:3; }
.offersShowroomOffersWrap .offersShowroom-jcarousel-nav .jcarousel-next { cursor:pointer; display:none; height:28px; left:386px; position:absolute; top:25px; width:13px; z-index:3; }
.offersShowroomOffersWrap .offersShowroom-jcarousel-nav .jcarousel-prev-disabled,
.jcarousel-next-disabled { cursor:default; }
.offersShowroomOffersWrap .offersShowroom-jcarousel-list { overflow:hidden; position:relative; }
.offersShowroom-jcarousel-list ul.offersShowroomOffers { display:inline-block; left:0; position:relative; top:0; width:10000px; }
.offersShowroom-jcarousel-list li.offersShowroomOffer { float:left; position:relative; }
.offersShowroom-jcarousel-list li.offersShowroomOffer h2,
.offersShowroom-jcarousel-list li.offersShowroomOffer a {font-weight:normal;font-size:20px;}
.offersShowroom-jcarousel-nav { position:absolute; right:4px; top:20px; z-index:50; }
.offersShowroom-jcarousel-list .offersShowroom-jcarousel-list-prev,
.offersShowroom-jcarousel-list .offersShowroom-jcarousel-list-next { height:25px; left:auto; position:absolute; right:0; top:0; width:25px; z-index:50; }
.offersShowroom-jcarousel-list .offersShowroom-jcarousel-list-prev { right:27px; }
.offersShowroom-jcarousel-list-prev { background:url("/static/v9/widgets/showroom/default/v2/images/showroom-buttons.png") no-repeat scroll 0 0 transparent; }
.offersShowroom-jcarousel-list-next { background:url("/static/v9/widgets/showroom/default/v2/images/showroom-buttons.png") no-repeat scroll -27px 0 transparent; }
.offersShowroom-jcarousel-list-prev.disabled { background-position:0 -25px; }
.offersShowroom-jcarousel-list-next.disabled { background-position:-27px -25px; }
.offersShowroom-jcarousel-list .offer-count { position:absolute; top:50px; right:24px; font-size:11px; text-align:center; width:50px; }
*+html .offersShowroom-jcarousel-nav { right:10px; }
/* ==DETAIL JUMP LINKS */
.showroom-detail-links a { margin:0 15px 0 0; padding:0 0 0 15px; background:transparent url('/static/v9/widgets/showroom/default/v2/images/showroom-detail-links_black.png') no-repeat 0 4px; }
/*
* =SHOWROOM INVENTORY-LISTING
------------------------------------------------------------------------------*/
*+html .showroom-v2 .inventoryList li {width:98%; }
/*
* =SPECIFICATIONS
------------------------------------------------------------------------------*/
.showroom-v2 .showroom-details-section .mod.content li,
.showroom-v2 .showroom-details-section .ddc-content.content li { float:left; width:45%; margin-right:4%; line-height: 1.25; padding-bottom: 8px; }
.showroom-v2 .showroom-details-section .mod.content li:nth-child(odd),
.showroom-v2 .showroom-details-section .ddc-content.content li:nth-child(odd) { clear:left; }
.showroom-v2 .showroom-details-section .mod.content li:nth-child(even),
.showroom-v2 .showroom-details-section .ddc-content.content li:nth-child(even) { float:right; clear:right; text-align:left; }
/*
* =MODELS TABLE
------------------------------------------------------------------------------*/
.showroom-default .ui-button.small { margin:0 0 0 -10px; }
#models .ui-button { display:inline-block; float:none; margin-bottom:10px; }
#trimsTableHeadings { visibility:hidden; float:left; width:26%; }
.imgWrap { clear:both; display:block; }
#models .submit { position:relative; float:left; }
#models .submit a { float:left; }
#models img { clear:both; display:block; margin:15px 0; max-width:100%; max-height:90px; }
#models span.hidden { display:none; }
#models #modelsWrapper table { width:100%; table-layout:fixed; }
#models th,
#models td { padding:8px 15px 8px 15px; text-align:center; }
#models thead th { width:150px !important; vertical-align:bottom; }
#models thead .trimsTableHeadings strong,
#models thead .trimsTableData strong { display:block; margin-bottom:5px; font-weight:bold; }
.showroom-v2 #models .trimsTableHeadings td,
.showroom-v2 #models .trimsTableHeadings th { border-bottom-width:2px; border-bottom-style:solid; }
.showroom-v2 #models .trimsTableData td,
.showroom-v2 #models .trimsTableData th { padding-bottom:5px; border-bottom-width:2px; border-bottom-style:solid; }
.showroom-v2 #models tr.trimsTableHeadings th { border-right-width:1px; border-right-style:solid; }
/* ==MODELS (DEFAULT COLORING), should remain here, and overwritten in V9 color variation .css as needed - ddcgregt */
.showroom-v2 #models .trimsTableHeadings td,
.showroom-v2 #models .trimsTableHeadings th { border-bottom-color:#ffffff; }
.showroom-v2 #models .trimsTableData td,
.showroom-v2 #models .trimsTableData th { border-bottom-color:#ffffff; }
.showroom-v2 #models tr.odd td,
.showroom-v2 #models tr.odd th { background-color:#fafafa; }
.showroom-v2 #models tr.even td,
.showroom-v2 #models tr.even th { background-color:#f2f2f2; }
.showroom-v2 #models tr.trimsTableHeadings th { border-right-color:#ffffff; background-color:#f2f2f2; }
.showroom-v2 #models tr.trimsTableHeadings th.emptyCell { background-color:#d1d1d1; }
.showroom-v2 #models tr th.model { background-color:#ffffff; }
/* =SHOWROOM BODYSTYLE LISTING
------------------------------------------------------------------------------*/
.showroom-bodystyle-listing .yui3-u-2-5 { width: 40%; float: left; }
.showroom-bodystyle-listing .yui3-u-1-5 { width: 20%; float: left; }
.showroom .showroom-bodystyle-listing.showroom-main .hproduct { min-height: auto; border-bottom-width: 1px; border-bottom-style: solid; }
.showroom-bodystyle-listing .filter-wrapper { margin-top: 20px; }
.showroom-bodystyle-listing .filter-wrapper .page-title { float: left; margin: 0; }
.showroom-bodystyle-listing .filter-wrapper .bodystyle-select { float: left; width: 60%; margin-left: 20px; }
.showroom-bodystyle-listing .hproduct .photo a:hover,
.showroom-bodystyle-listing .hproduct .photo a:focus { text-decoration: none; }
.showroom-bodystyle-listing .hproduct .fn { margin: 25px 0 0; }
.showroom-bodystyle-listing .hproduct .fn .year,
.showroom-bodystyle-listing .hproduct .fn .make,
.showroom-bodystyle-listing .hproduct .fn .model,
.showroom-bodystyle-listing .hproduct .fn .bodyStyle { color: #000; }
.showroom-bodystyle-listing .hproduct .fn span { display: inline; }
.showroom-bodystyle-listing .hproduct .photo { height: 215px; width: 285px; white-space: nowrap; }
.showroom-bodystyle-listing .hproduct .photo .vertical-alignment-helper { display: inline-block; height: 100%; vertical-align: middle; }
.showroom-bodystyle-listing .hproduct .photo img { display: inline-block; vertical-align: middle; max-height: 215px; max-width: 285px; }
.showroom-bodystyle-listing .hproduct .ddc-icon { float: left; }
.showroom-bodystyle-listing .hproduct .attributes { margin: 20px 0 10px; }
.showroom-bodystyle-listing .hproduct .attributes .attribute-data { float: left; margin: 7px 0 0 10px; }
.showroom-bodystyle-listing .hproduct .attributes .attribute-data.price { margin-left: 0; }
.showroom-bodystyle-listing .hproduct .attributes .label { font-weight: 400; padding: 0; }
.showroom-bodystyle-listing .hproduct .links a { display: block; border-right-width: 1px; border-right-style: solid; text-align: center; }
.showroom-bodystyle-listing .hproduct .links a.last { border-right: none; }
.showroom-bodystyle-listing #filter-reset {
text-decoration: underline;
text-align: right;
display: block;
margin-top: 10px;
}
.showroom-bodystyle-listing #filter-reset:hover {
cursor: pointer;
}