/* CSS Document */

* {
text-decoration: none;
}



/* main page body */

body {
font-family: Verdana, Arial, Helvetica;
font-size: 62.5%;
margin: 0;
text-align: center;
}



/* page wrapper */

#wrapper {
margin: auto;
width: 800px;
}

	.blue {
	color: #006498;
	}
	
	.red, a.red {
	color: #EA0024;
	}
	
	.b {
	font-weight: bold;
	}
	
	.em {
	font-style: italic;
	}
	
/* common page wrapper */

#common-wrapper {
margin: auto;
width: 541px;
}

/* blue and red sections */

#blue, #red {
font-size: 1.1em;
float: left;
width: 394px;
}

	#nav-blue, #nav-red {
	font-variant: small-caps;
	font-size: .9em;
	margin: 5px;
	padding: 5px 0;
	}
	
		#nav-blue {
		background: #006498;
		}
	
		#nav-red {
		background: #EA0024;
		}

	#nav-blue a, #nav-red a {
	color: #fff;
	font-weight: bold;
	margin: 0 5px;
	}
	
		#nav-blue a: hover {
		color: #D5E8F3;
		text-decoration: underline;
		}
	
		#nav-red a: hover {
		color: #FAB4A2;
		text-decoration: underline;
		}

/* common blue and red sections */

#common-blue, #common-red {
font-size: 1.2em;
text-align: center;
margin: 2px 0px;
float: left;
width: auto;
}

	#common-nav-blue, #common-nav-red, #common-nav-blue-2, #common-nav-red-2 {
	font-variant: small-caps;
	margin: 2px 0px;
	padding: 5px;
	}
	
		#common-nav-blue, #common-nav-red-2 {
		float: left;
		width: 394px;
		font-size: 0.8em;
		}
	
		#common-nav-red, #common-nav-blue-2 {
		background: #EA0024;
		float: right;
		width: 124px;
		font-size: 0.8em;
		}
		
			#common-nav-blue, #common-nav-blue-2 {
			background: #006498;
			}
		
			#common-nav-red, #common-nav-red-2 {
			background: #EA0024;
			}
		
	#common-nav-blue a, #common-nav-red a, #common-nav-blue-2 a, #common-nav-red-2 a {
	color: #fff;
	font-weight: bold;
	margin: 0 5px;
	}
	
		#common-nav-blue a: hover, #common-nav-blue-2 a: hover {
		color: #D5E8F3;
		text-decoration: underline;
		}
	
		#common-nav-red a: hover, #common-nav-red-2 a: hover {
		color: #FAB4A2;
		text-decoration: underline;
		}

/* Banner Graphics */
#banner-graphic {
padding-top: 0px;
}

/* company logo */

p.logo {
margin: 0;
padding: 25px 0 50px 0;
text-align: center;
}

/* Bullet points in content area */
#bullets {
width: 240px;
float: left;
background: white;
margin-bottom: 20px;
margin-left: 30px;
}

	#bullets li {
	text-align: left;
	}
	
	#bullets2 {
width: 240px;
float: left;
background: white;
margin-bottom: 20px;
}

	#bullets2 li {
	text-align: left;
	}
	
#bullets-wide {
width: 541px;
float: left;
background: white;
margin-bottom: 20px;
}

	#bullets-wide li {
	text-align: left;
	}
	
		.bullet-red {
		color: #FF0000;
		}
	
	#bullets-wide2 {
	width: 350px;
	background: white;
	margin-bottom: 20px;
	margin-left: 160px;
	}

		#bullets-wide2 li {
			text-align: left;
	}	


/* footers */

#footer-blue, #footer-red {
color: #fff;
margin: 25px 5px 0;
padding: 5px;
height: 80px;
}

	#footer-blue {
	background: #006498;
	font-size: .7em;
	margin-top: 38px;
	}

	#footer-red {
	background: #EA0024;
	font-size: .65em;
	}

/* common footers */

#common-footer-blue, #common-footer-red {
color: #fff;
margin: 25px 5px 0;
padding: 5px;
clear: left;
text-align: center;
}

	#common-footer-blue {
	background: #006498;
	font-size: .7em;
	}

	#common-footer-red {
	background: #EA0024;
	font-size: .65em;
	}
	
#spiderlinks {
clear: both;
font-size: .7em;
margin: 0;
padding: 5px;
text-align: center;
}

	#spiderlinks.blue a {
	color: #006498;
	}

	#spiderlinks.red a {
	color: #EA0024;
	}



/* content area */

#content-blue, #content-red {
text-align: center;
}

	#content-blue p, #content-red p {
	text-align: left;
	padding: 0 20px;
	}

	#content-blue h1, #content-red h1,
	#content-blue h2, #content-red h2,
	#content-blue h3, #content-red h3  {
	font-size: 1.4em;
	text-align: left;
	padding: 0 20px;
	}

/* contact us boxes */

#contactboxes {
width: 200px;
height: 300px;
float: left;
}


/* home page graphic links */

.home-links {
height: 1%;
margin: 0 19px;
overflow: auto;
}

	.common-home-links {
	margin: 20px 150px;
	overflow: auto;
	}

.contact-us {
margin: 10px auto;
width: 114px;
}

	.home-links a, .contact-us a {
	color: #939393;
	display: block;
	float: left;
	margin: 5px 5px;
	padding: 95px 0 0 0;
	width: 102px;
	}
	
	
	.common-home-links a {
	color: #939393;
	display: block;
	margin: 5px 7px;
	padding: 95px 0 0 0;
	}
	
			a#contact-us-blue {
			background: url(../graphics/layout/contact-us-blue.jpg) no-repeat 50% 0%;
			color: #006498;
			margin-top: 10px;
			}
	
			a#contact-us-red {
			background: url(../graphics/layout/contact-us-red.jpg) no-repeat 50% 0%;
			color: #EA0024;
			margin-top: 10px;
			}
			
			a#terms-of-business {
			background: url(../graphics/layout/terms.jpg) no-repeat 50% 0%;
			margin-top: 10px;
			}
	
				a#terms-of-business: hover {
				background: url(../graphics/layout/terms-hover.jpg) no-repeat 50% 0%;
				margin-top: 10px;
				}
				
			a#customer-commitment {
			background: url(../graphics/layout/customer-commitment.jpg) no-repeat 50% 0%;
			margin-top: 10px;
			}
	
				a#customer-commitment: hover {
				background: url(../graphics/layout/customer-commitment-hover.jpg) no-repeat 50% 0%;
				margin-top: 10px;
				}	
				
			a#terms-of-businesshome {
			background: url(../graphics/layout/terms.jpg) no-repeat 50% 0%;
			margin-top: 10px;
			}
	
				a#terms-of-businesshome: hover {
				background: url(../graphics/layout/terms-hover.jpg) no-repeat 50% 0%;
				margin-top: 10px;
				}
				
			a#customer-commitmenthome {
			background: url(../graphics/layout/customer-commitment.jpg) no-repeat 50% 0%;
			margin-top: 10px;
			}
	
				a#customer-commitmenthome: hover {
				background: url(../graphics/layout/customer-commitment-hover.jpg) no-repeat 50% 0%;
				margin-top: 10px;
				}
	
		a#vehicle-fleet {
		background: url(../graphics/layout/commercial/pages/vehicle-fleet.jpg) no-repeat 50% 0%;
		}
	
			a#vehicle-fleet: hover {
			background: url(../graphics/layout/commercial/pages/vehicle-fleet-hover.jpg) no-repeat 50% 0%;
			}
		
		a#commercial-vehicle {
		background: url(../graphics/layout/commercial/pages/commercial-vehicle.jpg) no-repeat 50% 0%;
		}
		
			a#commercial-vehicle: hover {
			background: url(../graphics/layout/commercial/pages/commercial-vehicle-hover.jpg) no-repeat 50% 0%;
			}
		
		a#private-medical {
		background: url(../graphics/layout/commercial/pages/private-medical.jpg) no-repeat 50% 0%;
		}
		
			a#private-medical: hover {
			background: url(../graphics/layout/commercial/pages/private-medical-hover.jpg) no-repeat 50% 0%;
			}
		
		a#commercial-insurance {
		background: url(../graphics/layout/commercial/pages/commercial-insurance.jpg) no-repeat 50% 0%;
		}
		
			a#commercial-insurance: hover {
			background: url(../graphics/layout/commercial/pages/commercial-insurance-hover.jpg) no-repeat 50% 0%;
			}
		
		a#shop-office-cover {
		background: url(../graphics/layout/commercial/pages/shop-office-cover.jpg) no-repeat 50% 0%;
		}
		
			a#shop-office-cover: hover {
			background: url(../graphics/layout/commercial/pages/shop-office-cover-hover.jpg) no-repeat 50% 0%;
			}
		
		a#nursing-care-homes {
		background: url(../graphics/layout/commercial/pages/nursing-care-homes.jpg) no-repeat 50% 0%;
		}
		
			a#nursing-care-homes: hover {
			background: url(../graphics/layout/commercial/pages/nursing-care-homes-hover.jpg) no-repeat 50% 0%;
			}
		
		a#contractor-liability {
		background: url(../graphics/layout/commercial/pages/contractor-liability.jpg) no-repeat 50% 0%;
		}
		
			a#contractor-liability: hover {
			background: url(../graphics/layout/commercial/pages/contractor-liability-hover.jpg) no-repeat 50% 0%;
			}
		
		a#personal-cover {
		background: url(../graphics/layout/commercial/pages/personal-cover.jpg) no-repeat 50% 0%;
		}
		
			a#personal-cover: hover {
			background: url(../graphics/layout/commercial/pages/personal-cover-hover.jpg) no-repeat 50% 0%;
			}
		
		a#travel-insurance {
		background: url(../graphics/layout/commercial/pages/travel-insurance.jpg) no-repeat 50% 0%;
		}
		
			a#travel-insurance: hover {
			background: url(../graphics/layout/commercial/pages/travel-insurance-hover.jpg) no-repeat 50% 0%;
			}
		
		a#ecclesiastical {
		background: url(../graphics/layout/commercial/pages/ecclesiastical.jpg) no-repeat 50% 0%;
		}
		
			a#ecclesiastical: hover {
			background: url(../graphics/layout/commercial/pages/ecclesiastical-hover.jpg) no-repeat 50% 0%;
			}
			
		a#pensions {
		background: url(../graphics/layout/financial/pages/pensions.jpg) no-repeat 50% 0%;
		}
		
			a#pensions: hover {
			background: url(../graphics/layout/financial/pages/pensions-hover.jpg) no-repeat 50% 0%;
			}	
			
		a#investments {
		background: url(../graphics/layout/financial/pages/investments.jpg) no-repeat 50% 0%;
		}
		
			a#investments: hover {
			background: url(../graphics/layout/financial/pages/investments-hover.jpg) no-repeat 50% 0%;
			}
			
		a#isa {
		background: url(../graphics/layout/financial/pages/isa.jpg) no-repeat 50% 0%;
		}
		
			a#isa: hover {
			background: url(../graphics/layout/financial/pages/isa-hover.jpg) no-repeat 50% 0%;
			}	
			
		a#income-protection {
		background: url(../graphics/layout/financial/pages/income-protection.jpg) no-repeat 50% 0%;
		}
		
			a#income-protection: hover {
			background: url(../graphics/layout/financial/pages/income-protection-hover.jpg) no-repeat 50% 0%;
			}	
			
		a#life-assurance {
		background: url(../graphics/layout/financial/pages/life-assurance.jpg) no-repeat 50% 0%;
		}
		
			a#life-assurance: hover {
			background: url(../graphics/layout/financial/pages/life-assurance-hover.jpg) no-repeat 50% 0%;
			}	
			
		a#critical-illness {
		background: url(../graphics/layout/financial/pages/critical-illness.jpg) no-repeat 50% 0%;
		}
		
			a#critical-illness: hover {
			background: url(../graphics/layout/financial/pages/critical-illness-hover.jpg) no-repeat 50% 0%;
			}		
			
		a#savings-plans {
		background: url(../graphics/layout/financial/pages/savings-plans.jpg) no-repeat 50% 0%;
		}
		
			a#savings-plans: hover {
			background: url(../graphics/layout/financial/pages/savings-plans-hover.jpg) no-repeat 50% 0%;
			}
			
		a#mortgages {
		background: url(../graphics/layout/financial/pages/mortgages.jpg) no-repeat 50% 0%;
		}
		
			a#mortgages: hover {
			background: url(../graphics/layout/financial/pages/mortgages-hover.jpg) no-repeat 50% 0%;
			}
			
		a#family-protection {
		background: url(../graphics/layout/financial/pages/family-protection.jpg) no-repeat 50% 0%;
		}
		
			a#family-protection: hover {
			background: url(../graphics/layout/financial/pages/family-protection-hover.jpg) no-repeat 50% 0%;
			}	
		
		a#will-writing {
		background: url(../graphics/layout/financial/pages/will-writing-service.jpg) no-repeat 50% 0%;
		margin-top: 10px;
		}
		
			a#will-writing: hover {
			background: url(../graphics/layout/financial/pages/will-writing-service.jpg) no-repeat 50% 0%;
			margin-top: 10px;
			}	
		
		a#hi5 {
		background: url(../graphics/layout/financial/pages/hi5.jpg) no-repeat 50% 0%;
		margin-top: 10px;
		}
		
			a#hi5: hover {
			background: url(../graphics/layout/financial/pages/hi5.jpg) no-repeat 50% 0%;
			margin-top: 10px;
			}	
		
		
		
/* customer satisfaction survey */
		
table#survey {
border: 0;
border-collapse: collapse;
border-spacing: 0;
font-size: .9em;
padding: 0;
margin: 0 auto;
text-align: left;
vertical-align: top;
width: 500px;
}

	table#survey td.alt {
	background: #F7F7F7;
	}

	table#survey td.qid {
	color: #aaa;
	font-weight: bold;
	padding: 9px 0 0;
	width: 30px;
	}

	table#survey td.input {
	border-bottom: 1px solid #777;
	padding: 10px 0;
	text-align: center;
	width: 20px;
	}

	table#survey td.text {
	border-bottom: 1px solid #777;
	padding: 8px;
	}
	
		table#survey td.noborder {
		border: none;
		}

		table#survey td.text span {
		color: #333;
		display: block;
		font-size: .85em;
		font-style: italic;
		padding: 5px;
		}
	
		table#survey td.input input {
		margin: 0;
		padding: 0;
		width: auto;
		}
	
		table#survey td.text textarea {
		color: #777;
		font-family: Verdana;
		font-size: 1em;
		height: 100px;
		margin: 0;
		padding: 10px;
		width: 432px;
		}
	
		table#survey td.text input.yourname {
		border: none;
		background: #fff;
		border-bottom: 1px dotted #000;
		font-family: Verdana;
		font-size: 1em;
		font-weight: bold;
		padding: 2px 3px;
		margin: 0 0 0 5px;
		width: 369px;
		}
		
		table#survey input.submitbutton {
		background: #777;
		border: 0;
		color: #fff;
		font-weight: bold;
		margin: 0 7px;
		padding: 5px 10px;
		}
	



table.ecclesiastical {
background: #eee;
border-collapse: collapse;
border: none;
text-align: left;
margin: 20px;
width: 500px;
}

	table.ecclesiastical td {
	border-bottom: 1px solid #fff;
	padding: 5px;
	}
	
		table.ecclesiastical tr.alt td {
		background: #ddd;
		}
	
		table.ecclesiastical .right {
		text-align: right;
		}
		
	table.ecclesiastical input, table.ecclesiastical textarea {
	background: #fff;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 5px;
	width: 225px;
	}
	
		table.ecclesiastical textarea {
		height: 70px;
		}
	
		table.ecclesiastical input.checkbox {
		width: auto;
		}
		
	input.submit {
	background: #ccc;
	border: 1px solid #aaa;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 5px 10px;
	}

#button {
clear:both;
padding: 7px 10px;
text-align: center;
}

#button a {
background: #006498;
color: #fff;
display: block;
font-size: 1.2em;
font-weight: bold;
padding: 7px 10px;
}

	#button.red a {
	background: #EA0024;
	}