#mapMainContent { position: relative; background: #999; width: 397px; height: 409px; padding: 0px !important; margin: 0px !important; }
#mapArea { position: absolute; top: 1px; left: 1px; width: 395px; height: 407px; background: #fff; overflow: hidden; }
#mapContent { position: relative; }
#mapContent img { padding: 0px; margin: 0px; border: 0px; }
#mapBarBgO { position: absolute; top: 0px; left: 392px; width: 213px; height: 146px; background: #999; }
#mapBarBgT { position: absolute; top: 0px; left: 393px; width: 212px; height: 145px; background: #fff; }
#mapBar { position: absolute; top: 0px; left: 402px; width: 203px; height: 136px; background: url(../images/mini_garden.jpg) top left no-repeat; }
#maper { position: absolute; top: 0px; left: 402px; width: 60px; height: 40px; background: #999; border: 1px solid #000; cursor: move; }
#mapOverlayBG { position: absolute; top: 0px; left: 0px; background: #999; width: 605px; height: 409px; }
#mapOverlay { position: absolute; top: 1px; left: 1px; width: 603px; height: 407px; background: #fff url(../images/ajax-loader.gif) center center no-repeat; }

#garden_photo { position: absolute; top: 141px; left: 402px; border: 1px solid #999; }
#garden_photo img { border: 0px; }

#map_tip { font-family: Verdana; font-size: 11px; color: #999; text-align: center; position: absolute; top: 359px; left: 402px; width: 203px; }

.sb_bttMouseDown { background: #ddd; }

.photo_arrow { width: 20px; height: 20px; position: absolute; }
.photo_arrow_active { width: 20px; height: 20px; position: absolute; }

html>body .photo_arrow { background: url(../images/arrow.png) top left no-repeat; }
html>body .photo_arrow_active_1 { background: url(../images/b1.png) top left no-repeat; }
html>body .photo_arrow_active_2 { background: url(../images/b2.png) top left no-repeat; }
html>body .photo_arrow_active_3 { background: url(../images/b3.png) top left no-repeat; }
html>body .photo_arrow_active_4 { background: url(../images/b4.png) top left no-repeat; }
html>body .photo_arrow_active_5 { background: url(../images/b5.png) top left no-repeat; }
html>body .photo_arrow_active_6 { background: url(../images/b6.png) top left no-repeat; }
html>body .photo_arrow_active_7 { background: url(../images/b7.png) top left no-repeat; }
html>body .photo_arrow_active_8 { background: url(../images/b8.png) top left no-repeat; }