/*---[ general elements ]---*/

body { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #ffffff; margin: 0px; padding: 0px; text-align: center; background-color: #333333; }
.clearboth { clear: both; }
img { border: 0px; }
.icon { vertical-align: middle; }
a, a:visited { color: #0066ff; text-decoration: none; }
a:hover { color: #0066ff; text-decoration: underline; }
.centercontent { width: 986px; margin-left: auto; margin-right: auto; text-align: left; position: relative; }
#topbar { border-bottom: 1px #5c5c5c solid; padding: 0px; height: 1px; background-color: #333333; }
#topcolorline { background-color: #e07202; height: 5px; font-size: 5px; border-bottom: 1px #ffffff solid; border-top: 1px #333333 solid; }
#bodybar { background: #ffffff url('/timages/v2-header-back.jpg') repeat-x center top; border-bottom: 1px #333333 solid; }
#logotop { float: left; padding: 5px 0px 0px 0px; width: 420px; margin-left:10px; }
#topimage { float: right; width: 500px; text-align: right; }
#pagecontent { padding: 5px 10px 10px 10px; color: #333333; }
#error { border: 1px #cc0000 solid; background-color: #990000; background-image: url('/timages/error.png'); background-repeat: no-repeat; background-position: 10px 15px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; font-size: 12px; padding: 15px 15px 15px 30px; margin: 0px 0px 20px 0px; }
#success { border: 1px #0099ff solid; background-color: #006699; background-image: url('/timages/star.png'); background-repeat: no-repeat; background-position: 10px 15px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; font-size: 12px; padding: 15px 15px 15px 30px; margin: 0px 0px 20px 0px; }
h1 { color: #333333; margin: 0px; padding: 0px; font-family: Helvetica, Arial, sans-serif; font-size: 24px; font-weight: normal; }
h2 { color: #333333; margin: 0px; padding: 0px; font-family: Helvetica, Arial, sans-serif; font-size: 24px; font-weight: normal; }
h3 { font-family: Helvetica, Arial, sans-serif; font-size: 20px; color: #333333; margin: 0px; padding: 0px; }
h4 { font-family: Helvetica, Arial, sans-serif; font-size: 18px; color: #333333; margin: 0px; padding: 0px; font-weight: normal; }
.redbar { background-color: #990000; height: 1px; color: #cccccc; border: 0px; }
.greybar { background-color: #cccccc; height: 1px; color: #cccccc; border: 0px; }
.pagetext { color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; }
#treeback { background:url('/timages/tree-back.png') no-repeat center bottom; padding-bottom:20px; }
#grassback { background:url('/timages/body-back-grass2.jpg') repeat-x center bottom; }
a.topofpagelink, a.topofpagelink:visited { color: #999999; text-decoration: none; }
a.topofpagelink:hover { color: #cccccc; text-decoration: none; }
#header { background:url('/timages/top-female-juice2.png') no-repeat right top; height:100px; }
.orangeboldtext { font-weight:bold; color:#e07202; font-size:16px; }

.imgbacksquare { background:url('/timages/image-back-square.jpg') no-repeat left top; display:block; display:inline-block; display:-moz-inline-box; }
.imgbacksquare span.trt { background:url('/timages/image-back-square-right.jpg') no-repeat right top; display:block; display:inline-block; padding-top:10px; }
.imgbacksquare span.blt { background:url('/timages/image-back-square.jpg') no-repeat left bottom; display:block; display:inline-block; }
.imgbacksquare span.brt { background:url('/timages/image-back-square-right.jpg') no-repeat right bottom; display:block; display:inline-block; }
.imgbacksquare img { padding: 0px 10px 10px 10px; }

a.stbar.chicklet img {border:0;height:16px;width:16px;margin-right:3px;vertical-align:middle;}
a.stbar.chicklet {height:16px;line-height:16px;}

.bannerlistclass { padding:8px; }
.rightbarban { text-align:center;font-style:italic;padding-bottom:10px; }

/*---[ link bar elements ]---*/

#linkbar { padding: 0px; }
.round { color: #ffffff; font-size: 14px; font-family: "Trebuchet MS"; text-decoration: none; font-weight: normal; line-height:40px; background:url('/timages/v2-linkbar-button-orange.jpg') no-repeat right top; padding-right:20px; vertical-align:middle; display:block; display:inline-block; }
.round span { background:url('/timages/v2-linkbar-button-orange.jpg') no-repeat left top; height:40px; display:block; display:inline-block; padding-left:20px; line-height:40px; color: #ffffff; font-family: "Trebuchet MS"; font-size: 14px; }
a.round { color: #ffffff; text-decoration: none; }
a.round:hover { background-position:right -160px; color: #e9d20e; text-decoration: none; }
a.round:hover span { background-position:left -160px; text-decoration: none; }


/*---[ footer elements ]---*/

#footer { border-top: 1px #ffffff solid; }
#footercontent { padding: 10px; background: url('/timages/logo-footer.png') no-repeat right 110px; }
.footerlinkboxfirst { padding: 10px; border-right: 1px #222222 solid; float: left; color: #666666; font-size: 10px; width: 150px; }
.footerlinkbox { padding: 10px; border-right: 1px #222222 solid; border-left: 1px #444444 solid; float: left; color: #666666; font-size: 10px; width: 150px; }
.footerlinkboxlast { padding: 10px; border-left: 1px #444444 solid; float: left; color: #666666; font-size: 10px; width: 150px; }
.footerlinkboxtitle { font-size: 11px; font-weight: bold; padding-bottom: 5px; }
a.footerlink, a.footerlink:visited { color: #666666; text-decoration: none; }
a.footerlink:hover { color: #999999; text-decoration: underline; }
#footercopyright { float: right; width: 300px; font-size: 10px; color: #666666; text-align: right; padding-bottom: 50px; }
.footer_block_link_newsletter { border-bottom: 1px #666666 solid; color:#888888; display:block; height:60px; font-size:14px; font-weight:bold; line-height:110%; margin:0 0 14px 0; padding:6px 0 0 60px; width:240px; }
.footer_block_link_newsletter span { color:#696969; font-size:12px; }
#footer_newsletter { background:url('/timages/icon-bar-newsletter.png') no-repeat left bottom; }
.disclaimerfooter { color: #666666; font-size:11px; }

/*---[ page body elements ]---*/

#contentbox { float:left; width:640px; }
#rightbar { float:right; width:300px; background-color:#fdf8e3; padding:5px; 
-moz-border-radius: 5px;
border-radius: 5px;
}
.newsbox { padding: 5px 5px 10px 5px; position: relative; background:url('/timages/body-box-top-back.png') no-repeat center top; }
.newsboxsectiontitle { position:absolute;top:5px;right:0px; }
a.h3link, a.h3link:visited, a.h3link:hover { color: #e07303; text-decoration: none; font-size: 22px; font-weight: normal; }
.newsboxarticletop { border-top: 0px #cccccc solid; border-bottom: 1px #cccccc solid; padding-bottom: 10px; padding-top: 10px; margin-top:10px; }
.newsboxarticletitle { font-family: Helvetica, Arial, sans-serif; font-size: 18px; color: #990000; }
a.newsboxlink, a.newsboxlink:visited { color: #0066ff; text-decoration: none; font-size: 11px; }
a.newsboxlink:hover { color: #0066ff; text-decoration: underline; }
a.newsboxarticletitle, a.newsboxarticletitle:visited { color: #444444; text-decoration: none; font-size: 22px; }
a.newsboxarticletitle:hover { color: #444444; text-decoration: underline; }
.newsboxauthor { font-size: 11px; color: #999999; }
.newsboxarticletext { font-size: 12px; color: #333333; padding: 5px 0px 5px 0px; font-family: Helvetica, Arial, sans-serif; line-height:150%; }
.newsboxarticleleft { float: left; width: 300px; border-right: 1px #cccccc solid; padding: 5px 5px 5px 0px; }
.newsboxarticleright { float: right; width: 305px; padding: 5px; }


/*---[ right bar elements ]---*/

.rightbar_block_link { border-bottom: 1px #cccccc solid; color:#333333; display:block; height:32px; font-size:14px; font-weight:bold; line-height:100%; margin:0 0 14px 0; padding:6px 0 0 60px; width:240px; }
.rightbar_block_link span { color:#696969; font-size:12px; }
#rightbar_rss { background:url('/timages/icon-bar-rss.png') no-repeat left bottom; }
#rightbar_twitter { background:url('/timages/icon-bar-twitter.png') no-repeat left bottom; }
#rightbar_facebook { background:url('/timages/icon-bar-facebook.png') no-repeat left bottom; }
.rightbar_block_link_newsletter { border-bottom: 1px #cccccc solid; color:#333333; display:block; height:60px; font-size:14px; font-weight:bold; line-height:100%; margin:0 0 14px 0; padding:6px 0 0 60px; width:240px; }
.rightbar_block_link_newsletter span { color:#696969; font-size:12px; }
#rightbar_newsletter { background:url('/timages/icon-bar-newsletter.png') no-repeat left bottom; }
.topicbox { border-bottom: 1px #cccccc solid; padding:10px; }
.topicboxtitle { font-size:18px; font-weight:bold; color:#333333; padding-bottom:5px; }
.topicboxcolumn { float:left; padding-right:5px; width: 134px; }
a.topicboxlink, a.topicboxlink:visited { color: #0066ff; text-decoration: none; font-size: 12px; }
a.topicboxlink:hover { color: #0066ff; text-decoration: underline; }
.rtbargreybox { border: 1px #cccccc solid; }
.rtbargreyboxtext { padding:5px;font-size:11px;background-color:#ffffff; }
.rtbargreyboxtitle { background-color: #eeeeee; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; border-bottom: 1px #cccccc solid; border-top: 1px #ffffff solid; }
.rtbarrelatedbox { padding:5px;font-size:11px; }
.rtbarrelatedtitle { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #cc0000; }
a.rtbarrelatedtitle, a.rtbarrelatedtitle:visited { color: #0066ff; text-decoration: none; font-size: 12px; }
a.rtbarrelatedtitle:hover { color: #0066ff; text-decoration: underline; }
.rightbar_newsletter_box { background:url('/images/jfwl-report-newsletter-back.jpg') no-repeat left top; width:277px;height:60px;padding:260px 0px 0px 30px;margin-left:1px;margin-top:5px; }


/*---[ article small image elements ]---*/

.imagecorners { border: 1px #cccccc solid; padding: 2px; }
.articlesmallimage { position: relative; float: left; margin-right: 10px; }
.articlesmallimage img { display: block; }
.articlesmallimage span { width: 20px; height: 20px; font-size: 0; background-image: url('/timages/image-corner-slit.png'); position: absolute; }
.ttl { top: -2px; left: -2px; }
.ttr { top: -2px; right: -2px; background-position: 20px 0; }
.btl { bottom: -2px; left: -2px; background-position: 0 20px; }
.btr { bottom: -2px; right: -2px; background-position: 20px 20px; }
* html .ttr { right: -1px; }
* html .btl { bottom: -1px; }
* html .btr { bottom: -1px; right: -1px; }


/*---[ page article list elements ]---*/

.plistimage { position: relative; float: left; margin-right: 10px; }
.plistimage img { display: block; }
.plistimage span { width: 20px; height: 20px; font-size: 0; background-image: url('/timages/image-corner-slit.png'); position: absolute; }
.plistboxlt { border-bottom:1px #cccccc dotted;padding:5px;margin:5px;float:left; width:300px; }
.plistbox { border-bottom:1px #cccccc dotted;padding:5px;margin:5px; }
.plisttitle { font-family: Helvetica, Arial, sans-serif; font-size: 18px; color: #990000; }
a.plistlink, a.plistlink:visited { color: #0066ff; text-decoration: none; font-size: 11px; }
a.plistlink:hover { color: #0066ff; text-decoration: underline; }
a.plisttitle, a.plisttitle:visited { color: #0066ff; text-decoration: none; font-size: 22px; }
a.plisttitle:hover { color: #0066ff; text-decoration: underline; }
.plistauthor { font-size: 10px; color: #999999; }
.plistteaser { font-size: 12px; color: #333333; padding: 5px 0px 5px 0px; font-family: Helvetica, Arial, sans-serif; line-height:150% }
.plisttitle2 { font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #990000; }
a.plistlink2, a.plistlink2:visited { color: #0066ff; text-decoration: none; font-size: 14px; }
a.plistlink2:hover { color: #0066ff; text-decoration: underline; }
.plisttitleorange { font-family: Helvetica, Arial, sans-serif; font-size: 18px; color: #ff6600; }
a.plistlinkorange, a.plistlinkorange:visited { color: #d54100; text-decoration: none; font-size: 11px; }
a.plistlinkorange:hover { color: #d54100; text-decoration: underline; }
a.plisttitleorange, a.plisttitle:visited { color: #ff6600; text-decoration: none; font-size: 22px; }
a.plisttitleorange:hover { color: #ff6600; text-decoration: underline; }

table.inarticletable { border-collapse:collapse; }
table.inarticletable td { border:1px solid #cccccc; padding:3px; font-size:14px; }
table.inarticletable th { border:1px solid #cccccc; padding:3px; font-size:14px; }

/*---[ blog list elements ]---*/

.bloglistbox { border-bottom:1px #cccccc dotted; margin-bottom:10px; }
.bloglisttitle { font-family: Helvetica, Arial, sans-serif; font-size: 18px; color: #990000; }
a.bloglisttitle, a.plisttitle:visited { color: #0066ff; text-decoration: none; font-size: 22px; }
a.bloglisttitle:hover { color: #0066ff; text-decoration: underline; }
.bloglistdateauthor { font-size: 10px; color: #999999; }
.bloglisttext { font-size: 12px; color: #333333; padding: 5px 0px 5px 0px; font-family: Helvetica, Arial, sans-serif; line-height:150%; }
.bloglistcomments { font-size: 11px; color: #999999; padding: 5px 0px 5px 0px; font-family: Helvetica, Arial, sans-serif; }
.bloglistolderposts {float:left; width: 200px; }
.bloglistnewerposts {float:right; width: 200px; text-align:right; }
.bloglistfooter { position:relative; }
.blogpostfooter { border: 1px #cccccc solid; }
.blogpostfooterbar { border-bottom: 1px #cccccc solid; padding: 5px; }
.blogpostfootercomment { border-bottom: 1px #cccccc solid; padding: 5px; }
.commentsbox { border-bottom: 1px #cccccc dotted; padding: 10px 10px 20px 10px; margin:0px; }
.commentsname { font-size: 22px; }
.admincommentsname { font-size: 22px; color: #e07202; }
.commentsdate { font-size: 11px; color: #999999; padding-bottom:10px; }
a.commentslink, a.commentslink:visited { color: #666666; text-decoration: none; font-size: 22px; }
a.commentslink:hover { color: #999999; text-decoration: underline; }

/*---[ article specific elements ]---*/

.articlefooter { border: 1px #cccccc solid; }
.afooterleft { padding: 5px 0px 5px 5px; width: 305px; float: left; }
.afooterlefttitle { background-color: #eeeeee; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; border-bottom: 1px #cccccc solid; }
.afooterlefttext { padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666666; }
.afooterright { padding: 5px 5px 5px 0px; width: 310px; float: right; }
.afooterrighttitle { background-color: #eeeeee; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; border-bottom: 1px #cccccc solid; }
.afooterrighttext { padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666666; }
.rtcolumnbox { border: 1px #cccccc solid; text-align: left; }
.rtcolumnboxtitle { background-color: #dddddd; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; border-bottom: 1px #cccccc solid; }
.rtcolumnboxtext { padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666666; }
a.rtcolumnlink, a.rtcolumnlink:visited { color: #0066ff; text-decoration: none; font-size: 12px; font-weight: normal; }
a.rtcolumnlink:hover { color: #0066ff; text-decoration: underline; font-size: 12px; font-weight: normal; }
.articletext { color: #333333; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height:150% }
.articlebox { padding-bottom: 10px; position: relative; }
.articleboxarticletop { border-top: 10px #990000 solid; border-bottom: 1px #cccccc solid; padding-bottom: 10px; padding-top: 10px; margin-top:-7px; }
.articleboxarticletitle { font-family: Helvetica, Arial, sans-serif; font-size: 18px; color: #990000; }
.articleboxauthor { font-size: 10px; color: #999999; }
.articleboxuserimages { font-size: 12px; color: #333333; padding: 5px 0px 5px 0px; font-family: Helvetica, Arial, sans-serif; }
.articlesharingheader { padding-top: 10px; padding-bottom: 10px; }
.afooterrelatedbox { padding:5px;font-size:11px; }
.afooterrelatedtitle { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #cc0000; }
a.afooterrelatedtitle, a.afooterrelatedtitle:visited { color: #0066ff; text-decoration: none; font-size: 12px; }
a.afooterrelatedtitle:hover { color: #0066ff; text-decoration: underline; }


/*---[ tooltip elements ]---*/
a:active { outline:none; }

.tooltipinput { background-color:#000; border:1px solid #fff; padding:10px 15px; width:200px; display:none; color:#fff; text-align:left; font-size:12px; }
.tooltipnewsletter { display:none; background:transparent url(/timages/black_arrow.png); font-size:12px; height:70px; width:160px; padding:25px; color:#fff; }

#floatingwindow { position:absolute; padding: 0px; width: 100%; height:163px; visibility: hidden; z-index: 100; background:url('/images/cf-jfwl-offer-back.png') repeat-x left top; }

#floatingwindowstatic { text-align:center; position:absolute; padding: 0px; width: 100%; height:163px; z-index: 100; background:url('/images/cf-jfwl-offer-back.png') repeat-x left top; left:0px; bottom:0px; }

#floatingwindowstaticnews { height:163px; text-align:center; padding-top: 85px; background:url('/images/cf-jfwl-newsletterbottom.png') no-repeat center top; }

.tooltipnewsletter { background-image:url(/timages/black_arrow.gif); }


/*---[ newsletter elements ]---*/

#juicinghealthnewsbox { background: url('/images/juicing-health-newsletter-box-back.jpg') no-repeat center top; width:627px; height:216px; }
#juicinghealthnewsboxsmoothie { background: url('/images/juicing-health-newsletter-box-back-smoothie.jpg') no-repeat center top; width:627px; height:216px; }
#juicinghealthnewsboxweight { background: url('/images/juicing-health-newsletter-box-back-weight.jpg') no-repeat center top; width:627px; height:216px; }
#juicinghealthnewsboxpad { padding-top:130px;padding-left:200px; }

#popimage { background: url('/images/jfwl-newsletter-pop-back3.jpg') no-repeat center top; width:600px; height:400px; }
#popimagebutton { width: 200px; }
#popimageerror1 { border: 1px #cc0000 solid; background-color: #990000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; font-size: 12px; padding: 15px; margin: 0px; }
#popimageerror2 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size: 14px; padding: 15px; margin: 0px; }
#popimagesuccess { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size: 14px; padding: 15px; margin: 0px; }
#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 0px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

#chooseserving { padding:10px; font-weight:bold; background-color:#f3f3f3; font-size:14px; color:#333333; }
#nutritionbox { width:280px; border:3px #666666 solid; padding:5px; }
#nutriboxtitle { padding:8px; background-color:#f3f3f3; color:#666666; font-weight:bold; font-size:22px; font-family:Arial, Helvetica, sans-serif; border-bottom:8px #666666 solid;}
#nutriboxcal { padding:5px; color:#666666; font-weight:bold; font-size:18px; font-family:Arial, Helvetica, sans-serif; border-bottom:4px #666666 solid; }
#nutriboxtable { width:100%; }
.nutritabletitle { border-top:1px #666666 solid; color:#666666; font-weight:bold; font-size:14px; font-family:Arial, Helvetica, sans-serif; }
.nutritablesubtitle { padding-left:10px; color:#666666; font-weight:normal; font-size:14px; font-family:Arial, Helvetica, sans-serif; }
.nutriboxunit { border-top:1px #666666 solid; color:#666666; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:right; }
.nutriboxunitnoline { color:#666666; font-weight:normal; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:right; }
.nutriboxfield { font-size:16px; }
#nutritionboxfooter { width:280px; padding:5px; font-size:10px; color:#666666; line-height:100%; }
.nutriboxcaltitle { color:#666666; font-weight:bold; font-size:18px; line-height:100%; }
.nutriboxservingsize { font-size:10px; color:#666666; line-height:100%; text-align:right; }
.foodsearchinput { font-size:16px; width:250px; font-weight:bold; }
.foodsearchsubmit { font-size:16px; }
#foodsearchlist { padding:10px; }
#foodsearchlist ul { list-style: none; margin: 0; padding: 0; border: none; }
#foodsearchlist li { margin: 0; }
#foodsearchlist li a { display: block; padding: 5px 5px 5px 13px; border-left: 3px solid #1958b7; color: #0066ff; text-decoration: none; width: 100%; }
html>body #foodsearchlist li a { width: auto; }
#foodsearchlist li a:hover{ padding: 5px 5px 5px 6px; border-left: 10px solid #5ba3e0; background-color: #f3f3f3; color: #0066ff; }
#searchcrumbs { padding:5px 0px 10px 0px; }
.foodsearchgrey { font-size:10px; color:#999999; }


.zhomertbar { width:260px; float:right; background-color:#fdf8e3; padding:5px; }
.zhomemain { width:970px; }
.zhomebox { border-top:3px #e07303 solid; width:640px; padding-bottom:10px; }
.zhomebanner { width:300px;height:250px;background-color:#eeeeee; }
.zhomeboxtitle { color:#e07303; border-bottom:1px #f3f3f3 solid; padding:10px 0px 10px 5px;; font-size:24px; }
.zhomeboxbody { padding: 10px; }
.zhomeboxlt { float:left; width:250px; }
.zhomeboxrt { float:right; width:360px; }
.zhomeimage { border:1px #eeeeee solid; padding:3px; }
.zhomeatitlelg { font-size:18px; }
.zhomemorelink { float:right; padding-right:5px; font-size:12px; }