@import url(http://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT);


/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

body{
margin:0;
padding:0;
background:#ebfbff url(../images/main_bg.gif) left top repeat-x;
font-family:"Helvetica Neue",Helvetica, Arial;
font-size: 13px;
color: #4a586c;
}

.mr10{
margin-right: 10px;
}

.mb20{
margin-bottom: 20px;
}

h2{
font-family: 'OFL Sorts Mill Goudy TT', arial, serif;
font-size: 25px;
font-weight: bold;
color: #000;
}

h1{
font-family: 'OFL Sorts Mill Goudy TT', arial, serif;
font-size: 24px;
color: #435266;
}

ul{
display: block;
margin: 0 0 20px 20px;
}

ul li{
list-style: disc;
line-height: 22px;
list-style-position: inside;
}

p{
font-size: 13px;
color: #4a586c;
line-height: 22px;
margin-bottom: 15px;
}

#header_container{
width: 100%;
float: left;
background: url(../images/header_bg.jpg) center top no-repeat;
height: 121px;
}

.header{
width: 940px;
margin: 0 auto;
padding-top: 27px;
}

a.logo{
width: 330px;
height: 35px;
margin-top: 5px;
float: left;
background: url(../images/logo.png) left top no-repeat;
display: block;
}

.bblogo{
width: 114px;
height: 43px;
background: url(../images/bblogo.png) left top no-repeat;
display: block;
float: right;
}

#banner_container{
width: 990px;
margin: 0 auto;
}

.banner{
width: 990px;
float: left;
background: url(../images/banner_bg.png) left top no-repeat;
height: 309px;
position: relative;
margin-top: -32px;
}

.girl{
width: 334px;
height: 329px;
float: left;
position: absolute;
top: -25px;
left: -73px;
}

.bad_credit{
margin-left: 269px;
margin-top: 55px;
width: 316px;
margin-right:26px;
float: left;
}

.bad_credit h2{
margin-bottom: 10px;
}

.bad_credit p{
color: #666;
font-size: 12px;
line-height: 22px;
}

#quickform{
width: 310px;
float: left;
margin-top: 25px;
padding: 57px 22px 0 22px;
}

.field, .short_fld, .long_fld{
float: left;
border: 1px solid #9a9a99;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
margin-bottom: 10px;
font-size: 13px;
font-family: Arial;
color: #333;
padding: 5px 6px;
}

.short_fld{
width: 136px;
}

.long_fld{
width: 296px;
}

.get_started{
width: 122px;
height: 28px;
float: right;
background: url(../images/get_started.png) left top no-repeat;
border: none;
cursor: pointer;
}

.get_started:hover{
background: url(../images/get_started.png) left bottom no-repeat;
}

a.credit_tips{
width: 122px;
height: 28px;
float: left;
background: url(../images/credit_tips.png) left top no-repeat;
border: none;
cursor: pointer;
}

a:hover.credit_tips{
background: url(../images/credit_tips.png) left bottom no-repeat;
}

#content_container{
width: 940px;
margin: 0 auto;
}

.content{
float: left;
width: 940px;
box-shadow:0px 0px 5px #b7c4c7;
margin-top: -20px;
padding: 40px 0 20px 0;
-webkit-box-shadow:0px 0px 5px #b7c4c7;
-moz-box-shadow: 0px 0px 5px #b7c4c7;
background:#fff url(../images/content_bg.gif) left top repeat-y;
border-radius:15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

#content_container h1{
border-bottom: 2px solid #e2ebf0;
margin-bottom: 20px;
padding-bottom: 5px;
}


.content_left{
width: 520px;
float: left;
padding: 0 20px;
}
.content_fl_left{
width: 95%;
float: left;
padding: 0 20px;
}

.content_left img{
float: right;
margin-bottom: 20px;
margin-left: 15px;
border: 2px solid #e2ebf0;
}

.content_right{
width: 340px;
float: left;
padding: 0 20px;
}

.testimonial{
width: 340px;
float: left;
background: url(../images/testi.png) left bottom repeat-x;
padding-bottom: 20px;
}

.testimonial p{
font-size: 12px;
margin-bottom: 10px;
line-height: 20px;
}

.testimonial span{
float: right;
font-size: 12px;
font-family: Georgia, Arial;
font-style: italic;
}

.footer{
float: left;
width: 940px;
margin-top: 10px;
}

.copyright{
float: left;
padding-left: 20px;
}

.copyright p{
font-size: 11px;
color: #666;
}

.footer_links{
float: right;
padding-right: 10px;
}

.footer_links a{
font-size: 11px;
color: #666;
text-decoration: none;
padding: 0 10px;
}

.footer_links a:hover{
color: #333;
}




/* inner pages */

.content_inner{
float: left;
width: 940px;
box-shadow:0px 0px 5px #b7c4c7;
margin-top: -32px;
padding: 30px 0 20px 0;
-webkit-box-shadow:0px 0px 5px #b7c4c7;
-moz-box-shadow: 0px 0px 5px #b7c4c7;
background:#fff ;
border-radius:15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

span.question{
font-weight: bold;
color: #1f7c9a;
}

.form_right{
width: 362px;
background: url(../images/form.png) left top no-repeat;
float: left;
padding: 0 18px 0 0;
}

#quickinnerform{
width: 310px;
float: left;
padding: 62px 22px 27px 22px;
}

/*form page*/

.content_inner_form{
float: left;
width: 940px;
box-shadow:0px 0px 5px #b7c4c7;
margin-top: -32px;
padding: 30px 0 20px 0;
-webkit-box-shadow:0px 0px 5px #b7c4c7;
-moz-box-shadow: 0px 0px 5px #b7c4c7;
background:#fff url(../images/form_pic.jpg) left top no-repeat;
border-radius:15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

.form_content_right{
width: 540px;
float: right;
padding: 0 20px;
}

#quote_form{
background: #f3f3f3;
border-radius:5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 20px;
float: left;
}

#quote_form div{
margin-bottom: 20px;
position: relative;
width: 500px;
float: left;
}

#quote_form div div{
float: left;
width: auto;
margin-bottom: 0;
}

#quote_form label{
display: block;
font-size: 12px;
font-weight: bold;
color: #424242;
padding-bottom: 7px;
}

.full_fld, .half_fld, .semi_fld {
width: 268px;
float: left;
padding: 5px;
border-radius:3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #fff;
color: #333;
border-left: 1px solid #b4b4b4;
border-top: 1px solid #b4b4b4;
border-bottom: 1px solid #e8e8e8;
border-right: 1px solid #e8e8e8;
}

.full_fld{
width: 268px;
}

.half_fld{
width: 123px;
}

.semi_fld{
width: 74px;
font-family: Georgia, Arial;
font-style: italic;
color: #999;
}

.validation{
position: absolute;
right: 0px;
bottom: 0;
width: auto;
margin: 0;
line-height: normal;
padding: 5px 5px 5px 27px;
font-size: 11px;
border-radius:3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid #ffbcbc;
color: #c47878;
background:#ffeded url(../images/wrong.png) 5px 5px no-repeat;
}

.back_butt{
width: 77px;
height: 28px;
float: left;
background: url(../images/back-continue.png) left top no-repeat;
border: none;
cursor: pointer;
}

.back_butt:hover{
background: url(../images/back-continue.png) left bottom no-repeat;
}

.cont_butt{
width: 108px;
height: 28px;
margin-right: 220px;
float: right;
background: url(../images/back-continue.png) right top no-repeat;
border: none;
cursor: pointer;
}

.cont_butt:hover{
background: url(../images/back-continue.png) right bottom no-repeat;
}

.submit_butt{
width: 77px;
height: 28px;
margin-right: 220px;
float: right;
background: url(../images/submit.png) right top no-repeat;
border: none;
cursor: pointer;
}

/* End Various Tags & Classes*/


#quote_form label.error{
position: absolute;
right: 0px;
bottom: 0;
width: 160px;
margin: 0;
line-height: normal;
padding: 5px 5px 5px 27px;
font-size: 11px;
border-radius:3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid #ffbcbc;
color: #c47878;
background:#ffeded url(../images/wrong.png) 5px 5px no-repeat;
}


#quote_form p { clear: both; }
.form_text {color: #ffffff; margin-bottom: 5px;}