/* @override http://www.karenskloset.com/layout/shop_kk/glmenu/procssmenu/headermenu.css */

/* Common Styling for CSS Menu */
/* ================================================================
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/
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.

Mar 25/2007: Blaine Lang
CSS Modified to work with glMenu
=================================================================== */

#nav {
  padding:0; 
  margin:0; 
  list-style:none; 
  height:38px; 
  background: none repeat-x; 
  position:relative; 
  z-index:200; 
  font-family:arial, verdana, sans-serif;
}
#nav li.top {
  display:block;
	float: right;
}
#nav li a.top_link {
  display:block; 
  float:left; 
  height:35px; 
  line-height:33px; 
  color: #989d83; 
  text-decoration:none; 
  font-size:11px; 
  font-weight:bold; 
  padding:0px 0px 0px 12px; 
  cursor:pointer;background: none;
}
#nav li a.top_link span {
  float:left; 
  display:block; 
  padding:0px 24px 0px 12px; 
  height:35px; 
  background: none no-repeat right top;
}
#nav li a.top_link span.down {
  float:left;
  display:block;
  padding:0px 24px 0px 12px;
  height:35px; 
  background: none no-repeat right top;
}

#nav li:hover a.top_link,
#nav a.top_link:hover {
  color:#FFFFFF; 
  background: none no-repeat;
}
#nav li:hover a.top_link span,
#nav a.top_link:hover span {
  background: none no-repeat right top;
	color: black;
}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down {
  background: none no-repeat right top; 
  padding-bottom:3px;
	color: black;
}


#nav table {
  border-collapse:collapse; 
  padding:0; 
  margin:0; 
  left:0; 
  top:0;
}
#nav li:hover {
  z-index:200;
	position: relative;
}
#nav a:hover {
  position:relative; 
  white-space:normal; 
  z-index:200;
}

#nav :hover ul.sub { 
  top: 35px; 
  border: 1px solid #ade500; 
  white-space:nowrap; 
  width: 122px; 
  height:auto; 
  z-index:300;
	background-color: white;
	left: -68px;
	padding-left: 5px;
	float: left;
}
#nav :hover ul.sub li {
  display:block; 
  height:20px; 
  width: 122px; 
  font-weight:normal;
}
#nav :hover ul.sub li a {
  display:block; 
  font-size:11px; 
  height:18px; 
  width: 118px; 
  line-height:18px; 
  color: gray; 
  text-decoration:none;
  white-space:nowrap;
	text-align: center;
	float: left;
}

#nav :hover ul.sub li a:hover {
  background: #ade500; 
  color:#FFFFFF;
  border: 1px solid white;
	float: left;
}

#nav li ul.sub li a.fly {
  background:#269B1E url(arrow.gif) 95px 6px no-repeat;
}
#nav :hover ul.sub li a.fly:hover {
  background:#237536 url(arrow_over.gif) 95px 6px no-repeat; 
  color:#FFFFFF;
}
#nav li b {
  display:block; 
  font-size:21px; 
  height:18px; 
  width:88px; 
  line-height:18px; 
  margin-bottom:3px; 
  text-indent:6px; 
  color:red; 
  border-bottom: 1px solid #ade500; 
  cursor:default;
}

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul {
  left:89px; 
  top:-4px; 
  background: #237536; 
  padding:3px; 
  border:1px solid #FFFFFF; 
  white-space:nowrap; 
  width:120px; 
  z-index:400; 
  height:auto;
}

#nav ul,
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul {
  position:absolute; 
  left:-9999px; 
  top:-9999px; 
  width:0; 
  height:0; 
  margin:0; 
  padding:0; 
  list-style:none;
}

#nav li:hover li:hover > ul {
  left:109px; 
  top:-4px; 
  background: #269B1E; 
  padding:3px; 
  border:1px solid #0b4d97; 
  white-space:nowrap; 
  width:120px; 
  z-index:400; 
  height:auto;
}
#nav li:hover > ul ul {
  position:absolute; 
  left:-9999px; 
  top:-9999px; 
  width:0; 
  height:0; 
  margin:0; 
  padding:0; 
  list-style:none;
}
#nav li:hover li:hover > a.fly {
  background:#237536 url(arrow_over.gif) 110px 6px no-repeat; 
  color:#FFFFFF; 
  border-color:#FFFFFF;
}
#nav li:hover li:hover > li a.fly {
  background:#52565B url(arrow.gif) 110px 6px no-repeat; 
  color:#000; 
  border-color:#52565B;
}