﻿.pic{
	left: 10px;
	top: 10px;
	width: 100px;
	position: relative;
	z-index: 3;
}

.pic:hover{
	background-color: transparent;
	z-index: 4;
}

.pic span{ /*CSS for enlarged image*/
	position: absolute;
	left: -1000px;
	visibility: hidden;
	text-decoration: none;
}

.pic span img{ /*CSS for enlarged image*/
	border-width: 0;

}

.pic:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -200px;
	left: -400px; /*position where enlarged image should offset horizontally */
	z-index: 0;
}
.picl{
	left: 10px;
	top: 10px;
	width: 150px;
	position: relative;
	z-index: 3;
}

.picl:hover{
	background-color: transparent;
	z-index: 4;
}

.picl span{ /*CSS for enlarged image*/
	position: absolute;
	left: -1000px;
	visibility: hidden;
	text-decoration: none;
}

.picl span img{ /*CSS for enlarged image*/
	border-width: 0;

}

.picl:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -200px;	/*set for above thumb - was -160px at side */
	left: 100px; /*position where enlarged image should offset horizontally */
	z-index: 0;
}

