/* GALLERY */
.box { }
.galleryBox {  float:left; background-color:#fff; width:929px; padding:20px; }
.gallerySpan2 { width:629px; float:left; background-color:#fff; }
.gallerySpan1 { width:280px; float:left; background-color:#fff; }

#thumbs { width:280px; clear: both; float:left; padding-top: 10px; }
#gallery { padding: 0; width: 600px; border: 0;}
    #gallery div { padding: 0; border: 0; }
    #gallery #loading { position: relative; }

div.albums { clear: both; padding-top: 20px; text-align: left; }
div.albums ul { }
div.albums ul li { display: inline-block; *display: inline; padding:10px 10px 0; }

div.ss-controls { float: left; }
div.nav-controls { float: right; margin-right: 8px; }
div.loader { background-image: url('/_Resources/img/lightbox/loading.gif');background-repeat: no-repeat;background-position: center;width: 560px;height: 350px }

div.slideshow { clear: both; }
div.slideshow span.image-wrapper {  float:left; width: 590px; }
div.slideshow span.image-wrapper img { margin: 10px 0; z-index: 1; }

/*
div.slideshow a.advance-link { display:block; width:50%; height:100%; position:absolute; top:0; left:50%; }
div.slideshow a.previous-link { display:block; width:50%; height:100%; position:absolute; top:0; left:0; }
div.slideshow a.advance-link:hover { background: transparent url('/_Resources/img/arrow_right_green.png') no-repeat 90% 50%; }
div.slideshow a.previous-link:hover { background: transparent url('/_Resources/img/arrow_left_green.png') no-repeat 10% 50%; }
*/
div.slideshow a.previous-link { position: absolute; top: 50%; left: 10px; display: block; margin-top: -49px; width: 40px; height: 97px; background: url(/_Resources/img/arrows.png) left top no-repeat; z-index: 900; text-indent: -999em; }
div.slideshow a.previous-link:hover { background-position: left bottom; }
div.slideshow a.advance-link { position: absolute; top: 50%; right: 10px; display: block; margin-top: -49px; width: 40px; height: 97px; background: url(/_Resources/img/arrows.png) right top no-repeat; z-index: 900; text-indent: -999em; }
div.slideshow a.advance-link:hover { background-position: right bottom; }

div.slideshow img { border: none; display: block; width: 590px; }
div.download { float: right; }
div.embox {	clear: both; text-align: left; }
div.image-title { font-size: 16px; font-weight: bold; color: #333; text-transform: uppercase; margin-bottom: 10px; }
div.image-desc { line-height: 1.3em; padding-top: 12px; }

div.navigation {
/* The navigation style is set by a javascript generated style on the page.
   This is so that the javascript specific styles won't be applied unless javascript is enabled. */ }
	   
ul.thumbs { clear: both; float: left; margin: 0; padding: 10px 0 10px 10px; }
ul.thumbs li { float: left; padding: 0; margin: 3px 6px 3px 0; list-style: none; }
a.thumb { width:80px; height:80px; overflow:hidden; display: block; border: 1px solid #fff; }
ul.thumbs li.selected a.thumb { background-color:#995C87; }
a.thumb:focus { outline:none;}
ul.thumbs img { border: none; display: block; width:180px; margin-top:-20px; margin-left:-55px; }

div.navigation div.top { margin-bottom: 12px; height: 11px; }
div.navigation div.bottom { margin-top: 12px; text-align:left; }

.nav-controls a { float: left; margin-left: 5px; width: 25px; height: 22px; background: url(/_Resources/img/buttons/btn_fotos.png) left top no-repeat; text-indent: -999em; }
    .nav-controls a.next { background-position: 0 -64px; }
        .nav-controls a.next:hover { background-position: left bottom; }
        .nav-controls a.previous:hover { background-position: 0 -32px; }

.ss-controls a { display: block; width: 25px; height: 22px; background: url(/_Resources/img/buttons/btn_slideshow.png) left top no-repeat; text-indent: -999em; }
.ss-controls a:hover, .ss-controls a:focus { background-position: left bottom; }