/* Usual block */
html, body {margin:0; padding:0; width:100%; height:100%}
body {text-align:center; font:normal 12px Arial}
.clear {margin:0; padding:0; line-height:0; font-size:0; float:none; clear:both}
img {border:none; display:block}
table, td {font-size:1em}
a {color:#008f91}
a:hover {text-decoration:none}
blockquote {margin:0;}
h2 {font-size:24px; font-weight:normal; margin:20px 0;}
h3 {font-size:14px; font-weight:bold; margin:20px 0}
h4 {font-size:12px; font-weight:bold; font-style:italic; margin:20px 0 0 0}


/* Classes */
div.topb {background:#f0f0db url(../img/topb_l.gif) no-repeat left top; height:30px; width:auto;}
	div.topb div {background:transparent url(../img/topb_r.gif) no-repeat right top; height:30px}
		div.topb div div {background:none; padding:6px 7px 0 7px; height:auto}
			div.topb div div div {padding:0; margin:0;}


div.lightb {background:#dcf0ef url(../img/lb_lt.gif) no-repeat left top;}
	div.lightb div {background:transparent url(../img/lb_rt.gif) no-repeat right top;}
		div.lightb div div {background:transparent url(../img/lb_lb.gif) no-repeat left bottom; _display:inline}
			div.lightb div div div {background:transparent  url(../img/lb_rb.gif) no-repeat right bottom;}
				div.lightb div div div div {padding:17px; height:100%; background:none; _width:100%}
					div.lightb div div div div div {padding:0; height:auto; background:none;}
					div.lightb div div div div h2 {margin:0; font-size:14px; line-height:14px; font-weight:bold}
					div.lightb div div div div ul {margin:25px 0 10px 0; padding:0;}
						div.lightb div div div div ul li {list-style-type:none; padding:0 0 15px 15px; background: url(../img/lb_dash.gif) no-repeat 0 2px;}
							div.lightb div div div div ul li a {color:black}

div.transpb {background:#ffffff url(../img/tb_lt.gif) no-repeat left top;}
	div.transpb div {background:transparent url(../img/tb_rt.gif) no-repeat right top;}
		div.transpb div div {background:transparent url(../img/tb_rb.gif) no-repeat right bottom;}
			div.transpb div div div {background:transparent url(../img/tb_lb.gif) no-repeat left bottom;}
				div.transpb div div div div {padding:14px; height:100%; background:transparent url(../img/tb_ltc.gif) no-repeat left top;}
					div.transpb div div div div div {padding:0; height:auto; background:none}
					div.transpb div div div div h2 {margin:0; font-size:14px; line-height:14px; background:#ed6e00 url(../img/tb_h2l.gif) no-repeat left top;}
						div.transpb div div div div h2 span,
						div.transpb div div div div h2 a {display:block; background:transparent url(../img/tb_h2r.gif) no-repeat right top; color:white; padding:0 7px; line-height:27px; font-weight:bold}
					div.transpb div div div div ul {margin:25px 0 10px 5px; padding:0;}
						div.transpb div div div div ul li {list-style-type:none; padding:0 0 15px 10px; background: url(../img/tb_dash.gif) no-repeat 0 2px;}
							div.transpb div div div div ul li a {color:black}

div.darkb {background:#008f91 url(../img/db_lt.gif) no-repeat left top;}
	div.darkb div {background:transparent url(../img/db_rt.gif) no-repeat right top;}
		div.darkb div div {background:transparent url(../img/db_rb.gif) no-repeat right bottom;}
			div.darkb div div div {background:transparent url(../img/db_lb.gif) no-repeat left bottom;}
				div.darkb div div div div {padding:17px; height:100%}
					div.darkb div div div div div {padding:0; height:auto}
					div.darkb div div div div h2 {margin:0; font-size:14px; line-height:14px; background:#ed6e00 url(../img/db_h2l.gif) no-repeat left top;}
						div.darkb div div div div h2 span,
						div.darkb div div div div h2 a {display:block; background:transparent url(../img/db_h2r.gif) no-repeat right top; color:white; padding:0 7px; line-height:27px}
					div.darkb div div div div ul {margin:25px 0 10px 0; padding:0;}
						div.darkb div div div div ul li {list-style-type:none; padding:0 0 15px 15px; background: url(../img/db_dash.gif) no-repeat 0 2px;}
							div.darkb div div div div ul li a {color:white}


h3.or_h3 {background:#ed6e00 url(../img/orh2_lt.gif) no-repeat left top;}
	h3.or_h3 span {display:block; background:transparent url(../img/orh2_rt.gif) no-repeat right top;}
		h3.or_h3 span span {display:block; background:transparent url(../img/orh2_rb.gif) no-repeat right bottom;}
			h3.or_h3 span span span {display:block; background:transparent url(../img/orh2_lb.gif) no-repeat left bottom;}
				h3.or_h3 span span span a,
				h3.or_h3 span span span span {display:block; padding:5px; font-size:14px; font-weight:bold; color:white; _height:1px}

/* Main */
#skeleton {width:96%; margin:0 auto; padding:20px 0; text-align:left; max-width:1240px; width:expression(document.body.clientWidth > 1220 ? "1220px" : "96%" );}
div.mainskeleton {/*background: url(../img/background.jpg) no-repeat 50% 155px;*/}

#logo {margin:0; padding:0; float:left}
#langs {float:right; margin:4px 0 0 0; width:auto; _width:115px}
	#langs a {display:block; float:left; margin:0 3px; width:17px; height:17px; font-size:11px; line-height:15px; text-indent:4px; color:black; text-decoration:none;}
	#langs span {display:block; float:left; margin:0 3px; width:17px; height:17px; font-size:11px; line-height:15px; text-indent:4px; background: url(../img/ln_hl.gif) no-repeat; color:white}

#search {float:right; margin:4px 20px 0 0; width:auto; _width:315px}
	#search form {margin:0;}
		#search form label {display:block; float:left; font-size:11px; line-height:11px; padding:4px 8px 0 0px}
		#search form input.text {display:block; float:left; width:160px; border:1px solid #e5e5e5; font-size:13px;}
		#search form input.image {display:block; float:left; margin:1px 0 0 8px}

#top_links {float:right; width:800px; text-align:right; margin:20px 0 0 0; font-size:11px;}
	#top_links a {color:black; padding-left:25px}

#mainmenu {background:#008f91 url(../img/mm_l.gif) no-repeat left top; height:40px; margin-top:20px; overflow-y:hidden}
	#mainmenu div {background:transparent url(../img/mm_r.gif) no-repeat right top; height:40px}
		#mainmenu div div {background:none; height:auto; padding:7px 0 0 0;}
			#mainmenu div div div {padding:0; margin:0;}

	#mainmenu table {width:100%; height:26px;}
		#mainmenu table td {color:white; vertical-align:top; height:26px}
		#mainmenu table td.div {width:50px; background:transparent url(../img/mm_div.gif) no-repeat 50% 1px}
		#mainmenu table td.pad {width:7px;}
		#mainmenu table td.active {background:white url(../img/mm_a_l.gif) no-repeat left top}

			#mainmenu table td span,
			#mainmenu table td a {color:white; display:block; height:26px; line-height:26px;text-align:center;}
			#mainmenu table td.active span,
			#mainmenu table td.active a {background:transparent url(../img/mm_a_r.gif) no-repeat right top; color:black}

#maintable {width:100%;}
	#maintable #left_column {width:180px; vertical-align:top}
	#maintable #body {vertical-align:top; padding:20px 0 0 20px}
	#maintable #body .main_bog_banner {text-align:center;}
		#maintable #body .main_bog_banner img {display:inline; margin:-12px 0 0 0}

#leftmenu {margin:20px 0;}

#submenu {margin:20px 0;}

div.left_banner {margin:20px 0 0 0}
div.path {margin:0 0 20px 0}
/* CONTENT */

div.cpl_text {padding:0 16px}
	div.cpl_text p {margin:0 0 10px 0}
	div.cpl_text ul {margin:0 20px 20px 0; padding:0;}
		div.cpl_text ul li {list-style-type:none; padding:0 0 5px 15px; background: url(../img/tb_dash.gif) no-repeat 0 2px;}
			div.cpl_text ul li a {color:#008f91}

	div.cpl_text ol {margin:0 20px 20px 2em; padding:0;}
		div.cpl_text ol li {padding:0 0 5px 5px;}
			div.cpl_text ol li a {color:#008f91}

#vacancy {padding:0 16px}

#news {padding:0 16px}
	#news div.news_item{margin:0 0 25px 0}
		#news div.news_item div.date {font-size:10px; color:#7d7d7d}
		#news div.news_item div.title {font-size:12px; font-weight:bold; font-style:italic}
		#news div.news_item div.anno {font-size:12px; color:black}


#anno {padding:20px 16px}
	#anno div.anno_item {margin:0 0 20px 0}
		#anno div.anno_item div.image {float:left; margin:0 20px 20px 0}
		#anno div.anno_item div.description {}
			#anno div.anno_item div.description h3 {font-size:12px; font-weight:bold; font-style:italic; margin:0 0 10px 0;}
			#anno div.anno_item div.description p {margin:0 0 10px 0}
				#anno div.anno_item div.description ul {margin:0 20px 0 0; padding:0;}
					#anno div.anno_item div.description ul li {list-style-type:none; padding:0 0 5px 15px; background: url(../img/lb_dash.gif) no-repeat 0 2px;}
						#anno div.anno_item div.description ul li a {color:#008f91}



#seealso {margin:20px 0}
#newsanno {float:right; margin:0 0 20px 0; width:180px}
	#newsanno blockquote {height:250px; overflow-y:auto}
	#newsanno div.item {font-size:11px; margin:13px 0 0 0}
		#newsanno div.item span {font-size:10px; display:block; color:#7d7d7d}
			#newsanno div.item a {display:block; color:#088e8f}
				#newsanno div.item p {margin:0; padding:0;}

#thesiss {width:49%; float:left; position:relative;}
	#thesiss div.toleft {position:absolute; top:25px; left:-12px}
	#thesiss div.toright {position:absolute; top:25px; right:-12px}
	#thesiss blockquote {height:196px; padding:0 20px; overflow-y:auto}
		#thesiss blockquote h2 {font-size:24px; font-weight:normal; line-height:24px; margin:10px 0 0 0}

#issues {width:49%; float:right}
	#issues blockquote {height:200px; overflow-y:auto}
	#issues h2 {width:100px}

#maingoods {margin:20px 0 0 0}
	#maingoods blockquote {overflow-y:auto}
	#maingoods h2 {width:100px;}
		#maingoods div.column {width:24.9%; float:left;}
			#maingoods div.column div.image {height:150px}
			#maingoods div.column h3 {color:black; font-size:14px; font-weight:bold; font-style:italic; margin:3px 20px 0 0}
				#maingoods div.column h3 a {color:black;}

			#maingoods div.column ul {margin:25px 20px 10px 0; padding:0;}
				#maingoods div.column  ul li {list-style-type:none; padding:0 0 15px 15px; background: url(../img/lb_dash.gif) no-repeat 0 2px;}
					#maingoods div.column ul li a {color:#008f91}

#industry {margin:0 0 20px 0}
#recommend {margin:0 0 20px 0}
#begin {margin:0 0 20px 0}
	#begin ul {margin:0 0 20px 0}
		#begin ul li {background:none; padding:0;}
			#begin ul li span.num {font-size:24px; font-weight:bold}

#goods_2_columns {width:100%}
	#goods_2_columns td {vertical-align:top}
	#goods_2_columns td.right {padding:20px 0 0 0}
	#goods_2_columns td.left {padding:0 20px 0 0}

#section_header {width:100%}
	#section_header td.left {padding:0 20px 0 0; vertical-align:top;}
		#section_header td.left h2 {font-size:24px; font-weight:normal; line-height:24px;}
			#section_header td.left {height:200px}
				#section_header td.left div {height:200px}
	#section_header td.right {width:320px; vertical-align:center;}
	#section_header div.transpb {margin:20px 0 0 0}

#vertical_anno {margin:20px 0 0 0}
	#vertical_anno blockquote {overflow-y:auto;}
		#vertical_anno div.column {width:24.9%; float:left;}
		#vertical_anno div.column div.pads {padding:0 20px 0 0}
			#vertical_anno div.column div.image {height:80px}
			#vertical_anno div.column h3 {width:145px}
			#vertical_anno div.column ul {margin:25px 20px 10px 0; padding:0;}
				#vertical_anno div.column  ul li {list-style-type:none; padding:0 0 15px 15px; background: url(../img/lb_dash.gif) no-repeat 0 2px;}
					#vertical_anno div.column ul li a {color:#008f91}

#cpl_feedback {}
	#cpl_feedback table {width:100%}
		#cpl_feedback table th {width:200px; text-align:left; vertical-align:top}
		#cpl_feedback table td {vertical-align:top; padding:0 0 10px 0; text-align:left}
			#cpl_feedback table td input {width:95%}
			#cpl_feedback table td textarea {width:95%; height:80px}
			#cpl_feedback table td select {width:95%;}

	#cpl_feedback div.send {padding-top:10px;}

#content_search2 {}
	#content_search2 div.lightb div div div div {padding:10px}
		#content_search2 div.lightb form {margin:0;}
			#content_search2 div.lightb table {width:100%}
				#content_search2 div.lightb table td.l {width:90%}
				#content_search2 div.lightb table td.r {padding:0 0 0 20px}
			#content_search2 div.lightb form input.str {width:100%; border:1px solid #CCCCCC}
			#content_search2 div.lightb form input.btn {}
	#content_search2 ol {}
		#content_search2 ol li {margin:20px 0 0 0}
			#content_search2 ol li span{background-color:#ed6e00; color:white; padding:0 2px}


#faq {}
	#faq div.item {margin:25px 0 0 0}
		#faq div.item div.q {}
		#faq div.item div.a {margin:5px 0 0 0}
			#faq div.item div.a b {color:#008f91}

div.projects {}
	div.projects div.arow {width:46.9%; float:left; margin:0 20px 20px 0; height:140px}
		div.projects div.arow div.image {width:170px; float:left}
		div.projects div.arow div.desription {}
		div.projects div.arow div.desription h3 {font-size:12px; margin:0;}

#onlineq {}
	#onlineq h2 {background:none; font-size:24px; font-weight:normal; color:black; margin:0 0 20px 0}

#bottom_banners {margin:20px 0 0 0; width:100%}
	#bottom_banners td.banner {width:180px; text-align:center}
		#bottom_banners td.banner img {display:inline}
	#bottom_banners td.div {}

#footer {margin:20px 0 20px 0}
#footer div div div div {padding:14px 37px;}
	#footer table {font-size:10px; width:100%}
		#footer table td {text-align:left; vertical-align:center}
			#footer table td p {margin:0 0 9px  0;}


.feedback_row {margin:0px 0px 0px 202px;}

/*Accordion*/
.m5AccordionPanelTab {
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	color:#008F91;
	font-size:1.1em;
	font-weight:bold;
	line-height:1em;
	padding-left:19px;
	text-decoration:underline;
	clear:both;
}

.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	margin-bottom:13px
}

.isOpenTitle {
	background:url(../images/triangle_grey.gif) left 6px no-repeat;
	padding-left:19px;
	color:#646464;
	text-decoration:none;
	font-weight:bold
}
.m5AccordionPanelContent {
padding:10px 10px 30px 35px;
}
.m5Accordion{margin-top:20px;}
.m5AccordionPanelTab h1, .m5AccordionPanelTab h2, .m5AccordionPanelTab h3, .m5AccordionPanelTab h4, .m5Accordion div.transpb div div div div h2{display:inline; background:none!important; color:#008F91!important; margin:0;}
.m5AccordionPanelTab h1 a, .m5AccordionPanelTab h2 a, .m5AccordionPanelTab h3 a{background:none!important; color:#008F91!important;}
.m5AccordionPanelTab h1{font-size:16px; line-height:22px;}
.m5AccordionPanelTab h2, .m5Accordion div.transpb div div div div h2{font-size:14px;}
.m5Accordion div.transpb div div div div h2{color:#000!important; font-weight:bold;}
.m5AccordionPanelTab h3{font-size:12px;}
div.cpl_text .m5AccordionPanelContent p{margin-top:10px;}
lem{margin-bottom:10px; list-style:outside; display:block;}


/*Accordion*/
