/*
 * Roboto font data copyright Google 2012
 *
 * License: Apache License Version 2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 */
@font-face {
	font-family : 'robotothin';
	src         : url('../fonts/Roboto-Thin-webfont.eot');
	src         : url('../fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Roboto-Thin-webfont.woff') format('woff'),
	url('../fonts/Roboto-Thin-webfont.svg#robotothin') format('svg');
url('Roboto-Thin-webfont.ttf') format('truetype'), font-weight : normal;
	font-style  : normal;

}

@font-face {
	font-family : 'robotolight';
	src         : url('../fonts/Roboto-Light-webfont.eot');
	src         : url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Roboto-Light-webfont.woff') format('woff'),
	url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
url('Roboto-Light-webfont.ttf') format('truetype'), font-weight : normal;
	font-style  : normal;

}

* {
	margin  : 0;
	padding : 0;
	outline : 0;
}

html, body {
	/*height : 100%;*/
}

body {
	color       : black;
	background  : white;
	font-family : robotolight, Verdana, Helvetica, sans serif;
	font-size   : 16px;
	line-height : 1.5;
	padding-top : 88px;
}

a {
	color           : black;
	text-decoration : none;
	outline         : 0;
}

a:visited {
	color : black;
}

a:hover {
	/*color : #007aae;*/
}

a.anchor {
	position : relative;
	top      : -100px;
	display  : block;
	height   : 0;
	width    : 0;
}

:focus {
	outline : none;
}

::-moz-focus-inner {
	border : 0;
}

h1, h2, h3 {
	font-family : robotothin, Verdana, Helvetica, sans serif;
	margin      : 0.5em 0;
	font-weight : normal;
	line-height : 1.2;
}

h1 {
	font-size : 300%;
}

h2 {
	font-size     : 225%;
	margin-bottom : 0.75em;
}

h3 {
	font-size     : 150%;
	margin-bottom : 1em;
}

h1.centred, h2.centred, h3.centred {
	text-align : center;
}

/*
The comma in the breakpoint spec below *should* function as a boolean "or",
but on Android the query doesn't work if you change it to the more explicit
form.
 */
@media only screen and
(-webkit-min-device-pixel-ratio : 1.25), (min-resolution : 120dpi) {

	h1 {
		font-size : 250%;
	}

	h2 {
		font-size : 175%;
	}
}

ul {
	margin     : 0 0 1.5em 2em;
	list-style : none;
}

ol {
	margin : 0 0 1.5em 3em;
}

li {
	padding : 3px 0;
}

nav li {
	padding : 0;
}

nav li ul {
	margin-left : 1em;
}

li a:hover {
	color : #007AAE;
}

p {
	margin-bottom : 1.5em;
	font-size     : 110%;
}

p.center {
	text-align : center;
}

p.standfirst {
	font-weight : bold;
}

img {
	border    : none;
	max-width : 100%;
}

@media only screen and (min-width : 950px) {
	img.zoomable:hover {
		cursor : pointer;
	}
}

sub, sup {
	font-size : 60%;
}

div.table-container {
	margin     : 0;
	padding    : 0;
	overflow-x : auto;
}

table {
	width           : 100%;
	border-collapse : collapse;
	margin-bottom   : 1em;
	margin-left     : auto;
	margin-right    : auto;
	/*max-width       : 750px;*/
}

@media screen and (max-width : 640px) {
	table {
		overflow-x : auto;
		/*display    : block;*/
	}
}

td,
th {
	vertical-align : top;
	border         : 1px solid #BFBFBF;
	padding        : 0.75em;
	/*font-size:110%;*/
}

td.centred {
	text-align : center;
}

table.card td.link {
	padding : 0;
}

table.card a {
	display : block;
	height  : 100%;
	padding : 0.75em;
	/*position: absolute;*/
	/*top:0;*/
	/*bottom:0;*/
	/*right:0;*/
	/*left:0;*/
}

th.country {
	width : 25%;
}

hr {
	border     : 0;
	height     : 1px;
	background : #E8E8E8;
	margin     : 2em 0 0;
	clear      : both;
}

hr.blue {
	background : #007AAE;
}

.disabled {
	color : #BBBBBB;
}

div#messagebox {
	width         : 30em;
	margin        : 5% auto 2em;
	padding       : 2em;
	border        : 1px solid #BFBFBF;
	border-radius : 10px;
	box-shadow    : 10px 10px 10px #BFBFBF;
}

@media only screen and (max-width : 750px) {
	div#messagebox {
		width  : 60%;
		margin : 50px auto;
	}
}

div#messagebox form,
div#messagebox button {
	margin : 0;
}

.warning,
p.warning,
span.warning {
	color       : red !important;
	font-weight : bold;
}

span.warning a {
	color : red;
}

div.warning {
	color         : red !important;
	border        : 1px solid red;
	padding       : 0.5em 1em;
	text-align    : center;
	margin-bottom : 20px;
}

div.warning h2,
div.warning h3 {
	color         : red !important;
	margin-bottom : 10px !important;
}

div.warning p:last-of-type {
	margin : 0.5em;
}

div.warning.covid p {
	font-weight   : normal;
	margin-bottom : 1em;
}

div.warning a {
	color           : red;
	background      : none !important;
	text-decoration : underline !important;
	margin          : 0;
}

div.important-notice {
	color         : #269E20;
	border        : 1px solid #269E20;
	padding       : 0.5em 1em;
	text-align    : center;
	margin-bottom : 20px;
}

@media (-webkit-min-device-pixel-ratio : 1.25), (min-resolution : 120dpi) {
	div.important-notice {
		margin-left   : 1em;
		margin-right  : 1em;
		margin-bottom : 20px;
	}
}

div.important-notice h2,
div.important-notice h3 {
	color         : #269E20 !important;
	margin-bottom : 10px !important;
}

div.important-notice p:last-of-type {
	margin : 0.5em;
}

div.important-notice a {
	color           : #269E20;
	background      : none !important;
	text-decoration : underline !important;
	margin          : 0;
}

details {
	display       : inline-block;

	border        : 1px solid white;
	border-radius : 4px;
	padding       : .5em .5em 0;
	margin-bottom : 1em;
}

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

summary {
	color            : white;
	background-color : #A1A2A2;
	font-weight      : bold;
	margin           : -.5em -.5em 0;
	padding          : .5em;
	border-radius    : 4px;
}

summary:hover {
	cursor : pointer;
}

details[open] {
	border  : 1px solid #AAAAAA;
	padding : .5em;
}

details[open] summary {
	border-bottom    : 1px solid #AAAAAA;
	margin-bottom    : .5em;
	color            : #00ADEF;
	background-color : white;
}

/*
 * =============================================================================
 * HEADER
 * =============================================================================
 */
#header-sticky {
	z-index       : 9999;
	width         : 100%;
	height        : 87px;
	border-bottom : 1px solid #E8E8E8;
	background    : white;
}

#header-sticky-experiment {
	position      : fixed;
	top           : 0;
	left          : 0;
	z-index       : 9999;
	width         : 100%;
	border-bottom : 1px solid #E8E8E8;
	background    : white;
}

#header-sticky-content {
	margin    : 0 auto !important;
	padding   : 0;
	max-width : 1000px;
}

#header-sticky h1 {
	padding : 0;
	margin  : 0 auto;
}

#header-sticky.is-stuck {
	position      : fixed;
	left          : 0;
	top           : 0;
	border-bottom : 1px solid #E8E8E8;
}

/*
 * =============================================================================
 * NAVIGATION MENU
 * =============================================================================
 */
div#nav-container {
	position : relative;
	width    : 100%;
	padding  : 0;
	margin   : 0;
}

div#nav-container img {
	margin : 16px 0 0 1em;
}

ul#nav-menu {
	list-style    : none;
	float         : right;
	margin-bottom : 0;
	margin-left   : 0;
	margin-right  : 10px;
}

ul#nav-menu li {
	display : inline-block;
	padding : 0;
}

ul#nav-menu li.sub-menu {
	position : relative;
	padding  : 0;
}

ul#nav-menu li a {
	display : block;
	padding : 29px 0.5em 0 0.5em;
	height  : 58px;
}

ul#nav-menu li a.button.members {
	height  : initial;
	padding : 5px;
}

ul#nav-menu li a.button.members:hover {
	background-color : #00ADEF;
}

ul#nav-menu li a.flag {
	margin-top : -5px !important;
}

ul#nav-menu li a.flag img {
	margin         : -2px 0;
	vertical-align : middle;
}

ul#nav-menu li a:hover {
	color : #007AAE;
}

ul#nav-menu li a.selected {
	background : #F5F5F5;
}

a#global-nav-button {
	display    : none;
	width      : 26px;
	height     : 26px;
	background : url(../images/icons/menu.png) center center no-repeat;
	transition : all 1s;
}

a#global-nav-button:hover {
	background : url(../images/icons/menu_hover.png) center center no-repeat;
}

div.menu-container {
	display    : none;
	background : #F5F5F5;
	position   : absolute;
	width      : 1000px;
	min-height : 100px;
	overflow   : auto;
	top        : 87px;
	right      : 0;
	z-index    : 10;
}

div.menu-container p {
	margin    : 1.5em;
	font-size : 90%;
}

div.menu-container ul {
	list-style : none;
}

div.menu-container ul.sub-menu {
	width  : 30%;
	margin : 2.95em 1em;
}

div.menu-container ul.sub-menu li {
	border-top : 1px solid #BFBFBF;
	padding    : 0;
}

div.menu-container ul.sub-menu li.nav-trigger {
	display      : inline-block;
	width        : 93%;
	padding      : 10px;
	border-left  : 1px solid #F5F5F5;
	border-right : 1px solid #BFBFBF;
	z-index      : 100 !important;
}

div.menu-container ul.sub-menu li.nav-trigger::after {
	/*This is the right arrow icon - CSS-only */
	content       : "";
	display       : table;
	border-right  : 3px solid #BFBFBF;
	border-bottom : 3px solid #BFBFBF;
	width         : 8px;
	height        : 8px;
	margin-top    : 6px;
	margin-right  : 5px;
	transform     : rotate(315deg);
	float         : right;
}

div.menu-container ul.sub-menu li:last-child {
	border-bottom : 1px solid #BFBFBF;
}

div.nav-reveal {
	display       : none;
	background    : #DDDDDD;
	position      : absolute;
	left          : 317px;
	top           : 2.95em;
	width         : 41.5em;
	height        : auto;
	border-top    : 1px solid #BFBFBF;
	border-bottom : 1px solid #BFBFBF;
	border-right  : 1px solid #BFBFBF;
	z-index       : 50;
}

div.nav-reveal a:hover {
	color : #007AAE;
}

div.nav-reveal ul {
	display : block;
	width   : 45%;
	margin  : 8px 1em;
}

div.nav-reveal ul.sub-sub-menu h3 {
	font-size   : 100%;
	font-weight : normal;
	color       : #007AAE;
	margin-left : 2px;
}

div.nav-reveal ul li a {
	display : inline-block;
	padding : 2px;
}

div.nav-reveal ul.right {
	float        : right;
	padding-left : 1em;
	border       : none;
}

div.nav-reveal ul li {
	width   : auto !important;
	padding : 0 !important;
	border  : none !important;
}

div.menu-wrapper a.flag {
	display  : block;
	float    : left;
	position : relative;
	padding  : 0 60px 0 0;
	margin   : 0;
}

div.menu-wrapper img.flag {
	padding-top   : 20px;
	padding-left  : 15px;
	padding-right : 5px;
	margin        : 0;
}

div.menu-wrapper img.flag {
	padding-top   : 10px;
	padding-left  : 15px;
	padding-right : 5px;
	margin        : 0;
}

div.menu-wrapper span.language-code {
	display  : inline-block;
	position : absolute;
	top      : 37px;
}

a.trigger img.flag {
	margin         : 0;
	padding        : 0;
	vertical-align : middle;
}

div.displayinitial {
	display : block !important;
}

div.displayblock {
	display : block !important;
}

.canary {
	border : 1px solid red !important;
}

div.menu-freeform h3 {
	text-align  : left;
	color       : #007AAE;
	font-weight : bold;
	margin      : 0.6em 0.6em 0.6em 0.8em;
}

div.menu-freeform {
	text-align: center;
}

div.menu-freeform p {
	text-align:left;
	font-size : 100%;
	margin-bottom: 0.5em;
}

div.menu-freeform p a {
	color       : #00A4E8 !important;
	font-weight : bold;
	/*font-size : 100%;*/
	font-size : 125%;
	display:inline-block;
	padding : 0 1em;
	border-bottom: none;
	transition : all 0.5s ease;
}

div.menu-freeform p a:hover {
	color : white !important;
	text-decoration: underline;
	background-color: transparent !important;
}

/*
 * MEMBERS DROP-DOWN
 */
div.menu-container.tiny {
	width : 300px;
}

@media only screen and (max-width : 999px) {

	a#global-nav-button {
		display : block;
		float   : right;
		margin  : 30px 20px 0 0;
	}

	ul#nav-menu {
		display       : none;
		position      : absolute;
		top           : 88px;
		right         : 0;
		width         : 200px;
		background    : #F5F5F5;
		z-index       : 1000;
		border-left   : 1px solid #E8E8E8;
		border-bottom : 1px solid #E8E8E8;
		margin        : 0;
	}

	ul#nav-menu li {
		display       : block;
		width         : 100%;
		padding       : 0;
		margin        : 0;
		border-bottom : 1px solid #E8E8E8;
	}

	ul#nav-menu li a {
		width   : 90%;
		padding : 5%;
		margin  : 0;
		height  : auto;
	}

	div.menu-container {
		margin  : 0;
		padding : 0;
		width   : 200px;
		z-index : 1001;
	}

	div.menu-wrapper ul.sub-menu {
		width  : 200px;
		margin : 0;
	}

	div.menu-wrapper ul.sub-menu:hover {
		cursor : pointer;
	}

	div.menu-wrapper ul.sub-menu {
		width : 200px;
	}

}

@media only screen and (min-width : 999px) {
	ul#nav-menu {
		display  : initial;
		position : relative;
		top      : auto;
		left     : auto;
	}
}

/*
 * =============================================================================
 * HOME PAGE HERO SECTION
 * =============================================================================
 */
div#hero {
	height                      : 87vh;
	max-width                   : 100%;
	overflow                    : auto;
	font-family                 : robotothin, Verdana, Helvetica, sans serif;
	-webkit-transform           : translateZ(0px);
	-webkit-backface-visibility : hidden;
	-moz-backface-visibility    : hidden;
	backface-visibility         : hidden;

	background-image            : url("/images/resources/home.png");
	background-size             : cover;
	background-position         : center;
	/*background-size: contain;*/
	background-repeat           : no-repeat;
}

div#hero-content {
	width        : 100%;
	position     : absolute;
	top          : 45%;
	text-align   : center;
	transform    : translateY(-50%);
	margin-left  : auto;
	margin-right : auto;
}

div#hero-content h1 {
	color         : white;
	font-size     : 300%;
	padding-left  : 1em;
	padding-right : 1em;
	font-weight   : normal;
}

div#hero-content p {
	font-size     : 150%;
	color         : white;
	margin-top    : 0;
	margin-bottom : 1em;
}

div#hero-content span.ul {
	text-decoration : underline;
}

div#hero-content a.icon-link {
	display     : inline-block;
	color       : white;
	border      : none;
	font-weight : normal;
	padding     : 10px 10px 10px 25px;
	font-size   : 130%;
	transition  : none;
}

div#hero-content a {
	display   : block;
	width     : 50%;
	color     : white;
	padding   : 10px 10px 10px 25px;
	font-size : 130%;
	margin    : 0 auto;
}

div#hero-content a.icon-link:hover {
	color : #007AAE;
}

div#hero-content a.icon-link {
	background : url(../images/icons/arrow-non-hover.png) center left no-repeat;
}

div#hero-content a.icon-link:hover {
	background : url(../images/icons/arrow-hover.png) center left no-repeat;
}

@media only screen and (max-width : 549px) {
	div#hero-content {
		top    : 35%;
		width  : 100%;
		margin : 0;
	}

	div#hero-content a.icon-link {
		display   : block;
		width     : 100px;
		font-size : 100%;
		margin    : 0 auto;
	}

}

div#hero img#scroll-icon {
	position : absolute;
	bottom   : 25px;
	left     : 50%;
}

/*
 * =============================================================================
 * HOME PAGE FULL SCREEN VIDEO PLAYER
 * =============================================================================
 */
a#home-video-link {
	display      : inline-block;
	background   : url('../images/icons/playvid-white.png') center left no-repeat transparent;
	padding-left : 30px;
	font-size    : 130%;
	color        : white;
}

a#home-video-link:hover {
	background : url('../images/icons/playvid-blue.png') center left no-repeat transparent;
	color      : #007AAE;
}

div#home-video-overlay {
	display    : none;
	position   : absolute;
	top        : 0;
	left       : 0;
	width      : 100%;
	height     : 100%;
	background : url('../images/icons/loading.gif') center center no-repeat black;
	z-index    : 99995;
}

div#home-video-overlay iframe {
	position : fixed;
	top      : 0;
	left     : 0;
	width    : 100%;
	height   : 95%;
}

a#home-video-close-link {
	display    : block;
	position   : fixed;
	bottom     : 0;
	right      : 0;
	width      : 50px;
	height     : 50px;
	background : url('../images/icons/close.png') center center no-repeat black;
	z-index    : 99999;
}

div#video-home-controls {
	display    : block;
	position   : fixed;
	bottom     : 0;
	left       : 0;
	width      : 100%;
	height     : 60px;
	background : white;
	color      : black;
	z-index    : 99998;
}

div#video-home-controls button {
	display     : block;
	position    : fixed;
	bottom      : 0;
	width       : 60px;
	height      : 60px;
	padding     : 0;
	margin      : 0;
	background  : white;
	color       : black;
	text-indent : -9999px;
}

div#video-home-controls span#video-time {
	display    : block;
	position   : fixed;
	bottom     : 0;
	left       : 60px;
	/*border-right : 1px solid #E8E8E8;*/
	width      : 50px;
	height     : 40px;
	padding    : 20px 0 0 20px;
	margin     : 0;
	background : white;
	color      : #285485;
}

div#video-home-controls button#video-play {
	left         : 0;
	background   : url(../images/icons/pause.png) no-repeat center white;
	border-right : 1px solid #E8E8E8;
}

div#video-home-controls button#video-close {
	right       : 0;
	background  : url(../images/icons/close.png) center center no-repeat white;
	border-left : 1px solid #E8E8E8;
}

div#video-home-controls button#video-play:hover {
	/*background   : url(../images/icons/pause.png) no-repeat center white;*/
	cursor : pointer;
}

div#video-home-controls button#video-close:hover {
	/*background : url(../images/icons/close.png) center center no-repeat white !important;*/
	cursor : pointer;
}

div#video-home-controls div#progress-wrapper {
	margin : 0 80px 0 130px;
}

div#video-home-controls div#progress-container {
	width      : 100%;
	height     : 8px;
	background : #E8E8E8;
	border     : 1px solid #E8E8E8;
	margin     : 27px auto;
}

div#video-home-controls div#progress-bar {
	width      : 1px;
	height     : 8px;
	background : #285485;
	transition : width 0.25s;
}

/*
 * ============================================================================
 * PAGE
 * ============================================================================
 */
div.section {
	clear    : both;
	overflow : auto;
	padding  : 2em;
}

div.section-text {
	display     : inline-block;
	text-align  : left;
	max-width   : 500px;
	padding-top : 100px;
}

div.section-image {
	width           : 50%;
	height          : 700px;
	background-size : cover;
}

div.section h2 {
	margin : 0.5em 0 0.75em 50%;
}

div.section p {
	text-align : left;
	max-width  : 500px;
	margin     : 0.75em 0 0.25em 50%;
	padding    : 0;
	/*font-size  : 100%;*/
}

div.section img {
	float         : left;
	max-width     : 460px !important;
	margin-top    : 0.5em;
	margin-bottom : 2em;
}

div.section div.page-full img.w3w {
	width  : 26px;
	margin : 2px 10px 0 0;
}

div.section div.page-full img {
	width : 46%;
}

div.section.screenshot img {
	float         : right;
	width         : 256px;
	margin-left   : 2em;
	margin-bottom : 2em;
}

div.section.screenshot p {
	margin    : 0.75em 0 0.25em;
	max-width : none;
}

div.section.screenshot h2 {
	margin : 0 0 0.75em;
}

div.section.no-media h2 {
	margin : 0 0 0.75em;
}

div.section.no-media p {
	margin    : 0.75em 0 0.25em;
	max-width : none;
}

div.section-column {
	float         : left;
	width         : 47%;
	text-align    : left;
	margin-bottom : 1em;
	margin-right  : 1em;
	line-height   : 1;
	color         : white;
}

div.section-column h2 {
	font-size   : 170%;
	font-weight : bold;
	text-align  : left;
	margin-left : 1em;
}

div.section-column li {
	line-height    : 1.5;
	padding-bottom : 10px;
}

div.section-column a {
	color : #DDDDDD;
}

div.section-column a:hover {
	color : white;
}

@media only screen and (max-width : 1000px) {

	div.page-full p {
		font-size : 100%;
	}

	div.section h2 {
		font-size : 150%;
	}

	div.section p {
		font-size : 100%;

	}
}

@media only screen and (max-width : 700px) {
	div.section-column {
		width : 100%;
	}

}

@media only screen and (max-width : 600px) {

	div.section {
		padding-left  : 0;
		padding-right : 0;
	}

	div.section h2 {
		font-size : 150%;
		margin    : 1em 0 0.5em;
	}

	div.section p {
		/*font-size : 90%;*/
		margin    : 1em 0;
		max-width : none;

	}

	div.section div.page-full img {
		width     : 100%;
		max-width : none !important;
		float     : none;
		margin    : 0 auto;
	}
}

a.enquiry-button {
	display       : block;
	/*border        : 1px solid #BFBFBF;*/
	background    : #007AAE none !important;
	color         : white;
	text-align    : center;
	text-shadow   : none !important;
	border-radius : 5px;
	padding       : 10px;
	margin-bottom : 20px;
	transition    : background-color 0.5s ease;
}

a.enquiry-button:hover {
	background : #00A4E8 !important;
	color      : white !important;
}

/*
 * =============================================================================
 * FOOTER
 * =============================================================================
 */
div#footer {
	background : #F3F3F3;
	overflow   : auto;
	font-size  : 80%;
	width      : 100%;
}

div#footer h3 {
	margin  : 0;
	padding : 0.5em;
}

div#footer.fixedfooter {
	position : fixed;
	bottom   : 0;
}

div#footer-content {
	max-width  : 1000px;
	margin     : 0 auto;
	padding    : 1em 0;
	text-align : center;
}

div#footer-content p {
	margin : 0;
}

div.footer-column {
	float         : left;
	width         : 47%;
	text-align    : left;
	margin-bottom : 1em;
	margin-right  : 1em;
	line-height   : 1;
}

@media only screen and (max-width : 800px) {
	div.footer-column {
		width       : 40%;
		margin-left : 6%;
	}

}

@media only screen and (max-width : 750px) {
	div.page-750 {
		padding-left  : 3%;
		padding-right : 3%;
	}
}

@media only screen and (max-width : 575px) {
	div.footer-column {
		float  : none;
		width  : 99%;
		margin : 0;
	}

	div.footer-column li {
		padding-left : 3%;
	}
}

div.footer-column h2 {
	font-size   : 170% !important;
	font-weight : bold !important;
}

h2.bulletin {
	text-align : center;
	color      : #007AAE;
}

div.footer-column ul {
	text-align  : left;
	margin-left : 2px !important;
	list-style  : none;
}

div.footer-column ul li {
	padding-top : 0.5em;
}

div.footer-column ul a:hover {
	/*background : url(../images/link_underline.gif) bottom repeat-x !important;*/
}

div.footer-column a {
	background : none !important;
	font-size  : 80%;
}

p.footer-text {
	clear       : both;
	font-size   : 90%;
	text-align  : center;
	padding-top : 20px;
}

p.members-only {
	display : block;
	float   : right;
	color   : #269E20;
}

p.event-listing-date {
	display : block;
	float   : left;
}

/* Big width here is for stuff like the S7 that has 1440 pixels wide but
is only a wee thing. */
@media only screen and (max-width : 1441px) {
	p.footer-text {
		font-size : 100%;
	}

	p.footer-text span.spacer {
		display : block;
		color   : #F3F3F3;
	}
}

div#cookie-warning {
	width      : 100%;
	background : #DFDFDF;
	text-align : center;
	padding    : 0.5em 0;
	clear      : both;
}

div#cookie-warning p {
	font-size : 90%;
	margin    : 0;
}

div.button-group {
	margin-bottom : 1em;
	clear         : left;
}

@media only screen and (max-width : 1000px) {

	#header-sticky-content {
		padding-left  : 1em;
		padding-right : 1em;
	}

	#base-links {
		display : none;
	}

	div#hero {
		min-height : 30em;
	}

	div#hero h1 {
		font-size   : 200%;
		font-weight : bold;
	}

	div#hero-content p {
		font-size : 100%;
	}

	a.icon-link {
		font-size : 90%;
	}

	div.item-summary {
		width : 100%;
		float : left;
		clear : both;
	}

}

div.stripe-right,
div.stripe-left {
	clear : both;
}

div.accredited-lab-listing {
	position  : relative;
	max-width : 1000px;
	margin    : 0 auto;
	padding   : 0;
	overflow  : visible;
	border    : 1px solid transparent;
    clear     : left;
}

/*
	For some reason I can't fathom, this div needs a border, or the table
	positioning when zoomed on mobile is all out of whack.
 */
div.page-750 {
	position  : relative;
	max-width : 750px;
	margin    : 0 auto;
	padding   : 0;
	overflow  : visible;
	border    : 1px solid transparent;
	clear     : left;
}

a.u-l,
div.page-750.event li a,
div.page-750 p a {
	text-decoration : none;
	/*transition      : all 0.25s ease;*/
	background      : url(../images/link_underline.gif) bottom repeat-x;
	text-shadow     : 0.03em 0 #FFFFF8,
	-0.03em 0 #FFFFF8,
	0 0.03em #FFFFF8,
	0 -0.03em #FFFFF8,
	0.06em 0 #FFFFF8,
	-0.06em 0 #FFFFF8,
	0.09em 0 #FFFFF8,
	-0.09em 0 #FFFFF8,
	0.12em 0 #FFFFF8,
	-0.12em 0 #FFFFF8,
	0.15em 0 #FFFFF8,
	-0.15em 0 #FFFFF8;
}

body.negative div.accredited-lab-listing a,
body.negative div.page-750 a {
	text-decoration : none;
	transition      : all 0.25s ease;
	background      : url(../images/link_underline_dark.gif) bottom repeat-x;
	color           : #BFBFBF;
	/*background      : none;*/
}

body.negative div.page-750 a:hover,
div.page-750 a:hover {
	color : #007AAE;
}

@media only screen and (max-width : 750px) {
	div.accredited-lab-listing h1,
	div.accredited-lab-listing h2,
	div.accredited-lab-listing h3,
	div.page-750 h1,
	div.page-750 h2,
	div.page-750 h3 {
		margin-left  : 3%;
		margin-right : 3%;
	}

	div.accredited-lab-listing p,
	div.page-750 p {
		margin-left  : 3%;
		margin-right : 3%;
	}
}

div.page-750 img {
	margin-bottom : 1.5em;
	max-width     : 750px;
}

div.accredited-lab-listing ul,
div.page-750 ul {
	font-size : 110%;
	/*margin    : 0 0 1.5em 2em;*/
}

div.page-750 ol {
	font-size : 110%;
}

div.accredited-lab-listing ul.links,
div.page-750 ul.links {
	margin     : 0 0 20px 0;
	padding    : 0;
	border-top : 1px solid #DDDDDD;
}

div.accredited-lab-listing li,
div.page-750 ul.links li {
	display       : block;
	padding       : 10px;
	/*border-left   : 1px solid #DDDDDD;*/
	/*border-right  : 1px solid #DDDDDD;*/
	border-bottom : 1px solid #DDDDDD;
	background    : none;
	overflow: auto;
}

@media only screen and (max-width : 750px) {
	div.accredited-lab-listing ul.links,
	div.page-750 ul.links {
		margin-left  : 1em;
		margin-right : 1em;
	}

	div.accredited-lab-listing ul.links li a,
	div.page-750 ul.links li a {
		border-left  : none;
		border-right : none;
	}
}

div#overlay {
	display          : none;
	position         : fixed;
	top              : 0;
	left             : 0;
	width            : 100%;
	height           : 100%;
	background-color : white;
	z-index          : 10000;
	/*opacity          : 0.9;*/
}

body.negative div#overlay {
	background-color : black;
}

a.pdf-download:hover:after {
	content : " (PDF file)";
}

a.email:hover:after {
	content : " (click to send email)";
}

div.image-container {
	width             : 1100px;
	min-height        : 100px;
	position          : relative;
	text-align        : center;
	margin-bottom     : 1.5em;
	margin-left       : -175px;
	overflow          : auto;
	page-break-inside : avoid;
}

div.image-container img {
	width   : 100%;
	/*max-width : 1000px;*/
	display : block;
	margin  : 0 0 0 170px;
	padding : 0;
}

/*****************  IMAGE CALL-OUTS  ******************************************/
div.image-call-out-left,
div.image-call-out-right {
	position      : relative;
	width         : 100%;
	display       : table;
	overflow      : auto;
	color         : #007AAE;
	font-family   : robotothin, Verdana, Helvetica, sans serif;
	font-size     : 220%;
	text-align    : center;
	line-height   : 1.3;
	margin-bottom : 1em;
}

div.image-call-out-left img,
div.image-call-out-right img {
	width  : 50%;
	margin : 0;
}

div.image-call-out-left p,
div.image-call-out-right p {
	width             : 45%;
	position          : absolute;
	top               : 50%;
	-webkit-transform : translateY(-50%);
	-ms-transform     : translateY(-50%);
	transform         : translateY(-50%);
}

div.text-call-out {
	color       : #007AAE;
	font-family : robotothin, Verdana, Helvetica, sans serif;
	font-size   : 220%;
	text-align  : center;
}

div.text-call-out p {
	max-width : 600px;
	margin    : 0 auto 0.75em;
}

@media only screen and (max-width : 749px) {
	div.text-call-out p,
	div.image-call-out-left p,
	div.image-call-out-right p {
		font-size : 90%;
	}
}

@media only screen and (max-width : 649px) {
	div.text-call-out p,
	div.image-call-out-left p,
	div.image-call-out-right p {
		font-size : 80%;
	}
}

@media only screen and (max-width : 549px) {
	div.text-call-out p,
	div.image-call-out-left p,
	div.image-call-out-right p {
		font-size : 70%;
	}
}

@media only screen and (max-width : 449px) {
	div.text-call-out p,
	div.image-call-out-left p,
	div.image-call-out-right p {
		font-size : 60%;
	}
}

@media only screen and (max-width : 399px) {
	div.text-call-out p,
	div.image-call-out-left p,
	div.image-call-out-right p {
		font-size : 50%;
	}
}

div.image-call-out-left img {
	float : left;
}

div.image-call-out-right img {
	float : right;
}

div.image-call-out-left p {
	right : 0;
}

div.image-call-out-right p {
	left : 0;
}

/*****************  STANDARD 750px VIDEO  *************************************/
div.video-container {
	width         : 1100px;
	position      : relative;
	text-align    : center;
	margin-bottom : 1.5em;
	margin-left   : -175px;
}

div.video-wrapper {
	position       : relative;
	padding-bottom : 36.1%; /* fits Phil's footwear video */
	padding-top    : 25px;
	height         : 0;
	max-width      : 750px;
	max-height     : 422px;
	left           : 175px;
}

div.video-wrapper iframe {
	background : white;
	position   : absolute;
	top        : 0;
	left       : 0;
	width      : 100%;
	height     : 100%;
	border     : none;
}

div.video-container-full {
	width         : 1175px;
	position      : relative;
	text-align    : center;
	margin-bottom : 3.5em;
	margin-left   : -175px;
}

div.video-wrapper-full {
	position       : relative;
	padding-bottom : 46.5%; /* fits 16:9 */
	padding-top    : 25px;
	height         : 0;
	max-width      : 1000px;
	max-height     : 562px;
	left           : 175px;
}

@media only screen and (max-width : 1169px) {
	div.video-container-full {
		width         : 100%;
		position      : relative;
		text-align    : center;
		margin-bottom : 3.5em;
		margin-left   : 0;
		margin-right  : 0;
	}

	div.video-wrapper-full {
		position       : relative;
		padding-bottom : 53%; /* fits 16:9 */
		padding-top    : 25px;
		height         : 0;
		max-width      : 100%;
		max-height     : initial;
		left           : 0;
	}
}

div.video-container-small {
	width         : 460px;
	position      : relative;
	text-align    : center;
	margin-top    : 0.5em;
	margin-bottom : 1.5em;
	float         : left;
}

div.video-wrapper-small {
	position       : relative;
	padding-bottom : 50%; /* fits 16:9 */
	padding-top    : 25px;
	height         : 0;
	max-width      : 460px;
	max-height     : 259px;
}

iframe.embedded-video {
	background : white;
	position   : absolute;
	top        : 0;
	left       : 0;
	width      : 100%;
	height     : 100%;
	border     : none;
}

div.video-container p.video-caption,
div.image-container p.image-caption {
	position   : absolute;
	left       : 0;
	font-size  : 75%;
	font-style : italic;
	color      : #666666;
	margin     : 0;
	padding    : 0;
	width      : 150px;
	text-align : right;
	top        : 0;
}

div.video-container p.video-credit,
div.image-container p.image-credit {
	font-size     : 60%;
	font-style    : italic;
	color         : #AAAAAA;
	text-align    : right;
	margin-top    : 3px;
	margin-right  : 180px;
	margin-bottom : 0;
}

@media only screen and (max-width : 1099px) {
	div.image-container {
		width      : 750px;
		position   : relative;
		text-align : center;
		margin     : 0 auto 1.5em;
	}

	div.video-container {
		width      : 100%;
		max-width  : 750px;
		position   : relative;
		text-align : center;
		margin     : 0 auto 1.5em;
	}

	div.video-wrapper {
		padding-bottom : 53.9%;
		max-width      : none;
		max-height     : none;
		left           : 0;
	}

	div.video-wrapper iframe {
		left   : 0;
		border : none;
	}

	div.image-container img {
		margin : 0;
	}

	div.video-container p.video-caption,
	div.image-container p.image-caption {
		position   : relative;
		width      : 100%;
		text-align : left;
		margin     : 0 !important;
	}

	div.video-container p.video-credit,
	div.image-container p.image-credit {
		text-align : left;
		margin     : 3px 0 5px 0;
	}

	div.video-container-small {
		width : 46%;
	}

}

@media only screen and (max-width : 749px) {
	div.image-container {
		width   : 100%;
		padding : 0;
	}
}

@media only screen and (max-width : 600px) {
	div.video-container-small {
		width : 100%;
	}
}

p.image-caption {
	font-size  : 75%;
	font-style : italic;
	color      : #666666;
	padding    : 0;
	margin     : 0 0 20px !important;
	/*border:1px solid red;*/
}

/*****************  HALF-WIDTH IMAGE CONTAINERS ****************************/

div.image-container-lock,
div.image-container-left,
div.image-container-right {
	width         : 550px;
	min-height    : 100px;
	position      : relative;
	text-align    : center;
	margin-bottom : 1.5em;
	padding-top   : 6px;
	/*margin-right : 165px;*/
	/*page-break-inside : avoid;*/
}

div.image-container-lock,
div.image-container-left {
	float        : left;
	margin-left  : -175px;
	margin-right : 1em;
	clear        : left;
}

div.image-container-right {
	float        : right;
	width        : 520px;
	margin-right : -165px;
	margin-left  : 1em;
	clear        : right;
}


div.image-container-lock img,
div.image-container-left img,
div.image-container-right img {
	width     : 100%;
	max-width : 350px;
	display   : block;
	padding   : 0;
}

div.image-container-lock img,
div.image-container-left img {
	margin : 0 0 0 170px;
}

div.image-container-right img {
	margin : 0 170px 0 0;
}

div.image-container-left p.image-caption,
div.image-container-right p.image-caption {
	position   : absolute;
	font-size  : 75%;
	font-style : italic;
	color      : #666666;
	margin     : 0;
	width      : 150px;
	top        : 0;
	padding    : 6px 0 0;
}

div.image-container-left p.image-caption {
	left       : 0;
	text-align : right;
}

div.image-container-right p.image-caption {
	right      : 0;
	text-align : left;
}

div.image-container-left p.image-credit,
div.image-container-right p.image-credit {
	font-size    : 60%;
	font-style   : italic;
	color        : #AAAAAA;
	text-align   : right;
	margin-top   : 3px;
	margin-right : 180px;
}

div.image-container-right.download-link {
	padding-left  : 2em;
	margin-bottom : 0;
}

div.image-container-right p.download-link {
	text-align  : left;
	margin-left : 15px;
}

@media only screen and (max-width : 1099px) {

	div.image-container-right {
		float        : right;
		width        : 50%;
		margin-right : 0;
		margin-left  : 1em;
		clear        : right;
	}

	div.image-container-right img {
		max-width : 375px;
		margin    : 0;
	}

	div.image-container-right p.image-caption {
		position   : relative;
		width      : 90%;
		text-align : left;
		margin     : 0 !important;
	}

	div.image-container-right p.image-credit {
		position   : relative;
		width      : 100%;
		text-align : left;
		margin     : 0 !important;
	}

}


@media only screen and (max-width : 800px) {
	div.image-container-right {
		float        : right;
		width        : 520px;
		margin-right : -165px;
		margin-left  : 1em;
		clear        : right;
	}
}

@media only screen and (max-width : 630px) {
	div.image-container-lock {
		width  : 50%;
		margin : 0 1em 1em 1em;
	}

	div.image-container-lock img {
		width  : 100%;
		margin : 0;
	}

	div.image-container-right {
		position : relative;
		width    : 100%;
		margin   : 0 !important;
	}

	div.image-container-right p.image-credit {
		position   : relative;
		width      : 100%;
		text-align : left;
		margin     : 0 !important;
	}
}

/*
================================================================================
PAGE - BOXOUT
================================================================================
*/

div.boxout {
	max-width     : 750px;
	margin-left   : auto;
	margin-right  : auto;
	margin-bottom : 2em;
	border        : 1px solid #BFBFBF;
	padding       : 0;
	clear         : both;
	overflow      : auto;
}

div.boxout h2 {
	font-family   : robotothin, Verdana, Helvetica, sans serif;
	margin        : 0;
	padding       : 0.4em;
	font-weight   : normal;
	font-size     : 225%;
	line-height   : 1.2;
	clear         : both;
	border-bottom : 1px solid #BFBFBF;
}

div.boxout-content {
	padding : 1em;
}

div.boxout p {
	font-size : 100%;
	margin    : 0.75em;
}

div.boxout ul {
	margin-bottom : 0;
}

/*div.boxout li a {*/
/*	font-size : 90%;*/
/*}*/

@media only screen and (max-width : 775px) {
	div.boxout {
		width : 95%;
	}
}

/*
 * 	CPD BOXOUT VARIANT
 * 	*/
div.boxout.cpd h2 {
	display : inline-block;
	border  : none;
	clear   : none;
}

div.boxout.cpd img.cpd-logo {
	width  : 100px;
	height : 100px;
	float  : right;
	margin : 1.5em 1em;
}

div.page-full {
	max-width : 1000px;
	margin    : 0 auto 0;
}

@media only screen and (max-width : 1169px) {
	div.page-full {
		max-width : 1000px;
		margin    : 0 16px 0;
	}
}

div.page-full img {
	width         : 100%;
	margin-bottom : 1em;
	max-width     : 1000px;
}

div.col-50-left {
	float   : left;
	width   : 458px;
	padding : 20px;
}

div.col-50-right {
	float   : right;
	width   : 458px;
	padding : 20px;
}

select.select-test {
	width   : 100%;
	padding : 2px;
}

textarea#ask-an-expert {
	width  : 100%;
	height : 150px;
}

div.page-full.concept p,
div.page-full.concept h2 {
	text-align : left;
}

div.page-full.concept img {
	float : left;
}

div.page-full.concept img {
	float : left;
}

/*
================================================================================
TEST EQUIPMENT
================================================================================
*/

img.machine-image {
	float         : right;
	width         : 50%;
	margin-left   : 1em;
	margin-bottom : 0.5em;
}

/*
     INDEX LISTS
 */
div.index-wrapper {
	border-top     : 1px solid #BFBFBF;
	margin-top     : 20px;
	margin-bottom  : 20px;
	padding-bottom : 20px;
	overflow       : auto;
}

div.index-wrapper-inline {
	margin-top     : 20px;
	margin-bottom  : 20px;
	padding-bottom : 20px;
	overflow       : auto;
}

div.index-list {
	margin       : 20px 0 0 0 !important;
	width        : 48.5%;
	font-size    : 100% !important;
	border-left  : 1px solid #BFBFBF;
	padding-left : 20px;
	overflow     : auto;
	float        : left;
}

div.index-list-inline {
	margin       : 20px 0 0 0 !important;
	width        : 45%;
	font-size    : 100% !important;
	padding-left : 10px;
	overflow     : auto;
	float        : left;
}

div.index-list:first-child,
div.index-list-inline:first-child {
	border : none;
}

div.index-list:first-child {
	padding-left : 0;
}

div.index-list-inline:first-child {
	margin-left : 2em !important;
}

div.index-list ul {
	font-size     : 100%;
	margin        : 0;
	padding-right : 0.5em;
}

div.list-wrapper {

}

div.list-wrapper div.list-header {
	background : #DDDDDD;
}

div.list-wrapper div.list-header.no-links {
	padding : 10px;
}

div.index-item {
	overflow     : auto;
	padding-left : 0.5em;
}

div.list-wrapper div.index-item {
	border-bottom : 1px solid #DDDDDD;
}

div.index-item:hover {
	background : #F3F3F3;
}

div.index-item img {
	margin : 0 10px 0 0;
	float  : left;
}

div.index-item img.icon {
	margin : 8px 10px 0 0;
}

div.index-list-inline div.index-item img {
	padding-left : 10px;
}

div.index-item a {
	display    : block;
	background : none;
	margin     : 0 20px 0 0;
	padding    : 10px 0 10px;
	overflow   : auto;
}

span.machine-number:after,
span.machine-name:after {
	content : " ";
}

@media only screen and (max-width : 768px) {
	div.index-list {
		/*padding-left : 1em;*/
	}

	div.index-item {
		/*margin-left : 1em;*/
	}
}

@media only screen and (max-width : 600px) {
	div.index-list {
		width        : 100%;
		padding-left : 0;
		border       : none;
		margin-top   : 0 !important;
	}

	div.index-list-inline {
		width        : 100%;
		padding-left : 0;
		margin-top   : 0 !important;
	}

	div.index-list-inline:first-child {
		margin-left : 0 !important;
	}

	div.index-item a {
		/*padding-left : 2em;*/
	}

}

ul.index-list {
	margin  : 0 !important;
	padding : 0;
}

ul.index-list li {
	display : inline-block;
	width   : 33%;
	float   : left;
	padding : 0;
}

ul.index-list li a {
	display : block;
	padding : 5px;
}

ul.index-list li a:hover {
	background : #F3F3F3 !important;
}

@media only screen and (max-width : 500px) {
	ul.index-list li {
		width : 100%;
	}
}

/*
 * Listings
 */
ul.links li.header {
	background  : #DDDDDD !important;
	font-weight : bold;
}

ul.links li a {
	display  : block;
	overflow : auto;
}

div.te-number {
	width : 22%;
	float : left;
}

div.te-name {
	float : right;
	width : 78%;
}

@media only screen and (max-width : 750px) {
	div.te-number {
		width : 30%;
	}

	div.te-name {
		width : 68%;
	}

}

div.bulletin-item-type {
	width : 10%;
	float : left;
}

div.bulletin-item-description {
	float : right;
	width : 88%;
}

@media only screen and (max-width : 625px) {
	div.bulletin-item-type {
		width : 15%;
		float : left;
	}

	div.bulletin-item-description {
		float : right;
		width : 83%;
	}
}

a.listing {
	display : block;
}

h2.spec-title {
	margin-top : 2em;
}

/*
	LISTING BY DIV
 */

/*
================================================================================
ACCREDITED LAB LISTING
================================================================================
*/
div.lab-list-0 {
	width     : 20%;
	float     : left;
	font-size : 16px;
}

div.lab-list-1 {
	width     : 13%;
	float     : left;
	font-size : 16px;
}

div.lab-list-2 {
	float: left;
	font-size: 16px;
	width: 43%;
}

div.lab-list-3 {
	float     : left;
	width     : 27%;
	font-size : 16px;
}

div.lab-list-4 {
	font-size : 16px;
}

/*@media only screen and*/
/*(-webkit-min-device-pixel-ratio : 1.25), (min-resolution : 120dpi) {*/
/*div.lab-list-1 {*/
/*width:99%;*/
/*}*/

/*div.lab-list-2 {*/
/*margin-left:0;*/
/*}*/
/*}*/

@media only screen and (max-width : 800px) {
	span.form-join-text {
		display : inline-block;
		width   : 90%;
	}
}

div.table {
	display       : table;
	width         : 100%;
	border-top    : 1px solid #BFBFBF;
	border-left   : 1px solid #BFBFBF;
	margin-bottom : 1em;
}

div.table-row {
	display : table-row;
}

div.table-cell {
	display       : table-cell;
	border-bottom : 1px solid #BFBFBF;
	border-right  : 1px solid #BFBFBF;
	padding       : 10px;
}

/*
================================================================================
PAGE - TIMELINE LIST
================================================================================
*/
div#timeline {
	padding-top   : 5px;
	margin-bottom : 25px;
}

div.timeline-entry {
	overflow : auto;
	width    : 100%;
}

div.timeline-content {
	border-left    : 3px solid #DFDFDF;
	float          : right;
	width          : 78.2%;
	padding-left   : 25px;
	padding-top    : 3px;
	padding-bottom : 20px;
}

div.timeline-content:last-of-type {
	padding-bottom : 0;
}

div.timeline-entry p.date {
	display        : inline-block;
	vertical-align : top;
	text-align     : right;
	width          : 15%;
	padding-right  : 2%;
	font-size      : 140%;
	color          : #007AAE;
	line-height    : 1;
}

div.timeline-content:before {
	display        : inline-block;
	content        : " ";
	margin-left    : -33px;
	margin-right   : 3%;
	margin-top     : 3px;
	vertical-align : top;
	background     : #007AAE;;
	padding        : 6px;
	border-radius  : 50%;
}

div.timeline-entry img {
	margin-bottom : 10px;
	width         : 50%;
}

div.timeline-entry p.caption {
	display : inline-block;
}

@media only screen and (max-width : 750px) {
	div.timeline-content {
		width : 70%;
	}

	div.timeline-entry p.caption {
		margin-left : 0;
		font-size   : 100%;
	}
}

@media only screen and (max-width : 450px) {
	div.timeline-entry p.date {
		width     : 10%;
		font-size : 100%;
	}

	div.timeline-entry p.caption {
		font-size : 90%;
	}
}

div.about-left,
div.about-right {
	overflow   : auto;
	margin-top : 20px;
}

div.about-left img,
div.about-right img {
	background : black;
	width      : 50%;
	display    : block;
}

div.about-left img {
	float       : right;
	margin-left : 1em;
}

div.about-left h2,
div.about-right h2 {
	margin-top : 0;
}

div.about-right img {
	float        : left;
	margin-right : 1em;
}

@media only screen and (max-width : 500px) {
	div.about-left img, div.about-right img {
		float  : none;
		width  : 100%;
		margin : 0 0 1em 0;
	}

	div.about-left h2,
	div.about-right h2 {
		margin-top : 1em;
	}
}

/*
================================================================================
VIDEO HOME PAGE
================================================================================
*/

div.video-section {
	clear    : both;
	overflow : auto;
	margin   : 0;
}

div.video-section-content {
	max-width : 1000px;
	margin    : 50px auto 0;
}

div.video-section.section-1 {
	background : #FDF2ED;
}

div.video-section.section-2 {
	/*background : #edf9fd;*/
}

div.video-section-content.vg-left h2 {
	text-align  : left;
	margin-left : 55%;
}

div.video-section-content.vg-right h2 {
	text-align   : left;
	margin-right : 55%;
}

div.video-section-content.vg-left p {
	text-align  : left;
	margin-left : 55%;
}

div.video-section-content.vg-right p {
	text-align   : left;
	margin-right : 55%;
}

div.video-group {
	width         : 50%;
	margin-bottom : 50px;
	position      : relative;
	padding       : 0;
}

div.video-section-content.vg-right div.video-group {
	float : right;
}

div.video-section-content.vg-left div.video-group {
	float : left;
}

div.video-section-content div.main-video {
	position       : relative;
	padding-bottom : 56.25%;
	padding-top    : 0;
	height         : 0;
	width          : 100%;
	max-width      : 100%;
}

div.video-section-content div.listing-video {
	position       : relative;
	padding-bottom : 56.25%;
	padding-top    : 0;
	height         : 0;
	width          : 32%;
	float          : left;
}

div.video-group div.small-video {
	position       : relative;
	padding-bottom : 23%; /* has to be odd because the padding defines the box height and is related to the containing div */
	padding-top    : 25px;
	height         : 0;
	width          : 49.1%;
	margin-top     : 8px;
	float          : left;
}

div.video-group div.small-video.sv-right {
	margin-left : 1.8%;
}

div.video-group div.main-video iframe,
div.video-group div.small-video iframe {
	background : black;
	position   : absolute;
	top        : 0;
	left       : 0;
	width      : 100%;
	height     : 100%;
	border     : none;
}

div.page-headline {
	/*height:330px;*/
	/*background: url(../images/headline/membership.jpg) top center;*/
	/*background-size: contain;*/
	text-align : center;
}

/*
================================================================================
	CARDS
================================================================================
*/
h2.card-headline {
	font-size    : 300%;
	color        : #007AAE;
	text-align   : center;
	margin-top   : 50px;
	margin-left  : auto;
	margin-right : auto;
}

@media only screen and (max-width : 850px) {
	h2.card-headline {
		margin-top : 30px;
	}
}

h3.card-headline {
	font-size    : 140%;
	color        : #007AAE;
	text-align   : center;
	margin-top   : 0;
	margin-left  : auto;
	margin-right : auto;
}

div.card-container {
	margin         : 0 0 0 6%;
	padding-bottom : 3%;
	overflow       : auto;
}

div.card-container.bulletin {
	padding-bottom : 0;
}

div.page-750 div.card-container {
	margin : 0;
	clear  : both;
}

div.card-container:first-child {
	margin-top : 0;
}

/*
	SECTION CARDS
 */
div.section-card {
	position     : relative;
	width        : 27%;
	margin-right : 6%;
	margin-top   : 2%;
	float        : left;
	height       : 575px;
	/*border:1px solid green;*/
}

div.section-card.magazine {
	height : 550px;
	/*background : #EEEEEE;*/
}

@media only screen and (max-width : 1170px) {
	div.section-card.magazine {
		height : 550px;
		/*background : red;*/
	}
}

@media only screen and (max-width : 800px) {
	div.section-card.magazine {
		height : 520px;
		/*background : darkseagreen;*/
	}
}

div.section-card h2 {
	font-size : 150%;
}

div.section-card p {
	font-size : 100%;
}

div.section-card a.image-link {
	position : relative;
	margin   : 0;
}

div.section-card a.image-link p.copyright-overlay {
	width            : 100%;
	font-size        : 80%;
	position         : absolute;
	bottom           : 0;
	right            : 0;
	margin           : 0;
	padding          : 3px 10px 6px 3px;
	background-color : white;
	background-color : rgba(255, 255, 255, 0.3);
	text-align       : right;
}

div.section-card a.continue-link {
	/*display   : block;*/
	/*position  : absolute;*/
	/*bottom    : 0;*/
	font-size : 100%;
	color     : #007AAE;
}

/*
	MANAGEMENT TEAM CARDS
 */
div.mt-card {
	position     : relative;
	width        : 21%;
	margin-right : 3%;
	margin-top   : 3%;
	float        : left;
	height       : 500px;
}

div.mt-card a {
	text-decoration : none;
	background      : none;
}

div.mt-card img {
	width : 100%;
}

div.mt-card img:hover {
	filter : none;
}

div.mt-card h3 {
	font-size : 150%;
}

div.mt-card h3 a.name {
	font-weight : bold;
}

/*
	MANAGEMENT TEAM THUMBNAIL SIZE
 */
div.thumb-container {
	width          : 100%;
	margin         : 0;
	padding-bottom : 3%;
	overflow       : auto;
	clear          : both;
	position       : relative;
}

div.mt-thumb {
	position     : relative;
	width        : 22.7%;
	margin-right : 3%;
	margin-top   : 3%;
	float        : left;
	height       : 300px;
}

div.mt-thumb:nth-child(4n+4) {
	margin-right : 0;
}

div.mt-thumb a {
	text-decoration : none;
	background      : none;
}

div.mt-thumb a.name {
	font-weight : bold;
}

div.mt-thumb img {
	width : 100%;
}

div.mt-thumb h3 {
	font-size : 110%;
}

@media only screen and (max-width : 1150px) {
	div.section-card {
		width  : 44%;
		height : 600px;
	}

	div.mt-card {
		width  : 30%;
		height : 450px;
	}
}

@media only screen and (max-width : 775px) {
	div.mt-card {
		width  : 44%;
		height : 450px;
	}
}

@media only screen and (max-width : 600px) {

	div.card-container {
		margin  : 1em;
		padding : 0;
	}

	div.section-card {
		width        : 100%;
		height       : auto;
		margin-right : 0;
		margin-top   : 0;
		float        : none;
		overflow     : auto;
	}

	div.section-card.magazine {
		width        : 100%;
		height       : auto;
		margin-right : 0;
		margin-top   : 0;
		float        : none;
	}

	div.section-card p {
		font-size : 90%;
	}

	div.section-card h2,
	div.section-card p {
		margin-left  : 20px;
		margin-right : 20px;
	}

	div.section-card a.continue-link {
		position       : relative;
		margin         : 0 20px 0;
		display        : inline-block;
		padding-bottom : 20px;
	}

	div.mt-card {
		width  : 100%;
		height : auto;
	}

	div.thumb-container {
		padding-bottom : 0;
		overflow       : auto;
	}

	div.mt-thumb {
		width  : 48.5%;
		height : auto;
	}

	div.mt-thumb:nth-child(4n+4) {
		margin-right : 3%;
	}

	div.mt-thumb:nth-child(2n+2) {
		margin-right : 0;
	}
}

@media only screen and (max-width : 450px) {
	div.mt-card {
		width  : 100%;
		height : auto;
	}
}

/*
================================================================================
	MANAGEMENT TEAM BIO
================================================================================
*/

div.mt-bio div.mt-image {
	width        : 45%;
	margin-right : 3%;
	/*margin-bottom : 6%;*/
	float        : left;

}

div.mt-bio div.mt-image img {
	width       : 100%;
	line-height : 0;
	margin      : 0;
	transition  : all 0.5s ease;
}

div.mt-bio div.mt-image img:hover {
	filter         : none;
	-webkit-filter : none;
}

div.mt-bio div.mt-image a.download-link {
	display     : block;
	width       : 100%;
	text-align  : center;
	text-shadow : none;
	background  : #F3F3F3;
	padding     : 5px 0;

}

div.mt-bio h2 {
	margin-bottom : 0;
}

div.mt-bio h3 {
	margin-top : 0;
}

@media only screen and (max-width : 600px) {

	div.mt-bio div.mt-image {
		width  : 100%;
		margin : 0;
		float  : none;
	}
}

/*
================================================================================
	NEW HOMEPAGE FAT FOOTER - NEWS AND ARTICLES
================================================================================
*/
div#media-footer {
	background : #696969;
	min-height : 25px;
	border-top : 1px solid #B4B1AF;
	overflow   : auto;
}

div.media-boxout {
	width       : 43.6%;
	float       : left;
	color       : white;
	padding-top : 40px;
	/*border:1px solid red;*/
}

div#media-news {
	border-right : 1px solid #525252;
	margin-left  : 6%;
	margin-right : 3%;
}

div#media-news h3 a {
	color : white;
}

div#media-articles {
	/*margin-right:125px;*/
}

div.media-boxout h3 {
	/*font-family : robotolight, Verdana, Helvetica, sans serif;*/
	/*font-weight:bold;*/
	font-size : 160%;
}

div.media-item {
	position      : relative;
	width         : 44.5%;
	float         : left;
	margin-right  : 5%;
	height        : 350px;
	margin-bottom : 50px;
	/*border:1px solid red;*/
}

div.media-item p {
	font-size : 120%;
}

div.media-item a {
	font-size : 110%;
}

div.media-item img {
	width : 100%;
}

div.media-item a.continue-link {
	display   : block;
	color     : white;
	font-size : 91%;
	position  : absolute;
	bottom    : 0;
}

@media only screen and (max-width : 800px) {
	div.media-boxout {
		width       : 100%;
		float       : none;
		padding-top : 20px;
		overflow    : auto;
	}

	div.media-item {
		margin-right : 0;
		margin-left  : 3.5%;
		height       : 325px;
		/*border:1px solid red;*/
	}

	div#media-news {
		border-right  : none;
		border-bottom : 1px solid #525252;
		margin        : 0;
		/*padding-left:3%;*/
	}

	div.media-boxout h3 {
		margin-left : 3.5%;
	}

	div.media-item {
		margin-bottom : 50px;
	}

	div.media-item p {
		font-size : 130%;
	}

}

@media only screen and (max-width : 500px) {
	div.media-item {
		width   : 90%;
		margin  : 0;
		padding : 5%;
		height  : auto;
	}

	div#media-news,
	div#media-articles {
		padding-bottom : 5%;
	}

	div.media-boxout {
		padding-bottom : 5%;
	}

	div.media-boxout h3 {
		margin-bottom : 0;
	}
}

/*
================================================================================
	NEW HOMEPAGE FAT FOOTER - EVENTS
================================================================================
*/
div#event-footer {
	position   : relative;
	background : #5B5B5B;
	padding    : 30px 6% 30px 6%;
	overflow   : auto;
}

div#event-footer h3 {
	font-size : 160%;
	color     : white;
}

div#event-footer h3 a {
	color : white;
}

div#media-footer h3 a.footer-header-link,
div#event-footer h3 a.footer-header-link {
	font-family : robotolight, Verdana, Helvetica, sans serif;
	font-size   : 15px;
}

div.event-listing {
	position : relative;
	width    : 100%;
	float    : left;
}

div#event-footer h2#loading-message {
	display    : none;
	position   : absolute;
	top        : 41.5%;
	width      : 90%;
	margin     : 0 auto;
	text-align : center;
	color      : #AAAAAA;
}

div.event-listing h2.error {
	color      : white;
	text-align : center;
}

div.event-listing p.error {
	text-align : center;
}

div.event-listing a.error {
	display       : block;
	text-align    : center;
	color         : white;
	margin-bottom : 80px;
}

div.event-listing a.error:hover {
	color : #00A4E8;
}

a#event-next,
a#event-prev {
	display     : inline-block;
	width       : 17px;
	height      : 120px;
	text-indent : -9999px;
}

a#event-next {
	float        : right;
	margin-right : -25px;
	background   : url(../images/event-arrow-right.png) center center no-repeat;
}

a#event-prev {
	background  : url(../images/event-arrow-left.png) center center no-repeat;
	float       : left;
	margin-left : -35px;
}

div.footer-event {
	position      : relative;
	background    : white;
	width         : 22.6%;
	height        : 120px;
	overflow      : hidden;
	float         : left;
	margin-right  : 3%;
	margin-bottom : 3%;
}

div.footer-event:last-of-type {
	margin-right : 0;
}

div.footer-event p.date {
	color       : white;
	/*background : #4A4A4A;*/
	/*background  : #007aae;*/
	background  : #007AAE;
	float       : left;
	width       : 60px;
	height      : 160px;
	margin      : 0 10px 0 0;
	font-size   : 167%;
	line-height : 0.9;
	padding     : 5% 3% 3%;
}

div.footer-event p.title {
	display      : block;
	padding-top  : 5%;
	font-size    : 80%;
	margin-right : 10px;
}

div.footer-event p.date span.day {
	display   : block;
	/*padding:0 0 0 5px;*/
	padding   : 0;
	margin    : 0;
	font-size : 180%
}

div.footer-event a {
	display : block;
	height  : 120px;
}

div.footer-event span.continue {
	display   : block;
	position  : absolute;
	bottom    : 5%;
	right     : 5%;
	font-size : 80%;
}

@media only screen and (max-width : 1100px) {
	div.footer-event {
		height : 150px;
	}
}

@media only screen and (max-width : 910px) {

	div#event-footer {
		padding-left : 8%;
		/*padding-right:8%;*/
	}

	div.footer-event {
		width  : 47%;
		height : 110px;
	}

	a#event-next {
		margin-right : -30px;
	}

	a#event-prev {
		/*margin-left : -30px;*/
	}

}

@media only screen and (max-width : 500px) {
	div.footer-event {
		width  : 97%;
		height : 110px;
	}

	a#event-next {
		margin-right : -20px;
	}
}

/*
================================================================================
	PPE GUIDE
================================================================================
*/
div.ppeguide div.container {
	border-top  : 1px solid #BFBFBF;
	overflow    : auto;
	padding-top : 20px;
}

div.ppeguide div.container h2 {
	margin : 0 0 20px 0;
}

div.ppeguide div.container p {
	margin-bottom : 20px;
}

div.ppeguide div.container img {
	float       : right;
	margin      : 0 0 20px 20px;
	clear       : right;
	width       : 256px;
	padding-top : 6px;
}

@media only screen and (max-width : 750px) {
	div.ppeguide div.container h1 {
		font-size : 200%;
	}

	div.ppeguide div.container h2 {
		/*font-size:150%;*/
		margin : 0 3% 20px 3%;
	}
}

@media only screen and (max-width : 500px) {
	div.ppeguide h1 {
		font-size : 175%;
	}

	div.ppeguide h2 {
		font-size : 150%;
	}

	div.ppeguide p {
		font-size : 90%;
	}

	div.ppeguide div.container img {
		float  : none;
		margin : 0 0 20px 0;
		width  : 100%;
	}
}

div.ppeguide div.container div.video-player {
	float    : right;
	width    : 256px;
	margin   : 0 0 20px 20px;
	position : relative;
}

div.ppe_video-container {
	position       : relative;
	padding-bottom : 44.9%;
	padding-top    : 30px;
	height         : 0;
	overflow       : hidden;
}

div.ppe_video-container iframe,
div.ppe_video-container object,
div.ppe_video-container embed {
	position : absolute;
	top      : 0;
	left     : 0;
	width    : 100%;
	height   : 100%;
	border   : none;
}

@media only screen and (max-width : 500px) {
	div.ppeguide div.container div.video-player {
		float  : none;
		margin : 0 0 20px 0;
		width  : 100%;
	}
}

div.ppeguide ul {
	list-style : disc;
}

div.ppeguide div.footer-column ul {
	list-style : none;
}

ul.link-buttons {
	list-style    : none !important;
	margin-left   : 0 !important;
	border-bottom : 1px solid #E8E8E8;
}

ul.link-buttons a {
	display          : block;
	border-top       : 1px solid #E8E8E8;
	border-left      : none;
	border-right     : none;
	border-bottom    : none;
	background-color : white !important;
	background-image : none !important;
	border-radius    : 0;
	padding          : 10px;
	text-shadow      : none !important;
	margin-bottom    : 0;
}

ul.link-buttons a strong {
	color : #007AAE;
}

@media only screen and (max-width : 750px) {
	ul.link-buttons a {
		margin : 0 20px 10px;
	}
}

/*
================================================================================
	EVENT LISTINGS
================================================================================
*/
/*div.event-list {*/
/*!*display       : table;*!*/
/*width         : 100%;*/
/*font-size     : 90%;*/
/*margin-bottom : 2em;*/
/*border-top    : 1px solid #007AAE;*/
/*}*/

/*div.event-row {*/
/*!*width         : 100%;*!*/
/*clear         : both;*/
/*!*border-bottom : 1px solid #E8E8E8;*!*/
/*border-bottom : 1px solid #007AAE;*/
/*!*border        : 1px solid #E8E8E8;*!*/
/*!*margin-bottom : 5px;*!*/
/*overflow      : hidden;*/
/*!*height        : 55px;*!*/
/*!*font-size     : 95%;*!*/
/*padding       : 1em 0.5em;*/
/*}*/

/*div.event-row p {*/
/*margin : 0;*/
/*}*/

/*div.event-row p a {*/
/*background-image : none;*/
/*text-shadow      : none;*/
/*}*/

/*div.event-row p a:hover {*/
/*color : #007AAE;*/
/*}*/

/*div.event-row:hover {*/
/*!*background : #DDDDDD;*!*/
/*}*/

/*div.event-row h2 {*/
/*margin    : 0 0 0.25em 0;*/
/*font-size : 200%;*/
/*}*/

/*div.event-row h2 a {*/
/*color      : #007AAE;*/
/*background : none;*/
/*}*/

/*div.event-row div.sectorcell a {*/
/*color : #3E7BAC;*/
/*}*/

/*div.event-row.exhibition div.sectorcell a {*/
/*color : #269E20;*/
/*}*/

/*div.event-row.month-header {*/
/*font-weight : bold;*/
/*!*color:#3E7BAC;*!*/
/*border      : none;*/
/*padding-top : 12px;*/
/*height      : 30px;*/
/*}*/

/*div.event-row.month-header:hover {*/
/*background : transparent;*/
/*}*/

/*div.event-row.month-header div.datecell {*/
/*background : none;*/
/*color      : black;*/
/*font-size  : 100%;*/
/*padding    : 5px 0;*/
/*text-align : left;*/
/*}*/

/*div.event-row div.datecell {*/
/*width       : 125px;*/
/*padding-top : 2px;*/
/*text-align  : center;*/
/*font-size   : 235%;*/
/*background  : #3E7BAC;*/
/*color       : white;*/
/*float       : left;*/
/*height      : 70px;*/
/*}*/

/*div.event-row div.datecell.long-date {*/
/*padding-top : 12px;*/
/*font-size   : 150%;*/
/*}*/

/*div.event-row div.sectorcell {*/
/*float   : left;*/
/*padding : 5px 8px;*/
/*width   : 125px;*/
/*!*font-weight:bold;*!*/
/*}*/

/*div.event-row div.namecell {*/
/*!*width         : 55%;*!*/
/*margin-left : 250px;*/
/*padding     : 5px;*/
/*}*/

/*div.event-row div.locationcell {*/
/*!*display       : table-cell;*!*/
/*width   : 15%;*/
/*float   : right;*/
/*padding : 5px;*/
/*}*/

/*
================================================================================
	EVENT VIEW PAGE
================================================================================
*/
div.page-750.event h1 {
	color : #007AAE;
}

div.page-750.event h2,
div.page-750.event h3 {
	color : #007AAE;
}

div.page-750.event strong {
	color : #007AAE;
}

div.page-750.event ul {
	/*	margin-left : 0; */
}

@media only screen and (max-width : 750px) {
	div.page-750.event ul {
		margin-left : 2em;
		list-style  : inside;
	}
}

div.booking-form-group {
	text-align    : left;
	margin-bottom : 1em;
	overflow      : auto;
}

div.booking-form-group h2 {
	color : #007AAE;
}

@media only screen and (max-width : 750px) {
	div.booking-form-group {
		margin-left : 1em;
	}

	div.booking-form-group h2 {
		margin-left : 0;
	}
}

div.booking-form {
	float      : left;
	overflow   : auto;
	width      : 48%;
	text-align : left;
	/*border:1px solid red;*/
}

div.booking-form img {
	float         : left;
	margin-right  : 1em;
	margin-bottom : 1em;
}

div.booking-form a {
	display    : inline-block;
	background : none;
	width      : 60%;
	/*float:left;*/
	/*margin-left:150px;*/
}

/*
================================================================================
	NEWS & EVENT LISTINGS (FAIRS & EXHIBITIONS TOO!)
================================================================================
*/
div.webinar-list,
div.fairs-list,
div.event-list,
div.news-list {
	width         : 100%;
	font-size     : 90%;
	margin-bottom : 2em;
	border-top    : 1px solid #007AAE;
}

div.news-row {
	clear         : both;
	border-bottom : 1px solid #007AAE;
	overflow      : hidden;
	padding       : 1em 0.5em 0.5em;
}

div.news-row h2 {
	margin    : 0 0 0.25em 0;
	font-size : 200%;
	color     : #007AAE;
}

div.news-row p {
	margin-bottom : 0.5em;
}

div.news-row h2 a,
div.news-row p a {
	background  : none;
	text-shadow : none;
}

div.news-row h2 a:hover {
	color : black;
}

div.news-row h2 a {
	color : #007AAE;
}

/* ====== LOCAL EVENT VARIANT - EVENT LIST ONLY ====== */

div.event-list div.news-row h2 a {
	color : black;
}

div.event-list div.news-row h2 a:hover {
	color : #007AAE;
}

div.month-banner {
	margin     : 0;
	color      : white;
	background : #007AAE;
	padding    : 5px;
}

div.month-banner p {
	margin : 0;
}

/* ====== EXHIBITION VARIANT - EVENT LIST ONLY ====== */

div.event-list div.news-row.exhibition {
	color : #007AAE;
}

div.event-list div.news-row.exhibition a {
	color : #007AAE;
}

div.event-list div.news-row.exhibition a:hover {
	color : black;
}

p.small-print {
	font-size : 80%;
}

/*
================================================================================
	WEBINAR LISTINGS
================================================================================
*/
div.webinar-list {
	width         : 100%;
	font-size     : 90%;
	margin-bottom : 2em;
	border-top    : 1px solid #007AAE;
}

div.webinar-row {
	clear         : both;
	border-bottom : 1px solid #007AAE;
	overflow      : hidden;
	padding       : 1em 0.5em 0.5em 0;
}

div.webinar-row h2 {
	margin    : 0 0 0.25em 0;
	font-size : 200%;
	color     : #007AAE;
}

div.webinar-row p {
	margin-bottom : 0.5em;
}

div.webinar-row h2 a,
div.webinar-row p a {
	background  : none;
	text-shadow : none;
}

div.webinar-row h2 a:hover {
	color : black;
}

div.webinar-row h2 a {
	color : #007AAE;
}

div.webinar-row img {
	float         : left;
	width         : 200px;
	height        : 133px;
	margin:0 20px 30px 0;
	padding-top   : 5px;
}

/*
================================================================================
	TEST METHOD LISTINGS
================================================================================
*/
div.tm-list {
	width         : 100%;
	margin-bottom : 1.5em;
	border-top    : 1px solid #E1E1E1;
}

div.tm-list div.tm-listing {
	padding       : 0.25em;
	border-bottom : 1px solid #E1E1E1;
}

div.tm-listing span {
	vertical-align : top;
}

div.tm-detail h3 {
	margin-bottom : 0.25em;
}

div.tm-list div.tm-listing:hover {
	background-color : #F6F6F6;
}

div.tm-list span {
	display : inline-block;
}

div.tm-list span.tm-number {
	width : 10%;
}

div.tm-list span.tm-name {
	width : 75%;
}

div.tm-list span.tm-detail-link {
	width      : 15%;
	text-align : right;
}

@media only screen and (max-width : 750px) {

	div.tm-listing {
		padding : 1em;
	}

	div.tm-list span.tm-number,
	div.tm-list span.tm-name,
	div.tm-list span.tm-detail-link {
		width      : 100%;
		text-align : left;
	}

	div.tm-list span.tm-detail-link {
		text-align    : right;
		padding-right : 0.25em;
	}

	div.tm-list span.tm-number {
		font-weight : bold;
	}

}

/*
 * =====================================================
 * SHOPPING CART & ORDER DISPLAY
 * =====================================================
 */
div.cart-list {
	clear         : both;
	margin-bottom : 2em;
}

div.cart-row,
div.order-row {
	border-bottom : 1px solid #E8E8E8;
}

div.cart-row p,
div.order-row p {
	margin-bottom : 0;
}

div.cart-row:hover,
div.order-row:hover {
	background : #F6F6F6;
}

div.cart-row div.row-desc {
	padding : 0.5em 0;
	display : inline-block;
	width   : 55%;
}

div.order-row div.order-icon {
	width          : 30px;
	display        : inline-block;
	vertical-align : middle;
}

div.order-row div.order-icon img {
	width  : initial;
	margin : 2px 0 0 0;
}


div.order-row div.row-desc {
	padding : 0.5em 0;
	display : inline-block;
	width   : 40%;
}

div.cart-row div.row-number,
div.order-row div.row-number {
	padding    : 0.5em 0;
	text-align : right;
	display    : inline-block;
	width      : 15%;
}

div.cart-row div.row-number.total,
div.order-row div.row-number.total {
	border-bottom : 1px solid #E8E8E8;
}

div.cart-row div.row-desc.title,
div.cart-row div.row-number.title,
div.order-row div.row-desc.title,
div.order-row div.row-number.title {
	color : #BBBBBB;
}

div.cart-row div.row-desc.title,
div.order-row div.row-desc.title {
	/*text-align : center;*/
}

div.cart-row.total,
div.order-row.total {
	border : none;
}

a.cart-control {
	display        : inline-block !important;
	background     : #EEEEEE;
	color          : black;
	border         : 1px solid white;
	width          : 32px;
	height         : 32px;
	text-align     : center;
	vertical-align : middle;
	margin         : 0 0.5em;
	/*border-radius  : 5px;*/
	font-size      : 125%;
}

a.cart-control.icon {
	/*height         : 28px;*/
	/*padding-bottom : 2px;*/
}

a.cart-control:hover {
	color  : black;
	border : 1px solid black;
}

a.cart-control.warning:hover {
	color  : red;
	border : 1px solid red;
}

p.form-information, p.form-note {
	margin-left : 22%;
	width       : 50%;
}

p.form-information {
	margin-bottom : 0;
}

p.form-note {
	font-size : 80%;
}

table.cart-data {
	/*margin-top:2em;*/
}

div.order-list {
	clear         : both;
	margin-bottom : 2em;
}

div.order-address {
	float : left;
}

div.order-delivery {
	float : right;
}

div.order-detail {
	clear : both !important;
}

.narrow-only {
	display : none !important;
}

div.teaser {
	padding          : 0.5em 1em 0 1em;
	color            : green;
	border           : 1px solid green;
	margin-bottom    : 1em;
	text-align       : center;
	background-color : #EEFFEE;
}

div.teaser p {
	margin-bottom : 0.5em;
}

div.teaser a {
	color : green;
}

p.discount {
	color : green;
}

div.order-status {
	padding          : 0.5em 1em 0 1em;
	color            : green;
	border           : 1px solid green;
	margin-bottom    : 1em;
	text-align       : center;
	background-color : #EEFFEE;
}

div.order-status p {
	margin-bottom : 0.5em;
}

div.order-status.completed {
	color            : green;
	border           : 1px solid green;
	background-color : #EEFFEE;
}

div.order-status.declined {
	color            : red;
	border           : 1px solid red;
	background-color : #FFEEEE;
}

div.order-status.pending {
	color            : blue;
	border           : 1px solid blue;
	background-color : #DDDDFF;
}


@media only screen and (max-width : 1000px) {
	div.cart-row div.row-desc {
		width : 40%;
	}

	div.cart-row div.row-number {
		padding-right : 0;
		width         : 20%;
	}
}

@media only screen and (max-width : 650px) {

	div.cart-row div.row-desc {
		width : 40%;
	}

	div.cart-row div.row-number.quantity,
	div.order-row div.row-number.quantity {
		padding-right : 0;
		width         : 22%;
	}
}

@media only screen and (max-width : 650px) {

	.narrow-only {
		display : inline-block !important;
	}

	div.cart-row div.title {
		display : none;
	}

	div.cart-row div.row-desc {
		width       : 100%;
		font-weight : bold;
	}

	div.cart-row div.padding {
		display : none;
	}

	div.cart-row div.row-number {
		width : 30%;
		/*background: yellow;*/
	}

	div.cart-row div.row-number.label {
		width : 70%;
		/*background: red;*/
	}

	.emphasis {
		font-weight : bold;
	}

	div.tm-detail div.image-container-right {
		margin-bottom : 2em !important;
	}

	a.cart-control.icon {
		height      : 30px;
		padding-top : 0;
	}

	table.cart-data {
		width        : 100% !important;
		margin-left  : 0 !important;
		margin-right : 0 !important;
	}

	p.form-information, p.form-note {
		margin-left : 0.5em;
		width       : 90%;
	}

	.wide-only {
		display : none !important;
	}

	p.table-note {
		margin : 1em 0.5em;
	}

	/*
	ORDER DISPLAY
	 */
	div.order-address {
		float : none;
	}

	div.order-delivery {
		float : none;
	}

	div.order-list {
		border-top : 1px solid #E8E8E8;
	}

	div.order-list div.order-row.title {
		display : none;
	}


	div.order-row div.padding {
		display : none;
	}

	div.order-row div.row-desc {
		width       : 80%;
		font-weight : bold;
	}

	div.order-row div.row-number.type {
		width : 70%;
	}

	div.order-row div.row-number.price {
		width : 30%;
	}

	div.order-row div.row-number.link {
		width      : 100%;
		text-align : right;
	}

	div.order-row div.row-number {
		/*background-color: yellow;*/
		/*border:1px solid red;*/
	}

	div.order-row div.row-number.quantity,
	div.order-row div.row-number.label {
		width         : 70%;
		padding-right : 1em;
		/*background: red;*/
	}

	span.narrow-only.line-break {
		display : block;
	}

}

/*
 * =====================================================
 * PAYMENT CARD LOGO GROUP
 * =====================================================
 */
div#store-card-display {
	margin-top : 1em;
}

div#store-card-display img {
	width        : auto;
	margin-right : 1em;
}

a#cart-icon svg,
a#store-icon svg {
	margin-top : 9px;
}

/*
===============================================================================
	EMBEDDED TABLES
===============================================================================
*/

table.embedded {
	width  : 100%;
	border : none;
	margin : 0;
}

td.embedded {
	padding    : 0;
	border-top : none;
}

table.embedded tr:first-child {
	background : #EEEEEE;
	border-top : none;
}

table.embedded td {
	border     : none;
	border-top : 1px solid #BFBFBF;
}

table.debug td:first-child,
table.embedded td:first-child {
	width        : 20%;
	background   : #EEEEEE;
	border-right : 1px solid #BFBFBF;
}

/*
================================================================================
SOCIAL ICONS
================================================================================
*/
div#social {
	position    : fixed;
	top         : 35%;
	right       : 0;
	width       : 50px;
	z-index     : 999;
	line-height : 0.5;
	background  : #007AAE;
}

div#social img {
	margin : 0;
}

@media only screen and (max-width : 1230px) {
	div#social {
		position : relative;
		width    : 305px;
		height   : 55px;
		margin   : 0 auto 1em;
	}
}

/*
================================================================================
ADMIN
================================================================================
*/
div.admin-content {
	max-width : 1200px;
	margin    : 0 auto;
}

div.asset-thumbnail {
	float  : left;
	clear  : none;
	margin : 20px;
	height : 150px;
}

div.asset-thumbnail img {
	width  : 200px;
	margin : 0;
}

div.asset-thumbnail button {
	margin : 0;
}

div.video-box,
div.video-box-right {
	width        : 320px;
	height       : 240px;
	float        : left;
	margin-right : 20px;
	text-align   : center;
}

div.video-box-right {
	margin-right : 0;
}

div.video-box a,
div.video-box-right a {
	color : #007AAE;
}

div.video-box p a:hover,
div.video-box-right p a:hover {
	background : url(../images/link_underline.gif) bottom repeat-x;
}

/*
================================================================================
BULLETIN
================================================================================
*/
div#bulletin-banner {
	position      : relative;
	margin-top    : 75px;
	margin-bottom : 40px;
	/*overflow:auto;*/
	/*height: 350px;*/
}

div#bulletin-banner h2 {
	font-size     : 300%;
	color         : #007AAE;
	margin-bottom : 10px;
}

div#bulletin-banner form {
	text-align    : left;
	margin-bottom : 10px;
}

div#bulletin-banner form.subsite-search input {
	width : 220px;
}

/*div#bulletin-banner-left,*/
/*div#bulletin-banner-right {*/
/*width       : 40%;*/
/*margin      : 0;*/
/*padding-top : 90px;*/
/*}*/

/*div#bulletin-banner-left {*/
/*float      : left;*/
/*text-align : right;*/
/*}*/

div#bulletin-banner-left {
	position   : absolute;
	right      : 60%;
	top        : 10%;
	text-align : right;
}

/*div#bulletin-banner-right {*/
/*float      : right;*/
/*text-align : left;*/
/*}*/

div#bulletin-banner-right {
	position   : absolute;
	top        : 10%;
	left       : 60%;
	text-align : left;
}

div#bulletin-banner-centre {
	position : relative;
	width    : 13.5%;
	margin   : 0 auto;
}

div#bulletin-banner-centre img {
	width : 100%;
}

div#bulletin-banner-centre img.bulletin-cover-overlay {
	position : absolute;
	left     : 0;
	top      : 0;
	width    : 100%;
}

div#bulletin-banner-centre a.cover-width {
	width      : 93%;
	text-align : center;
}

@media only screen and (max-width : 950px) {

	div#bulletin-banner {
		height : 300px;
	}

	div#bulletin-banner-left {
		left  : auto;
		right : 40%;
		top   : 0;
	}

	div#bulletin-banner-left h2 {
		margin-top  : 0;
		line-height : 1;
	}

	div#bulletin-banner-right {
		left       : auto;
		right      : 40%;
		top        : 35%;
		text-align : right;
	}

	div#bulletin-banner-centre {
		position : absolute;
		right    : 6%;
		width    : 25%;
		/*margin : 0 auto;*/
	}

	div#bulletin-banner form {
		text-align : right;
	}

}

@media only screen and (max-width : 725px) {
	div#bulletin-banner {
		/*height : 250px;*/
	}
}

@media only screen and (max-width : 600px) {
	div#bulletin-banner {
		height     : auto;
		margin-top : 25px;
	}

	div#bulletin-banner-left,
	div#bulletin-banner-right,
	div#bulletin-banner-centre {
		position      : relative;
		top           : 0;
		left          : 0;
		width         : 100%;
		text-align    : center;
		margin-bottom : 25px;
	}

	div#bulletin-banner-centre img {
		width        : 60%;
		margin-left  : auto;
		margin-right : auto;
	}

	div#bulletin-banner form.subsite-search {
		text-align : center;
	}

	div#bulletin-banner form.subsite-search input {
		margin : 0 auto;
	}

}

h2.bulletin {
	text-align : center;
	color      : #007AAE;
	margin     : 1em 0 1em;
}

div.issue-thumb {
	float        : left;
	margin-right : 2%;
	width        : 13.7%;
}

div.issue-thumb img {
	width : 100%;
}

div.issue-thumb p {
	text-align : center;
	color      : #007AAE;
}

@media only screen and (max-width : 1100px) {
	div.issue-thumb {
		margin-right : 8%;
		width        : 25%;
	}

	div.issue-thumb-extra-3 {
		display : none;
	}
}

@media only screen and (max-width : 625px) {
	div.issue-thumb {
		margin-right : 8%;
		width        : 42%;
	}

	div.issue-thumb-extra-2 {
		display : none;
	}
}

div.issue-container {
	margin   : 0 0 0 6%;
	overflow : auto;
}

p.bulletin-link {
	clear      : both;
	text-align : center;
	font-size  : 120%;
}

div.bulletin-issue-footer {
	background : #006995;
}

div.bulletin-issue-footer-highlight {
	background : #696969;
	overflow   : auto;
}

div.bulletin-issue-footer-additional {
	background : #5B5B5B;
	overflow   : auto;
}

div.bulletin-issue-footer-highlight div:first-of-type {
	margin-left : 6%;
}

div.bulletin-issue-footer-additional div:first-of-type {
	margin-left : 6%;
}

div.bulletin-highlight-item {
	float          : left;
	color          : white;
	padding-top    : 50px;
	width          : 20.1%;
	margin-right   : 2%;
	padding-bottom : 30px;
}

div.bulletin-highlight-item p {
	color     : white;
	font-size : 150%;
}

div.bulletin-highlight-item a {
	color : white;
}

div.bulletin-highlight-item img {
	background : white;
	width      : 100%;
}

div.bulletin-additional-item {
	float        : left;
	margin-top   : 35px;
	margin-right : 2.3%;
	color        : white;
}

div.bulletin-additional-item a {
	color : white;
}

div.page-750.article span.article-header {
	/*display:block;*/
	font-family : robotothin, Verdana, Helvetica, sans serif;
	margin      : 0.5em 0;
	font-weight : normal;
	font-size   : 225%;
	line-height : 1.2;
	clear       : both;
}

div.page-750.article span.article-table-header {
	/*display:block;*/
	font-family : robotothin, Verdana, Helvetica, sans serif;
	margin      : 0.5em 0;
	font-weight : normal;
	font-size   : 225%;
	line-height : 1.2;
	clear       : both;
}

div.page-750.article ul {
	list-style-type : disc;
}

div.page-750.article div.footer-column ul {
	list-style-type : none;
}

span.result-type {
	display : inline-block;
	width   : 10%;
	color   : #BBBBBB;
}

a.button.central {
	/*transform : translateX(100%);*/
	margin-left  : auto;
	margin-right : auto;
	clear        : both;
	display      : block;
	width        : 50%;
	text-align   : center;
}

ul.links li p.standfirst {
	font-weight : normal !important;
	font-size   : 80%;
	margin      : 0;
}

ul.links.spotlight li p.standfirst {
	margin : 0;
}

/*
 * 	MEDIA PACK PAGE ELEMENTS
 * 	 */
div.headline-list p {
	font-family   : robotothin, Verdana, Helvetica, sans serif;
	font-size     : 150%;
	line-height   : 1.5;
	margin-bottom : 2em;
}

div.headline-list img {
	float        : left;
	width        : 50%;
	max-width    : 375px;
	margin-right : 1em;
}

@media only screen and (max-width : 760px) {
	div.headline-list p {
		font-size     : 140%;
		margin-bottom : 1.5em;
	}
}

@media only screen and (max-width : 700px) {
	div.headline-list p {
		font-size     : 130%;
		margin-bottom : 1em;
	}
}

@media only screen and (max-width : 650px) {
	div.headline-list p {
		font-size     : 125%;
		margin-bottom : 1em;
	}
}

@media only screen and (max-width : 600px) {
	div.headline-list p {
		font-size     : 120%;
		margin-bottom : 1em;
	}
}

@media only screen and (max-width : 585px) {
	div.headline-list p {
		font-size     : 110%;
		margin-bottom : 1em;
	}
}

@media only screen and (max-width : 525px) {
	div.headline-list p {
		font-size     : 100%;
		margin-bottom : 1em;
	}
}

/*
====================== FEATURED SUPPLIERS ================================
 */

div.featured-container {
	margin   : 0 0 0 6%;
	overflow : auto;
}

div.featured-cell {
	display       : block;
	float         : left;
	margin-right  : 2%;
	width         : 13.7%;
	overflow      : hidden;
	line-height   : 0;
	margin-bottom : 1em;
	height        : 400px;
}

div.featured-cell p {
	text-align  : center;
	line-height : 1.5;
}

div.featured-preview {
	background   : #D8DADC none repeat scroll 0 0;
	border       : 1px solid #A1A2A2;
	display      : block;
	margin-left  : auto;
	margin-right : auto;
	width        : 99%;
}

div.featured-preview img {
	width : 100%;
}

div.featured-preview img.half {
	border-bottom : 1px solid #A1A2A2;
}

div.featured-preview img.third {
	border-right : 1px solid #A1A2A2;
}

div.featured-preview img.quarter {
	border-bottom : 1px solid #A1A2A2;
	border-right  : 1px solid #A1A2A2;
}

div.featured-preview img.half {
	border-bottom : 1px solid #A1A2A2;
}

/*
The featured-cell div class needs a lot of height management, based on width...
*/

@media only screen and (max-width : 1400px) {
	div.featured-cell {
		height : 360px;
		/*background : yellow;*/
	}
}

@media only screen and (max-width : 1125px) {
	div.featured-cell {
		height : 300px;
		/*background : green;*/
	}
}

@media only screen and (max-width : 1000px) {
	div.featured-cell {
		margin-right : 2%;
		width        : 23%;
		height       : 360px;
		/*background   : darkgreen;*/
	}
}

@media only screen and (max-width : 750px) {
	div.featured-cell {
		margin-right : 2%;
		width        : 30%;
		height       : 360px;
		/*background   : darksalmon;*/
	}
}

@media only screen and (max-width : 600px) {
	div.featured-cell {
		height : 340px;
		/*background : darkolivegreen;*/
	}
}

/*
================================================================================
SPOTLIGHT
================================================================================
*/
div#spotlight-banner {
	text-align : center;
}

div#spotlight-banner h1 {
	font-size     : 300%;
	color         : #007AAE;
	margin-bottom : 10px;
}

div#article-filter a {
	color      : #007AAE;
	background : none;
}

div#article-filter a:hover {
	color : #00A4E8;
}

div#article-filter span.selected-item {
	color : red;
}

p.feedback {
	margin-top    : 20px;
	margin-bottom : 0;
}

div.page-links {
	display : inline-block;
}

/*
===============================================================================
	LIST NAVIGATION & SEARCH BOX
===============================================================================
*/
div.list-nav {
	width         : 100%;
	text-align    : center;
	margin-bottom : 1em;
}

div.list-nav span.disabled-link,
div.list-nav a {
	display         : inline-block;
	background      : #A1A2A2;
	font-weight     : bold;
	padding         : 5px 10px 5px 10px;
	margin          : 6px 0 0 0;
	border          : 1px solid #A1A2A2;
	color           : white !important;
	text-decoration : none;
	text-shadow     : none;
	border-radius   : 3px;
}

div.list-nav span.disabled-link {
	color      : #A1A2A2 !important;
	background : #EEEEEE;
	border     : 1px solid #EEEEEE;
}

div.list-nav a:hover {
	text-decoration : none;
	background      : #00ADEF;
	border          : 1px solid #00ADEF;
	color           : white;
	cursor          : pointer;
}

div.list-nav span.list-nav-feedback {
	display : block;
}

div#member-banner {
	width      : 100%;
	height     : 450px;
	background : url(../images/mem_banner_bulletin.jpg) no-repeat top center white;
	margin-top : 5.25em;
}

div#member-banner a {
	display : block;
	width   : 100%;
	height  : 100%;
}

div.mfr-addition {
	border-top  : 1px solid #AAAAAA;
	padding-top : 15px;
}

img.logo-preview {
	float        : left;
	margin-right : 1em;
	border       : 1px solid black;
}

/*
===============================================================================
	CAREERS PAGE
===============================================================================
*/
div.vacancy-list {
	border-top : 1px solid #007AAE;
}

div.vacancy {
	border-bottom : 1px solid #007AAE;
}

/*
===============================================================================
	SITEMAP
===============================================================================
*/
div#sitemap {
	font-size : 95%;
}

div#sitemap h2,
div#sitemap h3 {
	margin-bottom : 0;
	margin-top    : 20px; /* added */
	color         : #007AAE; /* added */
}

div#sitemap div.index-list {
	border : none;
}

div#sitemap div.index-list div.index-item {
	padding-left : 2em;
}

div#sitemap div.index-list div.index-item a {
	/*padding : 10px;*/
	padding : 6px;
}

a.first-login {
	color : #007AAE !important;
}

/*
===============================================================================
	EXPERIMENT 1
===============================================================================
*/
.main-nav {
	border     : 1px solid #BBBBBB;
	background : #FFFFFF;
	/*-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);*/
	/*-moz-box-shadow: 0 1px 41px rgba(0, 0, 0, 0.2);*/
	/*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);*/
}

.main-nav:after {
	clear    : both;
	content  : "\00a0";
	display  : block;
	height   : 0;
	font     : 0px/0 serif;
	overflow : hidden;
}

.nav-brand {
	float  : left;
	margin : 10px;
}

.nav-brand a img {
	display         : block;
	text-decoration : none;
}

#main-menu {
	clear              : both;
	border             : 0;
	-webkit-box-shadow : none;
	-moz-box-shadow    : none;
	box-shadow         : none;
}

@media (min-width : 768px) {
	#main-menu {
		float : right;
		clear : none;
	}
}

/* Mobile menu toggle button */

.main-menu-btn {
	float                       : right;
	margin                      : 5px 10px;
	position                    : relative;
	display                     : inline-block;
	width                       : 29px;
	height                      : 29px;
	text-indent                 : 29px;
	white-space                 : nowrap;
	overflow                    : hidden;
	cursor                      : pointer;
	-webkit-tap-highlight-color : rgba(0, 0, 0, 0);
}

/* hamburger icon */

.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
	position           : absolute;
	top                : 50%;
	left               : 2px;
	height             : 2px;
	width              : 24px;
	background         : #555555;
	-webkit-transition : all 0.25s;
	transition         : all 0.25s;
}

.main-menu-btn-icon:before {
	content : '';
	top     : -7px;
	left    : 0;
}

.main-menu-btn-icon:after {
	content : '';
	top     : 7px;
	left    : 0;
}

/* x icon */

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
	height     : 0;
	background : transparent;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
	top               : 0;
	-webkit-transform : rotate(-45deg);
	transform         : rotate(-45deg);
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
	top               : 0;
	-webkit-transform : rotate(45deg);
	transform         : rotate(45deg);
}

/* hide menu state checkbox (keep it visible to screen readers) */

#main-menu-state {
	position : absolute;
	width    : 1px;
	height   : 1px;
	margin   : -1px;
	border   : 0;
	padding  : 0;
	overflow : hidden;
	clip     : rect(1px, 1px, 1px, 1px);
}

/* hide the menu in mobile view */

#main-menu-state:not(:checked) ~ #main-menu {
	display : none;
}

#main-menu-state:checked ~ #main-menu {
	display : block;
}

@media (min-width : 768px) {
	/* hide the button in desktop view */
	.main-menu-btn {
		position : absolute;
		top      : -99999px;
	}

	/* always show the menu in desktop view */
	#main-menu-state:not(:checked) ~ #main-menu {
		display : block;
	}
}

/*div#menu-content {*/
/*width:100% !important;*/
/*}*/

/*
 * =====================================================
 * GFD Contents listing
 * =====================================================
 */

ul.contents ul {
	margin-bottom : 0;
}

ul.contents ul {
	margin-bottom : 0;
}

ul.contents li.l1 {
	margin-top  : 0.5em;
	font-size   : 110%;
	font-weight : bold;
	color       : #007AAE;
}

ul.contents li.l1 span.indent {
	display : inline-block;
	width   : 2.2em;
}

ul.contents li.l2 {
	/*color : #444444;*/
}

ul.contents li.l2 span.indent {
	display : inline-block;
	width   : 2.5em;
}

ul.contents li.l3 {
	color : #888888;
}

ul.contents li.l3 span.indent {
	display      : inline-block;
	width        : 3em;
	padding-left : 0.5em;
}

ul.contents li.l4 {
	color     : #007AAE;
	font-size : 90%;
}

ul.contents li.l4 span.indent {
	display      : inline-block;
	width        : 3.5em;
	padding-left : 0.5em;
}

/*
===============================================================================
	FOOTER SOCIAL MEDIA STRIPE
===============================================================================
*/

div#footer-social-stripe {
	text-align       : center;
	background-color : #DFDFDF;
}

div#footer-social-stripe h3 {
	margin-bottom  : 0;
	padding-bottom : 0;
}

div#footer-social-stripe ul {
	margin : 0;
}

div#footer-social-stripe ul li {
	display    : inline-block;
	padding    : 0;
	border-top : none;
}

div#footer-social-stripe ul li a {
	display : inline-block;
	width   : 36px;
	height  : 36px;
	margin  : 5px 10px 10px;
}

/*
	LINKEDIN
 */
div#footer-social-stripe ul li a.socialIconLI {
	background : url(/images/icons/linkedin-g.png);
}

div#footer-social-stripe ul li a.socialIconLI:hover {
	background : url("/images/icons/linkedin-c.png");
}

/*
	FACEBOOK
 */
div#footer-social-stripe ul li a.socialIconFB {
	background : url(/images/icons/facebook-g.png);
}

div#footer-social-stripe ul li a.socialIconFB:hover {
	background : url(/images/icons/facebook-c.png);
}

/*
	TWITTER
 */
div#footer-social-stripe ul li a.socialIconT {
	background : url(/images/icons/twitter-g.png);
}

div#footer-social-stripe ul li a.socialIconT:hover {
	background : url(/images/icons/twitter-c.png);
}

/*
	INSTAGRAM
 */
div#footer-social-stripe ul li a.socialIconI {
	background : url(/images/icons/instagram-g.png);
}


div#footer-social-stripe ul li a.socialIconI:hover {
	background : url(/images/icons/instagram-c.png);
}

/*
	VIMEO
 */
div#footer-social-stripe ul li a.socialIconV {
	background : url(/images/icons/vimeo-g.png);
}

div#footer-social-stripe ul li a.socialIconV:hover {
	background : url(/images/icons/vimeo-c.png);
}

p.cta {
	text-align : center !important;
}

/*
===============================================================================
	PRE-LOAD IMAGE FOR ARTICLE PRINT CSS
===============================================================================
*/

.print-only {
	display : none;
}

img.preload {
	position : absolute;
	left     : -9999px;
}

div.spot-header {
	background : url("../images/spot_banner_experiments_1_full.png") no-repeat -9999px -9999px red;
}

/*
===============================================================================
	COVID BANNERS
===============================================================================
*/
div.section.no-media.covid {
	clear         : both;
	overflow      : auto;
	padding       : 0 1em 1em;
	background    : #EAEFF2;
	border-top    : 1px solid black;
	border-bottom : 1px solid black;
	position      : relative;
}

div.section.no-media.covid h2,
div.section.no-media.covid p {
	text-align : center !important;
}

div.section.no-media.covid p.button {
	margin : 0;
}

@media screen and (max-width : 640px) {

	div.section.no-media.covid {
		padding : 0 0 0.5em 0;
	}

	div.section.no-media.covid p {
		font-size : 80%;
	}
}

img.thumb {
	width        : 33% !important;
	float        : left;
	margin-right : 20px;
}

div.boxout img.thumb {
	margin : 10px 20px 10px 10px;
}


/*
================================================================================
 	BULLETIN - TABLE OF CONTENTS DISPLAY
================================================================================
 */


div.toc-header {
	/*text-align : right;*/

}

div.toc-header h1 {
	color : #007AAE;
}

div.toc-header img {
	float  : left;
	margin : 0.5em 2em 2em 0;
}

table.toc tr:hover {
	background-color : #E0E0E0;
}

table.toc td {
	border-left  : none;
	border-right : none;
}

table.toc td.toc-page {
	text-align    : right;
	padding-right : 2em;
}

table.toc td.toc-multiple {
	border : none;
}

table.toc td.toc-multiple-first {
	border-bottom : none;
}

a.anchor-point {
	display     : inline-block;
	padding-top : 150px;
	margin-top  : -150px;
}

/*
================================================================================
 	BULLETIN - ISSUE BROWSER
================================================================================
 */
div#bulletin-browser-wrapper {
	position : relative;
	margin   : 0 auto;
	width    : 55%;
	height   : 600px;
}

iframe#bulletin-browser {
	width  : 99%;
	height : 99%;
	border : 1px solid black;
}

form#nav-login input#nav-username {
	display : none;
}

form.enquiry input#page-email {
	display : none;
}