#topbar{
position:absolute;
border: 1px solid black;
padding: 2px;
background-color: #FFFFE0 ;
width: 620px;
visibility: hidden;
z-index: 100;
}
/* 
   link colours
   #########################################################
*/
A   	{ color: #333333; text-decoration: none; }
A:link	{ color: #333333; text-decoration: none; }
A:visited { color: #333333; text-decoration: none; }
A:active { color: #333333; text-decoration: none; }

/*A:hover	{ color: #000000; text-decoration: none; }*/
A:hover	{ color: #666666; text-decoration: none; }
/*A:visited-hover	{ color: #000000; text-decoration: none; }*/



A.menu   	{ color: #FFFFFF; text-decoration: none; }
A.menu:link	{ color: #FFFFFF; text-decoration: none; }
A.menu:visited { color: #FFFFFF; text-decoration: none; }
A.menu:active { color: #FFFFFF; text-decoration: none; }
A.menu:hover	{ color: #cccccc; text-decoration: none; }
/*A.menu:visited-hover	{ color: #000000; text-decoration: none; }*/

A.link   	{ color: #FFFFFF; text-decoration: none; }
A.link:link	{ color: #FFFFFF; text-decoration: none; }
A.link:visited { color: #FFFFFF; text-decoration: none; }
A.link:active { color: #FFFFFF; text-decoration: none; }
A.link:hover	{ color: #FFFFFF; text-decoration: none; }
/*A.link:visited-hover	{ color: #FFFFFF; text-decoration: none; }*/

A.sm   	{ color: #666666; text-decoration: none; }
A.sm:link	{ color: #666666; text-decoration: none; }
A.sm:visited { color: #666666; text-decoration: none; }
A.sm:active { color: #666666; text-decoration: none; }
A.sm:hover	{ color: #000000; text-decoration: none; }
/*A.sm:visited-hover	{ color: #000000; text-decoration: none; }*/


A.metstrut   	{ color: #e86d1f; text-decoration: none; }
A.metstrut:link	{ color: #e86d1f; text-decoration: none; }
A.metstrut:visited { color: #e86d1f; text-decoration: none; }
A.metstrut:active { color: #e86d1f; text-decoration: none; }
A.metstrut:hover	{ color: #000000; text-decoration: none; }
/*A.metstrut:visited-hover	{ color: #000000; text-decoration: none; }*/

A.plc   	{ color: #2f5fa9; text-decoration: none; }
A.plc:link	{ color: #2f5fa9; text-decoration: none; }
A.plc:visited { color: #2f5fa9; text-decoration: none; }
A.plc:active { color: #2f5fa9; text-decoration: none; }
A.plc:hover	{ color: #000000; text-decoration: none; }
/*A.plc:visited-hover	{ color: #000000; text-decoration: none; }*/

/* 
   body control; scrollbar and positioning
   #########################################################
*/
BODY {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}
.BODYbg {
}
.BODYiframe {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* 
   master set for TDs
   #########################################################
*/
TD {
	font-family: Arial;
	color: #666666;
	vertical-align: top;
	font-size: 11px; /*font-size:small;*/

}
SUP {
	font-size: 10px;
}
/* 
   master set for form data
   #########################################################
*/
INPUT,SELECT,TEXTAREA {
	font-family: Arial;
	font-size: 11px;
	color: #000000;
	padding: 2px;
	border: 1px solid #999999;
}
.inputSearch {
	font-family: Arial;
	font-size: 10px;
	color: #333333;
	padding: 2px;
	border: 1px solid #FFFFFF;
}
.inputButton {
	font-family: Arial;
	font-size: 10px;
	color: #FFFFFF;
	padding: 1px;
	background-color: #999999;
}
.inputButtonLarge {
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
	padding: 3px;
	background-color: #999999;
}
.search {
	color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
	padding-right: 20px;
}
.inputTitle {
	padding-top: 7px;
	padding-left: 5px;
}
.inputTextbox {
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
}
/* 
   table classes
   #########################################################
*/
.tableMain {
	width: 100%;
}
.tableFixed {
	width: 950px;
}

/* 
   header classes
   #########################################################
*/
.headerLogo {
	background-color: #bcbec0;
	background-image: url(../gfx/MetsecLogoBGgrey.gif);
	background-repeat: no-repeat;
	background-position: 20px center;
	height: 85px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	vertical-align: bottom;
}
.headerLogoOrange {
	background-color: #e86d1f;
	background-image: url(../gfx/MetsecLogoBGorange.gif);
	background-repeat: no-repeat;
	background-position: 20px center;
	height: 75px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	vertical-align: bottom;
}
.purlinHeader {
	background-color: #00a8e6;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	height: 1%;
}
.framingHeader {
	background-color: #669ac9;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	height: 1%;
}
.metstrutHeader {
	background-color: #e86d1f;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	height: 1%;
	
}
.latticeHeader {
	background-color: #a40047;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	height: 1%;
}
.dryLiningHeader {
	background-color: #45637b;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	height: 1%;
}
.rollFormingHeader {
	background-color: #72aeb6;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	height: 1%;
}
.profilesHeader {
	background-color: #5c788e;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	height: 1%;
}
.windowHeader {
	background-color: #532146;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	height: 1%;
}
.jobsHeader {
	background-color: #017baa;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	height: 1%;
}
.sustainableHeader {
	background-color: #008400;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	height: 1%;
}


/* New header colors*/


.purlinHeader ,
.framingHeader ,
.metstrutHeader,
.latticeHeader ,
.dryLiningHeader ,
.rollFormingHeader ,
.profilesHeader ,
.windowHeader ,
.jobsHeader ,
.sustainableHeader 
{
    background-color: #2F5FA9;
    
    }



/* 
   column classes
   #########################################################
*/
.columnMenu {
	width: 20%;
	background-color: #dcddde;
	padding-top: 20px;
	padding-left: 20px;
	text-align: left;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.columnMain {
	width: 60%;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
	text-align: left;
}
.columnMainSpan {
	width: 80%;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
	text-align: left;
}
.columnMainHome {
	width: 60%;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	text-align: left;
	background-image: url(../siteImages/MetsecHomepageImage.jpg);
	background-repeat: no-repeat;
	background-position: left 180px;
}
.columnMainHomeNew {
	width: 60%;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	text-align: left;
}
.columnLinks {
	width: 20%;
	background-color: #dcddde;
	padding-top: 20px;
	padding-left: 20px;
	text-align: left;
	padding-bottom: 25px;
}
.columnSiteMap1 {
	width: 33%;
	padding-right: 25px;
}
.columnSiteMap2 {
	width: 33%;
}
/* 
   menu classes
   #########################################################
*/
.menuHeaders {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-bottom: 5px;
}

.LatestmenuHeaders {
	font-size: 14px;
	font-weight: bold;
	color:Red;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-bottom: 5px;
}
.topMenuCell {
	font-size: 15px;
}
.topMenuCella {
	font-size: 13px;
}
.footerCell {
	font-size: 11px;
}
.topMenuSpacerWhite {
	background-image: url(../gfx/1x1_white.gif);
	background-repeat: repeat-y;
	background-position: center;
	padding-right: 5px;
	padding-left: 5px;
}
.topMenuSpacerGrey {
	background-image: url(../gfx/1x1_grey.gif);
	background-repeat: repeat-y;
	background-position: center;
	padding-right: 5px;
	padding-left: 5px;
}
.topMenuHeader {
	font-size: 16px;
	color: #FFFFFF;
	/*vertical-align: bottom;*/
	padding-right: 10px;
	text-align:left;
}
/* 
   links classes
   #########################################################
*/
.leftLinkImages {
	border: 1px solid #FFFFFF;
}
.leftLinkTitle {
	text-align: left;
	vertical-align: middle;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.leftLinkImageCell {
	width: 50px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.latestNewsTitle {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
}
.latestNewsImages {
	margin-right: 10px;
	margin-bottom: 5px;
}
.historytitle {
	font-weight: bold;
}
.histroyCell {
	padding-top: 3px;
	padding-left: 5px;
}
/* 
   main classes
   #########################################################
*/
.mainTitle {
	font-size: 25px;
	color: #333333;
	padding-top: 15px;
	padding-bottom: 15px;
}
.mainSubTitle {
	font-size: 15px;
	padding-bottom: 10px;
	color: #333333;
}
.mainSubTitleLine {
	font-size: 15px;
	padding-bottom: 10px;
	color: #333333;
	background-image: url(../gfx/underline.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 20px;
}

.mainSubTitleLineNew
{
    font-size: 15px;
    padding-bottom: 10px;
    color: #FF0000;
    background-image: url(../gfx/underline.gif);
    background-repeat: repeat-x;
    background-position: top;
    height: 20px;
    font-weight: bold;
    text-decoration: blink;
}
.mainImage {
/*	width: 215px;*/
/*	padding-right: 10px;*/
	padding-right: 1px;
/*	background-color: #999999; */
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
}
.mainBoldText {
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	/*height: 10px;*/
}
.mainLink {
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(../gfx/bulletGrey.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
/* 
   load table classes
   #########################################################
*/
.LTgrey {
	background-color: #999999;
	padding-top: 1px;
	padding-bottom: 1px;
	color: #000000;
}
.LTgreyLight {
	background-color: #cccccc;
	padding-top: 1px;
	padding-bottom: 1px;
	color: #000000;
}
.LTredLight {
	background-color: #ffe4e4;
	padding-top: 1px;
	padding-bottom: 1px;
	color: #000000;
}
.LTredMedium {
	background-color: #ffcccc;
	padding-top: 1px;
	padding-bottom: 1px;
	color: #000000;
}
.LTredDark {
	background-color: #ff9999;
	padding-top: 1px;
	padding-bottom: 1px;
	color: #000000;
}
/* 
   site map classes
   #########################################################
*/
.smTitle {
	font-size: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 3px;
	color: #017baa;
}
.smSubTitle {
	font-size: 13px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
	color: #000000;
}
.smLink {
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 20px;
}


/* 
   footer classes
   #########################################################
*/
.footer {
	background-color: #bcbec0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 10px;
	text-align: left;
}
.footerFloating {
	z-index: 1;
	position: absolute;
}
/* 
   Print classes
   #########################################################
*/
P.PrintBreak {page-break-before: always}