body:before {background: #406174;}
header > div:not(#filter){background: #406174;}
header div:not(#filter) > a[title="Close"] { background-color :#406174;}
#filter .done button {background: #406174;}

/*navigation*/
header #section-nav:before,html body header > #search-panel:before{background: #406174;}
header #section-nav div{background: #263a46;}
header #section-nav ul li.dropDown > a:after {border-top:8px solid #97a9b4;}
header #section-nav ul li.dropDown.active > a:after {border-bottom:8px solid #97a9b4;}
header #section-nav ul li,header #section-nav ul li.dropDown p,header #section-nav ul li.dropDown.active > a{border-bottom: 1px solid #2b414e;}
header form.search input[type="text"] {background:#668190;}
.search .filter-btn span:before{background: url(../img/icon/property.svg) -10px -512px;}

header > ul li a:before {content:''; display:block;width: 41px; height: 50px; margin:0 auto;background:url(../img/icon/property.svg) -20px -26px; }
header > ul li:nth-of-type(2) a:before {background-position: -20px -26px; height: 51px;}
header > ul li:nth-of-type(3) a:before {background-position: -166px -26px; width: 30px; height: 51px;}
header > ul li:nth-of-type(4) a:before {background-position: -287px -23px;width: 35px; }
header > ul li:nth-of-type(5) a:before {background-position: -18px -134px;height: 55px;}
header > ul li:nth-of-type(6) a:before {background-position: -166px -130px; height: 56px; width: 30px;}
header > ul li:nth-of-type(7) a:before {background-position: -284px -132px; height: 55px; width: 41px;}
header > ul li:nth-of-type(8) a:before {background-position: -19px -247px; height: 51px; width: 41px;}
header > ul li:nth-of-type(9) a:before {background-position: -156px -246px; height: 51px; width: 53px;}

.slide-Box1 .sp-wrapper-outer { background: #406174;}
.slide-Box1 .slide-detail { background: #406174;}
.slide-Box1 .slide-detail .type { font-size: 10px; text-transform: uppercase; color: #cccccc; font-weight: bold; padding: 2% 2% 0; float: left;}
.slide-Box1 .slide-detail .sponsored { margin: 2% 0 0; height: 15px; background-position: 0 -37px;}
.slide-Box1 .slide-detail h3 { font-size: 22px; color: #ffffff; padding: 0 2% 1%; line-height: 24px; clear: both;}
.slide-Box1 .slide-detail h3 a { color: #ffffff;}
.slide-Box1 .slide-detail p { font-size: 14px; color: #ffffff; padding: 0 2%;}

.slide-Box2 .sp-wrapper-outer { background: #fcf6e7;}
.slide-Box2 .slide-detail { background: #fcf6e7;}
.slide-Box2 .slide-detail .ref { font-size: 10px; text-transform: uppercase; color: #666666; font-weight: bold; padding: 2% 2% 0;}
.slide-Box2 .slide-detail h3 { font-size: 22px; padding: 0 2% 1%; line-height: 24px;}
.slide-Box2 .slide-detail p { font-size: 14px; padding: 0 2%;}
.slide-Box2 .slide-detail p a { color: #333333; font-weight: bold;}
.slide-Box2 .slide-detail p.price { font-size: 22px; font-weight: bold; line-height: 26px; padding: 2% 2% 0;}
.slide-Box2 .slider a { padding: 0 0 23px;}

span.forSale { background: #64823d; color: #ffffff; text-transform: uppercase;}
span.forRent { background: #dd7924; color: #ffffff; text-transform: uppercase;}

.btn { text-align: center; margin: 0 0 20px;}
.btn a { width: 96%; padding: 15px 0; background: #406174; font-size: 16px; text-transform: uppercase; color: #ffffff; display: inline-block;}

/*free listing*/
.content-listing { width:100%; overflow: hidden; margin: 0 0 30px; padding: 20px 0 0;}
.content-listing h2,
.content-listing h1 { font-size: 28px; line-height: 30px; padding: 0 2%;}
.content-listing .sp-controls { padding: 10px 0 0;}
.content-listing .sp-wrapper,
.content-listing .highlight-detail { background: #e5eaed;}
.content-listing .highlight-detail { overflow:hidden; padding: 0 0 10px; margin: 0 0 30px;}
.content-listing .highlight-detail > div { margin: 0 2% 20px; padding: 0 0 10px; overflow:hidden; border-bottom: 1px solid #ced7dc;}
.content-listing .highlight-detail p { float: left;}
.content-listing .highlight-detail p a { color: #333333; font-size:14px; font-weight: bold;}
.content-listing .highlight-detail p.ref { float: none; color: #666666; font-size: 10px; font-weight: bold;}
.content-listing .highlight-detail p.price { float: right; font-size: 22px; font-weight: bold; padding: 0 2px 0 0;}
.content-listing .highlight-detail .btn { float: none; width:100%; display: inline-block;}
.content-listing .highlight-detail .btn a { color: #ffffff;}
 
.item-list h2 { padding: 0 2% 20px; font-size: 18px; line-height: 20px; margin: 0;}

/*paid listing*/
.content-listing.paid { margin: 30px 0;}
.content-listing.paid .sp-wrapper, 
.content-listing.paid .highlight-detail { background: #fcf6e7;}
.content-listing.paid .highlight-detail > div { border-bottom: 1px solid #f7e3b4;}
.paid .btn a { background: #e6a815;}
.paid .sp-gallery p.item-state { background: url(../img/Opacity/bg-opaYellow70.png) 0 0 repeat;}
.paid .sp-gallery .gold { position: absolute; top: 0; left: 2%; display: block; width: 52px; height: 77px; z-index: 1; text-indent: -9999px; background: url(../img/icon/property.svg) -146px -856px no-repeat;}
.paid .sp-gallery .platinum { position: absolute; top: 0; left: 2%; display: block; width: 52px; height: 77px; z-index: 1; text-indent: -9999px; background: url(../img/icon/property.svg) -209px -856px no-repeat;}
.paid .sp-gallery .ultimate { position: absolute; top: 0; left: 2%; display: block; width: 52px; height: 77px; z-index: 1; text-indent: -9999px; background: url(../img/icon/property.svg) -275px -856px no-repeat;}

.contact-seller { background: #f9eac8; padding: 4% 2%; width: 92%; margin: 0 2% 20px;}
.contact-seller h3 { text-transform: uppercase; font-size:18px; line-height: 20px; margin: 0 0 10px;}
.contact-seller p { line-height: 20px; font-size: 16px;}
.contact-seller p span { font-weight: bold; }
.contact-seller p a { color: #333333;}
.contact-seller .text-hide .mail {display: none; text-decoration: underline;}
.contact-seller .text-hide .btn {text-decoration: underline; color: #213c70;}
.contact-seller .text-hide .btn:hover {text-decoration: none;}

/*see all*/
.seller-info { background: #e5eaed; width: 92%;  display: inline-block; margin: 20px 2% 25px; padding: 2%; border: 1px solid #ced7dc;}
.seller-info > img { float: left; margin: 0 10px 10px 0; width: 20%;}
.seller-info .detail { float: left;}
.seller-info .detail p,
.seller-info .detail h1 { margin: 0 0 5px;}
.seller-info .detail p a,
.seller-info .detail h1 a { color: #333333; font-weight: bold; font-size: 14px;}
.seller-info .detail p strong,
.seller-info .detail h1 strong { font-size: 18px;}
.seller-info .btn { margin: 10px 0 20px; padding: 20px 0 0; border-top: 1px solid #ced7dc; clear: both;}
.seller-info .btn a { width:100%;}

.seller-info .about { width: 100%;}
.seller-info .about h3 { text-transform: uppercase; margin: 0 0 10px;}
.seller-info .about p { margin: 0 0 10px;}
.seller-info .about ul li { width: 100%; overflow: hidden;}
.seller-info .about ul li span { font-weight: bold;}
.seller-info .about ul li a { color: #333333;}

.paid .seller-info { background: #fcf6e7; border: 1px solid #f7e3b4; position: relative; margin: 30px 2% 20px;}
.paid .seller-info .detail {  min-height: 100px;}
.paid .seller-info .btn { border-top: 1px solid #f7e3b4;}
.paid .seller-info .gold { position: absolute; top: -5px; left: 2%; display: block; width: 55px; height: 87px; z-index: 1; text-indent: -9999px; background: url(../img/icon/property.svg) -146px -736px no-repeat;}
.paid .seller-info .platinum { position: absolute; top: -5px; left: 2%; display: block; width: 55px; height: 87px; z-index: 1; text-indent: -9999px; background: url(../img/icon/property.svg) -209px -856px no-repeat;}
.paid .seller-info .ultimate { position: absolute; top: -5px; left: 2%; display: block; width: 55px; height: 87px; z-index: 1; text-indent: -9999px; background: url(../img/icon/property.svg) -275px -856px no-repeat;}
.paid .seller-info > img { margin: 0 10px 10px 65px;}
.paid .contact-seller { margin: 0 2% 20px;}
.content-listing.paid .contact-seller { margin: 0 2% 20px;}
.verified {  text-indent: -9999px; width: 53px; height: 11px; background: url(../img/icon/property.svg) -12px -773px no-repeat;}

.item-list li { min-height: 156px;}

@media only screen and (max-width: 320px)  {
	.item-list li { min-height: 86px;}
}
@media only screen and (min-width: 321px) and (max-width: 375px)  {	
	.item-list li { min-height: 86px;}
}
@media only screen and (min-width: 376px) and (max-width: 425px)  {	
	.item-list li { min-height: 106px;}
}