img{
	border-style: none;
}

img.familyDefaultPicture {
    max-height: 180px;
    max-width: 290px;
}

/* ACCORDION ZONE */
/* Caroverview content when the car is not selected (table)*/
.ClosedCarOverview{
	font-size: 12px;
	margin-left: 15px;
 }
 /* Each column of th ClosedCarOvervuew table */
td.VoaVersion{text-align: left;width: 300px; display:block; }
/*td.ErgLabel{text-align: center; width: 80px;}*/
/*td.VoaTaxationpower{text-align: center; width:  40px;}*/
td.Voadate{text-align: center; width:  85px;}

td.CcoName{text-align: center; width:  90px;}
td.VoaNumber{text-align: center; width:  60px;}
td.VoaAdvertState{text-align: center; width:  70px;}
td.VoaAdvertFiability{text-align: center; width:  80px;}


/*td.VoaMileage{text-align: center; width:  40px;}
td.FKDepCode{text-align: center; width: 100px;}
td.VoaDisplayprice2{text-align: center; width: 40px;}
td.VoaExpiryDate{text-align: center; width: 90px;}*/
td.VoaStaCode{text-align: center; width: 60px;}
td.VoaSelected{text-align: center; width: 25px;}
td.VoaCompared{text-align: center; width: 25px;}
.basic a{
	display:block;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
}
.basic {
	cursor:pointer;
	font: arial;
	font-size:9px;
	text-decoration: none;
	color: black;
	background-color:#BBBBBB;
	background-image: url("Images/Result/AccordionTab0.gif");
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #999;
}

.maintabannounce 
{
    border:0;
    border-collapse:collapse;
    margin:0 auto;
}

.maintabannounce td, tr
{
    text-align: left;
    padding-left: 5px;
}

 /* set of link buttons bellow the car */

 .CarOverviewLinks{
	background-color : White;
	font-size: 8.5pt;
 }

 
#content {
	float: left; 
	width: 800px;
	/*height:320px;*/
	margin-left: 12%;
	text-align: left;
}

/***************/
/* CODA SLIDER */
/***************/


* { margin: 0; padding: 0 }
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	position: relative;
	top: 10px;
	height: 240px;
	width: 100%;
}


/* These 2 lines specify style applied while slider is loading 
.csw {width: 100%; height: 60px; background: #fff; overflow: scroll}
.csw .loading {margin: 10px 0 10px 0; text-align: center}*/
.csw {width: 100%; height: 300px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}


.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	margin: auto;
	width: 880px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 90%;
	clear: both;
	background: transparent;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	height: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 880px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 0px;
	height:100%;
}

.stripViewer .panelContainer .panel .wrapper .tabcontent{
	overflow: auto;
	height: 95%;
	width: 98%;
	position: relative;
    left: 1%;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
	height:10%;
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}

.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a { /* The nav links */
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 16px;
	/*background: #ffffff;*/
	color: #000000;
	text-decoration: none;
	display: block;
	padding: 0 15px;
}
/*
.stripNav li.tab1 a {background:grey;}
.stripNav li.tab2 a {background:grey;}
.stripNav li.tab3 a {background:grey;}
.stripNav li.tab4 a {background:grey;}
.stripNav li.tab5 a {background:grey;}
*/
.stripNav li a:hover {
	background: #ffffff;
}

.stripNav li a.current {
	/*background:url(../../Landor/Images/Result/codaactive.gif);*/
	color: #DC002E;
	text-transform: capitalize;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 30%;
	text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
	outline:none;
}

.stripNavL {
	left: 0;
}

.stripNavR {
	right:0;
}

.stripNavL {
	background: url(../../Landor/Images/Result/arrow-left.gif) no-repeat center;
}

.stripNavR {
	background: url(../../Landor/Images/Result/arrow-right.gif) no-repeat center;
}

.Detailtable 
{
    font-size:12px;
}


.optionPack
{
    padding-left:15px;
    color:#646464;
}


/* Pagination */
.pageControls 
{
    text-align: center;
	padding-top:4px;
}

.pageControls .newpageControlsNum 
{
    position: relative;
    display : inline-block;
    margin : 0 auto;
}

ul{ border:0; margin:0; padding:0; }
 
#pagination-digg li
{
    border:0; 
    margin:0; 
    padding:0;
    font-size:11px;
    list-style:none;
    margin-right:2px;
    text-transform: uppercase;

}
 
#pagination-digg a
{
    border:solid 1px #9aafe5
    margin-right:2px;
}
 
#pagination-digg .previous-off
{
    color:#646464;
    display:block;
    float:left;
    font-weight:bold;
    margin-right:2px;
   /* padding:3px 6px;*/
    padding-bottom:3px;
    padding-top:3px;
    padding-left:5px;
    padding-right:4px;
}

#pagination-digg .next-off
{
    color:#646464;
    display:block;
    float:left;
    font-weight:bold;
    margin-right:2px;
    padding:3px 6px;
    padding-right: 5px;
}
 
 #pagination-digg .previous-off2
{
    
    color:#646464;
    display:block;
    float:left;
    font-weight:bold;
    margin-right:2px;
    padding-bottom:3px;
    padding-top:3px;
    padding-left:6px;
    padding-right:5px;
}

 #pagination-digg .next-off2 
{
    color:#646464;
    display:block;
    float:left;
    font-weight:bold;
    margin-right:2px;
    padding-bottom:3px;
    padding-top:3px;
    padding-left:5px;
    padding-right:5px;
}

#pagination-digg .next a, #pagination-digg .previous a 
{
    font-weight:bold;
}
 
#pagination-digg .active
{
    background:#DC002E;
    color:#FFFFFF;
    font-weight:bold;
    display:block;
    float:left;
    padding:3px 6px;
}
 
#pagination-digg a:link, #pagination-digg a:visited 
{
    color:#585858;
    display:block;
    float:left;
    padding:3px 6px;
    text-decoration:none;
   /* border:1px solid none;*/
    outline: 1px solid none;
}
 
#pagination-digg a:hover
{
    outline: 1px solid #585858;
}

.ExportCSV
{
    float:right;
    margin-left:-90px;
    margin-top: -4px;
    color: #4b4b4b;
}