body { background:#BED73E url(../images/bg-page.jpg) repeat-x scroll left top; font-family:Arial,Helvetica,sans-serif; color:#333333; margin:0pt; padding:0px; font-size:14px; line-height:1.5em; }

#pageOuter { margin-left:auto; margin-right:auto; width:931px; padding:0px; }

#contentPageWrapper { float:left; }

#headerOuter { float:left; background:#7CA31E url(../images/bg-header.jpg) no-repeat left top; width:933px; height:206px; }

form { margin:0; padding:0; }

#headerInner { float:left; width:919px; padding:0 7px; }

ul#navContent { display:block; margin:0; padding:0 0 0 26px; float:left; width:891px; }

ul#navContent li { display:block; margin:0; padding:7px 26px 0 0; background:none; float:left; height:69px; }

ul#navContent li a { display: block; height:69px; background:url(/images/bg-nav.gif) no-repeat; text-indent:-9999px; outline:none; }

ul#navContent li.index a { width:101px; background-position:0 0; }

ul#navContent li.votenowandwin a { width:141px; background-position:-127px 0; }

ul#navContent li.fairtradetoolkit a { width:257px; background-position:-294px 0; }

ul#navContent li.aboutfairtrade a { width:138px; background-position:-576px 0; }

ul#navContent li.contactus a { width:121px; background-position:-739px 0; }

ul#navContent li.indexOn a,ul#navContent li.index a:hover { width:101px; background-position:0 -69px; }

ul#navContent li.votenowandwinOn a,ul#navContent li.votenowandwin a:hover { width:141px; background-position:-127px -69px; }

ul#navContent li.fairtradetoolkitOn a,ul#navContent li.fairtradetoolkit a:hover { width:257px; background-position:-294px -69px; }

ul#navContent li.aboutfairtradeOn a,ul#navContent li.aboutfairtrade a:hover { width:138px; background-position:-576px -69px; }

ul#navContent li.contactusOn a,ul#navContent li.contactus a:hover { width:121px; background-position:-739px -69px; }

ul#navContent li.contactusOn,ul#navContent li.contactus { padding-right:0; }



#contentOuter { background:#ffffff url(../images/bg-content-outer.gif) repeat-y left top; width:933px; padding: 0; float:left; }

#contentInner { background:url(../images/bg-content-inner.gif) no-repeat left top; width:933px; padding: 0; float:left; }

#content { float:left; width:919px; padding:0 7px; min-height:435px; }

#mainContent { float:left; width:100%;}

h2 { clear: both; padding: 12px 0 0 29px; width:auto; margin:0; }

.home h2 { padding: 0;}

.moreAboutFairtrade{ display:block; float:left; margin-top:34px; }

.rightPanel { margin-top: 12px; float:left;width:310px; background:#CCF2FA; background: #CCF2FA url(/images/bg-right-panel-top.gif) top no-repeat; }



.rightPanelBottom { background: #CCF2FA url(/images/bg-right-panel-bottom.gif) top no-repeat; width:310px; height:19px; }

.rightPanel h2 {margin:0; padding:12px 0 0 12px;}

.rightPanel p {margin:0; padding:0 0 0 12px;}

.defaultContent { padding: 0 29px; float:left; }

.leftColumn { padding: 0 0 19px 29px; width:521px; float:left; clear:left; }

.rightColumn { padding: 0 0 19px 29px; width:320px; float:left; }

#galleryImage { width: 311px; }

.youtube .leftColumn .embed { float:left;padding: 0 0 0 45px; }

.thumbnail { width:72px; height:72px; float:left; margin: 16px 7px 0 0; }

#footerOuter { float:left; background: url(../images/bg-footer.jpg) no-repeat left top; width:933px; height:44px; }

#footerInner { float:left; width:919px; padding:0 7px; }

#footerInner h3 { padding:0 51px; margin:0; }

.form {padding: 2px 5px; border: 0px solid #fff; background-color: #EAF3C5; vertical-align: middle; color: #666; font-size: inherit;}

.form_dropdown {padding: 5px 5px; border: 2px solid #EAF3C5; background-color: #EAF3C5; vertical-align: middle; color: #666; font-size: inherit;}

.hp_form {padding: 0; border: 0px solid #fff; background-color: #fff; vertical-align: middle; color: #666; font-size: 100%; width: 280px;}

.form_wrapper {width: 477px; overflow: hidden; padding-bottom: 5px;}

.rightColumn .form_wrapper {width: 270px;}

.responseRequired {font-size:smaller;}

.form_left {float: left; width: 200px; padding: 6px 0 2px 0;}

.form_right {float: left; width: 270px;}

.form_right .form {width: 250px;}

.form_right .form_dropdown {width: 270px;}

/*.form_dropdownlist {position: absolute; width: 264px; background: #EAF3C5; margin: 2px 0 0 0; z-index: 600; border: 3px solid #f8e2aa; height: 10em; overflow: auto;}*/ .form_dropdownlist {position: absolute; width: 264px; background: #EAF3C5; margin: 40px 0 0 200px; z-index: 600; border: 3px solid #f8e2aa; height: 10em; overflow: auto;}

.form_dropdownlist ul li {margin: 0 !important; padding: 1px 1px !important;}

.form_dropdownlist li a.on, .form_dropdownlist li a:hover { background-color: #F8B914; color: #EAF3C5; }

.form_dropdownlist li a { display: block; text-decoration: none !important; padding: 5px 6px; }

.form_right_short {float: left; width: 135px;}

.form_right_short .form {width: 110px;}

.form_wrapper_small {width: 270px; overflow: hidden; padding: 5px 0 5px 0;}

.form_left_small {float: left; width: 65px; padding: 6px 0 2px 0;}

.form_right_mid {float: left; width: 200px;}

.form_right_mid .form {width: 170px;}

.form_wrapper .curvetop {background: url(../images/form1.gif) no-repeat #EAF3C5; height: 7px; width: 100%; overflow: hidden; font-size: 0%;}

.form_wrapper .curvetop div {float: right; background: url(../images/form2.gif) no-repeat #EAF3C5; width: 8px; height: 7px;}

.form_wrapper .curvemid {background: #EAF3C5; padding: 0 5px; min-height: 16px; height: auto !important; height: 16px;}

.form_wrapper .curvemid_dropdown_left {float: left; width: 230px; color: #666; padding: 0 0 0 5px;}

.form_wrapper .curvemid_dropdown_right {float: left; width: 25px;}

.form_wrapper .curvebottom {background: url(../images/form3.gif) no-repeat #EAF3C5; height: 7px; width: 100%; font-size: 0%;}

.form_wrapper .curvebottom div {float: right; background: url(../images/form4.gif) no-repeat #EAF3C5; width: 8px; height: 7px;}

.leftColumn .form_wrapper {width: 100%; overflow: hidden;}

.leftColumn .form_wrapper .form_left {float: left; width: 315px; padding: 0 0 10px 0;}

.leftColumn .form_wrapper .form_right {float: left; width: 315px;}

.leftColumn .form_wrapper .form {width: 295px;}

.leftColumn .form_wrapper .form_width {width: 425px !important;}

.leftColumn .form_wrapper textarea.form {width: 495px; font-size:11px; font-family: Arial, Helvetica, sans-serif; }

.formTwoColumn .form_wrapper .form_left {float: left; width: 250px; padding: 0 19px 10px 0;}

.formTwoColumn .form_wrapper .form_right {float: left; width: 250px; padding: 0 0 10px 0;}

.formTwoColumn .form_wrapper .form {width: 230px;}

.emailUpdates label { font-weight:bold; }

.emailUpdates .form_wrapper { 	padding-left:12px; }

.emailUpdates .required { color: #00BCE4; }

.emailUpdates .form_wrapper .curvetop {background: url(../images/home-form1.gif) no-repeat #ffffff; }

.emailUpdates .form_wrapper .curvetop div { background: url(../images/home-form2.gif) no-repeat #ffffff; }

.emailUpdates .form_wrapper .curvebottom {background: url(../images/home-form3.gif) no-repeat #ffffff; }

.emailUpdates .form_wrapper .curvebottom div { background: url(../images/home-form4.gif) no-repeat #ffffff; }

.emailUpdates .form_wrapper .curvemid {background: #ffffff; }

.emailUpdates .form {background: #ffffff; }

.emailUpdates .signUp { margin:18px 0 0 0; }

.spreadTheWord { display:block; margin:12px 0 0 12px; }

.required {color: #00BCE4; font-weight: bold; font-size: 155%;}

.sendEmail {margin: 0 10px 10px 10px;}

.leftColumn h2 { padding:12px 0 0 0; }

.leftColumn .form_wrapper { clear:left;width:100%; }

.leftColumn .form_label,.leftColumn .form_left,.leftColumn .form_right { float:left; }

.leftColumn .form_label { width:111px;clear:left; }

.leftColumn .form_left { padding:19px; }

.leftColumn .form_left,.leftColumn .form_right { width:310px }

.leftColumn .form { width:290px }

.leftColumn textarea.form { width:840px }

.leftColumn .form_wrapper table { clear:left; margin:0 0 19px 0; padding:0; border:0; }

.leftColumn .form_wrapper table th,.leftColumn .form_wrapper table td { margin: 0; padding:3px 0;   }

.leftColumn .form_wrapper table.bordered th,.leftColumn .form_wrapper table.bordered td { border-bottom:1px dotted #000000; font-weight:normal; }
.leftColumn .form_wrapper table.bordered thead th { padding-left:12px; }


.leftColumn .form_wrapper table th { font-weight:normal; text-align:left; }

.leftColumn .form_wrapper table thead th { font-weight:bold; }


.leftColumn .form_wrapper table thead th small { font-weight:normal; }

.leftColumn .form_wrapper table td { font-weight:normal; }

.leftColumn .form_wrapper table .left { text-align:left; vertical-align:top; }

.leftColumn .form_narrow { float:left; width:140px; }

.leftColumn .form_narrow .form { width:120px; }

div.divider { clear:both; float:left; width:850px; height:6px; padding:20px 0 0 35px; }

.bananafacts div.divider { display:none; }

.blockLeft,.blockRight { float:left; width: 421px; padding:0 0 0 19px; }

.numberedBlockOuter { background: #FEF4DD url(/images/bg-numbered-block-top.gif) top no-repeat; width: 421px; min-height:58px; float:left; margin:0 0 19px 0; }

.numberedBlockInner { background: url(/images/bg-numbered-block-base.gif) bottom no-repeat; width: 421px; min-height:58px; float:left; }

.numberedBlockInner .number { width:49px; height:64px; float:left; padding:19px 3px 19px 10px; }

.numberedBlockInner .content { width:330px; float:left; padding:19px 0; font-size:15px; }

#factsOuter { background: #FEF4DD url(/images/bg-facts-top.gif) top no-repeat; width: 860px; min-height:66px; float:left; margin:0 0 19px 19px; }

#factsInner { background: url(/images/bg-facts-base.gif) bottom no-repeat; width: 860px; min-height:66px; float:left; }

.factsLeft { width:434px; float:left; }

#factsInner h3 { margin:9px 19px; }

ul { padding:0; margin:9px 12px; }

a { color:#006699; }

ul li { line-height:1.5em; }

ul li.number1 { background:url(/images/list-item-number1.gif) top left no-repeat; list-style-type:none; padding:0 0 0 35px; margin:0; }

ul li.number2 { background:url(/images/list-item-number2.gif) top left no-repeat; list-style-type:none; padding:0 0 0 35px; margin:0; }

ul li.number3 { background:url(/images/list-item-number3.gif) top left no-repeat; list-style-type:none; padding:0 0 0 35px; margin:0; }

ul li.number4 { background:url(/images/list-item-number4.gif) top left no-repeat; list-style-type:none; padding:0 0 0 35px; margin:0; }

/* li a { color:#777777; } */

.factsRight { background: url(/images/bg-facts-divider.gif) top left repeat-y; width:395px; float:left; margin-bottom:19px; }

.factsRight .factsBlock { clear:left; float:left; margin:10px 0 0 37px; width:350px; }

.factsRight img { float:left; margin: 0 10px 10px 0; }

.factsBlock h4 { font-size:20px; color:#7D6537; margin: 0; font-weight:normal; }

.factsBlock p { font-size:12px; margin: 0; }

.factsBlock ul { margin:0; }

.factsBlock li { font-size:12px; }

.downloadBlock { width:420px; height:145px; float:left; padding:0 10px 33px 0; background:url(/images/bg-download.gif) top left no-repeat; }

.downloadBlock img { float:left; margin:0 18px 26px 0; }

.downloadBlock h4 { font-size:20px; color:#7D6537; margin: 31px 0 0 0; font-weight:normal; }

.downloadBlock p { margin:0.5em 0; }

.submitForm { margin:19px 0 0 0; }

span.radio { width: 23px; height: 23px; padding: 0; margin: 5px; background: url(/images/radio.gif) no-repeat; display: block; clear: left; float: left; }
span.checkbox { width: 23px; height: 23px; padding: 0; margin: 5px; background: url(/images/checkbox.gif) no-repeat; display: block; clear: left; float: left; }

#footerInner { 	padding:8px 0 0 27px; font-size:11px;	 }