@charset 'UTF-8'; /*! jQuery UI - v1.11.4 - 2017-08-17 * http://jqueryui.com * Includes: core.css, autocomplete.css, datepicker.css, menu.css, tabs.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ .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-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.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{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-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-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{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{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{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{color:#2b2b2b;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #003eff;background:#007fff;font-weight:normal;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-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;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{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-default .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.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-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-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:-64px -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:-64px -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:0 -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;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:0 0 0 0;padding:5px;background:#666;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px} /* 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; } .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: 'Open Sans'; font-style: normal; font-weight: 400; src: url(fonts/OpenSans-Regular.woff2) format('woff2'), url(fonts/OpenSans-Regular.woff) format('woff'), url(fonts/OpenSans-Regular.ttf) format('truetype'); } 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: 13px; color: #333333; } html.wf-active body { font-family: 'Open Sans', 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; } .flyoutMenuContainer .flyoutMenuTriangleOuterWrapper { display: inline-block; width: 100%; text-align: center; } .flyoutMenuContainer .flyoutMenuTriangleInnerWrapper { display: inline-block; width: 20px; } .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; max-width: 1600px; background-color: #ffffff; } .responsiveLayout .layoutPreBottomWrapper { margin-top: 25px; } .responsiveLayout .layoutBottomWrapper { background-color: #3b3537; border-top: 5px solid #20b8f1; 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 .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: 28px; } .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: 100; } } @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: 400px) { .responsiveLayout .layoutFirstTopWrapper { height: 60px; } .responsiveLayout .layoutFirstTopWrapper .metaWrapper { height: 60px; } .responsiveLayout .layoutFirstTopWrapper .logoInnerWrapper { margin-left: 2px; padding-top: 20px; } .responsiveLayout .layoutFirstTopWrapper .logo img { width: 100px; } } .responsiveLayout .layoutSecondTopWrapper { position: relative; } .responsiveLayout .layoutSecondTopWrapper .menuWrapper { min-height: 42px; border-bottom: 5px solid #20b8f1; padding-left: 25px; background-color: #3b3537; } .responsiveLayout .layoutSecondTopWrapper .mobileMenuWrapper { 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 .mobileMenuWrapper { display: block; } .responsiveLayout .layoutSecondTopWrapper .searchWrapper { display: block; } } .responsiveLayout .layoutBannerWrapper { overflow: hidden; } .responsiveLayout .layoutBreadcrumbWrapper { margin-top: 8px; } .responsiveLayout .layoutMainWrapper { margin-top: 25px; } .responsiveLayout .layoutPreBottomWrapper .salesTaxAndShippingInfo { margin-bottom: 10px; } .responsiveLayout .layoutPreBottomWrapper .salesTaxAndShippingInfo a { text-decoration: underline; } .responsiveLayout .layoutPreBottomWrapper .salesTaxAndShippingInfo a:hover { color: #01a9ec; } .quickSearch { height: 38px; background-color: #f2f2f2; border: solid 1px #3b3537; -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; width: 42px; height: 38px; border: none; text-align: center; color: #ffffff; font-size: 16px; font-weight: bold; cursor: pointer; background-color: #3b3537; background-image: url("img/lupe.png"); background-repeat: no-repeat; background-position: center center; } .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; } .quickSearch .autocompleteAligner { position: absolute; margin-top: 0px; margin-left: 5px; } .quickSearch .ui-autocomplete { position: absolute; white-space: nowrap; border: 1px solid #3b3537; 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 .ui-menu-item a { 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: #01a9ec; -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: absolute; left: 0px; right: 0px; bottom: 12%; display: inline-block; height: 42px; text-align: center; background-repeat: no-repeat; background-position: center top; } .responsiveLayout .meta .metaElement .metaLink .label { display: block; padding-top: 21px; line-height: 21px; font-size: 11px; } .responsiveLayout .meta .metaElement:hover .metaLink { color: #01a9ec; text-decoration: none; } .responsiveLayout .meta .loginMetaElement .metaLink { background-image: url("img/icon_account.png"); } .responsiveLayout .meta .loginMetaElement:hover .metaLink { background-image: url("img/icon_account_active.png"); } .responsiveLayout .meta .accountMetaElement .metaLink { background-image: url("img/icon_account.png"); } .responsiveLayout .meta .accountMetaElement:hover .metaLink { background-image: url("img/icon_account_active.png"); } .responsiveLayout .meta .wishlistMetaElement .metaLink { background-image: url("img/icon_wishlist.png"); } .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: #00aeef; -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 .wishlistMetaElement:hover .metaLink { background-image: url("img/icon_wishlist_active.png"); } .responsiveLayout .meta .shoppingCartMetaElement .metaLink { background-image: url("img/icon_shoppingCart.png"); } .responsiveLayout .meta .shoppingCartMetaElement .metaLink .numberOfLineItems { display: block; position: absolute; top: -9px; left: 35px; padding: 1px 5px; line-height: 10px; font-size: 10px; color: #ffffff; background-color: #00aeef; -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 { background-image: url("img/icon_shoppingCart_active.png"); } @media only all and (max-width: 400px) { .responsiveLayout .meta .metaElement { width: 60px; } .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: 13px; background-color: #20b8f1; } .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .title { font-size: 18px; font-weight: bold; color: #ffffff; } .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel a { color: inherit; } .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .button { margin-top: 10px; color: #f2f2f2; background-color: #3b3537; } .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .button:hover, .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .button:active, .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .button:focus { background-color: #555555; } .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 #54c6f2; } .miniAccount .accountMenu .menuEntry { display: block; padding: 6px 0px; border-top: 1px solid #54c6f2; } .miniAccount .accountMenu .menuEntry:hover { background-color: #54c6f2; 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: 14px; } .miniShoppingCart .numberOfLineItems { margin-top: 1px; } .miniShoppingCart .numberOfLineItems .label { display: inline; } .miniShoppingCart .numberOfLineItems .value { display: inline; } .miniShoppingCart .numberOfLineItems .value .highlight { font-weight: bold; font-size: 14px; } .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 #54c6f2; } .miniShoppingCart .switchShoppingCart li { display: table-row; font-size: 13px; } .miniShoppingCart .switchShoppingCart li:hover { background-color: #54c6f2; } .miniShoppingCart .switchShoppingCart li.active { background-color: #54c6f2; } .miniShoppingCart .switchShoppingCart li a { display: table-cell; padding: 6px 2px 6px 0px; border-top: 1px solid #54c6f2; } .miniShoppingCart .switchShoppingCart li .shoppingCartName { padding-right: 15px; } .miniShoppingCart .switchShoppingCart li .shoppingCartName: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; } .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: 14px; } .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 #54c6f2; } .miniWishlist .switchWishlist li { display: table-row; font-size: 13px; } .miniWishlist .switchWishlist li:hover { background-color: #54c6f2; } .miniWishlist .switchWishlist li.active { background-color: #54c6f2; } .miniWishlist .switchWishlist li a { display: table-cell; padding: 6px 2px 6px 0px; border-top: 1px solid #54c6f2; } .miniWishlist .switchWishlist li .wishlistName { padding-right: 15px; } .miniWishlist .switchWishlist li .wishlistName: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; } .miniWishlist .switchWishlist li .wishlistNumberOfLineItems { text-align: right; } .cascadingMenuCategoryList { display: inline-block; width: 100%; } .cascadingMenuCategoryList ul { list-style-type: none; margin: 0px; padding: 0px; } .cascadingMenuCategoryList li a { position: relative; display: block; } .cascadingMenuCategoryList li a span { display: inline-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, html.no-touch .cascadingMenuCategoryList li.hover div.subMenu { display: block; } html.no-touch .cascadingMenuCategoryList li.level0.hover ul.level1 { display: block; } html.no-touch .cascadingMenuCategoryList li.level0:hover ul.level1 { display: block; } html.no-touch .cascadingMenuCategoryList li.level1:hover ul.level2 { 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 li.level0.hover a.level0, .cascadingMenuCategoryList a.level0.open { background-color: #20b8f1; } .cascadingMenuCategoryList ul.subMenu { border: 1px solid #20b8f1; -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: ""; float: right; margin-top: 4px; width: 0px; height: 0px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #555555; } .cascadingMenuCategoryList ul.subMenu a.withSubCategories span { width: 170px; } .cascadingMenuCategoryList li.level1:hover a.level1 { color: #ffffff; background-color: #20b8f1; } .cascadingMenuCategoryList li.level1:hover a.level1.withSubCategories:after { border-color: transparent transparent transparent #ffffff; } .cascadingMenuCategoryList li.level2:hover a.level2 { color: #ffffff; background-color: #20b8f1; } .cascadingMenuCategoryList li.level2:hover a.level2.withSubCategories:after { border-color: transparent transparent transparent #ffffff; } .mobileMenuButton { display: block; position: absolute; top: 0px; left: 0px; width: 60px; height: 40px; background-color: #3b3537; -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: #20b8f1; height: 3px; width: 40px; margin-top: 4px; margin-left: 10px; } .mobileMenuButton .line.first { margin-top: 11px; } .mobileMenu { display: none; position: fixed; top: 0px; left: 0px; bottom: 0px; width: 80%; min-width: 140px; max-width: 440px; z-index: -1; background-color: #3b3537; } .mobileMenu .mobileMenuPanel { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; margin: 0px; padding: 0px; overflow-y: auto; } .mobileMenuBlocker { display: none; position: absolute; width: 100%; height: 100%; z-index: 200; background-color: #000000; opacity: 0; } @media only all and (max-width: 805px) { html.mobileMenuSliding { overflow-y: hidden; } html.mobileMenuSliding body { overflow: hidden; } html.mobileMenuSliding .mobileMenu { display: block; } html.mobileMenuOpen { overflow-y: hidden; } html.mobileMenuOpen body { overflow: hidden; } html.mobileMenuOpen .mobileMenu { display: block; z-index: 0; } html.mobileMenuOpen .mobileMenuBlocker { display: block; opacity: 0.3; } } .mobileTreeMenu .head { padding-left: 20px; font-size: 18px; font-weight: bold; color: #20b8f1; border-bottom: 1px solid #574e51; } .mobileTreeMenu .head .menuLines { float: left; margin-top: 18px; width: 15px; height: 15px; } .mobileTreeMenu .head .menuLines .line { content: ""; background-color: #20b8f1; 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: #20b8f1; 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); } .mobileTreeMenuCategoryList a { color: #cccccc; text-decoration: none; } .mobileTreeMenuCategoryList ul { list-style-type: none; margin: 0px; padding: 0px; } .mobileTreeMenuCategoryList li.level0 { border-bottom: 1px solid #574e51; } .mobileTreeMenuCategoryList .menuItem .menuItemLink { display: block; padding: 10px 0px; font-size: 14px; min-height: 19px; } .mobileTreeMenuCategoryList .menuItem .menuItemLink span { display: block; overflow: hidden; text-overflow: ellipsis; } .mobileTreeMenuCategoryList li.level0 .menuItem .menuItemLink { padding-left: 20px; } .mobileTreeMenuCategoryList li.level1 .menuItem .menuItemLink { padding-left: 40px; } .mobileTreeMenuCategoryList li.level2 .menuItem .menuItemLink { padding-left: 60px; } .mobileTreeMenuCategoryList li.level3 .menuItem .menuItemLink { padding-left: 80px; } .mobileTreeMenuCategoryList li.level4 .menuItem .menuItemLink { padding-left: 100px; } .mobileTreeMenuCategoryList li.level5 .menuItem .menuItemLink { padding-left: 120px; } .mobileTreeMenuCategoryList li.level6 .menuItem .menuItemLink { padding-left: 140px; } .mobileTreeMenuCategoryList li.level7 .menuItem .menuItemLink { padding-left: 160px; } .mobileTreeMenuCategoryList li.level8 .menuItem .menuItemLink { padding-left: 180px; } .mobileTreeMenuCategoryList li.level9 .menuItem .menuItemLink { padding-left: 200px; } .mobileTreeMenuCategoryList .menuItem.withSubCategories .menuItemLink { margin-right: 55px; } .mobileTreeMenuCategoryList .menuItem.withSubCategories .menuItemButton { display: block; content: ""; float: right; width: 50px; height: 39px; background-color: #332e30; } .mobileTreeMenuCategoryList .menuItem.withSubCategories .menuItemButton:after { font-size: 18px; content: "+"; float: right; margin-top: 9px; margin-right: 20px; } .mobileTreeMenuCategoryList .menuItem.open.withSubCategories .menuItemButton:after { content: "-"; margin-top: 8px; margin-right: 22px; } .mobileTreeMenuCategoryList .menuItem:hover .menuItemLink { color: #01a9ec; } .mobileTreeMenuCategoryList .menuItem:hover .menuItemButton { color: #01a9ec; } .mobileTreeMenuCategoryList .menuItem.active { background-color: #20b8f1; } .mobileTreeMenuCategoryList .menuItem.active .menuItemLink { color: #ffffff; font-weight: bold; } .mobileTreeMenuCategoryList .menuItem.active .menuItemButton { color: #ffffff; background-color: #1fb3eb; } .mobileTreeMenuCategoryList ul.subMenu { display: none; } .mobileTreeMenuCategoryList ul.subMenu.open { display: block; } .breadcrumbs ul { list-style-type: none; margin: 0px; padding: 0px; } .breadcrumbs li { display: inline; } .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-size: 12px; font-weight: normal; white-space: nowrap; } .breadcrumbs li a:hover { color: #ffffff; background-color: #20b8f1; text-decoration: none; } .breadcrumbs li.active span, .breadcrumbs li.active a { color: #ffffff; background-color: #20b8f1; } .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: 20px; font-weight: bold; color: #01a9ec; } h2 { margin: 0px 0px 5px 0px; padding: 0px; font-size: 18px; font-weight: bold; color: #01a9ec; } h3 { margin: 0px 0px 3px 0px; padding: 0px; font-size: 16px; font-weight: bold; color: #01a9ec; } .topicWrapper { margin: 0px 0px 10px 0px; font-size: 16px; } .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: 0px; } } @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: 0px; } } @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: 0px; } } .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 h5 { 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: #20b8f1; text-decoration: none; } .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; } .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: #20b8f1; text-decoration: none; } @media only all and (max-width: 550px) { .copyright { float: none; margin: 0px 5px 10px 15px; } } .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:hover { text-decoration: none; color: #f2f2f2; background-color: #aaaaaa; } .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: #01a9ec; text-decoration: none; } .tableHeader .tableCell.sortAsc a:after { content: ""; display: inline-block; margin-left: 3px; margin-top: 3px; 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: 7px; 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 #01a9ec transparent; } .tableHeader .tableCell.sortDesc a:hover:after { border-color: #01a9ec transparent transparent transparent; } .tableHeader .tableCell.sortDescIsActive a, .tableHeader .tableCell.sortAscIsActive a { color: #01a9ec; } .tableHeader .tableCell.sortDescIsActive a:after { content: ""; display: inline-block; margin-left: 3px; margin-top: 7px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: #01a9ec transparent transparent transparent; vertical-align: top; } .tableHeader .tableCell.sortAscIsActive a:after { content: ""; display: inline-block; margin-left: 3px; margin-top: 3px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent #01a9ec transparent; vertical-align: top; } .tableHeader .tableCell.sortDescIsActive a:hover:after { border-color: #01a9ec transparent transparent transparent; } .tableHeader .tableCell.sortAscIsActive a:hover:after { border-color: transparent transparent #01a9ec 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; } .table.mobileAt550px .tableHeader { display: none; } .table.mobileAt550px .tableRowGroup { display: block; padding: 9px 0px; border-bottom: 2px solid #e5e5e5; } .table.mobileAt550px .tableRowGroup.first { border-top: 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; } .table.mobileAt650px .tableHeader { display: none; } .table.mobileAt650px .tableRowGroup { display: block; padding: 9px 0px; border-bottom: 2px solid #e5e5e5; } .table.mobileAt650px .tableRowGroup.first { border-top: 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; } .table.mobileAt850px .tableHeader { display: none; } .table.mobileAt850px .tableRowGroup { display: block; padding: 9px 0px; border-bottom: 2px solid #e5e5e5; } .table.mobileAt850px .tableRowGroup.first { border-top: 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; } } div.attributes { display: table; width: 100%; } div.attribute { display: table-row; } div.attributeLabel { display: table-cell; padding-right: 10px; white-space: nowrap; } div.attributeValue { display: table-cell; width: 100%; white-space: nowrap; } div.attributes.withSpacer div.attributeLabel { padding-bottom: 10px; } div.attributes.withSpacer div.attributeValue { padding-bottom: 10px; } div.attributes.withSpacer div.attribute.last div.attributeLabel { padding-bottom: 0px; } div.attributes.withSpacer div.attribute.last div.attributeValue { padding-bottom: 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: #20b8f1; } .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 { color: #555555; font-size: 14px; 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: 14px; font-weight: bold; } .itemList a.itemName:hover, .itemList a.itemName:active { color: #01a9ec; text-decoration: none; } .itemList .itemDescription { font-size: 12px; } .itemList .itemNo { white-space: nowrap; font-size: 12px; color: #777777; } .itemList .itemListAddToCart .additionalLine { font-size: 12px; 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; } @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; width: 100px; 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 input.imgbutton { margin-bottom: 0px; vertical-align: text-bottom; } .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 input.imgbutton { margin-bottom: 0px; vertical-align: text-bottom; } .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 #01a9ec; -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 #01a9ec transparent transparent; margin-left: 0px; margin-top: 6px; } .itemListSlideView .slides .slick-next:before { border-color: transparent transparent transparent #01a9ec; 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: 0px; text-align: center; } .itemListSlideView .slides .slick-dots li { position: relative; display: inline-block; margin: 20px 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: #20b8f1; } .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 input.imgbutton { margin-bottom: 0px; vertical-align: text-bottom; } .itemListSlideView .slideOnHoverWrapper {} .itemListSlideView .slideOnHoverTarget { display: none; } .itemListSlideView .itemListAddToCartInclude { padding-top: 10px; } .lineItems .lineNo { white-space: nowrap; font-size: 12px; color: #777777; } .lineItems .itemName { font-size: 14px; font-weight: bold; } .lineItems a.itemName:hover, .lineItems a.itemName:active { color: #01a9ec; text-decoration: none; } .lineItems .itemDescription { font-size: 12px; } .lineItems .itemNo { white-space: nowrap; font-size: 12px; 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; } .checkoutOrderPrintView .itemName { font-size: 11px; font-weight: normal; color: #555555; } div#hover-container { display: none; position: absolute; z-index: 1000; margin: 0px; padding: 0px; border: 1px solid black; } div#hover-container img { display: block; margin: 0px; padding: 0px; } .backorderMsg { color: #777777; font-size: 10px; } .backorderMsg a { color: #777777; font-size: 10px; text-decoration: underline; } .backorderMsg a:hover { color: #01a9ec; } 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: #01a9ec; 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: #01a9ec; 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 { margin-left: 5px; } .pagination { overflow: auto; margin-top: 10px; } .pagination .itemsFound { float: left; margin-bottom: 5px; } .pagination .pages { float: right; margin-bottom: 5px; } .pagination .label { font-weight: bold; } .pagination a:hover { text-decoration: none; } .pagination .page { display: inline-block; height: 16px; padding: 4px 9px; margin-bottom: 1px; color: #01a9ec; 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.page:hover, .pagination .page.active { color: #ffffff; background-color: #20b8f1; } .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; } .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: #01a9ec; text-decoration: none; } .verticalCategoryList a.active { color: #01a9ec; 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: #20b8f1 transparent transparent transparent; } .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: 13px; 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-weight: normal; font-size: 13px; } .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: #01a9ec; } .pageContent .documentRight a { text-decoration: underline; } .pageContent .documentRight a:hover { color: #01a9ec; } .pageContent .heading { font-size: 16px; 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: 13px; 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: 3px 5px; } .pageContent span.inputField select, .pageContent select.inputField { padding: 2px; } .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 { padding: 3px 7px 3px 7px; cursor: pointer; font-size: 13px; 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; } .pageContent button:hover, .pageContent button:focus, .pageContent button:active { color: #ffffff; background-color: #00aeef; } .pageContent button.back { padding: 3px 8px 3px 2px; } html.lt-ie9 .pageContent button.back { padding: 3px 7px 3px 7px; } .pageContent button.back:before { display: inline-block; content: ""; margin-top: 3px; margin-right: 6px; 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: 3px 2px 3px 8px; } html.lt-ie9 .pageContent button.continue { padding: 3px 7px 3px 7px; } .pageContent button.continue:after { display: inline-block; content: ""; margin-top: 3px; margin-left: 6px; 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 { color: #ffffff; background-color: #6eab24; } .pageContent button.primary:hover, .pageContent button.primary:focus, .pageContent 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 .mandatory { font-weight: bold; } .pageContent .mandatory.top { margin-bottom: 15px; } .pageContent .mandatory.bottom { margin-top: 15px; } .pageContent-home .topSellerPerSite { margin-top: 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: #01a9ec; } .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 .imgWrapper { max-width: 300px; } .pageContent-item .itemDetailContainer .image .imgWrapper img { max-width: 100%; } .pageContent-item .itemDetailContainer .imgtxt { padding-top: 5px; font-size: 9px; color: #555555; } .pageContent-item .itemDetailContainer h1 { margin-bottom: 1px; } .pageContent-item .itemDetailContainer .itemDescription { font-size: 13px; } .pageContent-item .itemDetailContainer .gtin { white-space: nowrap; font-size: 13px; color: #777777; } .pageContent-item .itemDetailContainer .itemNo { white-space: nowrap; font-size: 13px; 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 input.imgbutton { margin-bottom: 1px; vertical-align: text-bottom; } .pageContent-item .itemDetailContainer .itemAddToCartInclude .additionalLine { font-size: 12px; 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: #01a9ec; } .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 .billOfMaterialWrapper { margin-top: 20px; } .pageContent-item .crossSellingWrapper { margin-top: 20px; } .pageContent-item #backButton { margin: 20px 0px 0px 0px; } .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; width: 100px; overflow: hidden; } .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: #20b8f1; -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; } .billOfMaterialItemList input.imgbutton { margin-bottom: 0px; vertical-align: text-bottom; } .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; margin-top: 15px; } .pageContent-loginForAction .loginWrapper input.inputField { display: block; width: 250px; margin-top: 2px; margin-bottom: 5px; } .pageContent-loginForAction .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-loginForAction .loginWrapper .passwordReminderLink { display: block; margin-top: 15px; } .pageContent-loginForAction .loginWrapper .passwordReminderLink:hover { text-decoration: underline; } .pageContent-loginForAction .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-loginForAction button { display: block; margin-top: 15px; } .pageContent-account .welcomeText .userName { font-weight: bold; } .pageContent-account .menuEntry { display: block; padding: 7px 0px; } .pageContent-account .menuEntry:before { display: inline-block; float: left; content: ""; margin-top: 5px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #333333; } .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; } @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 { margin-top: 20px; overflow: auto; } .pageContent-quickorder .quickorderItemList .buttons .backButton { float: left; } .pageContent-quickorder .quickorderItemList .buttons .submitButton { float: right; } .pageContent-quickorder .buttons { margin-top: 20px; } .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: 0px; } @media only all and (max-width: 450px) { .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: #01a9ec; text-decoration: none; } .pageContent-wishlist .manageWishlists .flyoutMenuElement:hover .manageWishlistsActivator:after { border-color: #20b8f1 transparent transparent transparent; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel { overflow: hidden; min-width: 100px; max-width: 300px; padding-bottom: 15px; color: #ffffff; background-color: #20b8f1; } .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 #54c6f2; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel li { display: table-row; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel li:hover { background-color: #54c6f2; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel li.active { background-color: #54c6f2; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel li a { display: table-cell; padding: 6px 2px 6px 0px; border-top: 1px solid #54c6f2; } .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: 6px; 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: #3b3537; } .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.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; } @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 .tableCell.inputQtyCell .additionalLine { font-size: 11px; } .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 { margin-top: 20px; overflow: auto; } .pageContent-wishlist .wishlistLineItems .buttonWrapper .label { float: left; margin-right: 5px; line-height: 26px; } .pageContent-wishlist .wishlistLineItems .buttonWrapper .buttons { float: left; } .pageContent-wishlist .wishlistLineItems .buttonWrapper .buttons button { margin-right: 5px; } .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; } @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; font-size: 12px; } .pageContent-previouslyOrderedItemList .itemList .backorderMsg { margin-top: 10px; } .pageContent-previouslyOrderedItemList .buttonWrapper { margin-top: 20px; overflow: auto; } .pageContent-previouslyOrderedItemList .buttonWrapper .label { float: left; margin-right: 5px; line-height: 26px; } .pageContent-previouslyOrderedItemList .buttonWrapper .buttons { float: left; } .pageContent-previouslyOrderedItemList .buttonWrapper .buttons button { margin-right: 5px; } .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: 0px; } @media only all and (max-width: 450px) { .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: #01a9ec; text-decoration: none; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuElement:hover .switchShoppingCartActivator:after { border-color: #20b8f1 transparent transparent transparent; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel { overflow: hidden; min-width: 100px; max-width: 300px; padding-bottom: 15px; color: #ffffff; background-color: #20b8f1; } .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 #54c6f2; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li { display: table-row; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li:hover { background-color: #54c6f2; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li.active { background-color: #54c6f2; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li a { display: table-cell; padding: 6px 2px 6px 0px; border-top: 1px solid #54c6f2; } .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: 6px; 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; } .pageContent-shoppingCart .errorMsg { color: red; font-weight: bold; } .pageContent-shoppingCart .shoppingCartLineItems .lineItems { display: table; width: 100%; } .pageContent-shoppingCart .lineItemHeader { display: table-row; } .pageContent-shoppingCart .lineItemHeaderCell { display: table-cell; width: 1px; padding: 9px 7px; vertical-align: bottom; border-bottom: 2px solid #e5e5e5; white-space: nowrap; font-weight: bold; color: #777777; } .pageContent-shoppingCart .lineItemHeaderCell.itemNameCell { width: auto; } .pageContent-shoppingCart .lineItemHeaderCell.inputQtyCell .removeLineItem { display: inline-block; width: 25px; height: 10px; padding-top: 5px; text-align: center; } .pageContent-shoppingCart .lineItemHeaderCell.inputQtyCell, .pageContent-shoppingCart .lineItemHeaderCell.orderQtyCell, .pageContent-shoppingCart .lineItemHeaderCell.priceCell, .pageContent-shoppingCart .lineItemHeaderCell.priceUnitCell, .pageContent-shoppingCart .lineItemHeaderCell.totalPriceCalculationCell, .pageContent-shoppingCart .lineItemHeaderCell.totalPriceCell { text-align: right; } .pageContent-shoppingCart .lineItem { display: table-row-group; } .pageContent-shoppingCart .lineItem .firstWrapper { display: table-row; } .pageContent-shoppingCart .lineItem .firstWrapper .lineItemCell { display: table-cell; width: 1px; padding: 9px 7px; vertical-align: top; border-bottom: 2px solid #e5e5e5; } .pageContent-shoppingCart .lineItem.last .firstWrapper .lineItemCell { border-bottom: none; } .pageContent-shoppingCart .lineItem .firstWrapper .lineItemCell.itemNameCell { width: auto; } .pageContent-shoppingCart .lineItem .secondWrapper { display: none; } @media only all and (max-width: 850px) { .pageContent-shoppingCart .description { display: none; } .pageContent-shoppingCart .shoppingCartLineItems .lineItems { display: block; border-top: 2px solid #e5e5e5; } .pageContent-shoppingCart .lineItemHeader { display: none } .pageContent-shoppingCart .lineItemHeaderCell { display: none; } .pageContent-shoppingCart .lineItem { display: block; } .pageContent-shoppingCart .lineItem .firstWrapper { display: block; } .pageContent-shoppingCart .lineItem .firstWrapper .lineItemCell { display: block; width: auto; padding: 0px; border-bottom: none; } .pageContent-shoppingCart .lineItem .firstWrapper .lineItemCell.iconCell { float: left; width: 100px; padding: 10px 7px 0px 7px; } .pageContent-shoppingCart .lineItem .firstWrapper .lineItemCell.itemNameCell { margin-left: 114px; padding: 10px 7px 0px 7px; } .pageContent-shoppingCart .lineItem .firstWrapper .lineItemCell.inputQtyCell { margin-left: 114px; text-align: left; padding: 0px 7px 0px 7px; } .pageContent-shoppingCart .lineItem .firstWrapper .lineItemCell.inputQtyCell .additionalLine { font-size: 11px; } .pageContent-shoppingCart .lineItem .firstWrapper .lineItemCell.inputQtyCell .nextprice_without_discounts { display: none; } .pageContent-shoppingCart .lineItem .firstWrapper .orderQtyCell, .pageContent-shoppingCart .lineItem .firstWrapper .priceCell, .pageContent-shoppingCart .lineItem .firstWrapper .priceUnitCell, .pageContent-shoppingCart .lineItem .firstWrapper .totalPriceCalculationCell, .pageContent-shoppingCart .lineItem .firstWrapper .totalPriceCell { display: none; } .pageContent-shoppingCart .lineItem .secondWrapper { clear: both; display: block; padding: 10px 0px 10px 0px; border-bottom: 2px solid #e5e5e5; } .pageContent-shoppingCart .lineItem.isInvalid .secondWrapper { padding-top: 0px; } .pageContent-shoppingCart .lineItem.last .secondWrapper { margin-bottom: 10px; border-bottom: none; } .pageContent-shoppingCart .lineItem .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 .lineItem.isModified .secondWrapper .backgroundWrapper { color: #999999; } .pageContent-shoppingCart .lineItem .secondWrapper .secondInnerWrapper { display: table; margin: 0px 0px 0px auto; } .pageContent-shoppingCart .lineItem .secondWrapper .secondInnerCellWrapper { display: table-row; } .pageContent-shoppingCart .lineItem .secondWrapper .lineItemCell { display: table-cell; width: 1px; padding: 0px 7px; vertical-align: top; } .pageContent-shoppingCart .lineItem .secondWrapper .totalPriceCell { min-width: 70px; } } @media only all and (max-width: 450px) { .pageContent-shoppingCart .lineItem .secondWrapper .secondInnerWrapper { width: 100%; } .pageContent-shoppingCart .lineItem .secondWrapper .orderQtyCell { width: 100%; padding-left: 0px; font-size: 11px; text-align: left; } .pageContent-shoppingCart .lineItem .secondWrapper .priceCell { font-size: 11px; } .pageContent-shoppingCart .lineItem .secondWrapper .priceUnitCell { padding-left: 0px; font-size: 11px; } .pageContent-shoppingCart .lineItem .secondWrapper .totalPriceCalculationCell { font-size: 11px; } .pageContent-shoppingCart .lineItem .secondWrapper .totalPriceCell { min-width: 50px; padding-right: 0px; font-size: 11px; } } @media only all and (max-width: 370px) { .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount, .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge, .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount, .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 100px; overflow: hidden; } } @media only all and (max-width: 360px) { .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount, .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge, .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount, .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 90px; overflow: hidden; } } @media only all and (max-width: 350px) { .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount, .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge, .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount, .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 80px; overflow: hidden; } } @media only all and (max-width: 340px) { .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_discount, .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_surcharge, .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_discount, .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_surcharge { display: inline-block; width: 100px; overflow: hidden; } .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .priceUnit { display: none; } .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount, .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge, .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount, .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 70px; overflow: hidden; } } @media only all and (max-width: 330px) { .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_discount, .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_surcharge, .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_discount, .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_surcharge { display: inline-block; width: 90px; overflow: hidden; } .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .priceUnit { display: none; } .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount, .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge, .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount, .pageContent-shoppingCart .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 60px; overflow: hidden; } } .pageContent-shoppingCart .lineItem .iconCell { white-space: nowrap; } .pageContent-shoppingCart .lineItem .iconCell a {} .pageContent-shoppingCart .lineItem .iconCell img { max-width: 100px; max-height: 150px; } .pageContent-shoppingCart .lineItem .itemNameCell { width: auto; } .pageContent-shoppingCart .lineItem .itemNoCell { white-space: nowrap; } .pageContent-shoppingCart .lineItem .inputQtyCell { white-space: nowrap; text-align: right; } .pageContent-shoppingCart .lineItem .inputQtyCell .removeLineItem { display: inline-block; width: 25px; padding-top: 5px; text-align: center; } .pageContent-shoppingCart .lineItem .inputQtyCell .removeLineItem.removeMultipleLineItems .removeLineItemLink { display: none; } @media only all and (max-width: 850px) { .pageContent-shoppingCart .lineItem .inputQtyCell .removeLineItem.removeMultipleLineItems .removeLineItemCheckbox { display: none; } .pageContent-shoppingCart .lineItem .inputQtyCell .removeLineItem.removeMultipleLineItems .removeLineItemLink { display: inline; } } .pageContent-shoppingCart .lineItem .inputQtyCell .additionalLine { display: block; padding-right: 25px; } .pageContent-shoppingCart .lineItem .orderQtyCell { white-space: nowrap; text-align: right; } .pageContent-shoppingCart .lineItem .priceCell { white-space: nowrap; text-align: right; } .pageContent-shoppingCart .lineItem .priceUnitCell { white-space: nowrap; text-align: right; } .pageContent-shoppingCart .lineItem .totalPriceCalculationCell { white-space: nowrap; text-align: right; } .pageContent-shoppingCart .lineItem .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: 13px; } .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: #01a9ec; } .pageContent-shoppingCart button { margin-top: 15px; } .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; } .pageContent-checkout .checkoutOrderLineItems .lineItems { display: table; width: 100%; } .pageContent-checkout .checkoutOrderLineItems .lineItemHeader { display: table-row; } .pageContent-checkout .checkoutOrderLineItems .lineItemHeaderCell { display: table-cell; width: 1px; padding: 9px 7px; vertical-align: bottom; border-bottom: 2px solid #e5e5e5; white-space: nowrap; font-weight: bold; color: #777777; } .pageContent-checkout .checkoutOrderLineItems .lineItemHeaderCell.itemNameCell { width: auto; } .pageContent-checkout .checkoutOrderLineItems .lineItemHeaderCell.lineNoCell, .pageContent-checkout .checkoutOrderLineItems .lineItemHeaderCell.orderQtyCell, .pageContent-checkout .checkoutOrderLineItems .lineItemHeaderCell.priceCell, .pageContent-checkout .checkoutOrderLineItems .lineItemHeaderCell.priceUnitCell, .pageContent-checkout .checkoutOrderLineItems .lineItemHeaderCell.totalPriceCalculationCell, .pageContent-checkout .checkoutOrderLineItems .lineItemHeaderCell.totalPriceCell { text-align: right; } .pageContent-checkout .checkoutOrderLineItems .lineItem { display: table-row-group; } .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper { display: table-row; } .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper .lineItemCell { display: table-cell; width: 1px; padding: 9px 7px; vertical-align: top; border-bottom: 2px solid #e5e5e5; } .pageContent-checkout .checkoutOrderLineItems .lineItem.last .firstWrapper .lineItemCell { border-bottom: none; } .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper .lineItemCell.itemNameCell { width: auto; } .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper .lineItemCell.itemNameCell .lineNo { display: none; } .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper .lineItemCell.itemNameCell .itemNo { display: none; } .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper { display: none; } @media only all and (max-width: 850px) { .pageContent-checkout .checkoutOrderLineItems .lineItems { display: block; } .pageContent-checkout .checkoutOrderLineItems .lineItemHeader { display: none } .pageContent-checkout .checkoutOrderLineItems .lineItemHeaderCell { display: none; } .pageContent-checkout .checkoutOrderLineItems .lineItem { display: block; } .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper { display: block; } .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper .lineItemCell { display: block; width: auto; padding: 0px; border-bottom: none; } .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper .lineItemCell.iconCell { float: left; width: 100px; padding: 10px 7px 0px 7px; } .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper .lineItemCell.itemNameCell { margin-left: 114px; padding: 10px 7px 0px 7px; } .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper .lineItemCell.itemNameCell .lineNo { display: block; } .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper .lineItemCell.itemNameCell .itemNo { display: block; } .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper .lineNoCell, .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper .itemNoCell, .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper .orderQtyCell, .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper .priceCell, .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper .priceUnitCell, .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper .totalPriceCalculationCell, .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper .totalPriceCell { display: none; } .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper { clear: both; display: block; padding: 10px 0px 10px 0px; border-bottom: 2px solid #e5e5e5; } .pageContent-checkout .checkoutOrderLineItems .lineItem.isInvalid .secondWrapper { padding-top: 0px; } .pageContent-checkout .checkoutOrderLineItems .lineItem.last .secondWrapper { margin-bottom: 10px; border-bottom: none; } .pageContent-checkout .checkoutOrderLineItems .lineItem .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 .lineItem.isModified .secondWrapper .backgroundWrapper { color: #999999; } .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper .secondInnerWrapper { display: table; margin: 0px 0px 0px auto; } .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper .secondInnerCellWrapper { display: table-row; } .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper .lineItemCell { display: table-cell; width: 1px; padding: 0px 7px; vertical-align: top; } .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper .totalPriceCell { min-width: 70px; } } @media only all and (max-width: 450px) { .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper .secondInnerWrapper { width: 100%; } .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper .orderQtyCell { width: 100%; padding-left: 0px; font-size: 11px; text-align: left; } .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper .priceCell { font-size: 11px; } .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper .priceUnitCell { padding-left: 0px; font-size: 11px; } .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper .totalPriceCalculationCell { font-size: 11px; } .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper .totalPriceCell { min-width: 50px; padding-right: 0px; font-size: 11px; } } @media only all and (max-width: 370px) { .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .inputQtyInfo { display: none; } .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount, .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge, .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount, .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 100px; overflow: hidden; } } @media only all and (max-width: 360px) { .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .inputQtyInfo { display: none; } .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount, .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge, .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount, .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 90px; overflow: hidden; } } @media only all and (max-width: 350px) { .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .inputQtyInfo { display: none; } .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount, .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge, .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount, .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 80px; overflow: hidden; } } @media only all and (max-width: 340px) { .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .inputQtyInfo { display: none; } .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_discount, .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_surcharge, .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_discount, .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_surcharge { display: inline-block; width: 100px; overflow: hidden; } .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .inputQtyInfo, .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .priceUnit { display: none; } .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount, .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge, .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount, .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 70px; overflow: hidden; } } @media only all and (max-width: 330px) { .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .inputQtyInfo { display: none; } .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_discount, .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_surcharge, .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_discount, .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_surcharge { display: inline-block; width: 90px; overflow: hidden; } .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .inputQtyInfo, .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .priceUnit { display: none; } .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount, .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge, .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount, .pageContent-checkout .checkoutOrderLineItems .lineItem .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 60px; overflow: hidden; } } .pageContent-checkout .checkoutOrderLineItems .lineItem .lineNoCell { white-space: nowrap; text-align: right; } .pageContent-checkout .checkoutOrderLineItems .lineItem .itemNoCell { white-space: nowrap; } .pageContent-checkout .checkoutOrderLineItems .lineItem .iconCell { white-space: nowrap; } .pageContent-checkout .checkoutOrderLineItems .lineItem .iconCell img { max-width: 100px; max-height: 150px; } .pageContent-checkout .checkoutOrderLineItems .lineItem .itemNameCell { width: auto; } .pageContent-checkout .checkoutOrderLineItems .lineItem .orderQtyCell { white-space: nowrap; text-align: right; } .pageContent-checkout .checkoutOrderLineItems .lineItem .priceCell { white-space: nowrap; text-align: right; } .pageContent-checkout .checkoutOrderLineItems .lineItem .priceUnitCell { white-space: nowrap; text-align: right; } .pageContent-checkout .checkoutOrderLineItems .lineItem .totalPriceCalculationCell { white-space: nowrap; text-align: right; } .pageContent-checkout .checkoutOrderLineItems .lineItem .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: 13px; } .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; margin-top: 15px; } .pageContent-checkoutLogin button.back { margin-top: 25px; } .pageContent-checkoutLoginResult .shoppingCartConfirmationNeededText { margin-bottom: 15px; font-weight: bold; } .pageContent-checkoutCustomerData .errorMsg { margin-bottom: 15px; color: red; font-weight: bold; } .pageContent-checkoutCustomerData table.attributes td { padding-bottom: 10px; vertical-align: top; } .pageContent-checkoutCustomerData table.attributes td.attributeLabel { white-space: nowrap; } .pageContent-checkoutCustomerData table.attributes td.attributeValue { width: 100%; padding-left: 10px; } .pageContent-checkoutCustomerData input.inputField { width: 75%; } .pageContent-checkoutCustomerData input.postalCode { width: 100px; } .pageContent-checkoutCustomerData .buttons { margin-top: 20px; 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 { width: 98%; } .pageContent-checkoutOrderDetails .buttons { margin-top: 20px; 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; } @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-checkoutShippingAddress button { margin-top: 20px; } .pageContent-checkoutBillingAddress .existingAddresses .table { width: 100%; } .pageContent-checkoutBillingAddress .existingAddresses .tableCell.selectionCell { width: 1px; } @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-checkoutBillingAddress button { margin-top: 20px; } .pageContent-checkoutShipping .shippingMethod .tableCell.selectionCell { width: 1px; } .pageContent-checkoutShipping .shippingMethod .tableCell.shippingCostsCell { text-align: right; } @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 { margin-top: 20px; overflow: auto; } .pageContent-checkoutShipping .buttons .back { float: left; } .pageContent-checkoutShipping .buttons .continue { float: right; } .pageContent-checkoutPayment .paymentMethod .tableCell.selectionCell { width: 1px; } @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 { margin-top: 20px; overflow: auto; } .pageContent-checkoutPayment .buttons .back { float: left; } .pageContent-checkoutPayment .buttons .continue { float: right; } .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; } .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 .lineItemHeading { margin-bottom: 0px; } .pageContent-checkoutOrderView .buttons { margin-top: 20px; overflow: auto; } .pageContent-checkoutOrderView .buttons .backButton { float: left; } .pageContent-checkoutOrderView .buttons .placeOrderButton { float: right; } @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 { margin-top: 20px; overflow: auto; } .pageContent-checkoutOrderPrintView .buttons .closeButton { float: left; } .pageContent-checkoutOrderPrintView .buttons .printButton { float: right; } @media only all and (max-width: 640px) { .pageContent-checkoutOrderPrintView .salesOrganizationContactWrapper .boxInnerWrapper, .pageContent-checkoutOrderPrintView .customerContactWrapper .boxInnerWrapper { margin-top: 20px; } } .pageContent-checkoutOrderPlaced .acknowledgementOfReceipt { margin-bottom: 15px; } .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: #01a9ec; } @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: #01a9ec; } .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: #01a9ec; } .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: #01a9ec; } @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: 11px; } .pageContent-backorderList .backorderPagination { overflow: auto; margin-top: 10px; } .pageContent-backorderList .backorderPagination .itemsFound { float: left; margin-bottom: 5px; } .pageContent-backorderList .backorderPagination .pages { 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 .page { display: inline-block; height: 16px; padding: 4px 9px; margin-bottom: 1px; color: #01a9ec; 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.page:hover, .pageContent-backorderList .backorderPagination .page.active { color: #ffffff; background-color: #20b8f1; } .pageContent-createAccount .errorMsg { margin-bottom: 15px; color: red; font-weight: bold; } .pageContent-createAccount table.attributes { margin: 0px; padding: 0px; border: 0px; } .pageContent-createAccount table.attributes td { padding-bottom: 10px; vertical-align: top; } .pageContent-createAccount table.attributes td.attributeLabel { white-space: nowrap; } .pageContent-createAccount table.attributes td.attributeValue { width: 100%; padding-left: 10px; } .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: 5px; margin-bottom: 15px; } .pageContent-createAccount .mandatoryCheckbox { display: table-row; } .pageContent-createAccount .checkboxCell { display: table-cell; padding-right: 10px; padding-top: 10px; } .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; } .pageContent-createAccount button { margin-top: 20px; } @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 table.attributes { margin: 0px; padding: 0px; border: 0px; } .pageContent-customerData table.attributes td { padding-bottom: 10px; vertical-align: top; } .pageContent-customerData table.attributes td.attributeLabel { white-space: nowrap; } .pageContent-customerData table.attributes td.attributeValue { width: 100%; padding-left: 10px; } .pageContent-customerData input.inputField { width: 75%; } .pageContent-customerData input.postalCode { width: 100px; } .pageContent-customerData button { margin-top: 10px; } @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-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: #01a9ec; 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: #01a9ec; font-weight: bold; text-decoration: none; } .pageContent-sitemap ul.subMenu.level2 li a { font-size: 11px; } .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 .inputField { width: 75%; } .pageContent-passwordReminder .missing { border: 2px solid #ff0000; } .pageContent-passwordReminder .buttons { margin-top: 20px; } .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-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; } .pageContent-dialog button { margin-top: 10px; } .pageContent-loginRequired .attributeValue input { width: 95%; } @media only all and (max-width: 805px) { .responsiveLayout .layoutOuterWrapper { padding: 0px 5px; } } .responsiveLayout .layoutBottomWrapper { padding-top: 10px; } .responsiveLayout .mobileMenuWrapper { display: none; position: relative; } .responsiveLayout .mobileMenuWrapper .mobileMenuButton { top: 15px; } @media only all and (max-width: 805px) { .responsiveLayout .mobileMenuWrapper { display: table-cell; } .responsiveLayout .layoutFirstTopWrapper .logoWrapper { display: none; } } h1 { color: #6787b7; } h2 { color: #333; } .pageContent button { } .pageContent button:hover, .pageContent button:focus, .pageContent button:active { background-color: #6787b7; } .pageContent button.continue::after { border-color: transparent transparent transparent #333; } .pageContent button.back::before { border-color: transparent #333 transparent transparent; } .responsiveLayout .layoutFirstTopWrapper .logoInnerWrapper { padding-top: 20px; } .responsiveLayout .layoutSecondTopWrapper .menuWrapper { background-color: #6787b7; border-color: #6787b7; } .responsiveLayout .layoutBottomWrapper { border-color: #6787b7; } .quickSearch { border-color: #6787b7; } .quickSearch .searchButton { background-color: #6787b7; } .quickSearch .ui-autocomplete { border-color: #6787b7; } .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel { background-color: #6787b7; } .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .button { } .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel a:hover { color: #fff; } .responsiveLayout .meta .metaElement:hover .metaLink { color: #6787b7; } .responsiveLayout .meta .loginMetaElement:hover .metaLink { background-image: url("img/icon_account.png"); } .responsiveLayout .meta .accountMetaElement:hover .metaLink { background-image: url("img/icon_account.png"); } .responsiveLayout .meta .shoppingCartMetaElement:hover .metaLink { background-image: url("img/icon_shoppingCart.png"); } .responsiveLayout .meta .shoppingCartMetaElement .metaLink .numberOfLineItems { background-color: #6787b7; } .miniShoppingCart .switchShoppingCart ul { border-color: #fff; } .miniShoppingCart .switchShoppingCart li.active, .miniShoppingCart .switchShoppingCart li:hover { background-color: #fff; color: #6787b7; } .miniShoppingCart .switchShoppingCart li a { border-color: #fff; } .responsiveLayout .meta .wishlistMetaElement .metaLink .numberOfLineItems { background-color: #6787b7; } .miniAccount .accountMenu .menuEntry { border-color: #fff; } .miniAccount .accountMenu { border-color: #fff; } .miniAccount .accountMenu .menuEntry:hover { color: #6787b7; background-color: #fff; } .miniWishlist .switchWishlist ul { border-color: #fff; } .miniWishlist .switchWishlist li:hover, .miniWishlist .switchWishlist li.active { color: #6787b7; background-color: #fff; } .miniWishlist .switchWishlist li a { border-color: #fff; } .mobileMenuButton .line { background-color: #fff; } .mobileMenuButton { background-color: #6787b7; } .mobileMenu { background-color: #6787b7; } .mobileTreeMenu .head { color: #fff; } .mobileTreeMenu .head .close { color: #fff; } .mobileTreeMenu .head .menuLines .line { background-color: #6787b7; } .mobileTreeMenuCategoryList .menuItem.active { background-color: #fff; } .mobileTreeMenuCategoryList .menuItem.active .menuItemLink { color: #6787b7; } .mobileTreeMenuCategoryList li.level0 .menuItem .menuItemLink { color: #fff; } .mobileTreeMenuCategoryList li.level0 .menuItem.active .menuItemLink { color: #6787b7; } .mobileTreeMenuCategoryList .menuItem.active .menuItemButton { background-color: #332e30; } .mobileTreeMenu .metaLinks-item a { color: #fff; } .breadcrumbs li a { } .breadcrumbs li a:hover { background-color: #6787b7; } .breadcrumbs li.active span, .breadcrumbs li.active a { background-color: #6787b7; } .pageContent-wishlist .manageWishlists .flyoutMenuElement:hover .manageWishlistsActivator { color: #6787b7; } .pageContent-wishlist .manageWishlists .flyoutMenuElement:hover .manageWishlistsActivator::after { border-color: #6787b7 transparent transparent transparent; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel { background-color: #6787b7; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel ul { border-color: #fff; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel li.active, .pageContent-wishlist .manageWishlists .flyoutMenuPanel li:hover { color: #6787b7; background-color: #fff; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel li a { border-color: #fff; } .verticalCategoryList a.active { color: #6787b7; } .verticalCategoryList a:hover { color: #6787b7; } .verticalCategoryList ul.subMenu a.withSubCategories:hover::after, .verticalCategoryList ul.subMenu a.active.withSubCategories::after { border-color: #6787b7 transparent transparent transparent; } .subCategoryList a.categoryName:hover { color: #6787b7; } .subCategoryList ul.subMenu li.subCategory a:hover { color: #6787b7; } .pagination a.page:hover, .pagination .page { color: #6787b7; } .pagination a.page:hover, .pagination .page.active { background-color: #6787b7; } .responsiveLayout .layoutPreBottomWrapper .salesTaxAndShippingInfo a:hover { color: #6787b7; } .tableHeader .tableCell a:hover, .tableHeader .tableCell.sortDescIsActive a, .tableHeader .tableCell.sortDescIsActive a, .tableHeader .tableCell.sortAscIsActive a, .tableHeader .tableCell.sortAscIsActive a { color: #6787b7; } .tableHeader .tableCell.sortDesc a:hover::after, .tableHeader .tableCell.sortDescIsActive a::after, .tableHeader .tableCell.sortDescIsActive a:hover::after { border-color: #6787b7 transparent transparent transparent; } .tableHeader .tableCell.sortAscIsActive a::after, .tableHeader .tableCell.sortAscIsActive a:hover::after { border-color: transparent transparent #6787b7 transparent; } .itemList a.itemName:hover, .itemList a.itemName:active { color: #6787b7; } .pageContent-customerDocumentList .tableRow .tableCell a:hover { color: #6787b7; } .pageContent-customerDocument .tableRow .tableCell a:hover { color: #6787b7; } .pageContent-shoppingCart .documentEnd .salesTaxAndShippingConditions a:hover { color: #6787b7; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuElement:hover .switchShoppingCartActivator::after { border-color: #6787b7 transparent transparent transparent; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuElement:hover .switchShoppingCartActivator { color: #6787b7; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel { background-color: #6787b7; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel ul { border-color: #fff; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li a { border-color: #fff; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li.active, .pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li:hover { background: #fff; color: #6787b7; } .lineItems a.itemName:hover, .lineItems a.itemName:active { color: #6787b7; } .presentationIcon a:hover, .presentationIcon a.active { background-color: #6787b7; } .footer .footerCol { color: #e1e1e1; } .footer .footerCol a:hover { color: #fff; } .copyright a:hover { color: #fff; } .breadcrumbs { display: none; } .responsiveLayout .meta .mitarbeiterAccountMetaElement .metaLink { background-image: url("img/icon_account.png"); } .responsiveLayout .meta .mitarbeiterAccountMetaElement:hover .metaLink { background-image: url("img/icon_account.png"); } .mitarbeiterMiniAccount { max-width: 270px; } .mitarbeiterMiniAccount .userName { margin-top: 5px; } .mitarbeiterMiniAccount .userName .value { font-weight: bold; } .responsiveLayout .meta .searchMetaElement .metaLink { background-image: url("img/lupe.gif"); background-position: center 5px; } .responsiveLayout .meta .searchMetaElement:hover .metaLink { background-image: url("img/lupe.gif"); } .mitarbeiterMiniAccount { max-width: 270px; } .pageContent a.button { padding: 3px 7px; cursor: pointer; font-size: 13px; 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; box-sizing: border-box; display: inline-block; display: inline-flex; align-items: center; justify-content: center; vertical-align: top; text-align: center; } .pageContent a.button:hover, .pageContent a.button:focus, .pageContent a.button:active { color: #ffffff; background-color: #6787b7; text-decoration: none; } .pageContent a.button.primary { color: #ffffff; background-color: #6eab24; } .pageContent a.button.primary:hover, .pageContent a.button.primary:focus, .pageContent a.button.primary:active { color: #ffffff; background-color: #85cf2b; } .pageContent a.backToMitarbeiterBereichButton { background: #01b7ff; color: #fff; border-color: #01b7ff; font-weight: normal; margin-top: 20px; } .pageContent a.backToMitarbeiterBereichButton:hover { color: #fff; } @media screen and (min-width: 550px) { .pageContent a.backToMitarbeiterBereichButton { display: none; } } .pageContent a.button .button-content-wrapper { display: table; width: 100%; height: 100%; box-sizing: border-box; } .pageContent a.button .button-content { display: table-row; } .pageContent a.button .button-content-inner { display: table-cell; vertical-align: middle; text-align: center; } @media screen and (max-width: 870px) { .pageContent button { min-height: 55px; min-width: 110px; padding: 5px 7px; } .pageContent a.button { height: 55px; padding: 0 7px; } } .pageContent button.largebutton { min-height: 55px; min-width: 110px; padding: 5px 7px; } .pageContent a.button.largebutton { height: 55px; padding: 0 7px; line-height: 50px; } input.dangerButton, button.dangerButton, a.button.dangerButton { color: #ffffff; background: rgb(255,38,38); background: -moz-linear-gradient(top, #febbbb, #ff2626); background: -ms-linear-gradient(top, #febbbb, #ff2626); background: -webkit-gradient(linear, left top, left bottom, from(#febbbb), to(#ff2626)); background: -webkit-linear-gradient(top, #febbbb, #ff2626); background: -o-linear-gradient(top, #febbbb, #ff2626); background: linear-gradient(top, #febbbb, #ff2626); } div.mitarbeiterLogin input.inputField { width: 92%; margin-top: 2px; margin-bottom: 5px; } div.mitarbeiterLogin a:hover { color: #6787b7; text-decoration: underline; } .pageContent-mitarbeiterBereich .userName { float: left; } .pageContent-mitarbeiterBereich button, .pageContent-mitarbeiterBereich .button { height: 55px; min-width: 110px; } .pageContent-mitarbeiterBereich .buttonsOben { margin-bottom: 20px; } .pageContent-mitarbeiterBereich .buttonsOben .neukundenLoeschen { display: inline-block; } .pageContent-mitarbeiterBereich .buttonsOben button, .pageContent-mitarbeiterBereich .buttonsOben .button { margin: 5px 5px 0 0; } .pageContent-mitarbeiterBereich .miniWishlist { margin-top: 10px; background: #eee; display: block; padding: 5px; display: inline-block; margin-right: 10px; width: 200px; overflow: auto; vertical-align: top; } .pageContent-mitarbeiterBereich .miniWishlist .title { font-weight: bold; color: #6787b7; } .pageContent-mitarbeiterBereich .miniWishlist .switchWishlist li { white-space: nowrap; } .pageContent-mitarbeiterBereich .buttonsUnten { margin-top: 50px; } .pageContent-mitarbeiterBereich .buttonsUnten button, .pageContent-mitarbeiterBereich .buttonsUnten .button { margin: 5px 5px 0 0; } .pageContent-mitarbeiterBereich .languageSelection { display: block; margin-top: 20px; width: 100%; } @media only all and (max-width: 550px) { .pageContent-mitarbeiterBereich .miniWishlist { display: block; max-width: 90%; } } .pageContent-mitarbeiterBereich .logoutMitarbeiterForm { display: inline-block; } .pageContent-kundenBereich button, .pageContent-kundenBereich .button { height: 55px; min-width: 110px; } .pageContent-kundenBereich .kundenBereich-buttons .button { margin: 5px 5px 0 0; } .pageContent-kundenBereich .nutzerdaten { margin-top: 15px; } .pageContent-kundenBereich .nutzerdaten .datenLeft { float: left; margin-right: 20px; } .pageContent-kundenBereich .nutzerdaten .datenRight { } .pageContent-kundenBereich .notizen { margin-top: 5px; } .pageContent-kundenBereich .notizen .header { text-decoration: underline; margin-bottom: 2px; } .pageContent-kundenBereich .nutzerdaten .datenRight { } .pageContent-kundenBereich .ansprechpartnerListe { margin-top: 30px; margin-bottom: 15px; } .pageContent-kundenBereich .ansprechpartnerListe .ansprechpartner { margin-top: 2px; } .pageContent-kundenBereich .rueckstandsHinweis, .pageContent-kundenBereich .rueckstandsHinweis * { color: red; } .pageContent-kundenBereich .rueckstandsHinweis a { text-decoration: underline; } .pageContent-kundenBereich .liefersperre { color: red; font-weight: bold; } .pageContent-kundenBereich .zahlungsBedingung { margin-top: 5px; } .pageContent-kundenBereich .miniWishlist { margin-top: 20px; background: #eee; display: inline-block; padding: 5px; margin-right: 10px; width: 200px; overflow: auto; vertical-align: top; } .pageContent-kundenBereich .miniWishlist .title { font-weight: bold; color: #6787b7; } .pageContent-kundenBereich .miniWishlist .switchWishlist li { white-space: nowrap; } .pageContent-kundenBereich .kundenBereich-actions { margin: 15px 0; } .pageContent-kundenBereich .kundenBereich-actions .button { margin: 0 5px 0 0; } .pageContent-kundenBereich .kundenstatus { margin-top: 10px; } .pageContent-kundenBereich .lieferfreigrenze { margin-top: 10px; } .pageContent-kundenBereich .kundenhinweise { font-weight: bold; margin-top: 10px; } @media only all and (max-width: 550px) { .pageContent-kundenBereich .miniWishlist { display: block; max-width: 90%; } } .pageContent-kundenBereich .messeTextMerkzettel { width: 200px; display: inline-block; margin-top: 20px; background: #eee; padding: 5px; vertical-align: top; } .pageContent-kundenBereich .messeTextMerkzettel-heading { font-weight: bold; color: #6787b7; } .pageContent-kundenBereich .messeTextMerkzettel-content { margin-top: 5px; } .pageContent-kundenBereich .messeTextMerkzettel .record { margin-right: 10px; } .pageContent-kundenBereich .messeTextMerkzettel .record .datum { margin-bottom: 2px; } .pageContent-kundenBereich .messeTextMerkzettel .record .post { font-style: italic; } .pageContent-kundenBereich .messeTextMerkzettel .record .actions { float: right; } .pageContent-kundenBereich .messeTextMerkzettel .records { max-height: 200px; overflow: auto; } .pageContent-kundenBereich .messeTextMerkzettel .records .tableRowSeparator { clear: both; } .pageContent-kundenBereich .messeTextMerkzettel .newEntry { margin-top: 5px; text-align: right; margin-right: 10px; } .pageContent-kundenBereich .messeTextMerkzettel .newEntry a.showForm { font-weight: bold; } .pageContent-kundenBereich .messeTextMerkzettel #newEntryForm { display: none; } .pageContent-kundenBereich .messeTextMerkzettel #newEntryForm textarea { width: 180px; padding: 0; margin: 5px 0; } .pageContent-kundenBereich .messeTextMerkzettel #newEntryForm .button { height: 35px; min-height: 35px; } .pageContent-kundenBereich .messeTextMerkzettel #updateEntryForm { display: none; text-align: right; margin-right: 10px; margin-top: 5px; } .pageContent-kundenBereich .messeTextMerkzettel #updateEntryForm textarea { width: 170px; padding: 0; margin: 5px 0; } .pageContent-kundenBereich .messeTextMerkzettel #updateEntryForm .button { height: 35px; min-height: 35px; } @media only all and (max-width: 550px) { .pageContent-kundenBereich .messeTextMerkzettel { display: block; max-width: 90%; } } .pageContent-kundenAuswahl .kundenAuswahl-form { width: 100%; margin-bottom: 5px; } .pageContent-kundenAuswahl .kundenAuswahl-form-button { vertical-align: bottom; width: 1px; } .pageContent-kundenAuswahl .neukundenfilter { margin: 5px 0; } .pageContent-kundenAuswahl .mitWarenkorbFilter { margin: 5px 0; } .pageContent-kundenAuswahl .vertreternummer { margin-top: 5px; } .pageContent-kundenAuswahl .button.primary { margin-top: 10px; } .pageContent-kundenAuswahl .kundenAuswahl-liste { margin: 10px 0; width: 100%; } .pageContent-kundenAuswahl .kundenAuswahl-liste-row0 { background: #eee; } .pageContent-kundenAuswahl .kundenAuswahl-liste-login { width: 1px; } .pageContent-kundenAuswahl .kundenAuswahl-liste .noMesseNotice { text-decoration: underline; } .pageContent-kundenAuswahl .kundenAuswahl-liste .userNo { font-weight: bold; } .pageContent-kundenAuswahl .kundenAuswahl-liste .createTimestamp { font-style: italic; } .pageContent-kundenAuswahl .kundenAuswahl-liste .merkzettel { color: green; font-weight: bold; } .pageContent-kundenAuswahl .kundenAuswahl-liste .warenkorb { color: #6787b7; font-weight: bold; } .pageContent-kundenAuswahl .kundenAuswahl-liste .rueckstand { color: red; font-weight: bold; } .pageContent-kundenAuswahl .kundenAuswahl-liste .letzteMesse { display: block; } .pageContent-kundenAuswahl .kundenAuswahl-liste .letzterMitarbeiter { display: block; } @media only all and (min-width: 400px) and (max-width: 550px) { .pageContent-kundenAuswahl .kundenAuswahl-liste-row { position: relative; } .pageContent-kundenAuswahl .kundenAuswahl-liste-login { position: absolute; top: 0; right: 0; } } .pageContent-belegverwaltung .list { margin: 10px 0; } .pageContent-belegverwaltung .belegkopf { float: left; } .pageContent-belegverwaltung .belegkopf td.label { padding-right: 7px; } .pageContent-belegverwaltung .belegkopf td.pdfDownload { padding-top: 5px; } .pageContent-belegverwaltung .belegkopf td.pdfDownload a { background: transparent url(img/pdf.png) scroll no-repeat; padding-left: 20px; display: block; height: 16px; line-height: 16px; } .pageContent-belegverwaltung .belegActions { text-align: right; } .pageContent-belegverwaltung .belegActions .sendBelegButton { display: inline-block; margin-bottom: 5px; } .pageContent-belegverwaltung .belegActions .deleteBelegButton { display: inline-block; margin-bottom: 5px; } .pageContent-belegverwaltung .belegpositionen { } .pageContent-belegverwaltung .belegpositionen .tableCell-einzelpreis { text-align: right; } .pageContent-belegverwaltung .belegpositionen .tableCell-gesamtpreis { text-align: right; } .pageContent-belegverwaltung .belegpositionen .tableCell-menge { text-align: right; } .pageContent-belegverwaltung .belegpositionen .tableCell-icon img { max-width: 100px; max-height: 75px; } .pageContent-belegverwaltung .belegpositionen .itemNo { font-weight: bold; } .pageContent-belegverwaltung .belegpositionen .mobileOnly { float: left; margin-right: 5px; } .pageContent-belegverwaltung .status0 { color: green; } .pageContent-belegverwaltung .status1 { color: red; } .pageContent-belegverwaltung .status2 { color: blue; } .pageContent-belegverwaltung .status3 { color: grey; } .pageContent-belegverwaltung .resultMessage { margin-top: 10px; } .pageContent-belegverwaltung .resultMessage.errorMessage { color: red; } .pageContent-belegverwaltung .resultMessage.successMessage { color: green; } .pageContent-belegverwaltung .putIntoCart { margin-bottom: 5px; } .pageContent-messeVerwaltung .messenlist { margin-top: 20px; } .pageContent-messeVerwaltung .header { font-weight: bold; } .pageContent-messeVerwaltung .messenlist .header td { padding: 2px; white-space: nowrap; font-weight: bold; color: #ffffff; background-color: #999999; } .pageContent-messeVerwaltung .messenlist .tableRow0 { background-color: #eeeeee; } .pageContent-messeVerwaltung .messenlist-description .messeBez { font-weight: bold; } .pageContent-messeVerwaltung .messenlist-aktion { width: 1px; white-space: nowrap; text-align: right; } .pageContent-messeVerwaltung .messe_unchangable_notice { font-weight: bold; } .pageContent-messeVerwaltung .aktuelle_messe { font-weight: bold; } .pageContent-messeVerwaltung .messeStatus .aktiv { color: green; font-weight: bold; } .pageContent-messeVerwaltung .messeStatus .inaktiv { color: red; } .pageContent-messeVerwaltung .messe_inaktiv { font-style: italic; } .pageContent-messeVerwaltung .messe_ausgewaehlt { font-weight: bold; } .pageContent-messeVerwaltung .createform { margin-top: 20px; background-color: #dddddd; padding: 5px; max-width: 1000px; width: 100%; box-sizing: border-box; } .pageContent-messeVerwaltung .createform .table { width: 100%; } .pageContent-messeVerwaltung .createform .tableCell { vertical-align: middle; } .pageContent-messeVerwaltung .createform-label { width: 1px; } .pageContent-messeVerwaltung .createform-bez { width: 90%; } .pageContent-messeVerwaltung .createform-buttons { text-align: right; width: 1px; } .pageContent-messeVerwaltung_item div.hasShoppingCarts { margin-bottom: 10px; color: green; font-weight: bold; } .pageContent-messeVerwaltung_item td.label { font-weight: bold; padding: 2px 10px 2px 0px; } .pageContent-messeVerwaltung_item td.value { padding: 2px 0px 2px 0px; } .pageContent-messeVerwaltung_item .messeform { } .pageContent-messeVerwaltung_item .messeform div.buttons { margin-top: 20px; } .pageContent-messeVerwaltung_item .messeform span.disabled { visibility: hidden; } .pageContent-messeVerwaltung_item .specialActions { margin-top: 30px; } .pageContent-messeVerwaltung_item .specialAction { padding-top: 10px; border-width: 1px 0 0 0; border-style: solid; border-color: silver; } .pageContent-messeVerwaltung_item textarea { width: 90%; } .pageContent-messeVerwaltung_item .specialAction.deleteOrders {} .pageContent-item .imageWrapper .image img { max-width: 100%; } .pageContent-item .qtyInputLine { margin-bottom: 3px; white-space: nowrap; } .pageContent-item .plusMinusButton, .pageContent-item .clearButton { width: 40px; height: 40px; cursor: pointer; } .pageContent-item .plusMinusButton.minusButton { background: #eeeeee url(img/messe/basket_neu2.gif) scroll no-repeat 6px 4px; margin: 0 5px; } .pageContent-item .plusMinusButton.plusButton { background: #eeeeee url(img/messe/basket_neu.gif) scroll no-repeat 6px 4px; margin: 0 5px; } .pageContent-item .clearButton { background: #eeeeee url(img/remove.gif) scroll no-repeat 11px 10px; margin: 0 5px; } .pageContent-item .saveButton { margin-top: 5px; vertical-align: middle; } .pageContent button.addToCartButton { min-height: 50px; padding-left: 35px; background-image: url(img/icon_shoppingCart-22x21.png); background-repeat: no-repeat; background-position: 5px center; margin-right: 10px; } .pageContent button.addToWishlistButton { min-height: 50px; padding-left: 35px; background-image: url(img/icon_wishlist-22x21.png); background-repeat: no-repeat; background-position: 5px center; } .pageContent-item .itemDetailContainer div.itemAttribute .label, .pageContent-item .itemDetailContainer div.itemAttribute .value { display: inline-block; } .pageContent-item .itemAttribute.restmenge .value { font-weight: bold; } .pageContent-item .itemAttribute.restmenge.mengenalarm .value { color: red; } .pageContent-item .itemTabs { margin-top: 20px; } .pageContent-item .itemTabs .infoWrapper .heading, .pageContent-item .itemTabs .variantenMatrix .heading, .pageContent-item .itemTabs .billOfMaterialWrapper .heading, .pageContent-item .itemTabs .crossSellingWrapper .heading { display: none; } .pageContent-item .itemTabs li.ui-state-active { border-color: #6787b7; background-color: #6787b7; } .pageContent-userverwaltung a { text-decoration: none; } .pageContent-userverwaltung .userlist { width: 100%; max-width: 1000px; } .pageContent-userverwaltung .userlist-aktion { text-align: right; width: 1px; white-space: nowrap; } .pageContent-userverwaltung .userlist .tableRow { vertical-align: top; } .pageContent-userverwaltung .userlist .tableRow0 { background-color: #eee; } .pageContent-userverwaltung .userlist .status { color: red; } .pageContent-userverwaltung .userlist .dangerButton { min-width: auto; } .pageContent-userverwaltung table.user tr td.label { padding: 2px 0px 2px 0px; } .pageContent-userverwaltung table.user tr td.value { padding: 2px 0px 2px 10px; } .pageContent-userverwaltung .errorMessage { color: red; } .pageContent-userverwaltung .successMessage { color: green; } .pageContent-userverwaltung button.dangerButton { min-width: 40px; } .messeInfo { float: right; font-weight: bold; overflow: auto; background: #eee; padding: 5px 10px; } div.languageSelection { width: 150px; height: auto; overflow: hidden; } div.languageSelection select { width: 100px; margin-top: 0; } .pageContent-mitarbeiterBereich .languageSelection .box .boxContent { padding: 10px; } .pageContent-mitarbeiterBereich .languageSelection .box .boxTitle { display: none; } .pageContent-umsatzstatistik .statistikform { margin-bottom: 10px; display: block; } .pageContent-umsatzstatistik .statistikform .messeSelect { margin: 5px; display: inline-block; white-space: nowrap; } .pageContent-umsatzstatistik .statistikform .typSelect { margin: 5px; display: inline-block; white-space: nowrap; } .pageContent-umsatzstatistik .statistikform .auftragsartSelect { margin: 5px; display: inline-block; white-space: nowrap; } .pageContent-umsatzstatistik .statistikform .mitarbeiterUndDatum-delete { cursor: pointer; } .pageContent-umsatzstatistik a { text-decoration: none; } .pageContent-umsatzstatistik a:hover { text-decoration: underline; } .pageContent-umsatzstatistik .tableCell.icon img { max-height: 50px; } .pageContent-umsatzstatistik .tableCell.netto { text-align: right; } .pageContent-umsatzstatistik .tableCell.menge { text-align: right; } .pageContent-umsatzstatistik .tableCell.nettoMittel { text-align: right; } .pageContent-umsatzstatistik .tableCell.anzahlAuftraege { text-align: right; } .pageContent-umsatzstatistik .tableCell.artikelStatus { text-align: right; } .pageContent-umsatzstatistik .tableCell.itemname .itemNo { font-weight: bold; } .pageContent-umsatzstatistik .tableRow.gesamt .tableCell { font-weight: bold; } .pageContent-umsatzstatistik div.csvdownload { padding-top: 10px; } .pageContent-umsatzstatistik div.csvdownload a { text-decoration: underline; } .quickSearch { height: auto; border: none; background: none; margin: 10px 0; width: 100%; background: #eee; padding: 5px; -moz-border-radius: 0 0 0 0; -khtml-border-radius: 0 0 0 0; -webkit-border-radius: 0 0 0 0; -o-border-radius: 0 0 0 0; border-radius: 0 0 0 0; ; box-sizing: border-box; } .quickSearch-table { display: table; max-width: 800px; } .quickSearch-heading { font-weight: bold; color: #6787b7; } .quickSearch form { display: table-row; } .quickSearch-fields { display: table-cell; } .quickSearch .searchInput { padding-left: 0; background-color: #fff; margin: 5px 10px 0 0; } .quickSearch .searchInput input { background: #fff; box-sizing: border-box; padding-left: 5px; font-size: 14px; } .quickSearch .searchInCategoryEnabled .searchInput { display: inline-block; margin-right: 10px; } .quickSearch .statusFilter { display: inline-block; margin-top: 5px; } .quickSearch .statusFilter select { width: 150px; margin-top: 0; padding: 0px; border: none; background-color: #fff; font-size: 14px; height: 34px; line-height: 34px; } .quickSearch .searchInCategoryEnabled .searchInCategory { display: inline-block; } .quickSearch .searchInCategory { float: none; width: auto; margin: 5px 10px 0 0; } .quickSearch .searchInCategory select { background-color: #fff; height: 34px; line-height: 34px; margin-top: 0; width: 150px; } .quickSearch .searchButtonCell { display: table-cell; width: 1px; } .quickSearch .searchButton { height: 34px; margin-left: 10px; float: none; } .pageContent-shoppingCart .auftragsart { white-space: nowrap; } .pageContent-shoppingCart .vororder { margin-top: 5px; } .pageContent-shoppingCart .vororder select { max-width: 50%; } .pageContent-shoppingCart .liefertermin { margin-top: 5px; } .pageContent-shoppingCart .liefertermin img { position: relative; top: 2px; } .pageContent-shoppingCart .deleteLiefertermin { margin-left: 10px; } .pageContent-shoppingCart .isMitarbeiterPreis { font-weight: bold; color: green; text-decoration: underline; } .pageContent-shoppingCart .showDetails { min-width: 60px; } .pageContent-shoppingCart .deleteLineItem { background: url(img/remove.gif) no-repeat scroll 16px 19px #eeeeee; margin: 0 5px; min-width: 35px; min-height: 50px; } .pageContent-shoppingCart .lineItems .itemNo { font-weight: bold; } .pageContent-shoppingCart .lineItems .sofortLieferbar, .pageContent-shoppingCart .lineItems .nachlieferungsTermin { font-style: italic; margin-top: 3px; } .pageContent-shoppingCart .lineItems .sofortLieferbar { color: green; } .pageContent-shoppingCart .lineItems .nachlieferungsTermin { color: red; } .pageContent-shoppingCart .lineItems .lieferbareMenge { font-style: italic; } .pageContent-shoppingCart .lieferterminAngepasst { font-weight: bold; margin: 5px 0; } .pageContent-shoppingCart .lieferFreigrenze { font-style: italic; text-align: right; margin: 5px 0; } .pageContent-shoppingCart .belegInBearbeitung { padding: 2px; border: 2px solid red; margin-bottom: 10px; } .pageContent-shoppingCart .belegInBearbeitung a { font-weight: bold; text-decoration: underline; } .pageContent-shoppingCart .editingNotice { } .pageContent-shoppingCart .moveLineItemsForm { margin-top: 10px; } .pageContent-shoppingCart .hasMitarbeiterPreis .price_with_discounts, .pageContent-shoppingCart .hasMitarbeiterPreis .total_with_discounts { color: green; font-weight: bold; } .pageContent-shoppingCart .hasMitarbeiterPreis .price_with_discounts .price:after, .pageContent-shoppingCart .hasMitarbeiterPreis .total_with_discounts .price:after { content: " *"; } .pageContent-shoppingCart .hasMitarbeiterPreise { color: green; font-weight: bold; text-align: right; } .pageContent-checkoutOrderDetails .kommentarVorgaben { margin-bottom: 20px; } .pageContent-checkoutOrderDetails .kommentarInnendienst textarea.inputField { width: 98%; } .pageContent-checkoutShipping .lieferFreigrenze { font-style: italic; margin: 5px 0; } div.crossSellingItemList { margin: 10px 0px 0px 0px; } div.crossSellingItemList .header td { padding: 5px; white-space: nowrap; font-weight: bold; color: #444444; background-color: #e5e5e5; border-bottom: 10px solid white; } div.crossSellingItemList .row0 td { padding: 0px 5px 0px 5px; } div.crossSellingItemList .row1 td { padding: 0px 5px 0px 5px; } div.crossSellingItemList div.linie { height: 2px; font-size: 2px; margin: 10px 0px 10px 0px; padding: 0px; background-color: #e5e5e5; } div.crossSellingItemList img.icon { max-width: 100px; max-height: 100px; } div.crossSellingItemList input.imgbutton { margin-bottom: 1px; vertical-align: text-bottom; } div.crossSellingItemList span.min_qty { } div.crossSellingItemList span.sales_unit { } div.crossSellingItemList span.qty_per_unit { } div.crossSellingItemList td.icon img { max-width: 100px; } div.crossSellingItemList td.buttons { text-align: right; } div.crossSellingItemList div.crossSellingButtons { float: right; } div.crossSellingItemList div.linie { height: 1px; font-size: 1px; margin: 2px 0; padding: 0; background-color: #e5e5e5; } .pageContent-item .characteristics { display: table; margin-bottom: 10px; } .pageContent-item .characteristics a { font-weight: bold; text-decoration: underline; } .pageContent-item .characteristics option.disabled { color: #bbbbbb; } .pageContent-item .characteristics .characteristic { display: table-row; } .pageContent-item .characteristics .characteristicCell { display: table-cell; padding-bottom: 8px; } .pageContent-item .characteristics .characteristic.last .characteristicCell { padding-bottom: 0px; } .pageContent-item .characteristics .characteristicCell.characteristicLabel { padding-right: 10px; } .pageContent-item .characteristics .characteristicValue { font-weight: bold; } .pageContent-item .characteristics .characteristicValue a { font-weight: normal; } .pageContent-item #variantenMatrix .crossSellingButtons { margin-top: 15px; } .pageContent-checkoutOrderView .additionalEmailAddress { margin: 20px 0; } .pageContent-checkoutOrderView .sendUserCopy { margin: 20px 0; } .pageContent-checkoutOrderView .sendPrintCopy { margin: 20px 0; } .pageContent-checkoutOrderView .freigabeCode .label { font-weight: bold; } .pageContent-checkoutOrderView .saveOrder { margin-left: 10px; } .pageContent-checkoutOrderView .setMitarbeiterRabatt { margin-top: 20px; text-align: right; } .pageContent-checkoutOrderView .setMitarbeiterRabatt button { width: 40px; min-width: 40px; background: -moz-linear-gradient(top, #eeeeee, #dddddd); background: -ms-linear-gradient(top, #eeeeee, #dddddd); background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd)); background: -webkit-linear-gradient(top, #eeeeee, #dddddd); background: -o-linear-gradient(top, #eeeeee, #dddddd); background: linear-gradient(top, #eeeeee, #dddddd); ; } .pageContent-checkoutOrderView .liefertermin { margin-top: 30px; } .pageContent-checkoutOrderView .kommentarVorgabe { margin-top: 30px; } .pageContent-checkoutOrderView .checkoutKommentarInnendienst { margin-top: 30px; } .pageContent-checkoutOrderView .valuta { font-weight: bold; margin: 10px 0; } .pageContent-checkoutOrderView .mandatoryCheckboxes { display: none; } .messeSignatureInput { margin-top: 10px; } .messeSignatureInput canvas.previewCanvas { width: 216px; height: 54px; margin-bottom: 10px; border: 1px solid silver; background: #ffffff; vertical-align: middle; } canvas#signatureCanvas { border: 3px solid silver; background-color: #ffffff; z-index: 10001; } #signatureCanvasOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; z-index: 10000; display: none; text-align: center; } .messeSignatureInput .deleteSignature { background: #eeeeee url(img/remove.gif) no-repeat scroll center center; margin: 0 5px; min-width: 35px; min-height: 50px; line-height: 50px; } .messeSignatureInput .showOverlay { background: #eeeeee; margin: 0 5px; min-width: 50px; min-height: 50px; vertical-align: middle; line-height: 50px; } #signatureCanvasOverlay .button { min-height: 80px; min-width: 190px; } .pageContent-checkoutOrderView .buttons .backButton { margin-right: 10px; margin-top: 20px; } .pageContent-checkoutOrderView .buttons .saveOrder { margin-left: 0px; margin-top: 20px; margin-right: 10px; } .pageContent-checkoutOrderView .buttons .placeOrderButton { margin-top: 20px; } .pageContent-checkoutOrderPlaced .button { min-height: 45px; } .pageContent-checkoutOrderPlaced a.button { min-height: 39px; line-height: 40px; } .pageContent-checkoutOrderPlaced .hasOtherCartsNotice { margin: 30px 0 15px 0; } .pageContent-checkoutOrderPlaced .logout { margin-top: 50px; border-top: 1px solid #dddddd; padding-top: 10px; } .pageContent-checkoutOrderPlaced div#pdfDownload { margin-top: 15px; } .pageContent-einstellungen .einstellung { margin-bottom: 20px; } .pageContent-einstellungen .einstellung .topic { font-weight: bold; margin: 5px 0; } .pageContent-einstellungen .einstellung .text { } .pageContent-einstellungen .einstellung .buttons { margin: 10px 0; } .pageContent-einstellungen .einstellung.kommentarVorgaben textarea { width: 90%; } .pageContent-messeAktualisierung .progress { margin-top: 20px; padding: 20px; background-color: #eee; } .pageContent-messeAktualisierung .buttons { margin-top: 20px; } .pageContent-item .terminraster { margin-bottom: 12px; } .pageContent-item .terminraster .topic { font-weight: bold; } .pageContent-item .terminraster table.termine td { padding: 2px 5px; } .scanResultMessages { } .scanResultMessages .itemScanned { } .scanResultMessages .itemScanFailed { color: red; font-weight: bold; } .scanResultMessages .scannedItemInCarts { } .scanResultMessages .scannedItemInBackorder { } .scanResultMessages .scannedItemMoved { } .pageContent-backorderList .pdfDownloadForm { } .pageContent-backorderList .pdfDownloadForm a { text-decoration: none; } .pageContent-backorderList .backorderTotal { margin-bottom: 20px; font-weight: bold; } .messe_shoppingCartSwitch { box-sizing: border-box; background: #eee; width: 100%; background: #eee; padding: 7px; } .messe_shoppingCartSwitch-buttons { display: table; width: 100%; max-width: 600px; } .messe_shoppingCartSwitch-row { display: table-row; } .messe_shoppingCartSwitch .shoppingCart { display: table-cell; width: 25%; text-align: center; vertical-align: middle; padding: 5px; height: 50px; background-color: #dddddd; color: #333333; text-decoration: none; border-left: 5px solid #eee; } .messe_shoppingCartSwitch .shoppingCart.first { border-left: none; } .messe_shoppingCartSwitch .shoppingCart.hasItems { background: -moz-linear-gradient(top, #6787b7, #6787b7); background: -ms-linear-gradient(top, #6787b7, #6787b7); background: -webkit-gradient(linear, left top, left bottom, from(#6787b7), to(#6787b7)); background: -webkit-linear-gradient(top, #6787b7, #6787b7); background: -o-linear-gradient(top, #6787b7, #6787b7); background: linear-gradient(top, #6787b7, #6787b7); ; color: #fff; } .messe_shoppingCartSwitch .shoppingCart.selected { background: -moz-linear-gradient(top, #85cf2b, #6eab24); background: -ms-linear-gradient(top, #85cf2b, #6eab24); background: -webkit-gradient(linear, left top, left bottom, from(#85cf2b), to(#6eab24)); background: -webkit-linear-gradient(top, #85cf2b, #6eab24); background: -o-linear-gradient(top, #85cf2b, #6eab24); background: linear-gradient(top, #85cf2b, #6eab24); ; color: #ffffff; } .messe_shoppingCartSwitch .shoppingCart.selected * { color: #ffffff; } .messe_shoppingCartSwitch .shoppingCart.editingBeleg .editingNotice { color: red; } .messe_shoppingCartSwitch .shoppingCart.editingBeleg .editingNotice .editBelegId { color: red; text-decoration: underline; } .messe_shoppingCartSwitch .shoppingCart .name { display: none; } .messe_shoppingCartSwitch .shoppingCart.vororder .name { display: block; } .messe_shoppingCartSwitch .shoppingCart .content { font-size: 11px; } .messe_shoppingCartSwitch .shoppingCart .date { font-size: 11px; } .messe_shoppingCartSwitch .shoppingCartSelect { display: none; } .messe_shoppingCartSwitch .shoppingCartSelect .activeCart { margin-bottom: 5px; } .messe_shoppingCartSwitch .shoppingCartSelect .activeCart .shoppingCartName { font-weight: bold } .messe_shoppingCartSwitch .shoppingCartSelect select { width: 95%; } @media only all and (max-width: 260px) { .messe_shoppingCartSwitch .shoppingCart { display: none; } .messe_shoppingCartSwitch .shoppingCartSelect { display: block; } } .messe_shoppingCartSwitch .cartSummary .name { display: none; } .responsiveLayout .layoutFirstTopWrapper .messe_shoppingCartSwitch { display: none; } @media screen and (max-width: 400px) { .responsiveLayout .layoutFirstTopWrapper .metaWrapper { display: none; } .responsiveLayout .layoutFirstTopWrapper .searchWrapper { display: none; } .responsiveLayout .layoutFirstTopWrapper .messe_shoppingCartSwitch { display: table-cell; padding-left: 65px; } .responsiveLayout .mobileMenuWrapper { width: 60px; } .responsiveLayout .mobileMenuWrapper .mobileMenuButton { top: 7px; } .layoutMainWrapper .messe_shoppingCartSwitch { display: none; } .messe_shoppingCartSwitch .shoppingCart .name { display: block; font-size: 14px; } .messe_shoppingCartSwitch .shoppingCart.selected .name { font-weight: bold; } .messe_shoppingCartSwitch .shoppingCart .content, .messe_shoppingCartSwitch .shoppingCart .date { display: none; } .messe_shoppingCartSwitch .shoppingCart { height: 30px; } } @media screen and (max-width: 260px) { .pageContent-kundenBereich .nutzerdaten .datenLeft { float: none; margin-right: 0; margin-bottom: 10px; } .pageContent-kundenBereich .nutzerdaten .datenRight { float: none; } } .itemList .plusMinusButton, .itemList .clearButton { width: 40px; height: 40px; cursor: pointer; } .itemList .plusMinusButton.minusButton { background: #eeeeee url(img/messe/basket_neu2.gif) scroll no-repeat 6px 4px; margin: 0 5px; } .itemList .plusMinusButton.plusButton { background: #eeeeee url(img/messe/basket_neu.gif) scroll no-repeat 6px 4px; margin: 0 5px; } .itemList .clearButton { background: #eeeeee url(img/remove.gif) scroll no-repeat 11px 10px; margin: 0 5px; } .itemListTableView .itemListButtons { display: inline-block; } .itemListTableView button.showDetails { min-height: 40px; } #ui-datepicker-div { z-index: 1000 !important; } @media only all and (max-width: 850px) { .itemListTableView .table.mobileAt850px .tableRow .tableCell.buttonCell { display: none; } .itemListTableView .tableRow .tableCell.accessCartOrWishlistCell { display: block; } } @media only all and (max-width: 650px) { .itemListTableView .tableRow .tableCell.accessCartOrWishlistCell { display: none; } } @media only all and (max-width: 400px) { .table.mobileAt400px { display: block; } .table.mobileAt400px .tableHeader { display: none; } .table.mobileAt400px .tableRowGroup { display: block; padding: 9px 0px; border-bottom: 2px solid #e5e5e5; } .table.mobileAt400px .tableRowGroup.first { border-top: 2px solid #e5e5e5; } .table.mobileAt400px.omitLastLine .tableRowGroup.last { border-bottom: none; } .table.mobileAt400px .tableRow { display: block; overflow: hidden; } .table.mobileAt400px .tableRow .tableCell { display: block; width: auto; padding: 0px; border-bottom: none; text-align: left; } .table.mobileAt400px .mobileOnly { display: inline-block; } } .prj_katalogInfo { margin-bottom: 40px; padding: 5px; } .prj_katalogInfo .katalog { text-align: center; display: inline-block; padding: 5px; width: 100px; vertical-align: top; } .prj_katalogInfo .katalogIcon { max-width: 100px; overflow: hidden; display: inline-block; } .prj_katalogInfo .katalogDescription { padding: 3px 0; font-size: 12px; } .prj_katalogInfo img { max-width: 100px; } .prj_katalogInfo .linkToCatalogs { margin-top: 5px; display: block; } .prj_katalogInfo a:hover { color: #6787b7; text-decoration: none; } .pageContentLeft .prj_katalogInfo .title { font-size: 16px; border-bottom: 1px solid #e5e5e5; padding-bottom: 3px; } .mobileMenu .prj_katalogInfo { padding-left: 20px; } .mobileMenu .prj_katalogInfo .title { color: #ccc; font-weight: normal; font-size: 14px; } .mobileMenu .prj_katalogInfo .linkToCatalogs { font-size: 14px; } .pageContent-catalog { margin: auto; width: 100%; background: #fff; } .pageContent-catalog .catalogWrapper { position: relative; } .pageContent-catalog .catalogPages { margin: 0 auto; width: 90%; max-width: 1300px; } .pageContent-catalog .catalogPage { width: 50%; height: auto; overflow: hidden; text-align: center; } .pageContent-catalog .catalogPage .indexPage { text-align: left; } .pageContent-catalog .catalogPage img { max-width: 100%; max-height: 100%; } .pageContent-catalog .catalogNavigation { margin: auto; text-align: center; } .pageContent-catalog .catalogNavigation form { display: inline-block; } .pageContent-catalog .catalogNavigation .button { margin: 0 2px; } .pageContent-catalog .catalogNavigation input.inputField { border-color: #3B3537; font-size: 13px; height: 20px; border-radius: 0px; padding: 5px 5px; margin-right: 5px; } .pageContent-catalog .catalogNavigation button.primary { background-color: #3B3537; font-size: 13px; border-radius: 0px; padding: 6px 10px; } @media screen and (max-width: 870px) { .pageContent-catalog .catalogNavigation button { min-height: auto; min-width: auto; padding: 3px 7px 3px 7px; } .pageContent-catalog .catalogNavigation a.button { height: auto; padding: 0 7px; } } .pageContent-catalog .catalogItemList { width: 1300px; max-width: 100%; margin: 0 auto; min-height: 90px; } .pageContent-catalog .catalogItemList .linkeSeite, .pageContent-catalog .catalogItemList .rechteSeite { text-align: center; width: 50%; overflow: hidden; height: auto; margin-left: 0px; } .pageContent-catalog .catalogItemList .linkeSeite { float: left; } .pageContent-catalog .catalogItemList .rechteSeite { float: right; } .catalogItemListView { } .catalogItemListView .item { display: inline-block; margin: 3px; } .catalogItemListView .item a { text-decoration: none; display: block; border-style: solid; border-width: 1px; padding: 0 2px; box-sizing: border-box; line-height: 22px; min-width: 20px; cursor: pointer; overflow: hidden; } .catalogItemListView .item.inShop a { border-color: #000; } .catalogItemListView .item.inShop a:hover { border-color: #000; } .catalogItemListView .item.notInShop a { border-color: #ccc; } .catalogItemListView .item .button { cursor: pointer; } .catalogItemListView .item.notInShop, .catalogItemListView .item.notInShop .catalogIcon { color: #ccc; } .catalogItemListView .availability img { vertical-align: middle; } .catalogItemListView .doppelteBuchstaben { color: #6EAB24; background: url(img/bestand0.gif) no-repeat center center; width: 18px; height: 24px; display: inline-block; vertical-align: middle; } .pageContent-catalog .catalogItemListWrapper .toggle { display: none; cursor: pointer; height: 30px; vertical-align: middle; line-height: 30px; width: 75%; margin: 0 auto; border: 1px solid #000; color: #000; font-weight: bold; text-decoration: none; } .pageContent-catalog .slick-slide img { display: inline-block; } .pageContent-catalog .horizontalScrollerButton { width: 5%; height: 100%; position: absolute; z-index: 500; cursor: pointer; top: 0; } .pageContent-catalog .horizontalScrollerButton button { background: #fff none repeat scroll 0 0; border: medium none; color: #ccc; cursor: pointer; font-size: 50px; line-height: 715px; outline: 0 none; } .pageContent-catalog .horizontalScrollerButton.scrollLeft { left: 0; } .pageContent-catalog .horizontalScrollerButton.scrollRight { right: 0; } .pageContent-catalog .catalogWrapper { } .pageContent-catalog .catalogWrapper.einseitig .catalogItemList {} .pageContent-catalog .catalogWrapper.einseitig .catalogItemList .linkeSeite { margin: 0; width: 100%; } .pageContent-catalog .catalogWrapper.einseitig { width: 100%; } .pageContent-catalog .catalogWrapper.einseitig .horizontalScrollerButton { display: none; } .pageContent-catalog .slick-arrow { box-sizing: border-box; height: 100%; position: absolute; background: transparent none repeat scroll 0 0; border: medium none; color: #bebebe; cursor: pointer; font-size: 50px; outline: 0 none; top: 0; width: 35px; padding: 0; } .pageContent-catalog .slick-prev.slick-arrow { margin-left: -50px; } .pageContent-catalog .slick-prev.slick-arrow .buttonInner { border-color: transparent #ccc transparent transparent; border-style: solid; border-width: 20px; content: ""; height: 0px !important; line-height: 0px !important; width: 0 !important; font-size: 0px !important; margin-left: -20px; } .pageContent-catalog .slick-next.slick-arrow .buttonInner { border-color: transparent transparent transparent #ccc; border-style: solid; border-width: 20px; content: ""; height: 0px !important; line-height: 0px !important; width: 0 !important; font-size: 0px !important; margin-left: 10px; } .pageContent-catalog button:hover { background-color: #3B3537 !important; } .pageContent-catalog .slick-next.slick-arrow { right: 0; margin-right: -50px; } .pageContent-catalog .slick-prev.slick-disabled { display: none !important; } .pageContent-catalog .slick-next.slick-disabled { display: none !important; } .pageContent-catalog button.goToLastPage { box-sizing: content-box; display: inline-block; position: relative; margin: 15px 10px; border: none; padding: 6px 15px; width: 15px; height: 20px; background: #ccc; color: white; cursor: pointer; border-radius: 0px 4px 4px 0px; } .pageContent-catalog button.goToLastPage:before, .pageContent-catalog button.goToLastPage:after { position: absolute; right: -6.6px; width: 8px; height: 16px; box-shadow: -3.5px 0 0 white; background: inherit; content: ''; } .pageContent-catalog button.goToLastPage:before { top: 0; transform: skewX(30deg); } .pageContent-catalog button.goToLastPage:after { bottom: 0; transform: skewX(-30deg); } .pageContent-catalog button.goToFirstPage { box-sizing: content-box; display: inline-block; position: relative; margin: 15px 10px; border: none; padding: 6px 15px; width: 15px; height: 20px; background: #ccc; color: white; cursor: pointer; border-radius: 4px 0px 0px 4px; } .pageContent-catalog button.goToFirstPage:before, .pageContent-catalog button.goToFirstPage:after { position: absolute; left: -6.6px; width: 8px; height: 16px; box-shadow: 3.5px 0 0 0 white; background: inherit; content: ''; } .pageContent-catalog button.goToFirstPage:before { top: 0; transform: skewX(-30deg); } .pageContent-catalog button.goToFirstPage:after { bottom: 0; transform: skewX(30deg); } .pageContent-catalog button.turnButtonRight { box-sizing: content-box; display: inline-block; position: relative; margin: 15px 10px; border: none; padding: 6px 15px; width: 10px; height: 20px; background: #ccc; color: white; cursor: pointer; border-radius: 0px 4px 4px 0px; } .pageContent-catalog button.turnButtonRight:before, .pageContent-catalog button.turnButtonRight:after { position: absolute; right: -3px; width: 8px; height: 16px; background: inherit; content: ''; } .pageContent-catalog button.turnButtonRight:before { top: 0; transform: skewX(30deg); } .pageContent-catalog button.turnButtonRight:after { bottom: 0; transform: skewX(-30deg); } .pageContent-catalog button.turnButtonLeft { box-sizing: content-box; display: inline-block; position: relative; margin: 15px 10px; border: none; padding: 6px 15px; width: 10px; height: 20px; background: #ccc; color: white; cursor: pointer; border-radius: 4px 0px 0px 4px; } .pageContent-catalog button.turnButtonLeft:before, .pageContent-catalog button.turnButtonLeft:after { position: absolute; left: -3px; width: 8px; height: 16px; background: inherit; content: ''; } .pageContent-catalog button.turnButtonLeft:before { top: 0; transform: skewX(-30deg); } .pageContent-catalog button.turnButtonLeft:after { bottom: 0; transform: skewX(30deg); } .pageContent-catalog .catalogIndexPage .indexPage { max-height: 700px; overflow: hidden; max-width: 700px; } .pageContent-catalog .catalogIndexPage .indexPage .indexPageBox { border: 1px solid #efefef; max-height: 170px; max-width: 150px; display: inline-block; margin-right:5px; margin-bottom:5px; float: left; } .pageContent-catalog .catalogIndexPage .indexPage .indexPageBox a { line-height: 20px; } .pageContent-catalog .catalogIndexPage .indexPage .indexPageBox a img { max-height: 150px; max-width: 150px; display: table-cell; } .pageContent-catalog .catalogIndexPage .indexPage .indexPageBox a .indexPageBez { line-height: 20px; text-align: center; } @media only all and (max-width: 1200px){ .pageContent-catalog .catalogWrapper.zweiseitig .catalogIndexPage .indexPage { max-height: 500px; max-width: 500px; } .pageContent-catalog .catalogWrapper.zweiseitig .catalogIndexPage .indexPage .indexPageBox a img { max-height: 100px; max-width: 100px; } } @media only all and (max-width: 1100px){ .pageContent-catalog .catalogWrapper.zweiseitig .catalogIndexPage .indexPage { max-height: 450px; max-width: 450px; } .pageContent-catalog .catalogWrapper.zweiseitig .catalogIndexPage .indexPage .indexPageBox a img { max-height: 100px; max-width: 100px; } } @media only all and (max-width: 1050px){ .pageContent-catalog .catalogWrapper.zweiseitig .catalogIndexPage .indexPage { max-height: 400px; max-width: 400px; } .pageContent-catalog .catalogWrapper.zweiseitig .catalogIndexPage .indexPage .indexPageBox a img { max-height: 100px; max-width: 100px; } } @media only all and (max-width: 950px){ .pageContent-catalog .catalogWrapper.zweiseitig .catalogIndexPage .indexPage { max-height: 350px; max-width: 350px; } .pageContent-catalog .catalogWrapper.zweiseitig .catalogIndexPage .indexPage .indexPageBox a img { max-height: 90px; max-width: 90px; } } @media only all and (max-width: 800px){ .pageContent-catalog .catalogWrapper.einseitig .catalogIndexPage .indexPage { max-height: 700px; max-width: 700px; } .pageContent-catalog .catalogWrapper.einseitig .catalogIndexPage .indexPage .indexPageBox a img { max-height: 150px; max-width: 150px; } } @media only all and (max-width: 600px){ .pageContent-catalog .catalogWrapper.einseitig .catalogIndexPage .indexPage { max-height: 600px; max-width: 600px; } .pageContent-catalog .catalogWrapper.einseitig .catalogIndexPage .indexPage .indexPageBox a img { max-height: 100px; max-width: 100px; } } @media only all and (max-width: 500px){ .pageContent-catalog .catalogWrapper.einseitig .catalogIndexPage .indexPage { max-height: 500px; max-width: 500px; } .pageContent-catalog .catalogWrapper.einseitig .catalogIndexPage .indexPage .indexPageBox { margin-right: 12px; } .pageContent-catalog .catalogWrapper.einseitig .catalogIndexPage .indexPage .indexPageBox a img { max-height: 90px; max-width: 90px; } .pageContent-catalog button.goToFirstPage { margin: 15px 5px; padding: 6px 7px; } .pageContent-catalog button.goToLastPage { margin: 15px 5px; padding: 6px 7px; } .pageContent-catalog button.turnButtonLeft { margin: 15px 5px; padding: 6px 7px; } .pageContent-catalog button.turnButtonRight { margin: 15px 5px; padding: 6px 7px; } .pageContent-catalog .catalogNavigation button.primary { padding-left: 2px; padding-right: 2px; } .pageContent-catalog .catalogNavigation input.inputField { padding-left: 2px; padding-right: 2px; max-width: 30px; margin-right: 0px; } } @media only all and (max-width: 400px){ .pageContent-catalog .catalogWrapper.einseitig .catalogIndexPage .indexPage { max-height: 300px; max-width: 300px; } .pageContent-catalog .catalogWrapper.einseitig .catalogIndexPage .indexPage .indexPageBox { margin-right: 15px; } .pageContent-catalog .catalogWrapper.einseitig .catalogIndexPage .indexPage .indexPageBox a img { max-height: 80px; max-width: 80px; } } @media only all and (max-width: 340px){ .pageContent-catalog .catalogWrapper.einseitig .catalogIndexPage .indexPage .indexPageBox { margin-right: 5px; } } @media only all and (max-height: 1100px) { .pageContent-catalog .catalogWrapper .catalogPage, .pageContent-catalog .catalogWrapper .catalogPage img { max-height: 800px; } .responsiveLayout.viewId-prj_katalog .layoutTopOuterWrapper { display: none; } .responsiveLayout.viewId-prj_katalog .layoutMainWrapper { margin-top: 10px; } .responsiveLayout.viewId-prj_katalog .layoutBottomWrapper { display: none; } .responsiveLayout.viewId-prj_katalog .layoutPreBottomWrapper { display: none; } } @media only all and (max-height: 1000px) { .pageContent-catalog .catalogWrapper .catalogPage, .pageContent-catalog .catalogWrapper .catalogPage img { max-height: 700px; } } @media only all and (max-height: 900px) { .pageContent-catalog .catalogWrapper .catalogPage, .pageContent-catalog .catalogWrapper .catalogPage img { max-height: 700px; } } @media only all and (max-height: 800px) { .pageContent-catalog .catalogWrapper .catalogPage, .pageContent-catalog .catalogWrapper .catalogPage img { max-height: 600px; } .pageContent-catalog .catalogWrapper .indexPage { font-size: 10px; } } @media only all and (max-height: 700px) { .pageContent-catalog .catalogWrapper .catalogPage, .pageContent-catalog .catalogWrapper .catalogPage img { max-height: 500px; } } @media only all and (max-height: 600px) { .pageContent-catalog .catalogWrapper .catalogPage, .pageContent-catalog .catalogWrapper .catalogPage img { max-height: 400px; } } @media only all and (max-height: 500px) { .pageContent-catalog .catalogWrapper .catalogPage, .pageContent-catalog .catalogWrapper .catalogPage img { max-height: 350px; } } @media only all and (max-height: 850px) and (min-width: 1000px) { .responsiveLayout.viewId-prj_katalog .catalogWrapper.zweiseitig .catalogItemListWrapper .toggle { display: block; } .responsiveLayout.viewId-prj_katalog .catalogWrapper.zweiseitig .catalogItemListWrapper .catalogItemListView { display: none; } } @media only all and (max-height: 1200px) { .responsiveLayout.viewId-prj_katalog .catalogWrapper.einseitig .catalogItemListWrapper .toggle { display: block; } .responsiveLayout.viewId-prj_katalog .catalogWrapper.einseitig .catalogItemListWrapper .catalogItemListView { display: none; } } .responsiveLayout .layoutSecondTopWrapper .menuWrapper .catalog.link { color: #fff; font-weight: bold; line-height: 42px; padding: 0 10px; display: inline-block; font-size: 14px; } .responsiveLayout .layoutSecondTopWrapper .menuWrapper .catalog.link:hover { background-color: #bebebe; text-decoration: none; } .catalogItemListView .item .catalogIcon { vertical-align: middle; text-align: center; display: table-cell; width: 70px; height: 70px; } @media only all and (max-height: 700px) { .catalogItemListView .item .catalogIcon { vertical-align: middle; text-align: center; display: table-cell; width: 60px; height: 60px; } .catalogItemListView .item .catalogIcon img { max-width: 60px; max-height: 60px; } } .pageContent-item.pageContent.pageContent-catalogItem { width: 600px; max-width: 100%; min-height: 350px; } .pageContent-item.pageContent.pageContent-catalogItem .itemDetailContainer .imageWrapper { float: left; margin-bottom: 10px; margin-right: 20px; max-width: 270px; } .pageContent-item.pageContent.pageContent-catalogItem .itemDetailContainer .imageWrapper img { max-width: 250px; } .pageContent-item.pageContent.pageContent-catalogItem .itemDetailContainer .itemDetailWrapper { float: left; max-width: 300px; } .catalogSearchItemWrapper { margin: 0 0 15px; padding: 0; } .catalogSearchItemWrapper .catalogSearchItemTitle { margin: 10px 0; } .catalogSearchItemWrapper .seitenListe { margin: 10px 0; } .catalogSearchItemWrapper .seitenListe .linkBox { border: 1px solid #efefef; position: relative; width: 230px; display: inline-block; margin-bottom: 15px; margin-right: 10px; vertical-align: top; } .catalogSearchItemWrapper .seitenListe .linkBox .icon { height: 200px; line-height: 200px; margin: 0 auto; text-align: center; width: 210px; } .catalogSearchItemWrapper .seitenListe .linkBox .icon a.linkToCatalogs img { max-height: 200px; max-width: 200px; } .catalogSearchItemWrapper .seitenListe .linkBox .katalogPage { height: 20px; line-height: 20px; margin: 0 auto; text-align: center; width: 210px; display: table-cell; } @media only all and (min-width: 531px) and (max-width: 805px) { .catalogSearchItemWrapper .seitenListe .linkBox { width: 32%; margin-right: 5px; } } @media only all and (min-width: 531px) and (max-width: 750px) { .catalogSearchItemWrapper .seitenListe .linkBox .icon { padding: 5px; max-height: 200px; max-line-height: 200px; max-width: 210px; } .catalogSearchItemWrapper .seitenListe .linkBox .icon a.linkToCatalogs img { max-width: 200px; max-height: 180px; max-line-height: 180px; } .catalogSearchItemWrapper .seitenListe .linkBox .katalogPage { min-height: 20px; } } @media only all and (min-width: 531px) and (max-width: 710px) { .catalogSearchItemWrapper .seitenListe .linkBox { width: 31.5%; } } @media only all and (min-width: 531px) and (max-width: 690px) { .catalogSearchItemWrapper .seitenListe .linkBox .icon { padding: 5px; max-height: 180px; max-line-height: 180px; max-width: 190px; } .catalogSearchItemWrapper .seitenListe .linkBox .icon a.linkToCatalogs img { max-width: 180px; max-height: 180px; max-line-height: 180px; } } @media only all and (min-width: 531px) and (max-width: 580px) { .catalogSearchItemWrapper .seitenListe .linkBox .icon { width: 130px; height: 120px; line-height: 120px; } .catalogSearchItemWrapper .seitenListe .linkBox .icon a.linkToCatalogs img { max-width: 125px; max-height: 120px; } .catalogSearchItemWrapper .seitenListe .linkBox .katalogPage { min-height: 20px; max-width: 85%; } } @media only all and (max-width: 530px) { .catalogSearchItemWrapper .seitenListe .linkBox { width: 48%; margin-right: 5px; } .catalogSearchItemWrapper .seitenListe .linkBox .icon { width: 210px; height: 180px; line-height: 180px; } .catalogSearchItemWrapper .seitenListe .linkBox .icon a.linkToCatalogs img { max-width: 205px; max-height: 180px; } .catalogSearchItemWrapper .seitenListe .linkBox .katalogPage { min-height: 20px; } } @media only all and (max-width: 500px) { .catalogSearchItemWrapper .seitenListe .linkBox { margin-right: 5px; } .catalogSearchItemWrapper .seitenListe .linkBox .icon { width: 160px; height: 150px; line-height: 150px; } .catalogSearchItemWrapper .seitenListe .linkBox .icon a.linkToCatalogs img { max-width: 155px; max-height: 150px; } .catalogSearchItemWrapper .seitenListe .linkBox .katalogPage { min-height: 20px; } } @media only all and (max-width: 400px) { .catalogSearchItemWrapper .seitenListe .linkBox { margin-right: 0; } .catalogSearchItemWrapper .seitenListe .linkBox .icon { width: 130px; height: 150px; line-height: 150px; } .catalogSearchItemWrapper .seitenListe .linkBox .icon a.linkToCatalogs img { max-width: 125px; max-height: 150px; } .catalogSearchItemWrapper .seitenListe .linkBox .katalogPage { min-height: 20px; max-width: 85%; } } @media only all and (max-width: 380px) { .catalogSearchItemWrapper .seitenListe .linkBox { width: 47%; min-height: 190px; } } .subCategoryList .categoryTextOuterWrapper.catalog { min-height: 70px; } .pageContent-item .seitenListe { margin: 10px 0; } .pageContent-item .seitenListe .linkBox { border: 1px solid #efefef; position: relative; width: 230px; display: inline-block; margin-bottom: 15px; margin-right: 10px; vertical-align: top; } .pageContent-item .seitenListe .linkBox .icon { height: 200px; line-height: 200px; margin: 0 auto; text-align: center; width: 210px; } .pageContent-item .seitenListe .linkBox .icon a.linkToCatalogs img { height: 200px; width: 200px; } .pageContent-item .seitenListe .linkBox .katalogPage { height: 20px; line-height: 20px; margin: 0 auto; text-align: center; width: 210px; } @media only all and (min-width: 531px) and (max-width: 805px) { .pageContent-item .seitenListe .linkBox { width: 32%; margin-right: 5px; } } @media only all and (min-width: 531px) and (max-width: 750px) { .pageContent-item .seitenListe .linkBox .icon { padding: 5px; max-height: 200px; max-line-height: 200px; max-width: 210px; } .pageContent-item .seitenListe .linkBox .icon a.linkToCatalogs img { max-width: 200px; max-height: 180px; max-line-height: 180px; } .pageContent-item .seitenListe .linkBox .katalogPage { min-height: 20px; } } @media only all and (min-width: 531px) and (max-width: 710px) { .pageContent-item .seitenListe .linkBox { width: 31.5%; } } @media only all and (min-width: 531px) and (max-width: 690px) { .pageContent-item .seitenListe .linkBox .icon { padding: 5px; max-height: 180px; max-line-height: 180px; max-width: 180px; } .pageContent-item .seitenListe .linkBox .icon a.linkToCatalogs img { max-width: 180px; max-height: 180px; max-line-height: 180px; } .pageContent-item .seitenListe .linkBox .katalogPage { min-height: 20px; max-width: 85%; display: table-cell; } } @media only all and (min-width: 531px) and (max-width: 580px) { .pageContent-item .seitenListe .linkBox .icon { width: 130px; height: 120px; line-height: 120px; } .pageContent-item .seitenListe .linkBox .icon a.linkToCatalogs img { max-width: 125px; max-height: 120px; } .pageContent-item .seitenListe .linkBox .katalogPage { min-height: 20px; max-width: 85%; display: table-cell; } } @media only all and (max-width: 530px) { .pageContent-item .seitenListe .linkBox { width: 48%; margin-right: 5px; } .pageContent-item .seitenListe .linkBox .icon { width: 210px; height: 180px; line-height: 180px; } .pageContent-item .seitenListe .linkBox .icon a.linkToCatalogs img { max-width: 205px; max-height: 180px; } .pageContent-item .seitenListe .linkBox .katalogPage { min-height: 20px; display: table-cell; } } @media only all and (max-width: 500px) { .pageContent-item .seitenListe .linkBox { margin-right: 5px; } .pageContent-item .seitenListe .linkBox .icon { width: 160px; height: 150px; line-height: 150px; } .pageContent-item .seitenListe .linkBox .icon a.linkToCatalogs img { max-width: 155px; max-height: 150px; } .pageContent-item .seitenListe .linkBox .katalogPage { min-height: 20px; display: table-cell; } } @media only all and (max-width: 400px) { .pageContent-item .seitenListe .linkBox { margin-right: 0; } .pageContent-item .seitenListe .linkBox .icon { width: 130px; height: 150px; line-height: 150px; } .pageContent-item .seitenListe .linkBox .icon a.linkToCatalogs img { max-width: 125px; max-height: 150px; } .pageContent-item .seitenListe .linkBox .katalogPage { min-height: 20px; max-width: 85%; display: table-cell; } } @media only all and (max-width: 380px) { .pageContent-item .seitenListe .linkBox { width: 47%; min-height: 190px; } } #colorbox {border: 5px solid #b4b4b4 !important; border-radius: 10px; } #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; } #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background: #fff repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);} #colorbox{outline:0; } #cboxTopLeft{width:21px; height:21px; background:white;} #cboxTopRight{width:21px; height:21px; background:white;} #cboxBottomLeft{width:21px; height:21px; background:white;} #cboxBottomRight{width:21px; height:21px; background:white;} #cboxMiddleLeft{width:21px; background:white;} #cboxMiddleRight{width:21px; background:white;} #cboxTopCenter{height:21px; background:white;} #cboxBottomCenter{height:21px; background:white;} #cboxContent{background:#fff; overflow:hidden; } .cboxIframe{background:#fff; } #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxLoadingOverlay{background:url(img/messe/colorbox/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(img/messe/colorbox/loading.gif) no-repeat center center;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(img/messe/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(img/messe/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxClose{position:absolute; bottom:0; right:0; background:url(img/messe/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } .pageContent-shoppingCart .minderwertZuschlag { text-align: right; } .wishlist-toggleQuickSearch { margin: 5px 0; } .mobileTreeMenu .metaLinks-list { list-style-type: none; margin: 0px; padding: 0px; } .mobileTreeMenu .metaLinks-item { border-bottom: 1px solid #574e51; padding-left: 20px; } .mobileTreeMenu .metaLinks-item a { padding-left: 20px; display: block; padding: 10px 0px; padding-left: 0px; font-size: 14px; min-height: 19px; text-decoration: none; font-weight: bold; } .viewId-categories .breadcrumbs, .viewId-category .breadcrumbs { display: block; } .mobileTreeMenuCategoryList li.level0 .menuItem.homeLink .menuItemLink { font-weight: bold; } .copyMerkzettel { margin-top: 20px; } .copyMerkzettel-heading { font-weight: bold; } .backorderMsg a.itemName { font-size: 10px; font-weight: normal; } .plg_weekpicker { display: block; height: 450px; max-height: 100%; width: 250px; max-width: 100%; position: relative; } .plg_weekpicker-content { display: block; max-width: 100%; max-height: 100%; box-sizing: border-box; overflow: auto; } .plg_weekpicker-year { margin: 5px; } .plg_weekpicker-year-heading { font-weight: bold; } .plg_weekpicker-months { display: table; } .plg_weekpicker-month { display: table-row; } .plg_weekpicker-month-label { display: table-cell; padding: 3px; min-width: 25px; } .plg_weekpicker-weeks { display: table-cell; padding: 3px; } .plg_weekpicker-week { width: 30px; height: 30px; background: #ccc; border: 555; color: #fff; display: inline-block; cursor: pointer; text-align: center; line-height: 30px; } .plg_weekpicker-week.selected { background: green; color: white; } .plg_weekpicker-close { display: none; font-weight: bold; cursor: pointer; position: absolute; right: 20px; top: 5px; } .vororder-list { margin-bottom: 20px; } .vororder-table { margin-bottom: 20px; } .vororder-table .tableCell { vertical-align: middle; } h1 { color: #fd7c06; } .responsiveLayout .layoutFirstTopWrapper .logoInnerWrapper { padding-top: 10px; } .logo img { max-height: 70px; } a:active, a:hover { color: #fd7c06; } .itemList a.itemName:active, .itemList a.itemName:hover { color: #fd7c06; } .backorderMsg a:hover { color: #fd7c06; } .backorderMsg a:hover { color: #fd7c06; } .responsiveLayout .layoutBottomWrapper { background-color: #d6d2c4; border-color: #d6d2c4; } .footer .footerCol a, .copyright, .lastUpdate { color: #473729; } @charset 'UTF-8'; .pageContent-shoppingCart .lineItem .lineItemCell.positionsRabattCell { width: 150px; } .positionsRabattCell .inputPositionsrabatt { display: inline-block; } .positionsRabattCell .submitPositionsrabatt { display: inline-block; margin-top: 0px; } .pageContent-item .prj_itemContainer { display: block; float: left; } .pageContent-item .prj_itemContainer.first { margin-right: 30px; } .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%; } .pageContent-item .priceSettingsTable { display: table; } .pageContent-item .priceSettingsTable .mitarbeiterEinzelpreis, .pageContent-item .priceSettingsTable .positionsRabatt { display: table-row; } .pageContent-item .priceSettingsTable .mitarbeiterEinzelpreis span, .pageContent-item .priceSettingsTable .positionsRabatt span, .pageContent-item .priceSettingsTable .mitarbeiterEinzelpreis input, .pageContent-item .priceSettingsTable .positionsRabatt input { display: table-cell; } .pageContent-item .infoWrapper .imageList { display: flex; flex-wrap: wrap; gap: 25px; } .pageContent-checkoutOrderView .setMitarbeiterRabatt button { width: auto; padding: 10px; } @media only all and (min-width: 700px) { .pageContent-checkoutOrderView .setMitarbeiterRabatt button { position: relative; right: 5px; bottom: 250px; } .pageContent-checkoutOrderView .setMitarbeiterRabatt { height: 0px; margin-top: 0px; } } .pageContent-customerDocumentList .tableRow.storniert { color: blue; } .pageContent-customerDocumentList .tableRow.storno { color: red; } .prj_itemPreviouslyOrderedList .header { font-size: 18px; margin-top: 20px; } .prj_itemBackorders table { border: solid 1px; margin-top: 20px; } .prj_itemBackorders table caption { font-size: 18px; text-align: left; } .prj_itemBackorders table th { border: solid 1px; padding: 2px 5px; text-align: left; } .prj_itemBackorders table td { border: solid 1px; padding: 2px 5px; }