/****** FILE: site/css/normalize.css *****/
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */

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

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

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

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

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
	display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *	`em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *	user zoom.
 */

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

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
	font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
	margin: 0;
}

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

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
	outline: thin dotted;
}

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

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

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

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

h2 {
	font-size: 1.5em;
	margin: 0.83em 0;
}

h3 {
	font-size: 1.17em;
	margin: 1em 0;
}

h4 {
	font-size: 1em;
	margin: 1.33em 0;
}

h5 {
	font-size: 0.83em;
	margin: 1.67em 0;
}

h6 {
	font-size: 0.67em;
	margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

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

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

b,
strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

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

dfn {
	font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

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

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

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

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
	margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
	quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
	content: '';
	content: none;
}

/**
 * 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;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
	margin: 1em 0;
}

dd {
	margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
	padding: 0 0 0 20px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

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

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
	border: 0; /* 1 */
	-ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

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

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
	margin: 0;
}

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

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
	margin: 0;
}

/**
 * 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 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
	border: 0; /* 1 */
	padding: 0;
	white-space: normal; /* 2 */
	*margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *	and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
	font-size: 100%; /* 1 */
	margin: 0; /* 2 */
	vertical-align: baseline; /* 3 */
	*vertical-align: middle; /* 3 */
}

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

button,
input {
	line-height: normal;
}

/**
 * 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 Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

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.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *	Known issue: inner spacing remains in IE 6.
 */

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

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

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

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *	Known issue: excess padding remains in IE 6.
 */

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 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 5 and Chrome
 * on OS X.
 */

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

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

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

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}

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

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

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


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

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icon-font';
	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-tripadvisor:before {
	content: "\e610";
}
.icon-close:before {
	content: "\e600";
}
.icon-warning:before {
	content: "\e601";
}
.icon-user:before {
	content: "\e602";
}
.icon-twitter:before {
	content: "\e603";
}
.icon-search:before {
	content: "\e604";
}
.icon-marker:before {
	content: "\e606";
}
.icon-home:before {
	content: "\e607";
}
.icon-facebook:before {
	content: "\e608";
}
.icon-mail:before {
	content: "\e609";
}
.icon-download:before {
	content: "\e60a";
}
.icon-arrow:before {
	content: "\e60b";
}
.icon-pinterest:before {
	content: "\e60c";
}
.icon-phone:before {
	content: "\e60e";
}
.icon-vimeo:before {
	content: "\e611";
}
.icon-instagram:before {
	content: "\e60d";
}
.icon-youtube:before {
	content: "\e60f";
}
.icon-resize:before {
	content: "\e605";
}

/****** FILE: site/css/main.css *****/
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * 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,
button,
input,
select,
textarea {
	color: #000000;
}

body {
	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,
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;
}

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





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

/*
 * Image replacement
 */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

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

/*
 * Hide only visually, but have it available for screenreaders: 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 screenreaders, 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;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
	*zoom: 1;
}


/****** FILE: site/css/layout.css *****/
/*
*
* NOTE: Any changes to width of content or typography styles need to be duplicated in editor.css.
*
*/
html {
	color: #000;
	background: #231f20;
}
body {
	min-width: 320px;
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 26px;
	font-weight: 400;
	-webkit-text-size-adjust: none !important;
	background: #fff;
}
p {
	margin: 0 0 18px 0;
}
a[href] {
	color: #ed1f24;
	text-decoration: none;
	border-bottom: dotted 1px #ed1f24;
	-webkit-transition: color 250ms, border 250ms;
	-moz-transition: color 250ms, border 250ms;
	-ms-transition: color 250ms, border 250ms;
	-o-transition: color 250ms, border 250ms;
	transition: color 250ms, border 250ms;
}
a[href]:hover {
	color: #a4a4a4;
}
.typography a[href]:hover {
	border-bottom: dotted 1px #a4a4a4;
}
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 {
	font-weight: normal;
	margin: 10px 0;
}
h1 {
	font-size: 32px;
	line-height: 36px;
	margin: 15px 0;
	font-family: 'PT Sans Narrow', Arial, Helvetica, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}
h2 {
	font-size: 28px;
	line-height: 32px;
	font-family: 'PT Sans Narrow', Arial, Helvetica, sans-serif;
	font-weight: 700;
}
h3 {
	font-size: 24px;
	line-height: 28px;
	font-family: 'PT Sans Narrow', Arial, Helvetica, sans-serif;
	font-weight: 700;
}
h4, h5, h6 {
	margin: 5px 0;
	line-height: 26px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 17px;
}
h6 {
	font-size: 16px;
}
.typography h2,
.typography h3,
.typography h4, 
.typography h5,
.typography h6 {
	clear: both;	
}

.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 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: #ECECEC;
		position: absolute;
		top: 45px;
		left: 0;
		z-index: 1;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		line-height: 0;
	}
	.typography blockquote:after {
		content: '\201D';
		position: relative;
		left: 92%;
		bottom: 0;
	}
	.typography blockquote p {
		font-weight: 400;
		font-size: 19px;
		line-height: 26px;
		margin: 0;
		position: relative;
		z-index: 2;
	}
	
.typography pre {
	background: #F7F7F7;
	border: 1px solid #E4E4E4;
	font-family: Courier, monospace;
	margin: 0 0 20px 0;
	padding: 15px;
	clear: both;
}
.typography table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 10px;
	text-align: left;
	background: #f9f7f4;
}
  .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: #E9E7E4;
  }
  .typography table td,
  .typography table th {
	  padding: 4px 20px;
	  vertical-align: top;
  }
  .typography table th {
	  font-weight: bold;
	  padding: 6px 20px;
  }

/* ----- HEADER ----- */
.header {
	position: relative;
	z-index: 2;
	padding: 10px 0 0 0;
	background: #231f20;
}
 	.header .brand { 
		display: block;
		float: left;
		padding: 10px;
		margin-bottom: 10px;
		border-bottom: none;
		color: #ffffff;
		font-size: 24px; 
		text-transform: uppercase;
		text-align: center;
	}
 	.header .brand img { 
		float: none;
		max-width: 200px;
		margin: 0;
	}
	

/* ----- HEADER NAV ----------------------------- */
.header .headerNav {
	float: right;
	margin: 8px 15px 0 0;
	padding: 5px 10px 5px 0;
	border-right: solid 1px #fff;
	line-height: 22px;
	font-size: 12px;
}
.header .headerNav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.header .headerNav ul > li {
	padding: 0;
	margin: 0;
	display: inline-block;
	color: #fff;
}
.header .headerNav ul > li > a {
	padding: 6px 8px;
	color: #fff;
	border-bottom: none;
	-webkit-transition: color 250ms, background 250ms;
	-moz-transition: color 250ms, background 250ms;
	-ms-transition: color 250ms, background 250ms;
	-o-transition: color 250ms, background 250ms;
	transition: color 250ms, background 250ms;
}
.header .headerNav ul > li.current > a {
	color: #fff;
	background: #ed1f24;
}
.header .headerNav ul > li:hover > a {
	color: #000;
	background: #fff;
}
	
/* ----- HEADER TOOLS ----------------------------- */
.header .tools {
	float: right;
	margin-top: 4px;	
	font-size: 12px;
	color: #555555;
}
.header .tools a.icon {
	position: relative;
	top: 6px;
	display: inline-block;
	border-bottom: none;
	font-size: 24px;
	line-height: 26px;
	color: #fff;
	margin-right: 3px;
}
.header .tools a.icon:hover { 
	color: #ed1f24;
}
.header .tools #SearchForm_SearchForm {
	position: relative;
	display: inline-block;
	padding-left: 8px;
}
.header .tools #Search,
.header .tools #Search .middleColumn {
	margin: 0;
}
#SearchForm_SearchForm input#SearchForm_SearchForm_Search {
	width: 190px;
	padding: 5px 30px 5px 10px;
	font-size: 11px;
	color: #555555;
	border: solid 1px #fff;
	background-color: #fff;
	box-shadow: none !important;
	-webkit-appearance: none;
}
#SearchForm_SearchForm button.submit {
	background: none;
	border: none;
	color: #a4a4a4;
	position: absolute;
	top: 0;
	right: 0px;
	font-size: 18px;
	padding: 4px;
	transition: color 250ms;
}
#SearchForm_SearchForm button.submit:hover {
	color: #555555;
}

/* ----- MAIN NAVIGATION - TABS ----- */
nav.primary {
	float: right;
	clear: right;
}
nav.primary > ul { 
	position: relative;
	padding: 27px 0 0 0;
	margin: 0;
	z-index: 50;
}
nav.primary > ul > li { 
	list-style: none; 
	margin: 15px 0 0 0; 
	display: inline-block;
	position: relative;
}
nav.primary > ul > li.hide {
	display: none !important;
}
nav.primary > ul > li > a { 
	display: block; 
	padding: 0 10px;
	height: 45px;
	line-height: 40px;
	border-bottom: none;
	font-size: 15px;
	color: #ffffff;
	font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	-webkit-transition: background 250ms, color 250ms;
	-moz-transition: background 250ms, color 250ms;
	-ms-transition: background 250ms, color 250ms;
	-o-transition: background 250ms, color 250ms;
	transition: background 250ms, color 250ms;
}
nav.primary > ul > li:hover > a { 
	color: #000;
	background: #ededed;
}
nav.primary > ul > li.current > a,
nav.primary > ul > li.section > a {
	color: #fff;
	background: #ed1f24;	
}
	
	/* -- SUB MENU -- */
	nav.primary > ul > li > ul { 
		display: none;
		position: absolute;
		top: 45px;
		right: 0;
		z-index: 999999;
		margin: 0px;
		padding: 0;
		width: 200px;
		background: #ededed;
		list-style: none;
		box-shadow: 2px 4px 6px rgba(0,0,0,0.25);
	}
	nav.primary > ul > li:hover > ul {
		display: block;
	}
	nav.primary > ul > li > ul > li > a {
		display: block;
		color: #000;
		padding: 7px 20px;
		font-size: 14px;
		font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
		border-bottom: none;
		background: #ededed;
		-webkit-transition: background 250ms, color 250ms;
		-moz-transition: background 250ms, color 250ms;
		-ms-transition: background 250ms, color 250ms;
		-o-transition: background 250ms, color 250ms;
		transition: background 250ms, color 250ms;
	}
	nav.primary > ul > li > ul > li:hover > a {
		color: #fff;
		background: #686868;	
	}
	nav.primary > ul > li > ul > li.current > a,
	nav.primary > ul > li > ul > li.section > a {
		color: #fff;
		background: #ed1f24;	
	}
	
	nav.primary > ul > li > ul > li > ul {
		display: none !important;
	}

/* ----- SIDEBAR ----- */
#SideBar,
aside {
	position: relative;
	z-index: 1;
	float: left;
	width: 200px;
	padding: 30px 0;
}
	/* SECONDARY */
	#SideBar nav.secondary > ul { 
		position: relative;
		margin: 0;
		padding: 0;
	}
	#SideBar nav.secondary ul > li { 
		list-style: none; 
		margin: 0; 
		display: block;
		position: relative;
	}
	#SideBar nav.secondary ul > li:last-child { 
		margin: 0; 
	}
	#SideBar nav.secondary ul > li > a {
		position: relative; 
		border-bottom: none;
		display: block; 
		padding: 10px;
		font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: 19px;
		text-transform: uppercase;
		color: #a4a4a4;
		border-top: dotted 1px #d0d0d0;
		-webkit-transition: background 250ms, color 250ms;
		-moz-transition: background 250ms, color 250ms;
		-ms-transition: background 250ms, color 250ms;
		-o-transition: background 250ms, color 250ms;
		transition: background 250ms, color 250ms;
	}
	#SideBar nav.secondary > ul > li:hover > a {
		color: #000;
		background: #ededed;
	} 
	#SideBar nav.secondary ul > li.current:hover > a,
	#SideBar nav.secondary ul > li.section:hover > a { 
		color: #ed1f24;
		background: none;
	}
	#SideBar nav.secondary > ul > li.current > a,
	#SideBar nav.secondary > ul > li.section > a { 
		font-weight: bold;
	}
	#SideBar nav.secondary ul > li.current > a,
	#SideBar nav.secondary ul > li.section > a { 
		color: #ed1f24;
	}
	#SideBar nav.secondary > ul > li.hasChildren > a:before { 
		content: '+';
		position: absolute;
		top: 10px;
		right: 10px;
		font-family: "Courier New", Courier, monospace;
		font-size: 16px;
	}
	#SideBar nav.secondary > ul > li.hasChildren.current > a:before,
	#SideBar nav.secondary > ul > li.hasChildren.section > a:before { 
		content: '-';
	}
	
	
	/* TERIARY */
	#SideBar nav.secondary ul > li > ul,
	#SideBar nav.secondary ul > li > ul > li > ul {
		margin: 0;
		padding: 0 0 10px 0;
	}
	#SideBar nav.secondary ul > li > ul > li > a {
		padding: 4px 10px 4px 20px;
		border-top: none;
		color: #000;
		font-size: 14px;
		text-transform: none;
	}
	#SideBar nav.secondary ul > li > ul > li:hover > a,
	#SideBar nav.secondary ul > li > ul > li.current > a,
	#SideBar nav.secondary ul > li > ul > li.section > a {
		color: #ed1f24;
	}
	#SideBar nav.secondary ul > li > ul > li.current > a:before {
		content: '';
		position: absolute;
		top: 12px;
		left: 10px;
		width: 3px;
		height: 3px;
		border-top: solid 1px #ed1f24;
		border-right: solid 1px #ed1f24;
		border-bottom: solid 1px transparent;
		border-left: solid 1px transparent;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	/* IE6,IE7 */
	.lt-ie8 #SideBar nav.secondary ul > li > ul > li.current > a:before {
		filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); 
	}
	.ie8 #SideBar nav.secondary ul > li > ul > li.current > a:before {
		-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
	}
	
	/* QUARTERNARY */
	#SideBar nav.secondary ul > li > ul > li > ul > li > a {
		padding-left: 32px;
		font-size: 13px;
	}
	#SideBar nav.secondary ul > li > ul > li > ul > li.current > a:before {
		top: 11px;
		left: 20px;
	}
	
/* ----- FOOTER ----- */
.footer {
	padding: 40px 0 20px 0;
	border-top: solid 1px #d7d7d7;
}
.footer.bottom {
	padding: 15px 0;
	background: #231f20;
	border-top: none;	
}
.footer a {
	color: #ffffff;
	border-bottom: none
}
.footer a:hover {
	color: #cccccc;
}

.footer .footerContent {
	float: left;
	width: 50%;
	line-height: 20px;
	font-size: 13px;
	padding-left: 1%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.footer .footerContent.first {
	padding-right: 3%;
	padding-left: 0;
}

.footer .footerContent.logos {
	text-align: justify;
  	font-size: 0.1px; /* IE 9/10 don't like font-size: 0; */
}
.footer .footerContent.logos:after {
	content: '';
	width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
	display: inline-block;
}
.footer .footerContent.logos .image {
	display: inline-block;
}
.footer .footerContent.logos a.image {
	border-bottom: none;
	opacity: 1;
	-webkit-transition: opacity 250ms;
	-moz-transition: opacity 250ms;
	-ms-transition: opacity 250ms;
	-o-transition: opacity 250ms;
	transition: opacity 250ms;
}
.footer .footerContent.logos a.image:hover {
	opacity: 0.75;
}

.footer .footerCopy {
	line-height: 20px;
	font-size: 11px;
}
.footer .footerCopy .footerNav {
	float: left;
}
.footer .footerCopy .footerNav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.footer .footerCopy .footerNav ul > li {
	padding: 0px;
	margin: 0px 8px 0px 0px;
	display: inline-block;
}
.footer .footerCopy .footerNav ul > li:after { 
	content: '|';
	display: block;
	float: left;
	margin-right: 8px;
}
.footer .footerCopy .footerNav ul > li:first-child:after { 
	content: none;
}
	
.plastykLink {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	border-bottom: none;
}
.plastykLink a {
	font-family: Arial, Helvetica, sans-serif;
	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 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 {
	max-width: 270px;
}
#PlainSearchFormContainer #SearchForm input[type='text'] {
	float: left;
	width: 230px;
	padding: 0 5px;
	height: 38px;
	line-height: 38px;
	background: none;
	border: solid 1px #d7d7d7 !important;
	color: #666;
	font-size: 14px;
}
#PlainSearchFormContainer #SearchForm input[type='submit'] {
	float: right;
	width: 38px;
	height: 38px;
	margin: 0;
	padding: 0;
	border: solid 1px #C2C2C2;
	background: #d7d7d7;
	font-size: 14px;
	color: #666;
	font-weight: normal;
}
#PlainSearchFormContainer #SearchForm input[type='submit']:hover {
	background: #C0C0C0 !important;
	border-bottom: solid 1px #C2C2C2 !important;
}

/* ----- 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: 20px;
	bottom: 50px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border: none;
	outline: none;
	background: #212121;
	color: #fff;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
	-webkit-transition: background 250ms;
	-moz-transition: background 250ms;
	-ms-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}
#ScrollToTop:hover {
	border: none;
	background: #3F3F3F;
}
#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;
	background: #ffffff;
	color: #000000;	
}
.inner {
	max-width: none;
	padding: 0 40px;
}
.main > .inner {
	max-width: 960px;
	margin: 0 auto;
}
.bodyHomePage .main > .inner {
	max-width: none;
	padding: 0;
}
#Content {
	position: relative;
	margin: 0 auto;
	padding: 30px 0 100px 230px;
	max-width: 740px;
}
#Content.noSidebar {
	padding-left: 0;	
}
.bodyContactForm #Content {
	position: static;
}

#Content .fb_iframe_widget,
#Content .pin-it  {
	display: inline-block;
	position: relative !important;
	bottom: -30px !important;
}
#Content .pin-it {
	margin-right: 6px;
	bottom: -38px !important;
}
#Content .fb-like.fb_iframe_widget {
	width: 460px !important;	
}

#Content .TA_socialButtonBubbles {
    margin: 10px 0 0 65px; 
}
#Content .TA_socialButtonBubbles.withPinit {
    margin-left: 114px; 
}

/* ----- BANNER IMAGE ----- */
#BannerImage {
	height: 200px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;	
}

/* ----- CONTACT FORM ----- 
.bodyContactForm #Content {
	max-width: 1000px;
	padding-bottom: 290px;
}

#GoogleMaps {
	float: none;
	width: 100%;
	height: 240px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
}
#GoogleMaps iframe {
	width: 100%;
	height: 240px;
}

a#ShowHideGoogleMaps {
	position: absolute;
	right: 20px;
	border-bottom: none;
	color: #bdbdbd;
}
a#ShowHideGoogleMaps > span.icon {
	display: inline-block;
	font-size: 12px;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}
a#ShowHideGoogleMaps.hide > span.icon {
	display: inline-block;
	font-size: 12px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
*/

/* ----- HOMEPAGE ----- */
#HomepageSlideshowContainer {
	position: relative;
	width: 100%;
	padding: 0;
}
ul#HomepageSlideshow {
	padding: 0;
	margin: 0;	
	max-height: 600px;
}
ul#HomepageSlideshow li {
	list-style: none;
	height: 100%;
	width: 100%;
	min-height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
ul#HomepageSlideshow .captionHolder {
	z-index: 12;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	padding-right: 0;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ul#HomepageSlideshow .captionHolder:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
ul#HomepageSlideshow .caption {
	max-width: 420px;
	display: inline-block !important;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	text-shadow: 0 0 6px #000;
	font-weight: bold;
	font-size: 32px;
	line-height: 38px;
}
ul#HomepageSlideshow .caption a {
	display: inline-block;
	margin-top: 25px;
	text-shadow: none;
	font-size: 16px;
	line-height: 18px;
	padding: 10px 30px;
	background: #ed1f24;
}
ul#HomepageSlideshow .caption a:hover {
	color: #fff;
	background: #D31D22;
}
ul#HomepageSlideshow li.cycle-slide-active .caption {
	
}

#HomepageSlideshowPrev,
#HomepageSlideshowNext {
	display: none;
	z-index: 99999;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	width: 40px;
	line-height: 60px;
	color: #fff;
	font-size: 38px;
	cursor: pointer;
	-webkit-transition: color 250ms;
	-moz-transition: color 250ms;
	-ms-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}
#HomepageSlideshowPrev {
	left: 10px;
}
#HomepageSlideshowNext {
	right: 10px;
}
#HomepageSlideshowPrev:hover,
#HomepageSlideshowNext:hover {
	color: #686868;
}
#HomepageSlideshowPrev:before,
#HomepageSlideshowNext:before {
	display: block;
	content: "\e60b";
	font-family: 'icon-font';
	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;
}
#HomepageSlideshowPrev:before {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);	
}
.lt-ie9 #HomepageSlideshowPrev:before {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

#HomepageSlideshowPager {
	z-index: 9999;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 40px;
	text-align: center;	
	padding: 0 0 5px 0;
}
#HomepageSlideshowPager span {
	color: #fff;	
	padding: 0 3px;
	font-size: 40px;
	line-height: 40px;
	cursor: pointer;
	-webkit-transition: color 250ms;
	transition: color 250ms;
}
#HomepageSlideshowPager span:hover {
	color: #686868;
}
#HomepageSlideshowPager span.cycle-pager-active {
	color: #ed1f24;
}

#HomePageContent {
	padding: 20px 0;
	background: #fff;	
}

#HomePageContent .inner {
	padding: 0;
	max-width: 1600px;
	margin: 0 auto;
}
#HomePageContent .col2 {
	float: left;
	width: 50%;
	padding-bottom: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#HomePageContent .col2.first {
	padding-right: 2%;
}
#HomePageContent .col2 img {
	max-width: 240px;
	margin-bottom: 0;	
}
#HomePageContent .col2 h3 {
	margin-top: 0;
}


#HomePageContent .col4 {
	float: left;
	width: 23%;
	width: -webkit-calc(25% - 50px);
	width: calc(25% - 50px);
	color: #000000;
	border: none;
	margin: 0 1% 25px 1%;
	margin: 0 -webkit-calc(25px) 25px -webkit-calc(25px);
	margin: 0 calc(25px) 25px calc(25px);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0 0 0 7px #ffffff, 0 0 0 13px transparent;
	-webkit-transition: box-shadow 250ms;
	transition: box-shadow 250ms;
}
#HomePageContent .col4:hover {
	box-shadow: 0 0 0 7px #ffffff, 0 0 0 13px #ed1f24;
}
#HomePageContent .col4 img {
	margin-bottom: 0;
	width: 100%;
	display: block;
	float: none;
}
#HomePageContent .col4 h3 {
	margin: 0;
	padding: 10px;
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
	background: #f6f6f6;
}
#HomePageContent .col4 .content {
	padding: 20px 10px 0;
	height: 270px;
	overflow: auto;
	font-size: 14px;
	line-height: 23px
}
#HomePageContent .col4 .readMore {
	color: #ed1f24;
	text-transform: uppercase;
	border: none;
	font-weight: bold;
	padding: 15px;
	-webkit-transition: all 250ms;
	transition: all 250ms;
}
#HomePageContent .col4:hover .readMore {
	color: #000000;
	background: #ededed;
}


#MobileButtons {
	display: none;
}


/* ----- FACEBOOK NEWS PAGE ----- */
#fb-root {
    display: none;
}
.fb_iframe_widget, 
.fb_iframe_widget span, 
.fb_iframe_widget span iframe[style] {
    width: 100% !important;
}



/* ----- FAQ PAGE -------------------------------------- */
ul.faqList {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}
ul.faqList li {
	list-style: none;
	margin: 0;
	padding: 0 10px;
	border-bottom: dotted 1px #d0d0d0;
	background: #fff;
	-webkit-transition: background 250ms;
	-moz-transition: background 250ms;
	-ms-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}
ul.faqList li:hover {
	background: #ededed;
}
ul.faqList li div.question {
	cursor: pointer;
	padding: 15px 0;
}
ul.faqList li div.answer {
	margin-top: 5px;
	overflow: hidden;
}

ul.faqList li .questionBody {
	font-size: 22px;
	line-height: 28px;
	font-family: 'PT Sans Narrow', Arial, Helvetica, sans-serif;
	font-weight: 700;
	color: #bdbdbd;
	-webkit-transition: color 250ms;
	-moz-transition: color 250ms;
	-ms-transition: color 250ms;
	-o-transition: color 250ms;
	transition: color 250ms;
}
ul.faqList li:hover .questionBody {
	color: #000;
}
	ul.faqList li .questionBody span.plus,
	ul.faqList li .questionBody span.minus {
		display: none;
		font-family: "Courier New", Courier, monospace;
		font-size: 18px;
		float: right;	
	}
	ul.faqList li .questionBody span.plus {
		display: block;
	}
ul.faqList li .open .questionBody {
	color: #ed1f24;
}
	ul.faqList li .open .questionBody span.minus {
		display: block;
	}
	ul.faqList li .open .questionBody span.plus {
		display: none;
	}
ul.faqList li .questionBody, 
ul.faqList li .answerBody {
	float: left;
	position: relative;
	width: 100%;
	padding-left: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ul.faqList li .questionPrefix, 
ul.faqList li .answerPrefix {
	position: absolute;
	left: 0;
}
ul.faqList li .answerPrefix {
	font-size: 22px;
	line-height: 28px;
	font-family: 'PT Sans Narrow', Arial, Helvetica, sans-serif;
	font-weight: 700;
}
ul.faqList li .answerBody {
	margin-bottom: 10px;
}
ul.faqList li .answerBody p:first-of-type {
	padding-top: 5px;
}

/****** FILE: site/css/form.css *****/
/* ----- ACTION BUTTONS ----- */
input.action,
input.resetformaction,
.button[href] {
	position: relative;
	display: inline-block;
	padding: 10px;
	border: none;
	background: #686868;
	border-radius: 0;
	text-decoration: none !important;
	text-align: center;
	font-family: 'PT Sans Narrow', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #ffffff;
	font-size: 17px;
	line-height: 18px;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-transition: background 250ms;
	-moz-transition: background 250ms;
	-ms-transition: background 250ms;
	-o-transition: background 250ms;
	transition: background 250ms;
}
input.action:hover,
input.resetformaction:hover, 
.button[href]:hover {
	color: #ffffff;
	background: #231f20;
	border-bottom: none !important;
}
input.action:focus,
input.resetformaction:focus,
.button[href]:focus {
	outline: none !important;
}
.button[href].block {
	display: block;
	margin-top: 10px;
}

/* ----- FORM ELEMENTS ----- */
form {
	max-width: 500px;	
}
form input[type="text"],
form input.text,
form textarea,
form select {
	width: 100%;
	padding: 7px;
	background-color: #F3F0EA;
	box-shadow: none !important;
	border: 1px solid #CAC7C1;
	border-radius: 0;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input.text:focus, 
textarea:focus, 
select:focus {
	outline: none;
}
textarea {
	resize: vertical;
}

fieldset .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;
}

/* ----- ERROR MESSAGES ------------------------------------------  */
form .message,
form .good,
p.goodMessage,
form .bad,
p.badMessage,
p.error {
	width: 100%;
	padding: 7px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
form .message {
	position: relative;
	display: block;
   	margin: 0;
	padding-left: 40px;
	background-color: #fef4ba;
	border: 1px solid #e8c805;
}
form .message:before {
	position: absolute;
	top: 7px;
	left: 9px;
	content: "\e601";
	color: #D8BB05;
	font-size: 24px;
	font-family: 'icon-font';
	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;
}
form .good,
p.goodMessage {
	background-color: #ecf9d0;
	border: solid 1px #8fbe00;
	color: #5D7A04;
}
form .bad,
p.badMessage,
p.error {
	background-color: #f9d0d0;
	border: solid 1px #cf0000;
	color: #b80000;
}
form input.required,
form input.error,
form textarea.error,
form select.error {
	border-color: #b80000;
	background: url(../images/cross-icon.png) 99% 50% #e82729 no-repeat;
	background-size: 8px 8px;
	color: #fff;
}
form textarea.error {
	background-position: 99% 9px;
}
form label.required,
form label.error {
	display: block;
	color: #b80000;
	font-size: 11px;
}

/* 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 */
}

/* Radio / Checkbox */
form .checkboxset ul,
form .optionset ul {
	margin: 0;
}
form .checkboxset li,
form .optionset li {
	margin-bottom: 5px;
	list-style-type: none;
}
form .checkboxset li label,
form .optionset li label {
	margin-left: 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 ------------------------------------ */
#MobileNavigation {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	z-index: 900000;
}
#MobileMenuHeader {
	position: relative;
	padding: 10px;
	background: #212121;
}

#MobileMenuButton {
	display: none;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -20px;
	background: #686868;
	transition: all 250ms;
	cursor: pointer;
}
#MobileMenuButton:hover {
	background: #858585;
}
	#MobileMenuButton .hamburger {
		padding: 5px;
		width: 30px;
		height: 30px;
		display: block;
	}
	#MobileMenuButton .hamburger span {
		display: block;
		margin: 4px auto 0 auto;
		height: 2px;
		width: 25px;
		background: #ffffff;
	}
	#MobileMenuButton .hamburger .first {
		margin-top: 7px;
	}
	
#MobileMenuCloseButton {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -20px;
	padding: 5px;
	width: 30px;
	height: 30px;
	text-align: center;
	background: #686868;
	transition: all 250ms;
	cursor: pointer;
}
#MobileMenuCloseButton:hover {
	background: #858585;
}
	#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;
	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;
	-moz-transition: color 250ms;
	-ms-transition: color 250ms;
	-o-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 15px;
	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: 'icon-font';
	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: "\e60b";
}
#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 > a.section,
#DynamicMobileMenu > ul > li > a.current,
#DynamicMobileMenu > ul > li > a.highlight,
#DynamicMobileMenu > ul > li > a:active, 
#DynamicMobileMenu > ul > li > a:focus {
	background-color: #e7e2d6;
	background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#fefdfd), to(#e7e2d6));
	background-image: -webkit-linear-gradient(left, #fefdfd, #e7e2d6);
	background-image: -moz-linear-gradient(left, #fefdfd, #e7e2d6);
	background-image: -ms-linear-gradient(left, #fefdfd, #e7e2d6);
	background-image: -o-linear-gradient(left, #fefdfd, #e7e2d6);
	background-image: linear-gradient(to right, #fefdfd, #e7e2d6);
}

/****** FILE: site/css/responsive.css *****/
@media screen and (max-width: 1120px) {
	.inner {
		width: 100%;
		padding: 0 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
	}
}
@media screen and (max-width: 1040px) {
	ul#HomepageSlideshow li {
		min-height: 500px;
	}
	ul#HomepageSlideshow .captionHolder {
		width: 100%;
		padding-right: 0;
		text-align: center;
	}
}
@media screen and (max-width: 1023px) {
	#HomePageContent .col2.first {
		padding-right: 0;	
	}
	.footer .footerContent,
	#HomePageContent .col2 {
		float: none;
		margin: 0 auto;	
		padding: 0 10px 20px 10px !important;
		width: 100%;
	}
	.footer {
		padding-bottom: 0;	
	}
	.footer .footerContent.logos .image {
		padding-bottom: 15px;
	}
	.bodyContactForm #Content .col2 {
		float: none;
		width: 100%;
		max-width: none;
	}
	.bodyContactForm #Content .col2.first {
		padding-right: 0;
		margin-bottom: 30px;
	}
	#HomePageContent .col4 {
		width: 23%;
		width: -webkit-calc(25% - 20px);
		width: calc(25% - 20px);
		margin: 0 1% 25px 1%;
		margin: 0 -webkit-calc(10px) 25px -webkit-calc(10px);
		margin: 0 calc(10px) 25px calc(10px);
	}
	#HomePageContent .col4 .content {
		font-size: 13px;
		line-height: 20px;
		padding: 10px 0;
	}
}
@media screen and (max-height: 920px) {
	ul#HomepageSlideshow {
		max-height: 400px;
	}
	ul#HomepageSlideshow li {
		min-height: 400px;	
	}
	
	#HomePageContent .col2 p {
		line-height: 24px !important;
	}
}

@media screen and (max-width: 890px) {
	nav.primary > ul > li > a {
		padding: 0 5px;
		font-size: 13px;
	}
	nav.primary > ul > li > ul > li > a {
		padding: 5px 15px;
		font-size: 13px;
	}
}
@media screen and (max-width: 767px) {
	body {	
		font-size: 13px;
		line-height: 22px;
	}
	.inner {
		padding: 0 10px;
	}
	#Content {
		padding: 20px 10px 60px 10px;
	}
	#Content.noSidebar {
		padding-left: 10px;
	}
	nav.primary > ul,
	.header .headerNav,
	.header .tools, 
	#Breadcrumbs,
	#SideBar {
		display: none !important;
	}
	.header nav.primary {
		float: none;
		padding: 0;
	}
	#MobileMenuButton {
		display: block !important;
	}
	ul#HomepageSlideshow li {
		min-height: 300px;
	}
	ul#HomepageSlideshow .caption {
		font-size: 20px;
		line-height: 26px;
	}
	ul#HomepageSlideshow .caption a {
		margin-top: 5px;
		font-size: 13px;
		line-height: 18px;
		padding: 6px 20px;
	}
	#HomepageSlideshowPrev, 
	#HomepageSlideshowNext {
		font-size: 24px;
		line-height: 24px;
		margin-top: -12px;
	}
	#HomepageSlideshowPrev {
		left: 0;	
	}
	#HomepageSlideshowNext {
		right: 0;	
	}
	#HomePageContent .col2 {
		max-width: 500px;
	}
	#HomePageContent .col2 img {
		display: inline-block;
		float: none;
		margin: 20px 0 0 0;
	}
	#HomePageContent .col4 .content {
		display: none;
	}
	#HomePageContent .col4 h3 {
		font-size: 15px;
	}
}
@media screen and (max-width: 640px) {
	.header .brand img {
		max-width: 140px;
	}
	#BannerImage,
	#HomepageSlideshowContainer {
		display: none;
	}
	#MobileButtons {
		display: block;
		padding: 20px;
		background-image: url(../images/bg-default.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: right center;
	}
	#MobileButtons a {
		position: relative;
		display: block;
		float: left;
		width: 48%;
		margin-top: 4%;
		padding: 3px 10px;
		background: #231f20;
		border-bottom: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		color: #fff;
		text-align: center;
		font-size: 12px;
		-webkit-transition: background 250ms;
		-moz-transition: background 250ms;
		-ms-transition: background 250ms;
		-o-transition: background 250ms;
		transition: background 250ms;
	}
	#MobileButtons a:hover {
		background: #000;
	}
	#MobileButtons a.large {
		width: 100%;
		margin-left: 0;
		font-size: 16px;
		padding: 10px;
		background: #ed1f24;
	}
	#MobileButtons a.large:hover {
		background: #ed1f24;
	}
	#MobileButtons a:first-child,
	#MobileButtons a:nth-child(2) {
		margin-top: 0;
	}
	#MobileButtons a:nth-child(2n) {
		margin-left: 4%;
	}
	#MobileButtons a span.icon {
		display: block;
		font-size: 24px;
		line-height: 32px;
	}
	#MobileButtons a.large span.icon {
		display: inline-block;
	}
	#HomePageContent .col2 img {
		max-width: 100px;
		float: left;
		margin: 0 10px 10px 0;
	}
	#HomePageContent .col2 p {
		clear: left;
	}
	#HomePageContent .inner {
		padding: 0 20px;
	}
	#HomePageContent .col4 {
		float: none;
		width: auto;
		margin: 0 0 10px 0;
		height: 66px;
		display: block;
		box-shadow: none;
	}
	#HomePageContent .col4:hover {
		box-shadow: none;
	}
	#HomePageContent .col4 img {
		width: 100px;
		display: block;
		float: left;
		margin: 0;
	}
	#HomePageContent .col4 h3 {
		float: right;
		width: calc(100% - 120px);
		height: 46px;
		line-height: 46px;
		font-size: 20px;
	}
	#HomePageContent .col4 .readMore {
		display: none;
	}
	
	ul.faqList li div.question {
		padding: 10px 0;
	}
	ul.faqList li .questionBody {
		font-size: 18px;
		line-height: 24px;
	}
	
	body {
		position: relative;	
	}
	#ScrollToTop {
		display: block !important;
		position: absolute;
		right: 10px;
		bottom: 15px;
	}
	.footer .footerCopy .footerNav {
		float: none;
		margin-bottom: 10px;
	}
	.footer .footerCopy .plastykLink {
		float: none;
	}
	.footer .footerContent.logos .image img {
		height: 30px !important;
		width: auto !important;	
	}
    #Content .fb-like.fb_iframe_widget {
        width: 280px !important;	
    }
}
@media screen and (max-width: 480px) {
	.typography img.right,
	.typography img.left {
		display: block;
		float: none;
		margin: 0 0 20px 0;
	}
	ul#HomepageSlideshow .caption {
		max-width: 250px;
	}
	#HomepageSlideshowPrev, 
	#HomepageSlideshowNext {
		width: 25px;
	}
}