/* ================================================================ 
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:584px; 
position:relative; 
height:60px; 
padding-top:375px; 
margin:0 0 30px 0; 
float: left;
}

#gallery img.left {
margin-top: 25px; 
float:left;
cursor:pointer;
margin-right: 16px;}

#gallery img.right {
margin-top: 25px; 
float:right;
cursor:pointer;
}

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

#gallery ul li {
display:inline; 
width:100px; 
height:75px; 
float:left; 
margin:0 19px 0 0; 
padding: 0; 
border:1px solid #fff; 
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:100px; 
height:75px;
}

#gallery ul li span {
display:none; 
position:absolute; 
left:61px; 
top:430px; 
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:#7cb500; 
cursor:default;
}

#gallery ul li.chosen div {
position:absolute; 
left:0; 
top:0; 
width:580px; 
height:365px; 
background:#313131;
}

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

#gallery ul li.chosen div i img {
visibility:visible; 
width:auto; 
height:auto; 
padding: 5px; 
border:1px solid #7cb500; 
margin:0 auto;
}

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