/* Accutense Page - Image Group */
.imggrp {
	width: 100%;
	text-align: center;
}
.lftimg img,
.midimg img,
.mid2img img,
.rtimg img {
	border: 4px #000 solid;
}
.lftimg {
	float: left;
	width: 175px;
	margin-right: 2%;
	margin-left: 2%;
}
.midimg {
  margin-left: auto;
  margin-right: auto;
  width: 200px;
}
.rtimg {
	float: right;
	width: 175px;
	margin-right: 2%;
	margin-left: 2%;
}
.mid2img {
  margin-left: auto;
  margin-right: auto;
  width: 300px;
}
.mid2left {
	float: left;
	margin-right: 2%;
	margin-left: 2%;
	width: 80px;
}
.mid2right {
	float: right;
	margin-right: 2%;
	margin-left: 2%;
	width: 150px;
}
.imggrp a:link {
	font-size: .85em;
	text-decoration: underline;
	color: #00F;
}
.imggrp a:visited {
	font-size: .85em;
	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: 5px;
height: 50px;
width: 50px;
}
.view { /*CSS for enlarged image*/
position: absolute;
height: 420px;
width: 420px;
text-align: center;
visibility: hidden;
}
.view img {
	height: auto;
	width: auto;
	border: 2px solid #000;
}
.thumbnail a:hover img {
	border: 2px solid #000;
}
.thumbnail a:hover,
a:hover .view { /*CSS for enlarged image*/
visibility: visible;
top: 195px;
left: 250px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

