﻿/*-- global css --*/
*                   { outline: none; text-decoration: none; }
img                 { border: 0; }
body                { margin: 0px auto 0px auto; background:#8dd2f9 url('../images/bg.gif') repeat-x; }

#container          { margin: 0px auto 0px auto; border: none; position: relative; display: block; text-align: center; width: 100%; }
#contentContainer   { margin: 0px auto 0px auto; border: none; position: relative; display: block; text-align: center; width: 1000px; }

#maincontent        { position: absolute; z-index: 10; }

#header             { margin: 0px auto 0px auto; border: none; position: relative; z-index: 20; width: 1000px; text-align: left; }
#headerBG           { position: absolute; margin: 0; }
#headerLogo         { position: absolute; margin: 0; z-index: 21; }
#headerNavOff       { position: absolute; margin-left: 450px; }

#headerNavOn        { position: absolute; margin-left: 450px; }
#headerNavOn div    { position: absolute; visibility: hidden; }

#headHit1           { left: 0px; }
#headHit2           { left: 85px; }
#headHit3           { left: 180px; }
#headHit4           { left: 300px; }
#headHit5           { left: 450px; }

#headerNavMap		{ position: relative; width: 1000px; background:none; text-align:right; }

#footer             { border: none; position: relative; margin: 30px 0 0 20px; z-index: 20; width: 1000px; color: #386EB6; font: .75em arial,verdana,helvetica,sans-serif; text-align: left; }
#footer a           { color:#4C249D; }
#footer a:hover     { text-decoration: underline; }
#footerNumu         { position: absolute; margin: -40px 0 0 660px; }


/*-- homepage --*/
#homeMain       { margin-left: -70px; }
#homeCMSCopy    { position: absolute; margin: -340px 0 0 42px; width: 280px; height: 170px; overflow: hidden; text-align: left; color: #4C249D; font: .85em arial,verdana,helvetica,sans-serif; }
#homeCMSCopy h1 { color: #3fa0d8; font: 1.5em arial,verdana,helvetica,sans-serif; padding: 0 0 10px 0;  margin: 0; }
#homeCMSCopy p  { padding: 0 0 7px 0; margin: 0; }


/*-- product details page --*/
#prodBG             { position: absolute; }

.prodContent        { position: absolute; margin: 260px 0 0 0; width: 440px; text-align: left; color: #223d62; font: .85em arial,verdana,helvetica,sans-serif; }
.prodContent ul     { margin: 0; padding: 0 0 10px 0; }
.prodContent li     { margin: 0; padding: 0 0 10px 0; }
.prodContent h1     { margin: 0; padding: 0 0 10px 0; color: #4C249D; font: 2em arial,verdana,helvetica,sans-serif; }
.prodContent h2     { margin: 0; padding: 0 0 15px 0; color: #4C249D; font: 1.5em arial,verdana,helvetica,sans-serif; }
.prodContent a      { color: #4C249D; font: 1.25em arial,verdana,helvetica,sans-serif; text-decoration: none; }

.prodContent.Left   { margin-left: 50px; }
.prodContent.Right  { margin-left: 550px; }

.prodNutrition { width: 410px; padding: 20px 0 0 0; text-align: right; }
    
/*-- nutrition page --*/
#nutrFruit { position: absolute; margin: 226px 0 0 -64px; }
#nutrContent { position: absolute; margin: 65px 0 0 318px; width: 650px; }
#nutrCopy { width: 570px; padding: 0 40px; background: #DDF0FE url('../images/nutrition_Content_BG.jpg') repeat-x; text-align: left; font: .85em arial,verdana,helvetica,sans-serif; }

#nutrCopy p { color: #223d62;  margin: 0; padding: 0 0 15px 0; }
#nutrCopy p.centered { text-align: center; }
#nutrCopy p.strong { color: #4C249D; font: .85em arial,verdana,helvetica,sans-serif; }
.nutrHead1 { margin: 0; padding: 0 0 15px 0; color: #4C249D; font: 1.6em arial,verdana,helvetica,sans-serif; }
.nutrHead2 { margin: 0; padding: 0 0 15px 0; color: #4C249D; font: 1.4em arial,verdana,helvetica,sans-serif; }
.nutrCalPerDay { margin: 0; padding: 0 0 15px 0; color: #4C249D; font: .75em arial,verdana,helvetica,sans-serif; }
    