/* =GLOBAL
----------------------------------------------- */

body {
	background: #373737 url(../graphics/bg_tile2.jpg) repeat-x 0 0;
	color: #fff;
	font: 80% Helvetica Neue, Arial, sans-serif;
	margin: 0;
	padding: 0;
	}

.clear { clear:both; }
hr {
  border: 0;
  width: 100%;
  color: #333;
background-color: #333;
height: 1px;
}

#formHeight td {vertical-align:top; text-align:left; padding:4px 0;}
	
/* =CONTAINER
----------------------------------------------- */

#container {
	margin:0 auto;
	padding: 0.0001em 0;
	position: relative;
	text-align: left;
	width: 945px;
	}
  
/* =HEADER
----------------------------------------------- */  
  
#header {
	height: 130px;
	}
#logo {
	background: url(../graphics/logo.gif) no-repeat 0 0;
	left: -10px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	text-indent: -9999px;
	top: 35px;
	}
#logo a {
	display: block;
	height: 71px;
	width: 290px;
	}
	
#top-menu {
	clear: right;
	color: #afafaf;
	float: right;
	text-align: right;
	margin-top:1.5em;
}

#top-menu ul { list-style:none; padding:0; margin:0; }
#top-menu li { float:left;list-style:none;  margin:0 1em; }
#top-menu li a {
	 padding:0; margin:0; background: url(../graphics/bullet.gif) no-repeat 0 6px;
	color: #ccc;
	padding-left: 15px;
	}
#top-menu li a:hover {
	color: #fff;
	background: url(../graphics/bullet_ro.gif) no-repeat 0 6px;
	}

#date {
	color: #9d9fa2;
	float: right;
	margin: 1.5em .3em 0 0;
	font-weight: bold;
	}
#date span {
	color: #ec008c;
	}
#contact {
	clear: right;
	color: #afafaf;
	float: right;
	margin: 2.6em .3em 0 0;
	text-align: right;
	}
#contact p {
	margin: 5px 0;
	}
#contact .phone {
	color: #ec008c;
	font-size: 140%;
		font-weight: bold;
}
	#contact .address {
		font-weight: bold;
}

.contact-left { float:left; width:360px; }
.contact-right { float:right; width:300px; }


/* =FOOTER
----------------------------------------------- */


	
/* =SIDE
----------------------------------------------- */

#side {
	float: left;
	position: relative;
	width: 202px;
	}
#navTitle {
	background: #ec008c url(../graphics/nav_title_bg0.gif) repeat-y right 0;
	font-weight: bold;
	height: 29px;
	line-height: 31px;
	margin: 0;
	padding-left: 15px;
	text-transform: uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	

#nav {
	background: #000 url(../graphics/nav_bottom2.gif) no-repeat left bottom;
	padding: 0 0 15px 0;
	width: 202px;
	float: left;
	margin: 0 0 12px 0;
	}
#nav ul{
padding: 5px 0 0 0;
margin: 0;
list-style: none;
	width: 202px;
}
#nav li{
padding: 0;
margin: 0;
list-style: none;
	width: 202px;
}
#nav li a{
background: url(../graphics/bullet.gif) no-repeat 15px center;
display: block;
padding: 7px 0 9px 35px;
color: #fff;
font-size: 12px;
font-weight: bold;
}
#nav li a:hover{
background: #ec008c url(../graphics/bullet_ro.gif) no-repeat 15px center;
text-decoration: none;
}
	
/* quick search */

#searchSales {
	background: #666666 url(../graphics/search_bottom-new.gif) no-repeat left bottom;
	clear: left;
	padding-bottom: 8px;
	}
#searchSales #searchTitle  {
	background: url(../graphics/search_title_bg-new.gif) no-repeat left 0;
	color: #ec008c;
	font-weight: bold;
	height: 29px;
	line-height: 32px;
	margin-top: 1em;
	padding-left: 15px;
	text-transform: uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
#searchSales table, #searchLettings table { padding: 0; margin:0; padding-left:1em; color: #000;}
#searchLettings {
	background: #666666 url(../graphics/search_bottom-new.gif) no-repeat left bottom;
	clear: left;
	padding-bottom: 8px;
	}
#searchLettings #searchTitle  {
	background: url(../graphics/search_title_bg-new2.gif) no-repeat left 0;
	color: #ec008c;
	font-weight: bold;
	height: 29px;
	line-height: 32px;
	margin-top: 1em;
	padding-left: 15px;
	text-transform: uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

#search_submit {
	background: url(../graphics/search_submit3.gif) no-repeat 0 -32px;
	border: none;
	display: block;
	height: 32px;
	margin-left:1.3em;
	margin-top:0.8em;
	margin-bottom: 0.4em;
	overflow: hidden;
	text-indent: -9999px;
	width: 169px;
	}
#search_submit:hover {
	background: url(../graphics/search_submit3.gif) no-repeat 0 0;
	cursor: pointer;
	}

.comingsoon	{ margin-bottom:8px; margin-left:14px; }

/* =MAIN/MID
----------------------------------------------- */

#mid {
	background: #bbbdc0 url(../graphics/mid_bottom2.gif) no-repeat left bottom;
	float: left;
	padding: 12px;
	width: 718px;
	}
#main {
	background: #000 url(../graphics/main_bottom2.gif) no-repeat left bottom;
	float: left;
	height: 630px;
	height: auto !important;
	min-height: 680px;
	padding: 14px;
	width: 690px;
	}

#main td {
padding: 0 0 7px 0;
margin: 0;
}	
	
#main h2#pageTitle {
	color: #ec008c;
	font-size: 1.4em;
	margin:0px;
	margin-top:0.8em;
	font-weight:normal;
	border-bottom:1px #333 solid;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
#main h2#pageTitle2 {
	color: #ec008c;
	font-size: 1.9em;
	margin:0px;
	font-weight:normal;
	border-bottom:1px #333 solid;
	padding-bottom:0.3em;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
#main h2#pageTitle2 a{
float: right;
display: inline;
font-size: 15px;
margin: 8px 0 0 0;
padding: 0 0 0 20px;
background: url(../graphics/form.gif) no-repeat 0 2px;
font-family:Arial, Helvetica, sans-serif;
}
#main h3#pageTag {
	color: #777;
	font-size: 1.3em;
	font-weight:bold;
	}
#main h3#pageTag img {
	margin:0 0.6em;
	margin-bottom:0.4em;
}
#main h3#listHeader {
	color: #eee;
	font-size: 1.1em;
	font-weight:bold;
	margin:0;
	margin-bottom:1em;
	}

#main li { margin-bottom:0.6em; }
#main .altbox { background-color:#121212; padding:0.8em; margin:1.4em 0; border:1px #212121 dashed; color:#aaa; }
#main .altbox ul { margin:0 0.4em; padding:0 0.8em; }
.largeimg { margin-top:1em; }
/* flash header area */

#flash {
	background: url(../graphics/flash_bg.jpg) no-repeat right 0;
	height: 238px;
	position: relative;
	width: 690px;
	}
#serviceList,
#serviceList li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#serviceList {
	right: 20px;
	position: absolute;
	text-align: right;
	top: 20px;
	}
#serviceList li {
	background: url(../graphics/flash_bullet.gif) no-repeat right 50%;
	font-size: 110%;
	line-height: 26px;
	padding-right: 20px;
	text-align: right;
	}
	
/* properties of the month */

#properties {
	background: #252525 url(../graphics/properties_top.gif) no-repeat 0 0;
	color: #fff;
	float: right;
	margin: 1em 0 1em 1em;
	padding: 0 11px;
	width: 240px;
	}
#properties h3 {
	color: #ec008c;
	margin: .7em 0;
	text-align: right;
	}
#properties p.desc {
	background: #333;
	margin: 0 0 1em 0;
	padding: .5em;
	}
#properties a.view {}
#properties a.view:hover {}

/* homepage shortcut links */	

#homeShortcuts { 
	float: left;
	width: 100%;
	}
#homeShortcuts h3 {
	float: left;
	}
#homeShortcuts h3 a {
	display: block;
	margin-left: 15px;
	overflow: hidden;
	text-indent: -9999px;
	}
#homeShortcuts h3.hipps a {
	background: url(../graphics/hipps.jpg) no-repeat 0 0;
	height: 129px;
	margin-left: 0;
	width: 200px;
	}
#homeShortcuts h3.hipps a:hover {
	background: url(../graphics/hipps.jpg) no-repeat 0 -129px;
	}
#homeShortcuts h3.valuation a {
	background: url(../graphics/free_valuation.jpg) no-repeat 0 0;
	height: 129px;
	width: 200px;
	}
#homeShortcuts h3.valuation a:hover {
	background: url(../graphics/free_valuation.jpg) no-repeat 0 -129px;
	}
#homeShortcuts h3.mortgage a {
	background: url(../graphics/mortgage_advice.jpg) no-repeat 0 0;
	height: 129px;
	width: 260px;
	}
#homeShortcuts h3.mortgage a:hover {
	background: url(../graphics/mortgage_advice.jpg) no-repeat 0 -129px;
	}

 /* =TYPOGRAPHY
----------------------------------------------- */

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 1em 0;
	}
h1 {
	font-size: 140%;
	}
h2 {
	font-size: 130%;
	}
h3 {
	font-size: 100%;
	}
h4,
h5 {
	font-size: 100%;
	}

 /* =LINKS
----------------------------------------------- */

a:link,
a:visited,
a:active {
	color: #ec61b4;
	text-decoration: none;
	}
a:hover {
	color: #d0569f;
	text-decoration: underline;
	}
	
/* =IMAGES
----------------------------------------------- */

img {
	border: none;
	}
	
.formstyle {
	width: 174px;
}

#footer {
width: 706px;
float: right;
height: 30px;
padding: 7px 20px 0 0;
color: #3b3636;
font-weight: bold;
}
#footer a {
color: #fff;
font-weight: bold;
font-size: 11px;
padding: 0 3px;
}
#footer-left {
float: left;
width: 200px;
}
#footer-right {
float: right;
width: 200px;
text-align: right;
}

/* =FIELDSET
----------------------------------------------- */

#stdform fieldset
{
	margin:0.6em 0;
	padding: 1em 2em;
	background-color: #121212;
	border:#333 1px solid;
	float:left;
	clear:left;
}
#stdform .fieldset
{
	margin:0.6em 0;
	padding: 1em 2em;
	background-color: #121212;
	border:#333 1px solid;
	float:left;
	clear:left;
}

#stdform label
{
	float: left;  
	margin-right: 1em; 
	font-weight: normal;
	color:#ec008c;
	width: 140px;
}
#stdform table {
	color:#ec008c;
}
#stdform table th{
padding: 25px 0 0px 0;
text-align: left;
}
#stdform table td{
padding: 5px 0;
vertical-align: top;
}
#stdform table.confidential label
{
	float: left;  
	margin-right: 1em; 
	font-weight: normal;
	color:#ec008c;
	width: 240px;
}
#stdform .categoryName { color:#fff; }

#stdform ol {list-style:none; padding:0; margin:0; margin-top:1em;}
#stdform li 
{
float: left;  
clear: left;  
margin-left:0.8em;
margin-bottom:1.5em;  
padding: 0; 
}

#stdform h3 {font-size:1.1em; margin-bottom:1em; }
#stdform h3#formTitle { font-size:1.4em; font-weight:normal; margin-bottom:1em; margin-top:0px; padding-bottom:2px; border-bottom:#333 1px solid; color: #fff;}

#stdform fieldset legend
{
	font-size:1.3em;
	font-weight:normal;
	color:#ccc;
}

#stdform em { color:#fff; font-size:0.9em; font-weight:bold; background-color:#d00000; border:#c80000 1px solid; padding:0.2em 0.6em; font-style:normal; margin-left:10px;}
/* Required */
#stdform i { color:#FF0000; font-style:italic;}





#stdform2 fieldset
{
	padding: 1em 2em;
	background-color: #121212;
	border:#333 1px solid;
	float:right;
	clear:left;
	width: 235px;
}

#stdform2 label
{
	float: left;  
	width: 5em;  
	margin-right: 1em; 
	font-weight: normal;
	color:#ec008c;
}

#stdform2 .categoryName { color:#fff; }

#stdform2 ol {list-style:none; padding:0; margin:0; margin-top:1em;}
#stdform2 li 
{
float: left;  
clear: left;
margin-bottom:1.5em;  
padding: 0; 
}

#stdform2 h3 {font-size:1.1em; margin-bottom:1em; }
#stdform2 h3#formTitle { font-size:1.4em; font-weight:normal; margin-bottom:1em; margin-top:0px; padding-bottom:2px; border-bottom:#333 1px solid; color: #fff;}

#stdform2 fieldset legend
{
	font-size:1.3em;
	font-weight:normal;
	color:#ccc;
}

#stdform2 em { color:#fff; font-size:0.9em; font-weight:bold; background-color:#d00000; border:#c80000 1px solid; padding:0.2em 0.6em; font-style:normal; margin-left:10px;}
/* Required */
#stdform2 i { color:#FF0000; font-style:italic;}





/* Search */
#searchForm { padding:0; margin:0;}
#searchForm ol
{
	margin-left:1em;	
}

#searchForm label
{
	 
	font-weight: bold;
	font-size:0.8em;
	color:#ec008c;
	margin-right:0.8em;
	width:4.8em;
}

#searchForm .categoryName { color:#fff; }

#searchForm ol {list-style:none; padding:0; margin:0; margin-top:1em;}
#searchForm li 
{
float: left;  
clear: left;  
padding: 0; 
margin:0.2em 0;
}

#searchForm h3 {font-size:1.1em; margin-bottom:1em; }

#searchForm fieldset legend
{
	font-size:1.3em;
	font-weight:normal;
	color:#ccc;
}

#searchForm em { color:#fff; font-size:0.9em; font-weight:bold; background-color:#d00000; border:#c80000 1px solid; padding:0.2em 0.6em; font-style:normal; margin-left:10px;}
/* Required */
#searchForm i { color:#FF0000; font-style:italic;}

#searchForm .dropdown {border:1px solid #A5A5A5; background-color:#eee; width: 110px; font-family: Arial; font-size: 11px; font-weight: bold; padding: 2px; line-height: 11px;}
#searchForm .dropdown option {border-bottom:1px solid #dadada}


.free-val {
width: 410px;
}
.free-val2 {
width: 630px;
}
.contact-form {
width: 227px;
}
.confidents {
width: 280px;
}
.confidents2 {
width: 180px;
}

#downloads { 
width: 355px;
text-align: left;
}
#downloads th{ 
padding: 10px 16px;
font-size: 14px;
text-align: left;
border-right: 1px solid #b6006c;
font-weight: bold;
}
#downloads tr{ 
padding: 0;
text-align: left;
}
#downloads td{ 
padding: 10px 16px;
text-align: left;
border-right: 1px solid #505050;
font-size: 12px;
font-weight: bold;
}
#downloads td a{ 
color: #fff;
background: url(../graphics/pdf.gif) no-repeat right;
height: 17px;
padding: 0 25px 0 0;
}



.white {
color: #fff;
}

#searchSales td label, #searchLettings td label { color: #000;}
