@charset "utf-8";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(../Images/BG.jpg);
}
/***  text Link ***/
a {
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
}
a:hover {
	font-size: 8pt;
	color: #FFCC00;
	text-decoration: none;
}
/***  text Link ***/
.textb { font-family: "Tahoma"; font-size: 9pt; color: #363636; }
.textw { font-family: "Tahoma"; font-size: 9pt; color: #363636; }
img {
	border:none;
	text-align: center;
}
.topmenu {
	font-family: "Tahoma";
	font-size: 10pt;
	text-decoration: none;
	color: #000000;
	text-align: left;
	font-weight: normal;
}
.topmenu a {
	text-decoration: none;
	color: #000000;
	font-size: 12px;
}
.topmenu a:hover {
	color: #666666;
	text-decoration: none;
}

#leftmenu {
	text-decoration: none;
	padding-top: 5px;
	text-align: left;
	line-height: 16px;
	padding-left: 15px;
	color: #333333;
	padding-bottom: 5px;
	background-image: url(../Images/img_014.jpg);
}
.leftmenu {
	color: #333333;
	font-size: 12px;
	font-family: Tahoma;
}
.leftmenu a {
	text-decoration: none;
	color: #333333;
	font-size: 12px;
	font-family: Tahoma;
}
.leftmenu a:hover {
	color: #006CB3;
	text-decoration: none;
}
/*.leftmenu a:visited { color:#ab3f00; }*/
.leftmenu a:active {
}
#submenu {
	font-family: "Tahoma";
	font-size: 9pt;
	text-decoration:none;
	/*background-image: url(Images/bg_menu_left01.jpg);*/
	background-repeat: repeat-y;
}
.submenu {
	padding-left: 28px;
	line-height: 20px;
	color: #666666;
}
.submenu a {
	text-decoration: none;
	color: #999999;
}
.submenu a:hover {
	color: #999999;
	text-decoration: underline;
}

.textfield { font-family: "Tahoma"; font-size: 8pt; height:15px; color:#000000; vertical-align:middle; }
.textarea { font-family: "Tahoma"; font-size: 8pt; color:#000000; vertical-align:middle; }
.listMenu { font-family: "Tahoma"; font-size: 8pt; padding:5 px; color:#000000; vertical-align:middle; }
.button { font-family: "Tahoma"; font-size: 8pt; padding:5 px; color:#000000; vertical-align:middle; }

.subject_header { font-family: "Tahoma"; font-weight:bold; font-size: 8pt; padding:5 px; color:#000000; vertical-align:middle; }

/* Table corner */
.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#a7a7a7; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#a7a7a7; border-right:2px solid #a7a7a7; border-left:2px solid #a7a7a7; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#a7a7a7; border-right:1px solid #a7a7a7; border-left:1px solid #a7a7a7; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#a7a7a7; border-right:1px solid #a7a7a7; border-left:1px solid #a7a7a7; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #a7a7a7;}
.headh {background: #a7a7a7; border-right:1px solid #a7a7a7; border-left:1px solid #a7a7a7;font-family: "Tahoma";font-size: 8pt;color:#FFFFFF;}
/* Table corner */

.table_square {
	font-family: "Tahoma";
	font-size: 8pt;
	color:#FFFFFF;

	border-bottom:1px solid #FFFFFF; 
	border-top:1px solid #FFFFFF; 
	border-left:1px solid #a7a7a7; 
	border-right:1px solid #a7a7a7; 
	background-color: #FFFFFF;
}
.table_square_dot {
	font-family: "Tahoma";
	font-size: 8pt;
	color: #000000;
	border-bottom: 1px dotted #A0A0A0;
	border-top: 1px dotted #A0A0A0;
	border-left: 1px dotted #A0A0A0;
	border-right: 1px dotted #A0A0A0;
}
.table_header {
	font-family: "Tahoma";
	font-size: 8pt;
	color: #ffffff;
	background-color: #000000;
}
.table_content_1 {
	font-family: "Tahoma";
	font-size: 8pt;
	color:#424242;
	background-color: #FFFFFF;
}
.table_content_2 {
	font-family: "Tahoma";
	font-size: 8pt;
	color:#424242;
	background-color: #f1f1f1;
}

/* .header {  } */
.error { font-family: "Tahoma"; font-size: 8pt; color: #FF0000; }
.content {
	font-family: "Tahoma";
	font-size: 9pt;
	color: #333333;
	line-height: 16px;
	padding-left: 0px;
	padding-right: 0px;
}
.link { font-family: "Tahoma"; font-size: 9pt; text-decoration:none; color: #363636; }

/* Footer */
.footer {
	font-family: Tahoma;
	font-size: 10pt;
	text-align: center;
	color: #666;
/*	line-height: 25px;*/
	/*line-height: 19px;
	padding-top: 45px;*/
}
.footer a {
	color: #666666;
	text-decoration: none;
	font-size: 12px;
}
.footer a:hover {
	color: #000000;
	text-decoration: none;
}

/* Footer Info */
.footer_info {
	font-family: Tahoma;
	font-size: 10pt;
	text-align: left;
	color: #666;	/*line-height: 19px;
	padding-top: 45px;*/
}
.footer_info a {
	color: #666666;
	text-decoration: none;
}
.footer_info a:hover {
	color: #999999;
	text-decoration: none;
}
/*td {
	vertical-align:top;
}*/

/* Gallery */
#Container {border: 5px solid #363636;} /* เน€เธ˜ย‚เน€เธ˜เธเน€เธ˜ยšเน€เธ˜ เน€เธ˜เธ’เน€เธ˜ยž */
#CaptionContainer {background-color: #ffffff;} /* เน€เธ˜ยžเน€เธ˜เธ—เน€เธ™ย‰เน€เธ˜ย™เน€เธ˜เธ‹เน€เธ˜เธ…เน€เธ˜เธ‘เน€เธ˜ย‡ Detail */
#CaptionContainer p {color: #FFFFFF;} /* เน€เธ˜โ€ขเน€เธ˜เธ‘เน€เธ˜เธ‡เน€เธ˜เธ‹เน€เธ˜ย™เน€เธ˜เธ‘เน€เธ˜ย‡เน€เธ˜เธŠเน€เธ˜เธ—เน€เธ˜เธ Detail */
#Counter {color: #FFFFFF;} /* เน€เธ˜โ€ขเน€เธ˜เธ‘เน€เธ˜เธ‡เน€เธ˜เธ‹เน€เธ˜ย™เน€เธ˜เธ‘เน€เธ˜ย‡เน€เธ˜เธŠเน€เธ˜เธ—เน€เธ˜เธ Counter */
/* Search */

.button_search{
	width: 22px;/*เธขเธ‡เธขเธ‹เน‚โ‚ฌยœเธขเธเธขเธเธขเธ‹เธฃยˆเน‚โ‚ฌยœเธฃยŸเธขเธ‚เธฃโ€ขเธฃยŸเธขเธŸเน‚โ‚ฌยœเธฃเธ†เธขเธŠเธฃเธŸเธฃย‹เธขเธ search*/
	height: 22px; /*เธขเธ‡เธขเธ‹เน‚โ‚ฌยœเธขเธเธข เธฅเธ˜เธฃยŸเธขเธ‚เธฃโ€ขเธฃยŸเธขเธŸเน‚โ‚ฌยœเธฃเธ†เธขเธŠเธฃเธŸเธฃย‹เธขเธ search*/
    background: transparent url(../../Images/tem31_search_button.jpg) no-repeat top left;
	border: none;
	cursor:pointer;
}
.form_search {
	width: 150px;
	height: 25px;
	border: 1px #e2d9ab solid;
	color: #666666;
	font-size: 11px;
	font-weight: normal;
}

/* * * * update 3/6/2010 * * * */
.text_highlight { font-family: "Tahoma"; font-size: 8pt; color: #FF0000; }

/*** เน€เธžเธดเนˆเธกเน€เธ•เธดเธก ***/

.bg_t
{
	background-position: center top;
	background-repeat: repeat-x;
}
.bg_r
{
	background-position: left top;
	background-repeat: no-repeat;
}
.bg_b
{
	background-position: center bottom;
	background-repeat: no-repeat;
}
.bg_l
{
	background-position: right top;
	background-repeat: no-repeat;
}
a.link
{
	font-size: 8pt;
	color: #3f3f3f;
	text-decoration: none;
}
a.link:hover
{
	font-size: 8pt;
	color: #3f3f3f;
	text-decoration:underline;
}
.TxtGray7N01
{	
	font-size: 7pt;
	color: #3f3f3f;
	text-decoration: none;
}

#main{
	width: 1000px;
	margin: 0 auto;
	min-width: 1000px;
}

/** เพิ่มเติมจากต้นฉบับ ***/

#top_f1 {
	width: 707px;
	float: left;
	text-align: right;
	height: 136px;
	display: block;
}
#top_f2 {
	width: 293px;
	float: left;
	text-align: right;
	height: 136px;
	vertical-align: middle;
	display: block;
}
#top_f3 {
	width: 1000px;
	float: left;
	display: block;
	height: 49px;
	text-align: right;
}
#top_f4 {
	width: 1000px;
	float: left;
	display: block;
	vertical-align: middle;
	text-align: right;
	height: 4px;
}
#top_f5 {
	width: 1000px;
	float: left;
	display: block;
	vertical-align: middle;
	text-align: center;
	height: 47px;
}
#Banner_big {
	float: left;
	display: block;
	width: 100%;
	min-width: 1000px;
	text-align: center;








"
; 									height: auto;
}
#backgroung_1 {
	width: 1000px;
	height: auto;
	float: left;
	vertical-align: top;
	background-repeat: repeat-y;
}
#backgroung_2 {
	width: 1000px;
	height: auto;
	float: left;
	vertical-align: top;
	background-position: top center;
	background-repeat: no-repeat;
}
#backgroung_3 {
	width: 1000px;
	height: auto;
	float: left;
	vertical-align: top;
	padding: 0px 0px 80px 0px
}
.content_main {
	font-family: "Tahoma";
	font-size: 10pt;
	width: 775px;
	float: right;
	text-align: left;
	padding-left: 20px;
	color: #333;
	padding-bottom: 30px;
	padding-top: 12px;
}
#sidemenu{
	width: 205px;
	float: left;
	text-align: center;
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 20px;
}
#footer_end{
	float: left;
	width: 100%;
	min-width: 1000px;
	height: 101px;
	background-image: url(../Images/img_012.jpg);
	background-position: top center;
}

ul.format-4 .caption
{
	width: 185px !important;
}

ul.format-4
{
	padding-top:20px !important;

}
.price_box_text .show_size_box{
	width:100% !important;
	float:none !important;
}
.list_products li:nth-child(3n+2) { 
	margin-left:40px!important;
	margin-right:40px!important;
}
.list_products li:nth-child(3n+3) { 
	margin-left:0px!important;
	margin-right:40px!important;
}
.list_products li {
	margin-top:15px!important;
	margin-bottom:15px!important;
	
}
/** เพิ่มเติม **/
.topmenu ul {
	margin:0px;
	padding:0px;
	height:49px;
	list-style-type:none;
	}
.topmenu li {
	margin:0px;
	padding:0px;
	height:49px;
	float:left;
	}
.topmenu li:after {
  content: "";
  display: table;
  clear: both;
}
.topmenu li span {
	display:none;
	}
.topmenu li a {
	display:block;
	height:49px;
	
	}
	/** en **/
.topmenu .t01 {
	width: 98px;
	height: 49px;
	background-image: url(../Images/menu.png);
	background-position: -0px -0px;
	-webkit-transition: background .3s ease;
	-moz-transition: background .3s ease;
	-o-transition: background .3s ease;
	}
.topmenu .t01:hover {
	background-position:-0px -49px;
	}
.topmenu .t02 {
	width: 229px;
	height: 49px;
	background-image: url(../Images/menu.png);
	background-position: -98px -0px;
	-webkit-transition: background .3s ease;
	-moz-transition: background .3s ease;
	-o-transition: background .3s ease;
	}
.topmenu .t02:hover {
	background-position:-98px -49px;
	}
.topmenu .t03 {
	width: 152px;
	height: 49px;
	background-image: url(../Images/menu.png);
	background-position: -327px -0px;
	-webkit-transition: background .3s ease;
	-moz-transition: background .3s ease;
	-o-transition: background .3s ease;
	}
.topmenu .t03:hover {
	background-position:-327px -49px;
	}
.topmenu .t04 {
	width: 198px;
	height: 49px;
	background-image: url(../Images/menu.png);
	background-position: -479px -0px;
	-webkit-transition: background .3s ease;
	-moz-transition: background .3s ease;
	-o-transition: background .3s ease;
	}
.topmenu .t04:hover {
	background-position:-479px -49px;
	}
.topmenu .t05 {
	width: 181px;
	height: 49px;
	background-image: url(../Images/menu.png);
	background-position: -677px -0px;
	-webkit-transition: background .3s ease;
	-moz-transition: background .3s ease;
	-o-transition: background .3s ease;
	}
.topmenu .t05:hover {
	background-position:-677px -49px;
	}
.topmenu .t06 {
	width: 142px;
	height: 49px;
	background-image: url(../Images/menu.png);
	background-position: -858px -0px;
	-webkit-transition: background .3s ease;
	-moz-transition: background .3s ease;
	-o-transition: background .3s ease;
	}
.topmenu .t06:hover {
	background-position:-858px -49px;
	}
/* จบการเพิ่มเติม */

div.content {
padding: 0px 0px 0px 0px !important;
}