@charset "utf-8";
/*	The display of content is enabled by a javascript generated style on the page.
	This is so that the slideshow content won't display unless javascript is enabled. */
#wrapper { min-height: 300px !important; }
div.bottom_block { height: 1px !important; min-height: 1px !important; }
div.content { display: none; position: relative; display: block; width: 560px; height: auto; }
div.content a,
div.navigation a { text-decoration: none; color: #777; }
div.ss-controls { float: left; }
div.nav-controls { float: right; }
div.loader { position: absolute; top: 0; left: 0; display: block;  width: 100%; height: 350px; background: url(../images/ani_timer.gif) no-repeat center; }
div.slideshow { position: relative; display: block; width: 100%; height: auto; }
div.slideshow a.advance-link { position: absolute; top: 0; left: 0; padding: 2px; display: block; border: 1px solid #ccc; }
div.slideshow img { position: absolute; top: 0; left: 0; border: none; width: 554px; height: 369px; }
div.download { float: right; }
div.embox { display: block; width: 100%; height: auto; clear: both; text-align: center; }
/*	Thumbs */
div.navigation { }
ul.thumbs { display: block; width: 296px; height: auto; margin: 0; padding: 0; }
ul.thumbs:after { content: "."; display: block; width: 100%; height: 1px; clear: both; visibility: hidden; }
ul.thumbs li { float: left; padding: 0; padding: 0; margin: 5px 0; list-style: none; }
ul.thumbs li.gutter { margin-right: 10px; }
a.thumb { display: block; padding: 2px; border: 1px solid #ccc; }
ul.thumbs li.selected a.thumb { background: #000; }
a.thumb:focus { outline: none; }
ul.thumbs img { border: none; display: block; }
/*	The navigation style is set by a javascript generated style on the page.
	This is so that the javascript specific styles won't be applied unless javascript is enabled. */
div.pagination { display: block; width: 100%; height: auto; }
div.pagination:after { content: "."; display: block; width: 100%; height: 1px; clear: both; visibility: hidden; }
div.navigation div.top { margin-bottom: 12px; }
div.navigation div.bottom { margin-top: 12px; }
div.pagination a { display: block; float: left; margin-right: 2px; padding: 4px 9px; font-size: 11px !important; color: #fff !important; background: #3f506e url(../images/bg_button2.png) repeat-x center center; border: 1px solid #3f506e; text-decoration: none; }
div.pagination a:hover { background: #e9eef1; background-image: url(../images/bg_button2_hover.png); text-decoration: none !important; }
div.pagination a.current { background: #fff !important; color: #3f506e !important;}
div.pagination span.current { font-weight: bold; background: none; color: #3f506e !important; }
div.pagination span.fake { display: block; width: 15px; height: 20px; line-height: 30px; float: left; margin-right: 2px; padding: 1px 2px; font-size: 11px !important; color: #3f506e !important; text-align: center; }