/* Main Content Styles */

h1 { text-transform:lowercase; font: bold 1.9em Arial, Helvetica, sans-serif; margin: 0px 0px 5px 0px; letter-spacing: -1px; }
/*h1 { font: normal 1.9em Arial, Helvetica, sans-serif; margin: 0px 0px 10px 0px; }*/
h2 { text-transform:lowercase; font: bold 1.5em Arial, Helvetica, sans-serif; margin: 0px 0px 10px 0px; padding: 0px; letter-spacing: -1px;}
/*h2 { font: bold 1.5em Arial, Helvetica, sans-serif; margin: 0px 0px 10px 0px; padding: 0px;}*/
h3 { font: bold 1.0em Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; letter-spacing: 0px;}
/*h3 { font: bold 1.0em Arial, Helvetica, sans-serif; margin: 0px; padding: 0px;}*/
h3 a { text-decoration: underline;}
h3 a:hover { text-decoration: underline;}
h3 a:visited { text-decoration: underline;}
h4 { font: bold 1.2em Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; letter-spacing: -1px;}

p { font: 1.0em/1.4em Arial, Helvetica, sans-serif; color: #999; margin: 0px 0px 10px 0px; padding: 0px; }
p a { text-decoration: none; color: #666; font-weight: bold; }
p a:hover { text-decoration: underline; }
p li { list-style: disc url(../images/3d_bullet.gif) outside; margin-left:15px }*/
/*p ul { }

/*ul { font: 1.0em/1.4em Arial, Helvetica, sans-serif; color: #999; padding: 0px; margin: 0px 0px 0px 15px;}
li { list-style: disc url(../images/3d_bullet.gif) outside; }*/
ul { }
li { /*list-style: none;*/ }

caption { text-align: left; }

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

.textUppercase { text-transform: uppercase; }

.spacer { clear: both; }

/* -- Buttons -- */
.buttonMaster { height: 16px; font-weight: bold; background: no-repeat left top; text-indent: 8px; margin: 10px 0px 0px 0px; padding: 4px 0px 0px 0px; display: block; clear: both; }
.buttonLarge { background-image: url(../images/btn_140x20.gif); width: 140px; display: block; }
.buttonMedium { background-image: url(../images/btn_100x20.gif); width: 100px; display: block; }
.buttonSmall { background-image: url(../images/btn_80x20.gif); width: 80px; display: block; }
.buttonSmall60 { float: right; background-image: url(../images/btn_60x20.gif); width: 60px; display: block; }

.buttonMaster a, .buttonLarge a, .buttonMedium a, .buttonSmall a, .buttonSmall60 a { text-decoration: none;}
.buttonMaster a:hover, .buttonLarge a:hover, .buttonMedium a:hover, .buttonSmall a:hover, .buttonSmall60 a:hover { text-decoration: underline;}


/* -- Margins -- */
.margTop10 { margin-top: 10px; }
.marginBottom10 { margin-bottom: 10px; }
.marginBottom20 { margin-bottom: 20px; }


/* -- Font Colours -- */
.white { color: #FFFFFF;}
.blue { color: #4F4E76;}
.lightBlue { color: #4484b3; }              /* GW */
.darkBlue { color: #001C58 }
.orange { color: #FF6600;  }				/* change from orange */
.red { color: #CC3300;  }	                /* change from red */
.redDark { color: #9C0000;  }					
.green { color: #0DB14B;  }
.greenDark { color: #315B31;  }
.grey { color: #666666;  }
.GreenOn { color: #274927; }

/* -- Background Colours -- */
.backBlue { background-color: #4E4E75; }
.backRed { background-color: #9C0000; }
.backGreen { background-color: #315B31; }


/* -- Header Styles -- */

.headingStyleSmall { font: bold 1.7em/16px Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; padding: 0px; letter-spacing: -1px; }

.headingStyleLarge { font: bold 2.0em/18px Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; padding: 0px; letter-spacing: -1px; }   
    

/* -- Homepage Elements -- */
.homepageLeftMainContainer { float: left; width: 520px; padding: 0px; }
.homepageTopText { width: 520px; float: left; margin: 0px; padding: 15px 22px 15px 22px; }
.homepageColumn01, .homepageColumn02 {
width: 160px;
float: left;
margin: 0px;
padding: 0px 0px 0px 20px;
font-weight: bold;
font-size: 0.95em;
line-height: 1.4em;
}
.homepageColumn03 { width: 160px; float: left; margin: 0px; padding: 0px 0px 0px 20px; color: #FF0000; background: url(../images/jerry.jpg) no-repeat right top; font-weight: bold; font-size: 0.95em; line-height: 1.4em; }
.homepageColumn03 p { margin-top: 5px; padding-left: 3px; font-size: 1em; font-weight: bold; }
.homepageColumn01 ul, .homepageColumn02 ul, .homepageColumn03 ul { list-style: none; margin: 22px 0px 10px 0px; padding: 0px; }
.homepageColumn01 a, .homepageColumn02 a, .homepageColumn03 a { height: 15px; display: block; margin: 0px; padding: 0px 0px 1px 0px; text-indent: 3px; text-decoration: none; }
.homepageColumn01 a:hover { height: 15px; vertical-align: middle; background-color: #c9e4f4; color: #4484b3; display: block; text-decoration: none; }
.homepageColumn02 a:hover { height: 15px; vertical-align: middle; background-color: #cfefdb; color: #0DB14B; display: block; text-decoration: none; }
.homepageColumn03 a:hover { vertical-align: middle; color: #FF6600; display: block; background-color: #f6d8c5; text-decoration: none; }
.homepageColumn04 { width: 520px; float: left; margin: 0px; }
.homepageColumnButton { width: 166px; float: left; margin: 0px; padding: 0px 0px 0px 20px; }
.homepageImage { float: left; width: 160px; padding: 0px 0px 10px 0px; margin: 0px; }


/* -- Bread Crumb Elements -- */
.breadCrumbContainer { color: #58595B; height: 21px; width: 741px; background-image: url(../images/bread_back.jpg); background-color: #EAEAEA; padding: 4px 0px 0px 19px; float:left; }
.breadCrumbContainer a { font-weight:normal; color: #58595B; text-decoration: none; margin-left: 5px; }
.breadCrumbContainer a:hover { text-decoration: underline; }


 /* -- Main Content Holders -- */
.containerMainContentThree { width: 760px; background-image: url(../images/main_back_3_col.gif); background-repeat: repeat-y; background-position: top; float: left; }
.containerMainContentTwo { width: 760px; background: url(../images/main_back_2_col.gif) repeat-y; float: left; }

#tanksTextContent ul { font: 1.0em/1.4em Arial, Helvetica, sans-serif; color: #999; padding: 0px; margin: 0px 0px 0px 15px;}
#tanksTextContent li { list-style: disc url(../images/3d_bullet.gif) outside; }

.containerLeft320 { float: left; width: 322px; padding: 20px; }
.containerLeft520 { float: left; width: 520px; padding: 20px 20px 20px 20px ;  /*border-right:1px solid #CCCCCC;*/ }
.containerLeft520b { float: left; width: 542px; padding: 20px 0px 20px 20px ; border-right:1px solid #CCCCCC; }
/*.containerLeft520b { float: left; width: 539px; padding: 20px 0px 20px 20px ; border-right:1px solid #CCCCCC; }*/
.containerLeftMiddle520 { float: left; width: 560px; padding: 0px; margin: 0px; background: url(../images/main_back_home.gif) repeat-y left top; }
.containerLeftMiddleBottom520 { float: left; width: 560px; padding: 0px 0px 15px 0px; margin: 0px; background: url(../images/main_back_home.gif) repeat-y left top;  }
.containerLeftBottom520 { float: left; width: 542px; padding: 15px 10px 15px 10px; margin: 0px; border-top: #ccc 1px solid;}






.containerMiddleRight { float: left; width: 201px; margin-left: 0; }


/*div#containerRight.subMenuGreen, div#containerRight.subMenuRed { width: 155px; float: left; padding: 20px; margin-left: 0px; margin-bottom: 20px; }*/

/* -- Middle Column Elements -- */
.containerSubMenu, .subMenuGreen, .subMenuRed { width: 160px; float: left; padding: 20px; margin: 0px 1px 20px 1px; }
.containerSubMenu ul, .subMenuRed ul, .subMenuGreen ul, .subMenuGreenRcol ul , .subMenuRedRcol ul  { font-weight: bold; list-style: none; margin: 0px 0px 10px 0px; padding: 0px; }

.subMenuRedRcol, .subMenuGreenRcol{ width: 160px; float: left; padding: 20px; margin: 0px 0px 20px 1px; }


 /* Fabrication and Steelwork and Generic */
.containerSubMenu a { color: #4484B3; height: 15px; display: block; margin: 0px; padding: 0px 0px 0px 0px; text-indent: 5px; text-decoration: none; }
.containerSubMenu a:hover { height: 15px; background-color: #4484B3; color: #FFF; display: block; text-decoration: none;}
.containerSubMenu .LightBlueOn { color: #FFF; background-color: #094D68; height: 15px; display: block; }
.LightBlueOn { color: #FFF; background-color: #094D68; height: 15px; display: block; }

/* Case Studies Listing in 3rd Column */
.containerSubMenu2 { float: left; width: 156px; padding: 20px; margin: 0px 0px 20px 0px; }
.containerSubMenu2 ul { font-weight: bold; list-style: none; margin: 0px 0px 10px 0px; padding: 0px; }
.containerSubMenu2 a { color: #4484B3; height: 15px; display: block; margin: 0px; padding: 0px 0px 0px 0px; text-indent: 5px; text-decoration: none; }
.containerSubMenu2 a:hover { height: 15px; background-color: #4484B3; color: #FFF; display: block; text-decoration: none;}
.containerSubMenu2 .LightBlueOn { color: #FFF; background-color: #094D68; height: 15px; display: block; }


/* Green */
.subMenuGreen a, .subMenuGreenRcol  a { color: #0DB14B; height: 15px; display: block; margin: 0px; padding: 0px 0px 0px 0px; text-indent: 5px; text-decoration: none; }
.subMenuGreen a:hover, .subMenuGreenRcol  a:hover { height: 15px; background-color: #0DB14B; color: #FFF; display: block; text-decoration: none; }
.subMenuGreen .GreenOn { background-color: #274927; height: 15px; color: #FFF; display: block; }
.subMenuGreenRcol .GreenOn { background-color: #274927; height: 15px; color: #FFF; display: block; }
.GreenOn { background-color: #274927; height: 15px; color: #FFF; display: block; }


/* Storage Tanks Listing in 3rd Column */
.subMenuGreen2 { float: left; width: 156px; padding: 20px; margin: 0px 0px 20px 0px; }
.subMenuGreen2 ul { font-weight: bold; list-style: none; margin: 0px 0px 10px 0px; padding: 0px; }
.subMenuGreen2 a { color: #0DB14B; height: 15px; display: block; margin: 0px; padding: 0px 0px 0px 0px; text-indent: 5px; text-decoration: none; }
.subMenuGreen2 a:hover { height: 15px; background-color: #0DB14B; color: #FFF; display: block; text-decoration: none;}
.subMenuGreen2 .GreenOn, .subMenuGreenRcol .GreenOn  { background-color: #274927; color:#FFF; height: 15px; display: block; }
/*.GreenOn { background-color: #0DB14B; color:#FFF; height: 15px; display: block; }*/


/* Metal Centre */
.subMenuRed a, .subMenuRedRcol  a  {height: 15px;	display: block; margin: 0px;	padding: 0px 0px 0px 0px;	text-indent: 5px;	text-decoration: none;	color: #FF6600;}
.subMenuRed a:hover, .subMenuRedRcol  a:hover { height: 15px; background-color: #FF6600; color: #FFF; display: block; text-decoration: none; }
.subMenuRed .RedOn, .subMenuRedRcol .RedOn  { background-color: #750000; color:#FFF; height: 15px; display: block; }
.RedOn { background-color: #750000; color:#FFF; height: 15px; display: block; }

/* Metal Centre Listing in 3rd Column */
.subMenuRed2 { float: left; width: 156px; padding: 20px; margin: 0px 0px 20px 0px; }
.subMenuRed2 ul { font-weight: bold; list-style: none; margin: 0px 0px 10px 0px; padding: 0px; }
.subMenuRed2 a { color: #FF6600; height: 15px; display: block; margin: 0px; padding: 0px 0px 0px 0px; text-indent: 5px; text-decoration: none; }
.subMenuRed2 a:hover { height: 15px; background-color: #FF6600; color: #FFFFFF; display: block; text-decoration: none;}
.subMenuRed2 .RedOn, .subMenuRedRcol .RedOn  { background-color: #750000; color:#FFF; height: 15px; display: block; }
.RedOn { background-color: #750000; color:#FFF; height: 15px; display: block; }


/* -- Related Links -- */
.containerRelatedLinks { float: left; padding: 0px 20px 15px 20px; margin-left: 0px; margin: 0px; }
.containerRelatedLinks ul {font-weight: bold; list-style: none; margin: 0px 0px 2px 0px; padding: 0px; }
.containerRelatedLinks li {margin: 5px 0px 5px 0px; padding: 0px; }
.containerRelatedLinks  a {margin: 0px; padding: 0px; text-decoration: none; }
.containerRelatedLinks  a:hover { text-decoration: underline; }


/* -- Right Hand Elements -- */
.featureHeader { height: 18px; width: 160px; float: left; }




.containerRight { float: right; width: 194px; padding: 0px; margin: 0px; overflow: hidden;}
.containerRight2 { float: right; width: 196px; padding: 0px; margin: 0px; }
.containerRight3 { float: right; width: 196px; padding: 0px; margin: 0px; overflow: hidden; }


.containerMiddleRight { float: left; margin:0px; padding:0px;}


.contentRight { float: left; width: 156px; padding: 20px; margin: 0px 0px 15px 0px; background-color: #E9E9EE; }
.contentRight2 { float: left; width: 156px; padding: 17px; margin: 0px 0px 15px 0px; background-color: #E9E9EE;} 
.rightHeader { float: left; width: 160px; padding: 0px; margin: 0px; }


/* --- CHANGED --- */
.rightImage { float: left; width: 156px; padding: 5px 0px 5px 0px; margin: 0px; } 
/*.rightImage { float: left; width: 160px; padding: 5px 0px 5px 0px; margin: 0px; }*/


/* --- CHANGED --- */  
.contactContainer { font-weight: bold; color: #FF0000; float: left; padding: 0px 17px 10px 17px; margin: 0px;}
/*.contactContainer { font-weight: bold; color: #FF0000; float: left; width: 160px; padding: 0px 20px 20px 20px; margin: 0px; }*/


/* -- Button Styles -- */
.searchButton { font-size: 1.0em; width: 78px; height: 20px; color: #FFF; margin-bottom: 5px; padding-left: 6px; background: #FF0000 url(../images/btn_search_off.gif) no-repeat left top; border: none; vertical-align: middle; text-align: left; }


/* -- Search Box -- */
.searchBox { font-size: 1.0em; color: #666; height: 14px; width: 250px; margin: 0px 5px; padding: 0px 5px; line-height: 1.2em; }


/* -- Footer Elements -- */
.footerMenu { margin: 0px; padding: 8px 0px 8px 20px; background: #000099 url(../images/nav_background.jpg) repeat-x left top; }
.footerMenu ul { margin: 0px 0px; padding: 0px; list-style: none; }
.footerMenu li { display: inline; padding: 0px; }
.footerMenu li a { color: #FFF; text-decoration: none; }
.footerMenu li a:hover { color: #FFF; text-decoration: underline; }
.footerContentRight { margin: 30px 20px 0px 0px; padding: 0px; float:right; }
.footerContentLeft { color:#000066; margin: 20px 0px 0px 20px; padding: 0px 0px 20px 0px; float:left;  }
.footerContentLeft a { color:#FF0000; text-decoration: none; }
.footerContentLeft a:hover { text-decoration: underline; }
.footerDivide { color:#FFF; margin: 0px 10px; }


/* -- Thumbnail Image Holder & Text HOMEPAGE -- */
/*.imgThumbHolder, .newsThumb { float: left; width: 50px; margin: 0px 10px 0px 10px; }*/
.imgThumbHolder { float: left; width: 50px; margin: 0px 10px 0px 10px; }
.newsThumb { float: left; margin: 0px 10px 10px 0px; }
.imgTextHolder { float: left; width: 185px; margin: 0px 0px 0px 0px; }


/* -- Content Elements -- */
.containerLeft320 li, .containerLeft520 li { list-style-image: url(../images/3d_bullet.gif); list-style-position:outside; list-style-type:circle;}
.imageMainContent { float: left; margin: 0px 20px 10px 0px; padding: 0px; }
.newsContainer01 { float: left; margin: 10px 0px 0px 0px; width: 300px; padding: 0px; }
.newsContainer02 { float: left; margin: 10px 0px 0px 0px; width: 520px; padding: 0px; }
/*.newsThumb { float: left; margin: 0px 10px 0px 0px; width: 50px; height: 50px; padding: 0px; }*/
.itemImageRight { float: right; margin: 0px 0px 0px 10px; width: 65px; height: 80px; padding: 0px; }
.itemContainer01 { float: left; margin: 10px 0px 0px 0px; width: 320px; padding: 0px 0px 10px 0px; border-bottom: #CCC 1px solid; }
.itemContainer01Large { float: left; margin: 10px 0px 0px 0px; width: 520px; padding: 0px 0px 10px 0px; border-bottom: #CCC 1px solid; }
.itemContainer01Last { float: left; margin: 10px 0px 20px 0px; width: 320px; padding: 0px 0px 10px 0px; border-bottom: #CCC 1px solid; } 
.itemContainer02 { float: left; margin: 10px 0px 0px 0px; width: 320px; padding: 0px 0px 10px 0px; }
.itemContentMiddle { float: left; margin: 0px; width: 168px; padding: 0px; }
.itemContentMiddleLarge { float: left; margin: 0px; width: 350px; padding: 0px;}
.itemContentMiddleLarge02 { float: left; margin: 0px; width: 450px; padding: 0px;}
.itemButtonRight { float: right; margin: 0px 0px 0px 10px; width: 80px; padding: 0px; }


/* -- Tab Table Elements -- */
.tabImage { margin: 10px 0px 10px 0px; }
.tableStyle { float: left; color: #666666; width:280px; text-align: left; margin: 0px 0px 20px 0px; }
.tableStyle th { padding: 3px; text-align:left; vertical-align: middle; }
.tableStyle td { padding: 3px; height: 15px; text-align:left; vertical-align: middle; }
.tableRowGreen { background-color: #cfefdb; }


/* -- Containers -- */
.tabTableOuterContainer { width: 540px; padding: 0px; margin: 0px 0px 25px 0px; }
.tabTableTopContainer { width: 540px; padding: 0px; margin: 0px; }
.tabTableBottomContainer { float: left; width: 519px; padding: 0px; margin: 0px; background: url(../images/tab_table_back.gif) left repeat-y; border-bottom: #ccc 1px solid; border-right: #ccc 1px solid; }
.tabTableBottomHidden { display: none; }
.tabTableWideBottomContainer { float: left; width: 520px; padding: 0px; margin: 0px; background: url(../images/tab_table_wide_back.gif); border-bottom: #ccc 1px solid; }
.tabTableBottomContainer ul { }
.tabTableBottomContainer li { font-size: 0.9em; color: #666; list-style-image:url(../images/bullet.gif); list-style-position:outside; list-style-type:square; }


/* -- Tab Top Elements -- */
.tabTopLeftOn a { float: left; font-weight: bold; padding: 7px 0px 0px 0px; width: 170px; height: 21px; text-indent: 10px; background: url(../images/tab_left_on.gif) no-repeat left top; text-decoration:none; }
.tabTopLeftOff a { float: left; font-weight: bold; padding: 7px 0px 0px 0px; width: 170px; height: 21px; text-indent: 10px; background: url(../images/tab_left_off.gif) no-repeat left top; text-decoration:none; }
.tabTopLeftOff a:hover { color: #ffffff; background: url(../images/tab_left_hover.gif) no-repeat left top; }
.tabTopMiddleOn a { float: left; font-weight: bold; padding: 7px 0px 0px 0px; width: 170px; height: 21px; text-indent: 10px; background: url(../images/tab_right_on.gif) no-repeat left top; text-decoration:none; }
.tabTopMiddleOff a { float: left; font-weight: bold; padding: 7px 0px 0px 0px; width: 170px; height: 21px; text-indent: 10px; background: url(../images/tab_right_off.gif) no-repeat left top; text-decoration:none; }
.tabTopMiddleOff a:hover { color: #ffffff; background: url(../images/tab_right_hover.gif) no-repeat left top; }
.tabTopRight { float: left; width: 180px; clear: right; height: 28px; background: url(../images/tab_blank_back.gif) no-repeat left bottom;}
.tabTopWideOn { float: left; font-weight: bold; padding: 8px 0px 0px 0px; width: 520px; margin: 10px 0px 0px 0px; height: 20px; text-indent: 25px; background: url(../images/tab_wide_on.gif) no-repeat left top; }
.tabTopWideOff { float: left; font-weight: bold; margin: 10px 0px 0px 0px; padding: 8px 0px 0px 0px; width: 520px; height: 20px; text-indent: 25px; background: url(../images/tab_wide_off.gif) no-repeat left top; }
.tabTopWideOff:hover { background: url(../images/tab_wide_hover.gif) no-repeat left top; }


/* -- Tab Bottom Elements -- */
.tabBottomLeft { float: left; width: 300px; padding: 20px; }
.tabBottomRight { float: right; width: 155px; padding: 20px 10px 20px 10px; }
.tabIconMagnify { float: left; height: 13px; width: 160px; padding: 2px 0px 0px 0px; text-indent: 20px; background: url(../images/icon_magnify.gif) no-repeat left bottom; }
.tabIconDocument { float: left; height: 13px; width: 160px; padding: 2px 0px 0px 0px; text-indent: 20px; background: url(../images/icon_doc.gif) no-repeat left bottom; }


/* -- Table Dropdown -- */
.tabDropDownContainer { width: 160px; height: 30px; margin: 0px 0px 20px 0px; }
.tabDropDown { font: 0.4em; float: left; padding: 9px 0px 0px 0px; }


/* Forms */
.FormItem { padding: 2px 0px; }
.FormItem label { float: left; width: 110px; clear: right; font-size: 1em; cursor: help; }
.FormItem select { font-family: Arial, Verdana, Sans-Serif; font-size: 1em; }
.FormItem textarea { font-family: Arial, Verdana, Sans-Serif; font-size: 1em; }
.FormItem ul { font-size: 1em; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 10px; list-style:none; }
.margTop15 { margin-top: 15px; }
.margLeft110 { margin-left: 110px; }


/* Site Map */
#SiteMap { width: 510px; font-size: 1.1em; }
#SiteMap a { text-decoration: none; }
#SiteMap a:hover { text-decoration: underline;}
#SiteMap ul { margin-left: 20px; padding-left: 0px; list-style: disc; }
#SiteMap li { margin-top: 15px; }
#SiteMap ul ul { font-size: 0.9em; }
#SiteMap ul ul li { margin-top: 6px; list-style: circle; }