html {height: 100%;}

body {background: #FFFFFF url(img/bg.gif); color: #545454; font-family: verdana; font-size: 12px; margin: 0px; padding: 0px; top: 0px; left: 0px; height: 100%;}

* {padding: 0; margin: 0;}

a {font-size: 11px; color: black; text-decoration: none;}
a:hover {text-decoration: none;}

img {border: 0px;}
img.hr {display: block; clear: both; margin: 0px 0px 20px 0px; padding-top: 20px; text-align: left;}
img.floatleft {float: left; margin: 0px 20px 5px 0px;}
img.floatright {float: right; margin: 0px 0px 5px 20px;}

th {font-size: 12px;}
td {color: #545454; font-family: arial; font-size: 12px;}
p {margin-bottom: 8px; font-size: 11px; color: #404040;}
h1 {font-size: 30px; color: #306867;}
h2 {font-size: 14px; color: #636363;}
h3 {font-size: 12px; color: #306867;}
/* div {-moz-box-sizing: border-box; box-sizing: border-box;} */
blockquote {margin: auto 5%;}
hr {width: 100%; height: 1px; margin: 10px 0px; border: 0 none; border-top: 1px solid white;}
ul.nomargin {margin: 0px; margin-left: 16px; padding: 0px;}
ol.nomargin {margin: 0px; margin-left: 30px; padding: 0px;}
form {margin: 0px;}
input, textarea, select {font-family: arial; font-size: 12px;}

.fullw {width: 100%;}
.fullh {height: 100%;}
.fixedw {width: 760px;}
.collapse {margin: 0px; border: 0px; border-collapse: collapse;}
.collapse td {padding: 0px; vertical-align: top;} /* set another class td to have padding to override */
.taleft {text-align: left;}
.tacenter {text-align: center;}
.taright {text-align: right;}
.vamiddle {vertical-align: middle;}
.floatleft {float: left;}
.floatright {float: right;}
.clearboth {clear: both;}
.displaynone {display: none;}
.row {clear: both; width: 100%; overflow: hidden;}
.bold {font-weight: bold;}

#body {position: relative; min-height: 100%; border: 0px solid red;}
* html #body {height: 100%;}

.rowcontent {width: 760px; margin: 0px auto; overflow: hidden; border: 0px solid red;}

#logorow {background: white; border: 0px solid green;}
#logorow .rowcontent {height: 110px; background: url(img/logo.jpg) no-repeat bottom left;}
#logorow #logo {float: left; width: 220px; height: 95px; margin-top: 13px;}
#logorow #topmenu {float: right; width: 320px; margin-top: 88px; margin-right: 0;}
#logorow .menu {float: left; margin: 0;}
#logorow a {margin-left: 0px; color: #8F9186; font-weight: bold;} /* margin-left: 20px; */

#menu2 {width: 170px; margin: 10px;}
#menu2 .menu {position: relative;}
#menu2 a.section {font-size: 13px; font-weight: bold;}
#menu2 a.section:hover {color: #8E3D8E; text-decoration: none;}
#menu2 .hr {height: 2px; margin: 10px 0px;}
#menu2 .hr img {display: block;}


#contentrow {min-width: 760px; min-height: 230px; background: white;}
#contentrow .rowcontent {padding: 10px 0px;}

#content_left {float: left; width: 208px;}
#content_mid {float: left; width: 558px; margin-left: 7px;}
#content_right {float: right; width: 208px;}

/*For Korean Page*/
#content {width: 760px; margin: 16px auto 0px; padding-top:20px; border-top: 1px solid #A4C536;}
#content p{font-size:15px;}
#content b{font-weight:bold; color: #468445;}

/*For Chinese Page*/
#content {width: 760px; margin: 16px auto 0px; padding-top:20px; border-top: 1px solid #A4C536; font-size: 17px;}
#content p{font-size:15px;}
#content b{font-weight:bold; color: #468445;}

/* For index page */
#content_news {float: left; width: 206px; height: 304px;  background: url(img/main_newspanel2.jpg); padding-top: 20px; padding-left: 20px;}
#content_news #newslink {float: left; width: 72px; height: 19px; margin: 12px 0px;}
#content_news .news {float: left; width: 185px;}
#content_news h3 a {font-size: 12px; color: #306867;}
#content_feature {float: right; width: 520px;}
#content_feature #feature_title {margin-left: 5px;}
#content_feature #featured_products {float: left; margin-top: 0px;}
#content_feature .products {float: left; width: 255px;}
#content_feature .products p {margin-left: 100px;}
#content_feature .product_head {float: left; width: 140px; margin-left: 5px; font-weight: bold;}
#content_feature .products a {margin: 5px; color: #636363;}
#content_feature .product_head a {margin-left: 0px;}
#content_feature .pic {float: left;}
#content_feature .main_bigtitle {font-size: 20px; font-family:arial black; color: #306867}

#toppanelrow {min-width: 760px; background: white;}
#toppanel {width: 760px; background: white url(img/main_top_panel.jpg) no-repeat; margin: 16px auto 0px; height: 390px;}
#toppanel #rightmenu {float: right; width: 290px; margin-top: 21px;}
#toppanel .menu {margin-bottom: 14px;}
#toppanel #welcome {margin-top: 112px; padding-left: 25px; float: left; width: 415px; height: 150px; line-height: 16px;}
#toppanel #welcome .keyword {color: #99CC33; font-size: 12px; font-weight: bold;}
#toppanel p {color: white; padding-bottom: 4px; font-size: 11px}
#toppanel #welcomemenu {margin-top: 76px; text-align: right; padding-left: 20px; float: left; width: 410px;}
#toppanel #welcomemenu a {font-weight: bold; font-size: 12px; color: #A4DD2C;}

/* Normal pages */
#content_left {float: left; width: 145px; height:90%; background: #F7FFE7; border: 1px solid #A4C536;}
#content_left #link {float: left; margin: 16px auto 10px 10px;}
#content_left .stuff {clear: both; width: 105px; margin-left: 10px;}
#content_left h3 a {font-size: 12px; color: #306867;}
#content_leftline {float: left; width: 10px; height:90%; border-right: 1px solid #A4C536;}

#content_left_bg {float: left; width: 145px; height:90%; background: #F7FFE7 url(img/bg_content_left.gif) no-repeat; border: 1px solid #A4C536;}
#content_left_bg #link {float: left; margin: 16px auto 2px 10px;}
#content_left_bg .stuff {clear: both; width: 125px; margin-left: 10px;}
#content_left_bg a.bullet {display: block; background: url(img/products_left_bullet.gif) no-repeat 0px 3px; padding-left: 8px; color: #545454; font-family: arial; font-weight: bold;}
#content_left_bg .divider {border-bottom: 1px solid #468045; padding-bottom: 8px; margin-bottom: 8px;}

#content_main {float: right; height:90%; width: 598px;}
#content_main #main_title {margin: 10px auto auto 5px;}
#content_main #main_title_img {margin: auto auto auto 5px;}
#content_main .main_bigtitle {margin: 10px auto auto 5px; font-size: 20px; font-family:arial black; color: #306867}
#content_main .main_darkgreentext_big {font-size: 14px; color: #468445}
#content_main .main_lightgreentext_big {margin: 10px auto auto 5px; font-size: 14px; color: #7d9629}
#content_main .main_darkgreentext_small {font-size: 12px; color: #468445}
#content_main .main_lightgreentext_small {margin: 0px auto auto 5px; font-size: 12px; color: #7d9629}
#content_main #contentbox {float: left; width: 598px; margin: 10px auto auto 5px;}
#content_main .main_subtitle {border-bottom: 1px solid #468445; margin: 15px auto auto 5px;}
#content_main .main_sectionheader {margin: 10px auto auto 5px; font-size: 13px; color: #468445;}
#content_main .main_breaker {margin-bottom: 20px;}
#content_main p {margin: 10px auto auto 5px;}
#content_main a {color: #636363;}
#content_main .pic {float: left; width: 196px;}
#content_main .navileft {float: left; width: 200px; margin-left: 5px;}
#content_main .naviright {float: right; width: 200px; margin-right: 8px;}
#content_main li {margin-left: 20px; font-size: 11px;}
#content_main .picture {float:left; margin-left: 100px; margin-right:0px; margin-top: 20px; width: 90px; height: 120px; border: 0px solid #A4C536;}
#content_main .picturetext {float: right; height: 120px; border: 0px solid #A4C536; width: 300px; font-size: 11px; margin-top: 20px; margin-right: 100px;}
#content_main .gmarkgreen {font-size: 16px; color: #FFFFFF; background: #53bf1c; padding: 3px; }
#content_main .gmarkgold {font-size: 16px; color: #FFFFFF; background: #ef9b00; padding: 3px; }
#content_main a.news {color: #468445; font-weight: bold;}

.content_news h2 {font-size: 13px;} /* for news pages only */

#products_js_menu {display: inline; float: left; width: 193px; margin: 0px; padding: 0px 16px 0px 2px;}
.products_js_txt {float: right; width: 381px; padding-top: 5px; font-size: 10px; display: none;}
.products_js_txt .title {color: #96BC17; font-family: arial; font-size: 16px; font-weight: bold;}
.products_js_txt .subtitle {color: #468045; font-weight: bold;}
.products_js_txt .brands {color: #468045;}
.products_js_txt a.readmore {display: block; font-size: 10px; text-align: right;}
.products_js_txt .divider {border-bottom: 1px dotted #666666; padding-bottom: 10px; margin-bottom: 14px;}

#products_cs_minerals {display: block;} /* display this by default */
#products_fn_gmark {display: block; height: 225px;} /* display this by default */
#products_ec_turf {display: block;} /* display this by default */

.highlight_ms {color: red;}
table.highlight_ms {width: 500px; margin: 0px auto; color: #545454;}
table.highlight_ms th,
table.highlight_ms td {padding: 10px; text-align: left; vertical-align: top;}
table.highlight_ms th {background: yellow; text-align: center; font-size: 16px;}
#content_main table.highlight_ms td li {font-size: 12px;}

table.center {margin: 0px auto;}
.datatable td {padding: 10px; font-family: verdana; font-size: 11px;}
.rowhead {background: #53bf1c;}


#toppanelmenurow {width: 760px; background: white; margin: 16px auto 0px; position: relative;}
#banner {width: 760px; height: 168px; position: absolute; z-index: 1;}
#toppanelmenu {width: 760px; /* background: url(img/top_panel_bkg.jpg) no-repeat; */ margin: 16px auto 0px; height: 167px; position: relative; z-index: 2;}
/*#toppanelmenu {border: 1px solid blue;}*/
#toppanelmenu #panelmenu {float: left; margin-top: 65px;}
#toppanelmenu .productmenu {float: left; margin-top: 3px; width: 154px; height: 75px; border-right: 1px solid gray;}
#toppanelmenu .productmenu a {color: white; margin-left: 10px; font-family: arial;}
#toppanelmenu .productmenu a:hover {color: #93c621; margin-left: 10px; font-family: arial;}
#toppanelmenu .productmenu_agribus {width: 177px;}
#toppanelmenu .menu {float: left;}

#contact_form {margin-top: 15px;}
#contact_form p {margin-top: 0px; margin-bottom: 0px;}
#contact_form .field {position: relative;}
#contact_form label {margin-top: 3px; position: absolute;}
#contact_form input {margin-left: 100px; margin-bottom: 3px;}
#contact_form input.text {width: 250px;}
#contact_form textarea {width: 350px; height: 90px;}
#contact_form .submit {margin: 0px;}

/* Footer */
#footerrow {min-width: 760px; height: 60px; background: white url(img/footer.jpg) no-repeat top center; position: relative;}
#footerrow .floatleft {width: 195px; padding: 2px 0px 0px 6px;}
#footerrow .floatleft p {color: #6DA26C; font-size: 9px;}
#footerrow .centermenu {float: left; text-align: center; width: 354px; padding: 1px; color: white;}
#footerrow .centermenu a {color: white;}
#footerrow .centermenu a:hover {color: #93c621;}
#footerrow .floatright {width: 195px; padding: 1px 0px 0px 0px;}
#footer_chinese  {float: right; width: 52px; height: 14px;}
#footer_korean  {float: right; width: 52px; height: 14px;}

.drbatlink {font-size: 12px;}