/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Author : James Greenwood / james.greenwood@gforces.co.uk / G-Forces Web Management Ltd Type: Screen, Projection Description : Screen and projection stylesheet for Caffyn's site - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ body { background:url(../../images/layup/group09/bgHome.jpg) repeat-x #f9f9f9; } /* ----- IDS ----- */ #header { height:146px; } #primaryNav li a { background:url(../../images/layup/group09/navRightBgHP.jpg) no-repeat right top; } #primaryNav li a span { background:url(../../images/layup/group09/navLeftBgHP.jpg) no-repeat left top; } #primaryNav li a:hover, #primaryNav li .active { background:url(../../images/layup/group09/navHoverRightBgHP.jpg) no-repeat right top; } #primaryNav li a:hover span, #primaryNav li .active span { background:url(../../images/layup/group09/navHoverLeftBgHP.jpg) no-repeat left top; } /* ----- FRANCHISE JUMPS ----- */ #franchiseJumps { width: 960px; height:70px; margin:4px 0 0px 0; padding-left: 0px; display: block; } #franchiseJumps div { float:left; } #franchiseJumps a { display:block; margin-right:45px !important; } #franchiseJumps span { display:none; } #franchiseJumps .audi a { width:79px; height:64px; outline:none; background:url(../../images/layup/group09/spriteFranchiseJumpsHP.jpg) no-repeat 0 0; } #franchiseJumps .chevrolet a { width:79px; height:64px; outline:none; background:url(../../images/layup/group09/spriteFranchiseJumpsHP.jpg) no-repeat -124px 0; } #franchiseJumps .ford a { width:79px; height:64px; outline:none; background:url(../../images/layup/group09/spriteFranchiseJumpsHP.jpg) no-repeat -247px 0; } #franchiseJumps .jaguar a { width:76px; height:64px; outline:none; background:url(../../images/layup/group09/spriteFranchiseJumpsHP.jpg) no-repeat -370px 0; } #franchiseJumps .landRover a { width:69px; height:64px; outline:none; background:url(../../images/layup/group09/spriteFranchiseJumpsHP.jpg) no-repeat -488px 0; } #franchiseJumps .skoda a { width:53px; height:64px; outline:none; background:url(../../images/layup/group09/spriteFranchiseJumpsHP.jpg) no-repeat -602px 0; } #franchiseJumps .vauxhall a { width:53px; height:64px; outline:none; background:url(../../images/layup/group09/spriteFranchiseJumpsHP.jpg) no-repeat -698px 0; } #franchiseJumps .volvo a { width:57px; height:64px; outline:none; background:url(../../images/layup/group09/spriteFranchiseJumpsHP.jpg) no-repeat -790px 0; } #franchiseJumps .vw a { width:50px; height:64px; outline:none; background:url(../../images/layup/group09/spriteFranchiseJumpsHP.jpg) no-repeat -887px 0; margin-right:0px !important; } /*#franchiseJumps .usedCarCentre a { width:59px; outline:none; height:50px; background:url(../../images/layup/group09/spriteFranchiseJumps.jpg) no-repeat -901px 0; }*/ #franchiseJumps .audi a:hover { background:url(../../images/layup/group09/spriteFranchiseJumpsHP.jpg) no-repeat 0 -76px; } #franchiseJumps .chevrolet a:hover { background:url(../../images/layup/group09/spriteFranchiseJumpsHP.jpg) no-repeat -124px -76px; } #franchiseJumps .ford a:hover { background:url(../../images/layup/group09/spriteFranchiseJumpsHP.jpg) no-repeat -247px -76px; } #franchiseJumps .jaguar a:hover { background:url(../../images/layup/group09/spriteFranchiseJumpsHP.jpg) no-repeat -370px -76px; } #franchiseJumps .landRover a:hover { background:url(../../images/layup/group09/spriteFranchiseJumpsHP.jpg) no-repeat -488px -76px; } #franchiseJumps .skoda a:hover { background:url(../../images/layup/group09/spriteFranchiseJumpsHP.jpg) no-repeat -602px -76px; } #franchiseJumps .vauxhall a:hover { background:url(../../images/layup/group09/spriteFranchiseJumpsHP.jpg) no-repeat -698px -76px; } #franchiseJumps .volvo a:hover { background:url(../../images/layup/group09/spriteFranchiseJumpsHP.jpg) no-repeat -790px -76px; } #franchiseJumps .vw a:hover { background:url(../../images/layup/group09/spriteFranchiseJumpsHP.jpg) no-repeat -887px -76px; } /* #franchiseJumps .usedCarCentre a:hover { background:url(../../images/layup/group09/spriteFranchiseJumps.jpg) no-repeat -901px -50px; } */ /* ----- OFFER SELECTOR ----- */ #offerSelector { width:436px; position:relative; z-index:20; float:left; } #offerSelector .offer { width:436px; height:205px; padding:5px 0 0 6px; position:relative; } #offerSelector .offer .frame .top { position:absolute; top:0; left:0; z-index: 10000; } #offerSelector .offer .frame .right { position:absolute; top:14px; right:0; z-index: 10000; } #offerSelector .offer .frame .bottom { position:absolute; top:206px; left:0; z-index: 10000; } #offerSelector .offer .frame .left { position:absolute; top:14px; left:0; z-index: 10000; } #offerSelector .selector { margin:0 23px 0 0; float:right; margin-top:-9px; } #offerSelector .selector a { font-size:16px; text-decoration:none; z-index:999999; text-align:center; font-weight:bold; font-style:italic; color:#FFF; background:url(../../images/layup/group09/offerSelectorBg.jpg) no-repeat top left; padding:3px 22px 8px 22px; display:block; float:left; position:relative; height:20px; width:9px;} #offerSelector .selector a.active { color:#008fcb; background:url(../../images/layup/group09/offerSelectorActiveBg.jpg) no-repeat top left; } /* ----- INTERNAL SEARCH ----- */ #internalSearch { width:450px; float:right; } #internalSearch .tabs { width:450px; height:47px; } #internalSearch .tabs div { float:left; } #internalSearch .tabs a { display:block; } #internalSearch .tabs span { display:none; } #internalSearch .tabs #tabUsed a { width:160px; outline:none; height:47px; background: url(../../images/layup/group09/spriteInternalSearchHomeTabs.jpg) no-repeat 0 0; } #internalSearch .tabs #tabUsed a.active { background: url(../../images/layup/group09/spriteInternalSearchHomeTabs.jpg) no-repeat 0 -47px; } #internalSearch .tabs #tabNew a { width:161px; outline:none; height:47px; background: url(../../images/layup/group09/spriteInternalSearchHomeTabs.jpg) no-repeat -160px 0; } #internalSearch .tabs #tabNew a.active { background: url(../../images/layup/group09/spriteInternalSearchHomeTabs.jpg) no-repeat -160px -47px; } #internalSearch .tabs #tabGreen a { width:129px; outline:none; height:47px; background: url(../../images/layup/group09/spriteInternalSearchHomeTabs.jpg) no-repeat -321px 0; } #internalSearch .tabs #tabGreen a.active { background: url(../../images/layup/group09/spriteInternalSearchHomeTabs.jpg) no-repeat -321px -47px; } #internalSearch .container { width:450px; background:url(../../images/layup/group09/internalSearchHomeBg.jpg) no-repeat left top; height: 170px; } #internalSearch .container .padding { padding:5px 37px 0 30px; } #internalSearch .container .leftCol { width:190px; float:left; } #internalSearch .container .leftCol div { margin:0 0 10px 0; } #internalSearch .container .leftCol label { width:190px; height:21px; } #internalSearch .container .leftCol select { width:158px; background:#e5f0f7; border:1px solid #d0d0d0; } #internalSearch .container .rightCol { width:160px; float:right; } #internalSearch .container .rightCol div { margin:0 0 10px 0; } #internalSearch .container .rightCol label { width:160px; height:21px; } #internalSearch .container .rightCol select { width:160px; background:#e5f0f7; border:1px solid #d0d0d0; } #internalSearch .container .rightCol .submit { width:160px; height:29px; border:none; margin: 0px 0 5px 0; } /* ----- HOME JUMPS ----- */ #homeJumps { width:926px; height:248px; position:relative; } #homeJumps .latestOffers { margin-bottom:15px; } #homeJumps .locateDealer { } #homeJumps .flexiserve { } #homeJumps .motability { margin-bottom:15px; } #homeJumps .recruitment { } #mainContent {} #mainContent .padding { padding:12px 15px 58px 19px; }