@charset "utf-8";

/****************************************************************
 *  search details
 ****************************************************************/
.detailheading {
	padding: 25px 0 5px 0;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}
.detailheading span {
	font-size: .65em;
}
#detailsearch {
	background: #fff;
}
#popularwords {
	background: #f7f7f7;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px;
	box-sizing: border-box;
	overflow:hidden;
	border: solid 1px #ddd;
}
#search-title {
  width: 20.5%;
  float: left;
  font-size: 15px;
  padding: 10px 0 0 20px;
  color: #999;
}
#scroll-area {
  background: #f7f7f7;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
}
#scroll-area #scroll-content {position: relative;}
#scroll-area .scrollbar-track {
  position:absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 8px;
  background-color: #ccc;
}
#scroll-area #scrollbar-thumb {
  position:absolute;
  top:0;
  right: 0;
  bottom: 0;
  width: 8px;
  background-color: #999;
}
.search-item ul li {
	font-size: 12px;
	display:inline-block;
	margin-right: 1rem;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.search-item ul li a {
	color: #003792;
	cursor: pointer;
}
/****************************************************************
 *  search form
 ****************************************************************/
.cf {*zoom:1;}
.cf:before, .cf:after{content: ""; display: table;}
.cf:after {clear: both;}
form#form1.top_search_in_detail{
	border: solid 1px #ddd;
	margin-top: 15px;
	background: transparent;
	border: solid 1px #ddd;
	box-sizing: border-box;
	padding: 25px;
}
form#form1.top_search_in_detail p{
	font-size: 15px;
	font-weight: 800;
	margin: 0;
	padding: 5px 0;
}
form#form1.top_search_in_detail p.mg-btm {
	margin-top: 9px;
}
div#search-right,
div#search-left {
	width: 50%;
	height: inherit;
	float: left;
  padding: 10px;
  box-sizing: border-box;
}

.clearfix::after{
  content: "";
  clear: both;
  display: block;
}

div.inner-search label {
	font-size: 13px;
}
#detailsearch input[type="text"] {
	background: #fff;
	border: solid 1px #ccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	margin: 10px 10px 10px 0 !important;
	height: 34px;
	width: 73.5%;
	font-size: 1.125em;
}
#detailsearch input[name="keyword"]{width: 96.5%;margin-bottom: 20px;}
form#form1.top_search_in_detail input[type="checkbox"] {display: none;}
form#form1.top_search_in_detail input[type="checkbox"] + label {
	position: relative;
	cursor: pointer;
	background:none !important;
	padding: 0 0 0 30px;
}

#search-left ::-webkit-input-placeholder{ padding-left: 20px;}
#search-left input::-moz-placeholder {
 	position:relative;
 	margin-left: 20px !important;
  padding-left: 20px !important;
 }
#search-left input:-moz-placeholder {
	margin-left:20px;
	padding-left: 20px;
}
:-ms-input-placeholder{padding-left: 20px;}
ul#search-details{
	list-style: none;
	padding: 0; margin: 0;
}
ul.parts { padding: 0;}
ul.parts li { margin-right:10px;}
ul.parts li{
	display: inline-block;
	margin-right: 25px;
}
ul.parts a, ul.parts p{ font-size: 13px; color:#333;margin: 0 !important}
ul.parts.condition {
	background: #f0f0f0;
	/*
	float: right;
	width: 65%;
	*/
	padding: 10px 10px 10px 20px;
	/*margin: 0 0 10px 0;*/
}
ul.parts.condition li { margin-right: 0; padding:0 5px }

#condition_disabled, #rank_disabled, #parts_disabled {
  font-size: 13px !important;
  font-weight: normal !important;
  margin-left: 10px !important;
}

#detailsearch input[name="MINPRICE"],
#detailsearch input[name="MAXPRICE"] {width: 36%; height: 27px; margin:0;}
#detailsearch #search-submit {
	clear: right;
	width: 100%;
	padding-top: 10px;
  text-align: center;
}
#detailsearch input[type="submit"]{
	width: 260px;
	font-size: 13px;
  margin: 0 !important;
	padding: 17px 5px;
  border-style: none;
  box-sizing: border-box;
	background: url(../images/qN27BjDw6a46.png) 80px 20px no-repeat #003792;
  color: #fff;
  cursor: pointer
}
a.search-price {
	text-decoration: none;
	font-size: 12px;
	color: #333;
  margin-left: 0 !important;
}
select.select-hidden {
	display: none !important;
}
div.select-styled {
	display: block;
	position: relative;
	color: #333;
  font-size: .8rem;
  text-align: center;
  text-decoration: none;
  text-align: left;
  line-height: 35px;
  height: 35px;
  padding: 0 0 0 20px;
  margin-top: 10px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background: -webkit-linear-gradient(top, #e8e8e8 0%,#ffffff 71%);
  background: -moz-linear-gradient(top, #e8e8e8 0%,#ffffff 71%);
}
div.select-styled:before {
	content: "";
  height: inherit;
  border-left: 1px solid #dadada;
  display: inline-block;
  position: absolute;
  top: 1px;
  right: 2.7em;
}
div.select-styled:after {
	content: url(../images/MwGUqx7ASBEP.png);
	display: inline-block;
	position: absolute;
	top: .5rem;
	right: 1em;
	cursor: pointer;
}
ul.select-options {
	display: none;
	overflow-x: hidden;
	overflow-y: scroll;
	background: #fff;
	border: 1px solid #dadada;
	max-height: 300px;
}
ul.select-options li { padding-left: 10px;}
ul.select-options li:hover {background: #333; color: #fff;}
[rel="hide"] {display: none}

input[name="MINPRICE"], input[name="MAXPRICE"]{
  width: 150px !important;
}
input[type="checkbox"]:disabled + label{
  color: lightgrey;
  pointer-events: none;
}