/* 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:800px) {
#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}

}