﻿
.categoryText { background: #F3F3F3; padding: 50px 0; }
	.content .categoryText .inner { width: 960px; max-width: 95%; margin:auto; text-align: center; min-height:0; padding:0;}
.category-info { }
	.category-info .image { overflow: hidden; }
	.category-info .category-image { max-width: 100%; }
	.category-info .category-title { text-transform: uppercase; margin: 10px 0; }
	.category-info .sub-categories-wrapper { margin: 20px 0; }
	.category-info .sub-category-links-toggle { display: none; }
	.category-info .sub-category-link { border: 1px solid #ddd; display: inline-block; margin: 5px 10px 5px 0; padding: 5px 10px; text-decoration: none; text-transform: uppercase; font-size: 12px; }
	.category-info .product-list-controls { padding: 10px 0px 5px; overflow: hidden; font-size: 15px; border-bottom: 1px solid #ddd; }
		.category-info .product-list-controls .label { font-weight: 700; }
	.category-info .product-list-control { float: left; margin-right: 10px; }
		.category-info .product-list-control .label { font-weight: 700; display: block; }
		.category-info .product-list-control .dropdown-control { margin: 0 5px 0 0; padding: 8px; border: none; padding-right: 20px; -webkit-appearance: none; -moz-appearance: none; background-image: url("/gfx/arrow-down-16.png"); background-repeat: no-repeat; background-position: right 5px center; background-size: 10px; border: 1px solid #ddd; border-radius: 4px; }
	.category-info .sorting-control { float: left; }
		.category-info .sorting-control .sotring-dropdown { margin: 0 5px; padding: 8px; border: none; padding-right: 20px; -webkit-appearance: none; -moz-appearance: none; background-image: url("/gfx/arrow-down-16.png"); background-repeat: no-repeat; background-position: right 5px center; background-size: 10px; border: 1px solid #ddd; border-radius: 4px; }
	.category-info .number-of-products-control { float: right; padding: 23px 4px 0; display:none; }
		.category-info .number-of-products-control .view-button { display: inline-block; padding: 5px 6px; vertical-align: middle; }
			.category-info .number-of-products-control .view-button.active { }
.product-list { overflow: hidden; margin: 10px 0px; padding: 2px; display:flex; justify-content:flex-start; flex-wrap:wrap; gap: 1%;}
	.product-list .product-item {  width: 32.66%; margin-bottom: 1%;}
	.product-list.four-column .product-item {width: 24.2%;}

	.product-list .inner-product-item { display: block; padding: 20px; text-align: center; text-decoration: none; border: 1px solid #D8D8D8;  position:relative;}
	.product-list .inner-product-item .logoImage {display:flex; justify-content:flex-end; margin: 0 0 10px 0; height:40px;}
		.product-list .inner-product-item .logoImage img { max-height:40px; display:block; }
		.product-list .inner-product-item .image { width: 100%; height: 170px; overflow: hidden; position: relative; }
		.product-list .inner-product-item .discountValue { background: #000; color: #df001a; display: inline-block; z-index: 2; position: absolute; top: 20px; left: 20px; padding: 5px; border-radius: 5px; font-size: 20px; }
/*		.product-list .inner-product-item .discountValue { background: #df001a; color: #fff; display: inline-block; z-index: 2; position: absolute; top: 20px; left: 20px; padding: 5px; border-radius: 5px; font-size: 20px; }
*/
			.product-list .inner-product-item .image img { display:block; width:100%; height:100%; object-fit:contain; }
		.product-list .inner-product-item .product-title { margin: 20px auto 10px auto; color: #4D4D4D; font-size: 18px; font-weight: bold; overflow: hidden; width:75%;  }
		.product-list .inner-product-item .product-sku { margin: 15px 0; color: #4D4D4D; font-size: 14px; }
		.product-list .inner-product-item .product-description { display: none; }
		.product-list .inner-product-item .product-price .campaignBanner { padding: 10px 10px 10px 10px; background: #000; color: #df001a; -webkit-transform: skew(-15deg,0); -ms-transform: skewX(-15deg) skewY(0); transform: skew(-15deg,0); }
/*		.product-list .inner-product-item .product-price .campaignBanner { padding: 10px 10px 10px 10px; background: #df001a; color: #fff; -webkit-transform: skew(-15deg,0); -ms-transform: skewX(-15deg) skewY(0); transform: skew(-15deg,0); }
*/
.product-list .inner-product-item .product-price .priceBanner {border-radius: 10px; min-width: 35%; display: inline-block; margin: auto; }
/*.product-list .inner-product-item .product-price .campaignPrice { color: #fff; font-size: 24px; display:block; line-height: 24px; font-weight: bold; margin: 0; text-align: center; }*/
		.product-list .inner-product-item .product-price .campaignPrice { color: #df001a; font-size: 24px; display: block; line-height: 24px; font-weight: bold; margin: 0; text-align: center; }
.product-list .inner-product-item .product-price .oldPrice { color: #fff; font-size: 12px; font-weight: normal; margin: 0; text-align: center; display:block;}
		.product-list .inner-product-item .product-incVat { font-size: 12px; margin: 5px 0 10px 0; text-align: center; color:#4d4d4d; }
		.product-list .inner-product-item .price { font-size: 24px; font-weight: bold; text-align: center; color: #4D4D4D; }

.product-list .inner-product-item .buy { margin: 15px 0 0 0; display: flex; justify-content: space-between; align-items: center; border-bottom:none; padding:0; }
.product-list .inner-product-item .buy .addToCartIcon {display:none;}
.product-list .inner-product-item .unit { margin: 0 5px; color:#000;}
.product-list .inner-product-item .buy input[type=number] { color: #151016; background: #F3F3F3; padding: 14px 0px; width: 20.5%; box-sizing: border-box; font-family: Arial, sans-serif; font-size: 17px; font-weight: bold; border: none; border: 1px solid #E1E1E1; border-radius: 2px; text-align: center; }
	.product-list .inner-product-item .buy .buyBtn,
	.product-list .inner-product-item .buy .offerBtn{ font-size: 17px; margin:auto; color: #fff; border-radius: 2px; border: none; padding: 15px 0px; width: 66.5%; box-sizing: border-box; font-weight: bold; font-family: Arial, sans-serif; display: inline-block; text-align: center; cursor: pointer; }

.categorySearch { margin: 0 0 20px 0; }
	.categorySearch input[type=text] { width: 80%; padding: 10px 20px; font-size: 18px; box-sizing: border-box; }
	.categorySearch input[type=submit] { width: 19%; padding: 13px 20px; font-size: 16px; color: #fff; border: none; cursor: pointer; box-sizing: border-box; }

.product-list .inner-product-item .product-price .priceBanner {min-width:0;}

.category-info .pager { clear: both; text-align: right; font-size: 18px; margin: 10px 0 20px; }
	.category-info .pager a { text-decoration: none; margin: 2px 0; display: inline-block; width: 30px; text-align: center; background-color: #dedede; color: #a0a0a0; vertical-align: middle; padding: 8px 5px 4px; border-radius: 4px; border: 1px solid #bbb; }
	.category-info .pager .current { background-color: #353535; border-color: #353535; color: #fff; }

.product-list .productVariationDiv { width: 100%; overflow: hidden; }
	.product-list .productVariationDiv label { font-size: 10px; margin: 0; color: #737373; text-align: left; display:block; }
.product-list .productVariationSelect { font-size: 12px; width: 100%; }


@media only screen and (max-width: 1200px) {
	.categoryText { padding: 20px 0; }

	.category-info { padding: 0; }
	.product-list { margin: 10px 0; }
}

@media only screen and (max-width: 800px) {
	.product-list .product-item,
	.product-list.four-column .product-item { width: 49.5%; }
	.category-info .sub-categories-wrapper { border: 1px solid #ddd; border-radius: 5px; padding: 4px; }
	.category-info .sub-category-links-toggle { display: block; margin: 0; padding: 8px 10px 4px; text-transform: uppercase; background-image: url(/gfx/arrow-down-16.png); background-position: right 10px center; background-repeat: no-repeat; cursor: pointer; }

	.category-info .sub-category-links { display: none; }
		.category-info .sub-category-links.expand { display: block; }

	.category-info .sub-category-link { border: none; border-radius: 0; display: block; margin: 5px 10px; padding: 8px 0 4px; }
}

@media only screen and (max-width: 680px) {
	.product-list .inner-product-item .product-title { font-size: 16px; }
	.product-list .inner-product-item .product-price { font-size: 20px; margin: 0;}
	.category-info .product-list-control { margin: 0; }
		.category-info .product-list-control .label { font-size: 12px; }
		.category-info .product-list-control .dropdown-control { font-size: 12px; padding: 4px; padding-right: 20px; }
	.category-info .number-of-products-control { padding: 16px 0 0; }

	.product-list .inner-product-item .buy .addToCartIcon { display: inline; font-size: 24px;}
	.product-list .inner-product-item .buy .addToCartText { display: none; }
}

@media only screen and (max-width: 500px) {
	.categorySearch input[type=text] { width: 75%; padding: 10px 10px; font-size: 14px; }
	.categorySearch input[type=submit] { width: 22%; padding: 12px 10px; font-size: 14px; }
	.product-list .inner-product-item .logoImage {height:auto; margin: 0 0 10px 0;}
		.product-list .inner-product-item .logoImage img { max-height: 25px; }
	.product-list .inner-product-item .product-title { font-size: 14px; margin: 10px auto; line-height:16px; }
	.product-list .inner-product-item .product-sku {margin: 5px auto; font-size:12px;}
	.product-list .inner-product-item .image { height: 100px; }
	.product-list .inner-product-item .price {font-size:18px;}
	.product-list .inner-product-item { padding: 5px; }
		.product-list .inner-product-item .buy .buyBtn, .product-list .inner-product-item .buy .offerBtn {padding: 5px 0;}
		.product-list .inner-product-item .buy input[type=number] {padding: 9px 0; font-size:14px;}
		.product-list .inner-product-item .discountValue { top: 5px; left: 5px; font-size: 16px; }
		.product-list .inner-product-item .product-price .campaignPrice { font-size: 18px; line-height: 18px; }
		.product-list .inner-product-item .product-price .oldPrice  {font-size:10px;}
}

@media only screen and (min-width: 769px) {
	.category-info .category-image { display: none; }
	.category-info .sub-category-link:hover { border: 1px solid #666; background-color: #666; color: #fff; }
}
