a { color:#0080C0; text-decoration:none; } /* ลิงค์ในเว็บทั้งหมด */
a:hover { color:#17B4FF; text-decoration:none; }
 
a.side { color:#0080C0; text-decoration:none; }  /* ลิงค์ในกล่องพาแนล */
a:hover.side { color:#17B4FF; text-decoration:underline; }

a.menu { color:#0080C0; text-decoration:none; } /* ลิงค์เมนูด้านบน */
a:hover.menu { color:#17B4FF; text-decoration:underline; }

.main-menu {
    display: block;
    clear: left;
    width:600px;
}
.main-item {
    text-decoration: none;
    width: 100px;
    height: 75px;
    padding: 5px;
    color: #000;
    float: left;
    font-size: x-small;
    display: block;
    border: 1px solid #fff;
    text-align: center;
}

.main-item:hover {
    background-color: #f7f7f7;
    color: #888a85;
    border: 1px solid #d3d7cf;
    -moz-border-radius: 4px;
    cursor: pointer;
}

.img-item {
    text-decoration: none;
    width: 120px;
    height: 100px;
    padding: 5px;
    color: #000;
    float: left;
    font-size: x-small;
    display: block;
    border: 1px solid #fff;
    text-align: center;
}

.img-item:hover {
    background-color: #f7f7f7;
    color: #888a85;
    border: 1px solid #d3d7cf;
    -moz-border-radius: 4px;
    cursor: pointer;
}



.main-item-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    max-height: 48px;
    display: block;
    margin: 0 auto;
    margin-bottom: 1px;
}

.notify-box {
    padding: 1px;
    background: #fff;
    border: 1px solid #d3d7cf;
    width:350px;
    height: 250px;
}

.notify-box h1 {
    padding: 4px;
    color: #fff !important;
    background-color: #3465a4;
    font-size: small;
    font-weight: bold;
    margin: 0px;
}

.notify-box .notify-items {
    font-size: small;
}

.notify-box .item img {
    width: 48px;
    height: 48px;
    vertical-align: middle;
    margin: 2px;
    margin-right: 4px;
}



body {
	font-family:Tohama;
	font-size:13px;
margin: 0px 0px 0px 0px;
}
 
td {
	font-family:Tohama;
	font-size:13px;
}

.side-border-left { /* พาแนลซ้าย */
	background-color:#fff;
	padding: 5px; 
}

.main-bg {  /* พาแนลกลาง */
	background-color:#fff;
	padding:5px; 
}

.side-border-right {  /* พาแนลขวา */
	background-color:#fff;
	padding:5px; 
}

 
hr { height:1px; color:#F0F0F0; } /* เส้นทั้งหมด */
hr.side-hr { height:1px; color:#F0F0F0; } /* เส้นในพาแนล */
pre { font-family:Tohama; font-size:13px; }

.button:hover{
    background: #fafafa url(images/button-hover.png) repeat-x top left;
    color: #333;
}

.button:active {
    background: #e4e6e1 url(images/button-hover.png) repeat-x top left;
    color: #555;
}

.button{
    background: #fcfcfc url(images/button.png) repeat-x top left;
    color: #000000;
    border: 1px solid #babdb6;
    border-top: 1px solid #d3d7cf;
    border-left: 1px solid #d3d7cf;
    /*font-weight: bold;       */
    margin-left: 2px;
    margin-right: 2px;
    font-family: Tahoma;
    cursor: pointer;
    font-size: 13px;
    min-height: 20px;

}

select {
    cursor: pointer;
}


/* หัวข้อขนาดใหญ่เพิ่มเติม  */
 .h1   { font: bold 13px  Tohama, "Ms Sans Serif"; color: #000000;   }
 .h2   { font: 18px Tohama, "Ms Sans Serif", tahoma ; color:#3399FF ;FONT-WEIGHT: bold;   }
 /* หัวข้อเพิ่มเติมแนะนำสินค้า  */
 .producttitle  { font: bold 13px  Tohama, "Ms Sans Serif"; color: #000000; FONT-WEIGHT: bold;  }
 .producprice  { font: bold 13px  Tohama, "Ms Sans Serif"; color: #696969; FONT-WEIGHT: bold;  }
 

.tbl-border { background-color:#E0E0E0; } /* ใช้ตางรางหลักหลายส่วน*/
.tbl-head{ font: bold 13px; background: #fafafa url(images/button-hover.png) repeat-x top left; }
.tbl { font-size:13px; padding:4px; } /* ใช้ตางรางหลักหลายส่วน*/
.tbl1 { font-size:13px; color:#000000; background-color:#FBFBFB; padding:4px }  /* ใช้ตางรางแบ่งสีสลับกับ tbl2  */
.tbl2 { font-size:13px;	color:#000000; background-color:#F5F5F5; padding:4px }  /* ใช้ตางรางแบ่งสีสลับกับ tbl1  */
	

.quote {  /* ตารางคำพูดในเว็บบอร์ด */
	color:#000;background-color::#F7F7F7;
	padding:2px;
	border:1px solid #F0F0F0;
}


form { margin:0px 0px 0px 0px; } 



.buttonmenu {  /*  ปุ่มส่งแบบฟอร์ม  */
	width :250px;
	height:50px;
	font-weight:bold;
	font-size:18px;
}

	
.textbox { /*  ช่องกรอกข้อความแบบฟอร์ม  */
	padding:1px; font-size:13px;
	color:#000000;background-color:#FEFEFE;
	border:1px solid #BFBFBF;
}

.inputerror { /*  ช่องกรอกข้อความแบบฟอร์ม  */
	color:#000000;background-color:#FFF9F9;
	border:1px solid #FFAEAE;
}
 
.comment-name { font-weight:bold; color:#000; }  /* รูปแบบชื่อแสดงความคิดเห็น */

/* รูปแบบข้อความสั้น */
.shoutboxname { font-weight:bold; color:#000; }
.shoutbox { color:#000; }
.shoutboxdate { font-size:10px; color:#000; }

/* รูปแบบขนาดเรียกใช้ต้องการฟอนค์ขนาดเล็ก */
.small { font-size:13px; font-weight:normal; }
.small2 { font-size:10px; font-weight:normal; color:#000; }
.side-small { font-size:13px; font-weight:normal; color:#000; }

.side-label {padding:2px; }

/* ส่วนอัลบั้มภาพ */
.gallery { padding: 16px 0px 8px 0px; }
.gallery img { border: 1px solid #FEFEFE;  } /* ปกติ */
:hover.gallery img { border: 1px solid #000000; filter: none; } /* วางเมาส์เหนือภาพ */
img.activegallery { border: 2 px solid #000000; filter: none; } 


  /* -------------------------------เรียกใช้เฉพาะธีม---------------------------*/
 
.main-title {  /* หัวข้อ opentable */
	font-family:Tohama;
	font-size:13px;
    font-weight:bold;
	color:#555555;
	padding:4px;

}

.main-body {  /* ใน opentable */
	font-size:13px;
	color:#000;background-color:#fff;
	padding:3px 4px 3px 4px;
}

.side-title {  /* หัวข้อ openside */
	font-family:Tohama,Tahoma;
	font-size:13px;
	color:#000000;
  background-color : #F0F0F0; 
    font-weight:bold;
	padding:2px 2px 2px 2px;
	text-align       : center;
}

.side-body { /* ใน openside */
	font-family:Tohama,Tahoma;
	font-size:13px;
	color:#000000;background-color:#fff;
	padding:2px 4px 4px 4px;

}

.news-footer {   /* ข้อความด้านล่างข่าวสาร  */
	font-size:10px;
	padding:2px 4px 4px 4px;
}

.textex {
	font-family:Tohama,Tahoma;
  font-size: 13px;
  color: #000000;
}


  /* -------------------------------เรียกใช้เฉพาะธีม---------------------------*/


.title A:link {
	color: #FFFFFF;
	font-size: 12px;
}

 .title A:visited {
	color: #33CCFF;
	font-size: 12px
}

 .title A:hover {
	color: #FF6600;
	text-decoration: none;
	font-size: 12px
}

.overview {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF
}

 .overview A:link {
	text-decoration: none;
	color: #0066CC;
	font-family: Arial;
	font-size: 12px

}

.overview A:visited {
	text-decoration: none;
	color: #0066CC;
	font-family: Arial;
	font-size: 12px
}

 .overview A:hover{
 
	color: #FF6600;
	text-decoration: none
}

 .last_month {
	color: #C0C0C0;
	font-size: 12px

}

  .next_month {
	color: #999999;
}

.overview #today {
	color: #FF0000;
		font-weight: bold;
		font-size: x-small;
	background-color: #FFCC99;font-family:Tohama, Arial, Helvetica, sans-serif;
 
}

.overview #selected {
	color: #FFFFFF;
	background-color: #FF6600
}

.dayname {
	background-color: #EEEEEE;
	font-weight: bold;
	font-size: x-small;
	font-family: Ms Sans Serif, Arial, Helvetica, sans-serif;
	width: 10%;
	text-align: center
}

/* เมนูหลัก */
ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

/* =-=-=-=-=-=-=-[Menu Five]-=-=-=-=-=-=-=- */

#menu5 {
        border-left:1px solid #D0D0D0; border-right:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0; width: 148px;
        margin: 0px
        }

#menu5 li a {
          height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#menu5 li a:link, #menu5 li a:visited {
        background-position: right 0%; color: #777777;
        display: block;
        text-align: right; padding-left:10px; padding-right:25px; padding-top:8px; padding-bottom:0; background-image:url('menu5.gif'); background-repeat:repeat; background-attachment:scroll
        }

#menu5 li a:hover, #menu5 li #current {
        color: #fff;
        background: url(menu5.gif) 0 -32px;
        padding: 8px 25px 0 10px;
        text-align: right;
        }

#menu5 li a:active {
        color: #fff;
        background: url(menu5.gif) 0 -64px;
        padding: 8px 25px 0 10px;
        text-align: right;
        }


		/*Form*/

		.tab-page {
	clear:			both;
	border:			1px solid rgb( 200, 200, 200);
	background:		rgb( 255, 255, 255 );
	z-index:		2;
	position:		relative;
	top:			-2px;

	font:				13px Tahoma;
	color:				Black;

	filter:			progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#FFFFFF, EndColorStr=#F2F2F2, GradientType=0)
					progid:DXImageTransform.Microsoft.Shadow(Color=#EFEFEF, Strength=5, Direction=135);
	
	/*244, 243, 238*/
	/* 145, 155, 156*/
	
	padding:		5px;
}


/*********************** Navigation ***********************/
/*********************** Navigations 1.Ebene nicht aktiv ***********************/
a:link.box_navi_first, a:visited.box_navi_first {
	background-color: #E4E4E4;
	display:block;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	font-size:13px;
	border-bottom: 1px solid #ffffff;
	padding-left:0px;
	padding-top:5px;
	padding-bottom:5px;
}

a:hover.box_navi_first {
	background-color: #FAFAFA;
	display:block;
	color:#B35218;
	font-weight:normal;
	text-decoration:none;
	font-size:13px;
	border-bottom: 1px solid #ffffff;
	padding-left:0px;
	padding-top:5px;
	padding-bottom:5px;
}
/*********************** Navigation 1. Ebene aktiv ***********************/
a:link.box_navi_first_active, a:visited.box_navi_first_active {
	background-color: #0C81C4;
	display:block;
	color:#ffffff;
	text-decoration:none;
	font-size:13px;
	padding-left:0px;
	padding-top:5px;
	padding-bottom:5px;
}
a:hover.box_navi_first_active {
	background-color: #0C81C4;
	display:block;
	color:#eeeeee;
	text-decoration:none;
	font-size:13px;
	padding-left:0px;
	padding-top:5px;
	padding-bottom:5px;
}

/*********************** Navigation 2.Ebene nicht aktiv ***********************/
a:link.navigation_second, a:visited.navigation_second {
	background-color: #E1F4FF;
	display:block;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	font-size:13px;
	border-bottom: 1px solid #E1F4FF;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
}

a:hover.navigation_second{
	background-color: #F8FCFF;
	display:block;
	color:#B35218;
	font-weight:normal;
	text-decoration:none;
	font-size:13px;
	border-bottom: 1px solid #ffffff;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
}
						 
/*********************** Navigation 2.Ebene aktiv ***********************/
a:link.navigation_second_active, a:visited.navigation_second_active {
	background-color: #e9e9e9;
	display:block;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
	border-bottom: 1px solid #ffffff;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
}

a:hover.navigation_second_active{
	background-color: #e9e9e9;
	display:block;
	color:#B35218;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
	border-bottom: 1px solid #ffffff;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
}				 


/*********************** Navigation 3.Ebene nicht aktiv ***********************/
a:link.navigation_third, a:visited.navigation_third {
	background-color: #e9e9e9;
	display:block;
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	font-size:13px;
	border-bottom: 1px solid #ffffff;
	padding-left:25px;
	padding-top:3px;
	padding-bottom:3px;
}

a:hover.navigation_third{
	background-color: #e9e9e9;
	display:block;
	color:#B35218;
	font-weight:normal;
	text-decoration:none;
	font-size:13px;
	border-bottom: 1px solid #ffffff;
	padding-left:25px;
	padding-top:3px;
	padding-bottom:3px;
}

/*********************** Navigation 3.Ebene aktiv ***********************/
a:link.navigation_third_active, a:visited.navigation_third_active {
	background-color: #e9e9e9;
	display:block;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
	border-bottom: 1px solid #ffffff;
	padding-left:25px;
	padding-top:3px;
	padding-bottom:3px;
}

a:hover.navigation_third_active{
	background-color: #e9e9e9;
	display:block;
	color:#B35218;
	font-weight:bold;
	text-decoration:none;
	border-bottom: 1px solid #ffffff;
	padding-left:25px;
	padding-top:3px;
	padding-bottom:3px;
}				
.linecolor {
	background-color: #389A08;
}

/*********************** Seiten-Navigation 1,2,3 usw. ***********************/
a:link.page_navigation, a:visited.page_navigation{
	font-size:13px;
	font-weight:normal;
	border: 1px solid #d6d6d6;
	background-color:#fff;
	text-decoration: none;
	padding-bottom:2px;
	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
}

a:hover.page_navigation, .page_navigation, .pnav {
	font-size:13px;
	font-weight:normal;
	border: 1px solid #d6d6d6;
	background-color:#f0f0f0;
	text-decoration: none;
	padding-bottom:2px;
	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
}