html { width:100% }
html, body, div, p, h1, h2, h3, h4, img, ul, li, span, label, header, nav, footer, a { margin:0; padding:0; }

header, section, footer, aside, nav, article, figure { display: block; }

body {
background:#ffffff url('./images/body_bkgnd.png'); background-repeat:repeat-x;
color:#586868;
font-weight:normal;
font-size:12px;
line-height:18px;  
}

body, h1, h2, h3, h4, h5, p, li, label { font-family:"Arial","Helvetica",sans-serif; }


/* HEADER */
h1 { font-weight:lighter; font-size:12pt; line-height:22px; text-align:center; margin-top:30px; margin-bottom:20px; color:#648d2d; }
h1.h1marg10 { margin-top:10px; }

h2 { font-size:20pt; font-weight:bold; margin-bottom:10px; color:#3f5f3f; }
/*color:#8dc63f;*/

h2.h2top { font-size:14px; font-weight:normal; text-align:center; line-height:21px; margin:0; color:#7cad3d; }

h3 { font-size:13px; margin:0; color:#8dc63f; }
h3.h3big { font-size:25px; margin-top:30px; margin-bottom:5px; }

h4 { font-weight:lighter; font-size:25px; text-align:center; color:#8dc63f; }

/* PARAGRAPH */
p { font-size:13px; line-height:19px; }

p.psmall { font-size:11px; line-height:15px; }


/* DIV */
#header { width:870px; height:130px; padding:0 50px; margin:0 auto; background-image:url('images/div-bkgnd1.png'); background-repeat:repeat-y; }

#wrapper { width:870px; min-height:400px; padding:0 50px; margin:0 auto; position:relative; top:0px; background-image:url('images/div-bkgnd1.png'); background-repeat;repeat-y; }

#banner { width:970px; display:block; margin:0 auto; background:transparent url('./images/div-bkgnd1.png'); background-repeat:repeat-y; }
#banner img#head1 { width:870px; height:200px; display:block; margin:0 auto; }

#top_menu { width:auto; height:25px; font:bold 12px "Arial","Helvetica",sans-serif; padding-top:5px; text-align:center; }

#nav_top { width:870px; height:25px; padding-left:50px; padding-right:50px; margin:0 auto; background-image:url('./images/div-bkgnd1.png'); }

#nav_top div {  padding-right:5px; float:left; }
#nav_top  a { display:block; width:170px; height:24px; background:transparent url('./images/navlink_bkgnd1.png') no-repeat; }
#nav_top div:last-of-type { padding-right:0; }

#footer { width:100%; height:94px; color:#ffffff; background-color:#8dc63f; }
#footer p, #footer .psmall { font-size:10px; text-align:center; line-height:17px; }
#footer .psmall { font-size:9px; }
#footer a:link, #footer a:visited { color:#ffffff; background-color:transparent; text-decoration:none; }
#footer a:hover { color:#ffffff; background-color:transparent; text-decoration:underline; }
#footer a:active { color:#ffff8f; background-color:transparent; }



div.divnews { width:200px; padding:15px; color:#ffffff; background-color:#8dc63f; float:left; }
div.divnews h3 { font-size:17px; font-weight:lighter; margin-bottom:20px; color:#ffffff; }
div.divnews ul { list-style-image:url('./images/arrow_news.png'); margin-left:20px; }
div.divnews li { margin-bottom:10px; border-bottom:dashed 1px #ffffff; }
div.divnews a:link, div.divnews a:visited { color:#ffffff; text-decoration:none; }
div.divnews a:hover, div.divnews a:active { color:#ffffff; text-decoration:underline; }

div.divleft { width:230px; color:#8f8f8f; background-color:#ffffff; float:left; }

div.divright { width:620px; padding-left:20px; float:right; }
div.divright a:link, div.divright a:visited { color:#8dc63f; text-decoration:none; }
div.divright a:hover, div.divright a:active { color:#4e8d03; text-decoration:underline; }

/* Products */
div.alphabet { margin-top:30px; margin-bottom:5px; padding:5px 5px 5px 5px; color:#ffffff; background-color:#8dc63f; }
div.alphabet h3 { font-weight:bold; font-size:25px; color:#ffffff; display:inline; }
div.products { width:280px; border:solid 1px #8dc63f; float:left; }

div.prod_list { width:272px; height:21px; padding:4px 4px 4px 4px; margin-right:8px; font-weight:bold; line-height:21px; color:#4e8d03; border:dotted 1px #c0d8b8; float:left; }

div.divclear, div.divclear2, div.clr, div.clr2 { clear:both; }
div.divclear2, div.clr2 { height:8px; }

#popbox p { font-size:12px; line-height:12px; margin-top:5px; margin-bottom:10px; }
#botname { font-style:italic; color:#5f5f5f }
#popbox #price { font-weight:bold; margin-bottom:10px; }


div.spacer1 { height:1px; font-size:0; line-height:0; }
div.spacer5 { height:5px; font-size:5px; line-height:5px; }
div.spacer10 { height:10px; font-size:6px; line-height:6px; }
div.spacer15 { height:15px; font-size:6px; line-height:6px; }
div.spacer20 { height:20px; font-size:6px; line-height:6px; }
div.spacer30 { height:30px; font-size:6px; line-height:6px; }
div.spacer40 { height:40px; font-size:6px; line-height:6px; }
div.spacer50 { height:50px; font-size:6px; line-height:6px; }


/* Contact Page */
input[type="text"] {
	box-sizing:border-box;
	width:250px;
	padding:3px 5px;
	border:solid 1px #bfbfbf;
}
input[type="submit"],
input[type="reset"] {
	box-sizing:border-box;
	width:120px;
	padding: 5px 10px;
/*	color:#6f6f6f;*/
	color:#ffffff;
	background:#8dc63f;
	border:none;
	cursor:pointer;
}
textarea {
	padding:3px 5px;
	border:solid 1px #bfbfbf;
}


/* SPAN */
span.req { font-weight:bold; color:#ff6f00; }
span.popbox { margin:0; }
span.red { font-weight:normal; color:#ff0f0f }
span.price { color:#8dc63f; }

/* LABEL */
label { font-size:11px; font-weight:bold; line-height:15px; color:#8dc63f; }
label.labelform { font-size:11px; line-height:17px; }


/* LISTS */
ul.ulmain { margin-left:20px; } 
ul.changer li { font-size:10px; line-height:13px; cursor:pointer; }


/* IMG */
img.imgnav { width:170px; height:24px; border:0; padding-right:5px; }
img.dot-1 { width:9px; height:9px; margin-left:5px; margin-right:5px; }
img.bullet-1 { margin:0 0 0 3px; }
img.bullet-2 { width:13px; height:13px; margin:0 0 0 3px; }


/* ANCHOR */

a.lnk:link, a.lnk:visited { color:#4d961f; text-decoration:underline; background-color:transparent; }
a.lnk:hover { color:#8dc63f; text-decoration:underline; background-color:transparent; }
a.lnk:active { color:#00ff8f; background-color:transparent; }