body {
 margin: 0;
 padding:0;
 font: small Verdana, 'Lucida Grande', sans-serif;
 text-align: center;
 background: #fff;
 color: #fff;
}
a {
 color:#358;
 text-decoration:none;
}
a:visited {
 color:#903;
}
a:hover {
 color:#933;
 border-color:#b55;
 border-bottom:1px dotted #469;
}  
a img, .noline, a.noline:link, a.noline:visited, a.noline:hover {
 border-width:0;
}
h1, h2, h3 {
 margin:1em 0 .5em;
 font-family:Georgia,Serif;
 font-weight:normal;
 clear:both;
}
.container {
 position:relative;
 width:780px;
 margin:0 auto;
 border:solid #bbb;
 border-width:0 1px;
 text-align:left;
 color:#333;  /* primary text color */
}
/* Basic Page Structure */
#content {
 float:left;
 width:760px;
 display: inline;
 background: #fff url("col1-204-bg.gif") repeat-y 10px 10px;
}
/* Overcome 3px margin bug in IE/Win floats */
 * html #content {
   margin-right:-3px;
}
#col2 {
 float:left;
 width:495px;
}
#col1 {
 float:right;
 width:204px;
}
#col3 {
 display:none;
}
#col1, #col3 {
 font-size:85%;
 line-height:1.6em;
}
/* Page Structure: 3 columns */
#threecol #content {
 padding: 0px 10px;
}
#threecol #main {
 float:right;
 width:556px;
}
#threecol #col2 {
 width:395px;
 font-size:85%;
 line-height:1.6em;
 border-right: 1px solid;
}
#threecol #col3 {
 display:block;
 float:right;
 width:155px;
}
/* Page Structure: 2 columns */
#twocol #content {
 padding: 0px 10px;
}
#twocol #main {
 float:right;
 width:556px;
}
#twocol #col2 {
 float:left;
}
#twocol #col1 {
 float:right;
}
/* Page Structure: 1 column */
#onecol #col2, #onecol #col1 {
 float:none;
}
#onecol #col2 {
 width:710px;
}
#onecol #content {
 background: #fff;
}
#info {
 background: #fff;
 text-align:left;
 margin: 1.5em;
 color:#333;  /* primary text color */
}
.bnbox {
 text-align: center;
}
/* header and footer structure */
#header {
 margin:0;
 height: 140px;
}
#header #logo {
 margin:0;
}
.topsearch {
 position: absolute; 
 top: 60px; 
 left: 280px;
}
#footer {
 clear:both;
 border-bottom:1px solid #000;
 font-size:75%;
}
#footer p {
 margin:0;
 padding:10px 0;
 border-top:1px solid #124;
 color:#8d8d8d;
 text-align:center;
 line-height:1.6em;
}
/* Fixes footer containment bug in IE-Win (5 and 6)
  But IE5-Mac shouldn't see this \*/
 * html #footer p {
   height:1%;
}     
/* midContent goes below the nav bar on all inside pages */
.midContent {
   padding-bottom: 5px;
   background: #fff;
   width: 100%;
}
.titleImg {
 padding-top: 1em;
}
.largeImg {
 text-align: center;
}
/* textbox that explains what we do and sell */
.textbox {
 position: relative;
 display: inline;
 float: left;
 background: url("vstripe-blue.gif") repeat-x 0 0;
 top: 0px;
 width: 274px;
 padding-left: 10px;
 padding-top: 20px;
 font-family:Georgia;
 font-size: 16px;
 color: #3a5466;
 font-variant: small-caps;
 font-weight: bold;
}

.textbox li {
 list-style: outside;
 padding-bottom: .6em;
 font-weight: bold;
}
.l1 {
 font-size: 30px;
}
.l2 {
 font-size: 22px;
}
.l3 {
 font-size: 20px;
}
.l4 {
 font-size: 16px;
}
/* home page "vertical boxes" */
.Mboxes {
 POSITION: relative;
 WIDTH: 154px; 
 TOP: 0px;  
 FLOAT: right; 
 margin: 2px;
 TEXT-ALIGN: right;
 border: none;
}
.Mboxes UL {
	LIST-STYLE-TYPE: none;
}
.Mboxes li {
  margin-bottom: .6em;
}
.Mboxes strong {
 border-width: 0px;
}
/* store page product boxes */
.storebox {
 POSITION: relative;
 WIDTH: 160px; 
 FLOAT: left; 
 margin: 8px;
 padding: 6px;
 TEXT-ALIGN: center;
 border: 1px solid #ccc;
}
.sb {
 padding: 1px;
}
.sbleft {
 float: left;
 padding-left: 1em;
 text-align: center;
 width: 200px;
}
.sbright {
 float: right;
 width: 240px;
 padding: 10px;
}
.sblow {
 clear: both;
 width: 100%;
}
.smallbox {
 float: left;
 width: 8em; 
 text-align: center;
 margin: .8em .6em;
 padding: 4px;
 line-height: 1.2em;
 border: 1px solid #ccc;
}
.smallbox form {
 margin: 2px;
 padding: 0px;
}
.addcart {
 padding: 1em;
 background: #eee;
 text-align: left;
}
.sbul {
 list-style: inside;
}
/* column headings */
h2.newsHeading, h2.navhead, table.Retailers th {
 width: 100%;
 font-weight: bold;
 font-size: medium;
 text-align: center;
 color: #fff;
 font-variant: small-caps;
 margin-top: 0;
 padding: 0.1em 0;
}
h2.newsHeading {
 background: #3a5465;
}
h2.navhead, table.Retailers th {
 background: #b6ab74;
}
#col1 .navhead {
 width: 203px;
 background: #ccae31;
}
.navhead>a {
 color: #fff;
}
/* items in col2 */
div.item h3 {
 font-size: 130%;
}
div.item {
 padding-left: 1em;
 margin-bottom: 2em;
}
.item img {
 float: right;
 margin: 0 1em;
}
.headline {
 color: #900;
}
#col2 h3 {
 margin-left: .3em;
 font-size: 130%;
 color: #900;
}
/* column one styles */
#col1 h2, #col1 div, #col1 p, #col1 ul {
 list-style-image: url(Arrow.gif);
}
#col1 li {
 text-decoration: none;
}
#col1 p, #col1 div, #col2 p, #col3 p {
 margin: .5em;
}
/* navigation bars */
#nav {
 background-color:#fff;
 float:left;
 width:100%;
 border:solid #ccc;
 border-width:1px 0;
}
#nav ul {
 margin:0;
 padding:0 20px;
 list-style:none;
}
#nav li {
 float:left; 
 margin:0;
 padding:0;
 line-height:normal;
 text-indent:0;
}
#nav a, #nav strong {
 display:block;
 padding:4px 10px;
 border:solid #ccc;
 border-width:0 1px 0 0;
 color:#7ac;
 text-decoration:none;
 white-space:nowrap;
 text-transform:uppercase;
}
/* set entire region of link to to be clickable in IE/Win */
* html #nav a {
 width:1%;
}
#nav a:hover {
 color:#333;
}
#nav #h {
 border-left-width:1px;
}
#cnav {
 position:absolute;
 top:0px;
 left:180px;
 height:30px;
}
#cnav ul {
 margin:0;
 padding:1em 12px 0;
 list-style:none;
}
#cnav li {
 display:inline;
 line-height:1em;
 text-indent:0;
}
#cnav a {
 float:left;
 display:block;
 color:#7ac;
 border-width:0;
 padding:.25em 8px;
 font-size:85%;
 font-weight:normal;
 text-decoration:none;
 line-height:2em;
 text-transform:lowercase;
}
#cnav a:hover {
 color:#333;
}
blockquote {
 color: #333;
 background: transparent;
 margin-left: 30px;
 margin-right: 15px;
}
table.Recipe td {
padding: 10px;
}
div.faq {
 padding-left: 1em;
}
div.faq h3 {
 color: #900;
 font-size: 130%;
}
#myform{
	position: relative;
	margin-left: 1em;
}
form span.required {
	color: red;
	text-align: left;
}
form h2 {
	clear: left;
	text-align: left;
	margin: .5em 0 0 0;
	color: #900;
}
form label {
	color: #333333;
        margin: 0 .5em 0 0;
}
div.row{
	clear: both;
	height: 1.4em;
	margin: .7em 0 .7em 0;
}
div.large_ad {
	width: 336px;
	margin-left:auto;
	margin-right:auto;
}
div.banner_ad {
	width: 468px;
	margin-left:auto;
	margin-right:auto;
}
 
/* COLUMN STYLES */
.c1{float: left; width: 10em; text-align: right;} 
.c2{float: left; width: 8em; text-align: left;}