@charset "utf-8";

body		{ background: #000 url(../images/background.jpg) top center no-repeat; color: #fff; margin: 0; padding: 0;  }
	body#history #navHistory a	{ background-position: bottom left; }
	body#fizzology #navFizzology a	{ background-position: bottom left; }
	body#fizzInFitness #navFizzInFitness a	{ background-position: bottom left; }
	body#bcaa #navBCAA a	{ background-position: bottom left; }
	body#science #navScience a	{ background-position: bottom left; }
	body#pomegranateAcai #navNutrition a,
	body#appleGrape #navNutrition a,
	body#fruitPunchEnergy #navNutrition a,
	body#fruitPunchRecovery #navNutrition a	{ background-position: bottom left; }
	body#fizzNotFat #navFizzNotFat a		{ background-position: bottom left; }
	body#fruitPunchEnergy #navNutrition a	{ background-position: bottom left; }
	body#fruitPunchRecovery #navNutrition a	{ background-position: bottom left; }
	body#youChoose #navYouChoose a		{ background-position: bottom left; }
	body#youChooseEnergy #navCan01 a	{ background-position: bottom left; }
	body#youChooseRecovery #navCan02 a	{ background-position: bottom left; }
	
	body#shopXapp #navShopGetXappd a	{ background-position: bottom left; }
	body#enjoyChilled #navEnjoyChilled a{ background-position: bottom left; }
	body#faqs		{}
	body#sitemap	{}
	body#terms		{}
	body#patent		{}
	body#contactus	{}
	
	
/* Links ***********************************************************************************************/
a			{ outline: none; color: #00add0; text-decoration: underline; }
a:link		{ color: #00add0; text-decoration: underline; }
a:visited	{ color: #00add0; text-decoration: underline; }
a:hover		{ color: #00add0; text-decoration: underline; }
a:active	{ color: #00add0; text-decoration: underline; }


/* Miscellaneous classes for reuse ********************************************************************/
.flR { float: right; margin-left: 8px; }
.flL { float: left; margin-right: 8px; }
.flClear { clear:both; height:0; font-size: 1px; line-height: 0px; } /*placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

/* Content elements ***********************************************************************************/
h1	{ color: #d9e507; font-size: 308%; font-weight: bold; margin-bottom: 10px; border: solid red 0px; padding: 0px; line-height: 100%; }
h2 	{ color: #ccc; font-size: 138.5%; font-weight: bold; border: solid red 0px; margin-top: -10px; padding: 0px; }
/*original H styles
h1		{  }
h2		{ color: #00add0; font-weight: normal; font-size: 153.9%; margin: 0; letter-spacing: .1em; }*/
h3		{ color: #d9e507; font-size: 123.1%; margin-bottom: 5px; text-transform: uppercase; line-height: 1.3em; font-weight: bold; text-decoration: underline; letter-spacing: .0em; }
	h3 span	{ text-transform: lowercase; }
h4		{ font-weight: bold; color: #ccc; margin-bottom: 10px; font-size: 108%; }*/
h6		{  }
p		{ font-size: 93%; line-height: 1.4em; margin-bottom: 10px; text-align:justify; }

strong	{ font-weight: bold; }
em		{  }

dl	{  }
	dt	{  }
	dd	{  }

ol.list,ul.list	{ margin-left:2em; }
ol.list li		{ list-style: decimal outside; }
ul.list li 		{ list-style: disc outside; }

sub	{ font-size: 85%;
	vertical-align: sub;}
/* Layout elements ************************************************************************************/
#introWrapper	{ width: 979px; margin: 0 auto; margin-top: 56px; text-align: center; }

#wrapper	{ width: 979px; margin: 0 auto; position: relative; }
	#breadcrumb { position: absolute; top: 5px; left: 0px; height: 20px; width: 300px; z-index: 5; font-weight: bold; border: solid red 0px; font-weight: bold; }
		#breadcrumb a	{ color: #fff; text-decoration: none; }
		#breadcrumb a:hover	{ text-decoration: underline; }
	#contact	{ position: absolute; top: 5px; right: 10px; height: 20px; width: 300px; z-index: 6; text-align: right; font-weight: bold; border: solid red 0px; }
	#contentHolder	{ float: left; width: 979px; position: absolute; z-index: 1; }
		#navigation	{ width: 274px; border: solid red 0px; float: left; padding: 56px 0 0 0; margin-bottom: 24px;}
			#navScience a 			{ width: 274px; height: 28px; background: url(../images/nav_science_2011.gif) top left no-repeat; display: block; text-indent: -5000px; outline: none; }
			#navScience a:hover 		{ background-position: bottom left; }
			#navFizzology a			{ width: 274px; height: 101px; background: url(../images/nav_fizzology_2011.gif) top left no-repeat; display: block; text-indent: -5000px; outline: none; }
			#navFizzology a:hover 		{ background-position: bottom left; }
			#navFizzInFitness a 	{ width: 274px; height: 59px; background: url(../images/nav_fizzinfitness_2011.gif) top left no-repeat; display: block; text-indent: -5000px; outline: none; }
			#navFizzInFitness a:hover	{ background-position: bottom left; }
			#navBCAA a		 		{ width: 274px; height: 17px; background: url(../images/nav_bcaa_2011.gif) top left no-repeat; display: block; text-indent: -5000px; outline: none; }
			#navBCAA a:hover				{ background-position: bottom left; }
			#navFizzNotFat a { width: 274px; height: 24px; background: url(../images/nav_fizznotfat_2011.gif) top left no-repeat; display: block; text-indent: -5000px; outline: none; }
			#navFizzNotFat a:hover { background-position: bottom left; }
			#navColumns { float: left; width: 274px; }
				#navColumn1-2	{ float: left; width: 169px; }
					#navCan01 { display: inline; float: left; }
					#navCan01 a { width: 80px; height: 201px; background: url(../images/nav_can01_2011.gif) top left no-repeat; display: block; text-indent: -5000px; outline: none; }
					#navCan01 a:hover { background-position: bottom left; }
					
					#navCan02 { display: inline; float: left; }
					#navCan02 a { width: 89px; height: 201px; background: url(../images/nav_can02_2011.gif) top left no-repeat; display: block; text-indent: -5000px; outline: none; }
					#navCan02 a:hover { background-position: bottom left; }

					#navShopXapp a { display: inline; float: left; width: 169px; height: 56px; background: url(../images/nav_shopxapp_2011.gif) top left no-repeat; display: block; text-indent: -5000px; outline: none; }
					#navShopXapp a:hover { background-position: bottom left; }

				#navColumn3	{ float: left; width: 105px; }
					#navNutrition	{ float: left; width: 105px;}
					#navNutrition a { width: 105px; height: 257px; background: url(../images/nav_nutrition_2011.gif) top left no-repeat; display: block; text-indent: -5000px; outline: none; }
					#navNutrition a:hover { background-position: bottom left; }
				
				/*#navAppleGrape { display: inline; float: left; }
				#navAppleGrape a { width: 80px; height: 235px; background: url(../images/nav_applegrape.jpg) top left no-repeat; display: block; text-indent: -5000px; outline: none; }
				#navAppleGrape a:hover { background-position: bottom left; }
				
				#navPomegranateAcai { display: inline; float: left; }
				#navPomegranateAcai a { width: 89px; height: 235px; background: url(../images/nav_pomegranateacai.jpg) top left no-repeat; display: block; text-indent: -5000px; outline: none; }
				#navPomegranateAcai a:hover { background-position: bottom left; }*/


			#navYouChoose a { width: 274px; height: 25px; background: url(../images/nav_youchoose_2011.gif) top left no-repeat; display: block; text-indent: -5000px; outline: none; }
			#navYouChoose a:hover { background-position: bottom left; }
			/*#navHistory a 			{ width: 274px; height: 28px; background: url(../images/nav_history_2011.gif) top left no-repeat; display: block; text-indent: -5000px; outline: none; }
			#navHistory a:hover 		{ background-position: bottom left; }*/

	
			#socialLinks	{ margin-top: 0px; padding-left: 90px; }
			#navShopBuyXappNow a { width: 274px; height: 29px; background: url(../images/nav_shopbuyxappnow.gif) top left no-repeat; display: block; text-indent: -5000px; outline: none; }
			#navEnjoyChilled a 			{ width: 274px; height: 41px; background: url(../images/nav_enjoychilled.gif) top left no-repeat; display: block; text-indent: -5000px; outline: none; }
			#navEnjoyChilled a:hover 		{ background-position: bottom left; }

		#mainContent{ width: 598px; padding-top: 55px; float: right; }

			/*h1						{ margin-top: 56px; width: 597px; background-position: top left; background-repeat: no-repeat; text-indent: -10000px; }
			body#history h1			{ height: 56px; background-image: url(../images/headline_history.gif); }
			body#fizzology h1		{ height: 124px; background-image: url(../images/headline_fizzology.gif); }
			body#fizzInFitness h1	{ height: 92px; background-image: url(../images/headline_fizzinfitness.gif); }
			body#science h1			{ height: 132px; background-image: url(../images/headline_science.gif); }
			body#pomegranateAcai h1	{ }
			body#appleGrape h1		{ }
			body#fizzNotFat h1		{ height: 57px; background-image: url(../images/headline_fizznotfat.gif); margin-bottom: 47px; }
			body#shopXapp h1		{ height: 53px; background-image: url(../images/headline_shopxapp.gif); }
			body#enjoyChilled h1	{ height: 56px; background-image: url(../images/headline_enjoychilled.gif); margin-bottom: 532px; }
			body#faqs h1	{ height: 38px; background-image: url(../images/headline_faqs.gif); }
			body#sitemap h1	{ height: 38px; background-image: url(../images/headline_sitemap.gif); }
			body#terms h1	{ height: 38px; background-image: url(../images/headline_legalstuff.gif); }
			body#patents h1	{ height: 138px; background-image: url(../images/headline_patents.gif); margin-bottom: 50px; }
			body#contactus h1	{ height: 38px; background-image: url(../images/headline_contactus.gif); }*/

			body#fruitPunchEnergy #mainContent	{ background:url(../images/product_img_fruitpunch-energy.jpg) 6px 0px no-repeat; }
			body#fruitPunchRecovery #mainContent{ background:url(../images/product_img_fruitpunch-recovery.jpg) 6px 0px no-repeat; }
			body#pomegranateAcai #mainContent	{ background:url(../images/product_img_pomegranate-acai.jpg) top left no-repeat; }
			body#appleGrape #mainContent	{ background:url(../images/product_img_apple-grape.jpg) top left no-repeat; }

				#productHolderFruitPunchEnergy,
				#productHolderFruitPunchRecovery{ margin: 90px 0 0 282px; }
				#productHolderPomegranateAcai, 
				#productHolderAppleGrape		{ margin: 90px 0 0 282px; }

					#productHolderFruitPunchEnergy h2 a,
					#productHolderFruitPunchRecovery h2 a,
					#productHolderPomegranateAcai h2 a,
					#productHolderAppleGrape h2 a { display: block; height: 90px; float: left; background-position: top left; background-repeat: no-repeat; text-indent: -3000px; }
					
					#productHolderFruitPunchEnergy h2 a:hover,
					#productHolderFruitPunchRecovery h2 a:hover,
					#productHolderPomegranateAcai h2 a:hover,
					#productHolderAppleGrape h2 a:hover { background-position: bottom left; }
					
					#productHolderFruitPunchEnergy h2 a#navFPE	{ width: 151px; background-image: url(../images/product_nav_fruitpunch_energy.gif); }
					#productHolderFruitPunchEnergy h2 a#navFPR	{ width: 151px; background-image: url(../images/product_nav_fruitpunch_recovery.gif); }
					#productHolderFruitPunchRecovery h2 a#navFPE{ width: 151px; background-image: url(../images/product_nav_fruitpunch_energy.gif); }
					#productHolderFruitPunchRecovery h2 a#navFPR{ width: 151px; background-image: url(../images/product_nav_fruitpunch_recovery.gif); }
					#productHolderPomegranateAcai h2 a#navPA	{ width: 168px; background-image: url(../images/product_nav_pomegranate-acai.gif); }
					#productHolderPomegranateAcai h2 a#navAG	{ width: 134px; background-image: url(../images/product_nav_apple-grape.gif); }
					#productHolderAppleGrape h2 a#navPA			{ width: 168px; background-image: url(../images/product_nav_pomegranate-acai.gif); }
					#productHolderAppleGrape h2 a#navAG			{ width: 134px; background-image: url(../images/product_nav_apple-grape.gif); }

					body#fruitPunchEnergy #productHolderFruitPunchEnergy h2 a#navPA,
					body#fruitPunchRecovery #productHolderFruitPunchRecovery h2 a#navAG,
					body#pomegranateAcai #productHolderPomegranateAcai h2 a#navPA,
					body#appleGrape #productHolderAppleGrape h2 a#navAG	{ background-position: bottom left; }

					body#fruitPunchEnergy h3, 
					body#fruitPunchRecovery h3, 
					body#pomegranateAcai h3, 
					body#appleGrape h3 { font-size: 15%; line-height: 1.0em; font-weight: bold; text-decoration: underline; letter-spacing: .1em; }

					#productHolderFruitPunchEnergy h3	{ clear: both; width: 302px; height:461px; background: url(../images/product_nut_fruitpunch-energy.gif) top left no-repeat; text-indent: -10000px; }
					#productHolderFruitPunchRecovery h3	{ clear: both; width: 302px; height:461px; background: url(../images/product_nut_fruitpunch-recovery.gif) top left no-repeat; text-indent: -10000px; }
					#productHolderAppleGrape h3		{ clear: both; width: 302px; height:461px; background: url(../images/product_nut_apple-grape.gif) top left no-repeat; text-indent: -10000px; }
					#productHolderPomegranateAcai h3{ clear: both; width: 302px; height:461px; background: url(../images/product_nut_pomegranate-acai.gif) top left no-repeat; text-indent: -10000px; }

					#productHolderFruitPunchEnergy h4,
					#productHolderFruitPunchRecovery h4,
					#productHolderPomegranateAcai h4, 
					#productHolderAppleGrape h4 { margin: 28px 0 28px 0;  font-weight: bold; text-align: center; }
					
			body#enjoyChilled #mainContent	{ background: url(../images/background_enjoychilled.jpg) left top no-repeat; }

/*History Styles*/
.historyStoryHolder { background-position: top left; background-repeat:no-repeat; padding: 5px 0 0px 171px; margin-top: 49px; }
#historyStoryPopTheTop { background-image:url(../images/history_story_popthetop.jpg); }
#historyStoryHowToUse { background-image:url(../images/history_story_howtouse.jpg); }
#historyStoryHowXappHappend { background-image:url(../images/history_story_howxapphappend.jpg); }

/*Fizzology*/
.fizzologyMainImage	{ margin: 12px 0 26px 0; }

/*Fizz N Fitness*/
.fizznfitnessMainImage	{ margin: 17px 0 34px 0; }
body#fizzInFitness p { color: #ccc; }
#fizzInFitnessThumbs { margin-top: 15px; }
#fizzInFitnessThumbs img { margin-left: 34px; display: inline; }

#XappComingToYouHolder	{ width: 566px; height: 349px; padding: 10px; background: url(../images/xappyourself_comingtoyou_background.jpg) top left no-repeat;}


/*Science*/
.scienceBenefitsHolder { float: left; margin-top: 26px; display: inline; }
.scienceBenefit { width: 281px; float: left; }
.scienceThumb { float: left; margin-right: 9px; display: inline; }
#science #mainContent .scienceBenefitsHolder h2, h2.scienceBigPink	{ color: #ed1556; font-size: 300%; }

/*Fizz Not Fat*/
.fizzNot		{ padding: 0 186px 0 196px; background-position: top left; background-repeat: no-repeat; margin-bottom: 40px; text-align:justify; }
#fizzNotFlatImg		{ background-image: url(../images/fizznotfat_flat.jpg); }
#fizzNotFatImg		{ background-image: url(../images/fizznotfat_fat.jpg); }
#fizzNotFloatiesImg	{ background-image: url(../images/fizznotfat_floaties.jpg); }

#fizzNotFatContent	{ position: relative; background: url(../images/fizznotfat_background.jpg) top left no-repeat; width: 500px; height: 594px; margin: 0 auto; }
#fizzNotFatContent a	{ cursor: default; text-indent: -5000px; width: 215px; display: block; position: absolute; background-position: top left; background-repeat: no-repeat; }
#fizzNotFatContent a#flat	{ top: 11px; left: 136px; height: 155px; background-image: url(../images/fizznotfat_text_flat.jpg); }
#fizzNotFatContent a#fat	{ top: 213px; left: 136px; height: 155px; background-image: url(../images/fizznotfat_text_fat.jpg); }
#fizzNotFatContent a#floaties	{ top: 403px; left: 136px; height: 171px; background-image: url(../images/fizznotfat_text_floaties.jpg); }
#fizzNotFatContent a#flat:hover, #fizzNotFatContent a#fat:hover, #fizzNotFatContent a#floaties:hover	{ background-position: bottom left; }	
/*Shop Styles*/
.shopProductHolder { background-position: top left; background-repeat:no-repeat; padding: 5px 0 0px 171px; margin-top: 49px; }
#shopProductAppleGrape { background-image:url(../images/shop_img_apple-grape.jpg); }
#shopProductPomegranateAcai { background-image:url(../images/shop_img_pomegranate-acai.jpg); }
#shopProductHowToUse { background-image:url(../images/history_story_howtouse.jpg); }
#shopProductHowXappHappend { background-image:url(../images/history_story_howxapphappend.jpg); }

/*FAQs*/
dl#faqListing { margin-top: 30px; margin-bottom: 50px; }
dl#faqListing dd{ margin-bottom: 20px; }

/*Contact Us*/
table#contactForm				{ border: solid #000 1px; width: 90%; margin-top: 20px; padding: 3px;}
table#contactForm tr			{ padding: 0px 20px; }
table#contactForm tr.color		{ background-color: #000;}
table#contactForm tr td			{ padding: 4px 5px; }
table#contactForm tr td.label	{ text-align:right; }
.req	{ font-weight: bold;}
.captchaImage	{ border: solid #333 1px; padding: 0px; margin-top: 8px;}

		#footer 	{ color: #999999; padding-bottom: 5px; margin-top: 25px; text-align: center;}
		#footer a	{ color: #999999; text-decoration: none; }
		#footer a:hover	{ text-decoration: underline; }
		#footerLegal { font-size: 77%; }

/*toggle layer*/
.toggleAnswer { display: none; }
.toggleLayer { display: none; }