<style>
#menuHolder {width:130px; position:relative; z-index:100; margin-left:10px;}
ul.menu {padding:0; margin:0; list-style:none; width:130px; font-family:verdana, sans-serif; font-size:11px; height:45px;}
ul.menu li {float:left;}
ul.menu li a {text-decoration:none; color:#fff; text-decoration:none; font-size:11px; font-weight:bold;}
ul.menu li a.aTop {display:block; padding:0 0 0 10px; line-height:45px; height:45px; float:left; width:120px; background:#800;
transition-delay: 0.25s;
-o-transition-delay: 0.25s;
-moz-transition-delay: 0.25s;
-ms-transition-delay: 0.25s;
-webkit-transition-delay: 0.25s;
}
ul.menu li a.aFirst {
-webkit-border-radius:8px 8px 0 0;
-moz-border-radius:8px 8px 0 0;
border-radius:8px 8px 0 0;
}
ul.menu li a.aLast {
-webkit-border-radius: 0 0 8px 8px;
-moz-border-radius: 0 0 8px 8px;
border-radius: 0 0 8px 8px;
}
ul.menu li div.drop {position:absolute; z-index:-1; left:10px; top:0; background:#fff url(divider.gif) left top; border:5px solid #800; 
border-width:5px 5px 5px 0; width:110px; height:305px; overflow:hidden;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-border-radius:0 8px 8px 0;
-moz-border-radius:0 8px 8px 0;
border-radius:0 8px 8px 0;
}
ul.menu li div.drop dl {float:left; width:130px; padding:0 10px 10px 10px; margin:-305px 0 0 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
ul.menu li div.drop dl dt {font-weight:bold; padding:10px 0 3px 0; color:#800; line-height:12px;}
ul.menu li div.drop dl dd {padding:0; margin:0;}
ul.menu li div.drop dl dd a {display:block; color:#c60; font-weight:normal; line-height:12px; padding:3px 0;}
ul.menu li div.drop dl dd a:hover {color:#800; text-decoration:underline;}
ul.menu li div.bottomLine {position:absolute; bottom:-1px; left:0; width:450px; background:#800;}
ul.menu li div.bottomLine p {padding:0 10px; margin:0; line-height:18px; color:#fc6; text-decoration:none;}
ul.menu li div.bottomLine p a:hover {text-decoration:underline;}
ul.menu li a.aTop:hover {color:#fc6;}
ul.menu li.sub:hover > a.aTop {color:#fc6;}
ul.menu li:hover div.col1 {left:125px; width:150px;
-webkit-transition: all 0.33s ease-in-out;
-moz-transition: all 0.33s ease-in-out;
-ms-transition: all 0.33s ease-in-out;
-o-transition: all 0.33s ease-in-out;
transition: all 0.33s ease-in-out;
transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
}
ul.menu li:hover div.col2 {left:125px; width:300px;
-webkit-transition: all 0.66s ease-in-out;
-moz-transition: all 0.66s ease-in-out;
-ms-transition: all 0.66s ease-in-out;
-o-transition: all 0.66s ease-in-out;
transition: all 0.66s ease-in-out;
transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
}
ul.menu li:hover div.col3 {left:125px; width:450px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
}
ul.menu li:hover div.col1 dl {margin-top:0;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
transition-delay: 0.33s;
-o-transition-delay: 0.33s;
-moz-transition-delay: 0.33s;
-ms-transition-delay: 0.33s;
-webkit-transition-delay: 0.33s;
}
ul.menu li:hover div.col2 dl {margin-top:0;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
transition-delay: 0.66s;
-o-transition-delay: 0.66s;
-moz-transition-delay: 0.66s;
-ms-transition-delay: 0.66s;
-webkit-transition-delay: 0.66s;
}
ul.menu li:hover div.col3 dl {margin-top:0;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
transition-delay: 1s;
-o-transition-delay: 1s;
-moz-transition-delay: 1s;
-ms-transition-delay: 1s;
-webkit-transition-delay: 1s;
}
ul.menu li.close {position:absolute; left:0; top:0; opacity:0; z-index:-1;
transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
-webkit-transition: opacity 1s ease-in-out;
transition-delay: 1.5s;
-o-transition-delay: 1.5s;
-moz-transition-delay: 1.5s;
-ms-transition-delay: 1.5s;
-webkit-transition-delay: 1.5s;
}
.clear {clear:both;}
/* for IE6 */
ul.menu table {border-collapse:collapse; width:0; margin:0 0 -1px 0; position:absolute; left:0; top:0; z-index:-1;}
ul.menu li.sub a.aTop:hover {direction:ltr;}
ul.menu li.sub a.aTop:hover div.drop {left:125px;}
ul.menu li.sub a.aTop:hover div.col1 {width:150px;}
ul.menu li.sub a.aTop:hover div.col2 {width:300px;}
ul.menu li.sub a.aTop:hover div.col3 {width:450px;}
ul.menu li.sub a.aTop:hover dl {margin-top:0;}
ul.menu li.sub a.aTop:hover div.bottomLine p {font-weight:normal;}
/* for iPhone, iPod Touch and iPad */
ul.menu li.li1:hover + li.close {left:255px; top:-20px; opacity:1; z-index:100;}
ul.menu li.li2:hover + li.close {left:405px; top:-20px; opacity:1; z-index:100;}
ul.menu li.li3:hover + li.close {left:555px; top:-20px; opacity:1; z-index:100;}
ul.menu li:hover + li.close a {display:block; width:50px; height:50px; background:url(close2.png);}
</style>
<br>
<div id="menuHolder">
<ul class ="menu">
    <li><a class ="aTop aFirst" href="#nogo"><span>Home</span><b></b></a></li>
</ul>
<ul class ="menu">
    <li class ="sub li3"><a class ="aTop" href="#nogo"><span>Collections</span><b></b><!--[if gte IE 7]><!--></a><!--<![endif]-->
    <!--[if lte IE 6]><table><tr><td><![endif]-->
	   <div class ="col3 drop">
		  <dl>
			 <dt>Dresses</dt>
			 <dd><a href="#url">Floral Print</a></dd>
			 <dd><a href="#url">Sleeveless</a></dd>
			 <dd><a href="#url">Pure Cotton</a></dd>
			 <dd><a href="#url">Linen Blend</a></dd>
			 <dd><a href="#url">Buttoned</a></dd>
			 <dt>Coats &amp; Jackets</dt>
			 <dd><a href="#url">Silk Blend</a></dd>
			 <dd><a href="#url">Cotton Rich</a></dd>
			 <dd><a href="#url">Sleeveless</a></dd>
			 <dd><a href="#url">Pure Linen</a></dd>
		  </dl>
		  <dl>
			 <dt>Jeans</dt>
			 <dd><a href="#url">Flared denim</a></dd>
			 <dd><a href="#url">Bootleg</a></dd>
			 <dd><a href="#url">Cropped</a></dd>
			 <dt>Knitwear</dt>
			 <dd><a href="#url">Cardigans</a></dd>
			 <dd><a href="#url">Bolero</a></dd>
			 <dd><a href="#url">Plain long sleeve jumpers</a></dd>
			 <dt>Socks</dt>
			 <dd><a href="#url">Plain Cotton</a></dd>
			 <dd><a href="#url">Trainer</a></dd>
			 <dd><a href="#url">Sports</a></dd>
		  </dl>
		  <dl>
			 <dt>Shirts &amp; Blouses</dt>
			 <dd><a href="#url">Pure Cotton</a></dd>
			 <dd><a href="#url">Pure Silk</a></dd>
			 <dd><a href="#url">Floral</a></dd>
			 <dt>Skirts</dt>
			 <dd><a href="#url">Pleated</a></dd>
			 <dd><a href="#url">Belted</a></dd>
			 <dd><a href="#url">Panelled</a></dd>
			 <dd><a href="#url">Pencil</a></dd>
			 <dd><a href="#url">Flared</a></dd>
		  </dl>
		  <br class ="clear">
		  <div class ="bottomLine">
			 <p>Visit our <a href="#url">online store</a> for more bargains and special offers . . .</p>
			 <p><a href="#url">Free delivery</a> on orders over £100.</p>
		  </div>
	   </div>
    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
    </li>
    <li class ="close"><a href="#url"></a></li>
</ul>

<ul class ="menu">
    <li class ="sub li2"><a class ="aTop" href="#nogo"><span>Mail Order</span><b></b><!--[if gte IE 7]><!--></a><!--<![endif]-->
    <!--[if lte IE 6]><table><tr><td><![endif]-->
	   <div class ="col2 drop">
		  <dl>
			 <dt>Electronics</dt>
			 <dd><a href="#url">Televisions</a></dd>
			 <dd><a href="#url">DVD Players</a></dd>
			 <dd><a href="#url">Mobiles</a></dd>
			 <dd><a href="#url">Games Consoles</a></dd>
			 <dt>Wine</dt>
			 <dd><a href="#url">Red</a></dd>
			 <dd><a href="#url">White</a></dd>
			 <dd><a href="#url">Rose</a></dd>
			 <dd><a href="#url">Sparkling</a></dd>
		  </dl>
		  <dl>
			 <dt>Furniture</dt>
			 <dd><a href="#url">Garden furniture</a></dd>
			 <dd><a href="#url">Sofas</a></dd>
			 <dd><a href="#url">Dining chairs</a></dd>
			 <dd><a href="#url">Beds</a></dd>
		  </dl>
		  <br class ="clear">
		  <div class ="bottomLine">
			 <p>Special offer on all <a href="#url">Microwaves</a> - 50% OFF!</p>
		  </div>
	   </div>
    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
    </li>
    <li class ="close"><a href="#url"></a></li>
</ul>
<ul class ="menu">
    <li class ="sub li1"><a class ="aTop" href="#nogo"><span>Special Offers</span><b></b><!--[if gte IE 7]><!--></a><!--<![endif]-->
    <!--[if lte IE 6]><table><tr><td><![endif]-->
	   <div class ="col1 drop">
		  <dl>
			 <dt>Meanswear</dt>
			 <dd><a href="#url">Half price shirts</a></dd>
			 <dd><a href="#url">30% off Suits</a></dd>
			 <dd><a href="#url">Half price shoes</a></dd>
			 <dd><a href="#url">2 for 1 Shirts</a></dd>
			 <dt>Kidswear</dt>
			 <dd><a href="#url">Half price shirts</a></dd>
			 <dd><a href="#url">2 for 1 T shirts</a></dd>
			 <dd><a href="#url">1/3 off trainers</a></dd>
		  </dl>
		  <br class ="clear">
		  <div class ="bottomLine">
			 <p>More <a href="#url">offers</a> online.</p>
		  </div>
	   </div>
    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
    </li>
    <li class ="close"><a href="#url"></a></li>
</ul>
<ul class ="menu">
    <li class ="sub li3"><a class ="aTop" href="#nogo"><span>Accessories</span><b></b><!--[if gte IE 7]><!--></a><!--<![endif]-->
    <!--[if lte IE 6]><table><tr><td><![endif]-->
	   <div class ="col3 drop left1">
		  <dl>
			 <dt>Scarves</dt>
			 <dd><a href="#url">Silk</a></dd>
			 <dd><a href="#url">Chiffon</a></dd>
			 <dd><a href="#url">Crinkle</a></dd>
			 <dd><a href="#url">Butterfly</a></dd>
			 <dd><a href="#url">Tassel</a></dd>
			 <dt>Belts</dt>
			 <dd><a href="#url">Leather</a></dd>
			 <dd><a href="#url">Elasticated</a></dd>
			 <dd><a href="#url">Reversible</a></dd>
		  </dl>
		  <dl>
			 <dt>Necklaces</dt>
			 <dd><a href="#url">Pendant</a></dd>
			 <dd><a href="#url">Pearl</a></dd>
			 <dd><a href="#url">Drop</a></dd>
			 <dt>Earrings</dt>
			 <dd><a href="#url">Party</a></dd>
			 <dd><a href="#url">Silver</a></dd>
			 <dd><a href="#url">Gold</a></dd>
			 <dd><a href="#url">Stud</a></dd>
			 <dt>Rings</dt>
			 <dd><a href="#url">Diamond</a></dd>
			 <dd><a href="#url">Pearl</a></dd>
			 <dd><a href="#url">Emerald</a></dd>
		  </dl>
		  <dl>
			 <dt>Handbags</dt>
			 <dd><a href="#url">Shopper</a></dd>
			 <dd><a href="#url">Tote</a></dd>
			 <dd><a href="#url">Shoulder</a></dd>
			 <dd><a href="#url">Beach</a></dd>
			 <dd><a href="#url">Leather</a></dd>
			 <dd><a href="#url">Clutch</a></dd>
			 <dd><a href="#url">Mock Crocodile</a></dd>
		  </dl>
		  <br class ="clear">
		  <div class ="bottomLine">
			 <p>Why not treat yourself to a <a href="#url">makeover</a> in our cosmetic department.</p>
		  </div>
	   </div>
    <!--[if lte IE 6]></td></tr></table></a><![endif]-->
    </li>
    <li class ="close"><a href="#url"></a></li>
</ul>
<ul class ="menu">
    <li><a class ="aTop" href="#nogo"><span>Contact Us</span><b></b></a></li>
</ul>
<ul class ="menu">
    <li><a class ="aTop aLast" href="#nogo"><span>Where to Find Us</span><b></b></a></li>
</ul>
</div>
<br><br><br>