﻿/* START VEHICLE LISTINGS DISPLAY CLASSES */

.vehiclesSummary {
    border-collapse: collapse;
    width: 100%;
}

.vehiclesSummary td {
    padding: 3px;
    border: none;
    border-bottom: 1px solid #999;
    font-size: 12px;
}

.vehiclesSummary th {
    padding: 3px;
    background: #999;
    border: 1px solid #c0c0c0;
    color: #fff;
    font-size: 12px;
    text-align: left;
}

.vehiclesSummary th a:link,
.vehiclesSummary th a:visited,
.vehiclesSummary th a:active
{
    color: #fff;
}

.vehiclesSummary th a:hover 
{
    color: #eaeaea;
}

.vehiclesSummary .alternate td {
    background: #e1e1e1;
}

.vehiclesSummary a:link, 
.vehiclesSummary a:visited, 
.vehiclesSummary a:active {
    color: #000;
}

.vehiclesSummary a:hover {
    color: #999;
}

.vehiclesSummary .empty td 
{
    border-bottom: 1px solid #c0c0c0;
    border-top: 1px solid #c0c0c0;
    background: #eaeaea;
    height: 100px;
    font-weight: bold;
    color: #ff0000;
    text-align: center;
    
}


/* END VEHICLE LISTINGS DISPLAY CLASSES */

/* START VEHICLE ENTRY DISPLAY CLASSES */

.vehicleDisplay {
    border-collapse: collapse;
    width: 100%;

}

.vehicleDisplay td {
    padding: 5px;
    font-size: 11px;
}

.vehicleDisplay th {
    background: #999;
    text-align: left;
    padding: 5px;
    font-size: 14px;
    color: #fff;
    
}

.vehicleDisplay .contactContainer {
    background: #888;
    color: #fff;
    font-weight: bold;
    padding: 0px;
}

.vehicleDisplay .contactContainer .contactContent {
    padding: 8px;
    width: 100%;
}

.vehicleDisplay .contactContainer .contactContent td {
    padding: 8px;
    background: #eaeaea;
    color: #000;
}

.vehicleDisplay .contactContainer .contactContent th {
    background: #888;
    font-size: 12px;
}

.vehicleDisplay .contactContainer a:link, 
.vehicleDisplay .contactContainer a:visited, 
.vehicleDisplay .contactContainer a:active {
    color: #fff;
    font-size: 12px;
}

.vehicleDisplay .contactContainer a:hover {
    color: #eaeaea;
}

.vehicleDisplay .pictureContainer {
    background: #f3f3f3;
    font-weight: bold;
    font-size: 14px;
}

.vehicleDisplay .pictureContainer .mainImg 
{
    /*
    background-image: url(/vehicles/images/icons/loading.gif);
    background-position: center center;
    background-repeat: no-repeat;
    */
   
}


a.thumbNailImage img
{
    border: none;
    margin: 1px;
}

a.thumbNailSelected img
{
    border: 1px solid #ffcc00;
}


.vehicleDisplay .featureContent {
    font-weight: normal;
}

.vehicleDisplay .featureContent .featureLabel {
    font-weight: bold;
}

.vehicleDisplay .featureContent .feature {
    padding-left: 10px;
}

.vehicleDisplay .featureContentLarge td
{
    font-size: 12px;
}

.vehicleDisplay .featureContentLarge .buyPower
{
    font-size: 14px;
    font-weight: bold;
 }

.vehicleDisplay input, .vehicleDisplay textarea, .vehicleDisplay select {
    font-size: 11px;
}

.vehicleDisplay .menuContent,
.vehicleDisplay .menuContent td
{
    color: #ffffff;
    background: #842910;
    width: 100%;
}

.vehicleDisplay .button {
    background: #999;
    color: #fff;
    font-weight: bold;
    border: 1px solid #c0c0c0;
    
}

/* END VEHICLE ENTRY DISPLAY CLASSES */

/* SMALL VEHICLE SEARCH CLASSES */
.vehicleSearch 
{
    border-collapse: collapse;
    border-bottom: 1px solid #999;
    width: 100%;
}

.vehicleSearch td {
    padding: 3px;
    border: none;
    font-size: 11px;
}

.vehicleSearch th {
    padding: 3px;
    background: #999;
    border: 1px solid #c0c0c0;
    color: #fff;
    font-size: 12px;
    text-align: left;
}

.vehicleSearch input,
.vehicleSearch select,
.vehicleSearch textarea
{
    font-size: 11px;
}

.vehicleSearch .button 
{
    background: #999;
    color: #fff;
    font-weight: bold;
    border: 1px solid #c0c0c0;
}

/* END SMALL VEHICLE SEARCH CLASSES */

/* MISC CLASSES */
.helpBox, #helpBox 
{
    width: 90%;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 3px;
    border: solid 1px #D7D7D7;
    background-color: #F7F7F7;
}

.tableInputForm td, .tableInputForm th
{
    padding: 3px;
}

.onSale 
{
    font-weight: bold;
}