﻿.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:0px;
	margin:0px;
	
}

#Main_Box {
	/* background: #303235 url(tekken_6_art_zafina.jpg) no-repeat;	 */	
	/* height: 100%; */
	/* position: fixed; */
	width: 996px;
  	margin-left: auto ;
  	margin-right: auto ;
	overflow:hidden;
}

#HeaderBackground_Box {			/*   ส่วนนี้เอาไว้แสดง Background หลัง header เผื่อกรณีที่คนใส่ header ยาวกว่าตัวความสูงของ bg header ก็จะได้ไม่เห็นขอบดำ ๆ ที่ไม่มี background  */
   	float:left;
   	margin:0;
	width: 996px;
	/* background : url('../../template/033/images/bg_body.gif') left top; */
}

#header_Box {
	width : 996px;
	/* background: url('../../template/033/images/bg_header.jpg') no-repeat left top; */
	float : left;	
}

.MaxHeaderWidth {
	max-width: 996px;
	/* Resize the image for IE6 */
	width: expression(this.width > 996 ? 996: true);	
}

#SearchBox {
	float:left;
	margin-left:5px;
	padding-left:10px;
	width: 209px;
	height: 36px;
	padding-top:5px;
	padding-bottom:10px;
	background: url('../../template/043/images/bg_search.gif') no-repeat;
}


#SearchBox ul {
   	clear:left;
   	float:left;
   	list-style:none;
   	margin:0;
   	padding:0;
	width:190px;
	height:35px;
	line-height:35px;
	}
		
.SearchBox_li_Content {	   	
   	display:block;
   	float:left;
   	list-style:none;
	width:130px;
	height:23px;	
	}	
	
.bttn_Search {
	font-family:Tahoma; 
	font-size:small;
	border:none;
	width:50px;	
	height:23px;
	color:#ffffff;
	BACKGROUND-COLOR: transparent;
}	

.SearchBox_Text {
	font-family:Tahoma; 
	width:130px;
	height:18px;
	font-size:13px;
	border:solid 1px #dfdfdf;
}
	
.SearchBox_li_Right {
   	display:block;
   	float:left;
   	list-style:none;
	padding-left:6px;
	width:32px;
	height:23px;
	}
	
#CartBox {
  	margin-left: auto ;
  	margin-right: auto ;
	width: 209px;
	height: 70px;
	padding-top:45px;
	float:left;	
	background : url('../../template/043/images/bg_cart.gif') no-repeat;	
}

#block_language {
	color:#000000;
	width:209px;
	height:40px;
	padding-top:10px;
	border:0px;
	background : url('../../template/043/images/bg_language.gif') no-repeat left top;
	text-align:center;
	display:block;	
}
	
	
#language_Box {
	float:left;
	width: 190px;
	height: 69px;
}

.HeaderImage_Box {
	width:996px;
	border:0;
  	margin-left: auto ;
  	margin-right: auto ;
	padding-bottom:10px;
}

#div_menubg {
	float:left;
	width:996px;
	height:71px;
	padding-top:35px;
	background : url('../../template/043/images/bg_menubar.jpg') no-repeat left top;
}

.menutopbar {
	width:939px;
	height:41px;
	margin-left:auto;
	margin-right:auto;
}

.div_TopMenu {
	position:absolute;
	width:900px;
	height:41px;
	z-index:5;
	overflow:hidden;
}

#MenuTop_Box {
	width:939px;
	height : 41px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;			/*  มีอันนี้ไว้ เพราะว่าการจับ ul ให้มาที่กึ่งกลาง 50% จะทำให้เกิด scrollbar เนื่้องจาก ul ยาว 50% มันเกินความกว้างของหน้าจอออกไป  */
	display: block;
	/* 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: 12px;
	font-weight:bold;
   	display:block;
   	margin:0;
   	padding:0px 20px;
   	color: #000000;
   	text-decoration:none;
   	line-height: 41px;	
}

#MenuTop_Box ul a:hover {
   	text-decoration:underline;
	color:#ff0030;
}

.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: 996;
	background : url('../../template/040/images/bg_spacebox.jpg');
}

#MainBody_Box {
   	float:left;	
	display: inline;
	padding:0px;
   	margin:0px;
	width: 996px;
	background:#ffffff;
}

#td_menuleftmain {
	float:left;
	display: inline;		/* ใส่อันนี้เอาไว้ ไม่งั้น IE6 จะ double margin ซึ่งทำให้เกิด space ผิด ๆ */
	width:213px;
	padding-right:12px;
	border:0px;
}

#td_menuleft_bg {
	float:left;
	width:213px;
}

#StoreStatus_Box {
	margin-left: auto;
	margin-right: auto;
	width:209px;
	height:100px;
	border:0px;
	background : url('../../template/043/images/bg_status.gif') no-repeat left top;
	display:block;	
}

.MenuLeft_Pdt {
	margin-top:6px;	
	margin-left: auto;
	margin-right: auto;
	width:209px;
	height:62px;
	border:0px;
	display:block;	
}

.MenuLeft_Login {
	margin-top:6px;	
	margin-left: auto;
	margin-right: auto;
	width:209px;
	height:63px;
	border:0px;
	display:block;
	background : url('../../template/043/images/menu_login.gif') no-repeat left top;	
}

.MenuLeftData_1 {
	margin-top:6px;	
	margin-left: auto;
	margin-right: auto;
	width:206px;
	height:34px;
	border:0px;
	background : url('../../template/043/images/bg_leftmenubar.gif') no-repeat left top;
	display:block;	
}

.MenuLeftData_2 {
	display: inline;
	padding-top:6px;
	margin-left: auto;
	margin-right: auto;
	width:206px;
	border:0px;
	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:206px;	
	height:5px;
}

.MenuLeftSubDiv {
   	margin:0;
	margin-left: auto;
	margin-right: auto;
	width:206px;
	margin-top: 10px;	
}

.MenuLeftSubDiv_NoMargin {
   	margin:0;
	margin-left: auto;
	margin-right: auto;
	width:206px;
}

#MainContent_Box {
	float:left;
	display: inline;		/* ใส่อันนี้เอาไว้ ไม่งั้น IE6 จะ double margin ซึ่งทำให้เกิด space ผิด ๆ */
	margin-left:10px;	
	width:742px;
	border:0px;
}

#MenuMainData_Bar {
	width:100%;
	margin:0;
	margin-top:10px;	
	padding:0;
	height:41px;
	background : url('../../template/043/images/bg_bar_menu.gif') no-repeat;		
}

#MenuMainData_Bar ul {
   	clear:left;
   	float:left;
   	list-style:none;
   	margin:0;
   	padding:0;
	width:100%;
	height:41px;
	line-height:41px;
	}
	
.MenuMainData_Bar_li_Left {
   	display:inline;
	font-family: Tahoma;
	font-size: 12px;
   	float:left;
   	list-style:none;
   	margin:0;
   	padding:0;
	width:387px;
	height:41px;
	color:#4d4d4d;
	}
	
.MenuMainData_Bar_li_Right {
   	display:inline;
   	float:right;
   	list-style:none;
   	margin:0;
   	padding:0;
	width:123px;
	height:41px;
	}
	
.MenuMainData_Content {	   	
	font-family: Tahoma;
	font-size: 12px;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	width:725px;
	word-wrap: break-word;
	}			
	
#MainBottomOutside_Box {
	float:left;	
	width:100%;
	height: 148px;
	padding:0;
	margin:0;
}	
	
#MainBottomCenter_Box {
	width: 996px;
	height: 272px;
	margin:0;
  	margin-left: auto;
  	margin-right: auto;	
	background: url('../../template/043/images/bg_bottom_center.jpg');
}		
	
.img_maxwidth {
	max-width: 720px;
	/* Resize the image for IE6 */
	width: expression(this.width > 720 ? 720: true);
}

.block_pdtimg {
	border:none;
	width:120px;
	height:124px;
	background:#ffffff;	
}

.wraptocenter {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height:120px;
}
.wraptocenter * {
    vertical-align: middle;
}


.wraptocenter_pdtdetail {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height:229px;
}
.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 ----- */
