/* CONTENT STYLESHEET for Invertek Drives :::::::::::::::::::::::::::::::::::::

/* ------------------------------------------------------------------------------------------------ COLORS //
Invertek Purple			#535486  rgb(83,84,134)
Soft Purple				#948cc3
Save Energy Green		#76b82a
Hyperlink Blue			#0060d8

PUMP Blue				#0075bf
HVAC Green				#76b82a
HVAC Text Green			#50a500
LIFT Orange				#ef7d00
AUTO Purple				#535486  rgb(83,84,134)
MARINE Teal				#0b99bc  rgb(11,153,188)
COMBUSTION Red			#d2081e  rgb(210,8,30)
COMPRESSORS Cool Blue	#6dcaf3  rgb(109,202,243)
COMPRESSORS Text Blue	#0096e8  rgb(0,150,232) // WCAG 2.0 AA compliant on #fff bkgd for large text (18px+)


/* ----------------------------------------------------------------------------------------- ABBREVIATIONS //
fbo = Factory Build Options
gop = General Options
md = Model Data
ds = Datasheet
ots = OptiTools Studio
mspec = Model Specifications
dspec = Drive Specifications
conn = Connection Diagram
doc = Documentation


/*______________________________________________________ BASIC CONFIGURATION */
/*------------------------------- Centered with multiple full bleed sections */
body {background:#000; font-family:Arial, sans-serif; font-size:13px; line-height:1.2; color:#333;}

.pagewrapper {width:972px; margin:0 auto;}
.page {position:relative; z-index:20; width:960px; margin:0 auto;}
.leftbleed {position:absolute; top:0; left:0; width:50%;}

#header, #header .pagewrapper {background:#fff;}
#banner, #banner .pagewrapper {background:#535486 url(/images/public/layout/banner-bg-purple-130.png) 0 0 repeat-x;}
#header {position:relative; z-index:100;}
#banner {position:relative;}
#banner .page {min-height:60px;}
#main, #main .pagewrapper {background:#e5e6e7;}
#main .page {position:static; min-height:200px; padding-bottom:2em;}
#footer, #footer .pagewrapper {background:url(/images/public/layout/footer-bg.png) 0 0 repeat-x;}
#footer {position:relative; z-index:1; border-top:5px solid #535486; border-bottom:1px solid #333; margin-bottom:6em; color:#999;}
#footer .pagewrapper {position:relative; min-height:242px; padding:2em 0 4em; border-top:5px solid #535486; border-bottom:1px solid #333; margin:-5px auto -1px;}

/*______________________________________________________________ COMMON TAGS */
h1 {font-size:26px;}
h2 {font-size:21px;}
h3 {font-size:14px; font-weight:bold; margin-bottom:0.85em;}
h3 {font-size:14px; margin-bottom:0.85em;}
h4 {margin-bottom:0.85em;}

h1, h1 a {font-family:'futura-pt', Arial, sans-serif; font-weight:400; color:#535486;}
h2, h2 a {font-family:'futura-pt', Arial, sans-serif; font-weight:400; color:#535486;}
h3, h3 a {font-family:Arial, sans-serif; color:#000;}
h4 {font-family:Arial, sans-serif; color:#000;}
h5 {font-family:Arial, sans-serif; color:#000;}
h6 {font-family:Arial, sans-serif; color:#000;}

h1 .optidrive-hvac-logo {background:url(/images/common/logos/optidrive/optidrive-hvac-241x52.png) 0 0 no-repeat; display:block; width:241px; height:0; padding-top:52px; overflow:hidden;}
h1 .optidrive-eco-logo {background:url(/images/common/logos/optidrive/optidrive-eco-120x65.png) 0 0 no-repeat; display:block; width:120px; height:0; padding-top:65px; overflow:hidden; margin-bottom:0.3em;}
h3 .small {font-size:0.75em; font-weight:normal;}

a {font-weight:bold; text-decoration:none; color:#0060d8;}
a:hover {color:#0060d8;}
.link {background:url(/images/public/ui/linkbg.png) 0 1px no-repeat; display:inline-block; padding-left:20px; color:#000;}
.link:hover {color:#0060d8;}
.blocklink a {display:block;}
.pdf-link {background:url(/images/common/icons/pdf.png) 0 0 no-repeat; display:inline-block; min-height:16px; padding:8px 0 8px 48px;}
.video-link {
	display:block;
	position:relative;
	}
.video-link:after {
	content:'';
	background:rgba(0,0,0,0.4) url(/images/public/ui/video-link.png) 50% 50% no-repeat;
	position:absolute;
	top:50%;
	left:50%;
	width:84px;
	height:84px;
	border:3px solid rgba(255,255,255,0.4);
	border-radius:45px;
	margin-top:-45px;
	margin-left:-45px;
	}
.video-link:hover:after {
	background-color:rgba(0,0,0,0.6);
	}

h1 + p.subtitle {margin-top:-1em; font-size:14px; color:#000;}
p + h2 {margin-top:1em;}
img + p {margin-top:1em;}
p.aligncentre {text-align:center;}
p.intro {font-size:14px; color:#000;}
p.large-quote {font-family:'futura-pt', Arial, sans-serif; font-size:28px; padding-bottom:0; text-align:right;}
p.em-quote {font-family:'futura-pt', Arial, sans-serif; font-size:18px; line-height:1.4; padding-bottom:0; color:rgb(83,84,134);}
.purple-header {color:#897ea0;}

ul {margin-left:0; list-style:none;}
li {background:url(/images/public/layout/purple-bullet.png) 0 0.4em no-repeat; padding-left:1em; margin-bottom:0.5em;}

ul.ticklist li {background:url(/images/public/layout/tick-bullet.png) 0 0 no-repeat; padding-left:22px; min-height:16px;}

ul.links li {background:none; padding-left:0;}
ul.links li a {background:url(/images/public/ui/linkbg.png) 0 1px no-repeat; display:inline-block; padding-left:20px; color:#000;}
ul.links li a:hover {color:#0060d8;}

.content ul li ul {margin:0.5em 0 1em 20px; list-style:disc;}
.content ul li ul li {background:none; padding-left:0;}

input, button, select {font-family:Arial, sans-serif; font-size:1em;}
input[type="text"] {padding:1px; border-top:1px solid #999; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #999;}

img {display:block; margin-bottom:1em;}
h1 img {margin-bottom:0;}

.btn {
	display: inline-block;
	padding: 0.857em 1.286em;
	font-family:'futura-pt', sans-serif;
	font-weight: 400;
	font-size:16px;
	background: rgb(83,84,134);
	color: #fff;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	box-sizing:border-box;
}
.btn:hover,
.btn:active {
	color: #fff;
}

.box-quote {
	background:#948cc3 !important;
	display:inline-block;
	padding:12px !important;
	color:#fff;
	font-size:12px;
	}
.box-quote:before {
	position:absolute;
	content:'';
	background-size:contain;
	background-repeat:no-repeat;
	}
	
.box-quote.leader-tl:before, /* tl = top left */
.box-quote.leader-tr:before, /* tr = top right */
.box-quote.leader-br:before,
.box-quote.leader-bl:before {width:20px; height:12px;}

.box-quote.leader-rt:before,
.box-quote.leader-rb:before,
.box-quote.leader-lb:before,
.box-quote.leader-lt:before {width:12px; height:20px;}

.box-quote.leader-tl:before {
	background-image:url(/images/public/layout/box-quote-leader-tl.png);
	background-position:100% 100%;
	top:-12px;
	left:10px;
	}
.box-quote.leader-tr:before {
	background-image:url(/images/public/layout/box-quote-leader-tr.png);
	background-position:0 100%;
	top:-12px;
	right:10px;
	}
.box-quote.leader-rt:before {
	background-image:url(/images/public/layout/box-quote-leader-rt.png);
	background-position:0 100%;
	top:10px;
	right:-12px;
	}
.box-quote.leader-rb:before {
	background-image:url(/images/public/layout/box-quote-leader-rb.png);
	background-position:0 0;
	right:-12px;
	bottom:10px;
	}
.box-quote.leader-br:before {
	background-image:url(/images/public/layout/box-quote-leader-br.png);
	background-position:0 0;
	right:10px;
	bottom:-12px;
	}
.box-quote.leader-bl:before {
	background-image:url(/images/public/layout/box-quote-leader-bl.png);
	background-position:100% 0;
	bottom:-12px;
	left:10px;
	}
.box-quote.leader-lb:before {
	background-image:url(/images/public/layout/box-quote-leader-lb.png);
	background-position:100% 0;
	bottom:10px;
	left:-12px;
	}
.box-quote.leader-lt:before {
	background-image:url(/images/public/layout/box-quote-leader-lt.png);
	background-position:100% 100%;
	top:10px;
	left:-12px;
	}

/*___________________________________________________________________ HEADER */
#header .page:first-child {padding:20px 0 12px; height:6em; min-height:58px;}
/*-------------------------------------------------------------------------- */
#hdr-aux {background:url(/images/public/layout/header-dots.png) 100% 100% no-repeat; position:absolute; top:32px; right:0; left:auto; width:720px; padding-bottom:8px;}
#header-logo img {display:inline-block; margin:0;}

.hdr-login-status {float:right; margin-right:45px;}
.hdr-login-status p {padding-bottom:3px;}
.hdr-login-status a.link {margin-right:0.75em;}

/*-------------------------------------------------------------------------- */
#search {position:absolute; top:0; right:0; left:auto; width:215px; overflow:hidden;}
#search input[type="text"] {float:left; width:186px; height:20px; margin:0 1px 0 0; line-height:20px;}
#search input[type="submit"] {background:url(/images/public/ui/btnGoGreen.png) 0 0 no-repeat; float:left; width:24px; height:24px; padding:24px 0 0; border:0; margin:0;}
#search input[type="submit"]:hover {background-position:0 -24px; cursor:pointer;}

p#onlineShopHeader a strong {width:7em; }

/*___________________________________________________________________ FOOTER */
#footer h2 {font-family:'futura-pt', Arial, sans-serif; font-size:18px; color:#fff;}
#footer h2 a {font-weight:400; color:#fff;}
#footer .aside {float:left; width:200px;}
a#footer-logo {position:absolute; top:auto; right:0; bottom:-12px; left:auto;}
/*-------------------------------------------------------------------------- */
.e-news {margin-bottom:1em;}
.e-news input[type="text"] {float:left; width:171px; height:20px; margin:0 1px 0.5em 0; line-height:20px;}
.e-news input[type="submit"] {background:url(/images/public/ui/btnGoPurple.png) 0 0 no-repeat; float:left; width:24px; height:24px; padding:24px 0 0; border:0;}
.e-news input[type="submit"]:hover {background-position:0 -24px; cursor:pointer;}
.e-news p {font-size:11px; margin-top:0.5em;}
/*-------------------------------------------------------------------------- */
.follow-us {margin-bottom:3em;}
.follow-us ul {margin:0; list-style:none;}
.follow-us ul li {float:left; width:20px; margin:0 5px 0 0;}
.follow-us ul li a {display:block; width:20px; height:0; padding-top:20px; overflow:hidden;}
.follow-us #follow-fb a {background:url(/images/public/layout/fb-icon.png) 0 0 no-repeat;}
.follow-us #follow-tw a {background:url(/images/public/layout/tw-icon.png) 0 0 no-repeat;}
.follow-us #follow-in a {background:url(/images/public/layout/in-icon.png) 0 0 no-repeat;}
.follow-us #follow-yt a {background:url(/images/public/layout/yt-icon.png) 0 0 no-repeat;}
.follow-us #follow-g a  {background:url(/images/public/layout/g-icon.png) 0 0 no-repeat;}
/*-------------------------------------------------------------------------- */
.isource-link a, .isource-link a:hover {color:#fff;}

/*-------------------------------------------------------------------------- */
#footer-notes {position:absolute; top:auto; left:6px; bottom:-3.5em; width:960px; height:3em;}
#copyright {float:left; display:inline-block; padding:4px 0 0 0; line-height:24px;}
#credits {float:right; display:inline-block; padding:0; color:#333;}
#credits a {background:url(/images/public/layout/pepperneck-logo.png) 100% 0 no-repeat; display:block; height:24px; padding:4px 96px 0 0; line-height:24px; font-weight:normal; color:#333;}
#credits a:hover {background-position:100% -28px; color:#999;}
#credits a strong {display:none;}

/*___________________________________________________________________ BANNER */
#banner {color:#fff;}
#banner h1, #banner h1 a, #banner h2, #banner h2 a {color:#fff;}
#banner a {color:#fff;}

#banner h1 {display:inline-block; font-size:31px; margin-bottom:0.3em; font-weight:normal; font-family:'futura-pt', Arial, sans-serif;}
#banner h1 + p.subtitle {margin-top:-0.5em;}
#banner h1 + p.sideline {display:inline-block; margin-left:1em; padding-bottom:0; font-size:16px;}
p.sideline img {display:inline-block; margin:0 0.3em;}
p.sideline img.optiflow {margin-bottom:0.05em;}

#banner .page {padding:20px 0;}
#banner .aside {float:right; width:215px; min-height:200px;}
#banner .features {position:relative; float:left; width:635px;}

.banner-icon {position:absolute; top:20px; right:360px;}

/*_____________________________________________________________________ MAIN */
.panel {position:relative; background:#fff; box-shadow:0px 2px 5px rgba(0, 0, 0, 0.2); margin-bottom:16px;}

.panel .contentwrapper {padding-bottom:26px;}

.panel .content {float:left; width:616px; margin-right:-16px;}
.panel .content.wide {width:720px;}
.panel .content.wide1 {width:650px;}
.panel .content.full-width {float:none; width:auto; margin-right:0;}

.panel .content > div {position:relative; padding:26px 32px 26px 16px;}
.panel .content .section {background:url(/images/public/layout/section-rule.png) 0 100% no-repeat;}
.panel .content .section:last-child {background:none;}
.panel .content .section .extra-aside {position:absolute; top:26px; right:-328px; left:auto; width:328px;}
.panel .content .section .margin {float:left; width:156px; padding-left:16px; margin-left:-16px;}
.panel .content .section img.flushleft {float:left; margin:0 2em 2em -16px;}
.panel .content .section img.flushright {float:right; margin:0 -32px 2em 2em;}
.panel .content .section .article {float:right; width:396px;}
.panel .content .section .article img.flushleft {margin-left:-188px; max-width:616px;}
.panel .content .section .column {float:left; width:242px; margin-left:32px;}
.panel .content .section .article .column {margin-left:16px;}
.panel .content .section .article.three-columns .column {width:156px;}
.panel .content .section .floatright {margin:0 0 0.5em 2em;}
.panel .content .section .floatleft {margin:0 2em 0.5em 0;}
.panel .content .section.feature .headline {
	background:#252525 url(/images/public/layout/product-headline-bg.png) 0 0 repeat-x;
	display:inline-block;
	margin-left:-16px;
	padding:16px 32px 20px 16px;
	position:relative;
	}
.panel .content .section.feature .headline.new-product:after {
	content:'NEW';
	background:url(/images/public/content/misc/new-flash.png) 0 0 no-repeat;
	position:absolute;
	top:0;
	right:0;
	max-height:20px;
	padding:0 9px 0 12px;
	font-size:10px;
	line-height:2em;
	font-weight:bold;
	color:#fff;
	}
.panel .content .section.feature .headline h1 {margin-bottom:0.2em; font-size:32px; color:#fff;}
.panel .content .section.feature .headline p {max-width:500px; padding-bottom:0; font-size:14px; color:#fff;}

.panel .content .section .column {float:left; width:242px; margin-left:32px;}
.panel .content .section .columns3 .column {width:178px; margin-left:16px;}
.panel .content .section .columns4 .column {width:156px; margin-left:16px;}
.panel .content .section .article .column {width:190px; margin-left:16px;}
.panel .content .section .article .columns3 .column {width:156px;}
#main .column:first-child {margin-left:0;}

.panel .content.wide .section .article {width:500px;}
.panel .content.wide .section .article .column {width:242px; margin-left:16px;}
.panel .content.wide .section .extra-aside {right:-224px; width:224px;}
.panel .content.wide .section .column {width:320px;}
.panel .content.wide .section .columns3 .column {width:213px; margin-left:16px;}
.panel .content.wide .section .columns4 .column {width:156px; margin-left:16px;}

.panel .content .blocklink a {padding:16px;}
.panel .content .blocklink a .title {display:block; margin-bottom:0.3em; font-family:'futura-pt', Arial, sans-serif; font-size:21px; font-weight:400; color:#535486;}
.panel .content .blocklink a .desc {display:block; margin-bottom:1em; font-weight:normal; color:#000;}

.panel .content.full-width > div {padding-right:16px;}
.panel .content.full-width .feature {z-index:10;}
.panel.sector-overview .content.full-width .feature {padding:0;}

.panel .content.full-width .section .column {width:448px;}
.panel .content.full-width .section .columns3 .column {width:298px; margin-left:16px;}
.panel .content.full-width .section .columns3 .column.span2 {width:612px;}

.panel .content .content-header {
	background-image:url(/images/isource/layout/header-background.jpg);
	padding:10px 15px;
	color:#fff;
	}
.panel .content .content-header h2 {margin:0; color:#fff;}
.panel .content .content-panel {border:1px solid #000; padding:15px;}


/* Flex Columns */
#main .panel .content .section .columns3 {clear:both; display:flex; flex-wrap: wrap;}
#main .panel .content .section .columns3 .column {width:calc(33.3% - 16px); margin-left:8px; margin-right:8px;}
#main .panel .content .section .columns3 .column:nth-child(n + 4) {margin-top:2em;}


.panel .aside {background:url(/images/public/layout/aside-right-bg.png) 0 32px no-repeat; position:relative; background-size:16px 100%; float:right; width:312px; min-height:600px; padding:24px 16px 0 32px;}
.panel .aside.narrow {width:275px;}
.panel .aside.slim {width:208px;}
.panel .aside p.feature {font-size:16px; color:#535486;}
.panel .aside a.link {margin-bottom:0.5em; }
.panel .aside h2 {margin-bottom:0.2em;}
.panel .aside .section {padding:16px 16px 16px 0; border-bottom:1px solid #ccc; margin-right:-16px;}
.panel .aside .section:last-of-type {border-bottom:0;}
.panel .aside .section.blocklink {padding:0;}
.panel .aside .section.blocklink a {padding:20px 16px 20px 104px; margin-left:-16px; font-weight:normal; color:#000;}
.panel .aside .section.blocklink a .title {display:block; margin-bottom:0.5em; font-size:14px; font-weight:bold; color:#000;}
.panel .aside .section.blocklink a .link {font-weight:bold;}
.panel .aside .section.blocklink a .link:hover {color:#0060d8;}

.panel .aside .section .blocklink {padding:0;}
.panel .aside .section .blocklink a {padding:20px 16px 20px 104px; margin-left:-16px; font-weight:normal; color:#000;}
.panel .aside .section .blocklink a .title {display:block; margin-bottom:0.5em; font-size:14px; font-weight:bold; color:#000;}
.panel .aside .section .blocklink a .link {font-weight:bold;}
.panel .aside .section .blocklink a .link:hover {color:#0060d8;}

.panel.first {background:url(/images/public/layout/white20pc.png); margin-top:-8px; padding-top:8px;}
.panel.first .inner {background:#fff;}
.panel.first .contentwrapper.x-intro {background:url(/images/public/layout/gradbg-grey-240.png) 0 100% repeat-x; min-height:240px; padding-bottom:0;}

.panel.first.nav {background:url(/images/public/layout/white10pc.png); margin-top:-48px; padding-top:48px;}
.panel.first.nav .prd-nav {height:24px;}

/*_____________________________________________________________ COMMON ITEMS */
.block {padding:10px;}

.block.enquire-or-buy {
	background: url(/images/public/content/blockEnquireOrBuy.png) 0 0 no-repeat;
	width: 195px;
	height: 40px;
}
.block.enquire-or-buy h3 {
	background: url(/images/common/text/Enquire-or-Buy.png) 0 0 no-repeat;
	display: block;
	width: 99px;
	height: 0;
	padding-top: 16px;
	margin-bottom: 0.3em;
	overflow: hidden;
}
.block.enquire-or-buy select {
	width: 195px;
}
#banner .enquiry-block-wrapper {
	position: absolute;
	top: 20px;
	right: 0;
	left: auto;
}
.enquiry-block-wrapper.wide {
	background: url(/images/public/layout/enquiry-block-wrapper-wide.jpg) 0 0 no-repeat;
	padding: 10px 16px;
	text-align: right;
	margin: 0 -16px 2em 0;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	box-shadow: inset 2px 1px 2px rgba(0, 0, 0, 0.4);
}
.enquiry-block-wrapper.wide .block {
	float: right;
}
.aside .enquiry-block-wrapper {
	margin-top: 2em;
}

.btn-enquiry-or-buy {
	background: linear-gradient(to bottom, rgb(255,248,50) 0%,rgb(255,225,0) 100%);
	color: #000 !important;
	border-radius: 0.25em;
	padding: 0.25em 0.5em;
	width: 170px;
	max-width:100%;
	box-shadow: 0 3px 10px rgba(0,0,0,0.25);
}

.btn-enquiry-or-buy:hover {
	background: linear-gradient(to bottom, rgb(255,247,3) 0%,rgb(237,209,0) 100%);
	box-shadow: 0 5px 12px 3px rgba(0,0,0,0.4);
}

#banner .enquiry-button-wrapper {
	position: absolute;
	top:3.75em;
	right: 0;
}
#banner .product-banner .enquiry-button-wrapper {
	top:auto;
	bottom: 0.75em;
	right:0.5em;
	width:calc(170px - 0.5em);
}

.aside .blocklink.x-optidrive-e2 a {background:url(/images/common/blocklinks/x-optidrive-e2.jpg) 30px 50% no-repeat; min-height:79px;}
.aside .blocklink.x-optidrive-e2 a img {margin-bottom:0;}
.aside .blocklink.x-optidrive-p2 a {background:url(/images/common/blocklinks/x-optidrive-p2.jpg) 30px 50% no-repeat; min-height:79px;}
.aside .blocklink.x-optidrive-p2 a img {margin-bottom:0;}
.aside .blocklink.x-optidrive-hvac a {background:url(/images/common/blocklinks/x-optidrive-hvac.jpg) 30px 50% no-repeat; min-height:79px;}
.aside .blocklink.x-optidrive-hvac a img {margin-bottom:0;}
.aside .blocklink.x-optidrive-eco a {background:url(/images/common/blocklinks/x-optidrive-eco.jpg) 30px 50% no-repeat; min-height:79px;}
.aside .blocklink.x-optidrive-elevator a {background:url(/images/common/blocklinks/x-optidrive-elevator.jpg) 20px 50% no-repeat; min-height:76px;}
.aside .blocklink.x-optidrive-elevator a img {margin-bottom:0;}
.aside .blocklink.x-calculator a {background:url(/images/common/blocklinks/x-calculator.jpg) 15px 16px no-repeat;}
.aside .blocklink.x-calculator a .title {color:#50a500;}

.network-list img {margin-bottom:0;}

.aside .section.x-made-in-uk h3  {background:url(/images/common/flags/small/gb.png) 0 0.2em no-repeat; padding-left:24px;}
.aside .section.x-made-in-uk h4 {margin-top:-20px;font-size:11px;}

.aside .section.x-brochures .blocklink a {position:relative; font-size:14px; font-weight:bold; min-height:45px; margin-top:0.5em; color:#535486;}
.aside .section.x-brochures .blocklink:first-child a {margin-top:0;}
.aside .section.x-brochures .blocklink a img {position:absolute; top:0; left:16px; width:60px; box-shadow:0px 3px 3px rgba(0,0,0,0.75);}

.aside .section.x-brochures .blocklink.x-pump-control a {color:#0075bf;}
.aside .section.x-brochures .blocklink.x-hvac a {color:#50a500;}
.aside .section.x-brochures .blocklink.x-elevators a {color:#ef7d00;}
.aside .section.x-brochures .blocklink.x-marine a {color:#0b99bc;}
.aside .section.x-brochures .blocklink.x-combustion a {color:#d2081e;}
.aside .section.x-brochures .blocklink.x-compressors a {color:#0096e8;}

.aside .blocklink.x-dnv-certificate a {background:url(/images/common/blocklinks/x-dnv-certificate.png) 15px 10px no-repeat; min-height:22px;}

.aside .section.x-calculator-app-ad {background:url(/images/public/content/save-energy/calculator/app-phone.png) 100% 70% no-repeat;}
.aside .section.x-calculator-app-ad h3 .x-new {background:#76b82a; color:#fff; font-weight:bold; display:inline-block; padding:2px;}
.aside .section.x-calculator-app-ad a {display:inline-block;}
.aside .section.x-calculator-app-ad img {margin-bottom:0.5em;}


.aside .blockad {background:#b4b4b4 url(/images/public/layout/gradbg-grey-104.png) 0 0 repeat-x; margin-top:16px; padding:12px;}
.aside .blockad > a {display:block; padding:12px; margin:-12px;}
.aside .blockad .title {display:block; margin-bottom:0.5em; font-size:14px; font-weight:bold; color:#535486;}
.aside .blockad .desc {display:block; margin-bottom:1em; font-weight:normal; color:#000;}
.aside .blockad > a .link {font-weight:bold;}
.aside .blockad > a .link:hover {color:#0060d8;}
.aside .blockad > a .link + .desc {margin:0.5em 0 0;}

.aside .section .blockad:first-child {margin-top:0;}

.aside .blockad.x-optidrive-hvac-basic a {
	background:url(/images/common/blockads/x-optidrive-hvac-basic.png) 100% 100% no-repeat;
	padding-right:55px;
	}
	
.aside .enquiry-button-wrapper {
	margin:2em 0;
}
			
/*---------------------------------------------------------------------------*/
.ots-ad-full-width {
	position:relative;
	background:rgb(0,159,228) url(/images/common/blocklinks/x-optitools-studio-large.png) 0 0 no-repeat;
	padding:46px 435px 16px 235px;
	margin:0 -16px 3em;
	}
.ots-ad-full-width h2 {
	position:absolute;
	top:50px;
	left:16px;
	}
.ots-ad-full-width h3 {
	margin-bottom:0;
	font-family:'futura-pt', Arial, sans-serif;
	font-size:26px;
	font-weight:normal;
	color:#fff;
	}
.ots-ad-full-width p {
	font-size:14px;
	color:#fff;
	}
.ots-ad-full-width .link-wrapper-white {
	background:#fff;
	display:inline-block;
	padding:7px 10px;
	}
/*---------------------------------------------------------------------------*/
#main .content .blocklink.x-support-ad a {
	background:url(/images/common/blocklinks/x-support-ad-large.jpg) 0 0 no-repeat;
	padding:44px 16px 26px 280px;
	height:100px;
	}
#main .content .blocklink.x-support-ad a .title {
	color:#fff;
	font-size:26px;
	}
#main .content .blocklink.x-support-ad a .link:hover {
	color:#fff;
	}
/*---------------------------------------------------------------------------*/
#main .content .blocklink.x-enclosed-drives a {
	background:#000;
	padding:32px 16px;
	}
#main .content .blocklink.x-enclosed-drives a .title {
	font-size:26px;
	color:#fff;
	}
#main .content .blocklink.x-enclosed-drives a .desc {
	font-size:14px;
	color:#fff;
	}
#main .content .blocklink.x-enclosed-drives a .desc strong {
	font-family:'futura-pt', Arial, sans-serif;
	font-size:21px;
	font-weight:700;
	}
#main .content .blocklink.x-enclosed-drives a .link {
	color:#fff;
	}
/*---------------------------------------------------------------------------*/
#news-feature {
	background:url(/images/public/layout/news-feature.jpg) no-repeat ;
	}
#news-feature h2 a {
	color:#FFF;
	}

#news-feature span {
	color:#FFF;
}

#news-feature p {
	color:#FFF;
}

/*---------------------------------------------------------------------------*/
.aside .twitter {
	background:url(/images/public/layout/tw-icon2.png) 0 0 no-repeat;
	display:block;
	min-height:20px;
	padding-left:30px;
	line-height:20px;
	font-size:14px;
	font-weight:normal;
	color:#31aae1;
	}

/*__________________________________________________________________ SECTORS */
body[class*="p-sectors-"] #banner .page {
	background:url(/images/public/layout/banner-highlight.png) 100% 0 no-repeat;
	padding:30px 0;
	min-height:65px;
	}
body[class*="p-sectors-"] #main .panel.first .aside {padding-top:80px;}
img.sector-cube {
	position:absolute;
	top:-67px;
	right:16px;
	left:auto;
	z-index:11;
	pointer-events: none;
	}
.panel.first.sector-overview .contentwrapper {
	background:url(/images/public/layout/sector-feature-bg-240.png) 0 0 repeat-x;
	}
.panel.first.sector-overview .content {
	padding-bottom:0;
	}
.sector-app-list {
	margin-bottom:0;
	margin-left:-16px;
	border-left:2px solid #000;
	}
.sector-app-list li {
	background:none;
	padding-left:16px;
	margin-left:-2px;
	margin-bottom:0.2em;
	}
#banner .btnBack {
	position:absolute;
	top:28px;
	right:360px;
	left:auto;
	display:block;
	background:url(/images/public/ui/btnBack.png) 0 0 no-repeat;
	line-height:30px;
	height:30px;
	padding:0 15px 0 20px;
	color:#000;
	font-weight:normal;
	font-size:14px;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	}

.download-button {
	background:url(/images/isource/layout/download-button.png) 0 0 no-repeat;
	display:block;
	width:105px;
	height:31px;
	font-size:11px;
	font-weight:bold;
	line-height:31px;
	text-align:center;
	}

/*____________________________________________________________________________________________ TABLESORTER */
table.tablesorter {background-color:#fff; margin:0px 0pt 15px; text-align:left; width:570px;border:0px solid #fff;}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {background-color:#fff; padding: 4px 4px 4px 0px; color:#444;border:0px solid #fff;font-size: 0.85em;}
table.tablesorter thead {border-bottom:1px solid #ccc; font-size: 16px; color:#444; margin-bottom:10px;}
table.tablesorter thead tr th:hover, table.tablesorter tfoot tr th:hover {background-color:#fff;}
table.tablesorter thead tr .header {background-image:url(/images/admin/bg.gif); background-repeat:no-repeat; background-position:center right; cursor:pointer;font-size:0.85em;}
table.tablesorter tbody td {padding: 6px 4px 6px 0px; line-height:16px; border-bottom:1px solid #ccc; font-size:0.75em;border-top:0px solid #fff;border-right:0px solid #fff;border-left:0px solid #fff;}
table.tablesorter tbody td a:hover{}
table.tablesorter tbody tr th{border:1px solid #fff;}
table.tablesorter thead tr .headerSortUp {background-image:url(/images/admin/asc.gif);}
table.tablesorter thead tr .headerSortDown {background-image:url(/images/admin/desc.gif);}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {color:#897ea0;}

.data-table {
	margin-bottom:2em;
	}
.data-table th,
.data-table td {
	border:1px solid #000;
	padding:0.4em;
	vertical-align:top;
	text-align:left;
	}


/*_______________________________________________________________________________________________ BLOCKADS */
.aside .blockad.x-support a {background:url(/images/common/blockads/x-support-312x140.jpg) 0 0 no-repeat; height:116px; padding:24px 95px 0 12px;}
.aside .blockad.x-support a .title {font-family:'futura-pt', Arial, sans-serif; color:#fff; font-weight:normal; font-size:20px;}
.aside .blockad.x-support a .link {color:#fff;}
.aside .blockad.x-vsd-spec {position:relative;}
.aside .blockad.x-vsd-spec img {margin-bottom:0;}
.aside .blockad.x-vsd-spec > img {position:absolute; top:auto; right:0; bottom:-20px; left:auto;}
.aside .blockad.x-vsd-spec > div {position:relative;}
.aside .blockad.x-vsd-spec li {margin-right:6px;}
/*_____________________________________________________________________________________________ PRODUCTADS */
.aside .productad {background:#b4b4b4 url(/images/public/layout/gradbg-grey-104.png) 0 0 repeat-x; margin-top:16px;}
.aside .productad a {display:block; padding:12px;}
.aside .productad a .logo {display:block; height:0; padding-top:42px; overflow:hidden; margin-bottom:0.3em;}
.aside .productad a .title {display:block; margin-bottom:0; font-size:14px; font-weight:bold; color:#000;}
.aside .productad a .desc {display:block; margin-bottom:0; font-weight:normal; color:#000;}
.aside .section .productad:first-child {margin-top:0;}

.aside .productad:hover {background:#252525 url(/images/public/layout/gradbg-darkgrey-104.png) 0 0 repeat-x;}
.aside .productad:hover .title {color:#fff;}
.aside .productad:hover .desc {color:#999;}

.aside.narrow .productad a .title {font-size:13px;}
.aside .productad a .desc {font-size:12px;}

/*-------------------------------------------------------------------------------------------------------- */
.aside .productad.x-optidrive-e3 a {background:url(/images/common/blockads/x-optidrive-e3.png) 95% 18px no-repeat;}
.aside .productad.x-optidrive-e3 a .logo {background:url(/images/common/logos/optidrive/optidrive-e3-icon-35x42.png) 0 0 no-repeat; width:35px;}
.aside .productad.x-optidrive-e3:hover .logo {background-image:url(/images/common/logos/optidrive/optidrive-e3-icon-35x42-white.png);}
/*-------------------------------------------------------------------------------------------------------- */
.aside .productad.x-optidrive-e2 a {background:url(/images/common/blockads/x-optidrive-e2.png) 95% 24px no-repeat;}
.aside .productad.x-optidrive-e2 a .logo {background:url(/images/common/logos/optidrive/optidrive-e2-icon-35x42.png) 0 0 no-repeat; width:35px;}
.aside .productad.x-optidrive-e2:hover .logo {background-image:url(/images/common/logos/optidrive/optidrive-e2-icon-35x42-white.png);}
/*-------------------------------------------------------------------------------------------------------- */
.aside .productad.x-optidrive-p2 a {background:url(/images/common/blockads/x-optidrive-p2.png) 95% 4px no-repeat;}
.aside .productad.x-optidrive-p2 a .logo {background:url(/images/common/logos/optidrive/optidrive-p2-icon-64x42.png) 0 0 no-repeat; width:64px;}
.aside .productad.x-optidrive-p2:hover .logo {background-image:url(/images/common/logos/optidrive/optidrive-p2-icon-64x42-white.png);}
/*-------------------------------------------------------------------------------------------------------- */
.aside .productad.x-optidrive-eco a {background:url(/images/common/blockads/x-optidrive-eco.png) 95% 4px no-repeat;}
.aside .productad.x-optidrive-eco a .logo {background:url(/images/common/logos/optidrive/optidrive-eco-icon-77x42.png) 0 0 no-repeat; width:77px;}
.aside .productad.x-optidrive-eco:hover .logo {background-image:url(/images/common/logos/optidrive/optidrive-eco-icon-77x42-white.png);}

.aside.slim .productad.x-optidrive-eco a {background:url(/images/common/blockads/x-optidrive-eco-basic.png) 95% 4px no-repeat;}
/*-------------------------------------------------------------------------------------------------------- */
.aside .productad.x-optidrive-eco a {background:url(/images/common/blockads/x-optidrive-eco.png) 95% 4px no-repeat;}
.aside .productad.x-optidrive-eco a .logo {background:url(/images/common/logos/optidrive/optidrive-eco-icon-77x42.png) 0 0 no-repeat; width:77px;}
.aside .productad.x-optidrive-eco:hover .logo {background-image:url(/images/common/logos/optidrive/optidrive-eco-icon-77x42-white.png);}
/*-------------------------------------------------------------------------------------------------------- */
.aside .productad.x-optidrive-hvac a {background:url(/images/common/blockads/x-optidrive-hvac.png) 95% 4px no-repeat;}
.aside .productad.x-optidrive-hvac a .logo {background:url(/images/common/logos/optidrive/optidrive-hvac-icon-70x42.png) 0 0 no-repeat; width:70px;}
.aside .productad.x-optidrive-hvac:hover .logo {background-image:url(/images/common/logos/optidrive/optidrive-hvac-icon-70x42-white.png);}
/*-------------------------------------------------------------------------------------------------------- */
.aside .productad.x-optidrive-elevator a {background:url(/images/common/blockads/x-optidrive-elevator.png) 95% 24px no-repeat;}
.aside .productad.x-optidrive-elevator a .logo {background:url(/images/common/logos/optidrive/optidrive-elevator-icon-104x42.png) 0 0 no-repeat; width:104px;}
.aside .productad.x-optidrive-elevator:hover .logo {background-image:url(/images/common/logos/optidrive/optidrive-elevator-icon-104x42-white.png);}
/*-------------------------------------------------------------------------------------------------------- */
.aside .productad.x-optidrive-e2-single-phase a {background:url(/images/common/blockads/x-optidrive-e2-single-phase.png) 95% 15px no-repeat;}
.aside .productad.x-optidrive-e2-single-phase a .logo {background:url(/images/common/logos/optidrive/optidrive-e2-single-phase-icon-150x42.png) 0 0 no-repeat; width:150px;}
.aside .productad.x-optidrive-e2-single-phase:hover .logo {background-image:url(/images/common/logos/optidrive/optidrive-e2-single-phase-icon-150x42-white.png);}

/*______________________________________________________________________________________________ SECTORADS */
.aside .sectorad a {display:block; padding:16px 16px 16px 76px; font-weight:normal; color:#000; min-height:38px;}
.aside .sectorad a .title {display:block; margin-bottom:0.2em; font-size:14px; font-weight:bold; color:#000;}
.aside .sectorad a .link {font-weight:bold;}
.aside .sectorad a .link:hover {color:#0060d8;}

.aside .sectorad.x-pump-control {background:url(/images/common/sector-cubes/pump-cube-60x60.png) 0 5px no-repeat;}
.aside .sectorad.x-hvac-building-services  {background:url(/images/common/sector-cubes/hvac-cube-60x60.png) 0 5px no-repeat;}
.aside .sectorad.x-elevators {background:url(/images/common/sector-cubes/lift-cube-60x60.png) 0 5px no-repeat;}
.aside .sectorad.x-automation {background:url(/images/common/sector-cubes/auto-cube-60x60.png) 0 5px no-repeat;}
.aside .sectorad.x-marine {background:url(/images/common/sector-cubes/marine-cube-60x60.png) 0 5px no-repeat;}
.aside .sectorad.x-combustion {background:url(/images/common/sector-cubes/combustion-cube-60x60.png) 0 5px no-repeat;}

.aside .sectorad.x-pump-control a .title {color:#0075bf;}
.aside .sectorad.x-hvac-building-services a .title {color:#50a500;}
.aside .sectorad.x-elevators a .title {color:#ef7d00;}
.aside .sectorad.x-automation a .title {color:#535486;}
.aside .sectorad.x-marine a .title {color:#0b99bc;}
.aside .sectorad.x-combustion a .title {color:#d2081e;}

/*_______________________________________________________________________________ IKNOW AD ______________*/
.aside .iknowad {
	background: url(/images/public/content/iknow/pixel-pattern-ad.png) 0 0 / cover no-repeat;
	margin-left: -16px;
	min-height: 12rem;
	position: relative;
	padding: 1rem !important;
	font-size: 1rem;
}
body[class^="p-sectors-"] .panel .aside  {
  	padding-top: 0 !important;
}
.aside .iknowad .iknow-logo img {
	max-width: 6rem;
	margin: .75rem 0 1.25rem;
	/* position: absolute;
	top: 1.75rem;
	left: 0.9375rem; */
}
.aside .iknowad .article-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	color: #fff;
	font-weight: 400;
	font-family: 'futura-pt', Arial, sans-serif;
}
.aside .iknowad .article-wrapper > a {
	margin-bottom: 0.5rem;
	color: #fff !important;
}
.aside .iknowad .article-wrapper > a:last-child {
	margin-bottom: 0;
}
.aside .iknowad .article-wrapper .expand {
	position: relative;
	margin-bottom: 1.15rem;
	font-size: 1rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.aside .iknowad .article-wrapper .expand p {
	padding: 0;
	margin-right: 2rem;
}
.aside .iknowad.slim .article-wrapper .expand p {
	margin-right: 0;
}
.aside .iknowad .article-wrapper #iknow-button {
	background: rgb(74, 173, 224);
	position: relative;
	padding: 0.5rem 0.25rem 0.4rem 1.25rem;
}
.aside .iknowad .article-wrapper #iknow-button::before {
	content: '\f105';
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    top: 50%;
    left: 0.5rem;
    transform: translateY(-50%);
    font-size: 1em;
    font-weight: 400;
    color: #fff;
}
.aside .iknowad .article-wrapper #iknow-button img {
	margin: 0;
	max-width: 3.7rem;
}
.aside .iknowad #article-link {
	background: #fff;
	font-weight: 700;
    font-family: 'futura-pt', Arial, sans-serif;
	font-size: 0.85rem;
	color: #000 !important;
	padding: 0.75rem 0.7rem;
	position: relative;
}
.aside .iknowad.slim #article-link {
	font-size: 0.9rem;
}
.aside .iknowad #article-no {
	padding: 0 0.5rem;
	position: absolute;
	height: 100%;
	right: 0;
	top: 0;
	background: rgb(74, 173, 224);
	display: flex;flex-direction: column;justify-content: center;
}



/*________________________________________________________________________________________ PRINT PAGE ICON */
#print-page {
	background:url(/images/common/icons/print-icon.png) 50% 0 no-repeat;
	position:absolute;
	top:32px;
	right:24px;
	display:inline-block;
	min-width:30px;
	padding-top:36px;
	text-align:center;
	font-weight:normal;
	color:#000;
	}
#print-page:hover {cursor:pointer;}

/*________________________________________________________________________________________ PRINT PAGE ICON */
#pdf-page {
    background: url(/images/common/icons/pdf.png) 50% 0 no-repeat;
    position: absolute;
    top: 32px;
    right: 64px;
    display: inline-block;
    min-width: 30px;
    padding-top: 36px;
    text-align: center;
    font-weight: normal;
    color: #000;
}

    #pdf-page:hover {
        cursor: pointer;
    }

/*________________________________________________________________________________________ TWITTER FEED */
#twitter_update_list li 
{
    background: url("/images/public/layout/tw-icon.png") no-repeat scroll left 0.4em transparent;
    margin-left: -25px;
    padding: 0px 0px 0px 25px;
}

/*__________________________________________________________________________________________ SIGNATURES */
.signature {margin:3em 0;}
.signature .x-name {display:block; font:400 21px 'futura-pt', Arial, sans-serif; color:#535486;}
.signature .x-position {font-weight:bold; font-size:12px;}




/*____________________________________________________________________________________________ SECTIONS */
.section.x-conformance-marks ul {
	margin-left:-16px;
	}
.section.x-conformance-marks ul li {
	float:left;
	margin-left:16px;
	}

.section.x-made-in-uk h3 {
    margin-bottom:1.5em;
	}
.section.x-made-in-uk ul {
    margin-left:-16px;
	}
.section.x-made-in-uk ul li {
    float:left;
    margin-left:16px;
	}
.section.x-made-in-uk ul li a {
    display:block;
	}


/*_________________________________________________________________________________________ NEWS PANELS */
.news-panels {
	margin-bottom:32px;
	}
	.news-panels .x-post {
		float:left;
		width:300px;
		background:#fff;
		box-shadow:0px 2px 5px rgba(0, 0, 0, 0.2);
		}
		.news-panels .x-post a {
			position:relative;
			display:block;
			padding:16px 16px 16px 128px;
			color:#000;
			font-weight:normal;
			}
			.news-panels .x-post a .x-thumb {
				background-size:cover;
				background-position:50% 50%;
				background-repeat:no-repeat;
				display:block;
				position:absolute;
				top:0;
				left:0;
				width:112px;
				height:100%;
				}
			.news-panels .x-post h3 {
				color:#0060d8;
				}
	.news-panels .x-post + .x-post {
		margin-left:30px;
		}
	.news-panels .all-news {
		text-align:right;
		padding-bottom:16px;
		}
/*_____________HTML SITEMAP______________ */
.v-html-sitemap #banner.row {
	background: none;
	margin-top: -4rem;
}
.v-html-sitemap .sitemap {
	position: relative;
	padding-top: 3.5rem;
}
.v-html-sitemap .sitemap .col-xs-6 {
	width: 21%;
	margin: 1rem 0;
}
.v-html-sitemap .sitemap .col-xs-6.product-list {
	height: 426px;
}
.v-html-sitemap .sitemap h2 {
	margin: 0;
}
.v-html-sitemap .sitemap .category {
	margin: 1.5rem 0 1rem 0;
	text-decoration: underline;
}
.v-html-sitemap .sitemap .list > li {
	padding: 0.4rem 0 0 0;
	font-size: 0.9rem;
	background: none;
}
.v-html-sitemap .sitemap .list li a {
	color: #535486 !important;
}
.v-html-sitemap .sitemap .nested-list {
	padding: 0.5rem 0 0 0.5rem;
}
.v-html-sitemap h3.sub-heading {
	color: #535486 !important;
	font-size: 0.95rem;
	margin: 2rem 0 0;
	text-decoration: underline;
}