/* =inventory v4 listing layout ---------------------------------------------*/ #invSmartbrowse fieldset {position: relative; display: block; padding: 0 4px; font-size: 92%;} #invSmartbrowse fieldset label {margin: 5px 0;} #invSmartbrowse fieldset select {padding: 0; font-weight: bold;} #invSmartbrowse .sliderContainer{ float: left; margin: 10px 30px 5px 5px; font-size: 92%; } #invSmartbrowse .button {height: auto; line-height: 1em; position: static;} #invSmartbrowse .button a {height: auto; line-height: 1em; padding-right: 0; padding-left: 30px; position: static;} #invSmartbrowse div.button a span {height: auto; line-height: 1em; padding: 5px 5px 5px 0;} #comparing .button {height: auto; margin: 1px 0; line-height: 1em; position: static; font-size: 85%; } #comparing .button a {height: auto; line-height: 1em; padding-right: 0; padding-left: 25px; position: static;} #comparing div.button a span {height: auto; line-height: 1em; padding: 5px 5px 5px 0;} #invSmartbrowse div.reset {margin: 5px 0;} #listings {font-size: 92%;} #listings .group2b .unit{ width: 26%; } #listings .group2b .first{ width: 73%; } .esUS #listings .group2b .unit{ width: 29%; } .esUS #listings .group2b .first{ width: 70%; } #listings .group2, #listings .paging1 {margin: 10px 0; padding: 0 5px;} #listings .paging1 {height: 40px;} #listings #sorting{ margin: 0; } #sorting h4{ font-size: 114%; font-style: italic; line-height: 23px; } #sorting ul{ margin-left: 80px; } #sorting ul a{ height: 24px; padding-left: 25px; border: none; line-height: 24px; } #sorting li a:hover span{ text-decoration: underline; } #sorting .asc .selected a span{ padding: 0; background: none; } #sorting .desc .selected a span{ padding: 0; background: none; } #listings .filters a:hover{ text-decoration: underline; } .pagingButtons h4 {height: 28px; line-height: 28px; font-size: 114%;} .pagingButtons a {height: 28px; width: 26px;} #fullview .media img {border: 1px solid;} #fullview .media a {margin-left: 1px;} #fullview .mediaImg{ position: relative; } #fullview .mediaImg .internetImage{ position: absolute; top: -65px; left: 0; z-index: 4; padding: 0 3px 3px 0; } #fullview .vehicle .internetImage img{ display: block; width: 240px; } #container #fullview .vehicle .mediaImgHovered .internetImage{ display: block; background: url(/v8/widgets/automotive/inventory/listings/v4/images/style2/image-shadow.png) no-repeat 100% 100%; } * html #container #fullview .vehicle .mediaImgHovered .internetImage{ background: none; filter: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/v8/widgets/automotive/inventory/listings/v4/images/style2/image-shadow.png"); } *+html #container #fullview .vehicle .mediaImg .internetImage{ overflow: hidden; width: 243px; height: 183px; } #fullview .details .location .phone{ display: block; } #listings #fullview .button {float: none; height: 20px; line-height: 20px; position: static; text-align: center;} #listings #fullview .button a {height: 20px; line-height:20px; margin-left: 0; padding-right: 0; position: static; font-size: 85%;} #listings #fullview .button a span {height: 20px; line-height: 20px;} #container #listings .vehicle .hidden{ display: none; } * html #invSmartbrowse .compare {width: 220px;} * html #listings {height: 1%;} /* =inventory v4 listing colors ---------------------------------------------*/ #invSmartbrowse form {background: #393939;} #invSmartbrowse fieldset {background: none;} #invSmartbrowse fieldset select {color: #333; border-color: #7d7d7d;} #invSmartbrowse .sliderContainer, #invSmartbrowse .sliderContainer em {color: #fff;} #invSmartbrowse .sliderContainer{ clear: none; } #invSmartbrowse .button {background: none;} #invSmartbrowse .button a {color: #fff; background: transparent url(http://static.dealer.com/v8/widgets/automotive/inventory/listings/v4/images/style2/invSmartbrowse-buttons.gif) no-repeat 0 -24px;} #invSmartbrowse .button a:hover {text-decoration: underline; background-position: 0 -70px;} #invSmartbrowse .button a span {background: transparent url(http://static.dealer.com/v8/widgets/automotive/inventory/listings/v4/images/style2/invSmartbrowse-buttons.gif) no-repeat 100% -24px;} #invSmartbrowse .button a:hover span {background-position: 100% -70px;} #comparing .button {background: none;} #comparing .button a {color: #fff; background: transparent url(http://static.dealer.com/v8/widgets/automotive/inventory/listings/v4/images/style2/invSmartbrowse-buttons.gif) no-repeat 0 -24px;} #comparing .button a:hover {text-decoration: underline; background-position: 0 -70px;} #comparing .button a span {background: transparent url(http://static.dealer.com/v8/widgets/automotive/inventory/listings/v4/images/style2/invSmartbrowse-buttons.gif) no-repeat 100% -24px;} #comparing .button a:hover span {background-position: 100% -70px;} #listings {background: #eee;} #listings .group2b{ background: #eee url(http://static.dealer.com/v8/widgets/automotive/inventory/listings/v4/images/style2/sort-bg.gif) no-repeat 0 0; } #sorting ul{ background: none; } #sorting ul a {color: #000; border-color: none;} #sorting .selected a {color: #404040; background: #eee; border-top: none; border-bottom: none; border-right: 1px solid; border-left: 1px solid; border-color: #767575;} #listings #sorting a:hover, #listings #sorting .desc .selected a:hover, #listings #sorting .asc .selected a { color: #000; background: #EEE url(http://static.dealer.com/v8/widgets/automotive/inventory/listings/v4/images/style2/sort-direction.gif) no-repeat 0 -52px;} #listings #sorting .asc .selected a:hover, #listings #sorting .desc .selected a { color: #000; background: #EEE url(http://static.dealer.com/v8/widgets/automotive/inventory/listings/v4/images/style2/sort-direction.gif) no-repeat 0 0;} #listings .filters a {color: #000;} .pagingButtons .nextPage {background: transparent url(http://static.dealer.com/v8/widgets/automotive/inventory/listings/v4/images/style2/btn-next.gif) no-repeat 0 -26px;} .pagingButtons .nextPageDisabled {background: transparent url(http://static.dealer.com/v8/widgets/automotive/inventory/listings/v4/images/style2/btn-next.gif) no-repeat 0 -77px;} .pagingButtons .prevPage {background: transparent url(http://static.dealer.com/v8/widgets/automotive/inventory/listings/v4/images/style2/btn-prev.gif) no-repeat 0 -26px;} .pagingButtons .prevPageDisabled {background: transparent url(http://static.dealer.com/v8/widgets/automotive/inventory/listings/v4/images/style2/btn-prev.gif) no-repeat 0 -77px;} #fullview li {background: #e9e8e8;} #listings #fullview .button {background: none;} #listings #fullview .button a {color: #fff; background: transparent url(http://static.dealer.com/v8/widgets/automotive/inventory/listings/v4/images/style2/view-details-button.gif) no-repeat 0 -17px;} #listings #fullview .button a:hover {text-decoration: underline; background-position: 0 -53px;} #listings #fullview .button a span {background: transparent url(http://static.dealer.com/v8/widgets/automotive/inventory/listings/v4/images/style2/view-details-button.gif) no-repeat 100% -17px;} #listings #fullview .button a:hover span {background-position: 100% -53px;} .pagingJump li a strong {background: #505050;} .pagingJump li a:hover {background: #ccc;} /* sold tag DNA1115464 (ddcrandallm) */ #fullview #sold{ float: right; width: 64px; height: 64px; margin: 0; padding: 0; border: 0; text-indent: -9999px; background: url("/v8/widgets/automotive/inventory/listings/images/white/sold-tag.gif") no-repeat; } /* carflix wide screen DNA1185340 (ddcrandallm, 29 July 2009) */ #carFlixWindow.carflixWideScreen #main{ height: 300px; } .carflixWideScreen #main #wrapper{ width: auto; } .carflixWideScreen #main .tab{ width: 245px; } .carflixWideScreen .bottom{ clear: both; } #carFlixWindow.carflixWideScreen #phone{ position: static; } .misc .price{ white-space: nowrap; } .priceDisclaimer{ font-size: 92%; text-decoration: none; } #priceDisclaimer{ padding: 10px; } /* incentives badge - DNA1332578 - 18.jan.2010 - ddcrandallm */ .incentivesBadge{ width: 150px; height: 60px; font: bold italic 152%/1 Helvetica, Arial, sans-serif; text-transform: uppercase; color: #333; background: url(/v8/widgets/automotive/inventory/listings/v4/images/incentives-badge.png) no-repeat; } .incentivesBadge{ text-shadow: 0px 1px 2px #EEE; } .incentivesBadge span{ display: block; width: 100px; padding: 10px 0 0 35px; } * html .filters, * html .paging { background: #EEE; } /* prevents "fuzzy text" during opacity animations in IE6 */ .pagingJump li a:hover {background: #ccc;} /* =ie ---------------------------------------------*/ * html #invSmartbrowse select{ font-size: 92%; } * html #listings {height: 1%;} * html #listings #fullview .vehicle .button{ width: 100%; white-space: nowrap; } * html #invSmartbrowse div.compare{ width: 130px; } * html .badges{ width: 150px; } * html .sliderContainer{ clear: none; width: 300px; } * html #fullview #sold{ display: inline; } * html .incentivesBadge{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/v8/widgets/automotive/inventory/listings/v4/images/incentives-badge.png', sizingMethod='crop'); } *+html #invSmartbrowse select{ font-size: 92%; } *+html #invSmartbrowse div.compare{ overflow: hidden; clear: none; width: 135px; }