﻿input[type="button"], input[type="submit"], input[type="text"], input[type="password"], text, textarea, select {
    width: 100%;
    height: 32px;
    padding: 7px;
    box-sizing: border-box;
    margin: 0px;
}

input[type="checkbox"]{
    margin-right:3px;
}

.divContainer {
    width: 96%;
    max-width: 960px;
    margin: auto;
    clear: both;
}

.objClear {
    clear: both;
}

.obj100L {
    float: left;
    width: 100%;
}

.obj70L {
    width: 70%;
    float: left;
}

.obj50L {
    width: 50%;
    float: left;
}

.obj50R {
    width: 50%;
    float: right;
}

.obj40R {
    width: 40%;
    float: right;
}

.obj33L {
    float: left;
    width: 33.3%;
}

.obj30R {
    width: 30%;
    float: right;
}

.obj30L {
    width: 30%;
    float: left;
}

.obj10R {
    width: 10%;
    float: right;
}

.obj10L {
    width: 10%;
    float: left;
}

.obj12L {
    width: 12%;
    float: left;
}

.objR {
    float: right;
}



/*Login and Register Forms styling*/
.divLoginReg {
    width: 96%;
    padding: 2%;
    float: left;
}

.divLoginRegBox {
    min-width: 125px;
    width: 31%;
    margin: 0 1%;
    float: left;
}

    .divLoginRegBox input[type="text"], .divLoginRegBox input[type="password"], .divLoginRegBox select {
        margin-bottom: 7px;
    }

.divLoginRegButtons {
    clear: both;
    float: right;
}

    .divLoginRegButtons input {
        width: auto;
        float: left;
        margin: 0 0 10px 5px;
    }
/*Login and Register Forms styling end*/

/*Search Form Styling*/

.multiselect li {
    padding: 2px 0px;
    list-style-image: url(../images/icons/bullet.png);
    cursor: default;
}

    .multiselect li:hover {
        list-style-image: url(../images/icons/cross.png);
    }

.divSearchControl {
    float: left;
    min-height: 78px;
}

    .divSearchControl h4 {
        margin: 5px 0px;
    }

.hypAllAvailable {
    float: right;
    padding: 6px;
}

.divSearchButtons {
    width: 96%;
    float: left;
    margin: 2%;
}

    .divSearchButtons .btnStandard, .divSearchButtons .btnAlt, .divLoginRegButtons .btnStandard, .divLoginRegBox .btnStandard {
        width: 49%;
    }



    .divSearchButtons .btnSearch {
        margin-right: 2%;
    }

/**/
body {
    margin: 0px;
}

section {
    float: left;
}

a img, .objNoBorder {
    border: none;
}

header.header {
    margin-bottom: 10px;
    float: left;
    width: 100%;
    position: relative;
    min-height: 60px;
}

nav.menu {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.imgLogo {
    max-width: 43%;
    padding: 1%;
}

#imgMenuLines {
    position: relative;
    float: right;
    margin: 3px;
    cursor: pointer;
    display: none;
}

#menuLinks {
    display: inline;
    list-style: none;
    float: right;
    margin-bottom: 20px;
    padding: 0px;
}

    #menuLinks li {
        float: left;
        margin-right: 12px;
    }

    #menuLinks a:hover, #menuLinks .current {
        padding-bottom: 14px;
        border-bottom: 6px solid;
    }

#secResults {
    width: 100%;
}

#secSearch {
    padding-top: 1%;
}

    #secSearch h1 {
        margin: 0px;
    }

.divFrame {
    padding: 2%;
}

#secIntro .divFrame {
    margin-right: 1%;
    margin-bottom: 5px;
}

#secFeatured .divFrame {
    margin-top: 5px;
    margin-right: 1%;
    margin-bottom: 10px;
}

#secLatest {
    margin: 15px 0px;
}

.divFooter {
    width: 100%;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
}

.divFooterLeft {
    width: 50%;
    float: left;
    margin-left: 10px;
}

.divFooterRight {
    width: 50%;
    float: right;
    margin-right: 10px;
}

@media screen and (min-width: 711px) {
    .divSearchNarrow .divSearchControl {
        width: 96%;
        margin: 0% 2%;
    }

    .divSearchWide .divSearchControl {
        width: 30%;
        margin: 0% 1% 0% 2%;
    }

    .divSearchWide .divSearchButtons {
        width: 50%;
        float: right;
        clear: both;
        margin: 1% 2%;
    }
}

/*Search form styling end*/

/*Results page styling (standard not alternative)*/

.divResultsFrame {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    border-bottom: solid 2px;
}

.divResultsImageAndButtons {
    min-width: 200px;
    width: 23%;
    float: left;
    margin-right: 2%;
    position: relative;
}

    .divResultsImageAndButtons .imgStatus {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1001;
    }

    .divResultsImageAndButtons .imgProp {
        max-width: 100%;
        float: left;
        margin-bottom: 5px;
        width: 100%;
    }

.divResultsButtons {
    width: 100%;
    float: left;
}

    .divResultsButtons .btnStandard, .divResultsButtons .btnAlt {
        width: 48%;
        box-sizing: border-box;
        height: 35px;
        margin: 1%;
    }


.divDetailsButtons {
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 2%;
    margin-top: 2%;
}

.divResultsDetails {
    display: table-cell;
    margin-bottom: 10px;
}

.divResultsAgent {
    float: left;
    width: 100%;
    padding: 7px;
    box-sizing: border-box;
}

/*Pager*/
.divPaging {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.divPagingSort {
    float: right;
    margin-left: 10px;
}

.divPagingBox {
    float: left;
    width: 25px;
    height: 25px;
    box-sizing: border-box;
    margin: 3px;
    padding: 4px;
}


.divPagingFirst {
    margin-left: 0;
}

.divPagingLast {
}

.lightBorder {
    border: 1px solid;
}

.selectedBorder {
    border: 2px solid;
}
/*Results page styling end*/

/*Details page styling*/
.divDetails {
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 2%;
}

    .divDetails h1 {
        margin: 0px;
        padding: 2%;
    }

    .divDetails .columnL {
        float: left;
        width: 49%;
        margin-bottom: 3%;
    }

    .divDetails .columnR {
        float: right;
        width: 49%;
    }

.divDetailsFrame {
    padding: 1%;
}

.divDetailsImages {
    position: relative;
    margin-bottom: 1%;
}

    .divDetailsImages img {
        max-width: 100%;
    }

    .divDetailsImages .imgStatus {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1001;
    }

    .divDetailsImages .imgMain, .divDetailsImages .imgMainLightBox {
        float: left;
        width: 100%;
    }

        .divDetailsImages .imgMainLightBox img {
            float: left;
            width: 100%;
        }

    .divDetailsImages .imgThumbnail {
        max-width: 31%;
        margin-right: 2%;
        margin-top: 2%;
        float: left;
    }

.divMap {
    margin-top: 1%;
}

.divThumbnails {
    display: block;
}

.divImgSlide {
    display: none;
}

.divDetailsButtons .btnStandard, .divDetailsButtons .btnAlt {
    width: 45%;
    height: 25px;
    margin-right: 2px;
    margin-bottom: 2px;
    line-height: 25px;
    box-sizing: content-box;
}

/*Details page styling end*/

/*Popup box styling (ie postcode lookup form)*/
.divPostCode {
    position: relative;
}

.Outer_PopupBox {
    position: absolute;
    width: 500px;
    left: -30%;
    display: block;
    z-index: 1;
    border: 1px solid;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.Popup_BoxBar {
    padding: 7px 18px 7px 18px;
    box-sizing: border-box;
    width: 100%;
}

    .Popup_BoxBar h2 {
        float: left;
        width: 50%;
    }

    .Popup_BoxBar .divButton {
        float: right;
        width: 49%;
    }

.Popup_Box {
    padding: 18px;
    box-sizing: border-box;
    width: 100%;
}

.Popup_Transition {
    transition: 0.2s;
    animation-timing-function: ease-in;
    -webkit-animation-timing-function: ease-in;
}

.Popup_PageCount {
    float: left;
    width: 50%;
    padding-top: 5px;
    margin-bottom: 7px;
}

.Popup_Paging {
    float: left;
    width: 50%;
    margin-bottom: 7px;
}

    .Popup_Paging input[type=image] {
        padding-top: 5px;
    }

    .Popup_Paging ul {
        list-style: none;
        margin: 0px 0px 0px 0px;
        padding: 0px;
    }

        .Popup_Paging ul li {
            float: left;
            margin: 0px;
            padding: 0px;
            width: 27px;
            height: 27px;
        }

            .Popup_Paging ul li a, .Popup_Paging ul li div, .Popup_Paging ul li.liSelected div {
                float: left;
                padding: 4px 8px 4px 8px;
                margin: 0px;
            }

            .Popup_Paging ul li.liSelected div {
                border: 1px solid;
            }

            .Popup_Paging ul li a:hover {
                border: 2px solid;
                padding: 2px 6px 2px 6px;
            }

/*Popup box styling end*/

/*Featured properties slider*/
.divFeaturedProperties {
    position: relative;
    margin: auto;
}

    .divFeaturedProperties .divSliderButtons {
        position: absolute;
        bottom: 1%;
        left: 4%;
        z-index: 20;
        width: 92%;
    }

.divSliderButtons img {
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
    width: 47px;
    height: 47px;
}

.divFeaturedProperties .sliderItem {
    position: relative;
}

    .divFeaturedProperties .sliderItem img {
        height: 100%;
        width: 100%;
    }


    .divFeaturedProperties .sliderItem .divOverlay {
        position: absolute;
        top: 0px;
        height: 100%;
        width: 100%;
        left: 0px;
        opacity: 0.90;
        filter: alpha(opacity=90); /* For IE8 and earlier */
        z-index: 10;
        display: none;
    }

        .divFeaturedProperties .sliderItem .divOverlay h3 {
            margin-top: 15px;
        }

    .divFeaturedProperties .sliderItem .ViewLink {
        float: right;
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 100%;
        height: 100%;
    }

        .divFeaturedProperties .sliderItem .ViewLink a {
            height: 100%;
        }


.sliderItem:hover .divOverlay {
    display: block;
}

.divProp {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: 50%;
}
/*Featured properties slider end*/

.divHeader {
    padding: 2% 3%;
    width: 94%;
    border: 1px solid;
}

.divContents {
    padding: 3%;
    float: left;
    width: 94%;
    border: 1px solid;
    border-top: none;
}

.divLabel {
    margin-bottom: 3%;
}

.divModal {
    float: left;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    z-index: 1001;
}

.divDragable {
    cursor: default;
    float: left;
    position: absolute;
    top: 100px;
    left: 300px;
    z-index: 1001;
    width: 600px;
    max-width: 90%;
    min-width: 50%;
}

.divPopUpButtons input, .divPopUpButtons input:hover {
    width: 45%;
    float: initial;
}

.divPopUpFields {
    width: 96%;
    padding: 2%;
    float: left;
}

    .divPopUpFields h4 {
        margin: 5px 0px;
    }

.divPopUpFieldBox {
    width: 48%;
    margin: 0 1%;
    float: left;
}

    .divPopUpFieldBox input[type="text"], .divPopUpFieldBox input[type="password"], .divPopUpFieldBox select {
        margin-bottom: 7px;
    }


.aspNetDisabled, .aspNetDisabled:hover {
    opacity: 0.5 !important;
    filter: alpha(opacity=50) !important; /* For IE8 and earlier */
    cursor: not-allowed !important;
}

/*Buttons*/

/*Button Common Base - Used for image buttons and regular text buttons*/

.btnStandard, .btnAlt, .btnStandard:hover, .btnAlt:hover {
    text-align: center;
    padding: 7px;
    border: none;
    float: left;
    font-weight: normal;
    text-decoration: none !important;
    background-position: center;
    background-repeat: no-repeat;
}

.pagerBtn.btnStandard {
    margin-right: 3px;
}

    .btnStandard:hover, .btnAlt:hover, a:hover {
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

/*Button Common Images - Set URL for background image */

/*Shortlist*/
.btnShort {
    background-image: url(../images/buttons/shortlistBtn.png);
}

.btnShortRemove {
    background-image: url(../images/buttons/shortlistFilledBtn.png);
}

/*Brochure*/
.btnBrochure {
    background-image: url(../images/buttons/brochureBtn.png);
}

/*Internal Brochure*/
.btnIntBrochure {
    background-image: url(../images/buttons/intBrochureBtn.png);
}

/*Contact*/
.btnContact {
    background-image: url(../images/buttons/contactBtn.png);
}

.btnTour {
    background-image: url(../images/buttons/vTourBtn.png);
}

/*Details*/
.btnDetails {
    background-image: url(../images/buttons/detailsBtn.png);
}

/*EPC*/
.btnEPC {
    background-image: url(../images/buttons/epcBtn.png);
}

/*All image Buttons - END*/

/*Property Compare*/
.propCompare{
    border-collapse:collapse;
    width:100%
}

.propCompare > tbody > tr > td {
    padding:5px;
    text-align:center;
}

.ClearBoth{
    clear:both;
}

.divDragableCompare{
    cursor: default;
    float: left;
    position: absolute;
    top: 45%;
    left: 45%;
    z-index: 1001;
    width: 500px;
}

.divChkCompare{
    float:right;
    padding:5px;
    background-color:#0C4490;
}

.btnCompare:disabled{
    background-color:#808080;
}

.btnCompare:hover:disabled{
    background-color:#808080;
    opacity:1;
}

.Warning{
    margin: 10px 0px;
    padding:12px;
    background-color: #FFBABA;
    text-align:center;
}
.Success{
    margin: 10px 0px;
    padding:12px;
    background-color: #DFF2BF;
    text-align:center;
}

/*Property Compare end*/