/* 

The display of content and navigation is enabled by a javascript generated style on the page. 
This is so that the slideshow content won't display unless javascript is enabled. 

*/

#gallery-adv { width: 580px; }
#galerie-horz #gallery-adv { width: 539px; }
#galerie-horz ul.thumbs { padding: 0; width: 550px; }

.gal_content { margin-right: 10px; }
.gal_content a,
.navigation a { text-decoration: none; color: #777; }
.gal_content a:focus,
.gal_content a:hover,
.gal_content a:active { text-decoration: underline; }

.controls { margin-top: 5px; height: 23px; }
.controls a { padding: 5px; }
.ss-controls { float: left; }
.nav-controls { float: right; }
.loader { background: url('../upload/css_img/loading.gif') no-repeat center; width: 550px; height: 350px; }

#slideshow-adv { margin: 0 40px 0 0; }
.slideshow,
.pagination { clear: both; }
.slideshow .image-wrapper { float: left; padding-bottom: 10px; }
#galerie-horz .slideshow .image-wrapper { margin: 0 -41px 0 0; }
.slideshow a.advance-link { padding: 0; display: block; border: 1px solid #fff; }
.slideshow img,
ul.thumbs img { border: none; display: block; }

.download { display: none; }
.embox { clear: both; padding: 12px; position: absolute; top: 530px; }
.image-title { font-weight: bold; font-size: 1.4em; }
.image-desc { width: 358px; line-height: 1.3em; padding-top: 3px; margin: 0 0 0 98px; color: #bfbfbf; }
#galerie-horz .image-desc { width: 408px; margin: 0 0 0 -12px;  }

.gal_avigation { }

#thumbs-adv { width: 100px; }
#galerie-horz #thumbs-adv { width: 539px; }
ul.thumbs { clear: both; margin: 0; }
ul.thumbs li { float: left; padding: 0; margin: 0 10px 10px 0; list-style: none; height: 98px; overflow: hidden; width: 98px; border: 1px solid #fff; }
a.thumb { padding: 0; display: block; }
ul.thumbs li.selected a.thumb { background: #000; }
a.thumb:focus { outline: none; }

.gal_navigation .top { margin-bottom: 0; height: 0; }
.gal_navigation .bottom { margin-top: 12px; }

.pagination a,
.pagination .current { display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid #ccc; }
.pagination a:hover { background: #eee; text-decoration: none; }
.pagination .current { font-weight: bold; background: #000; border: #000; color: #fff; }


