.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
      background: #3d6c18 url(images/bg.jpg) repeat-x;
	text-align: center;
	padding: 0;
	margin: 0;
}

#container {
    margin: 0 auto 0;
    width: 720px;
	padding: 8px;
	background:#FFFFFF;
	height: 100%;
}

#header {
	background:#94b37f;
	text-align: left;
	margin: 0 0 4px 0;
}

#menu {
	background: #ffffff;
	text-align:left;
	margin: 0 0 8px 0;
}

#flash {
background:#000000;
width: 477px;
margin: 0;
float:left;
}

#links {
width: 243px;
float: left;

}

#links p {
font-size: 100%;
font-weight:bold;
margin: 0 0 0 5px; 
}

#links ul {
	padding: 0 0 0 3px;
	margin: 0;
	width: 240px;
} 

#links ul li {
	padding: 3px 0;
	margin: 3px 0;
	display: inline; /* this gets rid of the gaps */
	list-style-type: none;
}

#links a {
display: block;
font-size: 130%;
font-weight:bolder;
vertical-align: bottom; /* This fixes the IE5 Win gap! */
color: #343333;
text-decoration: none;
line-height: 90%;
padding: 2px;
width: 236px; /* or use height (tricks IE into letting you click anywhere on the block, not just the text */
}

#links a:hover {
font-size: 130%;
font-weight:bolder;
color: #FFFFFF;
background:#343333;
text-decoration: none;
line-height: 90%}

#content {
clear:both;
text-align:left;
margin: 4px 0 0 0;
}

#content p {
font-size: 100%;
margin: 0 0 10px 0;
clear: both;
}

#content p a{
color:#007529;
}

#c1 {
width: 395px;
float: left;
margin: 0 8px 0 0;
}

#c1 h2 {
display: block;
padding: 2px;
font-size: 110%;
text-transform:uppercase;
color:#FFFFFF;
background: #6b815d;
font-weight:bold;
margin: 0 0 5px 0;
}

#c1 table {
padding: 3px;
font-size: 85%;
border: 1px solid #007529;
}

#c1 table td.border {
border-bottom: 1px solid #007529;
}

#c1 input, textarea {
padding: 1px;
margin: 3px 0;
font-size: 85%;
border: 1px solid #007529;
background: #F0FEE7;
}

#c2{
width: 317px;
float: left;
}

#c2 h2 {
display: block;
padding: 2px;
font-size: 110%;
text-transform:uppercase;
color:#FFFFFF;
background: #6b815d;
font-weight:bold;
margin: 0 0 5px 0;
}

#c2 img {
border: 1px solid #007529;
margin: 0 0 10px 0;
}

#c_products {
width: 100%;
float: left;
margin: 0 0 0 0;
}

#c_products h2 {
display: block;
padding: 2px;
font-size: 110%;
text-transform:uppercase;
color:#FFFFFF;
background: #6b815d;
font-weight:bold;
margin: 0 0 5px 0;
}

#category_box {
float:left;
width:220px;
padding:2px;
margin: 0 16px 10px 0;
}

#category_box dl {
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
}

#category_box dt {
	float: right;
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0 0 0 0;
	padding: 0;
	width: 113px;
}

#category_box dt a {
	color:#007529;
	text-decoration:none;
}

#category_box dd{
	font-size: 85%;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

#category_box dd.img a img{
	border: 2px solid #000000;
	float: left;
	margin: 0 3px 0 0;
}

#category_box dd.more_btn a img{
	border: none;
	float: left;
	margin: 0 0 0 0;
}

#product_box {
	float:left;
	width:670px;
	padding:3px;
	margin: 0 0 10px 0;
	border: 1px solid #6b815d;
	background-color: #C6D0BF;
}

#product_box dl {
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
}

#product_box dt {
display: block;
    color:#007529;
	font-size: 130%;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 0 0 0 0;
	padding: 0;
}

#product_box dd{
	font-size: 100%;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

#product_box dd.img img{
	border: 2px solid #000000;
	float: left;
	margin: 0 10px 0 0;
}

#product_box dd a{
    color:#007529;
	margin: 0;
	padding: 0;
	text-decoration:underline;
}

#footer {
text-align:left;
padding: 2px 0 0 2px;
font-size: 80%;
font-weight:bold;
color: #6b815d;
border-top: solid 1px #6b815d;
margin:8px 0 0 0;
clear: both;
}