.body{ background-color: #efefef; overflow: hidden; /*padding-bottom: 6px;*/ }
.product-option-container{ background-color: #222222; }
.product-option-list{ overflow: hidden; }
.product-brief{ position: relative; overflow: hidden; }
.product-clickable{ position: relative; overflow: hidden; }
.product-brief-container{ position: relative; overflow: hidden; }

/*
product-container
	product-cube ***
		product-brief *** JS hijack
			product-clickable
				product-brief-container
				product-image-container
				
*/
@media (min-width: 1px) {
	/** START of Product Group Selection Container **/
	/*Display current Product Group Selection*/
	.current-product-option-m{ font-weight: bolder; text-transform: uppercase; color: #64dfa8; text-align: center; height: 20px; padding: 12px 0px; cursor: pointer; font-size: 14px; position: relative; }
	/*START of Product Group Selection Container*/
	/*Triangular arrows*/
	.current-product-option-m > img.active{ display: none; }
	.current-product-option-m > img.inactive{ display: inline-block;  }
	.current-product-option-m.active > img.active{ display: inline-block; } 
	.current-product-option-m.active > img.inactive{ display: none; }
	/*Product Group options drop down*/
	.product-option-list-m{ position: absolute; top: 40px; height: 0px; background-color: #222222; z-index: 1000; width: 100%; transition: height 0.1s linear; }
	/*Product Group individual option*/
	.product-option-selection-m{ border-bottom: 1px solid #3d3d3d; text-align: center; margin: 0px 10px; padding: 7px 0px; }
	.product-option-selection-m > .product-option-selection-a{ text-decoration: none; color: #ffffff; font-size: 13px; font-weight: bold; }
	/*While drop down display show active Product Group in green*/
	.product-option-selection-m.active{ background-color: transparent; }
	.product-option-selection-m.active > .product-option-selection-a{ color: #5fe4a9; }
	/** END of Product Group Selection Container **/
	
	.product-container-m{ position: relative; overflow: hidden; padding-top: 10px; }
	.product-cube-m{ position: relative; overflow: hidden; /*float: left;*/ display: block; min-height: 230px; /*width: 50%;*/ margin-bottom: 10px; margin-left: 10px; margin-right: 10px; }
	/*
	.product-cube-m:nth-child(even) > .product-brief-m{ margin-right: 6px; margin-left: 12px; }
	.product-cube-m:nth-child(odd) > .product-brief-m{ margin-right: 12px; margin-left: 6px; }
	*/
	.product-brief-m{ height: 100%; background-color: #ffffff; /*margin-top: 6px; margin-bottom: 6px;*/ }
	.product-clickable-m{ position: relative; display: block; height: 100%; text-decoration: none; color: #005831;  }
	.product-clickable-m:hover .product-name-m{ color: #0f6f45; }
	.product-brief-container-m{ position: relative; overflow: hidden; z-index: 500; }
		.product-name-m{ position: relative; overflow: hidden; font-size: 20px; 
			font-weight: bolder; color: #015530; line-height: 22px; text-align: center; 
			margin-top: 18px; margin-bottom: 3px; padding-left: 10px; padding-right: 10px; }
		.product-desc-m{ position: relative; overflow: hidden; font-size: 13px; line-height: 16px; color: #555555; padding: 0 15px; text-align: center; }
	.product-image-container-m{ position: absolute; overflow: hidden; top: 0px; left: 0px;  width: 100%; z-index: 0; }
	.product-image-container-m img{  position: relative; overflow: hidden; display: block; width: 100%; /*margin-bottom: 15px;*/ }
	.product-image-container-m img.inactive{ display: none; }
	.product-image-container-m img.active{ display: block; }
	
	/** First Feature Product **/
	.product-cube-m.featured{ width: 100%; margin-bottom: 0px; }
	/*.product-cube-m.featured > .product-brief-m{ margin-top: 12px; margin-left: 12px; margin-right: 12px; margin-bottom: 6px; }*/
	.product-cube-m.featured .product-brief-container-m{ z-index: 500; }
	.product-cube-m.featured .product-image-container-m{ position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; }
	.product-cube-m.featured .product-image-container-m img{ width: 100%; position: relative; display: block; }
	.product-cube-m.featured .product-name-m{ font-size: 20px; line-height: 20px; font-weight: bold;  text-transform: uppercase; 	text-align: center;
		margin-bottom: 5px; padding-left: 15px; padding-right: 15px; }
	.product-cube-m.featured .product-desc-m{ font-size: 13px; line-height: 16px;  color: #555555; margin-bottom: 15px; padding-left: 15px; padding-right: 15px;  }
	.product-cube-m.featured .product-learn-more-clickable { position: relative; overflow: hidden;	width: 85px;
		background-color: #143828; color: #5fe4a9; font-size: 13px; font-weight: bolder; font-size: 12px; letter-spacing: 1px;
		 padding: 5px 9px; padding-right: 22px; margin-left: auto; margin-right: auto; margin-top: 45%;
		/*
		background-image: url(../../images/osren/product/FeatProd_More_Icon_Mobile.png);
		background-repeat: no-repeat;
		background-position: calc(100% - 7px) 10px; 
		*/
	}
	.product-cube-m.featured .product-learn-more-clickable img{ position: absolute; top: 8px; right: 8px; }

	.br-m{ display: none; }
	.clear-both-n, .clear-both-d{ display: none; }
}

@media (min-width: 768px) {
	.current-product-option-n{ color: #969696; font-size: 16px; font-weight: bolder; cursor: auto; float: left; clear: both; margin-left: 20px; }
	.product-option-container-n{ background-color: #0e0e0e; }
	.product-option-list-n{ position: relative; top: 0px; height: auto; background-color: transparent; padding: 7px 15px; }
	.product-option-selection-n{ text-align: left; border: 0; float: left; background-color: #212121; padding-left: 7px; padding-right: 7px; margin: 7px 0px; margin-right: 30px; }
	.product-option-selection-m:last-child{ padding-bottom: 7px; }
	.product-option-selection-n.active{ background-color: #0d251b; }
	.product-option-selection-a-n{ font-weight: bolder; }
	.product-option-selection-n:hover{ background-color: #0d251b; cursor: pointer; }
	.product-option-selection-n:hover > .product-option-selection-a-n{ color: #64dfa8; }

	.product-container-n{ padding-top: 0px; padding-right: 6px; }
	.product-cube-n{ float: left; width: 33.3333%; margin-bottom: 10px;  margin-left: 0px; margin-right: 0px; }
	/*
	.product-cube-n:nth-child(even) > .product-brief-n, .product-cube-n:nth-child(odd) > .product-brief-n{ margin: 0; margin: 0; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 8px; }
	*/
	.product-brief-n{ height: 100%; margin-left: 6px; }
	.product-cube-n  .product-name-n{ font-size: 19px; line-height: 21px; margin-bottom: 0px; }
	.product-cube-n  .product-desc-n{ font-size: 14px; line-height: 17px; padding: 0px 20px; }
	
	.product-cube-n.featured{ width: 66.666666%; }
	.product-cube-n.featured  > .product-brief-n > .product-clickable-n > .product-brief-container-n > .product-name-n{ font-size: 32px; margin-top: 40px; }
	
	.current-product-option-m > img.inactive{ display: none; }
	
	/*41*/.product-cube-n.featured > .product-brief-n > .product-clickable-n > .product-image-container-n{
		position: absolute; top: 0px; left: 0px; width: 100%; float: none; text-align: left; }
	.product-brief-container-n{ z-index: 500; }
	.product-clickable-n{ position: relative; height: 100%; width: 100%; }
	.product-image-container-n img.inactive{ display: block; }
	.product-image-container-m img.active{ display: none; }
	.product-clickable-n:hover .product-image-container-m img.inactive{ display: none; }
	.product-clickable-n:hover .product-image-container-m img.active{ display: block; }
	.product-image-container-n{ position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 0; }
	.clear-both-n{ display: block; }
}

@media (min-width: 1280px) {
	.product-option-container-d{ height: 98px; }
	.product-option-list-d{ padding: 0px; }
	.product-option-selection-d{ height: 98px; padding: 0; margin: 0; width: auto; text-align: center; }
	.product-option-selection-d:nth-child(even){ background-color: #0a0a0a; }
	.product-option-selection-d:nth-child(odd){ background-color: #0e0e0e; }
	.product-option-selection-m:last-child{ padding-bottom: 0px; }
	.product-option-selection-d.active{ background-color: #0d251b; }
	.product-option-selection-a-d{ height: 56px; width: 100%; display: block; padding-top: 40px; }
	.current-product-option-d{ bottom: 0px; font-size: 18px; }
	
	.product-cube-d{ width: 25%; }
	.product-cube-d > .product-brief-n{ height: 100%; }
	.product-cube-d > .product-name-d{ font-size: 19px; line-height: 22px; }
	.product-cube-d > .product-desc-d{ font-size: 14px; line-height: 17px; }
	
	.product-cube-d.featured{ width: 50%; }
	.product-cube-d.featured .product-name-d{ font-size: 50px; line-height: 40px; margin-top: 140px; }
	.product-cube-d.featured .product-desc-d{ font-size: 19px; margin: 10px 0px; line-height: 24px; }
	.product-cube-d.featured .product-learn-more-clickable { font-size: 19px; }
	
	.br-d{ display: block; }
	
	.product-clickable-d{ width: 100%; height: 100%; }
	.product-brief-container-d{ z-index: 500; }
	.product-image-container-d{ position: absolute; top: 0px; left: 0px; }
	
	.product-cube-m.featured > .product-brief-m > .product-clickable-m > .product-image-container-m{ position: absolute; float: none; top: 0px; left: 0px; height: 100%; width: 100%; text-align: auto; }
	.product-cube-d.featured > .product-brief-d > .product-clickable-d > .product-image-container-d img{ width: 100%; display: block; }
	
	.clear-both-n{ display: none; }
	.clear-both-d{ display: block; }	
	
	
	.product-name-d{ margin-top: 21px; }
}