/*---------------------------------------------------------------
# Global settings
---------------------------------------------------------------*/
/* defaults */
body {background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; color: #666;}
body, p, h1, h2, h3, h4, form {padding: 0; margin: 0;}
/* 'position: relative' added to stop ie6 disappearing background-image */
ol {margin-top: 0; margin-bottom: 1em; padding-top: 0; padding-bottom: 0; position: relative;}
ul {margin: 0 0 1em 1.5em; padding: 0; list-style: none; position: relative;}
ol li {font-size: 1.1em;}
ul li {margin: 0; padding: 2px 0; font-size: 1.1em; list-style: none;}
li li {font-size: 1em;}

a img {border: 0;}

table {border-collapse: collapse; border: 0; width: 100%;}
td, th {padding: 0; font-family: Arial, helvetica, sans-serif; vertical-align: top;}
th {text-align: left;}

a {color: #5796a7; text-decoration: underline;}
a:hover {text-decoration: none;}

h2 {color: #666; text-transform: capitalize; font-size: 1.5em; font-weight: bold;}
h3 {color: #187087; margin-bottom: 5px; font-size: 1.3em; font-weight: bold; border-bottom: 1px solid #ccc;}
h3.featagent {margin-bottom: .6em; font-size: 1.2em;}
h4 {color: #187087; font-size: 1.2em; font-weight: bold;}

p {font-size: 1.1em; margin-bottom: 1em; vertical-align: text-bottom;}
p.last {margin-bottom: 0;}

.small {font-size: 1em !important;}
.note {color: #bbb;}

.left {float: left;}
.right {float: right;}
.clearleft {clear: left;}
.clearright {clear: right;}

.textright {text-align: right;}

hr {clear: both;}

div.info {position: relative; border: 1px solid #187087; background: transparent url(/images/validation/Information.gif) no-repeat 5px 1em; padding: 1em 1em 0 25px; margin-bottom: 1em; color: #187087;}
div.info-error {position: relative; border: 1px solid #c00; background: transparent url(/images/validation/warning.gif) no-repeat 5px 1em; padding: 1em 1em 0 25px; margin-bottom: 1em; color: #c00;}


.jsOn {display: none;}
.jsEnabled .jsOn {display: block;}
.jsEnabled .jsOff {display: none;}

/*---------------------------------------------------------------
# Print only
---------------------------------------------------------------*/
hr,
		.forprint {display: none;}


/*---------------------------------------------------------------
# Header
---------------------------------------------------------------*/
#header-container {background: #fff url(/images/global/header_bg.gif) repeat-x bottom; position: relative; margin: 0 0 10px; padding: 0;}

#header {position: relative; width: 967px; height: 99px; margin: 0 auto; padding: 0;}

#topnav {float: right; margin: 11px 0 0;}
#topnav ul {margin: 0;}
#topnav li {padding: 0; float: left;}
#topnav a {font-weight: bold;} 

#logo {margin: 0; padding: 0;}
#logo a {position: absolute; display: block; width: 336px; background: transparent url(/images/global/logo.gif) no-repeat; top: 20px; left: 0; padding-top: 58px; height: 58px; height/* */:/**/0; height: /**/0; overflow: hidden;}

.agent-login {background: Transparent url(/images/global/agentlogin.gif) no-repeat 0 1px; padding: 0 0 0 15px; margin: 0;}
.customer-login {background: Transparent url(/images/global/customerlogin.gif) no-repeat 0 2px; padding: 0 0 0 15px; margin: 0 4px 0 0;}


/* main nav */
#mainnav {display: block; width: 635px; height: 25px; padding: 0; margin: 0; position: absolute; bottom: 0; right: 0;}
#mainnav ul {margin: 0;}
#mainnav li {margin-left: 2px; padding: 0; float: left;}
#mainnav li a {display: block; background-repeat: no-repeat; height: 25px; overflow: hidden; text-indent: -10000px;}

#mainnav li a.search {width: 76px; background-image: url(/images/nav/search.gif);}
#mainnav li a.relocation {width: 103px; background-image: url(/images/nav/relocation.gif);}
#mainnav li a.advice {width: 71px; background-image: url(/images/nav/advice.gif);}
#mainnav li a.services {width: 86px; background-image: url(/images/nav/services.gif);}
#mainnav li a.auctions {width: 89px; background-image: url(/images/nav/auctions.gif);}
#mainnav li a.newhomes {width: 102px; background-image: url(/images/nav/new-homes.gif);}
#mainnav li a.overseas {width: 92px; background-image: url(/images/nav/overseas.gif);}

#mainnav li a:hover.search,
		#mainnav li a:hover.relocation,
		#mainnav li a:hover.advice,
		#mainnav li a:hover.services,
		#mainnav li a:hover.auctions,
		#mainnav li a:hover.newhomes,
		#mainnav li a:hover.overseas {background-position: 0 -25px;}
#on {background-position: 0 -50px !important;}

/*---------------------------------------------------------------
# Footer
---------------------------------------------------------------*/
#footer {clear: both; margin: 20px auto 0; font-size: 1em; color: #5796a7; width: 846px;}
#footer ul {margin: 0 0 8px; display: block; text-align: center;}

#footer li {margin: 0 5px 0 0; padding: 0 5px 0 0; border-right: 1px solid #ccc; display: inline;}
#footer ul.main-links li {margin-right: 8px; padding-right: 8px; font-weight: bold; font-size: 1.2em;}
#footer li.last,
		#footer ul.main-links li.last {margin: 0; padding: 0; border: 0;}


/*---------------------------------------------------------------
# Subnavbar
---------------------------------------------------------------*/
#subnavbar {position: relative; width: 967px; margin: 0 auto; padding: 0;}
#subnavbar ul {margin: 0; display: block; text-align: right;}
#subnavbar li {display: inline; margin-right: 7px; padding: 0 7px 0 0; border-right: 1px solid #ccc;}
#subnavbar li.last {margin: 0; padding: 0; border: 0;}
#subnavbar li.backto {margin: 0; border: 0;}
#subnavbar a {text-decoration: none; font-weight: bold;}
#subnavbar a:hover {text-decoration: underline;}
#subnavbar a.on {color: #f39a0f;}


/*---------------------------------------------------------------
# Main container
---------------------------------------------------------------*/
#main-container {background-color: #fff; position: relative; width: 967px; margin: 0 auto; padding: 10px 0 0;}

/*---------------------------------------------------------------
# Sidebar content
---------------------------------------------------------------*/
#sidebar {width: 321px; float: right; margin: 0; padding: 0;}

/* Subnav */
.subnav {margin: 0;}
.subnav ul {margin: 0;}
.subnav ul li {margin-left: 1em;}
.subnav li a {text-decoration: none; font-weight: bold;}
.subnav ul li a {font-weight: normal;}
.subnav li a:hover {text-decoration: underline;}
.subnav li a.on {color: #f39a0f;}

ul.links li {padding-left: 14px; background: transparent url(/images/global/bullet-arrow.gif) no-repeat 0 5px;}
ul.links li.area-info,
		ul.links li.map,
		ul.links li.email,
		ul.links li.print,
		ul.links li.addthis {padding-left: 0; background-image: none;}
ul.links li.area-info a {padding: 2px 0 2px 20px; background: transparent url(/images/icons/local-info.gif) no-repeat;}
ul.links li.map a {padding: 2px 0 2px 20px; background: transparent url(/images/icons/map.gif) no-repeat;}
ul.links li.email a {padding: 2px 0 2px 20px; background: transparent url(/images/icons/email.gif) no-repeat;}
ul.links li.print a {padding: 2px 0 2px 20px; background: transparent url(/images/icons/printer.gif) no-repeat;}
ul.links li.addthis a {padding: 2px 0 2px 20px; background: transparent url(/images/icons/addthis.gif) no-repeat;}
ul.links li.addthis img {border: 0 !important; padding: 0;}

#CompanyRegInfo {border: 1px solid #ccc; padding: 5px;}

/*---------------------------------------------------------------
# Main content
---------------------------------------------------------------*/
#main-content ul li {padding-left: 11px; background: transparent url(/images/global/bullet-dots.gif) no-repeat 0 7px;}
#main-content .sitemap li,
		#main-content ul.links li {padding-left: 14px; background-image: url(/images/global/bullet-arrow.gif);}


/* Lists */
#main-content ul.agent-reg-list {margin: 0;}
#main-content ul.agent-reg-list li {background-image: none; padding-left: 0;}

	/* 'zoom: 1' added to fix IE creeping text bug */
#main-content .sitemap ul {margin-right: 1em; zoom: 1;}
#main-content .sitemap ul ul {float: left;}
#main-content .sitemap li {clear: left;}


/* Fonts */
.disclaimer {font-size: .9em; font-style: italic;}


/* Home */
#home-map {float: right; border-left: 1px solid #ccc; width: 300px; min-height: 433px;}
#home-map img {margin: 15px 15px 0;}
#home-map p {padding: 10px 10px 0;}

#home-search {margin-right: 296px;}


/* Paging */
#main-content .paging {font-weight: bold; background-color: #ddd;}
#main-content .paging ul {margin: 0;}
#main-content .paging ul.groups {margin-top: 5px; margin-left: 4.3em;}
#main-content .paging li {margin: 0 2px 0 0; padding: 0; background-image: none; color: #666; display: inline;}
#main-content .paging li.pages {padding: 0 2px;}
#main-content .paging li.on {border: 1px solid #5796a7; background-color: #fff; color: #f39a0f; padding: 0 2px;}
#main-content .paging li.off {color: #ccc; padding: 0 2px;}
#main-content .paging a {text-decoration: none; border: 1px solid #ddd; padding: 0 2px;}
#main-content .paging a:hover {border-color: #5796a7; background-color: #fff; text-decoration: none;}

/* Images */
.inner-first img,
		.inner img {border: 1px solid #ccc !important; padding: 3px; background-color: #fff;}
.inner-first img.no-border,
		.inner img.no-border {border: 0 !important; padding: 0;}
.inner-first a:hover img,
		.inner a:hover img {border-color: #5796a7 !important;}
.imgleft {margin: 0 6px 6px 0; float: left; clear: left;}
.imgright {margin: 0 0 6px 6px; float: right; clear: right;}

.agent-logo {float: right; margin: 0 0 6px 6px;}
.relo-agent-logo {float: right; margin: 0 0 6px 6px; clear: right;}
.relo-agent-logo-results {margin: 6px 0 0 14px;}
.office-photo {float: left; margin: 0 6px 6px 0;}

.staff-member {clear: left;}
.staff-member img {width: 90px; clear: left; float: left; margin: 0 6px 6px 0;}

.professional-bodies {vertical-align: middle; clear: left;}
.professional-bodies img  {border: 0 !important; padding: 0; background-color: Transparent; margin: 0 6px 6px 0;}

.mainproperty-image {width: 297px; float: left !important; margin-right: 5px !important; margin-bottom: 5px;}
.mainproperty-image2 {width: 297px; float: left !important; margin-bottom: 5px;}

.room-image {width: 116px; margin-right: 10px; margin-bottom: 5px;}



/* Maps */
#map-container {position: relative;}
#map-container img {border: 1px solid #187087 !important; padding: 0; background: transparent;}

#map {position: relative; float: left; z-index: 8;}
#map .overlay {position: absolute; left: 0; top: 0; z-index: 5; display: none;}


#location-list {height: 400px; margin-left: 400px;}/* border-style: solid; border-color:  #187087; border-width: 1px 1px 1px 0; background-color: #fff;}*/
#location-list ul {height: 400px; overflow-y: auto; }
#map .overlay-link, #map .town-link {position: absolute; z-index: 6;}
#map .overlay-link a {color: #187087; font-size: 1.3em; font-weight: bold;}
#map .town-link {padding: 6px 4px; background: transparent url(/images/map/town-dot.gif) no-repeat;}	
#map .town-link a {color: #187087; font-size: 1.1em; font-weight: bold; padding: 1px; text-decoration: none; border: 1px solid #187087; background-color: #fff;}
#map .town-link a:hover {color: #fff; font-size: 1.1em; font-weight: bold; padding: 1px; text-decoration: none; border: 1px solid #fff; background-color: #187087;}
#map .text-tl {background-position: bottom right;}	
#map .text-l {background-position: right;}	
#map .text-bl {background-position: top right;}	
#map .text-tr {background-position: bottom left;}	
#map .text-r {background-position: left;}		
#map .text-br {background-position: top left;}	

	
#property-map {width: 941px; height: 530px;}
#map_canvas {border: 1px solid #979797; width: 800px; height: 500px;}
#map_canvas img {border: 0 !important; padding: 0; background-color: Transparent;}

/* Property details */
table.rooms {width: auto;}

/* Agent details*/
table.opening-hours {width: auto; margin-bottom: 2em;}
table.opening-hours th {font-size: 1.1em; width: 7em;}
table.opening-hours td {font-size: 1.1em;}

/*---------------------------------------------------------------
# Boxes
---------------------------------------------------------------*/
div.xlrg-box {clear: left; overflow: auto; width: 967px; position: relative; margin: 0 0 6px; padding: 0 0 5px 0; background: transparent url(/images/boxes/xlrg-bg.gif) no-repeat bottom left;}
div.lrg-box {clear: left; overflow: auto; width: 640px; position: relative; margin: 0 0 6px; padding: 0 0 5px 0; background: transparent url(/images/boxes/lrg-bg.gif) no-repeat bottom left;}
div.sml-box {clear: both; overflow: auto; width: 321px; position: relative; margin: 0 0 6px; padding: 0 0 5px 0; background: transparent url(/images/boxes/sml-bg.gif) no-repeat bottom left;}
div.xlrg-box h2.orange {margin: 0; padding: 8px 12px 7px; color: #fff; background: #f39a0f url(/images/boxes/xlrg-orange.gif) no-repeat top left;}
div.lrg-box h2.orange {margin: 0; padding: 8px 12px 7px; color: #fff; background: #f39a0f url(/images/boxes/lrg-orange.gif) no-repeat top left;}
div.sml-box h2.orange {margin: 0; padding: 8px 12px 7px; color: #fff; background: #f39a0f url(/images/boxes/sml-orange.gif) no-repeat top left;}
div.xlrg-box h2.green {margin: 0; padding: 8px 12px 7px; color: #fff; background: #18876f url(/images/boxes/xlrg-green.gif) no-repeat top left;}
div.lrg-box h2.green {margin: 0; padding: 8px 12px 7px; color: #fff; background: #18876f url(/images/boxes/lrg-green.gif) no-repeat top left;}
div.sml-box h2.green {margin: 0; padding: 8px 12px 7px; color: #fff; background: #18876f url(/images/boxes/sml-green.gif) no-repeat top left;}
div.xlrg-box h2.blue {margin: 0; padding: 8px 12px 7px; color: #fff; background: #187087 url(/images/boxes/xlrg-blue.gif) no-repeat top left;}
div.lrg-box h2.blue {margin: 0; padding: 8px 12px 7px; color: #fff; background: #187087 url(/images/boxes/lrg-blue.gif) no-repeat top left;}
div.sml-box h2.blue {margin: 0; padding: 8px 12px 7px; color: #fff; background: #187087 url(/images/boxes/sml-blue.gif) no-repeat top left;}

div.inner-first {margin: 0 5px 0 3px; padding: 8px;}
div.inner {clear: left; margin: 0 5px 0 3px; padding: 8px; border-top: 1px solid #ccc;}

div.lrg-fade {background-image: url(/images/boxes/lrg-bg-fade.gif);}
div.sml-fade {background-image: url(/images/boxes/sml-bg-fade.gif);}

div.sml-box ul {margin: 0;}
div.sml-box li {list-style: none;}

div.homepg-network {background-image: url(/images/boxes/sml-bg-people.jpg); padding-bottom: 145px;}
div.homepg-network p {width: 175px; float: left; margin-right: 6px;}
div.homepg-network ul {width: 110px; float: left;}

div.prop-results div.thumb {float: left; width: 118px; margin-right: 8px;}
div.prop-results div.details {float: left; width: 490px;}
div.prop-results h3 {border-bottom-width: 0;}

div.agent-results div.thumb {float: left; margin-right: 8px; width: 148px; text-align: center;}
div.agent-results div.address {float: left; margin-right: 8px; width: 300px;}
div.agent-results div.links {float: left; width: 152px;}
div.agent-results ul {margin: 0;}
div.agent-results li {list-style: none;}

div.saved-searches div.main {float: left; width: 458px; margin-right: 8px;}
div.saved-searches div.email {float: left; width: 150px;}

div.login-customer table {width: auto;}

#cms-auctions div.lrg-box {background-image: url(/images/boxes/auctions-bg.gif);}

#email-friend-pop {width: 670px;}
#email-friend-pop div.lrg-box {margin: 15px auto 0;}

		
/*---------------------------------------------------------------
# Forms
---------------------------------------------------------------*/
.req {color: #bbb;}
.disabled,
		.disabled label {color: #ccc;}
label {color: #666; font-size: 1.2em;}

input,
		select,
		textarea {font-family: Arial, Helvetica, Sans-Serif; color: #000; border: 1px solid #5796a7; padding: 1px 2px; font-size: 1.1em;}
input.chk,
		.chk input {border-width: 0;}


/* width added to force ie6 to enclose floats */
/* #form .line {clear: left; border-bottom: 1px dashed #ccc; margin-bottom: 3px; padding-bottom: 3px; overflow: auto; width: 616px;} */
#form .line {clear: left; margin-bottom: 3px; padding-bottom: 3px; overflow: auto; width: 616px;}
/* #form .line-first {border-top: 1px dashed #ccc; padding-top: 3px;}*/
#form .line-first {padding-top: 3px;}
#form .line input,
		#form .line select,
		#form .line textarea,
		#form .line p,
		#form .line .radio,
		#form .line .symbol {float: left;}
#form label {float: left; width: 150px; display: block;}
#form label.question {float: none; width: auto;}

#form table {width: auto; float: left;}
#form table label {float: none; width: auto; display: inline;}
#form table input {margin-bottom: 0;}

#form .margin,
		#form span.margin input {margin-left: 152px;}
		
#form .chkline input {margin-left: 10px;}
#form .chkline label {width: 500px; font-size: 1.1em;}

#form .line .radio input {clear: left; border-width: 0;}
#form .line .radio label {width: auto;}

#form .line .prev-mnth {font-family: Arial, Helvetica, Sans-Serif; color: #187087; font-size: 1.1em; padding: 1px 2px; float: left;}
p.prev-mnth {font-family: Arial, Helvetica, Sans-Serif; color: #187087; font-size: 1.1em;}

#form .indent input,
		#form .indent select,
		#form .indent .radio,
		#form .indent .symbol {margin-left: 150px;}
#form .symbol input,
		#form .symbol select {float: none;}
#form .indent .symbol input,
		#form .indent .symbol select {margin-left: 0;}
#form .indent .radio input {margin-left: 0;}

#form-search input,
		#form-search select,
		#form-search textarea {margin-bottom: 5px;}
#form-search label {display: block;}
#form-search .chkline {margin-bottom: 5px;}
#form-search .chkline label {display: inline; margin-right: 5px;}
#form-search label.inline {display: inline;}
#form-search .chkline input {margin-bottom: 0; border-width: 0;}


div.multiselect {height: 60px; width: 200px; overflow: auto; border: 1px solid #7f9db9; background-color: #fff;}
div.multiselect input {margin: 0 2px !important; width: 13px; height: 13px; overflow: hidden; border-width: 0;}
div.multiselect label {display: inline !important; width: 165px; font-size: 1.1em; color: #000;}
div.smlmultiselect {height: 45px;}
#form-search div.multiselect {margin-bottom: 5px;}

.SearchLocation {width: 196px;}
.Price {width: 87px;}

.validation {float: left; margin-left: 5px; font-size: 1.1em;}
#form-search .validation, #form-cms .validation {float: none;}
#form-search .error, #form-cms .error {margin-bottom: 5px;}
/*.validation {float: right; width: 180px; font-size: 1.1em;}*/
.error {background: transparent url(/images/validation/warning.gif) no-repeat left top; color: #c00; padding: 2px 2px 2px 20px;}

#sortbox {float: right; width: 280px; text-align: right; margin: 0; padding: 0;}
#sortbox label {font-size: 1.1em; font-weight: bold;}
#sortbox input, #sortbox select, #sortbox label {margin: 0; padding: 0; vertical-align: text-bottom;}

/*---------------------------------------------------------------
# CMS Page Content
---------------------------------------------------------------*/
.margintop {margin-top: 2.5em;}
.marginbottom {margin-bottom: 2.5em;}