* { margin:0; padding:0; }

.INCOMPLETE { background-color: yellow; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	background-color: #E0DED8;
	color: #353332;
	text-align: center;
	padding: 5px 0 18px 0;
}

a { color: #988554; }

#skipnav {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

img { border: 0; }

/* ============================================================================================================= */
/* Alsett Clearing Method - apply class="clearfix" to main content wrap */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
 .clearfix { /*
   display: inline-block; */
}  /* fix for IE Mac? */
* html .clearfix {
   height: 1%; 
}
.clearfix {
  display: block;
}

.clearfloat
{
  float: none;
  clear: both;
}

.fl {
	float: left;
	position: relative;
}
.fr { float: right; }

/* ============================================================================================================= */

#outerWrap {
	width: 973px;
	margin: 0 auto;
}

#mainWrap {
	background-color: #fff;
	text-align: left;
	height: 1%;
}


#mainWrapInner {
	padding: 20px 40px 40px 40px;
}


#headerWrap {
	margin-bottom: 30px;
}

#headerWrap .fr {
	width: 795px;
	font-size: 0.92em;
}

#headerWrap .fr .rightItem {
	clear: both;
	float: right;
}

#headerWrap .fr a {
	color: #988554; /* #353332; */
	text-decoration: none;
}

#headerWrap .fr a:hover {
	text-decoration: underline;
}


ul#topNav {
	padding-bottom: 12px;
	list-style: none;
	color: #000; /* #BBAC85; */
}

ul#topNav li {
	float: left;
	padding: 0 8px 0 8px;
	border-right: 1px solid #353332;
}

ul#topNav li.last {
	padding-right: 0;
	border-right: none;
}

a.newsletter, span.newsletter {
	display:block;
	padding-left: 24px;
	padding-bottom: 6px;
	background: #fff url(../images/icon-envelope.gif) 0 1px no-repeat;
}
span.newsletter {
	background-image: url(../images/icon-envelope-bk.gif);
}

#mainMenu
{
/*	margin-bottom: 6px; */
}


#homeFeature
{
	padding-bottom: 18px;
}


#homeTeaserWrap {
	padding-left: 221px;
}

.homeTeaser {
	float: left;
	width: 224px;
	padding-left: 3px;
	padding-right: 35px;
	font-size: 0.92em;
	/* box model hack */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:186px;
}
html>body .homeTeaser {
	width:186px; /* be nice to Opera */
}


.homeTeaser h1 {
	font-family: Georgia, Palatino, Arial, Helvetica, sans-serif;
	font-size: 1.45em;
	font-weight: normal;
	color: #000;
	margin-bottom: 0.5em;
}

.homeTeaser p { margin-bottom: 1em; }

.homeTeaser a {
	display: block;
	color: #988554; /* #6B5F3D; */ /* #BBAC85; */
	text-decoration: none;
	background: #fff url(../images/icon-arrow-rt.gif) 0 5px no-repeat;
	padding-left: 8px;
}

.homeTeaser a:hover {
	text-decoration: underline;
}

#footerWrap {
	padding-top: 8px;
	font-size: 0.92em;
	color: #7C7570;
}

#footerWrapInner {
	padding-top: 6px;
}

#footerWrapInner a.storeLink {
	padding-left: 127px;
	background: transparent url(../images/footer-store.gif) top left no-repeat;
	display: block;
	float: left;
	height: 85px;
	line-height: 85px;
	
	font-size: 1.42em;
	font-family: Georgia, Palatino, Arial, Helvetica, sans-serif;
/*	text-transform: uppercase; */
	font-weight: normal;
	text-decoration: none;
}

#footerWrapInner a.storeLink:hover {
	text-decoration: underline;
}

/*

#footerWrap a.storeLink {
	color: #0f0d0c;
	background: transparent url(../images/icon-arrow-rt-footer.gif) 0 5px no-repeat;
	padding-left: 8px;
	text-decoration: none;
}

#footerWrap a.storeLink:hover {
	text-decoration: underline;
}
*/

p.noGap { margin-bottom: 0; }



.layoutSection {
	width: 893px;
}

.layoutSection .contentWrap {
	width: 622px;
	padding-right: 1px;
	float: left;
	/* box model hack */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:622px;
}
html>body .layoutSection .contentWrap {
	width:622px; /* be nice to Opera */
}

.layoutSection .contentSide {
	width: 270px;
	float: left;
}

.layoutSection .contentInner {
	width: 378px;
	float: left;
}


.layoutContent {
	width: 893px;
}

.layoutContent .contentInner {
	width: 679px;
	float: left;
	border-top: 1px solid #DDD5C2;
	padding-top: 18px;	
}


.contentNav {
	width: 214px;
	padding-right: 30px;
	float: left;
	/* box model hack */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:184px;
}
html>body .contentNav {
	width:184px; /* be nice to Opera */
}


.contentInner {
	font-size: 0.92em;
}



.layoutContent .twoColumn {
	width: 679px;
}

.layoutContent .twoColumn .contentColumn {
	width: 409px;
	padding-right: 31px;
	float: left;
	/* box model hack */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:378px;
}
html>body .layoutContent .twoColumn .contentColumn {
	width:378px; /* be nice to Opera */
}

.layoutContent .twoColumn .sideColumn {
	width: 270px;
	float: left;
	font-size: 1.09em;
}




.topPic { padding-bottom: 30px; }

.picWithCaption {
	background-color: #BBAC85;
	color: #fff;
	font-size: 0.92em;
	margin-bottom: 1px;
}

.picWithCaption p.caption {
	padding: 12px 12px 8px 12px;
	font-size: 1.5em;
	line-height: 1.45em;
	font-family: Georgia, Palatino, Arial, Helvetica, sans-serif;
}

.picWithCaption p.captionAuthor {
	padding: 0 12px 12px 12px;
}





.contentNav ul {
	list-style: none;
	border-bottom: 1px solid #DDD5C2;
	font-family: Georgia, Palatino, Arial, Helvetica, sans-serif;
}

.contentNav ul li {
	}
	
.contentNav ul li a, .contentNav ul li span {
	display: block;
	padding: 6px 8px 7px 10px;	
	border-top: 1px solid #DDD5C2;
	text-decoration: none;
	line-height: 1.4em;
	color: #0F0D0C;
	background-color: #fff;
	height: 1%;
}

.contentNav ul li span {
	color: #988554;
	background: #fff url(../images/icon-arrow-rt.gif) 0 12px no-repeat;
}



.contentNav ul.newsBack li a {
	background: transparent url(../images/icon-arrow-lt.gif) 0 12px no-repeat;
}

.contentNav ul li a:hover, .contentNav ul.newsBack li a:hover {
	background-color: #e0ded8;
}



.contentNav ul li ul {
	border: none;
	padding-bottom: 6px;
}

.contentNav ul li ul li a, .contentNav ul li ul li span {
	border: none;
	padding: 3px 8px 3px 20px;	
}

.contentNav ul li ul li span {
	background-position: 10px 9px;
}

















.contentInner h1 {
	font-size: 1.95em;
	font-family: Georgia, Palatino, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #0F0D0C;
	padding-bottom: 0.5em;
}

.contentInner h2 {
	font-size: 1.65em;
	font-family: Georgia, Palatino, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #0F0D0C;
	padding-bottom: 0.5em;
}

.contentInner h3 {
	font-size: 1.45em;
	font-family: Georgia, Palatino, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #0F0D0C;
	padding-bottom: 0.5em;
}


.contentInner p {
	padding-bottom: 1em;
}


#layoutWrap .picWithCaption {
	background-color: #BBAC85;
	color: #fff;
	font-size: 0.92em;
	margin-bottom: 1px;
}

#layoutWrap .picWithCaption p.caption {
	padding: 12px 12px 8px 12px;
	font-size: 1.5em;
	line-height: 1.45em;
	font-family: Georgia, Palatino, Arial, Helvetica, sans-serif;
}

#layoutWrap .picWithCaption p.captionAuthor {
	padding: 0 12px 12px 12px;
}


.layoutNavContent .layoutDInner {
	width: 679px;
}

.layoutNavContent .layoutDInner .layoutE {
	width: 409px;
	padding-right: 31px;
	float: left;
	/* box model hack */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:378px;
}
html>body .layoutNavContent .layoutDInner .layoutE {
	width:378px; /* be nice to Opera */
}

.layoutNavContent .layoutDInner .layoutF {
	width: 270px;
	float: left;
}


.hiddenSlide {
 /* padding: 0 6px 6px 6px; */ 
}

.hiddenSlide .fl {
	width: 409px;
	padding-right: 31px;
	padding-left: 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	/* box model hack */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:366px;
}
html>body .hiddenSlide .fl {
	width:366px; /* be nice to Opera */
}

.hiddenSlide .fr {
	width:264px;
	padding-bottom: 6px;
	padding-right: 6px;
}



.lightQuote {
	background-color: #EEECE6;
	color: #988554;
	font-size: 0.92em;
	margin-bottom: 1px;
}

.lightQuote p.quote {
	padding: 12px;
	font-size: 1.5em;
	line-height: 1.45em;
	font-family: Georgia, Palatino, Arial, Helvetica, sans-serif;
}

.lightQuote p.quoteAuthor {
	padding: 0 12px 12px 12px;
}


.lightFact {
	background-color: #EEECE6;
	color: #988554;
	font-size: 0.92em;
	margin-bottom: 1px;
	padding: 12px;
}


.slides {
	background-color: #EEECE6;
	padding-top: 6px;
	margin-bottom: 18px;
}


#layoutWrap .content .slides h1 { color: #988554; }

#accordion { padding-top: 18px; }
#accordion h2.toggler {
	font-size: 1.65em;
	margin-top: 1px;
	background-color: #DDD5C2;
	padding: 5px 25px 6px 25px;
	background-image: url(../images/icon-arrow-rt-journey.gif);
	background-position: 9px 50%;
	background-repeat: no-repeat;
	cursor: pointer;
	font-family: Georgia, Palatino, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#accordion h2.toggler2 {
	/* text-transform: uppercase; */
	background-image: url(../images/icon-arrow-dn-journey.jpg);
}

#accordion .element {
	background-color: #FFF;
}

#accordion .elementInner {
	padding: 18px 0 0 25px;
	margin-bottom: 18px;
}

#accordion .elementInner .fl {
	width: 384px;
	padding-right: 31px;
	/* box model hack */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:353px;
}
html>body #accordion .elementInner .fl {
	width:353px; /* be nice to Opera */
}

#accordion .elementInner .fr {
	width:270px;
}


ul.timeline {
	list-style: none;
}

ul.timeline li {
	padding-bottom: 12px;
}

ul.timeline li ul {
	list-style: disc;
	margin-left: 30px;
}

ul.timeline li ul li {
	padding-bottom: 0;
}


/* certifications */

ul.certNav {
	list-style: none;
	background-color: #EEECE6;
	height: 1%;
}

ul.certNav li {
	float: left;
	padding-left: 20px;
}


.certifications { margin-bottom: 30px; background-color: #BBAC85; color: #fff; }
.certifications h3, .certifications a { color: #fff; }
.certifications p.quote {
	font-size: 1.35em;
	line-height: 1.25em;
	font-family: Georgia, Palatino, Arial, Helvetica, sans-serif;
}
.certifications .INCOMPLETE { color: #000; }


#certiso9001 { width: 56px; height: 115px; display: block; overflow: hidden; position: relative; cursor: pointer; }
#certiso9001 em { position:absolute; top:0; left: 0; background: #EEECE6 url(../images/certiso9001.gif) 0 0 no-repeat; width: 100%; height: 100%; }

#certiso14001 { width: 56px; height: 115px; display: block; overflow: hidden; position: relative; cursor: pointer; }
#certiso14001 em { position:absolute; top:0; left: 0; background: #EEECE6 url(../images/certiso14001.gif) 0 0 no-repeat; width: 100%; height: 100%; }

#certiso22000 { width: 56px; height: 115px; display: block; overflow: hidden; position: relative; cursor: pointer; }
#certiso22000 em { position:absolute; top:0; left: 0; background: #EEECE6 url(../images/certiso22000.gif) 0 0 no-repeat; width: 100%; height: 100%; }

#certcarbonneutral { width: 58px; height: 115px; display: block; overflow: hidden; position: relative; cursor: pointer; }
#certcarbonneutral em { position:absolute; top:0; left: 0; background: #EEECE6 url(../images/certcarbonneutral.gif) 0 0 no-repeat; width: 100%; height: 100%; }

#certbrc { width: 52px; height: 115px; display: block; overflow: hidden; position: relative; cursor: pointer; }
#certbrc em { position:absolute; top:0; left: 0; background: #EEECE6 url(../images/certbrc2.gif) 0 0 no-repeat; width: 100%; height: 100%; }

#certaib { width: 73px; height: 115px; display: block; overflow: hidden; position: relative; cursor: pointer; }
#certaib em { position:absolute; top:0; left: 0; background: #EEECE6 url(../images/certaib2.gif) 0 0 no-repeat; width: 100%; height: 100%; }

#certou { width: 57px; height: 115px; display: block; overflow: hidden; position: relative; cursor: pointer; }
#certou em { position:absolute; top:0; left: 0; background: #EEECE6 url(../images/certou.gif) 0 0 no-repeat; width: 100%; height: 100%; }

#certfairtrade { width: 51px; height: 115px; display: block; overflow: hidden; position: relative; cursor: pointer; }
#certfairtrade em { position:absolute; top:0; left: 0; background: #EEECE6 url(../images/certfairtrade.gif) 0 0 no-repeat; width: 100%; height: 100%; }

#certflo { width: 58px; height: 115px; display: block; overflow: hidden; position: relative; cursor: pointer; }
#certflo em { position:absolute; top:0; left: 0; background: #EEECE6 url(../images/certflo.gif) 0 0 no-repeat; width: 100%; height: 100%; }

#certorganic { width: 60px; height: 115px; display: block; overflow: hidden; position: relative; cursor: pointer; }
#certorganic em { position:absolute; top:0; left: 0; background: #EEECE6 url(../images/certorganic.gif) 0 0 no-repeat; width: 100%; height: 100%; }

#certbcs { width: 58px; height: 115px; display: block; overflow: hidden; position: relative; cursor: pointer; }
#certbcs em { position:absolute; top:0; left: 0; background: #EEECE6 url(../images/certbcs.gif) 0 0 no-repeat; width: 100%; height: 100%; }

#certjas { width: 77px; height: 115px; display: block; overflow: hidden; position: relative; cursor: pointer; }
#certjas em { position:absolute; top:0; left: 0; background: #EEECE6 url(../images/certjas.gif) 0 0 no-repeat; width: 100%; height: 100%; }

#certrainforest { width: 72px; height: 115px; display: block; overflow: hidden; position: relative; cursor: pointer; }
#certrainforest em { position:absolute; top:0; left: 0; background: #EEECE6 url(../images/certrainforest.gif) 0 0 no-repeat; width: 100%; height: 100%; }

#certutz { width: 66px; height: 115px; display: block; overflow: hidden; position: relative; cursor: pointer; }
#certutz em { position:absolute; top:0; left: 0; background: #EEECE6 url(../images/certutz.gif) 0 0 no-repeat; width: 100%; height: 100%; }

#certabic { width: 60px; height: 115px; display: block; overflow: hidden; position: relative; cursor: pointer; }
#certabic em { position:absolute; top:0; left: 0; background: #EEECE6 url(../images/certabic.gif) 0 0 no-repeat; width: 100%; height: 100%; }

#certswiss { width: 58px; height: 115px; display: block; overflow: hidden; position: relative; cursor: pointer; }
#certswiss em { position:absolute; top:0; left: 0; background: #EEECE6 url(../images/certswiss.gif) 0 0 no-repeat; width: 100%; height: 100%; }

ul.certNav li a:hover em { background-position: 0 -116px !important; }
ul.certNav li a.selected em { background-position: 0 -232px !important; }


.certDetails .fl {
	width: 409px;
	float: left;
	padding: 18px 31px 18px 18px;
	float: left;
	/* box model hack */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:360px;
}
html>body .certDetails .fl {
	width:360px; /* be nice to Opera */
}

.certDetails .fr {
	width: 270px;
	float: left;
	padding: 18px 12px;
	/* box model hack */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:246px;
}
html>body .certDetails .fr {
	width:246px; /* be nice to Opera */
}


.contentInner ul.standardList {
	margin: 0 0 1em 1em;
	}
	
.contentInner ul.standardList li {
	margin-left: 1em;
	padding-bottom: 6px;
	}


.sub {
	font-size: 0.82em;
	}
	
.sup {
	font-size: 0.82em;
	vertical-align: text-top;
	}

p.noGap { padding-bottom: 0; }


.caseWrapMain {
	border-top: 1px solid #EEECE6;
}

.caseStudy {
	padding: 12px 0;
	height: 1%;
	border-bottom: 1px solid #EEECE6;
}

.caseStudy .fl {
	width: 170px;
	padding-right: 20px;
	float: left;
	/* box model hack */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:150px;
}
html>body .caseStudy .fl {
	width:150px; /* be nice to Opera */
}

.caseStudy .fr {
	width: 509px;
	float: left;
}

.caseStudy h2 {
	font-size: 1.35em;
}

#newsletterArchive ul {
	list-style: disc;
	margin-left: 20px;
}

#newsletterArchive ul li {
	padding-bottom: 2px;
}


ul.sitemap, ul.sitemap ul, ul.sitemap ul ul {
	list-style: none;
	margin-left: 12px;
	}
		
ul.sitemap ul {
	margin-bottom: 3px;
	}
	
ul.sitemap li {
	font-weight: bold;
	padding: 3px 3px 0 2px;
	}	

ul.sitemap ul li {
	font-weight: normal;
	}
	
.addressWrap {
	width: 378px;
	margin-bottom: 6px;
	}
	
.addressRef {
	width: 95px;
	font-weight: bold;
	}
	
.address {
	width: 283px;
	}
	
.resourceWrap{
	width: 378px;
	padding: 20px 0 30px 0;
}

.resource {
	width: 140px;
	text-align: center;
	}
	
.resourceText {
	width: 238px;
	}
	
.pdf {
	background: url(../images/icon-pdf.gif) no-repeat 5px 0;
	padding: 3px 0 3px 30px;
	}
	
.getAdobeReader {
	padding: 0;
	width: 100%;
	text-align: center;
	}
	
.newsWrap {
	width: 378px;
	}
	
.newsWrap h2 {
	padding-bottom: 0;
	}
	
.newsWrap span {
	padding-bottom: 12px;
	display: block;
	}
	
#resources ul {
	list-style: none;
	margin-left: 10px;
}

#resources ul li {
	background: url(../images/icon-pdf.gif) no-repeat 0px 0;
	padding: 3px 0 3px 26px;	
	}
	
ul.resources-news {
	/*list-style: disc;*/
	/*margin: 0 0 20px 20px;*/
	margin: 0 0 20px 0;
	list-style: none;
	}

ul.resources-news li {
	padding: 3px 0 3px 3px;	
	}
	
ul.resources-pdf  {
	list-style: none;
	margin: 0 0 20px 10px;
	}
	
ul.resources-pdf li {
	background: url(../images/icon-pdf.gif) no-repeat 0px 0;
	padding: 3px 0 3px 26px;	
	}

.resourcesnews {
	padding-bottom: 12px;
	}
	
ul#newsResourcesNav {
	list-style: none;
	padding-bottom: 20px;
	height: 16px;
	}
	
ul#newsResourcesNav li {
	display: inline;
	border-right: 1px solid #988554;
	padding: 1px 6px;
	float: left;
	}
	
ul#newsResourcesNav li.first {
	padding-left: 0;
	}

ul#newsResourcesNav li.last {
	border-right: none;
	}
	
.supplyChainWrap {
	width: 378px;
	margin: 12px 0;
	}
	
.supplyChainIcon {
	width: 80px;
	}
	
.supplyChainIcon img { display: block; }
	
.supplyChainText {
	width: 298px;
	}

.supplyChainText p {
	padding: 12px 0 0 12px;
	}
	
.productCoffee {
	width: 100%;
	text-align: center;
	}
	
.newsCaption {
	color: #999;
	}
	
.newsCaption img {
	padding-bottom: 4px;
}	
	
ol {
	margin: 0 0 1em 2em;
	}
	
ul.list {
	margin: 0 0 1em 2em;
	list-style: disc;
	}
	

#mediaContent {
	width: 635px;
	padding: 20px;
	background-color: #BBAC85;
	float: right;
	color: #FFF;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#mediaContent div {
	text-align: center;
	font-weight: bold;
	padding: 10px;
}

#mediaContent a {
	font-weight: bold;
	color: #FFF;
}
#topBanner {
	position: absolute;
	left: 110px;
	top: -10px;
	right: 0px;
	bottom: 0px;
	background-color: #F00;
	height: 80px;
	width: 500px;
	margin: 0px;
	padding: 0px;
	float: none;
}