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

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

Type: Screen, Projection

Description : Screen and projection stylesheet for Essex Audi Group site

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

/* ----- IDS ----- */
#container { margin:0 auto 81px; }

#primaryJumps { width:942px; height:193px; }
#primaryJumps a { display:block; }
#primaryJumps div { float:left; }
#primaryJumps span { display:none; }
#primaryJumps .newCars a { width:309px; height:193px; background:url(../images/layup/spritePrimaryJumps.jpg) no-repeat 0 0; }
#primaryJumps .usedCars a { width:327px; height:193px; background:url(../images/layup/spritePrimaryJumps.jpg) no-repeat -309px 0; }
#primaryJumps .offers a { width:306px; height:193px; background:url(../images/layup/spritePrimaryJumps.jpg) no-repeat -636px 0; }
#primaryJumps .newCars a:hover { background:url(../images/layup/spritePrimaryJumps.jpg) no-repeat 0 -193px; }
#primaryJumps .usedCars a:hover { background:url(../images/layup/spritePrimaryJumps.jpg) no-repeat -309px -193px; }
#primaryJumps .offers a:hover { background:url(../images/layup/spritePrimaryJumps.jpg) no-repeat -636px -193px; }

#secondaryJumps { width:942px; height:155px; margin:0 0 32px; }
#secondaryJumps a { display:block; }
#secondaryJumps div { float:left; }
#secondaryJumps span { display:none; }
#secondaryJumps .stockUpdates a { width:233px; height:155px; background:url(../images/layup/spriteSecondaryJumps.gif) no-repeat 0 0; }
#secondaryJumps .servicing a { width:232px; height:155px; background:url(../images/layup/spriteSecondaryJumps.gif) no-repeat -233px 0; }
#secondaryJumps .motability a { width:236px; height:155px; background:url(../images/layup/spriteSecondaryJumps.gif) no-repeat -465px 0; }
#secondaryJumps .accidentManagement a { width:241px; height:155px; background:url(../images/layup/spriteSecondaryJumps.gif) no-repeat -701px 0; }
#secondaryJumps .stockUpdates a:hover { background:url(../images/layup/spriteSecondaryJumps.gif) no-repeat 0 -155px; }
#secondaryJumps .servicing a:hover { background:url(../images/layup/spriteSecondaryJumps.gif) no-repeat -233px -155px; }
#secondaryJumps .motability a:hover { background:url(../images/layup/spriteSecondaryJumps.gif) no-repeat -465px -155px; }
#secondaryJumps .accidentManagement a:hover { background:url(../images/layup/spriteSecondaryJumps.gif) no-repeat -701px -155px; }

/* ----- LEFT COLUMN ----- */
#leftCol { margin:0 0 20px; }

#welcome { margin:0 0 14px; }
#welcome .padding { padding:0 0 0 3px; }
#welcome .title { width:265px; height:31px; margin:0 0 7px; }
#welcome .description { font-size:11px; }

#search { margin:0; }

#jumpsSocial { padding:10px 0 0; }

/* ----- RIGHT COLUMN ----- */
#rightCol { width:657px; background:none; }

#mainImg { width:657px; height:327px; position:relative; top:-19px; overflow:hidden; }
#mainImg a { display:block; outline:none; float:left; }
#mainImg .frameL { position:absolute; left:0; top:0;  z-index:5; }
#mainImg .frameT { position:absolute; left:58px; top:0;  z-index:5; }
#mainImg .frameR { position:absolute; right:0; top:0;  z-index:5; }
#mainImg .frameB { position:absolute; left:58px; bottom:0;  z-index:5; }
#mainImg #dealCounter { background:url(../images/layup/homeBannerCounterBg.png) no-repeat left top; position:absolute; left:253px; top:270px; width:153px; height:49px; line-height:1; font-family:"Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#000; text-align:center; z-index:7; }
* html #mainImg #dealCounter { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='../images/layup/homeBannerCounterBg.png'); background: none; }
#mainImg #dealCounter .padding { padding:20px 0 0; }
#mainImg #dealCounter span { color:#e01b39; }
#mainImg #bannerWrapper { width:544px; height:299px; padding:11px 55px 17px 58px; }
#mainImg #homepageBannerBack { position:absolute; top:145px; left: 11px; z-index:7; }
#mainImg .offer {}
#mainImg #homepageBannerNext { position:absolute; right:11px; top:145px; z-index:7; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1 { font-size:30px; font-weight:normal; color:#070707; padding:0 0 25px; }

/* ----- TOP NAVIGATION ----- */
#primaryNav { margin:0 0 24px; }