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

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

Type: Screen, Projection

Description : Screen and projection stylesheet for Allam Motor Services site

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

/* ----- IDS ----- */
#top { width:229px; position:relative; float:left; z-index:1; }
#top .overlay { width:18px; height:278px; position:absolute; left:228px; top:21px; z-index:999; }

#mainImg { width:693px; float:right; }
#mainImg .controller { height:29px; display:block; float:right; }
#mainImg .controller a { width:17px; height:17px; background:url(../images/layup/controllerBtn.gif) left top no-repeat; margin:0 2px; display:block; float:left; }
#mainImg .controller .imageControlItem { float:left; }
#mainImg .controller a.active {  background:url(../images/layup/controllerBtnActive.gif) left top no-repeat; }
#mainImg .controller a.previous { width:11px; height:17px; background:url(../images/layup/controllerPrevious.gif) left top no-repeat; }
#mainImg .controller a.next { width:11px; height:17px; background:url(../images/layup/controllerNext.gif) left top no-repeat; }
#mainImg .imageItem { width:693px; height:297px; margin:30px 0 0; position:relative; }
#mainImg .imageItem .frame { background:url(../images/layup/ie6LinkFix.gif) repeat; display:block; position:absolute; right:0; top:0; }

#rewardCard { width:242px; position:absolute; left:222px; top:37px; /*overflow:hidden;*/ z-index:10; }
#rewardCard a { width:242px; height:42px; background:url(../images/layup/tabRewardCard.gif) no-repeat 0 0; display:block; position:relative; overflow:hidden; z-index:3; }
#rewardCard a span { display:none; }
#rewardCard #rewardLogin { width:236px; height:267px; background:url(../images/layup/rewardLoginBg.jpg) no-repeat; position:absolute; left:0; top:-8px; }
#rewardCard #rewardLogin .padding { padding:70px 15px 0 0; }
#rewardCard #rewardLogin .title { width:62px; height:18px; float:right; }
#rewardCard #rewardLogin .description { width:155px; text-align:right; color:#FFF; margin:0 0 15px; float:right; }
#rewardCard #rewardLogin .btn a { width:178px; height:11px; background:none; margin:0 0 18px; float:right; }
#rewardCard #rewardLogin form { width:180px; padding:0; float:right; }
#rewardCard #rewardLogin form div { margin:0 0 9px; }
* html #rewardCard #rewardLogin form div { margin:0 0 3px; }
#rewardCard #rewardLogin form input { width:173px; border:none !important; padding:0 0 0 5px; }
#rewardCard #rewardLogin form #submit { width:99px; height:45px; border:none; float:right; }

/* ----- RIGHT COLUMN ----- */
#rightCol { width:656px; margin:-13px 0 0; float:right; }

#rightCol #jumpFranchises { width:397px; margin:0 21px 20px 0; float:left; }
#rightCol #jumpFranchises .title { width:397px; height:53px; }
#rightCol #jumpFranchises a { display:block; }
#rightCol #jumpFranchises div { float:left; }
#rightCol #jumpFranchises span { display:none; }
#rightCol #jumpFranchises .alfaRomeo a { width:90px; height:91px; background:url(../images/layup/spriteFranchises.jpg) no-repeat 0 0; margin:0 35px 0 27px; }
#rightCol #jumpFranchises .skoda a { width:81px; height:91px; background:url(../images/layup/spriteFranchises.jpg) no-repeat -124px 0; margin:0 30px 0 0; }
#rightCol #jumpFranchises .kia a { width:127px; height:91px; background:url(../images/layup/spriteFranchises.jpg) no-repeat -235px 0; }
#rightCol #jumpFranchises .alfaRomeo a:hover { background:url(../images/layup/spriteFranchises.jpg) no-repeat 0 -91px; }
#rightCol #jumpFranchises .skoda a:hover { background:url(../images/layup/spriteFranchises.jpg) no-repeat -124px -91px; }
#rightCol #jumpFranchises .kia a:hover { background:url(../images/layup/spriteFranchises.jpg) no-repeat -235px -91px; }

#rightCol #jumpServiceCentres { width:215px; float:left; }
#rightCol #jumpServiceCentres .title { width:215px; height:53px; margin:0 0 12px; }
#rightCol #jumpServiceCentres a { display:block; }
#rightCol #jumpServiceCentres div { float:left; }
#rightCol #jumpServiceCentres span { display:none; }
#rightCol #jumpServiceCentres .renault a { width:61px; height:67px; background:url(../images/layup/spriteServiceCentres.jpg) no-repeat 0 0; margin:0 36px 0 31px; }
#rightCol #jumpServiceCentres .vauxhall a { width:67px; height:67px; background:url(../images/layup/spriteServiceCentres.jpg) no-repeat -97px 0; }
#rightCol #jumpServiceCentres .renault a:hover { background:url(../images/layup/spriteServiceCentres.jpg) no-repeat 0 -67px; }
#rightCol #jumpServiceCentres .vauxhall a:hover { background:url(../images/layup/spriteServiceCentres.jpg) no-repeat -97px -67px; }

#rightCol #jumpAftersales { width:397px; float:left; }
#rightCol #jumpAftersales .title { width:397px; height:53px; }
#rightCol #jumpAftersales .overlay { width:205px; height:124px; position:relative; top:-13px; float:right; }
#rightCol #jumpAftersales .overlay a { display:block; }
#rightCol #jumpAftersales .overlay span { display:none; }
#rightCol #jumpAftersales .overlay .orderSpareParts a { width:100px; height:60px; background:url(../images/layup/ie6LinkFix.gif) repeat; position:absolute; left:0; bottom:0; }
#rightCol #jumpAftersales .overlay .bookYourService a { width:100px; height:60px; background:url(../images/layup/ie6LinkFix.gif) repeat; position:absolute; right:0; bottom:0; }
#rightCol #jumpAftersales .description { margin:24px 0 0 25px; }

#rightCol #jumpOffers { width:230px; margin:0 0 0 21px; float:left; }
#rightCol #jumpOffers .title { width:215px; height:53px; }
#rightCol #jumpOffers .thumb { width:211px; height:101px; margin:11px 0 0 19px; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1 { width:auto; height:auto; background:none; padding:0 0 10px; }