@charset "utf-8";

body {
margin: 0px;
background: #f3f3f3 url(images/main_bg.jpg) repeat-x;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;

}

a{
color: #009;	

}

a:hover{
color: #777;	

}

a#home_link{
display: block;
height: 113px;
width: 357px;
position: absolute;
top: 20px;
left: 10px;
text-decoration: none;

}

a img{
border: none;	

}

div#wrapper {
width: 1000px;
margin: 0px auto;
background: #fff;
position: relative;
background: url(images/content_bg.jpg) no-repeat #fff;

}

div#header{
background: url(images/header.jpg);
display: block;
height: 235px;

}

div#content {
float: right;
width: 630px;
display: block;
padding-left: 0px;
padding-right: 20px;

}

div#subnav{
float: left;
width: 200px;
display: block;
height: 400px;

}

/***********CSS FOR SUBMENUS*****************/

div#subnav ul{
list-style-type: none;	

}

div#subnav li.onSub{
display: block;	
font-weight: bold;

}

div#subnav li.onSub ul li{
font-weight: normal;

}

table{
border: 3px solid #555;	
display: block;
width: 1024px;

}

th{
text-align: left;
background: #999;

}

textarea{
border:1px solid #000;	

}

#drawling{
width:380px;
position:absolute;
border:1px dotted #fff;
background:#ddd;
text-align:left;
padding:10px 0px 0px 10px;
z-index:4;

}

#drawling a{
border-top:1px dotted #fff;
margin-top:10px;
margin-left:-10px;
display:block;
padding:10px;
background:#888;
color:#fff;
text-decoration:none;

}

#drawling a:hover{
color:#000;

}

#overlay{
position:absolute;
top:0;
left:0;
width:100%;
background:#000;
opacity:0.6;
filter:alpha(opacity=60);
z-index:3;

}

div.fieldset{
border:1px solid #cfd8de;
margin-bottom:10px;
padding:10px;
z-index:1;
position:relative;
height: 1%;

}

fieldset{
border:1px solid #cfd8de;
margin-bottom:10px;
padding:10px;

}

fieldset label{
margin-left:0px;

}

span.label{
display:block;
float:left;
padding-top:3px;

}

legend{
border:1px solid #cfd8de;
padding:3px;
color:#000;
background:#fff;
font-weight:bold;
margin-bottom:10px;

}

.nowidth{
width:auto

}

.hidden{
display:none;

}

#prodprogress{
text-align:left;
margin-bottom:5px;
z-index:2;
position:relative;

}

#prodprogress a{
border:1px solid #cfd8de;
color:#cfd8de;
padding:5px;
text-decoration:none

}

#prodprogress a:hover{
background:#cfd8de;
color:#fff;

}

#prodprogress a.on{
border-bottom:1px solid #fff;
color:#a6b7bf;

}

#prodprogress a.on:hover{
background:none;
color:#a6b7bf;

}

label.float{
display: block;
width: 100px;
text-align: right;
float: left;

}

div#buttons{
padding-left: 40px;	

}

h1,h2,h3{
color: #003b6d;

}

h1{
font-size: 20px;

}

h2{
font-size: 13px;

}

div#live_support{
background: url(images/live_support_btn.jpg) no-repeat center;
height: 107px;
display: block;
clear: both;

}

div#mortgage_button{
background: url(images/mortgage_calc_btn.jpg) no-repeat center;
height: 106px;
display: block;
clear: both;
}

div#login{
position: relative;
background: url(images/loginbox_subpage.jpg) no-repeat center;
height: 73px;
display: block;
clear: both;
padding-left: 100px;
padding-top: 85px;
}

div#login input#subpage_login_btn{
position: absolute;
top: 93px;
left: 240px;
width: auto;
height: auto;

}

div#second_menu{
display: block;
width: 290px;
float: left;
margin-left: 40px;

}

div#main_news{
display: block;
width: 570px;
height: 310px;

}

div#bottom_right{
margin-right: 50px;
display: block;
width: 570px;
height: 350px;
float: right;
padding-top: 30px;
padding-left: 20px;

}

div#second_menu ul{
list-style-type: none;
margin: 0px;
padding: 0px;
display: block;

}

div#second_menu li{

font-size: 15px;

margin: 0px;

padding: 0px;

}

div#second_menu ul li ul li{
display: block;

}

div#second_menu li.on a{

 background: url(images/second_menu_on.png) left no-repeat;

}

div#second_menu li.on a:hover{

 background: url(images/second_menu_on.png) left no-repeat;

}

div#second_menu li.onTop{
background: url(images/second_menu_background_sub_on.jpg) top left repeat-y;

}

div#second_menu li.on{
background: url(images/second_menu_background_sub_on.jpg) top left repeat-y;

}

div#second_menu li.onTop li{
background: #fff;

}

div#second_menu li.on li{
background: #fff;

}

div#second_menu li li.on{
background: url(images/second_menu_background_on.jpg) top left repeat-y;

}

div#second_menu li.onTop a{

 background: url(images/second_menu_on.png) left no-repeat;

}

div#second_menu li.onTop a:hover{

 background: url(images/second_menu_on.png) left no-repeat;

}

div#second_menu li li.on a:hover{

}

div#second_menu li.last{
border: none;	

}

div#second_menu li a{
text-decoration: none;
color: #5b5f60;

 	background: url(images/second_menu_arrow.png) top left no-repeat;
padding-left: 50px;
padding-bottom: 7px;
padding-top: 7px;
display: block;

border-bottom: 1px solid #ede;

}

div#second_menu li a:hover{

 	background: url(images/second_menu_arrow_over.png) top left no-repeat;
color:#034289;

}

div#second_menu li.on li a{

 background: url(images/second_menu_arrow.png) top left no-repeat;

}

div#second_menu li.on li a:hover{

 background: url(images/second_menu_arrow.png) top left no-repeat;
color:#034289;

}

div#second_menu li.onTop li a{

 background: url(images/second_menu_sub_arrow.png) top left no-repeat;

 padding-left: 65px;

}

div#second_menu li.onTop li.on a{

 background: url(images/second_menu_sub_on.jpg) top  left no-repeat;

 margin-left: 0px;

}

div#second_menu li.onTop li a:hover{

 background: url(images/second_menu_sub_arrow_over.png) top left no-repeat;

}

div#second_menu li.onTop li.on a{

 background: url(images/second_menu_sub_on.png) top left no-repeat;

}

div#second_menu li.onTop li.on a:hover{

 background: url(images/second_menu_sub_on.png) top left no-repeat;

}

div#header{
text-align: right;
font-size: 14px;

}

div#header ul{
list-style-type: none;
text-align: right;
float: right;
margin: 0px;
padding: 0px;
margin-right: 20px;
margin-top: 10px;

}

div#header ul li{
float: left;
margin: 0px;
padding: 0px;
padding-right: 10px;
padding-left: 10px;
border-right: 1px solid #555;

}

div#header ul li.last{
border: none;

}

div#header ul li a{
text-decoration: none;
color: #555;

}

div#header ul li a:hover{
text-decoration: underline;

}

div#header ul li ul{
display: none;

}

span.newsDate a{
color:	#023a6d;
text-decoration: none;
font-weight: bold;
}

div#footer{
text-align: center;	
display: block;
clear: both;
color:#666;
margin-right: 15px;

}

div#footer a{
color:#999;

}

div#footer a:hover{
color:#999;

}

span.newsDate a:hover{
text-decoration: underline;

}

p.news_summary{
color: #000;	

}

div#left_side{
width:350px;
display: block;
float: left;

}

form.login_frm input{
width: 125px;
margin-bottom: 5px;

}

form#profile_form label{	

display: block;

width: 150px;

text-align: right;

float: left;

}

form#profile_form input{
margin-bottom: 5px;

}

form#login_form label{	

display: block;

width: 150px;

text-align: right;

float: left;

}

form#login_form input{
margin-bottom: 5px;

}

form#login_form{

margin-top:100px;

color: #900;

}

form#login_form h2{
color: #d00;	

}

form#msg_form div.msg_body{
width: 400px;
display: block;
margin-left: 100px;
border: 1px solid #e5e8e6;

}

div.msg_box{
padding: 10px;
display: block;
border: 1px solid #bbb;
margin-bottom: 10px;
background: #eee;
height: auto;
clear: both;

}

form#msg_form textarea{
width: 300px;	

}

form#msg_form input{
width: 298px;	

}

form#msg_form input.btn{

width: auto;

}

form#msg_form{
clear: both;	

}

th{
background: none;
font-weight: bold;

}

table{
border: none;
border-bottom: 2px solid #333;	

}

tbody{
border-bottom: 2px solid #333;	

}

div.msg_id{
float: left;
display: block;
width: 150px;

}

div.msg_content{
	
border-left: 1px solid #333;
display: block;
width: 375px;
float: left;

}

div.msg_content label.float{
display: block;
width: 75px;
text-align: right;
float: left;

}

br.clear{
clear: both;	

}

.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

div#bg_mark{
height: 196px;
width: 102px;
display: block;
position: absolute;
top: 0px;
left: -102px;
background: url(images/swoosh.png) no-repeat;

}

.panel_bg{
background: url(images/login_background.jpg) no-repeat;
display: block;
width: 230px;
padding-left: 40px;
padding-right: 40px;
padding-top: 5px;
height: 145px;

}

img.lender_logo{
float: left;
width: 100px;
height:auto;

}

div.lender_info{
border-left: 1px solid #ccc;
display: block;
width: 400px;
float: left;
padding-left: 15px;
margin-left: 15px;

}

p.lender_name{
margin-top: 0px;
padding-top: 0px;

}

div.lender{
display: block;
clear: both;
margin-bottom: 5px;
border-bottom: 1px solid #666;
padding-bottom: 20px;

}

table#rates_listing{
text-align: center;
width: 550px;
border: 0px;
margin-top: 10px;
}

table#rates_listing tbody{
background: url(images/rates_bg_top.jpg) repeat-x top #efefef;	
}

img.lender_logo_float{
float: right;
margin-bottom: 5px;
margin-left: 5px;

}

table#rates_listing th{
margin: 0px;
padding: 0px;
width: 52px;
background: #CCC;
text-align: center;
background: url(images/rates_tab_bg.jpg) repeat-x top;
height: 30px;

}

table#rates_listing td{

padding-bottom: 10px;

}

div.lender_col{
width: 250px;
display: block;
float: left;
margin-left: 20px;

}

div.lender_col table{
border: 0px;

display: block;

width: auto;

}

th.lender_name{
width: 150px;

}

th.lender_rate{
width: 50px;	

}

.bestrates_page{
border: #dee1e8;
background: url(images/rates_bg_top.jpg) repeat-x top #efefef;	

}

.foundin{
background:#eee;
border:1px solid #ccc;
padding:10px;

}

p#prodprogress.bestrates a{
color: #333;
margin: 0px;
margin-right: -5px;
padding-right: 10px;
padding-left: 10px;
}

p#prodprogress.bestrates a:hover{
color: #333;
background: #dee1e8;

}

p#prodprogress.bestrates a.on{
background: url(images/rates_tab_bg.jpg) repeat-x top;
border-bottom: 1px solid #dee1e8;

}

form#contact_form input{
width: 150px;

}

form#contact_form input.btn{
width: auto;

}

form#contact_form textarea{
width: 200px;
height: 150px;

}

iframe{
border: none;
height: 1000px;
width: 630px;
overflow: hidden;
}