#nav, #nav ul {
line-height:1;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0px 0px 0px 0px;
font-size:12px;
font-family:Geneva, Arial, Helvetica, sans-serif;
background-color:#CABCDC;
}

#nav {
z-index:100;
}

#nav ul {
z-index:200;
background-color:#CABCDC;
}

#nav a {
color:#000066;
display:block;
text-decoration:none;
}

#nav a:visited {
text-decoration:none;
border:0px;
outline:0px;
}

#nav li.home {
float:left;
}

#nav li.company {
float:left;
}

#nav li.ASA {
float:left;
}
#nav li.bottles {
float:left;
}

#nav li.H2o {
float:left;
}

#nav li.Art2Heart {
float:left;
}

#nav li.biomat {
float:left;
}
/***********************/

#nav li ul.mat {
background-color:#E7A825;
}

#nav li ul.bottles {
background-color:635AA7;
}

#nav li ul.jewlery {
background-color:#9ACB3C;
}

#nav li ul.water {
background-color:#77A4D7;
}

#nav li ul.lotions {
background-color:#635AA7;
}

/**********************/
#nav li.home a,
#nav li.home a:link,
#nav li.home a:active,
#nav li.home a:visited {
height:20px;
width:49px;
padding:6px 0px 0px 12px;
}

#nav li.company a,
#nav li.company a:link,
#nav li.company a:active,
#nav li.company a:visited {
height:20px;
width:73px;
padding:6px 0px 0px 6px;
}

#nav li.ASA a,
#nav li.ASA a:link,
#nav li.ASA a:active,
#nav li.ASA a:visited {
height:20px;
width:145px;
padding:6px 0px 0px 6px;
}

#nav li.H2o a,
#nav li.H2o a:link,
#nav li.H2o a:active,
#nav li.H2o a:visited {
height:20px;
width:151px;
padding:6px 0px 0px 6px;
}

#nav li.biomat a,
#nav li.biomat a:link,
#nav li.biomat a:active,
#nav li.biomat a:visited {
height:20px;
width:120px;
padding:6px 0px 0px 6px;
}

#nav li.Art2Heart a,
#nav li.Art2Heart a:link,
#nav li.Art2Heart a:active,
#nav li.Art2Heart a:visited {
height:20px;
width:112px;
padding:6px 0px 0px 6px;
}

#nav li.bottles a,
#nav li.bottles a:link,
#nav li.bottles a:active,
#nav li.bottles a:visited {
height:20px;
width:100px;
padding:6px 0px 0px 6px;
}



/************************/

#nav li.home a:hover {
background-color:#333366;
color:#FFFFFF;
}

#nav li.company a:hover {
background-color:#333366;
color:#FFFFFF;
}

#nav li.ASA a:hover {
background-color:#635AA7;
color:#FFFFFF;
}

#nav li.H2o a:hover {
background-color:#77A4D7;
color:#FFFFFF;
}

#nav li.biomat a:hover {
background-color:#E7A825;
color:#FFFFFF;
}

#nav li.Art2Heart a:hover {
background-color:#9ACB3C;
color:#FFFFFF;
}

#nav li.bottles a:hover {
background-color:#2422b7;
color:#FFFFFF;
}
/*************************/

#nav li #line_height {
line-height:13px;
margin-bottom:5px;
height:30px;
}

#nav li #line_height a {
padding:4px 0px 0px 10px;
width:140px;
height:30px;
margin-bottom:5px;
}

#nav li #line_height a:hover {
color:#FFFFFF;
background-color:#333366;
height:30px;
margin-bottom:5px;
}

#nav li #normal a {
padding:4px 0px 0px 10px;
width:140px;
height:18px;
}

#nav li #normal a:hover {
color:#FFFFFF;
background-color:#333366;

}

#nav li ul {
background:#cabcdc none repeat scroll 0 0;
left:-999em;
position:absolute;
width:150px;
border:#000066 1px solid;
padding:0;
margin:0;
}

#nav li.normal {
/*padding:5px 0px 0px 0px;*/
width:160px;
height:22px;
}

#nav li ul ul {
margin:-1em 0 0 10em;
}

#nav li ul ul.left {
margin:-1em 0 0 -12em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left:-999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left:auto;
}