@charset "UTF-8";
/* CSS Document */

body {font-family:Verdana, Arial, Helvetica, sans-serif;}

#wrapper {width:900px;
		  margin: 0 auto;}
		  

img.mycenter {margin-left:auto; margin-right:auto; display:block; text-align:center;} 

img.line {margin-left:auto; margin-right:auto; display:block; margin:10px 0 10px 0;}

img.productimage {margin-bottom:10px;}

strong {font-weight:bold;}
		  
/*NAVIGATION*/
		  
#nav 	{
width:900px;
height:36px;
margin-top:10px;
		}

.menu {
list-style: none;  
position: relative;  
margin: 0;  
padding: 0;  
}  
.menu li{  
display: block;  
overflow: hidden;  
padding: 0;
padding-top:10px;
cursor: pointer;  
float: left;  
width: 149px;  
height: 26px;  
margin-right: 0px;  
background-image:url(../images/bg_menu.jpg);  
background-repeat:no-repeat;  
}  
.menu a{  
display:block;  
height:26px;  
outline:none;  
}  
   
#item1 {  
background-position:0px 0px; border-right:1px solid #999;
}  
#item2 {  
background-position:-150px 0px; border-right:1px solid #999; 
}  
#item3 {  
background-position:-300px 0px; border-right:1px solid #999;
}  
#item4 {  
background-position:-450px 0px; border-right:1px solid #999;
}  
#item5 {  
background-position:-600px 0px; border-right:1px solid #999;
}  
#item6 {  
background-position:-750px 0px;  
} 
  
#item1.active, #item1:hover {  
background-position: 0 bottom; 
}  
#item2.active, #item2:hover{  
background-position: -150px bottom; 
}  
#item3.active, #item3:hover {  
background-position: -300px bottom; 
}  
#item4.active, #item4:hover {  
background-position: -450px bottom;
}
#item5.active, #item5:hover {  
background-position: -600px bottom;
}  
#item6.active, #item6:hover {  
background-position: -750px bottom; 
}
		
/*CLEAR*/

.clear {clear:both;}

/*TEXT*/

P {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.75em; color:#333333; line-height:1.5em;}
.small {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.6em; color:#333333; line-height:1.2em;}

H1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; color:#393f99; font-weight:bold; padding-bottom:10px;}
H2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.05em; color:#ffffff; margin-left:10px; padding-top:5px;}
H3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#ffffff; margin-left:10px; padding-top:5px;line-height:1.15em}
H4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; color:#393f99; font-weight:bold; padding-bottom:10px; line-height:1.25em;}
H5 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.85em; color:#333; font-weight:bold; padding-bottom:10px; line-height:1.25em;}

#nav {font-size:0.90em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333;}
.menu a {font-size:0.90em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; text-decoration:none; text-align:center;}
.menu a:hover {color:#ccc;}

.productmenu h3 {font-size:0.9em;}

.productmenumain li a {font-size:0.75em;font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; text-decoration:none;}
.productmenumain li a:hover {color:#000;}

.partnersmain li a {font-size:0.75em;font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; text-decoration:none;}
.partnersmain li a:hover {color:#000;}

.productsiconmain li a {font-size:0.75em;font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration:none;}
.productsiconmain li a:hover {color:#000;}

.business li a {font-size:0.75em;font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration:none;}
.business li a:hover {color:#000;}


#phone h3 {font-size:0.85em; line-height:10px;}
#phone h2 {font-size:1.03em;}

#loaninfo2 p {font-size:0.7em;}

/*FOOTER*/

#footer {margin-top:10px; float:left; width:900px;}
#footer p {font-size:0.65em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; line-height:1.3em;}

/*Loan App*/



#loaninfo2 ul {list-style:url(../images/list_image.gif); list-style-position:inside;}
#loaninfo2 li {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.65em; color:#333333; line-height:1.5em;}

ul.list {list-style:url(../images/list_image.gif); list-style-position:inside;}
ul.list li {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.65em; color:#333333; line-height:1.5em;}

#loanapp {width:100%;}

#loaninfo1 ul {list-style:url(../images/list_image.gif); list-style-position:inside;}
#loaninfo1 li {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.65em; color:#333333; line-height:1.5em;}

#loaninfo1 {float:left; width:290px; margin-top:10px; }
#loaninfo2 {
float:right;
border: 1px solid #CCCCCC;
width: 200px;
padding:10px;
margin-bottom:10px;
background-color:#f3f3f3;
margin-left:5px;
margin-top:10px;
}

ul.general {list-style:url(../images/list_image.gif); list-style-position:inside;}
ul.general li {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.65em; color:#333333; line-height:1.5em;}

/*help*/

#help {
margin-top:10px; 
position:fixed; 
background-image:url(../images/help.jpg); 
width:105px; 
height:45px;
padding-left:45px;
padding-top:10px;
}

#help a {
color:#393f99;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:0.70em;
text-decoration:none;
line-height:1.1em;
}

#help2 a {
color:#393f99;
font-family:Verdana, Arial, Helvetica, sans-serif; 

text-decoration:none;
line-height:1.1em;
}

#help2 {
margin-top:75px; 
position:fixed; 
background-image:url(../images/help2.jpg); 
width:105px; 
height:60px;
padding-left:45px;
padding-top:10px;
}

#help2 {
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:0.70em;
text-decoration:none;
line-height:1.1em;
}


#lender {width:150px; background-image:url(../images/lenders.jpg); height:186px; margin-top:10px;}

/*MORTGAGE CALCULATOR*/

#calcleft {float:left; width:250px;}
#calcright {float:left; width:250px;}

.calclabel {width:150px;}
.calcbutton {float:right; margin-right:21px;}