/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : James Greenwood / james.greenwood@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Essex Audi Group site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ html { height:100% !important; } body { font:62.5%/1.6 Verdana, Arial, Helvetica, sans-serif; height:100% !important; margin:0; padding:0; background:url(../images/layup/bg.jpg) no-repeat center top #FFF; 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% arial, verdana, 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 ----- */ #wrapper { background:url(../images/layup/footerCar.gif) no-repeat center bottom; } #container { width:942px; min-height:100%; margin:0 auto 100px; text-align:left; font-size:110%; line-height: normal; } * html #container { height:100%; } #printHeader { display:none;} #header { height:78px; position: relative; z-index:10; } #header #logo { position: absolute; left:0; top:25px; } #header #locations { width:500px; height:171px; position:absolute; right:134px; top:-139px; } #header #locations span { display:block; } #header #locations a { font-weight:normal; text-decoration:none;} #header #locations a#locationSlideBtn { width:150px; height:45px; display:block; float:right; } #header #locations #locationsSlider { width:500px; height:171px; text-decoration:none; display: block; background: url(../images/layup/btnLocations.png) no-repeat; outline:none !important; } #header #locations table { width:500px; padding:10px 0 0; } #header #locations table tr td { height:18px; font-family:Verdana, Geneva, sans-serif; color:#6c6c6c; text-decoration:none; padding:0 0 0 10px; } #header #badge { position:absolute; right:-13px; top:-10px; } #header #textSearch { margin-right:134px; margin-top:50px; display:inline;} /* ----- LEFT COLUMN ----- */ #leftCol { width:270px; float:left; } /* ----- SEARCH */ #search { margin:0 0 6px; width:270px; background:url(../images/layup/searchBg.gif) no-repeat left top; } #search .clearSmall { margin:0 !important; } #search .padding { padding:70px 0 0; } #search form {} #search form div { margin:0 0 4px; } #search form div.price { margin:0 2px 4px 0; float:left; } #search form div.price select { width:125px; } #search form select { width:252px; border:1px solid #d0d0d0; margin:0 0 0 9px; } #search form #searchBtns { margin:0 !important; } #search form .btnMoreOptions { margin:0 5px 0 4px; float:left; } #search form .btnSearchNow { width:129px; height:27px; border:none; float:left; } #search form .searchByPostcode { padding: 0px 11px 0px 9px; } #search form .searchByPostcode #postcodeSearch { width: 100%; margin: 0px 0px 5px 0px; border-color: #D0D0D0; } #search #form1count { padding: 0px 10px 4px 10px; font-size: 1.3em; font-weight: bold; } #jumpsSocial { margin:9px 0 0 0; padding:10px 0 20px; } #jumpsSocial a { float:left; } #jumpsSocial a.twitter { margin:0 13px; } /* ----- JUMP BOXES */ #jumpBoxes { width:269px; background:url(../images/layup/leftColBg.gif) repeat-y left top; position:relative; z-index:30; } #jumpBoxes .top { position:absolute; left:-6px; top:0; z-index:-1; } #jumpBoxes .bottom { position:absolute; left:-6px; bottom:-20px; z-index:-1; } #jumpBoxes .padding { padding:7px 1px 0; } #jumpBoxes #stockUpdates { width:267px; height:105px; margin:0 0 22px; } #jumpBoxes #ourLocations { width:267px; height:104px; margin:0 0 15px; } #jumpBoxes #favouriteCars { width:267px; background:url(../images/layup/jumpFavouriteCars.gif) no-repeat left top; } #jumpBoxes #favouriteCars .padding { padding:88px 0 0 0; } #jumpBoxes #favouriteCars .thumb { width:73px; height:53px; background:url(../images/layup/noImage73x53.gif) no-repeat left top; padding:2px; margin:0 6px 15px; display:inline; float:left; } #jumpBoxes #favouriteCars .btnSave { margin:0 11px; display:inline; float:left; } #jumpBoxes #favouriteCars .btnCompare { float:left; } /* ----- RIGHT COLUMN ----- */ #rightCol { width:660px; background:#FFF; float:right; } #rightCol .padding { padding:3px 12px 0 8px; } /* ----- NEW CAR LIST */ #boxList {} #boxList .listItem { width:191px; background:url(../images/layup/newCarDivider.gif) no-repeat right bottom; padding:0 14px 10px 0; margin:40px 14px 0 0; float:left; } #boxList .last { background:none; margin:40px 0 0; padding:0 0 10px; } #boxList .listItem a { width:191px; font-weight:normal; text-decoration:none; cursor:pointer; background:url(../images/layup/dotsH.gif) repeat-x left bottom; padding:0 0 25px; display:block; } #boxList .listItem .thumb { width:191px; height:146px; display:block; } #boxList .listItem a .title { width:162px; height:25px; font-size:17px; text-align:center; font-weight:bold; color:#464243; background:url(../images/layup/spriteNewCarTitle.gif) no-repeat 0 0; padding:2px 0 0 29px; display:block; } #boxList .listItem a:hover .title { color:#FFF; background:url(../images/layup/spriteNewCarTitle.gif) no-repeat 0 -27px; } /* ----- NEW CAR DETAIL */ #newCarDetail {} #newCarDetail .box { width:611px; font-size:11px; color:#000; background:url(../images/layup/spacerArrow.gif) no-repeat left top; padding:0 0 0 27px; margin:0 0 20px; } #newCarDetail .box .padding { padding:0 0 0 10px; display:block; } #newCarDetail .box h2 { font-size:27px; } #newCarDetail .box .title { font-size:12px; font-weight:bold; display:block; } #newCarDetail .box#imgOptions { position:relative; } #newCarDetail .box#imgOptions #mainImg { width:369px; height:274px; margin:0 0 10px; padding:5px 0 0 5px; position:relative; float:left; } #newCarDetail .box#imgOptions #mainImg .frame { position:absolute; left:0; top:0; z-index:10; } #newCarDetail .box#imgOptions #options { position:absolute; right:0; top:0; z-index:20; } #newCarDetail .box#imgOptions #options a { display:block; } #newCarDetail .box#imgOptions #options span { display:none; } #newCarDetail .box#imgOptions #options .requestBrochure a { width:256px; height:46px; background:url(../images/layup/spriteNewDetailOptions.gif) no-repeat 0 0; } #newCarDetail .box#imgOptions #options .bookTestDrive a { width:256px; height:47px; background:url(../images/layup/spriteNewDetailOptions.gif) no-repeat 0 -46px; } #newCarDetail .box#imgOptions #options .furtherAdvice a { width:256px; height:47px; background:url(../images/layup/spriteNewDetailOptions.gif) no-repeat 0 -93px; } #newCarDetail .box#imgOptions #options .currentOffers a { width:256px; height:47px; background:url(../images/layup/spriteNewDetailOptions.gif) no-repeat 0 -140px; } #newCarDetail .box#imgOptions #options .newOptions a { width:256px; height:47px; background:url(../images/layup/spriteNewDetailOptions.gif) no-repeat 0 -187px; } #newCarDetail .box#imgOptions #options .visitWebsite a { width:256px; height:46px; background:url(../images/layup/spriteNewDetailOptions.gif) no-repeat 0 -234px; } #newCarDetail .box#imgOptions #options .requestBrochure a:hover { background:url(../images/layup/spriteNewDetailOptions.gif) no-repeat -256px 0; } #newCarDetail .box#imgOptions #options .bookTestDrive a:hover { background:url(../images/layup/spriteNewDetailOptions.gif) no-repeat -256px -46px; } #newCarDetail .box#imgOptions #options .furtherAdvice a:hover { background:url(../images/layup/spriteNewDetailOptions.gif) no-repeat -256px -93px; } #newCarDetail .box#imgOptions #options .currentOffers a:hover { background:url(../images/layup/spriteNewDetailOptions.gif) no-repeat -256px -140px; } #newCarDetail .box#imgOptions #options .newOptions a:hover { background:url(../images/layup/spriteNewDetailOptions.gif) no-repeat -256px -187px; } #newCarDetail .box#imgOptions #options .visitWebsite a:hover { background:url(../images/layup/spriteNewDetailOptions.gif) no-repeat -256px -234px; } /* ----- USED CAR LIST */ #list {} #list .pagination { margin:0 0 5px; float: right; } #list .pagination a { float:left; font-weight:normal; padding:1px 4px 1px 4px; margin:0 -2px 0 -1px; text-decoration: none; } #list .pagination .active { font-weight:bold; text-decoration: none; background:#ec1a47; color:#fff; } #list .pagination a span { font-weight:bold; padding:0; } #list .featured { background: url(../images/layup/featuredCarBg.gif) no-repeat; } #list .listItem { margin:0 0 24px; position: relative; width: 640px; } #list .listItem a { width:630px; font-weight:normal; text-decoration:none; cursor:pointer; display:block;padding: 10px 5px 10px 5px; } #list .listItem .title { height:18px; font-size:12px; font-weight:bold; background:url(../images/layup/dotsH.gif) repeat-x left bottom; margin:0 0 15px; display:block; } #list .listItem .thumb { width:175px; height:117px; padding:1px 5px 15px 1px; background:url(../images/layup/usedCarDividerr.gif) no-repeat bottom left; position:relative; display:block; float:left; } #list .listItem .thumb .frame { position:absolute; left:0; top:0; display:block; } #list .listItem .thumb .special { position: absolute; top: 0px; left: 0px; } #list .listItem .details { width:429px; font-size:11px; font-weight:bold; color:#ec1a47; float:right; display:block; } #list .listItem .details .price { width:75px; height:42px; float:left; display:block; } #list .listItem .details .price span { font-size:12px; color:#000; padding:4px 0 0; display:block; } #list .listItem .details .location { width:185px; height:42px; float:left; display:block; } #list .listItem .details .location span { font-size:12px; color:#000; padding:4px 0 0; display:block; } #list .listItem .details .telephone { width:169px; height:42px; float:left; display:block; } #list .listItem .details .telephone span { font-size:12px; color:#000; padding:4px 0 0; display:block; } #list .listItem .details .description { height:46px; display:block; } #list .listItem .details .description span { color:#000; font-weight:normal; padding:4px 0 0; display:block; } #list .listItem .btnMoreInfo a { width:260px; height:27px; display:block; position: absolute; top: 121px; left: 359px; } #list .listItem .btnClickSave a { width:155px; height:27px; display:block; position: absolute; top: 121px; left: 192px; } /* newslist additional styles */ #list.newsList .listItem .details .description { height: auto; display: block; padding-bottom: 10px; } #list.newsList .listItem .details .description span.title { border: none; background: none; font-weight: bold; font-size: 11px; margin-bottom: 5px; } #list.newsList .listItem .btnMoreInfo { color: #ff0000; font-weight: bold; padding: 0px; width: auto; float: right; } #list.newsList .listItem { background: url(../images/layup/dotsH.gif) bottom left repeat-x; margin-bottom: 10px; padding-bottom: 10px; } .newsImage { clear: right; } .newsImage .frame { position:absolute; right:0px; top:0px; z-index:999;} /* ----- TOOL TIP ----- */ a.tip { position:absolute; top:0; left:0; font-weight:normal; } a.tip .tooltip { display:none !important; text-align:left; } a.tip:hover { background:none; } a.tip:hover .tooltip { display:block !important; width:208px; font-size:12px; color:#333; position:absolute; top:30px; left:0; z-index:99999; } .tooltip .space { font-weight:normal !important; padding: 0px 7px 0px; background:url(../images/layup/tipBg.gif) left top repeat-y; } /* advanced search */ #advancedSearchBox { width: 639px; background: url(../images/layup/advancedSearchTop.gif) no-repeat; } #advancedSearchBox form { width: 609px; background: url(../images/layup/advancedSearchBot.gif) no-repeat bottom left; padding: 45px 0px 10px 30px; } #advancedSearchBox form select { width: 165px; margin-bottom: 15px; float: left; margin-right: 35px; } #advancedSearchBox form select.last { margin-right: 0px; } #advancedSearchBox form input.btnSearchAdvanced { width: 169px; height: 27px; border: none; position: relative; top: -4px; float: left; } /* ----- USED CAR DETAIL */ #usedDetail {} #usedDetail .box { width:611px; font-size:11px; color:#000; background:url(../images/layup/spacerArrow.gif) no-repeat left top; padding:0 0 0 27px; margin:0 0 20px; } #usedDetail .box .padding { padding:0 0 0 10px; display:block; } #usedDetail .box h2 { font-size:27px; } #usedDetail .box#modelDescription {} #usedDetail .box#modelDescription .description { padding:0 0 10px; display:block; } #usedDetail .box#carInfo {} #usedDetail .box#carInfo .padding div { font-weight:bold; } #usedDetail .box#carInfo div span { color:#ec1a47; display:block; } #usedDetail .box#carInfo .price { width:72px; float:left; } #usedDetail .box#carInfo .location { width:165px; float:left; } #usedDetail .box#carInfo .telephone { width:137px; float:left; } #usedDetail .box#carInfo .email { width:217px; float:left; } #usedDetail .box#imgOptions { position:relative; } #usedDetail .box#imgOptions #mainImg { width:369px; height:274px; margin:0 0 10px; padding:5px 0 0 5px; position:relative; float:left; } #usedDetail .box#imgOptions #mainImg #flashContainer { position: relative; z-index:11; } #usedDetail .box#imgOptions #mainImg .frame { position:absolute; left:0; top:0; z-index:10; } #usedDetail .box#imgOptions #mainImg .special { position: absolute; top: 5px; left: 5px; z-index:999; } #usedDetail .box#imgOptions #options { position:absolute; right:0; top:0; z-index:20; } #usedDetail .box#imgOptions #options a { display:block; } #usedDetail .box#imgOptions #options span { display:none; } #usedDetail .box#imgOptions #options .makeEnquiry a { width:208px; height:46px; background:url(../images/layup/spriteUsedDetailOptions.gif) no-repeat 0 0; } #usedDetail .box#imgOptions #options .sendFriend a { width:208px; height:47px; background:url(../images/layup/spriteUsedDetailOptions.gif) no-repeat 0 -46px; } #usedDetail .box#imgOptions #options .printSpec a { width:208px; height:47px; background:url(../images/layup/spriteUsedDetailOptions.gif) no-repeat 0 -93px; } #usedDetail .box#imgOptions #options .makeOffer a { width:208px; height:47px; background:url(../images/layup/spriteUsedDetailOptions.gif) no-repeat 0 -140px; } #usedDetail .box#imgOptions #options .bookTestDrive a { width:208px; height:47px; background:url(../images/layup/spriteUsedDetailOptions.gif) no-repeat 0 -187px; } #usedDetail .box#imgOptions #options .saveCompare a { width:208px; height:46px; background:url(../images/layup/spriteUsedDetailOptions.gif) no-repeat 0 -234px; } #usedDetail .box#imgOptions #options .valueVehicle a { width:208px; height:47px; background:url(../images/layup/spriteUsedDetailOptions.gif) no-repeat 0 -280px; } #usedDetail .box#imgOptions #options .makeEnquiry a:hover { background:url(../images/layup/spriteUsedDetailOptions.gif) no-repeat -208px 0; } #usedDetail .box#imgOptions #options .sendFriend a:hover { background:url(../images/layup/spriteUsedDetailOptions.gif) no-repeat -208px -46px; } #usedDetail .box#imgOptions #options .printSpec a:hover { background:url(../images/layup/spriteUsedDetailOptions.gif) no-repeat -208px -93px; } #usedDetail .box#imgOptions #options .makeOffer a:hover { background:url(../images/layup/spriteUsedDetailOptions.gif) no-repeat -208px -140px; } #usedDetail .box#imgOptions #options .bookTestDrive a:hover { background:url(../images/layup/spriteUsedDetailOptions.gif) no-repeat -208px -187px; } #usedDetail .box#imgOptions #options .saveCompare a:hover { background:url(../images/layup/spriteUsedDetailOptions.gif) no-repeat -208px -234px; } #usedDetail .box#imgOptions #options .valueVehicle a:hover { background:url(../images/layup/spriteUsedDetailOptions.gif) no-repeat -208px -280px; } #usedDetail .box#imgOptions #thumbViewer { width:497px; height:70px; overflow:hidden; padding:11px 57px; } #usedDetail .box#imgOptions #thumbViewer a { float:left; } #usedDetail .box#imgOptions #thumbViewer a#btnPrevious { width:60px; height:80px; background:url(../images/layup/btnPreviousRound.gif) no-repeat left top; position:absolute; left:0; top:11px; display:block; z-index:30; } #usedDetail .box#imgOptions #thumbViewer a#btnPrevious:hover { background:url(../images/layup/btnPreviousRoundActive.gif) no-repeat left top; } #usedDetail .box#imgOptions #thumbViewer a#btnNext { width:60px; height:80px; background:url(../images/layup/btnNextRound.gif) no-repeat left top; position:absolute; right:0; top:11px; display:block; z-index:30; } #usedDetail .box#imgOptions #thumbViewer a#btnNext:hover { background:url(../images/layup/btnNextRoundActive.gif) no-repeat left top; } #usedDetail .box#imgOptions #thumbViewer #thumbs { width:1000px; z-index:10; } #usedDetail .box#imgOptions #thumbViewer #thumbs a.thumb { width:97px; height:63px; border:1px solid #d3d3d3; padding:4px; margin:0 23px 0 0; } #usedDetail .box#imgOptions #thumbViewer #thumbs a.active { border:5px solid #ec1a47; padding:0; } #usedDetail .box#furtherDetails {} #usedDetail .box#furtherDetails #carSpec { width:348px; float:left; } #usedDetail .box#furtherDetails #carSpec ul.domHeadings { width:348px; height:34px; list-style: none; background:url(../images/layup/carSpecTabsBg.gif) no-repeat left top; margin: 0px; padding: 0px; } #usedDetail .box#furtherDetails #carSpec ul.domHeadings li { float: left; } #usedDetail .box#furtherDetails #carSpec ul.domHeadings li a { text-decoration: none; font-weight: bold; display: block; float: left; } #usedDetail .box#furtherDetails #carSpec ul.domHeadings li a span { display:none; } #usedDetail .box#furtherDetails #carSpec ul.domHeadings li a#carDetails { width:102px; height:30px; background:url(../images/layup/spriteUsedSpec.gif) no-repeat 0 0; } #usedDetail .box#furtherDetails #carSpec ul.domHeadings li a#specification { width:112px; height:30px; background:url(../images/layup/spriteUsedSpec.gif) no-repeat -102px 0; } #usedDetail .box#furtherDetails #carSpec ul.domHeadings li a#warranty { width:88px; height:30px; background:url(../images/layup/spriteUsedSpec.gif) no-repeat -214px 0; } #usedDetail .box#furtherDetails #carSpec ul.domHeadings li.active a#carDetails { background:url(../images/layup/spriteUsedSpec.gif) no-repeat 0 -30px; } #usedDetail .box#furtherDetails #carSpec ul.domHeadings li.active a#specification { background:url(../images/layup/spriteUsedSpec.gif) no-repeat -102px -30px; } #usedDetail .box#furtherDetails #carSpec ul.domHeadings li.active a#warranty { background:url(../images/layup/spriteUsedSpec.gif) no-repeat -214px -30px; } #usedDetail .box#furtherDetails #carSpec .domContent table { width:348px; padding:0 0 5px; } #usedDetail .box#furtherDetails #carSpec .domContent table tr td { height:26px; background:#FFF; padding:5px; } #usedDetail .box#furtherDetails #carSpec .domContent table tr.altRow td { height:26px; background:#dfdede; } #usedDetail .box#furtherDetails #carSpec .dt1 { display: block; } #usedDetail .box#furtherDetails #carSpec .priceTotal { width:348px; text-align:right; font-size:17px; font-weight:bold; padding:8px 0 0; } #usedDetail .box#furtherDetails #financeCalculator { width:241px; float:right; } #usedDetail .box#furtherDetails #financeCalculator .title { width:241px; height:35px; } #usedDetail .box#furtherDetails #financeCalculator table { width:241px; } #usedDetail .box#furtherDetails #financeCalculator table tr td { height:26px; background:#FFF; padding:5px; } #usedDetail .box#furtherDetails #financeCalculator table tr.altRow td { height:26px; background:#dfdede; } #usedDetail .box#furtherDetails .usedVehiclesTerms { font-size: 0.9em; padding: 16px 6px 0px 6px; } #relatedVehicles {} #relatedVehicles .box { width:177px; background:none; padding:0; margin:0 35px 0 0; float:left; } #relatedVehicles .last { margin:0; } #relatedVehicles a { width:177px; text-decoration:none; font-weight:bold; font-size:12px; cursor:pointer; display:block; } #relatedVehicles .box .thumb { width:171px; height:131px; padding:1px 0 0 1px; margin:0 0 10px; position:relative; display:block; } #relatedVehicles .box .thumb .frame { position:absolute; left:0; top:0; display:block; } #relatedVehicles .box .divider { width:177px; height:9px; background:url(../images/layup/relatedDivider.gif) no-repeat left top; display:block; } #relatedVehicles .box .model { padding:5px 0; display:block; } #relatedVehicles .box .btn { width:149px; height:21px; display:block; } /* ----- OFFERS LIST */ #offers {} #offers ul { width:640px; height:55px; padding: 0px; margin: 0px; list-style: none; background: url(../images/layup/offerTabBg.gif) top left repeat-x; } #offers ul#subOffers_aftersales { background: none; } #offers ul { float:left; } #offers ul li { float:left; } #offers ul li a { text-decoration: none; font-weight: bold; outline:none; display: block; float: left; } #offers ul li a span { display:none; } #offers ul li a#all { width:159px; height:55px; background:url(../images/layup/spirteOfferTabs.gif) no-repeat 0 0; } #offers ul li a#new { width:161px; height:55px; background:url(../images/layup/spirteOfferTabs.gif) no-repeat -159px 0; } #offers ul li a#used { width:161px; height:55px; background:url(../images/layup/spirteOfferTabs.gif) no-repeat -320px 0; } #offers ul li a#aftersales { width:159px; height:55px; background:url(../images/layup/spirteOfferTabs.gif) no-repeat -481px 0; } #offers ul li a#servicing { width:161px; height:55px; background:url(../images/layup/spirteOfferTabs.gif) no-repeat -644px 0; } #offers ul li a#mot { width:161px; height:55px; background:url(../images/layup/spirteOfferTabs.gif) no-repeat -804px 0px; } #offers ul li.active a#all { background:url(../images/layup/spirteOfferTabs.gif) no-repeat 0 -55px; } #offers ul li.active a#new { background:url(../images/layup/spirteOfferTabs.gif) no-repeat -159px -55px; } #offers ul li.active a#used { background:url(../images/layup/spirteOfferTabs.gif) no-repeat -320px -55px; } #offers ul li.active a#aftersales { background:url(../images/layup/spirteOfferTabs.gif) no-repeat -481px -55px; } #offers ul li.active a#servicing { width:157px; height:55px; background:url(../images/layup/spirteOfferTabs.gif) no-repeat -644px -55px; } #offers ul li.active a#mot { width:157px; height:55px; background:url(../images/layup/spirteOfferTabs.gif) no-repeat -804px -55px; } #offers .dt1 { display:block; } #offers {} #offers .list {} #offers .list .listItem { background:url(../images/layup/dotsH.gif) repeat-x left bottom; margin:13px 0 0; padding:0 0 4px; } #offers .list .listItem a { width:640px; font-weight:normal; text-decoration:none; cursor:pointer; display:block; } #offers .list .listItem .details { width:221px; font-size:11px; color:#010101; background:url(../images/layup/offersDivider.gif) no-repeat right center; padding:0 5px 0 0; float:left; display:block; } #offers .list .listItem .details .title { font-size:22px; font-weight:bold; color:#000000; display:block; } #offers .list .listItem .details .description { height:52px; display:block; } #offers .list .listItem .details .offersDetails { height:119px; font-weight:bold; display:block; } #offers .list .listItem .details .offersDetails span { font-weight:normal; display:block; } #offers .list .listItem .details .btnClickMoreInfo { width:221px; height:27px; display:block; } #offers .list .listItem .thumb { width:406px; height:248px; display:block; float:right; } /* ----- OFFERS DETAIL */ #offersDetail {} #offersDetail .box { width:490px; font-size:11px; color:#000; background:url(../images/layup/spacerArrow.gif) no-repeat left top; padding:0 0 0 27px; margin:0 0 20px; } #offersDetail .box .padding { padding:0 0 0 10px; } #offersDetail .box#modelDescription .title { height:30px; font-size:22px; font-weight:bold; } #offersDetail .box#mainImg img { background:url(../images/layup/dotsH.gif) repeat-x left bottom; padding:0 0 5px; } #offersDetail .box#offerDescription .title { height:33px; font-weight:bold; } #offersDetail .box#wantKnowMore .title { height:52px; } #offersDetail .box#wantKnowMore #frmContact {} #offersDetail .box#wantKnowMore #frmContact label { width:143px; } #offersDetail .box#wantKnowMore #frmContact input, #offersDetail .box#wantKnowMore #frmContact textarea { width:307px; } #offersDetail .box#wantKnowMore #frmContact #newsletterRadio { margin:0 !important; } #offersDetail .box#wantKnowMore #frmContact #newsletterRadio label { width:451px; margin:0 0 10px; } #offersDetail .box#wantKnowMore #frmContact #newsletterRadio .radios { width:106px; height:20px; background:url(../images/layup/radiosBg.gif) no-repeat; padding:0 0 0 5px; margin:0 !important; float:left; display:block; } #offersDetail .box#wantKnowMore #frmContact #newsletterRadio .radios input { width:20px; border:none; } #offersDetail .box#wantKnowMore #frmContact #submit { width:95px; height:27px; border:none; margin:18px 0 0; } #offersDetail .box#wantKnowMore #frmContact .validation-advice { width:443px; } .radios.generic { width:106px; height:20px; background:url(../images/layup/radiosBg.gif) no-repeat; padding:0 0 0 5px; margin:0 !important; float:left; display:block; } .radios.generic input { width:20px; border:none; } label.generic { width:451px; margin:0 0 10px; } /* ----- LOCATIONS */ #locations {} #locations .box { width:601px; font-size:11px; background:url(../images/layup/spacerArrow.gif) no-repeat left top; padding:0 0 0 27px; margin:0 0 13px; } #locations .box .padding { padding:0 0 0 10px; } #dealerLocatorMap { width:601px; height:476px; background:url(../images/layup/map.jpg) no-repeat left top; position:relative; } #dealerLocatorMap a { position:absolute; cursor:pointer; background:url(../images/layup/ie6LinkFix.gif) repeat; display:block; } #dealerLocatorMap span { display:none; } #dealerLocatorMap a.bishops { width:160px; height:58px; background:url(../images/layup/spriteDealerLocator.jpg) no-repeat -139px -118px; left:139px; top:118px; } #dealerLocatorMap a.colchester { width:145px; height:36px; background:url(../images/layup/spriteDealerLocator.jpg) no-repeat -414px -104px; left:414px; top:104px; } #dealerLocatorMap a.chelmsford { width:149px; height:42px; background:url(../images/layup/spriteDealerLocator.jpg) no-repeat -331px -205px; left:331px; top:205px; } #dealerLocatorMap a.chingford { width:121px; height:43px; background:url(../images/layup/spriteDealerLocator.jpg) no-repeat -83px -298px; left:83px; top:298px; } #dealerLocatorMap a.haroldWood { width:160px; height:35px; background:url(../images/layup/spriteDealerLocator.jpg) no-repeat -204px -324px; left:204px; top:324px; } #dealerLocatorMap a.southend { width:133px; height:36px; background:url(../images/layup/spriteDealerLocator.jpg) no-repeat -377px -341px; left:377px; top:341px; } #dealerLocatorMap a.docklands { width:139px; height:34px; background:url(../images/layup/spriteDealerLocator.jpg) no-repeat -89px -391px; left:89px; top:391px; } #dealerLocatorMap a.bishops:hover { background:url(../images/layup/spriteDealerLocator.jpg) no-repeat -139px -594px; left:139px; top:118px; } #dealerLocatorMap a.colchester:hover { background:url(../images/layup/spriteDealerLocator.jpg) no-repeat -414px -580px; left:414px; top:104px; } #dealerLocatorMap a.chelmsford:hover { background:url(../images/layup/spriteDealerLocator.jpg) no-repeat -331px -681px; left:331px; top:205px; } #dealerLocatorMap a.chingford:hover { background:url(../images/layup/spriteDealerLocator.jpg) no-repeat -83px -774px; left:83px; top:298px; } #dealerLocatorMap a.haroldWood:hover { background:url(../images/layup/spriteDealerLocator.jpg) no-repeat -204px -800px; left:204px; top:324px; } #dealerLocatorMap a.southend:hover { background:url(../images/layup/spriteDealerLocator.jpg) no-repeat -377px -817px; left:377px; top:341px; } #dealerLocatorMap a.docklands:hover { background:url(../images/layup/spriteDealerLocator.jpg) no-repeat -89px -867px; left:89px; top:391px; } #locations .box#addressListings .title { width:257px; height:28px; margin:0 0 18px; display:block; } #locations .box#addressListings .addressBox { width:170px; padding:0 10px; font-size:11px; color:#231f20; margin:0 0 30px; display:block; float:left; } #locations .box#addressListings .addressBox span { font-weight:bold; color:#ec1a47; display:block; } #locations .box#addressListings .addressBox .location { margin-bottom:2px; text-transform:capitalize; } #locations .box#addressListings .addressBox address { margin:0 0 5px; } /* ----- CONTACT US */ #contact {} #contact .box { width:613px; font-size:11px; background:url(../images/layup/spacerArrow.gif) no-repeat left top; padding:0 0 0 27px; margin:0 0 13px; } #contact .box .padding { padding:0 0 0 10px; } #contact .boxSmall { width:300px; font-size:11px; color:#080808; background:url(../images/layup/spacerArrow.gif) no-repeat left top; padding:0 0 0 27px; margin:0 0 13px; float:left; } #contact .boxSmall.first { width: 286px; } #contact .boxSmall .padding { padding:0 0 0 10px; } #contact .boxSmall .title { margin:0 0 17px; } #contact .boxSmall span { font-weight:bold; color:#ec1a47; display:block; } #contact .boxSmall address { margin:0 0 14px; } #contact .box#dealerLocation { height:34px; font-size:22px; font-weight:bold; } #contact .box#mapDealerImg #directionsMap { width:300px; float:left; } #contact .box#mapDealerImg #directionsMap .map { width:297px; height:219px; background:url(../images/layup/dotsH.gif) repeat-x left bottom; padding:3px 0 10px 3px; margin:0 0 8px; position:relative; } #contact .box#mapDealerImg #directionsMap .map .frame { position:absolute; left:0; top:0; } #contact .box#mapDealerImg #postcodeEntry {} #contact .box#mapDealerImg #postcodeEntry form {} #contact .box#mapDealerImg #postcodeEntry form div { margin:0 !important; float:left; } #contact .box#mapDealerImg #postcodeEntry form input { width:159px; height:18px; border:1px solid #9c9c9c; } #contact .box#mapDealerImg #postcodeEntry form #btnGetDirections { width:125px; border:none; margin:0 0 0 9px; } #contact .box#mapDealerImg #dealerImg { width:293px; height:264px; padding:3px 0 0 3px; position:relative; float:right; } #contact .box#mapDealerImg #dealerImg .frame { position:absolute; left:0; top:0; } #contact .box#contactForm .title { margin:0 0 24px; } /* ----- COMPARE VEHICLES ----- */ #compareVehicles { width: 640px; } #compareVehicles table { width: 100%; } #compareVehicles table th { font-weight: normal; background: #eeeeee; padding: 7px 4px 7px 4px; font-family: Verdana, Arial, Helvetica, sans-serif; } #compareVehicles table td { background: url(../images/layup/dotsH.gif) bottom left repeat-x; padding: 5px 4px 5px 4px; font-family: Verdana, Arial, Helvetica, sans-serif; } /* ----- CMS IMAGE ----- */ .cmsImage { margin:0px 0px 15px 15px; padding:3px 3px 0 0; position:relative; float:right; } .cmsImage .image { position:absolute; right:6px; top:6px; z-index:999;} #cmsBtn { float:right; clear:right; width:300px; margin-right:3px; } #cmsBtn a { display:block; margin-bottom:5px; } #fileList { width:296px; min-height:90px; margin:0 0 15px 15px; clear:right; float:right; background:url(../images/layup/fileListTop.gif) no-repeat top left; position:relative; } #fileList #fileListBottom {position:absolute; bottom:0px; } #fileList ul { margin-top:35px; margin-bottom:25px; } /* ----- GLOBAL CLASSES ----- */ .clear { clear:both; display: block; } .clearSmall { clear: both; display: block; height: 0; line-height: 0; font-size: 0; margin:0 !important; } .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;} .divider { background:url(../images/layup/dotsH.gif) left bottom repeat-x; height: 10px; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0 0 10px 0; } h1 { font-size:14px; color:#ec1a47 } p { padding:0 0 10px 0; margin:0; } /* ----- TOP NAVIGATION ----- */ #primaryNav { width:942px; height:52px; background:url(../images/layup/navBg.gif) no-repeat right top; margin:0 0 42px; position:relative; } #primaryNav ul { list-style: none; margin: 0; padding: 0; } #primaryNav li { background:url(../images/layup/navDivider.gif) no-repeat right 16px; float:left; } #primaryNav li.last { background:none; } #primaryNav li a { font-size:10px; text-decoration:none; font-weight:normal; color:#fff; padding:14px 10px 26px 11px; display: block; float: left; } #primaryNav ul li#home a { padding:0; position:relative; z-index:25; } #primaryNav ul li#home a .shadow { position:absolute; left:-16px; top:0; z-index:20; } #primaryNav li a:hover { background:url(../images/layup/navHover.gif) no-repeat center bottom; } #primaryNav li a.active { font-weight:bold; background:url(../images/layup/navHover.gif) no-repeat center bottom; } /* ----- SECONDARY NAVIGATION ----- */ #secondaryNav {} #secondaryNav ul { list-style: none; margin: 0; padding: 0; } #secondaryNav li { } #secondaryNav li a { text-decoration: none; } /* ----- SITE MAP ----- */ #sitemap { margin:0 0 0 25px; padding:0;} #sitemap ul { margin:10px 0 0px 15px; padding:0;} #sitemap li { padding:6px 0 5px 2px;} #sitemap li a { text-decoration:none; color:#ec1a47; } #sitemap li a:hover { text-decoration:underline; } /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #breadcrumbs { height:21px; font-size:10px; color:#FFF; line-height:normal; background:url(../images/layup/dotsH.gif) repeat-x bottom; padding:0 0 6px; margin:0 0 19px; float:left; } #breadcrumbs .currentItem { height:21px; background:url(../images/layup/breadcrumbsBg.gif) no-repeat left top; float:left; } #breadcrumbs .currentItem .padding { padding:4px 0 0 38px; } #breadcrumbs .end { width:11px; height:21px; float:left; } /* ----- FOOTER ----- */ #footer { height:257px; margin-top:-257px; background:url(../images/layup/footerBg.gif) no-repeat center top; } #footer #footerInner { width:942px; height:257px; font-size:11px; color:#000; margin:0 auto; } #footer #footerInner .padding { padding:13px 15px 0 18px; } #footer #footerInner .leftCol { width:634px; float:left; } #footer #footerInner .leftCol a { font-weight:bold; } #footer #footerInner .leftCol .logo { width:327px; height:38px; float:left; } #footer #footerInner .rightCol { width:274px; float:right; } #footer #footerInner .rightCol p { text-align:right !important; } #footer #footerInner .rightCol .badge { width:111px; height:64px; margin:0 61px 16px 0; display:inline; float:right; } #footer #footerInner a { font-weight:normal; text-decoration:none; } #footer #footerInner p { font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; padding:0 0 5px 0; } #footer #footerInner a:hover { text-decoration:underline; } /* ----- GLOBAL ----- */ img { display:block; border: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; } legend { padding:0; margin:0; display:none; } label { display:block; width:130px; float:left; } input, textarea { width:138px; font-size:11px !important; border:1px solid #7f9db9; } textarea { width:198px; } .required {} .checkRadio { width:20px !important; position:relative; left:-7px; border: none; } #frmContact {} #frmContact div { margin:0 0 10px; } #frmContact label { width:143px; margin-bottom: 3px; } #frmContact #promoForm label { width: 160px; } #frmContact #promoForm label.lblLong { width: 435px; } #frmContact input, #frmContact textarea { width:307px; } #frmContact #promoForm input.promo, #frmContact #promoForm input.partnerPromo { width: auto; border: none; } #frmContact #newsletterRadio { margin:0 !important; } #frmContact #newsletterRadio label { width:451px; margin:0 0 10px; } #frmContact #newsletterRadio .radios { width:106px; height:20px; background:url(../images/layup/radiosBg.gif) no-repeat; padding:0 0 0 5px; margin:0 !important; float:left; display:block; } #frmContact #newsletterRadio .radios input { width:20px; border:none; } #frmContact #submit { width:95px; height:27px; border:none; margin:18px 0 0; } #frmContact .validation-advice { width:443px; margin-top: 8px; clear: both; } /* ----- Sell your vehicle ----- */ #frmSellYourVehicle div { margin:0 0 10px; } #frmSellYourVehicle label { width:260px; margin-bottom: 3px; } #frmSellYourVehicle input, #frmSellYourVehicle textarea { width:200px; } #frmSellYourVehicle input.checkRadio { width: auto; } #frmSellYourVehicle .validation-advice { width:452px; margin-top: 8px; clear: both; } /* ----- Signup form ----- */ div.signupList ul { margin:0; padding:0; } div.signupList ul li { background-color:#EAEAEA; border: 1px solid #EAEAEA; display:block; float:left; margin:.25em; padding:0.25em; width:140px; } div.signupList ul li input { border:0; float:left; margin:.5em; width:auto !important; } div.signupList ul li label { cursor:pointer; display:block; float:none; padding:5px 0; width:110px !important; float: left; } div.signupList ul li.checked { border-color:#EC1A47; color:#EC1A47; font-weight:bold; } div.signupList ul li.checked label { color:#EC1A47; font-weight:bold; } #signupVehicleList { float:left; } #signupVehicleList ul li { float:none; } #signupFuelList, #signupTransmissionList, #signupAgeList, #signupModelSelection { width:460px; margin:0 0 6px !important; } #signupModelSelection li { width:217px; } #signupModelSelection li label { width:130px !important; } /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #ec1a47; } input.validation-passed, textarea.validation-passed, select.validation-passed {} .validation-advice { width:auto; margin: 5px 0; padding: 5px; background-color: #ec1a47; color : #FFF; font-weight: bold; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } /* ----- STOCK UPDATES FORM ----- */ #promoForm { } #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:309px !important; margin-bottom: 10px; display:block; margin-right:15px; } #promoForm select.multipleDrop { height:150px!important;} #promoForm .carSelects { padding-top:18px;} #promoForm .submitButton { margin:5px 0 20px 0;} /* ----- DOMTABS ----- .domTabs { padding-bottom: 30px; } .domContent { border: 1px solid #333333; } .dt1 { display: block; } ul.domHeadings { padding: 0px; margin: 0px; list-style: none; } ul.domHeadings li { float: left; } ul.domHeadings li a { display: block; float: left; padding: 5px 10px 5px 10px; background: #000; color: #FFF; text-decoration: none; font-weight: bold; } ul.domHeadings li a:hover, ul.domHeadings li.active a { background: #BCBCBC; color: #000; }*/ /* ----- SAVE AND COMPARE ----- */ #saveCompare { } #saveCompare table { width:100%; } #saveCompare table tr.trAlt { } #saveCompare table td { font-size:11px; padding:5px 10px; font-family:Verdana, Arial, Helvetica, sans-serif} #saveCompare table td .model { font-size:12px; display:block; margin:5px 0;} #saveCompare .thumb { background:url(../images/layup/noImage114x75.gif) no-repeat; height:75px; position:relative; width:114px; display:block; } #saveCompare .thumb .btnDelete { position:absolute; right:-15px; top:53px; display:block; } #saveCompare table .borderR { border-right: 1px dotted #929292; } /* ------ List Stock Filters ------ */ #searchInfo { margin-bottom:15px;} #searchResults { width:200px; float:left; } #sortBy { width:200px; float:left; } /* ----- A1 & A7 Launch ------ */ #enquiryForm { float:right; clear:right; margin:0px 0px 15px 15px; background:#464243 url(../images/layup/enquiryFormBg.gif) left bottom no-repeat; width:301px; } #enquiryForm .padding { padding:15px 10px; } #enquiryForm .padding div { margin-bottom:5px; width:271px; float:left; } #enquiryForm input { width:159px; float:right; } #enquiryForm select { width:162px !important; float:right; } #enquiryForm label { width:80px; color:#ffffff; text-align:right; float:left; } #enquiryForm textarea { width:159px; float:right; } /* ---- motability section -----*/ #motabilitySection {} #motabilitySection #banner { margin-bottom:10px; } #motabilitySection h1 { font-size:18px; color:#4b4b4b; } #motabilitySection p { color:#4b4b4b; } #motabilitySection #jumps { } #motabilitySection #jumps a { float:left; margin-right:15px; margin-top:15px;} #motabilitySection #jumps a.last { margin-right:0px !important; } /* ----- GHOST OVERLAY ----- */ #eventOverlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 99999; height: 100%; background: url(../images/layup/overlayBg.png) top left repeat; } * html #eventOverlay { background: none; } #eventOverlay .btnClose { height:20px; text-align: right; position: absolute; top: 3px; right: 3px; } #eventOverlay .btnClose a { font-size: 1.2em; color: #fff; text-decoration:none; } #eventOverlay .btnClose a span { color:#F60; } #eventOverlay .mainImage { width: 709px; margin:100px auto 0 auto; position: relative; }