/* CSS Document */
/* FEATURED PROPERTY DISPLAY IMAGE EFFECTS */
.img-effect .mask {opacity: 0; overflow:visible; height: 0; border:0 solid rgba(0,0,0,0.7); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.img-effect a.info {position:relative;top:-10px;opacity:0;-moz-transform:scale(0,0);-webkit-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;-ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;}
.img-effect:hover .mask {opacity: 1; border:100px solid rgba(0,0,0,0.7);}
.img-effect:hover a.info {opacity:1;-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-moz-transition-delay:0.3s;-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}
.slide-arrow-left {display: inline; float: left; clear: left; width: 44px; height: 66px; margin: -140px 0 0 0; position: relative; z-index: 99999;}
.slide-arrow-left img{opacity: .7;}
.slide-arrow-left img:hover {opacity: 1;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.slide-arrow-right {display: inline; float: right; clear: right; width: 44px; height: 66px; margin: -140px 0 0 0; position: relative; z-index: 99999;}
.slide-arrow-right img{opacity: .7;}
.slide-arrow-right img:hover {opacity: 1;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.picFX {opacity: 1;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.picFX:hover {opacity: .8}
/* NEW PROPERTY SEARCH STYLES */
div.PropSearchX {margin: 0 auto; clear: both; width: 97% !important; min-height: 380px; background: #fff; border-bottom: 0px solid #dedcdc;}
.FlagsDB {clear: both; text-align: left; width: 100%; height: 40px;margin:0 auto 10px auto;}
body.mobi .FlagsDB {width: 100%;margin:0 0 10px 0; }
.FlagsDB ul {display: inline; float: right; clear: right; width: 384px; text-align: right;list-style: none; margin-top: 10px; margin-right: 0}
body.mobi .FlagsDB ul { display: block; float: none; margin: 0 auto; }
.FlagsDB ul {display: inline; float: right; clear: right; width: 384px; text-align: right;list-style: none; margin-top: 10px; margin-right: 0}
.FlagsDB li {display: inline; float: left; margin: 0; padding: 0;list-style-image:none; width: 43px; height: 30px; margin-left: 5px;}
.FLMap {display: inline; float: left; width: 1148px; height: 448px; background: #fafafa; border: 1px solid #dedcdc; margin-left: 10px;}
.FLMapIframe {display: inline; float: left; clear: left; width: 806px; height: 419px; border: 1px solid #dedcdc; margin: 14px;}
.WhatsArea {display: inline; float: left; width: 296px; height: 419px; border: 1px solid #dedcdc; margin: 14px 14px 0 0; background: #fff;}
.WhatsArea ul {display: inline; float: left; clear: left; text-align: left;list-style: none; margin-top: 20px; border: 1px solid #dedcdc; width: auto; margin: 10px; padding: 10px; min-height: 334px;}
.WhatsArea li {display: inline; float: left; margin: 0; padding: 0;background:url(../images/bullet-area-10x10.gif) no-repeat 0 5px transparent; list-style-position:outside; width: 100px; height: 22px; margin-left: 5px; font-size: 12px; padding-left: 13px;}
.WhatsArea li a:hover {color: #0ab8bf; text-decoration: none;}
.XLpage {display: inline; float: left; clear: left; width: 135px; height: 48px; border-right: 1px solid #dddbdb}
.pageP1 {display: inline; float: left; clear: left; margin: 15px 0 0 13px; width: 110px; text-align: center}
.XLsort {display: inline; float: left; width: 380px; height: 48px; border-right: 1px solid #dddbdb; background: #fff;}
.sortP1 {display: inline; float: left; margin: 15px 0 0 12px;}
.IconsLink {display: inline; float: left; width: 640px; height: 48px; border-right: 1px solid #dddbdb; text-align: center;}
.LinkTXT {display: inline; float: left; margin: 10px 0 0 25px; width: auto;}
.LinkTXT img {display: inline; float: left; clear: left; width: 28px; height: 28px;}
.LinkTXT p {display: inline; float: left; margin: 3px 0 0 8px}
.BLDBox {display: inline; float: left; width: 354px; height: 216px; margin: 0 12px 12px 0; border: 1px solid #d3d3d3; background: #fff; position: relative;}
.BLDBox:hover {background: #f4f4f4; }
.IMGBox {display: inline; float: left; margin: 10px; border: 1px solid #d3d3d3; width: 188px; height: 124px; background: #f1f1f1}
.BLDBox1 {display: inline; float: left; width: 354px; min-height: 150px; height: auto; border-bottom: 1px solid #d3d3d3;}
.BLDBox2 {display: inline; float: left; clear: left; width: 210px; height: auto; min-height: 150px;}
.BLDBox3 {display: inline; float: left; width: 144px; height: auto; min-height: 150px;}
.BLDBox3 ul {display: inline; float: left; clear: left; margin: 12px 0 0 0;}
.BLDBox3 li {line-height: 15px;}
.CompareBox {display: inline; float: right; clear: right; position: absolute; z-index: 99999; top: 5px; right: 5px;}
.BLDBox4 {display: inline; float: left; width: 344px; padding: 5px; height: 22px; border-bottom: 1px solid #d3d3d3; text-align: center; background: #fff;}
.BLDBox4 p {margin: 0 auto; width: 344px; clear: both; text-align: center}
.BLDBox5 {display: inline; float: left; clear: left; width: 354px;height: 32px;text-align: left; }
.BLDBox5 p {display: inline; float: left; text-align: left; border-right: 1px solid #d3d3d3; height: 24px; padding: 5px 10px 5px 10px; margin: 0; font-size: 11px;}
.BLDBox5 p span a {color: #ff0000 !important; font-size: 11.5px; }
.BLDPX {display: inline; float: left; width: 16px; height: 16px; padding: 9px; border-right: 1px solid #d3d3d3}
.BLDPX:hover {display: inline; float: left; width: 16px; height: 16px; padding: 9px; border-right: 1px solid #d3d3d3; background: #d3d3d3}
.SPriceBar {display: inline; float: left; clear: left; width: 100%; height: 43px;box-sizing:border-box;border: 1px solid #dadada; background: #fbfbfa; margin-top: 8px}
.SPriceBar p {display: inline; float: left; font-size: 12px; margin: 11px 0 0 10px; color: #505050;white-space:nowrap;}
.SPriceBar p strong {display: inline; float: right; color: #505050;width:60px;}
.SPBar {display: inline; float: left; width: 466px; height: 6px; border: 1px solid #707070; margin: 18px 10px 0 10px; background: #505050;}
.SPBar2 {display: inline; float: left; width: 436px; height: 6px; border: 1px solid #707070; margin: 18px 10px 0 10px; background: #505050;}
.picker1 {display: inline; float: left; width: 15px; height: 24px; margin: -23px 0 0 45px; position: relative; z-index: 99999;}
.picker2 {display: inline; float: left; width: 15px; height: 24px; margin: -23px 0 0 450px; position: relative; z-index: 99999;}
.picker3 {display: inline; float: left; width: 15px; height: 24px; margin: -23px 0 0 80px; position: relative; z-index: 99999;}
.picker4 {display: inline; float: left; width: 15px; height: 24px; margin: -23px 0 0 150px; position: relative; z-index: 99999;}
.SLivingArea {display: inline; float: left; clear: left; width: 100% !important;  height: 43px;  background: #fff; margin-top: 4px; border-bottom: 1px solid #dadada;}
.SLivingArea p {display: inline; float: left; font-size: 12px; margin: 11px 0 0 10px; color: #505050}
.SLivingArea p strong {display: inline; float: right; clear: right; width: auto; text-align: right; color: #505050}
.SBottomArea {display: inline; float: left; clear: left; width: 100%; height: 192px; background: #fff; margin-top: 10px; border: 0 solid #dadada;}
.SBttomLft {display: inline; float: left; clear: left; width: 33%; height: 192px;}
.SBttomRgt {display: inline; float: right; clear: right; width: 66%; height: 192px; background: #fff}
.matchingP {display: inline; float: left; clear: left; width: 205px; height: 64px; /* border-bottom: 1px solid #dadada;*/ margin-left: 6px;}
body.mobi .matchingP { width:48%;}
.matchingP p strong {display: inline; float: left; clear: left; font-size: 34px;  color: #515151; width: 80px; text-align: center; margin-top: 8px; font-weight: normal; margin-left: -5px}
body.mobi .matchingP p strong { width:100%;margin:20px 0 0 0;}
.matchingP p {display: inline; float: left; clear: right; font-size: 12px;  color: #515151; width: 75px; text-align: left; padding-left: 10px; font-weight: bold; line-height: 14px; margin-left: 12px; margin-top: 21px}
body.mobi .matchingP p { width:100%;text-align: right;margin:6px 0 0 0;padding:0;}
.BarsMP {display: inline; float: left; clear: left; width: 100%; height: 110px; padding: 5px 0 10px 20px;position:relative;top:0;left:0;}
.bar01 {display: inline; float: left; margin-left: 5px; width: 40px; background: #0ab8bf; height: auto; bottom: 0; color: #fff; padding-top: 100px;}
.bar02 {display: inline; float: left; margin-left: 10px; width: 40px; background: #809999; height: auto; position: relative; top: 44px; color: #fff; padding-top: 55px;}
.bar03 {display: inline; float: left; margin-left: 10px; width: 40px; background: #bdb6a4; height: auto; position: relative; top: 40px; color: #fff; padding-top: 59px;}
.BarsMP p {display: inline; float: left;  font-size: 10px; width: 40px; position: relative; z-index: 9999; margin-top: 5px; text-align: center}
.plusbar {clear: both; width: 100%; height: 43px;box-sizing:border-box;border: 1px solid #dadada; background: #fbfbfa}
.averageBar {display: inline; float: left; clear: left; width: 66%; height: 62px; border: 1px solid #dadada; background: #fbfbfa; margin-top: 8px;}
.searchStuff {display: inline; float: left; clear: left; width: 100%; height: 70px; border: 0 solid #dadada; background: #fff; margin-top: 8px;}
.searchStuff ul {display: inline; float: left; width: 33%; height: auto; font-size: 12px; line-height: 17px;}
.cbox_1 {display: inline; float: left; clear: left; width: 12px; height: 12px; margin: 2px 6px 0 6px;}
.averageBar p {display: inline; float: left; margin :5px 12px 0 15px;font-size: 12px; color: #706f6f}
.averagePrices {display: inline; float: left; clear: left; width: 400px; height: 28px; border: 1px solid #dadada; background: #fff; margin: 0 0 0 8px;}
.averagePrices p {display: inline; float: left; margin :5px 5px 5px 5px;font-family: Arial, serif; font-size: 18px; color: #4a4a4a; font-weight: bold; width: 110px; text-align: center}
.srchFPB {display: inline; float: left; margin: 15px 0 0 18px}
.sx_Beds {display: inline; float: left; width: 33%; height: 43px; text-align: center; font-size: 12px; color: #706f6f;}
.sx_Baths {display: inline; float: left; width: 33%; height: 43px; text-align: center; font-size: 12px; color: #706f6f}
.sx_HalfBaths {display: inline; float: left; width: 33%; height: 43px; text-align: right; font-size: 12px; color: #706f6f}
.plusbar p {display: inline; float: left; margin :12px 5px 12px 12px;}
.plusbar p strong{display: inline; float: left; margin-right :6px;}
.plusbar ul {display: inline; float: left; width: 50px; height: auto; margin-top: 5px;}
.plusbar li {display: inline; float: left; width: 18px; height: 18px; margin-left: 5px;}
nav.yearbuilt { display: inline; float: right; margin: 8px -10px 0px 0px;}
body.mobi select {display:block;margin:0 auto;width:194px;text-indent:4px;}
.titleh3 {float:none;width:97% !important; margin:0 auto !important;}