/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : James Greenwood / james.greenwood@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Cecil & Larder site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { background:url(../images/layup/seat/bg.jpg) no-repeat top center #2f2f2f; } /* ----- IDS ----- */ #container { background:url(../images/layup/seat/containerBg.jpg) no-repeat; } #header #companyAge { background:url(../images/layup/seat/celebratingBg.jpg) no-repeat; } #header #companyAge .past { color:#fff; } #header #companyAge .total { color:#9f9f9f; } #header #companyAge .present { color:#fff; } #header #backGroup { position:absolute; right:0; top:0; } #header #badge { position:absolute; right:0; top:43px; } #header #contactDetailsEmail { top:43px; right:67px; } #header #contactDetailsTelephone {top:43px; right:320px; } #header #contactDetailsTelephone .title, #header #contactDetailsEmail .title { color: #fff; } #header #contactDetailsTelephone .info, #header #contactDetailsEmail .info { color:#CD0008; } /* ----- LEFT COLUMN ----- */ /* ----- USED SEARCH ----- */ #usedSearch.domTabs ul.domHeadings li.active a#usedTab { background:url(../images/layup/seat/spriteSearchTabs.jpg) no-repeat 0 0; } #usedSearch.domTabs ul.domHeadings li a#budgetTab { background:url(../images/layup/seat/spriteSearchTabs.jpg) no-repeat -125px 0; } #usedSearch.domTabs ul.domHeadings li a#usedTab { background:url(../images/layup/seat/spriteSearchTabs.jpg) no-repeat 0 -43px; } #usedSearch.domTabs ul.domHeadings li.active a#budgetTab { background:url(../images/layup/seat/spriteSearchTabs.jpg) no-repeat -122px -43px; } #usedSearch.domTabs .domContent { background:url(../images/layup/seat/searchBg.jpg) no-repeat left top; } #usedSearch.domTabs .domContent .usedSearchBtns { background:url(../images/layup/seat/searchBtnsBg.jpg) no-repeat; } #stockUpdates { width:225px; height:161px; margin:0 0 20px; } /* ----- FAVOURITES ----- */ #favourites { width:225px; height:157px; background:url(../images/layup/seat/favouritesBg.jpg) no-repeat left top; margin:0 0 20px 0px; } #favourites .btnLogin { /*font-size:12px; font-weight:bold; text-transform:uppercase; display:block; padding:18px 0 0 149px; margin:0 0 29px;*/ } #favourites .box { background:url(../images/layup/seat/favouritesBox.gif) no-repeat left top; } /* ----- OPENING TIMES ----- */ #openingTimes { background:url(../images/layup/seat/openingTimesBg.jpg) no-repeat left top; } #openingTimes .date { color:#010101; } #openingTimes .days { color:#8b8b8b; } #openingTimes .departments { color:#d0d0d0; background:url(../images/layup/seat/openingTimesDivV.jpg) no-repeat right top; } #openingTimes .times { color:#d0d0d0; } /* ----- RIGHT COLUMN ----- */ #rightCol #mainContent { background:url(../images/layup/seat/rightColTop.jpg) no-repeat left top; } #rightCol #mainContent .padding { padding:20px; } #rightCol #mainContent #pageHeading .contactDetails { color:#FFF; } #rightCol #mainContent #pageHeading .contactDetails span { color:#9e0007; } #rightCol #mainContent #pageHeading .price { color:#9e0007; } /* ----- NEW VEHICLE LISTING ----- */ #mainScroller.carousel { background:url(../images/layup/seat/dotsH.gif) bottom left repeat-x; } #mainScroller.carousel li span .overlay { background:#606060; } #mainScroller.carousel li span .overlay span { color:#FFF; } #mainScroller.carousel .controls a.next { background: url(../images/layup/seat/carouselNext.png) 0px 0px no-repeat; } #mainScroller.carousel .controls a.previous { background: url(../images/layup/seat/carouselPrevious.png) 0px 0px no-repeat; } * html #mainScroller.carousel .controls a.next { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='../images/layup/seat/carouselNext.png'); background: none; } * html #mainScroller.carousel .controls a.previous { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='../images/layup/seat/carouselPrevious.png'); background: none; } #boxList .box .title { color:#ffffff; } #boxList .box .price { color:#ffffff; } #boxList .box .price span { color:#ffffff; } /* ----- NEW VEHICLE DETAIL ----- */ #newDetail #newOptions .adviceQuestions a { background:url(../images/layup/seat/spriteNewOptions.jpg) no-repeat 0 0; } #newDetail #newOptions .requestTestDrive a { background:url(../images/layup/seat/spriteNewOptions.jpg) no-repeat -169px 0; } #newDetail #newOptions .downloadBrochure a { background:url(../images/layup/seat/spriteNewOptions.jpg) no-repeat 0 -74px; } #newDetail #newOptions .viewOffers a { background:url(../images/layup/seat/spriteNewOptions.jpg) no-repeat -169px -74px; } #newDetail #newOptions .adviceQuestions a:hover { background:url(../images/layup/seat/spriteNewOptions.jpg) no-repeat 0 -147px; } #newDetail #newOptions .requestTestDrive a:hover { background:url(../images/layup/seat/spriteNewOptions.jpg) no-repeat -169px -147px; } #newDetail #newOptions .downloadBrochure a:hover { background:url(../images/layup/seat/spriteNewOptions.jpg) no-repeat 0 -221px; } #newDetail #newOptions .viewOffers a:hover { background:url(../images/layup/seat/spriteNewOptions.jpg) no-repeat -169px -221px; } /* ----- USED VEHICLE LISTING ----- */ #list .listItem { background:url(../images/layup/seat/dotsH.gif) left bottom repeat-x; } #list .listItem .modelInfo .model { color:#FFF; } #list .listItem .modelInfo .price { color:#c50008; } #list .listItem .modelInfo .detail { color:#FFF; } #list .listItem .modelInfo .description { color:#FFF; } /* ----- USED VEHICLE DETAIL ----- */ #usedDetail #carLocation { color:#FFF; background:url(../images/layup/seat/vehicleContactBg.jpg) no-repeat left top; } #usedDetail #carLocation span { color:#c00209; } #usedCarOptions .makeEnquiry a { background:url(../images/layup/seat/spriteUsedOptions.jpg) no-repeat 0 0; } #usedCarOptions .sendFriend a { background:url(../images/layup/seat/spriteUsedOptions.jpg) no-repeat -172px 0; } #usedCarOptions .printSpecSheet a { background:url(../images/layup/seat/spriteUsedOptions.jpg) no-repeat -337px 0; } #usedCarOptions .saveCompare a { background:url(../images/layup/seat/spriteUsedOptions.jpg) no-repeat -501px 0; } #usedCarOptions .makeEnquiry a:hover { background:url(../images/layup/seat/spriteUsedOptions.jpg) no-repeat 0 -90px; } #usedCarOptions .sendFriend a:hover { background:url(../images/layup/seat/spriteUsedOptions.jpg) no-repeat -172px -90px; } #usedCarOptions .printSpecSheet a:hover { background:url(../images/layup/seat/spriteUsedOptions.jpg) no-repeat -337px -90px; } #usedCarOptions .saveCompare a:hover { background:url(../images/layup/seat/spriteUsedOptions.jpg) no-repeat -501px -90px; } #usedSpec ul.domHeadings { background:url(../images/layup/seat/usedSpecTabBg.jpg) no-repeat; } #usedSpec ul.domHeadings li a#carDetails { width:127px; background:url(../images/layup/seat/spriteUsedSpec.jpg) no-repeat 0 -45px; } #usedSpec ul.domHeadings li a#specification { width:123px; background:url(../images/layup/seat/spriteUsedSpec.jpg) no-repeat -129px -45px; } #usedSpec ul.domHeadings li a#techDetails { width:120px; background:url(../images/layup/seat/spriteUsedSpec.jpg) no-repeat -254px -45px; } #usedSpec ul.domHeadings li.active a#carDetails { width:125px; background:url(../images/layup/seat/spriteUsedSpec.jpg) no-repeat 0 0; } #usedSpec ul.domHeadings li.active a#specification { width:123px; background:url(../images/layup/seat/spriteUsedSpec.jpg) no-repeat -127px 0; } #usedSpec ul.domHeadings li.active a#techDetails { width:120px; background:url(../images/layup/seat/spriteUsedSpec.jpg) no-repeat -252px 0; } #usedSpec .domContent { background:url(../images/layup/seat/usedSpecBg.jpg) no-repeat left bottom; } #usedSpec .domContent table { color:#ffffff; } #financeCalculator { color:#ffffff; background:url(../images/layup/seat/financeCalculatorBg.jpg) no-repeat left top; } #relatedVehicles .title { color:#FFF; } #relatedVehicles #boxList .box .title { color:#fff; } #relatedVehicles #boxList .box .price { color:#fff; } #relatedVehicles #boxList .box .price span { color:#c50008; } /* ----- OFFERS LISTING ----- */ #offers ul.domHeadings { background:url(../images/layup/seat/offerTabsBg.jpg) no-repeat left top; } #offers ul.domHeadings li a#newCarOffers { background:url(../images/layup/seat/spriteOffersTabs.jpg) no-repeat 0 0; } #offers ul.domHeadings li a#usedCarOffers { background:url(../images/layup/seat/spriteOffersTabs.jpg) no-repeat -150px 0; } #offers ul.domHeadings li a#afterSalesOffers { background:url(../images/layup/seat/spriteOffersTabs.jpg) no-repeat -305px 0; } #offers ul.domHeadings li.active a#newCarOffers { background:url(../images/layup/seat/spriteOffersTabs.jpg) no-repeat 0 -53px; } #offers ul.domHeadings li.active a#usedCarOffers { background:url(../images/layup/seat/spriteOffersTabs.jpg) no-repeat -150px -53px; } #offers ul.domHeadings li.active a#afterSalesOffers { background:url(../images/layup/seat/spriteOffersTabs.jpg) no-repeat -305px -53px; } #offers .domContent #list .thumb { padding:3px 0 0 3px; } /* ----- OFFERS DETAIL ----- */ #offersDetail #mainImg { padding:3px 0 0 3px; } #offersDetail .rightCol { background:url(../images/layup/seat/offersDetailSeparator.gif) no-repeat left top; } #offersDetail #frmOffers label { color:#ffffff; } #offersDetail #frmOffers .required { color:#FFF; } #offersDetail #frmOffers select { color:#FFF; border:1px solid #535353; background:#3f3f3f; } #offersDetail #frmOffers input, #offersDetail #frmOffers textarea { color:#FFF; border:1px solid #535353; background:#3f3f3f; } #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: #950006; color : #FFF; font-weight: bold; } #relatedOffers {} #relatedOffers .thumb { width:327px; height:77px; padding:8px 0 0 6px; margin:0 0 25px; position:relative; } #relatedOffers .thumb .frame { position:absolute; left:0; top:0; } /* ----- CONTACT US ----- */ .boxSmall { color:#d0d0d0; } .boxSmall .content { background:url(../images/layup/seat/contactBoxBg.jpg) no-repeat left top; } .boxSmall span { color:#8b8b8b; } .boxLarge { color:#8b8b8b; } .boxLarge .content { background:url(../images/layup/seat/contactBoxLargeBg.jpg) no-repeat left top; } .boxLarge #frmContact .required { color:#000000; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { color:#fff; } h1 { background:url(../images/layup/seat/dotsH.gif) repeat-x left bottom; } p { color:#e4e4e4; } a { color: #FFFFFF; } /* ----- BULLETS ------ */ ul li { color:#FFF; background:url(../images/layup/seat/bulletSquare.gif) no-repeat 0 6px; } /* ----- TOP NAVIGATION ----- */ #primaryNav { background:url(../images/layup/seat/navBg.gif) no-repeat; } #primaryNav li { background:url(../images/layup/seat/navSeparator.gif) no-repeat right top; padding:0 5px; } #primaryNav li a { color: #FFFFFF; } #primaryNav li a span { padding: 10px 13px 11px; } #primaryNav li a:hover, #primaryNav li a.active { color:#FFF; background:url(../images/layup/seat/navHoverRight.gif) no-repeat right top; } #primaryNav li a:hover span, #primaryNav li a.active span { background:url(../images/layup/seat/navHoverLeft.gif) no-repeat left top; } #primaryNav li.thaDrop a:hover { background:url(../images/layup/seat/navDropRight.gif) right top no-repeat; } #primaryNav li.thaDrop a:hover span { background: url(../images/layup/seat/navDropLeft.gif) left top no-repeat; } /* ----- DROPDOWN NAV ----- */ #primaryNav ul li ul { background:url(../images/layup/seat/navDropBg.gif) left top no-repeat; } #primaryNav ul li:hover ul li, #primaryNav ul li.sfhover ul li { background:url(../images/layup/seat/navDropSeparator.gif) no-repeat left bottom; } #primaryNav ul li:hover ul li a, #primaryNav ul li.sfhover ul li a { color:#FFF; } #primaryNav ul li:hover ul li a:hover, #primaryNav ul li.sfhover ul li a:hover { color:#c50008; background:url(../images/layup/seat/navDropHover.gif) right no-repeat; } /* ----- FOOTER ----- */ #footer { height:71px; margin-top:-71px; background:url(../images/layup/seat/footerBg.jpg) repeat; } /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #breadcrumbs a { color:#ffffff; } #breadcrumbs span { color:#ffffff; background:url(../images/layup/seat/breadcrumbsSeparator.jpg) no-repeat 0 3px; } #breadcrumbs .btnBack a { background:url(../images/layup/seat/backBtn.jpg) no-repeat 0 1px; } #pagination { background:url(../images/layup/seat/dotsH.gif) repeat-x left bottom; } #pagination .resultsFound { font-size:12px; color:#a3a3a3; } #pagination .sortBy { font-size:12px; color:#a3a3a3; } #pagination .pageSelect { font-size:12px; color:#acacac; } #pagination .pageSelect a { color:#acacac; } #pagination .pageSelect a.active, #pagination .pageSelect #previous, #pagination .pageSelect #next { color:#9e0007; } /* ----- FORMS ----- */ label { color:#8b8b8b; } input, textarea { color:#8b8b8b; } .required { color:#000000; } #frmContact select { color:#8b8b8b; }