﻿#wrapper #content { background-color: #fff; }
.product-breadcrumbs { font-size: 14px; margin: 0 0 20px; color: #888; background: transparent linear-gradient(89deg, #353535 0%, #5C6C77 100%) 0% 0% no-repeat padding-box; }
.content .product-breadcrumbs .inner { min-height: 0; padding: 0; }
.breadcrumbs { color: #fff; display: flex; justify-content: flex-start; gap: 5px; align-items: center; margin: 0; padding: 15px 0; }
	.breadcrumbs a,
	.breadcrumbs span { color: #fff; text-transform: uppercase; text-decoration: none; line-height: 1em; }
		.breadcrumbs a:hover { text-decoration: underline; }

.product-details { }
	.product-details .description-title { margin: 0; }
	.product-details .product-info-and-images { overflow: hidden; margin-bottom: 30px; border-radius: 2px; display: flex; justify-content: space-between; align-items: flex-start; }
	.product-details .product-general-info { width: 42%; }
	.product-details .product-general-info-inner { padding: 0 20px; }
	.product-details .product-general-info .product-title { text-transform: uppercase; color: #353535; font-size: 24px; margin: 40px 0 15px 0; }
	.product-details .product-general-info .sku { font-size: 12px; text-transform: uppercase; color: #000; }
		.product-details .product-general-info .sku .bold { font-weight: bold; }
	.product-details .product-general-info .short-description { margin: 10px 0 20px; }
	.product-details .stock { margin: 0; }
		.product-details .stock .status { font-weight: 700; }
	.product-details .product-stock { font-size: 11px; font-weight: 500; text-transform: uppercase; }
		.product-details .product-stock.inStock { color: #2EB966; }
		.product-details .product-stock.fewInStock { color: #b9b22e; }
		.product-details .product-stock.outOfStock { color: #b92e2e; }


	.product-details .price { font-size: 24px; color: #000; font-weight: 600; }
		.product-details .price .campaign { color: red; font-weight: 700; }
		.product-details .price .old-price { font-size: 14px; font-weight:400;}
.button.add-to-cart { margin: 30px 0 0px 0; overflow: hidden; display: flex; justify-content: flex-start; gap: 15px; }
	.button.add-to-cart .add-to-cart-number { font-size: 16px; width: 40px; text-align: center; border: 1px solid rgba(38,36,76,.2); border-radius: 4px; }
	.button.add-to-cart .add-to-cart-button { font-size: 12px; padding: 12px 0; box-sizing: border-box; cursor: pointer; width: 175px; display: block; text-decoration: none; font-weight: 600; text-transform: uppercase; border: 1px solid rgba(38,36,76,.2); border-radius: 4px; text-align: center; box-sizing: border-box; }
		.button.add-to-cart .add-to-cart-button:hover { background: #5C6C77; color: #fff; }


.price-and-buy-button { overflow: hidden; }
	.price-and-buy-button .button.add-to-cart { float: right; }
	.price-and-buy-button .price { margin: 10px 0; float: left; }
.price-label.original-price { font-size: 18px; text-decoration: line-through; }
.product-general-info-inner .variations select { padding: 8px 25px 8px 5px; border-radius: 4px; border: 1px solid #dedede; margin: 5px 0 10px; background-image: url(/gfx/arrow-down-16.png); background-repeat: no-repeat; background-position: center right 10px; background-size: 10px; -webkit-appearance: none; -moz-appearance: none; }
.product-general-info-inner .supplier { margin: 20px 0; }
	.product-general-info-inner .supplier img { max-height: 70px; }
.product-details .product-images { overflow: hidden; width: 51%; }
	.product-details .product-images .large-image-ph { height: 600px; width: 100%; cursor: pointer; background: #f5f5f5; }
		.product-details .product-images .large-image-ph .mainImg { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: darken; }

.product-document-link { padding: 10px 20px; background: #fff; display: inline-block; color: #292929; border: 1px solid #dadada; MARGIN: 20px 0; text-decoration: none; }
.product-document-link-icon { vertical-align: middle; height: 18px; opacity: 0.8; }
.product-details .product-images .product-image-wrapper { width: 16.6%; float: left; }
.product-details .product-images .product-image-inner-wrapper { margin: 10px 5px; border: 1px solid #dfdfdf; height: 80px; overflow: hidden; position: relative; }
.product-details .product-images .product-image { position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); max-width: 110%; display: block; cursor: pointer; }
.product-details .product-specific-info { clear: both; margin-bottom: 40px; }
	.product-details .product-specific-info p { font-size: 14px; color: #353535; }
	.product-details .product-specific-info .heading { text-transform: uppercase; margin: 15px 0 25px; border-bottom: 2px #f7a600 solid; display: inline-block; font-size: 22px; }
.product-details .product-video { display: inline-block; background-repeat: no-repeat; background-position: center; background-size: cover; height: 120px; width: 200px; cursor: pointer; position: relative; }
	.product-details .product-video:hover::after { position: absolute; content: " "; background-repeat: no-repeat; background-position: center; background-image: url('/gfx/webbedit/btn-play-alt.png'); height: 120px; width: 200px; cursor: pointer; }

.product-details-attribute-selectors select { display: block; width: 100%; padding: 5px 5px; font-size: 18px; }

.product-details-attribute-selectors span br,
.product-details-attribute-selectors input[type=radio] { display: none; }
	.product-details-attribute-selectors input[type=radio] + label { display: inline-block; width: 50px; margin: 5px; overflow: hidden; opacity: 0.6; }
	.product-details-attribute-selectors input[type=radio]:checked + label { opacity: 1; }
	.product-details-attribute-selectors input[type=radio] + label img { width: 100%; }
.fileList { margin: 20px 0; }
	.fileList .file { margin: 0 0 10px 0; }
		.fileList .file a { border: 1px solid #D9D9D9; display: block; padding: 15px; color: #000; }
			.fileList .file a i { font-size: 20px; position: relative; top: 1px; margin: 0 6px 0 0; }

.productTabs { border: 1px solid rgba(38,36,76,.2); border-radius: 4px; padding: 30px; }
	.productTabs .tabHeader.hideProps #propertyTabHeader {display:none; }
	.productTabs .tabHeader.hideDocs #docsTabHeader { display: none; }

	.content .productTabs .inner { min-height: 0; padding: 0; }
.productTabs .tabHeader { margin: 0 0 40px 0; }
.productTabs .tabHeaderItem { color: #353535; font-weight: 600; font-size: 14px; margin: 0 40px 0 0; display: inline-block; line-height: 2em; cursor: pointer; }
	.productTabs .tabHeaderItem.on,
	.productTabs .tabHeaderItem:hover { border-bottom: 2px solid #353535; }
.productTabs .tabBody .tabBodyItem { display: flex; justify-content: space-between; flex-wrap: wrap; }
.productTabs .tabBodyItem .tabRow { width: 49%; border-bottom: 1px solid rgba(38,36,76,.2); margin: 0 0 10px 0; padding: 0 0 10px 0; display: flex; justify-content: flex-start; }
	.productTabs .tabBodyItem .tabRow span { width: 50%; display: inline-flex; color: #000;  font-size: 14px; align-items: center; }
		.productTabs .tabBodyItem .tabRow span.bold { font-weight: 500; }
.productTabs .tabBodyItem .tabRow span a {display:inline-flex; justify-content:flex-start; gap: 5px; align-items:center; background:#000; color:#fff; padding: 5px 15px; width: auto; text-decoration:none;}
.productTabs .tabBodyItem .tabRow span a:hover {background:#00000095;}
.productTabs #docsTabBody {display:none;}

.relatedProductsDiv {margin: 65px 0 0;}
.content .relatedProductsDiv .inner {min-height:0; margin:0 auto; padding:0;}

@media only screen and (max-width: 1200px) {
	.product-details .product-general-info {width: 47%;}

}

@media only screen and (max-width: 1000px) {
}

@media only screen and (max-width: 786px) {
	.product-details .product-info-and-images {flex-wrap:wrap;}
	.product-details .product-general-info,
	.product-details .product-images { width: 100%; }
		.product-details .product-images .large-image-ph {height: 400px;}
		.product-details .product-general-info-inner { padding: 0; }
	.product-details .product-general-info .product-title {margin: 20px 0 15px 0;}
	.product-details .product-general-info h2 { margin: 0px 0 15px 0; }
}

@media only screen and (max-width: 600px) {
	.productTabs .tabBodyItem .tabRow {width:100%;}
}

	@media only screen and (max-width: 500px) {
		.product-details .product-images .large-image-ph { height: 300px; }
		.breadcrumbs a, .breadcrumbs span { font-size: 10px; }
	}

	@media only screen and (max-width: 400px) {
	}

	@media only screen and (max-width: 340px) {
	}
