/* 
  ------------------------------------------------
  Home Mortgage - CSS Structure
  ------------------------------------------------
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	background-color: #D7D7D7;
	margin: 0;
	padding: 0;
}

/*  */

img {
	border: none;
}

/* Masthead */
#masthead {
	background-color: transparent;
	padding: 0px;
	margin: 0;
	width: 990px;
	}
	
	#masthead2 {
	background-color: transparent;
	padding: 0px;
	margin: 0;
	width: 270px;
	}
#masthead-left {
	float: left;
	padding: 30px 0 30px 18px;

	
	
}
#masthead-right {
	float: left;
	padding-top: 50px;
	padding-left: 280px;
	
}

	
/* Wrappers */
#wrapper {
	margin: 0 auto;
	width: 990px;
	background-color: white;
}

/*#column_wrapper_bg {
	background-image: url(../imgs/bg/bg_mid.jpg);
	background-repeat: repeat-y;
	width: 990px;
	
}*/
#column_wrapper {
	width: 970px;
	
}

#banner {
	width: 941px;
	margin: 2px 0 0 0;
	
}
#banner2 {
	width: 280px;
	margin: 2px 0 0 0;
	
}
#banner .banner-left {
	width: 280px;
	float: left;
	
	
}
#left .left-buttons {
width: 270px;
margin: 10px 0 20px 20px;
	
}
#left .banner-buttons p{
	margin-bottom: 13px;
	padding: 10px 0 0 12px;
	
}

#banner .banner-right {
	width: 650px;
	float: left;
	margin-top: 15px;
	margin-left: 0;
}

/* Left Col */

#left {
	width: 270px;
	float: left;
	
/*IE 5 for PC only*/
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 270px;
	/*all non-IE 5 browsers - Mozilla 1.02 Opera*/
}
/*end*/
/*\*/
html*#left {
[width: 270px;
/* Mozilla 1.01 and below*/
width: 270px;
/* Safari 1-2 */
]width: 270px;
/* IE7 */
}/*end*/
.dummyend[id]{clear:both;}

/*\*/
* html #left {
width: 260px;

/* IE6 */
}
/*end*/

#left .content {
	padding: 0 0 15px 15px;
	/*IE 5 for PC only*/
	voice-family:"\"}\"";
	voice-family:inherit;
	padding: 10px 10px 15px 20px;
	/*all non-IE 5 browsers - Mozilla 1.02 Opera*/
}
/*end*/
/*\*/
html*#left .content {
[padding: 0 0 15px 15px;
/* Mozilla 1.01 and below*/
padding: 0 0 15px 15px;
/* Safari 1-2 */
]padding: 0 0 15px 15px;
/* IE7 */
}/*end*/
.dummyend[id]{clear:both;}

/*\*/
* html #left .content {
padding: 0 0 15px 15px;

/* IE6 */
}
/*end*/

#left .home-buttons {
	padding: 10px 0 0 20px;
	
}
#left .home-buttons p{
	margin-bottom: 13px;
	
}

#left .hr {
	margin: 10px 0;
	width: 231px;
	border-bottom: 5px solid #D7D7D7;
}
#banner-left .hr {
	margin: 20px 0;
	width: 231px;
	border: 5px solid #D7D7D7;
}

/* Right Col */
#right {
	width: 650px;
	float: left;
/*IE 5 for PC only*/
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 690px;
	/*all non-IE 5 browsers - Mozilla 1.02 Opera*/
}
/*end*/
/*\*/
html*#right {
[width: 690px;
/* Mozilla 1.01 and below*/
width: 690px;
/* Safari 1-2 */
]width: 690px;
/* IE7 */
}/*end*/
.dummyend[id]{clear:both;}

/*\*/
* html #right {
width: 690px;


/* IE6 */
}
/*end*/




#right .content {
	padding: 10px 10px 15px 0;
	/*IE 5 for PC only*/
	voice-family:"\"}\"";
	voice-family:inherit;
	padding: 10px 10px 15px 10px;
	/*all non-IE 5 browsers - Mozilla 1.02 Opera*/
}
/*end*/
/*\*/
html*#right .content {
[padding: 10px 10px 15px 0;
/* Mozilla 1.01 and below*/
padding: 10px 10px 15px 0;
/* Safari 1-2 */
]padding: 10px 10px 15px 0;
/* IE7 */
}/*end*/
.dummyend[id]{clear:both;}

/*\*/
* html #right .content {
padding: 10px 10px 15px 0;

/* IE6 */
}
/*end*/

#right .rule{
	
	border-top: 1px solid #007BBE;
	margin: 25px 0 0 0;
}

#right .partners h4{
	font-size: 0.9em;
	color: #017BBE;
	margin: 0 10px 0 0;
}

#right .partners img{
	font-size: 1.0em;
	color: #017BBE;
	padding: 0px 15px 25px 0;
/*IE 5 for PC only*/
	voice-family:"\"}\"";
	voice-family:inherit;
padding: 0px 10px 25px 0;
	/*all non-IE 5 browsers - Mozilla 1.02 Opera*/
}
/*end*/
/*\*/
html*#right .partners img {
[padding: 0px 15px 25px 0;
/* Mozilla 1.01 and below*/
padding: 0px 15px 25px 0;
/* Safari 1-2 */
]padding: 0px 15px 30px 0;
/* IE7 */
}/*end*/
.dummyend[id]{clear:both;}

/*\*/
* html #right .partners img {
padding: 0px 15px 25px 0;


/* IE6 */
}
/*end*/


/* Footer */
#footer {
	background-color: #0055A5;
	padding: 0px;
	margin: 20px 20px 0 20px;
	width: 950px;
	height: 60px;
	clear: both;
	color: white;
	font-size: 0.9em;
}
#footer .content {
	/*padding: 12px 24px;*/
	height: 28px;
	margin: 0;
	padding: 0;
}

#footer .copyright {
	/*padding: 12px 24px;*/
	float: left;
	width: 400px;
	font-size: 0.8em;
	margin: 0;
	padding: 20px 6px 15px 15px;
}

#footer .footerlinks {
	font-size: 0.8em;
	float: left;
	width: 270px;
	padding: 20px 6px;
	text-align: center;
}

#footer .devo {
	float: left;
	width: 200px;
	font-size: 0.8em;
	padding: 20px 2px 15px 20px;
	text-align: right;
}

/* Base text */

#basetxt {
	/*color: #999999;
	background-color: white;
	padding: 0px;
	margin: 0;*/
	height: 20px;
	clear: both;
}
#basetxt .content {
	/*padding: 12px 12px;*/
	
}

/* Generic elements */
.nomargintop {
	margin-top: 0;
}

.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	display: block;
}

#right .content .floatright-testimonial {
	float: right;
	margin: 0;
}
#right .content .floatright{
	float: right;
	margin: 0 10px 30px 30px;
}

/* Contact Form */

.table-contact table{
	width: 400px;
}

.table-contact .table-contact-desc{
	color: #666;
	width: 90px;
	font-size: 0.8em;
	font-weight: bold;
}

.table-contact .table-contact-data {
	color: #666;
	width: 310px;
	font-size: 0.8em;
	font-weight: normal;
	margin-bottom: 10px;
}
#right .content .table-contact .table-contact-data{
	padding-bottom: 15px;
}

.table-enquiry table{
	width: 500px;
}

.table-enquiry .table-enquiry-desc{
	color: #666;
	width: 90px;
	font-size: 0.8em;
	font-weight: bold;
}

.table-enquiry .table-enquiry-data {
	color: #666;
	width: 410px;
	font-size: 0.8em;
	font-weight: normal;
	margin-bottom: 10px;
}
.table-enquiry .table-enquiry-desc2 {
	color: #666;
	width: 120px;
	font-size: 0.8em;
	font-weight: bold;
}

.table-enquiry .table-enquiry-data2 {
	color: #666;
	width: 380px;
	font-size: 0.8em;
	font-weight: normal;
	margin-bottom: 10px;
}

.table-enquiry .table-enquiry-data input{
	color: #666;
	border: 1px solid #666;
	background-color: #f5f5f5;
}
.table-enquiry .table-enquiry-data2 input{
	color: #666;
	border: 1px solid #666;
	background-color: #f5f5f5;
	margin-bottom: 10px;
}
.table-enquiry .table-enquiry-data2 select{
	color: #666;
	border: 1px solid #666;
	background-color: #f5f5f5;
	margin-bottom: 10px;
}
.table-enquiry .table-enquiry-data textarea{
	color: #666;
	border: 1px solid #666;
	background-color: #f5f5f5;
}
.table-enquiry .table-enquiry-data2 textarea{
	color: #666;
	border: 1px solid #666;
	background-color: #f5f5f5;
}
#right .content .table-enquiry .table-enquiry-data{
	padding-bottom: 15px;
}
#right .content .table-enquiry2 .table-enquiry-data2{
	padding-bottom: 15px;
}

.submit-enquiry {
	margin: 20px 0 20px 230px;
}

.submit-enquiry2 {
	margin: 20px 0 20px 190px;
}

/* Quicklinks */

#left .quicklinks {
	width: 231px;
	margin: 10px 0 10px 20px;
	padding: 0;
	
}

#left .quicklinkshdr {
	width: 231px;
	height: 29px;
	margin: 0;
	padding: 0;
	background-image: url(../imgs/misc/quicklinks_hdr.gif);
	background-repeat: no-repeat;
	background-color: transparent
	
}
#left .quicklinksmid {
	width: 231px;
	margin: 0;
	padding: 0;
	background-color: #009DDC;
	color: white;
	
}

#left .quicklinksftr {
	width: 231px;
	height: 18px;
	margin: 0;
	padding: 0;
	background-image: url(../imgs/misc/quicklinks_ftr.gif);
	background-repeat: no-repeat;
	background-position: top;
	background-color: transparent
	
}

/* Rates */

#left .rates {
	width: 231px;
	margin: 30px 0 10px 20px;
	padding: 0;
	
}

#left .rateshdr {
	width: 231px;
	height: 29px;
	margin: 0;
	padding: 0;
	background-image: url(../imgs/misc/rates_hdr.gif);
	background-repeat: no-repeat;
	background-color: transparent
	
}
#left .ratesmid {
	width: 227px;
	margin: 0;
	padding: 0;
	background-color: white;
	color: #333;
	border-right: 2px solid #009DDC;
	border-left: 2px solid #009DDC;
}

#left .ratesftr {
	width: 231px;
	height: 18px;
	margin: 0;
	padding: 0;
	background-image: url(../imgs/misc/rates_ftr.gif);
	background-repeat: no-repeat;
	background-position: top;
	background-color: transparent
	
}

#left .ratesmid table{
	width: 215px;
	margin: 5px 5px 0 10px ;
	padding: 0;
	background-color: white;
	color: #333;
	font-size: 0.8em;
}
#left .ratesmid .ratestd-hdr {
	font-weight: bold;
	text-align: left;
	line-height: 1.1em;
	padding-top: 10px;
}
#left .ratesmid .ratestd-name {
	
	width: 170px;
	font-weight: normal;
	text-align: left;
	line-height: 1.1em;
	padding-top: 5px;
	
}
#left .ratesmid .ratestd-rate {
	
	width: 35px;
	font-weight: normal;
	text-align: right;
	line-height: 1.1em;
	padding-top: 5px;
	padding-right: 10px;
	
}

/* Quick Poll */
#left .quickpoll {
	width: 231px;
	margin: 30px 0 10px 20px;
	padding: 0;
	
}

#left .quickpoll table{
	width: 210px;
	margin: 0 0 10px 10px;
	padding: 0;
	font-size: 0.8em;
	line-height: 1.1em;
	
}
#left .quickpoll .polltd{
	padding-bottom: 10px;
	
	
}

/* Home Calculator link table */
#right .calclinks {
	margin: 20px 0 50px 0;
}

#right .calclinks table{
	width: 670px;
	margin: 0;
	padding: 10px 0 10px 20px;
	background-image: url(../imgs/bg/bg_home_calc_table.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #999999;
}

#right .calclinks .calclink-hdr{
	color: #009DDC;
	font-size: 1.1em;
	font-weight: normal;
	margin: 30px;
	padding-bottom: 20px;
	line-height: 1.1em;
}
#right .calclinks .calcbutt-td{
	width: 215px;
	margin: 0 19px 30px 12px;
	padding-bottom: 20px;
	
}

/* Home Member News */


#right .membernews{
	width: 670px;
	margin: 50px 0 30px 0;
	padding: 0;
	background-color: transparent;
	background-image: url(../imgs/bg/bg_news_table.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #B6B6B6;
}

#right .membernews .membernews-hdr{
	color: white;
	background-color: #009DDC;
	font-size: 1.1em;
	font-weight: normal;
	margin: 0;
	padding: 7px 15px;
	line-height: 1.1em;
}
#right .content .membernews h4{
	color: #0055A5;
	margin: 20px 10px 0 15px;
	/*padding-left: 15px;*/
	font-size: 0.9em;

}

#right .membernews p{
	color: #333;
	margin: 0 10px 15px 15px;
	font-size: 0.8em;

}

#right .membernews .membernews-butt img{
	margin: 20px 40px 15px 15px;
	width: 136px;
	float: left

}

/* Table used in buying power calculator */

#right .table-bp{
	width: 400px;
	font-size: 0.7em;
	color: #666;
	margin-bottom: 20px;

}
#right .table-bp .td-bp1{
	width: 200px;
	

}
#right .table-bp .td-bp2{
	width: 100px;
	

}
#right .table-bp .td-bp3{
	width: 100px;
	

}

/* Table used for main calculators page */


#right .table-calcs table{
	width: 650px;
	color: #333;
	margin: 10px 0 20px 0;
	padding: 0;
	border: 2px solid #d1d1d1;
	
}

#right .table-calcs .td-calcs-img{
	width: 180px;
	margin-top: 10px;
	padding: 15px 0 10px 10px;
	

}
#right .table-calcs .td-calcs-text{
	width: 370px;
	
	

}

#right .content .table-calcs .td-calcs-text h2{
	font-size: 1.1em;
	color: #017bbe;
	margin: 0 0 10px 0;
	padding: 0;
	
}
#right .table-calcs .td-calcs-text p{
	font-size: 0.8em;
	color: #333;
	margin: 0 0 10px 0;
	
}

/* Enquiry Form */

#right .table-enquiry {
	width: 650px;
	color: #333;
}

#right .table-enquiry-desc2 {
	width: 150px;
	padding-bottom: 15px;
}

#right .table-enquiry-data2 {
	width: 500px;
}

/* Content tables */

#right .table2{
	width: 690px;
	border: 1px solid #666;
}
.table2-hdr1 {
	
	background-color: #666;
	color: white;
	font-size: 0.8em;
	font-weight: normal;
	padding: 10px 0;
	text-align: center;
	vertical-align: top;
	width: 108px;
}
.table2-hdr2 {
	
	background-color: #009ddc;
	color: white;
	vertical-align: top;
	text-align: center;
	font-size: 0.8em;
}
.table2-hdr3 {
	
	background-color: #0b85a6;
	color: white;
	vertical-align: top;
	text-align: center;
}
.table2 .table2-subhead1 {
	
	background-color: #009ddc;
	color: white;
	vertical-align: top;
	text-align: left;
	font-size: 0.8em;
	padding: 3px 5px;
	font-weight: bold;
}
.table2 .odd {
		background-color:#efefef;
	}
#right .table2 .table2-subhead1 td{
	
	
	text-align: left;
	
}
#right .table2 td {
	font-size: 0.8em;
	text-align: right;
	padding: 3px 5px;
	vertical-align: top;
	border: 1px solid #666;
	line-height: 1.1em;

}

/* Table 3 small table */
#right .table3{
	width: 300px;
	border: 1px solid #666;
	margin: 5px 0 15px 0;
	
	
}
#right .table3 td {
	font-size: 0.8em;
	text-align: left;
	padding: 3px 5px;
	vertical-align: top;
	/*border: 1px solid #666;*/
	line-height: 1.1em;

}