/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline}
/* remember to define focus styles! */
:focus {outline: 0}
body {line-height: 1}
ol, ul {list-style: none}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0}
caption, th, td {text-align: left; font-weight: normal}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}

/*handy*/
.right {float: right}
.left {float: left}
.center {text-align: center}
.clearboth {clear: both}

/*clearfix*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*structure*/
body {font: normal 12px arial,verdana,sans-serif; background: #000; color: #fff; line-height: 1.3em}
#flash {margin: 0 auto; width: 800px}
#container {margin: 25px auto 0 auto; width: 700px}
#container.content {margin-top: 0}

ul {padding: 0 0 1em 1.5em; list-style-type: disc}
a:link, a:visited, a:active {color: #fff; text-decoration: underline} 
a:hover {text-decoration: none; color: #ffcc33}
p {margin-bottom: 20px}
h1 {color: #876848; font: normal 18px arial,verdana,sans-serif; margin-bottom: 20px}
h2 {color: #876848; font: bold 13px arial,verdana,sans-serif;}

#header {width: 100%; margin-top: 4px; background: #ab1241; border-top: 1px #8f6f4d solid}
#nav {position: relative; margin: 0 auto; width: 700px; clear: both; list-style: none; font: normal 0.9em arial,helvetica,sans-serif; text-transform: uppercase; padding: 0}
#nav li {float: left}
#nav li a {display: block; text-decoration: none; color: #fff; padding: .6em .3em}
#nav li a:hover {color: #ffcc33}
#nav li a.selected {font-weight: bold; color: #ffcc33}
#nav li a.first {padding-left: 0; font-weight: bold}
#nav li a.last {padding-right: 0}

h1.flashAlt {background: url(../images/graphics/home.jpg) no-repeat; width: 800px; height: 334px; display: block; margin: 0 auto}
h1.flashAlt a {display: block; width: 800px; height: 334px; text-indent:-999em; overflow: hidden}

p.aboutGraphic {background: url(../images/graphics/about.jpg) no-repeat; width: 800px; height: 139px; display: block; margin: 0 auto}
p.aboutGraphic span {display: block; width: 800px; height: 139px; text-indent:-999em; overflow: hidden}
p.nutritionGraphic {background: url(../images/graphics/nutrition.jpg) no-repeat; width: 800px; height: 139px; display: block; margin: 0 auto}
p.nutritionGraphic span {display: block; width: 800px; height: 139px; text-indent:-999em; overflow: hidden}
p.cookingGraphic {background: url(../images/graphics/cooking.jpg) no-repeat; width: 800px; height: 139px; display: block; margin: 0 auto}
p.cookingGraphic span {display: block; width: 800px; height: 139px; text-indent:-999em; overflow: hidden}
p.pressGraphic {background: url(../images/graphics/press.jpg) no-repeat; width: 800px; height: 139px; display: block; margin: 0 auto}
p.pressGraphic span {display: block; width: 800px; height: 139px; text-indent:-999em; overflow: hidden}
p.linksGraphic {background: url(../images/graphics/links.jpg) no-repeat; width: 800px; height: 139px; display: block; margin: 0 auto}
p.linksGraphic span {display: block; width: 800px; height: 139px; text-indent:-999em; overflow: hidden}
p.contactGraphic {background: url(../images/graphics/contact.jpg) no-repeat; width: 800px; height: 139px; display: block; margin: 0 auto}
p.contactGraphic span {display: block; width: 800px; height: 139px; text-indent:-999em; overflow: hidden}

p#graphic span {display: block; width: 800px; height: 139px; text-indent:-999em; overflow: hidden}

p.breadcrumb {margin: 10px 0 14px 0; text-transform: uppercase; font: normal 11px arial,verdana,sans-serif}
p.breadcrumb a {text-decoration: none}
p.breadcrumb a.selected {font-weight: bold; text-decoration: underline}

div.col.left {float: left; width: 244px}
div.col.mid {float: left; width: 211px}
div.col.right {float: right; width: 211px}
div.col.double {float: right; width: 456px}

div.col.cooking {margin-top: 15px}
div.col.cooking h2 {color: #fff}

.formLayout {height: 24px}
.textInput {width: 128px; color: #999; font-size: 11px; padding: 4px 0 5px 4px; border: 0; margin-right: 10px}
.submitButton {margin-bottom: -5px}
html>/**/body .submitButton {margin-bottom: -8px} /*firefox fix*/

.linksForm {margin-bottom: 25px}
.linksForm label {float: left; width: 100px; font-weight: bold}
.linksForm .form-item {margin-bottom: 10px}
.linksForm .form-text, .linksForm .textarea {font: normal 11px arial,helvetica,sans-serif; color: #666; width: 250px; padding: 4px; border: 0}
.linksForm .form-required {vertical-align: top}
.submitButtonLinks {margin-left: 108px}
* html .submitButtonLinks {margin-left: 111px} /*IE6 fix*/
a.usefulLinks {color: #876848}
a.usefulLinks:hover {text-decoration: none; color: #ffcc33}

table.compare {width: 350px; border: 0; background: #54402d; margin-left: 30px}
table.compare td, table.compare th {padding: 3px 6px}
table.compare th {font-weight: bold}
table.compare tr.color {background: #6d543a}

.contactLeft {float: left}
.contactRight {margin-left: 150px}

/*footer*/
#footer {clear: both; margin-top: 0; padding: 2em 0; font-size: 0.92em; color: #876848}
#footer p {text-align: right}
#footer p.logos {width: 700px; border-top: 1px #8f6f4d solid; border-bottom: 1px #8f6f4d solid; padding: 9px 0 8px 0; margin: -8px 0 15px 0; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 16px}
#footer p.logos img {vertical-align: middle; margin-left: 15px}
#footer p.legals {font-size: 10px}
#footer img.wyke {margin-right: 15px}
#footer img.salt {margin-left: 0; margin-right: 2px}
#footer a {color: #876848;text-decoration:none;}
#footer a:hover {text-decoration: none; color: #ffcc33}
sup {font-size: 0.3em; vertical-align: top}