/* Accutense Page - Image Group */
.grpheader {
	font: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
}
.imggrp {
	width: 100%;
	margin-bottom: 5px;
	text-align: center;
}
.lftimg img,
.midimg img,
.rtimg img {
	border: 4px #000 solid;
}
.lftimg {
	float: left;
	width: 180px;
	margin-left: 2%;
	margin-right: 2%;
}
.midimg {
  margin-left: auto;
  margin-right: auto;
  width: 180px;
}
.rtimg {
	float: right;
	width: 180px;
	margin-right: 2%;
	margin-left: 2%;
}

.imggrp a:link {
	font-size: .85em;
	text-decoration: underline;
	color: #00F;
}
.imggrp a:visited {
	font-size: .8em;
	text-decoration: underline;
	color: #90C;
}

/* Accutense Picture Pages - Image Gallery */
.gallerycontainer{
/*position: relative;
Add a height attribute and set to largest image's height to prevent overlaying*/
height: 520px;
}
.thumbnail img{
border: 2px solid #FFF;
margin: 1px 2px;
height: 50px;
width: 75px;
}
.athumbnail img{
border: 2px solid #FFF;
margin: 1px 2px;
height: 75px;
width: 50px;
}
.view { /*CSS for enlarged image*/
position: absolute;
height: 420px;
width: 420px;
top: 200px;
left: 250px;
text-align: center;
visibility: hidden;
}
.view img {
	height: auto;
	width: auto;
	border: 2px solid #000;
}
.thumbnail a:hover img {
	border: 2px solid #000;
}
.athumbnail a:hover img {
	border: 2px solid #000;
}
.thumbnail a:hover,
.athumbnail a:hover,
a:hover .view { /*CSS for enlarged image*/
visibility: visible;
top: 215px;
left: 250px; /*position where enlarged image should offset horizontally */
z-index: 50;
}