/*
	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: #4d2347;}
body.modal{background:#ffffff;}

ul.skip{position: absolute; left: -99999px;}
.headerwrapper{width: 100%; border-top: 3px solid #4e2245; 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_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-grey.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: #242424; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 70%;}
.header .header_right .header_links ul li.tarmac_limited a.selected{background: url('/images/leftnav-grey.png') 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: 129px; background: none;}
.header .header_right .header_links ul li.tarmac_building a{display: block; padding: 6px 10px 7px 0px; color: #fff; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 70%; background: url('/images/rightnav-purple.png') bottom right no-repeat;}
.header .header_right .header_links ul li.tarmac_building a.selected{background: url('/images/rightnav-purple.png') bottom left no-repeat; text-decoration: none; color: #6d6d6d;}
.header .header_right .header_links ul li.tarmac_building a:hover{text-decoration: underline;}

.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 13px;}
.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{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{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: #4e2245; font-size: 140%; font-weight: bold; background: #fff;}
ul#nav a.selected{background: #e8e7e5; text-decoration: none;}
ul#nav a:hover{background: #741168; 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: 1;}
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 #741168; display: block; background: #fff;}

ul#nav li:hover ul a, ul#nav li.sfhover ul a{display: block;padding: 4px 0 4px 18px; color: #4e2245; 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: #741168;}
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: #741168;}

ul#nav li:hover a, ul#nav li.sfhover a{background: #741168;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;}
.sitecontent{width: 960px; margin: 0 auto; padding: 5px 0 0 0;}
.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; display: block;}
.sitewrapper .infobarwrapper .infobar ul li.print a{float: left; margin: 0 0 0 6px; width: auto; height: 17px; background: #4d2348 url('/images/print_off.gif') 0 0 no-repeat; color: #ffdd00; text-transform: uppercase; font-weight: bold!important; padding: 3px 5px 0 25px; 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: #4d2348;}
.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 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/blocks.jpg') repeat scroll 0%; /*width: 154px; */height: 216px;}
.imageMenu ul li.asphalt a {background: url('/images/imagemenu/floors.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/landscape.jpg') repeat scroll 0%; /*width: 159px; */height: 216px;}
.imageMenu ul li.lime a {background: url('/images/imagemenu/grouts.jpg') repeat scroll 0%; /*width: 159px; */height: 216px;}
.imageMenu ul li.cement a {background: url('/images/imagemenu/termodeck.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{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{margin: 10px 0 0 10px;}
.feature_box1 h3 a{display: block; float: left; margin: 0 20px 10px 0; width: 122px; font-size:80%; font-weight: bold; color: #741168; line-height: 1.2em;text-decoration: none;}
.feature_box1 h3 a:hover{color: #2b2b2b;  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{width: 100%; display: block;}
.feature_box2 h3 a{overflow:hidden;text-decoration: none;}
.feature_box2 h3 a span{width: 122px; display: block; float: left; font-weight: bold; color: #741168; line-height: 1.2em;font-size: 100%; cursor: pointer;}
.feature_box2 h3 a:hover span{color: #222; text-decoration: underline;}
.feature_box2 h3 a img{float: right; border: 3px solid #fff; width: 124px; height: 102px;}
.feature_box2 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;}




/**************************** 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: #741168; 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: #741168 url('/images/whitearrow.gif') 5px 8px no-repeat; color: #fff;}
.subnav ul ul li a.selected{text-decoration: none; background: #741168 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: #741168; 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 14px 0;}
.products_section ul li a img{position: absolute; top: 0; left: 0; border: 2px solid #fff;}
.products_section ul li a:hover img{position: absolute; top: 0; left: 0; 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;}
.products_section ul li p{display: block; margin: 6px 0 0 100px;}

.site_right{float: left; width: 208px; margin-left: 22px;}
.contact_section{clear: both; margin: 0 0 14px 0; padding: 10px; background: #4d2348; -webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959;}
.contact_section h3{color: #fff; margin: 0; padding: 0; font-size: 90%; }
.contact_section 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: #4d2348 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{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{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{color: #fff; margin: 0; padding: 0; font-size: 90%;}
.tarmac_black h4{color: #fff; margin: 4px 0 0 0; padding: 0; font-size: 78%;}
.tarmac_black 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: #4d2348; -webkit-box-shadow:0px 1px 2px #595959; -moz-box-shadow: 0px 1px 2px #595959;}
.tarmac_green h3{color: #fff; margin: 0; padding: 0; font-size: 90%;}
.tarmac_green h4{color: #fff; margin: 4px 0 0 0; padding: 0; font-size: 78%;}
.tarmac_green 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{display: block; padding: 5px; background: #d3d3d3; font-size:90%; font-weight: normal;}
.brochures_section 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{display: block; padding: 5px; background: #d3d3d3; font-size:90%;}
.grey_right h3 a, .grey_right 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{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: 0 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.gif') 0 0 no-repeat; padding: 4px 0 4px 30px; font-weight: bold; font-size: 90%; height: 14px;}
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 #93cebd; 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-left: 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: #d2edea; 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 #6ac2b8; 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;}
.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-arrow2.gif') 186px 12px 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;}
.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 12px 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: 0px solid #6ac2b8;}
.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{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;}
/* 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 p{padding-left: 6px!important;}
.form_green select{width: 200px; float: left; border: 1px solid #d3d3d3;}

.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;}
.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;}
.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;}

.submit_form {padding: 2px 0 0 0px; display: block;}
.submit_form ul{overflow:hidden;}
.submit_form ul li{float: left; width: 442px; margin: 0;}
.submit_form ul li p{margin: 0 0 2px 0; padding: 0;}
.submit_form ul li.input_buttons{width: 132px; margin-left: 20px;}
.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: #4d2348;}


/* 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{font-weight: normal; display: block; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
.form_container span.clear{clear:both; display: block;}
.form_container li.textcontent{padding-top: 10px;}
.form_container li p{margin: 0 0 2px 0; padding: 0;}
.form_container li {width: 300px;}
.form_container li.quantity{clear:both; margin-top: 0;}
.form_container .submit_form ul li{width: 536px;}
.form_container .submit_form ul li.input_buttons{width: 132px; margin-left: 20px;}

/* 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{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: #741267; color: #ffdd01; font-weight: bold;}
.paging ul li a:hover, .paging ul li a.selected{background: #ffdd00; color: #741267; 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:hover span{text-decoration: underline; color: #222;}
.news_results ul li p{display: block; margin: 2px 0 0 134px;}
.news_results ul li p.date{font-weight: bold;}

/* Secure login */
.login_fields legend span{font-weight: bold; color: #222; display: block; padding-bottom: 20px;}
.login_fields ol{list-style: none; overflow:hidden; margin: 0 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: #4d2347; 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 #684362; padding: 0; background: url('/images/footer_space.gif') 316px 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 h4{color: #fff; margin: 0 0 6px 0; padding: 0;}
.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 h5 a:hover{color:#fff;}


.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;}

/* 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:#741168; font-size: 100%; text-decoration: none;}
ol li a:hover, ul li a:hover{color:#2b2b2b; 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:#741168;font-size: 78%; text-decoration: underline;}
a:hover{color:#000; text-decoration: underline;}
p a{color:#741168;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: #4d2348; 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: 70%; border-top: 0px solid #fff; border-right: 0px solid #fff; color: #222222; vertical-align: top;}
table td a{color: #741168; font-size: 100%; text-decoration: none;}
table td a:hover{color: #2b2b2b; 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 #6AC2B8;
	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: #741168; 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: #741168; margin: 2px 0 4px 0;}
.gsc-cursor-box .gsc-cursor-current-page{color: #741168 !important;}
.gsc-cursor-box a:hover{color: #741168 !important;}
.gsc-expansionArea{display: block; margin-bottom: 120px;}
.gsc-search-button input{background: #741168; color: #ffdd00; border: none; padding: 3px 6px 3px 6px; font-weight: bold;cursor: pointer;}
.gsc-search-button input:hover{background: #ffdd00; color: #741168;}
.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: #741168 !important; font-weight: bold !important;}


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

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

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


.company_popup_wrapper {display:none;}
.landing .company_popup_wrapper{position: absolute; width: 100%; height:100%; top: 0; z-index:11; display:block;}
.landing .company_popup{position: relative; background: #fff; border: 1px solid red; width: 886px; padding: 6px; border: 5px solid #9a9a9a; margin: 50px auto;}
.landing .company_popup h3{font-size: 130%; margin: 10px 0 8px 14px;}
.landing .company_popup p{font-size: 90%; margin: 0 0 0 14px;}
.landing .company_popup p a{font-weight: bold; font-size:110%;}
.landing .company_popup p a:hover{color: #000!important;}
.landing .company_popup p a.tqm{color: #007249;}
.landing .company_popup p a.tbp{color: #741168;}
.landing .company_popup ul{margin: 22px 0 0 0; list-style: none; overflow: hidden;}
.landing .company_popup ul li{display: block; float: left; margin: 0;}
.landing .company_popup ul li a{display: block; border: 5px solid; width: 428px; height: 312px;}
.landing .company_popup ul li.tqm{margin-right: 8px;}
.landing .company_popup ul li.tqm a{border-color: #007249;}
.landing .company_popup ul li.tqm a:hover{border-color: #fbbf00;}
.landing .company_popup ul li.tbp a{border-color: #4d2348;}
.landing .company_popup ul li.tbp a:hover{border-color: #fbbf00;}
.landing .company_popup .tab_pointer{position: absolute; top: -5px; right: 20px; padding-top: 22px; background: url('/images/tabarrow.png') 80px 0 no-repeat;}
.landing .company_popup .tab_pointer p{display: block; width: 206px; height: 48px; background: url('/images/tab_pointerbg.gif') 0 0 no-repeat; color: #f5be29; font-style: italic; font-weight: bold; font-size: 90%; padding: 8px 20px 6px 20px;}

.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;}