@import "mixins";

/* search */
.complex-search {
	.pls_search_form {
		float: left;
		width: 300px;
		margin: 10px 10px 0 0;	
		select {
			margin-left: 10px;
			width: 190px;
		}
		.chzn-container {
			float: right;
		}
	}
	.pls_search_button {
		float: right;
		padding: 10px 30px;
		margin: 10px 10px 0 0;
	}
}
.sort_by_wrapper {
	float: right;
	margin-top: 20px;
	label {
		float: left;
		margin: 12px 10px 0 0;
	}
	#sort-by {
		width: 200px;
	}	
}
#placester_listings_list {
	
}
/* Main Content */
#main_content {
	div.listing-item {
		padding: 30px 0px;
		.property-details {
			padding: 0px;
		}
		header, footer {
			h3 {
				margin: 10px 0 10px 0;
	            font-size: 20px;
	            a {
		            &:hover {
		                color: #1982D1;     
		            }
		        }
			}
			ul {
				padding: 0px;
				li {
					float: left;
					list-style-type: none;
					padding-right: 5px;
				}				
			}

		}
		.entry-meta {
			float: right;
			a {
				padding: 5px 10px;
			}
		}
		.outline {
			img {
				@include image-outline;
			}
		}
		.property-image-gallery{
			padding-left: 0px;
				li {
					float: left;
					padding: 5px;
					margin-right: 10px;
				}				
		}
		.details-list-txt {
			ul {
				padding-left: 0px;
				li {
					width: 290px;
					overflow: hidden;
					float: left;
					margin-right: 10px;
				}						
			}
		}
		.property-bottom-nav {
			padding: 10px 0px;
		}
	}
}

/* default get listings list */
.listing-item {
    header {
        padding: 10px 0px;
    }
    .listing-thumbnail {
        float: left;
        width: 270px;
   }
    .basic-details {
        width: 250px;
        float: left;
        padding-left: 15px;
        h3 {
            margin-top: 0px;
            color: #333;
            font-weight: normal;
        }
        p {
            margin: 3px 0px;
        }
    }
    .actions {
        width: 330px;
        padding-right: 5px;
        float: left;
        margin-top: 10px;
        a {
            float: right;
            @include rounded-corners;
            padding: 10px;
            background-color: #EEE;
        }
        a:hover {
            background-color: #5e5e5e;
            color: white;
        }

    }

}