body { background: #C1DEEE; color: #333; font-size: .75em; font-family: "Helvetica Neue" , Arial, Helvetica, sans-serif; line-height: 18px; margin: 0; padding: 0; }
img { border: none; outline: none; }
a { cursor: pointer; font-weight: normal; margin: 0; padding: 0; text-decoration: none; }
ul { list-style: none; margin: 0; padding: 0; }
h3 { margin: 0; }

#contentHolder { background: #FFFFFF; margin: 20px auto; overflow: hidden; width: 960px; border-radius: 5px; -moz-border-radius: 5px; }

#header { background: #CC0000; height: 90px; position: relative; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; }
.logo { left: 0; position: absolute; top: 10px; }
    #header a.poweredBy{background:url('/static/images/powered-By-MyHome.png'); float:right; height:25px; margin-top:20px; width:170px;}


#menu { bottom: -1px; color: #333; position: absolute; right: 10px; }
#menu li { display: inline; margin-right: 2px; }
#menu a { background: #FFF; color: #333; display: inline-block; font-size: 14px; line-height: 25px; padding: 0 10px; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; }
#menu a.active { border: 1px solid #DDD; border-bottom: none; font-weight: 900; padding-bottom: 1px; }

#headings { background: #FFF; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; height: 30px; overflow: hidden; }
.leftHeading { border-right: 1px solid #EEE; float: left; height: 100%; width: 220px; }
.rightHeading { float: left; width: 739px; }
#headings h3 { font-size: 16px; line-height: 30px; margin-left: 10px; }

#mainBody { overflow: hidden; }


/* Homepage */
#homepage { background: #45CBFF; overflow: hidden; padding: 30px; }
#homepage .section { border: 1px solid #14AFED; float: left; margin: 0 30px 0 0; overflow: hidden; width: 278px; border-radius: 5px; -moz-border-radius: 5px; box-shadow: 0 0 10px #16A4DC; }
#homepage .section.commercial { margin-right: 0; }

#homepage .section h3 { background: #EEE; color: #333; font-size: 13px; margin: 0; padding: 5px 10px; }
#homepage .section h3.top { color:#FFF; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; }
#homepage .section.residential h3.top { background: #005AC3; }
#homepage .section.lettings h3.top { background: #D20F0F; }
#homepage .section.commercial h3.top { background: #2FB135; }
#homepage .section.overseas h3.top { background: #FF9C00; }

#homepage .section .search { background: #FFF; overflow: hidden; padding: 20px; }
#homepage .section .search ul { list-style: none; margin: 0; padding: 0; }
#homepage .section .search li { margin-bottom: 5px; }
#homepage .section .search select { margin: 0; padding: 3px; width: 238px; }
#homepage .section .search #minPrice { float: left; margin-right: 10px; width: 114px; }
#homepage .section .search #maxPrice { width: 114px; }
#homepage .section .search .button { float: right; margin: 0; }

#homepage .section .latestProperties { background: #FFF; overflow:hidden; }
#homepage .section .latestProperties .content { padding: 10px; }
#homepage .section .latestProperties li{float:left;margin:0 10px 10px 0;overflow:hidden;position:relative;width:124px;}
#homepage .section .latestProperties li.right{margin-right:0;}
#homepage .section .latestProperties img{float:left;width:124px;}
#homepage .section .latestProperties .bottom{background:#EEE;color:#000;float:left;font-family:Verdana;font-size:7px;height:20px;line-height:20px;padding:0 3px;text-align:left;text-transform:uppercase;width:118px;}
#homepage .section .latestProperties .locality{float:left;}
#homepage .section .latestProperties .energyRating{float:right;}
#homepage .section .latestProperties .energyRating img{width:50px;}

#homepage .section .latestProperties .price{background:#000;color:#FFF;font-size:9px;font-weight:bold;line-height:10px;opacity:0.75;padding:2px;position:absolute;top:0;right:0;border-radius:3px;-moz-border-radius:3px;}

#homepage .section .popularSearches { background: #FFF; }
#homepage .section .popularSearches .content { padding: 20px; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; }
#homepage .section .popularSearches a{color:#333;font-size:12px;font-weight:bold;text-decoration:none;}
#homepage .section .popularSearches a:hover{text-decoration:underline;}

#homepage .residential .popularSearches a{color:#005AC3;}
#homepage .residential .popularSearches a:hover{color:#09F;}

#homepage .lettings .popularSearches a{color:#A90004;}
#homepage .lettings .popularSearches a:hover{color:#EE0004;}

#homepage .commercial .popularSearches a{color:#060;}
#homepage .commercial .popularSearches a:hover{color:#2FB135;}
/************/



#searchForm { background: #FFF3C2; float: left; padding: 20px; width: 180px; }
#searchForm li { margin-bottom: 5px; }
#searchForm label { display: block; font-weight: 900; }
#searchForm select { margin: 0 0 5px 0; padding: 3px; width: 180px; }
#searchForm select[multiple] { height: 100px; }
#searchForm input { padding: 3px; width: 172px; }
#searchForm button { float: right; margin-top: 5px; }

#searchForm #minPrice { float: left; margin-right: 10px; width: 85px; }
#searchForm #maxPrice { width: 85px; }
#searchForm #minBeds { float: left; margin-right: 10px; width: 85px; }
#searchForm #maxBeds { width: 85px; }

#results { background: #F4F4F4; float: left; padding: 10px 10px; width: 720px; }

.resultItem { float: left; height: 225px; margin-bottom: 20px; overflow: hidden; padding: 10px; position: relative; width: 220px; }
.resultItem img { border: 1px solid #CCC; height: 164px; width: 218px; }
.resultItem a { color: #333; display: block; }
.resultItem a:hover .viewMore { text-decoration: underline; }
.resultItem .address { font-weight: 900; height: 32px; line-height: 16px; }
.resultItem .price { float: left; font-size: 11px; line-height: 10px; }
.resultItem .description { bottom: 5px; float: right; font-size: 11px; left: 10px; line-height: 10px; position: absolute;}
.resultItem .viewMore { bottom: 0; font-weight: 900; position: absolute; right: 5px; }

#BER.listing {height: 16px;width:45px;position: absolute;right: 10px; bottom:18px;}
#BER.brochure {float:right;}

.pager { clear: both; color: #333; float: left; font-weight: 900; margin-top: 20px; text-align: center; width: 720px; }
.pager a, .pager span { border: 1px solid #BBB; color: #333; font-weight: 900; margin: 0 3px; padding: 2px 5px; }
.pager .previous { float: left; }
.pager .next { float: right; }
.pager .previous, .pager .next { margin: 0; }
.pager .current { background: #BBB; }
.pager .disabled { border-color: #DDD; color: #DDD; }

/* Brochure */
#brochure { background: #FFF; margin: 0; overflow: hidden; padding: 20px; }
#brochure .address { font-size: 22px; margin: 10px 0; padding: 0; text-align: center; }
#brochure .brochureHeader { border-top: 2px solid #EEE; border-bottom: 2px solid #EEE; margin: 20px 0; overflow: hidden; padding: 0; }
.brochureHeader .price { border-right: 1px solid #EEE; color: #E33100; float: left; font-size: 21px; font-style: italic; padding: 20px 40px; text-align: center; width: 150px; }
.brochureHeader .info { float: left; font-size: 13px; font-style: italic; font-weight: bold; padding: 20px 40px; }
.info .size { }
.info .beds { }
.info .bathrooms { }
.brochureHeader .energyRating { border-left: 1px solid #EEE; float: right; padding: 19px 40px; }

.brochureBody { margin: 10px 0; }

#brochure p {padding:20px;}

.gallery { float:left; width: 610px; }
.gallery ul { list-style: none; margin: 0; padding: 0; }
.gallery li { float: left; margin: 0; overflow: hidden; padding: 0; }
.gallery a { display: block; height: 82px; margin: 0 6px 6px 0; overflow: hidden; padding: 0; width: 122px; }
.gallery a.rightImg { margin-right: 0; }
.gallery img { border: 1px solid #E7E7E7; }
.gallery #firstPhoto a { height: 285px; margin: 0 0 6px 0; width: 358px; }
.gallery #firstPhoto img { border: 3px solid #E7E7E7; height: 252px; margin: 0; width: 348px; }
.gallery #viewImages { cursor: pointer; float: right; font-style: italic; font-weight: bold; margin-right:5px; }
.gallery #viewImages:hover { text-decoration: underline; }
 
#aside{float:left;   }

#aside{background-color:#F4F4F4;border:1px solid #CCCCCC;float:right;margin:0 0 20px 10px;padding:10px;width:275px;border-radius:5px;-moz-border-radius:5px;}     
       
.agentDetails{font-size:12px;margin:20px;overflow:hidden;}
    .agentDetails img{float:left;margin-right:5px;width:75px;}
    .agentDetails ul{clear:none !important;float:left;list-style-type:none;margin:0;padding:0;width:155px;}
        .agentDetails ul li{margin-bottom:5px;}
    .agentDetails span{font-family:Georgia;font-weight:900;}
       
#propertyContact{margin:0;}
    #aside #propertyContact h2{border-bottom:1px dotted #CCC;margin:0;padding-bottom:5px;}
    #contactElements{font-size:12px;list-style:none;margin:0;padding:20px 20px 0px 20px;}
        #contactElements .alertBorder{border: 2px solid #e36666;}
        #contactElements li{margin-bottom:10px;width:100%;}
        #contactElements label{display:block;font-family:Georgia;font-weight:900;}
        #contactElements input, #contactElements textarea{width:100%;}
        #contactSubmit{background-color:#2FB135;border:none;color:#FFF;float:right;font-weight:900;padding:3px 6px;border-radius:4px;-webkit-border-radius:4px;}
            #contactSubmit:hover{background-color:#006600;cursor:pointer;cursor:hand;}
#propertyMap{border:1px solid #DDD;float:left;height:350px;margin:20px;width:908px;}

/* Buttons */
.awesome, .awesome:visited { background: #222 url("/static/images/buttonOverlay.png") repeat-x; border: none; border-bottom: 1px solid rgba(0,0,0,0.25); color: #fff !important; cursor: pointer; display: inline-block; -moz-border-radius: 3px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); padding: 5px 10px 6px; position: relative; text-decoration: none; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-radius: 3px; box-shadow: 0 1px 3px rgba(0,0,0,0.5); }
.awesome:hover { background-color: #111; color: #fff; text-decoration: none !important; }
.awesome:active { top: 1px; }
.small.awesome, .small.awesome:visited { font-size: 11px; }
.awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; }
.green.awesome, .green.awesome:visited { background-color: #91bd09; }
.green.awesome:hover { background-color: #749a02; }
.blue.awesome, .blue.awesome:visited { background-color: #2daebf; }
.blue.awesome:hover { background-color: #007d9a; }
.red.awesome, .red.awesome:visited { background-color: #e33100; }
.red.awesome:hover { background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited { background-color: #a9014b; }
.magenta.awesome:hover { background-color: #630030; }
.orange.awesome, .orange.awesome:visited { background-color: #ff5c00; }
.orange.awesome:hover { background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited { background-color: #ffb515; }
.yellow.awesome:hover { background-color: #fc9200; }

.awesome:disabled, .awesome:disabled:hover { background: #EEE; color: #999 !important; }

.hide { display: none; }

/* News */
#News #mainBody{background-color:#F4F4F4;}
#News h1{background: #FFF;border-top: 1px solid #DDD;border-bottom: 1px solid #DDD;font-size: 16px;height: 30px;line-height: 30px; margin:0; overflow: hidden;padding-left: 10px;}
.newsArticles {background-color:#F4F4F4; clear: left; }
.newsArticle {background-color: #FFF;border-top: #E4E4E4 2px solid;border-bottom: #E4E4E4 2px solid;color: #333;display: block;margin: 10px 0;overflow: hidden;padding: 10px;text-decoration: none;}
.newsArticle:hover { background: #EFEFEF; text-decoration: none; }
.newsArticle .headline { color: #800000; cursor: pointer; display: block; font-size: 17px; font-weight: normal; line-height: normal; overflow: hidden; text-overflow: ellipsis; }
.newsArticle .when { color: #D2232A; display: block; font-size: 11px; }
.newsArticle p { font-size: 14px; margin: 10px 0; }
.newsArticle p a { color: #333; text-decoration: none; }
.newsArticle p .more { display: none; }
.newsArticle a.readMore {display: block;font-size: 14px; font-weight: bold; text-align: right; }
.newsArticle a.readMore:hover { text-decoration: underline; }


#NewsItem #mainBody h1 {background: #FFF;border-top: 1px solid #DDD;border-bottom: 1px solid #DDD;font-size: 16px;height: 30px;line-height: 30px;margin: 0;overflow: hidden;padding-left: 10px;}
#NewsItem #mainBody p, #NewsItem #mainBody div {margin: 5px 10px;}
#NewsItem #mainBody .source {float:right; margin: 5px 20px; font-weight:bold; font-size:14px; }
#NewsItem #mainBody .page-header {margin: 0px;}


/* Agents Pages */
#Agent #mainBody, #AgentView #mainBody{background-color:#F4F4F4;}
#Agent h1{background: #FFF;border-top: 1px solid #DDD;border-bottom: 1px solid #DDD;font-size: 16px;height: 30px;line-height: 30px; margin:0; overflow: hidden;padding-left: 10px;}
#agentsList { clear: both; margin:10px 0; list-style:none;padding: 0;}
#agentsList li {background-color: #FFF;border-top: #E4E4E4 2px solid;border-bottom: #E4E4E4 2px solid;color: #333;display: block;margin: 10px 0;overflow: hidden;padding: 10px;text-decoration: none;}
#agentsList li:hover { background: #EFEFEF; text-decoration: none; }
#agentContact { background: #FFFFFF;border-radius: 5px;float:left; margin:20px;padding-bottom: 10px; width:450px;}
#agentContact h2{margin:20px;}
#agentContact #contactElements {padding: 0px 20px 0px 20px;}
#agentContact .agentDetails ul { width: 300px;}
#agentSummary {float:right; margin-top:10px; position:relative; width:350px; }
#agentSummary .viewMore {background-color: #158A32;position: relative;margin:0 5px;} 

/* User Message */

#userMessage {
background: #DDFCD9;
border: 1px solid #B2E8AD;
color: #333;
font-size: 14px;
font-weight: 900;
margin: 25px auto 0;
padding: 5px;
text-align: center;
border-radius: 5px;
-moz-border-radius: 5px;
width: 500px;
}

/*****************************************************/
/******************* ColorBox ************************/
/*****************************************************/
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; overflow: hidden; }
#cboxLoadedContent { overflow: auto; }
#cboxLoadedContent iframe { display: block; width: 100%; height: 100%; border: 0; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

#cboxOverlay { background: url(/static/images/colorbox/overlay.png) 0 0 repeat; }
#colorbox { }
#cboxTopLeft { width: 21px; height: 21px; background: url(/static/images/colorbox/controls.png) -100px 0 no-repeat; }
#cboxTopRight { width: 21px; height: 21px; background: url(/static/images/colorbox/controls.png) -129px 0 no-repeat; }
#cboxBottomLeft { width: 21px; height: 21px; background: url(/static/images/colorbox/controls.png) -100px -29px no-repeat; }
#cboxBottomRight { width: 21px; height: 21px; background: url(/static/images/colorbox/controls.png) -129px -29px no-repeat; }
#cboxMiddleLeft { width: 21px; background: url(/static/images/colorbox/controls.png) left top repeat-y; }
#cboxMiddleRight { width: 21px; background: url(/static/images/colorbox/controls.png) right top repeat-y; }
#cboxTopCenter { height: 21px; background: url(/static/images/colorbox/border.png) 0 0 repeat-x; }
#cboxBottomCenter { height: 21px; background: url(/static/images/colorbox/border.png) 0 -29px repeat-x; }
#cboxContent { background: #fff; }
#cboxLoadedContent { margin-bottom: 28px; }
#cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494; }
#cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: #949494; }
#cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef; }
#cboxPrevious { position: absolute; bottom: 0; left: 0px; background: url(/static/images/colorbox/controls.png) -75px 0px no-repeat; width: 25px; height: 25px; text-indent: -9999px; }
#cboxPrevious.hover { background-position: -75px -25px; }
#cboxNext { position: absolute; bottom: 0; left: 27px; background: url(/static/images/colorbox/controls.png) -50px 0px no-repeat; width: 25px; height: 25px; text-indent: -9999px; }
#cboxNext.hover { background-position: -50px -25px; }
#cboxLoadingOverlay { background: url(/static/images/colorbox/loading_background.png) center center no-repeat; }
#cboxLoadingGraphic { background: url(/static/images/colorbox/loading.gif) center center no-repeat; }
#cboxClose { position: absolute; bottom: 0; right: 0; background: url(/static/images/colorbox/controls.png) -25px 0px no-repeat; width: 25px; height: 25px; text-indent: -9999px; }
#cboxClose.hover { background-position: -25px -25px; }

.cboxIE #cboxTopLeft { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale'); }
.cboxIE #cboxTopCenter { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale'); }
.cboxIE #cboxTopRight { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale'); }
.cboxIE #cboxBottomLeft { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale'); }
.cboxIE #cboxBottomCenter { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale'); }
.cboxIE #cboxBottomRight { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale'); }
.cboxIE #cboxMiddleLeft { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale'); }
.cboxIE #cboxMiddleRight { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale'); }



/*****************************************************/
/******************* Wordpress ***********************/
/*****************************************************/
.wp-caption {background: #F1F1F1;line-height: 18px;margin-bottom: 20px;max-width: 632px !important;padding: 4px;text-align: center;} 
.alignleft, img.alignleft {display: inline;float: left;margin-right: 24px;margin-top: 4px;}
.alignright, img.alignright {display: inline;float: right;margin-left: 24px;margin-top: 4px;}
img.aligncenter {margin-bottom: 12px;}
.aligncenter, img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}