/* --- CONTROLS --- */



#searchControls {

	background-color: #f0f0f0;

	font-weight: 400;

	/*z-index: 890;*/

}

#searchControls > div {

	display: flex;

	align-items: center;

	justify-content: space-between;

}



#searchQuery {

	display: inline-block;

	margin: .5em 1em .5em 0;

	margin-right: 1em;

}



#mSearchSort {

	display: none;

	margin: .5em 0;

  padding: .3em 1em;

  text-align: center;

	white-space: nowrap;

}



#searchSort {

	display: inline-block;

	white-space: nowrap;

	margin: .8rem 0;

}

#searchSort .dropdown {

	position: relative;

	background: #f6f6f6;

	border: 1px solid #e0e0e0;

	border-radius: 3px;

}

#searchSort .dropdown-button {

  margin: 0;

  color: #1a1a1a;

	cursor: pointer;

  /*padding: 14px 16px

	min-width: 120px;

  font-size: 16px;;

  border: none;

  outline: none;

	max-width: 160px;

  background-color: inherit;

	text-align: left;*/

}

#searchSort .dropdown-content {

  display: none;

  position: absolute;

	right: 0;

  background-color: #f9f9f9;

  min-width: 160px;

  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);

  z-index: 99;

}

#searchSort .dropdown-content a {

  float: none;

  color: #000;

  padding: 12px 16px;

  text-decoration: none;

  display: block;

  text-align: left;

}

#searchSort .dropdown-content a:hover {

  background-color: #ddd;

}





#searchPager {

	margin-top: 1.5rem;

}

.pager {

	display: flex;

	justify-content: space-between;

	align-items: center;

	width: 380px;

	max-width: 100%;

	margin: 0 auto;

	padding: 0 2em;

}

.pager .pager-control-prev a,

.pager .pager-control-next a {

	padding: .8em;

}

.pager .pager-control-group > div {

	display: inline-block;

	margin: 0 .2em;

}

.pager input {

	width: 42px;

	text-align: center;

}







/* --- FACETS --- */



#searchType {

	margin-bottom: 2rem;

}

#searchType div {

	margin-bottom: .3em;

	font-size: 1.1rem;

	font-weight: bold;

	color: #686868;

}

#searchType a {

	display: block;

	padding-left: .5em;

	line-height: 1.8em;

	font-size: 1.3rem;

	font-weight: bold;

	color: #c8c8c8;

}

#searchType a:active,

.no-touch #searchType a:hover {

	color: #1a1a1a;

}

#searchType a[data-active="1"],

#searchType a[data-active="1"]:hover,

#searchType a[data-active="1"]:active {

	color: #c70000;

	cursor: default;

}



#searchPage .facet-menu-clear {

	margin-bottom: 1em;

}

#searchPanelFacets .facet-menu-clear {

	margin-top: 0;

}



#searchPage .facet-menu .facets-selected {

	float: right;

	padding-top: .2em;

	font-size: .8em;

	font-weight: 400;

	font-style: italic;

	color: #606060;

}

#searchPage .facet-menu .label-none {

	text-align: center;

	color: #999;

}

#searchPage .facet-menu-availability .option-menu-label {

	text-transform: capitalize;

}



#searchFacets .value-count {

	color: #999;

}

#searchFacets .label-none {

	display: none;

}









/* --- RESULTS --- */



#searchBanner:not(.content-empty),

#searchFeatures:not(.content-empty) {

	margin-bottom: 1rem;

}



#searchPageContent {

	margin-top: 1rem;

	margin-bottom: 1rem;

}

#searchResults > ul {

	display: flex;

	flex-flow: row wrap;

	margin: 0;

	margin-top: -1.5rem;  /* Adj 001 */

	padding: 0;

}

#searchResults li {

	margin: 0;

	list-style: none;

}



#searchResults .item, #searchResults .item-ad {

	display: inline-block;

	vertical-align: top;

}

#searchResults .item {

	flex: 1 0 25%;

	max-width: 25%;

	padding: 1.5rem 1rem;  /* Adj 001 */

	border-bottom: 1px solid #e0e0e0;

	font-size: .9rem;

	font-weight: 400;

	color: #1a1a1a;

}



/*#searchResults ul {

	border-bottom: 1px solid #e0e0e0;

}*/



#searchResults .item-image {

	display: block;

	position: relative;

	margin-bottom: .3rem;

}

#searchResults .item-image .img {

	text-align: center;

}

#searchResults .item-image img {

	width: 95%;

	max-width: 250px;

	vertical-align: middle;

}

#searchResults .item-tag-sale {

  position: absolute;

  width: 100%;

  background: #c1272d;

  bottom: 0;

  left: 0;

  line-height: 1.6em;

	text-align: center;

	color: #fff;

}

#searchResults .item-content > div,

#searchResults .item-content > a > div {

	margin-top: .5rem;

}

#searchResults .item-title,

#searchResults .item-title a {

	font-size: 1rem;

	font-weight: 700;

	color: #1a1a1a;

}

#searchResults .item .item-sku {

	margin-bottom: 1rem;

	font-size: .8rem;

	color: #1a1a1a;

}

#searchResults .item-brand a {

	color: #505050;

}

#searchResults .item-brand a:active,

.no-touch #searchResults .item-brand a:hover {

	color: #202020;

}

#searchResults .item-link-group {

	margin-bottom: 1rem;

}

#searchResults .item-link-group a {

	color: #0061ac;

}

#searchResults .item-link-group a:active,

.no-touch #searchResults .item-link-group a:hover {

	color: #e00;

}

#searchResults .btn {

	margin-top: 1.4rem;

	padding-left: 1rem;

	padding-right: 1rem;

	width: auto;

}

#searchResults .item-content .btn-add-unavailable {

	margin-top: 1.2rem;

}

#searchResults .item-group .btn-options {

	margin-top: 1.2rem;

	line-height: 34px;

	padding-left: .7rem;

	padding-right: .7rem;

}

#searchResults .item-tag {

  position: absolute;

  width: 100%;

  background: #c1272d;

  bottom: 0;

  left: 0;

  margin-bottom: 2rem;

  line-height: 1.6em;

	text-align: center;

}



#searchResults.search-results-video .item.item-video {

	border: 0;

}



#searchResults.search-results-knowledgebase ul {

	display: block;

}

#searchResults .item.item-article {

	display: block;

	max-width: none;

	/*padding: 1em 0;*/

}

#searchResults .item.item-article .item-title {

	margin: 0;

}

#searchResults .item.item-article .item-description {

	color: #1a1a1a;

}





@media (max-width: 540px) {

	#searchResults .item.item-featured {

		position: relative;

		border: 3px solid #f45b00;

		border-bottom: 0;

		padding: 0 0 1.6rem;

	}

	#searchResults .item.item-featured::after {

		content: "Top Seller";

	  position: absolute;

	  width: 100%;

	  background: #f45b00;

	  bottom: 0;

	  left: 0;

	  line-height: 1.6rem;

		text-align: center;

		color: #fff;

	}

	#searchResults .item-featured + .item-featured {

		display: none;

	}

}

@media (min-width: 541px) {

	#searchPageContent {

		margin-top: 2rem;

	}

	#searchResults .item-featured .item-image {

		border: 3px solid #f45b00;

		border-bottom: 0;

		padding-bottom: 1.6rem;

	}

	#searchResults .item-featured .item-image::after {

		content: "Top Seller";

	  position: absolute;

	  width: 100%;

	  background: #f45b00;

	  bottom: 0;

	  left: 0;

	  line-height: 1.6rem;

		text-align: center;

		color: #fff;

	}

	#searchResults .item-featured .item-image img {

		width: 100%;

	}

	#searchResults .item-featured .item-link {

		font-size: 110%;

	}

}





/*

#searchResults .item.item-ad {

	border: 0;

}

#searchResults .item-ad-hw {

  flex: 1 0 50%;

	max-width: 50%;

}

#searchResults .item-ad-fw {

  flex: 1 0 100%;

	max-width: 100%;

}

#searchResults .item-ad h2 {

	font-size: 1.4rem;

}

#searchResults .item-ad img {

	max-width: 100%;

	height: auto;

}

#searchResults .item-ad .video-thumbnail {

	border: 1px solid #c8c8c8;

}*/







@media (max-width: 928px) {

	#searchPage .content-sidebar,

	#searchSort {

		display: none;

	}

	#mSearchSort {

		display: inline-block;

	}

	#searchResults .item-ad-qw .btn {

		padding-left: .7rem;

		padding-right: .7rem;

		font-weight: .8rem;

	}

}

@media (max-width: 928px) and (min-width: 541px) {

	#searchResults .btn-options .priority-low {

		display: none;

	}

}

@media (max-width: 540px) {

	#searchResults ul {

		display: block;

	}

	/*#searchBanner,*/

	#searchFeatures,

	#searchResults .item-ad {

		display: none;

	}

	#searchResults .item {

		display: flex;

		padding-left: 0;

		padding-right: 0;

		align-items: center;

		max-width: 100%;

	}

	#searchResults .item-image {

		flex: 0 0 25%;

		margin-right: 1em;

		margin-bottom: 0;

	}

	#searchResults .item-content {

		flex: 1;

	}

	#searchResults .item.item-featured:first-child {

		margin-top: 1.5rem;  /* Adj 001 */

	}

	#searchResults .item.item-featured .item-title {

		margin-top: 0;

	}

}