/* CSS Document */
/*-----------------------เซตค่าทั่วไป----------------------------------------*/
#wrapper {
	width: 1017px;
	margin:0 auto;
	padding-top:20px;
}

.pro-detail strong { color:#000; }
.pro-detail { color:#000; }
.left {  float:left; padding-top:5px;   width:220px!important; width:210px; margin-top:-19px;  position:relative; z-index:99; }
.pragard { width:100%; }
.center { float:left; width:100%; margin-top:0px;   position:relative; }
.content{ float:left; text-indent:1cm; line-height: 20px;padding:4px 0px 4px 0px;}
/*------body----------------*/
.pzc_body { float:left; width:100%; }
.pzc_body_l_h { float:left;  width:100%;  margin-top:0px;}
.pzc_body_l_m { float:left; width:100%;  }
.pzc_body_l_b { float:left;  width:100%;  }
/*--------------box----------------------------------------*/
.box_left_h {  width:220px; background:url(images/box/kob_left.gif) no-repeat; height:46px; text-align:center; } 
.box_left_h h1 { margin:0px; padding:0px; padding-top:17px; font-size:1.04em; font-weight:bold; color:#010101;  width:220px; }
.box_left_m { width:220px; background:url(images/box/kob_left_m.gif) repeat-y; padding-left:18px; margin-right:-18px; }
.box_left_b { width:220px; background:url(images/box/kob_left_b.gif) no-repeat; height:14px; margin-bottom:12px; }

.ser_left_h { width:220px;  height:20px;  }
.ser_left_m { width:220px; text-align:center; }
.ser_left_b { width:220px;  height:18px; margin-bottom:10px; }

.b_display_h { background:url(images/box/kob_left2.gif) no-repeat; } 
.b_display_h h1 {  color:#277a06;  }

.l_cat_h { background:url(images/box/kob_left3.gif) no-repeat; } 
.l_cat_h h1 {  color:#1494C3;  }

.interest_h { background:url(images/box/kob_left3.gif) no-repeat; } 
.interest_h h1 {  color:#019286;  }

.l_sale_h { background:url(images/box/kob_left6.gif) no-repeat; } 
.l_sale_h h1 {  color:#6e0091;  }

.l_link_h { background:url(images/box/kob_left5.gif) no-repeat; } 
.l_link_h h1 {  color:#a55100;  }

#box_right_h { float:left; margin:0px 0px 5px 0px; width:100%; }
#box_right_h .bg_title { float:left; width:100%; border-top:1px dashed #9FDAF6; border-bottom:5px solid #9FDAF6; background: #FFF url(images/background/bg_h.gif) repeat center top; height:36px; behavior: url("iepngfix.htc")  }
#box_right_h .bg_title h1 { float:left; margin:7px 0px 0px 15px; font-size:1.1em; font-weight:bold; color:#414141; padding: 3px 8px 5px 8px;  }
#box_right_h .bg_title h2 { float:left; margin:7px -205px 0px 360px; font-size:1.1em; font-weight:bold; color:#414141; padding: 3px 8px 3px 8px;   }
.box_right_m { float:left; line-height:25px;  width:100%;  padding: 5px 7px 3px 6px;  }
.box_right_b { float:left;margin:0px -45px 10px 8px;  width:100%;  height:15px; }



.fix_size_01 { float:left; border-right:2px #CCCCCC dashed; margin-right:5px;  }
.chat_pra_fix { margin-left:15px!important; margin-left:25px; }
.stat ul {  list-style: none; margin-top:2px;}
.stat li { margin:2px 0px 2px 0px; line-height: 25px;  border-bottom:#999999 1px dotted; padding-left:5px; }
/*---------------------------------------*/
.owner_profile { line-height:25px;}
.owner_profile .image { text-align:center; width:175px;}
.sale_produce { line-height:27px;}
.sale_produce ul { margin:5px;  }
.sale_produce li{ float:left; margin:3px; list-style:none;  }
.sale_produce li a { float:left; margin-bottom:5px; width:52px; height:52px; border:1px #CCCCCC solid; display:block; text-align:center; background:#FFFFFF; position:relative; text-decoration: none;   }
.sale_produce li a:hover {border:1px #bcb1a2 solid; z-index:9999; text-decoration: none; }
.sale_produce li a .desc { display:none; cursor:pointer; text-decoration: none; }
.sale_produce li a:hover .desc { line-height:23px; display:block; position:absolute; bottom:55px; left:-2px; width:250px; height:auto; background:#FFFFFF; border:#7b624f 1px solid; color:#bcb1a2; text-align:left; padding:5px; text-decoration: none; z-index:9999;}
/*--------------------size border-------------------------------*/
.size_main_left { width:210px; } .size_pragard { width:48%; } .size_chat { width:50%;}
.size_w01 { width:741px!important;  width:740px;}
.size_w02 { width:100%; }
.size_w03 { width:512px!important;  width:500px;}
.size_w04 { width:735px!important;  width:733px;}
.size_h01 { height:203px!important; height:205px; }.size_h02 { height:240px!important; height:239px; }
.size_h03 { height:500px!important; height:500px;}
/*---------------------------------------------------------------------*/
#ads_right .ads_all { margin:4px 0px 1px 0px ; height:auto; text-align:center;}
/* ------------------------Listshop_main--------------------------------------------------------------------------------- */
.listtop_box li a .desc { display:none; cursor:pointer; }
.listtop_box li a:hover .desc { line-height:23px; display:block; position:absolute; bottom:135px; left:-90px; width:200px; height:auto; background:#FFFFFF; border:#e7e7e7 1px solid; color:#333333; text-align:left; padding:5px; z-index:-11; }
.listtop_box { float:left; border:0px #C6D7DB solid;  text-align:left;  margin:10px -10px 15px 0px; background:#F7F7F7; height:277px!important; }
.listtop_box .pic { float:left; width:120px; height:277px!important; }
.listshop_sell_bg { background-image:url(images/Listmenu2.jpg); background-repeat:no-repeat; }
.listtop_box  ul { float:left; list-style: none; width:87%; height:130px; margin:auto ; padding:7px 0px 0px 0px;}
.listtop_box li { float:left; display: inline; margin-bottom:5px; }
.listtop_box .text { float:left; width:120px; text-align:center; margin-top:9px; }
.kob img { border:2px #E4E4E4 solid; padding:2px;}
.listtop_box .kob { float:left; height:105px; width:105px;  }
.listtop_box .kob:hover {float:left; height:105px; width:105px; }
.listtop_box li a { float:left; display: block; width:102px; height:130px; color:#585858; text-decoration: none; text-align:center; margin:0px 9px 0px 11px!important; margin:0px 0px 0px 4px;  position:relative; }
.listtop_box li a:hover{ color:#e20005; z-index:20; }
/*---------------------------------------------------------------------------*/
.tab_top { background:#CDCDCD; border-bottom:1px #c0b19e dashed; border-top:2px #c0b19e solid; }
/*------------------------Advertis-------------------------------------------*/
.ads001 ul li{ list-style: none; float:left; margin:2px 8px 2px 11px!important; margin:2px 9px 2px 7px;} 
.ads001 img{ border:1px #CCCCCC solid;}
.ads001 img:hover{ border:1px #F3A000 solid; }
/*-------------------Dialobox------------------------------------------------------------*/
* div.head_dialog { padding:8px; font-size:13px; font-weight:bold; color:#FFFFFF; background-image:url(images/test3.jpg); }
.modalDialog_transparentDivs{	
	filter:alpha(opacity=80);	/* Transparency */
	opacity:0.4;	/* Transparency */
	background-color:#AAA;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:5px solid #806e57;	
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FFF;	/* White background color for the message */
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}
/*-------------------------item list -------------------------------------*/
.item_list ul { list-style: none; margin-top:10px; margin-left:2px; margin-bottom:10px;}
.item_list p { margin-bottom:7px;}
.item_list li{float:left;  width:162px; height:280px!important; height:290px; solid; padding:6px; 
margin:3px 9px 3px 9px!important; margin:3px 7px 3px 7px; background: url(images/bg_item.png) no-repeat center top; } 
.item_list li .kob span{float:left; width:120px; height:120px; margin-left:16px;  margin-bottom:5px; text-align:center;  center; display: block;position: absolute;  z-index:99;  } 
.item_list li .kob img { margin-left:19px; margin-top:2px; margin-bottom:8px; }
.item_list li .kob span{ behavior: url("iepngfix.htc") }
.item_list li .name {float:left; width:135px; margin-left:10px; text-align:center;  padding:1px 0 1px 0;}
.item_list li .name a{ color:#f10264;}
.item_list li .name a:hover{ color:#C08DA5; cursor:pointer;}
.item_list li .name h1 { font-size:1.0em; font-weight:normal; color:#0397ac; line-height:15px; margin: 0px;padding: 0px; height:33px;}
.item_list li .name h1:hover {  color:#0397ac; cursor:pointer; } 
/*---------------------------------------------------*/
/*-------------------------item list -------------------------------------*/
.item_list2 ul { list-style: none; margin-top:10px; margin-left:15px; margin-bottom:10px;}
.item_list2 p { margin-bottom:7px;}
.item_list2 li{float:left;  width:162px; solid; padding:6px; 
margin:3px 8px 3px 8px!important; margin:3px 8px 3px 2px; } 
.item_list2 li a img {border:#F2F2F2 3px solid;}
.item_list2 li a:hover img {border:#d3d3d3 3px solid;}
.item_list2 li .name {float:left; width:150px;  text-align:center; border-top:none; padding:3px 0 3px 0; line-height:14px;}
.item_list2 li .name a{  width:150px; color:#f10264; margin-top:3px; text-align:center; line-height:14px;}
.item_list2 li .cart img{ float:none; border:none} .item_list2 li .cart  a:hover img{ float:none; border:none}
.item_list2 li .name a:hover{ color:#C08DA5; cursor:pointer;}
.item_list2 li .name h1 { font-size:1.0em; font-weight:normal; color:#0397ac; line-height:15px; margin: 0px; padding: 0px;}
.item_list2 li .name h1:hover {  color:#0397ac; cursor:pointer; } 
/*---------------------------------------------------*/
/*-------------------------item list -------------------------------------*/
.item_list3 ul { list-style: none; margin-top:5px; margin-left:15px!important;  margin-left:0px; margin-bottom:5px;}
.item_list3 p { margin-bottom:7px;}
.item_list3 li{float:left;  width:170px; solid; padding:2px; 
margin:3px 8px 3px 8px!important; margin:3px0px 3px 0px;  } 
.item_list3 li a img {border:#EBEBEB 2px solid;}
.item_list3 li a:hover img {border:#d3d3d3 2px solid;}
.item_list3 li .name {float:left; width:160px;  text-align:center; border-top:none; padding:3px 0 3px 0; line-height:14px;}
.item_list3 li .name a{  width:160px; color:#f10264; margin-top:3px; text-align:center; line-height:14px;}
.item_list3 li .cart img{ float:none; border:none} .item_list3 li .cart  a:hover img{ float:none; border:none}
.item_list3 li .name a:hover{ color:#C08DA5; cursor:pointer;}
.item_list3 li .name h1 { font-size:1.0em; font-weight:normal; color:#0397ac; line-height:15px; margin: 0px; padding: 0px;}
.item_list3 li .name h1:hover {  color:#0397ac; cursor:pointer; } 
/*---------------------------------------------------*/

/*-----จัดการตาราง------*/
/*-----จัดการตาราง------*/
#table-2
{
  float:left;
	font-size: 12px;
	margin-left:-5px;
	width:100%;
	border-collapse: collapse;

	text-align: left;
	margin-bottom:20px;
}
#table-2 th
{
	font-size: 12px; font-weight:bold;
	color:#383838;
	padding: 7px 9px;
	background:#e5e5e5;
	border-bottom: 2px solid #BBBBBB;
}
#table-2 td
{
	border-bottom: 1px dashed #CDCDCD;
	color:#666666;
	padding: 5px 9px;
}
#table-2 tbody tr:hover td
{
	color:#000;
	background:#f8f8f8;
}
/*-----จัดการตาราง------*/
#table-3
{
  float:left;
	font-size: 12px;
	margin-left:-5px;
	width:100%;
	border-collapse: collapse;
	text-align: left;
	margin-bottom:20px;
}
#table-3 th
{
	font-size: 12px; font-weight:bold;
	color:#383838;
	padding: 7px 9px;
	background:#e5e5e5;
	border-bottom: 2px solid #BBBBBB;
}
#table-3 td
{
	border-bottom: 1px dashed #CDCDCD;
	color:#666666;
	padding: 5px 9px;
}
#table-3 tbody tr:hover td
{
	color:#000;
	background:#f8f8f8;
}

ul { list-style-type: none; }
ul li{ list-style-type: none; z-index:100;}
/*------------------menu---------------------------- */
.sidemenu_border { font: bold 12px Verdana;
background: #FFF url(images/top_cat.gif) repeat-x bottom;
width: 100%; }
.slidemenu{
width: 1017px;
margin: 0 auto;
}

.slidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.slidemenu ul li{
position: relative;
display: inline;
float: left;
}
.slidemenu ul li img { border:0px;}
/*Top level menu link items style*/
.slidemenu ul li a{
display: block;
padding: 8px 10px;
color: #696969;
text-decoration: none;
}

* html .slidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.slidemenu ul li a:link, .slidemenu ul li a:visited{
color: #696969;
}

.slidemenu ul li a:hover{
background:#E2E2E2;
color: #1B1B1B;
}
	
/*1st sub level menu*/
.slidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
z-index:3333333;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.slidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.slidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.slidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
background: #E2E2E2;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #C3C3C3;
border-right: 1px solid #C3C3C3;
border-left: 1px solid #C3C3C3;
}

.slidemenu ul li ul li a:hover{ /*sub menus hover style*/
background: #D6D6D6;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
/*----------article-----------------*/
.article ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 183px; /* Main Menu Item widths */
}
 
/* Top level menu links style */
.article ul li a{
display: block;
font-weight:normal;
color:#716243;
text-decoration: none;
padding: 5px 0 5px 25px;
border-bottom:1px #B7A688 dashed;
background: url(../../attachments/icon/arrow.gif) no-repeat 8px;
}
.article ul li a:hover{
background: url(../../attachments/icon/arrow-hover.gif) no-repeat 8px;
color:#933636;
}
* html .article ul li { float: left; height: 1%; list-style-type: none;}
* html .article ul li a { height: 1%; }

/*------------------------------------------------------------------------*/
.message_home img{ border:0px;  }
.message_home img a{ border:0px;  }
.message_home img a:hover{ border:0px;  }
/*---name title banner--*/
.view_item { line-height:25px; position:relative;}
.view_item a .desc{ display:none; cursor:pointer; margin:5px; text-decoration: none; }
.view_item  a:hover .desc{ line-height:25px; display:block; position:absolute; bottom:-120px; left:50px; background:#FFFFFF; border:#D1D1D1 3px solid; color:#454545; text-align:left; padding:5px; z-index:2; }
.link_friend ul { list-style-type: none;}
.link_friend li { padding:3px 0px 3px 21px; width:162px; dashed; border-bottom:1px #CFCFCF dashed; background: url(../../images/add.gif) no-repeat 2px;}
.link_friend li:hover { background: url(../../images/add.gif) no-repeat 2px;}
.link_friend li a{ color:#554628; }
.link_friend li a:hover { color:#554628; }
.display_list ul { list-style-type: none;}
.display_list li { text-align:left; font-size:0.95em; padding:1px 0px 1px 2px; width:185px; border-top:1px #EEEEEE dashed; color:#454545;  }
.display_list li a img{ color:#554628; border:2px #CCCCCC solid; }
.display_list li a:hover img{ color:#454545; border:2px #666666 solid; }

.nav_head { float:left;  border-bottom:1px #A3A3A3 dashed; padding-top:9px; padding-bottom:9px;  width:100%; margin-left:-3px; }

/*------------slider--------------------------------------*/

div.slide-wrap {
width : 100%;
margin : 0 auto;
margin-left:-6px;
}

div#slide-header {
margin : 0 0;
}

div#slide-header a img {
border : 0;
}
div#slide-header div.slide-wrap {
height : 300px;
}
div#slide-header div#slide-holder {
z-index : 40;
width : 100%;
height : 300px;
position : absolute;
}
div#slide-header div#slide-holder div#slide-runner {
top : 9px;
left : 9px;
width : 100%;
height : 300px;
overflow : hidden;
position : absolute;
}
div#slide-header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#slide-header div#slide-holder div#slide-controls {
left : 0;
width : 99%;
height : 300px;
display : none;
position : absolute;
}
.product_detail { width:100%!important; }
/*--------------------------------------*/