/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : James Greenwood / james.greenwood@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Skurrays site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { background:url(../images/layup/vauxhall/bgInternal.jpg) no-repeat center top #fff; } body.home { background:url(../images/layup/vauxhall/bg.jpg) no-repeat center top #fff; } /* ----- IDS ----- */ #header #badge { position:absolute; right:0; top:27px; } #header #visitSkurraysGroup { right:102px; top:36px; } #header #contactDetails { right:102px; top:74px; } #primaryNav li a { padding-left: 22px; padding-right: 21px; } #primaryNav li#contact a { padding-left: 15px; padding-right: 14px; } /* ----- LEFT COLUMN ----- */ #vehicleSearch .dt2 #budgetAmounts a.under5 { background:url(../images/layup/vauxhall/spriteBudgetAmounts.gif) 0px 0px no-repeat; } #vehicleSearch .dt2 #budgetAmounts a.under5:hover { background:url(../images/layup/vauxhall/spriteBudgetAmounts.gif) 0px -56px no-repeat; } #vehicleSearch .dt2 #budgetAmounts a.under5.active { background:url(../images/layup/vauxhall/spriteBudgetAmounts.gif) 0px -56px no-repeat; } #vehicleSearch .dt2 #budgetAmounts a.five_ten { background:url(../images/layup/vauxhall/spriteBudgetAmounts.gif) -65px 0px no-repeat; } #vehicleSearch .dt2 #budgetAmounts a.five_ten:hover { background:url(../images/layup/vauxhall/spriteBudgetAmounts.gif) -65px -56px no-repeat; } #vehicleSearch .dt2 #budgetAmounts a.five_ten.active { background:url(../images/layup/vauxhall/spriteBudgetAmounts.gif) -65px -56px no-repeat; } #vehicleSearch .dt2 #budgetAmounts a.ten_fifteen { background:url(../images/layup/vauxhall/spriteBudgetAmounts.gif) -130px 0px no-repeat; } #vehicleSearch .dt2 #budgetAmounts a.ten_fifteen:hover { background:url(../images/layup/vauxhall/spriteBudgetAmounts.gif) -130px -56px no-repeat; } #vehicleSearch .dt2 #budgetAmounts a.ten_fifteen.active { background:url(../images/layup/vauxhall/spriteBudgetAmounts.gif) -130px -56px no-repeat; } #vehicleSearch .dt2 #budgetAmounts a.fifteen_twenty { background:url(../images/layup/vauxhall/spriteBudgetAmounts.gif) 0px -28px no-repeat; } #vehicleSearch .dt2 #budgetAmounts a.fifteen_twenty:hover { background:url(../images/layup/vauxhall/spriteBudgetAmounts.gif) 0px -84px no-repeat; } #vehicleSearch .dt2 #budgetAmounts a.fifteen_twenty.active { background:url(../images/layup/vauxhall/spriteBudgetAmounts.gif) 0px -84px no-repeat; } #vehicleSearch .dt2 #budgetAmounts a.over20K { background:url(../images/layup/vauxhall/spriteBudgetAmounts.gif) -65px -28px no-repeat; } #vehicleSearch .dt2 #budgetAmounts a.over20K:hover { background:url(../images/layup/vauxhall/spriteBudgetAmounts.gif) -65px -84px no-repeat; } #vehicleSearch .dt2 #budgetAmounts a.over20K.active { background:url(../images/layup/vauxhall/spriteBudgetAmounts.gif) 65px -84px no-repeat; } #vehicleSearch .dt2 #budgetAmounts a.dontMind { background:url(../images/layup/vauxhall/spriteBudgetAmounts.gif) -130px -28px no-repeat; } #vehicleSearch .dt2 #budgetAmounts a.dontMind:hover { background:url(../images/layup/vauxhall/spriteBudgetAmounts.gif) -130px -84px no-repeat; } #vehicleSearch .dt2 #budgetAmounts a.dontMind.active { background:url(../images/layup/vauxhall/spriteBudgetAmounts.gif) 130px -84px no-repeat; } #leftCol #twitterBox .padding { color: #fff; background: url(../images/layup/vauxhall/twitterBg.gif) top left no-repeat; } #leftCol #twitterBox .padding .tweet { border-bottom: 1px solid #dd7f8a; } #leftCol #twitterBox .padding .tweet a { color: #fff !important; } /* ----- VEHICLE SEARCH */ #vehicleSearch ul.domHeadings li a.carSearch { background:url(../images/layup/vauxhall/spriteVehicleSearchTabs.jpg) no-repeat 0 0 !important; } #vehicleSearch ul.domHeadings li a.carEcoSearch { background:url(../images/layup/vauxhall/spriteVehicleSearchTabs.jpg) no-repeat -82px 0 !important; } #vehicleSearch ul.domHeadings li a.vanSearch { background:url(../images/layup/vauxhall/spriteVehicleSearchTabs.jpg) no-repeat -165px 0; !important } #vehicleSearch ul.domHeadings li.active a.carSearch { background:url(../images/layup/vauxhall/spriteVehicleSearchTabs.jpg) no-repeat 0 -68px !important; } #vehicleSearch ul.domHeadings li.active a.carEcoSearch { background:url(../images/layup/vauxhall/spriteVehicleSearchTabs.jpg) no-repeat -82px -68px !important; } #vehicleSearch ul.domHeadings li.active a.vanSearch { background:url(../images/layup/vauxhall/spriteVehicleSearchTabs.jpg) no-repeat -165px -68px; !important } #vehicleSearch .domContent { background:url(../images/layup/vauxhall/vehicleSearchContentBg.jpg) no-repeat left top; } #vehicleSearch .searchOptions .newSearch a { background:url(../images/layup/vauxhall/spriteVehicleSearchSearchOptions.jpg) no-repeat 0 0; margin:0 8px 0 0; } #vehicleSearch .searchOptions .usedSearch a { background:url(../images/layup/vauxhall/spriteVehicleSearchSearchOptions.jpg) no-repeat -100px 0; } #vehicleSearch .searchOptions .newSearch a.active { background:url(../images/layup/vauxhall/spriteVehicleSearchSearchOptions.jpg) no-repeat 0 -30px; } #vehicleSearch .searchOptions .usedSearch a.active { background:url(../images/layup/vauxhall/spriteVehicleSearchSearchOptions.jpg) no-repeat -100px -30px; } /* ----- SAVE & COMPARE */ #saveCompare ul.domHeadings li a.recentlyViewed { background:url(../images/layup/vauxhall/spriteSaveCompareTabs.jpg) no-repeat 0 -60px; } #saveCompare ul.domHeadings li a.saveCompare { background:url(../images/layup/vauxhall/spriteSaveCompareTabs.jpg) no-repeat -121px 0; } #saveCompare ul.domHeadings li.active a.recentlyViewed { background:url(../images/layup/vauxhall/spriteSaveCompareTabs.jpg) no-repeat 0 0; } #saveCompare ul.domHeadings li.active a.saveCompare { background:url(../images/layup/vauxhall/spriteSaveCompareTabs.jpg) no-repeat -121px -60px; } #saveCompare .domContent { background:url(../images/layup/vauxhall/saveCompareBg.jpg) no-repeat left top; } #saveCompare .domContent .boxList .box { background:url(../images/layup/vauxhall/saveCompareItemBg.jpg) no-repeat left top; } /* ----- RIGHT COLUMN ----- */ #rightCol { background:url(../images/layup/vauxhall/rightColTop.gif) no-repeat left top #FFF; } /* ----- NEW CARS */ #boxList .box { background:url(../images/layup/vauxhall/newCarBoxBg.gif) no-repeat left top; } #boxList .box .model { background:url(../images/layup/vauxhall/newCarModelBg.jpg) no-repeat left top; } /* ----- NEW CAR INTERMEDIATE */ #selectVariant { background:url(../images/layup/vauxhall/newCarSelectVariantBg.jpg) no-repeat left top; } /* ----- NEW CAR DETAIL */ #newCarDetail ul.domHeadings li a.overview { background:url(../images/layup/vauxhall/spriteNewCarDetailTabs.jpg) no-repeat 0 0; } #newCarDetail ul.domHeadings li a.features { background:url(../images/layup/vauxhall/spriteNewCarDetailTabs.jpg) no-repeat -81px 0; } #newCarDetail ul.domHeadings li a.techSpec { background:url(../images/layup/vauxhall/spriteNewCarDetailTabs.jpg) no-repeat -156px 0; } #newCarDetail ul.domHeadings li a.eco { background:url(../images/layup/vauxhall/spriteNewCarDetailTabs.jpg) no-repeat -239px 0; } #newCarDetail ul.domHeadings li.active a.overview { background:url(../images/layup/vauxhall/spriteNewCarDetailTabs.jpg) no-repeat 0 -32px; } #newCarDetail ul.domHeadings li.active a.features { background:url(../images/layup/vauxhall/spriteNewCarDetailTabs.jpg) no-repeat -81px -32px; } #newCarDetail ul.domHeadings li.active a.techSpec { background:url(../images/layup/vauxhall/spriteNewCarDetailTabs.jpg) no-repeat -156px -32px; } #newCarDetail ul.domHeadings li.active a.eco { background:url(../images/layup/vauxhall/spriteNewCarDetailTabs.jpg) no-repeat -239px 0; } #newCarDetail .domContent { background:url(../images/layup/vauxhall/newCarDetailBg.gif) #dcdcdc no-repeat left bottom; } #newOptions .requestBrochure a { background:url(../images/layup/vauxhall/spriteNewOptions.jpg) no-repeat 0 0; } #newOptions .requestTestDrive a { background:url(../images/layup/vauxhall/spriteNewOptions.jpg) no-repeat -110px 0; } #newOptions .adviceQuestions a { background:url(../images/layup/vauxhall/spriteNewOptions.jpg) no-repeat -220px 0; } #newOptions .currentOffers a { background:url(../images/layup/vauxhall/spriteNewOptions.jpg) no-repeat -330px 0; } #newOptions .nearlyNewVehicles a { background:url(../images/layup/vauxhall/spriteNewOptions.jpg) no-repeat -441px 0; } #newOptions .valueVehicle a { background:url(../images/layup/vauxhall/spriteNewOptions.jpg) no-repeat -544px 0; } #newOptions .requestBrochure a:hover { background:url(../images/layup/vauxhall/spriteNewOptions.jpg) no-repeat 0 -96px; } #newOptions .requestTestDrive a:hover { background:url(../images/layup/vauxhall/spriteNewOptions.jpg) no-repeat -110px -96px; } #newOptions .adviceQuestions a:hover { background:url(../images/layup/vauxhall/spriteNewOptions.jpg) no-repeat -220px -96px; } #newOptions .currentOffers a:hover { background:url(../images/layup/vauxhall/spriteNewOptions.jpg) no-repeat -330px -96px; } #newOptions .nearlyNewVehicles a:hover { background:url(../images/layup/vauxhall/spriteNewOptions.jpg) no-repeat -441px -96px; } #newOptions .valueVehicle a:hover { background:url(../images/layup/vauxhall/spriteNewOptions.jpg) no-repeat -544px -96px; } #carCustomization ul.domHeadings li a.customization { background:url(../images/layup/vauxhall/spriteNewCarCustomizationTabs.jpg) no-repeat 0 0; } #carCustomization ul.domHeadings li a.finance { background:url(../images/layup/vauxhall/spriteNewCarCustomizationTabs.jpg) no-repeat -236px 0; } #carCustomization ul.domHeadings li a.insurance { background:url(../images/layup/vauxhall/spriteNewCarCustomizationTabs.jpg) no-repeat -349px 0; } #carCustomization ul.domHeadings li.active a.customization { background:url(../images/layup/vauxhall/spriteNewCarCustomizationTabs.jpg) no-repeat 0 -31px; } #carCustomization ul.domHeadings li.active a.finance { background:url(../images/layup/vauxhall/spriteNewCarCustomizationTabs.jpg) no-repeat -236px -31px; } #carCustomization ul.domHeadings li.active a.insurance { background:url(../images/layup/vauxhall/spriteNewCarCustomizationTabs.jpg) no-repeat -349px -31px; } #carCustomization .domContent { background:url(../images/layup/vauxhall/newCarCustomizationBg.gif) #dcdcdc no-repeat left top; } #configOptions form table td.plus { background:url(../images/layup/vauxhall/iconPlus.gif) 7px 5px no-repeat #ececee ; } #configOptions form table td.minus { background: url(../images/layup/vauxhall/iconMinus.gif) 7px 5px no-repeat #ececee; } #carCustomization .domContent #priceTable { background:url(../images/layup/vauxhall/newCarCustomizationPriceTop.gif) no-repeat #b7b7b7 left top; } /* ----- USED CARS */ .searchOptions.top { background:url(../images/layup/vauxhall/searchOptionsDividerTop.jpg) no-repeat 9px bottom; } .searchOptions.bottom { background:url(../images/layup/vauxhall/searchOptionsDividerBottom.jpg) no-repeat 9px top; } #list .listItem { background:url(../images/layup/vauxhall/usedListBg.gif) no-repeat left top; } #list .listItem .rightSide .model { background:url(../images/layup/vauxhall/usedListModelBg.jpg) no-repeat left top; } #list .listItem .rightSide .vehicleInfo { background:url(../images/layup/vauxhall/usedListVehicleInfoBg.jpg) no-repeat left top; } /* ----- USED VEHICLE DETAIL */ #usedOptions .enquireAboutVehicle a { background:url(../images/layup/vauxhall/spriteUsedOptions.jpg) no-repeat 0 0; } #usedOptions .sendFriend a { background:url(../images/layup/vauxhall/spriteUsedOptions.jpg) no-repeat -101px 0; } #usedOptions .printVehicleSpec a { background:url(../images/layup/vauxhall/spriteUsedOptions.jpg) no-repeat -207px 0; } #usedOptions .makeOffer a { background:url(../images/layup/vauxhall/spriteUsedOptions.jpg) no-repeat -317px 0; } #usedOptions .saveCompare a { background:url(../images/layup/vauxhall/spriteUsedOptions.jpg) no-repeat -428px 0; } #usedOptions .valueVehicle a { background:url(../images/layup/vauxhall/spriteUsedOptions.jpg) no-repeat -539px 0; } #usedOptions .enquireAboutVehicle a:hover { background:url(../images/layup/vauxhall/spriteUsedOptions.jpg) no-repeat 0 -96px; } #usedOptions .sendFriend a:hover { background:url(../images/layup/vauxhall/spriteUsedOptions.jpg) no-repeat -101px -96px; } #usedOptions .printVehicleSpec a:hover { background:url(../images/layup/vauxhall/spriteUsedOptions.jpg) no-repeat -207px -96px; } #usedOptions .makeOffer a:hover { background:url(../images/layup/vauxhall/spriteUsedOptions.jpg) no-repeat -317px -96px; } #usedOptions .saveCompare a:hover { background:url(../images/layup/vauxhall/spriteUsedOptions.jpg) no-repeat -428px -96px; } #usedOptions .valueVehicle a:hover { background:url(../images/layup/vauxhall/spriteUsedOptions.jpg) no-repeat -539px -96px; } #relatedVehicles { background:url(../images/layup/vauxhall/relatedVehiclesBg.gif) #dcdcdc no-repeat left bottom; } #relatedVehicles #list .listItem .rightSide .model { background:url(../images/layup/vauxhall/relatedVehiclesModelBg.jpg) no-repeat left bottom; padding-bottom: 7px; } #relatedVehicles #list .listItem .rightSide .vehicleInfo { background:url(../images/layup/vauxhall/relatedVehiclesVehicleInfoBg.gif) no-repeat left top; } #relatedVehicles #list .listItem .rightSide .model span.background { background: url(../images/layup/vauxhall/usedListModelBg2.jpg) no-repeat; } #list .listItem .rightSide .model span.background { background:url(../images/layup/vauxhall/usedListModelBgBot.jpg) no-repeat left bottom; } /* ----- OFFERS LIST */ #offersList ul.domHeadings { background:url(../images/layup/vauxhall/offersTabsBg.jpg) no-repeat right top; } #offersList ul.domHeadings li a.newCarOffers { background:url(../images/layup/vauxhall/spriteOffersListTabs.jpg) no-repeat 0 0; width:133px; } #offersList ul.domHeadings li a.usedCarOffers { background:url(../images/layup/vauxhall/spriteOffersListTabs.jpg) no-repeat -133px 0; width:139px; } #offersList ul.domHeadings li a.aftersales { background:url(../images/layup/vauxhall/spriteOffersListTabs.jpg) no-repeat -272px 0; width:93px; } #offersList ul.domHeadings li a.business { background:url(../images/layup/vauxhall/spriteOffersListTabs.jpg) no-repeat -365px 0; width:81px; } #offersList ul.domHeadings li a.motability { background:url(../images/layup/vauxhall/spriteOffersListTabs.jpg) no-repeat -446px 0; width:95px; } #offersList ul.domHeadings li a.vanOffers { background:url(../images/layup/vauxhall/spriteOffersListTabs.jpg) no-repeat -541px 0; width:111px; } #offersList ul.domHeadings li.active a.newCarOffers { background:url(../images/layup/vauxhall/spriteOffersListTabs.jpg) no-repeat 0 -35px; } #offersList ul.domHeadings li.active a.usedCarOffers { background:url(../images/layup/vauxhall/spriteOffersListTabs.jpg) no-repeat -133px -35px; } #offersList ul.domHeadings li.active a.aftersales { background:url(../images/layup/vauxhall/spriteOffersListTabs.jpg) no-repeat -272px -35px; } #offersList ul.domHeadings li.active a.business { background:url(../images/layup/vauxhall/spriteOffersListTabs.jpg) no-repeat -365px -35px; } #offersList ul.domHeadings li.active a.motability { background:url(../images/layup/vauxhall/spriteOffersListTabs.jpg) no-repeat -446px -35px; } #offersList ul.domHeadings li.active a.vanOffers { background:url(../images/layup/vauxhall/spriteOffersListTabs.jpg) no-repeat -541px -35px; } #offersList .box { background:none; } /* ----- CONTACT LISTING */ #contactListing #boxList .box { background:url(../images/layup/vauxhall/contactListBoxBg.gif) no-repeat left top; } #contactListing #boxList .box .location { background:url(../images/layup/vauxhall/contactListLocationBg.jpg) no-repeat left top; } /* ----- CONTACT US */ #dealerImg { background:url(../images/layup/vauxhall/dealerImgBg.gif) no-repeat left top; } #mapContainer { background:url(../images/layup/vauxhall/mapBg.gif) no-repeat left top; } #mapContainer #postcodeEntry { background:url(../images/layup/vauxhall/directionsBg.jpg) no-repeat left top; } /* ----- VEHICLE COMPARISON */ .vehicleComparison tr.altRow td { background: #F2F2F2 !important; } .vehicleComparison tr td.heading { background:#c61d2f !important; } .vehicleComparison tr.topRow td { background:url(../images/layup/vauxhall/vehCompareTopBg.gif) repeat-x left top; } .vehicleComparison tr th.topLeft { background:url(../images/layup/vauxhall/vehCompareLeftColTop.gif) no-repeat left top; } .vehicleComparison tr.bottomRow td { background:url(../images/layup/vauxhall/vehCompareBottomBg.gif) repeat-x left bottom; } .vehicleComparison tr td.topLeft { background:url(../images/layup/vauxhall/vehCompareLeftColTop.gif) no-repeat left top; } .vehicleComparison tr td.bottomLeft { background:url(../images/layup/vauxhall/vehCompareLeftColBtm.gif) no-repeat left bottom !important; } .vehicleComparison tr td.topRight { background:url(../images/layup/vauxhall/vehCompareRightColTop.gif) no-repeat right top #fff; } .vehicleComparison tr td.bottomRight { background:url(../images/layup/vauxhall/vehCompareRightColBtm.gif) no-repeat right bottom #fff; } .vehicleComparison tr th.rowClosed { background:url(../images/layup/vauxhall/rowClosed.gif) no-repeat left top #000 !important; } /* ----- MASTER COLUMN ----- */ #masterCol { background:url(../images/layup/vauxhall/masterColTop.gif) no-repeat left top #FFF; } /* ----- USED VEHICLE DETAIL */ #modelLocationTelephone .locationTelephone span { color:#8b0b0e; } #usedDetailPrice { background:url(../images/layup/vauxhall/usedDetailPriceBg.jpg) no-repeat left top; } #usedDetailPrice.small { background:url(../images/layup/vauxhall/usedDetailPriceSmallBg.jpg) no-repeat left top; } #detailThumbs #thumbs .thumb .btnPrevious { background:url(../images/layup/vauxhall/thumbsPrevious.png) no-repeat; } * html #detailThumbs #thumbs .thumb .btnPrevious { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='../images/layup/vauxhall/thumbsPrevious.png'); background: none; } #detailThumbs #thumbs .thumb .btnNext { background:url(../images/layup/vauxhall/thumbsNext.png) no-repeat; } * html #detailThumbs #thumbs .thumb .btnNext { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='../images/layup/vauxhall/thumbsNext.png'); background: none; } #usedCarDetail ul.domHeadings li a.overview { background:url(../images/layup/vauxhall/spriteUsedCarDetailTabs.jpg) no-repeat 0 0; } #usedCarDetail ul.domHeadings li a.specification { background:url(../images/layup/vauxhall/spriteUsedCarDetailTabs.jpg) no-repeat -107px 0; } #usedCarDetail ul.domHeadings li a.technical { background:url(../images/layup/vauxhall/spriteUsedCarDetailTabs.jpg) no-repeat -216px 0; } #usedCarDetail ul.domHeadings li a.finance { background:url(../images/layup/vauxhall/spriteUsedCarDetailTabs.jpg) no-repeat -326px 0; } #usedCarDetail ul.domHeadings li a.warranty { background:url(../images/layup/vauxhall/spriteUsedCarDetailTabs.jpg) no-repeat -435px 0; } #usedCarDetail ul.domHeadings li.active a.overview { background:url(../images/layup/vauxhall/spriteUsedCarDetailTabs.jpg) no-repeat 0 -44px; } #usedCarDetail ul.domHeadings li.active a.specification { background:url(../images/layup/vauxhall/spriteUsedCarDetailTabs.jpg) no-repeat -107px -44px; } #usedCarDetail ul.domHeadings li.active a.technical { background:url(../images/layup/vauxhall/spriteUsedCarDetailTabs.jpg) no-repeat -216px -44px; } #usedCarDetail ul.domHeadings li.active a.finance { background:url(../images/layup/vauxhall/spriteUsedCarDetailTabs.jpg) no-repeat -326px -44px; } #usedCarDetail ul.domHeadings li.active a.warranty { background:url(../images/layup/vauxhall/spriteUsedCarDetailTabs.jpg) no-repeat -435px -44px; } #usedCarDetail .domContent { background:url(../images/layup/vauxhall/usedDetailContentBg.gif) no-repeat left bottom #dcdcdc; } #usedCarDetail .domContent .managersComments span { color:#cf2638; } /* ----- CMS AREA ----- */ #cmsArea { width:267px; margin:0 0 15px 15px; float:right } #cmsArea .cmsImage { margin:0 0 12px 0; position:relative; float:none; } #cmsArea #btnBookService { width:267px; height:38px; } /* ----- CMS TABLE ----- */ table.cmsTable tr td.heading { background:#c61d2f; } /* ----- TOP NAVIGATION ----- */ #primaryNav { background:url(../images/layup/vauxhall/navBg.jpg) no-repeat left top; } #primaryNav li { background:url(../images/layup/vauxhall/navDivider.gif) no-repeat right top; } #primaryNav li a:hover, #primaryNav li.active a { color: #FFFFFF; text-decoration: none; background:url(../images/layup/vauxhall/navHover.jpg) no-repeat center top; } #primaryNav li#home a:hover, #primaryNav li#home.active a { background:url(../images/layup/vauxhall/navHoverHome.jpg) no-repeat left top; } #primaryNav li#contact a:hover, #primaryNav li#contact.active a { background:url(../images/layup/vauxhall/navHoverContact.jpg) no-repeat right top; } /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ .pagination li a:hover, .pagination li.active a { background:#c61d2f; } /* ----- FOOTER ----- */ #footerWrapper { background:url(../images/layup/vauxhall/footerBg.gif) repeat-x left top; } /* ----- LINKS ----- */ a { color:#c61d2f; } /* ----- FORMS ----- */ #frmSmall { background:url(../images/layup/vauxhall/formBg.gif) no-repeat left bottom #dcdcdc; } #frmSmall.medium { background:url(../images/layup/vauxhall/formMediumBg.gif) no-repeat left bottom #dcdcdc; } #popupContainer #servicePartsPopUp { background:url(../images/layup/vauxhall/popUpBg.png) no-repeat left top; } #popupContainer #popUpBtm { height:164px; background:url(../images/layup/vauxhall/popUpBtm.png) no-repeat left bottom; } * html #popupContainer #servicePartsPopUp { background:url(../images/layup/vauxhall/popUpBg.gif) no-repeat left top; } * html #popupContainer #popUpBtm { background:url(../images/layup/vauxhall/popUpBtm.gif) no-repeat left bottom; }