/*style for main section*/
body {
	margin:0;
	background-image:url(http://www.ibuy.co.th/beta/templates/themesite1/images/bg-iBuy.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
.bgfix_x {
	background-repeat: repeat-x;
}
img{ border: 0;}
a{ border: 0; text-decoration: none; color: #333;}
a:active{ border: 0; text-decoration: none; color: #999;}
table tr td p{ font-size: 14px; text-align: left; margin: 0; font-family: Tahoma;}
table tr td  input[type='checkbox']{ float: left; width: 10px;}
/*style for right-menu*/
#form_member1 {
	font-family: Tahoma, "MS Sans Serif";
	font-size:13px;
	color:#010101;
}

#form_member1 input{
	background-color: #FFFFFF;
	border: 1px solid #BBBBBB;
	width:161px;
	color:#757575;
}

.fontsize18 {
	font-family: Tahoma, "MS Sans Serif";
	font-size:18px;
}

.fontsize17 {
	font-family: Tahoma, "MS Sans Serif";
	font-size:17px;
}

.fontsize16 {
	font-family: Tahoma, "MS Sans Serif";
	font-size:16px;
}

.fontsize15 {
	font-family: Tahoma, "MS Sans Serif";
	font-size:15px;
}

.fontsize14 {
	font-family: Tahoma, "MS Sans Serif";
	font-size:14px;
}

.fontsize13 {
	font-family: Tahoma, "MS Sans Serif";
	font-size:13px;
}

.fontsize12 {
	font-family: Tahoma, "MS Sans Serif";
	font-size:13px;
}

#bar_member1{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #D8E1EA;
	border-bottom-color: #D8E1EA;
	height:44px;
	width:893px;
}

#bar_member2{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D8E1EA;
	border-bottom-color: #D8E1EA;
	height:44px;
	width:893px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #D8E1EA;
	border-left-color: #D8E1EA;
}

.border_blue_all {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D8E1EA;
	border-bottom-color: #D8E1EA;
	height:44px;
	width:893px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #D8E1EA;
	border-left-color: #D8E1EA;
}

.line_under_blue{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D8E1EA;
}

.line_under_gray{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#register_form{
	font-family: Tahoma, "MS Sans Serif";
	font-size:13px;
}

#register_form input{
	font-family: Tahoma, "MS Sans Serif";
	font-size:13px;
	/*width:334px;
	height:19px;*/
}

#bar_login1{
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCCCCC;
	height:44px;
	width:893px;
}

#login_form{
	font-family: Tahoma, "MS Sans Serif";
	font-size:13px;
}

#login_form table{
	font-family: Tahoma, "MS Sans Serif";
	font-size:13px;
}

.linkfinish:link {
	color: #348FC4;
	text-decoration:none;
}
.linkfinish:visited {
	color: #348FC4;
	text-decoration:none;
}
.linkfinish:active {
	color: #348FC4;
	text-decoration:none;
}
.linkfinish:hover {
	color: #FF6600;
	text-decoration:none;
}
#Nav {
	position:relative;
	width: 496px;
	padding: 0;
	list-style: none;
}

#Nav li {

	background: transparent;
	margin: 0px;	
	height: 20px;
	display: inline;
}

/*ǹͧ˹á*/
.container{
	width:511px;
	color:#FFFFFF;
	font-family:Arial,sans-serif;
	font-size:20px;
	font-weight:bold;
}
#homemenu1{
	float:left;
	width:370px;
	height:30px;
	font-size:14px;
	margin-left:120px;
	/*background:url(images/icon_menu/navbar_bg.png);*/
}
#homemenu1 ul{
	float:left;
	height:30px;
	color:#FFFFFF;
	font-size:13px;
	margin:0;
	padding-left:0px;
	padding-top:8px;
}
#homemenu1 ul{
	background: url(images/icon_menu/anim_3_beta.png) no-repeat;
	background-position:1px 4px;
}

#homemenu1 ul li{
	float:left;
	padding-left:5px;
	padding-right:5px;
	height:5px;
	display: inline;
	text-align:center;
	border-left:1px solid #FFFFFF;
	cursor:pointer;
}
#homemenu1 ul li a{
text-decoration:none;
color:#9F9F9F;
}
/*ش*/


.Menu {
position:absolute;
	padding: 0;		
	margin-top: 20px;
	margin-left: 0px;
	width: 496px;
	list-style: none;
	display: none;	
}

.Menu li {
	height: 20px;
	display: none;	
}
#sub_middlemenu1 ul,#sub_middlemenu2 ul ,#sub_middlemenu3 ul,#sub_middlemenu4 ul,#sub_middlemenu5 ul {
	margin-top:15px;
	margin-left: 10px;
	padding-left: 0;
	display: block;

}
#sub_middlemenu1 ul li,#sub_middlemenu2 ul li,#sub_middlemenu3 ul li,#sub_middlemenu4 ul li,#sub_middlemenu5 ul li {
	margin-left: 2px;
	padding-top:0px;
	font-size:12px;
	border: none;
	list-style: none;
	display: inline;
	cursor:pointer;
}
IMG {
margin: 0px;
}
#popupType a{
text-decoration:none;
color:#666666;
}
#popupType a:hover{
text-decoration:underline;
}
.createborder {
background-color:white;
border-top-width: 4px;
border-bottom-width: 4px;
/*border-top-style:solid ;*/
border-right-style: solid;
border-right-color: #d0d0d0;
border-bottom-style: solid;
border-left-style: solid;
border-left-color: #d0d0d0;
border-top-color: #d0d0d0;
border-bottom-color: #d0d0d0;
padding-top: 7px;
padding-right: 9px;
padding-bottom: 5px;
padding-left: 9px;
}

/*index_shop*/

ul.subcategory{ width: 25%; _width: 20%;overflow: hidden; padding: 0; float: left; margin-top: 5px;}
ul.subcategory  li{ width: 90%; overflow: hidden; float: left; padding: 5px; margin-left: 10px; _margin-left: 2px;}
ul.subcategory  li h3{ color: #990074; font-size: 13px; text-align: left; margin: 0; clear: both; width: 100%;}

ul.subcategory ul.subcategory2{ width: 100%; overflow: hidden; padding: 0;  margin-left: 0; }
ul.subcategory ul.subcategory2 li{ width: 100%; overflow: hidden;  margin-left: 0; text-align: left; padding-top: 0; padding-bottom: 0; padding-left: 0;}
ul.subcategory ul.subcategory2 li p{ font-size: 13px; margin: 0;}
ul.subcategory ul.subcategory2 li p a{ color: #333; text-decoration:none;}
ul.subcategory ul.subcategory2 li p a:hover{ color: #333; text-decoration: underline;}

ul.topten{ width: 850px; overflow: hidden; margin: 0 auto; padding: 0;}
ul.topten li{ width: 160px; height: 265px; float: left; list-style: none; padding-left: 10px; margin-top: 8px;}
ul.topten li p { font-size: 12px; margin-top: 5px; margin-bottom: 0; text-align: left;}
ul.topten li p b{ padding-right: 5px;}
ul.topten li p img {  width: 150px;  padding: 2px 2px; height: 137px;  border: 1px solid #ccc; }
ul.topten li p a.imge img{ border: 1px solid #ccc; padding: 2px 2px; width: 150px; height: 137px;}
ul.topten li p a.imge:hover  img{ border: 1px solid #F00F00; padding: 2px 2px; width: 150px; height: 137px;}
ul.topten li p.bottom { width: auto; overflow: hidden; text-align: left;}
ul.topten li p.bottom img{ width: auto; height: auto; border: 0; min-height: inherit;}
ul.topten li p.bottom span{ color: #FF0000; vertical-align: top; font-size: 14px;}

table tr td.recommenimage img{ border: 1px  solid #ccc; padding: 3px;}
table tr td.recommenimage a:hover img{ border: 1px solid #F00F00; }
table tr td{ padding-top: 0px; }
table tr td p{ width: auto; font-size: 12px;}
table tr td p  img { border: 1px solid #ccc; padding: 2px;}
table tr td p.bottom  img{ border: 0px solid #ccc; padding: 2px;}
table tr td p.bottomre  img{ border: 0px solid #ccc; padding: 2px;}

table tr td p a.img:link img { border: 1px solid #ccc; padding: 2px;}
table tr td p a.img:hover img { border: 1px solid #F00F00; padding: 2px;}

ul.coninterest{ width: 580px; overflow: hidden;margin: 0 auto; padding: 0;}
ul.coninterest li{ width: 135px; height: 200px; float: left; list-style: none; padding-left: 8px; margin-top: 8px;}
ul.coninterest li p { font-size: 12px; margin-top: 5px; margin-bottom: 0; text-align: left;} 
ul.coninterest li p img { width: 123px; padding: 2px; height: 112px;}
ul.coninterest li p a.img:link img { border: 1px solid #ccc; padding: 2px;}
ul.coninterest li p a.img:hover img { border: 1px solid #F00F00; padding: 2px;}
ul.coninterest li p.bottomre{ margin-top: 2px; overflow: hidden;}
ul.coninterest li p.bottomre  img{ width: auto; height: auto; border: 0; min-height: inherit; }
ul.coninterest li p.bottomre  span{ color: #FF0000; vertical-align: top; font-size: 14px;}

.clear{ clear: both;}

/*SearchProduct*/

#wrapper { width: 920px; overflow: hidden; margin: 0 auto;  background: url(images/indexsearch/bg_wrapper.jpg) repeat-y;}
.S_productRel{ border: 1px #000 solid; overflow: hidden; margin-top:10px; }
.S_productRel h2{ background:url(images/indexsearch/bg_h2.jpg) repeat-x; margin: 0; color: #fff; padding-left: 15px; font-size: 14px; height: 20px; padding-top: 6px;  text-align: left;}
.S_productReldetail{ width: 100%; overflow: hidden; margin-top: 10px; padding: 0;}
.S_productReldetail ul{ width: 100%; overflow: hidden; margin-top: 10px; margin-bottom: 10px; padding: 0; }
.S_productReldetail ul li{ width: 18%; height: 50px; float: left; list-style: none;}
.S_productReldetail ul li input[type='checkbox']{ float: left; margin-right: 3px;}
.S_productReldetail ul li  p{ font-size: 14px; margin: 0;}

.S_productRecom{overflow: hidden; margin-top:10px; width: 100%;}
.S_productRecom h2{ background:url(images/indexsearch/bg_h2-2.jpg) repeat-x; margin: 0; color: #000; padding-left: 15px; font-size: 14px; height: 24px; padding-top: 5px; text-align: left;}
.S_productRecom h2 img { float: left; padding-right: 10px;}
.S_productRecom h2 p { padding-top: 5px; margin: 0; padding: 0;}
.S_productRecom ul{ width: 98%; overflow: hidden; margin-top: 10px; margin-bottom: 10px; padding: 0; }
.S_productRecom ul li{ width: 16%; height: 200px; float: left; list-style: none; text-align: center; margin: 0 auto;}
.S_productRecom  .productimg{ background: url(images/indexsearch/bg_imgrecom-2.jpg) no-repeat; padding: 2px; width: 124px; height: 124px; margin: 0 auto; margin-left: 10px;}
.S_productRecom  .productimg img{ width: 110px; height: 110px; padding-top: 5px; padding-right: 3px; padding-left: 0px;}
.S_productRecom  .productimg a.imgrecom img { width: auto; height: auto; padding-top: 5px; padding-right: 3px; padding-left: 0px; margin: 10px auto;}
.S_productRecom  p{ font-size: 12px; margin: 0; text-align: center; height: 60px;}

.S_productRecom  .S_productRecomdetail { margin-top: 10px; margin-bottom: 10px;}
.S_productRecom  .S_productRecomdetail .productdetail{ width: 150px; overflow: hidden; vertical-align: bottom; font-family: Tahoma;}
.S_productRecom  .S_productRecomdetail .productdetail .price{ width: 60px;  font-size: 14px; margin: 0; float: left; text-align: left; color: #FF5F01; font-weight: bold;}
.S_productRecom  .S_productRecomdetail .productdetail .icon{ width: 16px; overflow: hidden; margin-left: 30px; float: left; margin-right: 8px;}
.S_productRecom  .S_productRecomdetail .productdetail .icon  img{ width: 16px; height: 16px; float: left; }

.S_productRecom  .S_productRecomdetail .productdetail_2{ width: 160px; overflow: hidden; vertical-align: bottom}
.S_productRecom  .S_productRecomdetail .productdetail_2 .price{ width: 75px;  font-size: 14px; margin: 0; float: left; text-align: left; color: #FF5F01; font-weight: bold;}
.S_productRecom  .S_productRecomdetail .productdetail_2 .icon{ width: 16px; overflow: hidden;  float: left; margin-right: 5px; margin-left: 18px;}
.S_productRecom  .S_productRecomdetail .productdetail_2 .icon  img{ width: 16px; height: 16px; float: left; }

#displaymode{ overflow: hidden; margin-top:10px; width: 100%; }
#displaymode h2{height: 27px; background: #F1F0F0; border-bottom: 1px #000 solid; border-top: 1px #D5D5D5 solid; margin: 0; font-size: 12px; padding-left: 15px; }
#displaymode h3{height: 28px; border-bottom: 2px #000 solid;  margin: 0; padding-left: 15px; }
#displaymode .icon{ width: 121px; height: 26px; float: left; margin-right: 8px;}
#displaymode .icon1{ width: 22px; height: 26px; float: left; margin-right: 8px;}
#displaymode .detail{ width: auto; height: 26px;  float: left; }
#displaymode .detail p{ font-size: 12px; margin-top: 5px; margin-bottom: 2px; font-weight: normal; float: left;}
#displaymode .detail form p{ font-size: 12px;  font-weight: normal; float: left; font-weight: bold;}


#displaymode .detail p a.img img{  width : 16px; height : 17px; margin-right: 3px; margin-left: 3px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.3; opacity: 0.3; border: 0;}
#displaymode .detail p a.img:hover img{  width : 16px; height : 17px; margin-right: 3px; margin-left: 3px;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1; border: 0;}
#displaymode .detail p a.img:active img{  width : 16px; height : 17px; margin-right: 3px; margin-left: 3px;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; opacity: 1; border: 0;}

#displaymode .detail p a.img:link span{width : 16px; height : 17px; display:none;}
.productimg{ background: url(images/indexsearch/bg_product.jpg) no-repeat; width: 162px; height: 162px; padding: 5px; }
.productimg2{ background: url(images/indexsearch/bg_product.jpg) no-repeat; width: 162px; height: 162px; padding: 5px; float: left;}
.productimg img, .productimg2 img{ margin: 0 auto; width: auto; height: 100%; }

.productimg a:link img, .productimg2 a:link img{ margin: 0 auto;  width: 158px; height: 158px;  border: 0; }

tr td .nameproduct{ width: 150px;height: 50px;margin: 5px auto; text-align: center; font-size: 13px; font-family: Tahoma; padding-left: 3px; padding-right: 3px; overflow: hidden;}
tr td .nameproduct a:link{width: 150px; margin: 5px auto; text-align: center; font-size: 13px;  height: 50px; font-family: Tahoma;}


table tr td .productdetail_3 {width: 160px; overflow: hidden; margin: 2px auto;}
table tr td .productdetail_3 .price{ width: 80px;  font-size: 14px; margin: 0; float: left; text-align: left; color: #FF5F01; font-weight: bold; font-family: Tahoma;}
table tr td .productdetail_3 .icon2{ width: 19px; overflow: hidden; margin-left: 10px; float: left; margin-right: 8px;}
table tr td .productdetail_3 .icon2  img{ width: 19px; height: 21px; float: left;}

table tr td .productdetail_3 .icon3{ width: 76px; overflow: hidden;  float: left; margin-left: 15px;}
table tr td .productdetail_3 .icon3  img{ width: 76px; height: 26px; float: left; }
table tr td .productdetail_3 .price3{ width: 40px;  font-size: 14px; margin: 0; float: left; padding-top: 4px;}


table tr td .displaymode2{ width: 100%; overflow: hidden; padding-bottom: 10px; border-bottom: 1px  #999 dashed; margin-top: 10px;}
table tr td .productdetail_4 { width: 620px; overflow: hidden; float: left; margin-left: 20px; margin-top: 5px;}
table tr td .productdetail_5 { width: 620px; overflow: hidden; float: left;  margin-top: 5px;}
table tr td .productdetail_4 img{ float: left;}
table tr td .productdetail_4 p{ margin: 0; color:#7F7E7E; font-size: 14px; margin-top: 5px; line-height: 18px; text-align: left;}
table tr td .productdetail_4 p.title{ color: #2AA0AF; font-size:15px; font-weight: bold; text-align: left; margin-top: 0;}
table tr td .productdetail_4 p.title a{ color: #2AA0AF; }

table tr td .productdetail_4 .price{ width: 80px;  font-size: 14px; margin: 0; float: left; text-align: left; color: #FF5F01; font-weight: bold;}
table tr td .productdetail_4 .icon2{ width: 19px; overflow: hidden;  float: left; margin-right: 8px;}
table tr td .productdetail_4 .icon2  img{ width: 19px; height: 21px; float: left; }

table tr td .productdetail_4 .icon3{ width: 76px; overflow: hidden;  float: left; }
table tr td .productdetail_4 .icon3  img{ width: 76px; height: 26px; float: left; }
table tr td .productdetail_4 .price3{ width: 40px;  font-size: 14px; margin: 0; float: left; padding-top: 4px;}

a.fonttopview { color:#333; font-family: Tahoma; font-size: 12px; vertical-align: top;}
a:hover.fonttopview { color: #FF0000; }
.anythingSlider5 { float: left;}

/**/

#current_page{ color: #D82E01; margin: 0 5px;}
#pager_links span{ margin: 0 5px; vertical-align: top; }
#pager_links span a:link{ margin: 0; color: #000;}

/*New Product*/

#introtab,#introtab2{position: absolute; list-style: none; padding: 0; margin: 0; width: 93%; padding-left: 5px;}
#introtab li,#introtab2 li{width: auto;cursor:pointer;display: inline;padding: 0 2px;position: relative;}
#introtab li a,#introtab2 li a{ text-decoration: none; font-family: Tahoma; font-size: 12px; color: #5F5F5F;}
#introtab li a.activeSlide .introbox,#introtab2 li a.activeSlide .introbox{color:#f45b70;}
#introtab li a:focus,#introtab2 li a:focus  { outline: none; }

#introtab li a:hover,#introtab2 li a:hover{ color: #D60107;}

#introproduct,#introproduct2{position: absolute;top:38px;left:2px; float: left;}