/* ================================================================ 
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 {

}

.menu ul li a, .menu ul li a:visited, .menu ul li a:active {
display: block;
text-decoration: none;
height: 34px;
text-align: center;
color: #fff;
background: #86A11B none;
line-height: 34px;
padding: 0 5px;
overflow: hidden;
border: 1px solid #fff;
cursor: default;
float: left;
}

.menu ul li a.double, .menu ul li a:visited.double, .menu ul li a:active.double {
line-height: normal;
padding: 3px 5px;
height: auto;
}

.menu ul li a.double span {
display: inline-block;
}

#side .full .menu ul {
padding: 0;
margin: 0;
list-style: none;
overflow: visible;
font-size: 100%;
}

#side .full .menu ul li {
position: absolute;
margin: 0;
padding: 0;
}

.menu ul li.calendula {
bottom: 102px;
right: 180px;
z-index: 90;
}

.menu ul li.clay {
bottom: 102px;
right: 105px;
z-index: 100;
}

.menu ul li.daisy {
bottom: 145px;
right: 200px;
z-index: 105;
}

.menu ul li.walnut {
bottom: 145px;
right: 100px;
z-index: 110;
}

.menu ul li.lavender {
bottom: 184px;
right: 160px;
z-index: 110;
}

.menu ul li.salt {
bottom: 230px;
left: 90px;
z-index: 115;
}

.menu ul li.olive {
bottom: 260px;
right: 210px;
z-index: 120;
}

.menu ul li.macadamia {
bottom: 235px;
right: 65px;
z-index: 130;
}

.menu ul li.myrtle {
bottom: 300px;
left: 40px;
z-index: 140;
}

.menu ul li.coffee {
bottom: 275px;
right: 40px;
z-index: 150;
}

.menu ul li.teatree {
top: 290px;
right: 50px;
z-index: 160;
}

.menu ul li.eucalyptus {
bottom: 380px;
left: 20px;
z-index: 170;
}

.menu ul li.sandalwood {
top: 190px;
left: 80px;
z-index: 180;
}

.menu ul li.aloe {
top: 200px;
right: 100px;
z-index: 190;
}

.menu ul li.coconut {
top: 30px;
right: 30px;
z-index: 200;
}

#side .full .menu ul ul li {
border-left: 0 none;
border-right: 0 none;
background-color: #FFDE52;
padding: 10px;
width: 300px;
z-index: 100;
text-align: left;
line-height: 150%; 
}

.menu ul li ul {
display: none;
}

/* specific to non IE browsers */
.menu ul li:hover a {
background: #FFDE52 none;
color: #454323;
border: 0 none;
}

.menu ul li:hover ul {
display: block;
position: absolute;
top: 34px;
left: 0;
width: auto;
}

.menu ul li:hover ul.left {
top: 0;
left: -320px;
}

.menu ul li:hover ul li a {
background: transparent none;
display: inline;
float: none;
text-align: left;
padding: 0;
line-height: normal;
height: auto;
color: #3366DD;
text-decoration: underline;
cursor: pointer;
}

.menu ul li:hover ul li a:hover {
text-decoration: none;
}