html,body{
	margin:0;
	padding:0;
	background-color: #CCCCCC;
	background-image: url(imagefiles/back.gif);
	background-repeat: repeat-x;
}
body{font: 76% arial,sans-serif;text-align:center}
p{margin:0 0px 10px}
a{padding:0px}
b{
	padding:10px;
	color: #FFFFFF;
}
div#header h1{
	height:75px;
	margin:0;
	background: #003399;
	background-image: url('https://www.fbwillsdirect.com/clients/theloughborough/images/curve.gif');
	background-repeat: no-repeat;
	background-position: right;
	padding-left: 5px;
	padding-top: 15px;
}
div#container{
	text-align:left;
	background-color: #FFFFFF;
	width: 990px;
}
div#content p{line-height:1.4}
div#navigation{background:#FFFFFF}
div#extra{
	background:#FFFFFF;
}
div#footer{
	background: #003399;
	color: #FFF;
}
div#footer p{margin:0;padding:10px 10px}

div#container{
	width:990px;
	border: 1px solid #ffffff;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div#wrapper{
	float:left;
	width:990px;
	margin-top: 0px;
}
div#content{
	margin-right: 290px;
	width: 680px;
	height: 350px;
	margin-left: 10px;
	padding-top: 0px;
	margin-top: 60px;
	padding-left: 10px;
	padding-bottom: 0px;
}
div#advert_top_left{
	float:left;
	width:150px;
	margin-left:-320px;
	margin-top: 60px;
	background-repeat: no-repeat;
	height: 150px;
	padding-top: 0px;
}
div#advert_top_right{
	float:left;
	width:150px;
	margin-left:-160px;
	margin-top: 60px;
	background-repeat: no-repeat;
	height: 150px;
	padding-top: 0px;
}
div#footer{clear:left;width:990px}
div#menu h1 {
height:46px;line-height:25px;margin:0;background: #ffffff}
div#disclaimer {
	color: #999999;
	font-size: 10px;
	padding-left: 10px;
	padding-right: 10px;
	width: 960px;
}
div#disclaimer {
clear:left;width:960px}
div#disclaimer p {
margin:0;padding:10px 10px
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
div#advert_bot_right {
	float:left;
	width:150px;
	margin-left:-160px;
	margin-top: 220px;
	background-repeat: no-repeat;
	height: 150px;
}
div#advert_bot_left {
	float:left;
	width:150px;
	margin-left:-320px;
	margin-top: 220px;
	background-image: url(imagefiles/will.gif);
	background-repeat: no-repeat;
	height: 100px;
	padding-top: 50px;
}
div#content2 {
	margin-right: 180px;
	width: 800px;
	margin-left: 10px;
	padding-top: 0px;
	padding-left: 0px;
}


.style7 {font-size: 90%}
.style8 {
	font-size: 10px;
	font-weight: normal;
}
.style9 {color: #000000}
.title {
	color: #003399;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
}
.subtitle {
	color: #003399;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
div#content_2col_left {
	float:left;
	width: 385px;
	margin-left:0px;
	margin-top: 0px;
	margin-top: 0px;
	height: 100%;
}
div#content_2col_right {
	width: 385px;
	margin-top: 0px;
	margin-top: 0px;
	height: 100%;
	margin-left: 410px;
	float: none;
}
div#content_1col {
	float:left;
	width: 780px;
	margin-left:0px;
	margin-top: 0px;
	margin-top: 0px;
}
.sml_sub_blue {
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	width: 575px;
}
div#shade {
	background-color: #D4ECFF;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
div#extra_intrates {
	float:left;
	width:150px;
	margin-left:-160px;
	margin-top: 40px;
	background-image: url(imagefiles/redrates.gif);
	background-repeat: no-repeat;
	height: 150px;
	padding-top: 10px;
}
.title_savings {
	color: #66CCFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
}
.title_mortgages {
	color: #99CC33;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
}
.subtitle_mortgages {
	color: #99CC33;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
div#shade_green {
	background-color: #DEFCC9;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.title_insurance {
	color: #CC3399;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
}
.title_otherprods {
	color: #FFCC00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
}
.title_smllegals {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
div#shade_yellow {
	background-color: #FFFFCC;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
div#navigation2_blank {
	float:left;
	width:150px;
	margin-left:-160px;
	margin-top: 205px;
	background-repeat: no-repeat;
	height: 100px;
	padding-top: 0px;
}
div#extra_advert {
	float:left;
	width:150px;
	margin-left:-160px;
	margin-top: 45px;
	background-repeat: no-repeat;
	height: 150px;
}
.subtitle_insurance {
	color: #CC3399;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.subtitle_otherproducts {
	color: #FFCC00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.subtitle_savings {
	color: #66CCFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
div#whitetext {
	color: #FFFFFF;
	margin: 0 10px 10px;
}
div#advert_top_right_tall {
	float:left;
	width:150px;
	margin-left:-160px;
	margin-top: 40px;
	background-repeat: no-repeat;
	height: 300px;
	padding-top: 0px;
}
div#content_2col_right_advert {
	float:none;
	width: 385px;
	margin-left:410px;
	margin-top: 0px;
	top: 0px;
}
div#advert_top_left_large {
	float:left;
	width:150px;
	margin-left:-320px;
	margin-top: 0px;
	background-repeat: no-repeat;
	height: 310px;
	padding-top: 65px;
}
.terms {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 0px;
	color: #666666;
}
div#advert_callback {
	float:left;
	width:150px;
	margin-left:-160px;
	margin-top: 220px;
	background-repeat: no-repeat;
	height: 150px;
	background-image: url(imagefiles/callback.gif);
}
div#bluetext {
	color: #003399;
	margin: 0 10px 10px;
}


/* CSS Document */

#nav {float:left; width:990px; height:auto; background:#FFFFFF repeat-x bottom; position:relative;}

#nav .select, #nav .savings, #nav .current, #nav .mort, #nav .ins, #nav .other, #nav .com {margin:0; padding:0; list-style:none; display:block;}

#nav li {display:inline; margin:0; padding:0;height:auto;}

#nav .select a,
#nav .current a {display:block; height:21px; float:left; background:#FFFFFF; padding:0 0 0 15px;  text-decoration:none; font-size:11px; line-height:20px; white-space:nowrap; margin-left:0px;}
#nav .mort a {display:block; height:21px; float:left; background:#99CC33; padding:0 0 0 15px;  text-decoration:none; font-size:11px; line-height:20px; white-space:nowrap; margin-left:0px;}
#nav .ins a {display:block; height:21px; float:left; background:#CC3399; padding:0 0 0 15px;  text-decoration:none; font-size:11px; line-height:20px; white-space:nowrap; margin-left:0px;}
#nav .other a {display:block; height:21px; float:left; background:#FFCC00; padding:0 0 0 15px;  text-decoration:none; font-size:11px; line-height:20px; white-space:nowrap; margin-left:0px;}
#nav .savings a {display:block; height:21px; float:left; background:#66CCFF; padding:0 0 0 15px;  text-decoration:none; font-size:11px; line-height:20px; white-space:nowrap; margin-left:0px;}
#nav .com a {display:block; height:21px; float:left; background:#FFFFFF; padding:0 0 0 15px;  text-decoration:none; font-size:11px; line-height:20px; white-space:nowrap; margin-left:0px;}
* html #nav .select a, * html #nav .current a, * html #nav .mort a, * html #nav .ins a, * html #nav .other a, * html #nav .savings a, * html #nav .com a {width:1px;}

#nav .select a b, 
#nav .current a b {height:100%; display:block;  padding:0 16px 0 3px; color:#000000;}
#nav .savings a b {height:100%; display:block;  padding:0 16px 0 3px; color:#000000;}
#nav .mort a b {height:100%; display:block;  padding:0 16px 0 3px; color:#000000;}
#nav .ins a b {height:100%; display:block;  padding:0 16px 0 3px; color:#000000;}
#nav .other a b {height:100%; display:block;  padding:0 16px 0 3px; color:#000000;}
#nav .com a b {height:100%; display:block;  padding:0 16px 0 3px; color:#000000;}

#nav .select a:hover, 
#nav .select li:hover a {background-position:0 -75px; border-color:#046; cursor:pointer;}
#nav .savings a:hover, 
#nav .savings li:hover a {background-position:0 -75px; border-color:#046; cursor:pointer;}
#nav .mort a:hover, 
#nav .mort li:hover a {background-position:0 -75px; border-color:#046; cursor:pointer;}
#nav .ins a:hover, 
#nav .ins li:hover a {background-position:0 -75px; border-color:#046; cursor:pointer;}
#nav .other a:hover, 
#nav .other li:hover a {background-position:0 -75px; border-color:#046; cursor:pointer;}
#nav .com a:hover, 
#nav .com li:hover a {background-position:0 -75px; border-color:#046; cursor:pointer;}

#nav .select a:hover b, 
#nav .select li:hover a b {background-position:100% -75px; border-color:#046; color:#fff;}
#nav .savings a:hover b, 
#nav .savings li:hover a b {background-position:100% -75px; border-color:#046; color:#fff;}
#nav .mort a:hover b, 
#nav .mort li:hover a b {background-position:100% -75px; border-color:#046; color:#fff;}
#nav .ins a:hover b, 
#nav .ins li:hover a b {background-position:100% -75px; border-color:#046; color:#fff;}
#nav .other a:hover b, 
#nav .other li:hover a b {background-position:100% -75px; border-color:#046; color:#fff;}
#nav .com a:hover b, 
#nav .com li:hover a b {background-position:100% -75px; border-color:#046; color:#66CCFF;}


#nav .sub {display:none;}

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0; font-size:11px;}

#nav .current a {background-position:0 -75px; border-color:#ffffff;}
#nav .current a b {background-position:100% -75px; color:#000000;}

#nav .mort a {background-position:0 -75px; border-color:#ffffff;}
#nav .mort a b {background-position:100% -75px; color:#000000;}

#nav .ins a {background-position:0 -75px; border-color:#ffffff;}
#nav .ins a b {background-position:100% -75px; color:#000000;}

#nav .other a {background-position:0 -75px; border-color:#ffffff;}
#nav .other a b {background-position:100% -75px; color:#000000;}

#nav .savings a {background-position:0 -75px; border-color:#ffffff;}
#nav .savings a b {background-position:100% -75px; color:#000000;}

#nav .com a {background-position:0 -75px; border-color:#ffffff;}
#nav .com a b {background-position:100% -75px; color:#000000;}

#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {background:#66CCFF ; color:#000000; text-decoration:underline;}

#nav .mort a:hover .sub li a:hover, 
#nav .mort li:hover .sub li a:hover {background:#99CC33; background-image: url(imagefiles/menu_mort_back.gif); color:#000000; text-decoration:underline;}

#nav .ins a:hover .sub li a:hover, 
#nav .ins li:hover .sub li a:hover {background:#CC3399 ; background-image: url(imagefiles/menu_ins_back.gif); color:#000000; text-decoration:underline;}

#nav .other a:hover .sub li a:hover, 
#nav .other li:hover .sub li a:hover {background:#FFCC00 ;  background-image: url(imagefiles/menu_other_back.gif); color:#000000; text-decoration:underline;}

#nav .savings a:hover .sub li a:hover, 
#nav .savings li:hover .sub li a:hover {
	background:#66CCFF;
	background-image: url(imagefiles/menu_savings_back.gif);
	color:#000000;
	text-decoration:underline;
}

#nav .com a:hover .sub li a:hover, 
#nav .com li:hover .sub li a:hover {background:#ECECEC ; background-image: url(imagefiles/menu_com_back.gif); color:#000000; text-decoration:underline;}

#nav .sub_active .current_sub a, 
#nav .sub_active a:hover {color:#ffffff; text-decoration:underline;}

#nav .select li a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:990px; top:21px; left:0; background:#FFFFFF; margin-top:0px; padding:0; z-index:100; border-bottom:32px solid #fff;}

#nav .mort li a:hover .sub, 
#nav .mort li:hover .sub {
	display:block;
	position:absolute;
	width:990px;
	top:21px;
	left:0;
	margin-top:0px;
	padding:0;
	z-index:100;
	border-bottom:10px solid #fff;
	background-color: #99CC33;
	 background-image: url(imagefiles/menu_mort_back.gif);
}

#nav .ins li a:hover .sub, 
#nav .ins li:hover .sub {display:block; position:absolute; width:990px; top:21px; left:0; background:#CC3399; background-image: url(imagefiles/menu_ins_back.gif); margin-top:0px; padding:0; z-index:100; border-bottom:10px solid #fff;}

#nav .other li a:hover .sub, 
#nav .other li:hover .sub {display:block; position:absolute; width:990px; top:21px; left:0; background:#FFCC00;  background-image: url(imagefiles/menu_other_back.gif); margin-top:0px; padding:0; z-index:100; border-bottom:10px solid #fff;}

#nav .savings li a:hover .sub, 
#nav .savings li:hover .sub {display:block; position:absolute; width:990px; top:21px; left:0; background:#66CCFF; background-image: url(imagefiles/menu_savings_back.gif); margin-top:0px; padding:0; z-index:100; border-bottom:10px solid #fff;}

#nav .com li a:hover .sub, 
#nav .com li:hover .sub {display:block; position:absolute; width:990px; top:21px; left:0; background:#ECECEC; background-image: url(imagefiles/menu_com_back.gif); margin-top:0px; padding:0; z-index:100; border-bottom:10px solid #fff;}

#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none;}
#nav .sub_active {
	display:block;
	position:absolute;
	width:990px;
	top:21px;
	left:0;
	margin-top:0px;
	padding:0;
	z-index:10;
	color:#000;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	background-color: #66CCFF;
}

* html #nav .sub_active, * html #nav .sub_active2, * html #nav .select a:hover .sub, * html #nav .mort a:hover .sub, * html #nav .ins a:hover .sub, * html #nav .other a:hover .sub, * html #nav .savings a:hover .sub, * html #nav .com a:hover .sub  {z-index:-1; margin-t\op:0px;}

#nav .sub_active a {height:50px; float:left; text-decoration:none; line-height:25px; white-space:nowrap; font-weight:normal;}
#nav .sub_active a, 

#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:inline; background:#66CCFF; padding:0 15px; margin:0; font-size:11px; width:auto; white-space:nowrap; font-weight:normal; border:0; color:#000000; height:50px; line-height:25px; }

#nav .mort a:hover .sub li a, 
#nav .mort li:hover .sub li a {display:inline; background:#99CC33;  background-image: url(imagefiles/menu_mort_back.gif); padding:0 15px; margin:0; font-size:11px; width:auto; white-space:nowrap; font-weight:normal; border:0; color:#000000; height:50px; line-height:25px; }

#nav .ins a:hover .sub li a, 
#nav .ins li:hover .sub li a {display:inline; background:#CC3399; background-image: url(imagefiles/menu_ins_back.gif); padding:0 15px; margin:0; font-size:11px; width:auto; white-space:nowrap; font-weight:normal; border:0; color:#000000; height:50px; line-height:25px; }

#nav .other a:hover .sub li a, 
#nav .other li:hover .sub li a {display:inline; background:#FFCC00;;  background-image: url(imagefiles/menu_other_back.gif); padding:0 15px; margin:0; font-size:11px; width:auto; white-space:nowrap; font-weight:normal; border:0; color:#000000; height:50px; line-height:25px; }

#nav .savings a:hover .sub li a, 
#nav .savings li:hover .sub li a {
	display:inline;
	background:#66CCFF;
	padding:0 15px;
	margin:0;
	font-size:11px;
	width:auto;
	white-space:nowrap;
	font-weight:normal;
	border:0;
	color:#000000;
	height:50px;
	line-height:25px;
	background-image: url(imagefiles/menu_savings_back.gif);
}

#nav .com a:hover .sub li a, 
#nav .com li:hover .sub li a {display:inline; background:#ECECEC; background-image: url(imagefiles/menu_com_back.gif); padding:0 15px; margin:0; font-size:11px; width:auto; white-space:nowrap; font-weight:normal; border:0; color:#000000; height:50px; line-height:25px; }


.style1 {	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
.style2 {font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.style3 {color: #FFFFFF}
.style3pad {
	color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
}

