table { empty-cells:show; } //used because empty cells don't show borders

.borderDiv {
    width: 315px;
    border: 1px solid gray;
    margin: 1px;
    padding: 1px;
    
}

html {
    /*moz force scrollbars for firefox -otherwise pages can look different widths.*/
    /*overflow: -moz-scrollbars-vertical !important;*/
    /*overflow: -moz-scrollbars-horizontal !important;*/
    /*overflow-x:auto;*/
    overflow-x: visible;
    /*overflow-x: scroll; */
}

.borderDiv1 {
    border: 1px solid gray;
}

body, p, a, span, div, input, legend, h1, h2, h3, h4, h5, h6, li, dd, dt, th, td {
    font-family: Arial, Helvetica, sans-serif;

}
body {
    /*ie hack for hover */
    behavior: url("csshover3.htc");
}
body, p, a, span, div, input, legend, li, dd, dt, th, td {
    font-size: 10pt;
}

#address {
    background-collor: green;
    text-transform: capitalize;
    text-align: left;
}

#address td {
    padding : 2;
}

.logincontainer {
    /*width: 620px;*/
    /*background-color:green;*/

    /*margin: auto;*/
}

.loginerrors {
    /*background-color:bisque;*/
    width: 200px;
    height: 2em;
    clear:left;
    list-style-type: none;
    padding: 10px 10px 0;
    /*height: 100px;*/
    /*margin: auto;*/
}

.loginerrors2{
    /*background-color:bisque;*/
    width: 200px;
    height: 2em;
    clear:left;
    float:left;
    list-style-type: none;
    padding: 10px 10px 0;
    /*height: 100px;*/
    /*margin: auto;*/
}

.loginform1 {

    
    /*background-color:orange;*/

    width: 300px;
     /*height: 200px;*/
    /*float:right;*/
    /*margin: auto;*/
}

#loginform {
    width: 550px;
    margin: auto;
}

#loginform2 {
    width: 200px;
     height: 2em;
    /*margin: auto;*/
}

#loginform fieldset {
    /*width: 250px;*/
    text-align: left;
    
    padding: 10px;
    border: 1px dashed gray;
}

#loginform legend {
    font-weight: bold;
    font-size: 9pt;
}

#loginform label {
    /*text-align: left;*/
    /*width: 150px;*/
    display: block;
    height: 2em;
    /*background-color: #E7E7E7;*/
    background-color: #dde2a4;
    padding: 10px 10px 0;
    /*font: bold;*/
    /*font-family: Arial,sans-serif;*/
    /*font-size: 11px;*/
    /*font-weight: bold;*/
}

#loginform input {
     display: block;
    /*margin-right: 20px;*/
    border: 1px solid #999999;
    /*float: left;*/
    float: right;
    clear: right;
    background: #CCCCCC;
}

#loginform select {
    width: 12.25em;
    font-weight: bold;
    /*font-size : 99%;*/
    font-size : 8pt;
    margin-right: 20px;
    border: 1px solid #999999;
    float: right;
    clear: right;
    background: #CCCCCC;
}

#loginform div {
     /*width: 300px;*/
}

/*#registerMain {*/

    /*width: 300px;*/

/*}*/
/*div.registerMain {*/

    /*width: 200px;*/

/*}*/

select#creditCardType  {
    width: 12.5em;
    font-weight: bold;
    margin-right: 0;
}

select#creditCardExpMonth  {
    width: 6em;
    font-weight: bold;
    margin-right: 0;
}
select#creditCardExpYear  {
    width: 5em;
    font-weight: bold;
    margin-right: 0;
}

select#state  {
    width: 4em;
    font-weight: bold;
    margin-right: 0;
}


#loginform input:focus, #loginform input:hover {
    border: 1px solid #333333;
}

.navabarcontainer {
    display: block;
    width: 100%;
}
#navbarlt  {
    float: left;
}

#navbarlt a {
    font-size : 8pt;
    color: #5050fc;
}

#navbarrt {
    /*border: 1px solid #333333;*/
    /*display: inline;*/
    /*position : relative;*/
    /*top : 0px;*/
    /*right : 100px;*/
    /*right : 0%;*/
    /*text-align: right;*/
    /*width: 40%;*/
    /*clear: left;*/
    float : right;
    /*right:2%*/
    
    /*width : 500;*/
    /*float : right;*/
    /*margin-right: 20px;*/
    
}

.address td{
    padding :0;
}

.product_test {
    font-family: sans-serif,arial,verdana,lucida;
    /*display: inline;*/
    width: 50%;
    /*margin-left: 50px;*/
    /*height: 500px;*/
    border: 1px solid #333333;

}

.product_hdr {
    /*border: 1px solid #333333;*/
    border-bottom: 1px solid #333333;
    background-color: darkgray;

}

.product_container {
    display: inline;
    width: 100%;
    height: 500px;
    border: 1px solid #333333;

}

.product  {
    display: inline;
    background-image: none;
    list-style-image: none;
    list-style: none;
}



.prod_desc {
    border: 1px solid #333333;
    display: inline;
    /*width : 50%;*/
    /*background-color: blue;*/
    background-image: none;
    list-style-image: none;
    list-style: none;
}

.errorRight {
    display:block;
    color: red;
    font-weight: bold;
    text-align:right;
}

.error {
    color: red;
    font-weight: bold;

    padding:5px;
    background-color:#fff9d7;
    border-collapse:collapse;
    border-style:dashed;
    border-color:#e2c822;
    border-width:1px
}

.staus {
    color: green;
    font-weight: bold;

    padding:5px;
    background-color:#fff9d7;
    border-collapse:collapse;
    border-style:dashed;
    border-color:#9acd32;
    border-width:1px
}

.warning {
    color: brown;
    font-weight: bold;

    padding:5px;
    background-color:#fff9d7;
    border-collapse:collapse;
    border-style:dashed;
    border-color:#9acd32;
    border-width:1px
}

.nameText{
    text-transform:capitalize;
}

.checkout_red_header
{
   color: #cc0000;
   font-family: Arial,Helvetica,Verdana,Sans-serif;
   font-size: 18px;
   font-weight: normal;
}

.coffeeName {
    color: #333333; /*color: #cc0000;*/
    font-family: Arial, Helvetica, Verdana, Sans-serif; /*font-size: 18px;*/
    font-weight: bold;
    vertical-align: top;
    text-align: right;
    width: 150px;
}

.coffeeNameSmall {
    color: #333333; /*color: #cc0000;*/
    font-family: Arial, Helvetica, Verdana, Sans-serif; /*font-size: 18px;*/
    font-weight: bold;
    vertical-align: top;
    text-align: right;
}

.smallGray {
    color: #666666;
    font-size: 8pt;
    font-weight: bold;

}

.smallBlue {
    color: #3300ff; /*color: #cc0000;*/
    font-family: Arial, Helvetica, Verdana, Sans-serif; /*font-size: 18px;*/
    font-size: 8pt;
}

.coffeeNameCenter {
    color: #333333; /*color: #cc0000;*/
    font-family: Arial, Helvetica, Verdana, Sans-serif; /*font-size: 18px;*/
    font-weight: bold;
    vertical-align: top;
    text-align: center;
    width: 150px;
}

.total
{

    background-color: #dde2a4;
    /*border-bottom-width: 1px;*/
    /*border-bottom-style: solid;*/
    /*border-bottom-color: black;*/
    /*color: #cc0000;*/
    color: black;
    font-family: Arial, Helvetica, Verdana, Sans-serif; /*font-size: 18px;*/
    font-weight: bold;
    vertical-align: top;
    /*width: 110px;*/
    /*margin-bottom : 10px;*/
}

.totalBottom {

    background-color: #dde2a4;
    /*background-color: #b0b165;*/

    /*border-top-width: 1px;*/
    /*border-top-style: dashed;*/
    /*border-top-color: black;*/

    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: black;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: black;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: black;
    color: black;
    font-family: Arial, Helvetica, Verdana, Sans-serif; /*font-size: 18px;*/
    font-weight: bold;
    vertical-align: top;
    /*width: 110px;*/

}

.totalTop {

    /*background-color: #b0b165;*/

    background-color: #dde2a4;
    border-top-width: 1px;
    border-top-style: dashed;
    border-top-color: black;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: black;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: black;
    color: black;
    font-family: Arial, Helvetica, Verdana, Sans-serif; /*font-size: 18px;*/
    font-weight: bold;
    vertical-align: top;
    /*width: 110px;*/

}

.coffeeName2
{
   /*color: #cc0000;*/
   font-family: Arial,Helvetica,Verdana,Sans-serif;
   /*font-size: 18px;*/
   font-weight: bold;
    vertical-align:top;
    /*width:110px;*/
}

.price
{
   color: black;
   font-weight: bold;
   vertical-align:top;
}
.coffee td {
    vertical-align:top;
}

.solid_border {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: black;
}

.coffee tr  {
     border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: black;
}
.coffee img {
    width: 100;
}
#coffeeName
{
   color: #cc0000;
   font-family: Arial,Helvetica,Verdana,Sans-serif;
   font-size: 18px;
   /*font-weight: bold;*/
}

.coffee h4{
    color: #da5800;
    font-size: 18px;
    margin-top: 5px;
    /*width : 800px;*/
    text-align: center;
    font-weight: bold;
    /*border-color: black;*/
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
}

#noborder table, tr, td {
    border-style: none;
    
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    
}

.currentSpecials {
    text-align:center;
    margin-bottom:10px;
    padding:5px;
    color : blue;
    font-family:verdana, Arial, Sans-Serif;

}

#gd {
    padding-bottom: 15px;
    border-bottom-color: gray;
    border-bottom-style: solid;
    border-bottom-width:2px;
    margin-bottom: 5px;
}

.currentSpecials i{
    /*margin-bottom:10px;*/
    /*padding:5px;*/
    /*color : #666600;*/
    text-decoration: underline;
    font-weight: bold;


}

.currentSpecials p{
    /*margin-bottom:10px;*/
    padding:5px;
    color : #666600;
    text-decoration: none;
    font-family:verdana, Arial, Sans-Serif;
    

}
.orderDesc p {
    margin-bottom: 3px;
    color:red;
}

.coffee2  h4 {
    /*border-style: solid;*/
    color: #da5800;
    /*padding-bottom: 0;*/
    /*background-color: yellow;*/
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 0px;
    width : 800px;
    text-align: center;
    font-weight: bold;
    /*border-color: black;*/
    /*border-top-width: 1px;*/
    /*border-right-width: 1px;*/
    /*border-bottom-width: 1px;*/
    /*border-left-width: 1px;*/
}

.cartContainer td {
    text-align :left;
    /*width : 35%;*/
}

#cartContainer table  {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #cccccc;
    border-right-color: #cccccc;
    border-bottom-color: #cccccc;
    border-left-color: #cccccc;
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    font-size: 1em;
    text-align: left;

}

TABLE.tableDarkRoundBlueBorder {border:2px solid #009;}

#cartContainer2 table  {
    border : none;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    /*border-top-style: solid;*/
    /*border-right-style: solid;*/
    /*border-bottom-style: solid;*/
    /*border-left-style: solid;*/
    border-top-color: #cccccc;
    border-right-color: #cccccc;
    border-bottom-color: #cccccc;
    border-left-color: #cccccc;
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    font-size: 1em;
    text-align: right;

}

#cartContainer2 textarea {
    width: 100%;
}

#orderDetailsArea   {

    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #cccccc;
    border-right-color: #cccccc;
    border-bottom-color: #cccccc;
    border-left-color: #cccccc;
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    font-size: 1em;
    text-align: right;

}

/*.dataTable {border-collapse: collapse;}*/
/*.dataTable TD {font-size: 11px; border: 1px solid #aaa; padding: 5px 10px 5px 10px; background-color: #fff;}*/
/*.dataTable TD.moneyColumn {text-align: right;}*/
/*.dataTable TD INPUT {font-size: 9px;}*/
/*.dataTable TD.header {font-weight: 700; background-color: #cde;}*/
/*.dataTable TD.headerMoneyColumn {font-weight: 700; background-color: #cde; text-align: right;}*/
/*.dataTable TR.summary TD {background-color: #efefef; border-color: #efefef; text-align: right; padding-right: 0px;}*/
/*.dataTable TR.summary TD.button {background-color: #efefef; border-color: #efefef; text-align: left; padding-left: 0px;}*/
/*.dataTable TR.summary TD.moneyColumn {text-align: right; padding-right: 10px; white-space: nowrap;}*/
/*.dataTable TR.summary TD.moneyColumnEmphasis {font-weight: bold; text-align: right; padding-right: 10px; white-space: nowrap}*/
/*.dataTable TD.spacer {border: 1px solid #fff; padding: 0px;}*/
/*.dataTable TD.spacerGrey {border: 1px solid #aaa; padding: 0px;}*/
/*.dataTable TR.alertRow TD {background-color: #FFEECC;}*/
/*.dataTable TD.noGrid {border-style: none; padding: 5px 10px 5px 0px;}*/
/*.dataTable TD.noGridSummary {border-top: 2px solid #aaa; border-right: none; border-bottom: none; border-left: none; padding: 5px 10px 5px 0px;}*/
.dataTable {
    
    border-collapse: collapse;
    border-top-color: #aaaaaa;
    border-right-color: #aaaaaa;
    border-bottom-color: #aaaaaa;
    border-left-color: #aaaaaa;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;

}
.dataTable th {
    
    border-collapse: collapse;
    border-top-color: #aaaaaa;
    border-right-color: #aaaaaa;
    border-bottom-color: #aaaaaa;
    border-left-color: #aaaaaa;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;

}
.dataTable td {
    vertical-align:top;
    font-size: 11px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    /*border-top-color: #aaaaaa;*/
    /*border-right-color: #aaaaaa;*/
    /*border-bottom-color: #aaaaaa;*/
    /*border-left-color: #aaaaaa;*/
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    background-color: #ffffff;

}


.bottombar {
    background-color: #ffffff;
    text-align: center;
    /*height: 20px;*/
    text-decoration: none;
    /*color : white;*/
    
}

.purchaseHeader {
    /*background-color: #382c18;*/
    background-color: #ffffff;
    color : #c0c261;
      border-top-width:1px;
    border-bottom-width:1px;
    border-left-width:1px;
    border-right-width:1px;
}

.purchaseHeader a:link {
    background-color: #382c18;
    color : #c0c261;
}

.navbar1 {
    border-collapse: collapse;
    /*border-bottom-style: solid;*/
    border-style:solid;
    margin-top: 0;
    padding-top: 0;
    background-color:#b0b165;
    text-align: center;
    height: 20px;
    text-decoration: none;
    color : white;
    border-top-width:1px;
    border-bottom-width:1px;
    border-left-width:1px;
    border-right-width:1px;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
    
}

.navbar1 tr td{
    border-collapse: collapse;
    /*border-bottom-style: solid;*/
    border-style:solid;
    /*margin-top: 0;*/
    /*padding-top: 0;*/
    background-color:#b0b165;
    text-align: center;
    /*height: 20px;*/
    /*text-decoration: none;*/
    /*color : white;*/
    border-top-width:1px;
    border-bottom-width:1px;
    border-left-width:1px;
    border-right-width:1px;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
    /*vertical-align:middle;*/

    /*padding-top: 0.5em;*/
    /*padding-right: 0.5em;*/
    /*padding-bottom: 0.5em;*/
    /*padding-left: 0.5em;*/
    
}

a:link {
    color: #0000ff;
    /*color: #000000;*/
    text-decoration: none;
}

a:hover {
    /*color: #D85b01;*/
    color: #0000ff;
    /*text-decoration: none;*/
    text-decoration: underline;
}

a:visited {
    /*color: #0000ff;*/
    /*color: #b0b165;*/
    /*color: #000000;*/
    text-decoration: none;
    /*text-decoration: underline;*/
}

.navBarLeft a:hover {
 text-decoration: underline;
}

.bioSection {

    /*height: 150px;*/
    background-color: #ffffff;
    padding-bottom: 20px;
    /*margin-top: 20px;*/
    /*border: 1px solid #333300;*/

    /*border-top-left-radius: 15px;*/
    /*border-top-right-radius: 15px;*/
    /*border-bottom-right-radius: 15px;*/
    /*border-bottom-left-radius: 15px;*/
}


.buttonclass {
    background-color: #dde2a4;
    font-weight: bold;
    font-size : 11px;
    /*vertical-align:top;*/
    
}
input {
    background-color: #dde2a4;
    font-weight: bold;
    font-size : 11px;
    border : 1px solid #666666;
}

input[type="submit"] {
    background-color: #ffff99;
    font-weight: bold;
    font-size : 11px;
    border : 1px solid #ffcc00;
}

.button {
    width: 110px;
    background-color: #ffff99;
    font-weight: bold;
    font-size: 11px;
    border: 1px solid #ffcc00;
}

.button:hover {
    background-color: #ff9933;
    font-weight: bold;
    font-size: 11px;
    border: 1px solid black;

}


input[type="submit"]:hover {
    background-color: #ff9933;
}

.submitButton {
    background-color: #ffff99;
    font-weight: bold;
    font-size : 11px;
    border : 1px solid #ffcc00;
    /*line-height: 15px;*/
    
    /*height: 1.75em; */
    /*width: 2em;*/
}

.submitButton:hover {
    background-color: #ff9933;
    font-weight: bold;
    border: 1px solid black;
}

input[type="select"]{
    /*color : #D85b01;*/
    background-color: #ffff99;
    font-weight: bold;
    font-size : 11px;

    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #ffcc00;
    border-right-color: #ffcc00;
    border-bottom-color: #ffcc00;
    border-left-color: #ffcc00;


}

/*.navbar1 a, a:visited {*/
.navbar1 a {
    border-top-width:2px;
    background-color:#b0b165;
    text-align: center;
    height: 20px;
    text-decoration: none;
    color : white;
    font-weight: bold;
    
}

.navbar1 a:visited {
    border-top-width:2px;
    background-color:#b0b165;
    text-align: center;
    height: 20px;
    color : white;
    font-weight: bold;
}

.navbar1 a:hover {
    border-top-width:2px;
    background-color:#b0b165;
    text-align: center;
    height: 20px;
    text-decoration: none;
    color : #D85b01;
    font-weight: bold;
    
}

#cartContainer table td {
    font-size: 12px;
    border-top-width: medium;
    border-right-width: medium;
    border-left-width: medium;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-top-color: -moz-use-text-color;
    border-right-color: -moz-use-text-color;
    border-left-color: -moz-use-text-color;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #eeeeee;
    padding-left: 10px;

    color: #333333;

}

#cartContainer2 table td {
    font-size: 11px;
    border : none;
    /*border-top-width: medium;*/
    /*border-right-width: medium;*/
    /*border-left-width: medium;*/
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    /*border-top-color: -moz-use-text-color;*/
    /*border-right-color: -moz-use-text-color;*/
    /*border-left-color: -moz-use-text-color;*/
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #eeeeee;
    padding-left: 10px;

    color: #333333;

}

#cartContainer tfoot td 
{
    background-color: #f5f5f5;
    border-top-width: 0pt;
    border-right-width: 0pt;
    border-bottom-width: 0pt;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-top-color: -moz-use-text-color;
    border-right-color: -moz-use-text-color;
    border-bottom-color: -moz-use-text-color;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: white;
    text-align: right;
}

#cartContainer table {

    margin-top: 10px;
    margin-right: 0pt;
    margin-bottom: 0pt;
    margin-left: 0pt;
    /*width: 100%;*/
    border-collapse: separate;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: black;
    /*border-top-color: #d2d5da;*/
    border-right-color: black;
    /*border-right-color: #d2d5da;*/
    border-bottom-color: black;
    /*border-bottom-color: #d2d5da;*/
    border-left-color: black;
    /*border-left-color: #d2d5da;*/
}

.dataTable {

    border-collapse: collapse;

}

#cartContainer table th {

    height: 2em;
    padding-left: 10px;
    /*background-color: #e8f1fa;*/
    background-color: #dde2a4;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #ffffff;
    border-right-color: #ffffff;
    border-bottom-color: #ffffff;
    border-left-color: #ffffff;
    color: #666666;
}

/*get rid of this? It's probably not needed*/
#cartContainer  input[type="text"].quantity {
    width:  2em;
    background-color:white;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
}


#listTable2  {
    width: 100%;
}
#listTable2 TABLE {
    border: 1px solid gray;
    
}

#listTable2 TH {
    border: 1px solid gray;
}

#listTable2 TBODY{
    border: 1px solid gray;
    /*border: none;*/
}

#listTable2 TR TD{
    border: none;
    background-color: white;
}

#listTable2 TFOOT {
    border: 1px solid gray;
}

#listTable2 TD {
    border: 1px solid gray;
}

#listTable2 .column {
    padding-left: 0pt;
    padding-right: 10px;
    text-align: right;
}

#listTable p {
     padding: 0pt;
    margin: 0;
}

.listTableTotal  {
    font-style:italic;
    /*background-color:F3F3E6;*/
}

.itemList p {
     margin: 0;
}

.column {
    padding-left: 0pt;
    padding-right: 10px;
    text-align: right;
    vertical-align:top;
}

.column_left {
    with: 25%;
    padding-left: 10pt;
    padding-right: 0px;
    text-align: left;
}

#listTable2 TR:hover {
    background-color: white;
    border: 3px solid;
    font-size: medium;
}

input[type="text"].quantity1 {
    width: 2em;
    height: 1.9em;
    background-color:white;
    /*padding-top: 2px;*/
    /*padding-right: 2px;*/
    /*padding-bottom: 2px;*/
    /*padding-left: 2px;*/
}

.quantity {

    display: inline-block;
    font: inherit;
    width:  2em;
    background-color:white;
    /*padding-top: 1px;*/
    /*padding-right: 1px;*/
    /*padding-bottom: 1px;*/
    /*padding-left: 1px;*/

    background-color: #ffff99;
    font-weight: bold;
    font-size : 11px;
    border : 1px solid #ffcc00;
    text-align: center;
    /**height: 1.75em;*/
    /*width: 2em;*/
}

h2.coffeeClubHeader {

    width: 150px;    
    background-color: #ffff99;
    border : 1px solid #ffcc00;
    text-align: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.inputSelect {
    display: inline-block;
    /*margin-top:2px;*/
    /*height: 22px;*/
    font-size: 8pt;
    /*background-color:white;*/
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    /*background-color: #dde2a4;*/
    border : 1px solid #ffcc00;
    /*border : 0px solid black;*/
    /*height: 2em;*/
    *border : 1px solid #ffcc00;

    *height: 2em;
    *font-size: .75em;
    
}


.quantity {
    width:  2em;
    /*1.75 seems to work in ie6*/
    *height: 1.75em;
    background-color:white;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    box-sizing:border-box; 
}

input[type="text"].zip{
    width:  5em;
}

.smalltexta {

    margin-top: 5px;
    /*border-top-width: 1px;*/
    /*border-right-width: 1px;*/
    /*border-bottom-width: 1px;*/
    /*border-left-width: 1px;*/
    /*border-top-style: solid;*/
    /*border-right-style: solid;*/
    /*border-bottom-style: solid;*/
    /*border-left-style: solid;*/
    /*border-top-color: #dde2a4;*/
    /*border-right-color: #dde2a4;*/
    /*border-bottom-color: #dde2a4;*/
    /*border-left-color: #dde2a4;*/

}
.smalltext {
    margin: 2px;
    font-size: 9px;
    font-weight: bold;
}

.smalltext label{
    margin: 2px;
    /*font-size: 10px;*/
    font-weight: bold;
}

.smalltext input[type="text"] {
    width:  5em;
}

/*the anchor is block, the li, is inline*/
#toc ul li a{
    display: block;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    /*padding-left: 10px;*/
    color: #0000ff;
    text-decoration: none;
}

.refersmall {
    color : #b0b165;
}

toc div form.joinemail{
    font-family:verdana;
    background-color: blue;
}

toc div input[type="text"].joinemail{
    font-family:verdana;
    background-color: brown;
}

#toc ul li a:hover{
    display: block;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    /*padding-left: 10px;*/
    color: #0000ff;
    text-decoration: underline;
}

/*#toc ul li a{*/
#toc  a1{
    display: block;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    /*padding-left: 10px;*/
    text-decoration: none;
    /*margin-bottom: 0px;*/
    /*text-indent: 5px;*/
}

/*ul li {*/
    /*margin-top: 0pt;*/
    /*margin-right: 17px;*/
    /*margin-bottom: 0pt;*/
    /*margin-left: 7px;*/
/*}*/

.nomargin {
    margin : 5;
    padding-top: 5pt;
    padding-right: 5pt;
    padding-bottom: 5pt;
    padding-left: 5pt;
}
#joinemail form label {

    /*text-indent: 5%;*/
    font-family:verdana, serif;
    font-weight: bolder;
    /*color: #DA5800;*/
    color: white;
    display:block;
    /*padding-left: 2px;*/
    /*padding-right: 2px;*/
    /*padding-top: 2px;*/
    /*padding-bottom: 2px;*/
    margin-top:5px;
    margin-bottom:5px;
    /*margin-left:5px;*/
    text-align: center;
    /*margin-right:5px;*/
}

#joinemail form{

    display : block;
    width:160px;
    /*padding: 3px;*/
    border : 1px solid #52522A;
    border-collapse:collapse;
    /*background-color: #8AB164;*/
    background-color: #B0b165;
    /*background-color: #f9f9c3;*/

}


#joinemail form input {

    display : block;
    width:150px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    /*border-top-width:1px;*/
    font-weight : lighter;

    background-color: white;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:5px;
    margin-right:5px;
    border : 1px solid #000000;
}

.button2 {
    display: block;
    background: #e4e4ca;
    background: #cccc00;
    padding: 5px 10px;
    color: #000000;
    font-size: 12px;
    font-family: verdana, Arial, Sans-Serif;
    text-decoration: none;
    vertical-align: middle;
    width: 7em;
    font-weight: bold;
}

.button2:hover {
    /*background: #cccc00;*/
    /*color: white;*/
    background-color: #ff9933;
    font-weight: bold;
    /*font-size: 11px;*/
    border: 1px solid black;
}

/*.button2:active {*/
    /*border-top-color: #b0b165;*/
    /*background: #b0b165;*/
/*}*/

.recipe {
    margin-left: 0;
    list-style: none;
    padding: 3px;
}

.recipe1 {
    padding-bottom:3px;
    list-style: none;
    /*padding: 3px;*/
}
.recipe2 {
    list-style-position:inside;
    /*list-style-type: circle;*/
}
#joinemail form input.button2 {
    display:block;
    width : 100px;
    margin:auto;
    text-align:center;
    margin-bottom: 5px;
    /*outline-color:black;*/
    /*outline-style:solid;*/
    /*outline-width:1px;*/
    /*border: 1px solid #B0b165;*/
    background-color: #ffff99;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    /*BACKGROUND: #899098;*/
    /*FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#899098',endColorstr='#4c555c',GradientType=0);*/
}

#joinemail form input.button2:hover {
    background-color: #ff9933;
    background-color: #993300;
    /*font-weight: bold;*/
    /*border: 1px solid black;*/
    color : white;
}

#joinemail form input.button3 {
    BORDER-RIGHT: white 1px solid;
    PADDING-RIGHT: 15px;
    BORDER-TOP: white 1px solid;
    PADDING-LEFT: 15px;
    FONT-SIZE: 15px;
    FLOAT: left;
    PADDING-BOTTOM: 4px;
    MARGIN: 1px;
    BORDER-LEFT: #fff 1px solid;
    CURSOR: pointer;
    COLOR: #fff;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: #fff 1px solid;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: center;
    /*min-width: 170px;*/
    border-radius: 0;
    /*outline: 1px solid #BCBCBC*/
}

.testClass{
    /*color:#003C64;*/
    /*color:#EF5F17;*/
    color:#B20707;
    font-weight:bold;
}
#toc {
    
    

    /*margin-top: 0px;*/
    /*padding-top: 0px;*/
    /*padding-right: 0px;*/
    /*padding-bottom: 0px;*/
    /*padding-left: 0px;*/
    
     /*background-color: #dde2a4;*/
    /*background-color: white;*/
    /*background-color: #f5f5dc;*/
    /*background-color: #E4E4CA;*/
    background-color: #D2D3A8;
    background-color: #648AB1;
    background-color: #F5F5EC;
    background-color: #E7EE97;
    background-color: #dde2a4;
    background-color: #ffffff;
    /*background-color: #DDDF36;*/
    /*background-color: #96B164;*/
    /*background-color: #52522A;*/
    /*background-color: #8B8B8B;*/

    /*border-top-width: 1px;*/
    /*border-right-width: 1px;*/
    /*border-bottom-width: 1px;*/
    /*border-left-width: 1px;*/
    /*border-top-style: solid;*/
    /*border-right-style: solid;*/
    /*border-bottom-style: solid;*/
    /*border-left-style: solid;*/
    /*border-top-color: #dde2a4;*/
    /*border-right-color: #dde2a4;*/
    /*border-bottom-color: #dde2a4;*/
    /*border-left-color: #dde2a4;*/
    /*color: #666666;*/
    color: #008b8b;
}

.boldToc {
    color:#003C64;
    color: #3333ff;
    font-weight:bold
}

#toc ul {
    margin :0;
}



#toc ul li {
    margin : 0;
    list-style-type: none;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    padding-top: 0pt;
    padding-right: 0pt;
    padding-bottom: 3pt;
    padding-left: 0pt;
    margin-top: 0pt;
    margin-right: 0pt;
    margin-bottom: 0pt;
    margin-left: 0pt;
    font-size: 85%;

    /*border-bottom-width: 1px;*/
    /*border-bottom-style: solid;*/
    /*border-bottom-color: #dde2a4;*/
}

/*#toc div ul li.square:hover {*/
    /*background-color:#dde2a4;*/
/*}*/

.testLink a:hover img:hover{
    cursor:pointer;
}

#toc li.first-sect {
    /*background-color: green;*/
    border-bottom-width: 1px;
    border-bottom-color: #dde2a4;
    border-bottom-style: solid;
    /*padding-left: 6px;*/
    /*padding-top: 5px;*/
    margin-top: 5px;
    /*margin-left: 5px;*/
    font-weight: bold;
    color : black;
    /*font-color: black;*/
    /*font-size: 100%;*/
    
}

#toc ul li.square {
    margin-top:7px;
    list-style-position:outside;
    /*list-style-type: square;*/
    /*margin-left: 14px;*/
}


#toc div ul li a {
    color: black;
    font-family:verdana;
}

#toc div ul li a:hover {
    text-decoration:none;
    background-color:#dde2a4;
}

.border {
    /*background-origin:*/
    background-position: center left;
    /*background-image:url("images/small_bean.jpg");*/
    background-repeat: no-repeat;
    list-style-type:square;
    /*background-color: #dde2a4;*/
    /*padding-left: 6px;*/
    
     /*border-bottom-width: 1px;*/
    /*border-bottom-color: black;*/
    /*border-bottom-style: solid;*/
    /*margin-left: 15px;*/
    /*padding-left: 10px;*/
    text-indent: 5px;
}

#toc li.beanList {
    /*background-origin:*/
    margin-top: 3px;
    margin-left:14px;
    background-position: center left;
    /*background-image:url("images/small_bean.jpg");*/
    background-repeat: no-repeat;
    list-style-position:outside; 
    list-style-image:url('images/small_bean.jpg');
    list-style-type:square;
    /*background-color: #dde2a4;*/
    /*padding-left: 6px;*/
    
     /*border-bottom-width: 1px;*/
    /*border-bottom-color: black;*/
    /*border-bottom-style: solid;*/
    /*margin-left: 15px;*/
    /*padding-left: 10px;*/
    /*text-indent: 5px;*/
}

#toc li beanList.a {
   /*display:inline;*/
}

p.featured {
    text-align: center;
    border-bottom-width: 1px;
    border-bottom-color: #dde2a4;
    border-bottom-style: solid;
}

.viewCartNavBar {
    color: #333333;
    color: #6666ff;
    /*font-weight:bold;*/
    font-size: 8pt;
}

a.viewCartNavBar:hover {
    text-decoration:underline;
}

.checkoutNavBar {
    /*border: 1px solid black;*/
    color: #660000;
    font-weight:bold;
    font-size: 8pt;
}

.checkoutNavBar:hover {
    text-decoration:underline;
}

.cartItems{
    color : #0000cc;
    color: #5050fc;
    color: #333300;

    /*color: #9999ff;*/
    font-size:8pt;
    font-weight:bold;
}

p.featured2 {

    /*color:white;*/
    color:#DA5800;
    color:black;
    font-weight: bold;
    text-align: center;
    /*background-color:#b0b165;*/
    /*border-bottom-width: 1px;*/
    /*border-bottom-color: #dde2a4;*/
    /*border-bottom-style: solid;*/


}

.beanBorder {
    
    border-bottom-style:none;
    /*border-bottom-width: 5px;*/
    border-image: url("images/small_bean.jpg");
    /*border-bottom-image: url("images/small_bean.jpg");*/
    border-top-color: #b0b165;
    border-right-color: #b0b165;
    border-bottom-color: #b0b165;
    border-left-color: #b0b165;
}
h3.featured {
    text-align: center;
    background-color: #dde2a4;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #b0b165;
    border-right-color: #b0b165;
    border-bottom-color: #b0b165;
    border-left-color: #b0b165;
    color : #333300
}



.testFeatured {
    /*text-align: center;*/
    background-color: #dde2a4;
    /*border-top-width: 1px;*/
    /*border-right-width: 1px;*/
    /*border-bottom-width: 1px;*/
    /*border-left-width: 1px;*/
    /*border-top-style: solid;*/
    /*border-right-style: solid;*/
    /*border-bottom-style: solid;*/
    /*border-left-style: solid;*/
    /*border-top-color: #b0b165;*/
    /*border-right-color: #b0b165;*/
    /*border-bottom-color: #b0b165;*/
    /*border-left-color: #b0b165;*/
    font-size: 85%;
    /*font-weight:bold;*/
    color : #333300
}

.testFeatureds  ul1, li1{
    /*text-align: center;*/
    background-color: #dde2a4;
 
    border-top-color: #b0b165;
    border-right-color: #b0b165;
    border-bottom-color: #b0b165;
    border-left-color: #b0b165;
    font-size: small;
    font-weight:bold;
    color : #333300
}

.welcome {
    margin-top: 5;
    padding-top: 5pt;
    padding-right: 5pt;
    padding-bottom: 5pt;
    padding-left: 5pt;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #dde2a4;
    border-right-color: #dde2a4;
    border-bottom-color: #dde2a4;
    border-left-color: #dde2a4;
    /*font-size: 85%;*/
    
}

.welcome-first {
    text-align: center;
    margin : 5;
    padding-top: 5pt;
    padding-right: 5pt;
    padding-bottom: 5pt;
    padding-left: 5pt;
    border-bottom-width: 1px;
    border-bottom-color: #dde2a4;
    border-bottom-style: solid;
    border-top-color: #dde2a4;
    border-right-color: #dde2a4;
    border-bottom-color: #dde2a4;
    border-left-color: #dde2a4;
    /*font-size: 85%;*/
}

li.featured {
    list-style-type: none;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
}


img.featured{
    padding-right: 5px;
    /*below seems to screw up ie6*/
    /*margin-bottom: 1px;*/
}


/*#toc li {*/
    /*font-weight: bold;*/
    /*color: #ffffff;*/
    /*background-color: #8899dd;*/
    /*background-image: none;*/
    /*background-repeat: repeat;*/
    /*background-attachment: scroll;*/
    /*background-position: 0% 0%;*/
    /*padding-top: 2px;*/
    /*padding-right: 0pt;*/
    /*padding-bottom: 2px;*/
    /*padding-left: 0pt;*/
    /*text-indent: 2px;*/
    /*margin-top: 2px;*/
/*}*/

/*#toc ul li a:hover {*/
    /*color: #ffffff;*/
    /*background-color: #ee6600;*/
    /*background-image: none;*/
    /*background-repeat: repeat;*/
    /*background-attachment: scroll;*/
    /*background-position: 0% 0%;*/
/*}*/

#comments  input {
    color: #5d5d5d;
    background-color: white;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-top-color: #8ea7b2;
    border-bottom-color: #8ea7b2;
    font-size: 0.95em;
    font-weight: normal;
    padding-top: 1px;
    padding-right: 6px;
    padding-bottom: 1px;
    padding-left: 6px;
    margin-top: 0pt;
    margin-right: 4px;
    margin-bottom: 0pt;
    margin-left: 0pt;
}

.coffeeClub td {
    font-weight:bold;
    border-bottom-color: #8ea7b2;
    /*overrides default yui makes tables smaller*/
    padding:3;
}

table.coffeeClub  {
    font-weight:bold;
    border-width:1px;
    border-collapse: collapse;
    border-bottom-color: #8ea7b2;
    border-top-color: #8ea7b2;
    border-left-color: #8ea7b2;
    border-right-color: #8ea7b2;
    border-bottom-style: solid;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
}

/*.coffeeClub table {*/
div.club {
    font-weight:bold;
    border: 1px;
    border-bottom-color: #8ea7b2;
    border-top-color: #8ea7b2;
    border-left-color: #8ea7b2;
    border-right-color: #8ea7b2;

}

.topBorder {

    border-width:1px;
    border-collapse: collapse;
    border-top-color: #8ea7b2;
    border-top-style: solid;

}

#testButton {
    font-weight:bolder;
    border: 1px;
    border-bottom-color: #8ea7b2;
    border-top-color: #8ea7b2;
    border-left-color: #8ea7b2;
    border-right-color: #8ea7b2;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    padding : 2px;

}

.border2 {
    font-weight:bolder;
    border: 1px;
    border-collapse: collapse;
    border-bottom-color: #8ea7b2;
    border-top-color: #8ea7b2;
    border-left-color: #8ea7b2;
    border-right-color: #8ea7b2;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    padding : 2px;

}

table.sample {
	border-width: thin;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}



.clubHeader {
    background-color:#dde2a4;
    color: #5d5d5d;
    font-weight:bold;
    font-size:1.5em;
    empty-cells: show;
}

.required {
    color: #ff3333;
    font-weight: bold;
}

.loginWelcome {
    font-size: 8pt;
    color: #660000;
    /*color: #0000ff;*/
    font-weight: bold;
}


.orderList table{
    width: 100%;
    margin-bottom: 10px; 
    /*width: 700px;*/
    /*border: 1px;*/
    /*border-bottom-color: #8ea7b2;*/
    /*border-top-color: #8ea7b2;*/
    /*border-left-color: #8ea7b2;*/
    /*border-right-color: #8ea7b2;*/
    /*border-top-style: none;*/
    /*border-left-style: solid;*/
    /*border-right-style: solid;*/
    /*border-bottom-style: solid;*/
    /*padding : 2px;*/

}

.orderList {
    border: 1px;
    /*border-bottom-color: #8ea7b2;*/
    /*border-top-color: #8ea7b2;*/
    /*border-left-color: #8ea7b2;*/
    /*border-right-color: #8ea7b2;*/

    border-bottom-color: black;
    border-top-color: black;
    border-left-color: black;
    border-right-color: black;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    /*padding : 2px;*/

}



.orderList th {
    border: 1px;
    border-bottom-color: #8ea7b2;
    /*border-top-color: #8ea7b2;*/
    /*border-left-color: #8ea7b2;*/
    /*border-right-color: #8ea7b2;*/
    /*border-top-style: solid;*/
    /*border-left-style: solid;*/
    /*border-right-style: solid;*/
    border-bottom-style: solid;
    /*padding : 2px;*/

}

.orderList h3 {
    border-bottom-width: 1px;
    border-bottom-color: #8ea7b2;
    border-bottom-style: solid;
}

.junk {
    width: 100%;
    /*height: 50px;*/
    border: 1px;
    /*background-color:blue;*/
    border-bottom-color: black;
    border-top-color: #8ea7b2;
    border-left-color: #8ea7b2;
    border-right-color: #8ea7b2;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    padding-left : 0;
    margin-left: 0;

}

div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 335px;
  text-align: left;
  }


/*input[type="button"] */
#button1 {
    margin:auto;
    text-align:center;
    float: none;
    display:block;
    width:15em;
    margin-top:5px;
}

#style4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #005e5e;
    font-size: 8pt;
}

.orderItem {

    padding:0;
    margin-bottom:3px;
    vertical-align:top;
}

.columnLabel {
    /*background-color:#b0b165;*/
    font-weight:bold;
    text-align: right;
    vertical-align:top;
}

.columnLabelLeft {
    /*background-color:#b0b165;*/
    font-weight:bold;
    text-align: left;
    vertical-align:top;
}

.totalAmount
{
    /*background-color: #dde2a4;*/
    /*color: blue;*/
    color: #D85b01;
    font-family: Arial, Helvetica, Verdana, Sans-serif; /*font-size: 18px;*/
    font-weight: bold;
    vertical-align: top;
}

.totalLabel
{
    /*background-color: #dde2a4;*/
    text-align: right;
    color: #1d120d;
    font-family: Arial, Helvetica, Verdana, Sans-serif; /*font-size: 18px;*/
    font-weight: bold;
    vertical-align: top;
}

.checkoutForm{
    text-transform:capitalize;
}