/* Responsive tracking for javascript */
#content01,
#TB_ajaxContent,
.tb_box02 { background-image: url("data:text/plain;base64,narrow"); }

.helpico01.mobile-hide,
.helpico02.mobile-hide,
.help01.mobile-hide,
.help02.mobile-hide { display: none !important; }

.form .helpico01,
.form .helpico02,
.form .help01,
.form .help02,
.form01 .helpico01,
.form01 .helpico02,
.form01 .help01,
.form01 .help02 { display: block !important; background: transparent !important; color: #aaa; float: none; clear: both; padding: 10px 0 0 0; position: relative; min-height: 30px; margin: 0 !important; }
.form .helpico01.mobile-hide,
.form .helpico02.mobile-hide,
.form .help01.mobile-hide,
.form .help02.mobile-hide,
.form01 .helpico01.mobile-hide,
.form01 .helpico02.mobile-hide,
.form01 .help01.mobile-hide,
.form01 .help02.mobile-hide { display: none !important; }
.form .helpico01 SPAN,
.form .helpico02 SPAN,
.form .help01 SPAN,
.form .help02 SPAN,
.form01 .helpico01 SPAN,
.form01 .helpico02 SPAN,
.form01 .help01 SPAN,
.form01 .help02 SPAN { display: none !important; }

.form .helpico01:before,
.form .helpico02:before,
.form .help01:before,
.form .help02:before,
.form01 .helpico01:before,
.form01 .helpico02:before,
.form01 .help01:before,
.form01 .help02:before { position: absolute; left: 0; top: 10px; display: block; background: #e6e6e6; background: rgba(0,0,0,0.1); color: #4c4c4c; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0; }

.form .helpico01:after,
.form .helpico02:after,
.form .help01:after,
.form .help02:after  { content: attr(tooltip-text); display: block; color: #666 !important; font-size: 12px; padding: 3px 0 3px 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 300px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.form01 .helpico01:after,
.form01 .helpico02:after,
.form01 .help01:after,
.form01 .help02:after { content: attr(tooltip-text); display: block; color: #666 !important; font-size: 12px; padding: 3px 0 3px 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.form .helpico01.open:after,
.form .helpico02.open:after,
.form .help01.open:after,
.form .help02.open:after,
.form01 .helpico01.open:after,
.form01 .helpico02.open:after,
.form01 .help01.open:after,
.form01 .help02.open:after { white-space: normal; }

IMG { border: 0; }
TEXTAREA.hfull { height: 8em; }

BODY, HTML { padding: 0; margin: 0; text-align: left; background: #505050; }
BODY { font-size: 15px; line-height: 18px; }

.tb_box02 { overflow: hidden; width: 100%; }
.contentiframe, .contentiframe BODY { background: #fff !important; }
.contentiframe DIV.tb_box01 { padding: 0; margin: 0; border: none; }
.contentiframe DIV.tb_box02 { margin: 0; padding: 0; background-color: transparent; }
.contentiframe H1 { padding: 0 !important; margin: 0 !important; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; }

.img-small { width: 100px; }
.img-medium { width: 50%; max-width: 220px; }
.img-large { width: 100%; }

.mobile-hide { display: none; }
.mobile-show { display: block; }
TH.mobile-show,
TD.mobile-show { display: table-cell; }
TR.mobile-show { display: table-row; }
THEAD.mobile-show { display: table-header-group; }
TBODY.mobile-show { display: table-row-group; }
TFOOT.mobile-show { display: table-footer-group; }

.mobile-transmute { display: none !important; }
.responsive-hide.mobile-show { display: block !important; }
A.responsive-hide.mobile-show,
SPAN.responsive-hide.mobile-show { display: inline !important; }
.nonresponsive-forced .responsive-forced-hide { display: none !important; }

IMG { max-width: 100%; }
#content01 IFRAME,
#TB_ajaxContent IFRAME,
.tb_box02 IFRAME { display: none; }
#content01 IFRAME.mobile-show { display: block; }

.mt30m10 { margin-top: 10px !important; }
.mt40m20 { margin-top: 20px !important; }
.mtm0 { margin-top: 0 !important;}
.mtm5 { margin-top: 5px !important;}
.mtm10 { margin-top: 10px !important;}
.mtm20 { margin-top: 20px !important;}
.mt20m0 { margin-top: 0px !important; }
.mbm10 { margin-bottom: 10px !important; }
.mbm20 { margin-bottom: 20px !important; }
.mbm50 { margin-bottom: 50px !important; }
.mbm40 { margin-bottom: 40px !important; }
.mpb5 { padding-bottom: 5px; }
.mpl12 { padding-left: 12px; }
.mpr70 { padding-right: 70px; }
.mb40m20 { margin-bottom: 20px !important; }
.mb24m0 { margin-bottom: 0px !important; }
.mbt24m0 {margin-bottom: 0x !important;}
.mr28m0 { margin-right: 0px !important; }

.mobile-w1p { width: 1%; }
.mobile-w10p { width: 10%; }
.mobile-w20p { width: 20%; }
.mobile-w30p { width: 30%; }
.mobile-w40p { width: 40%; }
.mobile-w50p { width: 50%; }
.mobile-w60p { width: 60%; }
.mobile-w70p { width: 70%; }
.mobile-w80p { width: 80%; }
.mobile-w90p { width: 90%; }
.mobile-w100p { width: 100%; }

.mobile-center { text-align: center; }

.btm0  {border-top: 0; }

.v11 .f-right.w50p { float: none; width: auto; }
.v11 .f-right.w60p { float: none; width: auto; }

/* Text formatting */

UL { padding: 0 0 0 1em; margin: 1em 0 0 0; list-style: none; }
UL > LI { padding: 0 0 0 1.2em; background: url(dot04.png) 0 .6em no-repeat; }
UL LI OL,
UL LI UL { padding-top: 0; padding-bottom: 0; margin-top: 1em; margin-bottom: 1em; }
UL LI OL:first-child,
UL LI UL:first-child { margin-top: 0; }
UL LI OL:last-child,
UL LI UL:last-child { margin-bottom: 0; }

OL { padding-top: 0; padding-bottom: 0; }
OL LI {}
OL LI OL,
OL LI UL { padding-top: 0; padding-bottom: 0; margin-top: 1em; margin-bottom: 1em; }
OL LI OL:first-child,
OL LI UL:first-child { margin-top: 0; }
OL LI OL:last-child,
OL LI UL:last-child { margin-bottom: 0; }

H1 { font-size: 25px; margin-top: 10px; margin-bottom: -5px; }
H1 + P.nomargin { margin-top: 5px !important; }
H1 SPAN { font-size: 15px; color: #888; white-space: nowrap; font-weight: 400; }
H2 { font-size: 20px; margin: 20px 0 0 0; line-height: normal; font-weight: 700; }
H3 { font-size: 18px; margin: 20px 0 0 0; line-height: normal; }
H3.big { margin: 30px 0 0 0; }
H4 { font-size: 16px; margin: 20px 0 0 0; line-height: normal; }

P.h1tagline { margin: 15px 0 0 0; font-size: 15px; padding: 7px 0 0 0; position: relative; z-index: 3; }
P.h1tagline + H1 { margin: -5px 0 0 0; }

P.pageinfo { font-size: 11px; color: #aaa; margin: 0; padding: 10px 0 0 0; }
P.pageinfo A,
P.pageinfo B { color: #48a917; font-weight: bold; text-decoration: none; }

P.img-right { float: right; width: 100px; margin: 1em 0 0 1em; }
P.img-right IMG { width: 100px; }

#content01 { padding: 0 10px 10px 10px; }

.col { float: left; min-height: 1px; }
.col01,
.col01b { float: none; }
.col02,
.col02b { display: block; float: none; }
.col05 { float: none; }
.web .col01b,
.web .col02,
.web .col02b { display: block; float: none; }

/* 2. Tables */

TABLE TH.mobile-type01 { border-left: none; background-position: -1px 100%; }
TABLE TD.mobile-type01 { border-left: none; }
TABLE TD.mobile-type01 A { display: block; font-weight: bold; }
TABLE TD.mobile-type01 SPAN.main { display: block; font-weight: bold; }
TABLE TD.expandable { border-left: none; }
TABLE TD.mobile-hide[rowspan] + TD { border-left: none; }
TABLE TD.mobile-hide:first-child + TD { border-left: none; }
TABLE TD.mobile-hide:first-child + TD.mobile-hide + TD { border-left: none; }
TABLE TD.mobile-hide:first-child + TD.mobile-hide + TD.mobile-hide + TD { border-left: none; }
TABLE TD.actions { padding-top: 0; }
TABLE TD.actions A { display: block; margin: 5px 0 0 0; text-align: center; }
TABLE TD.type01 { font-weight: 600; }
TABLE TD.type01 I { font-weight: 400; font-style: normal; color: #aaa; display: block; }
TABLE TD.type01 A:hover I { text-decoration: underline; }
TABLE TD.mobile-expandable { background-image: url(ico_16_expander.png); background-position: 5px 5px; background-repeat: no-repeat; padding-left: 28px; cursor: pointer; }
TABLE TR:hover TD.mobile-expandable { background-position: -1995px 5px; }
TABLE TR.footable-detail-show TD.mobile-expandable,
TABLE TR.open TD.mobile-expandable { background-position: -5995px 5px; }
TABLE TR.mobile-clickable TD { border-left: 0; border-right: 0; padding-right: 0; }
TABLE TR.mobile-clickable TD.clickable-last { padding-right: 22px; background-image: url(dot06.png); background-position: 100% 8px; background-repeat: no-repeat; }
TABLE.data TR.details DIV[style] { width: auto !important; margin: 0 !important; padding: 0 !important; height: auto !important; }
TABLE.data TR.details TABLE { display: block; margin: 10px 0 0 0; width: 100% !important;  }
TABLE.data TR.details TABLE THEAD,
TABLE.data TR.details TABLE TBODY { display: block; width: auto !important;  }
TABLE.data TR.details TABLE TR { display: block; width: auto !important;  }
TABLE.data TR.details TABLE TR TD { display: block; width: auto !important; }

TABLE.footable TD.footable-first-column { background-image: url(ico_16_expander.png); background-position: 5px 5px; background-repeat: no-repeat; padding-left: 28px; cursor: pointer; }
TABLE.footable TR:hover TD.footable-first-column { background-position: -1995px 5px; }
TABLE.footable TR.open TD.footable-first-column { background-position: -5995px 5px; }

TABLE.responsive-table TD { display: inline-block; border: none; }
TABLE.responsive-table TD:first-child { display: block; text-align: left; }
TABLE.responsive-table TD.m-borderb1:first-child { border-bottom: 1px solid #e0e0e0; }
TABLE.responsive-table TD.nowrap:first-child { white-space: normal; }
TABLE.responsive-table TD.m-fl { float: left; }
TABLE.responsive-table TD.m-pl0 { padding-left: 0; }
TABLE.responsive-table TD.m-pr0 { padding-right: 0; }
TABLE.responsive-table TD.m-bold { font-weight: 600; }
TABLE.responsive-table TD:first-child { border-left: none !important; }
TABLE.responsive-table TH { border-width: 2px 0 0 0; }
TABLE.responsive-table TH:first-child { border-left: none !important; }
TABLE.responsive-table TH,
TABLE.responsive-table TR { display: block; }
TABLE.responsive-table TR { text-align: right; clear: both; }
TABLE.responsive-table TR:not(:first-child) { border-bottom: 1px solid #e0e0e0; }
TABLE.responsive-table TR.m-borderb2 { border-bottom: 2px solid #e0e0e0; }
TABLE.responsive-table .m-bordert1 { border-top: 1px solid #e0e0e0; }
TABLE.responsive-table .m-bordertw1 { border-width: 1px 0 0 0; }
TABLE.responsive-table .m-bordert2 { border-top: 2px solid #e0e0e0; }
TABLE.responsive-table .m-db { display: block; float: none; clear: both; text-align: left; }
TABLE.responsive-table TR.total { border-bottom: none; }
TABLE.responsive-table TR.total TD { border: none; }
TABLE.responsive-table TD.mobile-hide,
TABLE.responsive-table TR.mobile-hide,
TABLE.responsive-table TH.mobile-hide { display: none; }
TABLE.responsive-table TR.closed { display: none; }
TABLE.responsive-table .currency { padding: 7px 7px 7px 0px; width: auto; white-space: nowrap; }
TABLE.responsive-table.accounts-table TR.level1:not(.total) TD { font-size: 15px; }
TABLE.responsive-table.accounts-table TR.closed {	display: table-row; }
TABLE.responsive-table.accounts-table TR.level2 TD.level, 
TABLE.responsive-table.accounts-table TR.level2 TD.expandable { padding-left: 7px; }
TABLE.responsive-table.accounts-table TR.level1.open TD:not(.expandable) { display: none; border: none; }
TABLE.responsive-table.wa-table { width: 100%; }

/* Buttons */

UL.actions01 { margin: 15px 0 0 0; }
UL.actions01 LI { float: none; margin: 5px 0 0 0; padding: 0; }
UL.actions01 LI.separator { display: none; }
UL.actions01 LI.export A SPAN,
UL.actions01 LI.export DIV SPAN { padding-right: 10px !important; }
UL.actions01 LI.export UL { top: 4px; bottom: 4px; }
UL.actions01 LI.f-left { float: none; }
UL.actions01 LI DIV SPAN INPUT { width: 100%; }
UL.actions01.flex-center-right { display: block; }
UL.actions01.flex-center-right LI { float: none; padding: 0; }
UL.actions01.flex-center-right.reversed LI P A { margin-left: 4px; margin-top: 3px; }
@media (max-width: 379px) {
	UL.actions01.flex-center-right.reversed LI P A { margin-left: 0; margin-top: 0; }
}
UL.actions01 LI A.m-small SPAN { font-size: 14px; padding: 6px 27px; }

DIV.form01 UL.actions01.clear.a-left { margin: 20px 0 0; }
DIV.form01 UL.actions01.clear.a-left LI { margin: 0 !important; }
DIV.form01 UL.actions01.fw-mobile LI A { width: 100%; padding: 0; }
DIV.form01 UL.actions01.fw-mobile LI { width: 100%; margin: 0 !important; }

.inapp UL.actions01 { margin-top: 10px; }
.inapp UL.actions01 LI { margin-top: 10px; }
.inapp UL.actions01 LI A,
.inapp UL.actions01 LI DIV { background-image: none; background-color: #e1e1e1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow: none !important; font-weight: 400; color: #007ac7; }
.inapp UL.actions01 LI A.main,
.inapp UL.actions01 LI DIV.main,
.inapp UL.actions01 LI DIV.main INPUT,
.inapp UL.actions01 LI DIV.main BUTTON { background-color: #007ac7; color: #fff; font-weight: bold; }
.inapp UL.actions01 LI A SPAN,
.inapp UL.actions01 LI DIV SPAN { background-image: none; }
.inapp UL.actions01 LI BUTTON,
.inapp UL.actions01 LI INPUT { text-shadow: none !important; color: #007ac7; font-weight: 400; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }


/* Legacy buttons from old web */

A.button_small { padding: 0 20px 0 0; margin: 5px 0 0 0 !important; float: none; display: block; font-size: 16px !important; }
A.button_small SPAN { padding: 9px 0 9px 20px; min-height: 18px; min-width: 0; }
A.button_big { padding: 0 20px 0 0; font-weight: 400; margin: 5px 0 0 0 !important; float: none !important; display: block; font-size: 16px; }
A.button_big SPAN { padding: 11px 0 11px 20px; }
A.button_small,
A.button_small SPAN,
A.button_big,
A.button_big SPAN { margin: 0; }

/* Basic form */

DIV.form01 { margin: 10px 0 0 0; line-height: normal !important; padding: 0; text-align: left; }
DIV.form01 DIV.row { margin: 10px -2% 0 0; }
DIV.form01 DIV.row .label,
DIV.form01 DIV.row LABEL { font-weight: bold; display: block; }
DIV.form01 DIV.row .label.mobile-hide,
DIV.form01 DIV.row LABEL,
DIV.form01 DIV.row DIV.items {}
DIV.form01 DIV.row DIV.items SPAN.text { float: left; margin: 4px 2% 0 0; padding: 10px 0 9px 0; word-wrap: break-word; max-width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; min-height: 1.85em; }
.notouch DIV.form01 DIV.row DIV.items SPAN.text { padding: 5px 0 5px 0; min-height: 0; }
DIV.form01 DIV.row DIV.items SPAN.quickset { float: left; margin: 4px 2% 0 0; padding: 0 0 8px 0; word-wrap: break-word; max-width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; min-height: 1.85em; clear: both; }
DIV.form01 .pickdatewrapper { float: left; position: relative; margin: 4px 2% 0 0; z-index: 0; }
DIV.form01 .pickdatewrapper A { position: absolute; right: 0; top: 0; }
DIV.form01 .pickdatewrapper INPUT { margin: 0 !important; }
DIV.form01 A.help01 { display: none; }
DIV.form01 H3 { margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #ccc; width: auto; float: none; }
DIV.form01 H3 I,
DIV.form01 H3 EM { font-style: normal; font-size: 12px; font-weight: normal; display: block; }
DIV.form01 > H3:first-child { padding: 0; border-top: none; }
DIV.form01 P.h3tools { float: right; margin: -20px 0 0 0; padding: 0; }
DIV.form01 P.h3tools SPAN { color: #aaa; margin: 0 5px; }
DIV.form01 P.h3tools I { font-style: normal; }
DIV.form01 P.desc { margin: 0; padding: .5em 0; clear: both; font-size: 13px; }
DIV.form01 TEXTAREA, DIV.form01 SELECT, DIV.form01 INPUT[type="date"], DIV.form01 INPUT[type="datetime"], DIV.form01 INPUT[type="datetime-local"], DIV.form01 INPUT[type="email"], DIV.form01 INPUT[type="month"], DIV.form01 INPUT[type="number"], DIV.form01 INPUT[type="password"], DIV.form01 INPUT[type="search"], DIV.form01 INPUT[type="tel"], DIV.form01 INPUT[type="text"], DIV.form01 INPUT[type="time"], DIV.form01 INPUT[type="url"], DIV.form01 INPUT[type="week"] { float: left; margin: 4px 2% 0 0; }
DIV.form01 INPUT[type="checkbox"],
DIV.form01 INPUT[type="radio"] { float: left; width: 16px; height: 16px; margin: 14px 10px 10px 10px; padding: 0; }
DIV.form01 .fakeselect { margin: 4px 2% 0 0; }
DIV.form01 IMG.specialcard01 { float: right; margin: 4px 2% 0 0; max-width: 150px; }
DIV.form01 .max { width: 98%; }
DIV.form01 .default { width: 98%; }
DIV.form01 .m-default { width: 99%; }
DIV.form01 .small,
DIV.form01 .min { width: 48%; }
DIV.form01 .min02 { width: 68%; }
DIV.form01 .min2x { width: 98%; }
DIV.form01 .help01,
DIV.form01 .help02 { display: none; }
DIV.form01 DIV.terms01 SPAN.label,
DIV.form01 DIV.terms01 LABEL { margin-top: 10px; }
DIV.form01 DIV.terms01 DIV.row { padding: 0 10px; }
DIV.terms01 P.nomargin { margin-top: 10px !important; }
DIV.terms01.bordered { padding-top: 0; }
DIV.form01 .quickset { float: none; display: block; clear: both; width: 100%; line-height: 24px; margin: .5em 0 0 0; }
DIV.form01 .quickset > SPAN { color: #ccc; margin: 0 5px; }
DIV.form01 TABLE { width: 98%; }
DIV.form01 DIV.separator01,
DIV.form01 DIV.separator02 { margin: 10px -10px 0 -10px; }

DIV.form01 DIV.input-adv { float: left; margin: 4px 2% 0 0; }
DIV.form01 .items DIV.input-adv SPAN.text A { padding: 8px 10px !important; }
.notouch DIV.form01 .items DIV.input-adv SPAN.text A { padding: 4px 8px !important; }

DIV.form01 UL.checkboxes { padding: 0; margin: .5em 0 0 0; overflow: hidden; float: left; }
DIV.form01 UL.checkboxes LI { padding: 0; margin: 0; background: transparent; overflow: hidden; display: block; float: left; min-width: 50%; }
DIV.form01 UL.checkboxes LI DIV.item { float: none; padding: 0 0 0 36px; margin: 0; width: 100%; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
DIV.form01 UL.checkboxes LI LABEL { padding: 10px 0 10px 36px; margin: 0 5px 0 0; min-height: 36px; float: left; width: auto; text-align: left; font-weight: 400; position: relative; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
DIV.form01 UL.checkboxes LI LABEL INPUT[type="checkbox"],
DIV.form01 UL.checkboxes LI LABEL INPUT[type="radio"] { margin: 0 0 0 -26px; position: absolute; }
DIV.form01 UL.checkboxes LI SELECT { float: left; margin: 0 5px 0 0; }
DIV.form01 UL.checkboxes LI DIV.item LABEL { margin-left: -36px; }
DIV.form01 UL.checkboxes LI.stripetop { border-top: 1px solid #ccc; padding-top: 5px; margin-top: 5px; }
DIV.form01 UL.checkboxes LI.stripebottom { border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 5px; }
DIV.form01 UL.checkboxes LI.group { padding: 10px 0 4px 0; font-weight: 600; }
DIV.form01 UL.checkboxes LI.group.stripetop { padding-top: 15px; }
DIV.form01 UL.checkboxes LI.hidden { display: none; }
DIV.form01 UL.checkboxes.clear { float: none; clear: both; }
DIV.form01 UL.checkboxes.clear LI { clear: both; width: 100%; float: none; position: relative; }
DIV.form01 UL.checkboxes .help01,
DIV.form01 UL.checkboxes .help02 { float: none; clear: both; margin-left: -30px !important; }

DIV.form01 SPAN.code { float: left; background: #fff url(codes/codemissing.gif) 50% 50% no-repeat; margin: 4px 2% 0 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
DIV.form01 SPAN.code SPAN { border: 2px solid #ccc; display: block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-position: 50% 50%; background-repeat: no-repeat; }
DIV.form01 SPAN.code SPAN SPAN { width: 43px; height: 32px; overflow: hidden; border: none; }
DIV.form01 SPAN.code2 { float: left; margin: 4px 2% 0 0; border: 2px solid #ccc; background: #fff; display: block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; font-size: 17px; font-weight: bold; }
.notouch DIV.form01 SPAN.code2 { padding: 1px 8px; }

DIV.form01 UL.actions01 { padding: 0; margin: 0; float: left !important; }
DIV.form01 UL.actions01.clear { margin: 5px 0 0 0; float: none !important; clear: both; }
DIV.form01 UL.actions01.clear LI { margin: 5px 2% 0 0 !important; float: none !important; }
DIV.form01 UL.actions01 LI { margin: 5px 2% 0 0 !important; padding: 0 !important; float: left !important; width: auto; }
DIV.form01 UL.actions01 LI A,
DIV.form01 UL.actions01 LI DIV { margin: 0; }

DIV.form01 UL.actions02 { float: left; margin-top: 10px; }

DIV.form01.readonly { margin-top: 10px; }
DIV.form01.readonly DIV.row DIV.items SPAN.text { margin: 0; padding: 0; }

DIV.form01special DIV.row { padding: 0; }
DIV.form01special DIV.row.focus { background: transparent !important; }
DIV.form01special SPAN.mobile-row { display: block; overflow: hidden; }
DIV.form01special UL.checkboxes LI DIV.item { float: none; }
DIV.form01special DIV.terms01 DIV.row DIV.items { width: auto; }

DIV.locked01 H2.hasico:before { font-size: 50px; line-height: 35px; overflow: hidden; width: 35px; text-indent: -10px; margin-top: -5px; }

DIV.terms01scrolling { border: 1px solid #ccc; overflow: auto; max-height: 200px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 -2% 0 -10px; padding: 0 10px; -webkit-overflow-scrolling: touch; }
DIV.calculator01 LABEL { margin-top: 0 !important; }

.form01footable DIV.form01 { margin: 0; }
.form01footable DIV.form01 DIV.row .label,
.form01footable DIV.form01 DIV.row LABEL { float: left; width: 35%; font-weight: bold; text-align: right; padding: 5px 20px 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.hastouch .form01footable DIV.form01 DIV.row .label,
.hastouch .form01footable DIV.form01 DIV.row LABEL { padding-top: 10px; }
.form01footable DIV.form01 DIV.row DIV.items { float: left; width: 65%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 5px 0 0 0; }
.hastouch .form01footable DIV.form01 DIV.row DIV.items { min-height: 36px; padding: 10px 0 0 0; }
.form01footable DIV.form01 DIV.row DIV.items INPUT,
.form01footable DIV.form01 DIV.row DIV.items SELECT { width: 80%; margin: -5px 0 0 0; }
.form01footable DIV.form01 DIV.row DIV.items INPUT.w50,
.form01footable DIV.form01 DIV.row DIV.items SELECT.w50 { width: 50px; margin-right: 5px; }
.hastouch .form01footable DIV.form01 DIV.row DIV.items INPUT,
.hastouch .form01footable DIV.form01 DIV.row DIV.items SELECT { margin: -10px 0 0 0; }
.form01footable DIV.form01 DIV.row DIV.items INPUT[type="checkbox"],
.form01footable DIV.form01 DIV.row DIV.items INPUT[type="radio"] { width: 16px; margin: 0 10px 0 0; }
.form01footable DIV.form01 DIV.row DIV.items LABEL { float: left; width: 100%; padding: 5px 0 0 0; text-align: left; font-weight: normal; clear: both; }
.form01footable DIV.form01 DIV.row DIV.items LABEL:first-child { padding-top: 0; }
.form01footable DIV.form01 DIV.row DIV.items LABEL SPAN.text { padding: 0; margin: 0; }
.form01footable DIV.form01 DIV.row DIV.items SPAN.text { margin: 0; padding: 0; min-height: 0; }
.form01footable DIV.form01 DIV.row DIV.items A.button { color: #4c4c4c; font-size: 13px; display: inline-block; background-color: rgba(0,0,0,0.1); text-decoration: none; padding: 4px 10px 4px 10px; border-radius: 10px; margin: 0; line-height: 12px !important; }
.form01footable DIV.form01 DIV.row DIV.items A.button:hover { color: #fff; background-color: #007ac7; }
.form01footable DIV.form01 DIV.row DIV.items A.button.disabled { cursor: default; opacity: 0.5; }

TABLE.form { display: block; margin: 0; zoom: 1; }
TABLE.form TBODY { display: block; }
TABLE.form TBODY.hidden { display: none; }
TABLE.form:before,
TABLE.form:after { content: ""; display: table; }
TABLE.form:after { clear: both; }
TABLE.form TR { display: block; zoom: 1; margin: 20px -2% 0 0; background: transparent; }
TABLE.form TR:hover { background: transparent; }
TABLE.form TR:before,
TABLE.form TR:after { content: ""; display: table; }
TABLE.form TR:after { clear: both; }
TABLE.form TH { display: block; border: none; background: transparent; padding: 0; width: auto !important; }
TABLE.form TD { display: block; border: none; background: transparent; padding: 0; width: auto !important; }
TABLE.form TR:hover { background-color: transparent !important; }
TABLE.form TR.hidden { display: none; }
TABLE.form .helpico01, TABLE.form .helpico02 { display: none; }
TABLE.form .small,
TABLE.form .min { width: 48%; }
TABLE.form .default,
TABLE.form .max { width: 98%; }
TABLE.form TEXTAREA, TABLE.form SELECT, TABLE.form INPUT[type="date"], TABLE.form INPUT[type="datetime"], TABLE.form INPUT[type="datetime-local"], TABLE.form INPUT[type="email"], TABLE.form INPUT[type="month"], TABLE.form  INPUT[type="number"], TABLE.form INPUT[type="password"], TABLE.form INPUT[type="search"], TABLE.form INPUT[type="tel"], TABLE.form INPUT[type="text"], TABLE.form INPUT[type="time"], TABLE.form INPUT[type="url"], TABLE.form  INPUT[type="week"] { float: left; margin: 10px 2% 0 0; }
TABLE.form SPAN.text { float: left; margin: 10px 2% 0 0; padding: 10px 0 9px 0; word-wrap: break-word; max-width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; min-height: 1.85em; }
TABLE.form SPAN#slider2value.text,
TABLE.form SPAN#slider1value.text { margin: 10px 2% 0 0; }

TABLE.form TR.separator01 TD { height: 0; border-top: 1px solid #ccc; }

TABLE.form TD LABEL { margin: 20px 0 0 0; float: left; width: 100%; }
TABLE.form TD LABEL.f-left { width: 80%; }
TABLE.form TD LABEL INPUT { margin-top: 0; }
TABLE.form TD LABEL SPAN.text { margin: 0; padding: 0; float: none; }
TABLE.form TD TABLE.data { width: auto; margin: 10px 0 0 0 !important; }
TABLE.form TD TABLE.data TH { width: auto; padding: 7px !important; line-height: 16px; border: solid #e0e0e0 !important; border-width: 2px 0 1px 1px !important; background: #f2f2f2 !important; }
TABLE.form TD TABLE.data TD { width: auto; padding: 7px !important; line-height: 16px; border: solid #e0e0e0; border-width: 1px 0 1px 1px !important; }
TABLE.form TD TABLE.data TH:first-child,
TABLE.form TD TABLE.data TD:first-child { border-left: none !important; }
TABLE.form TD TABLE.data TD LABEL { margin: 0; }
TABLE.form .fakeselect,
TABLE.form .pickdatewrapper,
TABLE.form INPUT,
TABLE.form SELECT,
TABLE.form TEXTAREA { float: left; margin: 10px 2% 0 0; }
TABLE.form TD > INPUT[type="checkbox"],
TABLE.form TD > INPUT[type="radio"] { margin: 0 5px 0 0; float: none; display: inline; }
TABLE.form P.desc { margin: 0; padding: .5em 0; clear: both; font-size: 12px; }
TABLE.form P.longtext { margin: 10px 0; }
TABLE.form .quickset { float: left; padding: 20px 2% 0 0; margin: 0 !important; word-wrap: break-word; max-width: 90%; clear: both; }
TABLE.form .quickset > SPAN { color: #ccc; margin: 0 5px; }
TABLE.form .quickset + .f-left { clear: both; }
DIV.form01 .quickset .active { text-decoration: underline; font-weight: bold; }
TABLE.form UL.actions01.f-left { margin-top: 10px; }
TABLE.form TR.separator01 TD { padding: 15px 0  10px 0 !important; }
TABLE.form TR.separator01 TD SPAN { height: 2px; overflow: hidden; clear: both; margin: 0; background: #e6e6e6; display: block; }
TABLE.form TR.unhead TH,
TABLE.form TH.unhead,
TABLE.form TR.subheading TH,
TABLE.form TR.subheading2 TH { padding: 0 !important; font-size: 18px; font-weight: bold; text-align: left; }
TABLE.form UL.options { margin-top: 0; }
TABLE.form UL.list02 { padding: 0; margin: 10px 2% 0 0; float: left; clear: both; }
TABLE.form UL.list02.clear { float: none; margin-right: 0; }
TABLE.form UL.list02 LI { padding: 0; margin: 0; background: transparent; overflow: hidden; float: left; clear: both; }
TABLE.form UL.list02.clear LI { clear: both; width: 100%; float: none; position: relative; }
TABLE.form UL.list02 LI DIV.item { float: left; padding: 0; width: auto; }
TABLE.form UL.list02 LI LABEL { padding: 10px 0 10px 36px; margin: 0 5px 0 0; float: left; width: auto !important; text-align: left; font-weight: 400; position: relative; overflow: hidden; }
TABLE.form UL.list02 LI LABEL INPUT[type="checkbox"],
TABLE.form UL.list02 LI LABEL INPUT[type="radio"] { margin: 0 0 0 -26px; position: absolute; }
TABLE.form UL.list02 LI SELECT,
TABLE.form UL.list02 LI INPUT[type="text"] { float: left; margin: 0 10px 0 0; }
TABLE.form UL.list02 LI A.help02 { margin: 8px 10px 8px 5px; }
TABLE.form UL.list02 LI A.help01 { right: 0; top: 0; }
TABLE.form UL.list02 LI.stripetop { border-top: 1px solid #ccc; padding-top: 5px; margin-top: 5px; }
TABLE.form UL.list02 LI.stripebottom { border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 5px; }
TABLE.form UL.list02 LI.group { padding: 10px 0 4px 0; font-weight: bold; }
TABLE.form UL.list02 LI.group.stripetop { padding-top: 15px; }
TABLE.form UL.list02 DIV.clear { float: none; clear: both; }
TABLE.form UL.list02 LI SPAN.text { padding: 10px 2% 10px 0; }
TABLE.form TR.special01 TD,
TABLE.form TR.special02 TD { background: #f2f2f2 !important; background: rgba(0,0,0,0.05) !important; padding: 0 1em 1em 1em !important; margin-right: 2%; }

TABLE.form.form-confirm TH { padding: 10px 20px 4px 0 !important; }
TABLE.form.form-confirm TD { padding: 10px 20px 4px 0 !important; }
TABLE.form.form-confirm TD A { margin: 0; padding: 0; }

TABLE.crmform { border: none; margin: 10px -20px 0 0; }
TABLE.crmform HR,
TABLE.crmform BR { display: none; }
TABLE.crmform + TABLE.crmform { margin-top: 0; }
TABLE.crmform TR,
TABLE.crmform TR:hover { background: transparent !important; }
TABLE.crmform TR { display: block; clear: both; }
TABLE.crmform TR TH { display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 20px 0 0 !important; margin: 0; border: none; background: transparent !important; text-align: left; vertical-align: top; font-weight: bold; }
TABLE.crmform  TR TD { display: block; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 20px 10px 0 !important; margin: 0; border: none; background: transparent !important; text-align: left; vertical-align: top; }
TABLE.crmform TD SPAN.text { float: left; padding: 20px 10px 10px 0; margin: 0; word-wrap: break-word; max-width: 90%; text-align: left; }
TABLE.crmform TD .f-left.mr10 { float: none !important; margin-right: 0 !important; }
TABLE.crmform TD.data { padding: 20px 20px 0 0 !important; }
TABLE.crmform TD TABLE { margin: 0; width: auto !important; }
TABLE.crmform TD TABLE TD { padding: 0 !important; width: auto !important; }
TABLE.crmform TD TABLE TH { padding: 0 !important; width: auto !important; }
TABLE.crmform TD TABLE A { float: left; margin: 20px 10px 0 0; }
TABLE.crmform DIV { display: inline; }
TABLE.crmform DIV.row { overflow: hidden; clear: both; display: block; }
TABLE.crmform SPAN.text + DIV { float: left; }
TABLE.crmform SPAN.text:empty { display: none; }
TABLE.crmform DIV DIV.row { margin: 0; }
TABLE.crmform DIV.row > A { margin: 20px 10px 10px 0; float: left; }
TABLE.crmform TR.plaintext TD { padding: 20px 0 !important; line-height: 18px; }
TABLE.crmform TR.unhead0 TH { padding: 20px 20px 20px 0 !important; font-size: 18px; font-weight: bold; text-align: left; }
TABLE.crmform TR.unhead TH { padding: 20px 20px 20px 0 !important; font-size: 18px; font-weight: normal; text-align: left; }
TABLE.crmform TR.unhead TH:first-child:last-child { text-align: left; }
TABLE.crmform TR.unhead TD { padding: 20px 20px 20px 0 !important; }
TABLE.crmform TR.unhead DIV.row > A { margin: 0; }
TABLE.crmform TR.unhead TH:last-child { text-align: right; }
TABLE.crmform TR.unhead TH:last-child A { float: none !important; }
TABLE.crmform .pickdatewrapper,
TABLE.crmform INPUT,
TABLE.crmform SELECT,
TABLE.crmform TEXTAREA { float: left; margin: 10px 10px 0 0; width: 90%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
TABLE.crmform INPUT[type="checkbox"],
TABLE.crmform INPUT[type="radio"] { margin: 20px 10px 0 0; }
TABLE.crmform .max { width: 77%; }
TABLE.crmform .default { width: 43%; }
TABLE.crmform .min { width: 28%; }
TABLE.crmform .min2x { width: 58%; }
TABLE.crmform P.desc { margin: 0; padding: .5em 0; clear: both; font-size: 12px; }
TABLE.crmform P.longtext { margin: 10px 0; }
TABLE.crmform .quickset { float: left; padding: 16px 10px 0 0; margin: 0; word-wrap: break-word; max-width: 90%; clear: both; }
TABLE.crmform .quickset > SPAN { color: #ccc; margin: 0 5px; }
TABLE.crmform EM { font-style: normal; }
TABLE.crmform SPAN.unerror { display: block; margin: 0; padding: .5em 0; clear: both; font-size: 12px; width: 100%; float: none; }
TABLE.crmform TR.level0 TH,
TABLE.crmform TR.level0 TD { text-align: left; font-weight: 700; }
TABLE.crmform TR.level1 TH,
TABLE.crmform TR.level1 TD { text-align: left; font-weight: 700; }
TABLE.crmform TR.level2 TH,
TABLE.crmform TR.level2 TD { text-align: left; font-weight: 600; padding-left: 20px !important; }
TABLE.crmform TR.level3 TH,
TABLE.crmform TR.level3 TD{ text-align: left; font-weight: 400; padding-left: 40px !important; }
TABLE.crmform TR.level4 TH,
TABLE.crmform TR.level4 TD { text-align: left; font-weight: 400; padding-left: 60px !important; }
TABLE.crmform TR.special01 TD,
TABLE.crmform TR.special02 TD { background: #f2f2f2 !important; background: rgba(0,0,0,0.05) !important; padding: 0 1em 1em 1em !important; }


/* Login form */

DIV.form02 { margin: 5px 0 0 0; line-height: normal !important; }
DIV.form02 DIV.row { padding: 0; margin: 5px 0 0 0; overflow: hidden; }
DIV.form02 DIV.row LABEL { float: left; width: 47%; text-align: right; margin-right: 3%; padding: 3px 0 3px 0; }
DIV.form02 DIV.row INPUT.default { width: 50%; margin: 0; float: left !important; }
*:first-child+HTML DIV.form02 DIV.row INPUT.default { width: 41%; }
DIV.form02 DIV.row INPUT.small { width: 25%; margin: 0; float: left !important; }
*:first-child+HTML DIV.form02 DIV.row INPUT.small { width: 16%; }
DIV.form02 SPAN.code { float: left; background: url(codes/codemissing.gif) 50% 50% no-repeat; margin: 0 3% 0 0; width: 22%; }
DIV.form02 SPAN.code SPAN { border: 2px solid #ccc; display: block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-position: 50% 50%; background-repeat: no-repeat; }
DIV.form02 SPAN.code SPAN SPAN { display: block; height: 20px; overflow: hidden; border: none; }
DIV.form02 SPAN.code2 { float: left; margin: 0 3% 0 0; border: 2px solid #ccc; padding: 0 5px; display: block; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-position: 50% 50%; background-repeat: no-repeat; font-weight: bold; font-size: 16px; }

DIV.form02 INPUT[type="checkbox"] {
	border: 1px solid #bbb; outline: none; width: 24px; height: 24px; background: #fff; margin: 0 3% 0 0; float: left;
	-webkit-appearance: none;
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
DIV.form02 INPUT[type="checkbox"]:before { display: block; text-align: center; color: #fff; width: 22px; height: 24px; overflow: hidden; font-size: 19px; line-height: 24px; content:"✔"; }
DIV.form02 INPUT[type="checkbox"]:checked:before { color: #000; text-shadow: rgba(0,0,0,0.5) 0 1px 0; }
DIV.form02 UL.actions01 { overflow: hidden; min-height: 1px; margin-top: 5px; }
DIV.form02 DIV.check2 INPUT.default { clear: both; margin: 3% 0 0 50%; }

/* Tabs */

UL.tabs01mobile { font-size: 0; line-height: 0; letter-spacing: -5px; display: block !important; list-style: none; padding: 0; margin: 20px 0 0 0; position: relative; font-weight: 600; background: #fff; }
UL.tabs01mobile LI { padding: 0; margin: 0; display: inline-block; vertical-align: middle; width: 33.333%; background: transparent; letter-spacing: 0; text-align: center; }
UL.tabs01mobile LI A { display: block; vertical-align: middle; font-size: 13px; line-height: 14px; padding: 8px; word-wrap: break-word; color: #000; }
UL.tabs01mobile LI A SPAN { position: relative; z-index: 1; }
UL.tabs01mobile LI A:before { content: " "; position: absolute; top: 0; bottom: 0; width: 33.333%; display: block; margin: 0 0 0 -8px; z-index: 0; background: #e6e6e6; -webkit-box-shadow: inset -2px 0 0 0 #fff; box-shadow: inset -2px 0 0 0 #fff; }
UL.tabs01mobile LI A.active,
UL.tabs01mobile LI A.hasactive { color: #fff; }
UL.tabs01mobile LI A.active:before,
UL.tabs01mobile LI A.hasactive:before { background: #007ac7 !important; }
UL.tabs01mobile LI:last-child A:before { -webkit-box-shadow: none; box-shadow: none; }
UL.tabs01mobile LI.cantfit { display: none; }
UL.tabs01mobile LI:first-child A:before { borDer-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; }
UL.tabs01mobile LI:last-child A:before { borDer-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; }
UL.tabs01mobile LI:first-child:nth-last-child(1),
UL.tabs01mobile LI:first-child:nth-last-child(1) A:before { width: 100%; }
UL.tabs01mobile LI:first-child:nth-last-child(2),
UL.tabs01mobile LI:first-child:nth-last-child(2) A:before,
UL.tabs01mobile LI:first-child:nth-last-child(2) ~ LI,
UL.tabs01mobile LI:first-child:nth-last-child(2) ~ LI A:before { width: 50% !important; }
UL.tabs01mobile LI:first-child:nth-last-child(3),
UL.tabs01mobile LI:first-child:nth-last-child(3) A:before,
UL.tabs01mobile LI:first-child:nth-last-child(3) ~ LI,
UL.tabs01mobile LI:first-child:nth-last-child(3) ~ LI A:before { width: 33.333% !important; }
UL.tabs01mobile LI.exp A.main SPAN:after { margin-left: 3px; content: "\e011"; display: inline-block; font-family: 'sebicons'; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }
.nofontface UL.tabs01mobile LI.exp A.main SPAN:after { content: "\2003"; background-image: url(../fonts/icons/down.svg); background-size: 100% 100%; width: 1em; height: 1em; display: inline-block; vertical-align: middle; }
.nofontface UL.tabs01mobile LI.exp A.main.hasactive SPAN:after { background-image: url(../fonts/icons_white/down.svg); }
UL.tabs01mobile LI.exp .select01drop { margin: 5px 0 0 0; left: auto; right: 0; top: 100%; z-index: 5; }
UL.tabs01mobile LI.exp .select01drop * { display: block; }
UL.tabs01mobile LI.exp .select01drop SPAN.body { border: 2px solid #e0e0e0; padding: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
UL.tabs01mobile LI.exp .select01drop UL { padding-top: 5px; position: relative; }
UL.tabs01mobile LI.exp .select01drop UL LI { float: none; display: block; border: none; padding: 0; margin: 0; width: auto !important; }
UL.tabs01mobile LI.exp .select01drop UL LI A { float: none; display: block; border: none; text-align: left; }
UL.tabs01mobile LI.exp .select01drop UL LI A:before,
UL.tabs01mobile LI.exp .select01drop UL LI A:after { display: none; }
UL.tabs01mobile LI.exp .select01drop UL LI A SPAN { float: none; display: block; border: none; }
UL.tabs01mobile LI.exp .select01drop UL LI A.active { background-color: #007ac7; }

DIV.box03 P.img { width: 55px !important; }
DIV.box03 P.img.fixed { padding-right: 0; }
DIV.box03 DIV.box03a { margin-left: -55px !important; padding-left: 65px !important; }
.col02 DIV.box03 { margin-top: 10px; }

.hasjs .box01.expander .box01a,
.hasjs .tab-hidden .box01b,
.hasjs .tab-content .box01b { display: none; }
.hasjs .box01.expander-open .box01a,
.hasjs .tab-content-mobile-open .box01b { display: block; }
.hasjs .box01.expander-open .box01a { padding-bottom: 18px; }
.hasjs .col02a:last-child .box01.expander-open .box01a { padding-bottom: 2px; }

.hasjs .tab-hidden.enablemobile { display: none; }

.tab-header,
.box01.expander .mainheading { white-space: nowrap; text-overflow: ellipsis; display: block; background: #e6e6e6; height: 44px; overflow: hidden; margin: 20px 0 0 0; font-size: 18px !important; line-height: 24px !important; font-weight: 700; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.tab-header I,
.box01.expander .mainheading I { font-weight: 400; font-style: normal; }
.tab-header SPAN,
.box01.expander .mainheading SPAN { margin: 0; display: block; padding: 10px; }
.hasjs .tab-header,
.hasjs .box01.expander .mainheading { background: #e6e6e6 url(bg37.png) 10px -190px no-repeat; padding-left: 30px; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.hasjs .tab-header:hover,
.hasjs .box01.expander .mainheading:hover { text-decoration: underline; color: #007ac7; }
.hasjs .tab-header SPAN,
.hasjs .box01.expander .mainheading SPAN { background-position: 10px 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.hasjs .tab-content-mobile-open .tab-header,
.hasjs .box01.expander-open .mainheading { background-position: 10px 10px; }

.col02 .mainheading + A.tb_rm_btn { background-color: #fff !important; }

/*
.hasjs .box01.expander.box01green        .mainheading { background-color: #58c50f; color: #fff; }
.hasjs .box01.expander.box01blue         .mainheading { background-color: #007ac7; color: #fff; }
.hasjs .box01.expander.box01lightblue    .mainheading { background-color: #66cae1; color: #fff; }
.hasjs .box01.expander.box01gray         .mainheading { background-color: #8c8c8c; color: #fff; }
.hasjs .box01.expander.box01tintgreen    .mainheading { background-color: #e6f4dc; }
.hasjs .box01.expander.box01petrol       .mainheading { background-color: #3f2588; color: #fff; }
.hasjs .box01.expander.box01capri        .mainheading { background-color: #007ac7; color: #fff; }
.hasjs .box01.expander.box01lightcapri   .mainheading { background-color: #cce9f9; }
.hasjs .box01.expander.box01purple       .mainheading { background-color: #bb000d; color: #fff; }
.hasjs .box01.expander.box01wisteria     .mainheading { background-color: #f8a000; color: #fff; }
.hasjs .box01.expander.box01tintwisteria .mainheading { background-color: #e6e6e6; }
.hasjs .box01.expander.box01darkgray     .mainheading { background-color: #333333; color: #fff; }
.hasjs .box01.expander.box01tintgray     .mainheading { background-color: #e6e6e6; }
*/

.hasjs .tab-content DIV.groups01 { margin: 10px 0 0 0; border-top: 1px solid #ccc; }
.web .hasjs .tab-content DIV.groups01 { margin: 0; border-top: none; }
.hasjs .tab-content DIV.groups01 DIV.group { margin: 0; border-bottom: 1px solid #ccc; }
.hasjs .tab-content DIV.groups01 DIV.group .heading { background-position: 0 -600px; }
.hasjs .tab-content DIV.groups01 DIV.group .heading .a { background: transparent; }
.hasjs .tab-content DIV.groups01 DIV.group .heading .b { color: #007ac0; text-decoration: underline; font-size: 13px !important; }
.hasjs .tab-content DIV.groups01 DIV.group .heading:hover { background-position: 0 -650px; }
.hasjs .tab-content DIV.groups01 DIV.group.mobile-open .heading { background-position: 0 -700px !important; border-bottom: 1px solid #ccc; }
.web .hasjs .tab-content DIV.groups01 DIV.group.mobile-open .groupcontent { padding: 0 10px 10px 10px; overflow: hidden; margin: 0; background: #e7f7fa; }

/* ######### */

.block01 .mainheading I { font-weight: 400; font-style: normal; }

.hasjs .v11 .col02 .block01.block01-expandable .block01-b,
.hasjs .v11 .col02 .block01 .mainheading + .block01-b,
.hasjs .v11 .col02 .block01 .mainheading + .actions02 + .block01-b { display: none; }
.hasjs .v11 .col02 .block01.open .mainheading + .block01-b,
.hasjs .v11 .col02 .block01.open .mainheading + .actions02 + .block01-b { display: block; }

.v11 .col02 .block01.block01-expandable .mainheading,
.v11 .col02 .block01 .mainheading { white-space: nowrap; text-overflow: ellipsis; display: block; background: #cce9f9; overflow: hidden; padding: 10px; margin: 20px 0 0 0; font-size: 18px !important; line-height: 24px !important; border-radius: 3px; font-weight: 700; }
.hasjs .v11 .col02 .block01.block01-expandable .mainheading,
.hasjs .v11 .col02 .block01 .mainheading { background: #cce9f9 url(bg37.png) 10px -190px no-repeat; padding-left: 40px; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.hasjs .v11 .col02 .block01.block01-expandable .mainheading:hover,
.hasjs .v11 .col02 .block01 .mainheading:hover { text-decoration: underline; color: #007ac7; }
.hasjs .v11 .col02 .block01.open .mainheading { background-position: 10px 10px; }

/*
.tab-content + .tab-content .tab-header { margin-top: 2px; }
.col02 .mainheading { margin-top: 2px !important; }
.tab-content-mobile-open { padding-bottom: 18px; }
*/

.box02 .box01a { background: #fff; border: 2px solid #ccc; padding: 0 13px 13px 13px; display: block; }
.box02.expander { margin-top: 0; }
.box02.expander .box01a { border: none; padding: 0; display: none; }
.box02 UL.list01 LI { background: transparent; border-top: 2px solid #ccc; }
.box01 UL.list01 LI { border-top: none; }
UL.list01 DIV.contact01[class*=ico-]:before { background-color: #eee; }

/* Product info blocks */

DIV.productinfo01 { zoom: 1; }
DIV.productinfo01:before, DIV.productinfo01:after { content: " "; display: table; }
DIV.productinfo01:after { clear: both; }
DIV.productinfo01 H3 { font-size: 20px; }
DIV.productinfo01-a { float: right; margin: 1em 0 0 1em; }
DIV.productinfo01-a P { margin: 0; }
DIV.productinfo01-a IMG { width: 100px; }
DIV.productinfo01-b {}
DIV.productinfo01 DIV.col-a,
DIV.productinfo01 DIV.col-c,
DIV.productinfo01 DIV.col-e { width: 100px; position: relative; z-index: 1; float: right; margin-left: 20px; }
DIV.productinfo01 DIV.col-a P,
DIV.productinfo01 DIV.col-c P,
DIV.productinfo01 DIV.col-e P { margin-top: 20px; text-align: center; }
DIV.productinfo01 DIV.col-a IMG,
DIV.productinfo01 DIV.col-c IMG,
DIV.productinfo01 DIV.col-e IMG { width: 100%; height: auto; margin: auto; }
DIV.productinfo01 DIV.col-b,
DIV.productinfo01 DIV.col-d,
DIV.productinfo01 DIV.col-f { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; /* float: left; width: 100%; padding: 0 0 0 120px; margin: 0 0 0 -100px;*/ float: none; }
DIV.productinfo01 DIV.col-b:first-child,
DIV.productinfo01 DIV.col-d:first-child,
DIV.productinfo01 DIV.col-f:first-child { margin-left: 0; padding-left: 0; }

DIV.productinfo02 {}
DIV.productinfo02 DIV.img { float: right; width: 110px; margin: 1em 0 0 1em; }
DIV.productinfo02 DIV.img IMG { width: 110px; }
DIV.productinfo02 H3 { font-size: 20px; }
DIV.productinfo02-b UL { padding: 0; margin: .7em 0 0 0; }
DIV.productinfo02-b UL LI { margin: .3em 0 0 0; padding: 0; background: transparent; }
DIV.productinfo02-b UL LI P { margin: 0; }

DIV.productinfo03-b { float: right; margin: 1em 0 0 1em; }
DIV.productinfo03-b P { margin: 0; }
DIV.productinfo03-b IMG { width: 110px; }

DIV.productinfo04 {}
DIV.productinfo04 DIV.row { padding: 0; }
DIV.productinfo04 DIV.row.focus { background: transparent !important; }
DIV.productinfo04 DIV.row DIV.items { float: none; width: auto; padding: 0; margin: 0; }
DIV.productinfo04 DIV.row .max { width: 100%; }

/* 30. Fake selects */

.realuser { display: none; }
DIV.select01 .realuser { display: block; color: #fff; font-weight: 700; line-height: normal; font-size: 16px; padding: 0 0 10px 0; }
DIV.select01special A SPAN.a { padding-left: 33px !important; }
DIV.select01special A.special { top: auto; bottom: 5px; left: 4px; }

/* 31. Search field */

.search02 DIV.row { display: inline; float: none; padding: 0; margin: 0; }
.search02.form02 DIV.row LABEL { text-align: left; font-weight: bold; float: none; padding: 20px 0 10px 0; margin: 0; width: 100%; }
.search02 INPUT.default { width: 57% !important; float: left; margin: 8px 3% 0 0 !important; }
.search02 UL.actions01 { margin: 5px 0 0 0 !important; padding: 0 !important; width: 40%; float: left; }
.search02 UL.actions01 LI { padding: 0 !important; margin: 0 !important; float: none !important; display: block; }

/* 35. Breadcrumb */

UL.pathrow { margin: 0; padding: 10px 10px 0 10px; overflow: hidden; zoom: 1; }
UL.pathrow LI { float: left; margin: 0 10px 0 0; background: transparent; padding: 0; display: none; }
UL.pathrow LI:first-child,
UL.pathrow LI:last-child { display: block; }
UL.pathrow LI:first-child:before { content: "/"; display: block; float: right; margin: 0 2px 0 10px; color: #bbb; }
UL.pathrow LI:last-child { margin-left: -10px; }
UL.pathrow LI:last-child:before { content: " ... /"; display: block; float: left; margin: 0 10px 0 0; color: #bbb; }
UL.pathrow LI:nth-child(2):last-child { margin-left: 0; }
UL.pathrow LI:nth-child(2):last-child:before { display: none; }
/* Collapsible blocks */

DIV.groups01 {}
DIV.groups01 DIV.group { margin: 20px 0 0 0; }
DIV.groups01 DIV.group DIV.heading { background: #cce9f9; padding: 0; height: 44px; overflow: hidden; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
DIV.groups01 DIV.group DIV.heading .a { margin: 0; height: 44px; }
DIV.groups01 DIV.group DIV.heading .b { margin: 0; padding: 10px; font-size: 18px !important; line-height: 24px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 700; }
DIV.groups01 DIV.group DIV.heading .b-info { float: right; margin-top: -44px; font-size: 18px !important; line-height: 24px !important; font-weight: 400; padding: 10px; display: block; }
DIV.groups01 DIV.group.disabled { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
DIV.groups01 DIV.group.disabled * { cursor: default !important; }
.hasjs DIV.groups01 DIV.group DIV.heading { background: #cce9f9 url(bg37.png) 10px -190px no-repeat; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.hasjs DIV.groups01 DIV.group DIV.heading .b { cursor: pointer; position: relative; z-index: 1; padding-left: 40px; }
.hasjs DIV.groups01 DIV.group DIV.heading .b:hover { text-decoration: underline; color: #007ac7; }
.hasjs DIV.groups01 DIV.group.mobile-open DIV.heading { background-position: 10px 10px; }
.hasjs DIV.groups01 DIV.group DIV.groupcontent { display: none; }
.hasjs DIV.groups01 DIV.group.mobile-open DIV.groupcontent { display: block; }

/* Auth blocks */

DIV.auth01 { padding: 0; margin: 5px 0 0 0; overflow: hidden; }
DIV.auth01 P { margin: 5px 0 0 0; }
DIV.auth01 INPUT.default { width: 100%; margin: 0; }
.col02 DIV.auth01 { margin-right: -10px; }

DIV.auth02 { margin: 15px 0 0 0; padding: 0 15px 15px 15px; background: #f2f2f2; position: relative; }
DIV.auth02.pincalc DIV.form01 { padding-right: 55px; }
DIV.auth02.pincalc DIV.separator01 { clear: both; }
DIV.auth02.pincalc IMG.pincalc { position: absolute; top: 10px; right: 0; width: 75px; height: 75px; }
DIV.auth02 P.heading { margin: 15px 0 0 0; font-size: 20px; line-height: 24px; font-weight: 600; }
DIV.auth02 P.heading SPAN.text { float: left; margin: 4px 10px 0 0; }
DIV.auth02 P.heading SPAN.code { float: left; border: 2px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px 7px 0 7px; letter-spacing: 2px; font-weight: 600; background: #fff; }
DIV.auth02 .tab-hidden { display: none; }
DIV.auth02 UL.tabs01 { display: block; }
DIV.auth02 UL.tabs01 { padding: 0; margin: 10px 0 0 0; border: none; background: transparent; font-weight: 400; list-style: none; }
DIV.auth02 UL.tabs01 LI { margin: 10px 15px 0 0; float: left; padding: 0; background: transparent; display: block; }
DIV.auth02 UL.tabs01 LI A { padding: 3px 0 3px 27px; margin: 0; background: transparent; border: none; color: #000; position: relative; display: block; }
DIV.auth02 UL.tabs01 LI A:before { content: " "; position: absolute; left: 0; top: 0; background: #fff; width: 20px; height: 20px; border: 1px solid #ddd; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 1px 1px 1px rgba(0,0,0,0.2); }
DIV.auth02 UL.tabs01 LI A.active:after { content: " "; position: absolute; left: 6px; top: 6px; background: #000; width: 10px; height: 10px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
DIV.auth02 UL.tabs01 LI.exp { display: none; }
DIV.auth02 DIV.form01 { margin: 0; }
DIV.auth02 DIV.form01 DIV.row { clear: both; padding: 0; margin: 0 -2% 0 0; }
DIV.auth02 DIV.form01 DIV.row LABEL { padding: 15px 0 5px 0; }
DIV.auth02 DIV.form01 DIV.row LABEL INPUT[type="checkbox"] + SPAN { display: block; padding-left: 25px; }
DIV.auth02 DIV.form01 DIV.row .items LABEL { margin: 10px 0 0 0; padding: 0; font-weight: 400; float: left; width: 100%; }
DIV.auth02 DIV.form01 DIV.row .items LABEL INPUT { margin: 0 10px 0 0; padding: 0; }
DIV.auth02 DIV.form01 DIV.row INPUT { background-color: #fff; }

/*.inapp DIV.auth02 { margin: 0; padding: 0; background: transparent; }*/
.inapp DIV.auth02 { overflow: hidden; }
.inapp DIV.auth02:before { content: "\e00d"; font-family: "sebicons"; font-size: 100px; line-height: 100px; margin: 15px auto 0 auto; text-align: center; color: #000; background: #fff; display: block; width: 100px; height: 100px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
.inapp DIV.auth02.pincalc:before { content: " "; }
.inapp DIV.auth02.pincalc .pincalc { position: absolute; left: 50%; margin-left: -38px; top: 30px; }
.inapp DIV.auth02 .separator01,
.inapp DIV.auth02 .separator02 { display: none; }
.inapp DIV.auth02.login { margin: 0; padding: 0; background: transparent; }
.inapp DIV.auth02.login:before { background: #f2f2f2; margin-top: 20px; }
.inapp DIV.auth02.login DIV.form01 DIV.row INPUT { background-color: #f7f7f7; }

.inapp DIV.auth02 UL.tabs01 { font-size: 0; line-height: 0; letter-spacing: -5px; display: block !important; list-style: none; padding: 0; margin: 20px -2px 0 0; position: relative; font-weight: 600; background: #f2f2f2; }
.inapp DIV.auth02.login UL.tabs01 { background: #fff; }
.inapp DIV.auth02 UL.tabs01 LI { padding: 0; margin: 0; display: inline-block; vertical-align: middle; width: 33.333%; background: transparent; letter-spacing: 0; text-align: center; float: none; }
.inapp DIV.auth02 UL.tabs01 LI A { text-decoration: none; display: block; vertical-align: middle; font-size: 13px; line-height: 14px; padding: 8px; word-wrap: break-word; color: #000; float: none; position: static; }
.inapp DIV.auth02 UL.tabs01 LI A SPAN { position: relative; z-index: 1; }
.inapp DIV.auth02 UL.tabs01 LI A:after { display: none; }
.inapp DIV.auth02 UL.tabs01 LI A:before { content: " "; border: none; position: absolute; left: auto; right: auto; top: 0; bottom: 0; display: block; margin: 0 0 0 -8px; z-index: 0; background: #e6e6e6; -webkit-box-shadow: inset -2px 0 0 0 #f2f2f2 !important; box-shadow: inset -2px 0 0 0 #f2f2f2 !important; width: auto; height: auto; }
.inapp DIV.auth02.login UL.tabs01 LI A:before { -webkit-box-shadow: inset -2px 0 0 0 #fff !important; box-shadow: inset -2px 0 0 0 #fff !important; }
.inapp DIV.auth02 UL.tabs01 LI A.active { color: #fff; }
.inapp DIV.auth02 UL.tabs01 LI A.active:before { background: #007ac7 !important; }
.inapp DIV.auth02 UL.tabs01 LI:last-child A:before { -webkit-box-shadow: none; box-shadow: none; }
.inapp DIV.auth02 UL.tabs01 LI.cantfit { display: none; }
.inapp DIV.auth02 UL.tabs01 LI:first-child A:before { borDer-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; }
.inapp DIV.auth02 UL.tabs01 LI:last-child A:before { borDer-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; }
.inapp DIV.auth02 UL.tabs01 LI:first-child:nth-last-child(1),
.inapp DIV.auth02 UL.tabs01 LI:first-child:nth-last-child(1) A:before { width: 100%; }
.inapp DIV.auth02 UL.tabs01 LI:first-child:nth-last-child(2),
.inapp DIV.auth02 UL.tabs01 LI:first-child:nth-last-child(2) A:before,
.inapp DIV.auth02 UL.tabs01 LI:first-child:nth-last-child(2) ~ LI,
.inapp DIV.auth02 UL.tabs01 LI:first-child:nth-last-child(2) ~ LI A:before { width: 50% !important; }
.inapp DIV.auth02 UL.tabs01 LI:first-child:nth-last-child(3),
.inapp DIV.auth02 UL.tabs01 LI:first-child:nth-last-child(3) A:before,
.inapp DIV.auth02 UL.tabs01 LI:first-child:nth-last-child(3) ~ LI,
.inapp DIV.auth02 UL.tabs01 LI:first-child:nth-last-child(3) ~ LI A:before { width: 33.333% !important; }

/* Ad blocks */

DIV.carousel01 { margin: 10px 0 0 0; padding: 0 0 32px 0; position: relative; }
DIV.carousel01 IMG { width: 100%; }
DIV.carousel01 .hasflash { position: relative; z-index: 0; overflow: hidden; }
DIV.carousel01 .hasflash IMG { float: left; position: relative; z-index: 0; }
DIV.carousel01 .hasflash DIV.flashholder { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; }
DIV.carousel01 IMG.retina { position: absolute; left: 0; top: 0; }
DIV.carousel01 DIV.slides { padding: 0; margin: 0; position: relative; }
DIV.carousel01 DIV.slides DIV.slide { padding: 0; margin: 0; left: 0; top: 0; width: 100%; height: 100%; }
DIV.carousel01 .dots { position: absolute; z-index: 10; width: 100%; text-align: center; left: 0; bottom: 0; padding: 0; margin: 0; font-size: 12px; line-height: 14px; font-weight: 600; }
DIV.carousel01 .dots LI { display: inline-block; *display: inline; margin: 0 1px; padding: 0; background: transparent; }
DIV.carousel01 .dots LI A { display: inline-block; *display: inline; background: #e6e6e6; color: #000; text-decoration: none; padding: 0 10px 0 0; text-align: center; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; }
DIV.carousel01 .dots LI A SPAN { display: inline-block; padding: 0 0 0 10px; }
DIV.carousel01 .dots LI A SPAN SPAN { background: transparent !important; padding: 4px 8px; margin: 0 -10px; min-width: 6px; }
DIV.carousel01 .dots LI A:hover { background: #8c8c8c; color: #fff; }
DIV.carousel01 .dots LI A.active { background: #58c50f; color: #fff; }
DIV.carousel01 .dots LI.next { display: none; }

DIV.ad02 { margin: 10px 0 0 0; position: relative; }
DIV.ad02 IMG { width: 100%; }
DIV.ad02 IMG.retina { position: absolute; left: 0; top: 0; }

/* 10. Main content listing */

UL.list02 { margin: 10px 0 0 0; padding: 0; }
UL.list02 IMG.card { width: 100px !important; max-width: 100% !important; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
UL.list02 LI.item { padding: 10px 0 0 0; margin: 10px 0 0 0; border-top: 1px solid #ddd; }
UL.list02 LI.item DIV.a { padding: 0; margin: 0; }
UL.list02b LI.item { border-top: none; }
UL.list02b LI.item DIV.a { padding: 0 0 20px 0; border-bottom: 1px solid #e0e0e0; }
UL.list02b LI.item:last-child DIV.a { border-bottom: none; padding: 0 0 0 0; }

UL.list02 LI.clearer { display: none; }
UL.list02in2col LI.item,
UL.list02in3col LI.item,
UL.list02in4col LI.item { float: none; width: 100% !important; }

UL.list02.large P.heading { margin-top: 0; font-size: 22px; line-height: 24px; word-wrap: break-word; }
UL.list02 LI.item P.img { float: right; margin: 0 0 0 1em; }
UL.list02 LI.item P.img IMG { width: 100px; }
UL.list02 LI.item P.img.locked:before { font-size: 50px; line-height: 50px; margin: -25px 0 0 -25px; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; opacity: 0.7; }
UL.list02.large LI.item P.img { float: none; margin: -11px 0 1em 0; border-top: 10px solid #fff; }
UL.list02.large LI.item:first-child P.img { border-top: none; }
UL.list02.large LI.item P.img IMG { width: 100%; }
UL.list02 LI.item DIV.b { float: right; margin: 0 0 0 1em; padding: 0; width: auto; }
UL.list02 LI.item DIV.b P { margin: auto; }
UL.list02 LI.item DIV.b P IMG { width: 100px; margin: 0; }
UL.list02 LI.item DIV.c { padding: 0; }

UL.list08,
UL.list12 { font-size: inherit; line-height: inherit; }

.hasjs DIV.groups01 DIV.group DIV.groupcontent UL.list02:first-child  LI.item:first-child { border-top: none; margin-top: 0; }

/* Headers */
#header02 DIV.b { display: none; }
#header01 P.loginlink A { padding-top: 9px !important; }

.hasbanner #header02 { height: 200px; position: relative; }
.hasbanner #header02 #logo { position: absolute !important; height:54px !important; width:54px !important; left: 12px; top: 36px !important; z-index: 2; }
.hasbanner #header02 DIV.a { /*position: relative; z-index: 2; background: transparent;*/ }
.hasbanner #header02 DIV.b { position: absolute; z-index: 1; left: 0; right: 0; top: 36px; bottom: 0; display: block; }
.hasbanner #header02 P.tagline { margin: 0; }
.hasbanner #header02 DIV.slide { position: absolute !important; left: 0; right: 0; bottom: 0; top: 0; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }

.hasbanner #header02 UL.dots { position: absolute; left: 50%; bottom: 10px; width: 200px; padding: 0; margin: 0 0 0 -100px; z-index: 100; text-align: center; }
.hasbanner #header02 UL.dots LI { display: inline; padding: 0; margin: 0 2px; background: transparent; }
.hasbanner #header02 UL.dots LI A { display: inline-block; background: #fff; width: 16px; height: 16px; overflow: hidden; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.3); -moz-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.3); }
.hasbanner #header02 UL.dots LI A.active { background: #5cc914; }
.hasbanner #header02 UL.dots LI A SPAN { display: none; }
.hasbanner #header02 UL.dots LI.next { display: none; }

.hasbanner #header02 #slideprev,
.hasbanner #header02 #slidenext { display: none; }
.hasbanner #header02 #slideclose { background: url(rgba0_70.png); right: 10px; top: 10px; margin: 0; width: 30px; height: 30px; border-radius: 15px; line-height: 30px; color: #fff; position: absolute; text-align: center;  z-index: 99; }
.hasbanner #header02 #slideclose {   }
.hasbanner #header02 #slideclose:before { content: "\e606"; font-family: "sebicons"; font-size: 30px; color: #fff; }
.nofontface .hasbanner #header02 #slideclose:before { content: "\2003"; background-image: url(../fonts/icons_white/close.svg); background-size: 100% 100%; width: 1em; height: 1em; vertical-align: middle; }
.hasbanner #header02 #slideclose:hover { text-decoration: none; background: #000; }

.hasbanner #header02 DIV.slide { position: absolute !important; left: 0; right: 0; bottom: 0; top: 0; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }

.hasbanner #header02 DIV.c { max-width: 100%; padding: 0; height: 205px; margin: auto; position: relative; text-align: center; }
.hasbanner #header02 DIV.d { position: absolute; left: 10px; right: 10px; bottom: 36px; }
.web .hasbanner #header02 .ads:last-child DIV.d { bottom: 10px; }
.hasbanner #header02 DIV.c P.tagline { color: #fff; padding: 10px 20px; display: inline-block; background: url(rgba0_50.png); font-size: 24px; line-height: 1em; font-weight: bold; margin: 0; }
.hasbanner #header02 DIV.c P.tagline A { color: #fff; text-decoration: none; }
.hasbanner #header02 DIV.c P { margin-top: 10px; }
.hasbanner #header02 DIV.c P A.button_small { float: none !important; margin: auto !important; display: inline-block; }

.inapp:not(.web) #header01 .langselect { display: none; }
.inapp:not(.web) #header02 DIV.a { height: auto; overflow: visible; position: static; background: transparent; }
.inapp:not(.web) #header02 #logo { position: fixed !important; top: 0; left: 50%; z-index: 61; height: 36px !important; width: 60px !important; margin-left: -30px; }
.inapp:not(.web) #header02 #logo A { display: block; }
.inapp:not(.web) #header02 #logo A IMG { width: 60px; height: auto; margin: 4px 0 0 0; }
.inapp:not(.web) #box00.open #box04 { top: 36px; }

/* Footers */

DIV.footer01 { color: #fff; text-align: center; position: relative; line-height: 200%; }
DIV.footer01 P.f-left { margin: 0; float: none !important; }
DIV.footer01 P.f-right { display: none; }
DIV.footer01 A { color: #fff; text-decoration: underline; white-space: nowrap; }
DIV.footer01 SPAN { color: #777; margin: 0 5px; }
DIV.footer01 .wrapper01 { padding: 0 20px 20px 20px; }

DIV.footer03 { color: #fff; padding: 20px; text-align: center; line-height: 200%; }
DIV.footer03 A { color: #fff; text-decoration: underline; white-space: nowrap; }
DIV.footer03 P { margin: 0; }
DIV.footer03 SPAN { color: #777; margin: 0 5px; }

#box00.open DIV.footer01,
#box00.open DIV.footer02,
#box00.open P.footer03 { display: none; }
#box00.open.hasbanner #box04 { top: 236px; }

/* Products lists */

UL.products02 { margin-right: -5%; }
UL.products02 LI.item,
UL.products02 LI.item.wide { float: left; width: 45%; margin: 0 5% 0 0; }
UL.products02 LI.item P { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
UL.products02 LI.item IMG { width: 100%; }
UL.products02 LI.item A.button_small { float: none; margin: 5px 0 0 0; }

DIV.back { display: none; }

/* 11. Messages */

UL.messages LI.negative.critical { text-align: center; padding: 15px; }
UL.messages LI.negative.critical:before { position: relative; margin: auto; display: block; left: auto; top: auto; margin-bottom: 10px; }

/* 12. Progress indication */

OL.progress01 { padding: 0; margin: 15px 0 0 0; line-height: 18px; font-size: 16px; position: relative; list-style: none; }
OL.progress01 LI { float: left; padding: 0; margin: 5px 5px 0 0; }
OL.progress01 LI A,
OL.progress01 LI DIV { color: #000; }
OL.progress01 LI A:hover SPAN.label { text-decoration: underline; }
OL.progress01 SPAN.no { float: left; font-weight: bold; background: #e6e6e6; padding: 3px; min-width: 18px; text-align: center; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; }
OL.progress01 SPAN.label { display: none; padding: 3px 0 3px 5px; float: left; }
OL.progress01 .error { color: #000; }
OL.progress01 .error SPAN.no { background: #d42e25; color: #fff; }
OL.progress01 .active SPAN.no { background: #58c50f; color: #fff; }
OL.progress01 .active SPAN.label { display: block; }
OL.progress01vertical LI { width: 100%; margin: 5px 0 0 0; }
OL.progress01vertical SPAN.label { displaY: block; }

/* 13. Progress indication */

/* 17. Paginators */

UL.paging01 LI.mobile-hide { display: none; }

/* 32. Thickbox */

#TB_window.TB_window_hidden { left: -20000px !important; top: -20000px !important; width: 100% !important; height: auto !important; margin: 0 !important; }
#TB_window.TB_window_visible { left: 10px !important; right: 10px !important; width: auto !important; margin: 0 !important; }
#TB_window.TB_window_visible IFRAME { width: 100% !important; }
#TB_content_placeholder { width: 100% !important; height: auto !important; overflow: hidden; }
#TB_ajaxContent { background: #fff; width: 100% !important; height: auto !important; }

HTML.thickbox { background: #fff; overflow: auto !important; }
HTML.thickbox BODY { text-align: left; background: #fff; padding: 0; overflow: auto !important; }
HTML.thickbox H1 { margin: 0; font-size: 24px; }
HTML.embed H1 { margin-top: 20px; }
#TB_content_container { width: auto !important; overflow: auto !important; }

#TB_main { overflow: hidden; position: relative; padding: 30px 0 30px 15px; }
#TB_main DIV.main-b { background: #fff; margin-right: 15px; }
#TB_Image { display: block; margin: auto !important; }
#TB_ImageOff,
#TB_content_placeholder > SPAN { display: block; padding: 0 !important; margin: auto !important; }


/* Sitemap */

DIV.sitemap H3 { margin-top: 20px; }
DIV.sitemap UL { margin-right: 0; }
DIV.sitemap UL LI { width: 100%; }
DIV.sitemap UL LI.clearer { display: none; }
DIV.sitemap UL LI LI { width: auto; }
DIV.sitemap UL:first-child { margin-top: 10px; }
DIV.sitemap UL UL { margin-right: 0; }

.chartcontainer01 SPAN.wrapper { display: none; }
.chartcontainer01 DIV DIV { display: none; }
.chartcontainer01 DIV.highcharts-container { display: block; }
.chartcontainer01 DIV.highcharts-data-labels,
.chartcontainer01 DIV.highcharts-data-labels DIV { display: block; }

/* Search results */

.web UL.searchresults01 LI.item { padding: 10px 0 0 0; margin: 10px 0 0 0; background: transparent; border-top: 1px solid #ccc; }

.ui-autocomplete { z-index: 61 !important; position: absolute; background: #fff; display: none; padding: 4px; margin: 0; list-style: none; text-align: left; border: solid #ccc; border-width: 0 1px 1px 1px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
}
.ui-autocomplete LI { padding: 0; margin: 0; background: transparent; }
.ui-autocomplete LI A { cursor: pointer; color: #000; text-decoration: none; display: block; padding: 7px 10px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word !important; font-weight: 400; }
.ui-autocomplete LI A:hover,
.ui-autocomplete LI A.ui-state-hover,
.ui-autocomplete LI A.ui-state-active,
.ui-autocomplete LI A.ui-state-focus { background-color: #cce9f9; }
.ui-autocomplete LI A SPAN.line1 { display: block; line-height: 14px; }
.ui-autocomplete LI A SPAN.line2 { display: block; line-height: 14px; font-size: 12px; margin-bottom: -3px; }

.ui-helper-hidden-accessible { display: none !important; }
.search01 .ui-autocomplete-loading { background: #fff url(loader04.gif) 100% 3px no-repeat !important; }

/* Generic info display */

UL.genericinfo01 LI { min-width: 48%; }
UL.genericinfo01.reversed { margin-top: .5em !important; }
UL.genericinfo01.reversed LI { margin-top: .5em !important; }
UL.genericinfo01.reversed LI B { display: block !important; }

.col01 UL.genericinfo01 { margin: 1em 0 0 0; line-height: 18px; }
.col01 UL.genericinfo01 LI { float: none; margin: 0; width: auto; }
.col01 UL.genericinfo01 LI B { display: inline; }

/* Multiselect */

.fakeselect { min-width: 200px; text-overflow: ellipsis; white-space: nowrap; }
.fakeselect BUTTON { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; }
.fakeselect.open BUTTON { z-index: 999; }
.multiselect-container { max-height: none !important; }

/* 22. Sliders */

.slider01 { width: 90% !important; margin: 0 6% 0 4%; clear: both; }

/* V11 */

.v11 .w250.f-left { float: none; width: auto; }
.v11 .w660.f-left { float: none; width: auto; }

.v11 DIV.offers04 UL.a { padding: 0; }
.v11 DIV.offers04 LI.item { background: transparent; padding: 0; margin: 2em 0 0 0; clear: both; overflow: hidden; }

.v11 DIV.offers06 UL.a { padding: 0; margin: 0; list-style: none; }
.v11 DIV.offers06 UL.a LI.item { background: transparent; padding: 0; margin: 20px 0 0 0; border-top: 1px solid #e6e6e6; }

.v11 DIV.list04 DIV.col-a { width: 75px; }
.v11 DIV.list04 DIV.col-b { margin-left: -75px; padding-left: 85px; }

.v11 UL.list09 { padding: 0; margin: 0; }
.v11 UL.list09 LI.item { padding: 0; margin: 0; background: transparent; }

/* v11 Wizard */

#wizard01holder { height:  500px !important; }

DIV.wizard02 DIV.a { padding: 0 10px; float: none; height: auto; }
DIV.wizard02 DIV.b { padding: 0 10px; float: none; }
DIV.wizard02 DIV.col-a { width: 100%; padding-right: 0; float: none; }
DIV.wizard02 DIV.col-b { width: 100%; padding-left: 0; float: none; }

/* Inline calculator */

.calculatorheader01 { padding: 0 10px 10px 70px !important; min-height: 30px; }
.calculatorheader01:before { font-size: 30px; padding: 10px; left: 10px; top: 10px; }
.calculatorheader01 DIV.form01 .wdate { width: 38%; }
.calculatorheader01 DIV.form01 .default { width: 58%; }
.calculatorheader01 DIV.form01 .actions01 { overflow: hidden; clear: both; float: none; margin-top: 10px; }

/* Page tools */

UL.pagetools { display: none; }

/* Payments list */

DIV.payments01 { padding-bottom: 0; }
DIV.payments01 UL { padding: 0; margin: 0; overflow: hidden; line-height: normal; }
DIV.payments01 UL LI { float: none; margin: 0; padding: 0; width: auto !important; }
DIV.payments01 UL LI UL LI { width: 100%; float: none; }

/* Mobile dash icons */

.quicklinks { border-bottom: 1px solid #e0e0e0; padding: 0; margin: 0 -10px; overflow: hidden; text-align: center; font-size: 12px; line-height: 14px; position: relative; }
.quicklinks A { float: left; display: block; text-decoration: none; width: 25%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px 20px; color: #000; }
.quicklinks A SPAN { position: relative; z-index: 1; }
.quicklinks A SPAN.ico { display: block; position: relative; padding: 100% 0 0 0; background: #007ac7; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.quicklinks A SPAN.ico:before { display: block; text-align: center; color: #fff; font-family: sebicons; font-size: 28px; line-height: 1; position: absolute; left: 50%; top: 50%; margin: -0.5em 0 0 -0.5em; }
.quicklinks A SPAN.text { display: block; margin: 5px -20px 0 -20px; }
.quicklinks A:before { content: " "; position: absolute; top: 0; bottom: 0; display: block; width: 25%; margin: 0 0 0 -20px; z-index: 0; }

/* Mobile dash facelift icons */
.quicklinks-facelift { border: none; margin: 0 -7px; }
.quicklinks-facelift .svg-icon { background: #0092E1; padding: 100% 0 0 0; display: block; }
.quicklinks-facelift.corporate .svg-icon { background: #673AB6; padding: 100% 0 0 0; display: block; }
.quicklinks-facelift .svg-icon:before { width: 50%; height: 50%; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.quicklinks-facelift A { padding: 10px 7px 0; }
.quicklinks-facelift A SPAN.text { font-size: 3vw; line-height: 3vw; margin: 1.5vw 0 0; }
@media (max-width: 379px) {
	.quicklinks-facelift A SPAN.text { margin: 4px 0 0; font-size: 12px; line-height: 14px; }
}
@media screen and (-ms-high-contrast: active) and (max-width: 379px), screen and (-ms-high-contrast: none) and (max-width: 379px) {
	.svg-icon:before { background-size: contain; width: 100%; height: 100%; }
	/*.quicklinks-facelift .svg-icon:before { background-size: auto; }*/
}

/* Colorboxes */

DIV.colorboxes { overflow: hidden; margin-left: -10px; margin-right: -10px; font-size: 18px; line-height: 1.4; }
DIV.colorboxes H2 { font-weight: 700; font-size: 20px; }
DIV.colorboxes H2 A { font-weight: inherit; }
DIV.colorboxes .box { padding: 20px; }
DIV.colorboxes:last-child { margin-bottom: -10px; }

DIV.box03wide { margin-left: -10px; margin-right: -10px; font-size: 18px; line-height: 1.4; }
DIV.box03wide + DIV.colorboxes { margin-top: 0 !important; }
DIV.box03wide P.img { float: none; text-align: center; width: auto !important; }
DIV.box03wide P.img IMG { max-width: 50%; }
DIV.box03wide DIV.box03a { padding: 0 !important; margin: 0 !important; }
DIV.box03wide H2 A { color: inherit; text-decoration: none; }
DIV.box03wide H2 A:hover { text-decoration: underline; }

/* Cookie message */

.seb-cookiemessage { text-align: left; bottom: auto; top: 36px; }
.seb-cookiemessage .inner { overflow: hidden; text-align: left; max-width: 80vw; -webkit-box-flex: 1; -ms-flex: 1 1 80vw; flex: 1 1 80vw; }
.seb-cookiemessage P { display: inline; margin-top: 0; }
.seb-cookiemessage .button { float: right; margin-top: 5px; }
.content-cookie-message H1 {  font-size: 30px;  margin-top: 0;  margin-bottom: 12px;  text-align: left; }
.header-cookie-message {  margin-bottom: 30px; }
.seb-cookiemessage .actions01 { margin-top: 36px; }

/* Advanced calculator */

DIV.calculator02 DIV.col { float: none; }

/* LinkAccount styles */

DIV.la-form01 DIV.row {margin: 0;}
DIV.la-form01 P.h3tools {margin: 0;-ms-flex-preferred-size: 20%;flex-basis: 20%;text-align: right;padding-top: 5px;-ms-flex-item-align: center;align-self: center;}
DIV.la-search-box.mobile-hide{display:none;}
DIV.la-form01 DIV.row{margin:0;}
.col01 DIV.la-form01 DIV.row DIV.items{float:left;width:calc(100% - 50px);margin-top:-8px;}
.col01 DIV.la-form01 DIV.row,.col01 DIV.la-form01 DIV.row{display:block;}
.col01 DIV.la-form01 DIV.row-flex>.label,.col01 DIV.la-form01 DIV.row-flex>LABEL{display:block;float:left;}
DIV.la-form01 P.h3tools{float:left;margin-left:85px;margin-top:5px;}
DIV.la-form01 ul.checkboxes-flex.clear{margin-top:0;}
DIV.la-form01 ul.checkboxes-flex LI{-ms-flex-preferred-size:100%;flex-basis:100%;}
.notouch DIV.la-form01 DIV.row-flex,DIV.la-form01 DIV.row-flex{padding-top:20px;padding-bottom:19px;}
DIV.la-form01 UL.checkboxes LI LABEL{min-height:32px;}
DIV.la-form01 .collapse{margin-bottom:-6px;}
HR.separator04{margin-top:20px;}
/*Padding styles*/
.mpl0{padding-left:0 !important;}
.mpr0{padding-right:0 !important;}
.mmb20{margin-bottom:20px !important;}
.mt30m20{margin-top:20px !important;}
DIV.la-form01.mpl0.mpr0 HR.separator04{margin-right:0;margin-left:0;}
/*Action buttons*/
DIV.la-form01 UL.la-actions01.clear{margin-top:15px;margin-bottom:0;margin-right:-20px;margin-left:-20px;}
DIV.la-form01 DIV.row-fw UL.actions01 LI{margin-right:0 !important;}
/*Search box*/
DIV.la-search-box{margin-top:10px;}
.la-search-box__text{text-align:center;color:#007AC7;font-size:15px;font-weight:600;margin-top:22px;}
.col01 DIV.la-form01 DIV.la-search-box DIV.row{float:none;clear:both;}
.col01 DIV.la-form01 DIV.la-search-box DIV.row DIV.items{width:100%;}
.col01 DIV.la-form01 DIV.la-search-box DIV.row LABEL{padding-top:10px;padding-bottom:10px;}
DIV.form01 DIV.la-search-box UL.actions01.clear{margin:0;padding-top:20px;}
DIV.form01 DIV.la-search-box .small{width:auto;}
DIV.form01 DIV.la-search-box UL.actions01.clear LI{margin:0 !important;}
.la-search-box__toggle{cursor:pointer;}
.la-search-box__toggle .hide{display:none;}
.la-search-box__toggle.open .hide{display:block;}
.la-search-box__toggle.open .show{display:none;}
DIV.la-form01 {margin: 0;padding: 0 20px;}

/* Flex grid */
.g-flex { display: block; margin-left: 0; margin-right: 0; }
.g-flex-20 { display: block; margin-left: 0; margin-right: 0; }
.g-flex__col { padding-left: 0; padding-right: 0; }
.g-flex__col--75 { -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; }

/* E-invoice packages */
.ei-grid { -ms-flex-wrap: wrap; flex-wrap: wrap; }
.ei-grid__col { margin-bottom: 10px; }
.ei-grid__col--4 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
.ei-grid__col--6 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
.ei-package__wrapper { display: block; margin-bottom: 30px; }
DIV.form01 .g-flex-form--inline .date-pickers-inline { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
DIV.form01 .g-flex-form--inline UL.actions01 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }

/* Partner-box */
.partner-box { margin-right: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-top: 10px; margin-bottom: 24px; }

/* Pension Found */
.pf-table {margin-top: 0;}
.pf-m-col--12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
.pf-item h5 {margin-top: 16px;}
.pf-item {background-color: rgba(230, 230, 230, 0.5); border-radius: 4px; border-bottom: none; margin-top: 16px;}
.pf-btn--more {text-align: center; margin-top: 16px;}
.pf-info--text {margin-top: 16px;}
.pf-info--text .mobile-show {display: inline-block;}
.pf-info--text span:not(.mobile-show) {font-weight: bold;}
.pf-info--hint {margin-bottom: 8px;}
.pf-item {padding: 16px;}

/* Highcharts */
.hc-pie {height: 320px; margin-top: 0;}
.hc-line {height: 520px;margin-bottom: 20px;}
text.highcharts-subtitle .charttop {font-size: 21px !important;}

/* Collapse */
DIV.groups01 DIV.group.c-collapse {margin: 0;}
.c-content01 {padding: 0;}
.hasjs .tab-content DIV.groups01.c-groups01 {border-top: 1px solid #e0e0e0;}
DIV.form01.c-form01 {margin: 0;}
DIV.form01.c-form01 UL.checkboxes.clear {margin-top: 0;}
DIV.form01.c-form01 UL.checkboxes LI LABEL{padding: 16px 0 16px 36px; width: calc(100% + 36px);}
DIV.form01.c-form01 UL.checkboxes LI DIV.item {border-bottom: 1px solid rgba(224, 224, 224, 0.5);}
.hasjs DIV.groups01 DIV.group.mobile-open.c-collapse DIV.groupcontent {display: none;}
.hasjs DIV.groups01 DIV.group.open.c-collapse DIV.groupcontent {display: block;}
DIV.groups01 DIV.group.c-collapse DIV.heading {background: white;}
.hasjs DIV.groups01 DIV.group.c-collapse DIV.heading {background: white; border-radius: 0; height: auto;}
.hasjs .tab-content DIV.groups01 DIV.group.c-collapse {margin: 0; border-bottom: none;}
DIV.groups01 DIV.group.c-collapse DIV.heading .a {height: auto; position: relative; border-bottom: 1px solid #e0e0e0;}
.hasjs .tab-content DIV.groups01.c-groups01 DIV.group .heading .b {text-decoration: none;}
DIV.groups01 DIV.group.c-collapse DIV.heading .b {padding: 20px 0; }
DIV.groups01 DIV.group.c-collapse DIV.heading .d {margin-top: 6px; display: table; margin: 0 auto;}
.hasjs DIV.groups01 DIV.group.open.c-collapse DIV.heading {background: white; border-radius: 0;}
.hasjs .tab-content DIV.groups01 DIV.group.mobile-open.c-collapse DIV.heading .c{background: white url(arrow-down.svg) 0 center no-repeat !important; border-radius: 0; height: auto;}
.hasjs DIV.groups01 DIV.group.c-collapse DIV.heading .c{background: white url(arrow-down.svg) 0 center no-repeat; border-radius: 0; height: auto; text-decoration: none; font-size: 15px !important;}
.hasjs DIV.groups01 DIV.group.open.c-collapse DIV.heading .c{background: white url(arrow-up.svg) 0 center no-repeat; border-radius: 0;}
DIV.groups01 DIV.group.c-collapse DIV.heading .c {font-size: 15px !important; color:#007ac7; padding: 0 0 0 25px; font-weight: 600; display: inline-block; text-decoration: none; display: inline-block;}
.hasjs .tab-content DIV.groups01 DIV.group.mobile-open.c-collapse .heading{border-bottom: 0;}
.hasjs DIV.groups01 DIV.group.c-collapse DIV.heading .c:hover {text-decoration: none; color: #007ac7;}
.hasjs .tab-content DIV.groups01 DIV.group.c-collapse .heading .a { text-align: center; }
DIV.form01.c-form01 UL.checkboxes.clear LI.show-more,
DIV.form01.c-form01 UL.checkboxes.clear LI.show-less {padding: 16px 10px; border-bottom: 1px solid rgba(224, 224, 224, 0.5);}