/* 
	@author:XeonWell
	@email:XeonWell@dzl.cc
*/
/* common definition */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ font-family: Verdana, Arial, Helvetica, sans-serif, "ËÎÌå"; font-size:12px; margin:0; padding:0; line-height:2em; }
ul { list-style-type:none; }
img{ border-width:0; }
.nd{ display:none; }
.indent { text-indent:2em; }
.clear { clear:both; }
a { color:#333; }
a:hover { color:#e60; }
input.btn { line-height:1.5em; height:1.8em; border:1px solid #cca; padding:0 1em; /*position:relative; top:.5em;*/ background-color:#e60; color:#fff; letter-spacing:.5em; font-weight:700; }
input.txt { height:1.5em; line-height:1.5em; text-indent:2px; border:#ccc solid 1px; /* position:relative; top:.5em;*/ }
input.searchInput { padding-left:20px; background:url(/i/search.gif) transparent 2px center no-repeat; }
table.tbl { border-top:solid 1px #333; border-left:solid 1px #333; }
table.tbl td { border-bottom:solid 1px #333; border-right:solid 1px #333; }
/*
#ffffee
#ccccaa
#aabbcc
#ee6600
#333333
*/
body{ }
body.bgBody{ background: url(../i/body_bg.jpg) #ccc repeat-x; text-align:center; }

#bodywrapper { width:972px; margin:0 auto; background-color:#ffe; overflow:hidden; text-align:left; }
#header { /*background:url(../i/bg_head.gif) repeat-x;*/ height:128px; position:relative; border-bottom:3px solid #e60; }
	#logo { position:absolute; left:54px; top:10px; }
	#searchContainer { position:absolute; right:1em; top:.5em; }
	#menu {height:40px; background:url(../i/ulback.gif) repeat-x; /*top:140px; */position:absolute; right:0; bottom:0;}
	#menu li {float:left; letter-spacing:3px;}
	#menu li a {display:block; height:40px; line-height:40px; padding:0 36px 0 0; float:left; color:#fff; text-decoration:none;}
	#menu li a b {display:block; height:40px; float:left; padding:0 0 0 36px; cursor:pointer;}
	#menu li a:hover, #menu li#cur a {background:url(../i/tab_a.gif) no-repeat right top; line-height:36px;}
	#menu li a:hover b, #menu li#cur a b {background:url(../i/tab_b.gif) no-repeat left top; line-height:36px;}

#contentWrapper { }
	#leftContainer { float:left; width:202px; margin-top:0.5em; }
		.leftContent { width:180px; margin:0 auto 1em; }
		.leftContent h3 { text-align:center; background:url(../i/lbg.gif) transparent left top no-repeat; }
		.leftContent a { text-decoration:none; display:block; }
		.leftContent h3 a { letter-spacing:.5em; color:#fff; line-height:30px; }
		.leftContent ul { padding:.5em 0; border:1px solid #ddd; }
		.leftContent ul li ul { margin-left:1em; padding:0; border-width:0; }
		.leftContent ul li a { text-indent:1em; }
		.leftContent ul li a:hover { text-decoration:underline; }
	#rightContainer { width:760px; float:right; margin-top:0.5em; }
		.content { text-indent:2em; margin:1em; }
		.content ul, .content ol { margin-left:2em; }
		.nav { border-bottom:dotted #333 1px; margin-bottom:1em; }
		/*ul.articleList,ul.prodList { margin-right:1em; }*/
		ul.articleList li,ul.prodList li { border-bottom:dotted #666 1px; }
		ul.articleList li a { text-decoration:none; display:block; position:relative; height:2em; padding-left:25px; background:url(../i/arrow.gif) transparent 5px center no-repeat; }
		ul.articleList li a span {  color:#888; bottom:0; right:1em; position:absolute; }
		ul.prodList li { float:left; margin-bottom:1em; }
		ul.prodList li a { float:left; text-decoration:none; }
		ul.prodList li a img, #pInfo span img{ margin:1em auto; border:1px solid #ccc;  }
		ul.prodList li a:hover img { border:1px solid #e60; }
		ul.prodList li a span { float:right; width:490px; cursor:pointer; }
		ul.prodList li a span.pImg, #pInfo span.pImg { float:left; width:250px; text-align:center; }
		ul.prodList li a span.pDesc, #pInfo span.pDesc { text-indent:2em; padding-right:1em; }
		ul.prodList li a span.pDetail { text-align:right; padding-right:1em; }
		#pInfo span { float:right; width:400px; }
		
		.articleWrapper { margin:1em; }
		.articleWrapper .articleTitle { text-align:center; font-size:150%; }
		.articleWrapper .subTitle { text-align:right; padding-right:1em; color:#888; }
		.articleWrapper .articleContent { text-indent:2em; }
		.articleWrapper .artilceTag a { padding-left:1em; }
		.articleWrapper .relatedPost h3 { margin:1em 0 0; }
		.articleWrapper ul, .articleWrapper ol { margin-left:1em; list-style-type:disc; }
		
		fieldset.prodInfo, fieldset.prodContent { margin-right:1em; padding:1em; }
		fieldset.prodContent p { text-indent:2em; }
		fieldset.prodContent ol li { margin-left:2em; }
	/* for index.asp only */
	#flash { width:948px; height:180px; overflow:hidden; margin:.5em auto; }
	#tab { border:1px solid #ddd; padding:0.2em; margin:0 1em; }
	#tab ul.tabMenu { background:url(../i/tab_bg.png) left bottom repeat-x; height:39px; border:1px solid #e80; }
	#tab ul.tabMenu li { float:left; height:30px; margin:9px 5px 0; }
	#tab ul.tabMenu li a { text-decoration:none; display:block; font-weight:bold; width:100px; background-color:#ffc; color:#29c; letter-spacing:2px; line-height:30px; height:30px; text-align:center; }
	#tab ul.tabMenu li a:hover, #tab ul.tabMenu li a#selectedTab { position:relative; height:31px; margin-bottom:-1px; background-color:#ffe; color:#e60; }
	.tabNews, .tabProducts, .tabSolutions { height:12em; overflow:hidden; padding:1em 0; _height:14em; display:none; }
	div.tabN div.tabNews, div.tabP div.tabProducts, div.tabS div.tabSolutions { display:block; }
	div.tabContent ul li { float:left; width:50%; }
	div.tabContent ul li a { display:block; margin:0 1em; text-decoration:none; }
	div.tabContent ul li a:hover { background-color:#fff; }
	div.tabContent ul li a span { float:right; cursor:pointer; }
	.tabProducts ul li { width:19.8%; overflow:hidden; float:left; }
	.tabProducts ul li a { display:block; text-align:center; text-decoration:none; }
	.tabProducts ul li a img { display:block; margin:2px auto; border:#ccc solid 1px; }
	.tabProducts ul li a:hover img { border:#e60 solid 1px; }
	.fLink { margin:1em 10px; }
	.fLink h3{ float:left; padding-right:1em; }
	.fLink a { float:left; padding:0 1em; }
	
/* for sitemap */
#sitemap p{ text-indent:2em; }
#sitemap ul { margin-left:2em; list-style-type:disc; }
#sitemap ul li a { color:#e60; display:block; }
#sitemap ul li h3 a { display:inline; }
/* for pager */
div.badoo {  color: #48b9ef;  text-align: right; padding:1em 2em; clear:both; }
div.badoo a { border: #f0f0f0 2px solid; padding:2px 5px; margin: 0px 2px; color: #333; text-decoration: none; }
div.badoo a:hover { border: #e60 2px solid; }
div.badoo a:active { border: #e60 2px solid; }
div.badoo span.current { border: #e60 2px solid; padding:2px 5px; font-weight: bold; color: #fff; background-color: #ff6c16; }
div.badoo span.disabled { display: none; }

#footer { clear:both; text-align:center; margin:1em 0 2em;border-top:3px solid #e60; }
#footer a:hover{ text-decoration:none; }