/* Frontend */
/*---------------------------------------------------------  IDs  ----------------------------------------------------------*/
form#contactForm{padding:30px 0;}
#container { 
	position:relative; width: 1000px; margin:0 auto; text-align:left; padding-right:6px;
	background:#fff url(/images/bg_gradY.gif) top right repeat-y;
	}	/* centre-aligns div & resets text-align to left 6px is for the edge gradient*/

#topCorner {width:6px; height:6px; position:absolute; top:0; right:0; background:url(/images/bg_gradTopCorner.gif);}

#corner    {width:6px; height:6px; position:absolute; bottom:0px; right:0; background:url(/images/bg_gradCorner.gif);}

#botCorner {width:6px; height:6px; position:absolute; bottom:0; left:0; background:url(/images/bg_gradBotCorner.gif);}


#footer    {display:block; height:40px; padding: 30px 20px 10px ; clear:both; color:#999; font-size:10px; 
			background: url(/images/bg_gradX.gif) bottom left repeat-x;}
			
#innerContainer {padding:10px; display:block; margin-bottom:10px;  min-height:400px; } 

#mastHead {  margin-bottom: 10px; position:relative; width:980px;float:left}
/* ie6 needs this width declared or the logo looses its padding when you mouseover any link on the main nav */

#mainCase{}
	#mainCase div.caseStudy{width:170px;}

#mapHolder{background:#d5d1c9; width:510px; height:510px; float:left;}

div#flv1 { float:left; border:pink;}

#hozNav {height:80px; width:100%; float:left; margin-bottom:10px; background:#f1ede5;}
	
#navColL {width:220px; float:left;}

#navColR {width:230px; float:right;}

#centreCol {width:510px; padding-right:20px; float:left;min-height:200px;}

#wrapper {float:left; margin-bottom: 10px; background-color:#FFFFCC; width: 798px; border:1px solid #7F7F7F;}	
			
#homeFlash{margin-bottom:5px;}

ul#siteMap{font-weight:bold;}
	ul#siteMap ul{font-weight:normal;}

span.error{ background:transparent; border:1px solid #CC0000; padding:0 5px; float:left; color:#6C0010;
position:absolute; top:15px; left: 0;}
.emailAlert{display:none;}

/*-------------------------------------------------   element classes -------------------------------------------------------*/
a.backToTop{float:right; padding:15px; font-family:Georgia, "Times New Roman", Times, serif;
			background:url(/images/bg_backToTop.gif) center right no-repeat; font-size:11px;}
a.calcHeadLink{color:#333!important;}
a:hover.calcHeadLink{text-decoration: underline;}
a.find{ background: url(/images/icon_find.gif) 0 3px no-repeat; padding-left:20px;}
a.send{ background:url(/images/icon_send.gif) center left  no-repeat; padding-left:20px; min-height:15px;}
/*NOTE: Safari doesn't like positioning with px when text gets smaller than bg img*/
	a.send:hover{text-decoration:underline;}
a.print{background:url(/images/icon_print.gif) 0 3px  no-repeat; padding-left:20px;}
embed{float:left;}
h2.a{ background:url(/images/a.gif) 0 1px no-repeat; padding-left:40px; margin-left:-40px;}
h2.q{ background:url(/images/q.gif) top left no-repeat; padding-left:40px; margin-left:-40px;}
h5.searchResult{ margin:0; padding:0; color:#333;}
img.logo {margin:20px;}
img.catchPhrase { margin-top:42px; position:absolute; right:20px;}
input.checkbox{background:transparent; padding:0!important;margin:0;float:left;}
textarea{background:#dcdcdc; border:0; color:#000; height:80px; }
input.button{width:60px; height:23px; border:0; background-color:#666; float:left; cursor:pointer; color:#000000; margin-right:0;}
input.button:hover{}
	input.find{background: #666 url(/images/btn_find.gif) center no-repeat; color:#000000;}
		input.find:hover{background:#a8a8a8 url(/images/btn_findOvr.gif) center no-repeat;}
	input.search{background: #666 url(/images/btn_search.gif) center no-repeat;}
		input.search:hover{background: #a8a8a8 url(/images/btn_searchOvr.gif) center no-repeat;}
	input.searchAgain{width:85px; background: #666 url(/images/btn_searchAgain.gif) 9px 5px no-repeat;}
		input.searchAgain:hover{background: #a8a8a8 url(/images/btn_searchAgainOvr.gif) 9px 5px no-repeat;}
	input.browse{background: #666 url(/images/btn_browse.gif) center no-repeat; color:#000000;}
		input.browse:hover{background: #a8a8a8 url(/images/btn_browseOvr.gif) center no-repeat; color:#000000;}
	input.send{background: #666 url(/images/btn_send.gif) center no-repeat; color:#000000;}
		input.send:hover{background: #a8a8a8 url(/images/btn_sendOvr.gif) center no-repeat; color:#000000;}
select{padding:2px 0; height: 22px;}
span.labelR{float:right; padding:0 10px 0 0; margin:0; font-size: 11px; line-height:1}
span.blink{text-decoration:blink;}
span.A{color:#666;}

div.qaTable{}
	div.qaTable table{width:500px; float:left;}
	div.qaTable table th, table td{padding:0; margin:0; vertical-align:top; }


table.tableGlossary td, table.tableGlossary th{padding-bottom:10px;}
table h4{font:bold 1em Arial, Helvetica, Verdana, sans-serif; color:#000000; margin:0;}
td.leftCol{ width:60px; padding:0; margin:0;}
td.rightCol{width:440px; padding:5px 0!important;margin:0;}
td.rightCol a{display:block; padding-bottom:5px;}
td h2{padding:0; margin:0;}
td.searchParams{width:150px;}
table#cat1 ,table#cat2 ,table#cat3,table#cat4{margin-bottom:40px; font-family:Georgia, "Times New Roman", Times, serif;}
table#cat1 h2 {color:#338bbc;}
   h2.cat2 a{color:#d63031!important;}
   h2.cat3 a{color:#e79900!important;}
   h2.cat4 a{color:#b9af68!important;}
   
table#cat2 h2 {color:#d63031;}
table#cat3 h2 {color:#e79900;}
table#cat4 h2 {color:#b9af68;}

td.bold{ font-weight:bold; color:#333;}
/*--------------------------------------------------- div classes -----------------------------------------------------------*/
div.formDivider{width:500px; margin-bottom:10px; float:left; position:relative;}
	div.formDivider label{display:block; width:170px; float:left;}
	div.formDivider input.text{width: 320px;}
	div.formDivider textarea{width:320px;padding:3px 0 0 5px;}
	div.formDivider div{float:left;}
	div.forPara{float:left; width:300px; padding-left:10px; margin-top:-1px;}
	div.formDivider h6{width:150px;float:left;}

div.fixUL{}
	div.fixUL p{margin-bottom:0;}
	div.fixUL ul{margin-bottom:15px;} 
/*div.flashcontent{float:left; width:230px; height:260px;}*/

div.inlineContentL    {float:left; padding:1px; margin:0 15px 15px 0; border:1px solid #999;}
    div.inlineContentL img{float:left;}
div.inlineContentL_sml{float:left; padding:1px; margin:0 15px 0 0; border:1px solid #999;}
	div.inlineContentL_sml img{float:left;}
div.dotBorders{width:100%;margin:10px 0; float:left; position:relative; background:url(/images/bdr_hozDots.gif) top left repeat-x;}
	div.dotBorders form{ float:left; padding:0 0 5px 0;}
	div.dotBorders input.text{width:440px; height:18px; padding-top:5px; background:#dcdcdc;} 
	div.dotBorders h6{margin-bottom:7px;}
	div.dotBorders a{display:block; float:left; color:#666 !important; text-decoration:underline; padding:0 0 15px; margin-top:0;}
	span.botBorder{display:block; height:2px; width:100%; position:absolute; bottom:0; clear:both;
	background:url(/images/bdr_hozDots.gif) top left repeat-x;}
div.margBot{margin-bottom:10px;}
div.leftHalf{width:50%; float:left;}
div.rightHalf{width:50%; float:right; text-align:right;}
div.module{width:306px; height:50px;padding:30px 0px 15px 20px; float:left; background:url(/images/bdr_11VertDots.gif) center right no-repeat;}
	div.module form{ float:left; padding:0 0 5px 0;}
	div.module input.text{width:210px; padding:5px 0 0 5px } 
	div.module select{width:280px; padding:3px 0 3px 5px; height:22px}
	div.module h6{margin-bottom:7px;margin-top:10px;padding-top:0;float:left;clear:both; width:100%; color:#666666}
	div.module a{display:block; float:left; color:#666 !important; text-decoration:underline; padding:0; margin:0;}
td.rightCol a{color:#999!important;} 
div.caseStudy{float:left; width: 280px;}
div.caseStudy p{margin:0 0 5px 0;}
#centreCol div.caseStudy h2 {margin-bottom:7px; font-size:20px;}

ul { list-style:none; }
	ul li{color:#666; background:url(/images/bullet_arrow.gif) no-repeat 0 5px; padding-left:15px; }
/* Chris - lightened up the weighting of the above rule
#centreCol ul { list-style:none; }
    #centreCol ul li{color:#666; background:url(/images/bullet_arrow.gif) no-repeat 0 5px; padding-left:15px; }*/
	
div.flashPlaya{margin-bottom:5px;}
div.mapResults{ float:left; padding:15px 20px; width:470px; background:#d5d1c9;}
	div.mapResults table{width:100%;float:left;}
	div.mapResults table td{padding-bottom:5px;}
div.dspMembResults{margin-top:20px;}
div.olHolder{margin-left:-17px;}
/*--------------------------------------------------------- LISTS ----------------------------------------------------------*/
/* nb:!important declarations are needed for ie6 */


ul.navListHoz {list-style:none; padding:0;}
	ul.navListHoz li{
	float:left; height:40px; padding:0 10px; margin:18px 0;
	background:url(/images/bdr_11VertDots.gif) center right no-repeat;
	}
	ul.navListHoz li.last{background-image:none;}
	ul.navListHoz a{ 
	display:block; float:left; padding:12px 10px 12px 10px; background-position:10px 15px; background-repeat:no-repeat;
	text-indent:-3000px; letter-spacing:-3000px; }
		
		ul.navListHoz a.nav_why{ background-image:url(/images/nav_why.gif); width: 50px; }
		ul.navListHoz a.nav_why:hover{ background-image:url(/images/nav_whyOvr.gif);}
		ul.navListHoz li.current a.nav_why{ background-image:url(/images/nav_whyOvr.gif);}
		
		ul.navListHoz a.nav_esntls{ background-image:url(/images/nav_essentials.gif); width: 72px; }
		ul.navListHoz a.nav_esntls:hover{ background-image:url(/images/nav_essentialsOvr.gif);}
		ul.navListHoz li.current a.nav_esntls{ background-image:url(/images/nav_essentialsOvr.gif);}
		
		ul.navListHoz a.nav_case{ background-image:url(/images/nav_case.gif); width: 60px; }
		ul.navListHoz a.nav_case:hover{ background-image:url(/images/nav_caseOvr.gif);}
		ul.navListHoz li.current a.nav_case{ background-image:url(/images/nav_caseOvr.gif);}
		
		ul.navListHoz a.nav_find{ background-image:url(/images/nav_find.gif); width: 110px; }
		ul.navListHoz a.nav_find:hover{ background-image:url(/images/nav_findOvr.gif);}
		ul.navListHoz li.current a.nav_find{ background-image:url(/images/nav_findOvr.gif);}

		ul.navListHoz a.nav_more{ background-image:url(/images/nav_more.gif); width: 110px; }
		ul.navListHoz a.nav_more:hover{ background-image:url(/images/nav_moreOvr.gif);}
		ul.navListHoz li.current a.nav_more{ background-image:url(/images/nav_moreOvr.gif);}
		
		ul.navListHoz a.nav_calc{ background-image:url(/images/nav_calculators.gif); width: 60px; }
		ul.navListHoz a.nav_calc:hover{ background-image: url(/images/nav_calculatorsOvr.gif);}
		ul.navListHoz li.current a.nav_calc{ background-image: url(/images/nav_calculatorsOvr.gif);}
		
		ul.navListHoz a.nav_gloss{ background-image:url(/images/nav_glossary.gif); width: 45px; }
		ul.navListHoz a.nav_gloss:hover{ background-image:url(/images/nav_glossaryOvr.gif);}
		ul.navListHoz li.current a.nav_gloss{ background-image:url(/images/nav_glossaryOvr.gif);}
	
	ul.navListHoz 
	ul.navListHoz a:link   { }
	ul.navListHoz a:visited{ }
	ul.navListHoz a:focus  { }
	ul.navListHoz a:hover,ul.navListHoz li.current a  { background-color: #d5d1c9;}
	ul.navListHoz a:active { }	


	
 ul.navListVert { list-style:none; padding: 0; margin-top:0; width:230px; float:left;}
	ul.navListVert li    { border-bottom: 1px solid #fff; padding:0; }/*Chris padding removed*/
	ul.navListVert a { 
	display:block; height:23px; padding:6px 0 0 45px; color: #666666!important; 
	background-repeat:no-repeat; background-position:15px 10px; background-color:#f1ede5; 
	}
	ul.navListVert a:link   { }
	ul.navListVert a:visited{ }
	ul.navListVert a:focus  { }
	ul.navListVert a:hover  { background-color: #d5d1c9; text-decoration:none;}
	ul.navListVert a:active { }	

ul.breadCrumbs {list-style:none; margin:15px 0; display:block;  float:left; }
	ul.breadCrumbs li{float:left;padding:0; border-left:1px solid #8c8c8c; background-image:none; }/*list-style:none; Chris*/
	ul.breadCrumbs a{display:block; float:left; padding:0 10px; 
	font:bold 12px/1em Georgia, "Times New Roman", Times, serif; color:#666 !important;}
	ul.breadCrumbs li.loanBasics{border-left:none; }
	ul.breadCrumbs li.loanBasics a{padding-left:0;}
	li.loanBasics a.current, li.loanBasics a:hover {color:#338bbc!important;}
	li.firstHome a.current, li.firstHome a:hover {color:#d63031!important;}
	li.refinancing a.current, li.refinancing a:hover {color:#e79900!important;}
	li.business a.current, li.business a:hover {color:#b9af68!important;}

#centreCol ul.alphabet{margin-bottom:15px; float:left; padding-left:0; margin:0;}
	#centreCol ul.alphabet li{	float:left;  list-style:none; background-image:none; padding:0; margin:0;}
	#centreCol ul.alphabet a{ display:block; float:left; width:18px; text-align:center; color:#666!important; border-left:1px solid #666;
	font-family:Georgia, "Times New Roman", Times, serif;}
	#centreCol ul.alphabet li.first a{border-left:0;}
	#centreCol ul.alphabet a:link   { }
	#centreCol ul.alphabet a:visited{ }
	#centreCol ul.alphabet a:focus  { }
	#centreCol ul.alphabet a:hover  { background-color: #d5d1c9;}
	#centreCol ul.alphabet a:active { }	

div#centreCol ul.tabs{float:left; width:100%; border-bottom:5px solid #d5d1c9; margin-bottom:0!important;}
	div#centreCol ul.tabs li   {list-style-type:none; background-image:none; display:block; float:left; padding:0; margin:0;}/*Chris removed padding and margins changed display*/
	div#centreCol ul.tabs li.current a {background-color:#d5d1c9;color:#333!important;}
	div#centreCol ul.tabs li a {display:block; float:left;margin:0; margin-right:2px; padding:4px 10px 1px 30px; background-color:#f1ede5;color:#666!important; }
	div#centreCol ul.tabs li a:hover {text-decoration:none; background-color:#d5d1c9;}/*Chris bg color */


	
a.oz{ background:url(/images/icon_oz.gif) 10px 4px no-repeat;}
li.current a.oz, a:hover.oz{background:url(/images/icon_ozOvr.gif) 10px 4px no-repeat;}/*chris*/
a.list{background:url(/images/icon_list.gif) 10px 8px no-repeat;}
	 
li div p{margin:0 0 0 12px; padding:0!important; display:inline; }
	
/*--------------------------------------------- ID/div specific classes ---------------------------------------------------*/
/* headers */
#centreCol h1{padding-bottom:15px;}
#centreCol h2{font-size: 22px; position:relative; display:block; line-height:1.2em; }
#centreCol a{color:#338bbc;}
#navColL h2{font-size:80px; font-weight:normal; margin:0 0 10px 15px; line-height:0.8em; }

table#cat1 h2 a{color:#338bbc;}
table#cat2 h2 a{color:#d63031;}
table#cat3 h2 a{color:#e79900;}
table#cat4 h2 a{color:#b9af68;}

/* anchors */
#footer a {color:#999 !important; text-decoration:none;}
#footer a:hover{text-decoration:underline; }
form#mbrFrm,form#cmpFrm {float:left;}
form#mbrFrm input.text,form#cmpFrm input.text{width:200px;}
form#mbrFrm input#postcode, form#cmpFrm input#postcode{width:100px;}
form#mbrFrm input#restrictSearch{float:left; padding:0; margin:3px 15px 15px 0;}
form#mbrFrm p {display:block; float:left; width:300px; padding:0; margin:0;}	

div.dotBorders h6 {padding-top:10px;}	
/*-----------------------------------------------  misc open classes  -------------------------------------------------------*/

.fir{text-indent: -5000px; background: url(sample-opaque.gif);}
.grey{color:#ccdce4;}
.floatL{float:left !important}
.floatR{float:right !important;}
.dotsR{background:url(/images/bdr_vertDots.gif) top right repeat-y}
.dotsBot{background:url(/images/bdr_hozDotsLite.gif) bottom left repeat-x; padding:15px 0; width:100%;}
	.dotsBot h2{margin-top:0;}
div.results{margin-bottom:0; padding:15px 0 ;}
		div.results h5,div.results a, div.results p{margin-bottom:0; padding-bottom:0;text-decoration:none;}
		div.results a:hover{text-decoration:underline;}
.dotsTop{background:url(/images/bdr_hozDotsLite.gif) top left repeat-x; padding:15px 0; width:100%;}
	.dotsTop h2{margin-top:0;}
.noBottom{margin-bottom:0 !important; padding-bottom:0 !important;}
.noBG{background-image:none !important; background-color:transparent !important;}
.greyBack{background:#f1ede5;margin-bottom:15px}
h2.dotsBot{padding-bottom:15px;}
.loanBasics, .cat1{color:#338bbc!important;}
.firstHome, .cat2{color:#d63031!important;}
.refinancing, .cat3{color:#e79900!important;}
.business, .cat4{color:#b9af68!important;}
.mfaaBlue{color:#338bbc!important;}

.articleMenu{margin:0 0 20px 0; padding:0; list-style:none;}
.articleMenu li{margin:0 0 5px 0; padding:0 0 0 1px;}
.articleMenu a{margin:0 0 5px 0; padding:0; color:#0073ae; font-size:13px; font-weight:bold;}
.articleMenu p{margin:0 0 10px 0;}
.chopBot{margin-bottom:0;}
@media print{



}

div.module-white
{
	width:230px;
	position:relative;
	background-color:white;
	background-image:none
}

div.module-white img
{
	position:absolute;
	top:20px;
	left:10px
}

div.module-long
{
	padding-left:90px;
	width:314px;
	
}


div.module-long h6
{
	margin-top:7px
}

div.module h6 input{
	float:left;
	background:none
}

div.module h6 span{
	float:left;
	padding-right:20px;
	margin-top:3px
}


a.lnk-help
{
	font-size:10px;
	margin-top:80px;margin-right:10px;

}

a.logo
{
	margin-top:20px;
	float:left
}