/*
	960 Grid System ~ Core CSS.
	by kevinYoung
	Mar,2009,if some questions,u may contact idyounger@gmail.com
	www.ferro-alloys.com
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/
.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
acronym { 
cursor:help; 
} 
.container_12
{
	background: #fff url(images/bg.gif) repeat-y;
	margin-bottom: 20px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4 {
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width: 40px;
}

.container_16 .grid_2 {
	width: 100px;
}

.container_16 .grid_3 {
	width: 160px;
}

.container_16 .grid_5 {
	width: 280px;
}

.container_16 .grid_6 {
	width: 340px;
}

.container_16 .grid_7 {
	width: 400px;
}

.container_16 .grid_9 {
	width: 520px;
}

.container_16 .grid_10 {
	width: 580px;
}

.container_16 .grid_11 {
	width: 640px;
}

.container_16 .grid_13 {
	width: 760px;
}

.container_16 .grid_14 {
	width: 820px;
}

.container_16 .grid_15 {
	width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left: 60px;
}

.container_16 .prefix_2 {
	padding-left: 120px;
}

.container_16 .prefix_3 {
	padding-left: 180px;
}

.container_16 .prefix_5 {
	padding-left: 300px;
}

.container_16 .prefix_6 {
	padding-left: 360px;
}

.container_16 .prefix_7 {
	padding-left: 420px;
}

.container_16 .prefix_9 {
	padding-left: 540px;
}

.container_16 .prefix_10 {
	padding-left: 600px;
}

.container_16 .prefix_11 {
	padding-left: 660px;
}

.container_16 .prefix_13 {
	padding-left: 780px;
}

.container_16 .prefix_14 {
	padding-left: 840px;
}

.container_16 .prefix_15 {
	padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right: 60px;
}

.container_16 .suffix_2 {
	padding-right: 120px;
}

.container_16 .suffix_3 {
	padding-right: 180px;
}

.container_16 .suffix_5 {
	padding-right: 300px;
}

.container_16 .suffix_6 {
	padding-right: 360px;
}

.container_16 .suffix_7 {
	padding-right: 420px;
}

.container_16 .suffix_9 {
	padding-right: 540px;
}

.container_16 .suffix_10 {
	padding-right: 600px;
}

.container_16 .suffix_11 {
	padding-right: 660px;
}

.container_16 .suffix_13 {
	padding-right: 780px;
}

.container_16 .suffix_14 {
	padding-right: 840px;
}

.container_16 .suffix_15 {
	padding-right: 900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
.must{ color:#CC3300;}
/* `¶ÔÑ¡Ôñ¿Ø¼þµÄ
----------------------------------------------------------------------------------------------------*/
.padding_0 label{margin:0;padding:0px;width:auto;}
/* `Addition start
----------------------------------------------------------------------------------------------------*/
body
{
	border-top: 5px solid #000;
	color: #333;
	font-size: 11px;
	padding: 0px 0 40px;
	background-color:#D7E6F9;
	background-image: url(../images/bg_newyear.jpg);
	background-repeat:repeat-x;
	padding-top:45px;
}

a
{
	color: #006699;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

h1
{
	font-family: Georgia, serif;
	font-weight: normal;
	text-align: center;
	width:960px;
	margin:0 auto;
	display:none;
}

h2
{
	padding: 20px 0 0;
	text-align: center;
	display:none;
}
h3
{
	text-indent:0.8em;
	margin-bottom:0.1em;
}
p
{
	border: 1px solid #666;
	overflow: hidden;
	padding: 10px 0;
	text-align: center;
}
.floatright{float:right;}
.centeralign{ text-align:center; }
/*----------------------------------------------------------------------------------------------------*/
.leftmenu {
	width:150px;
	float: left;
	margin:0.6em 10px!important;
	margin:0.6em 5px;
	
}
#divlefttop{
	width:152px;
	height:45px;
	background:url(../images/fabg.gif) -4px -94px;
}
#divleftbottom{width:152px; height:10px; background:url(../images/fabg.gif) -4px -145px;}
#divleft{
	width:150px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}
#lefttable{
	width:130px;
	margin:0 10px;
	text-align:left;
}
#lefttable a:hover{
	background-color:#3D89BC;
	color:#FFF
}
.main{
	width:468px;
	float: left;
	margin:0!important;
	margin:0 0 0 5px;
}
.pageright{
	width: 300px;
	float: right;
	margin:1em 10px!important;
	margin:1em 5px;
}

/* `news started
----------------------------------------------------------------------------------------------------*/
#news {
	border:1px solid #D5D5D5;
	font-size:1.2em;
	padding: 5px;
}
#news h3{
	color:#993333;
}
#news h5{
	margin:0; line-height:1em; color:#0066CC; font-size:2.2em; padding:5px;
}
#news h5 a:hover{ text-decoration:none;}
#news li{
	list-style:decimal;
}
#news li a:hover{
	background-color:#EEF0CE;
}
#newsindexpic{ float:left; margin:5px; width:250px; height:200px;}

/* `events started
----------------------------------------------------------------------------------------------------*/
#events{
	padding:5px;
	border: 1px #CCC solid;
}
#events p{ text-align:left; font-size:1.1em; border:1px dotted #999; padding:10px;}
#eventsindexpic{ float:left; margin:0 10px 10px 0;}

/* `wrapper started
----------------------------------------------------------------------------------------------------*/

#wrapper{
	width: 450px;
	margin: 0 auto;
}
#wrapper h3{
	border:0;
	text-indent:0;
	margin-bottom:0;
}
#wrapper p{
text-align:left;
padding:5px;
font-size:1.2em;
border:0;
margin-bottom:0;
}
#wrapper a{
text-decoration:none;
}
#wrapper a:hover{
color:#FFF;
}
#wrapper ul{
margin-left:2em!important;
margin-left:1em;
list-style:disc;}
#wrapper li{
font-size:1.2em;
margin-bottom:5px;
margin-left:2em!important;
margin-left:1em;
}
#wrapper li a{
	color:#000;
}
#wrapper li a:hover{
color:#C30;
font-weight:bold;
}
.box{
background: #fff;
}
.boxholder{
clear: both;
padding: 5px;
background: #8DC70A;
}
.tab{
float: left;
height: 30px;
width: 102px;
margin: 0 1px 0 0;
text-align: center;
background: #8DC70A url(../images/fabg.gif) -8px -168px no-repeat;
}
.tabtxt{
margin: 0;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 9px 0 0 0;
}
/* `wrapper ended
----------------------------------------------------------------------------------------------------*/
/* `reports started
----------------------------------------------------------------------------------------------------*/
#reports{ font-size:1.2em; border:1px #CCC solid; margin-top:10px;}
#reports li{
	list-style:disc;
	color:#999;
}
/* `reports ended
----------------------------------------------------------------------------------------------------*/
#analysis{border:1px #CCC solid; margin-top:10px; padding-bottom:10px;}
#analysis ul {margin:0}
#analysis ul li{ list-style:disc;}
#nifty {margin:10px auto; background-color:#D4DDFF; width:280px; font-size:1.1em;}
#nifty a{ font-weight:bold;}
/* `video started
----------------------------------------------------------------------------------------------------*/
#video{margin-top:10px;}
#charts{
	border:1px #CCC solid;
	margin-top:10px;
}
#chartsselect{text-align:right; padding-right:30px;}
/* `demand started
----------------------------------------------------------------------------------------------------*/
#markettable{
font-size:1.1em; border:1px solid #ccc; padding:5px; position:relative;}
#markettable td{border:1px solid #ccc; padding:0.2em;}

/* newslist started newslist startednewslist startednewslist startednewslist startednewslist started
newslist startednewslist startednewslist startednewslist startednewslist startednewslist startednewslist
startednewslist startednewslist startednewslist startednewslist startednewslist startednewslist startednewslist started----------------------------------------------------------------------------------------------------*/
.main2{	
	width: 610px;
	float: left;
	margin:0!important;
	margin:0 0 0 5px;}
.main3{	
	width: 778px;
	float: left;
	margin:0!important;
	margin:0 0 0 5px;}
.main4{	
	width: 570px;
	float: left;
	margin:0!important;
	margin:0 0 0 5px;}
.pageright2{
	width: 160px;
	float: right;
	margin:1em 10px!important;
	margin:1em 5px;
	overflow:hidden;
}
.pageright3{
	width: 200px;
	float: right;
	margin:1em 10px!important;
	margin:1em 5px;
	overflow:hidden;
}
#pagerightpics{padding:5px;border:1px #ccc solid;}
/*catalogues--------------------------------------------------------------------------------------------started*/
.categorieslink{margin:10px; font-size:1.3em;}
DIV#setpage {
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	FONT-SIZE: 0.9em;
	PADDING-BOTTOM: 15px;
	MARGIN: 3px;
	COLOR: #ff6500;
	PADDING-TOP: 15px;
	TEXT-ALIGN: center
		}
		DIV#setpage A {
			BORDER-RIGHT: #ff9600 1px solid; PADDING-RIGHT: 7px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #ff9600 1px solid; PADDING-LEFT: 7px; BACKGROUND-IMAGE: url(meneame.jpg); PADDING-BOTTOM: 5px; BORDER-LEFT: #ff9600 1px solid; COLOR: #ff6500; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #ff9600 1px solid; TEXT-DECORATION: none
		}
		DIV#setpage A:hover {
			BORDER-RIGHT: #ff9600 1px solid; BORDER-TOP: #ff9600 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #ff9600 1px solid; COLOR: #ff6500; BORDER-BOTTOM: #ff9600 1px solid; BACKGROUND-COLOR: #ffc794
		}
		DIV#setpage A:active {
			BORDER-RIGHT: #ff9600 1px solid; BORDER-TOP: #ff9600 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #ff9600 1px solid; COLOR: #ff6500; BORDER-BOTTOM: #ff9600 1px solid; BACKGROUND-COLOR: #ffc794
		}
		DIV#setpage SPAN.current {
			BORDER-RIGHT: #ff6500 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #ff6500 1px solid; PADDING-LEFT: 7px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; BORDER-LEFT: #ff6500 1px solid; COLOR: #ff6500; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #ff6500 1px solid; BACKGROUND-COLOR: #ffbe94
		}
		DIV#setpage SPAN.disabled {
			BORDER-RIGHT: #ffe3c6 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #ffe3c6 1px solid; PADDING-LEFT: 7px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ffe3c6 1px solid; COLOR: #ffe3c6; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #ffe3c6 1px solid
		}
/*Morewidthended----------------------------------------------------------------------------------------------------*/

#newslist{
	font-size:1.2em;
	padding: 0;
}
#newslist p{border:0; text-align:left; padding:0}
#newslist h3{
	color:#993333;
	border:0;
}
#newslist h5{
	margin:0;
	padding:2px 5px;
	line-height:1em;
	background-color:#6E8CB1;
	position:relative;
}
#newslist h5 span{ position:absolute; right:10px;}
#newslist h5 span a{
	color:#FFF;
}
a#listtitle{
	color:#FFFF99;
	text-decoration:none;
}
a:hover#listtitle{
	color:#FFCC00;
}
#newslist ol{border:1px solid #D5D5D5;}
#newslist li{
	list-style:disc; line-height:2em; color:#888;
}
#newslist li a:hover{
	color:#FF0000;
}
/* newsdetailscontentstarted----------------------------------------------------------------------------------------------------*/
#newsdetails{}
#detailstable td{ border:1px solid #D5D5D5;}
/* livechartsstarted-----------------------------------------------------------------------------------------------------------*/
#livecharts{
	padding:10px;
	margin:0 auto;
	height:auto;
}
a#bgchange{
	background-color:#D5E3E0; display:block;width:180px; height:120px; margin:20px; padding:10px;
}
a:hover#bgchange{
	background-color:#6E8CB1;
}
#livecharts li{float:left; list-style:none; margin:0;padding:0; display:block;}
#chartsmall{width:180px; height:120px;}
#searchforcharts{font-size:1em; color:#666666; margin:0 20px 20px; padding:5px; border:1px solid #CCC; background-color:#D3E4EB;}
#rightchartsdiv{
	background-color:#E8EFF7;
	text-align:center;
	margin:0 10px 10px 10px;
	padding-top: 10px;
}
#rightsearchforchartsbox{
	width:180px;
}
.searchforcharts{margin:10px 0}
/* livechartsended-----------------------------------------------------------------------------------------------------------*/
/* membershipstarted-----------------------------------------------------------------------------------------------------------*/
#member{ font-size:1.3em; padding:0}
fieldset{
	border:3px solid #D8E4FA;
	padding:10px;
}
fieldset legend {
 font-weight:bold;

}
fieldset ul, fieldset li{
 border:0; margin:0; padding:0; list-style:none;
}
fieldset li{
 clear:both;
 list-style:none;
 padding:10px;
}

fieldset input{
 float:left;
}
fieldset label{
 width:160px;
 float:left;
 padding-left:50px;
}
fieldset .button{ 
  border:0; margin:0; padding:0;
  clear:both;
  width:125px;
  height:31px;
  background:#666666 url(img/button.png) no-repeat;
  text-align:center;
  line-height:31px;
  color:#FFFFFF;
  font-size:15px;
  font-weight:bold;
 }
#textarea{
	width:650px;
	height:1000px;
	margin:5px 50px 50px;
	font-size:1em;
}

/* membershipended-----------------------------------------------------------------------------------------------------------*/
/* statisticcontentstarted----------------------------------------------------------------------------------------------------*/
#statisticcontent p{ border:0; text-align:left;}
#statisticcontent {font-size:1.2em}
#statisticcontent h3{color:#CC3333;}
#statisticcontent td{border:1px solid #D5D5D5; padding:3px;}
#statisticcontentdrift{
	margin:0 10px;
	padding: 10px;
	border:1px #CCC dotted;
	background-color:#F4FAF1;
}
#printdiv{
	margin:10px 0;
	padding:10px;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
}
#printdiv a{
	color:#333333;
	font-weight:bold;
}
#printdiv a:hover {color:#999;}
/* directorystarted----------------------------------------------------------------------------------------------------*/
#directorylist{
	font-size:1.2em;
	padding:0;
	background-color: #D2DEF0;
	border:1px #999 solid;
}
#directorysearchtable {width:100%;}
#directorysearchtable td{padding:10px 20px 0 20px;}
#directorytable{width:97%; margin-left:10px; border:1px #999 solid;}
#directorytable td{ border:1px solid #D5D5D5; padding:3px;background-color: #FFF}
#directorytable th{ border:1px solid #D5D5D5;background-color: #FFF}
#directorytable td a{color:#006633;}
#directorytable td a:hover{color:#C30;}
.bluecolor{
	color:#003399
}
.yellowpagepic{float:right; width:250px; height:200px;} 
/* directoryended----------------------------------------------------------------------------------------------------*/


/* 
eventscontentstarted----------------------------------------------------------------------------------------------------*/

#eventscontent{font-size:1.2em;}
.class_eventline{
	padding:10px;
}
.class_eventinput{height:12px; margin:0 5px;}
#eventsmenu ul,#eventsmenu li{margin:0; padding:0; list-style:none; font-size:1.1em; font-weight:bold;}
#eventsmenu{
        width: 198px;
        border:1px #889944 solid;}
#eventsmenu li a {
        height: 32px;
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 24px;
        text-decoration: none;
        }
#eventsmenu li a:link, #eventsmenu li a:visited {
	color: #505928;
	display: block;
	background:  url(../images/eventsmenu.gif);
	padding: 8px 0 0 25px;
        }
#eventsmenu li a:hover, #eventsmenu li #current {
	color: #FFFF99;
	background:  url(../images/eventsmenu.gif) 0 -32px;
	padding: 8px 0 0 27px;
        }

/* eventscontentended----------------------------------------------------------------------------------------------------*/



#servicecontent{border:1px #CCC solid; padding:10px;}
#servicecontent p{border:0; text-align:left;}
.servicecontenttitle{font-weight:bold;}
/* ebusinessstarted----------------------------------------------------------------------------------------------------*/
#businessmenu{
	font-size:1.1em;
	border:1px #CCC solid;
	background-color: #DAE1F3;
}
#businessmenu ul,#businessmenu li{ margin:0;  padding:0 0 0 10px;list-style:none;}
#businessmenu ul{
	background-color:#CEE0C5
}
#businessmenu li{background:url(../images/L.gif) no-repeat -2px 8px; font-size:13px; padding:5px 0 5px 10px;}
#businessmenu ol{
	background:url(../images/business.gif);
	padding:2px 25px;
	font-weight:bold;
	font-size:15px;
	height:30px;
	margin:0;
}
#businessintro{
	position:absolute;
	right:0px;
	top:-70px;
	width:430px;
	height:60px;
	font-size:30px;
	color:#FFF;
	text-align:center;
	background:url(../images/business.jpg) no-repeat 290px 0 #99CC00;
}
h3 a:hover{text-decoration:none; color:#3300FF}