body
{
	background: #e8e8cf;
	margin: 0;padding: 0;
}

.main 
{
	width: 800px;
	margin: 6px auto;	
}
a 
{
	text-decoration: none;
	color: inherit;
}
h2
{
	margin: 0;
}


ul 
{
	margin: 0;
	padding: 0;
}
ul.login 
{
	list-style: none;
	float:right;
	margin-right: 10px;
}
ul.login li 
{
	float:left;
	margin: 0 0 5px 25px;	
}
ul.login a 
{
	text-decoration: none;
	color: #555;
	font: bold 11px/16px Arial;
}
div.homeContent 
{
	background: #fff;
	clear:both;
	padding-bottom: 10px;
	min-height: 535px;
	position: relative;
}
.topLevel 
{
	padding-bottom: 5px;
}
img.bar 
{
	margin: 40px 0 0;
	
}
#rightIntro 
{
	float:left;
	border-top: solid 5px #444333;
	padding-top: 5px;
	width: 250px;
	margin-left: 18px;
	position: relative;
}
#rightIntro img 
{
	margin: 15px 0;
}
#rightIntro .nav 
{
	position: relative;
	padding: 0;
}
#rightIntro .nav li 
{
	display: inline;
	line-height: 16px;
}
#rightIntro .nav ul li 
{
	display: block;
}
#rightIntro .nav a.mNav
{
	display: block;
	height: 36px;
	color: #fff;
	border-bottom: solid 1px #fff;
	margin-right: 2px;
	float:left;
	text-align: center;
	text-decoration: none;
	font-size: 36px;
	line-height: 36px;
	padding: 15px 0 5px;	
}
#rightIntro h1, #rightIntro h2 
{
	margin: 0;
	font-weight: normal;
}
#rightIntro h1
{
	font-size: 24px;
	padding-top: 15px;
	color: #741c12;	
	font-weight: bold;
}
#rightIntro h2 
{
	color: #9c9082;
	font-size: 20px;
	padding-right: 40px;
}
#rightIntro ul
{
	list-style: none;
	margin-top: 1px;
	padding: 8px 0px;	
}
#rightIntro ul a 
{
	font-size: 11px;
	color: #fff;
	text-decoration: none;
}
#rightIntro ul ul li
{
	list-style: none;
	
	padding: 0px 10px;
}

a.eat, #eat
{
	background: #3e2322;
	width: 105px;	
}
#eat a:hover 
{
	color: #E06B12;
}

a.learn, #learn
{
	background: #e06b12;
	width: 105px;
}
#eat, #learn, #more
{
	position: absolute;
	top: 56px;	
	font-family: Arial;
	border-top: solid 1px #fff;
}
#eat 
{
	left: 0;
}
#learn 
{
	left: 107px;
}

#learn a:hover 
{
	color: #3e2322;
}
#rightIntro .nav a.more
{
	background: #6c3706 url('images/arrows.gif') no-repeat scroll center -83px;
	text-indent: -9999px;
	width: 20px;
	padding: 10px 8px;
	font-size: 16px;
	margin-right: 0px;
}
#more 
{
	background: #6c3706;
	width: 200px;
	right: 0;
}
#more a:hover 
{
	color: #539dbe;
}
#more h5 
{
	margin: 0 10px;padding: 10px 0 0;
	border-top: solid 1px #fff;
	color: #fff;
}
#rightIntro #more ul li 
{
	display: block;
}

.subnav 
{
	padding-bottom: 10px;
}
#rightIntro .subnav li 
{
	display: block;
}
#social li
{
	width: 80px;
	float:left;
}
#social a 
{
	display: block;
	padding-left: 10px;
}
#blockNav 
{
	clear:left;
	padding: 6px 0 0 10px;	
	border-top: solid 1px #eee;
	margin-top: 10px;	
}
#blockNav div 
{
	background: url('images/shadow.png') no-repeat scroll right bottom;
	padding: 0 5px 5px 0;
	margin: 0 12px 0 0;
	float:left;
}
#blockNav div.corner 
{
	margin: 0;
	width: 245px;	
	
}
#blockNav a 
{
	cursor: pointer;
}

#blockNav h2 
{
	width: 114px;	
	float: left;
	font-size: 14px;	
	height: 124px;
	padding: 3px 0px 0;	
}
#fOn, #fOff, #pOn, #pOff, #jOn, #jOff, #nOn, #nOff
{
	padding: 4px 4px 4px 8px;
	display: block;	
}
#fOn, #pOn, #jOn, #nOn, #jOff
{
	background: url('images/block_navs_ST.jpg') no-repeat scroll;
}
#pOff .action 
{
	padding-top: 10px;
	height: 25px;
	background-position: right 18px;
}
.foot 
{
	font-size: 11px;
	clear:left;	
	color: #555;
	
}
.foot span 
{
	float:left;
}
.foot ul 
{
	list-style: none;
	float: right;
}
.foot li 
{
	display: inline;
}
.foot a, .foot a:visited, .foot a:link
{
	color: #555;
	text-decoration: none;	
}
.foot a:hover 
{
	color: #888;
}
.philos
{
	background-color: #351f16;	
	font-weight: normal;
	font-family: Arial;
	font-size: 12px;
	padding-bottom: 0px;
}
#pOn span, #pOff span 
{
	color: #fff;
	display: block;
}
.philos, .philos em, #pOff .action
{
	color: #e06b12;
}
#pOn 
{
	padding: 40px 8px 0;	
	font-size: 14px;	
	display: block;
	position: relative;
	height: 84px;
	background-position: -114px 68px;
}
#pOn img 
{	
	position: absolute;
	top: -10px;
	right: 5px;
}
#pOn em, #pOff em
{
	font-style: normal;
	font-size: 20px;
}
#fOn 
{
	font-size: 20px;
	display: block;
	padding-top: 8px;
	height: 112px;
	background-position: 0 64px;
}
#fOff 
{
	color: #51200c;
	font-size: 10px;
	font-weight: bold;
	display: block;
	width: 100px;
	padding-top: 17px;
	background: transparent url('images/healthy_energy_bars_small.jpg') no-repeat scroll 8px top;
}
.action 
{
	display: block;
	padding: 5px 17px 2px 0;
	font-size: 10px;
	height: 12px;
	background-image: url('images/arrows.gif');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right 0;
}
#jOff .action 
{
	background-position: 73px bottom;
	height: 17px;
}
#nOff .action 
{
	background-position: 79px -42px;
}
.corner .action 
{
	background-position: right -63px;
}
.fresh, .fresh span
{	
	color: #51200c;	
	background-color: #fcba63;
}
.smaller 
{	
	font-size: 0.8em;
	line-height: 0.8em;
}
.subtext 
{
	font-size: 10px;
	font-weight: bold;
}
.jolt 
{
	background-color: #e8e8cf;
	color: #4a1605;
}
#jOn 
{
	font-size: 12px;
	height: 116px;
	color: #4a1605;
	background-position: -228px 23px;
}
#jOff 
{
	color: #e06b12;
	font-size: 9px;
	font-family: Arial;	
	background-position: -657px 50px;
}
#jOff em 
{
	display: block;
	padding: 4px 0 28px 60px;
	font-weight: bold;	
	color: #541800;
}
.nameIt
{
	background-color: #1475ba;
	color: #fff;
	font-family: Arial;	
}
.nameIt span 
{
	font-size: 12px;
}
.nameIt b 
{
	font-size: 24px;
}
.nameIt .yell 
{
	color: #e96f34;
	font-size: 18px;
	line-height: 18px;
	position: relative;
	bottom: 6px;	
}
#nOn, #nOff
{
	padding: 2px 4px 2px 8px;
	font-size: 10px;
	height: 112px;
}
.nameIt span, #nOn b
{
	color: #fff;
}
#nOn 
{	
	background-position: -342px 55px;
}
#fOff .action 
{
	background: transparent url('images/arrows.gif') no-repeat scroll 80px -22px;
}
.nameIt span.action 
{
	color: #e96f34;
	font-weight: bold;
	font-size: 10px;
}
#blockNav a.gift 
{
	float: left;
	display: block;
	width: 68px;
	background: #72b84c url('images/buy_gift_box_homepage.gif') no-repeat scroll 0px 0px;
	padding: 8px 2px 4px 6px;
	margin: 0;
	height: 116px;
	color: #fff;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}
#blockNav a.gift b 
{
	display: block;
	color: #00264c;
	font-weight: bold;
	font-size: 16px;
	line-height: 14px;
}
#blockNav a.gift em 
{
	color: #3b2313;
	font-style: normal;
	font-size: 16px;
}
#blockNav a.bkpk
{
	float: left;
	display: block;
	width: 68px;
	background: #475ea4 url('images/block_navs_ST.jpg') no-repeat scroll -456px 45px;
	padding: 8px 2px 4px 6px;
	margin: 0;
	height: 116px;
	color: #fff;
	font-family: Arial;
	font-size: 10px;
}
.bkpk b 
{
	display: block;
	margin-bottom: 2px;
}
.bkpk em 
{
	color: #fcba63;
	font-style: normal;
	font-size: 18px;
	line-height: 14px;
}
.bkpk .blue
{
	font-size: 14px;
	color: #a2d7de;
}
#blockNav .corner h2, #blockNav h3, #blockNav h4, #blockNav h5 
{
	margin: 0;
	padding: 0;
	height: auto;
}
#blockNav h3 
{
	font-size: 16px;
}
#blockNav .corner h2 
{
	color: #5e3611;
	font-family: Arial;
	font-size: 14px;
	padding-top: 30px;		
}
#blockNav div.special 
{
	border-top: solid 1px #888;
	padding: 0 0 0 6px;
	margin: 0;
	background: #fff url('images/delicious_energy_bar_split.jpg') no-repeat scroll 70px 5px;
	width: 162px;
}
#blockNav h3 
{
	font-family: Arial;
	clear:left;
}
#blockNav h4 
{
	color: #e96f34;
	font-size: 11px;
}
#blockNav .corner a.action 
{
	color: #421216;
	font-size: 11px;	
}
#c1, #c2, #c3, #c4
{
	width: 80px;
	height: 80px;
	background: transparent url('images/orange_circle.gif') no-repeat scroll center center;
	position: absolute;	
	z-index: 5;
}
#c1 
{
	left: 25px;
	top: 114px;
}
#c2 
{
	left: 120px;
	top: 80px;
}
#c3 
{
	left: 216px;
	top: 187px;
}
#c4 
{
	left: 228px;
	top: 90px;
}
#i1,#i2,#i3,#i4 
{
	display: block;
	position: absolute;
	font: bold 12px/12px Arial;
	color: #f9b14d;
	background-image: url('images/orange_bar.png');
	background-repeat: repeat-y;
}
#i1 a, #i2 a, #i3 a, #i4 a 
{
	color: #f9b14d;
}
.addToBar  span
{
	display: block;
	float:right;
	width: 135px;
	height: 20px;
	background-image: url('images/add_to_energy_bar.jpg');
	background-repeat: no-repeat;
}
#i1 
{
	width: 120px;
	padding-top: 160px;
	padding-left: 8px;	
	top: 177px;
	left: 63px;
}
#i2 
{
	width: 160px;
	padding-top: 190px;
	padding-left: 8px;	
	top: 145px;
	left: 158px;
}
#i3 
{
	width: 120px;
	padding-top: 83px;
	padding-left: 8px;
	top: 252px;
	left: 254px;	
}
#i4 
{
	top: 5px;
	left: 266px;
	height: 100px;
	padding-left: 10px;
	width: 175px;
}
#i1 em, #i2 em, #i3 em, #i4 em 
{
	color: #837868;		
	font: normal 26px/28px "Lucida Grande", serif;
	display: block;	
}
#bite 
{
	position: absolute;
	background: url('images/bite.png') no-repeat scroll left center;
	height: 38px;
	width: 46px;
	top: 30px;
	left: -17px;	
	z-index: 20;
	
}
#congrats
{
        position: absolute;
        top:0;
        left:12px;
        display:block;
        background: url('images/congrats.png') no-repeat scroll top right;
        z-index:21;
        height: 110px;
        width: 170px;
        padding-top: 10px;
        padding-right: 180px;
}
#congrats {
          font-size: 11px;
          color: #837868;
}
#congrats input.txt {
          width: 60px;
}
#sample
{
	display: block;
	text-indent: -9999px;
	width: 117px;
	height: 55px;
	background: url('images/block_navs_ST.jpg') no-repeat -533px top;
	position: absolute;
	top: 0;left: 10px;
	z-index: 20;
}
.byo 
{
	display:block;
	width: 180px;
	height: 180px;
	position: absolute;
	left: 330px;
	top: 170px;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}