/* tab container */
.tabContainer {margin:0px;padding:0px; position:relative; font-size: 90%; clear:both;  width:628px; height:25px;}

/* this is set for the pop advert */
.mainTabs {position: relative;top: 0px; left:0px; clear:both; }
*+html .mainTabs {float:left; }
*html .mainTabs {float:left;}

/* This is set for the inline advert */
#inlineSecond .mainTabs {top: 0px; left:0px; position: relative;}

/* So that advert wraps onto next line//abit of a fudge really/html code is not the best */
#inlineSecond #adTitle { clear:Both; position:relative;}

/* top Tabs classes */
.mainTabs .tab { text-align:center; position:relative;z-index:100; padding:5px; margin-right:5px;}
.mainTabs .tabTopMargin {position:relative; }
.mainTabs .tabSpace {width:2px; display:none;}
.mainTabs .bottomTab {background-color:#B40929;border:0px;height:1px;  width: 628px; position:relative;}

/* tech spec classes */
.techSpecTabs {background-color:#B40929; height:24px;}
.techSpecTabs .tab2 { float: left; text-align:center;position:relative; }
#content .techSpecTabs .tabTopMargin a{ color:#000;}
.techSpecTabs .tabSpace {max-width: 2px; width:2px;}
.techSpecTabs .bottomTab {display:none;}
.techSpecTabs .tabOff, .techSpecTabs .tabOn { padding:5px 5px 5px 5px; margin-right:5px;}


/* Define tab colour for Main Tabs when active */
.mainTabs .mainTabOn {background-color:#B40929;}
#content .mainTabs .mainTabOn a:link, #content .mainTabs .mainTabOn a:visited, #content .mainTabs .mainTabOn a, #content .mainTabs .mainTabOn a:hover {color:#FFFFFF;}

/* Define tab colour for captechspec Tabs when active */
.techSpecTabs .tabOn {}
#content .techSpecTabs .tabOn a, #content .techSpecTabs .tabOn a:link, #content .techSpecTabs .tabOn a:visited, #content .techSpecTabs .tabOn a:hover {color:#FFFFFF; }


/* vehicle Title container */
.tabPictureText { width: 628px; position:relative;}

/* vehicle title - change color of text dependant on background color*/
.catText h1 {font-size: 185%; color:#A60623;}

/* Technical Data text */
.techSpecWord{float:left;}
.techSpecWord h2{ font-size: 180%; margin: 0; padding:0; }

/* Category title e.g. Summary */
.techSpecTitle {color:#A60623; font-size: 180%;}

/*vehicle image */
.tabPictureText img {width:80px; height: 60px; background-color: #FFFFFF;} 

/* right hand table summary content */
#interiorExteriorContent span.catText {padding:5px;}


/* left hand table summary content */
#inlineSecond #technicalSpecificationContainer table td.catTitle,#interiorExteriorContent span.catTitle {padding:5px;}


#inlineSecond #summaryContent table td.catText, #inlineSecond #performanceAndEconomyContent table td.catText, #inlineSecond #dimensionsContent table td.catText, #inlineSecond #interiorExteriorContent table td.catText, #inlineSecond #safetyContent table td.catText{ padding:5px;}
/* Classes for other category content*/
.techSpecList{ padding:5px;}

#interiorExteriorContent .techSpecList li {color:#000;}
#safetyContent .techSpecList li {color:#000;}


/* define background colours and width of captech spec container here for popup*/
#technicalSpecificationContainer { position:relative; top: 0px; left:0px; background-color: transparent;  width: 628px; }

/* define background colours and width of captech spec container here for inline advert*/
#inlineSecond #technicalSpecificationContainer  {   position:relative; top: 0px; left:0px; background-color: transparent;  width: 628px;}

/* captech spec tabe */
#inlineSecond #technicalSpecificationContainer table { position: relative;  padding:0 ;}

/* Captech spec info inside table */


/* Expands table for captech spec */
#technicalSpecificationContainer  table { min-width: 580px; width: 100%; font-size: 90%;color: #000000; } 

/* Tgis could be defined earlier if needs be - to make sure the back button doesn't overlap */
.advert_image{ display:none;}

.multipics{ position:relative; width:200px; height:137px;}
.multipics div{ position:absolute; top:24px; left:24px;}
.multipics a{ display:block; overflow:hidden; float:left; margin:0px 1px 1px 0px; width:50px;}
#picArea{float:right; width:200px;}

#picArea .mainimage, #picArea .mainimage a{ display:block; overflow:hidden;}



h2#vehicleDescription{ margin-top:15px;}

#largeLink{ margin-top:5px; display:none;}

/* Misc elements needed as coded inside captechspec */
ul {margin : 0px 0px 0px 0px;padding : 0px 0px 0px 0px; list-style-type:none;}
.theBreaker{clear: both; overflow: hidden;}
.floatl {float:left;}
.tabContentOff {display:none;}
.tabContentOn {display:block;}

#longVehicleDetails{ padding-right:15px;}

#backToResults{ width:140px;}

/*  link options at bottom of captech spec */
#whatNext {	padding: 0px 6px 6px 6px; }
#nextListPrint a, #pageLinks a
{
	background: transparent url(http://www.autotrader.co.uk/SEARCH/images/Popups/Icons/printer.gif) no-repeat top left;
	line-height: 160%;
	padding: 2px 0 0 22px;
}



#nextListClose
{
	background: transparent url(http://www.autotrader.co.uk/SEARCH/images/Popups/Icons/close.gif) no-repeat top left;
	line-height: 160%;
	padding: 0 0 0 18px;
}

#whatNext h3, .moreTechInfo, .techBottomNav, #representativeDisclaimer, #disclaimer{ display:none;}
#whatNext{ padding:0px; margin-top:15px;}

/* ////////////////////////////////////////// */
/* Hacks to make to work accross all browsers */

ul#vehicleBulletPoints{ margin-top:15px;}

/* IE7 hack so that the background expands to correct height, expands properly in all browsers apart from IE7, typical!*/



/* IE6 tabContainer hack so it displays properly*/
*html .tabContainer {float:left; z-index: 50;}

/* Forces the widh of captechspec container for ie6, needs to be slightly larger has it handles spacing differently */
*html #inlineSecond #technicalSpecificationContainer {width: 628px;}

/* Safari hack for content expanding issue */


#technicalSpecificationContainer .tabContainer{ margin:0px;}
#technicalSpecificationContainer .tabContainer div{ display:none;}
#technicalSpecificationContainer .tabContainer div.techSpecTabs{ display:block;}
#technicalSpecificationContainer .techSpecTabs div{ display:block;}