.text14 {  font-family: Tahoma; font-size: 14px; font-style: normal; line-height: normal; font-variant: normal;}
.text13 {  font-family: Tahoma; font-size: 13px; font-style: normal; line-height: normal; font-variant: normal;}
.text12 {  font-family: Tahoma; font-size: 12px; font-style: normal; line-height: normal; font-variant: normal;}
.text12orange {  font-family: Tahoma; font-size: 12px; font-style: normal; line-height: normal; font-variant: normal;color: #f65700;}
.text12orangebold {  font-family: Tahoma; font-size: 12px; font-style: normal; line-height: normal; font-variant: normal;color: #f65700;font-weight: bold;}
.text11 {  font-family: Tahoma; font-size: 11px; font-style: normal; line-height: normal; font-variant: normal;}
.text11-5 {  font-family: Tahoma; font-size: 11.5px; font-style: normal; line-height: normal; font-variant: normal;}
.text11bold {  font-family: Tahoma; font-size: 11px; font-style: normal; line-height: normal; font-variant: normal;font-weight: bold;}
.text11orange {  font-family: Tahoma; font-size: 11px; font-style: normal; line-height: normal; font-variant: normal;color: #f65700;}
.text11orangebold {  font-family: Tahoma; font-size: 11px; font-style: normal; line-height: normal; font-variant: normal;color: #f65700;font-weight: bold;}
.text10 {  font-family: Tahoma; font-size: 10px; font-style: normal; line-height: normal; font-variant: normal;color: #ffffff;}
.topic {  font-family: Tahoma; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #f13d72;}
.myth {  font-family: Tahoma; font-size: 11px; font-style: normal; line-height: normal; font-variant: normal;text-align:right;padding-top:5px;vertical-align:top;font-weight:bold;}
.myth2 {  font-family: Tahoma; font-size: 11px; font-style: normal; line-height: normal; font-variant: normal;text-align:right;padding-top:5px;font-weight:bold;}



p { margin-top: 0; }

html, body { margin:0; }

.clear {
	clear:both;
	}
#topbar_Box {
	/* background-color: #000000; */
	background: #000000 url('../../template/000/images/bar_top.gif');
	padding: 0px;
	height: 38px;
	width: 100%;
}

#top_package_left {
	color:#000000;
}

#Main_BODY_BG {
	clear:both;
	width: 100%;	
}

#Main_Box_BG {
	clear:both;
	width: 100%;
	height:550px;
	padding:0;
	margin:0;
	
}


#Main_Box {
	/* background: #303235 url(tekken_6_art_zafina.jpg) no-repeat;	 */	
	/* height: 100%; */
	/* position: fixed; */
	width: 956px;
	padding:0px;
	margin:0px;
  	margin-left: auto ;
  	margin-right: auto ;
}

#HeaderBackground_Box {			/*   ส่วนนี้เอาไว้แสดง Background หลัง header เผื่อกรณีที่คนใส่ header ยาวกว่าตัวความสูงของ bg header ก็จะได้ไม่เห็นขอบดำ ๆ ที่ไม่มี background  */
   	float:left;
   	margin:0px;
   	padding:0px;
	width: 956px;	
	/* background : url('../../template/031/images/bg_body.gif') left top; */
}

#header_Box {
	width : 956px;
	/* background: url('../../template/031/images/bg_header.jpg') no-repeat left top; */
	float : left;
}

.MaxHeaderWidth {
	max-width: 939px;
	/* Resize the image for IE6 */
	width: expression(this.width > 939 ? 939: true);	
}

#SearchCart_Box {
	width: 100%;
	height: 65px;	
	line-height:65px;
	float : left;
}

#SearchBox {
	width: 720px;
	height: 26px;
	padding-top: 22px;
	padding-left: 30px;
	float:left;	
	display: inline;
}


#SearchBox ul {
   	clear:left;
   	float:left;
   	list-style:none;
   	margin:0;
   	padding:0;
	width:400px;
	height:26px;
	line-height:26px;
	}
	
.SearchBox_li_Left {
   	display:block;
   	float:left;
   	list-style:none;
   	margin:0;
   	padding:0;
	width:14px;
	height:26px;
   	background : url('../../template/031/images/bg_searchbox_01.png');
	}
	
.SearchBox_li_Content {	   	
   	display:block;
   	float:left;
   	list-style:none;
	width:269px;
	height:26px;	
   	background : url('../../template/031/images/bg_searchbox_02.gif');	
	}	
	
.bttn_Search {
	font-family:Tahoma; 
	font-size:small;
	border:none;
	width:26px;	
	height:26px;
	BACKGROUND-COLOR: transparent;
}	

.SearchBox_Text {
	font-family:Tahoma; 
	width:269px;
	height:20px;
	font-size:13px;
	border:none;
	padding-top:2px;	
	BACKGROUND-COLOR: transparent;
}	
	
.SearchBox_li_Right {
   	display:block;
   	float:left;
   	list-style:none;
   	margin:0;
   	padding:0;
	width:26px;
	height:26px;
   	background : url('../../template/031/images/bg_searchbox_03.gif');
	}

#CartBox {
	width: 160px;
	height: 26px;
	line-height:26px;
	padding-top: 21px;
	float:left;	
	display: inline;
}
	
	
#language_Box {
	width: 100%;
	height: 24px;	
	float : left;
	clear:both; 
}

.HeaderImage_Box {
	width:939px;
	background-color: #000000;
	border:1px solid #6b422e;
  	margin-left: auto ;
  	margin-right: auto ;
}

.menutopbar {
	width:939px;
	height:47px;
	margin-left:auto;
	margin-right:auto;
	background: #000000 url('../../template/031/images/bg_bar_menu.gif');
}

.div_TopMenu {
	position:absolute;
	width:900px;
	height:47px;
	z-index:5;
	overflow:hidden;
}

#MenuTop_Box {
	width:939px;
	height : 47px;
	background: #000000 url('../../template/031/images/bg_bar_menu.gif');
  	margin-left: auto ;
  	margin-right: auto ;
	overflow:hidden;			/*  มีอันนี้ไว้ เพราะว่าการจับ ul ให้มาที่กึ่งกลาง 50% จะทำให้เกิด scrollbar เนื่้องจาก ul ยาว 50% มันเกินความกว้างของหน้าจอออกไป  */
	display: block;
	z-index:6
	/* vertical-align : middle; */
	/* display : table-cell; */
}

#MenuTop_Box ul {
   	clear:left;
   	float:left;
   	list-style:none;
   	margin:0;
   	padding:0;
   	position:relative;
   	left:50%;
   	text-align:center;
	}
#MenuTop_Box ul li{
   	display:block;
   	float:left;
   	list-style:none;
   	margin:0;
   	padding:0;
   	position:relative;
   	right:50%;
	}
#MenuTop_Box ul a {
	font-family: Tahoma;
	font-size: 13px;
   	display:block;
   	margin:0;
   	padding:0px 20px;
   	background: url('../../template/031/images/menu_seperate.gif') no-repeat right top;
   	color: #ffffff;
   	text-decoration:none;
   	line-height: 47px;	
}

.space_Box {
   	float:left;
	
	font-size: 1px; 	/* font-size:1px;  และ line-height:1;  มีไว้สำหรับกำหนด height ของ div ให้ต่ำกว่า 19 px ได้  (ถ้าไม่ใส่ 2 ค่านี้จะไม่สามารถกำหนดค่าให้ต่ำกว่า 19px ได้ */
	line-height: 1; 
	
   	margin:0;
   	padding:0;
	width: 100%;	
	background : #000000  url('../../template/031/images/bg_body.gif') left top;
}

#MainBody_Box {
   	float:left;	
	display: inline;
	padding:0px;
   	margin:0px;
	width: 100%;	
	background : url('../../template/031/images/bg_body.gif') left top;
}

#td_menuleftmain {
	float:left;
	display: inline;		/* ใส่อันนี้เอาไว้ ไม่งั้น IE6 จะ double margin ซึ่งทำให้เกิด space ผิด ๆ */
	margin-left:8px;	
	width:191px;	
	border:0px;
	background : #8d7549;
}

#StoreStatus_Box {
	margin-top:3px;
	margin-left: auto;
	margin-right: auto;
	width:184px;
	height:98px;		
	border:0px;
	background : #000000 url('../../template/031/images/bg_status.gif') no-repeat left top;
	display:block;	
}

.MenuLeftData_1 {
	margin-top:6px;	
	margin-left: auto;
	margin-right: auto;
	width:185px;
	height:26px;		
	border:0px;
	background : url('../../template/031/images/bg_leftmenubar.gif') no-repeat left top;
	display:block;	
}

.MenuLeftData_2 {
	display: inline;
	padding-top:6px;
	margin-left: auto;
	margin-right: auto;
	width:185px;
	border:0px;
	background : #ab9670 url('../../template/031/images/bg_leftmenubar_body.gif') repeat-y left top;
	word-wrap: break-word;
	display:block;	
}

.MenuLeftData_3 {
	font-size: 1px; 	/* font-size:1px;  และ line-height:1;  มีไว้สำหรับกำหนด height ของ div ให้ต่ำกว่า 19 px ได้  (ถ้าไม่ใส่ 2 ค่านี้จะไม่สามารถกำหนดค่าให้ต่ำกว่า 19px ได้ */
	line-height: 1; 
   	margin:0;
	margin-left: auto;
	margin-right: auto;		
   	padding:0;
	width:185px;	
	height:4px;
	background : #000000 url('../../template/031/images/bg_leftmenu_bottom.gif') no-repeat left top;
}

.MenuLeftSubDiv {
   	margin:0;
	margin-left: auto;
	margin-right: auto;
	width:185px;
	margin-top: 10px;	
}

.MenuLeftSubDiv_NoMargin {
   	margin:0;
	margin-left: auto;
	margin-right: auto;
	width:185px;
}

#MainContent_Box {
	float:left;
	display: inline;		/* ใส่อันนี้เอาไว้ ไม่งั้น IE6 จะ double margin ซึ่งทำให้เกิด space ผิด ๆ */
	margin-left:5px;	
	width:742px;
	border:0px;
}

#MenuMainData_Bar {
	width:100%;
	margin:0;
	margin-top:10px;	
	padding:0;
	height:34px;
	background : #8e7952 url('../../template/031/images/bg_bar_menucenter_center.gif');		
}

#MenuMainData_Bar ul {
   	clear:left;
   	float:left;
   	list-style:none;
   	margin:0;
   	padding:0;
	width:100%;
	height:34px;
	line-height:33px;
	}
	
.MenuMainData_Bar_li_Left {
   	display:inline;
	font-family: Tahoma;
	font-size: 12px;
   	float:left;
   	list-style:none;
   	margin:0;
   	padding:0;
	width:387px;
	height:34px;
	color:#000000;
   	background : url('../../template/031/images/bg_bar_menucenter_left.gif');
	}
	
.MenuMainData_Bar_li_Right {
   	display:inline;
   	float:right;
   	list-style:none;
   	margin:0;
   	padding:0;
	width:157px;
	height:34px;
   	background : url('../../template/031/images/bg_bar_menucenter_right.gif');
	}
	
.MenuMainData_Content {	   	
	font-family: Tahoma;
	font-size: 13px;
	color:#000000;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	width:725px;
	word-wrap: break-word;
	}			
	
#MainBottomOutside_Box {
	float:left;	
	width:100%;
	height: 128px;
	padding:0;
	margin:0;
}	
	
#MainBottomCenter_Box {
	width: 956px;
	height: 128px;
	padding:0;
	margin:0;
  	margin-left: auto;
  	margin-right: auto;
	background: #000000 url('../../template/031/images/bg_bottom_center.jpg') no-repeat;
}		
	
.img_maxwidth {
	max-width: 720px;
	/* Resize the image for IE6 */
	width: expression(this.width > 720 ? 720: true);
}

.block_pdtimg {
	border:1px solid #bfa170;
	width:120px;
	height:124px;
	background:#ecdab4;	
}

.wraptocenter {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height:124px;
}
.wraptocenter * {
    vertical-align: middle;
}

.wraptocenter_pdtdetail {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height:196px;
}
.wraptocenter_pdtdetail * {
    vertical-align: middle;
}

 html .wraptocenter_pdtdetail {
	display: block;
	line-height: 0.6;
}
 
 html .wraptocenter_pdtdetail span {
	display: inline-block;
	height: 100%;
	width: 1px;
}






/* ------- Css Page = Pdtdetail ----- */
#pdtgallerybox {
	width:367px;
	height:175px;
	padding-top:20px;
	padding-bottom:5px;
}

#pdtgallerybox_left {
	width:145px;
	float:left;
}

#pdtgallerybox_left ul {
	list-style:none;
   	margin:0;
   	padding:0;	
}

#pdtgallerybox_left ul li {
   	display:block;
   	list-style:none;
	width:145px;
	padding-bottom:5px;
   	margin:0;
   	padding:0;	
}


#pdtgallerybox_right {
	width:222px;
	float:left;
}

#pdtgallerybox_right ul {
	list-style:none;
   	margin:0;
   	padding:0;	
}

#pdtgallerybox_right ul li {
   	display:block;
   	list-style:none;
	width:222px;
	padding-bottom:5px;
   	margin:0;
   	padding:0;
	word-wrap:break-word;
}
/* ------- End Css Page = Pdtdetail ----- */