/*
	CSS StyleSheet
	developed by Cezar Berea
	cezar@webstarsltd.com
*/
*{margin:0; padding:0; }
a{ text-decoration: none; }
html, body{ margin:0 !important; padding:0 !important; font: 10px Arial, Helvetica, sans-serif; }
#page-container{ width: 715px; margin: 0 auto; background: #fff; border: 1px solid #d0d0d0; }
	#header{ width: 715px; float: left; position: relative; height: 150px; }
		#logo{ position: absolute; left: 31px; top: 61px; }
		#logo a{ width: 295px; height: 58px;  text-indent: -9999px; display: block; background: url("images/logo.gif") no-repeat center center; outline: none; }
		#call-email{ position: absolute; left: 422px; top: 83px; }
		#call-email a{ display: block; text-indent: -9999px; width: 266px; height: 36px; background: url("images/call_email.gif") no-repeat center center; outline: none; }
	#navigator{ width: 625px; float: left; background: #d2d2d2; padding: 7px 45px; }
	#navigator li{ float: left; list-style: none; display: block; margin-right: 20px; font-size: 1.66em; text-transform: lowercase; }
	#navigator li a{ color: #a3a5a8; outline: none; }
	#navigator .on, #navigator .on a, #navigator a:hover{ color: #fff; }
	#content{ width: 635px; float: left; padding: 2px 40px;margin:0; }
	#content.wider{ width: 665px; padding: 2px 10px 2px 40px; margin:0 }
	#content .column{ float: left; width: 95%; padding: 0 2%; }
	#content .topspace{ padding-top: 20px; }
	#content .bottomspace{ padding-bottom: 50px; }
	.member_logo {margin:5px 0px 0px 170px;}
	.member_logo2 {margin:3px ;}
	.member_logo3 {margin:0px 110px 25px 50px;}

	#content p a, #content ul a{ color: #8fc744; text-decoration: underline; }
	#content p a:hover, #content ul a:hover{ color: #333; }
	#content h1{ font: 2.5em "Century Gothic", Verdana, sans-serif; margin-bottom: 15px; }
	#content h1.green{ color: #8fc744;}
	#content h1.gray-white{ color: #fff; background: #d2d2d2; padding: 3px 8px; }
	#content h1.gray-gray{ color: #8b8f93; background: #d2d2d2; padding: 3px 8px;}
	#content p{ font: 1.1em/1.4em Verdana, Tahoma, sans-serif; color: #7a758d; margin-bottom: 10px; line-height: 160% }
	.comment {font-size:10px; line-height: 140%}
	#footer{ width: 675px; float:left ;background: #8fc744; color: #fff; border-top: 13px solid #badd8d; font: 1em Verdana, sans-serif; padding: 10px 20px; }
	#tld{ margin: 0 auto; width: 715px; text-align: right; color: #7a758d; padding: 10px; }
	#tld a{ color: #8fc744; text-decoration: underline; }
	#tld a:hover{ color: #333; }


.graybox{ background: #d5d6d5 url("images/icon_question-mark.gif") no-repeat 8px 8px; padding: 10px 10px 15px 50px; width:225px }
.graybox-home{ background: #d5d6d5 url("images/icon_question-mark.gif") no-repeat 8px 8px; padding: 10px 10px 15px 50px; width:225px;float:left}
.graybox p,.graybox-home p{ font: 1.2em Verdana, Tahoma, sans-serif; color: #7a758d; }
#content .graybox a{ color: #7a758d; font-weight:bold }
.graybox a:hover{ color: #000; }

a.read-more{ background: url("images/arrow_right1.gif") no-repeat right center; padding-right: 25px; font-weight: bold; }
/* site wide elements */
.inside{ padding:12px; }

/* clearing floats */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* others */
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.clear{ clear: both; }

.r{ text-align: right; }
.l{ text-align: left; }
.c{ text-align: center; }

.b{ font-weight: bold; }
.i{ font-style:italic; }

.s{ text-decoration: line-through; }
.u{ text-decoration: underline; }

.fr{ float: right !important; }
.fl{ float: left !important; }
.rfr{ position:relative; float: right !important; }
.rfl{ position:relative; float: left !important; }

.frimg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flimg{ float:left; margin: 0 8px 8px 0; clear: left; }


.nutrition {width:637px; padding: 2px 0px 2px 40px;  margin:20px;}
.nutrition td {font-size:12px;  color:#7a758d;vertical-align:top;}
.nutrition th{ vertical-align:top; color:#8fc744;font-size:12px; padding-right:6px; text-align:left;}
td.checker1, th.checker1 {background-color: #f3f3f3; padding:10px 10px 5px 10px; margin-right:5px; width:33%}
td.checker2, th.checker2 {background-color: #f9f9f9; padding:10px 10px 5px 10px; margin-right:5px; width:33%}
td.checker1, td.checker2 {padding-bottom:15px;}

ul.bullets {padding-left:15px; font: 1.1em/1.4em Verdana, Tahoma, sans-serif; color: #7a758d;margin-bottom:10px;line-height: 160% }
ul.subbullets {margin-left:15px;}
ul.anchors {list-style:none; padding-left:0;}

#rightside {float:left; width:140px;padding:5px 5px 5px 5px; font: 1.2em/1.5em Verdana, Tahoma, sans-serif; color: #7a758d;}

h2{color:#8fc744; font-size: 1.5em; margin-top:10px; margin-bottom:5px;}

.highlight{color:#8fc744;font-weight:bold}

.floatr {float:right; width:284px;margin-left: 20px;margin-bottom: 20px;}