/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : Matt Mumford / matt.mumford@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Alex Lawrie Skoda site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ html {height:100%;} body { height:100%; font:62.5%/1.6 verdana, helvetica, sans-serif; margin:0; padding:0; background: url(../images/layup/bodyBg.jpg) top center no-repeat #ffffff ; color:#000000; text-align:left; } /* This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text. Declaring the font size in pixels makes it more consistent across browsers. */ td, textarea, input, select { font:100% verdana, helvetica, sans-serif; } html>body td, html>body textarea, html>body input, html>body select { font-size:11px; } /* some browsers don't inherit the font into tables or textareas! */ /* ----- IDS ----- */ #container { min-height:100%; width:960px; padding:0; margin:0 auto; text-align:left; font-size:110%; line-height: normal; } * html #container{height: 100%; } #printHeader { display:none;} #header { height: 88px; position: relative; } #header #logo { position: absolute; top: 33px; left: 10px; } #header #contactDetails { position: absolute; top: 7px; right: 104px; } #header #contactDetails #number { position:absolute; top: 13px; right:-55px; color:#fff; font-weight:bold; font-size:16px; width:180px; } #header #badge { position: absolute; top: 7px; right: 0px; } /* ----- LEFT COLUMN ----- */ #leftCol { float: left; width: 250px; } #leftCol .box { margin: 0 0 10px 10px;} #leftCol .usedCarSearch { width:249px; height:244px; background:url(../images/layup/usedSearchBg.jpg) left top no-repeat; margin:0px;} #leftCol .usedCarSearch .padding { padding:60px 25px 0 25px; } #leftCol .usedCarSearch select { width:100%; margin-bottom:10px; border:1px solid #979797; padding:1px 0px} #leftCol .usedCarSearch #usedSearchBtns { padding-top:10px; } #leftCol .usedCarSearch #btnUsedSearch { width:104px; height:34px; } #leftCol .stockUpdates { margin:28px 0 10px 10px; } #leftCol .saveCompare { width:215px; height:80px; color:#646464; padding:90px 0 0 15px; background:url(../images/layup/saveCompareBg.gif) no-repeat; } #leftCol .saveCompare a {color:#646464; text-decoration:none;} #leftCol .saveCompare .thumb { width:63px; height:48px; margin-right:5px; float:left; display:block; background:url(../images/layup/noImage59x44.gif) 2px 2px no-repeat; position:relative; } #leftCol .saveCompare .thumb .frame { position:absolute; left:0px; top:0px; } /* ----- RIGHT COLUMN HOMEPAGE STYLES----- */ #rightColHome { float: right; width: 710px; } #rightColHome #banner { height:244px; width:710px; float:right; display:inline; background:url(../images/layup/homeBannerBg.jpg) no-repeat; } #rightColHome #bannerInner {height:234px; width:630px; position:relative; overflow:hidden; padding:5px 28px 5px 29px; } #rightColHome #banner .advertContain { width:2000px; height:230px; overflow:hidden; position:relative; } #rightColHome #banner .advert { width:466px; height:230px; display:block; position:relative; float:left; margin-right:20px; } #rightColHome #banner .advert .frame { position:absolute; left:0px; top:0px; } #rightColHome #banner .advertContain .controls .next { position:absolute; height:235px; width:41px; overflow:hidden; left:0px; z-index:999; } #rightColHome #banner .advertContain .controls a.next {text-indent:-5000px; display:block; left:0px; top:0px; position:absolute; background:url("../images/layup/leftArrow.png") no-repeat scroll 0 0 transparent; } #rightColHome #banner .advertContain .controls a.next:hover { background-position: 0 -235px;} #rightColHome #banner .advertContain .controls .previous { position:absolute; height:235px; width:41px; overflow:hidden; left:617px; z-index:999; background:url("../images/layup/rightArrow.png") no-repeat scroll 0 0 transparent; } #rightColHome #banner .advertContain .controls a.previous {text-indent:-5000px;} #rightColHome #banner .advertContain .controls a.previous:hover { background-position: 0 -235px; } /* ----- RIGHT COLUMN INTERNAL STYLES----- */ #rightCol { float: right; width: 686px; padding-top:5px; margin-right:10px; background:url(../images/layup/rightColInternalTop.jpg) 0 0 no-repeat #fff; } #rightCol .padding { padding:0 15px 0 14px; color:#212121; } #rightCol .small { padding:0 5px; color:#212121; } #options { float:right; clear:right; width:324px; margin: 0px 0px 10px 15px; } #options a { display:block; } #options a#bookService { height:46px; background:url(../images/layup/spriteBookService.gif) 0 0 no-repeat; } #options a#bookService:hover { background:url(../images/layup/spriteBookService.gif) 0 -46px no-repeat; } #options a#viewCurrent { height:46px; background:url(../images/layup/spriteViewCurrentOffers.gif) 0 0 no-repeat; } #options a#viewCurrent:hover { background:url(../images/layup/spriteViewCurrentOffers.gif) 0 -46px no-repeat; } /* ----- UL STYLES -----*/ .classicList { margin:20px 0 0 0; padding:0; } .classicList li { list-style:none; background:url(../images/layup/listBg.gif) left 5px no-repeat; padding-left:15px; width:200px; float:left; padding-bottom:10px; } /* ----- TABLE STYLES ----- */ .classicTable { background:#dadada; margin-top:20px; margin-bottom:20px;} .classicTable thead { background:#007d4d; } .classicTable thead td { font-weight:bold; font-size:12px; color:#fff; } .classicTable td { padding:10px 0 10px 10px; border:1px solid #fff; } .classicTable tr.altRow { background:#e7e7e7; } #homeJumps { width:510px; margin-left:10px; margin-top:28px; float:left; } #homeJumps div {float:left; } #homeJumps #newSkodas { float:right; } #featuredCar { width:430px; cursor:pointer; padding:13px 0 0 0; float:left; background:url(../images/layup/featuredCarBg.gif) no-repeat; height:161px; margin-top:28px; } #featuredCar #count { float:right; margin-right:10px; height:20px; } #featuredCar #count .arrow { float:left; } #featuredCar a { text-decoration:none; } #featuredCar .photo { float:left; display:inline; width:155px; height:101px; background:url(../images/layup/noImage155x101.gif) no-repeat; position:relative; margin:15px 10px 0 10px; } #featuredCar .photo .frame { position:absolute; left:0px; top:0px; } #featuredCar .desc { float:left; margin-top:15px; padding-top:10px; display:block; width:245px; border-top: 1px solid #dcdedd; } #featuredCar .desc .title { font-weight:bold; font-size:14px; color:#252525; display:block; margin-bottom:5px; } #featuredCar .desc td { padding:1px 0; } #featuredCar .desc table { margin-bottom:10px; } #featuredCar .desc .price { font-weight:bold; font-size:14px; color:#009d61; display:block; float:left; } #secondaryJumps { margin:0 0 0 15px; } #secondaryJumps a { font-weight:normal; text-decoration:none; display:block; float:left; width:186px; height:109px; margin-top:30px; margin-bottom:30px; } #secondaryJumps a span { color:#5e5e5e; padding:36px 16px 0; line-height:1.1; display:block; } #secondaryJumps a#liveChat { background:url(../images/layup/spriteSecondaryJumps.gif) 0 0 no-repeat; } #secondaryJumps a#liveChat:hover { background:url(../images/layup/spriteSecondaryJumps.gif) 0 -109px no-repeat; } #secondaryJumps a#serviceBooking { background:url(../images/layup/spriteSecondaryJumps.gif) -186px 0 no-repeat; } #secondaryJumps a#serviceBooking:hover { background:url(../images/layup/spriteSecondaryJumps.gif) -186px -109px no-repeat; } #secondaryJumps a#privateHire { background:url(../images/layup/spriteSecondaryJumps.gif) -372px 0 no-repeat; } #secondaryJumps a#privateHire:hover { background:url(../images/layup/spriteSecondaryJumps.gif) -372px -109px no-repeat; } #secondaryJumps a#motorsports { background:url(../images/layup/spriteSecondaryJumps.gif) -558px 0 no-repeat; } #secondaryJumps a#motorsports:hover { background:url(../images/layup/spriteSecondaryJumps.gif) -558px -109px no-repeat; } #secondaryJumps a#motability { background:url(../images/layup/spriteSecondaryJumps.gif) -744px 0 no-repeat; } #secondaryJumps a#motability:hover { background:url(../images/layup/spriteSecondaryJumps.gif) -744px -109px no-repeat; } #secondaryJumps #liveChatSprite { width:186px; margin-top:30px; height:109px; overflow:hidden; position:relative; float:left; } #secondaryJumps #liveChatSprite a { display:block; position:absolute; top:0px; left:0px; } #secondaryJumps #liveChatSprite a:hover { top:-109px; background:url(../images/layup/ie6LinkFix.gif); } #mainContent { padding:15px; color:#424242;} /* ----- CMS IMAGE ----- */ .cmsImage { float: right; margin: 0px 0px 10px 15px; width:326px; height:245px; position:relative; background:url(../images/layup/noImage316x235.gif) no-repeat 4px 4px; } .cmsImage img { position:absolute; left:4px; top:4px;} .cmsImage .frame { position:absolute; left:0px; top:0px; z-index:999; } .cmsImage #zoom {position:absolute; left:265px; top:194px; cursor:pointer; z-index:999999; } /* ----- BOX LIST ----- */ #boxList {} #boxList .box { width:207px; position:relative; height:206px; float:left; margin:0 17px 17px 0; } #boxList .box.last { margin-right:0px !important; } #boxList a { text-decoration:none !important; } #boxList .box a { display: block; text-decoration:none !important; } #boxList .box .thumb { display: block; position:relative; padding:5px; width:197px; height:150px; background:url(../images/layup/noImage197x146.gif) no-repeat 5px 5px;} #boxList .box .thumb .frame { display: block; position:absolute; top:0px; left:0px; } #boxList .box .title { display: block; font-size:13px; font-weight:bold; color:#01935b; width:160px; padding-left:5px; } #boxList .box .title a { text-decoration:none !important ; } #boxList .box .title .model { display: block; font-size:16px; display:block; color:#01935b; } #boxList .box .title .type { display: block; color:#3a3a3a; font-size:12px; font-weight:normal; } #boxList .box .title .price { display: block; color:#3a3a3a; font-size:12px; font-weight:normal; } #boxList .box .offer { position:absolute; left:-2px; top:-2px; } /* ----- NEW CAR DETAILS ----- */ .newCarPrice { float:right; font-size:15px; color:#2e2e2e; } .tabContent { width:676px; background:url(../images/layup/tabContainBg.gif) repeat-y; margin-bottom:15px; } .tabContent ul.domHeadings li a { height:72px; } .tabContent ul.domHeadings li a#tabDetails { width:131px; background:url(../images/layup/spriteNewCarTabs.gif) 0 0 no-repeat; } .tabContent ul.domHeadings li a#tabEnquiry { width:126px; background:url(../images/layup/spriteNewCarTabs.gif) -131px 0 no-repeat; } .tabContent ul.domHeadings li a#tabValue { width:114px; background:url(../images/layup/spriteNewCarTabs.gif) -257px 0 no-repeat; } .tabContent ul.domHeadings li a#tabTestDrive { width:149px; background:url(../images/layup/spriteNewCarTabs.gif) -371px 0 no-repeat; } .tabContent ul.domHeadings li a#tabBrochure { width:156px; background:url(../images/layup/spriteNewCarTabs.gif) -520px 0 no-repeat; } .tabContent ul.domHeadings li a#tabDetails:hover { background:url(../images/layup/spriteNewCarTabs.gif) 0 -72px no-repeat; } .tabContent ul.domHeadings li a#tabEnquiry:hover { background:url(../images/layup/spriteNewCarTabs.gif) -131px -72px no-repeat; } .tabContent ul.domHeadings li a#tabValue:hover { background:url(../images/layup/spriteNewCarTabs.gif) -257px -72px no-repeat; } .tabContent ul.domHeadings li a#tabTestDrive:hover { background:url(../images/layup/spriteNewCarTabs.gif) -371px -72px no-repeat; } .tabContent ul.domHeadings li a#tabBrochure:hover { background:url(../images/layup/spriteNewCarTabs.gif) -520px -72px no-repeat; } .tabContent ul.domHeadings li.active a#tabDetails { background:url(../images/layup/spriteNewCarTabs.gif) 0 -72px no-repeat; } .tabContent ul.domHeadings li.active a#tabEnquiry { background:url(../images/layup/spriteNewCarTabs.gif) -131px -72px no-repeat; } .tabContent ul.domHeadings li.active a#tabValue { background:url(../images/layup/spriteNewCarTabs.gif) -257px -72px no-repeat; } .tabContent ul.domHeadings li.active a#tabTestDrive { background:url(../images/layup/spriteNewCarTabs.gif) -371px -72px no-repeat; } .tabContent ul.domHeadings li.active a#tabBrochure { background:url(../images/layup/spriteNewCarTabs.gif) -520px -72px no-repeat; } .tabContent .domContent { padding:10px 20px; } .requiredNote { color:#01935b; float:right; font-size:15px; } .formSection { background:#ebebeb; width:313px; } .formSection .inner { padding:10px 15px 0px 15px; height:150px;} .formSection div { margin-bottom:10px; float:left; width:283px; } .formSection label { width:100px; float:left; text-align:right; font-size:12px; color:#7c7c7c; } .formSection input { width:170px; float:right; border:1px solid #979797; height:15px; } .formSection select { width:174px; float:right; height:20px;} .formSectionFullWidth { float:left; margin-top:20px; background:url(../images/layup/fullWidthFormTop.gif) no-repeat #ebebeb; width:618px; padding:10px 9px 0; } .formSectionFullWidth div { margin-bottom: 6px; } /*---- Full width background for use when the form is NOT inside a tab ---- */ .formSectionFullWidthNoTab { float:left; margin-top:20px; background:url(../images/layup/fullWidthFormTopNoTab.gif) no-repeat #ebebeb; width:637px; padding:10px 9px 0; } /* ----- LIST ----- */ .sortContain { border-bottom:1px solid #dbdbdb; padding-bottom:10px; margin-bottom:10px; color:#b3b3b3; } .sortContain.bottom { border-bottom:none; border-top:1px solid #dbdbdb; padding-top:10px; } .sortContain .carsFound { width:200px; float:left; } .sortContain .sort { float:left; width:200px; } .sortContain .sort label { font-size:11px; font-weight:bold; float:left; width:50px; color:#b3b3b3;} .sortContain .sort select { float:left; } #list {} #list .listItem { width:656px; background:url(../images/layup/listItemBg.gif) 0 0 repeat-y; margin-bottom:15px; } #list .listItem .padding { padding:4px; } #list .listItem a { display: block; text-decoration:none; } #list .listItem .thumb { display: block; float:left; width:218px; height:142px; position:relative; background:url(../images/layup/noImage216x162.gif) 1px 0px no-repeat; } #list .listItem .thumb .frame { display: block; position:absolute; left:0px; top:0px;} #list .listItem .thumb .offerBanner { display:block; position:absolute; top:-7px; left:-7px; } #list .listItem .title { display: block; color:#363636; font-size:14px; font-weight:bold; padding-bottom:20px; } #list .listItem .description { display: block; float:right; position:relative; height:144px; width:396px; padding:10px 15px; background:url(../images/layup/listItemDescBg.gif) top left no-repeat #fff; } #list .listItem .description .price { position:absolute; right:12px; top:-9px; width:150px; height:50px; } #list .listItem .description .price .wasPrice { width:71px; height:49px; float:left; text-align:center; text-decoration:none; color:#363636; padding-top:13px; } #list .listItem .description .price .usedPrice { width:79px; height:56px; float:right; padding-top:6px; background:url(../images/layup/usedPriceBg.jpg) no-repeat; text-align:center; color:#fff; font-size:14px; font-weight:bold;} #list .listItem .description td { color:#4f4f4f; font-size:11px; padding:4px 0px; } #list .listItem .description p { color:#131313; padding:0 0 4px 0px;} #list .listItem .description .posted { color:#a4a4a4; text-transform:uppercase; } #list .listItem .btnContain { display: block; position:absolute; top:124px; left:260px; z-index:999999; width:160px; } #list .listItem .btnContain .btn { float:right; margin-right:10px; display:block; z-index:999999; } #list .listItem .btnContain .btn.last { margin-right:0px !important; } /* news with image */ #list.news1 .listItem, #list.news2 .listItem { width: 636px; background:url(../images/layup/listItemBg2.gif) 0 0 repeat-y; } #list.news1 .listItem .description { width: 376px; background:url(../images/layup/listItemDescBg2.gif) top left no-repeat #fff; } #list.news2 .listItem .description { width: 598px; background:url(../images/layup/listItemDescBg3.gif) top left no-repeat #fff; } #list.news1 .listItem .btnContain { width: 138px; } #list.news2 .listItem .btnContain { width: 138px; left: 480px; } /* ----- USED CAR DETAIL ----- */ #usedCarInfo { } #usedCarInfo #usedPrice { float:right; width:220px; } #usedCarInfo #usedPrice .was { float:right; color:#6c6c6c; font-size:11px; padding-right:10px; border-right:1px solid #dcdcdc; margin-right:10px; } #usedCarInfo #usedPrice .now { float:right; color:#01935b; font-size:11px; } #usedCarInfo #title { width:430px; } #usedCarInfo #location { width:430px; color:#7c7c7c; font-size:11px; margin-bottom:10px; } #usedCarInfo #location .bold { font-weight:bold; font-size:14px; } #usedCarBanner { float: right; width: 654px; margin-bottom:15px; } #usedCarBanner #banner { height:244px; width:654px; float:right; display:inline; } #usedCarBanner #bannerInner {height:241px; width:654px; position:relative; overflow:hidden; padding:5px 0px 5px 0px; } #usedCarBanner #banner .photoContain { width:2000px; height:241px; overflow:hidden; position:relative; } #usedCarBanner #banner .photo { width:320px; height:209px; padding:5px 0 0 5px; display:block; position:relative; float:left; margin-right:20px; background:url(../images/layup/noImage310x231.gif) 5px 5px no-repeat; } #usedCarBanner #banner .photo .frame { position:absolute; left:0px; top:0px; } #usedCarBanner #banner .photo .zoom { position:absolute; bottom:0px; right:18px; } #usedCarBanner #banner .photoContain #leftArrow { position:absolute; height:235px; width:41px; overflow:hidden; left:0px; z-index:90; } #usedCarBanner #banner .photoContain #leftArrow a { display:block; left:0px; top:0px; position:absolute; } #usedCarBanner #banner .photoContain #leftArrow a:hover { position:absolute; left:0px; top:-235px; background:url(../images/layup/ie6LinkFix.gif) repeat; } #usedCarBanner #banner .photoContain #rightArrow { position:absolute; height:235px; width:41px; overflow:hidden; left:617px; z-index:90; } #usedCarBanner #banner .photoContain #rightArrow a { display:block; left:0px; top:0px; position:absolute; } #usedCarBanner #banner .photoContain #rightArrow a:hover { position:absolute; left:0; top:-235px; background:url(../images/layup/ie6LinkFix.gif) repeat; } #usedCarBanner #banner .photoContain #mediumContainer { position: absolute; top: 0px; left: 5px; width: 2000px; } .tabContent ul.domHeadings li a#tabUsedDetails { width:134px; background:url(../images/layup/spriteUsedCarTabs.gif) 0 0 no-repeat; } .tabContent ul.domHeadings li a#tabUsedEnquiry { width:132px; background:url(../images/layup/spriteUsedCarTabs.gif) -134px 0 no-repeat; } .tabContent ul.domHeadings li a#tabUsedValue { width:122px; background:url(../images/layup/spriteUsedCarTabs.gif) -266px 0 no-repeat; } .tabContent ul.domHeadings li a#tabMakeOffer { width:139px; background:url(../images/layup/spriteUsedCarTabs.gif) -388px 0 no-repeat; } .tabContent ul.domHeadings li a#tabSendTo { width:149px; background:url(../images/layup/spriteUsedCarTabs.gif) -527px 0 no-repeat; } .tabContent ul.domHeadings li a#tabUsedDetails:hover { background:url(../images/layup/spriteUsedCarTabs.gif) 0 -72px no-repeat; } .tabContent ul.domHeadings li a#tabUsedEnquiry:hover { background:url(../images/layup/spriteUsedCarTabs.gif) -134px -72px no-repeat; } .tabContent ul.domHeadings li a#tabUsedValue:hover { background:url(../images/layup/spriteUsedCarTabs.gif) -266px -72px no-repeat; } .tabContent ul.domHeadings li a#tabMakeOffer:hover { background:url(../images/layup/spriteUsedCarTabs.gif) -388px -72px no-repeat; } .tabContent ul.domHeadings li a#tabSendTo:hover { background:url(../images/layup/spriteUsedCarTabs.gif) -527px -72px no-repeat; } .tabContent ul.domHeadings li.active a#tabUsedDetails { background:url(../images/layup/spriteUsedCarTabs.gif) 0 -72px no-repeat; } .tabContent ul.domHeadings li.active a#tabUsedEnquiry { background:url(../images/layup/spriteUsedCarTabs.gif) -134px -72px no-repeat; } .tabContent ul.domHeadings li.active a#tabUsedValue { background:url(../images/layup/spriteUsedCarTabs.gif) -266px -72px no-repeat; } .tabContent ul.domHeadings li.active a#tabMakeOffer { background:url(../images/layup/spriteUsedCarTabs.gif) -388px -72px no-repeat; } .tabContent ul.domHeadings li.active a#tabSendTo { background:url(../images/layup/spriteUsedCarTabs.gif) -527px -72px no-repeat; } #usedJumps {} #usedJumps .btn { float:left; margin-right:13px; margin-bottom:15px; } #usedJumps .btn.last { margin-right:0px !important; } #usedDetailTabContain { width:359px; background:#ebebeb; float:left; } #usedDetailTabContain .domTabs { padding:0;} #usedDetailTabContain ul.domHeadings li a { height:52px !important; } #usedDetailTabContain ul.domHeadings li a#tabSpec { width:126px; background:url(../images/layup/spriteUsedDetailsTabs.gif) 0 0 no-repeat; } #usedDetailTabContain ul.domHeadings li a#tabDesc { width:106px; background:url(../images/layup/spriteUsedDetailsTabs.gif) -126px 0 no-repeat; } #usedDetailTabContain ul.domHeadings li a#tabWarranty { width:127px; background:url(../images/layup/spriteUsedDetailsTabs.gif) -232px 0 no-repeat; } #usedDetailTabContain ul.domHeadings li a#tabSpec:hover { width:126px; background:url(../images/layup/spriteUsedDetailsTabs.gif) 0 -52px no-repeat; } #usedDetailTabContain ul.domHeadings li a#tabDesc:hover { width:106px; background:url(../images/layup/spriteUsedDetailsTabs.gif) -126px -52px no-repeat; } #usedDetailTabContain ul.domHeadings li a#tabWarranty:hover { width:127px; background:url(../images/layup/spriteUsedDetailsTabs.gif) -232px -52px no-repeat; } #usedDetailTabContain ul.domHeadings li.active a#tabSpec { width:126px; background:url(../images/layup/spriteUsedDetailsTabs.gif) 0 -52px no-repeat; } #usedDetailTabContain ul.domHeadings li.active a#tabDesc { width:106px; background:url(../images/layup/spriteUsedDetailsTabs.gif) -126px -52px no-repeat; } #usedDetailTabContain ul.domHeadings li.active a#tabWarranty { width:127px; background:url(../images/layup/spriteUsedDetailsTabs.gif) -232px -52px no-repeat; } #usedDetailTabContain .domContent { padding:10px 10px 10px 10px; } #usedDetailTabContain .domContent td { padding:10px 0; } #usedDetailTabContain .domContent tr { background:url(../images/layup/trBg.gif) bottom left repeat-x; } #financeCalc { float:right; width:263px; background:url(../images/layup/financeCalcTop.gif) left top no-repeat #ebebeb; padding-top:50px;} #financeCalc .padding { padding:0 10px 10px; } #financeCalc table { width:243px; } #financeCalc table td { padding:4px 4px 3px; color:#7c7c7c; text-align:right; } #financeCalc input { width:74px; float:right;} #financeCalc select { width:78px; } .illustrationOnly { float:right; color:#a3a3a3; font-weight:bold; font-size:9px; } #usedCarPhoto .enlarge { position: absolute; } #usedCarPhoto .special { position: absolute; } #relatedVehicles { width:676px; background:url(../images/layup/tabContainBg.gif) repeat-y; } #relatedVehicles .padding { padding:5px 15px 5px; } #relatedVehicles .box { width:155px; position:relative; height:152px; float:left; margin:0 8px 0px 0; text-decoration:none;} #relatedVehicles .box.last { margin-right:0px !important; } #relatedVehicles a { text-decoration:none !important; } #relatedVehicles .box a { display: block; text-decoration:none !important; } #relatedVehicles .box .thumb { display: block; position:relative; padding:5px 0 0 5px; width:149px; height:97px; background:url(../images/layup/noImage149x97.gif) 5px 5px no-repeat;} #relatedVehicles .box .thumb .frame { display: block; position:absolute; top:0px; left:0px; } #relatedVehicles .box .title { display: block; font-size:11px; font-weight:normal; color:#01935b; width:110px; padding-left:5px; padding-top:5px; } /* ----- OFFER LIST ----- */ ul.domHeadings a#newOffers { width:134px; background:url(../images/layup/spriteOfferListTabs.gif) 0 0 no-repeat; } ul.domHeadings a#usedOffers { width:129px; background:url(../images/layup/spriteOfferListTabs.gif) -134px 0 no-repeat; } ul.domHeadings a#aftersalesOffers { width:136px; background:url(../images/layup/spriteOfferListTabs.gif) -263px 0 no-repeat; } ul.domHeadings a#privateHireOffers { width:161px; background:url(../images/layup/spriteOfferListTabs.gif) -399px 0 no-repeat; } ul.domHeadings a#newOffers:hover { background:url(../images/layup/spriteOfferListTabs.gif) 0 -72px no-repeat; } ul.domHeadings a#usedOffers:hover { background:url(../images/layup/spriteOfferListTabs.gif) -134px -72px no-repeat; } ul.domHeadings a#aftersalesOffers:hover { background:url(../images/layup/spriteOfferListTabs.gif) -263px -72px no-repeat; } ul.domHeadings a#privateHireOffers:hover { background:url(../images/layup/spriteOfferListTabs.gif) -399px -72px no-repeat; } ul.domHeadings li.active a#newOffers { background:url(../images/layup/spriteOfferListTabs.gif) 0 -72px no-repeat; } ul.domHeadings li.active a#usedOffers { background:url(../images/layup/spriteOfferListTabs.gif) -134px -72px no-repeat; } ul.domHeadings li.active a#aftersalesOffers { background:url(../images/layup/spriteOfferListTabs.gif) -263px -72px no-repeat; } ul.domHeadings li.active a#privateHireOffers { background:url(../images/layup/spriteOfferListTabs.gif) -399px -72px no-repeat; } ul.domHeadings li.spacer { background:url(../images/layup/spriteOfferListTabs.gif) -560px 0px no-repeat; width: 116px; height: 72px;} ul.domHeadings a#skodaNews { width:310px; height: 68px; background:url(../images/layup/spriteTabNews.gif) 0 0 no-repeat; } ul.domHeadings a#ourNews { width:365px; height: 68px; background:url(../images/layup/spriteTabNews.gif) -310px 0 no-repeat; } ul.domHeadings li.active a#skodaNews { background:url(../images/layup/spriteTabNews.gif) 0 -68px no-repeat; } ul.domHeadings li.active a#ourNews { background:url(../images/layup/spriteTabNews.gif) -310px -68px no-repeat; } .offerInfoBar { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #dbdbdb; font-size:11px; color:#b3b3b3; } .offerInfoBar.bottom { padding-top:10px; margin-bottom:10px; border-top:1px solid #dbdbdb; border-bottom:none; padding-bottom:0; } .offerList .box { width:311px; position:relative; height:190px; margin:0 0 25px 0; float:left; margin-right:14px; text-decoration:none;} .offerList .box.last { margin-right:0px !important; } .offerList a { text-decoration:none !important; } .offerList .box a { display: block; text-decoration:none !important } .offerList .box .thumb { display: block; position:relative; padding:3px 0 0 5px; width:306px; height:155px;} .offerList .box .thumb .frame { display: block; position:absolute; top:0px; left:0px; } .offerList .box .title { display: block; font-size:11px; font-weight:normal; color:#01935b; width:250px; padding-left:5px; } .offerList .box .title .model { font-size:16px; color:#01935b; font-weight:bold; } .offerList .box .title .price { color:#3a3a3a; font-size:12px; } /* ----- OFFER DETAILS ------ */ #offerBanner { width:656px; height:240px; margin-bottom:20px; } #offerBanner #banner { float:left; width:468px; height:235px; position:relative; padding:5px 0 0 5px;} #offerBanner #banner #frame { position:absolute; left:0px; top:0px; } #offerBanner #jumps { float:left; width:183px; height:220px; padding-top:20px; background:url(../images/layup/offerDetailsOptionsBg.gif) no-repeat; } #offerBanner #jumps .moreInfoBorder { border-bottom: 1px solid #ffffff; margin-right: 4px; } #offerBanner #jumps #moreInfo { font-size:13px; text-align:center; color:#484848; height:53px; border-bottom: 1px solid #cccccc; } #offerBanner #jumps #moreInfo .number { font-size:19px; } /* ----- CONTACT PAGE ----- */ #locationMap { width:656px; float:left; margin-bottom:25px; } #locationMap #map { width:336px; height:235px; padding:5px 0 0 4px; background:url(../images/layup/mapBg.gif) no-repeat; float:left; position:relative; } #locationMap #map #topleft { position:absolute; left:-1px; top:0px; } #locationMap #map #topRight { position:absolute; right:-1px; top:0px; } #locationMap #map #bottomLeft { position:absolute; left:-1px; bottom:0px; } #locationMap #map #bottomRight { position:absolute; right:-1px; bottom:0px; } #locationMap #map #left { position:absolute; left:4px; top:14px; } #locationMap #map #right { position:absolute; right:1px; top:14px; } #locationMap #map #top { position:absolute; left:13px; top:5px; } #locationMap #map #bottom { position:absolute; right:13px; bottom:5px; } #locationMap #map #directions { width:329px; height:35px; background:url(../images/layup/directionsBg.gif) no-repeat; position:absolute; left:8px; bottom:10px;} #locationMap #map #directions .padding { padding:5px 5px 0 10px ; } #locationMap #map #directions .padding .postcode { float:left; width:184px; padding:2px 0; margin-top:2px; } #locationMap #map #directions .padding .submit { width:117px; height:24px; float:right;} #locationMap #photo { width:313px; height:235px; float:left; padding:5px 0 0 2px; float:left; position:relative; background:url(../images/layup/noImage310x230.gif) 5px 2px no-repeat; } #locationMap #photo .frame { position:absolute; top:0px; left:0px; } .locationH2Border { background:url(../images/layup/h2Border.gif) repeat-x bottom left; padding-bottom:10px; margin-bottom:10px; font-weight:bold; font-size:14px; color:#2b2b2b; } #address { width:146px; float:left; color:#626262; font-size:12px; margin-right:20px; } #contactInfo { width:176px; float:left; color:#626262; font-size:12px; margin-right:20px; } #contactInfo .number { margin-bottom:10px; } #contactInfo .number a { color:#626262; text-decoration:underline; font-weight:normal;} #contactInfo .number a:hover { color:#626262; text-decoration:none;} #openingHours { width:292px; float:left;} #openingHours table { background:#d8d8d8; } #openingHours td { text-align:center; font-size:12px; color:#313131; padding:5px 0; border:1px solid #fff; } #openingHours tr.altRow { background:#e3e3e3; } /* ----- 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;} /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 10px 0; font-size:100%; font-weight:bold;} p { padding:0 0 10px 0; margin:0; line-height:18px; } h1 { font-size:20px; color:#424242; } h2 { font-size:14px; color:#424242; text-transform:uppercase; } .titleH1 { font-size:20px!important; color:#424242; margin:0; padding:0 0 10px 0; font-weight:bold; } /* ----- TOP NAVIGATION ----- */ #primaryNav { margin: 0px 0px 16px 7px; width:946px; height: 57px; background:url(../images/layup/navBg.jpg) no-repeat; } #primaryNav ul { list-style: none; margin: 0px; padding: 0px; } #primaryNav li { padding: 0px; margin: 0px; float: left; background:url(../images/layup/navSep.gif) right top no-repeat} #primaryNav li.last { background:none !important;} #primaryNav li.last a span { display:block; padding-right: 0px!important; } #primaryNav li a { display: block; text-decoration: none; color: #FFFFFF; font-size:12px; font-weight:bold; } #primaryNav li a span { display:block;padding: 21px 11px 21px 11px; } #primaryNav li a:hover span, #primaryNav li.active a span{ color: #009d61; background:url(../images/layup/navActive.gif) no-repeat top center; } /* ----- SECONDARY NAVIGATION ----- */ #secondaryNav {} #secondaryNav ul { list-style: none; margin: 0; padding: 0; } #secondaryNav li { } #secondaryNav li a { text-decoration: none; } /* ----- DROPDOWN NAV ----- */ #primaryNav ul li ul { left: -999em; position: absolute; } #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/listBg.gif) 0px 10px no-repeat; padding:6px 0 5px 15px;} /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #breadcrumbs { line-height: normal; height: 29px; width:676px; background:url(../images/layup/breadcrumbBg.jpg) no-repeat; margin-left:5px; margin-bottom:20px; } #breadcrumbs a { font-weight: normal; text-decoration: none; float: left; padding: 7px 20px 4px 5px; height:17px; color:#898989; font-weight:bold; background:url(../images/layup/breadcrumbSep.gif) top right no-repeat; } #breadcrumbs a:hover { text-decoration:underline; } #breadcrumbs a.current { font-weight:normal; background:none; } #breadcrumbs a#home { width:41px; height:29px; padding:0px; background:url(../images/layup/spriteHomeCrumb.jpg) 0 0 no-repeat; } #breadcrumbs a#home:hover { background:url(../images/layup/spriteHomeCrumb.jpg) 0 -29px no-repeat; } #breadcrumbs .btnBack { float: right; padding: 0px; margin:0px; height:29px; width:62px; background:url(../images/layup/spriteCrumbBack.jpg) no-repeat 0 0; } #breadcrumbs .btnBack:hover { float: right; padding: 0px; margin:0px; height:29px; width:62px; background:url(../images/layup/spriteCrumbBack.jpg) no-repeat 0 -29px; } #breadcrumbs .btnAdvantage { float: right; padding: 6px 5px 5px 5px; height:17px; margin:0px; width:237px; background: none !important; font-size: 1.3em; } #breadcrumbs .btnAdvantage:hover { float: right; padding: 6px 5px 5px 5px; margin:0px; height:17px; width:237px; } .pagination { float:right; } .pagination ul { padding:0px; margin:0px; } .pagination li { display:inline; color:#b3b3b3; } .pagination a { padding: 0px 4px 0px 4px; text-decoration: none; color:#b3b3b3 !important; } .pagination a:hover { text-decoration: none; background:#01935b; color:#FFFFFF!important; } .pagination .active { text-decoration: none; background:#01935b; color:#FFFFFF!important; } .pagination span { display: block; float: left; padding: 0px 2px 0px 2px; } /* ----- FOOTER ----- */ #footer { height:124px; background:url(../images/layup/footerBg.gif) repeat-x; color:#fff;} #footer #footerContent { width:960px; margin:0 auto; } #footer #footerContent .btnBackTop { float:right; margin:5px 15px 0 0; } #footer #footerContent .padding { padding:20px 15px 0 15px; } #footer a { font-weight:normal; text-decoration:none; color:#fff;} #footer a:hover { text-decoration:underline;} /* ----- GLOBAL ----- */ img { display:block; border:0; } address { font-style:normal; } /* ----- LINKS ----- */ a { color:#00bf76; font-weight:bold; text-decoration:underline; cursor:pointer; outline: none; } a:hover { text-decoration:underline; color:#700000 } a:visited { color:#2b2b2b; } /* ----- 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; color:#7c7c7c; font-size:12px; } input, textarea { width:200px; font-size:11px !important;} .required { color:#01935b;} .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:55px; height:18px; 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 #990000; color : #990000; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #009d61; 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;} /* ----- DOMTABS ----- */ .domTabs { padding-bottom: 30px; } .domContent { } .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:0px; background: #000; color: #FFF; text-decoration: none; font-weight: bold; } ul.domHeadings li a:hover, ul.domHeadings li.active a { background: #BCBCBC; color: #000; }