﻿/*
		Copyright (c) 2009
		Resource Techniques LTD
		All rights reserved
		
		Mayfair
		screen.css (v 2.5.0)
*/

/* 
		Main 
*/

html {
	height:100%;
	margin-bottom:1px;
} /* Forces vertical scroll bar */

body { 
	background: url(../img/bg/bg-body.png) #f7f7f7 top repeat-x; 
	color:#555555;
}

#header { 
	position: relative; 
	width: 930px; 
	height: 186px; 
	margin: 0 auto; 
}

#upper_content_wrapper { 
	background: url(../img/bg/bg-upper_content.png) #101010 repeat-x;
}

#upper_content { 
	position:relative;
	width: 930px; 
	height: 290px; 
	margin: 0 auto; 
}

#lower_content_wrapper { 
	background: url(../img/bg/bg-lower_content_wrapper.png) #f7f7f7 top repeat-x; 
}

#lower_content { 
	width: 930px; 
	margin: 0 auto 4em; 
}

#lower_content.sml_lge, 
#lower_content { 
	height: auto; 
	_height: 500px;
	min-height: 500px; 		
}

#footer_wrapper { 
	clear: both; 
	height: 200px;
	margin:0;
	padding:0;
	background:#131313 url('../img/bg/bg-footer_wrapper.png') repeat-x;
}

#footer { 
	width: 930px; 
	height: 188px; 
	margin: 0 auto; 
	padding-top: 10px; 
}

#footer h5 { 
	display: block; 
	padding: 1em 0 -1em 0; 
	_padding:1em 0 -1em 0;
}

#footer address { 
	margin: .4em 0 1em 0;
	color:#ccc; 
	font:1.4em/1.4em Arial;
}

#footer p {	
	color:#fff; 
}

#footer #left_col {
	float: left;  
	width: 630px; 		
}

#footer #right_col { 
	float: right;		
	width: 200px;  
	padding-right: 70px; 
}

/* 
	=Layout 
*/

#col_right_services div { padding:10px 0; }



.col_right p {margin-bottom:1.2em;}

.lge_sml .col_left { 
	float: left; 
	width: 630px; 
	padding: 1em; 
}

.lge_sml .col_right { 
	overflow: hidden; 
	width: 250px; 
	padding: 1em; 
}

.sml_lge .col_left { 
	float: left; 
	width: 230px; 
	padding: 1em; 
}

.sml_lge .col_right { 
	overflow: hidden; 
	width: 640px; 
	margin: 0; 
	padding: 1em; 
}

.lge .col_mid { 
	width: 860px; 
	margin: 0 1em 0 1em; 
	padding: 1em; 
}

.three_col
{
    width:30%;
    float:left;
    padding:1em;
    margin-right:1em;
}

.three_col.last 
{
    margin-right:0;
}

/* 
	=Headings 
*/

h1 span { 
	display:none; 
}

h2,
#lower_content h1 { 
	margin: .4em 0 .8em 0; 
	padding: 0 0 .4em 0; 		
	border-bottom:1px solid #D0CBBD;
	color:#3C2727; 
	font:bold 1.6em/1.6em Arial;
}

h3, h4, h5 { 
	font:1.4em/1.4em Arial; 
}


.contactinternational h2, h3, h4, h5 { 
	font:1.4em/1.4em Arial; 
	font-weight:bold;
}

h3 { 
	margin: .2em 0 .8em 0; 
	padding: 0 0 .4em 0; 
	background:url(../img/hr-h3.png) no-repeat left bottom;
	color:#3C2727;
}

h3 a { 
	padding-left: 1.2em; 
	background:url(../img/bullets/bullet-h3.png) no-repeat left;
	color:#3C2727;
}

h3.services a { 
	padding-left: 1.2em; 
	background:url(../img/bullets/bullet-h3.png) no-repeat left;
	color:#3C2727;
	font-weight:bold;
}

h4 { 
	margin: .8em 0 .4em 0; 
	color:#3C2727;
}

h4.new_registration a { 
	padding: .2em .4em .2em .4em;		
	background:#6A439C; 
	color:#fff; 
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

h4.new_registration a:hover { 
	background:#D8A62E; 
	color:#000;
	text-decoration:none; 
}

h5 { 
	margin: .2em 0 .4em 0; 
	line-height: 1.4em; 
	color:#FFFFFF;
}

/* 
	=Paragraphs 
*/

p { 
	margin: 1em 0 1em 0; 
	padding: 0;
	letter-spacing:.02em; 
	font:1.2em/1.6em Arial, Helvetica, Sans-serif; 
}

p.sml { font-size:1.1em; }
#footer p.title { font-weight:bold; color:#D5A42D; }

.paragraph { 
	margin-bottom: 2.5em;  border-bottom:1px solid #D0CBBD; min-height:180px; 
}
.paragraph h2 { border-bottom:none;}

/*
	=Links
*/

a {
	color: #754CAB;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	cursor: pointer;
}

/* 
	=Lists 
*/

ol, ul { 
	padding: 0; 
	margin: 0; 
}

ol.bullet { 
	margin: 1em 2em; 
}

ol.bullet li { 
	margin: 0; 
	padding: .8em 0 .8em .4em;
	list-style-type:decimal;
	color:#3C2727;
	font:1.2em/1.2em Arial; 		 
}

ul.bullet { 
	margin: 1em 2em; 
}

ul.bullet li { 
	margin: 0; 
	padding: .8em 0 .8em .4em;
	list-style-type:disc;
	color:#3C2727;
	font:1.2em/1.2em Arial; 		 
}

ul.bullet_blue { 
	margin: 1em 2em; 
}

ul.bullet_blue li { 
	margin: 0; 
	padding: .7em 0 .7em .4em;
	list-style-type:disc;
	color:#1e52a4;
	font:1.2em/1.2em Arial; 		 
}




ul.nobullet { 
	margin: 1em 0 1em 0; 
	font:1.4em/1.4em Arial;
}

/* 
	=Images 
*/

img.left, 
img.right { 
	border:1px solid #D5D1B5; 
}

img.left { 
	float: left; 
	margin: 0 1em 1em 0; 
	padding: 1px; 
}

img.right { 
	float: right; 
	margin: 0 0 1em 1em; 
	padding: 1px; 
}

.img_link { 
	display: block; 
	padding-bottom: .8em; 
}

/* 
	=Logo 
*/

#logo { 
	position: absolute; 
	display: block; 
	top: 92px; 
	left: 10px; 
	width: 201px; 
	height: 48px; 
}

#logo a { 
	display: block; 
	width: 201px; 
	height: 48px; 
}

/* 
	=Flash 
*/

#feature_flash { 
	height: 270px; 
}

#flashobject { 
	width: 625px; 
}

/* 
	=Primary Nav 
*/

#primary_nav { 
	position: absolute; 
	bottom: 6px; 
	right: 0; 
}

#primary_nav li { 
	float: left;
	color: #BBBCB7;
	font: 1.4em Arial, Helvetica; 
}

#primary_nav li a { 
	display: block;
	color: #CECECE; 
	text-decoration: none;
}

#primary_nav li a:hover, 
#primary_nav li a.current { 
	color: #FFFFFF; 
}

#primary_nav li a:focus {
	outline: none;
}

.tabs ul li { 
	float: left; 
}

.tabs ul li a { 
	display: block; 
	float: left;
	line-height:2.8em; 
}

.tabs ul li a:hover, 
.tabs ul li a.current { 
	background:url( '../img/btn/tab-right.png' ) no-repeat 100% 0; 
}

.tabs ul li a span { 
	display: block; 
	padding: 0 1.2em; 
	line-height:3.2em;
}

.tabs ul li a:hover span, 
.tabs ul li a.current span { 
	background:url( '../img/btn/tab-left.png' ) no-repeat; 
}

/* 
	=Secondary Nav 
*/

#sub_nav li a {
    display:inline-block;
    position:relative;

    width:160px;

    margin:.4em .4em .4em 0;     
    padding:1em; 

    -moz-border-radius:5px; 
    -webkit-border-radius:5px;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);

    border:1px solid rgba(0,0,0,0.25);
    border-top:none;
    border-left:none;
    border-right:none;

    background:#391C5E url('../img/btn/overlay.png') repeat-x; 
    *background:#6A439D;

    color:#FFF;
    font-size:1.2em; 
    text-decoration:none;
    text-shadow:#000 1px 1px 2px;
        
    cursor:pointer;
}

#sub_nav li a:hover { background-color:#5D388C; }
#sub_nav li a.current { background-color:#111; cursor:default; }

#sub_nav li a .lock { padding-right:6.5em; background:url(../img/icons/lock.png) right no-repeat; }

/* 
	=Tertiary Nav 
*/

ul#tertiary li { 
	float: left; 
	height: 48px; 
	margin-top: 1px; 
}

.residential, 
.equestrian, 
.coast, 
.international, 
.members { 
	display: block; 
	height: 48px; 
}

.residential, 
.equestrian,
.coast {  
	width: 112px; 
}

.international { 
	width: 113px; 
}

.members { 
	float: right; 
	width: 112px; 
	margin: 1px 14px 0 0; 
}

.residential { 
	background:url( '../img/btn/btn-residentialuk.png' ) no-repeat top; 
}

.equestrian	{ 
	background:url( '../img/btn/btn-equestrian.png' ) no-repeat top; 
}

.coast { 
	background:url( '../img/btn/btn-coast.png' ) no-repeat top; 
}

.international { 
	background:url( '../img/btn/btn-international.png' ) no-repeat top; 
}

.members { 
	background:url( '../img/btn/btn-members.png' ) no-repeat top; 
}

.residential:hover, 
.residential.current, 
.equestrian:hover, 
.equestrian.current, 
.coast:hover, 
.coast.current, 
.international.current, 
.international:hover, 
.members:hover, 
.members.current { 
	background-position:bottom; 
}

#tertiary .current { display:none; }

ul#tertiary li a span,
.members span { 
	display:none; 
}

/* 
	=Members 
*/

#login { 
	position: absolute; 
	width: 280px; 
	padding: 15px 25px 15px 25px; 
	color:#fff;
	background:url(../img/bg/bg-transparency.png);
	*background:#000; /* IE 7 and below */
	z-index: 9999;
	-webkit-border-radius:8px; 
	-moz-border-radius:8px;		
	-webkit-box-shadow:0px 0px 12px rgba(0,0,0,0.4);
	z-index:9999;
}

#login label { display:block; }
#login .f_input { margin-right:1em; }
#login .error { padding:.2em .4em .2em .4em; }
#login #loginCloseButton { color:Red; }

.btn-members_login { 
	display: block; 
	width: 72px; 
	height: 32px;  
	border:none; 
	background:url(../img/btn/btn-yellow.png) no-repeat top;
	color:#333;
}

.btn-members_login:hover { 
	background-position:bottom; 
	color:#666; 
}

.membersList { margin-bottom:5em; }

.membersList li a   
{
    display:block;
    width:250px;
    height:150px;
    margin:2em 0 2em 0;
    padding:1px;      
}

.membersList img 
{ 
    display:block;    
    width:250px;
    height:150px;
}

/* 
	=Quick Search Tabs (Home) 
*/

#switches_panel { 
	overflow: hidden; 
	margin: 0 0 20px 0; 
	padding: 0; 	
}

#switches { 
	width: 230px; 
}

#switches li { 
	float: left;
	color:#BBBCB7;
	font:1em Arial, Helvetica; 
}

#switches li a { 
	display: block; 
	margin: 0 .5em; 
	font-size:1.1em; 
	text-decoration:none;
}

#switches li a:hover, 
#switches li a.current { 
	color:#FFFFFF; 
}

.quick_tabs ul li a { 
	color:#fff; 
}

.quick_tabs ul li a:hover, 
.quick_tabs ul li a.current { 
	background:url( '../img/btn/tab-quick_right.png' ) no-repeat 100% 0; 
}

.quick_tabs ul li a span { 
	display: block; 
	padding: 0 1.4em; 
	line-height:2.9em;
}

.quick_tabs ul li a:hover span, 
.quick_tabs ul li a.current span { 
	background:url( '../img/btn/tab-quick_left.png' ) no-repeat; 
}

/* 
	=Quick Property Search (Home) 
*/

#quick_property_search { 
	margin: 0; 
	padding: 0; 
}

#quick_property_search ul {
	color: #FFF;
}

#quick_property_search ul li { 
	margin: 0; 
}

#quick_property_search p { 
	position: absolute;
	bottom: 0;
}

#quick_property_search .f_input {
	padding: .4em;
	width: 220px;		
}

#quick_property_search .multiple {
	width: 230px;
}

#quick_property_search .f_select {
	padding: .1em;
	margin-right:.4em;
	/*margin-right: .8em;*/
}

#quick_property_search .radio label { 
	margin:0 6px 0 2px; 
	_vertical-align: .2em;
}

/* 
	=Quick Agent Search (Home) 
*/

#quick_agent_search { 
	margin: 0; 
	padding: 0; 
}

#quick_agent_search fieldset { 
	height: auto; 
}

#quick_agent_search ul { 
	margin-top: 20px; 
	color: #FFF;
}

#quick_agent_search ul li { 
	margin: 0 0 1em 0; 
	line-height:1.2em;
}

#quick_agent_search .f_input {
	width: 220px;
}

#quick_agent_search p { 
	margin-left: 3px; 
	margin-right: 30px; 
}

#quick_agent_search p.browse-text {
	position: absolute;
	bottom: 0;
}

/* 
	=Featured News 
*/

#news_panel { 
	width: 238px;
	background:url(../img/bg/bg-news_panel_top.png) top no-repeat; 
}

#news_container img { 
	float: left; 
	margin: 14px 8px 0 0; 
	padding: 1px;
	border:1px solid #623D8E; 
	background:#f7f7f7; 
}

#news_container span { 
	display: block; 
	width: 238px;
	background:url(../img/bg/bg-news_panel_bottom.png) bottom no-repeat; 
}

#news_content { 
	overflow: auto; 
	padding: 1.2em; 
}

#news_content h3 { 
	margin: .2em 0 .2em 0; 
}

#news_content h3 a { 
	padding: 0;		
	background:none; 
	color:#754CAB; 
	font-size:.9em; 
	font-weight:bold;
}

#related_news { 
	margin: 1em 0 0 1em; 
}

#news_article img { 
	float: right; 
	margin: 0 5px 5px 5px; 
	padding: 1px;
	border:1px solid #D5D1B5; 
}

.date-large { 
	float: left; 
	display: inline; 
	width: 26px; 
	height: 32px; 
	margin: 0 10px 0 0; 
	padding-top: 3px; 		
	border:3px solid #ccc; 
	background:#5D388C;
	color:#FFFFFF;
	text-align:center; 
}

.day, 
.month { 
	display:list-item;	
	list-style:none; 
}

.day { 
	font:bold 1.4em/1.3em Arial, sans-serif; 
}

#news_archive { 
	font-size:1.3em; 
	line-height:2em; 
}

ul#archive li { 
	float: left; 
	overflow: hidden; 
	margin: .6em 0.5em 0 0; 
	font-size: 1.4em; 
}

.archive_years { 
	clear: left; 
}

.archive_years h2 { 
	float: left; 
	margin: 0; 
	padding: 0; 
	border:none;
}

.archive_years h2 a { 
	margin-right: 10px;
	color:#333333; 
	text-decoration:none; 
	cursor:default;
}

.archive_years ul { 
	padding: .3em 1em 1em 0; 
}

.archive_years ul li { 
	float: left; 
}

.archive_years ul li { 
	margin-right: .5em; 
}

.archive_months { 
	margin: 0; 
	padding: 0; 
}

.archive_months .day { 
	float: left; 
	margin-right: 1em; 
	padding: .3em;		
	background:#999999; 
	color:#FFFFFF; 
}

.archive_months ul li { 
	margin: .6em; 
	padding: .6em;
	background:#DDDDDD; 
}

.archive_months ul li:hover { 
	background:#CCCCCC; 
}

.archive_months ul li a { 
	line-height:2.5em; 
}

.recent_articles { 
	padding: 1em; 
}

.recent_articles ul li { 
	margin-bottom: 1em; 
	font-size: 1.2em; 
	line-height: 1.4em; 
}

.recent_articles .archivelink { 
	font-weight: bold; 
}

/* 
	=Property Search 
*/

#radioSelection { 
	position: relative; 
	display: block; 
	width: 642px; 
	height: 32px; 
	background: url('../img/bg/bg-radio_selection.png') no-repeat; 
}

#radioSelection ul { 
	position: absolute; 
	top: 2px; 
	left: 37px; 
}

#radioSelection ul li input { 
	position: absolute; 
	top: -9999px; 
	left: -9999px; 
}

#radioSelection ul li label { 
	display: block; 
	float: left; 
	width: 72px; 
	height: 28px; 
	background: url('../img/btn/btn-radio_selection.png') no-repeat; 		
	text-indent: -9999px; 
	cursor: pointer; 
}

#radioSelection ul li label.forSale { 
	background-position: left top; 
}

#radioSelection ul li label.toRent { 
	background-position: right top; 
}

#radioSelection ul li label.forSale.current { 
	background-position: bottom left; 
}

#radioSelection ul li label.toRent.current { 
	background-position: bottom right; 
}

#searchPanel { 
	position: relative; 
	display: block; 
	width: 642px; 
	height: 77px; 
	margin: 1em 0 1em 0; 
	padding: 1em .5em .5em 1em; 
	background: url('../img/bg/bg-search_panel.png') no-repeat; 
}

#searchPanel label { 
	display: block; 
}

#searchPanel input.search-input, 
#searchPanel select.search-input { 
	display: block; 
	width: 226px; 
	padding: 6px 10px 7px 6px;
	*padding: 6px 10px 8px 6px;
	margin: .5em .5em 0 0; 
	border: none; 
	background: url('../img/bg/bg-search_field.png') no-repeat; 
	font-size: 1.6em; 
}


#searchPanel input.search-input[disabled=disabled] 
{
    background-position:bottom left;
    color:#999 !important;
}

#searchPanel select.search-input { 
	width: 242px; 
	*margin-top:14px;
}

#searchPanel input.search-input:focus { 
	outline: none; 
	border: none; 
	background-position: top right;
}

#searchPanel .btn-search_new { 
	position: absolute; 
	top: 23px; 
	*top: 28px;
	left: 255px;
	*left: 265px; 
	display: block; 
	width: 82px; 
	height: 32px;
	*padding-top:32px; 
	border: none; 
	background: url('../img/btn/btn-search.png') no-repeat; 
	text-indent: -9999px; 
	font-size: 0; 
	cursor: pointer; 
}

#searchPanel .btn-search_new:hover { 
	background-position: right top; 
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#searchPanel .btn-search_new { top: 33px; left:264px; }
}

.btn-save 
{
	display: block; 
	width: 82px; 
	height: 32px;
	padding-top:32px; 
	margin-top:10px;
	border: none; 
	background: url('../img/btn/btn-save.png') top left no-repeat; 
	text-indent: -9999px; 
	font-size: 0; 
	cursor: pointer; 
}

.btn-save:hover 
{
    background-position: top right;
}

#searchRefine { 
	display: block; 
	width: 642px; 
	padding-top: 3px;
	background: url('../img/bg/bg-refine_top.png') 100% top no-repeat; 
}

#searchRefine ul { 
	overflow: hidden; 
	padding: 1em 0 1em 0; 
}

#searchRefine ul li { 
	float: left; 
	width: 30%; 
	height: 60px; 
	margin: 0 1em 0 1em; 
}

#searchRefine ul li.last { 
	margin-right: 0; 
}

#searchRefine ul li label { 
	display: block; 
	color: #999; 
}

#searchRefine ul li select { 
	width: 100%; 
	border: 1px solid #CCC; 
	background: #FFF; 
	color: #333; 
}

#searchRefine ul li select[disabled=disabled] { 
	background: #DDD; 
}

#searchRefine ul li.checkbox input[type=checkbox] { 
	float: left; 
	margin: 26px 5px 0 0; 
	*margin: 18px 5px 0 0;
	_margin: 0 0 0 0;
}

#searchRefine ul li.checkbox label { 
	margin-top: 24px; 
	*margin-top: 20px;
	_margin-top: 0px;
	color: #333; 
}

#searchRefine ul#searchAll { 
	display: block; 
	width: 642px; 
	background: url('../img/bg/bg-refine_bottom.png') bottom no-repeat;
}

.btn-search_refine { 
	overflow: hidden; 
	width: 82px; 
	height: 32px; 
	padding: 32px 0 0; 
	border: none; 
	background: url('../img/btn/refine-search.png') no-repeat left top; 
	cursor: pointer; 
}

.btn-search_refine:hover { 
	background-position: right top; 
}

/* 
	=Browse (Properties / Agents) [TODO think about unifying it] 
*/

ul.prop_browse { 
	width: 193px; 
	margin: .5em 10px 0 5px; 
}

ul.prop_browse li { 
	margin: 0 0 1em;
	line-height: 1.4em;
	font-size: 120%;
}

ul.prop_browse li a { 
	margin: 0; 
	padding: 0; 
}

ul.agents_browse { 
	width: 193px; 
	margin: .5em 10px 0 5px; 
}

ul.agents_browse li a { 
	display: block; 
	width: 180px; 
	margin: 0 0 .5em 0; 
}

ul.prop_browse li a, 
ul.agents_browse li a { 
	font:1.2em/1.2em Arial; 
}

/* 
	=Accordion 874
*/

#accordion {
    display: block; 
	position: relative; 
	width: 902px; 
	height: 260px;
	margin-left: 10px; 
}

#accordion ul { 
	position: absolute; 
	overflow: hidden; 
	width: 902px; 
	height: 260px; 
	margin: 0 auto; 
	background: url('/img/accordion/bg2.png') no-repeat; 
}

#accordion ul li { 
	float: left; 
}

#accordion ul li a { 
	display: block; 
	width: 103px; 
	height: 240px; 
	margin: 14px 3px 0 0; 
	text-indent: -1000em;
}

#accordion ul li a span { 
	display: none; 
}

#accordion ul li a.first { 
	margin-left: 9px; 
}

#accordion ul li a.last { 
	position: absolute; 
	right: 6px;
}

#accordion ul li a:focus {
	outline: none;
}

.multi_places { 
    width: 834px;
    margin: 2em 0 0 4em;
}

.multi_places h2 span { 
    color: #992927; 
}

.multi_places li { 
    float: left; 
    width: 33%; 
}

.multi_places li a { 
    font-size: 1.4em; 
    line-height: 1.4em; 
}

.multi_places .any_region { 
    font-weight: bold; 
}

/* 
	=Property Results 
*/

.p-result { 
	overflow: hidden;
	_clear: both;
	margin-top: 2em; 
	padding: 1em; 
	border: 2px solid #E6E6E6; 
	background: #EDEDED; 
}

.p-result .c-left { 
    position: relative;
	float: left; 
	width: 27%; 
	text-align: center; 
}

.totally_different_name {
    position:absolute;
    top:3px;
    right:3px;  
    _right:13px;
    display:block;
    width:80px;
    height:80px; 
}

.status_flag_lge { 
    position:absolute;
    top:12px;
    left:364px;  
    display:block;
    width:148px;
    height:146px;     
}

.totally_different_name.LetResults { background:url(/img/status/let_sml.png) no-repeat; }
.totally_different_name.SaleAgreedResults { background:url(/img/status/under_offer_sml.png) no-repeat; }
.totally_different_name.SoldResults { background:url(/img/status/sold_sml.png) no-repeat; }

.status_flag_lge.Let { background:url(/img/status/let_lge.png) no-repeat; }
.status_flag_lge.SaleAgreed { background:url(/img/status/under_offer_lge.png) no-repeat; }
.status_flag_lge.Sold { background:url(/img/status/sold_lge.png) no-repeat; }

.p-result .c-right { 
	float: right;
	_float: none;
	width: 70%; 
}

.feature { position:relative; }

.p-result a:focus { 
	outline: none; 
}

.agent_details h3 { 
    font-weight:bold; margin-bottom:-3px;
}

.agent_details p { 
    margin:0;
    line-height:.6em;
 }



.p-result img { 
	margin-right: 1em; 
	padding: 1px; 
	border: 2px solid #E6E6E6; 
	background: #FFF; 
}

.p-result a.btn-view_details { 
	display: block; 
	width: 142px; 
	height: 20px; 
	margin: 1.3em; 
	background: url('../img/btn/view-details.png') no-repeat left top; 
}

.p-result a.btn-view_details:hover { 
	background-position: left bottom; 
}

.p-result a.btn-view_details span { 
	display: none; 
}

.quick-links { 
	overflow: hidden; 
}

.quick-links ul { 
	float: right; 
}

.quick-links ul li { 
	float: left; 
}

.quick-links ul li a { 
	display: block; 
	width: 48px; 
	height: 76px; 
	background: url('../img/btn/quick-links.png') no-repeat; 
}

.quick-links ul li a span { 
	display: none; 
}

.quick-links ul li a:focus { 
	outline: none; 
}

.quick-links ul li a.quick-gallery { 
	background-position: 0 0; 
}

.quick-links ul li a.quick-map { 
	background-position: -48px 0; 
}

.quick-links ul li a.quick-streetview { 
	background-position: -96px 0; 
}

.quick-links ul li a.quick-fplan { 
	background-position: -144px 0; 
}

.quick-links ul li a.quick-pdf { 
	background-position: -192px 0; 
}

.quick-links ul li a.quick-vt { 
	background-position: -240px 0; 
}

.quick-links ul li a.quick-epc { 
	background-position: -288px 0; 
}

.quick-links ul li a.quick-gallery:hover { 
	background-position: 0 -76px; 
}

.quick-links ul li a.quick-map:hover { 
	background-position: -48px -76px; 
}

.quick-links ul li a.quick-streetview:hover { 
	background-position: -96px -76px; 
}

.quick-links ul li a.quick-fplan:hover { 
	background-position: -144px -76px; 
}

.quick-links ul li a.quick-pdf:hover { 
	background-position: -192px -76px; 
}

.quick-links ul li a.quick-vt:hover { 
	background-position: -240px -76px; 
}

.quick-links ul li a.quick-epc:hover { 
	background-position: -288px -76px; 
}

ul.paginator { 
	overflow: auto; 
	margin-bottom: 1em; 
}

ul.paginator li { 
	float: left; 
}

ul.paginator li a { 
	display: block; 
	margin-right: .2em; 
	padding: .4em .2em .4em .2em; 
	border: 2px solid #E6E6E6; 
	background: #EEE url(../img/bg/bg-search_panel.png) no-repeat center center; 
	text-decoration: none; font-size: 1.4em; 
}

ul.paginator li a.current, 
ul.paginator li a:hover { 
	border: 2px solid #9560B6; 
	background: #9C6ABD; 
	color: #FFF; 
}

/* 
	=Property Details 
*/

#p-details { 
	position: relative; 
}

#p-details .feature img { 
	width: 500px; 
	height: 375px; 
	padding: 1em; 
	border: 2px solid #E6E6E6; 
	background: #EDEDED; 
}

#p-details .feature .tools { 
	height: 375px; 
}

#p-details .quick-info,
#p-details .description  { 
	clear: left;
	padding: 1em; 	
}

#p-details .quick-info p.info {
	font-size: 1.4em;
}

#p-details .quick-info .price {				
	margin-right: .4em;
	vertical-align: -.2em;
	font-size: 1.6em;
	font-weight: bold;
}

#p-details .description h4 { 
	margin: .8em 0 .8em 0; 
	font-size: 1.6em;
	font-weight: bold;
}

#quick-tools { 
	position: absolute; 
	top: 0;
	left: 530px; 
	width: 95px; 
	padding: 10px; 
	border: 2px solid #E6E6E6; 
	background: #EDEDED; 
}

#quick-tools ul { 
	width: 95px; 
	z-index: 2000; 
}

#quick-tools ul li {
    margin-bottom:1em;
}

#quick-tools ul li a { 
	display: block; 
	width: 94px; 
	height: 41px; 
	background: url('../img/btn/nav-tools.png') no-repeat; 
}

#quick-tools ul li a span { 
	display: none; 
}

#quick-tools ul li a.tools-map { 
	background-position: left 0; 
}

#quick-tools ul li a.tools-streetview { 
	background-position: left -41px; 
}

#quick-tools ul li a.tools-epc { 
	background-position: left -82px; 
}

#quick-tools ul li a.tools-pdf { 
	background-position: left -123px; 
}

#quick-tools ul li a.tools-fplan { 
	background-position: left -164px; 
}

#quick-tools ul li a.tools-vtour { 
	background-position: left -205px; 
}

#quick-tools ul li a.tools-map:hover { 
	background-position: right 0; 
}

#quick-tools ul li a.tools-streetview:hover { 
	background-position: right -41px; 
}

#quick-tools ul li a.tools-epc:hover { 
	background-position: right -82px; 
}

#quick-tools ul li a.tools-pdf:hover { 
	background-position: right -123px; 
}

#quick-tools ul li a.tools-fplan:hover { 
	background-position: right -164px; 
}

#quick-tools ul li a.tools-vtour:hover { 
	background-position: right -205px; 
}

#keyFeatures { margin:1em;}

#keyFeatures ul{font-size: 12px; line-height:18px;  list-style-type:disc; margin: .5em 0 .5em 20px;}
    
#keyFeatures h4{ margin: .8em 0 0 0; font-size: 1.6em;	font-weight: bold;}    

/* 
	=Agent Details 
*/

.agent-details { 
	width: 170px;
	margin: 3em 0 0 1.2em;
	border: 1px solid #E3E3E3; 
	background: #eee;
}

.agent-details .vcard {
	padding: 1em;
}

.agent-details .vcard h3 {
	margin-bottom: .6em;
	background: url(../img/icons/vcard.png) no-repeat left top;
	text-indent: 1.6em;
}

.agent-details .vcard .adr,
.agent-details .vcard .tel .findout{
	font-size: 1.2em;
	line-height: 1.2em;
}

.agent-details .vcard .adr {
	margin-bottom: 1em;
}

/*
    =Agent International Search
*/

.agent_international { 
    width: 834px;
    margin: 4em 0 0 4em;
}




.box_international {
    padding:1em;
    background:#EEE;   
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); 
    -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
    box-shadow:0 1px 3px rgba(0,0,0,0.5);
}

/* 
	=Carousel 
*/

#horizontal_carousel { 
	position: relative; 
	float: left; 
	width: 642px; 
	height: 70px; 
	margin: 10px 0 10px 0; 
	padding: 10px 0 10px 0; 
	border: 2px solid #E6E6E6; 
	background: #EDEDED; 
}

#horizontal_carousel .container { 
	float: left; 
	position: relative; 
	overflow: hidden; 
	width: 600px; 
	height: 70px; 
}

#horizontal_carousel .container ul { 
	position: relative; 
	width: 100000px; 
	top: 0; 
	left: 0; 
	margin: 0; 
	padding: 0; 
}

#horizontal_carousel .container ul li { 
	float: left; 
	width: 86px; 
	height: 65px; 
	margin-right: 10px; 
	padding: 1px; 
	border: 1px solid #CCC; 
	text-align: center; 
	list-style: none; 
}

#horizontal_carousel .container ul li:hover { 
	background-color: orange; 
	border-color: #FFF; 
}

#horizontal_carousel .container ul li a img { 
	width: 86px; 
	height: 65px; 
}

#horizontal_carousel .previous_button { 
	z-index: 100; 
	float: left; 
	width: 21px; 
	height: 70px; 
	background: url('../img/btn/nav-carousel.png') no-repeat left top;
	cursor: pointer; 
}

#horizontal_carousel .previous_button_over { 
	background-position: left -70px; 
}

#horizontal_carousel .previous_button_disabled { 
	background: url('../img/btn/nav-carousel.png') no-repeat bottom left; 
	cursor: default; 
}

#horizontal_carousel .next_button { 
	z-index: 100; 
	float: left; 
	width: 21px; 
	height: 70px; 
	background: url('../img/btn/nav-carousel.png') no-repeat right top; 
	cursor: pointer; 
}

#horizontal_carousel .next_button_over { 
	background-position: right -70px; 
}

#horizontal_carousel .next_button_disabled { 
	background: url('../img/btn/nav-carousel.png') no-repeat bottom right; 
	cursor: default; 
}

/* 
	=Staff Profiles 
*/

.staff_profile { 
	margin: 0 0 1em 0; 
	background:url(../img/hrs-vrs/hr.png) no-repeat bottom;
}

.link_menu { 
	padding: 0 0 20px 0; 
}

.link_menu li { 
	display: inline; 
}

/* 
	=Forms 
*/

label { 
	font:1.2em Arial; 
}

* html span.radio { margin-top: 0; }

input, 
textarea, 
select { 
	margin:.6em 0 .6em 0; /* TODO (This is crazy!) */
} 

input, 
textarea { 
	padding:6px; /* TODO (This is crazy!) */
}

select { 
	padding:3px; /* TODO (This is crazy!) */
}

.f_input, 
.f_select { 
	border:1px solid #dddddd; 
	background:#FFFFFF; 
	color:#666; 
	font:1.4em Arial;
}

.f_required { 
	border-color:#C8ABED; 
	background:#FFF6E9; 
}

.f_input:focus, 
.f_select:focus, 
.f_required:focus { 
	border-color:#edc67b; 
	background:#FFF6E9; 
	color:#333; 
}

.f_xsml { 
	width:111px; 
}

.f_sml { 
	width:160px; 
}

.f_med { 
	width:210px; 
}

.f_lge { 
	width:290px; 
}

.f_xlge { 
	width:300px; 
}

input[type="radio"], 
input[type="checkbox"] { 
	margin-right:2px; 
	vertical-align:-3px; 
}

.i_radio input[type="radio"] { 
	margin-right:5px; 
	vertical-align:-2px; 
}

.radio { 
	float:left; 
	margin-top:0px; 
}

.radio_left { 
	margin-right:1em; 
}

.mandatory { 
	padding-left:15px; 
	background:url('../img/misc/icon-mandatory.gif') no-repeat 0 .1em;
}

/* 
	=Buttons 
*/

.btn-submit, 
.btn-login, 
.btn-quick_search, 
.btn-members_login { 
	font:1.4em Arial; 
	letter-spacing:.02em; 
	cursor:pointer; 
}

.btn-submit, 
.btn-login { 
	display: block; 
	width: 84px; 
	height: 32px; 
	margin: 0; 
	padding: 0;		
	border:none; 
	background:url(../img/btn/btn-black.png) no-repeat top; 
	color:#fff; 
}

.btn-submit:hover,
.btn-login:hover {
	background-position:bottom;
}

.btn-search { 
	display: block; 
	width: 82px; 
	height: 32px;
	padding-top:32px; 
	border: none; 
	background: url('../img/btn/btn-search.png') no-repeat; 
	text-indent: -9999px; 
	font-size: 0; 
	cursor: pointer; 
}

.btn-search:hover {
	background-position: right top; 
}

.btn-quick_search { 
	display: block; 
	float: right; 
	width: 84px; 
	height: 44px; 
	margin: 5px 14px 0 0; 
	_margin: 0 10px 0 0;
	padding: 0; 		
	border:none; 
	background:url(../img/btn/btn-violet.png) no-repeat top;
	color: #FFF;
}

.btn-quick_search:hover { 
	background-position:bottom !important; /* TODO */ 
}

.trouble { 
	margin: 5px 30px 8px 0; 
	text-align:right;
}

.trouble a { 
	padding: 0 .2em 0 .4em; 		
	background:#6A439C;
	color:#fff !important; /* TODO */
}

.trouble a:hover { 
	background:#D8A62E;
	color:#000 !important; /* TODO */
}

.btn-update { 
	display: block; 
	position: absolute; 
	top: 36px; 
	left: 434px; 
	width: 74px; 
	height: 29px; 
	background:url(../img/btn/btn-update.png) no-repeat top; /* TODO */
	text-indent:-9999px;
}

.btn-update:hover { 
	background-position:bottom; 
}

.btn-update:focus { 
	outline: none; 
}

/* 
	=Email Alerts 
*/

#manage_alerts ul li { 
	margin-left: .8em; 
	line-height:.6em;
}

#manage_alerts h3 span, 
.alert_create h3 span, 
.alert_register h3 span { 
	padding: .1em .4em .1em .4em; 		
	border-bottom:1px solid #666; 
	border-right:1px solid #666; 
	background:#381B5C;
	color:#fff; 
}

.alert_active, 
.alert_create { 
	float: left; 
	width: 42%; 
	margin: 1em; 
	padding: 1em;
	border:solid 3px #744BAA; 
	background:url(../img/bg/bg-add_news.png) #5E398D no-repeat top center; 
}

.alert_active a, 
.alert_create a, 
.btn-save_alert { 
	margin: 0 1em 0 0; 
	padding: 0 .5em 0 .5em; 		
	border:2px solid #5E398D; 
	background:#D8A62E;
	color:#000000; 
	font-size:1.4em;
}

.alert_active a:hover, 
.alert_create a:hover, 
.btn-save_alert:hover { 
	border:2px solid #333; 
	background:#D8A62E; 
	color:#333 !important; /* TODO */
	text-decoration:none;
}

.alert_delivery .email_address { 
	font-size:1.4em;	
	font-weight:bold; 
}

.alert_delivery .email_address:hover { 
	text-decoration:none; 
	cursor:default; 
}

.alert_criteria ul li, 
.alert_delivery ul li { 
	padding: .6em; 
}

.alert_criteria ul li, 
.alert_delivery ul li, 
.alert_register ol li, 
.alert_delivery .email_address, 
.alert_create p { 
	color:#FFFFFF; /* TODO */
}

.alert_action { 
	margin: 2em 0 .5em 0; 
}

.alert_register { 
	width: 48%; 
	margin: 1em 1em 1em 0; 
	padding: 1em;
	border:solid 3px #744BAA; 
	background:url(../img/bg/bg-add_news.png) #5E398D no-repeat center center; 
}

.alert_criteria h4, 
.alert_delivery h4 { 
	color:#D8A62E; 
}

/* 
	=Misc 
*/

.box { 
	margin: 10px 0 10px 0; 
	padding: 10px; 
	background:rgb(241, 239, 228); /* TODO */
}

.video-container { 
	overflow: auto; 
	margin: .5em 0 .5em; 
	padding: 1em; 
	background: url(../img/hrs-vrs/hr.png) no-repeat bottom; 
}

.video-container img { 
	margin-top: 1em; 
}

.arrow { 
	padding: .8em 3.2em .8em 0; 
	background:url(../img/bullets/bullet-arrows.png) right no-repeat;
}

.archive { 
	float: right; 
	padding: .8em 0 .8em 1.3em; 
	background:url(../img/bullets/bullet-archive.png) left no-repeat;
}

.bullet_news li { 
	margin: 0 0 1em 0; 
	padding: .8em 0 .8em 2.4em;		
	background:url(../img/bullets/bullet-news.png) left no-repeat; 
	color:#3C2727; 
	font:1.2em/1.2em Arial;
}

acronym, abbr { 
	border-color:#333; 
	cursor:help;
}

.address { 
	color:#3C2727; 
	font:bold 140%/1.5em Arial;
}

.found { 
	color:#3C2727; 
	font-weight:bold;
}

.scrollup { 
	float: right; 
	display: block; 
	width: 92px; 
	height: 20px; 
	border: none; 
	background: url('../img/btn/back-top.png') no-repeat left top; 
}

.scrollup span { 
	display: none; 
}

.scrollup:hover { 
	background-position: left bottom; 
}

/* ???? */

/* 
	=Tools (Search Results / Property Details) [TODO and unified with prop details] 
*/

ul#tools { 		
	width: 170px; 
	margin: 3em 0 0 1.2em; 
	padding: 0; 
	border:1px solid #E3E3E3;
	background:#EEE;
}

ul#tools li { 
	margin: 5px;
}

ul#tools li h3 { 
	padding: 5px;		
	background:#9C6ABD; 
	color:#FFF;
	border:1px solid #FFF;
	font-weight:bold; 
}

#tools li a { 
	display: block; 
	height:19px;
	margin-left:4px;
	color:#3C2727; 
	font:1.2em/1.6em Arial;
	background: url(../img/btn/tools.png) no-repeat 0 0;
	text-indent:24px;
}

#tools li a.alert { background-position:0 -19px; }
#tools li a.friend { background-position:0 -38px; }
#tools li a.agent { background-position:0 -57px; }
#tools li a.print { background-position:0 0; }

/* Architectural Styles */

#architectural_styles dt { color:#555; font-size:1.6em; font-weight:bold; line-height:1.6em; }
#architectural_styles dt span { font-size:.8em; color:#000; font-weight:normal; }
#architectural_styles dd { overflow:hidden; margin-bottom:2em; padding-bottom:2em; border-bottom:1px solid #CCC; }
#architectural_styles dd img { margin:1em 0 0 0; padding:1px; border:1px solid #CCC; }

/* Email a Friend */
.emailAFriend { padding:1em; border: 1px solid #E3E3E3; background:#eee; border-radius:6px; font-size:12px; line-height:18px; }
.propDetails { overflow:hidden; margin-bottom:1em; padding:.2em 0 .2em 0; border:1px solid #CCC; background:#DDD; border-radius:6px; }
.propDetails li { float:right; margin:0 .8em 0 .8em; font-size:14px; line-height:18px; }

/*
		=TEST
*/


/* Advice Section List */

table.advicelist1 {width:100%; padding:7px; font-size:11px; line-height:20px; margin-top:-15px;  }
tr.advicelist {max-width:50px; background:#333;}
td.advicelist {padding-left:2px;}
.advicelist a {color:#636365;}
.advicelist a:hover {color:#6a439d; text-decoration:none;}

.scrollup_service { 
		float: right; 
		display: block; 
		width: 142px; 
		height: 19px;
		margin-right:5px;
		border: none; 
		background: url('../img/btn/btn-back-services.png') no-repeat left top; 
}

.scrollup_service span { 
		display: none; 
}

.scrollup_service:hover { 
		background-position: left bottom; 
}

.errorMsg { margin-left:auto; margin-right:auto; width:930px; padding:15px 10px; min-height:400px;}
/* Advice Section List */

/*table.agentspy1 {width:100%; padding:7px; font-size:10.5px; line-height:20px;  }
tr.agentspy {max-width:500px; background:#333;}
td.agentspy {padding-left:4px;}
.agentspy a {color:#636365; }
.agentspy a:hover {color:#6a439d; text-decoration:none;}*/


.agentspy ul {padding:5px; font-size:11px; float:left; line-height:20px; display:block; list-style-type:disc;}

.agentspy a {color:#636365; margin-left:4px;}
.agentspy a:hover {color:#636365;}
h3.agentspy {margin-bottom:3px;}

/* added 2nd Sept 2009 */
.list { overflow:hidden; *clear:right; }

#highlightTown { position:absolute; top:0; left:0; width:130px; height:61px; background:url(../img/misc/picktown.png) no-repeat; *background:url(../img/misc/picktown_ie.png) no-repeat; z-index:9999; }

#atHomeMag  h2 { padding-top:1em; margin-top:0;}
