body{ position: relative; }
.product-header{ position: relative; height: 45px; background-color: #252525; display: none; padding: 5px 15px; margin-bottom: 12px; }
#widegreyout{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.8;
	top: 0px;
	left: 0px;

	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;

	display: none;
	z-index: 3000;
}
.product-enquiry-container{ display: none; }

@media (min-width: 1px) {
	.br-m{ display: none; }/**Marcus: This will be here for the moment**/

	.product-container-header-m{ position: relative; height: 35px; background-color: #5fe5aa; }

	.product-type-container-m{position: relative; height: 22px; float: left; background-color: #133527; font-size: 12px;  margin-top: 7px; margin-left: /*7*/11px; }
	.product-type-container-m:hover{ background-color: #186244; }
	.product-type-current-m{ font-weight: bolder; color: #5de9ac; /*padding-top: 3px; padding-left: 8px; padding-right: 8px; cursor: pointer;*/
		background-image: url(../../images/osren/product/ProdDetails_BackIco-M.png);
		background-repeat: no-repeat;
		background-position: 8px 6px;
	}
	.product-type-list-m{ position: absolute; overflow: hidden; top: 22px; left: 0px; height: 0px; z-index: 1000; background-color: #133527; width: 100%; }
	.product-type-list-m.active{ height: auto; }
	.product-type-option-m{	position: relative; padding-top: 3px; margin-left: 8px; padding-bottom: 3px; margin-right: 8px; border-bottom: 1px solid #eeeeee; }
	.product-type-option-m:last-child{ margin-bottom: 8px; }
	.product-type-option-a-m{ text-decoration: none; color: #ffffff; }

	/*************************************************************************/
	.product-detail-back-m{ text-decoration: none; color: #5fe5aa; display: block; padding-left: 20px; padding-top: 3px; padding-right: 10px; font-size: 13px; }
	.product-detail-title-m{ position: relative; overflow: hidden; text-align: center; padding-top: /*10*/16px; /*padding-bottom: 20px;*/ }
	.product-detail-name-m{ position: relative; overflow: hidden; font-weight: bolder; font-size: 26px; color: #2b2b2b; margin: 0px 10px; line-height: 28px; }
	.product-detail-code-m{ position: relative; overflow: hidden; font-size: 12px; font-style: italic; color: #969595; margin-top: 3px; letter-spacing: 0.4px; }
	.product-detail-visual-m{ position: relative; overflow: hidden; }
	.product-detail-main-image-m{ position: relative; overflow: hidden; /*margin-bottom: 20px;*/ margin: 5px 0px; margin-bottom: 7px; }
	.product-detail-main-image-m > img{ display: block; }
	.product-detail-image-m{ width: 100%; }
	.product-detail-other-image-m{ position: relative; overflow: hidden; text-align: center; margin-bottom: 8px; }
	.product-detail-other-image-ul-m{ position: relative; overflow: hidden; list-style: none; margin: 0; padding: 0; display: inline-block; /*margin-bottom: 5px;*/ text-align: center; }
	.product-detail-other-image-li-m{ position: relative; overflow: hidden; width: 76px; border: 1px solid #e3e3e3; /*float: left;*/ display: inline-block; /*padding: 3px;*/ height: /*66*/67px; margin: 0px; }
	.product-detail-info-m{ position: relative; overflow: hidden; background-color: #eaeaea; padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; }
	.product-detail-info-m *{ font-size: /*15*/14px; line-height: 19px; /*margin-right: 10px;*/ color: #494949; }/**Marcus: Important when interact with WYSIWYG**/
	.product-detail-info-m p:first-child{ margin-top: 0px; }
	.fb-like-m{ display: none; }
	.product-detail-write-m{ margin: 0; padding: 0; margin-bottom: 10px; color: #494949; font-size: 14px; line-height: 19px; }
	.product-detail-enquiry-m{ position: relative; overflow: hidden; background-color: #143828; text-align: center; border-bottom: 2px solid #5fe4a9; padding: 7px 0px; margin-bottom: 8px; }
	.product-detail-enquiry-m > .product-detail-enquiry-a-m{ font-size: 15px!important; }
	.product-detail-enquiry-a-m{ position: relative; display: block; text-decoration: none; color: #5fe4a9!important;
	height: 100%; width: 100%; font-size: 14px!important; font-weight: bolder; }
	.product-detail-enquiry-a-n{ display: none; }
	.product-detail-video-m{ position: relative; overflow: hidden; padding: 20px; padding-top: 13px; }
	.product-detail-videoheader-m{ position: relative; overflow: hidden; color: #2b7655; font-size: 14px; font-weight: bolder; margin-bottom: 2px; }
	.product-detail-videocontainer-m{ position: relative; overflow: hidden; /*float: left; margin-right: 20px;*/ margin-bottom: /*10*/13px; }
	.product-detail-videocontainer-m:last-child{ margin-bottom: 0px; }
	.product-detail-videotitle-m{ position: relative; overflow: hidden; color: #1f533c; font-size: 14px; font-weight: bolder; line-height: 16px; }
	.product-detail-videotitle-m > a { text-decoration: none; color: #1f533c; font-size: 14px; font-weight: bolder; }
	.product-detail-videotitle-m > .product-detail-videotitle-a-n{ display: none; }
	.product-detail-videotitle-m > a:hover{ text-decoration: underline; }
	.product-detail-videotime{ font-size: /*14*/12px; color: #aaaaaa; text-decoration: italic; }
	.product-detail-share-m{ position: relative; overflow: hidden; padding: 20px; background-color: #5fe4a9; }
	.product-detail-shareit-m{ position: relative; overflow: hidden; background-color: #676767; text-align: center; }
	.product-detail-shareit-m:hover{ background-color: #888888; }
	.product-detail-shareit-a-m{ position: relative; overflow: hidden; display: inline-block; text-decoration: none; color: #5fe4a9; width: 100%; height: 100%; padding-top: /*5*//*6*/8px; padding-bottom: /*3*/5px; font-size: /*14*/15px; font-weight: bolder; }

	.sm-m{ display: none; }
	.product-detail-video-a-m{ display: block; }
	.product-detail-video-a-m > iframe{ position: relative; overflow: hidden; width: 100%; display: block; height: 55vw; }
	.product-detail-video-a-n{ display: none; }
	.product-video-popup-m{ display: none; }
	.product-detail-related-m{ display: none; }

	/*Ham : E-Store button*/
	.visit-estore{background-color:#c61118;text-align:center;border-bottom:2px solid white;margin-bottom:8px;}
	a.estore-link{position:relative;display:block;text-decoration:none;color:white;padding:7px 0px;font-size:15px;font-weight:bolder;}

	/*Ham : Product inquiry buttons*/
	.product-detail-social-media{ display: block; float: left;}
	#product-social-media-i{display: block; width: max-content; margin: 0 auto;}
	.product-detail-social-media-j{margin: 0 auto; width: 48px; height: 48px;}
	.product-detail-social-media-j-whatsapp{padding-left: 3px; width: 48px; height: 48px;}
	.product-detail-social-media-j-mail{ width: 48px; height: 48px; padding-left: 3px;}
}

@media (min-width: 768px) {

	/****/
	.body{ position: relative; width: 730px; overflow: hidden; margin: 0 auto; }

	/**Marcus: Header**/
	.product-header-n{ display: block; }
	.product-header-navhint-n{ color: #8a8a8a; font-size: 11px; margin-top: 5px; }
	.product-header-navhint-n > .product-header-breadcrum-n{
		position: relative; overflow: hidden; list-style: none; margin: 0; padding: 0;
	}
	.product-header-navhint-n > .product-header-breadcrum-n > .product-header-breadcrum-li-n{
		position: relative; overflow: hidden; float: left; padding-right: 10px;
	}
	.product-header-navhint-n > .product-header-breadcrum-n > .product-header-breadcrum-li-n > a{
		text-decoration: none; color:  #9f9e9e;
	}
	.product-header-navhint-n > .product-header-breadcrum-n > .product-header-breadcrum-li-n > a:hover{ text-decoration: underline; }
	.product-header-currhint-n{ color: #5ce2a5; font-weight: bolder; text-transform:uppercase; font-size: 16px; line-height: 22px; }

	.product-header-back-n{ position: absolute; background-color: #5ce3a8; /*padding-top: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px;*/ top: /*17*/24px; right: 10px; overflow: hidden; width: auto;
		background-image: url(../../images/osren/product/ProdDetails_BackIco_InActive.png);
		background-repeat: no-repeat;
		background-position: 6px 5px;
	}
	.product-header-back-a-n{ position: relative; display: /*inline-*/block; height: 100%; width: 100%; color: #1f533d; font-size: 12px; text-decoration: none; font-weight: bolder;
		padding-top: 2px; padding-bottom: 2px; padding-left: 18px; padding-right: 8px;
	}
	.product-header-back-n:hover{
		background-color: #1f533d;
		background-image: url(../../images/osren/product/ProdDetails_BackIco_Active.png);
	}
	.product-header-back-n:hover > .product-header-back-a-n{ color: #5ce3a8; }

	/**Marcus: Product Container (Images + details + Videos)**/
	.product-container-n{ width: 730px; overflow: hidden; float: none; padding-top: 30px;
	background-image: url(../../images/osren/product/Product_Gradient_Border.png); background-repeat: no-repeat; background-position: top center; }
	.product-container-header-n{ display: none; }/**Marcus: This is only useful in Mobile view**/

	/**Marcus: Product title**/
	.product-detail-title-n{ text-align: left; padding-top: 0px; padding-bottom: 0px; padding-left: 25px; padding-right: 25px; float: right; width: 315px; margin-bottom: 15px; }
	.product-detail-name-n{ margin: 0px; }
	.product-detail-code-n{ font-size: 11px; }
	/**Marcus: Product images**/
	.product-detail-visual-n{ width: 355px; float: left; padding: 0px 5px; margin-bottom: /*25*/15px; }
	.product-detail-image-n{ height: /*315*/314px; width: 355px; border: 1px solid /*#eeeeee*/#dddddd; margin-bottom: 15px; }
	.product-detail-other-image-n{ text-align: left; }
	.product-detail-other-image-li-n{ border: 1px solid /*#eeeeee*/#dddddd; cursor: pointer; display: block; float: left; margin-right: 5px; }
	.product-detail-other-image-li-n:nth-child(4){ margin: 0px; }/*Marcus: To support more than 4 images, this will need to be updated*/
	/**Marcus: Product information**/
	.product-detail-info-n{ background-color: transparent; padding-top: 0px; padding-bottom: 0px; padding-left: 25px; padding-right: 25px; width: 315px; float: right; min-height: 500px; }
	.fb-like-n{ display: block; margin-bottom: 10px; }
	.product-detail-enquiry-n{ float: left; border: 0; margin-top: 10px; padding: 0px; }
	.product-detail-enquiry-n > a {	padding: 5px 12px; width: auto; }
	.product-detail-enquiry-n:hover{ background-color: #1b4d37; }
	/*.product-detail-enquiry-n:hover > a {	color: #143828!important; }*/
	/**Marcus: Product Enquiry**/
	.product-detail-enquiry-m > .product-detail-enquiry-a-m{ font-size: 13px!important; }
	.product-detail-enquiry-a-m{ display: none; }
	.product-detail-enquiry-a-n{ display: block; }
	/**Marcus: Product video**/
	.product-detail-video-n{ width: 355px; float: left; padding: 0px 5px; }
	.product-detail-videoheader-n{ background-color: #5fe4a9; padding: 5px 10px; color: #ffffff; margin-bottom: 10px; font-size: 13px; padding-bottom: 4px; letter-spacing: 0.4px; }
	.product-detail-video-a-m{ display: none; }
	.product-detail-videocontainer-n{ width: 140px; float: left; margin-right: 10px; }
	.product-detail-videotime-n{ color: #8f8f8f; font-size: /*10*/11px; font-style: italic; margin-top: 3px; }
	.product-detail-video-a-n{ display: block; }
	.product-detail-videotitle-n{ font-size: 12px; }
	.product-detail-videotitle-n > a{ font-size: 12px; letter-spacing: 0.4px; }
	.product-detail-videotitle-m > .product-detail-videotitle-a-m{ display: none; }
	.product-detail-videotitle-m > .product-detail-videotitle-a-n{ display: block; cursor: pointer; }
	/**Marcus: SHARE**/
	.product-detail-share-n{ display: none; }
	.sm-n{ display: block; }
	/**Marcus: Related Products**/
	.product-detail-related-n{ position: relative; overflow: hidden; width: 740px; margin-bottom: 35px; display: block; }
	.product-detail-related-title-n{ position: relative; overflow: hidden; background-color: #bbbbbb; color: #ffffff; padding: 5px 10px; margin-top: 20px; margin-bottom: 10px; font-weight: bolder; font-size: 13px; }
	.product-detail-related-cube-n{ position: relative; width: 133px; height: 163px; border-top: 1px solid #eeeeee; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; border-bottom: 2px solid #eeeeee; margin-right: 13px;float: left; }
	.product-detail-related-cube-a-n{ position: relative; overflow: hidden; display: inline-block; width: 100%; height: 100%; text-decoration: none; }
	.product-detail-related-cube-a-n p{ text-align: center; }
	.product-detail-related-cube-a-n > .ImageContainer-n{ position: relative; overflow: hidden; text-align: center; }
	.product-detail-related-cube-a-n > .ImageContainer-n > img{ width: 90%; }
	.product-detail-related-cube-a-n > .ProductName-n { position: relative; overflow: hidden; color: #226c4d; font-size: /*13*/12px; text-align: center; font-weight: bolder; padding: 0px 10px; }

	/**Marcus: Product Video Pop Up**/
	.product-video-popup-n{ position: absolute; top: 0px; left: 0px; z-index: 2000;  height: 100%; width: 100%; }
	.product-video-popup-block-n{ position: relative; overflow: hidden; background-color: #000000; height: 100%; width: 100%; }
	.product-video-popup-header-n{ position: relative; overflow: hidden; height: 40px; margin-bottom: 35px; }
	.product-video-popup-header-cube-n{ position: relative; overflow: hidden; height: 40px; width: 40px; float: left; }
	.product-video-popup-header-cube-n:first-child{ width: 72px; background-color: #1e1e1e; color: #7a7a7a; text-align: center; font-size: /*12*/14px; /*font-weight: bolder;*/ padding-top: 13px; height: 30px; }
	.product-video-popup-header-cube-n.tee{ background-color: #334559; }
	.product-video-popup-header-cube-n.twitter{ background-color: #2877a2;
		background-image: url(../../images/osren/product/ProdVid_TwitterIco-InActive.png);
		background-repeat: no-repeat;
	}
	.product-video-popup-header-cube-n.twitter:hover{	background-image: url(../../images/osren/product/ProdVid_TwitterIco-Active.png); 	}
	.product-video-popup-header-cube-n.facebook{ background-color: #334172;
		background-image: url(../../images/osren/product/ProdVid_FBIco-InActive.png);
		background-repeat: no-repeat;
	}
	.product-video-popup-header-cube-n.facebook:hover{	background-image: url(../../images/osren/product/ProdVid_FBIco-Active.png);	}
	.product-video-popup-header-cube-n.google{ background-color: #a13a29;
		background-image: url(../../images/osren/product/ProdVid_GoogleIco-InActive.png);
		background-repeat: no-repeat;
	}
	.product-video-popup-header-cube-n.google:hover{	background-image: url(../../images/osren/product/ProdVid_GoogleIco-Active.png); 	}
	.product-video-popup-header-cube-a-n{ position: relative; overflow: hidden; display: inline-block; height: 100%; width: 100%; }
	.product-video-popup-close-n{ position: absolute; right: 14px; top: /*10*/15px; color: #bdbdbd; font-weight: bolder; cursor: pointer; font-size: 12px; letter-spacing: 0.7px; padding-right: 20px;
		background-image: url(../../images/osren/product/ProdVid_Close-InActive.png);
		background-repeat: no-repeat;
		background-position: 50px 2px;
	}
	.product-video-popup-close-n:hover{	background-image: url(../../images/osren/product/ProdVid_Close-Active.png);	}
	.product-video-popup-close-n:hover{ color: #ffffff; }
	.product-video-popup-title-n{ position: relative; overflow: hidden; color: #5ce7ac; font-weight: bolder; font-size: 20px; margin-bottom: 15px; padding: 0px 35px; }
	.product-video-popup-container-n{ position: relative; overflow: hidden; padding: 0px 35px; height: 390px; margin-bottom: 10px; }
	.product-video-popup-socialmedia-n{ position: relative; overflow: hidden; padding: 0px 35px; margin-bottom: 15px; }
	.product-video-popup-productsused-n{ position: relative; overflow: hidden; padding: 0px 35px; }
	.product-video-popup-productused-title-n{ position: relative; color: #aaaaaa; font-size: bolder; margin-bottom: 10px; font-size: 13px; font-weight: bolder; }
	.product-video-popup-productused-cube-n{ position: relative; overflow: hidden; width: 142px; height: 171px; background-color: #ffffff; float:left; margin-right: 15px; text-align: center; }
	.product-video-popup-productused-cube-a-n{ position: relative; display: inline-block; height: 100%; width: 100%;  text-decoration: none; color: #247052; padding-top: 10px; padding-bottom: 10px; }
	.product-video-popup-productused-cube-a-n > .ProductImage-n{ position: relative; overflow: hidden; text-align: center; }
	.product-video-popup-productused-cube-a-n > .ProductImage-n > img{ width: 90%; }
	.product-video-popup-productused-cube-a-n >.ProductName-n { position: relation; padding: 0px 10px; font-size: /*13*/12px; font-weight: bolder; text-align: center; }

	/*Ham : E-Store button*/
	.visit-estore{border:0;margin-top:10px;margin-left:10px;display:inline-block;}
 	a.estore-link{font-size:13px;padding:5px 24px;}


	/*Ham : Product inquiry buttons*/
	#product-social-media-i{width: max-content; margin: 0px;}
	.product-detail-social-media-j{ width: 42px; height: 42px;}
	.product-detail-social-media-j-whatsapp{ width: 42px; height: 42px;}
	.product-detail-social-media-j-mail{ width: 42px; height: 42px; }
}

@media (min-width: 1280px) {
	/****/
	#container{ background-color: #fbfbfb; }
	.body{ width: 960px; background-color: #ffffff; padding: 0px 40px;
	box-shadow: 12px 0 30px -1px rgba(233, 233, 233, 0.8), -12px 0 30px -1px rgba(233, 233, 233, 0.8);}
	/*
	.product-option-container-d{ width: 210px; margin-right: 30px; }
	.product-container-d{ width: 720px; }
	.product-banner-d{ width: 720px; height: 310px; }
	.product-type-current-d{ top: 352px; }
	.product-cube-d{ height: 295px; }
	.product-brief-d{ width: 223px; height: 292px; }
	*/
	.product-header-d{ height: /*65*/60px; }
	.product-header-navhint-d{ font-size: 13px; margin-top: 10px; }
	.product-header-currhint-d{ font-size: 20px; line-height: 24px; }
	.product-header-back-d{ margin-top: 10px; background-position: 6px 7px; }
	.product-header-back-a-d{ font-size: 15px; }

	.product-container-d{ width: 960px; background-size: 100%; }

	.product-detail-title-d{ width: 430px; margin-bottom: 20px; }/**Marcus: Additional padding from Nettbook**/
	.product-detail-name-d{ font-size: 35px; line-height: 36px; overflow: visible; }
	.product-detail-code-d{ font-size: 12px; }
	.product-detail-write-d{ font-size: 15px; }
	.product-detail-videoheader-d{ font-size: /*16*/15px; padding-bottom: 3px; }
	.product-detail-enquiry-m > .product-detail-enquiry-a-m{ font-size: 14px!important; }
	.product-detail-enquiry-d{ /*padding: 5px 14px;*/ margin-top: 10px; }

	.product-detail-visual-d{ width: 470px; }/**Marcus: Additional padding from Nettbook**/
	.product-detail-image-d{ width: /*465*/464px; height: /*415*/410px; }
	.product-detail-other-image-li-d{ width: 107px; height: /*97*/95px; }
	.product-detail-info-d{ width: 430px; }/**Marcus: Additional padding from Nettbook**/
	.product-detail-video-d{ width: 470px; }/**Marcus: Additional padding from Nettbook**/
	.product-detail-videocontainer-d{ width: 184px; }
	.product-detail-related-d{ width: 980px; }
	.product-detail-related-title-d{ width: 940px; font-size: /*16*/15px; background-color: #bbbbbb; }
	.product-detail-related-cube-d{ height: 213px; width: 173px; margin-right: 20px; }
	.product-detail-related-cube-a-n > .ProductName-n{ font-size: 13px; }
	.product-detail-videotime-d{ margin-top: 3px; }
	.product-video-popup-close-d{ right: 0px; }

	.product-video-popup-d{ background-color: rgba(0, 0, 0, 0.9)}
	.product-video-popup-block-d{ width: 900px; margin: 0 auto; margin-top: 85px; background-color: transparent; }
	.product-video-popup-header-d{ margin-bottom: 0px; }
	.product-video-popup-title-d{ background-color: #000000; padding-bottom: 15px; margin-bottom: 0px; padding-top: 35px; }
	.product-video-popup-container-d{ background-color: #000000; height: 460px; margin-bottom: 0px; padding-bottom: 10px; }
	.product-video-popup-socialmedia-d{ background-color: #000000; margin-bottom: 0px; padding-bottom: 15px; }
	.product-video-popup-productsused-d{ background-color: #000000; padding-bottom: 35px; }

}