/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : James Greenwood / james.greenwood@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Allam Motor Services site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { background:url(../images/layup/skoda/bg.jpg) no-repeat center top #018b57; } /* ----- IDS ----- */ #header #btnBackGroup { position:absolute; left:489px; top:37px; } #header #badge { position:absolute; left:350px; top:11px; } #header #contactDetails { color:#2c3030; right:22px; top:43px; } /* ----- LEFT COLUMN ----- */ #leftCol .overlay { top:39px; } /* ----- REWARD CARD */ #rewardCard a { background:url(../images/layup/skoda/tabRewardCard.gif) no-repeat 0 0; } /* ----- SEARCH */ #carSearch { background:url(../images/layup/skoda/searchBg.gif) no-repeat left top; } #carSearch form select { border:1px solid #cccccc; } #carSearch .domTabs ul.domHeadings a { background: url(../images/layup/skoda/spriteUsedTabs.gif) no-repeat; } /* ----- SITE JUMPS */ #jumpNewsEvents { background:url(../images/layup/skoda/jumpNewsEvents.gif) no-repeat left top; } #jumpNewsEvents .controller a { background:url(../images/layup/skoda/controllerBtnSmall.gif) left top no-repeat; } #jumpNewsEvents .controller a.active { background:url(../images/layup/skoda/controllerBtnActiveSmall.gif) left top no-repeat; } #jumpNewsEvents .controller a.previous { background:url(../images/layup/skoda/controllerPreviousSmall.gif) left top no-repeat; } #jumpNewsEvents .controller a.next { background:url(../images/layup/skoda/controllerNextSmall.gif) left top no-repeat; } #jumpSaveCompare table td.price { color:#008b56; } #jumpSaveCompare { background:url(../images/layup/skoda/jumpSaveCompare.gif) no-repeat left top; } #jumpSaveCompare .controller a { background:url(../images/layup/skoda/controllerBtn.gif) left top no-repeat; } #jumpSaveCompare .controller a.active { background:url(../images/layup/skoda/controllerBtnActive.gif) left top no-repeat; } #jumpSaveCompare .controller a.next { background:url(../images/layup/skoda/controllerNext.gif) left top no-repeat; } /* ----- RIGHT COLUMN ----- */ /* ----- NEW LIST */ #boxList .box .btn { color:#008b56; } /* ----- NEW DETAIL */ #newDetail #price span { font-size:28px; color:#008b56; } #newDetail #newOptions .downloadBrochure a { background:url(../images/layup/skoda/spriteNewOptions.gif) no-repeat 0 0; } #newDetail #newOptions .viewManufacturersSite a { background:url(../images/layup/skoda/spriteNewOptions.gif) no-repeat 0 -48px; } #newDetail #newOptions .testDrive a { background:url(../images/layup/skoda/spriteNewOptions.gif) no-repeat 0 -96px; } #newDetail #newOptions .contactUsNow a { background:url(../images/layup/skoda/spriteNewOptions.gif) no-repeat 0 -144px; margin:0; } #newDetail #newOptions .downloadBrochure a:hover { background:url(../images/layup/skoda/spriteNewOptions.gif) no-repeat 0 -187px; } #newDetail #newOptions .viewManufacturersSite a:hover { background:url(../images/layup/skoda/spriteNewOptions.gif) no-repeat 0 -235px; } #newDetail #newOptions .testDrive a:hover { background:url(../images/layup/skoda/spriteNewOptions.gif) no-repeat 0 -283px; } #newDetail #newOptions .contactUsNow a:hover { background:url(../images/layup/skoda/spriteNewOptions.gif) no-repeat 0 -331px; margin:0; } /* ----- USED LIST */ #list .listItem .carInfo .price { color:#008b56; } .financeDetailsWrapper .carInsurance { border-left:5px solid #008b56; } .financeDetailsWrapper .financeDetails { border-left:5px solid #008b56; } #list .listItem .listItemFinanceTable h2 { color: #008b56; } /* ----- USED DETAIL */ #usedDetail .price span { color:#008b56; } .location span { color:#008b56; } #usedDetail .telephone span { color:#008b56; } #usedDetail #usedOptions .vehicleEnquire a { background:url(../images/layup/skoda/spriteUsedOptions.gif) no-repeat 0 0; } #usedDetail #usedOptions .sendFriend a { background:url(../images/layup/skoda/spriteUsedOptions.gif) no-repeat -166px 0; margin-right:0 !important; } #usedDetail #usedOptions .valueVehicle a { background:url(../images/layup/skoda/spriteUsedOptions.gif) no-repeat -332px 0; } #usedDetail #usedOptions .testDrive a { background:url(../images/layup/skoda/spriteUsedOptions.gif) no-repeat -498px 0; margin-right:0 !important; } #usedDetail #usedOptions .vehicleEnquire a:hover { background:url(../images/layup/skoda/spriteUsedOptions.gif) no-repeat 0 -40px; } #usedDetail #usedOptions .sendFriend a:hover { background:url(../images/layup/skoda/spriteUsedOptions.gif) no-repeat -166px -40px; } #usedDetail #usedOptions .valueVehicle a:hover { background:url(../images/layup/skoda/spriteUsedOptions.gif) no-repeat -332px -40px; } #usedDetail #usedOptions .testDrive a:hover { background:url(../images/layup/skoda/spriteUsedOptions.gif) no-repeat -498px -40px; } #carInfo ul.domHeadings li a.fullDetails { background:url(../images/layup/skoda/spriteUsedDetail.jpg) no-repeat 0 0; } #carInfo ul.domHeadings li a.specification { background:url(../images/layup/skoda/spriteUsedDetail.jpg) no-repeat -101px 0; } #carInfo ul.domHeadings li a.finance { background:url(../images/layup/skoda/spriteUsedDetail.jpg) no-repeat -219px 0; } #carInfo ul.domHeadings li a.insurance {background:url(../images/layup/skoda/spriteUsedDetail.jpg) no-repeat -326px 0; } #carInfo ul.domHeadings li a.warranty { background:url(../images/layup/skoda/spriteUsedDetail.jpg) no-repeat -434px 0; } #carInfo ul.domHeadings li.active a.fullDetails { background:url(../images/layup/skoda/spriteUsedDetail.jpg) no-repeat 0 -48px; } #carInfo ul.domHeadings li.active a.specification { background:url(../images/layup/skoda/spriteUsedDetail.jpg) no-repeat -101px -48px; } #carInfo ul.domHeadings li.active a.finance { background:url(../images/layup/skoda/spriteUsedDetail.jpg) no-repeat -219px -48px; } #carInfo ul.domHeadings li.active a.insurance { background:url(../images/layup/skoda/spriteUsedDetail.jpg) no-repeat -326px -48px; } #carInfo ul.domHeadings li.active a.warranty { background:url(../images/layup/skoda/spriteUsedDetail.jpg) no-repeat -434px -48px; } #carInfo .domContent .title { color:#008b56; } /* ----- CODEWEAVER TAB HEADINGS ----- */ .cwTab .cwtabs li a.activeTab , .cwTab .cwtabs li a:hover { background:#008b56; } /* ----- FINANCE DETAIL TABLES - */ #cwFinanceDetailedOutput .titleMain span { color:#008b56; } #cwFinanceDetailedOutput .newFiguresTable .title a { color:#008b56; } #relatedVehicles .box .btn { color:#008b56; } /* ----- OFFERS */ #offers ul.domHeadings li a.newOffers { background:url(../images/layup/skoda/spriteOffers.jpg) no-repeat 0 0; } #offers ul.domHeadings li a.usedOffers { background:url(../images/layup/skoda/spriteOffers.jpg) no-repeat -156px 0; } #offers ul.domHeadings li a.serviceOffers { background:url(../images/layup/skoda/spriteOffers.jpg) no-repeat -318px 0; } #offers ul.domHeadings li a.partsOffers { background:url(../images/layup/skoda/spriteOffers.jpg) no-repeat -481px 0; } #offers ul.domHeadings li.active a.newOffers { background:url(../images/layup/skoda/spriteOffers.jpg) no-repeat 0 -57px; } #offers ul.domHeadings li.active a.usedOffers { background:url(../images/layup/skoda/spriteOffers.jpg) no-repeat -156px -57px; } #offers ul.domHeadings li.active a.serviceOffers { background:url(../images/layup/skoda/spriteOffers.jpg) no-repeat -318px -57px; } #offers ul.domHeadings li.active a.partsOffers { background:url(../images/layup/skoda/spriteOffers.jpg) no-repeat -481px -57px; } /* ----- TYRE GUIDE */ #tyreResults tr.altRow td { background:#008b56; } /* ----- CONTACT PAGE */ #contactDetail .telephone span { color:#008b56; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { color:#008b56; } /* ----- TOP NAVIGATION ----- */ #primaryNav { background:url(../images/layup/skoda/navBg.gif) no-repeat left top; position:relative; } #primaryNav li { background:url(../images/layup/skoda/navDivider.gif) 0 18px no-repeat; } #primaryNav li a { color: #FFFFFF; } #primaryNav li a:hover, #primaryNav li a.active { background:url(../images/layup/skoda/navHoverBg.gif) center top no-repeat; } #primaryNav li.small a:hover, #primaryNav li.small a.active { background:url(../images/layup/skoda/navHoverSmallBg.gif) center top no-repeat; } #primaryNav li.tiny a:hover, #primaryNav li.tiny a.active { background:url(../images/layup/skoda/navHoverTinyBg.gif) center top no-repeat; } /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #breadcrumbs span { color:#008b56; } #breadcrumbs span.active { color:#008b56; background:url(../images/layup/skoda/breadcrumbsActive.gif) no-repeat center bottom; } .pagination a { background:url(../images/layup/skoda/controllerBtn.gif) left top no-repeat; } .pagination a.active { background:url(../images/layup/skoda/controllerBtnActive.gif) left top no-repeat; } .pagination a.previous { width:11px; height:17px; background:url(../images/layup/skoda/controllerPrevious.gif) left top no-repeat; } .pagination a.next { width:11px; height:17px; background:url(../images/layup/skoda/controllerNext.gif) left top no-repeat; } /* ----- FOOTER ----- */ #footer #footerInner { background:url(../images/layup/skoda/footerBg.png) no-repeat left top; } * html body #footer #footerInner { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='http://www.allams.com/images/layup/skoda/footerBg.png) no-repeat left top'); background: none; } /* ----- Prototype Validation ----- */ .required { color:#008b56;} .validation-advice { background-color:#008b56;} input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #db2025; color : #000; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }