/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : 
Author : James Greenwood / james.greenwood@gforces.co.uk / G-Forces Web Management Ltd

Type: Screen, Projection

Description : Screen and projection stylesheet for Vision Vauxhall site

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* ----- IDS ----- */
#wrapper { background:url(../images/layup/wrapperHomeBg.jpg) center bottom no-repeat; }
#container { background:url(../images/layup/containerHomeBg.jpg) no-repeat top center; }

/* ----- LEFT COLUMN ----- */
#leftCol .usedCarSearch { margin:0 0 51px; }

#liveChat { margin:0 0 59px 0; }

#logoVision { position:absolute; top:524px; left:28px; }

/* ----- RIGHT COLUMN ----- */
#rightCol { width:686px; background:none; padding:0 0 200px 0; float:right; }

/* ----- OFFER SELECTOR ----- */
#offerSelector { margin:0 0 9px 0; float:left; position:relative; }
#offerSelector .selector { position:absolute; top:-23px; left:9px; }
#offerSelector a { float:left; }
#offerSelector span { display:none; }
#offerSelector a.btnPrevious { margin:0 5px 0 0; }
#offerSelector a.btn { width:10px; height:10px; background:url(../images/layup/offerSelectorBg.jpg) no-repeat left top; margin:9px 3px 0 3px; }
#offerSelector a.active { width:10px; height:10px; background:url(../images/layup/offerSelectorActiveBg.jpg) no-repeat left top; }
#offerSelector a.btnNext { margin:2px 0 0 5px; }
#offerSelector .title { width:64px; height:17px; margin:19px 0 7px 0; float:left; }
#offerSelector .offerImg { width:647px; height:217px; margin:0 0 0 2px; float:left; }

/* ----- HOME JUMPS ----- */
#homeJumps { width:659px; height:306px; margin:0 0 25px 0; }
#homeJumps a { display:block; }
#homeJumps div { float:left; }
#homeJumps span { display:none; }
#homeJumps .newCars a { width:198px; height:151px; background:url(../images/layup/spriteHomeJumps.jpg) no-repeat 0 0; margin:0 30px 15px 0; }
#homeJumps .newCars a:hover { background:url(../images/layup/spriteHomeJumps.jpg) no-repeat 0 -318px; }
#homeJumps .usedCars a { width:198px; height:151px; background:url(../images/layup/spriteHomeJumps.jpg) no-repeat -229px 0; margin:0 30px 15px 0; }
#homeJumps .usedCars a:hover { background:url(../images/layup/spriteHomeJumps.jpg) no-repeat -229px -318px; }
#homeJumps .vans a { width:198px; height:151px; background:url(../images/layup/spriteHomeJumps.jpg) no-repeat -457px 0; margin:0 0 15px; }
#homeJumps .vans a:hover { background:url(../images/layup/spriteHomeJumps.jpg) no-repeat -457px -318px; }

#homeJumps .servicing a { width:202px; height:151px; background:url(../images/layup/spriteHomeJumps.jpg) no-repeat 0 -167px; margin:0 27px 0 0; }
#homeJumps .servicing a:hover { background:url(../images/layup/spriteHomeJumps.jpg) no-repeat 0 -485px; }
#homeJumps .motability a { width:202px; height:151px; background:url(../images/layup/spriteHomeJumps.jpg) no-repeat -226px -167px; margin:0 26px 0 0; }
#homeJumps .motability a:hover { background:url(../images/layup/spriteHomeJumps.jpg) no-repeat -226px -485px; }
#homeJumps .finance a { width:202px; height:151px; background:url(../images/layup/spriteHomeJumps.jpg) no-repeat -455px -167px; }
#homeJumps .finance a:hover {  background:url(../images/layup/spriteHomeJumps.jpg) no-repeat -455px -485px; }