@charset "utf-8";
/* CSS Document */

body {background-image: url('/images/ff_bg.jpg'); background-repeat: repeat-x; background-color: #333333; font-family: Verdana; font-size: 11px; margin: 0px; color: #000000}

.header {font-weight: bold; font-family: trebuchet MS; font-size: 26px; text-align: left}

li {padding: 0px 0px 10px 0px}

.li_one {padding: 10px 0px 10px 0px}

.li_two {padding: 0px}

#wrap {margin: 0px auto; width: 985px; background-color: #ffffff}

#main_1 {width: 985px; height: 5px; margin: 0px; padding: 0px; border:0px; background-image: url('/images/ff_whitebg_1.jpg'); background-repeat: repeat}

#main_2 {width: 985px; height: 106px; margin: 0px; padding: 0px; border:0px; background-image: url('/images/ff_whitebg_2.jpg'); background-repeat: repeat}

#main_3a {width: 985px; height: 29px; margin: 0px; padding: 0px; border:0px; background-color: #ffffff; font: normal 11px Verdana; text-align: right; color: #888888}

#main_3b {width: 985px; height: 29px; margin: 0px; padding: 0px; border:0px; background-color: #ffffff; font: normal 11px Verdana; text-align: right; color: #888888}

#main_4 {width: 985px; height: auto; margin: 0px; padding: 0px; border:0px; background-color: #ffffff}

#nm_buttonarea2 {width: 985px; height: 79px; margin: 0px; padding: 0px; border: none; background-image: url('/images/ff_nm_toolsbg2.jpg'); background-repeat: repeat-x}

#nm_buttonarea3 {width: 985px; height: 15px; margin: 0px; padding: 0px; border: none; background-image: url('/images/ff_nm_toolsbg3.jpg'); background-repeat: repeat-x}

.nm_buttonspace1 {float: left; padding: 0px 3px 0px 32px}
.nm_buttonspace2 {float: left; padding: 0px 3px 0px 0px}
.nm_buttonspace3 {float: left; padding: 0px 32px 0px 0px}


/* main content area */
#nm_maincontentarea {width: 985px; height: auto; margin: 0px; padding: opx; border:0px; background-color: #ffffff}

#nm_maincontentarea_left {width: 670px; height: auto; margin: 15px 5px 0px 20px; padding: 0px; border: none; background-color: #ffffff; float: left}
#nutritionfacts_left {width: 338px; height: auto; margin: 0px; padding: 0px 5px 0px 0px; border: none; float: left}
#nutritionfacts_right {width: 327px; height: auto; margin: 0px; padding: 0px; border: none; float: right}
.title {font: bold 30px Trebuchet MS; padding: 0px 0px 15px 0px}
.sub_title1 {font: bold 20px Trebuchet MS; color: #444444; padding: 0px 0px 15px 0px; text-aling: left}
.sub_title2 {font: bold 16px Trebuchet MS; color: #f1811c; padding: 0px 0px 10px 0px; text-aling: left}
.sub_title3 {font: bold 16px Trebuchet MS; color: #ad3289; padding: 0px; text-aling: left}
.sub_title4 {font: bold 15px Trebuchet MS; color: #ad3289; padding: 30px 0px 0px 0px; text-aling: left}
.content1 {font: normal 13px Verdana; color: #444444; padding: 0px 0px 15px 0px; text-aling: left}
.content2 {font: normal 13px Verdana; color: #444444; padding: 0px 0px 15px 0px; text-aling: left}
.content3 {font: normal 13px Verdana; color: #444444; padding: 0px 0px 15px 0px; text-aling: left}
#img1 {width: 670px; height: 265px; background-image: url('/images/ff_nm_nutritionfacts1.jpg'); background-repeat: no-repeat; background-position: center}
#img2 {width: 670px; height: 140px; background-image: url('/images/ff_nm_nutritionfacts3.jpg'); background-repeat: no-repeat; background-position: center}
.div_linegreen {with: 670px; height: 5px; background-color: #c2db93; margin: 0px; padding: 0px; border-width: 25px 0px 35px 0px; border-color: #ffffff; border-style: solid}
.green_dotted {width: 670px; height: 1px; margin: 60px 0px 60px 0px; padding: 0px; border-width: 0px 0px 2px 0px; border-color: #c6de9a; border-style: dotted}


#nm_maincontentarea_right {width: 240px; height: auto; margin: 15px 10px 0px 0px; padding: 0px; border: none; float: right; background-image: url('/images/ff_nm_4.jpg'); background-repeat: repeat-x}
#nm_joinnow {width: 218px; height: auto; background-image: url('/images/ff_nm_4.jpg'); background-repeat: repeat-x; background-color: #ffffff; margin: 0px; padding: 0px; border-width: 0px 1px 0px 1px; border-color: #9f9f9f; border-style: solid}
#nm_joinnow_extraspace {width: 20px; height: auto; background-color: #ffffff; margin: 0px; padding: 0px; border: none}
#nm_quicktourbg {width: 240px; height: 91px; background-color: #ffffff}
#nm_remarkouter{width: 240px; height: auto; background-image: url('/images/ff_nm_5.jpg'); background-repeat: no-repeat; background-position: top left; margin: 0px; padding: 0px; border: none}
#nm_remarkinner {width: 164px; height: auto; margin: 0px; padding: 15px 28px 15px 28px; border: none; color: #709a21; font-size: 12px; font-style: italic; text-align: center; background-image: url('/images/ff_nm_6.jpg'); background-repeat: no-repeat; background-position: bottom right}
/* end main content area */


/* footer area info */
#footer {width: 985px; height: 97px; margin: 0px; padding: 0px; border:0px; background-color: #ffffff; background-image: url('/images/ff_footerbg.jpg'); background-repeat: repeat-x}
#footer_bottomcorner {width: 985px; height: 15px; margin: 0px; padding: 0px; border:0px; background-image: url('/images/ff_footer.jpg'); background-repeat: repeat} 
#footer_left {width: 400px; padding: 0px; float: left}
#footer_right {width: 585px; padding: 0px; float: right; text-align: left}
/* end footer area info */


/* vertical space info */
.vspace_1 {width: 985px; height: 10px; background-color: #ffffff}

.vspace_2 {height: 10px}

.vspace_3 {width: 985px; height: 27px; background-color: #ffffff}

.vspace_4 {width: 985px; height: 35px}

.vspace_5 {height: 30px}

.vspace_6 {height: 80px}

.vspace_7 {height: 20px}
/* end vertical space info */


/* link color info 
a:link {color: #ffffff}
a:active {color: #ffffff}
a:visited {color: #ffffff}
a:hover {color: #ffffff}*/

a.gray:link {font: normal 11px Verdana; color: #888888; text-decoration: underline; text-align: right}
a.gray:active {font: normal 11px Verdana; color: #888888; text-decoration: underline; text-align: right}
a.gray:visited {font: normal 11px Verdana; color: #888888; text-decoration: underline; text-align: right}
a.gray:hover {font: normal 11px Verdana; color: #888888; text-decoration: underline; text-align: right}

a.black:link {font: normal 11px Verdana; color: #000000; text-decoration: underline; text-align: right}
a.black:active {font: normal 11px Verdana; color: #000000; text-decoration: underline; text-align: right}
a.black:visited {font: normal 11px Verdana; color: #000000; text-decoration: underline; text-align: right}
a.black:hover {font: normal 11px Verdana; color: #000000; text-decoration: underline; text-align: right}

a.gray_noline:link {font: normal 11px Verdana; color: #888888; text-decoration: none; text-align: right}
a.gray_noline:active {font: normal 11px Verdana; color: #888888; text-decoration: none; text-align: right}
a.gray_noline:visited {font: normal 11px Verdana; color: #888888; text-decoration: none; text-align: right}
a.gray_noline:hover {font: normal 11px Verdana; color: #888888; text-decoration: none; text-align: right}

a.blue:link {font: normal 11px Verdana; color: #3777f2; text-decoration: none}
a.blue:active {font: normal 11px Verdana; color: #3777f2; text-decoration: none}
a.blue:visited {font: normal 11px Verdana; color: #3777f2; text-decoration: none}
a.blue:hover {font: normal 11px Verdana; color: #3777f2; text-decoration: none}

a.green:link {font: bold 11px Verdana; color: #709b40; text-decoration: none}
a.green:active {font: bold 11px Verdana; color: #709b40; text-decoration: none}
a.green:visited {font: bold 11px Verdana; color: #709b40; text-decoration: none}
a.green:hover {font: bold 11px Verdana; color: #709b40; text-decoration: none}

a.green_s:link {font: bold 9px Verdana; color: #709b40; text-decoration: none; font-style: italic}
a.green_s:active {font: bold 9px Verdana; color: #709b40; text-decoration: none; font-style: italic}
a.green_s:visited {font: bold 9px Verdana; color: #709b40; text-decoration: none; font-style: italic}
a.green_s:hover {font: bold 9px Verdana; color: #709b40; text-decoration: none; font-style: italic}

a.red:link {font: normal 11px Verdana; color: #f1533d; text-decoration: none}
a.red:active {font: normal 11px Verdana; color: #f1533d; text-decoration: none}
a.red:visited {font: normal 11px Verdana; color: #f1533d; text-decoration: none}
a.red:hover {font: normal 11px Verdana; color: #f1533d; text-decoration: none}
/* end link color info */




/* drop down menu */

/* Fix IE. Hide from IE Mac \*/
* html ul li ul li {float: left}
* html ul li ul li a {height: 1%}
* html li.a ul li ul {float: left}
* html li.a ul li ul a {height: 1%}
/* End */ 

.menu1 {width: auto; height: 20px; background-color: #ffffff; float: left; display: inline}
.menu1 ul {width: auto; height: 15px; margin-left: 0px; margin-top: 0px; padding: 0px; border: 0px; float: left; list-style: none}
.menu1 ul li {position: relative; font: normal 11px Trebuchet MS; color: #3777f2; text-align: left; list-style: none}
.menu1 ul li ul {position: absolute; display: none; width: 350px; height: auto; background-image: url('/images/ff_nm_ddmenubg.jpg'); background-repeat: repeat-x; margin-top: 0px; margin-left: 0px; border-width: 1px; border-color: #dddddd; border-style: solid}
.menu1 ul li ul li {text-align: left; padding: 0px}
.menu1 ul li a {display: block; text-decoration: none; color: #3777f2; width: auto}
.menu1 ul li a:hover {text-decoration: none; color: #95af70}
.menu1 ul li ul li a {display: block; color: #3777f2; text-align: left; line-height: 20px}
.menu1 ul li ul li a:hover {background-color: #dddddd; color: #95af70; text-align: left}
.menu1 ul li:hover ul, #menu ul li:hover ul li {display: block}
.menu1 ul li:over ul, #menu ul li:over ul li {display: block; visibility: visible}

.menu1On {width: auto; height: 20px; background-color: #ffffff; float: left; display: inline}
.menu1On ul {width: auto; height: 15px; margin-left: 0px; margin-top: 0px; padding: 0px; border: 0px; float: left; list-style: none}
.menu1On ul li {position: relative; font: normal 11px Trebuchet MS; color: #3777f2; text-align: left; list-style: none}
.menu1On ul li ul {position: absolute; width: 350px; height: auto; background-image: url('/images/ff_nm_ddmenubg.jpg'); background-repeat: repeat-x; margin-top: 0px; margin-left: 0px; border-width: 1px; border-color: #dddddd; border-style: solid}
.menu1On ul li ul li {text-align: left; padding: 0px}
.menu1On ul li a {display: block; text-decoration: none; color: #3777f2; width: auto}
.menu1On ul li a:hover {text-decoration: none; color: #95af70}
.menu1On ul li ul li a {display: block; color: #3777f2; text-align: left; line-height: 20px}
.menu1On ul li ul li a:hover {background-color: #dddddd; color: #95af70; text-align: left}
.menu1On ul li:hover ul, #menu ul li:hover ul li {display: block}
.menu1On ul li:over ul, #menu ul li:over ul li {display: block; visibility: visible}


.menu2 {width: auto; height: 20px; background-color: #ffffff; float: left}
.menu2 ul {width: auto; height: 15px; margin-left: 5px; margin-top: 0px; padding: 0px; border: 0px; float: left; list-style: none; z-index: 1}
.menu2 ul li {position: relative; font: normal 11px Trebuchet MS; color: #3777f2; text-align: left; list-style: none}
.menu2 ul li ul {position: absolute; display: none; width: 350px; height: auto; background-image: url('/images/ff_nm_ddmenubg.jpg'); background-repeat: repeat-x; margin-top: 5px; margin-left: 0px; border-width: 1px; border-color: #dddddd; border-style: solid}
.menu2 ul li ul li {text-align: left; padding: 0px}
.menu2 ul li a {display: block; text-decoration: none; color: #3777f2}
.menu2 ul li a:hover {text-decoration: none; color: #95af70}
.menu2 ul li ul li a {display: block; color: #3777f2; text-align: left; line-height: 20px}
.menu2 ul li ul li a:hover {background-color: #dddddd; color: #95af70; text-align: left}
.menu2 ul li:hover ul, #menu ul li:hover ul li {display: block; visibility:visible}
.menu2 ul li:over ul, #menu ul li:over ul li {display: block; visibility:visible}

.menu2On {width: auto; height: 20px; background-color: #ffffff; float: left}
.menu2On ul {width: auto; height: 15px; margin-left: 5px; margin-top: 0px; padding: 0px; border: 0px; float: left; list-style: none; z-index: 1}
.menu2On ul li {position: relative; font: normal 11px Trebuchet MS; color: #3777f2; text-align: left; list-style: none}
.menu2On ul li ul {position: absolute; width: 350px; height: auto; background-image: url('/images/ff_nm_ddmenubg.jpg'); background-repeat: repeat-x; margin-top: 5px; margin-left: 0px; border-width: 1px; border-color: #dddddd; border-style: solid}
.menu2On ul li ul li {text-align: left; padding: 0px}
.menu2On ul li a {display: block; text-decoration: none; color: #3777f2}
.menu2On ul li a:hover {text-decoration: none; color: #95af70}
.menu2On ul li ul li a {display: block; color: #3777f2; text-align: left; line-height: 20px}
.menu2On ul li ul li a:hover {background-color: #dddddd; color: #95af70; text-align: left}
.menu2On ul li:hover ul, #menu ul li:hover ul li {display: block; visibility:visible}
.menu2On ul li:over ul, #menu ul li:over ul li {display: block; visibility:visible}


.blackline {font: normal 11px Trebuchet MS; color: #000000}
/* end drop down menu */