.csoon
{
/*extra styles for the coming soon page*/
  color: #2d58a5;
  letter-spacing: 0.25em;
}

h2.blueshadowtitle
{
/*styles the welcome title on the front page*/
color: #2d58a5 !important;
text-transform: uppercase !important;
letter-spacing: 0.25em !important;
text-shadow: 0px 2px 3px #666;
}

.floatimageleft
{
display: block;
float: left;
}

div.mainpicbox 
{
/*styles the picture boxes on the front page*/
  display:block;
  position: relative;
  width: 70%;
  border: 10px solid;
  border-radius: 20px;
  box-shadow: 0px 8px 5px -6px #333333; 
  float: left;
  text-align: center;
  line-height: 0;
  margin: 20px;
  overflow: hidden;
}

.nnlblue
{
/*NNL blue colour and border*/
color: #2d58a5 !important;
border-color:  #2d58a5 !important;
}

.nnlred
{
/*NNL red colour and border*/
color:  #c01b0e !important;
border-color:  #c01b0e !important;
}

.nnlgreen
{
/*NNL green colour and border*/
color: #178d35 !important;
border-color:  #178d35 !important;
}

div.mainpicbox h3
{
/*for picture box text on the front page*/
background: rgba(0,0,0,0.6);
bottom: 10px;
font-size: 1.5em !important;
text-transform: uppercase !important;
padding: 0px; 
color: #fff;
display: block;
left: 0;
opacity: 1;
position: absolute;
width: 100%;
}

ul#level1 > li, ul#level2 > li, ul#level3 > li, ul#level4 > li
{
/*used for Sitemap*/
list-style-type: none !important;
border-bottom: 1px solid #000000;
}

ul#level1 >li
{
background-color: #e6e6e6;
}

ul#level3 >li
{
background-color: #f2f2f2;
}

ul#level1 > li
{
/*used for Sitemap*/
font-weight: bold;
text-indent: 0;
}

ul#level2 > li
{
/*used for Sitemap*/
font-size: 0.90em;
text-indent: 1em;
}

ul#level3 > li
{
/*used for Sitemap*/
font-size: 0.90em;
text-indent: 2em;
}

ul#level4 > li
{
/*used for Sitemap*/
font-size: 0.90em;
text-indent: 3em;
}

a.sitemap-link
{
/*used for Sitemap*/
font-weight: normal;
text-decoration: none;
}

a.sitemap-link:hover
{
/*used for Sitemap*/
text-decoration: underline;
}

div.pfe-container
{
/*Sizes container for phone, fax and email links on Contact page*/
display: inline-block;
height: 32px;
line-height: 32px;
}

div.pfe-container img
{
/*Aligns icons for phone, fax and email links on Contact page*/
vertical-align: middle;
}

span.pfe-item
{
/*Aligns text for phone, fax and email links on Contact page*/
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}

#left 
{
   margin-right: 100px;    
   float: left;
   display: block;
}

#right {
   float: left;
   display: block;
}

.clearfix:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;
}

.clearfix {
	display:block;
}

.bo-button
{
/*button styles for bottle orders form*/
background-color: #2d58a5;
color: #FFFFFF;
padding: 0px;
height: 26px;
width: 150px;
border: 0 none;
}

a.anchor-fix
{
/*A fix that can be applied to any link to offset the menu bar*/
display: block;
position: relative;
top: -100px !important;
visibility: hidden;
}

ul.small-list li
{
/*displays a smaller list for displaying Parameters on the Sampling Kits page*/
font-size: 0.90em;
line-height: 1.2em;
}

ul.kit-include-list32 li
{
/*for Kit Includes list on Sampling Kits page. List items need to be same height as image for pdf icon 32px. */
line-height: 32px;
}

table#Tuesday-Depots, table#Wednesday-Depots
{
/*styles courier depot tables*/
table-layout: fixed;
width: 100%;
}
table#Tuesday-Depots td, table#Wednesday-Depots td
{
/*breaks up words when courier depot tables are shrunk*/
word-wrap: break-word;
}

.wpcf7 input.wpcf7-number
{
/* specifies size for the number selectors on the forms*/
   width: 3.5em;
}

hr.nnlblue
{
/*NNL blue colored horizontal line*/
border-width: 1px;
color: #2d58a5;
border-style: solid;
}

hr.nnlred
{
/*NNL red colored horizontal line*/
border-width: 1px;
color: #c01b0e;
border-style: solid;
}

hr.nnlgreen
{
/*NNL green colored horizontal line*/
border-width: 1px;
color: #178d35;
border-style: solid;
}

a.small-more-link
{
/*styles the "more" links on the services page*/
font-size: 0.75em;
margin: 0px;
text-align: right !important;
width: 100%;
}

div.small-mid-link
{
/*styles the link under the MOECC logo*/
margin: 0px !important;
padding: 0px !important;
text-align: center !important;
font-size: 0.75em;
}

a.lblue-link
{
/*light blue link color for the footer links*/
color: #33CCFF !important;
}

input.nnl-form-fullsize
{
/*used to override 50% width for form input controls*/
width: 100%;
}

#nnl-form-left
{
/*left column size for input controls for bottle order, kit order and contact*/
width: 300px;
margin-right: 5%;
float: left;
display: block;
}

#nnl-form-right
{
/*right column size for input controls for bottle order, kit order and contact*/
float: left;
display: block;
}

.xmas p:nth-of-type(odd)
{
color: red !important;
}

.xmas p:nth-of-type(even)
{
color: green !important;
}