.preload181 {
background: url(../images/consumers-nav-on.gif);}

.preload182 {
background: url(../images/retailers-nav-on.gif);}

.preload183 {
background: url(../images/gelato-nav-on.gif);}

.preload18a {
background: url(../images/consumers-nav-off.gif);}

.preload18b {
background: url(../images/retailers-nav-off.gif);}

.preload18c {
background: url(../images/gelato-nav-off.gif);}


.menu18 {
width:640px;
margin:0; 
padding:0px;
list-style:none; 
height:36px;
font-size:11px;}

.menu18 li {
float:left; 
height:36px;
 }

.menu18 li a {
display:block; 
float:left; 
width:139px;
height:40px; 
line-height:40px; 
color:#333; 
text-indent:32px;
text-decoration:none; 
font-weight:normal;
font-family:verdana, sans-serif; 
font-size:12px;
margin-right:20px;
margin:0px;
cursor:pointer; 
background:url(../images/nav-bg.gif) no-repeat;}

.menu18 li.about {
float:left; 
height:22px;width:152px; }


.menu18 li.about a {
display:block; 
float:left; 
width:152px;
height:22px;line-height:22px;color:#333; 
text-decoration:none; 
font-weight:normal;
font-family:verdana, sans-serif; 
font-size:12px;
padding:0 0 0 0px; 
margin:0px;
cursor:pointer; 
background:url(../images/about-nav-off.gif) no-repeat;}

.menu18 li.about a:hover {
color:#000;
width:152px;
background:url(../images/about-nav-on.gif) no-repeat;}

.menu18 li.aboutcurrent a {
color:#000; 
width:152px;
background:url(../images/about-nav-on.gif) no-repeat;}

.menu18 li.aboutcurrent a:hover {
color:#000; 
width:152px;
background:url(../images/about-nav-on.gif) no-repeat;
}

.menu18 li.store{
float:left; 
height:22px;width:180px; }

.menu18 li.store a {
display:block; 
float:left; 
width:180px;
height:22px;line-height:22px;color:#333; 
text-decoration:none; 
font-weight:normal;
font-family:verdana, sans-serif; 
font-size:12px;
padding:0 0 0 0px; 
margin:0px;
cursor:pointer; 
background:url(../images/store-nav-off.gif) no-repeat;}

.menu18 li.store a:hover {
color:#000;
width:180px;
background:url(../images/store-nav-on.gif) no-repeat;}

.menu18 li.storecurrent a {
color:#000; 
width:180px;
background:url(../images/store-nav-on.gif) no-repeat;}

.menu18 li.storecurrent a:hover {
color:#000; 
width:180px;
background:url(../images/store-nav-on.gif) no-repeat;
}


.menu18 li.coffee {
float:left; 
height:22px;width:182px; }

.menu18 li.coffee a {
display:block; 
float:left; 
width:182px;
height:22px;line-height:22px;color:#333; 
text-decoration:none; 
font-weight:normal;
font-family:verdana, sans-serif; 
font-size:12px;
padding:0 0 0 0px; 
margin:0px;
cursor:pointer; 
background:url(../images/coffee-nav-off.gif) no-repeat;}

.menu18 li.coffee a:hover {
color:#000;
width:182px;
background:url(../images/coffee-nav-on.gif) no-repeat;}

.menu18 li.coffeecurrent a {
color:#000; 
width:182px;
background:url(../images/coffee-nav-on.gif) no-repeat;}

.menu18 li.coffeecurrent a:hover {
color:#000; 
width:182px;
background:url(../images/coffee-nav-on.gif) no-repeat;
}

.menu18 li.contact {
float:left; 
height:22px;width:103px; }

.menu18 li.contact a {
display:block; 
float:left; 
width:103px; 
height:22px;line-height:22px;color:#333; 
text-decoration:none; 
font-weight:normal;
font-family:verdana, sans-serif; 
font-size:12px;
padding:0 0 0 0px; 
margin:0px;
cursor:pointer; 
background:url(../images/contact-nav-off.gif) no-repeat;}

.menu18 li.contact a:hover {
color:#000;
width:103px; 
background:url(../images/contact-nav-on.gif) no-repeat;}

.menu18 li.contactcurrent a {
color:#000; 
width:103px; 
background:url(../images/contact-nav-on.gif) no-repeat;}

.menu18 li.contactcurrent a:hover {
color:#000; 
width:103px; 
background:url(../images/contact-nav-on.gif) no-repeat;
}

.menu18 li.current a {
color:#000; 
background:url(../images/nav-hover-bg.gif) no-repeat;}

.menu18 li a:hover {
color:#000;
background:url(../images/nav-hover-bg.gif) no-repeat;}

.menu18 li.current a:hover {
color:#000; 
background:url(../images/nav-hover-bg.gif) no-repeat;
}