/*

    Sun and Fork
    Black: #000000
    Blue: #005F80
    Yellow: #E0C627
    White: #FFFFFF

    Angled Headers - Light Yellow: #ECDE6D
    Footer Units - #E0C627

*/

/* Nutritional Supplement Control*/

#nutrSuppContainer{position:relative;}
#nutrSuppContainer .catHead{font-size:18px; line-height:18px; color:#000000; font-weight:bold;font-style:italic; text-transform:uppercase;text-align:left; margin:0 0 0 50px;}
#nutrSuppContainer .catSubHead{font-size:10px; color:#909090; font-weight:normal; font-style:italic; margin: 0 0 0 50px;}
#nutrSuppHeaderContainer{background-image: url('../Images/nutr_supp_header_bg.jpg');position:fixed; left:0; top:0; z-index:1000;}
#clientLogoHeader{width:300px;height:197px;float:left;display:inline-block;z-index:1000;}
#printIcon{height:35px;width:200px;padding:15px 0 0 20px;}
#printIcon a{text-decoration:none; font-size:22px; color:#0670CD;}
.nutrSuppLogo{margin:0 0 0 50px;}
#nutrGuide{width:100%; text-align:center;font-size:18px; font-weight:bold; color:#636260;margin:10px 0 0 0;}
#nutrSuppHeader{width:620px;height:197px;float:right; display:inline-block;z-index:1000;margin:5px 0 0 0;}
#headSpacer{width:900px;height:202px;}
#gradientSpacer{width:920px;height:20px;background: linear-gradient(#E9E9E9, #FFFFFF); margin:0 0 20px 0;}

.nutrSuppTable{width:900px;border-collapse:collapse;margin:5px 0 20px 20px;color:#636260;font-size:12px;}
.nutrSuppTable .headerCell {display:none;}
.nutrSuppTable td{padding:5px 5px 5px 5px;margin:0 0 0 0;border-right:dashed 1px #D9D9D9;}
.nutrSuppTable .itemName{float:left;display:inline-block;}
.nutrSuppTable .itemDesc {margin:0 0 0 10px;font-size:11px; line-height:12px; font-style:italic; color:#909090;float:right; display:inline-block;margin:5px 10px 4px; text-align:right;}
.nutrSuppTable .oddRow{background-color:#E9E9E9;border-bottom: solid 1px #E9E9E9;}
.nutrSuppTable .evenRow {border-bottom: solid 1px #E9E9E9;}
.nutrSuppTable .itemCell {text-align:left;padding:5px 5px 5px 15px;width:318px;}
.nutrSuppTable .valueCell {text-align:center;width:40px;}
.nutrSuppTable .valueCellRight {text-align:center;width:40px;}

/*Disclaimer*/
#nutrSuppDisclaimer {width:900px;font-size:12px; line-height:14px;margin:20px 0 50px 20px;color:#636260;}

/*Header*/

#nutrGuideHeader{position:relative;margin-left:100px;height:200px;width:600px;}
.titleUnitTable {position:absolute; top:165px;left:-42px; z-index:20;}
.titleUnit { margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/*Angled titles*/
.titleCal {color:#000000; background-color:#ECDE6D; font-size:12px; font-weight:bold; transform: rotate(75deg); white-space:nowrap; position:absolute;top:28px;left:-174px; width:240px; height:20px;text-align:right; padding:13px 15px 15px 0;}
.titleCalFat{color:#000000; background-color:#ECDE6D; font-size:12px; font-weight:bold; transform: rotate(75deg); white-space:nowrap; position:absolute;top:28px;left:-122px; width:240px; height:20px;text-align:right; padding:14px 15px 13px 0;}
.titleTotalFat{ color:#000000; background-color:#ECDE6D; font-size:12px; font-weight:bold; transform: rotate(75deg); white-space:nowrap; position:absolute;top:28px;left:-72px; width:241px; height:20px;text-align:right; padding:13px 15px 14px 0;}
.titleSatFat{ color:#000000; background-color:#ECDE6D; font-size:12px; font-weight:bold; transform: rotate(75deg); white-space:nowrap; position:absolute;top:28px;left:-21px; width:240px; height:20px;text-align:right; padding:13px 15px 14px 0;}
.titleTransFat{ color:#000000; background-color:#ECDE6D; font-size:12px; font-weight:bold; transform: rotate(75deg); white-space:nowrap; position:absolute;top:28px;left:30px; width:240px; height:20px;text-align:right; padding:14px 15px 13px 0;}
.titleCholesterol{ color:#000000; background-color:#ECDE6D; font-size:12px; font-weight:bold; transform: rotate(75deg); white-space:nowrap; position:absolute;top:28px;left:82px; width:240px; height:20px;text-align:right; padding:14px 15px 14px 0;}
.titleSodium{ color:#000000; background-color:#ECDE6D; font-size:12px; font-weight:bold; transform: rotate(75deg); white-space:nowrap; position:absolute;top:28px;left:133px; width:240px; height:20px;text-align:right; padding:14px 15px 12px 0;}
.titleCarbs{ color:#000000; background-color:#ECDE6D; font-size:12px; font-weight:bold; transform: rotate(75deg); white-space:nowrap; position:absolute;top:28px;left:183px; width:240px; height:20px;text-align:right; padding:13px 15px 14px 0;}
.titleFiber{ color:#000000; background-color:#ECDE6D; font-size:12px; font-weight:bold; transform: rotate(75deg); white-space:nowrap; position:absolute;top:28px;left:234px; width:240px; height:20px;text-align:right; padding:13px 15px 14px 0;}
.titleSugar{ color:#000000; background-color:#ECDE6D; font-size:12px; font-weight:bold; transform: rotate(75deg); white-space:nowrap; position:absolute;top:28px;left:286px; width:240px; height:20px;text-align:right; padding:14px 15px 13px 0;}
.titleProtein{ color:#000000; background-color:#ECDE6D; font-size:12px; font-weight:bold; transform: rotate(75deg); white-space:nowrap; position:absolute;top:28px;left:338px; width:240px; height:20px;text-align:right; padding:14px 15px 13px 0;}

/*Units*/
.titleCalUnit {font-size:11px; text-align:center; width:4.48em; height:30px; color:#000000; background-color:#E0C627; position:absolute;top:168px;left:-39px; z-index:20;}
.titleCalFatUnit {font-size:11px; text-align:center; width:4.48em; height:30px; color:#000000; background-color:#E0C627; position:absolute;top:168px;left:12px; z-index:20;}
.titleTotalFatUnit {font-size:11px; text-align:center; width:4.48em; height:30px; color:#000000; background-color:#E0C627; position:absolute;top:168px;left:63px; z-index:20;}
.titleSatFatUnit {font-size:11px; text-align:center; width:4.48em; height:30px; color:#000000; background-color:#E0C627; position:absolute;top:168px;left:114px; z-index:20;}
.titleTransFatUnit {font-size:11px; text-align:center; width:4.48em; height:30px; color:#000000; background-color:#E0C627; position:absolute;top:168px;left:165px; z-index:20;}
.titleCholesterolUnit {font-size:11px; text-align:center; width:4.48em; height:30px; color:#000000; background-color:#E0C627; position:absolute;top:168px;left:216px; z-index:20;}
.titleSodiumUnit {font-size:11px; text-align:center; width:4.48em; height:30px; color:#000000; background-color:#E0C627; position:absolute;top:168px;left:267px; z-index:20;}
.titleCarbsUnit {font-size:11px; text-align:center; width:4.48em; height:30px; color:#000000; background-color:#E0C627; position:absolute;top:168px;left:318px; z-index:20;}
.titleFiberUnit {font-size:11px; text-align:center; width:4.48em; height:30px; color:#000000; background-color:#E0C627; position:absolute;top:168px;left:369px; z-index:20;}
.titleSugarUnit {font-size:11px; text-align:center; width:4.48em; height:30px; color:#000000; background-color:#E0C627; position:absolute;top:168px;left:420px; z-index:20;}
.titleProteinUnit {font-size:11px; text-align:center; width:4.48em; height:30px; color:#000000; background-color:#E0C627; position:absolute;top:168px;left:472px; z-index:20;}