@import url("menu.css");
@import url("ui.css");
@import url("gridview.css");

body {margin:0; padding:0; font-family:Tahoma; font-size:11px; color:#666; line-height:1.5;}
a:link { color:#666; text-decoration:none;}
a:visited {color:#666; text-decoration:none;}
a:hover {color:#c30416; text-decoration:none;}

img {border:0;}

#top{ height:109px; background-image:url(../images/top_bg.jpg);}
#top span {color:#cccccc; padding:0 10px;}
#menu {margin-top:10px; text-align:right;}
#menu div { float:left; padding-left:14px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bolder; line-height:31px; color:#333;}
#menu div a:link {color:#333;}
#menu div a:visited {color:#333;}
#menu div a:hover {color:#c30416;}

.pb_logo{background:url(../images/logo.jpg) no-repeat;width:245px;height:59px;padding-left:30px;}

#menu img { float:left; padding-left:15px;}
#banner { background-image:url(../images/banner_bg.jpg);}
.centerContent {width:980px; margin-left:auto; margin-right:auto;}
#content {background-image:url(../images/content_bg.jpg); background-repeat:repeat-x; padding-top:22px;}
#footer { background-image:url(../images/footer_bg.jpg); background-repeat:repeat-x; padding:10px 0; line-height:1.5; margin-top:15px;font-family:Calibri;font-size:10.5pt;}

.title { font-family:Calibri; font-weight:bold; font-size:14px; color:#c30416;}
.read-more{font-family:Segoe UI;font-size:12px;color:#0085d5;padding-left:3px;}

.left_boxheader{background:url(../images/menu_bg.png) repeat-x; height:25px;width:100%; color:#FFFFFF; padding-left:0px;padding-top:2px;font-family:Calibri;font-weight:bold;font-size:14px;}
.left_box{border:solid 1px #c30416;margin-bottom:22px;}
.left_boxitem{background:url(../images/box_itembg.png) no-repeat;height:22px;padding-left:8px;padding-top:3px;padding-bottom:3px;}
.left_boxitem a,
.left_boxitem span{font-family:Calibri;font-size:10.5pt;color:#333333;width:100%;}
.left_boxitem .hot{font-family:Lucida Calligraphy;font-size:12px;font-style:italic;color:Red;padding-right:8px;}

#subpage_menu td a{font-family:Calibri; font-weight:bold; font-size:14px; color:#888888;}
#subpage_menu td a:hover{text-decoration:underline;color:#c30416;}
#subpage_menu td a.#current_page{color:#fa5858;}
#subpage_menu td a.#current_page:hover{color:#c30416;}

#search_bar{margin-top:8px;padding-left:32px;}

.content_txt p{font-family:Calibri;font-size:11pt;color:#333333;}

.right_boxheader{background:url(../images/title_bg.jpg) repeat-x;height:25px;width:100%;color:#c30416; padding-left:0px;padding-top:2px;font-family:Calibri;font-weight:bold;font-size:14px;}
.right_box{border:solid 1px #dddddd;margin-bottom:32px; width:100%;}

.leftBorder { border:1px solid #eaeaea; background-image:url(../images/left_border_bg.jpg); background-repeat:repeat-x; background-position:top; padding:8px; margin-bottom:20px; background-color:#ececec;}
.leftBorder .title { text-indent:4px; padding-bottom:4px; background-image: url(../images/dot_x.gif); background-repeat:repeat-x; background-position:bottom;}
.leftBorder .input {border:1px solid #e1e1e1;}

.imgBorder {border:1px solid #eaeaea; margin:8px 0;}

.index_txt {margin:0 2px; font-family:Calibri; font-size:10.5pt;text-align:justify;}

.news_title_left{background:url(../images/title_l.jpg) no-repeat;width:10px;height:33px;}
.news_title_right{background:url(../images/title_r.jpg) no-repeat;width:10px;height:33px;}
.news_title_center{background:url(../images/title_bg.jpg) repeat-x;}

.news_list_home {padding:16px 10px;background-image:url(../images/dot_x.gif); background-repeat:repeat-x; background-position:bottom;}
.news_list_home .title, 
.news_list_home a:link,
.news_list_home a:visited{ font-weight:bold; color:#b5363b; font-size:11pt;font-family:Calibri;}
.news_list_home .time { color:#d2686c;font-size:10pt;font-family:Calibri;}
.news_list_home .dec { margin:2px 0; font-size:10.5pt;font-family:Calibri;text-align:justify; overflow:hidden;height:58px;}

.sub_menu { padding:10px 3px; background-image:url(../images/dot_x.gif); background-position:bottom; background-repeat:repeat-x; height:24px;}
.sub_menu  ul {
	margin:0;
	padding:0;
	list-style:none;
	height:24px;
	overflow:hidden;
	float:right;
}
.sub_menu  ul li {
	display:inline;
	margin:0;
	padding:0;
	font-weight: bold;
}
.sub_menu  a {
	float:left;
	background:url("../images/tableftF.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	display:block;
	MARGIN-LEFT:15PX;
}
.sub_menu .hover {background-position:0% -24px; color:#FFF;}
.sub_menu .hover a {
	float:left;
	background:url("../images/tableftF.gif") no-repeat left -24px;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	display:block;
	MARGIN-LEFT:15PX;
}
.sub_menu .hover a span {
	float:left;
	display:block;
	background:url("../images/tabrightF.gif") no-repeat right -24px;
	padding:4px 9px;
	color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.sub_menu  .hover a span {
	float:none;
	color:#FFF
}
/* End IE5-Mac hack */
.sub_menu  .hover a:hover span {
	color:#FFF;
}



.sub_menu  a span {
	float:left;
	display:block;
	background:url("../images/tabrightF.gif") no-repeat right top;
	padding:4px 9px;
	color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.sub_menu  a span {
	float:none;
	color:#FFF
}
/* End IE5-Mac hack */
.sub_menu  a:hover span {
	color:#FFF;
}
.sub_menu  a:hover {
	background-position:0% -24px;
	color:#FFF
}
.sub_menu  a:hover span {
	background-position:100% -24px;
	color:#FFF;
}




.content_txt {margin:5px;}


/* Tab
******************************************************************/
.tab_container{height:24px;border-bottom:1px solid #a12222; overflow:hidden; margin-top:20px;}
.tab_current{color:#ffffff;padding:0px 10px 0px 11px;text-align:center;line-height:25px;font-family:Calibri;font-size:14px;font-weight:bold;border-top:1px solid #a12222; border-left:1px solid #a12222;background-color:#c30416;}
.tab_current a{color:#ffffff;}
.tab{width:120px; padding:0px 10px 0px 11px;float:left;cursor:pointer;color:#666666;background-color:#f2f2f2;line-height:25px;text-align:center;font-family:Calibri;font-size:14px;font-weight:bold;border-top:1px solid #d3d3d3; border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;}
.tab td:hover{background-color:#c30416;color:#ffffff;display:block;}

/*
.Des_info { height:24px; *height:24px; _height:24px; border-bottom:1px solid #a12222; border-right:1px solid #d3d3d3; overflow:hidden; margin-top:20px;}
.tab_on {
	PADDING-RIGHT: 10px; PADDING-LEFT: 11px; FLOAT: left; PADDING-BOTTOM: 0px;  COLOR: #FFF;  PADDING-TOP: 0px;  BACKGROUND-COLOR: #FFF; TEXT-ALIGN: center; line-height:25px; font-size:14px; font-family: Calibri; background-color:#c30416;
font-weight:bold;border-top:1px solid #a12222; border-left:1px solid #a12222;}
.tab_out {
	PADDING-RIGHT: 10px; PADDING-LEFT: 11px; FLOAT: left; PADDING-BOTTOM: 0px;  CURSOR: pointer; COLOR: #666666; PADDING-TOP: 0px;  BACKGROUND-COLOR: #f2f2f2; TEXT-ALIGN: center; line-height:25px; font-size:14px; font-family: Calibri; border-top:1px solid #d3d3d3; border-left:1px solid #d3d3d3;
}

.tab_out a:link {
	DISPLAY: block; 
}
.tab_out A:visited {
	DISPLAY: block; COLOR: #fff
}
.tab_out A:hover {
	DISPLAY: block; COLOR: #fff
}*/
.folder_on{ padding:4px; background-color:#ffffff}
.folder_out{ display:none; padding:4px; background-color:#FFF}



/* product_list 
****************************************************** */

#product_list {}
#product_list ul { margin:0; padding:0; list-style:none;}
#product_list ul li { margin:0; padding:0; list-style:none; float:left; margin:10px 3px; width:231px;}
#product_list ul li .pic { width:229px; height:111px; border:1px solid #ececec; background-image:none;}
#product_list ul li div { background-image:url(../images/dot_x.gif); background-repeat:repeat-x; background-position:bottom; line-height:26px; font-weight:bold; color: #c35050;}
#product_list ul li div span { font-weight:normal; color:#333; margin:0 5px;}


span.service_list
{
    padding-left:38px;
    padding-right:5px;
    font-family:Wingdings;
    color:#a12222;
    font-size:14px; 
}

#createuser-title{font-family:Tahoma;font-size:20pt;color:#111111;margin:16px 0px 0px 180px;}
.createuser-description{font-family:Tahoma;font-size:11pt;color:#666666;margin:0px 0px 32px 180px;}

#login-title{font-family:Calibri;font-size:16pt;color:#111111;margin:16px 0px 0px 48px;}
.login-description{font-family:Calibri;font-size:11pt;color:#666666;margin:0px 0px 32px 64px;}

#login-pb{font-family:Calibri;font-size:12pt;color:#666666;padding:0px 0px 0px 64px;}
.login-row{font-family:Calibri;font-size:10.5pt;color:#333333;width:500px;padding:0px 0px 12px 12px;}

.login-div{background:url(../images/login_div.gif) repeat-y;background-position:6px;}

#login-login{font-family:Calibri;font-size:12pt;color:#666666;padding:0px 0px 0px 64px;}

.contact_bkg{background:url(../images/worldmap.png) no-repeat;height:323px; opacity:1;}
.contact_title{font-family:Segoe UI;font-size:12pt;color:#2d83b0;padding:0px 0px 0px 16px;text-align:left;}
.contact_item{font-family:Calibri;font-size:11.5pt;color:#666666;padding:0px 0px 0px 3px;text-align:left;}
.contact_itemtitle{font-family:Calibri;font-size:11.5pt;color:#c30416;padding:0px 0px 0px 16px;text-align:left;}
.contact_item a,.contact_item a:visited{font-family:Calibri;font-size:11.5pt;color:#0000ff;padding:0px 0px 0px 0px;text-align:left;text-decoration:underline;}
.contact_label{font-family:Calibri;font-size:20pt;color:#111111;margin:16px 0px 0px 48px;}

/* news
********************** */
.newsList { padding:0 5px; padding-bottom:10px; background-image:url(../images/dot_x.jpg); background-position:bottom; background-repeat:repeat-x; }
.newsTitle {font-weight:bold; font-size:11px; padding:4px 0; padding-top:7px;}
.newsDec { height:26px; overflow:hidden;}
.newsTime { color:#E4894D; margin-top:6px;}

/* News
******************************* */
#news {margin:10px; font-size:14px;}
#news_header{font-family:Calibri;font-size:20pt;color:#c30416;margin-bottom:20px;}
.news_title {
	color:#b5363b;
	font-family:Calibri;
	font-size:13pt;
	margin-bottom:16px;
}
.news_time {font-size:1.0em; color:#396fd5; font-weight:normal; display:inline;font-family:Tahoma;padding-left:2px;}
.news_time span {float:left;}
.news_time strong { float:right;}

.news_dec { margin-top:1px; overflow: hidden; line-height:1.2;font-family:Calibri;font-size:10.5pt; text-align:justify;}
.news_dec a:link { color:#7d7d7d; text-decoration:none;}
.news_dec a:visited { color:#7d7d7d; text-decoration:none;}
.news_dec a:hover { color:#F60; text-decoration: underline;}
.news_pic {float:left; border:1px solid #E7E7E7; padding:2px; margin-right:10px; margin-bottom:5px;}

#news_detail_border {border-bottom:2px dotted #E2E2E2; padding-bottom:15px;}
#news_detail_time { color:#999999; margin-top:15px; padding-left:2px;}
#news_detail_title { font-weight:bold; font-size:18px; color: #666666; margin-top:5px;}
#news_detail {font-size:14px; line-height:1.5; font-family: Tahoma;}
#news_detail img {float:left; margin-right:15px;}

.news_list {  background-image: url(../images/news/dot_x_news.gif); background-repeat:repeat-x; line-height:26px; padding:3px; background-position:bottom; clear:both;  padding-bottom:5px; margin-top:8px;} 
.news_list span { float:left; padding-left:10px; background-image: url(../images/news_arrow.jpg); background-position: left center; background-repeat:no-repeat;}
.news_list strong { float:right; font-weight:normal; margin-left:8px; color:#CCC;}

.clear {clear:both;}


.require {color:#CC0000;}

.career_list { padding:10px; border-bottom:1px dotted #D7D7D7; margin:0 5px;text-align:justify;font-family:Calibri;font-size:11pt;}

.career_title { font-family:Tahoma; font-weight:bolder; font-size:14px; color:#333; border:1px solid #E7E7E7; background-color:#F7F7f7; padding:5px;}
.career_item a,.contact_item a:visited{font-family:Calibri;font-size:10.5pt;color:#0000ff;padding:0px 0px 0px 0px;text-align:left;text-decoration:underline;}

.facility_content{font-family:Calibri;font-size:11pt;color:#000000;}
.quotation_content{font-family:Calibri;font-size:11pt;color:#000000;}
.quotation_label-td{font-family:Calibri;font-size:11pt;color:#C63D35;width:200px;height:25px;text-align:right;padding-right:8px;}