.searchProductControls {position:relative; height:70px;
	padding:10px 5px 0px 5px; margin:0px 8px 14px 5px;
	border-bottom:1px solid #000; border-top:1px solid #000;}

#searchProductTextbox {padding:1px 4px 1px 4px; border:1px solid #ccc; 
	border-radius:3px 0px 0px 3px; height:20px; float:left;
	width:125px;}

.searchButton {position:relative; width:40px; height:24px; cursor:pointer; float:left;
	background-size:16px 16px; background-color:#006FB6; background-repeat:no-repeat; 
	background-position:11px 4px; background-image:url('../images/buttons/search.png');
	border-radius:0px 3px 3px 0px;}
.searchButton:hover {background-color:#0A3E8C;}

.searchByColor {position:relative; left:0px; top:0px; width:40px; height:40px; cursor:pointer; float:left;
	background-size:16px 16px; background-repeat:no-repeat; margin-right:10px;
	background-position:4px 4px; background-image:url('../images/buttons/color_selector2.png');
	background-color:#D2232A;
	border-radius:3px 3px 3px 3px; border:1px solid #ccc;}
.searchByColor:hover {border:1px solid #000;}

.searching {background-image:url('../images/buttons/searching.gif');}

.searchClear {position:absolute; left:167px; top:11px; width:24px; height:22px; cursor:pointer; opacity:0.1;
	background-size:10px 10px; background-repeat:no-repeat; z-index:101;
	background-position:8px 6px; background-image:url('../images/buttons/x.png');}
.searchClear:hover {opacity:1;}

.searchProductContainer {position:absolute; width:100%; background-color:#fff;
	z-index:100; overflow-x:hidden; overflow-y:scroll;}


.searchProduct {position:relative; width:107px; height:70px; 
	background-color:#fff; background-repeat:no-repeat; background-position:0px 0px; background-size:107px; 
	border:0px solid #999; border-radius:0px 0px 3px 3px; margin:4px; 
	float:left; cursor:pointer;}
.searchProduct .searchTitle {position:absolute; bottom:0px; width:103px; 
	padding:3px 2px 3px 2px; border-radius:0 0 3px 3px; color:#fff; background-color:#000; 
	font-size:12px; font-style:normal; text-align:center;}

.searchProduct:hover {border-color:#000; border-width:2px; width:103px; height:66px;}
.searchProduct:hover .searchTitle {background-color:#000; color:#fff; width:103px; padding:3px 0px 1px 0px;}

.searchMore {position:relative; cursor:pointer; float:left; width:70px; height:18px; padding:4px; color:#999;
	border:1px solid #fff; border-radius:4px; margin:24px 18px 20px 18px; text-align:center; vertical-align:middle;}
.searchMore:hover {color:#000; border:1px solid #000;}


.tabSearchProducts, .tabSearchResults {position:absolute; font-size:16px; cursor:pointer; text-align:center; color:#999;
	left:5px; top:58px; width:90px; padding:2px; border-radius:4px 4px 0px 0px;}
.tabSearchResults {left:95px; width:120px;}
.tabSearchProducts:hover, .tabSearchResults:hover {color:#FDB70D;}
.tabSearchProducts.selected, .tabSearchResults.selected {color:#fff; background-color:#000;}



.colorSelectorDiv {position:absolute; background-color:#fff; overflow:hidden;
	top:40px; left:15px; width:504px;
	border:3px solid #000; z-index:3000;
	margin: 0 auto;
}
.colorSelectorDiv:before, .colorSelectorDiv:after {
    content: " ";
    display: table;
}
.colorCol {
    width: 24px;
    float: left;
    display: block;
}
.colorItem {
    float: left;
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
}
.colorItem div {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
}
.colorItem div:hover {
	z-index:1000; width:150%; height:150%; left:-25%; top:-25%;
	border-radius:3px;
}