@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,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: "" }

.hide{ display:none; }

.float_left{ float:left; margin-right:5px; }
.float_right{ float:right; margin-left:5px; }

#phone_number{ text-align:right; float:right; clear:both; width:100% }
#phone_number .phone_number{ color:#CB353F; font-size:2.5em;}
#phone_number .text{ color:#666; font-size:2.5em; font-weight:100;}

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

/** Base Styles **/
html{ background:#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; }

#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_red div div.text_only{ padding-bottom:8px }
			div.hightlight_box_red div div.text_only h3{ padding-top:8px; }
			div.hightlight_box_red div div.text_only p{ padding-top:1px; }

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{ background:url(/common/images/top-nav-bg.gif) repeat-x 0 123px #000; }
	#inner_wrapper
	{
		width:900px;
		margin:0 auto;
	}
		#header{ background:#fff; width:900px; overflow:hidden; }
			#header_lhs{ width:50%; margin-bottom:13px; clear:left }
				#logo
				{
					width:277px;
					height:104px;
					float:left;
					overflow:hidden;
					text-indent:-9000px;
					background:url(/common/images/suitable-debt-solutions.gif) no-repeat;
					margin:2px 8px 0 15px; /*IEFIXTHIS*/
				}
					#logo a{ width:277px; height:104px; position:relative; top:0; left:0; display:block;  }
					
				#logo_accreditations
				{
					float:left;
					margin-top:65px
				}
			
			#header_rhs
			{
				width:50%;
				text-align:right;	
				clear:right;
				height:123px;
			}
				#tr_nav
				{
					float:right;
					margin-right:10px;
				}
					#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 10px 22px 0; /*IEFIXTHIS*/
					float:right
				}
				
			#nav
			{
				clear:both;
				float:none;
				background:url(/common/images/top-nav-bg.gif) repeat-x
			}
				#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;*/
			background:#fff;
			padding:6px 10px;
		}
			
			#lhs
			{
				width:208px;
				background:#f2f2f2;
			}
				#lhs_nav
				{
					width:190px;
					margin:26px auto 6px auto;
				}
					#lhs_nav li
					{
						display:block;
					}
					
					#lhs_nav li a
					{
						display:block;
						padding:6px 15px;
						border-bottom:1px solid #ccc;
						background-repeat:no-repeat;
						background-image:url(/common/images/lhs-nav-arrow.gif);
						background-position:left center;

						text-transform:capitalize;
						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) }

					/*#lhs_nav ul ul{ display:none }*/



					/*#nav, #nav ul { /* all lists
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 11em;
	}*/

	#lhs_nav ul li { /* all list items */
		position : relative;
		/*float : left;*/
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 190px;
	}
	#lhs_nav ul li a{ width:160px; }
	/*#lhs_nav ul ul li a{ width:100px; }*/

	#lhs_nav li ul ul{ /* second-level lists */
		position : absolute;
		left: -999em;
		/*left:auto;*/
		margin-left : 190px;
		margin-top : -2.5em;
		background:#ccc;
		padding:10px
	}

	#lhs_nav li ul ul a{ border-bottom-color:#666;}
	#lhs_nav li ul ul a.last{ border-bottom-width:0;}

	#lhs_nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li.sfhover2 ul, #nav li li li.sfhover2 ul, #nav li li li li.sfhover2 ul { /* lists nested under hovered list items */
		left: auto;
	}



				
				#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;
					}

					#sidebar div.hightlight_box_white .news_article
					{
						margin:5px 10px;
						border-bottom:1px dotted #666;
						padding-bottom:10px;
					}

					#sidebar div.hightlight_box_white div div .news_article a{ padding:0; float:none; display:inline }

					#sidebar div.hightlight_box_white div div .last_news_article{ border-bottom-width:0; }

			
			#rhs
			{
				width:664px;
			}
				#rhs div.form_errors
				{
					width:auto;
					margin:10px 0 10px 0;
					border:1px solid #cc3333;
					background:pink;
					
				}

				#rhs #contact_form
				{
					display:block;
					float:left;
					width:360px;
					border:3px solid #CC3333;
					margin:10px 6px;
					padding:15px;
				}
					#rhs #contact_form table
					{
						width:100%;

					}
						#rhs #contact_form table td.cf_1{ width: 35%; text-align:right; vertical-align:top; padding:10px 5px 0 0; }

						#rhs #contact_form table td.cf_2{ width: 65%; padding:10px 0 0 0; }

						#rhs #contact_form textarea{ width:200px; border:1px solid #ccc; }
						#rhs #contact_form input.years,
						#rhs #contact_form input.months{ width:40px; }

						#rhs #contact_form td small{ display:block; margin-top:5px; font-size:0.8em; text-align:right }

						#rhs #contact_form span.sp_1,#rhs #contact_form span.sp_2{ width:90px; display:block; float:left; text-align:right; }
				
				#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:10px 0 10px 10px;
					min-height:150px;
					background:#fff;
				}
					div.highlight_box{ float:none; clear:both; }

					#contact_box{ width:180px; margin:15px auto; }
						#contact_box a{ color:#fff; }
						#contact_box div div{ padding:5px 10px 10px;  margin-bottom:-1px }
					
						#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 form select{ width:144px; }
					
					#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;
					}

		#steps{ background:#fff; text-align:center; padding:40px 0 20px; }
			#steps img{ vertical-align:middle }
		
		#footer{ padding:6px 10px; background:#fff; }
			#footer .footer_pre{ background-color:#f2f2f2; padding:5px; }
				#footer .footer_pre p{ text-align:right; margin:0; padding:0; }
					#footer .footer_pre p *{ vertical-align:middle }
					#footer .footer_pre p img{ margin-left:10px; }


			#footer .footer_inner
			{
				background:url(/common/images/top-nav-bg.gif) repeat-x;
				padding:5px 10px;
				margin-right:-10px;
				margin-left:-10px;
				margin-bottom:60px;
                width:100%;
			}
			
			#footer .footer_inner p{ float:left; padding:0; color:#fff; }
			#footer .footer_inner p a{ color:#fff; }
			
			#footer .footer_inner img{ padding:10px 0; }