.tab_container {
	float:left;		/* ช่วยให้ขยายความสูง auto */
	/*height:250px;*/
	height:auto;
	/*width:900px;*/
	width:100%;
	font-size:0.75em;
	font-family:Arial, Helvetica, sans-serif;
	/*22-09-57: border:solid 1px blue;*/
}

.tab_container > div.tab_bar {
	/*22-09-57: background-color:#0ff;
	border-bottom: solid 1px #cccccc;*/
}

.tab_container > div > a {  
	position: relative !important; /* Keeps the tabs in line with each other */
	text-decoration: none; 
	color: #333333; 
	background: #ffffff; /* old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* firefox */
	background: linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* future browsers */
	-pie-background: linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* pie for ie */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* webkit */
	/**filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); uncomment when IE decides to display gradients properly **/
	display: inline-block;
	padding: 4px 10px;	/*padding: 4px 14px;*/
	font-size:14px;
	margin-right: 15px;
	border: 1px solid #CCCCCC;
	z-index:4;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
}
.tab_container > div:not(:target) > a:hover {
	background: #e2e2e2;
}
.tab_container > div > a.a_selected {
	border: 1px solid #CCCCCC;
	border-bottom:solid 1px #fff;
	background: #fff;
}


.dataitems_container {
	float:left;		/* ช่วยให้ขยายความสูง auto */
	/*OLD_09-10-57: min-height:400px;*/
	min-height:130px;
	height:auto;
	width:100%;
	margin-top:10px;
	background-color:#f0f0f0;
	/*22-09-57: border:solid 1px blue;*/
}

.vp_dataitems_container {
	float:left;		/* ช่วยให้ขยายความสูง auto */
	min-height:130px;
	height:auto;
	width:100%;
	cellpadding:0;
	margin-top:10px;
}
.vp_dataitems_container > table{
	border-spacing: 0;
    	border-collapse: collapse;
}
/* ------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------- */
/* --------------- Block2: Product Details --------------- */
.detailbox {		/* .tab_container > div.dataitems_container > div > div > div.detailbox { */
	/*float:left;
	width:100%;
	height:140px;
	font-size:1.1em;
	border:solid 1px green;*/	
	float:left;
	width:430px;		/*width:410px;*/
	min-height:100px;
	height:auto;
	font-size:1.1em;
	line-height:20px;
	margin-left:20px;
	border:solid 0px red;
}
.detailbox > div.mfrbox {
	float:left;
	width:100%;
	min-height:20px;
	height:auto;
}
.detailbox > div.mfrbox > div.dt_mfrpn {
	float:left;
	width:55%;
}
.detailbox > div.mfrbox> div.dt_mfrpnname {
	float:right;
	width:45%;
	color:#5a5a5a;
	font-weight:bold;
	text-align:right;
}
.detailbox > div.dt_espntopic {
	float:left;
	width:15%;
}
.detailbox > div.dt_espn {
	float:left;
	width:85%;
	font-weight:bold;
	color:#5a5a5a;
	/*background:#e4e4e4;*/
}
/* ------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------- */
/* --------------- Block3: Price Level and Price Dicount --------------- */
.pricelv {
	float:left;
	width:150px;		/*width:160px;*/
	min-height:137px;
	margin-left:10px;
	font-size:1.1em;
	line-height:20px;
	/*display:block;*/
	background:#fff;
    	/*padding:0 0 0 5px;*/		/*padding:0 5px;*/
	border:solid 0px #0ff;
}
.pricelv > div.qtybreak {
	float:left;
	width:70px;		/*width:75px;*/		/*width:48%;*/
	padding-right:10px;		/*padding-right:5%;*/
	padding-bottom:5px;
	color:#808080;
	text-align:right;
	border:solid 0px #f00;
}
.pricelv > div.showcurr {
	float:left;
	width:50px;		/*width:55px;*/		/*width:48%;*/
	padding-left:15px;
	padding-bottom:5px;
	color:#808080;
	text-align:left;
	border:solid 0px #00f;
}
.pricelv > div.topic-lv {
	float:left;
	width:38px;
	height:25px;
	display:block;
	/*13-11-56: background:#efefef;*/
	/*border:solid 1px #0f0;*/
}
.pricelv > div.qty_lv {
	float:left;
	width:45%;	/*width:88px;*/
	height:25px;
	display:block;
	text-align:right;
	/*padding-right:10px;
	/*13-11-56: background:#eaeaea;*/
	/*border:solid 1px #0f0;*/
}
.pricelv > div.gt {
	float:left;
	height:25px;
	/*display:block;*/
	padding:0 10px;
	color: #a0a0a0;
	/*background:#efefef;*/
}
.pricelv > div.price_lv {
	float:left;
	width:45px;
	height:25px;
	display:block;
	text-align:left;
	/*13-11-56: background:#eaeaea;*/
	/*border:solid 1px #f0f;*/
}

/*----------------------------------------*/
div.discountprice {
	float:left;
	width:150px;
	height:auto;
	line-height:20px;
	margin-left:10px;
	/*padding:0 10px;*/
	border:solid 0px #0ff;
}
div.discountprice > div.dcp_topic {
	float:left;
	width:70px;	/*width:45%;  width:75px;*/
	padding-left:5px;
	background:#eaeaea;
	border:solid 0px #f00;
}
div.discountprice > div.dcp_amount {
	float:left;
	width:145px;
	padding-left:5px;
	background:#eaeaea;
}
div.discountprice > div.dcp_data {
	float:right;
	width:70px;	/*width:45%;  width:75px;*/
	padding-right:5px;
	text-align:right;
	background:#eaeaea;
}
.dcp_netpricetopic, .dcp_netpricedata {
	color:green;
	text-decoration: underline; 
}
.dcp_savetopic, .dcp_savedata {
	color:#f00000;
}
/* ------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------- */
/* --------------- Block4: Add to Cart Input or Buy Button --------------- */
div.addtocart_block {
	float:right;
	width:140px;
	/*height:100%;
	display:block;*/
	font-size:1.1em;
	line-height:20px;
	margin-top:-20px;
	background:#f5f5f5;
    	padding:20px 10px 20px 10px;
	border:solid 0px orange;
}
div.addtocart_block > div.atc-vp-stocktopic {
	float:left;
	width:auto;
	color:#00c;
}
div.addtocart_block > div.stockamount {
	float:right;
	width:auto;
	color:red;
}
div.addtocart_block > div.atc-vp-minorder {
	float:left;
	width:100%;
	text-align:center;
	padding-bottom: 10px;
}
div.addtocart_block > div.atc-vp-qtyorder {
	text-align:center;
	padding-bottom: 5px;
}
div.addtocart_block > div.atc-vp-orderbtn {
	text-align:center;
}
/* ---------- ปุ่มกดไปหน้าสุดท้ายเพื่อสั่งซื้อ ---------- */
div.addtocart_block > div.btntobuy_block {
	margin-top: 20px;
	text-align:center;
	padding: 10px;
	border:solid 0px orange;
}
.btntobuy {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    	box-shadow:inset 0px 1px 0px 0px #ffffff;
    	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
    	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
    	background-color:#f9f9f9;
    	-webkit-border-top-left-radius:0px;
    	-moz-border-radius-topleft:0px;
    	border-top-left-radius:0px;
    	-webkit-border-top-right-radius:0px;
    	-moz-border-radius-topright:0px;
    	border-top-right-radius:0px;
    	-webkit-border-bottom-right-radius:0px;
    	-moz-border-radius-bottomright:0px;
    	border-bottom-right-radius:0px;
    	-webkit-border-bottom-left-radius:0px;
    	-moz-border-radius-bottomleft:0px;
    	border-bottom-left-radius:0px;
    	text-indent:0;
    	border:1px solid #dcdcdc;
    	display:inline-block;
    	color:#666666;
    	font-family:Arial;
    	font-size:14px;
    	font-weight:normal;
    	font-style:normal;
    	height:33px;
    	line-height:35px;
    	width:100px;
    	text-decoration:none;
    	text-align:center;
    	text-shadow:1px 1px 0px #ffffff;
}
.btntobuy:hover {
 	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
    	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
    	background-color:#e9e9e9;
    	cursor: pointer;
    	cursor: hand;
}
.btntobuy:active {
 	position:relative;
    	top:1px;
}
/* ------------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------------- */
/* --------------- Block5(Footer by item): Data Sheet and More detail --------------- */
div.ftrbyitem {
	width: 552px;
	height: 25px;
	font-size: 1.1em;
}
div.ftrbyitem > div.datasheet {
	float: left;
	width: 165px;
	height:20px;
	margin-left: 202px;
	padding-left: 10px;
	border:solid 0px orange;
}
div.ftrbyitem > div.moredetail {
	float:right;
	width: 160px;
	height:20px;
	text-align: right;
	
	line-height: 25px;
	vertical-align: text-bottom;
	
	padding-right: 10px;
	border:solid 0px orange;
}
/*div.ftrbyitem > div.moredetail > a {
	vertical-align: bottom;
	text-align: center;
}*/
div.datasheet > span {
	color: #808080;
}
/* ------------------------------------------------------------------------------- */



/*---------------------------*/
/* paginator link */
/*---------------------------*/
div.PaginatorTopByTab {font-size:14px;margin-top: -19px;margin-left: 700px;border: 0px solid #fff;outline: 0px solid #CCCCCC;z-index:4;}		/*display: inline-block;margin-left:10px;padding:5px 0;font-size:14px;*/
div.PaginatorBottomByTab {font-size:14px;display: inline-block;margin-left:700px;padding:10px 0;}
div.PaginatorByTab {
	font-size:14px;
	margin-top: -19px;
	margin-left: 700px;
	border: 0px solid #fff;
	outline: 0px solid #CCCCCC;
	z-index:4;
}

a.paginator_lnk {
	text-decoration:none; 
	padding:2px 3px;
	margin-right:5px;
	color:#003399;		/*#0b8bf2*/
	border:solid 1px #dddddd;
}
a.paginator_lnk:hover{
	padding:2px 3px;
	color:#ff9900;
	border:solid 1px #008bff;
}
.page-selected {
	background:#c0c0c0;
	padding:2px 3px;
	margin-right:5px;
	color:#fff;
	border:solid 1px #999999;
}



/*
ชื่อ mfr p/n, Data Sheet, More detail: font สี #599100
ชื่อ mfr: font สี #5a5a5a
Qty.Break: font สี #808080


Stock on hand: font สี #0000cc
Minimum Order: font สี #000000
*/