
/* --------------------------------------------- BODY --------------------------------------------- */

body {margin-left: 0px;	margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family:Arial, Helvetica, sans-serif;}

/* -------------------------------------------- HEADER -------------------------------------------- */

#contlogo {width:960px; height:50px;}
#logo {width:250px; height:63px; float:left;}
#questions {height:12px; margin-top:23px; margin-left:25px; float:left;}
.getaguide {width:290px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:right; margin-top:20px; text-decoration: none;}
.getaguide a:link {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:right; margin-top:20px; text-decoration: none;}
.getaguide a:visited {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:right; margin-top:20px; text-decoration: none;}
.getaguide a:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:right; margin-top:20px; text-decoration: underline;}
#tabs {width:960px; height:40px;}
#conttabs {width:830px; height:50px; float:left;}
#contquestions {width:960px; height:20px; margin-bottom:15px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; font-weight:bold; background-color:#cedeed; color:#2c6091; line-height:20px; text-align:right;}
* html #contquestions {margin-top:0px}
#slogan {height:17px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; font-style:italic; padding-top:6px; padding-left:7px; color:#034179;}

#body-nav-bar {width:830px; height:26px; !important display:block;}
#body-nav {float:left; clear:both; background-image:url(images/backnav.gif); background-color:#CEDDEC;}
#body-nav ul {padding:0; margin:0 0 0 0; list-style-type:none; background:url(/site/images/tabcorner.gif) no-repeat;}
#body-nav ul li {float:left; white-space: nowrap; overflow:hidden; height:26px;}
#body-nav li a {display:block; width:100%; height:26px; line-height:26px; font-size:12px; text-align:center; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none;}
#body-nav li a:hover {background:#036; color:#FFF; }
#body-nav li a span {display:block; width:100%; height:26px;  background:url(images/bodynavsep.gif) top right no-repeat; cursor:pointer;}
#nav-benefits {width:227px;}
#body-nav #nav-benefits a:hover {background:url(images/tabcorner.gif) no-repeat #036;}
#nav-recipes {width:128px; margin-left:1px; margin-right:1px;}
#nav-stories {width:128px; margin-left:1px; margin-right:1px;}
#nav-better {width:197px;}
#nav-faqs {width:145px;}
#body-nav #nav-guidlines span { background:url(images/tabcorner2.gif) top right no-repeat;}

/* --- Float Hack --- */
.cf:after { content: "."; display: block;   height: 0;  clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .cf {height: 1%;}
/* End hide from IE-mac */

#trynow {width:130px; height:50px; float:right;}

/* --------------------------------------------- LEFT --------------------------------------------- */

.lefttestimonialsbody {width:150px; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:11px; color:#666666;}
.leftbodylinks {width:150px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FD9A00; text-decoration:underline;}
.leftbodylinks a:link{width:150px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FD9A00; text-decoration:underline;}
.leftbodylinks a:visited{width:150px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FD9A00; text-decoration:underline;}
.leftbodylinks a:hover{width:150px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-decoration:none;}
.leftcontlogos {width:150px; text-align:center; margin-bottom:20px; float:left;}
.leftseparation {width:160px; border-bottom:solid; border-bottom-width:1px; border-bottom-color:#cccccc; margin-top:30px; margin-bottom:30px;}
#contproenergytext {width:160px; vertical-align:top;}
.proenergytext {font-family:Arial, Helvetica, sans-serif; font-size:11px; float:left; color:#666666;}
#textguarantee {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:italic; color:#666666; text-align:left; margin-bottom:10px;}
.lefttitles {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#643814;}

/* -------------------------------------------- FOOTER -------------------------------------------- */

#copyright {width:745px; height:23px; margin-top:20px; margin-bottom:12px; background-image:url(images/backfooter.gif); font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#669801; padding-top:10px; padding-left:25px;}
#copyright a:link{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#669801; text-decoration:underline;}
#copyright a:visited{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#669801; text-decoration:underline;}
#copyright a:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#669801; text-decoration:none;}
.footerlinks {width:770px; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:center;}
.footerlinks a:link{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-decoration:underline;}
.footerlinks a:visited{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-decoration:underline;}
.footerlinks a:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-decoration:none;}
#copy {width:985px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666; margin-bottom:20px; margin-top:10px; text-align:justify;}
#copy a:link{color:#316796; text-decoration:underline;}
#copy a:visited{color:#316796; text-decoration:underline;}
#copy a:hover{color:#316796; text-decoration:none;}
#body-footer {background-color:#ebebeb; padding:10px 0 10px 10px; margin-top:10px; width:960px; }
#body-footer div {float:left; }
#body-footer #footer-copyright {width:218px; border-right:1px solid #b7b7b7; margin-right:10px; }
#body-footer #footer-links {width:380px; border-right:1px solid #b7b7b7; margin-right:10px; }
#body-footer #footer-logos {width:315px; }
#body-footer #footer-logos img {margin-right:10px }

/* --- Text Styles --- */
.blueTxt, .blueTxt a, a.blueTxt { color:#0f4088; }
.greyTxt, .greyTxt a, a.greyTxt { color:#7d7d7d; font-family:Arial, Helvetica, sans-serif; font-size:11px;  !important; text-decoration:none; }
.whiteTxt { color:#fff; }
.font10 { font-size:10px; }
.font11 { font-size:11px; }
.font12 { font-size:12px; }
.font14 { font-size:14px; }
h1 { font-size:24px; color:#003366; }
h2 { font-size:18px; }
.noU { text-decoration:none; }

/* --- Main Link Styles --- */
a { color:#369; text-decoration:none; }
a:hover { color:#FF9900 }
img { border:0; }

/* -------------------------------------------- WELCOME -------------------------------------------- */

.maintitle {width:580px; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#316698;}
.mainsubtitle {margin-left:15px; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight: bold; color: #333333; line-height:20px;}
.mainsubtitlenoblod {width:365px; margin-left:15px; margin-bottom:13px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#666666;}
.packssubtitles {margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#316698;}
.packssubtitles2 {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#316698;}
#copygreenergy {width:180px; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:10px; color:#333333; text-align:justify; line-height:11px;}
.listgreenergy {width:330px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333333; text-align:justify; margin-bottom:3px;}
.listgreenergy a:link{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:justify; margin-bottom:6px; text-decoration: underline;}
.listgreenergy a:visited{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:justify; margin-bottom:6px; text-decoration: underline;}
.listgreenergy a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-align:justify; margin-bottom:6px; text-decoration: none;}
#contaddtocart {width:330px; height:90px; float:left; background-image:url(images/backcontaddtocart.gif);}
#conttryittoday {margin-left:20px; margin-right:20px; float:left;}
#addtocartprice {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#E28601; text-align:center;}
#contheworlds {width:580px; margin-bottom:15px;}
.theworldstext {width:425px; color:#666666; margin-bottom:20px; margin-right:10px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:justify;}
#contthemostpotent {width:560px; padding:10px; border:solid; border-color:#cccccc; border-width:1px; margin-bottom:20px;}
#contthemostpotenttitle {width:560px; margin-bottom:10px;}
#themostpotenttext {width:560px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:justify;}
#contmakegreentext {width:580px; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:justify; text-decoration:none;}
#contmakegreentext a:link{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#336699; text-align:justify; padding-right:10px; text-decoration:underline;}
#contmakegreentext a:visited{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#336699; text-align:justify; padding-right:10px; text-decoration:underline;}
#contmakegreentext a:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:justify; padding-right:10px; text-decoration:none;}
#contmakegreenright {width:135px; height:560px; float:left; border-left:solid; border-left-width:1px; border-left-color:#CCCCCC; padding-left:10px;}
#contmakegreentitle {width:405px; margin-bottom:17px;}
#greenergyhelpsbullets {width:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: 200; color: #666666; float:left;}
#greenergyhelps {font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333333;}
#greenprice {width:135px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bolder; text-align:center; color:#000000; margin-top:10px; margin-bottom:10px;}
#differencetitle {width:570px; margin-left:10px; margin-top:20px; margin-bottom:20px;}
#receipt {width:334px; height:41px; background-image:url(images/receipt.jpg); text-align:center; padding-top:220px; margin-top:10px;}
#didyouknow {width:560px; height:68px; background-image:url(images/didyouknow.jpg); padding-top:92px; padding-left:10px; padding-right:10px; margin-top:20px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #333333; text-align:justify;}
.greenpackprice {font-family:Arial, Helvetica, sans-serif; font-size:16px; text-align:center; color:#666666; margin-bottom:10px;}
#faqtext {width:580px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:justify; float:left;}
#contrightfaqcol {width:210px; float:right; padding-left:15px;}
#learnaboutlinks {width:580px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; font-weight:bold; color:#333333; text-align:justify; text-decoration:none; float:left;}
#learnaboutlinks a:link {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; font-weight:bold; color:#333333; text-align:justify; text-decoration:underline;}
#learnaboutlinks a:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; font-weight:bold; color:#333333; text-align:justify; text-decoration:underline;}
#learnaboutlinks a:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; font-weight:bold; color:#333333; text-align:justify; text-decoration:none;}
#save15price {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#535321;}
#contgetenergyfirst { width:580px; background-image:url(images/backturnyourbody.jpg); background-repeat:no-repeat; float:left;}
#getenergyfirstext {font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:justify; color:#666666; margin-right:15px;}
#contturnyourbody {width:355px;}
.turnyourbodytext {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#003267;}
#turnyourbodyprice {width:90px; height:20px; padding-top:5px; background-color:#FFFDEC; border:solid; border-width:1px; border-color:#EEEDBD; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#EC7F00; font-weight:bold; float:left; text-align:center;}
#contaddtocarts {width:205px; height:195px; border:solid; border-color:#CCCCCC; border-width:1px; float:left;}
#contpacks {width:370px; height:198px; float:left; background-image:url(images/proenergy4packs.jpg); background-repeat:no-repeat;}
.linesaddtocarts {width:185px; height:28px; border-bottom:solid; border-bottom-color:#CCCCCC; border-bottom-width:1px; float:left; margin-top:10px; margin-left:9px;}
.linesaddtocartslast {width:185px; height:28px; float:left; margin-top:10px; margin-left:9px;}
.buttonsadd {margin-bottom:10px; float:right;}
.linesaddtocartstext {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#336699; float:left; margin-top:5px; margin-right:5px;}
.packstext { width:580px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:justify; color:#666666; padding-top:5px; margin-bottom:10px; float:left;}
#contfeaturedprods {width:580px; height:320px; float:left;}
.contfeaturedprods {width:180px; text-align:center; border:solid; border-color:#CCCCCC; border-width:1px; float:left;}
.featuredprodstitle {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#336699; margin-top:10px; margin-bottom:10px;}
.featuredprodsprice {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#663300; margin-bottom:10px;}


/*Protein Shake Recipes Landing Page */
.bordergray {border:solid; border-width:1px; border-color: #CCCCCC;}
.orange {color:#FF9801; font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:left;}

#startherebox {margin-top:15px; margin-bottom:15px;}
#starttext {width:235px; color:#FF9801; font-size:28px; float:left; font-family:Arial, Helvetica, sans-serif; margin-right:10px;}
.startprods {width:140px; text-align:center; border:solid; border-color:#CCCCCC; border-width:1px; float:left; padding:5px; float:left;}
.startprodstitle {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#336699; margin-top:3px; margin-bottom:3px;}
.startprodsprice {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#663300; margin-bottom:3px;}

#drinkshake { font-family:12px; font-family:Arial, Helvetica, sans-serif; font-size:11px; clear:both; margin-top:15px; margin-bottom:15px; padding-right:10px}
#drinkshake p { margin:10px 0;}
#drinkshake ul, #drinkshake il { margin:0; padding:0}

.text18 { font-size:18px}

.efdifferentbox { font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:11px;}
.edfifferentboxtitle { font-size:14px; font-weight:bold; color:#316698;}
.efdifferentbox ul { margin:0; padding:0}
.efdifferentbox li { margin:0; padding:0; list-style-type:square; list-style-position:inside;}

.premiumproducts {font-size:11px;}
.premiumproducts ul { padding:0}
.premiumproducts li { padding-left:20px; list-style-position:inside;}
#rightprotein { min-height:200px; background-color:#FEFFDF}
#rightproteintitles {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#643814; padding:5px}
#copygreenergy2{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #333333}




