/*	tidy up the document body and apply the background colour
------------------------ */
body {padding:0; margin:0; background:#acaaa0 url(../img/background.gif) no-repeat;}

/* set up some default font styles
------------------------ */
body, div, span, p, th, td, input, textarea, select {font-size:11px; line-height:20px; font-family:verdana, helvetica, sans-serif; font-weight:normal; color:#252525;}

/*	default heading styles
------------------------ */
h1, h2, h3 {margin:0; padding:0; color:#252525; font-weight:normal;}
h1 {font-size:1.7em; text-transform:uppercase;}
h2 {font-size:1.3em; color:#DE2930;}
h3 {font-size:1.1em; color:#DE2930;}

/*	default link styles
------------------------ */
a {text-decoration:none;}
a img {border:none;}

/* containers
------------------------ */
#container {margin-left:auto; margin-right:auto; margin-top:55px; width:741px; border:1px solid #000;}
#maincontainer {border:10px solid #fff; background-color:#fff;}
#navigation {float:left; width:238px; height:184px; background-color:#F36621; padding:5px 0;}
#banner {float:left; width:473px; height:194px; border-left:10px solid #fff;}
#topimages {clear:left; float: left; padding:10px 0;}
#topimages a {width: 233px; height: 49px; display:block; float: left; margin: 0 10px 5px 0;}
#topimages a.prop_tolet {background: url('../img/Property-to-let-1.gif') no-repeat top left;}
#topimages a.prop_tolet:hover {background: url('../img/Property-to-let-2.gif') no-repeat top left;}
#topimages a.prop_bandb {background: url('../img/B&B-Budget-1.gif') no-repeat top left;}
#topimages a.prop_bandb:hover {background: url('../img/B&B-Budget-2.gif') no-repeat top left;}
#topimages a.prop_holiday {background: url('../img/HOLIDAY-HOMES-1.gif') no-repeat top left; margin-right: 0;}
#topimages a.prop_holiday:hover {background: url('../img/HOLIDAY-HOMES-2.gif') no-repeat top left;}
#topimages a.add_prop_tolet {background: url('../img/ADD-Property-to-let-2.gif') no-repeat top left;}
#topimages a.add_prop_tolet:hover {background: url('../img/ADD-Property-to-let-1.gif') no-repeat top left;}
#topimages a.add_prop_bandb {background: url('../img/ADD-B&B-Budget-2.gif') no-repeat top left;}
#topimages a.add_prop_bandb:hover {background: url('../img/ADD-B&B-Budget-1.gif') no-repeat top left;}
#topimages a.add_prop_holiday {background: url('../img/ADD-HOLIDAY-HOMES-2.gif') no-repeat top left; margin-right: 0;}
#topimages a.add_prop_holiday:hover {background: url('../img/ADD-HOLIDAY-HOMES-1.gif') no-repeat top left;}
/*
#topimages a img {opacity:0.85; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity:0.85;}
#topimages a:hover img {opacity:0.99; filter:alpha(opacity=99); -moz-opacity:0.99; -khtml-opacity:0.99;}
*/
#middle {clear: both;}
#content {float:left; width:458px; border:1px solid #D1CCB0; background-color:#E2DFCE; padding:15px 10px; min-height:492px;}
* html #content {height:500px;}
#content a, #rightpanel p a {color:#DE2930;}
#content a:hover, #rightpanel p a:hover {color:#F36621;}
#content a.selected {color:#F36621; font-weight:bold;}
#content .border-top {border-top:1px solid #fff; padding-top:10px;}
#content .error {color:#fff; background-color:#ff0000; text-align:center; text-transform:uppercase; font-weight:bold; padding:5px;}
.competition {color:#fff; background-color:#f36621; border:1px solid #fff; font-weight:bold; text-transform:uppercase; padding:5px; margin-top:10px;}
.competition a, #content .competition a {color:#242424; font-weight:bold;}
.competition a:hover, #content .competition a:hover {color:#242424;}

/* list of properties
------------------------ */
#content .proplist {margin-top:15px; border-bottom:1px solid #fff;}
.competition .image, #content .proplist .image {float:left;}
.competition .image img, #content .proplist .image img {width:100px; border:1px solid #fff; margin-right:10px;}
#content .proplist p {margin-left:110px;}

#content #main-image img, #content #sub-images img {border:1px solid #fff; margin:auto;}
#content #sub-images img.on {border:1px solid #f36621;}
#rightpanel {float:left; margin-left:10px; width:230px;}
#rightpanel p {background-color:#C8C8CA; padding:6px;}

/* holiday home block
------------------------ */
#holidayHomes {background-color:#E2DFCE; border:1px solid #C8C8CA; margin-top:10px; padding:10px;}
#holidayHomes .hhFader {float:left; width:127px; margin:0 10px 20px 0;}
#holidayHomes .hhFader img {border:1px solid #fff;}
#holidayHomes a {color:#DE2930;}
#holidayHomes a:hover {text-decoration:underline;}
.offer {color:#DE2930; font-weight:bold;}

/* navigation
------------------------ */
ul#nav {list-style:none; margin-top:0; margin-bottom:0;}
ul#nav li, ul#nav li a {text-transform:uppercase; color:#fff; padding:1px 0;}
ul#nav li a:hover, ul#nav li a.current {color:#242424;}

/* forms
------------------------ */
table.contact {width:100%; border-collapse:collapse;}
table.contact th, table.contact td{border:1px solid #fff; padding:5px; vertical-align:top;}
table.contact th {color:#fff; background-color:#F36621; text-align:center;}
table.contact td.left {text-align:right; width:145px;}
input, textarea, select {width:250px;}
textarea {height:150px;}

/* footer
------------------------ */
#footer {margin-left:auto; margin-right:auto; width:740px; text-transform:uppercase;}
#footer div {font-size:0.8em; color:#000;}
#footer #splash {float:right; margin-left:60px;}
#footer #splash a {color:#000;}
#footer #splash a:hover {color:#fff;}

/* clearfix
------------------------ */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:block;}

/* Holly Hack Targets IE Win only \*/
* html .clearfix {height:1%;}
.clearfix {display:block; clear:both;}
/* End Holly Hack */

/* supplementary styles
------------------------ */
form fieldset { border: 1px solid #fff; margin: 5px 0; }
form fieldset label { width: 100px; display: block; float: left; margin-right: 5px; text-align: right; }
form fieldset input,
form fieldset textarea,
form fieldset select { width: 320px; border: 1px solid #fff; }
form fieldset select.date { width:100px; margin-right: 5px; }
form fieldset legend { color: #fff; background-color: #f36621; border: 1px solid #fff; padding: 2px 5px; font-weight: bold; }
form fieldset div { clear: both; margin-bottom: 5px; }
form div.submitarea input { margin-left: 110px; width: 150px; color: #fff; background-color: #f36621; border: 1px solid #fff; cursor: pointer; }

/* home page search form
------------------------ */
form.home fieldset {
    background-color: #f36621;
}
form.home fieldset input,
form.home fieldset textarea,
form.home fieldset select {
    width: 175px;
}
form.home fieldset input.submit {
    width: 100px;
}

.important { border: 1px solid #fff; color: #fff; background-color: #f03a44; padding: 2px 5px; font-weight: bold; }

/* county boxes on the home page
------------------------ */
.box-county { width: 190px; margin: 5px; float: left; background-color: #c8c8ca; padding: 5px; border: 5px solid #fff; }
 .box-county * { margin: 0; padding: 0; }

.highlight { border:5px solid #fff; padding: 5px; background-color: #8bb82b; margin: 0 0 10px 0; }
 .highlight p { color: #fff; font-weight: bold; font-size: 1.2em; margin: 0; }

select.multiple { overflow: auto; }

#prop_links {clear: both;}
#prop_links a { display: block; float: left; color: #fff; width: 175px; }
#prop_links a:hover { text-decoration: underline; }