.hoverbox {

	background-color: #FFFFFF;
	visibility: hidden;
	position: absolute;
	z-index: 990;

/* compensate for IE6 select boxes */
/*
removed these lines because IMG contained in
DIV was not displaying properly in Mozilla(parts of <div> that rendered outside window STAY invisible when scrolled in)
or in IE6 (nothing but empty white <div> border appreaded after switching to "click image" from flyover pop-ups)
*/
	/* overflow:hidden; */ /*must have*/
	/* width: 33em; */ /*must have some width*/
}

.hoverbox .bd {

	border: thin double #00a2d3;
}


/* compensate for IE6 select boxes */
.hoverbox iframe
{
	display:none;/*sorry for IE5*/
	display:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/



/*  set width when image is resized in Javascript
 instead of making it so big and using overflow:hidden;
 commented out above

	/*width:3000px; */ /*must have for any big value*/
	/*height:3000px; */ /*must have for any big value*/;
}