div.content{/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */display: none;float: right;width:405px}
div.content a, div.navigation a{text-decoration: none;color: #777}
div.controls{margin:0 0 7px 0;height:21px}
div.controls a{padding-top:2px;height:19px}
div.ss-controls{float: left;height:21px}
div.nav-controls{float: right}
div.slideshow-container{position: relative;clear: both;height: 295px; /* This should be set to be at least the height of the largest image in the slideshow */}
div.loader{position: absolute;top: 0;left: 0;background-image: url('loader.gif');background-repeat: no-repeat;background-position: center;width: 405px;height: 295px; /* This should be set to be at least the height of the largest image in the slideshow */}
div.slideshow{height:295px;}
div.slideshow span.image-wrapper{display: block;position: absolute;top: 0;left: 0}
@-moz-document url-prefix() { div.slideshow span.image-wrapper { top:-15px; } }

div.slideshow a.advance-link{display: block;width: 405px;height: 295px; /* This should be set to be at least the height of the largest image in the slideshow *//* line-height: 295px; This should be set to be at least the height of the largest image in the slideshow */text-align: center}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited{text-decoration: none}

div.slideshow img{vertical-align:top;margin:0;padding:0}
div.download{float: right;visibility:hidden}
div.caption-container{position: relative;clear: left;height: 75px}
span.image-caption{display: block;position: absolute;width: 405px;top: 0;left: 0}
div.caption{padding: 12px}
div.image-title{font-weight: bold;font-size: 1.4em;visibility:hidden}
div.image-desc{line-height: 1.3em;padding-top: 12px;visibility:hidden}

div.navigation{}
ul.thumbs{clear:both;margin:0;padding:0}
ul.thumbs li{float: left;padding: 0;margin: 3px 5px 3px 0;list-style: none}
a.thumb{padding: 2px;display: block;border: 1px solid #ccc}
ul.thumbs li.selected a.thumb{background: #000}
a.thumb:focus{outline: none}
ul.thumbs img{border: none;display: block}
div.pagination{clear: both}
div.navigation div.top{margin-bottom: 12px;height: 11px}
div.navigation div.bottom{margin-top: 12px}

div.pagination a, div.pagination span.current, div.pagination span.ellipsis{height:19px/*21*/;width:21px;padding:2px 0 0 0;text-align:center;background:transparent url(pagesButt.png) no-repeat 0 top;display: block;float: left;margin-right: 2px;border:0 none}
div.pagination a:hover{background-color: #eee;text-decoration: none}
div.pagination span.current{height:19px/*21*/;width:21px;padding:2px 0 0 0;font-weight: bold;background:transparent url(pagesButt.png) no-repeat 0 bottom;border:0 none;color: #fff}
div.pagination span.ellipsis{border:0 none;padding: 5px 0 3px 2px}

div#gallery{margin:0;padding:0}

a.play,a.next,a.prev{display:inline-block;height:21px/*21*/;width:76px;margin:0;border:0 none;text-align:center;background:transparent url(picsButt.png) no-repeat 0 top}
a.prev{margin-right:5px}
a.play:hover,a.next:hover,a.prev:hover{background-position:0 bottom;color:#FFF}
