/*
	Process Server Stylesheet
	Towcester Web Design 2012 - www.towcesterwebdesign.co.uk
*/
body {
	background: #FFF url(images/background.png) repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: Arial;
}

/* Generic Classes */
.cb {
	clear:both;
}

h1, h2, h3, .sans {
font-family: Georgia,
             serif;
			font-weight: normal;
				margin: 0px;
	font-weight: normal;
			 }



/* Layout */
#container {
	width: 960px;
	margin: 0px auto 0px auto;
}
#content {
	width: 580px;
	float: left;
}
#aside {
	width: 340px;
	float: right;
}
#affilates {
	width: 600px;
	float: left;
}
#address {
	width: 340px;
	float: right;
	text-align: right;
}
#header { 
	padding: 50px 0px 50px 0px; 
	height: 65px;
}
/* Header */
#header h2 {
	width: 500px;
	float: left;
	color: #333333;
	background: url(images/process_logo.png) no-repeat 0px 50%;
	padding-left: 55px;
	font-size: 32px;
	line-height: 45px;
}
#header h2 span {
	color: #000000;
}
#header h3 {	
text-align: right;
	float: right;
	font-family: Arial;
	font-size: 25px;
	color: #484848;
}
#header h3 span {
	display:block;
	clear:both;
	margin: 10px 0px 10px 0px;
}
#header h3 a {
	display: block;
	clear:both;
	color: #494949;
	font-size: 18px;
	text-decoration: none;
}
#header h3 a:hover {
	text-decoration: underline;
}

h1 {
	color: #CA0F1D;
	font-size: 35px;
	text-align: center;
	line-height: 50px;
	padding: 15px 0px 15px 0px;
	border: #C9C9C9 1px dotted;
	border-left: 0px;
	border-right: 0px;
	text-shadow: 1px 1px 1px #CCC;
}
h1 b {
	position: absolute;
	opacity: 0;
	filter: alpha(opacity = 0);
	}


/* Locations */
#locations_holder {
	text-align: center;	
	background: #E9E9E6;
	padding: 10px 0px 10px 0px;
	margin-top: 35px;
	margin-bottom: 35px;
}

#locations {
	padding: 0px;
	display: inline-block;
	margin: 0px auto 0px auto;
}
#locations li {
	display: inline;
	float: left;
	border-left: #D2313E 1px solid;
	padding: 0px 5px;
	font-size: 15px;
	color: #000;
	}
#locations .first {border-left:none;}

/* Content */
#content p {
	color: #333333;
	font-size: 16px;
	line-height: 27px;
	margin-bottom: 30px;
	margin-top: 0px;
	text-align: justify;
}
	
/* Aside */
#aside h2 {
	color: #CF0F1E;
	border-bottom: #C9C9C9 1px dotted;
	font-size: 18px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#aside h2  span {opacity: 0; position:absolute; display: inline;}
#aside a {
	border: 0px;
}
#aside img {
	margin-bottom: 30px;
	border: 0px;
}

#documents {
	padding: 0px;
	
}
#documents li {
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 170px;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	display: block;
	padding-left: 15px;
	background: url(images/tick.png) no-repeat 0px 50%;
}
#documents .long {width: 300px; clear:both;}
#documents .short {width: 140px;}

/* Affilates bar */
#affilates_bar {
	margin-top: 20px;
	border-top: #C9C9C9 1px dotted;
	padding-top: 10px;
}

#affilates .button {
	float: left;
	display: block;
	width: 180px;
	height: 60px;
	margin-right: 10px;
	border: #F3F3F3 1px solid;
	border-radius: 3px;
	padding: 5px 5px 5px 100px;
	background: #FBFBFB url(images/theabi.png) no-repeat 10px 50%;
	text-decoration: none;
}
#affilates .button:hover {
	background-color: #F2F2F2;
}
#affilates #lawSoc {
	background-image: url(images/lawsoc.png);
}
#affilates h4 {
	color: #999999;
	font-size: 14px;
	font-family: Arial;
	margin: 0px 0px 5px 0px;
	font-weight: normal;
}
#affilates h3 {
	color: #333333;
	font-size: 16px;
	font-family: Arial;
}
#affilates p {
	clear:both;
	display: block;
	font-size: 12px;
	padding-top: 20px;
	line-height: 22px;
	color: #666;
	text-align: center;
}
#affilates p a {
	color: #262C34;
	text-decoration: none;
}
#affilates p a:hover {
	text-decoration: underline;
}

/* address */
#address h4 {
	color: #CF0F1E;
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 10px;
	}
#address  p {
	margin: 0px;
	padding: 0px;
	color: #000;
	font-size: 13px;
	margin-bottom: 10px;
}
#address #tel {font-size: 14px;}
#address #email {font-size: 14px; }
#address #email a {color: #262C34; text-decoration: none;}
#address #email a:hover {text-decoration: underline;}

/* Footer */
#footer {
	border-top: #C9C9C9 1px dotted;
	padding-top: 10px;
}
#footer h4 {
	font-size: 13px;
	color: #CF0F1E;
	margin: 0px;
}
#other_places {
	padding:0px;
}
#other_places li {
	display: inline;
	font-size:12px;
	float: left;
	margin-bottom: 5px;
}
#other_places li  a {
	color: #000;
	text-decoration: none;
	border-right: #CF0F1E 1px solid;
	padding: 0px 10px 0px 0px;
	margin: 0px 10px 0px 0px;

}
#other_places li a:hover {
	text-decoration: underline;

}	
/* Terms and Conditions */
#tandC {
	clear:both;
	padding-top: 10px;
}
#tandC p {
	font-size: 11px;
	color: #666666;
}
#tandC p a {
	color: #666666;
	text-decoration: none;
}
#tandC p a:hover {
	text-decoration: underline;
}