/* ================================================================ 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 { padding-top:0px; margin:0px 0px 0px 0px; width: 812px; height: 0px; left: 257px; z-index:1; top: 157px; } #gallery ul { position:absolute; list-style:none; width: 395px; margin:0px 0px 0px 0px; float:right; left: 641px; top: 163px; } #gallery ul li {display:inline; width:123px; height:100px; float:left; margin:0px 4px 4px 4px; cursor:pointer; } #gallery ul li.hide {display:inline; } /* using background images */ #gallery ul li.wed1 {background:url(../images/thumbs/wbutterflies/Butterfly.jpg);} #gallery ul li.wed2 {background:url(../images/thumbs/wbutterflies/Bow.jpg);} #gallery ul li.wed3 {background:url(../images/thumbs/wbutterflies/EveningInvite4.jpg);} #gallery ul li.wed4 {background:url(../images/thumbs/wbutterflies/Butterfly2.jpg);} #gallery ul li.wed5 {background:url(../images/thumbs/wbutterflies/Bow2.jpg);} #gallery ul li.wed6 {background:url(../images/thumbs/wbutterflies/CloseupButterfly.jpg);} #gallery ul li.wed7 {background:url(../images/thumbs/wbutterflies/Butterfly3.jpg);} #gallery ul li.wed8 {background:url(../images/thumbs/wbutterflies/Bow3.jpg);} #gallery ul li.wed9 {background:url(../images/thumbs/wbutterflies/EveningInvite2.jpg);} #gallery ul li.snow1 {background:url(../images/thumbs/wsnow/MainSnowFlake2.jpg);} #gallery ul li.snow2 {background:url(../images/thumbs/wsnow/SnowInvite.jpg);} #gallery ul li.snow3 {background:url(../images/thumbs/wsnow/NamePlaceTag.jpg);} #gallery ul li.snow4 {background:url(../images/thumbs/wsnow/GuestBook2.jpg);} #gallery ul li.snow5 {background:url(../images/thumbs/wsnow/SwInvite.jpg);} #gallery ul li.snow6 {background:url(../images/thumbs/wsnow/2_Favours1a.jpg);} #gallery ul li.snow7 {background:url(../images/thumbs/wsnow/Albums6.jpg);} #gallery ul li.snow8 {background:url(../images/thumbs/wsnow/Snowflake.jpg);} #gallery ul li.snow9 {background:url(../images/thumbs/wsnow/2_Favours2a.jpg);} #gallery ul li.beads1 {background:url(../images/thumbs/wbeads/MainImage.jpg);} #gallery ul li.beads2 {background:url(../images/thumbs/wbeads/Circle2.jpg);} #gallery ul li.beads3 {background:url(../images/thumbs/wbeads/FavoursJellybean.jpg);} #gallery ul li.beads4 {background:url(../images/thumbs/wbeads/2circles.jpg);} #gallery ul li.beads5 {background:url(../images/thumbs/wbeads/Invite.jpg);} #gallery ul li.beads6 {background:url(../images/thumbs/wbeads/Favours2.jpg);} #gallery ul li.beads7 {background:url(../images/thumbs/wbeads/CircleThankYou.jpg);} #gallery ul li.beads8 {background:url(../images/thumbs/wbeads/InviteLayers.jpg);} #gallery ul li.beads9 {background:url(../images/thumbs/wbeads/Favours3.jpg);} #gallery ul li.borders1 {background:url(../images/thumbs/wborders/BlueMain.jpg);} #gallery ul li.borders2 {background:url(../images/thumbs/wborders/InsideInvite2.jpg);} #gallery ul li.borders3 {background:url(../images/thumbs/wborders/FavourBox2.jpg);} #gallery ul li.borders4 {background:url(../images/thumbs/wborders/InsideInvite3.jpg);} #gallery ul li.borders5 {background:url(../images/thumbs/wborders/CloseupInvite1.jpg);} #gallery ul li.borders6 {background:url(../images/thumbs/wborders/FavourBox3.jpg);} #gallery ul li.borders7 {background:url(../images/thumbs/wborders/WeddingCelebration.jpg);} #gallery ul li.borders8 {background:url(../images/thumbs/wborders/CloseupInvite2.jpg);} #gallery ul li.borders9 {background:url(../images/thumbs/wborders/NamePlaceTag.jpg);} #gallery ul li.ribbons1 {background:url(../images/thumbs/wribbons/MainImage2.jpg);} #gallery ul li.ribbons2 {background:url(../images/thumbs/wribbons/OrderOfService.jpg);} #gallery ul li.ribbons3 {background:url(../images/thumbs/wribbons/Menu3.jpg);} #gallery ul li.ribbons4 {background:url(../images/thumbs/wribbons/EveningInvitation3.jpg);} #gallery ul li.ribbons5 {background:url(../images/thumbs/wribbons/Menu2.jpg);} #gallery ul li.ribbons6 {background:url(../images/thumbs/wribbons/Favours.jpg);} #gallery ul li.ribbons7 {background:url(../images/thumbs/wribbons/EveningInvitation.jpg);} #gallery ul li.ribbons8 {background:url(../images/thumbs/wribbons/Menu.jpg);} #gallery ul li.ribbons9 {background:url(../images/thumbs/wribbons/ThankYou.jpg);} #gallery ul li.diamantes1 {background:url(../images/thumbs/wdiamantes/MainBlack2.jpg);} #gallery ul li.diamantes2 {background:url(../images/thumbs/wdiamantes/Invite5.jpg);} #gallery ul li.diamantes3 {background:url(../images/thumbs/wdiamantes/Invite.jpg);} #gallery ul li.diamantes4 {background:url(../images/thumbs/wdiamantes/InviteCard3.jpg);} #gallery ul li.diamantes5 {background:url(../images/thumbs/wdiamantes/InviteCard.jpg);} #gallery ul li.diamantes6 {background:url(../images/thumbs/wdiamantes/TableNumbers.jpg);} #gallery ul li.diamantes7 {background:url(../images/thumbs/wdiamantes/Invite3.jpg);} #gallery ul li.diamantes8 {background:url(../images/thumbs/wdiamantes/NamePlaceTag.jpg);} #gallery ul li.diamantes9 {background:url(../images/thumbs/wdiamantes/TablePlan.jpg);} #gallery ul li.cca1 {background:url(../images/thumbs/wcca/CcaMain2.jpg);} #gallery ul li.cca2 {background:url(../images/thumbs/wcca/weddingcakewhitepink.jpg);} #gallery ul li.cca3 {background:url(../images/thumbs/wcca/Dance.jpg);} #gallery ul li.cca4 {background:url(../images/thumbs/wcca/Butterflies.jpg);} #gallery ul li.cca5 {background:url(../images/thumbs/wcca/PicturePerfect.jpg);} #gallery ul li.cca6 {background:url(../images/thumbs/wcca/Jasper.jpg);} #gallery ul li.cca7 {background:url(../images/thumbs/wcca/negstrip.jpg);} #gallery ul li.cca8 {background:url(../images/thumbs/wcca/daisieshotpink.jpg);} #gallery ul li.cca9 {background:url(../images/thumbs/wcca/MagiMoments.jpg);} #gallery ul li.girl1 {background:url(../images/thumbs/baby/girl/Main.jpg);} #gallery ul li.girl2 {background:url(../images/thumbs/baby/girl/BirthAnnounce2.jpg);} #gallery ul li.girl3 {background:url(../images/thumbs/baby/girl/Book1.jpg);} #gallery ul li.girl4 {background:url(../images/thumbs/baby/girl/BabyGirl.jpg);} #gallery ul li.girl5 {background:url(../images/thumbs/baby/girl/BirthAnnounce3.jpg);} #gallery ul li.girl6 {background:url(../images/thumbs/baby/girl/ThankYou.jpg);} #gallery ul li.girl7 {background:url(../images/thumbs/baby/girl/BirthAnnounce1.jpg);} #gallery ul li.girl8 {background:url(../images/thumbs/baby/girl/BirthAnnounce4.jpg);} #gallery ul li.girl9 {background:url(../images/thumbs/baby/girl/Box3.jpg);} #gallery ul li.boy1 {background:url(../images/thumbs/baby/boy/Main.jpg);} #gallery ul li.boy2 {background:url(../images/thumbs/baby/boy/BoyAnnounce3.jpg);} #gallery ul li.boy3 {background:url(../images/thumbs/baby/boy/BoyAnnounce4.jpg);} #gallery ul li.boy4 {background:url(../images/thumbs/baby/boy/BoyAnnounce.jpg);} #gallery ul li.boy5 {background:url(../images/thumbs/baby/boy/Birthday1.jpg);} #gallery ul li.boy6 {background:url(../images/thumbs/baby/boy/BabyEnvelope.jpg);} #gallery ul li.boy7 {background:url(../images/thumbs/baby/boy/BoyAnnounce2.jpg);} #gallery ul li.boy8 {background:url(../images/thumbs/baby/boy/BirthdayTag.jpg);} #gallery ul li.boy9 {background:url(../images/thumbs/baby/boy/BoyBoxes.jpg);} #gallery ul li.christenings1 {background:url(../images/thumbs/baby/christenings/Main.jpg);} #gallery ul li.christenings2 {background:url(../images/thumbs/baby/christenings/Christening2.jpg);} #gallery ul li.christenings3 {background:url(../images/thumbs/baby/christenings/Christening5.jpg);} #gallery ul li.christenings4 {background:url(../images/thumbs/baby/christenings/Christening1.jpg);} #gallery ul li.christenings5 {background:url(../images/thumbs/baby/christenings/Christening3.jpg);} #gallery ul li.christenings6 {background:url(../images/thumbs/baby/christenings/ChristeningBox2.jpg);} #gallery ul li.christenings7 {background:url(../images/thumbs/baby/christenings/NamingCeremony.jpg);} #gallery ul li.christenings8 {background:url(../images/thumbs/baby/christenings/Christening4.jpg);} #gallery ul li.christenings9 {background:url(../images/thumbs/baby/christenings/ChristeningBox.jpg);} #gallery ul li.special1 {background:url(../images/thumbs/special/BdayMain3.jpg);} #gallery ul li.special2 {background:url(../images/thumbs/special/BdayCirclePINK.jpg);} #gallery ul li.special3 {background:url(../images/thumbs/special/GoldWed3.jpg);} #gallery ul li.special4 {background:url(../images/thumbs/special/NameTag.jpg);} #gallery ul li.special5 {background:url(../images/thumbs/special/BabyShowerMain.jpg);} #gallery ul li.special6 {background:url(../images/thumbs/special/GoldWed2.jpg);} #gallery ul li.special7 {background:url(../images/thumbs/special/Bday.jpg);} #gallery ul li.special8 {background:url(../images/thumbs/special/BabyShower.jpg);} #gallery ul li.special9 {background:url(../images/thumbs/special/GoldWed1.jpg);} #gallery ul li.keepsakes1 {background:url(../images/thumbs/keepsakes/Box1.jpg);} #gallery ul li.keepsakes2 {background:url(../images/thumbs/keepsakes/Book1.jpg);} #gallery ul li.keepsakes3 {background:url(../images/thumbs/keepsakes/Albums6.jpg);} #gallery ul li.keepsakes4 {background:url(../images/thumbs/keepsakes/Box2.jpg);} #gallery ul li.keepsakes5 {background:url(../images/thumbs/keepsakes/Book2.jpg);} #gallery ul li.keepsakes6 {background:url(../images/thumbs/keepsakes/GuestBook2.jpg);} #gallery ul li.keepsakes7 {background:url(../images/thumbs/keepsakes/Box3.jpg);} #gallery ul li.keepsakes8 {background:url(../images/thumbs/keepsakes/Albums5.jpg);} #gallery ul li.keepsakes9 {background:url(../images/thumbs/keepsakes/MainSnowFlake2.jpg);} #gallery ul li.favours1 {background:url(../images/thumbs/favours/FavoursPink.jpg);} #gallery ul li.favours2 {background:url(../images/thumbs/favours/2_Favours2a.jpg);} #gallery ul li.favours3 {background:url(../images/thumbs/favours/Favours.jpg);} #gallery ul li.favours4 {background:url(../images/thumbs/favours/FavoursWhite.jpg);} #gallery ul li.favours5 {background:url(../images/thumbs/favours/2_Favours1a.jpg);} #gallery ul li.favours6 {background:url(../images/thumbs/favours/Favours_2.jpg);} #gallery ul li.favours7 {background:url(../images/thumbs/favours/FavoursBlue.jpg);} #gallery ul li.favours8 {background:url(../images/thumbs/favours/FavourBox2PINK.jpg);} #gallery ul li.favours9 {background:url(../images/thumbs/favours/Favours_3.jpg);} /* remove visibility:hidden; if you want to use the original images as thumbnails */ #gallery ul li img {visibility:hidden; display:block; width:123px; height:99px; } #gallery ul li span {display:none; position:absolute; left:-355px; top:340px; width:759px; font-family:Arial, Helvetica, sans-serif;} #gallery ul li span h1 { color:#990033; margin:0px 0px 0px 0px;font-size:12px; font-weight:normal; line-height:15px; text-align:justify; } #gallery ul li span h2 { color:#666666; margin:-44px 0px 0px 185px;font-size:12px; font-weight:normal; line-height:15px; text-align:justify;} #gallery ul li.chosen { cursor:default; } #gallery ul li.chosen div { position:absolute; top:0px; height:311px; left: -380px; width: 418px;} #gallery ul li.chosen li { position:absolute;} #gallery ul li.chosen div i { width:418px; } #gallery ul li.chosen div i img {visibility:visible; width:418px; height:311px;} #gallery ul li.chosen span {display:block;} #cornerbox img { position:absolute; margin: 0px 0px 0px 0px; left: 260px; top: 485px; z-index:1;}