/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : James Greenwood / james.greenwood@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for SMC site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* COMMON AND GLOBAL */ body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:url(../images/layup/bg.jpg) no-repeat center top #232323; color:#FFF; text-align:center; } /* This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text. Declaring the font size in pixels makes it more consistent across browsers. */ td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; } html>body td, html>body textarea, html>body input, html>body select { font-size:11px; } /* some browsers don't inherit the font into tables or textareas! */ /* ----- IDS ----- */ #container { width:960px; margin:0 auto; text-align:left; font-size:110%; line-height: normal; position:relative; padding:20px 0 0 0; z-index:1; } #printHeader { display:none; } #logoHome { margin:23px 0 0 -7px; float:left; } /* ----- SLIDE ----- */ #blindCar { width:100%; height:142px; background:url(../images/layup/blindBg.jpg) no-repeat center top; } #blindCar .blindContainer { width:960px; margin:0 auto; text-align:left; font-size:110%; padding: 0px; position: relative; } #blindCar .blindContainer .btnClose { position: absolute; top:2px; right:51px; z-index: 9999px; } #blindCar #franchiseJumps { width:872px; height:128px; padding:1px 0 0 32px; } #blindCar #franchiseJumps div { float:left; } #blindCar #franchiseJumps span { display:none; } #blindCar #franchiseJumps a { display:block; } #blindCar #franchiseJumps .group a { width:122px; height:128px; background:url(../images/layup/spriteBlindJumps.jpg) no-repeat 0 0; } #blindCar #franchiseJumps .group a:hover { background:url(../images/layup/spriteBlindJumps.jpg) no-repeat 0 -128px; } #blindCar #franchiseJumps .ford a { width:138px; height:128px; background:url(../images/layup/spriteBlindJumps.jpg) no-repeat -122px 0; } #blindCar #franchiseJumps .ford a:hover { background:url(../images/layup/spriteBlindJumps.jpg) no-repeat -122px -128px; } #blindCar #franchiseJumps .seat a { width:122px; height:128px; background:url(../images/layup/spriteBlindJumps.jpg) no-repeat -260px 0; } #blindCar #franchiseJumps .seat a:hover { background:url(../images/layup/spriteBlindJumps.jpg) no-repeat -260px -128px; } #blindCar #franchiseJumps .suzuki a { width:143px; height:128px; background:url(../images/layup/spriteBlindJumps.jpg) no-repeat -382px 0; } #blindCar #franchiseJumps .suzuki a:hover { background:url(../images/layup/spriteBlindJumps.jpg) no-repeat -382px -128px; } #blindCar #franchiseJumps .mitsibushi a { width:107px; height:128px; background:url(../images/layup/spriteBlindJumps.jpg) no-repeat -525px 0; } #blindCar #franchiseJumps .mitsibushi a:hover { background:url(../images/layup/spriteBlindJumps.jpg) no-repeat -525px -128px; } #blindCar #franchiseJumps .mgRover a { width:111px; height:128px; background:url(../images/layup/spriteBlindJumps.jpg) no-repeat -632px 0; } #blindCar #franchiseJumps .mgRover a:hover { background:url(../images/layup/spriteBlindJumps.jpg) no-repeat -632px -128px; } #blindCar #franchiseJumps .allMakes a { width:129px; height:128px; background:url(../images/layup/spriteBlindJumps.jpg) no-repeat -743px 0; } #blindCar #franchiseJumps .allMakes a:hover { background:url(../images/layup/spriteBlindJumps.jpg) no-repeat -743px -128px; } #blindNav { width:935px; height:19px; background:url(../images/layup/blindNavBg.png) no-repeat; padding:15px 25px 0 0; } #blindNav div { margin:0 20px 0 0; float:right; } #blindNav a { font-size:14px; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; display:block; padding:0 0 0 30px; } #blindNav .smcFranchises a { background:url(../images/layup/iconFranchises.gif) no-repeat center left; position:relative; } #blindNav .valueCar a { background:url(../images/layup/iconValueCar.gif) no-repeat center left; position:relative; } #blindNav .serviceBooking a { background:url(../images/layup/iconServiceBooking.gif) no-repeat center left; position:relative; } #blindNav .findUs a { background:url(../images/layup/iconFindUs.gif) no-repeat center left; position:relative; } #blindNav .newsletterSignUp a { background:url(../images/layup/iconNewsletter.gif) no-repeat center left; position:relative; } #mainImg #thumbsBg { position: absolute; top: 238px; left: 0px; background: url(../images/layup/thumbsBg.png) repeat-x; height: 45px; width: 377px; z-index: 1px; } #mainImg #thumbs { position: absolute; top: 238px; left: 0px; height: 45px; width: 377px; z-index: 999px; } #mainImg #thumbs a { display: block; float: left; margin: 8px 0px 3px 3px; position: relative; z-index: 999; } #mainImg #thumbs a img { position: relative; z-index: 999; float: left; } /* ----- TOP NAVIGATION ----- */ #primaryNavLeft { width:8px; height:44px; float:left; } #primaryNavRight { width:8px; height:44px; float:left; } #primaryNav { width:944px; height:44px; background:url(../images/layup/navBg.jpg) no-repeat bottom; position:relative; z-index:1000; float:left; } #primaryNav ul { list-style: none; margin:0 0 0 197px; padding: 0; } #primaryNav ul li { background:url(../images/layup/navDivider.jpg) no-repeat right 10px; padding:0; position:relative; float:left; } #primaryNav ul li#end { background:none; padding:0; } #primaryNav ul li a { font-size:14px; font-weight:normal; color:#FFFFFF; text-decoration:none; display: block; } #primaryNav ul li a span { padding:18px 11px 10px 12px; display: block; float:left; } #primaryNav ul li a:hover { background:url(../images/layup/navHoverRight.jpg) no-repeat top right; float:left; } #primaryNav ul li a:hover span { background: url(../images/layup/navHoverLeft.jpg) no-repeat top left; float:left; } #primaryNav ul li a.active { background:url(../images/layup/navHoverRight.jpg) no-repeat top right; float:left; } #primaryNav ul li a.active span { background: url(../images/layup/navHoverLeft.jpg) no-repeat top left; float:left; } /* ----- DROPDOWN NAV ----- */ #primaryNav ul li ul { width:208px; background:#7ebb22; margin:0; padding:0; position: absolute; top:44px; left: -999em; clear:both; } #primaryNav ul li:hover ul, #primaryNav ul li.sfhover ul { left: auto; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; display: block; width: 208px; } #primaryNav ul li ul li.top { background:none; } #primaryNav ul li:hover ul li, #primaryNav ul li.sfhover ul li { background:url(../images/layup/navDropDownDivider.jpg) no-repeat top left; display: block; padding:0 !important; margin: 0px; width:208px; } #primaryNav ul li:hover ul li a, #primaryNav ul li.sfhover ul li a { width:196px; padding:8px 0 8px 13px; margin: 0px; display:block; } #primaryNav ul li:hover ul li a:hover, #primaryNav ul li.sfhover ul li a:hover { background:#6fa11b; } /* ----- SECONDARY NAVIGATION ----- */ #secondaryNav { padding-top: 30px; } #secondaryNav ul { list-style: none; margin: 0; padding: 0; } #secondaryNav li { padding-right: 10px; margin: 0px 0px 15px 0px; background: url(../images/layup/sNavBg.gif) center right no-repeat; } #secondaryNav li a { text-decoration: none; color: #0cb1e8; } #secondaryNav li.active { background: url(../images/layup/sNavBgActive.gif) center right no-repeat; } #secondaryNav li.active a, #secondaryNav li a:hover { color: #122d69; } /* ----- LEFT COLUMN ----- */ #leftCol { width:239px; float: left; } #leftCol #logo { width:239px; height:129px; margin:30px 0 16px 0; } /* ----- CAR SEARCH -----*/ #leftCol #carSearch { width:239px; margin:0 0 18px 0; } #leftCol #carSearch .tabs { width:239px; height:44px; } #leftCol #carSearch .tabs div { float:left; } #leftCol #carSearch .tabs a { display:block; } #leftCol #carSearch .tabs span { display:none; } #leftCol #carSearch .tabs #carSearchTab a { width:120px; height:44px; background: url(../images/layup/spriteCarSearchTabs.jpg) no-repeat 0 -44px; } #leftCol #carSearch .tabs #carSearchTab .active { width:119px; height:44px; background: url(../images/layup/spriteCarSearchTabs.jpg) no-repeat 0 0; } #leftCol #carSearch .tabs #vanSearchTab a { width:120px; height:44px; background: url(../images/layup/spriteCarSearchTabs.jpg) no-repeat -119px 0; } #leftCol #carSearch .tabs #vanSearchTab .active { width:119px; height:44px; background: url(../images/layup/spriteCarSearchTabs.jpg) no-repeat -120px -44px; } #leftCol #carSearch .content { width:239px; background:url(../images/layup/carSearchBg.jpg) no-repeat left top; padding:0 0 10px 0; } #leftCol #carSearch .padding { padding:0 17px 0 16px; } #leftCol #carSearch .vehicleTypeTabs { width:206px; height:41px; } #leftCol #carSearch .vehicleTypeTabs span { display:none; } #leftCol #carSearch .vehicleTypeTabs a { display:block; } #leftCol #carSearch .vehicleTypeTabs div { float:left; } #leftCol #carSearch .vehicleTypeTabs #usedSearchTab a { width:103px; height:41px; background:url(../images/layup/spriteCarSearchVehicleTypeTabs.jpg) no-repeat 0 -41px; } #leftCol #carSearch .vehicleTypeTabs #usedSearchTab .active { background:url(../images/layup/spriteCarSearchVehicleTypeTabs.jpg) no-repeat 0 -0; } #leftCol #carSearch .vehicleTypeTabs #newSearchTab a { width:103px; height:41px; background:url(../images/layup/spriteCarSearchVehicleTypeTabs.jpg) no-repeat -103px 0; } #leftCol #carSearch .vehicleTypeTabs #newSearchTab .active { background:url(../images/layup/spriteCarSearchVehicleTypeTabs.jpg) no-repeat -103px -41px; } #leftCol #carSearch .content#vanSearchContainer .vehicleTypeTabs #usedSearchTab2 a { width:103px; height:41px; background:url(../images/layup/spriteVanSearchVehicleTypeTabs.jpg) no-repeat 0 -41px; } #leftCol #carSearch .content#vanSearchContainer .vehicleTypeTabs #usedSearchTab2 .active { background:url(../images/layup/spriteVanSearchVehicleTypeTabs.jpg) no-repeat 0 -0; } #leftCol #carSearch .content#vanSearchContainer .vehicleTypeTabs #newSearchTab2 a { width:103px; height:41px; background:url(../images/layup/spriteVanSearchVehicleTypeTabs.jpg) no-repeat -103px 0; } #leftCol #carSearch .content#vanSearchContainer .vehicleTypeTabs #newSearchTab2 .active { background:url(../images/layup/spriteVanSearchVehicleTypeTabs.jpg) no-repeat -103px -41px; } #leftCol #carSearch .advanced { width:206px; background:url(../images/layup/carSearchAdvancedBg.jpg) no-repeat bottom left; margin:0 0 13px 0; } #leftCol #carSearch .advanced form { padding:12px 13px 10px 13px; } #leftCol #carSearch .advanced select { width:180px; height:17px; text-align:center; color:#FFF; background:#232323; border:1px solid #fbf6f6; margin:0 0 8px 0; } #leftCol #carSearch .advanced .btnSearch { width:78px; height:25px; border:none; float:right; } #leftCol #carSearch .advanced .btnAdvanced { width:86px; height:11px; margin:7px 0 0 0; float:left; } #leftCol #carSearch .tabsAdvanced { width:206px; height:30px; } #leftCol #carSearch .tabsAdvanced div { float:left; } #leftCol #carSearch .tabsAdvanced a { display:block; } #leftCol #carSearch .tabsAdvanced span { display:none; } #leftCol #carSearch .tabsAdvanced #modelSearchTab .active { background:url(../images/layup/spriteCarSearchAdvancedTabs.jpg) no-repeat 0 0; } #leftCol #carSearch .tabsAdvanced #modelSearchTab a { width:68px; height:30px; background:url(../images/layup/spriteCarSearchAdvancedTabs.jpg) no-repeat 0 -30px; } #leftCol #carSearch .tabsAdvanced #budgetSearchTab .active { background:url(../images/layup/spriteCarSearchAdvancedTabs.jpg) no-repeat -68px 0; } #leftCol #carSearch .tabsAdvanced #budgetSearchTab a { width:69px; height:30px; background:url(../images/layup/spriteCarSearchAdvancedTabs.jpg) no-repeat -68px -30px; } #leftCol #carSearch .tabsAdvanced #greenSearchTab .active { background:url(../images/layup/spriteCarSearchAdvancedTabs.jpg) no-repeat -137px 0; } #leftCol #carSearch .tabsAdvanced #greenSearchTab a { width:69px; height:30px; background:url(../images/layup/spriteCarSearchAdvancedTabs.jpg) no-repeat -137px -30px; } #leftCol #carSearch .tabsAdvanced #modelSearchTab2 .active { background:url(../images/layup/spriteCarSearchAdvancedTabs.jpg) no-repeat 0 0; } #leftCol #carSearch .tabsAdvanced #modelSearchTab2 a { width:68px; height:30px; background:url(../images/layup/spriteCarSearchAdvancedTabs.jpg) no-repeat 0 -30px; } #leftCol #carSearch .tabsAdvanced #budgetSearchTab2 .active { background:url(../images/layup/spriteCarSearchAdvancedTabs.jpg) no-repeat -68px 0; } #leftCol #carSearch .tabsAdvanced #budgetSearchTab2 a { width:69px; height:30px; background:url(../images/layup/spriteCarSearchAdvancedTabs.jpg) no-repeat -68px -30px; } #leftCol #carSearch .tabsAdvanced #greenSearchTab2 .active { background:url(../images/layup/spriteCarSearchAdvancedTabs.jpg) no-repeat -137px 0; } #leftCol #carSearch .tabsAdvanced #greenSearchTab2 a { width:69px; height:30px; background:url(../images/layup/spriteCarSearchAdvancedTabs.jpg) no-repeat -137px -30px; } #leftCol #carSearch .ms2 { width:206px; height:119px; background:url(../images/layup/modelSelectorBg.jpg) no-repeat; } #leftCol #carSearch .ms2 .btnBack { width:20px; height:20px; margin:12px 0 5px 9px; float:left; } #leftCol #carSearch .ms2 .btnForward { width:20px; height:20px; margin:12px 9px 5px 0; float:right; } #leftCol #carSearch .ms2 .mv { width:206px; position:relative; overflow:hidden; } #leftCol #carSearch .ms2 .mv .slider { width:1000px; position:relative; } #leftCol #carSearch .ms2 .mv .slider div { margin:0 20px; float:left; width:166px; text-align:center; } #leftCol #carSearch .ms2 .mv .slider a img { display:inline; } #leftCol #carSearch .ms2 .mv .slider .smallVan a { width:94px; height:67px; } #leftCol #carSearch .ms2 .mv .slider .mediumVan a { width:100px; height:67px; } #leftCol #carSearch .ms2 .mv .slider .largeVan a { width:97px; height:67px; } #leftCol #carSearch .ms2 .mv .slider .pickUps a { width:110px; height:67px; } #leftCol #carSearch .ms2 .mv .slider .supermini a { width:82px; height:72px; } #leftCol #carSearch .ms2 .mv .slider .family a { width:116px; height:72px; } #leftCol #carSearch .ms2 .mv .slider .executive a { width:114px; height:72px; } #leftCol #carSearch .ms2 .mv .slider .familyPlus a { width:108px; height:72px; } #leftCol #liveChatPop { position:absolute; left:225px; top:750px; width:600px; background:#85b023; padding:20px; color:#fff; z-index:9999; } #leftCol #liveChatPop #closeLink { float:right; position:relative; top:-10px; left:10px; cursor:pointer; } #leftCol #budgetTermsPop { position:absolute; left:150px; top:400px; width:600px; background:#85b023; padding:20px; color:#fff; z-index:9999; } #leftCol #budgetTermsPop #closeLink { float:right; position:relative; top:-10px; left:10px; cursor:pointer; } #callNowPop { position:absolute; left:223px; top:200px; width:600px; background:#85b023; padding:20px; color:#fff; z-index:9999; } #callNowPop #closeLink { float:right; position:relative; top:-10px; left:10px; cursor:pointer; } #liveChat { width:239px; height:101px; margin:0 0 20px 0; } #livechat a {} #saveCompare { width:239px; height:256px; background:url(../images/layup/saveCompareBg.jpg) no-repeat; } #saveCompare .padding { padding:11px 23px 0; } #saveCompare .title { width:185px; height:31px; margin:0 0 14px 0; } #saveCompare .box { width:84px; height:62px; background:url(../images/layup/saveCompareNoImageBg.jpg) #282826 no-repeat 25px 15px; margin:0 4px 13px 4px; float:left; display:block; } #saveCompare .btn { width:94px; height:24px; margin:10px 0 0 0; } #saveCompare .btnRetrieve { width:76px; height:25px; margin:0 0 10px 0; } #saveCompare .btnStockUpdates { margin:0 0 10px; float:right; } /* ----- RIGHT COLUMN ----- */ #rightCol { width:692px; min-height:724px; background:url(../images/layup/rightColBg.jpg) no-repeat left top; padding:0 0 30px 29px; float:right; } #mainContent {} /* ----- HOME JUMPS ----- */ #smcMotability { width:258px; float:left; } #smcMotability .title { width:258px; height:44px; position:relative; } #smcMotability .overlay { position:absolute; top:-2px; right:-2px; } #smcMotability a { width:258px; height:157px; font-weight:normal; text-decoration:none; background:url(../images/layup/motabilityBg.jpg) left top no-repeat; display:block; } #smcMotability .logo { width:179px; height:37px; padding:12px 0 0 25px; display:block; } #smcMotability .thumb { width:97px; height:61px; margin:8px 0 0 16px; float:left; display:block; } #smcMotability .description { width:120px; color:#FFFFFF; padding:15px 5px 0 10px; float:left; display:block; } #smcMotability .btn { width:98px; height:25px; margin:10px 10px 0 0; float:right; } /* ----- OFFERS PAGE ----- */ #offersNav .tabset_print { display: none; } #offersNav .tabset_tabs { width:674px; height:36px; margin:0px; padding: 0px; list-style:none; } #offersNav .tabset_tabs li { list-style: none; display: inline; padding: 0px; float:left; } #offersNav .tabset_tabs a { display: inline; float: left; cursor: pointer !important; } #offersNav .tabset_tabs span { display: none; } #offersNav .tabset_tabs #tabNewCar.active a { background:url(../images/layup/spriteOffersNav.jpg) no-repeat 0 0; } #offersNav .tabset_tabs #tabNewCar a { width:167px; height:36px; background:url(../images/layup/spriteOffersNav.jpg) no-repeat 0 -36px; } #offersNav .tabset_tabs #tabUsedCar.active a { background:url(../images/layup/spriteOffersNav.jpg) no-repeat -167px 0; } #offersNav .tabset_tabs #tabUsedCar a { width:169px; height:36px; background:url(../images/layup/spriteOffersNav.jpg) no-repeat -167px -36px; } #offersNav .tabset_tabs #tabParts.active a { background:url(../images/layup/spriteOffersNav.jpg) no-repeat -339px 0; } #offersNav .tabset_tabs #tabParts a { width:169px; height:36px; background:url(../images/layup/spriteOffersNav.jpg) no-repeat -339px -36px; } #offersNav .tabset_tabs #tabServicing.active a { background:url(../images/layup/spriteOffersNav.jpg) no-repeat -509px 0; } #offersNav .tabset_tabs #tabServicing a { width:168px; height:36px; background:url(../images/layup/spriteOffersNav.jpg) no-repeat -509px -36px; } #offersNav .tabset_tabs #tabVans.active a { background:url(../images/layup/spriteOffersNav.jpg) no-repeat -674px 0; } #offersNav .tabset_tabs #tabVans a { width:170px; height:36px; background:url(../images/layup/spriteOffersNav.jpg) no-repeat -677px -36px; } #offersNav .tabset_content { width:674px; background:url(../images/layup/offersBg.jpg) -9px 5px no-repeat; border-top:none; } #offersNav .tabset_content .padding { padding:0 12px 0 15px; } #offersNav .tabset_content .modelSelector { margin:0 0 20px 0; } #offersNav .tabset_content .modelSelector ul { margin:0; padding:20px 0 0 5px; } #offersNav .tabset_content .modelSelector ul li { list-style:none; padding:0; float:left; } #offersNav .tabset_content .modelSelector ul li a { font-size:17px; text-decoration:none; color:#aaaaaa; padding:7px 14px 7px 14px; display:block; } #offersNav .tabset_content .modelSelector ul li a:hover { color:#FFF; background:#e34d00; } #offersNav .tabset_content #mainImg { width:446px; height:334px; margin:0 0 9px 0; float:left; } #offersNav .tabset_content #offerSelector { width:190px; float:right; } #offersNav .tabset_content .title { width:187px; height:49px; font-size:20px; font-weight:bold; text-align:center; background:url(../images/layup/offersTitle.png) no-repeat; margin:0 0 0 1px; padding:5px 0 0 0; position:relative; z-index:2; } #offersNav .tabset_content .offer { width:190px; height:143px; margin:-11px 0 17px 0; } #offersNav .tabset_content #offerContacts { width: 190px; height: 150px; margin-bottom: 15px; background: url(../images/layup/offerBoxBg.jpg) no-repeat; } #offersNav .tabset_content #offerContacts .padding { padding: 14px 0px 0px 11px; } #offersNav .tabset_content #offerContacts .padding img { padding: 0px 0px 12px 0px; } #offersNav .tabset_content #offerOptions { width:446px; height:48px; margin:0 0 1px 0; float:left; } #offersNav .tabset_content #offerOptions div { float:left; } #offersNav .tabset_content #offerOptions a { display:block; } #offersNav .tabset_content #offerOptions span { display:none; } #offersNav .tabset_content #offerOptions .makeEnquiry a { width:161px; height:48px; background:url(../images/layup/spriteOffersOptions.jpg) no-repeat 0 0; } #offersNav .tabset_content #offerOptions .makeEnquiry a:hover { background:url(../images/layup/spriteOffersOptions.jpg) no-repeat 0 -48px; } #offersNav .tabset_content #offerOptions .liveChat a { width:143px; height:48px; background:url(../images/layup/spriteOffersOptions.jpg) no-repeat -161px 0; } #offersNav .tabset_content #offerOptions .liveChat a:hover { background:url(../images/layup/spriteOffersOptions.jpg) no-repeat -161px -48px; } #offersNav .tabset_content #offerOptions .sendFriend a { width:142px; height:48px; background:url(../images/layup/spriteOffersOptions.jpg) no-repeat -304px 0; } #offersNav .tabset_content #offerOptions .sendFriend a:hover { background:url(../images/layup/spriteOffersOptions.jpg) no-repeat -304px -48px; } #offersNav .tabset_content #financeInfo table { width:446px; float:left; } #offersNav .tabset_content #financeInfo table tr { height:53px; text-align:center; background:#141414; border-top:1px solid #54504e; } #offersNav .tabset_content #financeInfo table tr.alt { height:41px; background:#1e1d1c; } #offersNav .tabset_content #financeInfo table tr td { font-size:17px; color:#FFF; padding:0 7px 0 7px; border-top:1px solid #54504e; border-right:1px solid #54504e; } #offersNav .tabset_content #financeInfo table tr td.heading { font-size:14px; color:#b2b1af; } #offersNav .tabset_content #financeInfo table tr td.disclaimer { font-size:11px; text-align:left; } #offersNav .tabset_content #financeInfo table tr td.apr { font-size:24px; color:#FFF; } #offersNav .tabset_content #financeInfo table tr td.typical { color:#b2b1af; } #offersNav .tabset_content #offersFrm { width:591px; height:193px; font-size:14px; font-weight:bold; background:#1a1a1a; padding:20px 34px 0 23px; } #offersNav .tabset_content #offersFrm label { width:55px; font-size:11px; color:#c8c8c8; padding:0 0 0 5px; float:left; display:block; } #offersNav .tabset_content #offersFrm input { width:208px; height:23px; background:#393530; border:1px solid #595959; margin:0 0 5px 0; } #offersNav .tabset_content #offersFrm textarea { width:218px; height:100px; margin:0 0 5px 0; float:right; } #offersNav .tabset_content #offersFrm #submit { width:83px; height:24px; border:none; float:right; } #offersNav .listItem { width:647px !important; cursor:pointer; } #offersNav .listItem .modelDesc { padding:11px !important; } /* ----- USED LIST ----- */ #usedList { padding: 0 0 0 29px; } #usedList .listItem { width:680px; background:url(../images/layup/usedDivider.jpg) no-repeat left bottom; padding:0 0 10px 0; margin:0 0 20px 0; } #usedList .listItem a { text-decoration:none; cursor:pointer; display:block; } #usedList .listItem .thumb { width:211px; height:159px; background:url(../images/layup/noImage211x159.jpg) no-repeat 11px 10px; padding:10px 0 0 11px; position:relative; display:block; float:left; } #usedList .listItem .thumb .frame { position:absolute; top:0; left:0; } #usedList .listItem .thumb .illustrative { position:absolute; right:0; bottom:0; z-index:3; } .specialOffer { position:absolute; z-index:10000; } .specialDiscountTop { position: absolute; top: 0px; left: 0px; } .specialDiscountBot { position: absolute; bottom: 0px; left: 0px; } #usedList .listItem .price { font-size:15px; height:25px; color:#FFF; text-align:center; background:url(../images/layup/priceBgRight.gif) no-repeat top right; float:right; } #usedList .listItem .price span { background:url(../images/layup/priceBgLeft.gif) no-repeat; padding:0px 10px 0 10px; } #usedList .listItem .price .strike { text-decoration:line-through; background:none; } #usedList .listItem .modelDesc { width:394px; color:#FFF; background:#272523; padding:11px 20px 11px 20px; display:block; float:right; } #usedList .listItem .modelDesc .model { font-size:13px; font-weight:bold; padding:0 0 15px 0; display:block; } #usedList .listItem .modelDesc .description { font-size:11px; font-weight:normal; display:block; } #usedList .usedOptions { width:434px; height:62px; margin:-1px 0 0 0; background:url(../images/layup/usedOptionsTopFill.jpg) repeat-x; float:right; position:relative; } #usedList .usedOptions div { float:left; } #usedList .usedOptions a { display:block; } #usedList .usedOptions span { display:none; } #usedList .usedOptions .saveCompare a { width:115px; height:62px; background:url(../images/layup/spriteUsedOptions.gif) no-repeat 0 0; } #usedList .usedOptions .saveCompare a:hover { background:url(../images/layup/spriteUsedOptions.gif) no-repeat 0 -62px; } #usedList .usedOptions .dealNow a { width:86px; height:62px; background:url(../images/layup/spriteUsedOptions.gif) no-repeat -115px 0; } #usedList .usedOptions .dealNow a:hover { background:url(../images/layup/spriteUsedOptions.gif) no-repeat -115px -62px; } #usedList .usedOptions .liveChat a { width:90px; height:62px; } #usedList .usedOptions .clickDetails a { width:143px; height:62px; background:url(../images/layup/spriteUsedOptions.gif) no-repeat -291px 0; position:absolute; top:0px; right:0px; } #usedList .usedOptions .clickDetails a:hover { background:url(../images/layup/spriteUsedOptions.gif) no-repeat -291px -62px; } #usedList .usedOptions .makeEnquiry a { width:112px; height:62px; background:url(../images/layup/spriteUsedOptions.gif) no-repeat -436px 0; } #usedList .usedOptions .makeEnquiry a:hover { background:url(../images/layup/spriteUsedOptions.gif) no-repeat -436px -62px; } #usedList .usedOptions .callBack a { width:88px; height:62px; background:url(../images/layup/spriteUsedOptions.gif) no-repeat -548px 0; } #usedList .usedOptions .callBack a:hover { background:url(../images/layup/spriteUsedOptions.gif) no-repeat -548px -62px; } #usedList .usedOptions .terms a { width:128px; height:62px; background:url(../images/layup/spriteUsedOptions.gif) no-repeat -636px 0; } #usedList .usedOptions .terms a:hover { background:url(../images/layup/spriteUsedOptions.gif) no-repeat -636px -62px; } /* ----- USED DETAIL ----- */ #usedCarInfo { width:692px; float:right; } #usedCarInfo .model { font-size:16px; font-weight:bold; padding:10px 0 0 0; float:left; } #usedCarInfo .btnPrint { width:134px; height:50px; margin:0 10px 0 0; float:right; } #usedCarInfo #locationTelephone { width:266px; height:75px; font-weight:bold; text-align:center; background:url(../images/layup/usedDetailLocationBg.jpg) no-repeat left top; margin:0 0 8px 0; } #usedCarInfo #locationTelephone .padding { padding:11px 0 0 0; } #usedCarInfo #locationTelephone .call { font-size:18px; } #usedCarInfo #locationTelephone .location { font-size:10px; font-weight:bold; } #usedCarInfo #locationTelephone .telephone { font-size:28px; font-weight:bold; } #usedCarInfo #mainImg { width:377px; height:283px; background:url(../images/layup/noImage377x283.gif) no-repeat; margin:24px 0 16px 0; position:relative; float:right; } #usedCarInfo #mainImg .frame { position:absolute; top:-24px; left:-22px; } #usedCarInfo #mainImg #thumbSelector { position:absolute; top:234px; left:3px; } #usedCarInfo #mainImg #thumbSelector .thumb { width:57px; height:43px; margin:0 2px 0 2px; float:left; } #usedCarInfo #mainImg .overlay { position:absolute; top:0; right:0; } #usedCarInfo #usedCarSpec { width:266px; margin:0 0 16px 0; float:left; } #usedCarInfo #usedCarSpec .price { height:23px; font-size:18px; font-weight:bold; background:url(../images/layup/priceBgRight.gif) no-repeat top right; display:block; float:left; } #usedCarInfo #usedCarSpec .price span { background:url(../images/layup/priceBgLeft.gif) no-repeat; padding:2px 10px 0 10px; display:block; float:left; } #usedCarInfo #usedCarSpec table { width:266px; background:#292725; } #usedCarInfo #usedCarSpec table tr td { border-bottom:1px solid #363634; padding:5px 0 5px 15px; } #usedCarInfo #usedCarSpec table tr td.heading { font-weight:bold; } #usedDetailOptions { width:692px; height:69px; margin:0 0 24px 0; } #usedDetailOptions a { display:block; } #usedDetailOptions span { display:none; } #usedDetailOptions div { float:left; } #usedDetailOptions .valueCar a { width:107px; height:69px; background:url(../images/layup/spriteUsedDetailOptions.jpg) no-repeat 0 0; } #usedDetailOptions .valueCar a:hover { width:107px; height:69px; background:url(../images/layup/spriteUsedDetailOptions.jpg) no-repeat 0 -69px; } #usedDetailOptions .makeEnquiry a { width:128px; height:69px; background:url(../images/layup/spriteUsedDetailOptions.jpg) no-repeat -107px 0; } #usedDetailOptions .makeEnquiry a:hover { background:url(../images/layup/spriteUsedDetailOptions.jpg) no-repeat -107px -69px; } #usedDetailOptions .sendFriend a { width:117px; height:69px; background:url(../images/layup/spriteUsedDetailOptions.jpg) no-repeat -235px 0; } #usedDetailOptions .sendFriend a:hover { background:url(../images/layup/spriteUsedDetailOptions.jpg) no-repeat -235px -69px; } #usedDetailOptions .liveChat a { width:117px; height:69px; background:url(../images/layup/usedDetailNoLive.jpg) no-repeat; } #usedDetailOptions .saveCompare a { width:112px; height:69px; background:url(../images/layup/spriteUsedDetailOptions.jpg) no-repeat -469px 0; } #usedDetailOptions .saveCompare a:hover { background:url(../images/layup/spriteUsedDetailOptions.jpg) no-repeat -469px -69px; } #usedDetailOptions .dealNow a { width:111px; height:69px; background:url(../images/layup/spriteUsedDetailOptions.jpg) no-repeat -580px 0; } #usedDetailOptions .dealNow a:hover { background:url(../images/layup/spriteUsedDetailOptions.jpg) no-repeat -580px -69px; } #usedCarSpecDOM { margin:0 0 10px 0; float:left; } #usedCarSpecDOM .tabset_print { display: none; } #usedCarSpecDOM .tabset_tabs { width:378px; height:37px; margin:0px; padding: 0px; list-style:none; } #usedCarSpecDOM .tabset_tabs li { list-style: none; display: inline; padding: 0px; float:left; } #usedCarSpecDOM .tabset_tabs a { display: inline; float: left; cursor: pointer !important; } #usedCarSpecDOM .tabset_tabs #tabCarSpec a { width:137px; height: 37px; background:url(../images/layup/spriteUsedDetailDOM.jpg) no-repeat 0 0; } #usedCarSpecDOM .tabset_tabs #tabCarSpec.active a { background:url(../images/layup/spriteUsedDetailDOM.jpg) no-repeat 0 -37px; } #usedCarSpecDOM .tabset_tabs #tabCarDetail a { width:139px; height: 37px; background:url(../images/layup/spriteUsedDetailDOM.jpg) -137px 0; } #usedCarSpecDOM .tabset_tabs #tabCarDetail.active a { background:url(../images/layup/spriteUsedDetailDOM.jpg) no-repeat -137px -37px; } #usedCarSpecDOM .tabset_tabs #tabWarranty a { width:102px; height:37px; background:url(../images/layup/spriteUsedDetailDOM.jpg) no-repeat -276px 0; } #usedCarSpecDOM .tabset_tabs #tabWarranty.active a { background:url(../images/layup/spriteUsedDetailDOM.jpg) no-repeat -276px -37px; } #usedCarSpecDOM .tabset_tabs span { display: none; } #usedCarSpecDOM .tabset_content { width:431px; background:#211f1d; padding:0; } #usedCarSpecDOM .tabset_content .padding { padding:20px; } #usedCarSpecDOM .tabset_content #vehicleIconList .iconItem { width:150px; margin:0 0 5px 0; float:left; } #financeCalculator { width:238px; margin:0 9px 0 0; float:right; } #financeCalculator .title { width:179px; height:37px; } #financeCalculator table { width:238px; background:#211f1d; } #financeCalculator table tr {} #financeCalculator table tr td { padding:4px 5px 4px 5px; } #financeCalculator table tr td.heading { font-weight:bold; padding:4px 0 4px 20px; } #financeCalculator .options { color:#FFF; background:#211f1d; margin:1px 0 0 0; padding:8px 0 8px 20px; } #financeCalculator .options a { text-decoration:none; color:#FFF; } #financeCalculator .options a:hover { text-decoration:underline; } #haveYouThought { width:682px; float:left; } #haveYouThought .title { width:236px; height:37px; } #haveYouThought .content { width:682px; height:300px; background:#181818; } #haveYouThought .box { width:211px; color:#FFF; padding:15px 0 0 12px; float:left; } #haveYouThought .box a { font-weight:normal; text-decoration:none; cursor:pointer; display:block; } #haveYouThought .thumb { width:211px; height:159px; display:block; position:relative; } #haveYouThought .thumb .overlay { position:absolute; top:0; right:0; } #haveYouThought .model { color:#FFF; font-weight:bold; padding:4px 4px 10px 4px; display:block; } #haveYouThought .description { color:#FFF; padding:0 4px 0 4px; display:block; } .btnPrint { margin:1px 10px 0 0; float:right; } #rightCol #dealerLocation { width:696px; height: 322px; background: url(../images/layup/locationsBg.gif) no-repeat; margin:0 0 0 10px; } #rightCol #dealerLocation h1 { padding:8px 0 0 10px !important; } #rightCol #dealerLocation .padding { padding:15px 12px 65px 12px; } #rightCol #dealerLocation img { border: 4px solid #FFF; } #rightCol #dealerLocation #dealerImage { float: right; } #rightCol #addressDetails { width: 345px; float: left; padding-left: 23px; padding-top: 10px; } #rightCol #openingHours { float: left; padding-top: 10px; } #rightCol #dealerContact { float: left; padding: 20px 0px 0px 23px; } #rightCol #dealerContact h2 { padding: 0px 0px 0px 0px; } /* ----- NEW LIST ----- */ #newList {} #newList .box { width:196px; margin:18px 34px 18px 0; float:left; } #newList .end { margin:18px 0 18px 0; } #newList .box a { width:196px; text-decoration:none; display: block; cursor:pointer; } #newList .box .title { height:40px; padding:5px 0 0 3px; display: block; position:relative; z-index:1; } #newList .box .title span { font-size:14px; color:#FFF; position:relative; z-index:2; } #newList .box .thumb { width:196px; height:138px; } #newList .box .title .frame { position:absolute; top:-13px; left:-12px; z-index:1; } #newList .box .title .illustrative { position:absolute; right:0; bottom:0; z-index:3; } #newList .box .btnClickView { width:117px; height:38px; margin:-19px 0 0 0; display:block; position:relative; float:left; z-index:1; } #newList .box .btnSave { width:61px; height:44px; margin:-19px 0 0 0; display:block; position:relative; float:right; z-index:1; } /* ----- NEW DETAIL ----- */ #newDetailMainImg { background:url(../images/layup/noImage377x283.gif) no-repeat; margin: 0px 0px 33px 38px; float: right; position:relative; } #newDetailMainImg .frame { position:absolute; top:-25px; left:-26px; } #newDetailMainImg #colorSwatches { width:355px; color: #000 !important; font-weight: bold; padding: 8px 11px; position:absolute; bottom:0; left:0; } #newDetailMainImg #colorSwatches .title { color: #000; padding:0 0 5px 0; } #newDetailMainImg #colorSwatches .swatch { float: left; width: 17px; height: 18px; margin-right:5px; } #contactDealer { width:266px; height:80px; background:url(../images/layup/newDetailContactBg.jpg) no-repeat left top; margin:0 0 12px 0; float:left; } #contactDealer .padding { padding:10px 12px 0 13px; } #contactDealer .title { width:210px; height:13px; margin:0 0 8px 0; } #contactDealer select { width:239px; height:18px; color:#FFF; border:1px solid #a5acb2; margin:0 0 6px 0; } #selectModel { width:266px; height:125px; background:url(../images/layup/newDetailSelectModelBg.jpg) no-repeat left top; margin:0 0 5px 0; float:left; } #selectModel .padding { padding:10px 12px 0 13px; } #selectModel .title { width:118px; height:14px; margin:0 0 8px 0; } #selectModel select { width:239px; height:18px; border:1px solid #a5acb2; margin:0 0 11px 0; } #selectModel .btnUpdate { width:124px; height:24px; } #modelName { width:266px; text-align:center; background:#1a1815; margin:0 0 10px 0; float:left; } #modelName .padding { padding:10px 3px 10px 3px; } #modelName span { font-size:13px; font-weight:bold; } #pricingOptions { width:266px; margin:0 0 8px 0; float:left; } #pricingOptions .title { width:170px; height:21px; } #pricingOptions table tr td.heading { padding:4px 0 4px 14px; } #pricingOptions table#carPricing { width:266px; background:#a90000; } #pricingOptions table#carPricing tr td { font-weight:bold; padding:4px 0 4px 0px; } #pricingOptions table#carPricing tr td.heading { padding:3px 0 3px 14px; } #optionNamesUpdate { width:266px;} #pricingOptions table#extrasPricing { width:266px; background:#2c2b27; margin:1px 0 0 0; } #pricingOptions table#extrasPricing tr td { font-weight:bold; border-top:1px solid #3d3b37; padding:4px 0 4px 0px; } #pricingOptions table#extrasPricing tr td.heading { width:253px; padding:4px 0 4px 0; } #pricingOptions table#extrasPricing tr.alt { background:#1a1815; } #pricingOptions table#extrasPricing tr td.totalPrice { font-size:11px; padding-left:14px; width:252px; } #pricingOptions table#extrasPricing tr td.totalPrice .heading {float:left; width:136px;} #pricingOptions table#extrasPricing tr td.totalPrice .price {float:left; width:67px;} #pricingOptions table#extrasPricing tr td.totalPrice .call {float:left; width:40px;} #pricingOptions table#extrasPricing td.itemHead { width:136px; padding-left:14px; } /*#pricingOptions { width:266px; margin:0 0 8px 0; float:left; } #pricingOptions .title { width:170px; height:21px; } #pricingOptions table tr td.heading { padding:4px 0 4px 14px; } #pricingOptions table#carPricing { width:266px; background:#1A1815; } #pricingOptions table#carPricing tr td { font-weight:bold; padding:4px 0 4px 0px; } #pricingOptions table#carPricing tr td.heading { padding:3px 0 3px 14px; width:135px; } #pricingOptions table#extrasPricing { width:266px; background:#2c2b27; margin:1px 0 0 0; } #pricingOptions table#extrasPricing tr td { font-weight:bold; border-top:1px solid #3d3b37; padding:4px 0 4px 0px; } #pricingOptions table#extrasPricing tr td.heading { width:140px; padding:4px 0 4px 14px; } #pricingOptions table#extrasPricing tr.alt { background:#1a1815; } #pricingOptions table#extrasPricing tr td.totalPrice { font-size:15px; }*/ #newDetailOptions { width:403px; margin:0 0 16px 0; float:right; } #newDetailOptions div { float:left; } #newDetailOptions a { display:block; } #newDetailOptions span { display:none; } #newDetailOptions .title { width:403px; height:22px; } #newDetailOptions .testDrive a { width:95px !important; height:71px; background:url(../images/layup/spriteNewDetailOptions.jpg) no-repeat 0 0; } #newDetailOptions .testDrive a:hover { background:url(../images/layup/spriteNewDetailOptions.jpg) no-repeat 0 -71px; } #newDetailOptions .callBack a { width:86px; height:71px; background:url(../images/layup/spriteNewDetailOptions.jpg) no-repeat -95px 0; } #newDetailOptions .callBack a:hover { background:url(../images/layup/spriteNewDetailOptions.jpg) no-repeat -95px -71px; } #newDetailOptions .brochure a { width:87px; height:71px; background:url(../images/layup/spriteNewDetailOptions.jpg) no-repeat -181px 0; } #newDetailOptions .brochure a:hover { background:url(../images/layup/spriteNewDetailOptions.jpg) no-repeat -181px -71px; } #newDetailOptions .viewLatest { width:127px; height:89px; margin:-20px 0 0 0; float:right; } #manufacturerWebsite { width:152px; height:10px; margin:0 246px 15px 0; float:right; } #manufacturerWebsite span { display:none; } #manufacturerWebsite a { width:152px; height:10px; background:url(../images/layup/spriteManufacturersWebsite.jpg) no-repeat 0 0; display:block; } #manufacturerWebsite a:hover { background:url(../images/layup/spriteManufacturersWebsite.jpg) no-repeat 0 -10px; } #selectOptions { width:266px; float:left; } #selectOptions .title { width:266px; height:22px; } #selectOptions .content { width:241px; background:#1f1e1d; padding:0 10px 0 15px; } #selectOptions .content ul { padding:11px 0 11px; margin:0; } #selectOptions .content ul li { width:241px; padding:0 0 10px 0; list-style:none; display:block; } #selectOptions .content .description { width:169px; float:left; } #selectOptions .content ul li a { width:200px; text-decoration:none; color:#FFF; background:url(../images/layup/btnPlus.gif) no-repeat left center; padding:0 0 0 20px; display:block; } #selectOptions .content ul li a:hover { text-decoration:underline; } #selectOptions .content ul li a.active { background:url(../images/layup/btnMinus.gif) no-repeat left center; } #selectOptions .content ul li ul { padding:11px 0; } #selectOptions #totalPrice { width:266px; font-weight:bold; background:#1f1e1d; margin:1px 0 0 0; } #selectOptions #totalPrice .padding { padding:5px 0 5px 15px; } #selectOptions #totalPrice span { padding:0 0 0 95px; } #newDetailSpec { margin:0 20px 0 0; float:right; } #newDetailSpec .tabset_print { display: none; } #newDetailSpec .tabset_tabs { width:325px; height:22px; margin:0px; padding: 0px; list-style:none; } #newDetailSpec .tabset_tabs li { list-style: none; display: inline; padding: 0px; float:left; } #newDetailSpec .tabset_tabs a { display: inline; float: left; cursor: pointer !important; } #newDetailSpec .tabset_tabs #tabOverview.active a { background:url(../images/layup/spriteNewDetaiDOM.jpg) no-repeat 0 0; } #newDetailSpec .tabset_tabs #tabOverview a { width:85px; height: 22px; background:url(../images/layup/spriteNewDetaiDOM.jpg) no-repeat 0 -22px; } #newDetailSpec .tabset_tabs #tabFeatures.active a { background:url(../images/layup/spriteNewDetaiDOM.jpg) -85px 0; } #newDetailSpec .tabset_tabs #tabFeatures a { width:83px; height: 22px; background:url(../images/layup/spriteNewDetaiDOM.jpg) no-repeat -85px -22px; } #newDetailSpec .tabset_tabs #tabTechnical.active a { background:url(../images/layup/spriteNewDetaiDOM.jpg) no-repeat -168px 0; } #newDetailSpec .tabset_tabs #tabTechnical a { width:157px; height:22px; background:url(../images/layup/spriteNewDetaiDOM.jpg) no-repeat -168px -22px; } #newDetailSpec .tabset_tabs span { display: none; } #newDetailSpec .tabset_content { width:382px; background:#171612; padding:0; } #newDetailSpec .tabset_content .padding { padding:14px; } /* ----- DEALER LIST ----- */ #dealerList { width:694px; height:382px; background:url(../images/layup/dealerLocator.jpg) no-repeat left top; position:relative; } #dealerList .title { margin:0 0 0 261px; padding:12px 0 0 0; } #dealerList #dealerMap { position:absolute; top:31px; left:11px; } #dealerList a { background:url(../images/layup/ie6LinkFix.gif) repeat; position:absolute; } #dealerList a span { display:none; } #dealerList a#hillSuzuki { width:40px; height:40px; left:302px; top:105px; } #dealerList a#hillMitsi { width:42px; height:40px; left:257px; top:105px; } #dealerList a#iverMG { width:36px; height:40px; left:117px; top:127px; } #dealerList a#iverAll { width:54px; height:40px; left:155px; top:127px; } #dealerList a#sloughMG { width:50px; height:40px; left:13px; top:177px; } #dealerList a#sloughFord { width:43px; height:40px; left:65px; top:177px; } #dealerList a#uxbridgeFord { width:52px; height:40px; left:205px; top:205px; } #dealerList a#uxbridgeMG { width:40px; height:40px; left:259px; top:205px; } #dealerList a#windsorFord { width:47px; height:40px; left:69px; top:255px; } #dealerList a#windsorSeat { width:40px; height:40px; left:116px; top:255px; } #dealerList a#heathrowFord { width:52px; height:30px; left:205px; top:270px; } #dealerList a#heathrowSeat { width:36px; height:36px; left:260px; top:270px; } #dealerList a#heathrowSuzuki { width:54px; height:36px; left:296px; top:270px; } #dealerList a#heathrowMitsi { width:52px; height:44px; left:205px; top:302px; } #dealerList a#heathrowMG { width:40px; height:34px; left:258px; top:308px; } #dealerList a#heathrowAll { width:46px; height:34px; left:302px; top:308px; } #dealerList a#crayfordFord { width:86px; height:44px; left:414px; top:150px; } #dealerList a#gravesFord { width:55px; height:34px; left:390px; top:240px; } #dealerList a#gravesSuzuki { width:55px; height:34px; left:447px; top:240px; } #dealerList a#gravesMitsi { width:55px; height:44px; left:447px; top:278px; } #dealerList a#gravesMG { width:55px; height:44px; left:390px; top:278px; } #dealerList a#sittingFord { width:52px; height:38px; left:524px; top:195px; } #dealerList a#sittingSeat { width:40px; height:40px; left:579px; top:195px; } #dealerList a#sittingSuzuki { width:50px; height:40px; left:621px; top:195px; } #dealerList a#sittingMitsi { width:50px; height:35px; left:525px; top:236px; } #dealerList a#sittingMG { width:35px; height:35px; left:577px; top:237px; } #dealerList a#sittingAll { width:55px; height:35px; left:615px; top:237px; } #dealerList a#sittingOtherSuzuki { width:45px; height:55px; left:570px; top:300px; } #dealerList a#sittingOtherMitsi { width:30px; height:55px; left:617px; top:300px; } #dealerList a#sittingOtherMG { width:34px; height:55px; left:649px; top:300px; } /* ----- VIEW MARQUE SERVICES ----- */ #viewMarqueServices { width:694px; height:258px; background:url(../images/layup/marqueServicesBg.jpg) no-repeat left top; } #viewMarqueServices .title { width:175px; height:12px; margin:0 0 22px 271px; padding:13px 0 0 0; } #dealerServicesJumps { width:675px; height:90px; margin:0 0 25px 10px; } #dealerServicesJumps div { float:left; } #dealerServicesJumps a { display:block; } #dealerServicesJumps span { display:none; } #dealerServicesJumps .ford a { width:114px; height:90px; background:url(../images/layup/spriteDealerServices.jpg) no-repeat 0 0; } #dealerServicesJumps .ford a:hover { background:url(../images/layup/spriteDealerServices.jpg) no-repeat 0 -90px; } #dealerServicesJumps .seat a { width:109px; height:90px; background:url(../images/layup/spriteDealerServices.jpg) no-repeat -114px 0; } #dealerServicesJumps .seat a:hover { background:url(../images/layup/spriteDealerServices.jpg) no-repeat -114px -90px; } #dealerServicesJumps .suzuki a { width:125px; height:90px; background:url(../images/layup/spriteDealerServices.jpg) no-repeat -223px 0; } #dealerServicesJumps .suzuki a:hover { background:url(../images/layup/spriteDealerServices.jpg) no-repeat -223px -90px; } #dealerServicesJumps .mitsubishi a { width:107px; height:90px; background:url(../images/layup/spriteDealerServices.jpg) no-repeat -348px 0; } #dealerServicesJumps .mitsubishi a:hover { background:url(../images/layup/spriteDealerServices.jpg) no-repeat -348px -90px; } #dealerServicesJumps .mg a { width:96px; height:90px; background:url(../images/layup/spriteDealerServices.jpg) no-repeat -455px 0; } #dealerServicesJumps .mg a:hover { background:url(../images/layup/spriteDealerServices.jpg) no-repeat -455px -90px; } #dealerServicesJumps .allMakers a { width:122px; height:90px; background:url(../images/layup/spriteDealerServices.jpg) no-repeat -551px 0; } #dealerServicesJumps .allMakers a:hover { background:url(../images/layup/spriteDealerServices.jpg) no-repeat -551px -90px; } #viewMarqueServices table { width:688px; float:left; } #viewMarqueServices table tr.alt { background:#22201f; } #viewMarqueServices table tr.top { background:#141414; } #viewMarqueServices table tr td { height:45px; font-weight:bold; text-align:center; border-bottom:1px solid #272727; border-right:1px solid #272727; } #viewMarqueServices table tr td.last { border:none; border-bottom:1px solid #272727; } #viewMarqueServices table img { display: block; margin-left: auto; margin-right:auto; } /* ----- MAP DETAIL PAGE ----- */ #selectLocation { width:154px; background:url(../images/layup/iconInformation.jpg) no-repeat left 2px; padding:0 0 0 25px; margin:15px 0 0 0; position:relative; float:right; z-index:2; } #selectLocation select { width:150px; } #dealerImage { background:url(../images/layup/noImage377x283.gif) no-repeat; margin:0; float: right; position:relative; z-index:1; } #dealerImage .frame { position:absolute; top:-24px; left:-22px; } #locationSelect { width:299px; height:305px; margin:0 0 15px 17px; position:relative; float:left; z-index:2; } #locationSelect .map { width:299px; height:241px; padding:0 0 0 17px; position:relative; } #locationSelect .map .frame { position:absolute; top:0; left:0; } #locationSelect .postCodeSearch { margin:15px 0 0 0; } #locationSelect .postCodeSearch #enterPostCode { width:150px; margin:3px 0 0 17px; float:left; } #locationSelect .postCodeSearch #btnDirections { width:118px; height:25px; float:right; } #contactDetails { width:258px; margin:0 0 0 17px; float:left; } #contactDetails .title {} #contactDetails .content { width:258px; height:174px; background:url(../images/layup/contactDetailsBg.jpg) no-repeat; } #contactDetails .content .padding { padding:10px; } #openingTimes { width:411px; margin:0 24px 0 0; float:right !important; } #openingTimes .title {} #openingTimes .content { width:411px; height:174px; background:url(../images/layup/openingHoursBg.jpg) no-repeat; } #openingTimes .content .padding { padding:10px; } #openingTimes .content table { width:391px !important; } #salesLocation { width:340px; height:159px; background:url(../images/layup/salesLocationBg.jpg) no-repeat; margin:0 0 0 17px; float:left; } #salesLocation .padding { padding:51px 0 0 14px; } #salesLocation a { display:block; } #salesLocation div { float:left; } #salesLocation span { display:none; } #salesLocation .ford { width:78px; height:45px; background:url(../images/layup/spriteContactSales.gif) no-repeat 0 0; } #salesLocation .seat { width:73px; height:45px; background:url(../images/layup/spriteContactSales.gif) no-repeat -78px 0; } #salesLocation .suzuki { width:80px; height:45px; background:url(../images/layup/spriteContactSales.gif) no-repeat -151px 0; } #salesLocation .mitsubishi { width:57px; height:45px; background:url(../images/layup/spriteContactSales.gif) no-repeat -231px 0; } #salesLocation .mg { width:66px; height:45px; background:url(../images/layup/spriteContactSales.gif) no-repeat -288px 0; } #salesLocation .allMakes { width:120px; height:45px; background:url(../images/layup/spriteContactSales.gif) no-repeat -354px 0; } #servicesLocation { width:326px; height:159px; background:url(../images/layup/servicesLocationBg.jpg) no-repeat; margin:0 24px 0 0; float:right; } #servicesLocation .padding { padding:51px 0 0 12px; } #servicesLocation a { display:block; } #servicesLocation div { float:left; } #servicesLocation span { display:none; } #servicesLocation .ford { width:78px; height:45px; background:url(../images/layup/spriteContactSales.gif) no-repeat 0 0; } #servicesLocation .seat { width:73px; height:45px; background:url(../images/layup/spriteContactSales.gif) no-repeat -78px 0; } #servicesLocation .suzuki { width:80px; height:45px; background:url(../images/layup/spriteContactSales.gif) no-repeat -151px 0; } #servicesLocation .mitsubishi { width:57px; height:45px; background:url(../images/layup/spriteContactSales.gif) no-repeat -231px 0; } #servicesLocation .mgRover { width:66px; height:45px; background:url(../images/layup/spriteContactSales.gif) no-repeat -288px 0; } #servicesLocation .allMakes { width:125px; height:45px; background:url(../images/layup/spriteContactSales.gif) no-repeat -369px 0; } /* ----- STANDALONE FINANCE CALCULATOR ----- */ #financeCalculatorSA {} #financeCalculatorSA table { width:300px; border: 1px solid #f2f2f2; float:left; } #financeCalculatorSA table td { width:150px; padding:5px 10px; } #financeCalculatorSA select, #financeCalculatorSA input { width:120px; } /* ----- FINANCE CALCULATOR WINDOW----- */ #financeContainer { width: 626px; height: 300px; float: left; } #financeContainer .padding {padding: 12px 21px 12px 21px; } #financeCol1 { float: left; width: 300px; height: 235px; font-weight: bold; font-size: 1.1em; background:url(../../images/layup/dotsVert.gif) top right repeat-y; text-align:left; } #financeCol1 .padding { padding: 0px 10px 0px 0px; } #financeCol2 { float: left; width: 280px; font-weight: bold; font-size: 1.1em; text-align: left; } #financeCol2 .padding { padding: 0px 0px 0px 20px; } #financeCol2 h1 { font-size: 1.5em !important; margin: 0 !important; padding: 0 !important; } #financeCol2 table { margin-top: 5px; } #financeCol2 tr {background:url(../../images/layup/dots.gif) bottom left repeat-x !important; height: 25px;} #financeCol2 td { font-size: 1.0em !important;} /* ----- QUESTIONNAIRE JUMPS ----- */ .qJump { margin:0 5px 3px 0; float:left; } .qJump.end { margin:0 0 3px 0; } /* ----- CMS IMAGE ----- */ .cmsImage { background:url(../images/layup/noImage377x283.gif) no-repeat; margin:20px 0px 15px 38px; float: right; position:relative; } .cmsImage .frame { position:absolute; top:-24px; left:-22px; } .cmsImage img {} .downloads { float: right; clear: right; width: 377px; margin: 0px 0px 15px 38px; } .downloads h2 { font-size: 1.5em; } .downloads ul { list-style: none; padding: 0; margin: 0; } .downloads li { width: 377px; } .downloads li a { background:url(../images/layup/iconDownloads.gif) top left no-repeat; padding: 0px 0px 12px 24px; font-size: 1.1em; display: block; } /* -----PERSONAL SERVICE PLAN FORM */ #frmPersonalServiceQuote {} #frmPersonalServiceQuote form { width:672px; background:url(../images/layup/formBg.png) no-repeat left top; } #frmPersonalServiceQuote label { width:300px; } #frmPersonalServiceQuote #submit { float:none; } /* ----- THE MAN FROM THE FACTORY */ #frmManFactory {} #frmManFactory form { width:672px; min-height:496px; background:url(../images/layup/formBg.png) no-repeat left top; } * html #frmManFactory form { height:496px; } #frmManFactory fieldset { padding:20px 0 0 20px !important; } #frmManFactory label { width:300px; } #frmManFactory #submit { float:none; } /* ----- CMS OPTIONS ----- */ #cmsOptions { height:100px; border:1px solid #43403b; display:inline !important; float: left; } #cmsOptions div { float:left; } #cmsOptions span { display:none; } #cmsOptions a { display:block; float: left; } #cmsOptions .brochure a { width:87px; height:98px; background:url(../images/layup/spriteCMSoptions.jpg) no-repeat 0 0; } #cmsOptions .testDrive a { width:92px; height:98px; background:url(../images/layup/spriteCMSoptions.jpg) no-repeat -87px 0; } #cmsOptions .findDealer a { width:115px; height:98px; background:url(../images/layup/spriteCMSoptions.jpg) no-repeat -179px 0; } #cmsOptions .bookService a { width:122px; height:98px; background:url(../images/layup/spriteCMSoptions.jpg) no-repeat -294px 0; } #cmsOptions .sendFriend a { width:135px; height:98px; background:url(../images/layup/spriteCMSoptions.jpg) no-repeat -416px 0; } #cmsOptions .callBack a { width:92px; height:98px; background:url(../images/layup/spriteCMSoptions.jpg) no-repeat -551px 0; } #cmsOptions .manufacturersWebsite a { width:174px; height:98px; background:url(../images/layup/spriteCMSoptions.jpg) no-repeat -643px 0; } #cmsOptions .makeEnquiry a { width:134px; height:98px; background:url(../images/layup/spriteCMSoptions.jpg) no-repeat -817px 0; } #cmsOptions .newsletterSignup a { width:160px; height:98px; background:url(../images/layup/spriteCMSoptions.jpg) no-repeat -953px 0; } #cmsOptions .brochure a:hover { background:url(../images/layup/spriteCMSoptions.jpg) no-repeat 0 -98px; } #cmsOptions .testDrive a:hover { background:url(../images/layup/spriteCMSoptions.jpg) no-repeat -87px -98px; } #cmsOptions .findDealer a:hover { background:url(../images/layup/spriteCMSoptions.jpg) no-repeat -179px -98px; } #cmsOptions .bookService a:hover { background:url(../images/layup/spriteCMSoptions.jpg) no-repeat -294px -98px; } #cmsOptions .sendFriend a:hover { background:url(../images/layup/spriteCMSoptions.jpg) no-repeat -416px -98px; } #cmsOptions .callBack a:hover { background:url(../images/layup/spriteCMSoptions.jpg) no-repeat -551px -98px; } #cmsOptions .manufacturersWebsite a:hover { background:url(../images/layup/spriteCMSoptions.jpg) no-repeat -643px -98px; } #cmsOptions .makeEnquiry a:hover { background:url(../images/layup/spriteCMSoptions.jpg) no-repeat -817px -98px; } #cmsOptions .newsletterSignup a:hover { background:url(../images/layup/spriteCMSoptions.jpg) no-repeat -953px -98px; } /* ----- FORD FORM LIST ----- */ #formList {} #formList .formItem { font-weight: bold; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #494845; } #formList .formItem .padding { padding: 10px; } #formList .formItem .formImage { float: left; margin-right: 30px; } #formList .formItem .formDetails { float: left; width: 307px; background: url(../images/layup/formItemBg.jpg) no-repeat; } #formList .formItem.firstItem .formDetails { background: url(../images/layup/form1stItemBg.jpg) no-repeat; } #formList .formItem form label { width: 72px; } #formList .formItem form input, #formList .formItem form textarea { width: 204px; } #formList .formItem form select { width: 208px; } #formList .formItem form div { margin-bottom: 8px; } #formList .formItem .btnSubmitGrn { float: right; width: 83px; height: 24px; } /* ----- FORD ECONO ----- */ #fordEconoSteps { width: 672px; margin-top: 12px; } #fordEconoSteps table { width: 100%; } #fordEconoSteps table th { padding: 5px 21px; background: #095084 url(../images/layup/Ford/fordEconoStepBar.gif) top left repeat-x; font-size: 1.4em; font-weight: normal; text-align: left; vertical-align: top; } #fordEconoSteps table td { padding: 10px 21px; background: #1f2d36; text-align: left; vertical-align: top; font-size: 1.3em; line-height: 1.5em; } #fordEconoSteps table td .thumb { border: 1px solid #fff; } /* ----- BUSINESS USERS LIST ----- */ .businessList { margin-top: 20px; background: #254563; width: 672px; } .businessList .heading { background: url(../images/layup/businessListTitleBg.gif) no-repeat; width: 632px; height: 43px; color: #ffffff; font-weight: bold; font-size: 18px; padding: 5px 20px 0px 20px; } .businessList .box { width: 200px; height: 154px; float: left; margin-left: 10px; margin-right: 10px; min-height: 200px; } .businessList .box a { display: block; text-decoration: none; font-weight: normal; } .businessList .box a .title { display: block; padding: 0px 15px 10px 15px; font-weight: bold; } .businessList .box a .thumb { display: block; width: 190px; height: 108px; position: relative; padding: 1px 0px 0px 5px; background: url(../images/layup/noImage211x159.jpg) -5px -40px no-repeat; } .businessList .box a .thumb .frame { display: block; position: absolute; top: 0px; left: 0px; z-index: 1; } .businessList .box a .price { position: relative; z-index: 2; color: #000000; display: block; padding: 5px 10px 0px 16px; font-size: 12px; } .businessList .box a .contact { position: relative; z-index: 2; color: #000000; display: block; padding: 5px 10px 0px 16px; font-size: 12px; } /* ----- GLOBAL CLASSES ----- */ .clear { clear:both; display: block; } .clearSmall { clear: both; display: block; height: 0; line-height: 0; font-size: 0; } .hide { display:none; } .show { display:block; } .printShow { display:none; } .printHide { display:block; } .float_left { float:left !important; } .float_right { float:right !important; } .align_left { text-align:left !important; } .align_center { text-align:center !important; } .align_right { text-align:right !important; } .align_justify { text-align:justify !important; } .align_bottom { vertical-align:bottom !important; } .image_right { float:right; margin:0 0 15px 15px; } .image_left { float:left; margin:0 15px 15px 0; } .image_center { margin:0 auto; } .hand { cursor:pointer; } .seo {text-decoration:none;font-weight:normal;} /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 10px 0; font-size:100%; font-weight:bold; } h1 { font-size:18px; } p { padding:0 0 10px 0; margin:0; } /* ----- SECONDARY NAVIGATION ----- */ #secondaryNav {} #secondaryNav ul { list-style: none; margin:0; padding:0; } #secondaryNav li { } #secondaryNav li a { text-decoration: none; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; } legend { padding:0; margin:0; display:none; } label { display:block; width:260px; float:left; } input, textarea { width:200px; font-size:11px !important;} .required { color:#769323;} .checkRadio { width:20px; position:relative; left:-7px;} #frmContact { width:500px; background:url(../images/layup/formBg.gif) no-repeat left top; margin-bottom:15px;} #frmContact fieldset { padding:10px 0 0 10px; } #frmContact p { padding:7px 0;} #frmContact select { width:204px;} #frmContact div { margin-bottom:10px;} #submit { width:84px; height:25px; border:none; margin:0 25px 0 0; display:inline; float:right;} #dealerLctFrm { margin:0 0 0 17px; } #dealerLctFrm #frmContact { width:481px; background:url(../images/layup/formDealerLocatorBg.gif) no-repeat left top; margin-bottom:15px; padding:10px; } #dealerLctFrm #frmContact label { width:250px; } #dealerLctFrm #frmBottom { display:none !important; } #loginForm #frmContact { background:none !important; } #frmInternal { font-size:13px; font-weight:bold; background:#676661; padding:15px; margin:0 0 35px 0; float:left; } #frmInternal div { margin-bottom:10px; } #frmInternal fieldset { padding:0; } #frmInternal label { width:49px; font-size:11px; font-weight:bold; color:#c8c8c8; padding:5px 0 0 0; } #frmInternal input { width:218px; height:23px; border:1px solid #595959; } #frmInternal textarea { width:218px; height:100px; border:1px solid #595959; } #frmInternal #submit { width:83px; height:24px; border:none; float:right; } #frmBottom { width:500px; height:35px; background:url(../images/layup/formBottom.gif) no-repeat; margin:-15px 0 0 0; } #formFeedback { width:680px; } #formFeedback fieldset { display: block; } #formFeedback fieldset .qRow { width:670px; background:#676661; padding:8px 5px; } #formFeedback fieldset .qAltRow { width:670px; background:#91918E; padding:5px; } #formFeedback fieldset label { display:block; float:left; font-weight: bold; } #formFeedback fieldset .width95 { width: 95px; } #formFeedback fieldset .width120 { width: 120px; } #formFeedback fieldset .width125 { width: 125px; } #formFeedback fieldset .width160 { width: 160px; } #formFeedback fieldset .width150 { width: 150px; margin:0 40px 0 0; } #formFeedback fieldset .width210 { width: 210px; } #formFeedback fieldset .width214 { width: 214px; } #formFeedback fieldset .width266 { width: 266px; } #formFeedback fieldset .width350 { width: 350px; } #formFeedback fieldset .width400 { width:400px; } #formFeedback fieldset .width670 { width: 640px !important; } #formFeedback fieldset input { border: 1px solid #81b622; height: 15px; } #divReference, #divDateLastVisit, #divForenames, #divAddress1, #divTown, #divEmail, #divPostcode { float: left; } #divRegistration, #divTitle, #divSurname, #divName, #divAddress2, #divCounty, #divEmailUpdates, #divContactTelephone { float: right; } #formFeedback #btnSubmitFeedback { width:84px; height:25px; border:none; margin-top: 5px; } #divAdvisorsVisit {} #divAdvisorsVisit ul { list-style: none; padding: 0; margin: 0; } #divAdvisorsVisit li { float: left; width: 100px; } #divAdvisorsVisit li label { width: 100px; text-align: center; } #divAdvisorsVisit li input { width: 100px; } #divTreated {} #divTreated ul { list-style: none; padding: 0; margin: 0; } #divTreated li { float: left; width: 100px; } #divTreated li label { width: 100px; text-align: center; } #divTreated li input { width: 100px; } #formFeedback input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } #formFeedback input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #e03a00; color : #FF3300; } #formFeedback input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } #formFeedback .validation-advice { margin: 5px 0; width:auto; padding: 0px; background: none; color : #81b622; font-weight: bold; } #advice-required-dateLastVisit { clear: both; } #divStaffMember .validation-advice { clear: both; } /* ----- SITE MAP ----- */ #sitemap { list-style:none; margin:0 0 0 5px; padding:0;} #sitemap ul { margin:10px 0 0px 15px; padding:0;} #sitemap li { padding:6px 0 5px 15px;} #sitemap li a { text-decoration:none; color:#FFF; } #sitemap li a:hover { text-decoration:underline; } /* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */ #breadcrumbs { height:23px; color:#c2c2c2; line-height:normal; display:block; padding:8px 0 0 0; margin:0 0 15px 0; } #breadcrumbs a { font-weight:normal; text-decoration:none; color:#c2c2c2; padding: 2px 0 4px 0px; } #breadcrumbs span { color:#FFF; } #breadcrumbs .btnBack { padding:0 20px 0 0; float: right; } .pagination { width:692px; height:31px; background:url(../images/layup/pagiBg.jpg) no-repeat; margin:0 0 15px 0; padding:12px 0 0 29px; } .pagination div { float:left; } .pagination select { margin:0 0 0 10px; } .pagination .resultsFound { padding:3px 0 0 0; margin:0 15px 0 0; float:left; } .pagination .resultsPerPage { margin:0 5px 0 0; float:left;} .pagination .sortBy { width:154px; margin:0 5px 0 0; float:left;} .pagination .sortBy select { width:98px; } .pagination .pageSelect { padding:3px 0 0; float:right; } .pagination .pageSelect a { color:#FFF; text-decoration:none; background:url(../images/layup/pagiBg.gif) no-repeat left top; margin:0 1px 0 1px; padding:2px 5px 0 5px; } .pagination .pageSelect a.active { background:url(../images/layup/pagiActiveBg.gif) no-repeat; } .pagination .pageSelect .btn { background:none; padding:0; top:0; } .pagination img { display: inline; position: relative; top:3px; } /* ----- FOOTER ----- */ #footer { width:960px; height:186px; background:url(../images/layup/footerBg.jpg) no-repeat; position: relative; } #footer .padding { padding:23px 270px 0 0; } #footer .box { padding:0 0 0 28px; } #footer .box .title { padding:0 0 20px 0; } #footer a { font-weight:normal; text-decoration:none; color:#FFF; } #footer a:hover { text-decoration:underline; } #footer .nectar { position: absolute; top: 85px; left: 290px; } /* ----- GLOBAL ----- */ img { display:block; border:0; } address { font-style:normal; } /* ----- LINKS ----- */ a { color:#FFF; font-weight:bold; text-decoration:underline;cursor:pointer; } a:hover { text-decoration:none; } /* ----- Prototype Validation ----- */ input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; } input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #85b023; color : #FFF; font-weight: bold; } #prizeDrawForm .validation-advice { width: 400px; } #winCarContain #formContain .padding #yourDetails .validation-advice { width: 290px; } /* ----- TABLES ----- */ table { border-collapse:collapse; } table p { padding:0px; } /* ----- STOCK UPDATES FORM ----- */ #promoForm { padding:12px 0 0 19px; } #promoForm .signupBoxes { margin-bottom:20px; margin-top:10px;} #promoForm .signupBoxes label { float:left; width:450px; position:relative; top:4px;} #promoForm .signupBoxes input { float:left; width: 14px; margin-right: 10px;} #promoForm select { width:125px !important; margin-bottom: 10px; display:block; margin-right:15px;} #promoForm .carSelects { padding-top:18px;} #promoForm .submitButton { margin:5px 0 20px 0;} span.offerListFeature { display:block; } /* ----- MOTABILITY PAGE 19-02-10 ----- */ #motabilityBanner { margin-bottom:20px; } #motabilityTable { margin-bottom:15px; background:url(../images/layup/motabilityTableTop.jpg) no-repeat left top; } #motabilityTable thead tr { height:46px; } #motabilityTable th { text-align:left; height:46px; } #motabilityTable .altRow td { background:#3c3b39; } #motabilityTable td { font-weight:bold; background:#464340; } /* ----- WIN A CAR 24-02-10 -----*/ #winCarContain { padding-left:14px; font-size:14px; } #winCarContain #winCarBanner { margin:-14px 0 0 0;} #winCarContain #formContain { width:672px; background:url(../images/layup/winCarFormBg.jpg) no-repeat left top; } #winCarContain #formContain .padding {padding:65px 0 20px 17px; } #winCarContain #formContain .imgHeading { padding-bottom:15px; } #winCarContain #formContain .padding #yourDetails { float:left; width:305px; margin-top:15px; } #winCarContain #formContain .padding #yourDetails div { margin-bottom:10px; float:left;} #winCarContain #formContain .padding #yourDetails label{ float:left; width:75px; font-weight:bold; font-size:11px; } #winCarContain #formContain .padding #yourDetails input { width: 224px; float:left; } #winCarContain #formContain .padding #yourDetails textarea { width: 224px; float:left;} #winCarContain #formContain .padding #yourDetails #checkBoxContain {width:304px; background:#373737; float:left;} #winCarContain #formContain .padding #yourDetails #checkBoxContain div { padding:3px 0 3px 5px; border-bottom:1px solid #282827; margin-bottom:0px; width:299px; } #winCarContain #formContain .padding #yourDetails #checkBoxContain .checkBox { float:left; width:12px; } #winCarContain #formContain .padding #yourDetails #checkBoxContain label { float:left; width:260px; padding: 3px 0 0 15px; } #winCarContain #formContain .padding #yourDetails #feedback { padding:5px 0 10px 10px !important; background:#464646; float:left; width:294px !important; } #winCarContain #formContain .padding #yourDetails #feedback label{ float:left; width:75px; font-weight:bold; font-size:11px; padding-left:0px; } #winCarContain #formContain .padding #yourDetails #feedback textarea { width: 210px; float:left;} #winCarContain #formContain .padding #friendsDetails { float:right; width:321px; height:500px; padding-left:15px; margin-top:15px; background:url(../images/layup/winCarGraphic.jpg) left 30px no-repeat;} #winCarContain #formContain .padding #friendsDetails div { margin-bottom:10px; float:left; width:304px;} #winCarContain #formContain .padding #friendsDetails label { float:left; width:75px; font-weight:bold; font-size:11px;} #winCarContain #formContain .padding #friendsDetails input { width: 223px; float:left; } #winCarContain #formContain .padding #friendsDetails textarea { width: 223px; float:left; } /* ----- NEWSLETTER FORM ----- */ #enquiryFormGreen { background: url(../images/layup/formBgGreen.jpg) no-repeat; } #enquiryFormGreen form { padding: 60px 17px 40px 17px; } #enquiryFormGreen form label { width: 77px; } #enquiryFormGreen form input { width: 228px; } #enquiryFormGreen form select { width: 166px; } #enquiryFormGreen form .boxLeft { width: 335px; float: left; padding: 20px 0px 10px 0px; } #enquiryFormGreen form .boxRight { width: 335px; float: right; padding: 20px 0px 10px 0px; } #enquiryFormGreen form .boxRight div, #enquiryFormGreen form .boxLeft div { margin-bottom: 12px; } /* ---- CHALLENE SMC FORM ----- */ #challengeSMC { width:404px; background:url(../images/layup/challengeSmcBg.jpg) no-repeat; float:left; } #challengeSMC .padding { padding:0px 15px 15px 15px !important; } #challengeSMC label { width:122px; text-align:right; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#fff; position:relative; top:2px; float:left; margin-right:5px; } #challengeSMC div { margin-bottom:10px; float:left; width:358px; } #challengeSMC input { float:left; width:225px; } #challengeSMC select { float:left; width:229px; } /* ----- EMIRATES CUP FORM ----- */ #emiratesCup { width:498px; height:1284px; background:url(../images/layup/emiratesCupFormBg.jpg) no-repeat; float:left; margin-right:15px; } #emiratesCup .padding { padding:19px 32px 0px 28px !important; } #emiratesCup .padding div { margin-bottom:10px; } #emiratesCup label { width:208px; color:#fff; text-align:right; float:left; margin-right:10px; position:relative; top:2px; } #emiratesCup input { width:201px; } #emiratesCup textarea { width:201px; height:160px; } #emiratesCup select { width:205px; }