/* CSS Document */

/* A
-----------------------------------------------------------------------------------------------------------*/
.ui-bar-g {
	border: 1px solid 		#333 /*{a-bar-border}*/;
	background: 			#111 /*{a-bar-background-color}*/;
	color: 					#fff /*{a-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #000 /*{a-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c /*{a-bar-background-start}*/), to( #111 /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #3c3c3c /*{a-bar-background-start}*/, #111 /*{a-bar-background-end}*/);
}
.ui-bar-g,
.ui-bar-g input,
.ui-bar-g select,
.ui-bar-g textarea,
.ui-bar-g button {
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-bar-g .ui-link-inherit {
	color: #fff /*{a-bar-color}*/;
}
.ui-bar-g a.ui-link {
	color: #7cc4e7 /*{a-bar-link-color}*/;
	font-weight: bold;
}
.ui-bar-g a.ui-link:visited {
    color: #2489ce /*{a-bar-link-visited}*/;
}
.ui-bar-g a.ui-link:hover {
	color: #2489ce /*{a-bar-link-hover}*/;
}
.ui-bar-g a.ui-link:active {
	color: #2489ce /*{a-bar-link-active}*/;
}
.ui-body-g,
.ui-overlay-g {
	border: 1px solid 		#444 /*{a-body-border}*/;
	background: 			#222 /*{a-body-background-color}*/;
	color: 					#fff /*{a-body-color}*/;
	text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #111 /*{a-body-shadow-color}*/;
	font-weight: normal;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-body-background-start}*/), to( #222 /*{a-body-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #444 /*{a-body-background-start}*/, #222 /*{a-body-background-end}*/);	
}
.ui-overlay-g {
	background-image: none;
	border-width: 0;
}
.ui-body-g,
.ui-body-g input,
.ui-body-g select,
.ui-body-g textarea,
.ui-body-g button {
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}
.ui-body-g .ui-link-inherit {
	color: 	#fff /*{a-body-color}*/;
}
.ui-body-g .ui-link {
	color: #2489ce /*{a-body-link-color}*/;
	font-weight: bold;
}
.ui-body-g .ui-link:visited {
    color: #2489ce /*{a-body-link-visited}*/;
}
.ui-body-g .ui-link:hover {
	color: #2489ce /*{a-body-link-hover}*/;
}
.ui-body-g .ui-link:active {
	color: #2489ce /*{a-body-link-active}*/;
}
.ui-btn-up-g {
	border: 1px solid 		#111 /*{a-bup-border}*/;
	background: 			#333 /*{a-bup-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{a-bup-color}*/;
	text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #111 /*{a-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #444 /*{a-bup-background-start}*/), to( #2d2d2d /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #444 /*{a-bup-background-start}*/, #2d2d2d /*{a-bup-background-end}*/);
}
.ui-btn-up-g:visited,
.ui-btn-up-g a.ui-link-inherit {
	color: 					#fff /*{a-bup-color}*/;
}
.ui-btn-hover-g {
	border: 1px solid 		#000 /*{a-bhover-border}*/;
	background: 			#444 /*{a-bhover-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{a-bhover-color}*/;
	text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #111 /*{a-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #555 /*{a-bhover-background-start}*/), to( #383838 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #555 /*{a-bhover-background-start}*/, #383838 /*{a-bhover-background-end}*/);
}
.ui-btn-hover-g:visited,
.ui-btn-hover-g:hover,
.ui-btn-hover-g a.ui-link-inherit {
	color: 					#fff /*{a-bhover-color}*/;
}
.ui-btn-down-g {
	border: 1px solid 		#000 /*{a-bdown-border}*/;
	background: 			#222 /*{a-bdown-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{a-bdown-color}*/;
	text-shadow: 0 /*{a-bdown-shadow-x}*/ 1px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #111 /*{a-bdown-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #202020 /*{a-bdown-background-start}*/), to( #2c2c2c /*{a-bdown-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #202020 /*{a-bdown-background-start}*/, #2c2c2c /*{a-bdown-background-end}*/);
}
.ui-btn-down-g:visited,
.ui-btn-down-g:hover,
.ui-btn-down-g a.ui-link-inherit {
	color: 					#fff /*{a-bdown-color}*/;
}
.ui-btn-up-g,
.ui-btn-hover-g,
.ui-btn-down-g {
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
	text-decoration: none;
}

.ui-header{ background:#005b9e; border:none; box-shadow:0px 1px 1px #999; position:relative; z-index:999;}
.ui-header .ui-title{ margin:0; padding:0; padding:6px 0px 0px 0px;}
.ui-header .ui-btn-inner{ border:none; top:5px;}
.ui-footer .ui-btn-inner{ border:none;}
.ui-footer span.ui-icon{ width:20px; height:20px;}
.ui-footer .ui-navbar li .ui-btn-icon-top .ui-btn-inner{ padding-top:20px;}
.ui-icon{ width:28px; height:28px; border:none;}
.ui-icon-home2{ background:url(../images/home2.png) no-repeat; background-size:80%;}
.ui-icon-search2{ background:url(../images/search2.png) no-repeat;background-size:80%;}
.ui-icon-phone2{ background:url(../images/phone2.png) no-repeat;background-size:80%;}
.ui-icon-pdf{ background:url(../images/pdficon.png) 9px -2px no-repeat;background-size:75%;}
.ui-icon-share{ background:url(../images/share.png) no-repeat;background-size:80%;}
.ui-icon-mail2{ background:url(../images/mail2.png) no-repeat;background-size:80%;}
.ui-icon-contact{ background:url(../images/contact.png) no-repeat;background-size:80%;}
.ui-icon-menu{ background:url(../images/menu.png) 1px 2px no-repeat;background-size:70%;}
/*scroll*/
#wrapper {
	width:100%;
	height:auto;

	float:left;
	position:relative;	/* On older OS versions "position" and "z-index" must be defined, */
	z-index:1;			/* it seems that recent webkit is less picky and works anyway. */
	overflow:hidden;
}

#scroller {
	width:960px;
	height:100%;
	float:left;
	padding:0;
}

#scroller ul {
	list-style:none;
	display:block;
	float:left;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	text-align:left;
}

#scroller li {
	display:block; 
	float:left;
	width:320px; 
	text-align:center;
	line-height:0;
}

#nav {
	width:100px;
	margin:0 auto;
	position:absolute;
	z-index:9999;
	bottom:10px;
	left:50%; margin-left:-50px;
}

#prev, #next {
	float:left;
	font-weight:bold;
	font-size:14px;
	padding:5px 0;
	width:80px;
}

#next {
	float:right;
	text-align:right;
}

#indicator, #indicator > li {
	display:block; float:left;
	list-style:none;
	padding:0; margin:0;
}

#indicator {
	width:110px;
	padding:12px 0 0 30px;
}

#indicator > li {
	text-indent:-9999em;
	width:8px; height:8px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	background:#ddd;
	overflow:hidden;
	margin-right:4px;
}

#indicator > li.active {
	background:#005b9e;
}

#indicator > li:last-child {
	margin:0;
}


.ui-content{ padding:0; margin:0;}
.ui-footer{ background:#005b9e; border:none;}
.clear{ clear:both;}
#Subcompanies{ margin-top:-6px; font-size:14px;}
.Subcompanies span{ font-size:12px; font-weight:normal;}
.Subcompanies  .ui-link-inherit{ padding:0; margin:0;}
.listviewtitle{height:20px; font-size:17px; margin-top:5px;}
.container{ padding:10px;}
.banner{ line-height:0; font-size:0;}
.subnav{ height:25px; padding-top:3px; font-size:12px; text-shadow:1px 1px 1px #fff;} 
.subnav a:link,.subnav a:visited{ color:#005b9e; font-size:12px; font-weight:normal; text-decoration:none;}
.productslist td{ font-size:12px; font-weight:normal; padding:0 3px;}
.productslist td strong{ font-size:14px;}
.productslist td span{ color:#005b9e;}
/*event scroll*/
#event {
	position:relative;
	width:100%;
	overflow:auto;
}

#scroller2 {
	width:1920px;
	height:auto;
	float:left;
	padding:0;
}

#scroller2 ul {
	list-style:none;
	display:block;
	float:left;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	text-align:left;
}

#scroller2 li {
	display:block;
	vertical-align:middle;
	float:left;
	padding-right:10px;
	width:220px;
	height:auto;
}

.eventdes{ font-size:12px; line-height:20px; border:1px solid #ddd; background:#fff; padding:0px 10px; margin:7px 0 10px 0; border-radius:5px; }
.newscontent{ font-size:12px; line-height:20px; border:1px solid #ddd; background:#fff; padding:10px; margin:7px 0 10px 0; border-radius:5px;}
.newscontent h1{ font-size:17px; text-align:center; margin:0; padding:0;}
.newscontent h4{ font-size:16px; margin:0; padding:0;}
.newscontent .published{ border-bottom:1px solid #ddd; text-align:right; font-size:12px; color:#999; margin-bottom:10px;}
.subcom{ font-size:12px; line-height:20px; border:1px solid #ddd; background:#fff; padding:10px; margin:10px 0 15px 0; border-radius:5px; }
.subcom h4{ margin:0; padding:0; border-bottom:1px solid #ddd; margin-bottom:5px; padding-bottom:5px;}
.subcom p{ margin:0; padding:0;}
.ui-btn-text{ font-size:12px;}