/****** FILE: site/css/normalize.css *****/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *	user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *	Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *	and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *	`input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *	(include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

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

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-email:before {
	content: "\e626";
}
.icon-list:before {
	content: "\e624";
}
.icon-grid:before {
	content: "\e625";
}
.icon-basket:before {
	content: "\e622";
}
.icon-rss:before {
	content: "\e61d";
}
.icon-close:before {
	content: "\e600";
}
.icon-warning:before {
	content: "\e601";
}
.icon-calendar-add:before {
	content: "\e61c";
}
.icon-user:before {
	content: "\e602";
}
.icon-facebook:before {
	content: "\e60f";
}
.icon-twitter:before {
	content: "\e603";
}
.icon-pinterest:before {
	content: "\e617";
}
.icon-instagram:before {
	content: "\e620";
}
.icon-google-plus:before {
	content: "\e621";
}
.icon-linkedin:before {
	content: "\e623";
}
.icon-square-linkedin:before {
	content: "\e61f";
}
.icon-time:before {
	content: "\e604";
}
.icon-document:before {
	content: "\e605";
}
.icon-share:before {
	content: "\e606";
}
.icon-pencil:before {
	content: "\e607";
}
.icon-mobile:before {
	content: "\e608";
}
.icon-zoom-out:before {
	content: "\e609";
}
.icon-zoom-in:before {
	content: "\e60a";
}
.icon-search:before {
	content: "\e60b";
}
.icon-lock:before {
	content: "\e60c";
}
.icon-marker:before {
	content: "\e60d";
}
.icon-home:before {
	content: "\e60e";
}
.icon-mail:before {
	content: "\e610";
}
.icon-square-mail:before {
	content: "\e61e";
}
.icon-download-2:before {
	content: "\e611";
}
.icon-dollar:before {
	content: "\e612";
}
.icon-arrow-circle:before {
	content: "\e613";
}
.icon-arrow:before {
	content: "\e614";
}
.icon-download:before {
	content: "\e618";
}
.icon-radio-button-selected:before {
	content: "\e615";
}
.icon-radio-button:before {
	content: "\e616";
}
.icon-checkbox-button-selected:before {
	content: "\e619";
}
.icon-checkbox-button-checked:before {
	content: "\e61a";
}
.icon-checkbox-button:before {
	content: "\e61b";
}

/****** FILE: site/css/main.css *****/
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
	color: #000000;
	font-size: 1em;
	line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
svg,
video {
	vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
	resize: vertical;
}



/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
	margin-bottom: 50px;
	background: #FFE611;
	color: #000000;
	padding: 20px;
	font-size: 16px;
	text-align: center;
	position: relative;
	z-index: 1000;
}

.chromeframe a[href] {
	color: #333333;
	text-decoration: underline;
	border-bottom: none;
}
.chromeframe a[href]:hover {
	color: #333333;
	text-decoration: none;
	border-bottom: none;
}
.chromeframe .icon {
	font-size: 20px;
	color: #cc0000;
	margin-right: 10px;
}





/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers: h5bp.com/u
 */

.hidden {
	display: none !important;
	visibility: hidden;
}

/*
 * Hide only visually, but have it available for screen readers: h5bp.com/v
 */

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
	visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *	`contenteditable` attribute is included anywhere else in the document.
 *	Otherwise it causes space to appear at the top and bottom of elements
 *	that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *	`:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/****** FILE: site/css/layout.css *****/
/*
*
* NOTE: Any changes to width of content or typography styles need to be duplicated in editor.css.
*

Logo color: #4d5452
Green: #293241 
Steel Blue: #293241 (replacing Green)
Light Grey: #e4e6de
Medium Grey: #b2bcaa
Dark Grey: #838e83

*/
html {
	background-color: #838e83;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
body {
	color: #4d5452;
	background-color: #fff;
	min-width: 320px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 24px;
	font-weight: 400;
	-webkit-text-size-adjust: none !important;
}
p {
	margin: 0 0 18px 0;
}
strong, b {
	font-weight: 700;
}
a[href] {
	color: #4d5452;
	text-decoration: none;
	border-bottom: 1px solid #4d5452;
	-webkit-transition: all 250ms;
	transition: all 250ms;
}
a[href]:hover {
	color: #293241;
}
.typography a[href]:hover {
	border-bottom: 1px solid #293241;
}
a#SkipToContent,
a#SkipToNavigation {
	opacity: 0;
	z-index: -1;
	position: fixed;
	top: 15px;
	left: 15px;
	background: #000;
	color: #fff;
	padding: 7px 10px;
	font-size: 15px;
	line-height: 20px;
}
a#SkipToContent:focus,
a#SkipToNavigation:focus {
	opacity: 1;
	z-index: 99999;
}
.ie8 a#SkipToContent,
.ie8 a#SkipToNavigation {
	display: none;
}

.onlyPrint {
	display: none;
}
img {
	max-width: 100%;
	height: auto !important;	
}
iframe {
	max-width: 100%;
}
p:first-child, 
h1:first-child, 
h2:first-child, 
h3:first-child {
	margin-top: 0px;
}
h1, h2, h3 {
	margin: 15px 0;
	font-weight: 700;
}
h1 {
	font-size: 34px;
	line-height: 42px;
	margin: 15px 0 20px 0;
	letter-spacing: -1px;
}
h2 {
	font-size: 30px;
	line-height: 38px;
	letter-spacing: -1px;
}
h3 {
	font-size: 24px;
	line-height: 30px;
	letter-spacing: -0.5px;
}
h4, h5, h6 {
	margin: 5px 0;
	font-weight: 700;
}
h4 {
	font-size: 20px;
	line-height: 28px;
}
h5 {
	font-size: 18px;
	line-height: 24px;
}
h6 {
	font-size: 16px;
	line-height: 24px;
}

.typography .left {
	text-align: left;
}
.typography .center {
	text-align: center;
}
.typography .right {
	text-align: right;
}

.typography img.right {
	float: right;
	margin: 0 0 20px 20px;
}
.typography img.left {
	float: left;
	margin: 0 20px 20px 0;
}
.typography img.center {
    display: block;
	float: none;
	margin: 0 auto 20px auto;
}
.typography .captionImage {
	max-width: 100%;	
}

.typography blockquote {
	display: block;
	padding: 25px 25px 0 25px;
	margin: 0;
	position: relative;
	max-width: 400px;
}
	.typography blockquote:before, 
	.typography blockquote:after {
		content: '\201C';
		font-size: 120px;
		color: #EEEEEE;
		position: absolute;
		top: 45px;
		left: 0;
		z-index: 1;
		font-weight: bold;
		line-height: 0;
	}
	.typography blockquote:after {
		content: '\201D';
		position: relative;
		left: 92%;
		bottom: 0;
	}
	.typography blockquote p {
		font-size: 17px;
		line-height: 24px;
		margin: 0;
		position: relative;
		z-index: 2;
	}

.typography table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 10px;
	text-align: left;
	background: #F5F5F5;
}
.typography table tr:nth-child(even) {
	background-color: #fff;
	border-top: solid 1px #d7d7d7;
	border-bottom: solid 1px #d7d7d7;
}
.typography table th,
.typography table thead td {
	background-color: #EAEAEA;
}
.typography table td,
.typography table th {
	padding: 4px 20px;
	vertical-align: top;
}
.typography table th {
	font-weight: bold;
	padding: 6px 20px;
}

.typography p.introtext {
	margin: 0 0 40px 0;
	font-size: 18px;
	line-height: 26px;		
}

/* ----- HEADER ----- */
.header {
	position: relative;
	z-index: 2;
}
	.header .brand { 
	    float: left;
		display: block;
		margin: 20px 0;
		border-bottom: none;
		text-align: center;
		font-size: 24px; 
		text-transform: uppercase;
	}
	.header .brand img { 
		float: none;
		max-width: 400px;
		margin: 0;
		opacity: 1;
		-webkit-transition: opacity 250ms;
		transition: opacity 250ms;
	}
	.header .brand:hover img { 
		opacity: 0.85;
	}

/* ----- HEADER TOOLS ----------------------------- */
.tools {	
	font-size: 12px;
	margin: 10px 184px 0 0;
}
.tools a.icon {
	float: right;
	display: block;
	margin-right: 4px;
	padding: 0 3px;
	border-bottom: none;
	font-size: 22px;
	line-height: 36px;
	text-align: center;
}
.tools a.icon .label {
	display: none;
}

/* ----- HEADER NAV ----------------------------- */
.headerNav {
	float: right;
}
.headerNav ul {
	padding: 0;
	margin: 0 10px 0 0;
	list-style-type: none;
}
.headerNav ul > li {
	padding: 0;
	margin: 0 8px 0 0;
	display: inline-block;
	font-size: 13px;
	line-height: 36px;
}
.headerNav ul > li:after { 
	content: '|';
	display: block;
	float: left;
	margin-right: 8px;
}
.headerNav ul > li:first-child:after { 
	content: none;
}
.headerNav ul > li > a { 
	border-bottom: solid 1px transparent;
}
.headerNav ul > li > a:hover,
.headerNav ul > li.current > a,
.headerNav ul > li.section > a { 
	border-bottom: solid 1px #4d5452;
}

/* ----- SEARCH FORM ----------------------------- */
#SearchForm_SearchForm {
	position: relative;
	float: right;
	display: block;
	min-width: 36px;
}
#SearchForm_SearchForm input#SearchForm_SearchForm_Search {
	width: 190px;
	padding: 9px 30px 9px 10px;
	font-size: 13px;
	line-height: 16px;
	border: none;
	-webkit-appearance: none;
}
#SearchForm_SearchForm button.submit {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	width: 36px;
	height: 36px;
	background: none;
	border: none;
	color: #4d5452;
	font-size: 13px;
	line-height: 36px;
	-webkit-transition: color 250ms;
	transition: color 250ms;
}
#SearchForm_SearchForm.open button.submit,
#SearchForm_SearchForm button.submit:hover {
	color: #4d5452;
}
#SearchForm_SearchForm button.submit:focus {
	outline: none;
}
#SearchForm_SearchForm button.submit span {
	font-size: 24px;
	line-height: 36px;
}

/* ----- TRANSLATIONS ----------------------------- */
.translationsContainer {
	position: relative;
	float: left;
	width: 140px;
	cursor: pointer;
}
.footer.bottom .translationsContainer {
	display: none;
	float: none;
	margin-bottom: 20px;
}
.translationsContainer .current {
	position: relative;
	padding: 0 15px 0 10px;
    background: #F8F9F5;
    color: #4d5452;
	font-size: 13px;
	line-height: 36px;
}
.translationsContainer .current span.arrow {
	position: absolute;
	top: 50%;
	right: 8px;
	margin-top: -4px;
	width: 0;
	height: 0;
	border-top: solid 6px #4d5452;
	border-right: solid 6px transparent;
	border-bottom: solid 6px transparent;
	border-left: solid 6px transparent;
}
ul.translations {
	display: none;
	position: absolute;
	top: 36px;
	left: 0;
	width: 140px;
	margin: 0;
	padding: 0;
    background: #F8F9F5;
    box-shadow: 0 3px 4px -1px rgba(0,0,0,0.5);
}
.translationsContainer:hover ul.translations {
	display: block;
}
ul.translations li {
	list-style: none;
}
ul.translations li a {
	display: block;
	padding: 4px 10px;
	background: transparent;
	border-bottom: none !important;
    color: #4d5452 !important;
	font-size: 13px;
	line-height: 20px;
}
ul.translations li a:hover {
	background: #e4e6de;
	border-bottom: none !important;
}


/* ----- PROPERTIES PULL DOWN ----------------------------- */
#PropertiesContainer {
	position: absolute;
	z-index: 99999;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	padding: 3px 0;
	background: #293241;
	color: #fff;
}
#PropertiesContainer .toggleTab {
	position: absolute;
	z-index: 99999;
	bottom: -40px;
	right: 0;
	width: 180px;
	height: 40px;
    padding: 0 20px;
	background: #293241;
	color: #fff;
    font-size: 13px;
	line-height: 36px;
	cursor: pointer;
}
#PropertiesContainer .toggleTab span.icon {
	float: right;
	padding-left: 5px;
	font-size: 16px;
	line-height: 36px;
	vertical-align: bottom;
}
#PropertiesContainer .toggleTab span.icon:before {
	vertical-align: bottom;
}
#Properties {
	display: none;
	padding: 20px 0 40px 0;
}
#Properties .close {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 32px;
	width: 32px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 32px;
	cursor: pointer;
}
#Properties .close .label {
    display: none;
}
#Properties .logos {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
#Properties .logos a {
	max-width: 300px;
	margin: 20px 20px 0 20px;
	border-bottom: none;
	opacity: 1;
}
#Properties .logos a:hover {
	opacity: 0.75;
}


.logoNavContainer {
    margin-top: 40px;
	
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

/* ----- MAIN NAVIGATION - TABS ----- */
#Navigation {
	float: right;
	clear: right;
	margin-top: 42px;
}
nav.primary > ul {
	position: relative;
	padding: 0;
	margin: 0;
	z-index: 50;
}
nav.primary > ul > li { 
	display: none;
	list-style: none; 
	margin: 0 0 0 5px;
	position: relative;
	float: left;
}
nav.primary > ul > li.showInMainMenu {
	display: block;
}
nav.primary > ul > li > a { 
	display: block; 
	padding: 8px 10px;
	line-height: 24px;
	font-size: 19px;
	background: transparent;
	border-bottom: solid 7px transparent;
}
nav.primary > ul > li:hover > a {
	background: #e4e6de;
	border-bottom: solid 7px #293241;
    color: #4d5452;
}
nav.primary > ul > li.current > a,
nav.primary > ul > li.section > a {
	background: transparent;
	border-bottom: solid 7px #293241;
    color: #4d5452;
}
	
	/* -- SUB MENU -- */
	nav.primary > ul > li > ul { 
		display: none;
		position: absolute;
		top: 47px;
		right: 0;
		z-index: 999999;
		margin: 0;
    	padding: 8px 0 12px 0;
		width: 250px;
		list-style: none;
		background: #fff;
		box-shadow: 0px 1px 5px -1px rgba(0,0,0,0.5);
	}
	nav.primary > ul > li:hover > ul {
		display: block;
	}
	nav.primary > ul > li > ul > li > a {
		display: block;
		padding: 10px;
		border-bottom: none;
		font-size: 15px;
		line-height: 20px;
	}
	nav.primary > ul > li > ul > li:hover > a {
		background: #4d5452;
		color: #fff;
	}
	nav.primary > ul > li > ul > li.current > a,
	nav.primary > ul > li > ul > li.section > a {
		background: #e4e6de;
		color: #4d5452;
	}

	nav.primary > ul > li > ul > li > ul {
		display: none !important;
	}


/* ----- SIDEBAR ----- */
#SideBar {
	position: relative;
	z-index: 1;
	float: right;
	width: 330px;
	padding: 30px 40px 30px 0;
}
	#SideBar h4 {
		display: none;	
	}
	#SideBar nav.secondary > ul { 
		position: relative;
		margin: 0;
		padding: 0;
	}
	#SideBar nav.secondary ul > li { 
		list-style: none; 
		margin: 0;
		padding: 0;
		display: block;
		position: relative;
		border-top: solid 1px #e4e6de;
	}
	#SideBar nav.secondary ul > li:first-child {
		border-top: none;
	}
	#SideBar nav.secondary ul > li > a { 
		border-bottom: none;
		display: block; 
		padding: 10px;
		font-size: 15px;
		line-height: 20px;
	}
	#SideBar nav.secondary ul > li:hover > a {
		background: #4d5452;
		color: #fff;
	} 
	#SideBar nav.secondary ul > li.current > a,
	#SideBar nav.secondary ul > li.section > a { 
		background: #e4e6de;
		color: #4d5452;
	}
	#SideBar nav.secondary ul > li > ul {
		margin: 3px 0;
		padding: 0;
	}
	#SideBar nav.secondary ul > li > ul > li > a {
		padding-left: 20px;
	}
	#SideBar nav.secondary ul > li > ul > li > ul > li > a {
		padding-left: 30px;
	}
	#SideBar nav.secondary ul > li > ul > li > ul > li > ul > li > a {
		padding-left: 40px;
	}

#SideBar .coverImage {
	padding: 43px 0 30px 0;
}


/* ----- FOOTER ----- */
.footer {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
}
.footer.top {
	margin: 20px 0 0 0;	
	background: #b2bcaa;
	color: #4d5452;
	font-weight: 600;
}
.footer.top .inner {
	padding: 30px 50px;
}
.footer.top .col {
	float: left;
	width: 19.2%;
	margin-left: 1%;
}
.footer.top .col:first-child {
	margin-left: 0;
}	
.footer.top .col:nth-child(5n+1) {
	margin-left: 0;
}	
.footer.top a {
	border-bottom: solid 1px transparent;
}
.footer.top a.title {
	display: inline-block;
	margin-bottom: 5px;
	border-bottom: solid 1px #fff;
	color: #fff;
}
.footer.top a.title:hover {
	border-bottom: solid 1px transparent;
	color: #fff;
}

.footer.bottom {
	background: #838e83;
	font-size: 12px;
	line-height: 20px;
}	
.footer.bottom .inner {
	padding: 15px 50px;
}
.footer.bottom a {
	color: #fff;
	border-bottom: solid 1px transparent;
}
.footer.bottom a:hover {
	color: #fff;
	border-bottom: solid 1px #fff;
}

ul.footerNav {
	display: inline-block;
	padding: 0;
	margin: 0 0 0 8px;
	list-style-type: none;
}
ul.footerNav > li {
	padding: 0;
	margin: 0 7px 0 0;
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
}
ul.footerNav > li:after { 
	content: '|';
	display: block;
	float: left;
	margin-right: 9px;
}

.plastykLink {
	float: right;
	font-size: 10px;
	color: #fff;
	border-bottom: none;
}
.plastykLink a {
	font-size: 10px;
	border-bottom: none;
	width: 64px;
	height: 16px;
	line-height: 16px;
	color: #666666;
	background: url(../images/plastykLogo.gif) top left no-repeat;
	text-decoration: none;
	text-align: left;
	padding-left: 4px;
	display: inline-block;
}
.plastykLink.webtastyk a {
	background: none;
	color: #fff;
	width: auto;
	font-size: 12px;	
	padding: 0;
}
.plastykLink a:hover {
	color: #a1a1a1;
}
	
/* ----- SEARCH RESULTS ----------------------------- */
.searchResults p.searchQuery {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
}
.searchResults ul#SearchResults {
	margin: 40px auto 0 auto;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #e5e5e5;
}
	.searchResults ul#SearchResults li {
		border-top: 1px solid #e5e5e5;
		padding: 20px 0;
		list-style-type: none;
	}
	.searchResults ul#SearchResults li:first-child {
		border-top: none;
	}
	.searchResults ul#SearchResults a.searchResultHeader {
		font-size: 18px;
		border-bottom: none;
	}
	.searchResults ul#SearchResults p {
		margin: 12px 0;
	}
	
.searchResults #PageNumbers {
	padding-top: 15px;
}
	.searchResults #PageNumbers a {
		padding: 0 5px
	}
	.searchResults #PageNumbers .pagination {
		float: left
	}
	.searchResults #PageNumbers p {
		float: right
	}
	.searchResults #PageNumbers .next,
	.searchResults #PageNumbers .prev {
		font-size: 14px
	}
	.searchResults #PageNumbers .next {
		margin-left: 15px
	}
	.searchResults #PageNumbers .prev {
		margin-right: 15px
	}
	
#PlainSearchFormContainer {
	margin-top: 40px;
	padding-top: 15px;
}
#PlainSearchFormContainer #SearchForm {
	position: relative;
	max-width: 250px;
}
#PlainSearchFormContainer #SearchForm input[type='text'] {
	float: left;
	width: 250px;
	padding: 0 40px 0 5px;
	height: 38px;
	line-height: 38px;
}
#PlainSearchFormContainer #SearchForm button.submit {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	width: 38px;
	height: 38px;
	background: none;
	border: none;
	color: #4d5452;
	font-size: 13px;
	line-height: 38px;
	-webkit-transition: color 250ms;
	transition: color 250ms;
}
#PlainSearchFormContainer #SearchForm button.submit:hover {
	color: #4d5452;
}
#PlainSearchFormContainer #SearchForm button.submit:focus {
	outline: none;
}
#PlainSearchFormContainer #SearchForm button.submit span {
	font-size: 24px;
	line-height: 38px;
}

/* ----- PAGINATION ----- */
.pagination {
	font-size: 14px;
}
.pagination .pageNumberLink {
	color: #b7b6b6;
	font-weight: normal;
	border-bottom: none !important;
}
.pagination .pageNextPrevLink {
	color: #555555;
	text-transform: uppercase;
	border-bottom: none !important;
}
.pagination .pageNumberLink, 
.pagination .pageCurrentNumberLink, 
.pagination .pageNextPrevLink {
	padding: 0 5px;
}

/* ----- BREADCRUMBS ----- */
#Breadcrumbs {
	font-size: 10px;
}

/* ----- SCROLL TO TOP ----- */
#ScrollToTop {
	display: none;
	z-index: 19;
	position: fixed;
	right: 50px;
	bottom: 50px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border: none;
	outline: none;
	background: #4d5452;
	color: #fff;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
	-webkit-transition: background 250ms, color 250ms;
	transition: background 250ms, color 250ms;
}
#ScrollToTop:hover {
	border: none;
	background: #e4e6de;
	color: #4d5452;
}
#ScrollToTop span.icon-arrow {
	display: block;
	width: 50px;
	line-height: 50px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
	
/* ----- CONTENT ----- */
.main {
	position: relative;
	z-index: 1;
}
.inner {
	max-width: 1240px;
	margin: 0 auto;
}
#Container {
	overflow: hidden;	
}
#Content {
	position: relative;
	padding: 30px 400px 100px 50px;
}
#Content.noSideBar {
	padding-right: 50px;
}

#BannerImage {
	float: none;
	display: block;
	margin: 0 auto;
    padding: 0 0 35px 0;
    width: 100%;
	max-width: 1240px;
}

/* ----- HOMEPAGE ----- */
#HomepageSlideshowContainer {
	position: relative;
	width: 100%;
	margin-bottom: 60px;
}
ul#HomepageSlideshow {
	padding: 0;
	margin: 0;	
}
ul#HomepageSlideshow li {
	list-style: none;
	height: 100%;
	width: 100%;
}

#HomepageSlideshowPager {
	z-index: 9999;
	position: absolute;
	bottom: -40px;
	left: 0;
	right: 0;
	width: 100%;
	height: 40px;
	text-align: center;	
}
#HomepageSlideshowPager span {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 10px;
	background: #b2bcaa;
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: background 250ms;
	transition: background 250ms;
}
#HomepageSlideshowPager span:hover {
	background: #838e83;
}
#HomepageSlideshowPager span.cycle-pager-active {
	background: #293241;
}

/* ----- HOMEPAGE CONTENT --------------------- */
.homePageContent {
	margin: 30px 50px;
}
.homePageContent.center {
	text-align: center;
}

/* ----- HOMEPAGE BOXES --------------------- */
#HomePageBoxes  {
	margin: 0 50px 60px 50px;
}
#HomePageBoxes .box {
	display: block;
	overflow: hidden;
	position: relative;
	float: left;
    width: 33%;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
	border-bottom: none;
}
#HomePageBoxes .box:nth-child(3n) {
	margin-right: 0;
}
#HomePageBoxes .box .heading {
	display: block;
	z-index: 2;
	position: absolute;
	bottom: 0;
	width: 100%;
    margin: 0;
    padding: 7px 45px 7px 10px;
    background: #4d5452;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
	-webkit-transition: background 250ms, color 250ms;
	transition: background 250ms, color 250ms;
}
#HomePageBoxes .box .heading > span.icon {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 34px;
	height: 34px;
	background: #3a403e;
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 34px;
	-webkit-transition: background 250ms, color 250ms;
	transition: background 250ms, color 250ms;
}
#HomePageBoxes .box:hover .heading {
	background: #e4e6de;
	color: #4d5452;
}
#HomePageBoxes .box:hover .heading > span.icon {
    background: #838e83;
	color: #fff;
}
#HomePageBoxes .box .hoverTitle {
	display: block;
	z-index: 1;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 100%;
	padding: 15px 10px;
	background: rgba(255,255,255,0.75);
	color: #3a403e;
    font-size: 15px;
    line-height: 20px;
	font-weight: 700;
	opacity: 0;
	-webkit-transition: opacity 0.35s, top 0.35s;
	transition: opacity 0.35s, top 0.35s;
}
#HomePageBoxes .box:hover .hoverTitle {
	opacity: 1;
	top: 0;
}

/* ----- LOCATION PAGE --------------------- */
a#GoogleMap {
	float: left;
    margin-right: 30px;
	width: 45%;
	max-width: 500px;
	border-bottom: none;
	opacity: 1;
	-webkit-transition: opacity 250ms;
	transition: opacity 250ms;
}
a#GoogleMap:hover {
	opacity: 0.75;
}

/* ----- PRODUCT PAGE --------------------- */
.downloadLinks {
	padding-top: 50px;	
}
.downloadLinks table {
	background: none;
	width: 100%;
}
.downloadLinks table tr:first-child {
    border-top: solid 1px #d7d7d7;
}
.downloadLinks table td {
    vertical-align: middle;
    padding: 10px;
}
.downloadLinks table td a.button {
   float: right;
}

.downloadLinks a.image {
	display: inline-block;
	border-bottom: none;
}
.downloadLinks a.image:hover {
	border-bottom: none;
}

/* ----- NEWS HOLDER/PAGE ----------------------------------------- */
ul#NewsList {
	padding: 0;
	margin: 0;
}
ul#NewsList li {
	list-style: none;
	margin-bottom: 10px;
	padding: 15px 0 25px 0;
	border-bottom: solid 1px #d0d0d0;
}
ul#NewsList li:last-child {
	border-bottom: none;
}
ul#NewsList li .coverImage {
	max-width: 200px;
}
ul#NewsList li h3.summary {
	margin-bottom: 0;
}
ul#NewsList li h3.summary a {
	border-bottom: none;
}
ul#NewsList li .date {
	font-size: 14px;
	font-style: italic;
}

/* ----- BLOG/NEWS -------------------------------------- */
h1.blog-title {
	margin-bottom: 5px;	
}
.post-summary {
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: solid 1px #dddee0;
}
.post-summary:last-child {
	border-bottom: none;
}
.post-summary h3 {
	margin-bottom: 0;	
}
.post-summary h3 a,
.post-summary h3 a:hover {
	border-bottom: none !important;
}
.post-image {
	max-width: 200px;
	float: left;
}
.blog-post-meta {
	clear: left;
	font-style: italic;
	font-size: 14px;
}

/****** FILE: site/css/form.css *****/
/* ----- ACTION BUTTONS ----- */
input.action,
input.resetformaction,
button.action,
.button[href] {
	position: relative;
	display: inline-block;
	padding: 8px 20px;
	background: #293241;
	border: none;
	border-radius: 0;
	text-decoration: none !important;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-transition: background 250ms;
	transition: background 250ms;
}
input.action:hover,
input.resetformaction:hover,
button.action:hover,
.button[href]:hover {
	background: #4d5452;
	border-bottom: none !important;
	color: #ffffff;
}
input.action:focus,
input.resetformaction:focus,
button.action:focus,
.button[href]:focus {
	outline: none !important;
}

.button[href].block {
	display: block;
	margin-top: 10px;
}

.button[href] span.icon {
	vertical-align: bottom;
	font-size: 24px;
	line-height: 24px;
}
.button[href] span.icon:before {
	vertical-align: bottom;
}

button.action.back {
	padding-left: 15px;
}
button.action.back > span.icon {
	display: inline-block;
	margin-right: 8px;
	font-size: 12px;
	line-height: 24px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.lt-ie9 button.action.back > span.icon {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

/* ----- FORM ELEMENTS ----- */
form {
	max-width: 500px;
}
form input[type="text"],
form input.text,
form textarea,
form select {
	width: 100%;
	padding: 7px;
	background-color: #F8F9F5;
	border: 1px solid #C1C1C1;
	border-radius: 0;
	box-shadow: none !important;
	font-size: 14px;
	line-height: 18px;
}
form input.text:focus,
form textarea:focus,
form select:focus {
	outline: none;
}
form textarea {
	resize: vertical;
}

::-webkit-input-placeholder {
	color: #A4A4A4;
}
:-moz-placeholder { /* Firefox 18- */
	color: #A4A4A4;
}
::-moz-placeholder {  /* Firefox 19+ */
	color: #A4A4A4;
}
:-ms-input-placeholder {
	color: #A4A4A4;
}

.field {
	margin: 5px 0 16px 0;
}
fieldset .field > label.left,
.fieldLabel {
	display: block;
	color: #000000;
	margin: 10px 0 0 0;
}
fieldset .field > .middleColumn,
.fieldInput {
	display: block;
	margin: 0 0 16px 0;
}
span.note {
	text-transform: none;
	font-size: 10px;
}

.actions .fieldLabel {
	float: left;
	text-transform: none;
}
.actions .fieldInput {
	float: left;
	margin-left: 15px;
}
.actions {
	float: right;
	*zoom: 1;
}
form:before,
form:after,
.actions:before,
.actions:after {
	content: " ";
	display: table;
}
form:after,
.actions:after {
	clear: both;
}
#ForgotPassword {
	float: right;
	font-size: 12px;
	margin-top: 5px;
}

/* MOLLOM */
.mollom-captcha {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
}
.mollom-captcha label {
	color: #000;
}
.mollom-captcha .mollom-image-captcha img {
	display: block;
	float: none !important;
}


/* ----- ERROR MESSAGES ------------------------------------------ */
form .message,
form .message.warning,
form .good,
p.goodMessage,
form .bad,
p.badMessage,
p.error,
p.message,
#comments-holder .message {
	position: relative;
	width: 100%;
	padding: 10px;
	margin-bottom: 20px;
	border-radius: 4px;
}
form span.message,
form .message.warning,
p.message,
#comments-holder .message {
	display: block;
	color: #8a6d3b;
	background-color: #fcf8e3;
	border: 1px solid #faebcc;
}
form .good,
p.goodMessage,
#comments-holder .good.message {
	background-color: #dff0d8;
	border: solid 1px #d6e9c6;
	color: #3c763d;
}
form .message.good:before {
	color: #5D7A04;
}
form .bad,
p.badMessage,
#comments-holder .bad.message,
p.error {
	background-color: #f2dede;
	border: solid 1px #ebccd1;
	color: #a94442;
}
form .message.bad:before {
	color: #b80000;
}
form input.required,
form input.error,
form textarea.error,
form select.error {
	border-color: #b80000;
}
form textarea.error {
	background-position: 99% 9px;
}
form label.error {
	display: block;
	color: #b80000;
    font-size: 12px;
    margin: 0 0 5px 0;
}

/* USER DEFINED USER FORM MODULE STYLES
----------------------------------------------- */
/*Generic and mixed*/
.FormHeading {
	clear: both;
	padding-top: 15px;
}
form .date .middleColumn input {
	background: #F3F0EA url(../images/calendar-icon.png) no-repeat scroll 4px 3px;
	padding-left: 35px;
}
.Actions input.resetformaction,
.Actions input.action-minor { /* Clear button */
	margin-left: 10px;
}

/* Labels */
.checkbox label.right {
	font-size: 13px; /* reset to default */
	color: #333; /* reset to default */
}
form .field.requiredField label.left:after { /* pseudo element adds an asterisk to a required fields label */
	content: "*";
	padding-left: 3px;
	color: #838e83;
}

/* Radio / Checkbox */
form .checkboxset .middleColumn,
form .optionset .middleColumn {
	margin: 0;
    padding: 8px 0 0 0;
}
form .checkboxset .odd,
form .checkboxset .even,
form .optionset .odd,
form .optionset .even {
	margin-bottom: 5px;
	list-style-type: none;
}
form .checkboxset.inline .middleColumn .odd,
form .checkboxset.inline .middleColumn .even,
form .optionset.inline .middleColumn .odd
form .optionset.inline .middleColumn .even {
	display: inline-block;
	margin-right: 2%;
	width: 48.5%;
}
form .checkboxset.inline .middleColumn .even,
form .optionset.inline .middleColumn .even {
	margin-right: 0;
}
@media screen and (max-width: 480px) {
	form .checkboxset.inline .middleColumn .odd,
	form .checkboxset.inline .middleColumn .even,
	form .optionset.inline .middleColumn .odd
	form .optionset.inline .middleColumn .even {
		margin-right: 0;
		width: 100%;
	}
}

form .checkboxset .odd label,
form .checkboxset .even label,
form .optionset .odd label
form .optionset .even label {
	padding: 7px;
}
/* clearfix */
form div.checkbox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
form .checkbox .checkbox {
	clear: both;
	margin-right: 5px;
}

/* Messages */
form input.holder-required {
	border: 1px solid #cf0000;
}

/* To test - potentially not needed? */
.ss-uploadfield-item-info button {
	margin-top: 4px !important;
	float: left;
}
form .creditCardField input {
	width: 50px;
}


/* Responsive form styles
----------------------------------------------- */
@media only screen and (max-width: 700px) {
	/* To test - potentially not needed? */
	.header form .middleColumn {
		float: none;
		width: 100% !important;
	}
	form label.left,
	#MemberLoginForm_LoginForm label {
		margin-bottom: 8px
	}
}
@media only screen and (max-width: 900px) {
	form {
		max-width: 100%;
	}
}

/****** FILE: site/css/mobilemenu.css *****/
/* ----- MOBILE MENU ------------------------------------ */
#MobileMenuButton {
	display: none;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -20px;
	cursor: pointer;
}
	#MobileMenuButton .hamburger {
		padding: 5px;
		width: 44px;
		height: 44px;
		display: block;
		text-align: center;
		font-size: 10px;
		line-height: 16px;
		text-transform: uppercase;
	}
	#MobileMenuButton .hamburger span {
		display: block;
		margin: 4px auto 0 auto;
		height: 2px;
		width: 29px;
		background: #4d5452;
	}


#MobileNavigation {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	z-index: 900000;
	background: #fff;
}
#MobileMenuHeader {
	position: relative;
	padding: 10px;
	background: #293241;
}
	
#MobileMenuCloseButton {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -20px;
	padding: 5px;
	width: 40px;
	height: 40px;
	text-align: center;
	cursor: pointer;
}
	#MobileMenuCloseButton .icon {
		color: #fff;
		font-size: 24px;
		line-height: 30px;
	}

#MobileMenuSearch {
	margin-right: 50px;
}
#MobileMenuSearch form {
	position: relative;
}
#MobileMenuSearch input[type="text"] {
	border: none;
	padding: 0 50px 0 10px;
	line-height: 40px;
	height: 40px;
	font-size: 16px;
	color: #555555;
	-webkit-appearance: none;
}
#MobileMenuSearch button.submit {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	width: 40px;
	height: 40px;
	background: none;
	border: none;
	-webkit-transition: color 250ms;
	transition: color 250ms;
}
#MobileMenuSearch button.submit:hover {
	color: #29aae2;
	outline: none;
}
#MobileMenuSearch button.submit span {
	display: inline-block;
	color: #000;
	line-height: 40px;
	font-size: 24px;
}


#MobileNavigation #dynamicMobileMenu {
	position: absolute;
	top: 80px;
	left: 0;
	bottom: 0;
	z-index: 1;
	overflow: auto;
	width: 100%;
	bottom: 0;
	background: #ffffff;
	height: 550px;
}
#DynamicMobileMenu {
	position: relative;
	left: 0px;
	right: auto;
	display: block;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	background: #ffffff;
}
#DynamicMobileMenu > ul {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	text-align: left;
	display: block !important;
}
#DynamicMobileMenu > ul > li > ul {
	display: none;
}
#DynamicMobileMenu > ul > li {
	display: block;
	padding: 0;
	border-bottom: 1px solid #BFBFBF;
}
#DynamicMobileMenu > ul > li > a {
	display: block;
	padding: 16px 0px 16px 30px;
	color: #707070;
	text-shadow: 1px 1px 1px #ffffff;
	text-decoration: none;
	font-size: 16px;
	cursor: pointer;
	position: relative;
	border: none;
}
#DynamicMobileMenu > ul > li.backLink > a {
	background: #eeeeee;
	text-transform: uppercase;
	font-size: 14px;
	padding-left: 40px;
}
#DynamicMobileMenu > ul > li.backLink > a:after, 
#DynamicMobileMenu > ul > li.hasMenu > a:after {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 18px;
	position: absolute;
	top: 18px;
	content: "\e614";
}
#DynamicMobileMenu > ul > li.backLink > a:after {
	left: 15px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.lt-ie9 #DynamicMobileMenu > ul > li.backLink > a:after {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
#DynamicMobileMenu ul > li.hasMenu > a:after {
	right: 15px;
}
#DynamicMobileMenu > ul > li.section > a,
#DynamicMobileMenu > ul > li.current > a {

	background: #EEEEEE;
}
#DynamicMobileMenu > ul > li.heading a {
	text-transform: uppercase;
	color: #707070;
	background-color: #ffffff;
	padding-left: 15px;
	font-weight: bold;
}

/****** FILE: site/css/responsive.css *****/
@media screen and (max-width: 1280px) {
	.inner {
		width: auto;
		padding: 0 10px;
	}
	.tools {
		margin-right: 174px;
	}
	.header .brand {
		margin-left: 15px;	
	}
	
	#Content {
		padding-bottom: 50px;	
	}
}
@media screen and (max-width: 1080px) {
	ul#HomepageSlideshow .caption h1 {
		font-size: 22px;
		line-height: 28px;
	}
}
@media screen and (max-width: 939px) {
	
	.header .brand {
    	margin-top: 37px;
	}
	.header .brand img { 
		max-width: 300px;
	}
	.header .tools .translationsContainer {
		display: none !important;
	}
	#Navigation {
    	margin-top: 49px;
	}
	nav.primary > ul > li > a { 
		padding: 8px 5px;
		line-height: 20px;
		font-size: 16px;
	}
	nav.primary > ul > li > ul {
    	top: 43px;
	}

	.footer {
		font-size: 13px;
	}
	.footer.top .inner,
	.footer.bottom .inner {
		padding-left: 30px;
		padding-right: 30px;
	}
	.footer.bottom .inner {
		padding-bottom: 60px;
	}
	.footer.bottom .translationsContainer {
		display: block !important;
	}
	#ScrollToTop {
    	right: 30px;
	}

	#Content {
		padding-left: 15px;
   		padding-right: 310px;
    	margin-right: 0;
	}
	#SideBar {
   		width: 280px;
		padding-right: 15px;	
	}
	#BannerImage {
    	padding: 0 0 25px 0;
	}	
	.homePageContent {
		margin: 30px;
	}
	#HomePageBoxes {
    	margin: 0 20px;
	}
}
@media screen and (max-width: 860px) {
	.footer.top .col {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
	}
	.footer.top .col:first-child {
		margin-top: 0;
	}
}
@media screen and (max-width: 768px) {
	.main > .inner {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	#Content {
		-webkit-box-ordinal-group: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
		-moz-box-ordinal-group: 1;      /* OLD - Firefox 19- */
		-ms-flex-order: 1;              /* TWEENER - IE 10 */
		-webkit-order: 1;               /* NEW - Chrome */
		order: 1;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
		padding: 20px 15px 30px 15px !important;
	}
	#SideBar {
		-webkit-box-ordinal-group: 2;  
		-moz-box-ordinal-group: 2;     
		-ms-flex-order: 2;     
		-webkit-order: 2;  
		order: 2;
		float: none;
		width: 100%;
		padding: 0 10px;
		margin-bottom: 50px;
	}
	#SideBar h4 {
		display: block !important;
		margin-bottom: 10px;
	}
	#SideBar .coverImage {
		padding-top: 0;
	}
	
	.footer.top .inner, 
	.footer.bottom .inner {
	    padding-left: 20px;
    	padding-right: 20px;
	}
	
	ul#HomepageSlideshow .caption h1 {
		font-size: 18px;
		line-height: 26px;
	}
	.homePageContent {
		margin: 20px 10px;
	}
	#HomePageBoxes {
    	margin: 0 10px;
	}
	#HomePageBoxes .box {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	#HomePageBoxes .box:nth-child(3n) {
		margin-right: 2%;
	}
	#HomePageBoxes .box:nth-child(2n) {
		margin-right: 0;
	}
}
@media screen and (max-width: 767px) {
	#Navigation,
	.header .tools,
	#Breadcrumbs,
	#ScrollToTop,
	.noMobile {
		display: none !important;
	}
	.onlyMobile,
	#MobileMenuButton {
		display: block !important;
	}
	
	body {
		font-size: 14px;
	}
	h1 {
		font-size: 28px;
		line-height: 36px;
	}
	h2 {
		font-size: 22px;
		line-height: 30px;
	}
	h3 {
		font-size: 20px;
		line-height: 28px;
	}
	h4 {
		font-size: 18px;
		line-height: 24px;
	}
	h5 {
		font-size: 16px;
		line-height: 24px;
	}
	h6 {
		font-size: 14px;
		line-height: 24px;
	}
	.typography p.introtext {
		margin: 0 0 30px 0;
		font-size: 16px;
		line-height: 24px;
	}

	.header {
		margin-top: 41px;	
	}
	.header .brand {
	    margin: 20px 0 20px 15px;
	}
	.header .brand img {
		max-width: 260px;
	}
	
	.logoNavContainer {
    	margin-top: 0;
	}
	
	ul.footerNav {
    	display: block;
    	margin: 0;
	}
	ul.footerNav > li:first-child:after { 
		display: none;
	}
	
	#HomepageSlideshowContainer {
   		margin-bottom: 30px;
	}
	ul#HomepageSlideshow .caption {
    	padding: 15px 10px;
	}
	#HomepageSlideshowPager {
		bottom: -30px;
		height: 30px;
	}
	#HomepageSlideshowPager span {
		width: 12px;
		height: 12px;
		margin: 12px 10px 0 10px;
	}
	
	.homePageContent.center {
    	text-align: left;
		margin: 10px;
	}	
	.homePageContent h2 {
		font-size: 18px;
		line-height: 26px;
	}
	
	#HomePageBoxes .box .hoverTitle {
		font-size: 14px;
		line-height: 18px;
	}
	#HomePageBoxes .box .heading {
		padding: 6px 25px 6px 10px;
		font-size: 14px;
		line-height: 16px;
	}
	#HomePageBoxes .box .heading > span.icon {
		width: 28px;
		height: 28px;
		font-size: 14px;
		line-height: 28px;
	}
	
	#PropertiesContainer {
    	padding: 0;
	}
	#PropertiesContainer .toggleTab {
		width: 100%;
	    line-height: 40px;
	}
	#PropertiesContainer .toggleTab span.icon {
		line-height: 40px;
	}

	#BannerImage {
    	padding: 0 0 15px 0;
	}
	
	.downloadLinks {
    	padding-top: 30px;
	}
	.downloadLinks .title {
		display: block;
		margin: 10px 0 5px 0;
	}
	.downloadLinks a.image {
		max-width: 68px;
	}
	
	a#GoogleMap {
		width: 100%;
	}
	a#GoogleMap {
		float: none;
		display: block;
		margin-bottom: 18px;
	}
}
@media screen and (max-width: 520px) {
	#HomePageBoxes .box {
		width: 100%;
		margin-right: 0;
	}
	#HomePageBoxes .box:nth-child(3n) {
		margin-right: 0;
	}	
	
	.downloadLinks table td a.button {
		background: transparent;	
		padding: 0;
	}
	.downloadLinks table td a.button span.label {
		display: none;
	}
	.downloadLinks table td a.button span.icon {
	    color: #293241;
		font-size: 40px;
		line-height: 40px;
		-webkit-transition: color 250ms;
		transition: color 250ms;
	}
	.downloadLinks table td a.button:hover {
		background: transparent;
	}
	.downloadLinks table td a.button:hover span.icon {
	    color: #4d5452;
	}
}
@media screen and (max-width: 480px) {
	.typography img.right,
	.typography img.left {
		display: block;
		float: none;
		margin: 0 0 20px 0;
	}
	
	.footer.top .col {
		width: 100% !important;
		margin-left: 0 !important;
		margin-bottom: 20px;
	}
	footer.top .col.big {
    	margin-top: 0;
	}
	.plastykLink {
		float: none;
		margin-top: 15px;
	}
	
	ul#HomepageSlideshow .caption h1 {
		font-size: 16px;
		line-height: 20px;
	}
	ul#HomepageSlideshow .caption span.link {
		display: block;
		margin-left: 0;
	}
}
@media screen and (max-width: 360px) {
	.header .brand img {
		max-width: 220px;
	}
}