html,body   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:88%; color: #400; font-weight: bold; line-height: 150%; background-image: url(../pix/bgx2.gif); margin:0; padding: 0; }

/* --- TEXT --- */

h1     { color:#060; font-size:170%; line-height:140%; font-weight:bold; font-style:italic; text-shadow:1px 1px 2px #888; margin-top: 25px; margin-bottom: 20px;}
h2     { color:#060; font-size:130%;  line-height:140%; font-weight:bold; font-style:italic; text-shadow:1px 1px 2px #888; margin-top: 10px; margin-bottom: 10px;}
h4     { color:#060; font-size:120%;  line-height:140%; font-weight:bold; font-style:italic; text-shadow:1px 1px 2px #888; margin-top: 0px; margin-bottom: 0px;}
h5     { color:#400; font-size:100%;   line-height:170%; font-weight:bold; font-style:normal; margin: 0; padding: 0;}

h5:hover { color:#F5CD28; text-decoration:none;}



hr     { background-color:#760000; color:#FFFFFF; height:1px; }
img    { border: 0; vertical-align:top; }
table  { width: 100%; border: 0;}


input,select { font-family: verdana, arial; font-size:100%; color: #400; }

a:link    { color:#040; text-decoration:none;}
a:visited { color:#040; text-decoration:none;}
a:hover   { color:#F5CD28; text-decoration:none;}

.small  { color:#600;    font-size:80%; line-height:120%; font-weight:normal; }
.smallb { color:#600;    font-size:80%; line-height:110%; font-weight:bold; }
.smallg { color:#040;    font-size:80%; line-height:130%; font-weight:normal; }
.smallw { color:#FDF9ED; font-size:80%; line-height:100%; font-weight:normal; }
.smallr { color:#FF0000; font-size:80%; line-height:100%; font-weight:bold; }
.quote  { color:#040;    font-size:80%; line-height:140%; font-weight:bold; }
.bigquote  { font-family: verdana; color:#C00; font-size:100%; line-height:180%; font-weight:bold; }

button { font-family: verdana; color:#C00; font-size:90%; line-height:180%; font-weight:bold; margin: 3px ; box-shadow: 2px 6px 6px 0 rgba(0,0,0,0.3); }

ul  {list-style-image: url('../pix/blob.gif');}
li  {margin-left:-10px; margin-top:10px; margin-bottom:10px;}


/* --- BUTTONS --- */

.button        { color: #040; font-size:90%; font-weight:bold; vertical-align: middle;}
.button:hover  { color: #F5CD28; }

.button2       { color: #040; font-size:100%; font-weight:bold; vertical-align: middle; padding: 5px;}

.shadow      {box-shadow: 2px 6px 6px 0 rgba(0,0,0,0.3); }

/* --- 3 COLUMN LAYOUT --- */

#maincontainer{
width: 100%;
max-width: 980px;
border-style: none; border-width: 2px; border-color: #FDF9ED;
}

#topsection{
width: 100%;
height: 100px;
background-image: url(../pix/topback4h2.gif);  
background-repeat: no-repeat;
}

#topsection2{
width: 100%;
height: 100px;
background-image: url(../pix/topback6.gif);
background-repeat: no-repeat;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn {
margin: 0 0 0 300px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background-image: url(../pix/bgpic2.jpg);
background-repeat: repeat-y;
}

#leftcolumn{
float: left;
width: 300px;
margin-left: -100%; /*Set margin to that of -(MainContainerWidth)*/
background-image: url(../pix/lcolback.gif);
}

#rightcolumn{
float: left;
width: 0; /*Width of right column*/
margin-left: 0; /*Set left margin to -(RightColumnWidth)*/
}

#footer{
clear: left;
width: 100%;
height: 20px;
background-image: url(../pix/footer.gif);
padding: 2px 0;
}

/* --- INDEX PAGE --- */

.innermain{
margin: 10px;
margin-top: 0;
}

.innermain form { font-family: tahoma, arial; font-size:100%;  line-height:120%; }

.innermain .lower { font-weight: normal; }
.innermain .lower table { border-collapse:collapse; }
.innermain .lower td { border: 1px solid #000; border-spacing:0; padding:6px; vertical-align:top; color:#030; line-height:110%; }

.newsbox    { border-style: solid; border-width: 1px; border-color: #444; background-color: #FFF3D1; padding: 5px; margin-top: 0; line-height:120%; font-weight:bold; }
.newsbox h5 { color:#060; font-size:120%;  line-height:120%; font-weight:bold; font-style:normal; margin-top: 0px; margin-bottom: 0px;}

.innerrtfix    { border-style: solid; border-width: 1px; border-color: #444; background-color: #FFF3D9; padding: 5px; margin-top: 0; font-size:90%; line-height:120%; font-weight:bold; position: fixed; left:810px, top:105px; width:196px;}
.innerrtfix h5 { color:#060; font-size:120%;  line-height:120%; font-weight:bold; font-style:normal; margin-top: 0px; margin-bottom: 0px;}

.qty_button_up {width:12px; height:12px; margin-left:-3px; font-size:80%; }
.qty_button_dn {width:12px; height:12px; margin-left:-3px; font-size:80%; }

.prodtable table { width: 100%; border: 1px solid #500; border-spacing: 0; background-color: #FFFFFF; box-shadow: 2px 6px 6px 0 rgba(0,0,0,0.3);}
.prodtable td { border: 1px solid #500; padding: 2px; width: 17%; font-size:100%; text-align:center; vertical-align: bottom; color: #A00;}
.prodtable hr { border: 0px solid #CC0; }

.cookiebox table { width: 100%; border: 1px solid #070; border-spacing: 0; background-color: #FFFFFF; padding: 2px 2px;}
.cookiebox td { border: none; font-weight: normal; text-align:left; padding: 2px; }
.cookiebox { line-height:130%; }
.cookiebox form { margin: 1px; }

/* --- MENU PAGES --- */

.menulist {font-size: 120%; }


/* --- COFFEES PAGE --- */

.coftype {
cursor: hand;
cursor: pointer;
}

.cofdesc {
border-style: solid; border-width: 1px; border-color: #444; padding: 5px; background-color: #FFF3D9; margin-bottom: 5px; margin-top: 5px; line-height: 135%;
}

.cofdesc2 {
border-style: solid; border-width: 1px; border-color: #444; padding: 5px; background-color: #FFF3D9; margin-bottom: 5px; margin-top: 5px; line-height: 135%;
}

/* --- SHOP PAGES --- */

.innershop {

margin: 10px;
margin-top: 0;
background-image: url(../pix/bgpic1.jpg);
font-family: verdana, arial; font-size:100%; line-height:120%; font-weight: normal; }

.shoptable table { width: 500px; border: 1px solid #700; border-spacing: 0; background-color: #FFF8D3; box-shadow: 2px 6px 6px 0 rgba(0,0,0,0.3); }
.shoptable td { border: 1px solid #FEEA7A; padding: 2px; }
.shoptable { line-height:150%; }
.shoptable form { margin: 0px; }
.shoptable input { test-align: right; margin: 0px; }
.shoptable .wl  { text-align: left; background-color: #FFFFFF; }
.shoptable .wr  { text-align: right; background-color: #FFFFFF; }
.shoptable .wrg { text-align: right; background-color: #FFFFFF; color: #CCC; }
.shoptable .b1l  { text-align: left; background-color: #FFF8D3; }
.shoptable .b1r  { text-align: right; background-color: #FFF8D3; }
.shoptable .b1rg  { text-align: right; background-color: #FFF8D3; color: #CCC; }
.shoptable .b2l  { text-align: left; background-color: #FFFBEB; }
.shoptable .b2r  { text-align: right; background-color: #FFFBEB; }

.shoptable2 table { width: 500px; border: 1px solid #700; border-spacing: 0; background-color: #FFF8D3; padding: 5px 5px;box-shadow: 2px 6px 6px 0 rgba(0,0,0,0.3);}
.shoptable2 td { border: none; text-align:left; padding: 2px; }
.shoptable2 { line-height:150%; }
.shoptable2 form { margin: 1px; }

.shopaccbar table { width: 500px; border: 1px solid #700; background-image: url(../pix/shopaccbar.gif); border-spacing: 0;  padding: 3px; margin: 20px 0px 5px 0px; box-shadow: 2px 6px 6px 0 rgba(0,0,0,0.3);}
.shopaccbar td { font-size:170%; line-height:140%; font-weight:bold; font-style:italic; color: #FFF8D3; }

.shopaccbar2 table { width: 500px; border: 1px solid #700; border-spacing: 0; background-image: url(../pix/shopaccbar.gif); padding: 3px; margin: 20px 0px 5px 0px; box-shadow: 2px 6px 6px 0 rgba(0,0,0,0.3);}
.shopaccbar2 td { font-size:120%; line-height:140%; font-weight:bold; font-style:italic; color: #FFF8D3; }

.blocktype table { border: 0px solid #700; border-spacing: 0; padding: 3px; margin: 10px 0px 5px 0px; box-shadow: 2px 6px 6px 0 rgba(0,0,0,0.3);}
.blocktype td { font-size: 120%; font-weight: bold; font-style: italic; color: #FFF8D3; }
.blocktype {
cursor: hand;
cursor: pointer;
}
.blockdesc {
}
.blocktop1 {  width: 500px; background-image: url(../pix/blockclosed3.gif); }
.blocktop2 {  width: 500px; background-image: url(../pix/blockopen3.gif); }

.blocktop3 {  width: 500px; }
.blocktop4 {  width: 500px; }

.quicktable table { width: 600px; border: 1px solid #700; border-spacing: 0; background-color: #FFF8D3; padding: 0px 0px;}
.quicktable td { border: 1px solid #BBB; text-align:left; padding: 2px; }
.quicktable { line-height:150%; }
.quicktable form { margin: 1px; }

.cookiebar table { width: 500px; border: 1px solid #700; background-color: #008000; border-spacing: 0;  padding: 3px; margin: 20px 0px 5px 0px; }
.cookiebar td { font-size:100%; line-height:140%; font-weight:bold; font-style:italic; color: #FFF8D3; }


.welcome {font-size:100%; line-height:200%; text-align: right; color: red; font-weight: bold; }
.welcome hr {color: #040; margin-top: 0px; }



/* --- ORDER PAGES --- */

.order input { font-weight: bold; }

.floatbox {position:relative; float:right; width:275px;}
 
#floatdiv {position:absolute; width:230px; height:230px; bottom:10px; left:0px; padding:5px; 
             background-image: url(../pix/floatmenu2.gif); border:2px solid #760000; font-size: 120%; z-index:100; line-height: 140%;}
              
#floatdiv a:link    { color:#f4b12c; text-decoration:none; font-weight: normal;}
#floatdiv a:visited { color:#f4b12c; text-decoration:none; font-weight: normal;}
#floatdiv a:hover   { color:#FF0000; text-decoration:none; font-weight: normal;}
#floatdiv li  {list-style-image: url('../pix/tri-y.gif'); margin-left:0px; margin-top:0px; margin-bottom:0px;}
#floatdiv hr { background-color:#500000; height:1px;}

.qty_button_up { margin:0px -2px 0px -3px; border: none; cursor: pointer; display: inline-block; text-indent: -3000px; background: url(../pix/upbut.gif) no-repeat 50% 50%; }
.qty_button_dn { margin:0px 4px 0px -2px; border: none; cursor: pointer; display: inline-block; text-indent: -3000px; background: url(../pix/dnbut.gif) no-repeat 50% 50%; }









/* --- WOMENS PETITION --- */

.innerwompet {
margin: 10px;
margin-top: 0;
font-family: Times New Roman;
font-size: 140%;
line-height: 120%;
color: #000;
}

.topper { font-size: 130%; line-height:120%; }

blockquote {font-size: 14px; margin-left: 10px;}


/* --- CSS DROPDOWN MENU --- */

.fourth-level-menu
{  position: absolute;
    top: 10px;
    right: -210px;
    width: 220px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    z-index:999;
}
.fourth-level-menu > li
{  height: 36px;
    background-image: url(../pix/but2a.gif); 
    border-style: solid;
    border-width: 1px;
    border-color: #780000;
    margin: 0;
    box-shadow: 2px 6px 6px 0 rgba(0,0,0,0.3);
}
.fourth-level-menu > li:hover 
{ background-image: url(../pix/but2c.gif); 
}

.third-level-menu
{  position: absolute;
    top: 10px;
    right: -210px;
    width: 220px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    z-index:999;
}
.third-level-menu > li
{  height: 36px;
    background-image: url(../pix/but2a.gif); 
    border-style: solid;
    border-width: 1px;
    border-color: #780000;
    margin: 0;
    box-shadow: 2px 6px 6px 0 rgba(0,0,0,0.3);
}
.third-level-menu > li:hover 
{ background-image: url(../pix/but2c.gif); 
}

.second-level-menu
{  position: absolute;
    top: 35px;
    left: 5px;
    width: 210px;
    list-style: none;
    padding: 0;
    margin-top: 3px;
    display: none;
}
.second-level-menu > li
{  position: relative;
    height: 35px;
    /*background: #FFF3D1;*/
    background-image: url(../pix/but2a.gif); 
    border-style: solid;
    border-width: 1px;
    border-color: #780000;
    margin: -3px;
    box-shadow: 2px 6px 6px 0 rgba(0,0,0,0.3);
}
.second-level-menu > li:hover 
{ background-image: url(../pix/but2c.gif); 
}

.top-level-menu
{  list-style: none;
    padding: 0;
    margin: 0;
}
.top-level-menu > li
{  position: relative;
    right: -320px; 
    top: 50px;
    float: left;
    height: 35px;
    width: 110px;
    background-image: url(../pix/but3d.gif); 
}
.top-level-menu > li:hover 
{ background-image: url(../pix/but3e.gif); 
}
.top-level-menu li:hover > ul
{  /* On hover, display the next level's menu */
    display: inline;
}

/* Menu Link Styles */

.top-level-menu a /* Apply to all links inside the multi-level menu */
{  font: bold 15px Verdana, Arial, Helvetica, sans-serif;
    color: #780000;
    text-decoration: none;
    padding: 0 0 0 20px;
    
    /* Make the link cover the entire list item-container */
    display: block;
    line-height: 35px;
}
.top-level-menu a:hover { color: #F6A800; }

/* Mail Styles */


mail.body   {
        background-image: url(../pix/mailbak3.gif);
        background-repeat: no-repeat;
        background-position: center;
        margin-top: 5;
        margin-left: 10;
        margin-bottom: 0;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        color: #F00;
        line-height: 16px;
        }


mail.td      {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #222222;
        text-decoration: none;
        line-height:16px;
        }


mail.bodyt09 {
        font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #222222;
        font-weight: normal;
        text-decoration: none;
        line-height:13px;
        }

mail.bodyv10 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #333333;
        text-decoration: none;
        line-height:12px;
        margin-top: 0px;
        margin-bottom: 8px;
        }

mail.headtitle {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: bold;
        color: #222222;
        text-decoration: none;
        text-align: left;
        line-height:20px;
        }