/* 7164b7 */

body {
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #4a4733;
    margin: 0px 0px 0px 16px;
    line-height: 14pt;
    display: none;
}

td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: #4a4733;
    line-height: 14pt;
}

/* Header Styles */
#header  { width: 980px; clear: both; }
#header2 { width: 550px; clear: both; }
#a1      { width: 323px; float: left; height: 206px; }
#ab      { position: absolute; left: 350px; top: 10px; }
#a2      { width: 570px; float: left; margin-top: 153px; }
#a22     { width: 316px; float: left; margin-top: 154px; }
#a3      { width: 77px;  float: left; margin-top: 51px; }
#b1a     { width: 127px; float: left; }

/* Login Styles */
#login, #loggedin    { font-size: 8pt; border-bottom: 1px solid #4a4733; padding: 6px; width: 170px; }
#loggedin { display: none; }

/* Footer Styles */
#footer {
    border-bottom: 1px solid #4a4733;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 8px;
    font-size: 8pt;
    clear: both;
}

#footer > a, #footer > a:visited, #footer > a:active {
    text-decoration: none;
    color: #4a4733;
}

#footer > a:hover {
    color: #000000;
}

/* Newsticker Styles */

.tickercontainer {
    width: 700px;
    position: relative;
    top: -400px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    height: 20px;
}

.tickercontainer .mask {
    width: 700px;
    overflow: hidden;
    position: relative;
}

ul.newsticker {
    position: relative;
    left: 638px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    z-index: 999;
}

ul.newsticker li {
    float: left;
    margin: 0;
    padding: 0;
}

a.nt,
a.nt:visited,
a.nt:active {
    position: relative;
    font-family: "adobe garamond", garamond, "times new roman", times, serif;
    font-size: 12pt;
    color: #4a4733;
    text-decoration: none;
    white-space: nowrap;
    margin-right: 100px;
}

a.nt:hover {
    color: #000000;
}

/* Image Cyclers */

.bannerrotate {
    z-index: 999;
    display: block;
    width: 970px;
    height: 245px;
}

.rotator {
    display: block;
    width: 555px;
    height: 149px;
}

/* Main Content Styles */

#contentwrap {
    margin-top: 16px;
    width: 980px;
    clear: both;
}

#contentwrap2 {
    width: 700px;
    clear: both;
}

#clogin {
    font-size: 8pt;
}

#navigation {
    width: 201px;
    float: left;
}

#maincontent {
    width: 600px;
    float: left;
}

#maincontent2 {
    clear: both;
    width: 500px;
}

#divider {
    float: left;
    width: 30px;
    margin-left: 30px;
}

#rightcontent {
    padding-top: 16px;
    width: 108px;
    float: left;
    text-align: center;
}

#rh {
    font-size: 8pt;
}

#lh {
    padding-left: 4px;
    font-size: 8pt;
}

a.viewcart,
a.viewcart:active,
a.viewcart:visited {
    font-size: 9pt;
    color: #4a4733;
    text-decoration: none;
}

a.viewcart:hover {
    color: #000000;
}

#credits {
    margin-top: 32px;
    font-family: "Courier New", Courier, monospace;
}

.creditwrap {
    float: left;
    margin-right: 16px;
    margin-bottom: 16px;
    text-align: center;
}

/* HTML Element Styles */
img { border: 0px; }

h1 { font-size: 13pt; font-family: Palatino Linotype, Garamond, Book Antiqua, Georgia, Times New Roman, Times, serif; font-style: italic; }
h2 { font-size: 11pt; font-family: Palatino Linotype, Garamond, Book Antiqua, Georgia, Times New Roman, Times, serif; font-style: italic; clear: both; }
h2.head { border-bottom : 1px solid #4a4733; margin-bottom: 0px; padding-bottom: 0px; cursor: pointer; clear: both; font-size: 13pt; }
abbr,
acronym { border-bottom: 1px dotted #4a4733; cursor: help; }

/* Other Styles */
#wyevaleList { display: none; }

label {
    cursor: pointer;
}

.comp {
    color: #ff0000;
    font-size: 16pt;
    font-weight: bold;
    position: relative;
    top: 5px;
}

.formleft {
    clear: both;
    float: left;
    width: 150px;
    margin-bottom: 2px;
}

.formright {
    clear: right;
}

.oformleft {
    clear: both;
    float: left;
    margin-bottom: 2px;
    width: 340px;
}

.oformright {
    float: right;
    clear: right;
}

.breather {
    clear: both;
}

ul#bannerListTop,
ul#bannerListPromo,
ul#homeSeq,
ul#s10,
ul#s30,
ul#s40,
ul#s50,
ul#s80,
ul#s90,
ul#s95,
ul#s100,
ul#s110,
ul#s120,
ul#s130,
ul#s140,
ul#s150,
ul#s160,
ul#s170,
ul#s180,
ul#s190,
ul#s200,
ul#s1000,
ul#s1501,
ul#s1502,
ul#s1503,
ul#s1504,
ul#s1505,
ul#s1506,
ul#s1507,
ul#s1508,
ul#s1509 {
    list-style: none;
    margin: 0;
    padding: 0;
}

p.adminpara {
    background-color: #4a4733;
    color: #fff;
    padding: 8px;
}

a.adminButton:link,
a.adminButton:visited,
a.adminButton:active {
    background-color: #4a4733;
    color: #fff;
    font-weight: bold;
    padding: 4px;
    font-size: 11pt;
}

a.adminButton:hover {
    background-color: #938d69;
}

.productwrap {
    display: block;
    text-align: center;
    width: 120px;
    height: 150px;
    background: #fff;
    box-shadow: 4px 4px 12px #777;
    float: left;
    padding: 4px;
    margin: 8px;
    border-radius: 16px;
}

.presswrap {
    float: left;
    text-align: center;
    margin-right: 16px;
}

.pressdesc {
    max-width: 150px;
}

.prodwrap {
    display: inline-block;
    width: 600px;
    clear: both;
    margin: 4px 0px 16px 0px;
}

.prodname {
    font-size: 13pt;
    font-family: Palatino Linotype, Garamond, Book Antiqua, Georgia, Times New Roman, Times, serif;
    font-style: italic;
    font-weight: bold;
    border-bottom: 1px solid;
    margin-top: 0px;
    margin-bottom: 4px;
}

.prodprice {
    font-weight: bold;
    font-size: 12pt;
}

.prodoldprice {
    font-weight: bold;
    font-size: 11pt;
    color: #6e2a2a;
    padding-left: 16px;
    text-decoration: line-through;
}

.proddesc p {
    margin-top: 0;
    margin-bottom: 16px;
}

.pAwards {
    width: 30px;
    float: right;
    margin-left: 8px;
}

#atc {
    cursor: pointer;
}

a.prodcat,
a.prodcat:active,
a.prodcat:visited {
    color: #4a4733;
    text-decoration: none;
}

a.prodcat:hover {
    color: #000;
}

.prodimg {
    float: left;
    margin-right: 8px;
    width: 200px;
    text-align: center;
}

.prodright {
    float: left;
    width: 392px;
}

#cookieaskwrap {
    padding: 8px;
    display: none;
    width: 954px;
    color: #fff;
    font-size: 9pt;
    background-color: rgb(72,74,53);
    background-color: rgba(72,74,53,0.8);
    box-shadow: 0 0 16px #333;
    z-index: 100;
}

#cookieaskwrap a:link,
#cookieaskwrap a:active,
#cookieaskwrap a:visited {
    color: #6f6;
}

#cookieaskwrap p { margin-top: 0; }
#cookieaskwrap2 { padding: 12px; }

.pressrelease {
    clear: both;
    margin-bottom: 32px;
}

.vegdish {
    font-family: arial;
    font-size: 10pt;
    color: #090;
    font-style: normal;
}

.imgleft { float: left; margin-right: 8px; }
.imgright { float: right; margin-left: 8px; }

.recipeWrap {
    margin-bottom: 16px;
    border-top: 1px solid rgb(72,74,53);
}

a.shop-now:link,
a.shop-now:active,
a.shop-now:visited {
    background-color: #900;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    padding: 3px;
    text-decoration: none;
    box-shadow: 1px 1px 8px #999;
    width: 77px;
}

a.shop-now:hover {
    background-color: #c00;
}

.thumb-collection .pdf-thumb:nth-child(3n+3) {
    margin-right: 0;
}

.pdf-thumb {
    box-shadow: 0 0 8px #777;
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 8px;
    margin-right: 4px;
    text-align: center;
    width: 194px;
}

.pdf-thumb h3 {
    padding-left: 3px;
    padding-right: 3px;
    font-size: 13px;
}


@media only screen and (max-width: 980px) {
    #maincontent {
        max-width: 100%;
    }

    #menulist ul {
        display: none;
    }
}

@media only screen and (max-width: 720px) {
    #maincontent {
        max-width: 100%;
    }

    #menulist ul {
        display: none;
    }
}
