@charset "utf-8";

/* CSS Document */
body{
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:7c7d81;
}

h1, h2, h3{
	margin:0;
	padding:0;
}

h3{
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	margin-bottom:12px;
	margin-top:12px;
}

img{
	border:none;
}

a{
	text-decoration:none;
}

a:hover{
	color:#008000;
	text-decoration:underline;
}

p{
	line-height:24px;
}

#gNav ul, #menu ul, #news ul, #product ul, #entrance ul{
	list-style:none;
	margin:0;
	padding:0;
}

#wrap{
	width:980px;
	margin:0 auto;
}

#header{
	width:100%;
	height:92px;
	position:relative;
}

#logo{
	float:left;
	width:400px;
	height:78px;
}

#logo a{
	height:100%;
	text-indent:-10000px;
	background:url(imgs/logo.gif) no-repeat left bottom;
	display:block;
}

#gNav{
	position:absolute;
	right:0;
	top:0;
	background:url(imgs/slogen.gif) no-repeat right 34px;
	height:74px;
	width:500px;
	text-align:right;
}

#gNav ul{
	margin-top:5px;
}

#gNav ul li{
	display:inline;
}

#gNav a{
	color:#333;
	text-decoration:none;
}

#gNav a:hover{
	color:#008000;
	text-decoration:underline;
}

/*----Menus---*/
#menu{
	background:#003c18;
	width:100%;
	height:23px;
	clear:both;
	float:left;
}

#menu ul{
	height:23px;
	display:block;
}

#menu ul li{
	display:block;
	float:left;
	position:relative;
}

#menu ul.subMenu{
	height:auto;
}

#menu a{
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	margin-right:1px;
	padding:4px 9px;
}

#menu a.current{
	background:#9bd239;
	color:#003c18;
	padding:4px 10px;
}

#menu a:hover{
	background:#9bd239;
	color:#003c18;
}

#menu ul.subMenu{
	width:220px;
	position:absolute;
	background:#000000;
	filter:alpha(opacity=80);
    /*-moz-opacity:.60;
    opacity:0.6;*/
}

#menu ul.subMenu li{
	display:block;
	float:none;
	padding-bottom:1px;
}

#menu ul.subMenu a{
	margin:0;
	_width:100%;
}

#menu ul.subMenu{
	display:none;
}

#menu ul.subsubMenu{
	height:auto;
}

#menu ul.subsubMenu li{
	position:static;
	background:url(imgs/i_arrow.gif) no-repeat 20px center;
	padding-left:30px;
}

#menu ul.subsubMenu li a{
}

/*Special*/
#menu .contactUs .subMenu{
	width:120px;
	top:22px;
	right:0;
}

/*---------------------*/

#banner{
	width:100%;
	overflow:hidden;
	clear:both;
}

#content{
	padding:5px;
	background:url(imgs/cc07-09.gif) left bottom no-repeat;
	float:left;
	padding-bottom:95px;
	position:relative;
	margin-bottom:5px;
}

#left{
	float:left;
}

#right{
	float:left;
}

#news{
	width:295px;
	border:solid 1px #7fae2a;
	float:left;
	padding:5px;
}

#news h3{
	color:#333;
	padding-left:5px;
}

#news li{
	background:#f7f7f7;
	margin-bottom:3px;
	padding:1px 1px;
}

#news a:hover,
#news li:hover{
	background:#9bd239 url(imgs/news-trigle.gif) right bottom no-repeat;
}

#news a{
	background:#f7f7f7;
	display:block;
	color:#003c18;
	text-decoration:none;
	padding:2px 4px;
	line-height:18px;
	text-align:justify;
	text-justify:inter-ideograph;
}

#corpInfo{
	width:415px;
	padding:5px 35px;
	float:left;
	text-align:justify;
	text-justify:inter-ideograph;
}

#corpInfo h3{
	margin-bottom:15px;
	margin-top:15px;
}

#corpInfo p{
	margin-top:0;
	margin-bottom:12px;
	color:#003c18;
	line-height:20px;
}

#corpInfo li{
	padding-bottom:5px;
}

#corpInfo ul{
	margin-left:20px;
}

#corpInfo p.textMore{
	text-align:right;
}

#corpInfo a{
	color:#003c18;
}

#corpInfo a:hover{
	color:#008000;
	text-decoration:underline;
}

#v50, #product{
	width:166px;
	float:right;
}

#v50 {
	display:none;
	background:url(imgs/50-anniversary-logo.gif) no-repeat top right;
	height:90px;
	margin-right:10px;
	width:156px;
	margin-top:20px;
	cursor:pointer;
}

#v50 p{
	display:none;
}

#product{
	float:right;
}

#product h3{
	display:none;
}

#product li{
	margin:20px 0;
}

#product h4{
	margin:0;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}

#product a:hover h4{
	color:#008000;
}

#product img{
	/*border:solid 1px #a3bd36;*/
}

#subWeb{
	float:left;
	clear:left;
	margin-top:2px;
}

#subWeb p a{
	background:#003c18;
	color:#FFF;
	text-decoration:none;
	padding:2px;
}

#subWeb a:hover{
	background:#9bd239;
	border-top:#003c18;
	color:#003c18;
}

#entrance{
	float:left;
	clear:left;
	margin-top:2px;
}

#entrance h3{
	background:#003c18;
	color:#FFF;
	margin:0;
	padding:2px;
	font-size:12px;
	float:left;
	cursor:pointer;
	font-weight:normal;
}	

#entrance ul.entranceLink{
	border:solid 1px #003c18;
	width:610px;
	float:left;
	clear:left;
	padding:0 1px 1px;
	background:#FAFFF3;
	border-top:3px #003c18;
	/**width:400px;**/
}

#entrance li{
	float:left;
}

#entrance a{
	text-decoration:none;
	color:#003c18;
	padding:5px 15px;
	margin:0 2px 2px;
	display:block;
	/**width:80px;**/
	text-align:center;
}

#entrance a:hover{
	background:url(imgs/entance-bg.gif) center -3px no-repeat;
}



/*---------------------*/
#footer{
	clear:both;
	border-top:#7fae2a 1px solid;
	border-bottom:#7fae2a 1px solid;
	padding:2px 0;
}

#footer p{
	text-align:center;
	padding:0;
	margin:0;
	font-size:10px;
}

/** div.content **/
div.content{
	float:left;
	clear:both;
}

/** div.sub-navigation **/
div.sub-navigation{
	width:210px;
	padding:10px 5px;
	float:left;
	margin-top:10px;
	margin-right:20px;
	padding-bottom:50px;
	color:#003c18;
}

div.sub-navigation h3{
	border-bottom:solid 1px #000;
	padding:5px 0;
	margin-bottom:0;
}

div.sub-navigation ul{
	list-style:none;
	margin-top:0;
}

div.sub-navigation li{
	border-bottom:solid 1px #7fae2a;
}

div.sub-navigation a{
	text-decoration:none;
	font-weight:bold;
	color:#68921e;
	display:block;
	padding:8px 0;
}

div.sub-navigation a:hover{
	color:#003c18;
	background:#F7FEDE;
}

div.sub-navigation ul.subsubMenu{
	margin-left:30px;
	margin-bottom:6px;
}

div.sub-navigation ul.subsubMenu li{
	border:none;
}

div.sub-navigation ul.subsubMenu li a{
	color:#666;
	padding:2px 0;
}

div.sub-navigation ul.subsubMenu li a:hover{
	color:#CC0000;
}

/** div.article **/
h2{
	padding:10px 5px 5px;
	color:#003c18;
	border-bottom:#7fae2a 1px solid;
}

div.article{
	padding:10px;
	padding-bottom:50px;
	padding-left:30px;
	padding-right:0;
	background:url(imgs/navigation-content-line.jpg) no-repeat left 30px;
	font-size:9pt;
	line-height:150%;
	letter-spacing:0;
	text-align:justify;
	text-justify:inter-ideograph;
	color:#003c18;
	float:left;
	width:710px;
}

div.article h3{
	margin-top:24px;
	margin-bottom:20px;
}

div.article h4{
	color:#333;
	font-size:18px;
	margin-top:20px;
	margin-bottom:10px;
}

div.article p{
	margin-top:0;
	margin-bottom:12px;
}

div.article li{
	padding-bottom:5px;
}

div.article ul,
.article ol{
	margin-left:30px;
}

div.article a{
	text-decoration:none;
	color:#003c18;
}

div.article a:hover{
	color:#008000;
	text-decoration:underline;
}

div.article table{
	width:100%;
}

div.article table th, 
div.article table td{
	padding:5px 10px;
}

div.article table th{
	padding:5px 20px;
	background:#9bd239;
	width:120px;
}

div.article table td{
	background:#e8f1b8;
}

div.newsList ul{
	list-style:none;
	margin-left:0
}

div.newsList li{
	/*padding-bottom:20px;*/
	padding-left:20px;
	position:relative;
	background:url(imgs/i_arrow.gif) no-repeat left 6px;
	list-style:none;
}


div.newsList li a{
	padding-right:15px;
}

div.newsList span{
	width:90px;
	display:block;
	text-align:left;
	position:absolute;
	top:0;
	right:0;
}


/** Board of Directors **/
#board-of-directors .article{
	
}

#board-of-directors .article h3{
	float:left;
	padding:5px 10px;
	background:url(imgs/h-short.gif) no-repeat;
	width:426px;
	margin-bottom:0;
}

#board-of-directors .article ul{
	clear:both;
	background:#e8f1b8 url(imgs/ul-bottom-short.gif) left bottom no-repeat;
	list-style:inside;
	display:block;
	margin-left:0;
	padding:5px 10px;
	margin-top:-10xp;
	width:426px;
	list-style:none;
}


/** Corporate Information **/
#corp-info .article h3, 
#corp-overview .article h3{
	background:url(imgs/h-long-2.jpg) left top no-repeat;
	width:667px;
	padding:5px 10px 15px;
	font-size:14px;
	margin-bottom:0;
}

#corp-info .article div{
	margin-bottom:20px;
}

#corp-info .article h4{
}

#sitemap .article ul,
#corp-info .article ul{
	list-style:none;
}

#corp-info .article li{
	padding-bottom:2px;
}

#corp-info ul{
	margin-left:0;
}

#corp-info .directors ul ul{
	margin-left:10px;
}

#corp-info .article ul li{
	font-weight:normal;
	padding-left:10px;
}

#sitemap .article ul li,
#corp-info .directors ul li{
	padding:1px 10px;
	font-weight:bold;
}

#sitemap .article ul li li,
#corp-info .directors ul li li{
	font-weight:normal;
}

#corp-info .article table td, #corp-info .article table th{
	background:none;
	padding:1px 5px;
	font-weight:normal;
}	

#corp-info .article p{
	line-height:22px;
	padding-left:10px;
}

#corp-info .article table {
}

#corp-info .article table th{
	width:50px;
}

#sitemap .article li a{
	font-weight:normal;
}


#sitemap .article li li{
	list-style:disc;
}
/** Financial highlight **/
#financial-highlight .article h3{
	display:none;
}

#financial-highlight .article table{
	width:100%;
}

#financial-highlight .article thead{
	border:solid 1px;
	background:#FFF;
}

#financial-highlight .article thead th{
	background:#FFF;
}

#financial-highlight .article .data{
	text-align:right;
}

#financial-highlight .article table tr.title th{
	background:#FFF;
}

#financial-highlight .article tfoot th,
#financial-highlight .article tfoot td{
	background:#FFF;
	padding-top:30px;
}

#financial-highlight .article tbody th{
	width:900px;
}

#financial-highlight .article table{
	border-bottom:#7fae2a 1px solid;
}

/** Reports **/
#reports .article{
	text-align:center;
}

#reports .article ul{
	list-style:none;
	margin:0;
	padding:0;
}

#reports .article ul li{
	float:left;
	margin:10px;
	margin-right:70px;
}

#reports .article ul a{
	display:block;
	padding:10px 10px 0;
}

#reports .article ul a:hover{
	
}

#reports .article ul img{
	border:solid 1px #666;
}

#reports .article p{
	padding:0;
	margin:0;
}

#reports .article table td{
	background:none;
}

/** Report show **/
#report-show .article .reportImg{
	float:left;
	margin:5px 20px 5px 5px;
	padding:0 10px 10px;
}

#report-show .article .reportImg h4{
	text-align:center;
	color:#003300;
}

#report-show .article .reportImg p{
	margin:0;
}

#report-show .article ol{
	float:left;
	padding-left:40px;
}

#report-show .article p.download{
	float:right;
	padding-top:10px;
	padding-right:330px;
	font-weight:bold;
	text-align:right;
	width:100px;
}

/** a&c **/

/** events **/
#training .content ul span,
#charitable .content ul span,
#award .content ul span,
#events .content ul span, 
#exhibition .content ul span,
#press .content ul span, 
#media .content ul span,
#green .content ul span{
	display:none;
}

/** Sitemap **/

#sitemap .article {
	width:940px;
	background:none;
}

#sitemap .article div{
	float:right;
	clear:right;
	text-align:left;
	margin-right:100px;
	width:300px;
}

#sitemap #about-cosmos, #sitemap #business-units, #sitemap #news-centre{
	float:left;
	clear:left;
	margin:0;
	margin-left:20px;
}

/*#sitemap .article div h3{
	font:normal 14px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:0;
	background:#003c18;
	padding:5px 2px;
	color:#FFF;
	text-align:center;
	height:35px;
	line-height:35px;
}

#sitemap .article #responsibility{
	line-height:18px;
}

#sitemap .article div{
	width:210px;
	float:left;
	padding:5px;
	margin:0 5px 50px;
}

#sitemap .article ul{
	list-style:none;
	padding:0;
	margin:0;
}

#sitemap .article li{
	background:#f7f7f7;
	margin-bottom:3px;
	padding:1px 1px;
	text-align:left;
}

#sitemap .article a:hover,
#sitemap .article li:hover{
	background:#9bd239 url(imgs/news-trigle.gif) right bottom no-repeat;
}

#sitemap .article a{
	background:#f7f7f7;
	display:block;
	color:#003c18;
	text-decoration:none;
	padding:4px;
	padding-left:10px;
}

#sitemap .article .subsub li{
	padding-left:20px;
	margin-bottom:0;
}*/

/** Contact **/

#contact .article table{
	width:100%;
}

/** ac **/
#ac .article a{
	display:block;
	width:550px;
}

/**  news show **/
#news-show .imageArea p{
	margin-bottom:0;
	font-size:11px;
	padding:2px;
	line-height:14px;
	color:#000;
}

#news-show .imageArea{
	margin-top:20px;
	border:solid 1px #000;
	padding:5px;
	float:left;
	clear:left;
}

#news-show table td{
	background:none;
}

#news-show table td p{
	line-height:16px;
}

#news-show .zxh table td{
	padding:0;
}

/**Special**/
#machinery-intro div.article h4,
#plastic-intro div.article h4,
#plastic-intro div.article h4,
#other-intro div.article h4{
	font-size:14px;
}


.milestone div.article div h3{
	margin:12px 0;
}

.milestone div.article table tr{
	border:solid 1px #ccc;
}

.milestone div.article ul.list{
	margin:0;
	padding:0;
	list-style:none;
	font-size:14px;
	font-weight:bold;
	margin-top:25px;
}

.milestone div.article ul.list li{
	padding:3px 10px;
	margin-top:5px;
	border-bottom:solid 1px #fff;
	list-style:none;
	padding-left:25px;
	background:url(imgs/stone2.png) no-repeat left 7px;
}

.milestone div.article ul.list li span{
	cursor:pointer;
}

.milestone .article .currentbox h3,
.milestone div.article ul.list li.hover a,
.milestone div.article ul.list li.current a{
	color:#008000;
}

.milestone div.article table td{
	background:#fff;
	padding-bottom:12px;
}

.milestone div.article table .date{
	background:url(imgs/stone.png) no-repeat left 5px;
	padding-left:25px;
	width:80px;
}

.milestone div.article .box{
	margin-left:20px;
	margin-top:20px;
	background:url(imgs/milestone-line.png) no-repeat -5px top;
}

.milestone div.article .box td div{width:250px;font-size:11px;text-align:left;}

.milestone div.article .box td p{line-height:14px;margin-bottom:0;}

.milestone div.article .box h3{
	padding-left:5px;
}

.milestone .article h3{
	color:#003C18;
}

.milestone .empty{
	height:20px;
	clear:both;
}