@import url('https://fonts.googleapis.com/css?family=Nunito:400,700,900');
* { margin:0;padding:0;font-family:'Nunito Sans',sans-serif;font-size:16px;font-weight:400;color:#333333; }
.mobile { display:inherit; }
.normal { display:none; }
.clear { clear:both; }
.bold { font-weight:900; }
.underline { text-decoration:underline; }
.italic { font-style: italic; }
.red { color:red; }
.hiddenlink, .hiddenlink:hover, .hiddenlink:active, .hiddenlink:visited { cursor: text;text-decoration:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
select { padding: 20px; }

#bkgrnd { display:block;width:100%;height:100%;position:fixed;top:0;left:0;z-index:-100;opacity:0;background-repeat:no-repeat;background-position: center center;background-size:cover;background-image:url(/content/MetroTea/images/metzteatraining/MetzTeaTraining_background.jpg); }
header, footer { width:100%;min-height:40px;background:#333333; }

/* LIGHTBOX */
#fade, #titledfade, #titledlockfade, #borderlessfade {display: none;	position: fixed;	top: 0%;	left: 0%;	width: 100%;	height: 100%;	background-color: black;	z-index:1001;	-moz-opacity: 0.5;	opacity:.50;	filter: alpha(opacity=50);}

#oldlight {	display: none;	position: absolute;	top: 15%;	left: 15%;	width: 834px;	height: 70%;	padding: 16px;	/*border-width: 16px;*/	border-style:solid;	border-color: #FFFFFF;	border-radius: 15px;	background-color: #FFFFFF;	z-index:1002;	overflow: auto;
	-moz-box-shadow: 5px 5px 10px black;	-webkit-box-shadow: 5px 5px 10px black;	box-shadow: 5px 5px 10px black; }

#light {	display: none;	position: absolute;	top: 50px;	left: 150px;	padding: 10px;	background-color: #FFFFFF;	z-index:1002;	overflow: auto;	-moz-box-shadow: 5px 5px 10px black;	-webkit-box-shadow: 5px 5px 10px black;	box-shadow: 5px 5px 10px black;}
#light_headermenu_close, #tooltipclose_headermenu_close {	float: left;	height: 20px;	width: 60px;	margin: 4px 5px 0 0;	color: #000000;	font-size: 15px;	font-weight: bold;	text-transform: uppercase;}

#titledlight, #titledlocklight, #borderlesslight {	display: none;	position:fixed; _position:absolute;	top: 50px;	left: 150px;	background-color: #FFFFFF;	z-index:1002;	-moz-box-shadow: 5px 5px 10px black;	-webkit-box-shadow: 5px 5px 10px black;	box-shadow: 5px 5px 10px black;}
#titledlight, #borderlesslight {	overflow: auto;}
#titledlocklight {	overflow: hidden;}
#titledlight_header,  #titledlocklight_header, #borderlesslight_header {height: 32px;	padding: 10px;	z-index:1003;	overflow: auto;	text-transform: uppercase;}
#borderlesslight_header { 	height: auto; 	padding: 10px 10px 0px 10px; }
#titledlight_header, #titledlocklight_header { 	background: #403D7D; 	color: #FFFFFF; 	font-size: 26px; }
#borderlesslight_header {	background: #FFFFFF; }
#titledlight_headertext, #titledlocklight_headertext { 	float: left;	color: #FFFFFF;	z-index:1004;	font-size: 26px;	text-transform: uppercase;}
#borderlesslight_headertext {	float:left;	color: red;	font-size: 20px;	font-weight: bold;	text-transform: uppercase;}
#titledlight_headermenu, #titledlocklight_headermenu, #light_headermenu, #tooltipclose_headermenu, .borderlesslight_headermenu {	float: right;	width: 85px;	height: 24px;	margin: 4px 4px 4px 0;	z-index:1004;	text-align: right;	vertical-align: middle;}
#titledlight_headermenu_close, #titledlocklight_headermenu_close, .borderlesslight_headermenu_close {	float: left;	height: 20px;	width: 60px;	margin: 4px 5px 0 0;	font-size: 15px;	font-weight: bold;	text-transform: uppercase;}
#titledlight_headermenu_close, #titledlocklight_headermenu_close {	color: #FFFFFF;}
#titledlight_headermenu_closebtn, #titledlocklight_headermenu_closebtn, #light_headermenu_closebtn, #tooltipclose_headermenu_closebtn, .borderlesslight_headermenu_closebtn {	float: left;	height: 20px;	width: 20px;	cursor:pointer;}
#light_contents {	font-size:16px;	font-weight: bold;	padding: 10px;}
#titledlocklight_contents {	overflow-y:scroll;	height:inherit;}
.light_contents_headerlbl_red span {	color: red;}
.light_contents_headerlbl_blue span {	color: blue;}
.light_contents_lbl {	text-transform: uppercase;}
.light_contents_headerlbl {	font-weight: bold;}
#titledlight_contents .large, #titledlight_contents .large b, #titledlocklight_contents .large, #titledlocklight_contents .large b { 	font-size:20px;}
#titledlight_contents .large h1, #titledlocklight_contents .large h1 { 	font-size:24px;}
.titledlight_contents_section, .titledlocklight_contents_section {/*	width:794px; */	padding: 5px 20px 5px 20px;	font-size: 15px; 	text-transform: uppercase;}
.titledlight_contents_sectionheader, .titledlocklight_contents_sectionheader, .titledlight_contents_sectionheader a{	color: #403D7D;	font-size: 26px; 	text-transform: uppercase; 	text-decoration: none; }
.titledlight_contents_section_dl, .titledlocklight_contents_section_dl {	width: 270px;	margin: 0 0 0 25px;}
.titledlight_contents_section_dl_a, .titledlocklight_contents_section_dl_a{ 	width: 270px;	font-size: 15px;	text-decoration: underline; 	text-transform: none;}
.titledlight_contents_section_dl img, .titledlocklight_contents_section_dl img {	margin: 0 10px 0 0;	vertical-align: middle;}



/* borderlesslight */
#borderlesslight { display:none;position:fixed; _position:absolute;top:0;left:0;padding:30px 50px 0 50px;z-index:1002;overflow:auto; }
#borderlesslight .close { position:absolute;top:0;right:0;background:inherit;border:0; }
#borderlesslight_wrapper { width:100%;height:100%;background:#333333; }
#borderlesslight_header { height:32px;padding:25px 25px 10px 25px;z-index:1003;overflow:auto;text-transform:uppercase;position:relative; }
#borderlesslight_header hr { width:100%;height:0;border:0;border-top:1px solid #fff; }
#borderlesslight_headertext { float:left;color:#fff;font-size:16px;font-weight:900;text-transform:uppercase;padding-bottom:5px; }
.borderlesslight_headermenu { float:right;width:85px;height:24px;margin:4px 4px 4px 0;z-index:1004;text-align:right;vertical-align:middle; }
#borderlesslight_contents { position:relative; }
#borderlessfade { display:none;position:fixed;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.5;opacity:.50;filter:alpha(opacity=50); }
header .section, footer .section { max-width:90%; }
#contents .section { max-width:100%; }

/* Header */
header .section { width:100%;margin:0 auto; }
header .section .menu { padding:6px 0;position:static; }
header .section .menu .logo { /*height: 100%;*/   vertical-align: middle;  float: right;  max-height: 35px;}
header .section .menu ul.main li { list-style:none;background-image:none;background-repeat:none;background-position:0; }
header .section .menu ul.main li:hover { cursor: pointer; }
header .section .menu ul.main li a { text-decoration:none; }
header .section .menu ul.main li.main { position:static; }
header .section .menu ul.main li.main div.padding { padding-top:10px; }

header .section .menu ul.main li.main #mobilemenu { width:15%; }
header .section .menu ul.main li.main #mobilemenuclose { left:0;top:0;height:60px;padding:0;background:#606060;text-align:right; }
header .section .menu ul.main li.main #mobilemenucloseimg { position:absolute;top:20px;right:20px; }
header .section .menu ul.main li.main #mobilemenuclose,
header .section .menu ul.main li.main ul.level1,
header .section .menu ul.main li.main ul.level1 li.level1 ul.level2 { display:none;position:absolute;width:100%;z-index:100;  }
header .section .menu ul.main li.main ul.level1 { left:0;top:60px; }
header .section .menu ul.main li.main ul.level1 li { height:55px;padding-top:20px; }
header .section .menu ul.main li.main ul.level1 li div, 
header .section .menu ul.main li.main ul.level1 li span { color:#000; }
header .section .menu ul.main li.main ul.level1 li.level1 { padding-border-top:0;border-left:1px solid #7b7b7b;border-right:1px solid #7b7b7b;border-bottom:1px solid #7b7b7b;background:#B8B8AE; }
header .section .menu ul.main li.main ul.level1 li.level1:first { border-top:0; }
header .section .menu ul.main li.main ul.level1 li.level1 #level1menuarrow { position:absolute;right:22px;}
header .section .menu ul.main li.main ul.level1 li.level1 div { padding-left:15px;padding-right:15px; }
header .section .menu ul.main li.main ul.level1 li.level1 div.level1 { font-weight:900; }
header .section .menu ul.main li.main ul.level1 li.level1 ul.level2 li.level2 div.level2 { color:white }
header .section .menu ul.main li.main ul.level1 li.level1 ul.level2 { left:0;top:0px;background:#777777;border:1px solid #606060; }



/* Footer */
footer .section { width:100%;margin:0 auto;text-align:center;padding:30px 0; }
footer .section img { width: 40px; }

/* Body */
#contents { padding:30px 20px;background:rgba(255,255,255,1); }

#breadcrumb { padding:30px 0 5px 0; font-weight:900;text-transform:uppercase; }
#breadcrumb #weblot35 { display:none; }
#breadcrumb span, #contents .section #breadcrumb img { margin-right:10px; }
#breadcrumb span:first-child { font-weight:900; }
#breadcrumb img.delimiter:last-child { display:none; }
#breadcrumb img.prodicon,
#contents .section .title img.prodicon { width:30px;vertical-align:middle; }
#contentlogo { position:absolute;top:0;text-align:right; }
#contentlogo img { width:70px; vertical-align:middle}
#contents .section { padding:0;position:relative; }
#contents .lower { padding-top:100px; }
#contents .section hr { display:block;margin-bottom:15px;height:0;border:0;border-top:1px solid #e6e6e6;  }
#contents .section .title { font-weight:900;font-size:18px;padding:5px 0 8px 0; }
#contents .section .subtitle { font-weight:900;padding:5px 0; }
#contents .section .padding { padding-top:40px; }
/*#contents .section .listing a { text-decoration:none; }*/
#contents .section .listing img { margin-left:5px;width:30px;height:auto;vertical-align:middle; }
#contents .section .info { padding: 0 0 20px 0; }
#contents .section .clicklisttitle { margin-top:20px;padding:20px 20px;background:#4a4644;font-weight:900;color:#fff; }
#contents .section .clicklist { display:none;margin-bottom:60px;padding:15px;border:1px solid #4a4644; }
#contents .section .clicklist div { width:auto;display:block;padding:5px 0; }
#contents .section .clicklist div a { text-decoration:none; }
#contents .section .clicklist div a:hover { text-decoration:underline; }

#contents .section50 { width:100%;display:block;vertical-align:top;margin-bottom:5px; float:none }
#contents .section30 { width:31%;display:inline-block;vertical-align:top;margin-bottom:5px; float:none }
#contents .section50 p, #contents .section30 p { margin:5px 0 0 0; }

/* Landing page */
/*	Icons */
#lot35icon {font-size:30px; text-align:center; font-weight:800}
#lot35icon img {width: 130px;}
.legend img { height:25px;vertical-align:middle; }
.legend span { height:25px;vertical-align:middle; }
#titlesection {/*text-align:center*/; position:relative}
#titlesection #metroteaicon, #titlesection #metzteaicon, #titlesection #dealericon, #titlesection #dealerinfo {display:block;vertical-align:middle; padding:0 10px}


#titlesection #metroteaicon, #titlesection #metzteaicon {margin:0 auto} 
#titlesection #metroteaicon {width:60vw}
#titlesection #metzteaicon {width:45vw}
#titlesection #metroteaicon img, #titlesection #metzteaicon img {width:100%}


#titlesection #dealerinfo {max-width:300px; margin:0 auto}
#titlesection #dealerinfo b {font-weight:bold}
#titlesection #title {padding-top: 20px;}
#titlesection #title span{text-align:center;font-size:24px;margin:0 auto; display:block;  font-weight:800}
#mainicons { width:90%;text-align:center;padding:20px 5% 0 5%; }
#mainicons .iconrow { width:100%;position:relative; }
#mainicons .iconrow .iconcontentsection { display:inline; }
#mainicons .iconsection { display:block; }
/*#mainicons .iconsection .icon img { display:inline-block;width:15%;max-width:160px;left:60px;margin-top:0; }*/
#mainicons .iconsection .icon { width:100%;border:1px solid #cbcbcb;background:#fff;position:relative;cursor:pointer;text-align:left;  }
#mainicons .iconsection .icon:hover { background:#eeeeee; }
#mainicons .iconsection .icon img { display:inline-block;vertical-align:middle;width:15%;max-width:160px;margin-top:0; }
/*#mainicons .iconsection .icon .label { position:absolute;;padding-left:10px;padding-top:25px; }*/
#mainicons .iconsection .icon .label { display:inline-block;vertical-align:middle;padding-left:10px;width:80%; }
#mainicons .iconsection .icon .label p.labelname, 
#mainicons .iconsection .icon .label p.labelnamesmaller { margin:0 auto;line-height:4vw;padding-bottom:0;font-weight:800; }
#mainicons .iconsection .icon .label p.labelname span.info,
#mainicons .iconsection .icon .label p.labelnamesmaller span.info { color:#585656; }
#mainicons .iconsection .icon .label p.padding { padding-top:6px; }
#mainicons .iconcontentsection .iconsubcontent, 
#mainicons .iconcontentsection .iconsubcontent1 { display:none;position:relative;width:100%;border-top:1px solid #cecece;border-bottom:1px solid #cecece;   bottom:0;left:0; }
#mainicons .iconcontentsection .iconsubcontent .pointer, 
#mainicons .iconcontentsection .iconsubcontent1 .pointer { display:none;float:left;width:24%;text-align:center; }
#mainicons .iconcontentsection .iconsubcontent .pointer img, 
#mainicons .iconcontentsection .iconsubcontent1 .pointer img { position: absolute;top:-1px; }
#mainicons .iconcontentsection .iconsubcontent hr.bottomhr, 
#mainicons .iconcontentsection .iconsubcontent1 hr.bottomhr { }
/*	Listing All */
#mainicons .iconcontentsection .iconsubcontent hr,
#mainicons .iconcontentsection .iconsubcontent1 hr { width:100%;display:block;height:0;border:0;}
#mainicons .iconcontentsection .iconsubcontent hr.tophr, 
#mainicons .iconcontentsection .iconsubcontent1 hr.tophr { position:absolute;top:4px; }
#mainicons .iconcontentsection .iconsubcontent .iconcontentlisting,
#mainicons .iconcontentsection .iconsubcontent1 .metzteacatcontent { text-align:left; }
#contents .section .listing { background: #f2f0f0;height:auto;overflow:inherit; }
#contents .section .listingfull { display:block;height:23px;margin-bottom:15px;padding:0;background:inherit;border:0;overflow:hidden; }
#contents .section .listing,
#mainicons .iconcontentsection .iconsubcontent .iconcontentlisting .listing, 
#mainicons .iconcontentsection .iconsubcontent1 .metzteacatcontent .listing { margin-left:0;padding:15px 0 15px 15px;display:block;width:auto;height:auto;overflow:hidden;text-align:left;border:1px solid #cecece; }
#mainicons .iconcontentsection .iconsubcontent .iconcontentlisting .listing span, 
#mainicons .iconcontentsection .iconsubcontent1 .metzteacatcontent .listing span,
#mainicons .iconcontentsection .iconsubcontent .iconcontentlisting .listing img, 
#mainicons .iconcontentsection .iconsubcontent1 .metzteacatcontent .listing img { vertical-align:middle; }
#mainicons .iconcontentsection .iconsubcontent .iconcontentlisting .listing img, 
#mainicons .iconcontentsection .iconsubcontent1 .metzteacatcontent .listing img { position:inherit;width:30px; }
#mainicons .iconcontentsection .iconsubcontent .iconcontentlisting .listing a,
#mainicons .iconcontentsection .iconsubcontent .iconcontentlisting .listing a span,
#mainicons .iconcontentsection .iconsubcontent1 .metzteacatcontent .listing a { color:#545454; }
#mainicons .iconcontentsection .iconsubcontent .sectionclose, 
#mainicons .iconcontentsection .iconsubcontent1 .sectionclose { display:none;position:absolute;right:10px;top:20px; }
#mainicons .iconcontentsection .iconsubcontent .sectionclose:hover, 
#mainicons .iconcontentsection .iconsubcontent1 .sectionclose:hover { cursor:pointer; }
#mainicons .iconcontentsection .iconsubcontent .iconcontentlisting .info,
#mainicons .iconcontentsection .iconsubcontent1 .metzteacatcontent .info { display:block;padding:15px; }

/*	Listing Metz Tea PRODUCTS */
#mainicons .iconcontentsection .metzteacatcontents { margin-top:10px;position:relative; }
#mainicons .iconcontentsection .metzteacat { float:left; width:20%;margin:0 2%; text-align:center;cursor:pointer;font-size:12px;font-weight:900; }
#mainicons .iconcontentsection .metzteacat:hover { color:#b4b3b3;  }
#mainicons .iconcontentsection .metzteacat img { width:100%; }
#mainicons .iconcontentsection .metzteacatcontent { display:none;width:auto;background:#f2f0f0;padding-bottom:0; }
#mainicons .iconcontentsection .metzteacatcontent div.marker, 
#mainicons .iconcontentsection .metzteacatcontent hr { display:none;width:20%;margin-bottom:15px; }

#mainicons .iconcontentsection #metzteacatcontentsallengens div.marker, 
#mainicons .iconcontentsection #metzteacatcontentsallengens hr,
#mainicons .iconcontentsection #metzteacatcontentsprofile div.marker, 
#mainicons .iconcontentsection #metzteacatcontentsprofile hr,
#mainicons .iconcontentsection #metzteacatcontentsnutrition div.marker, 
#mainicons .iconcontentsection #metzteacatcontentsnutrition hr { width:33%;}
#mainicons .iconcontentsection #metzteacatcontentsproductspecs div.marker, 
#mainicons .iconcontentsection #metzteacatcontentsproductspecs hr { width:25%;}

#mainicons .iconcontentsection .metzteacatcontent hr { border-top:4px solid #b4b3b3; }

#mainicons .iconcontentsection .tea { float:left; width:28%;text-align:center;cursor:pointer; font-size: 12px;font-weight: 900;}
#mainicons .iconcontentsection .spec{width:24%}
#mainicons .iconcontentsection .tea img, #mainicons .iconcontentsection .prod img {max-width:175px}


/* 	Listing Others */
#mainicons .iconcontentsection .iconsubcontent { padding-top:0; padding-bottom:0;background:#f2f0f0; }

/* Product */
#productinfo, #productteapreparation, #productgallery { display:none; }
.productinfo #prodimgdiv { width:100%;height:250px;margin:30px 0 20px 0;text-align:center;border:1px solid #b4b3b3;position:relative; }
.productinfo #prodimgdiv #prodimgprev, .productinfo #prodimgdiv #prodimgnext { position:absolute;top:45%; }
.productinfo #prodimgdiv #prodimgprev { left:-15px; }
.productinfo #prodimgdiv #prodimgnext { right:-15px; }
.productinfo #prodimgdiv #prodimgdiv_img { width:250px; }
.productinfo #prodimgdiv #otherimgdiv_img { height:250px;width:auto; }
.productinfo #otherimgdiv_desc { width:100%;text-align:center;margin-bottom:20px; }

.productinfo #prodimglist { width:100%;text-align:left; }
.productinfo #prodimglist img { margin:2px 10px 2px 0;padding:0 10px;border:1px solid #b4b3b3; }
.productinfo #productimages { padding:0 0 20px 0; }
.productinfo .prodselmenu { margin-bottom:0; }
.productinfo #productinfo .prodselmenu { padding:0 0 30px 0; }
.productinfo #productteapreparation .prodselmenu { padding:50px 0 30px 0; }
.productinfo .prodselmenu .prodselmenuitem, .productteapreparation .prodselmenu .prodselmenuitem { display:block;margin:0 0 25px 0;padding:20px 12px;background:#e6e6e6;font-weight:900;text-align:center; }
.productinfo .prodlisting { padding:10px 0 30px 0; }
.productinfo .prodlisting div { padding:5px 0;display:block;width:100%; }
/*.productinfo .prodlisting div a { text-decoration:none; }*/
.productinfo .downloadfile { background:#9bce9b;display:block;vertical-align:middle;padding:20px;margin-bottom:20px; }
.productinfo .downloadfile:hover { cursor:pointer; }
.productinfo .downloadfile span { color:#5a775a;font-weight:900;vertical-align:middle; }
.productinfo .downloadfile img { vertical-align:middle;margin-left:30px;float:inherit; }
/*.productinfo .prodcupdesc, .productinfo #prodingred, .productinfo .prodteaprep { margin:15px 0 30px 0; } */
.productinfo .itemselection { width:100%;margin:25px 0;border:0;background:#e6e6e6; }
.teaprepimg { width:100%;max-width:100px; }

/* HOW TO Videos / TOUR LOT 35 tea estates */
#contents .section #medias, #contents .section #iconcontentlisting6 { text-align:center; }
#contents .section #medias .media, #contents .section #iconcontentlisting6 .media { float:inherit;position:relative;margin-left:0;margin-right:0;width:100%;height:340px; }
#contents .section #medias .media iframe, #contents .section #iconcontentlisting6 .media iframe, #contents .section #iconcontentlisting6 .media .img { width:100%;height:280px; }
#contents .section #medias .media .label, #contents .section #iconcontentlisting6 .media .label { font-size:12px;font-weight:900;text-transform:uppercase; }
#contents .section #medias .iframeblock, #contents .section #iconcontentlisting6 .iframeblock,
#borderlesslight_contents .iframeblock { display:none; }

/* Training Resources */
#contents .section #trainingresources { text-align:center; }
#contents .section #trainingresources .resource { width:100%;max-width:100%;display:inline-block;vertical-align:top;text-align:center;padding: 50px 0; }
#contents .section #trainingresources .resource .icon {  }
#contents .section #trainingresources .resource .label { font-size:12px;font-weight:900;text-transform:uppercase; }
#contents .section #trainingresources .resource .labelsmall { font-size:12px;text-transform:uppercase; }

/* T3 - NEW*/

#titledlocklight_header {background:#000; height:40px}
#titledlocklight_contents {height:inherit}

.t3detail { background: url(/content/MetroTea/images/skin/pop_background.jpg);    padding: 0; height:100%}
.t3detail * {font-size: 14px; color: #020303; line-height:20px}
.t3detail .page-body .paged.profile table tr th {border:1px solid #666666;padding:3px;background-color:#000;color:#fff;}
.t3detail input[type="button"] {position:absolute; top:10px; padding:10px 15px;	text-transform: uppercase; font-size: 15px; color:#fff; background:transparent; border:1px solid #fff }
.t3detail #save {	left:15px	}
.t3detail #print {	left:95px	}

.t3detail .title {text-align:center; font-size: 2.0rem; font-weight: bold; padding:20px 0 10px 0}
.t3detail .label, .t3detail .sublabel {font-weight:700}
.t3detail .label {text-transform:uppercase; font-size:13px}
.t3detail .page-break {page-break-after:always;}

.t3detail .page-header { padding: 20px; background-color:#fff;  background-repeat: no-repeat;   background-position: -80px -100px;}
.t3detail .page-header .logo {text-align:center; }
.t3detail .page-header .logo img{padding-top:20px; max-width:257px}

.t3detail .page-body {padding: 0 20px;  background-color:#fff;}
.t3detail .page-body .subtitle div {border-bottom:1px solid #333333; padding:5px 0 3px 0 } 
.t3detail .page-body .subtitle div.star {border:0; padding-bottom:10px} 

.t3detail .page-body .paged .row {line-height:14px; border-bottom: 1px solid #666666; margin-top:5px; padding:3px 0}

.t3detail .page-body .pagenum {display:none; padding:10px 0; page-break-after:always}
.t3detail .page-body .pagenum span.num:before {dispplay:inline; content:"Page "}
.t3detail .page-body .pagenum span.num:after {dispplay:inline; content:" of "}

.t3detail .page-body .notes {line-height:12px; padding: 8px 0; }

.t3detail .page-footer { padding:0 20px; background-color:#fff; }
.t3detail .page-footer img { width: 100%;  margin:5px auto }

.t3detail .ledate {    text-align: right;    margin-top: 0;    padding: 8px 20px;}

/*allergen*/
.t3detail  table.listing.allergen {width:100%;	border-collapse:collapse}
.t3detail  table.listing.allergen th {background-color:#000; color:#fff; line-height:12px;padding:5px 3px;  border: 1px solid #000; font-size:12px}
.t3detail  table.listing.allergen th.col1 {width:65%;     text-align: left;}
.t3detail  table.listing.allergen th.col2 {width:10%}
.t3detail  table.listing.allergen th.col3 {width:25%}
.t3detail  table.listing.allergen td {border:0; } 

.t3detail .page-body .paged.allergens {display:table; width:100%}
.t3detail .page-body .paged.allergens .row {display:table-row}
.t3detail .page-body .paged.allergens .row span {display:table-cell; text-align:center; border:1px solid #666666; border-top:0; border-left:0; padding:3px; box-sizing: border-box;}
.t3detail .page-body .paged.allergens .row span.col1{width:65%; text-align:left; border-left:1px solid #666666}
.t3detail .page-body .paged.allergens .row span.col2{width:10%}
.t3detail .page-body .paged.allergens .row span.col3{width:25%}

/*prod specs*/

 
.t3detail .page-body .paged.spec .row.sub {border:0;  display: inline-block;  width: 100%;  margin: 0;   padding: 1px;}
.t3detail .page-body .paged.spec .row.sub.table span {display:inline-block; width:50%}
.t3detail .page-body .paged.spec .row.sub .label{text-transform:capitalize}
.t3detail .page-body .paged.spec .row table {border:1px solid #000; border-collapse: collapse; page-break-inside:avoid}
.t3detail .page-body .paged.spec .row table td {border:1px solid #000; border-left:0; border-bottom:0; padding:3px 5px; text-align:center; page-break-inside:avoid}
.t3detail .page-body .paged.spec .row table td:nth-child(1)  {border-left:1px solid #000; text-align:left}

.t3detail .page-body .paged.spec.teaspec .collateral {display:none}
.t3detail .page-body .paged.spec.collateralspec .tea {display:none}


/*profile*/
.t3detail .page-header .title.profile span{font-size: 24px;  border-bottom: 2px solid #666; line-height:35px; }
.t3detail .page-header .subtitle.profile {font-weight:700; font-size:1.5rem; text-align:center; margin-top: 5px;}
.t3detail .page-body .paged.profile .row:last-child {border:0} 
.t3detail .page-body .paged.profile .prodtimetemp {display: inline-block; text-align: center; margin-right: 10px;}
.t3detail .page-body .paged.profile .label span{font-style:italic; text-transform:capitalize}
.t3detail .page-body .paged.profile  table {border-collapse: collapse;}
.t3detail .page-body .paged.profile  table tr td{border:1px solid #666666;padding:3px}
.t3detail .page-body .paged.profile .lefttable, .t3detail .page-body .paged.profile .righttable { width:100%; float:none};
/*nutrition*/

.t3detail.nutrition {background:none}
.t3detail.nutrition .title{font-size:28px; line-height:20px}
.t3detail.nutrition  .nutrition-body {padding:10px 0px; background:#fff}
.t3detail.nutrition * {font-size:13px; line-height:16px}
.t3detail.nutrition  .subtitle {margin:10px auto 15px auto;width: 100%; max-width: 560px; padding:0 3px}
.t3detail.nutrition  .subtitle div {color:#020303; border-bottom:1px solid #000; display:inline-block; margin-bottom: 2px;}
.t3detail.nutrition  .page-body {padding: 10px 0 10px 0;     background-color: #fff;    width: 99%; max-width: 560px;    margin: 0 auto;    border: 1px solid #000;}
.t3detail.nutrition  .page-body .subheader .row  { padding: 0px 10px}
.t3detail.nutrition  .page-body .subheader .row p { font-size: 16px;     font-weight: 700; }

.t3detail .page-body .paged.nutrition .row {padding: 0px 10px}
.t3detail .page-body .paged.nutrition .row span {display:inline-block; width:28%;text-align:right }
.t3detail .page-body .paged.nutrition .row span.bold {   font-weight: 900;}
.t3detail .page-body .paged.nutrition .row span:first-child{text-align:left; width:42%}
.t3detail .page-body .paged.nutrition .row:first-child span {width:100%; text-align:left}

@media all  and (min-device-width:567px) {
	header .section .menu .logo {max-height: 56px;}
	#titlesection {text-align:center; }
	#titlesection #title span{font-size:28px; display:inline }
	#titlesection #metroteaicon, #titlesection #metzteaicon, #titlesection #dealericon, #titlesection #dealerinfo {width:30%; display:inline-block;}
	#titlesection #metroteaicon, #titlesection #metzteaicon {  position: inherit; top: inherit; right: inherit;} 
	#titlesection #metroteaicon { max-width: 300px; width:40%;}
	#titlesection #metzteaicon { max-width: 200px;}
	#titlesection #dealericon, #titlesection #dealerinfo { max-width: 256px;}
	#titlesection #dealericon{max-width:225px;}
	#titlesection #dealericon img{width:100%}
	#titlesection #dealericon.blank {max-width:2px;padding:0}
	#titlesection #dealerinfo {border:1px solid #ccc; border-top:0; border-bottom:0; padding:0 20px; text-align:left; width:40%}
}

@media all  and (min-device-width:800px) {
	.mobile { display:none; }
	.normal { display:inherit; }
	select { padding: inherit; }

	#contents .section { max-width:90%; }

	/* Header */
	header .section { margin:0 auto; }
	#titlesection #title span{font-size:30px; font-weight:800}

	header .section .menu { position:relative;height:auto; }
	header .section .menu .logo { float: left;     width: inherit;     height: 45px;    max-height: inherit; }
	header .section .menu ul.main { display:inline-block;vertical-align:middle;margin-left:60px; }
	header .section .menu ul.main li { width:280px;line-height:16px; }
	#mainmenuarrow { vertical-align:middle;padding-bottom:4px; }
	header .section .menu ul.main li.main { position:relative;background:#C8C7C2;width:138px;height:45px; }
	header .section .menu ul.main li.main div, 
	header .section .menu ul.main li.main span { color:#000;font-size:13px; }
	header .section .menu ul.main li.main div.padding { padding-top:8px; }
	header .section .menu ul.main li.main div.main { height:100%;line-height:48px;padding-left:20px;padding-right:20px;font-weight:800; }
	header .section .menu ul.main li.main #mainmenuarrow { margin-left:5px; }
	header .section .menu ul.main li.main ul.level1, 
	header .section .menu ul.main li.main ul.level1 li.level1 ul.level2 { width:auto; }
	header .section .menu ul.main li.main ul.level1 { top:40px;padding:0; }
	header .section .menu ul.main li.main ul.level1 li div, 
	header .section .menu ul.main li.main ul.level1 li span { font-size:13px; }
	header .section .menu ul.main li.main ul.level1 li { height:40px;padding-top:10px;line-height:auto;padding-bottom:0; }
	header .section .menu ul.main li.main ul.level1 li.level1 { border:1px solid #7b7b7b; }
	header .section .menu ul.main li.main ul.level1 li.level1 div { padding-left:15px;padding-right:15px; }
	header .section .menu ul.main li.main ul.level1 li.level1 div.level1 { position:relative; }
	header .section .menu ul.main li.main ul.level1 li.level1:hover { background:#777777;border: 1px solid #bdbcbc; }
	header .section .menu ul.main li.main ul.level1 li.level1 ul.level2 { left:280px;top:0;  padding-bottom:15px}
	header .section .menu ul.main li.main ul.level1 li.level1 ul.level2 li.level2 { font-size:13px;width:220px; } /* #949494  / #8c8c8c */

	/* Footer */
	footer .section img { width: 60px; }

	/* Body */
	#breadcrumb span:first-child { font-size:inherit; }
	#contents { min-height:600px;padding:50px 0 10px 0;margin:50px auto; }
	#contentlogo { right:100px; }
	#contents .section { padding:0 100px 20px 100px;position:relative; }

	#contents .section hr { margin-bottom:0;  }
	/*#contents .section .subtitle { font-size:inherit; }*/
	#contents .section .legend { display:none; }
	#contents .section .clicklisttitle { padding:15px 20px; }
	#contents .section .clicklist { margin-bottom:20px; }
	.productinfo .prodlisting div,
	#contents .section .clicklist div { width:24%;display:inline-block;vertical-align:top;float:inherit;margin-bottom:0; }
	#contents .section .clicklist div a { font-size:inherit; }
	#contents .section .titlehr { width:70%; }
	#contents .section50 { width:48%;float:left;margin-bottom:15px;margin-left:1%; }
	#contents .section30 { width:31%;display:inline-block;margin-bottom:5px;margin-left:1%; text-align:center}

	#contents .topsectionholder { width:100%;height:100px; }
	#contents .topsectionpageholder { width:100%;height:50px; }
	#contents .topsectionpageholder .legend { display:block;margin: 5px auto 30px auto;}
	#contents .topsectionpageholder .legend div { display:inline-block;width:25%; }

	/* Landing page */
	#mainicons { padding:40px 5% 0 5%; }
	#mainicons .iconsection { display:inline-block;width:24%;padding-top:18px;padding-bottom:18px;vertical-align:top; }
	#mainicons .iconsection .icon { position:inherit;width:180px;height:125px;margin-left:auto;margin-right:auto;text-align:center; }
	#mainicons .iconsection .icon img { position:inherit;width:50px;float:inherit;margin-top:10px; }
	#mainicons .iconsection .icon .label { position:inherit;bottom:0;width:100%;min-height:40px;padding:0; }
	#mainicons .iconsection .icon .label p.labelname { font-size:15px;line-height:17px;padding-bottom:7px; }
	#mainicons .iconsection .icon .label p.labelnamesmaller { font-size:14px;line-height:15px;padding-bottom:7px; }
	#mainicons .iconsection .icon .label p.padding { padding-top:10px; }
	#mainicons .iconcontentsection { display:inline-block; }
	#mainicons .iconcontentsection .iconsubcontent .pointer, 
	#mainicons .iconcontentsection .iconsubcontent1 .pointer,
	#mainicons .iconcontentsection .iconsubcontent .sectionclose, 
	#mainicons .iconcontentsection .iconsubcontent1 .sectionclose { display:inherit; }
	/*	LOT 35 */
	#mainicons .iconcontentsection .iconsubcontent1 .metzteacatcontent { width:100%;padding-bottom:15px; }
	#mainicons .iconcontentsection .iconsubcontent1 .metzteacatcontent div.marker, 
	#mainicons .iconcontentsection .iconsubcontent1 .metzteacatcontent hr { display:inline-block; } 
	/* 	Listing Others */
	#mainicons .iconcontentsection .iconsubcontent { padding-top:20px; padding-bottom:15px; }
	/* 	Listing All */
	#mainicons .iconcontentsection .iconsubcontent .iconcontentlisting .legend { display:block;width:90%;margin: 5px auto 30px auto;border:1px solid #cbcbcb;text-align:center; }
	#mainicons .iconcontentsection .iconsubcontent .iconcontentlisting .legend div { display:inline-block;width:25%;text-align:center; }
	#mainicons .iconcontentsection .iconsubcontent .iconcontentlisting .listing,
	#mainicons .iconcontentsection .iconsubcontent1 .metzteacatcontent .listing { width:280px;height:22px;padding:0 0 0 5px;display:inline-block;background:inherit;border:0;position:relative; }
	#mainicons .iconcontentsection .iconsubcontent .iconcontentlisting .listing img, 
	#mainicons .iconcontentsection .iconsubcontent1 .metzteacatcontent .listing img { height:22px;width:auto;margin-right:3px; }
	#mainicons .iconcontentsection .iconsubcontent .iconcontentlisting .listing a,
	#mainicons .iconcontentsection .iconsubcontent .iconcontentlisting .listing a span,
	#mainicons .iconcontentsection .iconsubcontent1 .metzteacatcontent .listing a { font-size:12px; }
	#mainicons .iconcontentsection .iconsubcontent .iconcontentlisting .info,
	#mainicons .iconcontentsection .iconsubcontent1 .metzteacatcontent .info { display:block;padding:0 15px 30px 15px; }

	/* Product */
	.productinfo .titlehr { width:70%; }
	.productinfo .productdetails { min-height:50px;max-width:85%; }
	.productinfo .downloadfile { display:inline-block;margin:40px 0 20px 0;padding:10px 20px; }
	.productinfo .downloadfile img { float:right; }
	.productinfo .subtitlehr { margin-bottom:10px; }
	/*.productinfo .prodcupdesc, .productinfo #prodingred, .productinfo .prodteaprep {  }*/
	.productinfo #prodimgdiv { height:450px; }
	.productinfo #prodimgdiv #prodimgprev { left:20px; }
	.productinfo #prodimgdiv #prodimgnext { right:20px; }
	.productinfo #prodimgdiv #prodimgdiv_img { width:450px; }
	.productinfo #prodimgdiv #otherimgdiv_img { width:auto;height:450px; }
	.teaprepimg { width:100%;max-width:250px; }
	.productinfo .prodselmenu { margin-bottom:40px; }
	.productinfo .prodselmenu .prodselmenuitem, .productteapreparation .prodselmenu .prodselmenuitem { display:inline-block;margin:0 20px 0 0;padding:10px 12px;font-size:inherit; }
	.productinfo .itemselection { height:60px;padding:0 20px;font-size:15px; }

	/* Listing */
	#contents .section .listing { display:inline-block;width:280px;height:23px;float:left;margin-bottom:15px;padding:0;background:inherit;border:0;overflow:hidden; }
	#contents .section .listing img { margin-left:5px;width:auto;height:22px; }

	/* HOW TO Videos / TOUR LOT 35 tea estates */
	#contents .section #medias, #contents .section #iconcontentlisting6 { text-align:left; }
	#contents .section #medias .media, #contents .section #iconcontentlisting6 .media { float:left;margin-left:11px;margin-right:12px;width:165px;height:200px;margin-bottom:inherit; }
	#contents .section #medias .media iframe, #contents .section #iconcontentlisting6 .media iframe, #contents .section #iconcontentlisting6 .media .img { width:165px;height:96px; } 
	#contents .section #medias .iframeblock, #contents .section #iconcontentlisting6 .iframeblock,
	#borderlesslight_contents .iframeblock { display:inherit;position:absolute;top:0;left:0;width:100%;background-color:aliceblue;opacity:0.1; }
	#contents .section #medias .iframeblock, #contents .section #iconcontentlisting6 .iframeblock { height:70%; }
	#borderlesslight_contents .iframeblock { height:100%; }
	#contents .section #medias .iframeblock:hover, #contents .section #iconcontentlisting6 .iframeblock:hover { cursor:pointer; }

	/* Training Resources */
	#contents .section #trainingresources .resource { max-width:280px;padding:inherit; }
	#contents .section #trainingresources .resource .icon {  }

#titledlocklight_contents {height:93%}
.t3detail {height: auto;}

.t3detail .page-header {margin:60px 60px 0px 60px;   padding: 0 50px; background-color:#fff;  background-repeat: no-repeat;   background-position: -80px -100px;}
.t3detail .page-header .logo {text-align:center; }
.t3detail .page-header .logo img{padding-top:20px; max-width:257px}

.t3detail .page-body {margin:0 60px;  padding: 0 50px;  background-color:#fff;}
.t3detail .page-body .subtitle div {border-bottom:1px solid #333333; padding:5px 0 3px 0 } 
.t3detail .page-body .subtitle div.star {border:0; padding-bottom:10px} 

.t3detail .page-body .paged .row {line-height:14px; border-bottom: 1px solid #666666; margin-top:5px; padding:3px 0}

.t3detail .page-body .pagenum {display:none; padding:10px 0; page-break-after:always}
.t3detail .page-body .pagenum span.num:before {dispplay:inline; content:"Page "}
.t3detail .page-body .pagenum span.num:after {dispplay:inline; content:" of "}

.t3detail .page-body .notes {line-height:12px; padding: 8px 0; }

.t3detail .page-footer {margin:-1px 60px 60px 60px; padding:0 50px; background-color:#fff; }
.t3detail .page-footer img { width: 100%; height:45px; margin:5px auto }
.t3detail .ledate  { text-align:right; margin-top:0px;padding:8px 60px}

/*prodfile*/
.t3detail .page-header .title.profile span{font-size: inherit;  border-bottom: 2px solid #666; line-height:35px; }
.t3detail .page-body .paged.profile .lefttable {float:left; width:49%}
.t3detail .page-body .paged.profile .righttable {float:right; width:49%}

.t3detail.nutrition  .nutrition-body {margin:0 60px; padding:10px 0px; background:#fff}

}

@media screen and (min-device-width:1244px) and (min-width:1244px) {

	#contents { max-width:1140px; }
	header .section, footer .section, #contents .section { max-width:1140px; }

	/* Landing page */
	#mainicons { max-width:880px;padding:40px 130px 0 130px; }
}

@media print {
* { margin:0;padding:0;font-family:'Nunito Sans',sans-serif;font-size:12px;font-weight:400;color:#333333; }
header, footer, .prodselmenu {display:none}
#contents {padding:0; margin:0; font-size:12px}
#contentlogo {right:50px; top:10px}
#breadcrumb {padding:5px 0}
#contents .section {padding: 50px 10px 20px 10px; }
.teaprepimg {max-width:100px}
#bkgrnd  {background:none}
}