@charset "utf-8";

/** Reset all browser styles **/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,
kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea
{
	margin: 0; padding: 0; border: 0;
	font-weight: normal; font-style: normal; font-size: 100%;
	line-height: 1; font-family: inherit; text-align: left
}
table {	border-collapse: collapse; border-spacing: 0 }
ol,ul { list-style: none }

q:before,q:after,blockquote:before,blockquote:after { content: "" }


/***********************************************************************/
/* Site Styles
/***********************************************************************/

/** Base Styles **/
html{ background:url(/common/images/bg.jpg) repeat-x #fff; }
body
{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:0.69em;
	color:#333;
}


/** Re-used elements **/
/**** Clear Fix (no impact on markup) ****/
/** Please note Clear Fix requires rules in ie6.css and ie.css
/* float clearing for everyone else */
.clearfix:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}
.clear{ clear:both; width:100%; height:1px; font-size:1px; float:none }

.left{ float:left }
.right{ float:right }
.right_align{ text-align:right }
.left_align{ text-align:left }

.hp{ display:none;ifgg }

#inner_wrapper a:hover{text-decoration:underline}
#inner_wrapper a{ color:#cc3333 }


h1,h2,h3,h4
{
	font-size:1.64em;
	font-weight:100;
	color:#cc3333;
	padding-top:25px;
}

h1{ padding-top:10px }

h2{	font-size:1.27em; font-weight:700 }
h3,h4{	font-size:1em; font-weight:700; }

p
{
	padding-top:15px;
	line-height:1.5em;
}

div.hightlight_box_red{ background:url(/common/images/highlight-box/bg-m.gif) repeat-y top left #fff; clear:both }
	div.hightlight_box_red div{ background:url(/common/images/highlight-box/bg-t.gif) no-repeat top left; }
		div.hightlight_box_red div div{background:url(/common/images/highlight-box/bg-b.gif) no-repeat bottom left;}
			div.hightlight_box_red div div div{ background:0 }
				div.hightlight_box_red div div h3{ color:#fff; font-size:1.27em; padding-top:0}
				div.hightlight_box_red div div p{ color:#fff; }

div.hightlight_box_white{ background:url(/common/images/highlight-box/bg-m-white.gif) repeat-y top left; clear:both }
	div.hightlight_box_white div{ background:url(/common/images/highlight-box/bg-t-white.gif) no-repeat top left; }
		div.hightlight_box_white div div{background:url(/common/images/highlight-box/bg-b-white.gif) no-repeat bottom left;}
			div.hightlight_box_white div div div{ background:0 }
				div.hightlight_box_white div div h3{ font-size:1.27em; padding-top:0}


ul{ list-style-type:disc; }

#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6,
#main p{ margin-left:8px; margin-right:8px; }

strong{ font-weight:700 }


/** Non reusable **/


#outer_wrapper{}
	#inner_wrapper
	{
		width:900px;
		margin:0 auto;
	}
		#header{}
			#header_lhs{ width:50%; margin-bottom:13px; clear:left }
				#logo
				{
					width:186px;
					height:92px;
					float:left;
					overflow:hidden;
					text-indent:-9000px;
					background:url(/common/images/suitable-mortgages.png) no-repeat;
					margin:15px 8px 0 10px; /*IEFIXTHIS*/
				}
					#logo a{ width:186px; height:92px; position:relative; top:0; left:0; display:block;  }
					
				#logo_accreditations
				{
					float:left;
					margin-top:65px
				}
			
			#header_rhs
			{
				width:50%;
				text-align:right;	
				clear:right		
			}
				#tr_nav
				{
					float:right
				}
					#tr_nav ul
					{
						
					}
						
						
						#tr_nav ul li{ display:block; float:right; }
						
						#tr_nav ul li.last{ background:url(/common/images/tr-nav/l.gif) no-repeat bottom left; padding-left:10px;}
						#tr_nav ul li.first{ background:url(/common/images/tr-nav/r.gif) no-repeat bottom right; padding-right:10px; }
						
						#tr_nav ul li a
						{
							display:block;
							width:auto;
							text-decoration:none;
							background:url(/common/images/tr-nav/separator.gif) no-repeat right center #ccc;
							padding:7px 10px 7px;
							font-size:0.91em;
							color:#666;
							
						}
						
						#tr_nav ul li.first a{ background-image:none; }
				
				#phone_number
				{
					margin:22px 4px 22px 0; /*IEFIXTHIS*/
					float:right
				}
				
			#nav
			{
				clear:both;
				float:none;
			}
				#nav ul
				{
					margin-left:5px;
				}
				
					#nav ul li
					{
						display:block;
						float:left;
					}
					
					#nav ul li a
					{
						color:#fff;
						text-decoration:none;
						width:auto;
						white-space:nowrap;
						display:block;
						padding:8px 10px 9px 0;
						margin-right:15px;
					}
					
					#nav li ul { /* second-level lists */
						position: absolute;
						background: #992233;
						width: 15em;
						left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
						margin-left:-5px;
					}
					
						#nav li ul li{  text-indent:8px; padding-left:1px; }
					
						#nav li ul li a{ display:block; width:15em; padding:8px 10px 9px -10px; }
					
						#nav li ul ul { /* third-and-above-level lists */
							margin: -2.55em 0 0 15em;
							background: #882233;
							zoom:100%;
						}
						
						#nav li:hover ul ul, #nav li.sfhover ul ul {
							left: -999em;
							zoom:100%;
						}
						
						#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
							left: auto;
							zoom:100%;
						}




		
		
		#main
		{
			min-height:300px;
			background:url(/common/images/page-bg.png) repeat-y;
			padding:6px 10px;
		}
			
			#lhs
			{
				width:208px;
				background:#f2f2f2;
			}
				#lhs_nav
				{
					width:190px;
					margin:6px auto 6px auto;
				}
					#lhs_nav li
					{
						display:block;
					}
					
					#lhs_nav li a
					{
						display:block;
						white-space:nowrap;
						padding:19px 0 19px 60px;
						background-repeat:no-repeat;
						color:#333;
						font-weight:700;
						text-decoration:none;
					}
					
					#lhs_nav li.mortgages a{ background-image:url(/common/images/l-nav/mortgages.jpg) }
					#lhs_nav li.pension_planning a{ background-image:url(/common/images/l-nav/pension-planning.jpg) }
					#lhs_nav li.investment_advice a{ background-image:url(/common/images/l-nav/investment-advice.jpg) }
					#lhs_nav li.life_assurance a{ background-image:url(/common/images/l-nav/life-assurance.jpg) }
					#lhs_nav li.annuities a{ background-image:url(/common/images/l-nav/annuities.jpg) }
					#lhs_nav li.general_insurance a{ background-image:url(/common/images/l-nav/general-insurance.jpg) }
					#lhs_nav li.other_services a{ background-image:url(/common/images/l-nav/other-services.jpg) }
				
				#news_feed
				{
					margin:15px auto;
					width:190px;
				}
					#news_feed h4
					{
						padding-top:0;
						font-size:1.27em;
						padding-bottom:5px;
						border-bottom:1px solid #ccc;
						margin:0;
					}
					
					#news_feed div.article
					{
						margin:12px 0;
						padding:0 0 6px 0;
					}
					
						#news_feed div.article p{ padding-top:0; margin:0 }
							#news_feed div.article p a{ display:block; padding:6px 0; }
							#news_feed div.article span{ color:#666;  }
					
					#news_feed div.first_article
					{
						border-bottom:1px dotted #666;
					}

			
			#rhs
			{
				width:664px;
			}
				#rhs div.form_errors
				{
					width:390px;
					float:left;
					margin:10px 0 0 6px;
					border:3px solid #cc3333;
					background:pink;
					
				}
				
				#rhs form.contact_form
				{
					display:block;
					float:left;
					width:360px;
					border:3px solid #CC3333;
					margin:10px 6px;
					padding:15px;
				}
					#rhs form.contact_form label
					{
						display:block;
						float:none;
						clear:both
					}
					
					#rhs form.contact_form input,#rhs form.contact_form textarea{ width:200px; border:1px solid #ccc }
					
					#rhs form.contact_form button
					{
						clear:left;
						float:left;
					}
				
				#accreditations
				{
					height:108px;
					background:url(/common/images/accreditation-bg.gif) no-repeat;
					padding-left:15px;
				}
					#accreditations img
					{
						float:left;
						margin:15px 15px 0 0;
					}
				#inner_wrapper p.more_accreditations
				{
					padding-top:0;
					clear:both;
					float:none;
				}
				
				#inner_wrapper p.more_accreditations a{ color:#999; text-decoration:none; }
				
				#main #sidebar
				{
					float:right;
					width:180px;
					margin:15px 0 10px 10px;
					min-height:150px;
					background:#fff;
				}
					#sidebar div.highlight_box{ float:none; clear:both }
					
						#sidebar form{ margin:0 15px; padding:12px 0 }
							#sidebar form h3, #sidebar form p{ margin-left:0; margin-right:0; }
							#sidebar form label{ padding-top:5px;padding-bottom:1px; display:block; color:#fff }
							#sidebar form input{ width:144px; border:1px solid #ccc }
							#sidebar form textarea{ width:144px; border:1px solid #ccc }
							#sidebar form button{ margin-top:5px }
					
					#sidebar div.hightlight_box_white{}
							#sidebar div.hightlight_box_white div div{ padding:12px 0 }
								#sidebar div.hightlight_box_white div div img{ border:2px solid #ccc; margin:0 4px 0 0; }
								#sidebar div.hightlight_box_white div div a{ display:block; font-weight:700; clear:left; float:left; padding:3px 0;}
								#sidebar div.hightlight_box_white div div a.text{ display:inline; font-weight:100; clear:none; float:none; color:#333; text-decoration:none}
								#sidebar div.hightlight_box_white div div a.text:hover{ text-decoration:underline }
					 
					#sidebar .spacer{ display:block; float:none; clear:both; background-color:#fff; background-image:none; height:15px; }/*IE6FIX*/
				
				#rhs ul
				{
					margin:15px 35px;
					
				}
					#rhs ul li
					{
						list-style-image:url(/common/images/bullet.gif);
						margin:8px 0 0;
					}
				
		
		#footer{ padding:6px 10px; }
			#footer .footer_inner
			{
				border-top:1px solid #ffcccc;
			}
			
			#footer .footer_inner p{ float:left; padding:10px 0; }
			
			#footer .footer_inner img{ padding:10px 0; }