body {
	margin: 0 auto;
	background-color: #EDF0F1; 
	background:url(images/bg.png) repeat-y center #f5f5f5;
	font-family:Arial, Helvetica, sans-serif;
}

#access-keys {
	position: absolute; 
	width: 250px; 
	left: -3000px; 
	float: left;
}

#wrapper {width:800px; background-color:#FFFFFF; margin:0 auto;}
#header {width:800px; overflow:hidden;}
#header .logo {float:left; margin:10px 0 10px 0; padding:0px;}
#header .findabranch {float:right; margin:50px 0 0 0;}

#topnav {width:800px; overflow:hidden; background-color:#034F9A; margin:0 0 10px 0;}
#topnav ul {padding:0px; margin:0px; background-color:#034F9A}
#topnav li {float:left; padding:5px 15px; list-style:none;}
#topnav a {color:#FFFFFF; text-decoration:none;} 
#topnav a:hover {text-decoration:underline;}

#content {width:800px; overflow:hidden;}

#leftnav {float:left; width:150px;}
#leftnav ul {margin:0px; padding:0px; background-color:#034F9A;}
#leftnav li {border-top: #ffffff solid 1px;}
#leftnav a {color:#FFFFFF; text-decoration:none; padding: 7px 0 7px 10px; }
#rightcontent {float:right; width:610px;}

#footer {width:800px; overflow:hidden; font-size:12px; border-top: solid 1px #999999; padding-top:20px;}
#footer .left {float:left; width:400px;}
#footer .left p { margin:0px; padding:2px 0;}
#footer .right {float:right; width:300px; text-align:right}

.cleaner {clear:both;}

/* Contact Page --------*/

#holder
{
	position:relative; 
	visibility:visible;
}

.branchDetails
{
	position:absolute;
	left: 33px;
	top: -437px;
	background:#ffffff;
	border:#000099 1px solid;
	padding:10px;
	FILTER: Alpha(Opacity=90);
	-moz-opacity:0.90;
	visibility: hidden;
}
.banner {width:600px; display:block; float:right; margin-top:13px;}
.maincontent {width:600px; display:block; float:right;}
.headoffice
{
	visibility:visible;
}
.bridgewater
{
	visibility:visible;
}
.chesterfield
{
	visibility: visible;
}
.crewe
{
	visibility: visible;
}
.colchester
{
	visibility: visible;
}
.coventry
{
	visibility: visible;
}
.heathrow
{
	visibility: visible;
}
.leominster
{
	visibility: visible;
}

/*--------------------------*/


.DottedLine
{
	background-image:url(images/site/dottedLineH.gif);
}

.CottedLineVert
{
	background-image:url(images/site/dottedLineV.gif);
}

.ulNoBullet
{
	list-style-type:none;
}


/* Texts and h tags */
h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #666666;
	padding:0;
	margin:10px 0 0 0;
}

h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	padding:0;
	margin:0;
}

h3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #00007d;
	padding:0;
	margin:0;
}

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	padding: 10px 20px 10px 0;
}
.footersig {float:right; width:200px; text-align:right;}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #CC0066;
	text-decoration: none;
}
.textNoPad {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	text-align: justify;
}
.COSHH {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #00007D;
	padding: 5px;
}
.textNoJustify {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	padding: 10px;
}

/*--------------------------------------*/




/* -------------TOP MENU ---------------*/
.pinkMenu {
	background-color: #034f9a;
	/*padding-top: 11px;
	padding-bottom: 8px; */
	padding-right: 9px;
	padding-left: 3px;
	text-align:left;
}

.TopMenu a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#FFFFFF;
	padding-right:30px;
	text-decoration:none;
}

.TopMenu a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#ffcc00;
	padding-right:30px;
	text-decoration:none;
}

.TopGrad
{
	background-image:url(images/site/topBg.gif);
}

/* ------------------------------------------- */


.btmBorderGrey {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.btmRightBorderGreyCopy {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.blueMenu {
	background-color: #00007D;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 9px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}


.rightBorderGrey {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

.btmLeftBorderGrey {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
.leftBorderGrey {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
.ad {
	background-color: #E9E8E4;
	padding: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

.image {
	border: 1px solid #999999;
}
.form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #00007D;
	border: 1px solid #999999;
	background-color: #F2F2E9;
}

.pinkLine {

	background-color: #00007d;
	padding-top: 11px;
	padding-bottom: 8px;
}

.border
{
	border: #000000 1px solid;
}

th
{
	text-align:left;
}

.eviee {
	float:right;
	padding:0 0 5px 5px;
}



/* ------------ NAV ---------------*/
.menu {
	z-index:1000;
	font-size:90%;
	width:150px;
	float:left;
	margin:10px 0 0 10px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:3px;
margin:0;
list-style-type:none;
width:149px;
}
/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; ma\rgin-left:0;}
/* position relative so that you can position the sub levels */
.menu li {
position:relative;
background:#034f9a;
height:20px;
}

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:12px;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:19px;
line-height:18px;
width:149px;
color:#ffffff;
text-indent:6px;
border:1px solid #fff;
border-width:0 0 1px 0;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background:#00007D; width:149px; w\idth:149px;}
/* style the link hover */
* html .menu a:hover {color:#ffcc00; background:#00007d url(images/arrow.gif) right no-repeat;}

.menu :hover > a {
color:#ffcc00; 
background:#00007d url(images/arrow.gif) right no-repeat;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:100px; 
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

/* £3m Competition */
.tableBorder{
	border: 1px solid #ACA899 !important;
}

