@charset 'utf-8';
/*! jQuery UI - v1.13.0 - 2021-10-14
* http://jqueryui.com
* Includes: draggable.css, core.css, accordion.css, autocomplete.css, menu.css, slider.css, tabs.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;-ms-filter:"alpha(opacity=0)"}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:pointer;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;-ms-filter:"alpha(opacity=70)";font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none}.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)"}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;-ms-filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
@font-face {
font-family: 'Tauri';
font-style: normal;
font-weight: 400;
src:
url(fonts/tauri-v11-latin-regular.woff2) format('woff2'),
url(fonts/tauri-v11-latin-regular.woff) format('woff'),
url(fonts/tauri-v11-latin-regular.ttf) format('truetype');
font-display: swap;
}
html { height: 100%; margin: 0px; padding: 0px; overflow-y: scroll; }
body { position: relative; height: 100%; margin: 0px; padding: 0px; background-color: #f2f2f2; font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; line-height: 1.5; color: #333333; }
html.wf-active body { font-family: Tauri, Arial, Helvetica, Sans-Serif; }
button, input, select, textarea { font-family: inherit; color: inherit; }
form { display: inline; margin: 0px; padding: 0px; }
textarea { resize: vertical; }
img { border: 0; border-style: none; }
table { padding: 0px; border-spacing: 0px; border: 0; border-style: none; }
tr, th, td { padding: 0px; }
a { text-decoration: none; color: #333333; }
a:active, a:hover { text-decoration: underline; }
.description { margin-bottom: 10px; }
@media print {
.hideOnPrint { display: none; visibility: hidden; }
}
.relative { position: relative; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.flyoutMenuContainer .flyoutMenuTriangleOuterWrapper { width: 100%; height: 0px; text-align: center; }
.flyoutMenuContainer .flyoutMenuTriangleInnerWrapper { display: inline-block; width: 20px; vertical-align: top; }
.flyoutMenuContainer .flyoutMenuTriangle { display: none; content: ""; position: absolute; width: 0px; height: 0px; border-width: 10px; border-style: solid; border-color: #ffffff transparent transparent transparent; z-index: 51; }
.flyoutMenuContainer .flyoutMenu { display: none; position: absolute; right: 0px; z-index: 50; }
.flyoutMenuContainer .flyoutMenuPanel { padding-top: 20px; }
.flyoutMenuContainer .flyoutMenuPanel .flyoutMenuHeading { margin-bottom: 5px; font-size: 12px; }
.flyoutMenuContainer .flyoutMenuPanel .button {
display: inline-block;
padding: 4px 15px;
font-size: 14px;
cursor: pointer;
border: none;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
.flyoutMenuContainer .flyoutMenuPanel .button:hover,
.flyoutMenuContainer .flyoutMenuPanel .button:active,
.flyoutMenuContainer .flyoutMenuPanel .button:focus { text-decoration: none; }
.centerLayout { text-align: center; }
.centerLayout .centerLayoutWrapper { position: relative; display: inline-block; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.lt-ie9 .centerLayout .centerLayoutWrapper { top: 30%; }
.pageWrapper { position: relative; margin: 0px; padding: 0px; height: 100%; }
.responsiveLayout .layoutBackgroundWrapper { margin: 0px auto; padding: 0px 15px; height: 100%; }
@media only all and (max-width: 805px) {
.responsiveLayout .layoutBackgroundWrapper { padding: 0px; }
}
.responsiveLayout .layoutOuterWrapper { margin: 0px auto; padding: 0px 15px; min-width: 290px; max-width: 1600px; min-height: 100%; background-color: #ffffff; }
.lt-ie9 .responsiveLayout .layoutOuterWrapper { min-width: 900px; }
@media only all and (max-width: 805px) {
.responsiveLayout .layoutOuterWrapper { padding: 0px 10px; }
}
.responsiveLayout .layoutTopOuterWrapper { margin-bottom: 12px; }
.responsiveLayout .layoutTopInnerWrapper {}
.responsiveLayout .layoutHeaderWrapper { margin: 0px auto; min-width: 290px; max-width: 1600px; background-color: #ffffff; }
.responsiveLayout .layoutPreBottomWrapper { margin-top: 25px; }
.responsiveLayout .layoutBottomWrapper { background-color: #000000; border-top: 5px solid #808080; overflow: auto; }
.responsiveLayout .layoutFirstTopWrapper { position: relative; display: table; width: 100%; height: 80px; }
.responsiveLayout .layoutFirstTopWrapper .logoWrapper { display: table-cell; width: 1px; vertical-align: top; }
.responsiveLayout .layoutFirstTopWrapper .logo a { display: block; line-height: 0px; }
.responsiveLayout .layoutFirstTopWrapper .logo svg { width: 151px; height: 35px}
.responsiveLayout .layoutFirstTopWrapper .searchWrapper { display: table-cell; width: auto; vertical-align: top; }
.responsiveLayout .layoutFirstTopWrapper .metaWrapper { display: table-cell; width: 1px; height: 80px; vertical-align: top; }
.responsiveLayout .layoutFirstTopWrapper .logoInnerWrapper { margin-left: 37px; padding-top: 26px; }
.responsiveLayout .layoutFirstTopWrapper .searchInnerWrapper { margin-left: 40px; margin-right: 40px; padding-top: 25px; }
.responsiveLayout .layoutFirstTopWrapper .metaInnerWrapper { margin-right: 26px; height: 100%; }
@media only all and (min-width: 806px) and (min-height: 950px) {
html.javascript .responsiveLayout .layoutTopInnerWrapper { position: fixed; top: 0px; left: 0px; right: 0px; margin: 0px 30px; z-index: 10000; }
}
@media only all and (max-width: 805px) {
.responsiveLayout .layoutFirstTopWrapper .searchWrapper { padding-top: 1px; }
.responsiveLayout .layoutFirstTopWrapper .logoInnerWrapper { margin-left: 2px; }
.responsiveLayout .layoutFirstTopWrapper .searchInnerWrapper { display: none; }
.responsiveLayout .layoutFirstTopWrapper .metaInnerWrapper { margin-right: 0px; }
}
@media only all and (max-width: 420px) {
.responsiveLayout .layoutFirstTopWrapper { height: 60px; }
.responsiveLayout .layoutFirstTopWrapper .metaWrapper { height: 60px; }
.responsiveLayout .layoutFirstTopWrapper .logoInnerWrapper { margin-left: 2px; padding-top: 18px; }
.responsiveLayout .layoutFirstTopWrapper .logo svg { width: 110px; height: 26px; }
}
.responsiveLayout .layoutSecondTopWrapper { position: relative; }
.responsiveLayout .layoutSecondTopWrapper .menuWrapper { min-height: 42px; border-bottom: 5px solid #808080; padding-left: 25px; background-color: #000000; }
.responsiveLayout .layoutSecondTopWrapper .mobileMenuButtonWrapper { display: none; position: relative; }
.responsiveLayout .layoutSecondTopWrapper .searchWrapper { display: none; position: relative; margin-left: 67px; }
.responsiveLayout .layoutSecondTopWrapper .searchWrapper .quickSearch .searchInCategory { display: none; }
.responsiveLayout .layoutSecondTopWrapper .searchWrapper .quickSearch .searchInput { margin-right: 50px; }
@media only all and (max-width: 805px) {
.responsiveLayout .layoutSecondTopWrapper .menuWrapper { display: none; }
.responsiveLayout .layoutSecondTopWrapper .mobileMenuButtonWrapper { display: block; }
.responsiveLayout .layoutSecondTopWrapper .searchWrapper { display: block; }
}
.responsiveLayout .layoutSliderWrapper { overflow: hidden; }
.responsiveLayout .layoutBreadcrumbWrapper { margin-top: 8px; }
.responsiveLayout .layoutBreadcrumbWrapper-home { display: none; }
.responsiveLayout .layoutMainWrapper { margin-top: 20px; }
.responsiveLayout .layoutPreBottomWrapper .salesTaxAndShippingInfo { margin-bottom: 10px; }
.responsiveLayout .layoutPreBottomWrapper .salesTaxAndShippingInfo a { text-decoration: underline; }
.responsiveLayout .layoutPreBottomWrapper .salesTaxAndShippingInfo a:hover { color: #901e1f; }
.quickSearch { height: 38px; background-color: #f2f2f2; border: solid 1px #000000; -moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-o-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.quickSearch .searchButton { float: right; display: inline-block; width: 42px; height: 38px; padding-top: 2px; border: none; text-align: center; color: #ffffff; font-size: 16px; line-height: 16px; cursor: pointer; background-color: #000000; }
.quickSearch .searchButton .searchIcon { width: 20px; height: 20px; fill: #d8d7d7; }
.quickSearch .searchButton:hover .searchIcon { fill: #f2f2f2; }
.quickSearch .searchInCategory { display: none; float: right; width: 200px; }
.quickSearch .searchInCategory select { width: 180px; margin-top: 8px; padding: 0px; border: none; background-color: #f2f2f2; font-size: 14px; }
.quickSearch .searchInput { margin: 1px 50px 1px 2px; padding: 0px 0px 0px 7px; }
.quickSearch .searchInCategoryEnabled .searchInCategory { display: block; }
.quickSearch .searchInCategoryEnabled .searchInput { margin-right: 250px; }
.quickSearch .searchInput input { width: 100%; padding: 0px; margin: 0px; height: 34px; line-height: 34px; border: none; background-color: #f2f2f2; font-size: 16px; outline-style: none; }
.quickSearch .autocompleteAligner { position: absolute; margin-top: 0px; margin-left: 5px; }
.quickSearch .ui-autocomplete {
position: absolute;
white-space: nowrap;
border: 1px solid #000000;
background-color: #f2f2f2;
-moz-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-o-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
-moz-box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2), -2px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2), -2px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.2);
box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2), -2px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.quickSearch .ui-menu { padding: 2px; }
.quickSearch .ui-menu .ui-menu-item a {
display: block;
text-decoration: none;
font-weight: bold;
line-height: 25px;
}
html.touch .quickSearch .ui-menu .ui-menu-item a { line-height: 30px; }
.quickSearch .ui-menu .ui-menu-item a.ui-state-focus,
.quickSearch .ui-menu .ui-menu-item a.ui-state-active,
.quickSearch .ui-menu .ui-menu-item a.ui-state-focus span,
.quickSearch .ui-menu .ui-menu-item a.ui-state-active span {
color: #ffffff;
background-color: #808080;
-moz-border-radius: 2px 2px 2px 2px;
-khtml-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
-o-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
margin: 0px;
}
.quickSearch .ui-menu .ui-menu-item a span.searchTerm { font-weight: normal; }
@media only all and (min-width: 901px) and (max-width: 1000px) {
.responsiveLayout .layoutFirstTopWrapper .quickSearch .searchInCategoryEnabled .searchInCategory { width: 150px; }
.responsiveLayout .layoutFirstTopWrapper .quickSearch .searchInCategoryEnabled .searchInCategory select { width: 130px; }
.responsiveLayout .layoutFirstTopWrapper .quickSearch .searchInCategoryEnabled .searchInput { margin-right: 200px; }
}
@media only all and (min-width: 806px) and (max-width: 900px) {
.responsiveLayout .layoutFirstTopWrapper .quickSearch .searchInCategoryEnabled .searchInCategory { display: none; }
.responsiveLayout .layoutFirstTopWrapper .quickSearch .searchInCategoryEnabled .searchInput { margin-right: 50px; }
}
.responsiveLayout .meta { display: table; width: 100%; height: 100%; table-layout: fixed; }
.responsiveLayout .meta .metaElement { display: table-cell; width: 70px; height: 100%; }
.responsiveLayout .meta .metaElement .metaLinkWrapper { position: relative; height: 100%; text-align: center; }
.responsiveLayout .meta .metaElement .metaLink { position: relative; top: 28px; left: 0px; display: inline-block; width: 100%; height: 42px; text-align: center; background-repeat: no-repeat; background-position: center top; }
html.touch .responsiveLayout .meta .metaElement.flyoutMenuElement:not(.noFlyoutOnTouch) .metaLink:after,
html.no-touch .responsiveLayout .meta .metaElement.flyoutMenuElement .metaLink:after { content: ""; position: absolute; right: 5px; bottom: 52%; width: 0px; height: 0px; display: block; border-width: 5px; border-style: solid; border-color: #cccccc transparent transparent transparent; }
html.touch .responsiveLayout .meta .metaElement.flyoutMenuElement:not(.noFlyoutOnTouch):hover .metaLink:after,
html.no-touch .responsiveLayout .meta .metaElement.flyoutMenuElement:hover .metaLink:after { border-color: #808080 transparent transparent transparent; }
.responsiveLayout .meta .metaElement .metaLink .label { display: block; margin-top: -6px; line-height: 21px; font-size: 12px; }
.responsiveLayout .meta .metaElement:hover .metaLink { color: #901e1f; text-decoration: none; }
.responsiveLayout .meta .metaElement .metaLink svg.metaIcon { fill: #000000; }
.responsiveLayout .meta .metaElement:hover .metaLink svg.metaIcon { fill: #808080; }
.responsiveLayout .meta .loginMetaElement .metaLink .loginMetaIcon { width: 20px; height: 22px; }
.responsiveLayout .meta .accountMetaElement .metaLink .accountMetaIcon { width: 20px; height: 22px; }
.responsiveLayout .meta .wishlistMetaElement .metaLink .wishlistMetaIcon { width: 24px; height: 22px; }
.responsiveLayout .meta .wishlistMetaElement .metaLink .numberOfLineItems {
display: block; position: absolute; top: -9px; left: 37px; padding: 1px 5px; line-height: 10px; font-size: 10px; color: #ffffff; background-color: #808080;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.responsiveLayout .meta .wishlistMetaElement .metaLink .numberOfLineItems.digits3 { left: 31px; }
.responsiveLayout .meta .wishlistMetaElement .metaLink .numberOfLineItems.digits4 { left: 31px; }
.responsiveLayout .meta .shoppingCartMetaElement .metaLink .shoppingCartMetaIcon { width: 24px; height: 22px; }
.responsiveLayout .meta .shoppingCartMetaElement .metaLink .numberOfLineItems {
display: block; position: absolute; top: -11px; left: 35px; padding: 1px 5px; line-height: 10px; font-size: 10px; color: #ffffff; background-color: #808080;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.responsiveLayout .meta .shoppingCartMetaElement .metaLink .numberOfLineItems.digits3 { left: 31px; }
.responsiveLayout .meta .shoppingCartMetaElement .metaLink .numberOfLineItems.digits4 { left: 31px; }
.responsiveLayout .meta .shoppingCartMetaElement:hover .metaLink {}
@media only all and (max-width: 420px) {
.responsiveLayout .meta .metaElement { width: 60px; }
.responsiveLayout .meta .metaElement .metaLink { top: 15px; }
.responsiveLayout .meta .metaElement .metaLink .label { font-size: 10px; }
}
.responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel { padding: 20px 15px 15px 15px; min-width: 200px; max-width: 400px; min-height: 100px; color: #ffffff; font-size: 14px; background-color: #808080; }
.responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .title { font-size: 20px; font-weight: bold; color: #ffffff; }
.responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel a { color: inherit; }
.responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .button {
margin-top: 10px;
color: #f2f2f2;
background-color: #000000;
}
.responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .button:hover,
.responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .button:active,
.responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .button:focus { background-color: #555555; }
.flexElement { position: relative; font-size: 14px; line-height: 1.5; }
.flexElement-innerWrapper,
.flexElement-contentWrapper { box-sizing: border-box; }
.flexContainer-childWrapper,
.flexContent { display: flex; }
.flexContainer-childWrapper > .flexElement,
.flexContent > .flexElement { width: 100%; max-width: 100%; align-self: flex-start; }
.flexTextElement { position: relative; }
.flexTextElement .flexElement-contentWrapper { overflow: hidden; }
.flexTextElement .textContent { -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
.flexTextElement .textContent p { margin: 0px 0px 10px 0px; }
.flexTextElement .textContent > *:last-child { margin-bottom: 0px; }
.flexImageElement { position: relative; text-align: center; }
.flexImageElement .flexElement-innerWrapper { flex: 1; display: flex; line-height: 0px; }
.flexImageElement .flexElement-contentWrapper { flex: 1; display: flex; overflow: hidden; line-height: 0px; }
.flexImageElement .flexElement-innerWrapper .imageContent { position: relative; display: flex; height: 100%; overflow: hidden; line-height: 0px; }
.flexImageElement .flexElement-innerWrapper .imageContent a { display: flex; }
.flexImageElement .flexElement-contentWrapper .imageTextLayerWrapper { position: absolute; background-color: rgba(255, 255, 255, 0.8); color: #000000; line-height: 4; width: 100%; bottom: 0px; left: 0px; }
.flexImageElement .flexElement-innerWrapper .imageContent img { object-fit: cover; width: auto; height: auto; max-width: 100%; }
.flexImageElement .imagePlaceholder { width: 190px; padding: 20px 0px 30px 0px; text-align: center; line-height: 1; color: #ffffff; background-color: #901e1f; border-radius: 10px; }
.flexImageElement .imagePlaceholder svg { display: block; width: 80px; height: 80px; margin: auto; fill: #ffffff; }
@supports (width: min(80px, 100%)) {
.flexImageElement .imagePlaceholder svg { width: min(80px, 100%); }
}
.flexVideoElement { position: relative; text-align: center; }
.flexVideoElement .flexElement-innerWrapper { flex: 1; display: flex; line-height: 0px; }
.flexVideoElement .flexElement-contentWrapper { flex: 1; display: flex; overflow: hidden; line-height: 0px; }
.flexVideoElement .flexElement-innerWrapper .videoContent { position: relative; display: flex; height: 100%; overflow: hidden; line-height: 0px; }
.flexVideoElement .flexElement-innerWrapper .videoContent video { object-fit: cover; width: auto; height: auto; max-width: 100%; }
.flexVideoElement .videoPlaceholder { width: 190px; padding: 30px 0px; text-align: center; line-height: 1; color: #ffffff; background-color: #901e1f; border-radius: 10px; }
.flexVideoElement .videoPlaceholder svg { display: block; width: 60px; height: 60px; margin: auto; margin-bottom: 10px; fill: #ffffff; }
@supports (width: min(60px, 100%)) {
.flexVideoElement .videoPlaceholder svg { width: min(60px, 100%); }
}
.flexImageAndTextContainer .flexImageAndTextContainer-elementWrapper { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
.flexImageAndTextContainer .flexImageAndTextContainer-imageElement { flex: 1; }
.flexImageAndTextContainer .flexImageAndTextContainer-textElement { flex: 1; }
.flexHorizontalListContainer-elements { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: center; }
.flexHorizontalListContainer-element { flex: 1 1 0%; }
.flexHorizontalListContainer-element { position: relative; display: flex; }
.flexHorizontalListContainer-elementOuterWrapper { position: relative; display: flex; flex-direction: row; width: 100%; }
.flexHorizontalListContainer-elementInnerWrapper { position: relative; width: 100%; }
.flexSimpleContainer-elements { position: relative; }
.flexSlickSliderContainer .flexSlickSliderContainer-elements { position: relative; line-height: 1; font-size: 0px; }
.flexSlickSliderContainer .flexSlickSliderContainer-belowElements { display: none; height: 30px; width: 100%; }
.flexSlickSliderContainer .flexSlickSliderContainer-elements.showDotsOutside.slick-dotted + .flexSlickSliderContainer-belowElements { display: block; }
.flexSlickSliderContainer .slides.showArrowsOutside.slick-arrows { margin: 0px 46px; }
.flexSlickSliderContainer img { display: inline; }
.flexSlickSliderContainer .slick-loading .slick-list { background: #fff url('img/ajax-loader.gif') center center no-repeat; }
.flexSlickSliderContainer .slides .slick-arrow { display: block; }
.flexSlickSliderContainer .slides.showNoArrows > .slick-arrow { display: none !important; }
.flexSlickSliderContainer .slides .slick-arrow {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
width: 32px;
height: 32px;
padding: 0px;
border: 2px solid #901e1f;
-moz-border-radius: 18px 18px 18px 18px;
-khtml-border-radius: 18px 18px 18px 18px;
-webkit-border-radius: 18px 18px 18px 18px;
-o-border-radius: 18px 18px 18px 18px;
border-radius: 18px 18px 18px 18px;
;
}
.flexSlickSliderContainer .slides .slick-arrow:before {
content: ""; display: inline-block; border-width: 10px; border-style: solid; width: 0px; height: 0px; line-height: 0px;
}
.flexSlickSliderContainer .slides.showArrowsOutside .slick-prev { left: -46px; }
.flexSlickSliderContainer .slides.showArrowsInside .slick-prev { left: 10px; z-index: 5000; }
.flexSlickSliderContainer .slides.showArrowsOutside .slick-next { right: -46px; }
.flexSlickSliderContainer .slides.showArrowsInside .slick-next { right: 10px; z-index: 5000; }
.flexSlickSliderContainer .slides .slick-prev:before {
border-color: transparent #901e1f transparent transparent; margin-left: 0px;
margin-top: 6px;
}
.flexSlickSliderContainer .slides .slick-next:before {
border-color: transparent transparent transparent #901e1f; margin-left: 12px;
margin-top: 6px;
}
.flexSlickSliderContainer .slides.small-arrows.showArrowsOutside.slick-arrows { margin: 0px 37px; }
.flexSlickSliderContainer .slides.small-arrows .slick-arrow {
width: 28px;
height: 28px;
-moz-border-radius: 16px 16px 16px 16px;
-khtml-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
-o-border-radius: 16px 16px 16px 16px;
border-radius: 16px 16px 16px 16px;
;
}
.flexSlickSliderContainer .slides.small-arrows .slick-arrow:before {
border-width: 7px;
}
.flexSlickSliderContainer .slides.small-arrows.showArrowsOutside .slick-prev { left: -37px; }
.flexSlickSliderContainer .slides.small-arrows.showArrowsOutside .slick-next { right: -37px; }
.flexSlickSliderContainer .slides.small-arrows .slick-prev:before {
margin-left: 2.5px;
margin-top: 7px;
}
.flexSlickSliderContainer .slides.small-arrows .slick-next:before {
margin-left: 11.5px;
margin-top: 7px;
}
.flexSlickSliderContainer .slides .slick-arrow.slick-disabled { border: 2px solid #dddddd; }
.flexSlickSliderContainer .slides .slick-prev.slick-disabled:before {
border-color: transparent #dddddd transparent transparent;
}
.flexSlickSliderContainer .slides .slick-next.slick-disabled:before {
border-color: transparent transparent transparent #dddddd;
}
.flexSlickSliderContainer .slides .slick-dots { display: block; list-style: none; position: absolute; width: 100%; padding: 0px; margin: 0px; line-height: 0px; text-align: center; }
.flexSlickSliderContainer .slides.showNoDots .slick-dots { display: none !important; }
.flexSlickSliderContainer .slides.showDotsOutside .slick-dots { bottom: -30px; }
.flexSlickSliderContainer .slides.showDotsInside .slick-dots { bottom: 10px; }
.flexSlickSliderContainer .slides .slick-dots li { position: relative; display: inline-block; margin: 0px 10px 0px 10px; padding: 0px; cursor: pointer; }
.flexSlickSliderContainer .slides .slick-dots li .dot {
position: relative; display: block; width: 0px; height: 0px; padding: 5px; border-radius: 100%; background-color: #dddddd; cursor: pointer; line-height: 0px;
}
.flexSlickSliderContainer .slides .slick-dots li.slick-active .dot,
.flexSlickSliderContainer .slides .slick-dots li .dot:hover { background-color: #808080; }
.flexBoxContainer { display: flex; }
.flexBoxContainer-innerWrapper { flex: 1; display: flex; }
.flexBoxContainer-contentWrapper { flex: 1; display: flex; }
.flexBoxContainer-defaultElement { position: relative; flex: 1; display: flex; height: 100%; }
.miniLogin { max-width: 270px; }
.miniLogin input.inputField {
width: 92%;
margin: 2px 0px 0px 0px;
padding: 4px 10px;
font-size: 14px;
color: #333333;
background-color: #ffffff;
border: none;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
.miniLogin input.inputField:focus,
.miniLogin input.inputField:hover { background-color: #f0faff; }
.miniLogin .login { margin-top: 5px; }
.miniLogin .password { margin-top: 5px; }
.miniLogin .loginFailed {
margin-top: 10px;
font-weight: bold; padding: 5px; border: 1px solid black; background-color: white;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border: 2px solid #cd0b0b; color: #cd0b0b; background-color: #ffe2e2;
}
.miniLogin .links { margin-top: 15px; overflow: auto; }
.miniLogin .links a:hover { text-decoration: underline; }
.miniLogin .links a:before { display: inline-block; content: ""; margin-right: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #ffffff; }
.miniLogin .passwordReminderLink { display: block; float: left; padding: 3px; }
.miniLogin .registerLink { display: block; float: right; padding: 3px; }
.miniAccount { max-width: 270px; }
.miniAccount .userName { margin-top: 5px; }
.miniAccount .userName .value { font-weight: bold; }
.miniAccount .accountMenu { margin-top: 15px; border-bottom: 1px solid #dfdfdf; }
.miniAccount .accountMenu .menuEntry { display: block; padding: 6px 0px; border-top: 1px solid #dfdfdf; }
.miniAccount .accountMenu .menuEntry:hover { background-color: #dfdfdf; text-decoration: none; }
.miniAccount .accountMenu .menuEntry:before { display: block; float: left; content: ""; margin-top: 6px; margin-left: 2px; margin-right: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #ffffff; }
@media only all and (max-height: 550px) {
.miniAccount .accountMenu .hideOnInsufficientHeight { display: none; }
}
.miniShoppingCart { }
.miniShoppingCart a:hover { text-decoration: none; }
.miniShoppingCart .actionText {
display: inline-block;
margin-top: 5px;
font-weight: bold; padding: 5px; border: 1px solid black; background-color: white;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
.miniShoppingCart .actionWasSuccessful { border: 2px solid #30ae30; color: #30ae30; background-color: #dbffdb; }
.miniShoppingCart .actionWasNotSuccessful { border: 2px solid #cd0b0b; color: #cd0b0b; background-color: #ffe2e2; }
.miniShoppingCart .missingShoppingCartOnlinePriceMsg,
.miniShoppingCart .missingOnlinePriceMsg,
.miniShoppingCart .containsInvalidItemMsg {
margin-top: 5px;
font-weight: bold; padding: 5px; border: 2px solid #cd0b0b; color: #cd0b0b; background-color: #ffe2e2;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
.miniShoppingCart .deferredPriceCalculation { border: 2px solid #30ae30; color: #30ae30; background-color: #dbffdb; }
.miniShoppingCart .subTotalAndNumberOfLineItems { margin-top: 5px; }
.miniShoppingCart .subTotal .label { display: inline; margin-right: 2px; }
.miniShoppingCart .subTotal .value { display: inline; font-weight: bold; font-size: 16px; }
.miniShoppingCart .numberOfLineItems { margin-top: 1px; }
.miniShoppingCart .numberOfLineItems .label { display: inline; }
.miniShoppingCart .numberOfLineItems .value { display: inline; }
.miniShoppingCart .numberOfLineItems .value .highlight { font-weight: bold; font-size: 16px; }
.miniShoppingCart .empty { margin-top: 5px; }
.miniShoppingCart .switchShoppingCart { margin-top: 15px; margin-bottom: 5px; overflow: auto; }
.miniShoppingCart .switchShoppingCart ul { display: table; width: 100%; list-style-type: none; margin: 0px; padding: 0px; border-bottom: 1px solid #dfdfdf; }
.miniShoppingCart .switchShoppingCart li { display: table-row; font-size: 14px; }
.miniShoppingCart .switchShoppingCart li:hover { background-color: #dfdfdf; }
.miniShoppingCart .switchShoppingCart li.active { background-color: #dfdfdf; }
.miniShoppingCart .switchShoppingCart li a { display: table-cell; padding: 6px 2px 6px 0px; border-top: 1px solid #dfdfdf; }
.miniShoppingCart .switchShoppingCart li .shoppingCartName { padding-right: 15px; }
.miniShoppingCart .switchShoppingCart li .shoppingCartName:before { display: block; float: left; content: ""; margin-top: 7px; margin-left: 2px; margin-right: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #ffffff; }
.miniShoppingCart .switchShoppingCart li .shoppingCartNumberOfLineItems { padding-right: 15px; text-align: right; }
.miniShoppingCart .switchShoppingCart li .shoppingCartSubTotal { text-align: right; }
.miniShoppingCart .quickorderBox { margin-top: 20px; margin-bottom: 3px; overflow: hidden; }
.miniShoppingCart .quickorderBox .quickorderBoxTitle { margin-bottom: 5px; }
.miniShoppingCart .quickorderBox .quickorderBoxDescription { margin-bottom: 5px; }
.miniShoppingCart .quickorderBox a:hover { text-decoration: underline; }
.miniShoppingCart .quickorderBox a:before { display: inline-block; content: ""; margin-left: 2px; margin-right: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #ffffff; }
.miniWishlist { max-width: 270px; }
.miniWishlist a:hover { text-decoration: none; }
.miniWishlist .actionText {
display: inline-block;
margin-top: 5px;
font-weight: bold; padding: 5px; border: 1px solid black; background-color: white;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
.miniWishlist .actionWasSuccessful { border: 2px solid #30ae30; color: #30ae30; background-color: #dbffdb; }
.miniWishlist .actionWasNotSuccessful { border: 2px solid #cd0b0b; color: #cd0b0b; background-color: #ffe2e2; }
.miniWishlist .numberOfLineItems { margin-top: 5px; }
.miniWishlist .numberOfLineItems .label { display: inline; }
.miniWishlist .numberOfLineItems .value { display: inline; }
.miniWishlist .numberOfLineItems .value .highlight { font-weight: bold; font-size: 16px; }
.miniWishlist .empty { margin-top: 5px; }
.miniWishlist .switchWishlist { margin-top: 15px; margin-bottom: 5px; overflow: auto; }
.miniWishlist .switchWishlist ul { display: table; width: 100%; list-style-type: none; margin: 0px; padding: 0px; border-bottom: 1px solid #dfdfdf; }
.miniWishlist .switchWishlist li { display: table-row; font-size: 14px; }
.miniWishlist .switchWishlist li:hover { background-color: #dfdfdf; }
.miniWishlist .switchWishlist li.active { background-color: #dfdfdf; }
.miniWishlist .switchWishlist li a { display: table-cell; padding: 6px 2px 6px 0px; border-top: 1px solid #dfdfdf; }
.miniWishlist .switchWishlist li .wishlistName { padding-right: 15px; }
.miniWishlist .switchWishlist li .wishlistName:before { display: block; float: left; content: ""; margin-top: 7px; margin-left: 2px; margin-right: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #ffffff; }
.miniWishlist .switchWishlist li .wishlistNumberOfLineItems { text-align: right; }
.cascadingMenuCategoryList ul { display: block; list-style-type: none; margin: 0px; padding: 0px; }
.cascadingMenuCategoryList li a { position: relative; display: block; }
.cascadingMenuCategoryList li a span { display: block; }
.cascadingMenuCategoryList li.level0 { position: relative; float: left; padding: 0px; margin: 0px 2px 0px 2px; }
.cascadingMenuCategoryList div.subMenu { position: absolute; display: none; padding-top: 0px; width: 100%; height: 0px; }
.cascadingMenuCategoryList ul.subMenu { position: absolute; display: none; z-index: 20; width: 200px; }
.cascadingMenuCategoryList ul.subMenu li { position: relative; }
html.no-touch .cascadingMenuCategoryList li:hover div.subMenu { display: block; }
html.no-touch .cascadingMenuCategoryList li:hover div.subMenu > ul.subMenu { display: block; }
html.no-touch .cascadingMenuCategoryList div.subMenu li:hover > ul.subMenu { display: block; }
.cascadingMenuCategoryList ul.subMenu.level1 ul.subMenu { top: 0px; left: 200px; }
.cascadingMenuCategoryList ul.subMenu.level1.left { right: 0px; }
.cascadingMenuCategoryList ul.subMenu.level1 ul.subMenu.left { top: 0px; left: auto; right: 200px; }
.cascadingMenuCategoryList li a { font-size: 14px; text-decoration: none; }
.cascadingMenuCategoryList li a:hover { text-decoration: none; }
.cascadingMenuCategoryList a.level0 { line-height: 42px; font-weight: bold; padding: 0px 10px; color: #ffffff; }
.cascadingMenuCategoryList a.level0 span { max-width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cascadingMenuCategoryList a.level0.withSubCategories { padding-right: 19px; }
.cascadingMenuCategoryList a.level0.withSubCategories:after { content: ""; position: absolute; top: 20px; right: 10px; width: 0px; height: 0px; border-width: 3px; border-style: solid; border-color: #ffffff transparent transparent transparent; vertical-align: middle; }
.cascadingMenuCategoryList li.level0:hover a.level0,
.cascadingMenuCategoryList a.level0.open { background-color: #808080; }
.cascadingMenuCategoryList ul.subMenu { border: 1px solid #808080; -moz-box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.2), -5px 0px 5px rgba(0, 0, 0, 0.2), 0px 5px 5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.2), -5px 0px 5px rgba(0, 0, 0, 0.2), 0px 5px 5px rgba(0, 0, 0, 0.2);
box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.2), -5px 0px 5px rgba(0, 0, 0, 0.2), 0px 5px 5px rgba(0, 0, 0, 0.2);
}
.cascadingMenuCategoryList ul.subMenu { background-color: #ffffff; }
.cascadingMenuCategoryList ul.subMenu a { padding: 7px 5px 7px 10px; }
.cascadingMenuCategoryList ul.subMenu a span { width: 180px; overflow: hidden; text-overflow: ellipsis; }
.cascadingMenuCategoryList ul.subMenu a.withSubCategories:after { content: ""; position: absolute; top: 12px; right: 5px; width: 0px; height: 0px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #555555; vertical-align: middle; }
.cascadingMenuCategoryList ul.subMenu a.withSubCategories span { width: 170px; }
.cascadingMenuCategoryList ul.subMenu li:hover > a { color: #ffffff; background-color: #808080; }
.cascadingMenuCategoryList ul.subMenu li:hover > a.withSubCategories:after { border-color: transparent transparent transparent #ffffff; }
.offCanvasMenu { display: none; position: fixed; top: 0px; left: 0px; bottom: 0px; width: 80%; min-width: 140px; max-width: 440px; z-index: -1; background-color: #000000; }
.offCanvasMenu .offCanvasMenuPanel { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; margin: 0px; padding: 0px; overflow-y: auto; }
.pageWrapperOverlay {
position: absolute; width: 0%; height: 0%; z-index: -1;
background-color: #000000; opacity: 0; touch-action: none;
}
html.offCanvasMenuSliding { overflow: hidden; touch-action: none; }
html.offCanvasMenuSliding body { overflow: hidden; touch-action: none; }
html.offCanvasMenuSliding .offCanvasMenu { display: block; }
html.offCanvasMenuOpen { overflow: hidden; touch-action: none; }
html.offCanvasMenuOpen body { overflow: hidden; touch-action: none; }
html.offCanvasMenuOpen .offCanvasMenu { display: block; z-index: 0; }
html.offCanvasMenuOpen .pageWrapperOverlay, html.pageWrapperOverlayActivated .pageWrapperOverlay { width: 100%; height: 100%; z-index: 20000; transition: opacity .3s; opacity: 0.3; }
html.offCanvasMenuOpen .layoutBackgroundWrapper, html.pageWrapperOverlayActivated .layoutBackgroundWrapper { transition: filter .3s; -webkit-filter: blur(3px); filter: blur(3px); }
html.offCanvasMenuOpen .offCanvasMenuSlideout { touch-action: none; }
.treeMenuCategoryList a { color: #cccccc; text-decoration: none; }
.treeMenuCategoryList ul { list-style-type: none; margin: 0px; padding: 0px; line-height: normal; }
.treeMenuCategoryList li.level0 { border-bottom: 1px solid #574e51; }
.treeMenuCategoryList .menuItem .menuItemLink { display: block; padding: 10px 0px; font-size: 14px; min-height: 19px; }
.treeMenuCategoryList .menuItem .menuItemLink span { display: block; overflow: hidden; text-overflow: ellipsis; }
.treeMenuCategoryList li.level0 .menuItem .menuItemLink { padding-left: 20px; }
.treeMenuCategoryList li.level1 .menuItem .menuItemLink { padding-left: 40px; }
.treeMenuCategoryList li.level2 .menuItem .menuItemLink { padding-left: 60px; }
.treeMenuCategoryList li.level3 .menuItem .menuItemLink { padding-left: 80px; }
.treeMenuCategoryList li.level4 .menuItem .menuItemLink { padding-left: 100px; }
.treeMenuCategoryList li.level5 .menuItem .menuItemLink { padding-left: 120px; }
.treeMenuCategoryList li.level6 .menuItem .menuItemLink { padding-left: 140px; }
.treeMenuCategoryList li.level7 .menuItem .menuItemLink { padding-left: 160px; }
.treeMenuCategoryList li.level8 .menuItem .menuItemLink { padding-left: 180px; }
.treeMenuCategoryList li.level9 .menuItem .menuItemLink { padding-left: 200px; }
.treeMenuCategoryList .menuItem.withSubCategories .menuItemLink { margin-right: 55px; }
.treeMenuCategoryList .menuItem.withSubCategories .menuItemButton { display: block; content: ""; float: right; width: 50px; height: 39px; background-color: #332e30; }
.treeMenuCategoryList .menuItem.withSubCategories .menuItemButton:after { font-size: 18px; content: "+"; float: right; margin-top: 9px; margin-right: 20px; }
.treeMenuCategoryList .menuItem.open.withSubCategories .menuItemButton:after { content: "-"; margin-top: 8px; margin-right: 22px; }
.treeMenuCategoryList .menuItem:hover .menuItemLink { color: #808080; }
.treeMenuCategoryList .menuItem:hover .menuItemButton { color: #808080; }
.treeMenuCategoryList .menuItem.active { background-color: #808080; }
.treeMenuCategoryList .menuItem.active .menuItemLink { color: #ffffff; font-weight: bold; }
.treeMenuCategoryList .menuItem.active .menuItemButton { color: #ffffff; background-color: #1fb3eb; }
.treeMenuCategoryList ul.subMenu { display: none; }
.treeMenuCategoryList ul.subMenu.open { display: block; }
.mobileMenuButton { display: block; position: absolute; top: 0px; left: 0px; width: 60px; height: 40px; background-color: #000000; -moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-o-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.mobileMenuButton .line { background-color: #808080; height: 3px; width: 40px; margin-top: 4px; margin-left: 10px; }
.mobileMenuButton .line.first { margin-top: 11px; }
.mobileTreeMenu .head { padding-left: 20px; font-size: 18px; line-height: normal; font-weight: bold; color: #808080; border-bottom: 1px solid #574e51; }
.mobileTreeMenu .head .menuLines { float: left; margin-top: 18px; width: 15px; height: 15px; }
.mobileTreeMenu .head .menuLines .line { content: ""; background-color: #808080; height: 2px; width: 15px; margin-top: 3px; }
.mobileTreeMenu .head .title { margin-left: 23px; margin-right: 50px; padding: 15px 0px 12px 0px; }
.mobileTreeMenu .head .close { display: block; float: right; width: 50px; height: 51px; color: #808080; text-decoration: none; background-color: #332e30; }
.mobileTreeMenu .head .close:after { display: block; font-size: 28px; content: "+"; float: right; margin-top: 9px; margin-right: 17px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.mobileTreeMenu .mobileTreeMenuLoading { padding: 10px 10px 0px 20px; color: #cccccc; }
.breadcrumbs ul { list-style-type: none; margin: 0px; padding: 0px; font-size: 12px; line-height: normal; }
.breadcrumbs li { display: inline-block; }
.breadcrumbs li.hasNext { margin-right: 2px; }
.breadcrumbs li span,
.breadcrumbs li a { display: inline-block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; margin-top: 4px; padding: 3px 15px; background-color: #e5e5e5; -moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
font-weight: normal; white-space: nowrap; }
.breadcrumbs li a:hover { color: #ffffff; background-color: #808080; text-decoration: none; }
.breadcrumbs li.active span,
.breadcrumbs li.active a { color: #ffffff; background-color: #808080; }
.breadcrumbs li.not_visited span { color: #999999; background-color: #f2f2f2; }
@media only all and (max-width: 805px) {
.breadcrumbs li { display: none; }
.breadcrumbs li.active,
.breadcrumbs li.parent { display: inline; }
.breadcrumbs li.parent a:before { content: "«"; margin-right: 5px; }
}
@media only all and (max-width: 500px) {
.breadcrumbs li span,
.breadcrumbs li a { max-width: 110px; }
}
h1 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 22px; font-weight: bold; color: #901e1f; }
h2 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 20px; font-weight: bold; }
h3 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 18px; font-weight: bold; }
h4 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 14px; font-weight: bold; }
.topicWrapper { margin: 0px 0px 10px 0px; font-size: 18px; }
.topicWrapper h1 { display: inline; margin: 0px 5px 0px 0px; }
.topicWrapper .supplement { color: #999999; white-space: nowrap; }
.topicOuterWrapper { overflow: hidden; margin-bottom: 10px; }
.topicOuterWrapper .topicWrapper { margin-bottom: 0px; }
.topicOuterWrapper .topicRightWrapper { margin-top: 5px; }
@media only all and (min-width: 950px) {
.pageContent.hasLeft .topicOuterWrapper .topicWrapper { float: left; margin-right: 10px; margin-bottom: 0px; }
.pageContent.hasLeft .topicOuterWrapper .topicRightWrapper { float: right; margin-top: 2px; }
}
@media only all and (min-width: 650px) and (max-width: 805px) {
.pageContent.hasLeft .topicOuterWrapper .topicWrapper { float: left; margin-right: 10px; margin-bottom: 0px; }
.pageContent.hasLeft .topicOuterWrapper .topicRightWrapper { float: right; margin-top: 2px; }
}
@media only all and (min-width: 700px) {
.pageContent:not(.hasLeft) .topicOuterWrapper .topicWrapper { float: left; margin-right: 10px; margin-bottom: 0px; }
.pageContent:not(.hasLeft) .topicOuterWrapper .topicRightWrapper { float: right; margin-top: 2px; }
}
.footer { padding: 0px 15px 15px 0px; overflow: auto; }
.footer .footerCol { float: left; width: 100%; max-width: 200px; margin-left: 15px; margin-top: 15px; margin-bottom: 5px; }
.footer .footerCol .heading { margin: 0px 0px 10px 0px; font-size: 16px; color: #e1e1e1; line-height: 26px; }
.footer .footerCol .paragraph { margin: 0px 0px 10px 0px; font-size: 14px; color: #e1e1e1; line-height: 26px; }
.footer .footerCol a { color: #e1e1e1; line-height: 26px; }
.footer .footerCol a:hover { color: #808080; text-decoration: none; }
.footer svg { fill: currentColor; vertical-align: middle; margin-right: 4px; }
.footer .phoneIcon { width: 14px; height: 14px; }
.footer .faxIcon { width: 14px; height: 14px; }
.footer .envelopeIcon { width: 14px; height: 14px; }
.footerCategoryList ul { list-style-type: none; margin: 0px; padding: 0px; }
.footerCategoryList a.level0 { display: block; overflow-x: hidden; text-overflow: ellipsis; }
.footerCategoryList ul.subMenu li.subCategory a:before { display: block; float: left; content: "\BB"; }
.footerCategoryList ul.subMenu li.subCategory a span { display: block; margin-left: 10px; overflow-x: hidden; text-overflow: ellipsis; }
.languageSelection a { display: block; }
.languageSelection a:focus { text-decoration: none; }
.languageSelection svg.flagIcon { width: 16px; height: 12px; margin-top: -1px; }
.lastUpdate { float: left; margin: 0px 5px 10px 15px; color: #e1e1e1; }
@media only all and (max-width: 550px) {
.lastUpdate { float: none; }
}
.copyright { float: right; margin: 0px 15px 10px 5px; color: #a0a0a0; }
.copyright a { margin-left: 2px; color: #e1e1e1; }
.copyright a:hover { color: #808080; text-decoration: none; }
@media only all and (max-width: 550px) {
.copyright { float: none; margin: 0px 5px 10px 15px; }
}
.cookieNotice { display: none; position: fixed; bottom: 0px; left: 0px; right: 0px; width: 100%; z-index: 50001; background-color: #eeeeee; opacity: 0.9; }
.cookieNoticeInnerWrapper { margin: 0px auto; min-width: 290px; max-width: 1600px; }
.cookieNoticeDialogWrapper { padding: 30px 45px; }
.cookieNoticeDialog { display: table; width: 100%; }
.cookieNotice .cookieNoticeTextWrapper { display: table-cell; vertical-align: top; }
.cookieNotice .cookieNoticeFormWrapper { display: table-cell; vertical-align: top; white-space: nowrap; }
.cookieNotice button { margin-left: 20px; }
.cookieNotice a { text-decoration: underline; }
.cookieNotice a:hover { color: #901e1f; }
.cookieNotice .cookieNoticeText { display: inline; }
.cookieNotice .errorMsg { display: inline; color: red; font-weight: bold; }
@media only all and (max-width: 600px) {
.cookieNoticeDialog { display: block; }
.cookieNotice .cookieNoticeTextWrapper { display: block; }
.cookieNotice .cookieNoticeFormWrapper { display: block; }
.cookieNotice button { margin-left: 0px; margin-top: 30px; }
}
.revokeCookieConsentWrapper { display: none; }
.revokeCookieConsentWrapper .revokeCookieConsent { display: none; }
.revokeCookieConsentWrapper .revokeCookieConsent form { display: block; margin-top: 20px; }
.revokeCookieConsentWrapper .revokeCookieConsentSuccess { display: none; }
.hideCookieNotice .revokeCookieConsentWrapper { display: block; }
.hideCookieNotice .revokeCookieConsentWrapper .revokeCookieConsent { display: block; }
.cookieConsentWasRevoked .revokeCookieConsentWrapper { display: block; }
.cookieConsentWasRevoked .revokeCookieConsentWrapper .revokeCookieConsentSuccess {
display: block;
margin-bottom: 20px;
font-weight: bold; padding: 5px;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border: 2px solid #30ae30; color: #30ae30; background-color: #dbffdb;
}
.flexContentEditor .revokeCookieConsentWrapper { display: block; }
.flexContentEditor .revokeCookieConsentWrapper .revokeCookieConsent { display: block; }
.flexContentEditor .revokeCookieConsentWrapper .revokeCookieConsentSuccess { display: block; }
.userTracking { display: none; }
.languageDialog { display: none; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 2000; background-color: #cccccc; }
.languageDialog .languageDialogPanel { padding: 0px 10px; font-size: 14px; }
.languageDialog .languages {}
.languageDialog .label { margin-right: 5px; }
.languageDialog .shortLabel {}
.languageDialog .longLabel { display: none; }
.languageDialog .languageLink { display: inline-block; margin: 0px 0px 0px 1px; padding: 10px 5px; white-space: nowrap; }
.languageDialog .languageLink.active,
.languageDialog .languageLink:focus,
.languageDialog .languageLink:hover { text-decoration: none; color: #f2f2f2; background-color: #aaaaaa; }
.languageDialog svg.flagIcon { width: 16px; height: 12px; margin: 0px 4px -1px 4px; }
.languageDialog .languageFlag { margin: 0px 4px 0px 4px; }
.languageDialog .close { display: block; float: right; width: 30px; height: 39px; }
.languageDialog .close:after { display: block; float: right; content: "+"; font-size: 29px; color: #666666; margin-top: 0px; margin-right: 5px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
@media only all and (max-width: 270px) {
.languageDialog .languages.numberOfLanguages1 .languageName { display: none; }
}
@media only all and (min-width: 390px) {
.languageDialog .languages.numberOfLanguages1 .shortLabel { display: none; }
.languageDialog .languages.numberOfLanguages1 .longLabel { display: inline; }
}
@media only all and (max-width: 370px) {
.languageDialog .languages.numberOfLanguages2 .languageName { display: none; }
}
@media only all and (min-width: 490px) {
.languageDialog .languages.numberOfLanguages2 .shortLabel { display: none; }
.languageDialog .languages.numberOfLanguages2 .longLabel { display: inline; }
}
@media only all and (max-width: 470px) {
.languageDialog .languages.numberOfLanguages3 .languageName { display: none; }
}
@media only all and (min-width: 590px) {
.languageDialog .languages.numberOfLanguages3 .shortLabel { display: none; }
.languageDialog .languages.numberOfLanguages3 .longLabel { display: inline; }
}
@media only all and (max-width: 570px) {
.languageDialog .languages.numberOfLanguages4 .languageName { display: none; }
}
@media only all and (min-width: 690px) {
.languageDialog .languages.numberOfLanguages4 .shortLabel { display: none; }
.languageDialog .languages.numberOfLanguages4 .longLabel { display: inline; }
}
@media only all and (max-width: 670px) {
.languageDialog .languages.numberOfLanguages5 .languageName { display: none; }
}
@media only all and (min-width: 790px) {
.languageDialog .languages.numberOfLanguages5 .shortLabel { display: none; }
.languageDialog .languages.numberOfLanguages5 .longLabel { display: inline; }
}
.table { display: table; }
.tableHeader { display: table-row; }
.tableRowGroup { display: table-row-group; }
.tableRow { display: table-row; }
.tableCell { display: table-cell; }
.tableHeader .tableCell { padding: 9px 7px; vertical-align: bottom; border-bottom: 2px solid #e5e5e5; white-space: nowrap; font-weight: bold; color: #777777; }
.tableHeader .tableCell a { color: #777777; }
.tableHeader .tableCell a:hover { color: #901e1f; text-decoration: none; }
.tableHeader .tableCell.sortAsc a:after { content: ""; display: inline-block; margin-left: 3px; margin-top: 5px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent #bbbbbb transparent; vertical-align: top; }
.tableHeader .tableCell.sortDesc a:after { content: ""; display: inline-block; margin-left: 3px; margin-top: 9px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: #bbbbbb transparent transparent transparent; vertical-align: top; }
.tableHeader .tableCell.sortAsc a:hover:after { border-color: transparent transparent #901e1f transparent; }
.tableHeader .tableCell.sortDesc a:hover:after { border-color: #901e1f transparent transparent transparent; }
.tableHeader .tableCell.sortDescIsActive a,
.tableHeader .tableCell.sortAscIsActive a { color: #901e1f; }
.tableHeader .tableCell.sortDescIsActive a:after { content: ""; display: inline-block; margin-left: 3px; margin-top: 9px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: #901e1f transparent transparent transparent; vertical-align: top; }
.tableHeader .tableCell.sortAscIsActive a:after { content: ""; display: inline-block; margin-left: 3px; margin-top: 5px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent #901e1f transparent; vertical-align: top; }
.tableHeader .tableCell.sortDescIsActive a:hover:after { border-color: #901e1f transparent transparent transparent; }
.tableHeader .tableCell.sortAscIsActive a:hover:after { border-color: transparent transparent #901e1f transparent; }
.tableRow .tableCell { padding: 9px 7px; vertical-align: top; border-bottom: 2px solid #e5e5e5; }
.table.omitLastLine .tableRowGroup.last .tableRow .tableCell { border-bottom: none; }
.table .mobileOnly { display: none; }
@media only all and (max-width: 550px) {
.table.mobileAt550px { display: block; border-top: 2px solid #e5e5e5; }
.table.mobileAt550px.mobileOmitFirstLine { border-top: none; }
.table.mobileAt550px .tableHeader { display: none; }
.table.mobileAt550px .tableRowGroup { display: block; padding: 9px 0px; border-bottom: 2px solid #e5e5e5; }
.table.mobileAt550px.omitLastLine .tableRowGroup.last { border-bottom: none; }
.table.mobileAt550px .tableRow { display: block; overflow: hidden; }
.table.mobileAt550px .tableRow .tableCell { display: block; width: auto; padding: 0px; border-bottom: none; }
.table.mobileAt550px .mobileOnly { display: block; }
}
@media only all and (max-width: 650px) {
.table.mobileAt650px { display: block; border-top: 2px solid #e5e5e5; }
.table.mobileAt650px.mobileOmitFirstLine { border-top: none; }
.table.mobileAt650px .tableHeader { display: none; }
.table.mobileAt650px .tableRowGroup { display: block; padding: 9px 0px; border-bottom: 2px solid #e5e5e5; }
.table.mobileAt650px.omitLastLine .tableRowGroup.last { border-bottom: none; }
.table.mobileAt650px .tableRow { display: block; overflow: hidden; }
.table.mobileAt650px .tableRow .tableCell { display: block; width: auto; padding: 0px; border-bottom: none; }
.table.mobileAt650px .mobileOnly { display: block; }
}
@media only all and (max-width: 850px) {
.table.mobileAt850px { display: block; border-top: 2px solid #e5e5e5; }
.table.mobileAt850px.mobileOmitFirstLine { border-top: none; }
.table.mobileAt850px .tableHeader { display: none; }
.table.mobileAt850px .tableRowGroup { display: block; padding: 9px 0px; border-bottom: 2px solid #e5e5e5; }
.table.mobileAt850px.omitLastLine .tableRowGroup.last { border-bottom: none; }
.table.mobileAt850px .tableRow { display: block; overflow: hidden; }
.table.mobileAt850px .tableRow .tableCell { display: block; width: auto; padding: 0px; border-bottom: none; }
.table.mobileAt850px .mobileOnly { display: block; }
}
.attributes { display: table; width: 100%; }
.attributes .attribute { display: table-row; }
.attributes .attributeLabel { display: table-cell; padding-right: 10px; white-space: nowrap; }
.attributes .attributeValue { display: table-cell; width: 100%; white-space: nowrap; }
.attributes.withSpacer .attributeLabel { padding-top: 10px; }
.attributes.withSpacer .attributeValue { padding-top: 10px; }
.attributes.withSpacer .attribute.first .attributeLabel { padding-top: 0px; }
.attributes.withSpacer .attribute.first .attributeValue { padding-top: 0px; }
.presentationIcon { display: inline-block; }
.presentationIcon a { display: inline-block; width: 16px; height: 16px; padding: 4px 5px; overflow: hidden; background-color: #d0d0d0; -moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.presentationIcon a:hover,
.presentationIcon a.active { background-color: #808080; }
.presentationIcon .line { display: block; margin-top: 2px; }
.presentationIcon .line.first { margin-top: 0px; }
.presentationIcon .element { display: block; float: left; margin-left: 2px; background-color: #ffffff; }
.presentationIcon .element.first { margin-left: 0px; }
.presentationGridIcon .line { height: 7px; }
.presentationGridIcon .element { width: 7px; height: 7px; }
.presentationTableIcon .line { height: 4px; }
.presentationTableIcon .element.first { width: 3px; }
.presentationTableIcon .element { width: 11px; height: 4px; }
.itemPrice .pricePrefix { color: #777777; font-size: 12px; font-weight: normal; }
.itemPrice .priceWithoutDiscounts { color: #777777; font-size: 12px; font-weight: normal; }
.itemPrice .priceWithoutDiscounts .label { margin-right: 2px; }
.itemPrice .priceWithoutDiscounts .price { text-decoration: line-through; }
.itemPrice .priceWithDiscounts { font-size: 16px; font-weight: bold; }
.itemPrice .price .currency { font-size: 12px; }
.itemPrice .asterisk { font-size: 12px; }
.itemPrice .priceUnit { color: #777777; font-size: 12px; font-weight: normal; }
.itemPrice .price_discount,
.itemPrice .price_surcharge { color: #777777; font-size: 12px; font-weight: normal; }
.itemPrice .total_discount,
.itemPrice .total_surcharge { color: #555555; font-size: 12px; font-weight: normal; }
.itemScaledPrice {}
.itemScaledPrice .priceScales { display: table; }
.itemScaledPrice .priceScales .priceScaleHeader { display: table-row; font-weight: bold; }
.itemScaledPrice .priceScales .priceScaleHeader .priceUnit { display: inline; font-size: 11px; font-weight: normal; white-space: nowrap; }
@media only all and (max-width: 350px) {
.itemScaledPrice .priceScales .priceScaleHeader .priceUnit { white-space: normal; }
.itemScaledPrice .priceScales .priceScaleCell.priceCalculationCell { display: none; }
}
.itemScaledPrice .priceScales .priceScale { display: table-row; }
.itemScaledPrice .priceScales .priceScaleCell { display: table-cell; vertical-align: top; padding-left: 14px; }
.itemScaledPrice .priceScales .priceScaleHeader .priceScaleCell { padding-bottom: 5px; }
.itemScaledPrice .priceScales .priceScale .priceScaleCell { padding-bottom: 2px; white-space: nowrap; }
.itemScaledPrice .priceScales .priceScaleCell.qtyCell { padding-left: 0px; }
.itemScaledPrice .priceScales .priceScaleCell.priceWithoutDiscountsCell,
.itemScaledPrice .priceScales .priceScaleCell.discountsRelatingToPriceCell,
.itemScaledPrice .priceScales .priceScaleCell.priceCalculationCell,
.itemScaledPrice .priceScales .priceScaleCell.priceWithDiscountsCell,
.itemScaledPrice .priceScales .priceScaleCell.discountsRelatingToTotalPriceCell { text-align: right; }
.itemScaledPrice .priceScales .priceScale .priceScaleCell.priceCalculationCell { color: #555555; font-size: 12px; }
.itemScaledPrice .discountsRelatingToPriceBelowTable,
.itemScaledPrice .discountsRelatingToTotalPriceBelowTable { color: #555555; }
.availabilityIcon { display: inline-block; width: 0px; height: 0px; padding: 5px; border-radius: 100%; background-color: #000000; }
.availabilityIcon0 { background-color: #7CB339; }
.availabilityIcon1 { background-color: #FFE319; }
.availabilityIcon2 { background-color: #E93C2B; }
img.lazy { display: none; }
.javascript img.lazy { display: inline; }
img.lazy { opacity: 0; transition: opacity .3s ease-in; }
img.lazy.loaded { opacity: 1; }
.itemList .itemName { font-size: 16px; font-weight: bold; }
.itemList a.itemName:hover,
.itemList a.itemName:active { color: #901e1f; text-decoration: none; }
.itemList .itemDescription { font-size: 14px; }
.itemList .itemNo { white-space: nowrap; font-size: 14px; color: #777777; }
.itemList .itemListAddToCart .additionalLine { font-size: 14px; color: #777777; }
.itemListTableView .table { width: 100%; }
.itemListTableView .tableCell { width: 1px; }
.itemListTableView .tableCell.itemNameCell { width: auto; }
.itemListTableView .tableCell.itemNameCell .availability { display: none; }
.itemListTableView .tableCell.priceCell,
.itemListTableView .tableCell.accessCartOrWishlistCell { width: auto; }
.itemListTableView .tableCell.availabilityCell,
.itemListTableView .tableCell.priceCell,
.itemListTableView .tableCell.accessCartOrWishlistCell { text-align: right; }
.itemListTableView .tableCell.availabilityCell,
.itemListTableView .tableCell.accessCartOrWishlistCell { white-space: nowrap; }
.itemListTableView .tableRow .tableCell.iconCell { font-size: 0px; }
@media only all and (max-width: 930px) {
.itemListTableView .tableCell.itemNameCell .availability { display: block; }
.itemListTableView .tableCell.availabilityCell { display: none; }
}
@media only all and (max-width: 850px) {
.itemListTableView .tableRow .tableCell.availabilityCell { display: none; }
.itemListTableView .tableRow .tableCell.accessCartOrWishlistCell { display: none; }
.itemListTableView .tableRow .tableCell.availabilityCell,
.itemListTableView .tableRow .tableCell.priceCell,
.itemListTableView .tableRow .tableCell.accessCartOrWishlistCell { text-align: left; }
.itemListTableView .tableRow .tableCell.iconCell { float: left; margin-left: 0px; padding-right: 14px; }
.itemListTableView .tableRow .tableCell.priceCell { margin-top: 5px; }
.itemListTableView .tableRow .tableCell { margin-left: 114px; }
.itemListTableView .priceWithoutDiscountsWrapper div,
.itemListTableView .priceWithDiscountsWrapper div { display: inline; }
}
@media only all and (max-width: 350px) {
.itemListTableView .tableRow .tableCell.priceCell { clear: both; margin-top: 0px; margin-left: 0px; padding-top: 10px; }
.itemListTableView .tableRow .tableCell.priceCell .priceWrapper { padding: 6px; background-color: #f2f2f2; -moz-border-radius: 6px 6px 6px 6px;
-khtml-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-o-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}
}
.itemListTableView .icon img { max-width: 205px; max-height: 150px; }
.itemListTableView .backorderMsg { margin-top: 10px; }
.itemListTableView .priceWithoutDiscountsWrapper div,
.itemListTableView .priceWithDiscountsWrapper div { white-space: nowrap; }
@media only all and (max-width: 1150px) {
.itemListTableView .icon img { max-width: 155px; max-height: 110px; }
}
@media only all and (max-width: 1050px) {
.itemListTableView .icon img { max-width: 125px; max-height: 100px; }
}
@media only all and (max-width: 850px) {
.itemListTableView .tableRow .tableCell.iconCell { width: 205px; }
.itemListTableView .tableRow .tableCell { margin-left: 219px; }
.itemListTableView .icon img { max-width: 205px; max-height: 150px; }
}
@media only all and (max-width: 450px) {
.itemListTableView .tableRow .tableCell.iconCell { width: 155px; }
.itemListTableView .tableRow .tableCell { margin-left: 169px; }
.itemListTableView .icon img { max-width: 155px; max-height: 110px; }
}
@media only all and (max-width: 350px) {
.itemListTableView .tableRow .tableCell.iconCell { width: 125px; }
.itemListTableView .tableRow .tableCell { margin-left: 139px; }
.itemListTableView .icon img { max-width: 125px; max-height: 100px; }
}
.itemListGridView { position: relative; }
.itemListGridView ul { list-style-type: none; margin: 0px; padding: 0px; letter-spacing: 10px; }
.itemListGridView li { display: -moz-inline-stack; display: inline-block; margin-bottom: 15px; letter-spacing: 0px; text-align: left; vertical-align: top; }
.itemListGridView .itemWrapper { position: relative; width: 230px; border: 1px solid #efefef; }
.itemListGridView .iconWrapper { padding: 10px; }
.itemListGridView .icon { margin: 0px auto; width: 210px; height: 150px; line-height: 150px; text-align: center; }
.itemListGridView .icon a:hover { text-decoration: none; }
.itemListGridView .icon img { max-width: 205px; max-height: 150px; vertical-align: middle; }
.itemListGridView .infoOuterWrapper { position: relative; min-height: 100px; }
.itemListGridView .infoWrapper { position: absolute; width: 230px; min-height: 100px; bottom: 0px; left: 0px; background-color: #f2f2f2; opacity: 0.9; }
.itemListGridView .info { position: relative; padding: 10px; min-height: 80px; }
.itemListGridView .itemTextInnerWrapper { min-height: 54px; }
.itemListGridView .itemName { display: block; overflow: hidden; text-overflow: ellipsis; }
.itemListGridView .itemDescription { overflow: hidden; text-overflow: ellipsis; }
.itemListGridView .itemNo { display: inline; }
.itemListGridView .availability .availabilityIconWrapper { margin-left: 10px; vertical-align: bottom; }
.itemListGridView .backorderMsg { margin-top: 10px; }
.itemListGridView .itemPrice { margin-top: 10px; }
.itemListGridView .priceWithoutDiscountsWrapper div,
.itemListGridView .priceWithDiscountsWrapper div { display: inline; }
.itemListGridView .slideOnHoverWrapper {}
.itemListGridView .slideOnHoverTarget { display: none; }
.itemListGridView .itemListAddToCartInclude { padding-top: 10px; }
@media only all and (max-width: 805px) {
.itemListGridView .slideOnHoverWrapper { display: none; }
}
@media only all and (min-width: 531px) and (max-width: 805px) {
.itemListGridView li { width: 32%; }
.itemListGridView .itemWrapper { width: 100%; }
.itemListGridView .infoWrapper { width: 100%; }
}
@media only all and (min-width: 531px) and (max-width: 750px) {
.itemListGridView .iconWrapper { padding: 5px; }
.itemListGridView .icon { width: 160px; height: 110px; line-height: 110px; }
.itemListGridView .icon img { max-width: 155px; max-height: 110px; }
.itemListGridView .infoWrapper { min-height: 60px; }
}
@media only all and (min-width: 531px) and (max-width: 710px) {
.itemListGridView li { width: 31.5%; }
}
@media only all and (min-width: 531px) and (max-width: 580px) {
.itemListGridView .icon { width: 130px; height: 90px; line-height: 90px; }
.itemListGridView .icon img { max-width: 125px; max-height: 90px; }
.itemListGridView .infoWrapper { min-height: 60px; }
.itemListGridView .availability .availabilityIconWrapper { margin-left: 5px; }
}
@media only all and (max-width: 530px) {
.itemListGridView li { width: 48%; }
.itemListGridView .itemWrapper { width: 100%; }
.itemListGridView .infoWrapper { width: 100%; }
.itemListGridView .iconWrapper { padding: 10px; }
.itemListGridView .icon { width: 210px; height: 150px; line-height: 150px; }
.itemListGridView .icon img { max-width: 205px; max-height: 150px; }
.itemListGridView .infoWrapper { min-height: 100px; }
.itemListGridView .availability .availabilityIconWrapper { margin-left: 10px; }
}
@media only all and (max-width: 500px) {
.itemListGridView .iconWrapper { padding: 5px; }
.itemListGridView .icon { width: 160px; height: 110px; line-height: 110px; }
.itemListGridView .icon img { max-width: 155px; max-height: 110px; }
.itemListGridView .infoWrapper { min-height: 60px; }
.itemListGridView .availability .availabilityIconWrapper { margin-left: 5px; }
}
@media only all and (max-width: 400px) {
.itemListGridView .icon { width: 130px; height: 90px; line-height: 90px; }
.itemListGridView .icon img { max-width: 125px; max-height: 90px; }
.itemListGridView .infoWrapper { min-height: 60px; }
}
@media only all and (max-width: 380px) {
.itemListGridView li { width: 47%; }
}
.itemListSlideView { position: relative; padding: 0px 37px; }
.itemListSlideView img { display: inline; }
.itemListSlideView .slick-loading .slick-list { background: #fff url('img/ajax-loader.gif') center center no-repeat; }
.itemListSlideView .slides .slick-arrow {
display: block;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
width: 32px;
height: 32px;
padding: 0px;
border: 2px solid #901e1f;
-moz-border-radius: 18px 18px 18px 18px;
-khtml-border-radius: 18px 18px 18px 18px;
-webkit-border-radius: 18px 18px 18px 18px;
-o-border-radius: 18px 18px 18px 18px;
border-radius: 18px 18px 18px 18px;
;
}
.itemListSlideView .slides .slick-arrow:before {
content: ""; display: inline-block; border-width: 10px; border-style: solid; width: 0px; height: 0px; line-height: 0px;
}
.itemListSlideView .slides .slick-prev { left: -37px; }
.itemListSlideView .slides .slick-next { right: -37px; }
.itemListSlideView .slides .slick-prev:before {
border-color: transparent #901e1f transparent transparent; margin-left: 0px;
margin-top: 6px;
}
.itemListSlideView .slides .slick-next:before {
border-color: transparent transparent transparent #901e1f; margin-left: 12px;
margin-top: 6px;
}
@media only all and (max-width: 350px) {
.itemListSlideView { padding: 0px 33px; }
.itemListSlideView .slides .slick-arrow {
width: 28px;
height: 28px;
-moz-border-radius: 16px 16px 16px 16px;
-khtml-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
-o-border-radius: 16px 16px 16px 16px;
border-radius: 16px 16px 16px 16px;
;
}
.itemListSlideView .slides .slick-arrow:before {
border-width: 7px;
}
.itemListSlideView .slides .slick-prev { left: -33px; }
.itemListSlideView .slides .slick-next { right: -33px; }
.itemListSlideView .slides .slick-prev:before {
margin-left: 2.5px;
margin-top: 7px;
}
.itemListSlideView .slides .slick-next:before {
margin-left: 11.5px;
margin-top: 7px;
}
}
.itemListSlideView .slides .slick-arrow.slick-disabled { border: 2px solid #dddddd; }
.itemListSlideView .slides .slick-prev.slick-disabled:before {
border-color: transparent #dddddd transparent transparent;
}
.itemListSlideView .slides .slick-next.slick-disabled:before {
border-color: transparent transparent transparent #dddddd;
}
.itemListSlideView .slides .slick-dots { list-style: none; position: relative; display: block; width: 100%; padding: 0px; margin: 20px 0px 0px 0px; line-height: 0px; text-align: center; }
.itemListSlideView .slides .slick-dots li { position: relative; display: inline-block; margin: 0px 10px 0px 10px; padding: 0px; cursor: pointer; }
.itemListSlideView .slides .slick-dots li .dot {
position: relative; display: block; width: 0px; height: 0px; padding: 5px; border-radius: 100%; background-color: #dddddd; cursor: pointer; line-height: 0px;
}
.itemListSlideView .slides .slick-dots li.slick-active .dot,
.itemListSlideView .slides .slick-dots li .dot:hover { background-color: #808080; }
.itemListSlideView .itemWrapper { position: relative; width: 230px; border: 1px solid #efefef; margin: 0px auto; }
.itemListSlideView .iconWrapper { padding: 10px; }
.itemListSlideView .icon { margin: 0px auto; width: 210px; height: 150px; line-height: 150px; text-align: center; }
.itemListSlideView .icon a:hover { text-decoration: none; }
.itemListSlideView .icon img { max-width: 205px; max-height: 150px; vertical-align: middle; }
.itemListSlideView .infoOuterWrapper { position: relative; min-height: 100px; }
.itemListSlideView .infoWrapper { position: absolute; width: 230px; min-height: 100px; bottom: 0px; left: 0px; background-color: #f2f2f2; opacity: 0.9; }
.itemListSlideView .info { position: relative; padding: 10px; min-height: 80px; }
.itemListSlideView .itemTextInnerWrapper { min-height: 54px; }
.itemListSlideView .itemName { display: block; }
.itemListSlideView .itemNo { display: inline; }
.itemListSlideView .availability .availabilityIconWrapper { margin-left: 10px; vertical-align: bottom; }
.itemListSlideView .backorderMsg { margin-top: 10px; }
.itemListSlideView .itemPrice { margin-top: 10px; }
.itemListSlideView .priceWithoutDiscountsWrapper div,
.itemListSlideView .priceWithDiscountsWrapper div { display: inline; }
.itemListSlideView .slideOnHoverWrapper {}
.itemListSlideView .slideOnHoverTarget { display: none; }
.itemListSlideView .itemListAddToCartInclude { padding-top: 10px; }
.lineItems .lineNo { white-space: nowrap; color: #777777; }
.lineItems .itemName { font-size: 16px; font-weight: bold; }
.lineItems a.itemName:hover,
.lineItems a.itemName:active { color: #901e1f; text-decoration: none; }
.lineItems .itemDescription { }
.lineItems .itemNo { white-space: nowrap; color: #777777; }
.lineItems .nextprice_without_discounts { display: block; padding-top: 5px; font-size: 10px; color: #999999; }
.lineItems .nextprice_discount { font-size: 10px; color: #999999; }
.lineItems .nextprice_surcharge { font-size: 10px; color: #999999; }
.lineItems .nextprice_with_discounts { font-size: 10px; color: #999999; }
.backorderMsg { color: #777777; font-size: 10px; }
.backorderMsg a { color: #777777; font-size: 10px; text-decoration: underline; }
.backorderMsg a:hover { color: #901e1f; }
div.doc { margin: 0px 0px 15px 0px; padding: 0px; }
div.doc a { text-decoration: underline; }
.subCategoryList { position: relative; }
.subCategoryList ul { list-style-type: none; margin: 0px; padding: 0px; }
.subCategoryList li { display: -moz-inline-stack; display: inline-block; text-align: left; vertical-align: top; }
.subCategoryList ul.categories { letter-spacing: 10px; }
.subCategoryList li.category { letter-spacing: 0px; margin-bottom: 15px; }
.subCategoryList .categoryWrapper { position: relative; width: 230px; overflow: hidden; border: 1px solid #efefef; }
.subCategoryList .categoryTextOuterWrapper { position: relative; width: 230px; background-color: #ffffff; opacity: 0.8; }
.subCategoryList .categoryTextInnerWrapper { padding: 10px; }
.subCategoryList .categoryName { display: block; overflow-x: hidden; text-overflow: ellipsis; font-size: 18px; color: #666666; }
.subCategoryList a.categoryName:hover { color: #901e1f; text-decoration: none; }
.subCategoryList .iconWrapper { padding: 0px; }
.subCategoryList .icon { margin: 0px auto; width: 230px; height: 170px; line-height: 170px; text-align: center; }
.subCategoryList .icon a:hover { text-decoration: none; }
.subCategoryList .icon img { max-width: 225px; max-height: 170px; vertical-align: middle; }
.subCategoryList .slideOnHoverTarget { display: none; position: absolute; left: 0px; bottom: 0px; width: 230px; max-height: 170px; overflow: auto; background-color: #ffffff; opacity: 0.9; }
.subCategoryList ul.subMenu { padding: 10px 10px 10px 7px; }
.subCategoryList ul.subMenu li.subCategory { display: block; margin-bottom: 3px; }
.subCategoryList ul.subMenu li.subCategory a { display: block; color: #777777; padding: 0px; }
.subCategoryList ul.subMenu li.subCategory a:hover { color: #901e1f; font-weight: bold; text-decoration: none; }
.subCategoryList ul.subMenu li.subCategory a:before { display: block; float: left; content: "\BB"; }
.subCategoryList ul.subMenu li.subCategory a span { display: block; margin-left: 10px; overflow-x: hidden; text-overflow: ellipsis; }
@media only all and (min-width: 531px) and (max-width: 805px) {
.subCategoryList li.category { width: 32%; }
.subCategoryList .categoryWrapper { width: 100%; }
.subCategoryList .categoryTextOuterWrapper { width: 100%; }
.subCategoryList .slideOnHoverTarget { width: 100%; }
}
@media only all and (min-width: 531px) and (max-width: 750px) {
.subCategoryList .icon { width: 170px; height: 110px; line-height: 110px; }
.subCategoryList .icon img { max-width: 165px; max-height: 110px; }
.subCategoryList .slideOnHoverTarget { max-height: 110px; }
}
@media only all and (min-width: 531px) and (max-width: 710px) {
.subCategoryList li.category { width: 31.5%; }
}
@media only all and (min-width: 531px) and (max-width: 580px) {
.subCategoryList .icon { width: 140px; height: 90px; line-height: 90px; }
.subCategoryList .icon img { max-width: 135px; max-height: 90px; }
.subCategoryList .slideOnHoverTarget { max-height: 90px; }
}
@media only all and (max-width: 530px) {
.subCategoryList li.category { width: 48%; }
.subCategoryList .categoryWrapper { width: 100%; }
.subCategoryList .categoryTextOuterWrapper { width: 100%; }
.subCategoryList .slideOnHoverTarget { width: 100%; }
.subCategoryList .icon { width: 230px; height: 170px; line-height: 170px; }
.subCategoryList .icon img { max-width: 225px; max-height: 170px; }
.subCategoryList .slideOnHoverTarget { max-height: 170px; }
}
@media only all and (max-width: 500px) {
.subCategoryList .icon { width: 170px; height: 110px; line-height: 110px; }
.subCategoryList .icon img { max-width: 165px; max-height: 110px; }
.subCategoryList .slideOnHoverTarget { max-height: 110px; }
}
@media only all and (max-width: 400px) {
.subCategoryList .icon { width: 140px; height: 90px; line-height: 90px; }
.subCategoryList .icon img { max-width: 135px; max-height: 90px; }
.subCategoryList .slideOnHoverTarget { max-height: 90px; }
}
@media only all and (max-width: 380px) {
.subCategoryList li.category { width: 47%; }
}
.onlineRefresh a { text-decoration: underline; }
.sortControl .label { margin-right: 5px; }
.sortAndPresentationControl { overflow: auto; float: left; }
.sortAndPresentationControl .sortControl { float: left; }
.sortAndPresentationControl .presentationControls { float: right; width: 80px; text-align: right; }
.sortAndPresentationControl .presentationControls .presentationControl { display: inline-block; margin-top: 3px; margin-left: 5px; }
.pagination { overflow: auto; margin-top: 10px; }
.pagination .recordsFound
.pagination .itemsFound { float: left; margin-bottom: 5px; }
.pagination .pageLinks { float: right; margin-bottom: 5px; }
.pagination .label { font-weight: bold; }
.pagination a:hover { text-decoration: none; }
.pagination .pageLink {
display: inline-block;
height: 21px;
padding: 4px 9px;
margin-bottom: 1px;
color: #901e1f; background-color: #e5e5e5;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.pagination a.pageLink:hover,
.pagination .pageLink.active { color: #ffffff; background-color: #808080; }
.itemListWithPagination { margin: 0px 0px 15px 0px; padding: 0px; }
.itemListWithPagination .itemList span.searchTerm { background-color: yellow; }
.itemListWithPagination .itemListTableView { margin: 10px 0px 0px 0px; }
.itemListWithPagination .itemListGridView { margin: 10px 0px 10px 0px; }
.pageContent { margin: 0px; padding: 0px; }
.pageContent .pageContentLeftWrapper { }
.pageContent .pageContentMiddleWrapper { }
.pageContent.hasLeft { overflow: hidden; }
.pageContent.hasLeft .pageContentLeftWrapper { float: left; width: 220px; }
.pageContent.hasLeft .pageContentMiddleWrapper { margin-left: 250px; }
@media only all and (max-width: 805px) {
.pageContent.hasLeft .pageContentLeftWrapper { display: none; }
.pageContent.hasLeft .pageContentMiddleWrapper { margin-left: 0px; }
}
.box { margin-top: 35px; }
.box .boxTitle { padding-bottom: 7px; font-weight: bold; }
.box .boxContent { padding-top: 7px; }
.pageContentLeft .box .boxTitle { padding-left: 5px; border-bottom: 1px solid #e5e5e5; font-size: 17px; color: #666666; }
.pageContentLeft .box .boxContent { padding-left: 5px; }
.mobileTreeMenu .box { margin-bottom: 10px; }
.mobileTreeMenu .box .boxTitle { padding-left: 20px; border-bottom: 1px solid #574e51; font-size: 16px; color: #cccccc; }
.verticalCategoryList ul { list-style-type: none; margin: 0px; padding: 0px; line-height: normal; }
.verticalCategoryList li a { position: relative; display: block; padding: 7px 0px 7px 0px; font-size: 14px; }
.verticalCategoryList li a span { display: block; overflow: hidden; text-overflow: ellipsis; }
.verticalCategoryList li.level0 li { padding-left: 5px; }
.verticalCategoryList li.level1 li { padding-left: 15px; }
.verticalCategoryList li.level1 { border-bottom: 1px solid #e5e5e5; }
.verticalCategoryList a.level0 { padding: 0px 0px 7px 5px; border-bottom: 1px solid #e5e5e5; font-size: 17px; color: #666666; font-weight: bold; }
.verticalCategoryList a:hover { color: #901e1f; text-decoration: none; }
.verticalCategoryList a.active { color: #901e1f; font-weight: bold; }
.verticalCategoryList ul.subMenu a.withSubCategories { padding-right: 17px; }
.verticalCategoryList ul.subMenu a.withSubCategories:after { content: ""; position: absolute; top: 14px; right: 2px; width: 0px; height: 0px; border-width: 5px; border-style: solid; border-color: #aaaaaa transparent transparent transparent; }
.verticalCategoryList ul.subMenu a.withSubCategories:hover:after,
.verticalCategoryList ul.subMenu a.active.withSubCategories:after { content: ""; position: absolute; top: 14px; right: 2px; width: 0px; height: 0px; border-width: 5px; border-style: solid; border-color: #808080 transparent transparent transparent; }
.recentlyVisitedItemList { line-height: normal; }
.recentlyVisitedItemList .itemWrapper { padding: 7px 0px 10px 0px; overflow: hidden; }
.recentlyVisitedItemList .itemWrapper.first { padding: 0px 0px 10px 0px; border-top: none; }
.recentlyVisitedItemList .iconWrapper { float: left; width: 60px; overflow: hidden; }
.recentlyVisitedItemList .itemNameWrapper { margin-left: 70px; overflow: hidden; text-overflow: ellipsis; }
.recentlyVisitedItemList .priceWrapper { margin-left: 70px; margin-top: 5px; }
.recentlyVisitedItemList .priceWrapper .itemPrice .priceWithDiscounts { font-size: 14px; font-weight: normal; }
.recentlyVisitedItemList .priceWrapper .itemPrice .priceWithoutDiscountsWrapper div,
.recentlyVisitedItemList .priceWrapper .itemPrice .priceWithDiscountsWrapper div { display: inline; }
.recentlyVisitedItemList .icon img { display: block; max-width: 60px; max-height: 60px; }
.recentlyVisitedItemList .itemName { font-size: 14px; font-weight: normal; }
.pageContentLeft .recentlyVisitedItemList .itemWrapper { border-top: 1px solid #e5e5e5; }
.pageContentLeft .recentlyVisitedItemList .itemWrapper.last { border-bottom: 1px solid #e5e5e5; }
.pageContentLeft .recentlyVisitedItemList .itemWrapper.first { border-top: none; }
.mobileTreeMenu .recentlyVisitedItemList .itemWrapper { padding-left: 20px; border-top: 1px solid #574e51; }
.mobileTreeMenu .recentlyVisitedItemList .itemWrapper.first { border-top: none; }
.mobileTreeMenu .recentlyVisitedItemList .itemWrapper.last { border-bottom: 1px solid #574e51; }
.mobileTreeMenu .recentlyVisitedItemList .itemName { color: #cccccc; }
.mobileTreeMenu .recentlyVisitedItemList .itemNo { color: #888888; }
.mobileTreeMenu .recentlyVisitedItemList .itemPrice .priceWithDiscounts { color: #888888; }
.pageContent .documentLeft a { text-decoration: underline; }
.pageContent .documentLeft a:hover { color: #901e1f; }
.pageContent .documentRight a { text-decoration: underline; }
.pageContent .documentRight a:hover { color: #901e1f; }
.pageContent .heading { font-size: 18px; font-weight: normal; color: #777777; margin-bottom: 10px; }
.pageContent-login .heading,
.pageContent-account .heading,
.pageContent-createAccount .heading,
.pageContent-customerData .heading,
.pageContent-checkout .heading { padding: 5px 10px; background-color: #eeeeee; color: #555555; }
.pageContent .rowWrapper { position: relative; overflow: hidden; }
.pageContent .rowWrapper .boxWrapper { display: block; float: left; }
.pageContent .rowWrapper.oneColumn .boxWrapper { width: 100%; }
.pageContent .rowWrapper.twoColumns .boxWrapper { width: 50%; }
.pageContent .rowWrapper.twoColumns .boxWrapper.left .boxInnerWrapper { margin-right: 10px; }
.pageContent .rowWrapper.twoColumns .boxWrapper.right .boxInnerWrapper { margin-left: 10px; }
.pageContent .rowWrapper.threeColumns .boxWrapper { width: 33.3%; }
.pageContent .rowWrapper.threeColumns .boxWrapper.left .boxInnerWrapper { margin-right: 10px; }
.pageContent .rowWrapper.threeColumns .boxWrapper.middle .boxInnerWrapper { margin-left: 10px; margin-right: 10px; }
.pageContent .rowWrapper.threeColumns .boxWrapper.right .boxInnerWrapper { margin-left: 10px; }
.pageContent .topMargin { margin-top: 30px; }
@media only all and (max-width: 740px) {
.pageContent .rowWrapper.threeColumns .boxWrapper { width: 50%; }
.pageContent .rowWrapper.threeColumns .boxWrapper.left .boxInnerWrapper { margin-right: 10px; }
.pageContent .rowWrapper.threeColumns .boxWrapper.middle .boxInnerWrapper { margin-left: 10px; margin-right: 0px; }
.pageContent .rowWrapper.threeColumns .boxWrapper.right { width: 100%; }
.pageContent .rowWrapper.threeColumns .boxWrapper.right .boxInnerWrapper { margin-left: 0px; }
.pageContent .rowWrapper.threeColumns .boxWrapper.right .boxInnerWrapper:not(.retainTopMargin) { margin-top: 30px; }
}
@media only all and (max-width: 640px) {
.pageContent .rowWrapper.twoColumns .boxWrapper { width: 100%; }
.pageContent .rowWrapper.twoColumns .boxWrapper.left .boxInnerWrapper { margin-right: 0px; }
.pageContent .rowWrapper.twoColumns .boxWrapper.right .boxInnerWrapper { margin-left: 0px; }
.pageContent .rowWrapper.twoColumns .boxWrapper.right .boxInnerWrapper:not(.retainTopMargin) { margin-top: 30px; }
.pageContent .rowWrapper.threeColumns .boxWrapper { width: 100%; }
.pageContent .rowWrapper.threeColumns .boxWrapper.left .boxInnerWrapper { margin-right: 0px; }
.pageContent .rowWrapper.threeColumns .boxWrapper.middle .boxInnerWrapper { margin-left: 0px; margin-right: 0px; }
.pageContent .rowWrapper.threeColumns .boxWrapper.middle .boxInnerWrapper:not(.retainTopMargin) { margin-top: 30px; }
.pageContent .rowWrapper.threeColumns .boxWrapper.right .boxInnerWrapper { margin-left: 0px; }
.pageContent .rowWrapper.threeColumns .boxWrapper.right .boxInnerWrapper:not(.retainTopMargin) { margin-top: 30px; }
}
.pageContent span.inputField {
margin: 0px; padding: 0px;
}
.pageContent input.inputField,
.pageContent textarea.inputField,
.pageContent select.inputField,
.pageContent span.inputField select {
margin: 1px 0px 1px 0px;
font-size: 14px;
background-color: #ffffff;
border: 1px solid #999999;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
.pageContent input.inputField,
.pageContent textarea.inputField {
padding: 4px 5px;
}
.pageContent span.inputField select,
.pageContent select.inputField {
padding: 3px;
}
.pageContent input.inputField:focus,
.pageContent textarea.inputField:focus,
.pageContent select.inputField:focus,
.pageContent span.inputField select:focus,
.pageContent input.inputField:hover,
.pageContent textarea.inputField:hover,
.pageContent select.inputField:hover,
.pageContent span.inputField select:hover {
border: 1px solid #777777;
background-color: #f0faff;
}
.pageContent span.inputField.missing,
.pageContent span.inputField.error {
color: #ff0000;
}
.pageContent input.inputField.missing,
.pageContent textarea.inputField.missing,
.pageContent select.inputField.missing,
.pageContent span.inputField.missing select,
.pageContent input.inputField.error,
.pageContent textarea.inputField.error,
.pageContent select.inputField.error,
.pageContent span.inputField.error select {
margin: 0px;
border: 2px solid #ff0000;
}
.pageContent label.inputField { display: block; margin: 1px 0px; padding: 4px 0px; }
.pageContent .heading label.inputField { margin: 0px; padding: 0px; }
.pageContent label.errorLabel,
.pageContent label.errorLabel a{ color: #ff0000; }
.pageContent label.required:after { content: " *"; }
.pageContent label.error { display: block; margin-top: 3px; color: #ff0000; }
.pageContent .inputQty { text-align: right; }
.pageContent .inputQtyUnitId { }
.pageContent .inputQtyWrapper { display: block; margin-bottom: 2px; }
.pageContent button,
.cookieNotice button {
padding: 7px 15px 7px 15px;
cursor: pointer;
font-size: 16px;
color: #333333;
background-color: #dddddd;
border: none;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
@media only all and (max-width: 359px) {
.pageContent button { font-size: 14px; }
}
@media only all and (max-width: 334px) {
.pageContent button { font-size: 13px; }
}
.pageContent button:hover,
.pageContent button:focus,
.pageContent button:active,
.cookieNotice button:hover,
.cookieNotice button:focus,
.cookieNotice button:active {
color: #ffffff;
background-color: #808080;
}
.pageContent button.back { padding: 7px 15px 7px 9px; }
html.lt-ie9 .pageContent button.back { padding: 7px 15px 7px 15px; }
.pageContent button.back:before { display: inline-block; content: ""; margin-top: 0px; margin-right: 6px; margin-bottom: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent #555555 transparent transparent; }
.pageContent button.back:hover:before,
.pageContent button.back:focus:before,
.pageContent button.back:active:before { border-color: transparent #ffffff transparent transparent; }
.pageContent button.continue { padding: 7px 9px 7px 15px; }
html.lt-ie9 .pageContent button.continue { padding: 7px 15px 7px 15px; }
.pageContent button.continue:after { display: inline-block; content: ""; margin-top: 0px; margin-left: 6px; margin-bottom: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #555555; }
.pageContent button.continue:hover:after,
.pageContent button.continue:focus:after,
.pageContent button.continue:active:after { border-color: transparent transparent transparent #ffffff; }
.pageContent button.primary,
.cookieNotice button.primary {
color: #ffffff;
background-color: #6eab24;
}
.pageContent button.primary:hover,
.pageContent button.primary:focus,
.pageContent button.primary:active,
.cookieNotice button.primary:hover,
.cookieNotice button.primary:focus,
.cookieNotice button.primary:active {
color: #ffffff;
background-color: #85cf2b;
}
.pageContent button.primary.back:before { border-color: transparent #ffffff transparent transparent; }
.pageContent button.primary.continue:after { border-color: transparent transparent transparent #ffffff; }
.pageContent button.svgIcon { display: inline-block; border: none; border-radius: 0px; outline-style: none; margin: 0px; padding: 0px; vertical-align: middle; font-size: 16px; line-height: 16px; background-color: transparent; }
.pageContent button.svgIcon:hover { border: none; background-color: transparent; }
.pageContent button.svgIcon.addToCart { width: 24px; }
.pageContent button.svgIcon.addToCart svg { width: 24px; height: 22px; fill: #5a5a5a; }
.pageContent button.svgIcon.addToCart:hover svg { fill: #808080; }
.pageContent button.svgIcon.addToWishlist { width: 24px; }
.pageContent button.svgIcon.addToWishlist svg { width: 24px; height: 22px; fill: #5a5a5a; }
.pageContent button.svgIcon.addToWishlist:hover svg { fill: #808080; }
@keyframes spinner-animation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg)
}
}
button svg.spinner { width: 0px; height: 14px; margin-right: 0px; fill: #555555; animation: .7s linear infinite spinner-animation; }
button.primary svg.spinner { fill: #f2f2f2; }
button.processing svg.spinner { width: 14px; margin-right: 7px; }
.buttonWrapper { margin-top: 20px; }
.buttonWrapper.hasSubWrappers { display: table; width: 100%; }
.buttonWrapper.hasSubWrappers .leftWrapper { display: table-cell; font-size: 0px; }
.buttonWrapper.hasSubWrappers .rightWrapper { display: table-cell; font-size: 0px; text-align: right; }
.buttonWrapper button { margin-right: 8px; min-width: 80px; }
.buttonWrapper button:last-child { margin-right: 0px; }
svg.penIcon { width: 12px; height: 12px; fill: #5a5a5a; vertical-align: baseline; padding-right: 4px; }
a:hover svg.penIcon { fill: #808080; }
.pageContent .mandatory { font-weight: bold; }
.pageContent .mandatory.top { margin-bottom: 15px; }
.pageContent .mandatory.bottom { margin-top: 15px; }
.pageContent-home .flexContent { margin-bottom: 20px; }
.pageContent-home .topSellerPerSite { margin-top: 20px; }
.pageContent-category .flexContent { margin-bottom: 20px; }
.pageContent-category .topSellerPerCategory { margin-top: 20px; }
.pageContent-searchAccessLimit button { margin-top: 10px; }
.pageContent-search .itemsFoundText span.searchTerm { font-weight: bold; }
.pageContent-search .noItemsFoundText span.searchTerm { font-weight: bold; }
.pageContent-search .didYouMean a.link { text-decoration: underline; font-weight: bold; }
.pageContent-search .didYouMean a.link:hover { color: #901e1f; }
.pageContent-item .itemDetailContainerWrapper { display: table; }
.pageContent-item .itemDetailContainer { display: table-row; }
.pageContent-item .itemDetailContainer .imageWrapper { display: table-cell; vertical-align: top; padding-right: 20px; }
.pageContent-item .itemDetailContainer .itemDetailWrapper { display: table-cell; vertical-align: top; }
@media only all and (min-width: 806px) and (max-width: 815px) {
.pageContent-item .itemDetailContainerWrapper { display: block; }
.pageContent-item .itemDetailContainer { display: block; }
.pageContent-item .itemDetailContainer .imageWrapper { display: block; padding-right: 0px; margin-bottom: 20px; }
.pageContent-item .itemDetailContainer .itemDetailWrapper { display: block; }
}
@media only all and (max-width: 550px) {
.pageContent-item .itemDetailContainerWrapper { display: block; }
.pageContent-item .itemDetailContainer { display: block; }
.pageContent-item .itemDetailContainer .imageWrapper { display: block; padding-right: 0px; margin-bottom: 20px; }
.pageContent-item .itemDetailContainer .itemDetailWrapper { display: block; }
}
.pageContent-item .itemDetailContainer .image { font-size: 0px; }
.pageContent-item .itemDetailContainer .image .imgWrapper { display: inline-block; max-width: 300px; }
.pageContent-item .itemDetailContainer .image .imgWrapper img { max-width: 100%; max-height: 100%; }
.pageContent-item .itemDetailContainer .zoomImageLink { display: inline-block; margin-top: 10px; }
.pageContent-item .itemDetailContainer .zoomImageLink svg.zoomIcon { width: 14px; height: 14px; fill: #5a5a5a; }
.pageContent-item .itemDetailContainer .zoomImageLink:hover,
.pageContent-item .itemDetailContainer .zoomImageLink:focus,
.pageContent-item .itemDetailContainer .zoomImageLink:active { text-decoration: none; }
.pageContent-item .itemDetailContainer .zoomImageLink:hover span { text-decoration: underline; color: #901e1f; }
.pageContent-item .itemDetailContainer .zoomImageLink:hover svg.zoomIcon { fill: #808080; }
.pageContent-item .itemDetailContainer h1 { margin-bottom: 1px; }
.pageContent-item .itemDetailContainer .itemDescription { font-size: 14px; }
.pageContent-item .itemDetailContainer .gtin { white-space: nowrap; font-size: 14px; color: #777777; }
.pageContent-item .itemDetailContainer .itemNo { white-space: nowrap; font-size: 14px; color: #777777; margin-bottom: 10px; }
.pageContent-item .itemDetailContainer p { margin: 0px; padding: 0px }
.pageContent-item .itemDetailContainer div.itemAttribute { margin-bottom: 10px; }
.pageContent-item .itemDetailContainer div.itemAttribute .label { display: block; margin-bottom: 1px; font-weight: bold; }
.pageContent-item .itemDetailContainer div.itemAttribute .value { display: block; }
.pageContent-item .itemDetailContainer .availability .availabilityIconWrapper { margin-left: 5px; vertical-align: bottom; }
.pageContent-item .itemDetailContainer .priceWrapper { margin-bottom: 12px; }
.pageContent-item .itemDetailContainer .priceWrapper .itemPrice .priceWithoutDiscountsWrapper div,
.pageContent-item .itemDetailContainer .priceWrapper .itemPrice .priceWithDiscountsWrapper div { display: inline; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude .inputQtyWrapper { margin-bottom: 0px; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude input.inputField { padding: 8px 5px 7px 5px; margin: 0px 5px 10px 0px; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude span.inputField select { padding: 7px 5px 6px 5px; margin: 0px 5px 10px 0px; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToCart { height: 36px; margin-bottom: 10px; color: #ffffff; background-color: #808080; vertical-align: top; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToCart svg { width: 20px; height: 17px; margin-right: 9px; vertical-align: sub; fill: currentColor; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToCart:hover { background-color: #dfdfdf; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToCart:hover svg { fill: currentColor; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToWishlist { padding: 0px; margin-top: 10px; color: #333333; background-color: transparent; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToWishlist svg { width: 20px; height: 17px; margin-right: 2px; vertical-align: baseline; fill: #5a5a5a; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToWishlist:hover { color: #901e1f; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToWishlist:hover svg { fill: #808080; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude .additionalLine { font-size: 14px; color: #777777; }
.pageContent-item .itemDetailContainer span.searchTerm { background-color: yellow; }
.pageContent-item .itemDetailContainer .inquiryPerMail { margin-bottom: 12px; }
.pageContent-item .itemDetailContainer .inquiryPerMail a { text-decoration: underline; }
.pageContent-item .itemDetailContainer .characteristics { display: table; margin-bottom: 10px; }
.pageContent-item .itemDetailContainer .characteristics a { font-weight: bold; text-decoration: underline; }
.pageContent-item .itemDetailContainer .characteristics a:hover { color: #901e1f; }
.pageContent-item .itemDetailContainer .characteristics option.disabled { color: #bbbbbb; }
.pageContent-item .itemDetailContainer .characteristics .characteristic { display: table-row; }
.pageContent-item .itemDetailContainer .characteristics .characteristicCell { display: table-cell; padding-bottom: 8px; }
.pageContent-item .itemDetailContainer .characteristics .characteristic.last .characteristicCell { padding-bottom: 0px; }
.pageContent-item .itemDetailContainer .characteristics .characteristicCell.characteristicLabel { padding-right: 10px; }
.pageContent-item .infoWrapper { margin-top: 20px; }
.pageContent-item .infoWrapper .backorderMsg { display: block; font-size: 14px; }
.pageContent-item .infoWrapper .backorderMsg a { font-size: 14px; }
.pageContent-item .infoWrapper .pdfLink span { text-decoration: underline; }
.pageContent-item .infoWrapper .pdfLink svg.pdfIcon { width: 14px; height: 14px; fill: #5a5a5a; }
.pageContent-item .infoWrapper .pdfLink:hover { text-decoration: none; color: #901e1f; }
.pageContent-item .infoWrapper .pdfLink:hover svg.pdfIcon { fill: #808080; }
.pageContent-item .billOfMaterialWrapper { margin-top: 20px; }
.pageContent-item .crossSellingWrapper { margin-top: 20px; }
.billOfMaterialItemList .table { width: 100%; border-bottom: 2px solid #e5e5e5; }
.billOfMaterialItemList .tableRowGroup.level0 .tableRow .tableCell { border-top: 2px solid #e5e5e5; }
.billOfMaterialItemList .tableRow .tableCell { border-bottom: none; }
.billOfMaterialItemList .itemNameCell .availability { display: none; }
.billOfMaterialItemList .itemNameCell .priceWrapper { display: none; margin-top: 5px; }
.billOfMaterialItemList .containerCell { padding-left: 0px; padding-right: 0px; height: 100%; }
.billOfMaterialItemList .tableRowGroup.level1 .containerCell { padding-left: 52px; }
.billOfMaterialItemList .tableRowGroup.level2 .containerCell { padding-left: 104px; }
.billOfMaterialItemList .tableRowGroup.level3 .containerCell { padding-left: 156px; }
.billOfMaterialItemList .tableRowGroup.level4 .containerCell { padding-left: 208px; }
.billOfMaterialItemList .tableRowGroup.level5 .containerCell { padding-left: 260px; }
.billOfMaterialItemList .containerCell .containerTableWrapper { display: table; }
.billOfMaterialItemList .containerCell .containerTableRowWrapper { display: table-row; }
.billOfMaterialItemList .containerCell .bomToggleCell,
.billOfMaterialItemList .containerCell .iconCell,
.billOfMaterialItemList .containerCell .itemNameCell { display: table-cell; vertical-align: top; }
.billOfMaterialItemList .containerCell .bomToggleCell { padding-right: 7px; }
.billOfMaterialItemList .containerCell .iconCell { padding: 0px; padding-right: 14px; font-size: 0px; }
.billOfMaterialItemList .availabilityCell,
.billOfMaterialItemList .priceCell,
.billOfMaterialItemList .accessCartOrWishlistCell { text-align: right; white-space: nowrap; }
@media only all and (max-width: 900px) {
.billOfMaterialItemList .tableRow .tableCell.availabilityCell { display: none; }
.billOfMaterialItemList .itemNameCell .availability { display: block; }
.billOfMaterialItemList .tableRow .tableCell.priceCell { display: none; }
.billOfMaterialItemList .itemNameCell .priceWrapper { display: block; }
.billOfMaterialItemList .itemNameCell .priceWrapper .priceWithoutDiscountsWrapper div,
.billOfMaterialItemList .itemNameCell .priceWrapper .priceWithDiscountsWrapper div { display: inline; }
}
@media only all and (max-width: 850px) {
.billOfMaterialItemList .table.mobileAt850px { border-top: none; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup { border-bottom: none; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level0 { border-top: 2px solid #e5e5e5; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level0 .tableRow .tableCell { border-top: none; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.first { border-top: none; }
.billOfMaterialItemList .table.mobileAt850px .tableCell.containerCell .bomToggleCell { display: none; }
.billOfMaterialItemList .table.mobileAt850px .tableCell.containerCell .bomToggleCell .bomToggle { display: none; }
.billOfMaterialItemList .tableRow .tableCell.accessCartOrWishlistCell { display: none; }
.billOfMaterialItemList .table.mobileAt850px .containerCell { padding-left: 0px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup { overflow: auto; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level0 .tableRow { display: block; margin-left: 0px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level0.withSubCategories .tableRow { display: block; margin-left: 52px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level0.withSubCategories .bomToggle { float: left; margin-left: 0px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level1 .tableRow { display: block; margin-left: 52px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level1.withSubCategories .tableRow { display: block; margin-left: 104px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level1.withSubCategories .bomToggle { float: left; margin-left: 52px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level2 .tableRow { display: block; margin-left: 104px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level2.withSubCategories .tableRow { display: block; margin-left: 156px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level2.withSubCategories .bomToggle { float: left; margin-left: 104px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level3 .tableRow { display: block; margin-left: 156px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level3.withSubCategories .tableRow { display: block; margin-left: 208px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level3.withSubCategories .bomToggle { float: left; margin-left: 156px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level4 .tableRow { display: block; margin-left: 208px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level4.withSubCategories .tableRow { display: block; margin-left: 260px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level4.withSubCategories .bomToggle { float: left; margin-left: 208px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level5 .tableRow { display: block; margin-left: 260px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level5.withSubCategories .tableRow { display: block; margin-left: 312px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level5.withSubCategories .bomToggle { float: left; margin-left: 260px; }
}
.billOfMaterialItemList .bomItem.hidden { display: none; }
.billOfMaterialItemList .bomItem .bomToggle { width: 45px; min-height: 50px; height: 100%; text-align: center; cursor: pointer; background-color: #808080; -moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
.billOfMaterialItemList .bomItem .bomToggle:after { content: "+"; display: inline-block; vertical-align: middle; font-size: 30px; color: #ffffff; cursor: pointer; }
.billOfMaterialItemList .bomItem.open .bomToggle:after { content: "-"; margin-top: -3px; }
.billOfMaterialItemList .bomItem .icon { display: inline-block; }
.billOfMaterialItemList .bomItem .icon img { max-width: 100px; max-height: 150px; }
.pageContent-login .loginWrapper input.inputField { display: block; width: 250px; margin-top: 2px; margin-bottom: 5px; }
.pageContent-login .loginWrapper .loginFailed {
width: 250px;
margin-top: 10px;
font-weight: bold; padding: 5px; border: 1px solid black; background-color: white;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border: 2px solid #cd0b0b; color: #cd0b0b; background-color: #ffe2e2;
}
.pageContent-login .loginWrapper .passwordReminderLink { display: block; margin-top: 15px; }
.pageContent-login .loginWrapper .passwordReminderLink:hover { text-decoration: underline; }
.pageContent-login .loginWrapper .passwordReminderLink:before { display: inline-block; content: ""; margin-top: 5px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #333333; }
.pageContent-login button { display: block; }
.pageContent-account .description.welcomeText .userName { font-weight: bold; }
.pageContent-account .description.callManager a { text-decoration: underline; }
.pageContent-account .description.callManager a:hover { color: #901e1f; }
.pageContent-account .description.passwordIsUnchangedYet {
display: inline-block;
margin-bottom: 20px;
font-weight: bold; padding: 5px; border: 1px solid black; background-color: white;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border: 2px solid #30ae30; color: #30ae30; background-color: #dbffdb;
}
.pageContent-account .menuEntry { display: block; padding: 7px 0px; }
.pageContent-account .menuEntry:before { display: inline-block; float: left; content: ""; margin-top: 7px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #333333; }
.pageContent-account .menuEntry.passwordIsUnchangedYet { color: #30ae30; font-weight: bold; }
.pageContent-account .menuEntry.passwordIsUnchangedYet:before { border-color: transparent transparent transparent #30ae30; }
.pageContent-quickorder .quickorderInputList .table { width: 330px; }
.pageContent-quickorder .quickorderInputList .tableCell.itemNoCell { width: auto; }
.pageContent-quickorder .quickorderInputList .tableCell.lineNoCell { text-align: right; vertical-align: middle; }
@media only all and (max-width: 350px) {
.pageContent-quickorder .quickorderInputList .table { width: 100%; }
}
.pageContent-quickorder .quickorderInputList .tableRow .tableCell.itemNoCell input { width: 97%; }
.pageContent-quickorder .quickorderItemList .table { width: 100%; }
.pageContent-quickorder .quickorderItemList .tableCell { width: 1px; }
.pageContent-quickorder .quickorderItemList .tableCell.itemNameCell { width: auto; }
.pageContent-quickorder .quickorderItemList .tableCell.itemNameCell .lineNo { display: none; }
.pageContent-quickorder .quickorderItemList .tableCell.itemNameCell .itemNo { display: none; }
.pageContent-quickorder .quickorderItemList .tableCell.itemNameCell .availability { display: none; }
.pageContent-quickorder .quickorderItemList .tableCell.inputQtyCell .priceWrapper { display: none; }
.pageContent-quickorder .quickorderItemList .tableCell.lineNoCell,
.pageContent-quickorder .quickorderItemList .tableCell.availabilityCell,
.pageContent-quickorder .quickorderItemList .tableCell.inputQtyCell,
.pageContent-quickorder .quickorderItemList .tableCell.priceCell { text-align: right; }
.pageContent-quickorder .quickorderItemList .tableCell.lineNoCell,
.pageContent-quickorder .quickorderItemList .tableCell.itemNoCell,
.pageContent-quickorder .quickorderItemList .tableCell.iconCell,
.pageContent-quickorder .quickorderItemList .tableCell.availabilityCell,
.pageContent-quickorder .quickorderItemList .tableCell.inputQtyCell,
.pageContent-quickorder .quickorderItemList .tableCell.priceCell { white-space: nowrap; }
.pageContent-quickorder .quickorderItemList .tableRow .tableCell.iconCell { font-size: 0px; }
@media only all and (max-width: 900px) {
.pageContent-quickorder .quickorderItemList .tableCell.availabilityCell { display: none; }
.pageContent-quickorder .quickorderItemList .tableCell.itemNameCell .availability { display: block; }
}
@media only all and (max-width: 850px) {
.pageContent-quickorder .quickorderItemList .tableCell.lineNoCell,
.pageContent-quickorder .quickorderItemList .tableCell.itemNoCell,
.pageContent-quickorder .quickorderItemList .tableCell.priceCell { display: none; }
.pageContent-quickorder .quickorderItemList .tableCell.itemNameCell .lineNo,
.pageContent-quickorder .quickorderItemList .tableCell.itemNameCell .itemNo { display: block; }
.pageContent-quickorder .quickorderItemList .tableRow .tableCell.availabilityCell,
.pageContent-quickorder .quickorderItemList .tableRow .tableCell.inputQtyCell,
.pageContent-quickorder .quickorderItemList .tableRow .tableCell.priceCell { text-align: left; }
.pageContent-quickorder .quickorderItemList .tableRow .tableCell.iconCell { float: left; width: 100px; margin-left: 0px; padding-right: 14px; }
.pageContent-quickorder .quickorderItemList .tableRow .tableCell { margin-left: 114px; }
.pageContent-quickorder .quickorderItemList .tableRow .tableCell.inputQtyCell { clear: both; margin-left: 0px; padding-top: 10px; }
.pageContent-quickorder .quickorderItemList .tableRow .tableCell.inputQtyCell .inputQtyCellInnerWrapper { overflow: auto; padding: 6px; background-color: #f2f2f2; -moz-border-radius: 6px 6px 6px 6px;
-khtml-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-o-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}
.pageContent-quickorder .quickorderItemList .tableRow .tableCell.inputQtyCell .inputQtyCellInnerWrapper .itemListAddToCart { display: block; float: left; text-align: left; }
.pageContent-quickorder .quickorderItemList .tableRow .tableCell.inputQtyCell .priceWrapper { display: block; float: right; text-align: right; }
}
.pageContent-quickorder .quickorderItemList .icon img { max-width: 100px; max-height: 150px; }
.pageContent-quickorder .quickorderItemList .itemNotFound { font-weight: bold; color: #ff0000; }
.pageContent-quickorder .quickorderItemList .buttons { overflow: auto; }
.pageContent-quickorder .quickorderItemList .buttons .backButton { float: left; }
.pageContent-quickorder .quickorderItemList .buttons .submitButton { float: right; }
.pageContent-wishlist .topicOuterWrapper .topicWrapper { float: left; margin-right: 10px; margin-bottom: 0px; }
.pageContent-wishlist .topicOuterWrapper .topicWrapper .supplement.short { display: none; }
.pageContent-wishlist .topicOuterWrapper .topicRightWrapper { float: right; margin-top: 6px; }
.pageContent-wishlist:not(.hasLeft) .topicOuterWrapper .topicRightWrapper { margin-top: 6px; }
@media only all and (max-width: 470px) {
.pageContent-wishlist .topicOuterWrapper .topicWrapper .supplement.detailed { display: none; }
.pageContent-wishlist .topicOuterWrapper .topicWrapper .supplement.short { display: inline; }
}
.pageContent-wishlist .manageWishlists .manageWishlistsActivator { line-height: 27px; color: #999999; }
.pageContent-wishlist .manageWishlists .manageWishlistsActivator .short { display: none; }
.pageContent-wishlist .manageWishlists .manageWishlistsActivator:hover { cursor: pointer; }
.pageContent-wishlist .manageWishlists .manageWishlistsActivator:after { content: ""; display: inline-block; vertical-align: text-bottom; width: 0px; height: 0px; border-width: 5px; border-style: solid; border-color: #cccccc transparent transparent transparent; }
.pageContent-wishlist .manageWishlists .flyoutMenuElement:hover .manageWishlistsActivator { color: #901e1f; text-decoration: none; }
.pageContent-wishlist .manageWishlists .flyoutMenuElement:hover .manageWishlistsActivator:after { border-color: #808080 transparent transparent transparent; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel { overflow: hidden; min-width: 100px; max-width: 300px; padding-bottom: 15px; color: #ffffff; background-color: #808080; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel a { color: inherit; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel a:hover { text-decoration: none; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .wishlistNameWrapper { margin: 0px 10px; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .wishlistNameWrapper .wishlistNameInnerWrapper { display: table; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .wishlistNameWrapper form { display: table-row; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .wishlistNameWrapper .inputFieldWrapper { display: table-cell; padding-right: 10px; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .wishlistNameWrapper .inputField { width: 100%; padding: 4px 5px; border: none; color: #333333; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .wishlistNameWrapper .submitButtonWrapper { display: table-cell; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .wishlistNameWrapper .button { margin-left: 10px; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .switchWishlistWrapper.switchWishlistWrapperMarginTop { margin-top: 10px; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .switchWishlistWrapper .flyoutMenuHeading { margin-left: 10px; margin-right: 10px; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel ul { display: table; width: 100%; list-style-type: none; margin: 0px; padding: 0px; border-bottom: 1px solid #dfdfdf; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel li { display: table-row; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel li:hover { background-color: #dfdfdf; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel li.active { background-color: #dfdfdf; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel li a { display: table-cell; padding: 6px 2px 6px 0px; border-top: 1px solid #dfdfdf; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel li .wishlistName { padding-left: 10px; padding-right: 15px; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel li .wishlistName:before { display: block; float: left; content: ""; margin-top: 7px; margin-left: 2px; margin-right: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #ffffff; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel li .wishlistNumberOfLineItems { padding-right: 15px; text-align: right; white-space: nowrap; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel li .wishlistRemove { text-align: right; padding-right: 10px; text-decoration: underline; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .createNewWishlistWrapper.createNewWishlistWrapperMarginTop { margin-top: 10px; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .createNewWishlistWrapper .wishlistsPerUser { margin: 0px 10px 0px 10px; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .createNewWishlistWrapper .button { margin-top: 10px; margin-left: 10px; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .button {
color: #f2f2f2;
background-color: #000000;
}
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .button:hover,
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .button:active,
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .button:focus { background-color: #555555; }
@media only all and (max-width: 370px) {
.pageContent-wishlist .manageWishlists .manageWishlistsActivator .detailed { display: none; }
.pageContent-wishlist .manageWishlists .manageWishlistsActivator .short { display: inline; }
}
.pageContent-wishlist .wishlistLineItems .table { width: 100%; }
.pageContent-wishlist .wishlistLineItems .table .checkAllWrapper { padding: 9px 0px; }
.pageContent-wishlist .wishlistLineItems .table .checkAllWrapper .checkbox { margin-right: 5px; }
.pageContent-wishlist .wishlistLineItems .tableCell { width: 1px; }
.pageContent-wishlist .wishlistLineItems .tableCell.selectionCell { font-size: 0px; }
.pageContent-wishlist .wishlistLineItems .tableCell.itemNameCell { width: auto; }
.pageContent-wishlist .wishlistLineItems .tableCell.itemNameCell .lineNo { display: none; }
.pageContent-wishlist .wishlistLineItems .tableCell.itemNameCell .itemNo { display: none; }
.pageContent-wishlist .wishlistLineItems .tableCell.lineNoCell,
.pageContent-wishlist .wishlistLineItems .tableCell.availabilityCell,
.pageContent-wishlist .wishlistLineItems .tableCell.priceCell { text-align: right; }
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.inputQtyCell,
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.lineNoCell,
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.itemNoCell,
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.iconCell,
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.availabilityCell,
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.priceCell { white-space: nowrap; }
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.iconCell { font-size: 0px; }
@media only all and (max-width: 850px) {
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.lineNoCell,
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.itemNoCell { display: none }
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.availabilityCell,
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.priceCell { text-align: left; }
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.selectionCell { float: left; width: 20px; margin-left: 0px; padding-right: 14px; }
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.iconCell { float: left; width: 100px; margin-left: 0px; padding-right: 14px; }
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell { margin-left: 148px; }
.pageContent-wishlist .wishlistLineItems .tableCell.itemNameCell .lineNo { display: block; }
.pageContent-wishlist .wishlistLineItems .tableCell.itemNameCell .itemNo { display: block; }
.pageContent-wishlist .wishlistLineItems .tableCell.inputQtyCell { margin-bottom: 3px; }
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.priceCell { clear: both; margin-left: 0px; padding-top: 10px; }
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.priceCell .priceWrapper { padding: 6px; background-color: #f2f2f2; -moz-border-radius: 6px 6px 6px 6px;
-khtml-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-o-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}
.pageContent-wishlist .wishlistLineItems .priceWithoutDiscountsWrapper div,
.pageContent-wishlist .wishlistLineItems .priceWithDiscountsWrapper div { display: inline; }
}
.pageContent-wishlist .wishlistLineItems .icon img { max-width: 100px; max-height: 150px; }
.pageContent-wishlist .wishlistLineItems .buttonWrapper { overflow: auto; }
.pageContent-wishlist .wishlistLineItems .buttonWrapper .label { float: left; margin-right: 10px; line-height: 38px; }
.pageContent-wishlist .wishlistLineItems .buttonWrapper .buttons { float: left; }
.pageContent-previouslyOrderedItemList .itemList { margin-top: 20px; }
.pageContent-previouslyOrderedItemList .itemList .table { width: 100%; }
.pageContent-previouslyOrderedItemList .itemList .table .checkAllWrapper { padding: 9px 7px; }
.pageContent-previouslyOrderedItemList .itemList .table .checkAllWrapper .checkbox { margin-right: 5px; }
.pageContent-previouslyOrderedItemList .itemList .tableCell { width: 1px; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.inputQtyCell .priceWrapper { display: none; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell { width: auto; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .icon,
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .itemNo,
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .availability,
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper,
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper .numberOfOrders,
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper .orderedQty,
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper .lastOrderDate { display: none; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.priceCell { width: auto; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.numberOfOrdersCell,
.pageContent-previouslyOrderedItemList .itemList .tableCell.orderedQtyCell,
.pageContent-previouslyOrderedItemList .itemList .tableCell.lastOrderDateCell,
.pageContent-previouslyOrderedItemList .itemList .tableCell.availabilityCell,
.pageContent-previouslyOrderedItemList .itemList .tableCell.priceCell { text-align: right; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.numberOfOrdersCell,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.orderedQtyCell,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.lastOrderDateCell,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNoCell,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.availabilityCell { white-space: nowrap; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.iconCell { font-size: 0px; }
@media only all and (max-width: 1200px) {
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .itemNo { display: block; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNoCell { display: none; }
}
@media only all and (max-width: 1110px) {
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .availability { display: block; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.availabilityCell { display: none; }
}
@media only all and (max-width: 1060px) {
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper { display: block; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper .lastOrderDate { display: block; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.lastOrderDateCell { display: none; }
}
@media only all and (max-width: 1000px) {
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper .numberOfOrders { display: block; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper .orderedQty { display: block; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.numberOfOrdersCell { display: none; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.orderedQtyCell { display: none; }
}
@media only all and (max-width: 850px) {
.pageContent-previouslyOrderedItemList .itemList .tableRow { display: table; width: 100%; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.iconCell { display: none; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell { display: table-footer-group; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell .inputQtyCellInnerWrapper { overflow: auto; padding: 6px; margin-top: 10px; background-color: #f2f2f2; -moz-border-radius: 6px 6px 6px 6px;
-khtml-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-o-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell .inputQtyCellInnerWrapper .checkboxWrapper { display: block; float: left; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell .inputQtyCellInnerWrapper .itemListAddToCart { display: block; float: left; text-align: left; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell .inputQtyCellInnerWrapper .additionalLine { font-size: 11px; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell .priceWrapper { display: block; float: right; text-align: right; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell .priceWrapper .price_discount,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell .priceWrapper .price_surcharge,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell .priceWrapper .total_discount,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell .priceWrapper .total_surcharge { font-size: 11px; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNameCell { display: table-header-group; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNameCell .icon { display: block; float: left; width: 100px; padding-right: 14px; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNameCell .itemName,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNameCell .itemDescription,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNameCell .itemNo,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNameCell .availability,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNameCell .attributeWrapper,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNameCell .backorderMsg { display: block; margin-left: 114px; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.priceCell { display: none; }
}
.pageContent-previouslyOrderedItemList .itemList .icon img { max-width: 100px; max-height: 150px; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.inputQtyCell .inputQtyCellInnerWrapper { white-space: nowrap; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.inputQtyCell .checkboxWrapper { display: inline-block; vertical-align: top; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.inputQtyCell .checkbox { margin-right: 10px; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.inputQtyCell .itemListAddToCart { display: inline-block; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper { margin-top: 10px; }
.pageContent-previouslyOrderedItemList .itemList .backorderMsg { margin-top: 10px; }
.pageContent-previouslyOrderedItemList .buttonWrapper { overflow: auto; }
.pageContent-previouslyOrderedItemList .buttonWrapper .label { float: left; margin-right: 10px; line-height: 38px; }
.pageContent-previouslyOrderedItemList .buttonWrapper .buttons { float: left; }
.pageContent-shoppingCart .topicOuterWrapper .topicWrapper { float: left; margin-right: 10px; margin-bottom: 0px; }
.pageContent-shoppingCart .topicOuterWrapper .topicWrapper .supplement.short { display: none; }
.pageContent-shoppingCart .topicOuterWrapper .topicRightWrapper { float: right; margin-top: 6px; }
.pageContent-shoppingCart:not(.hasLeft) .topicOuterWrapper .topicRightWrapper { margin-top: 6px; }
@media only all and (max-width: 470px) {
.pageContent-shoppingCart .topicOuterWrapper .topicWrapper .supplement.detailed { display: none; }
.pageContent-shoppingCart .topicOuterWrapper .topicWrapper .supplement.short { display: inline; }
}
.pageContent-shoppingCart .switchShoppingCart .switchShoppingCartActivator { line-height: 27px; color: #999999; }
.pageContent-shoppingCart .switchShoppingCart .switchShoppingCartActivator .short { display: none; }
.pageContent-shoppingCart .switchShoppingCart .switchShoppingCartActivator:hover { cursor: pointer; }
.pageContent-shoppingCart .switchShoppingCart .switchShoppingCartActivator:after { content: ""; display: inline-block; vertical-align: text-bottom; width: 0px; height: 0px; border-width: 5px; border-style: solid; border-color: #cccccc transparent transparent transparent; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuElement:hover .switchShoppingCartActivator { color: #901e1f; text-decoration: none; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuElement:hover .switchShoppingCartActivator:after { border-color: #808080 transparent transparent transparent; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel { overflow: hidden; min-width: 100px; max-width: 300px; padding-bottom: 15px; color: #ffffff; background-color: #808080; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel a { color: inherit; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel a:hover { text-decoration: none; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel ul { display: table; width: 100%; list-style-type: none; margin: 0px; padding: 0px; border-bottom: 1px solid #dfdfdf; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li { display: table-row; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li:hover { background-color: #dfdfdf; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li.active { background-color: #dfdfdf; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li a { display: table-cell; padding: 6px 2px 6px 0px; border-top: 1px solid #dfdfdf; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li .shoppingCartName { padding-left: 10px; padding-right: 15px; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li .shoppingCartName:before { display: block; float: left; content: ""; margin-top: 7px; margin-left: 2px; margin-right: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #ffffff; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li .shoppingCartNumberOfLineItems { padding-right: 15px; text-align: right; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li .shoppingCartSubTotal { text-align: right; padding-right: 10px; }
@media only all and (max-width: 370px) {
.pageContent-shoppingCart .switchShoppingCart .switchShoppingCartActivator .detailed { display: none; }
.pageContent-shoppingCart .switchShoppingCart .switchShoppingCartActivator .short { display: inline; }
}
.pageContent-shoppingCart .missingShoppingCartOnlinePriceMsg,
.pageContent-shoppingCart .missingOnlinePriceMsg,
.pageContent-shoppingCart .containsInvalidItemMsg { margin-bottom: 10px; color: red; font-weight: bold; }
.pageContent-shoppingCart .updateSucceededMsg { margin-bottom: 10px; font-weight: bold; }
.pageContent-shoppingCart .updateFailedMsg { margin-bottom: 10px; color: red; font-weight: bold; }
.pageContent-shoppingCart .emptyMsg { text-align: center; padding: 20px; color: red; font-weight: bold; }
.pageContent-shoppingCart .invalidMsg { color: red; font-weight: bold; margin-top: 5px; }
.pageContent-shoppingCart .errorMsg { color: red; font-weight: bold; margin-top: 5px; }
.pageContent-shoppingCart .lineItems { width: 100%; }
.pageContent-shoppingCart .lineItems .tableHeader .tableCell { width: 1px; }
.pageContent-shoppingCart .lineItems .tableHeader .itemNameCell { width: auto; }
.pageContent-shoppingCart .lineItems .tableHeader .inputQtyCell .removeLineItem { display: inline-block; width: 25px; height: 10px; padding-top: 5px; text-align: center; }
.pageContent-shoppingCart .lineItems .tableHeader .inputQtyCell,
.pageContent-shoppingCart .lineItems .tableHeader .orderQtyCell,
.pageContent-shoppingCart .lineItems .tableHeader .priceCell,
.pageContent-shoppingCart .lineItems .tableHeader .priceUnitCell,
.pageContent-shoppingCart .lineItems .tableHeader .totalPriceCalculationCell,
.pageContent-shoppingCart .lineItems .tableHeader .totalPriceCell { text-align: right; }
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .tableCell { width: 1px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .itemNameCell { width: auto; }
@media only all and (max-width: 850px) {
.pageContent-shoppingCart .description { display: none; }
.pageContent-shoppingCart .invalidMsg { margin-bottom: 5px; }
.pageContent-shoppingCart .errorMsg { margin-bottom: 5px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .iconCell { float: left; width: 100px; padding: 0px 7px 0px 7px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .itemNameCell { margin-left: 114px; padding: 0px 7px 0px 7px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .inputQtyCell { margin-left: 114px; text-align: left; padding: 0px 7px 0px 7px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .inputQtyCell .nextprice_without_discounts { display: none; }
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .orderQtyCell,
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .priceCell,
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .priceUnitCell,
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .totalPriceCalculationCell,
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .totalPriceCell { display: none; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper { clear: both; padding-top: 10px; }
.pageContent-shoppingCart .lineItems .tableRowGroup.last .secondWrapper { margin-bottom: 10px; }
.pageContent-shoppingCart .lineItems .tableRowGroup.isInvalid .secondWrapper { padding-top: 0px; margin-bottom: 0px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .backgroundWrapper { padding: 6px; background-color: #f2f2f2; -moz-border-radius: 6px 6px 6px 6px;
-khtml-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-o-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}
.pageContent-shoppingCart .lineItems .tableRowGroup.isModified .secondWrapper .backgroundWrapper { color: #999999; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .secondInnerWrapper { display: table; margin: 0px 0px 0px auto; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .secondInnerCellWrapper { display: table-row; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .tableCell { display: table-cell; width: 1px; padding: 0px 7px; vertical-align: top; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .totalPriceCell { min-width: 70px; }
}
@media only all and (max-width: 450px) {
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .secondInnerWrapper { width: 100%; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .orderQtyCell { width: 100%; padding-left: 0px; font-size: 11px; text-align: left; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .priceCell { font-size: 11px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .priceUnitCell { padding-left: 0px; font-size: 11px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .totalPriceCalculationCell { font-size: 11px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .totalPriceCell { min-width: 50px; padding-right: 0px; font-size: 11px; }
}
@media only all and (max-width: 370px) {
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 100px; overflow: hidden; }
}
@media only all and (max-width: 360px) {
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 90px; overflow: hidden; }
}
@media only all and (max-width: 350px) {
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 80px; overflow: hidden; }
}
@media only all and (max-width: 340px) {
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_surcharge,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_surcharge { display: inline-block; width: 100px; overflow: hidden; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .priceUnit { display: none; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 70px; overflow: hidden; }
}
@media only all and (max-width: 330px) {
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_surcharge,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_surcharge { display: inline-block; width: 90px; overflow: hidden; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .priceUnit { display: none; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 60px; overflow: hidden; }
}
.pageContent-shoppingCart .lineItems .tableRowGroup .iconCell { white-space: nowrap; font-size: 0px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .iconCell img { max-width: 100px; max-height: 150px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .itemNameCell { width: auto; }
.pageContent-shoppingCart .lineItems .tableRowGroup .itemNoCell { white-space: nowrap; }
.pageContent-shoppingCart .lineItems .tableRowGroup .inputQtyCell { white-space: nowrap; text-align: right; }
.pageContent-shoppingCart .lineItems .tableRowGroup .inputQtyCell .removeLineItem { display: inline-block; width: 25px; padding-top: 5px; text-align: center; }
.pageContent-shoppingCart .lineItems .tableRowGroup .inputQtyCell .removeLineItem.removeMultipleLineItems .removeLineItemLink { display: none; }
@media only all and (max-width: 850px) {
.pageContent-shoppingCart .lineItems .tableRowGroup .inputQtyCell .removeLineItem.removeMultipleLineItems .removeLineItemCheckbox { display: none; }
.pageContent-shoppingCart .lineItems .tableRowGroup .inputQtyCell .removeLineItem.removeMultipleLineItems .removeLineItemLink { display: inline; }
}
.pageContent-shoppingCart .lineItems .tableRowGroup .inputQtyCell .additionalLine { display: block; padding-right: 25px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .orderQtyCell { white-space: nowrap; text-align: right; }
.pageContent-shoppingCart .lineItems .tableRowGroup .priceCell { white-space: nowrap; text-align: right; }
.pageContent-shoppingCart .lineItems .tableRowGroup .priceUnitCell { white-space: nowrap; text-align: right; }
.pageContent-shoppingCart .lineItems .tableRowGroup .totalPriceCalculationCell { white-space: nowrap; text-align: right; }
.pageContent-shoppingCart .lineItems .tableRowGroup .totalPriceCell { white-space: nowrap; text-align: right; }
.pageContent-shoppingCart .documentEnd { padding: 9px 0px; vertical-align: top; border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; }
.pageContent-shoppingCart .documentEnd .linesAtDocumentEnd { display: table; width: 100%; }
.pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd { display: table-row-group; }
.pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd { display: table-row; }
.pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd .lineAtDocumentEndCell { display: table-cell; padding: 3px 7px 0px 7px; white-space: nowrap; text-align: right; vertical-align: top; }
.pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd.first .lineAtDocumentEndCell { padding-top: 9px; }
.pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd.last .lineAtDocumentEndCell { padding-bottom: 9px; border-bottom: 2px solid #e5e5e5; }
.pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd.first .lineAtDocumentEnd.first .lineAtDocumentEndCell { padding-top: 0px; }
.pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd.last .lineAtDocumentEnd.last .lineAtDocumentEndCell { padding-bottom: 0px; border-bottom: none; }
.pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd .lineAtDocumentEndLabel { width: 100%; }
.pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd .lineAtDocumentEndValue {}
.pageContent-shoppingCart .documentEnd .subTotal .lineAtDocumentEndCell { font-weight: bold; font-size: 16px; }
.pageContent-shoppingCart .documentEnd .salesTaxAndShippingConditions { padding: 3px 7px 0px 7px; white-space: nowrap; text-align: right; vertical-align: top; }
.pageContent-shoppingCart .documentEnd .salesTaxAndShippingConditions a { text-decoration: underline; }
.pageContent-shoppingCart .documentEnd .salesTaxAndShippingConditions a:hover { color: #901e1f; }
.pageContent-shoppingCart #backButton { float: left; }
.pageContent-shoppingCart #updateButton { float: left; margin-left: 5px; }
.pageContent-shoppingCart #checkoutButton { float: right; }
@media only all and (max-width: 850px) {
.pageContent-shoppingCart #updateButton { display: none; }
.pageContent-shoppingCart .missingShoppingCartOnlinePrice #updateButton { display: block; }
.pageContent-shoppingCart .missingOnlinePrice #updateButton { display: block; }
}
.pageContent-shoppingCart .enableMobileScriptsWhenInvisible {}
@media only all and (max-width: 850px) {
.pageContent-shoppingCart .enableMobileScriptsWhenInvisible { display: none; }
}
.pageContent-checkout .salesTaxIdVerification .salesTaxIdValid { color: green; }
.pageContent-checkout .salesTaxIdVerification .salesTaxIdIsNotValid { color: red; }
.pageContent-checkout .salesTaxIdVerification .serviceDown { color: red; }
.pageContent-checkout .salesTaxIdVerification .serviceNotReady { color: red; }
.pageContent-checkout .salesTaxIdVerification .accessLimit { color: red; }
.pageContent-checkout .checkoutOrderLineItems .emptyMsg { text-align: center; padding: 20px; color: red; font-weight: bold; }
.pageContent-checkout .checkoutOrderLineItems .invalidMsg { color: red; font-weight: bold; margin-top: 5px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems { width: 100%; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableHeader .tableCell { width: 1px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableHeader .itemNameCell { width: auto; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableHeader .lineNoCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableHeader .orderQtyCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableHeader .priceCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableHeader .priceUnitCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableHeader .totalPriceCalculationCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableHeader .totalPriceCell { text-align: right; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .tableCell { width: 1px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .itemNameCell { width: auto; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .itemNameCell .lineNo { display: none; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .itemNameCell .itemNo { display: none; }
@media only screen and (max-width: 850px) {
.pageContent-checkout .checkoutOrderLineItems .invalidMsg { margin-bottom: 5px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .iconCell { float: left; width: 100px; padding: 0px 7px 0px 7px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .itemNameCell { margin-left: 114px; padding: 0px 7px 0px 7px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .itemNameCell .lineNo { display: block; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .itemNameCell .itemNo { display: block; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .lineNoCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .itemNoCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .orderQtyCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .priceCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .priceUnitCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .totalPriceCalculationCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .totalPriceCell { display: none; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper { clear: both; padding-top: 10px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup.last .secondWrapper { margin-bottom: 10px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup.isInvalid .secondWrapper { padding-top: 0px; margin-bottom: 0px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .backgroundWrapper { padding: 6px; background-color: #f2f2f2; -moz-border-radius: 6px 6px 6px 6px;
-khtml-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-o-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup.isModified .secondWrapper .backgroundWrapper { color: #999999; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .secondInnerWrapper { display: table; margin: 0px 0px 0px auto; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .secondInnerCellWrapper { display: table-row; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .tableCell { display: table-cell; width: 1px; padding: 0px 7px; vertical-align: top; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .totalPriceCell { min-width: 70px; }
}
@media only screen and (max-width: 450px) {
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .secondInnerWrapper { width: 100%; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .orderQtyCell { width: 100%; padding-left: 0px; font-size: 11px; text-align: left; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .priceCell { font-size: 11px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .priceUnitCell { padding-left: 0px; font-size: 11px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .totalPriceCalculationCell { font-size: 11px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .totalPriceCell { min-width: 50px; padding-right: 0px; font-size: 11px; }
}
@media only screen and (max-width: 370px) {
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .inputQtyInfo { display: none; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 100px; overflow: hidden; }
}
@media only screen and (max-width: 360px) {
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .inputQtyInfo { display: none; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 90px; overflow: hidden; }
}
@media only screen and (max-width: 350px) {
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .inputQtyInfo { display: none; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 80px; overflow: hidden; }
}
@media only screen and (max-width: 340px) {
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .inputQtyInfo { display: none; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_surcharge,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_surcharge { display: inline-block; width: 100px; overflow: hidden; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .inputQtyInfo,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .priceUnit { display: none; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 70px; overflow: hidden; }
}
@media only screen and (max-width: 330px) {
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .inputQtyInfo { display: none; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_surcharge,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_surcharge { display: inline-block; width: 90px; overflow: hidden; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .inputQtyInfo,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .priceUnit { display: none; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 60px; overflow: hidden; }
}
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .lineNoCell { white-space: nowrap; text-align: right; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .itemNoCell { white-space: nowrap; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .iconCell { white-space: nowrap; font-size: 0px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .iconCell img { max-width: 100px; max-height: 150px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .itemNameCell { width: auto; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .orderQtyCell { white-space: nowrap; text-align: right; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .priceCell { white-space: nowrap; text-align: right; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .priceUnitCell { white-space: nowrap; text-align: right; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .totalPriceCalculationCell { white-space: nowrap; text-align: right; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .totalPriceCell { white-space: nowrap; text-align: right; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd { padding: 9px 0px; vertical-align: top; border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .linesAtDocumentEnd { display: table; width: 100%; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd { display: table-row-group; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd { display: table-row; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd .lineAtDocumentEndCell { display: table-cell; padding: 3px 7px 0px 7px; white-space: nowrap; text-align: right; vertical-align: top; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd.first .lineAtDocumentEndCell { padding-top: 9px; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd.last .lineAtDocumentEndCell { padding-bottom: 9px; border-bottom: 2px solid #e5e5e5; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd.first .lineAtDocumentEnd.first .lineAtDocumentEndCell { padding-top: 0px; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd.last .lineAtDocumentEnd.last .lineAtDocumentEndCell { padding-bottom: 0px; border-bottom: none; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd .lineAtDocumentEndLabel { width: 100%; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd .lineAtDocumentEndValue {}
.pageContent-checkout .checkoutOrderLineItems .documentEnd .subTotal .lineAtDocumentEndCell {}
.pageContent-checkout .checkoutOrderLineItems .documentEnd .shippingMethod .lineAtDocumentEndCell {}
.pageContent-checkout .checkoutOrderLineItems .documentEnd .paymentMethod .lineAtDocumentEndCell {}
.pageContent-checkout .checkoutOrderLineItems .documentEnd .insurance .lineAtDocumentEndCell {}
.pageContent-checkout .checkoutOrderLineItems .documentEnd .total .lineAtDocumentEndCell {}
.pageContent-checkout .checkoutOrderLineItems .documentEnd .plusSalesTax .lineAtDocumentEndCell {}
.pageContent-checkout .checkoutOrderLineItems .documentEnd .amountDue .lineAtDocumentEndCell { font-weight: bold; font-size: 16px; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .amountDue.isSalesTaxExempt .lineAtDocumentEndLabel { white-space: normal; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .includedSalesTax .lineAtDocumentEndCell {}
.pageContent-checkoutLogin .loginWrapper input.inputField { display: block; width: 250px; margin-top: 2px; margin-bottom: 5px; }
.pageContent-checkoutLogin .loginWrapper .loginFailed {
width: 250px;
margin-top: 10px;
font-weight: bold; padding: 5px; border: 1px solid black; background-color: white;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border: 2px solid #cd0b0b; color: #cd0b0b; background-color: #ffe2e2;
}
.pageContent-checkoutLogin .loginWrapper .passwordReminderLink { display: block; margin-top: 15px; }
.pageContent-checkoutLogin .loginWrapper .passwordReminderLink:hover { text-decoration: underline; }
.pageContent-checkoutLogin .loginWrapper .passwordReminderLink:before { display: inline-block; content: ""; margin-top: 5px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #333333; }
.pageContent-checkoutLogin button { display: block; }
.pageContent-checkoutLoginResult .shoppingCartConfirmationNeededText { margin-bottom: 15px; font-weight: bold; }
.pageContent-checkoutCustomerData .errorMsg { margin-bottom: 15px; color: red; font-weight: bold; }
.pageContent-checkoutCustomerData input.inputField { width: 75%; }
.pageContent-checkoutCustomerData input.postalCode { width: 100px; }
.pageContent-checkoutCustomerData .buttons { overflow: auto; }
.pageContent-checkoutCustomerData .buttons .back { float: left; }
.pageContent-checkoutCustomerData .buttons .continue { float: right; }
@media only all and (max-width: 370px) {
.pageContent-checkoutCustomerData input.inputField { width: 90%; }
.pageContent-checkoutCustomerData select { width: 100%; }
.pageContent-checkoutCustomerData input.postalCode { width: 100px; }
}
.pageContent-checkoutOrderDetails .commentWrapper textarea.inputField { display: block; width: 98%; }
.pageContent-checkoutOrderDetails .buttons { overflow: auto; }
.pageContent-checkoutOrderDetails .buttons .back { float: left; }
.pageContent-checkoutOrderDetails .buttons .continue { float: right; }
@media only all and (max-width: 640px) {
.pageContent-checkoutOrderDetails .customerContactWrapper .boxInnerWrapper { margin-top: 20px; }
}
@media only all and (max-width: 700px) {
.pageContent-checkoutOrderDetails .commentWrapper textarea.inputField { width: 95% }
}
.pageContent-checkoutShippingAddress .existingAddresses .table { width: 100%; }
.pageContent-checkoutShippingAddress .existingAddresses .tableCell.selectionCell { width: 1px; font-size: 0px; }
@media only all and (max-width: 650px) {
.pageContent-checkoutShippingAddress .existingAddresses .table.mobileAt650px .tableRow .tableCell { margin-left: 32px; }
.pageContent-checkoutShippingAddress .existingAddresses .table.mobileAt650px .tableRow .tableCell.selectionCell { float: left; width: 20px; margin-left: 0px; padding-right: 7px; }
}
.pageContent-checkoutShippingAddress .newAddress input.inputField { width: 75%; }
.pageContent-checkoutShippingAddress .newAddress input.postalCode { width: 100px; }
.pageContent-checkoutShippingAddress .newAddress input.salesTaxId { width: 200px; }
.pageContent-checkoutBillingAddress .existingAddresses .table { width: 100%; }
.pageContent-checkoutBillingAddress .existingAddresses .tableCell.selectionCell { width: 1px; font-size: 0px; }
@media only all and (max-width: 650px) {
.pageContent-checkoutBillingAddress .existingAddresses .table.mobileAt650px .tableRow .tableCell { margin-left: 32px; }
.pageContent-checkoutBillingAddress .existingAddresses .table.mobileAt650px .tableRow .tableCell.selectionCell { float: left; width: 20px; margin-left: 0px; padding-right: 7px; }
}
.pageContent-checkoutBillingAddress .newAddress input.inputField { width: 75%; }
.pageContent-checkoutBillingAddress .newAddress input.postalCode { width: 100px; }
.pageContent-checkoutBillingAddress .newAddress input.salesTaxId { width: 200px; }
.pageContent-checkoutShipping .shippingMethod .tableCell.selectionCell { width: 1px; font-size: 0px; }
.pageContent-checkoutShipping .shippingMethod .tableCell.shippingCostsCell { text-align: right; }
.pageContent-checkoutShipping .checkoutShippingWrapper:not(.displayShippingAddress) .shippingMethod.topMargin { margin-top: 0px; }
@media only all and (max-width: 330px) {
.pageContent-checkoutShipping .shippingMethod .table { width: 100%; }
}
@media only all and (max-height: 750px) {
.pageContent-checkoutShipping .shippingAddress { display: none; }
.pageContent-checkoutShipping .shippingMethod.topMargin { margin-top: 0px; }
}
.pageContent-checkoutShipping .buttons { overflow: auto; }
.pageContent-checkoutShipping .buttons .back { float: left; }
.pageContent-checkoutShipping .buttons .continue { float: right; }
.pageContent-checkoutPayment .paymentMethod .tableCell.selectionCell { width: 1px; font-size: 0px; }
.pageContent-checkoutPayment .checkoutPaymentWrapper:not(.displayBillingAddress) .paymentMethod.topMargin { margin-top: 0px; }
@media only all and (max-width: 330px) {
.pageContent-checkoutPayment .paymentMethod .table { width: 100%; }
}
@media only all and (max-height: 750px) {
.pageContent-checkoutPayment .billingAddress { display: none; }
.pageContent-checkoutPayment .paymentMethod.topMargin { margin-top: 0px; }
}
.pageContent-checkoutPayment .buttons { overflow: auto; }
.pageContent-checkoutPayment .buttons .back { float: left; }
.pageContent-checkoutPayment .buttons .continue { float: right; }
.pageContent-checkoutOrderView a:hover { color: #901e1f; }
.pageContent-checkoutOrderView .fraudProtection { margin-bottom: 10px; font-weight: bold; }
.pageContent-checkoutOrderView .missingShoppingCartOnlinePriceMsg,
.pageContent-checkoutOrderView .missingOnlinePriceMsg,
.pageContent-checkoutOrderView .containsInvalidItemMsg,
.pageContent-checkoutOrderView .placeOrderErrorMsg { margin-bottom: 10px; color: red; font-weight: bold; }
.pageContent-checkoutOrderView .mandatoryCheckboxes { display: table; width: 100%; margin-bottom: 20px; }
.pageContent-checkoutOrderView .mandatoryCheckbox { display: table-row; }
.pageContent-checkoutOrderView .checkboxCell { display: table-cell; padding-right: 10px; padding-top: 10px; font-size: 0px; }
.pageContent-checkoutOrderView .checkboxLabel { display: table-cell; width: 100%; padding-top: 10px; vertical-align: middle; }
.pageContent-checkoutOrderView .mandatoryCheckbox.first .checkboxCell { padding-top: 0px; }
.pageContent-checkoutOrderView .mandatoryCheckbox.first .checkboxLabel { padding-top: 0px; }
.pageContent-checkoutOrderView .privacyLink { text-decoration: underline; }
.pageContent-checkoutOrderView .termsAndConditionsLink { text-decoration: underline; }
.pageContent-checkoutOrderView .editLink { display: inline-block; margin-top: 10px; }
.pageContent-checkoutOrderView .editLink:hover { text-decoration: none; }
.pageContent-checkoutOrderView .editLink span { text-decoration: underline; }
.pageContent-checkoutOrderView .lineItemHeading { margin-bottom: 0px; }
.pageContent-checkoutOrderView .buttons { overflow: auto; }
.pageContent-checkoutOrderView .buttons .backButton { float: left; }
.pageContent-checkoutOrderView .buttons .placeOrderButton { float: right; }
@media only all and (max-width: 640px) {
.pageContent-checkoutOrderView .description,
.pageContent-checkoutOrderView .fraudProtection,
.pageContent-checkoutOrderView .missingShoppingCartOnlinePriceMsg,
.pageContent-checkoutOrderView .missingOnlinePriceMsg,
.pageContent-checkoutOrderView .containsInvalidItemMsg,
.pageContent-checkoutOrderView .placeOrderErrorMsg,
.pageContent-checkoutOrderView .mandatoryCheckboxes { margin-bottom: 30px; }
}
@media only all and (max-width: 640px) {
.pageContent-checkoutOrderView .salesOrganizationContactWrapper .boxInnerWrapper,
.pageContent-checkoutOrderView .customerContactWrapper .boxInnerWrapper { margin-top: 20px; }
}
.pageContent-checkoutOrderPrintView { padding: 10px 10px 20px 10px; color: #555555; background-color: #ffffff; }
.pageContent-checkoutOrderPrintView h1 { color: #555555; }
.pageContent-checkoutOrderPrintView .missingShoppingCartOnlinePriceMsg,
.pageContent-checkoutOrderPrintView .missingOnlinePriceMsg,
.pageContent-checkoutOrderPrintView .containsInvalidItemMsg { margin-bottom: 10px; color: red; font-weight: bold; }
.pageContent-checkoutOrderPrintView .lineItemHeading { margin-bottom: 0px; }
.pageContent-checkoutOrderPrintView .lineItems .itemName { color: #555555; }
.pageContent-checkoutOrderPrintView .salesTaxIdVerification .salesTaxIdValid { color: #555555; }
.pageContent-checkoutOrderPrintView .salesTaxIdVerification .salesTaxIdIsNotValid { color: #555555; }
.pageContent-checkoutOrderPrintView .salesTaxIdVerification .serviceDown { color: #555555; }
.pageContent-checkoutOrderPrintView .salesTaxIdVerification .serviceNotReady { color: #555555; }
.pageContent-checkoutOrderPrintView .salesTaxIdVerification .accessLimit { color: #555555; }
.pageContent-checkoutOrderPrintView .buttons { overflow: auto; }
.pageContent-checkoutOrderPrintView .buttons .closeButton { float: left; }
.pageContent-checkoutOrderPrintView .buttons .printButton { float: right; }
@media only screen and (max-width: 640px) {
.pageContent-checkoutOrderPrintView .salesOrganizationContactWrapper .boxInnerWrapper,
.pageContent-checkoutOrderPrintView .customerContactWrapper .boxInnerWrapper { margin-top: 20px; }
}
.pageContent-checkoutOrderPlaced .continueWithNextShoppingCart { margin-top: 40px; }
.pageContent-checkoutOrderPlaced .continueWithNextShoppingCart .continueWithNextShoppingCartHeading { font-size: 18px; color: #777777; margin-bottom: 10px; }
.pageContent-checkoutOrderPlaced .continueWithNextShoppingCart .continueWithNextShoppingCartText a { text-decoration: underline; }
.pageContent-checkoutOrderPlaced .continueWithNextShoppingCart .continueWithNextShoppingCartText a:hover { color: #901e1f; }
.pageContent-checkoutNotificationPending .acknowledgementOfReceipt { margin-bottom: 15px; }
.pageContent-customerDocumentList .topicRightWrapper { margin-top: 0px; }
.pageContent-customerDocumentList .topicRightWrapper .requestedPeriodSelectionWrapper { float:left; margin-top: 5px; }
.pageContent-customerDocumentList .topicRightWrapper .sortControl { display: none; float:left; margin-top: 5px; }
.pageContent-customerDocumentList .table { width: 100%; }
.pageContent-customerDocumentList .tableCell.numberOfPackagesCell,
.pageContent-customerDocumentList .tableCell.trackingCell,
.pageContent-customerDocumentList .tableCell.totalAmountCell,
.pageContent-customerDocumentList .tableCell.totalAmountWithoutSalesTaxCell,
.pageContent-customerDocumentList .tableCell.totalAmountWithSalesTaxCell { text-align: right; }
.pageContent-customerDocumentList .tableCell.shippingMethodCell,
.pageContent-customerDocumentList .tableCell.numberOfPackagesCell,
.pageContent-customerDocumentList .tableCell.trackingCell,
.pageContent-customerDocumentList .tableCell.totalAmountCell,
.pageContent-customerDocumentList .tableCell.totalAmountWithoutSalesTaxCell,
.pageContent-customerDocumentList .tableCell.totalAmountWithSalesTaxCell { white-space: nowrap; }
.pageContent-customerDocumentList .tableRow .tableCell .label { display: none; }
.pageContent-customerDocumentList .tableRow .tableCell a { text-decoration: underline; }
.pageContent-customerDocumentList .tableRow .tableCell a:hover { color: #901e1f; }
@media only all and (max-width: 550px) {
.pageContent-customerDocumentList .tableRow .tableCell.trackingCell { display: none; }
.pageContent-customerDocumentList .topicRightWrapper .requestedPeriodSelectionWrapper { margin-right: 10px; }
.pageContent-customerDocumentList .topicRightWrapper .sortControl { display: block; }
.pageContent-customerDocumentList .tableCell.numberOfPackagesCell,
.pageContent-customerDocumentList .tableCell.trackingCell,
.pageContent-customerDocumentList .tableCell.totalAmountCell,
.pageContent-customerDocumentList .tableCell.totalAmountWithoutSalesTaxCell,
.pageContent-customerDocumentList .tableCell.totalAmountWithSalesTaxCell { text-align: left; }
.pageContent-customerDocumentList .tableRow .tableCell .label { display: inline; }
}
.pageContent-customerDocumentList .label { margin-right: 5px; }
.pageContent-customerDocumentList .trackingNumber { display: block; padding: 2px 0px; }
.pageContent-customerDocument .trackingNumber { display: block; padding: 2px 0px; }
.pageContent-customerDocument .trackingNumber:before { display: inline-block; content: ""; margin-top: 5px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #777777; }
.pageContent-customerDocument .trackingLink { text-decoration: underline; }
.pageContent-customerDocument .trackingLink:hover { color: #901e1f; }
.pageContent-customerDocument .sortControl { display: none; margin-bottom: 10px; }
.pageContent-customerDocument .customerDocumentLineItems .table { width: 100%; }
.pageContent-customerDocument .tableCell { width: 1px; }
.pageContent-customerDocument .tableCell.descriptionCell { width: auto; }
.pageContent-customerDocument .tableCell.descriptionCell .lineNo { display: none; }
.pageContent-customerDocument .tableCell.descriptionCell .itemNo { display: none; }
.pageContent-customerDocument .tableCell.lineNoCell,
.pageContent-customerDocument .tableCell.qtyCell,
.pageContent-customerDocument .tableCell.priceCell,
.pageContent-customerDocument .tableCell.totalPriceCell { text-align: right; white-space: nowrap; }
.pageContent-customerDocument .tableRow .tableCell .label { display: none; }
.pageContent-customerDocument .tableRow .tableCell a { text-decoration: underline; }
.pageContent-customerDocument .tableRow .tableCell a:hover { color: #901e1f; }
.pageContent-customerDocument .tableRow .tableCell.iconCell { font-size: 0px; }
.pageContent-customerDocument .tableRow.mobileOnly { clear: both; padding-top: 10px; }
.pageContent-customerDocument .tableRow.mobileOnly .backgroundWrapper { padding: 6px; background-color: #f2f2f2; -moz-border-radius: 6px 6px 6px 6px;
-khtml-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-o-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}
.pageContent-customerDocument .tableRow.mobileOnly .outerCellWrapper { display: table; width: 100%; }
.pageContent-customerDocument .tableRow.mobileOnly .innerCellWrapper { display: table-row; }
.pageContent-customerDocument .tableRow.mobileOnly .innerCellWrapper .tableCell { display: table-cell; width: 1px; padding: 0px 7px; vertical-align: top; }
.pageContent-customerDocument .tableRow.mobileOnly .innerCellWrapper .tableCell.totalPriceCell { width: auto; }
@media only all and (max-width: 850px) {
.pageContent-customerDocument .trackingNumber { padding: 7px 0px; }
.pageContent-customerDocument .sortControl { display: block; }
.pageContent-customerDocument .tableRow .tableCell.iconCell { float: left; width: 100px; margin-left: 0px; padding-right: 14px; }
.pageContent-customerDocument .tableRow .tableCell { margin-left: 114px; }
.pageContent-customerDocument .tableRow .tableCell.lineNoCell,
.pageContent-customerDocument .tableRow .tableCell.itemNoCell,
.pageContent-customerDocument .tableRow .tableCell.qtyCell,
.pageContent-customerDocument .tableRow .tableCell.priceCell,
.pageContent-customerDocument .tableRow .tableCell.totalPriceCell { display: none; }
.pageContent-customerDocument .tableRow .tableCell.descriptionCell .lineNo { display: block; }
.pageContent-customerDocument .tableRow .tableCell.descriptionCell .itemNo { display: block; margin-bottom: 10px; }
.pageContent-customerDocument .tableRow .tableCell .label { display: inline; }
}
.pageContent-customerDocument .icon img { max-width: 100px; max-height: 150px; }
.pageContent-customerDocument .label { margin-right: 5px; }
.pageContent-customerDocument .priceUnit { color: #777777; font-size: 11px; }
.pageContent-backorderList .sortControl { display: none; }
.pageContent-backorderList .table { width: 100%; }
.pageContent-backorderList .tableCell { width: 1px; }
.pageContent-backorderList .tableCell.itemNameCell { width: auto; }
.pageContent-backorderList .tableCell.itemNameCell .itemNo { display: none; }
.pageContent-backorderList .tableCell.remainingQtyCell,
.pageContent-backorderList .tableCell.remainingAmountCell,
.pageContent-backorderList .tableCell.shippingDateCell,
.pageContent-backorderList .tableCell.customerDocumentNoCell { text-align: right; }
.pageContent-backorderList .tableCell.itemNoCell,
.pageContent-backorderList .tableCell.remainingQtyCell,
.pageContent-backorderList .tableCell.remainingAmountCell,
.pageContent-backorderList .tableCell.shippingDateCell,
.pageContent-backorderList .tableCell.customerDocumentNoCell { white-space: nowrap; }
.pageContent-backorderList .tableRow .tableCell .label { display: none; }
.pageContent-backorderList .tableRow .tableCell a { text-decoration: underline; }
.pageContent-backorderList .tableRow .tableCell a:hover { color: #901e1f; }
.pageContent-backorderList .tableRow .tableCell.iconCell { font-size: 0px; }
@media only all and (max-width: 850px) {
.pageContent-backorderList .sortControl { display: block; }
.pageContent-backorderList .table .tableRow { overflow: hidden; }
.pageContent-backorderList .tableRow .tableCell.iconCell { float: left; width: 100px; margin-left: 0px; padding-right: 14px; }
.pageContent-backorderList .tableRow .tableCell { margin-left: 114px; }
.pageContent-backorderList .tableRow .tableCell.remainingQtyCell,
.pageContent-backorderList .tableRow .tableCell.remainingAmountCell,
.pageContent-backorderList .tableRow .tableCell.shippingDateCell,
.pageContent-backorderList .tableRow .tableCell.customerDocumentNoCell { text-align: left; }
.pageContent-backorderList .tableRow .tableCell.itemNoCell { display: none; }
.pageContent-backorderList .tableRow .tableCell.itemNameCell .itemNo { display: block; margin-bottom: 10px; }
.pageContent-backorderList .tableRow .tableCell .label { display: inline; }
}
.pageContent-backorderList .icon img { max-width: 100px; max-height: 150px; }
.pageContent-backorderList .label { margin-right: 5px; }
.pageContent-backorderList .salesTaxMsg { color: #777777; font-size: 12px; }
.pageContent-backorderList .backorderPagination { overflow: auto; margin-top: 10px; }
.pageContent-backorderList .backorderPagination .itemsFound { float: left; margin-bottom: 5px; }
.pageContent-backorderList .backorderPagination .pageLinks { float: right; margin-bottom: 5px; }
.pageContent-backorderList .backorderPagination .label { font-weight: bold; }
.pageContent-backorderList .backorderPagination a { text-decoration: none; }
.pageContent-backorderList .backorderPagination a:hover { text-decoration: none; }
.pageContent-backorderList .backorderPagination .pageLink {
display: inline-block;
height: 21px;
padding: 4px 9px;
margin-bottom: 1px;
color: #901e1f; background-color: #e5e5e5;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.pageContent-backorderList .backorderPagination a.pageLink:hover,
.pageContent-backorderList .backorderPagination .pageLink.active { color: #ffffff; background-color: #808080; }
.pageContent-createAccount .fraudProtection { margin-bottom: 10px; font-weight: bold; }
.pageContent-createAccount .errorMsg { margin-bottom: 15px; color: red; font-weight: bold; }
.pageContent-createAccount input.inputField { width: 75%; }
.pageContent-createAccount input.postalCode { width: 100px; }
.pageContent-createAccount textarea.inputField { width: 98% }
.pageContent-createAccount .privacyLink { text-decoration: underline; }
.pageContent-createAccount .mandatoryCheckboxes { display: table; width: 100%; margin-top: 15px; margin-bottom: 15px; }
.pageContent-createAccount .mandatoryCheckbox { display: table-row; }
.pageContent-createAccount .checkboxCell { display: table-cell; padding-right: 10px; padding-top: 10px; line-height: 0px; }
.pageContent-createAccount .checkboxLabel { display: table-cell; width: 100%; padding-top: 10px; vertical-align: middle; }
.pageContent-createAccount .mandatoryCheckbox.first .checkboxCell { padding-top: 0px; }
.pageContent-createAccount .mandatoryCheckbox.first .checkboxLabel { padding-top: 0px; }
@media only all and (max-width: 700px) {
.pageContent-createAccount textarea.inputField { width: 95% }
}
@media only all and (max-width: 370px) {
.pageContent-createAccount input.inputField { width: 90%; }
.pageContent-createAccount select { width: 100%; }
.pageContent-createAccount input.postalCode { width: 100px; }
}
.pageContent-customerData .errorMsg { margin-bottom: 15px; color: red; font-weight: bold; }
.pageContent-customerData input.inputField { width: 75%; }
.pageContent-customerData input.postalCode { width: 100px; }
@media only all and (max-width: 370px) {
.pageContent-customerData input.inputField { width: 90%; }
.pageContent-customerData select { width: 100%; }
.pageContent-customerData input.postalCode { width: 100px; }
}
.pageContent-logout form { margin-right: 10px; }
.pageContent-logout form:last-child { margin-right: 0px; }
.pageContent-sitemap ul { list-style-type: none; margin: 0px; padding: 0px; }
.pageContent-sitemap li { display: -moz-inline-stack; display: inline-block; text-align: left; vertical-align: top; }
.pageContent-sitemap ul.categories { position: relative; letter-spacing: 10px; }
.pageContent-sitemap li.category { letter-spacing: 0px; margin-bottom: 15px; }
.pageContent-sitemap .categoryWrapper { position: relative; width: 230px; overflow: hidden; border: 1px solid #efefef; }
.pageContent-sitemap .categoryTextOuterWrapper { position: relative; width: 230px; background-color: #ffffff; opacity: 0.8; }
.pageContent-sitemap .categoryTextInnerWrapper { padding: 10px; }
.pageContent-sitemap .categoryName { display: block; overflow-x: hidden; text-overflow: ellipsis; font-size: 18px; color: #666666; }
.pageContent-sitemap a.categoryName:hover { color: #901e1f; text-decoration: none; }
.pageContent-sitemap .iconWrapper { padding: 0px; }
.pageContent-sitemap .icon { margin: 0px auto; width: 230px; height: 170px; line-height: 170px; text-align: center; }
.pageContent-sitemap .icon a:hover { text-decoration: none; }
.pageContent-sitemap .icon img { max-width: 225px; max-height: 170px; vertical-align: middle; }
.pageContent-sitemap div.subMenu { padding: 5px 5px; }
.pageContent-sitemap ul.subMenu { padding-left: 15px; }
.pageContent-sitemap ul.subMenu.level1 { padding-left: 0px; }
.pageContent-sitemap ul.subMenu li { display: block; }
.pageContent-sitemap ul.subMenu li a { display: block; color: #777777; padding: 9px 1px 9px 5px; }
.pageContent-sitemap ul.subMenu li a:hover { color: #901e1f; font-weight: bold; text-decoration: none; }
.pageContent-sitemap ul.subMenu.level2 li a { font-size: 12px; }
.pageContent-sitemap ul.subMenu li a span { display: block; overflow-x: hidden; text-overflow: ellipsis; }
@media only all and (min-width: 531px) and (max-width: 805px) {
.pageContent-sitemap li.category { width: 32%; }
.pageContent-sitemap .categoryWrapper { width: 100%; }
.pageContent-sitemap .categoryTextOuterWrapper { width: 100%; }
}
@media only all and (min-width: 531px) and (max-width: 750px) {
.pageContent-sitemap .icon { width: 170px; height: 110px; line-height: 110px; }
.pageContent-sitemap .icon img { max-width: 165px; max-height: 110px; }
}
@media only all and (min-width: 531px) and (max-width: 710px) {
.pageContent-sitemap li.category { width: 31.5%; }
}
@media only all and (min-width: 531px) and (max-width: 580px) {
.pageContent-sitemap .icon { width: 140px; height: 90px; line-height: 90px; }
.pageContent-sitemap .icon img { max-width: 135px; max-height: 90px; }
}
@media only all and (max-width: 530px) {
.pageContent-sitemap li.category { width: 48%; }
.pageContent-sitemap .categoryWrapper { width: 100%; }
.pageContent-sitemap .categoryTextOuterWrapper { width: 100%; }
.pageContent-sitemap .icon { width: 230px; height: 170px; line-height: 170px; }
.pageContent-sitemap .icon img { max-width: 225px; max-height: 170px; }
}
@media only all and (max-width: 500px) {
.pageContent-sitemap .icon { width: 170px; height: 110px; line-height: 110px; }
.pageContent-sitemap .icon img { max-width: 165px; max-height: 110px; }
}
@media only all and (max-width: 400px) {
.pageContent-sitemap .icon { width: 140px; height: 90px; line-height: 90px; }
.pageContent-sitemap .icon img { max-width: 135px; max-height: 90px; }
}
@media only all and (max-width: 380px) {
.pageContent-sitemap li.category { width: 47%; }
}
.pageContent-passwordChange .errorMsg { margin-bottom: 15px; color: red; font-weight: bold; }
.pageContent-passwordChange .attributeValue input { width: 95%; max-width: 300px; }
.pageContent-passwordReminder .errorMsg { margin-bottom: 15px; color: red; font-weight: bold; }
.pageContent-passwordReminder .attributeValue input { width: 95%; max-width: 300px; }
.pageContent-cachecheck .concurrentAccessCounterList .tableCell.concurrentAccessCounterValueCell,
.pageContent-cachecheck .concurrentAccessCounterList .tableCell.concurrentAccessCounterLimitCell { text-align: right; }
.pageContent-cachecheck .requestTrackingEntries .tableCell.timeCell { text-align: right; }
.pageContent-cachecheck .requestTrackingEntries .statusText { display: block; }
.pageContent-loginRequired .attributeValue input { width: 95%; }
.pageContent-dialog { max-width: 350px; margin: 0px 20px; padding: 20px; overflow: hidden; border: 1px solid #dddddd; background-color: #ffffff; text-align: left; }
.pageContent-dialog h1 { margin: 0px 0px 10px 0px; }
.st0 { fill-rule:evenodd; clip-rule:evenodd; }
.st1 { fill:#901e1f; }
.logo svg use { color: #901e1f; }
.responsiveLayout .layoutOuterWrapper { padding: 0px; }
.responsiveLayout .layoutBreadcrumbWrapper { padding-left: 15px; padding-right: 15px; }
.responsiveLayout .layoutMainWrapper { padding-left: 15px; padding-right: 15px; }
.responsiveLayout .layoutPreBottomWrapper { padding-left: 15px; padding-right: 15px; }
.responsiveLayout .layoutTopInnerWrapper { text-align: center; }
html.javascript .responsiveLayout .layoutTopInnerWrapper { margin: 0px; }
.responsiveLayout .prj_layoutUpperTopWrapper .flexHelper { }
.responsiveLayout .prj_layoutUpperTopWrapper .logoInnerWrapper { padding-top: 15px; width: 0px; }
.responsiveLayout .prj_layoutUpperTopWrapper .logo { display: inline-block; }
.responsiveLayout .prj_layoutUpperTopWrapper .logo svg { height: 75px; width: 150px; }
.responsiveLayout .prj_layoutUpperTopWrapper .logoWrapper { display: flex; justify-content: space-between; margin: 0px 15px; }
.responsiveLayout .prj_layoutUpperTopWrapper .languageSelection a { display: inline-block; }
.responsiveLayout .languageSelection .languageName { margin: 4px; }
.responsiveLayout .layoutFirstTopWrapper { display: flex; justify-content: space-between; height: 80px; margin: 0px 15px; width: calc(100% - 30px); }
.responsiveLayout .layoutSecondTopWrapper { margin: 0px 15px; }
.responsiveLayout .layoutFirstTopWrapper .logoWrapper { display: block; min-width: 215px; text-align: left; }
.responsiveLayout .layoutFirstTopWrapper .logoInnerWrapper { display: none; padding-top: 10px; }
.responsiveLayout .layoutFirstTopWrapper .logo { display: inline-block; }
.responsiveLayout .layoutFirstTopWrapper .logo svg { height: 60px; width: 120px; }
@media only all and (max-width: 805px) {
.responsiveLayout .layoutFirstTopWrapper .logoInnerWrapper { display: inline-block; }
.responsiveLayout .prj_layoutUpperTopWrapper .logoWrapper { display: none; }
.responsiveLayout .layoutFirstTopWrapper .logoWrapper { min-width: 125px; }
}
.responsiveLayout .layoutFirstTopWrapper .searchWrapper { display: inline-block; flex: 1; }
.responsiveLayout .layoutFirstTopWrapper .searchInnerWrapper { margin: 0px 15px; }
.responsiveLayout .layoutFirstTopWrapper .quickSearch .searchInCategoryEnabled .searchInput { margin-right: 275px; }
.responsiveLayout .layoutSecondTopWrapper .searchWrapper .quickSearch .searchInput { margin-right: 75px; }
.searchWrapper .quickSearch { border-radius: 15px; }
.searchWrapper .quickSearch .searchButton { border-radius: 14px; width: 75px; padding: 10px; }
@media only all and (min-width: 901px) and (max-width: 1000px) {
.responsiveLayout .layoutFirstTopWrapper .quickSearch .searchInCategoryEnabled .searchInput { margin-right: 225px; }
}
@media only all and (min-width: 806px) and (max-width: 900px) {
.responsiveLayout .layoutFirstTopWrapper .quickSearch .searchInCategoryEnabled .searchInput { margin-right: 75px; }
}
@media only all and (max-width: 940px) {
.responsiveLayout .layoutFirstTopWrapper .searchWrapper { width: 50%; }
.quickSearch .searchInCategoryEnabled .searchInCategory { display: none; }
.responsiveLayout .layoutFirstTopWrapper .quickSearch .searchInCategoryEnabled .searchInput { margin-right: 78px; }
}
.responsiveLayout .layoutFirstTopWrapper .metaWrapper { display: block; width: 215px; }
.responsiveLayout .layoutFirstTopWrapper .metaInnerWrapper { margin-right: 5px; text-align: right; }
.responsiveLayout .meta { width: unset; display: inline-block; }
.responsiveLayout .meta .loginMetaElement .metaLink .loginMetaIcon { width: 24px; height: 26px; }
.responsiveLayout .meta .accountMetaElement .metaLink .accountMetaIcon { width: 24px; height: 26px; }
.responsiveLayout .meta .shoppingCartMetaElement .metaLink .shoppingCartMetaIcon { width: 26px; height: 28px; }
.responsiveLayout .meta .wishlistMetaElement .metaLink .wishlistMetaIcon { width: 26px; height: 26px; }
.responsiveLayout .meta .shoppingCartMetaElement .metaLink .numberOfLineItems,
.responsiveLayout .meta .wishlistMetaElement .metaLink .numberOfLineItems { color: #000000; background-color: transparent; font-size: 12px; }
html.touch .responsiveLayout .meta .metaElement.flyoutMenuElement:not(.noFlyoutOnTouch) .metaLink::after,
html.no-touch .responsiveLayout .meta .metaElement.flyoutMenuElement .metaLink::after { display: none; }
.responsiveLayout .meta .metaElement .metaLink { top: 22px; }
.responsiveLayout .layoutSecondTopWrapper .menuWrapper { border: none; }
.responsiveLayout .layoutBottomWrapper { background-color: #fff; border-color: #901e1f; }
.footer .footerCol .heading { color: #000; text-decoration: underline; font-weight: bold; margin-bottom: 0px; }
.footer .footerCol .paragraph { color: #000; }
.footer .footerCol a { color: #000; }
.lastUpdate { color: #000; }
.copyright { color: #000; }
.copyright a { color: #000; }
.footer .footerCol .heading:hover { color: #901e1f; }
.footer .footerCol .paragraph:hover { color: #901e1f; }
.footer .footerCol a:hover { color: #901e1f; }
.footerCategoryList { display: flex; justify-content: space-evenly; flex-wrap: wrap }
.footerCategoryList .footerCol { margin-left: 0px; float: none; }
.footerCategoryList ul.subMenu li.subCategory a::before { display: none; }
.footerCategoryList ul.subMenu li.subCategory a span { margin-left: 0px; }
.responsiveLayout .layoutBottomWrapper .languageSelection { display: none; }
.responsiveLayout .layoutBottomWrapper .layoutLastRowWrapper { display: none; }
@media only all and (max-width: 805px) {
.responsiveLayout .layoutBottomWrapper .languageSelection { display: block; }
.responsiveLayout .prj_layoutUpperTopWrapper .languageSelection { display: none; }
}
h1 { text-transform: uppercase; }
.pageContent button,
.cookieNotice button,
.pageContent button.primary,
.cookieNotice button.primary { color: #ffffff; background-color: #000000; border-radius: 0px; border: 1px solid #000000; }
.pageContent button:hover,
.pageContent button:focus,
.pageContent button:active,
.cookieNotice button:hover,
.cookieNotice button:focus,
.cookieNotice button:active,
.pageContent button.primary:hover,
.pageContent button.primary:focus,
.pageContent button.primary:active,
.cookieNotice button.primary:hover,
.cookieNotice button.primary:focus,
.cookieNotice button.primary:active { color: #000000; background-color: #ffffff; }
.responsiveLayout .meta .metaElement:hover .metaLink svg.metaIcon { fill: #901e1f; }
.subCategoryList .icon { width: 100%; height: auto; line-height: 0; min-height: min-content; }
.subCategoryList .icon img { max-width: 100%; height: auto; max-height: none; }
.subCategoryList .categoryTextOuterWrapper { position: absolute; bottom: 0px; }
.subCategoryList .categoryTextOuterWrapper .slideOnHoverTarget { position: relative; }
.subCategoryList .categoryTextOuterWrapper .categoryTextInnerWrapper { text-align: center; }
.pageContent-category .topicOuterWrapper.upper .topicWrapper { width: 100%; height: auto; text-align: center; background-color: #000000; }
.pageContent-category .topicOuterWrapper.upper .topicWrapper h1 { width: 100%; display: inline-block; color: #ffffff; font-size: 30px; }
.pageContent-category .flexContent.categoryHeader { margin-bottom: 0px; }
.verticalCategoryList a { border: solid 1px #ffffff; }
.verticalCategoryList a.level0 { position: relative; color: #ffffff; background-color: #000000; padding: 4px 0px 4px 3px; }
.verticalCategoryList a.level0::after {
content: "";
position: absolute;
right: 10px;
top: 30%;
width: 0px;
height: 0px;
display: block;
border-width: 12px 6px 0 6px;
border-style: solid;
border-color: #fff #000 #000 #000;
}
.verticalCategoryList ul.subMenu a.withSubCategories::after { display: none; }
.verticalCategoryList ul.subMenu a.open.withSubCategories { position: relative; color: #ffffff; background-color: #000000; padding: 4px 0px 4px 3px; }
.verticalCategoryList ul.subMenu a.open.withSubCategories::after {
content: "";
position: absolute;
right: 10px;
top: 30%;
width: 0px;
height: 0px;
display: block;
border-width: 12px 6px 0 6px;
border-style: solid;
border-color: #fff #000 #000 #000;
}
.verticalCategoryList ul.subMenu a.active { position: relative; color: #ffffff; background-color: #000000; padding: 4px 0px 4px 3px; }
.verticalCategoryList ul.subMenu a.active.withSubCategories::after {
content: "";
position: absolute;
right: 10px;
top: 26%;
width: 0px;
height: 0px;
display: block;
border-width: 12px 6px 0 6px;
border-style: solid;
border-color: #fff #000 #000 #000;
}
.verticalCategoryList li.level0 li { padding-left: 0px; }
.verticalCategoryList li.level1 li { padding-left: 0px; }
.verticalCategoryList li.level1 { border-bottom: none; }
.verticalCategoryList li.level0 a { padding-left: 15px !important; }
.verticalCategoryList li.level1 a { padding-left: 30px !important; }
.verticalCategoryList li.level2 a { padding-left: 45px !important; }
.verticalCategoryList li.level3 a { padding-left: 60px !important; }
.verticalCategoryList li.level4 a { padding-left: 75px !important; }
.verticalCategoryList li.level5 a { padding-left: 90px !important; }
.verticalCategoryList li.level6 a { padding-left: 105px !important; }
.verticalCategoryList li.level7 a { padding-left: 120px !important; }
.verticalCategoryList li.level8 a { padding-left: 135px !important; }
.verticalCategoryList li.level9 a { padding-left: 150px !important; }
.breadcrumbs { text-transform: uppercase; }
.breadcrumbs li span, .breadcrumbs li a, .breadcrumbs li.not_visited span { background-color: unset; }
.breadcrumbs li.active span, .breadcrumbs li.active a { background-color: unset; color: unset; font-weight: bold; }
.breadcrumbs li a:hover { color: #901e1f; background-color: unset; }
.breadcrumbs li { position: relative; }
.breadcrumbs li.hasNext::after {
position: absolute;
right: -8px;
top: 34%;
width: 0px;
height: 0px;
content: "";
display: block;
border-width: 5px 0px 5px 10px;
border-style: solid;
border-color: #fff #fff #fff #000; }
@media only all and (max-width: 805px) {
.breadcrumbs li.hasNext::after { top: -24%; right: -4px; }
}
.pageContent-item .itemDetailContainer .availabilityIcon { padding: 6px; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToCart { background-color: #000000; border-radius: 0px; border: solid 1px #000000; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToCart:hover { background-color: #ffffff; color: #000000; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToCart svg { width: 20px; height: 20px; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToWishlist { padding: 7px 15px 7px 15px; background-color: #000000; border-radius: 0px; border: solid 1px #000000; color: #ffffff; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToWishlist:hover { background-color: #ffffff; color: #000000; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToWishlist svg { width: 20px; height: 20px; fill: #ffffff; vertical-align: middle; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToWishlist:hover svg { fill: #000000; }
.pageContent-item .itemDetailContainer .stoffmappe { padding: 10px 20px 0px 0px; }
.pageContent-item .infoWrapper { margin-bottom: 20px; }
.pageContent-item .infoWrapper .itemShortInfo { margin-top: 10px; text-align: right; }
#bildergalerie { position: relative; }
.characteristicIcon { position: absolute; z-index: 200; right: 30px; bottom: 10px; width: 80px; height: 80px; pointer-events: none; }
.characteristicIcon img { width: 80px; height: 80px; border-radius: 10px; }
.materialmatrixWrapper #cboxClose { position: absolute; right: 15px; top: 0px; width: 30px; height: 30px; color: #fff; background: none; }
.materialmatrixWrapper #cboxClose:hover { opacity: 0.8; }
.materialmatrixWrapper #cboxClose:before, #cboxClose:after { position: absolute; left: 15px; content: ' '; height: 24px; width: 4px; background-color: #dbdbdb; }
.materialmatrixWrapper #cboxClose:before { transform: rotate(45deg); }
.materialmatrixWrapper #cboxClose:after { transform: rotate(-45deg); }
#cboxOverlay.materialmatrixWrapper { background: none; }
#colorbox.materialmatrixWrapper {outline:0; border: solid 1px #000000; }
.materialmatrixWrapper #cboxTopLeft{width:0px; height:0px; background:none;}
.materialmatrixWrapper #cboxTopRight{width:0px; height:0px; background:none;}
.materialmatrixWrapper #cboxBottomLeft{width:0px; height:0px; background:none;}
.materialmatrixWrapper #cboxBottomRight{width:0px; height:0px; background:none;}
.materialmatrixWrapper #cboxMiddleLeft{width:0px; height:0px; background:none;}
.materialmatrixWrapper #cboxMiddleRight{width:0px; height:0px; background:none;}
.materialmatrixWrapper #cboxTopCenter{width:0px; height:0px; background:none;}
.materialmatrixWrapper #cboxBottomCenter{width:0px; height:0px; background:none;}
.materialmatrixWrapper #cboxContent{background-color: rgba(255, 255, 255, 0.95); overflow:hidden;}
.materialmatrixWrapper #cboxLoadedContent { margin-bottom: 0px; }
.materialmatrix { max-width: 100%; width: 1200px; height: 700px; max-height: 100%; }
.materialmatrix .title { background-color: #000000; color: #ffffff; }
.materialmatrix .title h3 { text-align: left; padding: 6px 0px 6px 10%; }
.materialmatrix h4 { text-transform: none; }
.materialmatrix h3.stoff,
.materialmatrix .ui-tabs .ui-tabs-nav li { text-transform: uppercase; }
.materialmatrix .langtext { margin: 10px 0; }
.materialmatrix .stoffFarbenWrapper { display: flex; justify-content: center; flex-wrap: wrap; }
.materialmatrix .stoffFarben { display: inline-block; margin: 10px; cursor: pointer; }
.materialmatrix .stoffFarben a.auspraegung img { max-width: 150px; max-height: 150px; border-radius: 15px; }
.materialmatrix .stoffFarben a.auspraegung .imageLeer { width: 148px; height: 148px; border: 1px solid #7c7c7c; }
.materialmatrix .ui-widget { font-family: inherit; }
.materialmatrix .ui-widget-header { background: none; border: 0px; }
.materialmatrix .ui-tabs .ui-tabs-nav { display: flex; justify-content: center; }
.materialmatrix .ui-tabs .ui-tabs-nav li { margin: 0px; height: 30px; line-height: 30px; flex: 1; max-width: 150px; text-align: center; background-color: #000000; border: 1px solid #000; }
.materialmatrix .ui-tabs .ui-tabs-nav li.ui-tabs-active { background-color: #ffffff; }
.materialmatrix .ui-tabs .ui-tabs-nav li a { color: #ffffff; }
.materialmatrix .ui-tabs .ui-tabs-nav li a span { position: relative; display: inline-block; height: 100%; width: 100%; }
.materialmatrix .ui-tabs .ui-tabs-nav li.ui-tabs-active a { color: #000000; }
.materialmatrix .ui-tabs .ui-tabs-nav li a span::after {
position: absolute;
right: 30px;
top: 22%;
width: 0px;
height: 0px;
content: "";
display: block;
border-width: 8px 0px 8px 10px;
border-style: solid;
border-color: #000 #000 #000 #fff;
transform: rotate(0deg);
transition: transform 0.4s ease;
}
.materialmatrix .ui-tabs .ui-tabs-nav li.ui-tabs-active a span::after {
transform: rotate(90deg);
transition: transform 0.4s ease;
border-color: #fff #fff #fff #000;
}
.materialmatrix .ui-icon { display: none; }
.materialmatrix .ui-state-default,
.materialmatrix .ui-widget-content .ui-state-default,
.materialmatrix .ui-widget-header .ui-state-default { border-radius; 0px 0px 0px 0px; background: none; }
.materialmatrix .ui-widget-content { border: none; background: none; }
.materialmatrix .ui-corner-all,
.materialmatrix .ui-corner-top,
.materialmatrix .ui-corner-right,
.materialmatrix .ui-corner-tr { border-top-right-radius: 0px; }
.materialmatrix .ui-corner-all, .materialmatrix .ui-corner-top, .materialmatrix .ui-corner-left, .materialmatrix .ui-corner-tl { border-top-left-radius: 0px; }
.materialmatrix .ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 0px; float: none; }
.materialmatrix .ui-tabs .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0px; }
.materialmatrix .ui-accordion .ui-state-default {
border: none;
background-color: #000000;
color: #ffffff;
border-radius: 0px;
margin: 0px auto;
}
.materialmatrix .ui-accordion .ui-state-default.stoff { padding: 0px; width: 300px; height: 30px; line-height: 30px; border: 1px solid #000; margin-bottom: 4px; }
.materialmatrix .ui-accordion h3 {
max-width: 300px;
text-align: center;
}
.materialmatrix .ui-accordion h3 span.kategorie-title {
position: relative;
}
.materialmatrix .prj_itemMaterialMatrixPrice {
margin-left: 15px;
}
.materialmatrix .accordion .ui-accordion-content.stoff,
.materialmatrix .accordion .stoff .ui-accordion-content
{
padding: 0px;
}
.materialmatrix .stoff .auspraegungsListe {
text-align: center;
}
.materialmatrix .ui-accordion h3 span.kategorie-title::after {
position: absolute;
right: -20px;
top: -2%;
width: 0px;
height: 0px;
content: "";
display: block;
border-width: 8px 0px 8px 10px;
border-style: solid;
border-color: #000 #000 #000 #fff;
transform: rotate(0deg);
transition: transform 0.4s ease;
}
.materialmatrix .ui-accordion h3.ui-state-active span.kategorie-title::after {
transform: rotate(90deg);
transition: transform 0.4s ease;
}
.materialmatrix .ui-accordion .stoff h3 {
background-color: transparent;
color: #000000;
padding: 5px;
}
.materialmatrix .ui-accordion .stoff h3 span.kategorie-title::after {
border-color: #fff #fff #fff #000;
}
.pageContent-shoppingCart .topicOuterWrapper .topicWrapper { float: none !important; text-align: center; }
.pageContent-shoppingCart .topicOuterWrapper .topicWrapper h1 { color: #000; font-weight: normal; font-size: 26px; }
.pageContent-shoppingCart .tableHeader { display: none; }
.pageContent-shoppingCart .lineItem .itemNameCell .itemName { text-transform: uppercase; color: #000; font-size: 20px; font-weight: normal; display: block; }
.pageContent-shoppingCart .lineItems .lineItem .cellHeader { text-align: left; }
.pageContent-shoppingCart .documentEnd { border: none; }
.pageContent-shoppingCart .lineItems .tableRow .tableCell { border: none; padding: 9px 15px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .iconCell img { max-width: 150px; max-height: 150px; }
.pageContent-shoppingCart .lineItems .lineItem .inputQtyCell .removeLineItem { position: relative; width: 30px; height: 30px; padding-top: unset; }
.pageContent-shoppingCart .lineItems .lineItem .inputQtyCell .removeLineItem .removeLineItemLink { position: absolute; right: 0px; top: 12px; width: 30px; height: 30px; color: #000; background: none; }
.pageContent-shoppingCart .lineItems .lineItem .inputQtyCell .removeLineItem .removeLineItemLink:hover { opacity: 0.8; }
.pageContent-shoppingCart .lineItems .lineItem .inputQtyCell .removeLineItem .removeLineItemLink:before,
.pageContent-shoppingCart .lineItems .lineItem .inputQtyCell .removeLineItem .removeLineItemLink:after { position: absolute; left: 15px; content: ' '; height: 24px; width: 4px; background-color: #000; }
.pageContent-shoppingCart .lineItems .lineItem .inputQtyCell .removeLineItem .removeLineItemLink:before { transform: rotate(45deg); }
.pageContent-shoppingCart .lineItems .lineItem .inputQtyCell .removeLineItem .removeLineItemLink:after { transform: rotate(-45deg); }
.pageContent-shoppingCart .lineItems .lineItem .inputQtyCell .removeLineItem .removeLineItemLink img { display: none; }
.pageContent-shoppingCart button.back::before { display: none; }
.pageContent-shoppingCart button.back { background-color: #000000; border-radius: 0px; border: solid 1px #000000 }
.pageContent-shoppingCart button.back:hover { background-color: #ffffff; color: #000000; }
.pageContent-shoppingCart button.back svg { width: 20px; height: 20px; fill: #ffffff; vertical-align: bottom; }
.pageContent-shoppingCart button.back:hover svg { fill: #000000; }
.flyoutMenuContainer .miniContent { padding: 0px 15px 15px 15px; }
.miniShoppingCart .miniShoppingCartContent { text-align: center; }
.flyoutMenuContainer .flyoutMenu { border: solid 1px #000; }
.responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel { background-color: rgba(255, 255, 255, 0.95); color: #000000; padding: 0px 0px 15px 0px; }
.responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .title { background-color: #000000; font-size: 24px; color: #ffffff; padding: 6px 14px; text-transform: uppercase; }
.flyoutMenuContainer .flyoutMenuTriangle { border: none; }
.flyoutMenuContainer .flyoutMenuWrapper { margin-top: 25px; }
.miniShoppingCart .lineItems { display: table; text-align: left; }
.miniShoppingCart .lineItems .lineItem { display: table-row; }
.miniShoppingCart .lineItems .lineItem .tableCell { padding: 5px; }
.miniShoppingCart .lineItems .lineItem .inputQtyCell { vertical-align: middle; }
.miniShoppingCart .lineItems .lineItem .inputQtyCell div { text-align: center; width: 50px; border: solid 1px #000; border-radius: 6px; height: 35px; line-height: 35px; }
.miniShoppingCart .lineItems .lineItem .nameAndIconCell { max-width: 250px; }
.miniShoppingCart .lineItems .lineItem .itemNameCell { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.miniShoppingCart .lineItems .lineItem .iconCell img { max-width: 100px; height: auto; max-height 150px; }
.miniShoppingCart .lineItems .lineItem .totalPriceCell { white-space: nowrap; }
.responsiveLayout .meta.flyoutMenuContainer .metaShoppingCart .flyoutMenuPanel { max-width: 500px; }
.cascadingMenuCategoryList ul.subMenu { z-index: 201; }
.itemListSlideView .itemDescription,
.itemListSlideView .itemNo,
.itemListSlideView .availability,
.itemListSlideView .itemPrice
{ display: none; }
.itemListSlideView .itemWrapper .infoWrapper { background-color: #ffffff; color: #000000; text-align: center; }
.itemListSlideView .itemWrapper .item { }
.itemListSlideView .itemWrapper { width: 230px; }
.itemListSlideView .itemWrapper .info { min-height: unset; }
.itemListSlideView .itemWrapper .iconWrapper { padding: 0px; }
.itemListSlideView .itemWrapper .iconWrapper .icon { width: 100%; height: auto; line-height: 0; }
.itemListSlideView .itemWrapper .iconWrapper .icon img { max-width: 100%; height: auto; max-height: none; }
.itemListSlideView .itemWrapper { border: none; }
.itemListGridView .itemWrapper { border: none; }
.itemListGridView .iconWrapper { padding: 0px; }
.itemListGridView .infoOuterWrapper { text-align: center; }
.itemListGridView .infoWrapper { background-color: #ffffff; }
.itemListGridView .infoWrapper a { color: #000000; }
.itemListGridView .itemPrice { color: #000000; }
.itemListGridView .icon { width: 230px; height: auto; line-height: 0px; }
.itemListGridView .icon img { max-width: 230px; max-height: unset; height: auto; }
.itemListGridView .itemNo { display: none; }
.itemListGridView .availability { display: none; }
.flexImageElement .flexElement-contentWrapper .imageTextLayerWrapper { font-size: 16px; }
.flexImageElement .flexElement-contentWrapper:hover .imageTextLayerWrapper { color: #ffffff; background-color: rgba(0, 0, 0, 0.8); }
.manager-topWrapper .manager-firstWrapper .manager-rightWrapper .buttonWrapper button svg { fill: currentColor !important; }
.pageContent-managerContent button.primary svg.spinner { fill: currentColor !important; }