@charset "UTF-8";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; }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 { 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 { 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;}.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 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; }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 { 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; }@charset "UTF-8";.author { font-style:italic; font-size: 0.9em; }.imageleft { float: left; clear: left; margin: 2px 12px 8px 0; }.imageright { float: right; clear: right; margin: 2px 0 8px 10px; }.firstpara { font-weight: bold; color: #332; }.signoffbox { background: #fff; padding: 6px 9px; color: #3f3321; font-style: italic; margin-bottom: 6px;}.headingclearfloat { clear: both; }.clearall, p.clearall { clear: both; margin: 3px 0; padding: 0; height: 1px; line-height: 1px; overflow: hidden; font-size: 1px; }sup { font-size: 0.7em; vertical-align: middle; color: #333; padding-left: 2px;}div.onecolbox { width: 636px; float: left; display: inline; background: #9a8f7e; margin-bottom: 10px; } div.onecolbox img { float: left; margin: 2px 8px 2px 0; }div.onecolbox p { font-size: 1em; line-height: 1.4; margin: 8px; color: #fff;}div.twocolbox { width: 318px; float: left; margin-right: 14px; display: inline; background: #9a8f7e; } div.twocolbox img { float: left; margin: 2px 8px 2px 0; }div.twocolbox p { font-size: 1em; line-height: 1.4; margin: 8px; color: #fff;}div.onecolbox a, div.towcolbox a, div.threecolbox a { font-size: 1.2em; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; color: #ffc; text-decoration: none; }div.onecolbox a:hover, div.onecolbox a:focus, div.twocolbox a:hover, div.twocolbox a:focus, div.threecolbox a:hover, div.threecolbox a:focus { color: #FFF; }div.threecolbox { width: 207px; float: left; margin-right: 14px; display: inline; background: #9a8f7e; margin-bottom: 12px; } div.threecolbox img { float: left; margin: 2px 8px 12px 0; }div.threecolbox p { font-size: 0.9em; line-height: 1.4; margin: 8px 6px 6px; color: #fff;} div.threecolbox a { line-height: 1.1; }div.twocolhighlight { width: 318px; float: right; clear: right; margin-left: 14px; margin-bottom: 8px; margin-top: 4px; display: inline; background: #fff; }div.twocolhighlight p { font-size: 0.9em; line-height: 1.3; margin: 8px; }div.twocolhighlight li { font-size: 1em; }div.twocolhighlight h3, div.twocolhighlight h4 { margin: 8px; }ul.features-list { list-style-type:none; margin: 2px 8px; padding: 0; font-size: 0.9em; } ul.features-list li { padding: 0; margin: 10px 4px; line-height: 1.25; font-family: Helvetica, Arial, sans-serif; }ul.features-list li .title { color:#267bd2; font-weight:bold; font-size: 1.1em; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; }div.outlinebox { clear:both; border: 1px solid #9a8f7e; padding: 3px 8px 2px; margin-bottom: 12px; } div.outlinebox h3 { margin-top: 4px; }div.ambience { height: 166px; }div.ambience img { float: right; margin: 6px 0 0; }div.ambience h5 { margin: 8px 0 2px; }div.ambienceblue { background: #006ab2 url(img/articles/issue4/ambience-blue.png) no-repeat left bottom; color: #fff; }div.ambiencegreen { background: #97be0d url(img/articles/issue4/ambience-green.png) no-repeat left bottom; color: #fff; }div.threecolbox.ambiencepurple { margin-right: 0; background: #632181 url(img/articles/issue4/ambience-purple.png) no-repeat left bottom; color: #fff; }div.threecolbox.ambiencepurple img { margin: 0; }div.ambienceblue h5,div.ambiencegreen h5, div.ambiencepurple h5 { margin: 8px 6px 4px; color: #fff; }#main p.footnote { font-size: 0.8em; font-style:italic; }.article-list { font-size: 1.1em; } .article-list li { line-height: 1.25; margin-bottom: 6px; }.article-list li .title { color:#c5331f; font-weight:bold; font-size: 1.1em;}.pullquote { background: #bfb8ae; padding: 8px 10px; font-size: 1.1em; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-style: italic; clear: both; }.pullquote em { font-style: normal; font-size: 0.9em; color: #464440; }.centredtext { text-align:center; }ol.list { font-size: 1.1em; }.datatable { margin: 2px 0 10px; font-size: 0.9em; }.datatable td { padding: 4px 10px 2px 4px; border-bottom: 1px solid #fff; background: #f1efeb; }.datatable tbody tr:nth-child(odd) td { background-color:#f6f4f1; }.datatable thead td { font-weight: bold; background: #fff; }