/* ITEMS ADDED AND CURRNET AS OF Nov 2009 */

#NEWwrapper {
margin-left: auto;
margin-right: auto;
position: relative;
width: 900px;
/*background-image: url(/objects/images/backgrounds/gradient.jpg);
background-repeat: no-repeat;
background-position: top;
background-attachment:fixed;*/
z-index:50;
}

#NEWwrapper_100 {
margin-left: auto;
margin-right: auto;
position: relative;
width: 900px;
/*background-image: url(/objects/images/backgrounds/gradient.jpg);
background-repeat: no-repeat;
background-position: top;
background-attachment:fixed;*/
z-index:1;
}

#NEWwrapper_bg {
margin-left: auto;
margin-right: auto;
position: relative;
width: 900px;
background-image: url(/objects/images/backgrounds/gradient.jpg);
background-repeat: no-repeat;
background-position: top;
background-attachment:fixed;
z-index:50;
}

#GLOBALwidth {
text-align:justify;
margin-left:50px;
margin-right:50px;


}

#GLOBALwidth_900 {
width:900px;
text-align:justify;
margin-left:0px;
margin-right:0px;
}

#GLOBALwidth_100percent {
width:100%;
}


#cover {
position:fixed;
top:0px;
left:0px;
height:0%;
width:0%;
z-index:1550;
/*background-color:#000000;*/
background-image:url(../images/backgrounds/tranny_ltgray.png)!important;
background-image:url(../images/backgrounds/tranny.png);
/*background-image:url(../fancybox/fancy_title_over.png);*/

}


/*img, div{ 
behavior: url(/objects/css/iepngfix.htc) 
}
*/


#cover_back {
position:absolute;
top:0px;
left:0px;
height:0%;
width:0%;
z-index:1;
background-color:#FFFFFF;
}


#leftcolumn {
float:left;
}

#rightcolumn {
float:right;
}

#centercolumn {
padding-top:0px;
padding-left:28px;
float:left;
background-color:#fff;
text-align:center;
}

#GLOBALwidth #navi_border #centercolumn {
text-align:center;
width:330px;
}

.imgborder {
border:1px solid #ccc;
}


/*//////// NEW NAVIGATION /////////////////////////////////////*/

#jNav {
left: 300px;
position: absolute;
top: 26px;
width: 600px;
z-index: 1600;
}

#jNavContainer {
line-height:14px;
position: absolute;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
width:600px;
border-bottom: 1px #cccccc solid;
border-top: 1px #cccccc solid;
background-color:ffffff;
}

#jNavContainer #rightcolumn {
text-align:right;
}


#jNavContainer #navi_border {
width:578px;
border:2px solid #222;
padding:10px;
/*padding-bottom:2px;*/
background-color:#fff;
}

/*#navi_titles {
display:block;
padding-top:3px;
padding-bottom:3px;
margin-top:3px;
margin-bottom:3px;
background-color:#000;
width:210px;
color:#FFFFFF;
font-weight:bold;
}*/

#navi_titles {
font-size:13px;
display:block;
padding-top:3px;
padding-bottom:3px;
margin-top:6px;
margin-bottom:3px;
background-color:#ccc;
/*border-top:1px solid #999;*/
width:210px;
color:#000;
font-weight:bold;
}

#rightcolumn #navi_titles{
text-align:right;
}



#navi_titles a {
color:#000;
}

#navi_titles a:hover {
text-decoration:none;
/*background-color:#000;*/
color:#fff;
}

	#leftcolumn #navi_titles {
	padding-left:10px;
	}
	
	#rightcolumn #navi_titles {
	padding-right:10px;
	}


#navi_subtitles {
margin-top:0px;
margin-bottom:0px;
width:200px;
color:#999;
font-weight:normal;
font-size:10px;
}

	#leftcolumn #navi_subtitles {
	padding-left:1px;
	}
	
	#rightcolumn #navi_subtitles {
	text-align:right;
	padding-left:19px;
	}
	


#navi_subtitles a  {
display:block;
background-color:#fff;
color:#777;
}

	#leftcolumn #navi_subtitles a  {
	padding-left:10px;
	}
	
	#rightcolumn #navi_subtitles a  {
	padding-right:10px;
	}



#navi_subtitles a:hover {
display:block;
background-color:#fff;
color:#ff0000;
text-decoration:none;
}


/*contact page*/
#navi_subtitles_phone {
line-height:18px;
text-align:right;
margin-top:0px;
margin-bottom:0px;
width:200px;
color:#333;
font-weight:normal;
font-size:11px;
padding-left:9px;

}

#navi_subtitles_address {
line-height:18px;
text-align:left;
margin-top:0px;
margin-bottom:0px;
width:200px;
color:#333;
font-weight:normal;
font-size:11px;
padding-left:10px;
}






#jNavBreadcrumb {
position: absolute;
top: 45px;
text-align: center;
font: 8px Arial, Helvetica, sans-serif;
text-transform: uppercase;
display:none;
}

.jNavItem {
color: #000000;
display: block;
float: left;
font: bold 14px Arial, Helvetica, sans-serif;
width:20%;
padding-bottom: 6px;
text-align:center;
padding-top: 6px;
text-decoration: none;
text-transform: uppercase;
/*border-bottom: 5px #a7a7a7 solid;*/
}

.jNavItemOn {
color: #ff0000;
display: block;
float: left;
font: bold 14px Arial, Helvetica, sans-serif;
width:20%;
padding-bottom: 6px;
text-align:center;
padding-top: 6px;
text-decoration: none;
text-transform: uppercase;
border-bottom: 5px #cccccc solid;
}

.jNavItem:hover {
color: #ff0000;
/*border-bottom: 10px #ffffff solid;*/
text-decoration: none;
}

.jNavItemOn:hover {
color: #ff0000;
text-decoration: none;
}

.over {
margin: 0px;

/*position: absolute;*/
float:left;
top: 29px;
display: none;
width: 600px;

}
/**/

/*//////// END NEW NAVIGATION /////////////////////////////////////*/




/*//////// FOOTER /////////////////////////////////////*/

 #atffc { display:none !important; }

#banner img {display:block;}

/*#NEWFooter {
bottom: 10px;
padding-top:5px;
left: 0;
width: 100%;
height:86px;
background-color:#FFFFFF;
position: fixed;
z-index:1500;
text-align:center;

}*/


#NEWFooter_new {
position: fixed;
bottom: 5px;
padding-top:5px;
padding-bottom:10px;
left: 0;
width: 100%;
background-color:#FFFFFF;
z-index:1500;
text-align:center;
}

@media screen and (max-device-width: 800px){
  #NEWFooter_new {
/*display:none;*/
/*position:absolute;
position: fixed;*/
bottom: 5px;
position: relative;
padding-top:5px;
padding-bottom:20px;
left: 0;
width: 100%;
background-color:#FFFFFF;
z-index:1500;
text-align:center;
}
}


div#rotator {
float:right;
width:336px;
height:24px;
}

div#rotator ul li {
position:absolute;
list-style: none;
margin:0px;
padding:0px;
}

div#rotator ul  {
margin:0px;
padding:0px;
}



/*//////// END FOOTER /////////////////////////////////////*/



/*//////// JOIN US SPECIFIC /////////////////////////////////////*/
.indented {
padding-left: 30pt;
padding-right: 50pt;
}
   
.announce {
display:block;
padding:5px;
background-color:#CCCCCC;
border:1px solid #333333;
}
/*//////// END JOIN US /////////////////////////////////////*/


/*//////// HTML PAGE TITLES /////////////////////////////////////*/

#NEWpagetitle {
margin-left:50px;
margin-right:50px;
padding-left: 0px;
padding-top:2px;
padding-bottom:0px;
border-bottom: 1px solid #CCCCCC;
margin-bottom:0px;
}

.PageTitle {
font-size: 22px;
font-weight: bold;
color:#FF0000;
}

.PageSubtitle {
font-size: 14px;
color:#333333;
	
}

.SUBlinks {
position: relative;
text-transform:uppercase;
border-bottom: 1px solid #CCCCCC;
margin-bottom:20px;

}


.SUBlinks a {
	color: #525252;
}

.SUBlinksItemOn a{
color: #000000;
font-weight:bold;
}




/*//////// END HTML PAGE TITLES /////////////////////////////////////*/

/*//////// MAIN PAGE CONTENT CONTAINER /////////////////////////////////////*/

.jBoxTextContainer {
/*border: 1px #444444 solid;*/
text-align:justify;
/*border-left: 1px #000000 solid;
border-right: 1px #000000 solid;*/
margin-left:50px;
margin-right:50px;
padding: 0px;

	}

/*//////// END MAIN PAGE CONTENT CONTAINER /////////////////////////////////////*/



/*overall wrapper - many pages refer to this as jContainer*/



#clearcolumn {
	clear: both;
}


#NEWwrapper_nobkgrd {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 900px;
	
}



#NEWtop_110 {
	height: 110px;
}

/*set start height of FLASH content*/
#NEWtop_FLASH {
	height: 90px;
}

/*main content wrapper*/
#NEWcontent{
	padding-top:10px;
	width:100%;
	height:auto;
}



/*footer
#NEWfooter {
clear:both;
padding-top:30px;
padding-bottom:10px;
}*/

#NEWfooter_10 {
clear:both;
padding-top:10px;
padding-bottom:10px;
}

#NEWfooter_sitetop {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 900px;
	padding-top:10px;
	padding-bottom:15px;
	z-index:60;
}

.gray {
	font-weight: bold;
}


.ten{
font-size: 10px;
/*line-height:10px;*/
}


.graysubtext {
color: #999999;
font-size: 11px;
}

.gray_10 {
color: #999999;
font-size: 10px;
}


object { outline:none; }



* {
	margin: 0px;
	padding: 0px;
}



a {
	color: #008752;
	/*color:#79c040;*/
	text-decoration: none;
}

a img {border: none; }

a:hover {
	text-decoration: underline;
}
#hidepage {
	background-color:#FFFFFF;
	font: 18px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(/objects/images/preloaderBG.png);	}

body {
	color: #000000;
	font: 12px/18px Arial, Helvetica, sans-serif;
	height: 100%;
	margin: 0px;
	padding: 0px;
	
	
	
}

form {
	display: inline;
}

html {
	/*overflow: -moz-scrollbars-vertical;*/
}

/*input, textarea {
	border: 1px #000000 solid;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 3px;
}*/

p {
	margin-bottom: 15px;
}

select, input, textarea, textfield {
color: #000000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	
	/*font: 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 2px;*/
}


li {

list-style:outside;
	/*list-style-image: url(/objects/images/bullet_arrow.gif);*/
}

.nada {
	list-style-image: none;
	list-style:outside;
}

ul {
	margin-left: 25px;
}

.red {
color:#ff0000;
display:inline;
}

.jEventPop {
	display: none;
	width: 500px;
}

.jMapPop {
	display: none;
	margin-left: 20px;
	text-align: left;
	width: 600px;
}

.jLinkNews {
	color: #000000;
	text-align: justify;
}

/*0912 OK*/.jBackToTop {
	float: right;
	font: 10px Arial, Helvetica, sans-serif;
	margin-bottom: 6px;
	padding-right: 0px;
	padding-top: 2px;
	position: relative;
	text-transform: uppercase;
}

/*0912 OK*/.jBox4 {
	position: relative;
	background-color: #ffffff;
	/*border-left: 1px #cccccc solid;*/
	border-bottom: 1px #cccccc dotted;
	padding: 0px;
	padding-bottom:10px;
	margin-left:10%;
	margin-right:10%;
	/*width: 60%;
	_width: 539px;*/
}



.jEventImage {
	padding-bottom: 5px;
}

.jClear {
	clear: both;
	position: relative;
}

.jFormButton {
	background: #000000;
	border: 1px #999999 solid;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	padding: 3px;
}

.jColumn1 {
	float: left;
	position: relative;
	width: 150px;
}

.jColumn2 {
	float: left;
	position: relative;
	width: 300px;
}

.jColumn3_2 {
	float: left;
	position: relative;
	width: 400px;
}

.jColumn3 {
	float: left;
	position: relative;
	width: 450px;
}

.jColumn4 {
	float: left;
	position: relative;
	width: 600px;
}

.jColumn5 {
	float: left;
	position: relative;
	width: 750px;
}


.jColumn6 {
	/*float: left;*/
	position: relative;
	width: 900px;
	/*_width: 897px;*/
}

.jListEvent {
	border-bottom: 1px #afa162 dotted;
	padding-bottom: 9px;
	padding-top: 10px;
}

.jListLinks {
	padding-bottom: 6px;
	padding-top: 6px;
}

.jStateHeader {
	float: left;
	margin-bottom: 8px;
	padding-left: 10px;
	position: relative;
}

.jTextAlert {
	color: #FF0000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}



.jCalendarEvent {
	background-image: url(/objects/images/calendar/circle_event.png);
	background-repeat: no-repeat;
	background-position: center;
}

.jCalendarEvent a {
	color: #55452B;
}

.jCalendarEvent:hover {
	background-image: url(/objects/images/calendar/circle_brown.png);
}

#jPageCalendarEvent {
	position: absolute;
	left: 312px;
	top: 90px;
	height: 152px;
	width: 520px;
	overflow: auto;
}

.jCalendarEvent a:hover {
	text-decoration: none;
}

.jTextHeaderBrownLight {
 	color: #afa162;
	font: 12px/16px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

/*0912 OK*/
.jTextHeaderBrownDark {
	color: #55452B;
	font: 12px/18px Arial, Helvetica, sans-serifserif;
	text-transform: uppercase;
}

/*0912 OK*/
.jTextHeaderRedLight {
	color: #333333;
	font: 12px/18px Arial, Helvetica, sans-serifserif;
	text-transform: uppercase;
}
/*0912 OK*/
.jTextHeaderCapsBigBlack {
	color: #000000;
	font: 34px/34px Arial, Helvetica, sans-serifserif;
	text-transform: uppercase;
}

.jTextHeaderCapsMediumBrown {
	color: #afa162;
	font: 22px/26px Arial, Helvetica, sans-serifserif;
	text-transform: uppercase;
}

.jCalendarArrow a {
	color: #55452B;
}

.jCalendarArrow a:hover {
	text-decoration: none;
}

#jCalendar td {
	font-size: 14px;
	font-weight: bold;
	padding: 8px;
}

.jCalendarMonth {
	color: #afa162;
	font: 20px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
}
/*0912 OK*/
.jTextHeaderCapsBlack {
	color: #000000;
	font: 22px Arial, Helvetica, sans-serifserif;
	text-transform: uppercase;
}

.jTextHeaderCapsHugeBlack {
	color: #000000;
	font: 60px/62px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
}

.jTextHeaderCapsSmallBlack {
	color: #000000;
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.jTextHeaderCapsTiny {
	font: 11px/13px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
}

.jTextHeaderCapsTinyGray {
	font: 10px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #999999;
}

.jTextHeaderTinyBlack {
	color: #000000;
	font: 14px Georgia, "Times New Roman", Times, serif;
}

.jTextSubheader {
	font-size: 13px;
	font-weight: bold;
}

/*0912*/.jTextSubheaderBorder {
	border-top: 1px #cccccc dotted;
	font-size: 13px;
	font-weight: bold;
	padding-top: 10px;
}





.jTestSmall {
	font-size: 10px;
}

.jCell {
	background-color: #ffffff;
	text-align: right;
	padding: 5px;
}

.jTextCode {
	font-family: "Courier New", Courier, monospace;
	background-color: #fafafa;
	position: relative;
	padding: 10px;
}

/*1012*/ #jBody {

	padding-bottom: 20px;
	padding-top: 0px;
	position: relative;
}



#jBorderTop {
	height: 10px;
	left: 0;
	width: 100%;
	background: #000000;
	position: fixed;
	z-index: 1500;
	top: 0;
	
}





#jBorderBottom {
padding-bottom:1px;
	height: 10px;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #000000;
	position: fixed;
	z-index:1500;
	
}

@media screen and (max-device-width: 800px){
 #jBorderBottom {
padding-bottom:1px;
	height: 10px;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	position: relative;
	z-index:1500;
	color:#000000;
	
}
}


* html #jBorderTop{ /*IE6 only rule, applied on top of the default above*/
position: absolute;
top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+(-6)+"px" : body.scrollTop+(-6)+"px");
}

* html #jBorderBottom{ /*IE6 only rule - prevent jBorderBottom from showing due to lack of position fixed support*/
position: absolute;
/*bottom: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollBottom+500+"px" : body.scrollBottom+500+"px");*/
bottom: expression(document.compatMode=="CSS1Compat"? document.getElementById('jBorderBottom').style.display = 'none' : body.scrollBottom+500+"px");
}


/*#jBorderBottom {
	bottom: 0;
}


#jBorderTop {
	top: 0;
}
*/


#jContainer {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 900px;
	background-image: url(/objects/images/backgrounds/gradient.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-attachment:fixed;
	min-height: 400px;
}

#jContainerNEWTEST {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 900px;
	
	background-color:#993366;
	/*background-image: url(/objects/images/backgrounds/gradient.jpg);
	background-repeat: no-repeat;*/
	background-position: top;
	padding-bottom:50px;
	
}

#jContainertest {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 900px;
	background-repeat: no-repeat;
	min-height: 400px;
	background-color: #00FF33;
	padding-bottom:20px;
}


#jContainerSiteTop {
	background: url(/objects/images/backgrounds/gradient.jpg) no-repeat top;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 900px;
	/*z-index:200;*/
}

#jContainerSmaller {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 900px;
	background-image: url(/objects/images/backgrounds/gradientSmaller.jpg);
	background-repeat: no-repeat;
	background-position: 130px 35px;
}

#jFooter {
	font: 10px Georgia, "Times New Roman", Times, serif;
	padding-bottom: 10px;
	position: relative;
	z-index:500;
	
}

#jFooter_test {
	font: 10px Georgia, "Times New Roman", Times, serif;
	
	
}

#jFooter a {
	color: #000000;
}

#jFooterBorder {
	color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	margin-top: -3px;
	text-align: center;
	z-index: 900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

@media screen and (max-device-width: 800px){
#jFooterBorder {
	color: #000;
	margin-left: auto;
	margin-right: auto;
	margin-top: -3px;
	text-align: center;
	z-index: 900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
}

#jLogo {
	/*height: 300px;*/
	position: absolute;
	top: 10px;
	width: 200px;
	z-index: 1100;
	/*_margin-top: -10px;*/
}





#jLogoImage {
	position: absolute;
	text-align:left;
	width:290px;
	left: 0px;
	top: 12px;
	/*z-index: 1000;*/
}

#jLogoImage_2009 {
	position: absolute;
	left: 0px;
	top: 10px;
	/*z-index: 1000;*/
}







#jPageImage {
	position: absolute;
}

#jPagePDF {
	border-left: 2px #d1c552 solid;
	border-right: 2px #d1c552 solid;
	padding-left: 10px;
	padding-right: 10px;
	position: absolute;
	width: 250px;
}

#jPageTitle {
	position: absolute;
	width: 538px;
}

#jPageKidsBar {
	position: absolute;
	width: 350px;
}

#jPageBottle {
	position: absolute;
}

#jPageLeaves {
	position: absolute;
}

#jPageBottleLabel {
	position: absolute;
}

#jPageCalendar {
	position: absolute;
}

#jPageNutritionLabel {
	position: absolute;
	display: none;
	left: 26px;
	top: 192px;
}

#jPageT {
	position: absolute;
	left: 20px;
	top: -100px;
}

#jPageProductSubnav {
	position: absolute;
	right: 0px;
	top: -175px;
	 
}

.jKidsDescription {
	background-color: #eeeeee;
	padding: 20px;
	width: 376px;
	position: absolute;
	top: 67px;
}

.jKidsDescription_new {
	background-color: #eeeeee;
	padding: 10px;
	width: 360px;
	left:5px;
	position: absolute;
	top: 82px;
}

.jKidsIngredients {
	position: absolute;
	padding: 20px;
	width: 209px;
	left: 630px;
	top: 67px;
	
}

.jKidsIngredients_new {
	position: absolute;
	padding: 10px;
	padding-top:0px;
	width: 190px;
	left: 670px;
	top: 82px;
	
	font-size:10px;
}