html, body  {margin-top: 0px;padding:0px; height:100%;}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
	background-image:url(../images/main_bg.gif);
	background-attachment: fixed;
	background-color:#FFF;
}

.buttonfont {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
	
a {
color: #000; 
}

a:link {
color: #696969;
}

a:visited {
color: #555;
}

a:hover {
background-color: #FFF;
}

a.prodcat {
    text-decoration: none;
    font-size: 12px;
    font-family: Arial; 
    PADDING-LEFT: 15px; 
    FONT-WEIGHT: bold; 
    COLOR: #275f9d; 
	BACKGROUND-REPEAT: repeat-x; 
    BACKGROUND-COLOR: #c7d6e9;
}

td.title {
    width:200;
    text-decoration: none;
    font-size: 12px;
    font-family: Arial;
    BORDER-TOP: #ffffff 1px solid; 
    PADDING-LEFT: 15px; 
    FONT-WEIGHT: bold; 
    COLOR: #275f9d; 
	BACKGROUND-REPEAT: repeat-x; 
    BACKGROUND-COLOR: #c7d6e9;
    text-decoration:none;
}

table {
    border-spacing: 0 0;
}

.menunavtit {
	PADDING-LEFT: 15px; 
	FONT-WEIGHT: bold; 
	BACKGROUND-IMAGE: url(../images/menu-line.gif); 
	COLOR: #ffffff; 
	LINE-HEIGHT: 24px; 
	PADDING-TOP: 1px; 
	BACKGROUND-REPEAT: repeat-x; 
	BACKGROUND-COLOR: #366faa
}

a.title {
    text-decoration: none;
    font-size: 12px;
    font-family: Arial;
    BORDER-TOP: #ffffff 1px solid; 
    PADDING-LEFT: 15px; 
    FONT-WEIGHT: bold; 
    COLOR: #275f9d; 
    BACKGROUND-COLOR: #c7d6e9 
}

a.leftnav {
    text-decoration: none;
}

li.leftnav {
    list-style-image: url(../images/menu_arr.gif);
    PADDING-LEFT: 4px;
}

.leftnav {
    list-style-image: url(../images/menu_arr.gif);
    PADDING-LEFT: 8px;
}

.alt{display:none;}

.top {
	background-image:url(../images/head.jpg);
}

.logo{
   width: 180px;
	height:150px;
	z-index:-1;	
}
table.fulltable {
  width: 1000;
  cellspacing:0;
  cellpadding:0;
  }
#container {
    margin: 0px auto;
    padding:0px 0px;
    width: 1000px;
	height: 850px;
	background-color:#FFFFFF;
}

#foot {
   width: 1000px;
   height:20px;
   text-indent:30px;
    margin: 0px auto;
    padding:10px 0px;
    background:url(../images/left_bbg.gif) repeat-y top left ;
	background-color:#FFFFFF; 
}  
.leftmenu{
    width: 250;
    align: left;
}

.leftbg{
    BACKGROUND-POSITION: left top; 
    BACKGROUND-ATTACHMENT: scroll; 
    BACKGROUND-IMAGE: url(../images/left_bbg.gif);
    BACKGROUND-REPEAT: repeat-y
}

table.body {
   width: 1000;
   background-color: #ffffff;
   align: center;
   border:0;
   vertical-align:top;
}

.rightbody{
    width:750px;
    BACKGROUND-POSITION: right top; 
}

.rightbg{
    BACKGROUND-POSITION: right top; 
    BACKGROUND-ATTACHMENT: scroll; 
    BACKGROUND-IMAGE: url(../images/right_bbg.gif);
    BACKGROUND-REPEAT: repeat-y
}

/*---------------------- Menu------ */
 #menu {
MARGIN: 1px 20px 0px 20px;
PADDING:5px;
BACKGROUND: #fff;
COLOR: #666;
BORDER:#eee 2px solid;
WIDTH:160px;
} กกกก

#menu ul {
MARGIN: 0px;
PADDING: 0px;
BORDER: medium none;
LINE-HEIGHT: normal; 
LIST-STYLE-TYPE: none;

}
#menu li {BORDER-BOTTOM: #eee 1px solid; MARGIN: 0px;} 

#menu li a {
PADDING:5px 0px 1px 15px;
DISPLAY: block; 
FONT-WEIGHT: bold; 
BACKGROUND: url(../images/list_arrow.gif) transparent no-repeat 2px 8px; 
WIDTH: 100%; 
COLOR: #444; 
TEXT-DECORATION: none;
}
#menu li a:hover { BACKGROUND: url(../images/menu02.gif) #66CCCC no-repeat 2px 8px;
COLOR: #fff; } 

font.highlight {
    font-family: Arial;
    color: #0000FF;
    font-size:"20"; 
    font-weight:bold; 
    align:right;
}

#menub {
  font-size:12px;
  margin:0; 
  padding:0; 
  width:200px;
  overflow:hidden; 
  background:#fff;
  list-style:none;
  border-left:1px solid #cccccc; 
  border-right:1px solid #cccccc;
}
#menub li a {
  display:block; 
  text-decoration:none; 
  color:#666; 
  margin:0; 
  width:100%;
  }
#menub li a span {
  display:none; 
  color:#666;
  line-height:22px;
  height:126px
  display:block;
  margin-top:12px;
  }
#menub li a:hover {
  background:#f1f1f1;
  }
#menub li a:hover span {
  display:block; 
  margin:0 10px; 
  cursor:pointer;
}
#menub .h2 {
  margin:0 5px; 
  padding:0; 
  color:#666; 
  font-variant:small-caps; 
  border:0;
  }
#menub .h3 {
  margin:0 5px; 
  padding:0; 
  color:#06c;
  }
.curved .h3 {
  margin:0 5px; 
  padding:0; 
  color:#06c;
  }
.curved {
  width:200px; 
  margin:0 0 auto 20px;
  }
.curved .b1, .curved .b2, .curved .b3, .curved .b4  {
  font-size:1px; 
  display:block; 
  background:#88c;
  overflow: hidden;
  }
.curved .b1, .curved .b2, .curved .b3 {
  height:1px;
}
.curved .b2, .curved .b3, .curved .b4 {
  background:#f0f0f0; 
  border-left:1px solid #cccccc; 
  border-right:1px solid #cccccc;
  }
.curved .b1 {
  margin:0 4px; 
  background:#cccccc;
  }
.curved .b2 {
  margin:0 2px; 
  border-width:0 2px;
  }
.curved .b3 {
  margin:0 1px;
  }
.curved .b4 { 
  height:2px;
  margin:0px;
  }
  
.list {
    list-style:none;
	margin:0px;
	padding:0px;
}

#highlight li {
PADDING:2px 0px 5px 15px;
DISPLAY: block;  
BACKGROUND: url(../images/list_arrow.gif) transparent no-repeat 2px 5px; 
WIDTH: 100%; 
COLOR: #444; 
TEXT-DECORATION: none; 
list-style:none;
}
.list li {
      margin: 0px 0;
      display:block;
      margin-bottom:0px;
      height:24px;
      height:25px;
}

.list li a: hover {
background-color: #66CCFF;
}

.list li img {
float:left;
margin-top:3px;
margin-left:3px;
}

.list li h2{
font-size:11px;
text-indent:10px;
line-height:25px;
font-weight:normal;

}

ul{
    list-style-position: outside;
	list-style-type: none;
}

ul li {
     margin: 4px 0;
}

p.indent {
    PADDING:0px 0px 0px 15px;
}