/***********************/
/* Body */
/***********************/

#myDiv {
	position: absolute;
	left: 429px;
	top: 150px;
}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	list-style: none;
	margin-left:80%;
	display: block;
	position: absolute; 
	left: 250px; 
	/* This is the width of the array of thumbnails */
	width: 110px;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

/* Positions of the hovering thumbnails */
.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	z-index: 1;
}

/* This is the thumbnail image */
.hoverbox img
{
	background: #fff;
	color: inherit;
	padding: 0px;
	vertical-align: top;
	/* This is the width of the thumbnail image not the hovering image if too small, get extra column of thumbnails*/
	width: 40px; 
}

/* Positions of the thumbnails */
.hoverbox li
{
	background: #eee;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 0px; /* This got rid of the border around thumbnails */
	position: relative; 
	/* if make position absolute, then all thumbnails are on top of each other */
	/*		position: absolute; */
}

.hoverbox .preview
{
	border-color: #000;
	/* This is the width and height of the hovering image */
	width: 150px;
	top:+15px;
	left:+20px;
/* 	height: 150px; */
}