#mainContent { position: relative; background: #999; width: 470px; height: 372px; }
#scrollArea { position: absolute; top: 1px; left: 1px; width: 468px; height: 370px; background: #fff; overflow: hidden; }
#scrollContent {  }
#scrollContent img { padding: 0px; margin: 0px; border: 0px; }
#scrollBarBgO { position: absolute; top: 0px; left: 257px; width: 213px; height: 160px; background: #999; }
#scrollBarBgT { position: absolute; top: 0px; left: 258px; width: 212px; height: 159px; background: #fff; }
#scrollBar { position: absolute; top: 0px; left: 267px; width: 203px; height: 150px; background: url(../images/mini_map.jpg) top left no-repeat; }
#scroller { position: absolute; top: 0px; left: 267px; width: 36px; height: 28px; background: #999; cursor: pointer; }
#mapOverlayBG { position: absolute; top: 0px; left: 0px; background: #999; width: 470px; height: 372px; }
#mapOverlay { position: absolute; top: 1px; left: 1px; width: 468px; height: 370px; background: #fff url(../images/ajax-loader.gif) center center no-repeat; }

.sb_bttMouseDown { background: #ddd; }