/* GLOBAL STYLESHEET for Filtermist :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

   Cyan:	rgb(0,173,239)
   Red:		rgb(180,0,16)
  */
  
.clearfix:after {
    content:"";
    display:block;
    clear:both;
}

/*_____________________________________________________________________________________________ PAGE SETUP */
body {background:#fff; font:13px/1.3 'Noto Sans', sans-serif; color:#000;}

#header, #banner, #main, #world-clock, #footer {min-width:1000px;}
.page {width:980px; margin:0 auto;}
/*-------------------------------------------------------------------------------------------------------- */
#header {}
#header .page {position:relative; z-index:2; padding:36px 0 0;}
/*-------------------------------------------------------------------------------------------------------- */
#banner {}
#banner .page {position:relative; padding:45px 0; z-index:0;}
/*-------------------------------------------------------------------------------------------------------- */
#main {background:#ddd url(/images/layout/hatched-bg.png) 0 0 repeat-x; padding-bottom:20px;}
#main .page {position:relative; padding:2em 0 6em;}
/*-------------------------------------------------------------------------------------------------------- */
#footer .page {padding:2em 0;}

.section {background:url(/images/layout/section-rule.png) 0 0 repeat-x; padding-top:2em; margin-top:2em;}
.section:first-child {background:none; padding-top:0; margin-top:0;}

/*____________________________________________________________________________________________ COMMON TAGS */
h1 {font-size:28px; margin-bottom:0.6em;}
h2 {font-size:16px; margin-bottom:1em;}
h3 {font-size:14px; margin-bottom:0.6em;}

h1 a {color:#000;}
h1 a:hover {color:rgb(0,173,239);}

h1 + p.subtitle {font-size:16px; color:rgb(0,173,239); padding-bottom:1.5em; margin-top:-6px;}

ul {margin-left:0; list-style:none;}
ul li {background:url(/images/layout/bullet.png) 0 0.4em no-repeat; padding-left:18px;}

p.intro {}
p.block-quote {font-size:24px; color:rgb(0,173,239);}


/*__________________________________________________________________________________________________ LINKS */
a {font-weight:bold; text-decoration:none; color:rgb(0,85,168);}
a:hover {color:rgb(180,0,16);}

.bullet-link {
	background:url(/images/layout/bullet-link.png) 0 1px no-repeat;
	display:inline-block;
	min-height:14px;
	padding-left:20px;
	font-weight:normal;
	font-size:12px;
	line-height:14px;
	}
.bullet-link:hover {
	background-position:0 -199px;
	}
a .bullet-link {color:rgb(0,85,168);}
a .bullet-link:hover {color:rgb(180,0,16);}

.bullet-link.x-large {
	background-position:0 4px;
	font-size:16px;
	}

.button-link {
	background:rgb(0,173,239) url(/images/layout/button-link-bg.png) 0 0 repeat-x;
	display:inline-block;
	padding:0 18px;
	font-size:14px;
	line-height:30px;
	color:#fff;
	}
.button-link:hover {
	color:#fff;
	}
.pdf-link {
	background:url(/images/layout/pdficon_large.png) 0 0 no-repeat;
	display:inline-block;
	min-height:24px;
	padding:8px 0 0 40px;
	font-weight:normal;
	font-size:13px;
	}

.page-link {
	background:url(/images/content/page-links/page-link-bg.png) 0 0 no-repeat !important;
	width:180px;
	margin-left:30px;
	}
.page-link:first-child {margin-left:0;}
.page-link a {
	display:block;
	position:relative;
	padding-top:220px;
	}
.page-link h2 {
	position:absolute;
	top:55px;
	left:0;
	width:100%;
	font-size:18px;
	text-align:center;
	color:#fff;
	z-index:1;
	}
.page-link a > img {
	position:absolute;
	top:0;
	left:0;
	}
.page-link a p {
	font-weight:normal;
	color:#000;
	}
.page-link.x-fx-series a > img {
	left:-10px;
	}

.hotlink {
	width:150px;
	padding-top:30px;
	margin-left:57.5px;
	font-size:12px;
	}
.hotlink:first-child {
	margin-left:0;
	}
.hotlink h2 {
	font-size:14px;
	text-align:center;
	margin-bottom:16px;
	}
.hotlink h2 a {
	display:block;
	height:36px;
	padding:102px 25px 12px;
	background-position:0 0;
	background-repeat:no-repeat;
	color:#fff;
	}
.hotlink h2 a > span {
	display:table;
	width:100%;
	height:100%;
	}
.hotlink h2 a span span {
	width:100%;
	display:table-cell;
	vertical-align:middle;
	}

.hotlink.x-how-units-work {padding-top:3px;}
.hotlink.x-how-units-work2 {padding-top:20px;}
.hotlink.x-how-units-work h2 a {background-image:url(/images/content/hotlinks/how-units-work.png); padding-top:129px;}
.hotlink.x-how-units-work2 h2 a {background-image:url(/images/content/hotlinks/how-units-work2.png); padding-top:112px;}
.hotlink.x-applications h2 a {background-image:url(/images/content/hotlinks/applications.png);}
.hotlink.x-service-and-spares h2 a {background-image:url(/images/content/hotlinks/service-and-spares.png);}
.hotlink.x-brochure h2 a {background-image:url(/images/content/hotlinks/brochure.png);}
.hotlink.x-quote h2 a {background-image:url(/images/content/hotlinks/f-icon.png);}


.hotlink.x-quote h2 a {height:126px; padding-top:12px; font-size:26px;}

/*__________________________________________________________________________________________________ FORMS */
.x-main-panel .x-form .panel { width: 980px; display: inline-block; padding-bottom: 60px;}
.x-main-panel .x-form h3 { padding-bottom: 20px;}
.x-main-panel .x-form .control-label-service { float: left; width: 130px; padding-bottom: 10px;}
.x-main-panel .x-form .control-content-service { float:left; width: 300px; padding-bottom: 10px;}
.x-main-panel .x-form #tick-boxes { width: 400px;}
.x-main-panel .x-form #tick-boxes h4 {
	font-weight: normal;
	margin-bottom: 10px;
	width: 400px;
	display: inline-block;
}
.x-main-panel .x-form #ctl00_main_frmCustomerRegistration_btnSubmit {
	cursor: pointer;
    font-size: 16px;
    height: 32px;
    width: 260px;
	margin-top: 40px;
	position: absolute;
	left:336px;
	bottom: 25px;
}
.x-main-panel .x-form #tick-boxes .checkboxes {
	margin-bottom: 35px;
}
.x-main-panel .x-form #tick-boxes #different-marg-bot {
	margin-bottom: 10px;
}
.x-main-panel .x-form #tick-boxes .checkboxes input {
    margin:2px 0 0 0;
	vertical-align: top;
}
.x-main-panel .x-form #tick-boxes .checkboxes label {
    margin: 0;
	padding-left: 10px;
	width: 100px;
	display: inline-block;
	vertical-align: top;
}
.p-registration-default #banner .page {
    background: url(/images/content/form/circles.jpg) 100% 45px no-repeat;
    min-height: 150px;
}
/*.p-registration-default #main .page {
	margin-bottom: 24px;
    background: url(/images/content/form/background.png)  no-repeat;
	background-position:  bottom right;
}*/
.p-registration-default #main .col1 {
	float: left;
}
.p-registration-default #main .col2 {
	float: right;
	padding-left: 10px;
}

/*_________________________________________________________________________________________________ HEADER */
#header #logo {
	display:inline-block;
	margin-bottom:21px;
	}
#header #hdr-utilities {
	padding:6px 0;
	position:absolute;
	top:0;
	right:0;
	font-size:11px;
	}
#header #hdr-utilities:after {
	content:'';
	position:absolute;
	bottom:-16px;
	right:0;
	background:url(/images/layout/utility-bar-shadow.png) 100% 100% no-repeat;
	display:block;
	width:480px;
	height:16px;
	}
#header #hdr-utilities #social-links {
	float:left;
	padding:9px 0;
	margin-left:16px;
	}
#header #hdr-utilities #social-links li + li {
	margin-left:6px;
	}
#header #hdr-utilities #drc-link {
	float:left;
	margin-left:16px;
	}
#header #hdr-utilities #drc-link a {
	background:rgb(0,173,239) url(/images/layout/drc-link-bg.png) 100% 100% no-repeat;
	display:block;
	min-height:29px;
	padding:4px 52px 4px 12px;
	font-weight:normal;
	color:#fff;
	border-radius:8px;
	}
#header #hdr-utilities #login-status {
	float:left;
	padding:4px 0;
	text-align:right;
	}
#header #hdr-utilities #login-status .x-name {
	display:block;
	}

/*----------------------------------------------------------------------------------------- MENU STRUCTURE */
#globalnav {position:relative; z-index:100;}
#globalnav ul {list-style:none; margin:0;}
#globalnav > ul > li {position:relative; float:left; margin:0;}
#globalnav > ul > li > a {display:block;}
#globalnav > ul > li > div {position:absolute; left:0; top:0; visibility:hidden; z-index:2;}
#globalnav > ul > li:hover > div {visibility:visible;}


/*------------------------------------------------------------------------------------- MENU CUSTOMISATION */
#globalnav {width:720px;}
#globalnav ul li {background:none; padding-left:0;}
#globalnav > ul > li {margin-left:1px;}
#globalnav > ul > li:first-child {margin-left:0;}
#globalnav > ul > li > a  {
	background:rgb(224,224,224) url(/images/layout/globalnav-bg.png) 0 -120px repeat-x;
	min-height:30px;
	padding:0 10px;
    font-weight:400;
	font-size:12px;
	line-height:30px;
	color:#000;
	}
#globalnav > ul > li:hover > a {
	background-color:rgb(112,112,112);
	background-position:0 -60px;
	color:#fff;
	}
#globalnav li.x-drop > a {
	position:relative;
	}
#globalnav li.x-drop > a:after {
	content:'';
	background:url(/images/layout/globalnav-drop-arrow.png) 0 0 no-repeat;
	position:absolute;
	top:30px;
	left:50%;
	margin-left:-3px;
	display:block;
	width:7px;
	height:6px;
	visibility:hidden;
	/* opacity:0; */
	/* transition:visibility 0s linear 0.2s,opacity 0.2s linear; */
	}
#globalnav li.x-drop:hover > a:after {
	visibility:visible;
	/* opacity:1; */
	/* transition-delay:0s; */
	}
#globalnav li.x-drop > div {
	top:30px;
	min-width:160px;
	padding-top:6px;
	}
#globalnav li.x-drop a.x-overview {
	background-color:rgb(0,173,239);
	background-position:10px 9px;
	display:block;
	padding:8px 10px 8px 30px;
	color:#fff;
	}
#globalnav li.x-drop a.x-overview:hover {
	background-position:10px -191px;
	}
#globalnav div.x-panel {
	background:rgba(255,255,255,0.95);
	box-shadow:0 5px 5px rgba(0,0,0,0.75);
	}
#globalnav div.x-panel > div {
	padding:8px 10px;
	}
#globalnav div.x-panel > div + div {
	border-top:1px solid rgb(221,221,221);
	}
#globalnav div.x-panel > div > strong {
	display:block;
	margin-bottom:0.5em;
	color:rgb(0,173,239);
	}
#globalnav div.x-panel .img-link {
	display:block;
	min-height:50px;
	padding:6px 0 0 90px;
	color:#000;
	font-weight:normal;
	font-size:12px;
	}
#globalnav div.x-panel .img-link span {
	display:block;
	}
#globalnav #gn-about > div {
	min-width: 240px;
	}
/*-------------------------------------------------------------------------------------------------------- */
#globalnav > ul > li > div {
	/* opacity:0; */
	/* transition:visibility 0s linear 0.2s,opacity 0.2s linear; */
	}
#globalnav > ul > li:hover > div {
	/* opacity:1; */
	/* transition-delay:0s; */
	}
/*-------------------------------------------------------------------------------------------------------- */
#globalnav li#gn-products .x-drop {background-position:0 0;}

#globalnav li#gn-products-s-series a {background:url(/images/common/s-series.png) 0 0 no-repeat;}
#globalnav li#gn-products-fx-series a {background:url(/images/common/fx-series.png) 0 0 no-repeat;}
#globalnav li#gn-products-accessories a {background:url(/images/common/accessories.png) 0 0 no-repeat;}
#globalnav li#gn-products-s-fusion a {background:url(/images/common/s-fusion.png) 0 0 no-repeat;}
/*-------------------------------------------------------------------------------------------------------- */
.p-default #globalnav li#gn-home > a,
body[class*='p-products'] #globalnav li#gn-products > a,
body[class*='p-applications'] #globalnav li#gn-applications > a,
.p-health-and-safety-default #globalnav li#gn-health-and-safety > a,
.p-about-default #globalnav li#gn-about > a,
.p-about-corporate #globalnav li#gn-about > a,
.p-exhibitions-default #globalnav li#gn-news > a,
.p-exhibitions-default #globalnav li#gn-exhibitions > a,
.p-contact-default #globalnav li#gn-contact > a {
	background-color:#000;
	background-position:0 0;
	color:#fff;
	}

/*--------------------------------------------------------------------------------------- COUNTRY SELECTOR */
#country-selector {
	position:absolute;
	top:110px;
	right:0;
	width:245px;
	z-index:100;
	font-size:12px;
	}
#country-selector > h2 {
	position:absolute;
	top:-1.8em;
	left:0;
	font-weight:normal;
	font-size:18px;
	color:rgb(180,0,6);
	}
#country-select {
	background:url(/images/layout/globalnav-bg.png) 0 0 repeat-x;
	height:16px;
	padding:7px 9px 7px 10px;
	margin-right:31px;
	}
#country-select .country-selector-trigger {
	cursor:pointer;
	}
#country-select img {
	vertical-align:middle;
	}
#country-select .x-country {
	float:left;
	width:140px;
	color:#fff;
	line-height:16px;
	}
#country-select .x-lang {
	float:right;
	width:50px;
	text-align:right;
	color:rgb(204,204,204);
	line-height:16px;
	}
#country-select .x-ui {
	background:url(/images/layout/country-selector-ui.png) 0 0 repeat-x;
	position:absolute;
	top:0;
	right:0;
	width:30px;
	height:30px;
	}
#country-select.ui-active .x-ui {
	background-position:0 -30px;
	}
#country-select-drop {
	background:rgba(0,0,0,0.95) url(/images/layout/country-selector-world-map-bg.png) 20px 70% no-repeat;
	position:absolute;
	top:0;
	right:0;
	width:959px;
	padding:50px 21px 63px 0;
	display:none;
	z-index:-1;
	cursor:default;
	}
.no-js #country-select:hover #country-select-drop {
	display:block;
	}
#country-select-drop .x-summary {
	float:left;
	width:184px;
	padding:0 30px 0 40px;
	}
#country-select-drop .x-summary p {
	font-size:16px;
	color:rgb(204,204,204);
	}
#country-select-drop .x-options {
	background:url(/images/layout/country-selector-options-bg.png) 0 0 repeat-y;
	float:right;
	width:195px;
	padding:0 19px 0 21px;
	}
#country-select-drop .x-region + .x-region {
	margin-top:2em;
	}
#country-select-drop .x-region h3 {
	font-weight:normal;
	font-size:16px;
	color:rgb(0,173,239);
	}
#country-select-drop .x-region .lang-label {
	font-weight:normal;
	font-size:9px;
	color:rgb(220,220,220);
	float:right;
	margin-top:-12px;
	}
#country-select-drop ul {
	margin:0;
	list-style:none;
	}
#country-select-drop ul li {
	background:none;
	padding-left:0;
	margin-bottom:0;
	}
#country-select-drop ul li a {
	display:block;
	font-weight:normal;
	}
#country-select-drop .x-options ul li a:hover .x-country {
	color:rgb(0,173,239);
	}
#country-select-drop .x-summary ul {
	margin:0 0 90px -40px;
	width:245px;
	}
#country-select-drop .x-summary ul li {
	margin-bottom:10px;
	}
#country-select-drop .x-summary ul li a {
	background:rgb(180,0,6);
	padding:7px 10px 7px 40px;
	line-height:16px;
	}
#country-select-drop .x-summary ul li a .x-lang {
	color:rgb(240,204,205);
	}
#country-select-drop .x-summary ul li:first-child a {
	background:rgb(0,173,239);
	}
#country-select-drop .x-summary ul li:first-child a .x-lang {
	color:rgb(204,239,252);
	}
#country-select-notes {
	position:relative;
	display:none;
	z-index:-2;
	margin-top:10px;
	}
#country-select-notes-global {
	position:relative;
	display:none;
	z-index:-2;
	margin-top:10px;
	}
#country-select-notes p,
#country-select-notes-global p {
	padding-bottom:0.3em;
	}

/*_________________________________________________________________________________________________ BANNER */
#banner .page:after {
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	background:url(/images/layout/banner-shadow.png) 50% 100% no-repeat;
	width:980px;
	height:30px;
	}
#banner p.intro {width:42%;}

/*____________________________________________________________________________________________ WORLD CLOCK */
#world-clock {
	display:none;
	margin:-4em 0 1.5em;
	color:#fff;
	font-size:11px;
	}
#world-clock .page {
	background:rgb(128,128,128);
	padding:5px 0;
	color:#fff;
	font-size:11px;
	}
#world-clock li {
	width:140px;
	text-align:center;
	}
#world-clock li strong {
	display:inline-block;
	padding-right:6px;
	border-right:1px solid rgb(153,153,153);
	margin-right:6px;
	font-weight:normal;
	}

/*_________________________________________________________________________________________________ FOOTER */
#footer {
	font-size:11px;
	}
#absolent-group {
	float:left;
	display:inline-block;
	background:url(/images/layout/absolent-logo.png) 0 100% no-repeat;
	min-height:22px;
	padding:6px 0 0 70px;
	font-weight:normal;
	color:#000;
	}
#absolent-group span {
	display:inline-block;
	padding-left:12px;
	border-left:1px solid #000;
	}
#ftr-utilities {
	float:right;
	margin-top:6px;
	}
#copyright {
	float:right;
	margin-left:3em;
	}
#ftr-links {
	float:right;
	}
#ftr-links a {
	display:inline-block;
	margin-left:1em;
	}

#design-credit {
	float:right;
	clear:both;
	margin-top:1em;
	}
#design-credit a {
	background:url(/images/layout/pepperneck-hover-sprite-67x21.png) 0 0 no-repeat;
	display:block;
	width:67px;
	height:0;
	padding-top:21px;
	overflow:hidden;
	}
#design-credit a:hover {
	background-position:0 -21px;
	}

/*_________________________________________________________________________________________ CONTENT LAYOUT */
.section .x-summary {
	float:left;
	width:300px;
	}
.section .x-body {
	float:right;
	width:640px;
	padding-top:9px;
	}

.section .x-summary h2 {
	font-size:24px;
	font-weight:normal;
	color:rgb(0,173,239);
	}
/*-------------------------------------------------------------------------------------------------------- */
.three-columns > div {
	position:relative;
	float:left;
	width:300px;
	margin-left:40px;
	}
.three-columns > div:first-child {
	margin-left:0;
	}
.three-columns > div.span-two {
	width:640px;
	}
	
/* jQuery Columns */
.column {
	padding-right:24px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:1em;
	}
/*-------------------------------------------------------------------------------------------------------- */
.panel {
	position:relative;
	background:#fff;
	margin-bottom:20px;
	box-shadow:0 4px 6px rgba(0,0,0,0.6);
	}
.panel h2 {
	font-weight:normal;
	font-size:18px;
	color:rgb(0,173,239);
	}
.panel > div {
	padding:24px;
	}
.panel .x-summary {
	float:left;
	width:200px;
	margin:-24px 0 -24px -24px;
	padding:24px 20px 24px 24px;
	}
.panel .x-summary h2 {
	font-size:18px;
	}
.panel .x-body {
	float:right;
	width:482px;
	margin:-24px -24px -24px 0;
	padding:24px 24px 24px 0;
	}
.panel .x-body-left {
	float:left;
	width:460px;
	margin:-24px 0 -24px -24px;
	padding:24px 0 24px 24px;
	}
.panel p:last-child {
	padding-bottom:0;
	}

/*________________________________________________________________________________________ COMMON SNIPPETS */
.tab-menu {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	border-bottom:4px solid rgb(0,173,239);
	z-index:1;
	}
.tab-menu li + li {
	margin-left:8px;
	}
.tab-menu li a {
	display:block;
	background:url(/images/layout/tab-menu-bg.png) 0 -60px repeat-x;
	padding:0 14px;
	font-weight:normal;
	font-size:15px;
	line-height:30px;
	color:#fff;
	}
.tab-menu li a:hover {
	background-position:0 -120px;
	}
.tab-menu li.ui-active a {
	background-position:0 0;
	}
/*-------------------------------------------------------------------------------------------------------- */
.exhibition {
	font-size:12px;
	}
.exhibition .x-badge {
	position:relative;
	display:block;
	background:#fff;
	width:99px;
	height:130px;
	padding:30px 8px 3px;
	box-shadow:0 5px 5px rgba(0,0,0,0.75);
	font-weight:normal;
	color:#000;
	}
.exhibition .x-badge .x-date {
	font-weight:bold;
	margin-top:8px;
	padding-bottom:0;
	}
.exhibition .x-badge .x-date strong {
	position:absolute;
	top:6px;
	right:8px;
	font-size:17px;
	color:rgb(153,153,153);
	}
.exhibition .x-badge .x-location {
	padding-bottom:0;
	}
.exhibition .x-badge .x-flag {
	position:absolute;
	right:8px;
	bottom:3px;
	}
/*-------------------------------------------------------------------------------------------------------- */
.table-notes {font-size:11px; margin:1em 0;}
.table-notes p {padding-bottom:0.2em;}
/*-------------------------------------------------------------------------------------------------------- */
.bubble-note {
	background:url(/images/layout/bubble-note.png) 0 0 no-repeat;
	position:absolute;
	display:block;
	width:93px;
	height:93px;
	padding:6px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	color:#fff;
	}
.bubble-note span {
	display:table;
	width:100%;
	height:100%;
	}
.bubble-note span span {
	display:table-cell;
	width:100%;
	vertical-align:middle;
	}
/*-------------------------------------------------------------------------------------------------------- */
.feature-intro {
	float:right;
	width:300px;
	}
.feature-intro h2 {
	font-weight:normal;
	font-size:24px;
	color:rgb(0,173,239);
	}