body 
{
    background:#c49058 url(../Images/background_tile.jpg) repeat top left;
    font-size:8pt;
    font-family: Verdana,Arial, Helvetica, Vera Sans, Sans-Serif;
    color:#321c09;
}

a
{
    color: Black;
    text-decoration:none;
}
a:hover
{
    text-decoration:underline;
}

img 
{
    border:none;
}

h1, h2, h3, h4
{
    font-family:Eras Demi ITC, Helvetica, Vera Sans, Arial, sans-serif;
    font-weight:bold;
    margin:0px;
}

h1
{
    font-size:15pt;
}
h2
{
    font-size:14pt;
    font-weight:normal;
}
h3
{
    font-size:12pt;
}
h4
{
    font-size:11pt;
    padding-left:20px;
    margin-left:0px;
    background:url(../Images/beanbullet_white.gif) no-repeat left center;
}

div.hr
{
    height:30px;
    border:0;
    background:url(../Images/cup_hr.gif) no-repeat center center;
    margin-bottom:10px;
}
div.hr hr 
{
    display:none;
}
img.heading
{
    display:block; 
}
table.content
{
    margin:auto;
    width:702px;
}

table.content
{
    background: url(../Images/white_edge_middle.jpg) repeat top left;
    border-collapse:collapse;
}
tr.topedge
{
    height:12px; background: url(../Images/white_edge_top.jpg) no-repeat top left
}
tr.bottomedge
{
    height:12px; background: url(../Images/white_edge_bottom.jpg) no-repeat top left;
}

td.menu, td.main, td.footer
{
    margin:0px;
    padding:0px;
    vertical-align:top;
}
td.menu
{
    /* Total width = 240px */
    padding:10px 20px 10px 10px;
    width:210px;
    background: url(../Images/perforation_tile.gif) repeat-y top right;
}

td.main
{
    /* Total width = 455px */
    padding:10px 15px 10px 15px;
    width:420px;
}

td.footer .sitemap
{
    /* Total width = 550px */
    width:515px;
    background:#f1f0f0;
    float:left;
    margin:3px 10px 3px 15px;
    padding:5px;
}
* html td.footer .sitemap
{
    margin-left:8px;
}
* html td.footer
{
    padding-bottom:5px;
}

td.menu a
{
    color:#5c4028;
}
td.menu ul
{
    list-style-type:none;
    width:120px;
    margin:20px 0px 0px 90px;
    padding:0px;
    text-align:right;
    color:#5c4028;
}
td.menu ul li
{
    font-weight:bold;
    border-top:solid 1px #fcdec5;
    margin:0px; padding:3px 5px 3px 0px;
}
td.menu ul li.first
{
    border-top:none;
}
td.menu li.selected
{
    color:#ec7a16;
}
/* Work-around for IE6 not cascading link colours */    
td.menu li.selected a
{
    color:#ec7a16;
}
td.menu li.selected li a
{
    color:#5c4028;
}

td.menu ul ul
{
    width:110px;
    border-top:solid 1px #fcdec5;
    text-align:left;
    list-style-type:none;
    margin:3px 0px 0px 0px;
    padding:5px 0px 5px 5px;
}
td.menu ul ul li
{
    font-weight:normal;
    border:none;
    color:#321c09;
    margin:0px;
    padding-left:14px;
    background:url(../Images/menu_bullet.gif) no-repeat left center;
}
td.menu ul ul li.selected
{
    background:url(../Images/menu_bulletselected.gif) no-repeat left center;
}
td.menu h1
{
    text-align:right;
}
td.menu .contact
{
    margin:20px 0px 10px 0px;
    text-align:right;
}
td.menu .contact img
{
    margin:7px 0px;
}
.sitemap ul
{
    margin:0px 0px 0px 20px;
    padding:0px;
    list-style-type:none;
    font-weight:bold;
}
.sitemap ul li
{
    float:left;
    width:150px;
    margin:0px; padding:0px;
    margin-top:5px;
   
}
.sitemap ul ul
{
    float:none;
    margin:0px 0px 10px 0px;
    font-weight:normal;
}
.sitemap ul ul li
{
    margin-top:0px;
    float:none;
}
td.footer .fairtrade
{
    width:140px;
    float:left;
    margin:3px 0px;
    padding:0px;
}
.fairtrade p
{
    font-size:smaller;
    margin-right:5px;
}
.category_desc ul
{
    clear:both;
    border:solid 1px #b7b0a9;
    background:#f1f0f0;
    padding:10px 15px 10px 10px;
    margin:0px 10px 0px 0px;
    list-style-type:none;
}
.category_desc li
{
    padding-left:16px;
    background:url(../Images/menu_bullet.gif) no-repeat left 1px;
    margin-bottom:5px;
}

.category_thumb
{
    border:solid 1px #b7b0a9;
    background:white;
    float:left;
    width:130px;
    margin:0px 10px 15px 0px;
}
.category_thumb img
{
    display:block;
    width:130px;
    height:130px;
}

.category_thumb p
{
    border-top:solid 1px #b7b0a9;
    background:#f1f0f0;
    font-weight:bold;
    font-size:smaller;
    text-align:center;
    margin:0px;
    padding:5px 0px;
    white-space:nowrap;
}
.product_thumb
{
    clear:both;
    border:solid 1px #b7b0a9;
    background:#f1f0f0;
    padding:10px;
    margin-bottom:10px;
    height:80px;
    cursor:pointer;
}
.product_thumb:hover, .mouseover
{
    background:#fdefe2;
}

.boxed
{
    clear:both;
    border:solid 1px #b7b0a9;
    background:#f1f0f0;
    padding:10px;
}

.product_thumb img
{
    float:right;
    width:80px;
    height:80px;
}
.category_details
{
    margin-bottom:10px;
}
* html .category_details
{
    height:150px;
}

.category_details img
{
    float:left;
    margin:0px 10px 10px 0px; 
}

.product_details
{
    margin-bottom:10px;
}

* html .product_details
{
    height:200px;
}

.product_details img
{
    float:left;
    margin-right:10px; 
}

.product_keyfeatures
{
    clear:both; 
}

.product_keyfeatures h2
{
    margin-bottom:0.5em;
}


.feature_matrix
{
    border:solid 1px #321b09;
    border-collapse:collapse;
    font-size:smaller;
    width:427px;
    margin-bottom:5px;
}
.feature_matrix tr
{
    border:0;
    margin:0;
    padding:0;
}

.feature_matrix th
{
    border:none;
    background:#321b09;
    color:White;
    margin:0;
    padding:5px 3px;
    vertical-align:top;
}
.feature_matrix td
{
    border:none;
    margin:0;
    padding:6px 3px 6px 24px;
    overflow:hidden;
}
.feature_matrix .yes
{
    background:#ffeecc url(../Images/tick.gif) no-repeat 5px 50%;
}
.feature_matrix .no
{
    background:white url(../Images/cross.gif) no-repeat 5px 50%;
}

/* These calculations are inaccurate, due to browser rendering differences */
.feature_matrix th { width:109px; }
.parts1 { width:290px; /* 312-27 */ }
.parts2 { width:131px; /* (312/2)-27 */ }
.parts3 { width:78px; /* (312/3)-27 */ }
.parts4 { width:51px; /* (312/4)-27 */ }


.feature_matrix .icon
{
    width:16px; height:16px;
}

.banner
{
    clear:both;
    border:solid 1px #b7b0a9;
    padding:0px;
}


#fairtrade_mark { width:140px; }

#caber_logo { width:79px; height:118px; float:left; }

a.button 
{
    display:block;
    width:156px; /* 181-25*/
    height:20px; /* 25-5 */
    border:none;
    color:White;
    background:url(../Images/beanbutton_grey.gif); 
    margin:0px;
    padding:5px 0px 0px 25px;
    vertical-align:middle;
}

.seealso 
{
    width:147px; /* 209-62 */
    height:63px; /* 95-32 */
    padding:27px 5px 5px 54px;
    color:White;
    float:left;
    overflow:hidden;
}
.seealso ul
{
    padding:7px 0px 0px 0px;
    margin:2px 0px 0px 0px;
    list-style-type:none;
}
.seealso li
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 8px;
    background:url(../Images/bullet_tiny.gif) no-repeat 0px 5px;
}

.seealso a 
{
    color:White;
}
.similar
{
    background:url(../Images/similar.gif) no-repeat top left;
    margin-right:10px;
}
.finance
{
    background:url(../Images/finance.gif) no-repeat top left;
}