div.content {display: none;}

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: underline;}

div.controls {position:relative;margin-top: 5px;height: 23px;}

div.controls a {padding: 5px;}

div.ss-controls {position:absolute;top:0px;right:35px;z-index:2;/*float: left;*/}

div.ss-controls a.play{background:url(../images/navplay.jpg) 0 no-repeat;padding:8px 15px 8px 14px;text-decoration:none;}



div.ss-controls a.pause{background:url(../images/navpause.jpg) 0 no-repeat;padding:8px 15px 8px 14px;text-decoration:none;}



div.nav-controls {position:absolute;top:0px;right:0px;z-index:1;height:24px;/*float: right;*/
}

div.nav-controls a.prev{margin-right:15px;background:url(../images/navforwed.jpg) center no-repeat;padding:10px 15px;text-decoration:none;}

div.nav-controls a.next{margin-left:20px;background:url(../images/navnext.jpg) center no-repeat;padding:10px 15px;text-decoration:none;}





div.slideshow-container {position: relative;clear: both;height: 392px;}

div.loader {position: absolute;top: 0;left: 0; background:#FFF; background-image: url(../images/loader.gif);background-repeat: no-repeat;background-position: center;width: 583px;height: 392px;/* 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: 583px;height: 392px;line-height: 0px;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;width: 583px;height: 392px;border:none;}

div.download {float: right;}

div.caption-container {position: absolute;top:10px;right:10px;width:433px;height:126px;background:url(../images/bg-slide-des.png) top no-repeat;z-index: 500;}

span.image-caption {display: block;position: absolute;}

div.caption {padding: 10px;color: #FFF;display:block;width:413px;height:106px;text-align:right;}

div.caption a {color: #fff;}

div.image-title {/*font-weight: bold;font-size: 26px;*/}

div.image-desc {/*font-size:12px;line-height: 1.3em;padding-top: 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: none;/*padding: 0;margin: 0;*/	list-style: none;}

a.thumb {/*padding: 0;*/display: inline;border: none;}

ul.thumbs li.selected a.thumb {/*color: #000;font-weight: normal;*/}

a.thumb:focus {outline: none;}

ul.thumbs img {border: none;display: block;width:604px;height:300px;}

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;}

#captionToggle a {float: right;display: block;background-image: url('caption.png');background-repeat: no-repeat;background-position: right;margin-top: 5px;padding: 5px 30px 5px 5px;}


