/*
 * user.css
 *
 * AutoLocate stylesheet
 */


/************************************************
 * General Style                                *
 ************************************************/

body
{
    background-color: white;
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    margin: 0;
    padding: 0;
    width: 100%;
}

img
{
    border: 0;
}

h1
{
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16pt;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 2px;
}

h2
{
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13pt;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 1px;
}

td
{
    color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

label
{
    cursor: hand;
    cursor: pointer;
}

a:link,
a:visited
{
    color: #003366;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
}

a:hover,
a:visited:hover
{
    color: #336699;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
}

form
{
    padding: 2px;
    margin: 0;
}


/************************************************
 * Title Style                                  *
 ************************************************/

div#banner
{
    width: 100%;
    height: 57px;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #45507A;
    background-image: url(../images/heading/line.gif);
    background-repeat: repeat-x;
}

div#banner img,
div#banner a
{
    border: none;
    margin: 0;
    padding: 0;
}

div#banner img.autolocate_logo,
div#banner img.right
{
    cursor: default;
}

div#banner img.right
{
    float: right;
}


/************************************************
 * Menu Style                                   *
 ************************************************/

a.button:link,
a.button:visited
{
    color: black;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    padding: 3px;
    margin: 0;
    display: block;
}

a.button:hover,
a.button:visited:hover
{
    color: black;
    background-color: #b6bdd2;
    border: 1px solid #0A246A;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    padding: 3px;
    margin: 0;
    display: block;
}

@media screen
{
    div#menucontainer
    {
        margin: 0;
        padding: 0;
        padding-left: 2px;
        padding-bottom: 10px;
        width: 180px;
        background-color: #F7F3F7;
        border-right: 1px solid #638694;
        border-bottom: 1px solid #638694;
        position: absolute;
        left: 0;
        z-index: 1000;
    }
}

@media print
{
    div#menucontainer
    {
        display: none;
    }
}

.navigationheading {
    color: white;
    background-color: #424d7b;
    border-top: 1px solid #2e355a;
    border-left: 1px solid #2e355a;
    border-right: 1px solid #2e355a;
    border-bottom: none;
    vertical-align: bottom;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
    font-variant: small-caps;
    text-align: left;
    height: 14pt;
}

.navigationheading a:link,
.navigationheading a:visited,
.navigationfooter a:link,
.navigationfooter a:visited
{
    color: white;
}

.navigationheading a:hover,
.navigationfooter a:hover,
.navigationheading a:visited:hover,
.navigationfooter a:visited:hover
{
    color: #d3d3d3;
}

.navigationfooter {
    color: white;
    background-color: #424d7b;
    border-bottom: 1px solid #2e355a;
    border-left: 1px solid #2e355a;
    border-right: 1px solid #2e355a;
    border-top: none;
    vertical-align: bottom;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
    font-variant: small-caps;
    text-align: left;
    height: 14pt;
}

.navigationbodyonly {
    color: black;
    background-color: #f5f5f5;
    border: 1px solid #2e355a;
    vertical-align: top;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: normal;
    padding: 2px;
    text-align: left;
    margin-bottom: 0.5em;
}

.navigationbody {
    color: black;
    background-color: #f5f5f5;
    border-bottom: 1px solid #2e355a;
    border-left: 1px solid #2e355a;
    border-right: 1px solid #2e355a;
    vertical-align: top;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: normal;
    padding: 2px;
    text-align: left;
    margin-bottom: 0.5em;
}


/************************************************
 * Homepage Style                               *
 ************************************************/

div#homepage
{
    width: 80%;
    min-width: 550px;
    margin: auto;
    position: relative;
    padding-top:10px;
}

div#homepage div.left
{
    width: 49%;
    position: relative;
    float: left;
    left:0px;
    margin: 0;
    padding: 0;
    text-align: center;
}

div#homepage div.right
{
    width: 49%;
    position: relative;
    float: right;
    clear: none;
    right: 0;
    margin: 0;
    padding: 0;
    text-align: center;
}

div#homepage a
{
    display: block;
    width: 100%;
    height: 170px;
    vertical-align: middle;
}

div#homepage div#heading
{
    background-color: #424D7B;
    color: white;
    font-size: 10pt;
    padding-top: 2px;
    padding-bottom: 2px;
    font-variant: small-caps;
}

div#bannerad
{
    position: relative;
    clear: both;
    text-align: center;
    margin: auto;
    padding-top: 35px;
}

div#homepage div#bannerad a
{
    display: inline;
    /* For IE... */
    width: auto;
    height: auto;
}

/************************************************
 * Generic Content Style                        *
 ************************************************/

div#content {
    margin: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    position: relative;
    padding-left: 190px;
}

@media print
{
    div#content {
        padding-left: 0;
    }
}

.contentbody
{
    color: black;
    margin: auto;
    text-align: left;
    width: 99%;
}

.contentbodygray
{
    color: black;
    background-color: #f5f5f5;
    border: 1px solid gray;
    vertical-align: top;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: normal;
    padding: 0;
    margin: auto;
    text-align: center;
    width: 98%;
    text-align: center;
}

div.openingtext
{
    font-weight: bold;
}

/* Header/Footer are blue bar with white text */
table#PageHeader,
table#PageFooter
{
    width: 100%;
    background-color: #424d7b;
    margin: auto;
}

table#PageHeader td,
table#PageFooter td
{
    color: white;
    background-color: #424d7b;
    vertical-align: bottom;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
    font-variant: small-caps;
    height: 14pt;
}

table#PageFooter td a
{
    color: white;
}

table#PageFooter td a:hover
{
    color: grey;
}

td.left
{
    text-align: left;
}

td.right
{
    text-align: right;
}

.disclaimertext
{
    margin: 5px;
}

/* Paging support */
table.pagemeister
{
    margin: auto;
    margin-top: 10px;
}

table.pagemeister td
{
    font-size: 8pt;
}

table.pagemeister td form
{
    margin: 0;
    padding: 0;
}

table.pagemeister input
{
    width: auto ! important;
    height: auto ! important;
    margin: 0 ! important;
    padding: 0 ! important;
    font-size: 8pt;
}

table.pagemeister input#submit
{
    height: 18px ! important;
}

table.pagemeister select
{
    width: auto ! important;
    height: auto ! important;
    font-size: 8pt;
}

/* Generic Parameter support */
table.parameterlist
{
    width: 100%;
}

td.parameterlist
{
    width: 25%;
    text-align: left;
    padding: 0;
    vertical-align: top;
}

/* Creates text boxes and selects that have identical look and feel */
select
{
    padding: 0;
    margin: 0;
    font-size: 9pt;
    width: 250px;
    font-family: Verdana;
    height: 20px;
}

input
{
    height: 16px ! important;
    margin: 0;
    padding-top: 1px;
    padding-left: 3px;
    font-size: 9pt;
    width: 243px ! important;
    width: 250px;
    font-family: Verdana;
    height: 20px;
}

input.checkbox
{
    width: 13px ! important;
    margin-top: 2px ! important;
    margin-bottom: 2px ! important;
    margin: 0;
    padding-left: 0;
    margin-right: 237px;
}

textarea
{
    font-size: 9pt;
    font-family: Verdana;
    width: 246px ! important;
    width: 250px;
}

input#submit,
input#reset
{
    height: auto ! important;
    width: auto ! important;
    margin: 4px;
}

label
{
    padding: 0;
    margin: 0;
    padding-top: 5px;
    padding-right: 3px;
    font-size: 9pt;
    width: 250px;
    text-align: right;
    height: 20px;
}

label.labelfor_Checkbox
{
    vertical-align: top ! important;
    vertical-align: auto;
}

td.MultiDropDown td input
{
    width: auto ! important;
}

td.required,
span.required
{
    font-weight: bold;
}

table.formcontents table
{
    margin: auto;
    width: 100%;
}

table.formcontents table td
{
    width: 250px;
    vertical-align: top;
}


/* More Info links as seen on the UVS and NVS (next to the image) */
td.moreinfolinks
{
    text-align: left;
}

.moreinfolinks div,
.moreinfolinks p
{
    text-align: left;
    width: 250px;
    padding: 0;
    margin: 0;
}

.moreinfolinks h3
{
    font-size: 1em;
    font-weight: bold;
}

.moreinfolinks img
{
    margin-left: 4px;
    margin-right: 4px;
}

.moreinfolinks a,
.moreinfolinks a:visited,
tr.NextPrevLinks td a,
tr.NextPrevLinks td a:visited
{
    color: black;
    font-size: 8pt;
    padding: 3px;
    border: solid #f5f5f5 1px;
    margin: 0;
    display: block;
    font-weight: normal;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
}

.moreinfolinks a:hover,
.moreinfolinks a:visited:hover,
tr.NextPrevLinks td a:hover,
tr.NextPrevLinks td a:visited:hover
{
    background-color: rgb(182, 189, 210);
    border: solid rgb(10, 36, 106) 1px;

    /* Font info does not appear to be inherited from above in IE */
    color: black;
    font-weight: normal;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
}

div.error
{
    border: solid rgb(203, 203, 173) 1px;
    padding: 0;
    margin: auto;
}

div.error div.title
{
    padding: 4px;
    font-weight: bold;
    background-color: rgb(236, 236, 225);
}

div.error span
{
    padding: 2px;
    white-space: pre;
    display: block;
    text-align: left;
}

div.error span.desc
{
    float: left;
    font-weight: bold;
}

div.error span.value
{
    margin-left: 100px;
}

/************************************************
 * Used Vehicle Search Specific Style           *
 ************************************************/

div.DETROIT_UVS TABLE.formcontents div
{
    margin: 0;
    padding: 0;
}

div.DETROIT_UVS tr.NextPrevLinks td.NextLink
{
    text-align: right;
}

div.DETROIT_UVS tr.NextPrevLinks td.PrevLink
{
    text-align: left;
}

div.DETROIT_UVS tr.NextPrevLinks td a
{
    width: 9em;
}

div.DETROIT_UVS tr.NextPrevLinks td.NextLink a
{
    float: right;
    width: 7.5em;
}

.dealer,
table.imageandinfo
{
    text-align: center;
    width: 100%;
}

table.image-links td
{
    padding: 0;
    margin: 0;
}

table.imageandinfo td.image
{
    text-align: right;
    width: 50%;
    padding: 4px;
}

table.imageandinfo td.image table
{
    margin-left: auto;
    width: 300px;
}

table.imageandinfo td.image table td
{
    width: 300px;
    padding: 0;
    margin: 0;
}

table.imageandinfo td.image table table.image-links
{
    margin-left: auto;
    width: auto;
}

table.imageandinfo td.image table table.image-links td
{
    padding: 0;
    margin: 0;
    width: auto;
}

.representativeimagetext
{
    width: 300px;
    margin: auto;
    padding-right: 4px;
    float: right;
    text-align: right;
}

table.vehicledetail
{
    width: 98%;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 9pt;
    margin: auto;
}

table.vehicledetail th.header
{
    text-align: left;
    color: black;
    font-weight: bold;
    background-color: rgb(236, 236, 225);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(203, 203, 173);
    padding: 2px;
    font-size: 1.1em;
}

table.vehicleinfo
{
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
}

table.vehicleinfo th
{
    font-size: 9pt;
    width: 50%;
    text-align: right;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

table.vehicleinfo td
{
    font-size: 9pt;
    width: 50%;
    text-align: left;
    padding-top: 2px;
    padding-bottom: 2px;
}

table.vehicleinfo td.approvals
{
    text-align: center;
}

table.vehicleinfo td.approvals:before
{

    width: 100%;
    display: block;
    padding-right: 5px;
    margin: auto;
    font-weight: bold;
    content: "Approved By";
}

table.vehicleinfo td.approvals br
{
    display: block;
    height: 0;
}

td.notes
{
    text-align: left;
    padding-top: 2px;
    padding-right: auto;
    padding-bottom: 10px;
}

table.vehicledetail td.dealeroptionscolor1,
table.vehicledetail td.dealeroptionscolor2
{
    width: 50%;
    text-align: left;
    background: transparent;
    font-size: 9pt;
    padding: 2px;
    margin: 0;
}

div.uvsdetailfinance
{
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 100%;
}

div.uvsdetailfinancescheme
{
    border: solid rgb(203, 203, 173) 1pt;
    padding: 2px;
    width: 98%;
    text-align: left;
    margin: auto;
    margin-top: 6px;
    background-color: rgb(247, 247, 242);
}

div.uvsFinanceHeader
{
    text-indent: 1em;
    font-size: 10pt;
    padding-bottom: 4px;
}

table.uvsDetailsFinance td
{
    padding-left: 10px;
}

table.uvsDetailsFinance thead td
{
    padding-right: 30px;
    text-align: left;
    font-weight: bold;
}

tr.uvsDetailsFinance-SelectedPeriod
{
    background-color: rgb(128, 254, 128);
}

tr.uvsDetailsFinance-MeetsCriteria
{
    background-color: yellow;
}

div.uvsFinanceFooter
{
    text-align: left;
    padding-top: 8px;
    padding-bottom: 8px;
    font-style: italic;
    margin: auto;
    width: 98%;
}

table.vehicledetail td.standardoptionscolor1,
table.vehicledetail td.standardoptionscolor2
{
    width: 50%;
    text-align: left;
    background: transparent;
    font-size: 9pt;
    padding: 2px;
    margin: 0;
}

table.vehicledetail td.standardoptionstext
{
    font-size: 8pt;
    text-align: center;
    color: black;
    padding-bottom: 10px;
    text-align: left;
}

table.vehicledetail td.standardoptionstext span.title
{
    font-style: italic;
    color: black;
}

table.vehicledetail td.standardoptionsfooter
{
    padding-top: 5px;
    font-size: 8pt;
    text-align: center;
    color: black;
    font-style: italic;
    text-align: left;
    padding-bottom: 10px;
}

div.DETROIT_UVS table.parameterlist
{
    padding: 20px;
}

div.DETROIT_UVS td.parameterlist
{
    width: 50%;
    text-align: center;
    vertical-align: top;
}

div.DETROIT_UVS td.parameterlist a
{
    display: block;
    margin: auto;
    width: 50%;
    text-align: center;
}

table.formcontents
{
    padding: 5px;
    margin: auto;
}

table.formcontents td
{
    text-align: right;
}

table.formcontents div
{
    padding: 0;
    margin: 0;
    height: 24px;
}

div#dyncontent
{
    padding-top: 10px;
    width: 98%;
    margin: auto;
}

table.refinesearch
{
    margin: auto;
    margin-top: 10px;
}

table.refinesearch a,
table.refinesearch a:visited
{
    border: solid black 1px;
    padding: 4px;
    display: block;
}

table.refinesearch a:hover,
table.refinesearch a:visited:hover
{
    background-color: rgb(182, 189, 210);
}

table.summaryalternatives
{
    width: 100%;
}

table.vehiclesummary
{
    margin: auto;
    margin-top: 10px;
    width: 100%;
    border: solid black 1px;
}

table.vehiclesummary td
{
    margin: 0;
    background-color: #f7f7f2;
    width: 100%;
}

table.vehiclesummary td.trafficlights
{
    background-color: black;
    width: 25px;
}

table.vehiclesummary td.image
{
    background-color: black;
    width: 65px;
}

table.details
{
    margin: 0;
    width: 100%;
}

/* Vehicle Desc. */
table.header th
{
    text-align: left;
    width: 100%;
    padding-left: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 9pt;
}

/* Price */
table.header td
{
    font-weight: bold;
    width: 50px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
}

td.extrainfo table
{
    width: 100%;
}

table.info
{
    width: 100%;
}

table.info td
{
    width: auto;
    text-align: right;
    padding-left: 4px;
    padding-right: 4px;
    height: 40px;
}

table.info td.info
{
    width: 200px;
    text-align: left;
    vertical-align: top;
}

.uvsFinanceSummary
{
    width: 70px;
    text-align: right;
    font-weight: bold;
    float: right;
}

td.options
{
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 2px;
    text-align: left;
    font-style: italic;
}

table.vehiclesummary td.dealer
{
    background-color: rgb(236, 236, 225);
    border-top: solid rgb(203, 203, 173) 1px;
    text-align: left;
    width: 100%;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}

div.DetroitMessages
{
    width: 70%;
    margin: auto;
    padding-top: 15px;
    padding-bottom: 10px;
}

div.DetroitMessages div
{
    border: solid rgb(203, 203, 173) 1px;
    width: 100%;
    padding: 4px;
}

div.DetroitMessage-Header
{
    margin-top: 5px;
    font-weight: bold;
    background-color: rgb(236, 236, 225);
}

div.DetroitMessage-Body
{
    text-align: justify;
}


/************************************************
 * Model Comparator Specific Style              *
 ************************************************/

div.DETROIT_MC2
{
    text-align: left;
}

div.DETROIT_MC2 div.mcmparams
{
    text-align: center;
    width: 100%;
}

div.DETROIT_MC2 table.vehiclenvcomparator td,
div.DETROIT_MC2 table.vehiclenvcomparator th,
div.DETROIT_MC2 table.vehicleuvcomparator td,
div.DETROIT_MC2 table.vehicleuvcomparator th
{
    width: 200px;
}

div.DETROIT_MC2 span.manufacturer
{
    display: block;
}

div.DETROIT_MC2 table.vehiclenvcomparator td.image,
div.DETROIT_MC2 table.vehiclenvcomparator td.price,
div.DETROIT_MC2 table.vehicleuvcomparator td.image,
div.DETROIT_MC2 table.vehicleuvcomparator td.price
{
    text-align: center;
    width: auto;
}

div.DETROIT_MC2 table.vehiclenvcomparator img.vehicleimage,
div.DETROIT_MC2 table.vehicleuvcomparator img.vehicleimage
{
    margin: auto;
}

div.DETROIT_MC2 table.vehiclenvcomparator th,
div.DETROIT_MC2 table.vehicleuvcomparator th
{
    width: auto;
    text-align: left;
    padding: 2px;
    font-size: 8pt;
}

div.DETROIT_MC2 table.vehiclenvcomparator th.title,
div.DETROIT_MC2 table.vehicleuvcomparator th.title
{
    width: 200px;
    text-align: center;
    vertical-align: top;
    font-size: 9pt;
}

div.DETROIT_MC2 table.vehiclenvcomparator th.section,
div.DETROIT_MC2 table.vehicleuvcomparator th.section
{
    font-size: 9pt;
    text-align: left;
    padding-top: 10px;
    padding-Bottom: 4px;
    text-weight: bold;
    background-color: #424d7b;
    color: white;
}

div.DETROIT_MC2 table.vehiclenvcomparator th.section a,
div.DETROIT_MC2 table.vehicleuvcomparator th.section a
{
    color: white;
}

div.DETROIT_MC2 table.vehiclenvcomparator td.colour11,
div.DETROIT_MC2 table.vehiclenvcomparator td.colour21,
div.DETROIT_MC2 table.vehiclenvcomparator th.colour11,
div.DETROIT_MC2 table.vehiclenvcomparator th.colour21,
div.DETROIT_MC2 table.vehicleuvcomparator td.colour11,
div.DETROIT_MC2 table.vehicleuvcomparator td.colour21,
div.DETROIT_MC2 table.vehicleuvcomparator th.colour11,
div.DETROIT_MC2 table.vehicleuvcomparator th.colour21
{
    border-bottom: solid 1px rgb(204, 204, 204);
    border-top: solid 1px rgb(204, 204, 204);
    background-color: rgb(238, 238, 238);
    font-size: 8pt;
}

div.DETROIT_MC2 table.vehiclenvcomparator td.colour12,
div.DETROIT_MC2 table.vehiclenvcomparator td.colour22,
div.DETROIT_MC2 table.vehiclenvcomparator th.colour12,
div.DETROIT_MC2 table.vehiclenvcomparator th.colour22,
div.DETROIT_MC2 table.vehicleuvcomparator td.colour12,
div.DETROIT_MC2 table.vehicleuvcomparator td.colour22,
div.DETROIT_MC2 table.vehicleuvcomparator th.colour12,
div.DETROIT_MC2 table.vehicleuvcomparator th.colour22
{
    border-bottom: solid 1px rgb(204, 204, 204);
    border-top: solid 1px rgb(204, 204, 204);
    background-color: rgb(221, 221, 221);
    font-size: 8pt;
}

div.DETROIT_MC2 table.vehiclenvcomparator td.colour11,
div.DETROIT_MC2 table.vehiclenvcomparator td.colour21,
div.DETROIT_MC2 table.vehiclenvcomparator td.colour12,
div.DETROIT_MC2 table.vehiclenvcomparator td.colour22,
div.DETROIT_MC2 table.vehicleuvcomparator td.colour11,
div.DETROIT_MC2 table.vehicleuvcomparator td.colour21,
div.DETROIT_MC2 table.vehicleuvcomparator td.colour12,
div.DETROIT_MC2 table.vehicleuvcomparator td.colour22
{
    text-align: center;
    width: auto;
}

div.DETROIT_MC2 table.vehiclenvcomparator td.optionsmessage,
div.DETROIT_MC2 table.vehicleuvcomparator td.optionsmessage,
div.DETROIT_MC2 table.vehiclenvcomparator td.runoutmessage,
div.DETROIT_MC2 table.vehicleuvcomparator td.runoutmessage
{
    font-size: 8pt;
    width: auto;
    text-align: center;
}

div.DETROIT_MC2 table.vehiclenvcomparator td.globallinks p,
div.DETROIT_MC2 table.vehiclenvcomparator td.links p,
div.DETROIT_MC2 table.vehicleuvcomparator td.globallinks p,
div.DETROIT_MC2 table.vehicleuvcomparator td.links p
{
    padding: 0;
    margin: 0;
    text-align: center;
}

div.DETROIT_MC2 table.vehiclenvcomparator td.globallinks,
div.DETROIT_MC2 table.vehiclenvcomparator td.links,
div.DETROIT_MC2 table.vehicleuvcomparator td.globallinks,
div.DETROIT_MC2 table.vehicleuvcomparator td.links
{
    vertical-align: top;
    padding-top: 6px;
    width: auto;
}

div.DETROIT_MC2 table.vehiclenvcomparator td.links a,
div.DETROIT_MC2 table.vehiclenvcomparator td.globallinks a,
div.DETROIT_MC2 table.vehiclenvcomparator td.links a:visited,
div.DETROIT_MC2 table.vehiclenvcomparator td.globallinks a:visited,
div.DETROIT_MC2 table.vehicleuvcomparator td.links a,
div.DETROIT_MC2 table.vehicleuvcomparator td.globallinks a,
div.DETROIT_MC2 table.vehicleuvcomparator td.links a:visited,
div.DETROIT_MC2 table.vehicleuvcomparator td.globallinks a:visited
{
    width: 200px;
    color: black;
    font-size: 8pt;
    padding: 3px;
    margin: auto;
    display: block;
    font-weight: normal;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    border: solid 1px rgb(204, 204, 204);
    background-color: rgb(221, 221, 221);
}

div.DETROIT_MC2 table.vehiclenvcomparator td.links a:hover,
div.DETROIT_MC2 table.vehiclenvcomparator td.globallinks a:hover,
div.DETROIT_MC2 table.vehiclenvcomparator td.links a:visited:hover,
div.DETROIT_MC2 table.vehiclenvcomparator td.globallinks a:visited:hover,
div.DETROIT_MC2 table.vehicleuvcomparator td.links a:hover,
div.DETROIT_MC2 table.vehicleuvcomparator td.globallinks a:hover,
div.DETROIT_MC2 table.vehicleuvcomparator td.links a:visited:hover,
div.DETROIT_MC2 table.vehicleuvcomparator td.globallinks a:visited:hover
{
    background-color: rgb(182, 189, 210);
    border: solid rgb(10, 36, 106) 1px;
    color: black;
    font-weight: normal;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
}


/************************************************
 * Dealer Locator Specific Style                *
 ************************************************/

div.DEALERSEARCH td.parameterlist
{
    width: 25%;
    text-align: left;
    padding: 0;
}

table.dealersummary-customer,
table.dealersummary
{
    width: 100%;
    margin-bottom: 5px;
    margin-top: 5px;
    border: solid black 1px;
}

table.dealersummary-customer td,
table.dealersummary td
{
    text-align: left;
    vertical-align: top;
    height: 30px;
    background-color: white;
}

table.dealersummary-customer td.image,
table.dealersummary td.image
{
    width: 75px;
}

table.dealersummary-customer td.name,
table.dealersummary td.name
{
    padding-top: 5px;
    width: 300px;
}

table.dealersummary-customer td.distance,
table.dealersummary td.distance
{
    padding-top: 5px;
}

table.dealersummary-customer td.stock,
table.dealersummary td.stock
{
    padding-top: 5px;
    width: 200px;
}

table.dealersummary-customer td.web table,
table.dealersummary td.web table
{
    width: 100%
}

table.dealersummary-customer td.web td,
table.dealersummary td.web td
{
    width: 50%;
}

table.dealerdetail-customer,
table.dealerdetail
{
    width: 100%;
}

table.dealerdetail-customer td,
table.dealerdetail td
{
    vertical-align: top;
}

table.dealerdetail-customer td.content,
table.dealerdetail td.content
{
    padding-top: 20px;
    text-align: center;
}

table.dealerdetail-customer td.content div,
table.dealerdetail td.content div
{
    margin: auto;
    width: 400px;
    text-align: left;
    padding-top: 10px;
}

table.dealerdetail-customer td span,
table.dealerdetail td span
{

    display: block;
    width: 100%;
    text-align: center;
}

table.dealerdetail-customer td img,
table.dealerdetail img
{
    margin: auto;
}


/************************************************
 * New Vehicle Search Specific Style            *
 ************************************************/

div.DETROIT_NVS
{
    text-align: center;
}

table.formcontents table#NVS_LIFESTYLE
{
    width: 510px;
}

table.formcontents table#NVS_LIFESTYLE td
{
    width: 100%;
}

table.nvsvehiclesummary
{
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    border-collapse: collapse;
}

table.nvsvehiclesummary td,
table.nvsvehiclesummary th
{
    text-align: left;
    padding: 2px;
    border: solid rgb(64,64,64) 1px;
}

table.nvsvehiclesummary th
{
    padding-left: 4px;
    padding-right: 4px;
    font-size: 10pt;
    font-weight: bold;
    color: white;
    background-color: rgb(119,119,119);
    font-variant: small-caps;
}

table.nvsvehicledetail
{
    width: 100%;
    margin: auto;
    text-align: center;
}

table.sectionselect
{
    margin: auto;
    margin-top: 10px;
    padding: 0;
}

table.sectionselect td
{
    margin: 0;
    padding: 0;
}

/* Note the crazy visited bits for IE */
table.sectionselect td a,
table.sectionselect td a:visited
{
    font-weight: normal;
    color: black;
    border: solid silver 1px;
    background-color: rgb(220, 220, 220);
    font-size: 8pt;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    display: block;
    padding: 3px;
    text-align: center;
}

table.sectionselect td.selected a,
table.sectionselect td.selected a:visited,
table.sectionselect a:hover,
table.sectionselect td a:visited:hover
{
    font-weight: normal;
    color: black;
    border: solid rgb(13, 50, 157) 1px;
    background-color: rgb(208, 213, 225);
    font-size: 8pt;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    display: block;
    padding: 3px;
    text-align: center;
}

div.DETROIT_NVS table.nvsdetail
{
    width: 100%;
    margin-top: 10px;
}

div.DETROIT_NVS table.nvsdetail td,
div.DETROIT_NVS table.nvsdetail th
{
    padding: 4px;
    width: 50%;
    text-align: left;
    border-bottom: solid rgb(204, 204, 204) 1px;
}

div.DETROIT_NVS table.nvsdetail th
{
    background-color: rgb(236, 236, 225);
    border-bottom: solid rgb(203, 203, 173) 1px;
    font-size: 9pt;
}

div.DETROIT_NVS table.nvsdetail td
{
    font-size: 8pt;
}

div.DETROIT_NVS table.nvsdetail td.value,
div.DETROIT_NVS table.nvsdetail td.price
{
    font-weight: bold;
}

div.DETROIT_NVS table.nvsdetail table.formcontents
{
    margin: 0;
}

div.DETROIT_NVS table.nvsdetail table.formcontents td
{
    width: auto;
    border: none;
}

div.DETROIT_NVS table.nvsdetail table.formcontents td input
{
    width: auto ! important;
}

/* On the road price, Total options and Total Inc. Options */
div.DETROIT_NVS table.nvsdetail tr.nvspricesummary th,
div.DETROIT_NVS table.nvsdetail tr.nvspricesummary td
{
    border: none;
    background-color: transparent;
}

div.DETROIT_NVS table.nvsdetail tr.nvspricesummary td
{
    text-align: right;
}

div.DETROIT_NVS table.nvsdetail tr.nvssummaryoptions td
{
    padding: 2px;
    border: none;
}

div.DETROIT_NVS table.nvsdetail tr.nvsoption td
{
    /* These are split over 3 lines for IEs benefit (otherwise the 1px is ignored) */
    border-bottom-style: dashed;
    border-bottom-color: grey;
    border-bottom-width: 1px;
}

th.clicktoclose
{
    cursor: pointer;
    padding-top: 6px;
    padding-bottom: 2px;
    margin: auto;
    text-align: left;
    font-size: 9pt;
}

th.clicktoclose span
{
    padding: 4px;
}

th.clicktoclose span.click
{
    font-weight: normal;
    font-size: 8pt;
    letter-spacing: -0.1em;
}

div.DETROIT_NVS td.MultiDropDown td
{
    width: 33%;
    text-align: left;
}

div.DETROIT_NVS td.MultiDropDown td input
{
    cursor: pointer;
    float: left;
    margin-top: 5px ! important;
    margin-top: 3px;
    margin-bottom: 0;
    margin-right: 5px;

}

div.DETROIT_NVS td.MultiDropDown td label
{
    text-align: left;
    display: block;
    margin-bottom: 0 ! important;
    margin-bottom: 4px;
    width: 100%;
}

div.DETROIT_NVS td.MultiDropDown td br
{
    display: none;
    height: 1px;
    clear: none;
}

div.DETROIT_NVS div#ManCodeSelect,
div.DETROIT_NVS div#ModCodeSelect
{
    padding: 0;
    margin: 0;
    height: 22px;
}


/* MCM related fun... */

div.DETROIT_NVS table.nvsdetail td table.mcm
{
    width: 100%;
}

div.DETROIT_NVS table.nvsdetail td.mcm
{
    border: none;
}

div.DETROIT_NVS table.nvsdetail td table.mcm td
{
    width: auto;
}

div.DETROIT_NVS#tco table.nvsdetail td table.mcm td
{
    font-weight: bold;
}

div.DETROIT_NVS table.nvsdetail td table.mcm td a,
div.DETROIT_NVS table.nvsdetail td table.mcm td a:hover,
div.DETROIT_NVS table.nvsdetail td table.mcm td a:active,
div.DETROIT_NVS table.nvsdetail td table.mcm td a:visited
{
    color: black;
}

div.DETROIT_NVS table.nvsdetail td table.mcm thead td,
div.DETROIT_NVS#tco table.nvsdetail td table.mcm thead td,
div.DETROIT_NVS#tco table.nvsdetail td table.mcm tbody table.mcm thead td
{
    font-weight: bold;
}

/* Help, we really are three table.mcm deep here, but the td has no other way to identify it.. */
div.DETROIT_NVS table.nvsdetail td table.mcm table.mcm table.mcm tbody td,
div.DETROIT_NVS table.nvsdetail td table.mcm table.mcm tbody td,
div.DETROIT_NVS#tco table.nvsdetail td table.mcm table.mcm table.mcm tbody td,
div.DETROIT_NVS#tco table.nvsdetail td table.mcm table.mcm tbody td
{
    font-weight: normal;
}

div.DETROIT_NVS table.nvsdetail td table.mcm td.size,
div.DETROIT_NVS table.nvsdetail td table.mcm td.quantity,
div.DETROIT_NVS table.nvsdetail td table.mcm td.mileage,
div.DETROIT_NVS table.nvsdetail td table.mcm td.labour,
div.DETROIT_NVS table.nvsdetail td table.mcm td.months,
div.DETROIT_NVS#tco table.nvsdetail td table.mcm td.size,
div.DETROIT_NVS#tco table.nvsdetail td table.mcm td.quantity,
div.DETROIT_NVS#tco table.nvsdetail td table.mcm td.mileage,
div.DETROIT_NVS#tco table.nvsdetail td table.mcm td.labour,
div.DETROIT_NVS#tco table.nvsdetail td table.mcm td.months
{
    font-weight: normal;
    width: 80px;
    vertical-align: bottom;
}

div.DETROIT_NVS table.nvsdetail td table.mcm td.price
{
    width: 80px;
    vertical-align: bottom;
}

div.DETROIT_NVS table.nvsdetail td table.mcm td.price
{
    font-weight: normal;
}

div.DETROIT_NVS#tco table.nvsdetail td table.mcm td.price
{
    font-weight: bold;
}

div.DETROIT_NVS table.nvsdetail td table.mcm div#TCServicing table.mcm thead td
{
    padding-top: 20px;
}

div.DETROIT_NVS table.nvsdetail table.mcm div.tcoHidden,
div.DETROIT_NVS table.nvsdetail table.mcm tbody.tcoHidden
{
    display: none;
}

div.DETROIT_NVS table.nvsdetail table.mcm div.tcoExpanded
{
    display: block;
}


div.DETROIT_NVS table.nvsdetail table.mcm tbody.tcoExpanded
{
    display: table-row-group;
}

div.DETROIT_NVS table.nvsdetail table.mcm td.expand
{
    cursor: hand;
    cursor: pointer;
}

form#nvsDerivativeFilter div.Container
{
    display: inline;
}

form#nvsDerivativeFilter div.Input
{
    display: inline;
    padding: 5px;
}

form#nvsDerivativeFilter div.Input select,
form#nvsDerivativeFilter div.Input label,
form#nvsDerivativeFilter input#filter
{
    width: auto ! important;
    height: auto ! important;
}

/************************************************
 * Merlin Review Specific Style                 *
 ************************************************/

table.merlinreviews td
{
    text-align: left;
    padding-top: 10px;
    padding-bottom: 14px;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
}

table.merlinreviews td h1
{
    text-align: center;
    width: 100%;
}

table.merlinreviews td.image
{
    text-align: center;
    padding: 6px;
}

table.merlinreviews td.options
{
    padding-bottom: 2px;
}

table.merlinreviews td.search
{
    padding-top: 2px;
}

table.merlinreviews td.options a,
table.merlinreviews td.search a
{
    text-align: center;
    display: block;
    width: auto;
    margin: auto;
    padding: 2px;
}

table.merlinreviews th
{
    text-align: left;
    color: black;
    font-weight: bold;
    background-color: rgb(236, 236, 225);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(203, 203, 173);
    padding: 2px;
    font-size: 10pt;
}

table.merlinreviews table
{
    margin: auto;
}

table.merlinreviews td.ratings
{
    text-align: center;
}

table.merlinreviews td.ratings table td
{
    padding: 0;
    width: 100px;
}

table.merlinreviews td ul
{
    margin: 0;
    padding-left: 20px;
}

table.comparisons
{
    width: 100%;
    border-collapse: collapse;
    border: solid rgb(203, 203, 173) 1px
}

table.comparisons th,
table.comparisons td
{
    width: 50%;
    padding: 4px;
}

span.tcoparams
{
    font-size: xx-small;
    font-weight: normal;
}


/************************************************
 * Car Tax Calculator Specific Style            *
 ************************************************/

div.CARTAX form p
{
    text-align: center;
    font-size: smaller;
}

table.cartaxresults,
table.financeresults
{
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    border-collapse: collapse;
}

table.cartaxresults th,
table.financeresults th
{
    border: solid black 1px;
    padding: 4px;
    text-align: left;
    color: white;
    background-color: rgb(119,119,119);
    font-variant: small-caps;
    font-size: 9pt;
}

table.cartaxresults td,
table.financeresults td
{
    width: 150px;
    border: solid black 1px;
    text-align: left;
    padding: 2px;
}

div.cartaxinfo p
{
    text-align: left;
}


/************************************************
 * Alarm Specific Style                         *
 ************************************************/

input.readonly
{
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    border-style: solid;
}

table.formcontents div.inforequired
{
    font-weight: bold;
    width: 100%;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 2px;
    height: auto;
}

div.furthercontact
{
    display: block;
    width: 500px;
    height: 40px;
    text-align: right;
    margin-right: 0 ! important;
}
div.furthercontact label
{
    width: 480px;
}
div.furthercontact input.checkbox
{
    width: 15px ! important;
    margin-right: 0 ! important;
}


/************************************************
 * CSS for AutoCheck                            *
 ************************************************/

div#maincontent
{
    text-align: left;
    padding: 5px 5px 5px 5px;
    height: 600px ! important;
    height: 610px;
}

div#autocheckTower
{
    float: right;
}

div#footnote
{
    margin-top: 10px;
    font-style: italic;
    font-size: 0.9em;
}

div#maincontent ul
{
    list-style-image: url(../autocheck/images/tickbullet.gif);
    list-style-type: circle;
}