/* ================================================================ 
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.
=================================================================== */

/*#leftColumn { width:860px; margin: 10px 0 0 0; padding: 0 0 0 10px; float:left; }
html>body #leftColumn { width: 850px; margin: 0; }*/

/*#gallery { width:800px; position:relative; height:60px; padding-top:356px; margin:0 0px 90px 20px; clear: both;}*/
#gallery { background:#fff; width:647px; position:relative; height:120px; padding-top:385px; margin:0; clear: both;}

#gallery img.left { border:0; margin:50px 0 0 36px; width:38px; height:62px; float:left;cursor:pointer;}
#gallery img.right { border:0; margin:50px 0 0 0; width:38px; height:62px; float:left;cursor:pointer;}

#gallery ul {list-style:none; padding:0; margin:50px 0 0 0; float:left; background:#fff; border:2px solid #fff; border-width:5px 5px; }
#gallery ul li {display:inline; width:60px; height:45px; float:left; margin:0 3px; border:2px solid #c00; cursor:pointer;}
#gallery ul li .selected {}

#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:60px; height:45px; }
#gallery ul li span { display:none; position:absolute; left:0px; top:405px; width: 647px; color:#333; font-size:1em; line-height:1.4em; text-align: center; }
#gallery ul li b {color:#444;}

#gallery ul li.chosen { border-color:#ccc; cursor:default; width: 60px; height: 45px; background-image: url(../i/gallery.png); background-repeat: no-repeat; }
html>body #gallery ul li.chosen { width: 60px; height: 45px; }
#gallery ul li.chosen div {position:absolute; left:0; top:0; width:647px; height:auto; background: transparent; }
#gallery ul li.chosen div i { width:647px; height:auto; display:table-cell; vertical-align:middle; text-align:center;} 
#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:12px solid #ccc; padding: 3px; margin:6px 68px 0;}
#gallery ul li.chosen span {display:block;}

#gallery img { border: 0; padding: 0;}