/* All pages */
body {
	text-align: center;
	background: #d9dbe4;
	color: #656565;
	margin: 0;
	padding: 0;
	font-family: Arial, 'HelveticaNeue-Roman', Helvetica, Tahoma, Verdana, sans-serif; 
	font-size: 90%;
}
h1, h2 { letter-spacing: -0.05em; }

/* self clearing rules */
dl:after, div:after, ul:after, ol:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html dl, * html div, * html ul, * html ol, * html #subnav li {
	height: 1%;
}

a, input { cursor: pointer; }

dl, div, ul, ol {
	display: inline-block;
}

/* !IE Mac \*/
dl, div, ul, ol {
	display: block;
}
/* */

form {
	width: 930px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

/* The black region at the top of the page */
div#head {
	position: absolute;
	width: 930px;
	top: 0;
	left: 0;
	text-align: right;
	border-top: solid 1px white;
	color: #0d488c;
	background: white;
	height: 9.7em;
}
html[lang] div#head {
	height: auto;
	min-height: 9.7em;
}
	/* The logo, top left */
	#head p#logo {
		position: absolute;
		top: 12px;
		left: 45px;
		width: 254px;
		margin: 0;
		text-align: left;
	}
	#head fieldset {
		padding: 16px 8px 0 301px;
	}
		#head fieldset p {
			margin: 0;
			padding: 0 0 0.85em 0;
		}
		/* "Register", "Login" */
		#head fieldset a, a.button, a.gs_butnext, a.gs_butprev{
			text-decoration: none;
			padding: 0.1em 1.1em;
		}
		/* a button-style link. Why not? */
		a.button, a.gs_butnext, a.gs_butprev {
			padding: 0.1em 0.5em;
		}
		#head fieldset img {vertical-align: middle;}
		#head fieldset input {vertical-align: bottom;}
		
		/* Website search field */
		input#ctl00_HeaderPlaceHolder_PageHeader_searchTermBox {
			width: 183px;
			color: #0d488c;
			border: 1px solid #90a7c1;
			margin-right:4px;
		}
		
		p#new {
			background-image: url(/img/bg-new.png);
			background-repeat:no-repeat;
			background-position:159px bottom;
			padding: 0 0 12px 0;
			width:253px;
			float:right;
		}
		
		/* Submit button */
		input.submit,
		#content input#ctl00_ContentPlaceHolder_HomeSearch_btnMortgageSubmit3, 
		#content input#ctl00_ContentPlaceHolder_HomeSearch_btnMortgageSubmit2, 
		#content input#ctl00_ContentPlaceHolder_HomeSearch_btnMortgageSubmit,
		#productintro input, #refineform p input, #content input.submit, 
		#main fieldset input.submit, #main fieldset input.reset, #head fieldset a, 
		a.button, #main dl.pagenav dd input, a.gs_butnext, a.gs_butprev,
		input#ctl00_HeaderPlaceHolder_PageHeader_searchButton {
			color: #0d488c;
			background: white url(/img/bg-input-submit.png) center repeat-x;
			border: 1px solid #90a7c1;
			font-size: 90%;
			padding-top: 0.1em;
			padding-bottom: 0.1em;
			width: auto;
		}
		input#ctl00_HeaderPlaceHolder_PageHeader_searchButton {width: 62px;}
		
		input.reset, #refineform input.reset, #main fieldset input.reset {
			background: #cfe4f2 url(/img/bg-input-reset.png) center repeat-x;
		}

/* Main navigation, top */
map#nav ul {
	background: #0d488c url(/img/bg-nav-ul.png) bottom left no-repeat;
	text-align: left;
	font-weight: bold;
	margin: 0.7em 0 0 0;
	padding-left: 17px;
}
#nav ul, #nav li, #nav a, #nav em {
	padding: 0.6em 0 0.5em 0;
}
	#nav li {
		display: inline;
	}
		#nav a, #nav em {
			color: white;
			padding-right: 1em;
			padding-left: 1em;
			background: url(/img/bg-nav-a.png) right no-repeat;
			font-style: normal;
			text-decoration: none;
		}
		#nav em, #nav a:hover {
			color: #0d488c;
			background: #f5f5f9 url(/img/bg-nav-em.png) bottom repeat-x;
		}
			#nav em a, #nav em a:hover {
				color: #0d488c;
				padding: 0;
				background: none;
			}

/* The container for the content and the related links */
div#main {
	background: white url(/img/bg-main.png) left repeat-y;
	margin: 0 0 0 0;
}
	div#content {
		float: left;
		margin: 9.7em 0 0 0;
	}

	/* This is the application style - with the gradient background, and tabs at the top. */
	
	
	#main fieldset, div#products, div#insurance {
		padding: 20px 0 0 0;
		margin: 0 21px 0 0;
		color: white;
		background: #5099d0 url(/img/bg-main-fieldset.png) top repeat-x;
		border-bottom: solid 3px white;
				
	}
		#main fieldset {
		padding: 20px 0 0 0;
		margin: 0 21px 30px 0;
		color: #3c6c9b;
		background: none;

	}

	
	/* This is the series of tabs inside a fieldset */
	#main fieldset map ul, div#products map ul, div#insurancepanel map ul {
		background: white url(/img/bg-panel-map-ul.png) bottom right no-repeat;
		margin: 0 0 1.8em 0;
	}
	#main fieldset map ul, #main fieldset map li, #main fieldset map em, #main fieldset map a, #main fieldset map span,
	div#products map ul, div#products map li, div#products map em, div#products map a, #products map ul span,
	div#insurancepanel map ul, div#insurancepanel map li, div#insurancepanel map em, div#insurancepanel map a, #insurancepanel map ul span {
		padding-top: 15px;
		padding-bottom: 8px;
	}

	*:first-child+html #main fieldset map em, *:first-child+html #main fieldset map a,
	*:first-child+html div#products map em, *:first-child+html div#products map a,
	*:first-child+html div#insurancepanel map em, *:first-child+html div#insurancepanel map a {
		padding: 0;
	}
	* html #main fieldset map em, * html #main fieldset map a,
	* html div#products map em, * html div#products map a,
	* html div#insurancepanel map em, * html div#insurancepanel map a {
		padding: 0;
	}
		#main fieldset map li, div#products map li, div#insurancepanel map li {
			padding: 0;
			background: none;
			display: inline;
		}
			#main fieldset map em, #main fieldset map a,
			#products map em, #products map a,
			#insurancepanel map em, #insurancepanel map a {
				font-style: normal;
				text-decoration: none;
			}
				#main fieldset map span, #products map ul span, #insurancepanel map ul span {
					padding-left: 30px;
					padding-right: 30px;
				}
			/* First link */
			#main fieldset map .first a, div#products map .first a, div#insurancepanel map .first a {
				background: #8c9294 url(/img/bg-fieldset-map-first-a.png) top left no-repeat;
			}
			/* Middle links */
			#main fieldset map a, div#products map a, div#insurancepanel map a {
				background: #8c9294 url(/img/bg-fieldset-map-a.png) top left no-repeat;
				margin: 0;
			}
				#main fieldset map a span, #products map a span, #insurancepanel map ul a span {
					color: #0d488c;
					background: url(/img/bg-fieldset-map-a-span.png) top right no-repeat;
				}
				/* Last link */
				#main fieldset map .last a span, #products map .last a span, #insurancepanel map .last a span {
					background: url(/img/bg-fieldset-map-last-a-span.png) top right no-repeat;
				}
			/* Middle selected tabs */
			#main fieldset map em, #products map em, #insurancepanel map em {
				background: url(/img/bg-fieldset-map-em.png) top left no-repeat;
			}
			/* First selected tab */
			#main fieldset map .first em, #products map .first em, #insurancepanel map .first em {
				color: white;
				background: #1c7bc2 url(/img/bg-fieldset-map-first-em.png) top left no-repeat;
			}
				#main fieldset map em span, #products map em span, #insurancepanel map em span {
					color: white;
					background: url(/img/bg-fieldset-map-em-span.png) top right no-repeat;
				}
				/* Last selected tab */
				#main fieldset map .last em span, #content map .last em span, #insurancepanel map .last em span {
					color: white;
					background: url(/img/bg-fieldset-map-last-em-span.png) top right no-repeat;
				}

		/* Apps rules */
		#main fieldset th, #main fieldset td, #main fieldset dl, #main fieldset p input, #main fieldset p select, #main fieldset p textarea {
			font-size: 85%;
		}
	
	#content fieldset h2 {
		color: #465885;
		margin: 0 20px;
		padding: 0;
		border: none;
		font-weight: bold;
	}
	
	div#content fieldset ol, #content fieldset p {
		margin: 0 20px 1.5em 20px;
	}
	
	#main fieldset dl {
		margin: 0 0 0.5em 20px;
	}
	
			div#main fieldset dl dt {
				width: 241px;
				color: white;
				padding: 0;
			}
			div#main fieldset dl dd {
				width: 228px;
				padding: 0;
			}
			
	#main fieldset dl.level2 {
		margin: 0 0 0.5em 45px;
	}
				
			
				div#main fieldset input, div#main fieldset select, div#main fieldset textarea {
					/* For the Mortgage Affordability Calculator */
					width: 217px;
					border: solid 1px #7f9db9;
				}
								
				div#main fieldset input.readonly, div#main fieldset select.readonly, div#main fieldset textarea.readonly {
				    background-color: #ece9d8;
				    border: solid 1px #c9c7ba;
				}
				
				div#main fieldset #ctl00_ContentPlaceHolder_ctl00_drpClientType {
				    width:265px;
				}
				
	#main fieldset.bordered {border: solid 1px #3c6c9b !important; }
		#main #content fieldset.bordered p, #main #content fieldset.bordered dl dt, #main #content fieldset.bordered dl dt em { color: #000000; }

	/* This is for contact forms and the favourites, because change is good. */
	fieldset#config, #main fieldset.config, div#choosefav {
		color: black;
		background: #e8edef;
	}
	fieldset#config, #main fieldset.config { border: 1px solid #D9DBE4; }
	
			fieldset#config h2, #main fieldset.config h2 {
				font-weight: normal;
			}
			
		div fieldset#config dl dt, div#main fieldset.config dl dt, div div#choosefav dl dt {
			color: black;
		}
		#choosefav fieldset h2, #main fieldset.config h2, fieldset#config h2 {
			color: #0d488c;
			margin-bottom: 0.5em;
		}
		div fieldset#config dd img
		{
			margin-right: 50px;
		}
		/* To be commented back in, if the new headings are required.
		#choosefav fieldset h2 {
			background: #27568c url(/img/bg-choosefav-fieldset-h2.png) bottom left no-repeat;
			padding: 0.4em 9px 20px 9px;
			margin: 0 0 0.2em 1px;
		}*/
		#choosefav fieldset#contact { width: 510px; }
		
	/* Related links, right */
	div#related {
		float: left;
		width: 185px;
		margin: 9.7em 0 0 0;
	}
		#related div {
			padding: 1em 12px 0 12px;
			background: #f2f3f8 url(/img/bg-related-div.png) repeat-x;
			margin: 0 0 0.9em 0;
		}
		#related h1, #related h2, #related h3 {
			margin: 2em 0 0.2em 0;
			font-size: 120%;
			color: #1678c1;
			font-weight: bold;
		}
			#related div h1, #related div h2, #related div h3 {
				margin: 0 0 1em 0;
				color: #656565;
			}
			#related div h3 {margin: 0 0 0.2em 0;}
				/* For icons, edit pencil, etc. */
				#related img {
					vertical-align: middle;
				}
		#related a {
			color: #1678c1;
			text-decoration: none;
		}
		#related dl, #related ul {
			margin: 0 0 1em 0;
		}
			#related dl dt {
				float: left;
				width: 28px;
				padding: 0;
			}
			#related dl dd {
				float: left;
				width: 133px;
				font-size: 85%;
			}
				#related dd a {
					color: black;
				}
				#related dd strong {
					font-size: 110%;
					color: #1678c1;
				}
		#related p {
			margin-right: 12px;
		}
		#related p, #related ul {
			font-size: 85%;
		}
			#related ul ul, #related ul ol, #related ol ul, #related ol ul {
				font-size: 100%;
			}
            
			#related ul li, #lowercontent ul li {
				background: url(/img/bullet-related.png) top left no-repeat;
				padding: 0 0 0.1em 28px;
			}
			/* These are for the favourites links.  It's not semantic, but you can't have everything. */
			#related ul li.header, #related ul li.first {
				color: #656565;
				background: none;
				font-size: 120%;
			}
		
			    #related ul li, #lowercontent ul li {
			        padding-left:32px;
			    }
			
				#related ul li a, #lowercontent ul li a {
					padding: 2px 0px;
				}
				#related a:hover, #lowercontent ul li a:hover {
					background: #e2e6eb;
				}
			/* For the edit the favourite link */
			#related p.edit {
				text-align: center;
				font-weight: bold;
				font-size: 90%;
				background: url(/img/bg-edit-lge.png) right no-repeat;
				padding: 6px 0 6px 17px;
				height: 38px;
				hei\ght: 26px;
				margin-right: 0;
			}
			html[lang] #related p.edit {
				height: auto;
				min-height: 26px;
			}
				#related p.edit a {
					color: #586165;
				}
				#related p.edit a:hover {
					text-decoration: underline;
					background: none;
				}
				.edit img {
					padding: 0 0.6em 0 0;
				}
			/* This is the sort of speech-bubble thing, shouting under the edit button */
			#related div.bubble {
				background: url(/img/bg-bubble.png) repeat-y;
				padding: 0;
			}
				#related .bubble h3 {
					color: #1678c1;
					background: url(/img/bg-bubble-h3.png) top no-repeat;
					margin: 0;
					padding: 22px 8px 0 8px;
					font-size: 90%;
				}
				#related .bubble p {
					color: black;
					background: url(/img/bg-bubble-p.png) bottom no-repeat;
					padding: 0 8px 20px 8px;
					margin: 0;
					font-size: 85%;
				}

/* Supplementary navigation, horizontal, bottom */
#supnav ul {
	background: #9eabb0;
	font-size: 85%;
	padding: 0 0 0 10px;
/*	padding: 0 0 0 214px;*/
}
#supnav ul, #supnav li, #supnav a, #supnav em {
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}
	#supnav li {
		display: inline;
	}
		#supnav a, #supnav em {
			text-decoration: none;
			color: white;
			font-weight: bold;
			padding-right: 1.2em;
			padding-left: 1.1em;
			background: url(/img/bg-supnav-a.png) right no-repeat;
		}
		#supnav a:hover, #supnav em {
			background: #889498 url(/img/bg-supnav-a.png) right no-repeat;
			font-style: normal;
		}
		#supnav .last a, #supnav .last em {
			background-image: none;
		}

/* Disclaimer */
div#disclaimer {
	margin: 2em 0 0 0;
	font-size: 85%;
	color: #687174;
}
	#disclaimer div {
		width: 745px;
		float: left;
	}
		#disclaimer div p {
			margin: 0 30px 1em 0;
		}
	p#disawards {
		float: left;
		width: 185px;
		margin: 0;
		/* Not a great idea */
		text-align: center;
	}
	#disclaimer a {
		color: #687174;
	}

p.click 

{
text-align: right;
padding-right: 0pt;
padding-bottom: 15px;
padding-left: 0pt;

}


	
	
				
p.action, p.action245, p.action205, p.action150, ul.action { margin:10px 0; text-align:right; font-size:90%;}

 #content ul.action { padding-top:10px; }
 #content ul.action p { display:inline; margin-right:10px;}
 #content ul.action li { margin-bottom:10px; background-image:none; }
		  
		  p.action a, ul.action a  {
          background: url(/img/bg-action-bg.png) left repeat-x;
		  padding: 10px 0px 10px 0px;
		  display:inline;
		  text-decoration:none;
          }
          p.action245 a { width: 245px; background: url(/img/button-bg-245px.png) right no-repeat; display:inline; text-decoration:none; padding: 9px 25px 11px 20px; color: #ffffff; }
          p.action205 a { width: 205px; background: url(/img/button-bg-205px.png) right no-repeat; display:inline; text-decoration:none; padding: 9px 25px 11px 20px; color: #ffffff; }
          p.action150 a { width: 150px; background: url(/img/button-bg-150px.png) right no-repeat; display:inline; text-decoration:none; padding: 9px 25px 11px 20px; color: #ffffff; }
		  p.action245 a:hover, p.action205 a:hover, p.action150 a:hover { text-decoration: underline; }
		  
		   		html>/**/body ul.action a, 
				html>/**/body p.action a { padding: 5px 0 6px 0px;}
		  
		  ul.action a span, 
		  p.action a span  {
          background: url(/img/bg-action-left.png) top left no-repeat;
          padding: -10px 0px 10px 10px;
		  display:inline;
		  text-decoration:none;
          }
		  
		  	html>/**/body ul.action a span, 
			html>/**/body p.action a span{ padding: 5px 0px 6px 10px;}
			
					ul.action a span span, 
					p.action a span span {
					background: url(/img/bg-action-right.png) bottom right no-repeat;
					padding: 5px 25px 6px 15px;

					color: white;
					}
				  
				  html>/**/body ul.action a span span, 
				  html>/**/body p.action a span span{ padding: 5px 20px 6px 0px;}
				  

/* hover */
p.button a:hover, 
p.action a:hover span, 
ul.action a:hover span span { text-decoration: underline; color:white; }


 
p.adobe { background: url(../img/bullet-inside-short.png) left no-repeat; padding-left:10px;} 

p.adobeImg { margin-left:25px; }
 
 
/* A footnote does the old asterisk-as-bullet trick, plus is a bit smaller */
p.footnote, p.legal {
	font-size: 85%;
	color: black;
}
p.footnote {
	padding-left: 0.6em;
	text-indent: -0.7em;
}

/* Killing lists */
ul, ol, li, dl, dt, dd, fieldset, legend {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: none;
}
.print, legend, #wai {display: none;}
.c {text-align: center;}
.r {text-align: right;}
img.l {float: left;}
img.r {float: right;}
hr {
	margin: 0 0 0.5em 0;
	padding: 0;
	border: none;
	border-top: solid 1px #ced3d9;
	height: 1px;
}
a img {border: none;}
a {color: black;}
a:hover {text-decoration: none;}
p { margin: 0 0 1em 0;}
input, select, textarea, #main fieldset dl dd input.submit {
	font-family: Arial, 'HelveticaNeue-Roman', Helvetica, Tahoma, Verdana, sans-serif;
	font-size: 100%;
}
/* To hide stuff which is required for WAI */
.wai, #main fieldset map em span span, #products map em span span, #insurancepanel map em span span, 
#main fieldset map a span span, #products map a span span, #insurancepanel map a span span {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
/* To indicate content which is omitted */
s, ins {
	text-decoration: none;
	color: black;
	background-color: #fcf;
	border: solid 1px #969;
	padding: 1px 3px;
}

/* This is used in the search results page */
/* THIS NEEDS TIDIED UP */
.searchbox label{display:block;}

#main dl.pagenav {
	color: white;
	background: #79858a url(/img/bg-pagenav.png) repeat-x;
	margin: 0;
	padding: 0.8em 20px;
	border-top: solid 2px white;
}


.gs_butnext{margin-left:10px;}

#searchresults h2
{
		padding:0 15px;	
		margin:10px 0;
		display:none;
	}

#searchresults h3
{
	margin:0; font-size:0.9em;
	font-weight:bold;
	padding:0 15px;	
}
	
#searchresults h3 a{text-decoration:none;}

#searchresults p
{
	font-size:0.8em;
	border-bottom:1px dotted black;
	padding:0 15px 15px 15px;
}

#searchresults p.last{border:0px;}

#main fieldset.gs_top{margin-bottom:10px;}
#main fieldset.gs_bottom{padding:0;}

div#main fieldset input.SearchAgainButton{width:80px;}
/*end search page */

/*news page*/
#ctl00_ContentPlaceHolder_ctl00_newsRepeater_pnlData ul li {
    color:#656565;
    font-weight:bold;
    margin-bottom:5px;
}

    #ctl00_ContentPlaceHolder_ctl00_newsRepeater_pnlData ul li a {
        color:#000000;
        font-weight:normal;
    }
            
#content div.pager {
    border-top:1px solid #9EABB0;
    padding-top:10px;
    width:480px;
}

    #content span.PagerLabel {
        float:left;
    }

    #content ul.paging {
        float:right;
        margin-right:0px;
    }
    
        #content ul.paging li {
            color:#656565;
            float:left;
            background:none;
            font-weight:bold;
            padding:0 0 0 5px;
        }
        
            #content ul.paging li a {
                color:#000000;
            }        
/*end news page*/

/* RT20237 */ 
.collapsedSpacing { padding-top: 0; margin-top: 5px; }
/* RT20237 */

/* Online Activation Form Radio Buttons */
#config table#ctl00_ContentPlaceHolder_ctl00_rdoCompanyActivation { border: 0px solid #ffffff; width: 150px; background-color: #e8edef; font-weight:  bold; font-size: 110%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
	#config table#ctl00_ContentPlaceHolder_ctl00_rdoCompanyActivation td { border: 0px solid #ffffff; width: 150px; background-color: #e8edef; }
	#config table#ctl00_ContentPlaceHolder_ctl00_rdoCompanyActivation td input#ctl00_ContentPlaceHolder_ctl00_rdoCompanyActivation_0 { width: 50px; background-color: #e8edef; border: 0px solid #ffffff; }
	#config table#ctl00_ContentPlaceHolder_ctl00_rdoCompanyActivation td input#ctl00_ContentPlaceHolder_ctl00_rdoCompanyActivation_1 { width: 50px; background-color: #e8edef; border: 0px solid #ffffff; }

	html>/**/body #config table#ctl00_ContentPlaceHolder_ctl00_rdoCompanyActivation td { border: 0px solid #ffffff; background-color: #e8edef; width: 200px; }
	html>/**/body #config table#ctl00_ContentPlaceHolder_ctl00_rdoCompanyActivation td input#ctl00_ContentPlaceHolder_ctl00_rdoCompanyActivation_0 { width: 40px; background-color: #e8edef; border: 0px solid #ffffff; }
	html>/**/body #config table#ctl00_ContentPlaceHolder_ctl00_rdoCompanyActivation td input#ctl00_ContentPlaceHolder_ctl00_rdoCompanyActivation_1 { width: 40px; background-color: #e8edef; border: 0px solid #ffffff; }	
#config p small strong { font-size: 85%; }

/*************************/
/** News Listing Styles **/
/*************************/

#main #content ul#news { list-style-type: none; list-style-image: none; padding-left: 0px; margin-left: 0px; background-image: none; }
	#main #content ul#news li { font-weight: normal; font-size: 80%; list-style-type: none; list-style-image: none; padding-left: 0px; margin-left: 0px; border-bottom: 1px dotted #3c6c9b; background-image: none; }
	#main #content ul#news li a { text-decoration: none; font-weight: bold; color: #465984; font-size: 110%; background-image: none; }
	#main #content ul#news li a:hover { text-decoration: underline; }
	
/* This is needed! */		
h2#resultshead {
	color: white;
	background: #0c478c url(/img/bg-resultshead.png) top repeat-x;
	font-size: 140%;
	margin: 1em 21px 0 0;
	padding: 8px 8px;
	border-bottom: solid 2px white;
}