/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	font-size:12px;
	width:251px;
	overflow:hidden;
	color:#000;
	position:absolute;
	bottom:0px;
	@bottom:130px;
	_bottom:180px;
	left:-40px;
	z-index:92;
}


/*Style*/
#tooltipTitle {
	width:231px;
	height:31px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	background:transparent url(../images/tooltip_tbg.gif) top left no-repeat;
}
#tooltipContent {
	width:231px;
	border-left: #ce0810 1px solid;
	border-right: #ce0810 1px solid;
	background:#ffffff;
	padding-left:9px;
	padding-right:9px;
}
#tooltipContent .content{
	margin-left:-9px;
	margin-right:-9px;
	padding:5px;
	padding-left:9px;
	padding-right:9px;
	background:#ffffff;
}
#tooltipContent .note{
	margin-left:-9px;
	margin-right:-9px;
	padding:5px;
	padding-left:9px;
	padding-right:9px;
	background: #ffffff;
	/* Fallback for web browsers that doesn't support RGBa */
	background-color: rgb(223, 223, 223);
	/* RGBa with 0.6 opacity */
	background-color: rgba(223, 223, 223, 0.8);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#dfdfdf);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfdfdf, endColorstr=#dfdfdf)";	
	#background: #dfdfdf;
	color:#d10810;
}
#tooltipFooter {
	width:201px;
	height:27px;
	padding-left:25px;
	padding-right:25px;
	background:transparent url(../images/tooltip_fbg.gif) bottom left no-repeat;
}
#products a:hover{
	position:relative;
	@z-index:6;
}
#products a:hover .tooltip{
	display:block;
}