@charset "utf-8";
/*************************************************************

		Daily Juice CSS Stylesheet
		Copyright © 2008, All Rights Reserved
		By Visual Jazz ////////

*************************************************************/

/*************************************************************

		Page Style ////////

*************************************************************/
* {						margin: 0; padding: 0; }
html, body {				height: 100%; font-size: 12px; line-height: 14px; color: #333333; }
body {					background: black url("../images/bgBorder.jpg") top center no-repeat;
						font-family: "Arial", Helvetica; text-align: left; }

img {					vertical-align: middle; }

a img {					border: none; outline: none; }

/****************************
		Font Styles
****************************/

p {						margin: 14px 0px; }
p.title {					font-size: 14px; font-weight: bold; color: #062A4C; padding-top: 20px; }

a {						color: #88A8CE; font-size: 10px; }
a:hover {					color: white; text-decoration: underline; } 

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

sup {					font-size:8px; }

h2 { color: #062a4c; font-size: 2.5em;}
h3 { color: #062a4c; font-size: 1.72em;}


/*************************************************************

		Content ////////

*************************************************************/
/****************************
		Global
****************************/
#wrapper {				position: relative; width: 960px; min-height: 100%; margin: 0 auto -80px auto;
						background: url("../images/bgBase.jpg") no-repeat ; }
						
#logo {					position: absolute; width: 360px; height: 230px; left: 300px; }


/****************************
		Main Content
****************************/
#header {					float: left; width: 925px; height: 330px; margin-left: 35px; padding: 0;
						background: url("../images/bgHeader.gif") no-repeat; display: inline; }

#contentBox {				float: left; width: 960px;
						background: url("../images/bgContent.gif") repeat-y; display: inline; }

#contentBox .background {	float: left; width: 780px; display: inline; padding: 0 70px 0 110px ;
						background: url("../images/bgContentInner.jpg") no-repeat; }

#cB_RangeBox01 {			float: left; width: 480px; }
#cB_RangeBox01a {			float: left; width: 480px; padding-top: 30px; }
#cB_RangeBox02 {			float: left; width: 740px; }
						
img.contentImage  {			float: right; padding-left: 20px; }
img.contentImage2  {		float: right; padding: 70px 40px 0 0; }

#contentBoxFooter {			float: left; width: 960px; height: 20px; padding-top: 70px;
						color: #88A8CE; text-align: center;
						background: url("../images/bgContentFooter.gif") no-repeat; display: inline; }


/****************************
		Header Links
****************************/
#dailyJuice {				float: left; width: 455px; height: 330px; }
#btnDailyJuice {			float: left; width: 455px; height: 160px; }

#productRange {			float: left; width: 235px; height: 250px; margin-top: 80px; display: inline;
						background: url("../images/gfxProductRange.jpg") no-repeat; }

#btnProductRange {			float: left; width: 240px; height: 170px; }

#plusRange {				float: left; width: 225px; height: 250px; margin-top: 80px; display: inline;
						background: url("../images/gfxPlusRange.jpg") no-repeat; }

#btnPlusRange {			float: left; width: 215px; height: 170px; }


/****************************
		Splash Content
****************************/	
#splashText {				float: left; width: 630px; height: 65px; margin-top: 235px; display: inline; }

#splashText2 {				float: left; width: 590px; height: 175px; color: #88A8CE; }

#splashNew {				position: absolute; width: 200px; height: 110px; left: 740px; top: 320px; }

#splashProductRange {		float: left; width: 370px; height: 320px;
						background: url("../images/gfxSplashProductRange.jpg") no-repeat; }

#btnSplashProductRange {		float: left; width: 160px; height: 145px; }

#splashPlusRange {			float: left; width: 330px; height: 180px; margin-top: 130px;
						background: url("../images/gfxSplashApple.jpg") no-repeat; display: inline; }

#btnSplashPlusRange {		float: left; width: 215px; height: 145px; }

#gfxSplashNew {			float: left; width: 215px; height: 145px; }


/****************************
		Product Styles
****************************/	
.productBox {				float: left; width: 740px; margin: 20px 0; }

.productBox .productPhoto {	float: left; width: 200px; height: 195px; }

.productBox .description {	float: left; width: 450px; height: 180px; padding-top: 25px; }

.productBox h2 {			font-family: Arial; font-size: 24px !important; line-height: 24px; letter-spacing: -1px; }

.productBox
.nutrionalInformation {		float: left; width: 150px; padding: 0 25px; }

.nutritionIngredients {		color: #547390 !important; font-size: 10px; }


/**  Nutrition Table (Plus Antioxidants Range)  **/
div.nutritionTable {		float: left; width: 540px; }

div.nutritionTable table {	width: 475px; margin: 0; padding: 0; border: none; font-size: 11px; }

div.nutritionTable td {		padding: 2px 5px; }
div.nutritionTable
.headerRow td {			font-weight: bold; }
div.nutritionTable
.secondRow td {			background: #DEE8F2; }
div.nutritionTable
.nT_Content {				width: 195px; }
div.nutritionTable
.nT_Digits {				width: 80px; }

.nutritionDivider {			float: left; width: 740px; height: 21px;
						background-image: url("../images/gfxNutritionDivider.gif"); }


/**  Nutrition Table (Core Product Range)  **/
.nT2 {					width: 740px !important; margin: 40px 0; }
.nT2 table {				width: 740px !important; font-size: 10px !important; }
.nT2 table td {			text-align: center; vertical-align: middle; }

div.nutritionTable
.nT_Product {				width: 250px; text-align: left; }

div.nutritionTable
.nT_Digits2 {				width: 70px; }


/****************************
		Footer Content
****************************/
.footerClear {				height: 80px; clear: both; }
#footerWrapper {			position: relative; width: 100%; height: 80px;
						background: url("../images/bgFooter.jpg") top center no-repeat; }