/* ================================================================ 
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.com/menu/photo_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 { background-color: #d5eb9c; background-image: none; background-repeat: no-repeat; background-position: right bottom; width:800px; height:550px; position:relative; border:solid 1px #328541; margin-top: 20px; margin-bottom: 40px; }
#gallery ul { background-color: #e8f8cd; list-style:none; padding:10px 0 5px 15px; margin:15px 0 0; width:223px; float:right; height:330px; overflow:auto; border-top: 1px solid #328541; border-bottom: 1px solid #328541; border-left: 1px solid #328541; border-right-color: #328541; }
#gallery ul li {display:inline; width:55px; height:55px; float:left; margin:0 10px 10px 0; border:solid 1px #000; cursor:pointer;}
#gallery ul li img {display:block; width:55px; height:55px;}
#gallery ul li span { display:none; position:absolute; left:565px; top:370px; width:223px; color:#324f41; font-size:14px; font-family: "Times New Roman", Times, serif; line-height:20px; text-align:left; }
#gallery ul li span b { font-size: 14px; font-style: italic; line-height: 30px; text-align:center !important; }

/* required for IE5.x and IE6 to display the start image size correctly */
#gallery ul li.click i img.default { background-color: #fff; margin:10px auto 0; width:480px; height:346px; padding: 10px; border:double 1px #000; }
#gallery ul li  i em img {display:none; background-color: #fff; margin: 5px auto 0; padding: 3px; width: auto; height: auto; border: solid 1px #328541; }
#gallery ul li.off {display:none;}

#gallery ul li.click {border-color:#328541; background:#fff; cursor:default;}

#gallery ul li.click i { position:absolute; left:0; top:0; width:550px; height:480px; border-style: none; }
#gallery ul li.click i img { display: none; }
#gallery ul li.click i em img { display:block; background-color: #fff; margin:10px auto 0; width:auto; height:auto; visibility: visible; padding: 10px; border:double 1px #000; }
#gallery ul li.click span {display:block;}
.addtocart { width: 226px; height: 20px; }