@charset "utf-8";
/* CSS Document */
/********** PAGE LAYOUT DIVS ***********/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.h6 {
	width: 98%;
	padding: 2px;
	background-color:#efefef;
	border:1px solid #FFFFFF;
}
.bodyBGimg {
	background: url('images/background1.gif') repeat-y center;
}
.container {
	border: 1px solid #babbbc;
	margin:10px auto;
	width: 798px;
	background-color:#bbbbbd;
	clear: none;
}
.header_Spacer {
	width: 100%;
	height: 15px;
}
.header {
	position: inherit;
	left: 0px;
	top: 0px;
	width: 798px;
	height: 150px;
	background: url('images/undermenu_strip.gif') no-repeat bottom;
	background-color:#ffffff;
}
.header_navBack {
	background-color: #7FA3CD;
	clear: both;
	height: 25px;
}
.header_navBar {
	position: relative;
	top: 6px; 
	left: 10px;
}
.header_navDeg {
	background: url('images/top_menu_deg.gif') no-repeat bottom;
	height: 15px;
	width: 233px;
	text-align: right;
}
.cookieTrail {
	position: inherit;
	left: 0px;
	top: 100px;
	width: 798px;
	height: 30px;
	background-color:#ffffff;
}
.cookieTrail_bar {
	background-color: #efefef;
	height: 15px;
	text-align: right;
}
.mainEdit {
	position: inherit;
	left: 0px;
	top: 130px;
	width: 555px;
	height: 100%;
	float:left;
	background-color:#ffffff;
}
.mainEdit_noBar {
	position: inherit;
	left: 0px;
	top: 130px;
	width: 798px;
	height: 100%;
	background-color:#ffffff;
}
.sideMenu {
	width: 240px;
	height: 100%;
	float:right;
}
.footer {
	border-bottom: 1px solid #babbbc;
	position: relative;
	left: 0px;
	width: 798px;
	height: 50px;
	clear: both;
	background: url('images/sig_comp.gif') no-repeat left top;
	background-color:#ffffff;
}


#access-keys {
	position: absolute; 
	width: 250px; 
	left: -3000px; 
	float: left;
}	

.fiftyPercent
{
	position:relative;
	float:left;
	width:49%;
}


/* --------- News ----------- */
.newsHiLite
{
	position:relative;
	width:500px;
	padding:10px;
	background:#F2F1E6;
	border:#000000 1px solid;
	margin:0 0 20px 110px;
}

.imgMarginRight
{
	margin:0 20px 10px 0;
}

.imgMarginLeft
{
	margin:0 0 10px 20px;
}
	


/* home page section links */
.HP_Fixings
{ position:relative; float:left; width:176px; height:53px; background:url(images/hp_fixings.jpg) top no-repeat; margin:0 0 4px 0; }
.HP_Groundworks
{ position:relative; float:left; width:176px; height:53px; background:url(images/hp_groundworks.jpg) top no-repeat; margin:0 0 4px 0; }
.HP_Chemicals
{ position:relative; float:left; width:176px; height:53px; background:url(images/hp_chemicals.jpg) top no-repeat; margin:0 0 4px 0; }
.HP_Masonry
{ position:relative; float:left; width:176px; height:53px; background:url(images/hp_masonry.jpg) top no-repeat; margin:0 0 4px 0; }
.HP_Access
{ position:relative; float:left; width:176px; height:53px; background:url(images/hp_access.jpg) top no-repeat; margin:0 0 4px 0; }
.HP_PowerTools
{ position:relative; float:left; width:176px; height:53px; background:url(images/hp_powertools.jpg) top no-repeat; margin:0 0 4px 0; }
.HP_Mechanical
{ position:relative; float:left; width:176px; height:53px; background:url(images/hp_mechanical.jpg) top no-repeat; margin:0 0 4px 0; }
.HP_Safety
{ position:relative; float:left; width:176px; height:53px; background:url(images/hp_safety.jpg) top no-repeat; margin:0 0 4px 0; }

.width170
{width:170px;}

.sectionText
{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF; letter-spacing:normal; padding:36px 0 0 4px; }

/* product section links for homepage */
a.Whitelink:link 
{ color: #ffffff; text-decoration: none; margin:0; }
a.Whitelink:visited 
{ color: #ffffff; text-decoration: none; margin:0; }
a.Whitelink:active 
{ color: #ffffff; text-decoration: none; margin:0; }
a.Whitelink:hover 
{ color: #dedede; text-decoration: underline; margin:0; }

/* ------------------------------------------------ */

/*********** TEXT STYLES *************/
h1 {
	font-size: 18px;
	color: #00489B;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}
.h1mover
{	position:absolute; left:-3000px; }

h2 {
	font-size: 14px;
	color: #00489B;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}
h2 a {
	color: #00489B;
	text-decoration:none
}	
h3 {
	font-size: 12px;
	color: #00489B;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

.BorderLTGRY, .about_keyOutline, .groundwork_Cos, .latestNews_Box, #searched_Box
{
	border: #babbbc 1px solid;
}

.BorderWht, .shareTradeBox
{
	border: #ffffff 1px solid;
}

.BorderBlk, .popup_Address, .HAVs_sidePanels, .latestNews_Img
{
	border: #000000 1px solid;
}
.white_BG {
	background: #ffffff;
}
.grey_BG {
	background: #efefef;
}
.LtGry {
	font-size: 12px;
	color: #939393;
}


.White12 {
	font-size: 12px;
	letter-spacing:normal;
	color: #ffffff;
}

.Purple12, #formwork_contacts {
	font-size: 12px;
	color: #9c4878;
}

.LtBrown {
	font-size: 12px;
	color: #6e5f50;
}

.Green12 {
	font-size: 12px;
	color: #496d63;
}
.Brown12 {
	font-size: 12px;
	color: #be742d;
}

.SIGRed {
	color:#d20035
}	
.Black12, .Black11 {
	font-size: 12px;
	color: #000000;
}
.Black11 {
	font-size: 11px;
}
a.greylink:link {
	color: #939393;
	text-decoration: none;
}
a.greylink:visited {
	color: #939393;
	text-decoration: none;
}
a.greylink:active {
	color: #939393;
	text-decoration: none;
}
a.greylink:hover {
	color: #00489b;
	text-decoration: none;
}

a.Blulink:link {
	color: #00489b;
	text-decoration: none;
}
a.Blulink:visited {
	color: #00489b;
	text-decoration: none;
}
a.Blulink:active {
	color: #00489b;
	text-decoration: none;
}
a.Blulink:hover {
	color: #ffffff;
	text-decoration: none;
}

a.BluBlk:link {
	color: #00489b;
	text-decoration: none;
}
a.BluBlk:visited {
	color: #00489b;
	text-decoration: none;
}
a.BluBlk:active {
	color: #00489b;
	text-decoration: none;
}
a.BluBlk:hover {
	color: #000000;
	text-decoration: none;
}


a.yelllink:link {
	color: #FFCC00;
	text-decoration: none;
}
a.yelllink:visited {
	color: #FFCC00;
	text-decoration: none;
}
a.yelllink:active {
	color: #FFCC00;
	text-decoration: none;
}
a.yelllink:hover {
	color: #ffffff;
	text-decoration: underline;
}

.Blu12, ul#sigcaList li a {
	font-size: 12px;
	color: #00489B;
	letter-spacing:normal;
}

.WhiteTitle {
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: -1px;
}

.PurpleTitle, .about_listLeft {
	color: #9c4878;
	font-weight: bold;
	letter-spacing: -1px;
}

.LtBrownTitle {
	color: #857362;
	font-weight: bold;
	letter-spacing: -1px;
}

.YellowTitle {
	color: #ebb600;
	font-weight: bold;
	letter-spacing: -1px;
}
.LtBlueTitle {
	color: #6e99d4;
	font-weight: bold;
	letter-spacing: -1px;
}

.LtPurpleTitle {
	color: #693a77;
	font-weight: bold;
	letter-spacing: -1px;
}

.LtRedTitle {
	color: #a80434;
	font-weight: bold;
	letter-spacing: -1px;
}

.safety-red {
	color:#a80434;
}

.mechanical-purple {
	color:#693a77;
}

.power-brown {
	color:#7b6a5d;
}

.BlueTitle {
	color: #00489B;
	font-weight: bold;
	letter-spacing: -1px;
}
.GreenTitle {
	color: #496d63;
	font-weight: bold;
	letter-spacing: -1px;
}
.BrownTitle {
	color: #be742d;
	font-weight: bold;
	letter-spacing: -1px;
}

.Yell12 {
	font-size: 12px;
	color: #ebb600;
}
.purpleBullets {
	list-style-image: url("images/purple_bullet.gif");
	padding-left: 15px; 
	margin: 0;
}
.chemical-bullets {
	list-style-image: url("images/chemicals_bullet.gif");
	padding-left: 15px; 
	margin: 0;
}
.access-bullets {
	list-style-image: url("images/access_bullets.gif");
	padding-left: 15px; 
	margin: 0;
}
.masonry_bullets {
	list-style-image: url("images/masonry_bullet.gif");
	padding-left: 15px; 
	margin: 0;
}
.bluBullets {
	list-style-image: url("images/blu_bullet.gif");
	padding-left: 15px; 
	margin: 0;
}
.ltBluBullets {
	list-style-image: url("images/lt_blu_bullet.gif");
	padding-left: 15px; 
	margin: 0;
}
.ltRedBullets {
	list-style-image: url("images/lt_red_bullet.gif");
	padding-left: 15px; 
	margin: 0;
}
.ltPurpleBullets {
	list-style-image: url("images/lt_purple_bullet.gif");
	padding-left: 15px; 
	margin: 0;
}
.ltBrownBullets {
	list-style-image: url("images/power-tools-bullet.gif");
	padding-left: 15px; 
	margin: 0;
}
.GreenBullets {
	list-style-image: url("images/green_bullet.gif");
	padding-left: 15px; 
	margin: 0;
}
.yellowBullets {
	list-style-image: url("images/yellow_bullet.gif");
	padding-left: 15px; 
	margin: 0;
}
.brownBullets {
	list-style-image: url("images/brown_bullet.gif");
	padding-left: 15px; 
	margin: 0;
}
/*_____________ Nav Start _____________*/
#nav  
{
	padding:0;
	margin:0;
	position:relative;
	list-style:none;
	height:10px;
	z-index:200;
	width: 700px;
	left: 0px;
	top: -7px; 
	visibility: visible;
}

#nav li.top {
	display:block; 
	float:left;
}

#nav li a.top_link {
	display:block; 
	float:left; 
	height:26px; 
	line-height:26px; 
	color:#00489b; 
	text-decoration:none; 
	/*border-right:#00489b 2px solid; */
	font-size:12px;
	font-weight:bold;
	padding:0 0 0 0; 
	cursor:pointer; 
}
#nav li a.top_link span 
{
	float:left; 
	display:block; 
	padding:0 10px 0 10px; 
}
#nav li a.top_link:hover
{
	color:#ffffff;
	background:#00489b;
}

#nav table 
{
	border-collapse:collapse; 
	width:0; margin:0;
	position:absolute; 
	top:0; 
	left:0;
}

#nav li:hover 
{
	position:relative; 
	z-index:200;
}

#nav a:hover 
{
	visibility:visible; 
	position:relative; 
	z-index:200;
}


#nav ul 
{
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}

#nav :hover ul 
{
	left:0px; top:26px; 
	padding:8px 10px 4px 5px;
	white-space:nowrap;
	width:auto;
	height:auto; 
	z-index:300; 
	background:#7fa3cd;
}

#nav :hover ul li 
{
	display:block; 
	height:23px; 
	position:relative; 
	font-weight:bold; 
	width:auto;
}

#nav :hover ul li a 
{
	display:block; 		
	list-style:none;
	font-size:12px; 
	height:20px; 
	line-height:20px; 
	width:auto; 
	padding:0 5px; 
	color:#00489b; 
	text-decoration:none;
}

#nav :hover ul li a:hover 
{
	color:#FFFFFF;
}

 ********** SalesForce Contact Form *****/
/************************************************************************/
/* added css for survey SJL 12/05/08 */

#survey {
	font-size: 12px;	color: #373737; padding-left :0.5em; font-weight: normal; width:60%;}
div.SalesForceRow{clear:both; width: 350px;}
.SalesForceCol1 {
	font-size: 12px;
	color: #00489B;
	text-align: right; float: left; margin:0.25em; margin-right: 4px;}
.SalesForceCol2 {display: block; float: right; margin: 0.25em; margin-right:2em;}
.SalesForcefieldwidth {width:50%;}
.extrapad {margin-right:2em;}

/*_____________ Nav End _____________*/


/************* DIV STYLES *************/
.homeMain {
	background-color: #00489b;
	text-align: left;
	vertical-align: top;
	width: 535px;
	padding: 20px 0 0 20px;
}
.slim {
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
	border: 0px;
	border
}
.adobeLogo {
	float: right;
	width: 40%;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
}
.relatedLinks2 {
	text-align: left;
	background-color: #eeeeee;
	padding: 5px;
	border: 1px solid #000000;
}
.relatedLinks1 {
	margin: 20px 10px 100px 10px;
	padding: 5px;
	border: 1px solid #ffffff;
	width: 85%;
}

.civils2009 {
	margin: 20px 10px 10px 10px;
	padding: 5px;
	border: 1px solid #ffffff;
	width: 85%;
	text-align:center;
}

.mainMargin {
	margin: 20px;
}
.mainPadding {
	padding: 20px;
}
.imgBorder {
	border: solid 2px #bbbbbd;
}
.pleaseNote {
	margin: 10px;
	text-align:center;
}
.siteMapRow1 {
	text-align: left;
	width: 200px;
	margin-left: 10px;
}
.siteMapRow2 {
	text-align: left;
	width: 200px;
	margin-left: 30px;
}
.shareTradeLeft {
	padding-left:5px;
	float:left;
}
.shareTradeRight {
	padding-left:5px;
	float:right;
	font-weight: bold;
	width: 65px;
}
.shareTradeBox {
	background:url(images/sidemenu_bg1.jpg) bottom no-repeat #00489B;
	margin: 20px 20px 10px 20px;
	height: 255px;
	width: 193px;
}
.about_listLeft{
	float:left;
	text-align: center;
	height: 60px;
	padding: 0 30px 0 30px;
	width: 100px;
}
.about_listRight{
	float:right;
	text-align: center;
	height: 40px;
	width: 60px;
	vertical-align:middle;
	padding: 5px 0 5px 0;
}
.about_key {
	text-align: right;
	margin-right: 10px;
	line-height:16px;
}
.about_keyOutline {
	margin: 30px;
	width: 170px;
	float: right;
}
.fixings_listLeft {
	float: left;
	text-align:center;
	width: 120px;
	height: 70px;
}
.fixings_listRight {
	float: right;
	text-align:center;
	width: 100px;
	margin-top: 5px;
}
.groundwork_Cos {
	margin: 10px;
	padding: 5px;
	background-color: #FBFBF9;
}
.HAVs_sidePanels {
	background: #F4F4F4;
	margin: 10px;
	padding: 5px;
}
.latestNews_Box {
	padding: 5px;
	margin: 10px;
}
.latestNews_Img {
	margin: 10px;
}
.acrobatImage {
	margin: 5px;
}
.brochureLink {
	padding: 10px 0 0 10px;
}
#formwork_contacts .left {
	float: left;
	width: 130px;
}
#formwork_contacts .right {
	float: right;
	width: 200px;
}
#formwork_contacts .wrapper {
	width: 430px;
	height: 40px;
}
#safetyNews_Text #p1, #p2, #p3 {
	width: 235px;
	float: left;
	padding: 8px;
	text-align: justify;
	vertical-align: text-top;
	position: relative;
	top: 0px;
}
#searched_Box {
	background: #F4F4EA;
	padding: 10px;
}
#sigcaList a{
	text-decoration: none;
	font-weight: bold;
}
.careerImage {
	float:left;
	padding-bottom: 60px;
	padding-right: 5px;
	position: relative;
}

/*********** MELS CLEANER *************/
.cleaner {
	overflow: hidden;
	clear: both;
	height: 1px;
	margin-top: -1px;
}

/********** MISC CLASSES ************/
#groundwork_bullets {
	width: 450px;
	margin-left: 20px;
}
.pw100 {
	width: 100px;
}
.pw145 {
	width: 145px;
}
.pw150 {
	width: 150px;
}
.pw170 {
	width: 170px;
}
.pw200 {
	width: 200px;
}
.pw220 {
	width: 220px;
}
.pw250 {
	width: 250px;
}
.pw290 {
	width: 290px;
}
.pw300 {
	width: 300px;
}
.pw320 {
	width: 320px;
}
.pw330 {
	width: 330px;
}
.pw400 {
	width: 400px;
}
.pw500 {
	width: 500px;
}
.marginTop10 {
	margin-top: 10px;
}
.marginRight10 {
	margin-right: 10px;
}
.marginRight15 {
	margin-right: 15px;
}
.marginLeft10 {
	margin-left: 10px;
}
.marginLeft15 {
	margin-left: 15px;
}
.marginLeft30 {
	margin-left:30px;
}
.marginLeft50 {
	margin-left: 50px
}
.marginBottom5 {
	margin-bottom: 5px;
}
.margin10 {
	margin:10px;
}
.margin15 {
	margin: 15px;
}
.margin25 {
	margin: 25px;
}
.center {
	margin: auto;
	text-align:center;
}
.padding10 {
	padding: 10px;
}
.textRight {
	text-align: right;
}
.textCenter {
	text-align: center;
}
.topAlign {
	vertical-align: top;
}
.alignLeft {
	text-align: left;
}
.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
.clearBoth {
	clear: both;
}
.ph10 {
	height: 10px;
}
.ph15 {
	height: 15px;
}
.ph240 {
	height: 240px;
}
.maxWidth {
	width: 100%;
}
.footerColor {
	background-color: #7FA3CD;
}
.searchInput {
	border:#939393 1px solid;
	filter:progid:DXImageTransform.Microsoft.Gradient( endColorstr='#d2d3d3', startColorstr='#ffffff', gradientType='1');
}
.siteMapMargins {
	margin: -8px 0 0 30px;
}
.width50 {
	width: 50%;
}
.width48 {
	width: 48%;
}

.SIGLogo {
	margin-top: -20px;
}
.defaultImages {
	border-left: #ffffff 1px solid;
	margin-bottom: 10px;
}
/*************** MAPS *****************/
#Content {
	position:absolute;
	left: -200px;
	top: -20px;
	height: 117px;
	width: 238px;
}
#mapholder {
	position:relative;
	left: 25px;
}
.mapPos {
	position: relative;
	left: 25px;
	margin-top: 20px;
}
.address_Content {
	position:absolute;
	left: -200px;
	top: -20px;
	height: 117px;
	width: 238px;
}
.popup_Address {
	padding: 10px;
	width:199px;
	background: #FFFFFF
}
.RSDot {
	position:absolute;  
	width:11px;
	height:11px;
	z-index:999;
	visibility: visible;
}
.branch-list {
	clear:both;
	width:50%;
	margin:0 auto;
}
#brochure-list {
	margin:0 0 0 25px;
	padding:0;
	font-weight:bold;
	color: #00489b;
}

.news-item {
	margin:5px 0;
	padding:2px 0;
	clear:both;
	color:#FFF;
	border-bottom:1px #FFF dashed;
}

.news-item2 {
	margin:5px 0;
	padding:2px 0;
	clear:both;
	color:#000;
	border-bottom:1px #000 dashed;
}

.news-item img, .news-item2 img  {
	float:left;
	width:40px;
	margin-right:5px;
}

.news-date {
	font-size:10px;
	float:right;
	font-style:italic;
	text-align:right;
	margin-left:1px;
}

.news-image {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.masonry-blue {
	color:#0083BE;
}

label {
	float:left;
	margin:3px 10px 0 0;
	width:100px;
}

.mand {
	color:#FF0000;
}

fieldset {
	padding:10px;
}

.chemicals-purple {
	color:#5A447A;
}

.access-orange {
	color:#BA6F2E;
}



