body {margin:0;	padding:0; background:#fff; font:12px Arial, Helvetica, sans-serif; color:#818181;}

*, div, img, p, ul, .img { margin: 0; padding: 0; border: 0; }

a {color: #3582bd; text-decoration: underline; }
a:hover { color: #3582bd; text-decoration: none; }

h1, h2, h3, h4, h5 {margin: 0; padding: 0; font-weight: normal; font-family:Arial, Helvetica, sans-serif; color: #0099D2; }
h1 a, h2 a, h3 a, h4 a, h5 a { border: 0; text-decoration: none; }
h1 span, h2 span, h3 span, h4 span, h5 span {font-weight: bold; }
h1 {font-size: 22px; margin-bottom: 20px; color: #3582bd;}
h2 {font-size: 18px; margin-bottom: 10px; color:#3582bd;}
h3 { font-size: 16px; margin-bottom: 10px;  }
h4 { font-size: 14px; margin-bottom: 10px; }
h5 { font-size: 13px; margin-bottom: 10px; }
h2 span { font-size: 24px; }
strong {color:#707070;}

p { margin: 5px 0 15px 0; text-align: left; }
ul { margin: 0px; padding: 0 0 20px 20px; list-style: none; }
ul li { line-height: 20px; margin-left: 0px; padding-left: 20px; background: url(../img/li.png) no-repeat 0px 6px; }
ol { margin: 0px; padding: 0 0 20px 20px; }
ul li { line-height: 20px; margin-left: 0px; padding-left: 20px; }

div.container { width: 940px; margin: 0 auto; position: relative; }

#header {height: 107px;}
	#logo {position: absolute; top: 15px; left: 0px; }
	
	#search { position:absolute; top:10px; right:0; }
	#search #searchinput { float: left; border:0; font-size:11px; color:#818181; background:url(../img/search_input.png); height:28px; width:114px; padding:0 10px;}
	#search #searchbtn { float: right; background:url(../img/form_submit.png); width:38px; height:28px; }
	
	#callus {position: absolute; top: 45px; right: 0px; color: #2E6AA9; font-size: 30px; font-weight: 900; font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
	#callus a { text-decoration: none; }
	#callus a:hover { text-decoration: none; color: #3D9DD5; }
	#mailus {position: absolute; top: 78px; right: 0px; font-size: 16px; font-weight: 400; font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
	#mailus a { text-decoration: none; }
	#mailus a:hover { text-decoration: none; color: #3D9DD5; }
	
	
#flags { position: absolute; top: 8px; right: 220px; }
#flags a img, #flags a.factive:hover img { opacity:0.4; filter:alpha(opacity=40); }
#flags a:hover img, #flags a.factive img { opacity: 1; filter:alpha(opacity=100); }
	
#menu_top {height:29px; background:url(../img/menu_top.png); position:relative; z-index:100; }


#banner_bg {height: 292px; background:#014689 url(../img/banner_bg.jpg) center no-repeat;}
#flash {position:relative;}
#slider { position: relative; width: 940px; height: 292px; background: url(img/loading.gif) no-repeat 50% 50%; }
#slider img { position: absolute; top: 0px; left: 0px; display: none; }
#slider a:first-child img { display: block; }

#menu_btm {height:29px; background:url(../img/menu_btm.png); line-height:29px; overflow:hidden;}	
#inews {background:url(../img/news.gif) no-repeat 40px 0; height:28px; padding-left:16px; float:left;}
#btitle {color:#3582bd; font-weight:bold; float:left; width:90px;}
#newsscroll { float: left; }
#social {float:right; padding-right:16px;}
#social span {color:#4a4745; font-weight:bold; float:left; margin-right:5px; }	
#social a {float:left; margin:4px 0 0 4px;}
	
#boxes p { margin: 0; }
#boxes a {float:left; margin:15px 0 0 20px;}
#boxes a:first-child  {margin-left:0; float:left;}
	
#content { padding-top: 20px; margin-bottom: 20px; }
#lcol { float: left; width: 700px; margin:0;}
#rcol { float: right; width: 220px; margin:0; }
#rcol form { margin-bottom: 20px; }

#content .range {float:left; margin:14px 0 0 14px;}
#text {padding:0;}
#text a.txt_image {float:left; margin:10px 10px 10px 0;}

#rcallback { margin-bottom: 10px; }

#additional {background:url(../img/additional_bg.png) no-repeat; font-size:11px; padding:16px 0 0 0; margin-top:15px; }
	#additional .box1 {float:left; width:390px; height: 230px; padding-left:20px; background:url(../img/additional_image.jpg) no-repeat 160px bottom;}
	#additional .box2 {float:left; width:210px; height: 230px; padding-left:20px; border-left:1px solid #f2f2f2;}
	#additional .box3 {float:left; width:270px; height: 230px; padding-left:20px; border-left:1px solid #f2f2f2;}
		#additional ul {margin:0; padding:0; float:left; width:195px;}
		#additional ul li {padding:0; margin:0; line-height:18px; background: none; }
		#additional ul li a {color:#818181; font-size:11px; text-decoration:none; background:url(../img/arrow2.gif) no-repeat 0 5px; padding:0 0 0 20px;}
		#additional ul li a:hover {text-decoration:underline;}
		#additional ul li strong a { background: none; padding: 0; }
	#additional_btm {background:url(../img/additional_btm.jpg) no-repeat; height:15px; margin-bottom: 20px; }

#footer { height: 280px; background: #fdfdfd url(../img/bgfoot.png) repeat-x center top; color:#464646; font-size: 11px; } 
#footer a { color:#464646; font-weight: normal; text-decoration:none; }
#footer a:hover { color:#2778b6; }

#footer h3 { font-size: 12px; color: #464646; font-weight: bold; }
#footer ul { margin: 0; padding: 0; }
#footer li { margin: 0; padding: 0 0 0 10px; background: url(../img/lismall.png) no-repeat left 8px; }

#fservices { position: absolute; top: 20px; left: 0; }
.fcol1 { float: left; margin-right: 15px; }
.fcol2 { float: left; margin-right: 15px; }
.fcol3 { float: left; }
#fcontact { position: absolute; top: 20px; left: 510px;  }
#fmap { position: absolute; top: 30px; right: 0; }
#map { width: 245px; height: 160px; }
#flinks { position: absolute; top: 210px; left: 0; }
#copyright { position: absolute; top: 240px; left: 0; margin-top:5px; font-size:11px;}	
	
/*subpage*/	
#menu_subpage_shadow {background:url(../img/menu_subpage_shadow.png) no-repeat 50% bottom;}
#menu_subpage {height:41px; background:url(../img/menu_subpage.png); border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; overflow:hidden; padding:0 10px;}	
	#menu_subpage ul {padding:0; margin:0; font-size: 11px; float:left;}
	#menu_subpage li {float:left; line-height:40px; margin:0; padding:0; background: none; }
	#menu_subpage li a {color:#707070; float:left; height:41px; text-decoration:none; padding:0 10px; font-weight:bold;}
	#menu_subpage li:hover a, #menu_subpage li.active a {color:#000; background:url(../img/menu_subpage_link.gif) no-repeat 50% bottom;}
	
hr {height:1px; line-height:1px; background:url(../img/line.png) no-repeat; margin:10px 0 15px 0;}

#download ul {padding:0; margin:0 0 20px 0; list-style:none;}	
	#download ul li {margin:0; padding:0; background:url(../img/line_dashed.gif) repeat-x top;}
		#download ul li:first-child {background:none;}
	#download ul li a {display:block; text-decoration:none; padding:6px 0px 6px 45px;  color:#818181; font-size:12px; line-height:14px; }
	#download ul li a:hover {text-decoration:underline;}
	#download span { color: #999999; font-size: 11px; }
	
	#download ul li a { background: url(../img/ico_file.png) no-repeat 15px center; }
	#download ul li.pdf a { background: url(../img/ico_pdf.png) no-repeat 15px center; }
	#download ul li.exe a { background: url(../img/ico_exe.png) no-repeat 15px center; }
	
#instant_quote { margin-bottom: 20px; }

#livechat { margin-bottom: 20px; }

#quick_contact {font-size:12px; margin-bottom: 20px; }
	#quick_contact label {display: block; color:#818181; margin-top:2px;}
	#quick_contact .input {height:23px; width:100%; background:url(../img/form_input.png); color:#999;}
	#quick_contact .textarea { width: 100%; height: 72px; background:url(../img/form_texta_area.png); color: #999; font-family:Arial, Helvetica, sans-serif;}
	#quick_contact .submit {background:url(../img/form_submit.png); width:60px; height:24px; margin-top:5px; float:right;}

#footer_subpage {background:url(../img/footer_subpage.png) no-repeat 50% top; padding: 20px 0 10px 0; margin-top:15px; text-align:center; } 
	#footer_subpage a {color:#464646; font-weight:bold; margin:0 10px; text-decoration:none;}
	#footer_subpage a:hover {color:#2778b6; font-weight:bold;}

#microsites { padding: 15px 0 10px 0; margin-top: 5px; text-align: center; background:url(../img/footer_subpage.png) no-repeat 50% top; color: #777777; }
#microsites a { color: #777777; font-weight: normal; }
#microsites a:hover { color: #6CC5E7; font-weight: normal; } 

#searchlist {}
#searchlist .row { padding-bottom: 10px; }
#searchlist .row  a { text-decoration: none; }
#searchlist .row  a:hover { text-decoration: underline; }
#searchlist  .path { color: #999999; font-size: 11px; }
#searchlist  .path a { color: #999999; text-decoration: none; }
#searchlist  .path a:hover { color: #3582bd; text-decoration: none; }

#rss { padding: 10px 0; text-align: right; }

/* blog */
.blog { margin-left: 10px; }
.blog a { color: #3582bd; text-decoration: none; }
.blog a:hover { color: #3582bd; text-decoration: underline; }
.blog li { padding-left: 15px; line-height: 17px; margin-bottom: 5px; }
.blog li span { font-style: italic; }
.blog .row { margin-bottom: 15px; padding-bottom: 15px; }
.blog .row .image { float: left; margin: 0px 20px 15px 0px; }
.blog .row .image a img { padding: 2px; margin-bottom: 6px; border: 1px solid #cccccc; background: #ffffff; border-radius: 6px; -moz-border-radius: 6px; }
.blog .row .image a:hover img { border: 1px solid #33a6ff; background: #ffffff; }
.blog .row h3 { padding-right: 20px; margin-bottom: 0px; }
.blog .row .date { margin-bottom: 5px; color: #777777; font-size: 11px; font-style: italic; }
.blog .more { padding: 5px 0; text-align: right; }
.blog .more a { padding: 3px 10px; background: url(../img/more.png) no-repeat right center; color: #3582bd; }
.blog a.more { padding-right: 10px; background: url(../img/more.png) no-repeat right center; color: #3582bd; }
.blog .author { font-style: italic; }

.blogview { margin-bottom: 15px; padding-bottom: 15px; }
.blogview a { color: #3582bd; text-decoration: none; }
.blogview a:hover { color: #3582bd; text-decoration: underline; }
.blogview .image { float: left; margin: 0px 20px 15px 0px; }
.blogview .image a img { padding: 2px; margin-bottom: 6px; border: 1px solid #cccccc; background: #ffffff; border-radius: 6px; -moz-border-radius: 6px; }
.blogview .image a:hover img { border: 1px solid #33a6ff; background: #ffffff; }
.blogview h2 { margin-bottom: 0px; }
.blogview .date { margin-bottom: 10px; color: #777777; font-size: 11px; font-style: italic; }
.blogview .author { font-style: italic; }
.blogview .desc { margin-bottom: 20px; }
.blogview .back { float: left; padding: 10px 0; }
.blogview .back a { display: inline-block; padding: 3px 10px; background: url(../img/back.png) no-repeat left center; color: #3582bd; }
.blogview .links { float: right; padding: 10px 0; }
.blogview .share { padding: 5px 0; }
.blogview .share span { margin-right: 20px; line-height: 20px; float: left; }
.twitter-share-button { float: left; }
.fb-like { float: left; }


.postcategories { color: #aaaaaa; font-size: 12px; }
.postcategories span { }
.postcategories a { color: #aaaaaa; font-style: italic; }
.postcategories a:hover { color: #3582bd; text-decoration: none; }
.posttags { color: #aaaaaa; font-size: 12px; margin-bottom: 5px;  }
.posttags span { }
.posttags a { color: #aaaaaa; font-style: italic; }
.posttags a:hover { color: #3582bd; text-decoration: none; }

.comments { }
.comments .crow { margin-bottom: 15px; padding-bottom: 15px; color: #aaaaaa; }
.comments .crow:hover { color: #666666; }
.comments .crow h3 { padding-left: 64px; }
.comments .comment { min-height: 44px; padding-left: 64px; background: url(../img/comment.png) no-repeat left top; }
.comments .cinfo { padding-top: 10px; text-align: right; }
.comments .cname { font-style: italic; }
.comments .cdate { font-size: 11px; color: #cccccc; }

.blogauthor {  }
.blogauthor .back { padding: 10px 0; }
.blogauthor .back a { display: inline-block; padding: 3px 10px; background: url(../img/back.png) no-repeat left center; color: #3582bd; }
.blogauthor .image { float: left; margin: 0px 20px 15px 0px; }
.blogauthor .image img { padding: 2px; margin-bottom: 6px; border: 1px solid #cccccc; background: #ffffff; border-radius: 6px; -moz-border-radius: 6px; }

.links { text-align: right; }

.nav { margin: 10px 0; }
.nav .prev { float: left; margin-right: 20px; }
.nav .next { float: right; margin-left: 20px; }
.nav .pages { margin: 0 auto; }
.nav a { background: #f9f9f9; color: #33a6ff; padding: 4px 6px; text-decoration: none; }
.nav a.active { background: #33a6ff; color: #ffffff; padding: 4px 6px; text-decoration: none; }
.nav a:hover { background: #33a6ff; color: #ffffff; text-decoration: underline; }
.nav span { background: #efefef; color: #999999; padding: 4px; }

a.rendimage { border: 0; }
a.rendimage img { padding: 2px; margin-bottom: 6px; border: 1px solid #33a6ff; background: #ffffff; border-radius: 6px; -moz-border-radius: 6px; }
a.rendimage:hover img { border: 1px solid #0090ff; background: #ffffff; }
.rendimage img { padding: 2px; border: 1px solid #33a6ff; background: #ffffff; border-radius: 6px; -moz-border-radius: 6px; }
.images { margin-bottom: 15px; }
.images a { border: 0; margin-right: 6px;  }
.images a img { padding: 2px; border: 1px solid #33a6ff; background: #ffffff; margin-bottom: 5px; border-radius: 6px; -moz-border-radius: 6px; }
.images a:hover img { border: 1px solid #0090ff; background: #ffffff; }

.fimagel { float: left; margin: 0px 15px 15px 0px; }
.fimager { float: right; margin: 0px 0px 15px 15px; }

.files { margin-bottom: 15px; }
.files .file { margin-bottom: 10px; }
.files .file .extension { float: left; width: 30px; text-align: center; margin-right: 20px; }
.files .file .details { float: left; font-style: italic; }
.files .file .details span { font-size: 11px; }

.form { width: 100%; margin: 0px auto 10px auto; padding: 0; color: #666666; }
.form label { display: block; margin-bottom: 5px; } 
.form .input { width: 100%; height: 21px; margin-bottom: 5px; background: #f5f5f5; border: 1px solid #e0e0e0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: inset 0 0 10px #d9d9d9; -webkit-box-shadow: inset 0 0 10px #d9d9d9; box-shadow: inset 0 0 10px #d9d9d9; }
.form .textarea { width: 100%; height: 150px; margin-bottom: 5px; background: #f5f5f5; border: 1px solid #e0e0e0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: inset 0 0 10px #d9d9d9; -webkit-box-shadow: inset 0 0 10px #d9d9d9; box-shadow: inset 0 0 10px #d9d9d9; }
.form .select { width: 100%; height: 21px; margin-bottom: 5px; background: #f5f5f5; border: 1px solid #e0e0e0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: inset 0 0 10px #d9d9d9; -webkit-box-shadow: inset 0 0 10px #d9d9d9; box-shadow: inset 0 0 10px #d9d9d9; }
.input:hover, .textarea:hover, .select:hover { background: #ffffff; }
.form .checkbox { margin-bottom: 5px; border: 0; }
.form .links { text-align: center; margin-top: 15px; }
.form .rq { color: #000000; }
.form .req { border: 1px solid #e0e0e0; }
.form .submit {background:url(../img/form_submit.png); text-indent: 9999px; width:60px; height:24px; margin-top:5px; float:right;}
.form .err { color: #ff0000; }
.form .tleft .submit { float: left; }
.error { color: #b20000; padding: 10px 0; font-weight: bold; }
.info { color: #0099D2; padding: 10px 0; font-weight: bold; }
#contcode { width: 100%; height: 32px !important; margin-bottom: 5px; background: #f5f5f5; border: 1px solid #e0e0e0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow: inset 0 0 10px #d9d9d9; -webkit-box-shadow: inset 0 0 10px #d9d9d9; box-shadow: inset 0 0 10px #d9d9d9; }

.jqerr2 { padding: 2px 5px; background: #2A679C; color: #ffffff; font-weight: bold; border: 1px solid #164D7E; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; z-index: 999; }
.jqerr2 em { position: absolute; left:-16px; top:2px; display: block; width:0; height:0; border: 8px solid; border-color: transparent #164D7E transparent transparent; z-index: 999; }

.depth0 { margin-left: 0px; }
.depth1 { margin-left: 10px; }
.depth2 { padding-left: 20px; }
.depth3 { padding-left: 30px; }
.depth4 { padding-left: 40px; }
.depth5 { padding-left: 50px; }

.table { width: 100%; border-spacing: 0px;  margin-bottom: 20px; border-top: 1px solid #f0f0f0; }
.table thead { background: #299ED3; color: #ffffff; font-weight: bold; text-align: left; }
.table thead td { font-size: 13px; text-shadow: rgba(0,0,0,0.5) 1px 1px 1px; }
.table tr { background: none; }
.table tr:hover { background: #f5f5f5; }
.table thead tr:hover { background: #e5e5e5; }
.table td { padding: 2px 5px; font-size: 13px; border-bottom: 1px solid #f0f0f0; }
.table tr.noborder1 td { border-bottom: none; }
.table tr.noborder2 td { border-top: none; }
.table h1, .table h2, .table h3 { margin: 0; } 
.table .input { margin-bottom: 0; border-color: #2DA1D5; -moz-box-shadow:inset 0 0 5px #8f8f8f; -webkit-box-shadow:inset 0 0 5px #8f8f8f; box-shadow:inset 0 0 5px #8f8f8f; }
.table .select { margin: 10px 0; border-color: #2DA1D5; -moz-box-shadow:inset 0 0 5px #8f8f8f; -webkit-box-shadow:inset 0 0 5px #8f8f8f; box-shadow:inset 0 0 5px #8f8f8f; }
.table .nr { width: 20px; text-align: left; }
.table .ukey { text-align: center; }
.table .name { }
.table .name span { font-style: italic; font-size: 11px; }
.table .price { width: 75px; text-align: right; }
.table .quantity { width: 40px; text-align: center; }
.table .value { width: 75px; text-align: right; }
.table .col1 { width: 40%; text-align: right; }
.table .col2 { width: 60%; text-align: left; color: #333333; }

.cattable { border-spacing: 5px; }
.cattable tr td { padding: 0 15px; margin: 0; vertical-align: top; border: 1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-box-shadow:inset 0 0 15px #e5e5e5; -webkit-box-shadow:inset 0 0 15px #e5e5e5; box-shadow:inset 0 0 15px #e5e5e5; }
.cattable .rendimage { float: left; margin-right: 10px; }
.cattable h2 { margin: 0; padding: 0; font-size: 16px; font-weight: bold; }

.mm_contact th {width: 30%;}
.mm_contact td {width: 70%;}

.margt { margin-top: 10px; }
.margb { margin-bottom: 10px; }
.margr { margin-right: 20px; }
.nomarg { margin: 0; }

.width25 { width: 25%; }
.width30 { width: 30%; }
.width40 { width: 40%; }
.width48 { width: 48%; }
.width60 { width: 60%; }
.width65 { width: 65%; }
.width70 { width: 70%; }
.width75 { width: 75%; }
.width80 { width: 80%; }
.widthauto { width: auto; }

.bold { font-weight: bold; }

.big { font-size: 16px; color: #000000; }

.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }

.tleft { text-align: left; }
.tcenter { text-align: center; }
.tright { text-align: right; }

.mailex { display: none; }
.kindoff { display: none; }
.espector { display: none; }