/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

BODY {
  background: #00507d url(../images/body-bg.gif) repeat-x;
}

#wrapper
{width:812px;
margin:0px auto;
height:auto;
position:relative;
overflow:hidden;
}

#controls
{
position:relative;
height:20px;
position:relative;
float:left;
z-index:5;
top:0px;
text-align:right;
color:#cc9933;
width:812px;
}

#controls a,a:visited
{
color:#cc9933;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:bold;
text-transform:none;
}

#controls a:hover,a:active
{
color:#cc9933;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:underline;
font-weight:bold;
text-transform:none;
}

#topnav
{
position:relative;
height:36px;
width:640px;
z-index:1;
float:left;
z-index:10;
left:195px;
top:6px;
overflow:hidden;
}

#nav
{height:22px;
width:789px;
position:relative;
float:left;
z-index:5;
top:77px;
left:95px
}

#breadcrumb
{
position:relative;
height:22px;
width:789px;
position:relative;
float:left;
z-index:5;
top:76px;
left:15px;
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-transform:uppercase;
line-height:22px;
}

#breadcrumb a,a:visited
{
color:#0072bc;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:bold;
}

#breadcrumb a:hover,a:active
{
color:#0072bc;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:underline;
font-weight:bold;
}



#header
{
background:url(../images/header-bg-store.gif) no-repeat;
width:812px;
height:290px;
margin-top:-36px;
position:relative;
float:left;
z-index:8;
overflow:hidden;

}

#logo
{position:relative;
z-index:5;
float:left;
left:30px;
top:55px;
}


#headerimage1
{
position:relative;
margin-top:-243px;
width:559px;
height:184px;
z-index:2;
left:240px;
float:left;
}



#contentnowave
{
background: url(../images/inner-body-bg2.gif) repeat-y;
width:812px;
height:auto;
float:left;
margin-top:-16px;
position:relative;
z-index:5;
}

#innerwide
{
position:relative;
float:left;
left:15px;
width:780px;
height:auto;
padding-top:10px;
padding-bottom:50px;
}

#contentbottom
{
background: url(../images/bottom-bg.gif) no-repeat;
width:812px;
height:28px;
float:left;
top:-15px;
left:1px;
position:relative;
z-index:20;
}

#innerfooter
{
width:806px;
float:left;
position:relative;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
top:0px;
}

#innerfooter a,a:visited
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
font-weight:normal;
text-decoration:none;
}

#innerfooter a:hover,a:visited
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
font-weight:normal;
text-decoration:underline;
}

#innerfooter p
{margin-bottom:10px;
margin-top:0px;

}

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #fff;
  border-left:3px solid #cc9933;
  border-right:3px solid #cc9933;
  border-bottom:3px solid #cc9933;
  border-top:2px solid #cc9933;
  margin-bottom:10px;
  
}

.infoBox2 {
  background: #fff;
  border-left:1px solid #cc9933;
  border-right:1px solid #cc9933;
  border-bottom:1px solid #cc9933;
  border-top:1px solid #cc9933;
  margin-bottom:10px;
  
}

.infoBoxContents {
  background: #fff;
  font-family: Arial, sans-serif;
  font-size: 10px;
}

.infoBoxContents2 {
  background: #fff;
  font-family: Arial, sans-serif;
  font-size: 10px;
  color:333;
}

.infoBoxContent a,a:visited {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color:#537db9;
  text-transform:none;
  text-decoration:none;
}

.infoBoxContent a:hover,a:active {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color:#537db9;
  text-transform:none;
 text-decoration:underline;
}



td a,a:visited {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color:#537db9;
  text-transform:none;
  text-decoration:none;
    font-weight:normal;

}

td a:hover,a:active {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight:normal;
  color:#537db9;
  text-transform:none;
 text-decoration:underline;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: times new roman;
  font-size: 12px;
  font-weight: bold;
  background: url(images/infobox/box-bg.gif) repeat-x;
  color: #004a80;
  border-bottom:0px solid #cc9933;
  padding-top:4px;
  height:16px;

}

TD.infoBoxHeading2 {
  font-family: times new roman;
  font-size: 12px;
  font-weight: bold;
  background: url(images/infobox/box-bg.gif) right;
  color: #004a80;
  border-bottom:0px solid #cc9933;
height:20px;
}

TD.infoBoxHeading3 {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  background: #c28d4b;
  color: #fff;
  border-bottom:0px solid #cc9933;
height:20px;
padding-left:5px;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 0px;
  border-style: solid;
  border-color: #c28d4b;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Arial, sans-serif;
  font-size: 12px;
  background: #c28d4b;
  font-weight: bold;
    color: #ffffff;

}

.productListing-heading a {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
  text-decoration:none;
}

.productListing-heading a:hover {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
  text-decoration:underline;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
font-family:arial;
font-size:10px;
  color: #537db9;
}

A.pageResults:hover {
  font-family:arial;
font-size:10px;
color: #537db9;
}

TD.pageHeading, DIV.pageHeading {
font-family:"Times New Roman", Times, serif;
font-size:24px;
font-weight:bold;
font-style:italic;
color:#c28d4b;
background:#fff;
padding-left:7px;
padding-top:7px;
padding-right:7px;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color:#333;
  line-height: auto;
  padding-left:7px;
  padding-right:7px;
}

P.main {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color:#333;
  line-height: auto;

}

TD.mainT, P.mainT {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color:#333;
  line-height: auto;
}

TD.mainW, P.mainW {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color:#000;
  line-height: auto;
}
TD.mainB, P.mainB {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color:#000;
  line-height: auto;
  border:0px;
}

TD.review {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color:#333;
  line-height: auto;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Arial, sans-serif;
  font-size: 10px;
  color:#333;
}

*/*

TD.smallText a,a:visited
{
  font-family: Arial, sans-serif;
  font-size: 10px;
  color:#537db9;
  text-transform:none;
  text-decoration:none;
    font-weight:normal;


}

TD.smallText a:hover,a:active
{
  font-family: Arial, sans-serif;
  font-size: 10px;
  color:#537db9;
  text-transform:none;
  text-decoration:underline;
    font-weight:normal;


}

*/


TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }


/* top nav styles */

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

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

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

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

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

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


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

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

.menu17 li a {
display:block; 
float:left; 
width:134px;
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;}

.menu17 li.consumers {
float:left; 
height:32px;
width:120px; }


.menu17 li.consumers a {
display:block; 
float:left; 
width:120px;
height:32px; 
line-height:32px; 
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/consumers-nav-off.gif) no-repeat;}

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

.menu17 li.consumerscurrent a {
color:#000; 
width:120px;
background:url(../images/consumers-nav-on.gif) no-repeat;}

.menu17 li.consumerscurrent a:hover {
color:#000; 
width:120px;
background:url(../images/consumers-nav-on.gif) no-repeat;
}

.menu17 li.retailers{
float:left; 
height:32px;
width:191px; }

.menu17 li.retailers a {
display:block; 
float:left; 
width:191px;
height:32px; 
line-height:32px; 
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/retailers-nav-off.gif) no-repeat;}

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

.menu17 li.retailerscurrent a {
color:#000; 
width:191px;
background:url(../images/retailers-nav-on.gif) no-repeat;}

.menu17 li.retailerscurrent a:hover {
color:#000; 
width:191px;
background:url(../images/retailers-nav-on.gif) no-repeat;
}


.menu17 li.gelato {
float:left; 
height:32px;
width:180px; }

.menu17 li.gelato a {
display:block; 
float:left; 
width:180px;
height:32px; 
line-height:32px; 
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/gelato-nav-off.gif) no-repeat;}

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

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

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

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

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

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

/* main nav styles */

.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;
}