/*
	 *  @2009
	 * Screen CSS
	 *
	 *
	 */


html, body, div, p, blockquote, h1, h2, h3, h4, h5, h6, form, fieldset, legend, a, img, address, strong, em
	{ margin: 0; padding: 0; font-weight: normal; font-style: normal; border: 0; outline: none; }
a span { cursor: pointer; }
form legend { display: none; }
.clear-list, 
.clear-list li, 
.clear-list dt, 
.clear-list dd { margin: 0; padding: 0; list-style: none; }

html { color: #00521b; background: #3a8138 url(/image/bg-html.png) repeat-x 0 0; }
body { background: url(/image/bg-body.png) no-repeat 50% 0; font: normal 0.7em/1.4em Verdana, Helvetica, sans-serif; }


.aural { position: absolute; left: -100em; }

a { color: #00704a; text-decoration: none; }
a:focus, a.focus, a:hover { color: #a1a1a1; text-decoration: underline; }

#page:after, .prods-list:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' } /* 6, 7 */
.clear { display: block; height: 0; clear: both; visibility: hidden; } 

#page { width: 798px; margin: 0 auto; border: solid #fff; border-width: 0 1px 1px; color: #00521b; background: #fff url(/image/bg-line-1.png) no-repeat 50% 100%; }


/* top */
#nav { height: 45px; padding: 5px 0 0; border-top: 1px solid #fff; background: url(/image/bg-nav.png) no-repeat 0 0; }
#nav li { height: 25px; float: left; margin: 0 4px 0 8px; }
#nav li a { overflow: hidden; }
#nav li a span { }
 /*
#nav li.item-1 a { width: 83px; background: url(/image/nav-item-1.png) no-repeat 0 0; } 
#nav li.item-2 a { width: 82px; background: url(/image/nav-item-2.png) no-repeat 0 0; }
#nav li.item-3 a { width: 123px; background: url(/image/nav-item-3.png) no-repeat 0 0; }
#nav li.item-4 a { width: 98px; background: url(/image/nav-item-4.png) no-repeat 0 0; }
#nav li.item-5 a { width: 227px; background: url(/image/nav-item-5.png) no-repeat 0 0; }
#nav li.item-6 a { width: 98px; background: url(/image/nav-item-6.png) no-repeat 0 0; }
 */ 

#nav li a { height: 25px; float: left; padding: 0 0 0 10px; color: #9aed8c;background: url(/image/bg-item.png) no-repeat 0 0; font: bold 15px Arial, sans-serif; text-transform: uppercase; text-decoration: none;}
#nav li a span { float: left; height: 25px; line-height: 25px; padding: 0 10px 0 0; background: url(/image/bg-item-child.png) no-repeat 100% 0; }
#nav li.act a,
#nav li a:hover { color: #fff; background-position: 0 100%; }
#nav li.act a span,
#nav li a:hover span { background-position: 100% 100%; }

/* content */

.column { padding: 10px 17px 20px 7px; }
.column-2 { width: 574px; float: left; }
.column-3 { width: 374px; float: left; }

#content .header { height: 40px; line-height: 30px; padding: 0 0 0 8px; color: #fff; background: url(/image/bg-hd-wide-1.png) no-repeat 100% 0; letter-spacing: 0; font-size: 1.1em; font-weight: bold; }
#content h1.header { font-size: 1.2em;}
.column .clear-list li { padding: 0 0 0 10px; background: url(/image/icon-dot.png) no-repeat 0 6px; }
.column strong { font-weight: bold; }
.column h4 { margin: 1em 0 0; font-size: 1em; font-weight: bold; }

.separator { display: block; height: 10px; clear: both; margin: 1em 0; border: 0; background: url(/image/bg-line-1.png) no-repeat 50% 50%; }

#new-mod { height: 200px; padding: 10px 0; background: url(/image/bg-gradient.png) repeat-x 0 100%; }
#new-mod .box { width: 187px; height: 200px; float: left; }
#new-mod .box ul { margin: 0; padding: 0 0 0 20px; }
#new-mod .box img { margin: 0 auto; }
#new-mod .box .header { color: #3a8138; background: url(/image/bg-hd-short-2.png) no-repeat 0 0; }
#new-mod .box .desc { height: 110px; line-height: 1.5em; padding: 10px; font-style: italic; }
#new-mod .box .desc * { font-style: italic; }
#new-mod .box .more { width: 79px; height: 23px;  float: right; color: #fff; background: url(/image/btn-more.png) no-repeat 0 0; text-align: center; } /* 6 */

#prods-menu { position: relative; width: 594px; height: 200px; float: right; overflow: hidden; }
#prods-menu .prev { width: 18px; height: 30px; float: left; margin: 75px -20px 0 0; background: url(/image/btn-prev.png) no-repeat 0 0; overflow: hidden; text-indent: -100em; }
#prods-menu .next { width: 18px; height: 30px; float: right; margin: 75px 0 0; background: url(/image/btn-next.png) no-repeat 0 0; overflow: hidden; text-indent: -100em; }
#prods-menu .slider-menu { position: relative; width:534px !important; height: 200px; float: left; margin: 0 0 0 30px; overflow: hidden; }
#prods-menu ul { position: absolute; top: 0;  }
#prods-menu ul li { position: relative; width: 178px; float: left; }
#prods-menu ul li img { display: block; margin: 0 auto; }
#prods-menu ul li strong a { }
#prods-menu ul li p span { display: block; }
#prods-menu ul li .desc { display: none; position: absolute; left: 3px; top: 10px; width: 167px; }
#prods-menu ul li .desc .child { width: 157px; padding: 5px 5px 0; background: url(/image/bg-new-mod-tooltip.png) no-repeat 0 0; }
#prods-menu ul li .desc strong a { color: #3a8138; font-weight: bold; }
#prods-menu ul li:hover .desc { display: block; } /* 6 */

.box-mod { height: 200px; padding: 10px 0; background: #f5fff2 url(/image/bg-line-2.png) no-repeat 50% 0; }
.box-mod .box { width: 187px; height: 200px; float: left; margin: 0 5px; }
.box-mod .box ul { margin: 0; padding: 0 0 0 20px; }
.box-mod .box img { margin: 0 auto; }
.box-mod .box .header { background: url(/image/bg-hd-short-1.png) no-repeat 0 0; }
.box-mod .box .desc { height: 130px;  }
.box-mod .box .more { width: 79px; height: 23px; float: right; color: #fff; background: url(/image/btn-more.png) no-repeat 0 0; text-align: center; } /* 6 */
.box-mod .box span.img { display: block; width: 149px; height: 117px; margin: 0 auto; padding: 4px; background: url(/image/bg-img-1.png) no-repeat 0 0; }
.box-mod .box span.img a , .box-mod .box span.img span { display: block; width: 149px; height: 109px; overflow: hidden; }
.box-mod .box #partners-mod { position: relative; }
.box-mod .box #partners-mod li { position: absolute; left: 0; top: 0; text-align: center; }
.box-mod .box #partners-mod li td { height: 130px; vertical-align: middle; text-align: center; }
.box-mod .box #partners-mod li img { display: inline; margin: 0; }

.box-mod .box-center { width: 394px !important; }
.box-mod .box-center .desc { width: 340px; margin: 0 auto; }
.box-mod .box-center span.img { float: left;  }
.box-mod .box-center span.img-first{ margin-right: 20px; }

.prods-list { width: 100%; clear: both; padding: 15px 0; }
#content .prods-list li { width: 180px; float: left; margin: 0 10px 10px 0; padding: 5px 0; background: url(/image/bg-img-2.png) no-repeat 50% 100%; text-align: center; }
#content .gallery { width: 100%; clear: both; padding: 15px 0; text-align: center;  }
#content .gallery  li { display: inline; padding: 10px; background: none; }
#content .gallery  li img { padding: 0 0 5px; background: url(/image/bg-img-2.png) no-repeat 0 100%; }

/* side bar */
#side-bar { width: 197px; float: left; margin: 0 0 20px; background: url(/image/bg-menu.png) no-repeat 0 100%; }
#side-bar #menu { min-height: 339px; padding: 15px 0; background: url(/image/bg-menu-child.png) no-repeat 0 0; }
#side-bar #menu li ul { display: none; margin: 0; padding: 0; list-style: none; }
#side-bar #menu li ul li { margin: 0; padding: 0 0 0 7px }
#side-bar #menu li a { display: block; width: 159px; margin: 1px 23px 1px 15px; padding: 3px 0 0; background: url(/image/bg-menu-item.png) no-repeat 0 0; text-decoration: none; }
#side-bar #menu li a span { display: block; padding: 0 5px 3px; background: url(/image/bg-menu-item-child.png) no-repeat 0 100%; }
#side-bar #menu li a span span { padding: 0 0 0 8px; color: #fff; background: url(/image/icon-arrow.png) no-repeat 0 6px }
#side-bar #menu li li a { background: url(/image/bg-menu-item.png) no-repeat 200px 0;  }
#side-bar #menu li li a span { background: url(/image/bg-menu-item-child.png) no-repeat 200px 100%; }
#side-bar #menu li li a span span { background: url(/image/icon-arrow.png) no-repeat 0 100px }
#side-bar #menu li a.act,
#side-bar #menu li a:hover { background-position: 0 0; }
#side-bar #menu li a.act span,
#side-bar #menu li a:hover span { background-position: 0 100%; }
#side-bar #menu li a.act span span,
#side-bar #menu li a:hover span span { color: #fff; background-position: 0 6px }
#side-bar #menu li.act ul { display: block; }
#side-bar #menu li.act ul li a span span { color: #fff; background-position: 0 6px }
#side-bar #menu a:hover{ text-decoration: none !important; }


#side-bar2 { width: 180px; float: right; margin: 0 0 20px; padding: 10px; }
#side-bar2 #img-bar li { display: block; margin: 0 0 10px; padding: 0 0 8px; }
#side-bar2 #img-bar img { display: block; margin: 0 auto; }

.gallery-list{ margin: 15px 0; text-align: center; }

.gallery-list div { float: left; }
.gallery-list div  , .border { background: url(/image/bg-line-4.png) no-repeat 50% 100%; }
.border a  { display: block; padding: 6px 0 0; background: url(/image/bg-line-3.png) no-repeat 50% 0; }
.border img, .gallery-list img { border: 1px solid #00521b; }

/* footer */
#footer { width: 800px; clear: both; margin: 0 auto; padding: 10px 0; background: #fff url(/image/bg-footer.png) no-repeat 0 100%; text-align: center; }
#footer ul { width: 778px; height: 45px; line-height: 45px; margin: 0 auto 25px; background: url(/image/bg-footer-ul.png) no-repeat 0 0; }
#footer ul li { display: inline; padding: 0 3px 0 6px; border-left: 1px solid #00704a; font-size: 9px; }
#footer ul li:first-child { border: 0; } /* 6 */
#footer ul li a { color: #00704a; font-size: 11px; }
#footer #copy { color: #9dc09c; font-size: 0.9em; }
#footer #copy a { color: #9dc09c; }
#footer #copy span { padding: 0 0 0 5px; border-left: 1px solid #9dc09c; }
#footer #copy span a { text-decoration: underline; }

.menu-active { font-weight: bold; font-size:12px; }
.column-2 #content-box , .column-1 #content-box { padding: 10px; }

#news-home-list { list-style: none; margin: 0; padding: 0; }
#news-home-list li h2 { margin: 0; padding: 0; font-size: 12px;  }
#news-home-list li h2 a { font-weight: bold; }
#news-home-list li .desc-news { }
#news-home-list li { margin-bottom: 10px; }