.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 */

img {border:0;}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.thrColHybHdr #container { 
	width: 100%;
	background: #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}  

.thrColHybHdr #header { 
	background: #000000 url("/images/header_bkk.jpg") scroll top center repeat-x; 
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0;
	height: 125px;
	width: 100%;
	text-align: center;
} 
#header a, #header img {
	border: none;
}
.thrColHybHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#hInside {
	text-align: center;
	margin: 0;
	padding: 0;
	width: 100%;
}
#header_box {
	margin: 0 auto;
	width: 868px;
	text-align: center;
}
#logo {
	text-align: center;
	padding: 0px 0px 2px 0px; 
}
@media all and (min-width: 0px){/*Opera*/
	#logo {
		text-align: center;
		padding: 0px 0px 3px 0px;
	}
}
*+html #logo {/*IE7*/
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 3px 0px;
}
*html #logo {/*IE6*/
	padding: 0px 0px 1px 0px;
	margin: 0px 0px 0px 0px;
}

#menu {
	margin: 0 auto;
	text-align: center;
	height: 27px;
	padding: 0;
}
#menu ul {
	margin: 0;
	padding: 0;
	height: 27px;
	line-height: 27px;
}
#menu ul li {
	margin: 0px -6px 0px 0px;
	padding: 5px 0px 5px 0px;
	height: 27px;
	line-height: 27px;
	display: inline;
	background: transparent url("/images/menu_c.jpg") scroll left center repeat-x;
}
#menu ul li .m1{
	margin: 0;
	padding: 0px 0px 0px 0px;
	height: 27px;
	line-height: 27px;
	display: inline;
}
#menu ul li .m1 .m2{
	display: inline;
	margin: 0;
	height: 27px;
	line-height: 27px;
	padding: 5px 18px 5px 5px;
	background: transparent url("/images/menu_div.jpg") scroll right center no-repeat;
}
#menu ul li  .m1 .m2 .m3, #menu ul li .m1 .menu_right .m3, #menu ul li .m1 .menu_left .m3{
	display: inline;
	margin: 0;
	padding: 0;
	height: 27px;
	line-height: 27px;
	padding: 5px 0px 5px 0px;
}
#menu ul li .menu_left{
	display: inline;
	margin: 0;
	height: 27px;
	line-height: 27px;
	padding: 5px 0px 5px 18px;
	background: transparent url("/images/menu_l.jpg") scroll left center no-repeat;
}
#menu ul li .m1 .menu_right{
	display: inline;
	margin: 0;
	height: 27px;
	line-height: 27px;
	padding: 5px 25px 5px 5px;
	background: transparent url("/images/menu_r.jpg") scroll right center no-repeat;
}
.m3 a {
	text-transform: capitalize;
	font-variant: small-caps;
	text-decoration: none;
	font-weight: bold;
	color: #322C1E;
}
.m3 a:hover{
	text-decoration: underline;
}
*+html #menu ul li, *+html #menu ul li div, *+html #menu ul li div div , *+html #menu ul li div div div  {/*IE7*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
*+html #menu ul li .menu_left {/*IE7*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 18px;
}
*+html #menu ul li .menu_right {/*IE7*/
	margin: 0px 0px 0px 0px;
	padding: 0px 25px 0px 5px;
}
*+html #menu {/*IE7*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
	}

.thrColHybHdr #mainContent {
 	margin: 0 6em 0 6em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */ 
	padding: 0 2em 0 2em; /* padding here creates white space "inside the box." */
} 
*+html .thrColHybHdr #mainContent {/*IE7*/
	margin: 0px 6em 0 6em; 
}
*html .thrColHybHdr #mainContent {/*IE6*/
	margin: 0px 6em 0px 6em; 
	padding: 1px 2em 1px 2em;
}

.cBoxTop {
	background:transparent url("/images/content_t_c.jpg") scroll top left repeat-x;
	height: 17px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
*html .cBoxTop {/*IE6*/
	margin: 0px 0px -1px 0px;
}
.cBoxTopLeft {
	background:transparent url("/images/content_t_l.jpg") scroll top left no-repeat;
	height: 17px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.cBoxTopRight {
	background:transparent url("/images/content_t_r.jpg") scroll top right no-repeat;
	height: 17px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.cBoxBot {
	background:transparent url("/images/content_b_c.jpg") scroll top left repeat-x;
	height: 17px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}
*html .cBoxBot {/*IE6*/
	margin: 0px 0px -2px 0px;
}
.cBoxBotLeft {
	background:transparent url("/images/content_b_l.jpg") scroll top left no-repeat;
	height: 17px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.cBoxBotRight {
	background:transparent url("/images/content_b_r.jpg") scroll top right no-repeat;
	height: 17px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.cBoxMid {
	padding: 0px 8px 0px 8px;
	overflow: hidden;
	margin: 0px 0px -12px 0px;
}
*html .cBoxMid {/*IE6*/
	margin: 0px 0px 0px 0px;
	border: none;
	padding: 0px 8px 5px 8px;
	display: block;
}
*+html .cBoxMid {/*IE7*/
	margin: 0px 0px 0px 0px;
}
.cBoxMidLeft {
	background:transparent url("/images/content_l.jpg") scroll top left repeat-y;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.cBoxMidRight {
	background:transparent url("/images/content_r.jpg") scroll top right repeat-y;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.thrColHybHdr #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD url("/images/footer_bk.jpg") scroll top left repeat-x;
	height: 82px;
	padding: 0px 10px 0px 200px;
	margin: 0px 2px 0px 0px;
	color:#fff;
	font-size:12px;
	font-family:verdana;

} 
.thrColHybHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.pageBK {
	background: #fff;
}
#nav {
	float:left;
	width: 198px;
	background: #FFFFFF;
}
*html #nav {/*IE6*/
	width: 198px;
	height: 100%;
	position: relative;
	overflow: hidden; 
}
#nav ul {
	width: 178px;
	margin: 0;
	padding: 0;
	list-style: none;
}
*html #nav ul {/*IE6*/
	width: 175px;
	background: none;
}
#nav ul li{
	margin: 0;
	padding: 0px 0px 0px 0px;
	text-align: left;
	list-style: none;
	/*background:transparent url("/images/nav_bk.jpg") scroll top left repeat-x;*/
	line-height: 21px;
	font-size:14px;
	font-weight:bold;

}
.lastNav {
/*	height: 127px;*/
}
#nav ul li a {
	/*text-transform: capitalize;*/
	/*font-variant: small-caps;*/
	text-decoration: none;
	color: #171308;
}
#nav ul li a:hover{
	text-decoration: underline;
}

#nav ul li ul {
	margin:0 0 0 20px;
}
#nav ul li ul li{
	width:135px;
	font-weight:normal;
}
#nav .img1 {
	margin: -60px 0px 10px 0px;
	text-align: right;
}
#nav .img2 {
	text-align: right;
}
.navRight {
	float: right;
	width: 20px;
	height: 420px;
	background:transparent url("/images/nav_div.jpg") scroll top left no-repeat;
}

#nav ul li .title {
	float:left;
	width:155px;
	line-height:21px;
	height:21px;
}

#nav ul li .plus {
	float:left;
	line-height:21px;
	height:21px;
	width:20px;
	text-align:center;
	font-weight:bold;
}
#nav ul>ul, #nav ul>ul>li {
	background:#fff;

}
#nav ul ul li {
	line-height:20px;
	font-size:12px;
}

#content {
	/*font-variant: small-caps;*/
	font-size: 12px;
	text-align: left;
	background: #FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: verdana;
}
#content div, #content p, #content td{
	font-size: 12px;
	font-family: verdana;
}
#content .contBox {
	padding: 0px 10px 0px 200px;
	margin: 0px 2px 0px 0px;
	background: transparent url("/images/content_bk.jpg") scroll top left repeat-x;
}
*html #content {/*IE6*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 198px;
	font-size: 11px;
}
*html #content .contBox {/*IE6*/
	padding: 0px 10px 0px 20px;
	margin: 0px 2px 0px 0px;
	font-size: 11px;
	background: transparent url("/images/content_bk.jpg") scroll top left repeat-x;
}
#content h3 {
	padding: 0px 10px 0px 0px;
	margin: 0;
	font-size: 18px;
}
*html #content h3 {/*IE6*/
	margin: 0px 0px 0px 0px;
	font-size: 16px;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearleft {
	clear:left;
}
.clearright {
	clear:right;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.list{
	margin: 5px 0px 5px 5px;
}

.list, .list li {
	list-style-type:none;
}

.partners {
	text-align:center;
}


.pages {
	line-height:16px;
	clear:both;
	margin:10px auto;
	width:600px;
}

.pages img {
	vertical-align: middle;
	margin-right:5px;
}

.pages b {
	font-size:13px;
	color: #000;
	font-family: verdana, tahoma, arial;
	font-weight:bold;
	text-decoration: none;
	margin-left:2px;
	border: 1px solid #000;
	padding:2px 5px;
	background:#ddd;
}
.pages a, .pages a:link, .pages a:visited, .pages a:active {
	font-size:13px;
	color: #333;
	font-family: verdana, tahoma, arial;
	font-weight:bold;
	text-decoration: none;
	margin-left:2px;
	padding:2px 5px;
	border: 1px solid #ccc;
	background:#ddd;
}
.pages a:hover {
	text-decoration:none;
	border: 1px solid #ddd;
	background:#111;
	color:#fff;
}
.pages .pages_title {
	font-weight:bold;
	width:100px;
	display:inline-block;
	font-family:tahoma;
	padding:2px 5px;
	border: 1px solid #ccc;
	background:#ddd;
}


.pages .pages_list {
	/* nothing here */
}


.prodlist {

}
.prodlist ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.prodlist ul li {
	margin:0;
	padding:0;
	padding-top:18px;
	min-height:105px;
	margin-left:37px;
	clear:right;
}

.prodlist ul li .img {
	border: 2px solid #333;
	/*
	width:136px;
	height:100px;
  */
	overflow:hidden;
	background:#efefef;
	float:left;
	display:inline;
	margin-right:20px;
}
html>body .prodlist ul li .img {
	display:block;
}

.prodlist ul li .title {
	text-align:left;
	font-family: tahoma;
	font-weight: bold;
	font-size: 14px;
	color:#000;
	line-height:20px;
	letter-spacing: nowrap;
	overflow:hidden;
}
.prodlist ul li .title, .prodlist ul li .title a {
	font-size:14px;
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
}
.prodlist ul li .descr {
	text-align:left;
	font-family: tahoma;
	font-weight: normal;
	font-size: 12px;
	color:#000;
}




.prodphoto {
	margin:0;
	padding:0;
	/*width:371px;*/
	/*height:371px;*/
	display:inline;
	margin-right:10px;
	float:right;
}
html>body .prodphoto { 
	display:block;
}
.prodphoto .img {
	margin:10px;
	border: 2px solid #333;
	/*
	width:371px;
	height:246px;
  */
	background:#111111;
	overflow:hidden;
}

.prodinfo {
	/*width:590px;*/
}

.prodinfo .title {
	color: #333;
	font-weight:bold;
	font-size:24px;
	font-family:arial, verdana, tahoma;
}

.prodinfo .content {
	margin:10px 0px;
}


.pages2 {
	line-height:16px;
}

.pages2 img {
	vertical-align: middle;
	margin-right:5px;
}

.pages2 b {
	font-size:13px;
	color: #333;
	font-family:arial, verdana, tahoma;
	font-weight:bold;
	text-decoration: none;
	margin-left:2px;
	border: 1px solid #333;
	padding:2px 5px;
	background:#333;
}
.pages2 a, .pages2 a:link, .pages2 a:visited, .pages2 a:active {
	font-size:13px;
	color: orange;
	font-family:arial, verdana, tahoma;
	font-weight:bold;
	text-decoration: none;
	margin-left:2px;
	padding:2px 5px;
	border: 1px solid #000;
	background:#333;

}
.pages2 a:hover {
	text-decoration:none;
	border: 1px solid #333;
	background:#111;
	color:#fff;
}