/* ================================================================ 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:534px; position:relative; height:60px; padding-top:356px; margin:30px 0px 10px 0px; border:1px solid #CCCCCC;} #gallery img.left {width:55px; height:62px; background:#012535; float:left;cursor:pointer;} #gallery img.right {width:55px; height:62px; background:#012535; float:left;cursor:pointer; } #gallery ul {list-style:none; padding:0; margin:0; float:left; background: #012535; border:2px solid #012535; border-width:5px 2px;} #gallery ul li {display: inline; width:50px; height:50px; float:left; margin:0 4px; border:1px solid #000; cursor:pointer;} #gallery ul li.hide {display:none;} /* using background images */ #gallery ul li.th1 {background:url(../images/GALLERIES/thumbnails/IMG_0052.jpg);} #gallery ul li.th2 {background:url(../images/GALLERIES/thumbnails/IMG_0078.jpg);} #gallery ul li.th3 {background:url(../images/GALLERIES/thumbnails/IMG_0098.jpg);} #gallery ul li.th4 {background:url(../images/GALLERIES/thumbnails/IMG_6652.jpg);} #gallery ul li.th5 {background:url(../images/GALLERIES/thumbnails/IMG_6664.jpg);} #gallery ul li.th6 {background:url(../images/GALLERIES/thumbnails/P1020082.jpg);} #gallery ul li.th7 {background:url(../images/GALLERIES/thumbnails/P1020086.jpg);} #gallery ul li.th8 {background:url(../images/GALLERIES/thumbnails/P1020090.jpg);} #gallery ul li.th9 {background:url(../images/GALLERIES/thumbnails/P1020096.jpg);} #gallery ul li.th10 {background:url(../images/GALLERIES/thumbnails/P1020099.jpg);} #gallery ul li.th11 {background:url(../images/GALLERIES/thumbnails/P1020140.jpg);} #gallery ul li.th12 {background:url(../images/GALLERIES/thumbnails/P1020142.jpg);} #gallery ul li.th13 {background:url(../images/GALLERIES/thumbnails/P1020143.jpg);} #gallery ul li.th14 {background:url(../images/GALLERIES/thumbnails/P1020159.jpg);} #gallery ul li.th15 {background:url(../images/GALLERIES/thumbnails/P1020162.jpg);} #gallery ul li.th16 {background:url(../images/GALLERIES/thumbnails/P1020165.jpg);} #gallery ul li.th17 {background:url(../images/GALLERIES/thumbnails/P1020166.jpg);} #gallery ul li.th18 {background:url(../images/GALLERIES/thumbnails/P1020357.jpg);} #gallery ul li.th19 {background:url(../images/GALLERIES/thumbnails/P1020385.jpg);} #gallery ul li.th20 {background:url(../images/GALLERIES/thumbnails/P1020410.jpg);} #gallery ul li.th21 {background:url(../images/GALLERIES/thumbnails/P1020414.jpg);} #gallery ul li.th22 {background:url(../images/GALLERIES/thumbnails/trip 2008 567.jpg);} #gallery ul li.th23 {background:url(../images/GALLERIES/thumbnails/P1020439.jpg);} /*Canada Games*/ #gallery ul li.th24 {background: url(../segami/GALLERIES/thumbnails/CGT20091.jpg) ;} #gallery ul li.th25 {background: url(../segami/GALLERIES/thumbnails/cg001.jpg) ;} #gallery ul li.th26 {background: url(../segami/GALLERIES/thumbnails/cg0021.jpg);} #gallery ul li.th27 {background: url(../segami/GALLERIES/thumbnails/cg0041.jpg);} #gallery ul li.th28 {background: url(../segami/GALLERIES/thumbnails/cg0061.jpg);} #gallery ul li.th29 {background: url(../segami/GALLERIES/thumbnails/cg0071.jpg);} #gallery ul li.th30 {background: url(../segami/GALLERIES/thumbnails/cg0091.jpg);} #gallery ul li.th31 {background: url(../segami/GALLERIES/thumbnails/cg0101.jpg);} #gallery ul li.th32 {background: url(../segami/GALLERIES/thumbnails/cg0161.jpg);} #gallery ul li.th33 {background: url(../segami/GALLERIES/thumbnails/cg0261.jpg);} #gallery ul li.th34 {background: url(../segami/GALLERIES/thumbnails/cg0301.jpg);} #gallery ul li.th35 {background: url(../segami/GALLERIES/thumbnails/cg0341.jpg);} #gallery ul li.th36 {background: url(../segami/GALLERIES/thumbnails/cg0351.jpg);} #gallery ul li.th37 {background: url(../segami/GALLERIES/thumbnails/cg0381.jpg);} #gallery ul li.th38 {background: url(../segami/GALLERIES/thumbnails/cg0401.jpg);} #gallery ul li.th39 {background: url(../segami/GALLERIES/thumbnails/cg0421.jpg);} #gallery ul li.th40 {background: url(../segami/GALLERIES/thumbnails/cg0451.jpg);} #gallery ul li.th41 {background: url(../segami/GALLERIES/thumbnails/cg0471.jpg);} #gallery ul li.th42 {background: url(../images/GALLERIES/thumbnails/g04_042_0093.jpg);} #gallery ul li.th43 {background: url(../images/GALLERIES/thumbnails/g04_043_0033.jpg);} #gallery ul li.th44 {background: url(../images/GALLERIES/thumbnails/g04_044_0118.jpg);} #gallery ul li.th45 {background: url(../images/GALLERIES/thumbnails/g04_045_0210.jpg);} #gallery ul li.th46 {background: url(../images/GALLERIES/thumbnails/g04_046_0338.jpg);} #gallery ul li.th47 {background: url(../images/GALLERIES/thumbnails/g04_047_0052.jpg);} #gallery ul li.th48 {background: url(../images/GALLERIES/thumbnails/g04_048_0100.jpg);} #gallery ul li.th49 {background: url(../images/GALLERIES/thumbnails/g04_049_0104.jpg);} #gallery ul li.th50 {background: url(../images/GALLERIES/thumbnails/g04_050_0109.jpg);} #gallery ul li.th51 {background: url(../images/GALLERIES/thumbnails/g04_051_417.jpg);} #gallery ul li.th52 {background: url(../images/GALLERIES/thumbnails/g04_052_0142.jpg);} #gallery ul li.th53 {background: url(../images/GALLERIES/thumbnails/g04_053_0143.jpg);} #gallery ul li.th54 {background: url(../images/GALLERIES/thumbnails/g04_054_0156.jpg);} #gallery ul li.th55 {background: url(../images/GALLERIES/thumbnails/g04_055_0593.jpg);} #gallery ul li.th56 {background: url(../images/GALLERIES/thumbnails/g04_056_0309.jpg);} #gallery ul li.th57 {background: url(../images/GALLERIES/thumbnails/g04_057_0053.jpg);} #gallery ul li.blank {background:url;} /* remove visibility:hidden; if you want to use the original images as thumbnails */ #gallery ul li img {visibility: visible; display: block; width:50px; height:50px;} #gallery ul li span {display:none; position:absolute; left:61px; top:430px; width:411px;font-family:verdana, arial, sans-serif; color:#012535; font-size:11px; line-height:15px; text-align:justify; } #gallery ul li b {color:#012535; } #gallery ul li.chosen {border-color:#FFFFFF; cursor:default; } #gallery ul li.chosen div {position:absolute; left:0; top:0; width:532px; height:355px; background:#012535; /*border:1px solid #CCCCCC;*/ border-width:1px 1px 0 1px;} #gallery ul li.chosen div i {width:530px; height:355px; display: table-cell; vertical-align:middle; text-align:center;} #gallery ul li.chosen div i img {visibility: visible; width:auto; height:auto; border:2px solid #456E82; margin:0 auto;} #gallery ul li.chosen span {display: block;}