/* begin Page */

/* Generated with Artisteer version 2.0.2.15338 */

body
{
	margin: 0 auto;
	padding: 0;
	background-color: #E1E1D3;
	background-image: url(../images/page-Bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-family: Tahoma, Geneva, sans-serif;
}
h1  {
	color: #A1183D;
	font-size: 22px;
	font-weight: normal;
	margin-top: 5px;
}
h2 {
	font-size: 16px;
	font-weight: bold;
}
h3 {
	color: #A1183D;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	font-size: 16px;
	font-weight: normal;
	padding-bottom: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
  text-decoration: underline;
  color: #B7274C;
}

/* Adds special style to an unvisited link. */
a:link
{
  text-decoration: underline;
  color: #B7274C;
}
/* Adds special style to a visited link. */
di 
{
  text-decoration: underline;
  color: #595959;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover{
  text-decoration: none;
  color: #B8BEB6;
}
/* end Box, Sheet */

/* begin Header */
div.Header
{
	width: 900px;
	height: 150px;
	display: block;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
	text-decoration:none;
	outline:none;
	letter-spacing:normal;
	word-spacing:normal;
}

.artmenu, .artmenu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}

.artmenu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  background:none;
}

.artmenu li:hover
{
	z-index: 10000;
	white-space: normal;
	text-decoration: none;
}

.artmenu li li
{
  float: none;
}

.artmenu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background:none;
}

.artmenu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.artmenu li li:hover>ul
{
  top: 0;
  left: 100%;
}
.artmenu, .artmenu ul
{
  min-height: 0;
}

.artmenu ul
{
	background-image: url(../images/spacer.gif);
	padding: 10px 5px 5px 5px;
	margin: -10px 0 0 0px;
}

.artmenu ul ul
{
	padding: 20px 20px 20px 10px;
	margin: -30px 0 0 -10px;
}


/* menu structure */

.nav
{
	position: relative;
	margin: 0  auto;
	width: 910px;
	height: 24px;
	z-index: 100;
	background-color: #A1183D;
}

.artmenu
{
  padding: 0px 0px 0px 0px;
}

/* end Menu */

/* begin MenuItem */
.artmenu ul li
{
  clear: both;
}

.artmenu a , .artmenu a span
{
  height: 24px;
  display: block;
}


.artmenu a
{
  cursor: pointer;
  text-decoration: none;
  margin-right: 0px;
  margin-left: 0px;

}
.artmenu a span span
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 0 18px;
	margin: 0 0px;
	line-height: 24px;
	text-align: center;
	background-image: url('../images/item-center.png');
	background-position: left top;
	background-repeat: repeat-x;
}




.artmenu a:hover span span
{
  color: #000000;
  background-position: left -24px;
}

.artmenu li:hover a span span
{
  color: #000000;
  background-position: left -24px;
}


/* end MenuItem */

/* begin MenuSeparator */
.nav .separator
{
  display: block;
  width: 1px;
  height: 24px;
  background-image: url('../images/item-separator.png');
}

/* end MenuSeparator */

/* begin MenuSubItem */
.artmenu ul a
{
	display:block;
	text-align: center;
	white-space: nowrap;
	height: 22px;
	width: 250px;
	line-height: 22px;
	margin-right: auto;
	background-image: url('../images/subitem-bg.png');
	background-position: left top;
	background-repeat: repeat-x;
	border-width: 0px;
	border-style: solid;
  border-color: {PassiveBorderColor};
}

.nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
	display: inline;
	float: none;
	margin: inherit;
	padding: inherit;
	text-align: inherit;
	text-decoration: inherit;
}

.artmenu ul a, .artmenu ul a:link, .artmenu ul a:visited, .artmenu ul a:hover, .artmenu ul a:active, .nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 22px;
  color: #000000;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
}

.artmenu ul ul a
{
  margin-left: auto;
}

.artmenu ul li a:hover
{
	color: #FFFFFF;
	background-position: 0;
}

.artmenu ul li:hover>a
{
  color: #FFFFFF;
  background-position: 0 -22px;
}

.nav .artmenu ul li a:hover span, .nav .artmenu ul li a:hover span span
{
	color: #FFFFFF;
	font-size: 20px;
}

.nav .artmenu ul li:hover>a span, .nav .artmenu ul li:hover>a span span
{
  color: #FFFFFF;
}
div#breadcrumbs {
	color: #A1183D;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
div#breadcrumbs a {
	text-decoration: none;
	color: #999;
}
div#breadcrumbs a:hover {
	text-decoration: underline;
}
/* end PageFooter */

/* begin LayoutCell */
.content 
{
	width: 890px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFF;
	padding: 10px;
}

.PostContent
{
	font-size: 12px;
	color: #666;
}
.PostContent img.right {
	display: block;
	padding-left: 10px;
	float: right;
	clear: both;
}
.PostContent .table{
	border: 2px solid #E1E1D3;
}
.PostContent .table td {
	background-color: #CCC;
	border: 1px solid #E1E1D3;
	margin: 0px;
	padding: 2px;
}
.PostContent b {
	color: #9C173B;
}
.PostContent strong {
	color: #9C173B;
}
.PostContent .feeds a{
	color: #FFF;
	text-decoration: none;
}
.PostContent .packaging {
	float: right;
	text-align: center;
	margin-top: 10px;
	margin-left: 10px;
}
.PostContent .packaging a {
	text-decoration: none;
	color: #999;
}
.PostContent .packaging a:hover {
	text-decoration: underline;
}
.PostContent .article {
	font-size: 12px;
	color: #666;
}
.PostContent .small {
	font-size: 10px;
	color: #FFF;
	text-align: center;
}
.PostContent .flash {
	position: relative;
	float: right;
	padding-right: 180px;
}
.PostContent .img_redborder{
	text-align: justify;
	border: 1px solid #9B1B3D;
	padding: 5px;
}
.PostContent span {
	text-align: justify;
}
.PostContent p {
	text-align: justify;
}
.PostContent .micro {
	text-align: left;
}
.PostContent ul {
	list-style-image: url(../images/PostBullets.png);
	margin-left: 10px;
	padding: 0px;
}
.PostContent li 
{
	list-style-image: url(../images/PostBullets.png);
	margin-bottom: 8px;
}
.PostContent .box  {
	padding: 10px;
	color: #FFF;
	background-color:#999;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #CCC;
}
.PostContent .box strong {
	color: #000;
}

/* end PostHeaderIcon */

/* begin PostHeader */
.PostHeader a:link
{
  text-decoration: none;
  text-align: left;
  color: #665C33;
}

.PostHeader a:visited, .PostHeader a.visited
{
	text-decoration: none;
	text-align: left;
	color: #636C60;
}

.PostHeader a:hover, .PostHeader a.hovered
{
  text-decoration: none;
  text-align: left;
  color: #CDA71D;
}



/* Finish blockuote */
/* end PostQuote */

/* begin Button */
button.Button, a.Button
{
  position:relative;
  display:inline-block;
  width: auto;
  outline:none;
  border:none;
  background:none;
  line-height:28px;
  margin:0;
  padding:0;
  overflow: visible;
  cursor: default;
  text-decoration: none !important;
}


.Button .btn
{
  position: relative;
  overflow: hidden;
  display: block;
  width: auto;
  z-index: 0;
  height: 28px;
  color: #FFFFFF;
  white-space: nowrap;
  float: left;
}

.Button .t
{
  height:28px;
  white-space: normal;
  padding: 0 11px;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  line-height: 28px;
  text-decoration: none !important;
}

.Button .active
{
  color: #FCF9ED;
}

.Button .hover,  a.Button:hover
{
  color: #000000;
  text-decoration: none !important;
}

.Button .active .r
{
  top: -56px;
}

.Button .hover .r
{
  top: -28px;
}

.Button .r
{
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width: 7px;
  height: 84px;
}


.Button .r span
{
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  right: 0;
  width:403px;
  height: 84px;
}


.Button .active .l
{
  top: -56px;
}

.Button .hover .l
{
  top: -28px;
}

.Button .l
{
  display: block;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  top: 0;
  left: 0;
  right: 7px;
  height: 84px;
}


.Button .l, .Button .r span
{
  background-image: url('../images/button.png');
}

/* end Button */

/* begin Footer */
.Footer
{
	width: 100%;
	background-color: #A0173C;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.Footer .Footer-inner
{
	padding: 8px;
	text-align: center;
}

.Footer .Footer-background
{
	background-color:  #A0173C;
	width: 100%;
	height: 50px;
}



.Footer .Footer-text p
{
  margin: 0;
}

.Footer .Footer-text
{
  display:inline-block;
  color:#FFFFFF;
  font-size: 11px;
}

.Footer .Footer-text a:link
{
	text-decoration: none;
	color: #D8DBD6;
	text-decoration: underline;
}

.Footer .Footer-text a:visited
{
	text-decoration: none;
	color: #FFF;
}

.Footer .Footer-text a:hover
{
	text-decoration: none;
	color: #FEFCF6;
	text-decoration: underline;
}
/* end Footer */

/* begin PageFooter */
.page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover
{
  font-family:Arial;
  font-size:10px;
  letter-spacing:normal;
  word-spacing:normal;
  font-style:normal;
  font-weight:normal;
  text-decoration:underline;
  color:#B3911A;
}

.page-footer
{
  margin:1em;
  text-align:center;
  text-decoration:none;
  color:#887A44;
}
div#rightcolumn {
	min-width: 200px;
	padding: 10px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 1px solid #A1183D;
	width: 200px;
}
div#rightcolumn img {
	padding: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 1px solid #FFF;
}
div#rightcolumn img:hover {
	border: 1px solid #A1183D;
}
div#rightcolumn ul{
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}
div#rightcolumn li {
	list-style-image: url(../images/bullet.gif);
	text-align: left;
	color: #A1183D;
}
div#rightcolumn li a {
	color: #666;
	text-decoration: none;
}
div#rightcolumn li a:hover , a:visited, a:active{
	color: #A1183D;
	text-decoration: underline;
}
div#nutrients {
	width: 250px;
	padding: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #FFF;
}
div#nutrients h3 {
	color: #FFF;
}
div#nutrients img {
	margin-top: 0px;
	margin-bottom: 0px;
}
div#nutrients li {
	list-style-image: url(../images/bulletWhite.gif);
	text-align: justify;
	color: #FFF;
}
a:link.opc, a:visited.opc, a:active.opc {
opacity: 1.0;
filter: Alpha(Opacity=100);
}
a:hover.opc {
	opacity: .80;
	filter: Alpha(Opacity=80 );
}
input {
	background-color: #FFF;
	color: #9C173C;
	border: 2px solid #710F29;
	padding: 3px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}
input:hover {
	opacity: .80;
	filter: Alpha(Opacity=80 );
	color: #9C173C;
	border: 2px solid #BCBCBC;
	padding: 3px;
}
textarea {
	background-color: #FFF;
	color: #9C173C;
	border: 2px solid #710F29;
	padding: 3px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}
textarea:hover {
	opacity: .80;
	filter: Alpha(Opacity=80 );
	color: #9C173C;
	border: 2px solid #BCBCBC;
	padding: 3px;
}
select {
	background-color: #A1183D;
	color: #FFF;
	border: 1px solid #A1183D;
	padding: 3px;
	background-image: url(../images/button.png);
	background-position: 0px 0px;
}