/* Property Styles */


/* search tab */
.ui-widget.ui-widget-content {
    border: 0;
    background:transparent;
}
.eai_search .ui-widget-header {
    border: 0;
    background: transparent;
    color: #333333;
    font-weight: bold;
}
.eai_search .ui-tabs-panel {
    background: #fff;
    border: 1px solid #ccc;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 0;
    background: #0277bd;
    font-weight: normal;
    color: #fff;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 0;
    background: #e91e63;
    font-weight: normal;
    color: #333;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: 0;
    background: #e91e63;
    font-weight: normal;
    color: #fff;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited  {
    color: #fff;
    text-shadow:1px 1px 1px #333;
}
.eai_search .ui-tabs .ui-tabs-panel {
    background: #fff;
}
.eai_search input, .eai_search select, .eai_search textarea, .eai_search button, .eai_search input[type=text] {
    font-family: inherit;
    font-size: 1em;
    padding: 5px !important;
    border-radius: 5px;
    margin: 5px 0;
    width: 210px;
    color:#444;
}
.eai_search input[type=submit] {
    color:#fff;
    border: 0;
    border-radius:5px;
    background: #0277bd;
    font-weight:300;
    padding: 7px !important;
    margin-top:8px;
}
.eai_search input[type=submit]:hover {
    background: #e91e63;
    cursor:pointer;
}
.eai_search h3 {
    color:#0277bd;
    font-size:16px;
}
/*****************************************************************/

/* Property listings page */

.properties h1 {
    color:#0277bd;
}
.properties .property-item {
    padding:20px;
    border:1px solid #e7e7e7;
    background:#fff;
    border-radius:5px;
    margin: 10px 0;
}

.short .property-item {
    max-width:250px;
    padding:10px;
    margin-right:8px;
    float:left;
}
.short .property-item h2 {
    font-size: 16px !important;
    text-align: center;
    padding: 5px 0 !important;
}
.short .daft_ie_pagination {
    display:none;
}
.properties .property-item:hover {
    box-shadow: 1px 1px 1px #888888;
    background:#f7f7f7;
}

.properties .property-item h2 {
    font-size:20px;
    font-weight:600;
    padding: 10px;
    background:#fafafa;
    border-radius:5px;
}
.properties .property_link {
    color: #fff;
    display: inline-block;
    padding: 5px 20px;
    background:#0277bd;
    border-radius: 5px;
    margin: 10px auto;
    text-transform:uppercase;
}
.properties .property_link a, .properties .asking_price a:hover {
    color:#fff;
}
.short .property_link {
    font-size:12px;
    margin-right:5px;
}

.properties .asking_price {
    background: #b3e5fc;
    display: inline-block;
    padding: 5px 10px;
    color:#0277bd;
    border-radius: 5px;
    margin: 10px auto;
    text-transform:uppercase;
}
.properties .asking_price a {
    color:#0277bd;
}
.properties .asking_price:hover,.properties .property_link:hover {
    background:#333;
    color:#fff;
    cursor:pointer;
}
.properties .property-item .property-images  {
    position: relative;
    margin: 2%;
    overflow: hidden;
}
.properties .property-item .property-images img {
    max-width: 100%;

    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.properties .property-item .property-images img:hover {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.properties .property-item .features div {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom:5px;
    padding-top:5px;
}

.properties .all_link {
    float:right;
    font-size:.9em;
    background:#e91e63;
    padding: 5px;
    border-radius:5px;
}
.properties .all_link a {
    color:#fff;
}

.properties .sale_agreed {
    padding: 5px;
    color:#fff;
    background:#ff0000;
    border-radius:5px;
    display:inline;
    text-transform: uppercase;
}

/*****************************************************************/

/* Property listings page */

.property .property_row {
    clear:both;
    border: 1px solid #e7e7e7;
    padding: 10px;
    display:inline-block;
    margin: 5px 0;
    width:100%;
}

.property_images {
    max-width:400px;
}
.property .main-image {
    padding: 5px;
    border: 1px solid #e7e7e7;
    max-width:320px;
    display:block;
}
.property .other-image {
    padding: 5px;
    border: 1px solid #e7e7e7;
    float: left;
    max-width: 100px;
    margin-right: 5px;
    display: block;
    max-height: 90px;
    margin: 4px;
}

/*****************************************************************/

/* Property page */
.property .property_name h1 {
    font-size:20px;
    font-weight:600;
    padding: 10px;
    background:#fafafa;
    border-radius:5px;
}
.property .property_summary {
    background: #e7e7e7;
    padding: 10px;
    border-radius:5px;
    display:inline-block;
    width:100%;
}
.property .property_summary div {
    float:left;
    margin-right:0;
}
.property .property_price {
    font-weight:600;
    font-size: 1.2em;
}
.property .property_rent_collection {
    margin-left:5px;
}
.property .property_summary .property_bedrooms, .property .property_summary .property_bathrooms, .property .property_summary .property_type {
    padding: 0 0 0 5px;
}
.property .property_summary .property_bedrooms:after, .property .property_summary .property_bathrooms:after, .property .property_summary .property_type:after {
    content: '|';
    color:#0277bd;
    padding-left:5px;
}
.property .property_column div {
    margin-bottom:10px;
}

.property .daft_link {
    color: #fff;
    display: inline-block;
    padding: 5px 20px;
    background:#0277bd;
    border-radius: 5px;
    margin: 10px auto;
    text-transform:uppercase;
}
.property .daft_link:hover {
    background:#333;
}
.property .daft_link  {
    color:#fff;
}
.property .daft_logo {
    background:url("../images/daft-logo.png");
    height:35px;
    width:110px;
    display:inline-block;
    float:right;
    margin-top:10px;
    margin-right:10px;
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}
.property .daft_logo:hover {
    -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);

}
.property .features div {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom:5px;
    padding-top:5px;
}



.ber {
    width: 60px;
    height:20px;
    margin-top:10px;
}
.property .property_summary .ber {
    float:right !important;
    margin-top:3px;
}
.ber_A1 {
    background-image : url("../images/ber-a1.png");
}
.ber_A2 {
    background-image : url("../images/ber-a2.png");
}
.ber_A3 {
    background-image : url("../images/ber-a3.png");
}
.ber_B1 {
    background-image : url("../images/ber-b1.png");
}
.ber_B2 {
    background-image : url("../images/ber-b2.png");
}
.ber_B3 {
    background-image : url("../images/ber-b3.png");
}
.ber_C1 {
    background-image : url("../images/ber-c1.png");
}
.ber_C2 {
    background-image : url("../images/ber-c2.png");
}
.ber_C3 {
    background-image : url("../images/ber-c3.png");
}
.ber_D1 {
    background-image : url("../images/ber-d1.png");
}
.ber_D2 {
    background-image : url("../images/ber-d2.png");
}
.ber_E1 {
    background-image : url("../images/ber-e1.png");
}
.ber_E2 {
    background-image : url("../images/ber-e2.png");
}
.ber_F {
    background-image : url("../images/ber_f.png");
}
.ber_G {
    background-image : url("../images/ber-g.png");
}
/*****************************************************************/
/* Directory page */
.property_directory ul {
    list-style-type: none !important;
    padding:0 !important;
}
.property_directory li {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}

/*****************************************************************/

/* Sidebar enquiry form */
.sidebar .enquiry-form {
    background: #e7e7e7;
    padding: 20px 20px 10px 20px;
    border-radius: 10px;
}
.sidebar .enquiry-form h3 {
    color:#333;
    font-size:18px;
}
.sidebar .enquiry-form .gform_wrapper .top_label .gfield_label {
    display:none;
}

.sidebar .enquiry-form .gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
    width: 60%;
    font-size: 14px;
    border-radius: 5px;
    padding: 10px;
}
.sidebar .enquiry-form .gform_wrapper textarea.medium {
    width: 60%;
    font-size: 14px;
    border-radius: 5px;
    padding: 10px;
}

.sidebar .enquiry-form .gform_wrapper .gform_footer input[type=submit] {
    color: #fff;
    display: inline-block;
    padding: 5px 20px;
    background:#0277bd;
    border-radius: 5px;
    margin: 10px auto;
    text-transform:uppercase;
    border:0;
}

.sidebar .enquiry-form .gform_wrapper .gform_footer input[type=submit]:hover{
    background:#333;
    color:#fff;
    cursor: pointer;
}
.sidebar .enquiry-form .gform_wrapper .gform_footer {
    margin: 0;
    padding: 1em 0 0;
}
.sidebar .enquiry-form .gform_wrapper {
    margin: 0;
}

/*****************************************************************/

/* Sidebar contact box */
.sidebar .contact-box {
    background: #0277bd;
    padding: 20px 20px 10px 20px;
    border-radius: 10px;
    margin-top:20px;
}
.sidebar .contact-box h3 {
    color:#fff;
    font-size:18px;
}

/*****************************************************************/

a.daft_ie_pagination {
    padding: 5px 10px;
    text-align: center;
    border: 1px solid #ccc;
    background: #e7e7e7;
    margin-right: 5px;
    border-radius: 5px;
}
a.current {
    background:#333;
    color:#fff;
}


/* Main Menu */
#top-menu li li li a {
    font-size: 16px !important;
    margin-left:20px;
}
#top-menu li li li.valuation {
    background:#e91e63;
    /*background:#0277bd;*/
    border: 0;
    margin-left:10px !important;
    max-width:200px;
    margin-top:10px !important;
}
#top-menu li li li.valuation a {
    color:#fff !important;
}
#top-menu li li li.valuation:hover {
    background: #0277bd;
    color:#fff;
}
#top-menu li li li.valuation a:hover {
    color: #fff !important;
}

.menu-icons a {  padding-left: 20px;  }


.menu-icons a:before { font-family: 'ETmodules'; position: absolute; }

#main-header .menu-icons a:before { top: 0; left: 0; }
.sub-menu .menu-icons a:before { margin-top: 6px; left: 0;color:#0277bd; }
#top-header .menu-icons a:before { left: 0px; top: 0px; }

/************************************ MENU ICONS **********************************/
/*** QUOTE MARKS ***/ .menu-icon-1 a:before { content: "\7c"; }
/*** CLOCK FACE ***/ .menu-icon-2 a:before { content: "\7d"; }
/*** CLOSED PADLOCK ***/ .menu-icon-3 a:before { content: "\7e"; }
/*** KEY ***/ .menu-icon-4 a:before { content: "\e001"; }
/*** CLOUD ***/ .menu-icon-5 a:before { content: "\e002"; }
/*** LANDSCAPE IMAGE ICON ***/ .menu-icon-6 a:before { content: "\e005"; }
/*** LIGHTBULB ***/ .menu-icon-7 a:before { content: "\e007"; }
/*** CAMERA ***/ .menu-icon-8 a:before { content: "\e00f"; }
/*** ENVELOPE ***/ .menu-icon-9 a:before { content: "\e010"; }
/*** CREDIT CARD ***/ .menu-icon-10 a:before { content: "\e014"; }
/*** SHOPPING CART ***/ .menu-icon-11 a:before { content: "\e015"; }
/*** LOCATION PIN ***/ .menu-icon-12 a:before { content: "\e01d"; }
/*** CALENDAR ***/ .menu-icon-13 a:before { content: "\e023"; }
/*** CONTACTS BOOK ***/ .menu-icon-14 a:before { content: "\e026"; }
/*** HEART ***/ .menu-icon-15 a:before { content: "\e030"; }
/*** COFFEE CUP ***/ .menu-icon-16 a:before { content: "\e105"; }
/*** WALLET ***/ .menu-icon-17 a:before { content: "\e100"; }
/*** BRIEFCASE ***/ .menu-icon-18 a:before { content: "\e0fe"; }
/*** STAR ***/ .menu-icon-19 a:before { content: "\e031"; }
/*** HOME ***/ .menu-icon-20 a:before { content: "\e009"; }
/*** LINK CHAIN ***/ .menu-icon-21 a:before { content: "\e02c"; }
/*** LIKE THUMBS UP ***/ .menu-icon-22 a:before { content: "\e106"; }
/*** HOURGLASS ***/ .menu-icon-23 a:before { content: "\e0e1"; }
/*** PIE CHART ***/ .menu-icon-24 a:before { content: "\e029"; }
/*** DOUBLE ARROW RIGHT ***/ .menu-icon-25 a:before { content: "\e04a"; }
/************************************* END *****************************************/





/* browser settings */
::-webkit-input-placeholder {
    color: #444;
}
:-moz-placeholder { /* Firefox 18- */
    color: #444;
}
::-moz-placeholder {  /* Firefox 19+ */
    color: #444;
}
:-ms-input-placeholder {
    color: #444;
}

.white-overlay {
    background-color: white;
    position:relative;
    width: 100%;
    height: 100%;
    opacity: 0.20;
    -moz-opacity: 20%;
    -webkit-opacity: 20%;
    z-index: 2;
}



@media (max-width: 375px) {
    .property .main-image {
        max-width: 280px;
    }
    .property .daft_logo {
        float: none;
    }
    .property .property_summary .ber {
        float: left !important;
    }
    .properties h1 {
        font-size: 24px;
    }
    .ui-tabs .ui-tabs-nav li {
        width: 100%;
    }
}


@media (max-width: 320px) {
    .property .main-image {
        max-width: 230px;
    }
}






/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable, .scrollable2 {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 490px;
    height:175px;

    /* custom decorations */
    border:1px solid #ccc;

}