@import url(form.css);

html,body { height: 100%; }
* { font-family: Verdana, Arial, Helvetica, sans-serif; }
a { color: #c70022; }
body { margin: 0px; padding: 0px; background-color: #d1d1d1; font-size: 8pt; scrollbar-face-color: #8592BB; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-3dlight-color: #8592BB; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-darkshadow-color: #8592BB; }
div.hr { border-top: 1px dotted #8592BB; clear: both; margin-top: 10px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 10px; }
em { color: #333333; }
form { margin: 0px; }
h1, h2, h3, h4, h5, h6 { font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; color: #000000; margin: 0em 0px 0.5em; }
h1 { font-size: 1.7em; padding-bottom: 0.2em; color:#555555; }
h2 { font-size: 1.2em; font-weight: bold; color:#444444; }
h3 { font-size: 1.1em; }
h4 { font-size: 0.8em; }
div.hr hr { display:none; }
img { border: none; }
input, select, textarea { vertical-align: middle; font-size: 100%; border: 1px solid #a3a0c8; background-color: #fafafa; }
input.form-button { background-color: #a3a0c8; color: #FFFFFF; font-weight: bold; padding: 0px 4px; }
input.text { color: #000000; }
input.text-ghosted { color: #808080; }
label { font-weight: bold; }
p { margin: 0em 0em .7em; line-height: 1.4em; color: #444444; }
div.breadcrumbs { margin: 0em 0px 1em; text-align: right; }
li { color:#444444; }
a { color:#5a3f99; text-decoration:none; }
a:hover { color:#333333; text-decoration: underline; }

#areaselect { width: 806px; height: 555px; margin: auto; }
#root { background-color: #FFFFFF; width: 960px; margin: 0px auto; border-left: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999; }
#popuproot { margin: 8px; padding: 10px; background-color: white; }
#mainpadding { padding-left: 10px; padding-right:10px; padding-bottom:10px; }
	#header { color: #333333; height:80px; width:942px; clear:both; }
		#topboxes { float: left; }
			#registerbox { margin:6px 20px 20px 20px; width:168px; height:20px; background-color: #e7e7e8; border: #999999 1px solid; padding: 5px 10px 5px; text-align: center; }
			#searchbox { height:30px; padding-top:50px; width:215px; margin-left: 2px; }
		#logo { float: right; margin-top: 10px; }
		#headerimage { }
		#latestnews { border-bottom: 2px solid #d4d3d4; border-top: 2px solid #d4d3d4; height:25px; }
		#newsboxcontent { float: left; padding-left: 15px; line-height: 25px; }
		#latestnewsbox {  height: 20px; padding: 5px 0px 0px 8px; background-color:#939598; color:#FFFFFF; font-weight: bold; width: 90px; float:left;  }
		#rssbox { float: right; }
	#mainnavigation { margin-left:0; padding-left:0; width:936px; background-color: #ffffff; color: #000000; clear:both; float:left; border-top:2px solid #d4d3d4; border-bottom:2px solid #d4d3d4; border-left: 2px solid #d4d3d4; border-right: 2px solid #d4d3d4; }
		#mainnavigation ul { margin: 0; padding: 0; border:0; list-style-type: none; color: #FFFFFF; text-align: center; padding-left: 0px; }
		#mainnavigation li { margin: 0; padding: 0; border:0; display: inline; }
		#mainnavigation li a { margin: 0; padding: 0; border:0; display: block; width: 105px; height:16px; text-decoration: none; font-weight:bold; text-align:center; color: #666666; border-right: 1px solid #d4d3d4; border-left: 1px solid #d4d3d4; padding:5px; float:left; }
		#mainnavigation li a:hover { color: #FFFFFF; background-color:#fdc883; }
	.subnavigation { }
		.subnavigation ul { list-style-type: none; margin: 0px; padding: 0px; }
		.subnavigation li { display: inline; }
		.subnavigation li a { display: block; text-decoration: none; color: #666666; padding: .5em 0.75em; background-color:#e7e7e8; border-bottom: 3px solid #ffffff; }
		.subnavigation li a:hover { color: #ffffff; background-color: #fdc883; }

	#picture { margin-top: 3px; border-bottom: 5px solid #6d6d6d; }
	#main { margin-top: 3px; width:960px; background-image: url(../images/main-bk.gif); background-repeat: repeat-y;  }
		#left { float: left; width: 230px;}
		#right { float: left; width: 680px; background-color: #edece4; margin-left: 10px; padding: 10px 10px; }
			#body_flash { }

		#left-column { width: 303px; float: left; }
			.left-content { padding: 8px 8px 8px 7px; }
			.left-separator { margin-left: 4px; margin-right: 4px; margin-top: 4px; margin-bottom: 5px; border-top: 1px solid #003466; font-size: 0px; height: 0px; line-height: 1px; }
		#main-column { width: 455px; float: right; }
			#postcodechecker { float: right; width: 230px; border: 1px solid #808080; background-color: #ffffff; }
			#postcodechecker h1 { background-color: #808080; color: #ffffff; padding: 2px 4px; margin: 0; }
			#postcodechecker div { padding: 10px; }
		#logos { text-align: center; border-bottom: 3px solid #FFFFFF; }

			.news_item { clear: both; }
				.news_text { float: left; width: 510px; margin-right: 20px; }
				.news_thumb { float: left; width: 140px; }

	#footer { }
		#footer p { margin: 0; }

#footer_links { width: 960px; margin-left: auto; margin-right: auto; text-align: right; padding-top: 7px; padding-bottom: 15px; font-size: 0.9em; }

	.consultant { width: 45%; height: 103px; float: left; margin: 1%; border: 1px solid #cecdc4; padding: 1%; background-color: #f2f2f2; }
	.consultant-address { float: left; font-size: 0.8em; width: 78%; }
	.consultant-ratings { float: right; font-size: 0.8em; width: 22%; }
	.consultant-technologies { font-size: 0.8em; }

.box { margin-bottom: 8px; }
	.box h2 { background-color: #ca002d; color: #FFFFFF; text-align: right; padding: 3px 6px; font-weight: normal; text-transform: lowercase; margin-bottom: 0px; }
	.boximage { border-bottom: 1px solid #c9c9c9; }
	.boxmore { }
	.boxtext { padding: 10px; }
	.boxlink { text-align: right; }
	.boxlink a { text-decoration: none; }


.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.data th { background-color: #7580A3; color: #FFFFFF; text-align: left; font-weight: normal; }
.data td { background-color: #DBCDDD; }
.error { color: #FF0000; font-weight: bold; text-align: center; }
.float-left { float: left; }
.float-right { float: right; }
.valign-top { vertical-align: top; }
.valign-middle { vertical-align: middle; }
.valign-bottom { vertical-align: bottom; }
.companyinfo { font-size: 0.80em; color: #777777; text-align: center; }
.clear { clear: both; font-size: 0px; line-height: 0px; height: 0px; }
table.form td { padding: 2px; }