<style>

html
{
    background-color: #FFFFFF;

        background-image: url("http://static.sa-property.co.za/Resource/58283");
            background-position: top Center;
    background-repeat: repeat-x;
}

body
{
    color: #444444;
}

.recentSearch
{
    border-color: #8B0104;
    border-width: 1px;
    border-style: solid;
}

.p24_content .p24_price
{
    color:  #D20107 !important;
}

.p24_regularTile .p24_address
{
    color:  #D20107 !important;
}

/* GENERAL */

.sc_sectionHighlightDark
{
    background: #FFFFFF;
}

.sc_sectionHighlightLight
{
    background: #FFFFFF;
}

/* BUTTONS */
.btn-link
{
    color: #585361;
}

.btn-primary
{
    background-color: #D20107 !important;
    border-color:#D20107;
}

.btn-danger
{
    background-color: #007CCC;
    border-color: #007CCC;
}

.btn-success
{
    background-color: #D20107;
    border: none;
    border-radius: 2px;
}

.btn-default
{
    background-color: #585361;
 }

.sc_searchBarFixed:not(.sc_searchBarFixedOpen) .sc_searchBar .sc_searchBarOptions .btn-default.btn-fixed,
.sc_searchBarFixed:not(.sc_searchBarFixedOpen) .sc_searchBar .sc_searchBarOptions .btn-default.btn-fixed:focus,
.sc_searchBarFixed:not(.sc_searchBarFixedOpen) .sc_searchBar .sc_searchBarOptions .btn-default.btn-fixed:hover,
.sc_searchBarFixed:not(.sc_searchBarFixedOpen) .sc_searchBar .sc_searchBarOptions .btn-default.btn-fixed:active,
.sc_searchBarFixed:not(.sc_searchBarFixedOpen) .sc_searchBar .sc_searchBarOptions .btn-default.btn-fixed.active,
.sc_searchBarFixed:not(.sc_searchBarFixedOpen) .sc_searchBar .sc_searchBarOptions .open .dropdown-toggle.btn-default.btn-fixed {
    background-color: #D20107 !important;
}

/*Override Bootstrap*/
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    color: #FFFFFF;
    background-color: #585361;
    border-color: #585361;
}


/*Override Bootstrap*/
.btn-group .dropdown-toggle,
.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-success:hover
{
    background-color: #D20107;
    border-color: #D20107;
}

.btn-warning
{
    background-color: #007CCC;
    border-color: #007CCC;
}

.btn-warning:hover
{
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff9c00), to(#dd820d));
    background: -moz-linear-gradient(#ff9c00, #dd820d);
    background: linear-gradient(#ff9c00, #dd820d);
}

hr
{
    border-top: 1px solid #e6e6e6;
}

/* FONTS */
.sc_carouselLarge h2,
.sc_homeAreas h2,
.sc_fontHighlightSecondary,
.sc_moreLink a
{
    color: #585361;
}

.sc_areasPopular .sc_alert h2
{
    color: #444444;
}

a
{
    color: #D20107;
    text-decoration: none;
}

a:hover
{
    color: #D20107;
}

.sc_fontHighlightPrimary
{
    color: #D20107;
}

.sc_fontHighlightDanger
{
    color: #ef3f39;
}

.sc_textBorderPrimary
{
    padding-bottom: 8px;
    border-bottom: 4px solid #D20107;
}

.sc_textBorderDanger
{
    padding-bottom: 8px;
    border-bottom: 4px solid #ef3f39;
}

/* BREADCRUMBS */
.sc_themeBreadcrumb
{
    color: #FFFFFF;
    background: #D20107;
}

.sc_themeBreadcrumb i
{
    color: #FFF;
}

.sc_themeBreadcrumb a
{
    color: #FFFFFF;
}

/* FOOTER */
footer a
{
    color: #444444;
}

/* MAIN MENU */
.navbar .container .navbar-header .sc_navContainer .sc_topLinks a.brand-primary
{
    color: #D20107;
}

/* SEARCH BAR */
.sc_searchBar
{
    background:#D20107;
}

.sc_searchBar.sc_searchBarCompact
.sc_searchType
.dropdown-menu li a:hover
{
    background-color: #3A3740 !important;
}

.sc_searchBar,
.sc_searchBar h2,
.developmentssearchbar,
.developmentssearchbar h2
{
    color: #FFFFFF;
}

.sc_searchTabs li.active a
{
    color: #585361;
    border: 1px solid #D20107;
}

div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
    background: #585361 !important;
}

.sc_searchTabs li.active a:after,
.sc_searchTabs li.active a:before
{
    border-color: #D20107;
}

li.token-input-token-facebook
{
    color: #FFFFFF;
    background: #585361;
    border-color: #3A3740;
}

li.token-input-token-facebook
{
    background-color:  #585361;
    color: #FFF;
    border: 1px solid #3A3740;
}

.sc_searchBar .p24_autoComplete ul li.token-input-token-facebook
{
    background-color : #585361 !important;
}

.sc_searchBar .p24_autoComplete ul
{
    border: 2px solid #D20107;
    border-right: none;
}

.btn-danger:focus,
.btn-danger:hover ,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger
{
    color: #fff;
    background-color: #007CCC !important;
    border-color: #007CCC;
}

.btn-default,
.btn-default:focus
{
    background-color: #585361;
}

li.token-input-token
{
    background-color:  #585361;
    border: 1px solid #3A3740;
    color: #FFF;
}

li.token-input-token-facebook
{
    background-color:  #585361;
    color: #FFF;
    border: 1px solid #3A3740;
}

li.token-input-selected-token-facebook
{
    background: #8B0104;
}

/* HOME PAGE */
.sc_homeArticles h2
{
    color: #444444;
}

.sc_homeArticle a
{
    color: #585361;
}

/* RESULTS */
.sc_listingTile:hover
{
    border: 1px solid #585361;
}

.sc_listingTile .sc_listingTileContent .sc_listingTilePrice,
.sc_listingTile .sc_listingTileContent .sc_listingTileAddress
{
    color: #585361;
}

.sc_listingTile .sc_listingTileContent .sc_listingTileType,
.sc_listingTile .sc_listingTileContent .sc_listingTileDeveloper
{
    color: #444444;
}

.sc_listingTile .sc_listingTileContent .sc_listingTilePriceDevelopments
{
    color: #D20107;
}

.sc_featuredProperty a
{
    color: #444444;
}

.sc_featuredPropertyPrice
{
    color: #585361;
}

/* LISTING PAGE */
.sc_listingTabs li.active a,
.sc_listingTabs li.active a:active,
.sc_listingTabs li.active a:hover,
.sc_listingTabs li.active a:focus
{
    color: #FFF !important;
    background: #D20107 !important;
    border: 1px solid #D20107 !important;
}

.sc_listingPriceDevelopments span
{
    color: #D20107;
}

.sc_listingPriceDevelopments span.sc_listingPriceRange
{
    color: #444444;
}

.sc_developmentsPlanPrice, .sc_poweredBy
{
    color: #585361;
}

/* AGENCIES RESULTS */
.sc_agencies .sc_panel h2
{
    color: #D20107;
}

/* AGENT PROFILE */
.sc_labelHighlightBlue
{
    color: #FFF;
    background-color: #585361;
}

/* CAROUSEL */
.sc_carouselPrice
{
    color: #D20107;
}

/* SIDEBAR */
.sc_sidebar .sc_panel h2
{
    border-bottom-color: #D20107;
}

.sc_sidebar .sc_alert p span
{
    color: #ef3f39;
}

/* Map Search */
.mapSearchContainer
{
    border:#D20107 1px solid !important;
    background: #D20107;
}

.mapSearchContainer h1
{
    color:#FFFFFF;
}

.mapSearchContainer .mapPanel
{
    border-color: #D20107 transparent #D20107 #D20107;
}

.mapSearchContainer .mapPanel h3
{
    color: #D20107;
    font-weight:bold;
}

.mapSearchContainer .mapTabContainer ul li input[type="button"]
{
    border: 1px #D20107 solid;
}

.mapSearchContainer .mapTabContainer ul li input[type="button"]
{
    background-color: #D20107;
    color: #FFFFFF;
}

.mapSearchContainer .mapPanel .searchBox
{
    border: solid 1px #D20107;
}

.mapSearchContainer .mapPanel .searchBox:before
{
    border-color: transparent transparent #D20107 transparent;
}

.mapTabContainer ul li input[type="button"]:hover,
.mapTabContainer ul li.selected input,
.mapPanel .price
{
    color: #585361 !important;
}

/* Misc */

.primaryColor
{
    color: #D20107 !important;
}

.primaryBGColor
{
    background-color: #D20107 !important;
}

.primaryBorderColor, .sc_panel.sc_panelHighlight:hover
{
    border-color: #585361;
}

.pagination>li>a,
.pagination>li>span
{
    color: #D20107;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus
{
    color: #D20107;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus
{
    border-color: #D20107;
}

.sc_customContent .sc_homeInsuranceList li .badge
{
    background-color: #D20107;
}

.sc_profileMenu li a.active
{
    background-color: #D20107;
}

.pp_title_price
{
    color: #D20107;
}

.showContactWrap .fa,
.showEmailWrap .fa,
.sc_developmentsSidebarDetails i.fa
{
    color : #D20107 !important;
}

.navbar .container .navbar-header .sc_navContainer .sc_navHolder .sc_signIn .loginRegisterWrap a
{
    color : #D20107 !important;
}

.sc_profile .sc_panel form .btn-default.sc_searchType,
.sc_profile .sc_panel form .sc_searchBox,
.sc_profile .sc_panel form .sc_searchBarOptions .sc_searchBarOption .btn-group .btn-default,
.sc_profile .sc_panel form .sc_searchBarOptions .sc_searchBarMultiOption .btn-group .btn-default
{
    border-color: #eee;
}

.mapSearchBarOption
{
    background-color:white !important;
    font-size:12px !important;
    max-width:140px !important;
    border:1px solid #9EA5B1
}

.contentSectionContainer .sc_searchBarOption .open,
.contentSectionContainer .sc_searchBarOption btn-group .closed
{
    margin-right:10px;
}

.mapSearchBarOption
{
    background-color:white !important;
    font-size:12px !important;
    max-width:140px !important;
    border:1px solid #9EA5B1
}
tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus
{
    border-bottom: 2px solid #3A3740;
}

.p24_loginModal tabs>li.active>a,
.p24_loginModal .nav-tabs>li.active>a:hover,
.p24_loginModal .nav-tabs>li.active>a:focus
{
    color:#D20107;
}

.p24_loginModal .nav-tabs li.active a
{
    color:#D20107;
}

.sc_emailAlert
{
    background-color: #007CCC !important;
}

.btn-primary:hover,
.btn-primary.hover,.btn-primary:focus,
.btn-primary:active, .btn-primary.active,
.btn-primary.disabled, .btn-primary[disabled],
.open .dropdown-toggle.btn-primary
{
    color: #fff;
    background-color: #D20107 !important;
}

.contentSectionContainer .sc_searchBarOption .open,
.contentSectionContainer .sc_searchBarOption btn-group .closed
{
    margin-right:10px;
}
.btn btn-default dropdown-toggle FromPrice,btn btn-default dropdown-toggle ToPrice,
btn btn-default dropdown-toggle Bedrooms,
btn btn-default dropdown-toggle Bathrooms,
btn btn-default dropdown-toggle RentalTerm
{
    color:#fff !Important;
}

tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus
{
    border-bottom: 2px solid #3A3740;
    .p24_accordion.panel .panel-heading {
        color: #ffffff;
    }
}

.p24_loginModal tabs>li.active>a,
.p24_loginModal .nav-tabs>li.active>a:hover,
.p24_loginModal .nav-tabs>li.active>a:focus
{
    color:#D20107;
}
    .p24_accordion.panel .panel-heading {
        color: #ffffff;
    }
    .p24_bond .panel .panel-heading {
        background-color: #D20107;
    }
     .ui-widget-header {
        background-color: #D20107;
    }
    .p24_bond .panel .panel-heading, .p24_bond.p24_2018 .panel .panel-body .p24_sliding_label_wrapper {
        color: #ffffff;
    }

}

    .p24_bond.p24_2018 .panel .panel-heading{
        color: #ffffff;
    }

.p24_loginModal .nav-tabs li.active a
{
    color:#D20107;
}

.sc_emailAlert
{
    background-color: #007CCC !important;
}

.btn-primary:hover,
.btn-primary.hover,.btn-primary:focus,
.btn-primary:active, .btn-primary.active,
.btn-primary.disabled, .btn-primary[disabled],
.open .dropdown-toggle.btn-primary
{
    color: #fff;
    background-color: #D20107 !important;
}
    .p24_bond.p24_2018 .panel .panel-body .ui-slider .ui-slider-handle, .p24_bondCalculator .p24_rangeSlider .ui-slider-handle {
        border: 9.5px solid #D20107;
    }
    .bondheader {
        background-color: #D20107;
        color: #ffffff;
    }
    .p24_tabs li a{
         color: #ffffff;
    }
    .p24_currency, .p24_percentageIcon, .p24_bond.p24_2018 .panel .panel-body .input-group, .p24_calculatorInputs .input-group {
        color: #D20107;
    }

.sc_emailAlertModal , .sc_emailAlert{
    background-color: #007CCC !important;
}
.btn-default, .btn-default:focus {
        background-color: #585361;
        color:#fff;
}
.btn-primary:hover,.btn-primary.hover,.btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled], .open .dropdown-toggle.btn-primary {
        color: #fff;
         background-color: #D20107 !important;
}
.sc_resultFilterReset .btn-default {
        border: #fff 1px solid;
 }

.btn btn-default dropdown-toggle FromPrice,btn btn-default dropdown-toggle ToPrice,
btn btn-default dropdown-toggle Bedrooms,
btn btn-default dropdown-toggle Bathrooms,
btn btn-default dropdown-toggle RentalTerm
{
    color:#fff !Important;
}
.modal-title{
    color: white;
    background:Color [A=255, R=210, G=1, B=7] !important;

}
.modal-header{
       background:Color [A=255, R=210, G=1, B=7] !important;
}
       .property24-color-link{
        color:#D20107 !important;
    }

a > .fa.fa-facebook-official {
        color: #3b5998;
}

a > .fa.fa-twitter-square {
        color: #55acee;
}

a > .fa.fa-google-square {
        color: #dd4b39;
}

a > .fa.fa-whatsapp {
        color: #43d854;
}

a > .fa.fa-google-plus-square {
        color: #DD4B39;
}

a > .fa.fa-linkedin-square {
        color: #0077b5;
}

a > .fa.fa-pinterest-square {
        color: #DD0E1A;
}

    .p24_loginModalLink {
        color: #D20107 !important;
    }

    .p24_icon_primary, .p24_primary{
        color : #D20107 !important;
    }

    .p24_icon_primary, .p24_primary {
        color: #D20107 !important;
    }

    .p24_showdays .p24_listingHeadings {
        border-bottom: 1px solid #D20107;
    }
</style>
    <style>
        #ResultsNativeFirst, #ResultsNativeSecond
{
margin-bottom:15px;
}

.navbar .container .navbar-header .sc_navContainer .sc_navHolder .nav li a{padding-top: 15px !important;}

.navbar{padding: 15px 0 10px 0 !important;}

.navbar .container .navbar-header .sc_navContainer .sc_navHolder .sc_signIn{padding-top: 10px !important;}
</style>
