/* ================================================================ 
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: 760px;
	height: 60px;
	padding-top: 500px;
	margin: 0 30px 90px 30px;
	position: absolute;
	left: auto;
}

#gallery img.left {
	width: 50px;
	height: 60px;
	background: #FFF;
	float: left;
	cursor: pointer;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #fff;
	margin-top: 50px;
	margin-left: 0px;
	
}

#gallery img.right {
	width: 50px;
	height: 60px;
	background: #FFFF;
	float: left;
	cursor: pointer;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #7a7a7a;
	margin-top: 50px;
	
}

#gallery ul {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	background: #0;		
}

#gallery ul li {
	display: inline;
	width: 103px;
	height: 58px;
	float: left;
	margin: 0 3px;
	border: 1px solid #434343;
	cursor: pointer;
}

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

/* using background images */
#gallery ul li.th1 {
	background-image: url(../images/hase/thumbs/1th.jpg);
	margin-top: 50px;
}
#gallery ul li.th2 {
	background-image: url(../images/hase/thumbs/2th.jpg);
	margin-top: 50px;
}
#gallery ul li.th3 {
	background-image: url(../images/hase/thumbs/3th.jpg);
	margin-top: 50px;
}
#gallery ul li.th4 {
	background-image: url(../images/hase/thumbs/4th.jpg);
	margin-top: 50px;
}
#gallery ul li.th5 {
	background-image: url(../images/hase/thumbs/5th.jpg);
	margin-top: 50px;
}
#gallery ul li.th6 {
	background-image: url(../images/hase/thumbs/6th.jpg);
	margin-top: 50px;
}
#gallery ul li.th7 {
	background-image: url(../images/hase/thumbs/7th.jpg);
	margin-top: 50px;
}

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

#gallery ul li span {
	display: none;
	position: absolute;
	left: 131px;
	top: 445px;
	width: 51px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 15px;
	text-align: right;
	color: #38c3da;
}

#gallery ul li b {color:#1a1b20;}

#gallery ul li.chosen {
	border-color:#0F0;
	cursor:default;
	margin-top: 50px;
}
#gallery ul li.chosen div {
	position: absolute;
	left: -8px;
	top: -5px;
	width: 788px;
	height: 443px;
	background: #FFF;
}

#gallery ul li.chosen div i {
	width: 788px;
	height: 443px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
 
#gallery ul li.chosen div i img {visibility:visible;  width:auto; height:auto; margin:0 auto;}
#gallery ul li.chosen span {
	display:block;
	color: #333;
	text-align: left;
}

#gallery  ul  li  .span2 {
	display: none;
	position: absolute;
	left: 199px;
	top: 425px;
	width: 308px;
	font-family: Arial, Helvetica, sans-serif;
	color: #919191;
	font-size: 12px;
	line-height: 15px;
	text-align: right;
	margin-bottom: 3px;
}

#gallery  ul  li.chosen  .span2 {
	display:block;
	margin-top: 20px;
}