/* body */
    body {
    text-align: center;
	margin: 0px auto;
    font-family: "Montserrat",Arial, Helvetica, sans-serif;
    font-size: 13px;
    float: left;
    width: 100%;

}
.body {	background-image: url(../images/bg.gif);  background-repeat: repeat-x;  background-color: #003068;}
h1{font-family: Montserrat, Arial; letter-spacing: -1px;color: #002e7a; text-transform: uppercase; font-size: 25px;font-weight: 700; padding: 12px; background: #f1f1f1;}
/* Layout general*/
    #container{
	width: 980px;
	height: auto;
	background: none;
	margin: auto;
	position: inherit;
	border: 0px #0099FF solid;
    } 

.wells {
    margin: auto;
    min-height: 220px;
    width: 49%;
    float: left;
	}
.welltext{font-size:19px; font-weight:700 !important; color:#002e7a;text-transform:uppercase;letter-spacing:-1px;line-height:108%;}
.wellgrid a{ color:#002e7a; text-decoration:none;}
.progrid h2:hover {color:#ff0000;}
.progrid {
    color: #000;
    float: left;
    margin: 5px 15px 5px 28px;
    border-radius: 7px;
    background-position: bottom;
}
.obtn{background:#ff0000; color:#fff; padding:7px; border-radius:4px; width:130px;text-align:center;font-size:14px;font-weight:bold;}
.wellgrid{color: #000;
    padding: 40px 25px;
    float: left;
    background: url(../images/water.jpg)no-repeat;
	box-shadow: 0 0 25px rgba(0,0,0,0.35);
    margin: 5px 15px 5px 28px;
    border-radius: 7px;
    background-position: bottom;}
.wellgrid  img{width:90%;margin-bottom:25px;}
.stpgrid {
    color: #000;
    padding: 40px 25px;
    box-shadow: 0 40px 25px rgba(53, 201, 155, 0.58);
    margin: 5px 15px 5px 48px;
    border-radius: 7px;
    background-position: bottom;
}
ul.menulevel .stp a {
    color: #b0f32f;
    font-size: 120%;
    background: #403F31;
}
ul.menulevel .etp a {
    color: #ffc165;
    font-size: 120%;
    background: #403F31;
}
.stpgrid .welltext {margin-left: 80px;}
.stpwells {
    margin: auto;  float: left;
    min-height: 220px;
    width: 470px;
    }
#header {
    width: 980px;
    height: 110px;
    margin: 0 auto;
	border: 0px #0099FF solid;
	position: relative;
	float:left;
	text-align: center;
}
.wellimg img,.stpwellimg img {
    width: 100%;
}

.wellimg,.stpwellimg {
    float: left;
    width: 48%;
}
#topbar{
position:absolute;
padding: 2px;
background-color: white;
box-shadow:0 2px 7px #000;
width: 82px;
height: 330px;
visibility: hidden;
z-index: 100;
}
.redtext{color:#ff0000;}

ul.menulevel .redme a{color:#fff;font-size:120%;background:#FF6C04;}
ul.menulevel .redme a:hover{color:#FFEB00;font-size:120%;background:#FF6C04;}
ul.menulevel .yme a{color: #F9FF05; font-size: 120%; background: #403F31;}
ul.menulevel .hhypo a{color: #F9FF05; font-size: 120%; background: #403F31;}
ul.menulevel .yme a:hover{color:#FFEB00;font-size:120%;background:#20503C;}
ul.menulevel .homewater a {
    color: #ffffff;
    font-size: 115%;
}
.storeme {background-image:none;background:transparent;}

.promo {position:absolute; right:0;top:5%;overflow:hidden;width:220px;}
.promo img{overflow:hidden;width:90%;}
.promo1 {position:absolute; left:0;top:5%;overflow:hidden;width:220px;}
.promo1 img{overflow:hidden;width:90%;}
#myModal h1 {font-family:Coustard, Arial; font-size:18px; }
#myModal h1 a{color:#000;}
.imgtop{
margin-top: 3px;
border: 1px solid #00CCFF;
}
.pops {font-family:Poppins;}
.pops .highul li {background: rgb(169, 169, 169);}
.titleglow {color: #00ccff;}
.titleglowbox {     border-radius: 5px;
    padding: 3px 15px;
    font-style: normal;
    border: 2px solid #f1f1f1;
    font-weight: 800;
    font-size: 35px;
    color: #0a0d96;}
	.caps{text-transform:uppercase;letter-spacing:-1px;}
.clearfix{clear:both;display:table;}
.topimgcoverclose { padding-top:10px; margin-top: 0px;}

.topimg1 { width: 80px; height: 90px; background:url(../images/drinkingtop.jpg); background-repeat: no-repeat;border-bottom: 2px solid rgba(255, 95, 0, 0.28);}
.topimgcover { padding-top:50px; margin-top: 2px;}
.topimgcover a{font-size: 14px; color: #002E7A; font-weight: bold; text-decoration: none; }


.topimg2 { width: 80px; height: 85px; background:url(../images/swimmingpooltop.jpg); background-repeat: no-repeat;background-size:100%;border-bottom: 2px solid rgba(255, 95, 0, 0.28);}
.topimgcover2 { padding-top:20px; margin-top: 3px;}
.topimgcover2 a{ font-size: 14px;color: rgba(255, 255, 255, 0.19);font-weight: bold; text-decoration: none; }


.topimg3 { width: 80px; height: 85px; background:url(../images/sewagetop.jpg); background-repeat: no-repeat;background-size:100%;border-bottom: 2px solid rgba(255, 95, 0, 0.28);}
.topimgcover3 { padding-top:20px; margin-top: 3px;}
.topimgcover3 a{ font-size: 14px;color: rgba(255, 255, 255, 0.19); font-weight: bold; text-decoration: none; }

.topimg4 { width: 80px; height: 50px; background:url(../images/onlinestoretop.jpg); background-repeat: no-repeat;}
.topimgcover4 { padding-top:10px; margin-top: 3px;}
.topimgcover4 a{  font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: none; }

.topimg5 { width: 80px; height: 50px;}
.topimgcover5 { padding-top:10px; margin-top: 3px;}
.topimgcover5 a{ font-size: 14px; color: #002E7A; font-weight: bold; text-decoration: none; }



.logo { width: 276px; height: 100px; float:left; position: relative;}

.call{width: 210px; height: 50px; float: right; position: relative;  margin-right: 20px; margin-top: 10px; border: 0px #0099FF solid; }

.home {width: 65px; height: 24px; float:left; position:relative;}

.names {width: 65px; height: 15px; float:left; position:relative; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #00b5d4; text-align: center;}

.names  a{color: #00b5d4; text-align: center; text-decoration:none;}

.names  a:hover{color: #FF6600; text-align: center; text-decoration:none;}

#menu {

    width: 980px;
    height: 40px;
    text-align: center;
    margin: 0 auto;
	border-radius:3px;
	float: left;
	position: relative;
	border: 0px #0099FF solid;
	color: #00b5d4;
background: #002E7A;
}

.wsys #menu {   margin: 0 auto !important;}
.menu_content { width: 970px; height: auto; float:left; position: relative; padding-top: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding-left: 10px; color:#00b5d4;}

.banner { width: 970px; height: 270px; float: left; position: relative; margin-left: 5px;}

.bannercontent { width: 300px; height: 200px; top: 90px; left: 68px; float:left; position: relative; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FFFFFF; line-height: 28px; text-align:left; font-weight:900; text-transform: capitalize;}

.bannerinner { width: 980px; height: 150px; float: left; position: relative; background:url(../images/innerbanner1.jpg); background-repeat: no-repeat;}

.bannerinnercontent { width: auto; height: 20px; float: left; position: relative; top: 75px; position: relative; left: 80px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF; font-weight:bolder; text-align:left; text-transform: uppercase;}
.innerimg {width: 200px; height:auto; float: left; position: relative;}	

.innercontent {width: 700px; height:auto; float: left; position: relative; font-size: 14px; font-weight: normal; color:#003366; line-height: 19px; text-align:left; margin-left: 20px;}	

.pagename{ width: 940px; float:left; position: relative;}
.pagename_content { font-size: 26px;  color: #0099FF;  padding-left: 20px; text-align: left; line-height: 21px; padding-top: 5px; vertical-align: text-top;}


.pagename_contentimage { width: 40px; height:40px; float: left; position:relative;}

.pagename_contenttext { width: auto; height: auto; float: left; position:relative; padding-top: 15px; padding-left:3px;}


.minibanner{ width: 980px; min-height: 340px; float:left; position: relative;background-color:#FFFFFF;padding-top: 25px;}

.minibannerhome{ width: 972px; min-height: 340px; float:left; position: relative; margin-left: 4px; margin-top: 20px; border: 0px #0099FF solid; background-color:#FFFFFF}

.minicover {width: 970px; height:auto; float: left; position: relative; margin-left: 5px;}

.minicovernext {width: 970px; height:auto; float: left; position: relative; margin-left: 5px; margin-top: 15px;}

.minicover1 {width: 980px; height:auto; float: left; position: relative; margin-top: 10px;}

.minibanner_img { width: 295px; height: 143px; float: left; position: relative; border: 0px #0099FF solid; margin-left: 25px;}

.minibanner_imgnext { width: 295px; height: 143px; float: left; position: relative; border: 0px #0099FF solid; margin-left: 10px;}

.minibanner_imgnext1 { width: 295px; height: 143px; float: left; position: relative; border: 0px #0099FF solid; margin-left: 150px;}

.productframe { width: 460px; height: auto; float:left; position: relative; margin:0 0 45px 0; padding-left: 25px;}

.productcontent { width: 270px; height:auto; float: left; position: relative; color:#013F90; line-height: 21px; text-align:left; margin-left: 10px;}
.ptitle{font-size:16px;margin-top:0;}
.ptitle a{ color:#0569CC;text-decoration:none; }
.ptitle a:hover{color:#ff6000;}
.productcontent ul {margin:0;padding:0;}
.productcontent ul  li{font-size:12px;line-height:12px;}
.productimg { width: 170px; height: 150px; float: left; position: relative;}

.servicecontent { width: 350px; height:auto; float: left; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#003366; line-height: 21px; text-align:left; margin-left: 10px;}

.serviceoptions { width: 90px; height:auto; float: left; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #0099FF; line-height: 21px; text-align:left; margin-left: 10px; margin-top: 21px;}

.servicebuttomcontent {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#003366; line-height: 21px; text-align:left; margin-left: 10px;}

.servicebuttomtitle { width: 300px; height: auto; float: left; position:relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#003366; line-height: 21px; text-align:left; margin-left: 0px;}

.serviceblue {width: 600px; height: auto; float: left; position:relative; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #0099FF; line-height: 21px; text-align:left; margin-left: 10px;}

.servicebuttomfull { width: 380px; height:auto; float: left; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#003366; line-height: 21px; text-align:left; margin-left: 10px;}

.cataloguecontent { width: 290px; height:auto; float: left; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#003366; line-height: 21px; text-align:left; margin-left: 00px;}

.cataloguecontent1 { width: 270px; height:auto; float: left; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#003366; line-height: 21px; text-align: left; margin-left: 20px;}

.catalogueimg{ width: 150px; height:auto; float: left; position: relative;}

.modelname {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;}

.modelcap {font-family: "Times New Roman", Times, serif; font-size: 25px; font-weight: normal; color: #00CC00;}

.modelpdf { width: 140px; height: 16px; float: inherit; position:relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF0000;}

.modelpdf  a{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF0000; text-decoration: none;}

.modelpdf  a:hover{ color: #003366; text-decoration: none;}

.modeimg { width: 16px; height: 20px; float:left;}

.modeltitle { width: 280px; height: auto; float: left; position:relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#003366; line-height: 21px; text-align:left; margin-left: 0px; text-align: left; padding-left: 20px;}

.modelcontent{ width: 300px; height:auto; float: left; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#003366; line-height: 21px; text-align:left; margin-left: 00px;}

.faqcontent { width: 900px;  height:auto; float:left; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#003366; line-height: 21px; text-align:left; margin-left: 0px; }

.product_fountain { width: 500px;  height:auto; float:left; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#003366; line-height: 21px; text-align:left; margin-left: 0px; }


.product_fountaintopright { width: 400px;  height:auto; float:left; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#003366; line-height: 21px; text-align:left; margin-left: 0px; border: 0px #0099FF solid; }

.product_fountainbuttomleft { width: 500px;  height:auto; float:left; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#003366; line-height: 21px; text-align:left; margin-left: 0px; border: 0px #0099FF solid; }

.product_fountainbuttomright { width: 398px;  height: 210px; float:left; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#003366; line-height: 21px; text-align:left; margin-left: 0px; border: 1px #0099FF solid; }


.product_catalogue {
	width: 600px;
	height: auto;
	float:left;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#003366;
	line-height: 21px;
	text-align:left;
	margin-left: 0px;
	visibility: visible;
}

.product_industrialbuttomleft { width: 420px;  height: 220px; float:left; position: relative; font-size: 12px; font-weight: normal; color:#003366; line-height: 21px; text-align:left; margin-left: 0px; border: 1px #0099FF solid; margin-bottom: 20px;}

.topcolor { width: 420px;  height:25px; float:left; position: relative; background: #448ccb; color: #FFFFFF; font-size:13px; text-align:center; vertical-align: middle; padding-top: 5px;}

.topcolorinner { width: 400px;  height: auto; float:left; position: relative; padding: 10px; font-size: 12px; font-weight: normal; color:#003366; line-height: 21px; text-align: justify;}

.product_industrialbuttomright { width: 420px;  height: 220px; float:left; position: relative; font-size: 12px; font-weight: normal; color:#003366; line-height: 21px; text-align:left; margin-left: 50px; border: 1px #0099FF solid; margin-bottom: 20px;}

.replacementtopleft {width: 300px; height:auto; float: left; position: relative;font-size: 12px; font-weight: normal; color:#003366; line-height: 19px; text-align:left; margin-left: 20px;}

.replacementtop {height:auto; position: relative; font-size: 12px; font-weight: normal; color:#003366; line-height: 19px; text-align:left; margin-left: 20px;}

.replacementmiddleleft {width: 420px; height:auto; float: left; position: relative; font-size: 12px; font-weight: normal; color:#003366; line-height: 19px; text-align:left; margin-left: 0px;}

.replacementimggcover {     width: 940px;
    padding: 25px 20px;
    height: 370px;
    float: left;
    position: relative;
     font-size: 12px;
    font-weight: normal;
    color: #003366;
    line-height: 21px;
    text-align: left;
    margin-left: 0px;
    border: 0px #0099FF solid;}

.replacementinnerimggcover { width: 900px;  height:175px; float:left; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#003366; line-height: 21px; text-align:left; margin-left: 0px; border: 0px #FF0000 solid;  }

.replacementinnerimggcovernext { width: 900px;  height:175px; float:left; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#003366; line-height: 21px; text-align:left; margin-left: 0px; border: 0px #FF0000 solid; margin-top: 20px;  }

.replacementinnerframe{ width: 100px;  height:172px; float:left; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#003366; line-height: 21px; text-align:left; margin-left: 0px; border: 1px #0099FF solid; }

.replacementinnerframenext { width: 100px;  height:172px; float:left; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#003366; line-height: 21px; text-align:left; margin-left: 35px; border: 1px #0099FF solid; }

.replacementinnerimg1{ width: 100px;  height:100px; float:left; position: relative;  }

.replacementinnertext{ width: 100px;  height: 70px; float:left; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #FFFFFF; line-height: 21px; text-align: center; padding-top: 3px; background-color:#448ccb; }

.replacementmiddlelast {width: 420px; height:auto; float: left; position: relative; ont-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#003366; line-height: 19px; text-align:left; margin-left: 40px;}

.product_waterbuttomleft { width: 398px;  height: 273px; float:left; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#003366; line-height: 21px; text-align:left; margin-left: 0px; border: 1px #0099FF solid; }


.product_waterbuttomright { width: 398px;  height: 243px; float:left; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#003366; line-height: 21px; text-align:left; margin-left: 50px; border: 1px #0099FF solid; }


.effluentmiddleleft {width: 500px; height:auto; float: left; position: relative; ont-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#003366; line-height: 19px; text-align:left; margin-left: 0px;}

.effluentbuttomright { width: 420px;  height: 270px; float:left; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#003366; line-height: 21px; text-align:left; margin-left: 50px; border: 1px #0099FF solid; margin-bottom: 20px;}

.swimmingbuttomleft { width: 420px;  height: 209px; float:left; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#003366; line-height: 21px; text-align:left; margin-left: 0px; border: 1px #0099FF solid; margin-bottom: 20px;}

.swimmingbuttomright { width: 420px;  height: 210px; float:left; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#003366; line-height: 21px; text-align:left; margin-left: 50px; border: 1px #0099FF solid; margin-bottom: 20px;}

.gray{
	color: #999999;
	font-size: 10px;
}

#mainbg {
    width: 980px;
	height: auto;
    margin: 0 auto;
	position: relative;
	 background: #fff;
	float:left;
    overflow: hidden;
}
.highlighter {
    color: #0459B3;
    font-size: 18px;
    line-height: 140%;
    font-weight: 700;
    letter-spacing: -1px;
    text-transform: uppercase;
}
img.imgright {
    float: right;
}
.seccsplit {
   color: #172B77;
}
.rosy li {
    list-style: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    padding: 4px 12px;
}
.rosy {
    padding: 25px;
    background: #0eb0ff;
    border-radius: 5px;
    color: #fff;
}

.rosyl {
    padding: 25px;
    border-radius: 5px;
    color: #0eb0ff;
    margin-left: -25px;
}
.rosyl li {
    list-style: none;
    border-bottom: 1px solid rgba(78, 78, 78, 0.18);
    padding: 4px 12px;
}
.halfme {width:45%;padding-top:2%;padding-left:3%;float:left}
.halfmes1 {
    width: 65%;
    padding-top: 2%;
    padding-left: 3%;
    float: left;
}
.lead{font-size:18px;color:#666; line-height:35px;}
.halfmeg1 {
    width: 48%;
    padding-left: 3%;
    padding-top: 3%;
    float: left;
}
.halfme1 {width:48%;padding-top:25%;padding-left:3%;float:left;}
.halfmesr1{width:32%;padding-top:25%;float:left;}
.botsplit {
	    padding: 100px 25px 0;
    background-image: url(../images/bottled-water.jpg);
    background-repeat: no-repeat;
    min-height: 450px;
}
.toisplit {
	    padding: 100px 25px 280px;
    background-image: url(../images/Home-water-disinfection-system.jpg);
    background-repeat: no-repeat;
    min-height: 450px;
}
.toisplit .halfme1 {padding-top:0;}
.pops .altt {font-family: Poppins; font-style:normal;}
.pops .highlighter {color: #000;}
.showersplit {
    padding: 100px 25px 0;
    background-image: url(../images/shower-water.jpg);
    background-repeat: no-repeat;
    min-height: 450px;
}
.showersplit1 {
    padding: 100px 25px 0;
    background-image: url(../images/clean-water.jpg);
    background-repeat: no-repeat;
    min-height: 450px;
}
.botsplit1 {
	    padding: 100px 25px 0;
    background-image: url(../images/facial-water.jpg);
    background-repeat: no-repeat;
    min-height: 450px;
}
.highul {margin:15px 0;padding:0 0 0 25px;}
.highul li {
    font-size: 14px;
    list-style: none;
    color: #FFFFFF;
    display: inline;
    padding: 5px 12px;
    font-weight: 700;
    text-align: center;
    background: rgba(60, 210, 255, 0.68);
    margin-right: 7px;
    border-radius: 4px;
}
.splash {background-image: url(../images/splash.jpg); background-repeat: no-repeat;background-size:100%;background-position:bottom;}
.stpsplash {background-image: url(../images/lakewater.jpg); background-repeat: no-repeat;background-size:100%;background-position:bottom;}
.stpbody {background-image: url(../images/stpsplash.jpg); background-repeat: no-repeat;background-size:100%; background-position:bottom; position: fixed; height:100%;top:0;bottom:0;right:0;left:0;}
.splash1 {background-image: url(../images/splash1.jpg); background-repeat: no-repeat;background-size:100%;background-position:bottom;min-height:200px;}
.csplit img{width:80%;}
.allcontent {font-size: 14px; font-weight: normal; color:#003366; line-height: 21px; text-align:left;}
.allcontent p, .servicebuttomcontent p{ padding-left: 25px;}
.allcontent .wellgrid p{ padding-left: 0 !important;}
.allproductcontent {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#003366; line-height: 15px; text-align:left; margin-left: 20px;}
.size810{width:80%;}
.footer {

    width: 980px;
	height: 80px;
	float: left;
	position:relative;
    padding-top: 20px;
    text-align: left;
    margin: 0 auto;
    }

.style4 {
	color: #0099CC;
	font-weight: 700;
	font-size:16px;
}
.footer_content{ width: 450px; height:25px; float: left; position: relative; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; color: #FF9900; padding-left: 20px;
    }
	
	.footer_content a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; color:#FFFFFF; text-decoration:none;
    }
	
	.footer_content a:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; color: #00CC00; text-decoration:none;
    }
	
.footer_text { width: 500px; height:25px; float: left; position: relative; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal; color:#FFFFFF; margin-left: 10px; text-align:left; padding-left: 10px;}

.footer_textright { width: 420px; height:70px; float: right; position: relative; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal; color:#FFFFFF; margin-left: 10px; text-align: right; vertical-align: middle; padding-right: 20px; border: 0px #0099FF solid; }

.footer_textimg { width: 420px; height:50px; float: right; position: relative; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal; color:#FFFFFF; margin-left: 10px; text-align: right; vertical-align: middle;  border: 0px #0099FF solid; padding-right: 55px; }


.footer_textcopy { width: 420px; height:20px; float: right; position: relative; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal; color:#FFFFFF; margin-left: 10px; text-align: right; vertical-align: middle;border: 0px #0099FF solid; }

.style1 {color: #0000FF}
.style2 {color: #00FF00}
.style3 {color: #FF6600}

.n {color:#53DAF7}
.e {color:#00CC33}
.s {color:#FF6600}

#menu-links {

    float: left;
    clear: left;
    padding-top: 0px;
    width: 960px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #3399FF;


}



#menu-links ul, #menu-links ul li{

    list-style:none;

    margin:0;

    padding:0;

}



#menu-links ul li{

    float: left;

    margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;

}


#menu-links #textblk{ font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color:#FFFFFF; text-decoration: none; padding-top: 0px; border: none; height:154px; }

#menu-links #textblk a{ font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color:#FFFFFF; text-decoration: none; padding-top: 118px;  border: none; vertical-align: bottom; text-transform:uppercase; text-align: center;}

#menu-links #textblk1{ font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color:#FFFFFF; text-decoration: none; padding-top: 0px; border: none; height:154px; }

#menu-links #textblk1 a{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color:#FFFFFF; text-decoration: none; padding-top: 110px;  border: none; vertical-align: bottom; text-transform:uppercase; text-align: center;}


#menu-links ul li a {

    display: block;

    height: 168px;

    width: 300px;


    overflow: hidden;
	
	text-decoration: none;

}



#menu-links ul li#home a {

    width: 300px;

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

    background-position: 0px 0px;

}



#menu-links ul li#home a:hover {

    width: 300px;

    background-image:url(../images/minibanner1.png);  background-position:bottom;

    background-position: 0px 2px;

}



#menu-links ul li#mini2 a {

    width: 300px;

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

    background-position: 0px 0px;

}



#menu-links ul li#mini2 a:hover {

    width: 300px;

    background-image:url(../images/minibanner2.png);  background-position:bottom;

    background-position: 0px 2px;

}



#menu-links ul li#mini3 a {

    width: 300px;

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

    background-position: 0px 0px;

}



#menu-links ul li#mini3 a:hover {

    width: 300px;

    background-image:url(../images/minibanner3.png);  background-position:bottom;

    background-position: 0px 2px;

}




#menu-links ul li#mini4 a {

    width: 300px;

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

    background-position: 0px 0px;

}



#menu-links ul li#mini4 a:hover {

    width: 300px;

    background-image:url(../images/minibanner4.png);  background-position:bottom;

    background-position: 0px 2px;
	
	}
	
#menu-links ul li#mini5 a {

    width: 300px;

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

    background-position: 0px 0px;

}



#menu-links ul li#mini5 a:hover {

    width: 300px;

    background-image:url(../images/minibanner5.png);  background-position:bottom;

    background-position: 0px 2px;}
	
	
	#menu-links ul li#mini6 a {

    width: 300px;

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

    background-position: 0px 0px;

}



#menu-links ul li#mini6 a:hover {

    width: 300px;

    background-image:url(../images/minibanner6.png);  background-position:bottom;

    background-position: 0px 2px;}
	
.style4 a { text-decoration: none; color: #0066CC;} 
.style4 a:hover { text-decoration: none; color: #00CC00;} 

.submenu {color: #0099CC; font-weight: bold; font-size:11px;}

.submenu a { text-decoration: none; color: #0066CC;} 

.submenu a:hover {color: #0099CC; font-weight: bold; font-size:11px;}
	
.onlinebg {     width: 980px;
    height: 465px;
    float: left;
    /* position: relative; */
    /* margin-left: 5px; */
    margin-top: 0px;
    background: url(../images/main-bg.png) no-repeat;
    background-size: 100%;
    margin-bottom: 30px;}


.mainframeblk {width: 940px; height: 200px; float: left; position: relative; margin-top: 15px; margin-left: 20px; }

.leftframeblk {width: 460px; height: 200px; float: left; position: relative; border: 0px #0099FF solid;  }

.rightframeblk {width: 430px; height: 200px; float: left; position: relative; border: 0px #0099FF solid;  }

.buttonblk {width: 325px; height: 60px; float: left; position:relative; margin-left: 40px; border: 0px #0099FF solid;}

.contentblk {width: 400px; min-height: 50px; float: left; position: relative; border: 0px #0099FF solid; padding-left: 55px; text-align: left; padding-top: 8px;  }

.bottomblk {width: 900px; min-height: 60px; float: left; position: relative;  padding-left: 5px; text-align: left;  color: #0099FF; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-left: 20px;}


.bottomblk a{text-align: left;  color: #0099FF; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration:none;}

.bottomblk a:hover{text-align: left;  color: #FF9900; font-weight: normal; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration:none;}

.padding {padding-left: 50px; text-align: left;}

.padding1 {padding-left: 40px; text-align: left;}

.padding2 {padding-left: 29px; text-align: left;}

.padding3 {padding-left: 30px; text-align: left;}

.padding4 {padding-left: 60px; text-align: left;}

.padding5 {padding-left: 48px; text-align: left;}

.contentblk a{
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    line-height: 28px;
    padding: 5px 0 5px;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.17); }

.storeme .footer_content a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #0F2563;
    text-decoration: none;
}

.slantlgreen {    font-family: Arial;
    font-weight: 700;
    font-size: 32px;
    letter-spacing: -1px;
    text-shadow: 0 3px 2px rgba(0, 0, 0, 0.12);
    color: rgb(32, 199, 131);
	}
	
	.altt{    
	font-family: Arial;
    font-weight: 700;
    font-size: 42px;
	text-transform:none;
	background:none;
    letter-spacing: -2px;
    text-shadow: 0 3px 2px rgba(0, 0, 0, 0.12);
    color: rgb(10, 13, 150);
    font-style: italic;
	padding:0;
	}
	
.canw{
 background: url(../images/can-water.jpg) no-repeat;background-position: right 0;}
 .canw1{ background: url(../images/tap-water.jpg) no-repeat;background-position: right 0;}
 .canw p, .canw1 p{width:65%;text-align:center;}

	
.img-anchor{position:absolute;top:0;}

.blankp{width:260px;height:400px;float:left;}

.storeme .footer_content {color: #0F2563;}
.contentblk a:hover{color: #ff6000; text-decoration: none; line-height: 32px; text-align:left; }

.contentblk .iconblk{color: #FF3300; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; padding-right: 6px;}

.iconblk {color: #FF6600; font-weight: bold; font-size:  13px;}


.onlineproductsicon { width: 300px; height: 40px;  float: right; position: relative; border: 0px #0099FF solid; margin-top:15px;}

#menu-linksblk {

    float:right;

    clear: right;
	text-decoration: none;

    width: 325px;
	
	

}



#menu-linksblk ul, #menu-linksblk ul li{

    list-style:none;

    margin:0;

    padding:0;
	
	text-decoration: none;

}



#menu-linksblk ul li{

    float: left;

    margin-left: 5px; 
	
	text-decoration: none;

}



#menu-linksblk ul li a {

    display: block;
	
text-decoration: none;
	
    height: 78px;

    width: 45px

    overflow: hidden; 

}



#menu-linksblk ul li#home a {

    width: 323px;
	
    background-image: url(../images/main_bg-button.png);

    background-position: 0px 0px;

}



#menu-linksblk ul li#home a:hover {

    width: 323px;

    background-image: url(../images/main_bg-button.png);

    background-position: 0px -78px;

}

#menu-linksblk #textblk{ font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color:#FFFFFF; text-decoration: none; padding-top: 24px; border: none; }



.elemenu{ width: 590px; height: 44px; float:right; position: relative; border:0px #0099FF solid; margin-right: 20px;  margin-top: 0px;}

.elemenuleft {width: 25px; height: 44px; float:left; position: relative; background: url(../images/inbox_pas.png); background-repeat: no-repeat;}

.elemenumiddle {width: 495px; height: 44px; float:left; font-size: 11px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; position: relative; background:url(../images/conti.png); background-repeat:repeat-x;}

.elemenuright{width: 66px; height: 44px; float:left; position: relative; background: url(../images/print_pas.png); background-repeat: no-repeat;}




#menu-toplinksblk {

    float:right;

    clear: right;
	
	text-decoration: none;
	
    width: 128px;
	
	text-indent:0px;

}



#menu-toplinksblk ul, #menu-toplinksblk ul li{

    list-style:none;

    margin:0;

    padding:0;
	
	text-decoration: none;

}



#menu-toplinksblk ul li{

    float: left;

    margin-left: 5px; 
	
	text-decoration: none;

}



#menu-toplinksblk ul li a {

    display: block;
	
text-decoration: none;
	
    height: 80px;

    width: 128px

    overflow: hidden; 

}



#menu-toplinksblk ul li#home a {

    width: 128px;
	
    background-image: url(../images/onlineproducts.png); background-repeat:no-repeat;

    background-position: 0px 0px;

}



#menu-toplinksblk ul li#home a:hover {

    width: 128px;

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

    background-position: 0px -40px;

}


#menu-toplinksblk #textblk a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding-top: 8px; border: none; text-align: center; }


.onlinemainframe { width: 940px;  height:auto; float:left; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color:#003366; line-height: 21px; text-align:left; margin-left: 0px; margin-top: 40px; text-decoration: none;}

.onlinetitleframe { width: 300px; height: 200px; float: left; position: relative; border:0px #0099FF solid; text-decoration: none;}

.onlinetitleframenext { width: 300px; height: 200px; float: left; position: relative; border:0px #0099FF solid; margin-left: 10px; text-decoration: none; }

.onlinefrontimg{ width: 300px; height: 120px; float: left; position:relative; background:url(../images/brine.png); background-repeat: no-repeat;}


.onlinefrontimgbatch { width: 300px; height: 120px; float: left; position:relative; background:url(../images/batch.png); background-repeat: no-repeat; text-decoration: none;}

.onlinefrontimgcontinuous { width: 300px; height: 120px; float: left; position:relative; background:url(../images/continuous.png); background-repeat: no-repeat; text-decoration: none;}

.font2 {width: 250px; height: auto; float:left; position: relative; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bolder; color: #FF6600;  text-align:left; padding-left: 10px; text-decoration: none;}

.font3 {width: 100px; height: auto; float:left; position: relative; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bolder; color: #666666;  text-align:left; padding-left: 60px; text-decoration: none;}

a.one {text-decoration:none;}

.onlinesubbutton {width: 300px; height: 40px; float:left; position:relative; margin-top: 10px; border:0px #0099FF solid;}

#onsubmenu {

    float:right;

    clear: right;
	text-decoration: none;

    width: 300px;
	
	

}



#onsubmenu ul, #onsubmenu ul li{

    list-style:none;

    margin:0;

    padding:0;
	
	text-decoration: none;

}



#onsubmenu ul li{

    float: left;

    margin-left: 0px; 
	
	text-decoration: none;

}



#onsubmenu ul li a {

    display: block;
	
text-decoration: none;
	
    height: 40px;

    width: 300px

    overflow: hidden; 

}



#onsubmenu ul li#home a {

    width: 300px;
	
    background-image: url(../images/subbuton.png); background-repeat: no-repeat;

    background-position: 0px 0px;

}



#onsubmenu ul li#home a:hover {

    width: 300px;

    background-image: url(../images/subbuton.png);

    background-position: 0px -40px;

}

#onsubmenu #textblk{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding-top: 8px; border: none; text-align: center; }


.onlineproductsinnerpagesframe { width: 940px; min-height: 400px; float:left; position: relative; margin-top: 20px;}


.catagories { width:100%; height:50px; float:left; position: relative; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; color: #FF0000; margin-left: 0px; text-align: left;}

.catagories a{ font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; color: #FF0000; margin-left: 0px; text-align: left; text-decoration: none;}

.catagories a:hover{ font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; color: #009933; margin-left: 0px; text-align: left; text-decoration: none;}


.ori-title{ width: 940px; height: 30px; float: left; position: relative; border-bottom:1px #0099FF solid; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 25px; font-weight: bold; color: #FF6600; padding-top: 20px;}

.bgsubtitleframe{ width: 940px; height: 50px; float: left; position: relative;}

.bgsubtitle{ width: 400px; height: 30px; float: left; position: relative; border:0px #0099FF solid; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; margin-top: 10px; background:url(../images/bgsubtitle.png); background-repeat:no-repeat; padding-top: 7px; padding-left: 5px;}

.bgsubtitle2{ width: 450px; height: 30px; float: left; position: relative; border:0px #0099FF solid; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; margin-top: 10px; background:url(../images/bg1.png); background-repeat:no-repeat; padding-top: 7px; padding-left: 5px;}

.bgsubtitleright{ width: 200px; height: 50px; float: right; position: relative; border:0px #0099FF solid; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; margin-top: 5px;}

.bgallcontent { width: 940px; height: 500; float: right; position: relative; border:1px #0099FF solid; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #003366; margin-top: 5px; margin-bottom:25px;}

.bgallcontentinnerframe { width: 934px; height: 500; float: right; position: relative; border:0px #0099FF solid; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #003366; margin-top: 2px; margin-left: 3px; margin-right:2px;}

.bgmainframe { width: 930px; height: 220px; float: right; position: relative; border-bottom:1px #0099FF dashed; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #003366; margin-top: 2px; margin-left: 2px; margin-right:3px;}

.bgmainframelast { width: 930px; height: 220px; float: right; position: relative; border-bottom:0px #0099FF dashed; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #003366; margin-top: 2px; margin-left: 2px; margin-right:3px;}

.bgmaincontentframe {width: 462px; height: 180px; float: left; position: relative;  border:0px #0099FF solid; margin-top: 25px;}

.bgmaincontentframeright {width: 462px; height: 180px; float: left; position: relative;  border-left:1px #0099FF solid; margin-top: 25px;}

.bgmaincontentimg {width: 150px; height: 150px; float: left; position: relative;  border:0px #0099FF solid; margin-top: 5px; margin-left: 15px;}

.bgmaincontentcontent {width: 280px; height: 150px; float: left; position: relative;  border:0px #0099FF solid; margin-top: 0px; margin-left: 15px; padding-top: 0px;}  

.bgmaincontentcontent h1{font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #006699;}  

.bgmaincontentcontenttoolarge {font-family: "Times New Roman", Times, serif; font-size: 24px; font-weight: normal; color: #999999; height:28px;}

.bgmaincontentcontentlarge {font-family: "Times New Roman", Times, serif; font-size: 22px; font-weight: normal; color: #FF6600; height: 30px;} 

.bgmaincontentcontentsmall {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #003366;}      

.bgmaincontentcontentbotton {width: 115px; height: 40px; float: left; position: relative;  border:0px #0099FF solid; margin-top: 5px;} 

.specification {width: 110px; height: 22px; float:right; position: relative; background: #EBEBEB; margin-right: 28px; border:1px #CCCCCC solid; text-align: center; margin-top: 8px; padding-top: 5px;}

.specification a{font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #FF6600; text-decoration: none; padding-top: 5px; text-align:center;}	

.specification a:hover{color: #003366; text-decoration: none; padding-top: 5px; text-align:center;}				

#bgmenu {

    float: left;

    clear: left;
	text-decoration: none;

    width: 115px;
	height:auto;
	
	

}



#bgmenu ul, #bgmenu ul li{

    list-style:none;

    margin:0;

    padding:0;
	
	text-decoration: none;
	
	text-indent: -2000px;

}



#bgmenu ul li{

    float: left;

    margin-left: 0px; 
	
	text-decoration: none;

}



#bgmenu ul li a {

    display: block;
	
	text-decoration: none;
	
    height: 33px;

    width: 115px

    overflow: hidden; 

}



#bgmenu ul li#home a {

    width: 115px;
	
    background-image: url(../images/enquiry.png);

    background-position: 0px 0px;

}



#bgmenu ul li#home a:hover {

    width: 115px;

    background-image: url(../images/enquiry.png);

    background-position: 0px -32px;

}

#bgmenu .tblk{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding-top: 0px; border: none; text-align: center; vertical-align:middle; }





.onlinetitleframe1 { width: 223px; height: 200px; float: left; position: relative; border:0px #0099FF solid; text-decoration: none;}

.onlinetitleframenext1 { width: 223px; height: 200px; float: left; position: relative; border:0px #0099FF solid; margin-left: 10px; text-decoration: none; }

.onlinefrontimg1{ width: 223px; height: 120px; float: left; position:relative; background: url(../images/parallel-plate.png); background-repeat: no-repeat;}

.onlinefrontimgconcentric { width: 223px; height: 120px; float: left; position:relative; background: url(../images/concentric.png); background-repeat: no-repeat;}

.onlinefrontimgdisc{ width: 223px; height: 120px; float: left; position:relative; background: url(../images/disc.png); background-repeat: no-repeat;}

.onlinefrontimgbwts { width: 223px; height: 120px; float: left; position:relative; background: url(../images/bwts.png); background-repeat: no-repeat;}

.onlinefrontimglab { width: 223px; height: 120px; float: left; position:relative; background: url(../images/lab.png); background-repeat: no-repeat;}

.onlinefrontimgmicro{ width: 223px; height: 120px; float: left; position:relative; background: url(../images/micro.png); background-repeat: no-repeat;}

.onlinefrontimgmini {width: 223px; height: 120px; float: left; position:relative; background: url(../images/mini.png); background-repeat: no-repeat;}

.onlinefrontimgprod {width: 223px; height: 120px; float: left; position:relative; background: url(../images/prod.png); background-repeat: no-repeat;}

.onlinesubbutton1 {width: 223px; height: 40px; float:left; position:relative; margin-top: 10px; border:0px #0099FF solid;}

.font2small {width: 200px; height: auto; float:left; position: relative; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bolder; color: #FF6600;  text-align:left; padding-left: 10px; text-decoration: none;}

.font3small {width: 100px; height: auto; float:left; position: relative; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bolder; color: #666666;  text-align:left; padding-left: 10px; text-decoration: none;}

.schematic {width:980px;padding:25px;display: table;}
.schematic  a:link{color:#1B2A79;text-decoration:none;}
.schematic  a:visited{color:#ff6000;}
.sch01,.sch02 ,.sch03 {width:30%; float:left;margin-left:1%;}
.sch01 img,.sch02  img,.sch03 img {width:100%;max-width:100%;border: 1px solid rgb(12, 24, 144);}
.captme { width: 90%;  font-size: 16px;  letter-spacing: -1px;}

#onsubsecondmenu {

    float:right;

    clear: right;
	text-decoration: none;

    width: 223px;
	
	

}



#onsubsecondmenu ul, #onsubsecondmenu ul li{

    list-style:none;

    margin:0;

    padding:0;
	
	text-decoration: none;

}



#onsubsecondmenu ul li{

    float: left;

    margin-left: 0px; 
	
	text-decoration: none;

}



#onsubsecondmenu ul li a {

    display: block;
	
text-decoration: none;
	
    height: 40px;

    width: 223px

    overflow: hidden; 

}



#onsubsecondmenu ul li#home a {

    width: 223px;
	
    background-image: url(../images/seabutton.png); background-repeat: no-repeat;

    background-position: 0px 0px;

}



#onsubsecondmenu ul li#home a:hover {

    width: 223px;

    background-image: url(../images/seabutton.png);

    background-position: 0px -41px;

}
#onsubsecondmenu #textblk{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none; padding-top: 8px; border: none; text-align: center; }
.redder {background-color:#ff0000;}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494; font-size: 18px; font-family: Arial;font-style: italic;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

.stpimage{float:left; width:900px; margin-top:50px; display: inline-flex;}
.stpbrou {
    font-family: Montserrat, Arial;
    color: #FFF;
    font-size: 15px;
    font-weight: 700;
    padding: 12px;
    text-align: center;
    background: #fF4700;
    display: inline-table;
}
.stpbrou a {
    color: #fff;
}
.stpelectrogen{float:left; margin-left:20px; padding-right:60px;}
.button-react {
    padding: 25px;
    background: #f1f1f1;
}

.imgleft {
    float: left;
    padding-right: 20px;
}

.highlighterb {
    font-size: 18px;
    color: #c56101;
}
.brobtn {
    width: 300px;
    margin: 20px auto 50px;
    padding: 12px;
    background: #fff700;
    color: #000;
    text-align: center;
    display: table;
    font-size: 21px;
    font-weight: bold;
}

.obtn a {color: #fff;}
.btn-danger1 {
    color: #fff;
    background-color: #ff6000;
    border-color: #d43f3a;
}


#wrapD3Cube {
    width: 250px;
    height: 213px;
    margin: 20px auto;
    right: 15px;
    bottom: 50px;
    position: fixed;
}


#D3Cube {
    width: 112px;
    height: 112px;
    top: 50px;
    transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
    -moz-transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
    -webkit-transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);
    margin: auto;
    position: relative;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-animation: cubeRotation 5s infinite; /* Safari 4.0 - 8.0 */
    animation: cubeRotation 5s infinite;
}
.pad15 {
    margin: auto;
    padding: 15px;
}

.ltext {
    color: #fff;
    padding: 0 15px 0;
    font-weight: bold;
	line-height: 16px;
}

@-webkit-keyframes cubeRotation {
    0%   {	-webkit-transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);	}
    50%   {	-webkit-transform: rotateX(-22deg) rotateY(-128deg) rotateZ(0deg);	}
    100%   {	-webkit-transform: rotateX(-22deg) rotateY(-398deg) rotateZ(0deg);	}
}
/* Standard syntax */
@keyframes cubeRotation {
    0%   {	transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);	}
    50%   {	transform: rotateX(-22deg) rotateY(-238deg) rotateZ(0deg);	}
    100%   {	transform: rotateX(-22deg) rotateY(-398deg) rotateZ(0deg);	}
}
#D3Cube > div {
    position: absolute;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: 112px;
    height: 112px;
    float: left;
    overflow: hidden;
	opacity: 0.95;
}
#side1 {
    transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(56px);
    -moz-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(56px);
    -webkit-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(56px);
	background-color: #FFF;
}
#side2 {
    transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(56px);
    -moz-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(56px);
    -webkit-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(56px);
	background-color: #ff0000;
}
#side3 {
    transform: translateX(0px) translateY(0px) translateZ(56px);
    -moz-transform: translateX(0px) translateY(0px) translateZ(56px);
    -webkit-transform: translateX(0px) translateY(0px) translateZ(56px);
	background-color: #002096;
}
#side3 a, #side5 a{color:#fff;}
#side4 {
    transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(56px);
    -moz-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(56px);
    -webkit-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(56px);
	background-color: #ff0000;
}
#side5 {
    transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(56px);
    -moz-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(56px);
    -webkit-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(56px);
	background-color: #002096 ;
}
#side6 {
    transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(56px);
    -moz-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(56px);
    -webkit-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(56px);
	background-color: #f2f215;
}

.cme {font-size:21px;color:#fff;font-weight:bold;padding: 15px 15px 0;}
.cme2{font-size:18px;color:#fff;font-weight:bold;padding:15px;}

.boldbtn {
    font-weight: 800;
    background: #ff0000 !important;
    margin-top: 30px;
    border: 0;
}

#D3Cube a{text-decoration:none;}