* {
    margin:0;
    padding:0
}

@font-face {
    font-family: "font";
    src: url("fonts/calibri-webfont.eot");
    src: url("fonts/calibri-webfont.eot?#iefix") format("embedded-opentype"),
        url("fonts/calibri-webfont.woff") format("woff"),
        url("fonts/calibri-webfont.ttf") format("truetype"),
        url("fonts/calibri-webfont.svg#font") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "fontb";
    src: url("fonts/calibrib-webfont.eot");
    src: url("fonts/calibrib-webfont.eot?#iefix") format("embedded-opentype"),
        url("fonts/calibrib-webfont.woff") format("woff"),
        url("fonts/calibrib-webfont.ttf") format("truetype"),
        url("fonts/calibrib-webfont.svg#fontb") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "fonti";
    src: url("fonts/calibrii-webfont.eot");
    src: url("fonts/calibrii-webfont.eot?#iefix") format("embedded-opentype"),
        url("fonts/calibrii-webfont.woff") format("woff"),
        url("fonts/calibrii-webfont.ttf") format("truetype"),
        url("fonts/calibrii-webfont.svg#fonti") format("svg");
    font-weight: normal;
    font-style: normal;
}

body {
    background:#DDDDDD;
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:top center;
    font-family: Calibri, "font", sans-serif;
    color:#333333;
}
h1 {
    font-family: Calibri, "font", sans-serif;
    font-weight:normal;
    color:#ffffff;
    font-size:16px;
}
h2 {
    font-family: Calibri, "font", sans-serif;
    font-weight:normal;
    color:#ffffff;
    font-size:24px;
}
h3 {
    font-family: Calibri, "font", sans-serif;
    font-weight:normal;

}
h4 {
    font-family: Calibri, "font", sans-serif;
    font-weight:normal;

}
h5 {
    font-family: Calibri, "font", sans-serif;
    font-weight:normal;

}
h6 {
    font-family: Calibri Bold, "fontb", sans-serif;

    font-weight:Bold;

}
strong {
    font-family: Calibri Bold, "fontb", sans-serif;
}
em {
    font-family: Calibri Italic, "fonti", sans-serif;
}


/*@font-face {
  font-family: 'Calibri';
  src: url('fonts/Calibri.eot?#iefix') format('embedded-opentype'),  url('fonts/Calibri.woff') format('woff'), url('fonts/Calibri.ttf')  format('truetype'), url('fonts/Calibri.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'Calibri-Bold';
  src: url('fonts/Calibri-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/Calibri-Bold.woff') format('woff'), url('fonts/Calibri-Bold.ttf')  format('truetype'), url('fonts/Calibri-Bold.svg#Calibri-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}*/



.backgroundBanner{
    position:absolute;
    top:0;
    left:0;
    right: 0;
    bottom: 0;
    min-width: 1216px;
    height: 600px;
    z-index:0;
}
#PageContainer {
    margin:0 auto;
    width:1200px;
    position:relative;
    z-index:1;
}
.PageCenter {
    margin:0 auto;
    width:1200px
}
.HeaderContainer {
    width:100%;
	min-width: 1216px;
    height:65px;
    position: absolute;
    top:0;
    left:0;
    z-index: 2;
    background-color:#FFF;

}
.LogoContainer {
    float: left;
    width: 212px;
    margin-top: 7px;
}
.Logo {
    float:left
}
.HeaderInnerContainer {
    margin:0 auto;
    width:1200px;
    position:relative;
}
.NavContainer {
    float:right;
    margin-left:64px
}
/*.NavContainer ul {
        float:left;
        width:638px;
        display:inline
}
.NavContainer ul li {
        float:left;
        list-style:none;
        line-height:30px;
        padding-right:13px;
        padding-left:13px;
        padding-top:38px
}
.NavContainer ul li:hover {
        background-color:#FFF
}
.NavContainer ul li a {
        color:black;
        text-decoration:none;
        font-size:14px
}
*/
.clear{ clear:both;}
.BannerCotainer {
    float:left;
    width:100%;
}
.BannerTextContainer {
    float:right;
    width:453px;
    margin-top:170px;
}
.BannerText {
    float:left;
    font-size:24px;
    color:#FFF;
    padding-bottom:160px
}
.Wrapper {
    margin:0 auto;
    width:100%;

}
.FeaturedGalleryOuterContainer {
    float:left;
    background:#404041;
    background-repeat:repeat-x;
    width:100%;
	min-width: 1216px;
    height:189px;

}

.HomeBoxes{margin:0 auto; width:1200px; position:relative; bottom:28px;}
.HBox1, .HBox2{float:left; 
               width:551px; 
               height:156px; 
               background-color:#FFFFFF; 
               padding:20px;
               font-size:14px;
               color:#666666;
               position:relative;
}
.HBox1 ul, .HBox2 ul{
    float:left;
    list-style: disc;
    padding-left:23px;

    margin-top:24px;
}
.HBox1 ul li, .HBox2 ul li{
}
.HBox1 .logo, .HBox2 .logo{
    position:absolute;
    bottom:15px;
    right:20px;
}


.HBox1{ float:left;}
.HBox2{ float:right;}


.FeaturedGalleryContainer {
    float:left;
    width:661px;
    height:196px;
    background-color:#fff;

}
.WrapperInnerContainer {
    float:left;
    width:100%;
    min-height:533px;
    margin-top:69px;
    padding-bottom:50px;

}

.WrapperBgTop {
    float:left;
    background-image:url(../images/wrapper_content_bg_top.png);
    background-repeat:no-repeat;
    width:1200px;
    height:10px;

}
.WrapperBgCenter {
    float:left;
    background-image:url(../images/wrapper_content_bg_center.png);
    background-repeat:repeat;
    width:1200px;
}

.WrapperTextContainer {
    float:left;
    width:1165px;
    margin-top:35px;
    margin:0 16px;
    padding-bottom:25px;
    padding-top:30px;
}
.WrapperText {
    float:left;
    font-size:14px;
    color:#333333;
    text-align:left;
    line-height:18px
}
.WrapperTextContainer .WrapperLeft, .WrapperTextContainer .WrapperRight{
    width:45%;
}
.WrapperTextContainer .WrapperLeft{
    float:left;
}
.WrapperTextContainer .WrapperRight{
    float:right;
}

.WrapperTextContainer .WrapperLeft .videoOuter, .WrapperTextContainer .WrapperRight .videoOuter{
    float:left;
    width:100%;
    margin-top:18px;
    padding-bottom:42px;
}

.WrapperTextContainer .WrapperLeft .logo, .WrapperTextContainer .WrapperRight .logo{
    float:left;
    width:auto;
}
.WrapperTextContainer .WrapperLeft .video, .WrapperTextContainer .WrapperRight .video{
    float:right;
    width:340px;
    height:210px;
    overflow:hidden;
}

.WrapperTabsContainer {
    float: left;
    width: 100%;
    height: 31px;
    display: inline;
}
.WrapperTabsContainer ul {
    float:left;
    width:100%;
    display:inline
}
.WrapperTabsContainer ul li {
    float:left;
    list-style:none;
    line-height:31px;
    margin-right: 1px;
}
.WrapperTabsContainer ul li a {
    float:left;
    font-size:14px;
    color:#000;
    text-decoration:none;
    padding-left:15px;
    padding-right:15px
}


.WrapperTabsContainer ul li a:hover {
    float:left;
    font-size:14px;
    color:#000 !important;
    text-decoration:none;
    background-color:#fff;


}
.FooterContainer {
    float:left;
    background-image: url(../images/footer_bg.png);
    background-repeat:repeat-x;
    width:100%;
	min-width: 1216px;
    /*min-height:140px;*/
    position:relative;
    z-index:22;
    bottom:0

}



.FooterInnerContainer{ margin:0 auto; width:1200px; margin-top:6px}

.CopyRightContainer{/*float:left;*/ width:590px; margin-left:54px; margin:0 auto;}
.CopyRightText{
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    padding:19px 0
}
.IconOuterContainer{float:left; width:172px;}

.IconBottom{float:left; background-image:url(../images/icon_bg.png); background-repeat:no-repeat; width:172px; height:13px; display: none;}
.IconOuterContainer span{float:left; margin-left:9px}
.IconOuterContainer .icon2{float:left; margin-top:2px}
.IconContainer{
    float: left;
    width: 122px;
    margin-left: 20px;
    margin-top: 10px;
}


/*--------Menu Starts Here---------*/
.footerMenu{ float:left; width:122px; margin-left:12px; margin-top:-8px;}
.icon1{
    float: left;
    width: 65px;
    height: 60px;
}
.icon2{ float:left; width:50px; height:58px;}

/*--------Menu Ends Here---------*/

.IndexCopyRightContainer{float:left; width:700px; margin-left:220px;}






.VisionContainer{float:left; width:212px; padding-left:2px; color:#666666 }
.VisionContainer02{float:left; width:312px; padding-left:18px; margin-top:20px }
.HeadingContainer{float:left; width:100%}
.VisionHeading{float:left; font-size:14px; font-weight:normal; color:#040707; 
    font-family: Calibri Bold, "fontb", sans-serif;}
.VisionTextContainer{float:left; width:282px; margin-top:4px}
.VisionText{float:left; font-size:14px; line-height:16px; font-weight:normal; text-align:left}
.VisionContainer a{ color:#666666;}

.VisionText a{ text-decoration:underline; font-size:14px; line-height:16px; font-weight:normal; text-align:justify}

.VisionText a:hover{ text-decoration:none; font-size:14px; line-height:16px;font-weight:normal; text-align:justify}

.VisionText a:visited{ text-decoration:underline; font-size:14px; line-height:16px; font-weight:normal; text-align:justify}

.ContactSeperator{float:left; width:1px; height:170px; background-color:#f26522; margin-left:18px; margin-right:100px;}
.ContactSeperator2{float:left; width:1px; height:170px; background-color:#f26522; margin-left:18px; margin-right:0px;}
.imgCaption{ background:rgba(0, 0, 0, 0.5); position:absolute; bottom:0; left:0; right:0; line-height:32px; color:#fff; font-size:14px; font-weight:normal; text-align:center; font-family: Calibri Bold, "fontb", sans-serif;}


.VisionTextOuterContainer{float:left; width:100%}
.Bullet{float:left; margin-top:3px}
.VisionLinks{float:left; width:100%; margin-top:4px}
.VisionLinks ul{float:left; width:100%}
.VisionLinks ul li{float:left; width:100%; list-style:none;}
.Links{float:left; width:280px; font-size:12px; margin-left:7px }


.OurRangeContainer{float:left; width:156px;}
.OurRangeHeading{float:left; width:100%}
.OurRangeHeading h3{float:left; font-size:14px; font-weight:normal; font-family: Calibri Bold, "fontb", sans-serif;}
.RangeLinks{float:left; width:100%; margin-top:10px;}
.RangeLinks ul {float:left; width:100%}
.RangeLinks ul li {float:left; width:100%; list-style:none; border-bottom:dashed 1px #CCC; padding-bottom:2px;}
.RangeLinks ul li:hover { background-color:#ffe011}
.RangeLinks ul li a{color:#4e4e4e; text-decoration:none;display:block}
.OurRangeSeprator{float:left; width:35px; height:100px}




.AmphibiousContainer{float:left; width:229px;}
.AmphibiousLinks{float:left; width:100%; margin-top:10px}
.AmphibiousLinks ul {float:left; width:100%}
.AmphibiousLinks ul li {float:left; width:100%; list-style:none; border-bottom:dashed 1px #CCC; padding-bottom:2px;}
.AmphibiousLinks ul li:hover { background-color:#ffe011}
.AmphibiousLinks ul li a{color:#4e4e4e; text-decoration:none;display:block}

.WrapperBreaker{float:left; width:100%; height:6px}

.IndustrialApplicationOuterContainer{float:left; width:1165px; margin-left:24px; margin-top:24px; padding-bottom:24px;}
.IndustrialSliderContainer{float:left; width:396px; height:204px}

.IndustrialTextContainer{ float:left; width:735px; margin-left:25px; height:179px;}
.IndustrialTextContainer9{ float:left;  margin-left:25px; width:1100px;}

.IndustrialTextHeadingCont{float:left; width:100%}
.IndustrialTextHeadingCont span{ font-size:14px; font-weight:normal; font-family: Calibri Bold, "fontb", sans-serif;}
.downloadLink{float:left; width:100%; background:url(../images/pdf_icon.png) no-repeat left center}
.downloadLink a{font-size:14px; text-decoration:underline; color:#000;}
.downloadLink a:hover{text-decoration:none;}

.IndustrialTextHeadingCont h3{float:left; font-size:24px; color:black}
.IndustrialListContainer{float:left; width:100%; margin-top:10px}
.IndustrialListContainer ul{float:left; width:100%}
.IndustrialList{float:left; width:504px; margin-left:6px; font-size:14px}
.IndustrialListContainer ul li{float:left; width:100%; line-height:20px}
.IndustrialListBullet{float:left; margin-top:3px}

.IntroductionTextContainer{float:left; width:100%; margin-top:10px}
.IndustrialText{float:left; font-size:14px; color:#333333; line-height:18px}

.GeneralSpecificationContainer{float:left; width:454px;}
.GeneralSpecificationContainer02{float:left; padding-left:30px; width:454px;}
.GeneralSpecificationLinkContainer{float:left; width:454px; margin-top:15px;}

.GeneralSpecificationLinkContainer .IndustrialListBullet {float:left; margin-top:3px}
.GeneralSpecificationLinkContainer02 .IndustrialListBullet {float:left; margin-top:3px}
.SpecificationList{float:left; width:440px; font-size:14px; font-weight:bold; margin-left:6px;}
.SpecificationDetailTextContainer{float:left; width:440px; margin-left:9px;}
.SpecificationDetailText{float:left; font-size:14px; line-height:18px; color:#333333}
.Breaker{float:left; width:100%; height:30px}

.UserIncludesLinksContainer{float:left; width:254px;  margin-top:24px}
.InludesHeadingCont{float:left; width:100%}
.InludesHeadingCont h3{float:left; font-size:14px; font-weight:normal; color:#333333; font-family: Calibri Bold, "fontb", sans-serif;}

.UsesLinksContainer{float:left; width:100%}
.UsesLinksContainer ul{float:left; width:100%; margin-top:3px}
.UsesLinksContainer ul li{float:left; width:100%; list-style:none; padding-bottom:3px}

.UsesLinksContainer .IndustrialListBullet{float:left}
.UsesLinksContainer .IndustrialList{float:left; width:243px; font-size:14px; font-weight:normal}
.headingSpacer{float:left; width:100%; height:17px}




.OtherTextContainer{float:left; width:400px}
.OtherText{float:left; font-size:14px; text-align:justify; line-height:18px; margin-top:10px}
.OtherPictuerContainer{float:left; width:502px; margin-left:30px}
.OtherPicText{float:left; font-size:14px; color:#333333; }
.OtherPictureContainer{float:left; width:160px}
.OtherPictureContainer span{float:left; padding-bottom:8px}

.PictuerSpacer{float:left; width:10px; height:140px}
.OtherPictureOuterContainer{float:left; width:502px}

.EnquiryFormContainer{float:left; width:375px; margin-right:30px}
.EnquiryForm{float:left; width:375px; margin-top:10px; }
.FormSpacer{float:left; width:100%; height:6px}

.FormDevider{float:left; width:34px; height:100px}

.FormOuterContainer{float:left; width:814px}
.FormText{float:left; font-size:14px; font-style:italic}
.CaptchaContainer{float:left; width:130px; margin-left:120px}
.ButtonsContainer{float:right; width:238px; margin-top:14px}


.VisionOuterContainer{float:left; width:1165px;}
.ContactUsSliderContainer{float:left; width:618px; height:198px;}
.ContactUsSliderPortionContainer{float:left; width:236px}

.SocialLinksContainer{float:right; width:125px; margin-top:30px}
.FacebookLink{float:left; margin-left:4px}

.SpecificationLinkContainer{float:right; width:133px;  margin-top:40px;}
.SpecificationLink{float:left; font-size:14px; color:black; border-bottom:1px dashed #000}
.SpecificationLink a{text-decoration:none; color:black}
.SpecificationBullet{float:left;  margin-top:6px; margin-left:4px }

.XantecSolutions{font-size:11px;}
.XantecSolutions a{text-decoration:underline; color:#333333;font-size:11px;}
.XantecSolutions a:hover{ text-decoration:none}

.pdf{font-size:14px;}
.pdf a{text-decoration:underline; color:#333333;font-size:14px;}
.pdf a:hover{ text-decoration:none}

div.fixedscroll { position: fixed;
                  width: 25px;
                  height: 81px;
                  left: 0px;
                  top: 25%;
                  z-index: 99;

}










.menu {background:url(images/bg.gif) no-repeat;  width:428px}
.menu ul {list-style:none; z-index:10; padding:0}
.menu li {float:left;
          background: #none;
          /* Old browsers */
          background: linear-gradient(to right, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 50%);
          background-size: 200% 100%;
          background-position:right bottom;
          transition:all 1s ease;
}
.menu li:hover, .menu li.active{
    background-color:#eee;
}

.menu a, .menu a:active, .menu a:visited, .menu a:hover {text-decoration:none; color:#000; 
                                                         padding-right: 13px;
                                                         padding-left: 13px;
                                                         padding-top: 38px;
                                                         padding-bottom:10px;
                                                         float:left; font-size:14px;}
#slide {position:absolute; /*top:6px;*/ height:69px; background:#FFF; z-index:10}
#menu{ width:340px;}


.menu li:hover ul.menuDropdownCont{
    display:block;
}

/*dropdown menu*/
.menuDropdownCont{
    display:none;
    position:absolute;
    top:62px;
    width:98%;
    background:#eee;
    min-height:150px;
    left:0;
    right:0;
    padding:18px !important;
}
.menuDropdownCont .mleft, {
    width:50%;
}
.menuDropdownCont .mright{
    width:50%;
}


.menuDropdownCont .logo{
    position:relative;
    margin-left:19px;
    margin-top:80px;
    float:left;
}

.menuDropdownCont .mleft{
    float:left;
}
.menuDropdownCont .mright{
    float:right;
}

.menuDropdownCont ul{
    float:left;
    width:207px;
    list-style:none;
    position:relative;
}
.menuDropdownCont ul li{
    width:100%;
}
.menuDropdownCont ul li.heading{
    background:#f26522;
    color:#fff;
    text-transform:uppercase;
    padding:4px;
    margin-bottom:6px;


}
.menuDropdownCont ul li a{
    font-size:14px;
    color:#4e4e4e;
    padding:4px;
    border-bottom:1px dashed #999;
    display:block;
    width:100%;

}
.menuDropdownCont ul li a:hover{
    font-size:14px;
    color:#f26522;
    padding:4px;
    border-bottom:1px dashed #999;
    display:block;
    width:100%;
}

.tab-top-bg{float: left;
            background-image: url(../images/wrapper_content_bg_center.png);
            background-repeat: repeat;
            width: 1200px; padding-top:15px;
}
.gmap{
    position:fixed;
    top:0;
    bottom:0;
    width:100%;
    height:100%;
}
.gmap-icon{
    float:right;
    text-align:center;
}
.galleryCont{
    float:left;
	margin-right: 9px;
    width:472px; }
.galleryCont .gallery {
	margin: 0 -9px;
	overflow: hidden; }
.galleryCont li{
    list-style:none;
    width:50%;
    height:auto;
    overflow:hidden;
	padding: 18px 9px 0;
    float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;}
.galleryCont .cols-1 li {
	width: 100%; }
.galleryCont .cols-3 li {
	width: 33.333333%; }
.galleryCont li a{
	display: block; }
.galleryCont li a img{
	padding: 0;
	width: 100%;
	display: block; }
.productDescription{
    float:left;
    margin-left:13px;
    width:640px;
    margin-top:18px
}
.productDescription h2{
    color:#4e4e4e;
    font-size:24px;
    font-weight:normal;
    line-height:20px;
    padding-bottom:10px;

}
.PdetailBg{ background:url(../images/pdetail-bg.jpg) no-repeat; background-size:cover; width:100%; height:100%; position:fixed; bottom:0}
.aboutBg{ background:url(../images/slide05.jpg) no-repeat; background-size:cover; width:100%; height:100%; position:fixed; bottom:0}
.contactBg{ background:url(../images/contact-slide01.jpg) no-repeat; background-size:cover; width:100%; height:100%; position:fixed; bottom:0}
.prodcutBg{ background:url(../images/slide06.jpg) no-repeat; background-size:cover; width:100%; height:100%; position:fixed; bottom:0}