/*
 Screen style    
 Site: Organic Farm Foods
*/
body { font-size: 68.75%; padding: 0; }

/* Auto clearing floats */
#intro:after, #inner:after, #content:after, #footer:after, #footer .vcard ul:after, .box .inner:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span {
	background-repeat: no-repeat;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 1;
}
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Wrapper */
#wrapper { width: 750px; margin: auto; }

/* Header */
#header { position: relative; height: 102px; }
#header .accessibility { display: none; }
#header h1 {
	width: 174px;
	height: 95px;
	position: absolute;
	top: 5px;
	left: 21px;
}
#header h1 span { background-image: url(../images/text/logo.gif); }
#header #call { width: 242px; height: 24px; position: absolute; top: 68px; left: 490px; }
#header #call span { background-image: url(../images/text/phone.gif); }

/* Nav */
#nav { height: 27px; width: 728px; padding-left: 20px; border: 1px solid #B6B6B6; }
#nav li { float: left; }
#nav a { color: #000; display: block; height: 24px; line-height: 24px; overflow: hidden; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; border-bottom: 3px solid #fff; margin-right: 25px; font-size: 0.91em; }
#nav a span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; cursor: pointer; }
#nav a:hover, #nav a.current { background-color: #fff; color: #000; border-color: #A92834; }
#nav a#nav01 { width: 30px; }
#nav a#nav02 { width: 48px; }
#nav a#nav03 { width: 46px; }
#nav a#nav04 { width: 52px; }
#nav a#nav05 { width: 60px; }
#nav a#nav06 { width: 29px; }
#nav a#nav07 { width: 45px; }
#nav a#nav01 span { background-image: url(../images/nav/01.gif); }
#nav a#nav02 span { background-image: url(../images/nav/02.gif); }
#nav a#nav03 span { background-image: url(../images/nav/03.gif); }
#nav a#nav04 span { background-image: url(../images/nav/04.gif); }
#nav a#nav05 span { background-image: url(../images/nav/05.gif); }
#nav a#nav06 span { background-image: url(../images/nav/06.gif); }
#nav a#nav07 span { background-image: url(../images/nav/07.gif); }

/* Home Intro */
#intro { background: #FBFBFB url(../images/bg/intro.jpg) repeat-x; border-bottom: 1px solid #fff; color: #999; }
#intro .inner { float: left; width: 340px; margin: 34px 0 0 40px; font-size: 1.09em; line-height: 1.3; }
#intro .inner p { margin: 20px 0 10px 0; }
#intro .inner p.explore { margin: 0 10px 5px 0; float: left; }
#intro .inner li { float: left; margin-right: 10px; }
#intro .decorative { float: right; }

/* Inner wrapper */
#inner { background: url(../images/bg/inner.gif) repeat-x; }

/* Content */
#content { float: right; width: 525px; margin-right: 15px; padding-bottom: 50px; }
.home #content { border-top: 1px solid #B6B6B6; padding: 20px 40px 86px 20px; float: none; width: auto; margin: 0; }
#content .main-image { display: block; margin-right: -15px; }
#content .map { text-align: right; margin-top: -20px; }

/* Product ranges */
#bottom-content { clear: both; }
#bottom-content .ranges { margin: 0 0 15px 100px; position: relative; top: -30px; }

/* Right and left col */
.left-col { float: left; width: 265px; }
.right-col { float: left; width: 225px; margin-left: 17px; }

/* Home Columns */
.home-col { width: 220px; padding-right: 10px; float: left; margin-right: 10px; background: url(../images/bg/dot-line.gif) top right repeat-y; }
.home-col-last { width: 210px; float: left; }
.home-col h2 { margin: 8px 0 10px 0; }
.home-col-last h2 { margin-bottom: 10px; }
.home-col p { margin-bottom: 1em; }
.home-col-last p { margin: 0 0 1em 1px; }
.home-col ul { margin-left: 2px; }
.home-col img, .home-col-last img { display: block; }
.home-col li { padding-left: 12px; background: url(../images/bg/arrow.gif) 0 3px no-repeat; }

/* Box */
.box { background: url(../images/bg/box.gif) repeat-x; font-size: 1.27em; color: #999; margin: 20px 0 25px 0; }
.box .inner { background: url(../images/bg/red-dot-line.gif) bottom repeat-x; padding-bottom: 20px; }
.box img { float: right; display: block; }
.box p { width: 140px; float: left; margin: 12px 0 0 10px; }

/* Call To Action box */
.calltoaction { background: url(../images/bg/red-dot-line.gif) repeat-x; padding-top: 15px; margin-top: 15px; }
.calltoaction .inner { padding: 0 0 10px 100px; background: url(../images/photo/lineart-tomato.gif) 15px 0 no-repeat; }
.calltoaction h3 { color: #5D5D5D; margin: 0 0 0.15em 0; font-size: 1.27em; }
.calltoaction p { color: #A92834; font-size: 1.27em; margin: 0; }

/* Feature box */
#content .feature { background: #F2F2F2 url(../images/bg/panel_small_top_grey.jpg) no-repeat; width: 225px; }
#content .feature .inner { background: url(../images/bg/panel_small_bottom_grey.jpg) left bottom no-repeat; padding: 15px; }
#content .feature .download { background: url(../images/icon/download.jpg) top left no-repeat; padding-bottom: 5px; margin: 10px 0; }
#content .feature h2 { font-size: 1.27em; font-weight: normal; margin: 0 0 0 50px; color: #a92834; }
#content .feature p { color: #999999; font-size: 14px; font-weight: normal; margin: 0 0 0 50px; }
#inner #content .feature ul { margin: 0; }
#inner #content .feature ul li { background: url(../images/bg/arrow.gif) 4px 3px no-repeat; padding: 0 0 0 18px; }

/* Lists */
#inner #content ul { margin: 0.75em 0 1.25em 0; }
#inner #content li { padding-left: 13px; background: url(../images/bg/square.gif) 0 6px no-repeat; }
#intro li, #inner #content .arrows li { padding-left: 10px; background: url(../images/bg/arrow.gif) 0 4px no-repeat; }
#inner #content .arrows { margin-top: 0; }
#farmers-benefits { background: url(../images/logo/defra.gif) 300px 0 no-repeat; padding-bottom: 50px; }
#content dl.links { margin: 0 0 12px 0; }
#content dl.links dd { padding-left: 15px; margin: 3px 0 0 0; background: url("../images/bg/arrow.gif") 2px 5px no-repeat; }
#content dl.links dd.intro { padding: 0; background-image: none; color: #666; }
#content dl.links dt { margin: 15px 0 0 0; font-weight: bold; }
#content p.link { padding-left: 15px; background: url(../images/bg/arrow.gif) 2px 4px no-repeat; }

/* Sidebar */
#sidebar { width: 180px; float: left; margin: 20px 5 5 5px; padding-bottom: 10px; }

/* Secondary navigation */
#sidebar .sec-nav { margin-bottom: 50px; }
#sidebar .sec-nav li { background: url(../images/bg/line.gif) bottom repeat-x; }
#sidebar .sec-nav a { display: block; padding: 8px 24px; background: url(../images/bg/arrow.gif) 6px 10px no-repeat; font-weight: bold; line-height: 1.3; width: 142px; }
#sidebar .sec-nav a.current { color: #000; text-decoration: none; }

/* Register form */
#sidebar .register { color: #9D9D9D; margin: 0 15px 0 5px; line-height: 1.3; }
#sidebar .register2 { margin-top: 150px; }
#sidebar .register3 { margin-top: 130px; }
#sidebar .register h2 { font-size: 1.09em; margin: 0; }
#sidebar .register p { margin-bottom: 0.75em; }
#sidebar .register p.submit { margin-top: 1em; }
#sidebar .register label { color: #686868; }
#sidebar .register input.text { width: 136px; padding: 2px 3px; }

/* Contact form */
.contact-form h3 { font-size: 1.33em; line-height: 1.7; }
.contact-form p { margin-bottom: 1em; }
.contact-form input, .contact-form select, .contact-form textarea { width: 255px; }
.contact-form textarea { height: 100px; }
.contact-form #address { margin-bottom: 5px; }
.contact-form .submit { margin-top: 20px; text-align: right; font-size: 1.09em; }
.contact-form .submit input { width: auto; }
.contact-form label strong { color: #cc3333; }

/* Growers application */
.apply { line-height: 1.7; }
.apply p { margin-bottom: 0.75em; }
.apply fieldset { border-top: 1px solid #e7e7e7; margin: 20px 0; padding: 0 5px; }
.apply legend { color: #a92834; font-size: 1.27em; font-weight: bold; padding: 0 3px; margin-bottom: 10px; }
.apply .left-form { width: 250px; float: left; }
.apply .right-form { width: 250px; float: right; }
.apply input, .apply select, .apply textarea { width: 245px; }
.apply #address { margin-bottom: 5px; }
.apply textarea { height: 100px; }
.apply .submit { margin-top: 10px; text-align: right; font-size: 1.09em; }
.apply .submit input { width: auto; }

/* News */
.news { border-top: 1px solid #666; margin: 15px 0 5px 0; }
.news th { background: #F5F5F5; padding: 3px 6px; }
.news td { background: url(../images/bg/line_h_dashed_grey.gif) repeat-x; padding: 4px 6px; }
.news td.link a { font-weight: bold; }
.news tr:hover td, .news tr.selected td {	background-color: #FFFFCC;	}

/* Pager */
.pager { border-bottom: 1px solid #666; padding: 3px 6px; }

/* Titles */
#index { width: 336px; height: 70px; }
#index span { background-image: url(../images/text/index.png); }
#index1 { width: 208px; height: 15px; }
#index1 span { background-image: url(../images/text/index-1.gif); }
#index2 { width: 160px; height: 15px; }
#index2 span { background-image: url(../images/text/index-2.gif); }
#index3 { width: 200px; height: 25px; }
#index3 span { background-image: url(../images/text/index-3.gif); }
#about-index { width: 436px; height: 41px; }
#about-index span { background-image: url(../images/text/about-index.jpg); }
#about-customers { width: 209px; height: 41px; }
#about-customers span { background-image: url(../images/text/about-customers.jpg); }
#about-network { width: 452px; height: 41px; }
#about-network span { background-image: url(../images/text/about-network.jpg); }
#about-links { width: 162px; height: 41px; }
#about-links span { background-image: url(../images/text/about-links.jpg); }
#services-index { width: 359px; height: 41px; }
#services-index span { background-image: url(../images/text/services-index.jpg); }
#services-distribution { width: 383px; height: 41px; }
#services-distribution span { background-image: url(../images/text/services-distribution.jpg); }
#services-research { width: 290px; height: 41px; }
#services-research span { background-image: url(../images/text/services-research.jpg); }
#products-index { width: 258px; height: 41px; }
#products-index span { background-image: url(../images/text/products-index.jpg); }
#products-fruit { width: 153px; height: 41px; }
#products-fruit span { background-image: url(../images/text/products-fruit.jpg); }
#products-vegetables { width: 230px; height: 41px; }
#products-vegetables span { background-image: url(../images/text/products-vegetables.jpg); }
#products-fairtrade { width: 484px; height: 41px; }
#products-fairtrade span { background-image: url(../images/text/products-fairtrade.jpg); }
#growers-index { width: 303px; height: 41px; }
#growers-index span { background-image: url(../images/text/growers-index.jpg); }
#growers-apply { width: 349px; height: 41px; }
#growers-apply span { background-image: url(../images/text/growers-apply.jpg); }
#contact-index { width: 236px; height: 41px; }
#contact-index span { background-image: url(../images/text/contact-index.jpg); }
#contact-findus { width: 204px; height: 41px; }
#contact-findus span { background-image: url(../images/text/contact-findus.jpg); }
#help-find { width: 207px; height: 41px; }
#help-find span { background-image: url(../images/text/help-find.jpg); }
#help-privacy { width: 193px; height: 41px; }
#help-privacy span { background-image: url(../images/text/help-privacy.jpg); }
#help-sitemap { width: 119px; height: 41px; }
#help-sitemap span { background-image: url(../images/text/help-sitemap.jpg); }
#help-terms { width: 304px; height: 41px; }
#help-terms span { background-image: url(../images/text/help-terms.jpg); }
#help-thankyou { width: 149px; height: 41px; }
#help-thankyou span { background-image: url(../images/text/help-thankyou.jpg); }
#news-index { width: 172px; height: 41px; }
#news-index span { background-image: url(../images/text/news-index.jpg); }

/* Footer */
#footer { clear: both; background: #FAFAFA url(../images/bg/footer.gif) repeat-x; padding: 15px 26px 15px 20px; }
#footer p { margin: 0; }
#footer .vcard { width: 430px; float: left; margin-top: 5px; }
#footer .vcard h3 { font-size: 1em; color: #000; margin: 0; }
#footer .vcard .tel { margin-right: 15px; }
#footer .vcard ul { margin: 1em 0; }
#footer .vcard li { float: left; margin-right: 19px; }
#footer .vcard li a { color: #666; text-decoration: underline; }
#footer .vcard .by { margin-left: 1px; }
#footer .partners { width: 225px; float: right; text-align: right; color: #666; }
#footer .partners p { margin: 6px 6px 0 0; line-height: 1.3; }