/**============================================================================================================*/

/** Standard styling for text/textarea inputs */
input.text,
textarea {
	background: #fff url(/images/dot_cecece.png) repeat-x 0 0;
	border: #cecece solid 1px;
	border-bottom-color: #e3e3e3;
	border-top-color: #8f8f8f;
	color: #222;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px;
}
input.text-Readonly,
input.text[readonly],
textarea[readonly] {
	background-color: #e9e9e9;
	cursor: default;
}

/** Comment */
form abbr, 
form label em {
	border: 0; 
	color: #e00; 
	cursor: default; 
	font-style: normal;
	text-decoration: none;
}

/** Comment */
select {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
}


/**------------------------------------------------------------------------------------*/

/** Styling for anchors masquerading as red-backed buttons */
a.button {
	background: transparent url(/images/buttons/red_standard.png) no-repeat 0 0;
	color: #fff;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 107.7% /* 14px */;
	font-weight: bold;
	height: 21px;
	line-height: 1.15;
	overflow: hidden;
	padding-top: 4px;
	text-align: center;
	text-decoration: none;
	width: 115px;
}
a.button:hover {
	color: #fff;
	text-decoration: none;
}

/** Styling for red-backed buttions */
button,
input.button {
	background: transparent url(/images/buttons/red_standard.png) no-repeat 0 0;
	border-color: transparent;
	border-width: 0;
	color: #fff;
	cursor: pointer;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height: 25px;
	overflow: hidden;
	padding: 0;
	text-align: center;
	text-decoration: none;
	width: 115px;
}

/** Comment */
button.button-Shrunk, 
input.button-Shrunk {
	background-image: url(/images/buttons/red_shrunk.png);
	font-size: 12px;
	height: 19px;
	width: 76px;
}

/** Comment */
a.button-Tiny, 
button.button-Tiny, 
input.button-Tiny {
	background-image: url(/images/buttons/red_tiny.png);
	font-size: 12px;
	height: 19px;
	width: 30px;
}

/** Comment */
a.button-Wide, 
button.button-Wide, 
input.button-Wide {
	background-image: url(/images/buttons/red_wide.png);
	width: 129px;
}

/** Comment */
a.button-Chunky, 
button.button-Chunky, 
input.button-Chunky {
	background-image: url(/images/buttons/red_chunky.png);
	font-size: 18px;
	height : 29px;
	width: 66px;
}

/** Reset-buttons are given a turquoise backing */
input.button[type~=reset] {background-image: url(/images/buttons/turquoise_standard.png);}



/**============================================================================================================*/

/** Standard two-column input form */
form.standard {position: relative;}


/**------------------------------------------------------------------------------------*/

/** Introduction text section for standard form */
form.standard div.intro h2 {padding-bottom: 2px;}


/**------------------------------------------------------------------------------------*/

/** Input section for standard form */
form.standard div.inputs {padding-top: 18px;}
form.standard div.inputs:first-child {padding-top: 0;}

/** Sub-heading text within input section, also used for errors */
form.standard div.inputs strong {
	display: block;
	padding-bottom: 6px;
}
form.standard div.inputs strong.error {
	color: #f00;
}

/** Left-hand labels within input section */
form.standard div.inputs span.label,
form.standard div.inputs label {
	clear: both;
	cursor: default;
	float: left;
	padding: 2px 9px 0 0;
	text-align: right;
	width: 204px;
}

/** Common styling of standard input sections */
form.standard div.inputs div.input-Select,
form.standard div.inputs div.input-Checks,
form.standard div.inputs div.input-Text {
	float: left;
	padding: 3px 0;
	width: 550px;
}

/** Right-hand text/textarea inputs within input section */
form.standard div.inputs div.input-Text input {width: 306px;}
form.standard div.inputs div.input-Text textarea {width: 306px;}

/** Right-hand dropdown selector */
form.standard div.inputs div.input-Select select {margin: 1px 0; min-width: 136px;}

/** Comment */
form.standard div.inputs div.input-Checks ul {
	float: left;
	width: 336px;
}
form.standard div.inputs div.input-Checks ul li {
	float: left;
	padding: 1px 0;
	width: 336px;
}
form.standard div.inputs div.input-Checks input {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
form.standard div.inputs div.input-Checks label {
	clear: none;
	float: left;
	padding: 1px 0 1px 0.3em;
	text-align: left;
	width: auto;
}
form.standard div.inputs div.input-Checks-Grid ul li {width: 168px;}

form.standard div.inputs div.input-Checks-Auto ul li {width: auto;}
form.standard div.inputs div.input-Checks-Auto label {margin-right: 16px;}

/** Override width of specific text-input elements */
form.standard div.inputs div.input-Text input[name=telephone],
form.standard div.inputs div.input-Text input[name=contactPhone],
form.standard div.inputs div.input-Text input[name=contactMobile],
form.standard div.inputs div.input-Text input[name=contactFax] {width: 232px;}
form.standard div.inputs div.input-Text input[name=postcode],
form.standard div.inputs div.input-Text input[name=contactPostcode],
form.standard div.inputs div.input-Text input[name=propertyPostcode],
form.standard div.inputs div.input-Text input[name=propertyPrice] {width: 110px;}

/** Error-highlight for any input section */
form.standard div.inputs div.input-WithError {color: #f00;}


/**------------------------------------------------------------------------------------*/

/** Button section for standard form is positioned in bottom-right */
form.standard div.buttons {
	position: absolute;
	bottom: 25px;
	right: 28px;
}

/** Comment */
form.standard div.buttons input.button {margin-top: 10px;}


/**------------------------------------------------------------------------------------*/

/** Standard two-column form with border outline */
form.standard-WithBorder {
	border: 1px solid #cdcdcd;
	padding: 18px 28px 22px 28px;
}



/**============================================================================================================*/

/** Mini-form is styled to fit into ~250px left and right channels */
form.mini {font-size: 12px; line-height: 1.385;}

/** Mini-form input section and label styling */
form.mini div.inputs span.label,
form.mini div.inputs label {
	color: #8a8a8a; 
	float: left; 
	overflow: hidden; 
	padding: 1px 0;
	width: 60px;
}

/** Mini-form two-column text input styles */
form.mini div.inputs div.input-Textarea,
form.mini div.inputs div.input-Select,
form.mini div.inputs div.input-Text {
	clear: both; 
	float: left; 
	padding: 4px 0;
	width: 100%;
}
form.mini div.inputs div.input-Text input {
	float: right; 
	font-size: 11px; 
	width: 110px;
}
form.mini div.inputs div.input-Select select {
	float: right; 
	font-size: 11px; 
	width: 116px;
}
form.mini div.inputs div.input-Textarea textarea {
	font-size: 11px;
	float: right;
	width: 96%;
}

/** Mini-form button section */
form.mini div.buttons {height: 20px; padding-top: 4px;}
form.mini div.buttons input {float: right;}



/**============================================================================================================*/

/** Comment */
.propSearch h2 {padding: 16px 0 0 14px;}


/**------------------------------------------------------------------------------------*/

/** Comment */
.propSearch div.input {
	clear: both;
	padding: 0 0 8px 14px;
}

/** Comment */
.propSearch div.input label {
	display: block;
	font-size: 92.3% /* 12px */;
	padding-bottom: 2px;
}

/** Comment */
.propSearch div.input-Text input {
	width: 170px;
}

/** Comment */
.propSearch div.input-Select select {
	width: 177px;
}

/** Comment */
.propSearch div.input-Select-Dual select {
	float: left;
	width: 79px;
}
.propSearch div.input-Select-Dual label.dualSplit {
	float: left;
	text-align: center;
	width: 19px;
}


/**------------------------------------------------------------------------------------*/

/** Comment */
.propSearch div.buttons {
	clear: both;
	height: 48px;
	padding: 8px 12px 0 14px;
}
.propSearch div.buttons input {float: right;}

/** Comment */
.propSearch div.buttons-Shrunk {
	height: 40px;
	padding-top: 0;
}



/**============================================================================================================*/

/** Full-search form used by property landing page */
.fullSearch {
	background: url(/images/bg/search_tail_wide.png) 50% 100% repeat-x;
}

/** Comment */
.fullSearch .message {
	color: #cf0000;
	font-size: 18px;
	margin: 0 auto;
	padding-top: 24px;
	text-align: center;
	width: 586px;
}

/** Comment */
.fullSearch .location {
	margin: 0 auto;
	padding: 26px 0 18px 0;
	width: 586px;
}
.fullSearch .location label {
	float: left;
	font-size: 18px;
	margin-top: 8px;
	padding-right: 16px;
}

/** Comment */
.fullSearch .location-Start .startInputs {
	background: transparent url(/images/bg/glow_location_big.png) 0 0 no-repeat;
	float: right;
	height: 40px;
	width: 335px;
}
.fullSearch .location-Start .startInputs input.text {
	background-color: #fff;
	background-image: none;
	border-color: transparent;
	border-width: 0;
	float: left;
	font-size: 16px;
	margin: 8px 0 0 8px;
	padding: 3px;
	width: 242px;
}
.fullSearch .location-Start .startInputs .button-Chunky {
	float: right;
	margin: 6px 0 0 8px;
}

/** Comment */
.fullSearch .location-Refine select {
	float: right;
	margin-top: 8px;
	width: 330px;
}
.fullSearch .location-Refine .button-Wide {
	margin: 8px 0 0 auto;
}

/** Refinement options are split into three columns */
.fullSearch .filters {
	background: url(/images/bg/search_rule_wide.png) 50% 0 repeat-x;
	margin: 0 auto;
	padding-top: 20px;
	width: 612px;
}
.fullSearch .filters .propSearch {
	float: left;
	width: 204px;
}

/** Comment */
.fullSearch .tailText {
	font-size: 84.6%;
	padding-bottom: 8px;
	text-align: center;
}
.fullSearch .tailText a {text-decoration: none;}
.fullSearch .tailText a:hover {
	color: #4689b1;
	text-decoration: underline;
}


/**============================================================================================================*/



/** Comment */
#mainSearch {
	background: url(/images/bg/search_tail_wide.png) 50% 100% repeat-x;
	padding: 13px 0 2px 0;
}

/** Comment */
#mainSearch div.input-Location {padding-bottom: 10px;}
#mainSearch div.input-Location label {
	float: left;
	font-size: 18px;
	margin: 8px 0 0 28px;
	padding-right: 16px;
}
#mainSearch div.input-Location div.locationBox {
	background: transparent url(/images/bg/mainsearch_input.png) 0 0 no-repeat;
	float: left;
	height: 40px;
	width: 260px;
}
#mainSearch div.input-Location div.locationBox input {
	background-color: #fff;
	background-image: none;
	border-color: transparent;
	border-width: 0;
	font-size: 16px;
	margin: 8px 0 0 8px;
	padding: 3px;
	width: 240px;
}
#mainSearch div.input-Location .button-Chunky {
	float: left;
	margin: 6px 0 0 8px;
}

/** Comment */
#mainSearch div.input-Location a.showMoreOpts {
	float: right;
	font-size: 11px;
	margin: 13px 20px 0 0;
	text-decoration: none;
}
#mainSearch div.input-Location a.showMoreOpts:hover {
	color: #4689b1;
	text-decoration: underline;
}

/** Comment */
#mainSearch div.drawer {
	background: url(/images/bg/search_tail_wide.png) 50% 1px repeat-x;
	margin: 0 55px;
}
#mainSearch div.drawer div.column {
	float: left;
	padding-top: 16px;
	width: 204px;
}
#mainSearch div.drawer div.input {padding-bottom: 12px;}