@import url(/common/css/font.css);
@import url(/common/css/noprint.css);

body{
 margin: 0;
 padding: 0;
 border: 0;
 text-align: center;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 85%;
 color: #666;
 background: #EEE;
 background: url("/commonimg/bg_conts.gif") center top #EEE; 
}

/*inicialize*/
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form{
 margin:0;
 padding:0;
}

/*-----top-----*/
div#top{
 margin: 0 auto;
 padding-top: 5px;
 border-left: 1px solid #CCC;
 border-right: 1px solid #CCC;
 background: url("/commonimg/hd_line.gif") transparent left top no-repeat;
 text-align: left; 
 width: 800px;  
}

/*-----common-----*/
/*white background*/
div#header, div#pankuzu, div#title, div#contents{ background-color:#FFFFFF; }

img{
 display: block;
 vertical-align: top;
 border: 0;
}

img.inline{ display: inline; }

a:link{ color: #006699; text-decoration: none;}
a:visited{ color: #006699; text-decoration: none;}
a:active{ color: #006699; text-decoration: none;}
a:hover{ color: #006699; text-decoration: underline;}

div.left{ float: left; }
div.right{ float: right; }

ul#headerMenu, ul#globalMenu, div#pankuzu ul, div#sideMenu ul, div#footer ul{ list-style: none; }
ul#headerMenu li, ul#globalMenu li, div#pankuzu ul li{ line-height: 100%; }

/*clear*/
div.clear{
 clear:both;
 visibility: hidden;
 width:0;
 height:0;
}
div.clear hr{
 display:block;
 margin: 0;
 padding: 0;
 border:0;
 line-height: 0;
}

ul#localMenu{clear:both;}
ul#localMenu2{clear:both;}/*added 20100726 for GCMS Metabolite*/

div.float, div#header, div#bodyWrap, div#footer, ul#localMenu, div.explain, div#footer ul{ zoom: 1; }
div.float:after, div#header:after, div#bodyWrap:after, div#footer:after, ul#localMenu:after, ul#localMenu2:after, div.explain:after, div#footer ul:after{
 clear: both;
 content: ".";
 visibility: hidden;
 display: block;
 height: 0; 
 line-height: 0;
 font-size: 0;
}

ul#headerMenu, div#header form, ul#globalMenu, div#pankuzu ul, ul#globalMenu, div#sideMenu h5, h1, h2, p.toTop, div#footer ul li{ text-transform: uppercase; }
.transform{text-transform: none;}
div#pankuzu ul li.normal{ text-transform: none; }
p.red{
 color:#CC0000;
 font-weight: bold; 
}

/*-----header-----*/
p#logo{
 float: left;
 margin: 0;
 width: 229px;
}

div#header div.right{
 padding-top: 21px;
 width: 571px; 
}

ul#headerMenu{
 float: right;
 padding-right: 34px;
}

ul#headerMenu li{ float: left; }
ul#headerMenu li.last{ padding-left:23px; }

div#header form{
 clear: both;
 float: right;
 margin: 0;
 padding: 6px 0 0 0;
 width: 397px;
}

form div.keyword, form div.input, form div.img{ float:left; }
form div.keyword{ padding: 5px 5px 0 0; width: 64px;}
form div.input input{ width: 217px;}
form div.img{ padding-left: 5px; width: 76px;}

/*-----global menu-----*/
ul#globalMenu{ clear: both; }

ul#globalMenu li{ float: left; }
ul#globalMenu li.m1{ padding-right:1px; width: 103px; }
ul#globalMenu li.m2{ padding-right:1px; width: 125px; }
ul#globalMenu li.m3{ padding-right:1px; width: 148px; }
ul#globalMenu li.m4{ padding-right:1px; width: 136px; }
ul#globalMenu li.m5{ padding-right:1px; width: 138px; }
ul#globalMenu li.m6{ width: 145px; }

/*-----pankuzu-----*/
div#pankuzu ul{
 margin-left: 48px;
 padding: 3px 0;
}

div#pankuzu ul li{
 display: inline;
}

div#pankuzu ul li span{ padding: 0 2px; }

/*-----title-----*/
div#title{
 padding-left: 30px;
 border-top: 1px solid #CCC;
}

h1{
 padding-top: 9px;
 line-height: 100%;
 height: 47px;
 voice-family: "\"}\"";
 voice-family:inherit;
 height: 38px;
 text-indent: -9999px;
}
h1.text{
 text-indent: 0px;
}
html>h1{ height: 38px; }

div#title h2{
 margin: 0;
 padding: 0;
 line-height: 0;
 font-size: 0; 
 text-indent: -9999px;
 height: 0;
}

div.backimg{background:#ffffff url(/commonimg/products_bg_h1.gif) right top no-repeat;}
h1.about_h1{
	background:url(/commonimg/about_h1.gif) left bottom no-repeat;
	width:189px;
}
h1.ir_h1{
	background:url(/commonimg/ir_h1.gif) left bottom no-repeat;
	width:227px;
}
/*-----New index page for Air and industrial equipment 2010/10/14-----*/
h1.products_h1_index_air{
	background:url(/commonimg/products_h1_index_air.gif) left bottom no-repeat;
	width:523px;
}
/*-----New index page for analytical instruments 2010/10/14-----*/
h1.products_h1_index_lab{
	background:url(/commonimg/products_h1_index_lab.gif) left bottom no-repeat;
	width:451px;
}
h1.products_h1_index{
	background:url(/commonimg/products_h1_index.gif) left bottom no-repeat;
	width:208px;
}
h1.product_indexh1{
	background:url(/commonimg/product_indexh1.gif) left bottom no-repeat;
	width:173px;
}
h1.products_h1{
	background:url(/commonimg/products_h1.gif) left bottom no-repeat;
	width:108px;
}
h1.newsitems_h1{
	background:url(/commonimg/newsitems_h1.gif) left bottom no-repeat;
	width:143px;
}
h1.sitemap_h1{
	background:url(/commonimg/sitemap_h1.gif) left bottom no-repeat;
	width:110px;
}
h1.contact_h1{
	background:url(/commonimg/contact_h1.gif) left bottom no-repeat;
	width:138px;
}





/*body*/
div#bodyWrap{
 border-top: 1px solid #CCC;
 background:#FFFFFF url("/commonimg/bg_conts.gif") repeat-y left top;
}

/*-----sidemenu-----*/
div#sideMenu{
 float:left;
 padding-top: 15px;
 background: #EBEBEB;
 width: 180px;   
}
div#sideMenu a{ display:block; }

div#sideMenu h4, div#sideMenu h5{ line-height: 100%; }

div#sideMenu h4{
 padding: 0 0 2px 5px;
 font-weight: normal;
 background: url("/commonimg/submenu_line.gif") transparent left bottom repeat-x; 
}

div#sideMenu h5{
 margin-top: 10px;
 padding: 10px 0 0 15px;
 border-top: 3px solid #666;  
 background: #ECECEC;  
}

div#sideMenu div.menuWrap{
 margin-top: 10px;
 padding: 8px 0 15px 15px;
 background:#F9F9F9 url("/commonimg/bg_menuwrap.gif") left bottom repeat-x;
 _height:0;
}

div#sideMenu ul.main{
 margin-left: 10px;
}

div#sideMenu ul.sub{
 margin-top: 10px;
 border-top: 1px solid #CCC;
}

div#sideMenu ul li{ padding: 2px 0; }
div#sideMenu ul.main li{ background: url("/commonimg/main_line.gif") transparent left top no-repeat; }
div#sideMenu ul.main li#mainFirst{ background: transparent; }
div#sideMenu ul.main li a{ padding-left: 8px; }
div#sideMenu ul.sub li{
 padding: 3px 0;
 background: url("/commonimg/sub_line.gif") transparent left top no-repeat; 
}
div#sideMenu ul.sub li#subFirst{ background: transparent; }
div#sideMenu h4 a, div#sideMenu h5 a, div#sideMenu ul.sub li a{ padding-left: 10px; }

div#sideMenu a:hover{ color: #000; text-decoration: none;}
div#sideMenu a:hover{ background: url("/commonimg/arrow_o.gif") transparent left top no-repeat;}
div#sideMenu h4.here a, div#sideMenu h5.here a, div#sideMenu li.here a{ background: url("/commonimg/arrow_o.gif") transparent left top no-repeat;}
div#sideMenu h4.here a:link, div#sideMenu h5.here a:link, div#sideMenu li.here a:link{ color: #000; text-decoration: none; font-weight: bold;}
div#sideMenu h4.here a:visited, div#sideMenu h5.here a:visited, div#sideMenu li.here a:visited{ color: #000; text-decoration: none; font-weight: bold;}
div#sideMenu h4.here a:active, div#sideMenu h5.here a:active, div#sideMenu li.here a:active{ color: #000; text-decoration: none; font-weight: bold;}
div#sideMenu h4.here a:hover, div#sideMenu h5.here a:hover, div#sideMenu li.here a:hover{ color: #FF6600; text-decoration: none; font-weight: bold;}

/*-----contents-----*/
div#contents{
 float: right;
 padding: 15px 30px 0 30px;
 width: 620px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 560px;
}
html>div#contents{ width: 560px; }

div#contents.home{
	padding-bottom:15px;
}

h3{ margin-top: 20px; }
h3.first{ margin-top: 0; }

div#contents p{
 line-height: 160%;
}

div#contents p.strong{
 color: #000000;
}

div#contents p.mt10{ margin-top: 10px; }
div#contents p.mt15ml15{ margin-top: 15px; margin-left: 15px; }

div#contents div.toTop{
 margin: 15px 0 10px 417px;
 padding: 10px 0 0 31px;
 background: url("/commonimg/totop_line.gif") transparent left top repeat-x;
 width: 143px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 112px;
}
html>div#contents div.toTop{ width: 112px; }

div#contents div.toTop p{
 background: url("/commonimg/totop.gif") transparent left top no-repeat;
 line-height: 180%;
}

div#contents div.toTop p a{
 display:block;
 padding-left: 25px;
 width: 112px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width: 87px;
}
html>div#contents div.toTop{ width: 87px; }

/*-----footer------*/
div#footer{
 padding-left: 41px;
 border-top: solid 2px #FFF;
 background: url("/commonimg/bg_footer.gif") #B2B2B2 left top repeat-y;
}

div#footer ul{
 float: left;
 padding: 2px 0 2px 0;
 width: auto;
}

div#footer ul li{
 float: left;
 padding: 0 4px;
 background: url("/commonimg/bg_footer_menu.gif") transparent left top repeat-y;
}
div#footer ul li.first{ background: transparent; }

div#footer ul li a:link{ color: #FFF; text-decoration: none;}
div#footer ul li a:visited{ color: #FFF; text-decoration: none;}
div#footer ul li a:active{ color: #FFF; text-decoration: none;}
div#footer ul li a:hover{ color: #FFF; text-decoration: underline;}

p#copyRight{
 float: right;
 padding: 2px;
 padding-right: 43px;
 line-height: 120%; 
 color: #FFFFFF; 
 width: auto; 
}


#verisign{
	padding-top:40px;
	background: url("/commonimg/totop_line.gif") transparent left 30px repeat-x;
}

.inputtable td{
	padding:20px 5px 0 5px;
}

.hidden{display:none;}


.error{font-size:150;color:#FE0000;}

/* CLEARFIX CONFIG ADD 090320
******************************************************************************************** */
.clrfix:after { 
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

.clrfix {  
	display:inline-table;
	min-height:1;
}

* html .clrfix { 
	height:1px;
}

.clrfix {  
	display:block;
}