/* @override http://thecocoaplan.site/assets/styles/screen.css */

/* @group Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* @end */

/* @group Defaults */
body {font-size:75%;color:#222;background:#fff;font-family:Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-weight: normal;color:#111;
	font-family: "Arial Rounded MT Bold", "VAG Rounded", Arial, Helvetica, Geneva, sans-serif;
}
h1 {color:#FFDEAF; font-size:2em;margin-bottom:0.75em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em; font-size: 108%; }
a:focus, a:hover {color:#000;}
a {}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
ol li {margin-left: 10px;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin:1.4em 0;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select, form select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.honeypot {display: none;}
/* @end */

/* @group Table Styles */

table {
	border-collapse: collapse;
}
table th {
	border: 1px solid #777;
	background-color: #DDD;
	color: #333;
	font-weight: normal;
}
table td {
	border: 1px solid #999;
}

table.layout, table.layout thead, table.layout th, table.layout tbody, table.layout td {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	color: #333;
}
/* @end */

/* @group Links */
a {
	text-decoration: none;
}
a:link {
	color: #196ff3;
	text-decoration: none;
}
a:visited {
	color: #004fc9;
	text-decoration: none;
}
a:hover {
	color: #00e76c;
}
a:active {
	color: #ff4c1e;
}

/* @end */

/* @group Form Styles */

select {
	margin: 2em;
	display: block;
}

/* @end */

.unit:after, .group:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.unit, .group {display:inline-block;}
* html .unit, * html .group {height:1%;}
.unit, .group {display:block;}

html {
	
}
body {
	background: #632D07 url(/assets/images/bg-hessian-light.jpg) repeat;
	font-family: 'arial rounded', arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
}
#skiplinks {
	display: none;
}


#header-inner,
#main-content-inner,
#footer {
	margin: 0px auto;
	width: 960px;
}

/* @group header */

/*--- slideshow---*/

.left-img	{ width:316px; height:311px;}
.right-img	{ width:356px; height:312px;}
.dafault-img	{ width:303px; height:312px; }

#header {
	background: url(/assets/images/bg-header.jpg) no-repeat center top;
	height: 134px;
}

#unit-logo {
	float: left;
	padding-top: 18px;
}
#unit-logo .strapline {
	display: block;
	position:relative;
	text-align:center;
	top:-2px;
}

#unit-tools {
	float: right;
	padding:33px 9px 0 0;
}

#unit-tools #field-site-search {
	background: #925F39;
	border: 1px solid #56290B;
	color:#F8C37F;
	float: left;
	font-size:11px;
	margin:0px 7px 0px 0px;
	padding:3px 5px 3px 3px;
	width:144px;
}

#unit-tools .submit {
	float: left;
}
#unit-tools #language-picker {
	background:#925F39;
	border: 1px solid #56290B;
	color:#F8C37F;
	font-size: 11px;
	margin:0 0 12px;
	padding: 1px 0px 2px;
	width: 194px;
}

/* @end */

/* @group main navigation */
#unit-navigation{
	margin: 0px 0px 16px 0px;
}
#unit-navigation ul{
	margin: 0px;
	padding: 0px;
}

#unit-navigation ul li{
	background: url(/assets/images/menu-divider.gif) no-repeat right center;
	float:left;
	letter-spacing:0.2px;
	list-style-type:none;
	margin:0;
	padding:0 24px 0 24px
}
#unit-navigation ul li.first {
	padding-left: 0px;
}
#unit-navigation ul li.last {
	background: none;
	padding-right: 0px;
}

#unit-navigation ul li a {
	color: #EEB86E;
	font-size: 13px;
	font-weight: bold;
}
#unit-navigation ul li a:hover {
	color: #FFDEAF;
}

body.section-thecocoaplan #unit-navigation li.section-thecocoaplan a,
body.section-theissues #unit-navigation li.section-theissues a,
body.section-theprocess #unit-navigation li.section-theprocess a,
body.section-history #unit-navigation li.section-history a,
body.section-nestle #unit-navigation li.section-nestle a,
body.section-ourproducts #unit-navigation li.section-ourproducts a,
body.section-latestnews #unit-navigation li.section-latestnews a,
body.section-contactus #unit-navigation li.section-contactus a {
	color: #FFDEAF;
}
/* @end  */

/* @group sub navigation */
#sub-navigation {
	background:transparent url(/assets/images/bg-inner-wood-top.png) no-repeat scroll 98% -9px;
	display:inline;
	float:left;
	left:4px;
	margin:0;
	padding:4px 0 0;
	position:relative;
}
#sub-navigation-wrapper {
	background:transparent url(/assets/images/bg-inner-wood-top.png) no-repeat scroll -10px -9px;
	display:inline;
	float:left;
	padding:0 0 0 3px;
	position:relative;
	z-index:2;
}
#sub-navigation li{
	background: url(/assets/images/tab-bottom-border.gif) repeat-x left bottom;
	float:left;
	left:-4px;
	list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:0 0 2px;
	position:relative;
}
#sub-navigation li.first {
	margin-left: 1px;
}
#sub-navigation li.first a{
	margin-left: 0px;
}
#sub-navigation li a {
	background: url(/assets/images/bg-inner-tabs.gif) repeat-x top left;
	color:#EEB86E;
	display:block;
	margin:0px 0px 0px 1px;
	padding:0px;
}
#sub-navigation li a:hover {
	background: url(/assets/images/bg-inner-tabs-hover.gif) repeat-x top left;
}



#sub-navigation li a span {
	display: block;
	padding:5px 22px;
}

#tab-corner {
	bottom:0;
	height:3px;
	position:absolute;
	right:-5px;
	width:5px;
	z-index:30;
}

/* sub nav selected items */


body.section-welcome-to-the-cocoa-plan #sub-navigation li.section-welcome-to-the-cocoa-plan,
body.section-our-objectives #sub-navigation li.section-our-objectives,
body.section-our-commitments #sub-navigation li.section-our-commitments,
body.section-helping-farmers #sub-navigation li.section-helping-farmers,
body.section-nurturing-a-sustainable-future #sub-navigation li.section-nurturing-a-sustainable-future,
body.section-the-cocoa-journey #sub-navigation li.section-the-cocoa-journey,
body.section-better-social-conditions #sub-navigation li.section-better-social-conditions,
body.section-working-with-partners #sub-navigation li.section-working-with-partners,
body.section-where-we-operate #sub-navigation li.section-where-we-operate,
body.section-helping-cocoa-communities #sub-navigation li.section-helping-cocoa-communities,
body.section-improving-social-conditions #sub-navigation li.section-improving-social-conditions,
body.section-improving-social-quality-and-productivity #sub-navigation li.section-improving-social-quality-and-productivity,
body.section-meeting-increasing-demand #sub-navigation li.section-meeting-increasing-demand,
body.section-cocoa-production #sub-navigation li.section-cocoa-production,
body.section-where-cocoa-is-produced #sub-navigation li.section-where-cocoa-is-produced,
body.section-harvesting-cocoa-beans #sub-navigation li.section-harvesting-cocoa-beans,
body.section-diseases-that-threaten-cocoa #sub-navigation li.section-diseases-that-threaten-cocoa,
body.section-the-history-of-cocoa #sub-navigation li.section-the-history-of-cocoa,
body.section-cocoa-tree-varieties #sub-navigation li.section-cocoa-tree-varieties,
body.section-nestle-history #sub-navigation li.section-nestle-history,
body.section-how-we-make-chocolate #sub-navigation li.section-how-we-make-chocolate,
body.section-making-chocolate-more-affordable #sub-navigation li.section-making-chocolate-more-affordable,
body.section-quality-means-more #sub-navigation li.section-quality-means-more,
body.section-our-products #sub-navigation li.section-our-products,
body.section-whatisit #sub-navigation li.section-whatisit,
body.section-whyweneedit #sub-navigation li.section-whyweneedit,
body.section-whatitdoes #sub-navigation li.section-whatitdoes {
	background: none;
	margin: 0px;
	padding: 0px;
}


body.section-welcome-to-the-cocoa-plan #sub-navigation li.section-welcome-to-the-cocoa-plan a,
body.section-our-objectives #sub-navigation li.section-our-objectives a,
body.section-our-commitments #sub-navigation li.section-our-commitments a,
body.section-helping-farmers #sub-navigation li.section-helping-farmers a,
body.section-nurturing-a-sustainable-future #sub-navigation li.section-nurturing-a-sustainable-future a,
body.section-the-cocoa-journey #sub-navigation li.section-the-cocoa-journey a,
body.section-better-social-conditions #sub-navigation li.section-better-social-conditions a,
body.section-working-with-partners #sub-navigation li.section-working-with-partners a,
body.section-where-we-operate #sub-navigation li.section-where-we-operate a,
body.section-helping-cocoa-communities #sub-navigation li.section-helping-cocoa-communities a,
body.section-improving-social-conditions #sub-navigation li.section-improving-social-conditions a,
body.section-improving-social-quality-and-productivity #sub-navigation li.section-improving-social-quality-and-productivity a,
body.section-meeting-increasing-demand #sub-navigation li.section-meeting-increasing-demand a,
body.section-cocoa-production #sub-navigation li.section-cocoa-production a,
body.section-where-cocoa-is-produced #sub-navigation li.section-where-cocoa-is-produced a,
body.section-harvesting-cocoa-beans #sub-navigation li.section-harvesting-cocoa-beans a,
body.section-where-cocoa-is-produced #sub-navigation li.where-cocoa-is-produced a,
body.section-diseases-that-threaten-cocoa #sub-navigation li.section-diseases-that-threaten-cocoa a,
body.section-the-history-of-cocoa #sub-navigation li.section-the-history-of-cocoa a,
body.section-nestle-history #sub-navigation li.section-nestle-history a,
body.section-cocoa-tree-varieties #sub-navigation li.section-cocoa-tree-varieties a,
body.section-how-we-make-chocolate #sub-navigation li.section-how-we-make-chocolate a,
body.section-making-chocolate-more-affordable #sub-navigation li.section-making-chocolate-more-affordable a,
body.section-quality-means-more #sub-navigation li.section-quality-means-more a,
body.section-our-products #sub-navigation li.section-our-products a,
body.section-whatisit #sub-navigation li.section-whatisit a,
body.section-whyweneedit #sub-navigation li.section-whyweneedit a,
body.section-whatitdoes #sub-navigation li.section-whatitdoes a{
	background: url(/assets/images/tab-selected.gif) no-repeat top right;
	color: #371402;
	margin-left: 1px;
	padding: 0px 1px 0px 0px;
	font-weight: bold;
}


body.section-welcome-to-the-cocoa-plan #sub-navigation li.section-welcome-to-the-cocoa-plan a span,
body.section-our-objectives #sub-navigation li.section-our-objectives a span,
body.section-our-commitments #sub-navigation li.section-our-commitments a span,
body.section-helping-farmers #sub-navigation li.section-helping-farmers a span,
body.section-nurturing-a-sustainable-future #sub-navigation li.section-nurturing-a-sustainable-future a span,
body.section-the-cocoa-journey #sub-navigation li.section-the-cocoa-journey a span,
body.section-better-social-conditions #sub-navigation li.section-better-social-conditions a span
body.section-working-with-partners #sub-navigation li.section-working-with-partners a span,
body.section-where-we-operate #sub-navigation li.section-where-we-operate a span,
body.section-helping-cocoa-communities #sub-navigation li.section-helping-cocoa-communities a span,
body.section-improving-social-conditions #sub-navigation li.section-improving-social-conditions a span,
body.section-improving-social-quality-and-productivity #sub-navigation li.section-improving-social-quality-and-productivity a span,
body.section-meeting-increasing-demand #sub-navigation li.section-meeting-increasing-demand a span,
body.section-cocoa-production #sub-navigation li.section-cocoa-production a span,
body.section-where-cocoa-is-produced #sub-navigation li.section-where-cocoa-is-produced a span,
body.section-harvesting-cocoa-beans #sub-navigation li.section-harvesting-cocoa-beans a span,
body.section-where-cocoa-is-produced #sub-navigation li.where-cocoa-is-produced a span,
body.section-diseases-that-threaten-cocoa #sub-navigation li.section-diseases-that-threaten-cocoa a span,
body.section-the-history-of-cocoa #sub-navigation li.section-the-history-of-cocoa a span,
body.section-nestle-history #sub-navigation li.section-nestle-history a span,
body.section-cocoa-tree-varieties #sub-navigation li.section-cocoa-tree-varieties a span,
body.section-how-we-make-chocolate #sub-navigation li.section-how-we-make-chocolate a span,
body.section-making-chocolate-more-affordable #sub-navigation li.section-making-chocolate-more-affordable a span,
body.section-quality-means-more #sub-navigation li.section-quality-means-more a span,
body.section-our-products #sub-navigation li.section-our-products a span,
body.section-whatisit #sub-navigation li.section-whatisit a span,
body.section-whyweneedit #sub-navigation li.section-whyweneedit a span,
body.section-whatitdoes #sub-navigation li.section-whatitdoes a span{
	background: url(/assets/images/tab-selected.gif) no-repeat top left;
	padding-bottom: 7px;
}



/* Correct the background position of the menu*/
body.section-thecocoaplan #sub-navigation,
body.section-our-action-plan #sub-navigation,
body.section-the-benefits #sub-navigation,
body.section-about-cocoa #sub-navigation,
body.section-nestle-chocolate #sub-navigation  {	
	background-position:100% -9px;
	left:15px;
	margin-left:-11px;
	padding-right:10px;
	padding-right:10px;
	position:relative;
}

body.section-about-cocoa #sub-navigation li {
	font-size: 11px;
}



/* @group */

/* @group main-content */
#third-level-navigation-wrapper {
	margin-top: 52px;
	margin-bottom:-5px;
}

#third-level-navigation-wrapper.related  {
	margin-top: 0;
}

#third-level-navigation-wrapper h4 {
	background: url(/assets/images/bg-thirdlevelnav.gif) no-repeat top right;	
	margin: 0;
	padding: 0;
	padding-top: 13px;
	padding-left: 15px;
	padding-bottom: 8px;
	font-size: 17px;
	color: #371402;
}

#third-level-navigation-wrapper h4.related {
	padding-top: 10px;
	margin-top: 0;
	font-size: 13px;
}

#third-level-navigation {
	margin: 0px;
	padding: 0px 0px 19px;
	background: url(/assets/images/bg-thirdlevelnav.gif) no-repeat bottom right;	
}

#third-level-navigation.top {
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}


#third-level-navigation li{
	background: url(/assets/images/bg-thirdlevelnav-bottom.gif) repeat-y bottom left;	
	line-height:17px;
	list-style-type:none;
	margin:0 11px 0 10px;
	padding:9px 7px 9px 9px;
	padding-top: 4px;
	padding-bottom: 9px;
	position: relative;
	white-space: nowrap;
}
#third-level-navigation li a{
	color:#FFDEAF;
	font-size: 11px;
	font-weight: bold;
	position: relative;
	z-index: 2;
}
#third-level-navigation li a:hover{
	color: #EEB86E;
}

#third-level-navigation li.selected img {
	left: -34px;
	position: absolute;
	top: -1px;
	z-index: 1;
}

#third-level-navigation .nobottom li.selected img {
	left: -53px;
	position: absolute;
	top: -1px;
	z-index: 1;
}

#third-level-navigation li.selected a{
	color:#2E1002;
}

#third-level-navigation li.selected ul li {
	margin-left: 0;
	padding-left: 0;
	list-style-type: disc;
	color: #eeb86e;
	background: none;
}

#third-level-navigation li ul li {
	list-style-type: disc;
	color: #eeb86e;

	
}




#third-level-navigation li ul li,
#third-level-navigation li ul li.selected {
	margin-left: -10px;
	padding-left: 0;
}


#third-level-navigation li.selected ul {

}

#third-level-navigation li.selected ul li {
	margin-top: 10px;
}

#third-level-navigation li ul li {
	border-bottom: none;
}

#third-level-navigation li ul li.last,
#third-level-navigation li.selected ul li.last {
	border-bottom: none;
}

#third-level-navigation li.selected ul a {
	color:#FFDEAF;
}

#third-level-navigation li.selected  {
	padding-bottom: 9px;
}



#third-level-navigation li ul li.selected {
	margin-top: 10px;
	margin-bottom: 5px;
}


#third-level-navigation li ul.subsub {
	margin-top: 10px;
	margin-bottom:0px;
	padding-bottom: 1px;
}

#third-level-navigation li.selected ul.subsub li {
	margin-top:0;
}

#third-level-navigation li ul.subsub li {
  padding-bottom: 0px;
  margin-bottom: 5px;
  margin-top: 10px;
}

#third-level-navigation li.selected ul.subsub li.last {
  margin-bottom: 0px;
  padding-bottom: 10px;
} 

#third-level-navigation.nopadding li.selected {
padding-bottom:0;
}

#third-level-navigation li.nobottom {
	padding-bottom: 2px;
}

/* @group */

/* @group main-content */
#main-content {
	background: url(/assets/images/bg-hessian-dark.jpg) repeat;
	padding: 15px 0px 10px 0px;
}
.has-extra-content #main-content-inner #unit-content{
	background:transparent url(/assets/images/bg-inner-wood-bottom.png) no-repeat scroll -10px bottom;
	float:left;
	margin-bottom: 25px;
	padding-bottom:11px;
	width: 710px;
}
.has-extra-content #main-content-inner #unit-content #inner-content-wrapper{
	background: url(/assets/images/bg-inner-wood-middle.png) repeat-y -10px top;
	clear:left;
	color:#2C0F02;
	position:relative;
	top:-2px;
	z-index:1;

}
.text-box { padding-top:10px;}
.text-box hr { background:transparent url(/assets/images/content-divider.gif) repeat-x scroll left bottom; height:3px; margin:10px 0;}
.linkname {
	float: left;
	width: 300px;
	display: block;
}

.has-extra-content #inner-content {
	background: url(/assets/images/bg-inner-wood-top-lines.png) no-repeat -10px -10px;
	padding: 11px 20px;
	padding-bottom: 31px;
	position: relative;
	top: -2px;
	overflow: visible;
}
.has-extra-content #inner-content h2{
	color: #371402;
	font-size: 22px;
	margin: 2px 0 5px 18px;
}

#inner-content p {
	color:#2C0F02;
	font-size: 14px;
	line-height:18px;
	margin:0 20px 18px;
}

#inner-content a {
	color:#2C0F02;
	font-weight: bold;
	text-decoration: none;	
}

#inner-content a.external {
	target-new: tab !important;
}

#inner-content ul {
	font-size: 14px;
	line-height:18px;	
	margin-top: 8px;
}

#inner-content ul li {
	line-height:18px;
	margin:0 20px 18px;
}

#inner-content cite,
#inner-content blockquote {
	color:#2C0F02;
	padding-left: 20px;
}



#inner-content p.last-paragraph {
	background: url(/assets/images/content-divider.gif) repeat-x left bottom;
	padding: 0px 0px 10px;
}

#inner-content p.last-big {
	padding-bottom: 220px;
}

#inner-content sup {
	font-size: 8px;
}

#inner-content {
	min-height: 500px;
}

.section-working-with-partners #inner-content {
	min-height: 920px;
}

.section-better-social-conditions #inner-content {
	min-height: 700px;
}

.section-about-cocoa #inner-content {
	min-height: 700px;
}

#inner-content p.last-paragraph .hover {
	cursor: pointer;
	cursor: hand;
}

#inner-content .hide,
#inner-content .hidden,
#inner-content .hidden-first,
#inner-content .hidden-second,
#inner-content .hidden-third,
#inner-content .hidden-fourth {
	display: none;
}


#inner-content .show-more {
	background: url(/assets/images/discover-more-blank.png) left top no-repeat;
	color: #ffdeaf;
	font-weight: normal;
	text-transform: uppercase;
	padding: 10px;
	padding-left: 35px;
	padding-right: 15px;
	font-weight: normal;
	font-family: "Arial Rounded MT", "VAG Rounded", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
}




/* next section button */

.new-next-section {
}

.new-next-section-wrapper {
	display: block;
	width: auto;	
	float: right;
	max-width: 350px;
}

#inner-content a.new-next-section {
	display: block;
	background: transparent url(/assets/images/long_button.png) no-repeat scroll center top;
	height: 31px;
	padding:0;
	color: #FFDEAF;
	font-family: "Arial Rounded MT", "VAG Rounded", Arial, Helvetica, Geneva, sans-serif;	
	text-transform: uppercase;
	font-weight: normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
	margin-top: -9px;
}

#inner-content a.new-next-section span {
	display: block;
	line-height: 30px;
	padding-left: 10px;
	height: 30px;
	margin-top: 4px;
}

#inner-content a.new-next-section span.arrow {
	display: inline-block;
	border: none;
	float: right;
	background: url(/assets/images/button-arrow.png) no-repeat left center;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 5px;
	line-height: 0;
	padding: 0;
}


#extra-content {
	float: left;
	position: relative;
	top: -35px;
	width: 240px;
	z-index: 1;
}
.has-rightnav #extra-content {
	margin-top: 0px;
	top: 0px;
}

#page-newslist #extra-content,
#page-contactus #extra-content {
	top:-54px;
}

.section-glossary #extra-content,
.section-links #extra-content {
	top: -35px;
}

/* @end  */

/* @group home page */
#page-home h1 {
	display: none;
}

#page-home #main-feature {
	height: 282px;
	left: -6px;
	margin-bottom: 8px;
	position: relative;
}

#page-home #main-slideshow {
	left:285px;
	position:relative;
	top:21px;
	overflow: hidden;
	height: 270px;
	width: 658px;
}

#page-home #main-slideshow div {
}




#page-home #main-feature .bg	{ 
	position:absolute; 
	background: url(/assets/images/bg-home-mainfeature1.png) no-repeat;
 	width:993px;
 	height:322px;
 	top:-10px; 
	left:-26px;
}
#page-home #main-feature img{
	float: left;
}
#page-home #main-feature .info{
	display:block;
	float:left;
	height:180px;
	position:absolute;
	top:199px;
	left: 0px;
}

#main-slideshow div.container {
	background: transparent;
	overflow: visible;
	height: 237px;	
}

#page-home #main-slideshow .feature-right {
	left:01px;
	position: absolute;
	top:9px;
	width:330px;
	z-index:99;
	height: 80px;
	top: -10px;
	margin-top: 20px;
	background: transparent;
}

#page-home #main-slideshow .info img {
}

#page-home #right-slideshow {
	position: absolute;
	left: 597px;
	top: -260px;
	height: 250px;
	width: 350px;
	overflow: hidden;
}

#page-home .relative {
	position: relative;
}

#page-home .sub-feature {
	float: left;
	height: 160px;
	margin: 0px 0px 18px 4px;
	width: 305px;
}
#page-home .sub-feature .info {
	font-size: 11px;
	width: 185px;
}
#page-home .sub-feature .info a{
	color:#FFDEAF;
}
#page-home .sub-feature .info a:hover{
	color:#EEB86E;
}
#page-home .sub-feature .info h2 {
	height: 41px;
	margin: 0px 0px 8px 0px;
	text-indent: -9999px;
}
#page-home .sub-feature p {
	color: #F7C87A;
	font-weight: normal;
}

#page-home #welcome-to-cocoa a {
	background: url('/assets/images/homepage-bottom-left-rollover.png') left no-repeat;
	height: 173px;
	width: 310px;
	display: block;
}

#page-home #kitkat {
  margin-left:2px;
  padding-right:4px;
  padding-top:22px;
}
#page-home #kitkat a {
  background:transparent url(/assets/images/homepage-kitkat-rollover.png) no-repeat scroll left center;
  display:block;
  height:173px;
  width:316px;
}

#page-home #kitkat a:hover
{
  background-position:-326px center;
}


#page-home #farmer-education {
	padding-top: 8px;
	padding-left: 8px;
}
#page-home #farmer-education a {
 	background: url('/assets/images/homepage-bottom-center-rollover.png') left no-repeat;
 	height: 173px;
 	width: 316px;
 	display: block;	
}

#page-home #how-where-produced a {
	background: url('/assets/images/homepage-bottom-right-rollover.png') left no-repeat;
	height: 173px;
	width: 323px;
	display: block;
	margin-left: 12px;
}

#page-home #latest-news-feature a {
	background: url('/assets/images/latest-news-feature.png') left no-repeat;
	height: 173px;
	width: 323px;
	display: block;
	margin-left: 12px;
	margin-top: 11px;
}
#page-home #latest-news-feature a:hover
{
  background-position: -324px;
}
#inner-content a#back-to-top {
	margin-left: 15px;
	float: left;
	margin-top: -4px;
}



#page-home #welcome-to-cocoa a:hover,
#page-home #how-where-produced a:hover,
#page-home #farmer-education a:hover
{
	background-position: right;
}



#page-home #main-feature .hidden {

}

/* @end */

/* @group page image */
#unit-image-wrapper {
	background:transparent url(/assets/images/bg-img-paper-top.png) no-repeat scroll left top;
	margin: 0px 0px 22px 10px;
	width: 634px;
}

#unit-image-wrapper.kit-kat {
	padding-top: 20px;
}


#unit-image {
	background:transparent url(/assets/images/bg-img-paper-bottom.png) no-repeat scroll left bottom;
	padding:2px 24px 13px;
	position:relative;
	top:12px;
}
#unit-image .caption {
	font-weight: bold;
	margin:12px 0 12px;
	text-align: center;
	font-size: 12px;
}
#unit-image .credit {
	color: #666;
	font-size: 10px;
	margin-bottom:0;
	text-align:right;
	margin-top: -10px;
}

img.signoff {
	float: right;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-top: 10px;
	clear: both;
}

/* @group*/

/* @group page image */
#unit-video-player {
	margin: 8px 0 11px 20px;
	width: 634px;
}
/* @group*/

/* @group inner page */
#page-video h1,
#page-inner h1{
	font-size: 26px;
	margin-bottom: 13px;
}

body.section-news h1
{
	padding-right: 255px;
}

/* @end */

/* @group news list page */
#page-newslist h1{
	font-size: 26px;
	margin-bottom: 13px;
}

#page-newslist .news-story {
	background: url(/assets/images/content-divider.gif) repeat-x left bottom;
	line-height:30px;
	margin:0 20px 0px 21px;
}
#page-newslist .news-story-info {
	padding:15px 9px;
}
#page-newslist .news-story a {
	color:#B10000;
}
#page-newslist .news-story a.read-more {
	font-weight: bold;
}
#page-newslist .news-story h2{
	font-size: 22px;
	line-height: 25px;
	margin: 0px 0px 3px;
}
#page-newslist .news-story h3{
	color:#B10000;
	font-size: 14px;
	margin: 0px 0px 9px;
}
#page-newslist .news-story p{
	color:#2C0F02;
	font-size: 14px;
	margin: 0px;
}
#page-newslist .has-extra-content #inner-content {
	padding-bottom: 63px;
}
#page-newslist .hovered .news-story-info{
	background: url(/assets/images/bg-news-hover.png) repeat;
	cursor: pointer;
}
#page-newslist .has-extra-content .hovered a,
#page-newslist .has-extra-content .hovered h3
{
	color:#F85726;
}
#page-newslist .has-extra-content .hovered p{
	color:#EEB86E;
}
/* @end */

/* @group contact page */
#page-contactus h1{
	font-size: 26px;
	margin-bottom: 15px;
}
#page-contactus #inner-content p.required-hint {
	color:#6B2E0A;
	font-size: 14px;
	font-weight: bold;
	margin: -2px 0px 13px 19px;
}
#page-contactus #inner-content h2 {
	margin: 0px 0px 0px 18px;
}
#page-contactus #inner-content form {
	padding-top: 12px;
}
.formfield {
	clear:left;
	float:left;
	margin:5px 0 5px;
	width:100%;
}
form .first {
	margin-top: 0px;
}
form .last {
	margin-bottom: 0px;
}

.formfield label {
	color:#2C0F02;
	float:left;
	font-size:14px;
	font-weight:normal;
	padding-right:12px;
	text-align:right;
	width:144px;
}
.formfield input {
	background:transparent url(/assets/images/bg-formfield-medium.png) no-repeat;
	border:none;
	color:#FFDEAF;
	float:left;
	font-size:12px;
	height:18px;
	margin: 0px;
	padding: 6px 4px 2px;
	width:209px
}

.formfield input.large {
	background:transparent url(/assets/images/bg-formfield-large.png) no-repeat;
	width: 326px;
	height:18px;
	line-height: 15px;
}
.formfield input.small {
	background:transparent url(/assets/images/bg-formfield-small.png) no-repeat;
	width: 97px;
}

.formfield textarea{
	background:transparent url(/assets/images/bg-textarea.png) no-repeat scroll 0 0;
	border:medium none;
	color:#FFDEAF;
	height:119px;
	margin: 0px;
	padding:4px;
	width:320px;
}
.formfield select {
	background: #542E12;
	border: 1px solid #56290B;
	color: #FFDEAF;
	font-size: 11px;
	margin: 2px 0px;
	padding: 1px 0 2px;
}

.checkboxfield {
	clear: left;
	margin-left: 153px;
}
.checkboxfield label {
	color: #542E12;
	font-size: 14px;
	font-weight: normal;
}
.checkboxfield .nice-checkbox {
	position: relative;
	top: 2px;
}

form .formbutton {
	float: right;
	margin-top: 21px;
	padding-right: 56px;
}
#inner-content form .privacy-summary {
	color:#542E12;
	margin-top: 25px;
	width: 500px;
}
form .privacy-summary a{
	color:#B10000;
}

/* @end */

/* @group extra content features */
.extra-content-feature {
	color:#F7C87A;
	margin:0px 0 0 10px;
	position: relative;
	width: 220px;
}
.extra-content-feature h3 {
	text-indent: -9999px;
}
.extra-content-feature p {
	bottom:8px;
	font-size:12px;
	margin:0 8px;
	position:absolute;
}
.extra-content-feature a {
	color:#FFDEAF;
	font-weight: bold;
}

.section-helping-farmers #feature-fastfact,
.section-nurturing-a-sustainable-future #feature-fastfact,
.section-better-social-conditions #feature-fastfact,
.section-working-with-partners #feature-fastfact,
.section-where-we-operate #feature-fastfact,
.section-meeting-increasing-demand #feature-fastfact,
.section-harvesting-cocoa-beans #feature-fastfact,
.section-how-we-make-chocolate #feature-fastfact
 {
	margin-top: 10px;
	margin-bottom:-15px;
	padding-left: 0px;
}
#feature-fastfact {
	margin-top: 2px;
	margin-bottom:-15px;
	padding-left: 0px;
}



.section-thecocoaplan  #feature-fastfact {
	margin-top: -16px;
}
#feature-farmereducation {
	background: url(/assets/images/bg-moreinfobox-placeholder.png) no-repeat bottom left;
	height: 266px;
}
#feature-farmereducation p {
	bottom: 7px;
}
/* @end */

/* @group Edit panel */
#extra-content table {
	background: #925F39;
	border: 1px solid #56290B;
	margin-left: 12px;
	width: 215px;
}
#extra-content table td{
	border: none;
	padding: 10px;
	white-space: normal;
}

#extra-content table hr,
#extra-content table br {
	display: none;
}
#extra-content table a {
	color: #EEB86E;
	display: block;
}
#extra-content table a#SwitchToPresentationPublishedAnchor {
	margin-bottom: 10px;
}
#PresentationPreviewAnchor {
	margin: 10px 0px;
}
/* @end */

/* @group kit-kat */


.section-kit-kat #inner-content #unit-image-wrapper {
	padding-top: 20px;
	position: relative;
	background:transparent url(/assets/images/bg-img-paper-top-kit-kat.png) no-repeat scroll left top;
}


#unit-image-wrapper .signature {
	padding-bottom:25px;
	padding-left:25px;
	background:transparent url(/assets/images/bg-img-paper-bottom.png) no-repeat scroll left bottom;
}

#unit-image-wrapper.kit-kat-text h2 {
	margin-bottom: 20px;
	padding-top: 10px;
}


#unit-image-wrapper .signature p {
	margin-left: 0;
	padding-right: 300px;
}

#inner-content-wrapper #inner-content p.kit-kat-last img {
	float: right;
}


#kit-kat-packshot {
	bottom:-25px;
	position:absolute;
	right:-50px;
	z-index:99;
}

p.minilink {
	margin: 0;
	padding: 0;
	padding-top: 4px;
}

#inner-content-wrapper #inner-content p.kit-kat-last {
	padding-bottom:80px;
	padding-top:20px;
}

/* @end */

/* @group footer */
#footer {
	padding: 35px 0px 60px 8px;
}
#footer-logo {
	display: block;
	float: left;
}

#footer-content {
	float: left;
	padding: 7px 0px 0px 20px;
}
#footer-content p {
	color:#F5C972;
	margin: 0px;
}
#footer-content ul{
	margin: 0px;
	padding: 0px;
}
#footer-content ul li{
	border-right: 1px solid #F5C972;
	float: left;
	list-style-type: none;
	margin: 0px;
	padding:0 14px 0 15px;
}
#footer-content ul li.first {
	padding-left: 0px;
}
#footer-content ul li.last {
	border: none;
}
#footer-content ul li a{
	color: #FFDEAF;
}
#footer-content ul li a:hover{
	color: #EEB86E;
}
/* @end */