@charset "UTF-8";
/* CSS Document */

/*

Dark Blue - #03276f;
Light Blue - #396bad;

*/

.black {
	color:#000000;
}


/**** Module: featured ******/

#mod-featured {
 	width:913px;
	height:419px;
	overflow:hidden;
	margin:0px;
 } 

/**** Module: propertysearch ******/



#mod-propertysearch {
	color:#6d6d6d;
	font-size:10px;
	font-weight:bold;
	padding:4px 2px 0px 22px;
}

#mod-propertysearch, form {
	font-weight:bold;
	
}

#mod-propertysearch select {
	border:3px solid #fff;
	background-color:#EFF0EF;
	padding:0px 2px 2px 2px;
	color:#6d6d6d;
	font-size:10px;
	font-weight:bold;
	height:22px;
	margin-right:10px;
	outline:0;
	
}

.currency-drop {
	border:1px solid #999;
	background-color:#EFF0EF;
	
	color:#6d6d6d;
	font-size:10px;
	line-height:18px;
	font-weight:bold;
	margin:0px 10px 0px 0px;
	outline:0;
	
}

.converter {
	float:right;	
}

#mod-propertysearch .submit {
	color:#FFF;
	background-color: #03276f;
	padding:1px 2px 1px 2px;
	border:3px solid #FFF;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	width:60px;
	height:15px;
	line-height:14px;
	display:block;
	margin-left:40px;
	
}

#mod-propertysearch .submit:hover {
	background-color:#396bad;
	
}

#mod-propertysearch .col {
	float:left;
	display:block;
	margin-right:12px;
}

#mod-propertysearch .clear, .comp-resbox .clear, #comp-header .clear, #comp-right .clear {
	clear:both;
	height:0px;
	overflow:hidden;
	margin:0px;
}

#mod-propertysearch .form-select {
	font-size: 14px;
	background-repeat: no-repeat;
	background-position: right center; 
	display: block;
	float: left;
	padding-right: 30px;
	margin:14px 12px 10px 0px;
	height:22px;
	line-height:24px;

}


/**** Component: properties ******/

#refine-updating {
	position:absolute;
	z-index:55;
	top:182px;
	border:1px solid #ccc;
	background:#EFF0EF;
	padding:4px;
	font-size:14px;
	text-align:center;
	width:904px;
	height:62px;
}

#refine-updating img {
	margin-bottom:5px;	
}

#comp-left {
	width:692px !important;
	width:690px; 
	float:left;
	margin-right:35px;
	overflow:hidden;
	}
	
#comp-right {
	float:left;
	width:175px;
	
}

#comp-right h5 { 
	margin:2px 0px 2px 0px;
	font-size:13px;
	font-weight:bold;
	color:#396bad;
}

#comp-right-inner, #comp-right-calc {
	background:#EFF0EF;
	border:1px solid #ccc;
	float:left;
	width:175px;
	padding:5px;
	font-size:11px;
	
}


#comp-right h4.right {
	color:#396bad;
	font-weight:bold;
	font-size:16px;
	margin:0px 0px 0px 0px;
	width:150px;
		
}

#no_results {
	border:1px solid #ccc;
	background:#EFF0EF;
	color:#C00;
	padding:4px;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	width:904px;
	height:25px;
	margin:0px;
}



#comp-header h1 {
	margin:4px 0;
}

#comp-footer {	
	clear:both;
	padding:0px;
	margin:0px;
}

#comp-header #paginate, #comp-footer #paginate {
	float:right;
	margin:0px;
}


#comp-header #results-total, #comp-footer #results-total {
	float:left; 
	margin:0px;
	margin-right:30px;
	font-weight:bold;
}



.divider {
	height:0;
	line-height:1px;
	border:none;
	border-bottom:1px solid #ccc;
	padding:0;
	margin:3px 0px 3px 0px;
	clear:both;
	}


.sold {
	position:absolute; 
	background:#C00;
	color:#FFF;
	padding:2px 10px 2px 10px;
	font-weight:bold;
	border: 1px solid #FFF;
	z-index:11;
	display:block;
}

.soldold {
	position:absolute;
	margin-top:17px;
	background:#C00;
	color:#FFF;
	padding:2px 10px 2px 10px;
	font-weight:bold;
	border: 1px solid #FFF;
	z-index:11;
	display:block;
}

.comp-resbox, .comp-resbox a {
	margin:0px;	
	font-size:11px;
}

.comp-resbox .brief {
	color:#000;
}

.comp-resbox p {
	margin:2px 0;
}

.price {
	margin-bottom:12px;
	display:block;
	color:#999;
	font-weight:bold;
	font-size:14px
}



.comp-resbox .thumblink {
	float:left;
	margin-right:12px;
	height:190px;
	overflow:hidden;
	width:290px;
	
}

.comp-resbox .details {
	float:left;
	width:390px;
}

.comp-resbox h2 {
	color:#396bad;
	margin:0px 0px 0px 0px;
	padding:0px;
	line-height:21px;
	
	
}

#comp-left .rooms {
	color:#000;
	/* background-image:url(../templates/sandfords/images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center; */
	/*display:block;*/
	margin: 8px 18px 8px 0px;	
	/* padding-left:12px; */
	float:left;
	height:19px;
	line-height:19px;

}

.comp-resbox .buttons {	
	position:absolute;
	margin-top:172px;
	width:390px;
}

.comp-resbox .buttons-iphone {	
margin-top:20px;
	width:390px;
}

.comp-resbox a.button {
	background-image: url(../dx_media/btn_grad_blue.gif);
	border:1px solid #ccc;
	color:#FFF;
	display:block;
	float:right;
	padding: 0px 16px 0px 16px;
	font-size:10px;
	margin-left:12px;
	height:19px;
	line-height:19px
}

.comp-resbox a.button:hover {
	background-image: url(../dx_media/btn_grad_grey.gif);
	color:#6d6d6d;
}




#refine-view li {
	float:left;
	width:75px;
}



/************* Google Maps ************/

.list-google-map {
	width:100%;
	height:320px;
	
}

.list-google-load {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:100%;
	height:220px;
	padding-top:100px;
	font-size: 12px;
	color:#6d6d6d;
	background-color: #EFF0EF;
	text-align: center;
	position:absolute;
	top:0px;
	left:0px;
	z-index:101;
}
.search-google-load {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:100%;
	height:420px;
	padding-top:200px;
	font-size: 12px;
	color:#6d6d6d;
	background-color: #EFF0EF;
	text-align: center;
	position:absolute;
	top:0px;
	left:0px;
	z-index:101;
}

.list-google-frame {
	overflow:hidden;
	border:1px solid #ccc;
}

.search-google-map {
	width:100%;
	height:550px;
	border:1px solid #ccc;
	
}


.map-bubble{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0px 0px 1px 0px;
}

.map-bubble .sold {
	margin:3px 4px 4px 1px;	
}

.map-bubble h2{
	font-size:14px; 
	margin: 2px 0px 2px 0px;
	color: #396bad;
}

.map-bubble .price{
	font-size:12px; 
	margin: 2px 0px 2px 0px;
	font-weight:bold;
}


.map-bubble img {
	margin:2px 4px 4px 0px;
	border: 1px solid black;
	float:left;
}

.map-bubble a {
	margin-top:4px;
	color:#396bad;
	text-decoration:none;
	font-weight:bold;
	display:block;
}


/************** Full Details ***********/

h1.full {
	color:#03276f;
	margin:2px 0px 2px 0px;
	font-size:24px;
	line-height:24px;
	padding:0px;
}

.pricebig {
	margin: 00px;
	display:block;
	color:#999;
	font-weight:bold;
	font-size:16px;
	line-height:22px;
}


#comp-left #slideshow {
	width:693px;
	height:503px;
	overflow:hidden;
	text-align:left;
	padding:0px;
	border-bottom: 1px solid #CCC;
}


#comp-left .col {
	float:left;
	display:block;
	margin-right:12px;
	width:150px;
}


a#print-button {
	background-image: url(../dx_media/btn_grad_blue.gif);
	border:1px solid #ccc;
	text-align:center;
	display: block;	
	height:29px;
	line-height:29px;
	font-size:14px;
	font-weight:normal;
	color:#FFF;
	width:185px;
	float:right;
	margin-top:5px;
	margin-bottom:5px;
}

a#print-button:hover {
	background-image: url(../dx_media/btn_grad_grey.gif);
	color:#6d6d6d;
}

/*
a#print-button {
	background:#EFF0EF;
	display:block;
	float:right;
	padding: 2px 16px 2px 16px;
	font-size:12px;
	margin-left:12px;
	margin-top:7px;
}

a#print-button:hover {
	background:#396bad;
	color:#EFF0EF;
}

*/


/*** Right Hand Column ***/


#comp-right ul {
	list-style-position: inside;
	padding:0px;
	margin:0px;
}

#comp-right ul li {
	padding:2px 0px 0px 12px;
	margin:0px 0px 8px 0px;
	font-weight:normal;
	font-size:11px;
}

#comp-right ul li a {
	font-weight:normal;
	font-size:11px;
}

#comp-right ul li a:Hover {
	color:#396bad;
}


#comp-right ul li a.selected {
	color:#396bad;
	font-weight:bold;
}



#comp-right .col {
	float:left;
	display:block;
	margin-right:12px;
	width:60px;
}


#comp-right select {
	border:3px solid #fff;
	background-color:#EFF0EF;
	padding:0px 2px 2px 2px;
	color:#6d6d6d;
	font-size:10px;
	font-weight:bold;
	height:22px;
	margin:0px;
	
}

#comp-right .left {
	float:left;width:102px;
	margin:0px 0px 4px 0px;
}

#comp-right .right {
	float:left;width:72px;
	margin:0px 0px 4px 0px;
}



#contact-enquire {
	background-image: url(../dx_media/contact_enquiry.gif);
	}
	
#contact-call {
	background-image: url(../dx_media/contact_callback.gif);
	}
	
#contact-friend {
	background-image: url(../dx_media/contact_sendfriend.gif);
	}

a.contact-bullet {
	background-repeat: no-repeat;
	text-indent: 25px;
	display: block;	
	padding-top:2px;
	margin: 6px 0px 0px 0px;
	font-size:11px;
}

a.contact-bullet:hover {
	color:#03276f;
}


a.contact-button {
	background-image: url(../dx_media/btn_grad_blue.gif);
	border:1px solid #ccc;
	text-align:center;
	display: block;	
	height:29px;
	line-height:29px;
	margin: 10px 0px 0px 0px;
	font-size:14px;
	font-weight:normal;
	color:#FFF;
	width:185px;
}

a.contact-button:hover {
	background-image: url(../dx_media/btn_grad_grey.gif);
	color:#6d6d6d;
}


#mortgage_calc_form input, #finance-advice input {
	border:1px solid #ccc;
	
}


#mortgage_calc_form .button, #finance-advice .button {
	background-image: url(../dx_media/btn_grad_blue.gif);
	border:1px solid #ccc;
	text-align:center;
	display: block;	
	height:29px;
	line-height:29px;
	margin: 5px 0px 0px 0px;
	font-size:14px;
	font-weight:normal;
	color:#FFF;
	width:170px;
}

#mortgage_calc_form .button:hover, #finance-advice .button:hover {
	background-image: url(../dx_media/btn_grad_grey.gif);
	color:#6d6d6d;
}



#comp-right h4 {
	margin:0px;
	font-size:14px;
	font-weight:bold;
	color:#999;
}

/***** Errors ****/

.red {
		color:#C00;
}

/**** Details ***/

/*

#/* {
	clear:both;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	margin:0px;
}

#detail-links a {
	display:inline-block;
	width:230px;
	text-align:center;
	margin:0px;
	line-height:25px
}

#detail-links a:hover, #detail-links a.selected {
	background-color:#EFF0EF;
}

*/

#detail-links {
	clear:both;
	
	margin:0px;
}

#detail-links a {
	display:inline-block;
	width:222px !important;
	width:220px;
	text-align:center;
	margin:0px;
	line-height:25px;
	height:25px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	/*text-decoration:underline;*/
}

.comp-resbox  .dx_icon {
	margin-right:5px;
}

#detail-links .dx_icon, .button .dx_icon {
	vertical-align: middle;	
	margin-right:2px;
}

#detail-links a:hover, #detail-links a.selected {
	background-color:#EFF0EF;
}

.details-extra {
	border:1px solid #ccc;
	padding:15px;
	text-align:center;
	
}

#result-return {
	font-weight:normal;
	position: absolute;
	top:158px !important;
	top:198px;
	margin-left:765px;
	display:block;
	width:150px;
	text-align:right;
}



/*** Enquiry Forms ***/

#FullOverlay{
    position:absolute; 
    top:0px;
    left:0px;
    width:100% !important;
	width:130%;
    height:100% !important;
	height:1900px;
    z-index:50;   
    background-color:#fff;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80); 
    }


#FullOverlay[id]{ 
   position:fixed;
    }


#div_enq_border {
	z-index:101;
	/* position: fixed !important; */
	position: absolute;
	top:130px;
	left: 50%;
	margin-left:-280px;
	z-index:160;
	background-color:#396bad;
    -moz-opacity: 0.7;
    opacity:.70;
    filter: alpha(opacity=70); 
	width:560px !important;
	width:535px;
	height:560px;
	border: 2px solid #FFF;
	
}

.div_enq{
	margin-top: 3px;
	font-size: 11px;
	color: #000;
	text-align: left;
	/* position: fixed !important; */
	position: absolute;
	top:130px;
	/* left:415px; */
	left: 50%;
	margin-left:-265px;
	width:530px;
	z-index:1200; 
	padding:30px 0px 0px 0px; 
}

.div_enq_col {
	color: #000;
	/* background-color:#f7f7f7; */
	background-color:#D5D5D5;
	padding:5px 15px 15px 15px;
	height:490px;
	width:500px !important;
	width:475px;
	overflow:hidden;
	font-size: 11px;
	float: left;
	text-align:left;
	margin-top:4px;
}


#response {
	background:#a0bfdc;
	text-align:center;
	font-size:25px;
	padding:10px;
	color:#FFF;
	margin:10px 0px 10px 0px;
	height:460px;
}

.div_enq input, .div_enq textarea, .div_enq select {
	border:3px solid #fff;
	padding:2px;
	background-color:#f7f7f7;
	color: #6d6d6d;
	font-size:10px;
}

a.enq_close {
	font-size: 12px;
	font-weight: bold;
	padding:3px;
	color: #FFFFFF;
	border:1px solid #FFF;
	text-decoration: none;
	text-align: center;
	display: block;
	width: 80px;
	position:absolute;
	z-index:1400;
	top:5px;
	left:442px !important;
	left:417px;	
	background-color: #03276f;

}



.enqDivide {
	background-color: #d1c2bd;
	display: block;
	height: 2px;
	margin-top: 8px;
	margin-bottom: 8px;
	overflow: hidden;
}
.enqBig {
	font-size: 16px;

}

.enqBold {
	font-size:12px;
	background-image: url(../dx_media/btn_grad_blue.gif);
	border:1px solid #ccc;
	font-weight:bold;
	margin:4px 0px 4px 0px;
	width:485px !important;
	width:450px;
	display:block;
	padding:2px;
	color:#FFF;
	text-indent:2px;
	text-transform: uppercase;
}
.enqLabel {
	width: 80px;
	display:block;
	float:left;
	line-height: 12px;
	height:12px;
	margin-top: 2px;
}
.enqAnswer {
	display:block;
	float:left;
	line-height: 16px;
	margin-top: 2px;
}
.enqTxt {
	width: 400px !important;
	width: 340px;
	margin-top: 2px;
	margin-bottom:2px;
}
.enqForm {
	border: 2px double #FFFFFF;
	margin-top: 5px;
	background-color: #FFFFFF;
}



#enqSubmit {
	background-color: #03276f;
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	padding: 5px;
	width:120px;
	margin-left:368px !important;
	margin-left:318px;
	margin-top:10px;
	cursor: pointer;
	border: 1px solid #FFFFFF;
}

#conversion {
	font-size:12px;	
}

#no-flash {
	margin-top:330px;
	margin-left:10px;
	height:60px;
	margin-right:10px;
	background:#fff;
	padding:10px;
}

#no-flash-full {
	margin-top:400px;
	margin-left:10px;
	height:50px;
	margin-right:10px;
	background:#fff;
	padding:10px;
}

#no-flash h2, #no-flash-full h2{
	margin:0px;
}


.euro {
	font-size:12px;
}

/*** Latest Properties ***/

#latest-properties {
	padding:7px 0px 7px 7px;
	height:236px;
	margin:0px 0px 0px 0px;
	border: 1px solid #e7e7e7;


}

#latest-properties h3 {
	margin:0px;
}

#latest-properties h4 {
	color:#999;
	margin:2px 0px 2px 0px;
}

.latest-title {
	color:#03276f;
	font-weight:bold;
	font-size:12px;
	
}

.latest-more {
	color:#03276f;
	font-weight:bold;
	text-decoration:underline;
	font-size:11px;
	clear:both;
	display:block;
	
}


.latest-price {
	font-weight:bold;
	padding:3px 0px 3px 0px;
}

.latest-beds, .latest-receps {
	display:block;
	width:90px;
	float:left;
	background-image: url(../dx_media/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	text-indent: 12px;
	font-size:11px;
}

.latest-p h5 {
	margin:0px;
	font-size:14px;	
	color: #03276f;
}


a.latest-sales {
	background:#f0f7fd;
	display:block;
	float:left;
	margin:2px 8px 5px 0px;
	height:68px;
	width:207px;
	padding:5px;
	overflow:hidden;
	border: 1px solid #fff;
	font-weight:normal;
	line-height:16px;
}



a.latest-rent {
	background:#e7e7e7;
	display:block;
	float:left;
	margin:2px 8px 5px 0px;
	height:68px;
	width:207px;
	padding:5px;
	overflow:hidden;
	border: 1px solid #fff;
	font-weight:normal;
	line-height:16px;
}

a.latest-rent:hover, a.latest-sales:hover {
	border: 1px solid #333;
}


.textfieldRequiredMsg {
		margin:0px;
		padding:0px;
}
/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #e12020;
	font-weight:bold;
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	/*  background-color: #B8F5B1; */
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText{
	color: red !important;
	arign:0px;
}