.header{
width:560px;
background-color:#008698;
background: url("../img/headerbg.gif") repeat-x left;
padding-top:5px;
padding-bottom:5px;

color: #ffffff;
font-weight:bold;
}

.buttonalign{
background: #f6f8f9;
width:540px;
padding-bottom:5px;
}



.plantable{
width: 560px;
}


.plantable td{
background: url("../img/cellgradient.gif") repeat-x bottom left;
width: 75px;
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
vertical-align:middle;
}

.plantable td span{
	font-size:1.75em;
	font-weight: bold;
	line-height:1.1em;
}


.plantable .bonus{
background: url("../img/cellgradient.gif") repeat-x bottom left;
width: 220px;
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
}



.plantable .subheading{
background:#f6f8f9;
background: url("../img/subheadbg.gif") repeat-x top left;
font-weight:bold;
}

.plantable .subheadbonus{
background:#f6f8f9;
background: url("../img/subheadbg.gif") repeat-x top left;
font-weight:bold;
width:220px;
}



.moreinfo{
/*	background: url("../img/plus.gif") no-repeat left;	*/
background: url("../img/white-arrow.gif") no-repeat left -49px;
height:20px;
display:block;
width:75px;
float:right;
vertical-align:middle;
}

.active {
	background-position: left 2px;
}

.toggle{
width:20px;
height:30px;
background: url("../img/plus.gif") no-repeat;
position:absolute;
z-index:3000;
}

.slidepanel{
background: url("../img/slidepanel_big.gif") repeat-x bottom left;
background-color: #f6f8f9;
width:540px;
padding:10px;
height:250px;
}

.linkright{
float:right;
text-align:right;
}


#tooltip {
	position: absolute;
	z-index: 3000;
	border-top: 5px solid #cccccc;
	border-left: 5px solid #cccccc;
	border-right: 5px solid #cccccc;
	border-bottom: 5px solid #cccccc;
	background: url("../img/tipbackground.jpg") no-repeat top left;
	background-color: #FFFFFF;
	padding: 9px;
	width:250px;
}
#tooltip h3, #tooltip div { margin: 0; }