
* { margin: 0px; padding: 0px;}
html { overflow: -moz-scrollbars-vertical; background: url("../images/bg.jpg") repeat-x center top;}
html, body { width: 100%; height: 100%;}
body { font-family: 'Tahoma'; font-size: 11px; color: #000; background: url("../images/bg_wrapper.jpg") no-repeat center top;}
img { border: 0px;}
table { border-collapse: collapse;}
a , a:hover { color: #000; text-decoration: none;}
a.more , a.more:hover { color: #FF0002; font-size: 10px; text-decoration: underline;}
a.link , a.link:hover { color: #FF0002; font-size: 11px; text-decoration: underline;}

/*************** General Style ***************/
div.clear { clear:both; border:none; width:auto; height: 0px !important; _height: 0px; font-size: 1px;}
p { margin: 0 0 1em 0;}

input , textarea { border: none; background: transparent;}

label { display: block; padding: 3px 0; font-size: 11px; color: #F50001; font-weight: bold;}
.txt10 { font-size: 10px;}
.txt15 { font-size: 15px; color: #F50001; font-weight: bold;}

/******************************/
div#Lang {  height: 18px; top: 20px; position:absolute;right:90px;}
div#Lang ul { float: right; width: 107px; height: 12px; list-style: none;}
div#Lang ul li { display: inline-block; float: left; height: 12px; padding-right: 6px;}
div#Lang ul li.top2 { padding: 1px 6px 0 0;}
div#Lang a#th { display: block; width: 18px; height: 12px; background: url("../images/th.gif") no-repeat;}
div#Lang a#th:hover , div#Lang a#th.active { display: block; width: 18px; height: 12px; background: url("../images/th_ac.gif") no-repeat;}
div#Lang a#eng { display: block; width: 18px; height: 12px; background: url("../images/eng.gif") no-repeat;}
div#Lang a#eng:hover , div#Lang a#eng.active { display: block; width: 18px; height: 12px; background: url("../images/eng_ac.gif") no-repeat;}


div#Wrapper { width: 960px; padding: 0 15px; margin: auto;}
div#Wrapper div#nav { display: block; height: 78px; padding-top: 15px;}
div#nav div#Logo { float: left; width: 180px;  padding-top:20px;}
div#nav div#Welcome { float: right; width: 320px;padding-top:20px; position:relative;}
div#Wrapper div#Menu { display: block; height: 30px;;padding-top:20px; }

div#Wrapper div#Banner { display: block; height: 270px;}
div#Wrapper div#Content { display: block; min-height: 500px; _height: 500px;}
div#Content div#Cnav { display: block; height: 21px; text-align: right; padding: 25px 15px 0 0;}
div#Content .Location { background: url("../images/plant_location/nav.jpg") no-repeat;}
div#Content .Location_th { background: url("../images/plant_location/nav_thai.jpg") no-repeat;}

div#Content .Contact { background: url("../images/contact/nav.jpg") no-repeat;}
div#Content .Contact_th { background: url("../images/contact/nav_thai.jpg") no-repeat;}

div#Content .InFocus { background: url("../images/infocus/nav.jpg") no-repeat;}
div#Content .InFocus_th { background: url("../images/infocus/nav_thai.jpg") no-repeat;}

div#Content .News { background: url("../images/news/nav.jpg") no-repeat;}
div#Content .News_th { background: url("../images/news/nav_thai.jpg") no-repeat;}
div#Content .Links { background: url("../images/link/nav.jpg") no-repeat;}
div#Content .Links_th{ background: url("../images/link/nav_th.jpg") no-repeat;}

div#Content .About { background: url("../images/about/nav.jpg") no-repeat;}
div#Content .About_th { background: url("../images/about/nav_thai.jpg") no-repeat;}
div#Content .Product_th { background: url("../images/product/nav_thai.jpg") no-repeat;}
div#Content .Product { background: url("../images/product/nav.jpg") no-repeat;}

div#Wrapper div#Footer { display: block; margin: auto; padding: 13px 0px; font-size: 10px; color: #999;}
div#Footer div.Copyright { float: left; width: 420px;}
div#Footer div.LastUpdate { float: right; width: 460px; display: block; height: 20px; padding-top: 5px; text-align: right; background: url("../images/lastest_update.gif") no-repeat 300px 6px; font-size: 11px;}

/*Index*/
div#Index { display: block; padding: 0 3px;}
div#Index div#InFocus { float: left; width: 472px;}
div#Index div#INews { float: right; width: 472px;}
div#INews div.INLists { display: block; height: 65px; padding: 4px 0 0 2px;}
div#INews div.IBorder { border-bottom: 1px dashed #CCC;}
div.INLists div.INImg { float: left; width: 100px;}
div.INLists div.INDetail { float: left; width: 370px;}

/*About*/
div#CAbout { width: 952px; margin: auto; padding-top: 15px; font-size: 12px; line-height: 16px; background: url("../images/about/bg_menu.jpg") repeat-x top left;}
div#CAbout label { color: #F20001; font: bold 12px tahoma;}
div#CAbout div.CAL { float: left; width: 645px;}
div#CAbout div.CAR { float: right; width: 265px;}
div#CAbout ul.rewardLists { list-style: none; padding-bottom: 15px;}
div#CAbout ul.rewardLists li { padding: 2px 0px 2px 15px; background: url("../images/bullet.gif") no-repeat 0px 8px;}

/*Product*/
div#CProduct { width: 952px; margin: auto; padding: 15px 0 35px 0; line-height: 15px; background: url("../images/about/bg_menu.jpg") repeat-x top left;}
div.pContent { width: 930px; margin: auto; padding-top: 15px;}
div.pContent a , div.pContent a:hover { color: #F90002;}
table#tbproduct { width: 552px; margin: auto;}
table#tbproduct td { text-align: center; font-size: 13px; font-weight: bold; padding: 13px 0px; background: url("../images/line.gif") repeat-x bottom left;}

/**/
div#mnProduct ul { height: 25px; list-style: none; padding-bottom: 15px;}
div#mnProduct ul li { float: left; height: 25px;}
a#Ptab01 , a#Ptab02 , a#Ptab03 , a#Ptab04 , a#Ptab05 { display: block; height: 25px; background: url('../images/product/menu.gif') no-repeat;}
a#Ptab01 { width: 295px; background-position: 0 0;}
a#Ptab01:hover , a#Ptab01.active { width: 295px; background-position: 0 -25px;}
a#Ptab02 { width: 157px; background-position: -295px 0;}
a#Ptab02:hover , a#Ptab02.active { width: 157px; background-position: -295px -25px;}
a#Ptab03 { width: 159px; background-position: -452px 0;}
a#Ptab03:hover , a#Ptab03.active { width: 159px; background-position: -452px -25px;}
a#Ptab04 { width: 206px; background-position: -611px 0;}
a#Ptab04:hover , a#Ptab04.active { width: 206px; background-position: -611px -25px;}
a#Ptab05 { width: 135px; background-position: -817px 0;}
a#Ptab05:hover , a#Ptab05.active { width: 135px; background-position: -817px -25px;}


/*thai*/
div#mnProduct_th ul { height: 25px; list-style: none; padding-bottom: 15px;}
div#mnProduct_th ul li { float: left; height: 25px;}
a#Ptab01_th , a#Ptab02_th , a#Ptab03_th , a#Ptab04_th , a#Ptab05_th { display: block; height: 25px; background: url('../images/product/menu_thai.gif') no-repeat;}
a#Ptab01_th { width: 265px; background-position: 0 0;}
a#Ptab01_th:hover , a#Ptab01_th.active { width: 265px; background-position: 0 -25px;}
a#Ptab02_th { width: 175px; background-position: -265px 0;}
a#Ptab02_th:hover , a#Ptab02_th.active { width: 175px; background-position: -265px -25px;}
a#Ptab03_th { width: 159px; background-position: -442px 0;}
a#Ptab03_th:hover , a#Ptab03_th.active { width: 159px; background-position: -442px -25px;}
a#Ptab04_th { width: 179px; background-position: -598px 0;}
a#Ptab04_th:hover , a#Ptab04_th.active { width: 179px; background-position: -598px -25px;}
a#Ptab05_th { width: 153px; background-position: -785px 0;}
a#Ptab05_th:hover , a#Ptab05_th.active { width: 153px; background-position: -785px -25px;}


div#CProduct div#Ppcontent { width: 936px; margin: auto; padding-top: 40px;}
div#CProduct div#Ppcontent2 { width: 936px; margin: auto; padding-top: 15px;}

div.productLists { float: left; width: 302px; height:320px; padding: 0 5px 30px 5px;}
div.pImg { height: 175px; text-align: center; padding-bottom: 15px;}
div.pImg2 { height: 190px; text-align: center; padding-bottom: 15px;}
div.pImg3 { height: 170px; text-align: center; padding-bottom: 10px;}
div.pName { width: 295px; height: 18px; color: #FFF; font-weight: bold; padding: 4px 0 0 7px; background: url("../images/product/bar_name.jpg") no-repeat;}
div.pDetail { padding: 5px 7px 0 7px;}

div.pFurniture { width: 876px; height: 310px; margin: auto; padding-top: 30px;}
div.pSFurniture { width: 932px; height: 370px; padding-top: 20px;}
div.pFurniture div.pLHS { float: left; width: 350px;}
div.pFurniture div.pRHS { float: right; width: 520px;}
div.pRHS div.pFDetail { position: relative; width: 520px; height: 130px; background: url("../images/product/furniture/bg_detail.gif") no-repeat;}
div.pFDetail div.pFName { position: absolute; top: 6px; left: 35px;}
div.pFDetail div.pFSize { position: absolute; display: block; color: #F30001; font-size: 13px; top: 27px; left: 120px;}
div.pFDetail ul.pFLists { position: absolute; list-style: none; padding-bottom: 15px; top: 68px; left: 40px; font-size: 12px;}
div.pFDetail ul.pFLists li { padding: 2px 0px 0px 15px; background: url("../images/bullet.gif") no-repeat 0px 8px;}
div.pRHS div.pStyle { padding-top: 15px;}

div.pFDetail ul.pFLists2 { position: absolute; list-style: none; padding-bottom: 15px; top: 70px; left: 40px; font-size: 12px;}
div.pFDetail ul.pFLists2 li { display: block; float: left; width: 220px; padding: 2px 0px 0px 15px; background: url("../images/bullet.gif") no-repeat 0px 8px;}

/*Product Slide*/
div#pFSlide { display: block;}
div#slide { width: 920px; height: 140px; margin: auto; padding-top: 10px; background: url("../images/line.gif") repeat-x bottom left;}
a.prev { float: left; display: block; width: 10px; height: 27px; margin-top: 50px; border: none; background: url('../images/product/furniture/left.jpg') no-repeat;}
a.next { float: left; display: block; width: 10px; height: 27px; margin-top: 50px; border: none; background: url('../images/product/furniture/right.jpg') no-repeat;}

div#slide div.anyClass { float: left; width: 900px !important; height: 126px;}
div#slide ul { width: 900px; height: 126px;}
div#slide ul li { list-style: none; float: left; position: relative; width: 150px; height: 126px;}
div#slide ul li a { position: absolute; width: 150px; height: 126px; left: 0; top: 0;}

a#pF01 , a#pF02 , a#pF03 , a#pF04 , a#pF05, a#pF06 , a#pF07 , a#pF08 , a#pF09 { display: block; width: 150px; height: 126px; background: url('../images/product/furniture/menu.gif') no-repeat;}
a#pF01 { background-position: 0 0;}
a#pF01:hover , a#pF01.active { background-position: 0 -126px;}
a#pF02 { background-position: -150px 0;}
a#pF02:hover , a#pF02.active { background-position: -150px -126px;}
a#pF03 { background-position: -300px 0;}
a#pF03:hover , a#pF03.active { background-position: -300px -126px;}
a#pF04 { background-position: -450px 0;}
a#pF04:hover , a#pF04.active { background-position: -450px -126px;}
a#pF05 { background-position: -600px 0;}
a#pF05:hover , a#pF05.active { background-position: -600px -126px;}
a#pF06 { background-position: -750px 0;}
a#pF06:hover , a#pF06.active { background-position: -750px -126px;}
a#pF07 { background-position: -900px 0;}
a#pF07:hover , a#pF07.active { background-position: -900px -126px;}
a#pF08 { background-position: -1050px 0;}
a#pF08:hover , a#pF08.active { background-position: -1050px -126px;}
a#pF09 { background-position: -1200px 0;}
a#pF09:hover , a#pF09.active { background-position: -1200px -126px;}

/*Location*/
.txtLocation { margin: 10px;}
#Maps { width: 951px; height: 491px; margin: 0px auto;}
#Locations { width: 931px; margin: 0px auto; background: url(../images/plant_location/bg_map.gif) left top no-repeat; padding: 40px 10px 0px;}
#Locations_th { width: 931px; margin: 0px auto;  padding: 40px 10px 0px;}

.item { width: 275px; float: left; position: relative; padding: 10px 0px 10px 190px; line-height: 14px; }
.item img { width: 180px; height: 70px; position: absolute; left: 0px; top:10px; }
.item h5 { color: #F60002; font-size: 11px; font-weight: bold; }
.item a {  color: #F60002; text-decoration: underline; }
.items { clear: both; background: url(../images/line.gif) left bottom repeat-x;}

/*Contact*/
div#Ccadd { float: left; width: 400px; padding: 20px 0 0 20px; line-height: 16px;}
.Ccontact { float: left; width: 130px; padding-top: 16px; font-weight: bold;}
.Ccontact2 { float: right; width: 250px;}
div#Ccimg { float: right; width: 533px; padding-top: 20px;}

/*InFocus*/
div#pd_Body { display: block; height: 337px; margin-top: 21px; background: #FFF url("../images/infocus/bg.jpg") no-repeat top left; padding: 4px 11px 0 21px;}
div#pd_Image { float: left; width: 425px; height: 303px; text-align: center; padding: 13px 0 0 11px; *padding: 12px 0 0 7px; background: #FFF url("../images/infocus/bg_img.jpg") no-repeat top left;}
div#pd_Detail { float: right; width: 465px; padding-top: 17px;}
div#pd_Detail div#pd_Title { display: block; padding-bottom: 3px; border-bottom: 1px solid #F50001; font-size: 15px; color: #F50001; font-weight: bold;}
div#pd_Thumbnail { height: 92px; padding-top: 10px;}
div#pd_Thumbnail a { padding-right: 5px;}

a#pd_Features , a#pd_Benefits { float: left; display: block; width: 110px; height: 25px; background: url("../images/infocus/tab.gif") no-repeat; margin-right: 5px;}
a#pd_Features { background-position: 0 0;}
a#pd_Features.active , a#pd_Features:hover { background-position: 0 -25px;}
a#pd_Benefits { background-position: -110px 0;}
a#pd_Benefits.active , a#pd_Benefits:hover { background-position: -110px -25px;}
div#pd_Content  { padding: 30px 0 0 45px;}
/*div#pd_Content ul { padding: 15px 0 0 35px;}
div#pd_Content li { padding: 2px 0; margin: 0;}*/

div#pd_List { height: 230px; border-bottom: 1px dashed #CCC;}
div.pd_Lists { float: left; width: 220px; padding: 15px 0 0 20px;}

/*News*/
div#NewsTop { width: 937px; height: 324px; padding: 6px 0 0 15px; background: url("../images/news/bg.jpg") no-repeat; margin-top: 11px;}
div#NewsTop div#NImg { float: left; width: 425px; height: 303px; padding: 13px 0 0 11px; background: url("../images/news/bg_img.jpg") no-repeat;}
div#NewsTop div#NDetail { float: right; width: 470px; padding: 17px 12px 0 0;}
div#NDetail div#NContent { width: 470px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #CCC; line-height: 16px;}
div#NContent div.Date { height: 20px; font: bold 13px Tahoma;}
div#NContent div.NTopic { height: 25px; font: bold 15px Tahoma; color: #F70002;}
div#NDetail div.NImgs { float: left; width: 117px; height: 80px;}

div#AllNews { width: 952px; padding-top: 12px;}
div#AllNews div#AllTopic { display: block; height: 15px; border: 1px solid #D6D6D6; padding-top: 5px; background: url("../images/news/bg_all.gif") repeat-x;}
div#AllNews div.Nlist { width: 940px; padding: 7px 0; border-bottom: 1px dashed #CCC;}
div.Nlist div.Nlimg { float: left; width: 100px; padding-left: 3px;}
div.Nlist div.Nldetail { float: left; width: 730px;}
div.PNav { padding: 10px 0; text-align: right;}
div.PNav span { font-weight: bold; color: #F90002;}
div.PNav a:hover , div.PNav a.active { font-weight: bold; color: #F90002;}

/*Link*/
div#LinkContent { display: block; padding-top: 15px; }
div.Link { display: block; width: 950px; _height: 90px; min-height: 90px; margin: auto; background: url("../images/link/line.gif") repeat-x bottom left; font-weight: bold; }
div.Link div.CLink { display: block; width: 600px; padding-top: 15px; margin: auto;}
div.CLink div.CLinkImg { float: left; width: 210px; padding-top: 5px; text-align: center;}
div.CLink div.CLinkDetail { float: left; width: 390px;}
div.CLink div.CLinkDetail a { font-weight: bold; color: red;}


