﻿/* =================================
   About-us specific css
   ============================== *\

/* === About-us Headings === */

.heading.testimonials {width:206px; height:42px;}
.heading.testimonials span {background-image: url("/content/aboutus/headers/testimonials.gif");}

.heading.about-abel-cole {width:300px; height:33px;}
.heading.about-abel-cole span {background-image: url("/content/aboutus/headers/about-abel-cole.gif");}

.heading.about-brain-food {width:280px; height:26px;}
.heading.about-brain-food  span {background-image: url("/content/brainfood/headers/about-brain-food.gif");}

.heading.keiths-story {width:300px; height:33px !important;}
.heading.keiths-story span {background-image: url("/content/aboutus/headers/keiths-story.gif");}

.heading.our-campaigns {width:240px; height:33px;}
.heading.our-campaigns span {background-image: url("/content/aboutus/headers/our-campaigns.gif");}

.heading.our-newsletter-archive {width:361px; height:33px;}
.heading.our-newsletter-archive span {background-image: url("/content/aboutus/headers/our-newsletter-archive.gif");}

.heading.employment-opportunities {width:432px; height:33px;}
.heading.employment-opportunities span {background-image: url("/content/aboutus/headers/employment-opportunities.gif");}

.heading.organic-farming {width:270px; height:33px;}
.heading.organic-farming span {background-image: url("/content/aboutus/headers/organic-farming.gif");}

.heading.organic-principles {width:300px; height:33px;}
.heading.organic-principles span {background-image: url("/content/aboutus/headers/organic-principles.gif");}

.heading.more-about-organics {width:330px; height:33px;}
.heading.more-about-organics span {background-image: url("/content/aboutus/headers/more-about-organics.gif");}

.heading.whats-it-all-about {width:300px; height:33px;}
.heading.whats-it-all-about span {background-image: url("/content/aboutus/headers/whats-it-all-about.gif");}

.heading.how-does-it-work {width:300px; height:33px;}
.heading.how-does-it-work span {background-image: url("/content/aboutus/headers/how-does-it-work.gif");}

.heading.what-are-the-bags-like {width:370px; height:33px;}
.heading.what-are-the-bags-like span {background-image: url("/content/aboutus/headers/what-are-the-bags-like.gif");}

.heading.getting-started2 {width:250px; height:33px;}
.heading.getting-started2 span {background-image: url("/content/aboutus/headers/getting-started.gif");}

.heading.stories-from-other-schools {width:430px; height:33px;}
.heading.stories-from-other-schools span {background-image: url("/content/aboutus/headers/stories-from-other-schools.gif");}

.heading.newsletter {width:180px; height:33px;}
.heading.newsletter span {background-image: url("/content/aboutus/headers/newsletter.gif");}

.heading.farmers-choice {width:250px; height:33px;}
.heading.farmers-choice span {background-image: url("/content/aboutus/headers/farmers-choice.gif");}

.heading.brain-food {width:173px; height:33px;}
.heading.brain-food span {background-image: url("/content/aboutus/headers/brain-food.gif");}

.heading.the-wheelie-big-bike-drop {width:183px; height:33px;}
.heading.the-wheelie-big-bike-drop span {background-image: url("/content/aboutus/headers/the-wheelie-big-bike-drop.gif");}

.heading.pedal-powered-party {width:255px; height:33px;}
.heading.pedal-powered-party span {background-image: url("/content/aboutus/headers/pedal-powered-party.gif");}

.heading.one {width:561px; height:33px;}
.heading.one span {background-image: url("/content/aboutus/headers/one.gif");}

.heading.two {width:272px; height:33px;}
.heading.two span {background-image: url("/content/aboutus/headers/two.gif");}

.heading.this-week {width:250px; height:33px;}
.heading.this-week span {background-image: url("/content/aboutus/headers/this-week.gif");}

.heading.what-makes-us-different {width:400px; height:33px;}
.heading.what-makes-us-different span {background-image: url("/content/aboutus/headers/what-makes-us-different.gif");}

.heading.shoe-in {width:67px; height:26px;}
.heading.shoe-in span {background-image: url("/content/aboutus/headers/shoe-in.gif");}

.heading.contact-us {width:180px; height:33px;}
.heading.contact-us span {background-image: url("/content/aboutus/headers/contact-us.gif");}

.heading.general-links-we-recommend {width:460px; height:33px;}
.heading.general-links-we-recommend span {background-image: url("/content/aboutus/headers/general-links-we-recommend.gif");}

.heading.why-abel-cole {width:248px; height:34px;}
.heading.why-abel-cole span {background-image: url("/content/aboutus/headers/why-abel-cole.gif");}


/* h3 headings */
.heading.when-is-british-not-british {width:200px; height:33px;}
.heading.when-is-british-not-british span {background-image: url("/content/aboutus/headers/when-is-british-not-british.gif");}

.britain-buzzing {width:156px; height:33px;}
.britain-buzzing span {background-image: url("/content/aboutus/headers/britain-buzzing.gif");}

.heading.books {width:100px; height:33px;}
.heading.books span {background-image: url("/content/aboutus/headers/books.gif");}

.heading.organisations {width:100px; height:33px;}
.heading.organisations span {background-image: url("/content/aboutus/headers/organisations.gif");}

.heading.feedback {width:100px; height:33px;}
.heading.feedback span {background-image: url("/content/aboutus/headers/feedback.gif");}

.heading.organic-for-offices { width: 180px;  height: 33px; }
.heading.organic-for-offices span { background-image:url("/content/aboutus/headers/organic-for-offices.gif"); }

.heading.organic-for-kids { width: 345px;  height: 33px; }
.heading.organic-for-kids span { background-image:url("/content/aboutus/headers/organic-for-kids.gif"); }

.what-we-can-do {width:207px; height:33px;}
.what-we-can-do span {background-image: url("/content/aboutus/headers/what-we-can-do.gif");}

.what-you-can-do {width:141px; height:33px;}
.what-you-can-do span {background-image: url("/content/aboutus/headers/what-you-can-do.gif");}

.how-you-can-help {width:133px; height:33px;}
.how-you-can-help span {background-image: url("/content/aboutus/headers/how-you-can-help.gif");}

.we-know-fruit-and-veg {width:317px; height:33px;}
.we-know-fruit-and-veg span {background-image: url("/content/aboutus/headers/we-know-fruit-and-veg.gif");}

.customers-know-good-food {width:428px; height:33px;}
.customers-know-good-food span {background-image: url("/content/aboutus/headers/customers-know-good-food.gif");}

.farmers-best-land {width:331px; height:33px;}
.farmers-best-land span {background-image: url("/content/aboutus/headers/farmers-best-land.gif");}

.no-waste {width:322px; height:33px;}
.no-waste span {background-image: url("/content/aboutus/headers/no-waste.gif");}

.right-people {width:268px; height:33px;}
.right-people span {background-image: url("/content/aboutus/headers/right-people.gif");}



/* === Extra layout styles === */
/* Contact */
.about.contact-us .col-right span {
	margin:30px 0px 30px;
}


span.call-us-sign {
	background:transparent url(/images/layout/call-us-sign.gif) no-repeat scroll 0 0;
	float:right;
	height:163px;
	text-indent:-1000em;
	width:182px;
	display: block;
}

/* Campaigns */
.campaign-list { margin: 0;	}
.campaign-list li { margin: 6px 0 6px 5px; list-style-position: outside; }
.campaign-copy { font-size: 1.2em; }
.campaign-copy img { float: right; }

/* Employment opps */
.stories-list, 
.jobs-list { margin-top: 20px;}
.stories-list dt,
.jobs-list dt { 
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: #DF710D;
	font-weight: normal;
	font-size: 1.25em;
	background: url("/images/layout/dot-1.gif") repeat-x left bottom;
}
.jobs-list dd,
.stories-list dd{ margin-bottom: 20px; }
.stories-list em { font-size: .9em; font-weight: bold; }
.employment-copy { font-size: 1.2em; }

/* Farmers choice */
.main-col.about.farmers-choice {
	margin-right:20px;
}
.fc-col {
	width: 170px;
	padding-right: 10px;
	float: left;
	font-size: 1.1em;
}
.fc-col h4 {
	font-weight: normal;
	font-size: 1.2em;
	color: #DC8E3A;
	padding-bottom: 10px;
}
.fc-col li {
	border-top: 1px dotted #777;
	line-height: 1.3em;
	padding-top: 3px;
}

.main-col.about-us {
margin-right:50px;
}

/* What makes us different */

.black { color: #000 !important; }
.orange { color: #EC8E00 !important; }
.main-col.about.we-source-seasonal-british-food,
.main-col.about.we-minimise-packaging,
.main-col.about.were-passionate-about-animal-welfare,
.main-col.about.weve-been-doing-this-since-1988,
.main-col.about.what-makes-us-different {
	margin-right:20px;
}
.about .reasons-box .items .item {
	/*cursor:pointer;*/
	width:130px;
}
.about .reasons-box .items .item h4.current-active {
	color:#000000;
}
.about .reasons-box .items .item h3 {
	color:#597D39;
	font-size:1.2em;
	font-weight:normal;
	margin:0 0 10px;
}
.about .reasons-box .items .item h4 {
	clear:left;
	color:#597D39;
	font-weight:normal;
	font-size:1.1em;
}
.about .reasons-box .items .reason {
	background:transparent url(/images/headings/what-makes-us-different-reasons.gif) no-repeat 0 0;
	text-indent:-1000em;
	width:120px;
	height:20px;
}
.about .reasons-box .item .r1 { background-position:0 0; }
.about .reasons-box .item .r2 { background-position:-121px 0; }
.about .reasons-box .item .r3 { background-position:-246px 0; }
.about .reasons-box .item .r4 { background-position:-370px 0; }
.about .reasons-box .item .r5 { background-position:-494px 0; }
.about .reasons-box .item .r1.selected { background-position:0 -23px; }
.about .reasons-box .item .r2.selected { background-position:-121px -23px; }
.about .reasons-box .item .r3.selected { background-position:-246px -23px; }
.about .reasons-box .item .r4.selected { background-position:-370px -23px; }
.about .reasons-box .item .r5.selected { background-position:-494px -23px; }

.about .reasons-box .reasons {
	clear:none !important;
}
.about .reasons-box .reasons .hidden {
	display:none;
}
.about .reasons-box .reasons img {
	margin-bottom:10px;
	margin-top: 30px;
}
.about .reasons-box .reasons .col-1, 
.about .reasons-box .reasons .col-2 {
	float:left;
	font-size:1.2em;
	width:260px;
}
.about .reasons-box .reasons .col-2 {
	margin-left:10px;
}

/* Misc */
.imgleft {
	float: left; 
	margin-right: 15px; 
	margin-bottom: 15px;
}
.imgright {
	float: right; 
	margin-left: 15px; 
	margin-bottom: 15px;
}
h3 {
	margin: 0px 0 10px;	
	/*font-size: 1.4em;*/
}

.article { font-size: 1.2em; }

.tandc { font-size: 1.4em; }

/* Lists */
.list-generic {
	margin: 0 0 15px 5px;
	list-style: none;
}
.list-generic li {
	margin-bottom: 5px;
	padding-left: 10px;
	background: url("/images/layout/bg-list-ingredients.gif") no-repeat 0 50%;
}
.list-organics {
	margin: 0px 0 20px;
}
.list-organics li {
	margin: 0px 0 15px;
}
.archive-list {
	margin-bottom: 20px;	
}
