html {min-height:100%}

body {
	background:#fffbbf url("../images/body-bg.jpg") repeat-x left bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:64.5%;
	font-size:71.2%;
	text-align:left;
	min-height:100%;
}


/* misc
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
* { margin: 0; padding: 0;}
a img { border: none; }
.l { float: left; }
.r { float: right; }
.hide { display: none; } 
input,select { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; }
.off-left { position: absolute; left: -3000px; }
.picleft { float:left; margin: 0.5em 1em 1.5em 0; border: 1px solid #e9f5df;}

/* clear floating elements
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#header:after,
#wrapper:after,
#footer:after,.item:after,.row-small:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

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

/* links
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#skiplinks { display: none;}
a { color:#56af00; text-decoration: none; }
a:hover { color:#004c10; text-decoration: underline; }


/* main structure
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#header { width: 964px; text-align: left; }
#wrapper { width: 964px; text-align: left; padding-top: 6px; z-index: 0; position:relative; }
#first-col { width: 230px; float: left; text-align: left; z-index: 50; position:relative;}
#second-col { width: 507px; float: left; text-align: left; z-index: 50; position:relative;}
#third-col { width: 227px; float: left;  padding-top: 42px; text-align: left; z-index: 50; position:relative;}
#double-col { width: 734px; float: left; text-align:left; }
#footer { width: 964px; text-align: left; margin-bottom: 200px; }


/* main structure
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#header { background: #57af00;}
#logo { float:left;}
#logo-print { display:none; }
#search-box { float:right; margin: 38px 17px 0 0;}
#search-box .tb {  width: 135px; float: left;  padding: 0.2em 0 0.1em 0.3em; color: #00571f; border: 1px inset #ccc; }
#search-box .button { float: left; margin: 1px 0 0 7px; }
#wrapper { background: #fff url("../images/wrapper-top.gif") no-repeat top left;   }
.wrapper-pic { position:absolute; bottom:0; top: 20em; left:0; width: 750px; height:530px; z-index: 25;
	background: url("../images/home-bg.jpg") no-repeat top left;  }

#home #wrapper { height: 62em; padding-bottom: 25px; }

/* footer
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#footer { background: url("../images/wrapper-bottom.gif") no-repeat top left; padding-top: 50px;}
#footer ul { margin: 0 0 0 21px; float:left;  }
#footer li { padding: 0 0.7em 0 0.2em; display:inline; border-right: 1px solid #aef500; list-style:none; }
#footer li a { color: #649d2c;}
#footer .last { border:none; }
#footer p { margin: 0em 26px 0 0; float:right; color: #767676;}

.footnote { font-size: 0.9em; color: #666;}

/* primary navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#primary-nav { padding: 1.5em 0; background: #eff5e6 url("../images/primary-nav-bg.gif") no-repeat bottom right; }
#primary-nav li { font-family: helvetica, arial, sans-serif; font-weight:bold; list-style: none; }
#primary-nav a { padding-left: 10px; color:#458903; background: url("../images/arrow-light.gif") no-repeat 0 0.25em; display:block; text-decoration:none; }
#primary-nav a:hover { color:#00571f; background: url("../images/arrow-dark.gif") no-repeat 0 0.25em; text-decoration:none; }

#primary-nav ul { margin-left: 21px; }
#primary-nav ul ul { margin: 0.2em 0 0 11px; }
#primary-nav ul ul ul { margin: 0.2em 0 0 10px; }

#primary-nav li { font-size: 1.2em; margin-bottom: 0.4em; list-style: none; }
#primary-nav li li { font-size: 0.9em; margin-bottom: 0.3em; }
#primary-nav li li li { font-size: 0.93em; margin-bottom: 0.3em;}

#primary-nav .on { color:#00571f; }
#primary-nav .on a { color:#00571f; background: url("../images/arrow-dark.gif") no-repeat 0 0.25em;}

#primary-nav li li li a { background: url("../images/dash-light.gif") no-repeat 0 0.45em;}
#primary-nav li li li.on a,#primary-nav li li li a:hover  { color:#00571f; background: url("../images/dash-dark.gif") no-repeat 0 0.45em;}
#primary-nav li li.on li a { color:#458903; background: url("../images/dash-light.gif") no-repeat 0 0.45em; }
#primary-nav li.on li a { color:#458903; background: url("../images/arrow-light.gif") no-repeat 0 0.25em; }


/* secondary navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#secondary-nav { margin: 1em 0 0 21px; padding: 0;}
#secondary-nav li { padding-left: 11px; list-style: none; background: url("../images/secondary-nav-bg.gif") repeat-x bottom left; }
#secondary-nav li.last { background:none;}
#secondary-nav li a { color:#57b000; padding: 0.54em 0; display:block; }
#secondary-nav li a:hover { color:#00571f; text-decoration:none;}

/* headings
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
h1 { margin-bottom: 0.3em; font-size: 3.4em; color: #57af00; font-family:Arial, Helvetica, sans-serif;}
h2 { font-family:Arial, Helvetica, sans-serif;}
h4 { font-family:Arial, Helvetica, sans-serif; color:#00571f; font-size: 1.15em; margin: 0.5em 0 0.3em 0;}

/* content styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#content { margin: 2.2em 24px 0 30px; }
#content p { line-height: 1.3em; margin-bottom: 0.9em; }
#content ul { margin: 0 0 1em 1.3em;} 
#content ol { margin: 0 0 1em 1.9em;} 
html*#content ul { margin-left: 1.6em; }
#content li {  line-height: 1.4em; } 
#content img.l { margin: 0 1.1em 1em 0;}
#content img.r { margin: 0 0 1em 1.1em;}

#content ul li { list-style-image: url("../images/bullet.gif"); } 

#content a { text-decoration: underline; }
#content a:hover { text-decoration: none; color: #00571f;}

#content .thumb-list { margin:2.3em 0 0 0;}
#content .thumb-list li { list-style:none; line-height: 1em; float: left; width: 102px; margin-right: 8px; margin-bottom: 1.2em; height: 12em; }
#content .thumb-list a {color:#00571f; text-decoration:none}
#content .thumb-list a:hover {color: #57b000}
#content .thumb-list .break { clear:left;}

#results-list dt { font-weight: bold;  line-height: 1.3em;}
#results-list dt a { color: #00571f;}
#results-list dd { margin-bottom: 1.3em;  line-height: 1.3em;}

/* rhs boxes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.rhs-box { width: 200px; margin-bottom: 1.5em; padding-bottom: 1em; }
.rhs-box p { margin: 0 0.7em 0.4em 1em; line-height: 1.3em; }
.rhs-box ul { margin: 0 0 0 1em; list-style: none; }
.rhs-box .pic { margin: 7px 0 0 6px; }
.box-clear p { font-size: 1.1em; font-family:Arial, Helvetica, sans-serif; }
.box-clear-contacts p { line-height: 1.3em; margin-bottom: 0.9em; }
.rhs-box .more { font-size: 1em; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
.rhs-box .more a { padding: 0 0 0 11px; background: url("../images/arrow-dark.gif") no-repeat 0 50%; }
.rhs-box .more a:hover { background: url("../images/arrow-light.gif") no-repeat 0 50%;}


.box-clear { background:url("../images/frame-bottom-clear.gif") no-repeat bottom left; }
.box-clear-contacts { background:url("../images/frame-bottom-clear.gif") no-repeat bottom left; }
.box-clear div { background:url("../images/frame-top-clear.gif") no-repeat top left; }

.box-green { min-height: 130px; background:url("../images/frame-bottom-green.gif") no-repeat bottom left; }
#home .box-green { min-height: 0; }
.box-green div { background:url("../images/frame-top-clear.gif") no-repeat top left;}
.box-green li a { color: #333;}

.box-peach { min-height: 120px; background:url("../images/frame-bottom-peach.gif") no-repeat bottom left; }
.box-peach div { padding-top: 33px; background:url("../images/frame-top-peach.gif") no-repeat top left;}
.box-peach p { color: #00571f; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif;}

#product-shot {margin-bottom: 1.5em;}

/* contact form
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.form { }
.form label { color: #333; width: 110px; float: left; margin-left: 20px;}
.form legend { display:none;}
.form fieldset { border:none; border-bottom: 1px solid #b1b1b1; padding: 1.2em 0; }
.form fieldset.last { border:none;  }
.form .row { margin: 0 0 0.7em 0; }
.form .row-small { float: left; margin-bottom: 10px; }
	.form .row-small label { width: 60px; float: left; display:inline; margin-left: 20px; margin-bottom: 10px; }
	.form .row-small .tb { float: left;  display:inline; }
.form .button { text-align: right;}
.form .tb { border: 1px solid #cecece; padding: 0.2em 0 0.3em 0.3em;}
.form .ta { border: 1px solid #cecece; padding: 0.2em 0 0.3em 0.3em; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1em;}
.form .s80 { width: 80px; }
.form .s110 { width: 110px; }
.form .s225 { width: 225px; }

/* data table
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.data-table { border-collapse:collapse; margin: 0 0 1.5em 0; width: 99%;}
.data-table th {text-align: center; padding: 8px 5px 7px 5px; background: #e9f5df; border: 1px solid #e9f5df; }
.data-table td { border: 1px solid #e9f5df; padding: 3px 10px 3px 15px; }
.data-table .highlight td { background: #f9fd89;}
.data-table .highlight .highlight { background: #fff600;}
.data-table caption { display:none;}

/* list with thumbs and text */
.thumb-text-list .item { clear: both; margin: 0 0 2em 0;}
.item .pic { width: 116px; float:left;}
#content .item .title { font-size: 1.06em; font-weight: bold; margin:0;}
.item .title a { color:#00571f;}

.boxborder, .boxborderlink {position:relative; display:block}
.boxborder img {display:block; border:1px solid white; border-width:1px 0 0 1px}
.boxborder div, .boxborderlink .l1, .boxborderlink .l2 {position:absolute; width:102px; height:102px; top:0}
* html .boxborder div, * html .boxborderlink div.l1 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/boxborder.png')}
.boxborder[class] div, .boxborderlink[class] div.l1 {filter:none; background:url(../images/boxborder.png) no-repeat}

* html .boxborderlink .l2 {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/boxborderon.png')  progid:DXImageTransform.Microsoft.BasicImage(opacity=0)}
.boxborderlink[class] .l2 {filter:none; background:url(../images/boxborderon.png) no-repeat}

.boxborderlink .l2 {display:none}
.boxborderlink:hover .l2 {display:block; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/boxborderon.png')}
.boxborderlink:hover .l1 {display:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='/images/boxborder.png')}

a.boxborderlink {cursor:pointer; cursor:hand}
.boxborderlink .img {width:102px; height:102px; margin-bottom:3px}


#nut-box { width: 454px; background: #e9f5df url("../images/nb-bottom.gif") no-repeat bottom left; margin-bottom: 1em;}
#nut-box div { background: url("../images/nb-top.gif") no-repeat top left; padding: 13px 0 3px 13px;}
#nut-box p { color: #00571f; text-align: center;}
#nut-box .big { font-size: 1.1em; text-align:left;}
#nut-box img { margin: 0 0 0.5em 0;}