/* CSS - GetCredit.net */
/* Written by Jason Reed */


/* 
===============================================================================
BEGIN GLOBAL PROPERTIES 
===============================================================================
*/

* {
margin: 0;
padding: 0;
}

html {
margin: 0;
padding: 0;
height: 100%;
}

body {
margin-left: 0px;
margin-top: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
height: 100%;
overflow-y: auto;
}

a {
color: #666;
text-decoration: none;
}

a:hover {
color: #333;
text-decoration: underline;
}

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

.bold {
font-weight: bold;
}

.red {
color: #FF0000;
}

.boldRed, .errorMessage {
font-weight: bold;
color: #FF0000;
}

/*---------------------------------------------------------------------------*/


/* 
===============================================================================
Clearfix 
===============================================================================
*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*---------------------------------------------------------------------------*/


/* 
===============================================================================
BEGIN CONTAINER PROPERTIES 
===============================================================================
*/

div#container {
background: url(../images/bg_html.gif) repeat-x top left;
padding-bottom: 5px;
}

/*---------------------------------------------------------------------------*/


/* 
===============================================================================
BEGIN CONTENT WRAPPER PROPERTIES 
===============================================================================
*/

div#content_wrapper {
background: url(../images/bg_body.jpg) no-repeat right 139px;
padding-bottom: 22px;
}

/*---------------------------------------------------------------------------*/


/* 
===============================================================================
BEGIN CONTENT RESTRICTOR PROPERTIES 
===============================================================================
*/

div#content_restrictor {
margin: 0 auto;
width: 760px;
}

/*---------------------------------------------------------------------------*/


/* 
===============================================================================
BEGIN h1 PROPERTIES 
===============================================================================
*/

h1 {
float: right;
display: block;
background:url(../images/logo.png) no-repeat right bottom;
width: 100%;
height: 105px;
text-indent: -999em;
overflow: hidden;
}

/*---------------------------------------------------------------------------*/


/* 
===============================================================================
BEGIN RIGHTCOL PROPERTIES 
===============================================================================
*/

#righttext {
float: right;
width: 420px;
margin-top: 200px;
padding: 0 0 10px 0;
text-align: justify;
}

/*---------------------------------------------------------------------------*/


/* 
===============================================================================
BEGIN FLASH PROPERTIES 
===============================================================================
*/

#flash {
margin: 0 0 0 8px;
padding: 0;
}

/*---------------------------------------------------------------------------*/


/* 
===============================================================================
BEGIN FORM/LEFTCOL PROPERTIES 
===============================================================================
*/

#form1Start {
float: left;
margin-top: -105px;
display: block;
width: 317px;
background: url(../images/bg_formTop.png) no-repeat top left;
}

#form1 {
position: fixed;
float: left;
display: block;
width: 317px;
background: url(../images/bg_formTop.png) no-repeat top left;
}

img#get_started {	
margin: 10px 0 10px 0;
}

form#form_step_1 {
width: 317px;
background: url(../images/bg_formBottom.png) no-repeat bottom left;
margin: 0;
padding: 0 0 20px 0;
}

p#leftcol {
display: block;
background: url(../images/bg_formBottom.png) no-repeat bottom left;
width: 277px;
padding: 5px 20px 20px 20px;
font-size: 12px;
text-align: justify;
margin: 0;
}

#form_step_1 p {
padding: 5px 20px 20px 20px;
font-size: 12px;
text-align: justify;
margin: 0;
}

#form_step_1 ul {
padding: 0 0 0 20px;
list-style: none;
font: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 11px;
}

#form_step_1 li {
margin: 0 0 3px 0;
list-style: none;
clear: both;
background: none;
}

#form_step_1 li.formfield {
margin: 0 0 8px 0;
}

#form_step_1 input {
width: 100%;
padding: 3px 0 4px 0;
border: 1px solid #999;
}

#form_step_1 div.form_zip {
float: left;
width: 200px;
margin-right: 5px;
}

button {
float: left;
border: 0;
margin: 0;
padding: 0;
overflow: visible;
background: none;
}

button img {
margin: 0;
padding: 0;
border: 0;
}

/*---------------------------------------------------------------------------*/


/* 
===============================================================================
BEGIN RIGHTCOL FORM PROPERTIES 
===============================================================================
*/

#error_message {
margin: 13px 0 0 0;
}

#righttext form {
margin-top: 20px;
padding: 0;
}

#righttext button {
float: right;
display: block;
margin: 0;
padding: 0;
}

#righttext dl {
width: 420px;
}

#righttext dt {
float: left;
display: block;
width: 211px;
color: #333;
font-size: 11px;
text-align: right;
padding-right: 15px;
line-height: 18px;
}

#righttext dd {
float: left;
display: block;
width: 194px;
margin-bottom: 8px;
}

#righttext input {
width: 190px;
margin: 0;
padding: 0;
font-size: 11px;
}

#righttext select {
width: 194px;
margin: 0;
padding: 0;
font-size: 11px;
}

/* THIRDS */
#righttext dd.thirdMargin {
display: inline;
width: 60px !important;
margin: 0 7px 0 0 !important;
}

#righttext dd.third {
float: left;
display: block;
width: 60px !important;
}

#righttext .thirdMargin input {
width: 56px !important;
}

#righttext .third input {
width: 56px !important;
}

#righttext .thirdMargin select {
width: 60px !important;
}

#righttext .third select {
width: 60px !important;
}
/* END THIRDS */


/* HALF */
#righttext dd.halfMargin {
display: inline;
width: 93px !important;
margin-right: 8px;
}

#righttext dd.half {
float: left;
display: block;
width: 93px !important;
}

#righttext .halfMargin input {
width: 89px !important;
}

#righttext .half input {
width: 89px !important;
}

#righttext .halfMargin select {
width: 93px !important;
}

#righttext .half select {
width: 93px !important;
}
/* END HALF */


/* PHONE */
#righttext dd.phoneMargin {
display: inline;
width: 50px !important;
margin: 0 7px 0 0 !important;
}

#righttext dd.phone {
display: inline;
width: 70px !important;
}

#righttext .phoneMargin input {
width: 46px !important;
}

#righttext .phone input {
width: 76px !important;
}

#righttext .phoneMargin select {
width: 50px !important;
}

#righttext .phone select {
width: 80px !important;
}
/* END PHONE */

/* CHECKBOXES */
.checkBox dt {
float: left;
display: block !important;
width: 15px !important;
color: #333;
font-size: 11px;
text-align: left;
padding-right: 15px;
line-height: 18px;
}

.checkBox input {
width: 12px!important;
}

.checkBox dd {
float: left;
display: block!important;
width: 390px !important;
color: #333;
font-size: 11px;
text-align: justify;
}

/* END CHECKBOXES */


/*---------------------------------------------------------------------------*/


/* 
===============================================================================
BEGIN h3 PROPERTIES 
===============================================================================
*/

h3 {
float: right;
clear: both;
display: block;
background: url(../images/footerSmall.png) no-repeat top right;
width: 420px;
height: 39px;
text-indent: -999em;
overflow: hidden;
margin-bottom: 5px;
}

/*---------------------------------------------------------------------------*/


/* 
===============================================================================
BEGIN DEALER BANNER (LAST PAGE) PROPERTIES 
===============================================================================
*/

#dealerBanner {
position: absolute;
display: block;
top: 175px;
width: 760px;
text-align: center;
}

/*---------------------------------------------------------------------------*/


/* 
===============================================================================
BEGIN Footer PROPERTIES 
===============================================================================
*/

#footer {
clear: both;
margin-bottom: 10px;
text-align: right;
}

#footer a {
color: #666;
text-decoration: none;
}

#footer a:hover {
color: #333;
text-decoration: underline;
}

/*---------------------------------------------------------------------------*/