/* showroom-style1.css - Acura Showroom * Copyright (C) 2008-2010 Dealer.com * Author: Randall Morey, James Vivian */ /* =typography --------------------------------------------------*/ #showroom .group2c .first li a{ line-height: 29px; text-decoration: none; } #showroom .group2c .group2c .first li a{ font-weight: normal; font-size: 85%; line-height: 29px; text-decoration: none; } #showroom .group2c .group2c .first .ui-tabs-selected a{ font-weight: bold; } #showroom h2 em{ font-style: normal; font-size: 152%; line-height: .7; } #showroom h4{ line-height: 24px; } #showroom .unitWrap h2{ font-weight: normal; font-size: 231%; } #showroom .unitWrap h2 strong{ font-weight: bold; } #showroom .unitWrap h3, #showroom .unitWrap h4{ font-weight: normal; font-size: 144%; text-transform: uppercase; } #showroom .unitWrap h5{ text-transform: uppercase; font-size: 121%;} #showroom .group1b h4{ font-weight: normal; font-style: italic; } #showroom .group2d p, #showroom .group2d ul{ font-size: 92%; } #showroom .group2e p, #showroom .group2e ul{ font-size: 92%; } /* =nav */ .nav li a{ font-weight: bold; font-size: 92%; line-height: 31px; text-align: center; text-decoration: none; } /* =buttons */ #showroom .showroomButton{ font-size: 92%; text-decoration: none; } /* =misc */ #trimsPanel thead th{ font-weight: bold; } .actionLinks li a{ font-weight: normal; font-size: 92%; line-height: 20px; text-decoration: none; } #showroom .group2b .ui-tabs-nav li a{ font-weight: normal; line-height: 20px; letter-spacing: -.015em; text-decoration: none; } #colorSwatches li a{ text-indent: -9999px; } #prevImage, #nextImage{ text-indent: -9999px; } #spins .spinLink a{ line-height: 30px; text-align: center; text-transform: capitalize; text-decoration: none; } /* =trims page */ .trims #trimsTable thead th{ font-weight: bold; } .disclaimerCitation{ font-size: 85%; font-style: superscript; } .trims .disclaimers{ list-style-type: decimal; } /* =default page */ #showroom div.default h2 em{ font-size: 164%; line-height: 1em; } #showroom div.default .group1b li a{ text-decoration: none; } #showroom div.default .group1b li span{ font-size: 82%; font-weight: normal; } /* =layout --------------------------------------------------*/ #showroom #modelSelector object{ display: block; margin: 0 auto; } #region0 .unit{ margin: 0; } #showroom .unitWrap{ padding: 15px; } #showroom .unitWrap ul{ margin: 0 0 0 20px; } #showroom .unitWrap ul li{ list-style-type: disc; padding: 0 0 10px 0; } #showroom .group1b{ padding: 20px 0; } #showroom .group1b .last{ margin: 10px 0; padding: 0 0 0 15px; border-top: 5px solid; } #showroom .group1b h4{ margin: 5px 0; border: 0; } /*#showroom .group2b{ position: relative; padding: 0 20px 0 10px; }*/ #showroom .group2b{ position: relative; padding: 0 10px 0 10px; } #showroom .group2b .unit{ position: relative; margin: 5px 0 5px 0; } #showroom .overview .group2b .last h2{ margin-top: 0; } #showroom .group2b .first{ border: 1px solid; } #showroom .group2b .group1 .unit{ clear: both; float: none; width: auto; } #showroom .group2b .group1 .first{ border: 0; } #showroom .overview .group2b, #showroom .trims .group2b{ height: 347px; } #showroom .overview .group2b .first, #showroom .trims .group2b .first{ border: 0; } #showroom .group2b p{ padding-top: 5px; padding-bottom: 5px; } #showroom .group2c .first{ clear: both; width: 150px; padding: 10px; } #showroom .group2c .last{ width: 770px; padding: 10px 0; } #showroom .group2c .group2c{ overflow: hidden; } #showroom .group2c .group2c .first{ width: 170px; padding: 10px 0 0 0; } #showroom .group2c .first ul{ padding: 10px 0 0 0; } #showroom .group2c .first li{ position: relative; overflow: hidden; height: 29px; border: 0; } #showroom .group2c .group2c .first ul{ padding: 0; } #showroom .group2c .group2c .first li{ border-bottom: 1px solid; } #showroom .group2c .group2c .first li a{ position: relative; z-index: 2; padding: 0 0 0 10px; } #showroom .group2c .group2c .first li .hoverEffect{ z-index: 1; width: 100%; height: 29px; } #showroom .group2c .group2c .first .last{ border-bottom: 0; } #showroom .group2c .group2c .last{ overflow: hidden; width: 600px; padding: 10px 0; } #showroom .group2c .group2c .last .jcarousel-clip{ width: 510px; height: 83px; } #showroom .group2c .group2c .last .ui-tabs-panel{ padding: 0 0 0 50px; } #showroom h2 em{ display: block; } #showroom h4{ margin: 0; border-bottom: 1px dashed; } #showroom p{ padding: 20px; } #showroom .unitWrap h2, #showroom .unitWrap h3{ margin: 0; } #showroom .unitWrap h4{ margin: 30px 0; border: 0; } #showroom .unitWrap h5{ margin: 0 0 10px 0; } #requestQuote{ display: none; } /* =nav */ /*=TSX SPORT WAGON ADDITION .nav li{ position: relative; float: left; overflow: hidden; width: 100px; }*/ .nav li{ position: relative; float: left; overflow: hidden; width: auto; padding:0 40px; } .nav li a{ position: relative; z-index: 1; display: block; } .nav li .hoverEffect{ width: 100%; height: 100px; } #modelNav{ border-bottom: 1px solid; } #showroomNav li{ width: 90px; border-right: 1px solid; padding:0; } #showroomNav .specifications, #showroomNav .buildandprice, #showroomNav .comparevehicles{ width: 135px; } #showroomNav li.last{ border: 0; } #showroomNav li a{ border-top: 1px solid; } #showroomNav li a span{ padding: 0 0 0 15px; } /* =overview beauty shot */ #background{ position: absolute; top: 0; left: 0; width: 960px; height: 347px; } #background div{ width: 960px; height: 347px; } /* =misc */ .specList{ list-style-type: disc; } .specList li{ float: left; width: 45%; padding-right: 4%; } #specsPanel .last{ height: 700px; } #specsPanel .disclaimers{ position: relative; clear: both; padding: 40px 40px 0 0; } #specsPanel .disclaimers li{ position: relative; clear: both; float: none; display: block; padding: 0 0 20px 0; } #trimsPanel table{ table-layout: fixed; width: 100%; } #trimsPanel thead .modelsHeader{ width: 150px; } #trimsPanel thead .engineHeader{ width: 125px; } #trimsPanel thead .transmissionHeader{ width: 100px; } #trimsPanel th, #trimsPanel td{ padding: 5px 10px; border-right: 1px solid; } #trimsPanel .disclaimers{ padding: 10px; } .actionLinks li a{ display: block; border-bottom: 1px dashed; } table#trimsTable{ table-layout: fixed; width: 100%; } table#trimsTable td{ padding: 2px 5px; } #showroom .group2b .ui-tabs-nav{ border-top: 1px dotted; } #showroom .group2b .ui-tabs-nav li{ position: relative; overflow: hidden; height: 22px; border-bottom: 1px dotted; } #showroom .group2b .ui-tabs-nav li a{ position: relative; z-index: 2; height: 20px; margin: 1px 0; padding: 0 5px; } #showroom .group2b .ui-tabs-nav li .hoverEffect{ width: 100%; height: 22px; } #vehicleImage img{ width: 100%; margin: 0 0 20px 0; } #showroom .featureImage{ overflow: hidden; border: 1px solid; } #showroom .featureImage img{ display: block; } #showroom .group2d .unit{ float: right; width: 275px; margin: 0; border: 0; } #showroom .group2d .first{ float: left; width: 325px; } #showroom .group2e .unit{ float: left; width: 275px; margin: 0; border: 0; } #showroom .group2e .first{ float: right; width: 325px; } #colorImage{ position: relative; top: -90px; left: 100px; overflow: hidden; width: 800px; height: 400px; } #colorImage img{ position: absolute; top: -80px; left: -50px; z-index: 2; } #colorImage img#colorImage2{ z-index: 1; } #colorSwatches li{ float: left; margin: 0 20px 10px 0; border: 2px solid; } #colorSwatches li a{ display: block; width: 100px; height: 30px; } #spins .spinLink a{ display: block; width: 110px; height: 83px; } /* =buttons */ #showroom .showroomButton{ clear: both; float: left; display: inline; margin: 10px 24px 0 0; padding: 0 0 6px 0; } #showroom .showroomButton span{ position: relative; left: 8px; display: block; width: 125px; padding: 2px 45px 6px 0; } #showroom .acura-ebrochure .showroomButton span { width: auto; } #showroom .showroomButton.ilx-hybrid { margin-top: 0; } #showroom .requestQuoteButton, #showroom .comparatorButton{ margin-top: 0; } #showroom .showroomIndexButton { position: absolute; right: 31px; top: 14px; } /* =tabs */ .ui-tabs-hide{ display: none; } .ui-tabs-nav a{ display: block; } /* =jcarousel */ .jcarousel-container{ position: relative; } .jcarousel-clip{ z-index: 2; position: relative; overflow: hidden; margin: 0; padding: 0; } .jcarousel-list { overflow: hidden; position: relative; z-index: 1; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { list-style: none; float: left; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 75px; height: 75px; } .jcarousel-next { z-index: 3; display: none; } .jcarousel-prev { z-index: 3; display: none; } .jcarousel-list{ overflow: hidden; height: 83px; } .jcarousel-list li{ float: left; overflow: hidden; width: 110px; height: 83px; padding: 0 20px 0 0; } .jcarousel-list li a{ display: block; } .jcarousel-list li img{ display: block; margin: 20px 0 0 0; } .jcarousel-prev{ cursor: pointer; position: absolute; top: 0; left: -40px; width: 25px; height: 77px; } .jcarousel-next{ cursor: pointer; position: absolute; top: 0; right: 10px; width: 25px; height: 77px; } .jcarousel-disabled{ cursor: default; } /* =viewer */ #viewerWrap{ overflow: hidden; height: 285px; padding: 10px; } .close{ position: absolute; top: 0; right: 0px; z-index: 2; display: block; width: 30px; height: 30px; outline: 0; text-indent: -9999px; } .photoViewer{ position: relative; overflow: hidden; width: 635px; height: 285px; } .photoViewer img{ position: absolute; top: 25px; left: 15px; width: 640px; } .spinViewer{ overflow: hidden; } .spinViewerexterior{ margin: 5px 5px 5px 8px; padding: 5px 5px 5px 10px; } .spinViewerinterior{ position: relative; top: 15px; left: 5px; } /* change that will go up with DNA1306243 will replace the two lines above this .spinViewerexterior{ margin: 0; padding: 0; height:278px; } .spinViewerinterior{ position: relative; top: 13px; left: -4px; height: 259px; } */ /* =video page */ #showroom .video .group1b .first{ padding-bottom: 82px; } #showroom .video .group1b .last{ margin-top: 0; } #ddcvideoplayer{ width: 640px; height: 359px; margin: 0 0 0 163px; } #showroom .video .jcarousel-list li {height: 110px; width: 104px; padding-right: 14px;} #showroom .video .jcarousel-list li a{ display: block; overflow: hidden; height: 56px; width: 100px; } /* =photos page */ #showroom .photos .group1b{ padding-top: 0; } #primaryImages{ position: relative; } #primaryImages ul{ overflow: hidden; height: 347px; } #showroom #thumbPhotos{ margin-top: 0; } #thumbPhotos h4 { float: left; } #thumbPhotos .jcarousel-list{ height: auto; clear: both; } #thumbPhotos .jcarousel-list li{ height: auto; margin: 10px 0 0 0; } #thumbPhotos .jcarousel-list li a{ height: 40px; } #thumbPhotos .jcarousel-list li img{ margin: 0; } .thumbs li a{ overflow: hidden; width: 106px; height: 79px; border: 2px solid; } #prevImage{ display: none; cursor: pointer; position: absolute; top: 200px; left: 110px; width: 25px; height: 77px; } #nextImage{ display: none; cursor: pointer; position: absolute; top: 200px; right: 90px; width: 25px; height: 77px; } /* = ebrochure photos page*/ .e-brochure-thumb, .acura-ebrochure { float: right; } .e-brochure-thumb { margin: 10px 15px 10px 0; } /* =colors page */ #showroom .colors .group1b .first{ height: 435px; padding: 0 10px; } /* =trims page */ .trims #trimsTable{ position: relative; top: -20px; left: 20px; width: 920px; border: 2px solid; } .trims #trimsTable .modelsHeader{ width: 200px; } .trims #trimsTable th, .trims #trimsTable td{ padding: 3px 5px; } .trims #trimsTable thead th{ cursor: pointer; } .disclaimerCitation{ position: relative; top: -.4em; } .trims .disclaimers li{ margin: 0 45px 20px 45px; } /* =features pages*/ #showroom .features .group2b .unitWrap .group1 h5{margin-top: 30px;} #showroom .features .group2b .unitWrap .group2{ margin: 30px 0 0px 0; } #showroom .features .group2b .unitWrap .group2 img{margin-bottom: 10px;} #showroom .features .group2b .unitWrap .group1 .unit{ position: static; } #showroom .features .group2b .unitWrap .group2 .unit{ float: left; margin: 0 0 0 0; border: 0; font-size: 93%; } #showroom .features .group2b .unitWrap h5, #showroom .features .group2b .unitWrap h6 {font-weight: bold;} #showroom .features .group2b .unitWrap h5, #showroom .features .group2b .unitWrap h6, #showroom .features .group2b .unitWrap p{ padding: 0; } #showroom .features .group2b .unitWrap p:after{content: ""; clear: none; display: none; visibility: visible; height: auto;} #showroom .features .group2b .unitWrap span.italic{font-style: italic;} #showroom .features .group2b .unitWrap h5 span.italic{font-style: normal;} #showroom .features .group2b .unitWrap ul li{ float: none; height: auto; margin: 0 10px 0 30px; } #showroom .features .group2b .unitWrap ol.disclaimers{ margin: 0 0 20px 40px; font-size: 85%; list-style-type: decimal; } #showroom .features .group2b .unitWrap ol.disclaimers li{ float: none; height: auto; margin-bottom: 5px; } #showroom .features .group2b .ui-tabs-nav li a span{ font-weight: bold; } #showroom .features .acuraLink a:hover{text-decoration: none;} #showroom .features .group2b .ui-tabs-panel ul{margin: 5px 0 0 0px;} #showroom .features .group2b .categoryWrap{clear: both; /*width: 100%; */margin-right: 230px; padding-bottom: 10px;} #showroom .features .group2b .unitWrap h5{clear: both; padding: 0 0;} #showroom .features .group2b .categoryWrap.odd ul {position: relative; left: 15px; margin-right: 15px;} #showroom .features .group2b .categoryWrap.odd ul.disclaimers {position: static; margin-right: 0;} #showroom .features .group2b .categoryWrap img{float: right; width: 210px; height: 157px; margin: 0 -230px 10px 20px;} /*#showroom .features .group2b .categoryWrap img.even{float: right; margin: 0 0 10px 20px;}*/ /* =default page */ #showroom div.default .group1b{ position: relative; width: 913px; padding: 47px 0 34px 47px; overflow: hidden; } #showroom div.default .group1b .unit{ margin: 0; padding: 0; border: 0; } #showroom div.default .group1b ul{ overflow: hidden; width: 913px; } /* using background color and padding instead of border because color animation was wonky */ #showroom div.default .group1b li{ float: left; display: block; width: 274px; height: 180px; margin: 0 13px 13px 0; padding: 3px; background: #ddd 3px 3px no-repeat; cursor: pointer; } #showroom div.default .group1b li h2{ width: 248px; height: 156px; margin: 0; padding: 11px 13px 13px 13px; } #showroom div.default .group1b li div{ display: none; } /* =specifications page */ #showroom .specifications .group2b .unitWrap table td {width: 50%; padding: 2px 5px;} .specDisclaimers{ margin: 20px 0; } .specDisclaimers tr td{ padding: 20px 0 0 0; } /* =clearing */ #showroom p:after, #colorSwatches:after, .group2b:after, .group2c:after, .group2d:after, .group2e:after, .nav:after{ content: "."; clear: both; display: block; visibility: hidden; height: 0; } /* =color & =image --------------------------------------------------*/ .t1 div#contentWrap{ background: #2D2D2D; } #showroom .widgetWrap{ background: #9B9B9B; } #showroom .colors, #showroom .trims, #showroom .overview{ background: none; } #showroom .group1b .last{ border-color: #000; } #showroom .group2b{ background: url(/v8/tools/automotive/showroom/acura/images/showroom.jpg) no-repeat 50% 0; } #showroom .colors .group1b{ background: url(/v8/tools/automotive/showroom/acura/images/colors.jpg) no-repeat 50% -81px; } #showroom .video .group1b, #showroom .photos .group1b{ background: #3E3E3E url(/v8/tools/automotive/showroom/acura/images/showroom-top.gif) no-repeat -1px 0; } #showroom .photos .group1b .first, #showroom .video .group1b .first{ background: url(/v8/tools/automotive/showroom/acura/images/showroom-bottom.gif) no-repeat 50% 100%; } #showroom .overview .group2b{ background: none; } #showroom .group2b .first{ color: #000; border-color: #D5D5D5; } #showroom .review .group2b .first{ background: #FFF; } #showroom .overview .group2b .first, #showroom .trims .group2b .first,{ color: #FFF; background: none; } #trimsPanel .disclaimers li{ color: #444; } #showroom .overview .group2b .last, #showroom .trims .group2b .last, #showroom .colors .group1b .first {color: #fff;} #showroom .group2c .group2c{ background: #E7E7E7; } #showroom .group2c #specsPanel .group2c .last{ overflow-y: scroll; } #showroom .group2c .group2c .last{ background: #FFF; } #showroom .group2c .first li{ background: url(/v8/tools/automotive/showroom/acura/images/tabs.gif) no-repeat 95% -90px; } #showroom .group2c .first .ui-tabs-selected{ background: url(/v8/tools/automotive/showroom/acura/images/tabs.gif) no-repeat 95% -30px; } #showroom .group2c .first li a{ color: #D7D7D7; } #showroom .group2c .first .ui-tabs-selected a{ color: #FFF; } #showroom .group2c .group2c .first li{ border-color: #D7D7D7; background: url(/v8/tools/automotive/showroom/acura/images/tabs2.gif) no-repeat 95% -90px; } #showroom .group2c .group2c .first .ui-tabs-selected{ background-color: #FFF; background-position: 95% -30px; } #showroom .group2c .group2c .first li a{ color: #000; } #showroom .group2c .group2c .first li .hoverEffect{ background: #FFF url(/v8/tools/automotive/showroom/acura/images/tabs2.gif) no-repeat 95% -30px; } #showroom .specifications .group2b .first, #showroom .features .group2b .first{ background: #FFF url(/v8/tools/automotive/showroom/acura/images/review.jpg) no-repeat; } #showroom .review .group2b .first{ background: #FFF url(/v8/tools/automotive/showroom/acura/images/review.jpg) no-repeat; } #showroom h4{ border-color: #666; } #showroom .group1b h4{ color: #C4C4C4; } #showroom .first h2 strong{ color: #707070; } #showroom .first h3{ color: #5F5F5F; } #showroom .colors h3{ color: #FFF; } #showroom .widgetWrap .group2d .unit{ background: none; } #showroom .widgetWrap .group2e .unit{ background: none; } #showroom .disabled a{ color: #444; } #contentWrap .disclaimer { color: #a3a3a3; } /* =nav */ .nav li a{ color: #FFF; } .nav .selected a, .nav li a:hover{ color: #EA5F04; } #modelNav{ border-color: #FFF; background: #212121; } #modelNav .selected, #modelNav li .hoverEffect{ background: #FFF url(/v8/tools/automotive/showroom/acura/images/model-nav.gif) repeat-x; } #showroomNav{ background: #8A8A8A url(/v8/tools/automotive/showroom/acura/images/showroom-nav.gif) repeat-x; } #showroomNav li{ border-color: #FFF; } #showroomNav .selected, #showroomNav li .hoverEffect{ background: #FFF; } #showroomNav li a{ border-color: #000; } #showroomNav .selected a, #showroomNav li a:hover{ border-color: #767676; } #showroomNav li a span{ background: url(/v8/tools/automotive/showroom/acura/images/showroom-nav-arrow.gif) no-repeat 0 -56px; } #showroomNav .selected a span, #showroomNav li a:hover span{ background-position: 0 -14px; } /* =overview beauty shot */ #background{ background: #000; } #background div div{ background: url(/v8/tools/automotive/showroom/acura/images/background.png) no-repeat; } #rl{ background: url(/v8/tools/automotive/showroom/acura/images/beautyshot-rl.jpg) no-repeat 50% 50%; } #tl{ background: url(/v8/tools/automotive/showroom/acura/images/beautyshot-tl.jpg) no-repeat 50% 50%; } #rdx{ background: url(/v8/tools/automotive/showroom/acura/images/beautyshot-rdx.jpg) no-repeat 50% 50%; } #tsx{ background: url(/v8/tools/automotive/showroom/acura/images/beautyshot-tsx.jpg) no-repeat 50% 50%; } #mdx{ background: url(/v8/tools/automotive/showroom/acura/images/beautyshot-mdx.jpg) no-repeat 50% 50%; } /* =misc */ .specList{ color: #000; } #trimsPanel{ color: #000; background: #FFF; } #trimsPanel th, #trimsPanel td{ border-color: #DDD; } #trimsPanel .even th, #trimsPanel .even td{ background: #EEE; } .actionLinks li a{ border-color: #666; color: #C0C0C0; background: url(/v8/tools/automotive/showroom/acura/images/action-links.gif) no-repeat 98% -22px; } .actionLinks li a:hover{ color: #FFF; background: url(/v8/tools/automotive/showroom/acura/images/action-links.gif) no-repeat 98% -67px; } table .odd td{ background: #E0E0E0; } #showroom .group2b .ui-tabs-nav, #showroom .group2b .ui-tabs-nav li{ border-color: #7A7A7A; } #showroom .group2b .ui-tabs-nav li a{ color: #333; background: url(/v8/tools/automotive/showroom/acura/images/tab-links.gif) no-repeat 99% -22px; } #showroom .group2b .ui-tabs-nav .ui-tabs-selected a{ color: #FFF; background-color: #858585; background-position: 99% -66px; } #showroom .group2b .ui-tabs-nav li a:hover{ color: #FFF; background-position: 99% -66px; } #showroom .group2b .ui-tabs-nav .hoverEffect{ background-color: #858585; } #showroom .featureImage{ border-color: #757575; } #colorSwatches li{ border-color: #FFF; } #colorSwatches li a{ background-image: url(/v8/tools/automotive/showroom/acura/images/swatch.png); background-position: repeat-x; } #colorSwatches li.selected{ border-color: #FE6000; } #spins .spinLink a{ color: #000; background: url(/v8/tools/automotive/showroom/acura/images/360.gif?_=0) no-repeat; } #spins .spinLink a:hover{ color: #EA5F04; } /* =buttons */ #showroom .showroomButton{ background: url(/v8/tools/automotive/showroom/acura/images/button.gif) no-repeat 0 -66px; } #showroom .showroomButton span{ color: #fff; background: url(/v8/tools/automotive/showroom/acura/images/button.gif) no-repeat 100% -66px; } #showroom .showroomButton:hover{ background-position: 0 -22px; } #showroom .showroomButton:hover span{ color: #fff; background-position: 100% -22px; } /* jcarousel */ .jcarousel-prev:hover{ background-position: 0 -229px; } .jcarousel-next:hover{ background-position: 100% -229px; } .jcarousel-prev, .jcarousel-prev-disabled:hover{ background: url(/v8/tools/automotive/showroom/acura/images/jcarousel-buttons.gif) 0 -77px; } .jcarousel-next, .jcarousel-next-disabled:hover{ background: url(/v8/tools/automotive/showroom/acura/images/jcarousel-buttons.gif) 100% -77px; } /* =photos page */ #showroom div.photos, #showroom div.video{ background: none; } .photos .jcarousel-prev, .photos .jcarousel-next{ background-image: url(/v8/tools/automotive/showroom/acura/images/jcarousel-buttons-dark.gif); } .photos .jcarousel-list li a{ border-color: #FFF; } .photos .jcarousel-list li a:hover, .photos .jcarousel-list .selected a{ border-color: #EA5F04; } #prevImage{ background: url(/v8/tools/automotive/showroom/acura/images/jcarousel-buttons-dark.gif) 0 -79px; } #prevImage:hover{ background-position: 0 -231px; } #nextImage{ background: url(/v8/tools/automotive/showroom/acura/images/jcarousel-buttons-dark.gif) 100% -79px; } #nextImage:hover{ background-position: 100% -231px; } /* =videos page */ .video .jcarousel-list li a{ border-color: #FFF; } .video .jcarousel-list li a:hover, .video .jcarousel-list .selected a{ border-color: #EA5F04; } /* =viewer */ #viewer{ background: transparent url(/v8/tools/automotive/showroom/acura/images/viewer.gif) no-repeat 50% 50%; } .close{ background: url(/v8/tools/automotive/showroom/acura/images/close.png) no-repeat; } /* =trims page */ .trims #trimsTable{ border-color: #E7E7E7; color: #000; background: #E7E7E7; } .trims #trimsTable thead th{ color: #FFF; background: #444 url(/v8/tools/automotive/showroom/acura/images/th.gif) no-repeat 95% -93px; } .trims #trimsTable thead .descending{ background-position: 95% -10px; } .trims #trimsTable thead .ascending{ background-position: 95% -50px; } .trims #trimsTable .even th, .trims #trimsTable .even td{ background: #FFF; } .trims #trimsTable .odd th, .trims #trimsTable .odd td{ background: none; } /* =features page */ #showroom .features .group2b .first{background: #f7f7f7 url(/v8/tools/automotive/showroom/acura/images/features-gradient.gif) repeat-x 0 0;} #showroom .features .group2b .first .unitWrap{background: transparent url(/v8/tools/automotive/showroom/acura/images/features-top.jpg) no-repeat 98% 0;} #showroom .features .group2b .unitWrap .ui-tabs-panel .first{background-color: transparent; background-image: none;} #showroom .features .categoryWrap a:hover{color: #333;} #showroom .disclaimers{ color: #999; } /* =specifications page */ .specifications td span {display: block;} .specDisclaimers{ border-color: #CCC; color: #666; } /* =default page */ #showroom div.default{ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(#ffffff, #eeeeee); /* FF3.6+ */ background: -webkit-linear-gradient(#ffffff, #eeeeee); /* Chrome10+,Safari5.1+ */ background: -ms-linear-gradient(#ffffff, #eeeeee); /* IE10+ */ background: linear-gradient(#ffffff, #eeeeee); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee'); /* IE6-9 */ } #showroom div.default .group1b li a{ color: #000; } #showroom div.default .group1b li a span{ color: #999; font-weight: bold; } #showroom div.default li#rlxModel{ background-image: url(/v8/tools/automotive/showroom/acura/images/default-2014/rlx-hover.jpg) } #showroom div.default li#rlxModel h2{ background-image: url(/v8/tools/automotive/showroom/acura/images/default-2014/rlx.jpg) } #showroom div.default li#rlModel{ background-image: url(/v8/tools/automotive/showroom/acura/images/default-2012/rl-hover.jpg) } #showroom div.default li#rlModel h2{ background-image: url(/v8/tools/automotive/showroom/acura/images/default-2012/rl.jpg) } #showroom div.default li#tlModel{ background-image: url(/v8/tools/automotive/showroom/acura/images/default-2013/tl-hover.jpg) } #showroom div.default li#tlModel h2{ background-image: url(/v8/tools/automotive/showroom/acura/images/default-2013/tl.jpg) } #showroom div.default li#rdxModel{ background-image: url(/v8/tools/automotive/showroom/acura/images/default-2012/rdx-hover.jpg) } #showroom div.default li#rdxModel h2{ background-image: url(/v8/tools/automotive/showroom/acura/images/default-2012/rdx.jpg) } #showroom div.default li#mdxModel{ background-image: url(/v8/tools/automotive/showroom/acura/images/default-2014/mdx-hover.jpg) } #showroom div.default li#mdxModel h2{ background-image: url(/v8/tools/automotive/showroom/acura/images/default-2014/mdx.jpg) } #showroom div.default li#tsxModel{ background-image: url(/v8/tools/automotive/showroom/acura/images/default-2012/tsx-hover.jpg) } #showroom div.default li#tsxModel h2{ background-image: url(/v8/tools/automotive/showroom/acura/images/default-2012/tsx.jpg) } #showroom div.default li#tsxsportwagonModel{ background-image: url(/v8/tools/automotive/showroom/acura/images/default-2012/tsx-wagon-hover.jpg) } #showroom div.default li#tsxsportwagonModel h2{ background-image: url(/v8/tools/automotive/showroom/acura/images/default-2012/tsx-wagon.jpg) } #showroom div.default li#zdxModel{ background-image: url(/v8/tools/automotive/showroom/acura/images/default-2012/zdx-hover.jpg) } #showroom div.default li#zdxModel h2{ background-image: url(/v8/tools/automotive/showroom/acura/images/default-2012/zdx.jpg) } #showroom div.default li#ilxModel{ background-image: url(/v8/tools/automotive/showroom/acura/images/default-2014/ilx-hover.jpg) } #showroom div.default li#ilxModel h2{ background-image: url(/v8/tools/automotive/showroom/acura/images/default-2014/ilx.jpg) } #showroom div.default li.hover h2{ background-image: none !important; } .spinViewerexterior{ background-color: #FFF; } #spinViewerSWF {display:block;margin:0 auto;} /* =ie6 --------------------------------------------------*/ * html #showroom .interior .group2b .last{ height: 525px; } * html #showroom .group2c .group2c .first li{ margin: 0 0 -3px 0; } * html #showroom .group2d .first{ width: 290px; } * html #showroom .group2d li, * html #showroom .group2e li{ height: auto; } /* =nav */ * html .nav li a{ height: 32px; } /* =viewer */ * html .close{ cursor: pointer; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/v8/tools/automotive/showroom/acura/images/close.png', sizingMethod='scale'); } /* =misc */ * html .ui-tabs-nav a{ position: relative; } * html #showroom .group2b .ui-tabs-nav li .hoverEffect{ display: none; } * html #showroom .group2b .ui-tabs-nav li a:hover{ background-color: #858585; } * html .group2c #specsPanel .group2c .last{ position: relative; } * html .group2c #specsPanel .group2c .last .ui-tabs-panel { padding-left: 32px; } * html #specsPanel .specList li{ width: 40%; padding-left: 20px; background: url(/v8/tools/automotive/showroom/acura/images/bullet.gif) no-repeat; } * html #specsPanel .disclaimers{ padding-top: 20px; } * html #showroom .features .group2b .categoryWrap.odd p {padding-left: 0;} /* =overview beauty shot */ * html #background div div{ background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/v8/tools/automotive/showroom/acura/images/background.png', sizingMethod='scale'); } /* =photos page */ * html #thumbPhotos .jcarousel-list{ height: 1%; } * html .photos .jcarousel-prev{ left: -30px; } * html .photos .jcarousel-next{ right: 5px; } /* =colors page */ * html #colorSwatches li a{ cursor: pointer; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/v8/tools/automotive/showroom/acura/images/swatch.png', sizingMethod='scale'); } /* =clearing */ * html .nav, * html .group2b, * html .group2c, * html .group2d, * html .group2e, * html .group2b li, * html #showroom p, * html .ui-tabs-nav, * html #colorSwatches{ height: 1%; } /* =ie7 --------------------------------------------------*/ *+html #showroom .group2c .group2c .first li{ margin: 0 0 -3px 0; } /* =nav */ *+html .nav li a{ height: 32px; } /* =misc */ *+html #showroom .group2b .ui-tabs-nav li .hoverEffect{ display: none; } *+html #showroom .group2b .ui-tabs-nav li a:hover{ background-color: #858585; } *+html .group2c #specsPanel .group2c .last{ position: relative; } *+html .group2c #specsPanel .group2c .last .ui-tabs-panel { padding-left: 32px; } *+html #specsPanel .specList li{ width: 40%; padding-left: 20px; background: url(/v8/tools/automotive/showroom/acura/images/bullet.gif) no-repeat; } *+html #specsPanel .disclaimers{ padding-top: 20px; } *+html #showroom .features .group2b .categoryWrap.odd p {padding-left: 0;} /* =clearing */ *+html #showroom p, *+html .group2c, *+html .nav{ height: 1%; }