/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/

/* Fix the flicking image on background-image on IE6 */ 
html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } 

h1{font-size:138.5%;}
h2{font-size:123.1%;}
h3{font-size:108%;}
h1,h2,h3{margin:1em 0;}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;} 
em{font-style:italic;}
blockquote,ul,ol,dl{margin:1em;}
ol,ul,dl{margin-left:2em;}
ol li{list-style:decimal outside;}
ul li{list-style:disc outside;}
dl dd{margin-left:1em;}
/*table {	border-left:0px solid #000; border-top:0px solid #000; margin: 0;padding:0px;}
th,td{border-right:0px solid #000; border-bottom:0px solid #000; padding:.2em; margin: 0;}
th{font-weight:bold;text-align:center;}*/
caption{margin-bottom:.5em;text-align:center;}
p,fieldset{margin-bottom:1em;}
table,pre{margin-bottom:0em;}
fieldset.noBorder{border:0px;}
input[type=text],input[type=password],textarea {width:11.923em;*width:11.652em;}


/* global  */

html { background-image: url(background/bg_site.gif); background-repeat: repeat-x;	font-family:Arial;color:#000000;}
body { padding: 0px; margin: 0px;}
.clear {clear:both;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;width:inherit;}
#doc3 {	margin: 0; font-family: Arial; font-size: 11px;}
input, select, textarea {	font-family: Arial;}
img{padding:0px;margin:0px;outline:none;}
/*table {	border:0px solid #000; }
th,td{border:0px solid #000;background-repeat:no-repeat;}*/
a{color:#663E00;text-decoration:underline;outline:none;}
a:hover{color:#663E00;text-decoration:none;outline:none;}
hr{height:1px; color:##D2CFCA; border-top:0px;border-left:0px;border-right:0px;border-bottom:1px #D2CFCA dotted;}

/* Links */
a.more {color:#666666;text-decoration:underline;}
a.more:hover {color:#E19422;text-decoration:underline;}

a.linkBgbrown {color:#FDB827;text-decoration:none;display:block;}
a.linkBgbrown:hover {color:#FDB827;text-decoration:underline;}

a.linkBgyellow {color:#000000;text-decoration:none;display:block;}
a.linkBgyellow:hover {color:#000000;text-decoration:underline;}

a.linkBgorange {color:#222222;text-decoration:none;display:block;}
a.linkBgorange:hover {color:#222222;text-decoration:underline;}

a.subBrown {color:#854337;text-decoration:none;font-weight:bold;}
a.subBrown:hover {color:#E18722;text-decoration:none;font-weight:bold;}

a.subGray {color:#000000;text-decoration:none;font-weight:normal;}
a.subGray:hover {color:#E18722;text-decoration:none;font-weight:normal;}

a.subMenu{color:#333;text-decoration:none;}
a.subMenu:hover{color:#663E00;text-decoration:none;}

#hd {	width: 984px; position: relative; margin: 0 auto 0 auto;}
#hd #logo {	position: absolute; }
#hd #language { text-align: right; padding-top: 6px; }
#hd .NavigationEN {padding: 5px 0 0 0; font-family:Arial;}
#hd .NavigationEN ul {padding: 0 0 0 75px; float: left; margin: 0;background-image: url(background/bg_navbar.gif); background-repeat: repeat-x; background-position: bottom;}
#hd .NavigationEN ul li{	padding: 20px 1px 0px 0px; margin: 0; float: left; display: block; height:auto;
background-image: url(background/bg-partnavbar.gif); background-position: bottom right; background-repeat: no-repeat;}
#hd .NavigationEN ul li.last {	background-image: none;padding: 20px 0px 0px 0px;margin:0px; }
#hd .NavigationEN ul li a {display: block; background-repeat: no-repeat; }
#hd .NavigationEN ul li a.active {background-position: 0% -30px; background-repeat: no-repeat; }
#hd .NavigationEN ul li a:hover {background-position: 0% -30px; background-repeat: no-repeat;}
#hd .NavigationEN ul li a#NavI { background-image: url(background/nav_company_profile.gif);}
#hd .NavigationEN ul li a#NavII { background-image: url(background/nav_products.gif); }
#hd .NavigationEN ul li a#NavIII { background-image: url(background/nav_order_online.gif);}
#hd .NavigationEN ul li a#NavIV { background-image: url(background/nav_news_promotion.gif);}
#hd .NavigationEN ul li a#NavV { background-image: url(background/nav_claim.gif);}
#hd .NavigationEN ul li a#NavVI { background-image: url(background/nav_investor.gif);}
#hd .NavigationEN ul li a#NavVII { background-image: url(background/nav_contactus.gif);}
#hd .NavigationEN ul li a#NavVIII { background-image: url(background/nav_links.gif);}
#hd .NavigationEN ul li a#NavIX { background-image: url(background/nav_forum.gif);}
#hd .NavigationEN ul li a#NavX { background-image: url(background/nav_download.gif);}

/*#hd .NavigationTH {padding: 5px 0 0 0;font-family:MS Sans Serif;   }
#hd .NavigationTH ul {	padding: 0 0 0 85px; float: left; margin: 0;
background-image: url(background/bg_navbar.gif); background-repeat: repeat-x; background-position: bottom;}
#hd .NavigationTH ul li{	padding: 20px 1px 0px 0px; margin: 0; float: left; display: block; height: auto;
background-image: url(background/bg-partnavbar.gif); background-position: bottom right; background-repeat: no-repeat;}
#hd .NavigationTH ul li.last {	background-image: none;padding: 20px 0px 0px 0px;margin:0px;}
#hd .NavigationTH ul li a {display: block; background-repeat: no-repeat; }
#hd .NavigationTH ul li a.active {background-position: 0% -30px; background-repeat: no-repeat; }
#hd .NavigationTH ul li a:hover {background-position: 0% -30px; background-repeat: no-repeat;}
#hd .NavigationTH ul li a#NavI { background-image: url(background/nav_company_profile_th.gif);}
#hd .NavigationTH ul li a#NavII { background-image: url(background/nav_products_th.gif); }
#hd .NavigationTH ul li a#NavIII { background-image: url(background/nav_order_online_th.gif);}
#hd .NavigationTH ul li a#NavIV { background-image: url(background/nav_news_promotion_th.gif);}
#hd .NavigationTH ul li a#NavV { background-image: url(background/nav_claim_th.gif);}
#hd .NavigationTH ul li a#NavVI { background-image: url(background/nav_investor_th.gif);}
#hd .NavigationTH ul li a#NavVII { background-image: url(background/nav_contactus_th.gif);}
#hd .NavigationTH ul li a#NavVIII { background-image: url(background/nav_links_th.gif);}
#hd .NavigationTH ul li a#NavIX { background-image: url(background/nav_forum_th.gif);}
#hd .NavigationTH ul li a#NavX { background-image: url(background/nav_download_th.gif);}*/

/* styles for the demo examples -- NOT REQUIRED for hoverIntent to work, just for demo purposes */
#RESOURCES #main ul.menu li { padding-bottom: 0; }
ul.menu { padding:0; margin:0; list-style-type:none;}
ul.menu li {padding:0; margin:0; float: left;border:0px red solid;}
ul.menu li div.showmenu {width:680px;height:auto;display:none;position:absolute;top:91px;*top:90px;background-image:url(background/bg_submenu.png);
background-position:bottom right;background-repeat:repeat-y;border-bottom:0px solid white;}

.submenuInfo span{float:left;}
.headProduct{color:#000;font-size:13px;font-weight:bold;}

#submenuCompany span{float:left;}
#submenuCompany span.block{float:left;width:auto;padding:20px 10px;border-right:0px solid #ECECEC;height:auto;border:0px solid red;}
#submenuCompany span.block ul{background:#E4E4E4;*background:#E1E1E1;width:auto;padding:0px;margin:0px;list-style:none;}
#submenuCompany span.block ul li{background:#E4E4E4;*background:#E1E1E1;float:none;margin:0px 0px 5px 0px;padding:0px;}
#submenuCompany span.block ul li.sub, #submenuCompany span.block2 ul li.sub, #submenuCompany span.block3 ul li.sub{background:#E4E4E4;*background:#E1E1E1;float:none;margin:0px 0px 5px 0px;padding:0px;}


#submenuProduct span{float:left;}
#submenuProduct span.block{float:left;width:240px;padding:20px 10px;border-right:0px solid #ECECEC;height:auto;}
#submenuProduct span.block2{float:left;width:270px;padding:20px 10px;border-right:0px solid #ECECEC;height:auto;}
#submenuProduct span.block3{float:left;width:auto;padding:20px 10px;height:auto;}
#submenuProduct span.block ul, #submenuProduct span.block2 ul, #submenuProduct span.block3 ul {background:#E4E4E4;*background:#E1E1E1;width:auto;padding:0px;margin:0px;list-style:none;}
#submenuProduct span.block ul li, #submenuProduct span.block2 ul li, #submenuProduct span.block3 ul li{background:#E4E4E4;*background:#E1E1E1;float:none;margin:0px 0px 5px 0px;padding:0px;}
#submenuProduct span.block ul li.sub, #submenuProduct span.block2 ul li.sub,  #submenuProduct span.block3 ul li.sub{background:#E4E4E4;*background:#E1E1E1;float:none;margin:0px 0px 5px 0px;padding:0px;}

#submenuOrder span{float:left;}
#submenuOrder span#block{float:left;width:auto;padding:20px 10px;border-right:0px solid #ECECEC;height:auto;}
#submenuOrder span#block ul{background:#E4E4E4;*background:#E1E1E1;width:auto;padding:0px;margin:0px;list-style:none;}
#submenuOrder span#block ul li{background:#E4E4E4;*background:#E1E1E1;float:none;margin:0px 0px 5px 0px;padding:0px;}
#submenuOrder span#block ul li.sub{background:#E4E4E4;*background:#E1E1E1;float:none;margin:0px 0px 5px 0px;padding:0px;}

#submenuNews span{float:left;}
#submenuNews span.block{float:left;width:auto;padding:20px 10px;border-right:0px solid #ECECEC;height:auto;}
#submenuNews span.block ul{background:#E4E4E4;*background:#E1E1E1;width:auto;padding:0px;margin:0px;list-style:none;}
#submenuNews span.block ul li{background:#E4E4E4;*background:#E1E1E1; border:0px solid red;float:none;margin:0px 0px 5px 0px;padding:0px;}

#submenuClaim span{float:left;}
#submenuClaim span.block{float:left;width:auto;padding:20px 10px;border-right:0px solid #ECECEC;height:auto;}
#submenuClaim span.block2{float:left;width:auto;padding:20px 10px;border-right:0px solid #ECECEC;height:auto;}
#submenuClaim span.block3{float:left;width:auto;padding:20px 10px;height:auto;}
#submenuClaim span.block ul, #submenuClaim span.block2 ul, #submenuClaim span.block3 ul {background:#E4E4E4;*background:#E1E1E1;width:auto;padding:0px;margin:0px;list-style:none;}
#submenuClaim span.block ul li, #submenuClaim span.block2 ul li, #submenuClaim span.block3 ul li{background:#E4E4E4;*background:#E1E1E1;float:none;margin:0px 0px 5px 0px;padding:0px;}
#submenuClaim span.block ul li.sub, #submenuClaim span.block2 ul li.sub,  #submenuClaim span.block3 ul li.sub{background:#E4E4E4;*background:#E1E1E1;float:none;margin:0px 0px 5px 0px;padding:0px;}

#submenuIR span{float:left;}
#submenuIR span.block{float:left;width:255px;padding:20px 10px;border-right:0px solid #ECECEC;height:auto;}
#submenuIR span.block2{float:left;width:230px;padding:20px 10px;border-right:0px solid #ECECEC;height:auto;}
#submenuIR span.block3{float:left;width:auto;padding:20px 10px;height:auto;}
#submenuIR span.block ul, #submenuIR span.block2 ul, #submenuIR span.block3 ul {background:#E4E4E4;*background:#E1E1E1;width:auto;padding:0px;margin:0px;list-style:none;}
#submenuIR span.block ul li, #submenuIR span.block2 ul li, #submenuIR span.block3 ul li{background:#E4E4E4;*background:#E1E1E1;border:0px solid red;float:none;margin:0px 0px 5px 0px;padding:0px;}
#submenuIR span.block ul li.sub, #submenuIR span.block2 ul li.sub,  #submenuIR span.block3 ul li.sub{background:#E4E4E4;*background:#E1E1E1;float:none;margin:0px 0px 5px 0px;padding:0px;}

#submenuContact span{float:left;}
#submenuContact span.block{float:left;width:auto;padding:20px 10px;border-right:0px solid #ECECEC;height:auto;}
#submenuContact span.block ul{background:#E4E4E4;*background:#E1E1E1;width:auto;padding:0px;margin:0px;list-style:none;}
#submenuContact span.block ul li{background:#E4E4E4;*background:#E1E1E1;float:none;margin:0px 0px 5px 0px;padding:0px;}


#bd {	width: 994px; background-color: #fff; margin: 0 auto 0 auto; }
#bd #yui-main {
	width: 989px; padding-left: 5px; background-image: url(background/bg_body_left.gif);
	background-repeat: repeat-y; background-position: top left;	float: left;
}
#bd .yui-b {
	width: 984px; padding-right: 5px; background-image: url(background/bg_body_right.gif); 
	background-repeat: repeat-y; background-position: top right; float: left;
}

/*Container Content*/
.containerPageFull{
width:983px;
padding:20px 0px 15px 0px;
border:0px solid red;
height:auto;
margin:0px;
float:left;
}

.containerPagePadding{
width:943px;
padding:20px;
border:0px solid red;
height:auto;
margin:0px;
float:left;
}

.thankYou{text-align:center;width:100%;border:0px solid red;padding:90px 0px;}

#divLoadAlready, #divLoad,#divLoadding{border:3px solid #854337;width:400xp;height:110px;background:#FDB827;padding:90px 0px 0px 0px;font-weight:bold;color:#854337;}

#ft { width: 994px; margin: 0 auto 0 auto;}
#ft #yui-main {
	width: 989px; padding-left: 5px; background-image: url(background/bg_footer_left.gif);
	background-repeat: repeat-y; background-position: left;	background-color: white; 	float: left;
}
#ft .yui-b {
	width: 984px; padding:0 5px 10px 0; background-image: url(background/bg_footer_right.gif); 
	background-repeat: repeat-y; background-position: right; float: left;
}
#ft .yui-b p{	border-top: 4px solid #f1b22d;}
#ft .yui-b img {	padding: 0 0 0 5px;}

#ft .yui-b .Address{font-size:11px;padding-left:10px;color:#333333;}
#ft .yui-b .Address span{font-size:12px;font-weight:bold;color:#663333;}
#ft .yui-b #Subscribe {	float: right; 	text-align: right; padding: 0 10px 0 0;width: 450px;}
#ft .yui-b #Subscribe .title{font-size:11px;font-weight:bold;color:#010100;padding-bottom:5px;}
#ft .yui-b #Subscribe img {	padding: 0 0 5px 0;}
#ft .yui-b #Subscribe fieldset {	padding: 5px 0 0 0; float: right;}
#ft .yui-b #Subscribe fieldset label {	float: left; padding: 2px 5px 0 0;}
#ft .yui-b #Subscribe fieldset span { width: 150px; height: 20px; display: block; float: left; 
	background-image: url(background/bg_inputsubscribe.gif); background-repeat: no-repeat;
}
#ft .yui-b #Subscribe fieldset span input {	width: 135px; height: 16px; margin-right: 8px; border: 1px solid #bebebe; background-color: #bebebe; 
	padding-top: 2px; *padding-top: 1px;
}
#ft .yui-b #Subscribe .btnSubmit {
	background-image: url(background/btn_b.gif); background-repeat: no-repeat; border: 0px; background-color: transparent;
	width: 48px; height: 20px; color: #fff; line-height: -1px; *line-height: 10px; cursor: hand; cursor: pointer;
}