/* GLOBAL STYLES */

*{
  margin:0;
  padding:0;
}

html{
  height:100%;
  clear:both;
}


body{
  font:normal normal 80% arial,sans-serif;
  color:#636466;
  line-height:1.4em;
  clear:both;
  background:url("../../images/main-background.jpg") top center repeat-x #E6EFB6;
}

fieldset {
    border: 0;
}

legend {
    display: none;
}
.mceContentBody{
  background:url("http://www.beacon-dodsworth.co.uk/site/site_css/") #fff;
}

#entryform html{background:#fff;}

a img{border:0px;}

a,a:link,a:active,a:visited{
  color:#A0C230;
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
  color:#A0C230;
}

a img{border:0px;}

.clear{
  font-size:0em;
  line-height:0em;
  width:100%;
  clear:both;
}

p.center{text-align:center;}

.right{float:right;}

.left{float:left;}

p.right{text-align:right;}

p{
  margin:10px 0 10px 0;
}

#centerColumn p{
  margin:5px 0 15px 0;
}

h2{
  color:#A1C12F;
  font-weight:normal;
  font-size:2.1em;
  margin:0;
  padding:10px 0 0 0;
}

#centerColumn h2{line-height:1.1em;}

h3{
  color:#016938;
  font-size:1.3em;
  margin:0 0 0 0;
  line-height:1em;
  font-weight:normal;
  padding-bottom:0px;
}

#centerColumn h3 {
  margin-top: 0.8em;
  color: #a1c12f;
}

h3.sub{
  font-size:1.2em;
  margin-top:0px;
  padding-top:0px;
}


h4{
  font-weight:bold;
  font-size:1.1em;
  color:#a1c12f;
  margin:10px 0 10px 0;
}

h5{
  font-weight:bold;
  font-size:1em;
  color:#9FC12F;
  margin:10px 0 10px 0;
}

ul{
  margin:5px 0 15px 15px;
  list-style-type:disc;
}

ol{
  margin:5px 0 15px 20px;
}

li{
}

#centerColumn img{margin:10px;}

#centerColumn img.button {
  margin-left: 0;
}

#centerColumn table{
  margin:10px 0 10px 0;
}

#centerColumn #centerContent {
  background-position: bottom right;
  background-repeat: no-repeat;
}

.imageRight{
  float:right;
  line-height:1.3em;
  text-align:center;
 clear:right;
  font-size:0.8em;
  border-collapse:collapse;
  margin:10px 0 10px 10px !important;
}

.imageRight td{padding:0;}

.imageRight p{
  font-size:0.8em;
  text-align:center;
  margin:3px 0 0 0;
  padding:0;
}

.imageLeft{
  float:left;
  font-size:0.8em;
  text-align:center;
  line-height:1.3em;
  border-collapse:collapse;
  margin:10px 10px 10px 0 !important;
}

.imageLeft td{padding:0;}

.imageLeft p{
  font-size:0.8em;
  text-align:center;
  margin:3px 0 0 0;
  padding:0;
}

.quoteLeft{
  float:left;
  text-align:left;
  width:230px;
  margin:10px 10px 10px 0;
  background:#DEDCEA;
  color:#333;
  display:block;
  padding:5px;
  border:1px solid #636466;
}

.quoteLeft strong{color:#636466;}

.quoteLeft p{margin:0;}


.quoteRight{
  float:right;
  text-align:left;
  width:230px;
  margin:10px 0 10px 10px;
  background:#F2F7D9;
  color:#333;
  display:block;
  padding:5px;
  border:1px solid #636466;
}

.quoteRight strong{color:#636466;}

.quoteRight p{margin:0;}


.purpleTable{
  width:457px;
  background:#f2f7d9;
  border-collapse:collapse;
  table-layout: fixed;
  margin:10px 0 10px 0;
}

.purpleTable td{
  background:#f2f7d9;
  border:1px solid #636466;
  padding:4px;
  overflow: hidden;
}

.purpleTable th,.purpleTable .heading{
  background:#d7ef83;
  border:1px solid #636466;
  padding:4px;
  font-size:1em;
  font-weight:bold;
}

#centerColumn .purpleTable p {
    margin: 0;
}

/* LAYOUT */

#content{
  margin:0 auto 0 auto;
  width:951px;
  clear:both;
  background:#fff;
}

#wrapper{
  margin:0 auto 0 auto;
  width:951px;
  background:#fff;
}

#leftColumn{
  width:217px;
  float:left;
  padding:135px 0 10px 10px;
}

#homepage #leftColumn{
  width:227px;
  padding:155px 0 10px 0px;
}

/*SECTION WRAPPERS*/

.sectionWrapper{
  width:967px;
  margin:0 auto 0 auto;
  height:100%;
  clear:both;
  background:url("../../images/post-it-corner.gif") top right no-repeat transparent;
}

#homepage #leftColumn{
  background:url("../../images/banners/left-home.jpg") top left no-repeat #A1C130;
}
#homepage #centerColumn{
  background:url("../../images/center-home.jpg") top left no-repeat transparent;
  padding-bottom:277px; /*was 322px */
}
#homepage #rightColumn{
  background:url("../../images/banners/right-white.jpg") top right no-repeat transparent;
}
#homepage #content{
  background:url("../../uploads/images/home-background.jpg") bottom left no-repeat transparent;
 /* height:532px;*/
}

#productspage #leftColumn{
  background:url("../../images/banners/left-products.jpg") top left no-repeat transparent;
}
#productspage #centerColumn{
  background:url("../../images/banners/center-products.jpg") top left no-repeat transparent;
}
#productspage #content{
  background:url("../../images/right-column-green-background.jpg") bottom right repeat-y transparent;
}


#contact_uspage #leftColumn{
  background:url("../../images/banners/left-contact.jpg") top left no-repeat transparent;
}
#contact_uspage #centerColumn{
  background:url("../../images/banners/center-contact.jpg") top left no-repeat transparent;
}
#contact_uspage #content{
  background:url("../../images/right-column-green-background.jpg") bottom right repeat-y transparent;
}

#newspage #leftColumn{
  background:url("../../images/banners/left-news.jpg") top left no-repeat transparent;
}
#newspage #centerColumn{
  background:url("../../images/banners/center-news.jpg") top left no-repeat transparent;
}
#newspage #content{
  background:url("../../images/right-column-green-background.jpg") bottom right repeat-y transparent;
}

#supportpage #leftColumn{
  background:url("../../images/banners/left-support.jpg") top left no-repeat transparent;
}
#supportpage #centerColumn{
  background:url("../../images/banners/center-support.jpg") top left no-repeat transparent;
}
#supportpage #content{
  background:url("../../images/right-column-green-background.jpg") bottom right repeat-y transparent;
}

#about_uspage #leftColumn{
  background:url("../../images/banners/left-about.jpg") top left no-repeat transparent;
}
#about_uspage #centerColumn{
  background:url("../../images/banners/center-about.jpg") top left no-repeat transparent;
}
#about_uspage #content{
  background:url("../../images/right-column-green-background.jpg") bottom right repeat-y transparent;
}

#clientspage #leftColumn{
  background:url("../../images/banners/left-clients.jpg") top left no-repeat transparent;
}
#clientspage #centerColumn{
  background:url("../../images/banners/center-clients.jpg") top left no-repeat transparent;
}
#clientspage #content{
  background:url("../../images/right-column-green-background.jpg") bottom right repeat-y transparent;
}

#offerspage #leftColumn{
  background:url("../../images/banners/left-clients.jpg") top left no-repeat transparent;
}
#offerspage #centerColumn{
  background:url("../../images/banners/center-clients.jpg") top left no-repeat transparent;
}
#offerspage #content{
  background:url("../../images/right-column-green-background.jpg") bottom right repeat-y transparent;
}

#industriespage #leftColumn{
  background:url("../../images/banners/left-industries.jpg") top left no-repeat transparent;
}
#industriespage #centerColumn{
  background:url("../../images/banners/center-industries.jpg") top left no-repeat transparent;
}
#industriespage #content{
  background:url("../../images/right-column-green-background.jpg") bottom right repeat-y transparent;
}

#datapage #leftColumn{
  background:url("../../images/banners/left-data.jpg") top left no-repeat transparent;
}
#datapage #centerColumn{
  background:url("../../images/banners/center-data.jpg") top left no-repeat transparent;
}
#datapage #content{
  background:url("../../images/right-column-green-background.jpg") bottom right repeat-y transparent;
}

#searchpage #leftColumn{
  background:url("../../images/banners/left-data.jpg") top left no-repeat transparent;
}
#searchpage #centerColumn{
  background:url("../../images/banners/center-data.jpg") top left no-repeat transparent;
}
#searchpage #content{
  background:url("../../images/right-column-green-background.jpg") bottom right repeat-y transparent;
}

#consultancypage #leftColumn{
  background:url("../../images/banners/left-consultancy.jpg") top left no-repeat transparent;
}
#consultancypage #centerColumn{
  background:url("../../images/banners/center-consultancy.jpg") top left no-repeat transparent;
}
#consultancypage #content{
  background:url("../../images/right-column-green-background.jpg") bottom right repeat-y transparent;
}


#centerColumn{
  width:462px;
  padding:100px 15px 10px 20px;
  float:left;
}

#rightColumn{
  width:227px;
  background:url("../../images/banners/right-green.jpg") top right no-repeat transparent;
  float:left;
  clear:right;
  padding:62px 0 0 0;
}



/* header and hidden heading */

#header{
  width:100%;
  height:72px;
  background:url("../../images/header-background.jpg") bottom right no-repeat #fff;
}

h1{
  width:228px;
  height:66px;
  font-weight:normal;
  font-size:0.2em;
  float:left;
  line-height:1.2em;
}

h1 span{
  width:228px;
  height:66px;
  position:absolute;
  background:url("../../images/beacon-dodsworth-logo.jpg") top left #fff no-repeat;
}



/*contact details top right*/

#contact {
  float:right;
  clear:right;
  font-size:1.1em;
  width:270px;
  text-align: right;
  margin:3px 0 0 0;
  height:36px;
  overflow:hidden;
}

#contact img{
  border:0px;
  position: relative;
  top:7px;
  margin-right: 5px;
}

#contact a:link,#contact a:active,#contact a:visited,#contact a{
  color:#006A39;
  font-weight:bold;
  text-decoration:none;
  border: 0;
}

#contact a:hover{text-decoration:none;}

#contact p{
  padding:0 0 0 34px;
  background:url("../../images/contact-header-background.gif") left center no-repeat transparent;
  height:19px;
  width: 180px;
  color: #006A39;
  font-weight: bold;
  display:inline;
  font-size: 17px;
  position:relative;
  top: 2px;
}

/*search box top right*/

#search{
  float:right;
  clear:right;
  width:265px;
  margin:0 0 0 0;
  padding:7px 0 0 0
}

#search p{
  float:right;
  margin:0;
}

#search form{
  float:left;
/*  width:238px;*/
}

#search input{
  padding:1px 1px 0px 1px;
  font:normal normal 0.9em arial,sans-serif;
  width:168px;
  color:#636466;
  margin-left: 5px;
}

#search a:link,#search a:active,#search a:visited,#search a{
  color:#016153;
  text-decoration:underline;
}

#search a:hover{text-decoration:none;}


/*MAIN MENU*/

#menu{
  height:24px;
  background:#006A39;
  width:951px;
  margin:0 0 0 0;
}

#menu ul{
  list-style-type:none;
  margin:0;
}

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

#menu a,#menu a:link,#menu a:active,#menu a:visited{
  color:#fff;
  padding:2px 19px 0 19px;
  display:block;
  float:left;
  height:22px;
  text-decoration:none;
}

#menu a:hover,#menu a.on{background:#A1C130;}

#navigation li {
    z-index: 1000;
}

#menu ul ul {
    display: none;
    position: absolute;
    top: 24px;
    left: -1px;
    z-index: 100;
    width: 160px;
    background-image: url('../../images/dropdownBkgrd.gif');
    background-position: top center;
    background-repeat: repeat-x;
    background-color: #B4CC59;
    border: 1px solid #006A39;
    border-top: 0;
}

#menu ul ul li {
    width: 160px;
    height: auto;
    padding: 0;
}

#menu ul ul li a {
    width: 140px;
    padding: 2px 10px 2px 10px !important;
    margin: 0 !important;
    float: none;
    line-height: 21px;
    height: auto !important;
    border-top: 0px solid #5A9A49;
}

#menu ul ul li a:hover {
    font-weight:bold;
    color:#006838;
    background-color: #B4CC59;
}

#menu li {
    position: relative;
}


/*POST IT NOTE*/

#postIt {
  text-align:center;
  width:190px;
  float:right;
  clear:right;
  height:140px;
  line-height:1.4em;
  margin:0 17px 60px 0;
  display:inline;
  color:#111;
  overflow: hidden;
}

#homepage #postIt{margin-bottom:64px;}


#postIt div {
  display: none;
}

#postIt h3{
  font-family:georgia;
  color:#3B8343;
  font-weight:normal;
  font-size:1.3em;
  margin:0 !important;
  background-image:none !important;
}

#postIt a,#postIt a:active,#postIt a:visited{
  color:#111;
  text-decoration:underline;
}

#postIt a:hover{text-decoration:none;}

#postIt p{
  font-family:georgia;
  color:#8C8D93;
  font-size:0.9em;
  line-height:1.4em;
  margin:3px 0 0 0;
}

#homepage #postIt p {
  font-size: 1em;
}

#homepage #postIt h3 {
  font-size: 1.5em;
}

/*Left nav*/

#leftColumn li a,
#leftColumn li span {
    padding-left: 20px;
    display: block;
    line-height: 1.1em;
    margin-top: 0.4em;
}

#leftColumn .sectionHeader {
  font-size:1.3em;
  margin-top:15px;
  font-weight: bold;
}
   

#subMenu ul{
  list-style-type:none;
  margin:0;
}

#subMenu .heading{
  font-size:1.3em;
  margin-top:15px;
}

#subMenu li{
  margin:0 0 2px 0;
}
  
.heading a,.heading a:visited,.heading a:active,.heading a:hover,
.sectionHeader a, .sectionHeader a:visited, .sectionHeader a:active, .sectionHeader a:hover {
  color:#A0C230 !important;
}

.heading a.on,.heading a.on:visited,.heading a.on:active,.heading a.on:hover,
.sectionHeader a.on, .sectionHeader a.on:visited, .sectionHeader a.on:active, .sectionHeader a.on:hover {
  background-image: url('../../images/activePage.gif');
  background-position: left top;
  background-repeat: no-repeat;
}

#subMenu a, #subMenu a:active,#subMenu a:visited,#subMenu a:hover{color:#636466;}

#subMenu a.on, #subMenu a.on:active, #subMenu a.on:visited, #subMenu a.on:hover{
  background-image: url('../../images/activePage.gif');
  background-position: left top;
  background-repeat: no-repeat;
}



/*right column styles*/

#rightColumn p {
    margin-bottom: 5px;
}

.featuredRightColumnItem a,
.featuredRightColumnItem a:active,
.featuredRightColumnItem a:visited,
.featuredRightColumnItem a:hover,
.caseStudyItem a,
.caseStudyItem a:active,
.caseStudyItem a:hover,
.caseStudyItem a:visited{color:#fff;}

.featuredRightColumnItem h3 a,
.featuredRightColumnItem h3 a:active,
.featuredRightColumnItem h3 a:visited,
.featuredRightColumnItem h3 a:hover,
.caseStudyItem h3 a,
.caseStudyItem h3 a:active,
.caseStudyItem h3 a:hover,
.caseStudyItem h3 a:visited{color:#227A50;}

.featuredRightColumnItem {
  line-height:1.3em;
  clear:right;
  width:210px;
  padding-left:17px;
  background:url('../../images/bureau-service-green.gif') top right no-repeat;
  margin-bottom: 20px;
  color: #636466;
}

.caseStudyItem {
  line-height:1.3em;
  clear:right;
  width:210px;
  padding-left:17px;
  background:url('../../images/case-study-green.gif') top right no-repeat;
  margin-bottom: 20px;
  color: #636466;
}

.featuredRightColumnItem h3,
.caseStudyItem h3 {
  padding:18px 43px 0 0;
  margin:0 !important;
  display:block;
}

.featuredRightColumnItem h3 a,
.caseStudyItem h3 a {
  font-weight:normal;
  font-size:0.65em;
  color:#227A50;
}

#homepage .featuredRightColumnItem a,
#homepage .caseStudyItem a {color:#227A50;}

.featuredRightColumnItem p,
.caseStudyItem p {
  padding-right:24px;
  margin-top:2px;
}

.featuredRightColumnItem h4{
  font-size:1em;
  font-weight:bold;
  margin:0 !important;
  color:#929ED0;
}

.caseStudyItem h4{
  font-size:1em;
  font-weight:bold;
  margin:0 !important;
  color:#929ED0;
}

#rightColumn p.readMore {
  margin-top: 0;
  margin-bottom: 10px;
}




/*footer*/

#footer{
  clear:both;
  width:949px;
  margin:0 auto 0 auto;
  padding:10px 0 0 0;
  height:35px;
  font-size:0.8em;
}

#footer a,#footer a:active,#footer a:visited,#footer a:hover{color:#636466;}

#footer p.right{width:480px;}

#footer .left{
  clear:left;
  width:360px;
}

#footerHome{
  clear:both;
  width:949px;
  height:85px;
  margin:0 auto 0 auto;
  padding:10px 0 0 0;
  font-size:0.8em;
}

#footerHome a,#footerHome a:active,#footerHome a:visited,#footerHome a:hover{color:#636466;}

#footerHome p.right{
  width:480px;
  line-height: 1.3em;
}

#footerHome .left{
  width:360px;
  margin-top:2px;
}

/*newsletter bottom left*/

#newsletter{
  width:230px;
  float:left;
  margin:0;
}

#newsletter label{
  font-size: 1.2em;
  text-decoration:none;
  padding-top: 3px;
  padding-left:32px;
  display:block;
  height:23px;
  margin-bottom:2px;
  background:url("../../images/newsletter-icon.gif") top left no-repeat transparent;
}

#newsletter input{
  width:155px;
  color:#636466;
  font-size: 0.9em;
}

input.go{
  width:20px !important;
  height:11px !important;
}

/* Twitter button */

#twitterButton {
    float: left;
}

/* homepage specific */

#homepage #leftColumn h2{
  font-size:0.85em;
  color:#0B7036;
  margin:0 0 0 15px;
  padding:0;
}

#homepage #leftColumn p{
  margin:0 0 0 15px;
  padding:0;
}

#homepage #leftColumn p.newsDate {
  margin-top: 5px;
}

#homepage #leftColumn p.readMore{
  margin-top: -4px;
  margin-bottom: 10px;
}
#homepage #leftColumn p.readMore a{
  font-weight: normal;
}
/*
#homepage #leftColumn #homeOffers p{
  font-weight: bold;
}
*/
#homepage #leftColumn{color:#fff;}

#homepage #centerColumn h2{margin:0;}

#homepage #centerColumn p{width:320px;}

#homepage #leftColumn a,#homepage #leftColumn a:active,#homepage #leftColumn a:visited{
  color:#fff;
/*  font-weight:bold; */
}

#homepage #leftColumn .clear{
  background:url("../../images/left-column-green-line.jpg") left no-repeat;
  line-height:22px;
  font-size:1em;
}

#homepage #rightColumn .caseStudyItem{
  background:url('../../images/case-study.gif') top right no-repeat;
  color: #636466;
}

#homepage #rightColumn .featuredRightColumnItem {
  background:url('../../images/bureau-service.gif') top right no-repeat;
  color: #636466;
}

#homepage #rightColumn a {
  color: #227A50;
}

/* News page */
#centerColumn p.readMore {
    text-align: right;
    margin-bottom:1.5em;
}

/* Contact Form */

strong.err {
  color: #006A39;
}

#contactForm {
  border-collapse:collapse;
  margin-bottom: 2em;
}

#contactForm td {
  padding:5px 10px 5px 0;
  border:0;
  vertical-align:top;
}

#contactForm .textfield,
#postcodesearch .textfield {
  background-color:#eee;
  border:1px solid #cbcbcb;
  font-size: 1em;
  padding:0 2px 0 2px;
  height:18px;
  width:180px;
  font-family: arial,sans-serif;
}

#contactForm #other, 
#contactForm .specify {
  background-color:#eee !important;
  border:1px solid #cbcbcb !important;
  font-size: 1em;
  padding:0 2px 0 2px;
  height:18px;
  font-style:italic;
  width:180px;
  font-family: arial,sans-serif;
}

#referrerboxholder {
  height: 30px;
  padding: 0 0 0 5px !important;
}

#contactForm .dropdown {
  background-color:#eee !important;
  border:1px solid #cbcbcb !important;
  font-size: 1em;
  padding:0 0px 0 2px;
  height:24px;
  width:187px;
  font-family: arial,sans-serif;
  font-size: 1em;
}

#contactForm textarea {
  background-color:#eee;
  border:1px solid #cbcbcb;
  padding:0 2px 0 2px;
  height:75px;
  width:180px;
  overflow:auto;
  font-family: arial,sans-serif;
  font-size: 1em;
}

#contactForm input.btn{
  font-weight:bold;
  width:63px;
  height:24px;
}

#contactForm td.submit {
  text-align: right;
}

#contactForm em {
  color: #ee0000;
}

#contactForm .checknradio {
  margin:0 3px 0 0;
}

#webinarForm label {width:100px;}

/* Buy Census Data Forms */

#censusDataForm table{
    background-color:#f2f7d9;
    border:1px solid #006A39;
    margin: 1em auto 2em auto;
}

#censusDataForm td{
    padding:6px;
    border:0;
}

#censusDataForm select {
    width: 248px;
}

#censusDataForm .censusCategory {
    display: block;
    float: left;
    clear: left;
    width: 26px;
    margin-top: 5px;
}

#censusDataForm label {
    display: block;
    font-weight: bold;
    float: left;
    width: 400px;
    margin-top: 2px;
}

#censusDataForm div p {
    display: block;
    clear: left;
    width: 400px;
    margin: 2px 0 2px 26px;
}

/* Postcode search forms */
   
#postcodesearch fieldset {
   height: 22px;
   line-height: 22px;
   margin: 1.5em auto 2em 0;
}

#postcodesearch .textfield {
   vertical-align: top;
}

#postcodesearch .btn {
    margin-left: 2em;
}