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

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

Type: Screen, Projection

Description : Screen and projection stylesheet for Autoworld site

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

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; color:#000000; text-align:center; background:url(../images/layup/bg.jpg) repeat-x #a8a8a8; 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:900px; text-align:left; font-size:110%; line-height: normal; background:#fff; margin:0 auto; }
#container .padding { padding:0 32px; }
#printHeader { display:none; }

#header { height:92px; position:relative; }
#header #logo { position:absolute; left:1px; top:31px; }
#header #membersArea { width:235px; height:41px; color:#fff; background:url(../images/layup/membersAreaBg.gif) no-repeat left top; position:absolute; right:0; top:0; }
#header #membersArea .padding { padding:23px 0 0 11px; }
#header #membersArea a { text-decoration:none; color:#5e2608; font-weight:normal; }
#header #membersArea a:hover { text-decoration:underline; }
#header #autoworldeHome { position:absolute; right:6px; top:54px; }

/* ----- TOP NAVIGATION ----- */
#primaryNav { width:836px; height:36px; margin:0 0 15px; background:url(../images/layup/navContactBg.gif) no-repeat right top; }
#primaryNav ul { list-style: none; margin:0; padding:0; }
#primaryNav li { padding:0; margin:0; float:left; }
#primaryNav li#contact { float: right; }
#primaryNav li a { font-size:14px; color:#fff; font-weight:normal; text-transform:uppercase; text-decoration:none; border-right:1px solid #fff; padding: 8px 10px 12px 11px; display:block; }

#primaryNav li#home a { background:url(../images/layup/navHomeBg.gif) no-repeat left top; }
#primaryNav li.orange a { background:url(../images/layup/navBgOrange.gif) repeat-x; }
#primaryNav li.blue a { background:url(../images/layup/navBgBlue.gif) repeat-x; }
#primaryNav li.purple a { background:url(../images/layup/navBgPurple.gif) repeat-x; }
#primaryNav li#contact a { background:url(../images/layup/navContactBg.gif) no-repeat right top; border:none; padding: 8px 0px 12px 0px; width: 85px; }



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

/* ----- SEARCH */
#search { width:201px; background:url(../images/layup/searchBg.jpg) no-repeat left bottom #cbcbcb; padding:0 0 21px; margin:0 0 26px; }
#search .domtab {}
#search .domtab .tabset_tabs { width:201px; height:42px; list-style:none; margin:0; padding:0; }
#search .domtab .tabset_tabs li { padding:0; float:left; }
#search .domtab .tabset_tabs a { height:42px; cursor:pointer !important; float:left; }
#search .domtab .tabset_tabs span { display: none; }

#search .domtab .tabset_tabs li#tabUsedSearch a { width:104px; background:url(../images/layup/spritesSearchTabs.gif) no-repeat 0 0; }
#search .domtab .tabset_tabs li#tabCarTypes a { width:97px; background:url(../images/layup/spritesSearchTabs.gif) no-repeat -104px 0; }
#search .domtab .tabset_tabs li#tabUsedSearch.active a { background:url(../images/layup/spritesSearchTabs.gif) no-repeat 0 -42px; }
#search .domtab .tabset_tabs li#tabCarTypes.active a { background:url(../images/layup/spritesSearchTabs.gif) no-repeat -104px -42px; }

#search .domtab .tabset_content { padding:8px 0 0 15px; }
#search .domtab .tabset_content form { }
#search .domtab .usedSearch fieldset { min-height:164px; }
* html #search .domtab .usedSearch fieldset { height:164px; }
#search .domtab .tabset_content form div { margin:0 0 8px; }
#search .domtab .tabset_content form .clear { margin:0; }
#search .domtab .tabset_content form select { width:173px; color:#000; margin:0; }
#search .domtab .tabset_content form .availability { height:23px; font-size:13px; font-weight:bold; color:#646464; padding:5px 0 0; display:block; }
#search .domtab .tabset_content form .btnAdvanced { width:90px; height:24px; float:left; display:block; }
#search .domtab .tabset_content form #btnSearch { width:73px; height:24px; margin:0 0 0 10px; float:left; }
#search .domtab .tabset_content form #btnViewVehicles { width:172px; height:24px; }

#search .domtab .tabset_content #carTypes {}
#search .domtab .tabset_content #carTypes .title { font-size:13px; color:#6c6c6c; padding:0 0 6px; }
#search .domtab .tabset_content #carTypes .availability { height:23px; font-size:13px; font-weight:bold; color:#646464; display:block; }

#search .domtab .tabset_content #carTypes #types { height:87px; margin:0; }
#search .domtab .tabset_content #carTypes #types a { display:block; float:left; }
#search .domtab .tabset_content #carTypes #types a span { display:none; }

#search .domtab .tabset_content #carTypes #types a.smallCar { width:54px; height:43px; background:url(../images/layup/spriteCarTypes.gif) no-repeat 0 0; }
#search .domtab .tabset_content #carTypes #types a.family { width:59px; height:43px; background:url(../images/layup/spriteCarTypes.gif) no-repeat -54px 0; }
#search .domtab .tabset_content #carTypes #types a.estate { width:58px; height:43px; background:url(../images/layup/spriteCarTypes.gif) no-repeat -113px 0; }
#search .domtab .tabset_content #carTypes #types a.mpvs { width:54px; height:44px; background:url(../images/layup/spriteCarTypes.gif) no-repeat 0 -43px; }
#search .domtab .tabset_content #carTypes #types a.fourXfours { width:59px; height:44px; background:url(../images/layup/spriteCarTypes.gif) no-repeat -54px -43px; }
#search .domtab .tabset_content #carTypes #types a.convertibles { width:58px; height:44px; background:url(../images/layup/spriteCarTypes.gif) no-repeat -113px -43px; }

#search .domtab .tabset_content #carTypes #types a.smallCar:hover { background:url(../images/layup/spriteCarTypes.gif) no-repeat 0 -87px; }
#search .domtab .tabset_content #carTypes #types a.family:hover { background:url(../images/layup/spriteCarTypes.gif) no-repeat -54px -87px; }
#search .domtab .tabset_content #carTypes #types a.estate:hover { background:url(../images/layup/spriteCarTypes.gif) no-repeat -113px -87px; }
#search .domtab .tabset_content #carTypes #types a.mpvs:hover { background:url(../images/layup/spriteCarTypes.gif) no-repeat 0 -130px; }
#search .domtab .tabset_content #carTypes #types a.fourXfours:hover { background:url(../images/layup/spriteCarTypes.gif) no-repeat -54px -130px; }
#search .domtab .tabset_content #carTypes #types a.convertibles:hover { background:url(../images/layup/spriteCarTypes.gif) no-repeat -113px -130px; }

/* ----- FUEL CALCULATOR */
#fuelCalc { width:201px; height:220px; background:url(../images/layup/fuelCalculatorBg.jpg) no-repeat left top; margin:0 0 8px; }
#fuelCalc form { font-weight:bold; color:#595959; padding:45px 5px 0 16px; }
#fuelCalc form div {}
#fuelCalc form label { font-weight:bold; color:#595959; }
#fuelCalc form .checkRadio { width:13px; margin:0; left:0; }
#fuelCalc form input { width:72px; }
#fuelCalc form .btnCalculateMPG { width:170px; height:22px; }
#fuelCalc form .yourMPG { font-size:12px; color:#828282; }
#fuelCalc form .yourMPG span { font-size:16px; font-weight:bold; }

/* ----- JUMPS */
#liveChat { margin:0 0 8px; }

#saveCompare { width:201px; height:180px; background:url(../images/layup/saveCompareBg.jpg) no-repeat left top; margin:0 0 9px; }
#saveCompare .padding { padding:45px 0 0 15px; width:186px; }
#saveCompare .thumb { width:51px; height:38px; margin:0 7px 9px 0; position:relative; float:left; display:inline;  }
#saveCompare .thumb .frame { position:absolute; left:0; top:0; }
#saveCompare .btnSaveCars { margin:0 6px 0 0; float:left; }
#saveCompare .btnCompare { float:left; }
				
#stockUpdates { margin:0 0 8px; }
#weBuyAnyCar { margin:0 0 8px; }

#socialNetworking { width:201px; height:149px; margin:0 0 8px; position:relative; }
#socialNetworking .facebook { width:101px; height:106px; position:absolute; left:0; top:36px; }
#socialNetworking .blog { width:100px; height:106px; position:absolute; right:0; top:36px; }

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

/* ----- BREADCRUMBS */
#breadcrumbs { height:20px; color:#b4b4b4; line-height:normal; border-bottom:1px solid #b4b4b4; margin:0 0 20px; }
#breadcrumbs a { font-weight:normal; text-decoration:underline; color:#b4b4b4; }
#breadcrumbs a:hover { text-decoration:none; }
#breadcrumbs img { display:inline; }
#breadcrumbs .btnBack { float:right; padding: 0px; }

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

/* ----- CMS TABLE */
table.cmsTable { width:100%; margin:0 0 20px; }
table.cmsTable tr {}
table.cmsTable tr td { font-size:12px; color:#161616; border:1px solid #FFF; border-top:none; background:#dadada; padding:8px 0 7px 11px; }
table.cmsTable tr td.heading { color:#FFF; font-weight:bold; background:url(../images/layup/cmsTableHeadingBg.gif) repeat-x; }
table.cmsTable tr.altRow td { background:#e7e7e7; }

/* ----- SEARCH OPTIONS */
.searchOptions { width:605px; height:90px; color:#7b7c7a; background:url(../images/layup/searchOptionsBg.jpg) no-repeat left top; margin:0 0 10px; }
.searchOptions.small { height:47px; background:url(../images/layup/searchOptionsSmallBg.jpg) no-repeat left top; margin:0 0 13px; }
.searchOptions .padding { height:44px; padding:10px 10px 0 !important; }
.searchOptions .vehiclesAvailable { width:153px; height:15px; background:url(../images/layup/searchOptionsDivider.gif) no-repeat right top; padding:5px 0 0; float:left; }
.searchOptions .sortBy { width:170px; height:20px; background:url(../images/layup/searchOptionsDivider.gif) no-repeat right top; padding:0 0 0 21px; float:left; }
.searchOptions .sortBy form {}
.searchOptions .sortBy form div { float:left; }
.searchOptions .sortBy form label { width:51px; padding:5px 0 0; }
.searchOptions .sortBy form select { width:90px; }
.searchOptions .pagination { float:right; }
.searchOptions .pagination ul { list-style:none; margin:0; padding:0; }
.searchOptions .pagination ul li { padding:0; margin:0 0 0 2px; float:left; }
.searchOptions .pagination ul li a { width:19px; height:17px; text-decoration:none; text-align:center; color:#7b7c7a; background:url(../images/layup/paginationLinkBg.gif) no-repeat left top; padding:3px 0 0; display:block; }
.searchOptions .pagination ul li a.prevNext { background:none; padding:0; }
.searchOptions .pagination ul li a.active { color:#fff; background:url(../images/layup/paginationActiveBg.gif) no-repeat left top; }
.searchOptions .financeFilter { padding:0 10px; }
.searchOptions .financeFilter form {}
.searchOptions .financeFilter form div { height:20px; float:left; }
.searchOptions .financeFilter form label { width:45px; padding:3px 0 0 11px; }
.searchOptions .financeFilter form .btnUpdate { width:57px; height:20px; }

/* ----- LIST */
#list {}
#list .listItem { width:605px; background:url(../images/layup/listItemBg.jpg) no-repeat left top; margin:0 0 13px; }
#list .listItem a { text-decoration:none; font-weight:normal; display:block; }
#list .listItem .modelLocation { width:465px; height:50px; padding:0 0 0 15px; margin:0 0 10px; display:block; float:left; }
#list .listItem .modelLocation .model { font-size:14px; color:#fff; font-weight:bold; padding:12px 0 0; display:block; }
#list .listItem .modelLocation .location { font-size:12px; font-weight:bold; color:#552200; display:block; }
#list .listItem .modelLocation .location span { text-transform:uppercase; }
#list .listItem .price { width:124px; height:50px; color:#fff; text-align:center; margin:0 0 10px; float:right; display:block; }
#list .listItem .price .was { font-size:12px; padding:11px 0 0; display:block; }
#list .listItem .price .now { font-size:14px; font-weight:bold; display:block; }
#list .listItem .thumb { width:169px; height:127px; padding:2px 2px 10px; margin:0 0 0 13px; float:left; position:relative; display:inline; }
#list .listItem .thumb .frame { position:absolute; left:0; top:0; display:block; }
#list .listItem .thumb .specialOffer { position:absolute; left:2px; top:2px; display:block; }
#list .listItem .rightSide { width:409px; float:right; }
#list .listItem .insResults { width: 605px; height: 24px; background: url(../images/layup/resultsBg.gif) no-repeat; text-align: center; font-size: 12px; text-transform: uppercase; padding-top: 9px; }
#list .listItem .insResults a { display: inline; color: #555555; }
#list .listItem .insResults a:hover { text-decoration: underline; }
#list .listItem table { width:409px; height:83px; cursor:pointer; }
#list .listItem table tr {}
#list .listItem table tr td { color:#6b6c69; font-size:12px; }
#list .listItem table tr td.heading { font-weight:bold; }
#list .listItem table tr td.align_right { padding:0 5px 0 0; }
#list .listItem .carStats { width:236px; height:53px; background:url(../images/layup/listCarStatsBg.jpg) no-repeat left top; float:left; }
#list .listItem .carStats div { text-align:center; font-size:10px; color:#777777; font-weight:bold; float:left; }
#list .listItem .carStats .mpg { width:80px; padding:10px 0 0; }
#list .listItem .carStats .mpg span { width:64px; height:16px; font-size:11px; color:#fff; font-weight:bold; background:url(../images/layup/listCarStatsMPGbg.gif) no-repeat left top; margin:2px auto 0; display:block; }
#list .listItem .carStats .carTax { width:78px; }
#list .listItem .carStats .carTax span { width:53px; height:46px; color:#000000; font-size:15px; font-weight:bold; background:url(../images/layup/listCarStatsTaxDiscBg.jpg) no-repeat left top; margin:0 auto; padding:7px 0 0; display:block; }
#list .listItem .carStats .insurance { width:78px; padding:10px 0 0; }
#list .listItem .carStats .insurance span { width:60px; height:16px; font-size:11px; color:#ffffff; font-weight:bold; background:url(../images/layup/listCarStatsInsuranceBg.gif) no-repeat left top; margin:2px auto 0; display:block; }
#list .listItem a.btnAddFavourites { margin:0 0 0 2px; float:left; display:block; }
#list .listItem a.btnFullDetails { margin:0 0 0 2px; float:left; display:block; }
#list .listItem .financeArea { width:605px; height:127px; background:url(../images/layup/listFinanceBg.jpg) no-repeat left top; }
#list .listItem .financeArea table { width:100%; cursor:pointer; }
#list .listItem .financeArea table tr {}
#list .listItem .financeArea table tr td { font-size:11px; text-align:center; color:#232323; background:url(../images/layup/listFinanceTableBg.gif) repeat-x left bottom; padding:8px 5px; }
#list .listItem .financeArea table tr td.heading { color:#2a2a2a; font-weight:bold; }
#list .listItem .financeArea table tr.bottom td { background:none; }

/* ----- CMS LIST */
#list .listItem.cms { background:url(../images/layup/listItemCMSbg.jpg) no-repeat left top; }
#list .listItem .title { width:575px; height:40px; font-size:14px; color:#fff; font-weight:bold; padding:10px 15px 0; margin:0 0 10px; display:block; }
#list .listItem.cms .rightSide { color:#999; }
#list .listItem img.btnFullDetails { margin:15px 10px 0 0; float:right; display:inline; }

/* ----- USED DETAIL */
#vehDetail { width:605px; background:url(../images/layup/vehDetailTop.jpg) no-repeat left top #f4f4f4; margin:0 0 5px; }
#vehDetail .leftSide { width:241px; padding:15px 0 0 15px; float:left; }
#vehDetail .leftSide .model { height:60px; font-size:18px; color:#6f6f6f; font-weight:bold; } 
#vehDetail .leftSide .price { height:58px; }
#vehDetail .leftSide .price .was { font-size:14px; color:#000000; display:block; }
#vehDetail .leftSide .price .now { font-size:21px; font-weight:bold; color:#ff6c0a; display:block; }
#vehDetail .leftSide .vehLocation { height:73px; font-size:12px; color:#494949; }
#vehDetail .leftSide .vehLocation span { font-size:14px; font-weight:bold; text-transform:uppercase; }
#vehDetail .leftSide #carStats {}
#vehDetail .leftSide #carStats .box { width:75px; height:116px; text-align:center; color:#fff; background:url(../images/layup/vehDetailCarStatsBg.jpg) no-repeat left top; margin:0 8px 0 0; float:left; }
#vehDetail .leftSide #carStats .end { margin:0; }
#vehDetail .leftSide #carStats .box .title { height:34px; font-weight:bold; font-size:12px; padding:10px 0 0; margin:0 0 8px; }
#vehDetail .leftSide #carStats .box .fuelEconomy { width:63px; height:49px; font-size:15px; font-weight:bold; background:url(../images/layup/vehDetailCarStatsFuelEconomyBg.jpg) no-repeat left top; margin:0 auto; }
#vehDetail .leftSide #carStats .box .fuelEconomy span { font-size:23px; display:block; }
#vehDetail .leftSide #carStats .box .carTax { width:53px; height:47px; font-size:15px; font-weight:bold; color:#000; background:url(../images/layup/vehDetailCarStatsTaxDisc.jpg) no-repeat left top; padding:6px 0 0; margin:0 auto; }
#vehDetail .leftSide #carStats .box .insurance { width:63px; height:44px; font-size:29px; color:#fff; font-weight:bold; background:url(../images/layup/vehDetailInsuranceGroupBg.gif) no-repeat left top; padding:5px 0 0; margin:0 auto; }

#vehDetail #imgArea { width:319px; margin:15px 15px 0 0; float:right; display:inline; }
#vehDetail #imgArea #mainImg { width:319px; height:239px; margin:0 0 8px; position:relative; }
#vehDetail #imgArea #mainImg .frame { position:absolute; left:0; top:0; }
#vehDetail #imgArea #mainImg .arrow { position:absolute; left:142px; top:227px; }
#vehDetail #imgArea #mainImg .specialOffer { position:absolute; left:0px; top:0px; }
#vehDetail #imgArea #thumbContainer { width:319px; height:60px; position:relative; overflow:hidden; }
#vehDetail #imgArea #thumbContainer #btnBack { position:absolute; z-index:5; }
#vehDetail #imgArea #thumbContainer .thumb { width:75px; height:56px; padding:2px; margin:0 10px 0 0; position:relative; float:left; display:inline; }
#vehDetail #imgArea #thumbContainer .thumb .frame { position:absolute; left:0; top:0; }
#vehDetail #imgArea #thumbContainer #btnBack .btnBack { width:33px; height:60px; background:url(../images/layup/thumbsBtnPrevious.gif) no-repeat left top; position:absolute; left:0; top:0; display:block; }
#vehDetail #imgArea #thumbContainer #thumbViewer { width:1000px; display:inline; position:absolute; padding-left:30px;}
#usedMainImgArea #thumbContainer #btnNext { float:right; }
#vehDetail #imgArea #thumbContainer #btnNext .btnNext { width:33px; height:60px; background:url(../images/layup/thumbsBtnNext.gif) no-repeat left top; position:absolute; right:0; top:0; display:block; }

#vehOptions { width:605px; height:97px; margin:0 0 10px; }
#vehOptions a { height:97px; display:block; float:left; }
#vehOptions a span { display:none; }
#vehOptions a.enquireVeh { width:121px; background:url(../images/layup/spriteVehOptions.jpg) no-repeat 0 0; }
#vehOptions a.printSpec { width:121px; background:url(../images/layup/spriteVehOptions.jpg) no-repeat -121px 0; }
#vehOptions a.requestVal { width:121px; background:url(../images/layup/spriteVehOptions.jpg) no-repeat -242px 0; }
#vehOptions a.sendFriend { width:120px; background:url(../images/layup/spriteVehOptions.jpg) no-repeat -362px 0; }
#vehOptions a.saveCompare { width:122px; background:url(../images/layup/spriteVehOptions.jpg) no-repeat -483px 0; }
#vehOptions a.enquireVeh:hover { background:url(../images/layup/spriteVehOptions.jpg) no-repeat 0 -97px; }
#vehOptions a.printSpec:hover { background:url(../images/layup/spriteVehOptions.jpg) no-repeat -121px -97px; }
#vehOptions a.requestVal:hover { background:url(../images/layup/spriteVehOptions.jpg) no-repeat -242px -97px; }
#vehOptions a.sendFriend:hover { background:url(../images/layup/spriteVehOptions.jpg) no-repeat -362px -97px; }
#vehOptions a.saveCompare:hover { background:url(../images/layup/spriteVehOptions.jpg) no-repeat -483px -97px; }

#vehInfo { width:605px; margin:0 0 15px; }
#vehInfo .domtab {}
#vehInfo .domtab .tabset_tabs { width:591px; height:42px; list-style:none; margin:0; padding:0; }
#vehInfo .domtab .tabset_tabs li { padding:0; float:left; }
#vehInfo .domtab .tabset_tabs a { height:42px; cursor:pointer !important; float:left; }
#vehInfo .domtab .tabset_tabs span { display: none; }
#vehInfo .domtab .tabset_tabs li#tabOverview a { width:103px; background:url(../images/layup/spriteVehInfoTabs.gif) no-repeat 0 0; }
#vehInfo .domtab .tabset_tabs li#tabTechInfo a { width:140px; background:url(../images/layup/spriteVehInfoTabs.gif) no-repeat -103px 0; }
#vehInfo .domtab .tabset_tabs li#tabAddInfo a { width:145px; background:url(../images/layup/spriteVehInfoTabs.gif) no-repeat -243px 0; }
#vehInfo .domtab .tabset_tabs li#tabWarranty a { width:100px; background:url(../images/layup/spriteVehInfoTabs.gif) no-repeat -388px 0; }
#vehInfo .domtab .tabset_tabs li#tabFeatures a { width:103px; background:url(../images/layup/spriteVehInfoTabs.gif) no-repeat -488px 0; }
#vehInfo .domtab .tabset_tabs li#tabOverview.active a { background:url(../images/layup/spriteVehInfoTabs.gif) no-repeat 0 -42px; }
#vehInfo .domtab .tabset_tabs li#tabTechInfo.active a { background:url(../images/layup/spriteVehInfoTabs.gif) no-repeat -103px -42px; }
#vehInfo .domtab .tabset_tabs li#tabAddInfo.active a { background:url(../images/layup/spriteVehInfoTabs.gif) no-repeat -243px -42px; }
#vehInfo .domtab .tabset_tabs li#tabWarranty.active a { background:url(../images/layup/spriteVehInfoTabs.gif) no-repeat -388px -42px; }
#vehInfo .domtab .tabset_tabs li#tabFeatures.active a { background:url(../images/layup/spriteVehInfoTabs.gif) no-repeat -488px -42px; }

#vehInfo .domtab .tabset_content { width:605px; font-size:12px; color:#20201f; background:url(../images/layup/vehInfoContentBtm.gif) no-repeat left bottom #efefef; }
#vehInfo .domtab .tabset_content .padding { padding:15px; }
#vehInfo .domtab .tabset_content table { width:100%; }
#vehInfo .domtab .tabset_content table tr {}
#vehInfo .domtab .tabset_content table tr td { font-size:12px; color:#20201f; padding:6px; }
#vehInfo .domtab .tabset_content table tr td.heading { font-weight:bold; text-align:left; }
#vehInfo .domtab .tabset_content .title { font-weight:bold; padding:0 0 10px; }

#vehFinance { width:605px; margin:0 0 15px; }
#vehFinance .domtab {}
#vehFinance .domtab .tabset_tabs { width:344px; height:42px; list-style:none; margin:0; padding:0; }
#vehFinance .domtab .tabset_tabs li { padding:0; float:left; }
#vehFinance .domtab .tabset_tabs a { height:42px; cursor:pointer !important; float:left; }
#vehFinance .domtab .tabset_tabs span { display: none; }
#vehFinance .domtab .tabset_tabs li#tabFinance a { width:158px; background:url(../images/layup/spriteFinanceTabs.gif) no-repeat 0 0; }
#vehFinance .domtab .tabset_tabs li#tabInsurance a { width:176px; background:url(../images/layup/spriteFinanceTabs.gif) no-repeat -158px 0; }
#vehFinance .domtab .tabset_tabs li#tabFinance.active a { background:url(../images/layup/spriteFinanceTabs.gif) no-repeat 0 -42px; }
#vehFinance .domtab .tabset_tabs li#tabInsurance.active a { background:url(../images/layup/spriteFinanceTabs.gif) no-repeat -158px -42px; }

#vehFinance .domtab .tabset_content { width:605px; font-size:12px; color:#20201f; background:url(../images/layup/vehInfoContentBtm.gif) no-repeat left bottom #efefef; }
#vehFinance .domtab .tabset_content .padding { padding:15px; }
#vehFinance .domtab .tabset_content .codeWeaversContainer .padding { padding:10px; }
#vehFinance .domtab .tabset_content .newHirePurchaseForm {}
#vehFinance .domtab .tabset_content .newHirePurchaseForm label#lblPeriod { width: 105px !important; font-weight: bold; padding-top: 2px; }
#vehFinance .domtab .tabset_content .newHirePurchaseForm label#lblDeposit { width: 51px !important; font-weight: bold; padding-top: 2px; }
#vehFinance .domtab .tabset_content .newHirePurchaseForm label#lblMileage { width: 98px !important; font-weight: bold; padding-top: 2px; }
#vehFinance .domtab .tabset_content .newHirePurchaseForm select#MaximumTerm { width: 84px !important; }
#vehFinance .domtab .tabset_content .newHirePurchaseForm input#TotalDeposit { width: 54px !important; }
#vehFinance .domtab .tabset_content .newHirePurchaseForm select#AnnualMileage { width: 100px !important; }
#vehFinance .domtab .tabset_content .newHirePurchaseForm div.optionBox { margin:0 12px 14px 0; float:left; }
#vehFinance .domtab .tabset_content .newHirePurchaseForm .btnUpdateFinance { margin:0 8px 0 0; float:left; }
#vehFinance .domtab .tabset_content .newHirePurchaseForm .btnWhyApplyOnline { float:left; }
#vehFinance #cwCarInsuranceForm div { margin:0 0 5px; }
#vehFinance #cwCarInsuranceForm label { font-size:11px; }

#vehFinance .domtab .tabset_content .TableWrapper { padding: 0px 10px 0px 10px; }

#cwFinanceDetailedOutput { width:605px; margin:0 0 14px; }
#cwFinanceDetailedOutput .codeWeaversContainer {}
#cwFinanceDetailedOutput .codeWeaversContainer .codeWeaversMain {}
#cwFinanceDetailedOutput .newHirePurchaseBtns img { padding: 10px 10px 0px 0px; }

#cwFinanceDetailedOutput .newFiguresTable { width: 201px; min-height:588px; float:left; }
* html #cwFinanceDetailedOutput .newFiguresTable { height:588px; }
#cwFinanceDetailedOutput .hirePurchase { background:url(../images/layup/codeweaversHirePurchaseBg.gif) no-repeat left top #efefef; }
#cwFinanceDetailedOutput .leasePurchase { background:url(../images/layup/codeweaversLeasePurchaseBg.gif) no-repeat left top #efefef; margin:0 1px; }
#cwFinanceDetailedOutput .pcp { background:url(../images/layup/codeweaversPCPbg.gif) no-repeat left top #efefef; }
#cwFinanceDetailedOutput .newFiguresTable .padding { height:44px; padding:14px 0 0 14px; margin:0 0 15px; }
#cwFinanceDetailedOutput .newFiguresTable .title { font-size:16px; color:#fff; font-weight:bold; padding:0 0 5px; }
#cwFinanceDetailedOutput .newFiguresTable p { font-size:11px; color:#fff; padding:0; }
#cwFinanceDetailedOutput .newFiguresTable .btns { width:180px; margin:0 auto 15px; }
#cwFinanceDetailedOutput .codeWeaversMain table { width:180px; margin:0 auto; }
#cwFinanceDetailedOutput .codeWeaversMain table tr {}
#cwFinanceDetailedOutput .codeWeaversMain table tr td { color:#20201f; padding:8px 0; }
#cwFinanceDetailedOutput .terms { width: 605px; color:#545454; background:url(../images/layup/codeweaversTermsBg.gif) no-repeat left bottom #cbcbcb; margin:1px 0 0; }
#cwFinanceDetailedOutput .terms .padding { padding:20px 15px; }

#relatedVehicles { width:605px; background:url(../images/layup/vehInfoContentBtm.gif) no-repeat left bottom #efefef; margin:0 0 20px; }
#relatedVehicles .title { width:605px; background:#fff; }
#relatedVehicles .padding { padding:15px 0 15px 15px; }
#relatedVehicles .box { width:173px; margin:0 23px 0 0; float:left; }
#relatedVehicles .end { margin:0; }
#relatedVehicles .box a { font-weight:normal; text-decoration:none; display:block; }
#relatedVehicles .box .thumb { width:169px; height:127px; padding:2px 2px 10px; position:relative; display:block; }
#relatedVehicles .box .thumb .frame { position:absolute; left:0; top:0; display:block; }
#relatedVehicles .box .model { height:31px; font-size:12px; color:#6f6f6f; font-weight:bold; padding:0 2px; display:block; }
#relatedVehicles .box .priceLink { font-size:12px; color:#6f6f6f; padding:0 2px; display:block; }
#relatedVehicles .box .priceLink .price { float:left; }
#relatedVehicles .box .priceLink .link { float:right; }

/* ----- SAVE AND COMPARE ----- */
#saveCompareArea { border: 1px solid #ccc; margin-bottom: 12px; }
#saveCompareArea table { width: 100%; border-collapse: separate; }
#saveCompareArea th { font-size: 1.1em; background: #dedede; padding: 6px 2px 6px 2px; }
#saveCompareArea th.noBg { background: none !important;  }
#saveCompareArea td { font-size: 1.0em; padding: 3px 2px 3px 2px; }
#saveCompareArea tr.trOut { background: #f4f4f4; }
#saveCompareArea tr.trOver { background: #ebebeb; }

/* ----- CONTACT US */
#contactLeft { width:289px; float:left; }
#contactLeft h2 { font-size:18px; }

#contactLeft #mapContainer { width:289px; height:227px; margin:0 0 10px; position:relative; }
#contactLeft #mapContainer #map { width:289px; height:217px; }
#contactLeft #mapContainer .frameTL { position:absolute; left:0; top:0; }
#contactLeft #mapContainer .frameTR { position:absolute; right:0; top:0; }
#contactLeft #mapContainer .frameBR { position:absolute; bottom:0; right:0; }
#contactLeft #mapContainer .frameB { position:absolute; bottom:0; left:6px; }
#contactLeft #mapContainer .frameBL { position:absolute; bottom:0; left:0; }

#contactLeft #postcodeSrch { margin:0 0 25px; }
#contactLeft #postcodeSrch div { float:left; }
#contactLeft #postcodeSrch input { width:130px; }
#contactLeft #postcodeSrch .btnFind { width:55px; height:24px; margin:0 0 0 10px; }
#contactLeft #postcodeSrch .btnPrint { width:55px; height:24px; }
#contactLeft #postcodeSrch .clear { float:none; }

#contactLeft .box { margin:0 0 25px; }
#contactLeft .box .title { font-size:14px; text-transform:uppercase; color:#fd6d0c; font-weight:bold; padding:0 0 10px; }
#contactLeft .box table { width:100%; }

#contactRight { width:289px; float:right; }
#contactRight #dealerImg { width:289px; height:217px; padding:0 0 10px; margin:0 0 10px; position:relative; }
#contactRight #dealerImg .frame { position:absolute; left:0; top:0; }

#contactRight #contactFrm { width:289px; background:url(../images/layup/formBg.gif) no-repeat left bottom; padding:0 0 15px; }
#contactRight #contactFrm form {}
#contactRight #contactFrm form div { margin:10px 0 0; width: 289px; }
#contactRight #contactFrm form label { width:71px; text-align:right; padding:0 9px 0 0; }
#contactRight #contactFrm form input,
#contactRight #contactFrm form textarea { width:190px; }
#contactRight #contactFrm form select { width:194px; }
#contactRight #contactFrm form .checkRadio { width:14px; position:relative; left:-7px;}
#contactRight #contactFrm form #submit { width:73px; height:24px; border:none;}
#contactRight #contactFrm form .validation-advice { width:auto; }

/* ----- FOOTER ----- */
#footer { width: 900px; font-size:11px; text-align:left; margin:0 auto; }
#footer #footerLinks { width:836px; color:#fff; background: #000 url(../images/layup/footerLinksBg.gif) bottom left no-repeat; margin:0 0 20px; padding: 15px 32px 5px 32px; }
#footer #footerLinks .col { float: left; width: 155px; padding-right: 15px; }
#footer #footerLinks .last { padding-right: 0; }
#footer #footerLinks h3 { font-size:12px; font-weight:bold; color:#f85018; padding:0; }
/*Stolen from existing Autoworld site footer */
#footer #footerLinks a{color:#FFFFFF;font-weight:normal;text-decoration:none;}
#footer #footerLinks a:hover{color:#A8A8A8;font-weight:normal;text-decoration:none;}
#footer p { font-size:11px; }
#footer a { font-weight:normal; color:#000; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

/* ----- 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 !important; }
.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 { margin:0; padding:0 0 10px 0; font-size:100%; font-weight:bold; }
h1 { font-size:20px; color:#fb6e0f; }
h2 { font-size:14px; color:#fb6f11; text-transform:uppercase; }
p { font-size:12px; padding:0 0 10px 0; margin:0; }

/* ----- LISTS ----- */
ul.arrow { list-style:none; padding:0 0 0 15px; margin:0 0 6px; }
ul.arrow li { font-size:12px; color:#727272; background:url(../images/layup/bulletSquare.gif) no-repeat left 7px; padding:4px 0 4px 15px; }
ul.arrow li ul { list-style:none; padding:0 0 0 15px; margin:0; }
ul.arrow li ul li { padding:4px 0 4px 15px; }
ol { padding:0 0 0 25px; margin:0 0 6px 25px; }
ol li { font-size:12px; color:#727272; padding:4px 0 4px; }

/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 9px no-repeat; padding:6px 0 5px 15px;}

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

/* ----- LINKS ----- */
a { color:#1b91d3; font-weight:bold; text-decoration:underline;cursor:pointer; outline: none; }
a:hover { color:#fc6e0e; text-decoration:none; }
a:visited { color:#9d9d9d; }

/* ----- 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:#0033FF;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;width:466px;}
#submit { width:73px; height:24px; border:none;}

/* ----- Prototype Validation ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color:#fb6f11; color : #FFF; font-weight: bold; }

/* ----- 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;}

/* ----- TOOL TIP ----- */
a.info {font-weight:normal;text-decoration:none !important;}
a.info:hover {position:relative; z-index:25; }
a.info span{display: none; font-weight:normal !important; text-decoration:none !important;color: #000 !important; font-size:11px; }
a.info:hover span{display:block !important; position:absolute; padding:5px 10px 5px 10px; background: #fff; top:72px; left:0px; width:18.1em; border:1px solid #333; color:#000; text-align: center; text-decoration:none !important; z-index:100;}