/*
	screen.css: SCREEN stylesheet
	------------
	Job:					Tarmac
	Template Version:		1.0
	Produced by:			Chris Dennett
	Start date:				29/04/2010
	------------
*/

/* =1. general styles */
* 
{
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-weight: normal;
}

body{font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #242424; background: #007249;}
body.modal{background:#ffffff;}

ul.skip{position: absolute; left: -99999px;}
.headerwrapper{width: 100%; border-top: 3px solid #2F6B41; clear:both; background: #fff; padding: 0;}

.header{width: 1000px; margin: 0 auto;}
.header_stripped{width: 960px; margin: 0 auto; overflow:hidden;}
.stripped{border-bottom: 1px solid #d3ddd6; padding-bottom: 20px;}
.logo{float: left; width: 178px; height: auto; margin: 21px 0 0 20px; padding: 0; }
.header_title{text-indent:-9999px; display:none;}
.header_right{ float: right; width: auto; position: relative;}
p.logout{margin: 0; padding: 0; position: absolute; top: 30px; right: 0;}
.header .header_right .header_links{margin: 0; clear: both; display: block;}
.header .header_right .header_links ul{list-style:none; margin: 0; padding: 0; overflow:hidden; float: right;}
.header .header_right .header_links ul li{float:left; background: url('/images/topnavbg.gif') left 21px no-repeat; padding: 18px 10px 0 10px; margin: 0;}
.header .header_right .header_links ul li.first{background: none;}
.header .header_right .header_links ul li.tarmac_limited{float:left; background: url('/images/leftnav-green.png') bottom left no-repeat; padding: 0; width: 129px;}
.header .header_right .header_links ul li.tarmac_limited a{display: block; padding: 6px 40px 7px 50px; color: #fff; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 70%; z-index: 100;}
.header .header_right .header_links ul li.tarmac_limited a.selected{background: url('/images/leftnav-green.gif') bottom left no-repeat; text-decoration: none; color: #fff;}
.header .header_right .header_links ul li.tarmac_limited a:hover{text-decoration: underline;}


.header .header_right .header_links ul li.tarmac_building{float:left; padding: 0; width: 245px; height: 48px; background: url('/images/tbp-purple-topper.png');}
.header .header_right .header_links ul li.tarmac_building a {display: block; padding: 8px 10px 7px 25px; color: #fff !important; font-weight: bold; line-height: 1.5em; font-size: 80%; z-index: 100; background: url(/images/purple-topper-bg.png) no-repeat 200px 25px;}
.header .header_right .header_links ul li.tarmac_building a span { text-transform: uppercase; color: #FFDD00 !important; display: block; font-weight: bold; }
.header .header_right .header_links ul li.tarmac_building a.selected{ text-decoration: none; color: #242424;}
.header .header_right .header_links ul li.tarmac_building a:hover{text-decoration: none;}

.header .header_right .search{margin: 50px 20px 0 0; clear: both; overflow:hidden; padding-bottom: 16px; display: block;}
.header .header_right .search ol{list-style: none; margin: 0; padding: 0; overflow:hidden; float: right;}
.header .header_right .search ol li{float: left;}
.header .header_right .search ol li label{position: absolute; left: -999999px;}
.header .header_right .search ol li input.text{border: 1px solid #c5c6c9; padding: 3px; color: #767676; width: 174px;}
.header .header_right .search ol li.submit input{margin: 1px 0 0 12px;}
.header .header_right .search legend span{position: absolute; left: -99999px;}

/* Tool tip pop ups */
.pointer{display: none; clear:both; background: url('/images/leftarrow.png') 100px 0 no-repeat; position: absolute; top: 20px; right: 100px; width: 217px; padding-top: 22px; z-index: 200;}
.tarmac_limited_popup{display: block; background: #0e0e0e url('/images/pointerbg.gif') 0 0 repeat-x; padding: 10px; text-align: center;-webkit-box-shadow:0px 4px 4px #595959; -moz-box-shadow: 0px 4px 4px #595959;}
.tarmac_limited_popup h3, .tarmac_limited_popup p.h3{color:#f4bd2c; font-size: 90%; margin: 0 0 0 0;}
.tarmac_limited_popup p{color: #fff; font-size: 70%; margin: 4px 0 0 0;}
.tarmac_limited_popup p a{color:#f4bd2c; font-weight: bold;}
.tarmac_limited_popup p a:hover{color:#fff;}

.pointer_right{display: none; clear:both; background: url('/images/rightarrow.png') 180px 0 no-repeat; position: absolute; top: 20px; right: 0px; width: 217px; padding-top: 22px; z-index: 200;}
.tarmac_building_popup{display: block; background: #0e0e0e url('/images/pointerbg.gif') 0 0 repeat-x; padding: 10px; text-align: center;-webkit-box-shadow:0px 4px 4px #595959; -moz-box-shadow: 0px 4px 4px #595959;}
.tarmac_building_popup h3, .tarmac_building_popup p.h3{color:#f4bd2c; font-size: 90%; margin: 0 0 0 0;}
.tarmac_building_popup p{color: #fff; font-size: 70%; margin: 4px 0 0 0;}
.tarmac_building_popup p a{color:#f4bd2c; font-weight: bold;}
.tarmac_building_popup p a:hover{color:#fff;}


/***************** Drop down navigation **********************/
.nav{width: 60.00em;/* 960px */ margin: 0 auto; clear:both; border-top: 1px solid #d3dcd6; border-bottom: 1px solid #d3dcd6;}
ul#nav {padding: 0;margin: 0;list-style: none; overflow:hidden;}
ul#nav a {display: block;padding: 7px 40px 7px 40px; color: #007249; font-size: 140%; font-weight: bold; background: #fff;}
ul#nav a.selected{background: #e8e7e5; text-decoration: none;}
ul#nav a:hover{background: #007249 ; color: #fff; text-decoration: none;}
ul#nav li {float: left;padding: 4px 5px 4px 5px; background: #fff url('/images/navbg.gif') top right no-repeat; display: block;margin: 0;}
ul#nav li.last{background: none; padding: 4px 0px 4px 5px;}
ul#nav li ul {list-style:none;position: absolute;left: -999em; z-index: 9999;}
ul#nav li:hover ul, ul#nav li.sfhover ul{left: auto; margin: 0; list-style:none; padding: 0 0 4px 0; border: 5px solid #007249; display: block; background: #fff;}

ul#nav li:hover ul a, ul#nav li.sfhover ul a{display: block;padding: 4px 12px 4px 12px; color: #007249; font-size: 120%; font-weight: bold; background: #fff; width: 190px;}
ul#nav li:hover ul a:hover, ul#nav li.sfhover ul a:hover{color: #fff;background: #007249;}
ul#nav li:hover ul li, ul#nav li.sfhover ul li{float: none;padding: 0px 5px 0px 5px; background: #fff; display: block;margin: 4px 0 0 0;}
ul#nav li:hover ul li:hover, ul#nav li.sfhover ul li:hover{background: #007249;}

ul#nav li:hover a, ul#nav li.sfhover a{background: #007249 ;color: #fff;}


.sitewrapper{width: 100%; clear:both; background: #fff url('/images/mainbg.jpg') center bottom no-repeat; position: relative; min-height: 500px; padding-bottom: 60px;}
.sitewrapper_no_bg{width: 100%; clear:both; background: #fff url('/images/blank.gif') center bottom no-repeat; position: relative; min-height: 500px; padding-bottom: 60px;}
.sitecontent{width: 960px; margin: 0 auto; padding: 5px 0 0 0;}
.no_bg{background-color: #fff; background-image: none!important;}
.sitewrapper .infobarwrapper{width:100%; margin: 0 auto; position: absolute; bottom: 0; left: 0; background: url('/images/black.png') 0 0 repeat; }
.sitewrapper .infobarwrapper .infobar{width: 960px; margin: 0 auto;min-height: 36px; overflow:hidden;}
.sitewrapper .infobarwrapper .infobar ul{list-style: none; overflow:hidden; margin:8px 0 0 0; display: block; float: right;}
.sitewrapper .infobarwrapper .infobar ul li{float: left; margin: 0 0 0 6px;}
.sitewrapper .infobarwrapper .infobar ul li.print a{float: left; margin: 0 0 0 6px; width: auto; height: 17px; background: #007249 url('/images/print_off.gif') 0 0 no-repeat; color: #ffdd00; text-transform: uppercase; font-weight: bold!important; padding: 3px 5px 0 30px; font-size: 88%!important; text-decoration: none;}
.sitewrapper .infobarwrapper .infobar ul li.print a:hover{background: #ffdd00 url('/images/print_on.gif') 0 0 no-repeat; color: #007249;}
.print{display: none;}

/********** Image Menu v 2.3 **********/
.imageMenu {position: relative;width: auto;height: 216px;overflow: hidden; border: 5px solid #fdb913;}
.imageMenu ul {list-style: none;margin: 0px;display: block;height: 200px;width: 1000px;}
.imageMenu ul li {float: left;margin: 0;padding: 0; width: 159px; position: relative; cursor: pointer;}
.imageMenu ul li a img.blank{position: absolute; top: 0; left: 0; width: 330px; height: 216px; color: #000; text-indent: 0!important;}
.imageMenu ul li a {text-indent: -1000px;background:#FFFFFF none repeat scroll 0%;border-right: 1px solid #fff;cursor:pointer;display:block;overflow:hidden;}
.imageMenu ul li.contracting a {background: url('/images/imagemenu/contracting.jpg') repeat scroll 0%; /*width: 154px; */height: 216px;}
.imageMenu ul li.asphalt a {background: url('/images/imagemenu/asphalt.jpg') repeat scroll 0%; /*width: 158px; */height: 216px;}
.imageMenu ul li.concrete a {background: url('/images/imagemenu/concrete.jpg') repeat scroll 0%; /*width: 158px; */height: 216px;}
.imageMenu ul li.aggregates a {background: url('/images/imagemenu/aggregates.jpg') repeat scroll 0%; /*width: 159px; */height: 216px;}
.imageMenu ul li.lime a {background: url('/images/imagemenu/lime.jpg') repeat scroll 0%; /*width: 159px; */height: 216px;}
.imageMenu ul li.cement a {background: url('/images/imagemenu/cement.jpg') repeat scroll 0%; /*width: 157px; */height: 216px; border-right: 1px solid #fff;}
.clear {clear: both;}


.colwrapper{overflow:hidden; margin: 13px 0 0 0; padding: 0; clear:both;}

.homeleft{width: 320px; float: left;}
.ideas_box{background: #3f3f3f url('/images/ideasbg.gif') bottom left repeat-x; padding: 10px 16px 16px 16px; display: block;}
.ideas_box h2{color: #fff; font-size: 110%; margin: 0; padding: 0;}
.ideas_box p{color: #fff;}
.ideas_box ul{overflow:hidden; margin: 4px 0 0 0; list-style: none;}
.ideas_box ul li{float: left; margin: 6px 0 0 0; width: 144px; color: #fff;}
.ideas_box ul li a{padding-left: 8px; color: #fdb913; background: url('/images/yellow_arrow.gif') 0 5px no-repeat; display: block; font-weight: bold;}
.ideas_box ul li a:hover{color: #fff;}
.outer_box{position: relative; background: none; display: block; padding: 12px 0 20px 0; margin-top: 4px;}
.contact_us_box{margin: 0 0 0 0; display: block; padding: 10px 16px 10px 16px; background: #007249;}
.contact_us_box h2{color: #fff; font-size: 110%; margin: 0; padding: 0 100px 0 0;}
.contact_us_box h3, .contact_us_box p.h3{color: #fff; font-size: 100%; margin: 6px 0 0 0; padding: 0 100px 0 0;}
.contact_us_box p{color: #fff; margin: 6px 0 0 0; padding: 0 100px 0 0;}
.contact_us_box p.link{margin: 0; padding: 0 100px 0 0;}
.contact_us_box p a{padding-left: 8px; color: #ffdd00; background: url('/images/yellow_arrow.gif') 0 6px no-repeat; display: block; margin: 0;}
.contact_us_box p a:hover{color: #fff;}
.contact_us_box img.map{position: absolute; top: 0; right: 10px;}

.feature_box1{background: #fff; border: 5px solid #9a9a9a; overflow:hidden; width: 292px;}
.feature_box1 h3, .feature_box1 p.h3{margin: 10px 0 0 10px;}
.feature_box1 h3 a, .feature_box1 p.h3 a{display: block; float: left; margin: 0 20px 10px 0; width: 122px; font-size:80%; font-weight: bold; color: #007249; line-height: 1.2em;text-decoration: none;}
.feature_box1 h3 a:hover, .feature_box1 p.h3 a:hover{color: #222; text-decoration: underline;}
.feature_box1 p{margin: 10px 10px 0 0;}
.feature_box1 img{clear:both; margin-top: 16px; float: left;}

.feature_box2{background: #fff; border: 5px solid #9a9a9a; overflow:hidden; padding: 10px;}
.feature_box2 h3, .feature_box2 p.h3{width: 100%; display: block;}
.feature_box2 h3 a, .feature_box2 p.h3 a{overflow:hidden;text-decoration: none;}
.feature_box2 h3 a span, .feature_box2 p.h3 a span{width: 122px; display: block; float: left; font-weight: bold; color: #007249; line-height: 1.2em;font-size: 100%; cursor: pointer;}
.feature_box2 h3 a:hover span, .feature_box2 p.h3 a:hover span{color: #222; text-decoration: underline;}
.feature_box2 h3 a img, .feature_box2 p.h3 a img{float: right; border: 3px solid #fff; width: 124px; height: 102px;}
.feature_box2 h3 a:hover img, .feature_box2 p.h3 a:hover img{ border: 3px solid #161616;}
.feature_box2 em{padding: 0; color: #242424; font-style: normal; font-weight: bold; font-size: 58%; text-decoration: none;}


.feature_box2 p{clear:both; margin: 10px 0 0 0;}
.feature_box2 p.link{margin: 10px 0 0 0; text-align: right;}
.feature_box2 p.link a{font-weight: bold;}
.feature_box2 p.link a:hover{color: #222;}

.homemiddle{width: 302px; float: left; margin-left: 19px;}
.homeright{width: 302px; float: left; margin-left: 17px;}

#adbox { width: 282px; height: 95px; padding: 143px 10px 0 10px; background: url(/images/adbox-bg.jpg); position: relative; }
#adbox h5 { color: #fff; font-size: 14px; margin-bottom: 5px; }
#adbox ul { list-style: none; margin: 0; }
#adbox li { color: #FFDD00; margin: 0; line-height: 1.3em; font-size: 11px; }
#adbox span { padding-right: 20px; color: #fff; text-transform: uppercase; float: left; clear: both; text-decoration: none; font-weight: bold; margin-top: 6px; font-size: 13px; background: url(/images/adblock-link-arrow.gif) right center no-repeat; width: 88%; }
#adbox span:hover { text-decoration: underline; }
#adbox a { width: 295px; height: 230px; text-indent: -9999px; position: absolute; top: 0; left: 0; }

#adbox #leftlist { float: left; }
#adbox #rightlist { float: right; }


/**************************** Site columns *************************/
.breadcrumbs{clear:both; margin: 0; padding: 0;}
.breadcrumbs ul{overflow:hidden; list-style: none; padding: 0; margin: 4px 0 0 0;}
.breadcrumbs ul li{float: left; margin: 0 10px 0 0; background: url('/images/breadbg.gif') 0 4px no-repeat; padding-left: 10px;}
.breadcrumbs ul li.first{background:none; padding-left: 0px;}
.breadcrumbs ul li a{padding: 0;}

/* Sub Nav */
.site_left{float: left; width: 208px;}
.subnav ul{margin: 0; list-style: none; display: block; margin-bottom: 120px;}
.subnav ul li{display: block; clear: both;border-bottom: 1px solid #d3dcd6; padding: 2px 0 2px 0; margin: 0;}
.subnav ul li.last{border: none; padding: 5px 0 0 0;}
.subnav ul li a{font-weight: bold; font-size: 110%; display: block; padding: 3px 4px 3px 4px;}
.subnav ul li a:hover, .subnav ul li a.selected{text-decoration: none; background: #2f6b41; color: #fff;}
/* Sub Nav - 2nd tier */
.subnav ul ul{margin: 0px 0 0px 0; list-style: none; display: block;}
.subnav ul ul li{display: block; clear: both;border: none; padding: 2px 0 2px 0; margin: 0;}
.subnav ul ul li a{font-weight: bold; font-size: 120%;  padding: 3px 4px 3px 13px; background: url('/images/greenarrow.gif') 5px 8px no-repeat;}
.subnav ul ul li a:hover{text-decoration: none; background: #2f6b41 url('/images/whitearrow.gif') 5px 8px no-repeat;; color: #fff;}
.subnav ul ul li a.selected{text-decoration: none; background: #2f6b41 url('/images/whitearrow_down.gif') 4px 8px no-repeat;; color: #fff;}
/* Sub Nav - 3rd tier */
.subnav ul ul ul{margin: 2px 0 2px 20px; list-style: none; display: block;}
.subnav ul ul ul li{display: block; clear: both;border:none; padding: 2px 0 2px 0; margin: 0;}
.subnav ul ul ul li.last{border: none; padding: 5px 0 0 0;}
.subnav ul ul ul li a{font-weight: bold; font-size: 150%; background: none; display: block; padding: 1px 4px 1px 4px;}
.subnav ul ul ul li a:hover, .subnav ul ul ul li a.selected{text-decoration: none; background: #2f6b41; color: #fff;}

.site_middle{float: left; width: 500px; margin-left: 22px;}
.into_section{clear:both; margin: 0; padding: 0; overflow:hidden;}
.into_section img{float: left; margin: 0 10px 10px 0;}
.into_section p{font-size: 80%; font-weight: bold;}

.content_section{border: 5px solid #d3d3d3; background: #fff; padding: 10px; clear:both; -webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959;}

.products_section{border: 5px solid #d3d3d3; background: #fff; padding: 10px 10px 6px 10px; clear:both; -webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959; margin: 20px 0 0 0;}
.products_section ul{list-style: none; margin: 0; overflow: hidden;}
.products_section ul li{display: block; width: 220px; float: left; position: relative; margin:6px 10px 10px 0; }
.products_section ul li a img{border: 2px solid #fff; float: left;}
.products_section ul li a:hover img{border: 2px solid #000;}
.products_section ul li a span{display: block; margin: 0 0 0 100px; font-weight: bold;}
.products_section ul li a:hover span{text-decoration: underline; color: #000;}
.products_section ul li p{display: block; margin: 6px 0 0 100px;}

.site_right{float: left; width: 208px; margin-left: 22px;}
.site_right2{float: left; width: 208px;}
.contact_section{clear: both; margin: 0 0 14px 0; padding: 10px; background: #007249; -webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959;}
.contact_section h3, .contact_section p.h3{color: #fff; margin: 0; padding: 0; font-size: 90%; }
.contact_section h4, .contact_section p.h4{color: #ffdd00; margin: 4px 0 0 0; padding: 0; font-size: 140%;}
.contact_section p{margin: 0;}
.contact_section p a{color: #ffdd00; font-size: 100%; font-weight: bold;}
.contact_section p a:hover{color: #fff;}

.contact_callme{clear: both; margin: 0 0 14px 0; padding: 6px; background: #007249 url('/images/call.gif') 4px 4px no-repeat; -webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959;}
.contact_callme h3, .contact_callme p.h3{color: #fff; margin: 0 0 0 48px; padding: 0; font-size: 90%; display: block;}
.contact_callme p{margin: 0;}
.contact_callme p a{color: #ffdd00; font-size: 130%; font-weight: bold; display: block; margin: 4px 0 0 48px; text-transform: uppercase; background: url('/images/y-arrow.gif') 130px 3px no-repeat; padding-right: 20px;} 
.contact_callme p a:hover{color: #fff;}

.tarmac_help{clear: both; margin: 0 0 14px 0; padding: 10px; background: #1e1e1e url('/images/blackbg.gif') 0 0 repeat-x; -webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959;}
.tarmac_help h3, .tarmac_help p.h3{color: #fff; margin: 0; padding: 0; font-size: 90%;}
.tarmac_help ul{list-style: none; margin: 10px 0 0 0;}
.tarmac_help ul li{margin: 6px 0 0 0;}
.tarmac_help ul li a{color: #f5b929; font-weight: bold; padding-left: 10px; background: url('/images/yellowbgarrow.gif') 0 5px no-repeat;}
.tarmac_help ul li a:hover{color: #fff;}


.tarmac_black{clear: both; margin: 0 0 14px 0; padding: 10px; background: #1e1e1e url('/images/blackbg.gif') 0 0 repeat-x; -webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959;}
.tarmac_black h3, .tarmac_black p.h3{color: #fff; margin: 0; padding: 0; font-size: 90%;}
.tarmac_black h4, .tarmac_black p.h4{color: #fff; margin: 4px 0 0 0; padding: 0; font-size: 78%;}
.tarmac_black h5, .tarmac_black p.h5{color: #fdb913; margin: 4px 0 0 0; padding: 0; font-size: 130%;}
.tarmac_black p{margin: 2px 0 0 0; color: #fff; font-weight: bold;}
.tarmac_black p a{color: #fdb913; font-weight: bold;}
.tarmac_black p a:hover{color: #fff;}

.tarmac_green{clear: both; margin: 0 0 14px 0; padding: 10px; background: #007249; -webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959;}
.tarmac_green h3, .tarmac_green p.h3{color: #fff; margin: 0; padding: 0; font-size: 90%;}
.tarmac_green h4, .tarmac_green p.h4{color: #fff; margin: 4px 0 0 0; padding: 0; font-size: 78%;}
.tarmac_green h5, .tarmac_green p.h5{color: #ffdd00; margin: 4px 0 0 0; padding: 0; font-size: 130%;}
.tarmac_green p{margin: 2px 0 0 0; color: #fff; font-weight: bold;}
.tarmac_green p a{color: #ffdd00; font-weight: bold;}
.tarmac_green p a:hover{color: #fff;}

.brochures_section{border: 5px solid #d3d3d3; background: #fff; padding: 0; clear:both; -webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959;margin: 0 0 14px 0; }
.brochures_section h3, .brochures_section p.h3{display: block; padding: 5px; background: #d3d3d3; font-size:90%; font-weight: normal;}
.brochures_section h3 span, .brochures_section p.h3 span{display: block; font-weight: bold; margin-top: 0px; font-size: 110%; font-weight: bold;}
.brochures_section ul{list-style:none; margin:0 10px 10px 10px; display: block;}
.brochures_section ul li a{font-weight: bold;}
.brochures_section ul li a:hover{color: #242424;}

.grey_right{border: 5px solid #d3d3d3; background: #fff; padding: 10px; clear:both; -webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959;margin: 0 0 14px 0; }
.grey_right h3, .grey_right p.h3{display: block; padding: 5px; background: #d3d3d3; font-size:90%;}
.grey_right h3 a, .grey_right h4 a, .grey_right p.h3 a, .grey_right p.h4 a{text-decoration: underline;}
.grey_right ul{list-style:none; margin: 0; display: block; margin-bottom: 10px;}
.grey_right ul li{background: url('/images/greenbullet.gif') 0 5px no-repeat; padding-left: 14px;}


.tarmac_sites{clear: both; margin: 0 0 14px 0; padding: 10px; background: #007249 url('/images/mapbg.gif') 136px 8px no-repeat; -webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959;}
.tarmac_sites_content{width: 116px; display: block;}
.tarmac_sites_content h3, .tarmac_sites_content p.h3{color: #fff; margin: 0; padding: 0; font-size: 100%;}
.tarmac_sites_content p{margin: 4px 0 0 0;}
.tarmac_sites_content p a{color: #ffdd00; font-weight: bold;}
.tarmac_sites_content p a:hover{color: #fff;}

/* 2col Content left */
.site_content_left{float: left; width: 730px; position: relative;}
.site_content_right{float: left; width: 730px; position: relative; margin-left: 22px;}
.content_left_main{clear:both; margin: 10px 0 0 0;}
.content_left_main img{float: left; margin: 4px 10px 10px 0;}
.content_left_main p{font-size: 90%;}
p.back{margin: 0; clear:both; height: 22px;}
p.back a{background: url('/images/back-on.gif') 0 0 no-repeat; padding: 4px 0 4px 30px; font-weight: bold; font-size: 90%; height: 14px;}
p.back a:hover{background: url('/images/back.gif') 0 0 no-repeat;}
p.back2{margin: 14px 0 0 0; clear:both; height: 22px;}
p.back2 a{background: #ffffff url('/images/back-on.gif') 0 0 no-repeat; padding: 4px 4px 4px 30px; font-weight: bold; font-size: 90%; height: 14px;}
p.back2 a:hover{background: url('/images/back.gif') 0 0 no-repeat;}


.site_content_left p.back{display: block; margin-bottom: 20px;}

.benefits_split{border: 5px solid #56af2e; background: #fff;-webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959; overflow:hidden; margin: 10px 0 0 0; clear:both; padding: 10px;}
.benefits_split_left{float: left; width: 329px; border-right: 1px solid #d3dcd6; padding-right: 20px;}
.benefits_split_left ul, .site_middle_content ul{list-style:none; margin-left: 0;}
.benefits_split_left ul li, .site_middle_content ul li{background: url('/images/greenbullet.gif') 0 5px no-repeat; padding-left: 14px;}
.benefits_split_right{float: left; width: 330px; padding-left: 20px;}

.benefits_split_right ul{list-style:none; margin-left: 0;}
.benefits_split_right ul li{background:#fff url('/images/greenarrow.gif') 0 5px no-repeat; padding-left: 8px;}


.benefits_split_right ul.brochure{list-style:none; margin-left: 0;}
.benefits_split_right ul.brochure li{background:#e6f3e0;}
.benefits_split_right ul.brochure li a{padding: 6px; display: block;}
.benefits_split_right ul.brochure li a:hover{color: #222222;}

.benefits_split_right li a{font-weight: bold;}

/* 3 col content page */
.site_middle_content{float: left; width: 458px; margin: 0 0 0 22px; padding: 0 20px 20px 20px; border: 1px solid #cfcfcf; border-top: 0px; background: #fff;}
.site_middle_content ul ul li, .site_middle_content ol ol li, .site_middle ul ul li, .site_middle ol ol li, .site_content_left ul ul li, .site_content_left ol ol li{font-size: 100%;}

/* Content Form elements */
.form_section{display: block; background: #cce7c0; padding: 8px;-webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959; margin: 20px 0 10px 0; clear: both;}
.form_section legend{display: block; color: #222222; font-weight: bold;}
.form_section .errors{display: block; background: #fff; padding: 2px 10px 10px 10px; margin: 6px 0 0 0;}
.form_section .errors ul{margin: 0; border: none; padding: 0;}
.form_section .errors ul li{color: #b20809; padding: 0; font-weight: bold; width: auto;}
.form_section ul{overflow:hidden; list-style:none; border-top: 1px solid #ccc; padding-top: 4px; margin: 6px 0 0 0;}
.form_section li{overflow:hidden; clear:both; float: left; background: none !important; padding: 0 !important;}
.form_section label, .form_section span{display: block; float: left; width: 150px; padding:2px 0 0 6px; font-weight: bold; overflow:hidden; margin: 0 6px 0 0;}
.form_section em{font-weight: bold; color: #b20809; font-size: 130%; display: block; float: right; margin:0;}
.form_section input.text, .form_section select, .form_section textarea{width: 278px; float: left; border: 1px solid #d3d3d3;}
.form_section li.submit {float: right; margin-top: 10px;}


/* Search results */
.search_container{border: 5px solid #d3d3d3; background: #fff;-webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959; overflow:hidden; margin: 10px 0 0 0; clear:both; padding: 10px;}
p.google{position: absolute; top: 0; right: 0;}

/* Login template */
.login_container, .secure_container{border: 5px solid #56af2e; background: #fff;-webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959; overflow:hidden; margin: 10px 0 0 0; clear:both; padding: 16px 10px 16px 10px;}
.login_container .login_info{float: left; width: 422px;}
.login_container .login_info p{font-size: 90%;}
.login_container .login_info ul{margin: 0; list-style: none;}
.login_container .login_info ul li{padding-left: 22px; background: url('/images/tick.gif') 0 0 no-repeat; font-size: 90%;}
.login_container .login_buttons{float: left; width: 241px; margin-left: 36px;}

/* Secure template */

.secure_container p{font-size: 90%;}
.secure_container ul{margin: 0; list-style: none;}
.secure_container ul li{padding-left: 22px; background: url('/images/tick.gif') 0 0 no-repeat; font-size: 90%;}

.login_existing{display: block; clear: both; background: #006b45 url('/images/existingbg.gif') 0 0 no-repeat;-webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959;}
.login_existing a{display: block; padding: 30px 16px 16px 16px;text-decoration: none;}
.login_existing a:hover{text-decoration: none;}
.login_existing a span.top{display: block; font-weight: bold; font-size: 120%; color: #fff;}
.login_existing a span.middle{display: block; font-weight: bold; font-size: 180%; color: #ffdd00; margin: 6px 0 0 0; line-height: 1em;}
.login_existing a span.middle strong{display: block; clear:both;}
.login_existing a span.bottom{display: block; font-size: 100%; color: #fff; background: url('/images/y-arrow.gif') 186px 13px no-repeat; font-weight: bold; margin: 10px 0 0 0; padding-right: 24px;}

.login_signup{display: block; clear: both; background: #dad9d8 url('/images/signupbg.gif') 0 0 no-repeat;-webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959; margin-top: 14px;}
.login_signup a{display: block; padding: 30px 16px 16px 16px; text-decoration: none;}
.login_signup a:hover{text-decoration: none;}
.login_signup a span.top{display: block; font-weight: bold; font-size: 120%; color: #222;}
.login_signup a span.middle{display: block; font-weight: bold; font-size: 180%; color: #007249; margin: 6px 0 0 0; line-height: 1em;}
.login_signup a span.middle strong{display: block; clear:both;}
.login_signup a span.bottom{display: block; font-size: 100%; color: #222; background: url('/images/g-arrow.gif') 186px 13px no-repeat; font-weight: bold; margin: 10px 0 0 0; padding-right: 24px;}

.login_fields{border: 5px solid #d3d3d3; background: #fff;-webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959; overflow:hidden; margin: 20px 0 0 0; clear:both; padding: 10px;}

/* Lightbox contact forms */
.formwrapper{width: 595px; margin: 0 auto; padding: 19px; background: #fff; border: 5px solid #56af2e;}
.form_styles{margin: 0 0 0 0; clear: both;}
.form_styles legend{display: block; color: #222222; font-weight: bold; font-size: 90%; margin-bottom: 10px;}
.form_styles legend span{color: #222222; font-weight: bold; font-size: 190%; padding: 0; width: auto;}
.form_styles .errors{display: block; background: #fff; padding: 2px 10px 10px 10px; margin: 6px 0 14px 0; border: 1px solid #b20809;}
.form_styles .errors ul{margin: 0 0 0 0; padding: 0;}
.form_styles .errors ul li{color: #b20809; padding: 0; font-weight: bold; float: none; width: auto;}
.form_styles .errors h3, .form_styles .errors p.h3{font-size: 90%; margin: 10px 0 10px 0 ;}
.form_styles ul{list-style: none; overflow:hidden; margin: 0;}
.form_styles ul li{float: left; overflow:hidden;}
.form_styles em{font-weight: bold; color: #b20809; font-size: 240%;}
.form_styles li p{display: block; clear: both; padding:10px 0 0 0;}
.form_styles p.required{color: #b20809; font-weight: bold;}
.form_styles input.text{padding: 2px;}

.form_styles .tickbox_holder{width: 100%; clear: both;}
.form_styles .tickbox_holder p{float: left; width: auto; font-weight: bold;}
.radio_topforce p{margin: 0; padding: 0!important;}
/*.form_styles  ul.radio_within{font-size: 120%;}*/
.form_styles  ul.radio_within li{float: left; width: auto;}
.form_styles  ul.radio_within label{clear: none; float: left; width: auto; margin-left: 4px; font-weight: normal;}
.form_styles  ul.radio_within input{float: left; width: auto;}
.form_styles  ul li.radio_cell input {float: left; width: auto;}
.form_styles  ul li.radio_cell label {clear: none; float: left; width: auto; margin-left: 4px; margin-right:50px; font-weight: normal;}
.form_styles  li.next {float:right;right:0;}

.form_styles .tickbox_holder ul{float: left; width: 100%; margin-bottom: 14px;}
.form_styles .tickbox_holder ul li{float: left; width: auto; margin-right: 30px;}
.form_styles .tickbox_holder ul label{float: right; width: auto; font-size: 120%; font-weight: normal;}
.form_styles .tickbox_holder ul input{float: left; width: auto; margin-right: 4px;}
.form_styles .tickbox_holder textarea{width: 520px;}
.form_styles h3{margin-top: 20px;}

.form_styles .topforce_mail{width: 100%;}
.form_styles .topforce_mail input{float: left; width: auto;}
.form_styles .topforce_mail label{float: left; width: 500px; clear: none; margin-left: 8px;}

.form_styles .full_line_tickbox{width: 100%;}
.form_styles .full_line_tickbox input{float: left; width: auto;}
.form_styles .full_line_tickbox label{float: left; width: 500px; clear: none; margin-left: 8px;}

/* Confirmation */
.confirmationwrapper{width: 605px; margin: 0 auto; padding: 19px; background: #fff; border: 0px solid #56af2e;}


span.label{font-weight: bold; display: block; margin-bottom: 4px;}

.form_green{background: #d5ebcb; padding: 2px 10px 10px 10px; -webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959; display: block; margin-bottom: 20px;}
.form_green label, .form_green span{width: 330px; padding:2px 0 0 6px; font-weight: bold; overflow:hidden; margin: 0 18px 0 0; display: block; float: left;}
.form_green select{width: 200px; float: left; border: 1px solid #d3d3d3;}
.form_green_site li.quantity {width:100%; float:none;}
.form_green_site{background: #d5ebcb; padding: 2px 10px 10px 14px; -webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959; display: block; margin-bottom: 20px;}
.form_yellow{background: #fff199; padding: 2px 10px 10px 0px; -webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959; display: block; margin-bottom: 20px;}
.form_yellow ul{padding-left: 16px;}
.form_yellow li, .form_green_site li{display: block; float: left; width: 260px; overflow:hidden; margin-right: 10px; margin-bottom: 10px;}
.form_yellow li.stretch, .form_green_site li.stretch{clear: both; width: 100%; padding-top: 10px; border-top: 1px solid #ddd185; margin-top: 12px; overflow:hidden;}
.form_yellow li.stretch label, .form_green_site li.stretch label{clear:none; width: 220px; float: left; margin-right: 58px;}
.form_yellow li.stretch em, .form_green em, .form_green_site em, .form_yellow em{float: left; margin-left: 0px; width: auto; display: block;height: 22px;}
.form_yellow li.stretch input, .form_green_site li.stretch input{float: left;}
.form_yellow label, .form_green_site label, .form_yellow li span, .form_green_site li span{display: block; clear:both; font-weight: bold; margin-bottom: 4px;}
.form_yellow label span, .form_green_site label span{display: block; clear: both;}
.form_yellow input.text, .form_yellow select, .form_yellow textarea, .form_green_site input.text, .form_green_site select, .form_green_site textarea{width: 240px; float: left; border: 1px solid #d3d3d3;}
.form_yellow li.textarea, .form_green_site li.textarea{clear: both; width: 100%;}
.form_yellow li.textarea textarea, .form_green_site li.textarea textarea{width: 548px; height:7em;}
.form_yellow ul ul li, .form_green_site ul ul li {font-size:100%;}
.form_green_site li.tickbox_holder  ul li {font-size:78%;}
li.checkbox4col, li.checkbox4col ul.check_box {width:100%; }
li.checkbox4col p {float:left; width:auto;}

li.checkbox4col ul.check_box li{float:left; width:180px;}
select#contactmethod, select#Template_BuyConcrete_ApplicationChoice, select#Template_BuyConcrete_ConcreteMixChoice{width: 246px;}

/* Form updates 1/6/11 C Denno */
li.checkbox_em{position: relative;}
ul.check_box{margin: 5px 0 0 0; list-style: none; float: left; width: 246px; padding: 0; position: relative;}
ul.check_box li{float: left; width: 118px; margin: 0 0 8px 0;}
ul.check_box li input{float: left; width: auto; padding: 0; margin: 0;}
ul.check_box li label{float: left; width: auto; clear: none; margin: 0 0 0 5px; padding: 0;}
ul.check_box li.right{margin-left: 10px;}
li.checkbox_em em{position: absolute; top: 12px; right: 2px;}

.submit_form {padding: 2px 0 0 0px; display: block; margin-top:1em;}
.submit_form ul{overflow:hidden;}
.submit_form ul li{float: left; width: 442px!important; margin: 0;}
.submit_form ul li p{margin: 0 0 2px 0; padding: 0;}
.submit_form ul li.input_buttons{width: 132px!important; margin-left: 20px; float: right;}
.submit_form ul li.input_buttons input.submit_text{background: url('/images/submit_off.gif') 0 0 no-repeat; height: 28px; width: 131px; border: none; color: #ffdd00; font-size: 110%; font-weight: bold; text-transform: uppercase; text-align: left; padding: 0 0 4px 10px;}
.submit_form ul li.input_buttons input{margin: 0 0 4px 0; clear:both; cursor: pointer;}
.submit_form ul li.input_buttons input:hover{background: url('/images/submit_on.gif') 0 0 no-repeat; color: #007249;}
.submit_form ul li.input_buttons input.reset {background:#fff url('/images/clearform.gif') 0 0 no-repeat; color:#007249; font-weight:bold; border:0;  height: 28px; width: 131px;text-align: left; padding: 0 0 7px 8px;}

/* Concrete form */
.form_container{border: 5px solid #56af2e; background: #fff;-webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959; overflow:hidden; margin: 10px 0 0 0; clear:both; padding: 0 16px 16px 16px; position: relative;}
.form_container p.required{position: absolute; top:14px; right:16px; color: #b20809; font-weight: bold;}
.form_container legend span{position: absolute; left: -9999px;}
.form_container h4, .form_container p.h4{font-weight: normal; display: block; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
.form_container span.clear{clear:both; display: block;}
.form_container li p{margin: 0 0 2px 0; padding: 0;}
.form_container li {width: 300px;}
.form_container li.quantity {margin-top: 10px; width: 100%;}
.form_container .submit_form ul li{width: 536px;}
.form_container .submit_form ul li.input_buttons{width: 132px; margin-left: 20px;}
.form_container li.mesh_tick{clear:both; margin: 10px 0 0 0; width:650px;}
.form_container li.mesh_tick input{float: left; width: auto; clear: none; margin-top: 2px;}
.form_container li.mesh_tick label{float: left; font-weight: normal; width: 610px; clear: none; margin: 0 0 0 10px;}
.form_container ul.appear{margin-top: 30px;}

/* Site map */
.sitemap ul{margin: 0; list-style: none;}
.sitemap ul li{background: 0; padding: 0;}
.sitemap ul.toplevel li a{font-weight: bold; background: url('/images/greenbullet.gif') 0 5px no-repeat; padding-left: 14px;}
.sitemap ul ul li a, .sitemap ul ul ul li a{font-weight: normal !important;}
.sitemap ul ul, .sitemap ul ul ul{margin: 0 0 0 60px;}
.sitemap ul ul li{font-size: 80%;}
.sitemap ul ul ul li{font-size: 98%;}

/* Newslist Plugin */
.newslist_container{border: 5px solid #d3d3d3; background: #fff; padding: 10px; clear:both; -webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959;}
.filter {overflow:hidden; background: #e8e7e5; padding: 10px; position: relative;}
.filter h2, .filter p.h2{margin: 0 0 6px 0; padding: 0; font-size: 90%; display: block; width: 100%; clear:both;}
.filter select{width: 200px; float: left; border: 1px solid #d3d3d3;}
.filter input{float: left; margin-left: 20px;}
.paging{overflow: hidden; margin: 20px 0 0 0; display: block; border-bottom: 1px solid #d3ddd5; padding-bottom: 10px;}
.paging p{float: left; display: block; width: 220px; margin: 0 10px 0 0;}
.paging ul{float: right; width: auto; overflow: hidden; list-style: none; margin: 0;}
.paging ul li{float: left; margin: 0 0 0 4px;}
.paging ul li a{display: block; padding: 2px 6px 2px 6px; background: #007249; color: #ffdd01; font-weight: bold;}
.paging ul li a:hover, .paging ul li a.selected{background: #ffdd00; color: #007249; text-decoration: none;}
.bottom{border-top: 1px solid #d3ddd5; padding: 10px 0 0 0; border-bottom: 0px;}
.news_results{margin: 0 0 0 0; clear: both;}
.news_results ul{list-style: none; margin: 0;}
.news_results ul li{display: block; clear:both; overflow:hidden; margin-top: 14px;}
.news_results ul li a img{float: left; border: 2px solid #fff;}
.news_results ul li a:hover img{border: 2px solid #000;}
.news_results ul li a span{display: block; margin: 0 0 0 134px; font-weight: bold; font-size: 110%;}
/* .news_results ul li a span{display: block; margin: 0 0 0 100px; font-weight: bold; font-size: 110%;} */
.news_results ul li a:hover span{text-decoration: underline; color: #222;}
.news_results ul li p{display: block; margin: 2px 0 0 134px;}
/* .news_results ul li p{display: block; margin: 2px 0 0 100px;}  */
.news_results ul li p.date{font-weight: bold;}

/* Secure login */
.login_fields legend{font-weight: bold; color: #222;}
.login_fields ol{list-style: none; overflow:hidden; margin: 20px 0 0 0;}
.login_fields ol li{float: left; margin: 0; overflow:hidden;}
.login_fields ol li label{display: block; float: left; width: auto; margin: 2px 10px 0 0; font-weight: bold;}
.login_fields ol li input{display: block; float: left; width: auto; margin: 0 10px 0 0;}
.login_fields ol li input.submit{background: #2f6b41; color: #ffdd00; border: none; padding: 3px 6px 3px 6px; font-weight: bold; font-size: 80%; cursor: pointer;}
.login_fields ol li input.submit:hover{background: #ffdd00; color: #2f6b41;}

/**************************** Footer *******************************/

.footerwrapper{width: 100%; clear:both; background: #007249; padding-bottom: 20px;}
.footer{width: 960px; margin: 0 auto;}
.footer ul{list-style: none; margin: 14px 0 0 0; overflow: hidden; display: block; border-bottom: 1px solid #0f7a53; padding: 0; background: url('/images/footer_space.gif') 138px bottom no-repeat;}
.footer ul li{float: left; width: 300px; overflow:hidden;  padding: 0 14px 14px 14px;}
.footer ul li.first{padding: 0 14px 30px 0px;}
.footer ul li.last{padding: 0 0 0 14px; background: none;}
.footer ul li p{display: block; float: left; width: auto; color: #fff; font-size: 90%; margin: 0;}
.footer ul li p.left {margin: 0 40px 0 0; width: 130px;}
.footer ul li p.last{margin: 0 0 0 0; width: 130px;}
.footer ul li p span{display: block; clear: both; margin-top: 2px;}
.footer ul li p span a, .footer ul li p a{color:#ffdd00;}
.footer ul li p span a:hover, .footer ul li p a:hover{color:#fff;}
.footer ul li p.h4, .footer ul li h4{color: #fff; margin: 0 0 6px 0; padding: 0;}
.footer ul li p.h5 a,.footer ul li h5 a{color:#ffdd00; font-size: 150%; font-weight: bold; background: url('/images/footerarrow.gif') right 4px no-repeat; padding-right: 24px;}
.footer ul li p.h5 a:hover, .footer ul li h5 a:hover{color:#fff;}

.footer ul li h5 { margin-bottom: 5px; }
.footer ul li h5 .email-link:before { content: url("/images/footer-email.png"); position: relative; top: 3px; margin-right: 3px; }
.footer ul li h5 .blog-link:before { content: url("/images/footer-blog.png"); position: relative; top: 5px; margin-right: 4px; }
.footer ul li h5 .twitter-link:before { content: url("/images/footer-twitter.png"); position: relative; top: 5px; margin-right: 4px; }
.footer ul li h5 .facebook-link:before { content: url("/images/footer-facebook.png"); position: relative; top: 5px; margin-right: 4px; }

.footerlinks{width: 960px; margin: 0 auto;}
.footerlinks ul{list-style: none; clear: both; margin: 15px 0 0 0; overflow:hidden;}
.footerlinks ul li{float: left; padding: 0 10px 0 10px; margin: 0; background: url('/images/footerlinksbg.gif') right 5px no-repeat;}
.footerlinks ul li.first{padding: 0 10px 0 0;}
.footerlinks ul li.last{padding: 0 0 0 10px; background: none;}
.footerlinks ul li a{color: #ffdd00; font-size: 90%;}
.footerlinks ul li a:hover{color: #fff;}
.footerlinks p{margin: 2px 0 0 0; padding: 0; color: #fff; font-size: 70%; clear:both;}
.footerlinks p a{color: #ffdd00;}
.footerlinks p a:hover {color: #fff;}
.footerlinks p a{margin-left: 6px;}

/* Text heading styles */
h1{color:#242424; font-size: 1.6em; font-weight: bold; margin: 0 0 10px 0;}
h2{color:#242424; font-size: 1.4em; font-weight: bold; margin: 0 0 10px 0;}
h3{color:#242424; font-size: 1.2em; font-weight: bold; margin: 0 0 10px 0;}
h4{color:#242424; font-size: 1em; font-weight: bold; margin: 0 0 10px 0;}
h5{color:#242424; font-size: 0.78em; font-weight: bold; margin: 0 0 10px 0;}

p.h3{color:#242424; font-size: 1.2em; font-weight: bold; margin: 0 0 10px 0; line-height: auto;}
p.h4{color:#242424; font-size: 1em; font-weight: bold; margin: 0 0 10px 0; line-height: auto;}
p.h5{color:#242424; font-size: 0.78em; font-weight: bold; margin: 0 0 10px 0; line-height: auto;}

/* list styles */
ul{margin: 0 0 10px 14px; list-style: square;}
ol{margin: 0 0 10px 20px; list-style: decimal;}
ol li, ul li{font-size: 78%; margin-top: 6px;}
ol li p, ul li p{font-size: 100%; margin: 0 0 10px 0;}
ol li a, ul li a{color:#2f6b41; font-size: 100%; text-decoration: none;}
ol li a:hover, ul li a:hover{color:#2f6b41; text-decoration: underline;}


/* Content styles */
p{line-height:1.4em;font-size: 78%; margin: 0 0 10px 0;}
em{font-style: italic;}
strong{font-weight: bold;}
img{border: none;}
a{color:#2f6b41;font-size: 78%; text-decoration: underline;}
a:hover{color:#000; text-decoration: underline;}
p a{color:#2f6b41;font-size: 100%; text-decoration: underline;}
a:hover{color:#000; text-decoration: underline;}

/* Table styles */
table{width: 100%; border: none; margin: 10px 0 10px 0;}
table th{padding: 12px 8px 12px 8px; background: #007249; text-align: left; color: #fff; font-weight: bold;border-right: 0px solid #fff; font-size: 78%; vertical-align: top;}
table td{background: #e9e9e9; padding: 8px;font-size: 78%; border-top: 0px solid #fff; border-right: 0px solid #fff; color: #222222; vertical-align: top;}
table td a{color: #2f6b41; font-size: 100%; text-decoration: none;}
table td a:hover{color: #2f6b41; font-size: 100%; text-decoration: underline;}
table td p{font-size: 100%; margin: 0 0 10px 0;}
table td ol li, table td ul li{font-size: 100%;}

fieldset{border:none;}

/**************************************************************

	MultiBox
	v1.3

**************************************************************/

.MultiBoxContainer {
	position: absolute;
	border: 5px solid #56AF2E;
	background-color: #FFF;
	display: none;
	z-index: 2;
	text-align: left;
	/*overflow: hidden;*/
}

.MultiBoxLoading {
	background: url(/images/multibox/loader.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.MultiBoxClose {
	position: absolute;
	top: -28px;
	right: -28px;
	background: url(/images/close.png) no-repeat;
	width: 30px;
	height: 30px;
	cursor: pointer;
}


.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	width: 100%;
	position: relative;
}

.MultiBoxControls {
	width: 100%;
	height: auto;
	background-color: #000000;
	padding-bottom: 2px;
	position: absolute;
	bottom: 0px;
}


.MultiBoxPrevious {
	position: absolute;
	background: url(/images/multibox/left.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNext {
	position: absolute;
	background: url(/images/multibox/right.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(/images/multibox/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(/images/multibox/leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}

.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right;
}

.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
}

/*************************************************************/

/* Google Search styles */
.gs-title{margin-top: 16px;}
input.gsc-input{padding: 4px;}
.gs-title a.gs-title, .gs-title a.gs-title b{font-size: 100%; color: #2f6b41; text-decoration: underline; font-weight: bold;}
.gs-title a:hover, .gs-title a:hover b{color: #222;}
table.gsc-resultsHeader{position: absolute; left: -999999px;}
.gsc-tabsArea{padding: 20px 0 10px 0;}
.gs-visibleUrl{color: #2f6b41; margin: 2px 0 4px 0;}
.gsc-cursor-box .gsc-cursor-current-page{color: #2f6b41 !important;}
.gsc-cursor-box a:hover{color: #2f6b41 !important;}
.gsc-expansionArea{display: block; margin-bottom: 120px;}
.gsc-search-button input{background: #2f6b41; color: #ffdd00; border: none; padding: 3px 6px 3px 6px; font-weight: bold;cursor: pointer;}
.gsc-search-button input:hover{background: #ffdd00; color: #2f6b41;}
.gsc-tabhActive{border: none !important; margin: 0 !important; padding-left: 0 !important; display: block; font-weight: bold; font-size: 130%;}
.gsc-cursor-page:hover{color: #2f6b41 !important; font-weight: bold !important;}

/* RSS */
.rss{position: absolute; top: 10px; right: 10px;}

/* Safari HAck - eeeeeee */
@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
ul#nav a {padding: 10px 41px 10px 41px;}
} 

.mailing_list li{position: relative!important; margin-top: 10px;}
.mailing_list li.margin{margin-left:270px;}
.mailing_list em{position: absolute!important; right: 2px;}

.landing li.tarmac_limited{z-index: 12; position: absolute; top: 0; right: 129px; margin: 0;}
.landing li.tarmac_building{z-index: 12; position: absolute; top: 0; right: 0; margin: 0;}

.landing .header_links ul li.last{margin-right: 250px;}


/* Tarmac Mini Site */
.pad{margin-bottom: 27px;}

/* Tarmac Anywhere */
ul.connectButtons{list-style: none; margin: 20px 0 30px 0; padding: 0; overflow: hidden;}
ul.connectButtons li{float: left; width:auto; margin-right: 4px;}
ul.connectButtons li.last{margin-right: 0px;}
ul.connectButtons li a{display: block; width: 158px; background: #007249 url('/images/connect_arrow.gif') 180px 18px no-repeat; color: #fddd00; font-size: 220%; padding:  6px 40px 6px 10px; border: 8px solid #E9E9E9;}


/* BANNER Microsite*/ 

div.banner { border: 5px solid #FDB913; position: relative; float: left; margin-bottom: 15px; width: 950px; height: 216px; }
div.banner img { position: relative; float: left; margin: 0; padding: 0; }
div.banner-box { position: absolute; top: 0; right: 0; background: transparent url('/images/tint-overlay.png') top left repeat; height: 181px; width: 237px; padding: 35px 30px 0; }
div.banner-box a { background:url("../images/next-arrow.gif") no-repeat scroll 200px 53px transparent; color:#FDB913; font-size:120%; font-weight:bold; padding-right:24px; display: block; } 
div.banner-box a img { padding-right: 15px; }
div.banner-box a:hover { color: #FFF; }
div.banner-box p { color: #FFF; clear: both; font-size: 0.85em; font-weight: bold;  line-height: 1.2em; padding-top: 15px;}

.micro h1{color: #007249; margin: 41px 22px 0 0;}

/* New Search */
#cse-search-results iframe{width:700px!important;}

div.subnavwidth { width:230px; margin: 0; list-style: none; display: block; margin-bottom: 120px;}

/* Vacancy additions */
.site_middle h2.h1clone{font-size: 160%;}

.job_alerts{border: 5px solid #d3d3d3; background: #fff; padding: 40px 8px 8px 8px; clear:both; -webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959;margin: 0 0 14px 0; position: relative;}
.job_alerts h3, .job_alerts p.h3{display: block; padding: 5px 5px 10px 5px; background: #d3d3d3; font-size:90%; font-weight: bold; margin: 0; position: absolute; top: 0; left: 0; width: 96%;}
.job_alerts p{margin: 10px 0 0 0;}
.job_alerts p.salary{font-weight: bold; font-size: 80%;}
.job_alerts p.salary strong{display: block; clear: both; }
.job_alerts p.register a{display: block; background: green; padding: 5px 8px; color:#ffdd00; font-size: 108%; font-weight: bold; background: #007249 url('/images/footerarrow.gif') 160px 9px no-repeat; text-decoration: none;}
.job_alerts p.register a:hover{text-decoration: underline;}
.job_alerts h4 strong{display: block; clear: both; font-weight: normal;}

.career_dark{clear: both; margin: 0 0 14px 0; padding: 10px; background: #1e1e1e url('/images/blackbg.gif') 0 0 repeat-x; -webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959;}
.career_dark h3, .career_dark p.h3{color: #fff; margin: 0; padding: 0; font-size: 100%;}
.career_dark p{color: #fff; margin-top: 16px;}
.career_dark p a{color: #f4ba28; font-weight: bold; text-decoration: none;}
.career_dark p a:hover{text-decoration: underline;}

.career_green{clear: both; margin: 0 0 14px 0; padding: 10px; background: #007249; -webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959;}
.career_green h3, .career_green p.h3{color: #f4ba28; margin: 0; padding: 0; font-size: 100%;}
.career_green h3 a, .career_green p.h3 a{color: #f4ba28; margin: 0; padding: 0; font-size: 100%; text-decoration: none;}
.career_green h3 a:hover, .career_green p.h3 a:hover{text-decoration: underline;}
.career_green p{color: #fff; margin-top: 16px;}
.career_green p a{color: #f4ba28; font-weight: bold; text-decoration: none;}
.career_green p a:hover{text-decoration: underline;}

.career_filter{clear: both; margin: 0 0 14px 0; padding: 10px; background: #007249; -webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959;}
.career_filter h3, .career_filter p.h3{color: #fff; margin: 0; padding: 0; font-size: 100%;}
.career_filter h3 a, .career_filter p.h3 a{color: #fff; margin: 0; padding: 0; font-size: 100%; text-decoration: none;}
.career_filter h3 a:hover, .career_filter p.h3 a:hover{text-decoration: underline;}
.career_filter p, .career_filter ul{color: #fff; margin-top: 16px;}
.career_filter p a.clear_filter{text-decoration: none; color: #ffdd00; font-weight: bold; margin: 4px 0 0 0;} 
.career_filter p a.search{text-decoration: none; color: #ffdd00; font-size: 130%; font-weight: bold; margin: 4px 0 0 35px; background: url('/images/y-arrow.gif') 60px 3px no-repeat; padding-right: 20px;} 
.career_filter p a:hover{color: #fff;}
.career_filter ul {list-style:none;margin:0;padding:0;}
.career_filter ul li {margin-top:20px;}
.career_filter ul li label {font-size: 100%;}
.career_filter ul li select {width:180px;}

.careers_news{clear: both; margin: 0 0 14px 0; padding: 20px; background: #1e1e1e url('/images/blackbg.gif') 0 0 repeat-x;}
.careers_news p{color: #fff; font-size: 90%;}
.careers_news p.read_more a{font-size: 80%; padding-left: 10px; background: url('/images/yellow_arrow.gif') 0 4px no-repeat;}
.careers_news h2{color: #fff; font-weight: bold; font-size: 130%;}
.careers_news h2 a, .careers_news p a{color: #f4ba28; font-weight: bold; text-decoration: none;}
.careers_news h2 a:hover, .careers_news p a:hover{text-decoration: underline;}

.careers_main{border: 5px solid #d3d3d3; padding: 70px 12px 12px 12px; position: relative; background: #fff; clear: both; float: left; width: auto;}
.careers_main ul.careers_nav{position: absolute; top: 0; left: -2px; list-style: none; margin: 1px;}
.careers_main ul.careers_nav li{float: left; margin: 0 0 0 2px; width: 161px;}
.careers_main ul.careers_nav li a{display: block; padding: 16px 0 10px 0; background: #007249 url('/images/selectarrowblank.gif') bottom left no-repeat; font-size: 110%; font-weight: bold; color: #ffe200; text-align: center; height: 2.5em;}
.careers_main ul.careers_nav li a:hover{background: #56af2f url('/images/selectarrowblank.gif') bottom left no-repeat; color: #fff; text-decoration: none;}
.careers_main ul.careers_nav li.active a.selected, .careers_main ul.careers_nav li.active a{background: #56af2f url('/images/selectarrow.gif') bottom center no-repeat; color: #fff; text-decoration: none;}


/*
.careers_main{border: 5px solid #d3d3d3; padding: 70px 12px 12px 12px; position: relative; background: #fff; clear: both; float: left; width: auto;}
.careers_main ul.careers_nav{position: absolute; top: 0; left: 0; list-style: none; margin: 1px;}
.careers_main ul.careers_nav li{float: left; margin: 0 2px 0 2px; width: 172px;}
.careers_main ul.careers_nav li:nth-child(odd) {margin: 0;width: 156px;}
.careers_main ul.careers_nav li:nth-child(odd)  a{display: block; padding: 16px 0 10px 0; background: #007249 url('/images/selectarrowblank.gif') bottom left no-repeat; font-size: 110%; font-weight: bold; color: #ffe200; text-align: center; height: 2.5em;}
.careers_main ul.careers_nav li a{display: block; padding: 16px 0 10px 0; background: #007249 url('/images/selectarrowblank.gif') bottom left no-repeat; font-size: 110%; font-weight: bold; color: #ffe200; text-align: center; height: 2.5em;}
.careers_main ul.careers_nav li a:hover{background: #56af2f url('/images/selectarrowblank.gif') bottom left no-repeat; color: #fff; text-decoration: none;}
.careers_main ul.careers_nav li.active a.selected, .careers_main ul.careers_nav li.active a{background: #56af2f url('/images/selectarrow.gif') bottom center no-repeat; color: #fff; text-decoration: none;}
*/

.careers_intro{float: left; width: auto;}
.careers_intro img{float: left; margin: 0 20px 20px 0;}
.careers_intro p{font-size: 90%;}
.careers_intro p.show a{display: block; background: green; padding: 5px 36px 5px 8px; color:#ffdd00; font-size: 100%; font-weight: bold; background: #007249 url('/images/footerarrow.gif') 97% 10px no-repeat; text-decoration: none; width: auto; float: left; position: absolute; bottom: 20px; right: 0;}
.careers_intro p.show a:hover{text-decoration: underline;}

.current_vacancies{clear: both; margin-top: 10px; padding-top: 20px; border-top: 1px solid #ccc; float: left; width: 100%;}
.current_vacancies .job_search{float: left; width: 100%; margin-bottom: .5em;}
.current_vacancies .job_search h2{float: left; font-weight: bold; font-size: 110%; width: 300px;}
.current_vacancies .job_search ol{float: right; width:auto; margin: 0; list-style: none;}
.current_vacancies .job_search ol li{float: left; width: auto; margin: 0;}
.current_vacancies .job_search ol li label{position: absolute; left: -99999px;}
.current_vacancies .job_search ol li input.text{padding: 3px; border: 1px solid #ccc; margin-right: 4px;}
.current_vacancies .job_search ol li input.submit{margin-top: 1px;}
.current_vacancies h3{font-size: 90%; margin-top:10px; float: left; width: 100%;}
.current_vacancies ul{ float: left; width: 100%; list-style: none; margin: 0 0 16px 0;}
.current_vacancies ul li{display: block; background: #f7f7f7; margin: 1px 0; padding: 5px 14px; position: relative;}
.current_vacancies ul li:nth-child(odd) {background: #ececec;}
.current_vacancies ul li a{color: #016f4a;}
.current_vacancies ul li strong{position: absolute; top:5px; right: 14px; font-weight: normal}

.jobs_paging{float: left; width: 100%; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.jobs_paging p{float: left; width:178px;}
.jobs_paging ol{float: right; max-width: 268px; list-style: none; margin-top: 6px;}
.jobs_paging ol li{float: left; width: auto; margin: 4px 0 0 4px;}
.jobs_paging ol li a{display: block; padding: 2px 5px; background: #007249; color: #ffe200; font-weight: bold;}
.jobs_paging ol li a:hover, .jobs_paging ol li a.selected{background: #ffe200; color: #007249; text-decoration: none;}
.bottomjob{padding-bottom: 0; border-bottom: 0;}

.job_results{float: left; width: 100%; margin-top: 10px; position: relative;}
.job_results ul{list-style: none; margin: 0;}
.job_results ul li{margin: 0 0 10px 0; clear: both; float: left; width: 100%; position: relative; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.job_results ul li.title_bar{padding-bottom: 0; border-bottom:0;}
.job_results ul li.title_bar span{display: block; width: auto; padding: 3px 4px; background: #e6f3e1; color: #007249; position: relative;}
.job_results ul li.title_bar span a{font-weight: bold;}
.job_results ul li.title_bar span img{position: absolute; top: 7px; right: 10px;}
.job_results ul li.title_bar span.title{float: left; width: 328px;}
.job_results ul li.title_bar span.date{float: left; width: 120px; margin-left: 1px; position: relative; z-index: 500;}
.job_results ul li h2{margin: 0 0 4px 0; display: block; width: 320px;}
.job_results ul li h2 a{font-weight: bold;}
.job_results ul li p{width: 250px;}
.job_results ul li em{position: absolute; font-weight: bold; font-style: normal; top: 4px; left: 342px;}
.job_results ul li p strong{display: block; clear: both;}

.career_green_filter{clear: both; margin: 0 0 14px 0; padding: 10px; background: #007249; -webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959; float: left; width: auto;}
.career_green_filter h3, .career_green_filter p.h3{color: #fff; margin: 0 0 10px 0; padding: 0; font-size: 100%; float: left; width: auto; display: block;}
.career_green_filter h3.type{margin-top: 14px; font-size: 90%;}
.career_green_filter ul{margin: 0; list-style: none; float: left; width: auto;}
.career_green_filter ul li{margin: 4px 0; float: left; clear: both; width: 100%;}
.career_green_filter ul li input{float: left; width: auto; margin: 0 8px 0 0;}
.career_green_filter ul li label{width: auto; float: none;}
.career_green_filter ul li span label{float: left; color: #ffe200; display: block; width: auto; margin: 0;}
.career_green_filter ul li label strong{font-weight: normal; color: #fff; float: left; width: 30px; margin-left: 2px;}

.career_green_filter ul ul{margin: 4px 0 0 20px; list-style: none; float: left; width: auto;}
.career_green_filter ul ul li label{width: 146px; font-size: 120%;}

.careers_detail{padding-right: 70px;}
.careers_detail h3 strong{display: block; clear: both; margin-top: 6px; font-size: 90%;}
.careers_detail p{margin-bottom: 22px;}

.careers_apply{border: 5px solid #58af2d; padding: 12px; position: relative; background: #fff; clear: both; float: left; width: 466px;}
.grey_surround{border: 5px solid #d3d3d3; margin-top: 20px;}
.careers_apply dl{float: left; width: 100%; font-size: 84%;}
.careers_apply dt{float: left; width:100px; margin-right: 20px; font-weight: bold; margin-bottom: 10px;}
.careers_apply dd{float: left; width: 340px; margin-bottom: 10px;}

.careers_apply ul.apply_nav{margin: 10px 0 0 0; list-style: none; float: left; width: 100%;}
.careers_apply ul.apply_nav li{float: right; width: auto; padding-top: 4px;}
.careers_apply ul.apply_nav li.back{padding: 0; float: left;}
.careers_apply ul.apply_nav li.back a, .careers_apply ul.apply_nav li.back input{background: url('/images/back_green.gif') 0 0 no-repeat; padding: 3px 0 5px 30px; display: block; font-weight: bold; border: 0; cursor: pointer; text-decoration: none;}
.careers_apply ul.apply_nav li.back a:hover, .careers_apply ul.apply_nav li.back input:hover{background: url('/images/back.gif') 0 0 no-repeat; text-decoration: underline;}
.careers_apply ul.apply_nav li.apply{float: right; padding: 0; margin-left: 20px;}
.careers_apply ul.apply_nav li.apply a, .careers_apply ul.apply_nav li.apply input{background: #017149 url('/images/search.gif') 90% 4px no-repeat; display: block; padding:6px 44px 6px 10px; color: #ffe200; font-weight: bold; font-size: 110%; border: 0; cursor: pointer; text-decoration: none;}
.careers_apply ul.apply_nav li.apply a:hover, .careers_apply ul.apply_nav li.apply input:hover{text-decoration: underline;}
.careers_apply h2{font-size: 90%;}
.careers_apply ul{list-style: none; margin: 0; width: 100%; float: left;}
.careers_apply ul li.radio{float: left; width: 100%;}
.careers_apply ul li.radio p{display: block; float: left; width: 350px;}
.careers_apply ul li.radio label{display: block; float: right; background: red; cursor: pointer; width: auto; color: #007247; padding: 3px 14px; background: #e6f3e2; font-weight: bold; margin-left: 4px;}
.careers_apply ul li.radio label:hover{background: #007247; color: #fff;} 
.careers_apply ul li.radio input{position: absolute; left: -99999px;}

.people_box{background: #fff; border: 5px solid #58af2d; padding: 14px 20px; margin: 10px 0;}
.people_box h3{margin: 0; color: #242424; font-size: 98%;}
.people_box h4{color:#242424; font-weight: normal; font-size: 100%; margin: 2px 0 0 0;}
.people_box img{margin:10px 0;}
.people_box blockquote p{font-weight: bold; color:#242424; font-size: 120%; margin: 0;}
.people_box a, .people_box a:hover{display: block; text-decoration: none;}

p.required em{color: #c00000; font-weight: bold; font-size: 200%; margin: 2px 6px 0 0; display: block; float: left;}
fieldset.job_application legend span{position: absolute; left: -99999px;}
fieldset.job_application ul{margin-bottom: 14px;}
fieldset.job_application li {float: left; width: auto;}
fieldset.job_application li label, fieldset.job_application li p{display: block; float: left; width: 110px; margin-right: 10px; padding-top: 6px; font-weight: bold; font-size: 102%;}
fieldset.job_application li input.text{width: 318px; background: #fff; float: left; border: 1px solid #ccc; padding: 4px;}
fieldset.job_application li input.text:hover{border: 1px solid #58AF2D;}
fieldset.job_application li em{display: block; float: left; width: 15px; text-align: right; color: #c00000; font-weight: bold; font-size: 200%;}
fieldset.job_application li.radio_short ul{float:left; width: 340px; margin-bottom: 0;}
fieldset.job_application li.radio_short label{display: block; float: left; width: 310px; margin: 6px 0 0 0; padding: 0; font-weight: normal;}
fieldset.job_application li.radio_short input{float: left; width: auto; margin:6px 6px 0 0;} 
fieldset.job_application li.attach{margin-top: 14px; padding-left: 120px; margin-bottom: 30px; }
fieldset.job_application li.attach input{width: auto; float: left; cursor: pointer;}
fieldset.job_application li.attach strong{display: block; clear: both; margin: 4px 0 0 0; font-weight: normal; font-size: 90%; width: 300px; font-size:12px;}
fieldset.job_application li.textarea label, fieldset.job_application li.listbox label{clear: both; width: 100%;}
fieldset.job_application li.textarea label strong, fieldset.job_application li.listbox label strong{display: block; clear: both; font-weight: normal; font-size: 90%; margin-top: 2px;}
fieldset.job_application li.textarea textarea, fieldset.job_application li.listbox select{float: left; width: 446px; margin-top: 6px;}
fieldset.job_application li.listbox select{width:190px;}
fieldset.job_application li.textarea textarea:hover, fieldset.job_application li.listbox textarea:hover{border: 1px solid #58AF2D;}

input#Template_JobVacancyApplication_DisabilityOther{width: 196px; background: #fff; float: right; border: 1px solid #ccc; padding: 4px; margin-top: 6px;}

ul.equal_ops li label{display: block; float: left; width: 250px; margin-right: 10px; padding-top: 6px; font-weight: bold; font-size: 102%;}
ul.equal_ops li select{float: left; width: 206px; border: 1px solid #ccc; padding: 4px;}
ul.equal_ops li select:hover{border: 1px solid #58AF2D;}

.careers_steps{margin-bottom: 10px;}

.jobs_errors{display: block; background: #fff; padding: 12px; margin-bottom: 10px; border: 5px solid #b20809; }
.jobs_errors p{font-weight: bold; font-size: 90%; color: #b20809; display: block; border-bottom: 1px solid #b20809; padding-bottom: 4px;}
.jobs_errors ul{margin: 0 0 0 12px; border: none; padding: 0;}
.jobs_errors ul li{color: #b20809; padding: 0; font-weight: bold; width: auto;}

.rss_jobs{margin-top: 10px; float: right; display: block;}
.rss_jobs a{text-decoration: none; position: relative; padding: 5px 26px 0 0; font-weight: bold;}
.rss_jobs a:hover{text-decoration: underline;}
.rss_jobs a img{position: absolute; top: 0; right: 0;}

/* Job Slider */
.slider-container, .careers_intro{position: relative; width: 466px; float: left; clear: both;}
.slide{width: 100%; float: left; clear: both; height: 176px; }

/*TEMP ADDED BY KW*/
.jobvacancylink { color: #fff; }
.jobvacancylink:hover { color: #fff; text-decoration: underline;}

.footer_styling h5 img{height: 20px; width: 20px;}

#loadingDiv{display: block; background: #fff; border: 5px solid #58AF2D; float: left; clear: both; padding: 30px 20px; text-align: center; margin: 14px 0; width: 416px;
-webkit-box-shadow: 0px 2px 8px 0px #777;
-moz-box-shadow: 0px 2px 8px 0px #777;
box-shadow: 0px 2px 8px 0px #777; 
}
#loadingDiv strong{display: block; clear: both;}
#loadingDiv img{clear: both; margin-top: 10px;}

/* Tarmac - Mastertint Widget CSS				*/
/* Add this CSS to the bottom of screen.css
/* COLOUR PALETTE:
	#252525 - Dark Grey
	#c2c2c2 - Light Grey
	#ffd701 - Yellow
	#fdfdfd - white
*/

#mastertint-widget {
	background: #252525;
	font-size: 16px;
	padding: 10px;
	margin-bottom: 16px;
	color: #fdfdfd;
	font-family: Arial, Helvetica, sans-serif;
	width: 710px;
	height: 107px;
}
#mastertint-widget p {
	margin: 0;
	text-align: center;
	display: block;
	padding-top: 30px;
}
#mastertint-widget p em {
	color: #ffd701;
	font-size: 12px;
}
#mastertint-widget h6 {
	font-size: 17px;
	margin: 0;
	color: #ffd701;
	font-weight: normal;
	margin-bottom: 10px;
}
#mastertint-widget h6 em {
	font-size: 12px;
	color: #c2c2c2;
	font-style: normal;
}

/********** Image Menu v 2.3 **********/
#mw-menu {
	position: relative;
	width: 710px;
	height: 77px;
	overflow: hidden;
}
#mw-menu ul {
	list-style: none;
	display: block;
	height: 77px;
	width: 1000px;
	padding: 0;
	margin: 0;
}
#mw-menu ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 51px;
	height: 77px;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
#mw-menu ul li span {
	display:block;
	margin: 0;
	padding: 0;
	width: auto;
	height: 77px;
	border-right: solid 3px #252525;
}
#mw-menu ul li a {
	cursor:pointer;
	display:block;
	text-decoration: none;
	color: white;
	font-size: 12px;
	font-weight: bold;
	/*width: 58px;*/
	width: 100%;
	height: 67px;
	margin: 0;
	padding: 0;
	padding-top: 20px;
	position: absolute;
	/*left: 9px;
	top: 17px;*/
	text-align: center;
	outline: 0;
	background: url(/images/mastertint/menu-top-bkg.png) repeat 0 0;
}
#mw-menu ul li.item00 {background: url('/images/mastertint/thumb00.jpg') no-repeat center 0;}
#mw-menu ul li.item01 {background: url('/images/mastertint/thumb01.jpg') no-repeat center 0;}
#mw-menu ul li.item02 {background: url('/images/mastertint/thumb02.jpg') no-repeat center 0;}
#mw-menu ul li.item03 {background: url('/images/mastertint/thumb03.jpg') no-repeat center 0;}
#mw-menu ul li.item04 {background: url('/images/mastertint/thumb04.jpg') no-repeat center 0;}
#mw-menu ul li.item05 {background: url('/images/mastertint/thumb05.jpg') no-repeat center 0;}
#mw-menu ul li.item06 {background: url('/images/mastertint/thumb06.jpg') no-repeat center 0;}
#mw-menu ul li.item07 {background: url('/images/mastertint/thumb07.jpg') no-repeat center 0;}
#mw-menu ul li.item08 {background: url('/images/mastertint/thumb08.jpg') no-repeat center 0;}
#mw-menu ul li.item09 {background: url('/images/mastertint/thumb09.jpg') no-repeat center 0;}
#mw-menu ul li.item10 {background: url('/images/mastertint/thumb10.jpg') no-repeat center 0;}
#mw-menu ul li.item11 {background: url('/images/mastertint/thumb11.jpg') no-repeat center 0;}
#mw-menu ul li.item12 {background: url('/images/mastertint/thumb12.jpg') no-repeat center 0;}
#mw-menu ul li.item13 {background: url('/images/mastertint/thumb13.jpg') no-repeat center 0; width: 51px}

#mastertint-widget #mw-section {
	padding-top: 10px;
	display: none;
}
#mastertint-widget #mw-section a.close {
	display: block;
	width: 25px;
	height: 25px;
	float: right;
	margin-top: -28px;
	cursor: pointer;
	background: url('/images/mastertint/btn-close.gif');
}
#mastertint-widget #mw-section a.close:hover {
	background-position-x: 25px;
}
#mastertint-widget #mw-section span.desc {
	display: block;
	margin: 0;
	margin-bottom: 10px;
	font-size: 15px;
	height: 34px;
	overflow: hidden;
	padding: 0;
}

#mastertint-widget #mw-section .mw-border {
	border: solid 1px #0b0b0b;
	background: #0b0b0b;
	font-size: 0;
	position: relative;
	height: 470px;
	width: 708px;
	overflow: hidden;
}
#mastertint-widget #mw-section .mw-border #lgImg {
	width: 708px;
	height: 470px;
}
#mastertint-widget #mw-section .mw-border span.mw-left-large {
	display: block;
	width: 25px;
	height: 96px;
	background: url(/images/mastertint/btn-left-large.png) no-repeat -25px 0;
	position: absolute;
	top: 145px;
	left: 0;
	cursor: pointer;
}
#mastertint-widget #mw-section .mw-border span.mw-left-large:hover {
	background-position-x: 0;
}
#mastertint-widget #mw-section .mw-border span.mw-right-large {
	display: block;
	width: 25px;
	height: 96px;
	background: url(/images/mastertint/btn-right-large.png) no-repeat 0 0;
	position: absolute;
	top: 145px;
	right: 0;
	cursor: pointer;
}
#mastertint-widget #mw-section .mw-border span.mw-right-large:hover {
	background-position-x: -25px;
}
#mastertint-widget #mw-section .mw-border .mw-footer {
	width: 708px;
	height: 96px;
	background: url('/images/mastertint/menu-bkg.png');
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 16px;
}
#mastertint-widget #mw-section .mw-border .mw-footer span.mw-left{
	display: block;
	width: 20px;
	height: 95px;
	background: url(/images/mastertint/btn-left-small.png) no-repeat -20px 0;
	cursor: pointer;
	position: absolute;
	bottom: 0;
	left: 0;
}
#mastertint-widget #mw-section .mw-border .mw-footer span.mw-left:hover{
	background-position-x: 0px;
}
#mastertint-widget #mw-section .mw-border .mw-footer span.mw-right{
	display: block;
	width: 20px;
	height: 95px;
	background: url(/images/mastertint/btn-right-small.png) no-repeat 0 0;
	cursor: pointer;
	position: absolute;
	bottom: 0;
	right: 0;
}
#mastertint-widget #mw-section .mw-border .mw-footer span.mw-right:hover{
	background-position-x: -20px;
}

#mastertint-widget .mw-menuwrap {
	width: 630px;
	position: absolute;
	height: 79px;
	left: 38px;
	top: 10px;
	overflow: hidden;
}
#mastertint-widget .mw-menuwrap ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	width: 9000px;
	height: 79px;
	position: absolute;
	left: 0;
}
#mastertint-widget .mw-menuwrap ul li {
	float: left;
	margin-top: 0;
	margin-right: 10px;
	display: block;
	width: 118px;
	height: 79px;
	background: #000;
}
#mastertint-widget .mw-menuwrap ul li img {
	width: 116px;
	height: 77px;
	border: solid 1px black;
}
#mastertint-widget .mw-menuwrap ul li img:hover {
	border: solid 1px #ffd701;
	cursor: pointer;
}
#mastertint-widget .mw-menuwrap ul li img.selected {
	border: solid 1px #ffd701;
}
#mastertint-widget  #mw-section .mw-border .mw-loader {
	background: #252525 url(/images/mastertint/preloader.gif) no-repeat center center;
	width: 50px;
	height: 50px;
	position: absolute;
	z-index: 1;
	display: none;
	left: 50%;
	margin-left: -25px;
	top: 50%;
	margin-top: -70px;
}

#map_canvas {background:#fff; border:#55AF2B 5px solid; margin-bottom:1.5em; }
#map_canvas div.fallback {padding:2em; }
#map-search { 
  background: #1f1f1f url(/images/bg-mapsearch.jpg) repeat-x 0 0; color:#fff; padding:14px; margin-bottom:1em;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3f3f3f), to(#1f1f1f)); 
  background-image: -webkit-linear-gradient(top, #3f3f3f, #1f1f1f); 
  background-image:    -moz-linear-gradient(top, #3f3f3f, #1f1f1f); 
  background-image:     -ms-linear-gradient(top, #3f3f3f, #1f1f1f); 
  background-image:      -o-linear-gradient(top, #3f3f3f, #1f1f1f); 
  background-image:         linear-gradient(top, #3f3f3f, #1f1f1f);
  }
div#Template_LocationFinder_ValidationSummary {
  background: #a70d0d url(/images/bg-maperrors.jpg) repeat-x 0 0; color:#fff!important; padding:14px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a70d0d), to(#c72e30)); 
  background-image: -webkit-linear-gradient(top, #a70d0d, #c72e30); 
  background-image:    -moz-linear-gradient(top, #a70d0d, #c72e30); 
  background-image:     -ms-linear-gradient(top, #a70d0d, #c72e30); 
  background-image:      -o-linear-gradient(top, #a70d0d, #c72e30); 
  background-image:         linear-gradient(top, #a70d0d, #c72e30);
  margin:-14px -14px 14px;

}
div#Template_LocationFinder_ValidationSummary h3 {color:#ffe000; font-size:.9em; font-weight:bold;}
div#Template_LocationFinder_ValidationSummary p {font-weight:bold;}
div#Template_LocationFinder_ValidationSummary p:after {content:':';}
div#Template_LocationFinder_ValidationSummary ul {list-style:none;margin:0;}
div#Template_LocationFinder_ValidationSummary ul li {background:url(/images/bullet-error.gif) no-repeat 0 5px; padding-left:15px;margin-bottom:10px;}

#map-search h2 {color:#fff; font-size:1em}
#map-search h3 {color:#c1c1c1;font-size:1em}
#map-search label {font-size:.8em; font-weight:normal;}
input#Template_LocationFinder_postcode {margin:1em 0; width:165px; padding: 4px;}
span#Template_LocationFinder_Products label {color:#ffde03; margin-left:12px;}
select#Template_LocationFinder_distance {width:175px; padding: 4px; margin-bottom:1em;} 
span#Template_LocationFinder_Products {padding-bottom:1em; display:block;} 
a#Template_LocationFinder_submit {background:#007249 url(/images/y-arrow.gif) no-repeat 138px center; color:#ffde03; font-size:.9em; font-weight:bold; padding:5px 25px 5px 10px; text-decoration:none; float:right;}
a#Template_LocationFinder_submit:hover, a#Template_LocationFinder_clear:hover, a.clearlistitems:hover {color:#fff; text-decoration:underline;}
a#Template_LocationFinder_clear, a.clearlistitems{background: url(/images/clear.gif) no-repeat 90% center; border:1px solid #595959; color:#ffde03;  font-size:.7em;padding:5px 25px 5px 10px; text-decoration:none; float:right; margin-top:.8em;}
label#Template_LocationFinder_distanceLabel {position:absolute; left:-9999px;}
p.updated {clear:both;display:inline-block}

div#site_left {position:relative;float:left; width: 732px; margin-right: 18px;}
div#Template_LocationFinder_PossibleLocationspanel { background:#007249; position: absolute; top:20px ;left:20px; padding:14px; width:230px;}
div#Template_LocationFinder_PossibleLocationspanel h4 {color:#fff;}
div#Template_LocationFinder_PossibleLocationspanel ul {list-style:none;margin:0; }
div#Template_LocationFinder_PossibleLocationspanel ul li {background:url(/images/bullet.gif) no-repeat 0 5px; padding-left:15px;margin-bottom:10px;}
div#Template_LocationFinder_PossibleLocationspanel ul a {color:#ffde03;}
div#map_key { float: left; width: 100%;
	background: #1f1f1f url(/images/bg-mapsearch.jpg) repeat-x 0 0; color:#fff; margin-bottom:1em;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3f3f3f), to(#1f1f1f)); 
	background-image: -webkit-linear-gradient(top, #3f3f3f, #1f1f1f); 
	background-image:    -moz-linear-gradient(top, #3f3f3f, #1f1f1f); 
	background-image:     -ms-linear-gradient(top, #3f3f3f, #1f1f1f); 
	background-image:      -o-linear-gradient(top, #3f3f3f, #1f1f1f); 
	background-image:         linear-gradient(top, #3f3f3f, #1f1f1f);
}

div#map_key span { float: left; margin-top: 5px; width: 130px; }
div#map_key h2 { color: #FFF; font-size: 18px; margin: 18px 14px 0; float: left; width: 60px; text-align: center; }
div#map_key ul { list-style: none; padding: 10px 20px; margin: 0; border-left: 1px solid #353535; float: left; }
div#map_key ul li.first { margin-top: 7px; }
div#map_key ul li { float: left; margin: 0 20px 0 0; width: 180px; }
div#map_key img { float: left; margin-right: 10px; }
div#map_canvas { margin: 0; }


div#table-header {background:#007249; color:#fff; width:702px; padding:12px 15px 0; border-bottom:1px solid #01603e;}
table.location {margin:0; border-collapse: collapse;  border:1px solid #d2d2d2; border-top:1px solid #177f5a; width:732px; padding:10px;}
table.location td {background:#fff; border-top:1px solid #d2d2d2; }
table.location tr:first-child td {background:#fff url(/images/down-arrow.gif) no-repeat center 0; border:0; padding-top:20px;}
table.location tr:first-child td:first-child {background:#fff;}
table.location tr td:first-child span {background:url(/images/tarmac/normal-icon-table.png) no-repeat 2px 0; display:block; width:40px; height:45px; font-size:1.5em; font-weight:bold; text-align:center; padding-top:6px;}
table.location th {text-align:center;}
table.location td img {float:left; margin-right:1em;}
table.location td ul {list-style:none; margin:0;}
table.location td ul span {display:inline-block; width:3.5em;}
table.location td address {font-style:normal;}
table.location td.nowrap {white-space: nowrap;}
table.location td span.distance {font-size:.75em;}
table.location a {font-weight:bold; }
table.location div.siteinfo {float:left; width:175px; }

/*Rollover Map */
div#rolloverMap { /*background:#d3e0ee url(/images/roMap/bg.jpg) repeat-x 0 0; border: 5px solid #55AF2B; float: left; padding: 40px 100px 20px;*/ margin:1em 0; position:relative;}
div#rolloverMap p.key span {display:block; text-indent:-9999px; background: #b9dd7a; border:1px solid #abc4e0; width:24px; height: 24px; margin:0 5px 0 0;float:left;}
div#rolloverMap p.key {position:absolute; left:0; bottom:10px; width:200px; line-height:1.2; font-size:.7em}
div#rolloverMap ul{ position: relative; width: 450px; height: 500px; background: url('/images/roMap/map.png') top center no-repeat; margin:0;}
div#rolloverMap ul li{list-style: none; background: none;}
div#rolloverMap ul li {display: block; position: absolute; text-indent: -99999px;cursor:pointer;}
div#rolloverMap ul li span {z-index: 2000;position: absolute; width: auto;}
div#rolloverMap ul li:hover span * {margin-bottom:0;}
div#rolloverMap ul li:hover span p {background: url(/images/roMap/call.gif) no-repeat 0 0; padding-left:20px; font-weight:bold;}
div#rolloverMap ul li.na span p {background:none;padding:0; white-space: normal; width:150px;}
div#rolloverMap ul li:hover span{display:block; white-space: nowrap; padding:8px; border:1px solid #666; 
  -webkit-box-shadow: 0px 0px 4px #000; 
     -moz-box-shadow: 0px 0px 4px #000; 
          box-shadow: 0px 0px 4px #000; 
          background-color: #ffe423;
  background-image: linear-gradient(top, #ffe423, #e7c804);
}

div#rolloverMap ul li#region-sc {top: -6px; left: 88px; width: 226px; height: 271px; }
div#rolloverMap ul li#region-sc:hover{background: url('/images/roMap/scotland.png') top center no-repeat; text-indent: 0;}
div#rolloverMap ul li#region-sc:hover span{top: 70px; left: 20px;}

div#rolloverMap ul li#region-n {top: 159px; left: 281px; width: 98px; height: 133px; z-index: 3000; }
div#rolloverMap ul li#region-n:hover{background: url('/images/roMap/north.png') top center no-repeat; text-indent: 0;}
div#rolloverMap ul li#region-n:hover span{top: -10px ; left: 25px;}

div#rolloverMap ul li#region-c {top: 248px; left: 229px; width: 158px; height: 107px; z-index: 2000;}
div#rolloverMap ul li#region-c:hover {background: url('/images/roMap/central.png') top center no-repeat; text-indent: 0;}
div#rolloverMap ul li#region-c:hover span{top: -10px; left:-75px;}

div#rolloverMap ul li#region-w {top: 319px; left: 167px; width: 186px; height: 173px;}
div#rolloverMap ul li#region-w:hover {background: url('/images/roMap/west.png') top center no-repeat; text-indent: 0;}
div#rolloverMap ul li#region-w:hover span{top: -25px; left: -30px;}

div#rolloverMap ul li#region-se {top: 314px; left: 318px; width: 119px; height: 148px;}
div#rolloverMap ul li#region-se:hover {background: url('/images/roMap/southeast.png') top center no-repeat; text-indent: 0;}
div#rolloverMap ul li#region-se:hover span{top: 0; left: -90px;}
  
div#rolloverMap ul li#region-qm {top: 318px; left:378px; width: 58px; height:37px;  z-index: 3000;}
div#rolloverMap ul li#region-qm:hover {background: url('/images/roMap/quickmix.png') top center no-repeat; text-indent: 0;}
div#rolloverMap ul li#region-qm:hover span{top: -50px; left: -140px;}
  
div#rolloverMap ul li#region-na1 {top: 295px; left: 182px; width: 73px; height:109px; z-index: 2000; }
div#rolloverMap ul li#region-na1:hover {background: url('/images/roMap/na1.png') top center no-repeat; text-indent: 0;}
div#rolloverMap ul li#region-na1:hover span{top: -20px; left: -120px;}

div#rolloverMap ul li#region-na2 {top: 370px; left: 342px; width: 88px; height:80px; }
div#rolloverMap ul li#region-na2:hover {background: url('/images/roMap/na2.png') top center no-repeat; text-indent: 0;}
div#rolloverMap ul li#region-na2:hover span{top: -30px; left: -120px;}
  
  /* Location finder Map */
#Template_LocationFinder_site_right{margin-left: 0px!important;}

a.clearlistitems {cursor:pointer;float:none;margin-bottom:5px;display:block;}


/******************* SLIDING PANEL STYLES **************************/

#sliding-panel { top:391px; left:0; position:absolute; height: 275px; background: url('/images/slider-bg.png') repeat; }
#sliding-panel-content { float: right; width: 570px; margin-right: 70px; color: #fff; padding: 15px 0; }
#sliding-panel-content h3 { color: #fff; margin-top: 1em; }
#sliding-panel-content img { float: left; margin-right: 1em; }
#sliding-panel-content a { display: block; float: left; width: 219px; padding-left: 10px; height: 30px; background: url(/images/more-info-bg.png); color: #FEDC00; margin: 15px 0; text-decoration: none; line-height: 30px; font-size: 14px; font-weight: bold; }
#slider-toggle { position: absolute; display: block; width: 63px; height: 100px; z-index: 1; cursor: pointer; text-indent: -9999px; }
.toggleOpen { background: url('/images/slider-open.png'); right: -63px; top: 0; }
.toggleClosed { background: url('/images/slider-close.png'); right: -3px; top: -3px; }