/* ================================================================ 
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/dd_valid.html
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.
=================================================================== */
/* common styling */
.menu {
font-family: arial, sans-serif;
width: 994px;
height: 37px;
position: absolute;
top: 141px;
z-index: 100;
margin: 0;
}

.menu ul li a, .menu ul li a:visited, .menu ul li a:active {
display: block;
text-decoration: none;
height: 11px;
text-align: center;
color: #fff;
line-height: 11px;
font-size: 110%;
overflow: hidden;
padding: 8px 0 18px 0;
}

.menu ul li.logo a, .menu ul li.logo a:visited, .menu ul li.logo a:active {
background: transparent url(images/tag.gif) no-repeat center left;
height: 34px;
padding: 0;
width: 210px;
line-height: normal;
text-align: left;
}

.menu ul li.logo a:hover {
background: transparent url(images/tagh.gif) no-repeat center left;
}

.menu ul li a:hover.hide {
cursor: default;
}

.menu li.logo {
float: left;
width: 210px;
height: 26px;
}

.menu li.skincare {
width: 140px;
}

.menu li.nutrition {
width: 140px;
}

.menu li.blenders {
width: 136px;
}

.menu li.about {
width: 116px;
}

.menu li.support {
width: 112px;
}

.menu ul {
padding: 0;
margin: 0;
list-style: none;
overflow: visible;
}

.menu ul li {
float: right;
position: relative;
margin: 0;
}

.menu ul ul li {
padding: 0;
width: auto;
}

.menu ul li.about ul li.divider {
width: 226px;
}

.menu ul li ul {
display: none;
}

/* specific to non IE browsers */

.menu ul li:hover a {
background-color: #8DAB49;
color: #fff;
}

.menu ul li:hover ul {
background-color: #8DAB49;
padding: 0;
display: block;
position: absolute;
top: 37px;
left: -1px;
width: auto;
border-style: solid;
border-color: #566831;
border-width: 0 1px 1px 1px;
}

.menu ul li:hover ul li a {
background: transparent none;
color: #fff;
display: block;
font-size: 90%;
text-align: left;
width: 290px;
padding: 0 0 0 8px;
line-height: 32px;
height: auto;
}

.menu ul li:hover.about ul li a {
width: 234px;
}

.menu ul li:hover ul li a.title {
background-color: #79940D;
}

.menu ul li:hover ul li a:hover {
background: #82A03C none;
cursor: pointer;
}