#leftCol { float: left; width: 260px;  padding-right: 20px; }
	#rightCol { float: left; width: 270px; padding-top: 10px;}
	
	a: visited: {color: #36C; }
	
	td { position: relative; }
	.pricingTable th { text-align: left; border-bottom: 1px solid #ccc;  padding-top: 4px; padding-bottom: 4px; padding-left: 8px; background: #D3ECE5; border-top: 12px solid #fff;  }
	.pricingTable td { position: relative; padding-left: 12px; padding-bottom: 2px; padding-top: 2px; border-bottom: 1px solid #eee; vertical-align: top;  border-left: 1px solid #eee; }
	.pricingTable td.leftCell {padding-left: 0px; border-left: 0;}
	.pricingTable tr.subheadingRow td { font-weight: bold; padding-top: 6px;}
	
	.pricingTable td { border: none; }
	
td a {
	position: relative; 	
}

a span {
	display: none;
}

body { font-weight: normal; }

html body table td a:hover {font-weight: 500;} /* IE/Win requires some link change on hover in order to show the tooltips */

html body table td { position: relative; }


html body table td a:hover span { /*the span will display just on :hover state*/
	display: block !important;
	position: absolute;	
	z-index: 4;
	top: -40px; 
	left: -250px; 
	width: 220px;
	text-decoration: none;
	border: 1px solid #89ACA3;
	background-color: #F3FBF8; 
	color: #000;
	padding: 12px;
	font-size: 10px;
}	

html body table td a:hover span#morphology {	
	display: block !important;
	position: absolute;	
	z-index: 4;
	top: -190px; 
	left: -140px; 
	width: 280px;
	text-decoration: none;
	border: 1px solid #89ACA3;
	background-color: #F3FBF8; 
	color: #000;
	padding: 12px;
	font-size: 10px;
	}
	
th a {
	text-decoration: none;