<HTML>
<HEAD>
<TITLE>visibility hidden</TITLE>
<base href="/~sultans/html/demo/css/menus/">
<STYLE TYPE=text/css>
         A:link    {text-decoration:none}
         A:visited {text-decoration:none}
         A:hover   {text-decoration:none;      color:red}
    A.drop:hover   {text-decoration:underline; color:red}
</STYLE>  
</HEAD>

<BODY bgcolor=lightyellow marginwidth=0 marginheight=0 topmargin=0 leftmargin=0>

<table border="1" bordercolor="#000000" cellpadding=0 cellspacing=0 width="100%">
<tr align="center"><td><b>Sam Sultan - Hover Menus.</b></td></tr>
</table>

<!-------------------- MAIN MENU -------------------------------------------------->

<TABLE BORDER=2 WIDTH="480" CELLPADDING="0" CELLSPACING="0">
<tr>
<td width=120><a href="menu2_hover_access.html">  <img src=opened.gif border=0>Accessories</a>
<td width=120><a href="menu2_hover_apparel.html"> <img src=closed.gif border=0>Apparel</a>
<td width=120><a href="menu2_hover_orig.html">    <img src=closed.gif border=0>Originals ©</a>
<td width=120><a href="menu2_hover_clear.html">   <img src=closed.gif border=0>Clearance</a>
</TABLE>

<!-------------------- Accessories Sub Menu ----------------------------------------->

<div id="menuAccessories" 
style="position:absolute; top:55px;left:3px; width:140px;height:145px; z-index:999;
       background-color:#E6F2FF; layer-background-color:#E6F2FF; visibility:show">

<table border="1" cellspacing="0" cellpadding="0" width="140">

<tr><td><a href="promo.html" class=drop>Promotional Items</a></td>
<tr><td><a href="write.html" class=drop>Writing Tools    </a></td>
<tr><td><a href="drink.html" class=drop>Drinkware        </a></td>
<tr><td><a href="desk.html"  class=drop>Desktop Items    </a></td>
<tr><td><a href="sport.html" class=drop>Sports Leisure   </a></td>
<tr><td><a href="watch.html" class=drop>Watches          </a></td>
<tr><td><a href="hotel.html" class=drop>Hotel Marketing  </a></td>

</table>
</div>

<!-------------------- Apparel Sub Menu -------------------------------------------->

<div id="menuApparel"   
style="position:absolute; top:55px;left:120px; width:120px;height:120px; z-index:999;
       background-color:#E6F2FF; layer-background-color:#E6F2FF; visibility:hidden">
						
<table border="1" cellspacing="0" cellpadding="0" width="120">

<tr><td><a href="Tshirt.html" class=drop> T Shirts   </a></td>
<tr><td><a href="shirt.html"  class=drop> Shirts     </a></td>
<tr><td><a href="casual.html" class=drop> Casual Wear</a></td>
<tr><td><a href="jacket.html" class=drop> Jackets    </a></td>
<tr><td><a href="caps.html"   class=drop> Caps       </a></td>
<tr><td><a href="kids.html"   class=drop> Kids       </a></td>

</table>
</div>

<!------------------- Originals Sub Menu -------------------------------------------->

<div  id="menuOriginal"  
style="position:absolute; top:55px;left:240px; width:120px;height:106px; z-index:999;
       background-color:#E6F2FF; layer-background-color:#E6F2FF; visibility:hidden">

<table border="1" cellspacing="0" cellpadding="0" width="120">

<tr><td><a href="soprano.html" class=drop>Sopranos        </a></td>
<tr><td><a href="sexcity.html" class=drop>Sex and the City</a></td>
<tr><td><a href="6feet.html"   class=drop>6 Feet Under    </a></td>
<tr><td><a href="nfl.html"     class=drop>Inside the NFL  </a></td>
<tr><td><a href="oz.html"      class=drop>OZ              </a></td>

</table>
</div>

<!-------------------- Clearance Sub Menu ------------------------------------------->

<div  id="menuClearance" 
style="position:absolute; top:55px;left:360px; width:120px;height:240px; z-index:999;
       background-color:#E6F2FF; layer-background-color:#E6F2FF; visibility:hidden">

<table border="1" cellspacing="0" cellpadding="0" width="120">

<tr><td><a href="Tshirt.html" class=drop> T Shirts         </a></td>
<tr><td><a href="shirt.html"  class=drop> Shirts           </a></td>
<tr><td><a href="casual.html" class=drop> Casual Wear      </a></td>
<tr><td><a href="jacket.html" class=drop> Jackets          </a></td>
<tr><td><a href="caps.html"   class=drop> Caps             </a></td>
<tr><td><a href="kids.html"   class=drop> Kids             </a></td>
<tr><td><a href="write.html"  class=drop> Writing Tools    </a></td>
<tr><td><a href="drink.html"  class=drop> Drinkware        </a></td>
<tr><td><a href="desk.html"   class=drop> Desktop Items    </a></td>
<tr><td><a href="sport.html"  class=drop> Sports Leisure   </a></td>
<tr><td><a href="watch.html"  class=drop> Watches          </a></td>
<tr><td><a href="hotel.html"  class=drop> Hotel Marketing  </a></td>

</table>
</div>

<!--------------------------------------------------------------------------------->

<br><br><br><br><br><br>
<br><br><br><br><br><br>
<br><br><br><br>

To see this page in action click <a href=/~sultans/demo/js/dhtml/dhtmlMenu.html>here</a>


</BODY>
</HTML>