html{height:100%;}
body {
    height:100%;
    margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(images/public/top_bg.jpg) repeat-x;
}
a img {border:0}
img {vertical-align:middle}
ul,li {list-style:none; margin:0; padding:0}

div#topArea {background:url(images/public/topBtn_bg.jpg) no-repeat; width:1000px; height:130px; margin:0 auto}
div#pageMainAreaBg {background:url(images/public/page_graybg.jpg) repeat-x}
div#pageMainArea {background:url(images/public/page_whitebg.png) repeat-y; width:1000px; margin:0 auto}
div#pageMainContent {width:950px; margin:0 auto; background:url(images/public/page_mainFootbg_1.jpg) bottom no-repeat; padding-bottom:35px; min-height:300px}
div#leftArea {float:left;width:220px;margin-left:-1px}
div#rightArea {float:left;width:720px;min-height:300px}
div#footArea{border-top:1px solid #ccc; margin-top:25px; padding-bottom:10px; text-align:center; clear:left}


ul.menu {width:188px;margin-top:22px}
ul.menu li {position:relative;float:left;display:inline;width:188px;height:76px;margin-top:-22px;line-height:20px; text-align:right; color:#1F7C34; font-size:15px; cursor:pointer; background:url(images/public/leftMenu_bg.png) no-repeat}
ul.menu li:hover {color:#1F7C34; text-decoration:none}
ul.menu li.current {background-position:-188px 0; color:#fff}
ul.menu li div {margin:38px 10px 0 10px;height:auto}

ul.menu_sub {position:relative;float:left;display:inline;width:170px;background:url(images/public/leftMenu_sub_linebg.png) repeat-y;padding:7px 0 12px}
ul.menu_sub li {width:130px;height:auto;padding:5px 0 5px 40px;margin:0;line-height:17px; text-align:right; color:#85A32C; font-size:13px; cursor:pointer; background:url(images/public/leftMenu_sub_bg.png) no-repeat center left}
ul.menu_sub li.current {background-position:-170px 0; color:#000} 

ul.page {margin:0 10px; padding:0}
ul.page li {padding:0 5px 0 5px; float:left; margin:0; font-size:12px; color:#333; cursor:pointer}
ul.page li:hover {text-decoration:underline}
ul.page li.current {color:#009900; font-weight:bold}

ul.topLang {margin-left:5px; padding:0}
ul.topLang li {padding:1px; float:left; margin:0 1px;width:18px;text-align:center; font-size:10px; color:#0075C1; cursor:pointer; border:1px solid #0075C1}
ul.topLang li.current {color:#fff; background-color:#0075C1}

/*PRODUCTS LIST SET*/
div.proFrame {background:url(images/product/bpic_bg.jpg) no-repeat; padding:45px 0 0 55px; cursor:pointer}
div.proFrame .showbox {float:left;margin-right:20px}
div.proFrame .sPics div{
	float:left;
	width:65px; 
	height:65px;	
	display:table-cell; 
	text-align:center; 
	vertical-align:middle;
	border:1px solid #ccc;	
	margin-right:10px;
	}
div.proFrame .sPics div span{height:100%; display:inline-block}
div.proFrame .sPics div *{vertical-align:middle;}
div.proFrame_on .btn_detail {background-position:-130px 0}

/*PRODUCTS DETAIL SET*/
div.proPic {float:left;width:350px;margin-right:2px}
div.proPic .showbox {margin-bottom:5px; min-height:350px}
div.proPic .sPics div{float:left;width:65px; height:65px;display:table-cell; text-align:center; vertical-align:middle;border:1px solid #ccc;margin:0 5px}
div.proPic .sPics div span{height:100%; display:inline-block}
div.proPic .sPics div *{vertical-align:middle;}
div.proPic .sPics div.on {position:relative;border:1px solid #79C186}
div.proPic .sPics div.on .triangle {
		width: 0;
		height: 0;
		border-top: 5px solid transparent;
		border-bottom: 5px solid #79C186;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		position: absolute;
		top:-10px;
		left:27px;
	}
div.proState {float:left;width:355px;background:url(images/product/detail/state_bg01.jpg) repeat-y}
div.otherPic {width:65px; height:65px;display:table-cell; text-align:center; vertical-align:middle;border:1px solid #ccc;margin:5px 5px}
div.otherPic span{height:100%; display:inline-block}
div.otherPic *{vertical-align:middle;}

.gray33 {font-size:13px; color:#333333; line-height:18px}
.gray12 {font-size:12px; color:#333333; line-height:18px}
.gray15 {font-size:15px; color:#333333; line-height:18px}
.gray66 {font-size:13px; color:#666666; line-height:16px}
.gray99 {font-size:13px; color:#999999; line-height:16px}
.grayCC {font-size:13px; color:#CCCCCC; line-height:16px}
.green {font-size:13px; color:#006600; line-height:18px}
.green15 {font-size:15px; color:#006600; line-height:18px}
.red {font-size:13px; color:#CC0000; line-height:16px}
.white {font-size:13px; color:#FFFFFF; line-height:18px}
.newsTitle {font-size:13px; color:#666; line-height:18px}
.newsTitle a:hover {text-decoration:none; color:#006600}
.proClassTitle {font-size:18px; color:#006600; line-height:22px;font-weight:bold}
.proNameTitle {font-size:20px; color:#006600; line-height:25px;font-weight:bold}
.gold_B {font-size:13px; color:#C9AF1F; line-height:18px; font-weight:bold}

.text {font-size: 12px;
	line-height: 16px;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
.text_contact {font-size: 12px;
	line-height: 16px;
	color: #333333;
	background:url(images/contact/text_bg.jpg) repeat-x;
	background-color:#E6E6E6;
	border: 1px solid #ADD169;
}

.underline {
	font-size:12px;
	line-height: 16px;
	color: #006600;
	background-color: #CBE9D8;
	border: 1px solid #78AB12;
	text-align:center;
	cursor:pointer;
}

a:link {text-decoration: none}
a:visited {	text-decoration: none}
a:hover {text-decoration:underline}
a:active {	text-decoration: none}

.rollOver a:hover {position:relative; top:1px}