/********************************************************************************
 * Reset
 ********************************************************************************/

/* this intrusion is necessary, otherwise the header would not display correctly anyway */
html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
}

div.scs-legacy-header *,
div.scs-legacy-footer * {
	margin: 0;
	padding: 0;
	outline: 0;
}

div.scs-pageheader img,
div.scs-pagefooter img {
	border: 0;
}

div.scs-pageheader ol,
div.scs-pageheader ul,
div.scs-pagefooter ol,
div.scs-pagefooter ul {
	list-style: none;
}

div.scs-pageheader table,
div.scs-pagefooter table {
	border-spacing: 0;
	border-collapse: collapse;
}
/**
* This file is generated from the template in parent/frontend/iconfont/src/iconfont.stylus
* Only edit the template, then re-generate.
* See https://wiki.swisscom.com/display/PD/Swisscom+Icons
*/
@font-face {
  font-family: 'SwisscomIcons';
  src: url("../../base/resources/fonts/SwisscomIcons@2wHK0.eot");
  src: url("../../base/resources/fonts/SwisscomIcons@2wHK0.eot?#iefix") format('only-old-ies-should-get-this'), url("../../base/resources/fonts/SwisscomIcons@2wHK0.woff2") format('woff2'), url("../../base/resources/fonts/SwisscomIcons@2wHK0.woff") format('woff'), url("../../base/resources/fonts/SwisscomIcons@2wHK0.ttf") format('truetype'), url("../../base/resources/fonts/SwisscomIcons@2wHK0.svg#SwisscomIcons") format('svg'), local('☺');
  font-weight: normal;
  font-style: normal;
}

/*
 * Warning: do not convert to LESS
 * IE needs the exact formatting used here.
 * (the file is included in a non-minified clientlib for IE)
 *
 */

@font-face {
	font-family: 'TheSaB3';

	src: url('../../base/resources/fonts/TheSaB3_.eot?#iefix') format('embedded-opentype'),
		url('../../base/resources/fonts/TheSaB3_.woff') format('woff'),
		url('../../base/resources/fonts/TheSaB3_.ttf') format('truetype'),
		url('../../base/resources/fonts/TheSaB3_.svg?') format('svg');
}

@font-face {
	font-family: 'TheSaB5';

	src:
		url('../../base/resources/fonts/TheSaB5_.eot?#iefix') format('embedded-opentype'),
		url('../../base/resources/fonts/TheSaB5_.woff') format('woff'),
		url('../../base/resources/fonts/TheSaB5_.ttf') format('truetype'),
		url('../../base/resources/fonts/TheSaB5_.svg?') format('svg');
}

@font-face {
	font-family: 'TheSerifB3';

	src: url('../../base/resources/fonts/theserifb-w3light-webfont.eot?#iefix') format('embedded-opentype'),
		url('../../base/resources/fonts/theserifb-w3light-webfont.woff') format('woff'),
		url('../../base/resources/fonts/theserifb-w3light-webfont.ttf') format('truetype'),
		url('../../base/resources/fonts/theserifb-w3light-webfont.svg?') format('svg');
}

@font-face {
	font-family: 'TheSaB4';

	src: url('../../base/resources/fonts/TheSaB4_.eot?#iefix') format('embedded-opentype'),
		url('../../base/resources/fonts/TheSaB4_.woff') format('woff'),
		url('../../base/resources/fonts/TheSaB4_.woff2') format('woff2'),
		url('../../base/resources/fonts/TheSaB4_.svg?') format('svg');
}


.scs-font-serif-light {
	font-family: TheSerifB3, 'Times New Roman', Times, Georgia, serif;
}
.scs-font-light {
	font-family: TheSaB3, 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
.scs-font-semi-light {
	font-family: TheSaB4, 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
.scs-font-regular {
	font-family: TheSaB5, 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

/* Workaround to fix layout problem with legacy content (GHQ and help) using old CSS
----------------------------------------------------------------------------------------------------*/

section.wrapper nav.leftMenu {
	margin-left: 17px;
	margin-right: 68px;
}


/* Defaults
----------------------------------------------------------------------------------------------------*/

.scs-pageheader * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-font-smoothing: subpixel-antialiased;
}
.scs-pageheader a:hover,
.scs-pageheader a:active,
.scs-pageheader a:focus {
	color: #2d90ec;
	text-decoration: underline;
}
.scs-pageheader scs-header sdx-search  * {
	box-sizing: inherit;
}
.scs-pageheader scs-header a:hover,
.scs-pageheader scs-header a:active,
.scs-pageheader scs-header a:focus {
	text-decoration: none;
}

/* Link List
----------------------------------------------------------------------------------------------------*/
.scs-pageheader ul.link-list li a.linklist {
	color: #2d90ec;
	line-height: 15.6px;
}
.scs-pageheader ul.link-list li {
	margin-left: 0.8em;
	text-indent: -0.4em;
	overflow: visible;
	margin-bottom: 6px;
	line-height: 15.6px;
}


/********************************************************************************
 * Accessibility
 ********************************************************************************/

div.scs-pageheader .scs-pageheader-accessibility,
div.scs-pageheader h1.scs-pageheader-accessibility,
div.scs-pageheader h2.scs-pageheader-accessibility,
div.scs-pageheader h3.scs-pageheader-accessibility,
div.scs-pagefooter .scs-pagefooter-accessibility,
div#scs-pagefooter-contentWrapper .scs-pagefooter-accessibility,
div.scs-pagefooter h1.scs-pagefooter-accessibility,
div.scs-pagefooter h2.scs-pagefooter-accessibility,
div.scs-pagefooter h3.scs-pagefooter-accessibility,
div.scs-pageheader .accessibility,
div.scs-pageheader h1.accessibility,
div.scs-pageheader h2.accessibility,
div.scs-pageheader h3.accessibility,
div.scs-pagefooter .accessibility,
div.scs-pagefooter h1.accessibility,
div.scs-pagefooter h2.accessibility,
div.scs-pagefooter h3.accessibility {
	position: absolute;
	left: -32768px;
	top: -32768px;
}

div.scs-pageheader .skiplinks {
	position: absolute;
	z-index: 10;
	width: 100%;
	text-align: center;
}

div.scs-pageheader .skiplinks a {
	position: absolute;
	top: -40px;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: white;
	background: url(desktop/css/resources/images/toolbar/bg.png) repeat-x;
	opacity: 0;
	filter: Alpha(Opacity = 0);
}

div.scs-pageheader .skiplinks li:last-child a {
	-webkit-transition: opacity 0.4s ease-out, top 1s ease-in;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

div.scs-pageheader .skiplinks li:last-child a:focus {
	-webkit-transition: all 0;
}

div.scs-pageheader .skiplinks a:focus {
	top: 0;
	text-decoration: underline;
	opacity: 1;
	filter: Alpha(Opacity = 100);
}

div.scs-pageheader .skiplinks li:first-child a:focus {
	-webkit-transition: opacity 0.3s ease-out, top 0.1s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

/********************************************************************************
* General Layout
********************************************************************************/

div.scs-pageheader,
div.scs-pagefooter {
	font-family: TheSaB5, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
}

div.scs-pageheader .pageCenter,
div.scs-pagefooter .pageCenter {
	margin: 0 auto;
	width: 980px;
	text-align: left;
}

div.scs-pageheader .clear,
div.scs-pagefooter .clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 1px;
	overflow: hidden;
}

div.scs-pageheader .positionWrapper,
div.scs-pagefooter .positionWrapper {
	position: absolute;
}

div.scs-pageheader a .linkImageWrapper {
	font-size: 0 !important;
	line-height: 0 !important;
}

div.scs-pageheader a:hover .linkImageWrapper {
	background-color: #11aaff;
}

div.scs-pageheader a:hover .linkImageWrapper img {
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity = 80);
}

#scs-pageheader-search #scs-pageheader-search-form {
	width: 140px;
}

#scs-pageheader-search-form input:focus,
#scs-pagefooter-doormatnav a:focus {
	outline: none;
	color: #000;
}
.scs-accessibility-mode #scs-pageheader-search-form input:focus,
.scs-accessibility-mode #scs-pagefooter-doormatnav a:focus {
	outline: #00f dotted 2px;
	color: #000;
	font-style: normal;
}

.scs-accessibility-mode #scs-pageheader-search-field.placeholder {
	color: #666;
	font-style: italic;
}


/* HEADLINE (CET03)
----------------------------------------------------------------------------------------------------*/

div.scs-pageheader h2,
.scs-pageheader-ui-dialog h2 {
	font: 21px TheSaB3, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #666;
	padding: 0;
	margin: 31px 0;
	text-align: left;
}
.scs-pageheader h3 {
	font: 18px TheSaB5, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #015;
}


.scs-pex-header ul {
	margin: 0;
	padding: 0;
}
div.scs-legacy-header * {
	font-family: TheSaB5, 'Trebuchet MS', Arial, Helvetica, sans-serif !important;
}

/* LOGO
----------------------------------------------------------------------------------------------------*/

#scs-pageheader-logo {
	float: left;
	margin: 13px 0 13px -3px; /* align logo axis with tab above and text below */
	position: relative;
	z-index: 2;
}

#scs-pageheader-logo a,
#scs-pageheader-logo a:hover,
#scs-pageheader-logo a:active,
#scs-pageheader-logo a:focus {
	text-decoration: none;
}

#scs-pageheader-logo .logo,
#scs-pageheader-logo .logotype {
	vertical-align: middle;
}

#scs-pageheader-logo .logo {
	width: 48px;
	overflow: hidden;
	height: 53px;
	display: inline-block;
}

*:first-child+html #scs-pageheader-logo .logo,
* html #scs-pageheader-logo .logo {
	display: inline;
	zoom: 1;
}

#scs-pageheader-logo .logotype {
	font-family: SwisscomIcons !important;
	-webkit-font-feature-settings: "liga","dlig";
	-moz-font-feature-settings: "liga=1, dlig=1";
	-moz-font-feature-settings: "liga","dlig";
	-ms-font-feature-settings: "liga" 1,"dlig" 1;
	-ms-font-feature-settings: "liga", "dlig";
	-o-font-feature-settings: "liga","dlig";
	font-feature-settings: "liga","dlig";
	-moz-font-variant-ligatures: common-ligatures discretionary-ligatures;
	-ms-font-variant-ligatures: common-ligatures discretionary-ligatures;
	-o-font-variant-ligatures: common-ligatures discretionary-ligatures;
	-webkit-font-variant-ligatures: common-ligatures discretionary-ligatures;
	font-variant-ligatures: common-ligatures discretionary-ligatures;
	text-rendering: optimizeLegibility;
	font-size: 33.5px;
	color: #015;
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-ms-transition: color 0.5s;
	-o-transition: color 0.5s;
	transition: color 0.5s;
}

.scs-html-landingpage .scs-pageheader-themeDark #scs-pageheader-logo .logotype,
.scs-pageheader-themeWhite #scs-pageheader-logo .logotype {
	color: white;
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-ms-transition: color 0.5s;
	-o-transition: color 0.5s;
	transition: color 0.5s;
}

div.scs-pagefooter .modDeviceSwitch,
div.scs-pagefooter .scs-highcontrast-link {
	display: inline-block;
	padding-right: 17px;
}

#scs-pagefooter-contentWrapper {
	background: #f5f5f5 url(desktop/css/resources/images/footer/footer-top.png) repeat-x;
}

/* CORPORATE FOOTER (NEF3)
----------------------------------------------------------------------------------------------------*/

#scs-pagefooter-metanav {
	padding: 13px 20px 0;
	height: 27px;
	text-align: right;
	font-size: 11px;
	color: #666;
}

#scs-pagefooter-metanav ul {
	float: left;
	list-style: none;
	margin-top: 0;
}

#scs-pagefooter-metanav ul li {
	float: left;
	margin-left: 20px;
}

#scs-pagefooter-metanav ul li:first-child {
	margin-left: 0;
}

#scs-pagefooter-metanav ul li a {
	font-size: 11px;
	color: #666;
	text-decoration: none;
}

#scs-pagefooter-metanav ul li a:focus,
#scs-pagefooter-metanav ul li a:hover {
	color: #2d90ec;
}
/* BUTTONS (GEL01)
----------------------------------------------------------------------------------------------------*/

div.scs-pageheader .primary-button,
div.scs-pageheader .primary-button:link,
div.scs-pageheader .primary-button:visited,
.scs-pageheader-ui-dialog .primary-button,
.scs-pageheader-ui-dialog .primary-button:link,
.scs-pageheader-ui-dialog .primary-button:visited {
	vertical-align: top;
	position: relative;
	font-weight: normal;
	font-size: 13px;
	cursor: pointer;
	color: white;
	margin: 0 10px 10px 0;
	padding: 4px 12px;
	text-decoration: none;
	border: none;
	background: #086ADB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	transition: all 0.07s cubic-bezier(0.4, 0, 0.6, 1);
}

div.scs-pageheader .primary-button:hover,
.scs-pageheader-ui-dialog .primary-button:hover {
	background: #0048CF;
}

div.scs-pageheader .primary-button:active,
.scs-pageheader-ui-dialog .primary-button:active {
	outline: none; /* get rid of IE's dotted line */
	/* gradient */
	background: #0048CF;
	transform: scale(0.98);
}

div.scs-pageheader a.primary-button:link,
div.scs-pageheader span.primary-button,
.scs-pageheader-ui-dialog a.primary-button:link,
.scs-pageheader-ui-dialog span.primary-button {
	padding: 5px 12px; /* no border */
	display: inline-block;
	vertical-align: top !important;
}

div.scs-pageheader span.primary-button a,
.scs-pageheader-ui-dialog span.primary-button a {
	color: white;
	margin: 0;
	padding: 0;
}

div.scs-pageheader span.primary-button a:hover,
.scs-pageheader-ui-dialog span.primary-button a:hover {
	text-decoration: none;
}

/* Secondary button, for example "More options" */
div.scs-pageheader .secondary-button,
div.scs-pageheader .secondary-button:link,
div.scs-pageheader .secondary-button:visited,
.scs-pageheader-ui-dialog .secondary-button,
.scs-pageheader-ui-dialog .secondary-button:link,
.scs-pageheader-ui-dialog .secondary-button:visited {
	vertical-align: top;
	position: relative;
	font-weight: normal;
	font-size: 13px;
	cursor: pointer;
	color: #333!important;
	margin: 0 10px 10px 0;
	padding: 4px 12px;
	text-decoration: none;
	background: #cfd5d9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	transition: all 0.07s cubic-bezier(0.4, 0, 0.6, 1);
	border: 0;
}

div.scs-pageheader .secondary-button:hover,
.scs-pageheader-ui-dialog .secondary-button:hover {
	background: #b1b9be;
}

div.scs-pageheader .secondary-button:active,
.scs-pageheader-ui-dialog .secondary-button:active {
	outline: none; /* get rid of IE's dotted line */
	background: #b1b9be;
	transform: scale(0.98);
}

div.scs-pageheader a.secondary-button:link,
div.scs-pageheader span.secondary-button,
.scs-pageheader-ui-dialog a.secondary-button:link,
.scs-pageheader-ui-dialog span.secondary-button {
	padding: 4px 12px;
	display: inline-block;
	vertical-align: top !important;
}

div.scs-pageheader span.secondary-button a:hover,
.scs-pageheader-ui-dialog span.secondary-button a:hover {
	text-decoration: none;
}

.ui-widget-overlay {
	background: #000 url(../../portal/resources/jquery-ui/ui-bg_flat_0_000000_40x100.png) 50% 50% repeat-x;
	/* opacity */
	opacity: .60; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity = 60); /* IE lt 8 */
	-ms-filter: "alpha(opacity=60)"; /* IE 8 */
	-khtml-opacity: .60; /* Safari 1.x */
	-moz-opacity: .60; /* FF lt 1.5, Netscape */
}

.ui-dialog.scs-pageheader-ui-dialog {
	font-family: TheSaB5, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #444;
	padding: 2px 25px;
	min-width: 260px; /* 300 without padding*/
	max-width: 400px; /* 460 without padding*/
	background-color: #fff;
	/* box-shadow */
	-webkit-box-shadow: #222 0 0 5px;
	-moz-box-shadow: #222 0 0 5px;
	box-shadow: #222 0 0 5px;
	/* border-radius */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: left;
}

.ui-dialog.scs-pageheader-ui-dialog .ui-dialog-titlebar {
	padding: 11px 3px 11px 0;
}

.ui-dialog.scs-pageheader-ui-dialog .ui-dialog-titlebar .ui-dialog-title {
	color: #015;
	font-size: 17px;
}

.ui-dialog.scs-pageheader-ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
	top: 4px;
	right: -18px;
	margin: 0;
	padding: 0;
	width: 21px;
	height: 21px;
	border: none;
}

.ui-dialog.scs-pageheader-ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon {
	width: 21px;
	height: 21px;
	background: url(../../portal/resources/jquery-ui/ui-dialog-close.png) 0 0 no-repeat;
}

.ui-dialog.scs-pageheader-ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover .ui-icon {
	background-position: 0 -21px;
}

.ui-dialog.scs-pageheader-ui-dialog .ui-dialog-content {
	padding: 0 0 18px 0;
	font-size: 15px;
}

.ui-dialog.scs-pageheader-ui-dialog .ui-dialog-content p {
	margin: 0 0 10px 0;
}

.ui-dialog.scs-pageheader-ui-dialog .ui-dialog-buttonpane {
	margin: 0;
	padding: 16px 0 10px 0;
	border-top: 1px solid #d7d7d7;
}

.ui-dialog.scs-pageheader-ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	position: relative;
	left: 10px;
}

.ui-dialog.scs-pageheader-ui-dialog .ui-dialog-buttonpane button {
	margin: 0 10px 10px 0;
}

.ui-dialog.scs-pageheader-ui-dialog.error .ui-dialog-titlebar .ui-dialog-title,
.ui-dialog.scs-pageheader-ui-dialog.error .ui-dialog-content,
.ui-dialog.scs-pageheader-ui-dialog.error .ui-dialog-content * {
	color: #dd1122 !important;
}

.ui-dialog.scs-pageheader-ui-dialog h3 {
	font: 17px TheSaB3, 'Trebuchet MS', Arial, Helvetica, sans-serif; /* 18 */
	color: #666;
	padding: 0;
	margin: 14px 0 4px 0;
	text-align: left;
}


/* CFU-TOGGLE (NEH01)
-------------------------------------------------------------------------------------*/

.scs-pageheader-branchnav-disabled {
	background: url(desktop/css/resources/branchnav/branchnavRightBg.png) repeat-x 0 4px;
	position: absolute;
	width: 640px;
	height: 40px;
}

ul#scs-pageheader-branchnav {
	position: absolute;
	left: 19px;
	top: 0;
	height: 40px;
	overflow: hidden;
	z-index: 1;
}

ul#scs-pageheader-branchnav li {
	float: left;
	padding: 4px 0 0 2px;
	background: url(desktop/css/resources/branchnav/branchnavLinkBg.png) repeat-x 100% 4px;
	line-height: 15.6px;
}

ul#scs-pageheader-branchnav li a {
	display: block;
	position: relative;
	z-index: 1;
	padding: 8px 17px 0 17px;
	height: 28px;
	color: #fff;
	text-decoration: none;
	background: url(desktop/css/resources/images/toolbar/divider.png) no-repeat 0 1px;
}

ul#scs-pageheader-branchnav li:first-child a {
	background: none;
}

ul#scs-pageheader-branchnav li a:hover,
ul#scs-pageheader-branchnav li.active + li>a:hover {
	background: url(desktop/css/resources/images/level0-bg.png) repeat-x 0 bottom;
}

ul#scs-pageheader-branchnav li a:focus {
	text-decoration: underline;
}

ul#scs-pageheader-branchnav li.active {
	background: transparent url(desktop/css/resources/branchnav/toggleBefore.png) no-repeat 0 4px;
}

ul#scs-pageheader-branchnav li.active a,
ul#scs-pageheader-branchnav li.active a:hover {
	z-index: 2;
	padding-left: 19px;
	padding-right: 19px;
	min-height: 29px;
	background: transparent url(desktop/css/resources/branchnav/toggleAfter.png) no-repeat right top;
	color: #2d90ec;
}

ul#scs-pageheader-branchnav li.active + li > a,
ul#scs-pageheader-branchnav li:hover + li > a {
	background: none
}

.scs-html-landingpage div.scs-legacy-header.scs-pageheader-themeDark ul#scs-pageheader-branchnav li.active a,
.scs-html-landingpage div.scs-legacy-header.scs-pageheader-themeDark ul#scs-pageheader-branchnav li.active a:hover,
div.scs-legacy-header.scs-pageheader-themeWhite ul#scs-pageheader-branchnav li.active a,
div.scs-legacy-header.scs-pageheader-themeWhite ul#scs-pageheader-branchnav li.active a:hover {
	color: #fff;
}

/* TOOLBAR (NEH02)
----------------------------------------------------------------------------------------------------*/

ul#scs-pageheader-toolsnav {
	position: relative;
	z-index: 4;
	float: right;
}

ul#scs-pageheader-toolsnav li {
	float: left;
	padding: 4px 0 0 2px;
	background: url(desktop/css/resources/branchnav/branchnavLinkBg.png) repeat-x 100% 4px;
	line-height: 15.6px;
}
ul#scs-pageheader-toolsnav li * {
	line-height: 12px;
}

ul#scs-pageheader-toolsnav li .scsh-icon {
	line-height: 14px;
}

ul#scs-pageheader-toolsnav li:first-child a {
	background-image: none;
}

ul#scs-pageheader-toolsnav li a {
	display: block;
	position: relative;
	z-index: 1;
	padding: 2px 9px 0 9px;
	min-width: 32px;
	height: 34px;
	overflow: hidden;
	text-align: center;
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	white-space: nowrap;
	background: url(desktop/css/resources/images/toolbar/divider.png) no-repeat 0 1px;
}

ul#scs-pageheader-toolsnav li a:active,
ul#scs-pageheader-toolsnav li a:focus {
	text-decoration: none;
}

ul#scs-pageheader-toolsnav li a:hover {
	background: url(desktop/css/resources/images/level0-bg.png) repeat-x 0 bottom;
}

ul#scs-pageheader-toolsnav li a img {
	width: 14px;
	height: 14px;
}

ul#scs-pageheader-toolsnav li a span {
	display: block;
	margin-top: 2px;
}

ul#scs-pageheader-toolsnav li.active {
	background: transparent url(desktop/css/resources/branchnav/toggleBefore.png) no-repeat 0 4px;
}

ul#scs-pageheader-toolsnav li.active a,
ul#scs-pageheader-toolsnav li.active a:hover {
	z-index: 2;
	padding-left: 11px;
	padding-right: 11px;
	min-height: 29px;
	background: transparent url(desktop/css/resources/branchnav/toggleAfter.png) no-repeat right top;
	color: #2d90ec;
}

ul#scs-pageheader-toolsnav li.active + li > a,
ul#scs-pageheader-toolsnav li:hover + li > a {
	background: none;
}

.scs-html-landingpage div.scs-pageheader-themeDark ul#scs-pageheader-toolsnav li.active a,
.scs-html-landingpage div.scs-pageheader-themeDark ul#scs-pageheader-toolsnav li.active a:hover,
div.scs-pageheader-themeWhite ul#scs-pageheader-toolsnav li.active a,
div.scs-pageheader-themeWhite ul#scs-pageheader-toolsnav li.active a:hover {
	color: #fff;
}

.modHeader ul#scs-pageheader-toolsnav li.active a,
.modHeader ul#scs-pageheader-toolsnav li.active a:hover,
.modHeader.scs-pageheader-themeWhite ul#scs-pageheader-toolsnav li.active a {
	background-color: white;
	border-radius: 5px 5px 0 0;
	color: #2d90ec;
}

div#scs-pageheader-toolbar {
	background: url(desktop/css/resources/branchnav/pageheaderBgNew.png) repeat-x 50% 0;
	min-width: 980px;
}

div#scs-pageheader-toolbar .pageCenter {
	height: 40px;
	position: relative;
}

#scs-pageheader-toolbar .filler {
	position: absolute;
	left: 0;
	top: 4px;
	background: url(desktop/css/resources/branchnav/branchnavLinkBg.png) repeat-x 100% 0;
	height: 36px;
	width: 100%;
}

.scs-pageheader-themeDark #scs-pageheader-toolbar .iconThemeWhite,
.scs-pageheader-themeWhite #scs-pageheader-toolbar .iconThemeDark {
	display: none;
}

/* USER BOX
----------------------------------------------------------------------------------------------------*/

#scs-pageheader-userbox {
	position: relative;
	float: right;
	padding: 4px 0 0 3px;
	z-index: 10000;
	background: url(desktop/css/resources/branchnav/branchnavLinkBg.png) repeat-x 100% 4px;
}

#scs-pageheader-userbox-button {
	display: block;
	width: 146px;
	height: 36px;
	overflow: hidden;
	background: url(desktop/css/resources/images/toolbar/userbox.png) no-repeat 0 -72px;
	font-size: 13px;
	padding-right: 28px;
	text-align: right;
	position: relative;
	z-index: 6;
}

#scs-pageheader-userbox-button.login {
	background-position: 0 0;
	text-align: center;
}

#scs-pageheader-userbox-button.login:hover {
	background-position: 0 -36px;
}

#scs-pageheader-userbox-button:hover {
	background-position: 0 -108px;
}

#scs-pageheader-userbox-button a,
#scs-pageheader-userbox-button a:hover,
#scs-pageheader-userbox-button span.text {
	color: #fff;
	text-decoration: none;
}

.isActive #scs-pageheader-userbox-button,
.isActive #scs-pageheader-userbox-button:hover,
.isActive #scs-pageheader-userbox-button span.text {
	background-position: 0 -144px;
	color: #102b6a;
}

#scs-pageheader-userbox-button span.text {
	display: inline;
	position: absolute;
	top: 8px;
	left: 12px;
	right: 28px;
	line-height: 16px;
}
.msIe #scs-pageheader-userbox-button span.text {
	line-height: 1.2em;
}

#scs-pageheader-userbox-button.login span.text {
	padding-left: 26px;
}

/* USER BOX - MENU
----------------------------------------------------------------------------------------------------*/

#scs-pageheader-userbox-menu {
	display: none;
	position: absolute;
	z-index: 5;
	padding: 0 10px 5px;
	width: 152px;
	border: 1px solid #F4F4F4;
	border-top: none;
	background-color: #fff;
	/* box-shadow */
	-moz-box-shadow: 0 3px 6px #D1D1D1;
	-webkit-box-shadow: 0 3px 6px #D1D1D1;
	box-shadow: 0 3px 6px #D1D1D1;
	text-align: right;
}

/* No Shadow on IE */
html.msIe7 #scs-pageheader-userbox-menu,
html.msIeLt7 #scs-pageheader-userbox-menu {
	border-color: #acacac;
}

.isActive #scs-pageheader-userbox-menu {
	display: block;
}

#scs-pageheader-userbox-menu > ul.accountlinks {
	display: block;
	margin: 12px 0 0;
	padding-bottom: 8px;
	border-bottom: 1px solid #eaeaea;
}

#scs-pageheader-userbox-menu > ul.accountlinks > li {
	padding: 0 17px 4px;
}

#scs-pageheader-userbox-menu > ul.accountlinks > li a {
	color: #015;
}

#scs-pageheader-userbox-menu > ul.accountlinks > li a:hover {
	color: #2D90EC;
	text-decoration: none;
}

#scs-pageheader-userbox-menu > .logout-button {
	background-color: #fff;
	color: #102b6a;
	padding: 0;
	margin-top: 12px;
	margin-right: 17px;
	margin-bottom: 7px;
	display: inline-block;
}
#scs-pageheader-userbox-menu > .logout-button:hover {
	color: #2d90ec;
	text-decoration: none;
}

#scs-pageheader-userbox-menu > .footnote {
	margin: 7px 17px 13px;
	float: right;
}

/* USER BOX - POPUP
----------------------------------------------------------------------------------------------------*/

.modal-holder .button-group a:hover,
.sdx-modal-holder .button-group a:hover {
	border-bottom: 0;
	color: inherit;
}
.modal-holder .button-group a,
.sdx-modal-holder .button-group a {
	border-bottom: 0;
	transition: none;
	color: inherit;
}
.modal-holder .checkbox,
.sdx-modal-holder .checkbox {
	text-align: left;
}


/* META-NAVIGATION (NEH03)
----------------------------------------------------------------------------------------------------*/

div.scs-pageheader div.metanav {
	float: right;
	position: relative;
	z-index: 5;
}

ul#scs-pageheader-metanav {
	position: relative;
	z-index: 1002; /* filterMenuList from e-commerce has z-index set to 1000 */
	margin-top: 12px;
	color: #015;
}

ul#scs-pageheader-metanav > li {
	float: left;
	padding: 0 12px 0 13px;
	height: 15px;
	background: url(desktop/css/resources/images/meta-divider.png) no-repeat;
}

.scs-html-landingpage div.scs-pageheader-themeDark ul#scs-pageheader-metanav > li,
div.scs-pageheader-themeWhite ul#scs-pageheader-metanav > li {
	background-image: url(desktop/css/resources/images/meta-divider-white.png);
}

ul#scs-pageheader-metanav img {
	margin-right: 4px;
	vertical-align: -2px;
}

ul#scs-pageheader-metanav > li:first-child,
.scs-html-landingpage div.scs-pageheader-themeDark ul#scs-pageheader-metanav > li:first-child,
div.scs-pageheader-themeWhite ul#scs-pageheader-metanav > li:first-child {
	padding-left: 0;
	background-image: none;
}

ul#scs-pageheader-metanav > li:last-child {
	padding-right: 0;
}

ul#scs-pageheader-metanav > li.last-child {
	/* separate because ie8 ignores complete statement if a :last-child selector is part of it */
	padding-right: 0;
}

ul#scs-pageheader-metanav > li > a {
	display: block;
	margin-top: -1px;
	color: #015;
	font-size: 13px;
	text-decoration: none;
	white-space: nowrap;
	-webkit-transition: color 0.5s, background-image 0.5s;
	-moz-transition: color 0.5s, background-image 0.5s;
	-ms-transition: color 0.5s, background-image 0.5s;
	-o-transition: color 0.5s, background-image 0.5s;
	transition: color 0.5s, background-image 0.5s;
}

ul#scs-pageheader-metanav > li > a > .activeImage,
ul#scs-pageheader-metanav > li > a > .normalImage {
	position: absolute;
	margin-left: -18px;
}

ul#scs-pageheader-metanav > li > a > .activeImage,
ul#scs-pageheader-metanav > li > a:hover > .normalImage {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: opacity 0.5s;
}
ul#scs-pageheader-metanav > li > a > .normalImage,
ul#scs-pageheader-metanav > li > a:hover > .activeImage {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(enabled = false)";
	filter: none;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	transition: opacity 0.5s;
}

.scs-html-landingpage div.scs-pageheader-themeDark li,
div.scs-pageheader-themeWhite li {
	color: #fff;
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-ms-transition: color 0.5s;
	-o-transition: color 0.5s;
	transition: color 0.5s;
}

.scs-html-landingpage div.scs-pageheader-themeDark ul#scs-pageheader-metanav > li,
div.scs-pageheader-themeWhite ul#scs-pageheader-metanav > li {
	color: #fff;
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-ms-transition: color 0.5s;
	-o-transition: color 0.5s;
	transition: color 0.5s;
}

.scs-html-landingpage div.scs-pageheader-themeDark ul#scs-pageheader-metanav > li, /* also apply style if only one language (no link) is present on page */
.scs-html-landingpage div.scs-pageheader-themeDark ul#scs-pageheader-metanav > li > a,
div.scs-pageheader-themeWhite ul#scs-pageheader-metanav > li, /* also apply style if only one language (no link) is present on page */
div.scs-pageheader-themeWhite ul#scs-pageheader-metanav > li > a {
	color: #fff;
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-ms-transition: color 0.5s;
	-o-transition: color 0.5s;
	transition: color 0.5s;
}

ul#scs-pageheader-metanav > li > a:focus,
ul#scs-pageheader-metanav > li > a:hover,
.scs-html-landingpage div.scs-pageheader-themeDark ul#scs-pageheader-metanav > li > a:focus,
.scs-html-landingpage div.scs-pageheader-themeDark ul#scs-pageheader-metanav > li > a:hover {
	color: #2d90ec;
}
div.scs-pageheader-themeWhite ul#scs-pageheader-metanav > li > a:focus,
div.scs-pageheader-themeWhite ul#scs-pageheader-metanav > li > a:hover {
	text-decoration: underline;
}

div.scs-pageheader .cart-itemcount {
	display: inline-block;
	font-size: 11px;
	line-height: 14px;
	color: #fff;
	background: #e42a30;
	margin: 0 22px;
	padding: 0 4px;
	vertical-align: top;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
HTML.msIe7 div.scs-pageheader .cart-itemcount {
	display: inline;
	zoom: 1;
}


/* LANGUAGE SELECTOR in META-NAVIGATION (NEH03)
-------------------------------------------------------------------------------------*/

li#scs-pageheader-language-switch {
	position: relative;
	z-index: 4;
	padding-left: 13px !important;
}

li#scs-pageheader-language-switch a.active {
	position: relative;
	z-index: 6;
	top: -1px;
	background: url(desktop/css/resources/images/meta-arrow-down.png) no-repeat 25px 6px;
}

li#scs-pageheader-language-switch a.active:hover {
	background-image: url(desktop/css/resources/images/meta-arrow-down-hover.png);
}

.scs-html-landingpage div.scs-pageheader-themeDark li#scs-pageheader-language-switch a.active,
div.scs-pageheader-themeWhite li#scs-pageheader-language-switch a.active {
	background-image: url(desktop/css/resources/images/meta-arrow-down-white.png);
}

li#scs-pageheader-language-switch a,
li#scs-pageheader-language-switch span {
	padding-right: 26px;
	color: #015;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

.scs-html-landingpage div.scs-pageheader-themeDark li#scs-pageheader-language-switch a,
div.scs-pageheader-themeWhite li#scs-pageheader-language-switch a,
div.scs-pageheader-themeWhite li#scs-pageheader-language-switch a.active:focus,
div.scs-pageheader-themeWhite li#scs-pageheader-language-switch a.active:hover {
	color: #fff;
}
div.scs-pageheader-themeWhite li#scs-pageheader-language-switch a.active:focus,
div.scs-pageheader-themeWhite li#scs-pageheader-language-switch a.active:hover {
	text-decoration: underline;
}
div.scs-pageheader-themeWhite li.open#scs-pageheader-language-switch a.active:focus,
div.scs-pageheader-themeWhite li.open#scs-pageheader-language-switch a.active:hover {
	text-decoration: none;
}

.scs-html-landingpage div.scs-pageheader-themeDark li#scs-pageheader-language-switch.open a,
div.scs-pageheader-themeWhite li#scs-pageheader-language-switch.open a {
	color: #015;
}

.scs-html-landingpage div.scs-pageheader-themeDark li#scs-pageheader-language-switch a:focus,
.scs-html-landingpage div.scs-pageheader-themeDark li#scs-pageheader-language-switch a:hover,
div.scs-pageheader-themeWhite li#scs-pageheader-language-switch a:focus,
div.scs-pageheader-themeWhite li#scs-pageheader-language-switch a:hover,
div.scs-pageheader-themeWhite li.open#scs-pageheader-language-switch a:focus,
div.scs-pageheader-themeWhite li.open#scs-pageheader-language-switch a:hover,
li#scs-pageheader-language-switch a:focus,
li#scs-pageheader-language-switch a:hover {
	color: #2d90ec;
}

li#scs-pageheader-language-switch ul {
	display: none;
}

.scs-html-landingpage div.scs-pageheader-themeDark li#scs-pageheader-language-switch.open a.active,
div.scs-pageheader-themeWhite li#scs-pageheader-language-switch.open a.active,
li#scs-pageheader-language-switch.open a.active {
	background-image: url(desktop/css/resources/images/meta-arrow-up.png);
}

.scs-html-landingpage div.scs-pageheader-themeDark li#scs-pageheader-language-switch.open a.active:hover,
div.scs-pageheader-themeWhite li#scs-pageheader-language-switch.open a.active:hover,
li#scs-pageheader-language-switch.open a.active:hover {
	background-image: url(desktop/css/resources/images/meta-arrow-up-hover.png);
}

li#scs-pageheader-language-switch.open ul {
	display: block;
	position: absolute;
	z-index: 5;
	top: -5px;
	left: 2px;
	border: 1px solid #f4f4f4;
	/* border-radius */
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	-webkit-box-shadow: #d1d1d1 0 3px 6px;
	-moz-box-shadow: #d1d1d1 0 3px 6px;
	box-shadow: #d1d1d1 0 3px 6px;
	background-color: #fff;
}

li#scs-pageheader-language-switch.open ul li {
	padding: 8px 0 0 10px;
}

li#scs-pageheader-language-switch.open ul li:first-child {
	padding-top: 28px;
}

li#scs-pageheader-language-switch.open ul li:last-child {
	padding-bottom: 6px;
}

li#scs-pageheader-language-switch.open ul li.last-child {
	/* separate because ie8 ignores complete statement if a :last-child selector is part of it */
	padding-bottom: 6px;
}

li#scs-pageheader-language-switch.open ul li a {
	text-align: right;
}


/* META NAVIGATION :: JUNCTION SWITCH, for example BUSINESS AREA SELECTOR
-------------------------------------------------------------------------------------*/

.scs-pageheader-themeWhite #scs-pageheader-junction-switch-selector.open > a:focus,
.scs-pageheader-themeWhite #scs-pageheader-junction-switch-selector.open > a:hover,
#scs-pageheader-junction-switch-selector > a {
	text-decoration: none;
}
.scs-pageheader-themeWhite #scs-pageheader-junction-switch-selector > a:focus,
.scs-pageheader-themeWhite #scs-pageheader-junction-switch-selector > a:hover {
	text-decoration: underline;
}

#scs-pageheader-junction-switch {
	position: relative;
}

#scs-pageheader-junction-switch-selector {
	border: 1px solid transparent;
	display: inline-block;
	padding: 3px 10px 3px 10px;
	margin: -4px -10px -3px 0;
}

.scs-pageheader-themeWhite #scs-pageheader-junction-switch-selector.open a.active,
#scs-pageheader-junction-switch-selector a.active {
	color: #015;
	padding-right: 0;
}
.scs-pageheader-themeWhite #scs-pageheader-junction-switch-selector a.active {
	color: #fff;
}

.scs-html-landingpage div.scs-pageheader-themeDark #scs-pageheader-junction-switch-selector.open a.active .scs-meta-arrow,
.scs-pageheader-themeWhite #scs-pageheader-junction-switch-selector.open a.active .scs-meta-arrow,
#scs-pageheader-junction-switch-selector a.active .scs-meta-arrow {
	display: inline-block;
	vertical-align: top;
	margin: 5px 0 0 9px;
	background: url(desktop/css/resources/images/meta-arrow-down.png) no-repeat 0 0;
	width: 7px;
	height: 4px; /* meta-arrow-down */
}
#scs-pageheader-junction-switch-selector a.active:hover .scs-meta-arrow,
#scs-pageheader-junction-switch-selector a.active:focus .scs-meta-arrow {
	background-image: url(desktop/css/resources/images/meta-arrow-down-hover.png);
}

.scs-html-landingpage div.scs-pageheader-themeDark #scs-pageheader-junction-switch-selector a.active .scs-meta-arrow,
.scs-pageheader-themeWhite #scs-pageheader-junction-switch-selector a.active .scs-meta-arrow {
	background-image: url(desktop/css/resources/images/meta-arrow-down-white.png);
}

.scs-html-landingpage div.scs-pageheader-themeDark #scs-pageheader-junction-switch-selector.open a.active:hover .scs-meta-arrow,
.scs-pageheader-themeWhite #scs-pageheader-junction-switch-selector.open a.active:hover .scs-meta-arrow,
#scs-pageheader-junction-switch-selector.open a.active:hover .scs-meta-arrow {
	background-image: url(desktop/css/resources/images/meta-arrow-up-hover.png);
}

#scs-pageheader-junction-switch-dropdown a,
#scs-pageheader-junction-switch-dropdown {
	color: #015;
	font-size: 13px;
	text-decoration: none;
	white-space: nowrap;
}

#scs-pageheader-junction-switch-selector a.active,
#scs-pageheader-junction-switch-dropdown.open ul,
#scs-pageheader-junction-switch-dropdown {
	display: inline-block;
}

.scs-html-landingpage div.scs-pageheader-themeDark #scs-pageheader-junction-switch-selector.open a.active .scs-meta-arrow,
.scs-pageheader-themeWhite #scs-pageheader-junction-switch-selector.open a.active .scs-meta-arrow,
#scs-pageheader-junction-switch-selector.open a.active .scs-meta-arrow {
	background: url(desktop/css/resources/images/meta-arrow-up.png) no-repeat 0 0;
}

#scs-pageheader-junction-switch-selector.open {
	background-color: white;
	border: 1px solid #f4f4f4;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}

#scs-pageheader-junction-switch-dropdown.open ul {
	display: block;
}

#scs-pageheader-junction-switch-dropdown.open ul li {
	padding: 8px 26px 0 10px;
	white-space: nowrap;
	text-align: right;
}

li#scs-pageheader-junction-switch-selector {
	position: relative;
	z-index: 24;
}

li#scs-pageheader-junction-switch-selector a.active {
	position: relative;
	z-index: 6;
}

li#scs-pageheader-junction-switch-selector a {
	padding-right: 26px;
	color: #015;
	font-size: 13px;
	text-decoration: none;
	white-space: nowrap;
}

.scs-pageheader-themeWhite #scs-pageheader-junction-switch-selector.open a:focus,
.scs-pageheader-themeWhite #scs-pageheader-junction-switch-selector.open a:hover,
#scs-pageheader-junction-switch-selector a:focus,
#scs-pageheader-junction-switch-selector a:hover,
#scs-pageheader-junction-switch-dropdown li:hover {
	color: #2d90ec;
}
.scs-pageheader-themeWhite #scs-pageheader-junction-switch-selector a:focus,
.scs-pageheader-themeWhite #scs-pageheader-junction-switch-selector a:hover {
	color: #fff;
}

#scs-pageheader-junction-switch-dropdown {
	display: none;
}

#scs-pageheader-junction-switch-dropdown.open {
	background-color: white;
	display: inline-block;
	position: absolute;
	z-index: 5;
	top: -5px;
	left: 2px;
	border: 1px solid #f4f4f4;
	/* border-radius */
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	-webkit-box-shadow: #d1d1d1 0 2px 4px;
	-moz-box-shadow: #d1d1d1 0 2px 4px;
	box-shadow: #d1d1d1 0 2px 4px;
}

#scs-pageheader-junction-switch-dropdown.open {
	top: 18px;
	right: 2px;
	left: auto;
	z-index: 50;
	width: 200px;
	-moz-border-radius: 1px 0 0 0;
	-webkit-border-radius: 1px 0 0 0;
	border-radius: 1px 0 0 0;
}

#scs-pageheader-junction-switch-selector.open ul {
	padding: 0 0 10px 0;
}

li#scs-pageheader-junction-switch-selector.open ul li {
	padding: 8px 0 0 10px;
}

li#scs-pageheader-junction-switch-selector.open ul li:first-child {
	padding-top: 28px;
}

li#scs-pageheader-junction-switch-selector.open ul li a {
	text-align: right;
}

/* HORIZONTAL NAVIGATION (NEN1)
-------------------------------------------------------------------------------------*/

ul#scs-pageheader-topnav {
	clear: both;
	display: block;
	/* necessary for ie7-8 */
	position: relative;
	z-index: 1;
	margin-left: -3px;
	height: 44px;
	background: url(desktop/css/resources/images/level1-bg.png) repeat-x 0 0;
}

ul#scs-pageheader-topnav.scs-empty {
	height: 1px;
	background: none;
	border-bottom: 1px solid #ddd;
	display: inline-block;
	margin-left: 20px;
	margin-bottom: -10px;
	width: 940px;
}

ul#scs-pageheader-topnav > li {
	float: left;
	padding: 4px 0 0 2px;
	line-height: 1; /* for consistency on mac and windows */
	background: url(desktop/css/resources/images/level1-divider.png) no-repeat 0 4px;
}

ul#scs-pageheader-topnav > li:first-child {
	margin-left: 4px;
	padding-left: 0;
	background-image: none;
}

ul#scs-pageheader-topnav > li > a {
	display: block;
	/* necessary for ie7-8 */
	position: relative;
	z-index: 2;
	padding: 8px 17px 0;
	height: 28px;
	color: #015;
	font-size: 15px;
	text-decoration: none;
	white-space: nowrap;
}

ul#scs-pageheader-topnav > li > a:focus,
ul#scs-pageheader-topnav > li > a:hover {
	color: #2d90ec;
}

ul#scs-pageheader-topnav > li.active > a {
	margin-top: -2px;
	padding-top: 10px;
	background: url(desktop/css/resources/images/level1-over-bg.png) repeat-x;
	color: #2d90ec;
}

ul#scs-pageheader-topnav > li.active:first-child > a {
	/* border-radius */
	-moz-border-radius: 6px 0 0 6px;
	-webkit-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
}

ul#scs-pageheader-topnav > li.bigDivider {
	background-position: 0 -36px;
}

ul#scs-pageheader-topnav.megaDdVisible {
	background-position: 0 -44px;
}

ul#scs-pageheader-topnav > li.open > a {
	left: 2px;
	z-index: 3;
	margin-top: -4px;
	margin-left: -4px;
	padding: 11px 18px 0 18px;
	border: 1px solid #dadada;
	/* border-radius and box-shadow */
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	-webkit-box-shadow: #d6d6d6 0 2px 4px;
	-moz-box-shadow: #d6d6d6 0 2px 4px;
	box-shadow: #d6d6d6 0 2px 4px;
	background-color: #fff;
	color: #2d90ec;
}

ul#scs-pageheader-topnav > li:first-child > a.open {
	left: 3px;
	padding-left: 17px;
	padding-right: 19px;
}

/* SEARCH BAR (NEN2)
-------------------------------------------------------------------------------------*/

#scs-pageheader-search {
	z-index: 2;
	margin-top: -36px;
	margin-left: 820px;
	white-space: nowrap;
	position: absolute;
	right: auto;
}

#scs-pageheader-search-field {
	float: left;
	width: 109px; /* 112-3 */
	padding-left: 3px;
	height: 23px;
	border: none;
	background: url(desktop/css/resources/images/search-field-bg.png) no-repeat;
}

HTML.msIe7 #scs-pageheader-search-field,
HTML.msIe8 #scs-pageheader-search-field {
	padding-top: 4px !important;
}

#scs-pageheader-search-field.scs-standalone {
	width: 97px;
	height: 15px;
	margin-top: 1px;
	font-weight: normal;
	font-size: 13px;
	color: #001D51;
	background: #f5f5f5;
	padding: 2px 7px 3px 7px;
	border: 1px solid #F1F1F1;
	border-right: none;
	-webkit-box-shadow: #ccc -1px -1px 0;
	-moz-box-shadow: #ccc -1px -1px 0;
	box-shadow: #ccc -1px -1px 0;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}

#scs-pageheader-search-button {
	cursor: pointer;
	float: left;
	width: 28px;
	height: 24px;
	border: none;
	background: url(desktop/css/resources/images/search-button-bg.png) 0 0 no-repeat;
}

#scs-pageheader-search-field:focus ~ #scs-pageheader-search-button,
#scs-pageheader-search-button:hover {
	background-image: url(desktop/css/resources/images/search-button-bg-active.png);
}

/* MEGA-DROP-DOWN (NEN3)
----------------------------------------------------------------------------------------------------*/

#scs-pageheader-megadropdown-wrapper {
	display: none;
	height: 331px;
	margin-left: -8px;
	margin-top: -5px;
	overflow: hidden;
	padding-left: 8px;
	width: 996px;
	z-index: 1001; /* filterMenuList from e-commerce has z-index set to 1000 */
}

HTML.msIe7 #scs-pageheader-megadropdown-wrapper,
HTML.msIe8 #scs-pageheader-megadropdown-wrapper {
	margin-top: -4px !important;
}

HTML.msIe7 #scs-pageheader-megadropdown,
HTML.msIe8 #scs-pageheader-megadropdown {
	margin-top: -1px !important;
}

#scs-pageheader-megadropdown {
	display: none;
	clear: both;
	position: absolute;
	z-index: 900;
	width: 978px;
	overflow: hidden;
	border: 1px solid #dddcdd;
	border-top-width: 0;
	/* box-shadow */
	-webkit-box-shadow: #d6d6d6 0 2px 4px;
	-moz-box-shadow: #d6d6d6 0 2px 4px;
	box-shadow: #d6d6d6 0 2px 4px;
	background-color: #fff;
}

#scs-pageheader-megadropdown .section ul li {
	margin-left: 0;
	text-indent: 0;
}

#scs-pageheader-megadropdown-loader {
	display: none;
	height: 88px;
	background: url(desktop/css/resources/images/mega-loader.gif) no-repeat center center;
}

#scs-pageheader-megadropdown .mdd-content {
	display: none;
	height: 321px;
	overflow: hidden;
	position: relative;
}

/* CONTENT of MEGA-DROP-DOWN (NEN3)
-------------------------------------------------------------------------------------*/

#scs-pageheader-megadropdown .mdd-content .section {
	float: left;
	margin: 17px 0 19px 20px;
	width: 140px;
	overflow: hidden;
	font-size: 13px;
	color: #333;
}

#scs-pageheader-megadropdown .mdd-content .section:first-child {
	margin-left: 19px;
}

#scs-pageheader-megadropdown .mdd-content .section a,
#scs-pageheader-megadropdown .mdd-content .section a * {
	font-size: 13px;
	color: #015;
	text-decoration: none;
}

#scs-pageheader-megadropdown .mdd-content .section a:focus,
#scs-pageheader-megadropdown .mdd-content .section a:focus *,
#scs-pageheader-megadropdown .mdd-content .section a:hover,
#scs-pageheader-megadropdown .mdd-content .section a:hover * {
	color: #2d90ec;
}

#scs-pageheader-megadropdown .mdd-content .section .title {
	display: block;
	margin: 15px 0 12px;
	font-size: 15px;
	font-weight: normal !important; /* necessary because otherwise it interferes with corporate css */
}

#scs-pageheader-megadropdown .mdd-content .section ul {
	list-style: none;
}

#scs-pageheader-megadropdown .mdd-content .section li {
	margin-top: 8px;
	line-height: 15.6px;
}

#scs-pageheader-megadropdown .mdd-content .section li:first-child {
	margin-top: 0;
}

#scs-pageheader-megadropdown .mdd-content .section li:before {
	content: normal;
}

/* SUPPORT-BOX in MEGA-DROP-DOWN
-------------------------------------------------------------------------------------*/

#scs-pageheader-megadropdown .scs-supportbox {
	float: right;
	margin-left: 40px;
	padding: 17px 10px 0 20px;
	width: 268px;
	height: 304px;
	overflow: hidden;
	background: url(desktop/css/resources/images/supportbox/bg.png) no-repeat;
}

#scs-pageheader-megadropdown .scs-supportbox .help {
	position: absolute;
	margin-left: -40px;
	width: 20px;
	height: 80px;
	background: url(desktop/css/resources/images/supportbox/help-en.png) no-repeat center center;
}

#scs-pageheader-megadropdown .scs-supportbox .help.de {
	background-image: url(desktop/css/resources/images/supportbox/help-de.png);
}

#scs-pageheader-megadropdown .scs-supportbox .help.fr {
	background-image: url(desktop/css/resources/images/supportbox/help-fr.png);
}

#scs-pageheader-megadropdown .scs-supportbox .help.it {
	background-image: url(desktop/css/resources/images/supportbox/help-it.png);
}

#scs-pageheader-megadropdown .scs-supportbox div.title {
	padding-bottom: 4px;
}

#scs-pageheader-megadropdown .scs-supportbox div.title a {
	color: #015;
	font-size: 15px;
}

#scs-pageheader-megadropdown .scs-supportbox div.title a:hover {
	color: #007feb;
}

#scs-pageheader-search-field.placeholder {
	color: #666;
	font-style: italic;
}

/* CONTENT of MEGA-DROP-DOWN (NEN3)
-------------------------------------------------------------------------------------*/

/* modMddAdbox ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#scs-pageheader-megadropdown .mdd-content .modMddAdbox,
#scs-pageheader-megadropdown .mdd-content .modMddAdbox .par.parsys {
	box-sizing: border-box;
}

#scs-pageheader-megadropdown .mdd-content .modMddAdbox {
	margin: 0;
	width: 319px;
	height: 100%;
	border-left: 1px solid #ddd;
	right: 0;
	top: 0;
	position: absolute;
}

#scs-pageheader-megadropdown .mdd-content .modMddAdbox .par.parsys,
#scs-pageheader-megadropdown .mdd-content .modMddAdbox .modBackgroundContainer,
#scs-pageheader-megadropdown .mdd-content .modMddAdbox .backgroundcontainer {
	width: 100%;
	padding: 0;
	height: 100%;
}

#scs-pageheader-megadropdown .mdd-content .modMddAdbox .section,
#scs-pageheader-megadropdown .mdd-content .modMddAdbox .section:first-child {
	box-sizing: border-box;
	margin: 0;
}

/* reset default styles for components ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#scs-pageheader-megadropdown .mdd-content .modMddAdbox .textimage .left .imageContainer {
	margin: 0;
}

#scs-pageheader-megadropdown .mdd-content .modMddAdbox .textimage .left .textContainer {
	margin-left: 90px;
}

#scs-pageheader-megadropdown .mdd-content .modMddAdbox .section,
#scs-pageheader-megadropdown .mdd-content .modMddAdbox .textimage,
#scs-pageheader-megadropdown .mdd-content .modMddAdbox .mod {
	width: 100%;
	box-sizing: border-box;
}

#scs-pageheader-megadropdown .mdd-content .modMddAdbox .textimage .imageContainer {
	width: 70px;
}

#scs-pageheader-megadropdown .mdd-content .modMddAdbox .priceorder {
	padding-left: 90px;
	box-sizing: border-box;
}

/* edit mode ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.cq_isEditMode #scs-pageheader-megadropdown-wrapper {
	z-index: 999999;
}
/* DOORMAT FOOTER (NEF2)
----------------------------------------------------------------------------------------------------*/

#scs-pagefooter-doormatnav-wrapper {
	padding: 16px 0 8px 19px;
}

#scs-pagefooter-doormatnav {
	padding: 6px 0 21px;
}

/* BRANCHES in DOORMAT FOOTER (NEF2)
-------------------------------------------------------------------------------------*/

#scs-pagefooter-doormatnav > ul > li {
	float: left;
	padding-left: 20px;
	width: 140px;
}

#scs-pagefooter-doormatnav > ul > li:first-child {
	padding-left: 0;
}

#scs-pagefooter-doormatnav > ul > li > a,
#scs-pagefooter-doormatnav > ul > li > span {
	font-size: 15px;
	color: #666;
	text-decoration: none;
}

#scs-pagefooter-doormatnav > ul > li > a:focus,
#scs-pagefooter-doormatnav > ul > li > a:hover {
	color: #2d90ec;
}

/* NAVIGATION in DOORMAT FOOTER (NEF2)
-------------------------------------------------------------------------------------*/

#scs-pagefooter-doormatnav ul ul {
	margin-top: 3px;
}

#scs-pagefooter-doormatnav ul ul li {
	padding-top: 9px;
}

#scs-pagefooter-doormatnav ul ul li a {
	font-size: 11px;
	color: #555555;
	text-decoration: none;
}

#scs-pagefooter-doormatnav ul ul li a:focus,
#scs-pagefooter-doormatnav ul ul li a:hover {
	color: #2d90ec;
}

#scs-pagefooter-doormatnav .socialmedia {
	font-size: 11px;
	color: #555555;
	margin-top: 36px;
}

#scs-pagefooter-doormatnav .socialmedia span.prefix {
	margin-bottom: 5px;
	display: inline-block;
}

#scs-pagefooter-doormatnav .socialmedia ul {
	margin-top: 0;
	list-style: none;
}

#scs-pagefooter-doormatnav .socialmedia ul li {
	float: left;
	margin-right: 5px;
	padding-top: 2px;
}

#scs-pagefooter-doormatnav li.showall {
	margin-top: 30px;
}


/* Mini Shopping Cart in META-NAVIGATION
-------------------------------------------------------------------------------------*/

li#shoppingCartLink-wrap {
	position: relative;
	z-index: 4;
	padding-left: 26px !important;
}

#shoppingCartLink.active {
	position: relative;
	z-index: 6;
	top: 0;
	background: url(desktop/css/resources/images/meta-arrow-down.png) no-repeat 100% 6px;
	padding-right: 16px;
}

#shoppingCartLink.active:hover {
	background-image: url(desktop/css/resources/images/meta-arrow-down-hover.png);
}

.scs-html-landingpage div.scs-pageheader-themeDark #shoppingCartLink.active,
div.scs-pageheader-themeWhite #shoppingCartLink.active {
	background-image: url(desktop/css/resources/images/meta-arrow-down-white.png);
}

.scs-html-landingpage div.scs-pageheader-themeDark li#shoppingCartLink-wrap.open a,
div.scs-pageheader-themeWhite li#shoppingCartLink-wrap.open a {
	color: #015;
}

div.scs-pageheader-themeWhite li.open#shoppingCartLink-wrap a.active:focus,
div.scs-pageheader-themeWhite li.open#shoppingCartLink-wrap a.active:hover {
	text-decoration: none;
	color: #2d90ec;
}

li#shoppingCartLink-wrap > div {
	display: none;
}

.scs-html-landingpage div.scs-pageheader-themeDark li#shoppingCartLink-wrap.open #shoppingCartLink.active,
div.scs-pageheader-themeWhite li#shoppingCartLink-wrap.open #shoppingCartLink.active,
li#shoppingCartLink-wrap.open #shoppingCartLink.active {
	background-image: url(desktop/css/resources/images/meta-arrow-up.png);
}

.scs-html-landingpage div.scs-pageheader-themeDark li#shoppingCartLink-wrap.open #shoppingCartLink.active:hover,
div.scs-pageheader-themeWhite li#shoppingCartLink-wrap.open #shoppingCartLink.active:hover,
li#shoppingCartLink-wrap.open #shoppingCartLink.active:hover {
	background-image: url(desktop/css/resources/images/meta-arrow-up-hover.png);
}

li#shoppingCartLink-wrap.open > div {
	display: block;
	position: absolute;
	border: 1px solid #f4f4f4;
	/* border-radius */
	-webkit-box-shadow: #d1d1d1 0 3px 6px;
	-moz-box-shadow: #d1d1d1 0 3px 6px;
	box-shadow: #d1d1d1 0 3px 6px;
	background-color: #fff;
}

#cartmini, #cartmini .scs-cartmini-error, #cartmini .scs-cartmini-empty, #cartmini .scs-cartmini-inner { display: none; }

li#shoppingCartLink-wrap.open > #cartmini {
	top: 18px;
	right: -1px;
	z-index: 5;

	width: 398px;
	padding: 24px 15px 15px;
	line-height: 16px;
	display: block;
}

li#shoppingCartLink-wrap.open > #cartmini-top {
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	top: -5px;
	right: -1px;
	width: 100%;
	z-index: 4;
	height: 23px;
}

li#shoppingCartLink-wrap.open > span {
	display: block;
	position: absolute;
	width: 100%;
	height: 5px;
	z-index: 6;
	background: #fff;
	top: 16px;
	right: 0;
}

.scs-cartmini-inner > table, #cartmini .scs-cartmini-empty {
	width: 100%;
	background:#fafafa;
	background:-webkit-gradient(linear,center top,center bottom,from(white) to(#f5f5f5));
	background:-webkit-linear-gradient(top,white,#f5f5f5);
	background:-moz-linear-gradient(top,white,#f5f5f5);
	background:-ms-linear-gradient(top,white,#f5f5f5);
	background:-o-linear-gradient(top,white,#f5f5f5);
	background:linear-gradient(top,white,#f5f5f5);
}

#cartmini .scs-loadingRotator {
	margin: 69px auto;
}

#cartmini .scs-cartmini-error {
	color: #d12;
	border: 1px solid #d12;
	border-width: 1px 0;
	background: url(../../base/resources/icons/form-global-error-message.png) no-repeat 5px 11px;
	padding: 11px 8px 12px 35px;
	margin-bottom: 14px;
}

#cartmini .scs-cartmini-empty {
	height: 170px;
	color: #015;
}

#cartmini .scs-cartmini-empty .basket-heading {
	margin-bottom: 55px;
}

#cartmini .scs-cartmini-empty .basket-empty-text {
	font: normal 18px/20px 'TheSaB3', 'Trebuchet MS', Arial, Helvetica, Sans-serif;
	background: url(desktop/css/resources/images/cartmini-emptycart.png) no-repeat 36px 0;
	padding: 2px 0 2px 85px;
	min-height: 40px;
}

.scs-cartmini-inner td, .scs-cartmini-inner th {
	color: #015;
	font: normal 13px/16px 'TheSaB5', 'Trebuchet MS', Arial, Helvetica, Sans-serif;
	margin: 0;
	padding-right: 12px;
	text-align: left;
		vertical-align: top;
}

.scs-cartmini-inner tbody td {
	padding-top: 3px;
	padding-bottom: 3px;
}

#cartmini th,
#cartmini .basket-item-first td,
#cartmini .basket-total td {
	padding-top: 11px;
}

#cartmini th {
	padding-bottom: 5px;
}

#cartmini .basket-item-last td,
#cartmini .basket-total td {
	padding-bottom: 12px;
}

#cartmini tbody .basket-item-text {
	color: #333;
}

#cartmini tbody .basket-item-first .basket-item-text {
	color: #015;
}

#cartmini thead,
#cartmini .basket-item-image,
#cartmini .basket-item-quantity,
#cartmini .basket-item-text,
#cartmini .basket-item-text-error,
#cartmini .basket-item-giftwrapping,
#cartmini .basket-item-separatorrow {
	background: #fff;
}

#cartmini .basket-item-last td,
#cartmini td.basket-item-image,
#cartmini th,
#cartmini .basket-total td {
	border-bottom: 1px solid #D2D2D2;
}

#cartmini .basket-item-group-last .basket-item-last td,
#cartmini .basket-item-group-last td.basket-item-image,
#cartmini .basket-total td,
#cartmini th.recurringcharge,
#cartmini th.onetimecharge {
	border-color: #015;
}

#cartmini th.recurringcharge,
#cartmini th.onetimecharge {
	font-size: 11px;
}

#cartmini .basket-item-separatorrow,
#cartmini td.basket-item-separatorrow,
#cartmini .basket-item-group-last td.basket-item-separatorrow {
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
	width: 1px !important;
}

#cartmini th.basket-item-separatorrow { border-top: 0; }

#cartmini td.basket-item-image, #cartmini td.basket-item-image img {
	width: 40px;
}

#cartmini .basket-total-text {
	padding-left: 10px;
}

#cartmini .recurringcharge {
	padding-left: 10px;
	width: 70px;
}

#cartmini .onetimecharge {
	padding-right: 0;
	width: 70px;
}

#cartmini .basket-heading {
	font-size: 15px;
}

#cartmini .basket-buttons-bottom {
	padding-top: 15px;
	text-align: right;
}

#cartmini .basket-item-promo td {
	padding-top: 11px;
}

#cartmini .basket-item-promo .basket-item-text {
	color: #516;
}

#cartmini .basket-item-promo .recurringcharge,
#cartmini .basket-item-promo .onetimecharge {
	color: #333;
	vertical-align: bottom;
}

#cartmini .promo-bullet {
	display: block;
	float: left;
}

#cartmini .promo-bullet-text {
	display: block;
	padding-left: 10px;
}
/*
 *	ATTENTION: ONLY EDIT THIS FILE IF IT IS CALLED SPRITES.CSS
 *  ===========================================================================
 *	IF IT IS CALLED sprites-generated.less, look into the wiki:
 *	https://wiki.swisscom.com/display/PD/Smartsprites
 *
 **/
/* LORES SPRITE FROM HERE ON
 * - if you have hires sprites, add them in the media query breakpoint below, otherwise just leave them out
 * - if you did not receive hires sprites from OED, go an BUG THEM
 * - do not add lowres duplicate classes in the highres section, if you do not have a highres image!
 * - keep the css styles in here as lean as possible (height, width, smartsprites comment)
 * ================================================================================================================== */
.icon-social-media-facebook {
  background-image: url('../resources/images/sprites/sprites-portal-lores-1542051468280.png');
  background-position: left 0px;
  width: 24px;
  height: 24px;
  display: inline-block;
}
.icon-social-media-instagram {
  background-image: url('../resources/images/sprites/sprites-portal-lores-1542051468280.png');
  background-position: left -24px;
  width: 24px;
  height: 24px;
  display: inline-block;
}
.icon-social-media-linkedin {
  background-image: url('../resources/images/sprites/sprites-portal-lores-1542051468280.png');
  background-position: left -48px;
  width: 24px;
  height: 24px;
  display: inline-block;
}
.icon-social-media-twitter {
  background-image: url('../resources/images/sprites/sprites-portal-lores-1542051468280.png');
  background-position: left -72px;
  width: 24px;
  height: 24px;
  display: inline-block;
}
.icon-social-media-youtube {
  background-image: url('../resources/images/sprites/sprites-portal-lores-1542051468280.png');
  background-position: left -96px;
  width: 24px;
  height: 24px;
  display: inline-block;
}
/* Media query to target high resolution displays (retina) */
/*
		these statements do not compile via less (syntax error)
		only screen and (		 -o-min-device-pixel-ratio: 3/2),
		only screen and (								min-resolution: 192dpi)
		only screen and (								min-resolution: 1.5dppx)
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* HIGHRES SPRITE FROM HERE ON
	 * ============================================================================================================== */
  .icon-social-media-facebook {
    background-image: url('../resources/images/sprites/sprites-portal-hires-1542051468280.png');
    background-position: left 0px;
    background-size: 24px 120px;
    width: 24px;
    height: 24px;
    display: inline-block;
  }
  .icon-social-media-instagram {
    background-image: url('../resources/images/sprites/sprites-portal-hires-1542051468280.png');
    background-position: left -24px;
    background-size: 24px 120px;
    width: 24px;
    height: 24px;
    display: inline-block;
  }
  .icon-social-media-linkedin {
    background-image: url('../resources/images/sprites/sprites-portal-hires-1542051468280.png');
    background-position: left -48px;
    background-size: 24px 120px;
    width: 24px;
    height: 24px;
    display: inline-block;
  }
  .icon-social-media-twitter {
    background-image: url('../resources/images/sprites/sprites-portal-hires-1542051468280.png');
    background-position: left -72px;
    background-size: 24px 120px;
    width: 24px;
    height: 24px;
    display: inline-block;
  }
  .icon-social-media-youtube {
    background-image: url('../resources/images/sprites/sprites-portal-hires-1542051468280.png');
    background-position: left -96px;
    background-size: 24px 120px;
    width: 24px;
    height: 24px;
    display: inline-block;
  }
}