/** SAVE SEARCH BANNER **/ .search-page-wrapper { overflow:hidden; } .save-search.btn { display:block; padding:20px; margin:-85px auto 20px auto; text-align:center; width:260px; font-size:1.4em; font-weight:300; } .save-search.btn a { display:inline-block; width:auto; margin:0px; padding:0px; } .save-search.btn { color:#FFFFFF; background:#532260; } .save-search.btn:hover { color:#FFFFFF; background:#455063; } .save-search.btn a { color:#AD8EB9; } /** TITLE **/ .search-page-title { font-size:2.5em; text-transform:uppercase; margin:30px 0px; } /** VIEW BAR **/ .search-page-view { margin:0px 0px 20px 0px; } .search-page-view .search-page-sort { float:right; width:125px; margin:10px 10px 0px 0px; } .search-page-view .search-page-sort .styledd { width:100%; } .search-page-view .search-page-sort label { display:none; } .search-page-view .search-page-sort .styledd { background-color:#FFFFFF; } /** LISTINGS **/ ul.property-list { list-style:none; margin:0px; padding:0px; } ul.property-list li.property-list-item { display:block; clear:both; margin-bottom:15px; position:relative; } ul.property-list .property-list-photo { position:absolute; left:10px; top:10px; bottom:10px; width:330px; text-align:center; } ul.property-list .property-list-details { display:block; margin:10px 10px 10px 380px; } ul.property-list .property-list-details .address { display:block; font-size:1.3em; text-transform:uppercase; } ul.property-list .property-list-details .townPostcode { display:block; font-size:0.9em; } ul.property-list .property-list-details .property-list-attributes { display:block; margin:20px 0px; padding:5px 0px; } ul.property-list .property-list-details .property-list-brief { display:block; overflow:hidden; } ul.property-list .property-list-details .property-list-base { display:block; margin:20px 0px; } ul.property-list .property-list-details .property-list-price { float:left; } ul.property-list .property-list-details .property-list-price .price-status { display:none; } ul.property-list .property-list-details .property-list-price .price-value { font-size:1.8em; text-transform:uppercase; } ul.property-list .property-list-details .btn-more { float:right; } ul.property-list li.property-list-item { border:5px solid #EFEFEF; background:#FFFFFF; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; transition:all .3s ease; } ul.property-list li.property-list-item:hover { border:5px solid #EFEFEF; background:#FAFAFA; cursor:pointer; } ul.property-list .property-list-photo { background-color:#FFFFFF; border:1px solid #CCCCCC; } ul.property-list .property-list-details .address { color:#532260; } ul.property-list .property-list-details .townPostcode, ul.property-list .property-list-details .property-list-attributes, ul.property-list .property-list-details .property-list-brief, ul.property-list .property-list-details .property-list-price { color:#777777; } ul.property-list .property-list-details .property-list-price .price-value { color:#532260; } ul.property-list .property-list-details .btn-more { background:#532260; color:#FFFFFF; } ul.property-list .property-list-details .btn-more:hover { background:#AD8EB9; color:#FFFFFF; } /** STATUS **/ ul.property-list .property-list-item .status-banner { position:absolute; height:139px; width:139px; z-index:1; } ul.property-list .property-list-item.status-saleAgreed .status-banner { background:transparent url(property/status-sale-agreed.png) no-repeat 0% 0%; } ul.property-list .property-list-item.status-sold .status-banner { background:transparent url(property/status-sold.png) no-repeat 0% 0%; } ul.property-list .property-list-item.status-letAgreed .status-banner { background:transparent url(property/status-let-agreed.png) no-repeat 0% 0%; } ul.property-list .property-list-item.status-let .status-banner { background:transparent url(property/status-let.png) no-repeat 0% 0%; } /** PAGINATION **/ .search-page-pagination { clear:both; margin:20px 0px 20px 0px; } .search-page-pagination .paging-prev, .search-page-pagination .paging-next { display:inline-block; float:left; width:auto; } .search-page-pagination ul { float:left; list-style:none; margin:0px; padding:0px; display:inline-block; } .search-page-pagination ul li { margin:0px; display:inline-block; float:left; } .search-page-pagination .paging-prev, .search-page-pagination .paging-next, .search-page-pagination ul li span, .search-page-pagination ul li a { display:inline-block; padding:5px 10px; } .search-page-pagination .paging-prev, .search-page-pagination .paging-next { margin:0px 0px 0px 5px; } .search-page-pagination ul li.paging-numbers-separator { padding:5px 5px; } .search-page-pagination .prevNext { float:right; } .search-page-pagination { color:#777777; } .search-page-pagination a { color:#777777; } .search-page-pagination a:hover, .search-page-pagination .paging-numbers-current { background-color:#532260; color:#FFFFFF; } .search-page-pagination .paging-prev, .search-page-pagination .paging-next { background-color:#532260; color:#FFFFFF; } .search-page-pagination .paging-prev:hover, .search-page-pagination .paging-next:hover { background-color:#AD8EB9; color:#FFFFFF; } /** NO PROPERTIES **/ .no-properties-wrapper { text-align:center; padding:30px 0px; } /** RESPONSIVE **/ @media screen and (max-width:760px){ ul.property-list .property-list-photo { width:250px; } ul.property-list .property-list-details { margin:10px 10px 10px 300px; } } @media screen and (max-width:660px){ ul.property-list .property-list-photo { position:static; width:100%; height:300px; } ul.property-list .property-list-details { margin:20px 10px 10px 10px; } } @media screen and (max-width:440px){ .search-page-view .search-page-sort, .search-page-view .btn { float:none; display:block; margin:10px auto; } } @media screen and (max-width:380px){ ul.property-list .property-list-photo { height:250px; } ul.property-list .property-list-details .property-list-price { float:none; display:block; } ul.property-list .property-list-details .btn-more { float:none; display:block; margin:20px 0px 0px 0px; } }