html { width: 100%;height: 100%; }
body { width: 100%;height: 100%; }


.cul {
	margin: 0;
	padding: 0;	
	left: 0;
	list-style: none;
	
	}
.cli{
	float:left;
	padding-left: 0px;
	padding-top: 0px;
	}

.MaxPdtDetailFirstPic {
    max-height:195px;
    max-width:195px; 
} 
        
*html .MaxPdtDetailFirstPic { 
    width:expression((this.width/this.height)>=0.75?195:'auto'); 
    height:expression((this.width/this.height)<0.75?195:'auto'); 
} 

.data_padding
{
	padding-top:4px;padding-left:6px;padding-right:6px;padding-bottom:4px;
	font-family: Tahoma; font-size: 13px; font-style: normal; line-height: normal; font-variant: normal;
}
	
.bttn_contact
{
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BACKGROUND-COLOR: transparent; 
	BORDER-BOTTOM-STYLE: none;
	font-weight: bold;
	background-image:url(../../ssz/images/bttn_contact.gif);
	height:38px;
	width:177px;
}

.bttn_contact_blank
{
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BACKGROUND-COLOR: transparent; 
	BORDER-BOTTOM-STYLE: none;
	font-weight: bold;
}

.bttn_brown
{
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BACKGROUND-COLOR: transparent; 
	BORDER-BOTTOM-STYLE: none;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background-image:url(../../ssz/images/bttn_brown.gif);
	height:18px;
	width:55px;
}

.bttn_pink
{
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BACKGROUND-COLOR: transparent; 
	BORDER-BOTTOM-STYLE: none;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background-image:url(../../ssz/images/bttn_pink.gif);
	height:18px;
	width:55px;
}

.bttn_gold_1
{
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BACKGROUND-COLOR: transparent; 
	BORDER-BOTTOM-STYLE: none;
	background-image: url(../../ssz/images/bttn_gold.gif);
	width:100px;	
	height:25px;
}

.bttn_gold_2
{
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BACKGROUND-COLOR: transparent; 
	BORDER-BOTTOM-STYLE: none;
	background-image: url(../../ssz/images/bttn_yellow2.gif);
	width:132px;	
	height:24px;
}

.bttn_gold_long
{
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BACKGROUND-COLOR: transparent; 
	BORDER-BOTTOM-STYLE: none;
	background-image: url(../../ssz/images/bttn_gold_long.gif);
	width:160px;	
	height:35px;
}

/* code ในหน้า pdtzone board  */
.button_newtopic
{
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BACKGROUND-COLOR: transparent; 
	BORDER-BOTTOM-STYLE: none;
	background-image:url(../../ssz/images/board/bttn_newtopic.gif);
	width:140px;	
	height:32px;
}

.button_page_next1
{
    font-family:Tahoma;
    font-size:11px;
    font-weight:normal; 
    background-color:#ffffff; 
    border-color:#ffb363; 
    border-top: #ffb363 solid;
    border-left: #ffb363 solid;
    border-right: #ffb363 solid;
    border-bottom: #ffb363 solid;
    border-style:normal; 
    border-width:1px;
	width:40px;	
	height:19px;
	line-height:19px;
	float:left;
	margin-right:3px;	
	display:block;
	text-align:center;
	text-decoration: none;
	color:#000000;	
}

.button_page_previous
{
    font-family:Tahoma;
    font-size:11px;
    font-weight:normal; 
    background-color:#ffffff; 
    border-color:#ffb363; 
    border-top: #ffb363 solid;
    border-left: #ffb363 solid;
    border-right: #ffb363 solid;
    border-bottom: #ffb363 solid;
    border-style:normal; 
    border-width:1px; 
    width:47px;	
	height:19px;
	line-height:19px;
	float:left;
	margin-right:3px;	
	display:block;
	text-align:center;
	text-decoration: none;
	color:#000000;	
}

.button_page
{	
    font-family:Tahoma;
    font-size:11px;
    font-weight:normal; 
    background-color:#ffffff; 
    border-color:#ffb363; 
    border-top: #ffb363 solid;
    border-left: #ffb363 solid;
    border-right: #ffb363 solid;
    border-bottom: #ffb363 solid;
    border-style:normal; 
    border-width:1px;
	width:18px;	
	height:19px;
	line-height:19px;
	float:left;
	margin-right:3px;	
	display:block;
	text-align:center;
	text-decoration: none;
	color:#000000;
}

.button_page_selected
{
    font-family:Tahoma;
    font-size:11px;
    font-weight:normal; 
    background-color:#fff1bc; 
    border-color:#ffb363; 
    border-top: #ffb363 solid;
    border-left: #ffb363 solid;
    border-right: #ffb363 solid;
    border-bottom: #ffb363 solid;
    border-style:normal; 
    border-width:1px;
	width:18px;	
	height:19px;
	line-height:19px;
	float:left;
	margin-right:3px;	
	display:block;
	text-align:center;
	text-decoration: none;
	color:#000000;
}

.textboxsearch
{ 
 	border: 1px solid #7C9BB8;
	font-family:MS Sans Serif; 
  	font-size:x-small;
  	font-weight:normal; 
  	background-color:FFFFFF; 
  	color:000000;
	height:18px;
  	SCROLLBAR-SHADOW-COLOR: #ffffff; 
  	SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
  	SCROLLBAR-ARROW-COLOR: #000000; 
  	SCROLLBAR-TRACK-COLOR: #ffffff; 
  	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
}

.bttn_editcart
{
	font-family:Tahoma;
	font-size:12px;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BACKGROUND-COLOR: transparent; 
	BORDER-BOTTOM-STYLE: none;
	background-image: url(../../template/001/images/bttn_edit.gif);
	width:139px;	
	height:26px;
}

.bttn_cancelcart
{
	font-family:Tahoma;
	font-size:12px;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BACKGROUND-COLOR: transparent; 
	BORDER-BOTTOM-STYLE: none;
	background-image: url(../../template/001/images/bttn_cancel.gif);
	width:70px;	
	height:26px;
}

.bttn_clearcart
{
	font-family:Tahoma;
	font-size:12px;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BACKGROUND-COLOR: transparent; 
	BORDER-BOTTOM-STYLE: none;
	background-image: url(../../template/001/images/bttn_clearcart.gif);
	width:103px;	
	height:26px;
}

.bttn_deletecart
{
	font-family:Tahoma;
	font-size:12px;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BACKGROUND-COLOR: transparent; 
	BORDER-BOTTOM-STYLE: none;
	background-image: url(../../template/001/images/bttn_delete.gif);
	width:180px;	
	height:26px;
}

.bttn_addmorecart
{
	font-family:Tahoma;
	font-size:12px;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BACKGROUND-COLOR: transparent; 
	BORDER-BOTTOM-STYLE: none;
	background-image: url(../../template/001/images/bttn_addmorepdt.gif);
	width:139px;	
	height:26px;
}

.bttn_checkoutcart
{
	font-family:Tahoma;
	font-size:12px;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BACKGROUND-COLOR: transparent; 
	BORDER-BOTTOM-STYLE: none;
	background-image: url(../../template/001/images/bttn_checkout.gif);
	width:139px;	
	height:26px;
}

.textboxgray2
{
	BORDER-TOP: black 1px solid;
	BORDER-RIGHT: black 1px solid;
	BORDER-LEFT: black 1px solid;
	BORDER-BOTTOM: black 1px solid;
	background-color:#f7f7f7;
	border-color:#b0b0b2;
	BorderStyle='Solid';
	font-size:12px;
	font-family: Tahoma;
}

.textboxgray
{
	BORDER-TOP: black 1px solid;
	BORDER-RIGHT: black 1px solid;
	BORDER-LEFT: black 1px solid;
	BORDER-BOTTOM: black 1px solid;
	background-color:#f7f7f7;
	border-color:#b0b0b2;
	BorderStyle='Solid';
	font-size:12px;
	font-family: Tahoma;
}

.img_maxwidth {
	max-width:720px;
}






/*----- Product Thumbnail Picture Gif -----*/
.maxpicgif120 {
	max-width:120px!important;
	max-height:120px;
}

.maxpicgif170 {
	max-width:170px!important;
	max-height:170px;
}

.maxpicgif270 {
	max-width:270px!important;
	max-height:270px;
}

.maxpicgif156 {
	max-width:120px!important;
	max-height:156px;
}

.maxpicgif221 {
	max-width:170px!important;
	max-height:221px;
}

.maxpicgif351 {
	max-width:270px!important;
	max-height:351px;
}




/* ----------- side scroll ------------------------------------*/
#ScrollBox3 {
	BORDER-RIGHT: #000 0px solid; BORDER-TOP: #000 0px solid; MARGIN-TOP: 0px; OVERFLOW: hidden; BORDER-LEFT: #000 0px solid; WIDTH: 477px; BORDER-BOTTOM: #000 0px solid; POSITION: absolute; HEIGHT: 110px;
}
#BigBox3 {
	WIDTH: 954px; POSITION: absolute;
}
.block3 {
	FLOAT: left; WIDTH: 477px; HEIGHT: 110px;
}





/*---- MenuTop(Board) ---- */
#BB_div_Menu_Top {
	float:left;
	width:100%;
	height:40px;
	
}

.BB_menutopbar {
	width:964px;
	height:40px;
	margin-left:auto;margin-right:auto;
}

.BB_div_TopMenu {
	width:964px;
	height:40px;
	overflow:hidden;
	margin-left:auto;margin-right:auto;
}

#BB_MenuTop_Box {
	width:964px;
	height : 40px;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;			/*  มีอันนี้ไว้ เพราะว่าการจับ ul ให้มาที่กึ่งกลาง 50% จะทำให้เกิด scrollbar เนื่้องจาก ul ยาว 50% มันเกินความกว้างของหน้าจอออกไป  */
	display: block;
	/* vertical-align : middle; */
	/* display : table-cell; */
}

#BB_MenuTop_Box ul {
   	clear:left;
   	float:left;
   	list-style:none;
   	margin:0;
   	padding:0;
   	position:relative;
   	left:50%;
   	text-align:center;
	}
#BB_MenuTop_Box ul li{
   	display:block;
   	float:left;
   	list-style:none;
   	margin:0;
   	padding:0;
   	position:relative;
   	right:50%;
	}
#BB_MenuTop_Box ul a {
	font-family: Tahoma;
	font-size: 12px;
   	display:block;
   	margin:0;
   	padding:0px 19px;
   	text-decoration:none;
   	line-height: 40px;
	font-weight: bold;
	background:url('../../template/000/images/menu_seperate_black.gif') no-repeat right center;
	
}

#BB_MenuTop_Box ul a:hover {
   	text-decoration:underline;
	color:#ff6000;
	font-size:12px;
	
	
	
}







/* ----- slideimg style -------------- */
.slideimg {
	cursor: url(../../ssz/js/slideimg/graphics/zoomin.cur), pointer;
    outline: none;
}
.slideimg-active-anchor img {
	visibility: hidden;
}
.slideimg img {
	border: 0px solid gray;
}
.slideimg:hover img {
	border: 0px solid white;
}

.slideimg-wrapper {
	background: white;
}
.slideimg-image {
    border: 2px solid white;
}
.slideimg-image-blur {
}
.slideimg-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.slideimg-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(../../ssz/js/slideimg/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.slideimg-credits,
a.slideimg-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.slideimg-credits:hover,
a.slideimg-credits:hover i {
    color: white;
    background-color: gray;
}

a.slideimg-full-expand {
	background: url(../../ssz/js/slideimg/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.slideimg-display-block {
    display: block;
}
.slideimg-display-none {
    display: none;
}



/* block box align image horizontal in-line block*/

#container { 
	padding: 5px; 
	text-align: center; /* IE 5.x center */ 
} 

.box { 
	margin: 5px; 
	display: -moz-inline-box; /* For FF<3 */ 
	-moz-box-orient: vertical; /* For FF<3 */ 
	display: inline-block; /* IE <8 needs this tripped back to display: inline; to make it work on block elements - see conditional below */ 
	
	vertical-align: middle; /* explicitly declare your preference as Moz inline-box auto aligns to top */ 
	
	text-align: left; /* to left align text within divs when container has been set to center */ 
} 

.box p {margin: 0.5em;} 

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

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

.txtbox_noborder
{
	font-family:Tahoma; 
	font-size:small;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 	
	BORDER-BOTTOM-STYLE: none;
	BACKGROUND-COLOR: transparent; 
}

.bttnPointHistory {
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BACKGROUND-COLOR: transparent; 
	BORDER-BOTTOM-STYLE: none;
	background-image:url(../../template/000/images/bttn_pointhistory.gif);
	height:22px;
	width:131px;
	cursor:pointer;
}

#link_write_comment {
	cursor:pointer;
}

#div_writecomment {
	width:512px;
	height:377px;
	background-image:url(../../template/000/images/dialog_comment.png);
	display:none;
}

#div_writecomment2 {
	width:647px;
	height:335px;
	background-image:url(../../template/000/images/dialog_comment2.png);
	display:none;
}




/*---------------- Side CartFloat  -----------------*/

#CartFloat_Box{
    width:48px;
    height:98px;
    position:fixed;
    right:0px;
    top:31px;
    z-index:5;
    background:url(../../template/000/images/cart_float_1.png);
    cursor:pointer;
}

#divCheckoutDesc {
    position:absolute;
    z-index:3;
    width:149px;
    padding-left:6px;
    padding-right:21px;
    height:33px;
    padding-top:51px;
    margin-left:-176px;
    text-align:center;
    font-family: Tahoma;
    font-size: 11px;
    background:url(../../template/000/images/bgdesc_checkout.png);
    display:none
}

#divShowCartData {
    width:50px;
    height:24px;
    padding-top:49px;
}

#CloseCartFloat {
	width:42px;
	height:20px;
	margin-left:7px;
	background:url(../../template/000/images/cart_float_x.png);
	cursor:pointer;
}

#QtyCartFloat {
	width:34px;
	height:19px;
	line-height:19px;
	text-align:center;	
	margin-left:11px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
}





@font-face {
 font-family: 'supermarket';
 src:url('../../template/000/font/supermarket-webfont.eot');
 src:url('../../template/000/font/supermarket-webfont.eot?iefix') format('eot'),
     url('../../template/000/font/supermarket-webfont.woff') format('woff'),
     url('../../template/000/font/supermarket-webfont.ttf') format('truetype'),
     url('../../template/000/font/supermarket-webfont.svg#webfontCXAunSZT')
     format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'nongaor';
 src:url('../../template/000/font/can_nongaor.eot');
 src:url('../../template/000/font/can_nongaor.eot?iefix') format('eot'),
     url('../../template/000/font/can_nongaor.woff') format('woff'),
     url('../../template/000/font/can_nongaor.ttf') format('truetype'),
     url('../../template/000/font/can_nongaor.svg#webfontCXAunSZT')
     format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'rsu';
 src:url('../../template/000/font/RSU_Regular.eot');
 src:url('../../template/000/font/RSU_Regular.eot?iefix') format('eot'),
     url('../../template/000/font/RSU_Regular.woff') format('woff'),
     url('../../template/000/font/RSU_Regular.ttf') format('truetype'),
     url('../../template/000/font/RSU_Regular.svg#webfontCXAunSZT')
     format('svg');
 font-weight: normal;
 font-style: normal;
}


@font-face {
 font-family: 'akhanake';
 src:url('../../template/000/font/Book_Akhanake.eot');
 src:url('../../template/000/font/Book_Akhanake.eot?iefix') format('eot'),
     url('../../template/000/font/Book_Akhanake.woff') format('woff'),
     url('../../template/000/font/Book_Akhanake.ttf') format('truetype'),
     url('../../template/000/font/Book_Akhanake.svg#webfontCXAunSZT')
     format('svg');
 font-weight: normal;
 font-style: normal;
}