/*=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, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height:1;font-size:62.5%;margin:0px;}ol, ul {list-style:none;}blockquote, q {quotes: none;}:focus {outline: 0;}
ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}
html {height:100%;padding-bottom:1px;}

/*=STRUCTURE
=== === === === === === === === === === === === === === === === === === === === === ===  */
/*html {background:url(/img/roughbg.gif) #D9DADA; }*/
html {background-color:#FFF; }
body{font:13px 'Helvetica Neue', Helvetica, Arial,'Liberation Sans', FreeSans, sans-serif; *font-size:small; *font:x-small; line-height:1.5; /*background:url(/img/spotlight.png) no-repeat 40px 0;*/ }
.checker{display:none;}
.clear{clear:both;}
.formError{color: #B30100; font-weight: bold; font-size: 11px; margin-top: 5px; display: block;}
.fieldError {background-color:#FBDADA;}
a {color:#74BC20; text-decoration:none;}
a:hover {border-bottom:1px dotted #74BC20;}

#container {background:url(/img/conbg.png) repeat-y transparent; width:960px;margin:0 auto;padding:0 9px 0px 9px;}

#header {background-color:#FFFFFF;height:138px; background-image:url(/img/header.gif); background-repeat:no-repeat; background-position:center;}


#header ul.brochureQuote {list-style:none; float:right; margin-top:5px;margin-top:100px; margin-right:15px;}
#header ul.brochureQuote li {float:left; margin-left:15px;}
#header ul.brochureQuote li a { display:block; color:#629D20; font-weight:bold; background:url("../img/greenarrow.jpg") no-repeat 0 5px; padding-left:15px; font-size:14px;}


#heroBanner{width:960px; overflow:hidden; color:#FFF;}
h1 {font-size:28px; line-height:32px; margin-bottom:10px; font-weight:normal}
#heroBanner p {font-size:13px; line-height:18px;}
#heroBanner .leftPanel {background-color:#6B6B6D; width:285px; height:333px; float:left; padding:15px;}
#heroBanner .rightPanel {width:645px;float:right; height:333px;}
#heroBanner .leftPanel .caseStudy {font-size:17px;}

#mainContent{background-color:#FFFFFF; width:960px; line-height:17.5px;}

#mainContent .left{float:left; width:452px; border-top:14px solid #FFF; border-right:14px solid #FFF; border-left:14px solid #FFF; border-right:14px solid #FFF; color:#999999;}
#mainContent .left.wide{width:932px;}
#mainContent .left h2{ font-size:24px; color:#9D9FA2; line-height:30px; margin-bottom:10px; font-weight:normal}

#mainContent .left h3,h4,h5{color:#676767; font-size:14px;}

#mainContent .left p { font-size:12px; margin-bottom:10px; color:#676767; margin-top:10px;}
#mainContent .left p strong{color: #676767;}

#mainContent .left ul { font-size:12px; margin-bottom:20px; color:#636466; list-style:square; margin-left:15px; margin-top:10px;}
#mainContent .left ul li {margin-bottom:10px;}
#mainContent .left ul li strong{color: #7ABA00;}

#mainContent .right{float:right; width:452px; border:14px solid #FFF; color:#999999;}

#mainContent .right h3,h4,h5{color:#676767; font-size:14px;}

#mainContent .right ul{font-size:12px; margin-bottom:20px; color:#636466; list-style-type:square; margin-left:14px; margin-top:10px;}
#mainContent .right ul li{margin-bottom:10px;}
#mainContent .right a{color:#515056; text-decoration:underline; font-weight:bold;}
#mainContent .right a:hover{text-decoration:none; color:#79BA00;}
#mainContent .right img {margin-bottom:10px;}
#mainContent .right img.first {margin-right:10px;}

/* = PRODUCTS TABS === === === === === === === === === === */
.products {display:block; margin-bottom:0; margin-top:0px; width:950px;margin-bottom:20px;}
.ie6 .products { margin-top:0px; margin-left:5px;}
.ie7 .products {margin-top:0px;}
.products h2 {font-size:14px; padding-left:10px; font-weight:normal; color:#fff; background:url("../img/productsarrow_grey.png") no-repeat 205px 2px; height:24px;}
.products ul {}
.products ul li {background:url("../img/productstilebg_grey.jpg") repeat-x 0 127px; width:227px; float:left; margin-left:10px; position:relative;}
.products ul li:hover h2 {color:#ededed; background:url("../img/productsarrowup_grey.png") no-repeat 205px 2px;}
.products ul li a {position:relative; z-index:50; color:white}
.products ul li a:hover {color:#7ABA00; border:none;}
.products ul li a img:hover {filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}
.products ul li span strong { display:block; color:#000; }

.products ul li span {
    background-color: #FFFFFF;
    bottom: 27px;
    filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity: 0.85;opacity: 0.85; 
	display:none;
    font-size: 12px;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 100;
}
.products ul li:hover span {display:block; cursor: pointer;}
.ie7 .products ul li span {bottom:39px; width:210px;}
.products ul li span a{color:#444;}
.products ul li p {margin-top:10px;}






/*=NAVIGATION
=== === === === === === === === === === === === === === === === === === === === === ===  */

#nav {background:url(/img/navGrad.jpg) repeat-x;border-bottom:1px solid #FFF;}
#navInner {width:980px;height:31px;margin:0 auto;}
#navInner ul {height:30px;float:left;margin-right:20px;}
#navInner li {display:block;float:left;padding-top:5px;padding-left:10px; padding-right:10px;background:url(/img/navbgslice.jpg) no-repeat top right; }
#navInner a.selected{color: #7ABA00;}

#navInner a {display:block;text-decoration:none;color:white;font-size:14px; text-shadow:0 -1px #000; padding-left:5px; padding-right:5px; padding-bottom:6px;}
#navInner a:hover {color: #FFD600;}

#navInner li.homeNv, #navInner li.homeNv a {padding-left:3px;}
#navInner li.selected a{color:#7ABA00;}

.subNav{background-color:#DAD9D7; font-weight:bold; font-size:12px}
.subNav.noBg {background:none;}
.subNav ul{display:inline;}
.subNav ul li{float:left; margin-left:10px; color:#7ABA00; padding-right:10px; height:26px; padding-top:10px;}
.subNav ul li.active a {color:#7ABA00;}
.subNav ul li a{ text-decoration:none; color:#3F3F3F;}
.subNav ul li a:hover{text-decoration:none; border-bottom:1px dotted #666}

/*=LATEST NEWS REEL
=== === === === === === === === === === === === === === === === === === === === === ===  */

#newsReel{}
#newsReel h4{color:#FFFFFF; background: url(/img/bggrad.gif) no-repeat scroll top right #79BA00; font-size:18px; padding-top:7px; padding-left:15px; padding-bottom:7px; font-weight:normal;}
#newsReel ul.latestNews li a {color:#83C240; list-style-image:none; line-height:5px;}
#newsReel ul.latestNews li a:hover {color:black; list-style-image:none; }
#newsReel ul.latestNews li.first {border:none; list-style-image:none; }

#newsReel ul.latestNews li {
float:left;
width:209px;
font-size:1em;
border-left:1px solid #ccc;
display:block;
margin:18px 0;
padding:0 15px;
list-style-image:none;
}

#newsReel ul.latestNews li a.postDate {
display:block;
height:140px;
width:41px;
background:url(/img/speechbubble.jpg) no-repeat;
color:white;
text-decoration:none;
float:left;
padding-top:6px;
text-align:center;
font-weight:bold;
margin-right:10px;
line-height:11px;
font-size:9px;
}

#newsReel ul.latestNews h5 a {text-decoration:none;font-size:11px;color:black; line-height:16px;}
#newsReel ul.latestNews h5 a:hover {text-decoration:underline;}
#newsReel ul.latestNews li p {padding-bottom:8px;font-size:11px;}
#newsReel ul.latestNews p {font-size:12px;line-height:14px;margin:15px 0 0 0;}


/*=CONTACT FORM
=== === === === === === === === === === === === === === === === === === === === === ===  */
#mainContentContactform #wide {width:900px; margin-left:-30px;}

#mainContentContactform {position: relative; float: left; margin: 15px auto; padding: 0 0 0 45px; width: 350px;}
 
#mainContentContactform textarea{width:303px;}

#mainContentContactform .dropdown {width:176px;}

#mainContentContactform div.row {clear: both; padding: 10px 0 0 0;}

#mainContentContactform div.row span.label {float: left; width: 130px; text-align: left; padding: 0px 0 0 0; font-weight: bold;color: #666;}

#mainContentContactform div.row span.formw {float: right; width: 235px; text-align: left; padding: 0; margin: 0;} 
  
.formButton {background-color: #7ABA00; color:#fff; font-weight: bold; border: 0; padding: 2px;}


/*=FOOTER
=== === === === === === === === === === === === === === === === === === === === === ===  */

#footernav {background-color:#535355; clear:left; width:960px; border-top:5px solid #7ABA00; display: block; padding-top:10px; padding-bottom:20px;}
#footernav ul {list-style-type:none;float:left;width:auto;padding-left:25px; height: auto; padding-top:10px;}

#footernav ul.first{padding-left:15px;}
#footernav ul strong{color:#79BA00; font-size:12px;}

#footernav li {line-height:18px;display:block;font-size:11px;}
#footernav li a {background:url(/img/navarrowtran.gif) no-repeat 0 4px;height:5px;padding-left:15px;color:white;text-decoration:none;}
#footernav li a:hover {background:url(/img/navarrowtran.gif) no-repeat 0 -16px;height:5px;padding-left:15px;color:#7ABA00; border:none}
#footernav li a:active {background:url(/img/navarrowtran.gif) no-repeat 0 -16px;height:5px;padding-left:15px;color:#7ABA00;}
#footernav p {font-size:1.4em;color:white;padding-bottom:10px;padding-top:15px; }

#footerstrip {background:url(/img/footerstripbg.gif) repeat-x; height:25px; width:960px;}
#footerstrip ul {padding-top:4px; margin: 0px;}
#footerstrip ul li {float:left;margin:0 10px;}
#footerstrip ul li a {color:#888;text-decoration:none;}
#footerstrip ul li a:hover {color:#888;text-decoration:underline;}
#footerstrip ul li.mlLink {float:right;margin:0 10px;}
#footerstrip ul li.mlLink a span {font-weight:bold;}



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

ul#menu .leftAccord {width:465px; float:left; margin-right:10px; margin-left:10px;}
ul#menu .rightAccord {width:465px; float:left}

ul#menu a {
  display: block;
  text-decoration: none;
}

ul#menu li { margin-bottom:5px; }

ul#menu li span.title {
  display:block; height:36px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius:10px; background:url("../img/footlisttilebg.jpg") repeat-x 0 0; margin-bottom:3.5px; border:1px solid #e2e2e2;
}

ul#menu li a {
display:block; padding:8px 0 10px 10px; background:url("../img/footlistarrow.jpg") no-repeat 440px 10px; font-weight:bold;
}

ul#menu li a:hover {background:url("../img/footlistarrowdown.jpg") no-repeat 440px 10px; border:none}

ul#menu li ul li a {font-weight:normal;padding:5px; margin-left:5px;}

ul#menu li ul li {padding: 10px 10px 20px 10px;}

ul#menu li .accordionContent ul li a{font-weight:bold}
ul#menu li .accordionContent ul li a:hover{}

ul#menu li .accordionContent ul li p {margin:0px;}
ul#menu li .accordionContent ul li .text {width:250px; float:left; margin:0px;}
ul#menu li .accordionContent ul li .image {width:200px; float:left; margin:0px;}

ul#menu li ul.accordionLinks {margin-left:0px; width:230px;}
ul#menu li ul.accordionLinks.leftSide {float:left;}
ul#menu li ul.accordionLinks.rightSide {float:left;}
ul#menu li ul.accordionLinks li { margin:0px; padding:0px; margin-bottom:5px;}
ul#menu li ul.accordionLinks li ul {margin-bottom:5px;}
ul#menu li ul.accordionLinks li ul li {margin:0px; font-weight:normal; padding:0px;}
ul#menu li ul.accordionLinks li ul li a {font-weight:normal;}


ul#menu li ul#newsfeed {margin-left:8px; }
ul#menu li ul#newsfeed li {padding:0px; margin-bottom:10px;}
ul#menu li ul#newsfeed li a { background:none; margin:0px; padding:0px; border:none;}
ul#menu li ul#newsfeed li a:hover {}
ul#menu li ul#newsfeed li h2 {font-size:13px;}

ul#menu li h2 {font-size:16px; display:block;}



/*=ENQUIRY BANNERS
=== === === === === === === === === === === === === === === === === === === === === ===  */
ul#enquiry {display:block;height:115px; margin-left:11px; padding-top:10px;}
ul#enquiry li.first {margin-left:0px}
ul#enquiry li {margin-left:15px; float:left;}
ul#enquiry li a{}
ul#enquiry li a:hover{border:none; -moz-opacity:0.8; opacity: 0.8; filter:alpha(opacity=80); }

/*=MAP SEARCH
=== === === === === === === === === === === === === === === === === === === === === ===  */

.right #mapSearch {border:2px solid #7ABA00; padding:10px; background-image:url(../img/mapBg.gif); background-repeat:repeat-x; background-color:#E3E3E3;width:440px}
.right #mapSearch h2{font-size:20px; color:#7ABA00; margin-bottom:7px;}
.right #mapSearch strong {font-weight:bold;}
.right #mapSearch .postcodeSearch {position:absolute; margin-top:-58px; margin-left:7px;}
.right #mapSearch input {padding:4px; text-transform:uppercase;}
.right #mapSearch ul {margin-bottom:0px; color:#999}
.right #mapSearch p {margin-top:5px; margin-bottom:10px;}
.right #mapSearch .step1 {}
.right #mapSearch .step2 {display:none;}
.right #mapSearch .step3 {display:none;}
.right #mapSearch input.searchButton {border:1px white solid; background-color:#7ABA00; color:#FFF; text-transform:uppercase; font-size:12px; padding:3px;}
.right #mapSearch input.searchButton:hover{background-color:#8EC427; cursor:pointer}
.right #mapSearch .nextStep {margin-top:10px;}


.right #mapSearch .step3 {float: left;}
.right #mapSearch .step3 .dropdown {width:176px;}
.right #mapSearch .step3 div.row {clear: both; padding: 10px 0 0 0;}
.right #mapSearch .step3 div.row span.label {float: left; width: 130px; text-align: left; padding: 0px 0 0 0; font-weight: bold;color: #666;}
.right #mapSearch .step3 div.row span.form {float: right; text-align: left; padding: 0; margin: 0;} 
.right #mapSearch .step3 input {width:260px; text-transform:none}
.right #mapSearch .step3 .submit{float:right; margin-top:20px; margin-right:28px; width:100px; text-transform:uppercase;}
  
/* new social icons in the footer - added 31st Oct 2011 by thom rimmer */
#footernav .fb {background: url(/img/fb-icon.png) no-repeat 0 0; width: 25px; height: 25px; display: block; text-indent: -9999px; float: left; margin-right: 10px;}
#footernav .fb:hover {background-position: 0 -25px;}

#footernav .social-icons {padding-left: 15px; margin: 0;}
#footernav .social-icons a {border: none !important;}
#footernav .twit {background: url(/img/twit-icon.png) no-repeat 0 0; width: 25px; height: 25px; display: block; text-indent: -9999px; float: left;}
#footernav .twit:hover {background-position: 0 -25px;}