* {
	color:#666;
	line-height:1.3;
	margin:0pt;
	padding:0pt;
}
body {
	background-color: #E8E8E8;
	font-family:Arial,Helvetica,sans-serif;
	font-size:70%;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;	

}


/* general */

h2 {
	color: #3382bf;
	font-family:Arial,Helvetica,sans-serif;
	font-size:30px;
	font-weight:normal;
	line-height: 30px;
	text-align: left;
	margin-bottom:20px;
}

h3 {
	font-family:Arial,Helvetica,sans-serif;
}

p {
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal;
	line-height:1.3;
	margin-bottom:1.3em;
	text-align:left;
}

#login option {
	background-color: #ffffff;
	padding:3px;
}

em {
	padding-right:0.25em;
}

a:link, a:active, a:visited {
	color: #ff0000;
	text-decoration:none;
}		

a:hover {
	color: #3382bf;
	text-decoration:none;
}

/* layout, interface etc. */

#wrapper {
	width:950px;
	margin:0 auto;
	position: relative;
	top: 0px;
	left: 0px;
}
#wrapper2 {
	width:570px;
	height:350px;
	margin:0 auto;
	position: relative;
	top: 0px;
	left: 0px;
}

#header {
	display:block;
	clear:both;
	height:140px;
	margin: 0pt;
	padding: 0pt;

}
#header2{
	display:block;
	clear:both;
	height:120px;
	width:700px;
	margin-left: -40pt;
	padding: 0pt;
}


#title {
	display:block;
	clear:both;
	height:102px;
	margin: 0pt;
	padding: 0pt;
}

#title h1 {
	background:transparent url(../images/interface/roea_logo.gif) no-repeat scroll left top ;
	display:block;
	float:left;
	clear:left;
	height:79px;
	left:59px;
	margin:0pt;
	position:relative;
	text-indent:-9999px;
	top:19px;
	width:132px;
}


#title p {
	background:transparent url(../images/interface/telephone.png) no-repeat scroll left top;
	display:block;
	float:right;
	height:70px;
	position:relative;
	right:58px;
	text-indent:-9999px;
	top:22px;
	width:199px;
}
#title2 {
	display:block;
	clear:both;
	height:102px;
	margin: 0pt;
	padding: 0pt;
}
#title2 h1 {
	background:transparent url(../images/interface/roea_logo.gif) no-repeat scroll left top ;
	display:block;
	float:left;
	clear:left;
	height:79px;
	left:59px;
	margin:0pt;
	position:relative;
	text-indent:-9999px;
	top:19px;
	width:128px;
}

#title2 p {
	background:transparent url(../images/interface/telephone.png) no-repeat scroll left top;
	display:block;
	float:right;
	height:70px;
	position:relative;
	right:58px;
	text-indent:-9999px;
	top:22px;
	width:199px;
}



/* navigation */

#nav {
	width: 840px;
	height: 40px;
	margin: 0px;
	padding: 0 50px 0 60px;
	background: transparent url(../images/interface/bg_nav.jpg) no-repeat bottom left;

}

#nav ul {
	display: inline;
	margin: 0;
	padding: 0;
}

#nav li, #nav a {
	display: block;
	float:left;
	clear:none;
	margin: 0;
	padding: 0;
	width: 120px;
	height: 40px;
}

#nav a {
	background-position: 0 0;
}

#nav a:hover {
	background-position: 0 -40px !important;
}

#nav a.home { background: transparent url(../images/interface/nav_home.png) no-repeat; } 
#nav a.about { background: transparent url(../images/interface/nav_about.png) no-repeat; } 
#nav a.compensation { background: transparent url(../images/interface/nav_compensation.png) no-repeat; } 
#nav a.links { background: transparent url(../images/interface/nav_links.png) no-repeat; } 
#nav a.forum { background: transparent url(../images/interface/nav_forum.png) no-repeat; } 
#nav a.userreg { background: transparent url(../images/interface/nav_userreg.png) no-repeat; } 
#nav a.agentreg { background: transparent url(../images/interface/nav_agentreg.png) no-repeat; } 

#nav a.active, #nav a.active:hover {
	background-position: 0 -80px !important;
}

#nav ul li span {
	display: none;
}

/* content layout */


#content-wrapper-outer { 	
	background:transparent url(../images/interface/bg_content_repeat.jpg) repeat-y scroll center top;
	margin:0pt;
	padding:0pt;
	float:left;
	height: relevant;
}
#content-wrapper-outer2 { 	
	background:transparent url(../images/interface/bg_content_repeat.jpg) repeat-y scroll center top;
	margin:0pt;
	padding:0pt;
	float:left;

}

#content-wrapper-inner {
	background:transparent url(../images/interface/bg_content_top.jpg) no-repeat center top;
	margin:0pt;
	padding:0pt;
	width:950px;
	float:left;

}
#content-wrapper-inner2 {
	background:transparent url(../images/interface/bg_content_top2.jpg) no-repeat center top ;
	margin:0pt;
	padding:0pt;
	width:590px;
	float:center;

}
#content2 {
	clear:both;
	display:block;
	
	min-height:50px;
	padding:10px;
	width:570px;
	float:center;

}

#content {
	clear:both;
	display:block;
	margin:0pt 20px;
	min-height:130px;
	padding:30px 40px 20px;
	width:800px;
	/*height: 650px;*/
	float:left;
	
	
}



#content_regions {
	clear:both;
	display:block;
	margin:0pt 20px 0pt 20px;
	min-height:130px;
	padding: 30px 40px 20px 40px;
	
	width:828px;
	height: 650px;
	float:left;
}


/* login */

#login {
	background:transparent url(../images/interface/bg_submenu.gif) no-repeat scroll center top;
	display:block;
	height:33px;
	margin:-21px -30px 30px;
	padding:9px 20px 0pt;
	width:852px;
}

#login form.user_login {
	margin-left: 52px;
	width: 400px;
}
#login form.agent_login {
	margin-left: 45px;
}

#login form {
	display:block;
	clear:none;
	float:left;
}

.agent_login {
	display:block;
	clear:none;
	float:right;
}

#login fieldset {
	border:0;
	padding:0;
	margin:0;
}

#login legend {
	display:none;
}

#login label {
	text-indent:-9999px;
	display:block;
	height:22px;
	margin-right: 5px;
	text-indent:-9999px;
	float:left;
	clear:left;	
}

#login label.user_username {
	background: transparent url(../images/login/user.gif) no-repeat left top;
	width:32px;
}

#login label.agent_username {
	background: transparent url(../images/login/agent.gif) no-repeat left top;
	width:40px;
}

#login label.user_password,
#login label.agent_password {
	display:none;
}

#login #user_username,
#login #user_password,
#login #agent_username, 
#login #agent_password  {
	height: 15px;
	padding:5px 7px 2px;
	width: 108px;
	margin: 0 0 3px;
	border: 0 none !important;
	background: transparent url(../images/login/bg_input.gif) no-repeat left top;
	font-size: 11px !important;
}

#postcode_src {
	height: 15px;
	padding:5px 7px 2px;
	width: 70px;
	margin: 0 0 3px;
	border: 0 none !important;
	background: transparent url(../images/login/bg_input_2.gif) no-repeat left top;
	font-size: 11px !important;
}

#btn_user_login,
#btn_agent_login {
	background:transparent url(../images/interface/btn_login_blue.png) no-repeat scroll 0 0;
	border:0pt none;
	height:28px;
	margin:0pt;
	padding:0pt;
	text-indent:-9999px;
	width:70px;
}
#btn_agent_login2 {
	background:transparent url(../images/interface/btn_login_white.png) no-repeat scroll 0 0;
	border:0pt none;
	height:28px;
	margin:0pt;
	padding:0pt;
	text-indent:-9999px;
	width:70px;
}

#btn_poscode_search {
	background:transparent url(../images/interface/btn_search_white.png) no-repeat scroll 0 0;
	border:0pt none;
	height:28px;
	margin:0pt;
	padding:0pt;
	text-indent:-9999px;
	width:80px;
}


#btn_user_login:hover ,
#btn_agent_login:hover {
	background-position: 0 -28px;
}
#btn_agent_login2:hover {
	background-position: 0 -28px;
}


#content div.column {
	float: left;
	width:50%;
}
.headercolumn {
	float: center;
	width:1000px;
	position:relative;
}.mapcolumn {
	float: left;
	width:490px;
	height:450px;
	position:relative;
}
.mapcolumn fieldset {
	border-width:0px;
}

#content2 div.column {
	float: left;
	width:50%;
}


fieldset.column {
	float: left;
	clear:none;
	width:50%;
}

/* homepage  content */

#home {
	width: 350px;
	margin-bottom:30px;
}

/* homepage agent search */

#agent_search {
	background:transparent url(../images/agent_search/bg_agentsearch.gif) no-repeat scroll center top;
	border:0pt none;
	display:block;
	height:40px;
	padding:23px 10px 29px 20px;
	width:322px;
}
#agent_search form {
	display:block;
	clear:none;
	float:left;
}

#agent_search fieldset {
	padding:0;
	border:0 none;
	margin:0;
}

#agent_search legend {
	padding:0;
	border:0 none;
	margin:0;
	text-indent:-9999px;	
}

#agent_search label {
	text-indent:-9999px;
	display:block;
	height:22px;
	margin-right: 5px;
	float:left;
	clear:left;	
}

#agent_search label.agent_name {
	display:none;
}

#agent_search #agent_name  {
	background:transparent url(../images/agent_search/bg_input.gif) no-repeat scroll left top;
	border:0pt none !important;
	font-size:11px !important;
	height:15px;
	margin:0pt 0pt 3px;
	padding:5px 7px 2px;
	width:218px;
}
#btn_agent_search {
	background:transparent url(../images/interface/btn_search_blue.png) no-repeat scroll 0 0;
	border:0pt none;
	height:28px;
	margin:0pt;
	padding:0pt;
	text-indent:-9999px;
	width:80px;
}

#btn_agent_search:hover {
	background-position: 0 -28px;
}

* html #btn_agent_search { height:26px; margin: 0; padding: 0; } /* IE6 height bug fix */

/* homepage map search */
.mapsearchholder{
position:absolute;
right:10px;
top:10px;
width: 210px;
height:100px;
}
#agent_search2 {
	background:transparent url(../images/agent_search/bg_agentsearch2.gif) no-repeat scroll center top;
	border:0pt none;
	display:block;
	height:60px;
	padding:23px 10px 29px 20px;
	width:322px;
}

#agent_search2 form {
	display:block;
	clear:none;
	float:left;
}

#agent_search2 fieldset {
	padding:0;
	border:0 none;
	margin:0;
}

#agent_search2 legend {
	padding:0;
	border:0 none;
	margin:0;
	text-indent:-9999px;	
}

#agent_search2 label {
	text-indent:-9999px;
	display:block;
	height:22px;
	margin-right: 5px;
	float:left;
	clear:left;	
}

#agent_search2 label.agent_name {
	display:none;
}

#agent_search2 #agent_name2  {
	background:transparent url(../images/agent_search/bg_input.gif) no-repeat scroll left top;
	border:0pt none !important;
	font-size:11px !important;
	height:15px;
	margin:0pt 0pt 3px;
	padding:5px 7px 2px;
	width:218px;
}

#btn_agent_search2 {
	background:transparent url(../images/interface/btn_search_blue.png) no-repeat scroll 0 0;
	border:0pt none;
	height:28px;
	margin:0pt;
	padding:0pt;
	text-indent:-9999px;
	width:80px;
}

#btn_agent_search2:hover {
	background-position: 0 -28px;
}

* html #btn_agent_search2 { height:26px; margin: 0; padding: 0; } /* IE6 height bug fix */

/* homepage map search */
.mapsearchholder{
position:absolute;
right:10px;
top:10px;
width: 210px;
height:100px;
}

#map {
	/*background:transparent url(../images/map_search/bg_map.gif) no-repeat scroll left top;*/
	float:right;
	height:318px;
	width:362px;
	margin: 20px;
}

#map_search {
	display: block;
	width: 192px;
	height: 100px;
	position: relative;
	float:right;
	top: 20px;
	right: 0px;
}

#map_search form {
	display:block;
	clear:none;
	float:left;
}

#map_search fieldset {
	padding:0;
	border:0 none;
	margin:0;
}

#map_search legend {
	background:transparent url(../images/map_search/map_search.gif) no-repeat scroll left top;
	border:0pt none;
	margin-bottom:0px;
	padding:0pt 77px 20px 0pt;
	width:77px;
}

#map_search legend span {
	display:none;
}

#map_search p {
	margin-bottom: 0.5em;
}

#map_search label {
	display:none;
}

#map_search #select_county {
	background:transparent url(../images/map_search/bg_select.gif) no-repeat scroll left top;
	border:0pt none !important;
	font-size:11px !important;
	height:20px;
	margin:0pt 0pt 3px;
	padding:2px 1px 1px 4px;
	width:192px;
	background-color: white;
}

#select_county {
	background:transparent url(../images/map_search/bg_select.gif) no-repeat scroll left top;
	border:0pt none !important;
	font-size:11px !important;
	height:20px;
	margin:0pt 0pt 3px;
	padding:2px 1px 1px 4px;
	width:192px;
	background-color: white;
}


#btn_map_search {
	background:transparent url(../images/interface/btn_search_white.png) no-repeat scroll 0 0;
	border:0pt none;
	float:right;
	height:28px;
	margin:4px -5px 0pt 0px;
	padding:0pt;
	text-indent:-9999px;
	width:80px;
}
#btn_map_search:hover {
	background-position: 0 -28px;
}
* html #btn_map_search { height:26px; margin:0; padding: 0; } /* IE6 height bug fix */

#about img {
	float:right;
	margin-left: 30px;
	margin-bottom: 30px;
}

ul.associations {
	clear:both;
	
}

ul.associations li {
	float:left;
	display:block;
	text-indent: -9999px;
	height:66px;
	margin-right:42px;
	margin-top:18px;
}

ul.associations li.arla { background: #ffffff url(../images/associations/arla.jpg) no-repeat left center; width:109px; }
ul.associations li.arp { background: #ffffff url(../images/associations/arp.gif) no-repeat left center; width:85px; }
ul.associations li.naea { background: #ffffff url(../images/associations/nfopp.jpg) no-repeat left center; width:92px; }
ul.associations li.ombudsman { background: #ffffff url(../images/associations/ombudsman.jpg) no-repeat left center; width:100px; }
ul.associations li.rics { background: #ffffff url(../images/associations/rics.gif) no-repeat left center; width:0px; margin:0;}
ul.associations li.tscentral { background: #ffffff url(../images/associations/tscentral.gif) no-repeat left center; width:77px; }
ul.associations li.realtor { background: #ffffff url(../images/associations/realtor.gif) no-repeat left center; width:0px; margin:0; }
ul.associations li.which { background: #ffffff url(../images/associations/which.gif) no-repeat left center; width:0px; margin:0; }

ul.associations li:hover {
	opacity: 0.66;
}


ul.pagination {
	margin:3em auto 2em;
	padding:0pt 0pt 1em;
	border-bottom: 1px dashed #ccc;
	text-align: center;
}

ul.pagination li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	font-weight:bold;
	font-size:1.1em;
	color:#ccc;
}

ul.pagination li.previous {
	margin-right: 1em;
}

ul.pagination li.next {
	margin-left: 1em;
}

ul.pagination li.current {
	color: #3382bf;
	text-decoration:underline;
}

ul.pagination li a {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	font-weight:bold;
	color:#ff0000;
	text-decoration:none;
}

ul.pagination li a:active, ul.pagination li a:hover  {
	text-decoration:underline;
}

#forum .article {
	float:left;
	margin:1em;
	width:150px;
}

#forum .article h3, #forum .article h4, #forum .article p {
	color:#3382BF;
}
#forum .article h3 {
	font-size:1.75em;
	font-weight:bold;
	line-height:1em;
	text-align:left;
}

#forum .article h4 {
	font-weight:bold;
	font-size:1.1em;
}

#forum .article img {
	margin: 0 1em 1em 0;
	float:left;
}

#forum .article p {
	margin: 0 0 0.5em 0;
}

#forum .article p.more {
	margin: 0 0 1em 0;
	font-weight:bold;
}

#forum-article img {
	margin: 0 0 1em 3em;
	float:right;
}

#forum-article div.comments h3 {
	font-size:1.75em;
	color:#3382BF;
	font-weight:bold;
}

#forum-article div.comments h4 {
	font-size:1.1em;
	color:#3382BF;
	font-weight:normal;
}

#forum-article div.comments h4 strong {
	font-size:1.1em;
	color:#3382BF;
	font-weight:bold;
}

#forum-article div.comments p {
	
}



/* content page titles */
#home h2, 
#about h2,
#compensation h2,
#links h2,
#forum h2,
#userreg h2,
#agentreg h2,
#forum-article h2,
#agent-search-results h2,
#user-login h2 {
	text-indent: -9999px;
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	display:block;
	width:297px;
	height:29px;
}

#user_promos h4, #links h4, #news h4
{
	font-size:1.45em;
	color:#3382BF;
	font-weight:bold;
}

#home h2 {
	background-image: url(../images/welcome.gif);
	height:37px;
}
#about h2 {
	background-image: url(../images/about.png);
}
#compensation h2 {
	background-image: url(../images/compensation.png);
}
#links h2 {
	background-image: url(../images/links.png);
}
#forum h2 {
	background-image: url(../images/forum.png);
}
#userreg h2 {
	background-image: url(../images/user-registration.png);
}
#agentreg h2 {
	background-image: url(../images/agent-registration.png);
}
#forum-article h2 {
	background-image: url(../images/forum-article.png);
}
#agent-search-results h2 {
	background-image: url(../images/agent-search-results.png);
}
#user-login h2 {
	background-image: url(../images/user-login.png);
}






/* footer  */
  
#footer {
	clear:both;
	display:block;
	background:#E8E8E8 url(../images/interface/bg_footer.jpg) no-repeat center top;
	margin:0pt auto;
	padding:30px 50px;
	width:850px;
	float:center;	
}

#footer p {
	color:#999;
}

#footer a:link, #footer a:active, #footer a:visited, #footer a:hover {
	color: #666;
}

#footer div.footer-text {
	float:left;
	clear:left;
}

#footer span.pipe {
	padding: 0pt 4px;
	color: #aaa;
}

#footer div.wai-link {
	float:right;
	clear:right;
}

.map_style
{
	width: 500px;
	height: 300px;
	padding-left: 80px;
}