body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.h1 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #FFF;
	line-height: 17px;
	background-color: #333;
}
.h2 {
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	line-height: 17px;
	background-color: #FBFBFB;
}
td.bg-logo {
	background-image: url('imr-granosite-top2.jpg');
}
td.info-cell {
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	color: #000000;
	background-color: #FBFBFB;
	height: 23px;
	width: 66px;
}
/*

        =================================

        start of Tooltip css code here

        ================================= */
.info { 
}
a.info {
	position: relative; /*this is the key*/;
	z-index: 24;
	background-color: #e0e0e0; /* background colour of display text */;
	color: #000000; /* colour of display text */;
	border: 1px dotted #999;
	text-decoration: none;
}
a.info:hover {
	z-index: 25;
	background-color: #ffff66;
}
a.info span {
	display: none;  /* hide the span text using this css */
}
a.info:hover span {
	/*the span will display just on :hover state*/

        display: block;
	position: absolute;
	top: 1em;
	left: 1em;
	width: 200px;
	border: 1px solid #ff0000;
/* border colour */	background-color: #ffff99; /* background colour here */;
	color: #000000; /* text colour */;
	text-align: center;
	font-size: 1em;
	z-index: 30;
}
.images {
	vertical-align: bottom;
}