body,div,span,input,a,p,td {
    font-family: "Helvetica neue",Helvetica,Arial,Sans-serif;
    font-size:11px;
    color:#333;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
.noselect {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
-ms-user-select: none;
    user-select: none;
}
html {
    height:100%;
}
img {
    vertical-align:top;
}
h1 {
    font-family: "Helvetica neue",Helvetica,Arial,Sans-serif;
    font-size:12px;
    display:inline-block;
    margin:0px;
    padding:0px;
    color:#333;
}
h2 {
    font-family: "Helvetica neue",Helvetica,Arial,Sans-serif;
    font-size:12px;
    display:inline-block;
    margin:0px;
    padding:0px;
    color:#333;
}
a {
    color: #0654ba;
    text-decoration: none;
}
a:hover {
    text-decoration:underline;
}
.link {
    cursor:pointer !important;
    color: #0654ba !important;
    text-decoration: none !important;
}
.link:hover {
    text-decoration:underline !important;
}
.f12 {
    font-size:12px;
}
.f13 {
    font-size:13px;
}
.f14 {
    font-size:14px;
}
.f15 {
    font-size:15px;
}
.f16 {
    font-size:16px;
}
.f17 {
    font-size:17px;
}
.hidden {
    display:none;
}
.see_all {
    padding: 4px 0px 3px 16px;
}
a.tab {
    cursor:pointer;
    color:#333;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .75);
    font-size:12px;
}
a.tab:hover {
    text-decoration: none;
}
textarea:focus, input:focus{
    outline: none;
}
sup { 
    vertical-align: top;
    position: relative; 
    top: -2px; 
    color:#888;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}
body {
    margin:0px;
    padding:0px;
    background-color:#f6f6f6;
    box-shadow: inset 10px 10px 10px -10px rgba(0,0,0,0.5);
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url(data:image/png;base64,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), linear-gradient(#404855, #323943);
}
na {
    display: inline-block;
    background: url('https://listing.ca/images/na.gif') center left no-repeat;
    padding-left: 9px;
    background-position: 1px 2px;
}
div#top {
    width:1200px;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
}
div#main {
    width:1200px;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
}
div#left_center {
    width:calc(100% - 205px);
    overflow:hidden;
}
div#left {
    width:210px;
    float:left;
}
div#center {
    width:calc(100% - 220px);
    float:right;
}
div#right {
    width:200px;
    float:right;
    padding-top:25px;
}
div.brh {
    border-top:solid 1px #ccc;
    padding:5px 0px;
    cursor:pointer;
}
div.brh:hover {
    background-color: #fffff0;
}
div.brh:first-child {
    border-top:none;
}
div.brhl {
    padding:3px 0px 0px 9px;
}
div.mt30 {
    margin-top:5px;
}
div.rbox {
    border:solid 1px #ccc;
    background-color:#fff;
    padding:5px;
    overflow:hidden;
    position:relative;
    top:-1px;
}
.rb_header {
    padding:7px 5px;
    border:solid 1px #ccc;
    box-shadow: inset 1px 1px 1px -1px rgba(255,255,255,0.95), inset -1px -1px 0px 0px rgba(0,0,0,0.45);
    border-radius: 2px;
    background-image: linear-gradient(#ececec,#dddddd 55%,#d4d4d4 55%, #c3c3c4);
    cursor:default;
    color:#000;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .75);
    text-align:center;
    font-size:12px;
}
.nd {
    display:none;
}
.mt5 {
    margin-top:5px;
}
.m5 {
    margin-bottom:5px;
}
.thl {
    font-weight:bold;
    text-align:left;
}
.thc {
    font-weight:bold;
    text-align:center;
}
.thr {
    font-weight:bold;
    text-align:right;
}
.al {
    text-align:left;
}
.ac {
    text-align:center;
}
.ar {
    text-align:right;
}
div.tab_container {
    position:relative;
    z-index:498;
    border:solid 1px #ccc;
    background-color:#fff;
    top:-1px;
    padding:5px;
}
div.tab_header {
    position:relative;
    z-index:499;
}
div.tab {
    padding:0px 10px;
    line-height:30px;
    box-sizing:border-box;
    float:left;
    border-top:solid 1px #ccc;
    border-right:solid 1px #ccc;
    box-shadow: inset 1px 1px 1px -1px rgba(255,255,255,0.95), 1px 1px 0px rgba(0,0,0,0.10);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background-image: linear-gradient(#ececec,#dddddd 55%,#d4d4d4 55%, #c3c3c4);
    cursor:pointer;
    color:#333;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .75);
    font-size:12px;
}
div.tab:hover {
    background-image: linear-gradient(#aaccde,#9cc5d8 55%,#90bdd4 55%, #83b5cf);
    color:#000;
}
div.tab:first-child {
    border-left:solid 1px #ccc;
    border-top-left-radius:8px;
    padding-left:12px;
    font-size:12px;
}
div.tab:last-child {
    border-top-right-radius:8px;
    padding-right:12px;
    font-size:12px;
}
div.selected {
    border-bottom:solid 1px #fff;
    background:none;
    background-color:#fff;
    color:#29313c;
    text-shadow:none;
    box-shadow:none;
    cursor:default;
    height:31px;
    font-size:12px;
}
div.selected:hover {
    background: none;
    box-shadow: none;
    text-shadow: none;
    background-color:#fff;
    color:#29313c;
}

.button {
    display:inline-block;
    padding:7px 10px;
    float:left;
    border:solid 1px #ccc;
    box-shadow: inset 1px 1px 1px -1px rgba(255,255,255,0.95), inset -1px -1px 0px 0px rgba(0,0,0,0.45);
    border-radius: 2px;
    background-image: linear-gradient(#ececec,#dddddd 55%,#d4d4d4 55%, #c3c3c4);
    cursor:pointer;
    color:#000;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .75);
    margin-left:3px;
    font-size:12px;
}
.button:hover {
    background-image: linear-gradient(#aaccde,#9cc5d8 55%,#90bdd4 55%, #83b5cf);
    text-decoration:none;
}
.button:first-child {
    margin-left:0px;
}

.btnred {
    display:inline-block;
    padding:7px 10px;
    float:left;
    border:solid 1px #ccc;
    box-shadow: inset 1px 1px 1px -1px rgba(255,255,255,0.95), inset -1px -1px 0px 0px rgba(0,0,0,0.45);
    border-radius: 2px;
    background-image: linear-gradient(#ec0000,#dd0000 55%,#d40000 55%, #c30000);
    cursor:pointer;
    color:#fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);
    margin-left:3px;
}
.btnred:hover {
    background-image: linear-gradient(#aaccde,#9cc5d8 55%,#90bdd4 55%, #83b5cf);
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .75);
    color:#000;
    text-decoration:none;
}

.btn2c {
    border-top-left-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 10px;
}
.button.disabled,
.btnred.disabled,
.btn2c.disabled {
    background-image: linear-gradient(#ececec,#dddddd 55%,#d4d4d4 55%, #c3c3c4) !important;
    color:rgba(0,0,0,0.5) !important;
    cursor:default !important;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .75) !important;
    text-decoration:none !important;
}

div.social {
    box-shadow: inset 1px 1px 1px -1px rgba(255,255,255,0.95), inset -1px -1px 0px 0px rgba(0,0,0,0.45);
    margin-right: 3px;
    cursor:pointer;
    float:left;
    width:27px;
    height:27px;
}

div.facebook {
    background: url('https://listing.ca/images/social/facebook.gif') top left no-repeat;
}
div.twitter {
    background: url('https://listing.ca/images/social/twitter.gif') top left no-repeat;
}
div.google {
    background: url('https://listing.ca/images/social/google.gif') top left no-repeat;
}
div.pinterest {
    background: url('https://listing.ca/images/social/pinterest.gif') top left no-repeat;
}
div.email {
    background: url('https://listing.ca/images/social/email.gif') top left no-repeat;
}

div#div_menu > div:first-child {
    overflow:hidden;
}
div#div_menu > div:first-child > div, div#div_menu > div:first-child > a {
    float: left;
    width: 50%;
    box-sizing: border-box;
    text-align: center;
    margin: 0px;
}
div#div_menu > div:first-child > div.button.btnred {
    cursor:default !important;
}
div#div_menu > div:first-child > div.button.btnred:hover {
    cursor:default;
    background-image: linear-gradient(#ec0000,#dd0000 55%,#d40000 55%, #c30000);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);
    color:#fff;
    text-decoration:none;
}
.menu_section {
    overflow: hidden;
    padding-top: 20px;
}
.menu_section > div {
    overflow: hidden;
}
.menu_section > div:first-child > div {
    float: right;
    margin-left: 3px;
}
.menu_section > div:first-child > div:first-child {
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin-left: 0px;
    color: #333;
}
.menu_section > div:last-child {
    margin-top: 5px;
    overflow: hidden;
    padding-bottom: 1px;
}

.menu_item {
    font-size:13px;
    margin-top:2px;
    user-select:none;
}
.menu_item > a {
    font-size:13px;
}
.menu_item > input {
    top:-1px;
}
.submenu_item {
    margin-left: 15px;
}
.submenu_item > input {
    top:0px;
}
.submenu_item > a {
    display: inline-block;
    position: relative;
    top: 3px;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 155px;
}
[type="checkbox"] {
    position:relative;
    cursor:default;
    padding: 0px;
    top: 1px;
    margin: 0px 3px 0px 0px;
    vertical-align: bottom;
}
sup.s2 {
    vertical-align: top;
    position: relative; 
    top: 1px; 
    color:#888;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    font-size: 10px;
}

div#q_container {
    position:relative;
    width:775px;
    height:53px;
    padding:0px;
    margin:0px;
    z-index:499;
}
input#q {
    position:absolute;
    top: 0;
    left: 0;
    border:solid 1px #ccc;
    box-shadow: inset -1px -1px 0px 0px rgba(0,0,0,0.45);
    border-radius: 5px;
    font-size:16px;
    color:#666;
    width:100%;
    box-sizing: border-box;
    padding:25px 60px 13px 50px;
    background:none;
    z-index:502;
}
input#q:focus {
    box-shadow: inset -1px -1px 0px 0px rgba(0,0,0,0.65);
    border:solid 1px #999;
    color:#333;
}
label#q_label {
    position:absolute;
    top: 0;
    left: 0;
    font-size:16px;
    color:#767676;
    border-radius: 5px;
    background: #fff url('https://listing.ca/images/search-bg.gif') top left no-repeat;
    background-position: 6px 10px;
    box-sizing: border-box;
    padding: 20px 0px 18px 50px;
    width:100%;
    z-index:500;
    transition: ease-in-out .1s;
}
input#q:focus + label#q_label {
    color:#447fd7;
    font-weight:bold;
    font-size:11px;
    padding: 5px 0px 39px 50px;
    transition: ease-in-out .1s;
    text-transform: uppercase;
}
input#q:valid + label#q_label {
    color:#447fd7;
    font-weight:bold;
    font-size:11px;
    padding: 5px 0px 39px 50px;
    transition: ease-in-out .1s;
    text-transform: uppercase;
}
div#q_loading {
    display:none;
    position:absolute;
    top: 18px;
    left: 722px;
    z-index:501;
}
input.open {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
} 
div#qc {
    display:none;
    border:solid 1px #999;
    border-top:none;
    background-color:#fff;
    box-shadow: inset -1px -1px 0px 0px rgba(0,0,0,0.65);
    padding-right:1px;
    box-sizing: padding-box;
    z-index:10000;
}

div.qrc {
    border-top: solid 1px #d0d0d0;
    overflow:hidden;
    padding:3px 0px;
}
div.qrc:hover {
    background-color:#FFFFD8;
}
div.qrl {
    float:left;
    width:120px;
    color:#8a8a8a;
    font-size:14px;
    text-align:right;
    padding-right:7px;
}
div.qrr {
    float:left;
    font-size:14px;
}
a.qrr {
    font-size:14px;
}
span.qrrp {
    color:#008000;
    font-size: 14px;
    font-weight:bold;
}
span.qrrhl {
    background-color:#f26122;
    font-size:14px;
    color:#fff;
}
div.qrre {
    font-size:12px;
    background: url('https://listing.ca/images/na.gif') center left no-repeat;
    padding-left: 9px;
    background-position: 1px 2px;
}
a.qrre {
    font-size:12px;
}
.f_right {
    float:right;
    margin-left:3px;
    color:#c0c0c0;
}

div.hide {
    overflow:hidden;
}
.right {
    float:right;
}
.left {
    float:left;
}
rc {
    margin:10px 0px 5px 0px;
    font-weight:bold;
    display: block;
}
r1 {
    overflow:hidden;
    display:block;
}
rb {
    font-weight:normal;
    display:inline-block;
    margin-left:10px;
    float:left;
}
rp {
    font-weight:normal;
    float:right;
    color:#008000;
    display:inline-block;
}

.al2 {
    float:left;
    width:40%;
    font-size:14px;
    box-sizing:border-box;
}
.ar2 {
    float:right;
    width:50%;
    font-size:14px;
    color:#008000;
    padding-right:10px;
    box-sizing:border-box;
}

div.minmax {
    font-weight:bold;
    color:#666;
    user-select:none;
}


.barlittle {
    /*
    background-color: #2187e7;
    background-image: -moz-linear-gradient(45deg, #2187e7 25%, #a0eaff);
    background-image: -webkit-linear-gradient(45deg, #2187e7 25%, #a0eaff);
    border-left: 1px solid #aaa;
    border-top: 1px solid #aaa;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-image: linear-gradient(#aaccde,#9cc5d8 55%,#90bdd4 55%, #83b5cf);
    */
    background-color:#447fd7;
    border:solid 1px #ccc;
    /*box-shadow: inset 1px 1px 1px -1px rgba(255,255,255,0.95), inset -1px -1px 0px 0px rgba(0,0,0,0.45);*/
    border-radius: 1px;

    width: 7px;
    height: 20px;
    float: left;
    margin-left: 3px;
    opacity: 0;

    animation: move .8s infinite linear;
    -moz-animation: move .8s infinite linear;
    -webkit-animation: move .8s infinite linear;
    /*
    opacity: 0.1;
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-animation: move 1s infinite linear;
    -webkit-animation: move 1s infinite linear;
    */
}

#block_1 {
    animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-delay: .2s;
}

#block_2 {
    animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-delay: .3s;
}

#block_3 {
    animation-delay: .4s;
    -moz-animation-delay: .4s;
    -webkit-animation-delay: .4s;
}

@keyframes move {
    0% {
/*-moz-transform: scale(1.2);*/
opacity: 1;
    }
    100% {
/*-moz-transform: scale(0.7);*/
opacity: 0;
    };
}

div.nav {
    font-size:12px;
    margin:10px 0px;
}
a.navb {
    display:inline-block;
    padding:5px 5px;
    border:solid 1px #ccc;
    box-shadow: inset 1px 1px 1px -1px rgba(255,255,255,0.95), inset -1px -1px 0px 0px rgba(0,0,0,0.45);
    border-radius: 2px;
    background-image: linear-gradient(#ececec,#dddddd 55%,#d4d4d4 55%, #c3c3c4);
    cursor:pointer;
    color:#333;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .75);
    font-size:12px;
}
a.navb:hover {
    background-image: linear-gradient(#aaccde,#9cc5d8 55%,#90bdd4 55%, #83b5cf);
    text-decoration:none;
    color:#000;
}
b.navs {
    cursor:default;
    display:inline-block;
    margin:0px 3px;
    padding:6px 8px;
    border:solid 1px #ccc;
    background-color:#fff;
    font-weight:bold;
    color:#d00000;
    font-size:13px;
}

div.lc {
    border-bottom:solid 1px #ccc;
    padding:5px 0px;
}
div.lc:first-child { 
    border-top:solid 1px #ccc;
}

div.lc:hover {
    background-color: #fffff0;
}
div.si {
    float:left;
    border:solid 1px #ccc;
    padding:1px;
}

div.sl_s {
    float: right;
    width: calc(100% - 144px);
    padding-right: 10px;
}
div.slt_s_price {
    float:right;
    color:#008000;
    font-weight:bold;
    font-size:14px;
    width:90px;
    text-align:right;
}
div.slt_s_beds {
    float:left;
    font-size:14px;
    width:80px;
}
div.slt_s_baths {
    float:left;
    font-size:14px;
    width:55px;
}
span.slt_s_bb_value {
    color:#008000;
    font-size:14px;
    font-weight:bold;
}
div.sl {
    float:right;
    width:calc(100% - 180px);
}
div.slt {
    overflow:hidden;
}
div.slt_address {
    font-size:15px;
    float: left;
}
div.slt_price {
    float:right;
    color:#008000;
    font-weight:bold;
    font-size:16px;
    width:135px;
    text-align:right;
}
div.slt_beds {
    float:right;
    font-size:16px;
    width:100px;
}
div.slt_baths {
    float:right;
    font-size:16px;
    width:75px;
}
span.slt_bb_value {
    color:#008000;
    font-size:16px;
    font-weight:bold;
}
div.sl_loc {
    margin: 5px 0px 5px 0px;
    overflow:hidden;
}
div.sl_loc > div:first-child {
    float:left;
}
div.sl_loc > div:last-child {
    float:right;
    display:none;
    background:url(https://listing.ca/images/btc-logo-small.png) top left no-repeat;
    padding-left:24px;
}
div.sl_loc > div:last-child > div:first-child {
    position: relative;
    top: -1px;
    display:inline-block;
    font-size:15px;
}
div.sl_loc > div:last-child > div:first-child > a {
    display:inline-block;
    font-size:15px;
}
div.sl_loc > div:last-child > div:last-child {
    display:inline-block;
    color:#008000;
    font-weight:bold;
    font-size:16px;
}

na2 {
    display: inline-block;
    background: url(https://listing.ca/images/na.gif) center left no-repeat;
    padding: 0px 2px 0px 10px;
    background-position: 1px 4px;
}
a.na2 {
    font-size:15px;
}

select.sort {
    display:inline-block;
    border:solid 1px #ccc;
    box-shadow: inset 1px 1px 1px -1px rgba(255,255,255,0.95), inset -1px -1px 0px 0px rgba(0,0,0,0.45);
    border-radius: 2px;
    background-image: linear-gradient(#ececec,#dddddd 55%,#d4d4d4 55%, #c3c3c4);
    cursor:pointer;
    color:#333;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .75);
    margin-left:5px;
    font-size:12px;
    height:26px;
}
select.sort:hover {
    background-image: linear-gradient(#aaccde,#9cc5d8 55%,#90bdd4 55%, #83b5cf);
    text-decoration:none;
    color:#000;
}

div.imc {
    position:relative;
    cursor:pointer;
    top:-125px;
    width:49px;
}
div.fbc {
    display:inline-block;
    position:relative;
    left:126px;
    top:-93px;
}
.fl {
    position:relative;
    top:-67px;
    background: linear-gradient(#ea1208, #a10c01);
    text-align: center;
    color: #fff;
    padding: 3px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);
    cursor:pointer;
}
div.fbcr {
    display:inline-block;
    position:relative;
    left:142px;
    top:-75px;
}
span.fb {
    display:inline-block;
    padding:5px 5px;
    border:solid 1px #666;
    border-radius: 2px;
    background-image: linear-gradient(#ececec,#dddddd 55%,#d4d4d4 55%, #c3c3c4);
    cursor:pointer;
    color:#333;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .75);
}
span.fb:hover {
    background-image: linear-gradient(#aaccde,#9cc5d8 55%,#90bdd4 55%, #83b5cf);
    text-decoration:none;
    color:#000;
}
div.join {
    border:solid 1px #ccc;
    text-align: center; 
    padding:25px 0px 35px 0px;
    font-size:25px;
    margin-top:5px;
    background-color:#fff;
    overflow:hidden;
}
a.join {
    padding:10px 25px;
    font-size:20px;
    border:solid 1px #ccc;
    box-shadow: inset 1px 1px 1px -1px rgba(255,255,255,0.95), inset -1px -1px 0px 0px rgba(0,0,0,0.45);
    border-radius: 2px;
    background-image: linear-gradient(#ec0000,#dd0000 55%,#d40000 55%, #c30000);
    cursor:pointer;
    color:#fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);
}
a.join:hover {
    background-image: linear-gradient(#aaccde,#9cc5d8 55%,#90bdd4 55%, #83b5cf);
    text-decoration:none;
    color:#000;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .75);
}
div.info {
    border: solid 1px #ccc;
    padding: 10px;
    margin-top: 5px;
    font-size: 13px;
    background-color: #fff;
    overflow: hidden;
}
div.info_h1 {
    margin-bottom:5px;
    font-weight:bold;
    font-size:14px;
}
div.lp {
    display: none;
    float:right;
    padding: 3px 0px 0px 0px; 
    font-size: 20px;
}

span.lp {
    font-size: 20px;
    color:#d00000;
    font-weight:bold;
}

/* DYNAMIC SEARCH */

div.ds_ic { overflow:hidden; padding-left:1px; }
div.ds_i { border:solid 1px #ccc; margin:1px 0px 0px 1px; padding:1px; float:left; }
div.ds_i:first-child { margin-left:0px; }
div.ds_c { border:solid 2px #008000; margin-top:0px; }
div.ds_in { overflow:hidden;padding:3px 1px 5px 1px; border-bottom:solid 1px #ccc;margin-bottom:10px; }
div.ds_p { float:left;width:75px; }
span.ds_d { font-weight:bold;color:#008000; font-size:12px; }
div.ds_nav { float:right;margin-right: 5px;padding-top: 8px; font-size:12px; }

/* LISTING */

div#lpc_c { overflow:hidden;padding-bottom:10px; }
h1#lpc_a { font-size:20px; color:#336699; }

div#lpc_pc { 
    float:right;
    font-size: 15px; 
}
div#lpc_pc > span:first-child {
    display:none;
    font-size: 15px;
    padding-right:3px;
}
div#lpc_pc > span:first-child > span:last-child {
    font-size: 16px;
    position: relative;
    top: -2px;
}
div#lpc_pc > span:first-child > span:last-child > a {
    font-size: 16px;
}
div#lpc_pc > span:first-child > span:first-child {
    color:#008000;
    font-size:19px;
    font-weight:bold;
}
div#lpc_pc > span:last-child {
    color:#008000;
    font-size:19px;
    font-weight:bold;
}


div.lpc15 { padding: 5px 0px 15px 0px; font-size: 15px;}
 
div.li_th_c { overflow:hidden; margin-top:2px; }
div.li_th { width:120px;height:90px;float:left; border:solid 1px #ccc; margin-left:2px; padding:1px; cursor:pointer; }
div.li_th:first-child { margin-left:0px; }

div.li_sec { padding: 5px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; }
div.li_sec_b { padding: 5px; overflow:hidden; }
div.li_c { overflow:hidden; }
div.li_l { float:left; font-size:12px; width:125px; }
div.li_r { float:right; font-size:12px; width:225px; font-weight:bold; }
div.red { color:#d00000; }
div.bold { font-weight:bold; }
div.li_nl { clear:both;}
div.li_s5 { margin-top:5px; clear:both; }
div.li_t { font-size:12px;margin-top:5px; }
div.li_t:first-child { margin-top:0px; }
div.li_tt { font-size:12px;font-weight:bold;background: url(https://listing.ca/images/na.gif) center left no-repeat; padding: 0px 0px 3px 10px; background-position: 1px 2px; }

/* BATHROOM */

div.li_br { font-weight:normal;background: url(https://listing.ca/images/na.gif) center left no-repeat; padding-left: 8px; background-position: 1px 2px; }

/* 4TH THUMBNAIL */

div.li_th4_c { position:relative;width:120px;height:90px; }
div.li_th4_i { position:absolute;width:120px;height:90px;top:0px;left:0px;z-index:1; }
div.li_th4_bg { position:absolute;width:120px;height:90px;top:0px;left:0px;background-color:#000;opacity:0.5;z-index:2; }
div.li_th4_n { position:absolute;width:120px;height:90px;top:0px;left:0px;color:#fff;opacity:0.9;z-index:3;font-size:35px;text-align:center;padding-top:26px;text-shadow: 1px 1px 1px rgba(0, 0, 0, .75); }

/* PREV NEXT BUTTONS */

div#div_im_c { position: relative; width: 372px; height: 279px; padding: 1px; border: solid 1px #ccc; }
div#div_im { position: absolute; width: 372px; height: 279px; left: 1px; top: 1px; cursor: pointer; z-index:1; }
div#div_phone { 
    position: relative;
    display: inline-block;
    top: 5px;
    left: 7px;
    font-size: 22px;
    text-shadow: 1px 1px 3px rgba(255, 255, 255, 1);
    cursor: pointer;
    color: #000;
    z-index: 5;
    background-color: #fff;
    background-color: rgba(255,255,255,0.5);
    padding: 0px 5px;
}
div#div_phone > span { 
    font-size: 25px;
    color: #d00000;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    padding-left: 3px;
    font-weight: bold;
}

div#div_btn_prev { display:none; position: absolute; width: 40px; height: 54px; left: 6px; top: 112px; cursor: pointer; opacity: 0.40; z-index: 2; }
div#div_btn_prev:hover { opacity: 0.8; }
div#div_btn_next { display:none; position: absolute; width: 40px; height: 54px; left: 328px; top: 112px; cursor: pointer; opacity: 0.40; z-index: 2; }
div#div_btn_next:hover { opacity: 0.8; }

div#div_ip_shade {position:fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000; opacity: 0.5; z-index:30001;}
div#div_ip_bg {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 30002; display: flex; justify-content: center; align-items: center; }
div#div_ip_content { background-color: #fff; border: solid 1px #666666; box-shadow: 10px 10px 15px -8px rgba(0,0,0,0.5); }

div#div_ip_btn_prev { position: absolute; top: calc(50% - 27px); opacity: 0.40; left: 10px; cursor:pointer; }
div#div_ip_btn_prev:hover { opacity: 0.8; }
div#div_ip_btn_next { position: absolute; top: calc(50% - 27px); opacity: 0.40; right: 10px; cursor:pointer; }
div#div_ip_btn_next:hover { opacity: 0.8; }

/*  LEAD POPUPS */

div.popup_shade {position:fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000; opacity: 0.75; z-index:30001;}
div.popup_bg {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 30002; display: flex; justify-content: center; align-items: center; }
div.popup_content { background-color: #fff; border: solid 1px #666666; box-shadow: 10px 10px 15px -8px rgba(0,0,0,0.5); }
div#popup_address { float:left;font-size:13px; padding: 3px 0px; }
div#popup_beds { float:left; color:#008000; font-weight:bold; font-size:13px; margin-right:3px; }
div#popup_baths { float:left; color:#008000; font-weight:bold; font-size:13px; margin-right:3px; }
div#popup_price { float:right; color:#008000; font-weight:bold; font-size:13px; padding: 3px 0px; }
div#popup_image_c { padding:1px;border:solid 1px #ccc;width:372px;height:279px; margin-top: 3px; }
div.popup_close {
    position: absolute;
    top: 3px;
    right: 3px;
    padding: 0px 5px;
    font-family: Garamond,'Apple Garamond','Lucida Sans Unicode';
    display: inline-block;
    cursor: pointer;
    color: #aaa;
    font-size: 20px;
    font-weight: bold;
    border:solid 1px #fff;
}
div.popup_close:before { content: "×"; }
div.popup_close:hover {
    color: #0654ba;
    font-size: 20px;
    font-weight: bold;
    border:solid 1px #0654ba;
}
td.popup_item { vertical-align: top; padding-top: 4px; font-size: 13px;white-space: nowrap;padding-right:30px; }
div.error { padding-top:3px; color:#d00000; font-size:12px; display:none; }

/*  LISTING */

div.comparables {
}
div.comparables > div {
    overflow:hidden;
    display:flex;
    flex-direction:row;
    margin:5px 0px;
    padding:5px 0px;
    border-top: solid 1px #ccc;
}
div.comparables > div:first-child {
    margin-top:0px;
}
div.comparables > div:last-child {
    border-bottom: solid 1px #ccc;
    margin-bottom: 0px;
}
div.comparables > div > div:first-child {
    flex-grow:1;
}
div.comparables > div > div:first-child > div {
    font-size: 13px;
}
div.comparables > div > div:first-child > div > span {
    font-size: 13px;
    color:#008000;
}
div.comparables > div > div:first-child > div:first-child > a {
    font-size:15px;
}
div.comparables > div > div:first-child > div:nth-of-type(2) {
    overflow:hidden;
    margin: 5px 0px;
}
div.comparables > div > div:first-child > div:nth-of-type(2) > div {
    float:left;
    width:75px;
    font-size:14px;
}
div.comparables > div > div:first-child > div:nth-of-type(2) > div > span  {
    float:left;
    font-size:14px;
    color:#f26122;
    padding-right:5px;
}
div.comparables > div > div:last-child {
    width:165px;
}
div.comparables > div > div:last-child > div  {
    overflow:hidden;
}
div.comparables > div > div:last-child > div > div {
    font-size:13px;
    text-align:right;
}
div.comparables > div > div:last-child > div > div:first-child  {
    float:left;
    width:70px;
    padding-right:3px;
}
div.comparables > div > div:last-child > div:first-child > div:first-child  {
    font-weight:bold;
}
div.comparables > div > div:last-child > div:nth-of-type(1) > div:last-child  {
    float:right;
    width:80px;
    color:#008000;
    font-weight:bold;
}
div.comparables > div > div:last-child > div:nth-of-type(2) > div:last-child  {
    float:right;
    width:80px;
    color:#008000;
}
div.comparables > div > div:last-child > div:nth-of-type(3)  {
    /*margin-top:5px;*/
}
div.comparables > div > div:last-child > div > div:last-child  {
    float:right;
    width:80px;
}

div.sales {
}
div.sales > div {
    overflow: hidden;
    border-bottom: solid 1px #ccc;
    padding:5px 0px;
}
div.sales > div:first-child {
    border-top: solid 1px #ccc;
}
div.sales > div > div:nth-of-type(1) {
    float: left;
    width: 150px;
    font-size: 15px;
}
div.sales > div > div:nth-of-type(2) {
    float: left;
    width: 100px;
    font-size: 15px;
    color: #d00000;
}
div.sales > div > div:nth-of-type(3) {
    float: right;
    width: 115px;
    font-size: 15px;
    color: #008000;
    text-align:right;
}
div.sales > div:first-child > div:nth-of-type(2) {
    color: #333;
}
div.sales > div:first-child > div:nth-of-type(3) {
    font-weight:bold;
}

/*  MENU POPUP */

div#div_sa_shade {position:fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000; opacity: 0.5; z-index:30001;}
div#div_sa_bg {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 30002; display: flex; justify-content: center; align-items: center; }
div#div_sa_content { background-color: #fff; padding: 25px; border: solid 1px #666; box-shadow: 10px 10px 15px -8px rgba(0,0,0,0.5); }

div.sa_tab {
    position:relative;
    left:1px;
    padding:0px 10px;
    line-height:30px;
    box-sizing:border-box;
    border-left:solid 1px #888;
    border-bottom:solid 1px #888;
    border-right:solid 1px #888;
    box-shadow: inset 1px 1px 1px -1px rgba(255,255,255,0.95), 1px 1px 0px rgba(0,0,0,0.10);
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background-image: linear-gradient(#ececec,#dddddd 55%,#d4d4d4 55%, #c3c3c4);
    cursor:pointer;
    color:#333;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .75);
}
div.sa_tab:hover {
    background-image: linear-gradient(#aaccde,#9cc5d8 55%,#90bdd4 55%, #83b5cf);
    color:#000;
}
div.sa_tab:first-child {
    border-top:solid 1px #666;
    border-top-left-radius:6px;
    padding-left:12px;
}
div.sa_tab:last-child {
    border-bottom-left-radius:6px;
    padding-right:12px;
}
div.sa_selected {
    position:relative;
    left:1px;
    padding:0px 10px;
    line-height:30px;
    box-sizing:border-box;
    border-left:solid 1px #888;
    border-bottom:solid 1px #888;
    border-right:solid 1px #fff;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background:none;
    background-color:#fff;
    color:#29313c;
    text-shadow:none;
    box-shadow:none;
    cursor:default;
    height:31px;
}
div.sa_selected:first-child {
    border-top:solid 1px #666;
    border-top-left-radius:6px;
    padding-left:12px;
}
div.sa_selected:last-child {
    border-bottom-left-radius:6px;
    padding-right:12px;
}

div.p {
    padding-top:5px;
    font-size:12px;
}
div.c_c {
    font-size: 23px;
    color: #333;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    text-align: center;
}
div.c_p {
    font-size: 25px;
    color: #3f62ae;
    padding: 0px 0px 0px 34px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
    font-weight: bold;
    background: url(https://listing.ca/images/phone.png) left no-repeat;
    background-position-y: 4px;
    background-position-x: 1px;
}
div.stl { 
    overflow:hidden; 
}
div.stl:hover { 
    background-color: #ffffe0; 
}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0px 9999px white;
}
div.fi {
    padding:25px 100px;
}
div.fi > form > div:first-child > div {
    padding: 3px;
    font-size: 14px;
    line-height: 11px;
}
div.fi > form > div:last-child {
    padding:15px 0px;
}
div.fi > form > div:last-child > div:last-child {
    padding:15px 0px;
}
div.fi > form > div:last-child > div:last-child > input {
    padding:10px 25px;
    font-size:20px;
    border:solid 1px #ccc;
    box-shadow: inset 1px 1px 1px -1px rgba(255,255,255,0.95), inset -1px -1px 0px 0px rgba(0,0,0,0.45);
    border-radius: 2px;
    background-image: linear-gradient(#ececec,#dddddd 55%,#d4d4d4 55%, #c3c3c4);
    cursor:pointer;
    color:#333;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .75);
}
div.fi > form > div:last-child > div:last-child > input:hover {
    background-image: linear-gradient(#aaccde,#9cc5d8 55%,#90bdd4 55%, #83b5cf);
    text-decoration:none;
    color:#000;
}
div.fi > form > div:last-child > div.error {
    display:block;
    color:#d00000;
    font-size:14px;
    padding:0px 0px 10px 0px;
}

div.ipi {
	position:relative;
    width:350px;
    height:50px;
    border:solid 1px #777;
    border-radius:5px;
    margin-bottom:5px;
    background-color:#fff;
}
div.ipi::before {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    content:" ";
    border-radius:5px;
}
div.ipi > input {
	position:absolute;
    top:5px;
    left:0px;
    box-sizing:border-box;
    padding:0px 10px;
    line-height:50px;
    background:none;
    border:none;
    font-size: 16px;
	color:#000;
    z-index:502;
    width:100%;
    outline:none;
}
div.ipi > div.label {
	color:#767676;
    left:10px;
    line-height:50px;
	position:absolute;
    transition: 0.25s ease-in-out;
    font-family:Arial;
    font-size:16px;
    font-weight:lighter;
    z-index:501;
}
div.ipi > input:focus + div.label {
	text-transform: uppercase;
	color:#447fd7;
	top:5px;
    left:10px;
    font-family:Arial;
    font-weight:bold;
	font-size:11px;
    line-height:11px;
}
div.ipi > input:valid + div.label {
	text-transform: uppercase;
	color:#447fd7;
	top:5px;
    left:10px;
    font-family:Arial;
    font-weight:bold;
	font-size:11px;
    line-height:11px;
}

div.ipi_ta {
	position:relative;
    width:100%;
    height:200px;
    border:solid 1px #777;
    border-radius:5px;
    margin-bottom:5px;
    background-color:#fff;
}
div.ipi_ta::before {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    content:" ";
    border-radius:5px;
}
div.ipi_ta > div.label {
	color:#767676;
    left:10px;
    line-height:50px;
	position:absolute;
    transition: 0.25s ease-in-out;
    font-family:Arial;
    font-size:16px;
    font-weight:lighter;
    z-index:501;
}
div.ipi_ta > textarea {
    position: absolute;
    top:20px;
    left:0px;
    box-sizing:border-box;
    padding:0px 10px;
    z-index: 502;
    width: 100%;
    height: 179px;
    background: none;
    font-family: Arial;
    font-size: 16px;
    border:none;
	color:#000;
    outline:none;
    resize: none;
}
div.ipi_ta > textarea:focus + div.label {
	text-transform: uppercase;
	color:#447fd7;
	top:5px;
    left:10px;
    font-family:Arial;
    font-weight:bold;
	font-size:11px;
    line-height:11px;
}
div.ipi_ta > textarea.valid + div.label {
	text-transform: uppercase;
	color:#447fd7;
	top:5px;
    left:10px;
    font-family:Arial;
    font-weight:bold;
	font-size:11px;
    line-height:11px;
}