﻿html, body 
{
	margin-top:0px;
	padding-top:0px;
}

body 
{
	color:#231F20;
	font-family: Century Gothic, Sans-Serif;
	font-size:/*19px*/ 1.2em;
}
p 
{
	font-size:0.9em;
	line-height:1.25em;
}
.wrapper 
{
	margin:0 auto;
	margin-top:0px;
	padding:0em 0.5em 0em 0.5em;
	width:100%;
}
h1, h2, h3, h4, h5, h6 
{
	color: #231F20;
	font-family: Century Gothic, Sans-Serif;
	font-weight:normal;
}
h1 
{
	font-size:1.4em;
	line-height:1em;
	margin-top:0em;
}
h2
{
	font-size: 1.2em;
}
h2 a 
{
	color: #231F20 !important;
	cursor: pointer;
}

a 
{
	color: #3672A8;
	cursor: pointer;
}

hr 
{
	border-color: #C2C2C2;
}

.metro
{
	color: #FFFFFF;
}

.button 
{
	border-color: #2683CF;
}
.button:hover, button:focus, .button:hover, .button:focus
{
	background-color: #2683CF;
}

div.interiorContent.large-10.columns
{
	padding-left: 0em;
	padding-right:0em;
	margin-top:0.875em;
}

/* Header
--------------------------------------*/
.contain-to-grid, .contain-to-grid .top-bar, .contain-to-grid .top-bar-section ul, .contain-to-grid .top-bar-section ul li > a, .contain-to-grid .top-bar.expanded .title-area, .contain-to-grid .top-bar-section, .contain-to-grid .top-bar-section ul li > a:hover, .contain-to-grid .top-bar-section ul li > a.button, .contain-to-grid .top-bar-section ul li > a.button:hover 
{
	background: #FFFFFF;
	background-color: #FFFFFF;
	color: #231F20;
	font-size: 1em;
	font-weight:normal;
}
/*.top-bar-section a.active 
{
	border-bottom: 2px solid #C2C2C2;
	height: 39px;
}*/
.top-bar-section a.active
{
	font-weight:bold;
}
a.industries
{
	padding-left: 10px !important;
}
nav .top-bar
{
	background-color:#FFFFFF;
}
.contain-to-grid nav .top-bar li a:link 
{
	color: #231F20;
	font-size:/*24px*/ 1.5em;
}
.top-bar .toggle-topbar.menu-icon a {
    color: #231F20;
}

.top-bar .toggle-topbar.menu-icon a span {
    box-shadow: 0 10px 0 1px #231F20, 0 16px 0 1px #231F20, 0 22px 0 1px #231F20;
}

input, textarea, #translate input, #search input
{
	border: 1px solid #C2C2C2;
	color: #231F20;
	padding:0.3em;
	font-size: 1em;
}
input, input[type="text"], textarea 
{
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 1.5em;
}
textarea 
{
	min-height: 5em;
}
#translate
{ 
	color:#C2C2C2; 
	margin-top:5px;
}

.translatePlaceholder
{
	cursor: pointer;
}
div.translatePlaceholder p 
{
	float:left;
	font-size:0.85em;
	margin-right:5px;
	padding-top:6px;
}
div.translatePlaceholder img 
{
	float:right;
}
span.translatePlaceholder 
{
	height:30px;
}
#translate input  
{
	font-size: /*18px*/ 1em;
}
#google_translate_element
{
	display:none;
}
#search 
{
	margin-top:-5px;
	margin-bottom:15px;
	/*max-width: 175px;*/
	margin-right:0.6em;
}
#search input
{
	font-size: 0.9em;
	position: static;
	padding-right:26px;
	float: left;
	width: 181px;
	height:35px;
	margin-right: -7px;
	
	padding-rmsight:0em;
	outline:none;
}
button.searchButton 
{
	background-color:transparent;
	border: none;
	/*margin-left: 158px;*/
	float:right;
	margin-bottom:0em \1.2em/;
	margin-bottom: 0;
	/*margin-top:-30px;
	margin-right:-0.15em;*/
	padding:0em 0em 0em 0em;
  background-image:url('/img/icons/searchicon.png');
  width:26px;
  height:25px;
  margin-left: -26px;
  margin-top: 4px;
  margin-right: -2px;
}

.searchicon
{
    background-image:url(.../images/icons/searchicon.png) no-repeat;
}
    

/* Left Nav
--------------------------------------*/
.leftNav 
{
	font-size: /*26px*/ 1 em;
	display: block;
	margin: 0;
	padding: 0.875em 0;
	list-style-type: none;
	list-style-position: inside; 
}
.leftStripe 
{
	float:left;
	height:35px;
	width:9px;
}
.leftNavItem
{
	padding:4px 0px 4px 25px;
}
.side-nav li
{
	display: block;
	height: 35px;
	padding:5px 5px 5px 0px;
	margin: 0 0 0.25em 0;
}
.side-nav li a:link, .side-nav li a:visited 
{
	color: #231F20;
}

.side-nav .institutional:hover, .side-nav  .institutional.active /* Active State for Institutional Side Nav */
{
	background-color: rgba(245,130,32,0.12);
} 
.side-nav li .municipal:hover, .side-nav .municipal.active /* Active State for Municipal Side Nav */
{
	background-color: rgba(1,93,171,0.12);
}
.side-nav .agricultural:hover, .side-nav .agricultural.active /* Active State for Agricultura Side Nav */
{
	background-color: rgba(46,158,70,0.12);
}
.side-nav .formulators:hover, .side-nav .formulators.active /* Active State for Formulators Side Nav */
{
	background-color: rgba(35,31,32,0.12);
}
.side-nav .industrial:hover, .side-nav .industrial.active /* Active State for Industrial Side Nav */
{
	background-color: rgba(255,214,0,0.12);
}



/* Home
--------------------------------------*/

div.municipalTile.small-12.large-4.columns,  div.formulatorsTile.small-12.large-3.columns, div.institutionalTile.small-12.large-7.columns, div.industrialTile.small-12.large-5.columns, div.agriculturalTile.small-12.large-5.columns
{
	border-right:2px solid #ffffff;
	padding-left: 0em !important;
	padding-right: 0em !important;
}


.homeIcons 
{
	margin-top:10px;
}

.homeCallout /* Use panel class for the three boxes on Home Page */
{
	background-color: #FFFFFF;
	border: 1px solid #C2C2C2;
	margin-top:25px;
	padding:15px;
}

h1.left a 
{
	color:#231F20;
}
h1.left a:hover 
{
	color:#2795b6;
}


div.noPadding.large-4.columns.leftHomeCallout, div.large-4.columns.centerHomeCallout, div.noPadding.large-4.columns.rightHomeCallout 
{
	padding-left:0em;
	padding-right:0em;
}


/* Industries
--------------------------------------*/
table 
{
	width: 100%;
}
.institutional table tr td, .municipal table tr td, .agricultural table tr td, .formulators table tr td, .industrial table tr td, .allmarkets table tr td, .allmarkets .caseStudiesLink table tr td, .ghs table tr td
{
	padding: 0px;
}
.institutional table td,  .municipal table td, .agricultural table td, .formulators table td, .industrial table td, .industrial table td, .allmarkets table td, .allmarkets .caseStudiesLink table td, .ghs table td
{
	border: 2px solid #FFFFFF;
}
.institutional .description,  .municipal .description, .agricultural .description, .formulators .description, .industrial .description, .allmarkets .description
{
	font-size:0.85em;
	padding: 0.5em 0.5em !important;
}

.institutional .productLink a, .institutional .msdsLink a, .municipal .productLink a, .municipal .msdsLink a, .agricultural .productLink a, .agricultural .msdsLink a, .formulators .productLink a, .formulators .msdsLink a, .industrial .productLink a, .industrial .msdsLink a, .allmarkets .productLink a, .allmarkets .msdsLink a, .allmarkets .caseStudiesLink a
{
	background-color:transparent !important;
	color: #231F20;
	display:block;
	width:100%;
	height:100%;
	padding: 0.5em 0.5em;
}
.institutional .product, .municipal .product, .agricultural .product, .formulators .product, .industrial .product, .allmarkets .product, .allmarkets .caseStudiesLink a, .ghs .product 
{
	padding: 0.5em 0.5em;
}
.products td.productLink , .msds td.productLink
{
	min-width:212px;
}
.products .allmarkets td.productLink, .msds .allmarkets td.productLink 
{
	width:212px;
}
.industry img
{
	
	margin-bottom:25px;
	
}

div.industries.row 
{
	margin-left: 0em;
	margin-right: 0em;
	padding-top:25px;
}
div.industriesLeft.large-6.columns
{
	padding-left:0em;
}
div.industriesRight.large-6.columns
{
	padding-right:0em;
}
div.industriesLeft.large-6.columns p, div.industriesRight.large-6.columns p
{
	margin:0px 10px 0px 10px;
}

td .productLink 
{ 
    width: 180px;
}
a div.industrialIndustryBox, a div.formulatorsIndustryBox, a div.agriculturalIndustryBox, a div.municipalIndustryBox, a div.institutionalIndustryBox
{
	color:#231F20;
}
.industryBoxContent 
{
	padding-left:15px;
}
a div.institutionalIndustryBox
{
	border: 1px solid #c2c2c2; 
	border-left: 5px solid #F58220; 
	margin-top: 25px;
}
a div.institutionalIndustryBox:hover, a div.institutionalIndustryBox:hover h2
{
	background-color: #F58220;
	color: #ffffff;
}
a div.municipalIndustryBox
{
	border: 1px solid #c2c2c2; 
	border-left: 5px solid #015DAB; 
	margin-top: 25px;
}

a div.municipalIndustryBox:hover, a div.municipalIndustryBox:hover h2 
{
	background-color: #015DAB;
	color: #ffffff;
}
a div.agriculturalIndustryBox
{
	border: 1px solid #c2c2c2; 
	border-left: 5px solid #2E9E46; 
	margin-top: 25px;
}
a div.agriculturalIndustryBox:hover, a div.agriculturalIndustryBox:hover h2 
{
	background-color: #2E9E46;
	color: #ffffff;
}
a div.formulatorsIndustryBox
{
	border: 1px solid #c2c2c2; 
	border-left: 5px solid #231F20; 
	margin-top: 25px;
}
a div.formulatorsIndustryBox:hover, a div.formulatorsIndustryBox:hover h2 
{
	background-color: #231F20;
	color: #ffffff;
}
a div.industrialIndustryBox
{
	border: 1px solid #c2c2c2; 
	border-left: 5px solid #FFD600; 
	margin-top: 25px;
}
a div.industrialIndustryBox:hover, a div.industrialIndustryBox:hover h2 
{
	background-color: #FFD600;
}

.industriesBox
{
	margin-right:10px;
}

/*--------------------------------------
All Markets - LightGrey
--------------------------------------*/
.lightGrey, .lightGrey p, .lightGrey h1
{
	background-color: #D5E1ED;
	color: #FFFFFF;
}
.lightGrey h1 
{
	line-height: 1.4;
	margin-top:0.3em;
}

.allmarkets table tr.even, .ghs table tr.even
{
	background-color: rgba(229,229,229,0.35);
	color: #231F20;
}
.allmarkets table tr.odd, .ghs table tr.odd 
{
	background-color: rgba(191,191,191,0.25);
	color: #231F20;
}
.allmarkets .productLink:hover, .allmarkets .productLink a:hover, .allmarkets .msdsLink:hover, .allmarkets .msdsLink a:hover, .allmarkets .caseStudiesLink:hover, .allmarkets .caseStudiesLink a:hover
{
	background-color: rgba(64,64,64,1);
	color: #FFFFFF !important;
	-webkit-transition: all 200ms ease-out 0s;
	-moz-transition: all 200ms ease-out 0s;
    transition: all 200ms ease-out 0s;
}

/*.allmarkets .caseStudiesLink a:hover  .allmarkets .caseStudiesLink td:hover 
{
	color: #ffffff !important;
}*/
.ghsGrey 
{
	background-color:#404040 !important;
	color:#FFFFFF;
}
.ghsGrey label 
{
	color:#FFFFFF;
}
.ghsGrey h1 
{
	color:#FFFFFF;
	line-height: 1.4;
	margin-top:0.3em;
}
div.ghs.small-12.large-5.columns.ghsGrey 
{
	border-bottom: 2px solid #FFFFFF;
	color:#FFFFFF;
	padding-right: 1em;
}
div.ghs.small-12.large-5.columns.ghsGrey h1 
{
	color:#FFFFFF;
	line-height: 1.4;
    margin-top: 0.3em;
}
div.ghs.small-12.large-7.columns 
{
	padding-left:0em;
	padding-right:2px;
}
tr.ghsGrey td h1 
{
	padding:10px;
}
tr.ghsGrey td.product, tr.ghsGrey td.description 
{
	color:#FFFFFF;
}
.ghs .who
{
	color:#FFFFFF;
}
.lightGreybar
    {
        width:100%;
        background-color: #404040;
		
    }
    
 .lightGreybar h1
 {
     padding:10px;
    color: #ffffff;
  }  
  
  .lightGreybar2
    {
        width:100%;
        height:60px;
        background-color: #404040;
		border: 3px solid #FFFFFF;
    }
    
 .lightGreybar2 h1
 {
     padding:10px;
    color: #ffffff;
    
  }  
    
/*--------------------------------------
Institutional - Orange
--------------------------------------*/
.orange, .orange p, .orange h1
{
	background-color: #F58220;
	color: #FFFFFF;
}
.orange h1 
{
	line-height: 1.4;
	margin-top:0.3em;
}
div.institutional.row 
{
	margin-left: 0em;
	margin-right: 0em;
}
div.institutional.small-12.large-5.columns.orange 
{
	border-bottom: 2px solid #FFFFFF;
	padding-right: 1em;
}
div.institutional.small-12.large-7.columns 
{
	padding-left:0em;
	padding-right:2px;
}
.institutional table tr.even 
{
	background-color: rgba(245,130,32,0.35);
	color: #231F20;
}
.institutional table tr.odd 
{
	background-color: rgba(245,130,32,0.25);
	color: #231F20;
}
.institutional .productLink:hover, .institutional .productLink a:hover, .institutional .msdsLink:hover, .institutional .msdsLink a:hover
{
	background-color: rgba(245,130,32,1);
	color: #FFFFFF !important;
	-webkit-transition: all 200ms ease-out 0s;
	-moz-transition: all 200ms ease-out 0s;
    transition: all 200ms ease-out 0s;
}

 .navorange
 {
     width: 7px; 
     height:27px;
     margin-right:15px; 
     float:left; 
     display:block;
     background-color: #F58220;
	color: #FFFFFF;
 }
 
div.institutionalTile.small-12.large-5.columns, div.institutionalTile.small-12.large-6.columns, div.institutionalTile.small-12.large-4.columns, div.institutionalTile.small-12.large-3.columns, div.institutionalTile.small-12.large-12.columns
{
	border-right:2px solid #ffffff;
	padding-left: 0em !important;
	padding-right: 0em !important;
}

.orangebar
    {
        width:100%;
        background-color: #F58220;
		
    }
    
 .orangebar h1
 {
     padding:10px;
    color: #ffffff;
  }  
    
    .orangebar2
    {
        width:100%;
        height:60px;
        background-color: #F58220;
		border: 3px solid #FFFFFF;
		
    }
    
 .orangebar2 h1
 {
     padding:10px;
    color: #ffffff;
    
  }  
    
     .orangeCallout
{
	
	border: 1px solid #F58220;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
}

/*--------------------------------------
Municipal - Blue
--------------------------------------*/
.blue, .blue p, .blue h1 
{
	background-color: #015DAB;
	color: #FFFFFF;
}
.blue h1 
{
	line-height: 1.4;
	margin-top:0.3em;
}
div.municipal.row 
{
	margin-left: 0em;
	margin-right: 0em;
}
div.municipal.small-12.large-5.columns.blue 
{
	border-bottom: 2px solid #FFFFFF;
	padding-right: 1em;
}
div.municipal.small-12.large-7.columns 
{
	padding-left:0em;
	padding-right:2px;
}
.municipal table tr.even 
{
	background-color: rgba(1,93,171,0.35);
	color: #231F20;
}
.municipal table tr.odd 
{
	background-color: rgba(1,93,171,0.25);
	color: #231F20;
}
.municipal .productLink:hover, .municipal .productLink a:hover, .municipal .msdsLink:hover, .municipal .msdsLink a:hover
{
	background-color: rgba(1,93,171,1);
	color: #FFFFFF !important;
	-webkit-transition: all 200ms ease-out 0s;
	-moz-transition: all 200ms ease-out 0s;
    transition: all 200ms ease-out 0s;
}


.navblue
 {
     width: 7px; 
     height:27px;
     margin-right:15px; 
     float:left; 
     display:block;
     background-color: #015DAB;
	color: #FFFFFF;
 }
 
.mainContent 
{
	margin-bottom:25px;
}

div.municipalTile.small-12.large-6.columns
{
	border-right:2px solid #ffffff;
	padding-left: 0em !important;
	padding-right: 0em !important;
}
 
 .bluebar
    {
        width:100%;
        background-color: #015DAB;
		
    } 
    
    .bluebar h1
 {
     padding:10px;
    color: #ffffff;
  } 
  
   
    .bluebar2
    {
        width:100%;
        height:60px;
        background-color: #015DAB;
    	border: 3px solid #FFFFFF;
    }
    
   
		
    
 .bluebar2 h1
    {
        padding: 10px;
    	color:#ffffff;
    }
    
  
 .blueCallout
{
	
	border: 1px solid #015DAB;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
}

 
/*--------------------------------------
Agricultural - Green
--------------------------------------*/
.green, .green p, .green h1 
{
	background-color: #2E9E46;
	color: #FFFFFF;
}
.green h1 
{
	line-height: 1.4;
	margin-top:0.3em;
}
div.agricultural.row 
{
	margin-left: 0em;
	margin-right: 0em;
}
div.agricultural.small-12.large-5.columns.green 
{
	border-bottom: 2px solid #FFFFFF;
	padding-right: 1em;
}
div.agricultural.small-12.large-7.columns 
{
	padding-left:0em;
	padding-right:2px;
}
.agricultural table tr.even 
{
	background-color: rgba(46,158,70,0.35);
	color: #231F20;
}
.agricultural table tr.odd 
{
	background-color: rgba(46,158,70,0.25);
	color: #231F20;
}
.agricultural .productLink:hover, .agricultural .productLink a:hover, .agricultural .msdsLink:hover, .agricultural .msdsLink a:hover
{
	background-color: rgba(46,158,70,1);
	color: #FFFFFF !important;
	-webkit-transition: all 200ms ease-out 0s;
	-moz-transition: all 200ms ease-out 0s;
    transition: all 200ms ease-out 0s;
}
.navgreen
 {
     width: 7px; 
     height:27px;
     margin-right:15px; 
     float:left; 
     display:block;
     background-color: #2E9E46;
	color: #FFFFFF;
 }
 
 div.agriculturalTile.small-12.large-12.columns , div.agriculturalTile.small-12.large-6.columns
{
	border-right:2px solid #ffffff;
	padding-left: 0em !important;
	padding-right: 0em !important;
}
 
 
  .greenbar
    {
        width:100%;
        background-color: #2E9E46;
		
    }
    
 .greenbar h1
 {
     padding:10px;
    color: #ffffff;
  }  
  
  .greenbar2
    {
        width:100%;
        height:60px;
        background-color: #2E9E46;
		border: 3px solid #FFFFFF;
    }
    
 .greenbar2 h1
 {
     padding:10px;
    color: #ffffff;
  }  
  
 .greenCallout
{
	
	border: 1px solid #2E9E46;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
}
 
 
/*--------------------------------------
Formulators - Dark Grey
--------------------------------------*/
.darkGrey, .darkGrey p, .darkGrey h1 
{
	background-color: #231F20;
	color: #FFFFFF;
}
.darkGrey h1 
{
	line-height: 1.4;
	margin-top:0.3em;
}
div.formulators.row 
{
	margin-left: 0em;
	margin-right: 0em;
}
div.formulators.small-12.large-5.columns.darkGrey 
{
	border-bottom: 2px solid #FFFFFF;
	padding-right: 1em;
}
div.formulators.small-12.large-7.columns 
{
	padding-left:0em;
	padding-right:2px;
}
.formulators table tr.even 
{
	background-color: rgba(35,31,32,0.35);
	color: #231F20;
}
.formulators table tr.odd 
{
	background-color: rgba(35,31,32,0.25);
	color: #231F20;
}
.formulators .productLink:hover, .formulators .productLink a:hover, .formulators .msdsLink:hover, .formulators .msdsLink a:hover
{
	background-color: rgba(35,31,32,1);
	color: #FFFFFF !important;
	height:100%;
	-webkit-transition: all 200ms ease-out 0s;
	-moz-transition: all 200ms ease-out 0s;
    transition: all 200ms ease-out 0s;
}

.navdarkGrey
 {
     width: 7px; 
     height:27px;
     margin-right:15px; 
     float:left; 
     display:block;
     background-color: #231F20;
	color: #FFFFFF;
 }
 
div.formulatedTile.small-12.large-6.columns
{
	border-right:2px solid #ffffff;
	padding-left: 0em !important;
	padding-right: 0em !important;
}
 
 .darkGreybar
    {
        width:100%;
        background-color: #231F20;
		
    }
    
    .darkGreybar p, darkGreybar img
    {
        display:block;
        float:left;
    }
    
 .darkGreybar h1
 {
     padding:10px;
    color: #ffffff;
  }  
 
  .darkGreybar2
    {
        width:100%;
        height:60px;
        background-color: #231F20;
        border: 3px solid #FFFFFF;
		
    }
 
  .darkGreybar2 h1
 {
     padding:10px;
    color: #ffffff;
  }  
 
  .darkGreyCallout
{
	
	border: 1px solid #231F20;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
}
 
 
 
 
/*--------------------------------------
Industrial - Yellow
--------------------------------------*/
.yellow, .yellow p, .yellow h1 
{
	background-color: #FFD600;
	color: #231F20;
}
.yellow h1 
{
	line-height: 1.4;
	margin-top:0.3em;
}
div.industrial.row 
{
	margin-left: 0em;
	margin-right: 0em;
}
div.industrial.small-12.large-5.columns.yellow 
{
	border-bottom: 2px solid #FFFFFF;
	padding-right: 1em;
}
div.industrial.small-12.large-7.columns 
{
	padding-left:0em;
	padding-right:2px;
}
.industrial table tr.even 
{
	background-color: rgba(255,214,0,0.35);
	color: #231F20;
}
.industrial table tr.odd 
{
	background-color: rgba(255,214,0,0.25);
	color: #231F20;
}
.industrial .productLink:hover, .industrial .productLink a:hover, .industrial .msdsLink:hover, .industrial .msdsLink a:hover {
	background-color: rgba(255,214,0,1);
	color: #231F20 !important;
	-webkit-transition: all 200ms ease-out 0s;
	-moz-transition: all 200ms ease-out 0s;
    transition: all 200ms ease-out 0s;
}

.navyellow
 {
     width: 7px; 
     height:27px;
     margin-right:15px; 
     float:left; 
     display:block;
     background-color: #FFD600;
	color: #FFFFFF;
 }
 
 
div.industrialTile.small-12.large-5.columns, div.industrialTile.small-12.large-6.columns, div.industrialTile.small-12.large-4.columns, div.industrialTile.small-12.large-3.columns
{
	border-right:2px solid #ffffff;
	padding-left: 0em !important;
	padding-right: 0em !important;
}


 .yellowbar
    {
        width:100%;
        background-color: #FFD600;
		
    }
    
 .yellowbar h1
 {
     padding:10px;
    color: #000000;
  }  
 
.yellowbar2
    {
        width:100%;
        height:60px;
        background-color: #FFD600;
        border: 3px solid #FFFFFF;
		
    }
    
 .yellowbar2 h1
 {
     padding:10px;
    color: #000000;
  }  
  .yellowCallout
{
	
	border: 1px solid #FFD600;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
}
 



/* Products
--------------------------------------*/


/* Sustainability
--------------------------------------*/
.sustainphoto
{
    display: block; 
    margin-left: auto; 
    margin-right: auto;
    float:right;
}

div.large-8.columns.sustainability 
{
	margin-top:25px;
	padding-left:0em;
}

/* About Us
--------------------------------------*/
.aboutphoto
{
    display: block; 
    margin-top:13px;
    margin-left: auto; 
    margin-right: auto;
}

div.large-5.columns.aboutUs 
{
	margin-top:25px;
	padding-left:0em;
}
div.large-7.columns.aboutUsPhoto 
{
	margin-top:20px;
	padding-right:0em;
}

/* MSDS
--------------------------------------*/


/* Ask the Expert
--------------------------------------*/
form#AskTheExpertForm.custom.large-12.columns, div.contact.large-5.columns 
{
	padding-left:0em;
	padding-right:0em;
}

form.custom .custom.dropdown
{
	background: #FFFFFF;
}
form.custom .custom.dropdown ul li 
{
	font-size:1em;
}
.radioLeft 
{
	clear:left;
	display:inline-block;
	margin-right: 30px;
}
.radioRight 
{
	clear:left;
	display:inline-block;
}
.labelDisplay 
{
	display:block;
}
.hidden
{
	display:none;
}
.unhappyMessage
{
	font-size: 0.875em;
	/*color: #4d4d4d;*/
	color: #db1111;
	cursor: pointer;
	display: inline;
	top:0;
	background-color: #FFFFFF;
	font-weight: 500;
	margin-bottom: 0.1875em;
	position: absolute;
}
/* Contact Us
--------------------------------------*/
form.large-5.columns, div.contact.large-12.columns
{
	padding-left: 0em !important;
}

.contactImages
{
	margin-top:20px;
}
div.contactImages.large-7.columns
{
	padding-right:0em;
}
div.contactImg.large-6.columns, div.contactImg.large-12.columns
{
	padding-left:0em;
	padding-right:0em;
	border-right:2px solid #FFFFFF;
}
div.contactImg.large-6.columns
{
	margin-bottom:2px;
}
#recaptcha_response_field
{
	height: 1.5em;
}

#recaptcha_widget_div
{
	margin-bottom: 1.5em;
}

.captchaError
{
	font-weight: 700;
	position: relative;
}
/* reCAPTCHA */
a#recaptcha_audio_download.recaptcha_audio_cant_hear_link
{
	margin-bottom:20px;
}
/* BSI Distributor
--------------------------------------*/
h2.wanted  
{
	font-size:1.1em;
	font-weight:bold;
	margin-top:35px;
}

/* What's New
--------------------------------------*/


/* Search Results
--------------------------------------*/
.gsc-above-wrapper-area,  .gcsc-branding, div.gs-fileFormat
{
	display:none;
}


.searchTerm, .gs-snippet b, .gs-visibleUrl
{
	color: #2E9E46 !important;
}

div.gs-webResult div.gs-visibleUrl-long 
{
	display: none;
}


#___gcse_0 table
{
	border: none;
}
.gs-result, .gsc-table-result
{
	border-style: solid;
	border-width: 1px;
	border-color: #d9d9d9;
	margin-bottom: 1.25em;
	padding: 1.25em;
	/*background: #f2f2f2;*/
	background-color: #e5e5e5;
}

.gs-title, .gs-title b
{
	font-family:Century Gothic, Sans-Serif;
	color: #3672a8 !important;
	text-decoration: none !important;
}
div.gs-title 
{
	font-size:1.3em;
}
.resultsFor
{
	display:none;
}
.gsc-cursor-box {
	float: right;
	right: 50%;
	position: relative !important;
}
.gsc-cursor {
	float: right;
	right: -50%;
	position: relative !important;
}
div.gsc-thumbnail-inside 
{
	padding-left:0px;
}
div.gs-bidi-start-align.gs-snippet 
{
	font-family:Century Gothic, Sans-Serif;
	font-size:1.2em;
}
div.gsc-cursor-page.gsc-cursor-current-page
{
	color: #c2c2c2;
}
div.gsc-cursor 
{
	color:#c2c2c2;
}
.cse .gsc-resultsHeader, .gsc-resultsHeader 
{
	display:none;
}

/* Solutions Center 
--------------------------------------*/
.callout
{
	background-color: #FFFFFF;
	border: 1px solid #C2C2C2;
	margin-top:25px;
	margin-bottom:25px;
	padding:15px;
}
div.callout.solutionsCenter:hover, div.callout.solutionsCenter:hover h2,  div.callout.solutionsCenter:hover p
{
	background-color:#c2c2c2;
	color:#ffffff !important;
}
div.callout.solutionsCenter p 
{
	color:#231F20;
}
 
/* California Civil Code
--------------------------------------*/
#californiaCivilCode-page {

}
#californiaCivilCode
{
	padding-left: 0;
}


/* Footer
--------------------------------------*/
.clearfooter 
{
	height: 25px;
	clear:both;
}

footer 
{
	background-color: #8F8F8F;
	color: #FFFFFF;
	padding-top:20px;
	padding-bottom:20px;
	padding: 20px 0.5em 20px 0.5em;
}
footer a 
{
	color: #FFFFFF;
}

footer ul 
{
	font-size:0.8em;
	line-height:1.4em;
	list-style:none;
	margin-top:27px;
}
footer ul li ul
{
	margin-left:0;
}
footer a:hover 
{
	color:#231F20;
}
.map 
{
	font-size: 1em;
}
.map h5
{
	color:#FFFFFF;
	line-height:1em;
	margin:0px;
	margin-bottom:10px;
	padding: 0px;
}
.map img 
{
	margin-right:15px;
}
.map p 
{
	font-size: 0.8em;
	margin-bottom: 2px;
}
 div.large-5.columns.footer 
 {
 	padding-left:0em;
 	padding-right:0em;
 }
.footerlogo 
{
	float:right;
	padding-top:30px;
	opacity:0.2; 
}

/* ----- Height ----- */
.industryTile.metro
{
	margin-bottom: 0;
}
.industryTile.metro, .industryCaption
{
	min-height:100px;
}

@media only screen and (min-width: 1440px) {
.top-bar-section a.active /* Active State for Top Navigation */
{
	border-bottom: 2px solid #C2C2C2;
	height: 39px;
}
.homeCallout 
	{
		margin-bottom: 35px;
		min-height:360px;
	}
}
/* All full large screen styling */
@media only screen and (min-width: 1280px) 
{
	/*for footer */
	html, body 
	{
	height:100%;  
	}
	.wrapper 
	{
	height:100%;
	min-height: 100%;
	margin-bottom: -170px;
	position: relative;
	}
	.clearfooter 
	{
	height: 1px;
	clear:both;
	}
	footer 
	{
	height: 190px;
	position: relative;
	}
	/* end of footer */
	/* Home Page */
	.homeCallout 
	{
		margin-bottom: 35px;
		min-height:360px;
	}
	.noPadding 
	{
	padding-left:0em;
	padding-right:0em;
	}
	div.large-4.columns.leftHomeCallout 
	{
	padding-left:0em;
	padding-right:0em;
	}
	div.large-4.columns.centerHomeCallout
	{
		padding-left:0.9375em;
		padding-right:0.9375em;
	}
	div.large-4.columns.rightHomeCallout 
	{
	padding-right:0em;
	padding-left:0em;
	}
	h1.left a 
	{
		font-size:1.2em;
	}
	/* End of Home Page */
	/* Search Results */
	div.gsc-control-cse.gsc-control-cse-en 
	{
		padding-left:0em;
		padding-right:0em;
	}
	/* End Search Results */
	
	.institutional .productLink a, .institutional .msdsLink a, .municipal .productLink a, .municipal .msdsLink a, .agricultural .productLink			a, .agricultural .msdsLink a, .formulators .productLink a, .formulators .msdsLink a, .industrial .productLink a, .industrial .msdsLink a, .allmarkets .productLink a, .allmarkets .msdsLink a
{

	white-space:nowrap;
}
.allmarkets .caseStudiesLink a
{ 
	white-space:normal; 
  }
.institutional .product, .municipal .product, .agricultural .product, .formulators .product, .industrial .product, .allmarkets .product, .ghs .product
{
	white-space:nowrap;
}
}

@media only screen and (min-width: 768px) 
{
	
	/*Global */
	div.interiorContent.large-10.columns
{
	padding-left:0.9375em;
	padding-right:0em;
	margin-top:0.875em;
	margin-bottom:0.875em;
}
.top-bar-section a.active
{
	font-weight:bold;
}
/* End Global */

.homeCallout 
	{
		margin-bottom: 35px;
		min-height:500px;
	}
	h1.homeCalloutHeading.left 
	{
		font-size:1em;
		line-height:1.6em;
		}
h1.left.a {font-size:1em!important; }

	/* Search */
	div.large-4.columns.centerHomeCallout
	{
		padding-left:0.9375em;
		padding-right:0.9375em;
	}
	/* End Search */
	
	/* Tables */
	.institutional .productLink a, .institutional .msdsLink a, .municipal .productLink a, .municipal .msdsLink a, .agricultural .productLink			a, .agricultural .msdsLink a, .formulators .productLink a, .formulators .msdsLink a, .industrial .productLink a, .industrial .msdsLink a, .allmarkets .productLink a, .allmarkets .msdsLink a
{

	white-space:nowrap;
}
.institutional .product, .municipal .product, .agricultural .product, .formulators .product, .industrial .product, .allmarkets .product, .ghs .product
{
	white-space:nowrap;
}

.institutional .description,  .municipal .description, .agricultural .description, .formulators .description, .industrial .description, .allmarkets .description, .ghs .description
{
	padding: 0.5625em 1.2em !important;
}

.institutional .productLink a, .institutional .msdsLink a, .municipal .productLink a, .municipal .msdsLink a, .agricultural .productLink a, .agricultural .msdsLink a, .formulators .productLink a, .formulators .msdsLink a, .industrial .productLink a, .industrial .msdsLink a, .allmarkets .productLink a, .allmarkets .msdsLink a, .allmarkets .caseStudies a, .ghs .who, .ghs .whoContent
{
	padding: 1.2em 1.2em;
}
.institutional .product, .municipal .product, .agricultural .product, .formulators .product, .industrial .product, .allmarkets .product, .allmarkets .caseStudiesLink 
{
	padding: 1.2em 1.2em;
}
	/* End Tables */
	
	div.institutional.small-12.large-5.columns.orange, div.municipal.small-12.large-5.columns.blue, div.agricultural.small-12.large-5.columns.green, div.formulators.small-12.large-5.columns.darkGrey, div.industrial.small-12.large-5.columns.yellow
{
	border-left: 2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	border-bottom: none;
	min-height:186px;
	padding-right:1em;
}

/* ----- Height ----- */
.industryTile.metro
{
	margin-bottom: 0;
}
.industryTile.metro, .industryCaption
{
	height:300px;
}
.institutional .industryTile, .institutional .industryCaption
{
	height:400px;
}

}