/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : Chris Munn / chris.munn@gforces.co.uk / G-Forces Web Management Ltd Based on John Davies Original Styles Type: Screen, Projection Description : Screen and projection stylesheet for Baileys/Euro Canterbury site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ html { height: 100%; } body { height: 100%; font:62.5%/1.6 verdana, arial, helvetica, sans-serif; margin:0; padding:0; background:#FFFFFF url(../images/layup/bodyBg.jpg) top center repeat-x; color:#000000; text-align:center; } /* This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text. Declaring the font size in pixels makes it more consistent across browsers. */ td, textarea, input, select { font:100% verdana, arial, helvetica, sans-serif; } html>body td, html>body textarea, html>body input, html>body select { font-size:11px; } /* some browsers don't inherit the font into tables or textareas! */ /* ----- IDS ----- */ #container { min-height: 100%; width:938px; margin:0 auto; text-align:left; font-size:110%; line-height: normal; } * html #container { height: 100%; } #printHeader { display:none;} #header { height: 93px; position: relative; } #header #logo { position: absolute; top: 0px; left: 0px; } #header #logoService { position: absolute; top: 0px; left: 11px; } #header #date { position: absolute; top: 44px; right: 88px; z-index: 1; color: #146eb2; font-size: 1.3em; font-weight: bold; } #header #contactDetails { position: absolute; top: 0px; right: 0px; } /* ----- LEFT COLUMN ----- */ #leftCol { float: left; width: 214px; margin-top: 23px; } #leftCol .box { margin-bottom: 10px; line-height: 160%; position:relative } #leftCol .box .snowTop { position:absolute; top:0px; } #leftCol .box a { text-decoration: none; font-weight: normal; } #leftCol .box.location { background: url(../images/layup/locationBg.jpg) no-repeat; width: 214px; height: 122px; line-height: normal; } #leftCol .box.location span.content { display: block; padding: 40px 48px 5px 16px; } #leftCol .box.motability { background: none; width: 214px; height: 127px; } #leftCol .box.motability a { display: block; width: 214px; height: 127px; background: url(../images/layup/spriteMotability.jpg) no-repeat top left; } #leftCol .box.motability a:hover { background: url(../images/layup/spriteMotability.jpg) no-repeat bottom left; } #leftCol .box .btn { display: block; float: right; } #leftCol .box .clear { display: block; clear: both; } #leftCol .usedCarSearch { width: 182px; background:#ffffff url(../images/layup/searchBg.gif) no-repeat bottom left; padding: 0 16px 25px 16px; } #leftCol .usedCarSearch a { width: auto; } #leftCol .usedCarSearch form { padding: 6px 0px 0px 0px; } #leftCol .usedCarSearch select { width: 182px; font-size: 1.0em; height: 19px; text-align: center; margin-bottom: 4px; } #leftCol .usedCarSearch #searchBtns { width: 182px; margin-top: 8px; } #leftCol .usedCarSearch #searchBtns .btnSearch { float: right; width: 83px !important; height: 25px !important; } #leftCol .usedCarSearch #searchBtns .advancedSearch { float: left; background: #032d49; color: #fff; text-transform: uppercase; font-size: 0.9em; text-decoration: none; } #leftCol .favourites { } #leftCol .favourites a { width: auto; } #leftCol .favourites .thumb { float: left; width: 58px; height: 44px; position: relative; margin-right: 3px; margin-bottom: 4px; } #leftCol .favourites .thumb .frame { position: absolute; top: 0px; left: 0px; } #leftCol .favourites .btnCompare { display: block; float: left; margin-top: 10px; } #leftCol .favourites .btnSave { display: block; float: right; margin-top: 10px; } #leftCol .favourites .fav1 { background:url(../images/layup/noImageFav1.gif) top left no-repeat; } #leftCol .favourites .fav2 { background:url(../images/layup/noImageFav2.gif) top left no-repeat; } #leftCol .favourites .fav3 { background:url(../images/layup/noImageFav3.gif) top left no-repeat; margin-right: 0px; } #leftCol .favourites .fav4 { background:url(../images/layup/noImageFav4.gif) top left no-repeat; } #leftCol .favourites .fav5 { background:url(../images/layup/noImageFav5.gif) top left no-repeat; } #leftCol .favourites .fav6 { background:url(../images/layup/noImageFav6.gif) top left no-repeat; margin-right: 0px; } #leftCol .usedCarSearch ul.domtabs { margin:0px; padding:0px; } #leftCol .usedCarSearch ul.domtabs li { float:left; padding:0px; margin:0px; list-style:none; } #leftCol .usedCarSearch ul.domtabs li a { display:block; width:88px; height:24px; background:url(../images/layup/spriteUsedNewSearch.gif) no-repeat; margin:0px; padding:0px; } #leftCol .usedCarSearch ul.domtabs li a span { display:none; } #leftCol .usedCarSearch ul.domtabs li#tabUsedSearch a { background-position:0 0; margin-right:6px; } #leftCol .usedCarSearch ul.domtabs li#tabUsedSearch.active a { background-position:0 -24px; } #leftCol .usedCarSearch ul.domtabs li#tabNewSearch a { background-position:-94px 0; } #leftCol .usedCarSearch ul.domtabs li#tabNewSearch.active a { background-position:-94px -24px; } /* ----- RIGHT COLUMN ----- */ #rightCol { float: right; width: 707px; margin-top: 23px; } #mainImage { width: 697px; height: 282px; position: relative; margin-left: 5px; } #mainImage .snowTopBanner { position:absolute; top:0px; left:-10px; z-index:9999999; } #mainImage #scroller { width: 697px; height: 273px; } #mainImage #scroller .scrollerOffer { margin-left: 26px; } #mainImage #scroller .scrollerOffer.new { margin:0; } #mainImage #scrolLeft { position: absolute; top: 0px; left: 0px; } #mainImage #scrolRight { position: absolute; top: 0px; right: 0px; } #mainImage #mainImageShadow { width: 697px; height: 14px; background: url(../images/layup/homeImageScrollerShadow.jpg) no-repeat; } #mainImage .selector { position:absolute; right:20px; top:0; } #mainImage .selector ul { margin:0; padding:0; } #mainImage .selector ul li { list-style:none; margin:0 0 3px; padding:0; } #mainImage .selector ul li a { width:32px; height:30px; padding-top:13px; text-decoration:none; text-align:center; color:#fff; font-size:13px; font-weight:bold; display:block; background:#000; } #mainImage .selector ul li a span { display:block; padding:10px 0 0; } #mainImage .selector ul li a.active, #mainImage .selector ul li a:hover { background:url(../images/layup/homeBannerSelectorActiveBg.gif) no-repeat left top; } #primaryJumps { margin-top: 17px; margin-left: 5px; margin-bottom: 40px; } #primaryJumps .box { position: relative; float: left; } #primaryJumps .box a { display: block; float: left; } #primaryJumps .box a img { display: block; float: left; } #mainContent { padding: 0px 10px 20px 14px; } #mainContent .cmsDetails { float: right; margin: 8px 11px 25px 25px; display: inline; } #mainContent .cmsImage { position: relative; } #mainContent .cmsImage .frame { position: absolute; top: -9px; left: -9px; z-index: 999; } #mainContent .downloads { width: 337px; background: #eeeeee; margin-top: 11px; } #mainContent .downloads ul { padding: 0px 15px 0px 15px; margin: 0; list-style: none; } #mainContent .downloads li { float: left; padding: 4px 0px 4px 0px; display: block; width: 153px; } #mainContent .downloads a { text-decoration: none; } #mainContent .downloads a:hover { text-decoration: underline; } /* ----- FULL WIDTH ----- */ /* ----- BOX LIST ----- */ #boxList { margin-top: 14px; } #boxList .box { float: left; width: 215px; margin-right: 12px; margin-bottom: 12px; position: relative; background: url(../images/layup/frameNewCar.gif) bottom left no-repeat; } #boxList .box .thumb { display: block; width: 213px; height: 159px; background:#898989 url(../images/layup/noImage147x110.gif) 30px 25px no-repeat; padding: 1px; } #boxList .box a { display: block; cursor: pointer; text-decoration: none; } #boxList .box .title { display: block; padding: 8px 0px 0px 0px; font-size: 1.2em; height: 32px; line-height: 110%; text-align: center; } /* ----- LIST ----- */ #list { } #list .listItem { padding-bottom: 14px; padding-top: 14px; background: url(../images/layup/dotsH.gif) repeat-x bottom left; } #list .listItem a { text-decoration: none; display: block; } #list .listItem .thumb { display: block; position: relative; float: left; background:url(../images/layup/noImage214x141.jpg) 0px 0px no-repeat; width: 214px; height: 141px; } #list .listItem .thumb .frame { position: absolute; top: -9px; left: -8px; } #list .listItem .thumb a { display: block; float: left; } #list .listItem .thumb .special { position:absolute; top:1px; left:2px; } #list .listItem .details { float: right; width: 455px; } #list .listItem .details .titlePrice { display: block; position: relative; } #list .listItem .details .titlePrice a { display: block; height: 35px; } #list .listItem .details .titlePrice .title { display: block; float: left; font-size: 1.3em; } #list .listItem .details .titlePrice .price { display: block; float: right; font-size: 1.6em; color: #0868ad; } #list .listItem .details .description { float: left; width: 260px; cursor: pointer; min-height: 106px; } #list .listItem .details .description table { width: 207px; float:left; } #list .listItem .details .description table td { padding: 2px 0px 2px 0px; color: #000000; } #list .listItem .details .description .wasPrice { background:url(../images/layup/wasPriceBg.jpg) left top no-repeat; width:142px; height:42px; font-size:15px; color:#fff; } #list .listItem .details .description .wasPrice .padding { padding:24px 0 0 12px; text-align:center;} #list .listItem .details .description .nowPrice { background:url(../images/layup/nowPriceBg.jpg) left top no-repeat; width:142px; height:62px; font-size:20px; font-weight:bold; color:#fff; } #list .listItem .details .description .nowPrice .padding { padding:30px 13px 0 0; text-align:right; } #list .listItem .details .description .price { float:right; width:142px; margin-right:5px; } #list .listItem .details .btns { display: block; float: left; width: 194px; } #list .listItem .details .btns a { margin-bottom: 6px; } /* ----- NEWS LIST ----- */ #newsList { width: 682px; margin-left: 15px; } #newsList .listItem { padding-bottom: 30px; padding-top: 30px; background: url(../images/layup/dotsH2.gif) repeat-x top left; } #newsList .listItem a { text-decoration: none; display: block; font-weight: normal; } #newsList .listItem .thumb { display: block; width: 147px; height: 110px; border: 1px solid #dfdfdf; float: left; background:url(../images/layup/noImage159x126.gif) 0px 0px no-repeat; } #newsList .listItem .thumb a { display: block; width: 159px; height: 141px; float: left; padding-right: 26px; } #newsList .listItem .details { display: block; float: left; width: 497px; padding-left: 23px; } #newsList .listItem .details .title { display: block; font-weight: bold; padding: 15px 0px; font-size: 1.1em; } #newsList .listItem .details .link { display: block; text-align: right; font-weight: bold; color: #056cae; font-size: 1.1em; padding: 5px 0px 0px 0px; } /* ----- USED CAR DETAIL ----- */ #usedCarContact { background: url(../images/layup/usedTitleBg.gif) top right no-repeat; color: #fff; font-weight: bold; margin-bottom: 15px; height: 38px; } #usedCarContact h1 { float: left; padding: 0px; height: 28px; padding: 10px 0px 0px 10px; } #usedCarContact .price { float: right; padding-right: 10px; font-size: 14px; padding-top: 10px; } #usedCarPhoto { float: left; position: relative; width: 341px; height: 225px; background:url(../images/layup/noImage341x225.jpg) top left no-repeat; } #usedCarPhoto .frame { position: absolute; top: -9px; left: -9px; } #usedCarPhoto .special { position:absolute; top:2px; left:3px; } #usedCarThumbs {} #usedCarThumbs .thumb { float: left; position: relative; width: 147px; height: 97px; margin-left: 20px; margin-bottom: 27px; background:url(../images/layup/noImage147x97.jpg) top left no-repeat; } #usedCarThumbs .liveChat img { width: 147px !important; } #usedCarThumbs .thumb .frame { position: absolute; top: -6px; left: -6px; } #usedCarThumbs .priceContain { width:142px; float:right; margin-right:14px; display:inline; margin-top:-10px; } #usedCarThumbs .priceContain .wasPrice { background:url(../images/layup/wasPriceBg.jpg) left top no-repeat; width:142px; height:42px; font-size:15px; color:#fff; } #usedCarThumbs .priceContain .wasPrice .padding { padding:24px 0 0 12px; text-align:center;} #usedCarThumbs .priceContain .nowPrice { background:url(../images/layup/nowPriceBg.jpg) left top no-repeat; width:142px; height:62px; font-size:20px; font-weight:bold; color:#fff; } #usedCarThumbs .priceContain .nowPrice .padding { padding:30px 13px 0 0; text-align:right; } #usedCarTitle { background:#edebec url(../images/layup/usedCarTitleRight.gif) top right no-repeat; height: 38px; margin-bottom: 20px; } #usedCarTitle h1 { float: left; height: 29px; padding: 9px 0px 0px 12px; color: #000; font-weight: bold; font-size: 1.4em; background:url(../images/layup/usedCarTitleLeft.gif) top left no-repeat; } #usedCarTitle .price { float: right; height: 29px; padding: 9px 12px 0px 0px; color: #000; font-weight: bold; font-size: 1.4em; background:url(../images/layup/usedCarTitleRight.gif) top right no-repeat; } #usedCarTitle div { height: 29px; padding: 9px 0px 0px 12px; color: #000; font-weight: bold; font-size: 1.4em; background:url(../images/layup/usedCarTitleLeft.gif) top left no-repeat; } #usedCarOptions { width: 680px; height: 50px; float: left; } #usedCarOptions .btn { float: left; } #usedCarOptions a { float: left; width: 163px; height: 36px; } #usedCarOptions .btn span { display: none; } #usedCarOptions .btnEnquiry { margin-bottom: 6px; margin-right: 10px; } #usedCarOptions .btnEnquiry a { background:url(../images/layup/spriteUsedCarOptions.gif) 0px 0px no-repeat; } #usedCarOptions .btnEnquiry a:hover { background:url(../images/layup/spriteUsedCarOptions.gif) 0px -72px no-repeat; } #usedCarOptions .btnValueVehicle { margin-bottom: 6px; margin-right: 9px; } #usedCarOptions .btnValueVehicle a { background:url(../images/layup/spriteUsedCarOptions.gif) -163px 0px no-repeat; } #usedCarOptions .btnValueVehicle a:hover { background:url(../images/layup/spriteUsedCarOptions.gif) -163px -72px no-repeat; } #usedCarOptions .btnSendFriend { margin-bottom: 6px; margin-right: 9px; } #usedCarOptions .btnSendFriend a { background:url(../images/layup/spriteUsedCarOptions.gif) -326px -72px no-repeat; } #usedCarOptions .btnSendFriend a:hover { background:url(../images/layup/spriteUsedCarOptions.gif) -326px 0px no-repeat; } #usedCarOptions .btnSaveCompare { margin-bottom: 6px; margin-right: 0px; } #usedCarOptions .btnSaveCompare a { background:url(../images/layup/spriteUsedCarOptions.gif) -326px -108px no-repeat; } #usedCarOptions .btnSaveCompare a:hover { background:url(../images/layup/spriteUsedCarOptions.gif) -326px -36px no-repeat; } #usedCarOptions .btnPrintSpec { margin-bottom: 6px; margin-right: 0px; } #usedCarOptions .btnPrintSpec a { background:url(../images/layup/spriteUsedCarOptions.gif) 0px -108px no-repeat; } #usedCarOptions .btnPrintSpec a:hover { background:url(../images/layup/spriteUsedCarOptions.gif) 0px -36px no-repeat; } #usedCarOptions .btnTestDrive { margin-bottom: 6px; margin-right: 9px; } #usedCarOptions .btnTestDrive a { background:url(../images/layup/spriteUsedCarOptions.gif) -163px -108px no-repeat; } #usedCarOptions .btnTestDrive a:hover { background:url(../images/layup/spriteUsedCarOptions.gif) -163px -36px no-repeat; } /* ----- DOMTABS ----- */ #vehicleSpec { float: left; width: 680px; margin-top: 9px; } #vehicleSpec .domtab { } #vehicleSpec .tabset_print { display: none; } #vehicleSpec .tabset_tabs { height: 55px; width: 680px; margin:0px; padding: 0; list-style:none; position:relative; } #vehicleSpec .tabset_tabs li { list-style: none; display: inline; padding: 0px; float:left; } #vehicleSpec .tabset_tabs span { display: none; } #vehicleSpec .tabset_tabs a { display: block; height: 55px; } #vehicleSpec .tabset_tabs #tabCarDetails { position: absolute; top:0px; left:0px; z-index: 3; } #vehicleSpec .tabset_tabs #tabCarDetails a { background: url(../images/layup/tabCarDetails.png) top left no-repeat; width: 233px; outline: none; } #vehicleSpec .tabset_tabs #tabCarDetails a:hover { background: url(../images/layup/tabCarDetailsHover.png) top left no-repeat; } #vehicleSpec .tabset_tabs #tabCarDetails.active a { background: url(../images/layup/tabCarDetailsHover.png) top left no-repeat; } #vehicleSpec .tabset_tabs #tabSpecification { position: absolute; left:233px; top:0px; z-index: 2; } #vehicleSpec .tabset_tabs #tabSpecification a { background: url(../images/layup/tabSpec.png) top left no-repeat; width: 236px; position: relative; left: -10px; outline: none; } #vehicleSpec .tabset_tabs #tabSpecification a:hover { background: url(../images/layup/tabSpecHover.png) top left no-repeat; } #vehicleSpec .tabset_tabs #tabSpecification.active { z-index: 4; } #vehicleSpec .tabset_tabs #tabSpecification.active a { background: url(../images/layup/tabSpecHover.png) top left no-repeat; } #vehicleSpec .tabset_tabs #tabWarranty { position: absolute; z-index: 1; top:0px; left:469px; } #vehicleSpec .tabset_tabs #tabWarranty a { background: url(../images/layup/tabWarranty.png) top left no-repeat; width: 231px; position: relative; left: -20px; outline: none; } #vehicleSpec .tabset_tabs #tabWarranty a:hover { background: url(../images/layup/tabWarrantyHover.png) top left no-repeat; } #vehicleSpec .tabset_tabs #tabWarranty.active { z-index: 4; } #vehicleSpec .tabset_tabs #tabWarranty.active a { background: url(../images/layup/tabWarrantyHover.png) top left no-repeat; } #vehicleSpec .tabset_tabs #tabCarDetails .corner { display: none; } #vehicleSpec .tabset_tabs #tabCarDetails.active .corner { position: absolute; display: block; bottom: 1px; right: -11px; } #vehicleSpec .tabset_tabs #tabSpecification .corner { display: none; } #vehicleSpec .tabset_tabs #tabSpecification a:hover .corner { position: absolute; display: block; bottom: 1px; right: -11px; } #vehicleSpec .tabset_tabs #tabSpecification.active .corner { position: absolute; display: block; bottom: 1px; right: -11px; } #vehicleSpec .contentHeight { width: 680px; background: #eceaeb; height: 120px; } #vehicleSpec .tabset_content { width: 665px; height: 120px; overflow:auto; overflow-x:hidden; overflow-y:auto; padding-right: 10px; } #vehicleSpec .tabset_content h1 { color: #000; padding: 0px; } #vehicleSpec .tabset_content table { width: 100%; } #vehicleSpec .tabset_content td { height: 28px; padding: 0px 0px 0px 17px; } #financeCalculator { float: right; width: 262px; background: #eceaeb url(../images/layup/financeCalculatorBg.gif) bottom left no-repeat; } #financeCalculator .tabset_content { } #financeCalculator .tabset_content table { margin-top: 4px; width: 100%; } #financeCalculator .tabset_content td { height: 28px; padding: 0px; } #financeCalculator .tabset_content form { } #financeCalculator .tabset_content select { width: 70px; } #financeCalculator .tabset_content input { width: 67px; } #financeCalculator .tabset_content tr { } #financeCalculator .tabset_content a { color: #fff; text-decoration: none; } #financeCalculator .tabset_content a:hover { color: #ff0000; } #similarVehicles { margin-top: 10px; margin-left: 3px; margin-top: 25px; } #similarVehicles .box { float: left; width: 147px; margin-right: 30px; margin-top: 20px; display: inline; } #similarVehicles .last { margin-right: 0px; } #similarVehicles .box a { display: block; cursor: pointer; text-decoration: none; width: 147px; font-weight: normal; padding-bottom: 10px; color: #000; } #similarVehicles .box .thumb { display: block; position: relative; background: none; width: 147px; height: 97px; margin-bottom: 7px; background:url(../images/layup/noImage147x110.gif) top left repeat-x; } #similarVehicles .box .thumb .frame { position: absolute; top: -6px; left: -6px; } #similarVehicles .box .detail { display: block; padding: 0px 0px 0px 5px; } #similarVehicles .spacer { float: left; margin-top: 25px; } #bookService { float: left; width: 889px; margin-top: 9px; margin-left:11px; display: inline; } #bookService .domtab { } #bookService .tabset_print { display: none; } #bookService .tabset_tabs { height: 46px; width: 600px; margin:0px; padding: 0; list-style:none; } #bookService .tabset_tabs li { list-style: none; display: inline; padding: 0px; float:left; } #bookService .tabset_tabs span { display: none; } #bookService .tabset_tabs a { display: block; height: 46px; } #bookService .tabset_tabs #tabSelectVehicle { position: relative; z-index: 3; } #bookService .tabset_tabs #tabSelectVehicle a { background: url(../images/layup/tabSelect.png) top left no-repeat; width: 200px; height:46px; } #bookService .tabset_tabs #tabSelectVehicle a:hover { background: url(../images/layup/tabSelectHover.png) top left no-repeat; width: 200px; height:46px; } #bookService .tabset_tabs #tabSelectVehicle.active a { background: url(../images/layup/tabSelectHover.png) top left no-repeat; width: 200px; height:46px;} #bookService .tabset_tabs #tabChooseService { position: relative; z-index: 2; } #bookService .tabset_tabs #tabChooseService a { background: url(../images/layup/tabChoose.png) top left no-repeat; width: 200px; height:46px; position: relative; left: -10px; } #bookService .tabset_tabs #tabChooseService a:hover { background: url(../images/layup/tabChooseHover.png) top left no-repeat; width: 200px; height:46px;} #bookService .tabset_tabs #tabChooseService.active { z-index: 4; } #bookService .tabset_tabs #tabChooseService.active a { background: url(../images/layup/tabChooseHover.png) top left no-repeat; width: 200px; height:46px;} #bookService .tabset_tabs #tabBook { position: relative; z-index: 1; } #bookService .tabset_tabs #tabBook a { background: url(../images/layup/tabBook.png) top left no-repeat; width: 200px; height:46px; position: relative; left: -30px; } #bookService .tabset_tabs #tabBook a:hover { background: url(../images/layup/tabBookHover.png) top left no-repeat; width: 200px; height:46px;} #bookService .tabset_tabs #tabBook.active { z-index: 4; } #bookService .tabset_tabs #tabBook.active a { background: url(../images/layup/tabBookHover.png) top left no-repeat; width: 200px; height:46px;} #bookService .tabset_tabs #tabCarDetails .corner { display: none; } #bookService .tabset_tabs #tabCarDetails.active .corner { position: absolute; display: block; bottom: 1px; right: -11px; } #bookService .tabset_tabs #tabSpecification .corner { display: none; } #bookService .tabset_tabs #tabSpecification a:hover .corner { position: absolute; display: block; bottom: 1px; right: -11px; } #bookService .tabset_tabs #tabSpecification.active .corner { position: absolute; display: block; bottom: 1px; right: -11px; } #bookService .contentHeight { width: 889px; background: #d6e4f0; height: auto; } #bookService .tabset_content { width: 889px; height: auto; overflow-x:hidden; overflow-y:auto; padding-right: 10px; } #bookService .validation-advice { width: 342px; } .leftDomtabContain { float:left; width:380px; padding: 0 30px 0 34px; border-right: 1px #fff solid; } .leftDomtabContain p {width:380px; margin-top:10px; color:#0e446d} .leftDomtabContain ul { padding: 0; margin: 0px 0px 5px 18px; } .leftDomtabContain ul li { padding: 2px 0px 2px 0px; } .included { background:url(../images/layup/includedBg.gif) top left no-repeat; width:785px; margin: 0 auto; clear:both; padding:47px 0 0 0; } .included ul { margin: 0px 0px 0px 20px; padding: 0; } .included li { padding-bottom:5px; font-size:12px;} .bottom{ width:785px; height:12px; } .pricePromise { z-index: 999999; width:250px; margin:-20px 0px 0px 250px; } .pricePromise a.pricePromiseInfo { float: left; z-index:999999!important; font-size:10px; color:#000; font-weight:normal; position:relative; } .pricePromise a.pricePromiseInfo img { z-index: 1; } .pricePromise a.pricePromiseInfo:hover {z-index: 999999 ;position:relative; } .pricePromise a.pricePromiseInfo span{ z-index: 999999; position: relative; display: none; } .pricePromise a.pricePromiseInfo:hover span{ z-index: 999999; display:block !important; position:absolute; font-size:10px; color:#000; font-weight:normal !important; text-decoration:none !important; padding:20px 10px 10px 55px; background: url(../images/layup/pricePromiseQuote.gif) top left no-repeat; top:30px; left:260px; width:315px; height: 254px; color:#fff; text-align: center; } .rightDomtabContain { float:right; width:380px; padding:0 30px 0 0; } .rightDomtabContain p {width:380px; margin-top:10px; color:#0e446d} .rightDomtabContain ul { padding: 0; margin: 0px 0px 5px 18px; } .rightDomtabContain ul li { padding: 2px 0px 2px 0px; } #bookService .tabset_content h1 { color: #000; padding: 0px; } #bookService .tabset_content table { width: 100%; } #bookService .tabset_content td { height: 28px; padding: 0px 0px 0px 17px; } /* ----- NEW CAR DETAIL ----- */ #newCarPhotoOptions { float: right; margin: 12px 0px 17px 15px; width: 331px; } #newCarPhotoOptions .options a { margin-top: 10px; display: block; } #newCarPhotoOptions .newOptions a { background:url(../images/layup/spriteNewCarOptions.gif); width:163px; height:36px; display:block; float:left; margin-right:5px; margin-bottom:8px; } #newCarPhotoOptions .newOptions a#testDrive { background-position:0 0; } #newCarPhotoOptions .newOptions a#configure { background-position:-168px 0; margin-right:0px; } #newCarPhotoOptions .newOptions a#topOffer { background-position:0 -46px; } #newCarPhotoOptions .newOptions a#enquiry { background-position:-168px -46px; margin-right:0px;} #newCarPhotoOptions .newOptions a#valueMy { background-position:0 -92px; } #newCarPhotoOptions .newOptions a#sendTo { background-position:-168px -92px; margin-right:0px;} #newCarPhotoOptions .newOptions a#print { background-position:0px -138px; } #newCarPhotoOptions .newOptions a#testDrive:hover { background-position:-331px 0; } #newCarPhotoOptions .newOptions a#configure:hover { background-position:-499px 0; margin-right:0px; } #newCarPhotoOptions .newOptions a#topOffer:hover { background-position:-331px -46px; } #newCarPhotoOptions .newOptions a#enquiry:hover { background-position:-499px -46px; margin-right:0px;} #newCarPhotoOptions .newOptions a#valueMy:hover { background-position:-331px -92px; } #newCarPhotoOptions .newOptions a#sendTo:hover { background-position:-499px -92px; margin-right:0px;} #newCarPhotoOptions .newOptions a#print:hover { background-position:-331px -138px; } #newCarEnquiry { margin-top: 15px; width: 320px; } #newCarEnquiry label { width: 128px; } #newCarEnquiry input.inputfield, #newCarEnquiry textarea { width: 173px; } #newCarPhotoOptions .optionsLarge img { float: left; margin: 0px 5px 10px 0px; } #newCarPhotoOptions .optionsLarge .endItem img.jumpImg { margin-right: 0px; } /* ----- DEALER LOCATOR ----- */ #dealerMap { float: right; width: 330px; margin-bottom: 10px; } #dealerMap #map { width: 326px; height: 249px; position: relative; } #dealerMap #map .corner1 { position: absolute; top: 0px; left: 0px; } #dealerMap #map .corner2 { position: absolute; top: 0px; right: 0px; } #dealerMap #map .corner3 { position: absolute; top: 253px; left: 0px; } #dealerMap #map .corner4 { position: absolute; top: 253px; right: 0px; } #dealerMap #dealerDirections { margin-top: 18px; } #dealerMap #dealerDirections form { } #dealerMap #dealerDirections fieldset { width: 368px; } #dealerMap #dealerDirections label { float: left; width: 125px; font-size: 1.2em; font-weight: bold; padding-top: 5px; } #dealerMap #dealerDirections input { width: 155px; border: 1px solid #d0d0d0; margin-top: 4px; height: 17px; border: 1px solid #146eb2; float: left; } #dealerMap #dealerDirections #btnFind { width: 64px; height: 25px; border: none; float: right; position: relative; top: -2px; } #dealerForm { float: right; width: 326px; background: #d6e4f0 url(../images/layup/dealerFormBg.gif) bottom left no-repeat; } #dealerForm p { padding: 0px 10px 12px 10px; } #dealerForm form { padding: 0px 10px 0px 10px; } #dealerForm div { margin-bottom: 10px; } #dealerForm input { border: 1px solid #146eb2; color: #146eb2; } #dealerForm textarea { width: 300px; height: 108px; border: 1px solid #146eb2; } #dealerForm label { width: 182px; } #dealerForm .checkradio { border: none !important; } #dealerHours { width: 367px; background: #d6e4f0 url(../images/layup/openHoursBg.gif) bottom left no-repeat; } #dealerHours .title { } #dealerHours .padding { padding: 0px 16px 10px 16px; } #dealerHours table { width: 100%; } #dealerHours td { padding: 4px 0px 4px 0px; } #dealerAddress { float: right; width: 326px; height: 131px; background: #d6e4f0 url(../images/layup/dealerAddressBg.gif) bottom left no-repeat; } #dealerAddress .padding { padding: 0px 16px 10px 16px } #dealerAddress address { float: left; width: 120px; } #dealerAddress table { width: 160px; } #boxSalesDept { width: 331px; height: 136px; background: url(../images/layup/contactSalesBG.gif) no-repeat; float: left; } #boxSalesDept .padding { padding: 50px 30px 20px 10px; } #boxSalesDept .btnEmail a { background: url(../images/layup/spriteEnvelope.gif) 55px 0px no-repeat; padding: 21px 0px 0px 0px; text-decoration: none; height: 22px; width: 112px; display: block; } #boxSalesDept .btnEmail a:hover { background: url(../images/layup/spriteEnvelope.gif) 55px -43px no-repeat; } #boxServiceDept { width: 331px; height: 136px; background: url(../images/layup/contactServiceBG.gif) no-repeat; float: right; } #boxServiceDept .padding { padding: 50px 30px 20px 10px; } #boxServiceDept .btnEmail a { background: url(../images/layup/spriteEnvelope.gif) 55px 0px no-repeat; padding: 21px 0px 0px 0px; text-decoration: none; height: 22px; width: 112px; display: block; } #boxServiceDept .btnEmail a:hover { background: url(../images/layup/spriteEnvelope.gif) 55px -43px no-repeat; } #boxPartsDept { width: 331px; height: 136px; background: url(../images/layup/contactPartsBG.gif) no-repeat; float: left; } #boxPartsDept .padding { padding: 50px 30px 20px 10px; } #boxPartsDept .btnEmail a { background: url(../images/layup/spriteEnvelope.gif) 55px 0px no-repeat; padding: 21px 0px 0px 0px; text-decoration: none; height: 22px; width: 112px; display: block; } #boxPartsDept .btnEmail a:hover { background: url(../images/layup/spriteEnvelope.gif) 55px -43px no-repeat; } #boxContactDept { width: 331px; height: 136px; background: url(../images/layup/contactDirectionsBG.gif) no-repeat; float: right; } #boxContactDept .directions { padding: 28px 20px 20px 11px; } #boxContactDept .directions #btnFind { width: 64px; height: 25px; position: relative; top: 7px; } #boxContactDept .address { padding: 15px 20px 20px 11px; } /* ----- GLOBAL CLASSES ----- */ .clear { clear:both; display: block; } .clearSmall { clear: both; display: block; height: 0; line-height: 0; font-size: 0; } .hide { display:none; } .show { display:block; } .printShow { display:none; } .printHide { display:block; } .float_left { float:left !important; } .float_right { float:right !important; } .align_left { text-align:left !important; } .align_center { text-align:center !important; } .align_right { text-align:right !important; } .align_justify { text-align:justify !important; } .align_bottom { vertical-align:bottom !important; } .image_right { float:right; margin:0 0 15px 15px; } .image_left { float:left; margin:0 15px 15px 0; } .image_center { margin:0 auto; } .hand { cursor:pointer; } .seo {text-decoration:none;font-weight:normal; } .white { color: #fff; } .font17 { font-size: 1.7em; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;} h1.home { font-weight: bold; font-size: 1.9em; } h1.newCarHeading { font-weight: normal; font-size: 1.9em; } h1 { font-size: 1.2em; padding: 5px 0px 15px 0px; } /* ----- TOP NAVIGATION ----- */ #primaryNav { height: 35px; padding: 0px 0px 0px 0px; } #primaryNav ul { list-style: none; padding: 0; margin: 0; } #primaryNav li { float: left; background:url(../images/layup/navDivider.gif) right 6px no-repeat; font-size: 1.2em; padding: 0px 2px 0px 1px; } #primaryNav li.last { background: none; } #primaryNav li a { display: block; float: left; text-decoration: none; color: #fff; margin-top: 5px; } #primaryNav li span { display: block; padding: 4px 10px 10px 10px; } #primaryNav li a:hover { display: block; float: left; text-decoration: none; color: #fff; background: url(../images/layup/navRight.gif) top right no-repeat; color: #146eb2; } #primaryNav li a:hover span { display: block; background: url(../images/layup/navLeft.gif) top left no-repeat; } #primaryNav li a.active { display: block; float: left; text-decoration: none; color: #fff; background: #000 !important; color: #fff !important; margin-top: 0px; padding-top: 5px; } #primaryNav li a.active span { display: block; background: #000 !important; } #primaryNav li.activeOn a { display: block; float: left; text-decoration: none; color: #fff; background: url(../images/layup/navRight.gif) top right no-repeat; color: #146eb2; } #primaryNav li.activeOn a span { display: block; background: url(../images/layup/navLeft.gif) top left no-repeat; } /* ----- SECONDARY NAVIGATION ----- */ #secondaryNav {} #secondaryNav ul { list-style: none; margin: 0; padding: 0; } #secondaryNav li { } #secondaryNav li a { text-decoration: none; } /* ----- SITE MAP ----- */ #sitemap { list-style:none; margin:0 0 0 5px; padding:0;} #sitemap ul { list-style:none; margin:10px 0 0px 15px; padding:0;} #sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 10px no-repeat; padding:6px 0 5px 15px;} /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #pageInfo { height: 40px; padding: 0px 11px 0px 11px; } #breadcrumbs { font-weight: normal; padding: 0px 0px 6px 0px; margin-bottom: 6px; background: url(../images/layup/dotsH.gif) repeat-x bottom left; } #breadcrumbs a { text-decoration: none; font-weight: normal; } #breadcrumbs a:hover { text-decoration: underline; } #breadcrumbs .active { font-weight: bold; } #back { float: right; font-weight: bold; color: #000; padding: 0px; } #back a { text-decoration: none; } #back a:hover { text-decoration: underline; } #searchInfo { height: 28px; padding: 13px 0px 0px 14px; clear: both; background: #edecec; } #searchResults { float: left; } #sortBy { float: left; margin-left: 10px; } #sortBy label { width: 50px; margin-top: 0px; } #sortBy select { height: 20px; position: relative; top: -2px; } #sortModel { float: left; margin-left: 10px; } #sortModel label { width: 90px; margin-top: 0px; } #sortModel select { height: 20px; position: relative; top: -2px; } #pagination { float: right; padding-right: 10px; } #pagination a { padding: 0px 4px 0px 4px; margin: 0px 0px 0px 0px; text-decoration: none; color: #000000 !important; float: left; } #pagination a:hover { text-decoration: none; background:#828383; color:#fff !important; font-weight: bold; } #pagination .active { text-decoration: none; background:#828383; color:#fff !important; font-weight: bold; } #pagination span { display: none; } #pagination .prev { display: block; padding: 0; margin: 0px 4px 0px 0px; position: relative; } #pagination .next { display: block; padding: 0; margin: 0px 0px 0px 4px; position: relative; } #pagination .prev:hover, #pagination .next:hover { background: none; color: #000000 !important; } #paginationBottom { float: right; margin-top: 15px; padding-right: 10px; padding-bottom: 15px; } #paginationBottom a { padding: 0px 4px 0px 4px; margin: 0px 0px 0px 0px; text-decoration: none; color: #000000 !important; float: left; } #paginationBottom a:hover { text-decoration: none; background:#828383; color:#fff !important; font-weight: bold; } #paginationBottom .active { text-decoration: none; background:#828383; color:#fff !important; font-weight: bold; } #paginationBottom span { display: none; } #paginationBottom .prev { display: block; padding: 0; margin: 0px 4px 0px 0px; position: relative; } #paginationBottom .next { display: block; padding: 0; margin: 0px 0px 0px 4px; position: relative; } #paginationBottom .prev:hover, #paginationBottom .next:hover { background: none; color: #000000 !important; } /* ----- FOOTER ----- */ #footer { height: 133px; margin-top: -133px; background: url(../images/layup/footerBg.gif) repeat-x; } #footerContent { width: 922px; margin: 0 auto; font-size:110%; line-height: normal; text-align:left; color: #000000; } #footerContent a { font-weight:normal; text-decoration:none; color: #000000; } #footerContent a:hover { text-decoration:underline;} #footerContent p { padding: 0px 0px 6px 0px; } #footerContent .footerL { float: left; } #footerContent .footerR { float: right; } /* ----- GLOBAL ----- */ img { display:block; border:0; } p { padding:0 0 15px 0; margin:0; } address { font-style:normal;} /* ----- LINKS ----- */ a { color:#000000; font-weight:bold; text-decoration:underline;cursor:pointer; } a:hover { text-decoration:none; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; display:inline; } legend { padding:0; margin:0; display:none; } label { display:block; width:255px; float:left; margin-right: 5px } input, textarea { width:200px; font-size:11px !important;} .requiredLabel { color:#c00000;} .checkRadio { width:20px; position:relative; left:-7px;} #frmContact { margin-bottom:15px;} #frmContact p { padding:7px 0;} #frmContact select { width:204px;} #frmContact div { margin-bottom:10px;} .frmUsedCar select{ width:150px; margin-bottom:10px; } #formFinanceCalculator input { width:100px; } #formFinanceCalculator select { width:104px; } #formFinanceCalculator .formLabel { width:150px;} #formFinanceCalculator tr { height:25px; } #amount tr {height:25px;} #btnSubmit { width:64px; height:25px; border:none !important; } /* book service form */ #bookServiceForm { width: 423px; background: #edecec; float: left; } #bookServiceForm .padding { padding: 20px; } #bookServiceForm form label { width: 130px; text-align: right; margin-right: 20px; } #bookServiceForm .required { color: #ff0000; } #bookServiceForm .validation-advice { width:auto; background:#666; } #bookServiceNowImg { float: left; margin-top: 25px; } /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #c00000; color : #FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #c00000; color : #FFF; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } /* ----- STOCK UPDATES FORM ----- */ #promoForm { padding:12px 0 0 19px; } #promoForm .signupBoxes { margin-bottom:20px; margin-top:10px;} #promoForm .signupBoxes label { float:left; width:450px; position:relative; top:4px;} #promoForm .signupBoxes input { float:left; width: 14px; margin-right: 10px;} #promoForm select { width:125px !important; margin-bottom: 10px; display:block; margin-right:15px;} #promoForm .carSelects { padding-top:18px;} #promoForm .submitButton { margin:5px 0 20px 0;}