.hoverBox {
/*border:yellow 1px solid;*/
width:auto;
/*min-height:52em;*/
padding:10px 0;
text-align:center;
}
.hoverBox ul {
padding:0; 
margin:0;
border:0;
list-style-type: none;
}
.hoverBox ul li {
float:left;
margin:5px;
width:200px;
height:200px;
padding:0 3px 20px 4px;
}
.hoverBox ul li a, .hoverBox ul li a:visited {
display:block;
text-decoration:none; 
color:#000; 
width:200px; 
height:200px; 
color:#000; 
background:#fff;
}
.hoverBox ul li a img, .hoverBox ul li a:visited img {
border:0;
}

.hoverBox ul li dl {
visibility:hidden;
position:absolute;
}

table {
margin:-2px;
border:0;
padding:0;
border-collapse:collapse;
font-size:1em;
text-align:left;
}

.hoverBox dl {
/*border:pink 1px solid;*/
width:240px; 
padding:0; 
background:#FFF; 
height:auto;
}
.hoverBox dt {
	/*border:1px yellow solid;*/
	margin:0;
	padding:10px 0 0 0; 
	font-size:140%; 
	color: #333333; 
	background:#FFF;
	text-align:center;
	border:1px solid #AEDCF0;
	border-bottom:none;
	}

.hoverBox dd {
	margin:0; 
	padding:5px 15px 10px 15px; 
	color:#000; 
	font-size:.9em; 
	border:1px solid #AEDCF0; 
	border-width:0 1px 1px 1px; 
	background:#fff;
	text-align:center;
	}

.hoverBox dd p {
	font-size:100%;
	text-align:left;
	padding:0; 
	margin:10px 0 10px 10px; 
	line-height:1.5em;
	}
	
/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.hoverBox ul li:hover,
.hoverBox ul li a:hover {
color:#000; 
position:relative;
cursor: pointer;
cursor:hand;
}

.hoverBox ul li:hover dl,
.hoverBox ul li a:hover dl {
visibility:visible;
color:#000;
top:-35px;
left:180px;
cursor:default;
}

.hoverBox ul li:hover dl em,
.hoverBox ul li a:hover dl em {
display:block;
position:absolute;
left:-19px;
top:105px; /* pointy thing */
width:22px; 
height:30px;
background:transparent url(/images/hoverBox_point.png);
}

.hoverBox ul li:hover dl a, .hoverBox ul li:visited dl a, .hoverBox ul li a:visited dl a, .hoverBox ul li a:hover dl a {
color:#006EA4;
font-size:120%;
font-weight:bold;
background:transparent;
text-decoration:none;
display:inline;
padding:3px;
}
.hoverBox ul li:link dl a:hover,
.hoverBox ul li a:link dl a:hover {
text-decoration:none;
background:transparent;
padding:3px;
border-bottom:2px solid #AEDCF0;
}
.hoverBox ul li:hover dl a:hover,
.hoverBox ul li a:hover dl a:hover {
text-decoration:none;
background:transparent;
padding:3px;
border-bottom:2px solid #AEDCF0;
}
.hoverBox ul li a img {
padding:0 0 5px 0;
}

/* DRINKS */
#drink_Borange em {top:115px;} /* pointy thing */
#drink_Borange {width:250px;} 
#drink_perfect10 {width:240px;}
#drink_purple {width:250px;}
#drink_twostep {width:220px;}
