html
{
	overflow: scroll;
}
/* -----------------------------------*/
/* ---------->>>  MENU  <<<-----------*/
/* -----------------------------------*/


#outer {display:block; position:relative; background:#fff; padding:0em; text-align:center; margin:0px auto; width:760px; border-bottom: 0px solid #fff;}
#outer h2 {margin-bottom:1em;}

.snazzy {background:transparent;}
.snazzy span {text-align:center; color:#fff; margin:0; font-weight:bold;}

.b1, .b2, .b3, .b4 {display:block; font-size:1px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */} 
.b1, .b2, .b3 {height:1px;}
.b2, .b3, .b4 {border-left:1px solid #fff; border-right:1px solid #fff;}
.b1 {margin:0 5px; background:#fff;}
.b2 {margin:0 3px; border-width:0 2px;}
.b3 {margin:0 2px;}
.b4 {height:2px; margin:0 1px;}
.boxcontent {display:block; border-left:1px solid #fff; border-right:1px solid #fff; padding:3px;}

.red {background:#c00;}
.orange {background:#ff6633;}
.yellow {background:#0c2577;}
.green {background:#96d045;}
.blue {background:#39aaef;}
.indigo {background:#309;}
.violet {background:#c6c;}
.grey {background:#888;}
.lightblue {background:#50b0d1}
.lightblue {background:#39aaef}
.darkblue {background:#0c2577}


/*
a:hover b.red {background:#aaa;}
a:hover b.orange {background:#aaa;}
a:hover b.yellow {background:#aaa;}
a:hover b.green {background:#aaa;}
a:hover b.blue {background:#aaa;}
a:hover b.indigo {background:#aaa;}
a:hover b.violet {background:#aaa;} */

.active {padding-top:10px; background:#888; cursor:default;}


#navigation2 {clear:both; background:transparent; margin:0 auto; height:3em; font-size: 13px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

#navigation2 ul {margin:0; padding:0; list-style-type:none; background:transparent;}
#navigation2 li {display:block; float:left; margin:0 1px;}

.pad {display:block; height:1em;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

/* a.menu2, a.menu2:visited {display:block; text-decoration:none; width:11.5em;} */
a.menu2, a.menu2:visited {display:block; text-decoration:none; width:11.5em;}
a.menu2:hover {background:transparent; cursor:pointer; text-decoration: none;}
/* a.menu2:hover .boxcontent {padding-bottom:1em; background:#aaa;} */
a.menu2:hover .boxcontent {padding-bottom:1em; }
a.menu2:hover .pad {height:0.2em;}


/*------------------------------------*/
/*-------->> COMPANY MENU <<----------*/
/*------------------------------------*/

a.menu2-menu, a.menu2-menu:visited {display:block; text-decoration:none; width:auto;}
.b1-menu, .b2-menu, .b3-menu, .b4-menu {display:block; font-size:1px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */} 
.b1-menu, .b2-menu, .b3-menu {height:1px;}
.b2-menu, .b3-menu, .b4-menu {border-left:1px solid #0c2577; border-right:1px solid #0c2577;}
.b1-menu {margin:0 5px; background:#0c2577;}
.b2-menu {margin:0 3px; border-width:0 2px;}
.b3-menu {margin:0 2px;}
.b4-menu {height:2px; margin:0 1px;}
.boxcontent-menu {display:block; border-left:1px solid #0c2577; border-right:1px solid #0c2577; padding:3px; padding-bottom:5px;}


/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

body
{
	margin: 5px auto;
	font: 12px verdana;
	background: #f0f0f0;
	color: #0c2577;
}

form, table
{
	padding:0px;
	margin:0px;
}

a 
{
	text-decoration: underline;
	color: #50b0d1;
}

a:hover 
{
	text-decoration: underline;
	color: #0c2577;
}

#container
{
	width: 760px;
	margin: 0 auto;
	border: 1px solid #666;
	background: #fff;
	padding:0px;
}


h2 
{
	font-size: 12px;
	margin-bottom: 3px;
}

h3
{
	font-size: 15px;
	font-weight:normal;
	margin-bottom: 3px;
}

.sup-text
{
	font-size:0.75em;
			
}


/* -----------------------------------*/
/* --------->>>  HEADER <<<-----------*/
/* -----------------------------------*/

#header {
	display: block;
	height: 125px;
}

	#logo {
		padding: 3px 0px 0px 10px;
		color:#0c2577;
		font-size: 22px;
		float: left;
		cursor: pointer;
		width: 260px;
		height:auto;
	}
	
	#tagline
	{
		padding:1px 0 0 0;
		margin:0px;
		float:left;
	
		
	}
	
	#tagline2
	{
		padding:10px 0 0 0;
		margin:0px;
		float:right;
	}
	
	
	#right {
		padding: 3px 0px 0px 2px;
		color:#0c2577;
		font-size: 12px;
		float: right;
		width: 400px;
		margin-right: 10px;
	}
	
		#top-links {
			text-align:right;
			font-size:12px;
			margin:5px 0 0 0;
			float: left;
			width:100%;
			padding:0 0px 0 0px;
		}

			#top-links a:link, #top-links a:visited, #top-links a:active  {
				text-decoration: none;
				color: #0c2577;
				
			}

			#top-links a:hover {
				text-decoration: underline;
			}
	
		#top-number {
			float: right;
			clear: right;
			text-align: right;
			width: 100%;
			margin:10px 0px 0px 0px;
			padding: 0px;
			font-size:20px;
		}
		
		#top-number p
		{
			margin:0px;
		}
		
			#top-number #number {
				font-size:32px;
				letter-spacing: 3px;
				color:#96d045;
			}		
		
		#top-text {
			clear: right;
			text-align: right;
			width: 100%;
			margin:0;
			padding:12px 0 0 0;

		}

			#top-text h1 {
				color: #0c2577;
				font-size: 16px;
				margin:8px 0px 0 0;
				padding:0px;
			}
			
	
#crumbtrail, #crumbtrail a
{
	color: #79b3e5;
}


		
/* -----------------------------------*/
/* --------->>>  CONTENT <<<----------*/
/* -----------------------------------*/

.barT
{
	clear:both;
	border-top:1px solid #444;
	top: -1px;
}

#content 
{
	margin: 10px 2.5px 10px 0px;
	padding-left:8px;
	width:545px;
	float: left;
	clear:both;
	}
	
	#content #none-flash-img
	{
		border:1px solid #0c2577;
	}

	#content #flashcontent
	{
		border: 1px solid #ffffff;
		margin: 0 0 5px 0;
		padding:0px;
		width:545px;
		z-index:10;
	}
	
	 #banner1
		{
			z-index:9;
			
			
		}

	#content h1 
	{
		font-size: 19px;
		color: #0c2577;
		margin-top:5px;
	}
	
	#content #tagline-bottom 
	{
		text-align: left;
		font-size:14px;
		font-weight:bold;
	}
	
	#content .box-price-promise
	{
		border: 1px solid #0c2577;
		padding:5px;
	}
	
		#content .box-price-promise img
		{
			float:left;
			border:0;
		}
		
		#content .box-price-promise p
		{
			margin-top:0px;
		}
	
	.bottom-apply
	{

	}
	
	table#applyonline
	{
		width:450px;
	}
	
	.apply-label
	{
		width: 245px;
	
	}
	
	.smallTML
	{
		/*font-size:1;*/
	}
	
	.apply-label21
	{
		width:390px;
	}
	
	#content #ApplyOnlineControl_btnSubmit
	{
		text-align: left;
	}
	

#content-right
{
		margin: 10px 8px 5px 5px;
		float: right;
		width: 180px;
}

	#content-right #callback-privacy
	{
		font-size:9px;
		font-family: Verdana;
		letter-spacing: 0px;
		margin:0 0 5px 0;
	}	
	
		
			#content-right #callback-privacy a:link, #content-right #callback-privacy a:visited, #content-right #callback-privacy a:active  {
				text-decoration: none;
				color: #0c2577;
			}

			#content-right #callback-privacy a:hover {
				text-decoration: underline;
			}	
	
	table#callback
	{
		margin: 55px 0 0 0;
	}
	
	#CallbackFormControl_lblEnquiryID
	{
		font-weight: bold;
	}
	
	.callback-right-box
	{
		display:block;
		border:1px solid #0c2577;
		background: #e7f5fd url('../images/callback.gif') no-repeat;
		padding:0 5px 0 5px;
	}

	#CallbackRightControl_lblerror
	{
		color: #dd0000;
	}
	
	#content-right-calculator
	{
		border:1px solid #0c2577;
		padding: 0px;
		height: auto;
		margin: 5px 0 0 0;
		height: 127px;
	}

		#content-right-calculator a
		{
			padding: 0px;
			margin: 0px;
		}
		
	#content-right-pp
	{
		border:1px solid #46003f;
		padding: 0px;
		height: auto;
		margin: 5px 0 0 0;
		height: auto;
	}
	
	#content-right-tm
	{
		border:1px solid #96d145;
		background: #ffffff;
		padding: 0px;
		height: 142px;
		margin: 5px 0 5px 0;
	}	
	
	#happy-people
	{
		
		float: right;
		background-color:#eee;
		width:250px;
		height:auto;
		padding:10px 5px 2px 15px;
		margin-right:7px;
		margin-top:10px;
		
	}
	

	


/* -----------------------------------*/
/* --------->>>  FOOTER  <<<----------*/
/* -----------------------------------*/

#footer {
	clear:both;
	margin:0px 0 10px 0;
	height:auto;
	text-align:center;
}

	#footer #footer-tel {		
		font: bold 20px Verdana;
		width: 100%;
		float:left;
		padding: 10px 0 10px 0px;
		color: #ffffff;
		text-align: center;
/*		background: url('../images/bg-footer2.gif') 0px 0px no-repeat; */
		background: #0c2577;
		height:auto;
	}

	#footer #footer-right {
		text-align: right;
		float:right;
	}

	#footer #footer-links 
	{
		padding-top:3px;
		clear:both;
		font-size: 14px;
	}

		#footer #footer-links a {
			text-decoration:none;
			color: #0c2577;
		}

		#footer #footer-links a:hover {
			text-decoration:underline;
		}
		
	#footerlegalwording {
		width: 100%;
		text-align: center;
		font-size: 10px; 
		color: #000;
		margin:0px;
		margin-top:10px;
	}

		#footerlegalwording .legalwording1 {
			font-size: 10px;
			text-align: center;
			padding-top:10px;
			padding-left:2px;
			padding-right:2px;
		}

		#footerlegalwording .legalwording2 {
			font-size: 12px;
			text-align: center;
			padding-left:2px;
			padding-right:2px;
		}
		
/* -----------------------------------*/
/* ------->>> MORTGAGE SS <<<---------*/
/* -----------------------------------*/

.calculator-column
{
	padding:10px;
	float:left;
	width:250px;
	text-align:center;
	margin-bottom:10px;
}
	

.calculator-column h2
{
	padding-bottom:10px;
	text-align:center;	
}
	
.calculator-column p
{
	text-align:left;
	margin-top:5px;
	margin-left:11px;
	margin-right:11px;
}
	
.calculator-column img
{
	padding:0px;
	border:1px solid #0c2577;
	
}

/*------------------------------------*/
/*--------->>> NEWS FEED <<<----------*/
/*------------------------------------*/

#news-feed-box
	{
		height:auto;
		border:2px solid #96d045;
		border-bottom:none;
		padding-top:0px;
		margin-bottom:0px;
	}
		
		#news-feed-box ul
			{
				padding:0px;
				margin:0px;
				list-style:none;
			}
			
					#news-feed-box h1 
						{
							color:#fff;
							background-color:#96d045;
							display:block;
							text-decoration:none;
							text-align:center;
							margin:0px;
							padding:5px 0 5px 0;
							font-size:24px;
							
						}
						
					#news-feed-box h1 a:hover
						{
							color:#ddd;
						}
						
		
			#news-feed-box ul li a
				{
					text-decoration:none;
					display:block;
					color:#0c2577;
					padding:2px;
					border-bottom:2px solid #96d045;
				}
				
		
			#news-feed-box ul li a:hover
				{
					
					text-decoration:underline;	
				}				
				
			
				 .news-feed-date
					{
						
						font-size:10px;
						margin:0px;
						padding:2px 2px 0 0;
						text-align:right;
						font-weight:normal;
						
					}
					
				#news-feed-box ul li a:hover .news-feed-date 
					{
						text-decoration:none;
						
					}
				

.newslist
{
	padding:3px;
}					
		
					
/* -----------------------------------*/
/* ------->>> NEWS ARTICLE <<<--------*/
/* -----------------------------------*/

#news-content
	{
		padding:20px;
		padding-top:10px;
		float:left;
		width:480px;
		
	}
		
		#news-content h1 
			{
				font-size:19px;
				
			}
		
		
			
#news-content-right
	{
		
		width:230px;
		height:auto;
		float:right;
		padding:10px;
		padding-left:0px;
	}
			#news-image
				{
					float:right;
				}
		
		
			 #news-image img
			{
				padding:10px;
				margin-right:5px;
				border:1px solid #0c2577;
			}
			
			

					
/* -----------------------------------*/
/* -------->>>  CORPORATE <<<---------*/
/* -----------------------------------*/		

	#company-menu
		{
			margin:0px;
			padding:0px;
			margin-bottom:5px;
			margin-top:0px;
			border:1px solid #0c2577;
			background-color:#e7f5fd;
			
		}
		
			
			#company-menu ul
				{
					margin:0px;
					padding:0px;
					margin:2px 8px 10px 2px;
					list-style-position:inside;
					list-style-image:url(../images/corporate/menu-arrow.gif);
				}
				
				
				#company-menu ul li
					{	
						
						margin:5px 0 5px 0;
						padding:0px 0 5px 0;
						border-bottom:1px dotted #0c2577;
						
					}
				
				#company-menu  #no-border-menu
					{
						
					}
				
					
			
				
				#company-menu ul li a
					{
						color:#0c2577;
						text-decoration:none;
						
					}
					
				#company-menu ul li a:hover
					{
						text-decoration:underline;
					}
					
					
				 #company-menu #con 
					{
						font-weight:bold;					
					}
					
					
						
			
		
/* -----------------------------------*/
/* -------->>>  UNSORTED  <<<---------*/
/* -----------------------------------*/

#picturealt
	{
		margin-top:0;
		font-size:10px;
	}


.xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
.xsnazzy h1 {font-size:2.5em; color:#000;}
.xsnazzy h2 {font-size:2em;color:#06a; border:0;}
.xsnazzy p {padding-bottom:0.0em;}
.xsnazzy h2 {padding-top:0.5em;}
.xsnazzy {background: transparent; margin:1em 0em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #0c2577; border-right:1px solid #0c2577;}
.xb1 {margin:0 5px; background:#0c2577;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:#fff; border:0 solid #0c2577; border-width:0 1px;}
.xboxcontent img {float:right;}

.x2top, .x2bottom {display:block; background:transparent; font-size:1px;}
.x2b1, .x2b2, .x2b3, .x2b4 {display:block; overflow:hidden;}
.x2b1, .x2b2, .x2b3 {height:1px;}
.x2b2, .x2b3, .x2b4 {background:#fff; border-left:1px solid #0c2577; border-right:1px solid #0c2577;}
.x2b1 {margin:0 5px; background:#0c2577;}
.x2b2 {margin:0 3px; border-width:0 2px;}
.x2b3 {margin:0 2px;}
.x2b4 {height:2px; margin:0 1px;}
.x2boxcontent {display:block; background:#fff; border:0 solid #0c2577; border-width:0 1px;}
.x2boxcontent img {float:right;}


.x3top, .x3bottom {display:block; background:transparent; font-size:1px;}
.x3b1, .x3b2, .x3b3, .x3b4 {display:block; overflow:hidden;}
.x3b1, .x3b2, .x3b3 {height:1px;}
.x3b2, .x3b3, .x3b4 {background:#fff; border-left:1px solid #0c2577; border-right:1px solid #0c2577;}
.x3b1 {margin:0 5px; background:#0c2577;}
.x3b2 {margin:0 3px; border-width:0 2px;}
.x3b3 {margin:0 2px;}
.x3b4 {height:2px; margin:0 1px;}*
.x3boxcontent {display:block; background:#fff; border:1px solid #0c2577;  height:110px; padding:5px;}
.x3boxcontent img {float:right;}

.x4top, .x4bottom {display:block; background:transparent; font-size:1px;}
.x4b1, .x4b2, .x4b3, .x4b4 {display:block; overflow:hidden;}
.x4b1, .x4b2, .x4b3 {height:1px;}
.x4b2, .x4b3, .x4b4 {background:#fff; border-left:1px solid #0c2577; border-right:1px solid #0c2577;}
.x4b1 {margin:0 5px; background:#0c2577;}
.x4b2 {margin:0 3px; border-width:0 2px;}
.x4b3 {margin:0 2px;}
.x4b4 {height:2px; margin:0 1px;}
.x4boxcontent {display:block; background:#fff; border:0 solid #0c2577; border-width:0 1px;}
.x4boxcontent img {float:right;}

.xctop, .xcbottom {display:block; background:transparent; font-size:1px;}
.xcb1, .xcb2, .xcb3, .xcb4 {display:block; overflow:hidden;}
.xcb1, .xcb2, .xcb3 {height:1px; }
.xcb2, .xcb3, .xcb4 {background:#fff; border-left:1px solid #0c2577; border-right:1px solid #0c2577;}
.xcb1 {margin:0 5px;  background: #0c2577}
.xcb2 {margin:0 3px; border-width:0 2px;  background: #0c2577}
.xcb3 {margin:0 2px;  background: #0c2577}
.xcb4 {height:2px; margin:0 1px;  background: #0c2577}
.xcboxcontent {display:block; background:#fff; border:0 solid #0c2577; border-width:0 1px; background: #d7e8f7 url('../images/callback.gif') no-repeat; }
.xcboxcontent img {float:right;}



#ApplyOnlineControl_lblerror, #ApplyOnlineControl_lblerror2
{
	color: #dd0000;
	border: 1px solid red;
	padding: 10px;
	display:block;
	background-color: #ffffcc;
}

.ErrorBox
{
	background-color: yellow;
	border-color:red;
}

.tick
{
	background: url('../images/tick.jpg') no-repeat;
	padding-left: 30px;
	height:18px;
	margin-left: 15px;
}

.asterix
{
	font-size:11px;
}

#ApplyOnlineControl_btnSubmit
{
	padding-left:20px;
	
}


#CallbackRightControl_TimeToCall
	{
		z-index:-99;
		
	}