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

.albums { clear: both; width: 650px; }
.floats { float: left; width: 214px; border: 1px solid green; }

#thumbs { width:280px; clear: both; float:left; padding-top: 10px;  }
#gallery { width:640px; float: right; }

div.albums { clear: both; padding: 0px 0 20px 0; text-align: left; overflow: hidden; }

.albums ul { margin: 0; padding: 0; width: 200px;  }
.albums ul li { display: inline-block; *display: inline; padding:10px 10px 0; clear: both; }
.albums h1 { color: #EB5625; font-family: Georgia; font-size: 18px; text-transform: capitalize; font-weight: normal; padding-top: 15px; }

.albums li { width: 215px; float: left; list-style-type: none; }
.albums li a  { padding-bottom: 5px; display: block; }

.albumList ul { float: left; width: 630px; margin: 0; padding: 0 0 20px; list-style: none; }
    .albumList li { display: block; float: left; margin: 0; padding: 0 5px 5px; width: 190px; }

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

.slideshow { clear: both; }
.slideshow span.image-wrapper { position:relative; height: 411px; }

#wrapper .panelPhotos { float: right; width: 300px; height: auto; margin: 0px 0 35px 0; *margin: 5px 0 35px 0; }

/*
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: auto; height:411px; margin: 0 auto; padding: 0;  }
div.download { float: right; }
div.embox {	clear: both; text-align: left; }
div.image-title { font-weight: bold; font-size: 1.4em; }
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; margin: 0; padding: 0; }
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 transparent; }
    a.thumb:hover, a.thumb:focus { 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.pagination { clear: both; }



div.pagination span.current { margin-right: 5px; color: #929497; background: transparent url(/_Resources/img/btn-bg-next-previous.png) repeat scroll 0 0; height: 17px; width: auto; padding: 2px 10px;  }
div.pagination a { text-decoration: none; margin-right: 5px; color: #F6921E; background: transparent url(/_Resources/img/btn-bg-next-previous.png) repeat scroll 0 0; height: 12px; width: auto; padding: 2px 10px; }
div.pagination a:hover, div.pagination a:focus { text-decoration: none; color: #929497; }
div.pagination {}
div.pagination a.previous { background: transparent url(/_Resources/img/btn-bg-next-previous.png) repeat scroll 0 0; height: 17px; width: auto; }
div.pagination a.previous span { }
div.pagination a.previous:hover span {}
div.pagination a.next { }
div.pagination a.next span { }
div.pagination a.next:hover span { }

.nav-controls a { position:relative;  display:block; overflow:hidden; width:6px; height:13px; }

div.pagination { float: left; }

.nav-controls a.previous { position:relative;  display:block; overflow:hidden; width:6px; height:13px; }
.nav-controls a.previous { float:left; }
.nav-controls a.previous span { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:#fff url(/_Resources/img/arrow/arrow_purple_left.png) no-repeat top left;}
.nav-controls a.previous:hover span { background:#fff url(/_Resources/img/arrow/arrow_orange_left.png) no-repeat top left;}

.nav-controls a.next { position:relative; display:block; overflow:hidden; width:6px; height:13px; }
.nav-controls a.next { float:right; }
.nav-controls a.next span { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:#fff url(/_Resources/img/arrow/arrow_purple_right.png) no-repeat top right;}
.nav-controls a.next:hover span { background:#fff url(/_Resources/img/arrow/arrow_orange_right.png) no-repeat top right;}

.ss-controls a.play, .ss-controls a.pause { background: url(/_Resources/img/play.png) no-repeat top right; width: 34px; height: 30px; float: left; }
.ss-controls a:hover.play, .ss-controls a.pause, .ss-controls a.pause:hover { background-position: 0 -34px; }
.ss-controls a.play:hover, .ss-controls a.play:focus { color: #000; }
.ss-controls a.play span {}
.ss-controls a.play:hover span {}

.ss-controls a.pause {}
.ss-controls a.pause span {}