/* ================================================================ 

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:60px; padding-top:356px; margin:0 113px 90px 113px;}*/

#gallery {

	width:305px;

	position:relative;

	height:60px;

	padding-top:315px;

	margin:0px 0px 40px 5px;

}



#gallery img.left {width:10px; height:30px; padding: 10px 2px 0px 5px; background:#fff; float:left;cursor:pointer;}

#gallery img.right {width:10px; height:30px; padding: 10px 5px 0px 0px; background:#fff; float:left;cursor:pointer;}



/*#gallery ul {list-style:none; padding:0; margin:0; float:left; background:#fff; border:2px solid #000; border-width:5px 2px;}*/

#gallery ul {

	list-style:none;

	padding:0;

	margin:0;

	float:left;

	background:#fff;

	border: 0px solid #000;

	padding-left: 0px;

}

#gallery ul li {

	display:inline;

	width:50px;

	height:50px;

	float:left;

	margin:0px 10px 10px 0px;

	border:0px solid #000;

	cursor:pointer;

}



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



/* using background images */

#gallery ul li.th1 {background:url(images/thumb-mdc1.png) no-repeat center;}

#gallery ul li.th2 {background:url(images/thumb-mdc2.png) no-repeat center;}

#gallery ul li.th3 {background:url(images/thumb-mdc3.png) no-repeat center;}

#gallery ul li.th4 {background:url(images/thumb-mdc4.png) no-repeat center;}

#gallery ul li.th5 {background:url(images/thumb-mdc5.png) no-repeat center;}

#gallery ul li.th6 {background:url(images/thumb-mdc12.png) no-repeat center;}

#gallery ul li.th7 {background:url(images/thumb-mdc7.png) no-repeat center;}

#gallery ul li.th8 {background:url(images/thumb-mdc8.png) no-repeat center;}

#gallery ul li.th9 {background:url(images/thumb-mdc9.png) no-repeat center;}

#gallery ul li.th10 {background:url(images/thumb-mdc10.png) no-repeat center;}

#gallery ul li.th11 {background:url(images/thumb-mdc11.png) no-repeat center;}

#gallery ul li.th17 {background:url(images/thumb-mdc17.png) no-repeat center;}



/* 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:0px;
	top:428px;
	width:300px;
	font-family:verdana, arial, sans-serif;
	color:#666;
	font-size:11px;
	line-height:15px;
	text-align:center;

}

#gallery ul li b {

	color:#000;

}



#gallery ul li.chosen {border-color:#fff; cursor:default;}

#gallery ul li.chosen div {

	position:absolute;

	left:0px;

	top:0px;

	width:300px;

	height:300px;

	background:#fff;

	border:0px solid #000;

}

#gallery ul li.chosen div i {width:250px; height:240px; display:table-cell; vertical-align:middle; text-align:center;} 

#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:0px solid #aaa; margin:0 auto;}

#gallery ul li.chosen span {display:block;}