@charset "utf-8";
/* CSS Document */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/fast-gallery.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.galleryHolder {
	width:250px;
	height:100px;
	padding-top:285px;
	position:relative;
	z-index:100;
	margin: 0 auto;
	float: right;
}
.gallery {width:300px; height:135px; overflow:hidden;}
.gallery b {display:block;}
.scroller {width:240px; height:135px;}

.scroller a {float:left; border:0; text-decoration:none; padding:2px; color:#44;}
.scroller a img {border:0;}

.scroller a .containerLarge {position:absolute; left:-9999px; top:-9999px;}
.scroller a.Yes .containerLarge {
	position:absolute;
	left:0px;
	top:0px;
	z-index:-2;
}
.scroller a b.caption {position:absolute; left:-9999px; width:250px; height:27px; background:#fff; color:#666; text-decoration:none; text-align:center; font-family:arial, sans-serif; font-size:11px;}
.scroller a.Yes .caption {left:0; top:260px; z-index:-2;}

.containerLarge {width:250px; height:250px; overflow:hidden; float:left; border:1px solid #ddd;}
.containerLarge b {display:block;}
.containerLarge .reducedSize {width:500px;}
.containerLarge .reducedSize .high {min-width:250px; height: 250px; float:left; background:#fff; text-align:center;}
.containerLarge .reducedSize .high img {height: 246px; padding:2px;}
* html .containerLarge .reducedSize .high {width:246px;} /* hack for IE6 */
.containerLarge .reducedSize .wide {float:left; width:250px; height: 250px; background:#fff; margin-top:-250px;}
.containerLarge .reducedSize .wide img {width:246px; padding:2px;}

.containergallery {width:64px; height:64px; overflow:hidden; float:left; border:1px solid #ddd;}
.containergallery b {display:block;}
.containergallery .reducedSize {width:128px;}
.containergallery .reducedSize .high {min-width:64px; height:64px; float:left; background:#fff; text-align:center;}
.containergallery .reducedSize .high img {height:60px; padding:2px;}
* html .containergallery .reducedSize .high {width:60px;} /* hack for IE6 */
.containergallery .reducedSize .wide {float:left; width:64px; height:64px; background:#fff; margin-top:-64px;}
.containergallery .reducedSize .wide img {width:60px; padding:2px;}

.scroller a:hover .containerLarge {left:0; top:0;}
.scroller a:hover .containergallery {border-color:#09c; z-index:100;}
.scroller a.Yes:hover .containerLarge {z-index:100;}

.scroller a:hover .caption {left:0; top:260px; z-index:100;}

.scroller a:active {outline:0;}
.scroller a:active .containerLarge {position:absolute; left:0; top:0; z-index:-1;}
.scroller a:active .containergallery {border-color:#c90;}
.scroller a:active .caption {left:0; top:260px; z-index:-1;}
.scroller a:focus {outline:0;}
.scroller a:focus .containerLarge {position:absolute; left:0; top:0; z-index:-1; background:#abc;}
.scroller a:focus .containergallery {border-color:#c90;}
.scroller a:focus .caption {left:0; top:260px; z-index:-1;}