@import url(/common/css/products/h3.css);
@import url(/common/css/products/h3_intro.css);
@import url(/common/css/products/set.css);
@import url(/common/css/products/items.css);
@import url(/common/css/products/list.css);
@import url(/common/css/products/pagemenu.css);

/*products name*/
h2{
 margin: 10px 30px 0 0;
 padding: 15px 0 10px 15px;
 font-weight: normal;
 color: #000000;
 line-height: 100%;
}

#prodh2{
 margin: 10px 30px 16px 0;
 padding:0 0 10px 0;
}

#prodh2 h2{
 margin:0;
 padding: 15px 0 10px 15px;
 float:left;
}
#prodh2 p{
 margin: 0;
 padding: 0;
 float:left;
}




h4.subCateg{
 padding: 10px 0 0 15px;
 font-weight: normal;
 line-height: 100%;
}

/*local menu*/
ul#localMenu{
 margin-top: 10px;
 width:560px !important;
/* padding: 4px 0 4px 15px; 20080609 removed*/
 padding:4px 0 4px 0;/*20080609 added*/
 border-bottom: 6px solid #DCDCDC;
 list-style: none;
 background: url("/commonimg/contents_line.gif") transparent left top repeat-x; 
 zoom: 1;
}

ul#localMenu li{
 display: inline;/*20080609 added*/
 float: left;
/* padding: 4px 25px 0 12px; 20080609 removed*/
 padding: 4px 10px 0 15px;/*20080609 added*/
/* background: url("/commonimg/arrow_grey.gif") transparent left center no-repeat; 20080609 removed*/
}
ul#localMenu li.clear{clear:both;}
ul#localMenu li a.here{ font-weight: bold;}

ul#localMenu li a{
 display: block;/*20080609 added*/
 padding-left: 12px;/*20080609 added*/
 background: url("/commonimg/arrow_grey.gif") transparent left center no-repeat;/*20080609 added*/
 white-space: nowrap;/*20080609 added*/
}
ul#localMenu li sup {/*20080609 added*/
	vertical-align:text-top;
}

/*local menu2 for Non-WR page*/ /*added 20100726 for GCMS Metabolite page */
ul#localMenu2{
 margin-top: 10px;
 width:460px !important;
/* padding: 4px 0 4px 15px; 20080609 removed*/
 padding:4px 0 4px 8px;/*20080609 added*/
 border-bottom: 6px solid #DCDCDC;
 list-style: none;
 background: url("/commonimg/contents_line.gif") transparent left top repeat-x; 
 zoom: 1;
}

ul#localMenu2 li{
 display: inline;/*20080609 added*/
 float: left;
/* padding: 4px 25px 0 12px; 20080609 removed*/
 padding: 4px 10px 0 8px;/*20080609 added*/
/* background: url("/commonimg/arrow_grey.gif") transparent left center no-repeat; 20080609 removed*/
}
ul#localMenu2 li.clear{clear:both;}
ul#localMenu2 li a.here{ font-weight: bold;}

ul#localMenu2 li a{
 display: block;/*20080609 added*/
 padding-left: 8px;/*20080609 added*/
 background: url("/commonimg/arrow_grey.gif") transparent left center no-repeat;/*20080609 added*/
 white-space: nowrap;/*20080609 added*/
}
ul#localMenu li sup {/*20080609 added*/
	vertical-align:text-top;
}



/*intro*/
div#intro{ padding-top: 15px;clear:both;}

div#intro p.article{ margin: 15px 0 0 15px; }

div#intro ul.icons{
 padding: 11px 0 0 15px;
 list-style: none;
 width: 168px;
}
div#intro ul.icons li{
 float: left;
 padding: 4px 4px 0 0;
 width: auto;
}
div#intro div.right{
 padding-top:18px;
 padding-left:15px;
 padding-bottom:15px;
}


/*contact*//*search*/
div#contents p.formAttention, div#search p.formAttention{
 background: url("/commonimg/contents_line.gif") transparent left bottom repeat-x;
}
div#contents p.formAttention span, div#contact th span{ color:#FF0000; }

div#contact{ margin-left: 15px; }

div#contact h4{
 padding-top: 15px;
 color: #5D8B80;
 line-height: 140%;
}

div#contact table, div#search table{
 margin-top: 10px;
 background:#999;
}
div#contact th, div#contact td, div#search th, div#search td{
 vertical-align: top;
 text-align: left;
}
div#contact th, div#search th{ background:#CCC; }
div#contact td, div#search td{ background:#FFF; }

div#contact ul{
 margin-left: 20px;
 padding-top: 10px;
 list-style: none;
}
div#contact ul li{}

div#contact h5{
 padding-top: 15px;
 color:#000000;
}

/*search*/
div#searchBg p.mt15ml15{ padding-bottom: 166px;  }

div#search table{ margin: 20px 0 0 15px }
div#search table table.child{ margin:0 }

div#search p.formAttention{
 padding-top: 15px;
}