/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : James Greenwood / james.greenwood@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Devonshire Motors site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ html { height:100% !important; } body { height:100% !important; font:62.5%/1.6 arial, verdana, helvetica, sans-serif; color:#000000; text-align:center; background:url(../images/layup/bg.gif) #2e2e2e no-repeat center top; margin:0; padding:0; } /* 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 ----- */ #container { width:960px; min-height:100%; margin:0 auto; text-align:left; font-size:110%; line-height: normal; } * html #container { height:100%; } #printHeader { display:none;} #header { height:101px; position:relative; } #header #logo { position: absolute; top:19px; left:10px; } #header #contactDetails { position: absolute; right:221px; top:20px; } #header #badgeRalli { position: absolute; right:89px; top:43px; } #header #badgeMitsubishi { position: absolute; right:13px; top:19px; } #header #finalist { position:absolute; top:19px; left:394px; } /* ----- LEFT COLUMN ----- */ #leftCol { width: 250px; float: left; } /* ----- SEARCH */ #search { width:250px; background:url(../images/layup/searchBg.jpg) no-repeat left top; } #search.new { width:250px; background:url(../images/layup/searchNewBg.jpg) no-repeat left top; } #search .padding { padding:52px 15px 1px; } #search .domTabs {} #search .domTabs ul.domHeadings { width: 190px; height:16px; list-style: none; padding: 0px 0px 0px 30px; margin: 0 0 13px; } #search .domTabs ul.domHeadings li { float: left; } #search .domTabs ul.domHeadings li a { display: block; float: left; } #search .domTabs ul.domHeadings li a span { display:none; } #search .domTabs ul.domHeadings li a.new { width:62px; height:16px; background:url(../images/layup/spriteSearchOptions.jpg) no-repeat 0 0; } #search .domTabs ul.domHeadings li a.preOwned { width:97px; height:16px; background:url(../images/layup/spriteSearchOptions.jpg) no-repeat -62px 0; } #search .domTabs ul.domHeadings li a.pickups { width:61px; height:16px; background:url(../images/layup/spriteSearchOptions.jpg) no-repeat -159px 0; } #search .domTabs ul.domHeadings li.active a.new { background:url(../images/layup/spriteSearchOptions.jpg) no-repeat 0 -16px; } #search .domTabs ul.domHeadings li.active a.preOwned { background:url(../images/layup/spriteSearchOptions.jpg) no-repeat -62px -16px; } #search .domTabs ul.domHeadings li.active a.pickups { background:url(../images/layup/spriteSearchOptions.jpg) no-repeat -159px -16px; } #search .domTabs .domContent form {} #search .domTabs .domContent form div { margin:0 0 10px; } #search .domTabs .domContent form select { width:218px; border:1px solid #7e7e7e; padding:0 0 0 10px; } #search .domTabs .domContent form .btnSearch { width:69px; height:30px; margin:0; float:right; } #search .domTabs .domContent form a.btnAdvanced { margin:8px 0 0; float:left; } #search .domTabs .domContent .clear { margin:0; } #search .domTabs .domContent #newCarSearchForm {} #search .domTabs .domContent #newCarSearchForm .carPickup span { font-size:14px; color:#333333; } .dt1 { display: block; } /* ----- JUMP POINTS */ #jumpHondaServicing { width:250px; height:130px; margin:0 0 3px; } #jumpLiveChat { width:250px; height:142px; margin:0 0 15px; } #jumpStockUpdates { width:250px; height:139px; margin:0 0 15px; } #jumpValueCar { width:250px; height:139px; margin:0 0 15px; } #jumpLoyaltyCard { width: 250px; height: 142px; position: relative; margin-bottom: 15px; } #jumpLoyaltyCard .position { position:absolute; top 0px; left: -2px; } #loyaltyCardLogin { width: 234px; height: 132px; position: absolute; top: 7px; left: 235px; } #loyaltyCardLogin .background { width: 234px; height: 132px; background: url(../images/layup/loginFlyoutBg.png) no-repeat; } #jumpLoyaltyCard .title { padding: 9px 23px 10px 32px; margin-bottom: 5px; } #jumpLoyaltyCard a { display: block; position: relative; z-index: 9; width: 95px; height: 22px; } #jumpLoyaltyCard form { padding: 0px 23px 10px 32px; } #jumpLoyaltyCard form input { width: 100%; margin-bottom: 8px; position: relative; } #jumpLoyaltyCard form input#btnSubmitSml, #jumpLoyaltyCard form input#btnSubmitSml2 { width: 60px; height: 24px; } #loyaltyCardRegister { width: 234px; height: 132px; position: absolute; top: 7px; left: 235px; } #loyaltyCardRegister .background { width: 234px; height: 132px; background: url(../images/layup/loginFlyoutBg.png) no-repeat; } #loyaltyCardRegister p { color: #ffffff; font-size: 11px; } #saveCompare { width:250px; height:139px; background:url(../images/layup/saveCompareBg.jpg) no-repeat left top; margin:0 0 15px; } #saveCompare .padding { padding:45px 0 0 14px; } #saveCompare a.box { width:54px; height:41px; background:url(../images/layup/noImage54x40compare.jpg) no-repeat 3px 3px; padding:3px 0 0 3px; margin:0 4px 6px 0; display:block; position:relative; float:left; } #saveCompare .box .frame { position:absolute; left:0; top:0; } /* ----- RIGHT COLUMN ----- */ #rightCol { width:681px; float: right; } #mainContent { width:681px; background:url(../images/layup/mainContentTop.gif) no-repeat left top #FFF; } #mainContent .padding { padding:20px 19px 20px 20px; } #mainContentBottom { width:681px; height:15px; } /* ----- NEW LIST */ #boxList {} #boxList .box { width:200px; background:url(../images/layup/newDivider.gif) no-repeat left bottom; padding:0 0 9px; margin:0 21px 20px 0; float:left; } #boxList .last { margin:0; } #boxList .box a { text-decoration:none; cursor:pointer; display:block; } #boxList .box .thumb { width:194px; height:146px; padding:2px 0 0 3px; margin:0 0 13px; position:relative; display:block; } #boxList .box .thumb .frame { position:absolute; left:0; top:0; display:block; } #boxList .box .title { width:142px; height:30px; font-size:12px; color:#3e3e3e; float:left; display:block; } #boxList .box .btn { width:52px; height:30px; float:right; display:block; } /* ----- NEW CAR DETAIL */ #newDetail {} #newDetail #details { width:641px; height:56px; background:url(../images/layup/vehicleDetailsBg.gif) no-repeat left top; margin:0 0 10px; } #newDetail #details .padding { padding:14px 0 0 14px; } #newDetail #details .padding div { font-size:12px; font-weight:bold; text-align:center; color:#FFF; text-transform:uppercase; float:left; } #newDetail #details .padding span { font-size:14px; display:block; } #newDetail #details .model { width:375px; text-align:left !important; } #newDetail #details .roadLicense { width:163px; text-transform:none !important; } #newDetail #details .price { width:89px; } #newDetail #options { width:346px; height:206px; margin:0 0 20px; float:left; } #newDetail #options div { float:left; } #newDetail #options a { outline:none; display:block; } #newDetail #options span { display:none; } #newDetail #options .sendFriend a { width:68px; height:103px; background:url(../images/layup/animatedNew.gif) no-repeat 0 0; } #newDetail #options .exDemoStock a { width:69px; height:103px; background:url(../images/layup/animatedNew.gif) no-repeat -68px 0; } #newDetail #options .downloadBrochure a { width:69px; height:103px; background:url(../images/layup/animatedNew.gif) no-repeat -137px 0; } #newDetail #options .bookTestDrive a { width:69px; height:103px; background:url(../images/layup/animatedNew.gif) no-repeat -206px 0; } #newDetail #options .requestCallback a { width:71px; height:103px; background:url(../images/layup/animatedNew.gif) no-repeat -275px 0; } #newDetail #options .motability a { width:68px; height:103px; background:url(../images/layup/animatedNew.gif) no-repeat 0 -103px; } #newDetail #options .vehicleAccessories a { width:69px; height:103px; background:url(../images/layup/animatedNew.gif) no-repeat -68px -103px; } #newDetail #options .currentOffers a { width:69px; height:103px; background:url(../images/layup/animatedNew.gif) no-repeat -137px -103px; } #newDetail #options .carbonOffsetting a { width:69px; height:103px; background:url(../images/layup/animatedNew.gif) no-repeat -206px -103px; } #newDetail #options .makeEnquiry a { width:71px; height:103px; background:url(../images/layup/animatedNew.gif) no-repeat -275px -103px; } #newDetail #options .sendFriend a:hover { background:url(../images/layup/animatedNew.gif) no-repeat 0 -206px; } #newDetail #options .exDemoStock a:hover { background:url(../images/layup/animatedNew.gif) no-repeat -68px -206px; } #newDetail #options .downloadBrochure a:hover { background:url(../images/layup/animatedNew.gif) no-repeat -137px -206px; } #newDetail #options .bookTestDrive a:hover { background:url(../images/layup/animatedNew.gif) no-repeat -206px -206px; } #newDetail #options .requestCallback a:hover { background:url(../images/layup/animatedNew.gif) no-repeat -275px -206px; } #newDetail #options .motability a:hover { background:url(../images/layup/animatedNew.gif) no-repeat 0 -309px; } #newDetail #options .vehicleAccessories a:hover { background:url(../images/layup/animatedNew.gif) no-repeat -68px -309px; } #newDetail #options .currentOffers a:hover { background:url(../images/layup/animatedNew.gif) no-repeat -137px -309px; } #newDetail #options .carbonOffsetting a:hover { background:url(../images/layup/animatedNew.gif) no-repeat -206px -309px; } #newDetail #options .makeEnquiry a:hover { background:url(../images/layup/animatedNew.gif) no-repeat -275px -309px; } #newDetail #mainImg { width:269px; height:202px; padding:3px 3px 0 0; position:relative; float:right; } #newDetail #mainImg .frame { position:absolute; right:0; top:0; z-index:100;} #newDetail #mainImg .overlay { position:absolute; right:3px; top:3px; z-index:100;} #newDetail h2 { font-weight:bold; } #newDetail #relatedVehicles {} #newDetail #relatedVehicles .title { font-size:14px; font-weight:bold; color:#49494a; padding:0 0 20px; display:block; } #newDetail #relatedVehicles .box { width:200px; margin:0 21px 0 0; float:left; } #newDetail #relatedVehicles .end { margin:0; } #newDetail #relatedVehicles .box a { font-size:12px; color:#4c4c4c; text-decoration:none; cursor:pointer; display:block; } #newDetail #relatedVehicles .box .thumb { width:194px; height:146px; padding:3px 0 0 3px; margin:0 0 13px; position:relative; display:block; } #newDetail #relatedVehicles .box .thumb .frame { position:absolute; left:0; top:0; display:block; } #newDetail #relatedVehicles .box .model { width:140px; float:left; display:block; } #newDetail #relatedVehicles .box .price { width:55px; float:right; display:block; } /* ----- USED LIST */ #list {} #list .searchFilter { width:641px; height:39px; font-size:12px; font-weight:bold; text-transform:uppercase; color:#FFF; background:url(../images/layup/searchFilterBg.gif) no-repeat left top; margin:0 0 20px; } #list .bottom { margin:0; } #list .searchFilter .padding { padding:9px 0 0 10px; } #list .searchFilter .vehicles { width:95px; padding:3px 0 0; float:left; } #list .searchFilter .sortOptions { width: 160px; margin:0 6px 0 0; float:left; } #list .searchFilter .sortOptions label { width: 64px; padding:3px 0 0; float: left; } #list .searchFilter .sortOptions select { width:93px; font-size:11px; text-transform:none; color: #000; border:1px solid #d0d0d0; float: left; } #list .searchFilter .results { width:150px; margin:0 12px 0 0; float:left; } #list .searchFilter .results label { width:107px; padding:3px 0 0; float: left; } #list .searchFilter .results select { width:37px; color: #000; border:1px solid #d0d0d0; float: left; } #list .searchFilter .pagination { width:205px; padding:3px 0 0; float: left; } #list .searchFilter .pagination a { color:#FFF; text-decoration: none; padding: 0px 4px 0px 4px; } #list .searchFilter .pagination .active { text-decoration: none; color:#b10007; background:#FFF; } #list .searchFilter .pagination span { padding: 0px 2px 0px 2px; display: block; float: left; } #list .listItem { margin:0 0 14px; } #list .listItem a { text-decoration:none; font-weight:normal; cursor:pointer; display:block; } #list .listItem .thumb { width:194px; height:146px; padding:2px 0 0 3px; position:relative; float:left; display:block; } #list .listItem .thumb .frame { position:absolute; left:0; top:0; display:block; } #list .listItem .thumb .specialOffer { position:absolute; left:2px; top:3px; display:block; } #list .listItem .details { width:426px; height:150px; text-transform:uppercase; background:url(../images/layup/usedListBg.gif) no-repeat left top; float:right; display:block; } #list .listItem .details .padding { padding:14px 16px 0; display:block; } #list .listItem .details .title { height:28px; font-size:14px; font-weight:bold; color:#464646; margin:0 0 18px; display:block; } #list .listItem .details .features { display:block; } #list .listItem .details .features .item { width:79px; font-size:12px; color:#454545; background:url(../images/layup/bulletSquare.gif) no-repeat left 3px; margin:0 0 5px; padding:0 0 0 17px; float:left; display:block; } #list .listItem .details .priceOnly { width:89px; font-size:10px; color:#b50008; float:left; display:block; } #list .listItem .details .priceOnly span { font-size:20px; font-weight:bold; display:block; } #list .listItem .details .priceWas { width:88px; font-size:10px; color:#808080; float:left; display:block; } #list .listItem .details .priceWas span { font-size:20px; font-weight:bold; text-decoration:line-through; display:block; } #list .listItem .details .priceRoadFun { width:95px; font-size:10px; text-transform:none; color:#808080; float:left; display:block; } #list .listItem .details .priceRoadFun span { font-size:20px; font-weight:bold; display:block; } #list .listItem .details .btn { width:89px; height:30px; margin:7px 0 0; float:right; display:block; } /* ----- USED CAR DETAIL */ #usedDetail {} #usedDetail #details { width:641px; height:56px; background:url(../images/layup/vehicleDetailsBg.gif) no-repeat left top; margin:0 0 10px; } #usedDetail #details .padding { padding:14px 0 0 14px; } #usedDetail #details .padding div { font-size:12px; font-weight:bold; text-align:center; color:#FFF; text-transform:uppercase; float:left; } #usedDetail #details .padding span { font-size:14px; display:block; } #usedDetail #details .model { width:375px; text-align:left !important; } #usedDetail #details .roadLicense { width:163px; text-transform:none !important; } #usedDetail #details .price { width:89px; } #usedDetail #location { height:49px; font-size:13px !important; padding:4px 0 0; } #usedDetail #location span { font-size:16px; font-weight:bold; color:#b10007; } #usedDetail #telephone { height:71px; font-size:13px !important; } #usedDetail #telephone span { font-size:16px; text-transform:uppercase; font-weight:bold; color:#b10007; } #usedDetail #mainImg { width:314px; height:236px; padding:3px 3px 0 0; margin:0 0 14px; position:relative; float:right; } #usedDetail #mainImg .frame { position:absolute; right:0; top:0; } #usedDetail #mainImg .specialOffer { position:absolute;} #thumbs { width:320px; height:77px; overflow:hidden; position:relative; clear:right; float:right; z-index:20; } #thumbs a { width:94px; height:71px; padding:3px 3px 0 0; margin:0 13px 0 0; position:relative; float:left; } #thumbs a#previous { margin:0; padding:3px 0 0 3px; z-index:20; } #thumbs a#previous .frame { position:absolute; left:0; top:0; } #thumbs a#next { margin:0; float:right; z-index:20; } #thumbs .frame { position:absolute; right:0; top:0; } #thumbs #thumbViewer { width:100000px; position:absolute; left:113px; z-index:5; } #usedDetail #options { width:306px; height:206px; margin:0 0 20px; float:left; } #usedDetail #options div { float:left; } #usedDetail #options a { outline:none; cursor:pointer; display:block; } #usedDetail #options span { display:none; } #usedDetail #options .makeEnquiry a { width:75px; height:103px; background:url(../images/layup/animatedUsed.gif) no-repeat 0 0; } #usedDetail #options .requestCallback a { width:77px; height:103px; background:url(../images/layup/animatedUsed.gif) no-repeat -75px 0; } #usedDetail #options .bookTestDrive a { width:76px; height:103px; background:url(../images/layup/animatedUsed.gif) no-repeat -152px 0; } #usedDetail #options .sendFriend a { width:78px; height:103px; background:url(../images/layup/animatedUsed.gif) no-repeat -228px 0; } #usedDetail #options .saveCompare a { width:75px; height:103px; background:url(../images/layup/animatedUsed.gif) no-repeat 0 -103px; } #usedDetail #options .getDirections a { width:77px; height:103px; background:url(../images/layup/animatedUsed.gif) no-repeat -75px -103px; } #usedDetail #options .vehicleHealthcheck a { width:76px; height:103px; background:url(../images/layup/animatedUsed.gif) no-repeat -152px -103px; } #usedDetail #options .printSpecSheet a { width:78px; height:103px; background:url(../images/layup/animatedUsed.gif) no-repeat -228px -103px; } #usedDetail #options .makeEnquiry a:hover { background:url(../images/layup/animatedUsed.gif) no-repeat 0 -206px; } #usedDetail #options .requestCallback a:hover { background:url(../images/layup/animatedUsed.gif) no-repeat -75px -206px; } #usedDetail #options .bookTestDrive a:hover { background:url(../images/layup/animatedUsed.gif) no-repeat -152px -206px; } #usedDetail #options .sendFriend a:hover { background:url(../images/layup/animatedUsed.gif) no-repeat -228px -206px; } #usedDetail #options .saveCompare a:hover { background:url(../images/layup/animatedUsed.gif) no-repeat 0 -309px; } #usedDetail #options .getDirections a:hover { background:url(../images/layup/animatedUsed.gif) no-repeat -75px -309px; } #usedDetail #options .vehicleHealthcheck a:hover { background:url(../images/layup/animatedUsed.gif) no-repeat -152px -309px; } #usedDetail #options .printSpecSheet a:hover { background:url(../images/layup/animatedUsed.gif) no-repeat -228px -309px; } #carDetails { width:415px; float:left; } #carDetails ul.domHeadings { width:415px; height:43px; background:url(../images/layup/usedTabsBg.gif) no-repeat left top; list-style: none; padding:0; margin: 0; } #carDetails ul.domHeadings li { float: left; } #carDetails ul.domHeadings li a { outline:none; display: block; float: left; } #carDetails ul.domHeadings li a span { display:none; } #carDetails ul.domHeadings li a.details { width:126px; height:43px; background:url(../images/layup/spriteUsedTabs.jpg) no-repeat 0 0; } #carDetails ul.domHeadings li a.warranty { width:117px; height:43px; background:url(../images/layup/spriteUsedTabs.jpg) no-repeat -126px 0; } #carDetails ul.domHeadings li a.specification { width:143px; height:43px; background:url(../images/layup/spriteUsedTabs.jpg) no-repeat -243px 0; } #carDetails ul.domHeadings li.active a.details { background:url(../images/layup/spriteUsedTabs.jpg) no-repeat 0 -43px; } #carDetails ul.domHeadings li.active a.warranty { background:url(../images/layup/spriteUsedTabs.jpg) no-repeat -126px -43px; } #carDetails ul.domHeadings li.active a.specification { background:url(../images/layup/spriteUsedTabs.jpg) no-repeat -243px -43px; } #carDetails .dt1 { display: block; } #carDetails .domContent { width:415px; height:250px; background:url(../images/layup/usedTabsContentBg.gif) no-repeat left bottom; } #carDetails .domContent .padding { width:385px; height:218px; padding:16px 15px; overflow:auto; } #carDetails .domContent table {} #carDetails .domContent table tr {} #carDetails .domContent table tr td { font-size:12px; color:#5d5d5d; padding:0 0 5px; } #carDetails .domContent table tr td.heading { font-weight:bold; } #financeCalculator { width:211px; height:306px; background:url(../images/layup/financeCalculatorBg.jpg) no-repeat left bottom; float:right; } #financeCalculator .title { width:211px; height:43px; } #financeCalculator .padding { padding:15px 15px 0; } #financeCalculator table { width:181px; } #financeCalculator table tr {} #financeCalculator table tr td { font-size:11px; color:#000; padding:0 0 8px; } #financeCalculator .btn { width:199px; height:30px; margin:0 auto; } #cmsPage #financeCalculator { width:211px; height:306px; float:right; clear:right; margin:0 0 0 20px; } #usedDetail #relatedVehicles {} #usedDetail #relatedVehicles .title { font-size:14px; font-weight:bold; color:#49494a; padding:0 0 20px; display:block; } #usedDetail #relatedVehicles .box { width:200px; margin:0 21px 0 0; float:left; } #usedDetail #relatedVehicles .end { margin:0; } #usedDetail #relatedVehicles .box a { font-size:12px; color:#4c4c4c; text-decoration:none; cursor:pointer; display:block; } #usedDetail #relatedVehicles .box .thumb { width:194px; height:146px; padding:3px 0 0 3px; margin:0 0 13px; position:relative; display:block; } #usedDetail #relatedVehicles .box .thumb .frame { position:absolute; left:0; top:0; display:block; } #usedDetail #relatedVehicles .box .model { width:140px; float:left; display:block; } #usedDetail #relatedVehicles .box .price { width:55px; float:right; display:block; } /* ----- OFFERS LIST */ #offers {} #offers ul.domHeadings { width:641px; height:60px; background:url(../images/layup/offersTabsBg.gif) no-repeat left top; list-style: none; padding: 0px; margin: 0px; } #offers ul.domHeadings li { float: left; } #offers ul.domHeadings li a { display: block; float: left; } #offers ul.domHeadings li a span { display:none; } #offers ul.domHeadings li a.dt0 /*new*/ { width:110px; height:60px; background:url(../images/layup/spriteOffersTabs.jpg) no-repeat 0 0; } #offers ul.domHeadings li a.dt1 /*used*/ { width:114px; height:60px; background:url(../images/layup/spriteOffersTabs.jpg) no-repeat -110px 0; } #offers ul.domHeadings li a.dt2 /*pickups*/ { width:132px; height:60px; background:url(../images/layup/spriteOffersTabs.jpg) no-repeat -224px 0; } #offers ul.domHeadings li a.dt3 /*servicing*/{ width:107px; height:60px; background:url(../images/layup/spriteOffersTabs.jpg) no-repeat -356px 0; } #offers ul.domHeadings li a.dt4 /*parts*/ { width:178px; height:60px; background:url(../images/layup/spriteOffersTabs.jpg) no-repeat -463px 0; } #offers ul.domHeadings li.active a.dt0 /*new*/ { background:url(../images/layup/spriteOffersTabs.jpg) no-repeat 0 -60px; } #offers ul.domHeadings li.active a.dt1 /*used*/ { background:url(../images/layup/spriteOffersTabs.jpg) no-repeat -110px -60px; } #offers ul.domHeadings li.active a.dt2 /*pickups*/ { background:url(../images/layup/spriteOffersTabs.jpg) no-repeat -224px -60px; } #offers ul.domHeadings li.active a.dt3 /*servicing*/ { background:url(../images/layup/spriteOffersTabs.jpg) no-repeat -356px -60px; } #offers ul.domHeadings li.active a.dt4 /*parts*/ { background:url(../images/layup/spriteOffersTabs.jpg) no-repeat -463px -60px; } #offers .dt1 { display: block; } #offers .boxList {} #offers .boxList .box { width:311px; background:url(../images/layup/offerDivider.gif) no-repeat left bottom; padding:0 0 10px; margin:0 19px 10px 0; float:left; } #offers .boxList .end { margin:0 0 10px; } #offers .boxList .box a { text-decoration:none; cursor:pointer; display:block; } #offers .boxList .box .thumb { width:305px; height:95px; padding:3px 0 0 3px; margin:0 0 12px; position:relative; display:block; } #offers .boxList .box .thumb .frame { position:absolute; left:0; top:0; display:block; } #offers .boxList .box .title { width:250px; height:30px; font-size:12px; font-weight:bold; color:#3e3e3e; float:left; display:block; } #offers .boxList .box .btn { width:52px; height:30px; float:right; display:block; } /* ----- OFFERS DETAIL */ #offersDetail {} #offersDetail #mainImg { width:635px; height:202px; padding:3px 0 0 3px; margin:0 0 23px; position:relative; } #offersDetail #mainImg .frame { position:absolute; left:0; top:0; } #offerDescription { width:346px; height:102px; background:url(../images/layup/offerBg.gif) no-repeat left top; margin:0 0 17px; float:left; } #offerDescription .padding { padding:12px 16px 0 15px; } #offerDescription .title { height:20px; font-size:16px; color:#FFF; font-weight:bold; display:block; } #offerDescription .description { height:34px; font-size:12px; color:#FFF; font-weight:bold; padding:0 0 11px; display:block; } #offerDescription .telephone { font-size:13px; text-transform:uppercase; color:#380002; display:block; } #offerDescription .telephone span { font-weight:bold; color:#FFF; } #offersDetail #options { width:auto; height:102px; margin:0 0 17px; float:right; } #offersDetail #options div { float:left; } #offersDetail #options a { outline:none; display:block; } #offersDetail #options span { display:none; } #offersDetail #options .makeEnquiry a { width:92px; height:102px; background:url(../images/layup/animatedOffers.gif) no-repeat 0 0; } #offersDetail #options .bookOnline a { width:90px; height:102px; background:url(../images/layup/animatedOffers.gif) no-repeat -92px 0; } #offersDetail #options .requestCallback a { width:93px; height:102px; background:url(../images/layup/animatedOffers.gif) no-repeat -182px 0; } #offersDetail #options .makeEnquiry a:hover { background:url(../images/layup/animatedOffers.gif) no-repeat 0 -102px; } #offersDetail #options .bookOnline a:hover { background:url(../images/layup/animatedOffers.gif) no-repeat -92px -102px; } #offersDetail #options .requestCallback a:hover { background:url(../images/layup/animatedOffers.gif) no-repeat -182px -102px; } #offersDetail #optionsV2 { width:275px; height:102px; margin:0 0 17px; float:right; } #offersDetail #optionsV2 div { float:left; } #offersDetail #optionsV2 a { outline:none; display:block; } #offersDetail #optionsV2 span { display:none; } #offersDetail #optionsV2 .makeEnquiry a { width:91px; height:102px; background:url(../images/layup/animatedOffersV2.gif) no-repeat 0 0; } #offersDetail #optionsV2 .requestCallback a { width:90px; height:102px; background:url(../images/layup/animatedOffersV2.gif) no-repeat -91px 0; } #offersDetail #optionsV2 .bookOnline a { width:94px; height:102px; background:url(../images/layup/animatedOffersV2.gif) no-repeat -181px 0; } #offersDetail #optionsV2 .makeEnquiry a:hover { background:url(../images/layup/animatedOffersV2.gif) no-repeat 0 -102px; } #offersDetail #optionsV2 .requestCallback a:hover { background:url(../images/layup/animatedOffersV2.gif) no-repeat -91px -102px; } #offersDetail #optionsV2 .bookOnline a:hover { background:url(../images/layup/animatedOffersV2.gif) no-repeat -181px -102px; } /* ----- AFTERSALES */ #aftersales {} #aftersales #mainImg { width:635px; height:201px; padding:3px 0 0 3px; margin:0 0 13px; position:relative; } #aftersales #mainImg .frame { position:absolute; left:0; top:0; z-index:90; }#aftersales #jumps { height:167px; margin:0 0 29px; } #aftersales #mainImg .arrowLeft { position: absolute; left: -13px; top: 90px; z-index: 99; } #aftersales #mainImg .arrowRight { position: absolute; right: -13px; top: 90px; z-index: 99; } #aftersales #jumps div { width:151px; height:167px; margin:0 12px 0 0; float:left; display:block; } #aftersales #jumps div.end { margin:0; } /* ----- VEHICLE COMPARISON ----- */ #vehicleComparison { width:642px; } #vehicleComparison tr td { height:30px; padding:0 4px; } #vehicleComparison tr td.heading { text-align:left; color:#940308; font-weight:bold; } #vehicleComparison tr.altRow td { background:#CCC; } #vehicleComparison .compareImg { width:140px; height:105px; padding:1px; border:1px solid #CCC; background:url(../images/layup/noImage140x105.jpg) no-repeat 1px 1px; } #vehicleComparison a.btnRemove { margin:0 auto; } /* ----- CONTACT US */ #contactUs {} #contactUs .box { width:296px; font-size:12px; color:#484848; background:url(../images/layup/contactBoxBottomSmall.gif) no-repeat left bottom #cdcdcd; padding:0 0 10px; margin:0 0 20px; float:left; } #contactUs .box .padding { padding:0 6px; } #contactUs .box .title { width:296px; } #contactUs .box h3 { font-size:12px; font-weight:bold; text-transform:uppercase; color:#a80000; padding:0 0 21px; } #contactUs .box a { color:#484848; } #contactUs .box address { color:#343434; background:url(../images/layup/iconAddress.jpg) no-repeat left top; padding:0 0 0 25px; } #contactUs .box .telephone { background:url(../images/layup/iconTelephone.gif) no-repeat left top; padding:0 0 10px 25px; display:block; } #contactUs .box .email { background:url(../images/layup/iconEmail.gif) no-repeat left top; padding:0 0 10px 25px; display:block; } #contactUs .box .openingTimes { background:url(../images/layup/iconOpeningTimes.gif) no-repeat left top; padding:0 0 20px 25px; display:block; } #contactUs #address { width:324px; background:url(../images/layup/contactBoxBottomLarge.gif) no-repeat left bottom; padding:0 0 10px; float:right; clear: right; } #contactUs #address #innerAddress { width:324px; background:url(../images/layup/contactGeneralBg.gif) no-repeat left top #cdcdcd; } #contactUs #map { width:318px; height:237px; position:relative; float:right; } #contactUs #map .frame { position:absolute; right:0; top:0; } #contactUs #map #postcodeSearch { position:absolute; left:12px; top:195px; } #contactUs #map #postcodeSearch form {} #contactUs #map #postcodeSearch form div { float:left; } #contactUs #map #postcodeSearch form input { width:156px; margin:5px 0 0; } #contactUs #map #postcodeSearch form #getDirections { width:125px; height:30px; margin:0 0 0 11px; } #contactUs #generalEnquiries { width:324px; background:url(../images/layup/contactBoxBottomLarge.gif) no-repeat left bottom; padding:0 0 10px; float:right; } #contactUs #generalEnquiries #inner { width:324px; background:url(../images/layup/contactGeneralBg.gif) no-repeat left top #cdcdcd; } #contactUs #generalEnquiries form { padding:49px 14px 1px 0; margin:0; } #contactUs #generalEnquiries form label { width:101px; font-size:12px; color:#393939; text-align:right; padding:3px 5px 0 0; } #contactUs #generalEnquiries form select { width:94px; } #contactUs #generalEnquiries form input, #contactUs #generalEnquiries form textarea { width:190px; border:1px solid #858585; } #contactUs #generalEnquiries form #submit { width:68px; height:30px; border:none; float:right; } #contactUs #generalEnquiries form .validation-advice { width:290px; background:#9d0107; margin:2px 0 2px 10px; } /* ----- CMS IMAGE ----- */ .cmsImage { position:relative; padding:4px 4px 0 0; margin: 0px 0px 15px 15px; float: right; clear:right; } .cmsImage .frame { position:absolute; right:0; top:0; } /* ----- 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; } .noHand { cursor:default; } .seo {text-decoration:none;font-weight:normal;} /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { font-size:18px; font-weight:normal; color:#a00106; margin:0; padding:0 0 10px 0; } h2 { font-size:14px; } p { font-size:12px; color:#151515; padding:0 0 10px 0; margin:0; } /* ----- TOP NAVIGATION ----- */ #primaryNav { width:960px; height:43px; background:url(../images/layup/navBg.gif) no-repeat left top; margin:0 0 15px; position:relative; z-index:150; } #primaryNav ul { list-style: none; margin: 0px; padding:0 0 0 17px; } #primaryNav li { background:url(../images/layup/navDivider.gif) no-repeat right 7px; padding:0; margin:0; float: left; } #primaryNav li a { color:#585858; text-decoration: none; padding: 13px 17px 9px; display:block; } #primaryNav li a span { background:url(../images/layup/navDropdown.gif) no-repeat right; padding:0 14px 0 0; } #primaryNav li a:hover, #primaryNav li a.active { color: #9D0107; } /* ----- DROPDOWN NAV ----- */ #primaryNav ul li ul { left: -999em; position: absolute; z-index:9999; } #primaryNav ul li:hover ul, #primaryNav ul li.sfhover ul { left: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; display: block; width: 200px; } #primaryNav ul li:hover ul li, #primaryNav ul li.sfhover ul li { display: block; padding: 4px 0px 0px 0px; margin: 0px; background: #ececec; width: 200px; height: 20px; border-bottom: 1px solid #CFCFCF; border-left: 1px solid #CFCFCF; border-right: 1px solid #CFCFCF; } #primaryNav ul li:hover ul li a, #primaryNav ul li.sfhover ul li a { padding: 0px 5px 5px 10px; margin: 0px; color: #666666; } #primaryNav ul li:hover ul li a:hover, #primaryNav ul li.sfhover ul li a:hover { padding: 0px 5px 5px 10px; margin: 0px; color: #000; } /* ----- 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 9px no-repeat; padding:6px 0 5px 15px; } #sitemap a { text-decoration:none; } #sitemap a:hover { text-decoration:underline; } /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #breadcrumbs { width:550px; height:33px; font-size: 12px; line-height: normal; color: #FFF; background:url(../images/layup/breadcrumbsLeft.gif) no-repeat; padding: 0px 0px 0px 12px; margin:0 0 10px; float: left; } #breadcrumbs a { font-size:12px; color:#4b4a4a; font-weight: normal; text-decoration: none; float: left; display: block; } #breadcrumbs a:hover { text-decoration:underline; } #breadcrumbs span {background: url(../images/layup/breadcrumbsBg.gif) repeat-x; padding: 7px 10px 10px 10px; display: block; float: left; } #breadcrumbs span.divider { width:6px; height:33px; background: url(../images/layup/breadcrumbsDivider.gif) no-repeat; padding: 0px; } #breadcrumbs span.currentItem { font-size:12px; font-weight:bold; color:#9d0107; background: url(../images/layup/breadcrumbsRight.gif) no-repeat top right; padding-right: 20px; } #btnBack { padding: 0px; float: right; } /* ----- FOOTER ----- */ #footer { height:105px; background:url(../images/layup/footerBg.gif) left top repeat-x; margin-top:-105px; } #footer #footerInner { width:960px; color:#FFF; margin:0 auto; } #footer .padding { padding:44px 0 0 0; } #footer p { font-size:11px; text-align:left; color:#FFF; } #footer a { font-size:11px; color:#FFF; font-weight:normal; text-decoration:none; } #footer 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; outline: none; } 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:260px; float:left; } input, textarea { width:200px; font-size:11px !important;} .required {} .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;} #submit { width:68px; height:30px; border:none;} /* ----- SERVICING FORM */ #divprefDate { width:580px; position:relative; } #divprefDate #iconCalendar { position:absolute; left:470px; top:0; display:block; } #divprefDate .validation-advice { clear:both; } /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed {} input.validation-passed, textarea.validation-passed, select.validation-passed {} .validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #A00106; 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;} #liveChatPop {width: 427px; height: 254px; background:url(../images/layup/chatPopUpBg.gif) left top no-repeat; z-index: 9999; cursor: move; } #liveChatPop #closeBtn { color: #fff; font: 10pt Arial; text-decoration: none; position: absolute; top: 6px; right: 6px; } #liveChatPop #name { font-size:18px; color:#fff; position:absolute; top:15px; left:10px; line-height:20px; text-align:left; font-weight:bold; } #liveChatPop #number { font-size:15px; width:230px; position:absolute; left:190px; top:74px; font-weight:bold; text-align:right; color:#fff; } #liveChatPop #photo { position:absolute; left:20px; top:80px; font-weight:bold; text-align:right; color:#fff; }