@import url(base.css);

/* Basic */

a{color: #009900;}

a:hover{color: #003399;}

.boxBorder{	clear: right;}
.space{
	
}
input.btnSend {

	border:medium none;

	color:#FFFFFF;

	font-weight:bold;

	height:20px;

	text-align:center;

	width:115px;

	background-color: transparent;

	background-image: url(../images/btn_inquiry.gif);

	background-repeat: repeat-x;

	background-position: 0 0;

	margin-top: 0;

	margin-right: 5px;

	margin-bottom: 0;

	margin-left: 5px;

	padding-top: 2px;

	padding-right: 0;

	padding-bottom: 2px;

	padding-left: 0;

}

/* Header */

.Header .Logo{

	float: left;

	width: 350px;

}

.Header .RightTop{

	

	background-repeat: no-repeat;

	float: right;

	height: 90px;

	width: 490px;

}

.Header .Subject{
	background-color: #efffd8;
	clear: both;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	height: 25px;
}

.Rateback{
	background-color: #DAECBB;
	float: left;
	width: 147px;
	height: 25px;
	text-align: center;
}

.marqueetext{

	margin-left: 420px;

	height: 20px;

	padding-top: 5px;

	width: 300px;

}

.sidebar{

	background-image: url(../images/bg.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	padding-top: 10px;

	width: 150px;

	float: left;

}

.Content{
	margin-right: 40px;
	margin-left: 160px;
	margin-top: 0px;
	margin-bottom: 10px;
	
	padding-top: 10px;
}

ul.Navi{

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 10px;

	padding-left: 0px;

}

ul.Navi li{  

	font-size: 115%;

	font-family: Verdana, "Bitstream Vera Sans", sans-serif;

	list-style-type: none;

	font-weight: bold;

	margin-bottom: 0.2em; 

	padding-left: 0px;

	_height: 18px;

}

ul.Navi li a:link, ul.Navi li a:visited{

	color: #FFFFFF;

	display: block;

	padding-left: 10px;

}

ul.Navi li a:hover{
	padding-left: 10px;
	background-color: #ffa800;
	margin-right: 3px;
	

}

ul.Navi li.MainNavSelected {background:url(../images/ico_nav.gif) no-repeat 0px 5px;}

ul.Navi li ul {

	padding:0;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 8px;

	margin-left: 10px;

}

ul.Navi li ul li {

	display: block;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 5px;

	margin-left: 0;

	padding-top: 0;

	padding-right: 3px;

	padding-bottom: 2px;

	padding-left: 7px;

	background-image: url(../images/icon_green.gif);

	background-repeat: no-repeat;

	background-position: left 3px;

	width: 120px;

}

ul.Navi li ul li a {
	font-size:0.8em;
}

ul.Navi li a.NavSelected{

	background-color: #ffa800;

	padding-top: 2px;

	padding-bottom: 2px;

	margin-bottom: 3px;

}

ul.Navi li ul li a:hover {

	color:#c5ff39;

	background-color: transparent;

}

ul.Navi li ul li a span {

	color:#e8e8e8;

	margin-top: 0;

	margin-right: 2px;

	margin-bottom: 0;

	margin-left: 5px;

}

.PageContent{

	display: block;

	margin-top: 10px;

}

.Subject h2{
	font-size: 17px;
	line-height: 1.5em;
	color: #326d01;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.Content h3, .Content p{

	font-size: 1.2em;

	line-height: 1.5em;

	font-weight: lighter;

	color: #000000;

	padding-left: 10px;

}

.Content h4{font-size: 1.3em;color: #0e3e86;padding-left: 10px;}

.Content h5{

	font-size: 1.2em;

	line-height: 1.5em;

	font-weight: bold;

	color: #525252;

	padding-left: 10px;

	padding-top: 0.5em;

}

.imgAbout{

	float: right;

	height: 250px;

	width: 250px;

	margin-bottom: 10px;

	margin-left: 15px;

	background-image: url(../stuff/supplier_head3.jpg);

	background-repeat: no-repeat;

	background-position: center;

}

.imgIntro {
	padding:0;
	float:right;
	text-align: center;
	width: 210px;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 20px;
} /* img inside content text */

.imgIntro img {margin:0; padding:0; border:#ccc 1px solid;}

.imgIntro .btnFunction {margin:10px 0; padding:0; text-align:center;}

.imgIntro input {

	color:#fff;

	padding:3px;

	width:90px;

	background-color: transparent;

	background-image: url(../images/btn_inquiry.gif);

	background-repeat: repeat-x;

	background-position: 0 0;

	margin-top: 0;

	margin-right: 5px;

	margin-bottom: 0;

	margin-left: 5px;

}

.imgIntro p {
	color:#474747;
	line-height:1.1em;
	text-align:center;
	margin:10px;
	padding:0;
}

.AboutText{

	float: left;

	width: 65%;

	padding-left: 15px;

	text-align: justify;

}

.titleCompany{

	float: left;

	width: 300px;

	background-image: url(../images/head_company.gif);

	background-repeat: no-repeat;

}

.HotProducts{

	width:95%;

	margin:30px 0 0 15px;

	padding:0;

	clear:both;

}

.HotProducts h4{font-size: 1em;

	line-height: 1.2em;

	font-weight: lighter;

	color: #000000;}

.HotProductsEdit{

	padding-top: 20px;

	padding-bottom: 20px;

	padding-left: 50px;

	margin-bottom: 10px;

}

.HotProduct{

	float: left;

	width: 120px;

	margin-right: 15px;

	text-align: center;

	margin-bottom: 10px;

	margin-top: 5px;

	height: 180px;

}

.HotProduct h3{

	line-height: 15px;

}

.HotProduct img{

	border: 1px solid #CCCCCC;

}

a.goto:link, a.goto:visited{

	color: #FFFFFF;

	background-image: url(../images/bg_gotoshowroom.gif);

	background-repeat: no-repeat;

	background-position: left;

	height: 20px;

	padding-left: 35px;

	padding-right: 10px;

	

}

a.goto:hover{color: #c6ff7d;}

/** Contact Detail Box **/

.boxContentPage {
	width:600px;
	padding:0;
	clear: both;*clear: none;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
	

}

.boxContentPage H6, .HotProducts h6 {
	color:#5c874f;
	background-image: url(../images/icon_detail.gif);
	font-size:200%;
	letter-spacing:1px;
	font-weight:bolder;


*margin-left:0;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 45px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #ffc24d;
	height: 47px;
	font-family: "Courier New", Courier, monospace;
	margin-top: 5px;

}

/* List Style */

/*** list for PageBox ex. Contact Detail ***/

.DetailDes {}
.longfont{
	font-weight: lighter;
	padding-left: 8px;
}

ul.listLight {

	margin:15px 20px 15px 30px;

	padding:0;

	line-height:19px;

	color: #000000;

}

ul.listLight li {

	margin:0;

	padding:0;

	font-weight: bold;

}

ul.listLight li span{

	color: #000000;

	font-weight: lighter;

}

ul.listLight li ul {
	padding:0;
	margin-top: -18px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 160px;
}

ul.listLight li ul li {

	margin:0;

	padding:0;

	font-weight: lighter;

	color: #000000;

	list-style-type: none;

}

/*** list for Product Deatail ***/

ul.listDark {

	padding:0;

	color:#009900;

	margin-top: 0;

	margin-right: 20px;

	margin-bottom: 10px;

	margin-left: 20px;

}

ul.listDark li {margin:0; padding:0; }

ul.listDark li ul {

	padding:0;

	margin-top: 5px;

	margin-right: 0;

	margin-bottom: 5px;

	margin-left: 10px;

}

ul.listDark li ul li {margin:0; padding:0; }

/* Table */

table.tbForm {

	margin:5px 10px 10px 25px;

	padding:0;

	color:#666;

	line-height:16px;

	text-align:left;

	border-left:#9f9f9f 1px solid;

	border-top:#9f9f9f 1px solid;

	background:#fff;

}

table.tbForm caption {

	color:#666;

	line-height:16px;

	font-weight:bold;

	text-align:left;

	margin:0;

	padding:0;

	

}

.ContactForm .right{

	float: right;

	width: 200px;

	text-align: right;

}

table.tbForm th, table.tbForm td {

	margin:0;

	padding:3px 8px;

	border-right:#9f9f9f 1px solid;

	border-bottom:#9f9f9f 1px solid;

}

table.tbForm th {

	color:#fff;

	font-weight:bold;

	text-align:center;

	background:#679c2e;

}
table.tbContact{
	line-height: 1.4em;
	margin-left: 40px;
}
th.tbContact{padding: 2px;}
td.colContact{
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 20px;
	vertical-align: top;
	
}
.columnName {
	background:#e9e9e9;
	font-weight: bold;
	text-align: right;
}

.txtImportant{color:#dd1708;}

table.tbForm input, table.tbForm select, table.tbForm textarea {}


.InquiryForm{
	padding:10px;
	width:620px;
	margin-left:0px;
	margin-top: 1em;
	margin-bottom: 1em;
	
	}
.InquiryForm h3 {
	color:#272627;
	font-size:1em;
	font-weight:lighter;
	padding-bottom:0.5em;
	width: auto;
	text-align: right;
}

.inquForm th{

	color: #272627;
	padding-top: 0.4em;
	padding-right: 0.6em;
	padding-bottom: 0.4em;
	padding-left: 0.6em;
}
.inquForm td{
	background-color: transparent;
	line-height: 1.7em;
	padding: 0.5em;
	color: #272627;
}
.inquForm td input, .inquForm td textarea{border:1px solid #ababab;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:1.1em;
margin-bottom:4px;
padding:4px;}
.inquForm td select{border:1px solid #ababab;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:1.1em;
margin-bottom:4px;
padding:3px;}
.inquForm td input{	margin-right:5px;}
.inquForm td textarea{	width: 400px;}
.inquForm td.title{
	font-size:1.1em;
	padding-right:5px;
	text-align:right;
	color: #272627;
	width: 200px;
	font-weight: bold;
}
.inquForm td input.text{width: 300px;}.inquForm td input.texts{width: 130px;}.inquForm td input.textss, .authnumx2{width: 60px;}


input.checkbox {

	background:transparent none repeat scroll 0 0;

	border:medium none #FFFFFF;

	margin:0 10px 0 0;

}
.btnLogin, .btnBig{
	background-color:transparent;
	background-image:url(../images/btn_inquiry.gif);
	background-position:0 0;
	background-repeat:repeat-x;
	color: #FFFFFF;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-weight: bold;
}
.btnBig{
	margin-top: 8px;
}
/* Products */



/** Info Bar **/



input.btnInquiry {
	color:#fff;
	font-weight:bold;
	text-align:center;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	background-image: url(../images/btn_inquiry.gif);
	background-repeat: repeat-x;
	background-color: #91b638;
	
}

input.btnInquiry:hover {}



/** Series Box **/

.barPInfo{

	background-color: #d9d9d9;

	padding-left: 5px;

	font-weight: bold;

	color: #333333;

	margin-bottom: 5px;

	vertical-align: middle;

	padding-right: 5px;

	padding-top: 3px;

	padding-bottom: 3px;

}



.NoticeSel{

	margin-bottom: 0.5em;

	padding-bottom: 0.5em;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

	color: #757474;

	padding-left: 5px;

}

.product-box{

	float: left;

	width: 47%;

	margin-right: 1em;

}

.boxProduct {

	padding-top: 5px;

	padding-right: 20px;

	padding-bottom: 0;

	padding-left: 0;

	display: block;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 1em;

	margin-left: 0;

	clear: right;

}

.boxProduct img.imgProduct {

	padding:2px;

	border:1px solid #d6d6d6;

	background:#ededed;

	float:left;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 10px;

	margin-left: 0;

}

.imgProductNoImg{display: none;}

.imgProduct{

	float: left;

	margin-right: 1em;

	width: 100px;

	}

.imgProduct img{padding:2px;

	border:1px solid #d6d6d6;

	background:#ededed;}

.boxProduct .PRight {

	display:block;

	min-height:100px;

	margin-left:130px;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 20px;

	padding-left: 0;

	width: auto;min-height:100px; -height:auto !important; -height:100px; -overflow:visible; 

}

.boxProduct .PRightNoImg {margin-left:30px;}

.boxProduct h4 {

	margin:3px 0;

	font-size: 125%;

}

.boxProduct h3 {margin:0;}

.boxProduct ul.listSeries {

	padding:0px;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 25px;

	

}

.boxProduct ul.listSeries h3{

	margin: 0px;

	padding: 0px;

}

.boxProduct ul.listSeries a {

	color:#505050;

	margin-bottom: 0.5em;

}

.boxProduct ul.listSeries a:hover {color:#2c6409;}

.boxProduct .chbInquiry{

	width: 300px;

	float: left;

}

.boxProduct .chbInquiry input {margin:5px 10px 0 0;}

.list-send{

	float: right;

	width: 135px;

	padding-top: 1em;

	padding-bottom: 0.7em;

	height: 70px;

	clear: right;

	

}

/** Page Code **/

/****** Pagination Links ******/

.PageCode{

	padding-top: 0em;

	padding-right: 2px;

	padding-bottom: 0.3em;

	padding-left: 2px;

	margin: 0px;

	font-size: 1.2em;

	

}



.PageCode ul{

	margin: 0px;

	padding: 0px;

	text-align: center; /*Set to "right" to right align pagination interface*/

	font-size: 0.85em;

}



.PageCode li{

	list-style-type: none;

	display: inline;

	padding-bottom: 1px;

	padding-left: -18px;

}



.PageCode li a, .PageCode li a:visited{

	padding: 0 5px;

	border: 1px solid #aeadad;

	text-decoration: none;

	color: #5c5c5c;

}



.PageCode li a:hover, .PageCode li a:active{

	border: 1px solid #7cc487;

	color: #FFFFFF;

	background-color: #498d54;

	text-decoration: none;

}



.PageCode a.currentpage{

	background-color: #009900;

	color: #FFF !important;

	border-color: #7fc43b;

	font-weight: bold;

	cursor: default;

	text-decoration: none;

}



.PageCode a.disablelink, .PageCode a.disablelink:hover{

	background-color: #e6e6e6;

	cursor: default;

	color: #877b70;

	border-color: #cecece;

	font-weight: normal !important;

	text-decoration: none;

}



.PageCode a.prevnext{

	font-weight: bold;

	text-decoration: none;

}



/** Product Detail */

.listPDetail {
	background:url(../images/bg_productlist.gif) no-repeat center top;
	line-height:1.3em;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}

.listPDetail p {color:#666; line-height:16px; margin:5px 0; padding:0;}

.listPDetail ul {margin:10px; padding:0 0 0 10px; list-style:url(../images/ico_list_product.gif) outside;}

.listPDetail ul li {
	color:#666;
	line-height:1.3em;
	margin:0;
	padding:0;
}

.listPDetail ul li ul li {color:#999;}



/** Product Block **/

.boxPBlkArea {margin:0 0 0 40px;}

.boxProductBlk {

	width:140px;

	float:left;

	text-align:center;

	height: 180px;

	padding-top: 7px;

	padding-right: 3px;

	padding-bottom: 7px;

	padding-left: 3px;

	margin-top: 0;

	margin-right: 8px;

	margin-bottom: 0;

	margin-left: 0;

}

.boxProductBlk img {margin:0 0 5px 0; padding:2px;

	border:1px solid #d6d6d6;

	background:#ededed;}

.boxProductBlk h3 {margin:0; }

.boxProductBlk h3 a {color:#666;}

.boxProductBlk h3 a:hover {color:#09c;}

.boxProductBlk h5 {line-height:12px; margin:0; padding:0;}

.boxProductBlk h5:hover {color:#f63;}

.boxPBlkBorder {height:13px; margin:0 0 10px 0; padding:0; clear:both;}

.boxProductBlkR {

	width:100px;

	float:left;

	text-align:center;

	margin-top: 0;

	margin-right: 8px;

	margin-bottom: 0;

	margin-left: 0;

	padding-top: 7px;

	padding-right: 3px;

	padding-bottom: 7px;

	padding-left: 3px;

}

.boxProductBlkR img {

	margin:0 0 5px 0;

	padding:0;

	border:#e9e9e9 1px solid;

}

/** Search **/

.Search {

	width:220px;

	text-align:left;

	margin-top: 1px;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 0px;

	float: right;

}

.Search input.txtSearch {

	width:160px;

	margin-top:1px;

	border:1px solid #CCCCCC;

	margin-right: 0;

	margin-bottom: 0;

	height: 15px;

}

.Search input.btnSearch {

	margin-top: 1px;

}

/** News **/

.News {

	padding-top: 10px;

	padding-right: 20px;

	padding-bottom: 0;

	padding-left: 10px;



}

.News h4{

	color:#009900;

	padding-bottom: 3px;

	font-size: 110%;

}

.News h3{

	margin-bottom: 2em;

}

.News a {

	color:#009900;

}

.News a:hover {

	color:#003399;

	text-decoration:underline;

}

/** Lang **/

.Lang {

	margin:0px;

	padding:0;

	

}

.Lang ul {

	margin:0px;

	padding:0px;

	font-weight:bold;

	letter-spacing:1px;

}

.Lang ul li {
	float:left;
	background-image: url(../images/bg_lang.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 137px;
	list-style-type: none;
	margin: 0;
	height: 21px;
	font-size: 120%;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

.Lang ul li.rss {

	background-image: url(../images/bg_lang.gif);

	background-repeat: no-repeat;

	background-position: left top;

	padding-top: 4px;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 10px;

	width: 137px;

}

.Lang ul a {color:#ffffff;}

.Lang ul a:hover {color:#edfbcd;}

/** TopNavi **/

.TopNavi {

	width:600px;

	height:15px;

	background:url(../images/bg_topnavi.gif) no-repeat;

	color:#686868;

	line-height:16px;

	text-align:left;

	padding-top: 0px;

	padding-right: 20px;

	padding-bottom: 10px;

	padding-left: 0px;

	margin: 0px;

}

.TopNavi a {

	color:#66CC00;

}

.TopNavi a:hover {

	color:#0099CC;

	text-decoration:underline;

}

.TopNavi img {margin:0 4px;}

/** Awards Page **/

.boxAward, .boxAwardIso {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	
	padding: 0px;
}

.boxAwardIso {margin-left:50px;}

.boxAward img.imgAward {

	margin:0px;

	padding:2px;

	border:1px solid #d6d6d6;

	background:#ededed;

	float:right;

}
.boxAward img{
	float:right;
	margin-bottom: 0.8em;
}
.boxAward h4, .boxAwardIso h4 {

	padding: 0px;

	margin-top: 0px;

	margin-right: 0;

	margin-bottom: 10px;

	margin-left: 0;

	font-size: 115%;

	font-family: Arial, Helvetica, sans-serif;

}

.boxAward ul {

	padding:0;

	color:#212120;

	margin-top: 10px;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 25px;

}

.boxAward ul li {margin:0; padding:0;}

.ContactForm{

	width: 600px;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 15px;

}

/* Footer */

.Copyright{

	padding-top: 10px;

	padding-bottom: 10px;

}

.Address{

	color: #666666;

}

.Power{

	font-size: 0.9em;

	color: #CCCCCC;

}

.Power a{color:#828282;}

/** Sidebox **/

.SideBox {

	width:250px;

	padding:0;

	border:#b3b3b3 1px solid;

	margin-top: 10px;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	height: 220px;

}

.SideBox H6 {

	color:#fff;

	font-size:12px;

	font-weight:bold;

	letter-spacing:1px;

	margin:0;

	padding:6px 8px;

	background:#4b871b;

}

.SideBox ul {

	margin:15px 10px;

	padding:0;

	list-style:none;

	color:#999;

	line-height:16px;

	font-weight:bold;

}

.SideBox ul li {margin:0 0 8px 0; padding:0 0 0 10px; background:url(../images/ico_list_arrow2.gif) no-repeat 0px 5px;}/* for News Box */

.SideBox ul li.VipLogin {

	padding:0;

	background:none;

	width: 40px;

	margin-top: 0;

	margin-right: 5px;

	margin-bottom: 10px;

	margin-left: 5px;

	

}/* for VipLogin Box */

.SideBox ul li.VipLogin input {

	padding:2px;

	width: 200px;

	margin: 0;

	

}

.btnBox {

	border:none;

	color:#fff;

	font-size:11px;

	letter-spacing:1px;

	font-weight:bold;

	background-color: #5c5d5b;

	width: 50px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-top: 3px;

	padding-right: 5px;

	padding-bottom: 3px;

	padding-left: 5px;

}

a.btnMore {margin:5px 0 10px 0; *margin:0; padding:3px 8px; background:#b7d0e0; display:block; color:#fff; font-size:11px; letter-spacing:1px; font-weight:bold; float:right;}

a.btnMore:hover {background:#5392b9;}

.info{

	padding-top: 3px;

	padding-right: 5px;

	padding-bottom: 3px;

	padding-left: 5px;

	text-align: center;

}