/*.body{ height: 1000px; }*//**This is just for testing**/
.body{ overflow: hidden; /*padding-bottom: 6px;*/ }
.product-option-selection-a{ text-decoration: none; color: #ffffff; }
.product-option-selection-a.active{ color: #64dfa8; }
.product-option-container{ background-color: #222222; }
.product-option-list{ overflow: hidden; }
.product-container{ position: relative; overflow: hidden; }
.product-brief{ position: relative; overflow: hidden; }/**Marcus: This is to achieve the white square to hold product contents**/
.product-clickable{ text-decoration: none; color: #005831; text-align: center;}/**This is a sample color**/
.product-brief-container{ position: relative; overflow: hidden; padding-left: 10px; padding-right: 10px; padding-top: 10px; height: 100%; }

@media (min-width: 1px) {
	
	.product-header-m { display: none; }/**Marcus: This only appears in Nettbook view and above**/

	/*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; }

	/*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: 2000; width: 100%; transition: height 0.1s linear; }
	/*Product Group individual option*/
	.product-option-selection-m{ width: auto!important; border-bottom: 1px solid #3d3d3d; text-align: center; margin: 0px 10px; /*padding: 7px 0px;*/ }
	.product-option-selection-m > .product-option-selection-a{ position: relative; display: block; text-decoration: none; color: #ffffff; font-size: 13px; font-weight: bold; padding: 7px 0px; }
	/*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-header-m{ position: relative; height: /*35*/37px; background-color: #5fe5aa; margin-bottom: 6px; }
	.product-container-header-m.bottom{ margin-bottom: 0px; margin-top: 8px; }
	/**Marcus: Product category sort by**/
	.product-type-container-m{ position: relative; background-color: #153425; height: /*23*/25px; /*width: 96px;*/ float: left; margin-left: /*9*/12px; margin-top: 6px; 
	/*padding-top: 2px; padding-left: 2px; padding-right: 20px;*/
	/*
	background-image: url(../../images/osren/product/ProdSort_Collapsed_Ico-M.png); 
	background-repeat: no-repeat; 
	background-position:  calc(100% - 8px) 7px; 
	*/
	}
	.product-type-sort-m{ position: absolute; top: 7px; right: 8px; }
	.product-type-sort-m.active{ display: none; }
	.product-type-sort-m.inactive{ display: block; }
	.product-type-container-m.active{ 
		/*background-image: url(../../images/osren/product/ProdSort_Expanded_Ico-M.png); */
	}
	.product-type-container-m.active .product-type-sort-m.active{ display: block; }
	.product-type-container-m.active .product-type-sort-m.inactive{ display: none; }
	.product-type-current-m{ position: relative; overflow: hidden; color: #5fe5aa; font-size: 12px; /*font-weight: bolder;*/ margin: 3px 5px; cursor: pointer; 
	padding-top: 2px; padding-left: 2px; padding-right: 20px; }
	.product-type-list-m{ position: absolute; overflow: hidden; width: 100%; z-index: 1000; height: 0px; background-color: #153425; top: 25px; left: 0px; padding-bottom: 2px; }
	.product-type-list-m.active{ height: auto; }
	/*Sort By at bottom*/
	.product-container-header-m.bottom > .product-type-container-m{ 
		/*background-image: url(../../images/osren/product/ProdSort_Expanded_Ico-M.png);*/
	}
	.product-container-header-m.bottom > .product-type-container-m.active{ 
		/*background-image: url(../../images/osren/product/ProdSort_Collapsed_Ico-M.png);*/
	}
	.product-container-header-m.bottom > .product-type-container-m > .product-type-list-m{ bottom: 100%; }
	.product-container-header-m.bottom .product-type-list-m{ top: auto; }
	.product-type-option-m{ position: relative; overflow: hidden; padding: 5px 2px; margin: 0px 5px; border-bottom: 1px solid #3c8565; }
	.product-banner-m{ display: none; }
	.product-type-option-m:last-child{ border-bottom: none;}
	.product-type-option-a-m{ position: relative; overflow: hidden; color: #5fe5aa; text-decoration: none; /*font-weight: bolder;*/ display: inline-block; width: 100%; height: 100%; font-size: /*12*/13px; }
	
	/*Marcus: Product Pagination*/
	.product-paging-container-m{ position: relative; float: right; margin-right: /*9*/12px; margin-top: /*9*/11px; 
	/*
	background-image: url(../../images/osren/product/ProdPage_Collapsed_Ico-M.png);
	background-repeat: no-repeat; background-position: calc(100%) 1px;
	padding-left: 5px; padding-right: 5px; 
	*/
	}
	.product-paging-arrow-m{ position: absolute; top: 1px; right: 0px; }
	.product-paging-arrow-m.active{ display: none; }
	.product-paging-arrow-m.inactive{ display: block; }
	.product-paging-container-m.active{ 
		/*background-image: url(../../images/osren/product/ProdPage_Expanded_Ico-M.png); */
	}
	.product-paging-container-m.active .product-paging-arrow-m.active{ display: block; }
	.product-paging-container-m.active .product-paging-arrow-m.inactive{ display: none; }
	.product-paging-current-m{ position: relative; overflow: hidden; cursor: pointer; color: #153425; /*font-weight: bolder;*/ font-size: 12px; 
	padding-right: 20px; margin-left: 5px; }
	.product-paging-list-m{ position: absolute; overflow: hidden; z-index: 1000; /*background-color: #5fe5aa;*/ width: 100%; height: 0px; padding-bottom: 2px; }
	.product-paging-list-m.active{ height: auto; }
	.product-paging-option-m{ position: relative; overflow: hidden; padding: 5px; padding-left: 10px; padding-right: 20px; font-size: 12px; text-align: /*center*/right;
	/*margin-left: 30px;*/ background-color: #5fe5aa; }
	.product-paging-option-m:first-child{ padding-top: 10px; }
	.product-paging-option-m.prev, .product-paging-option-m.next{ display: none; }
	.product-paging-option-a-m{ position: relative; overflow: hidden; color: #153425; /*font-weight: bolder;*/ display: /*inline-*/block; text-decoration: none; }
	/*Pagination at bottom*/
	.product-container-header-m.bottom > .product-paging-container-m{ 
		/*background-image: url(../../images/osren/product/ProdPage_Expanded_Ico-M.png);*/
	}
	.product-container-header-m.bottom > .product-paging-container-m.active{ 
		/*background-image: url(../../images/osren/product/ProdPage_Collapsed_Ico-M.png);*/ 
	}
	.product-container-header-m.bottom > .product-paging-container-m > .product-paging-list-m{ bottom: 100%; }
	
	/**Marcus: Rectangular product cubes**/
	.product-cube-m{ float: left; width: 50%; overflow: hidden; }
	.product-brief-m{ background-color: #ffffff; margin-top: 6px; margin-bottom: 6px; border-top: 1px solid #e9e9e9; border-bottom: 3px solid #e9e9e9; }
	
	/*
	.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-cube-m:nth-child(even) > .product-brief-m{ margin-right: 12px; margin-left: 6px; }
	.product-cube-m:nth-child(odd) > .product-brief-m{ margin-right: 6px; margin-left: 12px; }
		
	.product-brief-container-m{ border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; 
		min-height: 180px; }/*********************MELVIN**********************/
	.product-image-m{ position: relative; overflow: hidden; text-align: center; }
	.product-image-m > img{ display: block; width: 100%; }
	.product-name-m{ position: relative; overflow: hidden; color: #226c4d; font-size: 12px; font-weight: bolder; margin-top: 3px; }
	.product-code-m{ position: relative; overflow: hidden; color: #6f6f6f; font-size: 11px; font-weight: bolder; margin-top: 3px; margin-bottom: 7px; }
	.product-viewdetails-m{ position: relative; overflow: hidden; color: #52c793; font-size: 11px; text-decoration: underline; display: block; margin-bottom: 10px; margin-top: 3px; }
	
	.br-m{ display: none; }
}

@media (min-width: 768px) {

	.body{ width: 730px; margin: 0 auto; background-color: #ffffff; }
	.product-header-n { display: block; position: relative; overflow: hidden; background-color: #252525; margin-bottom: 13px; height: 45px; }
	.product-header-navhint-n{ position: relative; overflow: hidden; color: #9f9e9e; font-size: 11px; margin-left: 15px; margin-top: /*5*/6px; }
	.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{ position: relative; overflow: hidden; color: #5fe4a9; font-weight: bolder; margin-left: 15px; font-size: 16px; line-height: /*16*/17px; text-transform: uppercase; }
	
	.product-option-container-n{ position: relative; overflow: hidden; width: 165px; background-color: transparent; float: left; margin-right: 15px; }
	.current-product-option-n{ display: none; }
	.product-option-list-n{ position: relative; top: 0px; height: auto; background-color: transparent; width: 100%; z-index: 0; }
	.product-option-selection-n{ text-align: left; border: 0; float: none; background-color: #ebebeb; 
	margin: 0; margin-top: 0px; margin-bottom: 5px; /*padding-left: *//*7*//*10px; padding-right: 31px;*/ padding: 0px;
	height: auto; 
	background-image: url(../../images/osren/product/Prod_MenuList_Pointer_InActive-T.png), url(../../images/osren/product/Prod_MenuList_Pointer_BG-T.png);
	background-repeat: no-repeat, repeat-y; 
	background-position: 147px center, right top;}
	.product-option-selection-n:hover{ background-image: url(../../images/osren/product/Prod_MenuList_Pointer_Active-T.png), url(../../images/osren/product/Prod_MenuList_Pointer_BG-T.png); }
	.product-option-selection-n.active{ background-image: url(../../images/osren/product/Prod_MenuList_Pointer_Active-T.png), url(../../images/osren/product/Prod_MenuList_Pointer_BG-T.png);
	background-color: #ebebeb; }
	.product-option-selection-n.active > .product-option-selection-a{ color: #4cbf8c; }
	.product-option-selection-n > .product-option-selection-a{ color: #0d271c; font-size: 12px; padding: 10px; padding-right: 31px; }
	.product-option-selection-a-n{ font-weight: bolder; color: #0d271c; display: block; height: 100%; /*width: 100%;*/ font-size: 12px; }
	.product-option-selection-n:hover > .product-option-selection-a-n{ color: #4cbf8c; }
	
	.product-container-n{ padding: 0; width: 550px; float: left; }
	.product-container-header-n{ background-color: transparent; width: 100%;  height: auto; margin-bottom: 10px; }
	/*.product-container-header-n.bottom{ display: none; }*/
	.product-type-container-n{ display: block; background-color: transparent;  height: auto; width: 100%; margin: 0; float: none; /*margin-bottom: 8px;*/ background-image: none; }
	.product-type-current-n{ position: absolute; display: block; /*top: 0px;*/bottom: -270px; margin: 0; padding: 4px; padding-left: 10px;  height: 17px; width: 100%; color: #ffffff; background-color: #5fe5aa;  
		font-weight: bolder; font-size: 14px; text-transform: uppercase;  cursor: auto; z-index: 1000; 
	}
	.product-type-current-n > b{ display: none; }	
	.product-type-current-n > font{ display: none; }
	.product-type-list-n{ top: auto; background-color: transparent; height: auto; position: relative; padding-bottom: 0px; }
	.product-type-option-n{ background-color: #153425; float: left; 
		/*padding-top: 2px; padding-bottom: 3px; padding-left: 10px; padding-right: 23px;*/padding: 0px;
		margin: 0; margin-right: 10px; margin-bottom: 8px;
		border-bottom: 0; font-weight: bolder; 
		/*background-image: url(../../images/osren/product/Prod_SubCategory_InActive.png); */
		background-repeat: no-repeat;
		background-position: calc(100% - 7px) center; 
	}
	.product-type-option-a-n{ position: relative; display: block; font-size: 13px;  width: 100%; 
		padding-top: 2px; padding-bottom: 3px; padding-left: 10px; padding-right: /*23*/10px;
	}
	.product-type-option-n:hover{ 
		/*background-image: url(../../images/osren/product/Prod_SubCategory_Active.png);*/
		background-color: #5fe4a9;
	}
	
	.product-type-option-n:hover > .product-type-option-a-n{ color: #22563f; }
	.product-type-option-n.active{ background-color: #5fe4a9; /*background-image: url(../../images/osren/product/Prod_SubCategory_Active.png);*/ }
	.product-type-option-n.active > .product-type-option-a-n{ color: #22563f; }
	
	.product-banner-n{ display: block; position: relative; overflow: hidden; width: 550px; height: 235px; background-color: #aaaaaa; margin-bottom: 35px; }
	.product-banner-n > img{ position: relative; overflow: hidden; width: 100%; }
	
	/*Pagination*/
	.product-paging-container-n{ float: none; margin: 0; overflow: hidden; background-image: none; padding: 0px; padding-top: 10px; }
	.product-paging-current-n{ display: none; }
	.product-paging-list-n{ background-color: transparent; height: auto; position: relative; float: left; width: auto; padding: 0px; }
	.product-paging-option-n.prev, .product-paging-option-n.next{ display: block; } 
	.product-paging-option-n.prev  > .product-paging-option-a-n{ 
		height: 14px; width: 8px; color: #ffffff;
		background-image: url(../../images/osren/product/Prod_Pagination_Back_InActive.png); 
		background-repeat: no-repeat;
		}
	.product-paging-option-n.next > .product-paging-option-a-n{ 
		height: 14px; width: 8px; color: #ffffff;
		background-image: url(../../images/osren/product/Prod_Pagination_Next_InActive.png); 
		background-repeat: no-repeat;
		}
	.product-paging-option-n.prev{ padding-left: 0px; }
	.product-paging-option-n{ float: left; background-color: transparent; padding: 0px; padding: 0px 5px; }
	.product-paging-option-m:first-child{ padding: 0px; padding-right: 5px; }
	.product-paging-option-a-n{ text-decoration: none; color: #a6a6a6; text-decoration: underline; }
	.product-paging-option-a-n:hover{ text-decoration: underline; color: #1a513a; }
	.product-paging-option-a-n.active{ color: #1a513a; font-weight: bolder; text-decoration: none; }
	.product-paging-option-n.prev > .product-paging-option-a-n:hover{ background-image: url(../../images/osren/product/Prod_Pagination_Back_Active.png); }
	.product-paging-option-n.next > .product-paging-option-a-n:hover{ background-image: url(../../images/osren/product/Prod_Pagination_Next_Active.png); }
	.product-type-sort-n.active, .product-type-sort-n.inactive, 
	.product-paging-arrow-n.active, .product-paging-arrow-n.inactive{ display: none; }
	
	.product-container-header-n.bottom{ margin-bottom: 17px; }
	.product-container-header-n.bottom > .product-type-container-n{ display: none; }
	.product-container-header-n.bottom > .product-paging-container-n{ background-image: none; padding: 0px; }
	/*Product cubicals*/
	.product-cube-n{ width: 170px; border-top: 1px solid #ececec; border-bottom: 3px solid #ececec; border-left: 1px solid #ececec; border-right: 1px solid #ececec; margin-bottom: 17px;}
	.product-cube-n.first, .product-cube-n.second{ margin-right: 17px; }
	.product-brief-n{ border: 0px; }
	.product-cube-n:nth-child(2n) > .product-brief-n{ margin: 0px; }
	.product-cube-m:nth-child(2n+1) > .product-brief-m{ margin: 0px; }
	.product-cube-n.featured{ width: 50%; height: 340px; }
	.product-cube-n.featured > .product-brief-n{ height: 334px; }
	.product-brief-container-n{ border: 0px; padding: 0px; padding-top: 12px; min-height: 240px; }
	.product-name-n{ font-size: 12px; padding-left: 15px; padding-right: 15px; }
	.product-viewdetails-n{ font-size: 11px; }
	.br-m{ display: block; }
}

@media (min-width: 1280px) {
	
	#container{ background-color: #fbfbfb; }
	.body{ width: 960px; 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-header-d{ height: /*65*/61px; }
	.product-header-currhint-d{ font-size: 20px; text-transform: uppercase; line-height: /*20*/24px; }
	.product-header-navhint-d{ font-size: 13px; margin-top: /*10*/11px; }
	
	.product-option-container-d{ width: 210px; margin-right: 28px; }
	.product-option-selection-d{ 
		background-image: url(../../images/osren/product/Prod_MenuList_Pointer_InActive.png), url(../../images/osren/product/Prod_MenuList_Pointer_BG-D.png);
		background-position: 186px center, right top;
	}
	.product-option-selection-d:hover{
		background-image: url(../../images/osren/product/Prod_MenuList_Pointer_Active.png), url(../../images/osren/product/Prod_MenuList_Pointer_BG-D.png);
	}
	.product-option-selection-d.active{
		background-image: url(../../images/osren/product/Prod_MenuList_Pointer_Active.png), url(../../images/osren/product/Prod_MenuList_Pointer_BG-D.png);
	}
	.product-option-selection-n > .product-option-selection-a {
		padding-left: 15px; padding-right: 44px;	font-size: 12px; 
	}
	
	.product-container-d{ width: 722px; }
	.product-banner-d{ width: 100%; height: /*310*/308px; }
	.product-type-current-d{ /*top: 350px;*/bottom: -343px; text-transform: uppercase; }
	.product-type-current-d > b{ display: none; }
	.product-type-current-d > font{ display: none; }
	.product-cube-d{ height: 290px; width: 223px; }
	.product-cube-d.first, .product-cube-d.second{ margin-right: 23px; }
	.product-brief-container-d{ min-height: 260px; padding-top: 15px; }
	.product-name-d{ font-size: 13px; }
	.product-viewdetails-d{ font-size: 12px; }
}