#GridWrap {overflow: hidden; text-align: center; margin-top: 50px;}
#GridWrap h2 {font-size: 15px; font-weight: normal; margin: 15px 0 10px 0;}
#GridWrap a {color: #F8DA00; text-decoration: none; border-bottom: solid 1px #F8DA00; font-weight: bold;}
#GridWrap a:hover {color: #F8DA00; text-decoration: none; border-bottom: solid 1px #F8DA00;}
/* ==== grid lines ==== */
.TL {width: 160px; float: left; border-right: solid 1px #FFE264; border-bottom: solid 1px #FFE264; padding: 0 0 30px 0;}
.TM {width: 160px; float: left; border-right: solid 1px #FFE264; border-bottom: solid 1px #FFE264; padding: 0 0 30px 0;}
.TR {width: 160px; float: left; border-bottom: solid 1px #FFE264; padding: 0 0 30px 0;}
.ML {width: 160px; float: left; border-right: solid 1px #FFE264; border-bottom: solid 1px #FFE264; padding: 30px 0 30px 0;}
.MM {width: 160px; float: left; border-right: solid 1px #FFE264; border-bottom: solid 1px #FFE264; padding: 30px 0 30px 0;}
.MR {width: 160px; float: left; border-bottom: solid 1px #FFE264; padding: 30px 0 30px 0;}
.BL {width: 160px; float: left; border-right: solid 1px #FFE264; padding: 30px 0 3px 0;}
.BM {width: 160px; float: left; border-right: solid 1px #FFE264; padding: 30px 0 3px 0;}
.BR {width: 160px; float: left; padding: 30px 0 3px 0;}
/* ==== nutrition boxes ==== */
.ZoomBoxBG {background-color: #333333; filter: alpha(opacity=70); opacity: 0.7;}
.ZoomBox {overflow: hidden; width: 600px; background-color: #FFFFFF; padding: 25px 35px 25px 35px; font-size: 14px; border: none;}
.ZoomBox img {float: left; overflow: hidden; margin: 0 25px 20px 0;}
/* .ZoomBox h2 {height: 65px; line-height: 65px;} */
#MainContent .ZoomBox p {clear: both; border-bottom: solid 1px #D1D1D1; margin: 5px 0 10px 0; padding: 5px 0 10px 0;}
.ZoomBox .Close {clear: both; height: 15px; padding-top: 10px;}
.ZoomBox a {color: #005955; border-bottom: solid 1px #A5BEA8; text-decoration: none;}
.ZoomBox a:hover {border-bottom: solid 1px #005955;}
.NutritionWrap {border: solid 1px #494949; padding: 5px; color: #494949; width: 300px; float: right; margin-bottom: -25px;}
.NutritionWrap h1 {font-size: 16px; text-decoration: none; font-weight: bold; margin: 0px; padding: 0px; color: #494949; line-height: normal; height: auto;}
.NutritionWrap span {display: block;}
.NutritionWrap div {padding: 3px 0 3px 0; overflow: hidden; }
.NutritionWrap .ThickLine {border-bottom: solid 12px #494949;}
.NutritionWrap .MediumLine {border-bottom: solid 6px #494949;}
.NutritionWrap .ThinLine {border-bottom: solid 1px #494949;}
.NutritionWrap table {width: 100%; border-collapse: collapse; font-size: 12px;}
.NutritionWrap .HalfWidth {width: 50%; float: left;}
.NutritionWrap .Left {float: left;}
.NutritionWrap .Right {float: right;}
.NutritionWrap .Left15 {padding-left: 15px;}
.NutritionWrap .Left10 {padding-left: 10px;}
.NutritionWrap .Center {text-align: center;}
.Footnote {font-size: 13px;}
.IngredientWrap {float: left; width: 250px;}
/* make-at-home and liquid */
.NutritionList {float: left; width: 310px; margin-top: 50px; line-height: 1.5;}
#MainContent .NutritionList h2 {font-size: 14px; font-weight: bold;}
.NutritionList a {color: #005955; border-bottom: solid 1px #A5BEA8; text-decoration: none;}
.NutritionList a:hover {border-bottom: solid 1px #005955;}
/* ie6 fixes */
.NutritionWrap div {width: 100%; clear: both;}