@import url("base.css");
@import url("common.css");

/* Reset                     */

*, .x {												
border: 0;
outline: 0;
padding:0;
margin:0;
font-weight: inherit;
font-style: inherit;
}


/* Body & Type               */


html, body {
font-size: 75%;
font-family:Arial, Helvetica, sans-serif;
background:#ededed url(../images/background.png) repeat-x top center;
}


	
html>body {
font-size: 12px;
}

body {
padding:20px 0;	
}

h1 {  font-size: 2.80em; 	}
h2 {  font-size: 1.6em; 	}
h3 {  font-size: 1.40em; 	}
h4 {  font-size: 1.40em; 	}
h5 {  font-size: 1.20em; 	}
h6 {  font-size: 1.00em; 	}


h1 { 
padding-bottom:0.4em;
}

	
h1, h2, h3, h4, h5, h6 { 
padding-bottom:0.2em;
color:#007F5B;
}

.Divider {
border-top:1px solid #ccc;
margin-top:0.7em;
}

ul, ol, dl, p { 
margin-bottom: 1.5em;
line-height:1.6em;
}


ul li, ol li {
list-style:none;
}

.LeftCol .moduleType_StaticHtml ul li, .PropertyDesc ul li {
padding-left:18px;
font-weight:normal;
background:url(../images/feature_bull.png) no-repeat 2px 4px;
margin-bottom:5px;
}

a {
color:#FF6600;
text-decoration:none;
}

a:hover {
color:#666;
text-decoration:none;
}

:focus {  
outline: none  
}

strong, b {
font-weight:bold;
}  


/*------------------------ Common ------------------------------------*/

.hide	{ display: none;	}
.inline	{ display: inline;	}
.block	{ display: block;	}
.nfloat	{ float: none;		}
.lfloat	{ float: left;		}
.rfloat	{ float: right;		}
.clear	{ clear: both; line-height:0;		}
.lclear	{ clear: left;		}
.rclear	{ clear: right;		}
strong { font-weight:bold; }


/*  User Styles - this will need to be copied into support internet css file            */



.IntroText {
font-size:1.5em;
}

.NoteBlock {
background:#f1f1f1;
padding:5px;
}

.Highlight {
font-weight:bold;
color:#007F5B;
}

.leftImg {
float:left;
padding:5px;
border:1px solid #ccc;
margin:0 10px 10px 0;
}


.rightImg {
float:left;
padding:5px;
border:1px solid #ccc;
margin:0 10px 10px 0;
}



/*  Site specific               */


.BodyContent {
margin-bottom:20px;
position:relative;	
}


.Header {
padding:20px;
}

.TopContent {
background:#fff;
}


.Logo {

float:left;
width:196px;
height:103px;
}


.Logo a{
display:block;
width:196px;
height:103px;
}


.Logo h2 {
text-indent:-9999px;
width:196px;
height:103px;
background:url(../images/logo.png) no-repeat top left;
float:left;
}

.Header .rfloat {
width:720px;
text-align:right;
}

.Contacts {
text-align:right;
font-size:140%;
margin-bottom:30px;
}

.Contacts ul{
margin-bottom:10px;
color:#007F5B;
}

.Contacts li{
display:inline;
}

.Contacts li a{
display:inline;
color:#007F5B;
}
	
.Nav {}

.Nav ul {}

.Nav ul li {
display:inline;
font-size:140%;
position:relative;
}

.Nav ul li a{
padding:13px 20px;
text-decoration:none;
color:#666;
}

.Nav ul li a:hover, .Nav ul li a.selected{
border-bottom:3px solid #FF6600;
color:#007F5B;
}



.Footer {}


.Footer a{
color:#999;	
}

.Intro {
font-size:120%;
margin-bottom:20px;
}


/*----------- Home Page --------------*/


.Featurebanner {
width:974px;
margin-left:-5px;
text-shadow: 0 1px #004A35;
background:url(../images/sub_header.png) no-repeat bottom left;
}


.Featurebanner .IntroHeader {
padding:10px 20px 15px 20px;
color:#fff;
}

.Featurebanner h1{
color:#fff;
}

.LeftCol .IntroHeader {
margin-bottom:30px;
}


.IntroHeader p{
padding-bottom:0;
}


.MainContent {
padding:30px 20px;
margin-top:10px;
background:#fff;
}

.currentpage-home .Featurebanner {
background:url(../images/banner.png) no-repeat bottom left;
width:974px;
height:254px;
}

.currentpage-home .Featurebanner #sectionId_8{
padding:20px 190px 20px 190px;
text-align:center;
color:#fff;
}

.currentpage-home .Featurebanner #sectionId_8 p{
font-size:20px;
}

.currentpage-home .Featurebanner #sectionId_8 ul li{
color:#5F9F8D;
font-size:18px;
display:inline;
text-shadow: 0 0;
}

.currentpage-home .Featurebanner #sectionId_8 ul li strong{
margin-right:6px;
padding-right:18px;
font-weight:normal;
background:url(../images/feature_bull.png) no-repeat center right;
}

.currentpage-home .MainContent {
padding:20px;
}

.currentpage-home .IntroBar {
background:#fff url(../images/feature_grad.png) repeat-x bottom left;
padding:20px;
border-bottom:1px solid #ccc;
}



.currentpage-home .Properties {
position:relative;

}

.currentpage-home .Properties .moduleInnerContent .Pages{
overflow:hidden;
width:852px;
height:138px;

}

.currentpage-home .Properties a#prev{
position:absolute;
width:34px;
height:34px;
left:-10px;
top:60px;
text-indent:-9999px;
cursor:pointer;
background:url(../images/arrow_feature_left.png) repeat-x bottom left;
}
.currentpage-home .Properties a#next{
position:absolute;
width:34px;
height:34px;
right:-10px;
top:60px;
text-indent:-9999px;
cursor:pointer;
background:url(../images/arrow_feature_right.png) repeat-x bottom left;
}

.currentpage-home .Properties .moduleInnerContent{
margin-left:32px;
}

.currentpage-home .Properties  ul{
margin-bottom:0;
overflow:hidden;
height:138px;
}

.currentpage-home .Properties  ul li{
display:inline;
margin-right:20px;
float:left;
position:relative;
width:198px;
height:138px;
}

.currentpage-home .Properties  ul li a{
display:block;
padding:3px;
background:#fff;
border:1px solid #ccc;
float:left;
line-height:0;
}

.currentpage-home .Properties  ul li span{
float:left;
position:absolute;
right:0;
bottom:20px;
width:20px;
height:20px;
background: url(../images/arrow_small_feature.png) no-repeat top left;
}

.Prop3, .Prop7, .Prop11, .Prop15, .Prop19, .Prop23, .Prop27 {
margin-right:0px !important;
}

.HomeLower {}


.HomeLower h2 a {
color:#007F5B;
text-decoration:none;
background:url(../images/arrow_small_orange.png) no-repeat right center;
padding-right:25px;
}

.col1 {
float:left;
width:500px;
margin-right:20px;
}

.col2 {
float:left;
width:400px;
}


.FooterDetails {
color:#666;
}


/*----------- Property List --------------*/


.PropFilter {
background:#f1f1f1;
padding:10px;
margin-bottom:20px;
}

.PropFilter ul{
margin-top:10px;
margin-bottom:0;
}

.PropFilter ul li {
display:inline;
margin-right:5px;
float:left;
}

.PropFilter ul li a {
padding:5px 10px;
text-decoration:none;
float:left;
}

.PropFilter ul li a.selected, .PropFilter ul li a:hover {
background:#FF6600;
color:#fff;
}

.RightCol .PropFilter ul li{
display:block;
clear:left;
}


ul.PropertyList {}

ul.ServicesList li h4 a, ul.PropertyList li h4 a {
background:url(../images/arrow_small_grey.png) no-repeat right center;
text-decoration:none;
padding-right:15px;
}

.ContactNumber {
font-weight:bold;
color:#F60;
margin-bottom:5px;	
	}


ul.PropertyList li {
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px solid #ccc;
}


ul.PropertyList .Info {
padding-left:115px;
}

.MainPropList ul.PropertyList .Info {
padding-left:175px;
}

.MainPropList {
}


ul.PropertyList img {
float:left;
padding:2px;
border:1px solid #ccc;
}

ul.PropertyList span.Details {
color:#666;
}

ul.PropertyList span.Details strong{
color:#FF6600;
margin-left:5px
}


ul.PropertyList span.Details a {
color:#666;
}




/*---- Property Detail --------*/

.PropertyDetails .LeftCol{
width:600px;
}

.PropertyDetails .RightCol{
width:300px;
}

.PropertyDetails {
margin-bottom:20px;
border-bottom:3px solid #007F5B;
padding-bottom:20px;
}

.PropertyImg {
position:relative;
height:370px;
margin-bottom:5px;
width:100%;
}

.PropertyImg img {
float:left;
}

.PropertyImg #slideshow{
float:left;
width:600px;
height:370px;
background:#f1f1f1;
}

.PropertyImg #nav{
position:absolute;
left:0px;
bottom:0px;
z-index:10;
padding:7px;
width:586px;
background:url(../images/black_trans.png);
margin-bottom:0;
}

.PropertyImg #nav li{
margin-right:5px;
float:left;
display:inline;
}

.PropertyImg #nav li a {
border:2px solid #fff;
display:block;
float:left;
}

.PropertyImg #nav li a.activeSlide {
border:2px solid #FF6600;
}

.RightCol .Map {
float:right;
width:300px;
height:300px;
margin-bottom:10px;
}



span.LetBuy{
position:absolute;
padding:5px 10px;
right:0;
top:0;
font-size:20px;
color:#fff;
background:#FF6600;

}

.PropertyIntro {
background:#007F5B;
color:#fff;
padding:10px;
margin-bottom:20px;
position:relative;
}

.PropertyIntro h1{
padding-bottom:5px;
color:#fff;
}

.HasLet {
background:#CC0000;
font-weight:bold;
color:#fff;
padding:5px 0;
display:block;
text-align:center;
text-transform:uppercase;
text-shadow:1px 1px #990000;
}

.PropertyIntro  .HasLet {
font-size:26px;
position:absolute;
width:600px;
left:0;
top:-220px;
z-index:1000;
}

.PropertyIntro .lfloat {
width:400px;
}

.PropertyIntro .rfloat {
text-align:right;
padding-top:40px;
}

.PropertyIntro .rfloat span{
margin-left:10px;
display:block;
}

.PropertyIntro .Location {
font-size:160%;
}

.PropertyIntro .Size {
font-size:160%;
margin-left:10px;
}

.PropertyIntro .Price {
font-size:160%;
}

.PropertyIntro .Type {
font-size:130%;
font-weight:bold;
}

.PropertyDesc {
}

.PropertyExtra {
}


.PropContacts ul {
font-size:14px;
}

.PropertyExtra h3 {
font-weight:bold;
}

.PropertyExtra .Map {
margin-bottom:20px;
}

.PropertyExtra .Address {
}

.epc {
background:#EDEDED url(../images/epc.png) no-repeat 10px 10px;
color: #007F5B;
text-decoration:none;
padding:15px 10px 15px 40px;
font-size:14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display:block;
margin-bottom:10px;
text-align:center;
}

.epcaddress {
display:none;
}


.download {
background:#FF6600 ;
color:#fff;
text-decoration:none;
padding:10px 10px 10px 10px;
font-size:16px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display:block;
margin-bottom:10px;
text-align:center;
}

.download:hover {
color:#fff;
}

#sectionId_31 {
font-size:9px;
color:#666;
padding-top:20px;
margin-top:20px;
border-top:3px solid #f1f1f1;
}

/*---- Sub Page --------*/

.ServiceList {}



.ServiceList li {
margin-bottom:30px;
}

/*------------------------ Contact ------------------------------------*/

.page-home_who-we-are_contact-us .LeftCol .moduleInnerContent{
margin-left:70px;
}

.sectionId_42 .moduleInnerContent{
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px solid #ccc;
}

.moduleType_ContactForm {
margin-bottom:30px;
}

.formRow { 
margin-bottom:10px;
width:100%;
float:left;
}

.formRow label {
font-size:12px;
font-weight:bold;
padding:7px 10px 3px 0;
display:block;
float:left;
width:180px;
text-align:right;
}

label span{
color:#CA0404;
padding:2px;
}

input.textbox, .memo {
float:left;
background:#fff;
width:350px;
margin-bottom:5px;
padding:6px;
border:1px solid #ccc;
margin-right:5px;
}

.textboxsmall {
width:100px;
margin-right:5px;
}


.multi {
float:left;
background:#fff;
width:350px;
margin-bottom:5px;
padding:6px;
border:1px solid #ccc;
height:150px;
margin-right:5px;
font-family:Arial, Helvetica, sans-serif;
}

.formRow select {
float:left;
background:#fff;
margin-bottom:5px;
padding:4px;
border:1px solid #ccc;
font-family:Arial, Helvetica, sans-serif;
margin-right:5px;
}

.formRow a {
margin-top:4px;
float:left;
}

.checkbox {
float:left;
}

textarea.dataField {
height:100px;
background:#fff;
}

.submitButton {
display:block;
font-size:14px;
padding:5px;
float:left;
background:#FF6600;
color:#fff;
text-align:center;
border:none;
margin-left:190px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-family:Arial;
}


.moduleType_ContactForm {
margin:30px 0;
background:#f1f1f1;
padding:20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.LeftCol {
width:700px;
float:left;
margin-right:20px;
}

.RightCol {
width:200px;
float:left;
}


.navTree {}

.navTree li a{
display:block;
font-size:120%;
padding:7px 5px;
border-bottom:1px solid #FF6600;
color:#007F5B;
}

.ServiceList {}

.ServiceList li {
margin-bottom:20px;
padding-bottom:10px;
border-bottom:1px solid #ccc;
}

.ServiceList li .ListThumb {
float:left;
padding:3px;
border:1px solid #ccc;
line-height:0;
}

.ListInfo {
padding-left:180px;
}

.ListInfo .Pos {
display:block;
font-weight:bold;
color:#999;
font-size:16px;
margin-bottom:5px;
}

.StaffContacts{
font-size:14px;
}

.StaffContacts a{
margin-left:10px;
}

.ServiceList li .ListThumb {
float:left;
padding:3px;
border:1px solid #ccc;
line-height:0;
}


/*--------PDF-------------*/

body.forPDF {
background:#fff;
font-size:14px;
padding:20px 0;
}

body.forPDF .BodyContent{
width:19.50cm;
margin:0 auto 20px auto;
text-align:left;
}



body.forPDF .Header{
padding:10px 0;
border-bottom:3px solid #007F5B;
margin-bottom:5px;
}

body.forPDF  .Header .rfloat {
width:400px;
margin-top:40px;
}

body.forPDF .Header .Nav{
display:none;
}

body.forPDF .PropertyDetails {
padding:0;
font-size:11px;
float:left;
width:100%;
}

body.forPDF .PropertyExtra {
}

body.forPDF .PropertyExtra .epc{
padding:0;
text-align:left;
background:none;
}


body.forPDF  .PropertyImg {
height:300px;
}

body.forPDF  .PropertyImg #slideshow {
width:420px;
height:300px;
}



body.forPDF  .PropertyImg #slideshow img {
}


body.forPDF .PropertyDetails .LeftCol{
width:420px;
margin-right:10px;
}

body.forPDF .PropertyDetails .PropertyIntro {
background:none;
color:#007F5B;
padding:0 0 20px 0;
margin:0 0 20px 0;
border-bottom:1px solid #ccc;
}

body.forPDF .PropertyDetails .PropertyIntro .rfloat {
float:none;
text-align:left;
padding-top:10px;
}

body.forPDF .PropertyDetails .PropertyIntro .lfloat {
float:none;
}

body.forPDF .PropertyDetails .PropertyIntro .rfloat span {
margin:0 10px 0 0;
}

body.forPDF .PropertyDetails span.LetBuy {
position:relative;
background:none;
color: #FF6600;
padding:0px;
}


body.forPDF .PropertyDetails .PropertyIntro h1{
background:none;
color:#007F5B;
font-size:24px;
}

body.forPDF .PropertyDetails .RightCol{
width:300px;
float:right;

}

body.forPDF .PropertyDetails .RightCol .Map{
}


body.forPDF .Footer{
display:none;
}

body.forPDF .epc{
display:none;
}

body.forPDF .epcaddress {
display:block;
}

.sectionId_81 {
	display:none;
}

body.forPDF .sectionId_81 {
display:block;
margin-top:30px;
}


body.forPDF .download {
display:none;
}


body.forPDF .PropertyDetails #nav {
float:none;
margin-top:20px;
}

body.forPDF .PropertyDetails #nav li{
display:inline;
margin-right:5px;
}

.moduleType_User {
border:1px solid #ccc;
background:#f1f1f1;
padding:10px;
font-size:14px;
}

.moduleType_User .button {
display:block;
padding:5px; 
background:#007F5B;
color:#fff;
margin:10px 0 1px 0;
cursor:pointer;
}

.moduleType_User .button:hover {
display:block;
padding:5px; 
background:#007F5B;
color:#fff;
margin:11px 0 0 1px;
cursor:pointer;
}