/* CSS Document */
html {
	overflow-y: scroll;
	overflow: -moz-scrollbars-vertical;
}

body {
	margin: 0;
	background-color: #fff;
	font: normal 0.625em "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #58595e;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
b, strong {
	font-weight: bold;
}
h1, h2, h3, h4, h5 {
	padding: 0;
	margin: 0 0 0.7em 0;
	color: #8c8c8c;
	font: normal 150% "Verdana", "Arial", "Helvetica", "sans-serif";
}
h1 {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e2e2e2;
}
h2 {
	font-size: 140%;
}
h3 {
	font-size: 130%;
	font-weight: bold;
}
h4 {
	font-size: 120%;
	font-weight: bold;
}
h5 {
	font-size: 110%;
	font-weight: bold;
}
hr {
	border-top: 1px solid #c9c9c9;
	color: #fff;
}
form {
	margin: 0;
	padding: 0;
}
li {
	padding: 2px 0;
}


/*
 *
 * Area/specific classes
 *
 */
h1.home {
	margin-bottom: 20px;
	padding: 0;
	border: 0;
}
	h1.home span {
		font-weight: bold;
		color: #f48900;
	}
.accountants {
	color: #ec2125;
}
.family-consultants {
	color: #629cc2;
}
.ifas {
	color: #f3c622;
}
.solicitors {
	color: #a3b82d;
}
.surveyors {
	color: #ef6729;
}
.red {
	color: #f00;
}


/*
 *
 * Body Shell
 *
 */
div#body-shell {
	background-color: #f5f6f5;
	margin: 0 auto;
	padding: 18px 18px 0;
	width: 966px;
}


/*
 *
 * Top Navigation
 *
 */
div#topnav-shell {
	display: block;
	margin: 0;
	padding: 0;
	height: 19px;
}
	div#topnav-shell ul {
		display: block;
		float: right;
		margin: 0 -10px 0 0;
		padding: 0;
		list-style: none;
	}
	div#topnav-shell li {
		float: left;
		margin: 0;
		padding: 0;
	}
		div#topnav-shell li.separator {
			background: url(/_images/navigation/topnav_separator.gif) no-repeat center left;
		}
	div#topnav-shell a {
		float: left;
		font: normal 100% "Arial", "Helvetica", "sans-serif";
		color: #999;
		text-decoration: none;
		margin: 0;
		padding: 2px 11px;
	}
		div#topnav-shell a:hover {
			text-decoration: none;
		}


/*
 *
 * Header
 *
 */
div#header-shell {
	display: block;
	background-color: #fff;
	margin: 0 0 11px 0;
	padding: 0;
	height: 158px;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}
	div#logo {
		display: block;
		float: left;
		width: 240px;
	}
	div#banner, 
	div#banner-home {
		display: block;
		float: right;
		width: 415px;
		height: 69px;
		padding: 90px 20px 0 285px;
		text-align: right;
		margin: 0;
		background: url(/_images/banners/subpage.jpg) no-repeat top right;
		color: #fffffc;
		font: normal 260% "Arial", "Helvetica", "sans-serif";
	}
	div#banner-home {
		background: url(/_images/banners/home.jpg) no-repeat top right;
	}


/*
 *
 * Main Navigation
 *
 */
div#mainnav-shell {
	display: block;
	margin: 0 0 2px 0;
	padding: 0;
	height: 19px;
	background: #858585 url(/_images/navigation/mainnav_bg.gif) repeat-x top left;
}
	div#mainnav-shell ul {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	div#mainnav-shell li {
		float: left;
		margin: 0;
		padding: 0;
	}
		div#mainnav-shell li.separator {
			background: url(/_images/navigation/mainnav_separator.gif) no-repeat center left;
			padding-left: 2px;
		}
	div#mainnav-shell a {
		float: left;
		font: normal 100% "Verdana", "Arial", "Helvetica", "sans-serif";
		color: #fff;
		text-decoration: none;
		margin: 0;
		padding: 2px 10px 4px;
	}
		div#mainnav-shell a.active {
			background-color: #3c3c3c;
		}
		div#mainnav-shell a:hover {
			text-decoration: none;
			background-color: #3c3c3c;
		}
	

/*
 *
 * Main Content
 *
 */
div#content-shell, 
div#content-shell-home {
	display: block;
	background-color: #fff;
	margin: 0;
	padding: 20px 5px 20px 22px;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	min-height: 285px;
	clear: both;
}
	div#content-shell {
		background: #fff url(/_images/content_divide.gif) repeat-y 210px 0;
	}
	div#content-shell-home {
		padding-left: 277px;
	}
		div.home-left-1 {
			background: #fff url(/_images/banners/home_left_1.jpg) no-repeat top left;
		}
		div.home-left-2 {
			background: #fff url(/_images/banners/home_left_2.jpg) no-repeat top left;
		}
		div.home-left-3 {
			background: #fff url(/_images/banners/home_left_3.jpg) no-repeat top left;
		}


/*
 * Main Content - Navigation
 */
div#content-navigation {
	display: block;
	width: 190px;
	float: left;
	margin: 0;
	padding: 0;
}
	div#content-navigation ul {
		margin: 0;
		padding: 0;
	}
		div#content-navigation li {
			display: block;
			float: left;
			clear: both;
			width: 155px;
			font: bold 100% "Verdana", "Arial", "Helvetica", "sans-serif";
			color: #868686;
			list-style: none outside;
			background: url(/_images/navigation/sidenav_li.gif) no-repeat left top;
			margin: 0 0 2px;
			padding: 3px 0 3px 23px;
		}
			div#content-navigation li a {
				font: bold 100% "Verdana", "Arial", "Helvetica", "sans-serif";
				color: #868686;
			}
			div#content-navigation li ul {
				margin: 5px 0 0 -23px;
			}
			div#content-navigation li li {
				width: 155px;
				font-weight: normal;
				list-style: none outside;
				background: url(/_images/navigation/sidenav_li_li.gif) no-repeat 4px center;
				padding-left: 17px;
			}
				div#content-navigation li li a {
					font-weight: normal;
				}

/*
 * Main Content - Body
 */
div#content-body {
	display: block;
	width: 700px;
	float: left;
	margin: 0;
	padding: 0 0 0 30px;
}

/*
 *
 * Footer
 *
 */
div#footer-shell {
	display: block;
	height: 45px;
	padding: 0 5px 0 2px;
}
	div#copyright {
		display: block;
		float: left;
		margin: 0;
		padding: 14px 0;
		font: normal 100% "Arial", "Helvetica", "sans-serif";
		color: #999;
	}
		div#copyright a {
			color: #999;
			text-decoration: none;
		}
		div#copyright a:hover {
			text-decoration: underline;
		}
	div#resolution {
		display: block;
		float: right;
		margin: 0;
		padding: 12px 0;
		font: normal 90% "Arial", "Helvetica", "sans-serif";
		color: #999;
	}
		div#resolution a {
			color: #ef2f37;
			text-decoration: none;
		}
		div#resolution img {
			margin: 0 5px -7px 0;
		}


/*
 *
 * Tab navigation
 *
 */
div.tabMenu-tabStrip {
	height: 20px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e2e2e2;
}
	div.tabMenu-tabStrip div {
		width: 82px;
		height: 20px;
		background: url(/_images/navigation/tabStrip.gif) repeat-x 0px -80px;
		margin: 0 1px 0 0;
		color: #fff;
		float: left;
		overflow: hidden;
	}
		div.tabMenu-tabStrip div a {
			display: block;
			width: 100%;
			height: 100%;
			background: url(/_images/navigation/tabStrip.gif) repeat-x 0px -40px;
			font: bold 110% "Arial", "Helvetica", "sans-serif";
			color: #fff;
			text-decoration: none;
			text-align: center;
			padding: 3px 0 0;
			margin: 0;
			overflow: hidden;
			cursor: pointer;
		}
		div.tabMenu-tabStrip div a:hover {
			background-image: none;
			color: #fff;
			text-decoration: none;
		}
	div.tabMenu-tabStrip div.active {
		background: url(/_images/navigation/tabStrip.gif) repeat-x 0px -120px;
	}
		div.tabMenu-tabStrip div.active a {
			background-image: none;
			color: #fff;
		}
		div.tabMenu-tabStrip div.active a:hover {
			color: #ddd;
		}


/*
 *
 * Members paging
 *
 */
div#members-paging, 
div#members-pager {
	display: block;
	float: right;
	width: 330px;
	background-image: none;
	text-align: right;
	color: #000;
	font: normal 110% "Arial", "Helvetica", "sans-serif";
}
div#members-pager {
	clear: both;
}
	div#members-paging a, 
	div#members-pager a {
		display: inline;
		background-image: none;
		font-size: 100%;
		color: #999;
	}
div#members-please-select {
	font: bold 100% "Arial", "Helvetica", "sans-serif";
	color: #000;
	padding: 10px 0 10px 90px;
}


/*
 *
 * 
 *
 */
div#search-box {
	display: block;
	float: right;
	width: 249px;
	margin: 0;
	padding: 0 21px 0 50px;
}
div.search-box-form {
	width: 234px;
	height: 270px;
	overflow: hidden;
	margin: 0;
	padding: 10px 0 10px 12px;
	border: 1px solid #e2e2e2;
	border-top: 0;
	background-color: #fff;
	color: #000;
	display: none;
	clear: both;
}
	div.search-box-form strong, 
	div.search-box-form label.strong {
		font-weight: bold;
		display: block;
		margin: 4px 0;
	}
	div.search-box-form input.checkbox {
		padding: 0;
		margin: -2px 2px -2px 0;
	}
	div.search-box-form input.input {
		margin: 2px 0;
		padding: 1px;
		font-size: 90%;
		width: 190px;
	}
div#search-box-map {
	margin: 7px 0 0 25px;
	background: url(/_images/search_map/map.gif) no-repeat top left;
}
div#search-box-map-EC {
	margin: 7px 0 0 25px;
	background: url(/_images/search_map/map_EC.gif) no-repeat top left;
}
div#search-box-map-WC {
	margin: 7px 0 0 25px;
	background: url(/_images/search_map/map_WC.gif) no-repeat top left;
}


/*
 *
 * Member Listing
 *
 */
div#google-map {
	display: block;
	float: left;
	width: 366px;
	height: 366px;
	border: 1px solid #e2e2e2;
}


/* Map Key */
div#member-mapkey {
	display: block;
	float: left;
	padding: 12px 7px;
	width: 100%;
}
	div#member-mapkey img {
		display: block;
		float: left;
	}
	div#member-mapkey span {
		display: block;
		float: left;
		padding: 10px 20px 0 5px;
	}


/* Map View */
div.member-mapview {
	display: block;
	float: right;
	clear: right;
	width: 320px;
}
	div.member-mapview img.map-marker {
		display: block;
		float: left;
		width: 20px;
		height: 34px;
		margin: 6px 0 0 0;
	}
	div.member-mapview div.profile {
		float: right;
		width: 295px;
		border-top:1px solid #e2e2e2;
		padding: 7px 0;
		line-height: 1.4em;
	}
		div.member-mapview div.profile .title {
			color: #8caf1d;
		}

/* List View */
div.member-listview {
	display: block;
	float: left;
	clear: both;
	width: 100%;
}
	div.member-listview img.photo {
		display: block;
		float: left;
		width: 50px;
		height: 73px;
		border: 1px solid #e2e2e2;
	}
	div.member-listview div.profile {
		float: right;
		width: 610px;
		border-top:1px solid #e2e2e2;
		padding: 7px 0;
		line-height: 1.4em;
	}
		div.member-listview div.profile .title {
			color: #8caf1d;
		}


/*
 *
 * Contact Us form
 *
 */
div#contact-form {
	text-align: center;
}
form#contact-form {
	border: 1px solid #c9c9c9;
	margin: 0 0 0 2px;
	padding: 10px 5px;
	width: 412px;
	text-align: left;
}
	form#contact-form label {
		display: block;
		float: left;
		clear: both;
		margin: 0;
		padding: 3px;
		width: 140px;
	}
	form#contact-form input {
		font: normal 110% "Arial", "Helvetica", "sans-serif";
		color: #000;
		margin: 0 0 4px;
		padding: 1px 2px;
		width: 249px;
	}
	form#contact-form textarea {
		font: normal 110% "Arial", "Helvetica", "sans-serif";
		color: #000;
		margin: 0 0 4px;
		padding: 1px 2px;
		width: 251px;
		height: 100px;
	}
	form#contact-form input.captcha {
		width: 92px;
	}
	form#contact-form input.submit {
		font: normal 100% "Arial", "Helvetica", "sans-serif";
		color: #000;
		margin: 10px 0 0 314px;
		padding: 1px 2px;
		width: 90px;
	}


/*
 *
 * Log-in form
 *
 */
div#login-form {
	text-align: center;
}
form#login-form {
	border: 1px solid #c9c9c9;
	margin: 0 0 0 2px;
	padding: 10px 5px;
	width: 312px;
	text-align: left;
}
	form#login-form label {
		display: block;
		float: left;
		clear: both;
		margin: 0;
		padding: 3px;
		width: 140px;
	}
	form#login-form input {
		font: normal 110% "Arial", "Helvetica", "sans-serif";
		color: #000;
		margin: 0 0 4px;
		padding: 1px 2px;
		width: 149px;
	}
	form#login-form input.submit {
		font: normal 100% "Arial", "Helvetica", "sans-serif";
		color: #000;
		margin: 10px 0 0 214px;
		padding: 1px 2px;
		width: 90px;
	}


/*
 *
 * News/Events form
 *
 */

form#news-events-form {
	border: 1px solid #c9c9c9;
	margin: 0 0 0 2px;
	padding: 10px 5px;
	width: 662px;
	text-align: left;
}
	form#news-events-form label {
		display: block;
		float: left;
		clear: both;
		margin: 0;
		padding: 3px;
		width: 100px;
	}
	form#news-events-form textarea {
		font: normal 110% "Arial", "Helvetica", "sans-serif";
		color: #000;
		margin: 0 0 4px;
		padding: 1px 2px;
		width: 521px;
		height: 200px;
	}
	form#news-events-form input {
		font: normal 110% "Arial", "Helvetica", "sans-serif";
		color: #000;
		margin: 0 0 4px;
		padding: 1px 2px;
	}
	form#news-events-form input.input {
		width: 519px;
	}
	form#news-events-form input.date {
		width: 119px;
	}
	form#news-events-form input.submit {
		font: normal 100% "Arial", "Helvetica", "sans-serif";
		color: #000;
		margin: 10px 0 0 543px;
		padding: 1px 2px;
		width: 90px;
	}