/* ================================================================ 
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.stunicholls.com/menu/hover_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#outer { height: 21px; background-color: Black; position: relative; }
#menuPlaceHolder { position: relative; clear: both; background-color: Black; color: White; height: 21px; }

.pad1 { width: 50px; height: 25px; background: #baa; display: inline; float: left; margin: 3px 3px 0 3px; }
.pad2 { width: 50px; height: 25px; background: #baa; display: inline; float: left; margin: 3px 3px 0 0; }

#menu { list-style-type: none; padding: 0; margin: 0; }
#menu ul { list-style-type: none; padding: 0; margin: 0; }
#menu li { float: left; background: Black; margin: 0 0 0 0; position: relative; border-right: 1px solid White; }
#menu li.sub li { border-top: Solid 1px White; }
#menu li.sub { background: Black; }
#menu li.sub1 li { width: 215px; }
#menu li.sub11 li { width: 118px; }
#menu li.sub12 li { width: 149px; }
#menu li.sub2 li { width: 245px; }

/* for IE5.5 and IE6 only */
#menu table { border-collapse: collapse; position: absolute; top: 0; left: 0; z-index: 800; font-size: 1em; }

#menu li a { display: block; color: White; padding: 4px 5px; font-size: 11px; font-family: verdana, arial, sans-serif; font-weight: bold; text-decoration: none; }
#menu :hover { color: Black; background: Yellow; }
#menu :hover > a { color: Black; background: Yellow; }

#menu li.shop > a { color: Black; background: Yellow; }
#menu li.shop :hover,
#menu li.shop :hover > a { color: White; background: #009933; }

#menu ul, 
#menu :hover ul ul,
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul :hover ul ul,
#menu :hover ul :hover ul ul.left { position: absolute; left: -9999px; top: 10px; width: 128px; }

#menu :hover ul { left: 0; top: 21px; background: url(images/shim.gif);} /* the background image is for IE7 */

#menu :hover ul :hover ul { padding: 0 1px; left: 215px; top: -1px; }
#menu :hover ul :hover ul :hover ul { padding: 0 1px; left: 215px; top: -1px; }

#menu :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul.left { padding: 0 3px; left: -131px; top: -3px; }