/* CSS Document */

#template_search_box{position:absolute;top:-35px; text-align:left;width:600px; left:0; margin-top:20px; margin-bottom:10px;}
#template_search_box1{ text-align:left}
.template_search_box_title{ font-size:11px; text-align:left; font-family:Tahoma,Verdana,Arial;}
.search_number{width:100px; height:16px; background:#fff; color:#000; border:1px solid #3b3b3b;margin:0 10px 0 0;padding:1px 3px;}
#search_bot{margin-left:2px;padding:0;cursor:pointer; border:none; background:url(../res/search.jpg) no-repeat 0 0;width:74px;height:20px;}

.hidden {
display:none;
}

/* ----- Color Search Css ---Begin--- */
#colour-selector {
	padding-top:8px;
}
.search_page #sform_container #colour-selector { padding-left: 10px; }
#colour-selector ul{
	height:20px;
	float:left;
	padding:0;
	margin:0;
	
}
#colour-selector li {
	float:left;
	display:inline;
	margin:0;
	line-height:0px;
	font-size:0px;
	height:11px;
	padding:4px 4px;
}
* html #colour-selector ul {
	overflow:hidden;
	
	
}
#colour-selector li span {
	display:block;
	width:10px;
	cursor:pointer;
	height:10px;
    position: relative;
}
#colour-selector label {
	padding-top:4px;
	line-height:12px;
	height:15px;
	font-size:11px;
	float:left;
	font-family:Tahoma,Verdana,Arial;
}
#colour-selector li span div.cross {
    display: none;
    position: absolute;
    left: -2px;
    top: -2px;
    background: none;
    width: 14px;
    height: 14px;
}
#colour-selector li.checked span div.cross {
    display:block!important;
}
#colour-selector li.checked {
	background:#EEF1F2 url(themes/picker-tall.gif) repeat-x left top;
}
#colour-selector li.checked span#color-red div.cross {
    background: url(themes/search_color_inverse_red_cross.gif) no-repeat #FF0000;
}
#colour-selector li.checked span#color-orange div.cross {
    background: url(themes/search_color_inverse_orange_cross.gif) no-repeat #FF7F00;
}
#colour-selector li.checked span#color-yellow div.cross {
    background: url(themes/search_color_inverse_yellow_cross.gif) no-repeat #FFFF00;
}

#colour-selector li.checked span#color-green div.cross {
    background: url(themes/search_color_inverse_green_cross.gif) no-repeat #00FF00;
}

#colour-selector li.checked span#color-cyan div.cross {
    background: url(themes/search_color_inverse_cyan_cross.gif) no-repeat #00FFFF;
}

#colour-selector li.checked span#color-blue div.cross {
    background: url(themes/search_color_inverse_blue_cross.gif) no-repeat #0000FF;
}

#colour-selector li.checked span#color-pink div.cross {
    background: url(themes/search_color_inverse_pink_cross.gif) no-repeat #EE82EE;
}

#colour-selector li.checked span#color-violet div.cross {
    background: url(themes/search_color_inverse_violet_cross.gif) no-repeat #8B00FF;
}

#colour-selector li.checked span#color-brown div.cross {
    background: url(themes/search_color_inverse_brown_cross.gif) no-repeat #964B00;
}

#colour-selector li.checked span#color-grey div.cross {
    background: url(themes/search_color_inverse_grey_cross.gif) no-repeat #808080;
}

#colour-selector li.checked span#color-white div.cross {
    background: url(themes/search_color_inverse_white_cross.gif) no-repeat #FFFFFF;
}

#colour-selector li.checked span#color-black div.cross {
    background: url(themes/search_color_inverse_black_cross.gif) no-repeat #000000;
}
