#case {
	width:580px;
	height:306px;
	background:#fff;
	float:none;
	position:relative;
}

#case a.pics {
	background:#fff;
	float:left; 
	display:inline; 
	text-decoration:none; 
	cursor:default;
	text-align:center;
}
#case a.pics img.thumb {
	display:block; 
	width:60px;
	height:60px;
	display:block;
	border:2px solid #ccc;
	margin-bottom: 7px;
	margin-left: 7px;
}


#case a.pics span {
	display:none; 
	border:none;
	width:500px; 
	height:300px;
	/*background:#fff; */
	/*text-align:center;*/
}

#case a.pics span img { /* Fixed the width and height of this */
	width:500px;
	height:300px;
	border:2px solid #ccc;
}

#case a.pics:hover {
	white-space:normal; 
}
#case a.pics:hover span {
	display:block; 
	position:absolute; 
	left:0px; top:0px; /* Top position may change before finalised */
	z-index:10; 
	height:300px;
}

#case a.pics:active {
	border:2px solid #ccc;
	position:absolute; 
	left:0px; top:0px; 
} 
#case a.pics:active span {
	display:block; 
	position:absolute; 
	left:0px; top:0px; 
	z-index:5; height:300px;
}

#case a.pics:focus {
	border:none; 
	outline:0;
}

#case a.pics:focus span {
	display:block; 
	position:absolute; 
	left:0px; top:0px; 
	z-index:5; 
	outline:0;
	border:none;
}

#casemainimg {
	width:500px;
	height:300px;
	border:2px solid #ccc;
	float:left;
}