@charset "UTF-8";
/* CSS Document */

/*========================*/
/*      INV DETAILS       */
/*========================*/



/*   REDEF  GLOBAL    */


.Image-Large {
	display:block;
	width:640px;
}
.Image-Thumbnail {
	width: 160px;
	display: inline-block;
}
/* STRUCTURAL  */

.InvDetails {
	float:left;

}
.InvDetails ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.InvDetails li {
	display: block;
	margin-bottom: 5px;
	padding: 20px;
	border: 1px solid #292929;
	background-color:#101010;
	
}
.InvDetails .piclist{
	padding-left:64px;
}
.InvDetails h2 {
	margin: 0px;
	padding: 0px;
	font-size: 30px;
	color: #FFFFFF;
}
.InvDetails h3 {
	margin: 0px;
	padding: 0px;
	font-size: 22px;
	color:#FFFFFF;
}
.InvDetails-Price {
	display:block;
	float:right;
	font-size: 30px;
	font-weight:bold;
	color: #fff878;
	padding-bottom:3px;
	padding:5px;
	position: absolute;
	right: 15px;
	top: 62px;
}
.InvDetails-Title {
	font-weight:bold;
	font-size:16px;
}
.InvDetails-PriceType {
	font-weight:bold;
	font-size:16px;
	display:block;
	color:#FFFFFF;
	line-height:35px;
	position: absolute;
	left:868px;
	top:92px;
	width:107px;
}
.InvDetails h4 {
	margin: 0px;
	font-size:16px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	color: #FFFFFF;
}
.InvDetails-SideButton {  /*  The set of lead generation buttons to the right side of the main image  */
	margin-top: 0px;
	padding-top: 0px;
	float:right;
}
.InvDetails-SideButton li {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border: none;
}
.InvDetails-SideButton a, .InvDetails-ShareBox {
	background-image: url(../images/submit.gif);
	background-position:left top;
	background-repeat:repeat-x;
	padding: 10px;
	display: block;
	width:230px;
	text-align:center;
	color:#FFFFFF;
	text-decoration: none;
	font-size: 16px;
	 
}

.InvDetails-SideButton a:hover {
	background-image: url(../images/submit.gif);
	background-position:right top; 
 	color: #fff878;
}

.InvDetails-ShareBox /*  This is the box that has the Print, Email and Share buttons.      */{
	font-size:13px;
	padding:5px;
	padding-top:8px;
	width:240px;
}
.InvDetails-ShareBox ul {
	text-align:center;
}
.InvDetails-ShareBox li {
	border: none;
}
.InvDetails-ShareBox a {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/*  You might need to resize the buttons below so that they fit on one line in the sharebox  (in case you need to change the width of the template)      */

a.addthis_button {
	margin: 0px;
	padding: 0px;
	display:inline;
	float:right;
	width:87px;
}
a.addthis_button:hover {
	margin: 0px;
	padding: 0px;
	display:inline;
	float:right;
	width:87px;
	border:none;
}
a.InvDetails-BT-Print {
	background-image: url(../images/bt-invdetail-print.gif);
	background-repeat: no-repeat;
	height: 16px;
	padding-left: 22px;
	display: block;
	text-align: left;
	width: auto;
	font-size: 12px;
	background-position:left bottom;
	float:left;
	width:33px;
	line-height: normal;
}
a.InvDetails-BT-Print:hover {
	background-image: url(../images/bt-invdetail-print.gif);
	background-repeat: no-repeat;
	background-position: left top ;
	margin:0;
	padding:none;
	border:none;
}
a.InvDetails-BT-Email {
	background-image: url(../images/bt-invdetail-email.gif);
	background-repeat: no-repeat;
	height: 16px;
	padding-left: 22px;
	display: block;
	text-align: left;
	width: auto;
	font-size: 12px;
	background-position:  left bottom;
	float:left;
	line-height: normal;
}
a.InvDetails-BT-Email:hover {
	background-image: url(../images/bt-invdetail-email.gif);
	background-repeat: no-repeat;
	background-position: left top ;
	margin:0;
	padding:none;
	border:none;
}


/*   This table below has the thumbnails ( it's actually an UL structure )  
You might need to play with the RIGHT and LEFT PADDING to make sure the images fit nicely. 
When a line has the maximum number of thumbnails, the space on the left and right should be equal */

.InvDetails-ThumbnailTable {
	margin-top: 0;
	margin-bottom: 0;
	display: block;
	margin-right: auto;
	margin-left: auto;
	height: 130px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	clear: both;
}
.InvDetails-ThumbnailTable li {
	padding-top: 2px;
	padding-right:1px;
	padding-bottom: 0px;
	padding-left: 1px;
	margin:0;
	border: none;
	width: 170px;
	display: inline-table;
	float: left;
}
.InvDetails-VinRelated {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display:block;
}
.InvDetails-VinRelated li {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left:40px;
	border: none;
}
.InvDetails-VinRelated label {
	display: block;
	width: 250px;
	float: left;
	padding-left: 57px;
	font-weight: bold;
}
.InvDetails-FeatureTable {
	margin-left:auto;
	margin-right:auto;
	width:750px;
}
.InvDetails-FeatureTable td {
	width:33%;
	padding-bottom:15px;
}
.InvDetails-FeatureTable p {
}
/*   STYLE   */


/*  Adjust the background of the autocheck and carfax buttons so that they blend in nicely with the template*/

a.InvDetails-AutoCheck {
	background-image: url(../images/logo-view-autocheck-invdetails.gif);
	display: block;
	height: 20px;
	width: 172px;
	background-repeat: no-repeat;
	background-position: right top;
}
a.InvDetails-AutoCheck:hover {
	background-position: right bottom;
}
a.InvDetails-Carfax {
	background-image: url(../images/logo-view-carfax.gif);
	display: block;
	height: 20px;
	width: 202px;
	background-repeat: no-repeat;
	background-position:top;
}
a.InvDetails-Carfax:hover {
	background-position:  bottom;
}
.Table-Vin-RelatedDetails {width:100%;}

.Table-Vin-RelatedDetails td {width:33%;}

.Table-Vin-RelatedDetails h4 {font-weight:bold;
font-size:13px;
padding:0;
margin:0;
padding-left:20px;
text-decoration:underline;}

.Table-Vin-RelatedDetails p {padding-left:15px;}

.Table-Vin-RelatedDetails ul {
	list-style-type: circle;
	padding-left: 45px;
	padding-bottom:10px;
}

.Table-Vin-RelatedDetails li {
	display:list-item;
	border:none;
	margin:0;
	padding: 0;	
}


.equipment_list {
	list-style: none;
	margin-bottom: 20px;
}

.equipment_list li {
	font-size: 12px;
	list-style: none;
	margin-left: 5px;
	text-indent: -30px
}

.standard_equipment h5,
.optional_equipment h5 {
	margin-top: 15px;
	margin-bottom:0px
}
/*   CONDITION REPORT    */


.Condition-Excellent {
	background-image: url(../images/condition-report-excellent.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.Condition-Good {
	background-image: url(../images/condition-report-good.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.Condition-Fair {
	background-image: url(../images/condition-report-fair.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.Condition-Average {
	background-image: url(../images/condition-report-average.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.Condition-Poor {
	background-image: url(../images/condition-report-poor.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.Condition-NotApplicable {
	background-image: url(../images/condition-report-na.gif);
	background-repeat: no-repeat;
	background-position: right center;
}