* { margin: 0; padding: 0; font-family: Arial; }
h1, h2, h3 { font-family: Gill Sans MT, Arial, sans-serif; }
h1 { font-size: 1.2em; color: #981F36; margin-top: 10px; margin-bottom: 5px; }
h2 { font-size: 1.1em; color: #981F36; margin-top: 10px; margin-bottom: 5px; }
h3 { font-size: 1em; color: #981F36; margin-top: 10px; margin-bottom: 5px; }
p { margin: 0.5em 0; font-size: 0.8em; }
body { background-color: #EAD2D7; }

a#facebook { position: absolute; top: 165px; left: 205px; width: 30px; height: 30px; z-index: 1; background: transparent url(/templates/common/images/sprites.png) 0 0 no-repeat; }
a#facebook:hover { background: transparent url(/templates/common/images/sprites.png) 0 -30px no-repeat; }
a#quality { position: absolute; top: 165px; left: 105px; width: 60px; height: 30px; z-index: 1; background: transparent url(/templates/common/images/sprites.png) 0 -60px no-repeat; }
a#quality:hover { background: transparent url(/templates/common/images/sprites.png) 0 -90px no-repeat; }
a#finalist { position: absolute; top: 165px; left: 5px; width: 60px; height: 30px; z-index: 1; background: transparent url(/templates/common/images/sprites.png) 0 -120px no-repeat; }
a#finalist:hover { background: transparent url(/templates/common/images/sprites.png) 0 -150px no-repeat; }


/* COLORS : Home - #981F36, Group - #00247C, Timber - #009870, Land - #B28B0A */
.home { color: #981F36; }
.home-border { border-color: #981F36; }
.group { color: #00247C; }
.timber { color: #009870; }
.land { color: #B28B0A; }

a { color: #981F36;  font-family: Gill Sans MT, Arial, sans-serif; font-size: 1.1em; }

.left { float: left; }
.right { float: right; }
img { border: none; }
.center { text-align: center; }
.clear { clear: both; }
.padleft { padding-left: 1em; }
.padright { padding-right: 1em; }

fieldset { padding: 0.5em; border: 1px solid #000; }
legend { margin-left: 0.5em; font-size: 0.8em; }
label { font-size: 0.8em; }
select { font-size: 0.8em;}

td { vertical-align: top; }

button { border: 1px solid #000; background-color: #fff; color: #333; }
button:hover { background-color: #eee; cursor: pointer;}

div.row { float: left; width: 100%; margin-bottom: 0.5em; }
div.row label { float: left; width: 35%; text-align: right; }
div.row div { float: right; width: 60%; text-align: left; }

#site-tab {float:left;width:100%;line-height:normal; background-color: #EAD2D7; }
#site-tab ul {width:100%;list-style:none; float: right;  }
#site-tab li {float:right;margin-right:0.3em;}
#site-tab a {float:left; background:url(/templates/common/images/tab-bg.gif) repeat-x left top;text-decoration:none; padding:5px 6px;color:#fff;font-weight:bolder;font-family:Arial;font-size:0.7em;}
#site-tab a:hover { text-decoration: underline; }

#site-tab li.last { margin-right: 0; }
#site-tab li.homes a { background-position: 0 -50px; }
#site-tab li.timber a { background-position: 0 -100px; }
#site-tab li.land a { background-position: 0 -150px; }


#wrap { width: 1020px; margin: 5px auto 20px auto; background-color: #fff;}

#content { border-width: 10px; border-style: solid; float: left; width: 1000px; } 

#content #flash {visibility:hidden;}

#content #logo { float: left; position: relative; width: 240px; height: 200px; background-color: #fff; }
#content #banner { float: right; width: 750px; height: 200px; background: transparent url(/templates/common/images/ajax-loader.gif) no-repeat center center; overflow: hidden; position:relative; }
#content #banner img { width: 760px; position:absolute; left:0;top:0; }

#content #intro { width: 710px; float: right; padding: 5px 20px; background-color: #fff;}
#content #intro ul { float: left; width: 100%; margin-bottom: 0.5em; }
#content #intro li { float: left;  list-style-type: none; padding-right: 35px;}
#content #intro li a { text-decoration: none; font-size: 0.9em; font-weight: bold; color: #981F36; }
#content #intro li a:hover { text-decoration: underline; }
#content #intro div.right { width: 185px; margin-top: 5px; }
#content #intro div.left { width: 480px;}
#content #intro div.left p { font-size: 0.9em; word-spacing: 0.5em; padding-bottom: 0.5em; text-align: justify; }

#content #txt { width: 710px; float: right; padding: 5px 20px; background-color: #fff; min-height: 390px; }

#txt ul li { padding-left: 0.5em; margin-left: 1em; list-style: square; margin-bottom: 0.3em; }

#content div.box { width: 240px; height: 190px; border-width: 10px 10px 0 0; border-style: solid; float: left; background-color:#EAD2D7;}
#content div.last { border-right: 0; }

#content div.box h3 { text-align: center; margin: 2em 1em; font-size: 1.3em; color: #231F20; line-height: 1.5; font-weight: 400; }



#content ul { margin: 0; padding: 0; list-style: none; font-size: 0.8em; }

/*#content div.box#sites { }
#content div.box#sites h2 { color: #981F36; padding: 0.5em 0 0.2em 0.5em; }
#content div.box#sites #gallery-thumbs { margin: 0 auto; }*/

/*
#content div.box#sites { background-color: #981F36;}
#content div.box#sites p { color: #fff; margin: 0.5em; font-size: 0.9em; text-align: center;}
#content div.box#sites ul { margin: 15px; list-style: none; width: 180px; display:none;}
#content div.box#sites li { background: #fff url(/img/homes/mini-site-icons.gif) left top no-repeat; padding-left: 30px; margin-bottom: 0.5em; height: 26px; line-height: 26px;}
#content div.box#sites li a { font-weight: bold; color: #000; text-decoration: none; font-size: 1.1em; }
#content div.box#sites li a:hover { text-decoration: underline; }
#content div.box#sites li.farm-vale { background-position: 0 -26px; }
#content div.box#sites li.comrie-castle { background-position: 0 -52px; }*/

/* search form home page */
#content div.box#home-search { background-color: #fff; }
#content div.box#home-search fieldset { margin: 0.5em; padding: 5px 0 5px 0; border: 0; }
#content div.box#home-search button { text-align: center; }

table.Dimensions { font-size: 0.75em; }

/* property search form */
form.property-search { margin-top: 10px; }
form.property-search fieldset { border: none; margin: 0; padding: 0; }
div.box form.property-search legend { display: block; margin:0; padding: 0; padding-left: 3px; font-weight: bold; color: #981F36; }
form.property-search legend { display: none; }
form.property-search input.button { margin-left: 0px; background-color: #981F36; color: #fff; }

/* ext overrides */
.x-panel-bwrap p { font-size: 0.75em; }
.x-panel-header p { font-size: 1em; color: 000; }

/* Form styling */
#enquiry fieldset, #register fieldset, #brochure fieldset { border: none; }
#enquiry legend, #register legend, #brochure legend { display: none; }
#enquiry .row, #register .row, #brochure .row { width: 100%; }
#enquiry .col1, #register .col1, #brochure .col1 { float: left; width: 150px; }
#enquiry .col1 label, #register .col1 label, #brochure .col1 label { width: 100%; float: none; }
#enquiry .col2, #register .col2, #brochure .col2 { float: left; margin-left: 10px; }
#enquiry .col2 input, #register .col2 input, #brochure .col2 input { width: 200px; }
#enquiry .required, #register .required, #brochure .required { color: #f00; }
#enquiry .required input, #register .required input, #brochure .required input { border: 1px solid #f00; padding: 1px; }
#enquiry .message, #register .message, #brochure .message { font-size: 0.8em; font-weight: bold; }
form input.button { border: 1px solid #333; background-color: #981F36; color: #fff; margin-left: 8px; }

#one-column #intro ul { float: none; }
#one-column #intro li { float: none; }

#content #extbox { width: 250px; }
#extbox p { margin: 0; }

#intro td img { padding: 0; }
#intro img { padding: 10px; }

#intro div.plot img { padding: 0; z-index: 5; }
#intro div.plot p { padding: 0; margin:0; }
div.plot a img { z-index: 10; }
div.plot a { z-index: 9; }
div.plot a span { position: relative; display: none; border: 1px solid #000; background-color: #fff; padding: 5px; color: #333; font-size: 0.8em; text-decoration:  none; z-index: 10; left: 50px; }
div.plot a:hover { cursor: help; }
div.plot a:hover span { display: block; }
#intro div.plot img.marker.small { margin-left: 3px; margin-top: 3px;}

#propertysearch { width: 100%; }
#propertysearch th { background-color: #981F36; color: #fff; font-weight: normal; text-align: left; padding: 2px; }
#propertysearch td { padding: 5px; }
#propertysearch tr.stripe { background-color: #EAD2D7; }

#propertydetail td p { margin: 0; padding: 0; }


/* css for gallery (shuld be in 1 col template file really) */
#txt #photogallery { float: left; width: 100%; margin: 1em 0;} 
#txt #photogallery li {float: left; width: 100px;  list-style: none; padding: 0; margin: 0 10px 10px 0; border: 1px solid #eee;}
p.summary { color: #333; margin: 0px 10px; }

.redbox { float: left; width: 400px; min-height: 50px; background-color: #992233; padding: 0 10px 25px 10px; margin: 25px 0; text-align: center; }
.redbox h1 { color: #fff !important; text-align: left; margin: 0.5em 0 !important; }
.redbox h1 a { color: #fff !important; text-align: left; }
.redbox p { color: #fff !important; text-align: left; }
.redbox img { border: 5px solid white; margin: 0 auto; }
.redbox ul { text-align: left; margin: 0.5em 0 0 2em; }
.redbox ul li { text-align: left; margin: 0.5em 0; list-style-type: disc; color: #fff; }

#map { height: 320px; width: 100%; }

/* Home - #981F36 */

#content { border-color: #981F36; background-color: #981F36; }

#content div.box { border-color: #981F36; }

#content #intro { height: 190px; }

#content #txt li a { color: #981F36; }

#content #txt h1 { font-size: 1.2em; color: #981F36; margin-top: 10px; margin-bottom: 5px; }
#content #txt h2 { font-size: 1.1em; color: #981F36; margin-top: 10px; margin-bottom: 5px; }
#content #txt h3 { font-size: 1em; color: #981F36; margin-top: 10px; margin-bottom: 5px; }