@charset "UTF-8";

* {margin:0; padding:0;}

body {background:#e4f3d9 url(../images/tile.gif) repeat-y center; font-family:Arial, Helvetica, sans-serif;}

hr, legend, .hide, .area h2, .area strong {display:none;}
fieldset, form { border:0;}

#container {width:705px; margin:0 auto;}

#logo {margin:30px 0 15px 10px;}

#main-menu {list-style:none; margin:0 0 0 3px;}

#main-menu li {display:block; float:left;}

#main-menu a
{
background:#008265;
width:107px;
color:#fff;
display:block;
float:left;
padding:5px 2px 4px;
text-align:center;
text-decoration:none;
margin:0 6px 0 0;
}

#mm-6 a {margin:0!important;}

#main-menu a:hover,
#home #mm-1 a,
#areas #mm-2 a,
#advertise #mm-3 a,
#rates #mm-4 a,
#careers #mm-5 a,
#contact-us #mm-6 a
{background:#7ac142;}

#content {margin:60px 0 0;}

#left-panel {width:334px; margin:0 0 0 15px;}
#left-panel p {margin:15px 0 0; line-height:130%;}
#right-panel {width:320px; float:right; padding:0 0 30px;}

#phone-no {padding:0 0 0 50px; background:url(../images/telephone.gif) no-repeat left center; color:#6d6e71; font-size:2.2em; margin:10px 0 20px 5px;}
#email {font-size:1.5em; color:#6d6e71; margin:0 0 20px 40px; display:block;}

.area {color:#008265; font-size:0.6em; text-align:center; height:320px;}

#cambs {background:url(../images/cambs.gif) no-repeat; padding:155px 40px 100px 40px;}
#herts {background:url(../images/herts.gif) no-repeat; padding:110px 50px 100px 40px; margin:20px 0 0;}
#shim-1 {width:90px; height:30px; float:left;}
#shim-2 {width:30px; height:30px; float:right;}
#leics {background:url(../images/leics.gif) no-repeat; padding:140px 60px 100px 35px; margin:40px 0 0;}
#cambs, #leics {margin:20px 0!important; padding:0!important;}
#herts {margin:50px 0!important; padding:0!important;}

#advertise form {margin:20px 50px 5px 40px; padding:2px 0 0; font-size:0.8em;}
#advertise form br {display:none;}
#advertise form div.green {background:#e2f0d4; margin:5px 0 15px;}
#advertise label {background:#fff; padding:8px 20px 5px 10px; float:left;}
label.hide {display:none!important;}

#in_name, #in_busname, #in_add1, #in_telno, #in_email, #in_web {width:400px;}
#in_add2, #in_add3 {width:550px;}
#in_source {width:320px;}
#in_mags {width:220px;}

input {background:#e2f0d4; padding:4px; border:1px solid #e2f0d4;}
#form-buttons {float:right;}

#form-buttons input {
background:#008265;
width:107px;
padding:5px 2px 4px;
color:#fff;
font-size:1.1em;
}

#form-buttons input:hover {background:#7ac142;}
label#first-label {padding:10px 20px 5px 10px!important;}

#rates table {font-size:0.8em; margin:20px 0 30px; background:url(../images/table-bg.gif) no-repeat 0 10px;}
#rates th {font-weight:normal; text-align:left; padding:5px 0 15px 0;}
#th1 {width:125px;}
#th2 {width:70px;}
#rates td {padding:2px 10px 7px 0;}

#blip {background:#d9ebc7 url(../images/blip-tr.gif) no-repeat top right; margin:0 30px 0 20px;}
#blip h2 {font-size:1.1em; margin:0 0 15px 25px; padding:20px 0 0;}
#blip p {background:url(../images/blip-bl.gif) no-repeat left bottom;padding:0 35px 40px 25px; font-size:0.8em;}

#needs-you {background:#f9f8c7 url(../images/needsyou.jpg) no-repeat right; padding:25px 175px 25px 20px; text-align:center; margin:0 0 0; clear:both;}
#needs-you img {margin:-4px 0 10px -3px;}
#needs-you a {color:#000; text-decoration:none;}
#needs-you a:hover {text-decoration:underline;}

#areas-key {width:450px; margin:0 auto 40px;}
#areas-key img {margin:20px 0 0;}
#areas-key div {width:300px; border:1px solid #ccc; padding:15px; font-size:0.8em; float:right;}
#areas-key div img {float:left; vertical-align:text-bottom; margin:0 10px 0 0;}
#areas #right-panel {padding:0;}
#areas #leics {margin:20px 0 0!important;}

#royal-mail {margin:10px 0 0 125px;}

#rates-terms {font-size:0.8em;}
#rates-terms img {margin: 0 0 0 10px;}

#careers #content p {padding:20px;}
#careers #right-panel {padding:0;}
#contact-us #left-panel p {padding:10px 20px;}

#footer {border-top:2px solid #6b6c6e; padding:10px 0; text-align:center; margin:25px 0; list-style:none; color:#6d6e71; font-size:0.9em; clear:both;}
#footer li {padding:0 0 0 15px; display:inline; background:url(../images/bullet.gif) no-repeat left center;margin:0 0 0 5px;}
#footer #first {background:none!important;}


/* clearfix */

.clearfix:after
{
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0;
}
 
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}