@charset 'UTF-8'; /*! jQuery UI - v1.10.4 - 2018-05-09 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.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-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.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:49%}.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-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:none}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:normal}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px}.ui-menu .ui-state-disabled{font-weight:normal;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("images/animated-overlay.gif");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.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-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.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; } /* Page */ ul{list-style:none;} .wrap {width: 960px; margin: 0 auto;} .demo-container {padding: 20px 0;} .demo-container h4 {font-size: 14px; margin: 0 0 5px 0;} /* Mega Menu Styles */ .mega-menu ul, .mega-menu ul li {list-style: none;} .mega-menu ul {position: relative; padding: 0; margin: 0;} .mega-menu ul li ul {display: none;} .mega-menu .sub {display: none;} .mega-menu .sub ul {display: block;} #mega-menu-1 { font: normal 13px Arial, sans-serif; list-style: none; position: relative; padding: 0; margin: 0; } #mega-menu-1 .sub ul { display: block; } #mega-menu-1 { background: #222; width: 100%; height: 100%; position: relative; } #mega-menu-1 li { float: left; margin: 0; padding: 0; font-weight: bold; } #mega-menu-1 li a { float: left; display: block; color: #fff; padding: 12px 25px; background: #222; text-decoration: none; } #mega-menu-1 li.mega-hover a, #mega-menu-1 li.mega-hover a:hover { background: #CCC; color: #000; } #mega-menu-1 li a:hover { background: #999; color: #000; } #mega-menu-1 li .sub-container { position: absolute; } #mega-menu-1 li .sub { background: #efefef; padding: 15px; border: 1px solid #ccc; } #mega-menu-1 li .sub .row { width: 100%; overflow: hidden; clear: both; } #mega-menu-1 li .sub li { list-style: none; float: none; width: 170px; font-size: 1em; font-weight: normal; } #mega-menu-1 li .sub li.mega-hdr { margin: 0 10px 10px 0; float: left; } #mega-menu-1 li .sub li.mega-hdr.last { margin-right: 0; } #mega-menu-1 li .sub a { background: none; color: #111; padding: 7px 10px; display: block; float: none; font-size: 0.9em; } #mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a { padding: 5px 15px; margin-bottom: 5px; background: #6B6B6B; text-transform: uppercase; font-weight: bold; color: #fff; } #mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a:hover { color: #000; } #mega-menu-1 .sub li.mega-hdr li a { padding: 4px 5px; font-weight: normal; } #mega-menu-1 .sub li.mega-hdr li a:hover { color: #a32403; background: #efefef; } #mega-menu-1 .sub ul li { padding-right: 0; } #mega-menu-1 li .sub-container.non-mega .sub { padding: 10px; } #mega-menu-1 li .sub-container.non-mega li { padding: 0; width: 190px; margin: 0; } #mega-menu-1 li .sub-container.non-mega li a { padding: 7px 5px 7px 22px; } #mega-menu-1 li .sub-container.non-mega li a:hover { color: #a32403; background: #efefef; } html { height: 100%; margin: 0px; padding: 0px; overflow-y: scroll; } body { position: relative; height: 100%; margin: 0px; padding: 0px; background-color: #fff; font-family: 'nimbus-sans-extended', 'nimbus-sans', Arial, Helvetica, Sans-Serif; font-size: 14px; line-height: 1.5; color: #2D2D2D; } html.wf-active body { font-family: 'nimbus-sans-extended', 'nimbus-sans', Arial, Helvetica, Sans-Serif; } button, input, select, textarea { font-family: inherit; color: inherit; } .lt-ie8 button, .lt-ie8 input, .lt-ie8 select, .lt-ie8 textarea { font-family: 'nimbus-sans-extended', 'nimbus-sans', Arial, Helvetica, Sans-Serif; color: #2D2D2D; } html.wf-active button, html.wf-active input, html.wf-active select, html.wf-active textarea { font-family: 'nimbus-sans-extended', 'nimbus-sans', Arial, Helvetica, Sans-Serif; } 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: #2D2D2D; } 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: 300px; top: 5px; 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%; } .ie6 .pageWrapper { position: absolute; width: 100%; } .responsiveLayout .layoutBackgroundWrapper { margin: 0px auto; padding: 0px 15px; height: 100%; } .responsiveLayout .layoutOuterWrapper { margin: 0px auto; width: 1000px; min-height: 100%; background-color: #ffffff; } .lt-ie8 .responsiveLayout .layoutOuterWrapper { width: 1000px; } .responsiveLayout .layoutTopOuterWrapper { margin-bottom: 12px; } .responsiveLayout .layoutTopInnerWrapper {} .responsiveLayout .layoutHeaderWrapper { margin: 0px auto; max-width: 1000px; background-color: #ffffff; } .responsiveLayout .layoutPreBottomWrapper { margin-top: 25px; } .responsiveLayout .layoutBottomWrapper { background-color: #ededed; overflow: auto; } html.ie6 .responsiveLayout .layoutBottomWrapper { zoom: 1; } .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; } .lt-ie8 .responsiveLayout .layoutFirstTopWrapper { position: relative; display: block; width: 100%; height: 80px; } .lt-ie8 .responsiveLayout .layoutFirstTopWrapper .logoWrapper { display: block; float: left; width: 216px; height: 80px; } .lt-ie8 .responsiveLayout .layoutFirstTopWrapper .searchWrapper { position: relative; display: block; float: left; width: 598px; height: 80px; } .lt-ie8 .responsiveLayout .layoutFirstTopWrapper .metaWrapper { display: block; float: right; width: 186px; height: 80px; } .responsiveLayout .layoutFirstTopWrapper .logoInnerWrapper { margin-left: 37px; padding-top: 10px; padding-bottom: 10px; } .responsiveLayout .layoutFirstTopWrapper .searchInnerWrapper { margin-left: 40px; margin-right: 40px; padding-top: 25px; } .responsiveLayout .layoutFirstTopWrapper .metaInnerWrapper { margin-right: 26px; height: 100%; } .responsiveLayout .layoutSecondTopWrapper { position: relative; } .responsiveLayout .layoutSecondTopWrapper .menuWrapper { min-height: 42px; border-bottom: 5px solid #7F273B; padding-left: 25px; background-color: #625d5e; } .responsiveLayout .mobileMenuWrapper { display: none; } .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; } .responsiveLayout .layoutBannerWrapper { overflow: hidden; } .responsiveLayout .layoutBreadcrumbWrapper { margin-top: 20px; } .responsiveLayout .layoutMainWrapper { margin-top: 20px; padding: 0 15px; } .responsiveLayout .layoutPreBottomWrapper .salesTaxAndShippingInfo { margin-bottom: 10px; } .responsiveLayout .layoutPreBottomWrapper .salesTaxAndShippingInfo a { text-decoration: underline; } .responsiveLayout .layoutPreBottomWrapper .salesTaxAndShippingInfo a:hover { color: #7F273B; } .quickSearch { height: 38px; background-color: #ffffff; 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; } .lt-ie8 .quickSearch { width: 99%; } .quickSearch .searchButton { float: right; width: 52px; height: 38px; border: none; text-align: center; color: #ffffff; font-size: 16px; font-weight: bold; cursor: pointer; background-color: #3b3537; background-image: url("img/search.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 45px; } .quickSearch .searchInCategoryEnabled .searchInCategory { display: block; } .quickSearch .searchInCategoryEnabled .searchInput { margin-right: 52px; } .quickSearch .searchInput input { width: 100%; padding: 0px; margin: 0px; height: 34px; line-height: 34px; border: none; background-color: #ededed; font-size: 18px; font-family: "nimbus-sans-extended"; font-weight: lighter; color: #9ca4ab; } .lt-ie8 .quickSearch .searchInput input { width: 95%; } .autocompleteAligner { position: absolute; margin-top: 0px; margin-left: 5px; } .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: #aaaaaa; -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; } .responsiveLayout .meta { display: table; width: 100%; height: 100%; table-layout: fixed; } .responsiveLayout .meta .metaElement { display: table-cell; width: 40px; height: 100%; } .lt-ie8 .responsiveLayout .meta { display: block; } .lt-ie8 .responsiveLayout .meta .metaElement { display: block; float: left; width: 40px; } .responsiveLayout .meta .metaElement .metaLinkWrapper { position: relative; height: 100%; text-align: center; } .responsiveLayout .meta .metaElement .metaLink { position: absolute; left: 0px; right: 0px; bottom: 0; display: inline-block; height: 44px; text-align: center; background-repeat: no-repeat; background-position: center center; } html.touch .responsiveLayout .meta .metaElement.flyoutMenuElement:not(.noFlyoutOnTouch) .metaLink:after, html.no-touch .responsiveLayout .meta .metaElement.flyoutMenuElement .metaLink:after { display: none; content: ""; position: absolute; right: 5px; bottom: 50%; width: 0px; height: 0px; border-width: 5px; border-style: solid; border-color: #cccccc transparent transparent transparent; } html.touch .responsiveLayout .meta .metaElement.flyoutMenuElement:not(.noFlyoutOnTouch):hover .metaLink:after, html.no-touch .responsiveLayout .meta .metaElement.flyoutMenuElement:hover .metaLink:after { border-color: #7F273B transparent transparent transparent; } .responsiveLayout .meta .metaElement .metaLink .label { display: block; padding-top: 21px; line-height: 21px; font-size: 12px; } .responsiveLayout .meta .metaElement:hover .metaLink { color: #7F273B; text-decoration: none; } .responsiveLayout .meta .loginMetaElement .metaLink { background-image: url("img/account.png"); } .responsiveLayout .meta .loginMetaElement:hover .metaLink { background-image: url("img/account.png"); } .responsiveLayout .meta .accountMetaElement .metaLink { background-image: url("img/account.png"); } .responsiveLayout .meta .accountMetaElement:hover .metaLink { background-image: url("img/account.png"); } .responsiveLayout .meta .wishlistMetaElement .metaLink { background-image: url("img/wishlist.png"); } .responsiveLayout .meta .wishlistMetaElement .metaLink .numberOfLineItems { display: inline-block; position: absolute; line-height: 44px; font-size: 10px; color: #2D2D2D; background-color: #fff; margin-left: 15px; -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/wishlist.png"); } .responsiveLayout .meta .shoppingCartMetaElement .metaLink { background-image: url("img/shopping-bag.png"); } .responsiveLayout .meta .shoppingCartMetaElement .metaLink .numberOfLineItems { display: inline-block; line-height: 44px; font-size: 10px; color: #000; background-color: #fff; margin-left: 35px; -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/shopping-bag.png"); } .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel { padding: 20px 15px 15px 15px; min-height: 45px; color: #2D2D2D; font-size: 14px; background-color: #ffffff; } .ie6 .responsiveLayout .meta .flyoutMenuContainer .flyoutMenuPanel { width: 200px; height: 100px; } .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .title { font-size: 20px; font-weight: bold; color: #2D2D2D; } .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; } .ie6 .miniLogin { width: 270px; } .miniLogin input.inputField { width: 92%; margin: 2px 0px 0px 0px; padding: 4px 10px; font-size: 14px; color: #2D2D2D; 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; } .ie6 .miniAccount { width: 270px; } .miniAccount .userName { margin-top: 5px; } .miniAccount .userName .value { font-weight: bold; } .miniAccount .accountMenu { margin-top: 15px; border-bottom: 1px solid #3B3537; } .miniAccount .accountMenu .menuEntry { display: block; padding: 6px 0px; border-top: 1px solid #3B3537; } .miniAccount .accountMenu .menuEntry:hover { background-color: #625D5E; 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; } .miniShoppingCart { } .ie6 .miniShoppingCart { width: 270px; } .miniShoppingCart a:hover { text-decoration: none; } .miniShoppingCart .actionText { display: inline-block; margin: 5px 0px; font-weight: bold; padding: 5px 0; border: 1px solid black; background-color: white; border-radius: 0px 0px 0px 0px; text-align: center; width: 99%; } .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; } .miniShoppingCart .deferredPriceCalculation { border: 2px solid #30ae30; color: #30ae30; background-color: #dbffdb; } .miniShoppingCart .subTotalAndNumberOfLineItems { margin-top: 5px; } .miniShoppingCart .subTotal .label { display: inline; margin-right: 2px; } .miniShoppingCart .subTotal .value { display: inline; font-weight: bold; font-size: 16px; } .miniShoppingCart .numberOfLineItems { margin-top: 1px; } .miniShoppingCart .numberOfLineItems .label { display: inline; } .miniShoppingCart .numberOfLineItems .value { display: inline; } .miniShoppingCart .numberOfLineItems .value .highlight { font-weight: bold; font-size: 16px; } .miniShoppingCart .empty { margin: 15px 5px; text-transform: uppercase; font-weight: bold; } .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: 14px; } .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; } .ie6 .miniWishlist { width: 270px; } .miniWishlist a:hover { text-decoration: none; } .miniWishlist .actionText { display: inline-block; margin-top: 5px; font-weight: bold; padding: 5px; border: 1px solid black; background-color: white; -moz-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .miniWishlist .actionWasSuccessful { border: 2px solid #30ae30; color: #30ae30; background-color: #dbffdb; } .miniWishlist .actionWasNotSuccessful { border: 2px solid #cd0b0b; color: #cd0b0b; background-color: #ffe2e2; } .miniWishlist .numberOfLineItems { margin-top: 5px; } .miniWishlist .numberOfLineItems .label { display: inline; } .miniWishlist .numberOfLineItems .value { display: inline; } .miniWishlist .numberOfLineItems .value .highlight { font-weight: bold; font-size: 16px; } .miniWishlist .empty { margin-top: 5px; } .miniWishlist .switchWishlist { margin-top: 15px; margin-bottom: 5px; overflow: auto; } .miniWishlist .switchWishlist ul { display: table; width: 100%; list-style-type: none; margin: 0px; padding: 0px; border-bottom: 1px solid #54c6f2; } .miniWishlist .switchWishlist li { display: table-row; font-size: 14px; } .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 { display: block; } html.no-touch .cascadingMenuCategoryList li:hover div.subMenu > ul.subMenu { display: block; } html.no-touch .cascadingMenuCategoryList div.subMenu li:hover > ul.subMenu { display: block; } html.ie6.no-touch .cascadingMenuCategoryList li.hover div.subMenu { display: block; } html.ie6.no-touch .cascadingMenuCategoryList li.level0.hover ul.level1 { 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: 44px; font-weight: bold; padding: 0px 5px; color: #272727; text-transform: uppercase; } .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 { display: none; 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, html.ie6 .cascadingMenuCategoryList li.level0.hover a.level0, .cascadingMenuCategoryList a.level0.open { background-color: #fff; } .cascadingMenuCategoryList ul.subMenu { border: 1px solid #7F273B; -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 ul.subMenu li:hover > a { color: #000; background-color: #fff; } .cascadingMenuCategoryList ul.subMenu li:hover > a.withSubCategories:after { border-color: transparent transparent transparent #7F273B; } .mobileMenu { display: none; } .breadcrumbs ul { list-style-type: none; margin: 0px; padding: 0px; font-size: 12px; line-height: 22px; font-family: 'nimbus-sans-extended'; font-weight: bold; } .breadcrumbs li { display: inline-block; } html.lt-ie8 .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-weight: normal; white-space: nowrap; } .breadcrumbs li a:hover { color: #ffffff; background-color: #7F273B; text-decoration: none; } .breadcrumbs li.active span, .breadcrumbs li.active a { color: #ffffff; background-color: #7F273B; } .breadcrumbs li.not_visited span { color: #2d2d2d; } h1 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 22px; font-weight: bold; color: #7F273B; } h2 { margin: 0px 0px 5px 0px; padding: 0px; font-size: 20px; font-weight: bold; color: #7F273B; } h3 { margin: 0px 0px 3px 0px; padding: 0px; font-size: 18px; font-weight: bold; color: #7F273B; } .topicWrapper { margin: 0px 0px 10px 0px; font-size: 18px; } .topicWrapper h1 { display: inline; margin: 0px 0px 0px 0px; } .topicWrapper .supplement { color: #999999; white-space: nowrap; } .topicOuterWrapper { overflow: hidden; margin-bottom: 10px; } html.ie6 .topicOuterWrapper { zoom: 1; } .topicOuterWrapper .topicWrapper { margin-bottom: 0px; } .topicOuterWrapper .topicRightWrapper { margin-top: 5px; } .footer { padding: 0px 15px 15px 0px; overflow: auto; } html.ie6 .footer { zoom: 1; } .footer .footerCol { float: left; width: 100%; max-width: 200px; margin-left: 15px; margin-top: 15px; margin-bottom: 5px; } .lt-ie8 .footer .footerCol { display: inline; zoom: 1; width: 200px; } .footer .footerCol h5 { margin: 0px 0px 10px 0px; font-size: 14px; color: #aaaaaa; line-height: 26px; font-weight: bold; } .footer .footerCol .subMenu { color: #aaaaaa; font-size: 14px; font-weight: normal; } .footer .footerCol .paragraph { margin: 0px 0px 10px 0px; font-size: 14px; color: #aaaaaa; line-height: 26px; } .footer .footerCol a { color: #aaaaaa; line-height: 26px; } .footer .footerCol a:hover { 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; } .copyright { float: right; margin: 0px 15px 10px 5px; color: #a0a0a0; } .copyright a { margin-left: 2px; color: #e1e1e1; } .copyright a:hover { color: #7F273B; text-decoration: none; } .languageDialog { display: none; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 2000; background-color: #cccccc; } .languageDialog .languageDialogPanel { padding: 0px 10px; font-size: 14px; } .languageDialog .languages {} .languageDialog .label { margin-right: 5px; } .languageDialog .shortLabel {} .languageDialog .longLabel { display: none; } .languageDialog .languageLink { display: inline-block; margin: 0px 0px 0px 1px; padding: 10px 5px; white-space: nowrap; } .languageDialog .languageLink.active, .languageDialog .languageLink: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: #2D2D2D; margin-top: 0px; margin-right: 5px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .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: #7F273B; text-decoration: none; } .tableHeader .tableCell.sortAsc a:after { content: ""; display: inline-block; margin-left: 3px; margin-top: 5px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent #bbbbbb transparent; vertical-align: top; } .tableHeader .tableCell.sortDesc a:after { content: ""; display: inline-block; margin-left: 3px; margin-top: 9px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: #bbbbbb transparent transparent transparent; vertical-align: top; } .tableHeader .tableCell.sortAsc a:hover:after { border-color: transparent transparent #7F273B transparent; } .tableHeader .tableCell.sortDesc a:hover:after { border-color: #7F273B transparent transparent transparent; } .tableHeader .tableCell.sortDescIsActive a, .tableHeader .tableCell.sortAscIsActive a { color: #7F273B; } .tableHeader .tableCell.sortDescIsActive a:after { content: ""; display: inline-block; margin-left: 3px; margin-top: 9px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: #7F273B transparent transparent transparent; vertical-align: top; } .tableHeader .tableCell.sortAscIsActive a:after { content: ""; display: inline-block; margin-left: 3px; margin-top: 5px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent #7F273B transparent; vertical-align: top; } .tableHeader .tableCell.sortDescIsActive a:hover:after { border-color: #7F273B transparent transparent transparent; } .tableHeader .tableCell.sortAscIsActive a:hover:after { border-color: transparent transparent #7F273B 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; } html.lt-ie8 .table { display: block; } html.lt-ie8 .tableHeader { display: block; border-bottom: 2px solid #e5e5e5; overflow: auto; zoom: 1; } html.lt-ie8 .tableHeader .tableCell { display: block; float: left; border-bottom: none; } html.lt-ie8 .tableRowGroup { display: block; border-bottom: 2px solid #e5e5e5; overflow: auto; zoom: 1; } html.lt-ie8 .tableRow .tableCell { display: block; float: left; border-bottom: none; } 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; } html.lt-ie8 div.attributes { display: block; } html.lt-ie8 div.attribute { display: block; overflow: auto; zoom: 1; } html.lt-ie8 div.attributeLabel { display: block; float: left; width: 100px; } html.lt-ie8 div.attributeValue { display: block; float: left; width: 300px; } .presentationIcon { display: inline-block; } html.lt-ie8 .presentationIcon { display: inline; } .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: #7F273B; } .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; } html.ie6 .presentationGridIcon .element { font-size: 7px; } .presentationTableIcon .line { height: 4px; } .presentationTableIcon .element.first { width: 3px; } .presentationTableIcon .element { width: 11px; height: 4px; } html.ie6 .presentationTableIcon .element { font-size: 4px; } .itemPrice .pricePrefix { color: #777777; font-size: 12px; font-weight: normal; } .itemPrice .priceWithoutDiscounts { color: #777777; font-size: 12px; font-weight: normal; } .itemPrice .priceWithoutDiscounts .label { margin-right: 2px; } .itemPrice .priceWithoutDiscounts .price { text-decoration: line-through; } .itemPrice .priceWithDiscounts { font-size: 16px; font-weight: bold; } .itemPrice .price .currency { font-size: 12px; } .itemPrice .asterisk { font-size: 12px; } .itemPrice .priceUnit { color: #777777; font-size: 12px; font-weight: normal; } .itemPrice .price_discount, .itemPrice .price_surcharge { color: #777777; font-size: 12px; font-weight: normal; } .itemPrice .total_discount, .itemPrice .total_surcharge { color: #555555; font-size: 12px; font-weight: normal; } .itemScaledPrice {} .itemScaledPrice .priceScales { display: table; } .itemScaledPrice .priceScales .priceScaleHeader { display: table-row; font-weight: bold; } .itemScaledPrice .priceScales .priceScaleHeader .priceUnit { display: inline; font-size: 11px; font-weight: normal; white-space: nowrap; } .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; } html.lt-ie8 .itemScaledPrice .priceScales .priceScaleHeader, html.lt-ie8 .itemScaledPrice .priceScales .priceScale { display: block; overflow: auto; zoom: 1; } html.lt-ie8 .itemScaledPrice .priceScaleCell { display: block; float: left; } html.lt-ie8 .itemScaledPrice .priceScaleCell.qtyCell { width: 90px; } html.lt-ie8 .itemScaledPrice .priceScaleCell.priceWithoutDiscountsCell { width: 90px; } html.lt-ie8 .itemScaledPrice .priceScaleCell.discountsRelatingToPriceCell { width: 60px; } html.lt-ie8 .itemScaledPrice .priceScaleCell.priceCalculationCell { width: 90px; } html.lt-ie8 .itemScaledPrice .priceScaleCell.priceWithDiscountsCell { width: 130px; } html.lt-ie8 .itemScaledPrice .priceScaleCell.discountsRelatingToTotalPriceCell { width: 60px; } .itemScaledPrice .discountsRelatingToPriceBelowTable, .itemScaledPrice .discountsRelatingToTotalPriceBelowTable { color: #555555; } .availabilityIcon { display: inline-block; width: 0px; height: 0px; padding: 5px; border-radius: 100%; background-color: #000000; } html.ie6 .availabilityIcon { display: inline-block; width: 5px; height: 5px; padding: 0px 4px; } .availabilityIcon0 { background-color: #7CB339; } .availabilityIcon1 { background-color: #FFE319; } .availabilityIcon2 { background-color: #E93C2B; } img.lazy { display: none; } .javascript img.lazy { display: inline; } img.lazy { opacity: 0; transition: opacity .3s ease-in; } img.lazy.loaded { opacity: 1; } .itemList .itemName { font-size: 16px; font-weight: bold; } .itemList a.itemName:hover, .itemList a.itemName:active { color: #7F273B; text-decoration: none; } .itemList .itemDescription { font-size: 14px; } .itemList .itemNo { white-space: nowrap; font-size: 14px; color: #777777; } .itemList .itemListAddToCart .additionalLine { font-size: 14px; color: #777777; } .itemListTableView .table { width: 100%; } html.ie6 .itemListTableView .table { width: 98%; } .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; } html.lt-ie8 .itemListTableView .tableCell.iconCell { width: 100px; overflow: hidden; } html.lt-ie8 .itemListTableView .tableCell.itemNameCell { width: 180px; } html.lt-ie8 .itemListTableView .tableCell.availabilityCell { width: 60px; } html.lt-ie8 .itemListTableView .tableCell.priceCell { width: 150px; } html.lt-ie8 .itemListTableView .tableCell.accessCartOrWishlistCell { width: 150px; } .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; } .itemListGridView { position: relative; } .itemListGridView ul { list-style-type: none; margin: 0px; padding: 0px; letter-spacing: 19px; } .itemListGridView li { display: -moz-inline-stack; display: inline-block; margin-bottom: 15px; letter-spacing: 0px; text-align: left; vertical-align: top; } .lt-ie8 .itemListGridView li { display: inline; zoom: 1; margin-right: 10px; } .itemListGridView .itemWrapper { position: relative; 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; } .ie6 .itemListGridView .infoOuterWrapper { height: 100px; } .itemListGridView .infoWrapper { position: absolute; width: 230px; min-height: 100px; bottom: 0px; left: 0px; background-color: #f2f2f2; opacity: 0.9; } .ie6 .itemListGridView .infoWrapper { height: 100px; } .itemListGridView .info { position: relative; padding: 10px; min-height: 80px; } .ie6 .itemListGridView .info { height: 80px; } .itemListGridView .itemTextInnerWrapper { min-height: 54px; } .ie6 .itemListGridView .itemTextInnerWrapper { height: 54px; } .itemListGridView .itemName { display: block; overflow: hidden; text-overflow: ellipsis; font-family: 'nimbus-sans-extended'; font-weight: bold; font-size: 14px; line-height: 1.6; } .itemListGridView .itemDescription { line-height: 1.4; font-weight: normal; 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; font-size: 14px; color: #2d2d2d; } .itemListGridView .itemPrice .priceWithDiscounts { } .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; } .itemListSlideView { position: relative; padding: 0px 37px; } .itemListSlideView { display: none; } .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: 35%; cursor: pointer; width: 32px; height: 32px; padding: 0px; background-repeat: no-repeat; } .itemListSlideView .slides .slick-prev { left: -37px; background-image: url('img/back.png'); } .itemListSlideView .slides .slick-next { right: -37px; background-image: url('img/next.png'); } .itemListSlideView .slides .slick-arrow.slick-disabled { border: 2px solid #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: #7F273B; } .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: 50px; } .itemListSlideView .itemName { display: block; } .itemListSlideView .itemNo { display: inline; } .itemListSlideView .availability .availabilityIconWrapper { margin-left: 10px; vertical-align: bottom; } .itemListSlideView .backorderMsg { margin-top: 10px; } .itemListSlideView .itemPrice { } .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; color: #777777; } .lineItems .itemName { font-size: 16px; font-weight: bold; } .lineItems a.itemName:hover, .lineItems a.itemName:active { color: #7F273B; text-decoration: none; } .lineItems .itemDescription { } .lineItems .itemNo { white-space: nowrap; color: #777777; } .lineItems .nextprice_without_discounts { display: block; padding-top: 5px; font-size: 10px; color: #999999; } .lineItems .nextprice_discount { font-size: 10px; color: #999999; } .lineItems .nextprice_surcharge { font-size: 10px; color: #999999; } .lineItems .nextprice_with_discounts { font-size: 10px; color: #999999; } .backorderMsg { color: #777777; font-size: 10px; } .backorderMsg a { color: #777777; font-size: 10px; text-decoration: underline; } .backorderMsg a:hover { color: #7F273B; } div.doc { margin: 0px 0px 0px 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; } .lt-ie8 .subCategoryList li { display: inline; zoom: 1; } .lt-ie8 .subCategoryList li.category { margin-right: 10px; } .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: 14px; line-height: 1.6; font-weight: bold; color: #2D2D2D; font-family: 'nimbus-sans-extended'; } .subCategoryList a.categoryName:hover { 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: #7F273B; 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; font-weight: 14px; font-weight: normal; font-family: 'nimbus-sans'; } .subCategoryList li.category { width: 24%; } .onlineRefresh a { text-decoration: underline; } .sortControl .label { margin-right: 5px; } .sortAndPresentationControl { overflow: auto; float: left; } html.ie6 .sortAndPresentationControl { zoom: 1; } .sortAndPresentationControl .sortControl { float: left; } .sortAndPresentationControl .presentationControls { float: right; width: 80px; text-align: right; } .sortAndPresentationControl .presentationControls .presentationControl { display: inline-block; margin-top: 3px; margin-left: 5px; } .pagination { overflow: auto; margin-top: 10px; } html.ie6 .pagination { zoom: 1; } .pagination .itemsFound { float: left; margin-bottom: 5px; font-size: 12px; font-family: 'nimbus-sans-extended'; } .pagination .pages { float: right; margin-bottom: 5px; } .pagination .label { font-weight: bold; } .pagination a:hover { text-decoration: none; } .pagination .page { display: inline-block; height: 21px; padding: 4px 9px; margin-bottom: 1px; color: #7F273B; 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: #7F273B; } .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: 40px 0px 10px 0px; } .pageContent { margin: 0px; padding: 0px; } .pageContent .pageContentLeftWrapper { } .pageContent .pageContentMiddleWrapper { } .pageContent.hasLeft { overflow: hidden; } html.ie6 .pageContent.hasLeft { zoom: 1; } .pageContent.hasLeft .pageContentLeftWrapper { float: left; width: 220px; } .pageContent.hasLeft .pageContentMiddleWrapper { margin-left: 250px; } .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: #2D2D2D; } .pageContentLeft .box .boxContent { padding-left: 5px; } .mobileTreeMenu .box { margin-bottom: 10px; } .mobileTreeMenu .box .boxTitle { padding-left: 20px; border-bottom: 1px solid #574e51; font-size: 16px; color: #cccccc; } .verticalCategoryList ul { list-style-type: none; margin: 0px; padding: 0px; line-height: normal; } .verticalCategoryList li a { position: relative; display: block; padding: 7px 0px 7px 0px; font-size: 14px; } .verticalCategoryList li a span { display: block; overflow: hidden; text-overflow: ellipsis; } .verticalCategoryList li.level0 li { padding-left: 5px; } .verticalCategoryList li.level1 li { padding-left: 15px; } .verticalCategoryList li.level1 { border-bottom: 1px solid #e5e5e5; } .verticalCategoryList a.level0 { padding: 0px 0px 7px 5px; border-bottom: 1px solid #e5e5e5; font-size: 17px; color: #2D2D2D; font-weight: bold; } .verticalCategoryList a:hover { color: #7F273B; text-decoration: none; } .verticalCategoryList a.active { color: #7F273B; 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: #7F273B transparent transparent transparent; } .recentlyVisitedItemList { line-height: normal; } .recentlyVisitedItemList .itemWrapper { padding: 7px 0px 10px 0px; overflow: hidden; } html.ie6 .recentlyVisitedItemList .itemWrapper { zoom: 1; } .recentlyVisitedItemList .itemWrapper.first { padding: 0px 0px 10px 0px; border-top: none; } .recentlyVisitedItemList .iconWrapper { float: left; width: 60px; overflow: hidden; } .recentlyVisitedItemList .itemNameWrapper { margin-left: 70px; overflow: hidden; text-overflow: ellipsis; } .recentlyVisitedItemList .priceWrapper { margin-left: 70px; margin-top: 5px; } .recentlyVisitedItemList .priceWrapper .itemPrice .priceWithDiscounts { font-size: 14px; font-weight: normal; } .recentlyVisitedItemList .priceWrapper .itemPrice .priceWithoutDiscountsWrapper div, .recentlyVisitedItemList .priceWrapper .itemPrice .priceWithDiscountsWrapper div { display: inline; } .recentlyVisitedItemList .icon img { display: block; max-width: 60px; max-height: 60px; } html.ie6 .recentlyVisitedItemList .icon img { width: 60px; } .recentlyVisitedItemList .itemName { font-size: 14px; font-weight: normal; } .pageContentLeft .recentlyVisitedItemList .itemWrapper { border-top: 1px solid #e5e5e5; } .pageContentLeft .recentlyVisitedItemList .itemWrapper.last { border-bottom: 1px solid #e5e5e5; } .pageContentLeft .recentlyVisitedItemList .itemWrapper.first { border-top: none; } .mobileTreeMenu .recentlyVisitedItemList .itemWrapper { padding-left: 20px; border-top: 1px solid #574e51; } .mobileTreeMenu .recentlyVisitedItemList .itemWrapper.first { border-top: none; } .mobileTreeMenu .recentlyVisitedItemList .itemWrapper.last { border-bottom: 1px solid #574e51; } .mobileTreeMenu .recentlyVisitedItemList .itemName { color: #cccccc; } .mobileTreeMenu .recentlyVisitedItemList .itemNo { color: #888888; } .mobileTreeMenu .recentlyVisitedItemList .itemPrice .priceWithDiscounts { color: #888888; } .pageContent .documentLeft a { text-decoration: underline; } .pageContent .documentLeft a:hover { color: #7F273B; } .pageContent .documentRight a { text-decoration: underline; } .pageContent .documentRight a:hover { color: #7F273B; } .pageContent .heading { font-size: 18px; font-weight: normal; color: #777777; margin-bottom: 10px; } .pageContent-login .heading, .pageContent-account .heading, .pageContent-createAccount .heading, .pageContent-customerData .heading, .pageContent-checkout .heading { padding: 5px 10px; background-color: #eeeeee; color: #555555; } .pageContent .rowWrapper { position: relative; overflow: hidden; } html.ie6 .pageContent .rowWrapper { zoom: 1 } .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; } .pageContent span.inputField { margin: 0px; padding: 0px; } .pageContent input.inputField, .pageContent textarea.inputField, .pageContent select.inputField, .pageContent span.inputField select { margin: 1px 0px 1px 0px; font-size: 14px; background-color: #eeeeee; border: 0px; color: #2d2d2d; font-weight: normal; } .pageContent input.inputField, .pageContent textarea.inputField { padding: 8.5px 5px; color: #2d2d2d; } .pageContent span.inputField select, .pageContent select.inputField { padding: 7.5px 5px; border: 1px solid #d2d2d2; color: #2d2d2d; } .pageContent input.inputField:focus, .pageContent textarea.inputField:focus, .pageContent span.inputField select:focus, .pageContent input.inputField:hover, .pageContent textarea.inputField:hover, .pageContent span.inputField select:hover { border: 1px solid #7c7c7c; background-color: #fff; padding: 7.5px 5px; color: #2d2d2d; } .pageContent select.inputField:focus, .pageContent select.inputField:hover { padding: 2px; border: 1px solid #7c7c7c; background-color: #fff; color: #2d2d2d; } .pageContent span.inputField.missing, .pageContent span.inputField.error { color: #ff0000; } .lt-ie8 .pageContent span.inputField.missing, .lt-ie8 .pageContent span.inputField.error { border: 2px solid #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; } .lt-ie8 .pageContent span.inputField.missing select, .lt-ie8 .pageContent span.inputField.error select, .lt-ie8 .pageContent select.inputField.missing, .lt-ie8 .pageContent select.inputField.error { border: none; } .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: 7px 15px 7px 15px; cursor: pointer; font-size: 16px; color: #2D2D2D; 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: #7F273B; } .pageContent button.back { padding: 9px 30px; } html.lt-ie9 .pageContent button.back { padding: 7px 15px 7px 15px; } .pageContent button.back:before { display: none; content: ""; margin-top: 0px; margin-right: 6px; margin-bottom: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent #555555 transparent transparent; } .pageContent button.back:hover:before, .pageContent button.back:focus:before, .pageContent button.back:active:before { border-color: transparent #ffffff transparent transparent; } .pageContent button.continue { padding: 9px 30px;; } html.lt-ie9 .pageContent button.continue { padding: 9px 30px;; } .pageContent button.continue:after { display: none; content: ""; margin-top: 0px; margin-left: 6px; margin-bottom: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #555555; } .pageContent button.continue:hover:after, .pageContent button.continue:focus:after, .pageContent button.continue:active:after { border-color: transparent transparent transparent #ffffff; } .pageContent button.primary { color: #ffffff; background-color: #9ca4ab; } .pageContent button.primary:hover, .pageContent button.primary:focus, .pageContent button.primary:active { color: #9ca4ab; background-color: #fff; } .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; } html.lt-ie8 .pageContent-item .itemDetailContainerWrapper { display: block; } html.lt-ie8 .pageContent-item .itemDetailContainer { display: block; overflow: hidden; } html.ie6 .pageContent-item .itemDetailContainer { zoom: 1; } html.lt-ie8 .pageContent-item .itemDetailContainer .imageWrapper { display: block; float: left; margin-bottom: 10px; } html.lt-ie8 .pageContent-item .itemDetailContainer .itemDetailWrapper { display: block; float: left; margin-bottom: 10px; } .pageContent-item .itemDetailContainer .image .imgWrapper { display: inline-block; max-width: 300px; } .pageContent-item .itemDetailContainer .image .imgWrapper img { max-width: 100%; max-height: 100%; } .pageContent-item .itemDetailContainer .imgtxt { padding-top: 5px; font-size: 12px; color: #555555; } .pageContent-item .itemDetailContainer h1 { margin-bottom: 1px; } .pageContent-item .itemDetailContainer .itemDescription { font-size: 14px; } .pageContent-item .itemDetailContainer .gtin { white-space: nowrap; font-size: 14px; color: #777777; } .pageContent-item .itemDetailContainer .itemNo { white-space: nowrap; font-size: 15px; color: #777777; margin-bottom: 10px; line-height: 22px; font-weigt: normal; } .pageContent-item .itemDetailContainer p { margin: 0px; padding: 0px } .pageContent-item .itemDetailContainer div.itemAttribute { } .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: 14px; color: #777777; } .pageContent-item .itemDetailContainer span.searchTerm { background-color: yellow; } .pageContent-item .itemDetailContainer .inquiryPerMail { margin-bottom: 12px; } .pageContent-item .itemDetailContainer .inquiryPerMail a { text-decoration: underline; } .pageContent-item .itemDetailContainer .characteristics { display: table; margin-bottom: 30px; width: 100%; } .pageContent-item .itemDetailContainer .characteristics a { font-weight: bold; text-decoration: underline; } .pageContent-item .itemDetailContainer .characteristics a:hover { color: #7F273B; } .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; } html.lt-ie8 .pageContent-item .itemDetailContainer .characteristics .characteristicCell.characteristicLabel { padding-bottom: 2px; } .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; } .billOfMaterialItemList .availabilityCell, .billOfMaterialItemList .priceCell, .billOfMaterialItemList .accessCartOrWishlistCell { text-align: right; white-space: nowrap; } html.lt-ie8 .billOfMaterialItemList .tableCell.containerCell { width: 330px; } html.lt-ie8 .billOfMaterialItemList .tableCell.containerCell .containerTableWrapper { display: block; } html.lt-ie8 .billOfMaterialItemList .tableCell.containerCell .containerTableRowWrapper { display: block; } html.lt-ie8 .billOfMaterialItemList .containerCell .bomToggleCell { display: block; float: left; width: 52px; } html.lt-ie8 .billOfMaterialItemList .containerCell .iconCell { display: block; float: left; } html.lt-ie8 .billOfMaterialItemList .containerCell .itemNameCell { display: block; float: left; width: 150px; } html.lt-ie8 .billOfMaterialItemList .tableCell.availabilityCell { width: 20px; } html.lt-ie8 .billOfMaterialItemList .tableCell.priceCell { width: 100px; } html.lt-ie8 .billOfMaterialItemList .tableCell.accessCartOrWishlistCell { width: 100px; } html.lt-ie8 .billOfMaterialItemList .bomItem.hidden { display: none; } .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: 25px; color: #2d2d2d !important; } .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 #2D2D2D; } .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 #2D2D2D; } .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: 7px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #2D2D2D; } .pageContent-quickorder .quickorderInputList .table { width: 330px; } .pageContent-quickorder .quickorderInputList .tableCell.itemNoCell { width: auto; } .pageContent-quickorder .quickorderInputList .tableCell.lineNoCell { text-align: right; vertical-align: middle; } html.lt-ie8 .pageContent-quickorder .quickorderInputList .table { width: auto; } html.lt-ie8 .pageContent-quickorder .quickorderInputList .tableCell.lineNoCell { width: 40px; } html.lt-ie8 .pageContent-quickorder .quickorderInputList .tableCell.itemNoCell { width: 200px; } html.lt-ie8 .pageContent-quickorder .quickorderInputList .tableCell.inputQtyCell { width: 120px; } .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; } html.lt-ie8 .pageContent-quickorder .quickorderItemList .tableCell.lineNoCell { width: 40px; } html.lt-ie8 .pageContent-quickorder .quickorderItemList .tableCell.itemNoCell { width: 70px; } html.lt-ie8 .pageContent-quickorder .quickorderItemList .tableCell.iconCell { width: 100px; overflow: hidden; } html.lt-ie8 .pageContent-quickorder .quickorderItemList .tableCell.itemNameCell { width: 250px; } html.lt-ie8 .pageContent-quickorder .quickorderItemList .tableCell.availabilityCell { width: 60px; } html.lt-ie8 .pageContent-quickorder .quickorderItemList .tableCell.priceCell { width: 200px; } html.lt-ie8 .pageContent-quickorder .quickorderItemList .tableCell.inputQtyCell { width: 175px; } .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; } html.ie6 .pageContent-quickorder .quickorderItemList .buttons { zoom: 1; } .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: 0 auto 55px auto; width: 100%; text-align: center; } .pageContent-wishlist .topicOuterWrapper .topicWrapper .supplement.short { display: none; } .pageContent-wishlist .topicOuterWrapper .topicRightWrapper { float: right; margin-top: 6px; } .pageContent-wishlist:not(.hasLeft) .topicOuterWrapper .topicRightWrapper { margin-top: 6px; } .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: #7F273B; text-decoration: none; } .pageContent-wishlist .manageWishlists .flyoutMenuElement:hover .manageWishlistsActivator:after { border-color: #7F273B transparent transparent transparent; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel { overflow: hidden; min-width: 100px; max-width: 300px; padding-bottom: 15px; color: #ffffff; background-color: #7F273B; } .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: #2D2D2D; } .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 #625D5E; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel li { display: table-row; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel li:hover { background-color: #625D5E; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel li.active { background-color: #625D5E; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel li a { display: table-cell; padding: 6px 2px 6px 0px; border-top: 1px solid #625D5E; } .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; } .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; } html.lt-ie8 .pageContent-wishlist .wishlistLineItems .tableCell.selectionCell { width: 40px; } html.lt-ie8 .pageContent-wishlist .wishlistLineItems .tableCell.inputQtyCell { width: 135px; } html.lt-ie8 .pageContent-wishlist .wishlistLineItems .tableCell.lineNoCell { width: 40px; } html.lt-ie8 .pageContent-wishlist .wishlistLineItems .tableCell.itemNoCell { width: 70px; } html.lt-ie8 .pageContent-wishlist .wishlistLineItems .tableCell.iconCell { width: 100px; overflow: hidden; } html.lt-ie8 .pageContent-wishlist .wishlistLineItems .tableCell.itemNameCell { width: 250px; } html.lt-ie8 .pageContent-wishlist .wishlistLineItems .tableCell.availabilityCell { width: 60px; } html.lt-ie8 .pageContent-wishlist .wishlistLineItems .tableCell.priceCell { width: 200px; } .pageContent-wishlist .wishlistLineItems .icon img { max-width: 100px; max-height: 150px; } .pageContent-wishlist .wishlistLineItems .buttonWrapper { margin-top: 20px; overflow: auto; } html.ie6 .pageContent-wishlist .wishlistLineItems .buttonWrapper { zoom: 1; } .pageContent-wishlist .wishlistLineItems .buttonWrapper .label { float: left; margin-right: 10px; line-height: 38px; } .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; } html.lt-ie8 .pageContent-previouslyOrderedItemList .itemList .tableCell.inputQtyCell { width: 175px; } html.lt-ie8 .pageContent-previouslyOrderedItemList .itemList .tableCell.inputQtyCell .inputQtyCellInnerWrapper { overflow: auto; zoom: 1 } html.lt-ie8 .pageContent-previouslyOrderedItemList .itemList .tableCell.inputQtyCell .inputQtyCellInnerWrapper .checkboxWrapper { display: block; float: left; } html.lt-ie8 .pageContent-previouslyOrderedItemList .itemList .tableCell.inputQtyCell .inputQtyCellInnerWrapper .itemListAddToCart { display: block; float: left; text-align: left; } html.lt-ie8 .pageContent-previouslyOrderedItemList .itemList .tableCell.itemNoCell { width: 70px; } html.lt-ie8 .pageContent-previouslyOrderedItemList .itemList .tableCell.iconCell { width: 100px; overflow: hidden; } html.lt-ie8 .pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell { width: 100px; } html.lt-ie8 .pageContent-previouslyOrderedItemList .itemList .tableCell.numberOfOrdersCell { width: 70px; } html.lt-ie8 .pageContent-previouslyOrderedItemList .itemList .tableCell.orderedQtyCell { width: 85px; } html.lt-ie8 .pageContent-previouslyOrderedItemList .itemList .tableCell.lastOrderDateCell { width: 60px; } html.lt-ie8 .pageContent-previouslyOrderedItemList .itemList .tableCell.availabilityCell { width: 60px; } html.lt-ie8 .pageContent-previouslyOrderedItemList .itemList .tableCell.priceCell { width: 140px; } .pageContent-previouslyOrderedItemList .itemList .icon img { max-width: 100px; max-height: 150px; } .pageContent-previouslyOrderedItemList .itemList .tableCell.inputQtyCell .inputQtyCellInnerWrapper { white-space: nowrap; } .pageContent-previouslyOrderedItemList .itemList .tableCell.inputQtyCell .checkboxWrapper { display: inline-block; vertical-align: top; } .pageContent-previouslyOrderedItemList .itemList .tableCell.inputQtyCell .checkbox { margin-right: 10px; } .pageContent-previouslyOrderedItemList .itemList .tableCell.inputQtyCell .itemListAddToCart { display: inline-block; } .pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper { margin-top: 10px; } .pageContent-previouslyOrderedItemList .itemList .backorderMsg { margin-top: 10px; } .pageContent-previouslyOrderedItemList .buttonWrapper { margin-top: 20px; overflow: auto; } html.ie6 .pageContent-previouslyOrderedItemList .buttonWrapper { zoom: 1; } .pageContent-previouslyOrderedItemList .buttonWrapper .label { float: left; margin-right: 10px; line-height: 38px; } .pageContent-previouslyOrderedItemList .buttonWrapper .buttons { float: left; } .pageContent-previouslyOrderedItemList .buttonWrapper .buttons button { margin-right: 5px; } .pageContent-shoppingCart .topicOuterWrapper .topicWrapper { float: left; margin: 0 auto 55px auto; width: 100%; text-align: center; } .pageContent-shoppingCart .topicOuterWrapper .topicWrapper .supplement.short { display: none; } .pageContent-shoppingCart .topicOuterWrapper .topicRightWrapper { float: right; margin-top: 6px; } .pageContent-shoppingCart:not(.hasLeft) .topicOuterWrapper .topicRightWrapper { margin-top: 6px; } .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: #7F273B; text-decoration: none; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuElement:hover .switchShoppingCartActivator:after { border-color: #7F273B transparent transparent transparent; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel { overflow: hidden; min-width: 100px; max-width: 300px; padding-bottom: 15px; color: #ffffff; background-color: #7F273B; } .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; } .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; } html.lt-ie8 .pageContent-shoppingCart .shoppingCartLineItems .lineItems { display: block; } html.lt-ie8 .pageContent-shoppingCart .lineItemHeader { display: block; border-bottom: 2px solid #e5e5e5; overflow: auto; zoom: 1; } html.lt-ie8 .pageContent-shoppingCart .lineItemHeaderCell { display: block; float: left; padding: 9px 7px; white-space: nowrap; color: #777777; border-bottom: none; } html.lt-ie8 .pageContent-shoppingCart .lineItemHeaderCell.iconCell { width: 100px; overflow: hidden; } html.lt-ie8 .pageContent-shoppingCart .lineItemHeaderCell.itemNameCell { width: 250px; } html.lt-ie8 .pageContent-shoppingCart .lineItemHeaderCell.inputQtyCell { width: 135px; } html.lt-ie8 .pageContent-shoppingCart .lineItemHeaderCell.orderQtyCell { width: 150px; } html.lt-ie8 .pageContent-shoppingCart .lineItemHeaderCell.priceCell { width: 70px; } html.lt-ie8 .pageContent-shoppingCart .lineItemHeaderCell.priceUnitCell { width: 40px; } html.lt-ie8 .pageContent-shoppingCart .lineItemHeaderCell.totalPriceCalculationCell { width: 70px; } html.lt-ie8 .pageContent-shoppingCart .lineItemHeaderCell.totalPriceCell { width: 70px; } html.lt-ie8 .pageContent-shoppingCart .lineItem { display: block; border-bottom: 2px solid #e5e5e5; overflow: auto; zoom: 1; } html.lt-ie8 .pageContent-shoppingCart .lineItem.last { border-bottom: none; } html.lt-ie8 .pageContent-shoppingCart .lineItem .firstWrapper { display: block; } html.lt-ie8 .pageContent-shoppingCart .lineItem .firstWrapper .lineItemCell { display: block; float: left; padding: 9px 7px; vertical-align: top; border-bottom: none; } html.lt-ie8 .pageContent-shoppingCart .lineItem .firstWrapper .lineItemCell.iconCell { width: 100px; overflow: hidden; } html.lt-ie8 .pageContent-shoppingCart .lineItem .firstWrapper .lineItemCell.itemNameCell { width: 250px; } html.lt-ie8 .pageContent-shoppingCart .lineItem .firstWrapper .lineItemCell.inputQtyCell { width: 135px; } html.lt-ie8 .pageContent-shoppingCart .lineItem .firstWrapper .lineItemCell.orderQtyCell { width: 150px; } html.lt-ie8 .pageContent-shoppingCart .lineItem .firstWrapper .lineItemCell.priceCell { width: 70px; } html.lt-ie8 .pageContent-shoppingCart .lineItem .firstWrapper .lineItemCell.priceUnitCell { width: 40px; } html.lt-ie8 .pageContent-shoppingCart .lineItem .firstWrapper .lineItemCell.totalPriceCalculationCell { width: 70px; } html.lt-ie8 .pageContent-shoppingCart .lineItem .firstWrapper .lineItemCell.totalPriceCell { width: 70px; } .pageContent-shoppingCart .lineItem .iconCell { white-space: nowrap; } .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; } .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: 16px; } .pageContent-shoppingCart .documentEnd .salesTaxAndShippingConditions { padding: 3px 7px 0px 7px; white-space: nowrap; text-align: right; vertical-align: top; } .pageContent-shoppingCart .documentEnd .salesTaxAndShippingConditions a { text-decoration: underline; } .pageContent-shoppingCart .documentEnd .salesTaxAndShippingConditions a:hover { color: #7F273B; } html.lt-ie8 .pageContent-shoppingCart .documentEnd .linesAtDocumentEnd { display: block; } html.lt-ie8 .pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd { display: block; } html.lt-ie8 .pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd { display: block; overflow: auto; zoom: 1; } html.lt-ie8 .pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd.last { border-bottom: 2px solid #e5e5e5; } html.lt-ie8 .pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd.last .lineAtDocumentEnd.last { border-bottom: none; } html.lt-ie8 .pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd .lineAtDocumentEndCell { display: block; } html.lt-ie8 .pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd.last .lineAtDocumentEndCell { border: none; } html.lt-ie8 .pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd .lineAtDocumentEndLabel { width: 85%; float: left; } html.lt-ie8 .pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd .lineAtDocumentEndValue { width: 10%; float: right; } .pageContent-shoppingCart button { margin-top: 15px; } .pageContent-shoppingCart #backButton { float: left; } .pageContent-shoppingCart #updateButton { float: left; margin-left: 5px; } .pageContent-shoppingCart #checkoutButton { float: right; } .pageContent-shoppingCart .enableMobileScriptsWhenInvisible {} .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; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .lineItems { display: block; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .lineItemHeader { display: block; border-bottom: 2px solid #e5e5e5; overflow: auto; zoom: 1; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .lineItemHeaderCell { display: block; float: left; padding: 9px 7px; white-space: nowrap; color: #777777; border-bottom: none; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .lineItemHeaderCell.lineNoCell { width: 40px; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .lineItemHeaderCell.itemNoCell { width: 70px; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .lineItemHeaderCell.iconCell { width: 100px; overflow: hidden; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .lineItemHeaderCell.itemNameCell { width: 250px; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .lineItemHeaderCell.orderQtyCell { width: 150px; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .lineItemHeaderCell.priceCell { width: 70px; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .lineItemHeaderCell.priceUnitCell { width: 40px; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .lineItemHeaderCell.totalPriceCalculationCell { width: 70px; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .lineItemHeaderCell.totalPriceCell { width: 70px; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .lineItem { display: block; border-bottom: 2px solid #e5e5e5; overflow: auto; zoom: 1; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .lineItem.last { border-bottom: none; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper { display: block; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper .lineItemCell { display: block; float: left; padding: 9px 7px; vertical-align: top; border-bottom: none; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper .lineItemCell.lineNoCell { width: 40px; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper .lineItemCell.itemNoCell { width: 70px; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper .lineItemCell.iconCell { width: 100px; overflow: hidden; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper .lineItemCell.itemNameCell { width: 250px; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper .lineItemCell.orderQtyCell { width: 150px; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper .lineItemCell.priceCell { width: 70px; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper .lineItemCell.priceUnitCell { width: 40px; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper .lineItemCell.totalPriceCalculationCell { width: 70px; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .lineItem .firstWrapper .lineItemCell.totalPriceCell { width: 70px; } .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: 16px; } .pageContent-checkout .checkoutOrderLineItems .documentEnd .amountDue.isSalesTaxExempt .lineAtDocumentEndLabel { white-space: normal; } .pageContent-checkout .checkoutOrderLineItems .documentEnd .includedSalesTax .lineAtDocumentEndCell {} html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .documentEnd .linesAtDocumentEnd { display: block; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd { display: block; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd { display: block; overflow: auto; zoom: 1; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd.last { border-bottom: 2px solid #e5e5e5; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd.last .lineAtDocumentEnd.last { border-bottom: none; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd .lineAtDocumentEndCell { display: block; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd.last .lineAtDocumentEndCell { border: none; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd .lineAtDocumentEndLabel { width: 85%; float: left; } html.lt-ie8 .pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd .lineAtDocumentEndValue { width: 10%; float: right; } .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 #2D2D2D; } .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 { } .pageContent-checkoutCustomerData .buttons { margin-top: 20px; overflow: auto; } html.ie6 .pageContent-checkoutCustomerData .buttons { zoom: 1; } .pageContent-checkoutCustomerData .buttons .back { float: left; } .pageContent-checkoutCustomerData .buttons .continue { float: right; } .pageContent-checkoutOrderDetails .commentWrapper textarea.inputField { width: 98%; } .pageContent-checkoutOrderDetails .buttons { margin-top: 20px; overflow: auto; } html.ie6 .pageContent-checkoutOrderDetails .buttons { zoom: 1; } .pageContent-checkoutOrderDetails .buttons .back { float: left; } .pageContent-checkoutOrderDetails .buttons .continue { float: right; } .pageContent-checkoutShippingAddress .existingAddresses .table { width: 100%; } .pageContent-checkoutShippingAddress .existingAddresses .tableCell.selectionCell { width: 1px; } html.lt-ie8 .pageContent-checkoutShippingAddress .existingAddresses .tableCell.selectionCell { width: 40px; } html.lt-ie8 .pageContent-checkoutShippingAddress .existingAddresses .tableCell.nameCell { width: 200px; } html.lt-ie8 .pageContent-checkoutShippingAddress .existingAddresses .tableCell.streetCell { width: 200px; } html.lt-ie8 .pageContent-checkoutShippingAddress .existingAddresses .tableCell.postalCodeCell { width: 70px; } html.lt-ie8 .pageContent-checkoutShippingAddress .existingAddresses .tableCell.cityCell { width: 120px; } html.lt-ie8 .pageContent-checkoutShippingAddress .existingAddresses .tableCell.countryCell { width: 150px; } html.lt-ie8 .pageContent-checkoutShippingAddress .existingAddresses .tableCell.salesTaxIdCell { width: 150px; } .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; } html.lt-ie8 .pageContent-checkoutBillingAddress .existingAddresses .tableCell.selectionCell { width: 40px; } html.lt-ie8 .pageContent-checkoutBillingAddress .existingAddresses .tableCell.nameCell { width: 200px; } html.lt-ie8 .pageContent-checkoutBillingAddress .existingAddresses .tableCell.streetCell { width: 200px; } html.lt-ie8 .pageContent-checkoutBillingAddress .existingAddresses .tableCell.postalCodeCell { width: 70px; } html.lt-ie8 .pageContent-checkoutBillingAddress .existingAddresses .tableCell.cityCell { width: 120px; } html.lt-ie8 .pageContent-checkoutBillingAddress .existingAddresses .tableCell.countryCell { width: 150px; } html.lt-ie8 .pageContent-checkoutBillingAddress .existingAddresses .tableCell.salesTaxIdCell { width: 150px; } .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; } html.lt-ie8 .pageContent-checkoutShipping .shippingMethod .tableCell.selectionCell { width: 40px; } html.lt-ie8 .pageContent-checkoutShipping .shippingMethod .tableCell.nameCell { width: 130px; } html.lt-ie8 .pageContent-checkoutShipping .shippingMethod .tableCell.shippingCostsCell { width: 130px; } .pageContent-checkoutShipping .buttons { margin-top: 20px; overflow: auto; } html.ie6 .pageContent-checkoutShipping .buttons { zoom: 1; } .pageContent-checkoutShipping .buttons .back { float: left; } .pageContent-checkoutShipping .buttons .continue { float: right; } .pageContent-checkoutPayment .paymentMethod .tableCell.selectionCell { width: 1px; } html.lt-ie8 .pageContent-checkoutPayment .paymentMethod .tableCell.selectionCell { width: 40px; } html.lt-ie8 .pageContent-checkoutPayment .paymentMethod .tableCell.nameCell { width: 200px; } .pageContent-checkoutPayment .buttons { margin-top: 20px; overflow: auto; } html.ie6 .pageContent-checkoutPayment .buttons { zoom: 1; } .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; } html.lt-ie8 .pageContent-checkoutOrderView .mandatoryCheckboxes { display: block; } html.lt-ie8 .pageContent-checkoutOrderView .mandatoryCheckbox { display: block; overflow: auto; zoom: 1; } html.lt-ie8 .pageContent-checkoutOrderView .checkboxCell { display: block; float: left; width: 25px; } html.lt-ie8 .pageContent-checkoutOrderView .checkboxLabel { display: block; float: left; width: 600px; } .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; } html.ie6 .pageContent-checkoutOrderView .buttons { zoom: 1; } .pageContent-checkoutOrderView .buttons .backButton { float: left; } .pageContent-checkoutOrderView .buttons .placeOrderButton { float: right; } .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; } html.ie6 .pageContent-checkoutOrderPrintView .buttons { zoom: 1; } .pageContent-checkoutOrderPrintView .buttons .closeButton { float: left; } .pageContent-checkoutOrderPrintView .buttons .printButton { float: right; } .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; } html.lt-ie8 .pageContent-customerDocumentList .tableCell.customerDocumentNoCell { width: 90px; } html.lt-ie8 .pageContent-customerDocumentList .tableCell.deliveryNoteNoCell { width: 120px; } html.lt-ie8 .pageContent-customerDocumentList .tableCell.customerDocumentTypeCell { width: 60px; } html.lt-ie8 .pageContent-customerDocumentList .tableCell.infoTextCell { width: 100px; } html.lt-ie8 .pageContent-customerDocumentList .tableCell.dateCell { width: 70px; } html.lt-ie8 .pageContent-customerDocumentList .tableCell.shippingMethodCell { width: 90px; } html.lt-ie8 .pageContent-customerDocumentList .tableCell.numberOfPackagesCell { width: 60px; } html.lt-ie8 .pageContent-customerDocumentList .tableCell.trackingCell { width: 150px; } html.lt-ie8 .pageContent-customerDocumentList .tableCell.totalAmountCell { width: 100px; } html.lt-ie8 .pageContent-customerDocumentList .tableCell.totalAmountWithoutSalesTaxCell { width: 100px; } html.lt-ie8 .pageContent-customerDocumentList .tableCell.totalAmountWithSalesTaxCell { width: 100px; } .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: #7F273B; } .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; } html.lt-ie8 .pageContent-customerDocument .tableCell.iconCell { width: 100px; overflow: hidden; } html.lt-ie8 .pageContent-customerDocument .tableCell.lineNoCell { width: 50px; } html.lt-ie8 .pageContent-customerDocument .tableCell.itemNoCell { width: 70px; } html.lt-ie8 .pageContent-customerDocument .tableCell.descriptionCell { width: 250px; } html.lt-ie8 .pageContent-customerDocument .tableCell.qtyCell { width: 110px; } html.lt-ie8 .pageContent-customerDocument .tableCell.priceCell { width: 120px; } html.lt-ie8 .pageContent-customerDocument .tableCell.totalPriceCell { width: 120px; } .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; } html.lt-ie8 .pageContent-backorderList .tableCell.iconCell { width: 100px; overflow: hidden; } html.lt-ie8 .pageContent-backorderList .tableCell.itemNoCell { width: 70px; } html.lt-ie8 .pageContent-backorderList .tableCell.itemNameCell { width: 250px; } html.lt-ie8 .pageContent-backorderList .tableCell.remainingQtyCell { width: 90px; } html.lt-ie8 .pageContent-backorderList .tableCell.remainingAmountCell { width: 100px; } html.lt-ie8 .pageContent-backorderList .tableCell.shippingDateCell { width: 100px; } html.lt-ie8 .pageContent-backorderList .tableCell.customerDocumentNoCell { width: 80px; } .pageContent-backorderList .icon img { max-width: 100px; max-height: 150px; } .pageContent-backorderList .label { margin-right: 5px; } .pageContent-backorderList .salesTaxMsg { color: #777777; font-size: 12px; } .pageContent-backorderList .backorderPagination { overflow: auto; margin-top: 10px; } html.ie6 .pageContent-backorderList .backorderPagination { zoom: 1; } .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: 21px; 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; } html.lt-ie8 .pageContent-createAccount .mandatoryCheckboxes { display: block; } html.lt-ie8 .pageContent-createAccount .mandatoryCheckbox { display: block; overflow: auto; zoom: 1; } html.lt-ie8 .pageContent-createAccount .checkboxCell { display: block; float: left; width: 25px; } html.lt-ie8 .pageContent-createAccount .checkboxLabel { display: block; float: left; width: 600px; } .pageContent-createAccount button { margin-top: 20px; } .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; } .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; } html.lt-ie8 .pageContent-sitemap li { display: inline; zoom: 1; } html.lt-ie8 .pageContent-sitemap li.category { margin-right: 10px; } .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: #2D2D2D; } .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: #7F273B; font-weight: bold; text-decoration: none; } .pageContent-sitemap ul.subMenu.level2 li a { font-size: 12px; } .pageContent-sitemap ul.subMenu li a span { display: block; overflow-x: hidden; text-overflow: ellipsis; } .pageContent-passwordChange .errorMsg { margin-bottom: 15px; color: red; font-weight: bold; } .pageContent-passwordChange .attributeValue input { width: 95%; max-width: 300px; } html.lt-ie8 .pageContent-passwordChange .attributeLabel { width: 130px; } html.lt-ie8 .pageContent-passwordChange .attributeValue { width: 300px; } html.lt-ie8 .pageContent-passwordChange .attributeValue input { width: 290px; } .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; } html.lt-ie8 .pageContent-cachecheck .requestTrackingEntries .tableCell.remoteAddrCell { width: 110px; } html.lt-ie8 .pageContent-cachecheck .requestTrackingEntries .tableCell.hasSessionCell { width: 100px; } html.lt-ie8 .pageContent-cachecheck .requestTrackingEntries .tableCell.timeCell { width: 50px; } html.lt-ie8 .pageContent-cachecheck .requestTrackingEntries .tableCell.uriCell { width: 200px; } html.lt-ie8 .pageContent-cachecheck .requestTrackingEntries .tableCell.pipeletCell { width: 150px; } .pageContent-cachecheck .requestTrackingEntries .statusText { display: block; } .pageContent-loginRequired .attributeValue input { width: 95%; } .pageContent-dialog { max-width: 350px; margin: 0px 20px; padding: 20px; overflow: hidden; border: 1px solid #dddddd; background-color: #ffffff; text-align: left; } html.ie6 .pageContent-dialog { width: 350px; } .pageContent-dialog h1 { margin: 0px 0px 10px 0px; } .pageContent-dialog button { margin-top: 10px; } body { background-color: #fff; font-size: 15px; line-height: 1.5; font-family: "nimbus-sans",sans-serif; font-style: normal; color: #7c7c7c; } p { margin: 0 0 1.5em; } h1, h2, h3, h4, h5, h6 { margin: 0 0 1.5em; font-family: "nimbus-sans-extended",sans-serif; font-style: normal; color: #2d2d2d; text-transform: uppercase; } h1 { font-weight: normal; font-size: 50px; line-height: 1.1; width: 100%; margin: 0 auto 55px auto; text-align: center; } h2 { font-size: 30px; font-weight: normal; line-height: 1.3; } h3 { font-size: 22px; font-weight: normal; line-height: 1.4; } h4 { font-size: 14px; font-weight: bold; line-height: 1.4; } @media only all and (max-width: 992px) { h1 { font-size: 40px; } h2 { font-size: 27px; } h3 { font-size: 20px; } } @media only all and (max-width: 576px) { h1 { font-size: 30px; } h2 { font-size: 22px; } h3 { font-size: 18px; } } .responsiveLayout .tm-layout-head-wrapper { position: relative; width: 100%; border-bottom: 1px solid #ddd; transition: all .5s ease-in-out; z-index: 11; } .responsiveLayout.mitBuehne .tm-layout-head-wrapper { position: absolute; z-index: 1999; margin-top: 20px; left: 0; } .tm-layout-head { position: relative; height: 44px; max-width: 1140px; background-color: #fff; margin: 0 auto; padding: 23.5px 0; } .responsiveLayout.mitBuehne .tm-layout-head { border-width: 2px 0; border-style: solid; border-color: #fff; } .tm-layout-head .tm-logo { width: 200px; height: 54px; float: left; margin: 7px 0 0 50px; display: block; } .tm-layout-head .tm-meta { float: right; height: 44px; overflow: hidden; width: 400px; color: #fff; margin-right: 50px; } .tm-meta .flyoutMenuContainer .flyoutMenuTriangle { display: none !important;} @media all and (max-width: 1300px) { .tm-layout-head .tm-meta { width: 220px; } } .tm-layout-head .tm-menu { float: left; margin-top: 0px; position: relative; font-weight: 500; margin-left: 100px; } .tm-layout-head .tm-mobile-menu { display: none; } .responsiveLayout .meta .quicksearchFlyoutElement .metaLink { background-image: url(img/search.png); background-repeat: no-repeat; background-position: center center; } .flyoutMenuContainer .quicksearchFlyoutElement .flyoutMenu { display: none; position: absolute; right: 300px; top: 5px; z-index: 101; } .cascadingMenuCategoryList a.level0.withSubCategories { padding-right: 10px; } .tm-layout-head { max-width: 100%; width: 100%; display: table; } .tm-layout-head .tm-meta, .tm-layout-head .tm-menu, .tm-layout-head .tm-logo { float: none; display: table-cell; vertical-align: middle; } .tm-layout-head .tm-menu { text-align: center; vertical-align: middle; } #nav li.level0 { float: none; display: inline-block; } .tm-layout-head .tm-logo { background-repeat: no-repeat; background-position: center center; padding: 0 0 0 50px; margin: 0; } .tm-layout-head .tm-logo img { max-width: 107px; max-height: 54px; } .tm-layout-head .tm-meta { padding-right: 50px; margin: 0; } @media all and (max-width: 1250px) { .tm-layout-head .tm-meta { padding-right: 25px; } .tm-layout-head .tm-logo { padding: 0 10px 0 25px; } } @media all and (max-width: 1150px) { .responsiveLayout .layoutSecondTopWrapper .mobileMenuWrapper { display: block; } .flyoutMenuContainer .quicksearchFlyoutElement .flyoutMenu { right: 220px; } .responsiveLayout .meta.flyoutMenuContainer .quicksearchFlyoutElement .flyoutMenuPanel { min-width: 500px; } } @media all and (max-width: 1020px) { .tm-layout-head .tm-menu { display: none; } .tm-layout-head .tm-mobile-menu { display: block; } } @media all and (max-width: 1050px) { .responsiveLayout .meta.flyoutMenuContainer .quicksearchFlyoutElement .flyoutMenuPanel { min-width: 400px; } } @media all and (max-width: 950px) { .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel { min-width: 400px; } .flyoutMenuContainer .quicksearchFlyoutElement .flyoutMenu { top: 44px; right: 150px; } .tm-meta .flyoutMenuContainer .quicksearchFlyoutElement .flyoutMenuTriangle { display: none !important; } } @media all and (max-width: 750px) { .tm-layout-head { width: 100%; } } @media all and (max-width: 630px) { .tm-layout-head .tm-logo { display: none; } .flyoutMenuContainer .quicksearchFlyoutElement .flyoutMenu { right: 0px; } } @media all and (max-width: 950px) { .responsiveLayout .meta.flyoutMenuContainer .quicksearchFlyoutElement .flyoutMenuPanel { min-width: 350px; } } .tm-layout-head .tm-meta { width: 200px; } @media only all and (max-width: 450px) { .tm-layout-head .tm-meta { width: 200px; margin-right: 10px; } } .slideshow-slide { width: 1140px; max-width: 100%; position: relative; } div.slideshow div.slide { width: 100%; height: 100%; } .slideshow-slide .slide-background { display: block; width: 100%; max-height: 100%; } div.slideshow div.slide img, .slideshow-slide .slide-background img { max-width: 100%; max-height: 100%; height: auto !important; } .slideshow-slide .slide-text { position: absolute; top: 5%; width: 100%; max-width: 100%; padding: 20px; box-sizing: border-box; text-align: center; } .slideshow-slide .slide-text .slide-text-inner { color: #fff; font-size: 22px; } .responsiveLayout.viewId-home .layoutBreadcrumbWrapper { display: none; } .prj_headerDocumentsWrapper { border-bottom: 1px solid #ddd; text-align: right; text-transform: uppercase; background: #fff; line-height: 34px; } .prj_headerDocumentsWrapper .prj_headerDocumentsInnerWrapper { padding: 0 50px; } .prj_headerDocumentsWrapper .prj_headerDocumentsInnerWrapper a { padding: 0 10px; color: #2D2D2D; font-size: 13px; } .prj_headerDocumentsWrapper .prj_headerDocumentsInnerWrapper a:hover { text-decoration: none; } @media only all and (max-width: 375px) { .prj_headerDocumentsWrapper { text-align: center; } .prj_headerDocumentsWrapper .prj_headerDocumentsInnerWrapper { padding: 5px 20px; } } @media only all and (max-width: 315px) { .prj_headerDocumentsWrapper .prj_headerDocumentsInnerWrapper { padding: 5px 10px; } } .responsiveLayout .layoutBackgroundWrapper { padding: 0px; } .responsiveLayout .layoutOuterWrapper { margin: 0px auto; padding: 0px 0px; min-height: 100%; background-color: #ffffff; max-width: none; min-width: none; } .responsiveLayout .layoutInnerWrapper { } .tm-layout-head { max-width: 100%; } .slideshow-slide { width: 100%; max-width: none; } .div.slideshow div.slide img, .slideshow-slide .slide-background img { width: 100%; max-width: none; } .responsiveLayout .layoutMainWrapper { margin: 0px auto 0px auto; max-width: 1140px; width: 100%; box-sizing: border-box; } .footer { margin: 0 auto; max-width: 900px; width: 100%; box-sizing: border-box; padding: 0 15px; } .layoutLastRowWrapper { background-color: #ededed; padding: 20px 0 40px 0; } .layoutLastRowWrapper .lastRow { margin: 0 auto; max-width: 1140px; width: 100%; } .layoutLastRowWrapper .lastRow .footer-dokumente-wrapper { width: 100%; max-width: 100%; display: inline-block; color: #9ca4ab; text-align: center; } .layoutLastRowWrapper .lastRow .copyrightText { text-align: center; color: #9ca4ab; padding: 10px; } .layoutLastRowWrapper .lastRow .footer-dokumente-wrapper .dokumentenLinks a { padding-right: 10px; color: #9ca4ab; } .layoutLastRowWrapper .lastRow .languageSelection { display: inline-block; color: #9ca4ab; } .layoutLastRowWrapper .lastRow .languageSelection a { color: #9ca4ab; padding: 10px; } @media only all and (max-width: 1060px) { .layoutLastRowWrapper .lastRow .languageSelection { max-width: 100%; padding: 10px 0; } .layoutLastRowWrapper .lastRow .footer-dokumente-wrapper { max-width: 100%; } .layoutLastRowWrapper .lastRow .footer-dokumente-wrapper .dokumentenLinks a { padding: 10px 10px 10px 0px; } } @media only all and (max-width: 525px) { .layoutLastRowWrapper .lastRow .footer-dokumente-wrapper .copyrightText { max-width: 100%; } .layoutLastRowWrapper .lastRow .footer-dokumente-wrapper .dokumentenLinks { max-width: 100%; } .layoutLastRowWrapper .lastRow .footer-dokumente-wrapper .dokumentenLinks a { display: inline-block; } } .footerCategoryList ul.subMenu li.subCategory a:before { display: none; } .footerCategoryList ul.subMenu li.subCategory a span { margin-left: 0px; } .footer .footerCol { max-width: 23%; margin-top: 75px; margin-bottom: 45px; } .footer .footer-logo { display: inline-block; width: 100%; text-align: center; padding: 0 0 30px 0; } @media only all and (max-width: 1024px) { .layoutLastRowWrapper .lastRow .copyrightText { padding: 0 0 10px 0; } .layoutLastRowWrapper .lastRow .footer-dokumente-wrapper .dokumentenLinks a { padding: 0; } .layoutLastRowWrapper .lastRow .languageSelection { padding: 0; } } @media only all and (max-width: 800px) { .footer .footerCol { max-width: 48%; margin-top: 15px; margin-bottom: 5px; min-height: 170px; } } @media only all and (max-width: 550px) { .footer { padding: 0 10px; } .footer .footerCol { margin-top: 40px; margin-left: 10px; } .footer .footer-logo { padding: 0 0 20px; } .layoutLastRowWrapper .lastRow .footer-dokumente-wrapper .dokumentenLinks a { padding: 0; } .layoutLastRowWrapper .lastRow .languageSelection { padding: 0; } .layoutLastRowWrapper .lastRow .copyrightText { padding: 0; } .layoutLastRowWrapper .lastRow .footer-dokumente-wrapper .dokumentenLinks .languageSelection a { padding: 10px; } } @media only all and (max-width: 540px) { .footer .footerCol { max-width: 45%; } .footer .footerCol h5 span { display: block; overflow: hidden; } } @media only all and (max-width: 400px) { .footer .footerCol { max-width: 90%; min-height: 0px; } } .metaShoppingCart .flyoutMenu { display: none; position: fixed; right: 0px; top: 0px; z-index: 50; height: 100%; overflow: hidden; background-color: #fff; } .responsiveLayout .meta.flyoutMenuContainer .metaShoppingCart .flyoutMenuPanel { width: 400px; height: 100%; max-width: 100%; padding: 0px; } .flyoutMenuPanel .miniShoppingCart { padding: 30px; height: 100%; overflow: scroll; } .miniShoppingCart .prj_miniShoppingCartTitleContainer { display: inline-block; width: 100%; border-bottom: 1px solid #ddd; height: 107px; max-height: 100%; line-height: 107px; vertical-align: middle; box-sizing: border-box; } .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .miniShoppingCart .prj_miniShoppingCartTitleContainer .title { margin-top: 2.5px; display: inline-block; width: 100%; max-width: 87%; vertical-align: middle; float: left; color: #2d2d2d; font-family: "nimbus-sans-extended"; font-size: 14px; text-transform: uppercase; } .miniShoppingCart .prj_miniShoppingCartTitleContainer .closeButton { display: inline-block; width: 100%; max-width: 13%; float: left; height: 100%; } .miniShoppingCart .prj_miniShoppingCartTitleContainer .closeButton .close { display: block; float: right; width: 50px; height: 100%; color: #2D2D2D; text-decoration: none; background: #fff url(img/close.png) no-repeat center center; } .miniShoppingCart .miniShoppingCartLineItemsWrapper { display: block; overflow: auto; } .miniShoppingCart .miniLineItems { background-color: #fff; margin: 45px 0px; display: table; width: 100%; } .miniShoppingCart .lineItem { margin-bottom: 20px; display: table-row; } .miniShoppingCart .lineItem .lineItemCell.iconCell { display: table-cell; vertical-align: middle; height: 72px; width: 72px; padding-bottom: 20px; } .miniShoppingCart .lineItem .lineItemCell.iconCell img { max-width: 72px; max-height: 72px; } .miniShoppingCart .lineItem .lineItemCell.itemNameCellAnditemQtyCell { display: table-cell; padding: 0 20px 20px 20px; } .miniShoppingCart .lineItem .lineItemCell.itemNameCellAnditemQtyCell .itemName { font-weight: bold; font-size: 12px; color: #2d2d2d; line-height: 14px; } .miniShoppingCart .lineItem .lineItemCell.itemNameCellAnditemQtyCell .itemName a { font-family: "nimbus-sans-extended"; text-transform: uppercase; margin: 0px; } .miniShoppingCart .lineItem .lineItemCell.itemNameCellAnditemQtyCell .itemQty { font-weight: normal; font-size: 12px; color: #7c7c7c; line-height: 22px; } .miniShoppingCart .lineItem .lineItemCell.itemNameCellAnditemQtyCell .itemQty span.menge { margin: 0px; } .miniShoppingCart .lineItem .lineItemCell.itemPriceCell { display: table-cell; text-align: right; padding-bottom: 20px; } .miniShoppingCart .lineItem .lineItemCell.itemPriceCell span.total_with_discounts { font-weight: bold; font-size: 12px; color: #2d2d2d; line-height: 14px; font-family: "nimbus-sans-extended"; white-space: nowrap; } .miniShoppingCart .subTotalAndNumberOfLineItems { margin: 0 0 30px 0; } .miniShoppingCart .subTotal { font-family: "nimbus-sans-extended"; text-transform: uppercase; font-weight: normal; color: #2d2d2d; font-size: 15px; text-align: center; line-height: 30px; } .miniShoppingCart .subTotal .value { font-weight: normal; color: #2d2d2d; font-size: 15px; } .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .miniShoppingCart .prj_shoppingCartLink { text-align: center; } .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .miniShoppingCart .quickorderBox { text-align: center; padding: 0px; margin: 0px; } .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .miniShoppingCart .prj_shoppingCartLink a.button { background-color: #9ca4ab; border-radius: 0px; color: #fff; text-transform: uppercase; border: 1px solid #9ca4ab; font-weight: bold; text-align: center; margin: 0 0 15px 0; max-width: 338px; width: 100%; display: block; padding: 2px 0; line-height: 30px; box-sizing: border-box; } .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .miniShoppingCart .prj_shoppingCartLink a.button:focus, .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .miniShoppingCart .prj_shoppingCartLink a.button:hover { background-color: #fff; color: #9ca4ab; border: 1px solid #2D2D2D; } .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .miniShoppingCart .quickorderBox a.button { background-color: #fff; color: #9ca4ab; border: 1px solid #2D2D2D; font-weight: bold; text-align: center; text-transform: uppercase; border-radius: 0px; max-width: 338px; width: 100%; display: block; padding: 2px 0; line-height: 30px; margin: 0px; box-sizing:border-box; } .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .miniShoppingCart .quickorderBox a.button:before { display: none; } .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .miniShoppingCart .quickorderBox a.button:focus, .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .miniShoppingCart .quickorderBox a.button:hover { background-color: #9ca4ab; border-radius: 0px; color: #fff; text-transform: uppercase; border: 1px solid #9ca4ab; font-weight: bold; margin-left: 0px; text-align: center; } .miniShoppingCart .quickorderBox { text-align: center; font-weight: bold; background-color: #fff; margin: 10px;padding: 10px; } .miniShoppingCart .quickorderBox a:hover { text-decoration: none; } .miniShoppingCart .empty { margin: 5px; text-align: center; } @media only all and (max-width: 420px) { .flyoutMenuPanel .miniShoppingCart { padding: 0; box-sizing: border-box; } .responsiveLayout .meta.flyoutMenuContainer .metaShoppingCart .flyoutMenuPanel { min-width: 280px; padding: 30px 15px 15px 15px; box-sizing: border-box; width: 100%; } .miniShoppingCart .lineItem .lineItemCell.itemNameCellAnditemQtyCell { max-width: 150px; } .miniShoppingCart .lineItem .lineItemCell.itemPriceCell { max-width: 80px; } .miniShoppingCart .lineItem .lineItemCell.iconCell img { max-width: 60px; max-height: 60px; } .miniShoppingCart .prj_miniShoppingCartTitleContainer { padding-left: 15px; } .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .miniShoppingCart .prj_shoppingCartLink a.button { display: inline-block; box-sizing: border-box; } .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .miniShoppingCart .quickorderBox a.button { display: inline-block; box-sizing: border-box; } .miniShoppingCart .prj_miniShoppingCartTitleContainer .closeButton .close { margin-right: 20px; } } .quickSearch { border: 0px; border-radius: 0px; max-width: 60%; width: 1140px; display: inline-block; margin: 20px 20px 20px 20px; height: 51px; background-color: #ededed; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .quickSearch .searchInCategoryEnabled .searchInput { margin-right: 52px; margin-left: 0px; } .quickSearch .searchInput { margin: 0px 0px 1px 50px; } .quickSearch .searchButton { float: right; background-color: #ededed; height: 51px; } .quickSearch .searchInput input { height: 51px; } .quicksearchFlyoutElement .closeButton { float: right; display: inline-block; width: 100%; max-width: 15%; margin: 20px 20px 20px 20px; } .quicksearchFlyoutElement .close { display: block; float: right; width: 50px; color: #2D2D2D; text-decoration: none; background-color: #fff; } .quicksearchFlyoutElement .close:after { display: block; font-size: 34px; content: "+"; float: right; margin-top: 0px; margin-right: 17px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .flyoutMenuContainer .quicksearchFlyoutElement .flyoutMenu { top: 0px; margin: 0px auto; width: 1140px; max-width: 60%; right: 20%; left: 20%; } .responsiveLayout .meta.flyoutMenuContainer .quicksearchFlyoutElement .flyoutMenuPanel { max-height: 92px; padding: 0px 0px 0px 0px; vertical-align: middle; width: 1140px; max-width: 100%; text-align: center; position: relative; margin: 0 auto; } .responsiveLayout .meta .quicksearchFlyoutElement .metaLink.open { background-image: url(img/close.png); } .autocompleteAlignerWrapper { width: 100%; position: absolute; } .autocompleteAlignerWrapper .autocompleteAligner { width: 100%; margin: 0 auto; position: relative; } .ui-autocomplete { width: 100% !important; left: 0px !important; padding-top: 50px !important; padding-bottom: 50px !important; border-width: 2px 0px 2px 0px; top: 0px !important; border-color: #ededed; border-radius: 0px 0px 0px 0px !important; background-color: #fff !important; -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2), -0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2), -0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2), -0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(0, 0, 0, 0.2); } .ui-menu .ui-menu-item { width: 100%; } .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel a { width: 60%; text-align: left; margin-left: 22.5%; } .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel span.menge { margin-left: 22.5%; } .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel a:hover { background-color: #fff; } .ui-menu li.ui-menu-item:hover { background-color: #fff; } .autocompleteAligner .ui-menu .ui-menu-item a { max-width: 100%; width: 620px; margin: 0 auto; font-family: "nimbus-sans-extended"; font-weight: lighter; font-size: 18px; } @media only all and (max-width: 1440px) { .flyoutMenuContainer .quicksearchFlyoutElement .flyoutMenu { left: 200px; right: 250px; } .quickSearch { max-width: 90%; margin: 20px 0 20px 0px; } } @media only all and (max-width: 1090px) { .flyoutMenuContainer .quicksearchFlyoutElement .flyoutMenu { max-width: 50%; right: 25%; left: 25%; } .autocompleteAligner .ui-menu .ui-menu-item a { width: 40%; } } @media only all and (max-width: 875px) { .flyoutMenuContainer .quicksearchFlyoutElement .flyoutMenu { max-width: 40%; right: 0%; left: 0%; } .responsiveLayout .meta.flyoutMenuContainer .quicksearchFlyoutElement .flyoutMenuPanel { width: 800px; } .quickSearch .searchInput { padding: 0 0 0 10px; } } @media only all and (max-width: 830px) { .mobileMenuButton { margin-left: 15px; } .tm-layout-head .tm-logo { padding-left: 85px; } .tm-layout-head .tm-meta { padding-right: 15px; } .flyoutMenuContainer .quicksearchFlyoutElement .flyoutMenu { right: 10%; } .autocompleteAligner .ui-menu .ui-menu-item a { width: 45%; } } @media only all and (max-width: 740px) { .tm-layout-head .tm-logo img { display: none; } .tm-layout-head .tm-logo { background: url(img/lambert-logo.png) no-repeat right center; width: 50px; } .flyoutMenuContainer .quicksearchFlyoutElement .flyoutMenu { right: 20%; } .autocompleteAligner .ui-menu .ui-menu-item a { width: 50%; } } @media only all and (max-width: 695px) { .tm-layout-head .tm-logo { width: 40px; } .flyoutMenuContainer .quicksearchFlyoutElement .flyoutMenu { right: 42%; max-width: 55%; } .autocompleteAligner .ui-menu .ui-menu-item a { width: 90%; } } @media only all and (max-width: 575px) { .flyoutMenuContainer .quicksearchFlyoutElement .flyoutMenu { right: 0; left: 0; max-width: 100%; top: 100px; } .tm-meta .flyoutMenuContainer .quicksearchFlyoutElement .flyoutMenuTriangle { display: none; border-color: #fff transparent transparent transparent; margin-top: -22px; } .quickSearch { margin: 0 0 0 0; } .ui-autocomplete { top: 50px !important;} } @media only all and (max-width: 450px) { .quicksearchFlyoutElement .closeButton { max-width: 10%; margin: 20px 10px 20px 0; } } @media only all and (max-width: 350px) { .quickSearch { max-width: 80%; } } .mega-menu a.level0 { } .mega-menu a.level0.open { border-color: #2D2D2D; } .viewId-category .mega-menu a.level0, .viewId-item .mega-menu a.level0, .mega-menu-open a.level0 { color: #2d2d2d; } .viewId-category .mega-menu a.level0.open, .viewId-item .mega-menu a.level0.open, .mega-menu-open .mega-hover a.level0, .viewId-category .mega-menu a.level0:hover, .viewId-item .mega-menu a.level0:hover { color: #2D2D2D; } .mega-menu ul, .mega-menu ul li {list-style: none;} .mega-menu ul {position: relative; padding: 0; margin: 0;} .mega-menu ul li ul {display: none;} .mega-menu .sub {display: none;} .mega-menu .sub ul {display: block;} .mega-menu .subMenu {display: none;} .mega-menu .subMenu-blind-before { position: absolute; background: #fff; height: 309px; width: 4000px; margin-left: -4000px; z-index: 2000; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .mega-menu .subMenu-blind-after { position: absolute; background: #fff; height: 309px; width: 4000px; z-index: -1; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .mega-menu .subMenu-blind-down { position: fixed; top: 439px; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(136,136,136, 0.3); } .tm-layout-head-wrapper.fixed .mega-menu .subMenu-blind-down { top: 396px; } .white { line-height: 16px; display: inline-block; position: relative; } .white ul.mega-menu, .white ul.mega-menu, .white ul.mega-menu li {margin: 0; padding: 0; border: none;} .white ul.mega-menu {background: transparent; height: auto; position: relative;} .white ul.mega-menu li {float: left; margin: 0; padding: 0; font-size: 14px; font-weight: bold; } .white ul.mega-menu li a { float: left; display: block; padding: 14px 20px 10px 0; text-decoration: none; font-size: 15px; position: relative; line-height: 1.5; font-weight: 700; font-family: "nimbus-sans",sans-serif; font-style: normal; color: #2d2d2d; text-transform: uppercase; text-decoration: none; } .white ul.mega-menu li a.level0.withSubCategories:after { content: ""; display: inline-block; margin-left: 3px; width: 0px; height: 0px; border-width: 3px; border-style: solid; border-color: #61524e transparent transparent transparent; vertical-align: middle; } .white ul.mega-menu li a.dc-mega {position: relative;} .white ul.mega-menu li.mega-hover a, .white ul.mega-menu li a:hover {background-position: 100% -40px; background-color: #fff; text-shadow: none;} .white ul.mega-menu li.mega-hover a .dc-mega-icon {display: none;} .white ul.mega-menu li .sub-container {position: absolute; background: #fff; box-sizing: border-box; } .white ul.mega-menu li .sub { padding: 20px 20px 20px 10px;} .white ul.mega-menu li .sub-container.mega .sub {padding: 20px 20px 10px 0;} .white ul.mega-menu li .sub .row {width: 100%; overflow: hidden; clear: both; text-align: left; } .white ul.mega-menu li .sub li {list-style: none; float: none; width: 200px; font-size: 1em; font-weight: normal;} .white ul.mega-menu li .sub li.mega-hdr {margin: 0 10px 10px 0; float: left;} .white ul.mega-menu li .sub li.mega-hdr.last {margin-right: 0;} .white ul.mega-menu li .sub a {background: none; border: none; text-shadow: none; color: #111; padding: 7px 10px; display: block; float: none; text-decoration: none; font-size: 0.9em;} .white ul.mega-menu li .sub li.mega-hdr a.alleKategorien.mega-hdr-a {font-weight: bold; color: #61524e; text-decoration: none; text-transform: none; background: #fff; padding: 0px; text-align: left; } .white ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a {padding: 5px 5px 5px 0; text-transform: uppercase; font-weight: bold; width: 170px; height: 20px; } .white ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {color: #61524e; text-shadow: none;} .white ul.mega-menu .sub li.mega-hdr li a {padding: 4px 5px 4px 0; font-weight: normal;} .white ul.mega-menu .sub li.mega-hdr li a:hover { text-decoration: underline;} .white ul.mega-menu .sub ul li {padding-right: 0;} .white ul.mega-menu li .sub-container.non-mega .sub {padding: 20px 20px 20px 0;} .white ul.mega-menu li .sub-container.non-mega li {padding: 0; width: 190px; margin: 0; text-align: left; } .white ul.mega-menu li .sub-container.non-mega li a { padding: 7px 5px 7px 0; min-width: 200px; font-size: 13px; font-weight: 400; font-family: 'nimbus-sans'; font-style: normal; text-decoration: none; text-transform: uppercase; } .white ul.mega-menu li .sub-container.non-mega li a:hover { font-weight: bold; } .white ul.mega-menu li .sub-container.non-mega li.level1, .white ul.mega-menu li .sub-container { top: 67px !important; margin-left: 0 !important; left: 0px !important; } .white ul.mega-menu li.level0:last-of-type a { padding-right: 0; } .sub-container { width: 100%; box-sizing: border-box; } .subMenu { width: 100%; box-sizing: border-box; } .white ul.mega-menu li .subMenu.level1 { } .white ul.mega-menu li .sub-container.mega .sub, .white ul.mega-menu li .sub-container.non-mega .sub { padding: 0 20px 0 0; height: 310px; } .mega-menu .subCategoryChunk { float: left; padding: 40px 25px 0 0; overflow: hidden; max-width: 29%; } .mega-menu .subCategoryChunk a { text-overflow: ellipsis; } .mega-menu .mehrLink { text-transform: uppercase; } .white ul.subMenu.level1.sub li.level1 { width: 100%; } @media only all and (max-width: 1350px){ .white ul.mega-menu li a { padding: 14px 1px 10px 0; } .mega-menu .subCategoryChunk { padding: 40px 15px 0 0;} } @media only all and (max-width: 1260px){ .tm-layout-head .tm-logo { background: url(img/lambert-logo.png) no-repeat center center; display: table-cell; width: 19px; height: 27px; padding: 0 25px; } .tm-layout-head .tm-logo img { display: none; } } @media only all and (max-width: 1024px){ } @media only all and (max-width: 1020px){ .tm-layout-head .tm-logo { background: none; width: auto; height: 54px; text-align: center; } .tm-layout-head .tm-logo img { display: inline; max-width: 67px; max-height: 44px; } } @media all and (max-width: 405px) { .tm-layout-head .tm-logo {padding: 0px; } } @media all and (max-width: 380px) { .tm-layout-head .tm-logo { } .tm-layout-head .tm-meta { width: 180px; } .responsiveLayout .meta .metaElement { width: 45px; } } @media all and (max-width: 340px) { .tm-layout-head .tm-logo { background: url(img/lambert-logo.png) no-repeat center; } .tm-layout-head .tm-logo img { display: none; } } .white ul.mega-menu li a.level0.withSubCategories::after { border-style: none; } .white ul.mega-menu li a.level0 { text-transform: uppercase; } .white ul.mega-menu li .subCategoryChunk a.level0 { text-transform: none; } .mega-menu a.level0 span.prj_level0 { display: inline-block; position: relative; } .mega-menu a.level0:hover span.prj_level0::before { content: ""; position: absolute; height: 2px; bottom: 0; background-color: #9C262D; width: 100%; } .mega-blind { width: 100%; display: none; height: 310px; position: absolute; z-index: 5000; } .responsiveLayout .layoutInnerWrapper { overflow: hidden; } .responsiveLayout .layoutBreadcrumbMainWrapper { } .responsiveLayout .layoutBreadcrumbMainWrapper .category-imagewrapper { position: absolute; top: 0; width: 100%; z-index: 5; } .responsiveLayout .layoutBreadcrumbMainWrapper .category-imagewrapper img { width: 100%; } .responsiveLayout .layoutBreadcrumbMainWrapper .layoutBreadcrumWrapper { text-align: center; width: 100%; margin: 0 auto; position: relative; z-index: 10; } .responsiveLayout .layoutBreadcrumbMainWrapper .layoutBreadcrumWrapper.istHellesBild .breadcrumbs li span, .responsiveLayout .layoutBreadcrumbMainWrapper .layoutBreadcrumWrapper.istHellesBild .breadcrumbs li a { color: #2d2d2d; } .responsiveLayout .layoutBreadcrumbMainWrapper .layoutBreadcrumWrapper.istDunklesBild .breadcrumbs li span, .responsiveLayout .layoutBreadcrumbMainWrapper .layoutBreadcrumWrapper.istDunklesBild .breadcrumbs li a { color: #fff; } .responsiveLayout .layoutBreadcrumbMainWrapper .categoryUeberschriftWrapper { text-align: center; width: 100%; margin: 0 auto; position: relative; z-index: 10; } .responsiveLayout .layoutBreadcrumbMainWrapper .categoryUeberschriftWrapper h1.istHellesBild { color: #2d2d2d; } .responsiveLayout .layoutBreadcrumbMainWrapper .categoryUeberschriftWrapper h1.istDunklesBild { color: #fff; } .breadcrumbs li span, .breadcrumbs li a { background-color: transparent; max-width: none; padding: 3px 0; display: block; margin: 0 5px; font-size: 15px; line-height: 1.5; font-weight: 400; font-family: "nimbus-sans-extended",sans-serif; font-style: normal; color: #2d2d2d; text-transform: uppercase; text-decoration: none; } .breadcrumbs li.active span, .breadcrumbs li.active a { color: #2D2D2D; font-size: 50px; background-color: transparent; text-transform: uppercase; } .breadcrumbs li.active { display: none; } .breadcrumbs li a:hover { color: #2d2d2d; background-color: transparent; text-decoration: none; } .breadcrumbs li.separator a { padding: 3px 0; } .breadcrumbs li.separator.zeigeNicht { display: none; } @media only all and (max-width: 650px){ .breadcrumbs li.active span, .breadcrumbs li.active a { font-size: 30px; } } @media only all and (max-width: 420px){ .responsiveLayout .layoutBreadcrumbWrapper { padding: 0px; } .breadcrumbs li.active span, .breadcrumbs li.active a { font-size: 25px; } } .pageContent-category .categoryDescriptionWrapper { max-width: 1140px; width: 100%; text-align: center; } .pageContent-category .categoryDescriptionWrapper .categoryDescription { max-width: 700px; margin: 0 auto; padding: 50px 0; font-size: 22px; color: #9ca4ab; font-weight: lighter; font-family: 'nimbus-sans-extended'; line-height: 1.4; } @media only all and (max-width: 1020px){ .pageContent-category .categoryDescriptionWrapper .categoryDescription { max-width: 70%; } } @media only all and (max-width: 850px){ .pageContent-category .categoryDescriptionWrapper .categoryDescription { max-width: 100%; font-size: 24px; padding: 30px 10px; } } @media only all and (max-width: 550px){ .pageContent-category .categoryDescriptionWrapper .categoryDescription { font-size: 18px; line-height: 1.3; } } .pageContent button { background-color: #fff; border-radius: 0px; color: #9ca4ab; text-transform: uppercase; border: 1px solid #9ca4ab; font-weight: bold; padding: 9px 30px; line-height: 1.2; font-size: 12px; font-family: 'nimbus-sans-extended'; } .pageContent button:hover, .pageContent button:focus { background-color: #9ca4ab; color: #fff; border: 1px solid #9ca4ab; } .pageContent-category .buttonWrapper { max-width: 1140px; width: 100%; text-align: center; padding: 0 0 30px 0; } .pageContent-category .buttonWrapper button { padding: 9px 30px; line-height: 1.2; font-size: 12px; font-family: 'nimbus-sans-extended'; } .pageContent-category #kategorieDokument { display: none; } .subCategoryList .slideOnHoverTarget { width: 100%; height: 100%; background-color: #fff; border: 1px solid #2D2D2D; max-height: 100%; box-sizing: border-box; } .categoryWrapper .platzhalter { height: 40px; } .subCategoryList ul.categories { width: 100%; } .subCategoryList .categoryWrapper { border: 0px; width: 100%; } .subCategoryList .categoryTextOuterWrapper { width: 100%; } .subCategoryList .icon { width: 100%; height: 100%; } .subCategoryList .icon img { max-height: 100%; max-width: 100%; } .subCategoryList .categoryTextOuterWrapper { opacity: 1.0; text-align: center; text-transform: uppercase; color: #2D2D2D; } .slideOnHoverTarget .categoryName1 { padding: 9px 10px; text-transform: uppercase; text-align: center; } .slideOnHoverTarget .categoryName1 a:hover { color: #2D2D2D; } .subCategoryList ul.subMenu li.subCategory a { color: #2D2D2D; } .subCategoryList ul.subMenu li.subCategory a:hover span { color: #2D2D2D; } .subCategoryList ul.subMenu li.subCategory a:before { display: none; } .responsiveLayout .layoutPreBottomWrapper { width: 100%; } .responsiveLayout .layoutPreBottomWrapper .salesTaxAndShippingInfo { width: 1140px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; max-width: 100%; } .itemListWithPagination { border-top: 2px solid #ddd; margin: 20px 0 15px 0; } @media only all and (max-width: 1440px) { .itemListGridView ul { text-align: center; } } .itemListGridView .itemWrapper { border: 0px; } .itemListGridView .iconWrapper { padding: 0px; position: relative; } .itemListGridView .icon { width: 261px; height: 261px; line-height: 261px; } .itemListGridView .icon img { max-width: 100%; max-height: 100%; } .itemListGridView .infoWrapper { width: 261px; text-align: center; background-color: #fff; min-height: 200px !important; } .pageContent:not(.hasLeft) .topicOuterWrapper .topicRightWrapper { float: none; margin-top: 10px; width: 100%; display: inline-block; } .sortAndPresentationControl { float: right; } .pagination .itemsFound { text-transform: uppercase; font-weight: bold; } .sortAndPresentationControl .sortControl { text-transform: uppercase; font-weight: bold; padding-top: 5px; font-size: 12px; font-family: 'nimbus-sans-extended'; line-height: 2; } .pageContent-search span.inputField select { background-color: #fff; color: #7c7c7c; font-size: 12px; } .pageContent-search span.inputField select:focus, .pageContent-search span.inputField select:hover { border: 0px; color: #7c7c7c; padding: 3px; } .itemListGridView li { padding-bottom: 10px; border: 1px solid #fff; } .itemListGridView li:hover { border: 1px solid #2D2D2D; } .itemListGridView .infoOuterWrapper { position: inherit; } .itemListGridView .infoWrapper { position: inherit; } .itemListGridView .info { position: inherit; } .itemListGridView .slideOnHoverTarget { position: absolute; top: 0; height: 30px; width: 30px; right: 0; } .itemListGridView .stoererWrapper { position: absolute; top: 10px; left: 10px; } .itemListGridView .stoererWrapper .stoerer1, .itemListGridView .stoererWrapper .stoerer2, .itemListGridView .stoererWrapper .stoerer3 { background-color: #7f273b; padding: 5px 15px; color: #fff; text-transform: uppercase; font-weight: bold; display: inline-block; margin-right: 5px; margin-bottom: 5px; } .pageContent-search .topicWrapper { margin: 20px auto 20px auto !important; text-align: center; float: none !important; } .pageContent-search .topicWrapper h2 { color: #9ca4ab; text-transform: none; } .pageContent-search .topicOuterWrapper .topicWrapper { margin: 20px auto 20px auto !important; text-align: center; float: none !important; } .pageContent-search .topicWrapper .supplement { color: #9ca4ab; font-weight: normal; font-size: 22px; } .pageContent-search .topicOuterWrapper .topicRightWrapper .itemNumber { float: left; overflow: hidden; text-transform: uppercase; font-weight: bold; margin-top: 8px; font-family: 'nimbus-sans-extended'; font-size: 12px; line-height: 2; } .pageContent-search .noResultWrapper { width: 100%; max-width: 1110px; margin: 50px 0 30px 0; display: table; } .pageContent-search .noResultWrapper .prj_Wrapper { width: 100%; display: table-row; } .pageContent-search .noResultWrapper .prj_Wrapper .noValidSearchTermsText { display: table-cell; text-align: center; } .pageContent-search .noResultWrapper .prj_Wrapper .noValidSearchTermsText h3 { color: #2D2D2D; text-transform: uppercase; padding: 30px 0; margin: 0px; } .pageContent-search .noResultWrapper .prj_Wrapper .noValidSearchTermsText .noItemsFoundText, .pageContent-search .noResultWrapper .prj_Wrapper .noValidSearchTermsText .noItemsFoundSuggestions, .pageContent-search .noResultWrapper .prj_Wrapper .noValidSearchTermsSuggestions .prj_text { width: 450px; max-width: 100%; margin: 0 auto; } .pageContent-search .noResultWrapper .prj_Wrapper .noValidSearchTermsSuggestions { display: table-cell; text-align: center; } .pageContent-search .noResultWrapper .prj_Wrapper .noValidSearchTermsSuggestions h3 { color: #2D2D2D; text-transform: uppercase; padding: 30px 0 0 0; margin: 0px; } .pageContent-search .noSearchStringGiven { width: 100%; margin: 0 auto; text-align: center; } .pageContent-search .didYouMean a.link:hover { color: #7c7c7c; } @media only all and (max-width: 950px) { .pageContent-search .noResultWrapper .prj_Wrapper .noValidSearchTermsText .noItemsFoundText, .pageContent-search .noResultWrapper .prj_Wrapper .noValidSearchTermsText .noItemsFoundSuggestions, .pageContent-search .noResultWrapper .prj_Wrapper .noValidSearchTermsSuggestions .prj_text { width: 350px; } } @media only all and (max-width: 710px) { .pageContent-search .noResultWrapper .prj_Wrapper .noValidSearchTermsText { display: inline-block; margin: 0 auto; text-align: center; width: 100%; } .pageContent-search .noResultWrapper .prj_Wrapper .noValidSearchTermsSuggestions { display: inline-block; margin: 0 auto; text-align: center; width: 100%; } .pageContent-search .noResultWrapper .prj_Wrapper .noValidSearchTermsText .noItemsFoundText, .pageContent-search .noResultWrapper .prj_Wrapper .noValidSearchTermsText .noItemsFoundSuggestions, .pageContent-search .noResultWrapper .prj_Wrapper .noValidSearchTermsSuggestions .prj_text { width: 450px; } } @media only all and (max-width: 510px) { .pageContent-search .noResultWrapper .prj_Wrapper .noValidSearchTermsText .noItemsFoundText, .pageContent-search .noResultWrapper .prj_Wrapper .noValidSearchTermsText .noItemsFoundSuggestions, .pageContent-search .noResultWrapper .prj_Wrapper .noValidSearchTermsSuggestions .prj_text { width: 100%; } } .pageContent-item .itemName1 { width: 100%; text-align: center; } .pageContent-item .itemDetailContainerWrapper { width: 100%; position: relative; } .pageContent-item .itemDetailContainer .imageWrapper { width: 700px; max-width: 100%; display: table-cell; vertical-align: top; margin: 0 0 0 0; padding: 0 0 0 0; position: relative; } .pageContent-item .itemDetailContainer .itemDetailWrapper { width: 500px; max-width: 100%; display: table-cell; vertical-align: top; margin: 0 0 0 0; } .pageContent-item .itemDetailContainer .image .imgWrapper { max-width: 600px; } .pageContent-item .itemDetailContainer .itemNo { color: #7c7c7c; } .pageContent-item .itemDetailContainer .itemNo .prj_itemDescription { display: inline-block; } .pageContent-item .itemDetailContainer .itemNo .prj_itemNumber { display: inline-block; } .pageContent-item .itemDetailContainer div.itemAttribute { color: #7c7c7c; font-weight: normal; font-size: 15px; } .pageContent-item .itemDetailContainer div.itemAttribute .label { display: inline-block; font-weight: normal; } .pageContent-item .itemDetailContainer div.itemAttribute .value { display: inline-block; } .pageContent-item .itemDetailContainer .characteristics { font-weight: normal; color: #7c7c7c; } .pageContent-item .itemDetailContainer .characteristics .characteristicCell.characteristicLabel { padding-right: 25px; } .pageContent-item .itemDetailContainer .characteristics .characteristicCell.characteristicValue a { padding-right: 55px; font-size: 15px; line-height: 1.5; font-weight: normal; } .pageContent-item .itemDetailContainer .characteristics .characteristicCell.characteristicValue span.inputField img { vertical-align: middle; line-height: 1.5; } .pageContent .characteristics span.inputField select, .pageContent .characteristics select.inputField { padding: 5px 10px; border-radius: 0px; width: 200px; } .pageContent-item .itemDetailContainer .characteristics a { color: #7c7c7c; } .pageContent-item .itemDetailContainer .characteristics a:hover { color: #7f273b; } .pageContent-item .itemDetailContainer .priceWrapper { margin: 30px 0px; width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .pageContent-item .itemDetailContainer .priceWrapper .itemPrice { padding: 30px 0px; } .pageContent-item .itemDetailContainer .priceWrapper .itemPrice .price { font-size: 22px; line-height: 30px; color: #2d2d2d; font-family: "nimbus-sans-extended"; font-weight: bold; } .pageContent-item .itemDetailContainer .priceWrapper .itemPrice .price .currency { font-size: 22px; } .pageContent-item .itemDetailContainer .priceWrapper .itemPrice .asterisk { font-size: 20px; color: #2d2d2d; } .pageContent-item .itemDetailContainer .itemAddToCartInclude { margin: 30px 0 50px 0; width: 100%; } .pageContent-item .itemDetailContainer .itemAddToCartInclude .addToCartOrWishlistInnerWrapper { width: 100%; } .pageContent-item .itemDetailContainer input.inputField { border-radius: 0px; width: 32px; height: 32px; text-align: center; padding: 0px; background-color: #fff; border: 1px solid #d2d2d2; margin: 0 20px 0 0; } .pageContent-item .itemDetailContainer button.warenkorb { border: 1px solid #c0c0c0; background-color: #c0c0c0; color: #fff; padding: 9px 8px; width: 100%; } .pageContent-item .itemDetailContainer form.addToWishlistForm { margin: 20px 0; display: inline-block; font-weight: bold; color: #2d2d2d; text-transform: uppercase; } .pageContent-item .itemDetailContainer .itemAddToCartInclude input.imgbutton { padding-right: 20px; } .pageContent-item .itemDetailContainer .itemAddToCartInclude .addToCartOrWishlistInnerWrapper .inputQtyWrapper { display: table; margin-bottom: 0px; width: 100%; box-sizing: border-box; } .pageContent-item .itemDetailContainer .itemAddToCartInclude .addToCartOrWishlistInnerWrapper .inputQtyWrapper form.addToCartForm { display: table-row; } .pageContent-item .itemDetailContainer .itemAddToCartInclude .addToCartOrWishlistInnerWrapper .inputQtyWrapper form.addToCartForm span.prj_addToCartFormHiddenInputFieldsWrapper { width: 1px; display: table-cell; box-sizing: border-box; } .pageContent-item .itemDetailContainer .itemAddToCartInclude .addToCartOrWishlistInnerWrapper .inputQtyWrapper form.addToCartForm button.warenkorb { display: table-cell; box-sizing: border-box; } .pageContent-item .itemDescription { text-align: justify; margin: 50px 0 20px 0; display: inline-block; width: 100%; overflow: hidden; } .pageContent-item .itemDescription .itemDescriptionInnerWrapper { font-family: "nimbus-sans-extended"; font-weight: lighter; line-height: 1.4; color: #7c7c7c; font-size: 19px; display: inline-block; width: 100%; overflow: hidden; } .pageContent-item .itemDetailContainer .stoffmappe { width: 100%; padding-top: 10px; } .pageContent-item .itemArtikeldokument { margin: 20px 0; } .slideshowButtons { cursor: pointer; max-height: 70px; height: 100%; max-width: 40px; width: 100%; } .slideshowButtons.links { background: transparent url(img/back.png) no-repeat scroll left center; position: absolute; z-index: 10; top: 40%; margin-left: -40px; } .slideshowButtons.rechts { background: transparent url(img/next.png) no-repeat scroll right center; position: absolute; z-index: 10; right: 0; top: 40%; margin-right: -40px; } .pageContent-item .itemDetailContainer .stoererWrapper { position: absolute; top: 20px; left: 20px; z-index: 10; } .pageContent-item .itemDetailContainer .stoererWrapper .stoerer1, .pageContent-item .itemDetailContainer .stoererWrapper .stoerer2, .pageContent-item .itemDetailContainer .stoererWrapper .stoerer3 { background-color: #7f273b; padding: 5px 15px; color: #fff; text-transform: uppercase; font-weight: bold; display: inline-block; margin-right: 5px; } @media only all and (max-width: 1350px) { } @media only all and (max-width: 1200px) { .pageContent-item .itemDetailContainer .imageWrapper { width: 600px; } .slideshowButtons.links, .slideshowButtons.rechts { display: none; } } @media only all and (max-width: 1140px) { } @media only all and (max-width: 1130px) { } @media only all and (max-width: 1070px) { } @media only all and (max-width: 1000px) { } @media only all and (max-width: 980px) { } @media only all and (max-width: 890px) { .pageContent-item .pageContentMiddle { max-width: 100%; margin: 0 auto; width: 500px; } .pageContent-item .itemDetailContainerWrapper { display: block; } .pageContent-item .itemDetailContainer { display: block; } .pageContent-item .itemDetailContainer .imageWrapper { display: block; } .pageContent-item .itemDetailContainer .itemDetailWrapper { display: block; margin-top: 50px;} } #colorbox {border: 1px solid #7c7c7c !important; border-radius: 0px; } #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: rgba(136,136,136, 0.3); 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-top:28px;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxLoadingOverlay{background:url(img/prj/colorbox/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(img/prj/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/prj/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/prj/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxClose{position:absolute; top:0; right:0; background:url(img/close.png); background-repeat: no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{ position:absolute; top:0; right:0; background:url(img/close.png); background-repeat: no-repeat;} .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-item .itemDetailContainer .characteristics .characteristic.stoffkategorie { padding: 3.5px 20px 3.5px 20px; border: 1px solid #2d2d2d; display: block; font-family: 'nimbus-sans'; font-weight: normal; font-size: 15px; line-height: 1.5; } .pageContent-item .itemDetailContainer .characteristics a { text-decoration: none; } .pageContent-item .itemDetailContainer .characteristics a:hover { color: #7c7c7c; text-decoration: underline; cursor: pointer; } @media only all and (max-width: 1075px) { .pageContent-item .itemDetailContainer .characteristics .characteristic.stoffkategorie { padding: 5px 11px 4.5px 11px; } } .materialmatrix { font-family: "nimbus-sans", sans-serif; max-width: 100%; width: 1200px; height: 700px; max-height: 100%; } .materialmatrix .title { text-align: center; } .materialmatrix .title h3 { text-transform: none; } .materialmatrix .auspraegungsListe { max-width: 900px; } .materialmatrix h4 { text-transform: none; } .materialmatrix .langtext { margin: 10px 0; } .materialmatrix .stoffFarben { display: inline-block; margin-right: 20px; margin-bottom: 20px; cursor: pointer; } .materialmatrix .stoffFarben a.auspraegung img { max-width: 150px; max-height: 150px; } .materialmatrix .stoffFarben a.auspraegung .imageLeer { width: 148px; height: 148px; border: 1px solid #7c7c7c; } .materialmatrix .ui-widget { font-family: "nimbus-sans", sans-serif; } .materialmatrix .ui-widget-header { background: #fff; border: 0px; } .materialmatrix .ui-tabs .ui-tabs-nav { text-align: center; } .materialmatrix .ui-tabs .ui-tabs-nav li { float: none; display: inline-block; margin: 0px; } .materialmatrix .ui-state-default, .materialmatrix .ui-widget-content .ui-state-default, .materialmatrix .ui-widget-header .ui-state-default { border: 1px solid #7c7c7c; border-radius; 0px 0px 0px 0px; background: #fff; color: #7c7c7c; } .materialmatrix .ui-widget-content { border: none; } .materialmatrix .ui-state-active, .materialmatrix .ui-widget-content .ui-state-active, .materialmatrix .ui-widget-header .ui-state-active { border: 1px solid #7c7c7c; background: #f5f5f5; color: #7c7c7c; } .materialmatrix .ui-corner-all, .materialmatrix .ui-corner-top, .materialmatrix .ui-corner-right, .materialmatrix .ui-corner-tr { border-top-right-radius: 0px; } .materialmatrix .ui-corner-all, .materialmatrix .ui-corner-top, .materialmatrix .ui-corner-left, .materialmatrix .ui-corner-tl { border-top-left-radius: 0px; } .materialmatrix .ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: .5em 3em; } .materialmatrix .ui-tabs .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0px; } .materialmatrix .accordion h3.ui-state-default, .materialmatrix .accordion h3.ui-widget-content .ui-state-default, .materialmatrix .accordion h3.ui-widget-header .ui-state-default { border-width: 0px 0px 1px 0px; } .materialmatrix .accordion .ui-state-active, .materialmatrix .accordion .ui-widget-content .ui-state-active, .materialmatrix .accordion .ui-widget-header .ui-state-active { background: #fff; } .materialmatrix .tabs .ui-state-active a, .materialmatrix .tabs .ui-state-active a:link, .materialmatrix .tabs .ui-state-active a:visited { color: #7c7c7c; } .materialmatrix .accordion .ui-state-active .ui-icon { background: url("images/ui-icons_555555_256x240.png"); } .scrollWrapper .loading { width: 620px; text-align: center; } .scrollWrapper .loading img {} .scrollWrapper .loading span { } .scrollWrapper .nextPage { display: block; } .itemListGridView .scrollWrapper li.manualScroll { width: 100%; padding-bottom: 0px; text-align: center; border: 0px; } .itemListGridView .scrollWrapper .manualScroll a { border: 1px solid #b9b9b9; color: #fff; display: inline-block; padding: 7px 30px; box-sizing: border-box; background-color: #b9b9b9; border-radius: 0px; text-transform: uppercase; font-weight: bold; font-family: 'nimbus-sans-extended'; font-size: 12px; margin-left: 0px; text-align: center; } .itemListGridView .scrollWrapper .manualScroll a:hover { color: #b9b9b9; text-decoration: none; border: 1px solid #2D2D2D; background-color: #fff; font-weight: bold; margin-left: 0px; text-align: center; text-transform: uppercase; border-radius: 0px; } .itemListGridView .scrollWrapper .manualScroll.manualFirstPage, .itemListGridView .scrollWrapper .manualScroll.manualNextPage, .itemListGridView .scrollWrapper .nextPage.scrollElement, .itemListGridView .scrollWrapper .manualScroll.manualPreviousPage { border: 0px; } .itemListGridView .scrollWrapper .manualScroll.manualFirstPage:hover, .itemListGridView .scrollWrapper .manualScroll.manualNextPage:hover, .itemListGridView .scrollWrapper .nextPage.scrollElement:hover, .itemListGridView .scrollWrapper .manualScroll.manualPreviousPage:hover { border: 0px; } .tableRowGroup.scrollElement .itemNameCell.tableCell { width: 100%; } .itemListGridView ul { } .itemListGridView li.slideOnHoverElement { display: block; float: left; width: 25%; margin: 0; border: 0px; box-sizing: border-box; } .itemListGridView li.slideOnHoverElement:hover { border: 0px; } .itemListGridView .itemWrapper { border: 1px solid #fff; display: inline-block; max-width: 95%; box-sizing: border-box; } .itemListGridView .itemWrapper:hover { border: 1px solid #2D2D2D; } .itemListGridView .icon { max-width: 100%; line-height: 100%; } .itemListGridView .infoWrapper { max-width: 100%; } @media only all and (min-width: 1401px) { .itemListGridView li:nth-of-type(4n+1) { text-align: left; } .itemListGridView li:nth-of-type(4n+2) { text-align: center; } .itemListGridView li:nth-of-type(4n+2) .itemWrapper { margin-right: 2%; } .itemListGridView li:nth-of-type(4n+3) { text-align: center; } .itemListGridView li:nth-of-type(4n+3) .itemWrapper { margin-left: 2%; } .itemListGridView li:nth-of-type(4n) { text-align: right; } } @media only all and (max-width: 1400px) { .itemListGridView li:nth-of-type(4n+1) { text-align: left; } .itemListGridView li:nth-of-type(4n+2) { text-align: center; } .itemListGridView li:nth-of-type(4n+2) .itemWrapper { margin-right: 2%; } .itemListGridView li:nth-of-type(4n+3) { text-align: center; } .itemListGridView li:nth-of-type(4n+3) .itemWrapper { margin-left: 2%; } .itemListGridView li:nth-of-type(4n) { text-align: right; } } @media only all and (max-width: 1050px) { .itemListGridView li:nth-of-type(3n+1) { text-align: left; } .itemListGridView li:nth-of-type(3n+2) { text-align: center; } .itemListGridView li:nth-of-type(3n) { text-align: right; } .itemListGridView li.slideOnHoverElement { width: 33%; } } @media only all and (max-width: 700px) { .itemListGridView li.slideOnHoverElement { width: 50%; } .itemListGridView li:nth-of-type(2n+1) { text-align: center; } .itemListGridView li:nth-of-type(2n) { text-align: center; } } @media only all and (max-width: 450px) { .itemListGridView li.slideOnHoverElement { width: 100%; } .itemListGridView li { text-align: center; } } .animate-fade { position: relative; top: 50px; opacity: 0; transition: all 1s ease-out; } .animate-fade.animated { top: 0; opacity: 1; } .lazyload, .lazyloading { opacity: 0; } .lazyloaded { opacity: 1; transition: all .7s ease-out; } .stage-main { box-sizing: border-box; position: relative; text-align: center; } .stage-main--fullsize { background-size: cover; background-position: center center; } .stage-main--fullsize .stage-main__content { padding: 50px 0 170px 0; background-image: linear-gradient(white, rgba(255, 255, 255, 0)); } .stage-main__content { padding: 70px 0 0 0; background-image: linear-gradient(white, rgba(255, 255, 255, 0)); } @media only all and (max-width: 550px) { .stage-main--fullsize .stage-main__content { padding: 30px 0 223px 0; } } .overlayBlind { display: none; position: fixed; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(136,136,136, 0.3); z-index: 0; top: 0; } .fixedSmall .overlayBlind { top: 0px; } .metaShoppingCart .flyoutMenu { z-index: 5050; } .metaShoppingCart .flyoutMenu .shoppingCart-overlayBlind { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(136,136,136, 0.3); z-index: -1; } .tm-layout-head-wrapper .tm-layout-head.fixedSmall { height: 44px; transition: all .5s ease-in-out; } .tm-layout-head-wrapper .tm-layout-head.fixedSmall .tm-logo { height: 100%; } .tm-layout-head-wrapper .tm-layout-head.fixedSmall .tm-meta { height: 100%; transition: all .5s ease-in-out; } .tm-layout-head-wrapper .fixedSmall .quickSearch {height: 100%; margin: 0 20px; transition: all .5s ease-in-out; } .tm-layout-head-wrapper .fixedSmall .metaElement .metaLink { height: 100%; transition: all .5s ease-in-out; } .tm-layout-head-wrapper .fixedSmall .metaElement .metaLink .numberOfLineItems { line-height: 44px; transition: all .5s ease-in-out; } .fixedSmall .white ul.mega-menu li .sub-container.non-mega li.level1, .fixedSmall .white ul.mega-menu li .sub-container { top: 43px !important; } .tm-layout-head-wrapper .fixedSmall { padding: 0; transition: all .5s ease-in-out; } .tm-layout-head-wrapper .tm-layout-head.fixedSmall .mobileMenuButton { margin-top: 10px; } .autocompleteAligner { position: absolute; width: 100%; left: 0; } .autocompleteAligner .ui-autocomplete { z-index: 6000; width: 100%; } .autocompleteAligner .ui-autocomplete a { width: 680px; box-sizing: border-box; } @media only all and (max-width: 805px) { .fixedSmall .overlayBlind { top: 0; } } .autocompleteAligner .ui-corner-all, .autocompleteAligner .ui-corner-bottom, .autocompleteAligner .ui-corner-right, .autocompleteAligner .ui-corner-br { border-bottom-right-radius: 0px; } .autocompleteAligner .ui-corner-all, .autocompleteAligner .ui-corner-bottom, .autocompleteAligner .ui-corner-left, .autocompleteAligner .ui-corner-bl { border-bottom-left-radius: 0px; } .autocompleteAligner .ui-corner-all, .autocompleteAligner .ui-corner-top, .autocompleteAligner .ui-corner-right, .autocompleteAligner .ui-corner-tr { border-top-right-radius: 0px; } .autocompleteAligner .ui-corner-all, .autocompleteAligner .ui-corner-top, .autocompleteAligner .ui-corner-left, .autocompleteAligner .ui-corner-tl { border-top-left-radius: 0px; } .imageGallery { text-align: center; } .imageGallery .slider { } .imageGallery .slider img.imageBorder { } .imageGallery .slider #imageGallerySlider { width: 560px; height: 560px; } .imageGallery .slider #imageGallerySliderNav .thumbnails { float: left; margin: 3px 2px 2px 0px; } .imageGallery .slider #imageGallerySliderNav .thumbnails img { max-width: 48px; max-height: 48px; } .imageGallery .slide .thumbnail { display: none; } .imageGallery .slide .item { margin-bottom: 10px; } .imageGallery { margin: 0px; width: 560px; position: relative; } .imageGallery #cycle-1 .slide img { max-width: 560px; max-height: 560px; } .imageWrapper { max-width: 560px; display: table-cell; vertical-align: middle; } .imageWrapper .hide { display: none; } .imageWrapper .image { text-align: center; display: flex; align-items: center; justify-content: center; width: 560px; height: 560px; max-width: 100%; max-height: 100%; } .imageWrapper .image img { max-width: 560px; max-height: 560px; } .imageGallery .cycle-slideshow { height: 100%; } #slideshow-1 { position: relative; } #slideshow-2 { display: inline-block; margin-top: 10px; position: relative; overflow: hidden; height: 64px; } #slideshow-2 a.cycle-arrow { display: block; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; width: 20px; height: 20px; padding: 0px; } #slideshow-2 a.cycle-arrow::before { border-style: solid; border-width: 6px; content: ""; display: none; height: 0; line-height: 0; width: 0; } #slideshow-2 a.cycle-prev { left: -27px; } #slideshow-2 a.cycle-prev::before { border-color: transparent #000 transparent transparent; margin-left: -8px; margin-top: 4px; } #slideshow-2 a.cycle-next { right: -22px; } #slideshow-2 a.cycle-next::before { border-color: transparent transparent transparent #000; margin-left: 7px; margin-top: 4px; } #slideshow-2 .slide { padding-right: 10px; width: 60px; height: 60px; } #slideshow-2 .slide img { max-width: 60px; max-height: 60px; margin: 0px auto; } #slideshow-2 .prev { float:left; display: block; margin: 13px 5px 0px 0px; } #slideshow-2 .next { float:left; display: block; margin-top: 13px; } #slideshow-2 #cycle-2 { float:left; width: 210px !important;} #slideshow-2 .cycle-slide-active img { border: 2px solid #ddd; } #slideshow-2 .arrow-up { width: 0px; height: 0px; border-width: 7px; border-style: solid; border-color: transparent transparent #313131 transparent; margin: 0px auto 5px auto; } #slideshow-2 .arrow-right { width: 0px; height: 0px; border-width: 7px; border-style: solid; border-color: transparent transparent transparent #313131; margin: 0px auto 5px auto; } #slideshow-2 .arrow-down { width: 0px; height: 0px; border-width: 7px; border-style: solid; border-color: #313131 transparent transparent transparent; margin: 0px auto; } #slideshow-2 .arrow-left { width: 0px; height: 0px; border-width: 7px; border-style: solid; border-color: transparent #313131 transparent transparent; margin: 0px auto; } .cycle-slideshow img { display: block; } @media only all and (max-width: 1200px) { .imageGallery { width: 500px; } .imageGallery #cycle-1 .slide img { max-width: 500px; max-height: 500px; } .imageWrapper .image { max-width: 500px; max-height: 500px; width: 100%; height: 100%; } .imageWrapper .image img { max-width: 500px; max-height: 500px; } } @media only all and (max-width: 980px) { .pageContent-item .itemDetailContainer .characteristics .characteristic.stoffkategorie { } .pageContent-item .itemDetailContainer .characteristics .characteristicCell.characteristicLabel { padding-right: 10px; } .pageContent-item .itemDetailContainer .characteristics .characteristicCell.characteristicValue a { padding-right: 5px; } } @media only all and (max-width: 890px) { .pageContent-item .itemDetailContainer .characteristics .characteristic.stoffkategorie { } } @media only all and (max-width: 540px) { .imageGallery {width: 100%;} .imageGallery #cycle-1 .slide img { width: 100%; max-width: unset; height: 100%; max-height: unset; } .imageWrapper .image img { width: 100%; max-width: unset; height: 100%; max-height: unset; } } .quicksearchFlyoutElement .quickSearch .searchInput input:focus { } .pagination .pages { display: none; } .meinKonto { width: 100%; text-align: center; margin-bottom: 40px; } .description.welcomeText { width: 100%; text-align: center; font-family: nimbus-sans-extended; font-weight: lighter; font-size: 18px; margin-bottom: 40px; } .pageContent-account .welcomeText .userName { font-weight: lighter; font-size: 18px; } .pageContent-account .rowWrapper { width: 100%; } .pageContent-account .rowWrapper .boxWrapper { } .pageContent-account .rowWrapper.threeColumns .boxWrapper { width: 32.2%; } .pageContent-account .rowWrapper.threeColumns .boxWrapper .boxInnerWrapper { border: 1px solid #ddd; height: 100%; display: block; min-height: 345px; } .pageContent-account .rowWrapper.threeColumns .boxWrapper.left .boxInnerWrapper { margin-right: 20px; } .pageContent-account .rowWrapper.threeColumns .boxWrapper.middle .boxInnerWrapper { margin-right: 20px; margin-left: 0; } .pageContent-account .rowWrapper.threeColumns .boxWrapper.right .boxInnerWrapper { margin-left: 0; } .pageContent-account .rowWrapper.twoColumns .boxWrapper { width: 50%; } .pageContent-account .rowWrapper.twoColumns .boxWrapper .boxInnerWrapper { height: 100%; display: block; min-height: 345px; } .pageContent-account .rowWrapper.twoColumns .boxWrapper .boxInnerWrapper { border: 1px solid #ddd; height: 100%; display: block; min-height: 345px; } .pageContent-account .rowWrapper.twoColumns .boxWrapper.left .boxInnerWrapper { margin-right: 20px; } .pageContent-account .rowWrapper.twoColumns .boxWrapper.right .boxInnerWrapper { margin-left: 20px; } .pageContent-account .heading { background-color: #fff; font-weight: bold; text-transform: uppercase; padding: 30px; font-family: nimbus-sans-extended; font-size: 14px; color: #2d2d2d; } .pageContent-account .menuEntry { padding: 5px 30px; color: #7c7c7c; font-family: nimbus-sans-extended; font-weight: lighter; } .pageContent-account .menuEntry:before { display: none; } @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; } } .cookieNoticeWrapper { display: none; position: fixed; bottom: 0; left: 0; right: 0; width: 100%; box-sizing: border-box; z-index: 9000; } .cookieNotice { } .cookieNotice a { } .cookieNotice button { } .imageGallery #slideshow-1 .selectedCharacteristicIcon { position: absolute; z-index: 10; right: 0; bottom: 0; } .imageGallery #slideshow-1 .selectedCharacteristicIcon img { max-width: 80px; max-height: 80px; margin: 0 20px 20px 0; } .imageWrapper .image { position: relative; } .imageWrapper .image .selectedCharacteristicIcon { position: absolute; z-index: 100; right: 0; bottom: 0; } .imageWrapper .image .selectedCharacteristicIcon img { max-width: 80px; max-height: 80px; margin: 0 20px 20px 0; } .responsiveLayout.viewId-login .layoutBreadcrumbMainWrapper { display: none; } .pageContent-login { padding-bottom: 10em; } .pageContent-login h1 { text-align: center; color: #fff; padding: 0; margin: 0 0 2em; } .login.background { height: auto; } .pageContent-login .rowWrapper { width: 1000px; max-width: 100%; background-color: #fff; margin: 0 auto; } .pageContent-login .rowWrapper.twoColumns .boxWrapper { text-align: center; vertical-align: middle; color: #2d2d2d; } .pageContent-login .rowWrapper.twoColumns .boxWrapper.right { width: 49.5%; } .pageContent-login .rowWrapper.twoColumns .boxWrapper .boxInnerWrapper { min-height: 270px; margin: 50px; max-width: 100%; width: 400px; } .pageContent-login .rowWrapper.twoColumns .boxWrapper.left .boxInnerWrapper { margin: 50px; } .pageContent-login .rowWrapper.twoColumns .boxWrapper.right .boxInnerWrapper { margin: 50px; } .pageContent-login .rowWrapper.twoColumns .loginLinie { margin: 50px 0 50px 0; width: 1px; height: 100%; float: left; min-height: 270px; background: #2d2d2d; } .pageContent-login .rowWrapper.twoColumns .boxWrapper .boxInnerWrapper form { display: inline-block; } .pageContent-login .loginWrapper input.inputField { margin: 2px 0 15px 0; width: 398px; padding: 7.5px 0; border: 1px solid #eee; } .pageContent-login button { background-color: #9ca4ab; color: #fff; width: 400px; border: 1px solid #9ca4ab; padding: 8.8px 30px; } .pageContent-login button:hover, .pageContent-login button:focus, .pageContent-login button:active { color: #9ca4ab; background-color: #fff; } .pageContent-login .loginWrapper .passwordReminderLink:before { display: none; } .pageContent-login .boxWrapper.right .heading { margin-bottom: 20px; padding: 0px; } .pageContent-login .boxWrapper.right .description { line-height: 22px; font-size: 15px; margin: 0 10px 0 10px; } .pageContent-login .heading { padding: 0px; background-color: #fff; font-family: 'nimbus-sans-extended'; fonr-weight: normal; font-size: 22px; line-height: 1.4; color: #2d2d2d; text-transform: uppercase; } @media only all and (max-width: 1020px) { .pageContent-login .rowWrapper { width: 100%; } .pageContent-login .rowWrapper.twoColumns .loginLinie { display: none; } .pageContent-login .rowWrapper.twoColumns .boxWrapper { width: auto; margin: 0 auto; text-align: center; float: none; display: inline-block; } .pageContent-login .rowWrapper.twoColumns .boxWrapper.right { width: auto; margin: 0 auto; text-align: center; float: none; display: inline-block; } } @media only all and (max-width: 550px) { .pageContent-login .rowWrapper.twoColumns .boxWrapper .boxInnerWrapper { width: 300px; } .pageContent-login .loginWrapper input.inputField { width: 298px; } .pageContent-login button { width: 300px; } } @media only all and (max-width: 450px) { .pageContent-login .rowWrapper.twoColumns .boxWrapper.left .boxInnerWrapper { margin: 50px 20px 50px 20px; } .pageContent-login .rowWrapper.twoColumns .boxWrapper.right .boxInnerWrapper { margin: 50px 20px 50px 20px; } } @media only all and (max-width: 350px) { .pageContent-login .rowWrapper.twoColumns .boxWrapper.left .boxInnerWrapper { margin: 50px 10px 50px 10px; } .pageContent-login .rowWrapper.twoColumns .boxWrapper.right .boxInnerWrapper { margin: 50px 10px 50px 10px; } .pageContent-login .rowWrapper.twoColumns .boxWrapper .boxInnerWrapper { width: 250px; } .pageContent-login .loginWrapper input.inputField { width: 248px; } .pageContent-login button { width: 250px; } } .pageContent .heading.empfehlungen { font-size: 20px; font-weight: 400; line-height: 1.3; font-family: 'nimbus-sans-extended'; font-style: normal; color: #2d2d2d; text-transform: uppercase; text-align: center; padding: 30px 0; border-top: 2px solid #ddd; } .itemListSlideView.empfehlungen { padding: 0px 37px 30px 37px; border-bottom: 2px solid #ddd; } .itemListSlideView.empfehlungen .slides .slick-arrow { border: 0px; } .itemListSlideView.empfehlungen .itemWrapper { width: 261px; border: 0px; } .itemListSlideView.empfehlungen .iconWrapper { padding: 0px; } .itemListSlideView.empfehlungen .icon { width: 261px; height: 261px; line-height: 261px; } .itemListSlideView.empfehlungen .icon img { max-width: 256px; max-height: 261px; } .itemListSlideView.empfehlungen .infoWrapper { width: 261px; background-color: #fff; opacity: 1; text-align: center; } .itemListSlideView.empfehlungen.itemList .itemName { display: block; overflow: hidden; text-overflow: ellipsis; font-family: 'nimbus-sans-extended'; font-weight: bold; font-size: 14px; line-height: 1.6; } .itemListSlideView.empfehlungen.itemList .itemDescription { line-height: 1.4; font-weight: normal; overflow: hidden; text-overflow: ellipsis; font-size: 14px; font-family: 'nimbus-sans'; } .itemListSlideView.empfehlungen .itemPrice .priceWithDiscounts { color: #2d2d2d; } @media only all and (max-width: 380px) { .itemListSlideView.empfehlungen .itemWrapper { width: 230px; } .itemListSlideView.empfehlungen .icon { max-width: 230px; width: 100%; max-height: 230px; height: 100%; line-height: 230px; } .itemListSlideView.empfehlungen .icon img { max-width: 230px; width: 100%; max-height: 230px; height: 100%; line-height: 230px; } .itemListSlideView.empfehlungen .infoWrapper { width: 230px; } } .tm-layout-head-wrapper.fixedContainerWrapper.fixed .flyoutMenuPanel .miniShoppingCart { padding-top: 0; } .tm-layout-head-wrapper.fixedContainerWrapper.fixed .flyoutMenuPanel .miniShoppingCart .prj_miniShoppingCartTitleContainer { height: 87px; line-height: 44px; vertical-align: bottom; } .tm-layout-head-wrapper.fixedContainerWrapper.fixed .flyoutMenuPanel .miniShoppingCart .prj_miniShoppingCartTitleContainer .title { margin-top: 38.5px; } .tm-layout-head-wrapper.fixedContainerWrapper.fixed .flyoutMenuPanel .miniShoppingCart .prj_miniShoppingCartTitleContainer .closeButton { margin-top: 38.5px; height: 44px; } .tm-layout-head { transition: all .5s ease-in-out; } .viewId-shoppingCart .layoutBreadcrumWrapper { display: none; } .viewId-checkoutLogin .layoutBreadcrumWrapper { display: none; } .viewId-checkoutCustomerData .layoutBreadcrumWrapper .separator, .viewId-checkoutOrderDetails .layoutBreadcrumWrapper .separator, .viewId-checkoutShipping .layoutBreadcrumWrapper .separator, .viewId-checkoutPayment .layoutBreadcrumWrapper .separator, .viewId-checkoutShippingAddress .layoutBreadcrumWrapper .separator, .viewId-checkoutOrderView .layoutBreadcrumWrapper .separator { display: none; } .viewId-checkoutCustomerData .layoutBreadcrumWrapper .breadcrumbs li:nth-of-type(1), .viewId-checkoutOrderDetails .layoutBreadcrumWrapper .breadcrumbs li:nth-of-type(1), .viewId-checkoutShipping .layoutBreadcrumWrapper .breadcrumbs li:nth-of-type(1), .viewId-checkoutPayment .layoutBreadcrumWrapper .breadcrumbs li:nth-of-type(1), .viewId-checkoutShippingAddress .layoutBreadcrumWrapper .breadcrumbs li:nth-of-type(1), .viewId-checkoutOrderView .layoutBreadcrumWrapper .breadcrumbs li:nth-of-type(1) { display: none; } .viewId-checkoutCustomerData .layoutBreadcrumWrapper .breadcrumbs li.visited:before, .viewId-checkoutOrderDetails .layoutBreadcrumWrapper .breadcrumbs li.visited:before, .viewId-checkoutShipping .layoutBreadcrumWrapper .breadcrumbs li.visited:before, .viewId-checkoutPayment .layoutBreadcrumWrapper .breadcrumbs li.visited:before, .viewId-checkoutShippingAddress .layoutBreadcrumWrapper .breadcrumbs li.visited:before, .viewId-checkoutOrderView .layoutBreadcrumWrapper .breadcrumbs li.visited:before { content: url(img/check.png); position: relative; top: -5px; } .viewId-checkoutCustomerData .layoutBreadcrumWrapper .breadcrumbs li, .viewId-checkoutOrderDetails .layoutBreadcrumWrapper .breadcrumbs li, .viewId-checkoutShipping .layoutBreadcrumWrapper .breadcrumbs li, .viewId-checkoutPayment .layoutBreadcrumWrapper .breadcrumbs li, .viewId-checkoutShippingAddress .layoutBreadcrumWrapper .breadcrumbs li, .viewId-checkoutOrderView .layoutBreadcrumWrapper .breadcrumbs li { white-space: nowrap; } .viewId-checkoutCustomerData .layoutBreadcrumWrapper .breadcrumbs li a, .viewId-checkoutOrderDetails .layoutBreadcrumWrapper .breadcrumbs li a, .viewId-checkoutShipping .layoutBreadcrumWrapper .breadcrumbs li a, .viewId-checkoutPayment .layoutBreadcrumWrapper .breadcrumbs li a, .viewId-checkoutShippingAddress .layoutBreadcrumWrapper .breadcrumbs li a, .viewId-checkoutOrderView .layoutBreadcrumWrapper .breadcrumbs li a { display: inline-block; } .viewId-checkoutCustomerData .layoutBreadcrumWrapper .breadcrumbs li.active, .viewId-checkoutOrderDetails .layoutBreadcrumWrapper .breadcrumbs li.active, .viewId-checkoutShipping .layoutBreadcrumWrapper .breadcrumbs li.active, .viewId-checkoutPayment .layoutBreadcrumWrapper .breadcrumbs li.active, .viewId-checkoutShippingAddress .layoutBreadcrumWrapper .breadcrumbs li.active, .viewId-checkoutOrderView .layoutBreadcrumWrapper .breadcrumbs li.active { display: inline-block; } .viewId-checkoutCustomerData .layoutBreadcrumWrapper .breadcrumbs li.active a, .viewId-checkoutOrderDetails .layoutBreadcrumWrapper .breadcrumbs li.active a, .viewId-checkoutShipping .layoutBreadcrumWrapper .breadcrumbs li.active a, .viewId-checkoutPayment .layoutBreadcrumWrapper .breadcrumbs li.active a, .viewId-checkoutShippingAddress .layoutBreadcrumWrapper .breadcrumbs li.active a, .viewId-checkoutOrderView .layoutBreadcrumWrapper .breadcrumbs li.active a { color: #2d2d2d; padding: 3px 0; margin: 0 5px; font-size: 15px; line-height: 1.5; font-weight: 400; font-style: normal; } .breadcrumbs.checkout { margin-bottom: 55px; } .breadcrumbs.checkout li.active:nth-of-type(5) a::before { content: "1. "; } .breadcrumbs.checkout li.not_visited:nth-of-type(5) span::before { content: "1. "; } .breadcrumbs.checkout li.active:nth-of-type(7) a::before { content: "2. "; } .breadcrumbs.checkout li.not_visited:nth-of-type(7) span::before { content: "2. "; } .breadcrumbs.checkout li.active:nth-of-type(9) a::before { content: "3. "; } .breadcrumbs.checkout li.not_visited:nth-of-type(9) span::before { content: "3. "; } .breadcrumbs.checkout li.active:nth-of-type(11) a::before { content: "4. "; } .breadcrumbs.checkout li.not_visited:nth-of-type(11) span::before { content: "4. "; } .breadcrumbs.checkout li.active:nth-of-type(13) a::before { content: "5. "; } .breadcrumbs.checkout li.not_visited:nth-of-type(13) span::before { content: "5. "; } .breadcrumbs.checkout li.active:nth-of-type(15) a::before { content: "6. "; } .breadcrumbs.checkout li.not_visited:nth-of-type(15) span::before { content: "6. "; } .pageContent-checkoutLogin .rowWrapper.twoColumns .boxWrapper.left .boxInnerWrapper { margin-right: 20px; border: 1px solid #ddd; display: block; min-height: 320px; height: 100%; } .pageContent-checkoutLogin .heading { background-color: #fff; font-weight: bold; text-transform: uppercase; padding: 30px; font-family: nimbus-sans-extended; font-size: 14px; color: #2d2d2d; margin: 0px; } .pageContent-checkoutLogin .rowWrapper.twoColumns .boxWrapper.left .boxInnerWrapper form { padding: 0 30px 30px 30px; display: block; } .pageContent-checkoutLogin .rowWrapper.twoColumns .boxWrapper.right .boxInnerWrapper { border: 1px solid #ddd; display: block; min-height: 320px; height: 100%;} .pageContent-checkoutLogin .rowWrapper.twoColumns .boxWrapper.right .boxInnerWrapper .description { padding: 0 30px 30px 30px; margin: 0px; } .pageContent-checkoutLogin .rowWrapper.twoColumns .boxWrapper.right .boxInnerWrapper form { padding: 0 30px 30px 30px; display: block; } @media only all and (max-width: 370px){ .pageContent-checkoutLogin .rowWrapper.twoColumns .boxWrapper.left .boxInnerWrapper { margin-right: 00px; } .pageContent-checkoutLogin .loginWrapper input.inputField { width: 200px; } } .pageContent-checkoutCustomerData .attributes { display: block; } .pageContent-checkoutCustomerData .attributes .rowWrapper { width: 100%; position: relative; margin-bottom: 20px; } .pageContent-checkoutCustomerData .attributes .rowWrapper .boxWrapper { float: left; display: block; width: 50%; } .pageContent-checkoutCustomerData .attributes .rowWrapper .boxWrapper.left .innerWrapper { display: block; margin-right: 20px; border: 1px solid #ddd; padding-bottom: 30px; } .pageContent-checkoutCustomerData .attributes .rowWrapper .boxWrapper.left .prj_persoenlicheDaten.innerWrapper, .pageContent-checkoutCustomerData .attributes .rowWrapper .boxWrapper.right .prj_geschaeftlicheDaten.innerWrapper { min-height: 300px; height: 100%; } .pageContent-checkoutCustomerData .attributes .rowWrapper .boxWrapper.right .innerWrapper { display: block; border: 1px solid #ddd; padding-bottom: 30px; } .pageContent-checkoutCustomerData .attributes .rowWrapper .boxWrapper.left .prj_adressDaten.innerWrapper, .pageContent-checkoutCustomerData .attributes .rowWrapper .boxWrapper.right .prj_kontaktDaten.innerWrapper { min-height: 405px; height: 100%; } .pageContent-checkoutCustomerData .attributes .rowWrapper .boxWrapper .innerWrapper .heading { background-color: #fff; font-weight: bold; text-transform: uppercase; padding: 30px 30px 10px 30px; font-family: nimbus-sans-extended; font-size: 14px; color: #2d2d2d; margin: 0px; } .pageContent-checkoutCustomerData .attributes .rowWrapper .boxWrapper .innerWrapper .attributeLabel { padding: 0 30px; display: block; } .pageContent-checkoutCustomerData .attributes .rowWrapper .boxWrapper .innerWrapper .attributeValue { padding: 0 30px; display: block; } .pageContent-checkoutCustomerData .attributes .rowWrapper .boxWrapper .innerWrapper .description { padding: 10px 30px; margin: 0px; display: block; } @media only all and (max-width: 600px){ .pageContent-checkoutCustomerData .attributes .rowWrapper .boxWrapper { width: 100%; } .pageContent-checkoutCustomerData .attributes .rowWrapper .boxWrapper.left .innerWrapper { margin-right: 0; } .pageContent-checkoutCustomerData .attributes .rowWrapper .boxWrapper.left .prj_persoenlicheDaten.innerWrapper, .pageContent-checkoutCustomerData .attributes .rowWrapper .boxWrapper.right .prj_geschaeftlicheDaten.innerWrapper, .pageContent-checkoutCustomerData .attributes .rowWrapper .boxWrapper.left .prj_adressDaten.innerWrapper, .pageContent-checkoutCustomerData .attributes .rowWrapper .boxWrapper.right .prj_kontaktDaten.innerWrapper { min-height: auto; } .pageContent-checkoutCustomerData .attributes .rowWrapper { margin-bottom: 0; } .pageContent-checkoutCustomerData .attributes .rowWrapper .boxWrapper { margin-bottom: 20px; } } .pageContent-checkoutOrderDetails .rowWrapper { width: 100%; position: relative; margin-bottom: 20px; } .pageContent-checkoutOrderDetails .rowWrapper.twoColumns .boxWrapper.left .boxInnerWrapper { display: block; margin-right: 20px; border: 1px solid #ddd; min-height: 250px; height: 100%; } .pageContent-checkoutOrderDetails .rowWrapper.twoColumns .boxWrapper.right .boxInnerWrapper { display: block; border: 1px solid #ddd; min-height: 250px; height: 100%; } .pageContent-checkoutOrderDetails .rowWrapper.twoColumns .boxWrapper.right .boxInnerWrapper {margin-left: 0px; } .pageContent-checkoutOrderDetails .heading { background-color: #fff; font-weight: bold; text-transform: uppercase; padding: 30px 30px 10px 30px; font-family: nimbus-sans-extended; font-size: 14px; color: #2d2d2d; margin: 0px; } .pageContent-checkoutOrderDetails .description { padding: 0px 30px 30px 30px; margin: 0px; display: block; } .pageContent-checkoutOrderDetails .description.text { padding: 0 30px 30px 0; } .pageContent-checkoutOrderDetails .rowWrapper.twoColumns .contactPersonWrapper.boxWrapper.left .boxInnerWrapper { min-height: 270px; height: 100%; } .pageContent-checkoutOrderDetails .rowWrapper.twoColumns .contactPersonWrapper.boxWrapper.right .boxInnerWrapper { min-height: 270px; height: 100%; } .pageContent-checkoutOrderDetails .rowWrapper.oneColumn .boxWrapper .boxInnerWrapper { width: 48%; display: block; margin-right: 20px; border: 1px solid #ddd; } .pageContent-checkoutOrderDetails .topMargin {margin-top: 0px; } .pageContent-checkoutOrderDetails .boxInnerWrapper .description .attributes { padding: 0; } .pageContent-checkoutOrderDetails .boxInnerWrapper .description .attributes .attributeLabel { padding: 0; } .pageContent-checkoutOrderDetails .boxInnerWrapper .description .attributes .attributeValue { padding: 0; } .pageContent-checkoutOrderDetails .boxInnerWrapper .attributes { padding: 0 0 30px 0; display: block; } .pageContent-checkoutOrderDetails .boxInnerWrapper .attributes .attributeLabel { padding: 0 30px; display: block; } .pageContent-checkoutOrderDetails .boxInnerWrapper .attributes .attributeValue { padding: 0 30px; display: block; } .pageContent-checkoutOrderDetails .commentWrapper { } .pageContent-checkoutOrderDetails .commentWrapper textarea.inputField { width: 85%; margin: 0 30px 30px 30px; } .pageContent-checkoutOrderDetails .customerContactWrapper .boxInnerWrapper .attributes .attributeLabel { display: unset; } .pageContent-checkoutOrderDetails .customerContactWrapper .boxInnerWrapper .attributes .attributeValue { display: unset; } @media only all and (max-width: 650px){ .pageContent-checkoutOrderDetails .rowWrapper.twoColumns .boxWrapper.left .boxInnerWrapper { margin-right: 0px; } .pageContent-checkoutOrderDetails .rowWrapper.oneColumn .boxWrapper .boxInnerWrapper { width: 99.5%; } .pageContent-checkoutOrderDetails .commentWrapper { width: 99.5%; } } @media only all and (max-width: 335px){ .pageContent-checkoutOrderDetails .rowWrapper.oneColumn .boxWrapper .boxInnerWrapper { width: 99%; } } .pageContent-checkoutShippingAddress .existingAddresses { border: 1px solid #ddd; } .pageContent-checkoutShippingAddress .existingAddresses .heading { background-color: #fff; font-weight: bold; text-transform: uppercase; padding: 30px 30px 10px 30px; font-family: nimbus-sans-extended; font-size: 14px; color: #2d2d2d; margin: 0px; } .pageContent-checkoutShippingAddress .existingAddresses .description { padding: 0px 30px 30px 30px; margin: 0px; } .pageContent-checkoutShippingAddress .existingAddresses form { padding: 0px 30px 30px 30px; display: block; } .pageContent-checkoutShippingAddress .newAddress { border: 1px solid #ddd; margin-top: 20px; } .pageContent-checkoutShippingAddress .newAddress .heading { background-color: #fff; font-weight: bold; text-transform: uppercase; padding: 30px 30px 10px 30px; font-family: nimbus-sans-extended; font-size: 14px; color: #2d2d2d; margin: 0px; } .pageContent-checkoutShippingAddress .newAddress .description { padding: 0px 30px 30px 30px; margin: 0px; } .pageContent-checkoutShippingAddress .newAddress form { padding: 0px 30px 30px 30px; display: block; } .pageContent-checkoutShippingAddress .newAddress .mandatory.top { padding: 0px 30px; } .pageContent-checkoutShippingAddress .newAddress input.inputField { width: 50%; } .pageContent-checkoutShipping .shippingAddress { width: 50%; border: 1px solid #ddd; } .pageContent-checkoutShipping .shippingAddress .heading { background-color: #fff; font-weight: bold; text-transform: uppercase; padding: 30px 30px 10px 30px; font-family: nimbus-sans-extended; font-size: 14px; color: #2d2d2d; margin: 0px; } .pageContent-checkoutShipping .shippingAddress .description { padding: 0px 30px 30px 30px; margin: 0px; } .pageContent-checkoutShipping .shippingMethod { width: 50%; border: 1px solid #ddd; } .pageContent-checkoutShipping .shippingMethod .heading { background-color: #fff; font-weight: bold; text-transform: uppercase; padding: 30px 30px 10px 30px; font-family: nimbus-sans-extended; font-size: 14px; color: #2d2d2d; margin: 0px; } .pageContent-checkoutShipping .shippingMethod .description { padding: 0px 30px 30px 30px; margin: 0px; } .pageContent-checkoutShipping .shippingMethod .tableRow .tableCell { border-bottom: 0px; } .pageContent-checkoutShipping .shippingMethod .table{ width: 90%; margin: 0 auto 30px auto; } @media only all and (max-width: 1100px){ .pageContent-checkoutShipping .shippingMethod { width: 70%; } } @media only all and (max-width: 700px){ .pageContent-checkoutShipping .shippingMethod { width: 90%; } } @media only all and (max-width: 390px){ .pageContent-checkoutShipping .shippingMethod { width: 100%; } } .pageContent-checkoutPayment .paymentMethod { width: 50%; border: 1px solid #ddd; } .pageContent-checkoutPayment .paymentMethod .heading { background-color: #fff; font-weight: bold; text-transform: uppercase; padding: 30px 30px 10px 30px; font-family: nimbus-sans-extended; font-size: 14px; color: #2d2d2d; margin: 0px; } .pageContent-checkoutPayment .paymentMethod .description { padding: 0px 30px 30px 30px; margin: 0px; } .pageContent-checkoutPayment .paymentMethod .tableRow .tableCell { border-bottom: 0px; } .pageContent-checkoutPayment .paymentMethod .table{ width: 90%; margin: 0 auto 30px auto; } @media only all and (max-width: 1100px){ .pageContent-checkoutPayment .paymentMethod { width: 70%; } } @media only all and (max-width: 700px){ .pageContent-checkoutPayment .paymentMethod { width: 90%; } } @media only all and (max-width: 390px){ .pageContent-checkoutPayment .paymentMethod { width: 100%; } } .pageContent-checkoutOrderView .rowWrapper { width: 100%; position: relative; margin-bottom: 20px; } .pageContent-checkoutOrderView .rowWrapper .boxWrapper { float: left; display: block; width: 50%; } .pageContent-checkoutOrderView .rowWrapper .boxWrapper.left .boxInnerWrapper { display: block; margin-right: 20px; border: 1px solid #ddd; padding-bottom: 30px; } .pageContent-checkoutOrderView .rowWrapper .boxWrapper.right .boxInnerWrapper { display: block; border: 1px solid #ddd; padding-bottom: 30px; } .pageContent-checkoutOrderView .rowWrapper.twoColumns .boxWrapper .boxInnerWrapper .heading { background-color: #fff; font-weight: bold; text-transform: uppercase; padding: 30px 30px 10px 30px; font-family: nimbus-sans-extended; font-size: 14px; color: #2d2d2d; margin: 0px; } .pageContent-checkoutOrderView .rowWrapper.twoColumns .boxWrapper .boxInnerWrapper .attributes { padding: 0 30px; display: block; } .pageContent-checkoutOrderView .rowWrapper.topMargin { margin-top: 0px; } .pageContent-checkoutOrderView .addressWrapper { width: 100%; position: relative; margin-bottom: 20px; } .pageContent-checkoutOrderView .addressWrapper .rowWrapper .boxWrapper { float: left; display: block; width: 50%; } .pageContent-checkoutOrderView .addressWrapper .rowWrapper .boxWrapper.left .boxInnerWrapper { display: block; margin-right: 20px; border: 1px solid #ddd; padding-bottom: 30px; } .pageContent-checkoutOrderView .addressWrapper .rowWrapper .boxWrapper.right .boxInnerWrapper { display: block; border: 1px solid #ddd; padding-bottom: 30px; } .pageContent-checkoutOrderView .addressWrapper .rowWrapper .boxWrapper .description { padding: 0px 30px 0px 30px; margin: 0px; } .pageContent-checkoutOrderView .addressWrapper .rowWrapper .boxWrapper .boxInnerWrapper .heading { background-color: #fff; font-weight: bold; text-transform: uppercase; padding: 30px 30px 10px 30px; font-family: nimbus-sans-extended; font-size: 14px; color: #2d2d2d; margin: 0px; } .pageContent-checkoutOrderView .rowWrapper.twoColumns .boxWrapper.right .boxInnerWrapper { margin-left: 0px; } .pageContent-checkoutOrderView .rowWrapper.twoColumns .boxWrapper.left .boxInnerWrapper { margin-right: 20px; } .pageContent-checkoutOrderView .rowWrapper.twoColumns .customerDataWrapper.boxWrapper.left .boxInnerWrapper { min-height: 295px; height: 100%; } .pageContent-checkoutOrderView .rowWrapper.twoColumns .customerContactWrapper.boxWrapper.right .boxInnerWrapper { min-height: 295px; height: 100%; } .pageContent-checkoutOrderView .rowWrapper.twoColumns .customerContactWrapper.boxWrapper.right .boxInnerWrapper .description { padding: 0px; } .pageContent-checkoutOrderView .lineItemWrapper { border: 1px solid #ddd; } .pageContent-checkoutOrderView .lineItemWrapper .lineItemHeading { background-color: #fff; font-weight: bold; text-transform: uppercase; padding: 30px 30px 10px 30px; font-family: nimbus-sans-extended; font-size: 14px; color: #2d2d2d; margin: 0px; } .pageContent-checkoutOrderView .lineItemWrapper .checkoutOrderLineItems { padding: 0 30px; } .pageContent-checkoutOrderView .checkoutOrderLineItems .documentEnd { border-bottom: 0px; } @media only all and (max-width: 640px){ .pageContent-checkoutOrderView .rowWrapper.twoColumns .boxWrapper.left .boxInnerWrapper { margin-right: 0px; } .pageContent-checkoutOrderView .addressWrapper .rowWrapper .boxWrapper.left .boxInnerWrapper { margin-right: 0px; } .pageContent-checkoutOrderView .addressWrapper .rowWrapper .boxWrapper { width: 100%; } .pageContent-checkoutOrderView .rowWrapper.twoColumns .customerDataWrapper.boxWrapper.left .boxInnerWrapper { min-height: auto; } .pageContent-checkoutOrderView .rowWrapper.twoColumns .customerContactWrapper.boxWrapper.right .boxInnerWrapper { min-height: auto; } } @media only all and (max-width: 450px){ .pageContent-checkoutOrderView .buttons .backButton { width: 100%; } .pageContent-checkoutOrderView .buttons .placeOrderButton { display: block; width: 100%; margin-top: 20px; } .pageContent-checkoutOrderView .lineItemWrapper .checkoutOrderLineItems { padding: 0px; } } .pageContent .sortAndPresentationControl span.inputField select { color: #7c7c7c; background-color: #fff; font-size: 13px; } .pageContent .sortAndPresentationControl span.inputField select:focus, .pageContent .sortAndPresentationControl span.inputField select:hover { border: 0px; padding: 3px; } .materialmatrix .accordion h3 span.prj_itemMaterialMatrixPrice { float: right; color: #2d2d2d; } @media only all and (max-width: 400px){ .ui-tabs .ui-tabs-panel { padding: 0; } .materialmatrix .accordion h3 span { white-space: nowrap; } .materialmatrix .accordion h3 span.prj_itemMaterialMatrixPrice { float: none; display: block; } .ui-tabs .ui-tabs-nav { padding: 0; } } input:focus {outline:none;} .pageContent-shoppingCart .komfortversand, .pageContent-checkoutShipping .komfortversand { display: inline-block; overflow: hidden; text-decoration: none; width: 20px; height: 20px; line-height: 20px; vertical-align: middle; background: #777777; font-weight: bold; text-align: center; color: #fff; -moz-border-radius: 10px 10px 10px 10px; -khtml-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; -o-border-radius: 10px 10px 10px 10px; border-radius: 10px; } .pageContent-item .produktdetailsMainWrapper { } .pageContent-item .produktdetailsMainWrapper .prj_titel { margin-bottom: 15px; font-weight: bold; } .pageContent-item .produktdetailsMainWrapper .produktdetails { width: 100%; display: table-row; } .pageContent-item .produktdetailsMainWrapper .produktdetails .label { display: table-cell; padding-right: 10px; font-weight: bold; } .pageContent-item .produktdetailsMainWrapper .produktdetails .value { display: table-cell; } .pageContent-item .slide.cycle-slide { z-index: 10 !important; } .pageContent-shoppingCart.prj .heading.empfehlungen, .pageContent-shoppingCart.prj .topSellerPerSite { margin-top: 20px; } .pageContent-shoppingCart.prj .itemListSlideView.empfehlungen { border-bottom: 0px; }