html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table{ margin:0px; padding:0px; }
body{ font:12px Arial, Helvetica, sans-serif; background:url(../images/body-bg.gif) repeat-x #fff;}
img{
	behavior:url(iepngfix.htc);
	border:0px;
	text-align: center;
}
ul{ list-style:none;}
p{ padding:5px 10px; line-height:20px; font:12px Arial, Helvetica, sans-serif; color:#333; text-align:justify;}
a,link,visited{ outline:none; text-decoration:none; color:#000;}
a:hover{ outline:none; text-decoration:none; color:#03f;}
/*Struc Classes*/
.container{ width:980px; height:auto; margin:0 auto; background:url(../images/bg.png) center top repeat-y; padding:0 7px 30px 7px;}

.header{ width:978px; float:left;}
.logo{ float:left; margin:18px 0 0 10px;}
.safety-logo{ float:right; margin:10px 10px 0 0;}

.nav{ width:978px; float:left; background:#ee1d25; margin-top:10px;}
.nav-in{ float:right; margin-right:10px;}
.nav span{ display:block; padding:8px 20px;}

.lft-corner{ width:11px; height:42px; position:absolute; margin:-11px 0px 0px -12px;}
.rgt-corner{ width:11px; height:42px; position:absolute; margin:-11px 0px 0px 978px;}

.banner{ width:978px; height:301px; float:left;}

.main{ float:left; width:978px;}
.rgt{ float:right; width:700px; margin:10px 10px 0 0;}

.main-box{ background:url(../images/main-box-bg.gif) 144px 24px no-repeat; margin-bottom:20px;}
.pro-box{ width:696px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; float:left; clear:left;}
.pro-box p{ font:13px Arial, Helvetica, sans-serif; color:#333; padding:10px 10px ; line-height:22px;}

.heading-div{ float:left; background:url(../images/heading-bg.gif) right center no-repeat;}
.heading{ font:22px Arial, Helvetica, sans-serif; color:#333; text-transform:uppercase; background:#ffffcc; float:left; height:44px; line-height:46px; padding-left:10px;  padding-right:20px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; border-left:1px solid #ccc; margin-right:25px; }

.box-lft1{ width:688px; float:left; clear:left;}
.box-lft1 em{ color:#cc0000; font-style:normal; font:16px Tahoma, Geneva, sans-serif;}

.box-lft{ width:488px; float:left; clear:left;}
.box-rgt{ width:200px; float:right;}
.box-rgt img{ margin-bottom:5px;}

.lft{ float:left; width:210px; margin:10px 0 0 10px;}
.lft-nav{ background:url(../images/lft-nav-bg.gif) left bottom repeat-x;}
.lft-nav li{ font:13px Arial, Helvetica, sans-serif;}
.lft-nav li a{ display:block; color:#333; padding:6px 0 6px 10px; border-bottom:1px solid #fff;}
.lft-nav li a:hover{ border-bottom:1px solid #ccc; background:url(../images/red-arrow.png) right center no-repeat;}
.lft-nav .active a{ border-bottom:1px solid #ccc; background:url(../images/red-arrow.png) right center no-repeat;}
.lft-nav strong{ color:#cc0000; font:17px Arial, Helvetica, sans-serif; margin:10px 0 10px 10px; display:block;}


ul.sub-lft-nav li a{ display:block; color:#333; padding:4px 0 4px 10px; border-bottom:1px solid #fff; font:11px Arial, Helvetica, sans-serif !important; background-image:none !important;}
ul.sub-lft-nav li a:hover{ border-bottom:1px solid #ccc; background-color:#e1e1e1;}
ul.sub-lft-nav .selected a{ border-bottom:1px solid #ccc; background-color:#e1e1e1;}

.lft-img{ margin:30px auto;}
.lft-img img{ margin-bottom:20px;}

.catalouge-butt a{ width:157px; height:32px; background:url(../images/catalouge-button.gif) left top no-repeat; margin:0 0 10px 10px; float:left;}
.catalouge-butt a:hover{ width:157px; height:32px; background:url(../images/catalouge-button.gif) left bottom no-repeat;}

.catalouge-butt1{ font:12px Arial, Helvetica, sans-serif; color:#333; text-align:left; line-height:30px; float:left; margin-left:10px; background:#f8f8f8; padding:5px 5px 5px 12px; margin-bottom:2px; width:420px; border:1px solid #e8e8e8;}
.catalouge-butt1 a{ width:157px; height:32px; background:url(../images/catalouge-button.gif) left top no-repeat; margin:0 0 0px 10px; float:right;}
.catalouge-butt1 a:hover{ width:157px; height:32px; background:url(../images/catalouge-button.gif) left bottom no-repeat;}

.chain-tb{ width:678px; margin:0px 10px 10px 10px; padding:0; border:1px solid #ccc;}
.chain-tb td{ padding:0; border:1px solid #ccc;}
.chain-tb p{ padding:0; text-align:center; color:#666;}

.chain-tb-img{ width:678px; margin:0px 10px 10px 10px; padding:0; font:bold 14px Tahoma, Geneva, sans-serif; color:#000; text-align:center;}
.chain-tb-img img{  border:1px solid #ccc; padding:4px; margin-bottom:5px;}

ul.chain-point li{ font:13px Arial, Helvetica, sans-serif; display:block; color:#666; padding:4px 0 4px 30px; background:url(../images/red-arrow.png) 10px center no-repeat;}

.detail b{ color:#000;}

.cnt-deatil{ width:320px; float:left;}
.map{ float:right; width:325px; height:350px; margin-bottom:20px; margin-right:20px;}
.clear{ clear:both;}

/*Footer*/
.full-footer{ width:100%; background:url(../images/body-bg.gif) left top repeat-x; padding-bottom:10px;}
.footer{ font:12px Arial, Helvetica, sans-serif; color:#999; width:978px; padding-top:20px; margin:0 auto; background:url(../images/blk-logo.gif) right bottom no-repeat; min-height:132px;}
.copyright{ text-align:center; clear:left; line-height:22px;}
.footer_esimp{ float:right; padding-right:10px;}
.footer a,link,visited{ color:#999;}
.footer a:hover{ color:#000;}

.ft-nav{ width:978px; text-align:center; margin:0 auto; float:left; display:none;}
.ft-nav ul{ text-align:center; margin:0 auto; width:510px;}
.ft-nav li{ float:left; font:11px Arial, Helvetica, sans-serif; padding:5px;}

.button1{ font:12px Arial, Helvetica, sans-serif;}
.button1 a{ color:#FFF; display:block; padding:8px 10px; margin:8px 0; background:#06F;}
.button1 a:hover{ color:#FFF; background:#06C;}