/* 3Dshop.cz CSS styles, (c) 2006 PeckaDesign, www.peckadesign.cz */

#lightbox {position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox a img {border: none;}
#outerImageContainer {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer {padding: 10px;}
#loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav {left: 0;}
#hoverNav a {outline: none;}
#imageDataContainer {background-color: #fff; color: #333333; text-align: left; margin: 0 auto; line-height: 1.2em;}
#imageData {padding: 1px 20px 10px 20px;}
#imageData h2 {font-size: 150%; margin-top: 10px; margin-bottom: 10px;}
#imageData #caption {font-weight: bold;}
#imageData #numberDisplay {display: block;  clear: left;  padding-bottom: 1.0em;}
#imageData #bottomNavClose {width: 66px;  float: right;   padding-bottom: 0.7em;}
#overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
#image-topbox {margin: 0 auto; line-height: 1.2em;  text-align: center;}
#image-close-button {background: url("/img/lb-close.png") no-repeat 0 0;  float: right;  padding: 0 0 0 10px;  margin: 0;  margin-right: 5px;  font-size: 109%;  color: black;  text-decoration: none;}
#image-close-button span {background: url("/img/lb-close.png") no-repeat 100% 0;  display: block;  padding: 8px 40px 4px 10px;  position: relative;  right: -5px;  cursor: pointer;}
#image-prev, #image-next {padding: 5px;  cursor: pointer;}
#image-prev {float: left; padding-left: 15px;  background: url("/img/lb-prev.png") no-repeat 0 50%;}
#image-next {float: right; padding-right: 15px;  background: url("/img/lb-next.png") no-repeat 100% 50%;}
#image-navbar {background-color: white;  padding: 5px 20px 0 20px;  clear: both; _height: 1.5em; zoom: 1;}
#image-paging {padding: 5px 0 0 0; margin: 0 80px;}
#image-paging a, #image-paging span {padding: 2px 1px; margin: 0 1px; vertical-align: middle;}
#image-paging span {color: #666666;  font-weight: bold; font-size: 116%;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block;  width: 100%;}
* html .clearfix {/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */}