div#container					{width: 780px; margin: 0 auto; border: 1px solid #2d3770; border-top: none;}

div#header					{height: 140px; background: url(/img/bhf-header.jpg) 0 0 no-repeat #2d3770; border-bottom: 1px solid #2d3770;}
div#header *					{display: none;}

div#content					{width: 600px; float: left; padding: 10px 0;}

div.threeColumns				{float: left; margin: 0 10px; width: 160px;}
div.fourColumns					{float: left; margin: 0 10px; width: 220px;}
div.fiveColumns					{float: left; margin: 0 10px; width: 280px;}
div.sixColumns					{float: left; margin: 0 10px; width: 340px;}
div.sevenColumns				{float: left; margin: 0 10px; width: 400px;}
div.tenColumns					{float: left; margin: 0 10px; width: 580px;}

div.richtext h2					{font-size: 14px; font-weight: bold; font-style: italic; color: #2d3770; text-transform: uppercase;}
div.richtext h3					{font-size: 11px; line-height: 18px; font-weight: bold; color: #d11;}
div.richtext h4					{font-size: 11px; line-height: 18px; font-weight: bold; color: #2d3770;}
div.richtext hr					{border-bottom: 1px dotted #2d3770; margin: 0 0 18px; clear: both;}
div.richtext strong				{color: #2d3770;}
div.richtext div.flash				{text-align: left; margin: 9px 0;}
div.richtext table				{width: 100%; border: 4px solid #2d3770; margin: 9px 0;}
div.richtext table th				{padding: 7px 5px 2px; text-align: left; text-transform: uppercase; font-weight: bold; color: #2d3770;}
div.richtext table td				{padding: 2px 5px 7px; vertical-align: middle;}
div.richtext table td.left			{text-align: left;}
div.richtext table td.line-below		{border-bottom: 1px dotted #2d3770;}
div.richtext table td.separator			{background: #2d3770; padding: 0; font-size: 1px; line-height: 0; border-bottom: 4px solid #2d3770;}
div.richtext table.nutrients			{border: none; margin: 9px 20px 9px 0;}
div.richtext table.nutrients th			{border-bottom: 1px dotted #2d3770;}
div.richtext table.nutrients td			{border-bottom: 1px dotted #2d3770; padding: 7px 5px 2px;}
div.richtext table.feeding			{margin: 0 0 18px;}
div.richtext table.feeding th			{text-align: center; background: #2d3770; border: 2px solid #2d3770; color: #fff; padding: 4px 10px 5px; vertical-align: middle;}
div.richtext table.feeding td			{text-align: right; border: 2px solid #2d3770; padding: 2px 5px 3px;}
div.richtext table.feeding tr.odd th		{background: #fff; color: #2d3770;}
div.richtext table.feeding tr.odd td		{background: #fff; color: #2d3770;}
div.richtext table.feeding tr.even th		{background: #c6e2ff; color: #2d3770;}
div.richtext table.feeding tr.even td		{background: #c6e2ff; color: #2d3770;}
div.richtext table.feeding tr th.bling		{background: #fc0; color: #2d3770;}
div.richtext table.feeding tr td.bling		{background: #fc0; font-weight: bold; color: #2d3770;}
div.richtext table.feeding tr.odd td.bling	{background: #fe6;}
div.richtext table.bhf-feeding			{margin: 9px 0; border: 0;}
div.richtext table.bhf-feeding th		{text-align: right; background: #2d3770; border: 0; border-right: 1px solid #fff; color: #fff; padding: 4px 10px 5px; vertical-align: middle;}
div.richtext table.bhf-feeding td		{text-align: center; border: 0; border-right: 1px solid #fff; padding: 2px 5px 3px; background: #fbe0e0;}
div.richtext table.bhf-feeding tr.header td	{border-top: 1px solid #fff; background: #fff;}
div.richtext table.bhf-feeding tr.header th	{border-top: 1px solid #fff;}
div.richtext table.bhf-feeding tr.title th	{background: #d11; text-align: center;}
div.richtext table.bhf-feeding tr.title td	{background: #fff;}

div.front					{margin: 0 20px; width: 560px;}
div.front img					{margin: 0;}
div.front hr					{border: 1px solid #fff; margin: 0;}

dl.faqs	dt					{text-align: left; background: url(/img/Q.gif) 0 0 no-repeat transparent; padding: 3px 0 2px 25px; margin: 0 0 6px;}
dl.faqs dd					{background: url(/img/A.gif) 0 0 no-repeat transparent; padding: 3px 0 0 25px;}

div#news					{width: 140px; float: left; margin: 9px 10px}
div#news ul					{margin: 0; padding: 0; list-style: none;}
div#news ul li					{border-top: 1px solid #fff; margin: 0; padding: 0; line-height: 14px; background: #d11;}
div#news ul li a				{display: block; color: #fff; text-decoration: none; padding: 5px 10px;}
div#news ul li a:hover				{background: #2d3770;}
div#news h3					{height: 24px; background: url(/img/bhf-newstop.gif) 100% 0 no-repeat #fff; font-weight: bold; font-size: 12px; text-transform: uppercase; padding: 9px 10px 0; color: #fff;}

div#news-overview div				{border-bottom: 1px dotted #2d3770; margin: 0 0 9px;}
div#news-overview p.date			{margin: 0; font-size: 10px; color: #999;}
div#news-overview p.read-more a			{border: 1px dotted #2d3770; padding: 5px 8px; color: #2d3770;}
div#news-overview p.read-more a:hover		{color: #d11;}
div#news-overview p.read-more a span		{color: #d11; position: relative; top: -1px}

div#stockist-selector				{float: left; width: 600px; padding: 0 0 5px;}
div#stockist-selector select			{width: 130px; margin: 0 10px 9px; float: left;}
div#stockist-list				{width: 600px; float: left;}
div#stockist-list div.stockist			{float: left; margin: 0 10px 9px; width: 600px; hidden; border-top: 1px dotted #2d3770;}
div#stockist-list div.stockist h2		{color: #2d3770; font-style: normal; line-height: 1; padding: 9px 10px;}
div#stockist-list div.stockist-details		{padding: 4px 0 5px 10px; float: left; width: 270px; margin-right: 10px;}
div#stockist-list div.stockist-products		{float: left; width: 300px;}
div#stockist-list div.stockist-products ul	{list-style: none;}
div#stockist-list div.stockist-products ul li	{float: left; padding: 0 5px; margin: 0;}
div#stockist-list ul li img			{margin: 0;}


ul#mainmenu					{width: 170px; float: left; margin: 20px 0 18px 10px; padding: 0; list-style: none;}
ul#mainmenu li					{background: url(/img/waterdot.gif) 0 0 no-repeat #d11; margin: 0; border-bottom: 1px solid #fff; font-weight: bold;}
ul#mainmenu li.active				{background: url(/img/waterdot-active.gif) 0 0 no-repeat #2d3770;}
ul#mainmenu li ul				{margin: 0; padding: 0; list-style: none; border-left: 15px solid #fff;}
ul#mainmenu li a				{display: block; color: #fff; padding: 4px 10px 4px 30px;}
ul#mainmenu li a:hover				{background: url(/img/waterdot-active.gif) 0 0 no-repeat #2d3770; text-decoration: none;}
ul#mainmenu li ul li				{background: #6978ca; border: 0; border-top: 1px solid #fff;}
ul#mainmenu li ul li.active			{background: #2d3770;}
ul#mainmenu li ul li a				{padding: 4px 10px 4px 15px;}
ul#mainmenu li ul li a:hover			{background: #2d3770;}

div#footer					{clear: both; background: #2d3770; padding: 9px 10px;}
div#footer ul, div#footer h4			{display: none;}
div#footer p					{color: #fff; margin: 0;}
div#footer a:hover				{color: #fff;}























































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */