.header_style1{
	.category-search-form{
		float: right;
		#search_mini_form{	
			.jqTransformSelectWrapper{
				height: 35px;
				border: 1px solid @border-color;
				width: 182px !important;
				> div{
					height: 35px;
					padding: 6px 20px;
				}
				ul{
					margin: -2px 0 0 -1px;
				}					
			} 
			.jqTransformInputWrapper{
				float: left;
				height: 35px;
				border: 1px solid @border-color;
				border-right: none;			
				border-left: none;	
				width: 440px !important;
				input{
					height: 35px;				
					border: none;
				}			
			}
			button{
				width: 50px;
				height: 35px;
				padding: 7px 0;
			}			   
		}
	}
}

.header_style2{
	#search_mini_form{
		margin-top: 3px;
		button{
			padding: 6px 0;
			&:before{
				background:~"url(../images/icon-search2.png)" ;
				width: 15px;
				height: 16px;
				content: "";
			}
		}			   
	}
}

#search_mini_form{
	float: left;
	position: relative;
	.form-search{
		display: block;
		position: relative;
		border: none;
		box-shadow: none;
		width: auto;
	}
	input{
		border:1px solid #f0f0f0;
		border-right: none;
		padding: 6px 10px;
		width: 200px;
		height: 30px;
		background: #fff;
		float: left;
	}
	button{
		width: 40px;
		height: 30px;
		border: 1px solid @theme-color;
		background: @theme-color;
		color: #fff;
		padding: 5px 0;
		float: right;
		&:before{
			background:~"url(../images/icon-seach.png)" ;
			background-repeat: no-repeat;
			display: inline-block;
			width: 19px;
			height: 20px;
			content: "";
		}
		span{
			font-size: 0;
		}
		&:hover{
			border: 1px solid @theme-color;
			background: @theme-color;							
		}
	}			   
}	

.category-search-form{
	#search_mini_form{
		float: left;
		position: relative;
		background: #fff;
		width: 100%;
		&:before{
			position: absolute;
			content: "";
			bottom: 0;
			right: 50px;
			left: 0;
			background: #d9d9d9;
			height: 1px;
			width: auto;
		}
		.jqTransformHidden{
			display: none;
		}	
		.jqTransformSelectWrapper{
			color: #999;
			height: 50px;
			border-bottom: 1px solid #d9d9d9;
			border-right: none;
			font-size: 85.71%; 
			float: left;
			width: 182px !important;
			> div{
				height: 50px;
				padding: 13px 20px;
				position: relative;
				overflow: hidden;
				span{
					white-space: nowrap;
				}
                > a{
                    color: #999;
                }
			}	
			.jqTransformSelectOpen:before{
				font-family: FontAwesome;
				font-size: 14px;
				content: "\f107"; 
				float: right;
				position: absolute;
				right: 15px;
				color: #999;
			}	
			ul{
				padding: 5px 15px;
				border: 1px solid #d9d9d9;
				background: #fff;
				height: 400px;
				overflow: auto;
				position: relative;
				z-index: 9;
				margin: -1px 0 0 0;
				width: 183px !important;
				li{
					margin: 7px 0;
				}
			}
		} 
		.jqTransformInputWrapper{
			float: left;
			height: 50px;
			border-bottom: 1px solid #d9d9d9;	
			width: 400px !important;		
			input{
				width: 440px;
				height: 50px;				
				border-left: 1px solid #d9d9d9;
			}			
		}
		button{
			width: 50px;
			height: 50px;
			color: #fff;
			background: @theme-color;
			padding: 14px 0;
			text-align: center;
			float: right;
		}			   
	}
}

//search autocomplate
.search-autocomplete {
    background: #fff;
    border-left: 1px solid @border-color;
    border-right: 1px solid @border-color;
    display: block !important;
    li {
        padding: 8px 10px;
        border-bottom: 1px solid @border-color;
        line-height: 16px;
        .amount{
            padding-right: 5px;
        }
        &:hover{
            background: @theme-color;
            cursor: pointer;
            color: #fff;
        }
    }
}