@charset "UTF-8";
/* CSS Document */

.select-sim {
	width: 44%;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	position: relative;
	background: #FFF;
	color: #666;
	border: 1px solid #CCC;
	overflow: hidden;
	font-weight: 300;
	padding: 2%;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
		display: inline-block;
	zoom: 1;
    *display: inline;
}

.select-sim::after {
  content:"▼";
  font-size:0.5em;
  font-family:arial;
  position:absolute;
  top:50%;
  right:5px;
  transform:translate(0, -50%);
}

.select-sim:hover::after {
  content:"";
}

.select-sim:hover {
  overflow:visible;
}

.select-sim:hover .options .option label {
  display:inline-block;
}

.select-sim:hover .options {
	color: #999;
	border: 1px solid #CCC;
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: auto;
	max-height: 40vh;
	overflow-y: scroll;
	z-index: 9999;
	background-color: #FFF;
	text-decoration: none;
}

.select-sim .options .option {
  overflow:hidden;
}

.select-sim:hover .options .option {
	height: 24px;
	overflow: hidden;
	padding: 5px;
}

.select-sim .options .option img {
	vertical-align: middle;
	margin-top: -3px;
}

.select-sim .options .option label {
  display:none;
}

.select-sim .options .option input {
  width:0;
  height:0;
  overflow:hidden;
  margin:0;
  padding:5;
  float:left;
  display:inline-block;
  /* fix specific for Firefox */
  position: absolute;
  left: -10000px;
}

.select-sim .options .option input:checked + label {
  display:block;
  width:100%;
  z-index: 9998;
}

.select-sim:hover .options .option input + label {
  display:block;
}

.select-sim:hover .options .option input:checked + label {
	background: #CCC;
	color: #FFF
}

.search {
	background: #FFF;
	color: #999;
	height: 20px;
	width: 200px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	text-decoration: none;
	border: 1px solid #CCC;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	display: inline-block;
	zoom: 1;
    *display: inline;
	vertical-align: middle;
	padding: 5px;
}

.search_icon {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	background-image: url(Images/search-icon.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 30px;
	display: inline-block;
	zoom: 1;
    *display: inline;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	}
	
	.search_icon:hover {
	background-position: left top;	
	}
	
	.small_field {
	width: 40px;
	height: 24px;
	}
	
	.order_field_holder {
	width: 48%;
	height: auto;
	display: inline-block;
	zoom: 1;
    *display: inline;
	margin: 1%;
	vertical-align: top;
	}
	
	.order_field {
	width: 95%;
	height: auto;
	color: #666;
	padding: 2%;
	text-decoration: none;
	font-weight: 400;
	border: 1px solid #CCC;
	margin-top: 4px;
	}
	
	.order_field_discount {
	width: 60%;
	height: auto;
	color: #666;
	padding: 2%;
	text-decoration: none;
	font-weight: 400;
	border: 1px solid #CCC;
	margin-top: 4px;
	}
	
	@media all and (max-width : 1100px) {
	
	.select-sim {
	width: 96%;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	position: relative;
	background: #FFF;
	color: #666;
	border: 1px solid #CCC;
	overflow: hidden;
	font-weight: 300;
	padding: 2%;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
		display: inline-block;
	zoom: 1;
    *display: inline;
}
	}

@media all and (max-width : 900px) {
	
	.search {
	background: #FFF;
	color: #999;
	height: 20px;
	width: 70%;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	text-decoration: none;
	border: 1px solid #CCC;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	display: inline-block;
	zoom: 1;
    *display: inline;
}

.search_icon {
	width: 10%;
	height: 30px;
	vertical-align: middle;
	background-image: url(Images/search-icon.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 30px;
	display: inline-block;
	zoom: 1;
    *display: inline;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	}
	
	.search_icon:hover {
	background-position: left top;	
	background-color: #FFF;
	}
	
	.order_field_holder {
	width: 98%;
	height: auto;
	display: inline-block;
	zoom: 1;
    *display: inline;
	margin: 1%;
	}
	
	
	}