div.content { position:relative; float:left; width:635px; height:424px; }
div.content a, div.navigation a { text-decoration: none; color: #777; }
div.content a:focus, div.content a:hover, div.content a:active { text-decoration:none; }
div.controls { position:absolute; left:0; top:0; z-index:999; width:0; height:0; }
div.controls a { }
div.ss-controls { display:none; float: left; }
.play { display:block; width:16px; height:16px; /*background:url(../images/slide_btn.gif) no-repeat 0 0;*/ }
.play:hover { background-position:0 -16px; }
.pause { display:block; width:16px; height:16px; /*background:url(../images/slide_btn.gif) no-repeat -16px 0;*/ }
.pause:hover { background-position:-16px -16px; }

div.nav-controls { width:0px; height:0px;  }
div.nav-controls .prev { display:block; position:absolute; left:0; top:197px; width:30px; height:30px; margin-top:-15px; background:url(../images/slide_btn.gif) no-repeat 0 0; }
div.nav-controls .prev:hover { background-position:0 -30px; }
div.nav-controls .next { display:block; position:absolute; right:-635px; top:197px;  width:30px; height:30px; margin-top:-15px; background:url(../images/slide_btn.gif) no-repeat -30px 0; }
div.nav-controls .next:hover { background-position:-30px -30px; }

div.slideshow-container { position:relative; float:right; width:635px; height:424px; margin:0px 0 0px 0; padding:0; overflow:hidden;   /* 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:url(../images/loader.gif) no-repeat center center; width:635px; height:424px;  /* This should be set to be at least the height of the largest image in the slideshow */ }
div.slideshow { float:left; width:635px; height:424px; text-align:center;  }
div.slideshow span.image-wrapper { display:block; position:absolute; top:0; left:0; text-align:center; }
div.slideshow a.advance-link { display:block; width:635px; height:424px; margin:0; padding:0; 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:middle; max-width:635px; max-height:424px; width:auto; height:424px; text-align:center; margin:0 auto; }
div.download { float:right; }

div.caption-container { display:none; position:absolute; left:180px; top:-125px; background:#ccc; width:100px; height:100px; }
span.image-caption { display:block; position: absolute;  }
div.caption { width:620px; padding:15px 35px;  }
div.image-title { width:100px; height:100px; }
div.image-desc { width:100px; height:100px; }

div.navigation { position:relative; float:right; width:60px; }
div.navigation a.pageLink { display:block; float:left; width:20px; height:20px; background-repeat: no-repeat; }
div.navigation a.pageLink:focus { outline: none; }
#btn_box { width:50px; height:20px; margin:9px auto 0 auto; }
div.navigation .prev { text-indent:-9999px; margin-right:10px; background:url(../images/slide_btn2.gif) no-repeat 0 0; cursor:pointer; }
div.navigation .prev:hover { background-position:0 -20px; }
div.navigation .next { text-indent:-9999px; background:url(../images/slide_btn2.gif) no-repeat -20px 0; cursor:pointer; }
div.navigation .next:hover { background-position:-20px -20px; }

ul.thumbs { height:372px;  margin:0; padding:0; overflow:hidden; }
ul.thumbs li {  float:left; width:60px; height:60px; margin:0 0 2px 0; list-style:none; text-align:center; overflow:hidden; }
ul.thumbs li img { width:60px; height:60px; }
a.thumb { display:block; }
ul.thumbs li.selected {  }
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 { }
div.pagination a, div.pagination span.current, div.pagination span.ellipsis { display: block; float: left; }
div.pagination a:hover { background-color: #eee; text-decoration: none; }
div.pagination span.current { font-weight: bold; background-color: #000; border-color: #000; color: #fff; }
div.pagination span.ellipsis { border: none; }