@charset "UTF-8";
/* Copyright 2008 MagicToolBox.com. To use this code on your own site, visit http://magictoolbox.com */
/* CSS class for zoomed area */

.MagicZoomBigImageCont {
	border:			1px solid #91b817;
	background-color:rgba(246, 245, 246, 1);
}
/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			10px Tahoma, Verdana, Arial, sans-serif;
	color:			#fff;
	background:		#91b817;
	text-align:     center !important; 
}
/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		1px solid #aaa;
	background: 	#ffffff;
	cursor:			hand;
}
/* CSS style for loading animation box */
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	border: 		1px solid #ccc;
	opacity:		0.8;
	padding:		3px 3px 3px 3px !important;
	display: 		none; /* do not edit this line please */
}
/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px !important;
}
.zoomstyle {
	position: relative; left: 300px; top: 50px;
}

.photos {
	border: 5px solid #f0f0f0;	
	padding: 5px;
	width: 495px;

	margin: 0 auto;
	float:left;
}
img { border:1px solid #a49188;}

/* box around main pic */
.photos div img {
	padding: 0px 0;
	margin: 0px 0;
	float: left;
	
}
.photos ul.thumbs {
/* unknown box around thumbs?? */

	margin: 0;
	padding: 0px 0;
	list-style: none;
	width: 60px; 
	float: left;
}
/* box around thumbs before hover */
.photos ul.thumbs li{
	margin: 0 10px 0 0;
	width: 87px;
	padding: 0;
	float: left;
	border: 2px solid #ddd;
	position: relative;
	height:132px;
}
/* hovered box around thumbs */
.photos ul.thumbs li:hover {
	border: 2px solid #888; 
	-moz-opacity:.75; 
	filter:alpha(opacity=75); 
	opacity:.75; 
}
.clip{
  position:absolute;
  clip:rect(0px 87px 132px 0px);
}