/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 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/saab/bg.jpg) no-repeat top center #fff; } /* ----- IDS ----- */ #container { background:url(../images/layup/saab/containerBg.jpg) no-repeat; } #header #companyAge { background:url(../images/layup/saab/celebratingBg.jpg) no-repeat; } #header #companyAge .past { color:#d00000; } #header #companyAge .total { color:#004c83; } #header #companyAge .present { color:#d00000; } #header #backGroup { position:absolute; right:0; top:0; } #header #badge { position:absolute; right:0; top:44px; } #header #contactDetailsEmail { top:43px; right:147px; } #header #contactDetailsTelephone { top:43px; right:460px; } /* ----- LEFT COLUMN ----- */ /* ----- USED SEARCH ----- */ #usedSearch.domTabs ul.domHeadings li.active a#usedTab { background:url(../images/layup/saab/spriteSearchTabs.jpg) no-repeat 0 0; } #usedSearch.domTabs ul.domHeadings li a#budgetTab { background:url(../images/layup/saab/spriteSearchTabs.jpg) no-repeat -125px 0; } #usedSearch.domTabs ul.domHeadings li a#usedTab { background:url(../images/layup/saab/spriteSearchTabs.jpg) no-repeat 0 -43px; } #usedSearch.domTabs ul.domHeadings li.active a#budgetTab { background:url(../images/layup/saab/spriteSearchTabs.jpg) no-repeat -122px -43px; } #usedSearch.domTabs .domContent { background:url(../images/layup/saab/searchBg.jpg) no-repeat left top; } #usedSearch.domTabs .domContent .usedSearchBtns { background:url(../images/layup/saab/searchBtnsBg.jpg) no-repeat; } #stockUpdates { width:225px; height:161px; margin:0 0 20px; } /* ----- FAVOURITES ----- */ #favourites { width:225px; height:157px; background:url(../images/layup/saab/favouritesBg.jpg) no-repeat left top; margin:0 0 20px 0px; } #favourites .btnLogin a { /*font-size:12px; font-weight:bold; color:#00518b; text-transform:uppercase; display:block; padding:18px 0 0 149px; margin:0 0 29px;*/ } #favourites .box { background:url(../images/layup/saab/favouritesBox.gif) no-repeat left top; } /* ----- OPENING TIMES ----- */ #openingTimes { background:url(../images/layup/saab/openingTimesBg.jpg) no-repeat left top; } #openingTimes .date { color:#777171; } #openingTimes .days { color:#b7bfc4; } #openingTimes .departments { color:#585858; background:url(../images/layup/saab/openingTimesDivV.jpg) no-repeat right top; } #openingTimes .times { color:#585858; } /* ----- RIGHT COLUMN ----- */ #rightCol #mainContent { background:url(../images/layup/saab/rightColTop.jpg) no-repeat left top; } #rightCol #mainContent .padding { padding:20px; } #rightCol #mainContent #pageHeading { background:url(../images/layup/saab/dotsH.gif) repeat-x left bottom; } #rightCol #mainContent #pageHeading .contactDetails { color:777777; } #rightCol #mainContent #pageHeading .contactDetails span { color:#abb4b9; } #rightCol #mainContent #pageHeading .price { color:#abb4b9; } /* ----- NEW VEHICLE LISTING ----- */ #mainScroller.carousel { background:url(../images/layup/saab/dotsH.gif) bottom left repeat-x; } #mainScroller.carousel li span .overlay { background:#FFF; } #mainScroller.carousel li span .overlay span { color:#44505d; } #mainScroller.carousel .controls a.next { background: url(../images/layup/saab/carouselNext.png) 0px 0px no-repeat; } #mainScroller.carousel .controls a.previous { background: url(../images/layup/saab/carouselPrevious.png) 0px 0px no-repeat; } * html #mainScroller.carousel .controls a.next { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='../images/layup/saab/carouselNext.png'); background: none; } * html #mainScroller.carousel .controls a.previous { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='../images/layup/saab/carouselPrevious.png'); background: none; } #boxList .box .title { color:#44505d; } #boxList .box .price { color:#44505d; } #boxList .box .price span { color:#8097aa; } /* ----- NEW VEHICLE DETAIL ----- */ #newDetail #newOptions .adviceQuestions a { background:url(../images/layup/saab/spriteNewOptions.jpg) no-repeat 0 0; } #newDetail #newOptions .requestTestDrive a { background:url(../images/layup/saab/spriteNewOptions.jpg) no-repeat -169px 0; } #newDetail #newOptions .downloadBrochure a { background:url(../images/layup/saab/spriteNewOptions.jpg) no-repeat 0 -74px; } #newDetail #newOptions .viewOffers a { background:url(../images/layup/saab/spriteNewOptions.jpg) no-repeat -169px -74px; } #newDetail #newOptions .adviceQuestions a:hover { background:url(../images/layup/saab/spriteNewOptions.jpg) no-repeat 0 -147px; } #newDetail #newOptions .requestTestDrive a:hover { background:url(../images/layup/saab/spriteNewOptions.jpg) no-repeat -169px -147px; } #newDetail #newOptions .downloadBrochure a:hover { background:url(../images/layup/saab/spriteNewOptions.jpg) no-repeat 0 -221px; } #newDetail #newOptions .viewOffers a:hover { background:url(../images/layup/saab/spriteNewOptions.jpg) no-repeat -169px -221px; } /* ----- USED VEHICLE LISTING ----- */ #list .listItem { background:url(../images/layup/saab/dotsH.gif) left bottom repeat-x; } #list .listItem .modelInfo .model { color:#000; } #list .listItem .modelInfo .price { color:#912a2a; } #list .listItem .modelInfo .detail { color:#000; } #list .listItem .modelInfo .description { color:#000; } /* ----- USED VEHICLE DETAIL ----- */ #usedDetail #carLocation { color:#595959; background:url(../images/layup/saab/vehicleContactBg.jpg) no-repeat left top; } #usedDetail #carLocation span { color:#8f979c; } #usedCarOptions .makeEnquiry a { background:url(../images/layup/saab/spriteUsedOptions.jpg) no-repeat 0 0; } #usedCarOptions .sendFriend a { background:url(../images/layup/saab/spriteUsedOptions.jpg) no-repeat -172px 0; } #usedCarOptions .printSpecSheet a { background:url(../images/layup/saab/spriteUsedOptions.jpg) no-repeat -337px 0; } #usedCarOptions .saveCompare a { background:url(../images/layup/saab/spriteUsedOptions.jpg) no-repeat -501px 0; } #usedCarOptions .makeEnquiry a:hover { background:url(../images/layup/saab/spriteUsedOptions.jpg) no-repeat 0 -90px; } #usedCarOptions .sendFriend a:hover { background:url(../images/layup/saab/spriteUsedOptions.jpg) no-repeat -172px -90px; } #usedCarOptions .printSpecSheet a:hover { background:url(../images/layup/saab/spriteUsedOptions.jpg) no-repeat -337px -90px; } #usedCarOptions .saveCompare a:hover { background:url(../images/layup/saab/spriteUsedOptions.jpg) no-repeat -501px -90px; } #usedSpec ul.domHeadings li a#carDetails { width:129px; height:45px; background:url(../images/layup/saab/spriteUsedSpec.jpg) no-repeat 0 -45px; } #usedSpec ul.domHeadings li a#specification { width:131px; height:45px; background:url(../images/layup/saab/spriteUsedSpec.jpg) no-repeat -129px -45px; } #usedSpec ul.domHeadings li a#techDetails { width:122px; height:45px; background:url(../images/layup/saab/spriteUsedSpec.jpg) no-repeat -260px -45px; } #usedSpec ul.domHeadings li.active a#carDetails { width:127px; height:45px; background:url(../images/layup/saab/spriteUsedSpec.jpg) no-repeat 0 0; } #usedSpec ul.domHeadings li.active a#specification { width:126px; height:45px; background:url(../images/layup/saab/spriteUsedSpec.jpg) no-repeat -127px 0; } #usedSpec ul.domHeadings li.active a#techDetails { width:124px; height:45px; background:url(../images/layup/saab/spriteUsedSpec.jpg) no-repeat -253px 0; } #usedSpec .domContent { background:url(../images/layup/saab/usedSpecBg.jpg) no-repeat left top; } #usedSpec .domContent table { color:#000; } #financeCalculator { color:#444444; background:url(../images/layup/saab/financeCalculatorBg.jpg) no-repeat left top; } #relatedVehicles .title { color:#646464; } #relatedVehicles #boxList .box .title { color:#44505d; } #relatedVehicles #boxList .box .price { color:#44505d; } #relatedVehicles #boxList .box .price span { color:#9aa3a8; } /* ----- OFFERS LISTING ----- */ #offers ul.domHeadings { background:url(../images/layup/saab/offerTabsBg.jpg) no-repeat left top; } #offers ul.domHeadings li a#newCarOffers { background:url(../images/layup/saab/spriteOffersTabs.jpg) no-repeat 0 0; } #offers ul.domHeadings li a#usedCarOffers { background:url(../images/layup/saab/spriteOffersTabs.jpg) no-repeat -150px 0; } #offers ul.domHeadings li a#afterSalesOffers { background:url(../images/layup/saab/spriteOffersTabs.jpg) no-repeat -305px 0; } #offers ul.domHeadings li.active a#newCarOffers { background:url(../images/layup/saab/spriteOffersTabs.jpg) no-repeat 0 -53px; } #offers ul.domHeadings li.active a#usedCarOffers { background:url(../images/layup/saab/spriteOffersTabs.jpg) no-repeat -150px -53px; } #offers ul.domHeadings li.active a#afterSalesOffers { background:url(../images/layup/saab/spriteOffersTabs.jpg) no-repeat -305px -53px; } #offers .domContent #list .thumb { padding:5px 0 0 5px; } /* ----- OFFERS DETAIL ----- */ #offersDetail #mainImg { padding:5px 0 0 5px; } #offersDetail .rightCol { background:url(../images/layup/saab/offersDetailSeparator.gif) no-repeat left top; } #offersDetail #frmOffers label { color:#1b1b1b; } #offersDetail #frmOffers .required { color:#1b1b1b; } #offersDetail #frmOffers select { border:1px solid #c5c1c1; } #offersDetail #frmOffers input, #offersDetail #frmOffers textarea { border:1px solid #c5c1c1; } #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 { border:none; color :#000; } #offersDetail #frmOffers .validation-advice { width:332px; margin: 5px 0; padding: 5px; background-color: #c5cbcf; 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:#8d8c8c; } .boxSmall .content { background:url(../images/layup/volvo/contactBoxBg.jpg) no-repeat left top; } .boxSmall span { color:#8d8c8c; } .boxLarge { color:#4f4f4f; } .boxLarge .content { background:url(../images/layup/volvo/contactBoxLargeBg.jpg) no-repeat left top; } .boxLarge #frmContact .required { color:#000000; } /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { color:#abb4b9; } h2 { color:#606d7d; } p { color:#000; } /* ----- BULLETS ------ */ ul li { color:#6b6b6b; background:url(../images/layup/saab/bulletSquare.gif) no-repeat 0 6px; } /* ----- TOP NAVIGATION ----- */ #primaryNav { width:480px; background:url(../images/layup/saab/navBg.gif) no-repeat; } #primaryNav li { background:url(../images/layup/saab/navSeparator.gif) no-repeat right top; padding:0 5px; } #primaryNav li a { color: #FFFFFF; } #primaryNav li a span { padding: 10px 22px 11px; } #primaryNav li a:hover, #primaryNav li a.active { color:#004c83; background:url(../images/layup/saab/navHoverRight.gif) no-repeat right top; } #primaryNav li a:hover span, #primaryNav li a.active span { background:url(../images/layup/saab/navHoverLeft.gif) no-repeat left top; } #primaryNav li.thaDrop a:hover { background:url(../images/layup/saab/navDropRight.gif) right top no-repeat; } #primaryNav li.thaDrop a:hover span { background: url(../images/layup/saab/navDropLeft.gif) left top no-repeat; } /* ----- DROPDOWN NAV ----- */ #primaryNav ul li ul { background:url(../images/layup/saab/navDropBg.gif) left top no-repeat; } #primaryNav ul li:hover ul li, #primaryNav ul li.sfhover ul li { background:url(../images/layup/saab/navDropSeparator.gif) no-repeat left bottom; } #primaryNav ul li:hover ul li a:hover, #primaryNav ul li.sfhover ul li a:hover { background:url(../images/layup/saab/navDropHover.gif) right no-repeat; } /* ----- FOOTER ----- */ #footer { height:68px; margin-top:-68px; background:url(../images/layup/saab/footerBg.jpg) repeat-x; } #footer p { color:#FFF !important; } /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #breadcrumbs { height: 29px; font-size: 12px; line-height: normal; background: url(../images/layup/saab/breadcrumbsBg.gif) no-repeat left top; padding: 0px 0px 0px 12px; margin:0 0 5px; position:relative; top:-10px; } #breadcrumbs a { font-weight: normal; text-decoration: none; float: left; color: #004C83; padding:7px 15px 7px 0; display: block; background: url(../images/layup/saab/breadcrumbsSpacer.gif) right #fff no-repeat } #breadcrumbs span { display: block; float: left; padding: 7px 10px 7px 3px; } #breadcrumbs span.currentItem { color: #004C83; font-weight: bold; background: url(../images/layup/saab/breadCrumbsEnd.gif) no-repeat top right; padding-right: 20px; } .btnBack { width:56px; height:21px; background:url(../images/layup/saab/btnBack.gif) no-repeat; position:relative; padding:8px 0 0 5px !important; float:right; } .btnBack a { background:url(../images/layup/saab/backBtn.jpg) no-repeat 0 1px !important; } #pagination { background:url(../images/layup/saab/dotsH.gif) repeat-x left bottom; } #pagination .resultsFound { font-size:12px; color:#6a6a6a; } #pagination .sortBy { font-size:12px; color:#6a6a6a; } #pagination .pageSelect { font-size:12px; color:#adadad; } #pagination .pageSelect a { color:#adadad; } #pagination .pageSelect a.active, #pagination .pageSelect #next, #pagination .pageSelect #previous { color:#8f979c; } /* ----- FORMS ----- */ label { color:#4f4f4f; } input, textarea { color:#4f4f4f; } .required { color:#000000; } #frmContact select { color:#4f4f4f; }