<div style="padding: 0; margin: 0;">
    <div id="mapchange" style="float: left;">
        <a class="" style="margin: 5px; margin-top: 0px; padding: 10px;" href="#"><img src="${PICPATH}mapchange.png"/></a>
        <div style="margin: 5px;">    
                <div id="map_info" style="padding: 25px; margin: 15px; margin-bottom: 5px; background: url(${PICPATH}help_background.png); background-size: 100% 100%">
                    <h3 style=""><img style="" src="${PICPATH}help_questionmark.png"width="25px"/>&nbsp;${spawn_info_title}</h3>
                    <h4>${spawn_info_text}</h4>
                </div>             
        </div>
    </div>
    <div style="float: left; margin: 0px; margin: 15px; width: 33%; min-height: 200px;">
        <div id="map_eastern_kingdoms">
            <img src="${PICPATH}eastern_map.png"/>
            <div id="city_eastern">
                <div class="fadein city_icon_hover" id="undercity" style="position: absolute; left: 490px; top: 50px;">
                    <a href="#"><img width="70%" src="${CITYICONS}Undercity.png"/></a>
                </div>
                <div class="fadein city_icon_hover" id="ironforge" style="position: absolute; left: 500px; top: 150px;">
                    <a href="#"><img width="70%" src="${CITYICONS}Ironforge.png"/></a>
                </div>
                <div class="fadein city_icon_hover" id="stormwind" style="position: absolute; left: 490px; top: 200px;">
                    <a href="#"><img width="70%" src="${CITYICONS}Stormwind.png"/></a>
                </div>
            </div>
        </div>
        
        <div id="map_kalimdor" style="display: none;">
            <img src="${PICPATH}kalim_map.png"/>
            <div id="city_kalim">
                <div class="fadein city_icon_hover" id="darnassus" style="position: absolute; left: 470px; top: 15px;">
                   <a href="#"><img width="70%" src="${CITYICONS}Darnassus.png"/></a>
                </div>
                <div class="fadein city_icon_hover" id="orgrimmar" style="position: absolute; left: 570px; top: 120px;">
                    <a href="#"><img width="70%" src="${CITYICONS}Orgrimmar.png"/></a>
                </div>
                <div class="fadein city_icon_hover" id="thunderbluff" style="position: absolute; left: 495px; top: 150px;">
                    <a href="#"><img width="70%" src="${CITYICONS}Thunder_Bluff.png"/></a>
                </div>
            </div>
        </div>            
    </div>
         <div style="float: right; background: url(${BG}rexxar.png) no-repeat; width: 250px; height: 300px; margin-top: 100px;">
                    &nbsp;
         </div>       
</div>
        