* {margin:0px; padding:0px; box-sizing:border-box;}
body {background:#528036 url(/images/bg.jpg) repeat-y center top; font-family:Arial;}
a:link, a:visited {color:#397c0f; text-decoration:none;}
a:hover, a:active {color:#397c0f; text-decoration:underline;}
hr {background:url(/images/hr.jpg) no-repeat center center; height:50px; border:0px;}
h1, h2, h3, h4, h5, h6 {color:#397c0f;}
h1 {font-size:200%; margin:10px 0 5px;}
h2 {font-size:180%; margin:9px 0 4px;}
h3 {font-size:160%; margin:8px 0 3px;}
h4 {font-size:140%; margin:7px 0 2px;}
h5 {font-size:120%; margin:6px 0 1px;}
h6 {font-size:100%; margin:5px 0 0;}
ul, ol {text-align:left; list-style-position:inside;}
input, select, textarea {font-size:14px; font-family:Arial; padding:3px 0px;}
strong, em {color:#397c0f; font-style:inherit;}
var {font-style:inherit;}

#wrapper {position:absolute; top:0px; background:url(/images/back.jpg) no-repeat center top; width:100%; text-align:center;}
#header {width:960px; margin:0px auto; margin-top:12px; text-align:left; background:url(/images/logo_right.jpg) no-repeat right top;}
#header img {margin:0px 1px;}
#middle {width:960px; margin:0px auto; text-align:left;}
#footer {width:100%; background-color:#34571f; border-top:1px solid #b8d762; color:#b8d762; text-align:center; font-size:12px; padding:20px 0px; clear:both;}
#footer a:link, #footer a:visited {color:#b8d762; text-decoration:none;}
#footer a:hover, #footer a:active {color:#e77500; text-decoration:none;}
#sidebar {float:left; width:200px;}
#navy {width:180px; background:url(/images/nav_bg.jpg) center bottom; margin:20px 0px 300px 10px; padding-bottom:30px;}
#navy h6 {color:#fff; background:url(/images/nav_th.jpg) no-repeat; width:180px; height:75px; font-size:16px; padding-top:20px; text-indent:40px;}
#navy ul {list-style-type:none; margin:0px 20px; line-height:30px; font-size:13px;}
#navy a {display:block; background:url(/images/li.jpg) no-repeat 0px 5px; text-indent:15px;}
#navy a:link, #navy a:visited {background-position:0px 50px; color:#666;}
#navy a:hover, #navy a:active {background-position:0px 7px; color:#000; text-decoration:none;}
#content {float:right; width:730px; height:100%; font-size:14px; color:#666; line-height:25px; padding:25px 30px 10px 0px; text-align:justify;}
#content h1, #content h2, #content h3 {background:url(/images/th.jpg) no-repeat 0px 3px; text-indent:25px; font-size:17px;}
#content p {margin:15px 0px;}
#content .pic {border:4px solid #fff; box-shadow:0px 0px 5px rgba(0, 0, 0, 0.5);}
#content img.fl {float:left; margin:3px 10px 0px 0px;}
#content img.fr {float:right; margin:3px 0px 0px 10px;}
#mobile {position:fixed; bottom:0; left:0; width:100%; padding:20px; background-color:#34571f; text-align:center; border-top:1px solid #b8d762; display:none;}

.clr {clear:both;}
.l {text-align:left;}
.r {text-align:right;}
.c {text-align:center;}
.j {text-align:justify;}

.catsTable {border-collapse:separate; border-spacing:15px;}
.catsTd {text-align:center;}
.catName {font-size:17px; font-weight:bold;}
.catDescr {text-align:justify; font-size:12px; line-height:15px;}
#cid3 .catName {display:block; padding-top:75px; background:url(/images/logo_sr.png) no-repeat top center; font-size:7px; color:#fff; line-height:5px;}
#cid4 .catName {display:block; padding-top:75px; background:url(/images/logo_renew.png) no-repeat top center; font-size:7px; color:#fff; line-height:5px;}
#cid5 .catName {display:block; padding-top:75px; background:url(/images/logo_onm.png) no-repeat top center; font-size:7px; color:#fff; line-height:5px;}
#cid6 .catName {display:block; padding-top:75px; background:url(/images/logo_hb.png) no-repeat top center; font-size:7px; color:#fff; line-height:5px;}

.manTable td {padding:3px;}
.manTdSep {display:none;}
.manFlSbm, .manFlRst, .adviceButton, .btn {background-color:#daeebf; border:1px solid #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-transform:uppercase; letter-spacing:3px; padding-left:7px; padding-right:7px; font-weight:bold; font-size:16px; color:#397c0f;}
#advFrm301 {display:inline; padding-left:10px;}
.order {display:none; margin:20px 0px;}
.order table {width:100%;}
.order input {border:1px solid #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.order .txt {width:99%;}
.order .num {width:75px;}
.error, a.error {color:#d00;}
.edtTypeMenu, #tagsTd1, #tagsTd2, #nwM30, #nwM33, #nwM51, #fqM20 .manTdText, #fqM20 .manTdSep, #mdM30, #kdsM3, #uidLogButton, .csTop {display:none;}
#baseLogForm {display:block !important;}
.sign {float:right; display:inline-block; background:url(/images/pen.png) no-repeat bottom right; height:110px; width:200px; line-height:150px; text-align:right; padding-right:60px; margin-top:-100px;}
.commFl {width:99%; margin:2px;}
.commFl:hover {border:1px solid #397C0F;}
.product {width:230px; height:270px; float:left; text-align:center; font-size:12px;}
.product img {max-width:150px; max-height:150px; width:expression(this.width < 150 ? 150: true); height:expression(this.height < 150 ? 150: true);}
.product b {color:#666; display:block; text-align:center; width:150px; line-height:15px; margin:0px auto; padding-top:5px;}
.swchItem, .swchItemA, .swchItem1, .swchItemA1 {display:inline-block; box-shadow:0px 0px 5px rgba(0, 0, 0, 0.5); padding:3px 5px 2px 5px; margin:5px;}
.swchItem, .swchItem1 {background-color:#b8d762;}
.swchItem:hover, .swchItem1:hover {background-color:#397c0f; text-decoration:none; color:#fff;}

.products-list .product {width:230px; height:auto; padding:10px; line-height:110%; cursor:pointer;}
.products-list .product h5 {font-size:110%; padding:10px 0;}
.products-list .product p {margin:0 !important;}

.no-cursor {cursor:text;}
.no-cursor:hover {color:inherit !important;}

@media (max-width:1000px){
#mobile {display:block;}
}