/* CSS Document */
/*
-----------------------------------------------
Air Aroma Navigation Stylesheet
----------------------------------------------- 
*/
/* 
----------------------------------------------- 
=Navigation
----------------------------------------------- 
*/
#cart-info{
float:right;
font-weight:bold;
color:#007370;
margin:0 10px;
line-height:23px;
}
#branding{
height:81px;
}
#branding img{
margin:30px 0 0 23px;
}
#account-menu{
float:right;
display:inline;
width:170px;
margin:0 2px 0 0;
}
#account-nav{
margin:0;
padding:0;
list-style:none;
}
#account-nav li{
float:right;
margin:0 12px 0 0;
padding:0;
text-align:right;
}
#nav-members{
width:140px;
text-align:right;
height:28px;
}
#nav-members a{
padding:0;
text-decoration:none;
line-height:28px;
}
#nav-cart{
width:116px;
padding:0;
margin:0;
background:url(../images/ui/nav-account-cart-bg.gif) no-repeat;
background-position:12px 50%;
}
#nav-cart p{
margin:0 14px 0 30px;
padding:0;
text-align:right;
line-height:28px;
}
#nav-cart a{
display:block;
padding:0;
margin:0;
width:auto;
}
#nav-cart a:hover{
text-decoration:underline;
}
#main-menu {
position:relative;
width:582px;
margin:0 2px;
text-align:left;
padding:0;
float:left;
}
#nav{
margin:0;
padding:0;
height:28px;
list-style:none;
width:582px;
background:url(../images/ui/navbar-main.gif) no-repeat;
}
#nav li {
float:left;
margin:0;
padding:0;
}
#nav li a {
height: 28px;
display: block;
}
#nav li span {
display:none;
}
#nav-shop{
width:50px;
}
#nav-products {
width:62px;
}
#nav-whatsnew {
width:72px;
}
#nav-application{
width:73px;
}
#nav-branding{
width:89px;
}
#nav-science{
width:84px;
}
#nav-contactus {
width:72px;
}
#nav-myaccount{
width:80px;
}

#nav-shop a:hover {
background:transparent url(../images/ui/navbar-main.gif) 0 -28px no-repeat;
}
#nav-products a:hover {
background:transparent url(../images/ui/navbar-main.gif) -50px -28px no-repeat;
}
#nav-whatsnew a:hover {
background:transparent url(../images/ui/navbar-main.gif) -112px -28px no-repeat;
}
#nav-application a:hover {
background:transparent url(../images/ui/navbar-main.gif) -184px -28px no-repeat;
}
#nav-branding a:hover {
background:transparent url(../images/ui/navbar-main.gif) -257px -28px no-repeat;
}
#nav-science a:hover {
background:transparent url(../images/ui/navbar-main.gif) -346px -28px no-repeat;
}
#nav-contactus a:hover {
background:transparent url(../images/ui/navbar-main.gif) -430px -28px no-repeat;
}
#nav-myaccount a:hover {
background:transparent url(../images/ui/navbar-main.gif) -502px -28px no-repeat;
}

#nav-shop.active {
background:transparent url(../images/ui/navbar-main.gif) 0 -56px no-repeat;
}
#nav-products.active {
background:transparent url(../images/ui/navbar-main.gif) -50px -56px no-repeat;
}
#nav-whatsnew.active {
background:transparent url(../images/ui/navbar-main.gif) -112px -56px no-repeat;
}
#nav-application.active {
background:transparent url(../images/ui/navbar-main.gif) -184px -56px no-repeat;
}
#nav-branding.active {
background:transparent url(../images/ui/navbar-main.gif) -257px -56px no-repeat;
}
#nav-science.active {
background:transparent url(../images/ui/navbar-main.gif) -346px -56px no-repeat;
}
#nav-contactus.active {
background:transparent url(../images/ui/navbar-main.gif) -430px -56px no-repeat;
}
#nav-myaccount.active {
background:transparent url(../images/ui/navbar-main.gif) -502px -28px no-repeat;
}

/*.dropdown{
width:133px;
padding:0 0 10px 0;
list-style:none;
margin:0;
background:url(../images/ui/nav-dropdown-bg.gif);
background-position:bottom;
text-align:left;
}
.dropdown li{
width:131px;
margin:0 1px 0 1px;
padding:0 0 1px 0;
background:url(../images/ui/dotted-tile.gif) repeat-x;
background-position:bottom;
text-align:left;
height:19px;
}
.dropdown a{
background:url(../images/ui/bullet-05.gif) no-repeat;
background-position:9px 0.7em;
padding:0 9px 0 17px;
margin:0;
line-height:19px;
color:#545454;
display:block;
}
.dropdown a:hover{
background:#e1e1e1 url(../images/ui/bullet-05.gif) no-repeat;
background-position:9px 0.7em;
text-decoration:none;
cursor:pointer;
}
.dropdown .shadow{
width:131px;
padding:0;
background:url(../images/ui/nav-dropdown-shadow.gif) repeat-x;
height:4px;
margin:0 1px;
line-height:0;
font-size:0;
}*/

/*Commented out styles removed 'Specials' button from Shop Navigation */

#cart-nav{
float:right;
height:52px;
background:url(../images/ui/icon-shop-cart.gif) no-repeat;
background-position:0 18px;
margin:0 12px;
padding:0 0 0 24px;
}
#cart-nav a{
line-height:48px;
color:#d1d3d4;
}
#shop-nav{
width:760px;
padding:0 0 5px 0;
margin:0 2px;
height:52px;
background:#f3f3f3 url(../images/ui/shop-nav-bg.jpg) no-repeat;
text-align:left;
}
.sf #shop-nav{
background:#191919 url(../images/ui/sf-nav-bg.jpg) no-repeat;
}
.sfmain #shop-nav{
background:#fff url(../images/ui/sfmain-nav-bg.jpg) no-repeat;
}
#shop-nav ul{
background:url(../images/ui/shop-nav-sprite.gif) no-repeat;
list-style:none;
margin:0;
padding:0;
width:270px;
height:48px;
}
#shop-nav ul li{
margin:17px 0 0 0;
padding:0;
height:18px;
float:left;
}
#shop-nav ul li a{
height:18px;
display:block;
}
#shop-nav-scent{
width:81px;
}
#shop-nav-diffuser{
width:102px;
}
#shop-nav-cart{
width:78px;
}
#shop-nav-scent a:hover, #shop-nav-scent.active{
background:transparent url(../images/ui/shop-nav-sprite.gif) -0px -65px no-repeat;
}
#shop-nav-diffuser a:hover, #shop-nav-diffuser.active{
background:transparent url(../images/ui/shop-nav-sprite.gif) -81px -65px no-repeat;
}
#shop-nav-cart a:hover, #shop-nav-cart.active{
background:transparent url(../images/ui/shop-nav-sprite.gif) -183px -65px no-repeat;
}
#shop-nav ul span{
display:none;
}
#lhn {
width:131px;
margin:0 18px 18px 0;
font-size:11px;
}
#lhn a {
padding:2px 0;
text-decoration:none;
color:#4e4e4e;
width:100%;
display:block;
}
#lhn a:visited {
text-decoration:none;
color:#505050;
}
#lhn a:hover {
background:#f3f3f3;
}
#lhn .active{
background:#ebf9fc;
}
.lhn-sub {
font-size:10px;
}
.lhn-sub a, .lhn-sub a:visited, .lhn-sub a:hover {
color:#989898 !important;
}
.sf #lhn a:hover{
background:#202020;
}
.sf #lhn .active{
background:#303030;
}