body
{
	height:auto;
	/* width: 100%; */
	margin:0;
	padding:0;
	overflow:auto;	
	overflow-x:hidden;	
	/* overflow-y: auto; */
    overflow-y: hidden;
	background-color:#FFFFFF;
	color:#666666;
	font-family:arial, helvetica, sans-serif;	
}


#tabPage
{
  position: absolute;
  top: 23px;
  left: 23px;
}

.tabContainer
{
	margin-left: 54px;
	width: 800px; 
}

ul.tabs {
	width: 800px;
}

.tabContent
{
  position:relative;
  top: -1px;
  width: 978px;
  height: auto;
  margin: 0px 0px 16px 0px;
  padding: 0px;
  line-height: normal;
  text-align: left;
  overflow:visible;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: none;
  
}


/* background table */
#sbsBgTable 
{
	/* width: 932px; */
	/* width: 1007px; */
	padding: 0px;
	display: block;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;

}

#sbsBgTable td {
	margin: 0;
	border-top: 0;
}

#sbsBgTable td {
	height: 40px;
}

#sb\sBgTable td {
	height: 39px;
}

html>body #sbsBgTable td {
	height: 40px;
}

/* background table first Column (Y-Values)*/
td.SBSColYAxisValues {
	/* width: 64px; */
	width: 48px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
	border-left-style: none;
	font-size: 10px;
	text-align: right;
	padding: 0px 5px 0px 0px;
	margin: 0;
}



td.SBSCol911 {
	margin: 0;
	width: 319px;
	border-bottom: 1px dashed #CCCCCC;	
	border-left: 1px dashed #CCCCCC;
}

td.SBSColBoxster {
	margin:0;
	width: 151px;
	border-bottom: 1px dashed #CCCCCC;
}

td.SBSColCayman {
	margin:0;
	width: 151px;
	border-bottom: 1px dashed #CCCCCC;	
	border-left: 1px dashed #CCCCCC;
}


td.SBSColCayenne {
	margin:0;
	width: 151px;
	border-bottom: 1px dashed #CCCCCC;	
	border-left: 1px dashed #CCCCCC;
}


td.SBSLastRow {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background-color: #F5F5F5;
	text-align: center;
	font-weight: bold;
	color: #848484;
}

html>body td.SBSLastRow 
{
	padding-top: 5px;
}

td.bottomSolidBorder {
	border-bottom: 1px solid #CCCCCC;	
}

/* End of background table */





/* The 3 Select Boxes */

.SBSSelectDiv {
	position: absolute;
	text-align: center;
	width: 135px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCC;
	line-height: normal;
}


#SBSSelectDiv1 {
	position: absolute;
	/* left: 103px;	 */
	left: 77px;
	top: 465px;
}

#SBSSelectDiv2 {
	/* left: 249px;	*/
	left: 223px;	
	top: 465px;
}

#SBSSelectDiv3 {
	/* left: 395px;	*/
	left: 369px;
	top: 465px;
}


.SBSSelectDivTop {
	width: 113px;
	height: 57px;
	border: 0;
	padding: 13px 11px 13px 11px;
	margin-left: 5px;
	margin-top: 41px;
}


.SBSSelectDivBottom {
	width: 134px;
	height: 20px;
}


/* End of The 3 Select Boxes */

#transgif {
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;

}

#btnCompare 
{
	position: absolute;
	margin: 0px;
	padding: 0px;
	line-height: normal;
	left:auto;
	right:76px;
	top:162px;
	display: block;
	width: auto;
	height: auto;
}

#btnCompare img
{
	margin: 0px;
	padding: 0px;
}

#btnCompare a
{
	display: block;
}

div.car_thumb {
	width: 72px;
	height: 24px;
	display: block;
	position: absolute;
	z-index: 30;
}


.imgCar 
{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity: 1.0;
	cursor: pointer;
}

/* Info-Layer */
#infoLayer {
	width: 222px;
	height: 360px;
	top: 0px;
	left: 0px;
	display: none;
	position: absolute;
	z-index: 500;
}

#infoLayerBack {
	background-color: #CCCCCC;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	width: 222px;
	top: 0px;
	left: 0px;
}

#infoLayerBack {
	height: 360px;
}

#in\foLayerBack {
	height: 368px;
}

html>body #infoLayerBack {
	height: 360px;
}

#infoLayerFront {
	background-color: #FFFFFF;
	top: 10px;
	left: 10px;
	position: absolute;
	display: block;
	line-height: normal;
	padding: 8px 16px 0px 16px;
	text-align: left;
	font-size: 10px;
	border: solid 1px #CCC;
}

#infoLayerFront {
	width: 201px;
	height: 338px;
}

#info\LayerFront {
	width: 167px;
	height: 330px;
}

html>body #infoLayerFront {
	width: 167px;
	height: 330px;
}


#infoLayerFront p 
{
	margin: 4px 0px 12px 0px;
}


.infoButton
{
	margin: 4px 0px 7px 0px;
}

.infoLink a
{
    display: block;
    text-decoration: none;
    width: 150px;

    padding-top: 3px;
    padding-bottom: 0;
    padding-left: 15px;
    font-size: 10px;
    background-image: url(/images/arrow-gray.gif);
    background-repeat: no-repeat;
    background-position: 2px 6px;
}

.imgInfoLayer
{
	text-align: center;
	margin-bottom: 3px;
}

#closeButtonInfoLayer
{
    position: absolute;
    top: 5px;
    z-index: 3000;
    left: 181px;
    cursor: pointer;
   
}


/* Message-Layer */
#messageLayer {
	width: 405px;
	height: 139px;
	top: 133px;
	/* left: 279px;*/
	left: 330px;
	display: none;
	position: absolute;
	z-index: 530;
}

#messageLayerBack {
	background-color: #CCCCCC;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	width: 405px;
	height: 139px;
}


#messageLayerFrontTop {
	background-color: #990000;
	top: 10px;
	left: 10px;
	position: absolute;
	display: block;
	line-height: normal;
	padding: 22px 0px 0px 16px;
	text-align: left;
	font-size: 11px;
	border: none 1px #CCC;

}

#messageLayerFrontTop {
	width: 385px;
	height: 47px;
}

#mes\sageLayerFrontTop {
	width: 369px;
	height: 25px;
}

#messageLayerFrontBottom {
	background-color: #FFFFFF;
	top: 57px;
	left: 10px;
	position: absolute;
	display: block;
	line-height: normal;
	padding: 13px 16px 16px 16px;
	text-align: left;
	font-size: 12px;
	border: solid 1px #CCC;
	border-top-style: none;

}

#messageLayerFrontBottom {
	width: 385px;
	height: 30px;
}

#mes\sageLayerFrontBottom {
	width: 351px;
	height: 42px;
}

#messageLayerFrontBottom p 
{
	margin: 0px;
}

#closeButtonMessageLayer
{
    position: absolute;
    top: 5px;
    z-index: 3000;
    left: 365px;
    cursor: pointer;
}
/* End Message layer */

.SBSRemoveButton 
{
    position: absolute;
    z-index: 30;
    display: none;
    cursor: pointer;
	top: 16px;
	left: 186px;
}

.td {
	text-align: center;
}


/* Mouseover tooltips */

#toolTip {
	display: none;  
	text-decoration: none; 
	position: absolute; 
	top: 0px; 
	left: 0px;
	z-index: 1000;
	color: #000000; 
	border:1px solid #CC0000; 
	background: #F5F5F5;
	font-size: 11px;
	font-family: Arial, sans-serif; 
	text-align: left;
	padding: 5px;
	padding-right: 10px;
}


#CarsTable
{
	position: relative;	
	font-size: 11px;
	border-collapse: collapse;
	background-color:#fff;
	width: 926px;	
}

#CarsTable td, #CarsTable th
{
	border-top: 1px solid #CCC;
	padding: 10px 2px 10px 2px;
	vertical-align: bottom;
	width: 180px;
}

#CarsTable th
{
	width: 100px;
	vertical-align: middle;
}

#CarsTable td
{
    vertical-align: top;
}


#CarsTable td ul
{
	position: relative;
	border: 1px none;
	margin: 0;	
	padding: 0;
	
}

#CarsTable td li
{
	list-style-type: none;
	padding-left: 18px;
	margin-left: 4px;
	margin-top: 6px;
	line-height: normal;
	vertical-align: bottom;
	background: url(/images/arrow-gray-right.gif) no-repeat 3px 3px;
}

#CarsTable td li a
{
	line-height: normal;	
}

#CarsTable a:link, #CarsTable a:active, #CarsTable a:visited 
{
	text-decoration: none;
}

#CarsTable a:hover
{
	color: #c00;
}

/* global */

.hoverInfoLayer
{
	display: none;
}

.hoverInfoLayer img.modelImg
{
	float: left;
	display: block;
	margin:0;
}
.hoverInfoLayer .modelData
{
	display: block;
	left: 0px;
	margin-left: 0;
	padding-left: 0;
}

.hoverInfoLayer .modelData p
{
	padding-left: 0;
}

#btnGhost
{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 150px;
	height: 20px;
	opacity: 0.66;
	filter:alpha(opacity=66);
	background-color: #fff;
}

sup.envfootnote
{
    left: 24px !important;
}

#box .environment
{
    /*padding-left: 29px !important;
    margin-top: 32px !important;*/    
    display: block;
}