/* ================================================================ 
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:550px; 
position:relative; 
height:62px; 
padding-top:444px; /*y position of gallery*/
/*margin:0 0 90px 0;*/
}

#gallery img.left{
width:52px; 
height:62px; 
/*background:#f4f4f4; */
float:left;
cursor:pointer;
margin-right:12px;
}

#gallery img.right{
width:52px; 
height:62px; 
/*background:#f4f4f4; */
float:right;
cursor:pointer;
}

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

#gallery ul li{
display:inline; 
width:48px; 
height:48px; 
float:left; 
margin:0 12px 0 0; 
border:1px solid #535353; 
cursor:pointer;
}

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

/* using background images */
#gallery ul li.th1{background:url(../pics/thumbs/Family-constellation_01K.jpg);}
#gallery ul li.th2{background:url(../pics/thumbs/Family-constellation_02K.jpg);}
#gallery ul li.th3{background:url(../pics/thumbs/Family-constellation_03K.jpg);}
#gallery ul li.th4{background:url(../pics/thumbs/Family-constellation_04K.jpg);}
#gallery ul li.th5{background:url(../pics/thumbs/Family-constellation_05K.jpg);}
#gallery ul li.th6{background:url(../pics/thumbs/Family-constellation_06K.jpg);}
#gallery ul li.th7{background:url(../pics/thumbs/Family-constellation_07K.jpg);}
#gallery ul li.th8{background:url(../pics/thumbs/Family-constellation_08K.jpg);}
#gallery ul li.th9{background:url(../pics/thumbs/Family-constellation_09K.jpg);}
#gallery ul li.th10{background:url(../pics/thumbs/Family-constellation_10K.jpg);}
#gallery ul li.th11{background:url(../pics/thumbs/Family-constellation_11K.jpg);}
#gallery ul li.th12{background:url(../pics/thumbs/Family-constellation_12K.jpg);}
#gallery ul li.th13{background:url(../pics/thumbs/Family-constellation_13K.jpg);}
#gallery ul li.th14{background:url(../pics/thumbs/Family-constellation_14K.jpg);}
#gallery ul li.th15{background:url(../pics/thumbs/Family-constellation_15K.jpg);}
#gallery ul li.th16{background:url(../pics/thumbs/Family-constellation_16K.jpg);}
#gallery ul li.th17{background:url(../pics/thumbs/Family-constellation_17K.jpg);}
#gallery ul li.th18{background:url(../pics/thumbs/Family-constellation_18K.jpg);}
#gallery ul li.th19{background:url(../pics/thumbs/Family-constellation_19K.jpg);}
#gallery ul li.th20{background:url(../pics/thumbs/Family-constellation_20K.jpg);}
#gallery ul li.th21{background:url(../pics/thumbs/Family-constellation_21K.jpg);}
#gallery ul li.th22{background:url(../pics/thumbs/Family-constellation_22K.jpg);}
#gallery ul li.th23{background:url(../pics/thumbs/Family-constellation_23K.jpg);}
#gallery ul li.th24{background:url(../pics/thumbs/Family-constellation_24K.jpg);}
#gallery ul li.th25{background:url(../pics/thumbs/Family-constellation_25K.jpg);}
#gallery ul li.th26{background:url(../pics/thumbs/Family-constellation_26K.jpg);}
#gallery ul li.th27{background:url(../pics/thumbs/Family-constellation_27K.jpg);}
#gallery ul li.th28{background:url(../pics/thumbs/Family-constellation_28K.jpg);}
#gallery ul li.th29{background:url(../pics/thumbs/Family-constellation_29K.jpg);}
#gallery ul li.th30{background:url(../pics/thumbs/Family-constellation_30K.jpg);}
#gallery ul li.th31{background:url(../pics/thumbs/Family-constellation_31K.jpg);}
#gallery ul li.th32{background:url(../pics/thumbs/Family-constellation_32K.jpg);}

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

#gallery ul li span{
display:none; 
position:absolute; 
left:0px; 
top:506px;/*y position of text*/
width:550px;
/*font-family:verdana, arial, sans-serif; 
color:#666;
font-size:11px;
line-height:15px;
text-align:justify;*/
}

#gallery ul li b{color:#535353;}

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

/*remove 'padding:1px 0 0 1px;' if you want to use border for picture*/
#gallery ul li.chosen div{
position:absolute; 
left:0; 
top:0; 
width:550px; 
height:440px;
/*background:#f4f4f4; 
border:1px solid #E4E0DA; 
border-width:1px 1px 0 1px;
padding:1px 0 0 0px;*/
}

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

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

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