/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(../images/black_arrow.png);
	font-size:12px;
	height:123px;
	width:160px;
	padding:25px;
	color:#fff;	
}

/* override the arrow image of the tooltip */
.tooltip.bottom {
	background:url(../../tools/img/tooltip/black_arrow_bottom.png);
	padding-top:40px;
	height:55px;
}

.tooltip.bottom {
	background:url(http://www.booklounge.ca/ebooks/images/black_arrow_bottom.png);
}