/* Make your changes in style.css */

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

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

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

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


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

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

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

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


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

html,
button,
input,
select,
textarea,
.placeholder {
    font-family: inherit;
}

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

body {
    margin: 0;
}

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

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

a:focus {
    outline: thin dotted;
}

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

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

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

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

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

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

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

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

dfn {
    font-style: italic;
}

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

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

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

p,
pre {
    margin: 1em 0;
}

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

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

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

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

q {
    quotes: none;
}

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

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

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

small {
    font-size: 80%;
}

/*
 * Prevents `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
   ========================================================================== */

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

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

dd {
    margin: 0 0 0 40px;
}

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

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

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

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

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

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

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

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

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

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

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

figure {
    margin: 0;
}

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

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

form {
    margin: 0;
    padding:0;
}

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

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

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */

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

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves 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 */
    border-radius: 0;
}

button,
input,
textarea {
    -webkit-appearance: none;
}

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

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 * 5. Removes outline on click on webkit/chrome
 */

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

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

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

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 * 4. Box sizing polyfill
 */

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

input[type="radio"] {
	-webkit-appearance: radio;
	border-radius: 10px;
}

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

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

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

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

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

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

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

img {
    vertical-align: middle;
    max-width: 100%;
}

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

textarea {
    resize: vertical;
}

.lt-ie7 input {
	vertical-align: text-bottom;
}

.lt-ie8 input[type="checkbox"] {
    vertical-align: baseline;
}

/* --------------------------- base styles --------------------------- */

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(/css/boxsizing.htc); /* Box sizing polyfill for ie7 */
}

html {
	overflow-y: scroll;
	height:100%;
}

body {
    font-size: 13px;
    line-height: 1.462;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	height:100%;
}

/* Text selection colour */

::-moz-selection {
    background: #0f55c4;
    color:#fff;
    text-shadow: none;
}

::selection {
    background: #0f55c4;
	color:#fff;
    text-shadow: none;
}

/* Horizontal Rule */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ddd;
    color:#333;
    margin: 2em 0;
    padding: 0;
    clear:both;
}

p {
	margin-top: 0;
}

p:last-child {
  margin-bottom:0;
}

a {
    color: #000;
	text-decoration: none;
}

/* --------------------------- form styles --------------------------- */

.row {
	float: left;
	display: inline;
	width: 100%;
	margin: 0 0 2%;
}

label {
	display: inline;
	float: left;
	margin: 0 0 1%;
}

.row small {
	display:none;
}

.text, textarea, select {

}

.row .text, .row textarea, .row select, .placeholder {
	float: left;
	display: inline;
	width: 100%;
	padding: 0.5em;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(/css/boxsizing.htc); /* Box sizing polyfill for ie7/8 */
}

/* non-HTML5 placeholder script */

.placeholder {
	position: absolute;
	width: auto;
	top: 0;
	left: 0;
	cursor: text;
}

.formInline .row .inlineWithButton input {
	width:auto;
	margin-right:15px;
}

input, textarea, select, label {
    box-shadow: 0 0 0;
    outline: 0;
}

/* For hiding the anti spam field */

.contact-answer {
	display:none;
}

/* Checkbox */

.checkbox input {
	float:left;
	display:inline;
	margin:2%;
	padding: 0;
	*height: 13px;
	*width: 13px;
}

/* Radio */

.radioWrap ul {
	margin:0;
	padding:0;
	float:left;
	display:inline;
	width:70%;
}

.radioWrap ul li {
	list-style-type:none;
}

/* Inline Form Styles */

.formInline .row label {
	width:30%;
}

.formInline .row .text, .formInline .row textarea, .formInline .row select {
	width:70%;
}

/* Notification Styles */

/* ------------------------------------------------ alert styles ------------------------------------------------ */

.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 20px;
	color: #C09853;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #FCF8E3;
	border: 1px solid #FBEED5;
	border-radius: 2px;
}

.alert p{
	margin: 0; padding: 0;
}

.success, .error {
	background: #DFF0D8;
	color: #468847;
	border: 1px solid #D6E9C6;
	padding: 15px;
	border-radius: 2px;
	margin: 0 0 15px 0;
}

.error {
	background: #F2DEDE;
	color: #B94A48;
	border: 1px solid #EED3D7;
}

.success ul, .error ul {
	margin: 0;
	padding: 0 0 0 15px;
}

.success li, .error li {
	background: none;
	padding: 0;
	margin: 0;
}

input.inputError, input textarea, .inputError {
	border-color: #B94A48;
}

/* Clear fix (clear floated elements so they have weight in the page) */

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

/* Clearing for general use e.g. <br class="clear" /> */

.clear {
	clear:both;
}

/* Last for zeroing right margin */

.last {
	margin-right:0 !important;
}

/* First for clearing rows */

.first {
	clear:both;
}

/* Relative positioning */

.relative {
	position:relative;
}

/* --------------------------- Images --------------------------- */

img {
	max-width: 100%;
}

.left, .alignleft {
	float: left;
	display: block;
}

.right, .alignright {
	float: right;
	display: block;
}

/* --------------------------- Placeholder styling --------------------------- */

::-webkit-input-placeholder {
	color: #999;
}

:-moz-placeholder { /* Firefox 18- */
	color: #999;
}

::-moz-placeholder {  /* Firefox 19+ */
	opacity: 1;
	color: #999;
}

:-ms-input-placeholder {
	color: #999;
}

.placeholder {
	color: #999;
}

/* --------------------------- Basic list style --------------------------- */

.list {
	margin:0;
	padding:0;
}

.list li {
	float:left;
	display:inline;
	list-style-type:none;
}

.list li a {
	display:block;
}

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

.nav {
	margin: 0;
	padding: 0;
}

	.nav li {
		float:left;
		display: inline;
		position:relative;
	}

	.nav li ul {
/* 		display: none; */
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 400;
		background:#fff;
		margin:0;
		padding:0;
	}

	.nav li ul li {
		float:left;
		display:block;
		width:100%;
	}

	/*
.nav li:hover ul {
		display:block;
	}
*/

		.nav li ul li ul {
			position:absolute;
			top:0;
			left:100%;
		}

/* --------------------------- Edge to edge navigation --------------------------- */

.edgenav {
	margin: 0;
	padding: 0;
	display:table;
	width:100%;
}

	.edgenav li {
		display:table-cell;
		text-align:center;
	}
		.edgenav li a {
			padding: 0 1em;
		}

	.lt-ie8 .edgenav li {
		float:left;
		display:inline;
	}

	.lt-ie8 .edgenav li a {
		margin:5px 10px;
		display:block;
	}

	.edgenav li ul {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 400;
		background:#fff;
		margin:0;
		padding:0;
	}

	.edgenav li ul li {
		float:left;
		display:block;
		width:100%;
		white-space:nowrap;
	}

	.edgenav li:hover ul {
		display:block;
	}

/* --------------------------- Pagination ------------------------------ */

.pagination {
	margin:0;
	padding:0;
}

.pagination li {
	list-style-type:none;
	float:left;
	display:inline;
	margin-bottom:10px;
}

.pagination li a {
	float: left;
	text-align: center;
}

.paginumberorder form {
	float: right;
	margin-left:10px;
}

/* --------------------------- Credits Style --------------------------- */

#credits:hover {
	cursor:pointer;
}

#credits a strong {
	text-transform: lowercase;
}

#credits a:hover strong {
	color:#0F55C4;
}

/* Checkbox rows */

.checkboxgroup {
	margin:0;
	padding:0;
	display:table;
	clear:both;
}

.checkboxgroup li {
	list-style-type:none;
	display:table-cell;
}

.checkboxgroup li input, .checkboxgroup li label {
	float:left;
	display:inline;
}

/* Buttons! */

.button, .buttonAlt {
	cursor:pointer;
	text-align:center;
	font-size:1.2em;
}

.button i, .buttonAlt i {
	padding-left: 0.25em;
}

/* Button Sizing */

.buttonSmall {
	font-size:1em;
}

.buttonLarge {
	font-size:1.8em;
}

/* Button Grouping */

.buttongroup {
	float:left;
	display:inline;
	width:100%;
	clear:both;
}

.buttongroup .button {
	float:left;
	display:block;
	margin-right:2%;
	border-right:0;
}

/* Tables */

table {
	width:100%;
}

td, th {
	padding:0.5em;
	text-align:left;
}

legend {
	display:none;
}

.style-table td, .style-table th {
	padding:0.5em;
}

.style-table th {
	background:#333;
	color:#fff;
}

.style-table tr {
	border-bottom:1px solid #ddd;
	background:#f1f1f1;
}

.style-table tr:nth-child(even) {
	background:#f7f7f7;
}

/* Sort of responsive grid */

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6,
.grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	float:left;
    display:inline;
    margin-bottom:2%;
    margin-right:2%;
    border:0px solid rgba(0,0,0,0);
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
    *behavior: url(/css/boxsizing.htc); /* Box sizing polyfill for ie7/8 */
}

.grid_1:after, .grid_2:after, .grid_3:after, .grid_4:after, .grid_5:after, .grid_6:after,
.grid_7:after, .grid_8:after, .grid_9:after, .grid_10:after, .grid_11:after, .grid_12:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6,
.grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	display: inline-block;
}

html[xmlns] .grid_1, html[xmlns] .grid_2, html[xmlns] .grid_3,
html[xmlns] .grid_4, html[xmlns] .grid_5, html[xmlns] .grid_6,
html[xmlns] .grid_7, html[xmlns] .grid_8, html[xmlns] .grid_9,
html[xmlns] .grid_10, html[xmlns] .grid_11, html[xmlns] .grid_12 {
	display: block;
}

* html .grid_1, * html .grid_2, * html .grid_3, * html .grid_4, * html .grid_5, * html .grid_6, * html .grid_7, * html .grid_8, * html .grid_9, * html .grid_10, * html .grid_11, * html .grid_12 {
	height: 1%;
}

.grid_1 { width:6.5%;   }
.grid_2 { width:15.0%;  }
.grid_3 { width:23.5%;  }
.grid_4 { width:32.0%;  }
.grid_5 { width:40.5%;  }
.grid_6 { width:49.0%;  }
.grid_7 { width:57.5%;  }
.grid_8 { width:66.0%;  }
.grid_9 { width:74.5%;  }
.grid_10 { width:83.0%; }
.grid_11 { width:91.5%; }
.grid_12 { margin-right:0; width:100%; }

.nobottommargin {
	margin-bottom:0;
}

/* Maps */

/* max-width: none; overrides max-width: 100% from above which distorts the icons on gmaps */

#map img {
	max-width: none;
}

/* CENTER ELEMENTS */

.centerPush {
	position: relative;
	float: left;
	left: 50%;
}

.centerPull {
	position: relative;
	float: right;
	right: 50%;
}

/* Overlay */

.bgCover {
	background:#090909;
	background:rgba(0,0,0,0.5);
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
	z-index:6000;
}

.overlayBox {
	position: fixed;
	background:#fff;
	z-index:6100;
	padding:30px;
	max-width:980px;
	width:80%;
}

.overlayclosebutton {
	position: absolute;
	top: -30px;
	right: 0px;
	color: #fff;
	font-size:12px;
	display: block;
	cursor: pointer;
}

/* IE6 Message Wrap */

.ie6messagewrap {
	display:block;
	width:100%;
	padding:15px 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background: #F2DEDE;
	color: #B94A48;
	border-bottom: 1px solid #EED3D7;
	text-align:center;
}

.ie6messagewrap span {
	text-decoration:underline;
}


/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 5px;
	height: 100%;
	background: #f4f4f4;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: #f4f4f4;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #d6d6d6;
	position: relative;
	border-radius: 5px;
}

.jspDrag
{
	background: #6d6d6d;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	border-radius: 5px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
	margin: 0 -3px 0 0;
}

/* Mobile Select Style */
select.mobile {
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: 0;
	cursor: pointer;
	z-index: 998;
}
/*
a[href*='://']:not([href*='kafka.co.uk']):not([target='_blank']) {
    outline: 1px dotted skyblue;
}*/