*html .clearfix { zoom: 1; }
.preview { width: 400px; height: 515px; float: left; }
.smallImg { position: relative; height: 102px; margin-top: 1px; padding: 6px 5px; width: 390px; overflow: hidden; float: left; }
.scrollbutton { width: 14px; height: 100px; overflow: hidden; position: relative; float: left; cursor: pointer; }
.scrollbutton.smallImgUp, .scrollbutton.smallImgUp.disabled { background: url(../img/left.gif) no-repeat 0 30px; }
.scrollbutton.smallImgDown { background: url(../img/right.gif) no-repeat 4px 30px; }
#imageMenu { height: 100px; width: 360px; overflow: hidden; margin-left: 0; float: left; }
#imageMenu li { height: 100px; width: 120px; overflow: hidden; float: left; text-align: center; }
#imageMenu li img { width: 100px; height: 98px; cursor: pointer; border: 1px solid #E7E7E7; margin-bottom: 0px; }
#imageMenu li:hover img { width: 94px; height: 94px; border: 3px solid #ff8a00; }
.bigImg { position: relative; float: left; width: 400px; height: 400px; overflow: hidden; }
.bigImg #midimg { width: 400px; height: 400px; }
.bigImg #winSelector { width: 235px; height: 210px; }
#winSelector { position: absolute; cursor: crosshair; filter: alpha(opacity=15); -moz-opacity: 0.15; opacity: 0.15; background-color: #000; border: 1px solid #fff; }
#bigView { position: absolute; border: 1px solid #E7E7E7; overflow: hidden; z-index: 999; }
#bigView img { position: absolute; }