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

.ngg-galleryoverview {
    margin-left: 20px;
}

#gallery {width:100%; overflow: hidden; position:relative; height:auto; margin:0 0px 0px;}

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

#gallery ul {list-style:none; padding: 20px 0 0; margin:0; float:left; text-indent:0; width: 866px;}
#gallery ul .thumb_box {background: transparent url(../images/showcase-thumb.gif) no-repeat 0 0; height: 128px; width:127px; float: left; margin-left: 15px; margin-bottom: 13px;}
#gallery ul li {display:inline; width:109px; height:109px; float:left; margin:6px 0px 0px 6px; cursor:pointer;}

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

/* using background images */

/* remove visibility:hidden; if you want to use the original images as thumbnails */
#gallery ul li img {visibility:hidden; 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:#666; font-size:11px; line-height:15px; text-align:justify;}
#gallery ul li b {color:#444;}

#gallery ul li.chosen {border-color:#fff; cursor:default;}
#gallery .showcase_container {
    width: 635px;
    height: 374px;
    margin: 0 auto;
    margin-bottom: 10px;
}
#gallery .showcase_box { background: transparent url(../images/showcase-middle.gif) repeat-y 0 0; height: 361px; width: 577px;
    float: left;
    position: relative;
    z-index: 1px;
}
#gallery .showcase_box_top { background: transparent url(../images/showcase-top.gif) no-repeat 0 0; height: 11px; }
#gallery .showcase_box_bottom {
    background: transparent url(../images/showcase-bottom.gif) no-repeat 0 0;
    clear: both;
    height: 13px;
    position: relative;
    width: 577px;
}
#gallery ul li div {position:absolute; left:0; top:0; width:872px; height:357px;}
#gallery ul li i {width:867px; height:346px; display:table-cell; vertical-align:middle; text-align:left;} 
#gallery ul li i img {visibility:visible; width:auto; height:auto; margin:0 auto;}
//#gallery ul li span {display:block;}
//#gallery ul li div i h2.image_title { visibility: hidden;}
//#gallery ul li div i p.image_description { visibility: hidden;}
//#gallery ul li.chosen div i h2.image_title { visibility: visible; background: transparent url(../images/showcase-details-title.gif) no-repeat 0px 25px; font-size: 21px; margin: 0; padding: 0px;}
//#gallery ul li div i .description_box {
//    display: none;
//}
//#gallery ul li.chosen div i .description_box {width: 252px; height: 235px; float: left; position: relative; left: 12px; background: transparent url(../images/showcase-details-bg.gif) repeat-x; border: 1px solid #262625; top: 11px; padding: 15px; display: block; }
//#gallery ul li.chosen div i p.image_description { visibility: visible;}
#gallery .navigation_box {
    width: 57px;
    position: relative;
    height: 258px;
    float: left;
    top: 59px;
    left: -2px;
    background: transparent url(../images/showcase-navi-box.gif) no-repeat 0 0;
}
#gallery .navigation_box .left {
    background: transparent url(../images/showcase-left-arrow.gif) no-repeat 0 0;
    height: 31px;
    width: 23px;
    top: 15px;
    right: 17px;
    position: absolute;
}
#gallery .navigation_box .right {
    background: transparent url(../images/showcase-right-arrow.gif) no-repeat 0 0;
    height: 31px;
    width: 23px;
    bottom: 13px;
    left: 18px;
    position: absolute;
}
#gallery .navigation_box #PlayButton a {
    background: transparent url(../images/showcase-play.gif) no-repeat 0 0;
    height: 34px;
    width: 21px;
    position: absolute;
    left: 16px;
    top: 112px;
}
#gallery .navigation_box #PauseButton a {
    background: transparent url(../images/showcase-pause.gif) no-repeat 0 0;
    height: 34px;
    width: 21px;
    position: absolute;
    left: 16px;
    top: 112px;
}
#gallery ul .image_container {
    height: 334px !important;
    left:141px;
    float: left;
    position: absolute;
    top:0;
    width: 547px !important;
    padding-left: 11px;
    padding-top: 18px;
    padding-right: 11px;
    z-index: 1000;
}
#gallery ul .image_container {

}
#gallery ul .image_container img {
    max-width: 547px;
    max-height: 332px;
	height: expression( document.body.clientWidth > 331 ? "332px" : "auto" ); /* sets max-height for IE */
	width: expression( document.body.clientWidth > 546 ? "547px" : "auto" ); /* sets max-width for IE */
}
.display {
	display: block !important;
}