@charset "UTF-8";
/* CSS Document */
#productPage body{background:#fff;}
.homeContent{background:url(../dj_products/images/productPageBG.gif) no-repeat #FFFFFF;width:768px; height:100%; float:left; }
.container .whiteArea .productContainer {float:left; clear:both; margin:20px 0 0px 0px; padding:0px 0 0px 0; width:519px; height:100%px; position: relative; left:10px; z-index:10;}
.productContainer .productTop h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#fff; width:400px; font-weight:normal; margin:0px 0 0 75px;  position:relative; z-index:21;}
.container .whiteArea .productContainer .productTop{float:left;background:url(../DJ_faqs/images/faqTop.gif) no-repeat #1253c1; height:26px; width:521px;}
.container .whiteArea .productContainer .productInfo{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333; width:519px; height:100%;  float:left; border-bottom: #1253c1 solid 1px; border-right:solid 1px #1253c1; border-left: solid 1px #1253c1; background:#fff; padding-bottom:20px; }
.container .whiteArea .productContainer .productInfo .note{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333; float:left; line-height:1.2em; padding:10px 0 15px 0;}
.container .whiteArea .productContainer .productInfo .cup{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333; float:left; line-height:1.2em; padding:10px 0 0 0;}
.container .whiteArea .productContainer .productInfo .note a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0F298F; text-decoration:none;}
.container .whiteArea .productContainer .productInfo .note a:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0F298F; text-decoration:underline;}

.container .whiteArea .productContainer .productInfo .thirdP{ float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333; width:495px;  padding:15px 0 0 0;}

.container .whiteArea .productContainer .productInfo2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333; width:519px; height:210px;  float:left; border-bottom: #1253c1 solid 1px; border-right:solid 1px #1253c1; border-left: solid 1px #1253c1; background:#fff; padding-bottom:20px; }


.container .whiteArea a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#0F298F; text-decoration:none;}
.container .whiteArea a:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#0F298F; text-decoration:underline;}

.container .whiteArea .productContainer .productInfo .whiteArea2 { width:500px; height:100%; float:left; position:relative; top:10px; left:10px;}

.container .whiteArea .productContainer .productInfo2 .whiteArea2 { width:500px; height:100%; float:left; position:relative; top:10px; left:10px;}

.productContainer .productInfo .whiteArea2 .topContent{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333; width:350px; margin:5px 0 5px 0px; padding-left:80px; line-height:1.2em; float:left; clear:both; width:400px;}
.productContainer .productInfo .whiteArea2 .topContent2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333; width:350px; margin:-35px 0 5px 0px; padding-left:0px; line-height:1.2em; float:left; clear:both; width:490px;}
.productContainer .productInfo .whiteArea2 .topContent2 p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333; width:350px; margin:35px 0 5px 0px; padding:0 0 0px 0; line-height:1.2em; float:left;  width:490px;position:relative;  z-index:20;}
.productContainer .productInfo .whiteArea2 .topContent2 .secondP{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333; width:350px; margin:5px 0 5px 0px; padding:0 0 0px 0; line-height:1.2em; float:left;  width:490px;position:relative;  z-index:20;}



.productContainer .productInfo2 .whiteArea2 .topContent{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333; width:350px; margin:5px 0 5px 0px; padding-left:80px; line-height:1.2em; float:left; clear:both; width:400px;}
.productContainer .productInfo2 .whiteArea2 .topContent2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333; width:350px; margin:-35px 0 5px 0px; padding-left:0px; line-height:1.2em; float:left; clear:both; width:490px;}
.productContainer .productInfo2 .whiteArea2 .topContent2 p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333; width:350px; margin:35px 0 5px 0px; padding:0 0 90px 0; line-height:1.2em; float:left;  width:490px;position:relative;  z-index:20;}

.productInfo .whiteArea2 .nutritionInfoTop{width:500px; height:11px; background:url(../DJ_nutrition/images/nutritionLandingTop.gif) no-repeat 0 1px; float:left; margin:10px 0 0 0;}
.productInfo .whiteArea2 .nutritionInfoTop2{width:500px; height:11px; background:url(../DJ_faqs/images/HistoryTop2.gif) no-repeat; float:left; overflow:hidden;}
.productInfo .whiteArea2 .nutritionInfoTop3{width:500px; height:15px; background:url(../DJ_nutrition/DJ_fruitDaily/images/fruitDailyTop.gif) no-repeat 0 1px; float:left; margin:10px 0 0 0;}
.productInfo .whiteArea2  .nutritionInfo2 .info .divider{float:right; margin:0; padding:0; height:11px;}
.productInfo .whiteArea2  .nutritionInfo{width:498px; height:100%; float:left; background:url(../DJ_nutrition/images/nutritionLandingBG.gif) repeat-x #ecf3fb; border-left:#6a9eda solid 1px;border-right:#6a9eda solid 1px;border-bottom:#6a9eda solid 1px; margin:-1px 0 0 0;}
.productInfo .whiteArea2  .nutritionInfo2{width:500px; height:100%; float:left; background:#E6F0F9;margin:0px 0 0 0;}
.productInfo .whiteArea2  .nutritionInfo2 .info{float:left; position:relative; left:5px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#0F298F; font-weight:bold; padding:0 0 0px 0;}
.productInfo .whiteArea2  .nutritionInfo2 .info .odd{float:left; position:relative; left:5px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333; font-weight:bold; background:#F5F9FC; width:190px;  text-align:center;}
.productInfo .whiteArea2  .nutritionInfo2 .info .odd span{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333; font-weight:normal;}

.productInfo .whiteArea2  .nutritionInfo2 .info .even{float:left; position:relative; left:5px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0F298F; font-weight:bold; background:#E6F0F9; width:190px;  text-align:center;}
.productInfo .whiteArea2  .nutritionInfo2 .info .even2{float:left; position:relative; left:5px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0F298F; font-weight:bold; background:#E6F0F9; width:5px;}
.productInfo .whiteArea2  .nutritionInfo2 .info .label{width:95px;}

.productInfo .whiteArea2  .nutritionInfo .sections{ float:left; line-height:1.2em; color:#0f298f;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold;padding:5px 0 10px 30px;text-align:left; list-style:none; }
.productInfo .whiteArea2  .nutritionInfo .sections li{ float:left; clear:both; background:url(../DJ_nutrition/images/nutritionBullet.gif) no-repeat 0px 6px; float:left; line-height:1.2em; color:#0f298f;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold;padding:2px 0 2px 15px;text-align:left; width:430px; }

.productInfo .whiteArea2  .nutritionInfo .sections li span{ line-height:1.2em; color:#333;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; font-weight:normal;}

.productInfo .whiteArea2  h2{float:left; clear:both; width:500px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#0F298F; font-weight:normal; margin:10px 0 0 0;}
.productInfo .whiteArea2  h2 .dots{position:relative; top:-5px; left:5px;}

.productInfo2 .whiteArea2  .nutritionInfo .sections{ float:left; line-height:1.2em; color:#0f298f;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold;padding:5px 0 10px 30px;text-align:left; list-style:none; }
.productInfo2 .whiteArea2  .nutritionInfo .sections li{ float:left; clear:both; background:url(../DJ_nutrition/images/nutritionBullet.gif) no-repeat 0px 6px; float:left; line-height:1.2em; color:#0f298f;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold;padding:2px 0 2px 15px;text-align:left; }
.productInfo2 .whiteArea2  h2{float:left; clear:both; width:400px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#0F298F; font-weight:normal; margin:10px 0 0 0;}







/* Header Icons */
.container .whiteArea .productContainer .productInfo .detail{ background:url(../DJ_nutrition/images/detail.gif) no-repeat;height:88px; width:81px; position:absolute; top:3px; left:8px; }
.container .whiteArea .productContainer .productInfo .detail2{width:78px; margin:-33px 0 0 -5px; padding:0 10px 0 0; position:relative; z-index:1000; }
.container .whiteArea .productContainer .productInfo2 .detail2{width:78px;  margin:-33px 0 0 -5px; padding:0 10px 0 0; position:relative; z-index:1000; }

/* Side Bar Images */
.container .whiteArea .tout1  {width:202px; height:260px; position:absolute; top:20px; left:550px; float:left; clear:both;}
.container .whiteArea .tout1  h2{float:left; clear:both;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#0F298F; font-weight:normal;}
.container .whiteArea .tout1  span{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0F298F;}
.container .whiteArea .tout1  a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0F298F; font-weight:bold; text-decoration:none;}
.container .whiteArea .tout1  a:hover{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0F298F; font-weight:bold; text-decoration:underline;}
.container .whiteArea .tout1  .detailLink{float:right; position:relative; left:-10px;}
.container .whiteArea .tout1  p{ clear:both; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333; font-weight:normal; line-height:1.2em;}
.container .whiteArea .tout1 .detail2{ /*background:url(images/paradiseBlendToutImg.gif) no-repeat 15px 38px;*/ width:202px; height:218px;}
.container .whiteArea .tout1  #flashToutImage1{position: absolute;top: 4em;left: 23px;}

.container .whiteArea .tout2  {width:202px; position:absolute; top:20px; left:550px; float:left; clear:both;}
.container .whiteArea .tout2  h2{float:left; clear:both;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#0F298F; font-weight:normal;}
.container .whiteArea .tout2  span{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0F298F;}
.container .whiteArea .tout2  a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0F298F; font-weight:bold; text-decoration:none;}
.container .whiteArea .tout2  a:hover{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0F298F; font-weight:bold; text-decoration:underline;}
.container .whiteArea .tout2  .detailLink{float:right; position:relative; left:-10px;}
.container .whiteArea .tout2  p{ clear:both; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333; font-weight:normal;  line-height:1.2em;}
.container .whiteArea .tout2 .detail2b{ background:url(images/peachMangoToutImg.gif) no-repeat 15px 50px; width:202px; height:225px;}

.container .whiteArea .tout3  {width:202px; position:absolute; top:25px; left:550px; float:left; clear:both;}
.container .whiteArea .tout3  h2{float:left; clear:both;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#0F298F; font-weight:normal;}
.container .whiteArea .tout3  span{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0F298F;}
.container .whiteArea .tout3  a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0F298F; font-weight:bold; text-decoration:none;}
.container .whiteArea .tout3  a:hover{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0F298F; font-weight:bold; text-decoration:underline;}
.container .whiteArea .tout3  .detailLink{float:right; position:relative; left:-10px;}
.container .whiteArea .tout3  p{ clear:both; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333; font-weight:normal;  line-height:1.2em;}
.container .whiteArea .tout3 .detail2b{ /*background:url(images/strawberryBananaToutImg.gif) no-repeat 15px 50px;*/ width:202px; height:230px;}
.container .whiteArea .tout3  #flashToutImage1{position: absolute;top: 4.1em;left: 23px;}

.container .whiteArea .tout4  {width:202px; position:absolute; top:20px; left:550px; float:left;}
.container .whiteArea .tout4  h2{clear:both;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#0F298F; font-weight:normal;}
.container .whiteArea .tout4  span{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0F298F;}
.container .whiteArea .tout4  a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0F298F; font-weight:bold; text-decoration:none;}
.container .whiteArea .tout4  a:hover{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0F298F; font-weight:bold; text-decoration:underline;}
.container .whiteArea .tout4  .detailLink{float:right; position:relative; left:-10px;}
.container .whiteArea .tout4  p{ clear:both; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333; font-weight:normal;  line-height:1.2em;}
.container .whiteArea .tout4 .detail2b{ /*background:url(images/pinaColadaToutImg.gif) no-repeat 15px 30px;*/ width:202px; height:210px;}
.container .whiteArea .tout4  #flashToutImage1{position: absolute;top: 5.5em;left: 25px;}
.container .whiteArea .tout4 .new{ position:relative; left:-5px; top:-3px;}