@charset "UTF-8";

@import "image_noborder.css";
@import "applications_products.css";
@import "products_submenu.css";
@import "lovehate.css";
@import "tabular.css";
@import "list.css";
@import "scrollbar.css";
@import "body.css";
@import "horizontal_rule.css";
@import "sorttable.css";
@import "form_margin.css";

#HideCodes{
color:#FFFFFF;}

/* Width do not use percentage as IE wont show */
#noscroll{
	width:670px;/*was 580px* Do not exceed 680*/
	min-height: 390px;
	height:auto;
	overflow:none;
	color: #292B2D;
	font-family: Arial, verdana, geneva, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height:160%;
	align: left;
	float:left;
	padding-right: 15px;
	padding-left: 1px;
	margin-top: 5px;
}


#homepage{
	width:670px;/*was 580px* Do not exceed 680*/
	height:120px;
	overflow:none;
	color: #292B2D;
	font-family: Arial, verdana, geneva, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height:160%;
	align: left;
	float:left;
	padding-right: 15px;
	padding-left: 1px;
	margin-top: -5px; /* spacing between heading to first line of body copy */
}



/* this determines the paragraphi space after */
#noscroll p, #homepage p {padding:0; margin-bottom:4px;}


/***********************************/


#outer_wrapper{
	background-image:url(../shared/vertically_repeat.jpg);
	background-repeat: repeat-y;
	width:950px;/*801px;*/
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	
	
}

#outer_wrapper2{
	background-image:url(../shared/newmet_bgr.jpg);
	background-repeat: no-repeat;
	min-height:719px;
	
	margin: 0;
	padding: 0;
}

/***.dropshadow{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../shared/new_shadow.png', sizingMethod='scale');}****/
/***.dropshadow[class] {background:transparent url('../shared/new_shadow.png') repeat-y;}****/




#menu ul{
	list-style-type: none;
	text-align: left;
	background-image: url(../nav/products_A.jpg);
	width: 113px;
	height: 22px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 28px;
	
}


.menu a:link{display:block;color:#000000; text-decoration:none;}

.menu a:hover{text-decoration:none;}


.mainwrapper #BodyContent .topmenusFlags{
width:100%;height:30px;}




/*.mainwrapper #BodyContent .topmenus{
font-family: Arial, verdana, geneva, Helvetica, sans-serif;
font-size: 80%;
font-weight:normal;
color: #07004B;
margin-top:0.5em;
width:430px;height:15px;
float:left;

}*/

.mainwrapper #BodyContent .topmenus{
font-family: Arial, verdana, geneva, Helvetica, sans-serif;
font-size: 80%;
font-weight:normal;
color: #07004B;
margin-top:0.5em;
width:420px;height:15px;
float:left;

}




.mainwrapper #BodyContent #MainSearch{
width:200px;
float:left;
height:20px;
padding-top:4px;

}




.mainwrapper #BodyContent .topmenus a:link{color: #0000A0; text-decoration:none;}
.mainwrapper #BodyContent .topmenus a:visited{color: #0000A0; text-decoration:none;}
.mainwrapper #BodyContent .topmenus a:hover{color: #0000A0; text-decoration:underline;} /*Yellow*/
.mainwrapper #BodyContent .topmenus a:active{color: #0000A0; text-decoration:underline;} /*Yellow*/




.mainwrapper #BodyContent .french_german{
width:60px;
float:left;
}






.footer{
font-family: Arial, verdana, geneva, Helvetica, sans-serif;
width:614px;
height:40px;
font-size: 84%;
color: #000000;

}

.headingtopspacer{width:614px; height:18px;}
.headingbottomspacer{width:614px; height:25px;}
.heading{
	float:left;
	color: #000040;
	font-family: Arial, verdana, geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	align: left;
	width: 520px;
	padding-left: 1px;
}




#bodyarea{
	width:540px;
	height:225px;
	margin:0;
	padding:0;
}

#bodyarea_generic{
	width:540px;
	height:460px;
	margin:0;
	padding:0;
	float: left;
}



#subhead{
	color: #0000A0;
	font-weight:bold;
	font-size: 14px;
	text-decoration: none;
	width: 530px;
	margin: 0;
	padding: 0;
	text-align: left;
}



.mainwrapper #BodyContent #subhead2{
color: #0000A0;
font-weight:bold;
font-size: 14px;
width: 685px;



}

/* Added .mainwrapper #BodyContent */
.mainwrapper #BodyContent .heading2{
color: #0000A0;
font-weight:normal;
font-size: 11px;
width: 685px;

}



#subsubhead{
	color: #0000A0;
	font-weight:bold;
	font-size: 14px;}


/*Columns */
#container{
margin-left:auto; margin-right:auto; width:801px; height:719px; background-image:url(../shared/newmet_bgr2.png); background-repeat: no-repeat;}
#navigation{
width:143px; float:left; margin:0; padding:0;}

#column1{
width:143px; height:719px; float:left; margin:0;}

#column2{
width:617px; height:719px; float:left;}
#top_spacer{
width:617px; height:77px; float:left;}
 
#top_navigation_spacer{
{width:614px; height:30px; float:left;}

#top_bits{
width:614px; height:294px; float:left;}



#top_navigation_links{
width:614px; height:18px; float:left;}

#top_navigation{
width:300px; height:18px; float:left; margin-left:45px;}

#uk_french_flags{
width:79px; height:18px; float:right; margin-right:8px; background-image:url(../shared/french_german_flags.png); background-repeat: no-repeat;}


.white_bold {color: #FFFFFF; font-weight: bold;}
#white_bold {color: #FFFFFF; font-weight: bold;}


img { align:right;}
