#lightbox                         {position: absolute; z-index: 100; top: 40px; left: 0; width: 100%; text-align: center; line-height: 0;}

#lightbox a img                   {border: none;}

#outerImageContainer              {position: relative; margin: 0 auto; width: 350px; height: 250px; background-color: #FFF;}

#imageContainer                   {padding: 10px;}

#loading                          {position: absolute; top: 40%; left: 0%; width: 100%; height: 25%; text-align: center; line-height: 0;}

#hoverNav                         {position: absolute; top: 0; left: 10px; z-index: 10; width: 100%; height: 100%;}
#imageContainer>#hoverNav         {left: 0;}
#hoverNav a                       {outline: none;}

#prevLink, #nextLink              {display: block; width: 49%; height: 100%; background: transparent url(../images/gallery/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */}
#prevLink                         {float: left; left: 0; background: url(../images/gallery/lightbox/prevlabel.gif) left 15% no-repeat;}
#nextLink                         {float: right; right: 0; background: url(../images/gallery/lightbox/nextlabel.gif) right 15% no-repeat;}
#prevLink:hover, #prevLink:visited:hover{background: url(../images/gallery/lightbox/prevlabel_hover.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover{background: url(../images/gallery/lightbox/nextlabel_hover.gif) right 15% no-repeat;}

#imageDataContainer               {margin: 0 auto; background-color: #FFF; line-height: 1.4em; font: 10px Verdana, Helvetica, sans-serif;}

#imageData                        {padding: 0 10px;}
#imageData #imageDetails          {float: left; width: 70%; text-align: left;}
#imageData #caption               {font-weight: bold;}
#imageData #description           {font-weight: normal;}
#imageData #numberDisplay         {display: block; clear: left; padding-bottom: 1em; font-style: italic; color: #606060;}
#imageData #bottomNavClose        {float: right; width: 66px; padding-bottom: 0.7em;}

#overlay                          {position: absolute; z-index: 90; top: 0; left: 0; width: 100%; height: 500px; background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}

.clearfix:after                   {display: block; visibility: hidden; clear: both; height: 0; content: ".";}
* html>body .clearfix             {display: inline-block; width: 100%;}
* html .clearfix                  {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}
/*
********************************************************
************eShop Gallery Lightbox Styles****************
********************************************************
*/
#jquery-overlay                   {position: absolute; z-index: 90; top: 0; left: 0; width: 100%; height: 500px;}

#jquery-lightbox                  {position: absolute; z-index: 100; top: 0; left: 0; width: 100%; text-align: center; line-height: 0;}
#jquery-lightbox a img            {border: none;}

#lightbox-container-image-box     {position: relative; margin: 0 auto; width: 250px; height: 250px; background: #FFF;}

#lightbox-container-image         {padding: 10px;}

#lightbox-loading                 {position: absolute; top: 40%; left: 0%; width: 100%; height: 25%; text-align: center; line-height: 0;}

#lightbox-nav                     {position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%;}
#lightbox-container-image-box > #lightbox-nav{left: 0;}
#lightbox-nav a                   {outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext{display: block; width: 49%; height: 100%; zoom: 1;}
#lightbox-nav-btnPrev             {display: inline; float: left; left: 0;}
#lightbox-nav-btnNext             {display: inline; float: right; right: 0;}

#lightbox-container-image-data-box{margin: 0 auto; padding: 0 10px 0; width: 100%; font: 10px Verdana, Helvetica, sans-serif; background: #FFF; line-height: 1.4em; overflow: auto;}
#lightbox-container-image-data    {padding: 0 10px; color: #666;}
#lightbox-container-image-data #lightbox-image-details{display: inline; width: 70%; text-align: left;}

#lightbox-image-details-title     {display: block;}

#lightbox-image-details-caption   {display: block; font-weight: bold;}

#lightbox-image-details-currentNumber{display: block; clear: left; padding-bottom: 1.0em;}			

#lightbox-secNav-btnClose         {display: inline; float: right; width: 66px; padding-bottom: 0.7em;}