﻿@Media Screen 
{
	
	* 
	{
		margin:0;
		padding:0;
	}

	html
	{	
		text-align:center;	
		background:transparent url('images/bg-4.gif');
	}
	
	a, img
	{
		border:none;
	}
	
	a
	{
	    color:#000000;
		text-decoration:none;
	}
	
	a:hover
	{
		text-decoration:underline;
	}

	a.hotlink
	{
	    color:#0066cc;
		text-decoration:none;
	}
	
	a.hotlink:hover
	{
	    color:#0066cc;
		text-decoration:underline;
	}
	
	table
	{
		border-collapse:collapse;
		border-spacing:0;
	}
	
	ul, li
	{
		list-style-type: none; list-style-image: none;
	}

    .NumberCell
    {
        text-align:right;                
    }
    
    .clear
    {
    	clear:both;
    }
    
    div.space
    {
    	height:10px;
		line-height:10px;
    }

	/* Web Wrapper Style - Start */
	#wrapper
	{		
		margin:0 auto;
		width:778px;
		background-color:#FFFFFF;
	}	
	/* Web Wrapper Style - End */

	/* Web Header Style - Start */
	#header
	{
		background:url('images/bg-1.jpg') no-repeat left top;
		width:778px;
		height:110px;	
	}
	
	#header .downloadForm 
	{
		background:transparent url('images/banner_m.gif') no-repeat;
		width:251px;
		height:49px;
		margin:20px 300px;
		display:block;
	}
	/* Web Header Style - End */
	
	/* Homepage Menu - Start */
	.menu{
	width:720px;
	height:32px;
	padding:0px 29px 0px 29px;
	background-color:#FFFFFF;
	}
	.menu li{
	float:left;
	}
	.menu li a{
	display:block;
	width:120px;
	height:32px;
	text-indent:-9999px;
	}
	.menu li.menuOne a{
	background:url('images/menu1-1.gif') no-repeat top left;
	}
	.menu li.menuOne a:hover{
	background:url('images/menu1-2.gif') no-repeat top left;
	}
	.menu li.menuTwo a{
	background:url('images/menu2-1.gif') no-repeat top left;
	}
	.menu li.menuTwo a:hover{
	background:url('images/menu2-2.gif') no-repeat top left;
	}
	.menu li.menuThree a{
	background:url('images/menu3-1.gif') no-repeat top left;
	}
	.menu li.menuThree a:hover{
	background:url('images/menu3-2.gif') no-repeat top left;
	}
	.menu li.menuFour a{
	background:url('images/menu4-1.gif') no-repeat top left;
	}
	.menu li.menuFour a:hover{
	background:url('images/menu4-2.gif') no-repeat top left;
	}
	.menu li.menuFive a{
	background:url('images/menu5-1.gif') no-repeat top left;
	}
	.menu li.menuFive a:hover{
	background:url('images/menu5-2.gif') no-repeat top left;
	}
	.menu li.menuSix a{
	background:url('images/menu6-1.gif') no-repeat top left;
	}
	.menu li.menuSix a:hover{
	background:url('images/menu6-2.gif') no-repeat top left;
	}
	
	/* Homepage Menu - End */

	/* Homepage Event Style - Start*/	
.event{
width:289px;
border:#d9bd86 1px solid;
float:right;
padding:40px 25px 15px 25px;
background:url('images/title-1.gif') no-repeat center 10px #FFFFFF;
}
.event h3{
font-size:16px;
font-weight:bold;
color:#0066cc;
line-height:1.5em;
}
.event p{
font-size:13px;
line-height:1.5em;
text-align:left;
}
.event img{
width:227px;
height:170px;
}
.banner
{
	padding: 5px;
width:778px;
height:50px;
}
.arrowRight, .arrowLeft, .bannerArea{
float:left;
height:50px;
}
.arrowRight{
width:27px;
}
.arrowLeft{
width:21px;
}
.arrowLeft img, .arrowRight img{
padding:15px 0px 0px 4px;
}

.bannerArea{
width:730px;
}
.bannerArea li{
float:left;
padding-left:6px;
width:140px;
height:50px;
}
	/* Homepage Event Style - End*/	

	/* Web Body Style - Start */
	.homepageContent
	{
		background:url('images/bg-2.jpg') repeat-x left bottom;
	}
	#mainContent
	{		
		min-height:430px;
		height:100%;		
		width:100%;		
	}
	
	.leftContent, .rightContent{
		float:left;
	}
	.leftContent{
		width:369px;
		height:370px;
	}
	.rightContent{
		width:409px;
		height:370px;
		background:url('images/bg-3.jpg') no-repeat left bottom;
	}

	#leftDiv
	{
		float:left;
		width:210px;	
		min-width:200px;	
		text-align:center;
	}
	
	#mainDiv
	{
		float:left;
		min-width:400px;
		width:400px;
		max-width:540px;
		padding-bottom:20px;
	}

	/* News Bar Style - Start */
	div#newsHolder
	{
		width:380px;
		margin:0 auto;
	}
	
	div#newsHolder #newsTitle
	{
		background:url('images/news_1.gif') no-repeat;
		width:50px;
		height:31px;
		float:left;
	}
	
	div#newsHolder #newsBody
	{
		border-top:solid 4px #d9bd86;
		border-bottom:solid 4px #d9bd86;
		padding-top:1px;
		width:324px;
		height:22px;
		float:left;
		color:#996600;
	}
	
	div#newsHolder #newsTail
	{
		background:url('images/news_2.gif') no-repeat;
		width:6px;
		height:31px;
		float:left;
	}	
	/* News Bar Style - End */

	#rightDiv
	{
		float:right;
		width:160px;
		min-width:160px;
	}
	
	/* ADHolder Style - Start */
	.ADHolder
	{
		margin:0 auto;
		text-align:center;		
	}
	
	.ADHolder ul,
	.ADHolder li
	{	    
	    display:block;
	    width:100%;
	    text-align:center;
	}
	
	.ADHolder img
	{
	    margin:0 auto;
	    margin-bottom:3px;
	}
	
	
	/* ADHolder Style - End */
	
	/* Web Header Style - End */

	/* Web Footer Style - Start */
	#footer
	{
		clear:left;
		width:778px;
		height:80px;
		background-color:#deb138;
	}


	.footerLeft, .footerRight{
	float:left;
	}
	.footerLeft{
	width:520px;
	padding:15px 0px 0px 10px;
	}
	.footerLeft p{
	font-size:13px;
	text-align:left;
	line-height:1.5em;
	}
	.footerRight{
	width:238px;
	padding-top:10px;
	}
	.footerRight ul{
	float:right;
	}
	.footerRight li{
	float:left;
	}
	.footerRight li a{
	display:block;
	width:50px;
	height:30px;
	padding-top:30px;
	font-size:12px;
	line-height:1.5em;

	}
	.footerRight li.iconOne a{
	background:url('images/icon-1.gif') no-repeat top center;
	}
	.footerRight li.iconTwo a{
	background:url('images/icon-2.gif') no-repeat top center;
	}
	.footerRight li.iconTwo {
	    text-align:center;
	}
	
	/* Web Footer Style - End */

	/* Market Style - Start */
	.afecaMarketHolder
	{
		margin:0 auto;
		text-align:left;
		width:380px;
		height:100%;
	}
	.TWMarketTitle, .CNMarketTitle, .TWMarketRemark, .CNMarketRemark, .MarketRemark
	{
		height:32px;		
		font-size:12px;
		color:#996600;	
		width:180px;
		float:left;	
	}
	
	.TWMarketRemark
	{
	    width:100%;
	}
	
	.CNMarketRemark
	{
	    width:50%;	
	}
	
	.afecaMarketHolder .more
	{
	    margin-top:0;
	    padding-top:5px;
	}	
	
	.afecaMarketHolder .UpdateDate
	{
	    font-size:12px;
	    color:#996600;
	    padding-top:15px;
		text-align:right;		
	}
		
	.TWMarketTitle
	{
		background:transparent url('images/title_1.gif') no-repeat 0 -5px;		
	}

	.CNMarketTitle
	{
		background:transparent url('images/title_2.gif') no-repeat 0 -5px;
	}	
	
	.afecaMarketHolder table 
	{
		border:solid 1px #d9bd86;
		width:100%;
		border-collapse:collapse;
		text-align:center;
		background-color:#effde5;
		font-size:13px;
	}
	.afecaMarketHolder table td
	{
		border:solid 1px #d9bd86;
		padding:5px;
	}
	
	.afecaMarketHolder table td.column1
	{
		text-align:left;
	}
	/* Market Style - End */

	/* AFECA Content Style - Start */
	div#ContentHolder
	{
		width:550px;
		border:solid 1px #d9bd86;
		min-height:400px;		
		height:100%;		
	}
	
	div#ContentHolder .contentTitleHolder
	{		
		background:transparent url('images/bg-5.gif') repeat-x;
		border-bottom:solid 1px #d9bd86;		
		height:32px;
		text-align:left;
	}
	
	div#ContentHolder .contentTitleHolder .contentTitle
	{
		background:transparent url('images/arrow2.gif') no-repeat left center;
		margin-left:10px;
		padding-left:20px;
		padding-top:6px;
		color:#996600;
		font-weight:bold;
		font-size:16px;
		height:30px;
	}
	
	#ContentHolder .contentBodyHolder
	{
	    text-align:left;
	    padding:1em;
	    line-height:1.5em;
	    word-wrap: break-word;
	}
	
	div#ContentHolder .contentBodyHolder ul
	{
		list-style:disc;
		margin:20px;
	}
	
	div#ContentHolder .channelLinkHolder ul
	{
		list-style:none;
		border-top:dashed 1px #d9bd86;		
		padding-top:10px;
		width:97%;
		margin-bottom:20px;
	}
	
	div#ContentHolder .channelLinkHolder ul li
	{		
		display:inline;		
		color:#996600;
	}
	
	div#ContentHolder .channelLinkHolder ul li a
	{
		color:#996600;
		font-weight:normal;
	}
	
	.channelLinkHolder th
	{
	    background-color:#effde5;
	    
	}
	
	.channelLinkHolder table
	{
	    line-height:2em;
	}
	
	.channelLinkHolder td
	{
	    padding:0 10px;
	}
	
			
	/* AFECA Content Style - End */

	/* AFECA News Style - Start */
	.afecaNewsHolder
	{
		text-align:left;
		margin:15px auto;
		margin-bottom:10px;
		width:380px;
		font-size:12px;
	}
	
	.afecaNewsHolder .corpNews,
	.afecaNewsHolder .corpEvents
	{
		height:30px;				
	}
	
	.afecaNewsHolder .corpNews
	{
		background:transparent url('images/title_3.gif') no-repeat center left;		
	}

	.afecaNewsHolder .corpEvents
	{
		background:transparent url('images/title_4.gif') no-repeat center left;
	}
	
	.afecaNewsHolder .afecaNewsList
	{		
		background:#effde5;
		border:solid 1px #d9bd86;
		padding:5px;
	}
	
	.afecaNewsHolder .afecaNewsList ul
	{
		list-style:none;		
		text-align:left;
		padding-left:10px;
	}
	
	.afecaNewsHolder .afecaNewsList li
	{
		display:block;
		height:10px;		
		background:transparent url('images/arrow.gif') no-repeat left center;				
		padding:5px 0px 5px 10px;							
	}
	
	.afecaNewsHolder .afecaNewsList li a
	{
        text-decoration: underline; 
   	}
		
		
	.afecaNewsHolder .afecaNewsList hr
	{
		color:#cc9933;
		height:1px;
		margin:0px;
		padding:0px;
	}
	
	
	/* AFECA News Style - End */	

    /* Product Location Style - Start */
    .MapHolder
    {
        margin:0 auto;
        background:transparent url('images/map_china.gif') no-repeat;
        width:511px;
        height:416px;                
        text-align:left;
    }
    
    .mitem 
    {
        position:relative;
        top:0px;
        left:30px;
        width:70%;        
        height:60%;      
        overflow:auto;
    }
    
    
    .mapLink
    {
        position:relative;        
        display:block;
    }
    
    .linkPos1
    {        
        top:102px;
        left:380px;
        width:45px;
        height:18px;    
    }

    .linkPos2
    {    
        top:70px;
        left:430px;
        width:45px;
        height:20px;    
    }
    
    .linkPos3
    {    
        top:85px;
        left:380px;
        width:40px;
        height:15px;    
    }
    
    .linkPos4
    {    
        top:80px;
        left:435px;
        width:50px;
        height:15px;    
    }
            
    .linkPos5
    {    
        top:80px;
        left:420px;
        width:50px;
        height:20px;    
    }       
    
    .linkPos6
    {    
        top:70px;
        left:370px;
        width:50px;
        height:20px;    
    }

    .linkPos7
    {            
        top:5px;
        left:440px;
        width:50px;
        height:15px;    
    }    
    
    /* Product Location Style - End */
	
	/* Event Style - Start */
	.BusinessEventHolder
	{
	    margin:0 auto;	    
	    width:380px;
	    text-align:left;
	}
	
	.BusinessEventHolder .BusinessEventTitle
	{
	    background:transparent url('images/title_4.gif') no-repeat center left;
	    height:35px;	    
	}
	
    .BusinessEventHolder .BusinessEvent
    {
        display:block; 
        padding:5px;
        padding-left:2em;
        background:#effde5 url('images/arrow.gif') no-repeat 1em 0.8em;
        border:#d9bd86 1px solid;
        font-size:13px;
    }
	/* Event Style - End */
	
	/* Future Style - Start */
	.FutureHolder
	{
	    width:80%;
	    margin:10px auto;
	}
	
	.FutureHolder .HeaderRow
	{
	    background-color:#d9bd86;
	    color:white;
	    font-weight:bold;
	}	
	
	.FutureHolder .FutureTitle
	{
	    float:left;
	    font-size:15px;
	    color:#996600;
	    font-weight:bolder;
	}
	
	.FutureHolder .UpdateDate
	{
	    padding-top:5px;
	    float:right;
	    font-size:12px;
	    color:#996600;
	}
	
	.FutureHolder table 
	{
		border:solid 1px #d9bd86;
		width:100%;
		border-collapse:collapse;
		text-align:center;
		background-color:#effde5;
		font-size:13px;
	}
	.FutureHolder table td
	{
		border:solid 1px #d9bd86;
		padding:5px;
	}
	/* Future Style - End */
	
	/* CN Market Style - Start */
	.CNMarketHoder
	{
	    width:80%;
	    margin:0 auto;	    
	    font-size:13px;
	}
	
	.CNMarketHoder table
	{
	    background-color:#effde5;
	    border-collapse:collapse;	   
	    float:left;
	    width:100%; 	    	    
	}
	
	.CNMarketHoder .HeaderRow
	{
	    background-color:#d9bd86;
	    color:white;
	    font-weight:bold;
	}
	
	.CNMarketHoder td
	{
	    border:#d9bd86 1px solid;
	    padding:10px;
	}
	
	
	.CNMarketHoder .TableTitle
	{
	    color:#996600;
	    float:left;
	    font-size:15px;
	    font-weight:bolder;
	    padding:5px 0;
	    width:200px;	    
	}
	
	.CNMarketHoder .UpdateDate
	{
	    color:#996600;
	    float:right;
	    font-size:12px;	    
	    margin:10px 10px 0 0;
	    width:200px;	    
	}
	
	.CNMarketHoder .marketUnit
	{
	    clear:left;
	    text-align:left;
	    color:#996600;
	    font-size:12px;
	    margin:5px 0 15px 5px;
	    text-align:left;	    	    
	}
	
	/* CN Market Style - End */
	
	/* Price Style - Start */
	.PriceUp
	{
	    color:Red;
	}
	
	.PriceDown
	{
	    color:Blue;
	}
	/* Price Style - End */
	
	/* Caledar Style - Start */
	.CalendarHolder
	{
	    font-size:13px;
	}
	
	.CalendarHolder td
	{
	    vertical-align:top;
	}
    	
    .CalendarHolder table table td,
	.CalendarHolder th
	{
	    background-color:#d9bd86;
	    color:White;
	    font-weight:bold;
	}
	
	
	.CalendarHolder td p
	{
	    width:100%;
	    background-color:#effde5;	    
	}
	
	.CalendarHolder a.event
	{	    
	    width:100%;
	    display:block;
	    line-height:1.3em;
	    border-bottom:dashed 1px #d9bd86;	    	    
	}
	
	.CalendarHolder Select
	{
	    margin-left:200px;
	}
	/* Caledar Style - End */

    /* General Style - Start */
    .more
    {
        float:right;
        padding-top:15px;
        font-size:12px;        
    }
    
	.attachment
	{
	    display:block;
	    width:30%;
	    padding:10px;
	    margin: 10px;
	    border:#d9bd86 1px solid;
	    background-color:#effde5;
	    font-size:16px;
	}    
    /* General Style - End */

    /* Market Price Chart Style - Start  */
    .PriceChartHolder
    {
        margin:0 auto;
        text-align:center;
        width:98%;
        font-size:13px;
    }

    .PriceChartHolder h1
    {
        font-size:15px;
        border-bottom:solid 1px #d9bd86;
        padding:15px;
    }

    .PriceChartHolder .Row
    {
        border-bottom:solid 1px #d9bd86;
        padding:6px;
    }

    .PriceChartHolder .LeftColumn
    {
        float:left;
        width:20%;       
        height:300px; 
        line-height:2em;
    }

    .PriceChartHolder .RightColumn
    {
        width:80%;
        text-align:left;
    }

    .PriceChartHolder .RemarkRow
    {
        text-align:left;
        padding:15px;
    }

    /* Market Price Chart Style - End  */    	
}
