/* 
	** NOTES *******
	there are 4 available special templates, the
	web_detail.css template only defines the 1st one   
	add class as needed using _special1, _special2, special3
*/
* {
padding:0px;
margin:0px;
outline:none;
}
.DetailDIV
{
	width: 100%;
	margin-right:auto;
	margin-left:auto;
	margin-top:20px;
	position:relative;
	right:5px;
}


.DetailSectionHeader, .DetailSectionHeader_Special
{
	text-align:center;
	
	border-bottom: solid 1px #000;
    padding:2px;
    color:#000000;
    font:bold 14px;
}


.DetailVehicleTitle, .DetailVehicleTitle_Special,.DetailVehicleTitle h1, .DetailVehicleTitle_Special h1
{
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 18px;
	color: #000000;
	font-weight	:bold;
	text-align:center;
	margin:0px;
}

.DetailInfoDIV
{
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
}

.DetailPriceDIV
{
	text-align:center;
	padding-bottom: 8px;
	padding-top: 8px;
}

.DetailInfoLabel, .DetailInfoLabel_Special, .DetailPriceLabel
{
	text-align: right;
	color: #666;
	font: bold 10px/11px Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
}

.DetailInfoValue, .DetailInfoValue_Special 
{
	font: bold 10px/11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 1px;
	text-align:left;
}


.DetailSpecialPriceLabel
{
	font: bold 10px/11px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	text-align: right;
		padding: 1px;
}

.DetailPriceValue
{	
	font:bold 18px/20px verdana, Arial;
	color:#000;
	padding-right: 1px;
	padding-left: 1px;
	text-align:left;
}

.DetailSpecialPriceValue
{	
	font:bold 18px/20px verdana, Arial;
	color:#cc0000;
	padding: 1px;
	text-align:left;
}

.DetailSimilarVehicleDIV
{
	padding: 1px;
}

.DetailSimilarValue
{
	font: 11px/13px Arial, Helvetica, sans-serif;
	color: #000000;
	text-align:left;
	padding: 1px;
}

.DetailFormDIV
{
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	margin:0 auto;
}

.DetailFormTitle
{
	font-weight: bold;
	font-size: 8pt;
	padding-bottom: 8px;
	font-family: Verdana;
	text-align: center;
}

.DetailFormLabel
{
	text-align: left;
	color: #000000;
	font: bold 11px/11px Arial, Helvetica, sans-serif;
	padding: 1px;
}

.DetailFormValue
{
	font: 11px/11px Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 1px;
}

.DetailFunctionDIV
{
	padding-bottom: 8px;
	padding-top: 8px;
	background-color:#ffffff;
	border: #999999 1px solid;
	margin-top:8px;
}

.DetailFunction
{
	text-align:center;
	padding: 5px 1px 5px 1px;
	
}
.DetailFunctionSectionFive
{
    vertical-align:top;
}
.DetailFunctionSectionFive img
{

	margin-left: 5px;
	vertical-align:middle;

}
.DetailComment, .DetailComment_Special
{
	padding-bottom: 8px;
	padding-top: 8px;
	font-size: 8pt;
	font-family: Verdana;
}


.DetailDisclaimer, .DetailDisclaimer_Special
{
	font-size: 8pt;
	font-family: Verdana;
}


.DetailOptionImage, .DetailOptionImage_Special, .DetailOptionImage_Special1, .DetailOptionImage_Special2, .DetailOptionImage_Special3
{
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #333333;
	border-bottom: #cccccc solid 1px;
	width: 15px;
}

.DetailOption, .DetailOption_Special, .DetailOption_Special1, .DetailOption_Special2, .DetailOption_Special3
{
	font:10px Verdana, Arial, Helvetica, Sans-serif;
	color:#333333;
	padding: 2px;
	border-right:#ffffff solid 5px;
	border-bottom:#cccccc solid 1px;
	text-align:left;	
}


.DetailImageGalleryDIV
{
	padding: 10px;
	background-color: #fcfcfc;
	text-align: center;
}

.DetailImageGallery
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}

.DetailImageGalleryTitle
{
	font-weight: bold;
	font-size: 11pt;
	color: dimgray;
	font-family: Verdana;
	text-align: center;
}

.DetailImageGalleryLinkText
{
	font-weight: bold;
	font-size: 10pt;
	color: black;
	font-family: verdana;
}

.DetailImageGalleryLinkText A
{
	font-weight: bold;
	font-size: 12pt;
	color: black;
	font-family: Arial;
}

.DetailImageGalleryLinkText A:hover
{
	font-weight: bold;
	font-size: 12pt;
	color: red;
	font-family: Arial;
}

.DetailImageDIV
{
	margin: 8px 8px 3px;
}

.DetailImageHeaderDIV
{
	font-weight: bold;
	text-align: center;
	margin-top: 3px;
	vertical-align:middle;
	margin-left:0px auto;
	margin-right:0px auto;
}
#SlideShowCheckbox
{
    vertical-align:middle;
}

/* DetailThumbsDIV_7, 5, 3 are the various
sizes that the scrolling thumbs can take, they're dynamic
when using the large image templates */
.DetailThumbsDIV_7
{
	width:640px;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	margin: 3px auto;
	margin-left:auto;
	margin-right:auto;
}

.DetailThumbsDIV_5
{
	width:470px;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	margin: 3px auto;
}

.DetailThumbsDIV_3
{
	width:320px;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	margin: 3px auto;
	margin-left:auto;
	margin-right:auto;
}

.DetailThumbs
{
	background-color: dimgray;
	padding-left: 2px;
	padding-right: 2px;
}

.DetailThumb
{
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 1px;
	padding-top: 1px;
}

.DetailScrollArrow
{
	background-color: gainsboro;
	vertical-align: middle;
	text-align: center;
}

.DetailThumbBorder1
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}

.DetailThumbBorder2
{
	border-right: #cc0000 1px solid;
	border-top: #cc0000 1px solid;
	border-left: #cc0000 1px solid;
	border-bottom: #cc0000 1px solid;
}

.DetailThumbBorder3
{
	border-right: red 1px solid;
	border-top: red 1px solid;
	border-left: red 1px solid;
	border-bottom: red 1px solid;
}

.DetailImageCountDIV
{
	width: 100%;
	font-weight: bold;
	margin-bottom: 8px;
	font-family: Verdana;
	text-align: center;
}

.DetailTabs
{
	border-right: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	height: 20px;
	background-color: white;
	text-align: center;
}

.DetailTab
{
	background-image:url(../images/detail/detailtab_off.gif);
	border-left: #999999 1px solid;
	border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 2px;
	margin-right: 3px;
	position: relative;
	left: 0px;
	top: -2px;
	font-weight: bold;
	font-size: 8pt;
	color: Black;
	font-family: verdana;
	background-color: gainsboro;
	text-align: center;
}

.DetailTabActive
{
	background-image:url(../images/detail/detailtab_on.gif);
	border-left: #999999 1px solid;
	border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	padding: 2px;
	position: relative;
	left: 0px;
	top: -1px;
	z-index: 10;
	margin-right: 2px;
	font-weight: bold;
	font-size: 8pt;
	color: Black;
	font-family: verdana;
	background-color: white;
	text-align: center;
}

/*main content area under tabs*/
.DetailTabContent
{
	border-right: #999999 1px solid;
	padding-right: 1px;
	border-top: #999999 1px solid;
	padding-left: 1px;
	padding-bottom: 1px;
	border-left: #999999 1px solid;
	padding-top: 1px;
	border-bottom: #999999 1px solid;
	height: 100%;
	text-align: center;
	background-color: #ffffff;
}

a.DetailTabLink
{
	font:bold 12px/14px arial, verdana, sans-serif;
	color:#000000;
	text-decoration:none;
	
}

a.DetailTabLink:hover
{
	font:bold 12px/14px arial, verdana, sans-serif;
	color:#336699;
}

.MakeOfferDIV
{
	display: none;	
	position: absolute;	
	z-index: 13;
	background-color: white;
	border: solid 6px #cc0000;
	width: 400;
	height: 260;
	vertical-align: middle;
	text-align: center;
	padding-left: 15px;
	padding-bottom: 15px;
	padding-top: 15px;
}

.OverlayDIV_NN6
{
	display: none;
	position: absolute;
	z-index: 11;
	background-color: black;
	-moz-opacity:0.6; /* NN6 proprietary style,  values 0.0 to 1.0 */
}

.OverlayDIV_IE
{
	display: none;
	position: absolute;
	z-index: 11;
	background-color: black;
	filter: progid:DXImageTransform.Microsoft.alpha(opacity=60);
}

.DetailVehicleScrollBarDIV
{
    width: 98%;
	padding: 2px;
	margin-bottom: 0px;
	margin-right:auto;
	margin-left:auto;
}
.DetailVehicleScrollBarDIV img
{
    margin-left:2px;
    margin-right:2px;
}
.DetailVehicleScrollBarText
{
	font-size:10px;
	font-family:Verdana, Arial,sans-serif;
}

.DetailVehicleScrollBarText A
{

	color: #ed1b23;
	text-decoration:none;

}

.DetailVehicleScrollBarText A:hover
{

	color: #6c0b0b;

}

.DetailVehicleScrollBarNumbers
{
	font-size:9px;
}
.DetailVehicleScrollBarPipe
{
	font-size:12px;
	color:#999;
	padding-left:3px;
	padding-right:3px;
}

.DetailContactDIV
{
	text-align: center;
	width: 185px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 45px;
}

.DetailContact
{
	color: Black;
	font-size: 8pt;
	font-family: Verdana;
}
#printInfo
{
    font:bold 11px arial,verdana,sans-serif;
    color:#666;
}

#printInfo h2
{
    font:bold 14px arial,verdana,sans-serif;
    color:#000;
     margin:2px;
}