@charset "utf-8";
/* CSS Document */
* {	
	margin: 0px;	
	padding: 0px;
	}
img { 
	border:none;
	vertical-align:middle;
	}
	
td {	
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
}
td img {
	margin:0px;
	padding:0px;
}

input, select, textarea {	
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	vertical-align:middle;
}
input { 
	vertical-align:middle;
	}
input[type="text"] {
	border:1px solid #ccc;
	vertical-align:middle;
	}
input[type="button"] {
	padding:1px 5px;
	vertical-align:middle;
	}
input[type="image"] {
	vertical-align:middle;
	}
input[type="radio"] {
	vertical-align:middle;
	_vertical-align:bottom;
	}
input[type="checkbox"] {
	vertical-align:middle;
	}
textarea {
	border:1px solid #ccc !important;
}
select {
	vertical-align:middle;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	border:1px solid #ccc;
	height:20px;
}
a {
	color: #003399;
	text-decoration:none;
}
a:visited {
	color: #003399;
	text-decoration:none;
}
a:hover {
	color: #006699;
	text-decoration:underline;
}
a:active {
	color: #086da8;
	text-decoration:underline;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: bold;
}
h1, h2, h3, h4,h5, h6, p, ul, ol, li, dl, dt, dd, form, label, img {
  margin: 0;
  border: 0;
  padding: 0;
}
body, td, th, textarea, select, h2, h3, h4, h5, h6 {	
	font-family:Arial, Helvetica, sans-serif;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
}
body {
	background-color:#d2cba1
}
.fl {
	float:left;
	}
.fr {
	float:right;
	}
#header {
	width:100%;
	background:url(images/header_bg.jpg) repeat-x scroll top left;
	height:175px;
	}	
#header .heder-content {
	margin:0px auto;
	width:986px;
	height:175px;
	background:url(images/header_bgfront.jpg) no-repeat scroll top left;
	position:relative;
	}	
#outter {
	margin:0px auto;
	width:986px;
	padding:0px;
	}
#outter .outpagtop {
	width:986px;
	height:20px;
	font-size:1px;
	background:url(images/wrapper_topbg.jpg) no-repeat scroll top left;
	
	}	
#outter .outpagcent {
	width:986px;
	background:url(images/wrapper_bg.jpg) repeat-y scroll top left;
	overflow:hidden;
	}
#outter .outpagcent2 {
	width:986px;
	background:url(images/wrapper_contentbg.jpg) repeat-y scroll top left;
	overflow:hidden;
	}
	
.heartbaner {
	margin:0px auto;
	width:769px;
	height:110px;
	}
.threecol {
	width:772px;
	margin:0px auto;
	padding-top:15px;
	}	
.product-col, .service-col, .help-col {
	width:245px;
	background:url(images/product_content.jpg) repeat-y scroll top left;
	position:relative;
	}
.product-col h2, .service-col h2, .help-col h2 {
	height:60px;
	width:245px;
	margin:0px;
	text-indent:-9999px;
	padding:0px;
	}
.product-col h2 a, .service-col h2 a, .help-col h2 a {
	width:245px;
	height:60px;
	display:block;
	}	
.threecol-cont {
	width:212px;
	margin:0px auto;
	}
.threecol-cont ul {
	padding-bottom:10px;
	list-style-position:inside;
	list-style-type:none;
	}	
.threecol-cont ul li {
	width:212px;
	float:left;
	height:30px;
	background:url(images/catid_home.jpg) no-repeat scroll top left;
	}	
.threecol-cont ul li a {
	padding-left:5px;
	font-size:12px;
	line-height:27px;
	color:#ff9933;
	}
.threecol-cont ul li a:hover {
	color:#ff9933;
}		
.threeclbttm {
	width:245px;
	height:118px;
	float:left;
	padding-top:10px;
	}
.product-col h2 {
	background:url(images/product_title.jpg) no-repeat scroll top left;
	}
.service-col h2 {
	background:url(images/product_title3.jpg) no-repeat scroll top left;
	}
.help-col h2 {
	background:url(images/product_title2.jpg) no-repeat scroll top left;
	}				
 .service-col {
	margin-left:18px;
	}		
#outter .outpagfooter {
	width:986px;
	height:97px;
	}
.footerbg {
	background:url(images/footer_bg.jpg) no-repeat scroll top left;
	width:986px;
	height:97px;
	}	
.footerbg2 {
	background:url(images/footer_bg2.jpg) no-repeat scroll top left;
	width:986px;
	height:97px;
}	
#outter .outpagfooter ul {
	list-style-position:inside;
	list-style-type:none;
	width:550px;
	height:30px;
	margin-left:70px;
	list-style-image:none;
	padding-top:50px;
	}	
#outter .outpagfooter ul li {
	display:inline;
	font-size:12px;
	color:#333333;
	text-transform:uppercase;
	}	
#outter .outpagfooter ul li a {
	padding-left:10px;
	padding-right:10px;
	color:#333333;
	}	
/*[logo ]
---------------------------------------*/
.logo {
	float:left;
	width:150px;
	height:130px;
	padding-left:100px;
	}
.logo a {
	width:150px;
	height:110px;
	cursor:pointer;
	display:block;
	}	
.logo h1 {
	font-size:24px;
	text-indent:-5000px;
	}		

/*[top menu ]
---------------------------------------*/
.topmenu {
	height:25px;
	width:538px;
	float:right;
	padding-top:4px;
}
.topmenu ul {
	height:25px;
	margin:0px;
	list-style-type:none;
	list-style-image:none;
	text-align:center;
}
.topmenu ul li {
	float:left;
	line-height:25px;
	color:#333333;
	font-size:12px;
}
.topmenu ul li a {
	padding-left:12px;
	padding-right:12px;
	text-decoration:none;
	color:#333333;
	display:block;
	float:left;
}
.topmenu ul li a:hover {
	background: url(images/topmenu_over.jpg) repeat-x scroll top;
	color:#CC0000;
	display:block;
}
.topmenu .activeMenu a {
	background: url(images/topmenu_act.jpg) repeat-x scroll top;
	height:25px;
	display:block;
	color:#CC0000;
}

.boxsearch {
	position:absolute;
	bottom:17px;
	right:110px;
	width:275px;
	height:28px;
	}
.boxsearch form {
	margin:0px;
	padding:0px;
	}	
.boxsearch label {
	font-size:12px;
	color:#333333;
	line-height:25px;
	}	
.boxsearch input {
	font-size:12px;
	border:none;
	background:none;
	margin-left:8px;
	width:160px;
	line-height:20px;
	}	
.boxsearch button {
	border:none;
	background:none;
	width:40px;
	font-size:12px;
	height:20px;
	cursor:pointer;
	text-indent:-9999px;
	}	
	
	
	
/*--hack keep float in their--*/	
.clearall {
	font-size:1px;
	clear:both;
	}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height:0;
	height:0;
}
.clearfix {
	display:block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}	
.hide {
	text-indent:-5000px;
	position:absolute;
}
.none {
	display:none;
	}	
.masterpage {
	width:818px;
	margin:0px auto;
	padding:0px;
	}	
.leftCol {
	width:189px;
	float:left;
	}
.leftCol ul {
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
	width:189px;
	}	
.leftCol ul li {
	float:left;
	display:block;
	}	
.leftCol ul li.Cat-title, .leftCol ul li.Cat-items {
	float:left;
	width:189px;
	}
.leftCol ul li.Cat-title {
	height:27px;
	vertical-align:top;
	margin-bottom:1px;
	}		
.leftCol ul li.Cat-items a {
	background:url(images/catid_contbg.jpg) no-repeat scroll bottom left;
	width:189px;
	font-size:12px;
	line-height:22px;
	height:27px;
	cursor:pointer;
	display:block;
	}		
.leftCol ul li.Cat-items a span, .leftCol ul li.Cat-items-act a span {
	padding-left:27px;
	}
.leftCol ul li.Cat-items a:hover {
	background:url(images/catid_contbg_over.jpg) no-repeat scroll bottom left;
	text-decoration:none;
	}
.leftCol ul li.Cat-items-act a:hover {
	text-decoration:none;
	}			
.leftCol ul li.Cat-items:hover {
	width:189px;
	height:27px;
}	
.leftCol ul li.Cat-items-act a {
	background:url(images/catid_contbg_act.jpg) no-repeat scroll bottom left;
	width:189px;
	font-size:12px;
	line-height:22px;
	height:27px;
	cursor:pointer;
	display:block;
	height:27px;
	}
	
.leftCol ul li.Cat-items-act a {
	color:#CC0000;
}	
.rightCol {
	float:right;
	width:614px;
	}
.rightCol .rgtContent {
	margin:0px;
	padding-left:25px;
	padding-right:15px;
	padding-bottom:10px;
	}	
			
			
			
			
.listNews {
	padding:0px;
	clear:both;
	margin:0px;
}	
.listNews h3 {
	font-size:100%;
	font-weight:normal;
	padding-bottom:5px;
	}
.listNews h3 a {
	color: #003399;
	}	
.listNews p {
	font-size:80%;
	line-height:1.5em;
	padding-bottom:10px;
	}	
.listNews p.viewmore {
	text-align:right;
	font-size:70%;
	}	
.listNews p.viewmore a {
	color: #003399;
	}	
.imgsubject {
	float:left;
	margin-right:12px;
	margin-bottom:5px;
	margin-top:5px;
	border:none;
	text-align:left;
	font-size:11px;
	color:#666666;
	}		
.imgsubject img {
	padding-bottom:3px;
	}	
.otherNews {
	padding:15px 0px;
	clear:both;
	}		
.otherNews h3 {
	font-size:108%;
	font-weight:normal;
	color:#333333;
	height:25px;
	border-bottom:1px solid #e0e6ec;
	font-family:"Times New Roman", Times, serif;
	}		
.otherNews ul {
	list-style-position:outside;
	padding-left:30px;
	list-style-type:none;
	padding-top:8px;
	}	
.otherNews ul li {
	padding-bottom:3px;
	background:url(images/arrow.gif) no-repeat scroll left 8px;
	line-height:18px;
	display:block;
	}	
.otherNews ul li a {
	padding-left:15px;
	font-size:11px;
	color:#003399;
	}
.otherNews ul li a:hover {
	color:#003399;
	}				
.linespace {
	font-size:1px;
	border-top:1px solid #e0e6ec;
	height:5px;
	clear:both;
	}
.article {
	clear:both;
	padding:15px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif
	}
.article h1 {
	font-family:"Times New Roman", Times, serif;
	color:#D24702;
	font-size:20pt;
	line-height:normal;
	font-weight:normal;
	padding-bottom:12px;
	text-shadow:0px 1px #bec1bd;
	}	
.article h2 {
	font-family:"Times New Roman", Times, serif;
	line-height:normal;
	font-weight:normal;
	padding-bottom:12px;
	text-shadow:0px 1px #bec1bd;
	}	
.article p {
	font-size:80%;
	line-height:1.5em;
	padding-bottom:10px;
	color:#000000;
}
.article p strong {
	color:#000000;
	}
.article p.tacgia {
	font-size:80%;
	color:#000000;
	text-align:right;
	}
.article p.tacgia strong {
	color:#000000;
	}
.linespace2 {
	font-size:1px;
	border-bottom:1px solid #e0e6ec;
	height:3px;
	clear:both;
	margin:0px 15px;
	}
	
.customInfo {
	padding-bottom:15px;
	}
.customInfo td {
	padding:5px 10px 2px 10px;
	}	
.infoText {
	text-align:right;
	font-size:12px;
	color:#303d47;
	line-height:22px;
	}	
.infoinput {
	color:#303d47;
	text-align:left;
	font-size:12px;
	}
.infoinput span.redfont {
	color:#CC0000;
	padding-left:5px;
	}
.infoinput span.grayfont {
	color:#999999;
	font-size:11px;
	padding-left:5px;
	}	
.infobox {
	border:1px solid #d6d6d6;
	background:#FFFFFF;
	font-size:12px;
	padding:5px;
	color:#303d47;
	width:250px;
	}		
.notepad {
	font-size:12px;
	font-family:Tahoma;
	color:#666666;
	line-height:normal;
	background:#FFFF99;
	}	
.notepad p {
	padding-bottom:5px;
	padding-top:5px;
	}
.questionBox {
	font-size:12px;
	color:#303d47;
	font-family:Tahoma;
	margin:0px;
	clear:both;
	padding-top:8px;
	padding-bottom:5px;
	border-top:1px solid #d6d6d6;
	border-bottom:1px solid #d6d6d6;
	}		
.questionBox p {
	padding-bottom:5px;
	line-height:18px;
	}	
.questionBox p strong {
	color:#666666;
	font-size:11px;
	}
.pagTitle {
	clear:both;
	padding-bottom:12px;
	margin:0px;
	height:29px;
	overflow:hidden;
	}
.pagTitle span.Titlebk {
	font-size:21px;
	font-family:"Times New Roman", Times, serif;
	color:#414b56;
	line-height:normal;
	font-weight:normal;
	width:500px;
	height:29px;
	display:block;
	float:left;
	}	
.pagTitle span.continueshop {
	display:block;
	float:right;
	width:130px;
	height:25px;
	padding-bottom:1px;
	}	
.catPath {
	height:35px;
	width:100%;
	clear:both;
	margin-bottom:10px;
	}	
.cpthbg {	
	background:url(images/path_bg.jpg) no-repeat scroll bottom left;
	height:35px;
}
.catPath ul {
	list-style-image:none;
	list-style-position: outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
	}	
.catPath ul li {
	display:inline;
	font-size:12px;
	line-height:33px;
	}
.catPath ul li b {
	padding-left:8px;
	color:#666666;
	}	
.catPath a {
	background:url(images/arrow.jpg) no-repeat scroll right 3px;
	padding-right:18px;
	padding-left:0px;
	padding-right:16px;
	}	

