﻿#wrapper #content { background-color: #fff; }
.product-breadcrumbs { font-size: 14px; margin: 0 0 20px; color: #E63517; display:none;}
	.product-breadcrumbs a,
	.product-breadcrumbs .current-link { color: #888; text-decoration: none; margin: 0 5px; text-transform:capitalize;}
		.product-breadcrumbs a:first-child {margin: 0 5px 0 0;}
		.product-details { color: #333; font-size: 16px; }
	.product-details .description-title { margin: 0; }
	.product-details .product-info-and-images { overflow: hidden; margin-bottom: 30px; border-radius: 2px; }
	.product-details .product-general-info { width: 57%; float: right; }
	.product-details .product-general-info-inner { padding: 0 20px; }
	.product-details .product-general-info .product-title { color: #000; font-size: 44px; line-height:1em;}
	.product-details .product-general-info .short-description { margin: 10px 0 20px; }
	.product-details .stockSkuDiv {display:flex; justify-content:flex-start; align-items:center; margin: 10px 0 20px 0;}
	.product-details .stock { color: #4D4D4D; border: 1px solid #D8D8D8; margin: 0px 10px 0px 0; font-size: 14px; border-radius: 100px; padding: 0 10px; display: inline-block; line-height: 10px; padding: 10px 10px 0 10px; }
	.product-details .stock span { font-size: 40px; line-height: 14px; display: inline-block; position: relative; margin: 0 5px 0 0; }
		.product-details .stock .storageText { position: relative; bottom: 9px; font-size: 14px; margin: 0; }

p.skuHeader { font-size: 16px; margin: 0; clear:both; font-weight:normal; }

	.product-details .price,
	.product-details .campaignprice { margin: 10px 0; }
.product-details .campaignprice .discountValue { font-size: 24px; margin: 0 0 0 20px; position: relative; bottom: 5px; background: #df001a; color: #fff; padding: 5px; border-radius: 5px; }
.product-details .price p { font-size: 42px; color: #151016; font-weight: bold; margin: 0; }
.product-details .price p.incVat,
.product-details .campaignprice p.incVat,
.product-details .oldPrice p.incVat { font-size: 14px; color: #4D4D4D; font-weight: normal; }
.product-details .campaignprice p { font-size: 42px; color: #df001a; font-weight: bold; margin: 0; }
.product-details .oldPrice p { font-size: 18px; color: #737373; font-weight: bold; }
.product-details .oldPrice p span { font-size: 10px; font-family: Arial, sans-serif; color: #a8a8a8; margin: 0 0 0 15px; }
	.product-details .buy { border-bottom: 1px solid #D8D8D8; padding: 0px 0 20px 0; display: flex; align-items: center; }
		.product-details .buy .unit { margin: 0 5px; }

		.product-details .buy input[type=text] { color: #151016; background: #F3F3F3; padding: 14px 0px; width: 10%; 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-details .buy .buyBtn,
		.product-details .buy .offerBtn { font-size: 17px; color: #fff; border-radius: 2px; border: none; padding: 12px 0px; width: 88%; max-width: 250px; box-sizing: border-box; font-weight: bold; font-family: Arial, sans-serif; display: inline-block; text-align: center; cursor: pointer; }

.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; margin-left: 15px; }
.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: 38%; float: left; }
	.product-details .product-images .large-image-ph { height: 400px; max-width: 600px; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; cursor: pointer; }
.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-images .product-image-wrapper i { position: absolute; top: 30%; left: 35%; font-size: 32px; cursor: pointer; z-index: 3; color: #000; }
.product-details .product-images .large-image-ph iframe { width: 100%; height: 400px; display: none; }
.product-details .product-specific-info { clear: both; margin: 20px 0; }
	.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%; }

	.product-details h3 {margin: 20px 0;}

.product-details .productVariationDiv,
.product-details .productExtraDiv { margin: 0 0 20px 0; }
	.product-details .productVariationDiv p,
	.product-details .productExtraDiv p { margin: 0 0 5px 0; color: #8d8d8d; }
.product-details .productVariationSelect,
.product-details .productExtraSelect { padding: 5px; font-size: 16px; }

.fileList { margin: 20px 0; }
	.fileList .file { margin: 0 0 10px 0; }
		.fileList .file a,
		.fileList .fileExpand a { border: 1px solid #D9D9D9; display: block; padding: 15px; color: #000; }
	.fileList .fileExpand a { padding: 10px; background: #f9f9f9; font-size: 14px; }
		.fileList .file a i,
		.fileList .fileExpand a i { font-size: 20px; position: relative; top: 1px; left: 0; color: #000; margin: 0 6px 0 0; }
		.fileList .fileExpand a i { font-size: 16px; }

	.fileList .fileExpand { background: #f6f6f6; padding: 10px; margin: 0 0 10px 0; }
		.fileList .fileExpand:last-child { margin: 0; }
		.fileList .fileExpand .fileHeader { cursor: pointer; margin: 0; }
		.fileList .fileExpand .fileHeader { color: #000; font-size: 16px; font-weight: 600; }
			.fileList .fileExpand .fileHeader .expandIcon { margin: 0 5px 0 0; display: inline-block; }
				.fileList .fileExpand .fileHeader .expandIcon.plus { display: inline-block; }
				.fileList .fileExpand .fileHeader .expandIcon.minus { display: none; }
		.fileList .fileExpand.open .fileHeader .expandIcon.plus { display: none; }
		.fileList .fileExpand.open .fileHeader .expandIcon.minus { display: inline-block; }
		.fileList .fileExpand .fileBody { padding: 0px; display: none; margin: 10px 0 0 0; }
			.fileList .fileExpand .fileBody p { font-size: 14px; color: #000; }

.extraProductWrapper {margin: 40px 0 0 0;}
.extraProductWrapper h3 { margin: 20px 0 0 0; }
.extraProductDiv { background: #f1f1f1; padding: 20px; }
.extraProductDiv .row {display:flex; justify-content:flex-start; align-items:center; }
.extraProductDiv .name {font-weight:bold; font-size:18px; margin:0 0 15px 0;}
.extraProductDiv .sku {font-size:14px; margin: 0;}
	.extraProductDiv .price {margin:0 !important;}
	.extraProductDiv .price p { font-size: 26px; text-align: right; }
	.extraProductDiv .buy {border:none; margin:0 0 0 20px; padding:0; }
.product-details .extraProductDiv .buy input[type=text] {padding:7px 0; font-size:15px;}
.product-details .extraProductDiv .buy .unit {font-size:14px;}
.product-details .extraProductDiv .buy .buyBtn { padding: 6px 0; max-width:200px; font-size:15px;}

@media only screen and (max-width: 1200px) { .product-details .product-specific-info { margin: 0 0 20px; }
}

@media only screen and (max-width: 1000px) {
	.product-details .product-general-info .product-title { font-size: 30px; }
	.product-details { font-size: 14px; }
		.product-details .price { font-size: 30px; }
		.product-details .product-specific-info .heading { font-size: 20px; }

		.product-details .product-list .inner-product-item .image { height: 170px; line-height: 170px; }
}

@media only screen and (max-width: 786px) {
	.product-breadcrumbs { display:block; }
	.product-details .product-general-info,
	.product-details .product-images { width: auto; float: none; }
	.product-details .product-general-info-inner { margin-top: 20px; padding: 0; }

	.product-details .product-images .large-image-ph iframe { height: 250px; margin: 0 0 20px 0; }
	.product-details .product-images .large-image-ph { height: 250px; }
	.product-details .product-images .product-image-wrapper { width: 16.6%; }
	.product-details .product-images .product-image-inner-wrapper { margin: 2px; border: 1px solid #dfdfdf; height: 50px; }
	.product-details .price { margin-top: 16px; }
	.product-details .product-list .inner-product-item .image { height: 150px; line-height: 150px; }
	.product-details .product-specific-info { overflow: hidden; }
	.product-details .productVariationSelect { padding: 5px; font-size: 16px; }
	.product-details .productVariationSelect { padding: 5px; font-size: 12px; width:100%; }
}

@media only screen and (max-width: 500px) {
	.product-details .product-general-info .product-title { font-size: 22px; }
	.product-details { font-size: 12px; }
		.product-details .price p{ font-size: 22px; }
		.product-details .product-specific-info .heading { font-size: 16px; }
		.product-details .product-list.product-puffs .product-item { width: 100%; }
		.product-details .product-list .inner-product-item .image { height: 150px; line-height: 150px; }

	.extraProductWrapper h3 {margin: 10px 0;}
	.extraProductDiv { padding: 10px; }
	.extraProductDiv .row { display: block; }
	.extraProductDiv .price p { text-align: left; }
	.extraProductDiv div {margin: 0 0 10px 0;}
	.extraProductDiv .buy { border: none; margin: 10px 0 0 0px; padding: 0; }
		.extraProductDiv .name {font-size:16px;}

	.product-breadcrumbs a,
	.product-breadcrumbs .current-link { font-size:12px; }

}

@media only screen and (max-width: 400px) {
	.product-details .product-list .product-item { float: left; width: 50%; margin: 0 0 10px; }
}

@media only screen and (max-width: 340px) {

	.button.add-to-cart .add-to-cart-button { padding-left: 25px; }
}
