﻿@charset "utf-8";
#primary{
	width:713px;
}
#primary .newslist li{
	width:300px;
	float: left;
	padding: 0 112px 0 0;
}
#primary .newslist li a{
	width:250px;
}
#primary .newslist{
	width:850px;
	padding: 10px 0 0;
}
#newsdetails{
	width:640px;
	padding: 15px 0 0;
	font:12px/22px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:justify;
}
#tomail{
	width:624px;
	margin: 18px 0;
	padding: 8px 8px 2px 14px;
	background: #f8f9fa;
	border: 1px solid #cacaca;
}
#tomail p{
	width:480px;
	float: left;
	line-height: 20px;
	color: #646464;
}
#tomail ul{
	float: right;
}
#tomail li{
	margin: 0 0 7px;
}
#tomail li a{
	display: block;
	width:91px;
	height: 27px;
	text-align: center;
	font:14px/27px Verdana, Geneva, Arial, sans-serif;
	background-position:-456px -126px;
	color: #fff;
}
#comment{
	width:384px;
	float: left;
}
#comment legend{
	margin: 0 0 22px;
	color: #646464;
}
#comment p{
	height: 35px;
}
#comment label{
	float: left;
	width:140px;
	height: 35px;
	margin: 0 4px 0 0;
	text-indent: 30px;
	font:13px/30px Arial, Helvetica, sans-serif;
	color: #127ad0;
	background-position:-250px 34px;
}
#comment .textinput{
	float: left;
	width:186px;
	height: 18px;
	margin: 6px 0 0;
	padding: 3px 0 1px;
	background: #f8f9fa;
	border: 1px solid #cacaca;
}
#comment .textarea label{
	background: none;
}
#comment textarea.textinput{
	height:62px;
}
#comment .radio{
	padding: 48px 0 20px;
	line-height: 24px;
	color: #646464;
}
#comment .radio input{
	margin: 0 4px 0 8px;
}
#comment .radio label{
	width:auto;
	background: none;
	float: none;
	color: #004d98;
}
#comment .btncontent{
	margin: 0 0 4px;
	text-align: center;
}
#comment .button,#keywordsearch .button{
	width:57px;
	height:18px;
	text-align: center;
	font:11px Verdana, Geneva, Arial, sans-serif;
	background-position:-552px -128px;
}
#contact_way{
	width:254px;
	float: left;
	padding: 18px 0 0;
	overflow: hidden;
	color: #646464;
	line-height: 24px;
}
#contact_way h4{
	height:36px;
	background-position:-440px 35px;
	font:14px/36px Helvetica, Verdana, Geneva, Arial, sans-serif;
}
#contact_way a{
	color: #127ad0;
}
#contact_way .address{
	height: 148px;
	padding: 8px 0;
	background-position:-440px 163px;
}
#contact_way .office{
	height: 190px;
	background-position:-440px 205px;
}
#contact_way h5{
	color: #127ad0;
	font-size: 14px;
}
/*----------------------------------- dealers start ---------------------------*/
#dealers .tophead,#loginpage h4,.forgetPassword #primary .tophead{
	display: block;
	width:600px;
	height:24px;
	margin: 22px 0 1px;
	background-position:0 -28px;
}
#dealers #primary,#loginpage #primary{
	width:710px;
	overflow: hidden;
} 
#dealers .details{
	width:560px;
	padding: 22px 28px 22px 12px;
	background: #c9e1fb;
}
#dealers .details h4{
	font:20px/25px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #0051a2;
}
#dealers .details .text{
	color: #0051a2;
	line-height: 16px;
	margin: 6px 0 0;
}
#dealers .tocontact{
	padding:52px 0 52px 122px;
}
#dealers .tocontact li{
	margin: 0 0 21px;
}
#dealers .tocontact strong{
	display: inline-block;
	padding: 0 2px 0 48px;
	height: 25px;
	line-height:25px;
}
#dealers .tocontact .type01 strong{
	background-position:-687px -295px;
}
#dealers .tocontact .type02 strong{
	background-position:-688px -245px;
}
#dealers .tocontact .type03 strong{
	background-position:-690px -195px;
}
#dealers .tocontact .type01 span{
	display: block;
	padding: 0 0 0 48px;
}
#dealers .tocontact li a{
	color: #e50029;
}
#loginpage #primary h4{
	color: #fff;
	text-indent: 18px;
	line-height: 24px;
}
#loginpage .customer{
	width:600px;
	height: 286px;
	margin: 1px 0 23px;
	background: url(../images/loginbg.png) no-repeat;
	color: #0051a2;
}
#loginpage .customer .button{
	height: 18px;
	width:90px;
	background: #fff;
	color: #000;
}
#loginpage .customer .textinput{
	border: 1px solid #011143;
	height: 16px;
}
#loginpage .oldmember fieldset{
	padding:12px 0 0 155px;
}
#loginpage .oldmember p label,#loginpage .btncontent span{
	display: block;
	margin: 18px 0 4px;
}
#loginpage .oldmember .textinput{
	width:254px;
	margin: 0 0 0 24px;
}
#loginpage .oldmember .btncontent{
	width:284px;
	text-align: center;
}
#loginpage .oldmember a{
	text-decoration: underline;
}
#loginpage .oldmember .btncontent input,#loginpage .oldmember .btncontent label{
	vertical-align: middle;
	margin: 0 4px 0 0;
	*margin:0;
}
#loginpage .newmember legend{
	padding:16px 0 20px 16px;
	color: #0051a2;
	font-weight: bold;
}
#loginpage .newmember p{
	margin: 0 0 20px;
}
#loginpage .newmember p label{
	display: inline-block;
	width:196px;
	margin:0 8px 0 18px;
	text-align: right;
}
#loginpage .newmember .textinput{
	width:192px;
}
#loginpage .newmember .button{
	width:158px;
	margin: 0 0 0 238px;
}
/*----------------------------------- three-column start ---------------------------*/
.three-column #primary{
	width:713px;
}
.three-column #main{
	width:595px;
	float: left;
	line-height: 20px;
}
.three-column #main h3{
	margin: 0 0 18px;
}
.three-column #subnav{
	width:221px;
	float: right;
}
/*----------------------------------- about start ---------------------------*/
.about #main h4{
	padding: 0 0 0 16px;
	background-position:-703px -95px;
	color: #004994;
	font:14px Arial, Helvetica, sans-serif;
}
.about #main .text{
	padding: 0 0 20px 16px;
	color: #666;

}
#certificate #main{
	width:490px;
}
#certificate #main img{
	float: left;
	margin: 0 9px 9px 0;
}
/*----------------------------------- support start ---------------------------*/
.support #main .breakline{
	display: block;
	width:454px;
	height:12px;
	background-position:-20px -450px;
}
.support #keywordsearch{
	text-align: center;
	padding:10px 0 5px;
}
#keywordsearch .textinput{
	width:70px;
	height: 16px;
	padding: 2px 0 0;
	border: 1px solid #101f4e;
} 
#keywordsearch select{
	position: relative;
	height:22px;
}
#keywordsearch .button{
	width:78px;
	height: 23px;
	background-position: -456px -160px;
	font-size: 14px;
}
#faq #main h4{
	padding: 0 0 0 14px;
	font:bold 12px/24px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#faqlist{
	padding:14px 0 0 23px;
}
#faqlist li span{
	display: block;
	height: 20px;
	overflow: hidden;
	padding: 0 0 2px 14px;
	background-position: -708px -335px;
	color: #054172;
	cursor:pointer;
}
#faqlist li .over{
	color: #000;
}
#faqlist li .m-expanded{
	background-position: -705px -368px;
}
#faqlist li p{
	padding: 0 0 0 14px;
	line-height: 20px;
	display: none;
}
#downlist{
	padding: 9px 0 0;
}
#downlist ol{
}
#main #downlist .olbreakline{
	width:409px;
	height: 1px;
	margin: 0 0 0 22px;
	background-position: 0 -22px;
}
#downlist ol{
	position: relative;
	width:453px;
	padding:6px 1px;
}
#downlist li{
	line-height: 20px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#downlist li em{
	font-weight: bold;
	padding: 0 2px 0 0;
}
#downlist li strong{
	text-decoration: underline;
	color: #0262bb;
}
#downlist .todown{
	position: absolute;
	right: 0;
	bottom: 3px;
}
#downlist .todown a{
	display: block;
	width:74px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	font-family: "Myriad Pro";
	color: #4d4d4d;
	background-position:-480px -450px;
}
.aboutus{float:left;}
#about_img{
	float:left;
	margin-left:10px;
}


/*add style*/
.centerright{ float:left; width:713px;}
.productintro{ float:left; width:100%;}
.productintro h1{ margin:0; padding:0;float:left; width:100%; font-size:22px; color:#004994; font-weight:normal;}
.productintro div{float:left;width:630px;background-image: url(../images/about.gif);background-repeat: no-repeat;background-position: left 6px; padding-left:13px; color:#000000; margin:10px 0; padding-right:70px;}
.productintro div h4{margin:0; padding:0; float:left; width:100%; font-size:14px; color:#004994; padding:0 0 20px 0;}
.productintro div .bigpic{ float:left; width:307px;}
.productintro div .smallpic{ float:left; width:275px; padding-left:48px; }
.productintro div .smallpic .pic{ padding-bottom:14px;}

.productintro div .smallpic_0{ float:left; width:241px;  }
.productintro div .smallpic_0 .pic{ padding-bottom:14px;}

.productintro div .piclist{ float:left; width:100%;}
.productintro div .piclist img{ padding-right:20px;}
.productintro div .piclist_0{ float:left; width:100%;}
.productintro div .piclist_0 img{ padding-right:11px;}