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

Author :John Davies / john.davies@gforces.co.uk / G-Forces Web Management Ltd
Author :James Greenwood / james.greenwood@gforces.co.uk / G-Forces Web Management Ltd

Type:Screen, Projection

Description :Screen and projection stylesheet for SMC Renault site

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

/*----- BACKGROUND IMAGES ----- 

#leftCol .clioEnd { position:absolute; display:block; top:353px; left:-6px; z-index:999999; background:url(../images/layup/clioEnd.png) no-repeat; width:27px; height:92px; }
#leftCol .clioEndNight { position:absolute; display:block; top:353px; left:-13px; z-index:999999; background:url(../images/layup/clioEndNight.png) no-repeat; width:27px; height:92px; }
#rightCol .twingoEnd{ position:absolute; top:349px; right:-19px; width:38px; height:96px; background:url(../images/layup/twingoEnd.png) no-repeat; z-index:999999; }
#rightCol .twingoEndNight{ position:absolute; top:349px; right:-19px; width:38px; height:96px; background:url(../images/layup/twingoEndNight.png) no-repeat; z-index:999999; }*/


/* ----- MAIN IMAGE ----- */
#mainImg { width:669px; height:259px; position:relative; }

#mainContent { background:none; margin:0; }
#mainContent .padding { padding:30px 0 20px 0; }

/* ----- DOMTABS ----- */
.domTabs#viewUsed { float:left; margin-bottom:17px; }
.domTabs#viewUsed .domHeadings { width:324px; height:55px; padding:0; margin:0; list-style:none; }
.domTabs#viewUsed .domHeadings span { display:none; }
.domTabs#viewUsed .domHeadings li a { padding:0; display:block; float:left; }
.domTabs#viewUsed .domHeadings li a.tabUsedCar { width:116px; height:55px; background:url(../images/layup/spriteHomeUsedDOM.gif) -0 -55px no-repeat; }
.domTabs#viewUsed .domHeadings li.active a.tabUsedCar { width:124px; height:55px; background:url(../images/layup/spriteHomeUsedDOM.gif) 0 0 no-repeat; }
.domTabs#viewUsed .domHeadings li a.tabUsedVan { width:200px; height:55px; background:url(../images/layup/spriteHomeUsedDOM.gif) -124px 0 no-repeat; }
.domTabs#viewUsed .domHeadings li.active a.tabUsedVan { width:208px; height:55px; background:url(../images/layup/spriteHomeUsedDOM.gif) -116px -55px no-repeat; }
.domTabs#viewUsed .domContent { width:324px; background:url(../images/layup/viewHomeBg.jpg) top left repeat-y; border:none; position:relative; }
.domTabs#viewUsed .shadow { position:absolute; bottom:-2px; left:-7px; }
.domTabs#viewUsed .dt1 { display:block; }
.domTabs#viewUsed .domContent a { font-weight:normal; text-decoration:none; cursor:pointer; display:block; }
.domTabs#viewUsed .domContent .thumb { width:129px; height:95px; float:left; padding:4px 0 0 4px; margin:15px 0 0 20px; position:relative; display:block; display:inline; }
.domTabs#viewUsed .domContent .thumb .frame { position:absolute; top:0; left:0; }
.domTabs#viewUsed .domContent .title { width:148px; height:35px; font-size:13px; font-weight:bold; color:#616161; padding:12px 0 0 10px; float:left; display:block; }
.domTabs#viewUsed .domContent .description { width:140px; height:66px; padding:0 0 0 10px; float:left; display:block; }
.domTabs#viewUsed .domContent .price { width:140px; font-size:12px; text-align:right; font-weight:bold; color:#c90000; text-transform:uppercase; padding:0 22px 0 0; float:right; display:block; }
.domTabs#viewUsed .domContent .btns { padding:4px 18px 14px 20px; float:left; }
.domTabs#viewUsed .domContent .btns .btnPrevious { float:left; }
.domTabs#viewUsed .domContent .btns .btnViewAll { float:left; }
.domTabs#viewUsed .domContent .btns .btnNext { float:left; }
.domTabs#viewUsed .domContent .btns .btnViewDetails { float:right; }

.domTabs#viewNew { float:right; }
.domTabs#viewNew .domHeadings { width:324px; height:55px; padding:0; margin:0; list-style:none; }
.domTabs#viewNew .domHeadings span { display:none; }
.domTabs#viewNew .domHeadings li a { padding:0; display:block; float:left; }
.domTabs#viewNew .domHeadings li a.tabNewCar { width:116px; height:55px; background:url(../images/layup/spriteHomeNewDOM.gif) -0 -55px no-repeat; }
.domTabs#viewNew .domHeadings li.active  a.tabNewCar { width:124px; height:55px; background:url(../images/layup/spriteHomeNewDOM.gif) 0 0 no-repeat; }
.domTabs#viewNew .domHeadings li a.tabNewVan { width:200px; height:55px; background:url(../images/layup/spriteHomeNewDOM.gif) -124px 0 no-repeat; }
.domTabs#viewNew .domHeadings li.active  a.tabNewVan { width:208px; height:55px; background:url(../images/layup/spriteHomeNewDOM.gif) -116px -55px no-repeat; }
.domTabs#viewNew .domContent { width:324px; background:url(../images/layup/viewHomeBg.jpg) top left repeat-y; border:none; position:relative; }
.domTabs#viewNew .shadow { position:absolute; bottom:-2px; left:-7px; }
.domTabs#viewNew .dt1 { display:block; }
.domTabs#viewNew .domContent a { font-weight:normal; text-decoration:none; cursor:pointer; display:block; }
.domTabs#viewNew .domContent .thumb { width:129px; height:95px; float:left; padding:4px 0 0 4px; margin:15px 0 0 20px; position:relative; display:block; display:inline; }
.domTabs#viewNew .domContent .thumb .frame { position:absolute; top:0; left:0; }
.domTabs#viewNew .domContent .title { width:148px; height:35px; font-size:13px; font-weight:bold; color:#616161; padding:12px 0 0 10px; float:left; display:block; }
.domTabs#viewNew .domContent .description { width:140px; height:66px; padding:0 0 0 10px; float:left; display:block; }
.domTabs#viewNew .domContent .price { width:140px; font-size:12px; text-align:right; font-weight:bold; color:#c90000; text-transform:uppercase; padding:0 22px 0 0; float:right; display:block; }
.domTabs#viewNew .domContent .btns { padding:4px 18px 14px 20px; float:left; }
.domTabs#viewNew .domContent .btns .btnPrevious { float:left; }
.domTabs#viewNew .domContent .btns .btnViewAll { float:left; }
.domTabs#viewNew .domContent .btns .btnNext { float:left; }
.domTabs#viewNew .domContent .btns .btnViewDetails { float:right; }

.domTabs#viewOffers { padding:0 !important; float:left; }
.domTabs#viewOffers .domHeadings { width:315px; height:35px; padding:0; margin:0; list-style:none; }
.domTabs#viewOffers .domHeadings span { display:none; }
.domTabs#viewOffers .domHeadings li a { padding:0; display:block; float:left; }
.domTabs#viewOffers .domHeadings li a.tabSpecial { width:144px; height:35px; background:url(../images/layup/spriteHomeOffersDOM.gif) 0 -35px no-repeat; }
.domTabs#viewOffers .domHeadings li.active  a.tabSpecial { width:148px; height:35px; background:url(../images/layup/spriteHomeOffersDOM.gif) 0 0 no-repeat; }
.domTabs#viewOffers .domHeadings li a.tabAftersales { width:167px; height:35px; background:url(../images/layup/spriteHomeOffersDOM.gif) -148px 0 no-repeat; }
.domTabs#viewOffers .domHeadings li.active a.tabAftersales { width:171px; height:35px; background:url(../images/layup/spriteHomeOffersDOM.gif) -144px -35px no-repeat; }
.domTabs#viewOffers .domContent { width:315px; background:none; border:none; position:relative; }
.domTabs#viewOffers .shadow { position:absolute; left:-7px; top:1px; }
.domTabs#viewOffers .dt1 { display:block; }
.domTabs#viewOffers .domContent a { font-weight:normal; text-decoration:none; cursor:pointer; display:block; }
.domTabs#viewOffers .domContent .title { height:40px; font-size:13px; font-weight:bold; color:#616161; padding:10px 0 0 20px; display:block; }
.domTabs#viewOffers .domContent .thumb { width:129px; height:95px; float:left; padding:4px 0 0 4px; margin:0 0 0 20px; position:relative; display:block; display:inline; }
.domTabs#viewOffers .domContent .thumb .frame { position:absolute; top:0; left:0; }
.domTabs#viewOffers .domContent .description { width:150px; padding:0 0 5px 10px; float:left; display:block; }
.domTabs#viewOffers .domContent .btns { padding:13px 10px 0 20px; float:left; }
.domTabs#viewOffers .domContent .btns .btnPrevious { float:left; }
.domTabs#viewOffers .domContent .btns .btnViewAll { float:left; }
.domTabs#viewOffers .domContent .btns .btnNext { float:left; }
.domTabs#viewOffers .domContent .btns .btnViewDetails { float:right; }

.domTabs#viewNews { padding:0 !important; float:right; }
.domTabs#viewNews .domHeadings { width:315px; height:35px; padding:0; margin:0; list-style:none; }
.domTabs#viewNews .domHeadings span { display:none; }
.domTabs#viewNews .domHeadings li a { padding:0; display:block; float:left; }
.domTabs#viewNews .domHeadings li a.tabNews { width:144px; height:35px; background:url(../images/layup/spriteHomeNewsDOM.gif) 0 -35px no-repeat; }
.domTabs#viewNews .domHeadings li.active  a.tabNews { width:148px; height:35px; background:url(../images/layup/spriteHomeNewsDOM.gif) 0 0 no-repeat; }
.domTabs#viewNews .domHeadings li a.tabTestimonials { width:167px; height:35px; background:url(../images/layup/spriteHomeNewsDOM.gif) -148px 0 no-repeat; }
.domTabs#viewNews .domHeadings li.active a.tabTestimonials { width:171px; height:35px; background:url(../images/layup/spriteHomeNewsDOM.gif) -144px -35px no-repeat; }
.domTabs#viewNews .domContent { width:315px; background:none; border:none; position:relative; }
.domTabs#viewNews .shadow { position:absolute; left:-7px; top:1px; }
.domTabs#viewNews .dt1 { display:block; }
.domTabs#viewNews .domContent a { font-weight:normal; text-decoration:none; cursor:pointer; display:block; }
.domTabs#viewNews .domContent .title { font-size:13px; height:40px; font-weight:bold; color:#616161; padding:10px 0 0 20px; display:block; }
.domTabs#viewNews .domContent .thumb { width:129px; height:95px; float:left; padding:4px 0 0 4px; margin:0 0 0 20px; position:relative; display:block; display:inline; }
.domTabs#viewNews .domContent .thumb .frame { position:absolute; top:0; left:0; }
.domTabs#viewNews .domContent .description { width:150px; padding:0 0 5px 10px; float:left; display:block; }
.domTabs#viewNews .domContent .btns { padding:13px 10px 0 20px; float:left; }
.domTabs#viewNews .domContent .btns .btnPrevious { float:left; }
.domTabs#viewNews .domContent .btns .btnViewAll { float:left; }
.domTabs#viewNews .domContent .btns .btnNext { float:left; }
.domTabs#viewNews .domContent .btns .btnViewDetails { float:right; }