body {
     font-family: "Roboto Condensed", Arial, sans-serif;
     font-size: 13px;
     font-weight: 400;
 }
 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: left;
     width: 505px;
 }
 div.content a,
 div.navigation a {
     text-decoration: none;
     color: #333;
 }
 div.content a,
 div.navigation a:hover {
     color: #000;
 }
 div.content a:focus,
 div.content a:hover,
 div.content a:active {
     text-decoration: underline;
 }
 div.controls {
     margin-top: 5px;
     height: 23px;
 }
 div.controls a {
     padding: 5px;
 }
 div.ss-controls {
     float: left;
 }
 div.nav-controls {
     float: right;
 }
 div.slideshow-container {
     position: relative;
     clear: both;
     height: 420px;
     /* 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: 340px;
     height: 500px;
     /* This should be set to be at least the height of the largest image in the slideshow */
 }
 div.slideshow {} div.slideshow span.image-wrapper {
     display: block;
     position: absolute;
     top: 0;
     left: 0;
 }
 div.slideshow a.advance-link {
     display: block;
     width: 505px;
     height: 750px;
     /* This should be set to be at least the height of the largest image in the slideshow */
     line-height: 410px;
     /* 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: middle;
     border: 1px solid #ccc;
 }
 div.download {
     float: right;
 }
 div.caption-container {
     position: relative;
     clear: left;
     height: 75px;
 }
 div.caption {
     padding: 12px;
 }
 div.navigation {
     /* The navigation style is set using jQuery 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: 0px 10px 5px 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 {
     display: block;
     float: left;
     margin-right: 2px;
     padding: 4px 7px 2px 7px;
     border: 1px solid #ccc;
 }
 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;
     padding: 5px 0 3px 2px;
 }