/* Enhanced gallery styles */
#column1 {width: 949px; margin-left: 25px;}

#photoGallery {display: none; position: relative; width: 949px; height: 674px;}

/* Main image area (left) */
#photoGalleryMain {position: relative; float: left; margin: 0; padding: 0; width: 606px; height: 674px;}
.slideshow-container,
.loader,
.slideshow a.advance-link {width: 606px;} /* This should be set to be at least the width of the largest image in the slideshow with padding */

.loader,
.slideshow a.advance-link,
.caption-container {height: 506px;} /* This should be set to be at least the height of the largest image in the slideshow with padding */

.slideshow-container {position: absolute; left: 0; top: 0; width: 606px; height: 554px;}
.loader {position: absolute; top: 0; left: 0; width: 600px; height: 500px; background-image: url('/loadingIcon.gif'); background-repeat: no-repeat; background-position: center;}

.slideshow {position: absolute; top: 0; left: 0; width: 606px; height: 506px; /*border: solid 3px #eb792d;*/}
.slideshow span.image-wrapper {display: block; position: absolute; top: 0; left: 0; width: 606px; height: 506px;}
.slideshow a.advance-link {display: block; line-height: 500px; text-align: center; text-decoration: none !important; outline: none;} /* This should be set to be at least the height of the largest image in the slideshow with padding */
.slideshow img {/*border: 0;*/border: solid 3px #eb792d; position: absolute; left: 0; top: 0;}
.slideshow object {/*border: 0;*/border: solid 3px #eb792d; width: 600px; height: 337px;}

.controls {position: absolute; left: 0; top: 519px; width: 606px; height: 35px; background: #eb792d; z-index: 1;}
.controls a {outline: none;}
.controls .ss-controls {position: absolute; left: 0; top: 0; width: 1px/*606px*/; height: 1px/*35px*/; z-index: 2;}
.controls .ss-controls .play {position: absolute; left: 265px; top: -21px; display: block; width: 76px; height: 76px; text-indent: -999px; background: url('/gallery-button-play.png') no-repeat; overflow: hidden; font-size: 0px; line-height: 0px; z-index: 10;}
.controls .ss-controls .pause {position: absolute; left: 265px; top: -21px; display: block; width: 76px; height: 76px; text-indent: -999px; background: url('/gallery-button-pause.png') no-repeat; overflow: hidden; font-size: 0px; line-height: 0px; z-index: 10}
.controls .nav-controls {position: absolute; left: 0; top: 0; width: 1px/*606px*/; height: 1px/*35px*/ z-index: 2;}
.controls .nav-controls .prev {position: absolute; left: 193px; top: -13px; display: block; width: 60px; height: 60px; text-indent: -999px; background: url('/gallery-button-prev.png') no-repeat; overflow: hidden; font-size: 0px; line-height: 0px; z-index: 10}
.controls .nav-controls .next {position: absolute; left: 353px; top: -13px; display: block; width: 60px; height: 60px; text-indent: -999px; background: url('/gallery-button-next.png') no-repeat; overflow: hidden; font-size: 0px; line-height: 0px; z-index: 10}

.caption-container {position: absolute; left: 0; top: 574px; width: 606px; height: 100px;}
.photo-index {position: absolute; bottom: 0; left: 0; padding: 0 12px;}

span.image-caption {display: block; position: absolute; top: 0; left: 0;}
.caption-container, span.image-caption {width: 600px;}

/* Thumbnail nav area (right) */
#photoGalleryThumbs {position: relative; float: left; margin: 10px 0 10px 25px; padding: 0; width: 299px; height: 654px; color: #fff; background: #eb792d;}
#photoGalleryThumbs img#rightColHead {position:absolute; top:-10px; left:0;}
#photoGalleryThumbs img#rightColFoot {position:absolute; bottom:-10px; left:0;}
#thumbs {position: relative; width: 294px; height: 654px; overflow: auto;}
#thumbsInner {position: absolute; left: 10px; top: 50px; width: 279px; height: 594px/*540px*/; overflow: auto;}
ul.thumbs {list-style: none; margin: 0; padding: 0;}
li.thumb {display: block; margin: 0 0 15px 0; padding: 0;}
a.thumb {float: left; display: block; margin: 0 5px 0 0; width: 120px; color: #fff; outline: none;}
a.thumb img {vertical-align: bottom;}
.caption {/*padding: 0 12px;*/}
ul.thumbs img {/*border: none; display: block;*/}
li.thumb a {text-decoration: none !important; outline: none;}
span.thumbTitle {font-size: 13px;}
#thumbs form {margin: 0 0 0 10px; line-height: normal;}
#thumbs a {color: #fff;}