html { 	width:100%; height:100%; }
body {
	margin:0px;	padding:0px;
	width:100%; height:100%;
	/*background:url('i/fadeDownOrange.jpg') #fff repeat-x;*/
	font-family: verdana; font-size: .8em;
	background-color:#fff;
}
img, p, form, ul {
	border:none; margin:0px; padding:0px;
}
area:hover {
	cursor:pointer;
}
area:hover {
	pointer:hand;
}
.blurbArrow {
	line-height:10px;
	font-weight:bold;
	font-size:3em;
}
.alignTop {
	vertical-align:top;
}
.bold {
	font-weight:bold;
}
#pageContainer {
	/*border:2px solid pink;*/
	margin:10px auto;
	width:800px; height:700px;
}
#header {
	/*border:1px solid red;*/
	background:url('i/logo246x120.jpg') #fff no-repeat center top;
	width:800px; height:160px;
}
#content {
	/*border:1px solid orange;*/
	margin:0px; padding:0px;
	background: #fff no-repeat 0px 0px;/* if both positional values aren't specified, then vertical is set to 50% */
	width:100%;height:500px;
	color:#000;
	text-align:center;
}
#footer {
	border-top:3px double #f79322;
	background-color:#fff; color: #000;
	height:25px;
	text-align:center;
	vertical-align:center;
	font:.85em arial;

}
#menuTable {
	margin:0px auto;
	font-size:.8em;
}
table#menuTable td.mainPage:hover {
	cursor:pointer;
}
table#menuTable td.mainPage {
	height:125px;
}
table#menuTable td.menuItem:hover {
	background:url('i/button7_green.png') no-repeat;
	cursor:pointer;
}
table#menuTable td.menuItem {
	width:122px; height:20px;
	text-align:center;
	vertical-align:center;
	padding:0px;
	background:url('i/button7.png') no-repeat;
	color:#000;
	font-size:.75em;
	font-weight:bold;
}
.tdSpacer {
	width:15px;
}
div.subMenu {
	display:none;
	position:absolute; z-index:10;
	margin:auto;
}
div.subMenu div.subMenuItem {
	width:122px; height:20px;
	background:url('i/button7_pink.png') no-repeat;
	text-align:center;
	color:#000;
	font-size:.6em;
	font-weight:bold;
	line-height:20px; /* vertical-align:center for one line of text */
}
div.subMenu div.subMenuItem:hover {
	background:url('i/button7_green.png') no-repeat;
	cursor:pointer;
}
div.hideSubMenuWrapperTop {
	display:none;
	position:absolute; z-index:20;
	height:20px; width:162px;
	background-color:white;	/* didn't work right without the this in IE */
	opacity:.0;filter: alpha(opacity=0); -moz-opacity: 0;
}
div.hideSubMenuWrapperRight {
	display:none;
	position:absolute; z-index:20;
	width:20px;
	background-color:#fff;									/* didn't work right without the this in IE */
	opacity:.0;filter: alpha(opacity=0); -moz-opacity: 0;	/* */
}
.menuItemSpacer {
	position:relative; z-index:30;
	width:122px; height:20px;
	background-color:#fff;
	opacity:.0;filter: alpha(opacity=0); -moz-opacity: 0;
	text-align:center;
}
.menuItemSpacerText {
	_display:inline-block;
	_position:relative;
	_top:-1px;
}
/* MAIN PAGE */
.blurbDiv {
	display:block;
	position:absolute;
	background: url('i/teaCup.jpg') #fff no-repeat 150px 50px;
	width:500px; height:300px;
	z-index:10;
	background-color:#fff;
	text-align:justify;
	padding:8px 10px;
}
.serviceBlurb {
	height:260px;
	border:5px solid #fcadce;
}
.serviceBlurbShadow {
	width:521px; height:276px;
	border:5px solid #fcadce;
}
.ingredientBlurb {
	border:5px solid #a3d06a;
}
.ingredientBlurbShadow {
	width:521px; height:316px;
	border:5px solid #a3d06a;
}
.funBlurb {
	height:260px;
	border:5px solid #f79322;
}
.funBlurbShadow {
	width:521px; height:276px;
	border:5px solid #f79322;
}
div.blurbShadow {
	position:absolute;
	z-index:9;
	background-color:#000;
	opacity:.40;filter: alpha(opacity=40); -moz-opacity: 0.4;
}
div.closeTabClass {
	position:absolute;
	display:block;
}
.highlight {
	position:absolute;
	z-index:10;
}
.mailingListText {
	font-size:1.2em;
}
#disablePageDiv {
	display:none;
	position:absolute; z-index:50;
	top:0px; left:0px;
	width:100%; height:750px;
	background-color:#aaa;									/* didn't work right without the this in IE */
	opacity:.75;filter: alpha(opacity=75); -moz-opacity:75;	/* */
}
#subscriberForm {
	display:none;
	position:absolute; z-index:51;
	top:50px; left:50px;
	width:300px; height:150px;
	background-color:#fff;
	padding:10px;
}
#emailInput {
	color:#999;
	background-color:#b3e07a;
}
#emailInput:focus {
	color:#000;
}
#emailInput.textInputFocus {
	color:#000;
}


/* HEALTH */
span#healthTitle { font-size:1.6em; line-height:1.3em; font-weight:bold; }
div#healthFruit { padding:25px 100px; text-align:justify; line-height:1.3em; font-size:1.3em; }
div#fruitLabel { position:absolute; z-index:2; top:400px; left:495px; width:250px; height:45px; text-align:center; vertical-align:middle; font:bold 2em verdana; color:#666; }
img#orangeImgId { position:absolute; z-index:6; top:460px; left:530px; }
img#raspberryImgId { position:absolute; z-index:6; top:480px; left:375px; }
img#aloeImgId { position:absolute; z-index:6; top:240px; left:300px; }
img#limeImgId { position:absolute; z-index:6; top:360px; left:795px; }
img#pineappleImgId { position:absolute; z-index:6; top:485px; left:695px; }
img#strawberryImgId { position:absolute; z-index:6; top:200px; left:675px; }
img#coconutImgId { position:absolute; z-index:6; top:220px; left:475px; }
img#mangoImgId { position:absolute; z-index:6; top:380px; left:275px; }
img.normalFruitClass { width:170px; height:170px; }
img.zoomFruitClass { width:200px; height:200px; }
ul#fruitButtons {
	margin-left:10px;
	float:left; 
}
ul#fruitButtons li.normal {
	padding:0px;line-height:0px; font-size:0px;
	margin-bottom:3px;
	list-style:none;
	border:3px solid #fcadce;
}
ul#fruitButtons li.selected	 {
	padding:0px;line-height:0px; font-size:0px;
	margin-bottom:3px;
	list-style:none;
	border:3px solid #f79322;
}

/* LINKS */
.linkBox {
	float:left;
	text-align:left;
	width:399px;
}
.linkLozenge {
	position:relative;
	width:373px; height:87px;
	margin:0px 5px 15px 5px;
	padding:4px 8px;
	text-align:justify;
	font-size:.8em;
	color:#555;
}
.linkLozenge:hover {
	cursor:pointer;
}
.linkLozengeTitle {
	margin-left:10px;
	text-decoration:underline;
	font-weight:bold;
}
.linkLozengeTitle a {
	color:#000;
}
.linkLozengeTitle a:hover {
	color:#999;
}

/* COLORS */
.fruitPink { color:#fcadce; }
.fruitGreen { color:#a3d06a; }
.fruitOrange { color:#f79322; }

/* TEXT */
.bold { font-weight:bold; }

.hideClass { display:none; }
.showClass { display:block; }