/* Reset
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	}


body {
	line-height: 1;
	}

li {
	list-style:none;
	}

a {
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

img, fieldset {
	border: none;
	}


img {
	vertical-align: top;
	}

legend {
	display: none;
	}

/* Container
---------------------------------------------*/


body {
	position: relative;

	background:url(../images/bg.png) no-repeat;
	background-position:top;
	background-attachment:fixed;

	}	

#wrapper {
	position:relative;

	margin: 0 auto;
	width:924px;
	}
	
small {
	color:#A1A1A1;
	font-size:0.85em;
	}

/* Logo
---------------------------------------------*/
#logo {
	height:96px;
	width:924px;
	background:url(../images/logo.gif) no-repeat;
	background-position:12px 20px;
	
	}
#logo a {
	text-indent:-500em;
	overflow:hidden;
	margin-left:12px;
	width:114px;
	height:96px;
	display:block;
	}

/* Content
---------------------------------------------*/
#content {
	background:url(../images/content_bg.gif) repeat-y;
	width:924px;
	}
	

/* Navigation
---------------------------------------------*/
#navigation {
	background:url(../images/navigation_bg.png) no-repeat;
	width:924px;
	height:113px;
	position:relative;
	}
	
#navigation ul li {
	z-index:5;
	height:103px;
	display:block;
	top:10px;
	left:11px;
	position:absolute;

}


#navigation ul li.li-2 { left:134px; }
#navigation ul li.li-3{ left:266px; }
#navigation ul li.li-4 { left:398px; }
#navigation ul li.li-5{ left:530px; }
#navigation ul li.li-6{ left:662px; }

	
#navigation ul li.li-1 img{
	display:none;
	position:absolute;
	top:-10px;
	left:-11px;
	z-index:-1;
	behavior: url(iepngfix.htc);
}	

#navigation ul li img{
	display:none;
	position:absolute;
	left:0;
	top:-10px;
	z-index:-1;

}	
	
#navigation ul li a{
	display:block;
	width:144px;
	height:103px;
	text-indent:-500em;
	overflow:hidden;
}



.home #navigation ul li.li-1{
	background:url(../images/1.png) no-repeat;
	background-position:-11px -10px;
}
.branding #navigation ul li.li-2{
	background:url(../images/2.png) no-repeat;
	background-position:0 -10px;
}

*html .branding #navigation ul li.li-2{	background-position:-11px -10px;}

.product #navigation ul li.li-3{
	background:url(../images/3.png) no-repeat;
	background-position:0 -10px;
}
*html .product #navigation ul li.li-3{	background-position:-11px -10px;}

.service #navigation ul li.li-4{
	background:url(../images/4.png) no-repeat;
	background-position:0 -10px;
}
*html .service #navigation ul li.li-4{	background-position:-11px -10px;}

.news #navigation ul li.li-5{
	background:url(../images/5.png) no-repeat;
	background-position:0 -10px;
}
*html .news #navigation ul li.li-5{	background-position:-11px -10px;}


.contact #navigation ul li.li-6{
	background:url(../images/6.png) no-repeat;
	background-position:0 -10px;
}
*html .contact #navigation ul li.li-6{	background-position:-11px -10px;}
	
/* Header
---------------------------------------------*/
#header {
	width:900px;
	margin-left:12px;
	}
	
#header h1{
	width: 900px; 
	height: 144px;
	display:block;
	text-indent:-500em;
}
	
	
/* Main
---------------------------------------------*/
#main {
	width:900px;
	margin-left:12px;
	position:relative;
	padding-bottom:20px;
	}

.extra {
	clear:both;
	text-align:center;
	line-height:16px;
	height:16px;
}
.extra a{
font-size:11px;
color:#0066FF;}
#fontsize {
	background:url(../images/product/fontsize_bg.png) no-repeat;
	width: 110px;
	height:24px;
	margin-left:784px;
	margin-top:-32px;
	margin-bottom:15px;
	
	}
		
div.return {
	margin-left:55px;
	}
	
#fontsize div a{
	text-indent:-500em;
	overflow:hidden;
	width:16px;
	height:24px;
	display:block;
	float:left;
	}


/* Breadcrumb
---------------------------------------------*/
.breadcrumb {
	background:url(../images/product/breadcrumb_bg.gif) no-repeat;
	font-size:0.7em;
	padding:5px 28px;
	height:21px;
	color:#647277;
	margin-left:1px;
}

*html .breadcrumb{ font-size:0.6em; }
* +html .breadcrumb { font-size:0.6em; }
.breadcrumb a {
	color:#437CC2;
	text-decoration:none;
	}


/* Sidebar
---------------------------------------------*/
#sidebar {
	float:left;
	width:235px;
	margin:0 0 0 15px;
	font-size:0.75em;
	}

* html #sidebar {
	margin-left:10px;
	}

li.cat-2 {
	margin-top:8px;
	letter-spacing:0.1em;
	color:#666666;
	}


.cat-2 h4 {
	color:#577990;
	font-weight:200;
	background:url(../images/product/hr_bg.png) no-repeat;
	background-position:0 19px;
	padding:1px 10px 5px;
	height:26px;
	font-size:1em;
	}
/*
* html li.cat-2 {
	padding-top:10px;
	background-position:0 18px;
	}
*/
* + html .cat-2 img {
	margin-top:-4px;
	 }
	 
* html .cat-2 img {
	margin-top:-4px;
	 }	
	 
.cat-2 img {
	margin-top:-2px;
	 }
	 
.cat-3 li a {
	background:url(../images/product/cate-3_bg.png) no-repeat;
	background-position:0 -40px;
	height:36px;
	padding-left:50px;	
	display:block;
	color:#898989;
	padding-top:10px;
	margin-top:-10px;

	}

.cat-3 li a:hover {
	background-position:0 -3px ;
	color:#287ece;
	text-decoration:none;
	}

/* Product Page
---------------------------------------------*/
#article {
	width:620px;
	margin:0 0 10px 15px;
	float:left;
	}
	
.prod-pic{
	float:left;
	width:235px;
	margin:0 1px 0 20px;
	position:relative;
	}

*html .prod-pic {
	margin-left:10px;
	}
	
.prod-pic h3 {
	font-size:0.95em;
	color:#4D5664;
	margin:5px 0 10px 15px;	
	}
	
.enlarge {
	background:url(../images/product/icon.gif) no-repeat;
	background-position:0 0;
	width:35px;
	height:30px;
	float:left;

	}
 
.enlarge a {
	width:85px;
	height:28px;
	text-indent:-500em;
	overflow:hidden;
	display:block;
	}
	

#right-col {
	float:left;
	width:330px;
	margin:25px 5px 0 15px;
	position:relative;
	}

#right-col .guarantee {
	position:absolute;
	top:5px;
	right:-20px;
	z-index:1;
	background:url(../images/product/5years.gif);
	width:91px;
	height:77px;
	text-indent:-500em;
	overflow:hidden;
	}

#right-col .guarantee a {
	position:absolute;
	top:0px;
	right:0px;
	z-index:1;
	width:91px;
	height:77px;
	text-indent:-500em;
	overflow:hidden;
	}
	
#right-col .feature {
	margin-top:5px;
	font-size:0.8em;
	color:#666666;
	line-height:1.8;
	}

.icon {
	background:url(../images/product/hr-icon.gif) no-repeat;
	background-position:bottom;
	width:250px;
	padding-bottom:20px;
	}
	
.icon img {	margin-top:10px;}

.feature h4 {
	margin-bottom:8px;
	font-size:1.05em;
	color:#556868;
	}
	
.feature li {
	background:url(../images/product/bullet_bg.gif) no-repeat;
	background-position:-1px 2px;
	list-style:none;
	padding-left:20px;
	margin-bottom:8px;
	}

* html .feature li {
	height:25px;
	}
	

	
.spec {
	text-align:right;
	float:right;
	margin-right:10px;
	width:620px;
	margin-top:10px;
	color:#666666;
	letter-spacing:0.05em;
	margin-bottom:25px;
	}

* html .spec {
	width:550px;
	}
.spec h4{
	font-size:1.05em;
	color:#556868;	
	}
table.spec-tab {
	text-align:left;
	font-size:0.8em;
	border-bottom: #e2e2e2 1px solid;
	}
	
* + html table.spec-tab {
	margin-right:20px;
	}


.spec-tab td {
	padding:8px 3px 5px;
	border-top: #e2e2e2 1px solid;
	/*
	background:url(../images/hr_bg.png) no-repeat;
	background-position:0 28px;*/
	}

td.border-right {
	border-right: #e2e2e2 1px solid;
	}

td.vhead {
	color:#363636;
	border-right: #e2e2e2 1px solid;
	}

.download_bt {
	width:165px;
	height:38px;
	float:left;
	margin:-2px 0 0 12px;
	}
	
* html .download_bt {
	margin:-32px 0 0 20px;
	}

.download_bt a {
	background:url(../images/product/down_bg.png) no-repeat;
	text-align:left;
	text-indent:-500em;
	overflow:hidden;
	display:block;
	width:165px;
	height:38px;
	}

.download_bt a:hover {
	background-position: 0 -38px;
	}	
	


/* Branding Page
---------------------------------------------*/	
.branding #main {
	background:url(../images/brand/brand_bg.jpg) no-repeat;
	height:470px;
	padding-top:23px;
	padding-bottom:0;
}

.submenu h3 {
	display:none;
}

.submenu {
	margin-left:30px;
}


.submenu li.li-1 {
	float:left;

	width:209px;
	height:78px;

}
.submenu li.li-1 a {
	background:url(../images/brand/brand-subnav.jpg) no-repeat;
	width:209px;
	height:78px;
	display:block;
	text-indent:-500em;
	overflow:hidden;
}

.submenu li.li-1 a:hover, .spirit .submenu li.li-1 a{
	background-position:0 -78px;
}

.submenu li.li-2 {
	margin-left:209px;

	width:285px;
	height:78px;	
}

.submenu li.li-2 a {
	background:url(../images/brand/brand-subnav.jpg) no-repeat;
	background-position:-209px 0;
	width:285px;
	height:78px;
	display:block;
	text-indent:-500em;
	overflow:hidden;
}

.submenu li.li-2 a:hover, .warranty .submenu li.li-2 a{
	background-position:-209px -78px;
}
.spirit .description {
	background:url(../images/brand/spirit_des.jpg) no-repeat;
	width:599px;
	height:53px;
	text-indent:-500em;
	overflow:hidden;
	margin-top:55px;
	margin-left:20px;
	clear:both;
}

.warranty .description {
	background:url(../images/brand/garranty_des.jpg) no-repeat;
	width:599px;
	height:123px;
	text-indent:-500em;
	overflow:hidden;
	margin-top:32px;
	margin-left:20px;
	clear:both;
}

.warranty p{
	color:#666666;
	font-size:0.8em;
	line-height:2;
	margin:20px 0 0 124px;
	letter-spacing:0.02em;
}

.spirit h4 {
	background:url(../images/brand/spirit_h4.jpg) no-repeat;
	width:186px;
	height:30px;
	text-indent:-500em;
	overflow:hidden;
	margin-top:30px;
	margin-left:50px;
}

.spirit p {
	color:#666666;
	font-size:0.8em;
	line-height:2.2;
	width:500px;
	letter-spacing:0.01em;
	margin:20px 0 0 52px;
}


/* Service Page
---------------------------------------------*/	
#tablist {
	
		}

#tabs {
	background:url(../images/service/tabgroup.gif) no-repeat;
	width:840px;
	height:43px;
	position:relative;
	margin-left:30px;
	}
		
#tablist h3 {
	display:none;
	text-indent:-500em;
	}
#tabs li {
	list-style:none;
	margin-left:80px;
	text-indent:-500em;
	}

#tabs li a{
	display:block;
	width:153px;
	height:43px;
	background:url(../images/service/tabs_bg.gif) no-repeat;
	}	
#tabs li-1 {
	position:absolute;
	top:0;
	left:0;
	}
#tabs .li-1n {
	position:absolute;
	top:0;
	left:0;
	}
#tabs .li-2 {
	position:absolute;
	top:0;
	left:153px;
	}
#tabs .li-2n {
	position:absolute;
	top:0;
	left:153px;
	}
#tabs .li-3 {
	position:absolute;
	top:0;
	left:306px;
	}
#tabs .li-3n {
	position:absolute;
	top:0;
	left:306px;
	}
#tabs .li-4 {
	position:absolute;
	top:0;
	left:459px;
	}
#tabs .li-4n {
	position:absolute;
	top:0;
	left:459px;
	}
#tabs .li-4 a { background-position: -459px 0;}
#tabs .li-3 a { background-position: -306px 0;}
#tabs .li-2 a { background-position: -153px 0;}
#tabs .li-1 a { background-position: 0 0;}
#tabs .li-4n a { background-position: -459px -43px; }
#tabs .li-3n a { background-position: -306px -43px; }
#tabs .li-2n a { background-position: -153px -43px; }
#tabs .li-1n a { background-position: 0 -43px; }

#tabs li a:hover{ background-position: 0 -43px; }
#tabs .li-4 a:hover { background-position: -459px -43px; }
#tabs .li-3 a:hover { background-position: -306px -43px; }
#tabs .li-2 a:hover { background-position: -153px -43px; }
#tabs .li-1 a:hover{ background-position: 0 -43px; }
#tabs .li-4n a:hover { background-position: -459px -43px; }
#tabs .li-3n a:hover { background-position: -306px -43px; }
#tabs .li-2n a:hover { background-position: -153px -43px; }
#tabs .li-1n a:hover{ background-position: 0 -43px; }


#tabContent1, #tabContent4, #tabContent3 {


	}
	
.faq {
	margin:10px auto;
	border:#cacaca solid 1px;
	width:640px;

	}
	
td.que {
	padding:12px 12px 12px 40px;
	color:#333333;
	font-size:0.95em;
	letter-spacing:0.05em;
	background:url(../images/service/qmark.gif) no-repeat #f1f1f1;
	background-position:0 4px;
}
	
	
td.ans {
	padding:8px 8px 8px 40px;
	color:#666666;
	font-size:0.8em;
	letter-spacing:0.05em;
	line-height:1.6;
	background:url(../images/service/amark.gif) no-repeat ;
	}

#tabContent3 p {
	color:#333333;
	font-size:0.8em;
	background:url(../images/service/exc_mark.gif) no-repeat;
	margin:18px 10px 0 40px;
	padding-left:35px;
	padding-top:2px;
	height:28px;
	background-position:0 -7px;
	}

#tabContent3 p a {
	color:#4687cf;
	text-decoration:none;
	}

#tabContent2 h3 {
	float:left;
	background:url(../images/service/warranty_bg.gif) no-repeat;
	margin-left:10px;
	margin-top:140px;
	height:260px;
	width:425px;
	text-indent:-500em;
	}

#contact h3 {
	float:left;
	background:url(../images/contact/contact-h3.gif) no-repeat;
	margin-left:10px;
	margin-top:80px;
	height:266px;
	width:425px;
	text-indent:-500em;
	}

.warranty-form {
	width:400px;
	color:#333333;
	font-size:0.8em;
	line-height:1.8;
	margin-bottom:25px;
	margin-top:10px;
	}
.warranty-form td {
	padding:6px 5px 1px;
	}

input.w {
	background:url(../images/service/input_bg.gif) no-repeat;
	height:22px;
	width:268px;
	border:0;
	background-position:-2px -1px;
	padding:4px 6px;
	color:#666666;
	}

input.sw {
	background:url(../images/service/input-s_bg.gif) no-repeat;
	height:22px;
	width:46px;
	border:0;
	background-position:-2px -1px;
	padding:4px 6px;
	color:#666666;
	}


#tabContent4 {
	background:url(../images/service/web.gif) no-repeat;
	background-position:1px 0;
	width:899px;
	height:350px;
}

#tabContent4 p {
	text-indent:-500em;
	overflow:hidden;
}


/* News
---------------------------------------------*/	
.newslist {
	width:650px;
	margin:20px auto 0;
	padding-bottom:20px;
	}

.newlebel {
	float:left;
	background:url(../images/news/new.gif) no-repeat;
	width:35px;
	height:21px;
	text-indent:-500em;
	display:block;
	}	
	
.date-new {
	float:left;
	margin-left:5px;
	color:#1b367a;
	font-size:1em;
	}
	
.hotnews h4 {
	float:left;
	margin-left:10px;
	color:#1b367a;
	font-size:1em;
	font-weight:400;
	letter-spacing:0.08em;
	}
	
.hotnews p {	
	clear:both;
	color:#3d65b8;
	margin-left:140px;
	font-size:0.8em;
	line-height:2;
	padding-top:8px;
	letter-spacing:0.08em;
	}

.newslist ul {
	margin-top:20px;
	}
	
.newslist ul li {
	background:url(../images/news/bullet-news.gif) no-repeat;
	width:590px;
	margin-left:60px;
	color:#5d5d5d;
	line-height:2.6;
	background-position:0 6px;
	}
*html .newslist ul li {
	line-height:2;
	}
.date {
	float:left;
	margin-left:25px;
	letter-spacing:0.06em;
	font-size:0.8em;
	}

.newslist ul li h4 {
	float:left;
	margin-left:5px;
	font-size:0.8em;
	font-weight:400;
	letter-spacing:0.08em;
	}
	
.newslist ul li:after {
	content:".";
	clear:both;
	visibility:hidden;
	}
		
.more {
	float:right;
	background:url(../images/news/more.gif) no-repeat;
	}
	
.more a {
	text-indent:-500em;
	display:block;
	width:45px;
	height:20px;
	overflow:hidden;
	}

.newslist ul li .more { margin-top:8px; }
.hotnews p .more { margin-top:5px; }

*+html .hotnews p .more { margin-top:-18px; }
*html .hotnews p .more { margin-top:-18px; }
	
.newscontent {
	width:650px;
	margin:30px auto 0;
	padding-bottom:20px;
	}	
	
.newscontent h4 {
	color:#123c9a;
	font-weight:500;
	letter-spacing:0.1em;
	}

.newscontent div span {
	color:#999999;
	}
.newscontent div {
	margin-top:15px;
	font-size:0.8em;
	line-height:1.9;
	color:#464646;
	letter-spacing:0.08em;
	}
.newscontent img {
	margin:25px 20px;
	}
	
div.back {
	background:url(../images/news/back.gif) no-repeat;
	width:89px;
	height:15px;
	}

div.back a {
	width:89px;
	height:15px;
	display:block;
	text-indent:-500em;
	overflow:hidden;
	}
/* Fonts
---------------------------------------------*/	
.blue {
	color:#3366FF;
	}
	
.gray { color:#999999; font-size:0.95em; }

.red { color:#CC0033; font-size:0.95em; }
	
	
/* Footer
---------------------------------------------*/
#footer {
	background:url(../images/footer_bg.gif) no-repeat;
	width:924px;
	height:76px;
	margin-top:-3px;
	padding-top:18px;
	letter-spacing:0.05em;
	}
#footer h2 {
	margin:0;
	padding:0;
	font-size:0.7em;
	text-indent:-500em;
	overflow:hidden;
}	
	
#footer p {
	text-align:center;
	font-size:0.75em;
	color:#b6b5b5;
	font-weight:normal;
}
#footer a {
	color:#b6b5b5;
	}

/* sitemap - 2009-1123 */
.sitemap #main div {
clear:both;
font-size:13px;}
.sitemap #main li {
padding-left:20px;
list-style:none;
line-height:26px;}
.sitemap #main li a{
color:#0066CC;
padding-left:10px;}
.sitemap #main li a:visit{
color:#0066CC;}
.sitemap #main li li{
float:none;
padding-left:20px;}
.sitemap #main li li a{
padding-left:30px;}