/*
font sizes information from http://www.thenoodleincident.com/tutorials/typography/img/all2_5.gif
set body at the appropriate general size, a percentage of 1em.
use the % calculator to size back up to 1em when you need a different size later

1em = (60 x 167%); smallest (works on all browsers)
1em = (69 x 145%); small (works on all browsers)
1em = (76 x 131%); default (works on all browsers)
1em = (86 x ); (requires ie_hacks)
1em = (93 x );  (requires ie_hacks)

*/
/*----------------------------------------------------------------------------------------------------*/
html, body,  div, p, span, img, form, object, h1, h2, h3, h4, h5
	{
	font-family: Arial, Verdana, sans-serif;
	font-size: 9pt;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	text-align: left;
	border: none;
	font-size: 9pt;
	}
table, tr, td
	{
	font-family: Arial, Verdana, sans-serif;
	font-size: 9pt;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	text-align: left;
	font-size: 9pt;
	}
div, p, span, img, object, h1, h2, h3, h4, h5
	{ display: block; }
form
	{ display: inline; }
body
	{ text-align: center; }
td
	{
	vertical-align: middle;
	white-space: nowrap;
	}
a
	{
	text-decoration: none;
	color: #0000bb;
	}
a:hover, a:active
	{
	text-decoration: none; 
	color: #DFB6F4;
	}
p
	{
	margin-bottom: 10px;
	text-align: justify;
	}






/*----------------------------------------------------------------------------------------------------*/
#divMasterContainer
	{
	margin: 5px auto;
	width: 760px;
	border: 0px solid brown;
	}




/*----------------------------------------------------------------------------------------------------*/
#divHeaderContainer
	{}
#divHeaderContainer #divSiteLogo
	{
	float: left;
	padding: 10px 10px 15px 0px;
	}
#divHeaderContainer #divSiteContact
	{
	float: left;
	padding: 10px 10px 15px 25px;
	}
#divHeaderContainer #divAssociateLogo
	{
	float: right;
	padding: 10px 0px 15px 0px;
	}




/*----------------------------------------------------------------------------------------------------*/
#divFooterContainer
	{
	height: 25px;
	background-color: #461F5A;
	vertical-align: middle;
	}
#divFooterContainer #divCornerLeft
	{
	width: 11px;
	height: 25px;
	background-image: url("/images/footer_corner_left.gif");
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #461F5A;
	float: left;
	}
#divFooterContainer #divCornerRight
	{
	width: 11px;
	height: 25px;
	background-image: url("/images/footer_corner_right.gif");
	background-position: right bottom;
	background-repeat: no-repeat;
	background-color: #461F5A;
	float: right;
	}
#divFooterContainer #divFooter
	{
	vertical-align: middle;
	color: #ffffff;
	padding-top: 5px;
	font-size: 8pt;
	}




/*----------------------------------------------------------------------------------------------------*/
#divMenuContainer
	{
	height: 25px;
	background-color: #461F5A;
	}
#divMenuContainer #divCornerLeft
	{
	width: 11px;
	height: 25px;
	background-image: url("/images/menu_corner_left.gif");
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #461F5A;
	float: left;
	}
#divMenuContainer #divCornerRight
	{
	width: 11px;
	height: 25px;
	background-image: url("/images/menu_corner_right.gif");
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #461F5A;
	float: right;
	}




/*----------------------------------------------------------------------------------------------------*/
#divMainContainer
	{
	margin: 0px;
	padding: 0px;
	background-color: #F4F7FA;
	width: 760px;
	float: left;
	}




/*----------------------------------------------------------------------------------------------------*/
#divContentWrapper
	{
	background-color: #F4F7FA;
	padding: 15px;
	margin: 0px;
	font-size: 10pt;
	float: left;
	}


 #imgHouse
	{
	float: right;
	margin-right: 0px;
	background-image: url('/images/house.jpg');
	width: 300px;
	height: 314px;
	}
* html #imgHouse
	{ margin-right: -3px; }


#divContentWrapper .divContent
	{
	width: 360px;
	float: right;
	font-size: 10pt;
	padding-right: 0px;
	padding-top: 20px;
	}
#divContentWrapper .divContentFull
	{
	width: auto;
	font-size: 10pt;
	padding-right: 5px;
	}


#divContentWrapper h1
	{
	color: #461F5A;
	font-size: 14pt;
	margin-bottom: 20px;
	}


#divContentWrapper .divForm
	{
	text-align: justify;
	margin: 0px;
	float: left;
	padding: 0px;
	width: 350px;
	}


#divContentWrapper form
	{ height: 1%; }
#divContentWrapper table
	{ width: auto; }
#divContentWrapper .tdLabel
	{
	text-align: right;
	font-size: 10pt;
	}
* html #divContentWrapper .tdInput input
	{
	height: 22px;
	}
#divContentWrapper #spanResult
	{
	width: 330px;
	font-size: 10pt;
	float: left;
	font-weight: bold;
	height: 50px;
	margin-top: 10px;
	}


#divContentWrapper .step
	{
	margin-bottom: 30px;
	text-align: justify;
	}
#divContentWrapper h2
	{
	color: #461F5A;
	margin-bottom: 5px;
	font-size: 11pt;
	}


#divContentWrapper ul,
#divContentWrapper li
	{
	list-style: none;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	border: 1px solid #F4F7FA;
	}








/*----------------------------------------------------------------------------------------------------*/
#divContentPanel
	{
	background-color: #E6F0FA;
	padding: 20px;
	display: none;
	}


/*

#divContentWrapper .divForm li a
	{
	color: #461F5A;
	margin-bottom: 5px;
	margin: 0px;
	font-weight: bold;
	}
#divContentWrapper .divForm li a:hover
	{
	color: #00a700;
	}
#divContentWrapper #divResult
	{
	font-weight: bold;
	margin: 20px 0px;
	}
#divContentWrapper #inpResult
	{
	font-weight: normal;
	background-color: #F4F7FA;
	border: 1px solid #f4F7FA;
	font-family: Arial, Verdana, sans-serif;
	width: 390px;
	margin: 20px 0px;
	padding: 0px;
	}
*/
/*
#divContentWrapper #tblForm
	{
	width: auto;
	}
#divContentWrapper td
	{
	padding: 5px;
	}
#divContentWrapper #divContent .tdLabel
	{
	padding-top: 9px;
	text-align: right;
	}
#divContentWrapper #divContent .tdInput
	{
	vertical-align: middle;
	}
*/









/*-------------------------------------------------------------------*/
.inpTextboxLong
	{
	width: 99%;
	border: 1px solid #dddddd;
	padding: 3px;
	color: #333333;
	}
.inpTextboxShort
	{
	width: 100px;
	border: 1px solid #dddddd;
	padding: 2px;
	color: #333333;
	}


.inpTextareaLong
	{
	width: 100%;
	height: 70px;
	border: 1px solid #dddddd;
	padding: 2px;
	color: #333333;
	}



.inpSelectboxLong
	{
	width: 100%;
	border: 1px solid #dddddd;
	padding: 2px;
	padding-left: 0px;
	color: #333333;
	}
.inpSelectboxLong optgroup option
	{

	}
/*
.inpSelectboxShort
	{
	border: 1px solid #dddddd;
	padding: 2px;
	color: #333333;
	}
*/
.inpSelectboxMultipleLong
	{
	width: 100%;
	border: 1px solid #dddddd;
	padding: 2px;
	color: #333333;
	height: 100px;
	}


.inpSelectboxMultipleMedium
	{
	border: 1px solid #dddddd;
	padding: 2px;
	color: #333333;
	height: 100px;
	width: 150px;
	}


.divInputLength
	{
	clear: both;
	float: right;
	border: 1px solid #dddddd;
	margin-top: -2px;
	display: inline;
	padding: 2px 5px;
	margin-right: -6px;
	width: 32px;
	text-align: right;
	}
.divInputLength .spanText
	{
	display: none;
	}


.inpFileboxLong
	{
	width: 99%;
/*
	border: 1px solid #dddddd;
	padding: 3px;
	color: #333333;
*/
	}





#ulNavSimple__default
	{ margin-left: 20px; border: 1px solid red;}
#ulNavSimple__default,
#ulNavSimple__default li
	{
	list-style: none;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	cursor: pointer;
	width: 190px;
	margin-bottom: 0px;
	}
#ulNavSimple__default li a
	{
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	font-weight: bold;
	color: #461F5A;
	}
#ulNavSimple__default li a span
	{ visibility: hidden; }
#ulNavSimple__default li a img
	{
	width: 1px;
	height: 1px;
	}

#ulNavSimple__default li a#item__1, #ulNavSimple__default li a#item__1:visited	{ background-image: url("/images/icon_about_off.gif"); height: 18px; }
#ulNavSimple__default li a#item__1:hover 										{ background-image: url("/images/icon_about_on.gif"); color: #DFB6F4; }

#ulNavSimple__default li a#item__2, #ulNavSimple__default li a#item__2:visited	{ background-image: url("/images/icon_process_off.gif"); height: 21px; }
#ulNavSimple__default li a#item__2:hover										{ background-image: url("/images/icon_process_on.gif"); color: #DFB6F4; }

#ulNavSimple__default li a#item__3, #ulNavSimple__default li a#item__3:visited	{ background-image: url("/images/icon_borrow_off.gif"); height: 23px; }
#ulNavSimple__default li a#item__3:hover										{ background-image: url("/images/icon_borrow_on.gif"); color: #DFB6F4; }

#ulNavSimple__default li a#item__4, #ulNavSimple__default li a#item__4:visited	{ background-image: url("/images/icon_contact_off.gif"); height: 17px; }
#ulNavSimple__default li a#item__4:hover										{ background-image: url("/images/icon_contact_on.gif"); color: #DFB6F4; }

#ulNavSimple__default li a#item__5, #ulNavSimple__default li a#item__5:visited	{ background-image: url("/images/icon_repayment_off.gif"); height: 23px; }
#ulNavSimple__default li a#item__5:hover										{ background-image: url("/images/icon_repayment_on.gif"); color: #DFB6F4; }

#ulNavSimple__default li a#item__6, #ulNavSimple__default li a#item__6:visited	{ background-image: url("/images/icon_stamp_off.gif"); height: 22px; }
#ulNavSimple__default li a#item__6:hover										{ background-image: url("/images/icon_stamp_on.gif"); color: #DFB6F4; }

#ulNavSimple__default li a#item__7, #ulNavSimple__default li a#item__7:visited	{ background-image: url("/images/icon_legal_costs_off.gif"); height: 22px; }
#ulNavSimple__default li a#item__7:hover										{ background-image: url("/images/icon_legal_costs_on.gif"); color: #DFB6F4; }

#ulNavSimple__default li a#item__8, #ulNavSimple__default li a#item__8:visited	{ background-image: url("/images/icon_affordability_off.gif"); height: 22px; }
#ulNavSimple__default li a#item__8:hover										{ background-image: url("/images/icon_affordability_on.gif"); color: #DFB6F4; }






#ulNavSimple__moving,
#ulNavSimple__moving li
	{
	list-style: none;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	cursor: pointer;
	width: 190px;
	margin-bottom: 0px;
	}
#ulNavSimple__moving li a
	{
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	font-weight: bold;
	color: #461F5A;
	}
#ulNavSimple__moving li a span
	{ visibility: hidden; }


#ulNavSimple__moving li a#item__1, #ulNavSimple__moving li a#item__6:visited	{ background-image: url("/images/icon_stamp_off.gif"); height: 22px; }
#ulNavSimple__moving li a#item__1:hover											{ background-image: url("/images/icon_stamp_on.gif"); color: #DFB6F4; }

#ulNavSimple__moving li a#item__2, #ulNavSimple__moving li a#item__7:visited	{ background-image: url("/images/icon_legal_costs_off.gif"); height: 22px; }
#ulNavSimple__moving li a#item__2:hover											{ background-image: url("/images/icon_legal_costs_on.gif"); color: #DFB6F4; }

#ulNavSimple__moving li a#item__3, #ulNavSimple__moving li a#item__8:visited	{ background-image: url("/images/icon_affordability_off.gif"); height: 22px; }
#ulNavSimple__moving li a#item__3:hover											{ background-image: url("/images/icon_affordability_on.gif"); color: #DFB6F4; }







/* ---------------------------------------------------------------------------------------------------- */
#hPageTitle
	{
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	font-weight: bold;
	color: #461F5A;
	list-style: none;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	width: 190px;
	margin-bottom: 20px;
	}
#hPageTitle span
	{ visibility: hidden; }


#hPageTitle h2#item__1	{  }
#hPageTitle h2#item__2	{ background-image: url("/images/head_about_us.gif"); height: 25px; }
#hPageTitle h2#item__3	{ background-image: url("/images/head_mortgage_process.gif"); height: 27px; }
#hPageTitle h2#item__4	{ background-image: url("/images/head_how_much_borrow.gif"); height: 27px; }
#hPageTitle h2#item__5	{ background-image: url("/images/head_repay_calc.gif"); height: 26px; }
#hPageTitle h2#item__6	{ background-image: url("/images/head_contact_us.gif"); height: 25px; }
#hPageTitle h2#item__7	{ background-image: url("/images/head_cost_of_moving.gif"); height: 26px; }
#hPageTitle h2#item__8	{ background-image: url("/images/head_stamp_duty.gif"); height: 26px; }
#hPageTitle h2#item__9	{ background-image: url("/images/head_legal_costs.gif"); height: 28px; }
#hPageTitle h2#item__10	{ background-image: url("/images/head_affordability.gif"); height: 27px; }



form#frmContact td.tdLabel
	{
	width: 100px;
	}
form#frmContact td.tdInput
	{
	width: 300px;
	}