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

/* 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 { width:138px;text-align:center; background-color:#dadada; height:18px;  position:relative;z-index:100; }
.mainTabs .tabTopMargin {margin-top:2px;  position:relative; }
.mainTabs .tabSpace {max-width: 2px;width:2px;height:20px;}
.mainTabs .bottomTab {background-color:#6f6f6f;border:0px;height:3px; min-width: 580px; width: 100%; position:relative;}
.mainTabs .mainTabOff {margin-top:2px;color: #000000; }

/* tech spec classes */
.techSpecTabs {}
.techSpecTabs .tab2 { float: left; text-align:center;background-color:#CCCCCC;position:relative; }
.techSpecTabs .tabTopMargin {margin-top:2px; }
.techSpecTabs .tabSpace {max-width: 2px; width:2px; height: 20px;}
.techSpecTabs .bottomTab {background-color:#6F6F6F;border:0px;height:3px; min-width: 580px; width: 100%;}
.techSpecTabs .tabOff, .techSpecTabs .tabOn {width:90px;margin-top:2px;}
.techSpecTabs .technicalTab {width:150px;}
.techSpecTabs .intexTab {width:150px;}

/* Define tab colour for Main Tabs when active */
.mainTabs .mainTabOn {font-weight:bold;color:#000000;height:20px;background-color:#6f6f6f;margin-top:0px; }
.mainTabs .mainTabOn a:link, .mainTabs .mainTabOn a:visited, .mainTabs .mainTabOn a, .mainTabs .mainTabOn a:hover {color:#FFFFFF;}

/* Define tab colour for captechspec Tabs when active */
.techSpecTabs .tabOn {font-weight:bold;color:#000000;height:20px;background-color:#6f6f6f;margin-top:0px;}
.techSpecTabs .tabOn a, .techSpecTabs .tabOn a:link, .techSpecTabs .tabOn a:visited, .techSpecTabs .tabOn a:hover {color:#FFFFFF; }

/* Define inactive Tabs color for cap tech spec */
.mainTabs a, .mainTabs a:link, .mainTabs a:visited {color: #000000; }

/* Define inactive Tabs color for cap tech spec */
.techSpecTabs a, .techSpecTabs a:link, .techSpecTabs a:visited {color: #000000;}

/* vehicle Title container */
.tabPictureText {width:100%; position:relative;}

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

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

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

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

/* right hand table summary content */
.catText {padding-left:5px; color: black;}

/* left hand table summary content */
.catTitle {color:#6c8192;font-weight:bold;padding-left:5px;}

/* Classes for other category content*/
#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; min-width: 580px; width: 100%; }

/* define background colours and width of captech spec container here for inline advert*/
#inlineSecond #technicalSpecificationContainer  {   position:relative; top: 0px; left:0px; background-color: transparent; min-width: 580px; width: 100%; padding-bottom: 50px;}

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

/* Captech spec info inside table */
#inlineSecond #technicalSpecificationContainer table td{ position: relative; padding: 3px;}

/* 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 */
#inlineSecond {margin-bottom: 100px;}


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

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

#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;
}



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

/* IE7 hack so that the background expands to correct height, expands properly in all browsers apart from IE7, typical!*/
*+html #inlineSecond {min-height: 1500px;}


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

/* Safari hack for content expanding issue */
html[xmlns*=""] #inlineSecond {min-height: 1500px;}