@charset "utf-8";
<!--
body{
margin:0;
background:url(../images/bg.gif) repeat left top;
font:12px "arial", "tahoma", "verdana";
color:#444;
}
*{
margin:0;
padding:0;
}
input,select,textarea{
font:12px "arial", "tahoma", "verdana";
color:#444;
vertical-align:middle;
}
form{ display:inline; }
p{ line-height:16px; }
a{ outline:none; color:#417630; text-decoration:none; }
a:hover{ color:#444; }
a img{ border:none; cursor:pointer; }
ul,ol{ list-style:none; }
hr{
clear:both;
margin:10px 0;
border-bottom:1px dotted #ccc;
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #fff;
}
strong{
color:#8d5820;
}
* html hr{	/* ie6 */
margin:5px 0;
}
*:first-child+html hr{	/* ie7 */
margin:5px 0;
}
.clear{ clear:both; }
.clearl{ clear:left; }
.clearr{ clear:right; }
.floatl{ float:left; }
.floatr{ float:right; }
.alignc{ text-align:center; }
.alignl{ text-align:left; }
.alignr{ text-align:right; }
.red{ color:#f00; }
/* wrapper */
#wrapper{
overflow:hidden;
margin:auto;
width:910px;
}
/* wrapper */
/* header */
#header{
/*overflow:hidden;*/
}
#header ul{
float:right;
clear:both;
}
#header ul li{
display:inline;
margin:0 5px 0 12px;
}
* html #header ul{	/* ie6 */
margin-top:-3px;
}
* html #header ul li{	/* ie6 */
margin:0 0 0 10px;
}
*:first-child+html #header ul{	/* ie7 */
margin-top:-3px;
}
*:first-child+html #header ul li{	/* ie7 */
margin:0 0 0 10px;
}
#header #nav{
background:url(../images/nav-bg.gif) no-repeat center top;
text-align:center;
width:710px;
position:relative;
z-index:597;
}
#header #nav li{
margin:0;
}
#header #nav ul{
background-color:#39cba6;
visibility:hidden;
position:absolute;
top:25px;
left:145px;
z-index:598;
width:150px;
font-size:11px;
padding:10px;
border-radius: .625em;
-moz-border-radius: .625em;
-webkit-border-radius: .625em;
text-align:left;
}
* html #header #nav ul{	/* ie6 */
top:25px;
}
*:first-child+html #header #nav ul{	/* ie7 */
top:25px;
}
#header #nav ul li{
display:block;
border-bottom:1px dotted #fff;
}
#header #nav li:hover > ul{
visibility:visible;
}
#header #nav ul li a{
background:url(../images/bullet-leaf-white.gif) no-repeat 4px 9px;
padding:6px 5px 6px 20px;
display:block;
color:#fff;
}
#header #nav ul li a:hover{
background-image:url(../images/bullet-leaf-yellow.gif);
color:#ff9;
}
#header div{
margin:0 0 10px 30px;
padding-top:10px;
}
* html #header div{	/* ie6 */
margin:0 0 -10px 30px;
position:relative;
top:-20px;
}
*:first-child+html #header div{	/* ie7 */
margin:0 0 -10px 30px;
position:relative;
top:-20px;
}
#header div img{
margin:0 0 0 2px;
}
#header #form-login{
background:url(../images/icon-coffee-grinder.gif) no-repeat 5px 5px;
float:right;
padding:15px 0 15px 40px;
font-size:10px;
color:#333;
}
#header div#form-login p{
font-size:12px;
text-indent:0;
margin:10px 0 0 10px;
}
#header div#form-login p strong{
margin-right:10px;
}
#header div#form-login p span{
font-size:11px;
}
* html #header #form-login{	/* ie6 */
margin-top:5px;
padding:10px 0 15px 40px;
width:300px;
}
*:first-child+html #header #form-login{	/* ie7 */
margin-top:5px;
padding:10px 0 15px 40px;
width:300px;
}
#header #form-login li{
float:left;
margin:0;
}
#header #form-login label{
display:block;
}
#header #form-login input{
margin-right:3px;
width:100px;
color:#333;
}
#header #form-login li.submit input{
width:60px;
font-size:11px;
margin-top:11px;
}
/* header */
/* container */
#container{
background:#fff url(../images/container-bg.jpg) no-repeat right top;
padding:30px;
margin-left:30px;
}
html>body #container{	/* ie7 And Modern */
overflow:hidden;
}
* html #container{	/* ie6 */
height:20px;
}
/* container */
/* content */
#content{
float:right;
width:540px;
}
/* content */
/* sidebar */
#sidebar{
float:left;
width:250px;
overflow:hidden;
}
#sidebar a img{
margin-bottom:10px;
}
/* sidebar */
/* footer */
#footer{
margin:15px 0 30px 0;
clear:both;
font-size:11px;
color:#333;
}
#footer p{
text-align:center;
}
#footer ul{
margin-bottom:20px;
text-align:center;
}
#footer li{
display:inline;
margin:0 5px;
font-size:14px;
}
#footer a{
color:#333;
font-size:11px;
}
#footer a:hover{
color:#417630;
}
#footer strong{
display:block;
color:#417630;
}
/* footer */
/* global */
h1{
color:#417630;
font-size:20px;
}
h2{
color:#8d5820;
font-size:16px;
font-weight:normal;
}
h3{
font-size:14px;
margin-bottom:10px;
}
h4{
font-size:14px;
margin-bottom:10px;
}
h5{
font-size:13px;
margin-bottom:5px;
}
p{
text-align:justify;
line-height:16px;
margin:0 0 10px 0;
text-indent:40px;
}
ol{
list-style:decimal;
line-height:16px;
margin:0 0 15px 50px;
}
li{
margin:5px 0 0 0;
}
table{
width:100%;
border-collapse:collapse;
margin-bottom:10px;
font-size:11px;
}
table th{
font-weight:bold;
padding:4px 5px;
background-color:#21755f;
border:1px solid #fff;
color:#fff;
}
table td{
vertical-align:top;
padding:4px 5px;
background-color:#d9e4cd;
border:1px solid #fff;
}
/* global */
p.list{
clear:none;
margin:0 0 10px 0;
padding:0 10px 10px 10px;
border-bottom:1px dotted #ccc;
overflow:hidden;
text-align:justify;
line-height:14px;
font-size:11px;
text-indent:0;
}
* html p.list{	/* ie6 */
padding:0 10px 20px 10px;
}
p.list img{
float:left;
margin:0 10px 0 0;
border:4px solid #eee;
}
p.list strong{
display:block;
color:#417630;
margin-bottom:3px;
}
p.list a{
background:url(../images/arrow-white.gif) no-repeat 100px 2px;
padding:0 0 0 115px;
margin-top:5px;
display:block;
color:#f77c2b;
}
p.list a:hover{
color:#444;
}
div.photo{
text-align:center;
}
.news img{
border:5px solid #eee;
margin:0 0 15px 0;
}
#content .top{
float:right;
}
div.photo img{
display:inline;
margin:0 5px 10px 5px;
}
/* error */
#content .error-404 div{
margin:40px auto;
padding:40px;
width:300px;
border:1px solid #f90;
-moz-border-radius:1em 1em 1em 1em;
text-align:center;
}
#content .error-404 div h2{
color:#f60;
}
#content .error-404 div p{
text-align:center;
}
/* error */
/* product */
.product table{
}
/* product */
/* condition */
.condition dl{
overflow:hidden;
margin-bottom:5px;
line-height:16px;
}
.condition dt{
font-weight:bold;
float:left;
width:70px;
text-align:right;
}
.condition dd{
float:right;
width:460px;
}
/* condition */
/* investment */
.investment .remark{
font-size:11px;
list-style-type:disc;
margin:0 0 10px 40px;
}
.investment .remark li{
margin:0 0 3px 0;
}
.investment td a{
color:#8d5820;
}
.investment td a:hover{
color:#444;
}
/* investment */
/* promotion thai franchise 2011 */
.promotion-thai-franchise-2011 h3{
color:#417630;
}
.promotion-thai-franchise-2011 h4{
color:#8d5820;
}
.promotion-thai-franchise-2011 strong{
color:#8d5820;
}
.promotion-thai-franchise-2011 table img{
border:none;
margin:-10px 0 0 40px !important;
}
.promotion-thai-franchise-2011 table td{
background-color:#fff;
}
.promotion-thai-franchise-2011 ul{
list-style:disc !important;
margin:10px 0 0 30px;
overflow:hidden;
}
.promotion-thai-franchise-2011 ul li{
float:left;
width:230px;
margin:0 0 7px 20px;
}
.promotion-thai-franchise-2011 .remark{
color:#f00;
text-align:right;
padding:30px 0 10px 0;
}
* html .promotion-thai-franchise-2011 ul li{	/* ie6 */
width:200px;
}
/* promotion thai franchise 2011 */
/* contact */
.branch{
font-size:11px;
margin:0 0 0 20px;
list-style:disc;
}
.branch li{
float:left;
width:255px;
margin:0 5px 5px 0;
}
.branch li span{
}
#sidebar h2{
margin-bottom:5px;
font-size:14px;
font-weight:bold;
}
#sidebar p{
text-indent:0;
}
#sidebar form fieldset{
border:none;
margin:0;
}
#sidebar form legend{
color:#673122;
}
#sidebar form em{
color:#c00;
font-size:10px;
}
#sidebar form p{
margin:0 0 5px 0;
padding:0;
text-indent:0;
}
#sidebar form p label{
display:block;
width:85px;
font-size:12px;
margin-right:5px;
font-weight:normal;
}
#sidebar form p input,#sidebar form p textarea{
width:220px;
}
#sidebar form p.btn-submit{
text-align:center;
}
#sidebar form p.btn-submit input{
width:100px;
position:relative;
left:-15px;
top:5px;
}
/* contact */
/* faq */
.faq h3{
font-weight:normal;
color:#666;
background:url(../images/icon-plus.gif) no-repeat 5px 3px;
padding:5px 0 5px 35px;
cursor:pointer;
}
.faq h3:hover{
color:#639e47;
background:url(../images/icon-plus-green.gif) no-repeat 5px 3px;
}
.faq h3.active{
color:#639e47;
background:url(../images/icon-minus.gif) no-repeat 5px 3px;
}
* html .faq h3{	/* ie6 */
margin-bottom:0;
}
*:first-child+html .faq h3{	/* ie7 */
margin-bottom:0;
}
.faq h4{
color:#555;
font-size:13px;
}
.faq .toggle-content{
display:none;
color:#555;
padding-bottom:3px;
margin-bottom:10px;
margin-left:40px;
}
.faq hr.break{
border-bottom:1px solid #eee;
margin-left:35px;
margin-top:0 !important;
}
.faq .toggle-content a{
color:#f90;
}
.faq .toggle-content a:hover{
color:#555;
text-decoration:underline;
}
.faq .toggle-content ul{
margin:0 0 10px 40px;
}
.faq .toggle-content ul li{
text-align:justify;
}
.faq .toggle-content ol{
margin:0 0 10px 60px;
}
.faq .toggle-content span{
color:#8d5820;
}
.faq .toggle-content strong{
color:#555;
}

/* faq */
-->