/*
### Site Search
********************************************************************/
.searchBoxWrapper{
	height:60px;line-height:60px;
	background:#f7f7f7;
	border-bottom:1px solid #cccccc;
	padding:10px 0;
}
.searchBoxWrapper .searchBox{
	width:93.75%;/*300/320*/
	margin:0 auto;
	position:relative;
}

.firstLevelCategoryBanner {
	display: none;
}

.searchBoxWrapper .searchBox .searchType,
.searchBoxWrapper .searchBox .siteSearchInput,
.searchBoxWrapper .searchBox .searchBtn{
	float:left;
	display:block;
	height:39px;line-height:39px;
}

.searchBoxWrapper .searchBox .searchType{
	position:relative;
	width:18.3333333333%;/*55/300*/
	cursor:pointer;
}

[data-checkout-overlay="active"] .searchBoxWrapper .searchBox {
	z-index: 0;
}

.searchBoxWrapper .searchBox .searchType label{
	display:block;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	position:relative;

	border:1px solid #cccccc;
	cursor:pointer;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	background-color:#eaeaea;
	height:39px;line-height:39px;

	position:relative;
	z-index:2;
}

.searchBoxWrapper .searchBox .searchType label:active{
	background-color:#d9d9d9;
}

.searchBoxWrapper .searchBox .searchType label.searchTypeValue{
	border-top-left-radius:0;
	top:-1px;
}

.searchBoxWrapper .searchBox .searchType label.searchTypeSelected.open{
	border-bottom-left-radius:0;
}

.searchBoxWrapper .searchBox .searchType label.single:before,
.searchBoxWrapper .searchBox .searchType label.multi:before{
	position:absolute;
	color:#4d4d4d;
	font-size:16px;
	top:50%;margin-top:-8px;
	left:20%;
}

.searchBoxWrapper .searchBox .searchType label.single:before{
	content:"\a045";/*ico-multi_search*/
}

.searchBoxWrapper .searchBox .searchType label.multi:before{
	content:"\a037";/*ico-multi_search*/
}

.searchBoxWrapper .searchBox .searchType:after{
	position:absolute;
	z-index:3;
	font-size:10px;
	color:#4d4d4d;
	content:"\a010";/*ico-arrow_sharp_down*/
	width:10px;height:6px;
	top:40%;
	left:60%;
	margin-top:0px;
}

.searchBoxWrapper .searchBox .searchType.open:after{
	content:"\a013";/*ico-arrow_sharp_up*/
}

.searchBoxWrapper .searchBox .searchType.multi:after{
	top:43%;
}

.searchBoxWrapper .searchBox .siteSearchInput{
	width:63.6666666667%;/*191/300*/
	border-width:1px 0 1px 0;
	border-style:solid;
	border-color:#cccccc;

	font-family:MuseoSans, sans-serif;
	font-weight:700;
	font-size:12px;
	color:#4d4d4d;
	text-indent:12px;
	text-transform:uppercase;
}

.searchBoxWrapper .searchBox .siteSearchInput:focus{
	box-shadow:none;
	outline:none;
	margin:0;
}

.searchBoxWrapper .searchBox .searchBtn{
	width:18%;/*54/300*/
	border:0;outline:none;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	background:#333333;
	font-family:MuseoSans, sans-serif;
	font-weight:700;
	font-size:10px;
	color:#ffffff;
	text-transform:uppercase;
	text-align:center;
	padding:0;
	margin:0;
}

.searchBoxWrapper .searchBox .searchBtn:active,
.searchBoxWrapper .searchBox .searchBtn:hover{
	background:#222222;
	margin:0;padding:0;
}

.dynamicCategoryBannerComponent .categoryImageContainer .displayCategoryName {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


@media(min-width:768px){

	.firstLevelCategoryBanner {
		display: block;
	}


	.searchBoxWrapper{
		height:85px;line-height:85px;
		padding:20px 0;
	}

	.searchBoxWrapper .searchBox{
		width:95.2741020794%;/*504/529*/
	}

	.searchBoxWrapper .searchBox .searchType,
	.searchBoxWrapper .searchBox .siteSearchInput,
	.searchBoxWrapper .searchBox .searchBtn{
		height:43px;line-height:43px;
	}

	.searchBoxWrapper .searchBox .searchType{
		width:10.9126984127%;/*55/504*/
	}

	.searchBoxWrapper .searchBox .searchType label,
	.searchBoxWrapper .searchBox .searchType label:not(.selected){
		height:43px;line-height:43px;
	}

	.searchBoxWrapper .searchBox .siteSearchInput{
		width:71.23015873%;/*359/504*/
		border-right: 1px solid #fff;
	}

	.searchBoxWrapper .searchBox .searchBtn{
		width:17.8571428571%;/*90/504*/
		font-size:14px;
	}

}

@media(min-width:1280px){

	.allProductsPageContainer.page-listing, .contentPageContainer.page-listing {
		display: block;
		background:white;
	}

	.firstLevelCategoryBanner {
		height: 180px;
		background-size: cover;
	}



	.categoryImageContainer .sparImageResponsive {
		width: 100%;
		max-height: 180px;
	}

	.printablePage.topAdobePage {
		display: block;
		text-align: center;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}

	.searchBoxWrapper .searchBox{
		width:94.4791666667%;/*907/960*/
	}

	.searchBoxWrapper .searchBox .searchType{
		width:22%;/*171/907*/
	}

	.searchBoxWrapper .searchBox .searchType label{
		font-family:MuseoSans;
		font-weight:700;
		font-size:12px;
		color:#4d4d4d;
		text-transform:uppercase;
		text-align:center;
		cursor:pointer;
	}

	.searchBoxWrapper .searchBox .searchType label.single:before,
	.searchBoxWrapper .searchBox .searchType label.multi:before{
		left:0;margin-left:15px;
	}

	.searchBoxWrapper .searchBox .searchType:after{
		top:40%;
		left:84.2105263158%;
	}

	.searchBoxWrapper .searchBox .siteSearchInput{
		width: 68%;/*644/907*/
	}

	.searchBoxWrapper .searchBox .searchBtn{
		width:10%;/*92/907*/
	}

}


/*multi item search customization**/
.searchBoxWrapper .searchBox .multiSearchBox{
	position:relative;
	z-index:3;
	float:left;
	display:block;
	height: 39px;
	overflow:hidden;
	width:63.6666666667%;/*191/300*/
	border-width:1px 0 1px 1px;
	border-style:solid;
	border-color:#cccccc;
	background:#fff;

	line-height:12px;
}

.searchBoxWrapper .searchBox .multiSearchBox.active,
.searchBoxWrapper .searchBox .multiSearchBox:hover{
	overflow:visible;
}

@media(min-width:768px){

	.searchBoxWrapper .searchBox .multiSearchBox{
		position:relative;
		width:71.23015873%;/*359/504*/
		min-height:43px;
		max-height:43px;
	}

	.stickyheader .searchBoxWrapper .searchBox .multiSearchBox{
		width: 65%;
	}

}
@media(min-width:1280px){
	.searchBoxWrapper .searchBox .multiSearchBox{
		width:68%;/*644/907*/
	}
}


/***********************************************
#################################################
#################################################
############### UI-AUTOCOMPLETE #################
#################################################
#################################################
************************************************/

.autocompleteBoxContainer{
	position: relative;
}

.page-cartPage .autocompleteBox {
	z-index: 11;
}

.autocompleteBox {
	position: absolute;
	z-index: 2;
	width: 106.7%;  /* 93.75/100 = 100/x   -->  x = 100 * 100 / 93.75  */
	background: #fff;
	top: 50px;
	margin-left: -3.3334%;
}

.autocompleteBox .autocompleteContainer{
	width: 100%;
}

.autocompleteBox .autocompleteProductContainer{
	display: none;
}

.autocompleteBox .ui-menu-item .autocompleteValue{
	color: #000;
	display: block;
}

.autocompleteBox .ui-menu-item .autocompleteValue:hover {
	color: #495862;
	text-decoration: none;
}

.autocompleteBox .ui-menu-item,
.autocompleteBox .offersSuggestions,
.autocompleteBox .categoriesSuggestions{
	border-bottom: 1px solid #ccc;
	font-family: MuseoSans;
	font-weight: normal;
	font-size: 12px;
	color: #4d4d4d;
	text-indent: 12px;
	text-transform: uppercase;
	height: 42px;
	line-height: 42px;
}

.autocompleteBox .offersSuggestions,
.autocompleteBox .categoriesSuggestions{
	background-color: #eaeaea;
	font-weight: 700;
}


@media (min-width: 768px){

	.autocompleteBox {
		width: 71.23015873%; /*359/504*/
		top: 43px;
		left: 10.9126984127%;/*55/504*/
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		margin-left: -1px;
		max-height: 80vh;
        overflow-y: scroll;
	}

	.stickyheader .autocompleteBox {
		width: 100%;
		left: 2px;
	}

}



@media (min-width:1280px){

	.autocompleteBox {
		position: absolute;
		width: 68.5%;
		left: 22%;
		top: 43px;
		background: #fff;
		border: 1px solid #cccccc;
		border-top: 0;
		z-index: 9;
		max-height: 80vh;
        overflow-y: scroll;
	}

	.autocompleteBox .autocompleteCategoriesContainer{
		width: 100%;
		display: block;
	}

	.autocompleteBox .autocompleteProductContainer{
		width: 100%;
		display: block;
		position: relative;
		padding-bottom: 50px;
	}

	.autocompleteBox .autocompleteProductContainer .autocompleteProductsList {
		display: block;
	}

	.autocompleteBox .autocompleteProductContainer.fullWidth,
	.autocompleteBox .autocompleteContainer.fullWidth {
		width: 100%;
	}

	.autocompleteBox .ui-product-item {
		border-bottom: 1px solid #ccc;
		width: 100%;
		height: 84px;
	}

	.autocompleteBox .ui-product-item .productItemLink {
		color: #000;
		display: table;
		width: 100%;
	}

	.autocompleteBox .ui-product-item .productItemLink:hover {
		color: #495862;
		text-decoration: none;
	}

	.autocompleteBox .ui-product-item .imgContainer {
		width: 20%;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
	.autocompleteBox .ui-product-item .imgContainer img {
		width: 100%;
		max-width: 80px;
		height: 90%;
		max-height: 80px;
		object-fit: contain;
	}

	.autocompleteBox .ui-product-item .infoContainer {
		width: 50%;
		max-width: 250px;
		display: table-cell;
		vertical-align: middle;
	}
	.autocompleteBox .ui-product-item .infoContainer dd {
		margin:0;
		padding:0 5%;
	}
	.autocompleteBox .ui-product-item .infoContainer img {
		font-weight:100;
		font-size:0.5em;
	}
	.autocompleteBox .ui-product-item .productName {
		color: #000000;
		font-size: 12px;
		font-weight: 700;
		font-family: MuseoSans, Arial, sans-serif;
		display: block;
		text-transform: none;
		line-height: 15px;
		max-height: 60px;
		max-width: 255px;
		text-transform: none;
		padding: 0 5%;
	}

	.autocompleteBox .ui-product-item .productDescription {
		font-weight: inherit;
		font-style: inherit;
		font-size: 12px;
		font-family: MuseoSans, Arial, sans-serif;
		line-height: 15px;
		display: block;
		text-transform: none;
		padding: 0 5%;
		margin-top: 3px;
	}
	.autocompleteBox .ui-product-item .productInfoPriceTotal {
		width: 30%;
		display: table-cell;
		border-top: 0;
		border-bottom: 0;
		padding-top: 25px;
		padding-bottom: 14px;
		border-left: 0;
		text-align: right;
		padding-right: 12px;
		padding-top: 0;
	}
	.autocompleteBox .ui-product-item .productInfoPriceTotal.sales{
		background-color: #fff;
		border-left: 1px solid #ccc;
		vertical-align: middle;
		border-left: 0;
		text-align: right;
	}

	.autocompleteBox .ui-product-item .productInfoPriceTotal.sales .priceInteger,
	.autocompleteBox .ui-product-item .productInfoPriceTotal.sales .priceDecimal{
		color: #ca0614;
	}

	.autocompleteBox .ui-product-item .productInfoPriceTotal.sales .extraInfoPrice,
	.autocompleteBox .ui-product-item .productInfoPriceTotal.sales .insteadOfPrice{
		color: #4c4c4c;
	}

	.autocompleteBox .ui-product-item label,
	.autocompleteBox .ui-product-item div {
		line-height: normal;
	}

	.autocompleteBox .ui-product-item .imgContainer,
	.autocompleteBox .ui-product-item .infoContainer,
	.autocompleteBox .ui-product-item .productInfoPriceTotal{
		height: 83px;
	}

	.autocompleteBox .autocompleteSearchBtn{
		width: 100%;
    	height: 50px;
    	line-height: 50px;
    	background-color: #ca0614;;
    	position: absolute;
    	bottom: 0;
    	left: 0;
		border: 0;
		border-radius: 0;
		font-size: 14px;
		color: #fff;
		font-weight: 700;
		text-transform: uppercase;
	}

}


.ui-autocomplete{
	width:278px !important;
	z-index:10000 !important;
    border: 1px solid #CCCCCC;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
    border-radius: 0;
	-webkit-box-shadow: 0px 8px 15px #2c3a55;
	-moz-box-shadow: 0px 8px 15px #2c3a55;
    box-shadow: 0 8px 15px #999;
	padding:5px;
	margin:0;
	float:none;
}

.ui-autocomplete .ui-menu-item a,
.ui-autocomplete .ui-menu-item a:hover{
	display:block;
	padding: 0;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	font-weight:normal !important;
	color:#000 !important;
}

.highlighted {
	font-weight: bold;
	font-style: normal;
}

.ui-autocomplete .suggestions.ui-menu-item a,
.ui-autocomplete .suggestions.ui-menu-item a:hover{
	padding: 10px;
	text-transform:uppercase;
}

.ui-autocomplete .ui-menu-item .ui-state-hover{
	background:#F6F6F6;
}

.ui-autocomplete .ui-menu-item .thumb{
	float:left;
	width:76px;
	height:76px;
}

.ui-autocomplete .ui-menu-item .thumb img{
	width:100%;
	height:auto;
}


.ui-autocomplete .ui-menu-item .desc{
	margin:10px;
}


.ui-autocomplete .ui-menu-item .desc .title{
	float:left;
	white-space: normal;
	width: 200px;
	display:block;
}

.ui-autocomplete .ui-menu-item .desc .price{
	float:right;
	font-weight:bold  !important;
}


/* products with image */
.ui-autocomplete .ui-menu-item .thumb + .desc{
	margin:10px 10px 0 100px;
}

.ui-autocomplete .ui-menu-item .thumb + .desc .title{
	width: 115px;
}

/* PLACEHOLDER */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: rgb(117,117,117);
	opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
	color: rgb(117,117,117);
	opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
	color: rgb(117,117,117);
	opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
	color: rgb(117,117,117);
	opacity:1;
}