/* line 56, _bootstrap.scss */
.prefix-ce #content-main-nest {
background: white;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
margin: 0 auto;
border-radius: 10px;
padding-top: 0;
padding-bottom: 0;
position: relative;
width: auto;
max-width: 1000px; }
/* line 68, _bootstrap.scss */
.prefix-ce #content-main-nest .container {
width: auto;
max-width: 1000px; }
/* line 73, _bootstrap.scss */
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
background-color: #f8a51b; }
/* line 79, _bootstrap.scss */
h1 {
color: #f8a51b; }
/* line 81, _bootstrap.scss */
a {
color: #f8a51b; }
/* line 82, _bootstrap.scss */
a:hover {
color: #f8a51b; }
/* line 85, _bootstrap.scss */
.well {
background-color: #fffbf4; }
/* line 87, _bootstrap.scss */
.pagination.pagination-icon-circles .active a {
background-color: #fffbf4;
color: #f8a51b; }
/* line 92, _bootstrap.scss */
.pagination.pagination-icon-circles .icon-wrapper-circle {
background: #f8a51b; }
/* line 97, _bootstrap.scss */
#crsl-partners.scroll-widget .left {
border-right: 15px solid #f8a51b; }
/* line 98, _bootstrap.scss */
#crsl-partners.scroll-widget .right {
border-left: 15px solid #f8a51b; }
/* line 102, _bootstrap.scss */
#crsl-video.scroll-widget .left, #crsl-cc-search .left {
border-bottom: 15px solid #f8a51b; }
/* line 103, _bootstrap.scss */
#crsl-video.scroll-widget .right, #crsl-cc-search .right {
border-top: 15px solid #f8a51b; }
/* line 106, _bootstrap.scss */
header .vcard .account-wrapper .phone .tel {
color: #f8a51b; }
/* line 108, _bootstrap.scss */
.btn-primary {
background-color: #12b5b7;
background-image: -ms-linear-gradient(top, #15d1d3, #0e8c8d);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#15d1d3), to(#0e8c8d));
background-image: -webkit-linear-gradient(top, #15d1d3, #0e8c8d);
background-image: -o-linear-gradient(top, #15d1d3, #0e8c8d);
background-image: -moz-linear-gradient(top, #15d1d3, #0e8c8d);
background-image: linear-gradient(top, #15d1d3, #0e8c8d);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#15d1d3', endColorstr='#0e8c8d', GradientType=0);
border-color: #0e8c8d #0e8c8d #074747;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #0e8c8d;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
/* line 45, _bootstrap.scss */
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
background-color: #0e8c8d;
*background-color: #0c7576; }
/* line 51, _bootstrap.scss */
.btn-primary:active, .btn-primary.active {
background-color: #095e5f \9; }
/* line 112, _bootstrap.scss */
.btn-group.open .btn-primary.dropdown-toggle {
background-color: #0e8c8d; }
/* line 1, _site_styles.scss */
body {
background-color: #888888; }
/* line 5, _site_styles.scss */
.portal-wrapper {
/* let's clear some floats */
/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
/* j.mp/webkit-tap-highlight-color */
/* custom grid: 978px width, 12 columns @ 43px with 42px gutters - margins exist outside of grid (12px on .wrapper) */
/* custom grid: 978px width, 10 columns @ 60px with 42px gutters - margins exist outside of grid (12px on .wrapper) */
/* homepage promo buttons */
/*footer #copyright {
border-top:2px dotted #b6b1a9;
font:normal 10px/36px 'DIN Next W01 Light', Arial, Helvetica, sans-serif;
color:#b6b1a9;
text-align:right;
}*/
/*h2.underline {*/
/*.ie8 .input-block select {
min-width:120px;
}
.ie8 option {
width:120px;
}*/
/* dl, dt, & dd are being repuporsed as a document list */
/* Print styles!
-------------------------------------------------------------------------------*/
/* Media queries!
-------------------------------------------------------------------------------*/
/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */ }
/* line 6, _site_styles.scss */
.portal-wrapper ul {
list-style: none; }
/* line 7, _site_styles.scss */
.portal-wrapper div, .portal-wrapper span, .portal-wrapper object, .portal-wrapper iframe, .portal-wrapper h1, .portal-wrapper h2, .portal-wrapper h3, .portal-wrapper h4, .portal-wrapper h5, .portal-wrapper h6, .portal-wrapper p, .portal-wrapper blockquote, .portal-wrapper pre, .portal-wrapper abbr, .portal-wrapper address, .portal-wrapper cite, .portal-wrapper code, .portal-wrapper del, .portal-wrapper dfn, .portal-wrapper em, .portal-wrapper img, .portal-wrapper ins, .portal-wrapper kbd, .portal-wrapper q, .portal-wrapper samp, .portal-wrapper small, .portal-wrapper strong, .portal-wrapper sub, .portal-wrapper sup, .portal-wrapper var, .portal-wrapper b, .portal-wrapper i, .portal-wrapper dl, .portal-wrapper dt, .portal-wrapper dd, .portal-wrapper ol, .portal-wrapper ul, .portal-wrapper li, .portal-wrapper fieldset, .portal-wrapper form, .portal-wrapper label, .portal-wrapper legend, .portal-wrapper table, .portal-wrapper caption, .portal-wrapper tbody, .portal-wrapper tfoot, .portal-wrapper thead, .portal-wrapper tr, .portal-wrapper th, .portal-wrapper td, .portal-wrapper article, .portal-wrapper aside, .portal-wrapper figure, .portal-wrapper footer, .portal-wrapper header, .portal-wrapper hgroup, .portal-wrapper menu, .portal-wrapper nav, .portal-wrapper section, .portal-wrapper time, .portal-wrapper mark, .portal-wrapper audio, .portal-wrapper video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }
/* line 17, _site_styles.scss */
.portal-wrapper .clearfix:before, .portal-wrapper .clearfix:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden; }
/* line 18, _site_styles.scss */
.portal-wrapper .clearfix:after {
clear: both; }
/* line 19, _site_styles.scss */
.portal-wrapper .clearfix {
zoom: 1;
height: auto !important; }
/* line 20, _site_styles.scss */
.portal-wrapper a {
font-weight: bold;
color: #00b0ca;
text-decoration: none; }
/* line 25, _site_styles.scss */
.portal-wrapper a:hover {
color: #ec7a08; }
/* line 28, _site_styles.scss */
.portal-wrapper ::-moz-selection {
background: #fcd700;
color: #fff;
text-shadow: none; }
/* line 29, _site_styles.scss */
.portal-wrapper ::selection {
background: #fcd700;
color: #fff;
text-shadow: none; }
/* line 32, _site_styles.scss */
.portal-wrapper a:link {
-webkit-tap-highlight-color: #fcd700; }
/* line 34, _site_styles.scss */
.portal-wrapper ins {
background-color: #fcd700;
color: #000;
text-decoration: none; }
/* line 35, _site_styles.scss */
.portal-wrapper mark {
background-color: #fcd700;
color: #000;
font-style: italic;
font-weight: bold; }
/* line 37, _site_styles.scss */
.portal-wrapper .logo {
max-width: 290px;
margin-top: 4px; }
/* line 45, _site_styles.scss */
.portal-wrapper .wrapper {
width: 978px;
margin: 0 auto;
padding: 0 12px;
position: relative; }
@media (min-width: 820px) and (max-width: 995px) {
/* line 45, _site_styles.scss */
.portal-wrapper .wrapper {
width: 778px;
float: left; } }
@media (max-width: 820px) {
/* line 45, _site_styles.scss */
.portal-wrapper .wrapper {
width: 375px;
float: left; } }
/* line 64, _site_styles.scss */
.portal-wrapper #content-wrapper {
position: relative;
overflow: hidden; }
/* line 69, _site_styles.scss */
.portal-wrapper #content {
background: #fff;
color: #58595b; }
/* line 76, _site_styles.scss */
.portal-wrapper #breadcrumb {
width: 100%;
padding-bottom: 30px;
background-color: #fff; }
/* line 82, _site_styles.scss */
.portal-wrapper #breadcrumb .wrapper div {
height: 38px;
padding: 0 6px; }
/* line 87, _site_styles.scss */
.portal-wrapper #breadcrumb a, .portal-wrapper #breadcrumb span {
margin: 0 10px;
text-transform: uppercase; }
/* line 93, _site_styles.scss */
.portal-wrapper #breadcrumb input {
float: right;
width: 180px;
margin: 6px 5px;
background: #fff url("/img/portal/stk/search.png") right center no-repeat;
font: normal 12px/16px Arial, Helvetica, sans-serif;
color: #797979;
border: 1px solid #cacaca;
padding: 4px 7px;
-webkit-box-shadow: inset 1px 3px 4px 0 rgba(88, 89, 91, 0.1);
box-shadow: inset 1px 3px 4px 0 rgba(88, 89, 91, 0.1); }
/* line 107, _site_styles.scss */
.portal-wrapper hr {
margin: 25px 0 0 0;
border-top: 2px dotted #b6b1a9;
padding: 25px 0 0 0; }
/* line 115, _site_styles.scss */
.portal-wrapper div.col1, .portal-wrapper div.col2, .portal-wrapper div.col3, .portal-wrapper div.col4, .portal-wrapper div.col5, .portal-wrapper div.col6, .portal-wrapper div.col7, .portal-wrapper div.col8, .portal-wrapper div.col9, .portal-wrapper div.col10, .portal-wrapper div.col11, .portal-wrapper div.col12 {
float: left;
margin-left: 42px; }
/* line 119, _site_styles.scss */
.portal-wrapper div.col1:first-child, .portal-wrapper div.col2:first-child, .portal-wrapper div.col3:first-child, .portal-wrapper div.col4:first-child, .portal-wrapper div.col5:first-child, .portal-wrapper div.col6:first-child, .portal-wrapper div.col7:first-child, .portal-wrapper div.col8:first-child, .portal-wrapper div.col9:first-child, .portal-wrapper div.col10:first-child, .portal-wrapper div.col11:first-child, .portal-wrapper div.col12:first-child {
margin-left: 0; }
/* line 120, _site_styles.scss */
.portal-wrapper div.col1 {
width: 43px; }
/* line 121, _site_styles.scss */
.portal-wrapper div.col2 {
width: 128px; }
/* line 122, _site_styles.scss */
.portal-wrapper div.col3 {
width: 213px; }
/* line 123, _site_styles.scss */
.portal-wrapper div.col4 {
width: 298px; }
/* line 124, _site_styles.scss */
.portal-wrapper div.col5 {
width: 383px; }
/* line 125, _site_styles.scss */
.portal-wrapper div.col6 {
width: 468px; }
/* line 126, _site_styles.scss */
.portal-wrapper div.col7 {
width: 553px; }
/* line 127, _site_styles.scss */
.portal-wrapper div.col8 {
width: 638px; }
/* line 128, _site_styles.scss */
.portal-wrapper div.col9 {
width: 723px; }
/* line 129, _site_styles.scss */
.portal-wrapper div.col10 {
width: 808px; }
/* line 130, _site_styles.scss */
.portal-wrapper div.col11 {
width: 893px; }
/* line 131, _site_styles.scss */
.portal-wrapper div.col12 {
width: 978px; }
/* line 134, _site_styles.scss */
.portal-wrapper div.cols3, .portal-wrapper div.cols5, .portal-wrapper div.cols6, .portal-wrapper div.cols7 {
float: left;
margin-left: 42px; }
/* line 138, _site_styles.scss */
.portal-wrapper div.cols3:first-child, .portal-wrapper div.cols5:first-child, .portal-wrapper div.cols6:first-child, .portal-wrapper div.cols7:first-child {
margin-left: 0; }
/* line 139, _site_styles.scss */
.portal-wrapper div.cols3 {
width: 264px; }
/* line 140, _site_styles.scss */
.portal-wrapper div.cols5 {
width: 468px; }
/* line 141, _site_styles.scss */
.portal-wrapper div.cols7 {
width: 672px; }
/* line 146, _site_styles.scss */
.portal-wrapper #slider-logo {
display: block;
position: absolute;
top: 12px;
right: 30px;
z-index: 450; }
/* line 154, _site_styles.scss */
.portal-wrapper #slider {
/*-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:0 2px 7px 0 rgba(88,89,91,0.4);
box-shadow:0 2px 7px 0 rgba(88,89,91,0.4);*/ }
/* line 161, _site_styles.scss */
.portal-wrapper #slider a {
display: block;
height: 300px;
width: 978px;
text-indent: -9999px; }
/* line 171, _site_styles.scss */
.portal-wrapper #promos div div a {
display: block;
height: 120px;
width: 298px;
margin-bottom: 25px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 2px 7px 0 rgba(88, 89, 91, 0.4);
box-shadow: 0 2px 7px 0 rgba(88, 89, 91, 0.4);
text-indent: -9999px; }
/* line 185, _site_styles.scss */
.portal-wrapper #search-bar {
height: 50px;
margin-bottom: 25px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 2px 7px 0 rgba(88, 89, 91, 0.4);
box-shadow: 0 2px 7px 0 rgba(88, 89, 91, 0.4);
background: url("/img/portal/stk/search-bar.png") 0 0 no-repeat; }
/* line 195, _site_styles.scss */
.portal-wrapper #search-bar input {
float: right;
width: 172px;
margin: 11px 12px 0 0;
background: #fff url("/img/portal/stk/search.png") right center no-repeat;
font: normal 12px/16px Arial, Helvetica, sans-serif;
color: #797979;
border: 1px solid #cacaca;
padding: 4px 7px;
-webkit-box-shadow: inset 1px 3px 4px 0 rgba(88, 89, 91, 0.1);
box-shadow: inset 1px 3px 4px 0 rgba(88, 89, 91, 0.1); }
/* line 208, _site_styles.scss */
.portal-wrapper .ie #search-bar input {
height: 16px; }
/* line 214, _site_styles.scss */
.portal-wrapper #news-views {
border: 1px solid #d9d9d9;
padding: 10px;
background-color: #eee;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 2px 7px 0 rgba(88, 89, 91, 0.4);
box-shadow: 0 2px 7px 0 rgba(88, 89, 91, 0.4); }
/* line 224, _site_styles.scss */
.portal-wrapper #news-views h3 {
margin-bottom: 10px;
border: none;
padding: 0 0 0 36px;
background: url("/img/portal/stk/pointer-teal-bottom-right.png") 3px 5px no-repeat;
font: normal 32px/32px 'FetteEngschriftDIN1451W', Arial, san-serif;
text-transform: uppercase;
color: #002c5f; }
/* line 234, _site_styles.scss */
.portal-wrapper #news-views ul {
margin: 0;
border: 1px solid #d9d9d9;
padding: 2px 12px;
background-color: #fff;
-webkit-box-shadow: inset 0 0 4px 0 rgba(88, 89, 91, 0.2);
box-shadow: inset 0 0 4px 0 rgba(88, 89, 91, 0.2);
list-style: none; }
/* line 244, _site_styles.scss */
.portal-wrapper #news-views li {
margin: 0;
border-top: 1px solid #edebe9;
padding: 0 3px; }
/* line 250, _site_styles.scss */
.portal-wrapper #news-views li:first-child {
border: none; }
/* line 254, _site_styles.scss */
.portal-wrapper #news-views li a {
display: block;
min-height: 36px;
margin: 6px 0 5px 0;
padding: 0 0 0 46px;
font: normal 11px/16px Arial, Helvetica, sans-serif;
color: #58595b; }
/* line 263, _site_styles.scss */
.portal-wrapper #news-views li a:hover {
color: #ec7a08; }
/* line 267, _site_styles.scss */
.portal-wrapper a.blog {
background: url("/img/portal/stk/news-blog.png") 0 0 no-repeat; }
/* line 271, _site_styles.scss */
.portal-wrapper a.facebook {
background: url("/img/portal/stk/news-facebook.png") 0 0 no-repeat; }
/* line 275, _site_styles.scss */
.portal-wrapper a.twitter {
background: url("/img/portal/stk/news-twitter.png") 0 0 no-repeat; }
/* line 279, _site_styles.scss */
.portal-wrapper #news-views li.read-more {
border: none;
text-align: right; }
/* line 284, _site_styles.scss */
.portal-wrapper #news-views li.read-more a {
min-height: 16px;
padding: 2px 14px 0 0;
background: url("/img/portal/stk/arrow-right-teal.png") right center no-repeat;
font: normal 16px/16px 'FetteEngschriftDIN1451W', Arial, san-serif;
text-transform: uppercase;
color: #00b0ca; }
/* line 293, _site_styles.scss */
.portal-wrapper #news-views li.read-more a:hover {
color: #ec7a08; }
/* line 299, _site_styles.scss */
.portal-wrapper footer {
margin-bottom: 40px;
background-color: #fff; }
/* line 304, _site_styles.scss */
.portal-wrapper footer li {
float: right;
margin-left: 22px; }
/* line 309, _site_styles.scss */
.portal-wrapper footer li a {
display: block;
font: normal 16px/36px 'FetteEngschriftDIN1451W', Arial, san-serif;
color: #b6b1a9;
text-transform: uppercase; }
/* line 316, _site_styles.scss */
.portal-wrapper footer li:first-child a {
color: #838485;
padding-right: 16px;
background: url(/img/portal/stk/arrow-up-gray.png) right center no-repeat; }
/* line 322, _site_styles.scss */
.portal-wrapper footer li a:hover {
color: #ec7a08; }
/* line 327, _site_styles.scss */
.portal-wrapper footer #social {
height: 31px;
margin: 16px 0;
font: normal 12px/31px 'DIN Next W02 Medium', Arial, Helvetica, sans-serif;
color: #b6b1a9;
text-align: right; }
/* line 335, _site_styles.scss */
.portal-wrapper footer #social a {
display: inline-block;
width: 32px;
height: 31px;
margin: 0 4px;
white-space: nowrap;
vertical-align: middle; }
/* line 344, _site_styles.scss */
.portal-wrapper footer #social a.facebook {
background: url(/img/portal/stk/social-facebook.png) 0 0 no-repeat;
margin-left: 10px; }
/* line 349, _site_styles.scss */
.portal-wrapper footer #social a.linkedin {
background: url(/img/portal/stk/social-linkedin.png) 0 0 no-repeat; }
/* line 353, _site_styles.scss */
.portal-wrapper footer #social a.twitter {
background: url(/img/portal/stk/social-twitter.png) 0 0 no-repeat;
margin-right: 0; }
/* line 358, _site_styles.scss */
.portal-wrapper footer #social a.youtube {
background: url(/img/portal/stk/social-youtube.png) 0 0 no-repeat; }
/* line 362, _site_styles.scss */
.portal-wrapper footer #social a.instagram {
background: url(/img/portal/stk/social-instagram.png) 0 0 no-repeat; }
/* line 375, _site_styles.scss */
.portal-wrapper #jobs-wrapper {
float: left; }
/* line 379, _site_styles.scss */
.portal-wrapper #location-access {
margin-left: 8px; }
/* line 383, _site_styles.scss */
.portal-wrapper #location-access div {
margin: 8px 0 8px 30px; }
/* line 387, _site_styles.scss */
.portal-wrapper #jobs-wrapper input,
.portal-wrapper #location-access input {
float: none;
margin-top: 0;
vertical-align: middle; }
/* line 394, _site_styles.scss */
.portal-wrapper #jobs-wrapper label,
.portal-wrapper #location-access label {
width: auto;
float: none;
margin: 0 12px;
display: inline;
text-align: left;
text-transform: none;
color: #58595b; }
/* line 407, _site_styles.scss */
.portal-wrapper #slideout {
position: fixed;
top: 35%;
right: -133px;
z-index: 999;
width: 164px;
height: 95px;
background: url("/img/portal/stk/chat-online.png") left top no-repeat;
border: 4px solid #fff;
border-right: none;
-webkit-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
-webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.4);
cursor: pointer; }
/* line 424, _site_styles.scss */
.portal-wrapper #slideout:hover {
border-color: #f1c857; }
/* line 428, _site_styles.scss */
.portal-wrapper #slideout.chatOffline {
background-image: url("/img/portal/stk/chat-offline.png"); }
/* line 432, _site_styles.scss */
.portal-wrapper #slideout-button {
float: left;
height: 95px;
width: 27px;
text-indent: -9999px; }
/* line 439, _site_styles.scss */
.portal-wrapper #slideout-content {
float: left;
height: 95px;
width: 137px;
text-indent: -9999px; }
/* line 451, _site_styles.scss */
.portal-wrapper .btn {
position: relative;
display: block;
height: 40px;
margin-bottom: 12px;
text-indent: -9999px; }
/* line 459, _site_styles.scss */
.portal-wrapper .btn:hover {
background-position: 0 -40px; }
/* line 463, _site_styles.scss */
.portal-wrapper .btn-busy {
background-position: 0 -80px !important;
cursor: default; }
/* line 468, _site_styles.scss */
.portal-wrapper .btn-busy .spinner {
position: absolute;
top: 11px;
left: 12px;
height: 16px;
padding-left: 24px;
background: url("/img/portal/stk/spinner.gif") 0 0 no-repeat; }
/* line 478, _site_styles.scss */
.portal-wrapper .btn-add-new-user {
float: right;
margin-bottom: -12px;
width: 143px;
background: url("/img/portal/stk/add-new-user.png") 0 0 no-repeat; }
/* line 485, _site_styles.scss */
.portal-wrapper .btn-create-shipping-label {
width: 195px;
margin: 30px 0 12px 184px;
background: url("/img/portal/stk/create-shipping-label.png") 0 0 no-repeat; }
/* line 491, _site_styles.scss */
.portal-wrapper .btn-delete-user {
float: right;
width: 130px;
margin: 5px 6px 0 12px;
background: url("/img/portal/stk/delete-user.png") 0 0 no-repeat; }
/* line 498, _site_styles.scss */
.portal-wrapper .btn-edit-user {
float: right;
width: 114px;
margin: 5px 0 0 0;
background: url("/img/portal/stk/edit-user.png") 0 0 no-repeat; }
/* line 505, _site_styles.scss */
.portal-wrapper .btn-log-in-to-my-account {
width: 191px;
margin: 30px 0 12px 184px;
background: url("/img/portal/stk/log-in-to-my-account.png") 0 0 no-repeat; }
/* line 511, _site_styles.scss */
.portal-wrapper .btn-manage-account {
width: 163px;
background: url("/img/portal/stk/manage-account.png") 0 0 no-repeat; }
/* line 516, _site_styles.scss */
.portal-wrapper .btn-need-help-online {
float: right;
margin: 0 12px -12px 0;
width: 125px;
background: url("/img/portal/stk/need-help-online.png") 0 0 no-repeat; }
/* line 523, _site_styles.scss */
.portal-wrapper .btn-need-help-offline {
float: right;
margin: 0 12px -12px 0;
width: 125px;
background: url("/img/portal/stk/need-help-offline.png") 0 0 no-repeat; }
/* line 530, _site_styles.scss */
.portal-wrapper .btn-online-ordering {
width: 163px;
margin-bottom: 0;
background: url("/img/portal/stk/online-ordering.png") 0 0 no-repeat; }
/* line 536, _site_styles.scss */
.portal-wrapper .btn-online-order-form {
width: 240px;
height: 50px;
margin-bottom: 0;
background: url("/img/portal/stk/online-order-form.png") 0 0 no-repeat; }
/* line 543, _site_styles.scss */
.portal-wrapper .btn-online-order-form:hover {
background-position: 0 -50px; }
/* line 547, _site_styles.scss */
.portal-wrapper .btn-return-to-product-overview {
position: absolute;
bottom: -10px;
left: 36px;
width: 239px;
background: url("/img/portal/stk/return-to-product-overview.png") 0 0 no-repeat; }
/* line 555, _site_styles.scss */
.portal-wrapper .btn-reset-password {
width: 159px;
margin: 30px 0 12px 184px;
background: url("/img/portal/stk/reset-password.png") 0 0 no-repeat; }
/* line 561, _site_styles.scss */
.portal-wrapper .btn-save-user-information {
width: 200px;
margin: 30px 0 12px 158px;
background: url("/img/portal/stk/save-user-information.png") 0 0 no-repeat; }
/* line 567, _site_styles.scss */
.portal-wrapper .btn-search-hearing-aids {
position: absolute;
right: 30px;
bottom: 22px;
width: 184px;
background: url("/img/portal/stk/search-hearing-aids.png") 0 0 no-repeat; }
/* line 575, _site_styles.scss */
.portal-wrapper .btn-search-orders {
float: right;
margin-bottom: -12px;
width: 149px;
background: url("/img/portal/stk/search-orders.png") 0 0 no-repeat; }
/* line 582, _site_styles.scss */
.portal-wrapper .btn-submit-loss-damage-claim {
width: 237px;
margin: 30px 0 12px 184px;
background: url("/img/portal/stk/submit-loss-damage-claim.png") 0 0 no-repeat; }
/* line 588, _site_styles.scss */
.portal-wrapper .btn-submit-warranty-request {
width: 222px;
margin-left: 184px;
background: url("/img/portal/stk/submit-warranty-request.png") 0 0 no-repeat; }
/* line 594, _site_styles.scss */
.portal-wrapper .btn-submit-workshop-request {
width: 224px;
margin: 30px 0 12px 158px;
background: url("/img/portal/stk/submit-workshop-request.png") 0 0 no-repeat; }
/* line 600, _site_styles.scss */
.portal-wrapper .btn-surflink-compatible {
width: 213px;
height: 60px;
margin: 25px 0 0 0;
background: url("/img/portal/stk/surflink-compatible.png") left top no-repeat;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 2px 7px 0 rgba(88, 89, 91, 0.4);
box-shadow: 0 2px 7px 0 rgba(88, 89, 91, 0.4); }
/* line 611, _site_styles.scss */
.portal-wrapper .btn-surflink-compatible:hover {
background-position: 0 -60px; }
/* line 615, _site_styles.scss */
.portal-wrapper .btn-update-user-profile {
width: 182px;
margin: 30px 0 12px 158px;
background: url("/img/portal/stk/update-user-profile.png") 0 0 no-repeat; }
/* line 626, _site_styles.scss */
.portal-wrapper .feature {
margin-bottom: 25px; }
/* line 630, _site_styles.scss */
.portal-wrapper .feature-fpo {
height: 180px;
background-color: #eaeaeb;
margin-bottom: 25px; }
/* line 637, _site_styles.scss */
.portal-wrapper .outline {
margin: 30px 0;
padding: 20px;
background-color: #eee;
border: 5px solid #abacad;
-webkit-border-radius: 6px;
border-radius: 6px; }
/* line 646, _site_styles.scss */
.portal-wrapper .outline-green {
background-color: #f8f8e5;
border-color: #dadf7f; }
/* line 651, _site_styles.scss */
.portal-wrapper .outline-red {
background-color: #fbe9e8;
border-color: #ea958e; }
/* line 656, _site_styles.scss */
.portal-wrapper .outline-red h2 {
/*color:#97233f;*/ }
/* line 662, _site_styles.scss */
.portal-wrapper h1 {
margin-bottom: 12px;
font: normal 32px/38px 'DIN Next W02 Medium', Arial, Helvetica, sans-serif;
color: #d52b1e; }
/* line 668, _site_styles.scss */
.portal-wrapper h2 {
margin-bottom: 8px;
font: normal 32px/38px 'FetteEngschriftDIN1451W', Arial, san-serif; }
/* line 674, _site_styles.scss */
.portal-wrapper .underline {
margin: 0 -2px 12px -2px;
padding: 0 2px 4px 2px;
border-bottom: 2px solid #c1c1c1; }
/* line 680, _site_styles.scss */
.portal-wrapper h3 {
margin: 25px -2px 12px -2px;
padding: 0 2px 4px 2px;
border-bottom: 2px solid #c1c1c1;
/*font:normal 24px/28px 'FetteEngschriftDIN1451W', Arial, san-serif;*/ }
/* line 687, _site_styles.scss */
.portal-wrapper h3.tipdown-headline {
margin: 30px 0 12px 0;
border: none;
padding: 0; }
/* line 693, _site_styles.scss */
.portal-wrapper h3:first-child,
.portal-wrapper h3.tipdown-headline:first-child {
margin-top: 0; }
/* line 698, _site_styles.scss */
.portal-wrapper h5 {
margin: 16px -2px 6px -2px;
padding: 0 2px 2px 2px;
border-bottom: 1px solid #c1c1c1;
font: normal 14px/18px 'DIN Next W02 Medium', Arial, Helvetica, sans-serif;
text-transform: uppercase; }
/* line 706, _site_styles.scss */
.portal-wrapper h6 {
margin: 10px -3px 6px -3px;
padding: 0 3px 2px 3px;
border-bottom: 1px solid #c1c1c1;
font: normal 13px/16px 'DIN Next W02 Medium', Arial, Helvetica, sans-serif; }
/* line 713, _site_styles.scss */
.portal-wrapper h6:first-child {
margin-top: 0; }
/* line 717, _site_styles.scss */
.portal-wrapper p {
margin-bottom: 20px;
font: normal 13px/22px Arial, Helvetica, sans-serif; }
/* line 722, _site_styles.scss */
.portal-wrapper p.small {
margin-bottom: 0;
font: normal 11px/15px Arial, Helvetica, sans-serif; }
/* line 727, _site_styles.scss */
.portal-wrapper ol {
margin: 16px 0 25px 40px; }
/* line 731, _site_styles.scss */
.portal-wrapper ul.disc {
list-style: disc;
margin: 16px 0 25px 40px; }
/* line 736, _site_styles.scss */
.portal-wrapper ul.disc li,
.portal-wrapper ol li {
margin-bottom: 20px;
font: normal 13px/20px Arial, Helvetica, sans-serif; }
/* line 743, _site_styles.scss */
.portal-wrapper h1.form-header {
margin-bottom: 4px;
padding: 10px 24px 6px 24px;
/*background-color:#828384;
color:#fff;*/ }
/* line 751, _site_styles.scss */
.portal-wrapper .input-block {
margin-bottom: 25px;
padding: 18px 25px; }
/* line 756, _site_styles.scss */
.portal-wrapper .input-block div.cols5 {
width: 443px;
/* assuming the input-block is full width, this is half of the input-block */ }
/* line 760, _site_styles.scss */
.portal-wrapper h1.form-header + .input-block {
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px; }
/* line 765, _site_styles.scss */
.portal-wrapper .input-block div label {
display: block;
float: left;
margin: 0 20px;
text-align: right;
font: normal 14px/26px 'DIN Next W02 Medium', Arial, Helvetica, sans-serif;
color: #7e7f80;
text-transform: uppercase; }
/* line 775, _site_styles.scss */
.portal-wrapper .input-block div label:first-child {
width: 164px;
margin-left: 0; }
/* line 780, _site_styles.scss */
.portal-wrapper .input-block div.cols5 div label:first-child {
width: 140px; }
/* line 784, _site_styles.scss */
.portal-wrapper .input-block div label.radio {
display: inline;
float: none;
margin: 0 30px 0 8px;
color: #58595b; }
/* line 791, _site_styles.scss */
.portal-wrapper .input-block input[type="text"],
.portal-wrapper .input-block input[type="password"],
.portal-wrapper .input-block textarea,
.portal-wrapper .input-block .data-field {
float: left;
width: 243px;
border: 1px solid #cacaca;
padding: 6px 8px;
background-color: #fff;
-webkit-box-shadow: inset 1px 3px 4px 0 rgba(88, 89, 91, 0.1);
box-shadow: inset 1px 3px 4px 0 rgba(88, 89, 91, 0.1);
font: normal 13px/13px Arial, Helvetica, sans-serif;
color: #797979; }
/* line 806, _site_styles.scss */
.portal-wrapper .input-block div.cols5 input[type="text"] {
width: 200px; }
/* line 810, _site_styles.scss */
.portal-wrapper .input-block p.data-field {
line-height: 20px; }
/* line 813, _site_styles.scss */
.portal-wrapper .input-block input.date {
width: 80px;
background: #fff url("/img/portal/stk/input-calendar.png") right center no-repeat; }
/* line 818, _site_styles.scss */
.portal-wrapper .input-block input.short,
.portal-wrapper .input-block div.cols5 input.short {
width: 64px; }
/* line 823, _site_styles.scss */
.portal-wrapper .input-block input[type="checkbox"] {
margin-top: 3px; }
/* line 827, _site_styles.scss */
.portal-wrapper .input-block input[type="radio"] {
float: none; }
/* line 831, _site_styles.scss */
.portal-wrapper .input-block select {
padding: 6px 8px;
border: 1px solid #cacaca;
font: normal 13px/13px Arial, Helvetica, sans-serif; }
/* line 845, _site_styles.scss */
.portal-wrapper .input-block .toggle {
position: relative;
padding: 20px;
background-color: #fdfdfe;
-webkit-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.2); }
/* line 853, _site_styles.scss */
.portal-wrapper .input-block .toggle .trigger {
padding-right: 20px;
background: url("/img/portal/stk/toggle-small-down.png") right center no-repeat;
font: normal 16px/16px 'FetteEngschriftDIN1451W', Arial, san-serif;
color: #b7b8b8;
text-transform: uppercase; }
/* line 861, _site_styles.scss */
.portal-wrapper .input-block .toggle .trigger:hover {
color: #58595b; }
/* line 865, _site_styles.scss */
.portal-wrapper .input-block .toggle .clicked {
background-image: url("/img/portal/stk/toggle-small-up.png"); }
/* line 869, _site_styles.scss */
.portal-wrapper .input-block .required {
background-color: #ffc !important; }
/* line 873, _site_styles.scss */
.portal-wrapper .input-block .row {
margin: 20px 0; }
/* line 877, _site_styles.scss */
.portal-wrapper span.req {
padding-left: 8px;
font: normal 10px/27px Arial, Helvetica, sans-serif;
color: #97233f; }
/* line 883, _site_styles.scss */
.portal-wrapper .input-block .row > a.button {
margin: 20px 0 0 194px; }
/* line 888, _site_styles.scss */
.portal-wrapper .error-message {
margin-bottom: 25px;
padding: 8px 12px;
border: 1px solid #3b2b2b;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #ad4545; }
/* line 897, _site_styles.scss */
.portal-wrapper .error-message h4 {
margin: 0;
padding: 0 0 0 32px;
background: url("/img/portal/stk/error-message.png") left center no-repeat;
font: normal 16px/24px Arial, Helvetica, sans-serif;
color: #fff; }
/* line 908, _site_styles.scss */
.portal-wrapper .trigger {
cursor: pointer; }
/* line 913, _site_styles.scss */
.portal-wrapper table.data {
margin-bottom: 25px;
border-collapse: collapse;
font-size: 12px; }
/* line 919, _site_styles.scss */
.portal-wrapper table caption {
border-bottom: 8px solid #002c5f;
padding-bottom: 4px;
font: normal 32px/32px 'FetteEngschriftDIN1451W', Arial, san-serif;
color: #002c5f;
text-transform: uppercase;
text-align: left; }
/* line 928, _site_styles.scss */
.portal-wrapper table caption em {
font-style: normal;
font-size: 20px;
margin-left: 5px;
color: #999;
line-height: 1.0;
cursor: pointer; }
/* line 937, _site_styles.scss */
.portal-wrapper .data th {
border-top: 1px solid #fff;
padding: 10px;
background-color: #ccd5df;
font: normal 16px/16px 'DIN Next W02 Medium', Arial, Helvetica, sans-serif;
color: #002c5f;
text-align: left; }
/* line 946, _site_styles.scss */
.portal-wrapper .data .header {
cursor: pointer; }
/* line 950, _site_styles.scss */
.portal-wrapper .data .headerSortDown {
background-color: #aab5bf; }
/* line 954, _site_styles.scss */
.portal-wrapper .data .headerSortUp {
background-color: #aab5bf; }
/* line 958, _site_styles.scss */
.portal-wrapper .data tr:hover {
background-color: #ffffe5; }
/* line 962, _site_styles.scss */
.portal-wrapper .data tr.alt {
background-color: #eee; }
/* line 966, _site_styles.scss */
.portal-wrapper .data tr.alt:hover {
background-color: #f7f7dd;
/* slighty muddier yellow for striped rows */ }
/* line 971, _site_styles.scss */
.portal-wrapper .data td {
padding: 12px 10px;
font: normal 14px/14px Arial, Helvetica, sans-serif;
color: #58595b;
white-space: nowrap;
overflow: hidden; }
/* line 980, _site_styles.scss */
.portal-wrapper .data td.doc-name {
/*font-weight:bold;*/ }
/* line 984, _site_styles.scss */
.portal-wrapper .data td.doc-links {
width: 23%;
color: #bdbdbc; }
/* line 993, _site_styles.scss */
.portal-wrapper .data td.doc-links span {
padding: 0 8px; }
/* line 997, _site_styles.scss */
.portal-wrapper .data .link {
padding-left: 20px;
background: url(/img/portal/stk/tracking-arrow.png) left top no-repeat;
color: #00b0ca; }
/* line 1003, _site_styles.scss */
.portal-wrapper .data .link:hover,
.portal-wrapper .locations .data tr:hover .link {
background-position: left bottom;
color: #ec7a08;
text-decoration: none; }
/* line 1011, _site_styles.scss */
.portal-wrapper .thumbs tr {
background-color: #fff !important; }
/* line 1015, _site_styles.scss */
.portal-wrapper .thumbs td {
width: 50%;
white-space: normal;
overflow: visible; }
/* line 1021, _site_styles.scss */
.portal-wrapper .thumbs td img {
float: right;
padding: 0 14px 16px 20px; }
/* line 1030, _site_styles.scss */
.portal-wrapper .locations .data {
margin-top: 50px; }
/* line 1034, _site_styles.scss */
.portal-wrapper .locations .data:first-child {
margin-top: 10px; }
/* line 1038, _site_styles.scss */
.portal-wrapper .locations .data .link {
background: none;
padding-left: 10px; }
/* line 1046, _site_styles.scss */
.portal-wrapper .specs {
/*margin-bottom:25px;*/ }
/* line 1050, _site_styles.scss */
.portal-wrapper .specs caption {
border-bottom: 8px solid #002c5f;
padding-bottom: 2px;
text-align: left; }
/* line 1060, _site_styles.scss */
.portal-wrapper .specs tr.alt {
background-color: #eee; }
/* line 1064, _site_styles.scss */
.portal-wrapper .specs th {
width: 120px;
padding: 10px 16px 10px 10px;
font: bold 12px/18px Arial, san-serif;
text-align: left;
vertical-align: top; }
/* line 1072, _site_styles.scss */
.portal-wrapper .specs td {
width: 221px;
padding: 10px 8px;
font: normal 12px/18px Arial, san-serif; }
/* line 1078, _site_styles.scss */
.portal-wrapper .specs img {
margin-left: 4px; }
/* line 1082, _site_styles.scss */
.portal-wrapper .specs img:first-child {
margin-left: 0; }
/* line 1088, _site_styles.scss */
.portal-wrapper .fitting {
display: block;
margin-bottom: 8px;
text-align: center; }
/* line 1093, _site_styles.scss */
.portal-wrapper .fitting img {
margin-top: 0 !important; }
/* line 1097, _site_styles.scss */
.portal-wrapper .fitting span {
padding-right: 8px;
font: bold 12px/18px Arial, Helvetica san-serif;
text-transform: uppercase; }
/* line 1105, _site_styles.scss */
.portal-wrapper #dashboard-buttons {
margin-left: -42px; }
/* line 1109, _site_styles.scss */
.portal-wrapper #dashboard-buttons a,
.portal-wrapper a.button {
display: block;
position: relative;
float: left;
width: 213px;
height: 80px;
margin: 0 0 30px 42px;
text-indent: -9999px;
background-position: left top;
background-repeat: no-repeat;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 2px 7px 0 rgba(88, 89, 91, 0.4);
box-shadow: 0 2px 7px 0 rgba(88, 89, 91, 0.4); }
/* line 1126, _site_styles.scss */
.portal-wrapper a.button {
float: none;
margin-left: 0; }
/* line 1131, _site_styles.scss */
.portal-wrapper a.button-big {
width: 298px;
height: 120px; }
/* line 1136, _site_styles.scss */
.portal-wrapper a.button-hover:hover {
background-position: left bottom; }
/* line 1141, _site_styles.scss */
.portal-wrapper .ribbon {
position: absolute;
top: -3px;
left: -3px;
height: 60px;
width: 60px;
background: url("/img/portal/stk/ribbon-new.png") 0 0 no-repeat;
text-indent: -9999px; }
/* line 1154, _site_styles.scss */
.portal-wrapper #chat-button {
display: block;
width: 213px;
height: 80px;
margin-bottom: 25px;
text-indent: -9999px;
background: url("/img/portal/stk/dashboard/chat-online.png") left top no-repeat;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 2px 7px 0 rgba(88, 89, 91, 0.4);
box-shadow: 0 2px 7px 0 rgba(88, 89, 91, 0.4); }
/* line 1167, _site_styles.scss */
.portal-wrapper a#chat-button.offline {
background: url("/img/portal/stk/dashboard/chat-offline.png") left top no-repeat; }
/* line 1175, _site_styles.scss */
.portal-wrapper a.arrow {
padding-right: 14px;
background: url("/img/portal/stk/arrow-right-teal.png") right center no-repeat; }
/* line 1182, _site_styles.scss */
.portal-wrapper a.document {
display: block;
/*min-height:40px;
margin:16px 5px;
padding:3px 0 0 46px;
background:url('/img/portal/stk/document-pdf.png') left top no-repeat;
margin:12px 5px;*/
min-height: 38px;
padding: 2px 0 0 42px;
background: url("/img/portal/stk/document.png") left top no-repeat;
font: bold 13px/17px Arial, Helvetica, sans-serif;
color: #58595b; }
/* line 1196, _site_styles.scss */
.portal-wrapper a.document.zip {
background: url("/img/portal/stk/document-zip.png") left top no-repeat; }
/* line 1200, _site_styles.scss */
.portal-wrapper a.document:hover {
color: #58595b;
background-position: left -60px; }
/* line 1205, _site_styles.scss */
.portal-wrapper a.document span {
display: block;
font: bold 12px/16px Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #00b0ca; }
/* line 1212, _site_styles.scss */
.portal-wrapper a.document:hover span {
color: #ec7a08; }
/* line 1216, _site_styles.scss */
.portal-wrapper .ie a.document span {
padding-top: 2px; }
/* line 1221, _site_styles.scss */
.portal-wrapper a.video {
display: block;
margin: 18px 0;
/*padding:0 6px;*/ }
/* line 1227, _site_styles.scss */
.portal-wrapper div a.video:first-child {
margin-top: 0; }
/* line 1231, _site_styles.scss */
.portal-wrapper a.video img {
display: block;
margin: 8px 0;
-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.4); }
/* line 1238, _site_styles.scss */
.portal-wrapper a.video span {
display: block;
padding: 0 6px;
font: normal 15px/18px 'DIN Next W02 Medium', Arial, Helvetica, sans-serif;
color: #58595b; }
/* line 1245, _site_styles.scss */
.portal-wrapper a.video:hover span {
color: #ec7a08; }
/* line 1256, _site_styles.scss */
.portal-wrapper dl {
margin: 25px 0; }
/* line 1260, _site_styles.scss */
.portal-wrapper dl:first-child {
margin-top: 0; }
/* line 1264, _site_styles.scss */
.portal-wrapper dt {
margin: 25px 0 0 0;
padding: 0 0 4px 0;
border-bottom: 2px solid #c1c1c1;
font: normal 24px/28px 'FetteEngschriftDIN1451W', Arial, san-serif;
text-transform: uppercase; }
/* line 1272, _site_styles.scss */
.portal-wrapper dt:first-child {
margin-top: 0; }
/* line 1276, _site_styles.scss */
.portal-wrapper .tipdown dt {
font: normal 20px/24px 'FetteEngschriftDIN1451W', Arial, san-serif; }
/* line 1280, _site_styles.scss */
.portal-wrapper dd {
padding: 8px 9px; }
/* line 1284, _site_styles.scss */
.portal-wrapper dd.alt {
background-color: #eee; }
/* line 1288, _site_styles.scss */
.portal-wrapper dd em {
padding-left: 16px;
font-style: normal; }
/* line 1293, _site_styles.scss */
.portal-wrapper dd a {
display: block;
min-height: 38px;
padding: 2px 0 0 42px;
background: url("/img/portal/stk/document.png") left top no-repeat;
font: bold 13px/17px Arial, Helvetica, sans-serif;
color: #58595b; }
/* line 1302, _site_styles.scss */
.portal-wrapper dd a.vid,
.portal-wrapper dd a.fancybox_640x360 {
background: url("/img/portal/stk/video.png") left top no-repeat; }
/* line 1307, _site_styles.scss */
.portal-wrapper dd a:hover {
color: #58595b;
background-position: left -60px; }
/* line 1312, _site_styles.scss */
.portal-wrapper dd a div {
display: inline; }
/* line 1316, _site_styles.scss */
.portal-wrapper dd a span {
white-space: nowrap;
font: bold 12px/16px Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #00b0ca; }
/* line 1323, _site_styles.scss */
.portal-wrapper dd a:hover span {
color: #ec7a08; }
/* line 1329, _site_styles.scss */
.portal-wrapper .tipdown-headline + .tipdown-list {
margin-top: 0; }
/* line 1333, _site_styles.scss */
.portal-wrapper .tipdown-list {
margin: 30px 0;
border: 1px solid #dededd;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 0 4px 0 rgba(88, 89, 91, 0.2);
box-shadow: inset 0 0 4px 0 rgba(88, 89, 91, 0.2);
cursor: pointer; }
/* line 1343, _site_styles.scss */
.portal-wrapper .tipdown-list > h3 {
margin: 0;
border-top: 1px solid #e5e5e4;
border-bottom: none;
padding: 8px 16px;
background: url("/img/portal/stk/toggle-down.png") right center no-repeat;
text-transform: uppercase; }
/* line 1352, _site_styles.scss */
.portal-wrapper .tipdown-list > h3:first-child {
border: none; }
/* line 1356, _site_styles.scss */
.portal-wrapper .tipdown-list > h3:hover {
background-color: #f0efee; }
/* line 1360, _site_styles.scss */
.portal-wrapper .tipdown-list > h3.expanded {
color: #1a3c69;
background: #e5e9ef url("/img/portal/stk/toggle-up.png") right center no-repeat; }
/* line 1365, _site_styles.scss */
.portal-wrapper .tipdown-list > h3 em {
padding-left: 10px;
/*font:normal 16px/28px 'FetteEngschriftDIN1451W', Arial, san-serif;
color:#b6b1a9;*/ }
/* line 1371, _site_styles.scss */
.portal-wrapper .tipdown-list > div {
/*display:none;*/
border-top: 1px solid #dededd;
padding: 14px 24px 0 24px; }
/* line 1377, _site_styles.scss */
.portal-wrapper .tipdown-list p.small {
margin-bottom: 20px; }
/* line 1381, _site_styles.scss */
.portal-wrapper div.tipdown {
position: relative; }
/* line 1385, _site_styles.scss */
.portal-wrapper .tipdown img {
float: left;
padding: 0 20px 16px 0; }
/* line 1393, _site_styles.scss */
.portal-wrapper .pediatric-bug {
position: absolute;
right: 0px;
bottom: 0px; }
/* line 1401, _site_styles.scss */
.portal-wrapper .styles-list {
margin-bottom: 30px;
padding: 14px 20px 0 20px; }
/* line 1406, _site_styles.scss */
.portal-wrapper .styles-list h3 {
margin: 0 0 12px 0;
padding: 0;
border: none; }
/* line 1412, _site_styles.scss */
.portal-wrapper .styles-list a {
position: relative;
display: block;
float: left;
height: 86px;
width: 200px;
margin-bottom: 20px;
background: #fff 0 0 no-repeat;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2); }
/* line 1426, _site_styles.scss */
.portal-wrapper .styles-list a.gutter {
margin-right: 28px; }
/* line 1430, _site_styles.scss */
.portal-wrapper .styles-list a span {
position: absolute;
top: 16px;
right: 14px;
font: normal 30px/30px 'FetteEngschriftDIN1451W', Arial, san-serif;
color: #58595b;
text-transform: uppercase;
text-align: right; }
/* line 1440, _site_styles.scss */
.portal-wrapper .styles-list a.longname span {
top: 12px;
font: normal 25px/22px 'FetteEngschriftDIN1451W', Arial, san-serif; }
/* line 1445, _site_styles.scss */
.portal-wrapper .styles-list a span.spec-link {
top: auto;
bottom: 16px;
padding-right: 14px;
background: url("/img/portal/stk/arrow-right-light-gray.png") right center no-repeat;
font: normal 15px/15px 'FetteEngschriftDIN1451W', Arial, san-serif;
color: #b6b1a9; }
/* line 1454, _site_styles.scss */
.portal-wrapper .styles-list a.longname span.spec-link {
bottom: 10px; }
/* line 1458, _site_styles.scss */
.portal-wrapper .styles-list a[target] span.spec-link {
padding-right: 22px;
background: url("/img/portal/stk/download.png") right top no-repeat; }
/* line 1463, _site_styles.scss */
.portal-wrapper .styles-list a[target]:hover span.spec-link {
background-position: right -30px; }
/* line 1469, _site_styles.scss */
.portal-wrapper .styles-list a:hover {
background-color: #fdf1e6; }
/* line 1473, _site_styles.scss */
.portal-wrapper .styles-list a:hover span.spec-link {
color: #ec7a08; }
/* line 1480, _site_styles.scss */
.portal-wrapper .app-list li {
position: relative;
margin: 12px 0;
padding: 2px 0 2px 50px; }
/* line 1486, _site_styles.scss */
.portal-wrapper .app-list li:first-child {
margin-top: 0; }
/* line 1490, _site_styles.scss */
.portal-wrapper .app-list img {
position: absolute;
top: 0;
left: 2px; }
/* line 1496, _site_styles.scss */
.portal-wrapper .app-list p {
margin-bottom: 0;
font: normal 13px/17px Arial, Helvetica, san-serif;
color: #b6b1a9; }
/* line 1502, _site_styles.scss */
.portal-wrapper .app-list strong {
font: bold 13px/17px Arial, Helvetica, san-serif;
color: #58595b; }
/* line 1508, _site_styles.scss */
.portal-wrapper .searchResult {
font-size: 16px;
font-weight: bold;
text-decoration: underline; }
/* line 1514, _site_styles.scss */
.portal-wrapper .searchUrl {
margin: 5px 0 20px 0;
color: #093; }
/* line 1520, _site_styles.scss */
.portal-wrapper .highlight {
margin-bottom: 30px;
padding: 10px 14px 10px 14px;
background-color: #edebe9;
-moz-border-radius: 4px;
border-radius: 4px; }
/* line 1528, _site_styles.scss */
.portal-wrapper .highlight-red {
background-color: #f9dfdd;
text-align: center; }
/* line 1533, _site_styles.scss */
.portal-wrapper .highlight img:first-child {
margin-top: 16px; }
/* line 1537, _site_styles.scss */
.portal-wrapper .highlight h3 {
margin: 0 0 10px 0;
border: none;
padding: 0; }
/* line 1545, _site_styles.scss */
.portal-wrapper .highlight .last {
margin-bottom: 0; }
/* line 1550, _site_styles.scss */
.portal-wrapper .innovations {
margin: 5px 0; }
/* line 1554, _site_styles.scss */
.portal-wrapper .innovations > a {
display: block;
float: left;
margin: 0 0 12px -6px;
width: 164px;
font: bold 14px/20px Arial, Helvetica, san-serif;
text-align: center; }
/* line 1563, _site_styles.scss */
.portal-wrapper .innovations img {
padding: 0; }
/* line 1567, _site_styles.scss */
.portal-wrapper .innovations div {
float: left;
width: 480px;
margin: 5px 0 0 24px; }
/* line 1573, _site_styles.scss */
.portal-wrapper .innovations h3 {
/*margin-bottom:6px;
padding-bottom:2px;*/ }
/* line 1580, _site_styles.scss */
.portal-wrapper img.left {
float: left;
padding: 0 12px 4px 0; }
/* line 1586, _site_styles.scss */
.portal-wrapper .infoButton {
position: relative;
display: inline-block;
margin-left: 3px;
margin-top: -3px;
vertical-align: middle;
cursor: pointer; }
/* line 1595, _site_styles.scss */
.portal-wrapper .infoTooltip {
display: none;
position: absolute;
width: 290px;
margin: 2px 0 0 226px;
border: 1px solid #58595b;
padding: 14px 16px;
background-color: #fff;
-webkit-box-shadow: 0 0 30px 5px #999;
box-shadow: 0 0 30px 5px #999; }
/* line 1607, _site_styles.scss */
.portal-wrapper .spinner {
height: 18px; }
/* line 1611, _site_styles.scss */
.portal-wrapper .spinner p {
display: inline;
padding: 2px 22px;
background-image: url(/img/portal/stk/loading.gif);
background-position: left top;
background-repeat: no-repeat; }
/* line 1620, _site_styles.scss */
.portal-wrapper .placeholder {
color: #aaaaaa; }
/* line 1621, _site_styles.scss */
.portal-wrapper .requiredSection {
border: 2px solid #aa3333;
background-color: #ffcccc;
margin-top: 20px;
padding: 15px;
border-radius: 7px; }
/* line 1622, _site_styles.scss */
.portal-wrapper .requiredHeader {
color: #aa3333;
font-size: 18px;
font-weight: bold;
text-align: center;
padding-bottom: 10px; }
/* line 1623, _site_styles.scss */
.portal-wrapper .requiredItem {
color: #aa3333;
font-size: 14px;
font-weight: bold;
text-align: center; }
/* line 1625, _site_styles.scss */
.portal-wrapper .squish .row {
margin: 15px 0; }
/* line 1629, _site_styles.scss */
.portal-wrapper .spacer {
margin-top: 50px; }
/* line 1633, _site_styles.scss */
.portal-wrapper .hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden; }
/* line 1639, _site_styles.scss */
.portal-wrapper .visually-hidden {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
/* line 1650, _site_styles.scss */
.portal-wrapper .print-button {
float: right;
font: bold 13px/22px Arial, Helvetica, sans-serif;
background-image: url(/img/portal/stk/print.gif);
background-position: left center;
background-repeat: no-repeat;
padding: 2px 0 2px 25px; }
@media print {
/* line 1662, _site_styles.scss */
.portal-wrapper header {
display: none; }
/* line 1663, _site_styles.scss */
.portal-wrapper #slideout {
display: none; }
/* line 1664, _site_styles.scss */
.portal-wrapper #navCrumb {
padding-top: 0 !important; }
/* line 1665, _site_styles.scss */
.portal-wrapper #search_field {
display: none; }
/* line 1666, _site_styles.scss */
.portal-wrapper #chat-button {
display: none; }
/* line 1667, _site_styles.scss */
.portal-wrapper .print-button {
display: none; }
/* line 1668, _site_styles.scss */
.portal-wrapper nav {
display: none; }
/* line 1669, _site_styles.scss */
.portal-wrapper footer {
display: none; }
/* line 1670, _site_styles.scss */
.portal-wrapper input {
border-style: none !important; }
/* line 1671, _site_styles.scss */
.portal-wrapper * {
color: black !important;
background-color: white !important; } }
/* line 1692, _site_styles.scss */
.portal-wrapper body {
font-family: Arial, Helvetica, Sans-Serif; }
/* line 1696, _site_styles.scss */
.portal-wrapper a {
color: #00b0ca; }
/* line 1700, _site_styles.scss */
.portal-wrapper a:hover {
color: #ec7a08; }
/* line 1705, _site_styles.scss */
.portal-wrapper header {
background-color: #ffffff;
border-bottom: 2px solid #fff;
height: 180px;
margin-bottom: 20px;
padding-top: 20px; }
/* line 1713, _site_styles.scss */
.portal-wrapper header h1 {
display: none;
/* hide header h1 on starkeypro.com */ }
/* line 1717, _site_styles.scss */
.portal-wrapper header ul {
height: 40px; }
/* line 1721, _site_styles.scss */
.portal-wrapper header li {
font: normal 12px/40px 'DIN Next W01 Light', Arial, Helvetica, sans-serif;
color: #53749a; }
/* line 1726, _site_styles.scss */
.portal-wrapper header li a {
font: normal 12px/40px 'DIN Next W01 Light', Arial, Helvetica, sans-serif;
color: #53749a; }
/* line 1731, _site_styles.scss */
.portal-wrapper header li a:hover {
color: #eaab00; }
/* line 1735, _site_styles.scss */
.portal-wrapper header li a.active {
color: #fff; }
/* line 1739, _site_styles.scss */
.portal-wrapper header li.consumer {
background: url(/img/portal/stk/arrow-right-white.png) right center no-repeat; }
/* line 1743, _site_styles.scss */
.portal-wrapper header li.consumer a {
color: #53749a; }
/* line 1747, _site_styles.scss */
.portal-wrapper header li.consumer a span {
color: #fff; }
/* line 1751, _site_styles.scss */
.portal-wrapper header li.consumer a:hover span {
color: #eaab00; }
/* line 1759, _site_styles.scss */
.portal-wrapper header .account-info a {
color: #53749a; }
/* line 1763, _site_styles.scss */
.portal-wrapper header a.account-name {
color: #fff; }
/* line 1767, _site_styles.scss */
.portal-wrapper header a.account-location {
color: #53749a !important; }
/* line 1771, _site_styles.scss */
.portal-wrapper header a.account-location span {
padding-right: 14px;
background: url("/img/portal/stk/arrow-down-white.png") right center no-repeat;
color: #fff; }
/* line 1777, _site_styles.scss */
.portal-wrapper header a.account-location:hover span {
color: #eaab00; }
/* line 1781, _site_styles.scss */
.portal-wrapper header a.logout {
color: #fff; }
/* line 1787, _site_styles.scss */
.portal-wrapper nav > div {
height: 40px;
padding: 5px 0 8px 0;
background: #fff;
text-transform: uppercase; }
/* line 1795, _site_styles.scss */
.portal-wrapper nav div.wrapper > ul > li > a {
font: normal 20px/40px 'FetteEngschriftDIN1451W', Arial, san-serif;
color: #58595b; }
/* line 1800, _site_styles.scss */
.portal-wrapper nav div.wrapper > ul > li > a:hover,
.portal-wrapper nav div.wrapper > ul > li:hover > a {
color: #ec7a08; }
/* line 1806, _site_styles.scss */
.portal-wrapper nav .sticky {
background-color: #002c5f; }
/* line 1810, _site_styles.scss */
.portal-wrapper nav .sticky > div > ul > li > a {
color: #fff; }
/* line 1814, _site_styles.scss */
.portal-wrapper nav .sticky > div > ul > li > a:hover {
color: #ec7a08; }
/* line 1826, _site_styles.scss */
.portal-wrapper #breadcrumb .wrapper div {
background-color: #f0efee;
font: normal 13px/38px 'DIN Next W02 Medium', Arial, Helvetica, sans-serif;
color: #939598;
-moz-border-radius: 4px;
border-radius: 4px; }
/* line 1834, _site_styles.scss */
.portal-wrapper #breadcrumb a, .portal-wrapper #breadcrumb span {
font-weight: normal; }
/* line 1838, _site_styles.scss */
.portal-wrapper #breadcrumb a {
color: #002c5f; }
/* line 1842, _site_styles.scss */
.portal-wrapper #breadcrumb a:hover {
color: #ec7a08; }
/* line 1851, _site_styles.scss */
.portal-wrapper footer img {
position: absolute;
left: 11px;
/* need to account for 12px of padding on .wrapper */
bottom: 0; }
/* line 1857, _site_styles.scss */
.portal-wrapper footer #copyright {
border-top: 2px dotted #b6b1a9;
font: normal 10px/36px 'DIN Next W01 Light', Arial, Helvetica, sans-serif;
color: #b6b1a9;
text-align: right; }
/* line 1869, _site_styles.scss */
.portal-wrapper table.data caption {
border-bottom: 8px solid #002c5f;
font: normal 32px/32px 'FetteEngschriftDIN1451W', Arial, san-serif;
color: #002c5f; }
/* line 1875, _site_styles.scss */
.portal-wrapper table.data th {
background-color: #ccd5df;
font: normal 16px/16px 'DIN Next W02 Medium', Arial, Helvetica, sans-serif;
color: #002c5f; }
/* line 1882, _site_styles.scss */
.portal-wrapper table.history {
margin-bottom: 25px; }
/* line 1886, _site_styles.scss */
.portal-wrapper table.history caption {
border-bottom: 8px solid #002c5f;
font: normal 40px/40px 'FetteEngschriftDIN1451W', Arial, san-serif;
color: #002c5f; }
/* line 1892, _site_styles.scss */
.portal-wrapper table.history td {
padding: 24px 16px;
font: normal 13px/22px Arial, Helvetica, sans-serif;
vertical-align: top; }
/* line 1899, _site_styles.scss */
.portal-wrapper table.history th {
margin: 0;
padding: 18px 16px;
font: normal 56px/56px 'FetteEngschriftDIN1451W', Arial, san-serif;
color: #58595b;
text-align: left;
vertical-align: top; }
/* line 1908, _site_styles.scss */
.portal-wrapper table.history tr.alt th {
color: #002c5f; }
/* line 1912, _site_styles.scss */
.portal-wrapper table.history tr.alt {
background-color: #eaeaeb; }
/* line 1921, _site_styles.scss */
.portal-wrapper table.marketing td,
.portal-wrapper table.marketing th {
vertical-align: top; }
/* line 1926, _site_styles.scss */
.portal-wrapper table.marketing td {
padding: 18px 20px 18px 15px; }
/* line 1930, _site_styles.scss */
.portal-wrapper table.marketing th {
width: 134px; }
/* line 1934, _site_styles.scss */
.portal-wrapper table.marketing h4 {
margin: 0;
border: none;
padding: 6px 0 10px 0; }
/* line 1940, _site_styles.scss */
.portal-wrapper table.marketing h5 {
border-bottom: 1px solid #cdcdcd;
letter-spacing: 1px;
margin: 0 -5px;
padding: 0 5px 2px 5px; }
/* line 1947, _site_styles.scss */
.portal-wrapper table.marketing p {
color: #787878; }
/* line 1951, _site_styles.scss */
.portal-wrapper table.marketing p a {
padding-right: 5px; }
/* line 1956, _site_styles.scss */
.portal-wrapper h1 {
margin-bottom: 16px;
/*font:normal 32px/38px 'DIN Next W02 Medium', Arial, Helvetica, sans-serif;*/
font: normal 40px/42px 'FetteEngschriftDIN1451W', Arial, san-serif;
text-transform: uppercase;
color: #d52b1e; }
/* line 1964, _site_styles.scss */
.portal-wrapper h1.form-header {
background-color: #828384;
font: normal 34px/34px 'FetteEngschriftDIN1451W', Arial, san-serif;
text-transform: uppercase;
color: #fff;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0; }
/* line 1973, _site_styles.scss */
.portal-wrapper h2 {
margin-bottom: 8px;
font: normal 32px/38px 'FetteEngschriftDIN1451W', Arial, san-serif;
text-transform: uppercase; }
/* line 1979, _site_styles.scss */
.portal-wrapper h2.underline {
margin: 0 -2px 12px -2px;
padding: 0 2px 4px 2px;
border-bottom: 2px solid #c1c1c1; }
/* line 1985, _site_styles.scss */
.portal-wrapper h2 span {
/*padding-left:8px;*/
color: #b6b1a9; }
/* line 1991, _site_styles.scss */
.portal-wrapper h3 {
font: normal 24px/28px 'FetteEngschriftDIN1451W', Arial, san-serif;
text-transform: uppercase; }
/* line 1996, _site_styles.scss */
.portal-wrapper h3.tipdown-headline {
font: normal 26px/30px 'FetteEngschriftDIN1451W', Arial, san-serif;
color: #ec7a08; }
/* line 2003, _site_styles.scss */
.portal-wrapper h4 {
margin-bottom: 12px;
font: normal 18px/22px 'DIN Next W02 Medium', Arial, Helvetica, sans-serif; }
/* line 2009, _site_styles.scss */
.portal-wrapper h5 {
margin: 16px -2px 6px -2px;
padding: 0 2px 2px 2px;
border-bottom: 1px solid #c1c1c1;
font: normal 14px/18px 'DIN Next W02 Medium', Arial, Helvetica, sans-serif;
text-transform: uppercase; }
/* line 2017, _site_styles.scss */
.portal-wrapper h6 {
margin: 10px -3px 6px -3px;
padding: 0 3px 2px 3px;
border-bottom: 1px solid #c1c1c1;
font: normal 13px/16px 'DIN Next W02 Medium', Arial, Helvetica, sans-serif; }
/* line 2024, _site_styles.scss */
.portal-wrapper h6:first-child {
margin-top: 0; }
/* line 2031, _site_styles.scss */
.portal-wrapper .highlight-red {
background-color: #f9dfdd;
text-align: center; }
/* line 2036, _site_styles.scss */
.portal-wrapper .highlight-red h3 {
margin-bottom: 0;
color: #d52b1e; }
/* line 2042, _site_styles.scss */
.portal-wrapper .input-block {
background-color: #eee;
-moz-border-radius: 4px;
border-radius: 4px; }
/* line 2048, _site_styles.scss */
.portal-wrapper .input-block h3 {
font: normal 24px/24px 'FetteEngschriftDIN1451W', Arial, san-serif;
text-transform: uppercase; }
/* line 2053, _site_styles.scss */
.portal-wrapper .input-block .toggle {
border: 1px solid #cececf;
-moz-border-radius: 4px;
border-radius: 4px; }
/* line 2061, _site_styles.scss */
.portal-wrapper .specs caption {
font: normal 36px/36px 'FetteEngschriftDIN1451W', Arial, san-serif;
color: #002c5f; }
/* line 2069, _site_styles.scss */
.portal-wrapper .styles-list {
background-color: #e5f7fa;
-moz-border-radius: 4px;
border-radius: 4px; }
/* line 2075, _site_styles.scss */
.portal-wrapper .styles-list h3 {
color: #00b0ca; }
/* line 2080, _site_styles.scss */
.portal-wrapper .tipdown-list > h3 em {
font: normal 16px/28px 'FetteEngschriftDIN1451W', Arial, san-serif;
color: #b6b1a9; }
/* line 2088, _site_styles.scss */
.portal-wrapper .twitter-link {
display: block;
margin-left: 10px;
padding-left: 33px;
background: url(/img/portal/stk/link-twitter.png) left center no-repeat;
font: normal 20px/24px 'FetteEngschriftDIN1451W', Arial, san-serif;
color: #b6b1a9;
text-transform: uppercase; }
/* line 2102, _site_styles.scss */
.portal-wrapper .buttonBox {
display: inline-block;
width: 180px;
border: 1px solid #757B05;
border-radius: 10px;
background-color: #757B05; }
/* line 2110, _site_styles.scss */
.portal-wrapper .buttonBox button {
padding: 7px 18px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border: 1px solid #EAEE08;
border-radius: 9px;
color: #636802;
width: 100%;
text-transform: uppercase;
font: normal 20px/20px 'FetteEngschriftDIN1451W', Arial, san-serif;
white-space: nowrap;
text-shadow: 1px 1px #A4AA0B;
background-color: #B8C100;
background-image: -ms-linear-gradient(top, #C7CD00 0%, #A6B100 100%);
background-image: -moz-linear-gradient(top, #C7CD00 0%, #A6B100 100%);
background-image: -o-linear-gradient(top, #C7CD00 0%, #A6B100 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C7CD00), color-stop(1, #A6B100));
background-image: -webkit-linear-gradient(top, #C7CD00 0%, #A6B100 100%);
background-image: linear-gradient(to bottom, #C7CD00 0%, #A6B100 100%); }
/* line 2130, _site_styles.scss */
.portal-wrapper .buttonBox button:hover {
color: White;
text-shadow: 1px 1px #6C7204;
background-color: #909709;
background-image: -ms-linear-gradient(top, #A8AD0B 0%, #757E07 100%);
background-image: -moz-linear-gradient(top, #A8AD0B 0%, #757E07 100%);
background-image: -o-linear-gradient(top, #A8AD0B 0%, #757E07 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #A8AD0B), color-stop(1, #757E07));
background-image: -webkit-linear-gradient(top, #A8AD0B 0%, #757E07 100%);
background-image: linear-gradient(to bottom, #A8AD0B 0%, #757E07 100%); }
/* line 2142, _site_styles.scss */
.portal-wrapper .buttonBox .busy {
padding: 7px 18px;
background-color: #909709;
border: 1px solid #EAEE08;
text-align: center;
border-radius: 9px;
text-transform: uppercase;
font: normal 20px/20px 'FetteEngschriftDIN1451W', Arial, san-serif;
white-space: nowrap;
color: White;
text-shadow: 1px 1px #6C7204;
background-image: -ms-linear-gradient(top, #A8AD0B 0%, #757E07 100%);
background-image: -moz-linear-gradient(top, #A8AD0B 0%, #757E07 100%);
background-image: -o-linear-gradient(top, #A8AD0B 0%, #757E07 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #A8AD0B), color-stop(1, #757E07));
background-image: -webkit-linear-gradient(top, #A8AD0B 0%, #757E07 100%);
background-image: linear-gradient(to bottom, #A8AD0B 0%, #757E07 100%); }
/* line 2161, _site_styles.scss */
.portal-wrapper .buttonBox .spinner {
display: inline-block;
white-space: nowrap;
background-image: url(/img/portal/stk/spinner.gif);
background-position: left center;
background-repeat: no-repeat;
padding-left: 25px; }