@charset "utf-8";
/* CSS Document */


@font-face
{
font-family: "HelveticaNeueLTStd-BdCn_2";
src: url(../font/HelveticaNeueLTStd-BdCn_2.otf);
font-weight:normal !important;
}

@font-face
{
font-family: "OpenSans";
src: url(../font/OpenSans-Regular.ttf);
font-weight:normal !important;
}



body,a,ul,li,p,h1,h2,h3,h4,h5,header,section,artical,span,nav
{padding:0;margin:0;text-align:left;list-style:none;text-decoration:none; font-family:"OpenSans";
color:#666666;font-size:14px;line-height:22px;}
section{width:550px;margin:0 auto;background-color:#FFF;}
.container{padding:10px 15px 0 15px;border-left:2px solid #cccccc;border-right:2px solid #cccccc;width:516px;padding-bottom:30px;}
.clr{padding:0;margin:0;line-height:0;clear:both;}
h1.top{font-family:"HelveticaNeueLTStd-BdCn_2";font-size:26px;text-transform:uppercase;color:#333333;width:100%;border-bottom:2px solid #cccccc;padding:0 0 10px 0;}
p.subheadline{font-family:"OpenSans";color:#333333;font-size:16px;text-transform:uppercase;padding:5px 0 0 0;}
.Description{width:100%;display:block;padding:20px 0 0 0;}
.Description img{display:block;float:left;}
h2.descriptionheadline{font-family:"HelveticaNeueLTStd-BdCn_2";color:#333333;font-size:20px;font-weight:400;text-transform:uppercase;}
p.descriptiontext{color:#333333;padding:3px 0 0 0;text-align:justify;}
h1.listheadline{font-family:"HelveticaNeueLTStd-BdCn_2";font-size:25px;color:#333333;width:100%;text-transform:uppercase;padding-top:22px;}
ul.list{width:50%;float:left;padding-top:25px;}
ul.list li{float:left;width:100%;font-size:18px;color:#666666;padding-top:14px;line-height:30px;}
span.numbering{background-color:#cccccc;border-radius:50% 50%;font-size:14px;color:#000;font-weight:bold;text-align:center;
width:22px;height:22px;float:left;margin-right:15px;margin-top:6px;}
ul.list li:first-child{padding-top:0;}
.rightside{width:50%;float:right;}
.rightside img{padding-top:20px; display:block;}
h1.descrip_tittle{font-family:"HelveticaNeueLTStd-BdCn_2";font-size:30px;color:#333333;width:100%;padding-top:25px;}
p.para{float:left;padding:10px 0 0 0;text-align:justify;} 
ul.divided_product{width:100%;border-bottom:2px solid #cccccc;float:left;padding-top:15px;}
ul.divided_product li{width:49%;float:left;font-size:18px;color:#333333;text-align:center;padding-bottom:10px;}
span.pic{display:block;padding:0px 0 0 0;margin-top:9px;}
span.pic img{padding-top:14px;}
span.pic_another{display:block;padding:0 0 0 0;margin-top:9px;}
.frist_pic{border-right:2px solid #cccccc;}
ul.second_divided_product{width:100%;float:left;padding:25px 0 0 0;}
ul.second_divided_product li{width:50%;float:left;}
span.para_pic{float:left;padding:0 10px 0 0;}
ul.card_banner{width:84%;margin:0 auto;}
ul.card_banner li{float:left;padding:10px 13px 0 0;}
ul.card_banner li:nth-child(2){padding-right:0;}
ul.card_banner li:nth-child(4){padding-right:0;}
p.footer_text{font-size:18px;color:#000000;text-transform:uppercase;text-align:center;padding-top:10px;}
ul.footmenu{
width:100%;float:left;}
ul.footmenu li{font-size:11px;color:#CCC;padding:5px 15px 5px 0;float:left;}
ul.footmenu li a{font-size:11px;color:#CCC;text-transform:uppercase;}
ul.footmenu li:first-child{padding-left:45px;}
ul.footmenu li:last-child{padding-right:0;}
ul.footmenu li a:hover{color:#FFF;}

nav{
background: #636363; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzNjM2MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ODQ4NDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #636363 0%, #484848 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#636363), color-stop(100%,#484848)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #636363 0%,#484848 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #636363 0%,#484848 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #636363 0%,#484848 100%); /* IE10+ */
background: linear-gradient(to bottom, #636363 0%,#484848 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#484848',GradientType=0 ); /* IE6-8 */
width:90%;float:left;border-radius:3px; margin-left:25px;margin-top:20px;}