body {
margin:5px 0px 0px 5px;
text-align: left;
}
div.wrapper01 {
width: 1018px; /* The wrapper will hold the other page elements and it will have a width of 800 pixels */ 
/* This will center the wrapper */ 
background-color: #FFFFFF;
float: left;

}
div.header01 {
background-color: #FFFFFF;
height: 80px;
float: left;
width: 245px;
background-image : url('../images/homeloans-logo.gif'); 
background-repeat : no-repeat; 
background-position : 5px 7; 
}

div.header02 {
background-color: #FFFFFF;
height: 80px;
float: left;
width: 758px;
padding-top: 10px;
}

div.header03 {
background-color : #ffffff; 
width : 210px; 
float : left; 
background-image : url('../images/left_underlogo.gif'); 
background-repeat : no-repeat; 
background-position : 0px 0px; 
height : 60px; 
} 

div.whiteline{
width: 578px;
float : left; 
background-image : url('../images/underlinks_bg.gif'); 
background-repeat : repeat;
background-position : 0px 0px; 
height : 60px; 
padding-top: 0px;
}

div.yellowline{
background-color: #B59A07;
height: 11px;
width: 574px;
float : left; 

}
div.redline{
background-color:#A92634;
height: 10px;
width: 574px;
float : left; 
}

div.header04 {
background-color : #A92634; 
width : 223px; 
float : left;
background-image : url('../images/apply.gif'); 
background-repeat : no-repeat; 
background-position : 0px 0px; 
height : 60px; 
border-right : 6px solid #A92634; 
} 
div.newtopline {
background-image : url('../images/newtoplinebg.gif'); 
height: 17px;
width: 1011px;	
float: left; 
}
div.newtopline1 {
height: 45px;
width: 1011px;	
float: left; 
}
div.newtopbuttonhl {
background-image : url('../images/topbutton-hl.gif'); 
height: 45px;
width: 193px;	
border-bottom : 0px solid #FFFFFF;
float: left;
background-repeat: no-repeat; 
padding-top: 6px;
font-family : Arial, Sans-serif; 
font-size : 10pt;
}
div.newtopbuttondc {
background-image : url('../images/topbutton-dc.gif'); 
height: 45px;
width: 193px;	
border-bottom : 0px solid #FFFFFF;
float: left;
background-repeat: no-repeat; 
padding-top: 6px;
font-family : Arial, Sans-serif; 
font-size : 10pt;
}
div.newtopbuttonother {
background-image : url('../images/topbutton-other.gif'); 
height: 45px;
width: 193px;	
border-bottom : 0px solid #FFFFFF;
float: left;
background-repeat: no-repeat; 
padding-top: 6px;
font-family : Arial, Sans-serif; 
font-size : 10pt;
}



div.newtopbuttoncarloan {
background-image : url('../images/topbutton-cars.gif'); 
height: 45px;
width: 193px;	
border-bottom : 0px solid #FFFFFF;
float: left;
background-repeat: no-repeat; 
padding-top: 6px;
font-family : Arial, Sans-serif; 
font-size : 10pt;
}

div.newtopbuttonins {
background-image : url('../images/topbutton-ins.gif'); 
height: 45px;
width: 193px;	
border-bottom : 0px solid #FFFFFF;
float: left;
background-repeat: no-repeat; 
padding-top: 6px;
font-family : Arial, Sans-serif; 
font-size : 10pt;
}

div.newtopbuttoncalc {
background-color: #ffffff;
height: 45px;
width: 193px;	
border-bottom : 0px solid #FFFFFF;
float: left;
background-repeat: no-repeat; 
padding-top: 6px;
font-family : Arial, Sans-serif; 
font-size : 10pt;
color: #A92634;
}

div.redbutton{
background-color: #dddddd;
height: 27px;
width: 214px;
border-bottom : 1px solid #bbbbbb;
border-left : 1px solid #bbbbbb;
border-top : 1px solid #eeeeee;
border-right : 1px solid #eeeeee;
background-image : url('../images/yellowarrow.gif'); 	
background-repeat : no-repeat; 
background-position : 3px 0px; 
float: left;
}

a.topnewnav:link, a.topnewnav:visited {
	font-size : 11pt;
	font-family : Arial, Helvetica, sans-serif;
	color : #ffffff;
	text-decoration: none;		
}
a.topnewnav:active {
	font-size : 11pt;
	font-family : Arial, Helvetica, sans-serif;
	color: #ffffff; 
	text-decoration: underline;	
	
}

a.topnewnav:hover {
	font-size : 11pt;
	font-family : Arial, Helvetica, sans-serif;
	color: #eeeeee; 
	text-decoration: underline;	
}
a.applylink:link, a.applylink:visited {
	font-size : 18pt;
	font-family : Arial, Helvetica, sans-serif;
	color : #FFFFFF;
	text-decoration: none;	
}
a.applylink:active {
	font-size : 18pt;
	font-family : Arial, Helvetica, sans-serif;
	color: #FFFFFF; 
	text-decoration: none;	
	
}
a.applylink:hover {
	font-size : 18pt;
	font-family : Arial, Helvetica, sans-serif;
	color: #D0B31B; 
	text-decoration: none;	
	
}

a.sidenav:hover {
	font-size : 9pt;
	font-family : Arial, Helvetica, sans-serif;
	color: #A92634; 
	text-decoration: underline;	
}


div.body01 {
text-align: left; 
background-color: #FFFFFF;
width: 1018px;
float: left;
}
div.col_left01 {
width: 208px;
height: 594px;
float: left; /* Float will stack this block left to right */ 
background-color: #FFFFFF;
border-right: 1px solid #A92634; 
font-family : Arial, Sans-serif; 
font-size : 9pt; 
text-align : left; 
line-height : 16px; 
text-align : justify;
}
div.col_center01 {
width: 580px;
float: left; /* Float will stack this block left to right */
background-color: #ffffff;
height: 394px;
padding-left: 3px;
padding-top: 5px;
font-family : Arial, Sans-serif; 
font-size : 9pt; 
text-align : left; 
line-height : 16px; 
text-align : justify;

}

div.col_center011 {
width: 560px;
float: left; /* Float will stack this block left to right */
background-color: #ffffff;
height: 394px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
font-family : Arial, Sans-serif; 
font-size : 9pt; 
text-align : left; 
line-height : 16px; 
text-align : justify;
}

div.incol_center01 {

float: left; /* Float will stack this block left to right */
background-color: #ffffff;

padding-left: 1px;
padding-top: 5px;
padding-right: 1px;
padding-bottom: 15px;
font-family : Arial, Sans-serif; 
font-size : 9pt; 
text-align : left; 
line-height : 16px; 
text-align : center;
}

div.incol_center02 {

float: left; /* Float will stack this block left to right */
background-color: #ffffff;

padding-left: 0px;
padding-top: 0px;
font-family : Arial, Sans-serif; 
font-size : 9pt; 
text-align : left; 
line-height : 16px; 
text-align : justify;

}

div.col_right01 {
width: 215px;
float: left; /* Float will stack this block left to right */
background-color: #FFFFFF;

}

div.col_left02 {
width: 205px;
height: 200px;
float: left; /* Float will stack this block left to right */ 
background-color: #FFFFFF;
border-right: 0px solid #A92634; 
font-family : Arial, Sans-serif; 
font-size : 9pt; 
text-align : left; 
line-height : 16px; 
text-align : justify;


}
div.col_centerandright01 {
width: 785px;
float: left; /* Float will stack this block left to right */
background-color: #ffffff;
padding-left: 2px;
font-family : Arial, Sans-serif; 
font-size : 9pt; 
text-align : left; 
line-height : 16px; 
text-align : justify;


}

div.footer01 {
height: 50px;
clear: left; /* This will reset the stacking back top to bottom */
background-color: #88D300;
}


div.boxline {
float: left;
font-family : Arial, Sans-serif; 
font-size : 8pt; 
text-align : left; 
padding-top: 4px;
}
div.rightbox1 {
width: 215px;
height: 112px;
float: left; /* Float will stack this block left to right */ 
background-color: #FFFFFF;
border: 2px solid #A92634; 
font-family : Arial, Sans-serif; 
font-size : 9pt; 
text-align : left; 
line-height : 16px; 
text-align : justify;
padding-left: 4px;
padding-right: 2px;
padding-top: 1px;
padding-bottom: 0px;
}

div.rightbox-homeloans {
width: 215px;
height: 230px;
float: left; /* Float will stack this block left to right */ 
background-color: #FFFFFF;
border: 2px solid #B59A07; 
font-family : Arial, Sans-serif; 
font-size : 9pt; 
text-align : left; 
line-height : 16px; 
text-align : justify;
padding-left: 4px;
padding-right: 2px;
padding-top: 4px;
padding-bottom: 0px;
}

div.rightboxlinks {
width: 215px;
height: 85px;
float: left; /* Float will stack this block left to right */ 
background-color: #FFFFFF;
border: 1px solid #A92634; 
text-align : left; 
line-height : 16px; 
text-align : justify;
padding-left: 5px;
padding-top: 4px;
padding-right: 3px;
padding-bottom: 1px;
}


div.rightbox2 {
width: 215px;
height: 90px;
float: left; /* Float will stack this block left to right */ 
background-color:  #FFFFFF;
border: 2px solid #A92634; 
font-family : Arial, Sans-serif; 
color: #000000;
font-size : 11pt; 
text-align : left; 
line-height : 24px; 
text-align : justify;
padding-top: 0px;
padding-left: 1px;
padding-right: 2px;

}

div.rightbox-save {
width: 215px;
height: 90px;
float: left; /* Float will stack this block left to right */ 
background-color:  #FFFFFF;
border: 2px solid #A92634; 
font-family : Arial, Sans-serif; 
color: #000000;
font-size : 11pt; 
text-align : left; 
line-height : 24px; 
text-align : justify;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 3px;
padding-right: 3px;

}

div.rightboxbankheader {
width: 215px;
height: 38px;
float: left; /* Float will stack this block left to right */ 
background-color:  #ffffff;
background-image: url('../images/webdeal-bank.jpg');
background-repeat : no-repeat; 
background-position : 0px 0px; 
font-family : Arial, Sans-serif; 
color: #A92634;
font-size : 9pt; 
text-align : left; 
color: #000000;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 4px;
padding-right: 5px;
border-right: 1px solid #B82635


}
div.rightboxcalcheader {
width: 215px;
height: 38px;
float: left; /* Float will stack this block left to right */ 
background-color:  #ffffff;
background-image: url('../images/mortgagecalculators.jpg');
background-repeat : no-repeat; 
background-position : 0px 0px; 
font-family : Arial, Sans-serif; 
color: #A92634;
font-size : 9pt; 
text-align : left; 
color: #000000;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 4px;
padding-right: 5px;
border-right: 1px solid #B82635


}


div.rightboxbank {
width: 215px;
height: 45px;
float: left; /* Float will stack this block left to right */ 
background-color:  #ffffff;
font-family : Arial, Sans-serif; 
color: #A92634;
font-size : 9pt; 
text-align : left; 
color: #000000;
padding-top: 0px;
padding-bottom: 3px;
padding-left: 4px;
padding-right: 4px;
border-left: 1px solid #B82635; 
border-right: 1px solid #B82635; 
border-bottom: 1px solid #B82635; 


}



div.buttonbank a{
background-color:  #FDF5CE;
width: 208px;
height: 19px;
float: left;
background-image: url('../images/arrow2.gif');
background-repeat : no-repeat; 
background-position : 4px 2;
font-family : Arial, Sans-serif; 
font-size : 10pt; 
text-decoration: none;
color: #000000 

}

div.buttonbank a:hover{
background-color:  #FDF5CE;
width: 208px;
height: 19px;
float: left;
background-image: url('../images/arrow2.gif');
background-repeat : no-repeat; 
background-position : 4px 2;
font-family : Arial, Sans-serif; 
font-size : 10pt; 
text-decoration: none;
color: #A92634

}



a.sidenav:link, a.sidenav:visited {
	font-size : 9pt;
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	text-decoration: underline;	
}
a.sidenav:active {
	font-size : 9pt;
	font-family : Arial, Helvetica, sans-serif;
	color: #A92634; 
	text-decoration: underline;	
	
}

a.sidenav:hover {
	font-size : 9pt;
	font-family : Arial, Helvetica, sans-serif;
	color: #A92634; 
	text-decoration: underline;	
}
a.bnav:link, a.bnav:visited {
	font-size : 8pt;
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	text-decoration: underline;	
}
a.bnav:active {
	font-size : 8pt;
	font-family : Arial, Helvetica, sans-serif;
	color: #A92634; 
	text-decoration: underline;	
	
}

a.bnav:hover {
	font-size : 8pt;
	font-family : Arial, Helvetica, sans-serif;
	color: #A92634; 
	text-decoration: underline;	
}


a.topnav:link, a.topnav:visited {
	font-size : 9pt;
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	text-decoration: underline;		
}
a.topnav:active {
	font-size : 9pt;
	font-family : Arial, Helvetica, sans-serif;
	color: #A92634; 
	text-decoration: none;	
	
}

a.topnav:hover {
	font-size : 9pt;
	font-family : Arial, Helvetica, sans-serif;
	color: #A92634; 
	text-decoration: underline;	
}



div.button2 a{
padding-top : 4px; 
padding-left: 4px;
padding-right: 3px;
width : 215px; 
height : 25px; 
background-color : #dddddd; 
border-top : 1px solid #ffffff; 
border-right : 1px solid #bbbbbb; 
border-bottom : 1px solid #bbbbbb; 
float : left; 
font-family : Arial, Sans-serif; 
font-size : 10pt; 
text-align : left; 
color: #000000;
text-decoration : none; 
background-image: url('../images/arrow1.gif');
background-repeat : no-repeat; 
background-position : 5px 5px;
padding-left: 4px
}

div.button2 a:hover{
padding-top : 4px; 
padding-left: 4px;
padding-right: 3px;
width : 215px; 
height : 25px; 
background-color : #dddddd; 
border-top : 1px solid #ffffff; 
border-right : 1px solid #bbbbbb; 
border-bottom : 1px solid #bbbbbb; 
float : left; 
font-family : Arial, Sans-serif; 
font-size : 10pt; 
text-align : left; 
text-decoration: underline;
color: #A92634; 
background-image: url('../images/arrow1.gif');
background-repeat : no-repeat; 
background-position : 5px 5px;
padding-left: 4px
}


 


div.button-loanaccount{
padding-top : 4px; 
padding-left : 0; 
width : 194px; 
height : 30px; 
background-color : #A92634; 
border-top : 1px solid #D13646; 
border-right : 1px solid #851F29; 
border-bottom : 1px solid #851F29; 
color : #FFFFFF;
float : left; 
font-family : Arial, Sans-serif; 
font-size : 10pt; 
font-weight: bold;
text-align: center;


}

div.newssection{
width : 203px; 
height : 250px;

padding-bottom: 10px;
padding-left: 1px;
padding-right: 3px;
font-family : Arial, Sans-serif; 
color: #000000;
font-size : 9pt; 
text-align : left; 
line-height : 18px; 
text-align : justify;
	
}

div.bottom{
border-top : 2px solid #A92634; 
background-color:#FFFFFF;
height: 25x;
width: 1018px;
float : left; 
padding-right: 3px;
padding-top: 3px;
font-family : Arial, Sans-serif; 
color: #000000;
font-size : 9pt; 
text-align : left;
}


h1.homeloans-heading1{font-size : 18pt; font-family : Arial, sans-serif; color : #000000; text-align : left; }

td.questions{
background-color: #FFFFFF;
font-family: Arial,Verdana,Sans-serif;
font-size : 9pt;
padding-left: 4px;
padding-right: 2px;
height:12;
}

Input.appl-input {
background-color: #FFFFFF;
border-style: solid; 
border-width: 1;
border-right: 1px  solid #A92634;
border-left: 1px  solid #A92634;
border-top: 1px  solid #A92634;
border-bottom: 1px  solid #A92634;
height: 22;
}

fieldset.one{
	border: 1px solid #A92634;
	width: 700px;
	background-color:#FFFFFF;
}
fieldset.two{
	border: 1px solid #A92634;
	width: 450px;
	background-color:#FFFFFF;
}
legend.inone{
	font-size: 10pt;
   font-family: Arial,Verdana,Sans-serif;
	font-weight: bold;
	color: #A92634;
}

td.loanproducts{
font-family: Arial,Verdana,Sans-serif ;
color:#000000;
font-size:9pt;
background-color:#dddddd;

height: 30px;
}
td.loanproducts1{
font-family: Arial,Verdana,Sans-serif ;
color:#000000;
font-size:9pt;
background-color:#ffffff;

height: 30px;
}
td.rates {
font-family: Arial,Verdana,Sans-serif ;
color:#000000;
font-size:9pt;
background-color:#C8C8C8;

height: 40px;
}

td.rates123 {
font-family: Arial,Verdana,Sans-serif ;
color:#000000;
font-size:9pt;
background-color:#D3D3D3;
height: 40px;

}
.rates1 {
font-family: Arial,Verdana,Sans-serif ;
color:#000000;
font-size:8pt;
background-color:#ffffff;
border: 1px  solid #bbbbbb;
}
.rates3 {
font-family: Arial,Verdana,Sans-serif ;
color:#ffffff;
font-size:9pt;
background-color:#A92634;;
border: 1px  solid #A92634;
}
.rates2 {
font-family: Arial,Verdana,Sans-serif ;
color:#ffffff;
font-size:9pt;
background-color:#A92634;

}
td.rates4 {
font-family: Arial,Verdana,Sans-serif ;
color:#ffffff;
font-size:9pt;
background-color:#B59A07;

height: 40px;
}
td.rates5 {
font-family: Arial,Verdana,Sans-serif ;
color:#ffffff;
font-size:9pt;
background-color: #666666;

height: 40px;
}