<style>
#table001 {
 margin-left:54px;
 margin-right:-54px;
}
#submenu {
padding: 5px;
height: 200px;
text-align: left;
font-size: 12px;
max-width: 720px;
}

.submenutext {
text-align: center;
background:#F9F1DD;
position:absolute;
width:100%;
padding-left: 200px;
max-width: 520px;
display: none; 
height: 260px!important;
}
#menu {
position:absolute;
z-index:1000;
margin-top:22px;
}

#menu span{
 display:block;
 color:transparent;
 margin: 3px 0 3px 20px;
 background:transparent center center no-repeat;
}

/* Картинки Пасивных Кнопок */
#menu span.but1{background-image:url(http://savepic.org/1651034.png);}
#menu span.but2{background-image:url(http://savepic.org/1651034.png);}
#menu span.but3{background-image:url(http://savepic.org/1651034.png);}
#menu span.but4{background-image:url(http://savepic.org/1651034.png);}
#menu span.but5{background-image:url(http://savepic.org/1651034.png);}

/* Картинки Активных Кнопок */
#menu span.but1.tabactive{background-image:url(http://savepic.org/1703235.png);}
#menu span.but2.tabactive{background-image:url(http://savepic.org/1703235.png);}
#menu span.but3.tabactive{background-image:url(http://savepic.org/1703235.png);}
#menu span.but4.tabactive{background-image:url(http://savepic.org/1703235.png);}
#menu span.but5.tabactive{background-image:url(http://savepic.org/1703235.png);}
</style>

<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
    $("div.#menu span").removeClass("tabactive");
    $(this).addClass("tabactive");
    $("td.#MenuTxT div.submenutext").css({"z-index":"-1;"})
    var activeDiv = $(this).attr("alt");
    $("div."+activeDiv).css({"z-index":"1"})
    $("td.#MenuTxT div.submenutext").hide(1200);
    $("div."+activeDiv).show(2200);
    return false; });
});
</script>
<table id=table001 style="width: 615px;">
 <tbody>
  <tr>
   <td align="left">
    <div id="menu"> <b>
<span class="but1" alt=#sm1 "style="cursor: pointer;"><img src="http://savepic.org/1675590.png" width=200 height=32 /></span>
<span class="but2" alt=#sm2 "style="cursor: pointer;"><img src="http://savepic.org/1675590.png" width=200 height=32 /></span>
<span class="but3" alt=#sm3 "style="cursor: pointer;"><img src="http://savepic.org/1675590.png" width=200 height=32 /></span>
<span class="but4" alt=#sm4 "style="cursor: pointer;"><img src="http://savepic.org/1675590.png" width=200 height=32 /></span>
<span class="but4" alt=#sm5 "style="cursor: pointer;"><img src="http://savepic.org/1675590.png" width=200 height=32 /></span>
           </b>
    </div>
   </td>
  </tr>
  <tr align="left">
   <td id="MenuTxT"  valign="top"  style="height: 260px;">
    <div id="submenu" width="100%"> 
     <div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
Контент 1-й кнопки
</div>
     <div id="sm2" class="submenutext"><br /><br />

Контент 2-й кнопки
</div>
     <div id="sm3" class="submenutext"><br /><br />
Контент 3-й кнопки
</div>
     <div id="sm4" class="submenutext"><br /><br />
Контент 4-й кнопки
</div>
     <div id="sm5" class="submenutext"><br /><br />
Контент 5-й кнопки
</div>

</div>
   </td>
</tr>
 </tbody>
</table>
<!-- pun_announcement -->