@charset "UTF-8";
/* ==== RESET ==== */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {	
margin: 0;	padding: 0;	border: 0;	outline: 0;	vertical-align: baseline; 	background: transparent; }
ul { list-style: none; }
table {	border-collapse: collapse;	border-spacing: 0; }

/* ==== GENERAL ==== */
body { background: #d06e2d; font: 90% "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; text-align: center; }
p, ol, td, th { font-family: Helvetica, Arial, sans-serif; line-height: 1.2em; font-size: 0.9em; text-align: left; }
td, th { padding: 3px 0; }
h1 { color: #d06e2d; font-size: 2em; margin: 4px 0 12px; font-weight: normal;}
h2 { color: #c5331f; font-size: 1.4em; margin: 2px 0 8px; font-weight: normal;}
h3 { color: #8e2517; font-size: 1.4em; margin-bottom: 8px; margin-top: 8px; font-weight: normal; line-height: 1em; }
h4 { color: #c5331f; font-size: 1.1em; margin-bottom: 8px; font-weight: normal;}
h5 { color: #3d3225; font-size: 1.0em; margin-bottom: 6px; font-weight: normal;}
a, a:link { color: #d06e2d; }
a:visited { color: #a15d2f; }
a:hover, a:active, a:focus { color: #c5331f; }
 h3 a, h3 a:link, h4 a, h4 a:link, h5 a, h5 a:link { color: #c5331f; text-decoration: none; }
 h3 a:visited, h4 a:visited, h5 a:visited { color: #983123; }
 h3 a:hover, h3 a:active, h3 a:focus, h4 a:hover, h4 a:active, h4 a:focus, h5 a:hover, h5 a:active, h5 a:focus { color: #d06e2d; }

.left { float: left; margin: 0 10px 5px 0; }
.right { float: right; margin: 0 0 5px 10px; }

.clearfloat { height: 1px; clear: both; line-height: 1px; font-size: 1px; overflow: hidden; }
#container { width: 970px; background:url(http://assets.essentiallycatering.co.uk/bg-main.png) repeat-y left top; margin: 0 auto; text-align: left; }

/* ==== HEADER + NAV ==== */
#header { height: 90px; margin-left: 15px; position: relative; }
 #header .logo { position: absolute; left: 26px; top: 9px; }
 #header h1 { color: #d06e2d; width: 285px; height: 70px; overflow: hidden; font-size: 1.5em; font-weight: normal; text-align: right; position: absolute; right: 322px; top: 20px; }
	#header img { position: absolute; right: 15px; top: 0px; }
	
#nav { background: #9a8f7e; width: 940px; margin-bottom: 16px; } 
 #nav ul { margin-left: 9px; }
 #nav ul li { float: left; padding: 3px 3px; font-size: 0.95em; }
 #nav ul li a { padding: 3px 5px; color: #fff; text-decoration:none; }
	#nav ul li a.current { background: #837b6e; }
 #nav ul li a:hover, #nav ul li a:focus { background: #6f6351; }
#nav .clearfloat {  background: #ebe9e5; }

/* ==== MAIN ==== */

#main { background: #ebe9e5; margin-left: 15px; width: 940px; padding-bottom: 2px; } 

.onecol { width: 152px; float: left; margin-left: 14px; display: inline; }
.twocol { width: 318px; float: left; margin-left: 14px; display: inline; }
.threecol { width: 484px; float: left; margin-left: 14px; display: inline; }
.fourcol { width: 650px; float: left; margin-left: 14px; display: inline; overflow: hidden; }
.adcol { width: 82px; float: left; margin-left: 14px; display: inline; height: 436px; background: #ddd; }
.twocol.first { margin-left: 0; }

#main p { margin-bottom: 10px; }
 
.plainbox { background: #fff; border: 1px solid #9a8f7e; padding: 5px 6px 1px; margin-bottom: 10px; }
 .plainbox p { font-size: 0.8em; margin-bottom: 6px; line-height: 1.2em; }
	.plainbox img { margin: 6px 0 0; }

.pollbox { background: #fff url(http://assets.essentiallycatering.co.uk/bg-box-poll.png) repeat-x left top; border: 1px solid #a5795b; padding: 5px 6px 1px; margin-bottom: 10px; }
 #main .pollbox p { font-size: 0.8em; margin-bottom: 6px; line-height: 1.1em; }
 .pollbox p span { display: block; height: 10px; overflow: hidden; background: #8E2517; width: 1px; }
	
.highlightbox { background: #d06e2d; padding: 5px 7px 1px; margin-bottom: 10px; color: #fff;}
 .highlightbox p, .highlightboxgrey p { font-size: 0.8em; margin-bottom: 6px; line-height: 1.2em; }
	.highlightbox h2 { color: #fff; font-size: 1.6em; line-height: 1em; }
	.highlightbox h2.next { height: 76px; }

.highlightboxgrey {	margin: 0 0 18px;	background: #9a8f7e; padding: 5px 7px 1px; color: #fff; }
 .highlightboxgrey p a { color: #fff; text-decoration: none; }
 .highlightboxgrey p a:hover, .highlightboxgrey p a:focus, .rightcolinner p a:active, .rightcolinner p a:focus { text-decoration: underline; }
 .highlightboxgrey ul { margin: 0; padding-left: 13px; list-style: circle; }
 .highlightboxgrey h3 { color: #fffcb2; font-size: 1.4em; }

.flashbox { margin-bottom: 10px; }

.recentarticles h2 { text-transform:uppercase; background: #d06e2d; padding: 2px 8px; font-size: 1em; color: #fff; font-weight: bold; }
.news h2 { text-transform:uppercase; background: #6f6351; padding: 2px 8px; font-size: 1em; color: #fff; font-weight: bold; clear: both; }
.recentarticles h2 a, .news h2 a, .recentarticles h2 a:link, .news h2 a:link, .recentarticles h2 a:visited, .news h2 a:visited, .recipes h2 a, .recipes h2 a:link, .recipes h2 a:visited { color: #fff; text-decoration: none; display: block; }
.recentarticles h2 a:hover, .recentarticles h2 a:focus, .news h2 a:hover, .news h2 a:focus, .recipes h2 a:hover, .recipes h2 a:focus { color: #fffad3; }

 .recentarticles div { background: #fff url(http://assets.essentiallycatering.co.uk/bg-box-article.png) repeat-x left bottom; clear: right; border: 1px solid #9a8f7e; padding: 5px 6px 5px; margin-bottom: 10px; clear: left; width: 304px; float: left; }
	.recentarticles div {
\width: 318px; 
w\idth: 304px;
}

 .onecol .recentarticles div { width: 138px; float: none;}
 .onecol .recentarticles div { 
\width: 152px;
w\idth: 138px;
}
 .recentarticles div.artfourcol { width: 636px; }
 .recentarticles div.artfourcol { 
\width: 650px;
w\idth: 636px;
}

 .recentarticles p { margin-bottom: 2px; }
 .recentarticles img { border: 1px solid #9a8f7e; margin: 0 0 3px }
 .recentarticles div.featured img { margin: 0 -6px 4px; border: none; float: none; }
	#main .recentarticles div p, #main .news div p { width: auto; margin-bottom: 2px;  }
 .recentarticles div.featured { background: #f5e2cf url(http://assets.essentiallycatering.co.uk/bg-box-article-featured.png) repeat-x left bottom; padding-top: 0; padding-bottom: 0; }
 .recentarticles p.clearfloat { height: 1px; background: yellow; margin: 0; padding: 0; }
 .recentarticles div div { width: 104px; float: right; margin: 2px 0 0px 10px; background: none; border: none; padding: 0; }
	.recentarticles div div img { margin-bottom: 4px; }
	#main .recentarticles div div p { margin-bottom: 0; }
 .recentarticles .list { padding: 5px 6px; margin-bottom: 10px; background: #f5e2cf url(http://assets.essentiallycatering.co.uk/bg-box-article-featured.png) repeat-x left bottom; }
	.recentarticles h3 { margin-top: 0; }
	
a.button { display: block; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana;  border: 1px solid #6f6351; width: 102px; padding: 2px 0; text-align: center; text-decoration: none; font-size: 1.1em; color: #fff; background: #6f6351 url(http://assets.essentiallycatering.co.uk/button-grey.png) repeat-x left top; margin: 4px 0 0; }
a.button:link, a.button:visited { color: #fff; }
a.button:hover, a.button:active, a.button:focus { border: 1px solid #d06e2d; background-color: #a75e2d; background-position: left -60px; }
.recentarticles .featured p span { display: block; float: right; width: 2px; height: 12px; }
.recentarticles .featured a.button { clear: right; float: right; margin: 8px 0 3px;  }

/* .twocol.recentarticles p.more { text-align: right; font-weight: bold; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana; font-size: 1em; border-top: 1px solid #bbb; } */

.newsstories, .news .list { background: #dcd8d2 url(http://assets.essentiallycatering.co.uk/bg-box-news.png) repeat-x left bottom; border: 1px solid #9a8f7e; padding: 5px 6px 6px; margin-bottom: 10px; }
 .newsstories img { border: 1px solid #9a8f7e; float: right; margin: 2px 0 3px 10px; }
	.newsstories p { border-bottom: 1px solid #fff; padding-bottom: 6px; margin-bottom: 6px; }
	.newsstories p.last { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
	.newsstories .date { font-weight: bold; text-transform: uppercase; color: #6f6351; }
	.newsstories h4 { clear: both; }
	.fourcol .newsstories .date { letter-spacing: 1px;  }
	#main .fourcol.news div p { padding-bottom: 10px; margin-bottom: 6px;  }
	#main .fourcol.news div p.last { margin-bottom: 0;  }
	.newsstories h5.brief { border-bottom: 1px solid #fff; padding-bottom: 4px; padding-top: 4px; margin-bottom: 4px; }
	
.recentarticles .more, .news .more, .recipes .morebox a { text-align: right; font-size: 0.8em; font-weight: bold; padding-top: 3px; }
 .recentarticles .more a, .news .more a, .recipes .morebox a { color: #c5331f; text-decoration: none;}
 .recentarticles .more a:hover, .recentarticles .more a:focus, .news .more a:hover, .news .more a:focus, .recipes .morebox a:hover, .recipes .morebox a:focus { color: #d06e2d; text-decoration: underline;}
	.recentarticles h5.brief { border-bottom: 1px solid #9a8f7e; padding-bottom: 4px; padding-top: 4px; margin-bottom: 4px; }

.list li { font-size: 0.8em; color: #333; margin: 0 0 5px; padding: 0 0 5px; }
.recentarticles .list li { border-bottom: 1px solid #ecc198; line-height: 1.1; }
.news .list li { border-bottom: 1px solid #eee; line-height: 1.1; }
	.list li a,	.list li a:link {  color: #000; text-decoration: none; }
	.list li a:visited {  color: #3d3225; text-decoration: none; }
 .list li a:hover, .list li a:active, .list li a:focus {  color: #c5331f; text-decoration: underline; }

ul.bulleted { list-style-type: disc; margin: 0 0 12px 4px; }
 ul.bulleted li { padding: 0 0 0 10px; margin: 0 0 4px 12px; font-family: Helvetica, Arial, sans-serif; line-height: 1.2em; font-size: 0.9em; }

#main .recentarticles div.issuelist { float: left; padding: 7px 7px 4px; margin: 0 10px 2px 0; text-align: center; }
 #main .recentarticles div.issuelist p { margin: 0; color: #6f6351; font-size: 0.8em; text-align: center; }
	#main .recentarticles div.issuelist img { margin: 0 auto 6px; }

#feedbackq2 { margin-bottom: 12px; }
 #feedbackq2 th, #feedbackq2 td { width: 98px; text-align: center; }
 #feedbackq2 .questions { font-weight: normal; text-align: left; width: auto; padding-right: 10px;  }
#feedbackq3 { width: 600px; border: 1px solid #6f6351; color: #3d3225; font: 1em Helvetica, Arial, sans-serif; padding: 3px; }

.feedbackdetails label { width: 100px; float: left; padding-top: 3px; }
.feedbackdetails input, .feedbackdetails textarea { width: 304px; border: 1px solid #6f6351; color: #3d3225; font: 1em Helvetica, Arial, sans-serif; padding: 3px; }

.incomplete { padding: 3px; background: #FFC; color: #600; }
#feedbackq2 .incomplete th { padding-left: 2px; background: #FFC; }
#feedbackq2 .incomplete td { background: #FFC; }

p.listingsnav { border-top: 1px solid #fff; padding-top: 10px; text-align: center; clear: both;}
 .listingsnav a { padding: 3px 5px 2px; text-decoration: none; }
	.listingsnav a:link, .listingsnav a:visited { color: #6f6351; background: #fff; text-decoration: none; }
	.listingsnav a:hover, .listingsnav a:active, .listingsnav a:focus { color: #fff; background: #d06e2d; text-decoration: none; }
 .listingsnav span { padding: 3px 5px 2px; background: #deddda; }
 .newsstories .listingsnav span { background: #ebe9e5; }

/* ===== RECIPES ===== */

.recipes h2 { text-transform:uppercase; background: #c5311f; padding: 2px 8px; font-size: 1em; color: #fff; font-weight: bold; }
.recipes div { background: #fff url(http://assets.essentiallycatering.co.uk/bg-box-article.png) repeat-x left bottom; border: 1px solid #9a8f7e; padding: 0; margin-bottom: 0.6em; width: 316px; height: 125px; float: left; overflow: hidden; }
 .recipes div img { float: right; border-left: 1px solid #9a8f7e; margin-left: 8px;  }
 .recipes div h3 { margin: 6px 6px 8px; }
 .recipes div p { margin: 0 6px 6px; }

.recipes div.morebox { height: auto; padding-top: 4px; }
#main div.morebox p { text-align: right; margin: 0 6px 3px 0; font-size: 1em;}

.recipes .search { background: #f5e2cf url(http://assets.essentiallycatering.co.uk/bg-box-article-featured.png) repeat-x left bottom; width: 316px; height:12.5em; margin-right: 14px; }
.recipes .small { border: 1px solid #9a8f7e; height: 5.9em; overflow: hidden; margin-right: 0; }
.recipes .left { margin-right: 14px; }
.recipes .small h3 { font-size: 1.1em; }
.recipes .small p { font-size: 0.8em; }
.recipes p a { text-decoration: none; font-weight: bold; }
.recipes p a:hover, .recipes p a:active, .recipes p a:focus { text-decoration: underline;}
.recipes .top { height: auto; width: auto; padding-top: 8px; float: none; margin-right: none; margin-right: 0; }
#main .recipes .top p { margin-bottom: 6px; }


input.textinput { width: 295px; border: 1px solid #6f6351; color: #3d3225; font: 1em Helvetica, Arial, sans-serif; padding: 3px; }
.top input.textinput { width: 200px; margin-right: 14px; }
.search label { margin-right: 20px; }
.top label { margin-right: 12px; }
.search h5 { margin-left: 8px; }

.recipeheader { background: #B8AF9E; height: 250px; margin-bottom: 16px; height: 250px; overflow: hidden; }
 .recipeheader h1 { color: #fff; margin-left: 12px; padding-top: 12px; font-size: 2.1em; }
 .recipeheader img { float: right; margin: 0 0 0 20px; }
	.recipeheader h3 { font-size: 1.1em; line-height: 125%; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana; margin: 10px 0 8px 12px; color: #fff; }
	.recipeheader h5 { margin-left: 12px; font-size: 0.92em; }

.ingredients { padding: 8px 12px; width: 278px; background: #e7e5e1; border: 1px solid #fff; margin-bottom: 20px; }
	.fourcol .ingredients ul { margin: 0 0 8px; padding: 0; list-style-type: none; }
	.fourcol .ingredients li { margin: 0; padding: 4px 0 3px 1px; list-style-type: none; border-bottom: 1px solid #B8AF9E; }

.method { margin-bottom: 20px; line-height: 130%; }
 .fourcol .method ol { padding-left: 22px; }
	.fourcol .method li { font-size: 1.05em; margin-bottom: 12px; margin-left: 6px; color: #5e3939; }
	
.source { clear: both; background: #d5cec2; padding: 8px 10px; }
 #main .source p { margin: 0; }
	
/* ==== ARTICLES ==== */

h1.article, h1.article img { position: relative; }
	h1.article span { position: absolute; bottom: 10px; left: 14px; padding: 0; z-index: 100; font-size: 1.3em; }
	
h3.intro { font-size: 1.4em; color: #d06e2d; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana; border-left: 6px solid #c5331f; padding: 0 0 0 15px; margin: 8px 0 16px; }

#main .issue { float: right; background: #fff; padding: 7px 7px 4px; margin: 0 0 8px 12px; border: 1px solid #9a8f7e; text-align: center; }
 #main .issue p { margin: 0; color: #6f6351; font-size: 0.8em; text-align: center; }
	#main .issue img { margin: 0 auto 6px; }

#main .imageright-caption { clear: right; float: right; background: #9a8f7e; margin: 2px 0 8px 10px; display: block; }
#main .imageleft-caption { clear: left; float: left; background: #9a8f7e; margin: 2px 10px 8px 0; display: block; }
 #main .imageleft-caption em, #main .imageright-caption em, #main .imageleft-caption p, #main .imageright-caption p { color: #fff; padding: 3px 5px; margin: 0; display: block; font: 0.9em "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana; font-style: italic; }

p.intro { font-size: 1em; color: #3d3225; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana; line-height: 1.3; }
 p.intro a:link, p.intro a:visited { color: #000; }
 p.intro a:hover, p.intro a:active, p.intro a:focus { color: #d06e2d; }

.fourcol ul, .threecol ul { list-style-type: disc; margin: 0 0 10px 4px; }
 .fourcol li, .threecol li { padding-left: 10px; margin: 0 0 4px 12px; font-family: Helvetica, Arial, sans-serif; line-height: 1.2em; font-size: 0.9em; }
	
.fourcol ol, .threecol ol { margin: 0 0 10px 0; }
 .fourcol ol li, .threecol ol li { padding-left: 2px; margin: 0 0 4px 4px; }


h5.news { text-transform:uppercase; letter-spacing: 2px; color: #6f6351; padding-bottom: 6px; border-bottom: 1px solid #baaf9e; margin: 0 0 8px; font-size: 0.9em; }

img.newsimg { border: 10px solid #fff; }

.onecolad { height: 170px; width: 152px; position: relative; margin-bottom: 10px; cursor: pointer; }
#banner1, #banner2, #banner3 { margin-bottom: 10px; }

/* ==== FOOTER ==== */
#footer { background:url(http://assets.essentiallycatering.co.uk/bg-footer.png) no-repeat left bottom; padding-bottom: 4px; }
#footerinner { width: 940px; margin-left: 15px; height: 88px; border-top: 13px solid #9a8f7e; position: relative; }
 #footerinner p { font-size: 0.7em; width: 632px; margin: 11px 0 0 110px; line-height: 130%;}
	#footerinner .eclogo { position: absolute; left: 14px; top: 8px; }
	#footerinner .parentlogos { position: absolute; right: 14px; top: 7px; }
	#footerinner .batleys { margin: 5px 10px; }