/* Our main container element */
#flyouts
{
	
}
/* A single item, which has a details flyout */
#flyouts div
{
	width: 125px;
	float: left;
	margin: 10px;
	text-align: center;
}
/* The text inside of the flyout */
#flyouts div p
{
	font-size: 11px;
	margin: 0px 5px 0px 10px;
}
#flyouts div p a
{
	font-size: 11px;
}
/* The details which 'pop out' */
#flyouts div span
{
	position: absolute;
	left: -999px;
	width: 400px;
	margin-top: 30px;
	margin-left: -20px;
	background-color: #fff;
	border: 1px solid #222;
	padding: 1px;
	text-align: left;
	z-index: 1000; /* *&(* IE */
}
#flyouts div:hover span
{
	left: auto;
	z-index: 1000;
}