/* ================================================================ 
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.stunicholls/gallery/left_right_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#gallery
{
	width: 534px;
	position: relative;
	height: 400px;
	padding-top: 10px;
	margin: 0 0 90px 0;
	background: #444;
}

#gallery img.left
{
	width: 55px;
	height: 62px;
	background: #444;
	float: left;
	cursor: pointer;
}
#gallery img.right
{
	width: 55px;
	height: 62px;
	background: #444;
	float: right;
	cursor: pointer;
}

#gallery ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	background: #444;
	border: 2px solid #444;
	border-width: 5px 2px;
}
#gallery ul li
{
	display: inline;
	width: 50px;
	height: 50px;
	float: left;
	margin: 0 4px;
	border: 1px solid #000;
	cursor: pointer;
}

#gallery ul li.hide
{
	display: none;
}

/* remove visibility:hidden; if you want to use the original images as thumbnails */
#gallery ul li img
{
	/*visibility: hidden;*/
	display: block;
	width: 50px;
	height: 50px;
}

#gallery ul li span
{
	display: none;
	position: absolute;
	left: 61px;
	top: 480px;
	width: 411px;
/*	font-family: verdana, arial, sans-serif;
	color: #666;
	font-size: 11px;*/
	line-height: 15px;
	text-align: justify;
}
#gallery ul li b
{
	color: #444;
}

#gallery ul li.chosen
{
	border-color: #fff;
	cursor: default;
}
#gallery ul li.chosen div
{
	position: absolute;
	left: 0;
	top: 80px;
	width: 532px;
	height: 395px;
	padding: 0px;
	background: #333;
	border: 1px solid #000;
	/*border-width: 1px 1px 0 1px;*/
}
#gallery ul li.chosen div i
{
	width: 530px;
	height: 395px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#gallery ul li.chosen div i img
{
	visibility: visible;
	width: auto;
	height: auto;
	border: 1px solid #aaa;
	margin: 0 auto;
}
#gallery ul li.chosen span
{
	display: block;
}

/* using background images */
/*
#gallery ul li.th1
{
	background: url(thumbs/th1.jpg);
}
#gallery ul li.th2
{
	background: url(thumbs/th2.jpg);
}
#gallery ul li.th3
{
	background: url(thumbs/th3.jpg);
}
#gallery ul li.th4
{
	background: url(thumbs/th4.jpg);
}
#gallery ul li.th5
{
	background: url(thumbs/th5.jpg);
}
#gallery ul li.th6
{
	background: url(thumbs/th6.jpg);
}
#gallery ul li.th7
{
	background: url(thumbs/th7.jpg);
}
#gallery ul li.th8
{
	background: url(thumbs/th8.jpg);
}
#gallery ul li.th9
{
	background: url(thumbs/th9.jpg);
}
#gallery ul li.th10
{
	background: url(thumbs/th10.jpg);
}
#gallery ul li.th11
{
	background: url(thumbs/th11.jpg);
}
#gallery ul li.th12
{
	background: url(thumbs/th12.jpg);
}
#gallery ul li.th13
{
	background: url(thumbs/th13.jpg);
}
#gallery ul li.th14
{
	background: url(thumbs/th14.jpg);
}
#gallery ul li.th15
{
	background: url(thumbs/th15.jpg);
}
#gallery ul li.th16
{
	background: url(thumbs/th16.jpg);
}
#gallery ul li.th17
{
	background: url(thumbs/th17.jpg);
}
#gallery ul li.th18
{
	background: url(thumbs/th18.jpg);
}
#gallery ul li.th19
{
	background: url(thumbs/th19.jpg);
}
*/