/* ================================================================ 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:420px; position:relative; min-height:550px; padding-top:10px; left:450px; z-index:1; } #galleryTitle { width:885px; height:34px; background-image:url(../images/galleryHeader.png); background-repeat:repeat-x; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; color:#92B8E2; font-weight: normal; letter-spacing:5px; padding:6px 0 0 15px; } #galleryText { width:800px; height:40px; margin-top:400px; } #gallery img.left {width:55px; height:62px; float:left;cursor:pointer;} #gallery img.right {width:55px; height:62px float:left;cursor:pointer;} #gallery ul { width:450px; list-style:none; padding:0; margin:-10px 0 0 0; float:left; } #gallery ul li { display:inline; width:75px; height:25px; float:left; margin:0 0 13px 28px; cursor:pointer; background-repeat:no-repeat; padding-top:75px; color:#2B4C79; font-size:10px; text-align:center; } /* using background images */ #gallery ul li.g1_1 {background:url(thumbs/g1_1.jpg);background-repeat:no-repeat;} #gallery ul li.g1_2 {background:url(thumbs/g1_2.jpg);background-repeat:no-repeat;} #gallery ul li.g1_3 {background:url(thumbs/g1_3.jpg);background-repeat:no-repeat;} #gallery ul li.g1_4 {background:url(thumbs/g1_4.jpg);background-repeat:no-repeat;} #gallery ul li.g1_5 {background:url(thumbs/g1_5.jpg);background-repeat:no-repeat;} #gallery ul li.g1_6 {background:url(thumbs/g1_6.jpg);background-repeat:no-repeat;} #gallery ul li.g1_7 {background:url(thumbs/g1_7.jpg);background-repeat:no-repeat;} #gallery ul li.g1_8 {background:url(thumbs/g1_8.jpg);background-repeat:no-repeat;} #gallery ul li.g1_9 {background:url(thumbs/g1_9.jpg);background-repeat:no-repeat;} #gallery ul li.g1_10 {background:url(thumbs/g1_10.jpg);background-repeat:no-repeat;} #gallery ul li.g1_11 {background:url(thumbs/g1_11.jpg);background-repeat:no-repeat;} #gallery ul li.g1_12 {background:url(thumbs/g1_12.jpg);background-repeat:no-repeat;} #gallery ul li.g1_13 {background:url(thumbs/g1_13.jpg);background-repeat:no-repeat;} #gallery ul li.g1_14 {background:url(thumbs/g1_14.jpg);background-repeat:no-repeat;} #gallery ul li.g1_15 {background:url(thumbs/g1_15.jpg);background-repeat:no-repeat;} #gallery ul li.g1_16 {background:url(thumbs/g1_16.jpg);background-repeat:no-repeat;} #gallery ul li.g1_17 {background:url(thumbs/g1_17.jpg);background-repeat:no-repeat;} #gallery ul li.g1_18 {background:url(thumbs/g1_18.jpg);background-repeat:no-repeat;} #gallery ul li.g1_19 {background:url(thumbs/g1_19.jpg);background-repeat:no-repeat;} #gallery ul li.g1_20 {background:url(thumbs/g1_20.jpg);background-repeat:no-repeat;} #gallery ul li.g1_21 {background:url(thumbs/g1_21.jpg);background-repeat:no-repeat;} #gallery ul li.g1_22 {background:url(thumbs/g1_22.jpg);background-repeat:no-repeat;} #gallery ul li.g1_23 {background:url(thumbs/g1_23.jpg);background-repeat:no-repeat;} #gallery ul li.g1_24 {background:url(thumbs/g1_24.jpg);background-repeat:no-repeat;} #gallery ul li.g2_1 {background:url(thumbs/g2_1.jpg);background-repeat:no-repeat;} #gallery ul li.g2_2 {background:url(thumbs/g2_2.jpg);background-repeat:no-repeat;} #gallery ul li.g2_3 {background:url(thumbs/g2_3.jpg);background-repeat:no-repeat;} #gallery ul li.g2_4 {background:url(thumbs/g2_4.jpg);background-repeat:no-repeat;} #gallery ul li.g2_5 {background:url(thumbs/g2_5.jpg);background-repeat:no-repeat;} #gallery ul li.g2_6 {background:url(thumbs/g2_6.jpg);background-repeat:no-repeat;} #gallery ul li.g2_8 {background:url(thumbs/g2_8.jpg);background-repeat:no-repeat;} #gallery ul li.g2_9 {background:url(thumbs/g2_9.jpg);background-repeat:no-repeat;} #gallery ul li.g2_10 {background:url(thumbs/g2_10.jpg);background-repeat:no-repeat;} #gallery ul li.g2_11 {background:url(thumbs/g2_11.jpg);background-repeat:no-repeat;} #gallery ul li.g2_12 {background:url(thumbs/g2_12.jpg);background-repeat:no-repeat;} #gallery ul li.g3_1 {background:url(thumbs/g3_1.jpg);background-repeat:no-repeat;} #gallery ul li.g3_2 {background:url(thumbs/g3_2.jpg);background-repeat:no-repeat;} #gallery ul li.g3_3 {background:url(thumbs/g3_3.jpg);background-repeat:no-repeat;} #gallery ul li.g3_4 {background:url(thumbs/g3_4.jpg);background-repeat:no-repeat;} #gallery ul li.g3_5 {background:url(thumbs/g3_5.jpg);background-repeat:no-repeat;} #gallery ul li.g3_6 {background:url(thumbs/g3_6.jpg);background-repeat:no-repeat;} #gallery ul li.g3_7 {background:url(thumbs/g3_7.jpg);background-repeat:no-repeat;} #gallery ul li.g3_8 {background:url(thumbs/g3_8.jpg);background-repeat:no-repeat;} #gallery ul li.g3_9 {background:url(thumbs/g3_9.jpg);background-repeat:no-repeat;} #gallery ul li.g3_10 {background:url(thumbs/g3_10.jpg);background-repeat:no-repeat;} #gallery ul li.g3_11 {background:url(thumbs/g3_11.jpg);background-repeat:no-repeat;} #gallery ul li.g3_12 {background:url(thumbs/g3_12.jpg);background-repeat:no-repeat;} #gallery ul li.g4_1 {background:url(thumbs/g4_1.jpg);background-repeat:no-repeat;} #gallery ul li.g4_2 {background:url(thumbs/g4_2.jpg);background-repeat:no-repeat;} #gallery ul li.g4_3 {background:url(thumbs/g4_3.jpg);background-repeat:no-repeat;} #gallery ul li.g4_4 {background:url(thumbs/g4_4.jpg);background-repeat:no-repeat;} #gallery ul li.g4_5 {background:url(thumbs/g4_5.jpg);background-repeat:no-repeat;} /* remove visibility:hidden; if you want to use the original images as thumbnails */ #gallery ul li img {visibility:hidden; display:block; width:75px; height:10px; } #gallery ul li b {color:#92B8E2;} #gallery ul li.chosen { color:#fff; background-color:#d18b0b; } #gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; margin:0 auto; } #gallery ul li.chosen span { display:block; text-align:left; }