body, td {
        color: #000000;
        font-size:11;
        text-decoration:none;
        font-family: Arial, Tahoma, Verdana, Helvetica, Geneva;
}

th {
        color: #000000;
        font-size:11;
        text-decoration:none;
        font-family: Arial, Tahoma, Verdana, Helvetica, Geneva;
}

.td10  {
        font-size:11;
}

A:Link, .crg table th a.sort_flavor {
        color: #00628F;
        font-size:11;
        text-decoration: none;
        font-family: Arial, Tahoma, Helvetica, Geneva;
}
A:Visited, .crg table th a.sort_flavor {
        color: #00628F;
        font-size:11;
        font-family: Arial, Tahoma, Helvetica, Geneva, sans-serif;
        text-decoration : none;
}
A:Active, .crg table th a.sort_flavor {
        color:#C94900;
        font-size:11;
        text-decoration: underline;
        font-family: Arial, Tahoma, Helvetica, Geneva, sans-serif;
}
A:Hover, .crg table th a.sort_flavor {
        color:#C94900;
        font-size:11;
        text-decoration: underline;
        font-family: Arial, Tahoma, Helvetica, Geneva, sans-serif;
}

/* Anchors in h1 are titles and should NOT change as the mouse hovers over the text! */
h1 A:Hover, h1 A:Link, h1 A:Visited, h1 A:Active {
        font-size:14.px;
        text-decoration : none;
}


A:Link.bnav {
        color:#C94900;
        font-size:10;
        font-weight:bold;
        text-decoration:none;
        font-family: Arial, Tahoma, Helvetica, Geneva, sans-serif;
}
A:Visited.bnav {
        color:#C94900;
        font-size:10;
        font-weight:bold;
        text-decoration:none;
        font-family: Arial, Tahoma, Helvetica, Geneva, sans-serif;
}
A:Active.bnav {
        color:#000000;
        font-size:10;
        font-weight:bold;
        text-decoration:none;
        font-family: Arial, Tahoma, Helvetica, Geneva, sans-serif;
}
A:Hover.bnav {
        color:#000000;
        font-size:10;
        font-weight:bold;
        text-decoration:none;
        font-family: Arial, Tahoma, Helvetica, Geneva, sans-serif;
}

.stats {
        color: #CC9900;
}

.st2 {
        color: #006699;
}


.hd1 {
        font-size: 11px;
        font-weight : bold;
        font-family: Arial, Helvetica, sans-serif;
        color: #C94900;
}

.hd2 {
        font-size: 11px;
        font-weight : bold;
        font-family: Arial, Helvetica, sans-serif;
        color: #FF9900;
}


.sm {
        font-size: 10px;
        font-weight : normal;
        font-family:  Arial, Helvetica, sans-serif;
        color: #333333;

}

.shop_list_table {
}

.shop_formulas {
        font-size: 14px;
        font-weight : bold;
        font-family: Arial, Helvetica, sans-serif;
        color: #6A777E;
}

.shop_td {
}

.shop_item_name {
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        color: #E15C03;
		font-weight : bold;
}

.shop_item_type_qty {
        font-size: 10px;
        font-weight : bold;
        font-family: Arial, Helvetica, sans-serif;
        color: #006666;
       
}

.shop_item_type_vol {
        font-size: 11px;
        font-weight : bold;
        font-family: Arial, Helvetica, sans-serif;
        color: #006666;
	
        
}


.shop_item_type_btn {
        font-size: 9px;
        font-weight : bold;
        font-family: Arial, Helvetica, sans-serif;
        color: #006666;
      }


.shop_qty_element {
        font-size: 10px;
        font-family: Arial, Helvetica, sans-serif;
        color: #006666;
        height: 17px;
}

.shop_cart_link {
}

.shop_cart_table {
}

.shop_cart_head {
        font-size: 11px;
        font-weight : bold;
        font-family: Arial, Helvetica, sans-serif;
        color: #C94900;
}

.shop_cart_td {
}

.shop_cart_total {
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-align:right;
}

.shop_order_subhead {
        font-size: 11px;
        font-weight : bold;
        font-family:  Arial, Helvetica, sans-serif;
        color: #333333;
}

/* Start oc CRG Styles */
/* The div wraps the contents but NOT any of the page container elements */
div.crg {
    font-size:11;
    text-decoration:none;
    font-family: Arial, Tahoma, Verdana, Helvetica, Geneva;
}

/*
The following table classes are used:
    order       Order form 
    invoice     Order display 
    b_address   Billing address 
    s_address   Shipping address 
    payment     Payment details 
    comment     Comment field NOT a table

The following div classes are used:
    crg         Wraps ALL content
    contact     Wraps billing, shipping, payment and comment sections
*/

.crg p.err, .crg span.err {
    color: #ff0000;
    font-weight: bold;
}

/* Address block for normalized billing/shipping address */
.crg p.address {
    margin-left: 2em;
}


.crg h1 {
    font-size: 14px;
    font-weight : bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #C94900;
}

.crg pre {
    font-size: 9;
    font-family: courier, monospace;
}

.crg pre a {
    font-size: 9;
    font-family: courier, monospace;
}


.crg table.order, .crg table.invoice {
    background-color: #fff0b3;
    width: 100%;
}


/* Set up for alteranting colors, give header the same as even - all tables use this scheme */
.crg tr.even, .crg th {
    background-color: #faed6b;
}
.crg table tr.odd {
    background-color: none;
}


/* Common column formats - often based on a row class*/
.crg td {
    text-align: left;
}

.crg tr.tax td, .crg tr.ship td {
    text-align: right;
}

/* Borders on rows are not supported so apply to column */
.crg tr.subtotal td  {
    border-top: 2px solid black;
}

/* Using just class is not specific enough so specify element as well. These apply to column and row */
.crg tr.total, .crg td.total {
    text-align: right;
    font-weight: bold;
}

/* Item descriptions, currently only used on invoice for bottle sizes under flavor name group headera. There is no corespdoning header for this data */
.crg tr.descr, .crg td.descr {
    text-align: left;
}
.crg span.descr  {
    margin-left: 2em;
}

/* Item names */
.crg tr.name, .crg td.name, .crg th.qnty {
    text-align: left;
}

/* Used for a group of similar items, current the flavor name on an invoice that preceeds the bottle sizes */
.crg tr.group, .crg td.group {
    text-align: left;
}

/* Group names should have normal links */

.crg tr.price, .crg td.price, .crg th.price {
    text-align: right;
}

.crg tr.qnty, .crg td.qnty, .crg th.qnty {
    text-align: center;
}


/* Headers for tables */
.crg th {
    font-size:11;
    text-decoration:none;
    font-family: Arial, Tahoma, Verdana, Helvetica, Geneva;
    font-weight: bold;
    text-align: center
}

.crg th.name {
    text-align: left;
}

/*
.crg table.order input {
*/
.crg input, .crg .input {
/*  background-color: #bc8439; */   /* medium brown */
/*  background-color: #eda648; */   /* light brown/orange */
    background-color: #ebb97a;      /* highlights on bottle photo, tannish */
/*  background-color: #C94900; */   /* h1 font color, too redish */
    background-repeat: no-repeat;
    background-position: center center;
    font-weight:bold;
    font-size: 12;
}

/* Real input fields have their content centered in the order form */
.crg table.order input {
    text-align: center;
}

.crg .contact input, .crg textarea.comment, .crg table.payment td.CardType {
    text-align: left;
}

/* Only order table uses images based on class */
.crg table.order input.L {
    background-image: url(images/lg-crg.gif);
}
.crg table.order input.S {
    background-image: url(images/sm-crg.gif);
}
.crg table.order input.LL {
    background-image: url(images/lg-sf-crg.gif);
}
.crg table.order input.SL {
    background-image: url(images/sm-sf-crg.gif);
}

/* Only anchors in order table are changed, since these are destination only (name='...') */
.crg table.order a {
    text-decoration:none;
    color: #000000;
}
    

/* .crg .contact = Billing, Shipping, Payment, Comments section */
.crg .contact table {
    background-color: #fff0b3;
}

.crg .contact table td.err {
    font-weight: bold;
    color: #ff0000;
}

/*
.crg .contact input, .crg .contact textarea {
    background-color: #bc8439;
    text-align: left;
    font-weight: bold;
}
*/

/* Table elements for the links page - designed for logos <=92 pixels tall */
tr.links { height: 92px; }
td.links { width: 50%; vertical-align: top; border-top: 2px solid black }

/* Div mark used to group images with captions */
/* Construct is (usually immediately after the START of <p>)
    <div class='left | right'>
    <a href='link-to-full-size-image' target='gallery'>
    <img src='link-to-thumbnail' alt='alternate-test' />
    <br>image-cpation-here
    </a>
    </div>
*/

div.press div {
    text-align: center;
    float: left;
    margin-top: .5em;       /* Cleaner than aligning image to very top of paragraph */
}
div.press div.right {
    float: right;
    margin-left: 4px;
}
div.press div.left {
    float: left;
    margin-right: 4px;
}

/* This prevents the image from one the above paragraph merging into this one's space */
div.press p {
    clear: both;
}