/*************************************************************/
/* CLIENT CSS - Copyright 2005 - www.doddsbrown.co.uk - v1.0 */
/*************************************************************/


/*******************
 OVERALL LAYOUT
*******************/


body {
	font-family:  verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	font-size: 13px;
	margin: 0 auto;
	background: #fff;
}

	* html body {
		font-family:  verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
		font-size: x-small;
	}

form.inline {
	display: inline;
}

p {
	margin-top: 10px;
}

p.fivespave {
	margin-top: 5px;
}

#indent {
	margin: 10px 0px 0px 20px;
}

br.breaker {
	clear: both;
}

#skiptomain {
	display: none;
}

#wrapper {
	width: 770px;
	position: absolute;
	left: 50%;
	margin-left: -385px;
	text-align: center;
	background: #ffffff;
}

#pagecontainer {
	width: 770px;
	text-align: left;
	font-family: Verdana, Helvetica, Arial, "MS Sans Serif";
	font-size: 11px;
	color: #000000;
}

div.breaker {
	clear: left;
	font-size: 0.1em;
	height: 1px;
}


/*******************
 HEADER STRIP
*******************/

#topstrip {
	width: 770px;
	text-align: left;
	padding: 0;
	margin: 0;
}

	#sitelogo {
		width: 240px;
		text-align: left;
		float: left;
		padding: 0;
		margin: 0;
	}

	#established {
		width: 150px;
		float: right;
		padding: 0;
		margin: 48px 0px 0px 0px;
	}


	#sitesearch {
		width: 520px;
		text-align: right;
		float: right;
		padding: 55px 0px 0px 0px;
		margin: 0;
		font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
		font-size: 0.9em;
		color: #333333;
	}

		#sitesearch input {
			border: 1px solid #7F9DB9;
			font-size: 0.9em;
		}


/*******************
 HEADER NAV
*******************/

#headertop {
	clear: left;
	width: 770px;
	text-align: left;
	padding: 0;
	margin: 0;
}

	#headertopleft {
		float: left;
		width: 232px;
		background: #C20060;
	}

	#headertopright {
		float: right;
		width: 535px;
	}


#headerbot {
	width: 770px;
	text-align: left;
	padding: 0;
	margin: 0;
}

	#headerbotleft {
		float: left;
		width: 232px;
		background: #364374;
		margin: 2px 0px 0px 0px;
		line-height: 17px;
	}

	#headerbotright {
		float: right;
		width: 535px;
		margin: 2px 0px 0px 0px;
		background: #364374;
		line-height: 17px;
	}

		#headerbotright ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}

		#headerbotright ul li {
			float: left;
			display: inline;
			font-size: 0.9em;
			line-height: 17px;
			background: #364374;
			text-align: center;
		}

			#headerbotright ul li.hbrnava {
				width: 74px;
				border-right: 1px solid #ffffff;
			}

			#headerbotright ul li.hbrnavb {
				width: 106px;
				border-right: 1px solid #ffffff;
			}

			#headerbotright ul li.hbrnavc {
				width: 127px;
				border-right: 1px solid #ffffff;
			}

			#headerbotright ul li.hbrnavd {
				width: 65px;
				border-right: 1px solid #ffffff;
			}

			#headerbotright ul li.hbrnave {
				width: 92px;
				border-right: 1px solid #ffffff;
			}

			#headerbotright ul li.hbrnavf {
				width: 66px;
			}

		#headerbotright ul li a:link, #headerbotright ul li a:visited {
			width: 100%;
			display: block;
			line-height: 17px;
			color: #ffffff;
			text-decoration: none;
		}

		#headerbotright ul li a:hover {
			width: 100%;
			display: block;
			line-height: 17px;
			color: #ffffff;
			background-color: #5062A8;
			text-decoration: none;
		}

#headerbotright ul li.active a:link, #headerbotright ul li.active a:visited {
			width: 100%;
			display: block;
			line-height: 17px;
			color: #ffffff;
			text-decoration: none;
			background-color: #5062A8;
		}

		#headerbotright ul li.active a:hover {
			width: 100%;
			display: block;
			line-height: 17px;
			color: #ffffff;
			background-color: #5062A8;
			text-decoration: none;
		}


/*******************
 PAGE SETTINGS
*******************/

#pagebody {
	width: 770px;
	text-align: left;
}


/******************
 LHS NAV
******************/

#lhsnav {
	float: left;
	width: 180px;
	text-align: left;
	margin-top: 3px;
}

	#lhsnavsearch {
		font-size: 1.0em;
		background-color: #F6F4F2;
		width: 164px;
		padding: 8px 8px 0px 8px;
	}

		.lhspstext {
			border: 1px solid #DAD6CF;
		}

		.fullwidth {
			width: 160px;
		}

		#lhsnavsearch p {
			margin-top: 5px;
		}

		#lhspsrange {
			margin-bottom: 5px;
		}

			.pricerangedd {
				float: left;
				width: 65px;
			}

				.pricerangedd select {
					width: 65px;
				}

			#pricerangetext {
				float: left;
				width: 20px;
				padding-left: 10px;
				line-height: 20px;
			}

		#lhsprangefoot {
			clear: left;
			margin: 0;
			padding: 4px 0px;
		}

			#lhspradv {
				float: left;
				width: 100px;
				line-height: 18px;
				color: #006699;
				font-size: 0.8em;
			}

				#lhspradv a:link, #lhspradv a:visited {
					color: #006699;
					text-decoration: none;
				}

				#lhspradv a:hover {
					color: #C20060;
					text-decoration: underline;
				}

			#lhsprbut {
				float: right;
				width: 50px;
			}


		#lhsprfblock {
			clear: both;
			margin-top: 1px;
			line-height: 25px;
			background-color: #EEECE9;
		}

	#lhsnav ul {
		list-style: none;
		margin: 0px 0px 0px 0px;
		padding: 0;
	}

		#lhsnav ul li {
			background: #F6F4F2;
			padding: 0px;
			margin: 0px 0px 1px 0px;
		}

			#lhsnav ul li a:link, #lhsnav ul li a:visited {
				font-size: 1.0em;
				text-decoration: none;
				color: #4D4841;
				/*background: #F6F4F2 url(/images/lhsnavbullet.gif) no-repeat left top;*/
				border-left:13px solid #EEECE9;
				line-height: 26px;
				padding: 0px 0px 0px 4px;
				display: block;
				height: 26px;
			}

			#lhsnav ul li a:hover {
				color: #000000;
				text-decoration: none;
				/*background: #F6F4F2 url(/images/lhsnavonbullet.gif) no-repeat left top;*/
				background:#EEECE9;
				border-left:13px solid #C20060;
				line-height: 26px;
				padding: 0px 0px 0px 4px;
				display: block;
				height: 26px;
			}


/******************
 MAIN CONTENT
******************/

#maincontent {
	float: right;
	width: 570px;
	text-align: left;
	margin-top: 3px;
	font-family: Verdana, Helvetica, Arial, "MS Sans Serif";
	font-size: 1.1em;
	line-height: 1.5em;
}


/*******************
 HOME PAGE
*******************/

#homepagecell {
	width: 570px;
}

	#homepageleft {
		float: left;
		width: 370px;
	}

	#homepageright {
		float: right;
		width: 200px;
	}

.hpfeats {
	clear: left;
	width: 570px;
}

	.hpfeature {
		float: left;
		width: 262px;
		margin-top: 10px;
	}

		.righthpfeat {
			padding-left: 40px;
		}

		.hpfeatimg {
			float: left;
			width: 82px;
		}

		.hpfeattext {
			float: right;
			width: 180px;
			color: #666666;
			font-size: 0.8em;
		}

			.hpfeattext a:link, .hpfeattext a:visited {
				color: #5062A8;
				text-decoration: underline;
				font-size: 1.2em;
				line-height: 1.4em;
			}

			.hpfeattext a:hover {
				color: #C20060;
				text-decoration: underline;
				font-size: 1.2em;
				line-height: 1.4em;
			}


/******************
 CONTACT PAGE
******************/

#contactdetails {
	clear: left;
	width: 570px;
}

	.mcfloaththird {
		float: left;
		padding-right: 10px;
	}

		.mcfloaththird p {
			margin: 5px 0px 0px 0px;
		}

	.mcftwide {
		width: 195px;
	}

	.mcftthin {
		width: 165px;
	}

	.mcftlast {
		padding: 0px 10px 0px 0px;
	}

	.asteriskred {
		color: #cc0000;
	}

#contactform {
	width: 570px;
}

	#contactform p {
		clear: left;
		margin: 5px 0px 0px 0px;
	}

	#contactformleft {
		float: left;
		width: 275px;
	}

	#contactformright {
		float: right;
		width: 275px;
	}

	#contactform label {
		font-weight: bold;
		color: #C20060;
	}

	.formtextleft {
		float: left;
		width: 100px;
	}

	.forminputright {
		float: right;
		width: 170px;
	}

		.forminputright input {
			border: 1px solid #C20060;
			font-size: 0.9em;
			width: 160px;
			margin-top: 2px;
		}

		textarea.contform {
			border: 1px solid #C20060;
			font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
			font-size: 0.9em;
			width: 160px;
		}

		input.submit {
			float: right;
			margin-right: 6px;
			border: 1px solid #000000;
			background-color: #C20060;
			font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
			color: #ffffff;
		}


/******************
 DIRECTIONS
******************/

#directions {
	clear: left;
	width: 570px;
}

	.directionsleft {
		float: left;
		width: 300px;
		height: 300px;
		margin: 15px 0px 0px 0px;
		padding: 0;
	}

	.directionsright {
		float: right;
		width: 255px;
	}


/*******************
 PROPERTY SEARCH
*******************/

table.prodsearch {
	margin-top: 10px;
	border: 1px solid #E2DED9;
}

table.prodsearch th {
	color: #000;
	font-weight: bold;
	font-size: 11px;
	padding: 1px 1px 1px 10px;
	margin: 0px 0px 0px 0px;
	background: #FBFBFA url(/images/label-grad.gif) repeat-y left top;
}

table.prodsearch td {
	font-size: 11px;
	padding: 15px;
	margin: 0px 0px 0px 0px;
	background: #FBFBFA;
}

table.prodsearch td.buttoncell {
	text-align: center;
}


		table.prodsearch label {
			width: 70px;
			float: left;
			padding-top: 0px;
			padding-right: 10px;
			font-weight: bold;
		}

		table.prodsearch select {
			font-size: 11px;
		}

		table.prodsearch input.propinput {
			height: 15px;
			font-size: 11px;
			border: 1px solid #A5ACB2;
		}



div.brokitem {
	width: 548px;
	float: left;
	border: 1px solid #CFCAC3;
	padding: 10px 10px 10px 10px;
	margin-top: 10px;
}

div.brokitemoffer { background: url(/images/underoffer.gif) no-repeat 380px 10px }
div.brokitemlet { background: url(/images/let.gif) no-repeat 380px 10px }
div.brokitemsold { background: url(/images/sold.gif) no-repeat 380px 10px }

	div.brokitem img {
		width: 120px;
		height: 90px;
		float: left;
		margin-right: 10px;
		border: 0px;
	}

	div.broktext {
		position: relative;
		width: 418px;
		float: left;
	}

		div.broktext a { font-weight: bold; }

		div.broktext ul {
			margin: 0px 0px 0px 18px;
			list-style: square;
		}

			div.broktext li {
				margin: 0px;
			}

		div.broktext img.moreinfo{
			position: absolute;
			right: -10px;
			bottom: 0px;
			width: 80px;
			height: 20px;
			border: 0px;
		}

/******************
 FOOTER
******************/

#footer {
	clear: both;
	margin: 10px 0px 5px 0px;
	border-top: 1px solid #364374;
	font-size: 0.9em;
	line-height: 1.5em;
}

	#footerleft {
		float: left;
		text-align: left;
		width: 370px;
	}

	#footerright {
		float: right;
		text-align: right;
		width: 370px;
	}

	#footer a:link, #footer a:visited {
		color: #364374;
		text-decoration: underline;
	}

	#footer a:hover {
		color: #000000;
		text-decoration: underline;
	}

/************************
 FONTS
************************/

.homepagetext {
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	/* font-size: 1.0em;
	line-height: 1.4em; */
}

h1.pagetitle {
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 1.4em;
	line-height: 1.6em;
	margin: 10px 0px 0px 0px;
	padding: 0;
	color: #003063;
}

h2.subtitle {
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 1.2em;
	line-height: 1.6em;
	margin: 10px 0px 0px 0px;
	padding: 0;
	color: #003063;
}

.extraheight {
	line-height: 1.5em;
}

	.extraheight p {
		margin: 10px 0px 0px 0px;
	}

#maincontent strong {
	color: #C20060;
}

/***********************
 HORIZONTAL DOTS
***********************/

.horizdots570 {
	margin-top:10px;
	width: 570px;
}


/***********************
 IMAGES
***********************/

img.bodyright {
	float: right;
	margin: 0px 0px 5px 15px;
}

img.bodyleft {
	float: left;
	margin: 5px 5px 5px 0px;
}


#maincontent a:link, #maincontent a:visited {
	color: #C20060;
	text-decoration: underline;
}

#maincontent a:hover {
	color: #364374;
	text-decoration: underline;
}

/********************************
	 ADMIN CLASSES
********************************/

h1.adminheader {
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	color: #364374;
	font-size: 14px;
	margin-top : 10px;
}

label.login { float:left; width:120px; }
label.admin { float:left; width:140px; }

input.admininput { border: 1px solid #406D9E; background-color: #ffffff; font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 11px; color: #000000; }
input.admininputreq { border: 1px solid #406D9E; background-color: #FFFFFF; font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 11px; color: #000000; }
textarea.admininput { border: 1px solid #406D9E; background-color: #ffffff; font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 11px; color: #000000; }
textarea.admininputreq { border: 1px solid #406D9E; background-color: #FFFFFF; font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 11px; color: #000000; }
select.adminselectreq { border: 1px solid #406D9E; background-color: #FFFEFF; font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 11px; color: #000000; }
select.adminselect { border: 1px solid #406D9E; background-color: #ffffff; font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 11px; color: #000000; }
select.adminselect optgroup.cat { background:#F8E4EF; color:#000000; font-size:11px; }
select.adminselect optgroup.subcat { background:#ffffff; color:#000000; font-size:11px; padding-left:10px;}
select.adminselect optgroup.spacer { background:#ffffff; color:#000000; font-size:11px; }
select.adminselect option.prod { background:#ffffff; color:#000000;}
select.adminselect option.prod2 { background:#ffffff; color:#000000; }
select.adminselect option.prod3 { background:#ffffff; color:#000000; }
input.adminsubmit { border: 1px solid #EEEEEE; background-color: #8E335F; font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 11px; font-weight:bold; color: #ffffff; }
input.adminmove { width:35px;border: 1px solid #8E335F; background-color: #DD78B0; font-family: "wingdings"; font-size: 16px; font-weight:normal; color: #ffffff; }


fieldset.admin {
	border:1px solid #DD78B0;
	padding:10px 10px 10px 10px;
}
fieldset.admin legend {
	margin-bottom:7px;
	color:#364374;
	font-weight:bold;
}

fieldset.admininner {
	border:1px solid #74A2D5;
	background:#EEEEEE;
	padding:10px 10px 10px 10px;
}

a.test:link, a.test:visited { color:#DD78B0;}
a.test:hover { color:#A5C1DE;}

/********************************
Login page
********************************/

#logincenter {
	text-align:center;
}

#loginpage {
	width: 250px;
	text-align: left;
	margin-top: 3px;
}

/********************************
News page
********************************/

.newspicture {
	clear: both;
	float: left;
	margin-right : 3px;
}

.newspic {
	border: 1px solid #dddddd;
}

.newsheadline, .headlineheadline {
	font-family: Verdana, Helvetica, Arial, "MS Sans Serif";
	color: #C20060;
	font-weight: bold;
}

	.newsheadline {
		font-size: 11px;
	}

	.headlineheadline {
		font-size: 15px;
	}

.newsheadlineselected {
	font-family: Verdana, Helvetica, Arial, "MS Sans Serif";
	font-size: 16px;
	color: #C20060;
	font-weight:bold;
}

.newsteaser, .headlineteaser {
	text-align: left;
	font-family: Verdana, Helvetica, Arial, "MS Sans Serif";
	color: #666666;
}

	.newsteaser {
		font-size: 10px;
	}

	.headlineteaser{
		font-size: 13px;
	}

.headline a:link, .headline a:visited {
	color: #5062A8;
	text-decoration: underline;
	font-weight: bold;
}

.headline a:hover {
	color: #C20060;
	text-decoration: underline;
	font-weight: bold;
}

#newscolumns {
	width: 100%;
}

.newscolumnleft {
	clear: both;
	margin-top: 10px;
	float: left;
	width: 48%;
}

.newscolumnright {
	/* clear: both; */
	margin-top: 10px;
	float: right;
	width: 48%;
}

p.personnel {
	clear: both;
}


/********************************
Links page
********************************/

.linksurl {
	font-family: Verdana, Helvetica, Arial, "MS Sans Serif";
	color: #C20060;
	font-weight: bold;
}

	.linksurl {
		font-size: 11px;
	}

.linkstext{
	text-align: left;
	font-family: Verdana, Helvetica, Arial, "MS Sans Serif";
	color: #666666;
	margin-top: 3px;
}

	.linkstext {
		font-size: 10px;
	}


#maincontent a.buttonstyle:link, #maincontent a.buttonstyle:visited {
	float: right;
	background: #f6f4f2;
	border: 1px solid #a5acb2;
	font-family: Verdana;
	font-size: 12px;
	padding: 2px 4px;
	margin-left: 10px;
	color: #364374;
	text-decoration: none;
}

#maincontent a.buttonstyle:hover {
	text-decoration: underline;
	background: #e6e4e2;
}


#whos-who-content { margin-top: 10px;}

.whos-who {
	float:left;
	width:560px;
	padding:0px;
	margin: 10px 20px 10px 0px;
	line-height: 18px;
}

.whos-who-image {
	float:left;
	width: 75px;
	margin: 0px 10px 0px 0px;
	padding: 0;
}

.whos-who-text {
	margin: 0;
	padding: 0;
	float:left;
}

.whos-who-text strong.partner {
	color: #79b01a;
	text-decoration: none;
	font-size:1.1em;
	text-decoration:underline;
}

/*****************
 MAPS
*****************/

#gmap {
    height: 400px;
    width:inherit;
}

#gdirections {
    padding: 5px;
    border: 1px solid #AAA;
    border-top: 0px;
}

#gdirections #gmap-from {
    margin: 5px 5px 7px 0px;
    height: 18px;
    font-size: 14px;
}

#gdirections #gmap-go {
    margin: 5px 5px 0px 0px;
    height: 28px;
}

.googledir td {

}

h2.prop {
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 1.4em;
	line-height: 1.6em;
	margin: 10px 0px 0px 0px;
	padding: 0;
	color: #003063;
}


#property-types {
	font-size:0.75em;
}


/*****************
 MAPS
*****************/

#search-bar {
	clear:both;
	background: transparent url(/images/search-bar.gif) no-repeat left top;
	float:left;
	width:570px;
	height:52px;
	margin:20px 0px 20px 0px;
	color: #c20060;
	font-weight:bold;
}

	#search-title {
		float:left;
		font-size:1.7em;
		margin: 17px 0px 0px 16px;
		color: #c20060;
		font-family: "Verdana";
		font-weight:normal;
	}

	#search-bar-form{
		float:left;
		margin: 12px 0px 0px 40px;
	}

	#form-button {
		margin: 0px 0px 0px 6px;
	}

#search-popular {
	margin:10px 0px 0px 0px;
	font-size:0.85em;
}

#search-popular ul {
	float:left;
	width:170px;
	margin:0px 30px 0px 0px;
	padding:0px;
	list-style:none;
}

#search-popular ul.searchend {
	margin:0px 0px 0px 0px;
}

#search-popular ul li{
	background: transparent url(/images/pink-bullet.gif) no-repeat 0px 8px;
	padding: 0px 0px 0px 12px;
}


/*****************
 PROPERTY SEARCH
*****************/

#PropertySearch {
	float:left;
	width:550px;
	background:#c20060;
	padding:10px;
	color:#fff;
	font-weight:bold;
	margin: 0px 0px 10px 0px;
}

#PropertyType, #PropertyTown {
	float:left;
	font-size:0.9em;
	margin:0px 25px 0px 0px;
}

#PropertyRent {
	float:left;
	font-size:0.9em;
	margin:0px 0px 0px 0px;
}

	#PropertyType select, #PropertyTown select, #PropertyRent select {
		font-size:0.9em;	
	}