/*--
  CSS Reset (Reloaded)
  by Eric Meyer
  www.meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
--------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #000000;
	background: #FFFFFF;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ---- Clearfix ---- */
.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 */

/* ---- Basic Elements ---- */
body { background: #FFFFFF; color: #000000; font-family: Arial, Helvetica, sans-serif; /* font-size: 75%; */ height: 100%; margin: 0; padding: 0; position: relative; width: 100%; } /* Global Font Size -> 12px */

a { text-decoration: none; margin: 0; padding: 0; }
a:hover { text-decoration: underline; }
em { font-style: oblique; }
strong { font-weight: bold; }
img { display: block; margin: 0; padding: 0; }

/* ---- Generic Classes ---- */
.clear { clear: both; height: 0; line-height: 0; margin: 0; padding: 0; }
.leftAlign { float: left; width: auto; }
.rightAlign { float: right; width: auto; }

/* ---- Basic Layout ---- */
#pg { margin: 0; padding: 0; width: 981px; }
#hdr { height: 89px; margin: 0; padding: 0; width: 981px; }
#bdy { background: #ffffff url(../images/bg_pgDivider.gif) 769px 0 repeat-y; margin: 22px 0 0; padding: 0 0 5px; position: relative; width: 981px; z-index: 100; }
#ftr { margin: 0; padding: 36px 0 50px; position: relative; width: 996px; z-index: 99; }

/* ---- Header ---- */
#hdr h2 { float: left; height: 69px; margin: 0; padding: 0; width: 715px; }
#hdr h2 img { border: none; }
#mainLogo { float: right; margin: 0; padding: 10px 0 0; width: 266px; }
#mainLogo h1 { height: 43px; margin: 0; padding: 0 0 0 9px; width: 241px; }
#mainLogo h1 img { border: none; }
#topNavbar { color: #999999; font-size: 12px; margin: 0; padding: 0 0 0 60px; }
#topNavbar a { color: #999999; font-size: 10px; padding: 0; }
#topNavbar a:hover { color: #00CC00; text-decoration: none; }
#nav { background-color: #339933; height: 18px; margin: 1px 0 0; padding: 0; width: 100%; }
#navbar { margin: 0; padding: 0; }
#navbar li { border-right: #ffffff solid 1px; color: #ffffff; display: block; float: left; list-style: none; width: auto; }
#navbar li a { color: #ffffff; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; font-weight: bold; height: 15px; padding: 3px 12px 0; }
#navbar li.active a, #navbar li.active a:hover { background-color: #5193c0; color: #ffffff; }
#navbar li a:hover { background-color: #D4E1F0; color: #2F71A5; text-decoration: none; }
#navbar li a.home { padding: 3px 68px 0 24px; }

/* ---- Content ---- */
.topCap { position: absolute; left: 769px; top: -6px; z-index: 10; }
.bottomCap { position: absolute; left: 769px; bottom: 0; }

.leftCol { float: left; margin: 0; padding: 0 10px; width: 749px; }
.leftCol h1 { float: left; margin: 0 0 0 16px; padding: 0; width: 449px; }
.pageHead { padding-bottom: 15px; }
.linkGrowersAdd { color: #333333; float: right; font-size: 11px; font-weight: bold; padding: 4px 0 0; text-transform: uppercase; width: 146px; }
.linkGrowersAdd .addYieldBtn { background: url(../images/btn_addYourYield.gif) 0 0 no-repeat; color: #e06900; cursor: pointer; display: block; font-weight: bold; height: 32px; margin: 3px 0 0; text-indent: -9999px; width: 146px; }
.linkGrowersAdd .addYieldBtn:hover { background-position: 0 -32px; }
.viewGrowerYields { color: #333333; float: right; font-size: 11px; font-weight: bold; padding: 4px 0 0; text-transform: uppercase; width: 160px; }
.viewGrowerYields .viewYieldBtn { background: url(../images/btn_viewGrowerYields.gif) 0 0 no-repeat; color: #e06900; cursor: pointer; display: block; font-weight: bold; height: 32px; margin: 3px 0 0; text-indent: -9999px; width: 160px; }
.viewGrowerYields .viewYieldBtn:hover { background-position: 0 -32px; }
.shareThis { margin: -6px 0 0; *margin-top: 4px; padding: 0; }
.shareThis span {font-size: 12px; color: #319b3b; padding: 0; margin: 0; height: auto }
.shareThis a:hover { text-decoration:none }
.shareThisLnk { background: url(../images/icon_shareThis.gif) 1px 50% no-repeat; color: #319b3b; font-size: 11px; font-weight: bold; margin: 0; padding: 3px 0 2px 21px; text-transform: uppercase; }
.pageCopy, .pageCopy2 { font-size: 13px; padding: 13px 30px 0 15px; }
.pageCopy h3, .pageCopy2 h3 { color: #1763b1; font-size: 17px; margin: 0; padding: 0; }
.pageCopy p, .pageCopy2 p { line-height: 1.4; padding: 0 0 14px; }
.pageCopy a, .pageCopy2 a { color: #2e8f39; text-decoration: underline; }
.pageCopy a:hover, .pageCopy2 a:hover { text-decoration: none; }

#bdy.newMap { background: none; margin: 0; padding: 0 0 0 10px; }
#flashMap { height: 560px; margin: 0; width: 971px; }
#subContainer { background: url(../images/bg_lowerContent.jpg) 0 0 no-repeat; font-size: 13px; margin: 13px 0 35px; padding: 33px 126px 0; width: 719px;}
#subContainer h3 { color: #1763b1; font-size: 17px; margin: 0; padding: 0; }
#subContainer p { line-height: 1.4; padding: 0 0 18px; }
#subContainer a { color: #2e8f39; text-decoration: underline; }
#subContainer a:hover { text-decoration: none; }
#subContainer .shareThis { margin: 2px 0 0; padding: 0; }

.rightCol { color: #333333; float: right; margin: 0; padding: 0; width: 196px; }
.rightMods { border-top: 1px solid #d5d5d5; margin: 0 1px; padding: 19px 0; }
.rightMods h3 { color: #313131; font-size: 20px; margin: 0; padding: 0 0 15px; }
.rightMods p, .rightMods span  { font-size: 12px; }
.rightMods p { line-height: 1.4; padding: 0 2px 10px 0; }
.rightMods strong { color: #3f3f3f; }
.rightMods img.leftAlign { margin: 0 10px 0 0; }
.testimonyName { font-style: oblique; }
.videoTxt { float: right; width: 134px; }
.videoTxt p { padding: 0 0 6px; }
.watchVideoLnk { background: url(../images/icon_watchVideo.gif) 0 50% no-repeat; color: #319b3b; font-size: 10px; font-weight: bold; padding: 3px 0 2px 22px; text-transform: uppercase; }
.rightCol .first { border-top: none; }

/* ---- Footer ---- */
.footerLinks { background: url(../images/bg_ftrGradient.gif) 0 0 repeat-x; border-top: 1px solid #8f8f8f; font-size: 11px; margin: 0 0 0 10px; padding: 19px 0 0; }
.footerLinks h5 { color: #339933; font-size: 12px; margin: 0; padding: 0 0 10px; text-transform: uppercase; }
.footerLinks a { color: #333333; }
.footerLinks ul { margin: 0; padding: 0; }
.footerLinks li { list-style: none; margin: 0 0 4px; }
.footerLinks li.active { background: url(../images/arrow_right.gif) 3px 3px no-repeat; padding: 0 0 0 18px; }
.footerLinks .col1, .footerLinks .col2 { border-right: 1px solid #bbbbbb; float: left; height: 96px; padding: 0 28px 0 22px; width: auto; }
.footerLinks .col2 { margin: 0 0 0 8px; }
.footerLinks .col2 ul { padding: 24px 0 0; }

/* ---- Form ---- */
#personal-info label, .crop-box label { position: absolute; text-align: right; width: 130px; font-weight: bold; }
#personal-info label em, .crop-box label em, .form2Heading em { color: #f00; font-weight: normal; }
.crop-box label.top { width: auto; margin-left: 140px; }
#personal-info input, #personal-info select, .crop-box input, .crop-box select { margin: 0 0 10px 140px; }
textarea { margin: 5px 0 0 140px; }
label.check, label.radio { position: relative; text-align: left; }
#submit-testimonial { margin: 0 0 0 340px; background: #e9f3fe url(../images/confirmation-background.gif) repeat-y; }
.form2Heading { text-align: right; width: 131px; }
.dialog-contents { color: #3f3f3f; display: none; margin: 0; padding: 0 35px; font-size: .85em; }
#terms-conditions-dialog h3, #rules-regulations-dialog h3 { font-size: .95em; margin: 0 0 15px; }
#terms-conditions-dialog p, #rules-regulations-dialog p { font-size: 0.75em; margin: 0 0 1em; }
.dialog-contents h4 { font-size: 0.75em; text-align: center; padding: 0 35px; }
.dialog-contents ul { margin: 0; padding: 0; }
.dialog-contents li { color: #3f3f3f; font-size: .75em; margin: 0 0 0 -12px; padding: 0 0 1em; }

.crop-box { margin: 0 0 20px; }
.crop-box label { width: 114px; }
.crop-box label.top { width: auto; margin-left: 124px; }
.crop-box input, textarea { margin-left: 124px; }
.crop-box textarea { height: 91px; overflow: auto; width: 245px; *width: 245px; }

/**
* Rounded corner
*/

.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 { height:1px; background:#97bbe0; margin:0 5px;}
.b2 { height:1px; background:#d4e4f6; border-right:2px solid #97bbe0; border-left:2px solid #97bbe0; margin:0 3px;}
.b3 { height:1px; background:#d4e4f6; border-right:1px solid #97bbe0; border-left:1px solid #97bbe0; margin:0 2px;}
.b4 { height:2px; background:#d4e4f6; border-right:1px solid #97bbe0; border-left:1px solid #97bbe0; margin:0 1px;}
.contentb { background-color: #d4e4f6; background-repeat: no-repeat; background-position: 10px 10px; border-right:1px solid #97bbe0; border-left:1px solid #97bbe0; padding: 10px;}
.contentb { min-height: 153px; height: auto !important; height: 153px; }
.contentb div { margin-left: 5px;}

div.soy { background-image: url(../images/soy.png); }
div.corn { background-image: url(../images/corn.png); }
div.cotton { background-image: url(../images/cotton.png); }
div.canola { background-image: url(../images/canola.png); }

#form-container { width: 479px; margin: 0 0 0 140px; color: #3d4b58; }
#form-container a { text-decoration: underline; }
#form-heading { display: block; background-color: #1763b1; color: #fff; padding: 8px 15px 12px; margin: 0; font-size: 1.15em; }
#form-heading sup { font-size: .65em; }
#form-container div#formWrapper { padding: 35px; background: #e9f3fe url(../images/form-background.png) 0 0 repeat-y; }
#form-bottom { background-image: url(../images/form-bottom.png); background-repeat: no-repeat; background-position: bottom; margin: 0 0 0 140px; width: 479px; }
#form-container #legal { font-style: italic; font-size: 0.9em; padding: 0 0 0 10px; }
#form-container #legal strong { font-weight: bold; font-size: 1em; }
#form-container #legal a { color: #3d4b58; font-weight: bold; }

p#required-msg { text-align: right; margin: 0 0 3px; padding: 0; font-style: italic; font-size: .87em; }
p#required-msg span { color: #f00; padding: 0 15px 0 0; }
#legal a:hover { text-decoration: none; }

#enter-to-win, #soy-picture, #corn-picture, #cotton-picture, #canola-picture { display: none; }
.button { text-align: right; }

hr {/*  color: #839bb6; */ background-color: #839bb6; margin: 25px 0; height: 1px; display: block; border: 0; }

/* ---- Overlays ---- */
#overlayBg { display: none; height: 100%; width: 100%; position: fixed; left: 0; top: 0; z-index: 999; opacity: 0.80; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=70); -moz-opacity: 0.80; -khtml-opacity: 0.80; background: #000000; }
#overlay { display: none; position: fixed; left: 50%; top: 50%; margin: -300px 0 0 -400px; z-index: 1000; }
#overlayContainer { background: url(../images/bg_overlayBottom.png) 0 100% no-repeat; padding: 0 0 23px; width: 798px; position: relative; }
#overlayContainer .mid { background-color: #ffffff; height: 468px; padding: 0 30px 8px; }
#overlayContainer .top { background: url(../images/bg_overlayTop.png) 0 0 no-repeat; height: 20px; padding: 3px 3px 0 0; text-align: right; width: 795px; }
#overlayContainer .close img { display: inline; }
#overlayContainer .ovrLogo { display: inline-block; margin-bottom: 21px; }
.overlayContent { background: url(../images/bg_overlayContent.png) 0 0 no-repeat; display: none; padding: 30px 0; color: #3f3f3f; overflow: auto; height: 336px; width: 733px; }

.error { padding-left:140px; color:Red }