body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background:#b3b3b3 url(../images/background-gradient.gif) top left repeat-x; margin:0; padding:0; }

h1 { font-size:45px; font-weight:normal; padding:10px 0 10px 0; margin:0; color:#484848; }
h2 { font-size:20px; font-weight:normal; margin:0; color:#ffffff; }
h3 { font-size:16px; font-weight:normal; margin:0; color:#ffffff; }

p { font-size:12px; margin:0; color:#ffffff; }
ul { font-size:12px; color:#ffffff; }
a { color:#FFFFFF; text-decoration:underline;}
a:hover { text-decoration:none;  }

/* Container */
.container { margin:0 auto 0 auto;  width:1004px; height:750px; background:url(../images/background-image.gif) top right no-repeat; }

/* Top Nav */
.top-nav, .footer{ width:1000px; height:60px; background:#666699 url(../images/background-nav-panel.gif) top left repeat-x; border-left:#ff7200 solid 2px; border-right:#ff7200 solid 2px; }
.top-nav-header, .footer-header { width:1008px; height:7px; background:url(../images/nav-header.gif) top left no-repeat; overflow:hidden; }
.top-nav-footer, .footer-footer { width:1008px; height:7px; background:url(../images/nav-footer.gif) top left no-repeat; overflow:hidden; }
.container-nav, .container-footer  { padding:0; margin:0; }
.top-nav ul {  padding:7px 0 5px 0; margin:0; list-style:none; font-size:16px;}
.top-nav li { display:block; margin:0; float:left; border-right:1px solid #8888b0; }
.top-nav li a { text-decoration:none; padding:0 15px 0 15px; }
.top-nav li a:hover { text-decoration:underline; }
.top-nav li a.select { font-style:italic; }
.top-nav li a.select:hover { text-decoration:none; cursor:default; }
.top-nav li a.sub:hover { text-decoration:none; cursor:default; }
.top-nav li.no-border { border:none; }
.top-nav li ul { position:absolute; font-size:13px;	visibility:hidden; }
.top-nav li:hover ul { visibility:visible; }

/* Footer */
.container-footer { padding:35px 0 0 0; float:left;} 
.footer { height:15px; }
.footer p { padding:0 0 0 10px; margin:0; font-size:10px; float:left;}
.footer img { float:right; margin:0 10px 0 0; }
 
/* Panel Header, Footer */
.panel-small-head { width:224px; height:7px; background:url(../images/panel-head.gif) top left no-repeat; overflow:hidden; }
.panel-small-footer { width:224px; height:7px; background:url(../images/panel-footer.gif) top left no-repeat; overflow:hidden; }
.no-gradient {background:url(../images/panel-footer-nogradient.gif) top left no-repeat; overflow:hidden; }
.panel-large-head { width:484px; height:7px; background:url(../images/panel-head-long.gif) top left no-repeat; overflow:hidden; }
.panel-large-footer { width:484px; height:7px; background:url(../images/panel-foot-long.gif) top left no-repeat; overflow:hidden; }
.panel-expand-head { width:739px; height:7px; background:url(../images/panel-head-long-expand.gif) top left no-repeat; overflow:hidden; }
.panel-expand-footer { width:739px; height:7px; background:url(../images/panel-foot-long-expand.gif) top left no-repeat; overflow:hidden; }

/* Left, Right Panel */
.right-panel { width:220px; min-height:500px; height:auto !important; height:500px; background:#666699 url(../images/background-panel.gif) bottom left repeat-x; border-left:#ff7200 solid 2px; border-right:#ff7200 solid 2px; }
.left-panel-top { width:220px; min-height:300px; height:auto !important; height:300px; background:#666699 none; border-left:#ff7200 solid 2px; border-right:#ff7200 solid 2px; }
.left-panel-bottom { width:220px; min-height:150px; height:auto !important; height:150px; background:#666699 url(../images/background-panel.gif) bottom left repeat-x; border-left:#ff7200 solid 2px; border-right:#ff7200 solid 2px; }
.container-panel { padding:35px 0 0 0; margin:0; }
.plain { background:#666699 none; }
.right { float:right; }
.left { float:left; clear:left; }

/* Tv Work Panel */
.tv-work { overflow:hidden;}
.tv-work h3 { padding:10px 10px 0 10px; margin:0;}
.tv-work h4 {  float:left; margin:0; padding:15px 0 0 0; font-size:12px;  }
.tv-work h4 span { float:right; width:158px; margin:0; padding:0 0 0 10px;}
.tv-work ul { padding:15px 10px 0 10px; margin:0; list-style:none;  }
.tv-work ul li { padding:0; margin:0;}

/* Centre Panel */
.centre-panel { width:480px; min-height:500px; height:auto !important; height:500px; background:#8989b1 url(../images/background-large-panel.gif) bottom left repeat-x; border-left:#ff7200 solid 2px; border-right:#ff7200 solid 2px;}
.container-centre-panel { padding:35px 35px 0 35px; margin:0;}
.no-right-padding { padding-right:0; }
.expand { width:735px;}
.container-centre-panel p, .container-centre-panel h2, .container-centre-panel h3, .left p { padding:10px; }
.container-centre-panel h2, .container-centre-panel h3 { text-align:center; }
.centre-panel img { float:right; padding:10px; }

/* Media */
.media img { float:none; border:2px solid #ffffff; padding:0; margin:0; }
.media a:hover img { border:2px solid #666699; }
.media ul { list-style:none; float:left; padding:10px 20px 20px 20px; margin:0; }
.media li {  float:left; padding:10px 0px 10px 20px; width:204px; }
.media li p { padding:5px 3px 0 3px; text-align:center; }

/* BPS Logo */
.left-panel-bottom img, .left-panel-top img { padding:15px 0 0 20px; }

/* Links */
.links div.link-pad {float:left; padding:12px; width:220px; }
.links img, .media-links img { width:200px; height:100px; display:block; overflow:hidden; border:0; text-indent:-999px;}
.links a img.bps-logo { background: url(../images/link-bps-logo.gif) top left no-repeat;}
.links a:hover img.bps-logo { background: url(../images/link-bps-logo.gif) bottom left no-repeat;}
.links a img.ukcp-logo { background: url(../images/link-ukcp-logo.gif) top left no-repeat;}
.links a:hover img.ukcp-logo { background: url(../images/link-ukcp-logo.gif) bottom left no-repeat; }
.links a img.bsch-logo { background: url(../images/link-bsch-logo.gif) top left no-repeat; }
.links a:hover img.bsch-logo { background: url(../images/link-bsch-logo.gif) bottom left no-repeat; }
.links a img.anlp-logo { background: url(../images/link-anlp-logo.gif) top left no-repeat; }
.links a:hover img.anlp-logo { background: url(../images/link-anlp-logo.gif) bottom left no-repeat; }
.links a img.the-heath-logo { background: url(../images/link-the-heath-logo.gif) top left no-repeat; }
.links a:hover img.the-heath-logo { background: url(../images/link-the-heath-logo.gif) bottom left no-repeat; }
.links a img.sbst-logo { background: url(../images/link-sbst-logo.gif) top left no-repeat; }
.links a:hover img.sbst-logo { background: url(../images/link-sbst-logo.gif) bottom left no-repeat; }
.links a img.etsi-logo { background: url(../images/link-etsi-logo.gif) top left no-repeat; }
.links a:hover img.etsi-logo { background: url(../images/link-etsi-logo.gif) bottom left no-repeat; }
.links a img.braveheart-logo { background: url(../images/link-braveheart-logo.gif) top left no-repeat; }
.links a:hover img.braveheart-logo { background: url(../images/link-braveheart-logo.gif) bottom left no-repeat; }

/* Freaky Eaters */
.media-links img { border:2px solid #ffffff; height:125px;}
.media-links a img.fe-chips { background: url(../images/chips.jpg) top left no-repeat;}
.media-links a:hover img.fe-chips { background: url(../images/chips.jpg) bottom left no-repeat;}
.media-links a img.fe-cheese { background: url(../images/cheese.jpg) top left no-repeat;}
.media-links a:hover img.fe-cheese { background: url(../images/cheese.jpg) bottom left no-repeat;}
.media-links a img.fe-beans { background: url(../images/beans.jpg) top left no-repeat;}
.media-links a:hover img.fe-beans { background: url(../images/beans.jpg) bottom left no-repeat;}
.media-links a img.fe-meat { background: url(../images/meat.jpg) top left no-repeat;}
.media-links a:hover img.fe-meat { background: url(../images/meat.jpg) bottom left no-repeat;}
.media-links a img.fe-bacon { background: url(../images/bacon.jpg) top left no-repeat;}
.media-links a:hover img.fe-bacon { background: url(../images/bacon.jpg) bottom left no-repeat;}
.media-links a img.fe-sauce { background: url(../images/sauce.jpg) top left no-repeat;}
.media-links a:hover img.fe-sauce { background: url(../images/sauce.jpg) bottom left no-repeat;}
.media-links a img.bbc-london { background: url(../images/bbc-london.png) top left no-repeat;}
.media-links a:hover img.bbc-london { background: url(../images/bbc-london.png) bottom left no-repeat;}

/* Twitter */
.twitter-widget { Padding:10px 0 0 10px; }

/* Contact Form + Validation */
.contactForm { width:425px; float:left; padding:10px; color:#ffffff; }
.contactForm p { font-size:10px; }
.contactForm div { padding:5px 10px 5px 10px; }
.contactForm div a { font-size:11px; }
.contactForm div img { padding:0 10px 0 90px; float:none;}
.contactForm label { float:left; width:75px; padding:0 15px 0 0; }
.contactForm input { width:150px; }
.contactForm a input.submit-button { border:2px solid #FF7200; background-color:#666699; color:#ffffff; cursor:pointer; }
.contactForm a:hover input.submit-button { border:2px solid #FF7200; background-color:#7070A0; color:#ffffff; cursor:pointer; }
.contactForm textarea { width:300px; }
.contactForm input.code { width:80px; }
span.error { padding:0 0 0 20px; color:#FF0000; text-decoration:underline; }
div.thank-you { float:left; }
.agent { width:170px; float:right; padding:0 10px 0 0; }