/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 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/volvo/bg.jpg) no-repeat top center #fff; } /* ----- IDS ----- */ #container { background:url(../images/layup/volvo/containerBg.jpg) no-repeat; } #header #companyAge { background:url(../images/layup/volvo/celebratingBg.jpg) no-repeat; } #header #companyAge .past { color:#d00000; } #header #companyAge .total { color:#004c83; } #header #companyAge .present { color:#d00000; } #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; } #header #backGroup { position:absolute; right:0; top:0; } #header #badge { position:absolute; right:0; top:37px; } #header #contactDetailsEmail { top:43px; right:68px; } #header #contactDetailsTelephone {top:43px; right:320px; } /* ----- LEFT COLUMN ----- */ /* ----- USED SEARCH ----- */ #usedSearch.domTabs ul.domHeadings li.active a#usedTab { background:url(../images/layup/volvo/spriteSearchTabs.jpg) no-repeat 0 0; } #usedSearch.domTabs ul.domHeadings li a#budgetTab { background:url(../images/layup/volvo/spriteSearchTabs.jpg) no-repeat -125px 0; } #usedSearch.domTabs ul.domHeadings li a#usedTab { background:url(../images/layup/volvo/spriteSearchTabs.jpg) no-repeat 0 -43px; } #usedSearch.domTabs ul.domHeadings li.active a#budgetTab { background:url(../images/layup/volvo/spriteSearchTabs.jpg) no-repeat -122px -43px; } #usedSearch.domTabs .domContent { background:url(../images/layup/volvo/searchBg.jpg) no-repeat left top; } #usedSearch.domTabs .domContent .usedSearchBtns { background:url(../images/layup/volvo/searchBtnsBg.jpg) no-repeat; } #stockUpdates { width:225px; height:161px; margin:0 0 20px; } /* ----- FAVOURITES ----- */ #favourites { width:225px; height:157px; background:url(../images/layup/volvo/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/volvo/favouritesBox.gif) no-repeat left top; } /* ----- OPENING TIMES ----- */ #openingTimes { background:url(../images/layup/volvo/openingTimesBg.jpg) no-repeat left top; } #openingTimes .date { color:#777171; } #openingTimes .days { color:#697b8e; } #openingTimes .departments { color:#585858; background:url(../images/layup/volvo/openingTimesDivV.jpg) no-repeat right top; } #openingTimes .times { color:#585858; } /* ----- RIGHT COLUMN ----- */ #rightCol #mainContent { background:url(../images/layup/volvo/rightColTop.jpg) no-repeat left top; } #rightCol #mainContent .padding { padding:20px; } #rightCol #mainContent #pageHeading { background:url(../images/layup/volvo/dotsH.gif) repeat-x left bottom; } #rightCol #mainContent #pageHeading .contactDetails { color:777777; } #rightCol #mainContent #pageHeading .contactDetails span { color:#004c83; } #rightCol #mainContent #pageHeading .price { color:#912a2a; } /* ----- NEW VEHICLE LISTING ----- */ #mainScroller.carousel { background:url(../images/layup/volvo/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/volvo/carouselNext.png) 0px 0px no-repeat; } #mainScroller.carousel .controls a.previous { background: url(../images/layup/volvo/carouselPrevious.png) 0px 0px no-repeat; } * html #mainScroller.carousel .controls a.next { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='../images/layup/volvo/carouselNext.png'); background: none; } * html #mainScroller.carousel .controls a.previous { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='../images/layup/volvo/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/volvo/spriteNewOptions.jpg) no-repeat 0 0; } #newDetail #newOptions .requestTestDrive a { background:url(../images/layup/volvo/spriteNewOptions.jpg) no-repeat -169px 0; } #newDetail #newOptions .downloadBrochure a { background:url(../images/layup/volvo/spriteNewOptions.jpg) no-repeat 0 -74px; } #newDetail #newOptions .viewOffers a { background:url(../images/layup/volvo/spriteNewOptions.jpg) no-repeat -169px -74px; } #newDetail #newOptions .adviceQuestions a:hover { background:url(../images/layup/volvo/spriteNewOptions.jpg) no-repeat 0 -147px; } #newDetail #newOptions .requestTestDrive a:hover { background:url(../images/layup/volvo/spriteNewOptions.jpg) no-repeat -169px -147px; } #newDetail #newOptions .downloadBrochure a:hover { background:url(../images/layup/volvo/spriteNewOptions.jpg) no-repeat 0 -221px; } #newDetail #newOptions .viewOffers a:hover { background:url(../images/layup/volvo/spriteNewOptions.jpg) no-repeat -169px -221px; } /* ----- USED VEHICLE LISTING ----- */ #list .listItem { background:url(../images/layup/volvo/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/volvo/vehicleContactBg.jpg) no-repeat left top; } #usedDetail #carLocation span { color:#566e8a; } #usedCarOptions .makeEnquiry a { background:url(../images/layup/volvo/spriteUsedOptions.jpg) no-repeat 0 0; } #usedCarOptions .sendFriend a { background:url(../images/layup/volvo/spriteUsedOptions.jpg) no-repeat -172px 0; } #usedCarOptions .printSpecSheet a { background:url(../images/layup/volvo/spriteUsedOptions.jpg) no-repeat -337px 0; } #usedCarOptions .saveCompare a { background:url(../images/layup/volvo/spriteUsedOptions.jpg) no-repeat -501px 0; } #usedCarOptions .makeEnquiry a:hover { background:url(../images/layup/volvo/spriteUsedOptions.jpg) no-repeat 0 -90px; } #usedCarOptions .sendFriend a:hover { background:url(../images/layup/volvo/spriteUsedOptions.jpg) no-repeat -172px -90px; } #usedCarOptions .printSpecSheet a:hover { background:url(../images/layup/volvo/spriteUsedOptions.jpg) no-repeat -337px -90px; } #usedCarOptions .saveCompare a:hover { background:url(../images/layup/volvo/spriteUsedOptions.jpg) no-repeat -501px -90px; } #usedSpec ul.domHeadings li a#carDetails { width:129px; height:45px; background:url(../images/layup/volvo/spriteUsedSpec.jpg) no-repeat 0 -45px; } #usedSpec ul.domHeadings li a#specification { width:131px; height:45px; background:url(../images/layup/volvo/spriteUsedSpec.jpg) no-repeat -129px -45px; } #usedSpec ul.domHeadings li a#techDetails { width:122px; height:45px; background:url(../images/layup/volvo/spriteUsedSpec.jpg) no-repeat -260px -45px; } #usedSpec ul.domHeadings li.active a#carDetails { width:127px; height:45px; background:url(../images/layup/volvo/spriteUsedSpec.jpg) no-repeat 0 0; } #usedSpec ul.domHeadings li.active a#specification { width:126px; height:45px; background:url(../images/layup/volvo/spriteUsedSpec.jpg) no-repeat -127px 0; } #usedSpec ul.domHeadings li.active a#techDetails { width:124px; height:45px; background:url(../images/layup/volvo/spriteUsedSpec.jpg) no-repeat -253px 0; } #usedSpec .domContent { background:url(../images/layup/volvo/usedSpecBg.jpg) no-repeat left bottom; } #usedSpec .domContent table { color:#000; } #financeCalculator { color:#444444; background:url(../images/layup/volvo/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:#8097aa; } /* ----- OFFERS LISTING ----- */ #offers ul.domHeadings { background:url(../images/layup/volvo/offerTabsBg.jpg) no-repeat left top; } #offers ul.domHeadings li a#newCarOffers { background:url(../images/layup/volvo/spriteOffersTabs.jpg) no-repeat 0 0; } #offers ul.domHeadings li a#usedCarOffers { background:url(../images/layup/volvo/spriteOffersTabs.jpg) no-repeat -150px 0; } #offers ul.domHeadings li a#afterSalesOffers { background:url(../images/layup/volvo/spriteOffersTabs.jpg) no-repeat -305px 0; } #offers ul.domHeadings li.active a#newCarOffers { background:url(../images/layup/volvo/spriteOffersTabs.jpg) no-repeat 0 -53px; } #offers ul.domHeadings li.active a#usedCarOffers { background:url(../images/layup/volvo/spriteOffersTabs.jpg) no-repeat -150px -53px; } #offers ul.domHeadings li.active a#afterSalesOffers { background:url(../images/layup/volvo/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/volvo/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: #004C83; 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:#004c83; } h1 { background:url(../images/layup/volvo/dotsH.gif) repeat-x left bottom; } h2 { color:#606d7d; } p { color:#000; } /* ----- BULLETS ------ */ ul li { color:#6b6b6b; background:url(../images/layup/volvo/bulletSquare.gif) no-repeat 0 6px; } /* ----- TOP NAVIGATION ----- */ #primaryNav { background:url(../images/layup/volvo/navBg.gif) no-repeat; } #primaryNav li { background:url(../images/layup/volvo/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:#004c83; background:url(../images/layup/volvo/navHoverRight.gif) no-repeat right top; } #primaryNav li a:hover span, #primaryNav li a.active span { background:url(../images/layup/volvo/navHoverLeft.gif) no-repeat left top; } #primaryNav li.thaDrop a:hover { background:url(../images/layup/volvo/navDropRight.gif) right top no-repeat; } #primaryNav li.thaDrop a:hover span { background: url(../images/layup/volvo/navDropLeft.gif) left top no-repeat; } /* ----- DROPDOWN NAV ----- */ #primaryNav ul li ul { background:url(../images/layup/volvo/navDropBg.gif) left top no-repeat; } #primaryNav ul li:hover ul li, #primaryNav ul li.sfhover ul li { background:url(../images/layup/volvo/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/volvo/navDropHover.gif) right no-repeat; } /* ----- FOOTER ----- */ #footer { height:68px; margin-top:-68px; background:url(../images/layup/volvo/footerBg.jpg) repeat-x; } #footer p { color:#FFF !important; } /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #breadcrumbs a { color:#6b6b6b; } #breadcrumbs span { color:#6b6b6b; background:url(../images/layup/volvo/breadcrumbsSeparator.jpg) no-repeat 0 3px; } #breadcrumbs .btnBack a { background:url(../images/layup/volvo/backBtn.jpg) no-repeat 0 1px; } #pagination { background:url(../images/layup/volvo/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:#708092; } /* ----- FORMS ----- */ label { color:#4f4f4f; } input, textarea { color:#4f4f4f; } .required { color:#000000; } #frmContact select { color:#4f4f4f; }