@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700);
.block{
width:1000px;
margin:0 auto;
}
body{
background:#e8e8e8 url(images/bg.png) repeat;
font: normal 13px/20px 'Open Sans', arial, sans-serif;
}
h1{
font:normal 22px/30px 'Open Sans', arial, sans-serif;
margin-top:0;
}
p{
font: normal 13px/20px 'Open Sans', arial, sans-serif;
margin-bottom: 15px;
}
a{
color:#187cc6;
text-decoration:underline;
}
h2{
font:bold 18px/28px 'Open Sans', arial, sans-serif;
color:#000;
}
#header{
margin-top:30px;
z-index:10000;
}
#logo{
background:transparent url(images/logo-bg.png) no-repeat;
width:178px;
height:58px;
display:block;
float:left;
}
#nav{
margin:0;
}
#nav>li{
list-style-type:none;
}
#nav>li>a{
float:left;
height:58px;
background:transparent url(images/nav-sprite.png) 0 0 repeat-x;
padding:0 21px;
font:bold 13px/58px 'Open Sans', arial, sans-serif;
color:#323232;
text-decoration:none;
text-shadow:1px 1px 1px #fff;
position:relative;
}
#nav>li:hover>a, #nav>li>a:hover{
background-position:0 -58px;
color:#fff;
text-shadow:1px 1px 1px #000;
}
#nav>li{
display: block;
height: 58px;
float: left;
position:relative;
z-index:9999;
}
.navblock{
margin:10px 0;
}
.navblock h3{
background: #eceff1; /* Old browsers */
background: -moz-linear-gradient(top,  #eceff1 0%, #d0d8df 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eceff1), color-stop(100%,#d0d8df)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eceff1 0%,#d0d8df 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eceff1 0%,#d0d8df 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eceff1 0%,#d0d8df 100%); /* IE10+ */
background: linear-gradient(top,  #eceff1 0%,#d0d8df 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceff1', endColorstr='#d0d8df',GradientType=0 ); /* IE6-9 */
height:35px;
border:1px solid #a5a5a5;
border-radius: 5px 5px 0 0;
padding-left:20px;
font:normal 14px/35px 'Open Sans', arial, sans-serif;
text-shadow:1px 1px 1px #fff;
margin:0;
}
.navblock li a:hover{
background: #ededed; /* Old browsers */
background: -moz-linear-gradient(top,  #ededed 0%, #ededef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#ededef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ededed 0%,#ededef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ededed 0%,#ededef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ededed 0%,#ededef 100%); /* IE10+ */
background: linear-gradient(top,  #ededed 0%,#ededef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ededef',GradientType=0 ); /* IE6-9 */
}
.navblock li a:hover span.dot{
background-position:0 -25px;
}
.navblock li a span.dot{
width:20px;
height:18px;
background: transparent url(images/dots.png) no-repeat 0 0;
position:absolute;
top:7px;
left:5px;
}
.navblock li a{
display:block;
height:35px;
background: #fcfcfe; /* Old browsers */
background: -moz-linear-gradient(top,  #fcfcfe 0%, #f4f4f8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfe), color-stop(100%,#f4f4f8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcfcfe 0%,#f4f4f8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcfcfe 0%,#f4f4f8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcfcfe 0%,#f4f4f8 100%); /* IE10+ */
background: linear-gradient(top,  #fcfcfe 0%,#f4f4f8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfe', endColorstr='#f4f4f8',GradientType=0 ); /* IE6-9 */
border:1px solid #bbb;
border-top:0px none;
font:normal 13px/35px 'Open Sans', arial, sans-serif;
text-decoration:none;
padding-left:30px;
position:relative;
}
.text-center{
text-align:center;
}
.whitebox{
background:#fff;
width: 676px;
border: 3px solid #DADADA;
padding: 10px;
}
.left{
float:left;
}
.right{
float:right;
}
.blue{
color:#187cc6;
}
.clear{
clear:both;
}
.ribbon{
width:274px;
height:43px;
background:transparent url(images/ribbon.png) 0 0 no-repeat;
color:#fff;
text-align:center;
margin:25px 0 0;
}
.sideblock{
margin-bottom:5px;
}
.sidebox{
margin: 0;
padding: 10px;
width: 255px;
height: 174px;
background: white;
font-size: 15px;
font-weight: bold;
overflow: hidden;
}
.prod-box{
width:520px;
}
.prod-box a.imgbox p{
color: #333;
background: #dadada;
font: bold 13px/19px 'Open Sans', arial, sans-serif;
text-decoration: none;
text-align: Center;
margin: 0;
width: 250px;
margin-left: -5px;
}
h2.underlined{
border-bottom:3px solid #187CC6;
text-align:left;
}
.prod-box a:hover.imgbox p{
background:#187CC6;
color:#fff;
}
.prod-box a:hover.imgbox{
border-color:#187CC6;
}
.prod-box a.imgbox{
border: 5px solid #dadada;
display: block;
width: 240px;
height: 150px;
float: left;
margin-right: 10px;
text-decoration:none;
}
.certificate{
margin-left: 30px;
width: 152px;
text-align: center;
}
.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%;
}
#nav>li>a>span.arrow{
position: absolute;
width: 8px;
height: 6px;
background: transparent url(images/arrow.png) no-repeat 0 0;
top: 27px;
right: 10px;
}
#nav>li.end{
width: 6px;
background: transparent url(images/nav-end.png) 0 0 no-repeat;
float: left;
}
#nav ul{
display:none;
}
#nav>li:hover>ul{
display:block;
}
#nav>li>ul{
position:absolute;
top:58px;
border-top:3px solid #8d9dac;
list-style-type:none;
margin:0;
padding: 0;
width: 180px;
background:#fff;
border-bottom:5px solid #2180c6;
}
#nav>li>ul a{
height:28px;
padding:0 10px;
font:bold 13px/28px 'Open Sans', arial, sans-serif;
color:#323232;
text-decoration:none;
border-bottom:1px dotted #ccc;
display:block;
text-shadow:none;
position:relative;
}
#nav>li>ul a:hover{
background:#e3f3ff;
}
#nav>li>ul a>span.rightarrow{
width:6px;
height:8px;
position:absolute;
background: transparent url(images/right-arrow.png) 0 0 no-repeat;
top: 11px;
right: 12px;
}
#nav>li>ul>li>ul{
position:absolute;
}
#nav>li>ul>li:hover>ul{
display:block;
top:5px;
left:180px;
padding:0;
margin:0;
background:#fff;
width:180px;
border-top:3px solid #8d9dac;
border-bottom:5px solid #2180c6;
list-style-type:none;
}
.application li.larger{
width:400px;
}
.application li.smaller{
width:200px;
}
#dotted{
width: 100%;
height: 400px;
position: absolute;
top: 0;
left: 0;
background: transparent url(images/header-bg.png);
z-index: -5;
}
#content{
margin-top: 330px;
}
#main{
width:702px;
float:left;
margin-right:23px;
}
#main .whitebox{
border-top: 0 none;
}
#sidebar{
width:235px;
float:left;
margin-right:10px;
}
#footer{
background:#fff url(images/shadow.png) 0 0 repeat-x;
margin-top:15px;
padding-top:15px;
}
#footer p{
font-size:11px;
margin:10px 0 0;
}
.footblock{
width:180px;
padding:10px;
float:left;
}
.footblock ul{
padding:0;
margin:0;
}
.footblock ul>li a:hover{
text-decoration:underline;
}
.footblock ul>li a{
font:normal 11px/18px 'Open Sans', arial, sans-serif;
text-decoration:none;
}
.footblock ul>li{
list-style-type:none;
}
#headwrap{
background: transparent url(images/hello.jpg) center top no-repeat;
padding: 40px 0 52px;
}
#pageheading{
margin-top:-90px;
margin-bottom:20px;
}
#content-page{
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.smartquote{
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 65%, #f5f5f7 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(65%,#fefefe), color-stop(99%,#f5f5f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefefe 65%,#f5f5f7 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefefe 65%,#f5f5f7 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefefe 65%,#f5f5f7 99%); /* IE10+ */
background: linear-gradient(top,  #fefefe 65%,#f5f5f7 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f5f5f7',GradientType=0 ); /* IE6-9 */
border:1px solid #cacad2;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
padding: 9px;
font-style: italic;
font-weight: bold;
color: #333;
margin:10px 0;
}
table th{
font-weight:bold;
text-align:center;
background:#187CC6;
color:#fff;
line-height:30px;
}
table tr.even{
background:#E1F0FB;
}
table td.lh{
font-weight:bold;
width:80px;
text-align:left;
border-left:1px solid #d2e9fa;
padding-left:5px;
}
table.nobold td.lh{
width:auto;
font-weight:normal;
}
table td{
width:65px;
text-align:Center;
border-right:1px solid #d2e9fa;
line-height:30px;
}
table tbody{
border-bottom:1px solid #d2e9fa;
}
label{
width:100px;
display:block;
float:left;
font: bold 12px/19px 'Open Sans', arial, sans-serif;
}
input[type="image"]{
margin-left: 98px;
margin-top: 5px;
}
input[type="text"]{
width:200px;
display:block;
float:left;
font-size:12px;
}
select{
width:205px;
display:block;
float:left;
font-size:12px;
}
textarea{
width:210px;
display:block;
float:left;
height:95px;
font-size:12px;
}
form{
padding:5px;
border:3px solid #f0f8fd;
background:#e1f0fb;
margin-bottom:10px;
}
fieldset{
overflow:hidden;
}
strong{
font-weight:bold;
}
.sidewhitebox p{
margin-top:11px;
margin-bottom:4px;
clear:both;
color:#187CC6;
}
form em{
display:block;
font-style:italic;
padding-top:5px;
}
.sidewhitebox{
width:259px;
background:#fff;
overflow:hidden;
padding:5px;
border:3px solid #dadada;
border-top: 0 none;
line-height: 23px;
}
.heading{font-weight: normal; font-size: 16px; font-family: 'Open Sans', arial, sans-serif; margin: 15px 0 5px; padding: 0 0 0 5px; line-height: 22px; background: #E1F0FB;}
#headwrap #header{margin-top:0;}
.space{padding:10px 0px 0px 0px;}
#left_panel{ width:200px; float:left; padding:10px 0px 0px 0px;}
.left_menu h2{ }
.left_menu ul{ margin:0px; padding:10px 0px;}
.left_menu ul li{list-style:none; line-height:20px;}
.left_menu ul li a{ font-family:'Open Sans', arial, sans-serif; font-size:12px;}
.left_menu ul li ul{ padding:0px 0px 0px 10px}
.heading2{ font-weight:bold; padding:0px 0px 10px 0px; font-size:16px;  font-family:'Open Sans', arial, sans-serif; color:#187cc6; border-bottom:1px solid #CCC;}
#right_panel{float:right; width:755px;}
.banner{ clear:both; padding:10px 0px; color:}
.banner_image{width:480px; float:left; padding-right:10px;}
.banner_txt{ width:265px; float:right; }
.banner_txt h2{ font-weight:bold; font-size:16px;  font-family:'Open Sans', arial, sans-serif; color:#187cc6;}
.bottom_space{padding-bottom:10px;}
.top_space{padding-top:10px;}

/*----------------------application-----------------------*/
ul.application{margin:0px; clear: both; overflow:hidden;}
.application li{display:block; float:left; width:300px; margin-left:38px; line-height:25px; font-family:'Open Sans', arial, sans-serif; font-size:12px;}