/*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: 55px;
    vertical-align: bottom;
    width: 100%;
    z-index: 999;
	box-shadow:0 4px 4px rgba(0, 0, 0, 0.1);
	border: 1px solid #EAEAEA;
	border-top: medium none;
}
.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 a {
    border-bottom: 1px solid #eaeaea;
}
.resultsContainer a .s-product-img > img {
	height: auto;
	width: 50px;
}
.search-box .resultsContainer a:last-child {
    border-bottom: medium none;
}
.resultsContainer li:hover a {
    color: #000000;
}
.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 {
    float: left;
    width: 75%;
}
.resultsContainer .s-product-price .productSpecialPriceSale, .resultsContainer .s-product-price .productSalePrice, .resultsContainer .s-product-price .normalprice, .resultsContainer .s-product-price .productSpecialPrice, .resultsContainer .s-product-price .productPriceDiscount {
	margin-right: 5px;	
}
.s-product-price {
    float: left;
    margin: 10px 0 0;
    width: auto;
}