ul
{
padding:0px 0px 0px 10px;
margin: 0px 0px 10px 15px;
}

ol
{
list-style: roman;
}

ul li,
{
padding: 0px 0px 0px 10px;
margin: 0px 0px 5px 0px;
list-style: disc outside url("http://www.waterforce.co.nz/images/style/circle_icon.svg");
}

ol, ul {
list-style: outside none disc;
}

#pageEditorContent li {
margin: 10px 0;
}

#header ul li,
#slideContainer ul,
#slideContainer ul li
{
list-style: none;
margin: 0;
padding:0;
}

img{
max-width:100% !important;
height: auto !important;
}


h3, .h3 {
  /*Was set to 400*/
	font-weight: 300;
}

p, h3, h1, h2, h4, h5, h6 {
    letter-spacing: 0.4px !important;
}

.p, .h3, .h1, .h2, .h4, .h5, .h6 {
letter-spacing: 0.4px !important;
}

/*-------------------------------*/
.centerContainer {
width: 100%;
margin: 0 auto;
}
.centerContainerInner {
width: 94%;
margin: 0px 3% 0;
padding: 0;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 800px) {

	.centerContainer {
	width: 100%;
	margin: 0 auto;
	}
	.centerContainerInner {
	width: 100%;
	margin: 0;
	padding: 0 3% 0;
	box-sizing: border-box;
	}

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1040px) {

	.centerContainer {
	width: 1100px;
	}
	.centerContainerInner {
	width: 1100px;
	margin: 0 0px;
	padding: 0px 0px;
	}
	#header .centerContainerInner {
	width: 1100px;
	margin: 0 0px;
	padding: 0px 0px;
	}

}

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

#header
{
height: auto;
z-index:1000;
box-shadow: none;
border-bottom:5px solid #FFF;
}

.navigation-wrapper
{
float: left;
position: relative;
width : 100%;
background: #fff;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width:500px) {

	#header
	{
	height: auto;
	}

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width:900px) {

	#header
	{
	height: auto;
	}

	#header.stuck,
	#sectionNav.stuck
	{
	position: fixed;
	top:0;
	left:0;
	right:0;
	z-index: 1000;
	box-shadow: 0px 0px 3px 1px rgba(100,100,100,0.3);
	}

	#sectionNav.stuck
	{
	position: fixed;
	top:45px;
	left:0;
	right:0; z-index: 500;
	box-shadow: none;
	}

}

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

a#logo #icon
{
width:170px;

background-size: 100% auto;
margin:15px 0px 10px 0px;
}

.stuck a#logo #icon
{
width:140px;
margin: -1px auto 3px;

background-size: cover;
}

a#logo span
{
display: none;
}

.siteSearchContainer
{
right: 0px;
top: 38px;
z-index: 5000;
}

.siteSearchContainer input.siteSearchInput {
padding: 8px 0px 8px 10px;
margin: 5px 0px 8px 0px;
color: #FFF;
}

.siteSearchContainer input.siteSearchInput:focus
{
background : #2964c5;
color: #FFF!important;
}

.siteSearchContainer input.siteSearchSubmit {
position: absolute;
top: 10px;
right: 0px;
width: 20px!important;
height: 20px!important;
cursor: pointer;
border: none;
color: #FFF!important;
background :url(http://www.waterforce.co.nz/images/style/searchIcon.png) center center no-repeat;
}

	a#logo img
	{
	margin:47px 0px 35px;
	}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width:500px) {

	a#logo #icon
	{
	margin:0;
	}

	a#logo
	{
    float: left;
	display: inline-block;
	width: 254px;
	height: 65px;
	margin:47px auto 35px;
	transition: 0.2s all;
	}

	a#logo div
	{
	width: 100%;
	}

	a#logo span
	{
	display: none;
	}

  	a#logo img
	{
	margin:0px 0px 0px;
	}

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width:740px) {

	#header.stuck a#logo
	{
	width:100px;
	height: auto;
	margin: 7px 0px -9px 0px;
	}

}


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

.mobileMenu
{
display:block;
}

.menu-collapser
{
color:#333;
background:#f8f8f8!important;
}

.mobileMenu
{
position:relative;
float:left;
width:100%;
margin:0px 0px 20px 0px;
background:#FFF;
}

.mobileMenu .collapsed
{
display:block;
margin:0px;
padding:0px;
}

.mobileMenu ul li
{
position:relative;
float:left;
display:block;
width:96%;
color:#333;
margin:0px 2% 0px!important;
padding:0px;
border-bottom:2px solid #f8f8f8;
}

.mobileMenu ul li a
{
display:block;
padding:10px 0px;
text-decoration:none;
color:#333;
}

.sub-toggle
{
position: absolute;
right:10px;
top:8px;
cursor: pointer;
color:#0047ba;
}

.mobileMenu ul li ul
{
padding:0px;
margin:0px;
width:100%;
}

.mobileMenu ul li ul li
{

margin:0px 0% 0px 0px!important;
padding:0px 20px 0px 20px!important;
width:100%;
border-bottom:2px solid #FFF;
background:#f8f8f8;
box-sizing:border-box;
}

.case-studies-anchor span,
.news-anchor span,
.news-anchor span,
.mobileMenu ul.newsMenu ,
.mobileMenu ul.caseStudiesMenu
{
display:none!important;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 740px) {
.mobileMenu
{
display:none;
}

}


.menu-collapser{
height:48px;
padding:0 8px;
font-size:15px;
line-height:48px;
}

.collapse-button{
position:absolute;
right:8px;
top:50%;
width:40px;
padding:7px 10px;
font-size:14px;
text-align:center;
border-radius:2px;
}

.collapse-button:hover,
.collapse-button:focus{}
.collapse-button .icon-bar{
height:2px;
width:18px;
margin:2px 0;
border-radius:1px}

.headerNavigation
{
display:none;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 740px) {
.headerNavigation
{
display:block;
margin: 8px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

}

.headerNavigation ul li
{
margin: 0px 0px 0px 0px;
padding:0px 0px 25px 0px!important;
}

.subNavBg
{
position:relative;
float:left;
width:100%;
height:0;
overflow:hidden;
background:#000;
transition: all 0.5s ease-in;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 740px) {

.subNavBg
{
position: absolute;
top:147px;
left:0px;
width:100%;
height:0;
overflow:hidden;
background:#000;
transition: all 0.5s ease-in;
}

}

.subNavBg:hover,
.subNavBg.subNavBgFullWidth
{
position: absolute;
float:left;
top:147px;
left:0px;
width:100%;
height:240px;
background:#e6e6e6;
transition: all 0.5s ease-in;
z-index:5000;
}



.subNavBg .subLevel
{
display:none;
}

.subNavBg .subLevel:hover,
.subNavBg .subLevel.show
{
position:relative;
float:left;
width:100%;
height:240px;
box-sizing:border-box;
padding:40px 30px;
margin:0px 0px 0px;
display:block;
z-index:5000;
}


.subNavBg .subLevel ul
{
position:relative;
float:left;
width:96%;
margin:0px 2%;
padding:0px;
}

.subNavBg .subLevel.subNavFour ul {
    float: left;
    margin: 0 2%;
    padding: 0;
    position: relative;
    width: 100%;
}

.find-us-anchor .menuSelected, .find-us-anchor .menu {
    margin-left: 9px;
}

.subNavBg .subLevel ul li
{
position:relative;
float:right;
width:48%;
margin:0px 0!important;
padding:0px 0px 0px;
}


.subNavBg .subLevel.subNavOne ul li
{
float:left;
}

.subNavBg .subLevel.subNavThree ul li,
.subNavBg .subLevel.subNavTwo ul li
{
width:48%;
}

.subNavBg .subLevel ul li a
{
 text-decoration:none;
color:#0047ba;
text-transform:uppercase;
}

.subNavBg .subLevel ul li ul
{
margin:5px 0px;
border-top:2px solid #FFF;
padding:10px 0px;
}

.subNavBg .subLevel.subNavThree ul ul ul,
.subNavBg .subLevel.subNavTwo ul ul ul
{
display:none;
}

.subNavBg .subLevel ul li ul li
{
padding:0px 4px 0px 5px!important;
}

.subNavBg .subLevel ul li ul li a
{
text-transform:none;
color:#808080;
font-size:16px;
line-height: 200%;
}

.subNavBg .subLevel ul li ul li a:before
{
position: relative;
left: -5px !important;
top: 1px !important;
content:">";

}

#header #navigation
{
display:none;
}



@media screen and (min-width: 740px) {

#header #navigation
{
display:block;
margin : 43px 40px 0px 0px;
z-index: 2000;
min-width: 480px;
}

#header #navigation ul
{
margin: 0 auto;
padding: 0px  0px 0px 5px;
list-style: none;
float: none;
position: relative;
z-index:5000;
}

#header #navigation ul li.what-we-do-anchor,
#header #navigation ul li.who-we-help-anchor,
#header #navigation ul li.technology-anchor,
#header #navigation ul li.find-us-anchor
{
display:none;
}

#header #navigation ul li:nth-child(1),
#header #navigation ul li:nth-child(2),
#header #navigation ul li:nth-child(3),
#header #navigation ul li:nth-child(4)
{
display:block;
float: left;
position: relative;
padding: 0px 0px 0px 0px;
height: 34px;
line-height: 34px;
margin: 0px 0px 0px 0px;
background: url(http://www.waterforce.co.nz/images/style/navigtation_divider.png) top right no-repeat;
}

#header #navigation ul li ul li
{
background: none!important;
}

#header #navigation ul li a
{
display: block;
width: auto;
text-align: center;
height: 34px;
line-height: 30px;
padding: 0px 17px;
margin: 0px;
list-style: none;
float: left;
text-transform: none;
letter-spacing: 0;
font-size: 14px;
position: relative;
color: #FFF;
text-decoration: none ;
}

#header #navigation ul li a.menuSelected,
#header #navigation ul li a:hover
{
color: #00ffff !important;
}

.menuSelected {
color: #00ffff !important;
}

#header #navigation ul li ul
{
display: none;
}

#header #navigation ul li ul.newsMenu.virtualModuleMenu
{
display:none!important;
}

#header #navigation ul li:hover ul
{
display: block;
}

#header #navigation ul li ul
{
margin: 0px 0px 0px -3px;
padding: 10px 3px 10px 0px;
list-style: none;
float: none;
position: absolute;
top: 34px;
left: 3px;
width: 240px;
background: #0d57ce;
}

#header #navigation ul li ul li
{
float: left;
position: relative;
padding: 0px 0px 0px 3px;
height: auto;
min-height: 20px;
width: 240px;
line-height: 19px;
margin: 0px 0px 0px 0px;
background: #0047ba;
}

#header #navigation ul li ul li:first-child
{
background: #0047ba;
}

#header #navigation ul li ul li a
{
display: block;
width: auto;
text-align: center;
height: 34px;
line-height: 30px;
padding: 0px 17px;
margin: 0px;
list-style: none;
float: left;
text-transform: none;
letter-spacing: 0;
font-size: 14px;
position: relative;
color: #FFF;
text-decoration: none ;
}

#header #navigation .caseStudiesMenu,
#header #navigation .faqModuleMenu{
display: none !important;
}

.stuck .headerNavigation
{
margin: 5px 0px 0px 0px;
}

.headerNavigation > ul li{  background:#0047ba;}


.headerNavigation > ul.collapsed li .sub-toggle{
height:34px
}

.headerNavigation > ul li{
float:left;
border: none;
}

.headerNavigation > ul li ul{
margin:0;
padding:0;
width: 100%;
}

.headerNavigation > ul li ul li{
width: 100%;
}
.headerNavigation > ul li ul li a{
font-size: 14px;
}
.headerNavigation > ul li ul li{}
.headerNavigation > ul li>ul{}
.headerNavigation > ul li>ul>li ul{}

.headerNavigation > ul li ul li a,
.headerNavigation > ul li a,
.headerNavigation > ul li.has-submenu > a
{
font-size:15px;
font-weight:bold;
color : #FFF;
text-transform:uppercase;
text-decoration: none;
}

.headerNavigation > ul li ul li a,
.headerNavigation > ul li a,
.headerNavigation > ul li.has-submenu > a
{
padding:8px 22px;
}

.headerNavigation ul li:last-child a
{
padding-right:0;
}

.headerNavigation > ul li a.selected,
.headerNavigation > ul li a:hover
{
color:#00ffff;
background:#0047ba;
}

.headerNavigation > ul li .sub-toggle{
right:0;
top:0;
width:30px;
text-align:center;
display:none;
}

.headerNavigation > ul li .sub-toggle:before{
margin-right:0em;
vertical-align:middle;
}

.headerNavigation > ul li .sub-toggle>i{
font-size:18px;
vertical-align:middle;
font-weight: bold;
font-size: 18px;
color: #696969;
transform: rotate(90deg);
}

.headerNavigation > ul>li{}
.headerNavigation > ul>li:first-child,
.headerNavigation > ul>li.has-submenu+li{}
{
display: none !important;
}

.headerNavigation ul li ul{
width: 100% ;
}

.headerNavigation ul li ul li{
width: 100% ;
}

.headerNavigation ul li ul.servicesMenu.virtualModuleMenu,
.headerNavigation ul li ul.servicesMenu.virtualModuleMenu li,
.headerNavigation ul li ul.servicesMenu.virtualModuleMenu li a
{
  position: relative !important;
  display: block !important;
  opacity: 1 !important;
  height : auto !important;
border: none;
  margin: 0 !important;
  padding: 0 !important;

}

.headerNavigation ul li ul.servicesMenu.virtualModuleMenu li a
{
text-transform: none;
}

ul.servicesMenu
{

}

ul.servicesMenu li
{

}

ul.servicesMenu li a
{

}

ul.servicesMenu li a:hover
{

}

}

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

.moduleComponentContainerCategoryHeaderBanners,
.moduleComponentContainerheaderBanners
{
float: left;
position: relative;
width: 100%;
}

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

.sy-list,
.sy-list li,
.sy-slide
{
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}

.sy-controls,
.sy-pager
{
}

.moduleComponentContainerhomeBanners
{
float: left;
position: relative;
width: 100% !important;
height: 625px !important;
}

.moduleComponenthomeBanners,
.moduleComponentContainerhomeBanners
{
width: 100% !important;
height: 625px !important;
background-position: center;
background-size: cover;
}

.moduleComponenthomeBanners .centerContainer
{
height: 625px !important;
}

.moduleComponenthomeBanners .centerContainerInner
{
height: 625px !important;
}

.moduleComponentCategoryHeaderBanners .bannerHtmlContent,
.moduleComponentheaderBanners .bannerHtmlContent,
.moduleComponenthomeBanners .bannerHtmlContent
{position: relative;display: inline-block;top: 50%;width: 100%;text-align: center;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

@media screen and (max-width:600px)
{
	.moduleComponentheaderBanners .bannerHtmlContent
	{
		top:45%;
	}
}
.moduleComponentCategoryHeaderBanners .bannerHtmlContent p,
.moduleComponentheaderBanners .bannerHtmlContent p,
.moduleComponenthomeBanners .bannerHtmlContent p
{
  font-size: 26px;
 text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.9);
text-align: center;
}


#home .moduleComponenthomeBanners .bannerHtmlContent p
{
font-size: 40px;
}

.moduleComponentCategoryHeaderBanners .bannerHtmlContent,
.moduleComponentheaderBanners .bannerHtmlContent,
.moduleComponenthomeBanners .bannerHtmlContent
{
  position: absolute;
width: 100%;

  text-align: left;
}

.moduleComponentCategoryHeaderBanners h1,
.moduleComponentCategoryHeaderBanners h2,
.moduleComponentCategoryHeaderBanners h3,
.moduleComponentCategoryHeaderBanners h4,
.moduleComponentCategoryHeaderBanners p,
.moduleComponentCategoryHeaderBanners a,
.moduleComponentheaderBanners h1,
.moduleComponentheaderBanners h2,
.moduleComponentheaderBanners h3,
.moduleComponentheaderBanners h4,
.moduleComponentheaderBanners p,
.moduleComponentheaderBanners a,
.moduleComponenthomeBanners h1,
.moduleComponenthomeBanners h2,
.moduleComponenthomeBanners h3,
.moduleComponenthomeBanners h4,
.moduleComponenthomeBanners p,
.moduleComponenthomeBanners a
{
color: #fff;
}

.moduleComponenthomeBanners a{

}

.moduleComponenthomeBanners p
{

}

.moduleComponentCategoryHeaderBanners h1,
.moduleComponentheaderBanners h1,
.moduleComponenthomeBanners h1
{
display: inline-block;
background:#fff;
color: #0081b9;
padding: 16px 0px 20px;
text-transform: uppercase;
font-size: 44px;
margin: 8px 0px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width:750px) {

.moduleComponentCategoryHeaderBanners .bannerHtmlContent p,
.moduleComponentheaderBanners .bannerHtmlContent p,
	.moduleComponenthomeBanners .bannerHtmlContent p
	{
	font-size: 15px;
	text-align: left;
	}


}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width:740px) {

	.moduleComponentContainerhomeBanners
	{
	float: left;
	position: relative;
	width: 100% !important;
	height: 625px !important;
	}

	.moduleComponenthomeBanners,
	.moduleComponentContainerhomeBanners
	{
	width: 100% !important;
	height: 625px !important;
	background-position: center;
	background-size: cover;
	}

	.moduleComponenthomeBanners .centerContainer
	{
	height: 625px !important;
	}

	.moduleComponenthomeBanners .centerContainerInner
	{
	height: 625px !important;
	}

  .moduleComponentCategoryHeaderBanners .bannerHtmlContent,
	.moduleComponentheaderBanners .bannerHtmlContent,
	.moduleComponenthomeBanners .bannerHtmlContent
	{
	top: 50%;
	width: 50%;

	}

.moduleComponentCategoryHeaderBanners .bannerHtmlContent p,
.moduleComponentheaderBanners .bannerHtmlContent p,
	.moduleComponenthomeBanners .bannerHtmlContent p
	{
	font-size: 26px;
 text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.9);
	}

.moduleComponentCategoryHeaderBanners .bannerHtmlContent p,
.moduleComponentheaderBanners .bannerHtmlContent p,
	#home .moduleComponenthomeBanners .bannerHtmlContent p
	{
	font-size: 40px;
  font-style: italic;
text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.9);
	}
.moduleComponentCategoryHeaderBanners .bannerHtmlContent,
.moduleComponentheaderBanners .bannerHtmlContent,
	.moduleComponenthomeBanners .bannerHtmlContent
	{
	  left: 2%;
	}

}

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



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

.moduleComponentCategoryHeaderBanners,
.moduleComponentContainerCategoryHeaderBanners,
.moduleComponentheaderBanners,
.moduleComponentContainerheaderBanners
{
float: left;
position: relative;
width: 100% !important;
height: auto !important;
}

.moduleComponentCategoryHeaderBanners,
.moduleComponentheaderBanners
{
width: 100% !important;
height: 376px !important;
background-position: center;
background-size: cover;
margin-bottom: 0px !important;
}
@media screen and (max-width:1100px)
{
	.moduleComponentCategoryHeaderBanners,
	.moduleComponentheaderBanners
	{
	width: 100% !important;
	height: 220px !important;
	}
}

.moduleComponentCategoryHeaderBanners .centerContainer,
.moduleComponentheaderBanners .centerContainer
{
height: 376px !important;
}

.moduleComponentCategoryHeaderBanners .centerContainerInner,
.moduleComponentheaderBanners .centerContainerInner
{height: 376px !important;}




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

#homeContent,
#defaultContent
{
background: #fff;
padding: 0px 0px;
}

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

#pageEditorContent
{
padding: 35px 0px;
color:#808080;
}

.products #pageEditorContent #pageSource
{
border-bottom:2px solid #b2c7ea;
padding:40px 0px 40px;
font-size:1px;
margin-bottom:40px;
}

.products #pageEditorContent #pageSource p
{
font-size:18px;
}


#home #pageEditorContent
{
width: 88%;
padding: 15px 6%;
}


.products #navBar {
    display: none;
}


.sy-caption-wrap {
    display: none;
}




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

#footer
{
padding-top: 20px;
}

#footer .centerContainer
{
text-align:center;
}


#footer a
{
text-decoration: none;
}


#footer #panelOne a
{
font-size:14px;
margin:0px 10px;
font-weight: 400;
display: inline-block;
}

#footer #panelOne a.selected,
#footer #panelOne a:hover
{
color:#00ffff;
}

#footer #panelTwo h2
{
font-size:26px;
font-weight:400;
text-transform:none;
margin:10px 0px 20px;
}

#footer #panelTwo h2 strong
{

}

#footer #panelThree a
{
margin:0px 5px;
}

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

p#copyright
{
display:inline-block;
padding: 10px 0px;
text-transform:none;
font-size:13px!important;
}

#footer p#copyright a
{
display: inline;
text-transform: none;
}

#footer p#copyright,
#footer p#copyright span,


#footer p#copyright a
{
color: #858585!important;
text-align:center;
margin:0px 0px 20px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width:740px) {

	#footer p#copyright span.floatRight
	{
	float: right !important;
	}

}

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

#pageTitle h1.contentPageTitle
{
text-transform: uppercase;
font-size: 28px;
font-weight: 900;
text-align: center;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width:500px) {

	#pageTitle h1.contentPageTitle
	{
	text-align: center;
	}

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width:840px) {

	#pageTitle h1.contentPageTitle
	{
	text-align: left;
	}

}

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

#listingBlog
{
width:100%;
margin-top: 45px;
margin-bottom: 45px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 500px) {

	#listingBlog
	{
	width:60%;
	margin-top: 45px;
	margin-bottom: 45px;
	}

	.standardModule[class*="moduleListingWrapper"] #navBar {
	float: right;
	width: 38%;
	}

	#listingBlog .listingItem.standardModule .moduleItemContent
	{
	width:100%;
	}

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 740px) {

	#listingBlog
	{
	width:65%;
	margin-top: 45px;
	margin-bottom: 45px;
	}


	.standardModule[class*="moduleListingWrapper"] #navBar {
	float: right;
	width: 30%;
	}

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1040px) {

	#listingBlog
	{
	width:76%;
	margin-top: 45px;
	margin-bottom: 45px;
	}

	.standardModule[class*="moduleListingWrapper"] #navBar {
	float: right;
	width: 20%;
	}

}


#listingBlog .listingItem:nth-child(odd),
#listingBlog .listingItem:nth-child(even) {
background:#fff !important;
}

.blog #navBar
{
box-sizing: padding-box;
padding:25px;
margin-top: 60px;
background: #f6f6f6;
}

.blog #navBar a,
.blog #navBar .navCategoryBlogLinks a,
.blog #navBar .navDateLinks a{
text-decoration: none;
font-size:14px;
}

.moduleDetailWrapperBlog
{
float: left;
position: relative;
width: 100%;
margin: 45px 0px ;
padding: 0px 0px 20px 0px;
}

.moduleDetailWrapperBlog #navBar
{
display: none;
}

.faqs .centerContainer #navBar {
	display: block;
    width: 100%;
    width: 100%;
}

.faqs .fullWidthContainer {
    margin-top: 0;
    padding-top: 0 !important;
}

.faqs #listingFaqModule a {
    display: none;
}


.faqs .navCategorySelect select {
    background: #0047ba none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 16px;
    padding: 4px 10px;
    text-transform: uppercase;
    width: 100%;
}

.faqs .navCategorySelect option {
    border-bottom: 1px dashed #ccc;
    color: #000;
    padding: 10px 0 10px 10px;
    background: #e6e6e6;
}

.faqs .title {
    font-size: 21px;
    margin: 20px 0 0;
}

.faqs .listingItem.standardModule {
    margin: 0 0 20px;
}

.faqs .moduleItemContent > p {
    margin: 12px 0 20px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 500px) {

.listingItem:nth-child(2n+1) .moduleItemContent,
.listingItem:nth-child(2n) .moduleItemContent
{
width:100%;
}
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 850px) {

	#listingBlog .listingItem
	{

	}

	#listingBlog .listingItem:nth-child(odd)
	{

	}

	#listingBlog .listingItem:nth-child(even) {
	background:#fff !important;
	}

	#listingBlog .listingItem:nth-child(odd) .moduleItemImage
	{
	margin: 0px 0px 0px 35px;
	}

	#listingBlog .listingItem:nth-child(even) .moduleItemImage
	{
	margin: 0px 35px 0px 0px;
	}

	#listingBlog .listingItem p
	{
	font-size:14px;
	}

	#listingBlog .listingItem h2.title{
	text-transform: none;
	color : #000;
	margin-bottom:0;
	}

}

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

#moduleItemBlog{
margin: 0px 0px 50px 0px;
box-sizing: content-box;
}

#moduleItemBlog #moduleItemContent{
box-sizing: content-box;
}

#moduleItemBlog.moduleItem .moduleItemImage {
float: right;
margin: 0 0 30px 3%;
width: 30%;
}

#moduleItemBlog p
{

}

#moduleItemBlog #moduleItemBack
{
margin:0px 0px 30px 0px;
}

#moduleItemBlog #moduleItemBack a{
color: #666666;
text-decoration: none;
text-transform: uppercase;
}

#moduleItemBlog #imageContainer
{
border:1px solid #e5e5e5;
}

#moduleItem.moduleItemBlog #imageContainer .moduleItemImage
{
width:100%;
margin:0px 0px 15px 15px;
}

#moduleItemBlog #contentContainer h2
{
font-size: 30px;
margin: 0px 0px 8px 0px;
}


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

#navBar
{
margin:20px 0px 0px 0px;
}

#navBar ul,
#navBar ul li,
#navBar h3 {
margin:0;
padding:0;
list-style: none;
}

#navBar h3
{
margin: 15px 0px 0px 0px;
}



#navBar .navCategoryLinks
{
display: inline-block;
float: left;
}

#navBar .navCategoryLinks a
{






display: inline-block;
float: left;
padding: 10px 30px;
margin: 0px 8px 8px 0px;
border: 2px solid #d9d9d9;
color: #999999;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-size:15px;
transition: 0.3s all;
border-radius: 3px;
}

#navBar .navCategoryLinks a.selected,
#navBar .navCategoryLinks a:hover
{
border: 2px solid #204998;
color: #204998;
}

/* ---- All galleries ---- */

#imageContainer .html5gallery-box-0
{
border: 1px solid #eaeaea;
}

#imageContainer .html5gallery-toolbox-0
{
display: block !important;
opacity: 1 !important;
z-index: 3000 !important;
}

#imageContainer .html5gallery-left-0,
#imageContainer .html5gallery-right-0
{
z-index: 5000 !important;
}

#imageContainer .html5gallery-thumbs-0
{
margin: 0 !important;
}

#imageContainer .html5gallery-title-text-0
{
display: none;
}

#imageContainer .html5gallery-elem-img-0
{
background: #fff !important;
}

#imageContainer .html5gallery-elem-img-0 img
{
margin: 0 auto !important;

position: relative !important;
width:auto !important;
height: auto !important;

overflow: auto !important;
margin: auto !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
bottom: 0 !important;
right: 0 !important;
}

#imageContainer .html5gallery-elem-image-0
{

width: auto !important;
left: 0px !important;
top: 0 !important;
height: 100% !important;
}

#imageContainer .html5gallery-thumbs-0
{
margin: 0 !important;
}

#imageContainer .html5gallery-title-text-0
{
display: none;
}

#imageContainer .html5gallery-elem-img-0
{
background: #fff !important;
}

#imageContainer .html5gallery-elem-image-0
{
width: auto !important;
left: 0px !important;
top: 0 !important;
height: 100% !important;





}

#imageContainer .html5gallery
{
height: 500px !important;
}

#imageContainer .html5gallery
{
height: 0px !important;
}

#imageContainer .html5gallery-car-0{
margin: -10px 0px 0px 0px !important;
}

#imageContainer .html5gallery-tn-selected-0,
#imageContainer .html5gallery-tn-0,
#imageContainer .html5gallery-tn-img-0,
#imageContainer .html5gallery-tn-img-0 div,
#imageContainer .html5gallery-tn-img-0 div img,
#imageContainer .html5gallery-tn-0:hover,
#imageContainer .html5gallery-tn-img-0:hover,
#imageContainer .html5gallery-tn-img-0 div:hover,
#imageContainer .html5gallery-tn-img-0 div:hover img:hover
{
margin: 0px 12.5px 13px 0px !important;
padding: 0 !important;
border: none !important;
width: 120px !important;
height: 120px !important;
}

#imageContainer .html5gallery-tn-img-0 div img
{
width: 118px !important;
height: 118px !important;
border: 1px solid #eaeaea !important;
}

#imageContainer .html5gallery-tn-img-0 div:hover img,
#imageContainer .html5gallery-tn-img-0 div:hover img:hover
{
width: 118px !important;
height: 118px !important;
border: 1px solid #0081b9 !important;
}

#imageContainer .html5gallery-car-mask-0,
#imageContainer .html5gallery-car-0,
#imageContainer .html5gallery-car-list-0,
#imageContainer .html5gallery-thumbs-0
{
height: 120px !important;
width: auto !important;
margin: 0px 0px 0px 0px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (max-width:500px) {

	#imageContainer .html5gallery
	{
	margin: 15px 0px 0px 0 !important;
	height: 410px !important;
	}

}

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

.liquid-slider{
background : transparent !important;
}

.liquid-slider{
width: 1000px;
}

.liquid-slider .ls-panel{
width: 1000px;
}

.panel-wrapper {
padding: 0px;
}

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

#sectionNav .centerContainerInner
{
text-align:center;
}

#sectionNav a.fsub
{
display: inline-block;
padding: 6px 25px;
margin: 16px auto !important;
float: none !important;
}

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



.ls-preloader {
  background: url(http://www.waterforce.co.nz/js/jquery.liquidslider/images/loading.gif) #f2f2f2 no-repeat center 50%;

}

.ls-select-box {
  background: url(http://www.waterforce.co.nz/js/jquery.liquidslider/images/menu.png) no-repeat right #ddd;
}
[class$="-arrow"] {
  background-image: url(http://www.waterforce.co.nz/js/jquery.liquidslider/images/arrow.png);
}

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

.ls-nav ul
{

}

.ls-nav ul li,
.ls-nav ul li a
{
text-align: center;
float: none;
display: inline;
margin:0 !important;
padding:0 !important;
width: 10px;
height: 10px;
background: #e2e2e2;
}

.ls-nav ul li
{
margin:0 3px !important;
cursor: pointer;
}

.ls-nav ul li.current
{
text-align: center;
float: none;
display: inline;
margin:0 3px !important;
padding:0 !important;
width: 10px;
height: 10px;
background: #0081b9;
}

.liquid-slider .ls-panel
{
box-sizing: border-box;
padding: 20px 30px;
}

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

.navigation-wrapper
{
 margin: 0px 0px 0px 0px;
}

#home .navigation-wrapper
{
margin: 0px 0px 0px 0px;
}


.listingItem.standardModule
{
float: none;
position: relative;
overflow: hidden;
}

.listingItem.standardModule .moduleItemContent
{

}

.listingItem.standardModule h3.title
{
color: #000;
font-size: 26px;
}

.listingItem.standardModule h3.title a
{
position: relative;
top: -3px;
color: #0081b9;
font-size: 18px;
margin: 0px 0px 0px 15px;
}

.listingItem.standardModule h3.title i
{
border: 1px solid #0081b9;
display: inline-block;
width: 16px;
height: 16px;
font-size: 11px;
border-radius: 100%;
border-width:2px;
text-align: center;
}

.listingItem.standardModule h3.title i:before
{
position: relative;
left: 0px !important;
top: 1px !important;
}

.listingItem.standardModule h3.title a:after
{
content: "more info";
margin-left: 8px;

}

.listingItem.standardModule h3.title.selected a:after
{
content: "less info";
}

.listingItem.standardModule h3.title.selected a i:before
{
content: "\f176";

}

.listingItem.standardModule h3.title.selected a
{

}

.listingItem.standardModule .content
{
float: left;
display: block;
height: 0;
opacity: 0;
position: relative;
transition: all 1.5s ease 0s;
width: 100%;
overflow: hidden;
}

.listingItem.standardModule .content.selected
{
height: auto;
opacity: 1;
transition: all 1.5s ease 0s;
overflow: visible;
}

.listingItem.standardModule h3.title:hover,
.listingItem.standardModule h3.title.selected {
background:  none;
color: #000;
}

.listingItem.standardModule h3.title.selected {
}

.listingItem.standardModule h3.title:after {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #fff;
border-image: none;
border-style: solid;
border-width: 10px;
content: " ";
height: 0;
left: 90%;
margin-top: -10px;
position: absolute;
top: 50%;
width: 0;
}

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


.standardModule[class*="moduleListingWrapper"] .listingItem:nth-child(2n+1) .moduleItemImage,
.standardModule[class*="moduleListingWrapper"] .moduleItemsListing .moduleImage,
.listingItem:nth-child(2n+1) .moduleItemImage,
.listingItem:nth-child(2n) .moduleItemImage
{
width: 100%;
margin:10px 0;
float: none !important;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 500px) {

	.standardModule[class*="moduleListingWrapper"] .listingItem:nth-child(2n+1) .moduleItemImage,
	.standardModule[class*="moduleListingWrapper"] .moduleItemsListing .moduleImage,
	.listingItem:nth-child(2n+1) .moduleItemImage,
	.listingItem:nth-child(2n) .moduleItemImage
	{
	width: auto;
	margin:30px;
	float: right !important;
	}

}



#listingItem10 .moduleItemImage
{
margin:60px 30px ;
}

.standardModule[class*="moduleListingWrapper"] .listingItem:last-child
{
border: none;
}

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

#listingTestimonials .listingItem {
border: none;
padding-top:10px;
padding-bottom:35px;
}

#listingTestimonials .listingItem .moduleItemContent::after {
border-color: #f6f6f6  transparent;
border-style: solid;
border-width: 20px 0 0 20px;
bottom: -20px;
content: "";
display: block;
left: 50px;
position: absolute;
width: 0;
}

#listingTestimonials .listingItem:nth-child(odd)  .moduleItemContent{
background: #eaeaea;
}

#listingTestimonials .listingItem:nth-child(odd) .moduleItemContent::after {
border-width: 20px 0 0 20px;
border-color: #eaeaea  transparent;
left: auto;
right: 50px;
position: absolute;
transform: rotate(270deg);
}

#listingTestimonials .listingItem .moduleItemContent {
border-radius: 10px;
margin:0;
padding: 25px 35px;
box-sizing: padding-box;
width:70%;
float: right;
position: relative;
background : #f6f6f6;
}


/*-------------------------------*/
.moduleComponentCategoryHeaderBanners .bannerHtmlContent,
.moduleComponentheaderBanners .bannerHtmlContent
{
padding: 0;
}

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



/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

@media screen and (min-width: 500px) {

	#footer div.floatLeft:nth-child(1),
	#footer div.floatLeft:nth-child(2),
	#footer div.floatLeft:nth-child(3),
	#footer div.floatLeft:nth-child(4),
	#footer div.floatLeft:nth-child(5),
	#footer div.floatRight:nth-child(6)
	{
	width: 50%;
	}

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 800px) {

	#footer div.floatLeft:nth-child(1){
	width: 11.5%;
	}

	#footer div.floatLeft:nth-child(2){
	width: 20.5%;
	}

	#footer div.floatLeft:nth-child(3){
	width: 20.5%;
	}

	#footer div.floatLeft:nth-child(4){
	width: 20.5%;
	}

	#footer div.floatLeft:nth-child(5){
	width: 16%;
	}

	#footer div.floatRight:nth-child(6){
	width: 11%;
	}

}
/*-------------------------------*/

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

.collapse-button {

border-radius: 2px;
font-size: 14px;
padding: 7px 10px;
position: absolute;
right: 8px;
text-align: center;
top: 25px;
width: 50px;
}


.collapse-button .icon-bar {
border-radius: 1px;
height: 2px;
margin: 2px 0;
width: 18px;
}
.collapse-button .icon-bar {
background-color: #f5f5f5;
}

.collapse-button .icon-bar {
background-color: #6d6968;
border-radius: 1px;
display: block;
height: 3px;
margin: 4px 0;
width: 30px;
}
.collapse-button {
background-color: #f7f7f7 ;
color: #ffffff;
}

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

.moduleComponenthomeContent:nth-of-type(1)
{
}

.moduleComponenthomeContent:nth-of-type(1) .bannerHtmlContent
{
padding:40px 0px;
color:#333;
box-sizing:border-box;
font-size: 15px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 800px) {

.moduleComponenthomeContent:nth-of-type(1) .bannerHtmlContent
{
padding:40px 150px;
}

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1040px) {


.moduleComponenthomeContent:nth-of-type(1) .bannerHtmlContent
{
padding:40px 150px;
}

}



.moduleComponenthomeContent:nth-of-type(1) .bannerHtmlContent p
{
font-size: 15px;
}

.moduleComponenthomeContent:nth-of-type(2)
{
background:#0047ba;
padding:40px 0px;
}

.moduleComponenthomeContent:nth-of-type(2) h2
{
color:#FFF;
margin:0px 0px 40px;
font-size:36px;
font-weight:400;
text-transform:none;

}

.moduleComponenthomeContent:nth-of-type(2) .columnContainer5
{
margin: 0px 0px 0px 0px!important;
padding:0px!important;

}

.moduleComponenthomeContent:nth-of-type(2) .columnContainer5 li
{
background:#2964c5;
margin:0px 6px 13px 6px!important;
padding:24px 0px 10px 20px!important;
width:98%!important;
box-sizing:border-box;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 800px) {

.moduleComponenthomeContent:nth-of-type(2) .columnContainer5 li
{
width:32%!important;
margin:0px 6px 13px 6px!important;

}

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1040px) {

.moduleComponenthomeContent:nth-of-type(2) .columnContainer5 li
{
width:19%!important;
margin:0px 0px 0px 13px!important;

}


}

.moduleComponenthomeContent:nth-of-type(2) .columnContainer5 li:first-child
{
margin: 0px 6px 0px 6px!important;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 800px) {

.moduleComponenthomeContent:nth-of-type(2) .columnContainer5 li:first-child
{
margin: 0px 6px 0px 6px!important;
}

}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1040px) {

.moduleComponenthomeContent:nth-of-type(2) .columnContainer5 li:first-child
{
margin: 0px 0px 0px 0px!important;
}

}

.moduleComponenthomeContent:nth-of-type(2) h3
{
color:#FFF;
text-transform:uppercase;
text-align:left;
margin:0px 0px 0px;
font-weight:400;
height:56px;
font-size:21px;
}

.moduleComponenthomeContent:nth-of-type(2) p
{
color:#FFF;
font-size:15px!important;
text-align:left;
margin:9px 0px;
}

.moduleComponenthomeContent:nth-of-type(2) p a
{
color:#FFF;
text-align:left;
text-decoration:none;

}
.moduleComponenthomeContent:nth-of-type(2) p:hover,
.moduleComponenthomeContent:nth-of-type(2) p a:hover
{
color:#FFF;
opacity: 0.8;
}

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

#contentFeeds
{
position:relative;
float:left;
width:100%;
padding:60px 0px;
}

#contentFeeds h2

{
text-transform:none;
color:#333333;

font-weight:400;
font-size:30px;
line-height:1.2;
margin:0px 0px 0px 0px;
}

#supportFeed
{
position:relative;
float:left;
border-top:7px solid #0047ba;
width:100%;
margin:0px 0px 0px 0px;
padding:20px 0px 0px 0px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 800px) {

#supportFeed
{
width:46%;
margin:0px 0px 0px 3%;
padding:20px 0px 0px 0px;
}

}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1040px) {

#supportFeed
{
width:29.4%;
margin:0px 0px 0px 0px;
padding:20px 0px 0px 0px;
}

}


#supportFeed .moduleComponent
{
padding:12px 0px;
}

#supportFeed .moduleComponent:nth-of-type(1)
{
border-bottom:2pxnone;
}


#supportFeed h2.bannerTitle
{
font-size:21px;
color:#0047ba;
margin:0px 0px 5px 0px;
padding:0px;
}

#supportFeed h2.bannerTitle a
{
font-size:21px;
font-weight:400;
color:#0047ba;
text-decoration:none;
margin:0px 0px 0px 0px;
padding:0px;
}


#supportFeed .bannerHtmlContent p
{
font-size:15px;
font-weight:400;
text-decoration:none;
margin:0px 0px 0px 0px;
padding:0px;
color:#333;
}

#supportFeed .readMore {
margin: 10px 0 !important;
}

#supportFeed .bannerHtmlContent p a
{
text-decoration:none;
color:#648fd5;

}

#newsFeed
{
position:relative;
float:left;
border-top:7px solid #0047ba;
width:100%;
margin:0px 0% 0px;
padding:20px 0px 0px 0px;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 800px) {

#newsFeed
{
width:46%;
margin:0px 0% 0px 3%;
padding:20px 0px 0px 0px;

}

}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1040px) {

#newsFeed
{
width:29.4%;
margin:0px 64px 0px;
padding:20px 0px 0px 0px;
}

}


#newsFeed p.title
{
font-size:21px;
color:#0047ba;
margin:0px 0px 5px 0px;
padding:0px;
line-height:1;
}

#newsFeed p.title a
{
font-size:21px;
font-weight:400;
color:#0047ba;
text-decoration:none;
margin:0px 0px 0px 0px;
padding:0px;
}


#newsFeed .moduleItemImage
{
position:relative;
float:left;
width:135px;
margin-right:25px;
margin-top:20px;
}

#newsFeed .content
{
position:relative;
float:left;
width:160px;
min-height:200px;
}

#moduleComponentcaseStudies .componentItem,
#moduleComponentcaseStudies
{
width:100%!important;
}

#newsFeed .content
{
width:76%;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 800px) {

#moduleComponentcaseStudies .componentItem,
#moduleComponentcaseStudies
{
width:100%!important;
}

#newsFeed .content
{
width:40%;
}

}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1040px) {

#newsFeed .content
{
width:160px;
}

}


#newsFeed .content
{
font-size:15px;
font-weight:400;
text-decoration:none;
margin:20px 0px 0px 0px;
padding:0px;
color:#333;
}

#newsFeed .content p.readMore a
{
text-decoration:none;
color:#648fd5;
font-style:italic;
font-size:15px;
}

#homeSlideNav
{
position: absolute;
bottom: -25px;
right: 0px;
z-index: 3000;
background: none;
}

#homeSlideNav a
{
margin: 0px 2px;
display: block;
float: left;
width: 15px;
height: 15px;
background: url(http://www.waterforce.co.nz/images/style/progress_icon.png) 0px -15px no-repeat;
}

#homeSlideNav a.activeSlide
{
font-weight: bold;
color: #FFF;
background: url(http://www.waterforce.co.nz/images/style/progress_icon.png) 0px 1px no-repeat;
}

#calculatorFeed
{
position:relative;
float:left;
border-top:7px solid #0047ba;
width:100%;
margin:46px 0px 0px;
padding:20px 0px 0px 0px;
}


#terraTestContainer a#terraTestLink
{
position: absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
}

#terraTestContainer
{
position:relative;
float:left;
}
@media screen and (max-width:1040px)
{
	#terraTestContainer
	{
		margin-bottom:15px;
	}
}
#terraTestContainer img
{
position:relative;
float:left;
margin:10px 10px 0px 0px;
}

#calculatorContainer a#terraTestLink
{
position: absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
}

#calculatorContainer
{
position:relative;
float:left;
border-top:2px dotted #5080cf;
padding-top:10px;
}

#calculatorContainer img
{
position:relative;
float:left;
margin:10px 10px 0px 0px;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 800px) {

#calculatorFeed
{
width:94%;
margin:40px 3% 0px;
padding:20px 0% 0px 0%;
box-sizing:border-box;
}

}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1040px) {

#calculatorFeed
{
width:29.4%;
margin:0px 0px 0px;
padding:20px 0px 0px 0px;
}

}

#homeCallout
{
position:relative;
float:left;
height:380px;
background: url(http://www.waterforce.co.nz/images/style/homeCallout_bg.jpg) 0px 0px repeat-x;
}

#homeCallout h2
{
color:#FFF;
text-transform:none;
}

#homeCallout h2.bannerTitle
{
display:none;
}

#homeCallout .moduleComponentContainerhomeCallout #moduleComponent54
{
background: url(http://www.waterforce.co.nz/images/style/homeCalloutImage.png) right center no-repeat!important;
height:380px;
box-sizing:border-box;
padding:50px 0px 0px;
background-size:50%!important;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 800px) {

#homeCallout .moduleComponentContainerhomeCallout #moduleComponent54
{
padding:100px 0px 0px;
background-size:auto!important;
}

}


#homeCallout .moduleComponentContainerhomeCallout #moduleComponent54 h2
{
font-size:36px;
font-weight:400;
}

#homeCallout .moduleComponentContainerhomeCallout #moduleComponent54 p
{
color:#FFF;
font-size:15px;
}

#homeCallout .moduleComponentContainerhomeCallout #moduleComponent54 .bannerHtmlContent
{
width:45%;
}

#homeCallout .moduleComponentContainerhomeCallout #moduleComponent54 .bannerHtmlContent p a
{
display:block;
background:#FFF;
margin-top:30px;
width:105px;
padding:10px 11px 10px 15px;
color:#0047ba;
text-decoration:none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

#homeCallout .moduleComponentContainerhomeCallout #moduleComponent54 .bannerHtmlContent p a:hover
{
background:#00ffff;
color: #0047ba;
}

/*********************/
#locationsContainer
{
position:relative;
float:left;
background:#e6e6e6;
padding:0px 0;
}

#locationsContainer .centerContainer {
    text-align: center;
}

#locationsContainer h2
{
margin:20px 0 10px;
text-align:center;
color:#333333;
font-weight: 400;
font-size: 36px;
}

#moduleComponentfindUs
{
box-sizing:border-box;
padding:0px 0px;
}

#locationsContainer ul
{
display:inline-block;
width:100%;
text-align:center;
margin:10px 0 20px;
padding:10px 0px;

}


#locationsContainer li
{

display:inline-block;
width:90%;
text-align:center;
margin:5px 10px;
padding:10px 0px;
background:#f1f1f1;

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 800px) {

#locationsContainer ul
{
width:80%;

}


#locationsContainer li
{
width:36%;
}

}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1040px) {

#locationsContainer ul
{
width:80%;
}


#locationsContainer li
{
width:36%;
}

}

#locationsContainer li a
{
display:block;
width:100%;
text-align:center;
margin:0px 0px;
padding:0px 0px;
line-height:1;
text-decoration:none;
color:#0047ba;
font-size:15px;
}

#locationsContainer li:hover
{
background:#FFF;
}


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



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

#whatsHappeningContainer
{
position:relative;
float:left;
padding:40px 0px;
}

#whatsHappeningContainer h2
{
position:relative;
float:left;
color:#333333;
margin: 20px 0px;
font-weight:400;
font-size: 34px;
}



#whatsHappeningContainer #moduleComponentnews
{
position:relative;
float:right;
width:80%;
}




@media screen and (max-width:800px)
{
	#whatsHappeningContainer #moduleComponentnews
	{
		width:100%;
	}
}
#whatsHappeningContainer #moduleComponentnews .componentItem
{
position:relative;
float:right;
width:100%!important;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 800px) {

#whatsHappeningContainer #moduleComponentnews .componentItem
{
width:100%!important;
}


}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1040px) {

#whatsHappeningContainer #moduleComponentnews .componentItem
{
position:relative;
float:right;
width:47%!important;
}

}

#whatsHappeningContainer p.title
{
font-size:21px;
color:#0047ba;
margin:0px 0px 5px 0px;
padding:0px;
line-height:1;
}

#whatsHappeningContainer p.title a
{
font-size:21px;
font-weight:400;
color:#0047ba;
text-decoration:none;
margin:0px 0px 0px 0px;
padding:0px;
}

#whatsHappeningContainer .content
{
font-size:15px;
font-weight:400;
text-decoration:none;
margin:0px;
padding:0px;
color:#333;
}

#whatsHappeningContainer .content p.readMore a
{
text-decoration:none;
color:#0047ba;
font-style:italic;
font-size:15px;
}

#whatsHappeningContainer #moduleComponentnews .moduleItemImage
{
position:relative;
float:left;
width:135px;
margin:0px 20px 0px 0px;
}

#whatsHappeningContainer #moduleComponentnews .content
{
position:relative;
float:left;
width:60%;
}
@media screen and (max-width:800px)
{
	#whatsHappeningContainer #moduleComponentnews .content
	{
		width:100%;
	}
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 800px) {

#whatsHappeningContainer #moduleComponentnews .content
{
width:70%;
}


}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1040px) {

#whatsHappeningContainer #moduleComponentnews .content
{
width:47%;
}

}

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

.moduleCategoriesWrapper
{
position:relative;
float:left;
width:100%;
}

.standardModule[class*="moduleListingWrapper"] .listingItem:nth-child(2n+1) .moduleItemImage,
.standardModule[class*="moduleListingWrapper"] .moduleItemsListing .moduleImage,
.listingItem:nth-child(2n+1) .moduleItemImage, .listingItem:nth-child(2n) .moduleItemImage,
.moduleCategoriesWrapper .moduleItemImage
{
position:relative;
float:left;
width:100%;
margin:0px 0px 20px;
}

.moduleCategoriesWrapper .listingItem
{
position:relative;
float:left;
width:100%;
text-align:left;
margin:0px 0px 30px;
padding:0px 0px 30px;
min-height:auto;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 600px) {

.moduleCategoriesWrapper .listingItem
{
width:40%;
min-height:500px;
}

}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1000px) {

.moduleCategoriesWrapper .listingItem
{
width:26%;
min-height:480px;
}

}




/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1140px) {

.moduleCategoriesWrapper .listingItem
{
width:21.5%;
min-height:480px;
}

}

.moduleItemCategoriesEffluentAndWaste .listingItem,
.moduleItemCategoriesWaterTreatment .listingItem,
.moduleItemCategoriesAgriculture .listingItem
{
width:100%;
border-bottom:0px!important;
}


.moduleCategoriesWrapperResidentialAndCommercial .listingItem,
.moduleItemCategoriesHorticultureViticulture .listingItem
{

border-bottom:0px!important;
}



.moduleItemCategoriesEffluentAndWaste .listingItem img,
.moduleItemCategoriesWaterTreatment .listingItem img,
.moduleItemCategoriesAgriculture .listingItem img
{
width:100%;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 740px) {

.moduleItemCategoriesEffluentAndWaste .listingItem,
.moduleItemCategoriesWaterTreatment .listingItem,
.moduleItemCategoriesAgriculture .listingItem
{
width:40%;
}

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1140px) {

.moduleItemCategoriesEffluentAndWaste .listingItem,
.moduleItemCategoriesWaterTreatment .listingItem,
.moduleItemCategoriesAgriculture .listingItem
{
width:28.6%;
}

}



.moduleCategoriesWrapper .listingItem:nth-of-type(1),
.moduleCategoriesWrapper .listingItem:nth-of-type(2),
.moduleCategoriesWrapper .listingItem:nth-of-type(3),
.moduleCategoriesWrapper .listingItem:nth-of-type(4)
{
border-bottom:2px dotted #0047ba;
margin:0px 0px 70px;
padding:0px 0px 30px;
}

.moduleCategoriesWrapper .listingItem:nth-of-type(1),
.moduleCategoriesWrapper .listingItem:nth-of-type(2),
.moduleCategoriesWrapper .listingItem:nth-of-type(3),
.moduleCategoriesWrapper .listingItem:nth-of-type(5),
.moduleCategoriesWrapper .listingItem:nth-of-type(6),
.moduleCategoriesWrapper .listingItem:nth-of-type(7)
{
margin:0px 51px 30px 0px;
}


.moduleCategoriesWrapper .listingItem a
{
text-decoration:none;
color:#0047ba;
font-size:15px;
}

.moduleCategoriesWrapper .listingItem .title
{
text-decoration:none;
color:#0047ba;
font-size:21px;
text-transform:uppercase;
}

.moduleCategoriesWrapper .listingItem .moduleItemContent p
{
font-size:15px;
color:#333;
margin:8px 0px;
}

.moduleCategoriesWrapper .listingItem .moduleItemContent p a
{
font-size:15px;
font-style:italic;
}

.moduleCategoriesWrapper .listingItem .moduleItemContent p a:hover
{
color:#333;
}
/************Find Us listing Page*****************/
.find-us #pageEditorContent .columnContainer3
{
margin:0px;
padding:0px;
}

.find-us #pageEditorContent .columnContainer3 li
{
margin:0px 0px 30px 0px;
padding:0px 0px 20px;
width:100%;
border-bottom:2px dotted #0047ba!important;
}

.find-us #pageEditorContent .columnContainer3 li img
{
width:100%!important;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 800px) {
.find-us #pageEditorContent .columnContainer3 li
{
width:45%;
margin:0px 2.5% 50px 2.5%!important;
}


.find-us #pageEditorContent .columnContainer3 li img
{
width:100%!important;
}

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1040px) {

.find-us #pageEditorContent .columnContainer3 li
{
width:30%;
margin:0px 54px 50px 0px!important;
}

}

.find-us #pageEditorContent .columnContainer3 li:nth-of-type(3),
.find-us #pageEditorContent .columnContainer3 li:nth-of-type(6),
.find-us #pageEditorContent .columnContainer3 li:nth-of-type(9)
{
margin-right:0px!important;
}

.find-us #pageEditorContent li h2
{
color:#0047ba;
text-transform:uppercase;
font-size:21px;
font-weight:400;
}

.find-us #pageEditorContent h2 a
{

color:#0047ba;
text-decoration:none;
text-transform:uppercase;
font-size:17px;
font-weight:400;
}


.find-us #pageEditorContent p
{

 font-size:15px;
}

hr
{
border-bottom:2px solid #cbd9f0;
margin:40px 0px;
}

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



#regionalStaff
{
position:relative;
float:left;
width:100%;
background:#e6e6e6;
padding:50px 0px;
min-height: 500px;
}

#regionalStaff #mapContainer
{
float: left;
position: relative;
margin:0px 0px 0px 0px;
padding:0px 0px 20px;
width:100%;
min-height:400px;

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 400px) {

#regionalStaff #mapContainer
{
position: absolute;
right:0px;
top:30px;
margin:0px 0px 0px 0px;
padding:0px 0px 20px;
width:30%;
min-height:400px;
}

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1040px) {

}

.bop-waikato-counties #regionalStaff #mapContainer
{
background: url(http://www.waterforce.co.nz/images/style/te-puna.png) top center no-repeat;
  background-size:100%!important;
}

.hawkes-bay #regionalStaff #mapContainer
{
background: url(http://www.waterforce.co.nz/images/style/hastings.png) top center no-repeat;
 background-size:100%!important;
}

.nelson-marlborough #regionalStaff #mapContainer
{
background: url(http://www.waterforce.co.nz/images/style/belnheim.png) top center no-repeat;
 background-size:100%!important;
}

.canterbury #regionalStaff #mapContainer
{
background: url(http://www.waterforce.co.nz/images/style/Canterbury.png) top center no-repeat;
 background-size:100%!important;
}

.north-otago-south-canterbury #regionalStaff #mapContainer
{
background: url(http://www.waterforce.co.nz/images/style/otago-map.png) top center no-repeat;
 background-size:100%!important;
}

.central-otago #regionalStaff #mapContainer
{
background: url(http://www.waterforce.co.nz/images/style/central-otago-map.png) top center no-repeat;
 background-size:100%!important;
}

.southland #regionalStaff #mapContainer
{
background: url(http://www.waterforce.co.nz/images/style/Southland.png) top right no-repeat;
 background-size:100%!important;
}

.manawatu-wairarapa #regionalStaff #mapContainer
{
background: url(http://www.waterforce.co.nz/images/style/manawatu-wairarapa.png) top right no-repeat;
 background-size:100%!important;
}

#regionalStaff hr
{

}

#regionalStaff .moduleComponent
{
position:relative;
float:left;
margin:0px 55px 20px 0px;
padding:0px 0px 20px;
width:100%;
border-bottom:2px dotted #5080cf;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 400px) {

#regionalStaff .moduleComponent
{

width:68%;
}

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1040px) {



}

#regionalStaff .moduleComponent .bannerImageContainer
{
display: none;
}

#regionalStaff .moduleComponent:nth-of-type(3),
#regionalStaff .moduleComponent:nth-of-type(6),
#regionalStaff .moduleComponent:nth-of-type(9)
{
margin-right:0px;
}

#regionalStaff .moduleComponent h2
{
color:#0047ba;
text-transform:uppercase;
font-size:21px;
font-weight:400;
}

.contact-us .listingItem {
    display: inline-block;
    float: left;
    margin-bottom: 30px;
    vertical-align: top;
    width: 24%;
}

.contact-us #pageEditorContent {
    padding: 0 0 35px;
}

.contact-us .listingItem > h2 {
    color: #0047ba;
    font-size: 21px;
    font-weight: 400;
    height: 40px;
    margin: 0 0 20px;
    text-transform: uppercase;
}

.contact-us .listingItem > p {
    margin: 0 0 5px;
}

#regionalStaff .moduleComponent .extraFields
  {
   width: 100%;
  float: right;
  }

@media screen and (min-width: 800px) {

#regionalStaff .moduleComponent .extraFields
  {
   width: 50%;
  }
 }

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



#faqsFeed
{
position:relative;
float:left;
width:100%;
background:#0047ba;
padding:20px 0px;
height:auto;
text-align:center;
}

#faqsFeed .centerContainer
{
text-align:center;
}

#faqsFeed .centerContainer h2
{
color:#FFF;
}

#moduleComponentfaqModuleScroller
{position:relative;float:left;width:100%;padding:0px 4% 0px 4%;margin:20px 0% 0px;box-sizing:border-box;}

#moduleComponentfaqModuleScroller span
{
position:absolute;
top:-14px;
left:15px;
width:44px;
height:70px;
background: url(http://www.waterforce.co.nz/images/style/faqsDrop.png) 0px 0px no-repeat;

}

#moduleComponentfaqModuleScroller .componentItem
{position:relative;float:left;width:29%;margin:6px 0% 3.5% 3.5%;box-sizing:border-box;padding:20px 40px 80px 80px;min-height:260px;text-align:left;background: #2965c6;}

#moduleComponentfaqModuleScroller .componentItem p.title
{
line-height:1.2;
}

#moduleComponentfaqModuleScroller .componentItem p.title a
{
color:#FFF;
text-decoration:none;
font-size:17px;
}

#moduleComponentfaqModuleScroller .componentItem p.readMore a
{

display:block;
background:#FFF;
width:115px;
padding:10px 11px 10px 15px;
color:#0047ba;
text-decoration:none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

#moduleComponentfaqModuleScroller .componentItem p.readMore
{
position:absolute;
bottom:15px;
left:22.5%;
}


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

#regionalNewsFeeds
{
position:relative;
float:left;
width:100%;
background:#fefefe;
padding:50px 0px;
}

#regionalNewsFeeds h2
{
font-size:30px;
margin:20px 0px 20px;
}
#caseStudiesFeed
{
position:relative;
float:left;
width:100%;
background:#fefefe;
padding:0px 0px;
margin: 20px 0px ;
border-top:7px solid #0047ba;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 800px) {
#caseStudiesFeed
{
width:47.5%;
margin:  0px;
}
}

#caseStudiesFeed .componentItem
{
position:relative;
float:left;
width:100%;
padding:0px 0px 11px 0px;
border-bottom:2px dotted #0047ba;
}

#caseStudiesFeed .componentItem:nth-of-type(2)
{
border-bottom:0px dotted #0047ba;
}

#caseStudiesFeed .moduleItemImage
{
display:inline-block;
}

#contactFeed h3,
#opinionFeed p.title,
#caseStudiesFeed p.title
{
display:block;
font-size:21px;
color:#0047ba;
margin:0px 0px 0px 0px;
padding:0px;
font-weight:400;
}

#opinionFeed p.title a,
#caseStudiesFeed p.title a
{
display:block;
font-size:21px;
font-weight:400;
color:#0047ba;
text-decoration:none;
margin:10px 0px 5px 0px;
padding:0px;
}


#contactFeed p,
#opinionFeed .content p,
#caseStudiesFeed .content p
{
font-size:15px;
font-weight:400;
text-decoration:none;
margin:0px 0px 0px 0px;
padding:0px;
color:#333;
}

#opinionFeed .content,
#caseStudiesFeed .content
{
color:#333;
}

#opinionFeed .content p.readMore a,
#caseStudiesFeed .content p.readMore a
{
text-decoration:none;
color:#0047ba;
font-style:italic;
}

#contactFeed hr
{
border-bottom: 2px dotted #0047ba;
margin:10px 0px;
}

#contactFeed h3
{
margin:0px 0px 10px;
}

#contactFeed a
{
text-decoration:none;
color:#333;
}

#opinionFeed
{
position:relative;
float:right;
width:100%;
background:#fefefe;
padding:0px 0px;
margin:20px 0px;
border-top:7px solid #0047ba;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 800px) {

  #opinionFeed
{
width:46.5%;
margin:0;
}

}

#opinionFeed .componentItem
{
position:relative;
float:left;
width:100%;
padding:0px 0px 11px 0px;
border-bottom:2px dotted #0047ba;
}

#opinionFeed .componentItem:nth-of-type(2)
{
border-bottom:0px dotted #0047ba;
}

#opinionFeed .moduleItemImage
{
display:none;
}

#opinionFeed .componentItem .content
{
position:relative;
float:left;
}


#contactFeed
{
position:relative;
float:right;
width:30%;
background:#fefefe;
padding:0px 0px;
border-top:7px solid #0047ba;

  display:none;
}

/********************************************/
.moduleDetailWrapperWaterProducts #logos,
.moduleDetailWrapperWaterProducts #relatedProducts,
.moduleDetailWrapperTechnology #logos,
.moduleDetailWrapperTechnology #relatedProducts,
.moduleDetailWrapperAgriculture #logos,
.moduleDetailWrapperAgriculture #relatedProducts,
.moduleDetailWrapperEffluentAndWaste #logos,
.moduleDetailWrapperEffluentAndWaste #relatedProducts,
.moduleDetailWrapperHorticultureViticulture #logos,
.moduleDetailWrapperHorticultureViticulture #relatedProducts,
.moduleDetailWrapperResidentialAndCommercial #logos,
.moduleDetailWrapperResidentialAndCommercial #relatedProducts,
.moduleDetailWrapperWaterTreatment #logos,
.moduleDetailWrapperWaterTreatment #relatedProducts
{
display:none;
}

.moduleDetailWrapperWaterProducts,
.moduleDetailWrapperTechnology,
.moduleDetailWrapperAgriculture,
.moduleDetailWrapperEffluentAndWaste,
.moduleDetailWrapperHorticultureViticulture,
.moduleDetailWrapperResidentialAndCommercial,
.moduleDetailWrapperWaterTreatment
{
position:relative;
float:left;
width:100%;
}

.moduleDetailWrapperWaterProducts #multipleImageContainer,
.moduleDetailWrapperTechnology #multipleImageContainer,
.moduleDetailWrapperAgriculture #multipleImageContainer,
.moduleDetailWrapperEffluentAndWaste #multipleImageContainer,
.moduleDetailWrapperHorticultureViticulture #multipleImageContainer,
.moduleDetailWrapperResidentialAndCommercial #multipleImageContainer,
.moduleDetailWrapperWaterTreatment #multipleImageContainer
{
position:relative;
float:left;
width:100%;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 740px) {

.moduleDetailWrapperWaterProducts #multipleImageContainer,
.moduleDetailWrapperTechnology #multipleImageContainer,
.moduleDetailWrapperAgriculture #multipleImageContainer,
.moduleDetailWrapperEffluentAndWaste #multipleImageContainer,
.moduleDetailWrapperHorticultureViticulture #multipleImageContainer,
.moduleDetailWrapperResidentialAndCommercial #multipleImageContainer,
.moduleDetailWrapperWaterTreatment #multipleImageContainer
{
float:right;
width:50%;
}

}



.moduleDetailWrapperWaterProducts #multipleImageContainer .thumb-box ul.thumbs,
.moduleDetailWrapperTechnology #multipleImageContainer .thumb-box ul.thumbs,
.moduleDetailWrapperAgriculture #multipleImageContainer .thumb-box ul.thumbs,
.moduleDetailWrapperEffluentAndWaste #multipleImageContainer .thumb-box ul.thumbs,
.moduleDetailWrapperHorticultureViticulture #multipleImageContainer .thumb-box ul.thumbs,
.moduleDetailWrapperResidentialAndCommercial #multipleImageContainer .thumb-box ul.thumbs,
.moduleDetailWrapperWaterTreatment #multipleImageContainer .thumb-box ul.thumbs
{
margin:0px 0px!important;
padding:0px!important;
}

.moduleDetailWrapperWaterProducts #multipleImageContainer .thumb-box ul.thumbs li,
.moduleDetailWrapperTechnology #multipleImageContainer .thumb-box ul.thumbs li,
.moduleDetailWrapperAgriculture #multipleImageContainer .thumb-box ul.thumbs li,
.moduleDetailWrapperEffluentAndWaste #multipleImageContainer .thumb-box ul.thumbs li,
.moduleDetailWrapperHorticultureViticulture #multipleImageContainer .thumb-box ul.thumbs li,
.moduleDetailWrapperResidentialAndCommercial #multipleImageContainer .thumb-box ul.thumbs li,
.moduleDetailWrapperWaterTreatment #multipleImageContainer .thumb-box ul.thumbs li
{
width:23%!important;
}

.moduleDetailWrapperWaterProducts .thumb-box .thumbs li img.active,
.moduleDetailWrapperTechnology .thumb-box .thumbs li img.active,
.moduleDetailWrapperAgriculture .thumb-box .thumbs li img.active,
.moduleDetailWrapperEffluentAndWaste .thumb-box .thumbs li img.active,
.moduleDetailWrapperHorticultureViticulture .thumb-box .thumbs li img.active,
.moduleDetailWrapperResidentialAndCommercial .thumb-box .thumbs li img.active,
.moduleDetailWrapperWaterTreatment .thumb-box .thumbs li img.active
{

border-color:#FFF!important;
}

.moduleDetailWrapperWaterProducts h2.title,
.moduleDetailWrapperTechnology h2.title,
.moduleDetailWrapperAgriculture h2.title,
.moduleDetailWrapperEffluentAndWaste h2.title,
.moduleDetailWrapperHorticultureViticulture h2.title,
.moduleDetailWrapperResidentialAndCommercial h2.title,
.moduleDetailWrapperWaterTreatment h2.title
{
font-weight:400;
font-size: 36px !important;
}

.moduleDetailWrapperWaterProducts #moduleItemContent,
.moduleDetailWrapperTechnology #moduleItemContent,
.moduleDetailWrapperAgriculture #moduleItemContent,
.moduleDetailWrapperEffluentAndWaste #moduleItemContent,
.moduleDetailWrapperHorticultureViticulture #moduleItemContent,
.moduleDetailWrapperResidentialAndCommercial #moduleItemContent,
.moduleDetailWrapperWaterTreatment #moduleItemContent
{
position:relative;
float:left;
width:100%;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 740px) {

.moduleDetailWrapperWaterProducts #moduleItemContent,
.moduleDetailWrapperTechnology #moduleItemContent,
.moduleDetailWrapperAgriculture #moduleItemContent,
.moduleDetailWrapperEffluentAndWaste #moduleItemContent,
.moduleDetailWrapperHorticultureViticulture #moduleItemContent,
.moduleDetailWrapperResidentialAndCommercial #moduleItemContent,
.moduleDetailWrapperWaterTreatment #moduleItemContent
{
position:relative;
float:left;


width:42%;
}

}

.moduleDetailWrapperWaterProducts #moduleItemContent ul,
.moduleDetailWrapperTechnology #moduleItemContent ul,
.moduleDetailWrapperAgriculture #moduleItemContent ul,
.moduleDetailWrapperEffluentAndWaste #moduleItemContent ul,
.moduleDetailWrapperHorticultureViticulture #moduleItemContent ul,
.moduleDetailWrapperResidentialAndCommercial #moduleItemContent ul,
.moduleDetailWrapperWaterTreatment #moduleItemContent ul
{
list-style:outside;
margin:20px 0px 20px 15px;
}

.moduleDetailWrapperWaterProducts #moduleItemContent ul li,
.moduleDetailWrapperTechnology #moduleItemContent ul li,
.moduleDetailWrapperAgriculture #moduleItemContent ul li,
.moduleDetailWrapperEffluentAndWaste #moduleItemContent ul li,
.moduleDetailWrapperHorticultureViticulture #moduleItemContent ul li,
.moduleDetailWrapperResidentialAndCommercial #moduleItemContent ul li,
.moduleDetailWrapperWaterTreatment #moduleItemContent ul li
{
margin:0px 0px 5px;
}

.moduleDetailWrapperWaterProducts #moduleItemContentExtra,
.moduleDetailWrapperTechnology #moduleItemContentExtra,
.moduleDetailWrapperAgriculture #moduleItemContentExtra,
.moduleDetailWrapperEffluentAndWaste #moduleItemContentExtra,
.moduleDetailWrapperHorticultureViticulture #moduleItemContentExtra,
.moduleDetailWrapperResidentialAndCommercial #moduleItemContentExtra,
.moduleDetailWrapperWaterTreatment #moduleItemContentExtra
{
position:relative;
float:left;
width:100%;
margin-top: 40px;
}

.moduleDetailWrapperWaterProducts #moduleItemContentExtra .extraField,
.moduleDetailWrapperTechnology #moduleItemContentExtra .extraField,
.moduleDetailWrapperAgriculture #moduleItemContentExtra .extraField,
.moduleDetailWrapperEffluentAndWaste #moduleItemContentExtra .extraField,
.moduleDetailWrapperHorticultureViticulture #moduleItemContentExtra .extraField,
.moduleDetailWrapperResidentialAndCommercial #moduleItemContentExtra .extraField,
.moduleDetailWrapperWaterTreatment #moduleItemContentExtra .extraField
{
position:relative;
float:left;
width:100%;
margin:0px;
border-top:7px solid #0047ba;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 800px) {

.moduleDetailWrapperWaterProducts #moduleItemContentExtra .extraField,
.moduleDetailWrapperTechnology #moduleItemContentExtra .extraField,
.moduleDetailWrapperAgriculture #moduleItemContentExtra .extraField,
.moduleDetailWrapperEffluentAndWaste #moduleItemContentExtra .extraField,
.moduleDetailWrapperHorticultureViticulture #moduleItemContentExtra .extraField,
.moduleDetailWrapperResidentialAndCommercial #moduleItemContentExtra .extraField,
.moduleDetailWrapperWaterTreatment #moduleItemContentExtra .extraField
{
width:42%;
}

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1040px) {

.moduleDetailWrapperWaterProducts #moduleItemContentExtra .extraField,
.moduleDetailWrapperTechnology #moduleItemContentExtra .extraField,
.moduleDetailWrapperAgriculture #moduleItemContentExtra .extraField,
.moduleDetailWrapperEffluentAndWaste #moduleItemContentExtra .extraField,
.moduleDetailWrapperHorticultureViticulture #moduleItemContentExtra .extraField,
.moduleDetailWrapperResidentialAndCommercial #moduleItemContentExtra .extraField,
.moduleDetailWrapperWaterTreatment #moduleItemContentExtra .extraField
{
width:29.5%;
}


}


.moduleDetailWrapperWaterProducts #moduleItemContentExtra .extraField:nth-of-type(2),
.moduleDetailWrapperTechnology #moduleItemContentExtra .extraField:nth-of-type(2),
.moduleDetailWrapperAgriculture #moduleItemContentExtra .extraField:nth-of-type(2),
.moduleDetailWrapperEffluentAndWaste #moduleItemContentExtra .extraField:nth-of-type(2),
.moduleDetailWrapperHorticultureViticulture #moduleItemContentExtra .extraField:nth-of-type(2),
.moduleDetailWrapperResidentialAndCommercial #moduleItemContentExtra .extraField:nth-of-type(2),
.moduleDetailWrapperWaterTreatment #moduleItemContentExtra .extraField:nth-of-type(2)
{
margin:20px 0px;

}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 800px) {

.moduleDetailWrapperWaterProducts #moduleItemContentExtra .extraField:nth-of-type(2),
.moduleDetailWrapperTechnology #moduleItemContentExtra .extraField:nth-of-type(2),
.moduleDetailWrapperAgriculture #moduleItemContentExtra .extraField:nth-of-type(2),
.moduleDetailWrapperEffluentAndWaste #moduleItemContentExtra .extraField:nth-of-type(2),
.moduleDetailWrapperHorticultureViticulture #moduleItemContentExtra .extraField:nth-of-type(2),
.moduleDetailWrapperResidentialAndCommercial #moduleItemContentExtra .extraField:nth-of-type(2),
.moduleDetailWrapperWaterTreatment #moduleItemContentExtra .extraField:nth-of-type(2)
{
margin:20px 0px;
}

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1040px) {

.moduleDetailWrapperWaterProducts #moduleItemContentExtra .extraField:nth-of-type(2),
.moduleDetailWrapperTechnology #moduleItemContentExtra .extraField:nth-of-type(2),
.moduleDetailWrapperAgriculture #moduleItemContentExtra .extraField:nth-of-type(2),
.moduleDetailWrapperEffluentAndWaste #moduleItemContentExtra .extraField:nth-of-type(2),
.moduleDetailWrapperHorticultureViticulture #moduleItemContentExtra .extraField:nth-of-type(2),
.moduleDetailWrapperResidentialAndCommercial #moduleItemContentExtra .extraField:nth-of-type(2),
.moduleDetailWrapperWaterTreatment #moduleItemContentExtra .extraField:nth-of-type(2)
{
margin:0px 63px;
}


}

.moduleDetailWrapperWaterProducts #moduleItemContentExtra span,
.moduleDetailWrapperTechnology #moduleItemContentExtra span,
.moduleDetailWrapperAgriculture #moduleItemContentExtra span,
.moduleDetailWrapperEffluentAndWaste #moduleItemContentExtra span,
.moduleDetailWrapperHorticultureViticulture #moduleItemContentExtra span,
.moduleDetailWrapperResidentialAndCommercial #moduleItemContentExtra span,
.moduleDetailWrapperWaterTreatment #moduleItemContentExtra span
{
display:block;
margin: 20px 0px;
font-family: 'Lato';
font-size: 30px;
line-height: 1.2;
text-transform: none;
font-weight: 600;
color: #333;
}

.moduleDetailWrapperWaterProducts #moduleItemContentExtra h3,
.moduleDetailWrapperTechnology #moduleItemContentExtra h3,
.moduleDetailWrapperAgriculture #moduleItemContentExtra h3,
.moduleDetailWrapperEffluentAndWaste #moduleItemContentExtra h3,
.moduleDetailWrapperHorticultureViticulture #moduleItemContentExtra h3,
.moduleDetailWrapperResidentialAndCommercial #moduleItemContentExtra h3,
.moduleDetailWrapperWaterTreatment #moduleItemContentExtra h3
{
margin:0px 0px 0px;
font-size:21px;
color:#0047ba;
font-weight:400;
}

.moduleDetailWrapperWaterProducts #moduleItemContentExtra ul,
.moduleDetailWrapperTechnology #moduleItemContentExtra ul,
.moduleDetailWrapperAgriculture #moduleItemContentExtra ul,
.moduleDetailWrapperEffluentAndWaste #moduleItemContentExtra ul,
.moduleDetailWrapperHorticultureViticulture #moduleItemContentExtra ul,
.moduleDetailWrapperResidentialAndCommercial #moduleItemContentExtra ul,
.moduleDetailWrapperWaterTreatment #moduleItemContentExtra ul
{
list-style:outside;
margin-top:0px;
}

.moduleDetailWrapperWaterProducts #moduleItemContentExtra ul li,
.moduleDetailWrapperTechnology #moduleItemContentExtra ul li,
.moduleDetailWrapperAgriculture #moduleItemContentExtra ul li,
.moduleDetailWrapperEffluentAndWaste #moduleItemContentExtra ul li,
.moduleDetailWrapperHorticultureViticulture #moduleItemContentExtra ul li,
.moduleDetailWrapperResidentialAndCommercial #moduleItemContentExtra ul li,
.moduleDetailWrapperWaterTreatment #moduleItemContentExtra ul li
{
margin:0px 0px 5px;
padding-top: 1px;
}

.moduleDetailWrapperWaterProducts #moduleItemContentExtra hr,
.moduleDetailWrapperTechnology #moduleItemContentExtra hr,
.moduleDetailWrapperAgriculture #moduleItemContentExtra hr,
.moduleDetailWrapperEffluentAndWaste #moduleItemContentExtra hr,
.moduleDetailWrapperHorticultureViticulture #moduleItemContentExtra hr,
.moduleDetailWrapperResidentialAndCommercial #moduleItemContentExtra hr,
.moduleDetailWrapperWaterTreatment #moduleItemContentExtra hr
{
margin:15px 0px 15px;
border-bottom:2px dotted #0047ba;
}

.moduleDetailWrapperWaterProducts #moduleItemContentExtra a,
.moduleDetailWrapperTechnology #moduleItemContentExtra a,
.moduleDetailWrapperAgriculture #moduleItemContentExtra a,
.moduleDetailWrapperEffluentAndWaste #moduleItemContentExtra a,
.moduleDetailWrapperHorticultureViticulture #moduleItemContentExtra a,
.moduleDetailWrapperResidentialAndCommercial #moduleItemContentExtra a,
.moduleDetailWrapperWaterTreatment #moduleItemContentExtra a
{
display:block;
margin:10px 0px 0px;
text-decoration:none;
color:#0047ba;
font-style:italic;
}

#moduleItemContentExtra .extraField p
{
    margin: 0 0 12px;
}

.moduleDetailWrapperWaterProducts #moduleItemBack a,
.moduleDetailWrapperTechnology #moduleItemBack a,
.moduleDetailWrapperAgriculture #moduleItemBack a,
.moduleDetailWrapperEffluentAndWaste #moduleItemBack a,
.moduleDetailWrapperResidentialAndCommercial #moduleItemBack a,
.moduleDetailWrapperTechnology #moduleItemBack a,
.moduleDetailWrapperTechnology #moduleItemBack a
{
display:block;
margin:10px 0px 0px;
text-decoration:none;
color:#0047ba;
font-style:italic;
}

.moduleDetailWrapperWaterProducts #relatedProducts,
.moduleDetailWrapperTechnology #relatedProducts,
.moduleDetailWrapperAgriculture #relatedProducts,
.moduleDetailWrapperEffluentAndWaste #relatedProducts,
.moduleDetailWrapperResidentialAndCommercial #relatedProducts,
.moduleDetailWrapperTechnology #relatedProducts,
.moduleDetailWrapperTechnology #relatedProducts
{
position:relative;
float:left;
width:100%;
background:#0047ba;
margin:50px 0px 0px 0px;
}

.moduleDetailWrapperWaterProducts #relatedProducts h2,
.moduleDetailWrapperTechnology #relatedProducts h2,
.moduleDetailWrapperAgriculture #relatedProducts h2,
.moduleDetailWrapperEffluentAndWaste #relatedProducts h2,
.moduleDetailWrapperResidentialAndCommercial #relatedProducts h2,
.moduleDetailWrapperTechnology #relatedProducts h2,
.moduleDetailWrapperTechnology #relatedProducts h2
{
color:#FFF;
text-align:center;
margin:30px 0px;
font-size: 36px;
}

#relatedProductsInner #linkedItemsContainer
{
position:relative;
float:left;
text-align:center;
width:100%;
padding:0px 5% 40px;
}

#relatedProductsInner .linkedItem
{
position:relative;
float:left;
text-align:center;
width:21%;
margin:0px 2% 0px;
padding:15px 0px 10px 0px;
background:#2965c6;

}

#relatedProductsInner .linkedItem .linkedModuleOverlay
{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
}

#relatedProductsInner .linkedItem .moduleItemImage img
{
  -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

#relatedProductsInner .linkedItem .header .title
{
text-transform:uppercase;
color:#FFF;
margin:10px 0px;
font-size:13px;
}

#relatedProductsInner .moduleItemContent
{
display:none;
}

.moduleDetailWrapperWaterProducts #logos,
  .moduleDetailWrapperAgriculture #logos,
  .moduleDetailWrapperEffluentAndWaste #logos,
  .moduleDetailWrapperResidentialAndCommercial #logos,
  .moduleDetailWrapperWaterProducts #logos,
  .moduleDetailWrapperWaterProducts #logos
{
position:relative;
float:left;
width:100%;
background:#e6e6e6;
margin:0px 0px 0px 0px;
box-sizing:border-box;
padding:;
}

.moduleDetailWrapperWaterProducts #logos #logosInner,
  .moduleDetailWrapperAgriculture #logos #logosInner,
  .moduleDetailWrapperEffluentAndWaste #logos #logosInner,
  .moduleDetailWrapperResidentialAndCommercial #logos #logosInner,
  .moduleDetailWrapperWaterProducts #logos #logosInner,
  .moduleDetailWrapperWaterProducts #logos #logosInner
{
position:relative;
float:left;
width:100%;
background:#e6e6e6;
margin:0px 0px 0px 0px;
box-sizing:border-box;
padding:90px 40px;
}

.moduleDetailWrapperWaterProducts #logos .linkedItem,
  .moduleDetailWrapperAgriculture #logos .linkedItem,
  .moduleDetailWrapperEffluentAndWaste #logos .linkedItem,
  .moduleDetailWrapperResidentialAndCommercial #logos .linkedItem,
  .moduleDetailWrapperWaterProducts #logos .linkedItem,
  .moduleDetailWrapperWaterProducts #logos .linkedItem
{
display:inline-block;
text-align:center;
width:auto;
margin:0px 2% 0px;
padding:15px 0px 10px 0px;

}

.moduleDetailWrapperWaterProducts #logos .linkedItem .linkedModuleOverlay,
  .moduleDetailWrapperAgriculture #logos .linkedItem .linkedModuleOverlay,
  .moduleDetailWrapperEffluentAndWaste #logos .linkedItem .linkedModuleOverlay,
  .moduleDetailWrapperResidentialAndCommercial #logos .linkedItem .linkedModuleOverlay,
  .moduleDetailWrapperWaterProducts #logos .linkedItem .linkedModuleOverlay,
  .moduleDetailWrapperWaterProducts #logos .linkedItem .linkedModuleOverlay
{
display:none;
}

.moduleDetailWrapperWaterProducts #logos .header .title,
  .moduleDetailWrapperAgriculture #logos .header .title,
  .moduleDetailWrapperEffluentAndWaste #logos .header .title,
  .moduleDetailWrapperResidentialAndCommercial #logos .header .title,
  .moduleDetailWrapperWaterProducts #logos .header .title,
  .moduleDetailWrapperWaterProducts #logos .header .title
{
display:none;
}

.moduleDetailWrapperWaterProducts #logos .moduleItemContent,
  .moduleDetailWrapperAgriculture #logos .moduleItemContent,
  .moduleDetailWrapperEffluentAndWaste #logos .moduleItemContent,
  .moduleDetailWrapperResidentialAndCommercial #logos .moduleItemContent,
  .moduleDetailWrapperWaterProducts #logos .moduleItemContent,
  .moduleDetailWrapperWaterProducts #logos .moduleItemContent
{
display:none;
}


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

.moduleComponentteamAndPeople
{
border-bottom:2px dotted #0047ba;
margin:0px 0px 30px;
padding:0px 0px 20px;
}

.moduleComponentteamAndPeople h2.title
{
font-size:21px;
margin:0px 0px 0px 0px;
}

.moduleComponentteamAndPeople .bannerImageContainer
{
float: left;
position: relative;
margin:0px 20px 20px 0px;
}


/****************************/
.moduleListingWrapperServices #navBar,
.moduleListingWrapperCaseStudies #navBar,
.moduleListingWrapperNews #navBar
{
display:none;
}
.moduleListingWrapperCaseStudies #listingCaseStudies,
.moduleListingWrapperNews #listingNews
{
float: left!important;
position: relative!important;
margin:0px 20px 20px 0px!important;
}

.moduleListingWrapperCaseStudies #listingCaseStudies .listingItem,
.moduleListingWrapperNews #listingNews .listingItem
{
float: left!important;
position: relative!important;
margin:0px 0px 20px 0px!important;
border-bottom:2px dotted #0047ba;
}


.moduleListingWrapperCaseStudies #listingCaseStudies .listingItem .moduleItemImage,
.moduleListingWrapperNews #listingNews .listingItem .moduleItemImage
{
float: left!important;
position: relative;
margin:0px 20px 20px 0px;
width:100%;
line-height:0px;
}

.moduleListingWrapperNews #listingNews .listingItem .moduleItemImage img
{
width:100%;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 400px) {

.moduleListingWrapperCaseStudies #listingCaseStudies .listingItem .moduleItemImage,
.moduleListingWrapperNews #listingNews .listingItem .moduleItemImage
{
width:200px;
}

}

.moduleListingWrapperCaseStudies #listingCaseStudies .listingItem h2.title,
.moduleListingWrapperNews #listingNews .listingItem h2.title
{
font-size:21px;
margin:5px 0px 20px 0px;
}

.moduleListingWrapperCaseStudies .readMore a,
.moduleListingWrapperNews .readMore a
{
display:block;
margin:10px 0px 0px;
text-decoration:none;
color:#0047ba;
font-style:italic;
}


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


.moduleDetailWrapperNews,
.moduleDetailWrapperCaseStudies
{
float: left;
position: relative;
width:100%;
}

.moduleDetailWrapperNews h2,
.moduleDetailWrapperCaseStudies h2
{
font-size:28px;
}

.moduleDetailWrapperNews .moduleItemImage,
.moduleDetailWrapperCaseStudies .moduleItemImage
{
float: right;
position: relative;
width:100%;
line-height:0;
margin:0px 0px 20px 30px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 600px) {


.moduleDetailWrapperNews .moduleItemImage,
.moduleDetailWrapperCaseStudies .moduleItemImage
{
width:50%;
}

}

.moduleDetailWrapperNews #moduleItemBack a,
.moduleDetailWrapperCaseStudies #moduleItemBack a
{
display:block;
margin:10px 0px 0px;
text-decoration:none;
color:#0047ba;
font-style:italic;
}

.moduleListingWrapperServices #listingServices .moduleItemImage
{
float:left!important;
position: relative!important;
width:20%!important;
margin:30px 5% 30px 0px;
}

.moduleListingWrapperServices #listingServices .moduleItemContent
{
float:left!important;
position: relative!important;
width:75%!important;
margin:0px 0px 0px 0px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 740px) {

.moduleListingWrapperServices #listingServices .moduleItemImage
{
width:10%!important;
margin:30px 0 30px 0px;
}

.moduleListingWrapperServices #listingServices .moduleItemContent
{
float:left!important;
position: relative!important;
width:90%!important;
}

}



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


.faqItem .button
{
display: inline-block;
background: #FFF !important;
color: #333;
text-decoration: none !important;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-transform: uppercase;
transition: 0.5s all;
font-size: 18px;
font-weight: 600;
box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.0);
}

 .faqItem .button:after
{
content:">";
margin: 0px 0px 0px 10px;
}

/****************/
#documentLibraryItems
{
background:#FFF;
padding:0px 0px 0px 0px;
}

#documentLibraryItems .documentLibraryItem.heading
{

color: #50514f;
}

#documentLibraryItems .documentLibraryItem.heading .title,
#documentLibraryItems .documentLibraryItem.heading .description,
#documentLibraryItems .documentLibraryItem.heading .size,
#documentLibraryItems .documentLibraryItem.heading .icon

{
color: #333;
text-transform:uppercase;
margin:0px;
font-size:15px;
font-weight:600;
background:#FFF;
}

#documentLibraryItems .documentLibraryItem:nth-child(odd)
{
float:left;
position:relative;
background:#FFF;
}

#documentLibraryItems .documentLibraryItem
{
float:left;
position:relative;
width:100%;
}

#documentLibraryItems .documentLibraryItem .title
{
float:left;
position:relative;
width:32%;
margin:0px;
font-size:15px;
font-weight:400;
padding:10px 15px;
box-sizing:border-box;
}

#documentLibraryItems .documentLibraryItem .description
{
float:left;
position:relative;
display:inline-block;
width:40%;
text-align:left;
margin:0px;
font-size:15px;
font-weight:400;
padding:10px 15px;
box-sizing:border-box;
}

#documentLibraryItems .documentLibraryItem .icon
{
float:right;
position:relative;
text-align:left;
width:18%;
margin:0px;
font-size:15px;
font-weight:400;
padding:10px 15px;
box-sizing:border-box;
text-decoration:none;
}

#documentLibraryItems .documentLibraryItem .icon a
{
text-decoration:none;
}

#documentLibraryItems .documentLibraryItem .size
{
float:right;
position:relative;
width:10%;
text-align:left;
margin:0px;
font-size:15px;
font-weight:400;
padding:10px 15px;
box-sizing:border-box;
}


/***********emailForm***********/

#emailForm
{
margin:0px 0px;
padding:0px;
width:100%;
background:#FFF;
color:#333!important;
}

#emailForm p
{
color:#333!important;
}



#pageEditorContent #emailForm div.formRow
{
padding:0px!important;
width:100%;
margin-right:0%;
min-height:100px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 650px) {

#pageEditorContent #emailForm div.formRow
{
margin-right:1%;
width:49%;
}

}

#pageEditorContent #emailForm div.field74Container.formRow input.fchk
{
float: left;
position: relative;
width:auto;
text-align:left;
margin-right:20px;
}

#pageEditorContent #emailForm div.field74Container.formRow span span
{
display:inline-block;
width:auto;
font-weight:600;
}

#pageEditorContent #emailForm span.required
{
display:none;
}


#pageEditorContent #emailForm input.ftxt,

#pageEditorContent #emailForm input.fmtxt,
#pageEditorContent #emailForm input.fstxt,
#pageEditorContent #emailForm input.fdate,
#pageEditorContent #emailForm textarea.fmtxt
{
width:100%;

padding:3% 2%;
margin:0px 0px 20px 0px;
box-sizing:border-box;
color:#333!important;
box-shadow: inset 0px 1px 5px 1px rgba(241,241,241,0.5);
}

#pageEditorContent input.ftxt:focus,
#pageEditorContent input.fmtxt:focus,
#pageEditorContent input.fstxt:focus,
#pageEditorContent input.fdate:focus,
#pageEditorContent textarea.fmtxt:focus,
#pageEditorContent input.ftxt:hover,
#pageEditorContent input.fmtxt:hover,
#pageEditorContent input.fstxt:hover,
#pageEditorContent input.fdate:hover,
#pageEditorContent textarea.fmtxt:hover
{
border:1px solid #0047ba;
}

#pageEditorContent #emailForm .fsub,
#pageEditorContent #emailForm .button
{
background:#0047ba!important;
color:#FFF!important;
box-shadow: inset 0px 3px 3px 1px rgba(0,0,0,0.0);
margin-right:12px;
font-family: 'lato';
text-transform:none;
}

#pageEditorContent #emailForm .fsub:hover,
#pageEditorContent #emailForm .button:hover
{
background:#4d4d4d!important;
}

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

.moduleCategoriesWrapperIndustrySolutions .listingItem
{
width:29.5%;
margin:0px 0px 40px 0px!important;
border-bottom:2px dotted #0047ba!important;
min-height: 522px;
}

.moduleCategoriesWrapperIndustrySolutions .listingItem:nth-of-type(2),
.moduleCategoriesWrapperIndustrySolutions .listingItem:nth-of-type(5),
.moduleCategoriesWrapperIndustrySolutions .listingItem:nth-of-type(8)
{
margin:0px 63px!important;
}

.moduleCategoriesWrapperIndustrySolutions .moduleItemImage
{
width:29.5%;
line-height:0px;
}

/************************/
.moduleListingWrapperIndustrySolutions,
.moduleDetailWrapperIndustrySolutions
{
float:left;
position:relative;
width:100%;
}

.moduleDetailWrapperIndustrySolutions .title
{
display:none;
}

.moduleListingWrapperIndustrySolutions .moduleItemContent .columnContainer4,
.moduleDetailWrapperIndustrySolutions #moduleItemContent .columnContainer4
{
border-top:2px solid #b2c7ea;
margin:50px 0px 0px 0px;
padding:50px 0px 0px 0px;
}

.moduleListingWrapperIndustrySolutions .moduleItemContent .columnContainer4 h3,
.moduleDetailWrapperIndustrySolutions #moduleItemContent .columnContainer4 h3
{
text-transform: uppercase;
font-size: 22px!important;
color: #0047ba;
font-weight: 400!important;
width: 100%;
margin: 0px 0px 15px;
line-height: 1.2;
}

.moduleListingWrapperIndustrySolutions .moduleItemContent .columnContainer4 li,
.moduleDetailWrapperIndustrySolutions #moduleItemContent .columnContainer4 li
{
border-bottom:2px dotted #0047ba;
margin: 0px 1.5% 30px;
width:96%;
min-height:240px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 800px) {

.moduleListingWrapperIndustrySolutions .moduleItemContent .columnContainer4 li,
.moduleDetailWrapperIndustrySolutions #moduleItemContent .columnContainer4 li
{
width:30%;
min-height:360px;
}

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1040px) {


.moduleListingWrapperIndustrySolutions .moduleItemContent .columnContainer4 li,
.moduleDetailWrapperIndustrySolutions #moduleItemContent .columnContainer4 li
{
width:22%;
min-height:360px;
}

}


.moduleListingWrapperIndustrySolutions .moduleItemContent .columnContainer4 li a,
.moduleDetailWrapperIndustrySolutions #moduleItemContent .columnContainer4 li a
{
position:absolute;
bottom:0px;
left:0px;
margin:20px 0px 20px;
padding:10px 15px;
text-decoration:none;
text-transform:none;
font-style:italic;
color:#0047ba;
background:#e6e6e6;
-webkit-border-radius: 4px;
-moz-border-radius:4px;
border-radius: 4px;

}



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

.moduleListingWrapperWaterProducts #listingWaterProducts,
.moduleListingWrapperTechnology #listingTechnology,
.moduleListingWrapperAgriculture #listingAgriculture,
.moduleListingWrapperEffluentAndWaste #listingEffluentAndWaste,
.moduleListingWrapperHorticultureViticulture #listingHorticultureViticulture,
.moduleListingWrapperResidentialAndCommercial #listingResidentialAndCommercial,
.moduleListingWrapperWaterTreatment #listingWaterTreatment
{
float:left;
position:relative;
width:100%;
margin-top: 35px;
}

.solutions .errorMsg {
display: none;
}

.moduleListingWrapperWaterProducts #listingWaterProducts .listingItem,
.moduleListingWrapperTechnology #listingTechnology .listingItem,
.moduleListingWrapperAgriculture #listingAgriculture .listingItem,
.moduleListingWrapperEffluentAndWaste #listingEffluentAndWaste .listingItem,
.moduleListingWrapperHorticultureViticulture #listingHorticultureViticulture .listingItem,
.moduleListingWrapperResidentialAndCommercial #listingResidentialAndCommercial .listingItem,
.moduleListingWrapperWaterTreatment #listingWaterTreatment .listingItem
{
float:left;
position:relative;
border-bottom:2px dotted #5080cf;
width:100%;
margin:0px 1.5% 20px;
padding:0px 0px 10px;
min-height:200px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 600px) {

.moduleListingWrapperWaterProducts #listingWaterProducts .listingItem,
.moduleListingWrapperTechnology #listingTechnology .listingItem,
.moduleListingWrapperAgriculture #listingAgriculture .listingItem,
.moduleListingWrapperEffluentAndWaste #listingEffluentAndWaste .listingItem,
.moduleListingWrapperHorticultureViticulture #listingHorticultureViticulture .listingItem,
.moduleListingWrapperResidentialAndCommercial #listingResidentialAndCommercial .listingItem,
.moduleListingWrapperWaterTreatment #listingWaterTreatment .listingItem
{
width:40%;
min-height:250px;
}

}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1000px) {

.moduleListingWrapperWaterProducts #listingWaterProducts .listingItem,
.moduleListingWrapperTechnology #listingTechnology .listingItem,
.moduleListingWrapperAgriculture #listingAgriculture .listingItem,
.moduleListingWrapperEffluentAndWaste #listingEffluentAndWaste .listingItem,
.moduleListingWrapperHorticultureViticulture #listingHorticultureViticulture .listingItem,
.moduleListingWrapperResidentialAndCommercial #listingResidentialAndCommercial .listingItem,
.moduleListingWrapperWaterTreatment #listingWaterTreatment .listingItem
{
width:26%;
min-height:250px;
}

}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1140px) {

.moduleListingWrapperWaterProducts #listingWaterProducts .listingItem,
.moduleListingWrapperTechnology #listingTechnology .listingItem,
.moduleListingWrapperAgriculture #listingAgriculture .listingItem,
.moduleListingWrapperEffluentAndWaste #listingEffluentAndWaste .listingItem,
.moduleListingWrapperHorticultureViticulture #listingHorticultureViticulture .listingItem,
.moduleListingWrapperResidentialAndCommercial #listingResidentialAndCommercial .listingItem,
.moduleListingWrapperWaterTreatment #listingWaterTreatment .listingItem
{
width:21.5%;
min-height:250px;
}

}

.moduleListingWrapperWaterProducts #listingWaterProducts .listingItem .moduleItemImage,
.moduleListingWrapperTechnology #listingTechnology .listingItem .moduleItemImage,
.moduleListingWrapperAgriculture #listingAgriculture .listingItem .moduleItemImage,
.moduleListingWrapperEffluentAndWaste #listingEffluentAndWaste .listingItem .moduleItemImage,
.moduleListingWrapperHorticultureViticulture #listingHorticultureViticulture .listingItem .moduleItemImage,
.moduleListingWrapperResidentialAndCommercial #listingResidentialAndCommercial .listingItem .moduleItemImage,
.moduleListingWrapperWaterTreatment #listingWaterTreatment .listingItem .moduleItemImage
{
display:none;
}

.moduleListingWrapperWaterProducts #listingWaterProducts .listingItem h2,
.moduleListingWrapperTechnology #listingTechnology .listingItem h2,
.moduleListingWrapperAgriculture #listingAgriculture .listingItem h2,
.moduleListingWrapperEffluentAndWaste #listingEffluentAndWaste .listingItem h2,
.moduleListingWrapperHorticultureViticulture #listingHorticultureViticulture .listingItem h2,
.moduleListingWrapperResidentialAndCommercial #listingResidentialAndCommercial .listingItem h2,
.moduleListingWrapperWaterTreatment #listingWaterTreatment .listingItem h2
{
text-transform:uppercase;
font-size:21px;
color:#0047ba;
font-weight:400;
width:90%;
margin:0px 0px 15px;
line-height:1.2;
}

.moduleListingWrapperWaterProducts #listingWaterProducts .listingItem .moduleItemContent,
.moduleListingWrapperTechnology #listingTechnology .listingItem .moduleItemContent,
.moduleListingWrapperAgriculture #listingAgriculture .listingItem .moduleItemContent,
.moduleListingWrapperEffluentAndWaste #listingEffluentAndWaste .listingItem .moduleItemContent,
.moduleListingWrapperHorticultureViticulture #listingHorticultureViticulture .listingItem .moduleItemContent,
.moduleListingWrapperResidentialAndCommercial #listingResidentialAndCommercial .listingItem .moduleItemContent,
.moduleListingWrapperWaterTreatment #listingWaterTreatment .listingItem .moduleItemContent
{
color:#333;
}

.moduleListingWrapperWaterProducts #listingWaterProducts .listingItem .moduleItemContent .readMore,
.moduleListingWrapperTechnology #listingTechnology .listingItem .moduleItemContent .readMore,
.moduleListingWrapperAgriculture #listingAgriculture .listingItem .moduleItemContent .readMore,
.moduleListingWrapperEffluentAndWaste #listingEffluentAndWaste .listingItem .moduleItemContent .readMore,
.moduleListingWrapperHorticultureViticulture #listingHorticultureViticulture .listingItem .moduleItemContent .readMore,
.moduleListingWrapperResidentialAndCommercial #listingResidentialAndCommercial .listingItem .moduleItemContent .readMore,
.moduleListingWrapperWaterTreatment #listingWaterTreatment .listingItem .moduleItemContent .readMore
{
position:absolute;
bottom:15px;
margin:30px 0px 30px;
}

.moduleListingWrapperWaterProducts #listingWaterProducts .listingItem .moduleItemContent .readMore a,
.moduleListingWrapperTechnology #listingTechnology .listingItem .moduleItemContent .readMore a,
.moduleListingWrapperAgriculture #listingAgriculture .listingItem .moduleItemContent .readMore a,
.moduleListingWrapperEffluentAndWaste #listingEffluentAndWaste .listingItem .moduleItemContent .readMore a,
.moduleListingWrapperHorticultureViticulture #listingHorticultureViticulture .listingItem .moduleItemContent .readMore a,
.moduleListingWrapperResidentialAndCommercial #listingResidentialAndCommercial .listingItem .moduleItemContent .readMore a,
.moduleListingWrapperWaterTreatment #listingWaterTreatment .listingItem .moduleItemContent .readMore a
{
padding:10px;
text-decoration:none;
font-style:italic;
color:#0047ba;
background:#e6e6e6;
-webkit-border-radius: 4px;
-moz-border-radius:4px;
border-radius: 4px;
}


#backBtn
{
position:relative;
float:left;
width:97%;
margin:0px 1.5% 20px;

}

#backBtn p
{

}

#backBtn p a
{
color:#0047ba;
text-decoration:none;
font-style:italic;
}

#productCallouts
{
position:relative;
float:left;
width:100%;
margin:0px 0px 40px 0px;
background:#0047ba;
text-align:center;
}

#productCallouts h2
{
margin:40px 0px 40px 0px;
color:#FFF;
font-size: 36px;
text-align:center;
font-weight:400;
}

.moduleComponentContainermanageTheDetailsCallout
{
position:relative;
float:left;
width:100%;
text-align:center;
padding-bottom:40px;
}


.moduleComponentContainermanageTheDetailsCallout .moduleComponent
{
float:left;
position:relative;
width:100%;
margin:0px 0.7% 20px;
padding:20px 0px 10px;
box-sizing:border-box;
background:#2965c6;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 500px) {

.moduleComponentContainermanageTheDetailsCallout .moduleComponent
{
width:31.7%;
margin:0px 0.7% 20px;
padding:20px 0px 10px;
}

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1040px) {

.moduleComponentContainermanageTheDetailsCallout .moduleComponent
{
width:18.5%;
margin:0px 0.7% 20px;
padding:20px 0px 10px;
}

}





.moduleComponentContainermanageTheDetailsCallout .moduleComponent .bannerHtmlContent p
{
line-height:1.2;
}

.moduleComponentContainermanageTheDetailsCallout .moduleComponent .bannerHtmlContent a
{
color:#FFF;
text-transform:uppercase;
text-decoration:none;
line-height:1;
}

.moduleComponentContainermanageTheDetailsCallout .moduleComponent .bannerHtmlContent #moreLink
{
margin:25px 0px 25px 0px;
}

.moduleComponentContainermanageTheDetailsCallout .moduleComponent .bannerHtmlContent #moreLink a
{
padding:10px 15px;
text-decoration:none;
text-transform:none;
font-style:italic;
color:#0047ba;
background:#fff;
-webkit-border-radius: 4px;
-moz-border-radius:4px;
border-radius: 4px;
}


/***************************/
#productBottomCallouts .blueTopBorder
{
float:left;
position:relative;
width:100%;
border-top:7px solid #0047ba;
padding: 20px 0px 0px 0px;
margin:0px 2%;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 800px) {

#productBottomCallouts .blueTopBorder
{
width:46%;
}

}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1040px) {

#productBottomCallouts .blueTopBorder
{
width:29%;
}

}


#productBottomCallouts .blueTopBorder h2
{
font-size:30px;
margin:0px;
}


#productBottomCallouts #supportFeed.blueTopBorder,
#productBottomCallouts #localWaterforce.blueTopBorder,
#productBottomCallouts #calculatorFeed.blueTopBorder
{
min-height:440px;
}

#productBottomCallouts #supportFeed.blueTopBorder .moduleItemImage
{
display:none;
}

#productBottomCallouts #supportFeed .moduleComponent:nth-of-type(1)
{
border-bottom:0px;
}

#productBottomCallouts #supportFeed .moduleComponent .componentItem
{

margin:0px 0px 10px 0px;
 padding:0px 0px 10px 0px;
}

#productBottomCallouts #supportFeed .moduleComponent .componentItem:nth-of-type(1)
{
border-bottom:2px dotted #5080cf;
}

#productBottomCallouts #supportFeed.blueTopBorder p.title
{
margin:0px;
}

#productBottomCallouts #supportFeed.blueTopBorder p.title a
{
text-decoration:none;
font-size:21px;
color:#0047ba;
}

#productBottomCallouts #supportFeed.blueTopBorder p.readMore
{
margin:0px 0px 0px 0px;
}

#productBottomCallouts #supportFeed.blueTopBorder p.readMore a
{
text-decoration:none;
color:#0047ba;
font-style:italic;
}

#productBottomCallouts #localWaterforce.blueTopBorder h2
{
 margin-bottom:10px;
}

#productBottomCallouts #localWaterforce.blueTopBorder a
{
display:block;
text-decoration:none;
color:#0047ba;
margin:2px 0px;
font-style:italic;
}


#productBottomCallouts .blueTopBorder #moreLink
{
margin:25px 0px 65px 0px;
}

#productBottomCallouts .blueTopBorder #moreLink a
{
padding:10px 15px;
text-decoration:none;
text-transform:none;
font-style:italic;
color:#0047ba;
background:#e6e6e6;
-webkit-border-radius: 4px;
-moz-border-radius:4px;
border-radius: 4px;
}

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

.moduleCategoriesWrapperWaterProducts #pageSource, .moduleListingWrapperWaterProducts #pageSource
{
float:left;
position:relative;
width:100%;
border-bottom:2px solid #b2c7ea;
margin:40px 0px 50px;
padding:0px 0px 40px;
}


.modulePath
{
display:none;
}

/*******************************/
.who-we-help .columnContainer3 h3
{
text-decoration: none;
color: #0047ba;
font-size: 18px;
text-transform: uppercase;
font-weight:400;
}

.who-we-help .columnContainer3 h3 a
{
text-decoration: none;
color: #0047ba;
}

.who-we-help .columnContainer3 p
{
font-size: 15px;
}


.who-we-help .columnContainer3 p a
{

text-decoration: none;
color: #0047ba;
font-style: italic;
}

.who-we-help .columnContainer3 li{
  width:98%;
  margin:0px 0%!important;
  border-bottom:2px dotted #0047ba;
  margin-bottom: 25px !important;
  padding-bottom: 15px;
}

.who-we-help .columnContainer3 li img
{
width:100%;
margin:0px 0%!important;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 740px) {

.who-we-help .columnContainer3 li{
  width:29.6%;
  margin:0px 1.8%!important;
  margin-bottom: 51px !important;
  min-height: 560px;

  padding-bottom: 30px;
}

}


.moduleListingWrapperIndustrySolutions #navBar
{
display:none;
}

.moduleCategoriesWrapperIndustrySolutions #pageSource
{
margin-top:50px;
}

.moduleListingWrapperIndustrySolutions #pageSource
{
display:none;
}

.moduleCategoriesWrapperHorticultureViticulture #pageSource,
.moduleCategoriesWrapperAgriculture #pageSource,
.moduleCategoriesWrapperResidentialAndCommercial #pageSource,
.moduleCategoriesWrapperEffluentAndWaste #pageSource,
.moduleCategoriesWrapperWaterTreatment #pageSource
{
margin-top:50px;
}

/*****************/
.moduleComponentContainerproductLogos
{
position:relative;
float:left;
width:100%;
background:#e6e6e6;
margin:0px 0px 0px 0px;
box-sizing:border-box;
padding:50px 0px;
}



.moduleComponentContainerproductLogos .moduleComponent
{
display:inline-block;
text-align:center;
width:auto;
margin:0px 2% 0px;
padding:15px 0px 10px 0px;
}

.moduleListingWrapperIndustrySolutions #listingIndustrySolutions p a
{

font-style: italic;
text-decoration: none;
color: #0047ba;
}

#pageEditorContent ul,
.moduleItemDetail #moduleItemContent ul{
list-style: disc;
}

#default.technology #pageEditorContent ul.columnContainer4{
padding:0;
}

#default.technology #pageEditorContent ul.columnContainer4 li
{
width:96%;
margin:40px 0px 0px!important;
padding: 0 0 30px 0;
min-height: 142px;
margin: 40px 1.5% 20px!important;
border-bottom:2px dotted #5080cf;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 800px) {

#default.technology #pageEditorContent ul.columnContainer4 li
{
width:30%;
min-height:260px;
}

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1040px) {


#default.technology #pageEditorContent ul.columnContainer4 li
{
width:22%;
min-height:260px;
}

#default.technology #pageEditorContent ul.columnContainer4 li p.readMore {
    bottom: 0;
    margin: 20px 0 0;
    position: relative;
    width: 65%;
}

}


#default.technology #pageEditorContent ul.columnContainer4 li a{
display:block;
margin:10px 0px 0px;
text-decoration:none;
padding: 10px;
font-style: italic;
color: #0047ba;
background: #e6e6e6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

#default.technology #pageEditorContent ul.columnContainer4 li h2{
text-transform: uppercase;
font-size: 21px;
color: #0047ba;
font-weight: 400;
width: 90%;
margin: 0px 0px 15px;
line-height: 1.2;
}

#default.technology #pageEditorContent ul.columnContainer4 li p{
font-size:15px;
color:#333;
margin:8px 0px;
}

#default.technology #pageEditorContent ul.columnContainer4 li p:nth-child(1){
margin: 0;
}

#default.technology #pageEditorContent ul.columnContainer4 li p a{
font-size:15px;
font-style:italic;
}

#default.technology #pageEditorContent ul.columnContainer4 li p a:hover{
color:#333;
}


/*************************************/
#moduleComponentfaqModuleScroller .carousel .icon-prev
{
top:120px;
left:-10px;
width:42px!important;
height:66px!important;
background:#000!important;
background: url(http://www.waterforce.co.nz/images/style/faqLeftArrow.png) top right no-repeat!important;
}

#moduleComponentfaqModuleScroller .carousel .icon-next
{
top:120px;
left:24px!important;
width:42px!important;
height:66px!important;
background:#000!important;
background: url(http://www.waterforce.co.nz/images/style/faqRightArrow.png) top right no-repeat!important;

}
#moduleComponentfaqModuleScroller .carousel .icon-next:before,
#moduleComponentfaqModuleScroller .carousel .icon-prev:before
{
display:none;
}

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

#back-top{display:none;}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 740px) {

#back-top{display:block;position:fixed;bottom:30px;margin-left:0;right:0;left:auto;margin-right:0px;z-index:6000;}
#back-top a{width:100px;display:block;text-align:center;font:11px/100% Arial, Helvetica, sans-serif;text-transform:uppercase;text-decoration:none;color:#000;-webkit-transition:1s;-moz-transition:1s;transition:1s;}
#back-top a:hover{color:#000;}
#back-top span{width:60px;height:60px;display:block;margin:0px 0px 7px 30px;background:#0047ba url(http://www.waterforce.co.nz/images/style/up-arrow.png) no-repeat center center;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-webkit-transition:1s;-moz-transition:1s;transition:1s;}
#back-top a:hover span{background-color:#434343;}

}






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

#moduleComponentcaseStudies p.title
{
font-size:21px !important;
color:#0047ba;
margin:0px 0px 5px 0px;
padding:0px;
line-height:1;
}



#moduleComponentcaseStudies p.title a
{
font-size:21px;
font-weight:400;
color:#0047ba;
text-decoration:none;
margin:0px 0px 0px 0px;
padding:0px;
}

#moduleComponentcaseStudies p.readMore
{
font-style : italic;

}

#moduleComponentcaseStudies p.readMore a
{
text-decoration: none;
color:#0047ba;
}


#moduleComponentcaseStudies .moduleItemImage
{
position:relative;
float:left;
width:135px;
margin-right:25px;
margin-top:20px;
}

#moduleComponentcaseStudies .content
{
position:relative;
float:left;
width:160px;
min-height:200px;
}

#moduleComponentcaseStudies .componentItem,
#moduleComponentcaseStudies
{
width:100%!important;
}

#moduleComponentcaseStudies .content
{
width:76%;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 800px) {

#moduleComponentcaseStudies .componentItem,
#moduleComponentcaseStudies
{
width:100%!important;
}

#moduleComponentcaseStudies .content
{
width:40%;
}

}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1040px) {

#moduleComponentcaseStudies  .content
{
width:60%;
}

#caseStudiesFeed .moduleItemImage {
    display: inline-block;
}

.home #moduleComponentcaseStudies .content {
    width: 48%;
}

}


#moduleComponentcaseStudies .content
{
font-size:15px;
font-weight:400;
text-decoration:none;
margin:20px 0px 0px 0px;
padding:0px;
color:#333;
}

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




@media screen and (max-width:768px) {
	#default.technology #pageEditorContent ul.columnContainer4 li p.readMore {
	    width: 30%;
	}

}


@media screen and (max-width:500px)
{
	#moduleComponentfaqModuleScroller .componentItem
	{
	min-height: 0;
	margin-left: 0;
	}
	.carousel-control
	{
		display:none;
	}

	#default.technology #pageEditorContent ul.columnContainer4 li p.readMore {
	    width: 50%;
	}
}





@media screen and (max-width:900px) {
	.contact-us .listingItem {
	    width: 30%;
	}


}

@media screen and (max-width:980px) {
	.subNavBg .subLevel.subNavThree ul li, .subNavBg .subLevel.subNavTwo ul li {
	    width: 47%;
	}

	.subNavBg .subLevel.subNavFour ul li, .subNavBg .subLevel.subNavTwo ul li {
	    width: 47%;
	}

	.subNavBg .subLevel.subNavOne ul li {
	    width: 47%;
	}
}

@media screen and (max-width:800px) {
	.contact-us .listingItem {
	    width: 33%;
	}
}

@media screen and (max-width:640px) {
	.contact-us .listingItem {
	    width: 50%;
	}
}

@media screen and (max-width:500px) {
	.contact-us .listingItem {
	    width: 90%;
	}
	.contact-us .listingItem > h2 {
		height: auto;
	}
	.contact-us .listingItem br {
	    display: none;
	}
}

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

.fonterra .centerContainer #navBar {
	display: block;
    width: 100%;
    margin: 0;
}


.fonterra .navCategorySelect select
{
background: #0047ba;
border:none;
color: #fff;
font-size: 16px;
padding: 4px 10px;
text-transform: uppercase;
width: 100%;
height: 50px;
}

.fonterra .navCategorySelect option
{
border-bottom: 1px dashed #ccc;
color: #000;
padding: 10px 0 10px 10px;
background: #e6e6e6;
}

#listingFonterra
{
float: left;
position: relative;
width:100%;
}

#listingFonterra .listingItem
{
float: left;
position: relative;
border-bottom:2px dotted #0047ba;
width:100%;
padding:0px 0% 20px 0px;
margin-bottom:20px;
min-height:455px;
}

#listingFonterra .listingItem:nth-child(3n+3)
{
padding-right:0px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

.fonterra #listingFonterra .listingItem {
    margin-bottom: 20px;
    min-height: 100px;
    padding: 20px 0;
    width: 100%;
}

.fonterra #listingFonterra .moduleItemImage {
    display: inline-block;
    float: left;
    position: relative;
    width: 30%;
}

#listingFonterra .listingItem:nth-child(3n+3)
{
padding-right:4%;
}

}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

.fonterra #listingFonterra .listingItem {
    margin-bottom: 20px;
    min-height: 100px;
    padding: 20px 0;
    width: 100%;
}

.fonterra #listingFonterra .moduleItemImage {
    display: inline-block;
    float: left;
    position: relative;
    width: 30%;
}

#listingFonterra .listingItem:nth-child(3n+3)
{
padding-right:0px;
}

}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {

.fonterra #listingFonterra .listingItem {
    margin-bottom: 20px;
    min-height: 100px;
    padding: 20px 0;
    width: 100%;
}

.fonterra #listingFonterra .moduleItemImage {
    display: inline-block;
    float: left;
    position: relative;
    width: 30%;
}

#listingFonterra .listingItem:nth-child(3n+3)
{
padding-right:0px;
}

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

/*#listingFonterra .listingItem
{
border-bottom:2px dotted #0047ba;
width:29.5%;
padding:0px 5.7% 40px 0px;
margin-bottom:40px;
}
*/

#listingFonterra .listingItem:nth-child(3n+3)
{
padding-right:0px;
}

.fonterra #listingFonterra .listingItem {
    margin-bottom: 20px;
    min-height: 100px;
    padding: 20px 0;
    width: 100%;
}

.fonterra #listingFonterra .moduleItemImage {
    display: inline-block;
    float: left;
    position: relative;
    width: 30%;
}

}


#listingFonterra .listingItem h2.title {
    color: #0047ba;
    font-size: 20px;
    margin: 0 0 20px;
    text-transform: uppercase;
}

#listingFonterra .listingItem p
{
color:#333;
}

#listingFonterra .listingItem hr
{
margin:5px 0px;
border-bottom:2px dotted #0047ba;
}

.btn-primary {
    background-color: #0047ba;
    border-color: #07224d;
    color: #fff;
    text-decoration: none;
}

.btn-primary:hover {
    background-color: #07224d;
    border-color: #07224d;
    color: #fff;
    text-decoration: none;
}

.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
}


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

.diyTable td
{
display:block;
width:100%;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {



.diyTable td
{
display:inline-block;
width:33%!important;
}

}