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

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

Type: Screen, Projection

Description : Screen and projection stylesheet for Phoenix site

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

/* ----- SEARCH ----- */
#search { float:left; }

/* ----- MAIN IMAGE ----- */
#mainImg { width:711px; height:291px; position:relative; top:-9px; float:right; }
#mainImg .overlay { position:absolute; right:0; top:0; z-index:10; }
#mainImg #offerNavigator { position:absolute; right:0; bottom:0; z-index:40; }
#mainImg #offerNavigator ul { list-style:none; margin:0; padding:0; }
#mainImg #offerNavigator ul li { padding:0; margin:0 0 0 -1px; float:left; }
#mainImg #offerNavigator ul li a { width:36px; color:#252525; text-decoration:none; text-align:center; background:url(../images/layup/offerSelectorTabBg.png) no-repeat left top; padding:5px 0 4px; display:block; }
#mainImg #offerNavigator ul li a.active { color:#fff; background:url(../images/layup/offerSelectorTabActiveBg.png) no-repeat left top; }
#mainImg #offerNavigator ul li a:hover { color:#fff; background:url(../images/layup/offerSelectorTabActiveBg.png) no-repeat left top; }
#mainImg #offerNavigator ul li a.all { width:60px; color:#fff; background:url(../images/layup/offerSelectorTabAllBg.png) no-repeat left top; padding:5px 0; }

* html #mainImg #offerNavigator ul li a { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='../images/layup/offerSelectorTabBg.png'); background: none;}
* html #mainImg #offerNavigator ul li a.active { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='../images/layup/offerSelectorTabActiveBg.png'); background: none;}
* html #mainImg #offerNavigator ul li a.all { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='../images/layup/offerSelectorTabAllBg.png'); background: none;}

/* ----- FRANCHISE JUMPS ----- */
#franchiseJumps { padding:0 0 0 2px; margin:0 0 14px; }
#franchiseJumps .title { height:13px; color:#606060; text-align:center; }
#franchiseJumps a { height:111px; display:block; float:left; }
#franchiseJumps a span { display:none; }
#franchiseJumps a.bmw { width:87px; background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat 0 0; }
#franchiseJumps a.honda { width:87px; background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -87px 0; }
#franchiseJumps a.mini { width:87px; background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -174px 0; }
#franchiseJumps a.hyundai { width:87px; background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -261px 0; }
#franchiseJumps a.kia { width:87px; background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -348px 0; }
#franchiseJumps a.mazda { width:87px; background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -435px 0; }
#franchiseJumps a.mitsubishi { width:87px; background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -522px 0; }
#franchiseJumps a.suzuki { width:87px; background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -609px 0; }
#franchiseJumps a.moTown { width:87px; background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -696px 0; }
#franchiseJumps a.hondaMotorbikes { width:87px; background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -783px 0; }
#franchiseJumps a.hondaLawnGarden { width:86px; background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -870px 0; }

#franchiseJumps a.bmw:hover { background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat 0 -111px; }
#franchiseJumps a.honda:hover { background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -87px -111px; }
#franchiseJumps a.mini:hover { background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -174px -111px; }
#franchiseJumps a.hyundai:hover { background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -261px -111px; }
#franchiseJumps a.kia:hover { background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -348px -111px; }
#franchiseJumps a.mazda:hover { background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -435px -111px; }
#franchiseJumps a.mitsubishi:hover { background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -522px -111px; }
#franchiseJumps a.suzuki:hover { background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -609px -111px; }
#franchiseJumps a.moTown:hover { background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -696px -111px; }
#franchiseJumps a.hondaMotorbikes:hover { background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -783px -111px; }
#franchiseJumps a.hondaLawnGarden:hover { background:url(../images/layup/spriteFranchiseJumps.jpg) no-repeat -870px -111px; }

/* ----- RIGHT COLUMN ----- */
#jumpNew { margin:0 0 6px; float:left; }
#jumpNew a { background-position: 0px 0px; background-repeat: no-repeat; width: 345px; height: 111px; display: block; }
#jumpNew a:hover { background-position: 0px -111px; background-repeat: no-repeat; }
#jumpUsed { margin:0 0 6px; float:right; }
#jumpUsed a { background-position: 0px 0px; background-repeat: no-repeat; width: 345px; height: 111px; display: block; }
#jumpUsed a:hover { background-position: 0px -111px; background-repeat: no-repeat; }

/* ----- LATEST NEWS */
#latestNews { width:709px; height:111px; position: relative; }
#latestNews a.btnViewAllNews { display: block; position: absolute; right: 88px; bottom: -23px; }
#latestNews .padding { padding:13px 13px 0; }
#latestNews .controller { float:right; } 
#latestNews .controller ul { list-style:none; margin:0; padding:0; } 
#latestNews .controller ul li { padding:0; margin:0 5px 0 0; float:left; } 
#latestNews .controller ul li a { width:6px; height:6px; float:left; display:block; }
#latestNews .controller ul li a.active {}
#latestNews .controller ul li a span { display:none; }
#latestNews .title { font-size:24px; color:#000; padding:0 0 5px; }
#latestNews a { height:52px; text-decoration:none; font-weight:normal; display:block; }
#latestNews .description { width:603px; color:#222222; display:block; }
				
/* ----- FOOTER ----- */
#footer #siteLinks #footerLogo { right:21px; }