#tooltip {
	position: absolute;
	z-index: 3000;
	
	
	padding: 5px;

}
#tooltip h3, #tooltip div { margin: 0;font-size:10px;	text-align: left; }

/* remember to define focus styles! */
:focus {
	outline: 0;
}

.tooltippp {

}

.tooltippp img {float:left; padding:0 !imporant; margin:0 !important}
#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 250px;
}
 .bgg {
 	float:left;
		width: 210px !important;
		padding:20px 20px 0px 20px;
		background: url('../img/shadow.png');
		
}


.bggg {
		width: 250px !important;
		float:left;
		height:30px;
	background: url('../img/shadow_bas.png') bottom left;
	
}





#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size:12px;
	width: 220px;
	text-align: left;
	border:none !important;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.product h3 {
	margin:0px;
padding:0px;
}




#tooltip.product {
	font-family: Arial;
	border: none;
	width: 310px;
	background:#fff;
	border:0;


}

#tooltip.product h3 {border:none !important;
border:0; }
#tooltip.product .bgg {
		width: 300px;
		padding:10px;
		background:#fff;
		border:0;
}


#tooltip.product .bggg {
	
		height:0px;

	
}

#tooltip.fancy {
	background: url('shadow2.png');
	padding-top: 5em;
	height: 100px;
}
#tooltip.fancy.viewport-right {
	background: url('shadow2-reverse.png');
}

#extended { margin: 2em 0; }
#extended label { text-decoration: underline; }
#yahoo { width: 7em; }
#right, #right2 { text-align: right; }
#tooltip.right { width: 250px; }
#fancy2 { float: right; }