h1.slogan {padding-left:10px; font:bold 30px/40px "times new roman", serif; background:#aaa;}
h1.slogan span {font-weight:normal; color:#fff;}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/droplist-images.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav {width:800px; height:135px; position:relative; font:bold 11px/30px verdana,sans-serif;}
#level1 {padding:0; margin:0; list-style:none; width:800px; height:135px;}
#level1 li.level1-li {width:132px; height:110px; margin:0 1px 0 0; float:left; display:inline;}
#level1 li.last {margin:0;}
#level1 li.level1-li a.level1-a {display:block; width:132px; height:110px; text-align:center; font:bold 11px/30px verdana,sans-serif; color:#fff; text-decoration:none;}
#level1 li.level1-li a#camera {background:url(mnu01.png);}
#level1 li.level1-li a#camcorder {background:url(mnu02.png);}
#level1 li.level1-li a#dvd {background:url(mnu03.png);}
#level1 li.level1-li a#television {background:url(mnu04.png);}
#level1 li.level1-li a#mobile {background:url(mnu05.png);}
#level1 li.level1-li a#computer {background:url(mnu06.png);}

#level1 li.level1-li a.double {line-height:14px;}
#level2 {padding:0; margin:0; list-style:none; width:750px; height:25px; margin-top:-25px;}
#level2 li.level2-li {width:132px; height:25px; margin:0 0 0 0; float:left; display:inline;}
#level2 li.last {margin:0;}
#level2 li.level2-li a.level2-a {display:block; width:132px; text-align:center; height:25px; font:normal 11px/25px nerdana,sans-serif; color:#069; text-decoration:none;background:url(plain.png) left bottom;}
#level2 li.level2-li a.level2-a:hover {text-decoration:underline;}

ul#level1 table {border-collapse:collapse; margin:-1px 0;}

ul#level1 div {position:absolute; left:-9999px;}
ul#level1 li.level1-li:hover {position:relative;}
ul#level1 li.level1-li a.level1-a:hover {border:0; position:relative;}
ul#level1 :hover div.holder {left:0; top:110px; background:#fff url(bottom.gif) repeat-x left bottom; border:1px solid #999; border-top-color:#ccc; text-align:left;}



ul#level1 div.holder span {display:block; width:130px; height:1px; background:#fff; overflow:hidden; position:absolute; left:0; top:-1px; z-index:500;}
ul#level1 div.holder p {clear:left; color:#666; line-height:15px; padding:5px 10px; margin:0; font-weight:normal;}
ul#level1 div.holder p a {color:#069; text-decoration:none;}
ul#level1 div.holder p a:hover {text-decoration:underline;}

ul.sublevel {padding:0 0 5px 10px; margin:0; list-style:none;}
ul.sublevel li {float:left; width:105px; margin-right:10px; display:inline;}
ul.sublevel li a {display:block; width:105px; height:15px; line-height:15px; color:#069; text-decoration:none; text-indent:10px; background:url(dot.gif) no-repeat left center;}
ul.sublevel li a:hover {text-decoration:underline;}


ul#level1 :hover div.col3 {width:372px;}
ul#level1 :hover div.col2 {width:240px;}

ul#level1 :hover div.left {left:auto; right:0;}
ul#level1 div.left span {display:block; width:118px; height:1px; background:#fff; overflow:hidden; position:absolute; left:auto; right:0; top:-1px; z-index:500;}

ul#level1 a:hover div.left {right:-1px;} /* fix for IE6 only */
ul#level1 a:hover div.left span.flyLeft {right:-1px;} /* fix for IE6 only */