/*********************************************************************************/
/*** Popup larger image when mouse hovers on its thumbnail using unorderd list ***/
/*-------------------------------------------------------------------------------*/
@charset "utf-8";
.hoverPopup {
	position: relative;
	z-index: 0;	
}

.hoverPopup:hover {
	z-index: 10;
}

/* Larger image container position before hover*/
.hoverPopup span {
	position: absolute;
	z-index: 15;
	visibility: visible;
	background-color: #FFFFFF;
	padding: 10px;
	left: -1200px;
	border: 5px ridge #CC6699;
}

/* Larger image size in container before hover */
.hoverPopup span img{
	border-width: 0;
	padding: 0px;
	width: 45px;
	height: 30px;
}

/* Position of larger image container on hover */
.hoverPopup:hover span { 	
	visibility: visible;
	top: -375px;
	left: -100px; 
}

/* Larger image size and container on hover */
.hoverPopup:hover span img {
	border-width: 0;
	padding: 0px;
	width: 425px;
	height: 302px;
	opacity: 1.0;
	filter: alpha(opacity=100);
	/*background-color: #000000;*/
}
 
/* Small image properties */
.hoverPopup img {
	padding: 5px;
	border-width: 2px;
	border-style: solid;
	border-color: #996666;
	width: 225px;
	height: 150px;	
}

/* Small image on hover */
.hoverPopup:hover img {
	border-width: 2px;
	border-style: solid;
	border-color: #996666; /*#FF0099;*/
	opacity: 0.5;
	filter: alpha(opacity=50);
	background-color: #000000;
}