/* ******************************************************************** */ 
/*                  Generated by: http://csscreator.com                 */
/* ******************************************************************** */
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font-size:14px;
 color: #333;
 font-family:Tahoma, Geneva, sans-serif;
 text-decoration: none;
 background-color:#FFF;
} 
 
#pagewidth{ 
 width:960px; 
 text-align:left; 
 margin:0 auto; 
} 

#pagewidth_2{ 
 width:100%; 
 text-align:left; 
 margin:0 auto;
 background:url(../images/bg_main.png) repeat-x top center;
} 

#pagewidth_foot{ 
 width:100%; 
 text-align:left; 
 margin:0 auto;
 background:url(../images/bg_foot.png) repeat-x top center;
} 
 
#header{
 position:relative; 
 height:141px;  
 width:960px;
 display:block;
 overflow:hidden;
} 

#twocols{
 width:960px; 
 float:right; 
 position:relative; 
  }
  
#rightcol{
 width:780px;
 float:right; 
 position:relative; 
  }
 
#maincol{
 float:left;
 /*min-height:1200px;*/
 position: relative; 
 width:180px; 
 }
 
#footer{
 height:115px; 
 clear:both;
 display:block;
 overflow:hidden;
} 
 
.linkwhite a {
color: #FFF;
font-weight: normal;
font-style: normal;
text-decoration: none;  
}

.linkwhite a:visited {
color: #FFF;
font-weight: normal;
font-style: normal;
text-decoration: none;  
}

.linkwhite a:hover {
color: #666;
font-weight: normal;
font-style: normal;
text-decoration: none;  
}
 
 
/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 
/* ******************************************************************** */ 
/*                      printer styles                                  */ 
/* ******************************************************************** */ 
     
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

.lang {
    text-decoration: none; 
    color: #444444;    
}
.lang .active {
    text-decoration: none;
    color: #2294B8;    
}

.menu-left{
    margin-left: -40px;
}
.menu-left li {
    background-image: url('../images/side_menu_1.png');
    width: 158px;
    height: 35px;
    vertical-align: middle;
    list-style-type: none;
    text-align: center;
    color: #404040;
    font-weight: 700;
    text-decoration: none; 
}
.menu-left li:hover {
    background-image: url('../images/side_menu_2.png');    
}
.menu-left li a {
    color: #404040;   
    text-decoration: none;
    vertical-align: middle;
    font-size: 12px;
    text-transform : uppercase;
    display: block;
    padding-top: 10px;
}
.menu-left li a.th {
    font-size: 12px;
}
.menu-left li a.en {
    font-size: 11px;
}
.menu-left li.active {
    background-image: url('../images/side_menu_2.png');    
}
.menu-left li.active {
    background-image: url('../images/side_menu_2.png');    
}
#header-product {
    width: 756px;
    height: 38px;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    font-size: 22px;
    font-weight: 500;
    text-indent: 20px;
    color: #444444;
}
#product-list {
    width: 756px;
    text-align: center;
}
#product {
    width: 250px;
    color: #06c;
    float: left;
}
#productDetail {
    width: 756px;
    color: #06c;
    float: left;
    overflow: hidden;
}
#gallery-list {
    width: 756px;
    color: #06c;
    /*float: left;*/
    overflow: hidden;
    align: center;
    margin-left: auto;
    margin-right: auto;    
}
#pictureDetail {
    width: 20%;
    float: left;
    text-align: center;
    position: relative;
}
#textDetail {
    width: 756px;
}
.main-menu-th {
    font-family: "./fonts/sukhumvit_setthin";
    font-size: 18px;
    font-weight: 500px;
    text-decoration: none;
    color: #444444;
}
.main-menu-th:hover {
    color: #2193B8;
}
.main-menu-en {
    font-size: 18px;
    font-weight: 500px;
    text-decoration: none;
    color: #444444;
}
.main-menu-en:hover {
    color: #2193B8;
}
.active {
    color: #2193B8;
}