.mouseovercontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.mouseover img{
border: 0px;
margin: 0 5px 5px 0;
}

.mouseover:hover{
background-color: transparent;
}

.mouseover:hover img{
border: 1px dotted #ECEADB;
}

.mouseover span{ /*CSS for enlarged image*/
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 width: 100%;
background-color: #ECEADB;
padding: 5px;
border: 1px dotted #999966;
}

.mouseover:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 1px;
left: 20px;
z-index: 50;
}



#dhtmltooltip{
	font-family: Century Gothic, Apple Gothic, Trebuchet, Tahoma, Arial, sans-serif;
	font-size: 1.2em;
	color: #382916;

position: absolute;
left: -100px;
width: 150px;
border: 1px solid #999966;
padding: 5px;
background-color: #ECEADB;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}