/**********************************
Description...:Master Screen CSS
Copyright.....:USdigital Ltd.
Author........:lewis@usdigital.co.uk
Last Changed..:31-08-2011
Notes #1......:Do NOT modify 
/******************
Layout**/
* {padding:0;margin:0;border:0;}
body {
font-family:arial,helvetica,tahoma,sans-serif;
font-size:100%;
text-align:center;
background:#fff url(../img/bg.png) center 0 no-repeat;
}
.container {
position:relative;
width:860px;
margin:10px auto 0;padding:20px 20px 30px;
text-align:left;
background:#fff;
}
h2, h2, h3, h4, h5, h6 {
font-family:"trebuchet ms","lucida sans","lucida grande","lucida sans unicode",sans-serif;
font-weight:normal;
color:#70ba37;
}
/******************
Logo Area**/
#header {float:left;}
#header h1 {
float:left;
width:172px;height:80px;
background:url(../img/logo.gif);
}
#header h1 span {display:none;}
#logo {
float:left;
width:88px;height:80px;
}
/******************
Contact/tagline**/
#con-tag {
float:right;
text-align:right;
}
#con-tag p {}
#con-tag p.enq {
font-size:0.85em;
color:#63b856;
}
#con-tag span.tel {
font-size:1.7em;
font-weight:bold;
color:#212363;
padding-left:35px;
background:url(../img/icon-tel.gif) 0 50% no-repeat;
}
#con-tag p.tag {
font:1.05em times,"times new roman",georgia,serif;
color:#a8a8a8;
}
/******************
Navigation**/
.dhtml {
float:left;
width:860px;
margin:24px 0 0;
}
.dhtml ul {
list-style:none;
/*width:169px;*//*huh?*/
margin-bottom:5px;
}
.dhtml li {
display:block;
position:relative;
z-index:20;
text-align:center;
font-size:1.1em;
margin-right:4px;
}
.dhtml a {
text-decoration:none;
display:block;
}
.dhtml ul#navtop {width:860px;}
.dhtml li.navtoplevel {float:left;background:#212363;}
.dhtml li.navtoplevel:hover {background:#294c6f;}
.dhtml li.navtoplevel a:hover {background:#294c6f;}
.dhtml a.navtoplink {
float:left;
display:inline;
/*width:169px;*/
padding:1px 15px 3px;
/*padding:1px 22px 3px;*/
/*padding:1px 0 3px;*/
line-height:23px;
color:#fff;
text-decoration:none;
border-top:1px solid #d3d3d3;
border-bottom:1px solid #d3d3d3;
}
.dhtml li.last {margin:0;}
.dhtml li.last a.navtoplink {width:98px;/*help Saf along*/padding:1px 18px 3px;}
.dhtml a.navtoplink:visited {}
.dhtml a.navtoplink:hover, .dhtml a.selected {
text-decoration:none;
background:#aac887;
}
.dhtml ul ul {
position:absolute;
display:none;
/*top:-9px;right:-146px;*/
background:url(../img/nav-menu_bg.png) 0 bottom no-repeat;
padding:5px;
}
.dhtml li:hover ul ul {display:none;}
.dhtml li:hover ul, li:hover li:hover ul {display:block;}
.dhtml ul.menu {
position:absolute;
top:28px;left:-6px;
}
.dhtml ul.menu li {
text-align:left;
font-size:0.65em;
margin-right:0;
}
.dhtml ul.menu li a {
/*width:150px;*/
width:181px;/*for IE*/
color:#000;
text-decoration:none;
padding:3px 10px;
background:none;
}
.dhtml ul.menu li a:hover {background:#aac887;color:#000;}
.dhtml ul.menu li a.selected {background:#ccdfb5;color:#333;}

/******************
Main Content**/
.main-content {
float:left;
width:860px;
padding:10px 0;
color:#7d7c7c; /*212363*/
}
.main-content h2 {
font-size:1.8em;
letter-spacing:-1px;
color:#70ba37;
line-height:1.05em;
padding-bottom:8px;
margin-bottom:12px;
border-bottom:1px solid #eee;
}
.main-content h2 span {
font:1.1em times,"times new roman",georgia,serif;
color:#212363;
}
.main-content h3 {
font-size:1.2em;
margin:0px 0 10px;
}
.main-content h4, .main-content h5, .main-content h6 {
font-size:1.05em;
margin:0 0 5px;
}
.main-content p {
font-size:0.8em;
margin:0 0 10px;
}
.main-content p.small-print {font-size:0.7em;}
.main-content p.date {font-size:0.7em;color:#bbb;margin:-5px 0 5px;}
.main-content ul {margin:5px 0 15px;}
.main-content ul li {
list-style:disc;
font-size:0.8em;
line-height:1.7em;
margin:0 0 0 25px;
}
.main-content ul.downloads {
width:300px;
padding:10px 0;
background:#eee;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.main-content ul.downloads li {
margin:0 0 5px 25px;
color:#898aa8;
}
.main-content ol {}
.main-content ol li {
list-style:decimal;
font-size:0.8em;
line-height:1.3em;
margin:0 0 0 30px;
}
.main-content dl {}
.main-content dl dt {
font-size:0.8em;
color:#63b856;
font-weight:bold;
margin:24px 0 0;
}
.main-content dl dd {
font-size:0.8em;
margin:0 0 15px;
}
.main-content img {
float:right;
margin:15px;
}
.main-content img.housetype {
float:right;
margin:0 0 0 15px;
}
.main-content a:link, .main-content a:active, .main-content a:visited {color:#63b856;}
.main-content a:hover {color:#8fc366;}/*for IE6 only*/

/******************
News**/
.news-item {
float:left;
width:100%;
margin:15px 0 0;padding-bottom:10px;
border-bottom:1px solid #eee;
}
.news-item img {
float:left;
width:150px;height:110px;
margin:0 15px 0 0;
border:1px solid #aac887;
}
/******************
Blocks OFFERS**/
.block-properties, .block-offers, .block-preown {
float:left;
width:380px;
padding:8px 15px 15px;margin:0 10px 10px 0;
background:#f6f6f6;
border:1px solid #d3d3d3;
}
.block-properties h3, .block-offers h3, .block-preown h3 {margin:0 0 10px;}
.block-properties img, .block-preown img {float:left;width:150px;margin:0;border:3px solid #aac887;}
.block-properties p {float:right;width:210px;}
.block-properties p.more, .block-offers p.more {margin:0;}

/*incentives*/
.block-offers {
width:240px;min-height:310px;
margin:0 16px 20px 0;
color:#7d7c7c;
background:#f2fae6 url(../img/incentives_bg.png) repeat-x;
border:0;
}
.block-offers img {float:left;margin:0 8px 30px 0;border:0;}
.block-offers h3 {
display:block;
font:3.3em/0.7em times,"times new roman",georgia,serif;
color:#2e467b;
margin:10px 0 0 0;
}
.block-offers h3 span {
display:block;
font:0.65em "trebuchet ms","lucida sans","lucida grande","lucida sans unicode",sans-serif;
color:#70ba37;
}
.block-offers h3 a:link, .block-offers h3 a:hover, .block-offers h3 a:visited {
color:#2e467b;
text-decoration:none;
}
.block-offers h4 {clear:left;font-family:times,"times new roman",georgia,serif;}
.block-offers p {line-height:1.4em;}
.block-offers ul li {line-height:normal;margin:10px 0 4px 15px;}

/*preowned*/
.block-preown {
width:825px;
padding:15px;margin:0 0 10px 0;
}
.block-preown img {margin:0 15px 0 0;}
.block-preown ul {
float:left;
width:452px;
margin:0 15px 10px;
}
.block-preown ul li {
float:left;
list-style-type:square;
line-height:normal;
font-style:italic;
margin:0 10px;
}
/******************
Homepage Intro**/
#box1, #box2 {
float:right;
/*position:absolute;*/
width:430px;height:215px;
}
.preview-banner {
float:right;
position:relative;
overflow:hidden;
width:430px;height:248px;
margin-bottom:8px;
}
.preview-banner img, .main-content .preview-banner img {
/*position:absolute;*/
display:block;
float:left;margin:0;
}
/*slideshow JS*/
#box1, #box2 {position:relative;}
#box1 img, #box2 img {
position:absolute;
top:0;left:0;
z-index:8;
opacity:0;
}
#box1 img.active, #box2 img.active {
z-index:10;
opacity:1.0;
}
#box1 img.last-active, #box2 img.last-active {z-index:9;}

/******************
PROPERTY text**/
.property-overview {
float:left;
width:420px;
}
.property-sitemap {
float:left;
width:340px;
}
img.siteplan {margin:0;border:1px solid #eee;}
/******************
Property Ad**/
.advert01 {
float:right;
width:410px;
padding:18px 5px 5px 15px;
background:url(../img/advert01_bg.png) top repeat-x;
}
.advert01 p {font-size:0.8em;margin-bottom:5px;}
.advert01 p strong {font-size:1.5em;font-weight:normal;}
.advert01 h5 {font:2.05em times,"times new roman",georgia,serif;color:#63b856;}
.advert01 h6 {font-size:1.35em;font-weight:bold;line-height:1.1em;}
.advert01 h6 strong {display:block;color:#212363;}
.advert01 img {float:left;margin:40px 10px 0 10px;}

.advert02 {
float:left;
width:400px;
padding:5px 10px 10px;margin:10px 10px 0 0;
background:#ecf9db;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.advert02 p {font-size:0.8em;margin-bottom:5px;}
.advert02 ul {margin-bottom:5px;}
.advert02 ul li {font-size:0.7em;margin:0 0 0 15px;line-height:normal;}
.advert02 p strong {font-size:1.1em;}
.advert02 h5 {font:1.25em times,"times new roman",georgia,serif;margin:0;}
.advert02 img {float:right;margin:0;}

.advert03 {
float:left;
width:396px;
margin:30px 0 0;padding:10px 14px 6px;
letter-spacing:-2px;
background:#940a03;

-o-box-shadow:3px 3px 4px #bbb;
-moz-box-shadow:3px 3px 4px #bbb;
-webkit-box-shadow:3px 3px 4px #bbb;
box-shadow:3px 3px 4px #bbb;
}
.advert03 h5 {
font-size:1.3em;
color:#fff;
}
.advert03 h5 strong {font-size:1.5em;}
/******************
Property Table**/
.availibility-list {
width:830px;
margin:15px 5px;
/*border-right:0px solid #d2dfc3;
border-bottom:0px solid #d2dfc3;*/
}
.availibility-list th {
font:1.1em times,"times new roman",georgia,serif;
color:#fff;
padding:2px 10px;
background:#212363;
border-top:0px solid #d2dfc3;
border-left:0px solid #d2dfc3;
border-bottom:3px solid #d2dfc3;
}
.availibility-list th.photo {width:100px;background:none;/*border:0;*/}
.availibility-list td {
font-size:0.8em;
padding:8px;
border-top:0px solid #d2dfc3;
border-left:0px solid #d2dfc3;
border-bottom:2px solid #e6f0db;
}
.availibility-list td.title {}
.availibility-list td.desc {font-style:italic;font-size:0.8em;}
.availibility-list td.unit {text-align:center;font-weight:bold;}
.availibility-list tr.alt {background:#f8f8f8;}
.availibility-list tr:hover {background:#eee;}
.availibility-list tr.head:hover {background:none;}
.availibility-list img {
width:100px;height:75px;
margin:0;
color:#70ba37;
color:#;
border:2px solid #ddd;
}
/******************
Contact Form**/
#contact-form {
float:right;
margin:20px 0 10px 20px;
background:#d5e4c3;
}
#contact-form fieldset {
float:left;
width:195px;
padding:5px 15px 0;
}
#contact-form legend {
float:left;/*for webKit*/
font-size:0.8em;
font-weight:bold;
color:#fff;
padding:5px;
margin-top:-15px;
background:#aac887;
}
#contact-form ul {float:left;}
#contact-form ul.extra {margin:15px 0 0 -5px;}
#contact-form ul li	{
display:block;
float:left;
font-size:0.75em;
margin:0 0 5px 0;padding-left:0;
}
#contact-form ul li.required {font-size:0.7em;}
#contact-form label {
cursor:pointer;
display:block;
float:left;
}
#contact-form label:after {content:":";}
#contact-form input {
float:left;
clear:left;
font-size:0.75em;
width:184px;height:17px;
padding:4px 3px 2px;
border:1px solid #ccc;
}
#contact-form input:focus {border-color:#70ba37;background:#eee;}
#contact-form input.radio, #contact-form input.checky {
clear:none;
width:15px;height:15px;
margin:3px 10px 0 2px;
border:0;
}
#contact-form select {
float:left;
clear:left;
width:184px;
padding:2px;
font-size:0.8em;
color:#212363;
border:1px solid #ccc;
}
#contact-form input.submit {
float:left;
clear:none;
cursor:pointer;
width:64px;height:25px;
color:#fff;
font-size:1.1em;
margin-right:5px;padding:0 0 3px 0;
background:#70ba37;
}
#contact-form input.submit:hover {background:#294c6f;}
#contact-form textarea {
float:left;
clear:left;
font-family:arial,helvetica,tahoma,sans-serif;
font-size:0.95em;
width:184px;height:80px;
padding:4px 3px 2px;
border:1px solid #ccc;
}
#contact-form textarea:focus {border-color:#70ba37;background:#eee;}

/******************
Validation**/
#contact-form span.LV_valid {color:#47bf4c;}	
#contact-form span.LV_invalid {color:#d6492a;}
#contact-form span.LV_validation_message {
/*float:left;*/
width:90px;/*webkit fix*/
font-weight:bold;
/*inhr*/
/*display:block;*/
font-size:0.75em;
padding:6px 5px 0;
}
/******************
Social footer**/
#social {
float:left;
position:relative;
width:860px;
margin-bottom:10px;
}
.tools {
float:left;
width:400px;
position:absolute;
bottom:0;left:0;
}
.tools p {float:left;font-size:0.75em;}
.addthis_toolbox {float:left;width:160px;/*for webkit*/margin:0 0 0 20px;}
/******************
Twitter**/
#twitter_div {
float:right;
width:430px;min-height:70px;
margin:0 15px 0 0;
text-align:right;
background:url(../img/twitter_bg.gif) left 40px no-repeat;
}
#twitter_div p {
clear:both;
text-align:left;
color:#63b856;
font-size:0.7em;
font-weight:bold;
margin:0 0 0 40px;
}
#twitter_div p a {padding-right:14px;background:url(../img/icon-twitter.gif) no-repeat 100% 1px;}
ul#twitter_update_list {}
ul#twitter_update_list li {
float:right;
width:250px;/*for opera*/
list-style:none;
font-size:0.7em;
font-weight:bold;
color:#a8a8a8;
margin-bottom:-16px;
}
ul#twitter_update_list li a {
float:right;
clear:right;
margin:5px 0;
font-weight:bold;
color:#70ba37;
}
ul#twitter_update_list li span {display:inline-block;vertical-align:text-top;/*for opera*/}
ul#twitter_update_list li span a {float:none;margin:0;}
ul#twitter_update_list li a:hover {text-decoration:none;}
/******************
Footer**/
#footer {
float:left;
position:relative;
width:860px;
margin-top:5px;
}
#footer ul {background:#aac887;padding:5px;}
#footer ul li {
float:left;
display:inline;
font-size:0.7em;
padding:0 5px;
border-right:1px solid #fff;
}
#footer ul li:last-child {border:0;}
#footer p {
width:380px;
font-size:0.7em;
color:#b5b5b5;
margin-top:10px;
}
#footer a:link, #footer a:active, #footer a:visited {color:#fff;}
#footer a:hover {}
a#rightmove {
position:absolute;
overflow:hidden;
top:30px;left:280px;
float:left;
width:140px;height:40px;
background:url(../img/logo-rightmove.gif);
}
a#credit {
position:absolute;
overflow:hidden;
bottom:-6px;right:0;
float:left;
width:136px;height:26px;
background:url(../img/logo-usdigital.gif);
}
a#credit span {position:absolute;left:-9999px;}
/******************
Global Styles**/
.line, .line-half {
border-bottom:1px solid #eee;
margin:10px 0%;
height:1px;
clear:both;
}
.line-half {width:50%;margin:15px 0;clear:none;}
.clearing {clear:both;}
acronym, abbr {cursor:help;border-bottom:1px dotted #000;font-size:85%;}
fieldset {border:0;}
strong {font-weight:bold;}
em {font-style:italic;}
address {font-style:normal;font-size:0.8em;margin-bottom:10px;}
blockquote {font-size:1.2em;font-weight:bold;}
.error {color:#c00;font-weight:bold;}
.win {color:#090;}
.hide {position:absolute;left:-9999px;}
.remove {margin:0;padding:0;border:0;}
/******************
Links**/
a:link, a:visited {color:#326ea1;text-decoration:underline;}
a:hover {color:#383d44;text-decoration:none;}
a:active {color:#000;outline:none;}
a:focus {outline:none;}
a.print {font-weight:bold;padding-left:16px;background:url(../img/icon-print.gif) no-repeat 0 2px;}
a.pdf {padding-right:14px;background:url(../img/icon-pdf.gif) no-repeat 100% 3px;}
a.map {padding-right:16px;background:url(../img/icon-map.gif) no-repeat 100% 2px;}
.gallery a {padding-right:16px;background:url(../img/icon-map.gif) no-repeat 100% 2px;}

/******************
Clearfix**/
.clearfix:after {
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}