body{font-size:12px}

#tabbed_content{margin:0px 0px 0px -10px;padding:0;width:940px;background:#BCBEC0}

#tabbed_content_menu{margin:0px 0px 0px 12px; padding:0; overflow:visible}
#tabbed_content_menu ul{margin:0px; padding:10px 0px 0px 0px; list-style-image:none; list-style-position:outside; list-style-type:none}
#tabbed_content_menu ul li{margin:0; display:inline}

#tabbed_content_menu ul li a{background:transparent url(../assets/tableft.png) scroll top left no-repeat; margin:0; padding:0pt 0pt 0pt 7px; float:left; color:#63a42d}
#tabbed_content_menu ul li a span{background:transparent url(../assets/tabright.png) scroll top right no-repeat; padding:14px 10px 6px 3px; float:none; display:block; font-size:14px; font-weight:bold; letter-spacing:-1px}

#tabbed_content_menu ul li a.selected, #tabbed_content_menu ul li a:hover{background-position:0% -55px; border-bottom:1px solid #FFFFFF}

#tabbed_content_menu ul li a.selected span, #tabbed_content_menu ul li a:hover span{background-position:100% -55px; border-bottom:1px solid #FFFFFF}

div#tabbed_content_body{padding-left:10px; padding:0px; clear:both; background:#ffffff; margin:0px}
/**************************************/
#tabbed_content2{margin:0px 0px 0px 0px; padding:0;     width:532px; background:#d7d4ce}

#tabbed_content_menu2{margin:0px 0px 0px 12px; padding:0; overflow:visible}
#tabbed_content_menu2 ul{margin:0px; padding:0px 0px 0px 0px; list-style-image:none; list-style-position:outside; list-style-type:none; float:right}
#tabbed_content_menu2 ul li{margin:0; display:inline}

#tabbed_content_menu2 ul li a{background:transparent url(../assets/tableft.png) scroll top left no-repeat; margin:0; padding:0pt 0pt 0pt 7px; float:left; color:#63a42d}
#tabbed_content_menu2 ul li a span{background:transparent url(../assets/tabright.png) scroll top right no-repeat; padding:14px 10px 6px 3px; float:none; display:block; font-size:14px; font-weight:bold; letter-spacing:-1px}

#tabbed_content_menu2 ul li a.selected, #tabbed_content_menu2 ul li a:hover{background-position:0% -55px; border-bottom:1px solid #FFFFFF}

#tabbed_content_menu2 ul li a.selected span, #tabbed_content_menu2 ul li a:hover span{background-position:100% -55px; border-bottom:1px solid #FFFFFF}

div#tabbed_content_body2{margin:0px 0px 0px 2px; clear:both; background:#ffffff; width:528px; border-bottom:2px solid #d7d4ce}

div#tabbed_content_body2 p{padding:5px 5px 5px 10px}
/**************************************/
.product{padding:0px; margin:5px 0px 5px 5px}

.product h1{color:#FFFFFF; padding:3px 0px 3px 0px; margin:0px}

.product p{color:#000000; margin:0px; padding:2px 0px 2px 2px; font-size:11px; text-align:left}

p.title{color:#ffffff}

.product a{color:#63a42d; font-size:12px; padding:2px 0px 2px 0px; margin:0px}

.product ul{margin:0px 0px 0px 10px; padding:0px}
.product ul li{text-align:left; font-size:11px; margin:0px; padding:0px 0px 0px 0px; list-style-position:outside; list-style-type:none}

.product_img{padding:3px 0px 3px 0px}

/***************************************/
#feature_box{width:940px}

#outer-container{width:940px; background-color:#BCBEC0; margin:-2px auto; overflow:hidden}

#container{clear:both; position:relative; margin:0px 0px 0px 10px; padding:0px; background-color:#ffffff; width:920px}

.bgcolorp2{background-color:#eef4cf; border-bottom:2px solid #555555; padding:0px 0px 0px 5px}

.bgcolorp1{background-color:#ffffff; border-bottom:2px solid #555555; padding:0px 0px 0px 5px}

.e4graphbg{background-image:url(../assets/chart_bg.jpg); background-position:left; background-repeat:no-repeat; width:349px}

.e4graphtop, .e4graph{border-top:1px solid #231f20; height:22px}

/*************** Promo Table Classes Graph Tables********************/
.promoTbl{margin:0px; padding:0px 0px 0px 0px}

.promoContent h4{margin:0px; padding:0px 0px 1px 0px; color:#FFFFFF}

.promoTblTop{background:#231f20; height:10px}
.promoContent{background:#ffffff}

.promoContentLeft{background:#231f20 url('../assets/tbl_border_left.gif') no-repeat left top}
.promoContentRight{background:#231f20 url('../assets/tbl_border_right.gif') no-repeat right top; /*Right hand border with drop shadow*/}

.promoTblBottom{background:#ffffff url('../assets/tbl_border_bt.gif') repeat-x left bottom; height:10px}

/* Styles for Nutrition table */
.vitamins p{padding:0px; margin:0px; font-size:10px}

#nutritionfacts{border:1px solid black; width:355px; padding:3px; margin:0px 0px 6px 6px}

#nutritionfacts select{font-family:Arial; width:255px}

.header{font-family:Arial Black; font-size:20px; color:#ffffff; background-color:#98ca3c; border-top:2px solid #4e4d49; border-bottom:2px solid #4e4d49; /*white-space:nowrap; */}

.line{border-top:1px solid black}

#nutritionfacts div.label{font-family:Arial Black; float:left}

#nutritionfacts div.labellight{font-family:Arial; float:left}

#nutritionfacts div.weight{display:inline; font-family:Arial; padding-left:1px}

#nutritionfacts div.dvlabel{font-family:Arial Black; text-align:right; font-size:7pt}

#nutritionfacts div.dv{font-family:Arial Black; display:inline; float:right}

#nutritionfacts td.indent{padding-left:10px}

#nutritionfacts div.serving{font-family:Arial; font-size:8pt}

#nutritionfacts table.info td{font-family:Helvetica,Arial; font-size:6pt}

#nutritionfacts table.info td.indent{padding-left:4pt}

#nutritionfacts table.vitamins{width:100%; border-collapse:collapse; margin-bottom:3px}

#nutritionfacts table.vitamins td{font-family:Arial; white-space:nowrap; width:33%}
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide{display:none;}

.tabber{}
.tabberlive{margin-top:1em; width:542px; }

ul.tabbernav{margin:0;  padding:0;  border-bottom:none; font-weight:bold; clear:both;  padding-top:0px; height:31px; font:bold 12px Verdana,sans-serif; border-bottom:1px solid gray}

ul.tabbernav li{list-style:none;  margin:0;  display:inline}

/*ul.tabbernav li a{padding:3px 0.5em;  margin-left:3px;  border:1px solid #778;  border-bottom:none;  background:#DDE;  text-decoration:none}
*/
ul.tabbernav li a{font-weight:bold; text-decoration:none; white-space:nowrap; height:27px; margin-bottom:0px; display:block; float:left; background:white url(../assets/tab_left.jpg) top left no-repeat;  margin-bottom:0px; border-bottom:1px solid gray; padding-left:8px; padding-right:8px;  line-height:28px; position:relative; z-index:999}

ul.tabbernav li span{width:5px; height:31px; display:block; float:left; margin-right:3px; position:relative; z-index:999}

ul.tabbernav li span{height:31px; background:url(../assets/tab_right.jpg) top right no-repeat; margin-bottom:0px;  border-bottom:none}

ul.tabbernav li a:link, ul.tabbernav li a:visited{color:green}

ul.tabbernav li a:hover{color:white; margin-bottom:0px; border-bottom:none; /*height:31px;  background:url(../assets/tab_hover_left.jpg) top left no-repeat; */  text-decoration:none}

ul.tabbernav li.tabberactive a:hover{color:green; /*height:31px; */background:white url(../assets/tab_active_left.jpg) top left no-repeat}
 
ul.tabbernav li.tabberactive a{color:green; /*height:31px; */background:white url(../assets/tab_active_left.jpg) top left no-repeat; /*border-bottom:1px solid white; */}

ul.tabbernav li.tabberactive a.first{height:31px; border-bottom:none; background:url(../assets/tab_active_left_first.jpg) top left no-repeat}

ul.tabbernav li.tabberactive a.first:hover{height:31px; /*border-bottom:1px solid white; */background:url(../assets/tab_active_left_first.jpg) top left no-repeat}
ul.tabbernav li.tabberactive span{height:31px; background:url(../assets/tab_active_right.jpg) top right no-repeat; margin-bottom:0px; /*border-bottom:1px solid white; */}
/*#242E40*/
.tabberlive .tabbertab{padding:5px;  background:white;  border-top:0}

.tabberlive .tabbertab h2{display:none}
.tabberlive .tabbertab h3{display:none}
.tabberlive .tabbertab h4{display:none}

.tabberlive#tab1{}
.tabberlive#tab2{}
.tabberlive#tab2 .tabbertab{height:200px;  overflow:auto}

/*******************************************/
p.padded{padding:0px 0px 0px 10px}

.bgcolor1, .bgcolor4{background-color:#ffffff; border-top:1px solid #739d3b}
.bgcolor2{background-color:#ebf4c9; border-top:1px solid #739d3b}
.bgcolor3{background-color:#CCCCCC; border-top:1px solid #739d3b}

.bgcolor1a{background-color:#ffffff; border-top:0px solid #fff}
.bgcolor2a{background-color:#ebf4c9; border-top:0px solid #fff}

.bgcolor2 a{color:#666666}

.bgcolorp1{background-color:FFFFFF; border-bottom:1px solid #739d3b}

.bgcolorp2{background-color:#ebf4c9; border-bottom:1px solid #739d3b}

ul.main_buttons{text-align:center; padding:10px 0}

ul.main_buttons li{list-style-type:none; display:inline; padding:0 2em}

p.strongwhite{font-size:18px}
/*pop up window */
.hidden{display:none}

#window{ position:absolute;  /*top:1200px; left:100px; */width:380px; height:300px; overflow:hidden; display:none; z-index:99}
#windowTop{height:30px; overflow:30px; background-image:url(../images/window_top_end.png); background-position:right top; background-repeat:no-repeat; position:relative; overflow:hidden; cursor:move; z-index:99}
#windowTopContent{margin-right:13px; background-image:url(../images/window_top_start.png); background-position:left top; background-repeat:no-repeat; overflow:hidden; height:30px; line-height:30px; text-indent:10px; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; font-size:14px; color:#786542; z-index:99}
#windowMin{position:absolute; right:25px; top:10px; cursor:pointer; z-index:99}
#windowMax{position:absolute; right:25px; top:10px; cursor:pointer; display:none; z-index:99}
#windowClose{position:absolute; right:10px; top:10px; cursor:pointer; z-index:99}
#windowBottom{position:relative; height:270px; background-image:url(../images/window_bottom_end.png); background-position:right bottom; background-repeat:no-repeat; z-index:99}
#windowBottomContent{position:relative; height:270px; background-image:url(../images/window_bottom_start.png); background-position:left bottom; background-repeat:no-repeat; margin-right:13px; z-index:99}
#windowResize{position:absolute; right:3px; bottom:5px; cursor:se-resize; z-index:99}
#windowContent{position:absolute; top:30px; left:10px; width:auto; height:auto; overflow:auto; padding:0px; /*margin-right:10px; */border:1px solid #77a22e; height:240px; width:340px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; background-color:#fff; z-index:99}

#windowContent *{/*margin:2px 2px 2px 5px; */margin:0px; line-height:normal; z-index:99}

#windowContent img{margin:0px; padding:0px 0px -2px 0px; border:none}

#windowContent h2{color:#78A22F; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:18px; font-weight:bold; text-align:left; margin:10px; padding:5px 0px 2px 2px; line-height:1.3em}
#windowContent h3{color:#78A22F; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold; text-align:left; margin:10px; padding:2px; font-style:italic}

#windowContent h4{color:#78A22F; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold; text-align:left; margin:2px 0px 2px 10px; padding:0px}

#windowContent p{color:#78A22F; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold; text-align:left; margin:2px 0px 2px 10px; padding:0px}

#windowContent ul li{margin:0px 0px 0px 20px; padding:0px 0px 8px 0px; font-weight:normal; font-size:14px}
.transferer2{border:1px solid #77a22e; background-color:#B4F155; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3}

body.header1 #top-tab2{background:transparent url(../assets/toptab.jpg) no-repeat scroll 0pt}

#top-tab2{cursor:pointer; float:right; height:30px; margin-right:78px; text-align:center; width:193px}

/*Flyout Navigation Menu*/
.help, .help *{text-align:left; margin:1px 1px 1px 1px; padding:0px}
.help{/*line-height:1.5em; margin-bottom:1.5em; */}
.help ul{background:; /*IE6 needs this*//*width:100px; */}
.help li{/*background:#ffffff; border-left:1px solid #fff; border-top:1px solid #CFDEFF; */list-style:none; position:relative; /*width:170px; z-index:999; */}
.help a{color:#13a; display:block; /*padding:.4em 0 .4em 15px; */text-decoration:none; /*width:305px; */}
.help li ul{top:-999em; position:absolute; left:-5px; /*width:170px; */}
/*.nav li:hover, */
.help li.sfHover, 
.help a:focus,{/*background:#786442; */  }
.help li:hover ul, /* pure CSS hover is removed below */
ul.help li.sfHover ul{/*left:0em; */top:16px; /*border:1px solid #786442; */}

.help li:hover li ul, 
.help li.sfHover li ul{ left:-8em; top:-999em}
.help li li:hover ul, /* pure CSS hover is removed below */
ul.help li li.sfHover ul{left:-8em; /**/top:16px}
.help li li:hover li ul, 
.help li li.sfHover li ul{top:-999em}
.help li li li:hover ul, /* pure CSS hover is removed below */
ul.help li li li.sfHover ul{left:-8em; /*top:-1px; */}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul, 
.superfish li li:hover ul, 
.superfish li li li:hover ul{top:-999em}
.help li li{background-image:url(../assets/help_btn_bg.jpg); background-repeat:no-repeat; background-position:center; /**/width:110px}
.help li li li{background-image:url(../assets/help_btn_bg.jpg); background-repeat:no-repeat; background-position:center; /**/width:110px}
.help li li a{padding-right:0; /*width:305px; */background-image:url(../assets/help_btn_bg.jpg); background-repeat:no-repeat; background-position:center; /**/width:110px}

/* quick hacks for IE */
*html .help li{margin-bottom:-3px}

*+html .help li{/* separate hack for IE7 */margin-bottom:-3px}
.question{font:Arial bold 14px; color:#333333; margin:0px}
#container h2 {font-size:14px;}

a.product_category {font:14px Geneva,Tahoma,"Nimbus Sans L",sans-serif;color:#999999}
a.product_category:hover {color:#00CCCC}


/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../assets/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../assets/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #A1C27C;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../assets/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #A1C27C;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #A1C27C;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #A1C27C;
}

.jTip{
cursor:help;
}
