@charset "UTF-8";



/* ****************************************************

***************************************************** */



/* General Elements

---------------------------------------------------------------------------- */

a { color:#E70033;text-decoration: none; outline: none; }

/* body

---------------------------------------------------------------------------- */

body {

	font-family:Arial;

       font-size:12px;

       background:

}



body.homepage{

	font-family:arial;

    font-size:12px;

    background:url(../images/bg-home.png) no-repeat ;

}



/* MainContainer

---------------------------------------------------------------------------- */



#MainContainer {

	

}



#Container {

	width:960px;

	margin:auto;

}

/*

Home Page

---------------------------------------------------------------------------- */



/* header

---------------------------------------------------------------------------- */

#Header{

	width:960px;

 }

 .head{

    width:960px;

    margin:auto;

    padding-top:12px;

    overflow:hidden;

 }

.logo {

    width:250px;

    float:left;
  
}

.logo h1{

    margin:0px;

}

.contactindex{
 
    float:right;

    color:#2f2f2f;

    font-size: 11px;

    text-align:left;
 
}

.contactindex a{

    color:#085ac3;

    text-decoration:underline;

    
}

.menu-nav{

    clear:both;

    background:url(../images/menu-nav.png) no-repeat;

    display:block;

    width:960px;

    height:38px;

    margin-top:34px;

}



.menu-nav ul li{

    float:left;

    line-height:38px;

}

.line{

    width:2px;

    height:38px;

    float:left;

    background:url(../images/line.png) no-repeat;

}
.line a { width:2px; text-indent:-9999px;}
/* common

---------------------------------------------------------------------------- */

.footer{

    width:960px;

    height:51px;

    background:#E61334;

    overflow:hidden;

    clear:both;

    margin-top:2px;
margin:auto;
}

.footerr{

    width:960px;

    margin:auto;

}

.menuft{

    width:550px;

    float:left;

}

.menuft ul li{

    margin-top:20px;
    
    
    font-size:11px;

    float:left;

    border-right:1px solid #FFFFFF;

}

.menuft ul li a{

    color:#FFFFFF;

    padding:0px 10px;

}

.menuft ul li.nobor{

    border:0px;

}

.main{

    overflow:hidden;

    margin-top:25px;

}

.copyright{

    float:right;

    margin:auto;

    color:#FFFFFF;
   
  line-height:15px;
}

/* index

---------------------------------------------------------------------------- */

body.homepage div.slideshow{

    background:url(../images/shadow.png) no-repeat bottom;

    height:335px;

}

.slideshow{

   background:url(../images/shadow.png) no-repeat bottom;

    height:140px;

}

.colindex{

    float:left;

    width:305px;

    height:402px;

    background:url(../images/box-content-index.png) no-repeat;

    margin-right:22px;

}

.right{

    margin:0px;

}

.colindex h3{

    color: #FFFFFF;

    font-size: 16px;

    font-weight: bold;

    padding-left: 15px;

    padding-top: 7px;

}

.imgaboutindex{

    width:305px;

    height:106px;

    margin:0px auto 10px;

}

.box-ab-index{

    width:304px;

    margin:auto;

}

.box-ab-index p{

    clear:both;

    color:#3a464f;

}

.box-ab-index span{

    float:right;

}

.readmore{

    float:right;

}

.readmore a{

    text-decoration:underline;

    font-size:11px;

    font-weight:bold;

    color:#E70033;

    background:url(../images/icon-arrow.png) no-repeat right;

    padding-right:11px;

}

.box-ab-index ul {

    margin-left:15px;

    line-height:23px;

    margin-bottom:45px;

}

.box-ab-index ul li{

    list-style-image: url(../images/icon-check.png);

    font-weight:bold;

    color:#2a2a2a;

}

.box-bussines-index{

    width:px;

    margin:auto;

    color:#3a464f;

    font-size:12px

}

.box-bussines-index ul{

    margin-left:23px;

    margin-top: 7px;

    margin-bottom:7px;

}

.box-bussines-index ul li{

    list-style: disc !important;

    font-style:italic;

}

.slider-wrapper{

    width:960px;

    margin:auto;

    position: relative;

}

.box-slider h3{

    padding:40px 0px 10px 5px;

    color:#E70033;

    font-size:18px;

    font-weight:bold;

}

.slider{

    width:964px;

    margin:auto;

    background:url(../images/bg-carousel.png) no-repeat;

    height:88px;

}

.supportindex{

    width:960px;

    margin:auto;

    position:relative;

}

.picsuport{

    float:left;

    width:425px;

}

.textsupport{

    float:left;

    width:455px;

    margin-left:40px;

}

.textsupport h3{

    font-family: arial;

    color:#E70033;

    font-size:14px;

    font-weight: bold;

    margin-top:20px;

    text-transform:lettercase;

}

.ftsp{

    width:938px;

    margin:auto;

}

.ftsp img{

    position:absolute;

    bottom:-175px;

    left:0px;

    width:938px;

    height:37px;

}

/* about

---------------------------------------------------------------------------- */

.menu-left{

    width:170px;float:left;

}

.bg-banner{

    width:959px;

    height:120px;

    background:url("../../wp-content/uploads/2013/01/supplied products.png") no-repeat;

}

.bg-banner h3{

    color:#FFF;
	float:left;

    font-size:30px;

    font-family:Arial;
    font-weight:bold;

    padding:50px 0px 0px 30px;

}

.bg-title{

    width:177px;

    height:36px;

    background:url(../images/bg-menuabout.png) no-repeat;

}

.bg-title h3{

    color:#FFFFFF;

    font-weight:bold;

    font-size:15px;

    padding-left:20px;

    padding-top:7px;

}

.box-menu{

    background:#FFFFFF url(../images/bg-about-menu.png) no-repeat;

    width:177px;

    /*height:163px;*/

}

.box-menu ul{

    width:162px;

    margin:auto;

    padding:10px 0px;

}

.box-menu ul li{

    height:auto;

    font-size:12px;

    background:url(../images/menu-a.png) no-repeat 149px 12px;

}

.box-menu ul li a{

    color:#E8E8E8;

    display:block;

    padding:5px 0px 10px 7px;

    

}

.line-menu-left{

    width:160px;

    height:2px !important;

    background:url(../images/line-menu-left.png) repeat-x !important;

    padding:0px;

    margin:0px;

}

.box-menu ul li a:hover{

    background:url(../images/menu-left-hover.png) no-repeat;

    

    font-weight:normal;

    color:#E70033;

}

.box-menu ul li a.current{

    background:url(../images/menu-left-hover.png) no-repeat;

    width:160px;

    font-weight:bold;

    color:#FFF;

}

.content-right{

    width:740px;

    float:right;

}

.brc{

    text-transform:uppercase;

    font-size:11px;

    color:#E70033;

}

.brc a{

    color:#969696

}

.line-about{

    width:740px;


}

.line-about h3{
    background: none repeat scroll 0 0 white;
    color: #E70033;
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin-top: -8px;
    padding-right: 56px;
    text-transform: lettercase;}

.line1{
    background: url("../images/line1.png") repeat-x scroll 0 0 transparent;
    float: right;
    height: 8px;
    margin-top: 33px;
    padding-bottom: 15px;
}

.contentabout{

    clear:both;
	min-height:150px;

    font-family:arial;

    color:#3a464f;

    overflow:hidden;

    clear:both;

}

.social{

    margin:30px 0px;

    display:block;

    height:40px;

    float:right;

    margin-right:350px;

}






/* list products



---------------------------------------------------------------------------- */

.box-menu-product{

    background:#E70033 url(../images/bg-about-menu1.png) no-repeat;

    width:177px;
    margin-bottom:auto;
    /*height:1770px;*/

}

.box-menu-product ul{

    width:162px;

    margin:auto;

    padding:10px 0px;

}

.box-menu-product ul li{

    height:auto;

    font-size:12px;

    background:url(../images/menu-a.png) no-repeat 149px 12px;

}

.box-menu-product ul li a{

    color:#E8E8E8;

    display:block;

    padding:5px 0px 10px 10px;

    

    

}

.line-menu-left{

    width:160px;

    height:2px !important;

    background:url(../images/line-menu-left.png) repeat-x;

    padding:0px;

    margin:0px;

}

.box-menu-product ul li a:hover{

    background:url(../images/menu-left-hover.png) no-repeat;

    width:150px;

    font-weight:bold;

    color:#FFF;

}

.box-menu-product ul li a.current{

    background:url(../images/menu-left-hover.png) no-repeat;

    width:160px;

    font-weight:bold;

    color:#FFF;

}

.colpro{

    background:url(../images/box-5.png) no-repeat;

    width:167px;

    height:167px;

    float:left;

}

.colpro img{

    margin:8px;

}

.box-pro{

    margin-top:10px;

}



.bg-bannerpro{

    width:960px;

    height:120px;

    background:url(../images/banner-product.png) no-repeat;

}

.bg-bannerpro h3{

    color:#FFF;

    font-size:30px;

    font-family:Trebuchet MS;

    padding:50px 0px 0px 30px;

}

/* Details products

---------------------------------------------------------------------------- */

.bg-bannerapex{

    width:960px;

    height:120px;

    background:url(../images/banner-pro-details.png) no-repeat;

}

.bg-bannerapex h3{

    color:#FFF;

    font-size:30px;

    font-family:Trebuchet MS;

    padding:50px 0px 0px 30px;

}

.textdetails{

    width:490px;

    float:left;

    color:#3a464f;

}

.textdetails p{

    font-family:arial;

    font-size:12px;

}

.picdetails{

    width:250px;

    float:right;

}

.readmore1{

    width:102px;

    height:35px;

    background:url(../images/readmore.png) no-repeat;

    margin-top:15px;

}

.readmore1 a{

    text-align:center;

    color:#FFF;

    font-size:14px;

    text-transform:uppercase;

    font-weight:bold;

    font-family:Trebuchet MS;

    display:block;

    padding-top:8px;

}

/* Contact

---------------------------------------------------------------------------- */

.bg-bannercontact{

    width:960px;

    height:120px;

    background:url(../images/contact-banner.png) no-repeat;

}

.bg-bannercontact h3{

    color:#FFF;

    font-size:30px;

    font-family:Trebuchet MS;

    padding:50px 0px 0px 30px;

}
.line-contact{
    width:960px;
    padding-top:22px;
    overflow:hidden;
}
.width{width:800px;}
.line-contact h3{
    color:#E70033;
    font-weight:bold;
    font-size:18px;
    text-transform:uppercase;
    float: left;
    padding-right:20px;
}
.contactform{
    width:960px;
    margin:7px auto;
}

.leftcontact{
    width:455px;
    float:left;
    height:auto;
    padding-top:10px;
    font-size:13px;
    color:#454545;
    margin-bottom:20px;
}

.leftcontact h3{
    font-size:14px;
    color:#2f2f2f;
    padding-top:0px;
    line-height:0px;
    padding-bottom:25px;
    text-transform:uppercase;
    font-weight:bold;
}
.leftcontact ul li a{
    color:#085ac3;
    text-decoration:underline;
}
.rightcontact{
    width:466px;
    float:right;
    background:#e8e8e8;
    margin-bottom:10px;
    padding-bottom:5px;
}
.rightcontact h3{
    text-transform:uppercase;
    font-weight:bold;
    color:#E61334;
    padding:8px 0px 0px 8px;
     font-size:13px;
}
   .rightcontact h2{
    text-transform:normal;
    font-weight:bold;
    color:#E61334;
    padding:5px 0px 0px 10px;
    font-size:12px;
}
.rightcontact p{

    font-size:13px;

    color:#323131;

    padding-bottom:15px;

}

.require span{

    float:right;

}

.name{

    width:470px;

    overflow:hidden;

    margin:13px 0px;

}

.name label{

    display:block;

    width:126px;

    float:left;

    font-weight:bold;

    font-size:13px;

    text-align:right;

    padding-right:10px;

    color:#676767;

    padding-top:0px;

}

.name label span{

    color:#ff0101;

}

.inputtext input.inputfield{

    height:26px;

    float:left;

    border:0px;

    background:url(../images/input.png) no-repeat;

    padding: 0 10px;

    width: 292px;

}

.inputtext textarea.textarea{

    width:292px;

    float:left;

    border:0px;

    background:url(../images/textarea.png) no-repeat;

    padding:5px 10px; 

    height:99px;

    resize:none;

    overflow:auto;

}

.action{
    margin-right:33px;
    font-family:Trebuchet MS;
    font-size:13px;
}

.action input.submit{
    background:url(../images/btn-submit.png) no-repeat;
    cursor:pointer;
    border:0px;
    color:#FFF;
    font-weight:bold;
    text-align:center;
    width:76px;
    height:21px;
    margin-left:140px;
    margin-top:5px;
}

.action input.btnclear{
    background:url(../images/btn-clear.png) no-repeat;
    cursor:pointer;
    border:0px;
    color:#FFF;
    font-weight:bold;
    text-align:center;
    width:57px;
    height:21px;
    margin-left:20px;
    margin-top:5px;
}

.leftcontact ul{
    overflow:hidden;
    margin-bottom:15px;
}

.leftcontact ul li{
    line-height:22px;
}

.contact{
    width:960px;
    margin:25px auto 0px auto;
}

.formcontact{
    width:474px;
    height:auto;
}
.piccaptcha{
    margin-left:137px;
    margin-bottom:10px;
}
.frm{
    padding-top:5px;
}
.name p { padding:0px;}