@charset "utf-8";
/* Header */
#header{
	height: 72px;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
	position: relative;
}
#header .logo{
	height: 54px;
	width: 250px;
	position: relative;
	display: block;
	top: 10px;
	margin: 0px;
	padding: 0px;
}
#header .logo a{
	overflow: hidden;
	position: relative;
	float: left;
	color: #9fcbe6;
	font-size: 20%;
	font-weight: bold;
	height: 54px;
	width: 250px;
}
#header .logo a span{
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 54px;
	width: 250px;
	position: absolute;
	cursor: pointer;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
}
#header form{
	height:59px;
	position:relative;
	top:0px;
	left:0px;
	text-align: right;
	font-size: 110%;
	color: #000000;
	line-height: 170%;
	letter-spacing: 0em;
	right: 0px;
	margin-top: 7px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: bold;
	padding: 0px;
	float: right;
	display: block;
	background-image: url(../images/top_search_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	_width: 55%;	
}
/* Firefox 3 stuff */
html>/**/body #header form {
	height:59px;
	overflow:visible;
	position:relative;
	top:0px;
	left:0px;
	text-align: right;
	font-size: 110%;
	color: #000000;
	line-height: 170%;
	letter-spacing: 0em;
	right: 0px;
	margin-top: 7px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: normal;
	padding: 0px;
	float: right;
	display: block;background-image: url(../images/top_search_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	
}
#header form strong{
	font-size: 130%;
}
#header form div{
	background-image: url(../images/top_search_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 59px;
	margin: 0px;
	padding: 0px;
}
#header form .word{
	padding-top: 5px;
	margin: 0px;
	padding-right: 8px;
	padding-left: 8px;
}

#header form a:hover{
        color:#CC0066;
        text-decoration: none;
        font-weight: bold;
}
#header .line, #footer .line{
	font-size: 95%;
	color: #6b921f;
}
#header form a, #footer .SearchBox a{
	color: #FF3300;
	text-decoration: none;
	font-weight: bold;
}
#header form a:hover, #footer .SearchBox a:hover{
	color: #CC0066;
	text-decoration: none;
	font-weight: bold;
}
#header form input.txt, #footer form input.txt{
	width:150px;
	height:16px;
	border:1px solid #999999;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 4px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2c2c2c;
}
#main .content ol{margin-left: 5px;}
#main .content form .txt{
	border:1px solid #c8c8c6;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 4px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2c2c2c;
	background-color: #f4f4f4;
	font-weight: normal;
}
/* Main Content */
#main{
	width: 100%;
	background-color: #e9e9e9;
	overflow: hidden;
}
#main .companyname{
	height: 66px;
	background-color: #e9e9e9;
	clear: both;
}
#main .img{
	float: left;
	margin-right: 15px;
	margin-top: 3px;
	margin-left: 10px;
}
#main .rate{
	width: 140px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 100%;
	color: #858686;
	float: right;
	font-weight: bold;
	margin-top: 45px;
}
#main h1{
	font-size: 180%;
	color: #545454;
	height: 45px;
	background-color: #e9e9e9;
	letter-spacing: 0em;
	padding-left: 15px;
	background-image: url(../images/bg_title.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-top: 18px;
	margin: 0px;
	padding-bottom: 3px;
}
#main h1 .img{
	float: left;
	margin-top: -16px;
	margin-right: 15px;
}
#main h1 .rate{
	float: right;
	width: 140px;
	font-size: 60%;
	margin-top: 25px;
	color: #858686;
}
#main h2{
	font-size: 150%;
	color: #5b5b5b;
	padding-top: 0px;
	padding-left: 0px;
	font-weight: 600;
	
}
#main h2 .RightBox{
	float: right;
	width: 325px;
}
#main h2 .OnOffBox{
	float: left;
	font-size: 65%;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	
	}
#main h2 .OnOffBox img{float: left;
	margin-right: 3px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;}
#main h3{
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 15px;
	text-transform: uppercase;
	background-image: url(../images/ico_BlueArrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 150%;
	color: #0b5e8e;
	font-weight: normal;
}
#main h4{
	font-size: 100%;
	color: #8b8b8b;

	padding-top: 0.4em;
	padding-left: 0px;
	font-weight: 600;
	
}
#main .content ul, #main .content ol{
	padding-left: 20px;
	list-style-position: inside;
}
#main .content li{
	line-height: 18px;
	list-style-position: outside;
}
#main .content{
	width: 700px;
	float: right;
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #FFFFFF;
	
}
#main .sidebar{
	width: 252px;
	background-color: #e9e9e9;
	height: 100%;
	padding-bottom: 20px;
}

#main .content h1{
    background-color: #FFFFFF;
    background-image: none;
    font-size: 110%;
}

#main p{
	text-align: justify;
	line-height: 140%;
	color: #000000;
	font-size: 110%;
	padding-top: 5px;
	padding-bottom: 10px;
}
#main ul.tag{
	margin-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #edf8ad;
	margin-top: 5px;
	height: 19px;
	display: block;
}
#main ul.tag li{
	display: inline;
	
	margin-right: 2px;
	font-weight: bold;
	color: #709207;
	
}

#main ul.tag li a:hover{
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(../images/nav_hover.gif);
	height: 17px;
	width: 72px;
	margin-top: 0px;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 2px;
}
#main ul.tag li.select a {
	display: block;
	float: left;
	height: 17px;
	font-size: 11px;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/nav_a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFFFFF;
	text-decoration: none;
	background-position: left bottom;
	width: 72px;
	margin-left: 0px;
	margin-top: 0px;
	text-align: center;
	margin-right: 5px;
}
#main ul.tag li.noselect a {
	display: block;
	float: left;
	height: 17px;
	font-size: 11px;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/nav_gray.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	background-position: left bottom;
	width: 72px;
	margin-left: 0px;
	margin-top: 0px;
	text-align: center;
	margin-right: 5px;
	color: #333333;
}
#main .IndexImg{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	background-color: #fff;
	text-align: center;
	display: block;
	padding: 2px;
	margin-top: 0px;
	margin-left: 0px;
}
#main .ComImg{
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	background-color: #fff;
	text-align: center;
	display: block;
	padding: 2px;
	width: 211px;
	margin-top: 0px;
	margin-left: 0px;
}
#main .RightText{
	display: block;
	float: left;
	width: 460px;
	margin-bottom: 10px;
}
#main .RightTextNo{
	display: block;
	float: left;
	width: 98%;
	margin-bottom: 10px;
}
#main .ComImg p{
	background-image: url(../images/product_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	height: 210px;
	width: 215px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#main .PicZoom{
	background-image: url(../images/bg_pic_zoon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 27px;
	width: 151px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	margin-top: 5px;
}
#main .PicZoom a:hover{
	color: #FF3300;
}
#main .ComImg strong, #main .ContentImg strong{
	display: block;
	width: 180px;
	font-weight: normal;
	line-height: 100%;
	padding-top: 0px;
	padding-bottom: 2px;
	font-size: 110%;
	color: #4d4d4d;
	margin: 0px;
}
#main .ContentImg{
	float: left;
	margin-bottom: 5px;
	text-align: center;
	display: block;
	padding: 2px;
	margin-left: 0px;
	margin-right: 10px;
}
#main .ContentImg p{
	background-image: url(../images/other_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	height: 191px;
	width: 201px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#main .AwardImg{
	float: left;
	margin-bottom: 5px;
	text-align: center;
	display: block;
	padding: 2px;
	margin-left: 0px;
	margin-right: 10px;
}
#main .AwardImg p{
	background-image: url(../images/award_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	height: 131px;
	width: 150px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#main .ButtonInquiry{
	height: 39px;
	width: 200px;
	position: absolute;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 500px;
	padding: 0px;
}
#main ul.news{
	margin-bottom: 1em;
	margin-top: 0.5em;
	font-size: 110%;	
}
#main ul.news li{
	padding-top: 4px;
	padding-bottom: 4px;
	width: 90%;
	font-weight: bold;
}
#main ul.news li a{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #c9e6f7;
	background-color: #f3f3f3;	
}
#main .NewsTitle{
	
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #9ed0ec;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	font-weight: bold;
	background-image: url(../images/bg_news_title.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #0e3b67;
}
#main .Newsword{
	padding-left: 10px;
	margin-bottom: 1.2em;
	
}
/* Hot Products */
#main .ProductCate, #main .Detail{
	background-color: #f5f5f5;
	overflow: hidden;
	height: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border: 1px solid #9ed0ec;
	clear: both;
	margin-right: 0px;
	margin-left: 0px;
}
#main .ProductCate h3, #main .Detail h3{
	font-size: 110%;
	color: #0e3b67;
	background-color: #bddef2;
	height: 23px;
	padding-top: 7px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9ed0ec;
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(../images/bg_h3.gif);
	text-transform: capitalize;
	font-weight: bold;
}
#main ul.ProductBox, #main ul.OtherBox{
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#main ul.OtherBox{padding-bottom: 0px;}
#main ul.ProductBox li{
	padding-top: 8px;
	width: 120px;
	float: left;
	padding-right: 7px;
	padding-left: 7px;
	text-align: center;
}
#main ul.OtherBox li{
	padding-top: 8px;
	width: 115px;_width: 110px;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}
#main .arrow{
	width: 27px;
	float: left;
	display: block;
	margin-top: 50px;
}

#main ul.ProductBox img, #main ul.OtherBox img{
	display: block;
	padding: 3px;
	text-align: center;
}
#main ul.ProductBox a:hover img, #main ul.OtherBox a:hover img {
	border: 3px solid #CCCCCC;
	margin: 0px;
	padding: 0px;
}

/* Company Details */
div.row {
	clear: both;
	padding-top: 2px;
  }

div.row span.label {
	float: left;
	width: 110px;
	text-align: left;
	font-weight: bold;
	color: #3b3b3b;
	padding-left: 10px;
	font-size: 110%;
  }

div.row span.formw {
	float: right;
	width: 540px;
	text-align: left;
	font-size: 110%;
  } 
ul.detail{
	list-style-type: disc;
	display: block;
	margin: 0px;
	padding: 0px;
}
ul.detail li{
	list-style-position: inside;
	padding: 0px;
	margin: 0px;
}
ul.mail, ul.market{
	display: inline;
	margin: 0px;
	}

ul.mail li, ul.market li{
	
	list-style-type: none;
	float: left;
	padding: 0px;
	margin: 0px;
	
}
ul.button{
	list-style-type: none;
	clear: both;
	padding-top: 10px;
	text-align: center;
	width: 670px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	margin: 0px;
}
ul.button li{
	display: inline;
	padding-right: 20px;
	background-image: url(../images/ico_arrow_black.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 15px;
}
/* Left Menu */
#main ul.menu{
	list-style-image: none;
	list-style-type: none;
	padding-left: 8px;
	width: 242px;
	margin: 0px;
}
#main ul.menu li{
	background-image: url(../images/ico_WhiteArrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 25px;
	padding-top: 2px;
	padding-bottom: 2px;
*padding-bottom: 0px;
	background-color: #858585;
	font-size: 110%;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	margin-bottom: 3px;
}
#main ul.menu a{
	color: #FFFFFF;
}
#main ul.menu li a:hover{
	color: #333333;
}
#main ul.menu li.select{
	background-image: url(../images/bg_menu_blue.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-left: 25px;
	padding-top: 2px;
	padding-bottom: 2px;
*padding-bottom: 0px;
	background-color: #79b5d8;
	margin-bottom: 4px;
	font-size: 110%;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	}
#main ul.box{
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	margin: 0px;background-color: #e9e9e9;
}
#main ul.box li.sec{
	padding-left: 25px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #e9e9e9;
	font-size: 110%;
	font-weight: bold;
	color: #9f9f9f;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cecece;
	background-image: none;
	margin: 0px;
	font-size: 110%;
*font-size: 100%;
	font-weight: bold;
	position: relative;
	left:0px;
*left: -25px;
}
#main ul.box li.sec strong{
	color: #000000;
}
#main ul.box li.sec a{
	color: #236694;
}

#main ul.box li.sec a:hover{
	color: #79a915;
}
/* Left Contact */
#main .ContactUs{
	width: 233px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	background-color: #FFFFFF;
	font-size: 110%;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 8px;
}
#main .ContactUs h3{
	font-size: 120%;
	color: #5d9907;
	padding-bottom: 2px;
	padding-left: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #e4e4e4;
	margin-bottom: 3px;
	background-image: none;
	font-weight: bold;
	text-transform: capitalize;
}
#main ul.contact{
	color: #565555;
	list-style-type: none;
	margin-top: 7px;
	
}
#main ul.contact li{
	line-height: 150%;
	
}
#main .ContactUs img{
	padding-top: 8px;
}
/* Path */
#breadcrumbs{
	padding-top: 2px;
	padding-bottom: 2px;
	color: #818080;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #c7c7c7;
	margin-bottom: 5px;
}
#breadcrumbs span{
	color: #78a614;
	font-weight: bold;
}
/****** Pagination Links ******/
.pagination{
	padding-top: 0.8em;
	padding-right: 2px;
	padding-bottom: 0.5em;
	padding-left: 2px;
	font-size: 1.2em;
	clear: both;
	margin: 0em;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: center; /*Set to "right" to right align pagination interface*/
font-size: 0.85em;
}

.pagination li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
	padding-left: -18px;
}

.pagination li a, .pagination li a:visited{
padding: 0 5px;
border: 1px solid #dcdcdc;
text-decoration: none; 
color: #2e6ab1;
}

.pagination li a:hover, .pagination li a:active{
	border: 1px solid #849d04;
	color: #FFFFFF;
	background-color: #b5d60f;
	text-decoration: none;
}

.pagination a.currentpage{
	background-color: #2e6ab1;
	color: #FFF !important;
	border-color: #2b66a5;
	font-weight: bold;
	cursor: default;
	text-decoration: none;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
	background-color: white;
	cursor: default;
	color: #929292;
	border-color: #929292;
	font-weight: normal !important;
	text-decoration: none;
}

.pagination a.prevnext{
	font-weight: bold;
	text-decoration: none;
}
.pagination-right{
	float: right;
	font-size: 0.9em;
}
/* Other */
.ProductID{
	color: #8b8b8b;
	padding-top: 0.4em;
	padding-left: 0px;
	font-weight: 600;}
.ContentTitle{
	font-weight: bold;
	color: #2f9fc3;
	font-size: 120%;
	padding-bottom: 10px;
	letter-spacing: 0em;
}
.CateChoice{
	font-weight: bold;
	color: #89ae24;
	text-align: right;
	padding-bottom: 0.2em;
	font-size: 110%;
}
.SelectBOx{
	background-color: #f7ffcd;
	background-image: url(../images/bg_product_select.gif);
	padding-left: 5px;
	font-size: 110%;
	font-weight: bold;
	clear: both;
	color: #677710;
	margin-bottom: 5px;
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #d8e9aa;
}

/* Footer */
#footer{
	width: 100%;
	padding-bottom: 10px;
	clear: both;
	padding-top: 10px;
	background-color: #f5f4f4;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e3e3e3;
	background-image: url(../images/bg_footer.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#footer .SearchBox{
	background-image: url(../images/bg_search.gif);
	background-repeat: repeat-x;
	background-position: left top;
	width: 40%;
	border: 1px solid #abbf18;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-weight: bold;
}
#footer .SearchBox strong{
	font-size: 130%;
}
#footer p{
	color: #FFFFFF;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-align: center;
	font-size: 90%;
	letter-spacing: 0.04em;
}
#footer ul.link{
	color: #699ebd;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 2px;
}
#footer ul.link li{display: inline;}
#footer ul.link li a{}
#footer ul.link li a:hover{
	color: #FFFF00;
}
/* On and Office line */
.OnOff{
	background-color: #FFFFFF;
	overflow: hidden;
	margin-top: 8px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	padding-top: 5px;
}
.OnOffProduct{
	overflow: hidden;
	margin-top: 15px;
	padding-top: 5px;
	width: 700px;
	margin-bottom: 5px;
	
}
.OnlineBox{
	font-size: 80%;
	font-weight: bold;
	width: 120px;
	float: left;
	margin-top: 5px;
}

a.Offline{color: #848583;}
.OnProduct{
	float: left;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	margin-left: 390px;
	_margin-left: 195px;
	
}
.OnlineBox img{
	float: left;
	margin-right: 3px;
	padding: 0px;
	margin-top: -5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.OnProduct img{
	float: left;
	margin-right: 3px;
	padding: 0px;
	
	margin-bottom: 0px;
	margin-left: 0px;}
.Send{
	float: right;
	margin-right: 2px;
	margin-top: -5px;
}
.SendProduct{
	float: right;
	margin-right: 2px;
	margin-top: -5px;
	width: 320px;	
}

.webinquiry {
	width: 100%;
	border: 0px;
	clear: both;
	margin-bottom: 0px;
}
.webinquiry tr {
	border: 0px;
}
.webinquiry th {
	border: 0px;
}
.webinquiry td {
	border: 0px;
	color: #677710;
	padding-left: 5px;
	font-size: 110%;
	font-weight: bold;
	background-image: url(../images/bg_product_select.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}