/*******************************/
/*Author: www.machsources.com*/
/*******************************/

body {margin: 0px; padding: 0px; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; background: #ffffff; font-size: 12px;}

h1, h2, h3, h4, h5, h6, div, span, form, img {margin: 0px; padding: 0px;}
h1 {font-size: 10px; font-family: Arial, Tahoma, Helvetica, sans-serif;}
h4 {font-size: 11px; font-family: Verdana;}
h5 {font-size: 14px; font-family: Verdana;}

a {color: #0e43c9; text-decoration: underline;}
a:visited {color: #815ea5;}
a:hover {text-decoration: none; color:#ff6600;}
.red{ color:#FF0000}
.green{ color:#33CC00}
img {border: 0px; vertical-align: bottom;}
.arrowforlink {background: url(/images/icon.gif) no-repeat -30px -50px; padding-left: 8px; line-height: 20px;}
.arrowforlink2 {background: url(/images/icon.gif) no-repeat -41px -137px; padding-left: 14px; font-weight: normal; display: inline-block;}
.arrowforlink3 {background: url(/images/icon.gif) no-repeat -30px -51px; padding-left: 7px; line-height: 15px; font-size: 11px; font-family: Verdana;}
.arrowforlink4 {background: url(/images/icon.gif) no-repeat -12px -450px; padding-left: 9px;}
.arrowforlink5 {height: 15px; background: url(/images/icon.gif) no-repeat -17px -670px; display: inline-block; padding-left: 18px;}

ul, li, p {margin: 0px; padding: 0px; list-style: none;}
b {font-family: Tahoma;}
input {font-size: 12px; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; margin-bottom: 1px; *margin-bottom: 0px;}
table, td {font-size: 12px; border-collapse:collapse;}
textarea, select {font-size: 12px; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;}
.clear {clear: both; line-height: 1px; font-size: 1px; height: 2px;}

.c666999 {color: #666999;}
.cff6600 {color: #ff6600;}
.cff0000 {color: #ff0000;}

/* header */
.top_bar {height: 21px; background: #e8e8e8; border-bottom: 1px solid #dadada;}
.top_box{ width:960px; margin:0 auto}
.top_bar h1 {color: #b0b0b0; float: left; font-weight: normal; line-height: 17px; padding-left: 10px;}
.topnav {float: right; padding-right: 10px; font-size: 12px; line-height: 21px;}
#header {margin: 7px auto 0px auto; height: 69px; width: 960px; text-align: center; clear: both;}
#header .logo {float: left; width: 180px; padding-top:15px;}
#header .slogan {float: left; font-size: 12px; margin: 43px 0px 0px 2px; text-align: center;}
#header .toph1{ float:left; color:#666666;font-style:italic; padding-top:20px;text-align:left;}
#header .toph1 h1{ font-size:13px;padding:0;margin:0;color:#336699; text-align:left;}
#header .top_banner {float: right; width: 468px; overflow:hidden; padding-top:10px;}
#header .top_bannerad {float: right; padding-top:10px;}

/* mainnav */
#mainnav {margin: 0px auto; height: 35px; width: 960px; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; clear: both; background: url(/images/navbg.gif) no-repeat 0px 0px;}
#mainnav .menu {float: left; width: 160px; text-align: center; font-size: 11px; color: #888888; font-weight: bold;}
#mainnav .menu a {width: 160px; height: 35px; line-height: 35px; color: #888888; text-decoration: none; display: block;}
#mainnav .menu a:hover {background: url(/images/navbg.gif) no-repeat -178px -52px; color: #000000;}
#mainnav .menu_select a {float: left; width: 160px; height: 35px; line-height: 35px; text-align: center; font-size: 11px; color: #666666; font-weight: bold; display: block; background: url(/images/navbg.gif); color: #666999; text-decoration: none;}
#mainnav .menu_select a {background-position: 0px -53px; background-repeat: no-repeat;}
#mainnav .menu_select a:hover {background-position: 0px -53px; color: #666999;}
/* subnav */
#subnav {margin: 0px auto; height: 41px; width: 958px; font-family: Arial, Tahoma, Helvetica, sans-serif; clear: both; background: url(/images/pxbg.gif) repeat-x 0px 0px; border-left: 1px solid #9c9cda; border-right: 1px solid #9c9cda;}
#subnav .search {background: url(/images/icon.gif) no-repeat 50px 0px; height: 32px; padding: 8px 0px 0px 110px;}
#subnav .search a.bt {background: url(/images/button.gif) no-repeat 0px 0px; width: 90px; height: 20px; color: #ffffff; font-size: 11px; font-family: Verdana; font-weight: bold; display: inline-block; line-height: 19px; text-decoration: none; text-align: center;}
#recent_search {margin: 0px auto; line-height: 25px; height: 25px; width: 938px; font-size: 11px; padding:0px 10px; overflow: hidden;}
#recent_search a {margin-right: 10px; font-size: 11px;}

.box01 {background: #fef1d1; border-left: 1px solid #ffb603; border-right: 1px solid #ffb603; border-bottom: 1px solid #ffb603; clear: both;} /* header- recent_search*/
.box02 {background: #f1f1f1; border: 1px solid #acafdf; margin-bottom: 10px; padding-bottom: 12px;}
.box03 {background: #ffffff; border: 1px solid #acafdf; margin-bottom: 10px; padding-bottom: 12px;}
.box03_1 {background: #ffffff; border-left: 1px solid #acafdf; border-right: 1px solid #acafdf; border-bottom: 1px solid #acafdf;  margin-bottom: 10px;}
.box04 {background: #fef1d1; margin-bottom: 10px;} /* homepage-special_topics */
.box05 {background: #f0f0f0; margin-bottom: 10px; padding: 5px;} /* See More Advertisement */
.box06 {border: 1px solid #acafdf; background: #f1f1f1;}
.box07 {background: #d3d5f9; border: 1px solid #acafdf; margin-bottom: 10px;} /* homepage-member */
.border{ border: 1px solid #acafdf;background: #f0f0f0;}
.box08 {background: #e3e3fc; border-left: 1px solid #acafdf; border-bottom: 1px solid #acafdf; border-right: 1px solid #acafdf;margin-bottom: 10px; padding: 0px 10px;} /* header-no */
.box_in {padding: 10px 10px 0px 10px;}
.titlebg1 {background: #ff6600; color: #ffffff; padding: 6px 10px;}
.titlebg2 {background: #d3d5f9 url(/images/pxbg.gif) repeat-x 0px -41px; border-bottom: 1px solid #acafdf; padding: 5px 10px;}
.titlebg3 {background: #e9e9e9; padding: 6px 10px;}
.titlebg3_1 {background: #d3d5f9; padding: 5px 10px; *display: inline-block;}
.titlebg7 {background: url(/images/pxbg.gif) repeat-x 0px -41px; padding: 5px 10px;}
.boxbg {background: #f0f0f0 url(/images/pxbg.gif) repeat-x 0px -250px; border: 1px solid #d3d3d3;}


.submenu {height: 34px; background: url(/images/pxbg.gif) repeat-x 0px -95px;}
.submenu a {border-right: 1px solid #c5c5c5; padding: 6px 11px 6px 11px; color: #888888; line-height: 25px; text-decoration: none;}
.submenu a:hover {color: #000000; text-decoration: underline;}
.submenu a.submenu_select {color: #000000; text-decoration: none; border-left: 1px solid #9c9cda; border-right: 1px solid #9c9cda; background: #ffffff ;background: url(/images/pxbg.gif) repeat-x 0px -40px; padding: 6px 11px 6px 11px; line-height: 27px;}
.submenu .menubottom {background: #d3d5f9; height: 8px; border-left: 1px solid #acafdf; border-right: 1px solid #acafdf; line-height: 8px; font-size: 1px;}

.submenu#list_submenu a {font-family: Verdana; padding: 6px 15px 7px 15px; *padding: 7px 15px 7px 15px; text-decoration: none;}
.submenu#list_submenu a.submenu_select {font-weight: bold;}
.submenu#list_submenu .viewcart a {font-size: 11px; padding: 0px 5px 0px 0px; color: #0e43c9; border: 0px;}
.submenu#list_submenu .viewcart a:hover {color:#ff6600;}
.submenu#list_submenu .menubottom {clear: both;}
.rightcontent{ width:750px; float:right}

#all_category ul {clear: both; display: inline-block; padding: 10px;}
#all_category li {display: inline-block; width: 350px; float: left; height: 56px; margin-left: 2px;}
#all_category a.category1 {color: #000000; background: url(images/icon.gif) no-repeat -36px -324px; padding-left: 12px; font-weight: bold; font-size: 13px; text-decoration: none; font-family: Tahoma, Helvetica, Arial, sans-serif; *font-family: Arial;}
#all_category a:hover.category1 {color: #ff6600;}
#all_category .top5category {font-size: 11px; font-family: Verdana; padding-left: 12px;}
#all_category .top5category a {text-decoration: none;}
#dallcategory ul {clear: both; display: inline-block; padding:5px;}
#dallcategory li {display: inline-block; width: 350px; float: left; margin-left: 2px;}
.lt_company li{ background:url(/images/minilogo.gif) no-repeat 2px 2px; padding-left:20px; margin:2px 0; font-size:11px;}
/* footer */
#search_bottom {margin: 10px auto; width: 960px; background: url(images/pxbg.gif) repeat-x 0px 2px; height: 32px; padding: 8px 0px 0px 0px; text-align: center; clear: both;}
#search_bottom a.bt {background: url(images/button.gif) no-repeat 0px 0px; width: 90px; height: 20px; color: #ffffff; font-size: 11px; font-family: Verdana; font-weight: bold; display: inline-block; line-height: 19px; text-decoration: none; text-align: center;}
#hp_atoz {margin: 10px auto; width: 960px; height: 27px; clear: both;}
#hp_atoz a {display: inline-block; border-left: 1px solid #acafdf; padding: 6px 8px; text-decoration: none;}
#hp_atoz a:hover {background: #e3e3fc; color: #000000;}
#hp_atoz a.title {width: 130px; border-left:0px; font-weight: bold; font-family: Verdana; text-align: right;}

#footer {text-align: center; font-size: 11px; margin: 10px auto 0px auto; width: 960px;}
#footer .linkarea {padding-bottom: 7px; font-size: 12px; color: #c1c1c1;}
#footer .linkarea a {margin: 0px 3px; text-decoration: none;}
#footer .browse a {margin: 0px 3px; text-decoration: none; font-family: Verdana; font-size: 10px;}
#footer .othersite {margin-top: 3px; padding: 1px;}
#footer .copyright {background: #666999; color: #ffffff; padding: 5px; font-size: 11px; font-weight: bold; font-family: Verdana, Tahoma, Helvetica, sans-serif;}

.golden_icon {background: url(/images/button.gif) no-repeat 0px -160px; width: 90px; height: 22px; display: inline-block; margin: 0px; padding-left: 20px; color: #5d2e0d; font-size: 11px; line-height: 22px;}

.icon_inquiry {width: 17px; height: 19px; background: url(/images/icon.gif) no-repeat -41px -465px; float: left; margin: 0px 4px 0px 6px;}
#web_tool {background: #e6e7fa; border: 1px solid #acafdf; margin-bottom: 10px;}
#web_tool ul {padding: 10px;}
#web_tool li {line-height: 19px;}
#web_tool li a {text-decoration: none; background: url(/images/icon.gif) no-repeat -41px -324px; padding: 0px 0px 0px 8px;}

#crumb_trail{ margin-bottom:5px;}
#crumb_trail a{ text-decoration:none;}
.reproducts{ padding:10px;}
.reproducts li{ width:230px; float:left}
.page_pre_next{ text-align:center; margin-top:10px;}
.page_pre_next a{ border:1px solid #D6D6D6; padding:0 2px; margin:0 5px; text-decoration:none}
