body {
	behavior: url("/template/htc/csshover.htc");
}
body {
	margin: 0 0 20px 0;
	padding: 0;
	background-image: url("/img/bg.gif");
	background-repeat: repeat-x;
	background-color: #f0f0f0;
	color: #535353;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 100%;
}
p {
	height: 1%; /* Haslayout bug */
	margin: 0;
	padding: 0 0 1em 0;
}

.wrapper {
	position: relative;
	width: 960px;
	margin: 0 auto;
}
.clear {
	clear: both; 
	height: 0;
	font-size: 1px; 
	line-height: 1px; 
}
/* Map stuff on index */
.map_wrapper {
	float: right;
	position: relative;
	height: 300px;
	width: 275px;
	margin-left: 10px;
}
.popup_box {
	z-index: 3;
	display: none;
	position: absolute;
	background: url('/img/popup_box.gif') no-repeat;
	font-size: 70%;
}
.popup_box p {
	white-space: pre;
	display: block;
	margin: 0;
	height: 32px;
	padding: 5px 10px 20px 10px;
	background: url('/img/popup_box_cap.gif') no-repeat top right;
	color: #333;
}
/*
.popup_box pre {
	display: block;
	margin: 0;
	height: 32px;
	padding: 5px 10px 20px 10px;
	background: url('/img/popup_box_cap.gif') no-repeat top right;
	color: #333;
}
*/
/* Top section (Login/welcome msg/logo) */
.top {
	height: 30px;
	background-image: url("/img/top_bg.gif");
	color: #fff;
	font-size: 70%;
	text-align: left;
}
.top p {
	float: left;
	margin: 7px 0 0 0;
	padding: 0;
}
.top a {
	color: #f3a3a2;
}
.login {
	float: right;
	margin: 5px 0 0 0;
	padding: 0;
}
.login input {
	float: left;
	height: 12px;
	width: 117px;
	padding: 3px 0;
	margin: 0 0 0 5px;
	border: 1px solid #860200;
	font-weight: bold;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
} 
.login .submit {
	width: 50px;
	height: 20px;
	padding: 0 0 2px 0;
	border: 1px solid #860200;
	background-image: url("/img/redbutton_bg.gif");
	color: #fff;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
}
.login .submit:hover {
	background-image: url("/img/redbutton_hover.gif");
}
.logo {
	width: 960px;
	margin: 0 auto;
	height: 47px;
	padding: 15px 0 15px 0;
	text-align: left;
}

/* Main navigation */
.nav {
	position: relative;
	height: 58px;
	background-image: url("/img/nav_bg.gif");
	font-weight: bold;
}
.nav .main_nav {
	width: 960px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.nav .main_nav li {
	position: relative;
	float: left;
}
.nav .main_nav li a {
	float: left;
	display: block;
	height: 28px;
	margin-top: 1px;
	padding: 8px 10px 1px 10px;
	text-decoration: none;
	color: #fff;
	font-size: 90%;
}
.nav .main_nav li a:hover {
	background-image: url("/img/nav_hover.gif");
	background-repeat: repeat-x;
}
.nav .main_nav li a.active {
	padding: 8px 9px 1px 9px;
	border-left: 1px solid #0e3f77;
	border-right: 1px solid #0e3f77;
	background-image: url("/img/nav_arrow.gif");
	background-repeat: no-repeat;
	background-position: center top;
	color: #0e4d92;
}

/* Sub navigation */
.nav .sub_nav {
	border-top: 1px solid white;
	position: absolute;
	width: 960px;
	height: 25px;
	top: 13px;
	left: 0;
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 70%;
	font-weight: normal;
	list-style-type: none;
}
.nav .sub_nav li {
	float: left;
	margin-top: 5px;
}
.nav .sub_nav li a {
	float: left;
	display: block;
	height: auto;
	margin-top: 0;
	padding: 0 15px;
	border-right: 1px solid #9fb9d4;
	color: #fff;
	text-decoration: none;
}
.nav .sub_nav li a:hover {
	padding: 0 15px;
	border-left: 0;
	border-right: 1px solid #9fb9d4;
	text-decoration: underline;
	background-color: transparent;
	color: #fff;
}
.nav .sub_nav li a.last {
	border-right: 0;
}

/* Main section */
.main_wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
.main {
	display: inline; /* ie6 bug float margin bug */
	float: left;
	width: 530px;
	margin: 20px;
}
.main h3, .main_wide h3 {
	height: 1%; /* haslayout bug */
	margin: 0;
	padding: 0 0 1em 0;
	color: #000;
	font-size: 100%;
}

.main_wide {
	display: inline; /* ie6 bug float margin bug */
	float: left;
	width: 780px;
	margin: 20px;
}


/* Sidebar */
.sub {
	float: left;
	width: 230px;
	margin: 20px 20px 20px 0;
	font-size: 70%;
}
.sub h3 {
	height: 1%; /* haslayout bug */
	margin: 0;
	padding: 0 0 1em 0;
	color: #000;
	font-size: 140%;
}

/* Advert space */
.advert {
	display: inline; /* ie6 bug float margin bug */
	float: left;
	width: 120px;
	margin: 20px 20px 20px 0;
}

/* Footer */
.footer {
	clear: both;
	height: 24px;
	margin: 0 0 20px 0;
	padding: 9px 0 0 0;
	background-image: url("/img/footer_bg.gif");
	color: #fff;
	font-size: 70%;
	font-weight: bold;
}
.footer p {
	float: left;
}
.footer ul {
	float: left;
	margin: 0 0 0 40px;
	padding: 0;
	list-style-type: none;
}
.footer ul li {
	float: left;
	margin-left: 1em;
}
.footer a {
	color: #fff;
	text-decoration: none;
}
.footer a:hover {
	color: #fff;
	text-decoration: underline;
}

/* White boxes */
.greycorners_top {
	position: relative;
	height: 20px;
	background: url("/img/greycorners.gif") no-repeat top left;
	font-size: 0;
}
.greycorners_topcap {	
	float: right;
	height: 20px;
	width: 6px;
	background: url("/img/greycorners.gif") no-repeat top right;
}
.greyborders {
	border-left: 1px solid #b1b1b1;
	border-right: 1px solid #b1b1b1;
	padding: 0 20px;
	background-color: white;
}
.greycorners_bottom {
	position: relative;
	height: 20px;
	margin-bottom: 20px;
	background: url("/img/greycorners.gif") no-repeat bottom left;
	font-size: 0;
}
.greycorners_bottomcap {	
	float: right;
	height: 20px;
	width: 6px;
	background: url("/img/greycorners.gif") no-repeat bottom right;
}

/* White boxes with red border */
.redcorners_top {
	position: relative;
	height: 20px;
	background: url("/img/redcorners.gif") no-repeat top left;
	font-size: 0;
}
.redcorners_topcap {	
	float: right;
	height: 20px;
	width: 6px;
	background: url("/img/redcorners.gif") no-repeat top right;
}
.redborders {
	border-left: 1px solid #62211f;
	border-right: 1px solid #62211f;
	padding: 0 20px;
	background-color: white;
}
.redcorners_bottom {
	position: relative;
	height: 20px;
	margin-bottom: 20px;
	background: url("/img/redcorners.gif") no-repeat bottom left;
	font-size: 0;
}
.redcorners_bottomcap {	
	float: right;
	height: 20px;
	width: 6px;
	background: url("/img/redcorners.gif") no-repeat bottom right;
}

/* Blue boxes */
.bluecorners_top {
	position: relative;
	height: 20px;
	background: url("/img/bluecorners.gif") no-repeat top left;
	font-size: 0;
}
.bluecorners_topcap {	
	float: right;
	height: 20px;
	width: 6px;
	background: url("/img/bluecorners.gif") no-repeat top right;
}
.blueborders {
	border-left: 1px solid #b1b1b1;
	border-right: 1px solid #b1b1b1;
	padding: 0 20px;
	background-color: #f6f6f6;
}
.bluecorners_bottom {
	position: relative;
	height: 20px;
	background: url("/img/bluecorners.gif") no-repeat bottom left;
	font-size: 0;
}
.bluecorners_bottomcap {	
	float: right;
	height: 20px;
	width: 6px;
	background: url("/img/bluecorners.gif") no-repeat bottom right;
}

/* Red title bar */
.redbar {
	position: relative;
	height: 33px;
	background: url("/img/redbar_bg.gif") no-repeat top left;
	color: white !important;
}
.redbar span {
	float: right;
}
.redbar_cap {	
	float: right;
	height: 33px;
	width: 6px;
	background: url("/img/redbar_bg.gif") no-repeat top right;
}
.redbar h3 {
	color: white;
	padding: 6px 20px 0 20px;
}
/* Sub section of red bar in .main used on prop view */
.redbar_sub {
	position: relative;
	height: 24px;
	border-left: 1px solid #62211f;
	border-right: 1px solid #62211f;
	/*background: url("/img/redbar_sub_bg.gif") repeat-x;*/
	background-color: white;
	color: white !important;
}
.redbar_sub span {
	float: right;
}
.redbar_sub h4 {
	color: white;
	color: #62211f;
	margin: 0;
	padding: 6px 20px 0 20px;
	font-size: 70%;
}

/* Page specific classes */

/* Search box in .main */
.search {
	float: right;
	width: 300px;
	margin-left: 20px;
	font-size: 70%;
}
.search form {
	margin: 0;
	padding: 0;
	height: 1%;
}
.search label {
	clear: left;
	float: left;
	width: 65px;
	margin-top: 3px;
	font-weight: bold;
}
.search select {
	float: left;
	width: 193px;
	margin: 0 0 1em 0;
}
.search input {
	float: left;
	width: 187px;
	margin: 0 0 1em 0;
}
.search .submit {
	float: right;
	width: 80px;
	height: 27px;
	margin: 0;
	padding: 0 0 1px 0;
	border: 1px solid #114785;
	background-image: url("/img/bigbluebutton_bg.gif");
	color: #fff;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-size: 11pt;
	font-weight: bold;
}
.search .submit:hover {
	background-image: url("/img/bigbluebutton_hover.gif");
}

/* Featured list in .sub */
.featured {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.featured li {
	height: 1%; /* haslayout bug */
	margin-bottom: 1em;
	border-bottom: 1px solid #b1b1b1;
}
.featured li.last {
	margin-bottom: 0;
	border-bottom: 0;
}
.featured li img {
	float: left;
	margin: 0 10px 10px 0;
	padding: 2px;
	border: 1px solid #b2b2b2;
}
.featured li h4 {
	float: left;
	width: 100px;
	margin: 0 0 8px 0;
	padding: 0;
	color: #000;
	font-size: 110%;
}
.featured li a {
	float: left;
	height: 15px;
	padding: 3px 7px;
	border: 1px solid #0f3e74;
	background-image: url("/img/bluebutton_bg.gif");
	background-repeat: repeat-x;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.featured li a:hover {
	background-image: url("/img/bluebutton_hover.gif");
}

.featured li a.none {
	float: none;
	height: auto;
	padding: 0px;
	border: 0px;
	background-image: none;
	background-repeat: none;
	color: #0066cc;
	font-weight: normal;
	text-decoration: none;
}
.featured li a.none:hover {
	background-image: none;
}


.featured p {
	clear: both;
}

/* Property list in .main */
.proplist {
	margin: 0;
	padding: 20px 0 0 0;
	list-style-type: none;
}
.proplist li {
	position: relative;
	clear: left;
	height: 1%; /* haslayout bug */
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #b1b1b1;
}
.proplist li.last {
	margin-bottom: 0;
	border-bottom: 0;
}
.proplist li img {
	float: left;
	padding: 5px;
	margin: 0 10px 10px 0;
	border: 1px solid #b2b2b2;
}
.proplist li .details {
	float: left;
	width: 595px;
}
.proplist li h4 {
	width: 450px;
	margin: 0;
	padding: 0;
	color: #b30707;
	font-size: 100%;
}
.proplist li h4.price {
	position: absolute;
	width: auto;
	right: 0;
	color: #000;
}
.proplist li h5 {
	margin: 0;
	padding: 0;
	/*color: #da5a5d;*/
	/*color: #e58b8b;*/
	font-size: 70%;
	font-weight: bold;
}
.proplist li a {
	float: right;
	height: 15px;
	padding: 3px 7px;
	border: 1px solid #622222;
	background-image: url("/img/redbutton_bg.gif");
	background-repeat: repeat-x;
	color: #fff;
	font-size: 70%;
	font-weight: bold;
	text-decoration: none;
}

.proplist li a:hover {
	background-image: url("/img/redbutton_hover.gif");
}

.proplist li a.none {
	float: none;
	height: auto;
	padding: 0px;
	border: none;
	background-image: none;
	background-repeat: repeat-x;
	color: #fff;
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
}

.proplist li a.none:hover {
	background-image: none;
	cursor:pointer;cursor:hand;
}

.proplist p {
	clear: both;
	margin-top: 1em;
	font-size: 70%;
}

/* Page navigation in .main */
.page_nav {
	float: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 70%;
}
.page_nav li {
	float: left;
	margin-left: 1px;
}
.page_nav li a {
	display: block;
	float: left;
	height: 15px;
	padding: 3px 7px;
	border: 1px solid #622222;
	background-color: #fff;
	color: #622222;
	text-decoration: none;
	font-weight: bold;
}
.page_nav li a.active, .page_nav li a:hover {
	background-image: url("/img/redbutton_bg.gif");
	background-repeat: repeat-x;
	color: #fff;
}

.page_nav li span {
	display: block;
	float: left;
	height: 15px;
	padding: 3px 7px;
	border: 1px solid #622222;
	background-color: #fff;
	color: #622222;
	text-decoration: none;
	font-weight: bold;
	cursor:not-allowed;
}
.page_nav li span.active {
	background-image: url("/img/redbutton_bg.gif");
	background-repeat: repeat-x;
	color: #fff;
	cursor:not-allowed;
}
/* Refine search box in .main */
.refinesearch {
	height: 8em;
	border-left: 1px solid #62211f;
	border-right: 1px solid #62211f;
	background: url("/img/refinesearch_bg.gif") repeat-x;
	padding: 10px 20px 0 20px; 
	background-color: #fff;
	font-size: 70%;
}
.refinesearch form {
	margin: 0;
	padding: 0;
	height: 1%;
}
.refinesearch form label {
	float: left;
	width: 70px;
	margin-top: 3px;
	font-weight: bold;
}
.refinesearch form select {
	float: left;
	width: 145px;
	margin: 0 18px 10px 0;
}
.refinesearch form input {
	float: left;
	width: 139px;
	margin: 0 18px 10px 0;
}
.refinesearch form .submit {
	float: left;
	width: 150px;
	height: 25px;
	padding: 0 0 2px 0;
	margin: 0 0 0 65px;
	border: 1px solid #622222;
	background-image: url("/img/redbutton_bg.gif");
	color: #fff;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	font-size: 10pt;
}
.refinesearch form .submit:hover {
	background-image: url("/img/redbutton_hover.gif");
}

/* Property details section */
/* Images bit */
.propview_imgs {
	float: left;
	padding: 20px 0 0 0;
}
.propview_imgs img {
	padding: 5px;
	border: 1px solid #b2b2b2;
	max-width:400px;
}
.thumbs {
	overflow-x: scroll;
	overflow-y: hidden;
	width: 412px;
	height: 138px;
	margin-right : 10px;
}
.thumbs ul {
	margin: 20px 0 0 0;
	padding: 0;
	list-style-type: none;
}
.thumbs ul li {
	display: block;
	float: left;
	margin-right: 5px;
}

/* Contact form */
.propview_contact {
	float: left;
	width: 316px;
	padding: 0px 0px 0px 0;
}
.propview_contact form ul {
	margin: 0;
	margin-left:8px;
	padding: 0;
}
#contact_title_label, #contact_name_label, #contact_name_label, #contact_email_label, #contact_phone_label, 
#contact_message_label, #contact_budget_label, #contact_purchasetimescale_label, #contact_visitdate_label,
#contact_visitduration_label, #contact_mortgageinfo_label, #contact_forexinfo_label,
#contact_title, #contact_name, #contact_name, #contact_email, #contact_phone, 
#contact_message, #contact_budget, #contact_purchasetimescale, #contact_visitdate,
#contact_visitduration, #contact_mortgageinfo, #contact_forexinfo
{
	font-size : 0.8em;
}
#contact_title_li {
	width : 50px;
	float: left;
}
#contact_name_li {
	width : 225px;
	float: right;
}
#contact_email_li {
	width : 308px;
	float: left;
}
#contact_budget_li {
	width : 145px;
	float: left;
}
#contact_purchasetimescale_li {
	width :145px;
	float: right;
}
#contact_visitdate_li {
	width : 145px;
	float: left;
}
#contact_visitduration_li {
	width : 145px;
	float: right;
}

.propview_contact_top {
	position: relative;
	height: 10px;
	background: url("/img/contactcorners.gif") no-repeat top left;
	font-size: 0;
}
.propview_contact_topcap {	
	float: right;
	height: 10px;
	width: 6px;
	background: url("/img/contactcorners.gif") no-repeat top right;
}
.propview_contact_bottom {
	position: relative;
	height: 10px;
	background: url("/img/contactcorners.gif") no-repeat bottom left;
	font-size: 0;
}
.propview_contact_bottomcap {	
	float: right;
	height: 10px;
	width: 6px;
	background: url("/img/contactcorners.gif") no-repeat bottom right;
}

/*
.propview_contact form {
	margin: 0;
	padding: 0 10px;
	border-left: 1px solid #b1b1b1;
	border-right: 1px solid #b1b1b1;
	background: url("/img/contact_bg.gif") repeat-x;
	background-color: #fff;
	height: 1%;
	font-size: 70%;
}
*/
div.errors {
	margin: 0;
	padding: 0 10px;
	border-left: 1px solid #b1b1b1;
	border-right: 1px solid #b1b1b1;
	background: url("/img/contact_bg.gif") repeat-x;
	background-color: #fff;
	height: 1%;
	font-size: 70%;
}
/*
.propview_contact form label {
	clear: left;
	float: left;
	width: 100px;
	margin-top: 3px;
	font-weight: bold;
}
.propview_contact form .radio_label {
	clear: none;
	margin: 3px 0 5px 20px;
	width: 110px;
}
.propview_contact form .radio {
	width: 14px;
	margin: 0 0 5px 0;
}
.propview_contact form .checkbox {
	width: 14px;
	margin-left: 130px;
}
.propview_contact form select {
	float: left;
	width: 101px;
	margin: 0 0 15px 0;
}
.propview_contact form input {
	float: left;
	width: 138px;
	margin: 0 0 15px 0;
}
.propview_contact form .textarea_label {
	width: 200px;
}
.propview_contact form textarea {
	width: 238px;
	height: 64px;
	margin-bottom: 15px;
}
.propview_contact form .submit {
	float: right;
	width: 170px;
	height: 21px;
	padding: 0 0 2px 0;
	border: 1px solid #622222;
	background-image: url("/img/redbutton_bg.gif");
	color: #fff;
	text-align: center;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	font-size: 8pt;
}
.propview_contact form .submit:hover {
	background-image: url("/img/redbutton_hover.gif");
}
*/
.propview_desc {
	clear: both;
	float: left;
	width: 360px;
	margin-right: 20px;
	margin-top: 10px;
	text-align: justify;
}
.propview_desc p {
	font-size: 80%;
}
.propview_features {
	float: left;
	width: 355px;
	margin-top: 10px;
}
.propview_features ul {
	margin: 0;
	padding: 0;
	font-size: 80%;
	list-style-type: none;
	font-weight: bold;
}
.propview_features ul li {
	margin-bottom: 20px;
}
.propview_features ul span {
	float: left;
	display: block;
	width: 150px;
	font-weight: normal;

}

a.hotButton {
	width: 150px;
	float: left;
	height: 15px;
	padding: 3px 7px;
	border: 1px solid #0f3e74;
	background-image: url("/img/bluebutton_bg.gif");
	background-repeat: repeat-x;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin: 0px 0px 5px 0px;
}
a.hotButton:hover {
	background-image: url("/img/bluebutton_hover.gif");
}

/** Kev **/

a.normal {
	font-size: 80%;
	text-align: justify;
}

p.normal {
	font-size: 80%;
	text-align: justify;
}

table.normal {
	font-size: 75%;
	text-align: justify;
}

ul.normal {
	padding-top: 0px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 100%;
	text-align: justify;
}
li.normal {
	font-size: 80%;
	text-align: justify;
}
li.contents {
	color: #104D90;
	font-size: 80%;
	text-align: justify;
}

table.grey {
	padding: 0;
	margin: 0;
}

td.grey {
	background: #F1F1F1;
	font-size: 110%;
	font-weight: bold;
	color: #7D7D7D;
	letter-spacing: 0px;
	text-align: left;
	padding: 2px 2px 2px 4px;
}
table.content {
	padding: 0;
	margin: 0;
}

td.content {
	font-size: 80%;
	letter-spacing: 0px;
	text-align: left;
	padding: 2px 2px 2px 4px;
}

.main h1, .main_wide h1 {
	height: 1%; /* haslayout bug */
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 130%;
	color: #104D90;
	border-bottom: 2px solid #104D90;
	text-align: left;
}

.main h2, .main_wide h2 {
	height: 1%; /* haslayout bug */
	margin: 0;
	padding: 0 0 1em 0;
	font-size: 105%;
}

hr {
	border: 0;
	width: 100%;
	color: #104D90;
	background-color: #104D90;
	height: 2px;
}