/* Copyright DBA DESIGN SERVICES & LABLATERAL LTD. All rights reserved */

body,form, input	{margin:0px}		
body		{height:100%;}
a		{text-decoration:none}
img		{border:0px}
a,b,div,em,h1,h2,h3,h4,h5,h6,i,small, table, td{font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif}

/* 

	purple		#c68cd9
	light purple	#ead3f0
	blue		#003366

 */

/* LAYOUT DIVS */

#topnav			{height:140px;margin-bottom:15px;}

.siteBodyWrapper		{float:left;background: url(../site-images/bodybg.gif) center top no-repeat;padding-top:28px;width:1024px;margin:0px auto 0px auto;border:solid 0px red}

.siteWrapper		{float:left;display:inline;width:960px;margin:0px 0px 0px 31px;padding-bottom:115px;background: url(../site-images/bg-bottomdiv.gif) bottom left no-repeat;border:solid 1px #C6C6C6}/*clear:left;float:left;*/

.fullrow			{width:960px;clear:left;margin:0px auto 0px auto;}

/* IMAGES */



/* PAGE LAYOUT DIVS */

	#pageWrapper	{margin-top:13px;float:left}

	.lefthalf		{float:left;width:375px;margin:0px 72px 15px 27px;display:inline}

	.righthalf		{float:left;width:444px;margin:0px 0px 15px 0px;display:inline}

		.righthalf small{float:left;padding-top:323px}

	#bgimagediv	{margin-top:48px;height:400px;background: url(../site-images/Harpenden-history.jpg) no-repeat}
	
	#accessimagediv	{margin-top:48px;height:400px;background: url(../site-images/accesibility.jpg) no-repeat}

	.toplinks		{float:left;width:940px;margin:25px 0px 0px 17px;display:inline}

	a.menua		{font-family:tahoma,trebuchet,sans-serif;font-size:14px;color:#333;display:block;}

	/* LINK HOVER */

	a.menua:hover, .dd a:hover, .footerleft a:hover, .address h4 a:hover, a.linkBlue:hover,  h4 a:hover, .sitemaplinks a:hover	{text-decoration:underline;color:#0046AD}

	.menuadiv, .menua2 div	{float:left;background: url(../site-images/menu-dots.gif) center right no-repeat;float:left;padding:0px 10px 0px 10px}

		.dd	{margin-top:5px;float:left;display:none;position:absolute;z-index:100;background:#fff;border:solid 1px #EAD3F1;border-top:0px;width:180px}

		.dd a, .sitemaplinks a	{font-family:trebuchet,sans-serif;display:block;font-size:12px;color:#666;line-height:1.6em;padding:3px;}

		.sitemaplinks	{float:left;width:200px;margin-right:20px}

		.sitemaplinks h1	{margin-bottom:5px}

		.dd a:hover{color:#0046AD}

	.topnavleft	{float:left;width:690px;}

	.topnavright	{float:left;width:230px;margin-top:37px}

	.toprightinner	{width:225px;float:left;background:#C78ADA;margin: 0px 0px 3px 0px;display:inline; height: 23px;}

	.toprightinner small{color:#fff;float:left;padding:3px 8px 3px 8px;line-height:1.6em;background:#C78ADA;}

	.toprightinner a img {padding:0; margin:0; }
	.toprightinner a {padding:0; margin:0; }

		.toprightinner input{float:left}
		
		#searchfld{width:125px; height:15px; margin-top:1px}

		#resize{margin-top:1px}





/* HOME */

	.homeleft		{
	float:left;
	margin-left:26px;
	display:inline;
	width:305px;
	height:375px;
	float:left;
	background:url(../site-images/home-4.jpg) no-repeat
}

	.homeleft	h1 	{float:left;margin-top:0px}

	.homeleft h1 a	{margin-left:15px;float:left;padding-top:42px;width:260px;}

	.homeleft h1 a img, #homesavings h1 a img{float:left;margin:10px 0px 8px 0px}

	.homeleft h1 a small	{color:#666;display:block;padding-top:13px}

	.homeqtr		{height:192px;float:left}

		#homesavings h1 a, #homebuytolet h1 a, #homeinterestrates h1 a, #homeanewbeginning h1 a	{
	display:block;
	float:left;
	padding:45px 130px 0px 15px;
	color:#666;
	line-height:0.9em
}
		

		#homesavings h1, #homebuytolet h1, #homeinterestrates h1, #homeanewbeginning h1	{float:left;}
	



/* TEXTS */

	h1	{font-size:20px;font-weight:normal;color:#0046AD}

	.pageheading	{margin-left:26px;}/* FOR OUTSIDE DIVS */

	.pageheading img	{}	

	h4, ul li, dt, dd, .frm span, .frm label {font-size:12px;line-height:1.4em;color:#333;font-weight:normal}
	

		dt	{
	font-weight:normal;
	padding:5px
}

		dd	{margin: 3px 0px 18px 30px}	

		ul	{margin-top:10px}

		ul li{list-style-image:url(../site-images/squarep.gif);margin-bottom:15px;}

	h4 a, .hbsblue	{color:#0046AD}
	

	small, h6	{font-size:11px}

	h6	{
	clear:left;
	font-weight:normal;
	color: #333333;
}

	h6 a	{color:#003399}

/* BRANCH BUTTON */

	.branchbtn	{width:119px;height:119px;float:left;margin-right:5px;margin-bottom:10px;background: url(../site-images/branchbuttonbg.gif) no-repeat}

	.branchbtn a	{
	width:110px;
	height:110px;
	display:block;
	float:left;
	border:solid 1px #ccc;
	background:#fff;
	font-size:13px;
	color:#333333;
	font-weight: bold;
}

	.branchbtn a:hover	{
	background:#C68CD9;
	color:#CCCCCC
}

	.branchdetailsdiv	{
	display:none;
	margin:0px;
	background: url(../site-images/branchdivbg.gif) no-repeat #fff;
	float:left;
	height:390px;
	width:325px
}

	.map		{width:302px;height:206px;float:left;display:inline;margin:6px;border:solid 1px #ccc}

	.address		{float:left;margin:0px;padding:0px 0px 0px 37px;height:165px;}

		.address h4{margin-top:0px;float:left;line-height:1.3em}
	
		.address h4 a	{color:#CC3300}

		a.addresslink, a.addresslink:hover, a.addresslink:visited, a.addresslink:active {width:315px;background:#0246AB;padding:1px;display:block;float:left;color:#fff;line-height:1em}

		a.addresslink img{float:left}

	/* THE BOARD */

		#TheBoard .branchdetailsdiv{margin-left:0px;margin-top:10px;background:none;}
		.teambiog	{width:119px;height:159px;float:left;margin-right:5px;margin-bottom:10px;background: url(../site-images/branchbuttonbg.gif) no-repeat}
		.teambiog a	{width:110px;height:110px;display:block;float:left;border:solid 1px #ccc;background:#fff;font-size:16px;color:#888}
		.teambiog a:hover	{background:#C68CD9;color:#fff}
		.teambiog h4 {
	font-size:0.7em;
	color:#003366;
	font-weight:normal;
}
		.boardbiog	{width:152px;height:199px;float:left;margin-right:5px;margin-bottom:10px;background: url(../site-images/branchbuttonbg.gif) no-repeat}
		.boardbiog a	{width:150px;height:150px;display:block;float:left;border:solid 1px #ccc;background:#fff;font-size:16px;color:#888}
		.boardbiog a:hover	{background:#C68CD9;color:#fff}
		.boardbiog h4 {
	font-size:0.7em;
	color:#003366;
}

	/* INDUSTRY LINKS */

		a.industrylink	{display:block;float:left;color:#003366;font-size:12px;padding:5px;background:#EAD3F1}

		a.industrylink img	{float:left;clear:both;height:80px;width:300px;}

		a.linkBlue		{font-size:12px;color:#336699;clear:both;float:left;width:270px;margin:2px 0px 2px 20px;line-height:1.8em}

		a.linkBlue img	{float:left;margin-right:5px}

		a.linkBlue small	{color:#333;margin-left:5px;}

	/* INDUSTRY LINKS */

		.industryImg	{float:left;margin-right:25px;}

		.industryImg h4	{color:#003399}

	/* PDF LINKS */

	.photobox	{border:solid 1px #ccc;float:left;width:283px;height:130px;background: url(../site-images/fadebg1.gif) bottom left repeat-x #fff}

	.pdflinks	{float:left;width:285px;background: url(../site-images/pdflinksbg.gif) repeat-y;padding:3px 0px 3px 0px}

	/* SECOND LEVEL NAV */

	.scndLinks{
		float:left;margin-left:18px;display:inline;width:900px;padding:10px 0px 25px 0px;
		}

		.scndLinks div{float:left;margin-left:10px;display:inline;padding-right:10px;background: url(../site-images/menu-dots.gif) center right no-repeat}

		.scndLinks div a{float:left;font-size:12px;line-height:1.6em;color:#8D8D8D;}

		.scndLinks div a:hover{color:#003366}

/* FORM */

	.frm	{width:610px;float:left;margin:3px 0px 3px 0px;}	

	.frm label {display:block;float:left;width:80px;}

	.frm select{width:300px}

	.frm input	{float:left;border:solid 1px #ccc;margin:1px;padding:1px;width:500px;}

	.frm textarea	{float:left;border:solid 1px #ccc;margin:1px;padding:1px;width:500px;}

	.frm a.addresslink, .frm a.addresslink:hover, .frm a.addresslink:visited, .frm a.addresslink:active {margin-right:10px;}

/* TABLE */

	.grid	{font-size:12px;border-left:solid 1px #666;border-top:solid 1px #666;background:#fff}

		.gridH td	{background: url(../site-images/gridHbg.gif) repeat-x #666;color:#fff;padding:5px;font-weight:bold}

		.gridD td, .gridD2 td, .gridD3 td	{border-bottom:solid 1px #666;color:#333;border-right:solid 1px #666;padding:5px}	

		.gridD2	{background:#eee}

		.gridD td a, .gridD2 td a{color:#0046AD} .gridD td a:hover, .gridD2 td a:hover{color:#0046AD;text-decoration:underline}

		.gridD3	{background:#ead3f1;}
		.gridD3	td {font-weight:bold;}
		

/* FOOTER */

	#footer		{float:left;color:#666;padding-top:15px;margin-left:32px;display:inline}

	.footerleft		{float:left}

	.footerright	{float:right}

	.footerleft a	{color:#cc0000;line-height:1.4em;float:left;padding-right:25px;font-size:11px}

h4.warning {color:#ff0000;}

a.MenuHome {
      background-image: url(/site-images/nav/home.gif);
      width: 40px;
      }
a.MenuAboutUs {
      background-image: url(/site-images/nav/aboutus.gif);
      width: 62px;
      }
a.MenuSavings {
      background-image: url(/site-images/nav/savings.gif);
      width: 53px;
      }
a.MenuBusiness {
      background-image: url(/site-images/nav/corporate.gif);
      width: 77px;
      }
a.MenuMortgages {
      background-image: url(/site-images/nav/mortgages.gif);
      width: 77px;
      }
a.MenuIntermediaries {
      background-image: url(/site-images/nav/intermediaries.gif);
      width: 103px;
      }
a.MenuFaqs {
      background-image: url(/site-images/nav/faqs.gif);
      width: 32px;
      }
a.MenuOtherServices {
      background-image: url(/site-images/nav/otherservices.gif);
      width: 101px;
      }
a.MenucontactUs {
      background-image: url(/site-images/nav/contactus.gif);
      width: 75px;
      }

a.MenuHome, a.MenuAboutUs, a.MenuSavings, a.MenuMortgages, a.MenuIntermediaries, a.MenuFaqs, a.MenuOtherServices, 
	a.MenucontactUs {
      background-repeat: no-repeat;
      height: 15px;
/*      width: 40px;*/
      display:block;
      text-indent: -10000px;
}
a.MenuHome:hover, a.MenuAboutUs:hover, a.MenuSavings:hover, a.MenuMortgages:hover, a.MenuIntermediaries:hover, 
	a.MenuFaqs:hover, a.MenuOtherServices:hover, a.MenucontactUs:hover {
      background-position: 0 -25px;
}

a.Active{
      background-position: 0 -25px;
}

hidden
{
	visibility: hidden;
}

small.smallform {
	font-size:10px;
	width:52px
}

a.searchfiles 
{	
	font-size:12px;
	text-decoration:underline;
	color:#8D8D8D;
}
a.searchfiles:hover
{	
	font-size:12px;
	text-decoration:underline;
	color:#0046AD;
}
#savings_covers {
	height: 373px;
	width: 255px;
	float: left;
	margin-left: 15px;
	margin-top: 20px;
}
#acrobat {
	font-size: 11px;
	color: #666;
	float: left;
	width: 255px;
	margin-top: 10px;
	margin-left: 20px;
}
.homeright {
	height:375px;
	float:left
}