/* style 'Cool Blue' dynamically generated for aura.overcoffee.com */

td
{
  font-size: 12px;
}

/* the banner class defines the top div of the website. */
 .banner {
 font-size: 11px;
 background-color: #E0EAF3;
 height: 100px;
 background-position: left bottom;

}


/* this is the class for the shopping cart / mailing list chunk */
 .shopmail {
        background-color: #E0EAF3;
        font-size: 11px;
        text-align: left;
        font-weight: bold;
        border-top-style: solid;
        border-top-color: #FFFFFF;
        border-top-width: 1px;
        border-left-style: solid;
        border-left-color: #FFFFFF;
        border-left-width: 1px;
        border-right-style: solid;
        border-right-color: #8C81A3;
        border-right-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #8C81A3;
        border-bottom-width: 1px;
        padding-left: 8px;
        padding-right: 8px;
        margin-top: 8px;
        margin-right: 5px;
        margin-bottom: 5px;
        padding-top: 4px;
        padding-bottom: 4px;

}
 .shopmail hr { margin-top: 1px;
 margin-top: 5px;
 margin-bottom: 4px;
 }


/* the nav class defines the navigation bar div */
 .nav {
 text-align: center;
 vertical-align: bottom;
 border-bottom-style: solid;
 border-bottom-color: #8EA599;
        background-image: url(../images/navbar_blue.gif);
        background-repeat: repeat;
 background-color: #E0EAF3;
 border-color: #8EADCD;
 border-bottom-width: 0px}


/* this defines the individual table cells of the nav class */
 td.navcell {
 float: left;
 padding-top: 5px;
 font-size: 11px;
 font-weight: bold;
 text-align: center;
 vertical-align: bottom;
 padding-bottom: 5px;
 }

td.navcell:hover
{
        background: #FFFFFF;
        background-image: url(../images/navbar_blue_rollover.gif);
        background-repeat: repeat;
}


/* this is the spacer div for navcells.... */
 .navspacer {
 width: 1px;
 height: 22px;
 background: #666666;
 top: 2px;
 clip: rect( )}


/* main content area of the page.. */
 .main {
 padding: 8px 0px 8px 8px;
 border-bottom-style: solid;
 border-bottom-color: #8EA599;
 color: #003366;
 background-color: #FFFFFF;
 border-color: black black 8EADCD;
 border-bottom-width: 2px}


/* this is the left column of the website. */
 .leftnav {
 padding: 5px 5px;
 height: auto;
 text-align: left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #003366;
 border: 2px #8EADCD solid;
 background-color: #FFFFFF;
 margin: 4px}


/* the h1 is the part that says 'Online Catalog' */
 .leftnav h1 { font-size: 13px;
 color: white;
 background: #8EADCD;
 font-weight: bold;
 padding-top: 2px;
 padding-bottom: 0px;
 padding-left: 3px;
margin: 0px;

}


/* these are the list of products */
 .leftnav ul { margin:0px;
 padding:0px;
 }
 .leftnav ul li { font-size: 11px;
 color: #333333;
 padding: 1px;
 list-style-type: none;
margin: 0px;
 }
 c.a:link { color: #333333;
 text-decoration: none;
 }
 c.a:hover { background: #ffffff;
 }
 c.a:visited { color: #333333;
 text-decoration: none;
 }

/* this is the content area of the page. */
 .content {
 padding-top: 0px;
 border: 2px #8EADCD solid;
 font-size: 11px;
 }

 .content A:link
{
        color: #333333;
        text-decoration: underline;
}
.content A:visited
{
        color: #333333;
        text-decoration: underline;
}
/* this is the footer website. */
 .footer {
 margin-top: 12px;
 padding-top: 10px;
 color: #E0EAF3;
 font-size: 10px;
 padding-bottom: 50px;
 }

.footer A:link
{
        color: #FFFFFF;
        text-decoration: none;
}
.footer A:visited
{
        color: #CCCCCC;
        text-decoration: none;
}
.footer A:hover
{
        color: #6600CC;
        text-decoration: underline;

}
.footer A:active
{
        color: #FFFFFF;
        text-decoration: none;
}

/* no brainers */
 body { background: #FFFFFF;
 color: #000000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 }
 .callinks{
  color: #FF0000;
 font-size: 16;
 }
 A:link { color: #FF0000;
 }
 A:visited { color: #FF0000;
 }
 A:hover { color: #3333CC;
 }
 A:active { color: #FF0000;
 }



/* these classes define the display of certain text... */
 .small { font-size: 70%;
 font-family: Arial, sans serif;
 }
 .med-small { font-size: 85%;
 font-family: Arial, sans serif;
 }
 .medium { font-size: 100%;
 font-family: Arial, sans serif;
 }
 .big { font-size: 115%;
 font-family: Arial, sans serif;
 }
 .xbig { font-size: 130%;
 font-family: Arial, sans serif;
 }
 .status { font-size: small;
 color: #eeeeee font-family: Arial, sans serif;
 }
 .warning { font-size: big;
 color: #cc0000;
 font-family: Arial, sans serif;
 }


/* these classes define the different alternating rows found throughout the site */
 .alpha_row { background-color: #003366;
 }
 .beta_row { background-color: #8EADCD;
 }
 .theta_row { background-color: #E0EAF3;
 }


/* these classes define the calendar styles */
.cal-header-big
{
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #8caece;
  height: 33px;
  vertical-align:middle;
}
.cal-header-small
{
        font-size: 13px;
        font-weight: bold;
  color: #FFFFFF;
        background-color: #8caece;
  height: 20px;
}
.cal-weekdays-big
{
        font-size: 13px;
        font-weight: bold;
  color: #000000;
        background-color: #d3dbe6;
  width: 81px;
  height: 20px;
}
.cal-weekdays-small
{
  font-size: 13px;
  font-weight: bold;
  color: #000000;
  background-color: #d3dbe6;
  width: 23px;
  height: 20px;
}
.cal-font-small
{
  font-size: 11px;
  font-weight: normal;
  color:#000000;
}
.cal-font-small-hot
{
  font-size: 11px;
  font-weight: normal;
  color:#cd3333;
}
a.cal-font-small,a.cal-font-small:link,a.cal-font-small:visited
{
  font-size: 11px;
  font-weight: normal;
  color:#333333;
  text-decoration:none;
}
a.cal-font-small:hover
{
  font-size: 11px;
  font-weight: normal;
  color:#cd3333;
  text-decoration:underline;
}
.cal-font-big
{
  font-size: 13px;
  font-weight: bold;
  color:#000000;
}
.cal-font-big-hot
{
  font-size: 13px;
  font-weight: bold;
  color:#cd3333;
}
.cal-white
{
  background-color: #ffffff;
}
.cal-gray
{
  background-color: #f3f3f3;
}
.cal-light
{
  background-color: #d3dbe6;
}
.cal-dark
{
  background-color: #8caece;
}
.cal-selected
{
  background-color: #8caece;
}
.cal-border
{
  border: 1px solid #8caece;
}
.cal-date-small
{
  font-size: 11px;
  font-weight: normal;
  color:#000000;
  width: 23px;
  height: 20px;
}
a.cal-date-small-hot,a.cal-date-small-hot:link,a.cal-date-small-hot:visited
{
  font-size: 11px;
  font-weight: normal;
  color:#cd3333;
  text-decoration:none;
}
a.cal-date-small-hot:hover
{
  font-size: 11px;
  font-weight: normal;
  color:#cd3333;
  text-decoration:underline;
}
.cal-date-big
{
  font-size: 13px;
  font-weight: bold;
  color:#000000;
}
.cal-date-big-hot
{
  font-size: 13px;
  font-weight: bold;
  color:#cd3333;
}
.cal-date-selected,a.cal-date-selected,a.cal-date-selected:link,a.cal-date-selected:visited
{
  font-size: 11px;
  font-weight: normal;
  color:#ffffff;
  background-color: #8caece;
  text-decoration:none;
}

/* this is the misc list navs on the website. */
.listnav
{
        position: relative;
        float: left;
        padding-left: 5px;
        padding-top: 5px;
        height: auto;
        text-align: left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        margin:   0px 0px 0px 0px
}