#page-index .style1 { font-size: 1.5em }

.textMed {font-size: 1.3em}
.textLarge {font-size: 1.6em}

body { min-height:100%; height: 100%; margin:0; padding:0;  background-color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; }

/*Contains shaddow elements*/
#maincontainer { width: 920px; margin: 0 auto; background: url(/images/background.png) repeat-y; background-position: center; }
#botshaddow { width: 920px; height: 10px; margin: 0 auto; background: url(/images/botbackground.png) no-repeat; background-position: center; }


#wrapper { width: 875px; margin: 0 auto; /*Center container on page*/ border-left: 6px solid #fff; border-right: 6px solid #fff; border-bottom: 6px solid #fff;
}

#bodyText h1, 
#bodyTextcenter h1 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	line-height: 1.3em;
	font-weight: normal;
	color: #10638c;
	}

#bodyText h2, 
#bodyTextcenter h2{ 
	font-weight: normal; 
	font-size: 1.3em; 
	line-height: 1.5em; 
	margin: 1.4em 0 0em; 
	padding: 0; /*clear: right;*/ 
	}
	
	
#bodyText h3, 
#bodyTextcenter h3 { 
	font-weight: bold; 
	font-size: 1em; 
	line-height: 1.5em; 
	margin: 1.4em 0 0em; 
	padding: 0; /*clear: right;*/ 
	}
	
#bodyText h4, 
#bodyTextcenter h4 { 
	font-weight: bold; 
	font-size: 1em; 
	line-height: -1em; 
	margin: -0.9em 0 0em; 
	padding: 0; /*clear: right;*/ 
	color: #10638c;
	
	}
	
#bread {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 0em 0em 2em 0em;
	padding: 0; /*clear: right;*/
	color: #4D809C;
}

#bread a {
	font-weight: normal;
	color: #4D809C;
}
#disclaimer { 
		background-color: #10638c; 
		color: #fff; 
		height: 20px; 
		font-size: 12px;
		position: relative; 
		padding-left: 0px; 
		padding-top: 10px; 
		padding-bottom: 19px; 
		
		text-align: center; 
		border-bottom: 6px solid #fff;
		margin-top: -5px;
		line-height: 15px;
				}

	#disclaimer a { color: #fff;
		}


#subNav { 
	background-color: #d3e3ed; 
	color: #10638c; 
	height: 15px; 
	font-size: 0.8em; 
	position: relative; 
	padding-left: 0px; 
	padding-top: 6px; 
	padding-bottom: 4px; 
	border-bottom: 9px solid #fff; 
	}
	
#subNav ul { margin: 0; padding-left: 210px; }
#subNav li { list-style-type: none; font-size: 1.1em; margin: 0; padding: 0; display: inline; }
#subNav a { padding: 5px 15px 30px 15px; text-decoration: none; color: #10638c; border: 0px;}
#subNav a:hover { background-color: #fff; color: #10638c;}

#header { position: relative; height: 4em; width: 875px; background-color: #fff;}
#header_logo { width: 210px; float: left; position: relative; background-color: #fff; }

#header_nav { position: relative; height: 66px; width: 665px; font-size: 0.65em; text-transform: uppercase;  float: left; padding: 0; color: #10638c; clear: right; background-color: #fff; }
#header_nav ul { list-style-type: none; margin: 0 0 0 2px; padding: 0; height: 66px; width: 665px; }
#header_nav li { float: left; height: 66px; position: relative; }
#header_nav li a { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; margin-right: 1px; border-right: 1px dashed #D3E3ED; text-decoration: none; color: #10638c; padding: 180px 0 5px 0; }
#header_nav li a:hover { background: #d3e3ed; color: #10638c;}

#header_nav li#liHome { width: 5.8em; }
#header_nav li#liEr { width: 6.4em; }
#header_nav li#liOp { width: 7.3em; }
#header_nav li#liWhy { width: 7.0em; }
#header_nav li#liHappy { width: 7.5em; }
#header_nav li#liContacts { width: 8.4em; }
#header_nav li#liUseful { width: 7.0em; }
#header_nav li#liContactUs { width: 7.4em; }
#header_nav li#liContactUs a { border-right: none; }
#header_nav li#liAbout { width: 6.3em; }



/*--------------- MAIN NAV active page styles -----------------*/

#homepage #liHome a,

#equity-release #liEr a,
#equity-release-reasons-to-release-equity #liEr a,
#equity-release-criteria #liEr a,
#equity-release-frequently-asked-questions #liEr a,

#equity-release-our-plans #liOp a,
#equity-release-lifetime-mortgages #liOp a,
#equity-release-home-reversion #liOp a,
#equity-release-considerations #liOp a,
#equity-release-regulation #liOp a,

#equity-release-why-syh #liWhy a,
#equity-release-additional-info #liWhy a,

#equity-release-about-us #liAbout a,
#equity-release-welcome-to-SYH #liAbout a,
#equity-release-background #liAbout a,
#equity-release-meet-the-team #liAbout a,

#equity-release-happy-customers #liHappy a,
#equity-release-case-studies #liHappy a,
#equity-release-testimonials #liHappy a,

#equity-release-news-resources #liContacts a,
#equity-release-recent-articles #liContacts a,
#equity-release-resource-centre #liContacts a,

#equity-release-useful-links #liUseful a,
#equity-release-useful-contacts #liUseful a,

#equity-release-contact-us #liContactUs a,
#equity-release-request-a-call-back #liContactUs a

{
background-color: #d3e3ed;
color: #10638c;
}

/*--------------- SUB NAV active page styles -----------------*/

#home #liHome a,

#equity-release #subER a,
#equity-release-reasons-to-release-equity #subrea a,
#equity-release-criteria #subcri a,
#equity-release-frequently-asked-questions #subfaq a,

#equity-release-our-plans #sublm a,
#equity-release-home-reversion #subhr a,
#equity-release-considerations #subcon a,
#equity-release-regulation #subreg a,

#equity-release-why-syh #subwhy a,
#equity-release-additional-info #subadd a,

#equity-release-about-us #subab a,
#equity-release-background #subbg a,
#equity-release-meet-the-team #subte a,

#equity-release-happy-customers #subha a,
#equity-release-case-studies #subcs a,
#equity-release-testimonials #subtm a,

#equity-release-news-resources #subnr a,
#equity-release-recent-articles #subra a,
#equity-release-resource-centre #subrc a,

#equity-release-useful-links #subul a,
#equity-release-useful-contacts #subuc a,

#equity-release-contact-us #subcu a,
#equity-release-request-a-call-back #subreq a

{
background-color: #fff;
color: #10638c;
}

#headerImg {
clear: both;
 color: #618eb8;
 width: 875px;
 height: 174px;
 float: center;
 position: relative;
 padding: 0px;
/*--padding-top: 5px;--*/
 border: 0px solid #618eb8;
 margin: 0px 0px 0px 0px;
 background: #ffffff; 
}



#lhsCol { 
	width: 210px; 
	position: relative; 
	background-color: #d3e3ed; 
	float: left; 
	display: block; 
	color: #10638c; 
	border: 0px solid;
	}
	
#lhsCol a { 
	color: #10638c; 
	text-decoration: none; 
	margin: 0; 
	padding: 5px 5px 10px; 
	display: block; 
	width:200px; 
	}
	
#lhsCol a:hover { 
	text-decoration: none; 
	background-color:#618eb8; 
	color:#fff; 
	}



#lhsCol ul { font-size: 0.7em; list-style-type: none; margin-top: 0; margin-left: 0; padding: 0; margin-bottom: 0; }
#lhsCol li { margin:0; display:block; padding:0; }
#lhsCol li a { padding: 3px 5px; }

#lhsCol .dottedBreakBtm { border-bottom: 1px dashed #5D99BB; height: 1px; margin-bottom: 0; padding: 0 10px; }
#lhsCol h6 { text-transform: uppercase; font-size: .6em; font-weight: normal; margin: 0; }
#lhsCol p { font-size: .7em; }

#lhsCol .header { 
	display: block; 
	font-size: 17px; 
	text-transform: none; 
	font-weight: normal; 
	padding-bottom: 7px;
	padding-top: 10px; 
	margin: 0; 
	}
	
#lhsCol .body { 
	font-size: 12px; 
	line-height: 1.2em; 
	}
	
#lhsCol .number { 
	font-size: 22px; 
	line-height: 1.4em; 
	}
	

#lhsCol .news, #lhsCol .brochure, #lhsCol .contactUs, #lhsCol .glossary, #lhsCol .terms, #lhsCol .FAQs  { 
	border-top: 1px dashed #5D99BB; 
	}
	
#lhsCol .linkblock { padding-top: 20px; padding-bottom: 20px; }

.textSize { width: 190px; position: relative; float: left; }
.textSize a { display:inline; }
.textSize a:hover { color:#7393AF; background-color:#6299BC; }


#bodyWrapper {
	position: relative; 
	color: #749DB4; 
	margin: 0 auto; 
	width: 880px; 
	border: 0px dashed; 
	min-height: 100%;
	background: url(/images/lhcolor.gif) repeat-y;
	}

* html #bodyWrapper {
	height: 100%;
}

html {
	overflow-y: scroll;
}


#bodyWrapper .bodyCol { width: 555px; position: relative; color: #10638c; font-size: 12px; height: 100%; float: left; }
#bodyWrapper .bodyCol .body { margin-left: 13px; margin-right: 10px; line-height: 2em; width: 445px; float: left; }
#bodyWrapper .rhsCol { float: left; width: 65px; position: relative; height: 100%; }
#bodyWrapper .mainHeader { margin-left: 13px; margin-top: 30px; float: left; margin-bottom: 0; width: 416px; clear: right; }

#bodyWrapper #searchblock { background: #dcedf7 url(/staticfiles/img/app/find.png) no-repeat 10px 2px; padding: 5px;/* margin: 0 -48px 5px -10px;*/ }
#bodyWrapper #searchblock form { margin: 0; float: right; }
#bodyWrapper #login { float: right; clear: right; /*margin-right: -48px;*/ font-size: 75%; }
#bodyWrapper #login a { font-weight: normal; text-decoration: none; }


#bodyText { float: left; clear: right; margin: 10px 0 0 17px; padding-bottom: 4em; line-height: 1.5em; width: 640px; border: 0px solid; color: #10638c; font-size: 0.8em; position: relative; }
#bodyText { width:640px; } 
#bodyTextWrapper { width:492px; margin-right: 48px; }
#bodyText .bodyBox { background-color: #D3E3ED; display: block; border: thin solid #10638c; position: relative; width: 445px; margin-top: 4em; margin-bottom: 3em; padding-bottom: 10px; padding-right: 20px; padding-left: 20px; page-break-before:always; }
#bodyText .bodyBox .boxHeader { text-align: center; position: relative; width: 100%; font-size: 1.2em; font-weight: bold; margin-bottom: 10px; }
#bodyText li { margin-bottom: .5em; }
#bodyText .center { text-align: center; }
#bodyText a,
#bodyTextcenter a 
	{ color: #10638C; font-weight: normal; }
#bodyText a:visited,
#bodyTextcenter a:visited
 	{ color: #093F59; }


#bodyTextcenter { float: left; clear: right; margin: 10px 0 0 10px; padding-bottom: 4em; line-height: 1.5em; width: 420px; border: 0px solid; color: #10638c; font-size: 0.8em; position: relative; }
#bodyTextcenter { width:420px; } 
#bodyTextWrapper { width:492px; margin-right: 48px; }
#bodyTextcenter .bodyBox { background-color: #D3E3ED; display: block; border: thin solid #10638c; position: relative; width: 445px; margin-top: 4em; margin-bottom: 3em; padding-bottom: 10px; padding-right: 20px; padding-left: 20px; page-break-before:always; }
#bodyTextcenter .bodyBox .boxHeader { text-align: center; position: relative; width: 100%; font-size: 1.2em; font-weight: bold; margin-bottom: 10px; }
#bodyTextcenter li { margin-bottom: .5em; }
#bodyTextcenter .center { text-align: center; }


#bodyTextright { 
	float: right; 
	margin: 10px 5px 0 0px; 
	padding-bottom: 0px; 
	line-height: 1.5em; 
	width: 220px; 
	border: 0px; 
	color: #10638c; 
	font-size: 0.8em; 
	position: relative; 
	}



#bodyText.admin-page { width: 800px; }

#bodyText p,
#bodyTextcenter p { color: #585858; }
#bodyText .happyName { width: 100%; text-align: right; margin-top: 15px; margin-bottom: 30px; }
#bodyText .teamHeader img { margin-right: 10px; margin-bottom: 1em; }
#bodyText .teamHeader { position: relative; }
#bodyText .teamHeader .aboutName strong { text-transform: uppercase; font-size: 1.1em; }
#bodyText .teamHeader .aboutName { font-size: 1.1em; text-transform: uppercase; position: relative; }
#bodyText .teamHeader .aboutTitle { text-transform: uppercase; font-size: .9em; color: #666666; position: relative; }
#bodyText .teamHeader .aboutClick { font-size: 0.8em; text-transform: uppercase; height: 1.3em; position: relative; }
#bodyText .teamHeader .aboutRight { float: left; height: 65px; width: 65px; position: relative; }
#bodyText .teamHeader .aboutLeft { float: left; position: relative; margin-left: 7px; clear: right; }
#bodyText .teamHeader { position: relative; margin-bottom: 10px; width: 445px; margin-right: auto; clear: both; }
#bodyText .teamHeader .about1 { position: relative; float: left; margin-top: 20px; margin-bottom: 30px; }
#bodyText .teamHeader .teamFirstDiv { height: 63px; position: relative; }

.warning { color: #FF0000; }

#footer { 
 width: 865px;
 height: 35px;
 clear: both;
 color: #ffffff;
 border: 0px solid #618eb8;
 background: #618eb8;
 margin: 0px 0px 0px 0px;
 padding-left: 10px;
font-size: 0.65em; 
text-transform: uppercase;
}


#footer ul { 
 position: relative; 
 padding: 10px 5px; 
 margin: 0; 
 float: right; 
}
#footer li { 
 display: inline; 
 margin: 0; 
 padding: 0; 
}
#footer a { 
 text-decoration: none; 
 color: #fff; 
 width: 100%; 
 margin: 0; 
 padding: 10px 5px; 
 border-left: thin dotted #fff; 
}
#footer a:hover { 
 color: #555; 
 background: #DCEBF7; 
}

.textSize { width: 180px; float: left; margin: 0; padding: 0; top: 0; left: 5px; line-height: 2.3em; }
.textSize a { margin: 0; padding: 0 0 0 3px; display:inline; border: none; }
.textSize a:hover { color:#fff; background-color:#6299BC; }





#lhsWrapper { 
	width: 210px; 
	height: 100%; 
	position: relative; 
	float: left; 
	border: 0px solid;
	background-color:#6299BC;

	
	}

#lhsWrapper a { text-decoration: none; }

.newsDate { text-align: left; font-size: 0.8em; width: 400px; }
.printBreak {page-break-before:always;display:none; }
.imageMargin { height: 170px; width: 150px; float: left; position: relative; margin-right: 10px; }
.newsBackRight { text-align: right; font-size: 0.8em; position: relative; }
.newsBackRight a { font-weight:inherit; }

#searchform {
	padding: 4px 10px 0 10px;
}



/*--- body#admin { background: none;}
#admin #content { margin: 1em; } ---*/

div.form { /*color: #636466; */margin-bottom: 2em; }

div.form div.form-row { width: 40em; margin: 0em; }
div.form-row div.row-title { font-weight: normal; float: none; width: auto; }
div.form-row div.row-content { float: none; width: auto; }
div.form-row div.form-inline { float: none; display: inline; }

#page-useful_contacts #bodyText h2 { margin-bottom: 1em; }
#page-useful_contacts #bodyText h4 { color: #636466; margin-top: 2em; }
#page-useful_contacts #bodyText p { margin-top: 0; margin-bottom: 0.5em; }

#page-useful_publications #bodyText h2 { margin-bottom: 1em; }
#page-useful_publications #bodyText h4 { color: #636466; margin-top: 2em; margin-bottom: 0; }
#page-useful_publications #bodyText p { margin-top: 0; }

#adminBody { padding: 0 1em; }

#search-results ul { list-style: none; margin: 0; padding: 0; }
#search-results ul li { margin: 0 0 0.5em 0; }
#search-results ul li a { font-weight: normal; text-decoration: none; }

#bodyText.admin-page #tform { background-color: #f1f6fb; padding: 1em 0 0 1em; }
#bodyText.admin-page #tform div.form-row { background-color: #fff; margin: 0 1em 1em 0; padding: 1em; width: auto; }

.forums_table { clear: both; }

div.userform fieldset.topfieldset { border-top: 1px solid #ccc; }
div.userform fieldset { border-bottom: 1px solid #ccc; }
div.userform div.form-row { clear:both; padding: 5px; margin: 0.2em 0; width: 720px; }
div.userform div.dropshow { display: block; }
div.userform div.form-row div.row-title { float: left; width: 210px; text-align: left; font-weight: bold; }
div.userform div.form-row div.row-content { float: right; width: 500px; text-align: left; }
div.userform div.form-row span.form-note { display: block; font-size: 7pt; }
div.userform div.form-row span.form-existing { display: block; font-size: 7pt; color: red; }
div.userform div.form-row form { margin-bottom: 2px; }

.add-button { margin-top: 1em; }

div.form div.form-row .error { color: red; }



#FAQ {
    padding-bottom: 2px;
	padding-top: 3px;
    border-bottom: 1px solid #ccc;
}


#question { 
	background-color: #fff; 
	padding-top: 2px;
	display: block; 
	height: 22px;
	width: 600px;
	color: #5F7E91;
	text-decoration: none;
	cursor: pointer;
	}

/*--------------- CONTACT FORM styles -----------------*/

fieldset {  
	margin: 0 0 0 0;  
	padding: 0; 
	border: 0;
} 

legend {  
	color: #666666;  
} 

fieldset ol {  
	padding: 0 0 0 0;  
	list-style: none; 
	border-style: none; 
} 

fieldset li {  
	padding-bottom: 5px; 
	list-style: none; 
	} 

input.submit {  
	margin-left: 159px;
	padding-top: 0px;

}

input.text{
	width: 285px;
	height: 18px;
	border: 1px solid #d4d4d4;
	background: #fcfcfc;
}

.textarea{
	width: 285px;
	height: 100px;
	border: 1px solid #d4d4d4;
	background: #fcfcfc;
	text-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}


label {  
	float: left;  
	width: 70px;  
	margin-right: 1em; 
	color: #666666;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

label2 {  
	float: left;  
	margin-right: 1em; 
	color: #666666;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

/* ---- CALCULATOR STYLES ---------*/

#bodyTextright .calc_top { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background: #8fad71;
 font-size: 13px; 
 color: #000;
 text-transform: none; 
 margin-bottom: 0px; 
 text-align: center;
 line-height: 14px; 
 font-weight: bold;
 border: 0px solid #000;
 padding-bottom: 10px;
}

#calc_bot { 
 height: 100px;
}

fieldset.calcstyle { 
 background: #8fad71;
 height: 100px;
 font-size: 13px; 
 color: #000;
 font-weight: normal; 
 margin-top: 0px; 
 text-align: center;
 padding-top: 10px;
 padding-left: 0px;
 padding-right: 10px;
 border: 0px;
}

fieldset.calcstyle li {  
	padding-bottom: 5px; 
	list-style: none; 
}
	
fieldset.calcstyle ol {  
	padding: 0 0 0 0;
	margin: 0px;  
	list-style: none; 
	border-style: none; 
}

input.calc{
	width: 55px;
	height: 18px;
	border: 1px solid #d4d4d4;
	background: #fcfcfc;
	margin: 0px; 
 
}

select.calc{
	width: 60px;
	height: 20px;
	border: 1px solid #d4d4d4;
	background: #fff;
	margin: 0px; 
 
}

label.calc {  
	float: left;  
	width: 120px;  
	color: #000;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 10px;
 
	}

	input.calculate {  
		margin-left: 125px;
		padding-top: 0px;
		width: 80px;
	}


#bodyTextright .calc_mid  { 
 background: #8fad71;
 font-size: 16px; 
 color: #000;
 text-transform: none; 
 font-weight: normal; 
 margin: 0px; 
 text-align: center;
 border: 0px solid #000;

}

#results_yes {
 background: #8fad71;
 margin: 0px;
 border: 2px solid #000;
}

#results_yes a {
 text-transform: none; 
 text-decoration: none;
 font-weight: bold; 
 margin: 0; 
 text-align: center;
display: inline;
color: #fff;
}

#results_yes a:hover {
 text-transform: none;
 text-decoration: underline; 
 font-weight: bold; 
 margin: 0; 
 text-align: center;
 display: inline;
 color: #fff;
}

#results_yes h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
 text-transform: none; 
 font-weight: bold; 
 margin: 0; 
 text-align: center;
padding-top: 10px;
padding-bottom: 0px;

}

#results_yes h3 {
 text-transform: none; 
 font-weight: bold;
font-size: 14px; 
 margin: 0; 
 text-align: center;
 line-height: 17px;

}

/* ---- Right hand side news box STYLES ---------*/

#newshead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	background: #ccc;
 	font-size: 13px; 
 	color: #000;
 	text-transform: none; 
 	margin: 0; 
 	text-align: center;
 	line-height: 14px; 
 	font-weight: bold;
 	margin-top: 0px;
	height: 25px;
	padding-top: 10px;
	margin-top: 15px; 
 	
}

#newshead a{
	text-decoration: none;
	font-size: 15px; 
	color: #000;
	
}

#newshead a:hover;{
	text-decoration: underline;
	font-size: 15px; 
	color: #000;
	
}


#news	{
	font-family: Arial, Helvetica, sans-serif;
 	background: #ccc;
 	font-size: 13px; 
 	color: #585858;
 	text-transform: none; 
 	text-align: left;
 	line-height: 15px; 
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;

}

#news ul { 
	font-size: 13px; 
	list-style-type: none; 
	margin-top: 0; 
	margin-left: 0; 
	padding: 0; 
	margin-bottom: 0; 
	text-decoration: none;
	}
	
#news li {  
	text-decoration: none;
	color: #585858; 
	padding-bottom:10px; 
			 }
	
#news li a {  
	text-decoration: none;
	color: #585858;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
 }

#news li a:hover { 
	text-decoration: underline;
	color: #000;  
	font-family: Verdana, Arial, Helvetica, sans-serif;
 }

#newsletterhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	background: #ccc;
 	font-size: 13px; 
 	color: #000;
 	text-transform: none; 
 	margin: 0; 
 	text-align: center;
 	line-height: 14px; 
 	font-weight: bold;
 	margin-top: 8px;
	height: 25px;
	padding-top: 10px;
}

#newsletterhead a{
	text-decoration: none;
	font-size: 15px; 
	color: #000;

}

#newsletterhead a:hover;{
	text-decoration: underline;
	font-size: 15px; 
	color: #000;
	
}

#newsletterform {
	font-family: Arial, Helvetica, sans-serif;
 	background: #ccc;
 	font-size: 13px; 
 	color: #000;
 	text-transform: none; 
 	margin: 0; 
 	text-align: left;
 	line-height: 15px; 
	padding-left: 10px;
	padding-right: 10px;

 }