/*----- ESSENTIALS -----*/
html, body { height:100% }
body { margin:0; /* make anything a hover in IE with this code >> */ behavior:url("/css/csshover.htc"); background:#BFD573; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#818480;}
table, td { border:0; border-spacing:0; border-collapse:collapse; padding:0; margin:0; vertical-align:top }
img { line-height:normal; border:0; /* fixes the png image problem */ behavior:url("/css/pngfix.htc") }
ul, li { list-style-type:none; padding:0; margin:0 }
form, input { padding:0; margin:0 }
h1, h2, h3 { padding:0; margin:0 }
h1 { color:#4a7320; }
h2 { color:#000; }
h3 {color:#759d4c; font-size:14px; margin-bottom:5px;}
a { color:#4b7420; text-decoration:none; }
a:hover { color:#000; }
/*----- ESSENTIALS -----*/

/*----- WRAPPER -----*/
#mainWrap {  margin:0 auto; width:906px; }
/*----- WRAPPER -----*/

/*----- HEADER -----*/
#hdr { height:85px; margin-top:15px; }
.logo { float:left; margin:-90px 0 -32px 10px; position:relative; z-index:100;}
#mainNav { float:right; width:651px; height:46px; padding:0 5px 0 0 }
#navTop { float:right; width:651px; height:40px; color:#6c7377; padding:0 5px 0 0; text-align:right; }
#navTop a {color:#6c7377; text-decoration:none; padding:0 8px; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
#navTop a:hover { color:#000;}
/*----- HEADER -----*/

/*----- SPLASH -----*/
/* homepage splash */
#hpSplash {  width:906px; height:270px; z-index:0; position:relative; }

/* internal splash */
#inSplash {width:906px; height:170px;}
/*----- SPLASH -----*/

/*----- BODY HOMEPAGE -----*/
#hpBody { background:url(/images/page-bg.gif) repeat-y; repeat-y; width:886px; padding:10px;  }

#hpContent {float:left; width:470px; padding:10px; line-height:18px;}
#hpContent h1 { color:#4b7420; font-size:46px; font-family:Arial, Helvetica, sans-serif; margin:0px; line-height:48px;}
#hpContent h2 { color:#000; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0px; line-height:15px;}
#hpContent b { font-size:20px; font-weight:bolder;}
.HPteaser { font-size:14px; color:#3e423e;}

#icynene { background:url(/images/icynene-bg.gif) no-repeat; width:224px; height:90px; margin:0 0 10px 20px; color:#FFF; font-size:11px; 
padding:70px 120px 0 20px; line-height:18px; xborder:solid 1px #0033FF;}
#icynene a {color:#fff;}
#icynene a:hover {color:#000;}

#smarter { background:url(/images/smarter-bg.gif) no-repeat; width:279px; height:80px; color:#FFF; font-size:11px;
padding:40px 10px 0 95px; line-height:18px; xborder:solid 1px #00FF00;}
#smarter a {color:#FFF;}
#smarter a:hover {color:#000;}

.hpFeatured { background:url(/images/featured-bg.jpg) no-repeat; width:269px; height:146px; float:left; margin:0 2px; padding:10px; font-size:11px; line-height:15px;}
.hpFeatured h1 { color:#000000; font-size:18px; font-family:Arial, Helvetica, sans-serif; margin:5px 0 20px 0;}
.hpFeatured h2 { font-family:Arial, Helvetica, sans-serif; color:#456c1d; font-size:14px; margin:0 0 5px 0;}
.hpFeatured img { padding:3px; border:solid 1px #c1c6ab; margin:0 8px 3px 0px; background:#FFF;}
.hpFeatured a { color:#4b7420;}
.hpFeatured a:hover { color:#000;}

#stackingPics .stack { position:relative; margin:0 -60px 0 0; float:left; width:71px; height:60px;}
#stackingPics { float:left; width:125px; }
/*----- BODY HOMEPAGE -----*/

/*----- BODY INTERNAL -----*/
#inBody { background:url(/images/page-bg.gif) repeat-y; width:886px; padding:10px;  }

#left { background:url(/images/subnav-bg.jpg) no-repeat; width:211px; padding:5px;}
#left h1 { font-family:Arial, Helvetica, sans-serif; color:#000; font-size:15px; background:url(/images/subnav-green-line.jpg) no-repeat 0 100%; padding:10px 5px; width:200px;}
#left ul { padding-left:3px; }
#left li { background:url(/images/subnav-li.jpg) no-repeat 0 100%; padding:8px 0 8px 5px;}
#left li.product { padding:5px 0 5px 30px; font-size: 11px;}
#left li.end { background:none;}
#left a { color:#6a6b67; font-weight:bold;}
#left a:hover { color:#000;}

#middle { width:437px; padding:0 15px; font-family:Arial, Helvetica, sans-serif; line-height:18px; }
#middle h1 {background:url(/images/int-h1-bg.jpg) no-repeat; width:437px; height:50px; color:#436a1c; font-size:25px; line-height:normal;}
#middle h2 {color:#000; font-size:15px; margin-bottom:10px;}
#middle .teaser {color:#3e423e; font-size:14px; line-height:19px; margin-bottom:20px;}
#middle .line {background:url(/images/div-line-bg.jpg) repeat-x; width:100%; height:5px; margin:20px 0; clear:both;}
#middle ul { margin:15px;}
#middle li { list-style-type:disc}

#right { border-left:1px solid #c4d2c0; padding:0px 5px 0 15px; font-size:11px; width:198px;}
#right h1 { color:#4a7320; font-size:16px; margin:0 0 8px 0;}
#right h2 { color:#000; font-size:14px; margin:0 0 8px 0;}
#right img {padding:3px; border:solid 1px #c1c6ab; margin:0px 5px 0px 0px; background:#FFF; float:left;}
#right a { text-transform:uppercase; }
#right .line {width:100%; height:1px; background:#d0dbcd; margin:18px 0; padding:0px;}

#expanded { }
#expanded a { background:url(/images/subnav-arrow.jpg) no-repeat; padding:0 15px;}
#expanded a:hover {}
#expandedNo { display:none; }

#products { width:100%; clear:both; min-height:80px;}
#products h1 { color:#4b7420; font-size:14px; margin-bottom:5px; background:none; height:auto;}
#products img {width:108px; padding:3px; border:solid 1px #c1c6ab; margin:0 5px 0 0;}
.productsLine { width:100%; height:1px; background:#c4d2c0; margin:15px 0;}

#productDetails {}
#detailsImg img { float:left; margin:0 5px 0 0 !important; margin:9px 5px 0 0; padding:3px; border:solid 1px #c1c6ab; }
#detailsImg { float:left; width:190px; height:116px }
#overlayProducts {  position:relative; width:164px; background:#000; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; color:#FFF; text-align:right; padding:0px 10px 0 0; z-index:100; top:100% !important; top:100%; margin:-15px 0 0px 4px !important; margin:-23px 0 0px 4px; font-size:11px; }
#overlayProducts a { background:url(/images/details-arrow.gif) no-repeat; padding-left:15px; color:#FFF;}

#back {float:right;}
#back a { color:#6a6b67; background:url(/images/back-arrow.jpg) no-repeat; padding-left:15px;}
#back a:hover { color:#000;}

#events {}
#events h2 { margin-bottom:3px;}
#events h3 { color:#759d4c; font-size:14px; margin-bottom:3px;}
#pageNumbers {width:100%;}
.prev { background:url(/images/previous-arrow.jpg) no-repeat; padding-left:12px;}
.next { background:url(/images/next-arrow.jpg) no-repeat 100% 0; padding-right:12px;}

#news {}
#news h1 { font-size:15px; color:#000}
#news img { float:left; padding:3px; border:solid 1px #c1c6ab; margin:0 5px 0 0;}
.date {float:right; width:150px; color:#759d4c}
.posted {color:#759d4c; margin:0 0 5px 0;}
.back { background:url(/images/back-news-arrow.jpg) no-repeat; padding-left:12px; color:#818480; font-size:11px;}

#showcase {width:400px; text-align:left;}
#showcase img { width:130px; float:left; border:solid 1px #c1c6ab; padding:3px; margin:0px 0px 5px 0px; }
#showcase h2 {color:#4a7320; font-size:12px; padding:0px 0px 0 0; width:130px; }

.showcaseHeader { border-bottom:solid 1px #c4d2c0; }
.imgDetail {padding:12px; border:solid 1px #c1c6ab;} 

/*----- BODY INTERNAL -----*/

/*----- FOOTER -----*/
#ftr { background:url(/images/footer-bg.png) no-repeat; width:866px; height:96px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:20px 20px 0 20px;  line-height:18px;}
#ftr img {float:right;}
#ftr .claylink {color:#818480;}
/*----- FOOTER -----*/