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

#bpgallery {width:740px; position:relative;padding-top:510px; margin:0; margin-top: 20px; }

#bpgallery img.left {width:55px; height:62px; background:#ffffff; float:left;cursor:pointer;}
#bpgallery img.right {width:55px; height:62px; background:#ffffff; float:left;cursor:pointer;}

#bpgallery ul {list-style:none; padding:0; margin:0; float:left; background:#ffffff; border:2px solid #ffffff; border-width:3px 2px 4px 2px;}
#bpgallery ul li {display:inline; width:50px; height:51px; float:left; margin:0 3px; border:2px solid #fff; cursor:pointer;}

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

/* using background images */
#bpgallery ul li.th1  {background:url("/gallery/thumbs/1.JPG");}
#bpgallery ul li.th2  {background:url("/gallery/thumbs/2.JPG");}
#bpgallery ul li.th3  {background:url("/gallery/thumbs/3.JPG");}
#bpgallery ul li.th4  {background:url("/gallery/thumbs/4.JPG");}
#bpgallery ul li.th5  {background:url("/gallery/thumbs/5.JPG");}
#bpgallery ul li.th6  {background:url("/gallery/thumbs/6.JPG");}
#bpgallery ul li.th7  {background:url("/gallery/thumbs/7.JPG");}
#bpgallery ul li.th8  {background:url("/gallery/thumbs/8.JPG");}
#bpgallery ul li.th9  {background:url("/gallery/thumbs/9.JPG");}
#bpgallery ul li.th10 {background:url("/gallery/thumbs/10.JPG");}
#bpgallery ul li.th11 {background:url("/gallery/thumbs/11.JPG");}
#bpgallery ul li.th12 {background:url("/gallery/thumbs/12.JPG");}
#bpgallery ul li.th13 {background:url("/gallery/thumbs/13.JPG");}
#bpgallery ul li.th14 {background:url("/gallery/thumbs/14.JPG");}
#bpgallery ul li.th15 {background:url("/gallery/thumbs/15.JPG");}
#bpgallery ul li.th16 {background:url("/gallery/thumbs/16.JPG");}
#bpgallery ul li.th17 {background:url("/gallery/thumbs/17.JPG");}
#bpgallery ul li.th18 {background:url("/gallery/thumbs/18.JPG");}
#bpgallery ul li.th19 {background:url("/gallery/thumbs/19.JPG");}
#bpgallery ul li.th20 {background:url("/gallery/thumbs/20.JPG");}
#bpgallery ul li.th21 {background:url("/gallery/thumbs/21.JPG");}
#bpgallery ul li.th22 {background:url("/gallery/thumbs/22.JPG");}
#bpgallery ul li.th23 {background:url("/gallery/thumbs/23.JPG");}
#bpgallery ul li.th23A{background:url("/gallery/thumbs/23A.JPG");}
#bpgallery ul li.th24 {background:url("/gallery/thumbs/24.JPG");}
#bpgallery ul li.th24A{background:url("/gallery/thumbs/24A.JPG");}
#bpgallery ul li.th24B{background:url("/gallery/thumbs/24B.JPG");}
#bpgallery ul li.th25 {background:url("/gallery/thumbs/25.JPG");}
#bpgallery ul li.th25A{background:url("/gallery/thumbs/25A.JPG");}
#bpgallery ul li.th26 {background:url("/gallery/thumbs/26.JPG");}
#bpgallery ul li.th26A{background:url("/gallery/thumbs/26A.JPG");}
#bpgallery ul li.th26B{background:url("/gallery/thumbs/26B.JPG");}
#bpgallery ul li.th27 {background:url("/gallery/thumbs/27.JPG");}
#bpgallery ul li.th27A{background:url("/gallery/thumbs/27A.JPG");}
#bpgallery ul li.th28 {background:url("/gallery/thumbs/28.JPG");}
#bpgallery ul li.th28A{background:url("/gallery/thumbs/28A.JPG");}
#bpgallery ul li.th29 {background:url("/gallery/thumbs/29.JPG");}
#bpgallery ul li.th30 {background:url("/gallery/thumbs/30.JPG");}
#bpgallery ul li.th30A{background:url("/gallery/thumbs/30A.JPG");}
#bpgallery ul li.th30B{background:url("/gallery/thumbs/30B.JPG");}
#bpgallery ul li.th31 {background:url("/gallery/thumbs/31.JPG");}
#bpgallery ul li.th31A{background:url("/gallery/thumbs/31A.JPG");}
#bpgallery ul li.th32 {background:url("/gallery/thumbs/32.JPG");}
#bpgallery ul li.th32A{background:url("/gallery/thumbs/32A.JPG");}
#bpgallery ul li.th33 {background:url("/gallery/thumbs/33.JPG");}
#bpgallery ul li.th33A{background:url("/gallery/thumbs/33A.JPG");}
#bpgallery ul li.th34 {background:url("/gallery/thumbs/34.JPG");}
#bpgallery ul li.th34D{background:url("/gallery/thumbs/34D.JPG");}
#bpgallery ul li.th35 {background:url("/gallery/thumbs/35.JPG");}
#bpgallery ul li.th35A{background:url("/gallery/thumbs/35A.JPG");}

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

#bpgallery ul li span {display:none; position:absolute; left:10px; top:495px; width:720px;font-family:verdana, arial, sans-serif; color:#fff; font-size:11px; line-height:15px; text-align:justify;}
#bpgallery ul li b {color:#fff;}
#bpgallery ul li.chosen {border-color: red; cursor:default;}
#bpgallery ul li.chosen div {
	position:absolute;
	left:0;
	top:7px;
	width:740px;
	height:500px;
	background:#7bb2b7;
	border:1px solid #7bb2b7;
	border-width:1px 1px 0 1px;
}
#bpgallery ul li.chosen div i {width:740px; height:500px; display:table-cell; vertical-align:middle; text-align:center;} 
#bpgallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:2px solid #7bb2b7; margin:0 auto;}
#bpgallery ul li.chosen span {display:block;}