#main_image{height:267px;width:354px;background-color:#ffffff; position: relative;}
#main_image img{ width: auto; height:auto; }
#main_image .galleria_wrapper { width: 354px; height:267px; overflow: hidden; }
#main_image .caption{color:#ffffff; font: 11px Tahoma; background-color: #424342; position: relative; display: none; position: absolute; bottom: 0; left: 0; right: 0; width: 100%;}
#main_image .caption{color:#ffffff; font: 11px Tahoma; background-color: #424342; position: relative; display: none; position: absolute; bottom: 0; left: 0; right: 0; width: 100%;}
#main_image .caption .onthephoto { position: absolute; bottom: 100%; background-color: #c4252d; font:bold 12px Verdana; padding: 2px 5px;}
#main_image .caption p {padding:3px 10px 10px;}
#main_image .caption h1{color:#ffffff; font: bold 14px/110% Tahoma; padding: 5px 10px 0px;}
* html #main_image .caption{background-color: transparent;}
* html #main_image .caption .onthephoto { position: relative; bottom: 0; background-color: #c4252d; display: inline-block; width:1%; white-space: nowrap;}
* html #main_image .caption p {background-color: #424342;}
* html #main_image .caption h1{background-color: #424342;}
*:first-child+html #main_image .caption{background-color: transparent;}
*:first-child+html #main_image .caption .onthephoto { position: relative; bottom: 0; background-color: #c4252d; display: inline-block; width:65px; white-space: nowrap;}
*:first-child+html #main_image .caption p {background-color: #424342;}
*:first-child+html #main_image .caption h1{background-color: #424342;}
#main_image .caption h1 a{color:#ffffff;}

#makeMeScrollable { width:80px; height: 267px; position: absolute; right: 0; top: 0; }
/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotTop { min-height: 35px; height: 15%; width: 100%; background-image: url(images/big_transparent.gif); background-repeat: repeat; background-position: center center; position: absolute; z-index: 200; top: 0; cursor: n-resize; }
* html div.scrollingHotSpotTop { height: 35px; }

/* Visible left hotspot */
div.scrollingHotSpotTopVisible { background-image: url(images/arrow_top.gif);	background-color: #fff; background-repeat: no-repeat; opacity: 0.35; -moz-opacity: 0.35; filter: alpha(opacity = 35); zoom: 1; }

/* Invisible right hotspot */
div.scrollingHotSpotDown { min-height: 35px; height: 15%; width: 100%; background-image: url(images/big_transparent.gif); background-repeat: repeat; background-position: center center; position: absolute; z-index: 200; bottom: 0; cursor: s-resize; }
* html div.scrollingHotSpotDown { height: 35px; }

/* Visible right hotspot */
div.scrollingHotSpotDownVisible { background-image: url(images/arrow_down.gif); background-color: #fff; background-repeat: no-repeat; opacity: 0.35; filter: alpha(opacity = 35); -moz-opacity: 0.35; zoom: 1; }

/* The scroll wrapper is always the same width and height as the containing element (div).
Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper { position: relative; overflow: hidden; width: 100%; height: 100%; }

div.scrollableArea { position: relative; width: 100%; height: auto; }

.fgallery{list-style:none; width: 80px;}
.fgallery li{display:none;width:80px;height:63px;overflow:hidden;margin-bottom:5px; padding: 0; background: none; position: relative;}
* html .fgallery li{ margin-bottom: 3px;}
*:first-child+html .fgallery li{ margin-bottom: 3px;}
.fgallery .descr {display:none;}
.fgallery li span { background-color: red; display: none; overflow: hidden; position: absolute;}
.fgallery li span.topb { top: 0; left:0; right: 0; width: 100%; height: 2px;}
.fgallery li span.botb { bottom: 0; left:0; right: 0; width: 100%; height: 2px;}
* html .fgallery li span.botb { top: 100%; left:0; right: 0; width: 100%; height: 2px; margin-top: -1px;}
.fgallery li span.rightb { right: 0; top:0; bottom: 0; width: 2px; height: 100%;}
.fgallery li span.leftb { left: 0; top:0; bottom: 0; width: 2px; height: 100%;}

.fgallery li.hover span, .fgallery li.active span { display: block;}
.fgallery li img{cursor:pointer;}
.fgallery li img.thumb{cursor:pointer; position:absolute; top:0; left:0; display:block; width:auto; height:auto}