/*this is the stylesheet for the instant search box, you can manually 
edit the position of the search box by uncommenting and changing the left and top values bellow.
Also make sure you set autoPosition = false in instantSearch.js*/

.resultsContainer {
	background: #ffffff none repeat scroll 0 0;
    display: none;
    float: left;
    left: 0 !important;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 48px !important;
    vertical-align: bottom;
    width: 100%;
    z-index: 10000;
	box-shadow:0 4px 4px rgba(0, 0, 0, 0.1);
	height: 300px;
	overflow-y: scroll;

}
.resultsContainer ul {
	margin : 0;
	padding : 0;
	list-style-type : none;
	
}
.resultsContainer li {
	margin : 0;
	padding : 10px 15px;
	display:inline-block;
	width:100%;
}
.resultsContainer li:hover {
    background: #e9e9e9 none repeat scroll 0 0;
}
.resultsContainer a {
    text-decoration: none;
	display:block;
}
.resultsContainer li:hover a {
}
.thinFont {
	font-weight : lighter;
}

.alignRight{
	display : inline-block;
	float : right;
	font-weight : lighter;
	font-size : 70%;
	margin-top : 2px;
	padding-left:40px;
}
.resultsContainer .s-product-img {
    float: left;
    margin-right: 15px;
    width: auto;
}
.resultsContainer .s-product-name {
    display: inline-block;
    float: none;
    width: 60%;
}
.s-product-price {
    float: left;
    margin: 10px 0 0;
    width: auto;
}
.s-product-img > img {
    height: auto;
    max-width: 50px;
}