@charset "utf-8";

/* Font stuff */
@font-face {
    font-family: 'Fairtrade1Regular';
    src: url('../fonts/fairtrade1-webfont.eot');
    src: url('../fonts/fairtrade1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fairtrade1-webfont.woff') format('woff'),
         url('../fonts/fairtrade1-webfont.ttf') format('truetype'),
         url('../fonts/fairtrade1-webfont.svg#Fairtrade1Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* CSS Document */
body{
	background: #ebebeb;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif;
}
#container{ 
	background: url(../images/interface/body_background.gif);
	width: 920px;
	min-height: 500px;
	margin: auto;
	padding: 20px 35px 35px 35px;
}
#header #logo, #header #image{ float: left;}
#header #image{ margin-left: 29px; margin-right: 0px; float:right;}
#header #text{ float: right; font-size: 2.0em; color: #a9d02d; line-height: 30px;}
#main_nav{ clear: both; font-size: 1.4em; font-family:'Fairtrade1Regular',Arial,sans-serif; margin-top: 20px;}
#main_nav{ min-height: 30px;}
#main_nav ul li{ 
	float: left; 
	/* width: 129px; */
	text-align: center; 
	min-height: 30px;
	line-height: 30px;
	/* font-weight: bold; */
}
#main_nav UL LI A#products{ color: #7b950c;}
#main_nav UL LI A#producers{ color: #6e00c3;}
#main_nav UL LI A#get_involved{ color: #ff0000;}
#main_nav UL LI A#press_office{ color: #E55A9B;}
#main_nav UL LI A#resources{ color: #ff6c00;}
#main_nav UL LI A#business_services{ color: #006fcd;}
#main_nav UL LI A:hover{text-decoration: underline;}
#main_nav ul li:hover, #main_nav ul li.current{ }
#main_nav ul li:hover a, #main_nav ul li.current a{}
#main_nav ul li a{  text-decoration: none; padding: 0px 12px; color: #009fcf;}
#breadcrumbs{ 
	width: 890px; 
	margin-left: 15px; 
	font-size: 1em; 
	line-height: 30px; 
	clear: both;
	border: 1px solid #ededed;
	border-width: 1px 0 1px 0;
	color: #b1b3b6;
}
#breadcrumbs a, #breadcrumbs a:visited{ color: #0066FF;}
#secondary_nav{ 
	color: #808080;
    background: #ddecf1;
	width: 158px;
	/* padding: 6px; */
	margin-top: 50px;
	min-height: 250px;
	padding-bottom: 10px;
	/*float: left;*/
}
#secondary_nav h3{ font-size: 14px; font-family:'Fairtrade1Regular',Arial,sans-serif;  color: white; background: #20abdc; padding: 5px; text-transform: uppercase; font-weight: normal;}
#secondary_nav ul{ font-size: 1.2em; padding: 4px 0 0 0;}
#secondary_nav ul ul{ font-size: 1em; margin-left: 2em; /* margin-top: 1em; */}
#secondary_nav ul li{ /* margin-bottom: 14px; */ padding: 7px 5px 7px 10px;}
#secondary_nav ul li.active{ background: white !important; text-decoration: underline;}
#secondary_nav ul li a{ color: #808080; text-decoration: none; font-weight: bold; line-height: 1.2em;}
#secondary_nav ul li a:hover{ text-decoration: underline;}
#main{ float: right; /*margin-top: 2px;*/ width: 712px;}
#main #main_image{  height: 313px; width: 711px;}
#main_image #header{ width: 711px; height: 54px; /*background: url(../images/interface/main_image_header_bg.png) repeat-x;*/}
#main_image #header h1{ font-size: 4em; color: #17a3c7; margin: 0 0 0 5px; line-height: 1.2em; font-family:'Fairtrade1Regular',Arial,sans-serif;font-weight: normal; }
.clearing_div{ clear: both; width: 100%; height: 1px; line-height: 1px;}
.float_right{ float: right;}
.landing_panel{ width: 215px; float: left; margin-top: 10px; margin-left: 33px;}
#main .landing_panel p{ line_height: 1em; font-size: 1.1em;}
.landing_panel img{ margin-left: 2px;}
.landing_panel.first{ margin-left: 0px;}
.landing_panel h2{ font-size: 1.2em; color: #009fcf;}
.landing_panel h2 a{ font-size: 1em; color: #009fcf; text-decoration: none; font-family:'Fairtrade1Regular',Arial,sans-serif;font-weight: normal; }
.landing_panel h2 a:hover{text-decoration: underline; }
.landing_panel h2 a:hover{ text-decoration:underline;}
.landing_panel p{ margin-top: 1.3em;}
.two_column{ width: 300px;}
.four_column{ width: 150px;}
.landing_panel.four_column img{ margin-left: 0px;}
.four_column P {margin-right: 1em !important;}
#content{ padding-bottom: 2em;}
#page_footer{ clear: both; line-height: 2em; height: 2em; padding-top: 3em; text-align: center; margin-left: 40px;}
#page_footer ul li{ 
	float: left; 
	padding: 0 5px 0 5px; 
	font-size: 0.9em;
	border-left: 1px solid #17a3c7;
}
#page_footer ul li.first{ border: 0;}
#page_footer ul li a{ color: #17a3c7; text-decoration: none;}
#site_footer{ background: #ddecf1; height: 3em; color: #3a93c1; line-height: 3em; text-align: center; width: 965px; margin: auto}
#site_footer p{font-size: 1.1em;}
#main h1{ font-size: 1.6em; color: #17a3c7; margin: 1em 0; font-family:'Fairtrade1Regular',Arial,sans-serif;font-weight: normal;}
#main h2{ font-size: 1.4em; font-weight: bold; color:#333333; margin: 1em 0 0.5em 0;}
#main p{ margin-bottom: 1.5em; font-size: 1.2em; line-height: 1.6em; margin-right: 6em; color:#666666;}
#main ul{ font-size: 1.2em; line-height: 1.6em; margin-bottom: 1.5em; list-style: disc; margin-left: 15px; color:#666666;}
#gallery ul{ list-style: none;}
#gallery ul li{ float: left; margin-right: 10px; width: 100px;}

h1#header{ font-size: 4em; margin: 0.2em 0;}
.errors{ background: #ffb0b0; border: 2px solid #f64747; padding: 10px; font-size: 12px; margin-bottom: 10px; line-height: 15px; width: 75%;}
#under_nav{ margin-top: 20px;}
#EmailForm label{ width: 220px; float: left;}
#counter{ background: #F8CD5E; width: 300px; padding: 5px; font-size: 2em;}
.red{ color:#ff0000;}

/*--Cotton CSS--*/
#main table td p {margin-bottom:10px;}
#main table td p a {color:#333;}
#main table td p a:hover {text-decoration:none;}
#main div.video_chunk {margin-right:70px;}


/*---Fairtrade Fortnight 2012---*/
#ft2012_wrapper {width:712px; position:relative;}
#ft2012_wrapper p {margin-bottom:0; padding-bottom:10px;}

#ft_body .header {height:290px; width:711px; background:url(../images/images_f14/header_home.jpg) 0 0 no-repeat;}
#ft_body .header .title {background:url(../images/images_f14/bg_title.png) 0 0 repeat; width:711px; height:54px;}
#ft_body .title H1 {font-size:40px; margin:0; padding:5px 8px;}

#ft2012_nav {width:712px; height:24px; margin:0; padding:0;}
#ft2012_nav UL {margin:0; padding:0 0 0 20px; height:24px; width:691px; background:#000;}
#ft2012_nav LI {list-style:none; float:left; margin:0; padding:0;}
#ft2012_nav LI A {display:block; float:left; margin:0; padding:0; height:28px; margin-top:-4px; background:url(../images/images_f14/bg_nav2012.png) 0 0 no-repeat;}
#ft2012_nav LI A SPAN {display:none;}
#ft2012_nav LI A#ft2012_home_link {width:70px;}
#ft2012_nav LI A#ft2012_involved_link {width:137px; background-position:-70px 0px;}
#ft2012_nav LI A#ft2012_press_link {width:72px; background-position:-207px 0px;}
#ft2012_nav LI A#ft2012_events_link {width:82px; background-position:-279px 0px;}
#ft2012_nav LI A#ft2012_resource_link {width:113px; background-position:-361px 0px;}
#ft2012_nav LI.active A#ft2012_home_link {background-position:0px -28px;}
#ft2012_nav LI.active A#ft2012_involved_link {background-position:-70px -28px;}
#ft2012_nav LI.active A#ft2012_press_link {background-position:-207px -28px;}
#ft2012_nav LI.active A#ft2012_events_link {background-position:-279px -28px;}
#ft2012_nav LI.active A#ft2012_resource_link {background-position:-361px -28px;}
#ft2012_nav LI A#ft2012_home_link:HOVER {background-position:0px -28px;}
#ft2012_nav LI A#ft2012_involved_link:HOVER {background-position:-70px -28px;}
#ft2012_nav LI A#ft2012_press_link:HOVER {background-position:-207px -28px;}
#ft2012_nav LI A#ft2012_events_link:HOVER {background-position:-279px -28px;}
#ft2012_nav LI A#ft2012_resource_link:HOVER {background-position:-361px -28px;}

#ft2012_wrapper .body {margin:0; background:url(../images/images_f14/bg_body.jpg) 0 0 no-repeat; padding:30px 30px 0; min-height:316px; position:relative;}
#ft2012_wrapper .body_end {margin:0; background:url(../images/images_f14/bg_body_end.jpg) 0 0 no-repeat; padding:0; height:30px;}
#ft2012_wrapper .body H2 {margin:0;}
#ft2012_wrapper .body .inner {position:relative;}
#ft2012_wrapper H3 {margin:0; font-size:14px; line-height:20px; font-family:'Fairtrade1Regular','Arial',sans-serif; font-weight:normal; text-transform:uppercase;}
#ft2012_wrapper .blue {color:#1dbce3;}
#ft2012_wrapper .blue2 {color:#00b5b3;}
#ft2012_wrapper .green {color:#92c755;}
#ft2012_wrapper .dark_green {color:#18b5b2;}
#ft2012_wrapper .text {width:490px;}
#ft2012_wrapper .text P {margin-right:0;}
#ft2012_wrapper .video {margin:10px 0;}
#ft2012_wrapper .divider {height:5px; background:url(../images/images_f14/bg_divider.jpg) 0 0 repeat-x; margin-bottom:20px;}
#ft2012_wrapper .columns .left {float:left; width:236px; margin-right:28px;}
#ft2012_wrapper .columns .left:last-child {margin-right:-10px;}
#ft2012_wrapper .columns:after {clear:both; display:block; content:"";}
#ft2012_wrapper .columns .left H3 {margin-bottom:10px;}
#ft2012_wrapper .columns .left P {margin-top:10px;}
#ft2012_wrapper .columns .left A {text-decoration:none; color:#00bbe7; font-weight:bold;}
#ft2012_wrapper .columns .left A:HOVER {text-decoration:underline;}
#ft2012_wrapper .left.square_links {margin-top:-10px;}
#ft2012_wrapper .left.square_links A {display:table-cell; vertical-align:middle; height:34px; width:180px; padding-left:50px; line-height: 16px;}
#ft2012_wrapper .left.square_links A.large {height:83px;}
#ft2012_wrapper .left.square_links A.blue {background:url(../images/images_f14/arrow_blue.jpg) 0 2px no-repeat; color:#1dbce3;}
#ft2012_wrapper .left.square_links A.blue2 {background:url(../images/images_f14/arrow_blue2.jpg) 0 2px no-repeat; color:#00b5b3;}
#ft2012_wrapper .left.square_links A.green {background:url(../images/images_f14/arrow_green.jpg) 0 2px no-repeat; color:#92c755;}
#ft2012_wrapper .left.square_links A.dark_green {background:url(../images/images_f14/arrow_dark_green.jpg) 0 2px no-repeat; color:#61bd6e;}

#ft2012_wrapper #press .columns h3 {margin-top:1px;}
#ft2012_wrapper .left.square_links P {margin-bottom:0;}

#ft2012_wrapper #events H3 {margin-bottom:10px;}
#ft2012_wrapper #events .divider {margin:30px 0;}
#ft2012_wrapper #events .left.square_links A.large {height:48px;}
#ft2012_wrapper #events H3#h3_register {width:385px; height:36px; position:relative; border-bottom:1px solid #000;}
#ft2012_wrapper #events A#btn_register {display:block; height:27px; width:135px; background:url(../images/images_f14/btn_click_here.jpg) 0 0 no-repeat; position:absolute; right:5px; top:5px;}
#ft2012_wrapper #events A#btn_register span {display:none;}

#ft2012_wrapper #ft_social {margin-top: 20px;}
#ft2012_wrapper #ft_social:after {clear:both; display:block; content:"";}
#ft2012_wrapper .flickr,
#ft2012_wrapper .fb {width:320px; float:left;}
#ft2012_wrapper #ft_social h3 {margin-bottom:20px;}
#ft2012_wrapper #ft_social #flickr_inner {min-height:304px;}
#ft2012_wrapper #ft_social .flickr h3 {margin-bottom:32px}
#ft2012_wrapper #ft_social A IMG {padding-right:20px; padding-bottom:20px;}

#ft2012_wrapper a.mail {color: #00bbe7; text-decoration: none; font-weight: bold;}
#ft2012_wrapper a.mail:hover {text-decoration:underline;}