/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : James Greenwood / james.greenwood@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Cecil & Larter 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.jpg) no-repeat top center #ffffff; 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; margin:0 auto 40px; text-align:left; font-size:110%; line-height: normal; background:url(../images/layup/containerBg.jpg) no-repeat top center; position:relative; z-index:50; } * html #container { height:100%; } #printHeader { display:none;} #header { height: 101px; position: relative; } #header #logo { position: absolute; top:18px; left: 0px; } #header #companyAge { width:95px; height:58px; font-family:"Times New Roman", Times, serif; background:url(../images/layup/celebratingBg.jpg) no-repeat; position:absolute; top:21px; left:235px; } #header #companyAge .padding { padding:6px 0 0 7px; } #header #companyAge .past { font-size:8px; font-weight:bold; color:#d00000; display:inline; position:relative; top:-10px; } #header #companyAge .total { font-size:41px; font-weight:bold; color:#004c83; display:inline; } #header #companyAge .present { font-size:8px; font-weight:bold; color:#d00000; display:inline; position:relative; top:-10px; left:2px; } #header #contactDetailsEmail { position: absolute; top:34px; right:0px; } #header #contactDetailsEmail .title { display:block; color:#3c3c3c; font-size:18px; float:right; margin-bottom:5px; } #header #contactDetailsEmail .info { color:#004c83; font-size:18px; font-weight:bold; float:right;clear:right; } #header #contactDetailsTelephone { position: absolute; top:34px; right:230px; } #header #contactDetailsTelephone .title { display:block; color:#3c3c3c; font-size:18px; float:right; margin-bottom:5px; } #header #contactDetailsTelephone .info { color:#004c83; font-size:18px; font-weight:bold; float:right;clear:right; } #header #franchiseAge { width:95px; height:58px; font-family:"Times New Roman", Times, serif; background:url(../images/layup/volvo/celebratingVolvoBg.jpg) no-repeat; position:absolute; top:21px; left:340px; } #header #franchiseAge .padding { padding:6px 0 0 7px; } #header #franchiseAge .past { font-size:8px; font-weight:bold; color:#d00000; display:inline; position:relative; top:-14px; } #header #franchiseAge .total { font-size:41px; font-weight:bold; color:#004c83; display:inline; } #header #franchiseAge .present { font-size:8px; font-weight:bold; color:#d00000; display:inline; position:relative; top:-14px; left:2px; } /* ----- LEFT COLUMN ----- */ #leftCol { float: left; width: 225px; } #leftCol .box {} #leftCol .usedCarSearch {} /* ----- USED SEARCH ----- */ #usedSearch.domTabs { width:225px; margin:-5px 0 0 0; } #usedSearch.domTabs ul.domHeadings { width:225px; height:43px; list-style: none; padding: 0px; margin: 0px; } #usedSearch.domTabs ul.domHeadings li { background:none !important; padding:0 !important; float: left; } #usedSearch.domTabs ul.domHeadings li a { outline:none; } #usedSearch.domTabs ul.domHeadings li.active a#usedTab { width:125px; height:43px; background:url(../images/layup/spriteSearchTabs.jpg) no-repeat 0 0; } #usedSearch.domTabs ul.domHeadings li a#budgetTab { width:100px; height:43px; background:url(../images/layup/spriteSearchTabs.jpg) no-repeat -125px 0; } #usedSearch.domTabs ul.domHeadings li a#usedTab { width:122px; height:43px; background:url(../images/layup/spriteSearchTabs.jpg) no-repeat 0 -43px; } #usedSearch.domTabs ul.domHeadings li.active a#budgetTab { width:103px; height:43px; background:url(../images/layup/spriteSearchTabs.jpg) no-repeat -122px -43px; } #usedSearch.domTabs ul.domHeadings li a span { display:none; } #usedSearch.domTabs .domContent { width:225px; background:url(../images/layup/searchBg.jpg) no-repeat left top; padding:0 0 10px; } #usedSearch.domTabs .domContent form { padding:16px 0 0 18px; } #usedSearch.domTabs .domContent fieldset { display: block; } #usedSearch.domTabs .domContent div { margin:0 0 10px 0; } #usedSearch.domTabs .domContent select { width:186px; border:1px solid #696969; } #usedSearch.domTabs .domContent .usedSearchBtns { width:168px; height:33px; background:url(../images/layup/searchBtnsBg.jpg) no-repeat; padding:0 10px; } #usedSearch.domTabs .domContent .usedSearchBtns .btnUsedSearch { width:79px; height:33px; border:none; float:right; } #usedSearch.domTabs .domContent .usedSearchBtns .btnAdvancedSearch { color:#FFF; text-decoration:none; display:block; padding:2px 0 0 0; } .dt1, .dt2 { display: block; } #usedSearchBottom { width:237px; height:13px; position:relative; left:-6px; padding-bottom: 15px; } #stockUpdates { width:225px; height:161px; margin:0 0 20px; } /* ----- FAVOURITES ----- */ #favourites { width:225px; height:157px; background:url(../images/layup/favouritesBg.jpg) no-repeat left top; padding:60px 0 0; margin:0 0 20px 0px; } #favourites .btnLogin { /*font-size:12px; font-weight:bold; color:#005692; text-transform:uppercase; display:block; padding:18px 0 0 149px; margin:0 0 29px;*/ display:none; } #favourites .padding { padding:0 19px 0 19px; } #favourites .box { width:54px; height:56px; background:url(../images/layup/favouritesBox.gif) no-repeat left top; margin:0 12px 0 0; display:block; float:left; } #favourites .end { margin:0; } #favourites a.removeCarLink { text-decoration:none; color:#F00; } #favourites a.removeCarLink:hover { text-decoration:underline; } #favourites .btnSave { float:left; } #favourites .btnCompare { float:right; } /* ----- OPENING TIMES ----- */ #openingTimes { width:225px; background:url(../images/layup/openingTimesBg.jpg) no-repeat left top; } #openingTimes .padding { padding:46px 19px 15px 18px; } #openingTimes .days { font-size:12px; font-weight:bold; color:#004c83; text-transform:uppercase; padding:16px 0 0 0; display:block; } #openingTimes .date { font-size:9px; color:#777171; } #openingTimes .departments { width:94px; font-size:12px; font-weight:bold; color:#585858; background:url(../images/layup/openingTimesDivV.jpg) no-repeat right top; margin:15px 0; float:left; } #openingTimes .times { width:94px; font-size:12px; text-align:right; font-weight:bold; color:#585858; margin:15px 0; float:right; } #openingTimesBottom { width:225px; height:17px; } /* ----- RIGHT COLUMN ----- */ #rightCol { width:715px; float:right; } #rightCol #mainContent { width:715px; background:url(../images/layup/rightColTop.jpg) no-repeat left top; position:relative; z-index:5; } #rightCol #mainContent .shadow { position:absolute; top:-8px; left:-5px; z-index:-1; } #rightCol #mainContent .padding { padding:20px; } #rightCol #mainContent #pageHeading { width:675px; background:url(../images/layup/dotsH.gif) repeat-x left bottom; margin:0 0 20px 0; } #rightCol #mainContent #pageHeading .contactDetails { font-size:14px; color:#777777; float:right; } #rightCol #mainContent #pageHeading .contactDetails span { font-size:18px; font-weight:bold; color:#00528d; } #rightCol #mainContent #pageHeading .price { font-size:18px; color:#00528d; float:right; } /* ----- NEW VEHICLE LISTING ----- */ #mainScroller.carousel { width: 675px; height: 268px; background:url(../images/layup/dotsH.gif) bottom left repeat-x; padding:0 0 25px; margin:0 0 30px; float: left; position: relative; } #mainScroller.carousel .scroller { width: 626px; height: 262px; padding:8px 0 0 0; display: inline; float: left; overflow: hidden; position: relative; left:24px; } #mainScroller.carousel ul { margin-left: -220px; width: 10000px; list-style: none; padding: 0px; margin-top: 0px; } #mainScroller.carousel li { float: left; position: relative; padding: 0px; margin: 0 40px 0 0px; background: #fff; } #mainScroller.carousel li a { text-decoration:none; font-weight:normal; cursor:pointer; display:block; } #mainScroller.carousel li img { position: relative; } #mainScroller.carousel li span .frame { padding:0 !important; position:absolute; top:-8px; left:-8px; } #mainScroller.carousel li span .overlay { width:296px; height:33px; background:#FFF; padding:4px 10px 0; position:absolute; top:194px; left:0; } #mainScroller.carousel li span .overlay span { font-size:12px; font-weight:bold; color:#44505d; padding:4px 0 0; display:block; } #mainScroller.carousel li span .overlay img { float:right; } #mainScroller.carousel .controls { text-indent: -5000px; } #mainScroller.carousel .controls a { height: 262px; width: 57px; outline: 0; position: absolute; z-index: 999999; } #mainScroller.carousel .controls a.next { background: url(../images/layup/carouselNext.png) 0px 0px no-repeat; right: -1px; top:0; } #mainScroller.carousel .controls a.previous { background: url(../images/layup/carouselPrevious.png) 0px 0px no-repeat; left: -1px; top:0; } #boxList {} #boxList .box { width:209px; margin:0 20px 25px 0; float:left; } #boxList .end { margin:0 0 25px; } #boxList .box a { text-decoration:none; font-weight:normal; cursor:pointer; display:block; } #boxList .box .thumb { width:209px; height:156px; padding:7px 0 0 5px; margin:0 0 20px; background:url(../images/layup/noImage209x156.gif) no-repeat 7px 5px; display:block; position:relative; } #boxList .box .thumb .frame { position:absolute; left:0; top:0; } #boxList .box .btn { width:37px; height:27px; display:block; float:right; } #boxList .box .title { font-size:12px; color:#44505d; text-transform:uppercase; display:block; } #boxList .box .price { font-size:10px; color:#44505d; font-weight:bold; display:block; } #boxList .box .price span { font-size:12px; color:#00528d; } /* ----- NEW VEHICLE DETAIL ----- */ #newDetail { margin:0 0 35px; } #newDetail #mainImg { width:316px; height:236px; background:url(../images/layup/noImage316x236.gif) no-repeat 8px 8px; padding:8px 0 0 8px; position:relative; } #newDetail #mainImg .frame { position:absolute; left:0; top:0; z-index:9999; } #newDetail #offer { width:316px; height:77px; padding:8px 6px 0 0; margin:0 0 20px; position:relative; float:right; } #newDetail #offer .frame { position:absolute; right:0; top:0; } #newDetail #newOptions { width:339px; height:147px; float:right; clear:right; } #newDetail #newOptions a { display:block; } #newDetail #newOptions span { display:none; } #newDetail #newOptions div { float:left; } #newDetail #newOptions .adviceQuestions a { width:169px; height:73px; background:url(../images/layup/spriteNewOptions.jpg) no-repeat 0 0; } #newDetail #newOptions .requestTestDrive a { width:170px; height:73px; background:url(../images/layup/spriteNewOptions.jpg) no-repeat -169px 0; } #newDetail #newOptions .downloadBrochure a { width:169px; height:74px; background:url(../images/layup/spriteNewOptions.jpg) no-repeat 0 -74px; } #newDetail #newOptions .viewOffers a { width:170px; height:74px; background:url(../images/layup/spriteNewOptions.jpg) no-repeat -169px -74px; } #newDetail #newOptions .adviceQuestions a:hover { background:url(../images/layup/spriteNewOptions.jpg) no-repeat 0 -147px; } #newDetail #newOptions .requestTestDrive a:hover { background:url(../images/layup/spriteNewOptions.jpg) no-repeat -169px -147px; } #newDetail #newOptions .downloadBrochure a:hover { background:url(../images/layup/spriteNewOptions.jpg) no-repeat 0 -221px; } #newDetail #newOptions .viewOffers a:hover { background:url(../images/layup/spriteNewOptions.jpg) no-repeat -169px -221px; } /* ----- USED VEHICLE LISTING ----- */ #list {} #list .listItem { width:675px; background:url(../images/layup/dotsH.gif) left bottom repeat-x; padding:0 0 15px; margin:0 0 15px; } #list .listItem a { width:675px; text-decoration:none; font-weight:normal; cursor:pointer; display:block; } #list .listItem .thumb { width:209px; height:156px; padding:7px 0 0 5px; background:url(../images/layup/noImage209x156.gif) no-repeat 7px 5px; display:block; position:relative; float:left; } #list .listItem .thumb .frame { position:absolute; left:0; top:0; } #list .listItem .modelInfo { width:441px; display:block; float:right; } #list .listItem .modelInfo .model { width:301px; font-size:16px; font-weight:bold; color:#212329; display:block; float:left; } #list .listItem .modelInfo .price { width:130px; font-size:16px; font-weight:bold; color:#912a2a; display:block; float:right; } #list .listItem .modelInfo .detail { width:105px; font-size:11px; color:#000; font-weight:bold; padding:4px 0; display:block; float:left; } #list .listItem .modelInfo .description { width:105px; font-size:11px; color:#000; padding:4px 0; display:block; float:left; } #list .listItem .btns { width:441px; margin:5px 0 0; float:right; } #list .listItem .btns .btnEnquireNow a { width:114px; height:33px; float:right; } #list .listItem .btns .btnSaveCompare a { width:141px; height:33px; margin:0 19px; float:right; } #list .listItem .btns .btnViewFullDetails a { width:145px; height:33px; float:right; } /* ----- USED VEHICLE DETAIL ----- */ #usedDetail {} #usedDetail #mainImg { width:316px; height:236px; padding:8px 0 0 8px; background:url(../images/layup/noImage316x236.gif) no-repeat 8px 8px; position:relative; float:left; } #usedDetail #mainImgPortfolio { width:316px; height:209px; padding:8px 0 0 8px; background:url(../images/layup/noImage316x236.gif) no-repeat 8px 8px; position:relative; float:left; } #usedDetail #mainImg .frame, #usedDetail #mainImgPortfolio .frame { position:absolute; left:0; top:0; } #usedDetail #mainImg .overlay, #usedDetail #mainImgPortfolio .overlay { position:absolute; right:10px; bottom:10px; } #usedDetail #thumbs { width:328px; float:right; } #usedDetail #thumbs .thumb { width:95px; height:62px; padding:7px 7px 0 0; margin:0 0 5px 11px; background:url(../images/layup/noImage95x70.gif) no-repeat 7px -7px; position:relative; float:right; } #usedDetail #thumbs .end { margin:0 0 5px; } #usedDetail #thumbs .thumb .frame { position:absolute; right:0; top:0; } #usedDetail #carLocation { width:337px; height:75px; color:#595959; background:url(../images/layup/vehicleContactBg.jpg) no-repeat left top; float:right; } #usedDetail #carLocation .padding { padding:15px; } #usedDetail #carLocation span { font-size:13px; font-weight:bold; color:#566e8a; } #usedCarOptions { width:675px; height:90px; margin:10px 0 15px 0; } #usedCarOptions a { display:block; } #usedCarOptions span { display:none; } #usedCarOptions div { float:left; } #usedCarOptions .makeEnquiry a { width:172px; height:90px; background:url(../images/layup/spriteUsedOptions.jpg) no-repeat 0 0; } #usedCarOptions .sendFriend a { width:165px; height:90px; background:url(../images/layup/spriteUsedOptions.jpg) no-repeat -172px 0; } #usedCarOptions .printSpecSheet a { width:164px; height:90px; background:url(../images/layup/spriteUsedOptions.jpg) no-repeat -337px 0; } #usedCarOptions .saveCompare a { width:174px; height:90px; background:url(../images/layup/spriteUsedOptions.jpg) no-repeat -501px 0; } #usedCarOptions .makeEnquiry a:hover { background:url(../images/layup/spriteUsedOptions.jpg) no-repeat 0 -90px; } #usedCarOptions .sendFriend a:hover { background:url(../images/layup/spriteUsedOptions.jpg) no-repeat -172px -90px; } #usedCarOptions .printSpecSheet a:hover { background:url(../images/layup/spriteUsedOptions.jpg) no-repeat -337px -90px; } #usedCarOptions .saveCompare a:hover { background:url(../images/layup/spriteUsedOptions.jpg) no-repeat -501px -90px; } #usedSpec { width:407px; float:left; } #usedSpec ul.domHeadings { width:407px; height:45px; background:url(../images/layup/usedSpecTabBg.jpg) no-repeat; padding: 0px; margin: 0px; list-style: none; } #usedSpec ul.domHeadings li { background:none !important; padding:0 !important; float: left; } #usedSpec ul.domHeadings li a { outline:none; display:block; } #usedSpec ul.domHeadings li a span { display:none; } #usedSpec ul.domHeadings li a#carDetails { width:129px; height:45px; background:url(../images/layup/spriteUsedSpec.jpg) no-repeat 0 -45px; } #usedSpec ul.domHeadings li a#specification { width:131px; height:45px; background:url(../images/layup/spriteUsedSpec.jpg) no-repeat -129px -45px; } #usedSpec ul.domHeadings li a#techDetails { width:122px; height:45px; background:url(../images/layup/spriteUsedSpec.jpg) no-repeat -260px -45px; } #usedSpec ul.domHeadings li.active a#carDetails { width:127px; height:45px; background:url(../images/layup/spriteUsedSpec.jpg) no-repeat 0 0; } #usedSpec ul.domHeadings li.active a#specification { width:126px; height:45px; background:url(../images/layup/spriteUsedSpec.jpg) no-repeat -127px 0; } #usedSpec ul.domHeadings li.active a#techDetails { width:124px; height:45px; background:url(../images/layup/spriteUsedSpec.jpg) no-repeat -253px 0; } #usedSpec .domContent { width:407px; background:url(../images/layup/usedSpecBg.jpg) no-repeat left bottom; } #usedSpec .domContent .padding { padding:15px; } #usedSpec .domContent table { margin:0 0 25px; } #usedSpec .domContent table td { width:94px; } #usedSpec .domContent table td.heading { font-weight:bold; } #usedSpec .domContent p { font-size:11px; } #usedSpec .dt1 { display: block; } #financeCalculator { width:256px; height:302px; background:url(../images/layup/financeCalculatorBg.jpg) no-repeat left top; float:right; } #financeCalculator .padding { padding:42px 15px 0 20px !important; } #financeCalculator table { font-size:12px; } #financeCalculator table td { height:29px; font-size:12px; } #financeCalculator table tr.tall td { height:39px; } #relatedVehicles { width:675px; margin:15px 0 0; } #relatedVehicles .title { font-size:16px; color:#646464; text-transform:uppercase; font-weight:bold; margin:0 0 20px; display:block; } #relatedVehicles #boxList {} #relatedVehicles #boxList .box { width:209px; margin:0 16px 0 0; float:left; } #relatedVehicles #boxList .end { margin:0; } #relatedVehicles #boxList .box a { text-decoration:none; font-weight:normal; cursor:pointer; display:block; } #relatedVehicles #boxList .box .thumb { width:209px; height:156px; padding:7px 0 0 5px; margin:0 0 20px; background:url(../images/layup/noImage209x156.gif) no-repeat 7px 5px; display:block; position:relative; } #relatedVehicles #boxList .box .thumb .frame { position:absolute; left:0; top:0; } #relatedVehicles #boxList .box .btn { width:37px; height:27px; display:block; float:right; } #relatedVehicles #boxList .box .title { font-size:12px; color:#44505d; text-transform:uppercase; margin:0; display:block; } #relatedVehicles #boxList .box .price { font-size:10px; color:#44505d; font-weight:bold; display:block; } #relatedVehicles #boxList .box .price span { font-size:12px; color:#00528d; } /* ----- OFFERS LISTING ----- */ #offers {} #offers ul.domHeadings { width:675px; height:53px; background:url(../images/layup/offerTabsBg.jpg) no-repeat left top; padding: 0px; margin: 0px; list-style: none; } #offers ul.domHeadings li { background:none !important; padding:0 !important; float: left; } #offers ul.domHeadings li a { outline:none; padding:0; display: block; } #offers ul.domHeadings li a span { display:none; } #offers ul.domHeadings li a#newCarOffers { width:150px; height:53px; background:url(../images/layup/spriteOffersTabs.jpg) no-repeat 0 0; } #offers ul.domHeadings li a#usedCarOffers { width:155px; height:53px; background:url(../images/layup/spriteOffersTabs.jpg) no-repeat -150px 0; } #offers ul.domHeadings li a#afterSalesOffers { width:175px; height:53px; background:url(../images/layup/spriteOffersTabs.jpg) no-repeat -305px 0; } #offers ul.domHeadings li.active a#newCarOffers { background:url(../images/layup/spriteOffersTabs.jpg) no-repeat 0 -53px; } #offers ul.domHeadings li.active a#usedCarOffers { background:url(../images/layup/spriteOffersTabs.jpg) no-repeat -150px -53px; } #offers ul.domHeadings li.active a#afterSalesOffers { background:url(../images/layup/spriteOffersTabs.jpg) no-repeat -305px -53px; } #offers .dt1 { display: block; } #offers .domContent {} #offers .domContent #list {} #offers .domContent #list .listItem { width:675px; height:163px; background:none !important; margin:0 0 25px; } #offers .domContent #list .listItem a { font-weight:normal; text-decoration:none; cursor:pointer; display:block; } #offers .domContent #list .thumb { width:669px; height:163px; padding:5px 0 0 5px; background:url(../images/layup/noImage669x163.gif) no-repeat 5px 5px; display:block; position:relative; } #offers .domContent #list .thumb .frame { position:absolute; top:0; left:0; } #offers .domContent #list .thumb .overlay { position:absolute; bottom:-7px; left:-2px; } /* ----- OFFERS DETAIL ----- */ #offersDetail {} #offersDetail #mainImg { width:669px; height:163px; padding:5px 0 0 5px; margin:0 0 20px; background:url(../images/layup/noImage669x163.gif) no-repeat 5px 5px; display:block; position:relative; } #offersDetail #mainImg .frame { position:absolute; top:0; left:0; z-index:100; } #offersDetail .leftCol { width:302px; float:left; } #offersDetail .rightCol { width:332px; background:url(../images/layup/offersDetailSeparator.gif) no-repeat left top; padding:0 0 0 20px; float:right; } #offersDetail #frmOffers {} #offersDetail #frmOffers div { margin:0 0 10px 0; } #offersDetail #frmOffers label { width:101px; font-size:12px; color:#1b1b1b; } #offersDetail #frmOffers .required { color:#1b1b1b; } #offersDetail #frmOffers select { border:1px solid #c5c1c1; } #offersDetail #frmOffers input, #offersDetail #frmOffers textarea { width:221px; border:1px solid #c5c1c1; } #offersDetail #frmOffers .checkRadio { border:none; } #offersDetail #frmOffers #submit { width:79px; height:33px; border:none; float:right } #offersDetail #frmOffers input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } #offersDetail #frmOffers input.validation-failed, #offersDetail #frmOffers textarea.validation-failed, #offersDetail #frmOffers select.validation-failed { border: 1px solid #CC0033; color : #FF3300; } #offersDetail #frmOffers input.validation-passed, #offersDetail #frmOffers textarea.validation-passed, #offersDetail #frmOffers select.validation-passed { color :#000; } #offersDetail #frmOffers .validation-advice { width:332px; margin: 5px 0; padding: 5px; background-color: #004c83; color : #FFF; font-weight: bold; } #relatedOffers {} #relatedOffers .thumb { width:316px; height:77px; padding:8px 0 0 6px; margin:0 0 25px; background:url(../images/layup/noImage316x77.gif) no-repeat 8px 6px; position:relative; } #relatedOffers .thumb a { cursor:pointer; display:block; } #relatedOffers .thumb .frame { position:absolute; left:0; top:0; } /* ----- CONTACT US ----- */ #contactUs {} #contactUs #mapContainer { width:332px; height:252px; margin:0 0 27px; position:relative; float:left; } #contactUs #mapContainer #map { width:316px; height:236px; position:relative; z-index:5; padding:8px; } #contactUs #mapContainer .frameL { position:absolute; left:0; bottom:10px; z-index:10; } #contactUs #mapContainer .frameT { position:absolute; left:0; top:0; z-index:10; } #contactUs #mapContainer .frameR { position:absolute; right:0; top:0; z-index:10; } #contactUs #mapContainer .frameB { position:absolute; right:0; bottom:0; z-index:10; } #contactUs #mapContainer #map #postcodeEnter { width:316px; position:absolute; left:10px; top:207px; } #contactUs #mapContainer #map div { float:left; } #contactUs #mapContainer #map input { width:147px; margin:0 8px; } #contactUs #mapContainer #map #btnGetDirections { width:128px; height:26px; } #contactUs #dealerImg { width:316px; height:236px; padding:8px 8px 0 0; margin:0 0 27px; position:relative; float:right; } #contactUs #dealerImg .frame { position:absolute; right:0; top:0; } #contactUs .divider { width:675px; height:2px; margin:0 0 22px; } .boxSmall { width:323px; color:#8d8c8c; margin:0 0 32px; } .boxSmall .title { width:323px; height:46px; } .boxSmall .content { width:323px; height:209px; background:url(../images/layup/contactBoxBg.jpg) no-repeat left top; } .boxSmall .padding { padding:10px 17px 0 16px !important; } .boxSmall span { font-size:16px; font-weight:bold; color:#8b8b8b; display:block; } .boxSmall address { font-size:12px; padding:0 0 19px; } .boxSmall table { margin:0 0 19px; } .boxSmall table tr td { font-size:12px; } .boxLarge { width:675px; font-size:12px; color:#8d8c8c; margin:0 0 28px; } .boxLarge .title { width:675px; height:46px; } .boxLarge .content { width:675px; height:304px; background:url(../images/layup/contactBoxLargeBg.jpg) no-repeat left top; } .boxLarge .padding { padding:15px 18px !important; } .boxLarge #frmContact { padding:20px 0 0; } .boxLarge #frmContact label { width:155px; } .boxLarge #frmContact .required { color:#000000; } .boxLarge #frmContact #submit { float:right; } #contactForm #frmContact { padding:20px 0 0; } #contactForm #frmContact label { width:155px; } #contactForm #frmContact input { width:145px; } #contactForm #frmContact .required { color:#000000; } #contactForm #frmContact #submit { width:79px; height:33px; border:none; float:right; } /* ----- CMS IMAGE ----- */ .cmsImage { margin: 0px 0px 15px 15px; position:relative; float: right; } .cmsImage img {} .cmsImage .frame { position:absolute; left:-8px; top:-8px; z-index:200; } /* ----- 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;} .largeSize { width:640px !important; height:418px !important; } .midSize { width:316px !important; height:206px !important; } .smallSize { width:209px !important; height:136px !important; } .thumbSize { width:95px !important; height:62px !important; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { font-size:18px; color:#003d69; font-weight:bold; margin:0; padding:0 0 10px 0; } h1 { text-transform:uppercase; } h2 { font-size:16px; font-weight:normal; } p { font-size:12px; padding:0 0 10px 0; margin:0; } /* ----- TOP NAVIGATION ----- */ #primaryNav { width:960px; height:43px; background:url(../images/layup/navBg.gif) no-repeat; margin: 0px 0px 31px 0px; } #primaryNav ul { list-style: none; margin: 0px; padding: 0px; } #primaryNav li { background:url(../images/layup/navSeparator.gif) no-repeat right top; padding: 0px 5px; float: left; } #primaryNav li.end { background:none; } #primaryNav li a { font-size:12px; font-weight:normal; color: #FFFFFF; text-decoration: none; outline:none; display: block; } #primaryNav li a span { padding: 10px 16px 11px; display:block; } #primaryNav li a:hover, #primaryNav li a.active { color:#004c83; background:url(../images/layup/navHoverRight.gif) no-repeat right top; } #primaryNav li a.active { font-weight:bold; } #primaryNav li a:hover span, #primaryNav li a.active span { background:url(../images/layup/navHoverLeft.gif) no-repeat left top; } #primaryNav li.thaDrop a:hover { background:url(../images/layup/navDropRight.gif) right top no-repeat; position: relative; z-index: 999999; } #primaryNav li.thaDrop a:hover span { background: url(../images/layup/navDropLeft.gif) left top no-repeat; } /* ----- DROPDOWN NAV ----- */ #primaryNav ul li ul { background:url(../images/layup/navDropBg.gif) left top no-repeat; position: absolute; left: -999em; z-index:999; } #primaryNav ul li:hover ul, #primaryNav ul li.sfhover ul { width:162px; left: auto; padding: 0px 0px 0px 0px; margin: -3px 0px 0px 0px; display: block; } #primaryNav ul li:hover ul li, #primaryNav ul li.sfhover ul li { width: 135px; height: 20px; background:url(../images/layup/navDropSeparator.gif) no-repeat left bottom; padding:5px 0; margin:0 0 0 14px; display: block; zoom:1; } #primaryNav ul li:hover ul li a, #primaryNav ul li.sfhover ul li a { font-size:11px; font-weight:bold; text-transform:uppercase; color:#747474; padding:4px 0; margin: 0px; } #primaryNav ul li:hover ul li a:hover, #primaryNav ul li.sfhover ul li a:hover { color:#004c83; background:url(../images/layup/navDropHover.gif) right no-repeat; } #primaryNav ul li:hover ul li.bottom, #primaryNav ul li.sfhover ul li.bottom { width:162px; height:17px; background:none; padding:0; margin:0; display: block; position:relative; top:17px; } #primaryNav li.thaDrop a.activedropdown { color:#004c83; background:url(../images/layup/navDropRight.gif) right top no-repeat; position: relative; z-index: 999999; } #primaryNav li.thaDrop a.activedropdown span { background: url(../images/layup/navDropLeft.gif) left top no-repeat; } /* ----- BULLETS ------ */ ul { list-style:none; padding:10px 0 10px 10px; margin:0 0 0 10px; zoom:1; } ul li { font-size:12px; background:url(../images/layup/bulletSquare.gif) no-repeat 0 6px; padding:3px 0 3px 20px; /*position:relative;*/ } /* ----- 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 11px no-repeat; padding:6px 0 5px 15px;} /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #breadcrumbs { height:35px; line-height: normal; padding:0 10px; } #breadcrumbs a { font-size:12px; color:#004c83; font-weight: normal; text-decoration: none; padding: 0 5px 4px 0px; float: left; } #breadcrumbs a:hover { text-decoration:underline; } #breadcrumbs img { display:inline; } #breadcrumbs span { font-size:12px; font-weight:bold; color:#004c83; background:url(../images/layup/breadcrumbsSeparator.jpg) no-repeat 0 3px; padding:2px 0 0 19px; } #breadcrumbs .btnBack { padding: 0px; float: right; } #breadcrumbs .btnBack a { font-weight:bold; background:url(../images/layup/backBtn.jpg) no-repeat 0 1px; padding:0 0 0 20px; } #breadcrumbs .btnBack a:hover { text-decoration:underline; } #pagination { width:675px; height:31px; background:url(../images/layup/dotsH.gif) repeat-x left bottom; margin:-10px 0 15px 0; padding:0 0 0px; } #pagination div { float:left; } #pagination select { margin:0 0 0 10px; } #pagination .resultsFound { width:143px; font-size:12px; padding:3px 5px 0 0; float:left; } #pagination .sortBy { width:176px; font-size:12px; padding:2px 0 0 0; margin:0 5px 0 0; float:left;} #pagination .sortBy select { width:123px; } #pagination .pageSelect { font-size:12px; color:#adadad; padding:3px 0 0; float:right; } #pagination .pageSelect a { font-size:12px; color:#adadad; text-decoration:none; margin:0 1px 0 1px; padding:2px 5px 0 5px; } #pagination .pageSelect a.active, #pagination .pageSelect #previous, #pagination .pageSelect #next { color:#004c83; } /* ----- FOOTER ----- */ #footer { height:68px; margin-top:-68px; background:url(../images/layup/footerBg.jpg) repeat center top; } #footer #footerInner { width:960px; color:#FFF; margin:0 auto; position:relative; } #footer .padding { padding:20px 0 0 0; } #footer a { font-size:11px; color:#FFF; font-weight:normal; text-decoration:none;} #footer a:hover { text-decoration:underline; } #footer p { font-size:11px; } /* ----- 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:260px; color:#8d8c8c; float:left; } input, textarea { width:200px; color:#8d8c8c; font-size:11px !important;} .required { color:#000000; } .checkRadio { width:20px; position:relative; left:-7px;} #frmContact { margin-bottom:15px;} #frmContact p { padding:7px 0;} #frmContact select { width:204px; color:#8d8c8c; } #frmContact div { margin-bottom:10px;} #submit { width:79px; height:33px; border:none;} /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #F00; color : #000; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { display:none !important; } /* ----- 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;} /* ----- 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; }*/