/* CSS Document */

/* reset */

html
{
    margin: 0;
    padding: 0;
    border: 0;
}

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, dialog, figure, footer, header, hgroup, nav, section, sup
{
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: baseline;
    text-decoration: none;
}

ul li
{
    list-style-type: none;
}

/* This helps to make newer HTML5 elements behave like DIVs in older browers */
article, aside, dialog, figure, footer, header, hgroup, nav, section
{
    display: block;
}

/* Line-height should always be unitless! */
body
{
    line-height: 1.5;
    background: #fff;
    color: #000;
}

/* Remove annoying border on linked images. */
a img
{
    border: none;
}

/* Remember to define your own focus styles! */
:focus
{
    outline: 0;
}

strong
{
    font-weight: bold;
}
/* end reset */

#main
{
    width: 700px;
    margin: 70px auto;
}

#content
{
    margin: 0px 0 70px 0;
    padding: 23px 23px 40px 23px;
    width: 654px;
    border: 2px solid #adafb0;
    float: left;
    font-size: 0.75em;
}

#content a
{
    color: #000;
    text-decoration: underline;
}

#content h1
{
    width: 206px;
    height: 22px;
    text-indent: -9999px;
    background: url(../images/hdr_apply.gif) no-repeat;
}

#content img.header
{
    width: 654px;
    height: 157px;
    margin: 30px 0 0;
}

#content ul#steps
{
    width: 654px;
    float: left;
    font-size: 1em;
    font-weight: bold;
    margin: 5px 0 0;
}

#content ul#steps li
{
    width: 130px;
    text-align: center;
    float: left;
}

#content ul#steps li.selected, #content h2 span.steps span.selected, #content p span.blueText
{
    color: #00acec;
}

#content ul#utilNav
{
    float: none;
    font-size: 0.875em;
    line-height: 1em;
    width: 35px;
    margin: 60px 0 0 620px;
}

#content ul#utilNav li a
{
    width: 35px;
    height: 14px;
    display: block;
}

#content ul#utilNav li#help a
{
    background: url(../images/icon_help.gif) no-repeat top right;
}

#content ul#utilNav li#print a
{
    background: url(../images/icon_print.gif) no-repeat top right;
}

#content h2
{
    width: 654px;
    border-bottom: 1px solid #666;
    clear: both;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
}

#content h2.welcome
{
    font-size: 18px;
    line-height: 22px;
}

#content p
{
    line-height: 15px;
    margin: 20px 0 0;
    width: 600px;
    float: none;
    clear: both;
    font-size: 12px;
    color: #000;
}

#content p a
{
    text-decoration: underline;
}

#content p.intro
{
    width: 450px;
    line-height: 2em;
}

#content fieldset
{
    clear: both;
}

#content fieldset span.formRow
{
    display: block;
    float: left;
    width: 654px;
}


#content h2
{
    margin: 30px 0 30px 0;
    float: left;
}

#content h2.noUtilNav
{
    margin: 50px 0 30px 0;
}

#content h2 span.steps
{
    float: right;
}

#content input.radio
{
    margin: 0px 0 0 20px;
}

#content fieldset input.button
{
    clear: both;
    display: block;
    margin: 20px 0 10px 0;
}

#content fieldset.informationForms label
{
    width: 225px;
    float: left;
    padding-bottom: 17px;
}

#content fieldset.informationForms label span.rightLabel
{
    float: right;
    margin-right: 2px;
}

#content fieldset.informationForms label a.estimatedTradeIn
{
    padding: 1px 3px 1px 3px;
    font-weight: bold;
    border: 1px solid #d4d5d6;
    background: #dfe0e1;
    margin-left: 10px;
}

#content fieldset.informationForms label.shortLabel
{
    width: auto;
    text-align: right;
    padding: 0px 10px;
}

#content fieldset.informationForms label.notRequired
{
    text-indent: 7px;
}

#content fieldset.informationForms label.checkboxLabel
{
    width: 600px;
    margin-left: 10px;
}

#content fieldset.informationForms label.checkboxLabel.disclosure
{
    font-size: 0.875em;
    font-weight: bold;
}

#content fieldset.informationForms span.nameForm
{
    float: left;
    margin-top: -12px;
}

#content fieldset.informationForms span.formUnit
{
    float: left;
    width: auto;
}

#content fieldset.informationForms span.nameForm label
{
    width: auto;
    font-size: 0.75em;
    padding-bottom: 0px;
}

#content fieldset.informationForms span.nameForm input
{
    display: block;
    clear: left;
}

#content fieldset.informationForms input[type="text"]
{
    border: 1px solid #7f9db9;
    height: 21px;
    margin: 0px 5px 0 0px;
    padding: 0px 0 0 2px;
    width: 150px;
}

#content fieldset.informationForms input[name$="EmploymentLength"],
#content fieldset.informationForms input[name$="EmploymentLengthMonths"],
#content fieldset.informationForms input[name$="YearsAddress"], 
#content fieldset.informationForms input[name$="MonthsAddress"]
{
    width: 24px;
    text-align: center;
    padding: 0;
}

#content fieldset.informationForms input[name$="VisaExpiration"]
{
    width: 110px;
}

#content fieldset.informationForms input[name$="EmailAddress"], 
#content fieldset.informationForms input[name$="Address1"], 
#content fieldset.informationForms input[name$="Address2"]
{
    width: 370px;
}

#content fieldset.informationForms input.checkbox
{
    float: left;
    width: 12px;
    height: 12px;
    margin: 2px 0 0 3px;
}

#content fieldset.informationForms select[id$="StateCode"], 
#content fieldset.informationForms input[name$="PostalCode"]
{
    width: 50px;
}

#content fieldset.informationForms select
{
    border: 1px solid #7f9db9;
    height: 23px;
    color: #000;
    width: 156px;
    font-size: 12px;
}

#content fieldset.informationForms select#Models
{
    width: auto;
}

#content .prevNext
{
    display: block;
    margin-top: 40px;
}

/* End G2 provided styles */

.step, .disabled
{
    display: none;
}


.field-validation-error
{
    color: #ff0000;
    display: block;
    margin-bottom: 8px;
}
.validationRow
{
    display: block;
    margin-left: 225px;
}
.formRow .field-validation-error
{
    margin-left: 225px;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

#dealerResultsList .row
{
    margin-bottom: 7px;
}
#rdDealers
{
    margin: 12px 0 0 12px;
}
#dealerWaitingMessage img
{
    vertical-align: middle;
    margin: 0 8px;
}
#submitSpinner img
{
    vertical-align: super;
    margin: 0 8px;
}

.display-label
{
    float: left;
    margin-right: 10px;
    text-align: right;
    width: 200px;
}

#content fieldset.informationForms .display-label label
{
    float: none !important;
}

.note
{
    font-size: smaller;
}
#coappNote
{
    width: 360px;
    display: none;
}
#otherIncomeNote
{
    width: 240px;
    position: absolute;
    margin: 0 10px;
    top: 35px;
    right: 0;
}
#visaLabel
{
    width: 160px !important; /* ugh. !important needed because of the label class */
    text-align: left !important;
    padding: 0 10px 0 20px;
}
.header
{
    border-bottom: 1px solid #666666;
    margin: 10px 0;
}
.formatHint
{
    color: #999;
    font-style: italic;
}

.help-body
{
    margin: 3px;
    font-size: 0.75em;
}
.help-body h1
{
    font-size: large;
    margin: 19px 0;
    font-weight:bold;
}
.help-body h3
{
    font-size: medium;
    margin: 13px 0;
    font-weight:bold;
}
.help-body h4
{
    margin: 5px 0;
    font-weight:bold;
}
.help
{
    display: none;
}
.help .question
{
}
.help .answer
{
    padding-bottom: 11px;
}
.help ul li
{
    list-style-type: disc;
    display: list-item;
}
.help ol li
{
    list-style-type: decimal;
    display: list-item;
    margin: 0 0 0 2em;
}