*{
  margin: 0;
  padding: 0;
}
a{
  color: inherit;
  text-decoration: none;
}
img{
  max-width: 100%;
  height: auto;
}
ul{
  list-style: none;
}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
/***/

.container{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.container:before,
.container:after {
    content: " ";
    display: table;
}
.container:after {
    clear: both;
}

p.welcome{
  float: left;
  line-height: 30px;
  color: #fff;
}

.topsocial{
  float: right;
  padding: 0 10px;
}
.topsocial li{
  position: relative;
  display: inline-block;
}
.topsocial li div{
  display: none;
  position: absolute;
  top: 74%;
  right: 0;
  width: 100%;
  background-color: #2f4c8d;
  color: #fff;
  min-width: 120px;
  text-align: center;
  padding: 2px 5px;
  font-size: 11px;
}
.topsocial li:hover div{
  display: block;
}
.topsocial a{
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/topsocial.png) no-repeat;
}
.topsocial a.em{
  background-position: 0 0;
}
.topsocial a.em:hover{
  background-position: 0 -21px;
}
.topsocial a.tw{
  background-position: -21px 0;
}
.topsocial a.tw:hover{
  background-position: -21px -21px;
}
.topsocial a.fb{
  background-position: -42px 0;
}
.topsocial a.fb:hover{
  background-position: -42px -21px;
}
.topsocial a.sk{
  background-position: -63px 0;
}
.topsocial a.sk:hover{
  background-position: -63px -21px;
}

.header{
  width: 100%;
  float: left;
  background-color: #fff;
  padding: 10px 0;
}
.logo{
  float: left;
}
.headright{
  float: right;
  margin-top: 20px;
}
.headright span{
  display: block;
  font-size: 16px;
}
.cust{
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 5px;
}
.topnum{
  background: url(../images/phone-ico.jpg) 3px center no-repeat;
  padding-left: 25px;
  font-weight: bold;
  margin-bottom: 5px;
}
.topmail{
  background: url(../images/mail-ico.jpg) 0 no-repeat;
  padding-left: 25px;
}
nav{
  float: left;
  width: 100%;
  background: #242424;
  background: -webkit-linear-gradient(top, #242424 0%,#181818 100%);
  background: linear-gradient(to bottom, #242424 0%,#181818 100%);
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
}
.searchcontainer{
  float: right;
  width: 100%;
  max-width: 350px;
  margin-top: 9px;
}
.searchcontainer input{
  float: right;
  outline: none;
}
.stf{
  background: #519df1;
  background: -webkit-linear-gradient(top, #519df1 0%,#519df1 100%);
  background: linear-gradient(to bottom, #519df1 0%,#519df1 100%);
  border: 1px solid #519df1;
  height: 34px;
  line-height: 34px;
  padding-left: 5px;
  color: #fff;
  width: 100%;
  max-width: 340px;
}
.sbtn{
  border: none;
  background: url(../images/search-btn.png) no-repeat;
  width: 30px;
  height: 30px;
  margin: 3px 3px 0 -40px;
  position: relative;
}
.bannercontainer{
  float: left;
  width: 100%;
}
.maincatsimgs{
  float: left;
  width: 100%;
}
.maincatsimgs ul{
  text-align: center;
  padding-top: 16px;
}
.maincatsimgs li{
  display: inline-block;
  margin: 0 8px 16px;
}
.maincatsimgs li img{
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.maincatsimgs li:hover img{
  -webkit-transform:scale(1.1);
   transform:scale(1.1);
}
.shortaboutnews{
  float: left;
  width: 100%;
  margin-top: 10px;
}
.shortaboutnews p{
  line-height: 18px;
  margin-bottom: 5px;
}
.mheading{
  text-transform: uppercase;
  font-size: 26px;
  color: #404041;
  margin-bottom: 10px;
  line-height: 30px;
}
.mheading span{
  color: #eb131a;
}
.shortabout{
  float: left;
  width: 68%;
  padding-left: 20px;
}
.news{
  float: right;
  width: 28%;
  padding-right: 20px;
}
/***/
hr.faded {
  clear: both;
  float: none;
  width: 100%;
  height: 1px;
  margin: 1.4em 0;
  border: none;
  background: #ddd;
  background-image: -webkit-gradient(
      linear,
      left bottom,
      right bottom,
      color-stop(0, rgb(255,255,255)),
      color-stop(0.1, rgb(221,221,221)),
      color-stop(0.9, rgb(221,221,221)),
      color-stop(1, rgb(255,255,255))
  );
  background-image: -moz-linear-gradient(
      left center,
      rgb(255,255,255) 0%,
      rgb(221,221,221) 10%,
      rgb(221,221,221) 90%,
      rgb(255,255,255) 100%
  );
}
/***/

.featured{
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.featured .mheading{
  padding-left: 20px;
}
.prodpageleft{
  width: 22%;
  float: left;
}
/***/
.accordion>li{
  /*background:url(../images/+.png) right 5px no-repeat;*/
  padding:0px;
  padding-left:8px;

}
li.parent{
  background:url(../images/+.png) right 5px no-repeat;
  padding:0px;
  padding-left:8px;

}

li.parent:last-child{
  border:none;
}
li.parent a,.accordion>li a{
  display:block;
  padding:5px 0;
}
li.parent>a,.accordion>li>a{
  padding:8px 0;
}
.accordion{
  padding:0px;
  margin:0;
  width:100%;
  list-style-position:inside;
}
.accordion a{
  padding-left:20px;
}
.accordion ul a{
  padding-left:30px;
}

.accordion ul{
  list-style:none;
  padding-left:0;
  width:104%;
  margin-left:-10px;
}
/*.accordion ul li{
  margin-left:-10px;
  }*/

.accordion ul li:last-child{
  border:none;
}
.accordion ul li:first-child{
  border-top:1px solid #ddd;
}
/***/

ul.products{
  padding-left: 20px;
  text-align: center;
}
.prodpageprods ul.products{
  float: right;
  width: 76%;
  text-align: left;
}

ul.products li{
  padding: 10px 10px 8px;
  display: inline-block;
  margin: 5px 20px 5px 0;
  position: relative;
}
ul.products li:after{

}
.fimg{
  position: relative;
  max-width: 228px;
  border: 0px solid #dbdbdb;
  box-sizing: border-box;
}
.fimg a{
  display: block;
}
.overlay{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,.3);
  display: none;
  text-align: center;
}
.overlay img{
  display: inline-block !important;
}
.overlay span{
  display: block;
  color: #fff;
  font-size: 20px;
  margin: 70px 0 20px;
}
ul.products li:hover .overlay{
  display: block;
}
.finfo{
  float: left;
  width: 100%;
}
.pname{
  float: left;
  font-size: 16px;
  color: #ee0c0d;
  display: inline-block;
  margin: 8px 0;
  font-weight: bold;
}
.part{
  clear: both;
  float: left;
  font-size: 16px;
  color: #ee0c0d;
  display: inline-block;
  font-weight: bold;
}
.a2b{
  float: right;
  position: relative;
  top: 15px;
}
.map{
  float: left;
  width: 100%;
  position: relative;
}
#googlemaps {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: .9;
  z-index: 555;
}
.contactformcontainer{
  position: relative;
  z-index: 556;
  width: 90%;
  margin: 2% 2% 2% 6.5%;
  padding: 2%;
  border-radius: 10px !important;
  max-width: 500px;
  background-color: rgba(0,0,0,.6);
}
.contactformcontainer label{
  color: #fff;
  display: block;
  margin-bottom: 5px;
}
.contactformcontainer input[type=text]{
  border: 1px solid #fff;
  padding: 5px 0 5px 5px;
  background: none;
  outline: none;
  color: #fff;
  width: 100%;
}
.cftf1{
  width: 48%;
  float: left;
  margin-bottom: 2%;
}
.cftf2{
  width: 48%;
  float: right;
  margin-bottom: 2%;
}
.cfta{
  width: 97.8%;
  background: none;
  border: 1px solid #fff;
  margin-bottom: 2%;
  outline: none;
  padding: 5px;
  color: #fff;
}
.cfbtn{
  display: block;
  width: 100%;
  border: 1px solid #fff;
  padding: 8px 0;
  background: none;
  color: #fff;
  outline: none;
  cursor: pointer;
}
.cfbtn:hover{
  background-color: rgba(0,0,0,.4);
}
.footer{
  clear: both;
  float: left;
  width: 100%;
  background-color: #232323;
  color: #fff;
  padding: 5px 0 30px;
}
.footer .fitem{
  display: inline-block;
  vertical-align: top;
  width: 95%;
  max-width: 270px;
  padding-left: 12px;
  text-align: left;
}
.fheading{
  font-size: 20px;
  font-weight: normal;
  margin: 10px 0;
}
.btmlinks a{
  display: inline-block;
  margin: 2px 0;
}
.btmlinks a:hover{
  text-decoration: underline;
  color: #ec1d22;
}
.btmsocial{
  padding-right: 45px;
}
.btmsocial li{
  display: inline-block;
  margin: 0 10px 10px;
}
.btmsocial a{
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../images/btmsocial.png) no-repeat;
}
.btmsocial a.bfb{
  background-position: 0 0;
}
.btmsocial a.btw{
  background-position: -42px 0;
}
.btmsocial a.bin{
  background-position: -84px 0;
}
.btmsocial a.byt{
  background-position: 0 -44px;
}
.btmsocial a.bsk{
  background-position: -42px -44px;
}

.copyright{
  float: left;
  width: 100%;
  background-color: #fff;
  text-align: center;
  padding: 8px 0;
  border-top: 1px solid #b0b0b0;
  border-bottom: 5px solid #b0b0b0;
}
/**********ABout****/
.breadcrumbs{
  clear: both;
  border-bottom: 1px solid #e3e3e3;
  padding: 5px 0;
}
.breadcrumbs span{
  display: inline-block;
  margin: 5px 10px;
  color: #000;
  font-size: 15px;
}
.breadcrumbs span.current{
  color: #ca282c;
}
.breadcrumbs a:hover{
  text-decoration: underline;
}
.pageheading{
  width: 100%;
  max-width: 380px;
  margin: 20px auto 10px;
  text-align: center;
}
.pageheading h3{
  background: url(../images/phead.jpg) center repeat-x;
  text-transform: uppercase;
  font-size: 23px;
  margin-top: 5px;
  color: #ca282c;
}
.pageheading h3 span{
  background-color: #fff;
  padding: 0 20px;
}
.pageheading p.notice{
  width: 90%;
  padding: 10px 20px;
  color:#fff;
  font-size: 12px;
  background-color: #ca282c;
  margin-bottom: 5px;
  border-radius: 5px;
}
.pagecontent{
  margin: 20px 0 30px;
}
.pagecontent p{
  line-height: 20px;
  padding: 0 5px;
}
/***Contact***/
.contact{
  max-width: 1000px;
  margin: 10px auto;
}
.cinfo{
  float: left;
  width: 30%;
}
.cinfo span{
  display: block;
  padding-left: 30px;
  margin-bottom: 10px;
}
.cinfo strong.spanhead{
  display: block;
  font-size: 15px;
  color: #303030;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.cinfo span.caddress{
  margin-bottom: 30px;
  background: url(../images/chome.jpg) left 5px no-repeat;
}
.cinfo span.cphone{
  background: url(../images/cphone.jpg) left 5px no-repeat;
}
.cinfo span.cfax{
  background: url(../images/cfax.jpg) left 5px no-repeat;
}
.cinfo span.cmail{
  background: url(../images/cmail.jpg) left 5px no-repeat;
}
.cmap{
  float: right;
  width: 68%;
  margin-bottom: 30px;
}
.company{
  clear: both;
  text-align: center;
}
.company h1{
  font-size: 36px;
  color: #303030;
  text-transform: uppercase;
}
.company h1>span{
  color: #ca282c;
}
.sendmail{
  text-transform: uppercase;
  display: block;
  color: #303030;
  margin: 10px 0 15px;
  font-size: 18px;
}
.contactform div{
  float: left;
  width: 100%;
  max-width: 320px;
  margin: 10px 30px 10px 0;
}
.contactform div.txtarea{
  max-width: 768px;
}
.contactform label{
  text-transform: uppercase;
  display: block;
  margin-bottom: 5px;
}
.contactform input[type=text]{
  border: 1px solid #b7b7b7;
  height: 24px;
  outline: none;
  padding-left: 10px;
  width: 95%;
}
.contactform textarea{
  width: 95%;
  padding: 10px 0 0 10px;
  outline: none;
}
.contactform input[type=submit]{
  border: 1px solid #cbcbcb;
  background-color: #9e0000;
  color: #fff;
  padding: 6px 20px;
}

/****Products*****/
.prodpageheading{
  float: left;
  width: 100%;
  margin: 10px 0;
}
.prodpageheading.pagingbtm{
  margin: 10px 0 30px 0;
}
.prodpageheading h3{
  float: left;
}
.prodpageheading .showpaging{
  float: right;
}
.showpaging .show,.showpaging .paging{
  float: left;
  margin: 0 10px;
}
.prodpageprods ul.products li{
  margin-bottom: 20px;
}
.paging a{
  border:1px solid #ddd;
  float:left;
  padding:1px 5px;
  margin-left:5px;
  color:#000;
  border-radius: 3px;
  display: inline-block;
}
.paging a.active{
  background-color: #444;
  color: #fff;
  font-weight: bold;
}
.paging a:hover{
  color:#F00;
}
/****Large****/
.largepage{
  float: left;
  width: 100%;
  margin: 20px 0;
}
.largeimg{
  float: left;
  width: 62%;
}
.limg{
  width: 100%;
  border: 3px solid #b7b7b7;
  text-align: center;
  padding: 20px 0;
  box-sizing:border-box;
}
.mviews{
  margin: 20px 0;
}
.largepinfo{
  float: right;
  width: 36%;
}
.largepinfo hr{
  display: block;
  margin: 20px 0;
  height: 1px;
  background: #ddd;
  border: none;
}
.lpagename{
  font-size: 20px;
  color: #a50001;
  display: block;
  margin: 10px 0;
}
.lpageart{
  font-size: 16px;
  color: #000;
  display: block;
  margin: 5px 0;
}
.lpagecolor,.lpagesize{
  float: left;
  margin-right: 20px;
}
.qty{
  width: 40px;
  text-align: center;
  border: 1px solid #838383;
  margin-bottom: 20px;
}
.lpagesubmit{
  display: block;
  border: none;
  width: 186px;
  height: 50px;
  background: url(../images/a2i.jpg) no-repeat;
  margin-bottom: 10px;
}
/**Inquiry**/
.review{
  padding-left: 350px;
  margin: 20px 0;
}
.prodds{
  border: 1px solid #ddd;
}
.prodds>div>strong{
  display: block;
}
.proinffo,.propic,.proqty,.proactions{
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
  max-width: 265px;
  padding: 10px 0;
}
/**Submit**/
.sform{
  width: 99%;
  float: left;
  margin: 20px 0;
  box-sizing:border-box;
}
.sform *{
  box-sizing:border-box;
}
.sform div{
  clear: both;
  float: left;
  margin: 5px 0;
  width: 99%;
  max-width: 650px;
}
.sform label{
  float: left;
  width: 99%;
  max-width: 120px;
}
.sform .cf{
  float: left;
  width: 99%;
  max-width: 250px;
  padding: 5px;
}
.sform textarea.cf{
  padding-top: 5px;
  max-width: 500px;
}
.sform .cbtn{
  clear: both;
  float: left;
  margin: 10px 0 0 120px;
}

.goog-te-gadget-simple{
  background-color: transparent !important;
  border: none !important;
}
.goog-te-gadget-simple .goog-te-menu-value span{
  margin-right: 3px !important;
  color: #fff !important;
  border: none !important;
}
.goog-te-gadget img{
  display: none;
}






@media only screen and (max-width:1210px){
  .searchcontainer{
    clear: both;
    float: none;
    width: 90%;
    margin: 5px auto;
  }
  .prodpageleft{
    width: 26%;
  }
  .prodpageprods ul.products{
    width: 68%;
  }
}
@media only screen and (max-width:1100px){
  .shortabout{
    width: 58%;
  }
  .news{
    width: 36%;
  }
}
@media only screen and (max-width:900px){
  .prodpageleft{
    float: none;
    width: 90%;
    clear: both;
    margin: 5px auto;
  }
  .prodpageprods ul.products{
    text-align: center;
    padding: 0;
    float: none;
    width: 100%;
    clear: both;
  }
  .prodpageprods ul.products li{
    margin: 0;
  }
  .review{
    padding: 0;
  }
}
@media only screen and (max-width:768px){
  .shortabout,.news{
    float: none;
    width: 100%;
    padding: 0;
  }
  .shortaboutnews p,.shortaboutnews .mheading{
    padding: 0 20px;
  }
  .cinfo,.cmap{
    float: none;
    width: 100%;
  }
}
@media only screen and (max-width:600px){
  .logo{
    float: none;
    text-align: center;
  }
  .headright{
    float: none;
    max-width: 170px;
    margin: 5px auto;
  }
  .largeimg,.largepinfo{
    float: none;
    width: 100%;
  }
  .contactformcontainer{
    margin: 1% auto;
  }
  .cftf1,.cftf2{
    float: none;
    width: 98%;
  }
  /*.cfta{
    width: 96%;
  }*/
}