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

/* width sets thumbs left posn - padding gives posn of thumbs - margin sets main posn on page*/
/* absolute posn needed for z-index */
#gallery {width:970px; padding-top:0px; margin:0 20px 0 0; position:absolute; z-index:1;}

/* buttons NOT USED */
#gallery img.left {width:100px; height:67px; background:none; float:left; cursor:pointer; margin:-70px 0 0 540px;}
#gallery img.right {width:100px; height:67px; background:none; float:left; cursor:pointer; margin:5px 0 0 540px;}

/* thumbs */
#gallery ul {list-style:none; padding-top:8px; margin:0; background:none; border:solid #666; border-width:0px;
float:right; width:220px; height:500px; overflow:hidden;}
#gallery ul li { width:63px; height:63px; float:left; margin:2px; border:2px solid #666; cursor:pointer;}

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

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

/* title and text ======= was left 0 top 535 width 520 ========= */
#gallery ul li span {display:none; position:absolute; left:520px; top:535px; width:450px; font-family:verdana,arial,sans-serif; color:#5f604b; font-size:11px; line-height:15px; text-align:center;}
#gallery ul li b {color:#5f604b;}

/* main image is displayed actual size */
#gallery ul li.chosen {border-color:#666; cursor:default;}
#gallery ul li.chosen div {position:absolute; left:0; top:0; width:522px; height:512px; background:none; border:0px solid #ccc;}
/* next line - to centralize main image both ways */
#gallery ul li.chosen div i {width:522px; height:512px; display:table-cell; vertical-align:middle; text-align:center;}
#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:5px solid #fff; margin:0 auto;}
#gallery ul li.chosen span {display:block;}