/* CSS Document */

.detail-gallery { width:480px; height:420px; margin:15px 0; font-family: Helvetica, Arial, sans-serif; }
.detail-gallery .gallery-container { float:left;width:480px; height:360px; }
.detail-gallery div.content { display:none; float:left; height:360px; position:relative; width:480px; }
.detail-gallery div.content a, div.navigation a { text-decoration: none; color: #777; }
.detail-gallery div.content a:focus, div.content a:active { text-decoration: none; }
.detail-gallery div.controls { height:23px; position:absolute; width:480px; z-index:10; }
.detail-gallery div.controls a { background-color:rgba(0, 0, 0, 0.75); color:#fff; font-size:10px; padding:3px 2px 0; text-decoration:none; text-transform:uppercase; display:block; }
.detail-gallery div.ss-controls { float: right; width:40px; }
.detail-gallery div.nav-controls { float: right; }
.detail-gallery div.slideshow-container { background-color:#222222; clear:both; height:360px; position:relative; }
.detail-gallery div.loader { position: absolute; top: 0; left: 0; background-image: url(https://thingstodo.s3.amazonaws.com/images/loader.gif); background-repeat: no-repeat; background-position: center; width: 480px; height: 360px; /* This should be set to be at least the height of the largest image in the slideshow */ }
.detail-gallery div.slideshow { }
.detail-gallery div.slideshow span.image-wrapper { display: block; position: absolute; top: 0; left: 0; }
.detail-gallery div.slideshow a.advance-link { display:block; height:360px; line-height:360px; overflow:hidden; position:relative; text-align:center; width:480px; }
.detail-gallery div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, .detail-gallery div.slideshow a.advance-link:visited { text-decoration: none; }
.detail-gallery div.slideshow img { border:medium none; height:360px; left:0; position:absolute; top:0; width:auto; }
.detail-gallery div.download { float: right; }
.detail-gallery div.caption-container { position: absolute; clear: left; }
.detail-gallery span.image-caption { bottom:0; display:block; height:360px; left:0; position:absolute; width:480px; }
.detail-gallery div.caption { color:#FFFFFF; height:360px; }
.detail-gallery div.caption a {cursor:pointer; z-index:9; display:block; height:260px; position:absolute; top:0; width:480px;}
.detail-gallery div.image-title { font-weight: bold; margin:5px 10px; }
.detail-gallery div.image-desc { margin:2px 10px 5px; font-size:13px; }
/*.detail-gallery div.monkeyhat { background:transparent url(https://thingstodo.s3.amazonaws.com/images/foto-corner.png) no-repeat scroll 0 -20px; color:#FFFFFF; font-size:20px; height:110px; left:0; line-height:1; padding:10px 50px 10px 5px; position:absolute; top:0; width:80px; }*/
.detail-gallery .gallery-caption { position:absolute; bottom:0; background-color:rgba(0, 0, 0, 0.75); width:100%; font-family: Helvetica, Arial, sans-serif; }
.detail-gallery div.navigation { /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */ display:none; }
.detail-gallery ul.thumbs { /*display:none;*/ float:left; /*height:262px;*/ position:relative; width:480px; padding:0; }
.detail-gallery ul.thumbs li { float: left; padding: 0; list-style: none; }
.detail-gallery a.thumb { display:block; /*margin-left:1px;*/ }
.detail-gallery ul.thumbs li.selected a.thumb { background: #000; }
.detail-gallery a.thumb:focus { outline: none; }
.detail-gallery ul.thumbs img { border:medium none; display:block; height:90px; width:120px; }
.detail-gallery div.pagination { clear: both; }
.detail-gallery div.navigation div.top { }
.detail-gallery div.navigation div.bottom { margin-top: 12px; }
.detail-gallery div.pagination a, div.pagination span.current, div.pagination span.ellipsis { display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid #ccc; }
.detail-gallery div.pagination a:hover { background-color: #eee; text-decoration: none; }
.detail-gallery div.pagination span.current { font-weight: bold; background-color: #000; border-color: #000; color: #fff; }
.detail-gallery div.pagination span.ellipsis { border: none; padding: 5px 0 3px 2px; }