@charset "utf-8";
/* CSS Document */

html {
	height:100%;
	background-image:url(../images/top-band.gif);
	background-repeat:repeat-x;
	background-position:top left;
}
body {
	margin: 0px 0px 0px 0px;
	font-family:tahoma, arial, helvetica;
	min-height:100%;
	background-image:url(../images/bottom-shadow.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
}

body > #page {height: auto; min-height: 100%;}

#page-top {
	min-width:1000px;
	width:100%;
	height:275px;
	margin-top:10px;
	margin-bottom:-285px;
	position:relative;
	z-index:1;
	background-position:bottom center;
	background-repeat:no-repeat;
}

#page {
	width: 1000px;
	margin:0 auto; 
	text-align:center; 
	height:100%;
	position:relative;
	z-index:2;
}

#pagecontent-outer {
	width:1000px;
	text-align:center;
	height:100%;
	position:relative;
	z-index:3;
}

#pagecontent-inner {
	width:1000px;
	text-align:left;
	height:100%;
	position:relative;
	z-index:4;
}

#logo {
	padding-top:70px;
	padding-left:50px;
	position:relative;
	z-index:5;
}

#top-links {
	background-image:url(../images/nav-bar.gif);
	background-repeat:repeat-x;
	height:31px;
	margin-top:59px;
	padding:0px 50px 0px 50px;
	position:relative;
	z-index:6;
	width:900px;
}

#top-links a {position:relative; z-index:7; padding:8px 8px 10px 8px;}
#top-links a:link {color:#ffffff; text-decoration:none}
#top-links a:active {color:#ffffff; text-decoration:none}
#top-links a:visited {color:#ffffff; text-decoration:none}
#top-links a:hover {background-image:url(../images/current-link-bg.gif); background-repeat:repeat-x; color:#890600; border-bottom:2px solid #890600;}
#top-links a.current {background-image:url(../images/current-link-bg.gif); background-repeat:repeat-x; color:#424243;}

#top-links p {
	margin:0px 0px 0px 0px;
	padding:8px 0px 0px 0px;
	font-size:11px;
	font-weight:normal;
	color:#ffffff;
	text-align:right;
}

#breadcrumb {
	margin:10px 50px 25px 50px;
	padding:0px 0px 0px 0px;
	border-bottom:1px solid #e6e6e7;
	height:20px;
}

#breadcrumb #current-date {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	font-size:11px;
	color:#818386;
	float:left; width:450px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#breadcrumb #login-link {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	font-size:11px;
	color:#818386;
	float:right; width:250px; text-align:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#breadcrumb a:link {color:#818386; font-weight:bold; text-decoration:none}
#breadcrumb a:active {color:#818386; font-weight:bold; text-decoration:none}
#breadcrumb a:visited {color:#818386; font-weight:bold; text-decoration:none}
#breadcrumb a:hover {color:#818386; font-weight:bold; text-decoration:underline}

#main-body {width:900px; margin:10px 50px 80px 50px; padding:0px 0px 0px 0px;}
#main-body-popup {padding:10px 10px 10px 10px;}

#main-body #page-header {float:left; width:650px; margin:10px 0px 10px 0px;}
#main-body #home-text-left {float:left; width:300px; margin-right:20px}
#main-body #home-text-center {float:left; width:320px; margin-right:20px;}
#main-body #home-text-login {float:left; width:220px;}
#main-body #home-text-login #login-box {height:160px; background-image:url(../images/login-bg.gif); background-repeat:repeat-x; background-color:#e4e5e5; padding:10px 10px 10px 10px}
#main-body #home-text-login p {font-size:11px; font-weight:normal; color:#818386; line-height:16px; padding:0px 0px 0px 0px; margin:5px 0px 0px 0px}
#main-body #home-text-login #login-box form {margin:6px 0px 0px 0px; padding:0px 0px 0px 0px}
#main-body #home-text-login #login-box .text-home-login {width:142px; float:left; font-size:11px; padding:5px 4px 5px 4px; margin-top:4px; margin-bottom:4px; border:1px solid #cccccc;}
#main-body #home-text-login .btn-home-login {float:left; margin:5px 0px 4px 5px;}

#main-body #home-latest-info {float:left; width:440px; margin-right:20px; padding:0px 30px 15px 0px;}
#home-latest-info h2 {font-size:14px; font-weight:normal}
#home-latest-info h2.red {color:#700101}
#home-latest-info h2.blue {color:#2191e3}
#home-latest-info h2.green {color:#00b034}
/*#home-latest-info p {float:left; margin:0px 0px 0px 0px;}*/
#home-latest-info .home-bottom-widget {float:left; width:440px; height:65px; background-color:#d0d0d1; background-image:url(../images/bottom-widget-home.gif); background-repeat:repeat-x; margin-bottom:6px; padding:6px 11px 10px 11px}
#home-latest-info .home-bottom-widget h3 {padding-top:6px}
#home-latest-info .home-bottom-widget h3 a:link {color:#ffae00; text-decoration:none}
#home-latest-info .home-bottom-widget h3 a:visited {color:#ffae00; text-decoration:none}
#home-latest-info .home-bottom-widget h3 a:active {color:#ffae00; text-decoration:none}
#home-latest-info .home-bottom-widget h3 a:hover {color:#818386; text-decoration:none}
#home-latest-info .home-bottom-widget p {margin:0px 0px 0px 0px;}

#home-cust-solutions {float:right; width:385px;}


/* Customer Resources Page */
#main-body #cust-text-left {float:left; width:558px; padding-right:20px; margin-bottom:20px}
#main-body #cust-text-center {float:left; width:259px; padding-right:20px; margin-bottom:20px}
#main-body #cust-text-right {float:left; width:320px; margin-bottom:20px}
#main-body #cust-text-left .box, #main-body #cust-text-center .box, #main-body #cust-text-right .box {border:1px solid #e2e2e3; background-color:#ffffff; padding:0px 0px 0px 0px; margin-bottom:25px; padding-bottom:10px; position:relative;}
#main-body #cust-text-left .box .box-text, #main-body #cust-text-center .box .box-text, #main-body #cust-text-right .box .box-text {position:relative; height:200px; overflow:auto; scrollbar-base-color: #ffffff;
scrollbar-arrow-color: #ffffff;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #ffffff;
scrollbar-face-color: #ffc927;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #FFFFFF;
scrollbar-track-color: #ffffff; } 

#main-body #cust-text-left .box a:link, #main-body #cust-text-center .box a:link, #main-body #cust-text-right .box a:link {color:#818386; font-weight:bold; text-decoration:none}
#main-body #cust-text-left .box a:hover, #main-body #cust-text-center .box a:hover, #main-body #cust-text-right .box a:hover {color:#818386; font-weight:bold; text-decoration:underline}
#main-body #cust-text-left .box a:active, #main-body #cust-text-center .box a:active, #main-body #cust-text-right .box a:active {color:#818386; font-weight:bold; text-decoration:none}
#main-body #cust-text-left .box a:visited, #main-body #cust-text-center .box a:visited, #main-body #cust-text-right .box a:visited {color:#818386; font-weight:bold; text-decoration:none}

#main-body #cust-text-left .box h2, #main-body #cust-text-center .box h2 {font-size:12px; font-weight:bold; background-color:#ffc927; color:#ffffff; padding:5px 5px 5px 5px; margin: 0px 0px 10px 0px} 
#main-body #cust-text-right .box h2 {font-size:12px; font-weight:bold; background-color:#890600; color:#ffffff; padding:5px 5px 5px 5px; margin: 0px 0px 10px 0px}
#main-body #cust-text-left p, #main-body #cust-text-center p, #main-body #cust-text-right p {font-size:11px; font-weight:normal; color:#818386; line-height:16px; padding:0px 0px 0px 0px; margin:5px 10px 10px 10px; }
#main-body #cust-text-left li, #main-body #cust-text-center li, #main-body #cust-text-right li {font-size:11px; font-weight:normal; color:#818386; line-height:16px; padding:0px 0px 0px 0px; margin:0px 0px 0px 3px;} 
#main-body #cust-text-right table.cust-resources-indices {margin:15px 10px 10px 10px; clear:both}
#main-body #cust-text-right table.cust-resources-indices td {padding:4px 4px 4px 0px; border-bottom:1px solid #818386; font-size:11px; font-weight:normal; color:#818386; }
#main-body #cust-text-right #current-graph {margin-top:15px; padding:0}
#main-body #cust-text-right form {margin:6px 0px 0px 0px; padding:0px 0px 0px 0px}
#main-body #cust-text-right .graph-selection {margin:0px 0px 0px 0px; padding:3px 3px 3px 3px; font-size:11px; border:1px solid #e2e2e3}

#main-body #cust-latest-info {float:left; width:570px; margin-left:25px; padding:0px 0px 15px 45px; border-left:1px solid #e2e2e3}
#cust-latest-info #graphs {width:100%; margin:15px 0px 0px 0px; padding:10px 10px 10px 10px; background-color:#ffc833}
#cust-latest-info #graphs #graphs-list {float:left; width:30%; margin:0px 10px 0px 0px; padding:0px 0px 0px 0px;}
#cust-latest-info #graphs #graphs-image{float:left; width:67%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#cust-latest-info #graphs ul {padding:0; margin:0}
#cust-latest-info #graphs ul li {padding:0; margin:0; color:#FFFFFF; list-style-type:none; font-size:12px}
#cust-latest-info h2 {font-size:14px; font-weight:normal}
#cust-latest-info h2.red {color:#700101}
#cust-latest-info h2.blue {color:#2191e3}
#cust-latest-info h2.green {color:#00b034}
#cust-latest-info p {float:left; margin:0px 0px 0px 0px;}

ul.cust-resources-links {margin:0; padding:0; list-style-type:none; display:inline}
ul.cust-resources-links li {margin:0px 0px 6px 0px; padding:2px 8px 2px 5px; list-style-type:none; float:left;}
ul.cust-resources-links li a:link {color:#818386; text-decoration:none}
ul.cust-resources-links li a:active {color:#818386; text-decoration:none}
ul.cust-resources-links li a:visited {color:#818386; text-decoration:none}
ul.cust-resources-links li a:hover {color:#818386; text-decoration:none}

#cust-cust-solutions {float:left; width:295px;}

.cust-bottom-widget {float:left; width:268px; height:80px; background-color:#d0d0d1; background-image:url(../images/bottom-widget-home.gif); background-repeat:repeat-x; margin-right:21px; padding:10px 11px 10px 11px}
.cust-bottom-widget p {margin:0px 0px 0px 0px}
/* End of Customer Resources Page */

#main-body #inner-left-col {float:left; width:160px; margin-right:30px;}
#inner-left-col ul {list-style-type:none; padding:0px 0px 0px 0px; margin:0px 0px 15px 0px}
#inner-left-col ul li {list-style-type:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-size:12px; font-weight:bold; border-bottom:1px solid #ffc928}
#inner-left-col ul li a {padding:3px 3px 3px 3px; display:block}
#inner-left-col ul li a:link {color:#818386; font-weight:bold; text-decoration:none}
#inner-left-col ul li a:active {color:#818386; font-weight:bold; text-decoration:none}
#inner-left-col ul li a:visited {color:#818386; font-weight:bold; text-decoration:none}
#inner-left-col ul li a:hover {color:#ffffff; font-weight:bold; text-decoration:none; background-color:#ffc928}
#inner-left-col ul li a.current {color:#ffffff; background-color:#ffc928}

#inner-left-col #got-a-question {width:140px; background-image:url(../images/question-bg.gif); background-repeat:repeat-x; background-color:#f1f1f1;  background-position:bottom; padding:10px 10px 10px 10px}

#main-body #inner-center-col {float:left; width:520px; margin-right:20px}

#main-body #inner-center-col .widget-3col {float:left; width:490px; height:85px; background-color:#d0d0d1; background-image:url(../images/bottom-widget-home.gif); background-repeat:repeat-x; margin-right:6px; margin-top:15px; padding:10px 9px 10px 9px}
.widget-3col h3 a:link {color:#ffae00; text-decoration:none}
.widget-3col h3 a:visited {color:#ffae00; text-decoration:none}
.widget-3col h3 a:active {color:#ffae00; text-decoration:none}
.widget-3col h3 a:hover {color:#818386; text-decoration:none}
.widget-3col p {margin:0px 0px 0px 0px}

.wheat-box-img-left {margin-bottom:10px}
.wheat-box-img-right {margin-bottom:10px}

#main-body #maize-downloads {float:right; width:180px; padding-top:130px; min-height:120px; margin-left:10px; background-image:url(../images/download-datasheet-maize.jpg); background-repeat:no-repeat}
#main-body #rice-downloads {float:right; width:180px; padding-top:130px; min-height:120px; margin-left:10px; background-image:url(../images/download-datasheet-rice.jpg); background-repeat:no-repeat}
#main-body #wholesale-downloads {float:right; width:180px; padding-top:130px; min-height:120px; margin-left:10px; background-image:url(../images/download-datasheet-wholesale.jpg); background-repeat:no-repeat}
#main-body #maize-downloads ul, #main-body #rice-downloads ul, #main-body #wholesale-downloads ul {margin:0px 10px 0px 10px; padding:0}
#main-body #maize-downloads ul li, #main-body #rice-downloads ul li, #main-body #wholesale-downloads ul li {list-style-type:none}
#main-body #maize-downloads ul li a:link, #main-body #rice-downloads ul li a:link, #main-body #wholesale-downloads ul li a:link {color:#000000; text-decoration:none}
#main-body #maize-downloads ul li a:active, #main-body #rice-downloads ul li a:active, #main-body #wholesale-downloads ul li a:active {color:#000000; text-decoration:none}
#main-body #maize-downloads ul li a:visited, #main-body #rice-downloads ul li a:visited, #main-body #wholesale-downloads ul li a:visited {color:#000000; text-decoration:none}
#main-body #maize-downloads ul li a:hover, #main-body #rice-downloads ul li a:hover, #main-body #wholesale-downloads ul li a:hover {color:#000000; text-decoration:underline}
#main-body #inner-right-col {float:left; width:145px; margin-left:10px}

#inner-right-col #cust-resources {width:140px; background-image:url(../images/question-bg.gif); background-repeat:repeat-x; background-color:#f1f1f1;  background-position:bottom; padding:10px 10px 10px 10px}
#inner-right-col #cust-resources h2 {font-size:14px}
#inner-right-col #cust-resources ul {list-style-type:none; padding:0px 0px 0px 0px; margin:10px 0px 0px 2px}
#inner-right-col #cust-resources ul li {list-style-type:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px}
#inner-right-col #cust-resources ul li a:link {color:#818386; text-decoration:none}
#inner-right-col #cust-resources ul li a:active {color:#818386; text-decoration:none}
#inner-right-col #cust-resources ul li a:visited {color:#818386; text-decoration:none}
#inner-right-col #cust-resources ul li a:hover {color:#818386; text-decoration:underline}

#inner-right-col #cust-resources #right-text-login {}
#inner-right-col #cust-resources #right-text-login p {font-size:11px; font-weight:normal; color:#818386; line-height:14px; padding:0px 0px 0px 0px; margin:3px 0px 0px 0px}
#inner-right-col #cust-resources #right-text-login form {margin:4px 0px 0px 0px; padding:0px 0px 0px 0px; width:135px}
#inner-right-col #cust-resources #right-text-login .text-home-login {width:82px; float:left; font-size:11px; padding:3px 2px 3px 2px; margin-top:2px; margin-bottom:2px; border:1px solid #cccccc;}
#inner-right-col #cust-resources #right-text-login .btn-home-login {float:left; margin:5px 0px 4px 0px;}

#main-body h1, #main-body-popup h1 {font-size:18px; font-weight:bold; color:#ffae00; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
#main-body h2, #main-body-popup h2 {font-size:16px; font-weight:normal; color:#ffae00; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px}
#main-body h2 .sml {font-size:12px}
#main-body h3, #main-body-popup h3 {font-size:14px; font-weight:normal; color:#ffae00; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
#main-body p, #main-body-popup p {font-size:11px; font-weight:normal; color:#818386; line-height:18px;}
#main-body p a:link, #main-body-popup p a:link {color:#818386; font-weight:bold; text-decoration:none}
#main-body p a:active, #main-body-popup p a:active {color:#818386; font-weight:bold; text-decoration:none}
#main-body p a:visited, #main-body-popup p a:visited {color:#818386; font-weight:bold; text-decoration:none}
#main-body p a:hover, #main-body-popup p a:hover {color:#818386; font-weight:bold; text-decoration:underline}
#main-body li, #main-body-popup li {font-size:11px; font-weight:normal; color:#818386; padding-bottom:3px}

#footer {
	width:1000px;
	margin:0 auto;
	text-align:center;
	/*background-image:url(../images/bg-shadow.gif);
	background-repeat:repeat-y;
	background-position:top center;*/
	position: relative;
	margin-top: -35px; /* negative value of footer height */
	height: 35px;
	clear:both;
}
#footer #footer-inner {
	width:900px;
	text-align:left;
	border-top:1px solid #9f9f9f;
	margin-left:50px;
	margin-right:50px;
}

#footer #footer-inner p {
	font-size:9px; text-align:center; color:#818386; margin:8px 0px 5px 0px; padding:0px 0px 0px 0px;
}

#footer-inner a:link, #footer-inner a:active, #footer-inner a:visited, #footer-inner a:hover {color:#424243; text-decoration:none}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*THUMBNAIL HOVERPOPUPS*/

.thumbnail  {
position: relative;
float: left;
padding:10px;
/*z-index: 0;*/
}

.thumbnail:hover {
background-color: #e9e9e2;
/*z-index: 50;*/
color: #335500;
text-decoration: none;
}

.thumbnail span { /*CSS for enlarged image*/
position: absolute;
left: -550px;
visibility: hidden;
overflow:hidden;
width:500px;
}

.thumbnail span img { /*CSS for enlarged image*/
border-width: 0px;
/*padding: 2px;*/
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
visibility: visible;
top: 5px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
/*left: -550px;*//*position where enlarged image should offset horizontally */
}

hr {height:1px; color:#e2e2e3; background-color:#e2e2e3; border:0px; margin-top:15px; margin-bottom:15px}
.orange {color:#ffae00}
.green {color:#638725}
.red {color:#c43737}
.login-error {border:1px solid #b40e1b; padding:4px 4px 4px 4px; color:#b40e1b}
.login-ok {border:1px solid #008000; padding:4px 4px 4px 4px; color:#008000}