/*  _  __               _                ____                _   _
 | |/ /___   ___   __| | ___   ___    / ___|_ __ ___  __ _| |_(_)__   _____
 | ' // _ \ / _ \ / _` |/ _ \ / _ \  | |   | '__/ _ \/ _` | __| |\ \ / / _ \
 | . \ (_) | (_) | (_| | (_) | (_) | | |___| | |  __/ (_| | |_| | \ V /  __/
 |_|\_\___/ \___/ \__,_|\___/ \___/   \____|_|  \___|\__,_|\__|_|  \_/ \___|

 * @author		Stuart Blackett (stuart@koodoocreative.co.uk)
 * @copyright	Copyright (c) 2012 - Koodoo Creative Ltd.
 * @link			http://www.koodooceative.co.uk
 * @created		29th April 2012
 * @version		Version 1.0

-----------------------------------------------------------------------------
Custom CSS file override for Twitter Boostrap CSS framework
-----------------------------------------------------------------------------
*/

/* Bootstrap
-------------------------------------------------------------- */

a {
	color:#026AA9;
}

label:hover {
	cursor: default;
}

.table-bordered {
	border-radius: 0;
}

.table td {
	line-height: 30px;
}

.thumbnail:nth-child(even) {
	border-radius: 0;
	border: 1px solid #F04F40;
}

.thumbnail:nth-child(odd) {
	border-radius: 0;
	border: 1px solid #026AA9;
}

.thumbnail > img {
	height: 95px;
}

.thumbnails {
	margin-left: 0px !important;
	border-bottom: 2px solid #026AA9;
	border-top: 2px solid #F04F40;
}

.thumbnails > li:first-child {
	margin-left: 0;
}

.thumbnails > li {
	margin-top: 20px;
	margin-bottom: 20px !important;
}

.thumbnails > li.underline {
	border: 1px solid #026AA9;
}

a.thumbnail:hover, a.thumbnail:focus {
	box-shadow: 0;
	border: 1px solid #5C5C5F;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
	outline: 0;
}

.modal.fade.in {
	z-index: 9999999;
}

.modal {
	background: #EEEDEC;
	border-radius: 0;
	width: 640px;
}

.modal-body {
	max-height: 480px;
}

blockquote {
	border-left: 5px solid #EEEDEC;
}

.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
	background-color: #EEEDEC;
}

.carousel-inner > .item {
	transition: left 0.9s ease-in-out 0s
}

.carousel.carousel-fade .item {
	-webkit-transition: opacity 6s ease-in-out;
	-moz-transition: opacity 6s ease-in-out;
	-ms-transition: opacity 6s ease-in-out;
	-o-transition: opacity 6s ease-in-out;
	transition: opacity 6s ease-in-out;
}

.input-append {
	margin-bottom: -5px;
}

/* Global
-------------------------------------------------------------- */

body {
	font-family: 'Open Sans', sans-serif;
	color: #58595B;
}

h1, h2, h3, h4 {
	font-weight: normal;
}

p {
	font-size: 15px;
	color: #58595b;
}

.blue {
	color: #0069a6;
}

.gray-bg {
}

.margin-50 {
	margin-top: 50px;
}

.pdf-link {
	margin-top: 20px;
	margin-bottom: -30px;
}

/* Header
-------------------------------------------------------------- */

.dev-strip {
	background: #EEEDEC;
}

.red-strip {
	background: #ED513B;
	height: 8px;
	margin-bottom: 20px;
}

.left-bg {
	float: left;
	background: #ED513B;
	height: 8px;
	width: 26%;
}

.right-bg {
	float: right;
	height: 8px;
	margin-top: -30px;
	right: 0;
	width: 26%;
	background: #006CA7;
}

.page-top {
	background: url(../img/header/nav-inner-bg.png) no-repeat;
	height: 10px;
	margin-bottom: 20px;
}

label.service-area, label.search-top {
	color: #58595b;
	font-size: 15px;
}

.search-form {
	margin-right: -100px;
}

.search-top {
	margin-right: 20px;
}

.search-form input {
	border-radius: 0;
	border: 1px solid #41403F;
	width: 145px;
}

.search-btn {
	background: url(../img/icons/icon-search.png) no-repeat;
	border: none;
	z-index: 9999;
	height: 20px;
	position: relative;
	right: 30px;
	width: 20px;
}

.service-form {
	margin-bottom: -20px;
}

.service-form select {
	border-radius: 0;
}

h2#branding {
	margin-bottom: 0;
	margin-top: -50px;
}

h2#branding a {
	background: url(../img/header/able-logo.jpg) no-repeat;
	display: inline-block;
	text-indent: -99999px;
	width: 208px;
	height: 118px;
}

.header-contact {
	margin-bottom: 40px;
	margin-top: -50px;
}

.call-icon {
	background: url(../img/icons/icon-call.png) no-repeat 0 5px;
	display: inline-block;
	color: #58595b;
	font-size: 15px;
	height: 43px;
	line-height: 28px;
	text-indent: 30px;
	margin-right: 20px;
}

.email-icon {
	margin-right: -5px;
	background: url(../img/icons/icon-email.png) no-repeat;
	display: inline-block;
	height: 43px;
	width: 155px;
	text-indent: 35px;
}

.email-icon a {
	color: #58595B;
}


.navbar {



	margin-bottom: 20px;



}







.navbar-inner {



	height: 8px;



	min-height: 8px;



}







/* Service Area Select Options



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







.selectboxit-container {



	position: relative;



	display: inline-block;



	vertical-align: top;



}







/* Styles that apply to all SelectBoxIt elements */



.selectboxit-container * {



	font-size: 14px;



	/* Prevents text selection */



	-webkit-touch-callout: none;



	-webkit-user-select: none;



	-khtml-user-select: none;



	-moz-user-select: -moz-none;



	ms-user-select: none;



	-o-user-select: none;



	user-select: none;



	outline: none;



	white-space: nowrap;



}







/* Button */



.selectboxit-container .selectboxit {



	cursor: pointer;



	margin: 0;



	padding: 0;



	overflow: hidden;



	display: block;



	position: relative;



}







/* Height and Vertical Alignment of Text */



.selectboxit-container span, .selectboxit-container .selectboxit-options a {



	height: 30px; /* Height of the drop down */



	line-height: 30px; /* Vertically positions the drop down text */



	display: block;



}







/* Focus pseudo selector */
.selectboxit-container .selectboxit:focus {
	outline: 0;
}

/* Disabled Mouse Interaction */
.selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled {
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	cursor: default;
}

/* Button Text */

.selectboxit-text {
	text-indent: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left;
}

.selectboxit .selectboxit-option-icon-container {
	margin-left: 5px;
}

/* Options List */

.selectboxit-container .selectboxit-options {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-width: 100%;  /* Minimum Width of the dropdown list box options */
	*width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	overflow-x: hidden;
	overflow-y: auto;
	cursor: pointer;
	display: none;
	text-align: left;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	z-index: 99999;
}

/* Individual options */

.selectboxit-option .selectboxit-option-anchor {
	padding: 0 5px;
}

/* Individual Option Hover Action */

.selectboxit-option .selectboxit-option-anchor:hover {
	text-decoration: none;
}

/* Individual Option Optgroup Header */

.selectboxit-option, .selectboxit-optgroup-header {
	text-indent: 5px; /* Horizontal Positioning of the select box option text */
	margin: 0;
	list-style-type: none;
}

/* The first Drop Down option */

.selectboxit-option-first {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}

/* The first Drop Down option optgroup */

.selectboxit-optgroup-header + .selectboxit-option-first {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}

/* The last Drop Down option */

.selectboxit-option-last {
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

/* Drop Down optgroup headers */

.selectboxit-optgroup-header {
	font-weight: bold;
}







.selectboxit-optgroup-header.port-sites {
	background: #006CA7;
	color: #ffffff;
	text-align: center;
	padding: 8px;
	text-transform: uppercase;
	font-weight: normal;
}

.selectboxit-optgroup-header.land-sites {
	background: #B27050;
	color: #ffffff;
	text-align: center;
	padding: 8px;
	text-transform: uppercase;
	font-weight: normal;
}

/* Drop Down optgroup header hover psuedo class */

.selectboxit-optgroup-header:hover {
	cursor: default;
}

/* Drop Down down arrow container */

.selectboxit-arrow-container {
	/* Positions the down arrow */
	width: 30px;
	position: absolute;
	right: 0;
	top: -4px;
}

/* Drop Down down arrow */

.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
	/* Horizontally centers the down arrow */
	margin: 0 auto;
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
}

/* Drop Down down arrow for jQueryUI and jQuery Mobile */

.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
	top: 30%;
}

/* Drop Down individual option icon positioning */

.selectboxit-option-icon-container {
	float: left;
}

.selectboxit-container .selectboxit-option-icon {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {
	width: 18px;
	background-size: 18px 18px;
	background-repeat: no-repeat;
	height: 100%;
	background-position: center;
	float: left;
}

/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */

.jqueryui .ui-icon {
	background-color: inherit;
}

/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s {
	background-position: -64px -16px;
}

/* Careers Box Formatting
----------------------------------------------------------------------------- */

.description-css {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 560px;
  padding: 28px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,1);
  font: normal 16px/1 Open Sans, sans-serif;
  color: rgba(105,105,105,1);
  text-indent: 56px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: url("http://enjoycss.com/bg-img/custom/116653-nbgusi.png"), #C0C0C0;
  background-repeat: no-repeat;
  background-position: 3% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: 7% auto;
  background-size: 7% auto;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
  text-shadow: 0px 0px 0px rgba(0,0,0,0) ;
}

.application-css {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 560px;
  padding: 28px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,1);
  font: normal 16px/1 Open Sans, sans-serif;
  color: rgba(105,105,105,1);
  text-indent: 56px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: url("http://enjoycss.com/bg-img/custom/116653-10ng4tp.png"), #C0C0C0;
  background-repeat: no-repeat;
  background-position: 3% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: 7% auto;
  background-size: 7% auto;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
  text-shadow: 0px 0px 0px rgba(0,0,0,0) ;
}

.sendform-css {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 560px;
  padding: 28px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,1);
  font: normal 16px/1 Open Sans, sans-serif;
  color: rgba(105,105,105,1);
  text-indent: 56px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: url("http://enjoycss.com/bg-img/custom/116919-1qp7mef.png"), #C0C0C0;
  background-repeat: no-repeat;
  background-position: 3% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: 7% auto;
  background-size: 7% auto;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
  text-shadow: 0px 0px 0px rgba(0,0,0,0.2) ;
  link-text-shadow: 0px 0px 0px rgba(0,0,0,0) ;

}


/*  Default Theme
-------------
Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme
*/

.selectboxit-btn {
	background-color: #ffffff;
	border: 1px solid #41403f;
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
	color: #333333;
	background-color: #ffffff;
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
}

.selectboxit-default-arrow {
	width: 0;
	height: 0;
	border-top: 4px solid #000000;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.selectboxit-list {
	background-color: #ffffff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
}

.selectboxit-list .selectboxit-option-anchor {
	color: #333333;
}

.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
	color: #494849;
	background-color: #EEEDEC;
	background-repeat: repeat-x;
}

.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
	color: #999999;
}

.down-icon {
	height: 12px;
	width: 17px;
	background: url(../img/icons/down-icon.png) no-repeat;
}

/* Navigation
-------------------------------------------------------------- */

ul#menu-site-nav li {
	display: inline;
	margin-right: 23px;
	font-size: 15px;
	padding-bottom: 18px;
	position: relative;
}

ul#menu-site-nav li:last-child {
	margin-right: 10px;
	float: right;
}

ul#menu-site-nav li#menu-item-18 {
	margin-right: 0;
}

ul#menu-site-nav li a {
	color: #58595b;
}

ul#menu-site-nav li a:hover {
	text-decoration: none;
	color: #328bb7;
	padding-bottom: 10px;
	border-bottom: 8px solid #CCCBCB;
}

ul#menu-site-nav li.current_page_item a {
	padding-bottom: 10px;
	color: #328bb7;
}

.navigation-bg {
	background: #0169a8;
	position: relative;
	height: 8px;
	top: 1px;
}

.nav-bg {
	background: #cbcbca;
	height: 8px;
}

.wrapper_menu {
	margin:-50px auto 0;
	display:block;
	position: relative;
	z-index:9999;
}

.wrapper_menu .menu {
	list-style:none;
	margin:0 -35px;
	height:43px;
	width: 745px;
}

.wrapper_menu_full {
	margin:0;
	position: relative;
	z-index:9999;
}

.wrapper_menu_full .menu {
	width:100%;
	padding:0;
	height:43px;
}

.wrapper_menu_full .menu_whole_width {
	list-style:none;
	width:940px;
	margin:0 auto;
	height:43px;
	padding:0;
}

.menu li {
	float:left;
	text-align:center;
	position:relative;
	margin-right:20px;
	margin-top:6px;
	border:none;
}

.menu .fullwidth {
	position: static !important;
}

.menu li:hover {
	border-bottom:none;
	margin-right:19px;
}

.menu li.nodrop:hover {
	padding: 4px 10px 4px 9px;
}

.menu li.nodrop:hover a {
	padding: 0;
}

.menu li:hover a {
	text-shadow: none;
	position:relative;
	z-index:11;
}

.menu li:hover div a {
	display:inline;
}

.menu li .drop,
.menu li:hover .drop {
	padding-right:27px;
}

/* Right aligned menu item */

.menu li.right {
	float:right;
	right:0;
	margin-right:0;
}

.menu li.right:hover {
	margin-right:-1px;
}

.menu .dropdown_1column,
.menu .dropdown_2columns,
.menu .dropdown_3columns,
.menu .dropdown_4columns,
.menu .dropdown_5columns,
.menu .dropdown_fullwidth {
	margin:5px auto;
	left:-999em;
	position:absolute;
	padding:10px;
	text-align:left;
	background: #EEEDEC;
}

/* Drop Downs Sizes */
.menu .dropdown_1column {width: 165px;}

.menu .dropdown_2columns {width: 510px;}

.menu .dropdown_3columns {width: 455px;}

.menu .dropdown_4columns {width: 610px;}

.menu .dropdown_5columns {width: 765px;}

.menu .dropdown_fullwidth {
	width: 920px;
}

/* Showing Drop Down on Mouse Hover - Left aligned */
.menu li:hover .dropdown_1column,
.menu li:hover .dropdown_2columns,
.menu li:hover .dropdown_3columns,
.menu li:hover .dropdown_4columns,
.menu li:hover .dropdown_5columns {
	left:-260px;
	top:40px;
}

.menu li:hover .dropdown_1column {
	left: -60px;
	top: 40px;
}
.menu li:hover .dropdown_fullwidth {
	left:21px;
	top:33px;
	display: block;
}

.wrapper_menu_full .menu li:hover .dropdown_fullwidth {
	left:50%;
	margin-left:-470px;
	top:32px;
	display: block;
}

/* Showing Drop Down on Mouse Hover - Right aligned */
.menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:25px;
}

.menu li.right:hover .dropdown_fullwidth {
	right:18px;
	top:33px;
}

.wrapper_menu_full .menu li.right:hover .dropdown_fullwidth {
	left:auto;
	right:50%;
	margin-right:-471px;
	top:32px;
}

/* Columns Sizes */
.menu .col_1,
.menu .col_2,
.menu .col_3,
.menu .col_4,
.menu .col_5,
.menu .col_6 {
	float: left;
	margin-left: 10px;
}

.menu .col_1 {
	margin-right: 20px;
	width: 220px;
	margin-top: 5px;
}

.menu .col_1:last-child {
	margin-right: 0;
}

.menu .col_2 {width:300px;}

.menu .col_3 {width:455px;}

.menu .col_4 {width:610px;}

.menu .col_5 {width:765px;}

.menu .col_6 {width:920px;}

/* IMPORTANT */
/* Use the firstcolumn class for the items that stick to the left edge of the dropdown */
.menu .firstcolumn {
	margin-left: 0; /* Clearing margin & left */
	clear: left;
}

ul#menu-site-nav li {
	display: inline;
	font-size: 13px;
	margin-right: 20px;
	padding-bottom: 18px;
	position: relative;
}

ul#menu-site-nav li a {
	color: #58595B;
	text-decoration: none;
}

ul#menu-site-nav li.current_page_item a {
	color: #328BB7;
}

ul#menu-site-nav li a:hover {
	border-bottom: 8px solid #EEEDEC;
	color: #328BB7;
	padding-bottom: 16px;
	text-decoration: none;
}

ul#menu-site-nav li.hover, ul#menu-site-nav li:hover {
	border-bottom: 8px solid #EEEDEC;
	color: #328BB7;
	padding-bottom: 17px;
	text-decoration: none;
}

.menu .dropdown_fullwidth {
	width: 920px;
	background: #EEEDEC;
	border-radius: 0;
}

.menu li:hover .dropdown_fullwidth {
	display: block;
	left: -240px;
	top: 46px;
}

.menu-item {
	margin-top: 20px;
	padding-bottom: 120px;
}

.menu-info {
	margin-top: -12px;
	margin-left: 10px;
	height: 115px;
}

.menu-info h3 {
	color: #373737;
	width: 100px;
	line-height: 20px;
	font-size: 17px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.menu-info p {
	color: #58595b;
	font-size: 13px;
	margin-bottom: 5px;
}

.menu-info a {
	color: #026aa9 !important;
	text-decoration: underline !important;
	font-size: 11px;
	text-transform: uppercase;
	vertical-align: bottom;
}

.menu-info a:hover {
	border: none !important;
}

.sites-border {
	border-left: 1px solid #5b5c5e;
	padding-left: 20px;
	height: 350px;
}

h4.nav-sites {
	margin-top: 0;
	color: #ffffff;
	text-transform: uppercase;
	display: block;
	text-align: center;
	padding: 10px;
}

h4.nav-sites.ports {
	background: #006CA7;
}

h4.nav-sites.land {
	background: #B27050;
}

ul.nav-sites {
	margin-left: 5px;
	margin-top: 30px;
	margin-bottom: 20px;
}

ul.nav-sites li {
	display: block !important;
	float: none !important;
	text-align: left !important;
	border-bottom: 1px solid #6c6c6b;
	padding-bottom: 15px !important;
	padding-top: 5px;
	width: 100%;
}

ul.nav-sites li:hover {
	border-bottom: 1px solid #6c6c6b !important;
}

ul.nav-sites li:last-child {
	float: none !important;
	border-bottom: none !important;
}

ul.nav-sites li a {
	color: #58595B !important;
	padding-bottom: 5px;
}

ul.nav-sites li a:hover {
	color: #328BB7 !important;
	padding-bottom: 0px !important;
}

ul.header-subnav {
	margin-left: 0;
}

ul.header-subnav li {
	border-bottom: 1px solid #6C6C6B;
	display: block !important;
	float: none !important;
	padding-bottom: 15px !important;
	padding-top: 5px;
	text-align: left !important;
	width: 74%;
}

ul.header-subnav li:hover {
	padding-bottom: 15px !important;
	border-bottom: 1px solid #6C6C6B !important;
}

ul.header-subnav li a:hover {

}

ul.header-subnav li:last-child {
	float: left !important;
	border-bottom: none !important;
}

ul.header-subnav li a {
	color: #58595B !important;
}

ul.header-subnav li a:hover {
	color: #328BB7 !important;
}

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

h3.tagline {
	color: #58595b;
	font-size: 27px;
	font-weight: bold;
}

h3.subline {
	color: #949494;
	margin-top: -10px;
	font-size: 27px;
	font-weight: normal;
}

.divider-line {
	height: 1px;
	background: #5c5c5f;
}

.home-content {
	margin-top: 10px;
}

.home-content h2 {
	font-size: 34px;
	color: #58595b;
	margin-bottom: 20px;
}

.home-content p {
	color: #58595b;
	text-align: justify;
	line-height: 27px;
	font-size: 15px;
	margin-bottom: 20px;
}

.home-right-content {
	margin-top: 70px;
	margin-left: 90px;
	width: 470px;
}

.home-gray {
	background: #eeedec;
	margin-bottom: 20px;
}

.jcarousel-container {
	width: 960px;
	margin-bottom: 20px;
}

.jcarousel-clip {
	overflow: hidden;
	width: 940px;
}

ul#services-carousel li {
	/* WAS : width: 215px; height: 138px; */
	margin-top: 25px;
	width: 172px;
	height: 138px;
	margin-right: 21px;
}

ul#services-carousel li a {
	display: inline-block;
	width: 172px;
	height: 138px;
}

.jcarousel-next {
	cursor: pointer;
	height: 138px;
	position: absolute;
	right: -55px;
	top: 25px;
	width: 51px;
	background: url(../img/icons/icon-next.png);
}

.jcarousel-prev {
	background: url(../img/icons/icon-prev.png);
	cursor: pointer;
	height: 138px;
	position: absolute;
	left: -75px;
	top: 25px;
	width: 51px;
}

.tide-home {
	width: 460px;
}

a.humber-tide {
	background: url(../img/icons/icon-arrow-tides.png) 355px 20px no-repeat #d0d0d0;
	width:410px;
}

a.tees-tide {
	background: url(../img/icons/icon-arrow-tides.png) 335px 20px no-repeat #d0d0d0;
}

a.tide-times {
	display: block;
	padding: 25px;
	text-align: center;
	font-size: 18px;
	border-left: 10px solid #373737;
	color: #373737;
	margin-top: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

a.tide-times:hover {
	text-decoration: none;
}

.case-study {
	padding: 5px 15px 5px 5px;
	width: 265px;
	margin-left: 10px;
	border-right: 1px solid #3B3B3B;
}

.videos {
	padding: 5px 15px 5px 5px;
	border-right: 1px solid #3B3B3B;
	min-height: 465px;
}

.videos h3 {
	display: inline-block;
	color: #58595b;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 25px;
	text-align: left;
	margin-bottom: 15px;
}

a.view-all-btn {
	color: gray;
	display: inline-block;
	font-size: 11px;
	margin-top: 7px;
	padding: 5px;
	text-decoration: underline;
	text-transform: uppercase;
}

a.view-all-btn.news {
	margin-top: 12px;
	margin-right: 35px;
}

a.view-all-btn:hover {
	text-decoration: underline;
}

.news-block {
	background: #EAF7FF;
	margin-left: -5px;
}

.case-study h3 {
	display: inline-block;
	color: #58595b;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 25px;
	text-align: left;
	margin-bottom: 15px;
}

.case-study h4 {
	display: inline-block;
	color: #58595b;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 25px;
}

.flowplayer {
	width: 285px;
	height: 185px;
}

#thorpe-marsh {
	border-top: 2px solid #ED513B;
	border-bottom: 2px solid #006BA7;
	padding-top: 9px;
	background: url(../img/play_thorpe_marsh.png) no-repeat center #ffffff;
}

.amep-video {
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 2px solid #ED513B;
	border-bottom: 2px solid #006BA7;
	margin-top: 10px;
}

.news-block h3 {
	margin-left: 20px;
	margin-top: 15px;
	font-weight: normal;
	display: inline-block;
	color: #58595b;
	text-transform: uppercase;
	line-height: 25px;
	margin-bottom: 15px;
}

.case-study p {
	color: #58595b;
	font-size: 15px;
	width: 240px;
	line-height: 25px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 30px;
}

.case-study img {
	width: 275px;
	border-top: 2px solid #ED513B;
	border-bottom: 2px solid #006BA7;
	padding-top: 5px;
	padding-bottom: 5px;
}

.case-study a.read-btn {
	background: #006BA7;
	color: #FFFFFF;
	font-size: 18px;
	display: inline-block;
	padding: 10px;
	text-transform: uppercase;
	width: 130px;
	margin-bottom: 30px;
}

.home-article {
	margin-left: 20px;
	margin-right: 20px;
	padding: 10px;
	width: 240px;
	margin-bottom: 20px;
	border-bottom: 1px solid #3b3b3b;
}

.home-article:last-child {
	border: none;
}

.home-article .date {
	font-size: 12px;
	margin-left: -10px;
}

.home-article-title {
	font-weight: bold;
	font-size: 15px;
	line-height: 25px;
	margin: 10px 65px 15px -10px;
}

.home-article-title a {
	color: #58595B;
}

a.home-article-read {
	display: block;
	margin-top: -50px;
	color: #ffffff;
	background: #006BA7;
	padding: 8px;
	width: 40px;
	text-align: center;
	text-transform: uppercase;
}

/* Wind Direction Styles
------------------------------------------------------------ */

.wind-box {
	background: #D0D0D0;
	padding-left: 35px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.wind-box.seaton {
	width: 440px;
}

.wind-box h4 {
	text-transform: uppercase;
	color: #58595b;
	font-size: 15px;
	text-align: center;
	display: block;
	margin-left: -30px;
	margin-top: 10px;
}

.wind-box h4 span {
	display: block;
}

.wind-box span.wind-directions {
	position: relative;
	background: url(../img/icons/icon-compass.png) no-repeat;
	display: inline-block;
	width: 66px;
	height: 66px;
	top: 5px;
	left: 5px;
	padding-right: 30px;
	vertical-align: middle;
}

.wind-box span.arrow-direction {
	position: absolute;
	background: url(../img/icons/icon-wind-direction.png) no-repeat;
	height: 65px;
	width: 65px;
	transform-origin: 50%;
	-ms-transform-origin: 50%;
	-webkit-transform-origin: 50%;
}

h3.tide-title {
	text-transform: uppercase;
	display: inline-block;
}

.tides-title.first {
	margin-left: 20px;
}

.tides-title {
	margin-left: 5px;
	width: 147px;
}

.tide-time {
	margin-left: 0;
	width: 75px;
	background: #D0D0D0;
}

.tide-time.first {
	margin-left: 20px;
}

.tide-time.second {
	margin-left: 0px;
}

.tide-time p {
	font-size: 16px;
	padding: 8px;
	text-align: center;
}

.tide-time p.tide_time {
}

.tide-time p.tide_height {
}

.tide-divider {
	border: 2px solid #D0D0D0;
}

a.tide-findout {
	display: inline-block;
	background: #4caae0;
	color: #ffffff;
	padding: 6px;
	margin-top: 15px;
}

.todays-tides {
	background: #D0D0D0;
	text-transform: uppercase;
	font-size: 12px;
	padding: 10px;
	border-bottom: 3px solid #4CAAE0;
}

/* New Home Banners
------------------------------------------------------------ */

.home-banners {
	height: 320px;
}

.home-banners img {
	width: 940px;
	height: 320px;
}

.info-text {
	position: absolute;
	bottom: 20px;
	left: 40px;
	padding: 15px;
	width: 550px;
	background: url(../img/home-banners/carousel-transparent-bg.png) repeat;
}

.info-text h3 {
	margin: 0;
	line-height: 35px;
	font-weight: normal;
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
}

a.banner-findout {
	position: absolute;
	bottom: 20px;
	right: 40px;
	font-weight: bold;
	text-transform: uppercase;
	background: #2a2a29;
	border: 2px solid #ffffff;
	font-size: 13px;
	padding: 10px;
	color: #ffffff;
}

a.banner-findout:hover {
	text-decoration: none;
}

/* Carousel
------------------------------------------------------------- */

.carousel {
	margin-bottom: 0px;
	overflow: hidden;
}

.carousel .container {
	position: relative;
	z-index: 9;
}

.carousel .item {
	height: 310px;
	position: relative;
}

.carousel img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height:auto;
}

.non-relative {
	position: absolute !important;
	bottom: 20px;
}

.carousel-caption {
	background: url(../img/carousel/carousel-transparent-bg.png) repeat;
	position: static;
	max-width: 420px;
	padding: 30px 30px;
	margin-top: 40px;
}

.carousel-caption h2 {
	margin: 0;
	line-height: 85px;
	font-weight: normal;
	font-size: 83px;
	color: #fff;
	text-transform: uppercase;
}

.carousel-sub-caption {
	background: url(../img/carousel/carousel-transparent-bg.png) repeat;
	position: static;
	max-width: 445px;
	padding: 1px 20px;
	/*	height: 215px; */
	margin-top: 10%;
}

.carousel-sub-caption h3 {
	color: #ffffff;
	font-size: 200%;
	font-weight: normal;
}

.carousel-caption .btn {
	margin-top: 10px;
}

.carousel-more {
	background: #2a2a29;
	border: 2px solid #ffffff;
	font-size: 13px;
	position: static;
	margin-top: -40px;
	padding: 10px;
}

.carousel-more a {
	font-weight: bold;
	color: #ffffff;
	font-size: 18px;
}

/* Sub Banners
------------------------------------------------------------- */

.sub-banner {
	margin-bottom: 0px;
}

.sub-banner .container {
	position: relative;
	z-index: 9;
}

.sub-banner .item {
	height: 180px;
}

.sub-banner img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 180px;
}

.sub-caption {
	background: url(../img/carousel/carousel-transparent-bg.png) repeat;
	position: static;
	/*max-width: 420px; */
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0;
	margin-top: 40px;
}

.sub-caption h2 {
	margin: 0;
	line-height: 55px;
	font-weight: normal;
	font-size: 30px;
	color: #fff;
}

.carousel-caption .btn {
	margin-top: 10px;
}

.carousel-more {
	background: #2a2a29;
	border: 2px solid #ffffff;
	font-size: 13px;
	position: static;
	margin-top: -40px;
	padding: 10px;
}

.carousel-more a {
	font-weight: bold;
	color: #ffffff;
	font-size: 18px;
}

/* Sub Page
-------------------------------------------------------------- */

.sub-page h1 {
	color: #58595b;
	font-weight: normal;
	margin-bottom: 20px;
	margin-top: 45px;
	line-height: 45px;
	font-size: 30px;
}

.sub-page h1 span {
	text-decoration: underline;
}

.sub-page p {
	font-size: 15px;
	line-height: 27px;
	margin-bottom: 15px;
	margin-top: 10px;
}

.sub-page ul {
	margin-left: 20px;
}

.sub-page ul li {
	color: #58595B;
	margin-bottom: 5px;
	font-size: 15px;
}

.sub-nav {
	margin-left: 0;
	margin-right: 20px;
}

.sub-nav h3 {
	text-transform: uppercase;
	font-size: 22px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 20px;
}

.sub-nav ul {
	margin-bottom: 15px;
	margin-left: 20px;
}

.sub-nav ul li {
	margin-bottom: 0;
}

.sub-nav ul li.parent a {
	background: url("../img/icons/icon-plus-minus.png") no-repeat scroll 245px 14px #EEEDEC;
}

.sub-nav ul li.parent a:hover {
	background: url("../img/icons/icon-plus-minus.png") no-repeat scroll 245px 14px #58595B;
}

.sub-nav ul.blue-border {
	border-top: 2px solid #026aa9;
}

.sub-nav ul.gray-border {
	border-top: 2px solid #5C5C5F;
}

.sub-nav ul.red-border {
	border-top: 2px solid #f15b48;
}

.sub-nav ul li {
	list-style: none;
	position: relative;
	border-bottom: 2px solid #676767;
}

.sub-nav ul li.active {
}

.sub-nav ul li a {
	background: #EEEDEC;
	display: block;
	color: #494849;
	font-size: 17px;
	padding: 15px;
}

.sub-nav ul li.active a {
	text-decoration: none;
	background: #58595B;
	color: #ffffff;
}

.sub-nav ul li a:hover {
	text-decoration: none;
	background: #58595b;
	color: #ffffff;
}

.sub-nav ul li.sites-header {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 24px;
	padding: 10px;
	text-transform: uppercase;
	color: #ffffff;
}

.sub-nav ul li.sites-header.port {
	background: #006CA7;
	border-bottom: none;
}

.sub-nav ul li.sites-header.land {
	background: #B27050;
	border-bottom: none;
}

.accordion-link {
	height: 48px;
	left: 210px;
	position: absolute;
	top: 1px;
	width: 70px;
}

.memberships > img {
	height: 125px;
	margin-top: 20px;
}


.memberships h3 {
	text-align: center;
	font-size: 16px;
}

/* Sites Page
-------------------------------------------------------------- */

h3.link-top a {
	background: url(../img/icons/icon-to-top.png) no-repeat right bottom;
	color: #58595B;
	text-decoration: none;
	display: block;
	min-height: 45px;
}

ul.sub-sites {
	margin-left: 0;
	margin-bottom: 0;
	display: none;
}

ul.sub-sites li {
	background: #EEEDEC;
	display: block;
	float: none;
	text-indent: 20px;
	border-bottom: 1px solid #676767;
}

ul.sub-sites li:last-child {
	border-bottom: 0px solid #676767;
}

.sub-nav ul li.sub-list-accordion a {
	background: url("../img/icons/icon-plus-minus.png") no-repeat 245px 14px #58595B;
}

ul.sub-sites li.active {
	border-top: 1px solid #848484;
	border-bottom: 1px solid #848484;
}

ul.sub-sites li.active a {
	background: #848484 !important;
	color: #ffffff !important;
	width: 250px;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
	border: none;
}

.nav-tabs {
	border: none;
}

.nav-tabs > li {
	margin-bottom: 0;
}

.nav-tabs > li > a {
	font-size: 13px !important;
	border-radius: 0;
	color: #494849 !important;
	background: #EEEDEC !important;
}

ul.subchild-tabs {
	margin-left: 0 !important;
}

.subchild-tabs li {
	list-style: none !important;
	margin-right: 10px;
	padding-bottom: 0 !important;
}

.subchild-tabs li.active a {
	background: #58595B !important;
	color: #ffffff !important;
	text-indent: 10px;
}

.tab-content {
	margin-bottom: 0px;
}

.tab-content ul {
	margin-left: 15px;
}

.tab-content ul li {
	list-style: square;
	color: #58595b;
	padding-bottom: 10px;
	line-height: 25px;
}

.parent-content {
	margin-bottom: 20px;
}

ul.sub-children {
	margin-bottom: 30px;
	margin-left: 0;
	margin-top: 30px;
}

ul.sub-children li {
	display: inline;
	margin-right: 10px;
}

ul.sub-children li a {
	background: #EEEDEC;
	color: #494849;
	font-size: 13px;
	padding: 12px;
}

ul.sub-children li a:hover {
	background: #58595B;
	color: #ffffff;
	text-decoration: none;
}

.key-information {
	background: #EEEDEC;
	padding-left: 35px;
	padding-top: 10px;
	margin-bottom: 40px;
}

.key-information h3 {
	background: url(../img/icons/icon-information.png) no-repeat right;
	font-size: 35px;
	color: #58595b;
	font-weight: normal;
	margin:0 0 40px;
	width: 570px;
}

.key-information ol {
	width: 570px;
}

.key-information ol li {
	font-weight: bold;
}

.key-information ol li span {
	font-weight: normal;
	margin-left: 10px;
}

.key-information ol li {
	font-size: 15px;
	width: 490px;
	padding-bottom: 20px;
}

.key-information ol li:before {
	font-weight: bold;
}

.key-information ol li:after {
	border-bottom: 1px solid #5C5C5F;
	content: "";
	display: block;
	height: 20px;
	margin-left: -20px;
}

.key-information ol li:last-child:after {
	border-bottom: none;
}

.tide-times-block {
	background: #0069A6;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #ffffff;
	padding: 6px;
	height: 100px;
}

.interactive-map {
	margin-left: 20px;
	margin-bottom: 20px;
}

a.interactive-map {
	background: #026aa9;
	margin-top: 5px;
	text-align: center;
	color: #ffffff;
	font-size: 25px;
	font-weight: normal;
	text-transform: uppercase;
	display: none;
	padding: 10px;
	margin-bottom: 10px;
}

a.interactive-map:hover {
	text-decoration: none;
}

.downloads {
	padding-left: 30px;
	padding-top: 15px;
}

.downloads h3 {
	background: url(../img/icons/icon-downloads.png) no-repeat right;
	font-size: 35px;
	color: #58595b;
	font-weight: normal;
	margin:0 0 40px;
	width: 570px;
}

.downloads ul {
	margin-left: 0;
}

.downloads ul li {
	list-style: none;
	height: 38px;
	padding: 0 55px;
	margin-bottom: 20px;
}

.downloads ul li a {
	color: #026aa9;
	line-height: 35px;
	font-size: 15px;
	text-indent: 50px;
	text-decoration: underline;
}

.downloads ul li.pdf-file {
	background: url(../img/icons/icon-pdf.png) no-repeat left;
}
.downloads ul li.doc-file {
	background: url(../img/icons/icon-doc.png) no-repeat left;
}

a.trigger {
	background: url(../img/icons/icon-ask-question.png) no-repeat;
	width: 197px;
	margin-top: 25px;
	height: 31px;
	display: block;
}

.question_container {
	display: none;
	margin-bottom: -55px;
	margin-top: 60px;
	border-bottom: 2px solid #026AA9;
	border-top: 2px solid #F04F40;
}

.question_container.span {
	margin-left: 0;
}

.query_form {
	padding-top: 25px;
}

.query_form div.wpcf7-mail-sent-ok {
	border: none !important;
}

.query_form textarea, .query_form input {
	border-radius: 0;
	border: 1px solid #787677;
}

.query_form label.error {
	color: #FB3A3A;
	display: inline-block;
	clear: both;
	padding: 0;
	text-align: left;
	width: 220px;
}

.query_form input {
	height: 30px;
	width: 296px;
}

.query_form .input-large {
	width: 620px;
}

.query_form textarea {
	width: 625px;
}

.query_form p {
	margin-top: 10px;
}

.right-block {
	margin-top: -25px;
}

.larger-cross {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
}

a.close-query {
	text-transform: uppercase;
	color: #6b6b6b;
	margin-top: 25px;
}

a.close-query:hover {
	text-decoration: none;
}

/* News Page / News Pages
------------------------------------------------------------- */

.news-article {
	margin-bottom: 0px;
	margin-left: 0;
	width: inherit;
	border-bottom: 1px solid #5c5c5f;
}

.news-article:last-child {
	margin-bottom: 20px;
}

.news-article a.continue-reading {
	color: #026aa9;
	font-size: 15px;
	text-decoration: underline;
	text-transform: uppercase;
}

.news-article h3 {
	text-transform: uppercase;
	font-size: 22px;
	color: #006AA8;
}

.news-date {
	border-top: 1px solid #5c5c5f;
	border-bottom: 1px solid #5c5c5f;
	padding-bottom: 5px;
	padding-top: 5px;
}

.article-image {
	margin-left: 0;
}

.news-image {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 30px;
	border-top: 2px solid #f04f40;
	border-bottom: 2px solid #026aa9;
}

.article-content {
	margin-top: -15px;
	margin-bottom: 10px;
	margin-left: 0px;
}

a.archived-link {
	background: #6b6b6b;
	text-transform: uppercase;
	text-align: center;
	color: #ffffff;
	margin-left: 20px;
	display: block;
	padding: 20px;
	font-size: 17px;
	margin-top: -10px;
}

a.archived-link:hover {
	background: #CBCBCA;
	color: #494849;
	text-decoration: none;
}

h3.sites-header {
	margin-top: 5px;
	margin-left: 20px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 24px;
	padding: 10px;
	text-transform: uppercase;
	color: #ffffff;
}

h3.sites-header:hover {
	cursor: pointer;
}

h3.sites-header.port {
	background: #006CA7;
}

h3.sites-header.land {
	background: #B27050;
}

a.read-btn {
	background: none repeat scroll 0 0 #006BA7;
	color: #FFFFFF;
	display: inline-block;
	font-size: 18px;
	margin-bottom: 30px;
	padding: 10px;
	text-transform: uppercase;
}

/* News Archive Page
------------------------------------------------------------ */
ul.archive-links  {
	margin-left: 0px;
}

ul.archive-links li {
	list-style: none;
	display: inline-block;
	padding: 25px;
	height: 65px;
	width: 80px;
	margin-right: 10px;
	font-size: 18px;
	text-align: center;
}

ul.archive-links li:nth-child(odd) {
	background: #006CA7;
}

ul.archive-links li:nth-child(odd):hover {
	background: #B27050;
}

ul.archive-links li:nth-child(even) {
	background: #B27050;
}

ul.archive-links li:nth-child(even):hover {
	background: #006CA7;
}

ul.archive-links li a {
	color: #ffffff;
	line-height: 25px;
	text-align: center;
}

ul.archive-links li a:hover {
	text-decoration: none;
}

ul.page-numbers {
	margin-left: 0;
	margin-top: 20px;
}
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span, .pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
	border-radius: 0;
}

.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
	background: #006BA7;
}
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
	border-left: none;
}

.pagination ul {
	border-radius: 0;
}

ul.page-numbers li a {
	background: #006BA7;
	color: #ffffff;
	padding: 10px 20px;
}

ul.page-numbers li a:hover {
	background: #B27050;
}

/* Case Studies Page / Post
------------------------------------------------------------- */

h3.case-study-title {
	text-transform: uppercase;
	font-size: 22px;
	color: #58595b;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #5c5c5f;
}

/* Heavy Lifting Page
------------------------------------------------------------- */

.sub-banner .heavy-lifting-item {
	height: 550px;
	position: relative;
}

.sub-caption.heavy-lift {
	left: 150px;
	padding-bottom: 15px;
	padding-top: 15px;
	position: absolute;
	top: 360px;
	width: 620px;
	display: none;
}

.sub-caption.heavy-lift h2 a {
	color: #ffffff;
	font-size: 24px;
}

.sub-caption.heavy-lift h2 a:hover, a:active {
	text-decoration: none;
}

h3.lifting-case-studies {
	background: none;
	text-transform: uppercase;
	margin-top: 55px;
}

.lifting-case-studies {
	background: #eeedec;
}

ul.hidden-list {
	margin-left: 0;
	padding-bottom: 10px;
	padding-top: 10px;
	display: none;
}

ul.hidden-list li {
	list-style: none;
	line-height: 25px;
}

ul.lift-services {
	float: left;
	width: 280px;
}

ul.lift-services li {
	margin-bottom: 8px;
	width: 235px;
}

.lift-study {
	border-top: 2px solid #58595b;
	position: relative;
}

.lift-study a {
	position: relative;
}

.lift-study div.larger-image {
	display: none;
	position: absolute;
	left: 75px;
	padding: 8px;
	top: 0;
	color: #ffffff;
	background: url(../img/carousel/carousel-transparent-bg.png) repeat;
}

.lift-study h4 {
	font-size: 14px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: underline;
	text-transform: uppercase;
}

.lift-study p {
	padding-left: 5px;
	padding-right: 5px;
}

#crane-modal {
	top: 5%;
	width: 480px;
}

#crane-modal .modal-header .close {
	margin-top: -25px;
}

.crane-body {
	max-height: 640px;
	overflow: hidden;
	padding: 0;
	width: 480px;
}

/* Popup
------------------------------------------------------------- */

/* Magnific Popup CSS */
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8;
	filter: alpha(opacity=80); }

.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}

.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle; }

.mfp-align-top .mfp-container:before {
	display: none; }

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto; }

.mfp-ajax-cur {
	cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out; }

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
	cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none; }

.mfp-loading.mfp-figure {
	display: none; }

.mfp-hide {
	display: none !important; }

.mfp-preloader {
	color: #cccccc;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044; }
.mfp-preloader a {
	color: #cccccc; }
.mfp-preloader a:hover {
	color: white; }

.mfp-s-ready .mfp-preloader {
	display: none; }

.mfp-s-error .mfp-content {
	display: none; }

button.mfp-close, button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none; }
button::-moz-focus-inner {
	padding: 0;
	border: 0; }

.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	filter: alpha(opacity=65);
	padding: 0 0 18px 10px;
	color: white;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
	opacity: 1;
	filter: alpha(opacity=100); }
.mfp-close:active {
	top: 1px; }

.mfp-close-btn-in .mfp-close {
	color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: white;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%; }

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #cccccc;
	font-size: 12px;
	line-height: 18px; }

.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	filter: alpha(opacity=65);
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
	margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
	opacity: 1;
	filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: 0.7; }

.mfp-arrow-left {
	left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
	border-right: 17px solid white;
	margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
	margin-left: 25px;
	border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
	right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
	border-left: 17px solid white;
	margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
	border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px; }
.mfp-iframe-holder .mfp-close {
	top: -40px; }

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: black; }

/* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
	line-height: 0; }
.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #444444; }
.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px; }
.mfp-figure figure {
	margin: 0; }

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto; }

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-wrap: break-word;
	padding-right: 36px; }

.mfp-image-holder .mfp-content {
	max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
	/**
			 * Remove all paddings around the image on small screen
			 */
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0; }
	.mfp-img-mobile img.mfp-img {
		padding: 0; }
	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0; }
	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px; }
	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, 0.6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; }
	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0; }
	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px; }
	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		text-align: center;
		padding: 0; } }

@media all and (max-width: 900px) {
	.mfp-arrow {
		-webkit-transform: scale(0.75);
		transform: scale(0.75); }
	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0; }
	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%; }
	.mfp-container {
		padding-left: 6px;
		padding-right: 6px; } }

.mfp-ie7 .mfp-img {
	padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 5px;
	padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
	padding: 0; }
.mfp-ie7 .mfp-content {
	padding-top: 44px; }
.mfp-ie7 .mfp-close {
	top: 0;
	right: 0;
	padding-top: 0; }


/* Videos Page
------------------------------------------------------------- */

#thorpe-marsh-large {
	border-top: 2px solid #ED513B;
	border-bottom: 2px solid #006BA7;
	padding-top: 9px;
	height: 300px;
	background: url(../img/play_thorpe_marsh_large.png) no-repeat center #ffffff;
}

/* Enquries Pages
-------------------------------------------------------------- */

.enquiry-form {
}

.enquiry-form .controls {
	margin-left: 0;
}

.enquiry-form input, .enquiry-form textarea {
	border-radius: 0;
	border: 1px solid #6f7070;
	height: 28px;
	width: 605px;
}

.enquiry-form textarea {
	height: 150px;
}

.supplier-form .controls {
	margin-left: 0;
}

.supplier-form .control-label {
	text-align: left;
}

.supplier-form textarea {
	height: 150px;
	border: 1px solid #6f7070;
	width: 445px;
	border-radius: 0;
}

.supplier-form input, .supplier-form select {
	border: 1px solid #6f7070;
	height: 28px;
	border-radius: 0;
	width: 445px;
}

.supplier-form select {
	width: 460px;
	height: 35px;
}

p.intro-text {
	border-top: 1px solid #5C5C5F;
	border-bottom: 1px solid #5C5C5F;
	padding-bottom: 10px !important;
	padding-top: 10px !important;
}

p.indent {
	margin-left: 200px;
}

.button-send {
	background: #026aa9;
	color: #ffffff;
	text-transform: uppercase;
	border: none;
	padding: 10px;
	display: block;
	height: 40px !important;
	width: 80px !important;
}

span.wpcf7-not-valid-tip {
	left: 6px !important;
	top:0 !important;
	border: none !important;
}

div.wpcf7-validation-errors {
	border: none !important;
}

div.wpcf7-response-output {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

div.wpcf7-mail-sent-ok {
	border: none;
}

.google-map {
	border: 1px solid #5C5C5F;
	padding: 1px;
	margin-bottom: 40px;
}

.address-box {
	border-top: 2px solid #f04f40;
	border-bottom: 2px solid #026aa9;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-top: 15px;
	width: 250px;
}

.directions-box {
	background: url(../img/icons/icon-location.png) no-repeat center 30px #eeedec;
	border: 1px solid #787677;
	height: 172px;
	position: relative;
}

a.clickable-box {
	background: none;
	bottom: 0;
	height: 175px;
	margin-top: 0;
	position: absolute;
	width: 220px;
}

.directions-box a {
	color: #026aa9;
	line-height: 25px;
	text-decoration: underline;
	display: block;
	font-size: 15px;
	margin-top: 95px;
}

.directions {
	margin-bottom: 30px;
	margin-top: 30px;
}

.site-directions:last-child {
	margin-bottom: 40px;
}

/* Publications Page
------------------------------------------------------------- */

.publication {
	min-height: 490px;
	border: none !important;
}

.publication img {
	height: auto;
}


.caption h3 {
	color: #58595B;
	text-align: center;
	font-size: 16px;
}

.caption a {
	margin-top: 20px;
}

/* Accreditions / Memberships Page
-------------------------------------------------------------- */

ul.accreditions {
	margin-left: 0;
}

ul.accreditions li {
	display: inline-block;
	float: left;
	list-style: none;
	width: 300px;
	height: 175px;
	margin-right: 10px;
	margin-bottom: 40px;
}

ul.accreditions li h3 {
	text-align: center;
	font-size: 18px;
}

/* Footer
-------------------------------------------------------------- */

.red-line {
	height: 9px;
	background: url(../img/red-line-bg.jpg) repeat;
	margin-bottom: 5px;
}

#footer .divider {
	color: #ffffff;
	font-size: 15px;
	display: inline-block;
	margin-left: 10px;
	margin-right: 20px;
}

#footer h3 {
	color: #ffffff;
}

#footer ul {
	margin-top: 10px;
}

#footer ul li {
	font-size: 16px;
	margin-right: 20px;
	display: inline-block;
}

#footer ul li a {
	color: #ffffff;
}
p.copyright {
	margin-top: 15px;
	color: #8acef2;
	font-size: 12px;
}

p.address {
	color: #ffffff;
	margin-bottom: 25px;
}

ul.iso-marks {
	margin-left: 0;
}

ul.iso-marks li {
	margin-right: 10px !important;
}

ul.iso-marks li:last-child img {
	margin-top: -3px;
}

.koodoo-branding {
	margin-top: -40px;
}

a.koodoo {
	background: url("../img/icons/koodoo.png") no-repeat scroll left top transparent;
	height: 20px;
	display: block;
	margin-top: 10px;
	text-indent: -9000px;
	width: 20px;
}

.address-block {
	margin-top: 5px;
}

.koodoo_text {
	font-size: 11px;
	color: #8ACEF2;
}

.registration-no {
	font-size: 14px;
}

/* Cookie Control
----------------------------------------------------------------------------- */

.ccc-inner h2, .ccc-expand {
	background-color: #0069a6 !important;
}

.ccc-inner h2 {
	height: 28px !important;
	padding: 0 9px 8px 44px !important;
}

.ccc-inner a {
	color: #0069a6 !important;
}

.ccc-outer {
	border: 1px solid #0069a6 !important;
}

div#ccc-icon button {
	background: url(../img/cookie-control-logo.png) no-repeat 0 0 !important;
	height: 50px !important;
	background-position: 0 !important;
	width: 50px !important;
}