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

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

Type: Screen, Projection

Description : Screen and projection stylesheet for Skurrays site

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

/* COMMON AND GLOBAL */
html { height:100% !important; }
body { height:100% !important; font:62.5%/1.6 arial, verdana, helvetica, sans-serif; color:#000000; text-align:left; background:url(../images/layup/bgInternal.jpg) no-repeat center top #d2d3d5; margin:0; padding:0; }
/*  This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text.  
Declaring the font size in pixels makes it more consistent across browsers. */
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
html>body td, html>body textarea, html>body input, html>body select { font-size:11px; }
/* some browsers don't inherit the font into tables or textareas! */

/* ----- IDS ----- */
#container { width:944px; min-height:100% !important; text-align:left; font-size:110%; line-height: normal; background:url(../images/layup/containerInternalBg.jpg) no-repeat left top; margin:0 auto; padding:0 0 109px; }
* html #container { height:100% !important; }
#printHeader { display:none; }

#header { height:103px; position: relative; }
#header #logo { position: absolute; left: -2px; top: 22px; }
#header #contactDetails { position: absolute; right:8px; top:44px; }
#header #contactDetails .contactBoxHeader { float: right; text-align: right; margin-left: 10px; }
#header #contactDetails .contactBoxHeader a { text-decoration: none; font-size: 1.3em; color: #000000; }
#header #contactDetails .contactBoxHeader span { font-size: 1.2em; }

/* ----- LEFT COLUMN ----- */
#leftCol { width:261px; float: left; }

#leftCol .box { width:261px; margin:0 0 6px; }
#leftCol #liveChat { width:247px; margin:0 auto 6px; position:relative; }
#leftCol #liveChat .overlay { position:absolute; left:188px; top:-34px; }

#adImage { width:220px; height:196px; padding:10px 0 0 13px; position:relative; }
#adImage .frame { position:absolute; left:0; top:0; z-index:20; }

/* ----- VEHICLE SEARCH */
#vehicleSearch { width:261px; margin:3px 0 20px; float:none; }
#vehicleSearch ul.domHeadings { width:261px; height:75px; list-style:none; background:none; margin:0; padding:0; }
#vehicleSearch ul.domHeadings li { padding:0; margin:0; float: left; }
#vehicleSearch ul.domHeadings li a { height:75px; outline:none; display: block; float: left; }
#vehicleSearch ul.domHeadings li a span { display:none; }

#vehicleSearch ul.domHeadings li a.usedSearch { width:90px; background:url(../images/layup/spriteVehicleSearchTabsInternal.jpg) no-repeat 0 0; }
#vehicleSearch ul.domHeadings li a.ecoSearch { width:83px; background:url(../images/layup/spriteVehicleSearchTabsInternal.jpg) no-repeat -90px 0; }
#vehicleSearch ul.domHeadings li a.budgetSearch { width:88px; background:url(../images/layup/spriteVehicleSearchTabsInternal.jpg) no-repeat -173px 0; }

#vehicleSearch ul.domHeadings li.active a.usedSearch { background:url(../images/layup/spriteVehicleSearchTabsInternal.jpg) no-repeat 0 -75px; }
#vehicleSearch ul.domHeadings li.active a.ecoSearch { background:url(../images/layup/spriteVehicleSearchTabsInternal.jpg) no-repeat -90px -75px; }
#vehicleSearch ul.domHeadings li.active a.budgetSearch { background:url(../images/layup/spriteVehicleSearchTabsInternal.jpg) no-repeat -173px -75px; }

#vehicleSearch .domContent { width:261px; min-height:199px; background:url(../images/layup/vehicleSearchContentInternalBg.jpg) no-repeat left top; position:static; }
* html #vehicleSearch .domContent { height:199px; }
#vehicleSearch .domContent .padding { padding:19px 26px 19px 27px; }
#vehicleSearch .dt1 { display: block; }

#vehicleSearch form {}
#vehicleSearch form div, .searchDivider { margin:0 0 12px; float:none; }
#vehicleSearch .searchOptions { width:208px; height:30px; padding:0; margin:0 0 13px; }
#vehicleSearch .searchOptions div { margin:0; float:left; }
#vehicleSearch .searchOptions a { outline:none; cursor:pointer; display:block; }
#vehicleSearch .searchOptions a span { display:none; }
#vehicleSearch .searchOptions .newSearch a { width:100px; height:30px; margin:0 8px 0 0; }
#vehicleSearch .searchOptions .usedSearch a { width:100px; height:30px; }

#vehicleSearch form select { width:206px; height:21px; font-size:12px; color:#545454; margin:0; }
#vehicleSearch form .btnAdvancedSearch { width:79px; height:22px; margin:0 !important; position:relative; left:0; top:5px; float:left; }
#vehicleSearch form #btnSearch { width:80px; height:33px; margin:0; float:right; }

#vehicleSearch #ecoSearchContent fomr div { margin:0 0 20px; }
#vehicleSearch #ecoSearchContent label { width:145px; color:#fff; }
#vehicleSearch #ecoSearchContent select { width:56px; }

#vehicleSearch .dt2 .title { font-size:13px; font-weight:bold; color:#ffffff; text-transform:uppercase; }
#vehicleSearch .dt2 #budgetAmounts {}
#vehicleSearch .dt2 #budgetAmounts a { margin:0 5px 10px 0; float:left; display:inline; display: block; width: 65px; height: 28px; }
#vehicleSearch .dt2 #budgetAmounts a.under5 { background:url(../images/layup/spriteBudgetAmounts.gif) 0px 0px no-repeat; }
#vehicleSearch .dt2 #budgetAmounts a.under5:hover { background:url(../images/layup/spriteBudgetAmounts.gif) 0px -56px no-repeat; }
#vehicleSearch .dt2 #budgetAmounts a.under5.active { background:url(../images/layup/spriteBudgetAmounts.gif) 0px -56px no-repeat; }
#vehicleSearch .dt2 #budgetAmounts a.five_ten { background:url(../images/layup/spriteBudgetAmounts.gif) -65px 0px no-repeat; }
#vehicleSearch .dt2 #budgetAmounts a.five_ten:hover { background:url(../images/layup/spriteBudgetAmounts.gif) -65px -56px no-repeat; }
#vehicleSearch .dt2 #budgetAmounts a.five_ten.active { background:url(../images/layup/spriteBudgetAmounts.gif) -65px -56px no-repeat; }
#vehicleSearch .dt2 #budgetAmounts a.ten_fifteen { background:url(../images/layup/spriteBudgetAmounts.gif) -130px 0px no-repeat; }
#vehicleSearch .dt2 #budgetAmounts a.ten_fifteen:hover { background:url(../images/layup/spriteBudgetAmounts.gif) -130px -56px no-repeat; }
#vehicleSearch .dt2 #budgetAmounts a.ten_fifteen.active { background:url(../images/layup/spriteBudgetAmounts.gif) -130px -56px no-repeat; }
#vehicleSearch .dt2 #budgetAmounts a.fifteen_twenty { background:url(../images/layup/spriteBudgetAmounts.gif) 0px -28px no-repeat; }
#vehicleSearch .dt2 #budgetAmounts a.fifteen_twenty:hover { background:url(../images/layup/spriteBudgetAmounts.gif) 0px -84px no-repeat; }
#vehicleSearch .dt2 #budgetAmounts a.fifteen_twenty.active { background:url(../images/layup/spriteBudgetAmounts.gif) 0px -84px no-repeat; }
#vehicleSearch .dt2 #budgetAmounts a.over20K { background:url(../images/layup/spriteBudgetAmounts.gif) -65px -28px no-repeat; }
#vehicleSearch .dt2 #budgetAmounts a.over20K:hover { background:url(../images/layup/spriteBudgetAmounts.gif) -65px -84px no-repeat; }
#vehicleSearch .dt2 #budgetAmounts a.over20K.active { background:url(../images/layup/spriteBudgetAmounts.gif) 65px -84px no-repeat; }
#vehicleSearch .dt2 #budgetAmounts a.dontMind { background:url(../images/layup/spriteBudgetAmounts.gif) -130px -28px no-repeat; }
#vehicleSearch .dt2 #budgetAmounts a.dontMind:hover { background:url(../images/layup/spriteBudgetAmounts.gif) -130px -84px no-repeat; }
#vehicleSearch .dt2 #budgetAmounts a.dontMind.active { background:url(../images/layup/spriteBudgetAmounts.gif) 130px -84px no-repeat; }

#vehicleSearch .dt2 #budgetAmounts a.end { margin:0 0 10px; }
#vehicleSearch .dt2 label { width:90px; font-size:11px; color:#fff; }
#vehicleSearch .dt2 select { width:110px; }

/* ----- ADVANCED SEARCH */
.usedCarSearch { margin:0 auto; }
.usedCarSearch .advancedSearch div { margin:0 0 10px; }
.usedCarSearch .advancedSearch select { width:254px; }
.usedCarSearch .advancedSearch input,
.usedCarSearch .advancedSearch textarea { width:250px; }
.usedCarSearch .advancedSearch .submitButton { width:80px; height:33px; }

/* ----- SAVE & COMPARE */
#saveCompare {}
#saveCompare ul.domHeadings { width:254px; height:66px; list-style:none; padding:0; margin:0; }
#saveCompare ul.domHeadings li { float:left; }
#saveCompare ul.domHeadings li a { display:block; float:left; }
#saveCompare ul.domHeadings li a span { display:none; }

#saveCompare ul.domHeadings li a.recentlyViewed { width:124px; height:66px; background:url(../images/layup/spriteSaveCompareTabs.jpg) no-repeat 0 -66px; }
#saveCompare ul.domHeadings li a.saveCompare { width:126px; height:66px; background:url(../images/layup/spriteSaveCompareTabs.jpg) no-repeat -128px 0; }

#saveCompare ul.domHeadings li.active a.recentlyViewed { width:128px; background:url(../images/layup/spriteSaveCompareTabs.jpg) no-repeat 0 0; }
#saveCompare ul.domHeadings li.active a.saveCompare { width:130px; background:url(../images/layup/spriteSaveCompareTabs.jpg) no-repeat -124px -66px; }

#saveCompare .domContent { width:261px; min-height:147px; background:url(../images/layup/saveCompareBg.jpg) no-repeat left bottom; }
#saveCompare .domContent .padding { padding:15px 0 0 27px; }

#saveCompare .domContent .boxList {}
#saveCompare .domContent .boxList .box { width:59px; height:44px; background:url(../images/layup/saveCompareItemBg.jpg) no-repeat left top; padding:2px; margin:0 10px 10px 0; float:left; position:relative; display:block; }
#saveCompare .domContent .boxList .box a { display:block; }
#saveCompare .domContent .boxList .box .frame { position:absolute; left:0; top:0; }

#saveCompare .dt1 { display: block; }

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

/* ----- USED CARS */
.searchOptions { width:664px; }
.searchOptions.top { background:url(../images/layup/searchOptionsDividerTop.jpg) no-repeat 9px bottom; padding:11px 0 22px; margin:0 0 15px; }
.searchOptions.bottom { background:url(../images/layup/searchOptionsDividerBottom.jpg) no-repeat 9px top; padding:22px 0 11px; }

.searchOptions div { float:left; }
.searchOptions .clear,
.searchOptions .clearSmall { float:none; }

.searchOptions .vehiclesFound { width:117px; font-size:11px; color:#4e4e4e; font-weight:bold; padding:2px 0 0; }

.searchOptions .sortBy { width:180px; margin:0 20px 0 0; }
.searchOptions .sortBy label { width:50px; font-size:11px; color:#4e4e4e; font-weight:bold; padding:2px 0 0; }
.searchOptions .sortBy select { width:122px; }

.searchOptions .results { width:100px; }
.searchOptions .results label { width:50px; font-size:11px; color:#4e4e4e; font-weight:bold; padding:2px 0 0; }
.searchOptions .results select { width:41px; }

#list { width:664px; margin:0 0 15px 0; }
#list .listItem { width:664px; height:187px; background:url(../images/layup/usedListBg.gif) no-repeat left top; margin:0 0 22px; }
#list .listItem .padding { padding:10px 8px 0 10px; }
#list .listItem a { cursor:pointer; text-decoration:none; font-weight:normal; display:block; }
#list .listItem .thumb { width:223px; height:167px; position:relative; float:left; display:block; }
#list .listItem .thumb .frame { position:absolute; left:0; top:0; display:block; }
#list .listItem .thumb .overlayOffer { position:absolute; left:-16px; top:-15px; display:block; }
#list .listItem .thumb .overlayDealership { position:absolute; right:0; bottom:0; display:block; }
#list .listItem .rightSide { width:411px; float:right; display:block; }
#list .listItem .rightSide .model { width:411px; min-height:37px; background:url(../images/layup/usedListModelBg.jpg) no-repeat left top; margin:0 0 10px; display:block; }
#list .listItem .rightSide .model span.background { width:411px; min-height:37px; font-size:13px; color:#fff; font-weight:bold; padding: 0px; display:block; background:url(../images/layup/usedListModelBgBot.jpg) no-repeat left bottom; }
#list .listItem .rightSide .model span { font-size:13px; color:#fff; font-weight:bold; padding:10px 50px 3px 10px; display:block; }
#list .listItem .rightSide .vehicleInfo { width:411px; height:120px; background:url(../images/layup/usedListVehicleInfoBg.jpg) no-repeat left top; display:block; }
#list .listItem .rightSide .vehicleInfo .padding { padding:13px 10px 0; display:block; }
#list .listItem .rightSide .vehicleInfo .detailsTable { height:71px; font-size:12px; color:#1b1b1b; margin:0 0 10px; display:block; }
#list .listItem .rightSide .vehicleInfo .detailsTable .feature { width:65px; font-weight:bold; float:left; display:block; }
#list .listItem .rightSide .vehicleInfo .detailsTable .option { width:98px; padding:0 50px 0 0; text-align:right; float:left; display:block; }
#list .listItem .rightSide .vehicleInfo .detailsTable .option.end { padding-right: 10px; }
#list .listItem .rightSide .vehicleInfo .price { width:255px; font-size:13px; color:#000; font-weight:bold; display:block; float:left; }
#list .listItem .rightSide .vehicleInfo .price span { font-size:12px; color:#000; text-decoration:line-through; }
#list .listItem .rightSide .vehicleInfo a.btnSave { float:left; margin:-3px 11px 0 0; display:block; }
#list .listItem .rightSide .vehicleInfo a.btnMore { width:60px; height:21px; display:block; float:left; margin:-4px 0 0; }

/* ----- USED VEHICLE DETAIL */
#usedOptions { width:664px; height:96px; margin:9px 0 17px; }
#usedOptions div { float:left; }
#usedOptions div a { height:96px; cursor:pointer; outline:none; display:block; }
#usedOptions div a span { display:none; }

#usedOptions .enquireAboutVehicle a { width:112px; background:url(../images/layup/spriteUsedOptions.jpg) no-repeat 0 0; }
#usedOptions .sendFriend a { width:106px; background:url(../images/layup/spriteUsedOptions.jpg) no-repeat -112px 0; }
#usedOptions .printVehicleSpec a { width:110px; background:url(../images/layup/spriteUsedOptions.jpg) no-repeat -218px 0; }
#usedOptions .makeOffer a { width:111px; background:url(../images/layup/spriteUsedOptions.jpg) no-repeat -328px 0; }
#usedOptions .saveCompare a { width:111px; background:url(../images/layup/spriteUsedOptions.jpg) no-repeat -439px 0; }
#usedOptions .valueVehicle a { width:114px; background:url(../images/layup/spriteUsedOptions.jpg) no-repeat -550px 0; }

#usedOptions .enquireAboutVehicle a:hover { background:url(../images/layup/spriteUsedOptions.jpg) no-repeat 0 -96px; }
#usedOptions .sendFriend a:hover { background:url(../images/layup/spriteUsedOptions.jpg) no-repeat -112px -96px; }
#usedOptions .printVehicleSpec a:hover { background:url(../images/layup/spriteUsedOptions.jpg) no-repeat -218px -96px; }
#usedOptions .makeOffer a:hover { background:url(../images/layup/spriteUsedOptions.jpg) no-repeat -328px -96px; }
#usedOptions .saveCompare a:hover { background:url(../images/layup/spriteUsedOptions.jpg) no-repeat -439px -96px; }
#usedOptions .valueVehicle a:hover { background:url(../images/layup/spriteUsedOptions.jpg) no-repeat -550px -96px; }

#relatedVehicles { width:664px; background:url(../images/layup/relatedVehiclesBg.gif) #9c9da0 no-repeat left bottom;  padding:0 0 10px; }
#relatedVehicles #list { width:644px; margin:22px 0 0 10px; }
#relatedVehicles #list .listItem { width:644px; height:167px; margin:0 0 22px; }
#relatedVehicles #list .listItem .padding { padding:0; }
#relatedVehicles #list .listItem a { cursor:pointer; text-decoration:none; font-weight:normal; display:block; }
#relatedVehicles #list .listItem .thumb { width:223px; height:167px; position:relative; float:left; display:block; }
#relatedVehicles #list .listItem .thumb .frame { position:absolute; left:0; top:0; display:block; }
#relatedVehicles #list .listItem .thumb .overlayOffer { position:absolute; left:-16px; top:-15px; display:block; }
#relatedVehicles #list .listItem .thumb .overlayDealership { position:absolute; right:0; bottom:0; display:block; }
#relatedVehicles #list .listItem .rightSide { width:411px; float:right; display:block; }
#relatedVehicles #list .listItem .rightSide .model { width:411px; background:url(../images/layup/relatedVehiclesModelBg.jpg) no-repeat left top; margin:0 0 10px; display:block; }
#relatedVehicles #list .listItem .rightSide .model span { font-size:13px; color:#fff; font-weight:bold; padding:10px 50px 3px 10px; display:block; }
#relatedVehicles #list .listItem .rightSide .model span.background { padding: 0px; width: 397px; }
#relatedVehicles #list .listItem .rightSide .vehicleInfo { width:411px; height:120px; background:url(../images/layup/relatedVehiclesVehicleInfoBg.gif) no-repeat left top; display:block; }
#relatedVehicles #list .listItem .rightSide .vehicleInfo .padding { padding:13px 10px 0; display:block; }
#relatedVehicles #list .listItem .rightSide .vehicleInfo .detailsTable { height:71px; font-size:12px; color:#1b1b1b; margin:0 0 10px; display:block; }
#relatedVehicles #list .listItem .rightSide .vehicleInfo .detailsTable .feature { width:95px; font-weight:bold; float:left; display:block; }
#relatedVehicles #list .listItem .rightSide .vehicleInfo .detailsTable .option { width:85px; padding:0 8px 0 0; text-align:right; float:left; display:block; }
#relatedVehicles #list .listItem .rightSide .vehicleInfo .price { width:261px; font-size:13px; color:#000; font-weight:bold; display:block; }
#relatedVehicles #list .listItem .rightSide .vehicleInfo .price span { font-size:12px; color:#000; text-decoration:line-through; }
#relatedVehicles #list .listItem .rightSide .vehicleInfo a.btnSave { float:left; margin:-3px 3px 0 0; display:block; }
#relatedVehicles #list .listItem .rightSide .vehicleInfo a.btnMore { width:60px; height:21px; display:block; float:left; margin:-4px 0 0; }

/* ----- VEHICLE COMPARISON */
.vehicleComparison { margin-bottom: 11px; width: 100%; }
.vehicleComparison table { width: 617px !important; }
.vehicleComparison tr {}
.vehicleComparison tr th,
.vehicleComparison tr td { width:113px; color:#2e2525; font-weight:bold; border-right:1px solid #d9d8d8; padding:5px 0 5px 10px; }
.vehicleComparison tr.thumbs th { width:123px; padding:10px 0; }
.vehicleComparison tr.thumbs th .thumb { width:59px; height:44px; margin:0 auto; display:block; position:relative; }
.vehicleComparison tr.thumbs th .thumb .frame { position:absolute; left:0; top:0; }
.vehicleComparison.group tbody  { background:#c4c5c7; }
.vehicleComparison tr.altRow td { background:#f2f2f2; }
.vehicleComparison tr td.heading,
.vehicleComparison tr th.heading { font-weight:bold; color:#fff; background:#000; border-bottom:1px solid #fff; border-right:none; }
.vehicleComparison tr.topRow th { background:url(../images/layup/vehCompareTopBg.gif) repeat-x left top; }
.vehicleComparison tr th.topLeft { background:url(../images/layup/vehCompareLeftColTop.gif) no-repeat left top #000; border-bottom: none !important; padding-top: 11px !important; }
.vehicleComparison tr th.rowClosed { background:url(../images/layup/rowClosed.gif) no-repeat left top !important; border-bottom: none !important; padding-top: 8px !important; padding-bottom: 8px !important; }
.vehicleComparison tr th.subRowClosed { border-bottom:1px solid #D9D8D8; }
.vehicleComparison tr th.topLeft img { float: left; }
.vehicleComparison tr th.topLeft span { display: block; float: left; padding: 4px 0px 0px 10px; }

.vehicleComparison tr.bottomRow td.corner { background:url(../images/layup/vehCompareBotCornerBg.gif) #f2f2f2 repeat-x left bottom; }
.vehicleComparison tr td.bottomLeft { background:url(../images/layup/vehCompareLeftColBtm.gif) no-repeat left bottom #000; border:none; }
.vehicleComparison tr td.topRight { background:url(../images/layup/vehCompareRightColTop.gif) no-repeat right top #fff; border:none; }
.vehicleComparison tr td.bottomRight { background:url(../images/layup/saab/vehCompareRightColBtm.gif) no-repeat right bottom #fff; border:none; }
.vehicleComparison tr.btns td { width:123px; border:none; padding:0; }
.vehicleComparison tr.btns td a.btn { width:118px; margin:0 auto; display:block; }
.vehicleComparison .tblClosedFoot td { padding: 0px; }


/* ----- RECUITMENT */
#recuitmentList {}
#recuitmentList .listItem { margin:0 0 15px; }
#recuitmentList .listItem a { text-decoration:none; font-weight:normal; cursor:pointer; display:block; }
#recuitmentList .thumb { width:206px; height:155px; display:block; position:relative; float:left; } 
#recuitmentList .thumb .frame { position:absolute; left:0; top:0; display:block; }
#recuitmentList .rightSide { width:400px; float:right; display:block; }
#recuitmentList .rightSide .title { height:40px; font-size:14px; font-weight:bold; display:block; }
#recuitmentList .rightSide .description { font-size:11px; padding:0 0 15px; display:block; }
#recuitmentList .rightSide .link { text-align:right; font-weight:bold; float:right; display:block; }

/* ----- OFFERS LIST  */
#offersList { width:652px; }
#offersList ul.domHeadings { width:652px; height:35px; list-style:none; padding:0; margin:0 0 30px; }
#offersList ul.domHeadings li { float:left; }
#offersList ul.domHeadings li a { height:35px; outline:none; display: block; float: left; }
#offersList ul.domHeadings li a span { display:none; }

#offersList ul.domHeadings li a.newCarOffers { width:143px; }
#offersList ul.domHeadings li a.usedCarOffers { width:149px; }
#offersList ul.domHeadings li a.aftersales { width:103px; }
#offersList ul.domHeadings li a.business { width:91px; }
#offersList ul.domHeadings li a.motability { width:102px; }

#offersList .domTabs {}
#offersList .domContent {}
#offersList .dt1 { display: block; }

#offersList #boxList {}
#offersList #boxList .box { width:640px; height:auto; background:none; border-bottom:1px solid #d7d7d7; padding:0 0 12px; margin:0 8px 20px 0; float:left; }
#offersList #boxList .box a { text-decoration:none; font-weight:normal; cursor:pointer; padding:0; display:block; }
#offersList #boxList .box .thumb { width:206px; margin:0 0 10px; position:relative; display:block; float:left; }
#offersList #boxList .box .thumb .frame { position:absolute; left:0; top:0; display:block; }
#offersList #boxList .box .description { width:400px; margin-left:20px; font-size:12px; font-weight:bold; color:#383737; float:left; display:block; }
#offersList #boxList .box .btnDetails { width:80px; height:33px; float:right; display:block; margin-top:20px; }

/* ----- CONTACT LISTING */
#contactListing {}				
#contactListing #boxList {}
#contactListing #boxList .box { width:321px; height:auto; background:url(../images/layup/contactListBoxBg.gif) no-repeat left top; padding:10px 0 0; margin:0 3px 10px 0; display:inline; float:left; }
#contactListing #boxList .end { margin:0 0 10px; }
#contactListing #boxList .box a { font-size:12px; color:#585858; font-weight:normal; text-decoration:none; padding:0; display:block ;}
#contactListing #boxList .box .thumb { width:301px; height:157px; margin:0 0 10px 10px; position:relative; display:block; }
#contactListing #boxList .box .thumb .frame { position:absolute; left:0; top:0; display:block; }
#contactListing #boxList .box .location { width:301px; height:33px; font-size:12px; font-weight:bold; color:#FFF; background:url(../images/layup/contactListLocationBg.jpg) no-repeat left top; margin:0 0 40px 10px; display:block; }
#contactListing #boxList .box .location span { padding:8px 60px 0 8px; display:block; }

/* ----- CONTACT US */
#dealerImg { width:325px; height:181px; background:url(../images/layup/dealerImgBg.gif) no-repeat left top; margin:0 0 30px; float:left; }
#dealerImg .thumb { width:301px; height:157px; padding:11px 0 0 11px; position:relative; }
#dealerImg .thumb .frame { position:absolute; left:11px; top:11px; z-index: 500; }

#mapContainer { width:321px; height:239px; background:url(../images/layup/mapBg.gif) no-repeat left top; margin:0 0 11px; position:relative; float:right; }
#mapContainer .frame { position:absolute; left:11px; top:11px; }
#mapContainer .frameTL { position:absolute; left:11px; top:11px; }
#mapContainer .frameBL { position:absolute; left:11px; top:180px; }
#mapContainer .frameTR { position:absolute; right:9px; top:11px; }
#mapContainer .frameBR { position:absolute; right:9px; top:180px; }
#mapContainer .map { width:301px; height:176px; padding:11px 0 0 11px; margin:0 0 10px; }
#mapContainer #postcodeEntry { width:301px; height:33px; background:url(../images/layup/directionsBg.jpg) no-repeat left top; margin:0 0 0 11px; }
#mapContainer #postcodeEntry fieldset { padding:0 0 0 92px; }
#mapContainer #postcodeEntry input { width:160px; }

#directionsWrapper { margin:0 0 15px; }
#directionsWrapper h2 { font-size:18px; }
#directionsWrapper table.adp-directions { width:90%; }

.contactBox { width:325px; margin:0 0 30px; clear:left; }
.contactBox .title { margin:0 0 20px; }
.contactBox table { width:100%; }
.contactBox table tr {}
.contactBox table tr td { font-size:12px; color:#4d4d4d; }

/* ----- MASTER COLUMN ----- */
#masterCol { width:930px; }
#masterCol .padding { padding:8px 0; }

/* ----- USED VEHICLE DETAIL */
#modelLocationTelephone { width:540px; float:left; }
#modelLocationTelephone .model { font-size:22px; font-weight:bold; color:#393939; display:block; }
#modelLocationTelephone .locationTelephone { font-size:13px; color:#000000; display:block; }
#modelLocationTelephone .locationTelephone span { font-size:15px; text-transform:uppercase; font-weight:bold; }

#usedDetailPrice { width:365px; height:49px; font-size:18px; color:#FFF; background:url(../images/layup/usedDetailPriceBg.jpg) no-repeat left top;  float:right; }
#usedDetailPrice.small { width:133px; background:url(../images/layup/usedDetailPriceSmallBg.jpg) no-repeat left top; }
#usedDetailPrice span { width:124px; text-align:center; font-weight:bold; padding:12px 0 0; display:block; float:left; }
#usedDetailPrice.small span { width:133px; }
#usedDetailPrice .was { width:117px; font-weight:normal; text-decoration:line-through; }

#detailThumbs { width:356px; float:left; }
#detailThumbs #mainImg { width:356px; height:267px; margin:0 0 10px; position:relative; }
#detailThumbs #mainImg .frame { position:absolute; left:0; top:0; }
#detailThumbs #mainImg .overlayOffer { position:absolute; left:0; top:0; }
#detailThumbs #thumbs { width:356px; height:40px; overflow:hidden; position:relative; }
#detailThumbs .managersComments  { display: none; }
#detailThumbs #thumbs #thumbnailSlider { width:10000px; height:40px; display:inline; position:absolute; left:0px; top:0px; }
#detailThumbs #thumbs .thumb { width:53px; height:40px; margin:0 8px 0 0; display:block; float:left; }
#detailThumbs #thumbs .thumb .btnPrevious { width:53px; height:40px; background:url(../images/layup/thumbsPrevious.png) no-repeat; position:absolute; top:0; left:0; display:block; }
* html #detailThumbs #thumbs .thumb .btnPrevious { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='../images/layup/thumbsPrevious.png'); background: none; }
#detailThumbs #thumbs .thumb .btnNext { width:53px; height:40px; background:url(../images/layup/thumbsNext.png) no-repeat; position:absolute; top:0; right:0; display:block; }
* html #detailThumbs #thumbs .thumb .btnNext { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='../images/layup/thumbsNext.png'); background: none; }

#usedCarDetail { width:541px; height:44px; float:right; }
#usedCarDetail ul.domHeadings { list-style:none; padding:0; margin:0; }
#usedCarDetail ul.domHeadings li { float: left; }
#usedCarDetail ul.domHeadings li a { outline:none; display: block; float: left; }
#usedCarDetail ul.domHeadings li a span { display:none; }

#usedCarDetail ul.domHeadings li a.overview { width:107px; height:44px; background:url(../images/layup/spriteUsedCarDetailTabs.jpg) no-repeat 0 0; }
#usedCarDetail ul.domHeadings li a.specification { width:109px; height:44px; background:url(../images/layup/spriteUsedCarDetailTabs.jpg) no-repeat -107px 0; }
#usedCarDetail ul.domHeadings li a.technical { width:110px; height:44px; background:url(../images/layup/spriteUsedCarDetailTabs.jpg) no-repeat -216px 0; }
#usedCarDetail ul.domHeadings li a.finance { width:109px; height:44px; background:url(../images/layup/spriteUsedCarDetailTabs.jpg) no-repeat -326px 0; }
#usedCarDetail ul.domHeadings li a.warranty { width:106px; height:44px; background:url(../images/layup/spriteUsedCarDetailTabs.jpg) no-repeat -435px 0; }

#usedCarDetail ul.domHeadings li.active a.overview { background:url(../images/layup/spriteUsedCarDetailTabs.jpg) no-repeat 0 -44px; }
#usedCarDetail ul.domHeadings li.active a.specification { background:url(../images/layup/spriteUsedCarDetailTabs.jpg) no-repeat -107px -44px; }
#usedCarDetail ul.domHeadings li.active a.technical { background:url(../images/layup/spriteUsedCarDetailTabs.jpg) no-repeat -216px -44px; }
#usedCarDetail ul.domHeadings li.active a.finance { background:url(../images/layup/spriteUsedCarDetailTabs.jpg) no-repeat -326px -44px; }
#usedCarDetail ul.domHeadings li.active a.warranty { background:url(../images/layup/spriteUsedCarDetailTabs.jpg) no-repeat -435px -44px; }

#usedCarDetail ul.domHeadings li.active a.eco { background:url(../images/layup/vauxhall/spriteNewCarDetailTabs.jpg) no-repeat -239px 0; }
#usedCarDetail ul.domHeadings li a.eco { width:106px; height:44px; background:url(../images/layup/vauxhall/spriteNewCarDetailTabs.jpg) no-repeat -239px 0; }

#usedCarDetail .domContent { width:541px; height:281px; background:url(../images/layup/usedDetailContentBg.gif) no-repeat left bottom; }
#usedCarDetail .domContent .scroller { overflow: auto; width:541px; height: 290px; }
#usedCarDetail .domContent .padding { padding:15px 13px 0; width: 498px; }
#usedCarDetail .dt1 { display: block; }

#usedCarDetail .domContent .btns {}
#usedCarDetail .domContent .btns a { display:block; float:left; }
#usedCarDetail .domContent .btns a.btnLiveChat { margin:0 15px 0 0; }
#usedCarDetail .domContent .btns a.btnMakeOffer {}

#usedCarDetail .dt1 .padding { width:auto !important; padding:10px 0 0 13px !important; }

#usedCarDetail .domContent table { margin:0 0 10px; width: 498px; }
#usedCarDetail .domContent.dt4 table { margin:0; }
#usedCarDetail .domContent table tr {}
#usedCarDetail .domContent table tr th { font-size:12px; color:#1b1b1b; background: #babbbe; padding: 7px 25px 5px 5px; border: 1px solid #9c9da0; }
#usedCarDetail .domContent table tr td { font-size:12px; text-align:right; color:#1b1b1b; background: #aaabae; padding: 7px 5px 5px 2px; border: 1px solid #9c9da0; }
#usedCarDetail .domContent.dt1 table tr td { width:95px; }
#usedCarDetail .domContent.dt2 table tr td { text-align: left; }
#usedCarDetail .domContent table tr td.heading { width:116px; font-weight:bold; text-align:left; padding: 7px 3px 5px 3px; }

#usedCarDetail .domContent .managersComments { width:498px ; font-size:12px; color:#1c1d1d; padding:0 10px 10px 0; }
#usedCarDetail .domContent .managersComments span { font-weight:bold; color:#cf2638; }

/* ----- FINANCE SLIDER ----- */
#loanDetails { float: right; width: 273px; }
#financeSlider { width: 222px; float: left; }
#financeSlider div.box { padding: 9px 0px 0px 0px; font-size: 1.1em; }
#financeSlider div.sliderWidget { width: 205px; height: 35px; background: url(../images/layup/sliderBg.gif) bottom left no-repeat; position: relative; margin-top: 4px; }
#financeSlider div.sliderWidget .bubble { background:url(../images/layup/sliderBubble.gif) no-repeat; width: 45px; height: 30px; position: absolute; top: 0px; left: 0px; cursor: w-resize; color: #fff; text-align: center; font-size: 10px; padding-top: 3px; }
#financeSlider div.sliderWidget a { display: block; width: 10px; height: 14px; background: url(../images/layup/ie6LinkFix.gif); }
#financeSlider div.sliderWidget a.sliderLeft { position: absolute; top: 21px; left: 0px; }
#financeSlider div.sliderWidget a.sliderRight { position: absolute; top: 20px; right: 0px; }


/* ----- CMS IMAGE ----- */
.cmsImage { margin:0 0 15px 15px; position:relative; float:right; }
.cmsImage .frame { position:absolute; left:0; top:0; z-index: 500; }

/* ----- CMS TABLE ----- */
table.cmsTable { width:100%; margin:0 0 20px; }
table.cmsTable tr {}
table.cmsTable tr td { font-size:12px; border:1px solid #FFF; border-top:none; background:#dadada; padding:8px 0 8px 11px; }
table.cmsTable tr td.heading { color:#FFF; font-weight:bold; background:#000; }
table.cmsTable tr.altRow td { background:#e7e7e7; }

/* ----- CMS LIST ----- */
#cmsList {}
#cmsList .box { width:206px; height: 203px; margin:0 15px 15px 0; float:left; display:block; } 
#cmsList .box a { text-decoration:none; font-weight:normal; cursor:pointer; display:block; }
#cmsList .box .thumb { width:206px; height:154px; position:relative; display:block; }
#cmsList .box .thumb .frame { position:absolute; left:0; top:0; display:block; }
#cmsList .box .title { color:#fff; font-weight:bold; padding:5px 0 0 5px; display:block; position:relative; } 

/* ----- OFFER LIST ----- */
#offersList #list { margin-left: 0; }

/* ----- NEW CARS */
#boxList {}
#boxList .box { width:208px; height:204px; margin:0 14px 14px 0; float:left; background:url(../images/layup/newCarBoxBg.gif) no-repeat left top; }
#boxList .end { margin:0 0 14px; }
#boxList .box a { text-decoration:none; font-weight:normal; padding:10px 10px 0; display:block; }
#boxList .box .thumb { width:188px; height:141px; margin:0 0 10px; position:relative; display:block; }
#boxList .box .thumb .frame { position:absolute; left:0; top:0; display:block; }
#boxList .box .model { width:188px; height:33px; font-size:13px; color:#FFF; font-weight:bold; display:block; background:url(../images/layup/newCarModelBg.jpg) no-repeat left top; }
#boxList .box .model span { padding:8px 40px 0 5px; display:block; }

/* ----- VEHICLE FINDER ----- */
#vehicleFinderForm { padding: 12px; border-top: 1px solid #848484; margin-top: 8px;  }

/* ----- GLOBAL CLASSES ----- */
.clear { clear:both; display: block; }
.clearSmall { clear: both; display: block; height: 0; line-height: 0; font-size: 0; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.printHide { display:block; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; margin:0 0 15px 15px; }
.image_left { float:left; margin:0 15px 15px 0; }
.image_center { margin:0 auto; }
.hand { cursor:pointer; }
.seo {text-decoration:none;font-weight:normal;}

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:bold; margin:0; padding:0 0 10px 0; }
h1 { font-size:22px; color:#212121; padding:0 0 20px; }
h2 { font-size:14px; color:#000; }
p { font-size:12px; color:#212121; padding:0 0 10px 0; margin:0; }

/* ----- LISTS ----- */
ul.square { font-size:12px; margin:20px 0 20px 20px; padding:0; }
ul.square li { list-style:none; background:url(../images/layup/bulletSquare.gif) no-repeat left 8px; padding:5px 0 5px 20px; }
ol { font-size:12px; list-style:decimal; margin:20px 0 20px 0; padding:0 0 0 40px; }

/* ----- TOP NAVIGATION ----- */
#primaryNav { margin:0 0 33px; float:right; }
#primaryNav ul { list-style:none; margin:0; padding:0; }
#primaryNav li { background:url(../images/layup/navDivider.gif) no-repeat right top; padding: 0; margin: 0; float:left; }
#primaryNav li.end { background:none; }
#primaryNav li a { font-size:12px; color: #FFFFFF; text-decoration: none; padding:2px 10px; float:left; display: block; }
#primaryNav li a:hover,
#primaryNav li.active a { color: #6f7075; text-decoration:underline; }

/* ----- SITE MAP ----- */
#sitemap { margin:0 0 0 25px; padding:0;}
#sitemap ul { margin:10px 0 0px 15px; padding:0;}
#sitemap li { padding:6px 0 5px 7px;}

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */
#breadcrumbs { height:27px; line-height: normal; padding:2px 0 0; margin:0 0 33px; }
#breadcrumbs a { color:#000000; font-weight: normal; text-decoration:underline; float: left; padding:0; }
#breadcrumbs a:hover { text-decoration: none; }
#breadcrumbs span { float:left; }
#breadcrumbs .currentPage { color:#fff; }
#breadcrumbs .btnBack { padding: 0px; float: right; }
#breadcrumbs .btnBack a { color:#000000; text-decoration:underline; font-weight:bold; }
#breadcrumbs .btnBack a:hover { text-decoration:none; }

.pagination { list-style:none; margin:0; padding:2px 0 0; float: right; }
.pagination li { margin:0; padding:0; float:left; }
.pagination li a { font-size:11px; font-size:11px; color:#4e4e4e; text-decoration: none; margin:0 2px 0 0; padding:2px 5px; }
.pagination li a:hover,
.pagination li.active a { color:#fff; text-decoration: none; background:#000; }
.pagination li a.nextPrev { color:#4e4e4e; text-decoration:none; padding:0; }
.pagination li a.nextPrev:hover { text-decoration:underline; background:none; }

/* ----- FOOTER ----- */
#footerWrapper { height:109px; background:url(../images/layup/footerBg.gif) repeat-x left top; margin:-85px 0 0; }
#footer { width:944px; height:109px; font-size:11px; color:#fff; margin:0 auto; position:relative; }
#footer #logoFooter { position:absolute; left:7px; top:27px; }
#footer .padding { padding:40px 0 0 245px; }
#footer p { font-size:11px; color:#fff; }
#footer a { font-weight:normal; font-size:11px; color:#fff; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
address { font-style:normal; }

/* ----- LINKS ----- */
a { color:#000000; font-weight:bold; text-decoration:underline; cursor:pointer; outline: none; }
a:hover { text-decoration:none; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { width:200px; font-size:11px !important;}
.required { color:#000;}
.checkRadio { width:20px !important; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:62px; height:28px; border:none; margin:0 10px 0 0; }

#frmSmall { width:290px; background:url(../images/layup/formBg.gif) no-repeat left bottom #dcdcdc; margin:0 0 15px 15px; padding:0 0 10px; float:right; }
#frmSmall.medium { width:320px; background:url(../images/layup/formMediumBg.gif) no-repeat left bottom #dcdcdc; margin:0; clear:right; }
#frmSmall .title { margin:0 0 16px; }
#frmSmall div { margin:0 0 10px; }
#frmSmall label { width:98px; font-size:12px; color:#2e2e2e; text-align:right; padding:0 11px 0 0; }
#frmSmall.medium label { width:112px; }
#frmSmall input,
#frmSmall textarea { width:166px; }
#frmSmall.medium input,
#frmSmall.medium textarea { width:184px; }
#frmSmall select { width:170px; }
#frmSmall.medium select { width:188px; }
#frmSmall #submit { width:62px; height:28px; float:right; }
#frmSmall .validation-advice { width:auto; margin:5px 5px 0; }

#frmLargeAlt { width:665px; background:url(../images/layup/formLargeAltBg.gif) no-repeat left bottom #dcdcdc; margin:20px 0px 0px 0px; clear:both; }
#frmLargeAlt .title { margin:0 0 16px; width: 665px; }
#frmLargeAlt div { margin:0 0 9px; width: 304px; }
#frmLargeAlt label { width:95px; font-size:12px; color:#2e2e2e; text-align:right; padding:0 15px 0 0; }
#frmLargeAlt input,
#frmLargeAlt textarea { width:166px; }
#frmLargeAlt select { width:170px; }
#frmLargeAlt #submit { width:62px; height:28px; float:right; }
#frmLargeAlt .validation-advice { width:auto; }

#frmLarge { width:649px; background:url(../images/layup/vauxhall/formLargeBg.gif) no-repeat left bottom #dcdcdc; margin:0; clear:both; padding-bottom: 10px; }
#frmLarge .column { width:300px; margin:5px 0; padding:0 0 0 10px; float:left; }
#frmLarge .title { margin:0 0 16px; }
#frmLarge div { margin:0 0 10px; }
#frmLarge label { width:108px; font-size:12px; color:#2e2e2e; text-align:right; padding:0 11px 0 0; }
#frmLarge input,
#frmLarge textarea { width:166px; }
#frmLarge select { width:170px; }
#frmLarge #submit { width:62px; height:28px; float:right; }
#frmLarge .validation-advice { width:auto; }
#mailingList { left: 0px; width: auto !important; margin: 0px; padding: 0px; height: 13px; float: left; }

/* ----- Prototype Validation ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #F00; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { display:none; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }

/* ----- STOCK UPDATES FORM ----- */
#promoForm { padding:12px 0 0 19px; }
#promoForm .signupBoxes { margin-bottom:20px; margin-top:10px;}
#promoForm .signupBoxes label { float:left; width:450px; position:relative; top:4px;}
#promoForm .signupBoxes input { float:left; width: 14px; margin-right: 10px;}
#promoForm select { width:125px !important; margin-bottom: 10px; display:block; margin-right:15px;}
#promoForm .carSelects { padding-top:18px;}
#promoForm .submitButton { margin:5px 0 20px 0;}

/* ----- DOMTABS ----- 
.domTabs { padding-bottom: 30px; }
.domContent { border: 1px solid #333333; }
.dt1 { display: block; }

ul.domHeadings { padding: 0px; margin: 0px; list-style: none; }
ul.domHeadings li { float: left; }
ul.domHeadings li a { display: block; float: left; padding: 5px 10px 5px 10px; background: #000; color: #FFF; text-decoration: none; font-weight: bold; }
ul.domHeadings li a:hover, ul.domHeadings li.active a { background: #BCBCBC; color: #000; }*/

/* Part Exchange Form */
.partExchangeValuationHolder .container .padding { margin:0px 2px 0px 2px; padding:0 !important}
.partExchangeValuationHolder .padding2 { padding:11px 17px 0px 17px !important;}
.partExchangeValuationHolder .container .titlePadding { padding:0;}
.partExchangeValuationHolder h3 { font-size:16px; font-weight:bold; padding:10px 0 10px 17px; }
.partExchangeValuationHolder .container .box { padding:9px 0px 5px 17px;}
.partExchangeValuationHolder .container .box label { width:150px;}
.partExchangeValuationHolder .container .box input { width:147px;}
.partExchangeValuationHolder .container .box .short { width:45px !important;}
.partExchangeValuationHolder .container .box select { width:151px;}
.partExchangeValuationHolder .container .box span { padding:0px 8px 0px 0px;}
.partExchangeValuationHolder .container .checkRadio {margin:0px 0px 0px 5px; padding:0;}
.partExchangeValuationHolder .container .yourDetails {}
.partExchangeValuationHolder .container .blue { background:#e0e0e0;}
.partExchangeValuationHolder .container .long textarea { width:305px; height:71px;}
.partExchangeValuationHolder .container .box.radioBox { padding:3px 0px 3px 0px !important;}
.partExchangeValuationHolder .container .box2 {  padding:9px 0px 5px 17px; background:#e0e0e0;}
.partExchangeValuationHolder .container .box2 label { width:353px;}
.partExchangeValuationHolder .container .box .sideRadios { float:left; width:76px;}
.partExchangeValuationHolder .container .box .sideRadios label { float:right; width:49px;}
.partExchangeValuationHolder .container .box.twoDropDowns select { width:72px !important; margin-right:3px}
.partExchangeValuationHolder .container .box .radioTitle { float:left; padding:0px 16px 0px 9px;}
.partExchangeValuationHolder .container .box .radioTitle p { padding:0;}
.partExchangeValuationHolder .container .box .vehicleConditionRadios { width:77px !important; margin:0 !important; padding:0 !important;}
.partExchangeValuationHolder .container .submitHolder { padding:11px 0px 0px 223px}

/* ----- FINANCE APPLICATION FORM ----- */

#financeApplication { padding-top:15px; }
#financeApplication div { margin-bottom:10px; width:100%; float:left; }
#financeApplication div.title { margin-top:10px; margin-bottom:0px; }
#financeApplication label { float:left; width:228px; position:relative;top:2px; }
#financeApplication input { float:left; width:206px; border:1px solid #abadb3; padding:1px 0;}
#financeApplication input.width59 { width:59px; }
#financeApplication input.width35 { width:35px; }
#financeApplication select { width:208px; float:left; border:1px solid #abadb3;}
#financeApplication select.width117 { width:117px; }
#financeApplication select.width90 { width:90px; }
#financeApplication textarea { float:left; width:206px; height:108px; border:1px solid #abadb3;}