/* ------------------ General Styles -------------- */

body { font-family: Arial, Helvetica, sans-serif;
	color: #000000; border: none; top: 0; margin: 0 5px; padding: 0;
	/*background:url(../images/shad-right.gif) top center repeat-y*/}
p { font-family: Arial, Helvetica, sans-serif; font-size: 80%; margin: 0; padding: 5px 15px 5px 15px; }
ul { font-size: 80%; margin: 10px 15px 10px 40px; padding: 0; list-style-type: disc; }
ol { font-size: 80%; margin: 10px 15px 10px 40px; padding: 0; }
li { margin: 5px 0; font-size: 100%; }
label { font-size: 80%; color: #666666; }
/* span { font-size: 80%; } */
select { margin: 0 5px 0 0; }
a, a:link, a:visited { text-decoration: none; color: #E8137B; font-weight: bold; }
a:hover, a:active { text-decoration: none; color: #0090EC; font-weight: bold; }
h1 { font-size: 150%; font-weight: normal; color: #E8137B; padding: 20px 15px 10px 15px; margin: 0; }
h2 { font-size: 90%; font-weight: bold; color: #000000; margin: 0; padding: 15px 15px 5px 15px; clear: both; }
h3 { font-size: 80%; font-weight: bold; color: #000000; margin: 0; padding: 10px 15px 5px 15px; }
ul.nested { font-size: 100%; margin: 10px 15px 10px 20px; list-style-type: circle;}

img, a { outline: none; }

img.standardimage { float: left; margin: 10px 15px 0px 15px; }
img.standardimageright { float: right; margin: 10px 15px 0px 15px; }

div.imageright { float: right; width: auto; margin-left: 10px; }
div.imageright img { margin: 5px 0px 5px 15px; }
div.imageright p { font-size: 75%; color: #666666; }

a.smalllink { background-image:  url(../images/smalllinkbkgnd.gif); background-repeat: no-repeat; background-position: top right; padding: 0 20px 0 0; }
a.smalllink:hover { background-position: 100% -100px; }


table#container { width: 962px; padding: 0; margin: 0; margin-left: auto; margin-right: auto; }

.capitalize { text-transform:capitalize; }

/* ------------------ Footer -------------- */
#footer { background-color: #EEEEEE; border-width: 1px; border-style: solid none solid none; border-color: #999999; }
#footer p { font-size: 70%; color: #666666; margin: 0; padding: 2px 0 2px 5px; }

a.plainlink, a.plainlink:link, a.plainlink:visited { text-decoration: underline; color: #666666; font-weight: normal; }
a.plainlink:hover, a.plainlink:active { text-decoration: underline; color: #0090EC; font-weight: normal; }


/* ------------------ LH Col -------------- */
td.LHcol { margin: 0; padding: 0; }

/* ------------------ LH Navigation Method 2 -------------- */
/* This method uses classes rather than ids. This means more class atributes are required in
the HTML, but it means that multiple instancs of specific elements are possible. The id method
would not be possible if multiple menus, or multiple level 2 links, are required.
*/
div.nav { margin: 0; padding: 0; }
ul.nav { margin: 0; padding: 0; list-style-type: none; }
nav a { color: #FFFFFF; }
li.nav { margin: 0 0 1px 0; }
a.navlevel1, a.navlevel1:link, a.navlevel1:visited, a.navlevel1:active {
	color: #FFFFFF; display: block; font-weight: bold; padding: 5px 5px 5px 20px; margin: 0;
	background-color: #191919;	background-image:  url(../images/level1nav1.gif);
	background-repeat: no-repeat; background-position: 0 0; }
a.navlevel1:hover { background-position: 0 -100px; color: #FFFFFF; }
a.navlevel2, a.navlevel2:link, a.navlevel2:visited, a.navlevel2:active {
	color: #333333; display: block; padding: 5px 5px 5px 20px; margin: 0; background-color: #CCCCCC;
	background-image:  url(../images/level2nav1.gif); background-repeat: no-repeat;
	background-position: 0 0; font-weight: normal; }
a.navlevel2:hover { background-position: 0 -100px; color: #FFFFFF; }

a.navlevel3, a.navlevel3:link, a.navlevel3:visited, a.navlevel3:active {
	color: #333333; display: block; padding: 5px 5px 5px 20px; margin: 0; background-color: #EEEEEE; font-weight: normal;
	background-image:  url(../images/level3nav1.gif); background-repeat: no-repeat;
	background-position: 0 0; }
a.navlevel3:hover { background-position: 0 -100px; color: #FFFFFF; font-weight: normal; }

a.navlevel1selected, a.navlevel1selected:link, a.navlevel1selected:visited, a.navlevel1selected:hover, a.navlevel1selected:active {
	color: #F171B0; display: block; font-weight: bold; padding: 5px 5px 5px 20px; margin: 0;
	background-color: #191919; background-image:  url(../images/level1navselected1.gif);
	background-repeat: no-repeat; background-position: 0 0;	}
a.navlevel2selected, a.navlevel2selected:link, a.navlevel2selected:visited, a.navlevel2selected:hover, a.navlevel2selected:active {
	color: #E8137B; display: block; padding: 5px 5px 5px 20px; margin: 0; background-color: #DDDDDD;
	background-image:  url(../images/level2navselected1.gif); background-repeat: no-repeat;
	background-position: 0 0; }

a.navlevel3selected, a.navlevel3selected:link, a.navlevel3selected:visited, a.navlevel3selected:hover, a.navlevel3selected:active {
	color: #E8137B; display: block; padding: 5px 5px 5px 20px; margin: 0; background-color: #EEEEEE; font-weight: normal;
	background-image:  url(../images/level3navselected1.gif); background-repeat: no-repeat;
	background-position: 0 0; }

/* ------------------ Push Links -------------- */
div.pushlink { margin: 0; padding: 0; }
a.pushlink, a.pushlink:link, a.pushlink:visited, a.pushlink:active {
	font-size: 80%; height: 30px; color: #000000; display: block; font-weight: bold;
	padding: 25px 35px 25px 10px; margin: 0 0 1px 0; background-color: #999999;	
	background-image:  url(../images/pushlink.gif); background-repeat: no-repeat; background-position: 0 0; }
a.pushlink:hover { background-position: 0 -150px; color: #000000; }

/* ------------------ Bottom Menu -------------- */
td.bottomnav { background-color: #000000; text-align: center; margin: 0; padding: 0; }

#horiznav { width: 100%; }
#horiznav ul { margin: 0; padding: 0; white-space: nowrap; font-size: 70%; }
#horiznav ul li { display: inline; }
#horiznav ul li a { color: #FFFFFF; font-weight: normal; padding: 0 5px 0 5px; margin: 0 0 0 0;
	 			    border-right-width: 1px; border-right-style: solid; border-right-color: #FFFFFF;
					border-left-width: 1px; border-left-style: solid; border-left-color: #000000; 
					background-color: #000000; }
#horiznav ul li a:hover { background-color: #0090EC; color: #FFFFFF; }


/* ------------------ Legal text -------------- */
#legalfooter { margin: 40px 0 15px 0; }
#legalfooter p { font-size: 70%; color: #666666; }
#legalfooter a, #legalfooter a:link, #legalfooter a:visited { text-decoration: underline; color: #666666; font-weight: normal; }
#legalfooter a:hover, #legalfooter a:active { text-decoration: underline; color: #0090EC; font-weight: normal; }

#furtherinformation { padding: 0 15px; }
#furtherinformation h2 { font-size: 70%; padding: 0; margin: 0; }
#furtherinformation p { padding: 0 0 5px 0; margin: 0; }


/* ------------------ RH Text -------------- */
div.rhtext { background-color: #D6D6D6; padding: 10px 0 15px 0; margin: 0 0 1px 0; }
h2.rhtext { font-size: 80%; color: #666666; margin: 0; padding: 5px 15px 2px 15px; }
h3.rhtext { font-size: 70%; font-weight: normal; color: #666666; margin: 0; padding: 0 15px 10px 15px; }
p.rhtext { font-size: 70%; color: #666666; padding: 0 15px 0 15px; margin: 0; }
p.rhtitle { font-weight: bold; 	font-size: 70%; color: #666666; }
ul.rhtext { font-size: 70%; margin: 5px 15px 5px 32px; padding: 0; list-style-image: url("../images/listbullet.gif"); }
li.rhtext { color: #666666; margin: 4px 0 0px 0; padding: 0; }

/* ------------------ call us box -------------- */
#callusbox { background-color: #D6D6D6; background-image: url("../images/callusbkgnd.jpg"); background-repeat: no-repeat; padding: 5px 0 5px 10px; margin: 0 0 1px 0; }
#callusbox h2 { margin: 0; padding: 10px 0 0 0; font-size: 80%; color: #000; }
#callusbox h3 { margin: 0; padding: 5px 0 0 0; font-size: 110%; color: #000; /* color: #0050A5; */ }
#callusbox p { margin: 0; padding: 10px 60px 10px 0; font-size: 70%; color: #666666; font-weight: bold;}
#callusbox h4 { margin: 0; padding: 5px 3px 0 0; font-size: 65%; line-height: 100%; color: #666666; font-weight: normal; text-align: left; }

/* ------------------ call us box -------------- */
#bestbuybox { background-color: #D6D6D6; background-image: url("../images/bestbuybkgnd.jpg"); background-repeat: no-repeat; padding: 5px 0 5px 10px; margin: 0 0 1px 0; }
#bestbuybox h2 { margin: 0; padding: 10px 0 0 0; font-size: 80%; color: #000; }
#bestbuybox h3 { margin: 0; padding: 5px 0 0 0; font-size: 110%; color: #000; /* color: #0050A5; */ }
#bestbuybox p { margin: 0; padding: 10px 60px 10px 0; font-size: 70%; color: #666666; font-weight: bold;}
#bestbuybox h4 { margin: 0; padding: 5px 3px 0 0; font-size: 65%; line-height: 100%; color: #666666; font-weight: normal; text-align: left; }


/* ------------------ britannia exclusive box -------------- */
#britanniaexclusivebox { border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#britanniaexclusivebox img { border: none; }


/* ------------------ two of us box -------------- */
#twoofusbox { background-color: #D6D6D6; background-image: url("../images/2friendsbkgnd.jpg"); background-repeat: no-repeat; background-position: bottom right; padding: 5px 0 5px 10px; margin: 0 0 1px 0; }
#twoofusbox h2 { margin: 0; padding: 10px 0 0 0; font-size: 80%; color: #000; }
#twoofusbox h3 { margin: 0; padding: 5px 0 0 0; font-size: 110%; color: #666666; /* color: #0050A5; */ }
#twoofusbox p { margin: 0; padding: 10px 70px 20px 0; font-size: 70%; color: #666666; font-weight: bold;}

/* ------------------ two of us box -------------- */
#cobuyerboxbox { background-color: #D6D6D6; background-image: url("../images/cobuyers_bkgnd.jpg"); background-repeat: no-repeat; background-position: bottom right; padding: 5px 0 5px 10px; margin: 0 0 1px 0; }
#cobuyerboxbox h2 { margin: 0; padding: 10px 0 0 0; font-size: 80%; color: #000; }
#cobuyerboxbox p { margin: 0; padding: 10px 10px 75px 50px; font-size: 70%; color: #666666; font-weight: bold; text-align: right;}

/* ------------------ two of us box -------------- */
#sharersbox { background-color: #D6D6D6; background-image: url("../images/parkwest_bkgnd.jpg"); background-repeat: no-repeat; background-position: bottom right; padding: 5px 0 5px 10px; margin: 0 0 1px 0; }
#sharersbox h2 { margin: 0; padding: 10px 10px 0 0; font-size: 80%; color: #333; text-align: right;}
#sharersbox p { margin: 0; padding: 10px 10px 105px 40px; font-size: 70%; color: #666666; font-weight: bold; text-align: right;}

#facebookbox { margin: 10px 0; padding: 5px 0 10px 0; border: 1px solid #999; text-align: center; }
#facebookbox p { margin: 0; padding: 0; font-size: 70%; }
#facebookbox img { margin: 0; border: none; }

#socialmediabox { margin: 10px 0; padding: 5px; }
#socialmediabox img { margin: 0; border: none; }



/* ------------------ breadcrumb -------------- */
#breadcrumb { background-color: #D6D6D6; padding: 5px 5px 5px 15px; font-size: 80%; font-weight: bold; }
#breadcrumbhome { background: url("../images/grey-bevel-bar.jpg") top left repeat-x ; padding: 5px 5px 5px 15px; font-size: 80%; font-weight: bold;
	color: #333333; border-bottom:1px solid #fff;}

/* ------------------ britannia logo -------------- */
#partnerspanel { margin: 10px 0; padding: 0; text-align: center; }
#partnerspanel h2 { font-size: 80%; padding: 10px 0; margin: 0; } 
#partnerspanel p { margin: 0; padding: 5px 0; font-size: 70%; line-height: 100%; color: #000; }
#partnerspanel img { margin: 0 0 15px 0; }

/*
#britannialogo { margin: 30px 0 20px 0; }
#britannialogo p { margin: 0; padding: 0 22px 2px 17px; font-size: 70%; line-height: 100%; color: #666666; }
#britannialogo img { margin: 0 0 0 16px; }
*/

/* ------------------ Home Page -------------- */

#homesearch { padding: 15px 15px; }
#homesearchinner { background-image:  url(../images/homesearch-bkgnd.jpg); background-repeat: no-repeat; 	background-position: 0 0; height: 161px; width: 578px; padding: 0; margin: 0;}
#homesearch form { position: relative; padding: 0 15px; }
#homesearch label { display: block; color: #000; font-weight: bold; padding: 0; margin: 0; }
#homesearch #propertylocation { width: 280px; color: #000; font-weight: normal; border: 2px solid #000; font-size: 1em;padding: 2px; margin: 3px 3px 0 0; float: left;}
#homesearch #search { padding: 0; margin: 0;float: left; }
#homesearch form p { clear: left; font-size: 80%; padding: 0; margin: 0; }

#homesearch #autoSuggestionPanel { position: absolute; top: 3em; left: 15px; border: 1px solid #666; width: 300px; background-color: #FFF; display: none; }
#homesearch #autoSuggestionPanelInner { padding: 10px 0; }

#autoSuggestionPanel li { list-style: none; padding: 3px 10px 3px 10px; margin: 0; cursor: pointer; }
#autoSuggestionPanel ul { padding: 10px 0px; margin: 0; }
#autoSuggestionPanel li b { font-weight: bold; color: #E8137B; text-transform : capitalize; }
#autoSuggestionPanel li.selected { background-color: #EEE; }

#homeimage { margin: 0; padding: 0; width: 300px; }
#homepanel { margin: 0 0 0 0; padding: 15px 0 0 0; min-width: 160px; }
#homepanel p { font-size: 100%; font-weight: bold; white-space: normal; color: #000000;
	padding: 0 15px 5px 15px; margin: 0; }
a.homepanel, a.homepanel:link, a.homepanel:visited, a.homepanel:active {
	font-size: 90%; color: #666666; font-weight: bold; padding: 15px 45px 25px 0; margin: 20px 0 1px 0;
	background-image:  url(../images/homepanellink2.gif); background-repeat: no-repeat;
	background-position: 0 0; }
a.homepanel:hover { background-position: 0 -150px; color: #0090EC; }
#hometext { margin: 15px 10px 0 14px; clear: both; }

#quotepanel { margin: 15px 15px 15px 15px; padding: 0px; background-color: #EEEEEE; border: 1px solid #CCCCCC; }
#quotepanel h3 { margin: 0; padding: 0 15px 5px 5px; font-size: 70%; font-weight: normal; color: #666666; 
text-align: right; }
#quotepanel p { margin: 0; padding: 5px 5px 5px 5px;  color: #0050A5;}
#bulltes, #bullets { margin: 15px 10px 0 14px;  }

/* ------------------ Mortgage Application ---------------- */
#applynav { background-image:  url(../images/mortgage-application-bkgnd.gif); background-repeat: no-repeat;
	background-position: 0 0; padding: 10px 0 0 0; margin: 16px 0 10px 0; }
#applynavinner { background-image:  url(../images/mortgage-application-bkgnd-bottom.gif); background-repeat: no-repeat;
	background-position: bottom left; padding: 0 0 6px 0; }
#applynav h2 { color: #FFF; font-size: 86%; padding: 0 7px 5px 6px; margin: 0; border-bottom: 1px dotted #FFF; }
#applynav ul { padding: 0; margin: 10px 6px 6px 12px; }
#applynav li { list-style-type: none; padding: 0; margin: 0 0 4px 0; font-size: 90%; }
#applynav ul a { color: #FFF; display: block; padding: 0 0 0 19px;  background-image: url(../images/arrows-black.gif); background-repeat: no-repeat; background-position: 0 0; }
#applynav ul a:hover { color: #0090EC; background-position: 0 -50px; }

p.linkarrow { background-image: url(../images/linkarrow_grey.gif);
	background-repeat: no-repeat; background-position: 0 -20px; }
.arrow  { padding: 3px 5px 3px 20px; background-image:   url(../images/linkarrow.gif);
	background-repeat: no-repeat; background-position: center left; display: block; }
a.linkarrow a:hover { background-image: url(../images/linkarrow_grey.gif);
	background-repeat: no-repeat; background-position: center left; }


/* ------------------ Basic Calculator -------------- */
#basiccalculator { margin: 0 15px 0 15px; padding: 0; border-width: 1px; border-style: solid;
	 border-color: #E8137B; background-color: #EEEEEE; min-width:90%; }
#basiccalculator table { padding: 0; margin: 0; }
#basiccalculator form { padding: 0; margin: 0; }
#basiccalculator td { padding: 8px 5px 0 5px; }
#basiccalculator label { font-size: 80%; color: #666666; }

input.searchbutton { margin: 0 0 8px 0; }

p.formhelp { color: #0050A5; text-align: left; }
p.formerror { color: #FF0000; text-align: left; }
.clear { clear:both; }
h2.importantnote { font-size: 80%; font-weight: bold; padding: 15px 15px 0 15px; margin: 0; }
p.importantnote { /*	color: #333333; */ }

.resultstable { margin: 10px 0 10px 20px; }
.resultstable th { padding: 5px 0 2px 0;  font-size: 80%; }
.resultstable td { font-size: 80%; }
.row2 { background-color: #E0E0E0; } 
/*
table.basiccalc { width: 100%; min-width: 100%; max-width: 100%; }
*/
#findaproperty{ margin: 15px 15px 15px 15px; font-size: 100%; color: #000000; padding: 0;
	border-width: 1px; border-style: solid; border-color: #999999; background-color: #EEEEEE; }
#findaproperty p { padding: 5px; }
#findaproperty p span { font-size: 120%; font-style: italic; }
#findaproperty p span a { color: #5183C1; font-weight: bold; }
#findaproperty p span a:hover { color: #1F2B65; }

/* a.plainlink, a.plainlink:link, a.plainlink:visited { text-decoration: underline; color: #666666; font-weight: normal; }
a.plainlink:hover, a.plainlink:active { text-decoration: underline; color: #0090EC; font-weight: normal; }
*/
/* ------------------ AiP Calculator -------------- */
div.standardform { margin: 0 15px 15px 15px; font-size: 100%; color: #666666; padding: 0;
	border-width: 1px; border-style: solid; border-color: #E8137B; background-color: #EEEEEE; }
h2.standardform { font-size: 100%; color: #666666; margin: 0; padding: 5px 5px 5px 5px;
	border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #BBBBBB; }
.standardform p { padding: 8px; margin: 0; } 
p.confirmerror { color: #FF0000; text-align: left; padding: 0; margin: 0; }

#standardformspecial { margin: 0 15px 15px 15px; font-size: 100%; color: #000000; padding: 0;
	border-width: 1px; border-style: solid; border-color: #0090EC; background-color: #DDDDDD; }
#standardformspecial p { padding: 5px; }
#standardformspecial h2 { padding: 5px; }

#standardformalert { margin: 0 15px 15px 15px; font-size: 100%; color: #000000; padding: 0;
	border-width: 2px; border-style: solid; border-color: #FF0000; background-color: #DDDDDD; }
#standardformalert p { padding: 5px; }

div.resultspanel { padding: 5px; margin: 5px; border-width: 1px; border-style: solid; 
	border-color: #0090EC; background-color: #FBFBFB; }
p.resultspanel { padding: 5px 5px 5px 5px; }
div.helppanel { padding: 5px; margin: 10px; border-width: 1px; border-style: dashed; border-color: #999999;
	 background-color: #FBFBFB; }
p.helptext { padding: 5px 5px 5px 5px; }


#aipcalculator table { padding: 0; margin: 0; }
#aipcalculator form { 	padding: 0; margin: 0; }
td.standardform { padding: 3px 5px 3px 5px; text-align: left; }

td.applicantheading { border-top-width: 1px; border-top-style: solid; border-top-color: #E8137B; }
p.applicantheading { font-weight: bold; }
p.smallprint { font-size: 70%; color: #333333; }
p.errorsummary { font-weight: bold; color: #FF0000; }


/* ------------------ Main Content Styles -------------- */
div.importantbox { padding: 0 0 10px 0; margin: 20px 15px 10px 15px; border-width: 1px; 
				   border-style: dashed; border-color: #E8137B; background-color: #EEEEEE; }
div.redbox { padding: 5px 10px; margin: 0; border-width: 1px; 
				   border-style: solid; border-color: #F00; background-color: #EEEEEE; font-size: 90%; }
			   
				   
div.importantbox2 { padding: 0 0 10px 0; margin: 15px 15px 20px 15px; border-width: 1px; 
				   border-style: dashed; border-color: #E8137B; background-color: #EEEEEE; }
p.help { color: #0050A5; }

#maincontent p img { margin: 0px 20px 10px 0px; float: left; padding: 0; }

#figurestable { text-align: center; margin: 15px; }
#figurestable table { border-width: 1px 0 0 1px; border-style: solid none none solid; border-color: #999999; }
#figurestable th, #figurestable td { font-size: 80%; padding: 5px 10px; border-width: 0 1px 1px 0; 
				border-style: none solid solid none; border-color: #999999;}

#valuationtable { text-align: center; margin: 15px; }
#valuationtable table { text-align: center; border-width: 1px 0 0 1px; border-style: solid none none solid; border-color: #999999; }
#valuationtable th, #valuationtable td { font-size: 80%; padding: 5px 10px; border-width: 0 1px 1px 0; 
				border-style: none solid solid none; border-color: #999999; }
				
div.standardtable { text-align: center; margin: 15px; }
.standardtable table { text-align: center; border-width: 1px 0 0 1px; border-style: solid none none solid; border-color: #999999; }
.standardtable th, .standardtable td { font-size: 80%; padding: 5px 10px; border-width: 0 1px 1px 0; 
				border-style: none solid solid none; border-color: #999999; }				
.standardtable th { background-color: #EEE; }				
p.mandatory { color: #0050A5; }

/* ------------------ Basic Calculator (revised) -------------- */
#basiccalc { margin: 0 15px 0 15px; padding: 0; border-width: 1px; border-style: solid;
	border-color: #E8137B; background-color: #EEEEEE; }
#basiccalc h2 { font-size: 80%; font-weight: bold; color: #333333; margin: 0; padding: 0; }
#basiccalc form { padding: 0; margin: 0; }
#basiccalc td { padding: 5px 5px 5px 5px; text-align: left; }
#basiccalc p { padding: 0; margin: 0; color: #333333; }
#basiccalc label { color: #004D80; }

#sharedcalc { /* margin: 0 15px 0 15px; padding: 0; border-width: 1px; border-style: solid; border-color: #E8137B; background-color: #EEEEEE; */ }
#sharedcalc h2 { font-size: 80%; font-weight: bold; color: #333333; margin: 0; padding: 0; }
#sharedcalc form { padding: 0; margin: 0; }
#sharedcalc td { padding: 5px 5px 5px 5px; text-align: left; }
#sharedcalc p { padding: 0; margin: 0; /* color: #333333; */ }
#sharedcalc label { color: #004D80; }


td.bottomborder { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999;
	font-size: 0; }
td.basiccalcresults { border-top-width: 1px; border-top-style: dashed; border-top-color: #999999; }

#basiccalcresults { margin: 0 15px 15px 15px; font-size: 100%; color: #000000; padding: 0;
	border-width: 1px; border-style: solid; border-color: #0090EC; background-color: #DDDDDD; }
#basiccalcresults p { padding: 5px; margin: 0; color: #333333; }

.calcsubheading { padding: 5px 5px 5px 5px; font-size: 70%; font-weight: bold; background-color: #DDD; }

/* ------------------ Standard Application -------------- */
/*
#application div { margin: 0 15px 15px 10px; padding: 0; border-width: 1px; border-style: solid;
	border-color: #E8137B; background-color: #EEEEEE; width: 650px; }
#application form { padding: 0; margin: 0; }
#application table { margin: 0 0 10px 0; }
#application td { padding: 5px 5px 5px 5px; text-align: left; }
#application p { padding: 5px; margin: 0; }
#application label { color: #000000; }
#application span { padding: 0 5px 0 2px; color: #000000; font-size: 80%; }
#application h2 { padding: 5px; margin: 0 0 5px 0; color: #000000; border-bottom-width: 1px;
	border-bottom-style: dashed; border-bottom-color: #BBBBBB; }
#application h3 { padding: 5px; margin: 0 0 0 0; color: #FFFFFF; background-color: #777777; }	
.errortext { color: #FF0000; }

p.confirmation { color: #0050A5; padding: 0 0 0 15px; margin: 0;}

ul.secondlevel { font-size: 100%; margin: 10px 15px 10px 20px; }
.topborder { border-top-width: 1px; border-top-style: solid; border-top-color: #BBBBBB; }
#alertpanel { margin: 0 15px 15px 15px; padding: 0; border-width: 1px; border-style: solid;
			  border-color: #FF0000; background-color: #DDDDDD; width: 650px; }
#alertpanel p { padding: 5px; margin: 0; font-weight: bold; }

#application #applicationintro { margin: 5px 15px 5px 15px; padding: 0; width: 650px; border-style: none; background-color: #FFFFFF; }
#applicationintro p { padding: 5px 0 5px 0; margin: 0; }
#applicationintro h1 { padding: 5px 0 5px 0; margin: 0; }
#applicationintro h2 { padding: 10px 0 5px 0; margin: 0; border-style: none; }
*/

/* #appvaluationtable { width: 650px;  margin: 0; padding: 0; border-style: none; background-color: #FFFFFF; } */
#appvaluationtable { text-align: center; border-width: 1px 0 0 1px;  width: 650px;
border-style: solid none none solid; border-color: #999999; 
background-color: #FFFFFF;
}
#appvaluationtable th, #appvaluationtable td { font-size: 80%; padding: 5px 10px; 
border-width: 0 1px 1px 0; border-style: none solid solid none; border-color: #999999; text-align: center;}

.formwarning { color: #FF0000; font-weight: bold; }
.previouswarning { color: #333333; font-weight: normal; padding: 0; margin: 0; }


#application #formalert { margin: 5px 15px 10px 15px; padding: 0; width: 650px; border-style: none; background-color: #FFFFFF; }
#formalert p { padding: 0; margin: 0; color: #FF0000; font-weight: bold; }

#application #formmessage { margin: 5px 15px 10px 15px; padding: 0; width: 650px; border-style: none; background-color: #FFFFFF; }
#formmessage p { padding: 0; margin: 0; }
#formmessage ol { padding: 0 0 0 25px; margin: 0; }

td.loginnote { color: #666666; font-size: 80%; }

/* ------------------ Standard Form -------------- */
#standardform { margin: 10px 15px 15px 15px; padding: 0; border-width: 1px; border-style: solid;
	border-color: #E8137B; background-color: #EEEEEE; }
#standardform div { padding: 5px 20px 5px 30px; margin: 0; border-bottom-width: 1px; 
			border-bottom-style: none; border-bottom-color: #CCCCCC; }
#standardform form { padding: 0; margin: 0; }
#standardform p { padding: 5px; margin: 0; }
#standardform span  { color: #FF0000; text-align: left; }
#standardform h3 { padding: 5px; margin: 0 0 0 0; color: #FFFFFF; background-color: #777777; }	
#standardform div.submitarea {  border-top-width: 1px; border-top-style: dashed; border-top-color: #CCCCCC; padding-top: 10px; margin-top: 10px; }

/* for apply online contact form */
#standardform form div p { padding: 0px; margin: 0; color: #666666; }
#standardform form div p.mandatory { padding: 10px 0; }


/* ------------------ Tour Page -------------- */
#tourpanel { margin: 0 15px; padding: 0; border-width: 1px 0 1px 0; border-style: solid none; 
border-color: #BBBBBB; }
#tourpanel p { font-size: 80%; font-weight: bold; white-space: normal; color: #000000;
	padding: 5px 0px 5px 15px; margin: 0; }
#tourpanel table { margin: 0 0 0 0; padding: 0; }
#tourpanel img { margin: 0 0 0 0; padding: 0; }
	
#tourpanel div { }
#tourpanel div a { font-size: 80%; }
#tourpanel ul { margin: 0px 0px 0px 35px; padding: 0; }
#tourpanel li { margin: 3px 0 3px 0; }

#tourtext { margin: 0 0 0 0; clear: both; }
#tourtext span { font-size: 85%; color: #666666; }

#tourfact { margin: 15px 15px 15px 15px; padding: 0px; background-color: #DFDFDF; width: 250px; }
#tourfact h2 { margin: 0; padding: 5px 5px 0 5px; font-size: 80%; font-weight: bold; color: #0050A5; }
#tourfact h3 { margin: 0; padding: 0 15px 5px 5px; font-size: 70%; font-weight: normal; color: #666666; 
text-align: right; }
#tourfact p { margin: 0; padding: 0px 5px 5px 5px;  color: #0050A5;}

#touraction { padding: 0 0; margin: 30px 0 0 20px; }
#touraction p { font-size: 100%; padding: 0; margin: 0 0 0 0; }
a.tourbutton, a.tourbutton:link, a.tourbutton:visited, a.tourbutton:active {
	font-size: 110%; color: #666666; font-weight: bold; padding: 0px 0px 30px 30px; margin: 0px 0 0 0;
	background-image:  url(../images/keysicon.gif); background-repeat: no-repeat;
	background-position: 0 0; white-space: nowrap; }
a.tourbutton:hover { background-position: 0 -100px; color: #0090EC; }
#infonext { padding: 5px 0 35px 0; margin: 20px 15px 20px 15px; border-width: 1px; border-style: solid none; 
			border-color: #BBBBBB; }
#infonext a, #infonext a:link, #infonext a:visited, #infonext a:active {
	font-size: 80%; padding: 0px 0px 30px 30px; margin: 0px 0 0 0;
	background-image:  url(../images/keysicon.gif); background-repeat: no-repeat;
	background-position: 0 0; white-space: nowrap; }
#infonext a:hover { background-position: 0 -100px; color: #0090EC; }
#moreinfo { padding: 5px 0 5px 0; margin: 20px 15px 20px 15px; border-width: 1px; border-style: solid none; 
			border-color: #BBBBBB; }
#moreinfo p { padding: 5px 0; }			
/* ------------------ FAQ lnks panel -------------- */
#faqlinks { margin: 0 15px 0 15px; padding: 0; border-width: 1px; border-style: solid; 
			border-color: #999999; background-color: #EEEEEE; }
#faqlinks ul { margin: 10px 15px 10px 25px; padding: 0; list-style-type: disc; }

.faqlinks { margin: 0 15px 0 15px; padding: 0; border-width: 1px; border-style: solid; 
			border-color: #999999; background-color: #EEEEEE; }
.faqlinks ul { margin: 10px 15px 10px 25px; padding: 0; list-style-type: disc; }



/* ------------------ Press Release -------------- */
#notes { margin: 15px 0 15px 0 }
#notes p { font-size: 70%; color: #333333; } 
p.date { color: #666666; margin: 0 15px 15px 15px; padding: 0; } 

/* ------------------ What the Papers Say -------------- */
p.source { color: #666666; margin: 5px 15px 15px 15px; padding: 0; } 
p.quote { color: #0050A5; }

/* ------------------ Site Map -------------- */
#sitemap { margin: 0 15px 0 15px; padding: 0; border-width: 1px; border-style: none; 
			border-color: #999999; background-color: #FFFFFF; }
#sitemap h2 { margin: 10px 0 0 0; padding: 0; }
#sitemap a { text-decoration: underline; }
#sitemap ul { margin: 0 0 0 0; padding: 0; list-style-type: none; }
#sitemap li { margin: 0; padding: 10px 0 0 0; font-size: 1.1em; font-weight: bold; }
#sitemap ul ul { margin: 0; padding: 6px 0 0 0; list-style-type: none; }
#sitemap li li { margin: 0; padding: 0 0 0 25px; font-size: 1em; }


/* ------------------ Application Confirmation -------------- */
/*
#appconfirm div { margin: 0 15px 10px 15px; padding: 0; border-width: 1px; border-style: solid;
	border-color: #E8137B; background-color: #EEEEEE; width: 650px; }
#appconfirm form { padding: 0; margin: 0; }
#appconfirm table { margin: 0 0 10px 0; }
#appconfirm td { padding: 1px; text-align: left; font-size: 80%; }
#appconfirm p { padding: 5px; margin: 0; }
#appconfirm label { color: #000000; }
#appconfirm span { padding: 0 5px 0 2px; color: #000000; font-size: 80%; }
#appconfirm h2 { padding: 5px; margin: 0 0 5px 0; color: #000000; border-bottom-width: 1px;
	border-bottom-style: dashed; border-bottom-color: #BBBBBB; }
#appconfirm h3 { padding: 5px; margin: 0 0 0 0; color: #FFFFFF; background-color: #777777; }	
*
/* ------------------ Application Conmplete -------------- */
/*
#application #appcomplete { margin: 5px 15px 5px 15px; padding: 0; width: 650px; border-style: none; background-color: #FFFFFF; }
#appcomplete p { padding: 5px 0 5px 0; margin: 0; }
#appcomplete h1 { padding: 0 0 5px 0; margin: 0; }
#appcomplete h2 { padding: 10px 0 5px 0; margin: 0; border-style: none; }
*/
/* ------------------ Application banner area -------------- */
/*
#appbanner { margin: 0 0px 0px 0px; padding: 0; background-color: #E8137B; width: 100%; height:70px; }
#appbanner td h1 { padding: 5px 5px 5px 5px; text-align: left; color: #FFFFFF; font-size: 100%; font-weight: bold; }
#appbanner a { font-weight: bold; color: #FFFFFF; padding: 0 5px 0 5px; margin: 0 0 0 0; }
#appbanner a:hover { font-weight: bold; color: #BBBBBB; }

#appsectionbanner { margin: 0 0px 0px 0px; padding: 0; background-color: #D6D6D6; width: 100%; }
#appsectionbanner h2 { padding: 2px 5px 2px 10px; text-align: left; color: #000000; font-size: 80%; 
font-weight: bold; }

#progress { margin: 0 0 0 0; padding: 0; width: 100%; border-width: 2px 0 0 0; 
			border-style: solid none solid none; border-color: #E8137B; }
#progress ul { margin: 0; padding: 0 0 0 7px; list-style-type: none; }
#progress li { float: left; margin: 0 0 0px 0; padding: 0; white-space: nowrap; }
#progress a, #progress span { font-size: 100%; color: #999999; display: block; font-weight: bold; 
	padding: 5px 5px 5px 20px; margin: 0; background-color: #FFFFFF; 
	background-image:  url(../images/progressarrow.gif); background-repeat: no-repeat;
	background-position: 0 0; }
*/
/* border-bottom-width: 2px; border-bottom-color: #0090EC; border-bottom-style: none; */
/*
#progress a:link, #progress a:visited, #progress a:active { color: #E8137B; }
#progress a:hover{ color: #0090EC; }

div.separator { margin: 0 0 20px 0; padding: 0; width: 100%; border-width: 2px 0 0 0; 
			border-style: solid none none none; border-color: #E8137B; clear: both; float: none; }
*/
/* ------------------ Status Page -------------- */
/*
#statuspanelheading { position: relative; margin: 10px 15px 10px 15px; padding: 0; border-width: 1px; border-style: solid;
	border-color: #0050A5; background-color: #0050A5; width: 650px; color: #FFFFFF; }
#statuspanelheading span { float: left; padding: 0 0px 0 5px; margin: 0; font-size: 100%; font-weight: bold; }
#statuspanelheading p { text-align: right; padding: 0 10px 0 0px; margin: 0; font-size: 100%; font-weight: bold; }
#statuspanelheading div { background-color: #B1D0FF; }
#statuspanelheading div p { text-align: left; padding: 5px; margin: 0; color: #000000; font-size: 80%; font-weight: normal; }
*/
/* ------------------ KFI Form -------------- */
#kfiform div { margin: 0 15px 10px 15px; padding: 0; border-width: 1px; border-style: solid;
	 border-color: #E8137B; background-color: #EEEEEE; min-width:90%; }
#kfiform table { padding: 0; margin: 0; }
#kfiform form { padding: 0; margin: 0; }
#kfiform td { padding: 5px; }
#kfiform h2 { font-size: 90%; color: #666666; margin: 0px 0 5px 0; padding: 5px 3px 2px 3px;  } 
#kfiform h3 { font-size: 90%; color: #666666; margin: 10px 0 5px 0; padding: 5px 3px 2px 3px; 
border-top: 1px dashed #999999; } 
#kfiform label { font-size: 80%; color: #666666; margin: 3px; }
#kfiform input, #kfiform select { padding: 0; margin: 0px; /* background-color: #FFFFFF; */} 
#kfiform p { margin: 0; padding: 5px; }
#kfiform input[type=text], #kfiform select, #kfiform input[type=radio] { padding: 0; margin: 0 5px 0 0; }

input.searchbutton { margin: 0 0 8px 0; }
#formerroralert { margin: 5px 15px 10px 15px; padding: 0; border-style: none; }
#formerroralert p { padding: 0; margin: 0; color: #FF0000; font-weight: bold; }

/* ------------------ Newsletter panel -------------- */
#newsletterpanel { width:548px; margin: 14px 0px 14px 0; padding: 10px 0 0 0; 
	  background:url(../images/form-background-top.gif) top left no-repeat #000; text-align: left; }
#newsletterpanel p { font-size: 80%; padding: 0px 0 2px 0; margin: 10px; color:#fff; }
#newsletterpanel input { font-size: 70%; margin: 0; padding: 1px; border: 1px #0050A5 solid; }
#newsletterpanel form, fieldset { border: none; margin: 0; padding: 0; } 
#newsletterpanel #submit { color: #FFFFFF; background: #003064; font-weight: normal; padding: 0px; 
margin: 0; border: 1px #666666 outset; }
#newsletterpanel div {background:url(../images/form-background-bottom.gif)  bottom left no-repeat #000; padding:0px 0px 0px 3px;}
#newsletterpanel #name, #newsletterpanel #submit, #newsletterpanel #email { margin:0px 10px 14px 10px; height:17px; width:140px; border:2px solid #E8137B; padding:1px 7px 1px 7px;}
#newsletterpanel #submit{background-color:#E8137B; color:#000; font-weight:bolder;  width:100px; height:23px; font-family:Verdana, Arial, Helvetica, sans-serif;}

#newsletterpanel p.twitter { font-size: 70%; padding: 0 10px 5px 10px; margin: 0; }
#newsletterpanel p.twitter a { display: block; background:url(../images/twitter-black.png) top left no-repeat #000; padding: 0px 0 0px 83px; color: #33CCFF; }
#newsletterpanel p.twitter a:hover { color: #E8137B; }

/* ------------------ Case study list -------------- */
/*
#casestudylist, #casestudypointers { margin: 10px 15px 15px 15px; padding: 0; 
background:url(../images/black-top-bar.jpg) top left no-repeat #000 ; width:576px;}
#casestudylist h2, #casestudypointers h2 { margin: 0; padding:4px 0px 4px 14px; color: #FFFFFF; font-size: 80%; }
#casestudylist table { }
#casestudylist td { font-size: 80%; padding: 7px 7px 7px 14px; }
#casestudylist a, #casestudylist a:link, #casestudylist a:visited { display: block; color: #E8137B; }
#casestudylist a:hover, #casestudylist a:active { color: #666666; }

#casestudypointers #casestudylistInner{ padding: 0 0 0 12px; }
#casestudypointers td { font-size: 80%; padding: 7px 10px 7px 2px; vertical-align: top; }
#casestudypointers a.smalllink { padding: 0 20px 0 0; display: block; margin: 0 0 0 5px; font-size: 90%; }
#casestudypointers img { float: left; margin: 0 5px 10px 0; }

#casestudylistInner { border:1px solid #000; background-color:#FFFFFF;}
*/

/* ------------------ New Case study list -------------- */
#casestudies {  margin: 0px 15px 15px 15px; padding: 0;  }
#casestudies img { float: right; margin: 0 0 15px 15px; }
#casestudies div.casestudyquote { color: #0A4083; padding: 0; margin: 0; }
#casestudies h2 { margin: 0; padding: 0 0 15px 0; }
#casestudies p { padding-left: 0; padding-right: 0; }

#casestudylist {  margin: 20px 15px 15px 15px; padding: 0;  }
#casestudylistinner {  width:576px; }
#casestudylistcontent { border: 1px solid #000; padding: 10px 14px 10px 14px; }
#casestudylist h2 { background:url(../images/black-heading-576.gif) top left no-repeat #FFF ; margin: 0; padding:4px 14px 4px 14px; color: #FFFFFF; font-size: 90%; }

#casestudylist div.even { float: left; width: 278px; }
#casestudylist div.listitem { height: 70px; } 
#casestudylist div.listitem img { float: left; margin: 0 10px 0 0; } 



/* ------------------ Latest News list -------------- */

#latestnews {  margin: 20px 15px 15px 15px; padding: 0;  }
#latestnewsinner {  width:576px; }
#latestnewscontent { border: 1px solid #000; padding: 0 14px 10px 14px; }
#latestnews h2 { background:url(../images/black-heading-576.gif) top left no-repeat #FFF ; margin: 0; padding:4px 14px 4px 14px; color: #FFFFFF; font-size: 90%; }
#latestnews ul { margin: 0 0; padding: 0; font-size: 1em; list-style-type: none; }
#latestnews li { margin: 6px 0; padding: 0; font-size: 1em; }
#latestnews div.listitem { padding: 10px 0 0 0; }
#latestnews div.listitem h3 { margin: 0; padding: 0; }
#latestnews div.listitem p { margin: 0; padding: 0; }
#latestnews div.listitem p.newsdate { font-size: 0.7em; color: #333; padding-bottom: 5px; }

#newscontent { padding: 0 15px; margin: 0 0 20px 0; }
#newscontent p { padding-left: 0; padding-right: 0; margin: 0; }
#newscontent p.newsdate { font-size: 0.9em; color: #333; padding-bottom: 5px; margin-top: -10px; }


/* ------------------ Latest News list -------------- */

#mortgagepanel {  margin: 10px 15px 15px 15px; padding: 0;  }
#mortgagepanelinner {  width:576px; }
#mortgagepanelcontent { border: 1px solid #000; padding: 0 14px 10px 14px; font-size: 80%; }
#mortgagepanel h2 { background:url(../images/black-heading-576.gif) top left no-repeat #FFF ; margin: 0; padding:4px 14px 4px 14px; color: #FFFFFF; font-size: 90%; }
#mortgagepanel ul { margin: 0 0; padding: 0; font-size: 1em; list-style-type: none; }
#mortgagepanel li { margin: 6px 0; padding: 0; font-size: 1em; }
#mortgagepanel li h3 { margin: 0; padding: 0; }
#mortgagepanel li p { margin: 0; padding: 0; }
#mortgagepanel p { font-size: 1em; }

/* ------------------ Banner ad -------------- */
/*
#bannerad { margin: 0px 15px 0px 15px; padding: 5px 0px 5px 0px; border-top: 1px dashed #999999; 
border-top: 1px dashed #999999; border-bottom: 1px dashed #999999; background-color: #EEEEEE; 
text-align: left; height: 60px; min-height: 60px; }
html>body #bannerad { height: auto; } 
#bannerad img { float: left; display: inline; margin: 0 5px 0 0; }
#bannerad div { padding: 0; margin: 0;  }
#bannerad p { color: #F06000; font-size: 70%; padding: 0; margin: 0; }
#bannerad span { color: #666666; }
*/

/* ------------------ Link arrow -------------- */
/* background applied to containing p for pre-load */
p.linkarrow { background-image: url(../images/linkarrow_grey.gif);
	background-repeat: no-repeat; background-position: 0 -20px; }
.arrow  { padding: 3px 5px 3px 20px; background-image:   url(../images/linkarrow.gif);
	background-repeat: no-repeat; background-position: center left; display: block; }
a.linkarrow a:hover { background-image: url(../images/linkarrow_grey.gif);
	background-repeat: no-repeat; background-position: center left; }
.noarrow { padding: 3px 0 3px 0px; background-image: none; display: inline; }


#listtable { margin: 10px 15px 15px 30px; vertical-align: top; }
#listtable td { vertical-align: top; }
#listtable ul { margin: 0; padding: 0; list-style-type: none; }
#listtable li {  margin: 0; padding: 0 10px 5px 20px; background-image:   url(../images/linkarrow.gif); background-repeat: no-repeat; background-position: 0 3px; }
#listtable li a { padding: 0; margin: 0;  }

/*
#mortgagepanel { clear: left; margin: 15px 15px 15px 15px; padding: 0 0px 0px 0px; border: 1px solid #000; background-color: #E8E8E8; font-size: 100%; width:574px;}
#mortgagepanel h2 { font-size: 80%; margin: 0; padding: 12px 0 3px 13px; }
*/
#mortgagetools ul {  padding: 0px 0px 0px 10px; margin: 0 0 5px 25px; list-style-image: url(../images/small-grey-arrows.gif);  }
#mortgagetools li {  font-size: 98%; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; }
#mortgagetools a {  margin: 0; padding: 0; }

#mortgageinfo ul {  padding: 0px 0px 0px 10px; margin: 0 0 5px 25px; list-style-image: url(../images/small-grey-arrows.gif); }
#mortgageinfo li {  font-size: 98%; padding: 0px 10px 0px 0px; margin: 10px 0px 0px 0px; }
#mortgageinfo a {  margin: 0; padding: 0; }

/* ------------------ Monster -------------- */
#monstertopnav { width: 100%; background-color: #CCC; margin-top: 6px; text-align: center; }
#monstertopnav ul { margin: 0 0 0 0px; padding: 2px 0; white-space: nowrap; font-size: 80%; }
#monstertopnav ul li { display: inline; }
#monstertopnav ul li a { color: #306; font-weight: bold; padding: 0 45px 0 45px; margin: 0 0 0 0;
	 			    background-color: #CCC; text-decoration: underline; }
#monstertopnav ul li a:hover { color: #609; }

#monsterheader { margin: 5px 0 0 0; padding: 0 10px; /* border-bottom: 1px solid #000; */ }

/* 639 */
div#monstersubnav {
	background-color: #666666; clear: both; margin: 0 0 1px 0; padding: 0; font-size: 90%;  }
div#monstersubnav li a { color: #FFF; padding: 2px 10px 3px 15px; text-decoration: underline; }
div#monstersubnav a:link,
div#monstersubnav a:visited {
	color: #FEF; font-weight: bold; text-decoration: none; }
div#monstersubnav a:hover,
div#monstersubnav a:active {
	color: #DDD; font-weight: bold; text-decoration: none; }
div#monstersubnav ul {
	font-weight: bold; 
	list-style: none; 
	margin: 0px; 
	padding: 2px 0px 3px 0px; 
	width: 100%; }
div#monstersubnav li {
	display: inline; /* not recognised by IE 5.0) */
	padding: 2px 0px 3px 0px; /* matches link padding except for left and right */ }
div#monsterfooter { text-align: center; background-color: #FFFFFF; font-size: 70%; border: none; margin: 10px 0; }
div#monsterfooter a { color: #306; font-weight: normal; }

table#twincolumn { margin: 10px 15px; }
#twincolumn td, #twincolumn th { vertical-align: top; padding: 0 10px 0 10px; }
#twincolumn td { background-color: #EEE; }
#twincolumn th { text-align: center; background-color: #DDD; }
#twincolumn p { padding: 10px 0; margin: 0; }

/* ------------------------- Design revamp below --------------------- */

/* -- Top banner buttons area -- */
#topBanner{
text-indent:-9000px;
}
#topBanner a { outline: none; }

#topBanner #topSharedOwnershipProperties a { background:url(../images/top-sharedownershipproperties.jpg) 0 0 no-repeat; }
#topBanner #topSharedOwnershipProperties a:hover { background-position: 0 -113px; }

#topBanner #topSharedOwnershipMortgages a { background:url(../images/top-sharedownershipmortgages.jpg) 0 0 no-repeat; }
#topBanner #topSharedOwnershipMortgages a:hover { background-position: 0 -113px; }

#topBanner #topGettingStarted a { background:url(../images/top-gettingstarted.jpg) 0 0 no-repeat; }
#topBanner #topGettingStarted a:hover { background-position: 0 -113px; }


#topBanner a{
color:#FFFFFF;
font-size:.8em;
display:block;
/* background:url(../images/top-friends-text.gif) 18px 73px no-repeat; */

height:110px;
}

#topBanner a:hover{
background:url(../images/top-friends-text.gif) 18px -13px no-repeat;
}

#topBanner .families{
background:url(../images/top-family-text.gif) 12px 73px no-repeat;
}

#topBanner .families:hover{
background:url(../images/top-family-text.gif) 12px -43px no-repeat;
}

#topBanner .ha{
background:url(../images/top-ha-text.gif) 26px 67px no-repeat;
}

#topBanner .ha:hover{
background:url(../images/top-ha-text.gif) 26px -108px no-repeat;
}

/* -- Top banner right hand links area -- */

#topLinks { 
background:url(../images/top-pink-box.jpg) top left repeat-x;
/* padding: 0 0 0 30px; */
}

#topLinks ul{ 
font-size:.7em;
margin:0px 0px 0px 6px;
}

#topLinks ul li{ 
text-align:left;
padding: 3px 0;
}

#topLinks ul li a{ 
background:url(../images/white-arrow-on-pink.gif) 0 4px no-repeat;
padding: 0 0 0 10px;
display: block; 
}

/* ------------------ Top Right Menu -------------- */

#toprightnav { margin:0 0 0 35px; padding: 0; } 
#toprightnav ul { margin: 0; padding: 0; width: 110px; }
#toprightnav ul li { list-style: none; margin: 0; }
#toprightnav ul li a { font-weight: bold; color: #FFFFFF; margin: 0; }
#toprightnav ul li a:hover { font-weight: bold; color: #BBBBBB; }




/* -- blackBanner  -- */

#blackBanner{ 
color:#fff;

}

#blackBanner h1{ 
color:#fff;
font-size:1.1em;
padding:16px 0px 0px 13px;
}

#blackBanner p{ 

padding:12px 0px 0px 13px;
}

#heresHow{ 
background:url(../images/heresHow.jpg) 1px 4px no-repeat;
padding:0px 0px 0px 13px;
text-indent:-9000px;
width:150px;
height:30px;
display:block;
}

div.homebuybox { padding: 0 0 10px 0; margin: 20px 15px 10px 15px; border-width: 1px; 
				   border-style: dashed; border-color: #E8137B; background-color: #EEEEEE; }
.homebuybox table { margin: 0 0 15px 15px; font-size: 80%; }
.homebuybox td, .homebuybox th { text-align: left; padding: 0 20px 0 0; }

div#housingassociationform { margin: 15px 15px; padding: 5px 10px; background-color: #000; border: 1px solid #333; }
#housingassociationform form { margin: 0; padding: 0; }
#housingassociationform p { margin: 0; padding: 0 0 5px 0; color: #FFF; font-weight: bold; }

div#solicitorlist { }
#solicitorlist h3 { border-bottom: 1px solid #000; margin: 15px 15px 10px 15px; padding: 0; }
#solicitorlist table { margin: 0 15px 10px 15px; font-size: 80%; }
#solicitorlist td, #solicitorlist th { text-align: left; vertical-align: top; padding: 2px 0; }
#solicitorlist th { width: 150px; font-weight: normal; color: #666; }

#propertylinkpanel { margin: 15px 15px 10px 15px; background:url(../images/propertylink-bkgnd.jpg) top left no-repeat; padding: 20px 250px 20px 15px; 
}
#propertylinkpanel p { color: #FFF; font-size: 90%; margin: 0; padding: 0; }
#propertylinkpanel p a { color: #FFF; font-weight: bold; text-decoration: underline; }

#affordabilitycalc { padding: 15px 15px; }
#affordabilitycalc table { border-width: 1px; border-style: solid; border-color: #E8137B; background-color: #EEEEEE; margin: 0px 0px 10px 0px; }

#affordabilitycalc h2 { font-size: 80%; font-weight: bold; color: #333333; margin: 0; padding: 0; }
#affordabilitycalc td { padding: 5px 5px 5px 5px; text-align: left; vertical-align: top; }
#affordabilitycalc p { padding: 0; margin: 0; /* color: #333333; */ }
#affordabilitycalc label { color: #004D80; }
#affordabilitycalc table td.question span { display: block; font-size: 85%; color: #333; }

#affordabilitycalc td.calcsubheading { padding: 5px 5px 5px 5px; font-size: 80%; font-weight: bold; background-color: #AAA; }

div.propertybanner { margin: 0 0 7px 15px; }
.propertybanner img { border: none; }