@charset "UTF-8";
body {
	font: 13px Arial, Helvetica, sans-serif;
	background: #E9F0F6;
	margin: 0;
	padding: 0;
	color: #000;
}


h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding:0 15px;
	color:white;
}

h1{font-size:44px;background: #c3c215;font-weight: bold;}/* #8fa8e7 */
h2{font-size:24px;}
h3{font-size:15px;}
h4{font-size:16px; font-weight:normal;}
h5{font-size:17px; margin-left:15px; margin-bottom:20px; margin-top:20px; color:#0b2265; padding:0; font-weight: bold;} /* only used on forms? */

.rec-header{font-size:24px;color:#0b2265;margin:0 0 15px 0;padding:0;font-weight: normal;}

p{ margin-bottom: 10px;color:#252525;line-height:18px; }
div#opening_paragraph{margin:20px 0;}
div#opening_paragraph p{font-size:17px;color:#0b2265;font-weight: bold;}

strong{color:#ff5800;font-weight: bold;}

sub{vertical-align: sub;}

a img {border: none;}
a:link {color:#ff5800;text-decoration: none;}
a:visited {color:#ff5800;text-decoration: none;}
a:hover, a:focus {color:#ff5800;text-decoration: underline;}
a:active {color:#ff5800;text-decoration:blink;}


/* Main Structure */
#wrap-main {position: relative; margin-top: 123px; z-index:0;}

#logo{width:251px;height:64px;overflow:hidden;}

.container {
	width: 950px;
	background: #FFF;
	margin: 0 auto;
	padding: 25px 10px 10px 10px;
	-moz-box-shadow: 0px 3px 10px #999;
	-webkit-box-shadow: 0px 3px 10px #999;
	box-shadow: 0px 3px 10px #999;
}

.header {
	position: absolute;
	width: 950px;
	height:118px;
	margin-bottom: 5px;
	z-index:100000;
}

.left-sub-bar {
	float: left;
	width: 115px;
	padding-right: 4px;
}
.left-sub-bar p{margin-left: 0;padding: 0;}

	/* left column sub menu */
	ul.left-sub-menu {
		list-style: none;
		font-size:10px;
		font-weight:bold;
		font-family:Verdana, Geneva, sans-serif;
	}
	ul.left-sub-menu li {
		text-align:center;	 /* this creates the button separation */	
		margin-bottom:4px;	
	}
	ul.left-sub-menu li.selected a {
		background:#fb581d; /* selected class on li not link */
	}
	ul.left-sub-menu a, ul.left-sub-menu a:visited { 
		padding: 7px 0px 0px 2px;
		display: block; 
		width: 113px;  
		text-decoration: none;
		background: #FFAB1C;
		height:21px;
		line-height:10px;
		color:white;
	}
	ul.left-sub-menu a:hover, ul.left-sub-menu a:active, ul.left-sub-menu a:focus { 
		background: #FF3400;
		color: #FFF;
	}
/* Column on the right, WTF, why not call it column-right? */
.sidebar1 {
	float: right;
	width: 235px;
	margin-bottom: 5px;
	position:relative;
	margin-top: 82px;
}
.sidebar1 p{padding: 0;}
	/* Post code box */
	.side-bar-phone {
		position:absolute;
		z-index:0;
		top: -88px;
		left: 1px;
		width: 239px;
		height: 104px;
	}
	.quick-postcode-box {
		position:absolute;
		height:82px;
		width:236px;
		background: #FB581D;
		right:0px;
		top:0px;
	}
	.quick-postcode-box h1{
		padding-left:10px;
		font-size:18px;
		font-weight:bold;
		margin:3px 0 3px 0;/*11px 0 3px 0;*/
		background: none;
	}
	/*
.quick-postcode-box .title{
		font-size:18px;
		font-weight:bold;
		margin:11px 0 3px 0;
		padding-left: 15px;
		color:#ffffff;
	}
*/
	.quick-postcode-box p{
		padding-left:10px;
		margin-bottom:4px;
		color: white;
		font-size: 8pt;
		line-height: normal;
	}
	.quick-postcode-box input{margin-left:10px;}
	
.content {
	width: 710px;
	float: left;
	margin-bottom: 5px;
	background-color:white;
	z-index:1;
}




.home-title{font-size:44px; margin-top: 20px;
	padding-left: 15px;
	color:white;}
.home-sub-title{font-size:24px; margin-top: 20px; margin-bottom:20px;
	padding-left: 15px;
	color:white;}

#form-sent{
	position:fixed;
	bottom:2px;
	right:2px;
	background-color:red;
	color:white;
	font-weight:bold;
	display:none;
	
}

.page-title{margin:0;height: 82px;line-height: 82px}

.dark-blue{color:#0b2265;}
.orange{color:#ff5800;}
.white{color:white;}

.rounded-corners{
border-radius-topleft: 8px; -o-border-radius-topleft: 8px; -icab-border-radius-topleft: 8px; -khtml-border-radius-topleft: 8px; -moz-border-radius-topleft: 8px; -webkit-border-radius-topleft: 8px; border-top-left-radius: 8px; -o-border-top-left-radius: 8px; -icab-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; -moz-border-top-left-radius: 8px; -webkit-border-top-left-radius: 8px;

border-radius-topright: 8px; -o-border-radius-topright: 8px; -icab-border-radius-topright: 8px; -khtml-border-radius-topright: 8px; -moz-border-radius-topright: 8px; -webkit-border-radius-topright: 8px; border-top-right-radius: 8px; -o-border-top-right-radius: 8px; -icab-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; -moz-border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px;

border-radius-bottomleft: 8px; -o-border-radius-bottomleft: 8px; -icab-border-radius-bottomleft: 8px; -khtml-border-radius-bottomleft: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-radius-bottomleft: 8px; border-bottom-left-radius: 8px; -o-border-bottom-left-radius: 8px; -icab-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; -moz-border-bottom-left-radius: 8px; -webkit-border-bottom-left-radius: 8px;

border-radius-bottomright: 8px; -o-border-radius-bottomright: 8px; -icab-border-radius-bottomright: 8px; -khtml-border-radius-bottomright: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-radius-bottomright: 8px; border-bottom-right-radius: 8px; -o-border-bottom-right-radius: 8px; -icab-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; -moz-border-bottom-right-radius: 8px; -webkit-border-bottom-right-radius: 8px;

}





.got-a-question{
	background:#EFF4F9;
	color:#6b6c6e;
	font-size:10px;
	width: 203px;
}

.got-a-question-iframe{
	/* margin-top:60px; */
	padding:15px;
	padding-left:10px;
	background:#EFF4F9;
}

.got-a-question textarea{width:100%;}
.got-a-question ul{list-style:none;}
.got-a-question li{margin-bottom:5px;}
.question-submit-btn{margin:30px 0 0 110px;}

#got-a-question-thanks{display:none;}


ul.read-more{
	list-style-image:url(/assets/images/read-more-arrow.gif);
	list-style-position:outside;
	color:#0b2265;
	padding:0 20px 0 20px;
}
ul.read-more h5 {padding-left:0px;}

ul.read-more p{
	font-weight:normal;
	font-size:12px;
	}
ul.read-more li{
	margin:0 0 5px 13px;
	font-size: 16px;
	color:#0b2265;
}
ul.read-more li a{
	text-decoration:none;
	color:#0b2265;
}
.arrow{list-style-image:url(/assets/images/bullet-arrow.gif);list-style-position:outside;margin-left:10px;}
ul.arrow{list-style-image:url(/assets/images/bullet-arrow.gif);list-style-position:outside;}
.info{color:#727575}

/* Default list styling */
.content ul {list-style-image:url(/assets/images/list-round.gif);list-style-position:outside;margin-left:35px;color:#252525;}
.content ul li {padding-right:30px; margin-bottom:15px;}


/* ~~ Top right menu FAQs Contact ~~ */
.header-menu{right:3px;	top:3px;list-style:none;float: right;}
.header-menu a{	color:gray;	font-size:8pt;zindex:1001px;}
.header-menu a:hover{text-decoration:underline;}
.header-menu li{float:right;padding:0 5px 0 5px;border-right: 1px solid #CCC;line-height:10px;}


/* ~~ The footer ~~ */
.footer {margin:0px auto;width:855px;height:70px;position: relative;clear: both; background: #C6D7EA url(/assets/images/template/footer.gif) no-repeat;
	padding: 92px 125px 0 0;color: #0b2265;	margin-top: 30px;}
.footer-nav{list-style:none;font-size:13px;}
.footer-nav li{	float:right;padding:0 5px 0 5px;border-right: 1px solid #666;line-height:12px;}
.footer-nav a {text-decoration:none;color:#0b2265;}
.footer-nav a:hover{text-decoration:underline;}

.footer-cat{position:absolute;right:11px;top:65px;}
.footer p {clear: right;padding:10px 0;font-size: 10px; color: #0b2265;text-align: right;}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* Site Map Page*/
ul#sitemap{margin: 20px 40px;}
ul#sitemap > li{font-size: 16px;list-style-image: url(/assets/images/bullet-arrow.gif)}
ul#sitemap > li ul{font-size: 12px;margin-bottom: 40px;margin-top: 10px}

/*FIXES*/

/*IE7*/
html* .content, .left-sub-bar {margin-top:35px; position:relative; z-index:0;}
html* .quick-link-box {margin-top:150px;}
html* .quick-postcode-box {margin-top:158px; z-index:150;}
html* ul.nav {z-index:10; position:relative;}
html* ul.nav li {z-index:10; position:relative;}
html* .sidebar1 {margin-top:120px;}
html* #boxes {position:absolute; top: 30px; left:0px;}

/*IE6*/
*html .quick-postcode-box {position:absolute; right:730px; top:-123px;}
*html #boxes {position:absolute; top:-100px; left:-710px;}
*html .container {width:955px;}



/* = FR started here */
/*  */
body.layout-two .content{position:relative;float:left;width:829px; z-index:0}
.big-text{font-size:22px;}
/* 3 Column */
body.layout-four .content{position:relative;float:left;width:591px; z-index: 0;}