/* General settings */
html, body {
	height:100%;
	margin:0;
}
body {
	color:#000;
	font:13px arial, helvetica, sans-serif;
	background:url(../images/bg.jpg) repeat 0 0;
	min-width:950px;
}
img {border-style:none;}
a {
	color:#000;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
.clear { clear:both; line-height:0; height:0; font-size:0; }
.right { float:right; }
.left { float:left; }

/* wrapper start */
#wrapper {
	width:100%;
	height:100%;
	position:relative;
}
/* donate start */
.donate {
	position:absolute;
	top:53px;
	right:0px;
	overflow:hidden;
	z-index:999;
	display:block;
	width:43px;
	height:109px;
}
/* donate end */
#wrapper-holder {
	width:950px;
	height:100%;
	margin:0 auto;
	display:table;
}
/* main start */
#main {
	width:100%;
	min-height:100%;
	display:table-row;
}
* html #main {height:100%;}
#main .holder {display:table-row;}
/* header start */
#header {
	width:727px;
	overflow:hidden;
	padding:0 63px 60px 160px;
	position:relative;
}
/* logo start */
#header  a.logo {
	display:block;
	width:200px;
	height:146px;
	position:absolute;
	top:0;
	left:26px;
	overflow:hidden;
}
#header  a#mif-logo.logo { font-weight:bold; font-size:1.6em; }
/* logo end */
#header .box-holder {width:100%;}
#header .box-holder:after {
	content:"";
	clear:both;
	display:block;
}
/* nav start */
#nav {
	float:right;
	margin:0;
	padding:0;
	list-style:none;
}
#nav li {
	float:left;
	margin:0 1px 0 0;
	position:relative;
}

#nav .arrow {
	position:absolute;
	bottom:-61px;
	left:-9999px;
	width:28px;
	height:57px;
	z-index:999;
}
#nav .arrow em {
	display:block;
	width:28px;
	height:57px;
	background:url(../images/arrow-nav.png) no-repeat;
}
#nav li.active .arrow {left:-7px;}
#nav li a {
	display:block;
	height:38px;
	overflow:hidden;
	padding:0 9px 0 9px;
	background:url(../images/bg-nav-l.png) no-repeat;
	position:relative;
}

#nav li a span {
	height:38px;
	overflow:hidden;
	cursor:pointer;
	display:block;
}
#nav li a em {
	width:9px;
	background:url(../images/bg-nav-r.png) no-repeat;
	cursor:pointer;
	height:38px;
	overflow:hidden;
	position:absolute;
	right:0;
	width:9px;
	z-index:99;
}

#nav li a:hover,
#nav li.active a {text-decoration:none;}

#nav a span { background-repeat:no-repeat;position:relative;z-index:100; position:absolute;}

#nav .home { width:51px; }
#nav .home span {width:51px; background-image: url(../images/navigation/home.png); }
#nav .action { width:101px; }
#nav .action span { width:101px; background-image: url(../images/navigation/take-action.png); }
#nav .find { width:120px; }
#nav .find span {width:120px; background-image: url(../images/navigation/find-out-more.png); }
#nav .gallery { width:59px; }
#nav .gallery span {width:59px; background-image: url(../images/navigation/gallery.png); }
#nav .latest { width:126px; white-space:nowrap; }
#nav .latest span {width:126px; background-image: url(../images/navigation/latest-updates.png); }
#nav .contact { width:91px; }
#nav .contact span {width:91px; background-image: url(../images/navigation/contact-us.png); }

#nav a:hover span,
#nav li.active a span { background-position: 0 -38px; }

#nav a b {
	font-weight:bold;
	line-height:38px;
	position:absolute;
	width:auto;
	z-index:-1;
	display:block;
}
#nav li.active a:hover,
#nav li.active a,
#nav li a:hover { color:#cd6613; }

/* nav end */
/* follow start */
.follow {
	float:right;
	padding:15px 3px 0 0;
}
.follow span {
	float:left;
	color:#fdfdfb;
	margin:8px 5px 0 0;
}
.follow ul {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
.follow ul li {
	float:left;
	margin:0 6px 0 0;
}
.follow ul li a {
	float:left;
	width:21px;
	height:21px;
	overflow:hidden;
	text-decoration:none;
}
.follow ul li a:hover {text-decoration:none;}

/* follow end */
/* header end */
/* twocolumns start */
#twocolumns {
	width:100%;
	padding:0 0 0;
	margin:0 0 20px;
	position:relative;
}
.inner #twocolumns {padding:0;}
#twocolumns:after {
	content:"";
	clear:both;
	display:block;
}
.tea {
	position:absolute;
	top:80px;
	right:-34px;
	width:275px;
	height:285px;
	background:url(../images/bg-tea.png) no-repeat;
}
.stain {
	position:absolute;
	top:-13px;
	left:567px;
	width:183px;
	height:190px;
	overflow:hidden;
	background:url(../images/bg-stain.png) no-repeat;
}
.inner .stain {
	top:-9px;
	left:170px;
	width:170px;
	height:202px;
}
/* content start */
#content {
	float:left;
	display:inline;
	width:695px;
	position:relative;
}
.inner #content {
	width:620px;
	margin:0 0 0 68px;
}
#content h3 {
	color:#000;
	font-size:18px;
	margin:0 0 8px;
}
/* navbox start */
.navbox {width:604px;}
.navbox:after {
	content:"";
	clear:both;
	display:block;
}
.navbox .t {
	width:100%;
	height:9px;
	overflow:hidden;
	background:url(../images/bg-navbox-t.png) no-repeat;
}
.navbox .b {
	width:100%;
	height:9px;
	background:url(../images/bg-navbox-b.png) no-repeat;
}
.navbox .c {
	height:1%;
	padding: 0 9px 0 6px;
	background:url(../images/bg-navbox-c.png) repeat-y;
}
.navbox .c:after {
	content:"";
	clear:both;
	display:block;
}
.navbox .content {
	width:100%;
	float:left;
	position:relative;
}
.no-sidebar .navbox .content { background:#fff; margin-left:-2px; }
* html .navbox .content {height:348px;}
/* nav start */
.navbox .nav {
	padding:15px 0 0;
	margin:0 0 0 6px;
	list-style:none;
	float:left;
	width:130px;
}
.navbox .nav li {
	height:1%;
	margin:0 0 3px;
	font-size:18px;
	vertical-align:top;
}
.navbox .nav li a {
	display:table;
	padding:0 0 0 20px;
	color:#006a51;
	text-decoration:none;
	position:relative;
}
* html .navbox .nav li a {float:left;}
*+html .navbox .nav li a {float:left;}
.navbox .nav li:first-child.active a {margin:0 0 -4px;}
.navbox .nav li a:hover {
	color:#d07022;
	text-decoration:none;
}
.navbox .nav li span {
	display:block;
	line-height:20px;
	padding:0 0 5px;
}
.navbox .nav li.active a {
	width:130px;
	height:62px;
	color:#d07022;
	margin:-8px 0;
	background:url(../images/bg-navbox-a.png) no-repeat 12px 0;
}
.navbox .nav li.active span {
	display:table-cell;
	vertical-align:middle;
}
/* nav end */
/* cont start */
.navbox .cont {
	float:right;
	width:417px;
	background:#fff;
	position:relative;
}
.no-sidebar .navbox .cont { float:none; width:auto; }
.navbox .cont-holder {
	padding:16px 9px 150px 17px;
	position:relative;
}
.latest-updates .navbox .cont-holder,
.our-materials .navbox .cont-holder { padding-bottom:20px; }

.navbox .bg-find-out-more,
.navbox .bg-latest-updates,
.navbox .bg-gallery,
.navbox .bg-take-action,
.navbox .bg-contact-us  {
	position:absolute;
	bottom:0;
	left:0;
}
/*.navbox .bg-take-action { width:199px; height:137px;	background:url(../images/bg-content-teaBag_02.jpg) no-repeat; }*/
.navbox .bg-who-are-we { width:199px; height:137px;	background:url(../images/bg-content-tealeaf.jpg) no-repeat; }
.navbox .bg-gallery { width:199px; height:137px;	background:url(../images/bg-content-teastain_02.jpg) no-repeat; }
.navbox .bg-find-out-more { background:none; }
.navbox .bg-contact-us { width:199px; height:137px;	background:url(../images/bg-content-teaBag.jpg) no-repeat; }


.navbox .info {
	width:100%;
	overflow:hidden;
	margin:0 0 18px;
	color:#4e4e4e;
	font-weight:bold;
}
.navbox .text {
	width:100%;
	overflow:hidden;
}
.navbox .text p {margin:0 0 24px !important;}
.navbox .title {
	display:block;
	color:#000;
	font-size:13px;
	margin:0 0 4px;
}
.navbox .cont p {
	line-height:14px;
	margin:0 0 5px;
}
.navbox .cont a {
	color:#006a51;
	text-decoration:none;
}
.navbox .text a:hover {text-decoration:underline;}
/* cont end */
/* navbox end */
#content .columns {width:100%;}
#content .columns:after {
	content:"";
	clear:both;
	display:block;
}
/* cup-box start */
#content .cup-box {
	float:left;
	display:inline;
	width:192px;
	height:181px;
	margin:0 0 0 19px;
}
/* cup-box end */
/* text-box start */
.text-box {
	float:right;
	display:inline;
	width:370px;
	margin:22px 25px 0 0;
}
.text-box .text-holder {
	width:100%;
	overflow:hidden;
	padding:2px 0 0;
	background:url(../images/bg-textbox-t.gif) no-repeat;
}
.text-box .text-frame {
	width:100%;
	overflow:hidden;
	padding:0 0 2px;
	background:url(../images/bg-textbox-b.gif) no-repeat 0 100%;
}
.text-box .text-cont {
	min-height:196px;
	overflow:hidden;
	background:#f5ebdf;
	padding:4px 9px;
}
* html .text-box .text-cont {height:196px;}
.text-box p {
	line-height:14px;
	margin:0 0 5px;
}
.film {
	display:block;
	width:331px;
	height:43px;
	overflow:hidden;
	margin:13px 0 7px;
	display:block;
}
/* text-box end */
/* twitter-panel start */
.twitter-panel {
	float:left;
	display:inline;
	width:330px;
	margin:-26px 0 0 85px;
	position:relative;
}
.twitter-panel .twitter-holder {
	width:100%;
	overflow:hidden;
}

.tweeting {
	width:180px;
	height:72px;
	overflow:hidden;
	margin:0 0 0 3px;
}
/* twitter-panel end */

/* join start */
.join {
	float:right;
	display:inline;
	width:244px;
	margin:40px -14px 0 0;
	position:relative;
}
.join a {display:block;}
.join a img {display:block;}
/* join end */
/* content end */
/* sidebar start */
#sidebar {
	float:right;
	display:inline;
	width:210px;
	padding:19px 0 0;
	margin:0 26px 0 0;
	position:relative;
}
.inner #sidebar { padding-top:2px; }
.inner #sidebar .join { float:none; display:block; margin:0; }

#sidebar .box {width:174px;}
#sidebar .box:after {
	content:"";
	clear:both;
	display:block;
}
#sidebar .box .t {
	width:100%;
	height:13px;
	overflow:hidden;
	background:url(../images/bg-box-t.png) no-repeat;
}
#sidebar .box .c {
	height:auto;
	padding:0 11px 0 4px;
	background:url(../images/bg-box-c.png) repeat-y;
}
#sidebar .box .c:after {
	content:"";
	clear:both;
	display:block;
}
#sidebar .box .b {
	width:100%;
	height:14px;
	overflow:hidden;
	background:url(../images/bg-box-b.png) no-repeat;
}
.latest-updates #sidebar { padding-top:4px; }
.latest-updates #sidebar .box .t { height:12px; background:url(../images/bg-box-news-t.png) no-repeat; }
.latest-updates #sidebar .box .c { background:url(../images/bg-box-news-c.png) repeat-y; }
.latest-updates #sidebar .box .b { background:url(../images/bg-box-news-b.png) no-repeat; }
.latest-updates #sidebar h2 { margin-top:7px; }
.latest-updates #sidebar a { color:#006a51; display:block; margin-top:5px; font-weight:bold; }
.latest-updates #sidebar .date { color:#4e4e4e; font-weight:bold; margin-top:5px; }
.latest-updates #sidebar #teabag { position:absolute; z-index:-1; right:-80px; top:20px; }

/* box-cont start */
#sidebar .box .box-cont {float:left;}
/* photo start */
#sidebar .box .photo {
	margin:-47px 0 0 -24px;
	padding:0;
	position:relative;
}
#sidebar .box .photo.home { background:url(../images/photo-home.png) no-repeat;  width:181px; height:204px; }
#sidebar .box .photo.find-out-more { background:url(../images/photo-find-out-more.png) no-repeat;  width:176px; height:216px; }
#sidebar .box .photo.who-are-we { background:url(../images/photo-who-are-we.png) no-repeat; width:171px; height:210px; }
#sidebar .box .photo.take-action { background:url(../images/photo-take-action.png) no-repeat; width:182px; height:220px; margin-top:-37px; }
#sidebar .box .photo.gallery { background:url(../images/photo-gallery.png) no-repeat;  width:176px; height:216px; }
#sidebar .box .photo.right { position:absolute; left:40px; }

#sidebar a.download_pdf { display:block; width:140px; height:68px; }

/* photo end */
#sidebar .box .cont {
	height:1%;
	overflow:hidden;
	padding:0 4px 0 7px;
	margin:0 0 11px;
}
#sidebar .box .photoright .photo { margin-left: 0; margin-top:-31px; }
#sidebar .box .photoright .cont {padding-right:25px; }
.box-cont blockquote {
	height:1%;
	overflow:hidden;
	margin:-1px 0 9px;
	padding:0;
	line-height:14px;
	padding-bottom:5px;
}
.box-cont blockquote q {
	display:block;
	quotes:none;
	font-weight:bold;
	letter-spacing:-1px;
	margin:0 0 4px;
}
.box-cont blockquote q:before {content:"";}
.box-cont blockquote q:after {content:"";}
.box-cont blockquote cite {
	display:block;
	font-style:normal;
}
.more {
	display:block;
	width:92px;
	height:24px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/text-more.png) no-repeat;
	position:relative;
}
/* box-cont end */
/* sidebar end */
/* twocolumns end */
/* main end */
/* footer start */
#footer {
	width:100%;
	overflow:hidden;
	display:table-footer-group;
	color:#fdfdfb;
	font-size:.9em;
}
#footer .holder {
	height:1%;
	display:table-row;
}
#footer .frame {
	display:table-cell;
	height:1%;
	overflow:hidden;
	padding:0 13px 7px 85px;
}
/* logo start */
#footer .logo {
	float:right;
	overflow:hidden;
	padding:16px 10px 0 0;
}
#footer .logo a {
	display:block;
	width:201px;
	height:57px;
}
#footer #wi.logo { padding-right:0;  }
#footer  a#wi.logo {
	display:block;
	width:152px;
	height:56px;
	color:#fff;
}
#footer  a#wi.logo:hover { text-decoration:none; }
#footer  a#wi.logo { display:block;font-size:10px; font-weight:normal; }
#footer  a#wi.logo span { display:block; }
#footer  a#wi.logo img { margin-right:5px; color:#000; clear:both; }

/* logo end */
/* info start */
#footer .info {margin:0 0 6px;}
#footer .info p {margin:0;}
#footer .info p a {
	color:#fdfdfb;
	text-decoration:none;
}
#footer .info p a:hover {text-decoration:underline;}
#footer .nav {
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
	height:1%;
	overflow:hidden;
}
#footer .nav li:first-child {
	padding:0 6px 0 0;
	background:none;
}
#footer .nav li {
	float:left;
	padding:0 6px 0 7px;
	background:url(../images/divide-nav.gif) no-repeat 0 4px;
}
#footer .nav li a {
	color:#fdfdfb;
	text-decoration:none;
}
#footer .nav li a:hover {text-decoration:underline;}
/* info end */
/* license start */
#footer .license {
	font-size:11px;
	overflow:hidden;
	margin:0 0 6px;
}
#footer .license p {
	line-height:12px;
	margin:0;
}
#footer .license p.odd { margin-top:10px; }
/* license end */
/* footer end */
/* wrapper end */

/* forms */
input,
select { border:none; padding:4px; border-left:none;  width:200px; }
select { width:210px; margin-bottom:2px; }
.submit { margin-top:5px; cursor:pointer; border:none; width:auto; }
label { float:left; margin-bottom:5px; padding:4px; color:#666; }
.inputrow , textarea { border:1px solid #ccc; width: 366px; margin-bottom:5px; }
textarea { font-family:arial; font-size:13px }
.cb {width:auto; padding:0; margin:0; height:auto; }

.red { color:#f00; }
.pdfdownloads a,
.pdfdownloads div#tea-postcard { padding:3px 5px 5px 61px; display:block; height:76px; }
.pdfdownloads a  span { font-weight:bold; color:#cd6613; }
.pdfdownloads a#the_people_behind_your_cuppa { background:transparent url(../images/downloads-the_people_behind_your_cuppa.jpg) no-repeat; }
.pdfdownloads a#pp_the_people_behind_your_cuppa { background:transparent url(../images/downloads-pp_the_people_behind_your_cuppa.png) no-repeat; }
.pdfdownloads a#briefing_paper { background:transparent url(../images/downloads-briefing_paper.jpg) no-repeat; }
.pdfdownloads a#mif-tea-petition { background:transparent url(../images/downloads-mif-tea-petition.jpg) no-repeat; }
.pdfdownloads a#a3-poster { background:transparent url(../images/downloads-a3poster.jpg) no-repeat; }
.pdfdownloads a#key_ways_that_tea_producers_benefit_from_fairtrade { background:transparent url(../images/downloads-key_ways_that_tea_producers_benefit_from_fairtrade.jpg) no-repeat; }
.pdfdownloads a#QA { background:transparent url(../images/downloads-qa.jpg) no-repeat; }
.pdfdownloads div#tea-postcard { background:transparent url(../images/tea_postcard_thumb.jpg) no-repeat; }
.pdfdownloads div#tea-postcard a { padding:0; display:inline; height:auto; }
/*school resources*/
.pdfdownloads a#tea_campaign_action_for_kids { background:transparent url(../images/downloads-tea_campaign_action.jpg) no-repeat; }
.pdfdownloads a#tea_campaign_action_for_kids_ppt { background:transparent url(../images/downloads-tea_campaign_action_for_kids_ppt.jpg) no-repeat; }
.pdfdownloads a#tea_company_addresses { background:transparent url(../images/downloads-addresses.jpg) no-repeat; }
.pdfdownloads a#colouring_templates { background:transparent url(../images/downloads-colouring_templates.jpg) no-repeat; }
.pdfdownloads a#teatally-poster-leaflet { background:transparent url(../images/teatally_thumb.jpg) no-repeat; }

.question { color:#cd6613; font-weight:bold;  margin:5px 0 5px 0; cursor:pointer; }
.answer {display:none; margin-bottom:10px; }
.smallinputs .title { margin-top:20px; }
.smallinputs input { width:20px; border:1px solid #ccc; float:left; }
.smallinputs div { margin:5px 0 5px 0; clear:both; overflow:hidden; }
.smallinputs span { display:block; float:left; margin-left:5px; width:340px; }
.find-out-more .navbox .title { margin-top:20px; }
.teastain-backpanel { position:absolute; left:-100px; top:300px; z-index:-1; width:300px; height:300px; background:url(../images/bg-content-teastain01.png) no-repeat 0 0; }
.take-action .teastain-backpanel { left:400px; }
.contact-us .teastain-backpanel { left:400px; }
.mug-backpanel { position:absolute; left:-340px; top:200px; z-index:-1; width:300px; height:300px; background:url(../images/bg-content-mugoftea.png) no-repeat 0 0; }
.box-cont blockquote q { font-weight:bold; }

/*take action form*/
#form-goFairtrade .mugs { float:left; display:block; height:213px; cursor:pointer; position:relative; }
#form-goFairtrade .mugs .img { height:213px; position:absolute; z-index:2; width:100%; text-align:right; }
#form-goFairtrade .mugs .txt { position:relative; z-index:1; }
#form-goFairtrade .mugs .img input { width:auto; padding:0; margin:130px 10px 0 0; height:auto; }

#form-goFairtrade #tetley.mugs:hover .img,
#form-goFairtrade #pgtips.mugs:hover .img,
#form-goFairtrade #typhoo.mugs:hover .img,
#form-goFairtrade #twinings.mugs:hover .img,
#form-goFairtrade #yorkshire.mugs:hover .img { background-position:0 100%; }

#form-goFairtrade #optouttxt { font-size:11px; }

#form-goFairtrade #tetley.mugs  { width:108px;  }
#form-goFairtrade #tetley.mugs .img { background:transparent url(../images/mugs/mug-tetley.png) no-repeat 0 0;  }

#form-goFairtrade #pgtips.mugs { width:109px; }
#form-goFairtrade #pgtips.mugs .img { background:transparent url(../images/mugs/mug-pgtips.png) no-repeat 0 0; }

#form-goFairtrade #typhoo.mugs { width:109px; }
#form-goFairtrade #typhoo.mugs .img { background:transparent url(../images/mugs/mug-typhoo.png) no-repeat 0 0; }

#form-goFairtrade #twinings.mugs { width:106px; }
#form-goFairtrade #twinings.mugs .img { background:transparent url(../images/mugs/mug-twinings.png) no-repeat 0 0; }

#form-goFairtrade #yorkshire.mugs { width:118px; }
#form-goFairtrade #yorkshire.mugs .img { background:transparent url(../images/mugs/mug-yorkshire.png) no-repeat 0 0; }

#form-goFairtrade .info { margin:15px 0 0 0; }

#form-goFairtrade.step1 .submit { float:right; }

#form-goFairtrade #listbox { background:#c1e5dd; padding:5px; float:left; width:225px; margin-left:-17px; position:absolute;z-index:100; }
#form-goFairtrade #listbox div { padding-left:40px; margin-bottom:5px; min-height:32px; }
#form-goFairtrade #listbox #one { background:transparent url(../images/1.png) no-repeat; }
#form-goFairtrade #listbox #two { background:transparent url(../images/2.png) no-repeat; }
#form-goFairtrade #listbox #three { background:transparent url(../images/3.png) no-repeat; }
.take-action .cont-holder { padding-bottom:65px; }

/* error message */
#error-msg { border:1px solid #f00; padding:10px; background:#FFEAEA; margin-bottom:10px; }

/* helper classes */
.imgleft { margin:0 10px 5px 0; float:left; }