.gallery {position:relative; margin:10px 40px}
.controls {text-align:right; margin:5px 70px 0 0}
.controls div {display:inline; cursor:pointer; margin:0 3px}
.divphoto-img {background:#fff}
.frame {position:relative; overflow:hidden; margin-left:23px}
.frame, .slider li {width:530px; height:403px}
.slider {position:relative; left:0; width:100%; list-style-type:none}
.slider li {float:left}
.slider li img {margin:0 auto}
.slider h3 {font-size:11px; color:#2d495f; font-style:italic; font-weight:normal}
.slider .photodate {margin:6px 14px 4px 49px}
.slider .separator-dotted {margin:0 14px 0 49px; height:1px; background:url(../images/dotted2.html) top repeat-x}
.slider .photoplace, .slider .photodesc {display:none; margin:0 14px 0 49px}
.slider .photoplace {padding:9px 0 0}
.slider .photodesc {padding:3px 0 15px}
.previewFrame {position:relative; overflow:scroll; overflow-y:hidden; width:506px; height:106px; margin-left:32px}
.preview {position:relative; list-style-type:none; width:100%;}
.preview li {float:left}
.preview h3 {display:none}
.preview .divphoto2 {margin-right:3px}
.preview .visible img {opacity:0.3; filter:alpha(opacity=30)}
.preview img {opacity:0.99; filter:alpha(opacity=99)}
.flash {position:absolute; background:#fff; top:0px; margin-left:0px; height:80px; cursor:pointer; min-width:50px}
* html .flash {margin-left:-126px}
.loading {position:absolute; top:28px; margin-left:12px; z-index:99; background:#000 url(../images/loading.png) 12px 3px no-repeat; padding-left:25px; width:180px; height:22px; color:#fff; font:11px/18px Verdana,Arial,sans-serif; text-align:center; opacity:0.7; filter:alpha(opacity=70)}
.photodetail {position:absolute; right:14px; top:369px; background:url(../images/menuon.gif) top left no-repeat; padding-left:16px; color:#2d495f; font:bold 11px Verdana; cursor:pointer}
.preview {position:relative; list-style-type:none}
.preview li {float:left;}
.preview li a {display:block;}
.preview h3 {display:none}
.preview img {margin:5px; border:2px solid #abb6bf}