/*
=== H3C StyleSheet File ====================================
 Style Name: AboutH3C
 Version: V.1.8
 Author: Jaybird ( http://www.yolosolive.com.cn/ )
 Last Update: 2008-7-14
 History: 
 <author> <time> <version > <desc> <introduction>
 Jaybird 07/11/14 1.7 build add #h3cService h2 a style.
 Jaybird 08/03/07 1.8 build add SolutionsRelatedAreaˇ˘SolutionsRelatedContent style.
==============================================================
*/
@import url(Global.css);
@import url(Forms.css);
@import url(Layout.css);

html,body { width: 1003px; }
p{ line-height: 18px; }

table td{  font-family: Verdana, "ËÎĚĺ", Arial,Sans-serif; }
#blue{color:red;}
#navigatioin { text-align: left; border-bottom: 1px solid #8eadcb; }
#navigatioin span { display: block; padding: 5px 0 10px 10px; }
#navigatioin span a {
	color: #648bb1;
	text-decoration: none;
}
#navigatioin h1 { float: right; margin-bottom: 5px;  padding-right:5px; }

#wrapper {float: left; background: url(../images/button/innerwarp_bg.gif) repeat-y left top #fff; min-height: 510px; }
.mainContent ul { line-height: 20px; list-style-type: none;}
.mainContent li,#extra #relatedContent li,#relatedAreaContent li,#SolutionsRelatedContent li { background: #FFFFFF url(../images/button/tr_arrol.gif) no-repeat 3px 4px; padding-left: 12px; }
#mainContent img { border: 0; vertical-align: top;}

.banner{ width: 583px; height: 143px; border: 1px solid #BFD4E9; overflow: hidden; }
.banner img { float: left; margin: 0 10px 0 0; }
.halfBannerleft { float: left; width: 216px; margin: 0 10px 0 0; }
.halfBannerright { float: right; width: 345px; padding: 10px 10px 14px 0; }
.halfBanner p { margin: 0; padding-top: 8px; line-height: 18px; }
.yellow{ color: #CC6600; }
.more{ padding: 0 14px 0 0; text-align: right; background: url(../images/button/more.gif) no-repeat 100% 50%; }
*+html .more{ background: url(../images/button/more.gif) no-repeat 100% 40%; }
.line{ height: 1px; background: #ecf2f8; overflow: hidden; margin: 10px 0; }
.lineDashed{ background: url(../images/button/x_dashedbg.gif) repeat-x 100% 50%; width: 100%; height: 1px; margin: 10px 0; }
.lineDashedNo{ background: url(../images/button/x_dashedbg.gif) repeat-x 100% 50%; width: 100%; height: 1px; }
.frame{ border: 1px solid #bfd4e8; }
.idtop{ background: url(../images/button/top.gif) no-repeat left 2px; padding-left: 10px; float: right; }/* ?? */
.page{ width: 100%; text-align: right; padding: 10px 0px 10px 0px; margin-top: 16px; vertical-align: middle; line-height: 2em; height: 2em; border-top: 1px solid #BBD1E8; }
	.page input{ margin: 0px 5px 0px 5px; }
	.page img{ margin: 7px 5px 0px 5px; }

.list dt{ float: left; margin: 0 10px 0 0; }
	.list dd { display: table-cell; margin: 0 auto 0 0px; }
	.list h4 { padding: 0;line-height:22px; margin: 0; }/* ?? */
	.link li{ padding: 0 0 0 10px; line-height: 20px; background: #FFFFFF url(../images/button/tr_arro.gif) no-repeat 3px 7px; }
.listNei { padding: 10px; }
.listNei li{ display: block; background: #FFFFFF url(../images/button/tr_arro.gif) no-repeat 3px 5px; padding-left: 10px; }
.liCircle li{ list-style-type: circle; padding-left: 50px; display: list-item; list-style-position: inside; background: none; }
.noLiBg li{ margin: 0px; padding: 0px; list-style: none; background: none; }
.liNoBg li{ background: none; }
.ipProduct li{ width: 45%; float: left; padding-right: 10px; background: #FFFFFF url(../images/button/tr_arro.gif) no-repeat 3px 6px; }
.listHidden { display:none; }
		.listShow { display: block; }
.ipProductdoc{ width: 555px; float: left; margin-bottom: 5px; }
.ipProductdoc li{ width: 255px; float: left; padding-right: 10px; margin: 0; }
.newsHeight2List{ height: 100px; overflow: hidden; }
.newsHeight3List{ height: 120px; overflow: hidden; }
.newsHeight4List{ height: 140px; overflow: hidden; }
.newsHeight5List{ height: 150px; overflow: hidden; }
.newsHeight{ height: 165px;overflow: hidden; }
.newsHeight6List{ height: 170px; overflow: hidden; }
.newsHeight7List{ height: 190px; overflow: hidden; }
.newsHeight8List{ height: 235px; overflow: hidden; }
.newsHeight9List{ height: 225px; overflow: hidden; }
.newsHeight10List{ height: 252px; overflow: hidden; }
.newsHeight11List{ overflow: hidden; }
.newsHeight12List{ height: 270px; overflow: hidden; }
.newsHeight14List{ height: 310px; overflow: hidden; }
.newsHeight15List{ height: 350px; overflow: hidden; }
.newsHeight16List{ height: 380px; overflow: hidden; }
.newsHeight25List{ height: 620px; overflow: hidden; }
.newsHeight265{height: 265px; overflow: hidden;}
.bookText14{font-size:14px;font-weight:bold;}

#sideBar ul.subNav li a:link,#sideBar ul.subNav li a:visited { color: black; text-decoration: none; }
#sideBar a:hover { color: inherit; text-decoration: none; }
#sideBar #treeNav li.treeNavTitle a:link,#sideBar #treeNav li.treeNavTitle a:visited {
	color: #2d5586;
	font: normal 12px/25px Arial, Verdana, Helvetica, sans-serif;
	padding-left: 5px;
	text-decoration: none;
}
#sideBar #treeNav li.treeNavTitle a:hover { color: White; }
#sideBar #treeNav li.treeNavTitle { background: url(../images/button/leftmenubg.gif) repeat-x top; }
#sideBar #treeNav ul.subNav li { background: url(../images/button/leftmenubg_dot_02.gif) repeat-x bottom; }
#sideBar #treeNav ul.subNav li a:link,#sideBar #treeNav ul.subNav li a:visited {
	color: Black;
	display: block;
	width: 100%;
	font: normal 12px/24px Arial,Verdana,sans-serif;
	padding: 0 0 0 20px;
	background: url(../images/button/tr_arro.gif) no-repeat 5% 50%;
}
#sideBar #treeNav ul.subNav li a:hover { color: #648bb1; font-weight: bold; }
#sideBar #treeNav ul.subNav ul { background: url(../images/button/leftmenubg_dot.gif) repeat-x bottom; padding: 3px 0; }
#sideBar #treeNav li.firstTitle a:link,#sideBar #treeNav li.firstTitle a:visited,#sideBar #treeNav li.firstTitle a:hover { color: White; display: block; }
#sideBar #treeNav ul.subNav { display: none; }
#sideBar #treeNav ul.subNav li.secondTitle { background: url(../images/button/leftmenubg_dot_hover.gif) repeat-x top; }
#sideBar #treeNav ul.subNav li.secondTitle a:link,#sideBar #treeNav ul.subNav li.secondTitle a:visited { color: #648bb1; font-weight: bold; }
#sideBar #treeNav ul.subNav li.secondTitle ul li a:link,#sideBar #treeNav ul.subNav li.secondTitle ul li a:visited {
	background: none;
	line-height: 19px;
	color: Black;
	font-weight: normal;
	width: 160px;
}
#sideBar #treeNav ul.subNav li.secondExpandForCustome {
	background: url(../images/button/leftmenubg_dot_02.gif) repeat-x top;
	font-weight: normal;
	color: Black;
}
#sideBar #treeNav ul.subNav li.secondExpandForCustome ul li a:link,#sideBar #treeNav ul.subNav li.secondExpandForCustome ul li a:visited {
	background: none;
	line-height: 19px;
	color: Black;
	font-weight: normal;
}
#sideBar #treeNav ul.subNav li.secondTitle ul li a:hover,#sideBar #treeNav ul.subNav li.secondExpandForCustome ul li a:hover { color: #648bb1; font-weight: bold; }
#sideBar ul#treeNav li.treeNavTitle ul.subNav li ul li { background: url(../images/button/spacing.gif); padding-left: 16px; }
#sideBar #treeNav li.treeNavTitle ul.subNav li.secondTitle ul li.threeTitle a:link,#sideBar #treeNav li.treeNavTitle ul.subNav li.secondTitle ul li.threeTitle a:visited { color: #648bb1; background: white; font-weight: normal; }
#extra {
	overflow: hidden;
}
#extra .quickLinks h4,#extra #relatedSolutions h4,#detailBody #relatedArea h3,#newsContent #detailBody #SolutionsRelatedArea h3 {
	color: #648bb1;
	font: bold 12px/20px Arial,Verdana,sans-serif;
	background: #dae8f1;
	border: 1px solid #bbd1e7;
	padding-left: 10px;
	margin: 0;
	text-indent: 0;
}
	#extra .quickLinks ul,#extra #relatedSolutions ul { list-style: none; padding: 8px 10px; border: 1px solid #bbd1e7; border-top: none; }
	#extra .relatedLinks ul { list-style: none; padding: 8px 10px; border: 1px solid #dae8f1; border-top: none; }
	#extra .quickLinks ul li,#extra .relatedLinks ul li { background: url(../images/button/arrow_03.gif) no-repeat 0 7px; padding-left: 12px; line-height: 18px; }
			#extra ul li a:link,#extra ul li a:visited { color: #000; text-decoration: none; }
			#extra ul li a:hover { color: #000; text-decoration: underline; }
#extra #relatedSolutions li { background: #FFFFFF url(../images/button/tr_arrol.gif) no-repeat 3px 4px; padding-left: 12px; }
#extra .relatedLinks h4 {
	color: #648bb1;
	font: bold 12px/20px Arial,Verdana,sans-serif;
	border: 1px solid #dae8f1;
	padding-left: 10px;
	margin: 0;
	text-indent: 0;
}
#extra #relatedContent,#relatedAreaContent,#SolutionsRelatedContent { border: 1px solid #dae8f1; border-top: none; }
#extra #videoContent { border: 1px solid #bbd1e7; border-top: none;/* padding: 10px; */}
#extra #relatedSolutions .quickLinks #videoContent p{padding:5px 10px 10px 10px;} 
#extra #relatedSolutions .quickLinks #videoContent div{margin:0px;padding:0px;}
#extra #videoContent a { color: #cc6600; }
#extra #videoContent p a { color: #cc6600; }
/*#extra #relatedSolutions .quickLinks #videoContent div.titlePadding{ color: Black;padding:10px 10px 0px 10px;}*/
#videoContent .titlePadding strong { color: black; display: block; padding: 10px 0 0 10px; }
#extra #relatedContent ul,#relatedAreaContent ul,#SolutionsRelatedContent ul { list-style: none; border: none; margin: 0; padding: 4px 10px; }
#extra #relatedContent a,#extra #relatedSolutions a,#relatedAreaContent a,#SolutionsRelatedContent a { color: #648bb1; line-height: 16px; text-decoration: none; }
#extra #relatedContent a:hover,#extra #relatedSolutions a:hover,#relatedAreaContent a:hover,#SolutionsRelatedContent a:hover {
	text-decoration: underline;
}
#extra #relatedContent h5,#relatedAreaContent h6,#SolutionsRelatedContent h6 {
	color: #666;
	font: bold 12px/20px Arial,Verdana,sans-serif;
	padding: 5px 10px 0 10px;
	margin: 0;
	text-indent: 0;
}
#relatedArea,#SolutionsRelatedArea { float: right; margin: 0 0 10 10px; }
#SolutionsRelatedArea {
	display: none;
	margin-left: 10px;
}
.width345  { width: 345px; overflow: hidden; }
.width245  { width: 245px; overflow: hidden; }
.width585 { width: 585px; overflow: hidden; }
.width583 { width: 583px; overflow: hidden; }
.mb_10 { margin-bottom: 10px; }
.leftArea { width: 345px; float: left;}
.rightArea { width: 225px; float: right; }
.mainArea { width: 585px; }
#latestBox { float: left; width: 283px; height: 165px; margin-right: 15px; }
#successBox { float: left; width: 283px; height: 165px; }
.column1 ul.col_2 li { float: left; width: 87px; }
.column1 ol.col_2c li { float: left; width: 140px; background: none;margin:0; padding:0; }
.column1 ol.col_2c li li { padding: 0 0 0 10px; line-height: 20px; background: #fff url(../images/button/tr_arro.gif) no-repeat 3px 7px; }
.column1 ul.col_3 li { float: left; width: 125px !important; }
.column1 ul.listStyle1 li { padding: 0 0 0 10px; line-height: 20px; background: #FFFFFF url(../images/button/tr_arro.gif) no-repeat 3px 7px; }
.column1 ul.listStyle2 li { background: #FFFFFF url(../images/button/tr_arrol.gif) no-repeat 3px 4px; padding-left: 12px; }

#middlesidebar .column3 a {
	color: #648bb1;
	text-decoration: none;
}
#middlesidebar .column3 a:hover {
	text-decoration: underline;
}
.column1,.column3,.column5 { border: 1px solid #bfd4e8; float: left; }
.column2 { border: 1px solid #bfd4e8; width: 285px; overflow: hidden; }
.column1 h2,.column2 h2 { line-height: 24px; background: #eaeff4; padding-left: 14px; }
.column1 dt{ float: left; margin: 0 10px 0 0; }
	.column1 dd { display: table-cell; margin: 0 auto 0 85px; }
	.column1 h4 { padding: 0; line-height:18px; margin: 0; }/* ?? */
	.column1 dd h4 { padding: 0; line-height: 14px; margin: 0; }
	.column1 ul li{ padding: 0 0 0 10px; line-height: 18px; background: #FFFFFF url(../images/button/tr_arro.gif) no-repeat 3px 7px; }
	.column5 ul li{ padding: 0 0 10px 10px;background:none; }
	.column5 ul li ul li{ padding: 0 0 0 10px; line-height: 18px; background: #FFFFFF url(../images/button/tr_arro.gif) no-repeat 3px 7px; }
#seriesIntro { width: 583px; }
#seriesIntro h3 { color: #a00401; line-height: 30px; }
#seriesIntro strong { color: #648bb1; line-height: 30px; }
#productCate { width: 583px; }
#productCate li { float: left; width: 260px;word-wrap:break-word;}
#productCate li .liNoBg li{ background:none;width:240px;}
	
#detailTitle { height: 30px; border-bottom: 1px solid #BCD0E8; }
#detailTitle h2{ float: left; padding-left: 14px; margin: 0 10px 0 0; line-height: 28px; font-weight: bold; text-indent: 0; }
#detailTitle a {
	color: #648bb1;
	text-decoration: none;
}
.materialList { float: right; margin: 0 0 10px 10px; /*margin: 0 0 10px 10px;*/ }
.materialList .materialListTil { width: 174px; background: #dae8f1; border-bottom: 1px solid #BCD0E8; }
#detailContent {color: black;}
#detailContent .materialList .materialListTil h3 { color: #648bb1; padding: 5px 0 0 10px; margin:0; text-indent: 0; font-weight: bold; }
.materialList a:link,.materialList a:visited { color: Black; text-decoration: none; }
.materialList a:hover { text-decoration: none; }
.materialList li { border-bottom: 1px solid #BCD0E8; line-height: 24px; }
.materialList li strong { color: #cc6600; }

#detailContent p { margin-bottom: 8px; line-height: 20px; }
#detailContent h4 { color: #a00401; text-indent: 0; font-weight: bold; }

.BoxArea { width: 585px; clear: both; }
.servicePro { height: 420px; }
	
#container{ width: 1003px; float: left; }
#content{ margin-left: 198px; }

/* Gobal NewsDetail Style , built on: 2007-11-28 10:00 Jaybird */
#newsContent { margin: 20px 10px 20px 210px ; }
#newsContent #newsContentHead { border-bottom: 1px solid #BCD0E8; text-align: left; height: 30px;}
#newsContent #newsContentHead h2,#articleBar .caption h2 { float: left; margin: 0; padding: 0 0 10px 10px; font-size: 14px; font-weight: bold; color: #a00401;text-indent: 0; }
#newsContent #newsContentHead ul { float: right;}
#newsContent #newsContentHead ul li { float: left; padding-top: 2px;}
#newsContent #newsContentHead ul li.actionPrint { padding-left: 20px; background: url(../images/button/icon-print.gif) no-repeat 0% 60%; }
#newsContent #newsContentHead ul a {
	color: #648bb1;
	text-decoration: none;
}
#newsContent #newsContentHead ul li.actionSend { padding-left: 30px; background: url(../images/button/icon-send.gif) no-repeat 20% 60%; }
#newsContent #newsContentHead ul li.actionFavorites { padding-left: 30px; background: url(../images/button/icon-save.gif) no-repeat 13% 80%; }
#newsContent #newsContentHead ul li.actionDown { padding-left: 30px; background: url(../images/button/icon_down.gif) no-repeat 13% 80%; }
#newsContent #newsContentHead ul li.actionshopping { padding-left: 35px; padding-right: 20px; background: url(../images/icon_shop.gif) no-repeat 20% 80%; }
#newsContent #newsContentHead ul li.actionSMBsurvey { padding-left: 35px; background: url(../images/button/icon_surery.gif) no-repeat 20% 80%; }

.subNewsTitle { margin: 10px; }
#newsContent .subNewsTitle li{ background: #FFFFFF url(../images/button/tr_arrol.gif) no-repeat 2px 2px; padding-left:12px; }
.subNewsTitle h3 { font: bold 160% Arial,Verdana; color: Black;margin: 20px 0 30px 0; text-indent: 0; }
#subNewsTitle { margin-left: 10px; }
#subNewsTitle h3 { font: bold 160% Arial,Verdana; color: Black; text-indent: 0; height: auto; margin-top:20px; }
#subNewsTitle { margin-top: 10px; }
#subNewsTitle p { color: Silver; }
#articleBar .article h5 { font: bold 14px Arial,Verdana; color: Black;margin: 20px 0 30px 0; text-indent: 0; }
#detailBody { margin: 10px; color: Black; font-size: 12px; }
#detailBody ul li { list-style-type: disc; list-style-position: inside; background: none; }
#detailContent p,#detailBody p {
	margin-top: 0;
	padding-bottom: 6px;
	padding-top: 3px;
}
#detailBody h1 {font-size:125%; margin-top:0.4em; margin-bottom:0.5em}
#detailContent h2,#detailBody h2 {font-size:125%; margin-top:2em; margin-bottom:0.5em}
#detailContent h3,#detailBody h3 {font-size:110%; margin-top:1.2em; margin-bottom:0.5em; font-weight:bold}
#detailContent h4,#detailBody h4 {font-size:100%; margin-top:1.2em; font-weight:bold}
#detailContent h5,#detailBody h5 {font-size:100%; margin-top:1.2em; font-weight:bold}
#detailBody img {
	/*display: block;
	text-align: center;
	*/
}
/*#detailBody h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #000000;
	margin-top: 4em;
	margin-bottom: 4em;
}
#detailBody h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #000000;
	margin-top: 2em;
	margin-bottom: 4em;
}
#detailBody h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	margin-top: 1.2em;
	margin-bottom: 5em;
}
#detailBody h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 2px;
}
#detailBody h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
	margin-bottom: 2px;
}*/
#detailBody ul { margin: 0; }
#detailBody li { line-height: 160%; }
#detailBody ol { }
#detailContent ol li ,#detailBody ol li { list-style: decimal; list-style-position: inside; }
/* ----- formatting for images ----- */
.image-background {margin: 1em; padding: 0; border: 0px; background: #fff; text-align: center;}
.image-caption {padding: 0.2em; font-size: 12px; font-style: italic;}
/* -- formatting for tables --- 
#detailBody table {
border-collapse:collapse;
border:solid #999;
border-width:1px 0 0 1px;
}
#detailBody table caption {font-size:14px;font-weight:bolder;}
#detailBody table td {border:solid #999;border-width:0 1px 1px 0;padding:4px;}
#detailBody table th {
	background: #ccc;
	border:solid #999;border-width:0 1px 1px 0;
	padding:6px;
} 
#detailBody tfoot td {text-align:center;}
*/

#newsContent #submitQuestion { margin: 20px 0; clear: both; }
#newsContent #submitQuestion strong { color: #9F0400; padding-right: 20px; }
#newsContent #submitQuestion a { font-weight: bold; color: #648CB0; }
#newsContent .serviceInfoList { padding: 0 14px; }
#newsContent .serviceInfoList h2 { font-size: 12px; color: #a00401; margin: 0; padding: 0; }
#newsContent .serviceInfoList li { list-style: none; list-style-position: outside; }
#newsContent #detailBody #relatedArea ul,#SolutionsRelatedArea ul{margin-left:10px; padding:0; }
#newsContent #detailBody #relatedArea li,#SolutionsRelatedArea li{list-style: none; list-style-position: outside;}

#ProductIntroList ul {margin-top:20px; }
#ProductIntroList ul li {
  	/*float: left;*/
	display: inline;
	list-style-type:none;
	background: url(../images/button/leftBorderBg.gif) no-repeat 0% 10%;
	margin:0;
	padding: 0 16px 10px 20px;
  }
#ProductIntroList ul li a.currTitleId {
	font-weight: bold;
	padding: 3px 15px 9px 15px;
	background: url(../images/button/currTitleIdBg.gif) no-repeat left center;
	text-decoration: none;
}

/*#newsContent #detailBody #relatedAreaContent,*/#newsContent #detailBody #SolutionsRelatedContent { padding-bottom: 10px; }
/* software Detail Style */
#articleBar .article h6 { display: inline; color: Blank; }
ul#historyDownload li ul { margin: 3px 0 5px 30px; list-style: disc; list-style-position: inside; line-height: 18px; }
.expand {margin-left: 2px;cursor:pointer;}


#middlesidebar{ width: 585px; float: left; padding: 10px 10px 16px 10px; overflow: hidden; }
	#middlesidebar h2{ line-height: 24px; background: #EAEFF4; padding-left: 14px; text-indent: 0; font-weight: bold; }
	#middlesidebar #detailContent h2 { color: Black; background: none; line-height: normal; }
	#middlesidebar .h2Title{ background: none; border-bottom: 1px solid #BCD0E8; }
	#middlesidebar .h2Banner{ background: none; text-align: right; }/* ?? */
	#middlesidebar .h2Bannerlist{ background: none; text-align: left; }/* ?? */
	#middlesidebar li img{ padding: 2px; }/* ?? */

.lock{ padding-top: 3px; padding-left: 3px; margin: 0; }

#listNei li{ float: left; width: 46%; background: none; margin:0px;padding:0;}
	#listNei li ul li{ display: block; width: 100%; background: #FFFFFF url(../images/button/tr_arrol.gif) no-repeat 3px 6px; padding-left:12px;}
#middlesidemain{ width: 585px; float: left; padding: 0px; }
#h3cService{ float: left; width: 583px; }
	#h3cService .mainH3cupline{ width: 555px; float: left; border-bottom: 1px solid #ecf2f8; padding: 0 0 10px 0; }
	#h3cService .mainH3cdown{ width: 555px; float: left; padding: 10px 0 0; }
	#h3cService h2 a { color: #a00401; text-decoration: none; }
#rightsidebar{ float: left; padding-top: 10px; width: 190px; }
#document{ float: left; width: 283px; margin-right: 15px; }
#software{ float: left; width: 283px; }
/**html #software ul li{ display: inline-table;padding-bottom:5px;}*/
.mainH3c{ float: left; width: 306px; }
.mainH3cright{ float: left; width: 234px; }
#toolsLeft{ float: left; width: 283px; margin-right: 15px; }
#toolsRight{ float: left; width: 283px; }
#documentLeft{ float: left; width: 336px; margin-right: 15px; }
/*#documentLeft h4{padding-left:14px;}
*/.documentLeftbg{ background: url(../images/button/downloadbg.gif) repeat-y; }
.docHeight{min-height:440px;}
*html .docHeight{height:440px;}
#documentRight{ float: left; width: 232px; }
*html #documentRight ul li,*html #salesLeft ul li { display:inline-table;padding-bottom:5px;}
 .documentMemoryleft{ float: left; width: 160px; margin: 0 14px 0 0; }
.documentMemoryright{ float: left; width: 134px; padding: 0; }
.imgLi { width: 555px; float: left; }
.imgLi img{ width: 75px; padding-right: 10px; float: left; }
.imgLi ul{ width: 450px; float: left; margin: 0 auto 0 0; }
.imgLi li{ line-height: 14px; padding-bottom: 6px; background: #FFFFFF url(../images/button/tr_arrol.gif) no-repeat 3px 2px; }

.imgtechsoloutionLi { width: 365px; float: left; }
.imgtechsoloutionLi img{ width: 75px; padding-right: 10px; float: left; }
.imgtechsoloutionLi ul{ width: 275px; float: left; margin: 0 auto 0 0; }
.imgtechsoloutionLi li{ line-height: 14px; padding-bottom: 6px; background: #FFFFFF url(../images/button/tr_arrol.gif) no-repeat 3px 2px; }

.video { width: 555px; float: left; }
.video img{ width: 165px; padding-right: 10px; float: left; }
.video ul{ width: 360px; float: left; margin: 0 auto 0 0; }
.video li{ line-height: 14px; padding-bottom: 6px; background: none; }
.video li img{ width: 9px; padding: 1px 0 0 4px; float: left; }
.video li span{ float: left; }

#articleBar{ width: 775px; float: left; padding: 10px 10px 16px 10px; }
#articleBar h5{margin-bottom:20px;}
	#articleBar p ,#articleBar h4 ,#articleBar ul{ padding: 0 0 10px 0; }
#articleBar2{width: 800px; float: right;}

.article{ padding: 0 14px 10px 14px; width: 747px; line-height: 18px; }
	.articletop{ width: 747px; line-height: 18px; }
	.leftName{ width: 547px; padding-right: 10px; float: left; }
	.rightName{ width: 188px; float: left; border: 1px solid #bfd4e8; }
	#inPointList{width: 188px; float: right;border:1px solid #bfd4e8;margin:10px 10px 5px 10px;}
	#inPointList li span{padding-left:15px;line-height:16px;height:16px;background: url(../images/button/tr_arrol.gif) no-repeat 3px 2px;}
	#inPointList ul{padding:10px;}
		.top{ background: #EAEFF4; height: 24px; padding-left: 12px; line-height: 22px; border-bottom: 1px solid #bfd4e8; }
		.body{ padding-left: 12px; }/* ?? */
		.body h3{ padding-top: 3px; height: 14px; }/* ?? */
		.body li{ line-height: 14px; height: 14px; background: url(../images/button/tr_arrol.gif) no-repeat 3px 2px; }/* ?? */
	.productPic{ border: none; padding: 10px 0 10px 100px; position: inherit; }
	.article span{ display: block; line-height: 28px; }
	.article h2{ display: inline; line-height: 28px; }
	.article h4{ display: inline; line-height: 28px; }
	.answer{ width: 30px; display: inline; }
	.result{ width: 715px; display: inline; }
.caption{ width: 775px; height: 30px; border-bottom: 1px solid #BCD0E8; }
.caption h2{ background: none; float: left; padding-left: 14px; margin: 0 10px 0 0; line-height: 28px; }
.quick { float: right; width: 32%; height: 20px; margin: 4px 0 0 0; }
	.quick img{ display: inline; padding-right: 3px; margin: 0; }
	.quick h4{ display: inline; font-weight: 300; padding-right: 4px; line-height: 24px; }
	
.contactUs{ padding: 0 34px 0px 0; float: right; margin: 0; /* background: url(../images/button/email.gif) no-repeat 80% 65%;*/ }
.telFaq { padding: 0 10px 0 14px; }
.telFaq h2 { display: inline; padding: 3px 20px 0 6px; line-height: 24px; }

.ipProductdoc h4{ width: 247px; float: left; padding-right: 10px; font-weight: 300; }
	.ipProductdoc ul li ul li{ width: 75%; line-height: 19px; display: block; padding: 0 0 0 15px; background: #FFFFFF url(../images/button/icon-lower.gif) no-repeat top left; }
#catena{ float: left; width: 585px; padding: 0; margin: 0; }
	#catena h4{ line-height: 28px; padding: 0 0 0 25px; margin: 0; }
	#catena li{ width: 571px; padding: 6px 0 0 14px; float: left; line-height: 20px; background: none; border-bottom: 1px solid #c1d2e4; }
	.catenaName{ height: 24px; width: 585px; margin: 0; float: left; background: #dae8f1; border-bottom: 1px solid #c1d2e4; }
	.catenaLeft{ width: 420px; float: left; }
	.catenaRight{ width: 100px; float: left; }
	.downLoad{ width: 80px; padding-left: 50px; float: left; }
	
#middlesidemain .left4{ width: 232px; float: left; padding: 0; margin-right: 15px;}
	#middlesidemain .left4up{ width: 230px; float: left;}
#middlesidemain .left4 .left4up h4{padding:0px;margin:0px;}
#middlesidemain .right6{ width: 336px; float: left; }
	#middlesidemain .right6Main{ width: 308px; height: 226px; float: left; padding: 14px; }
.left6Mainleft{ float: left; width: 168px; padding: 14px 0; }
.left6Mainleft ul, .left6Mainleft h4{ padding: 0 14px; }
#middlesidebar #middlesidemain #documentLeft .left6Mainleft h4{padding-left:14px;}
	.left6Mainleft ul li{ background: #FFFFFF url(../images/button/tr_arro.gif) no-repeat 3px 7px; }
.right4{ float: left; width: 230px; }
.right4up{ float: left; width: 202px; padding: 14px 14px 0 14px;}
	.right4up li{ width: 67px; float: left; font-weight: bold; margin: 0; padding: 0; background: none; }
.right4middle{ float: left; width: 202px; padding: 0 14px 0 14px; }
.right4down{ float: left; width: 202px; padding: 0 14px 14px 14px;}
	.right4down li{ width: 80px; float: left; margin: 0; padding: 0 11px 0 10px; background: #FFFFFF url(../images/button/tr_arro.gif) no-repeat 3px 7px; }
.technicSolutionsleft{ height: 130px; width: 48%; border-right: 1px solid #ecf2f8; float: left; padding: 0 8px 0 0; margin: 0 0 8px 0; }
.technicSolutionsright{ height: 130px; width: 48%; border-bottom: 1px solid #ecf2f8; float: left; padding: 0 0 8px 0; margin: 0 0 0 8px; }
.technicSolutions li{ width: 117px; float: left; padding: 0 5px 0 10px; background: #FFFFFF url(../images/button/tr_arro.gif) no-repeat 3px 7px; }
.technicSolutionsleftdown{ height: 200px; width: 48%; border-top: 1px solid #ecf2f8; float: left; padding: 8px 0 0 0; margin: 0 8px 0 0; overflow:hidden; }
.technicSolutionsrightdown{ height: 200px; width: 48%; border-left: 1px solid #ecf2f8; float: left; padding: 0 0 0 8px; margin: 8px 0 0 0;overflow:hidden;  }
.webPic img{ padding: 0; }
.dataSolutions{ width: 581px; height: 99px; background: #f3f7fb; padding: 1px; }
.dataSolutions img{ display: inline; float: left; padding-right: 15px; }
.synopsis { width: 214px; float: left; padding: 12px 14px 12px 0;height:62px;overflow:hidden; }
#middlesidebar #middlesidemain #h3cService h4.blue{color:#648AAF}
.direct { width: 196px; float: right; }
	.direct img{ padding: 0; margin: 0; overflow: hidden; }
.solutionsDownload{ float: right; width: 50%; margin: 0 auto 0 0; text-align:right; }
.solutionsList{ margin: 10px; }
.solutionsList h4{ padding-left: 10px; background: #FFFFFF url(../images/button/tr_arrol.gif) no-repeat 1px 1px; }
.solutionsList p{ padding-left: 10px; }
.materialList2 { float: right; margin: 0 0 10px 10px; border: 1px solid #BCD0E8; /*margin: 0 0 10px 10px;*/ }
.materialList2 h4{ width: 164px; background: #dae8f1;color: #8eadcb; border-bottom: 1px solid #BCD0E8; padding: 5px 0 0 10px; }
.materialList2 h3{ padding: 2px 0; line-height:16px; }
.materialList2 .materialListTi22 {margin:8px 10px; line-height:22px;}
.materialListTi22 p { width: 154px; line-height: 18px; }
#publication{ width: 583px; border: 1px solid #deebf3; }
	.publicationup{ width: 555px; }
	#publication .more{ width: 40px; float: right; padding-left: 25px; line-height: 24px; height: 24px; background: url(../images/button/icon-read.gif) no-repeat left top;font-weight:bold;font-size:14px;}
	.summarize{ width:240px; margin:0 10px 0 10px; float: left;}
	#middlesidebar #publication .publicationup .summarize h4{margin:0px;padding-left:0px;}
	.summaImg{ width:132px; float: left;}
	.quickRight{ width: 162px; }
	.quickRight .img{ width: 20px; }
	.quickRight .span{ width: 136px; background: url(../images/button/x_dashedbg.gif) repeat-x left bottom; padding: 2px 0 4px; overflow:hidden; }
	.catalog{ background: url(../images/button/catalogbg.gif) no-repeat; font-size: 14px; padding-left: 5px; }
	.catalogtitle{ padding-left: 65px; }
	.catalog h4{ background: url(../images/button/icon-catalog.gif) no-repeat left 6px; padding-left: 25px; height: 20px; }
	#publication h4{ padding-left:15px;}
	.catalog p{ font-size: 12px;padding-left: 60px; padding-bottom: 12px;}
#publicationRight{ width: 190px; margin-top: 10px; float: left; border-left: 1px solid #deebf3; border-right: 1px solid #deebf3; }
	#publicationRight img{ padding: 3px; border-top: 1px solid #deebf3; border-bottom: 1px solid #deebf3; }
	#publicationRight p , #publicationRight ul , #publicationRight span{ margin: 3px; }
	#publicationRight p { background: url(../images/button/x_dashedbg.gif) repeat-x left bottom; }
	.year{ padding: 3px; }
		.year li{ width: 40px; display: inline; padding: 2px 4px 3px 15px; }
	#publicationRight li{ background: none; text-align: left; padding-left:10px;}
.leftContent { clear: both;width:585px;}
	.leftContent .normal{ margin-left: 4px;}
	.leftContent .over{ margin-left: 4px; }
.content{ width: 555px; float: left; background: url(../images/button/calling-news-bg1.gif) no-repeat top left; border: 1px solid #BACEEB; border-top: none; }
.content1{ width: 555px; float: left; background: url(../images/button/calling-news-bg2.gif) no-repeat top left; border: 1px solid #BACEEB; border-top: none; }
.content2{ width: 555px; float: left; background: url(../images/button/calling-news-bg3.gif) no-repeat top left; border: 1px solid #BACEEB; border-top: none; }
.picText{ clear: both; padding: 5px 4px 0; }
.widthOne{ width: 583px;overflow:hidden; }
.widthTwo{ width: 585px;overflow:hidden;}

	#aboutUs{ width: 583px; overflow: hidden; float: left; line-height: 18px; }
	#aboutUs p{ padding-bottom: 20px; }
#aboutCon{ width: 585px; }
*html #aboutCon{ width: 583px; }

.aboutFrame{border:1px solid #D8E6EF;}

#aboutActivity,#aboutNewsMedia{ height: 200px;overflow: hidden; }
/*#aboutNewsMedia .padding{text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;width:296px;overflow: hidden;}
#aboutNewsMedia .padding li:after{content:"...";padding-left:3px;font-size:12px;}/**//* for Firefox */
	#aboutActivity{ width: 224px; float: left; }
		#aboutActivity img{ margin: 2px 0 0 1px; }
		#aboutNewsMedia{ width: 345px; float: right; }
		#aboutNewsMedia li{ line-height: 1.7em; }
#aboutMedia{ width: 583px; }
#aboutMedia .mediaMargin{ margin: 5px 0px 5px 5px; }
#aboutMediaShow{ width: 170px; float: left; background: #F9FBFD; }
#aboutMediaPub{ width: 240px; border-right: 1px solid #DEE6ED; border-left: 1px solid #DEE6ED; float: left; }
#aboutMediaPub dl dd p  {width: 95px; min-width: 108px;}
*html #aboutMediaPub{ width: 230px; }
#aboutMediaPub ul{ padding: 0px; margin: 0px; }
#aboutMediaPub li{ background: url(../images/button/tr_arro.gif) no-repeat 8px 7px; padding-left: 15px; text-align: left; width: 90px; float: left; font-size: 14px; }
#aboutMediaAd{ width: 160px; float: left; }
#aboutCjr{ width: 585px; }
*html #aboutCjr{ width: 583px; }
#aboutCjr .cjrMargin{ margin: 10px; }
#aboutContact{ width: 285px; float: left; }
#aboutContact li{ width: 108px; float: left; line-height: 32px; background: none; }
#aboutJob{ width: 285px; float: right; margin: 0 0 10px 0; }
#aboutRss{ width: 283px; float: right; }
#aboutRss li{ width: 108px; float: left; background: none; }
.hope { width: 350px; padding-left: 50px; }
#course{ width: 585px;}
#course table td{ border: 1px solid #BCD0E8; padding: 5px;  }
	#course .time{ width: 50px; }
	.courseNav .mouseBg{ background: #DAE8F1; padding: 4px 0px 8px 0px; }
.courseNav{ background: #ECF3F8; line-height: 26px; border-top: 1px solid #BCD0E8; margin-bottom: 1px; }
.courseNav a{ background: url(../images/button/course_bg.gif) no-repeat right top; text-align: center; padding: 0px 13px 0px 5px; width: 80px; font-weight: bold; }
.tableBlue td{ background: #DAE8F1; }
.tableBlue{ background: #DAE8F1; }
.pic li{
	background: url(../images/button/bt_dashedbg.gif) repeat-y right top;
	width: 120px;
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
	float: left;
	overflow: hidden;
	height: 187px;
	text-align: center;
}
	.pic{ width: 585px; }
	.pic li{line-height:14px;}
	.pic div { height: 145px; line-height: 120px; overflow: hidden; position: relative; text-align: center; }
	.pro div{ border: 1px solid #E7E7E7; }
	.pro li{ background: none; }
	.pic div p { position: static; +position: absolute; top: 50%; vertical-align: middle; }
	.pic img { position: static; +position: relative; top: -50%; left: -50%; vertical-align: middle; }
	.pic p:after { content: "."; font-size: 1px; visibility: hidden; }
	.pic ul li p{padding-top:10px;}
.vi img{ float: left; }
.eventwidth{ width: 283px; height: 220px; overflow: hidden; }
.eventPro li{ width: 160px; float: left; }
#middleEvent{ width: 595px; margin: 10px 0 10px 10px; float: left; }
#middleEvent #eventHead{ width: 583px; margin: 0 10px 0 0; }
#middleEvent h2{ line-height: 24px; background: #EAEFF4; padding-left: 14px;  }
#wrapper #middleEvent h4{font-size:12px;}
#middleEvent .h2Title{ background: none; border-bottom: 1px solid #BCD0E8; }
#middleEvent .banner{ margin: 0 10px 0 0; }
.eventMiddle{ margin: 0px; padding: 0px; }
.eventMiddle ul{ margin: 0px; list-style: none; padding: 0px; }
.eventMiddle li{ background: none; float: left; width: 286px; margin: 0px 7px 10px 0px; padding: 0px; height: 180px; border: 1px solid #bfd4e8; overflow: hidden; }
.eventMiddle02{margin: 0px; list-style: none; padding: 0px; }
.eventMiddle02 ul{ margin: 0px; list-style: none; padding: 0px; }
.eventMiddle02 li{ background: none; float: left; width: 286px; margin: 0px 7px 10px 0px; padding: 0px; height: 110px; border: 1px solid #bfd4e8; overflow: hidden; }
.eventMiddle03{margin: 0px; list-style: none; padding: 0px; }
.eventMiddle03 ul{ margin: 0px; list-style: none; padding: 0px; }
.eventMiddle03 li{ background: none; float: left; width: 286px; margin: 0px 7px 10px 0px; padding: 0px;border: 1px solid #bfd4e8;height:220px; overflow: hidden; }
.eventMiddle03 li li{border:0px; width: 280px;height:auto; overflow:hidden; background: url(../images/button/tr_arrol.gif) no-repeat 1px 1px; padding-left: 10px;}

.eventContent ul{ margin: 0px; padding: 0px; width: 240px; }
	.eventContent li{ width: 240px; margin: 0px; padding: 0px; height: 18px; line-height: 18px; border: none; background: url(../images/button/tr_arrol.gif) no-repeat 3px 5px; padding-left: 10px; overflow: middle; }
	
.mediaWidth{ width: 283px; height: 130px; overflow: hidden; }
.videoH4 h4{ background-color: none; color: #A10302; padding-bottom: 5px; background: url(../images/button/x_dashedbg.gif) repeat-x 100% 90%; }
.videoH4 li{ width: 100px; float: left; background: none; }
.liHeight li { height: 160px;}
.videoList li{ padding-bottom: 5px; }

	#brandList{width:555px;}
	#brandList dl{float:left;}
	#brandVideo dt,dd{margin-left:0px;}
	#brandVideo h2{background: url(../images/button/x_dashedbg.gif) repeat-x right bottom;margin:10px 0 10px 0;color:#000;padding:0;}
	#brandVideo .brandListTwo{width:555px;}
	#brandVideo .brandListTwo dt{float:left;width:210px;margin:0 12px 0 0; }
	#brandVideo .brandListTwo dd{float:left;}
	#brandVideo .brandListThree ul li{margin:0 0 5px 0; background:none;}
	#brandVideo .brandListThree ul li p{padding-left:10px;width:200px;overflow:hidden;}
	#videoBrandForm li{height:24px;}
	#videoBrandForm li img{vertical-align:bottom;}
.rssPub li{ width: 250px; background: none; float: left; }
.rssPub ul img{ float: left; margin: 10px 5px 10px 5px; border: 1px solid #D9E1EE; }
.putIn{ width: 555px; text-align: center; }
	/*      ========   Training start  !ANA Write   ==================   */
#trainingBody{ width: 585px; overflow:hidden; }
	#trainingBody #trainingLeft{ width: 361px; float: left; }
	#trainingBody #trainingLeft2{ width: 395px; float: left; }
	#trainingBody #trainingRight{ width: 210px; float: right; }
	#trainingBody #trainingRight2{ width: 180px; float: right; }
	#trainingBody  .trPadding01 { text-align: center;  padding: 2px 0 0 2px;height:227px; }
	#trainingBody  .trPadding01 img{ margin: 0px; padding: 4px 0 0 0; }
	#trainingBody  .trPadding { padding: 1px 0px 1px 2px; text-align: center;height:167px; }
	#trainingBody  .trPadding img{ padding: 1px 1px 8px 1px; margin: 0px; }
	#trainingBody  .trPadding02 { padding: 2px 0px 0px 0px; text-align: right; }
	#trainingBody  .trPadding02 img{ margin: 0px 2px 0px 2px; padding: 0 0 0 0; }
	#trainingBody .trPaddingStar{ margin: 2px 1px 1px 2px; }

.imgThree img{ border: 1px solid #ECF1F7; margin: 0 2px 5px 0; }
#trainingBody #trNewsLeft{ width: 345px; float: left; }
	#trainingBody #trNewsRight{ width: 224px; float: right; }
	#trainingBody #trResourceLeft{ width: 285px; float: left; }
	#trainingBody #trResourceRight{ width: 285px; float: right; }
	.halfWidth255{width:255px;overflow:hidden;}
	#trainingBody .trResourceHeight{ height: 438px; }
.resourcePut{ background: url(../images/button/recoursebg_put.gif) repeat-x 100% 90%; border: 1px solid #EAEFF2; padding: 3px 0 3px 8px; }
#trainingBody #trAfterLeft{ width: 350px; float: left; }
	#trainingBody #trAfterRight{ width: 180px; float: right;margin:0 0 0 10px;}
	#trainingBody .trBorder img{ border: 1px solid #F2F2F1; margin: 0 0 10px 0; }
#trThree{ width: 585px; }
	#trThree h4{ color: #A00401; margin:0px;padding:0px;}
	#trThree li{ margin: 0px; padding: 0px; list-style: none; background: none; border-bottom: 1px solid #DBE8F1; border-top: 1px solid #DBE8F1; border-right: 1px solid #DBE8F1; height:170px;}
	#trThree div{ float: left; width: 184px; border-left: 1px solid #DBE8F1; height: 204px; }	
	#trThree div span{ text-align: right; }	
	#trThree div img{ padding: 1px; border-bottom: 1px solid #DBE8F1; }
	#trThree  .middleMargin10{ margin: 0 15px 0 14px; }
	#trThree .padding10{ padding: 8px; }
#salesLeft{ width: 352px; float: left; }
	#salesRight{ width: 220px; float: right; }
	#salesHeight{ height: 120px; overflow: hidden; }
	#salesdl li{ width: 140px; float: left; }
#list110 li{ width: 110px; float: left; }
.detail li{ width: 185px; float: left; }
.list255 li{ width: 255px; float: left; }
.trAlignRigtht{ text-align: right; }
.trAlign{ text-align: center; }
#par3List{ width: 583px;overflow:hidden;}
#par3List div{ width: 194px; float: left; height: 140px; overflow: hidden;}
#par3List div ul li div { float:none; height:auto; width:194px; overflow: hidden; display: inline; }
#par3List div img{ background: url(../images/button/partner_dashedrowbg.gif) repeat-x right bottom;}
.parListBg{ background: url(../images/button/partner_dashedbg.gif) repeat-y right top; }
#par3List div p{ padding: 10px 10px 0 10px; }
#par3List div .more{ padding: 0 28px 0 0; text-align: right; background: url(../images/button/more.gif) no-repeat 91% 50%; }
.parHeightLeft{ height: 141px; overflow: hidden; }
.parHeightRight{min-height: 450px;  }
*html .parHeightRight{ height: 450px;  }
	#joinBox{border:1px solid #DAE2E7;}
	#joinLeft{ background: url(../images/button/join_leftbg.gif) no-repeat left top; width: 188px; float: left; }
	#joinRight{ background: url(../images/button/join_rightbg.gif) no-repeat left top; width: 393px; float: right; }
	#joinLeft,#joinRight{height:88px;}
				#joinLeft p,#joinRight p{ height: 30px; padding: 14px 5px 14px 60px;}
				#joinLeft dt{width: 140px; }
				#joinLeft dt,#joinRight dt{ padding: 8px 8px 8px 28px; float: left; height: 20px; background: url(../images/button/partner_ico.gif) no-repeat 5% 30%; font-size:14px;}
	#flow dl{background: url(../images/button/join_policybg.gif) repeat-x left top;border:1px solid #C7DCEE;}
	#flow dt{float:left;text-align:left;}
	#flow dd{margin:20px 10px 20px 60px;}
	#flow p{text-align:center;padding:5px;}
		.brandBgOne{background: url(../images/button/partner_sustain_brandbg01.gif) no-repeat left top;}
		.brandBgTwo{background: url(../images/button/partner_sustain_brandbg02.gif) repeat-y left top;}
		.brandLine{border-top:1px solid #EEF5F9;}
	#brandVi{width:583px; overflow:hidden;}
	#brandVi DIV{float:left;width:250px; overflow:hidden;}
	#brandVi li{width:260px;float:left;overflow:hidden;}
	
	#partnerJoin{background: url(../images/button/pic_sustainbg.gif) repeat-y right top;height:146px; overflow:hidden;width:583px;}
	#partnerJoin dl{float:left;}
	#partnerJoin .parDlLeft{width:380px; padding:10px;}
	#partnerJoin ul{border:2px solid #FFF;}
	#partnerJoin li{font-size: 14px; color: #648BB1; font-weight:bold;text-align:right; background:none; list-style-type:none; margin:0px; padding:0px; border-bottom:2px solid #FFF;height:38px;}
	#partnerJoin li img{margin:5px 5px 0 30px;}
	#parHeight150 div{height:180px;}
	#hseRightNav{width:188px; overflow:hidden;}
	#hseRightNav h2{line-height: 24px; background: #EAEFF4; padding-left: 14px;}
	#hseRightNav li{list-style-type:decimal;margin:0 0 0 15px;color:#648BB1;}
	#hseContent h1{color:#464646;padding:10px 0 10px 14px;}

.proService{ border: 1px solid #bfd4e8;width:583px; overflow:hidden;}
.proService ul li{margin: 0px; padding: 0px; list-style: none; background: none;width:173px;float:left;}
.proService ul li div{margin:10px 0 10px 0;}
.proService ul li div li{background: #FFFFFF url(../images/button/tr_arrol.gif) no-repeat 3px 4px; padding-left: 12px;}
.proService h4{margin:0px;padding:0px;}
.proH2{background:#ECF1F7;line-height:24px;}
.proH2 dt{float:left;font-size: 14px; color: #a00401;font-weight:bold;padding-left:14px;}
.proH2 dd{margin:0 0 0 500px;height:24px;}
.proH2 dd img{padding:3px 5px 0 0;}
.proSerList{background:#ECF1F7;line-height:24px;}
.proSerList dt{float:left;font-size: 14px; color: #a00401;font-weight:bold;padding-left:14px;}
.proSerList dd{margin:0 0 0 200px;height:24px;}
.proSerList dd img{padding:3px 5px 0 0;}
.proSubHeight{height:130px;}
.pdf img{vertical-align:middle;}

#bookList .bookBorder{background: url(../images/button/x_dashedbg.gif) repeat-x right bottom;width:250px;margin:10px 0 0 0;}
#bookList .bookBorder{padding-bottom:10px;}
.bookLiList{width:555px; word-spacing:normal;}
.bookLiList dl{margin-bottom:10px;}
.bookLiList li{width:110px; float:left;text-align: center;}
.bookLiList dl dd p {
	width: 440px;
}

#score{width:465px;border:1px solid #92B0DD;}
#score h2{background: url(../images/button/score_bg.gif) repeat-x left top;line-height:20px;border-bottom:1px solid #C8D7EE;padding-left:10px;font-size:12px;}
#score dl{padding:14px;width: 437px;}
#score dt{ float: left; width: 55px; text-align: right; padding: 4px; }
#score dd{ margin: 0 0 0 55px; padding: 4px; text-align:left; }
#score img{ vertical-align:bottom;}
#score dt,dd{line-height:20px;}
#score input,#score textarea{margin:0 5px 0 5px;}
#score .submitBtn02 {background: transparent url(../images/button/btn2_bg.gif) no-repeat; border: 1px solid #a3b8cb; width:79px; height: 19px; border: 0; line-height:19px;}

.productList01{border:1px solid #92B0DD;}
.productList01 li{ font-weight:bold; /*line-height:22px;*/padding: 0 0 10px 0; background:none;/*background: #FFFFFF url(../images/button/tr_arro.gif) no-repeat 3px 7px;*/width:535px;float:left;}
.productList01 li h3 { color: #777; padding: 0; margin: 0; }
.productList01 li ul li{ font-weight:normal;width:245px;float:left; list-style:none;background:none;marign:0px;padding:0 0 0 10px;line-height:18px;background: #FFFFFF url(../images/button/tr_arrol.gif) no-repeat 12px 4px; padding-left: 22px;}

.productList02{border:1px solid #92B0DD;}
.productList02 li{ font-weight:bold; line-height:22px;padding: 0 0 0 10px;background: #FFFFFF url(../images/button/tr_arro.gif) no-repeat 3px 7px;width:255px;float:left;}

/* 11.15 ANA ADD STYLE */
.noImg{ }
.noImg1{background:url(../images/button/noimg.jpg) no-repeat top right;width:85px;height:60px;}

#sitemap{ width:983px;padding:10px;}
#sitemap div{float:left;}
#sitemap div ul{padding:2px 10px 25px 10px;}
#sitemap div ul li{line-height:16px;}
#sitemap .siteMapPadding{padding:10px;width:140px;}
* html #sitemap .siteMapPadding{width:130px;}/* ie6.0*/
#sitemap .siteMapPadding img{line-hegiht:20px; vertical-align:middle; margin-left:2px;}
#sitemap div.frame{border: 1px solid #DCEBF2;width:150px;margin-right:10px;}
* html #sitemap div.frame{width:140px;}/* ie6.0*/
#sitemap .divH2{ line-height: 24px; background: #EAEFF4; padding-left: 10px;height:24px; overflow:hidden;width:140px; font-size:14px; }
* html #sitemap .divH2{padding-top:4px;height:20px;line-height:24px;} /*ie6.0*/
#sitemap .divH2 a{color:#a10302;}
#sitemap .divH2 img{line-height:24px; vertical-align:middle;padding-top:0px;padding-left:2px;}
* html #sitemap .divH2 img{margin-top:-3px;}/* ie6.0*/
.productHotNews{padding:5px 10px 0 10px;}

/* SMB style */
.halfList div{width:260px;float:left; overflow:hidden;margin-right:10px;}
.indent10 p{margin-left:10px;}
.halfLiFloat li{width:40%;float:left;}
.halfLiFloat110 li{width:73px;float:left;}
.halfLiFloat120 li{width:110px;float:left;background: #fff url(../images/button/tr_arro.gif) no-repeat 3px 7px; padding: 0 0 0 10px;}
.halfLiFloat120Title li{width:200px;float:left;background: #fff url(../images/button/tr_arro.gif) no-repeat 3px 7px; padding: 0 0 0 10px;}
.halfLiFloat115Title li{width:150px;float:left;background: #fff url(../images/button/tr_arro.gif) no-repeat 3px 7px; padding: 0 0 0 10px;}
.halfLiFloat110Title li{width:100px;float:left;background: #fff url(../images/button/tr_arro.gif) no-repeat 3px 7px; padding: 0 0 0 10px;}
ol.halfLiFloatTitle li{ float: left; width: 220px; background: none;margin:0; padding:0; }
ol.halfLiFloatTitle li ul li { padding: 0 0 0 10px; line-height: 18px; background: #fff url(../images/button/tr_arrol.gif) no-repeat 3px 7px; }
ol.FloatTitle li{ font-weight:bold;float: left; width: 100px; background: #fff url(../images/button/tr_arro.gif) no-repeat 3px 7px;margin:0; padding:0 0 0 15px; }
.smbWidth255{width:255px;overflow:hidden;}
.smbWidth255 dl{width:255px;overflow:hidden;}
.smbWidth255 li{width:73px;float:left;}
.proListDd dd{padding-bottom:10px;}
.smbDiv255{width:255px;float:left;margin-right:20px;}
.smbDiv165{width:165px; display:table-row;}
.smbWidth255 div.smbDiv165 li{width:70px;float:left;}
.smbDiv450{width:450px; display:table-row;}
#middlesidebar .frame .smbDiv450 h4{margin-top:10px;}
#middlesidebar .frame .smbDiv450 li{width:183px;float:left;}
 
.proSwitchSidebar{border-bottom:1px solid #BBCFE8;padding:4px;}
.proSwitchSidebar a{color:#A10400;font-size:14px; font-weight:bold;border-top:1px solid #BBCFE8;border-left:1px solid #BBCFE8;border-right:1px solid #BBCFE8;border-bottom:1px solid #FFF;margin-right:10px;margin-bottom:-10px;padding:4px;background:#FFF;}
.proSwitchSidebar a:link,.proSwitchSidebar a:visited{color:#A10400; text-decoration:none;}
.proSwitchSidebar a:hover{color:#648BB2; text-decoration:none; /*background:#EAEFF3;*/}
.proSwitchSidebar .proSwitchBg{ background:#EAEFF3;color:#648BB2;border:1px solid #BBCFE8;}

#wrapper{}
#wrapper #newsContentTitle{border-bottom:1px solid #8EADCA;margin:0px;}
#wrapper div#newsContentTitle h1{font-size:16px;color:#9F0402;}
#wrapper div dl.agreement h4{font-size:14px;}
#wrapper div dl.agreement p{line-height:18px;}
#wrapper #newsContentTitle dl.agreement{}


#list260 ul li{width:260px; overflow:hidden; float:left;}

/* OAA Mini Site style
	Build by jaybird on 2008-5-24
	*/
#detailBodyDec .oaaDetailBox {border: 1px solid #bfd4e8;}
	  #detailBodyDec .oaaDetailBox h2 {color: #A00401; background:#EAEFF4; font:bold 14px/26px Arial, Helvetica, sans-serif;margin:0; padding:0 0 0 5px;}
	  #detailBodyDec .oaaDetailBox .oaaDetailBoxLeft {float: left; width:250px; margin:10px 0;text-align:center;}
	  #detailBodyDec .oaaDetailBox .oaaDetailBoxRight {float: left; width:500px; margin:10px 0; }
	  #detailBodyDec h3 {color: #A00401; font:bold 14px/26px Arial, Helvetica, sans-serif;}
	  
	  #DetailMaterialList h3 {
font-size:110%;
color:#648BB1;
font-weight:bold;
margin:0pt;
padding:5px 0pt 0pt 10px;
text-indent:0;
}
#DetailMaterialList ul li {
border-bottom: 1px solid #BCD0E8;
line-height: 24px;
background:#fff url(../images/button/tr_arrol.gif) no-repeat scroll 3px 4px;
/*padding: 0 0 0 12px;*/
list-style:none;
}

#oaaDetailRelated {margin-left:20px; float: right; }

#oaaDetailRelated h3 {
	color: #648bb1;
	background: #EAEFF4;
	font: bold 12px/26px Arial,Verdana,sans-serif;
	border: 1px solid #bbd1e7;
	border-bottom: 0;
	padding-left: 10px;
	margin: 0;
	text-indent: 0;
}
#oaaDetailRelated h4 {
	color: #648bb1;
	font: bold 12px/26px Arial,Verdana,sans-serif;
	padding-left:0;
	/*border-top: 1px solid #bbd1e7;*/
	background: url(../images/button/x_dashedbg.gif) repeat-x 100% 0%;
	margin: 0;
	text-indent: 0; 
}
#oaaLine {
	background: url(../images/button/x_dashedbg.gif) repeat-x 100% 50%; width: 90%; height: 1px; margin: 10px 0;
}
#oaaDetailRelated ul {margin-left:0; padding:0;}
#oaaDetailRelated ul li {background:#FFFFFF url(../images/button/tr_arrol.gif) no-repeat scroll 3px 4px;
padding-left:12px;list-style-image:none;
list-style-position:outside;
list-style-type:none;}
#oaaDetailRelatedContent {
	border: 1px solid #bbd1e7;
	border-top: 0;
	padding: 8px;
	overflow: hidden;
}
#oaaTabList {border-bottom: 1px solid #BCD1E4; width:555px;}
#oaaTabList ul {margin-left: 10px;}
#oaaTabList ul li {float:left; width:35px; background:#fff; border-left:1px solid #BCD1E4; border-top:1px solid #BCD1E4;}
#oaaTabList ul li a {font-weight: bold;}
#oaaTabList ul li.currentTab {background: #DAE8F1;}
#oaaTabList ul li.lastTab {border-right: 1px solid #BCD1E4;}
ul#oaaRelatedInfo { padding-top: 5px; }
ul#oaaRelatedInfo li { padding: 0; margin: auto; list-style: none; background: #FFFFFF url(../images/button/tr_arrol.gif) no-repeat 3px 4px; }
ul#oaaLogin li { float: left; margin-right: 10px; }

/*storage success stories*/
#storageTabList {border-bottom: 1px solid #BCD1E4; width:555px;}
#storageTabList ul {margin-left: 10px;}
#storageTabList ul li{
	padding-left:8px;
	padding-right: 8px; 
}
#storageTabList ul li {float:left; background:#fff; border-left:1px solid #BCD1E4; border-top:1px solid #BCD1E4;}
#storageTabList ul li a {font-weight: bold;}
#storageTabList ul li.currentTab {background: #DAE8F1;}
#storageTabList ul li.lastTab {border-right: 1px solid #BCD1E4;}
ul#storageRelatedInfo { padding-top: 5px; }
ul#storageRelatedInfo li { padding: 0; margin: auto; list-style: none; background: #FFFFFF url(../images/button/tr_arrol.gif) no-repeat 3px 4px; }
ul#storageLogin li { float: left; margin-right: 10px; }

/* faq list style */
#faq ul.qalist li { background: none; margin-top: 10px; }
#faq ul.qalist li h5 { font: bold 12px/25px Arial, Verdana, Helvetica, sans-serif; }
/* modify product category style */
#NewproductCate #colRow1 { float: left; width: 270px; }
	  #NewproductCate #colRow2 { float: right; width: 270px; }

/*
=== H3C StyleSheet File ====================================
 Style Name: AboutH3C-GreeH3C
 Version: V.1.8
 Author: ANA ( http://www.H3C.com/ )
 Last Update: 2008-6-2
 History: 
 <author> <time> <version > <desc> <introduction>
 Jaybird 07/11/14 1.7 build add #h3cService h2 a style.
 Jaybird 08/03/07 1.8 build add SolutionsRelatedAreaˇ˘SolutionsRelatedContent style.
==============================================================
*/
.greenFrame{border:1px solid #D8E6EF;}

#greenmiddlesidebar{ width: 783px; float: left; padding: 10px 10px 16px 10px; overflow: hidden; }
#greenmiddlesidebar .greenFrame h2{  color: #a00401; line-height: 24px; background: #EAEFF4; padding: 0px 0px 0px 14px; text-indent: 0; font-weight: bold; }
	#greenmiddlesidebar .greenFrame #detailContent h2 { color: Black; background: none; line-height: normal; }
	#greenmiddlesidebar .h2Title{ background: none; border-bottom: 1px solid #BCD0E8; }
	#greenmiddlesidebar .h2Banner{ background: none; text-align: right; }/* ?? */
	#greenmiddlesidebar .h2Bannerlist{ background: none; text-align: left; }/* ?? */
	#greenmiddlesidebar li img{ padding: 2px; }/* ?? */
#greenbanner0{ width: 783px; float: left; padding: 10px 10px 0px 10px; overflow: hidden; }
.greenbanner{ width: 783px; height: 143px; border: 1px solid #BFD4E9; overflow: hidden; }
.greenbanner img { float: left; margin: 0 10px 0 0; }

#greenwrapper {float: left; min-height: 488px; }
#greenmiddlesidebar .greenFrame h2{  color: #a00401; line-height: 24px; background: #EAEFF4; padding: 0px 0px 0px 14px; text-indent: 0; font-weight: bold;margin:0; }
	#greenmiddlesidebar .greenFrame #detailContent h2 { color: Black; background: none; line-height: normal; }
	#greenmiddlesidebar .h2Title{ background: none; border-bottom: 1px solid #BCD0E8; }
	#greenmiddlesidebar .h2Banner{ background: none; text-align: right; }/* ?? */
	#greenmiddlesidebar .h2Bannerlist{ background: none; text-align: left; }/* ?? */
	#greenmiddlesidebar li img{ padding: 2px; }/* ?? */
.widthGreen{ width: 486px;overflow:hidden;}

#greenextra {
	overflow: hidden; float: right;
}
#greenextra .quickLinks h4,#greenextra #relatedSolutions h4,#detailBody #relatedArea h3,#newsContent #detailBody #SolutionsRelatedArea h3 {
	color: #a00401;
	font: bold 14px/24px Arial,Verdana,sans-serif;
	background: #EAEFF4;
	border: 1px solid #BCD0E8;
	padding-left: 10px;
	margin: 0;
	text-indent: 0;
}
	#greenextra .quickLinks h2{ 
	color: #a00401;
	font: bold 14px/24px Arial,Verdana,sans-serif;
	background: #EAEFF4;
	border: 1px solid #D8E6EF;
	padding-left: 14px;
	margin: 0;
	text-indent: 0;
	 }

	#greenextra .quickLinks ul,#greenextra #relatedSolutions ul { list-style: none; padding: 8px 10px; border: 1px solid #D8E6EF; border-top: none; }
	#greenextra .relatedLinks ul { list-style: none; padding: 8px 10px; border: 1px solid #dae8f1; border-top: none; }
	#greenextra .quickLinks ul li,#greenextra .relatedLinks ul li { background: url(../images/button/arrow_03.gif) no-repeat 0 7px; padding-left: 12px; line-height: 18px; }
			#greenextra ul li a:link,#greenextra ul li a:visited { color: #648BB1; text-decoration: none; }
			#greenextra ul li a:hover { color: #648BB1; text-decoration: underline; }
#greenextra #relatedSolutions li { background: #FFFFFF url(../images/button/tr_arrol.gif) no-repeat 3px 4px; padding-left: 12px; }
#greenextra .relatedLinks h4 {
	color: #648bb1;
	font: bold 12px/20px Arial,Verdana,sans-serif;
	border: 1px solid #dae8f1;
	padding-left: 10px;
	margin: 0;
	text-indent: 0;
}
#greenextra #relatedContent,#relatedAreaContent,#SolutionsRelatedContent { border: 1px solid #dae8f1; border-top: none; }
#greenextra #videoContent { border: 1px solid #D8E6EF; border-top: none;/* padding: 10px; */}
#greenextra #relatedSolutions .quickLinks #videoContent p{padding:5px 10px 10px 10px;} 
#greenextra #relatedSolutions .quickLinks #videoContent div{margin:0px;padding:0px;}
#greenextra #videoContent a { color: #cc6600; }
#greenextra #videoContent p a { color: #cc6600; }
/*#greenextra #relatedSolutions .quickLinks #videoContent div.titlePadding{ color: Black;padding:10px 10px 0px 10px;}*/
#videoContent .titlePadding strong { color: black; display: block; padding: 10px 0 0 10px; }
#greenextra #relatedContent ul,#relatedAreaContent ul,#SolutionsRelatedContent ul { list-style: none; border: none; margin: 0; padding: 4px 10px; }
#greenextra #relatedContent a,#greenextra #relatedSolutions a,#relatedAreaContent a,#SolutionsRelatedContent a { color: #648bb1; line-height: 16px; text-decoration: none; }
#greenextra #relatedContent a:hover,#greenextra #relatedSolutions a:hover,#relatedAreaContent a:hover,#SolutionsRelatedContent a:hover {
	text-decoration: underline;
}
#greenextra #relatedContent h5,#relatedAreaContent h6,#SolutionsRelatedContent h6 {
	color: #666;
	font: bold 12px/20px Arial,Verdana,sans-serif;
	padding: 5px 10px 0 10px;
	margin: 0;
	text-indent: 0;
}
#relatedArea,#SolutionsRelatedArea { float: right; margin: 0 0 10 10px; }
#SolutionsRelatedArea {
	display: none;
}
.mainContent li,#greenextra #relatedContent li,#relatedAreaContent li,#SolutionsRelatedContent li { background: #FFFFFF url(../images/button/tr_arrol.gif) no-repeat 3px 4px; padding-left: 12px; }
#mainContent img { border: 0; vertical-align: top;}