/*-------------------------------------------------------------*/
body {margin: 0; font-family: Arial, sans-serif, Helvetica; width: 100%;}

#web-frame   
{
    width: 100%;
}



.bhdr-container 
{
    float: left;
    width: 100%;
	min-width: 1280px;
    height: 149px;
    min-height: 60px;
    margin-bottom: 5px;
	background-color: #222;
}
.header-frame
{
	width: 1240px;
	display: block;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
}
.bhdr-top {
	float: left;
    width: 100%;
    height: 107px;
}
.bhdr-bottom {
	float: left;
    width: 1229px;
    height: 42px;
	background-color: #000;
}
.bottom-leftmenubar {
	float: left;
    width: 1px;
    height: 42px;
	background: url(../hdr-images/left-bg-menubar.jpg) no-repeat;
}
.bottom-rightmenubar {
	float: right;
    width: 1px;
    height: 42px;
	background: url(../hdr-images/right-bg-menubar.jpg) no-repeat;
}
.bottom-centermenubar {
	float: left;
    width: 1227px;
    height: 42px;
	background: url(../hdr-images/center-bg-menubar.jpg);
	background-repeat:repeat-x;
}

.bhdr-topbox2-search {
	float: left;
    width: 640px;
    height: 107px;
	background-color: #222;
}
    .bhdr-subsearch {
	    float: left;
        width: 551px;
        height: 38px;
        line-height: 38px;
        margin-left: 50px;
        margin-top: 50px;
    }
        .subsearch1 {
	        float: left;
            width: 150px;
            height: 38px;
            display: flex;
            justify-content: center;
            align-items:center;
            border-right: 1px solid #222;
        }
        .subsearch2 {
	        float: left;
            width: 350px;
            height: 38px;            
            display: flex;
            justify-content: center;
            align-items:center;            
            background-color: #fff;
        }
        .subsearch3 {
	        float: left;
            width: 49px;
            height: 38px;
            background: url(../hdr-images/ic-search.png) no-repeat center;
            background-color: #ff8a00;          
            display: flex;
            justify-content: center;
            align-items:center;
        }
        .search-button {
	        float: left;
            width: 43px;
            height: 34px;
        }


.bhdr-topbox3-myacc {
	float: left;
    width: 381px;
    height: 107px;
	background-color: #222;
}
    .box3-top {
        float: left;
        width: 381px;
        height: 54px;
    }
        .box3t-signin {
            float: left;
            width: auto;
            height: 54px;
        }
            .signindisplay-icontext {
                margin-top: 22px;
                margin-left: 40px;
                color: White;
            }
        .box3t-myaccount {
            float: left;
            width: auto;
            height: 54px;
        }
            .myaccountdisplay-icontext {
                margin-top: 20px;
                margin-left: 22px;
                color: White;
            }
        
    .box3-bottom {
        float: left;
        width: 381px;
        height: 53px;
    }
        .box3b-cart {
            float: left;
            width: 122px;
            height: 53px;
        }
            .cartdisplay-icontext {
                margin-top: 17px;
                margin-left: 40px;
            }
        .box3b-myfav {
            float: left;
            width: auto;
            height: 53px;
        }
            .myfavdisplay-icontext {
                margin-top: 17px;
                margin-left: 22px;
            }
            
img.middle { vertical-align: middle; }
.rightspace20 { margin-right: 5px; }


.bhdr-topbox1-eslogo {
	float: left;
    width: 208px;
    height: 107px;
    background-color: #222222;
}
a.wlnk-nonunderline { text-decoration: none; color: #fff}
a.wlnk-nonunderline:link { text-decoration: none; color: #fff}
a.wlnk-nonunderline:visited { text-decoration: none; color: #fff}
a.wlnk-nonunderline:hover { text-decoration: underline;color: #f88c50}
a.wlnk-nonunderline:active { text-decoration: none; color: #fff}


.input-search {
    width: 100%;
    height: 28px;
    padding-left: 10px;
    font-size: 0.95em;
    color: #8b8b8b;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 0;
}

.opaque {
  /* Theoretically for IE 8 & 9 (more valid) */
  /* ...but not required as filter works too */
  /* should come BEFORE filter */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */

  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=50); /* IE 5-7 */
  
  /* Modern Browsers */
  opacity: 0.5;
}



.left-round {
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 2px;

  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 2px;

  border-top-left-radius: 2px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 2px;
}
.right-round {
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 0px;

  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 0px;

  border-top-left-radius: 0px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0px;
}



.itmcntincart {
    float: left;
    position: absolute;
    width: 24px;
    height: 19px;
    margin-top: -10px;
    margin-left: 12px;
    font-size: 0.90em;
    text-align: center;
    color: white;
    background: url(../hdr-images/ic-itemcountincart.png) no-repeat;
    /*border: 1px solid yellow;*/
}

#new-mp {
	width:1240px;
	height:360px;
	/*margin-left:20px;*/
	z-index: 0;
	font-family: Arial;
    position:relative;
    /*border-spacing:0;*/
    border: 1px solid red;
}
/*-------------------------------------------------------------*/

/*-- ******************************** Slide of home page --*/
table.HL_PaginatorTbl 
{
	front-family:arial;
	font-size:9pt;
	border:solid 0px red;
}
table.HL_PaginatorTbl td.left_td_empty 
{
	width:100%;
	background-color:#fff;
	border:solid 0px #D0D0D0;
}
table.HL_PaginatorTbl td 
{
	background-color:#eaeaea;
	color:#707070;
	text-align:center;
	padding:2px 7px;
	border:solid 1px #D0D0D0;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;

	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;

	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

/*----------------------------------------------------------------------------'*/
#hm-frame {
	
	text-align: center;
  	width:100%;
	margin-top:10px;
	margin-bottom:25px;
	font-family: Arial, sans-serif, Helvetica;
	display: inline-block;
}
.content-frame
{
	width: 1240px;
	display: block;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
}
#left-ct {
	float:left;
	text-align: left;
  	width:210px;
}
#right-ct {
	float:left;
	width:1005px;
	margin-left:25px;
}
/*+++++++++++*/
#leftmenutopic {
	width:200px;
	font-weight:bold;
	color:#444444;
	padding:5px;
	background: url(../images/bg_narrow.jpg);
}
#smartphone {
	float:left;
	margin-top:20px;
	border: solid 1px #D0D0D0;
}
#emstrack {
	float:left;
	width:210px;
	margin-top: 20px;
	text-align: center;
	padding: 10px 0;
	border:solid 1px #D0D0D0;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;

	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;

	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	
	box-shadow: 1px 1px 1px lightgray;
}
#emstrack table.tracktrace {
	width:154px;
	height:184px;
	padding:3px;
	background:url(../hm-images/track-trace.png);background-repeat: no-repeat;
	margin: 0 auto;
}
#productcatalog 
{
    float:left;
    width: 210px;
    height: 177px;
    margin-top: 20px;
    border:solid 1px #D0D0D0;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;

	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;

	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	
	box-shadow: 1px 1px 1px lightgray;
	overflow: hidden;
}
#expressdelivery 
{
    float:left;
    width: 210px;
    height: 177px;
    margin-top: 20px;
    border:solid 1px #D0D0D0;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;

	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;

	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	
	box-shadow: 1px 1px 1px lightgray;
	overflow: hidden;
}
#esline1 
{
    float:left;
    width: 210px;
    height: 200px;
    margin-top: 20px;
    border:solid 1px #D0D0D0;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;

	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;

	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	
	box-shadow: 1px 1px 1px lightgray;
}


/* ----------------- Left Bar Banner ----------------- */
#left_banner {
	float:left;
	width:210px;
	height:auto;
	min-height:100px;
	margin-top:48px;
	padding: 10px 0 5px 0;
	border:solid 1px #D0D0D0;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;

	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;

	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	
	box-shadow: 1px 1px 1px lightgray;
}   
div.leftbnnr_img {
    float: left;
    text-align: center;
    padding: 0 4px;
}



#main-ct {
	float:left;
	width:1005px;
	height:310px;
	margin-top:20px;
	margin-left:25px;
}
/*+++++++++++*/
#hl-bnr {
	float:left;
  	width:727px;
  	height:312px;
	background:url(../hm-images/HL-main/hm_HL01.jpg);background-repeat: no-repeat;
	border:solid 1px #D0D0D0;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;

	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;

	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	
	overflow: hidden;
}
.paginatorHm-ct {width:728px;}
/*--------------------*/
#signin-enews {
	text-align: left;
	float:right;
	width:225px;
  	/*height:200px;*/
	margin-right:25px;
	border:solid 1px #D0D0D0;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;

	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;

	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
#signin-enews input {
	height:18px;
	vertical-align:middle;
	border:solid 1px #d5d5d5;
}
/*--------------------*/
#enewsletter {
	float:right;
	width:225px;
  	height:145px;
	margin-top:20px;
	margin-right:25px;
	border:solid 1px #D0D0D0;
}
#enewsletter input#txtemail {
	height:18px;
	vertical-align:middle;
	border:solid 1px #d5d5d5;
}
/*+++++++++++*/
#sub1-ct {
	float:left;
	margin-top:20px;
	width:980px;
}
#sub2-ct {
	float:left;
	margin-top:20px;
	margin-bottom:20px;
}
/*+++++++++++*/
/*++++++++++++++++++++++++++++++*/


/*--------------------------------------------'*/
#newprodtopic {
	clear:right;
	width:auto;
	margin:10px 0;
	font-size:1.3em;
	color:#f89646;
	text-align: left;
}
.newproduct-items {
	border-top: 2px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;

	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;

	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	
	overflow: hidden;
}
#seeallnewprodlink {
	float:right;
	margin-right:735px;
	padding:5px;
	font-size:0.7em;
	color:blue;
}
#newproducts div.NewProdThumbnail {
	float:left;
  	width:194px;
  	height:220px;
	margin:20px 0;
	border-right:dotted 1px #D0D0D0;
	background-color:#fff;
	text-align:center;
	vertical-align:middle;
}
#newproducts div.NewProdThumbnailLast {
	float:left;
  	width:194px;
  	height:220px;
	margin:20px 0;
	background-color:#fff;
	text-align:center;
	vertical-align:middle;
}
#firstBx {
	float:left;
  	width:195px;
  	height:220px;
	margin:20px 0;
	border-right:dotted 1px #D0D0D0;
	background-color:#fff;
	text-align:center;
	vertical-align:middle;
}
#lastBx {
	float:left;
  	width:195px;
  	height:220px;
	margin:20px 0;
	border-right:dotted 1px #D0D0D0;
	background-color:#fff;
	text-align:center;
	vertical-align:middle;
}

#newproducts div.NewProdThumbnail img, #newproducts div.NewProdThumbnailLast img,
#firstBx img,#lastBx img {margin:5px 0 5px 0}

#newproducts div.NewProdThumbnail div.topic, #newproducts div.NewProdThumbnailLast div.topic {
	margin: 0.5em 10px;
	font-weight:bold;
	font-size:0.8em;
	color: #000;
	text-align:left;
}
#newproducts div.NewProdThumbnail div.proddetail, #newproducts div.NewProdThumbnailLast div.proddetail {
	margin: 0.5em 10px;
	font-size:0.8em;
	text-align:left;
	line-height:18px;
}
#firstBx div.topic,
#lastBx div.topic {
	margin: 0.5em 10px;
	font-weight:bold;
	font-size:0.8em;
	color: #000;
	text-align:left;
}
#firstBx div.proddetail,
#lastBx div.proddetail {
	margin: 0.5em 10px;
	font-size:0.8em;
	text-align:left;
	line-height:18px;
}
.line-separator {
	clear:both;
	width:100%;
	border-bottom: #D0D0D0 solid 1px;
}
/*--------------------------------------------'*/
#banklogo {
	float:right;
	width:100%;
}
#banklogo div {
	float:left;
	margin:0 33px;
	text-align: center;
}
/*----------------------------------------------------------------------------'*/
/*----------------------------------------------------------------------------'*/




/* ----------------------------------------- */
#secound-ct {
	float:left;
  	width:1005px;
}
#OtherHL {
  	float:left;
  	width:520px;
	height:auto;
  	margin:20px 0 20px 0;
}

#productbydigitblock {
  	float:left;
  	width:125px;
	height:auto;
  	margin:20px 0 20px 0;
}

/* block productbydigit */
.productbydigit {
	float:left;
	width:125px;
	height:465px;
	border-right:solid 1px #D0D0D0;
}
#productbydigit-Banner {
	float:left;
}
#productbydigit-Banner img {
	width:115px;
	border:1px solid #e1e1e1;
}
#productbydigit-Banner img:hover {
	border:1px solid #aeaeae;
}
#productbydigit-Banner table{
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
}
/* ----------------------------------------- */

#otherdigitblock {
  	float:left;
  	width:250px;
	height:auto;
  	margin:20px 0 20px 0;
}

/* block otherdigit */
.otherdigit {
	float:left;
	width:250px;
	height:465px;
	border-right:solid 1px #D0D0D0;
}
#otherdigit-Banner {
	float:left;
	margin-left: 10px;
}
#otherdigit-Banner img {
	width:230px;
	border:solid 1px #e1e1e1;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;

	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;

	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	
	overflow: hidden;
}
#otherdigit-Banner img:hover {
	border:1px solid #aeaeae;
}
#otherdigit-Banner table{
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
}
/* ----------------------------------------- */

#newvenderblock {
  	float:left;
  	width:250px;
	height:auto;
  	margin:20px 0 20px 0;
}

/* block newvender */
.newvender {
	float:left;
	width:250px;
	height:435px;
	border-right:solid 1px #D0D0D0;
	margin-left: 10px;
	overflow-y: hidden;
	overflow-x: hidden;
}
.newvender:hover {
	overflow-y: auto;
	overflow-x: hidden;
}
.newvendertopic {
	float: left;
	clear:right;
	width:230px;
	margin:0 0 0 10px;
	padding:5px;
	font-size:18px;
	color:#000000;
	border-left:solid 4px #0079a4;
	background-color: #f1f1f1;
	text-align: left;
}
#newvender-Banner {
	float:left;
	margin-top: 10px;
}
#newvender-Banner img {
	width:110px;
	margin-left: 5px;
	border:1px solid #e1e1e1;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;

	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;

	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
#newvender-Banner table{
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
}
#newvender-Topic {
	width:225px;
	float:left;
	margin-left: 5px;
	font-weight:bold;
	color:#2e2e2e;
	padding:0 0 5px 0;
	text-align:left;
}
#newvender-Detail {
	float:left;
	width:225px;
	margin-left: 5px;
	font-size:0.95em;
	color:#969696;
	text-align:left;
	line-height:1.3;
	padding-bottom: 10px;    
	border-bottom:solid 1px #D0D0D0;
}
/* ----------------------------------------- */


#productlineblock {
  	float:left;
  	width:375px;
  	margin:20px 0 20px 0;
  	height:auto;
	text-align: left;
}

/* block otherdigit */
.productline {
	float:left;
	margin-left: 0.5px;
	height:435px;
	overflow-y: hidden;
	overflow-x: hidden;
}
.productline:hover {
	overflow-y: auto;
	overflow-x: hidden;
}
.productlinetopic {
	clear:right;
	margin:0 10px 0 10px;
	padding:5px;
	font-size:18px;
	color:#000000;
	border-left:solid 4px #ff8c2f;
	background-color: #f1f1f1;
}
#productline-Banner {
	float:left;
	margin-left: 10px;
}
#productline-Banner img {
	height: 61px;
	border:1px solid #ffffff;
}
#productline-Banner img:hover {
	border:1px dotted #aeaeae;
}
#productline-Banner table{
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
}
/* ----------------------------------------- */

.newsupplierstopic {
	clear:right;
	width:auto;
	margin:0 0;
	padding:5px;
	font-size:1.3em;
	color:#f89646;
	border-bottom:solid 1px #d0d0d0;
}

/* ºÅçͤ New Suppliers áµèÅкÅçͤ */
.NewSuppliers {
	float:left;
	width:520px;
	border-bottom:dashed 1px #D0D0D0;
	padding:10px 0;
}
.NewSuppliers:hover {
	background-color:#f4f4f4;
}

#NewSup-Banner {
	float:left;
}
#NewSup-Banner img {
	width:110px;
	height:75px;
	border:none;
}
#NewSup-Banner table{
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
}
#NewSup-Topic {
	width:70%;
	float:left;
	margin-left: 20px;
	font-weight:bold;
	color:#2e2e2e;
	padding:0 0 5px 0;
}
#NewSup-Detail {
	float:left;
	width:385px;
  	height:50px;
	margin-left: 20px;
	font-size:0.95em;
	color:#969696;
	text-align:left;
	line-height:20px;
}
/* ----------------------------------------- */


#JobCareer-ct {
  	float:right;
	margin:20px 64px 0 25px;
}
a#lnkJobC {
	display:block;
	width:180px;
	height:65px;
	background:url(../hm-images/bgJobC.jpg) no-repeat;
	text-indent:-9999px;
}
#FB-ct {
  	float:right;
  	width:180px;
  	height:65px;
  	margin:20px 0 0 0;
	background:url(../hm-images/bgFB.jpg);
	text-align:center;vertical-align:middle;
}
#separate-ct {
	float:right;
	width:385px;
	margin:25px 64px 25px 0;
	border-bottom:dashed 1px #D0D0D0;
}
#separate-ct2 {
	float:right;
	width:385px;
	margin:5px 64px 25px 0;
	border-bottom:dashed 1px #D0D0D0;
}
#Seminar-ct {
  	float:right;
  	width:180px;
	position:relative;
	height:140px;
	margin:0 64px 25px 0;
  	background-color: #f4f4f4;
	text-align:center;vertical-align:middle;
	
	background:url(../hm-images/bgSeminar.jpg) no-repeat;
}
#seminar-notification {
	width:170px;
	height:30px;
	margin-top:74px;
	margin-left:10px;
	margin-bottom:-74px;
	font-size:0.9em;
	color:#c5d9f1;
	text-align:left;
}
#ClearanceSale-ct {
  	float:right;
  	margin-right:25px;	/* ªèÇ´ѹºÅçͤ´éÒ¹¢ÇÒÊØ´ãËé¾Í´Õ¢Íº´éÒ¹«éÒ */
}
#News-ct {
  	float:left;
  	margin-left:35px;	/* ªèÇ´ѹºÅçͤ´éÒ¹¢ÇÒÊØ´ãËé¾Í´Õ¢Íº´éÒ¹«éÒ */
}
a#lnkClearanceSale {
	display:block;
	width:180px;
	height:140px;
	background:url(../hm-images/bgClearanceSale.jpg) no-repeat;
	text-indent:-9999px;
}
a#lnkNews {
	display:block;
	width:180px;
	height:140px;
	background:url(../hm-images/bgNews.jpg) no-repeat;
	text-indent:-9999px;
}
#Newcoming-ct {
  	float:right;
  	width:180px;
  	position:relative;
  	height:140px;
  	margin:0 64px 25px 0;
  	background-color: #f4f4f4;
	text-align:center;vertical-align:middle;
}
a#lnkNewcoming {
	display:block;
	width:180px;
	height:140px;
	background:url(../hm-images/bgNewcoming.jpg) no-repeat;	/*no-repeat same is background-repeat: no-repeat;*/
	text-indent:-9999px;
}
#Newproducts-ct {
  	float:right;
  	width:180px;
  	position:relative;
  	height:140px;
  	margin:0 64px 25px 0;
  	background-color: #f4f4f4;
	text-align:center;vertical-align:middle;
}
a#lnkNewproducts {
	display:block;
	width:180px;
	height:140px;
	background:url(../hm-images/bgNewproducts.gif) no-repeat;	/*no-repeat same is background-repeat: no-repeat;*/
	text-indent:-9999px;
}
#Promotion-ct {
  	float:right;
  	width:180px;
  	height:140px;
	margin-top:22px;	/*20px-2px(border)*/
	margin-right:25px;	/* ªèÇ´ѹºÅçͤ´éÒ¹¢ÇÒÊØ´ãËé¾Í´Õ¢Íº´éÒ¹«éÒ */
}
.lnkPromotion {	/* ËÃ×Í a#lnkPromotion ¡çä´é */
	display:block;
	width:180px;
	height:140px;
	background:url(../hm-images/bgPromotion.gif) no-repeat;	/*no-repeat same is background-repeat: no-repeat;*/
	text-indent:-9999px;
}



#footer-ct {
	float:left;
	width: 100%;
	min-width: 1240px;
	color:#000;
	background-color:#FFF;
}
.footer-frame
{
	width: 1240px;
	display: block;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
}
.footer-ms {	
	float: left;
    width: 100%;
	min-width: 1280px;
    margin-bottom: 5px;
	background-color: #222;
	color:#FFF;
	padding: 10px 0px 10px 0px;
}
.footer-ms .FooterColumn 
{
    margin: 10px 0 0 30px;
    float:left;
}
.footer-ms .FooterHeader 
{
    font-size: 18px;
}
.footer-ms .FooterDetail 
{
    margin-top: 10px;
    font-size: 15px;
}
.footer-ms .FooterDetail img 
{
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;

	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;

	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
.footer-ms .FooterDetail a
{
    color: #ffffff;
}
.footer-ms .FooterDetail a:hover
{
    color: #f88c50;
}
#escopyright-ct {
	padding: 10px 0;
	text-align: center;
	margin: 0px 0px 0px 0px;
}
#usersonline {
    font-size:small;
	text-align: center;
	padding: 10px 0 0 0;
	margin: 0px 0px 0px 0px;
}

#graybarempty-ct {
	width:1240px;
	height: 20px;
  	background-color: #bfbfbf;
}


#divtopic {
	font-size: 1.0em;
	color: #02407b;
	width: auto;
	padding: 5px 10px;
	border-bottom: dotted 1px #D0D0D0;
}
/*==========================*/


a.b-lnk0:link {font-family:arial;font-size:1.1em;text-decoration:none;color:#0000ff}		/*173776*/
a.b-lnk0:visited {font-family:arial;font-size:1.1em;text-decoration:none;color:#0000ff}		/*46327C*/
a.b-lnk0:hover {font-family:arial;font-size:1.1em;text-decoration:underline;color:#f88c50}		/*FF9900*/
a.b-lnk0:active {font-family:arial;font-size:1.1em;text-decoration:none;color:#0000ff}

a.b-lnk1:link {font-family:arial;font-size:1em;text-decoration:underline;color:#0000ff}		/*173776*/
a.b-lnk1:visited {font-family:arial;font-size:1em;text-decoration:underline;color:#0000ff}		/*46327C*/
a.b-lnk1:hover {font-family:arial;font-size:1em;text-decoration:underline;color:#f88c50}		/*FF9900*/
a.b-lnk1:active {font-family:arial;font-size:1em;text-decoration:underline;color:#c3c3c3}

a.o-lnk1:link {font-family:arial;font-size:1em;text-decoration:none;color:#f88c50}		/*173776*/
a.o-lnk1:visited {font-family:arial;font-size:1em;text-decoration:none;color:#f88c50}		/*46327C*/
a.o-lnk1:hover {font-family:arial;font-size:1em;text-decoration:underline;color:#0000ff}		/*FF9900*/
a.o-lnk1:active {font-family:arial;font-size:1em;text-decoration:none;color:#f88c50}

a.b-lnk2:link {font-family:arial;text-decoration:none;color:#0000ff}
a.b-lnk2:visited {font-family:arial;text-decoration:none;color:#0000ff}
a.b-lnk2:hover {font-family:arial;text-decoration:underline;color:#f88c50}
a.b-lnk2:active {font-family:arial;text-decoration:none;color:#0000ff}

a.b-lnk3:link {font-family:arial;font-size:0.7em;text-decoration:none;color:#0000ff}
a.b-lnk3:visited {font-family:arial;font-size:0.7em;text-decoration:none;color:#0000ff}
a.b-lnk3:hover {font-family:arial;font-size:0.7em;text-decoration:underline;color:#f88c50}
a.b-lnk3:active {font-family:arial;font-size:0.7em;text-decoration:none;color:#0000ff}

#divVP {
	float:left;
	width:auto;
	height:auto;
	margin-top:20px;
	margin-left:40px;
	padding:10px 20px 20px 20px;
	border:solid 0px #e2e2e2;
}


/* NEW */
a.b-lnk-m:link {font-family:arial;font-size:0.9em;text-decoration:underline;color:#0066cc}		/*173776*/
a.b-lnk-m:visited {font-family:arial;font-size:0.9em;text-decoration:underline;color:#0066cc}		/*46327C*/
a.b-lnk-m:hover {font-family:arial;font-size:0.9em;text-decoration:underline;color:#ff6600}		/*FF9900*/
a.b-lnk-m:active {font-family:arial;font-size:0.9em;text-decoration:underline;color:#0066cc}

a.darkred-lnk-m:link {font-family:arial;font-size:1em;text-decoration:none;color:#d10005}		/*173776*/
a.darkred-lnk-m:visited {font-family:arial;font-size:1em;text-decoration:none;color:#d10005}		/*46327C*/
a.darkred-lnk-m:hover {font-family:arial;font-size:1em;text-decoration:underline;color:#ff6600}		/*FF9900*/
a.darkred-lnk-m:active {font-family:arial;font-size:1em;text-decoration:none;color:#d10005}

/* Product Categories List */
span.gry-itemcnt-m {font-size:0.9em;color:#666666}
#imgemptybox {width:100px;height:75px;border:solid 1px #C7C7C7;background:url(../Picture/nopic-small.jpg);background-repeat: no-repeat;}
.grgname {}
#subcattb-firstrow {margin-left:90px;width:1170px;border-top:solid 0px #d5d5d5;}
#subcattb-nextrow {margin-left:90px;width:1170px;border-top:dashed 1px #d5d5d5;}
#subcattb-firstrow tr td {padding:10px 0;}
#subcattb-nextrow tr td {padding:15px 0 10px 0;}
table#grptbl {margin-left:70px;width:1170px;}
#pcatlist {float:left;margin-top:20px;}

table.myacc-menu {width:200px;font-family:arial;font-size:0.8em;padding:2px;}




/*---------------------------*/
/* navigator link */
/*---------------------------*/
a.nav_lnk 
{
    font-family: Arial, sans-serif, Helvetica;
}
a.nav_lnk:link 
{
    color: #000;
    text-decoration: none;
}
a.nav_lnk:visited 
{
    color: #000;
    text-decoration: underline;
}
a.nav_lnk:hover
{
    color: #f58020;
    text-decoration: underline;
}
a.nav_lnk:active
{ 
    color: #f58020;
    text-decoration: underline;
}

a.nav_currentlnk {font-family: Arial, sans-serif, Helvetica;}
a.nav_currentlnk:link { color: #ffa500; }
a.nav_currentlnk:visited {color: #ffa500; }
a.nav_currentlnk:hover { color: #003399;text-decoration: underline; }
a.nav_currentlnk:active { color: #ffa500; }




/*============================*/
/* Main Navigation
/*============================*/
#nav {
    height: 38px;
    line-height: 38px;
    width: 100%;
    z-index: 500;
}

#nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#nav li {
    background: #fff;
    color: #777;
    float: left;
    position: relative;
    width: 150px;
}

#nav li:last-child, #nav li:last-child a {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

#nav a {                
    border-right: 1px solid #222;
    border-left: 1px solid #555;
    color: #8b8b8b;
    display: block;
    font-size: 15px;
    height: 38px;
    overflow: hidden;
    text-align: left;
    padding-left: 10px;
    -webkit-box-shadow: inset 0 0 10px transparent;
    -moz-box-shadow: inset 0 0 10px transparent;
}

#nav a:after {
    content: "";
    height: 25px;
    left: 0;
    position: absolute;
    width: 100%;
    
    
}

#nav li:hover > a {
    background: #fff;
    border-left-color: #222;    
    color: #777;
    text-decoration: none;
}
#nav span {
    /*position: relative;*/
    position: absolute;
    white-space: nowrap; 
    overflow: hidden;
    width: 120px;
}

#nav li:first-child a {
    border-left: none;    
}

#nav li:last-child a {
    border-right: none;    
}

.catsearch-menu > a span.arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #222;
    position: absolute;
    top: 16px;
    right: 10px;    
}


/*============================*/
/* Sub Navigation
/*============================*/
#nav ul ul {
    opacity: 0;
    position: absolute;
    visibility: hidden;
    width: 0;    
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -ms-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
    
    /*height: 385px;
    overflow-y: scroll;*/
    border: 1px solid #ddd;
    z-index: 500;
}
#nav ul li ul.catsearch-submenu {
    opacity: 1;
    width: 260px;
    border: 1px solid #ddd;
}

#nav ul ul li {
    background: #fff;
    float: none;    
    line-height: 0;
    width: 100%;            
}

#nav ul ul li:first-child, #nav ul ul li:first-child a { 
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    border-radius: 0; 
}
#nav ul ul li:last-child, #nav ul ul li:last-child a { 
    -webkit-border-radius: 0 0 3px 3px; 
    -moz-border-radius: 0 0 3px 3px; 
    border-radius: 0 0 3px 3px; 
}

#nav ul ul li a {
    color: #333;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    padding: 0 0 0 10px;
    text-align: left;
}

#nav ul li ul li a:after {
    content: "";
    left: 0;
    position: absolute;
    width: 100%;    
    height: 30px;
}

#nav ul ul li a:hover {
    background: #eaeaea;
    color: #fe8e0b;
}

.title-dropdown {
    font-size: 15px;
}

#nav .catsearch-block {
    /*ackground-color: #FFF;*/
	-webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    display: block;
    height: 38px;
    overflow: hidden;
    text-align: left;
    -webkit-box-shadow: inset 0 0 10px transparent;
    -moz-box-shadow: inset 0 0 10px transparent;
	content: "";
}
#nav select.catsearch-submenu {
	width: 100%;
	height: 100%;
	color: #8b8b8b;
	font-size: 15px;
	border-color: #FFF;
	padding-left: 5px;
	padding-right: 5px;
}
#nav select option {
    color: #8B8B8B;
	font-size: 15px;
	line-height: 25px;
}
#nav select option:focus{color:yellow;}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #8b8b8b;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #8b8b8b;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #8b8b8b;
}
:-moz-placeholder { /* Firefox 18- */
  color: #8b8b8b;
}


/*---------- GLOBAL STYLE : START ----------*/

    /*---------- mfr-vp.asp : START ----------*/
    .btn-buy 
    {
	    -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;
	    border-radius: 3px;
    }
    .btn-buy: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;
    }.btn-buy:active {
	    position:relative;
	    top:1px;
    }
    
    /*----- 3 colors button -----*/
    .btnCheckout 
    {
	    -moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	    -webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	    box-shadow:inset 0px 1px 0px 0px #fce2c1;
	    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	    background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	    background-color:#ffc477;
	    -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:0px;
	    border:1px solid #eeb44f;
	    display:inline-block;
	    color:#ffffff;
	    font-family:Arial;
	    font-size:15px;
	    font-weight:normal;
	    font-style:normal;
	    height:35px;
	    line-height:35px;
	    width:200px;
	    text-decoration:none;
	    text-align:center;
	    text-shadow:1px 1px 0px #cc9f52;
	    cursor: pointer;
    }
    .btnCheckout:hover 
    {
	    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	    background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	    background-color:#fb9e25;
    }
    .btnCheckout:active
    {
	    position:relative;
	    top:1px;
    }
        
    .btnContinue
    {
	    -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:15px;
	    font-style:normal;
	    height:35px;
	    line-height:35px;
	    width:200px;
	    text-decoration:none;
	    text-align:center;
	    text-shadow:1px 1px 0px #ffffff;
	    cursor: pointer;
    }
    .btnContinue: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;
    }.btnContinue:active
    {
	    position:relative;
	    top:1px;
    }	
    /*---------- mfr-vp.asp : END ----------*/

    /*---------- editpassword.asp : START ----------*/
    div.menu-container
    {
        float: left;
        min-width: 250px;
        max-width: 350px;
        min-height: 200px;
        font-family:Arial, Helvetica, sans-serif;
        font-size:14px;
        padding: 10px 10px;
        /*border: 1px solid #dedede;*/
        border-radius: 0.3em;
        margin: 20px 0px 30px 0;
    } 
    div.reg-container {
        float: left;
        min-width: 750px;
        max-width: 750px;
        min-height: 200px;
        font-family:Arial, Helvetica, sans-serif;
        font-size:14px;
        padding: 10px 20px;
        border: 1px solid #dedede;
        border-radius: 0.3em;
        margin: 0px 0 150px 0;
    }
    div.subbox2 {
        float: left;
        clear: left;
        width: 100%;
        padding: 5px 0;
        color: #948b54;
        margin: 20px 0 0 0;
    }
    #top 
    { 
        position:relative;
        overflow:auto;
        width: 100%;
    }
    #top .subbox2-1 
    { 
        float:left; 
        width: 78%; 
        height:auto; 
    }
    #top .subbox2-2 
    { 
        position:absolute;
        bottom:0;
        right:0;
    }        
    div.subbox3 
    {
        float: left;
        clear: left;
        /*width: 562px;*/
        width: 100%;
        min-height: 50px;
        padding: 10px 0;
        background-color: #fafafa;
        border: 1px solid #dedede;
        border-radius: 0.3em;
        font-size: 14px;
    }
    div.subbox3-1 
    {
        float: left;
        clear: left;
        width: 100%;
        padding: 25px 0;
    }
    div.subbox3-11 
    {
        float: left;
        clear: left;
        width: 160px;
        margin-left: 40px;
        margin-bottom: 10px;
        color: #555;
    }
    div.subbox3-12 
     {
        float:left;
        margin-left: 10px;
    }
    div.first-lbl
    {
        float:left;
        clear: left;
        width: 160px;
        margin-left: 40px;
        margin-bottom: 10px;
    }        
    div.lbl_title
    {
        float: left;
        clear: left;
        max-width: 320px;
        min-width: 140px;
        margin-left: 40px;
        margin-bottom: 14px;
        line-height:1.6;
        color: #808080;
        font-size: 14px;
    }        
    div.txt_input
    {
        float: left;
        width: auto;
        height: 25px;
        margin-left: 5px;
    }
    .lbl_required
    {
        float: right;
        width: 10px;
        margin-left: 5px;
        font-size: 20px;
        color: #f00;
    }        
    div.div_btn 
    {
        height: auto;
        padding-top: 20px;
        padding-bottom: 10px;
    }
    input.btn_myaccount
    {            
        font-size:15px
    }
    .input_disabled
    {
        border: 1px solid #e0e0e0;
        background-color: #f6f6f6;
        color: #757575;
        padding: 2px;
    }        
    .left-menu {
        margin: 7px 10px;
    }
    .main-menu
    {
        margin: 5px 10px 15px 10px;
        font-size: 1.2em;
        color: #01a3d8;
        font-weight: bold;
    }        
    input[type=text]:disabled 
    {
        color: #000000;
    }
    .btnSave 
    {
	    -moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	    -webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	    box-shadow:inset 0px 1px 0px 0px #fce2c1;
	    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	    background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	    background-color:#ffc477;
	    -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:0px;
	    border:1px solid #eeb44f;
	    display:inline-block;
	    color:#ffffff;
	    font-family:Arial;
	    font-size:15px;
	    font-weight:normal;
	    font-style:normal;
	    height:35px;
	    line-height:35px;
	    width:100px;
	    text-decoration:none;
	    text-align:center;
	    text-shadow:1px 1px 0px #cc9f52;
	    cursor: pointer;
	    margin-top: 10px;
    }
    .btnSave:hover {
	    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	    background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	    background-color:#fb9e25;
    }.btnSave:active {
	    position:relative;
	    top:1px;
    }
    .btnCancel {
	    -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:15px;
	    font-style:normal;
	    height:35px;
	    line-height:35px;
	    width:100px;
	    text-decoration:none;
	    text-align:center;
	    text-shadow:1px 1px 0px #ffffff;
	    cursor: pointer;
    }
    .btnCancel: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;
    }.btnCancel:active {
	    position:relative;
	    top:1px;
    }
    .btnChange {
	    -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, #35ff91), color-stop(1, #00b050) );
	    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:#ffffff;
	    font-family:Arial;
	    font-size:15px;
	    font-style:normal;
	    height:35px;
	    line-height:35px;
	    width:100px;
	    text-decoration:none;
	    text-align:center;
	    text-shadow:1px 1px 0px #00b050;
	    cursor: pointer;
    }
    .btnChange:hover {
	    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00b050), color-stop(1, #35ff91) );
	    background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	    background-color:#e9e9e9;
    }.btnChange:active {
	    position:relative;
	    top:1px;
    }        
    .msgNotice 
    {
        font-family:Arial, Helvetica, sans-serif; 
        font-size:13px; 
        color: red;
    }
    /*---------- editpassword.asp : END ----------*/   
    
/*---------- GLOBAL STYLE : END ----------*/


/*---------- aboutus.asp : START àÍÒ aboutus_style.css, HLPaginatorTable.css ÁÒÃÇÁáÅéÇ ----------*/
    .abu_container 
    {
        width: 990px;
        height: auto;
        font-family:Arial, Helvetica, sans-serif;
        text-align: left;
        margin-left: 60px;
        padding-bottom: 50px;
    }
    .abu_container:after 
    {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    .pagename 
    {
        float:left;
        font-size: 28px; 
        color:#e46d0a; 
        height:27px;
    }
    .underpagename 
    {
        border-bottom: 4px solid #e46d0a;
        height: 40px;
        width: 750px;
    }
    .abu_topic 
    {
        float:left;
        width:100%;
        font-size: 19px;
        font-weight: bold;
        color:#808080;
        margin:20px 0 10px 0;
        border: solid 0px green;
    }
    .detailoftopic 
    {
        float:left;
        width:735px;
        font-size: 16px;
        line-height: 1.5;
        border: solid 0px blue;
        margin-left: 15px;
        margin-bottom: 30px;
    }
    .sub_topic1 
    {
        float:left;
        width: 220px;
        border: solid 0px green;
    }
    .sub_detail1
    {
        float:left;
    }
/*---------- aboutus.asp : END ----------*/


/*---------- mfr-vp.asp : START àÍÒ aboutus_style.css, HLPaginatorTable.css ÁÒÃÇÁáÅéÇ ----------*/

    /*----- navigator container -----*/
    div.navi-container {
	    width:auto;
	    min-width:200px;
	    float:left;
	    margin:10px 0;
	    font-family: Arial, sans-serif, Helvetica;
	    font-size: 15px;
    }

    .mfr-container
    {
        width: 900px;
        height: auto;
        font-family: Arial, sans-serif, Helvetica;
        text-align: left;
    }
    .mfr-container:after 
    {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    .topic-detail 
    {
        float:left;
        width:900px;
        font-size: 0.9em;
        line-height: 20px;
        border: solid 0px blue;
        color: #595959;
    }
    .prdline-container 
    {
        float:left;
        width: 95%;
        height: auto;
        border: solid 0px red;
    }
    .prdline-logobox 
    {
        float: left;
        width: 154px;
        height: 89px;
        border: solid 1px #e0e0e0;
        border-radius: 3px;
        margin: 5px;
    }
    .prdline-logobox:hover 
    {
        border: solid 1px #f58020;
    }
    
    /*----- mfr vp right zone -----*/
	.main 
	{
	    font-family:arial;
	    font-size:1.1em;
	}
	.vendorname 
	{
	    float:right;
	    font-family:arial;
	    font-size:0.8em;
	    color:#9c9c9c;
	}
	.pricelevel 
	{
	    font-family:arial;
	    font-size:0.8em;
	    color:#5d5d5d;
	}
	.NarrowTopic 
	{
	    font-family:arial;
	    font-size:0.9em;
	    color:#000000;
	}
	
	.detail {
        font-family: arial;
        font-size: 0.8em;
        color: #9c9c9c;
    }
	a.lnk16blue:link 
	{
	    font-family:arial;
	    font-size:0.8em;
	    text-decoration: underline;
	    color: #173776;
	}
	a.lnk16blue:visited 
	{
	    font-family:arial;
	    font-size:0.8em;
	    text-decoration: underline;
	    color: #46327C;
	}
	a.lnk16blue:hover 
	{
	    font-family:arial;
	    font-size:0.8em;
	    text-decoration: underline;
	    color: #f58020;
	}
	a.lnk16blue:active 
	{
	    font-family:arial;
	    font-size:0.8em;
	    text-decoration: none;
	    color: #46327C
	}
	    	
	a.espart-vp-link:link 
	{ 
	    text-decoration: underline;
	    color: red;
	}
	a.espart-vp-link:visited 
	{ 
	    text-decoration: underline;
	    color: red;
	}
	a.espart-vp-link:hover 
	{
	    text-decoration: none;
	    color: red;
	}
	a.espart-vp-link:active
	{
	    text-decoration: underline;
	    color: red;
	}	
	    
	#nrrw table.narrow td{
		border:1px solid #d0d0d0
	}
	#nrrw table.narrow td select{
		overflow:scroll;
	}
	#nrrw table.narrow td.topic{
		background:url(../images/bg_narrow.jpg) repeat-x;
		text-align:center;
		font-weight:bold;
		color:#000;
		padding:5px;
		white-space:nowrap;
		font-family:arial; font-size:0.75em
	}
	
	.DiscountUnitPrice 
	{
	    color:#336699;
	}
	.NetPrice 
	{
	    text-decoration:underline;
	    color:#46810d;
	}
	.SavePrice
	{
	    color:#c22c27;
	}
	
	#container{
		width:955px;
		float:left;
		position:relative;
		font-family:arial; 
		font-size:0.8em;
	}
	#container #paginator1{
		width:955px;
		float:left;
		text-align:center;
		margin-bottom:5px;
		font-size: 14px;
	}
	#container #paginator1 a{
		cursor:pointer;
		display:block;
		display:inline-block;
		border:1px solid #dddddd;
		border-radius: 3px;
		padding:2px 5px;
		color:#003399;
		text-decoration:none;
		margin-right:5px;
	}
	#container #paginator1 a:hover{
		border:1px solid #008bff;
		color:#fc9f1a;
	}
	#container #paginator1 .selected{
		background:#C0C0C0;
        padding: 2px 2px;
        margin-right: 5px;
        color: #fff;
        border: solid 1px #999999;
        border-radius: 3px;
	}

    table.detailsTbl td
    {
        color:#000;
        font-family:arial;
        font-size:0.8em;
        padding:2px;
    }
	table.detailsTbl td a span
	{
		font-family:arial;
		font-size:1.1em;
	}
	table.detailsTbl td a:link
	{
	    font-family:arial;
	    font-size:0.9em;
	    text-decoration: underline;
	    color: #173776
	}
	table.detailsTbl td a:visited
	{
	    font-family:arial;
	    font-size:0.9em;
	    text-decoration: underline;
	    color: #46327C;
	}
	table.detailsTbl td a:hover
	{
	    font-family:arial;
	    font-size:0.9em;
	    text-decoration: underline;
	    color: #f58020;
	}
	table.detailsTbl td a:active
	{
	    font-family:arial;
	    font-size:0.9em;
	    text-decoration: none;
	    color: #46327C;
	}
	table.detailsTbl td.detailMfr
	{
	    font-family:arial;
	    font-size:0.8em;
	}
	table.detailsTbl td span
	{
	    font-family:arial;
	    font-size:0.9em;
	}
	table.detailsTbl td.detailDesc{
		white-space: -moz-pre-wrap; /* Firefox (Mozilla, since 1999) */
		white-space: -pre-wrap; /* ancient Opera (Opera 4-6) */
		white-space: -o-pre-wrap; /* newer Opera (Opera 7) */
		white-space: pre-wrap; /* Chrome; W3C standard (css-3) */
		/*word-wrap: break-word;*/ /* IE (Internet Explorer 5.5+) */
	}
	table.StockTbl 
	{
	    width:100%;
	}
	table.StockTbl td 
	{
	    padding:2px;
	    font-family:arial;
	    font-size:0.8em;
	    padding:0px 2px;
	}
	table.StockTbl td.StockQty
	{
	    color:#d02f29;
	}
	#pricelevel table.tblprice td{
		color:#5d5d5d;
		font-family:arial;font-size:0.8em;
		padding:2px;
	}
	    
	.mfrlmnu_box {
		width:240px;
		font-size:13px;
		font-family:Arial, Helvetica, sans-serif;
		border:solid 1px #D0D0D0;
	}
	.mfrlmnu_maincatn {
		width:100%;
		height:20px;
		margin:10px 0 10px 10px;
		font-weight:bold;
		border:solid 0px blue;
	}
	.mfrlmnu_subcatn {
		width:100%;
		height:20px;
		margin:10px 0 10px 20px;
		border:solid 0px green;
	}
	.mfrlmnu_subcatitmcnt {
		color:#666666;
	}
	
    .detailtobuy 
    {
	    -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:15px;
	    font-weight:normal;
	    font-style:normal;
	    height:35px;
	    line-height:35px;
	    width:130px;
	    text-decoration:none;
	    text-align:center;
	    text-shadow:1px 1px 0px #ffffff;
    }
    .detailtobuy: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;
    }.detailtobuy:active {
	    position:relative;
	    top:1px;
    }
/*---------- mfr-vp.asp : END ----------*/


/*---------- purchase.asp : START ----------*/
    div.purchase-reg-container {
        float: left;
        min-width: 1000px;
        max-width: 1000px;
        font-family:Arial, Helvetica, sans-serif;
        padding: 5px 0px;
        margin: 10px 0 0px 0;
    }
    div.purchase-title {
        float: left;
        clear: left;
        width: 100%;
        padding: 5px 0;
        color: #e26b0a;
        margin: 20px 0 20px 0;
        font-size: 28px;
    }
        
    div.purchase-block {
        float: left;
        clear: left;
        width: 100%;
        min-height: 50px;
        padding: 10px 0;
        background-color: #fafafa;
        border: 1px solid #dedede;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        font-size: 14px;
    }
    div.purchase-block-choice {
        float: left;
        clear: left;
        width: 100%;
        padding: 10px 0;
    }
    div.purchase-block-text {
        float:left;
        clear: left;
        margin-left: 30px;
        margin-bottom: 10px;
        font-size: 15px;
    }             
    div.purchase-block-dropdown {
        float: left;
        width: auto;
        height: 25px;
        margin-left: 5px;
    }   
    div.purchase-block-topic {
        float: left;
        height: 27px;
        width: 100%;
        color: #ffffff;
        background-color: #000000;
        vertical-align: middle;
        font-size: 17px;
    }
/*---------- purchase.asp : END ----------*/


/*---------- showorder.asp : START ----------*/
.myaccount-menu-container
{
    float: left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    padding: 5px 5px;
}
.myaccount-left-menu
{
    margin: 7px 10px;
    font-weight: normal;
    line-height: 2;
}
.myaccount-left-menu:visited
{
    color: #000000;
}
.myaccount-left-menu:hover
{
    color: #f58020;
}


.myaccount-title
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight: bold;
    padding: 5px 5px 5px 10px;
    color: #595959;
}

table.tbl-orderlist 
{
    font-family:Arial, sans-serif, Helvetica;
    font-size:0.8em;
}
table.tbl-orderlist th 
{
    height:20px;
    background-image: -webkit-linear-gradient(top, #f6f8f9 0%, #E5EBEE 50%, #D7DEE3 51%, #f5f7f9 100%);
    font-weight:bold;
    color:#393939;
    text-align:center;
    padding:4px;
    vertical-align:middle;
    border: 1px solid #F8F8F8;
}
table.tbl-orderlist td
{
    padding:4px;
}
/*---------- showorder.asp : END ----------*/


/*---------- showorder-detail.asp : START ----------*/           
div.confirm_container {
    float: left;
    width: 900px;
    min-height: 300px;
    margin: 10px auto;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10.5pt; /*color: Gray;*/
    color: #333; /*line-height: 1.5;*/
    border: 0px solid red;
}
        
        .lgray_colname { color: Gray; }
        .lgray_colname_b { color: Gray; font-weight: bold; }
        .lgray_cellname { color: Gray; font-size: 9pt; }
        .lgray_item { color: Gray; font-size: 8.5pt; }
        
div.member_box 
{
    width: 600px;
    min-height: 50px;
    margin: 20px 0px 0px 10px;
}
table.member_details 
{
    width: 600px;
    border-collapse: collapse;
    border-spacing: 0;
}
table.member_details td, th 
{ 
    border: 1px solid #CCC;
}
table.member_details td.td_topic 
{ 
    width: 200px;
    padding: 5px 10px;
    vertical-align:top;
}
table.member_details td.td_detail
{
    padding: 5px 10px;
}
div.order_addr_box 
{
    width: 600px;
    min-height: 50px;
    margin: 20px 0 0 10px;
    border: 1px solid #c0c0c0;
}
div.addr_topic 
{
    width: auto;
    padding: 5px 10px;
}
div.addr_detail
{
    width: auto;
    height: auto;
    padding: 20px 25px;
}
div.productitem_topic 
{
    width: 837px;
    background-color: #f0f0f0;
    padding: 5px 10px;
    color: Gray;
    border-left: 1px solid #c0c0c0;
    border-top: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
div.product_items_box 
{
    width: 910px;
    min-height: 100px;
    margin: 20px 0 0 10px;
    border: 0px solid #c0c0c0;
}
div.product_items
{
    width: auto;
    height: auto;
    border: 0px solid orange;
}
        
table.items_details {
    width: auto;
    border-collapse: collapse;
    border-spacing: 0;
    color: #333;
}
table.items_details td, th {
    padding: 5px 5px;
    border: 1px solid #CCC;
}
table.items_details th.cell1 
{ 
    width: 30px;
}
table.items_details th.cell2 
{ 
    width: 80px;
}
table.items_details th.cell3 
{ 
    width: 130px;
}
table.items_details th.cell4 
{ 
    width: 250px;
}
table.items_details th.cell5 
{ 
    width: 80px;
    text-align: right;
}
table.items_details th.cell6 
{ 
    width: 40px;
    text-align: right;
}
table.items_details th.cell7 
{
    width: 70px;
    text-align: right;
}
table.items_details th.cell8
{ 
    width: 90px;
    text-align: right;
}
table.items_details th.cell9 
{ 
    width: 50px;
    padding: 0 0;
}      
table.items_details td.cell_left 
{ 
    text-align: left;
}
table.items_details td.cell_center 
{
    text-align: center;
}
table.items_details td.cell_right 
{ 
    text-align: right; 
}
table.items_details td.td_noborder_u {
    border-left: 0px;
    border-bottom: 0px;
    border-right: 0px;
}
table.items_details td.td_noborder_o {
    border-top: 0px;
    border-left: 0px;
    border-bottom: 0px;
    border-right: 0px;
}
table.items_details th.td_noborder_o {
    border-top: 0px;
    border-left: 0px;
    border-bottom: 0px;
    border-right: 0px;
}
table.items_details a {
    color: #000000;
}
table.items_details a:hover {
    color: #F58020;
}
        
        a.blue_espno_link { font-size: 9.4pt; color: #085ca8; }
        .blue_totalitems { font-size: 9.4pt; color: #085ca8; }
               
        .qr 
            {
                width: 6cm;
                height: 7.5cm;
                border: 1px solid #eaeaea;
                background-color: #fff;
            }
            .qr-header  
            {
               width: 6cm;
               height: 50px;
               background-color: #0e3d67; 
               text-align: center;
               vertical-align: middle;
            }
    
            .parent 
            {
              position: relative;
              top: 0;
              left: 0;
            }
            .image1 {
              position: relative;
              text-align: center;
              top: 10px;
            }
            .image2 {
              position: absolute;
              top: 180px;
              left: 125px;
              width: 40px;
            }
            .sponsor 
            {
                text-align: center;
                vertical-align: middle;
                padding-top: 5px;
                padding-botom: 5px;
            }
/*---------- showorder-detail.asp : END ----------*/


/*---------- tabs.asp : START àÍÒ test_tab_layout.css ºÒ§ÊèǹÁÒÃÇÁáÅéÇ ----------*/
    #container3
    {
		float:left;
		width:1240px;
		min-height:350px;
		overflow:hidden;
		position:relative;
		margin-bottom:20px;
	}
	#container2 
	{
	    margin-top: 5px;
		float:left;
		width:1240px;
		position:relative;
	}
	#col1 {
		float:left;
		width:240px;
		position:relative;
		background:#fafafa;
	}
	#col2 {
		float:left;
		width:978px;
		position:relative;
		margin-left:20px;
		margin-bottom: 20px;
	}
	#col2_special {
		float:left;
		width:845px;
		position:relative;
		margin-left:20px;
		margin-bottom: 20px;
	}
				
	.tabs-footer{
		float: left;
		width: 100%;
		background-color: #f4f4f4;
	}
		
	.lmenu_maincatnnoright {
        float: left;
        width: 240px;
        font-family: arial;
        font-size: 1em;
        text-decoration: none;
        color: #d10005;
        font-weight: bold;
        padding: 10px 0 10px 10px;
    }
    .categories-block {
        float: left;
        width: 230px;
        height: 30px;
        line-height: 30px;
        font-size: 1.1em;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #fff;
        padding-left: 10px;
        background: #f58020;
        border: 1px solid transparent;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }
    .categories-list-block {
        float: left;
        width: 100%;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
        text-decoration: none;
        color: #d10005;
        font-weight: bold;
        padding: 10px 0px 10px 0px;
        border: 1px solid #D0D0D0;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }
    .tabs-leftmfr-block
    {
        width:100%;
        border:solid 1px #D0D0D0;
        border-radius: 3px;
        box-shadow: 1px 1px 1px lightgrey;
        font-family:Arial, Helvetica, sans-serif;
        font-size:14px;
    }
    ul.tabs-leftmenu li
    {
        list-style-type: none;
        background: linear-gradient(45deg, #262a35, #bfbfbf);
        height: 8px;
        width: 8px;
        border-radius: 50%;
        position: relative;
        left: -30px;
    }
    ul.tabs-leftmenu li:hover
    {
        color: #f58020;
    }
    ul.tabs-leftmenu a
    {
        color: #000;
        position: relative;
        left: -10px;
        top: -13px;
    }
    ul.tabs-leftmenu a:hover
    {
        color: #f58020;
        text-decoration: underline;
    }
    
    .catselected-right {
	    float:left;
	    width:978px;
	    line-height:30px;
	    font-family:Arial, Helvetica, sans-serif;
	    font-size:1.0em;
	    font-weight:bold;
	    margin:0 0 20px 0;
	    border-top:0px;
	    border-bottom:solid 3px #f58020;
	    background:white;
	    vertical-align:middle;
    }
    
    .mfr-left-col {
        float: left;
        width: 240px;
        position: relative;
    }
    .mfr-left-block {
        float: left;
        width: 240px;
        margin-bottom: 20px;
        background: #fafafa;
        /*border: 1px solid #D0D0D0; */
        border-radius: 3px;
    }
    .mfr-input-search
    {
        width: 70%;
        height: 28px;
        padding-left: 10px;
        font-size: 0.95em;
        color: #8b8b8b;
        -webkit-appearance: none;
        border: 1px solid #D0D0D0;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        float: left;
        margin-left: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .mfr-right-round
    {
        float: left;
        width: 10%;
        height: 25px;
        background: url(../hdr-images/ic-search.png) no-repeat center;
        padding: 3.3px;
        background-color: #c0c0c0;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 10px;
    
        -webkit-border-top-right-radius: 2px;
        -webkit-border-bottom-right-radius: 2px;

        -moz-border-radius-topright: 2px;
        -moz-border-radius-bottomright: 2px;

        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
    }
    .mfr-right-round:hover
    {
        background-color: #F58020;
    }
    
    .special-highligh-banner
    {
        border: 1px solid transparent;
        border-radius: 3px;    
    }
    .mfr-left-special-col {
        float: left;
        width: 355px;
        position: relative;
    }
    .mfr-left-special-block {
        float: left;
        width: 355px;
        margin-bottom: 20px;
        background: #fafafa;
        border-radius: 3px;
    }
    
    /*--------------------------- paginator link: START ---------------------------*/
    div.PaginatorTopByTab {font-size:14px;margin-top: 5px;margin-left: 0px;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;margin: 10px 0px 10px 170px;border: 0px solid #fff;outline: 0px solid #CCCCCC;}
    div.PaginatorTopByNewItem {font-size:14px;margin-bottom: 23px; width: 100%; text-align: center;border: 0px solid #fff;outline: 0px solid #CCCCCC;}		/*display: inline-block;margin-left:10px;padding:5px 0;font-size:14px;*/
    div.PaginatorBottomByNewItem {font-size:14px;display: inline-block; width: 100%; text-align: center;padding:10px 0;}

    div.PaginatorTopByNewItemNew {float: right; width: 80%; margin: 10px 0; font-family: Arial, Helvetica, sans-serif;font-size: 14px;text-align: center;border: 1px solid #00f;}
    div.PaginatorBottomByNewItemNew {float: left; width: 80%; margin: 10px 0; font-family: Arial, Helvetica, sans-serif;font-size: 14px;text-align: center;border: 1px solid #00f;}


    div.PaginatorByTab {
	    font-size:14px;
	    width:inherit;
	    margin-top: -22px;
	    margin-left: 770px;
	    z-index:4;
    }

    a.paginator_lnk {
	    text-decoration:none; 
	    padding:2px 5px;
	    margin-right:11px;
	    color:#003399;
	    border:solid 1px #dddddd;
	    border-radius: 3px;
    }
    a.paginator_lnk:hover{
	    padding:2px 5px;
	    color:#ff9900;
	    border:solid 1px #008bff;
    }
    .page-selected {
	    background:#c0c0c0;
	    padding:2px 5px;
	    margin-right:11px;
	    color:#fff;
	    border:solid 1px #999999;
	    border-radius: 3px;
    }


    /* es200_2016-08-22 à¾ÔèÁÃÐÂÐËÇèÒ§¡Ñº page link number*/
    a.prev_paginator_lnk {
	    text-decoration:none; 
	    padding:2px 5px;
	    margin-right:8px;
	    color:#003399;
	    border:solid 1px #dddddd;
	    border-radius: 3px;
    }
    a.prev_paginator_lnk:hover{
	    padding:2px 5px;
	    color:#ff9900;
	    border:solid 1px #008bff;
    }

    a.next_paginator_lnk {
	    text-decoration:none; 
	    padding:2px 5px;
	    margin-left:-3px;
	    color:#003399;
	    border:solid 1px #dddddd;
	    border-radius: 3px;
    }
    a.next_paginator_lnk:hover{
	    padding:2px 5px;
	    color:#ff9900;
	    border:solid 1px #008bff;
	    /*background: url(../images/icon/next-hover-btn.png) no-repeat 6px center;
        width: 28px;
        height: 23px;
        display: block;*/
    }
    /*-------------------*/
    a.first_paginator_lnk {
	    text-decoration:none; 
	    padding:2px 5px;
	    margin-right:8px;
	    color:#003399;
	    border:solid 1px #dddddd;
	    border-radius: 3px;
    }
    a.first_paginator_lnk:hover{
	    padding:2px 5px;
	    color:#ff9900;
	    border:solid 1px #008bff;
    }

    a.last_paginator_lnk {
	    text-decoration:none; 
	    padding:2px 5px;
	    margin-left:8px;
	    color:#003399;
	    border:solid 1px #dddddd;
	    border-radius: 3px;
    }
    a.last_paginator_lnk:hover{
	    padding:2px 5px;
	    color:#ff9900;
	    border:solid 1px #008bff;
    }


    a.dot_paginator_lnk {
	    text-decoration:none; 
	    padding:2px 4px;
	    margin-right:5px;
	    color:#003399;
	    border:solid 1px #dddddd;
    }
    a.dot_paginator_lnk:hover{
	    padding:2px 4px;
	    color:#ff9900;
	    border:solid 1px #008bff;
    }
    /*--------------------------- paginator link: START ---------------------------*/
    
    
    /*--------------------------- left block: START àÍÒ leftcatmenu.css ÁÒËÁ´áÅéÇ ---------------------------*/
    .lmenu_container {
	    width:100%;	/*width:240px;*/
	    height:auto;
	    font-size:1.0em;
	    font-family:Arial, Helvetica, sans-serif;
    }
    .lmenu_maincatn {
	    float:left;
	    width:100%;
	    font-family:arial;
	    font-size:1em;
	    text-decoration:none;
	    color:#d10005;
	    font-weight:bold;
	    padding:10px 0 10px 10px;
    }
    .lmenu_subcatn {
	    float:left;
	    width:88%;
	    font-size:0.9em;
	    margin-left: 20px;	/* ËÃ×Í padding:2px 0 2px 20px;*/
	    /*border: solid 1px #0ff;*/
    }
    span.subcatitemcnt {
	    color:#808080;
	    font-weight:normal;
    }
    img.lmenu_subcatimg {
	    float:left;
	    width:136px;
	    height:100px;
	    /*margin-left:20px;
	    margin-bottom:15px;*/
	    margin:2px 0 15px 20px;
	    border:solid 1px #C7C7C7;
    }
    .subcatemptyimageblock {
	    float:left;
	    width:136px;
	    margin-left:20px;
	    margin-bottom:15px;
    }
    .catleftmenu {
	    float:left;
	    width:240px;
	    /*height:auto;*/
	    /*12-11-56: height:250px;
	    background:orange;*/ 
	
	
	    /*-------------- OK-OK ¤ÓÊÑè§ 2 ºÃ÷Ѵ¹Õé ªèÇ·ÓãËé¤ÅÒʪ×èÍÇèÒ container ¢ÂÒ¤ÇÒÁÊÙ§Íѵâ¹ÁѵÔä´é ------------------*/
	    min-height:2300px;
	    height:auto;
	
	
	    background:#fafafa;
	    border:solid 1px white;
    }
    .catselected_right {
	    float:left;
	    width:978px;
	    line-height:30px;
	    font-family:Arial, Helvetica, sans-serif;
	    font-size:1.0em;
	    font-weight:bold;
	    margin:0 0 20px 0;	/*22-09-57: margin:0 0 20px 20px;*/
	    border-top:0px;
	    border-bottom:solid 3px #f58020;
	    background:white;
	    vertical-align:middle;
	    /*border:solid 1px white;*/
	    /*border:solid 1px red;*/
    }
    .catbar {
	    float:left;
	    width:230px;
	    height:30px;
	    line-height: 30px;	/*·ÓãËé¢éͤÇÒÁÍÂÙè¡Ö觡ÅÒ§ ã¹á¹ÇµÑé§*/
	    font-size:1.1em;
	    font-family:Arial, Helvetica, sans-serif;
	    font-weight:bold;
	    color:#fff;
	    padding-left:10px;
	    background:orange;
    }
    .catbar_special {
	    float:left;
	    width:345px;
	    height:30px;
	    line-height: 30px;	/*·ÓãËé¢éͤÇÒÁÍÂÙè¡Ö觡ÅÒ§ ã¹á¹ÇµÑé§*/
	    font-size:1.1em;
	    font-family:Arial, Helvetica, sans-serif;
	    font-weight:bold;
	    color:#fff;
	    padding-left:10px;
	    background: #f58020;
	    border: 1px solid transparent;
	    border-top-left-radius: 3px;
	    border-top-right-radius: 3px;
    }
    .catselected_left {
	    font-weight:bold;
	    height:auto;
	    line-height:20px;
	    font-size:1.0em;		/*13-02-57: font-size:1.1em;*/
	    color:#5a5a5a;
	    background:#fafafa;
	    padding:10px 0 10px 10px;
	    /*border:solid 1px red;*/
    }
    
    /* Categories Link: OK-OK */
    /* Main category namd (dark red) */
    a.lmenu_maincatn_lnk:link {text-decoration:none;color:#d10005;}
    a.lmenu_maincatn_lnk:visited {text-decoration:none;color:#d10005;}
    a.lmenu_maincatn_lnk:hover {text-decoration:underline;color:#d10005;}
    a.lmenu_maincatn_lnk:active {text-decoration:none;color:#d10005;}
    
    /* Sub category namd (dark blue) */
    a.lmenu_subcatn_lnk
    {
        padding-top: -30px;
    }
    a.lmenu_subcatn_lnk:link 
    {
        font-weight:normal;
        color:#0066cc;
    }
    a.lmenu_subcatn_lnk:visited 
    {
        text-decoration:underline;
        color:#0066cc;
    }
    a.lmenu_subcatn_lnk:hover
    {
        text-decoration:underline;
        color:#ff6600;
    }
    a.lmenu_subcatn_lnk:active
    {
        text-decoration:underline;
        color:#0066cc;
    }
    /*--------------------------- left block: END ---------------------------*/
    
    
    /*--------------------------- right block: START ---------------------------*/
    img.tabs-image
    {
        width:180px;
        border:solid 1px #C7C7C7;
        border-radius: 3px;
    }
    a.tabs-mfrpartno, a.tabs-moredetail
    {
        color: #003399;
    }
    a.tabs-mfrpartno:hover, a.tabs-moredetail:hover
    {
        color: #f58020;
    }
    .tabs-right-block
    {
        float:left;
        width:100%;
        min-height:100px;
        height:auto;
        margin-top:-1px;
        padding:20px 0 10px 0px;
        background-color:#fff;
        border:solid 1px #cccccc;
        border-radius: 3px;
    }    
    .tabs-right-special-block
    {
        width:845px;
        border: 1px solid #d0d0d0;
        border-radius: 3px;
    }    
    /*--------------------------- right block: END ---------------------------*/
/*---------- tabs.asp : END ----------*/