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

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

Type: Screen, Projection

Description : Screen and projection stylesheet for Cecil & Larder site

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

/* ----- RIGHT COLUMN ----- */
#rightCol { width:715px; float: right; }

#mainImage { width:706px; height:242px; margin: 0 0 39px; position:relative; z-index:177; }
#mainImage .frame { position:absolute; left:-3px; top:-3px; z-index:999999; }
#mainImage .btnPrevious { position:absolute; left:-9px; top:105px; }
#mainImage .btnForward { position:absolute; right:-12px; top:105px; }
#mainImage .shadow { position:absolute; top:238px; left:-7px; z-index:-1; }

#mainImage .controls { position:relative; z-index:99999999; }
#mainImage .controls a { width:34px; height:33px; outline: 0; position: absolute; z-index: 999999; }
#mainImage .controls a.next { width:34px; height:33px; background: url(../images/layup/btnForward.png) left top no-repeat; right: 15px; top:105px; height:245px; }
#mainImage .controls a.previous { width:34px; height:33px; background: url(../images/layup/btnBack.png) left top no-repeat; left: 15px; top:105px; height:245px; }
* html #mainImage .controls a.next { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='image', src='http://www.cecilandlarter.co.uk/images/layup/btnForward.png'); background: none; }
* html #mainImage .controls a.previous { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='image', src='http://www.cecilandlarter.co.uk/images/layup/btnBack.png'); background: none; }

/* ----- FRANCHISE JUMPS ----- */
#franchiseJumps { width:715px; }
#franchiseJumps .title { width:715px; height:29px; }
#franchiseJumps a { display:block; }
#franchiseJumps span { display:none; }
#franchiseJumps div { float:left; }
#franchiseJumps div.jumpBox { margin-right: 28px; padding-right: 28px; border-right: 1px solid #dedede; }
#franchiseJumps div.last { margin-right: 10px; padding-right: 10px; border: none; }
#franchiseJumps div.first { padding-left: 30px; }
#franchiseJumps .volvo a { width:173px; height:154px; background:url(../images/layup/spriteFranchises.jpg) no-repeat 0 0; }
#franchiseJumps .seat a { width:183px; height:154px; background:url(../images/layup/spriteFranchises.jpg) no-repeat -174px 0; }
#franchiseJumps .saab a { width:183px; height:154px; background:url(../images/layup/spriteFranchises.jpg) no-repeat -358px 0; }
#franchiseJumps .skoda a { width:173px; height:154px; background:url(../images/layup/spriteFranchises.jpg) no-repeat -542px 0; }
#franchiseJumps .volvo a:hover { background:url(../images/layup/spriteFranchises.jpg) no-repeat 0 -154px; }
#franchiseJumps .seat a:hover { background:url(../images/layup/spriteFranchises.jpg) no-repeat -174px -154px; }
#franchiseJumps .saab a:hover { background:url(../images/layup/spriteFranchises.jpg) no-repeat -358px -154px; }
#franchiseJumps .skoda a:hover { background:url(../images/layup/spriteFranchises.jpg) no-repeat -542px -154px; }

#jumpSpecialOffers { width:347px; height:126px; font-size:12px; color:#535353; background:url(../images/layup/jumpSpecialOffers.jpg) no-repeat left top; margin:14px 0 0 0; float:left; }
#jumpSpecialOffers a { font-weight:normal; text-decoration:none; cursor:pointer; display:block; }
#jumpSpecialOffers .padding { padding:45px 102px 51px 0; display:block; }
#jumpAfterSales { width:347px; height:126px; font-size:12px; color:#535353; background:url(../images/layup/jumpAfterSales.jpg) no-repeat left top; margin:14px 0 0 0; float:right; position:relative; }
#jumpAfterSales a { font-weight:normal; text-decoration:none; cursor:pointer; display:block; }
#jumpAfterSales .padding { padding:45px 102px 51px 0; display:block; }
#jumpAfterSales .overlay { position:absolute; right:-1px; top:-13px; }

#mainContent { width:715px; float:right; }
#mainContent .padding { padding:30px 0; }
#mainContent #testimonial { font-size:16px; font-weight:bold; color:#9d9d9d; background:url(../images/layup/testiQuoteOpen.gif) no-repeat left top; margin:0px 0 0 0; }
#mainContent #testimonial .padding { background:url(../images/layup/testiQuoteClose.gif) no-repeat right bottom; padding:0 60px 30px; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { font-size:22px; color:#004c83; font-weight:bold; text-transform:none; margin:0; padding:0 0 10px 0;}