@charset 'UTF-8'; @import url('https://fonts.googleapis.com/css?family=Kalam:300,400,700'); /*! jQuery UI - v1.11.4 - 2017-06-23 * http://jqueryui.com * Includes: core.css, autocomplete.css, datepicker.css, menu.css, slider.css, tabs.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget-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: 40px; 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; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url(fonts/OpenSans-Regular.woff2) format('woff2'), url(fonts/OpenSans-Regular.woff) format('woff'), url(fonts/OpenSans-Regular.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url(fonts/OpenSans-Italic.woff2) format('woff2'), url(fonts/OpenSans-Italic.woff) format('woff'), } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url(fonts/OpenSans-Bold.woff2) format('woff2'), url(fonts/OpenSans-Bold.woff) format('woff'), } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url(fonts/OpenSans-BoldItalic.woff2) format('woff2'), url(fonts/OpenSans-BoldItalic.woff) format('woff'), } html { height: 100%; margin: 0px; padding: 0px; overflow-y: scroll; } body { position: relative; height: 100%; margin: 0px; padding: 0px; background-color: #f2f2f2; font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; color: #333333; } html.wf-active body { font-family: 'Open Sans', Arial, Helvetica, Sans-Serif; } button, input, select, textarea { font-family: inherit; color: inherit; } .lt-ie8 button, .lt-ie8 input, .lt-ie8 select, .lt-ie8 textarea { font-family: Arial, Helvetica, Sans-Serif; color: #333333; } html.wf-active button, html.wf-active input, html.wf-active select, html.wf-active textarea { font-family: 'Open 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: #333333; } a:active, a:hover { text-decoration: underline; } .description { margin-bottom: 10px; } @media print { .hideOnPrint { display: none; visibility: hidden; } } .relative { position: relative; } .flyoutMenuContainer .flyoutMenuTriangleOuterWrapper { display: inline-block; width: 100%; text-align: center; } .flyoutMenuContainer .flyoutMenuTriangleInnerWrapper { display: inline-block; width: 20px; } .flyoutMenuContainer .flyoutMenuTriangle { display: none; content: ""; position: absolute; width: 0px; height: 0px; border-width: 10px; border-style: solid; border-color: #ffffff transparent transparent transparent; z-index: 51; } .flyoutMenuContainer .flyoutMenu { display: none; position: absolute; right: 0px; z-index: 50; } .flyoutMenuContainer .flyoutMenuPanel { padding-top: 20px; } .flyoutMenuContainer .flyoutMenuPanel .flyoutMenuHeading { margin-bottom: 5px; font-size: 12px; } .flyoutMenuContainer .flyoutMenuPanel .button { display: inline-block; padding: 4px 15px; font-size: 14px; cursor: pointer; border: none; -moz-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .flyoutMenuContainer .flyoutMenuPanel .button:hover, .flyoutMenuContainer .flyoutMenuPanel .button:active, .flyoutMenuContainer .flyoutMenuPanel .button:focus { text-decoration: none; } .centerLayout { text-align: center; } .centerLayout .centerLayoutWrapper { position: relative; display: inline-block; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .lt-ie9 .centerLayout .centerLayoutWrapper { top: 30%; } .pageWrapper { position: relative; margin: 0px; padding: 0px; height: 100%; } .responsiveLayout .layoutBackgroundWrapper { margin: 0px auto; padding: 0px 15px; height: 100%; } .responsiveLayout .layoutOuterWrapper { margin: 0px auto; padding: 0px 15px; 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: 20px; } .responsiveLayout .layoutBottomWrapper { background-color: #3b3537; border-top: 5px solid #20b8f1; margin-top: 10px; overflow: auto; } .responsiveLayout .layoutFirstTopWrapper { position: relative; display: table; width: 100%; height: 80px; } .responsiveLayout .layoutFirstTopWrapper .logoWrapper { display: table-cell; width: 1px; vertical-align: top; } .responsiveLayout .layoutFirstTopWrapper .searchWrapper { display: table-cell; width: auto; vertical-align: top; } .responsiveLayout .layoutFirstTopWrapper .metaWrapper { display: table-cell; width: 1px; height: 80px; vertical-align: top; } .lt-ie8 .responsiveLayout .layoutFirstTopWrapper { position: relative; display: block; width: 100%; height: 80px; } .lt-ie8 .responsiveLayout .layoutFirstTopWrapper .logoWrapper { display: block; float: left; width: 179px; height: 80px; } .lt-ie8 .responsiveLayout .layoutFirstTopWrapper .searchWrapper { position: relative; display: block; float: left; width: 545px; height: 80px; } .lt-ie8 .responsiveLayout .layoutFirstTopWrapper .metaWrapper { display: block; float: right; width: 276px; height: 80px; } .responsiveLayout .layoutFirstTopWrapper .logoInnerWrapper { margin-left: 0px; padding-top: 28px; } .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 #20b8f1; padding-left: 25px; background-color: #3b3537; } .responsiveLayout .layoutSecondTopWrapper .mobileMenuWrapper { display: none; position: relative; } .responsiveLayout .layoutSecondTopWrapper .searchWrapper { display: none; position: relative; margin-left: 67px; } .responsiveLayout .layoutSecondTopWrapper .searchWrapper .quickSearch .searchInCategory { display: none; } .responsiveLayout .layoutSecondTopWrapper .searchWrapper .quickSearch .searchInput { margin-right: 50px; } .responsiveLayout .layoutBannerWrapper { overflow: hidden; } .responsiveLayout .layoutBreadcrumbWrapper { margin-top: 8px; } .responsiveLayout .layoutMainWrapper { margin-top: 25px; } .responsiveLayout .layoutPreBottomWrapper .salesTaxAndShippingInfo a { text-decoration: underline; } .responsiveLayout .layoutPreBottomWrapper .salesTaxAndShippingInfo a:hover { color: #01a9ec; } .quickSearch { height: 38px; background-color: #f2f2f2; border: solid 1px #3b3537; -moz-border-radius: 5px 5px 5px 5px; -khtml-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; } .lt-ie8 .quickSearch { width: 99%; } .quickSearch .searchButton { float: right; width: 42px; height: 38px; border: none; text-align: center; color: #ffffff; font-size: 16px; font-weight: bold; cursor: pointer; background-color: #3b3537; background-image: url("img/lupe.png"); background-repeat: no-repeat; background-position: center center; } .quickSearch .searchInCategory { display: none; float: right; width: 200px; } .quickSearch .searchInCategory select { width: 180px; margin-top: 8px; padding: 0px; border: none; background-color: #f2f2f2; font-size: 14px; } .quickSearch .searchInput { margin: 1px 50px 1px 2px; padding: 0px 0px 0px 7px; } .quickSearch .searchInCategoryEnabled .searchInCategory { display: block; } .quickSearch .searchInCategoryEnabled .searchInput { margin-right: 250px; } .quickSearch .searchInput input { width: 100%; padding: 0px; margin: 0px; height: 34px; line-height: 34px; border: none; background-color: #f2f2f2; font-size: 16px; } .lt-ie8 .quickSearch .searchInput input { width: 95%; } .quickSearch .autocompleteAligner { position: absolute; margin-top: 0px; margin-left: 5px; } .quickSearch .ui-autocomplete { position: absolute; white-space: nowrap; border: 1px solid #3b3537; background-color: #f2f2f2; -moz-border-radius: 0px 0px 5px 5px; -khtml-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -o-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; -moz-box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2), -2px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2), -2px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2), -2px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.2); } .quickSearch .ui-menu .ui-menu-item a { font-weight: bold; line-height: 25px; } html.touch .quickSearch .ui-menu .ui-menu-item a { line-height: 30px; } .quickSearch .ui-menu .ui-menu-item a.ui-state-focus, .quickSearch .ui-menu .ui-menu-item a.ui-state-active, .quickSearch .ui-menu .ui-menu-item a.ui-state-focus span, .quickSearch .ui-menu .ui-menu-item a.ui-state-active span { color: #ffffff; background-color: #01a9ec; -moz-border-radius: 2px 2px 2px 2px; -khtml-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; margin: 0px; } .quickSearch .ui-menu .ui-menu-item a span.searchTerm { font-weight: normal; } .responsiveLayout .meta { display: table; width: 100%; height: 100%; table-layout: fixed; } .responsiveLayout .meta .metaElement { display: table-cell; width: 70px; height: 100%; } .lt-ie8 .responsiveLayout .meta { display: block; } .lt-ie8 .responsiveLayout .meta .metaElement { display: block; float: left; width: 70px; } .responsiveLayout .meta .metaElement .metaLinkWrapper { position: relative; height: 100%; text-align: center; } .responsiveLayout .meta .metaElement .metaLink { position: absolute; left: 0px; right: 0px; bottom: 12%; display: inline-block; height: 42px; text-align: center; background-repeat: no-repeat; background-position: center top; } html.touch .responsiveLayout .meta .metaElement.flyoutMenuElement:not(.noFlyoutOnTouch) .metaLink:after, html.no-touch .responsiveLayout .meta .metaElement.flyoutMenuElement .metaLink:after { content: ""; position: absolute; right: 5px; bottom: 50%; width: 0px; height: 0px; display: block; border-width: 5px; border-style: solid; border-color: #cccccc transparent transparent transparent; } html.touch .responsiveLayout .meta .metaElement.flyoutMenuElement:not(.noFlyoutOnTouch):hover .metaLink:after, html.no-touch .responsiveLayout .meta .metaElement.flyoutMenuElement:hover .metaLink:after { border-color: #01a9ec transparent transparent transparent; } .responsiveLayout .meta .metaElement .metaLink .label { display: block; padding-top: 21px; line-height: 21px; font-size: 11px; } .responsiveLayout .meta .metaElement:hover .metaLink { color: #01a9ec; text-decoration: none; } .responsiveLayout .meta .loginMetaElement .metaLink { background-image: url("img/icon_account.png"); } .responsiveLayout .meta .loginMetaElement:hover .metaLink { background-image: url("img/icon_account_active.png"); } .responsiveLayout .meta .accountMetaElement .metaLink { background-image: url("img/icon_account.png"); } .responsiveLayout .meta .accountMetaElement:hover .metaLink { background-image: url("img/icon_account_active.png"); } .responsiveLayout .meta .wishlistMetaElement .metaLink { background-image: url("img/icon_wishlist.png"); } .responsiveLayout .meta .wishlistMetaElement .metaLink .numberOfLineItems { display: block; position: absolute; top: -9px; left: 37px; padding: 1px 5px; line-height: 10px; font-size: 10px; color: #ffffff; background-color: #00aeef; -moz-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .responsiveLayout .meta .wishlistMetaElement .metaLink .numberOfLineItems.digits3 { left: 31px; } .responsiveLayout .meta .wishlistMetaElement .metaLink .numberOfLineItems.digits4 { left: 31px; } .responsiveLayout .meta .wishlistMetaElement:hover .metaLink { background-image: url("img/icon_wishlist_active.png"); } .responsiveLayout .meta .shoppingCartMetaElement .metaLink { background-image: url("img/icon_shoppingCart.png"); } .responsiveLayout .meta .shoppingCartMetaElement .metaLink .numberOfLineItems { display: block; position: absolute; top: -9px; left: 35px; padding: 1px 5px; line-height: 10px; font-size: 10px; color: #ffffff; background-color: #00aeef; -moz-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .responsiveLayout .meta .shoppingCartMetaElement .metaLink .numberOfLineItems.digits3 { left: 31px; } .responsiveLayout .meta .shoppingCartMetaElement .metaLink .numberOfLineItems.digits4 { left: 31px; } .responsiveLayout .meta .shoppingCartMetaElement:hover .metaLink { background-image: url("img/icon_shoppingCart_active.png"); } .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel { padding: 20px 15px 15px 15px; min-width: 200px; max-width: 400px; min-height: 100px; color: #ffffff; font-size: 13px; background-color: #20b8f1; } .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .title { font-size: 18px; font-weight: bold; color: #ffffff; } .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel a { color: inherit; } .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .button { margin-top: 10px; color: #f2f2f2; background-color: #3b3537; } .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .button:hover, .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .button:active, .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .button:focus { background-color: #555555; } .miniLogin { max-width: 270px; } .miniLogin input.inputField { width: 92%; margin: 2px 0px 0px 0px; padding: 4px 10px; font-size: 14px; color: #333333; background-color: #ffffff; border: none; -moz-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .miniLogin input.inputField:focus, .miniLogin input.inputField:hover { background-color: #f0faff; } .miniLogin .login { margin-top: 5px; } .miniLogin .password { margin-top: 5px; } .miniLogin .loginFailed { margin-top: 10px; font-weight: bold; padding: 5px; border: 1px solid black; background-color: white; -moz-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; border: 2px solid #cd0b0b; color: #cd0b0b; background-color: #ffe2e2; } .miniLogin .links { margin-top: 15px; overflow: auto; } .miniLogin .links a:hover { text-decoration: underline; } .miniLogin .links a:before { display: inline-block; content: ""; margin-right: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #ffffff; } .miniLogin .passwordReminderLink { display: block; float: left; padding: 3px; } .miniLogin .registerLink { display: block; float: right; padding: 3px; } .miniAccount { max-width: 270px; } .miniAccount .userName { margin-top: 5px; } .miniAccount .userName .value { font-weight: bold; } .miniAccount .accountMenu { margin-top: 15px; border-bottom: 1px solid #54c6f2; } .miniAccount .accountMenu .menuEntry { display: block; padding: 6px 0px; border-top: 1px solid #54c6f2; } .miniAccount .accountMenu .menuEntry:hover { background-color: #54c6f2; text-decoration: none; } .miniAccount .accountMenu .menuEntry:before { display: block; float: left; content: ""; margin-top: 6px; margin-left: 2px; margin-right: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #ffffff; } .miniShoppingCart { } .miniShoppingCart a:hover { text-decoration: none; } .miniShoppingCart .actionText { display: inline-block; margin-top: 5px; font-weight: bold; padding: 5px; border: 1px solid black; background-color: white; -moz-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .miniShoppingCart .actionWasSuccessful { border: 2px solid #30ae30; color: #30ae30; background-color: #dbffdb; } .miniShoppingCart .actionWasNotSuccessful { border: 2px solid #cd0b0b; color: #cd0b0b; background-color: #ffe2e2; } .miniShoppingCart .missingShoppingCartOnlinePriceMsg, .miniShoppingCart .missingOnlinePriceMsg, .miniShoppingCart .containsInvalidItemMsg { margin-top: 5px; font-weight: bold; padding: 5px; border: 2px solid #cd0b0b; color: #cd0b0b; background-color: #ffe2e2; -moz-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .miniShoppingCart .deferredPriceCalculation { border: 2px solid #30ae30; color: #30ae30; background-color: #dbffdb; } .miniShoppingCart .subTotalAndNumberOfLineItems { margin-top: 5px; } .miniShoppingCart .subTotal .label { display: inline; margin-right: 2px; } .miniShoppingCart .subTotal .value { display: inline; font-weight: bold; font-size: 14px; } .miniShoppingCart .numberOfLineItems { margin-top: 1px; } .miniShoppingCart .numberOfLineItems .label { display: inline; } .miniShoppingCart .numberOfLineItems .value { display: inline; } .miniShoppingCart .numberOfLineItems .value .highlight { font-weight: bold; font-size: 14px; } .miniShoppingCart .empty { margin-top: 5px; } .miniShoppingCart .switchShoppingCart { margin-top: 15px; margin-bottom: 5px; overflow: auto; } .miniShoppingCart .switchShoppingCart ul { display: table; width: 100%; list-style-type: none; margin: 0px; padding: 0px; border-bottom: 1px solid #54c6f2; } .miniShoppingCart .switchShoppingCart li { display: table-row; font-size: 13px; } .miniShoppingCart .switchShoppingCart li:hover { background-color: #54c6f2; } .miniShoppingCart .switchShoppingCart li.active { background-color: #54c6f2; } .miniShoppingCart .switchShoppingCart li a { display: table-cell; padding: 6px 2px 6px 0px; border-top: 1px solid #54c6f2; } .miniShoppingCart .switchShoppingCart li .shoppingCartName { padding-right: 15px; } .miniShoppingCart .switchShoppingCart li .shoppingCartName:before { display: block; float: left; content: ""; margin-top: 6px; margin-left: 2px; margin-right: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #ffffff; } .miniShoppingCart .switchShoppingCart li .shoppingCartNumberOfLineItems { padding-right: 15px; text-align: right; } .miniShoppingCart .switchShoppingCart li .shoppingCartSubTotal { text-align: right; } .miniShoppingCart .quickorderBox { margin-top: 20px; margin-bottom: 3px; overflow: hidden; } .miniShoppingCart .quickorderBox .quickorderBoxTitle { margin-bottom: 5px; } .miniShoppingCart .quickorderBox .quickorderBoxDescription { margin-bottom: 5px; } .miniShoppingCart .quickorderBox a:hover { text-decoration: underline; } .miniShoppingCart .quickorderBox a:before { display: inline-block; content: ""; margin-left: 2px; margin-right: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #ffffff; } .miniWishlist { max-width: 270px; } .miniWishlist a:hover { text-decoration: none; } .miniWishlist .actionText { display: inline-block; margin-top: 5px; font-weight: bold; padding: 5px; border: 1px solid black; background-color: white; -moz-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .miniWishlist .actionWasSuccessful { border: 2px solid #30ae30; color: #30ae30; background-color: #dbffdb; } .miniWishlist .actionWasNotSuccessful { border: 2px solid #cd0b0b; color: #cd0b0b; background-color: #ffe2e2; } .miniWishlist .numberOfLineItems { margin-top: 5px; } .miniWishlist .numberOfLineItems .label { display: inline; } .miniWishlist .numberOfLineItems .value { display: inline; } .miniWishlist .numberOfLineItems .value .highlight { font-weight: bold; font-size: 14px; } .miniWishlist .empty { margin-top: 5px; } .miniWishlist .switchWishlist { margin-top: 15px; margin-bottom: 5px; overflow: auto; } .miniWishlist .switchWishlist ul { display: table; width: 100%; list-style-type: none; margin: 0px; padding: 0px; border-bottom: 1px solid #54c6f2; } .miniWishlist .switchWishlist li { display: table-row; font-size: 13px; } .miniWishlist .switchWishlist li:hover { background-color: #54c6f2; } .miniWishlist .switchWishlist li.active { background-color: #54c6f2; } .miniWishlist .switchWishlist li a { display: table-cell; padding: 6px 2px 6px 0px; border-top: 1px solid #54c6f2; } .miniWishlist .switchWishlist li .wishlistName { padding-right: 15px; } .miniWishlist .switchWishlist li .wishlistName:before { display: block; float: left; content: ""; margin-top: 6px; margin-left: 2px; margin-right: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #ffffff; } .miniWishlist .switchWishlist li .wishlistNumberOfLineItems { text-align: right; } .cascadingMenuCategoryList { display: inline-block; width: 100%; } .cascadingMenuCategoryList ul { list-style-type: none; margin: 0px; padding: 0px; } .cascadingMenuCategoryList li a { display: block; } .cascadingMenuCategoryList li.level0 { position: relative; float: left; padding: 0px; margin: 0px 2px 0px 2px; } .cascadingMenuCategoryList div.subMenu { position: absolute; display: none; padding-top: 0px; width: 100%; height: 0px; } .cascadingMenuCategoryList ul.subMenu { position: absolute; display: none; z-index: 20; width: 200px; } .cascadingMenuCategoryList ul.subMenu li { position: relative; } html.no-touch .cascadingMenuCategoryList li:hover div.subMenu, html.no-touch .cascadingMenuCategoryList li.hover div.subMenu { display: block; } html.no-touch .cascadingMenuCategoryList li.level0.hover ul.level1 { display: block; } html.no-touch .cascadingMenuCategoryList li.level0:hover ul.level1 { display: block; } html.no-touch .cascadingMenuCategoryList li.level1:hover ul.level2 { display: block; } .cascadingMenuCategoryList ul.subMenu.level1 ul.subMenu { top: 0px; left: 200px; } .cascadingMenuCategoryList ul.subMenu.level1.left { right: 0px; } .cascadingMenuCategoryList ul.subMenu.level1 ul.subMenu.left { top: 0px; left: auto; right: 200px; } .cascadingMenuCategoryList li a { font-size: 14px; text-decoration: none; } .cascadingMenuCategoryList li a:hover { text-decoration: none; } .cascadingMenuCategoryList a.level0 { line-height: 42px; font-weight: bold; padding: 0px 10px; color: #ffffff; } .cascadingMenuCategoryList a.level0.withSubCategories:after { content: ""; display: inline-block; margin-left: 3px; width: 0px; height: 0px; border-width: 3px; border-style: solid; border-color: #ffffff transparent transparent transparent; vertical-align: middle; } .cascadingMenuCategoryList li.level0:hover a.level0, .cascadingMenuCategoryList li.level0.hover a.level0, .cascadingMenuCategoryList a.level0.open { background-color: #20b8f1; } .cascadingMenuCategoryList ul.subMenu { border: 1px solid #20b8f1; -moz-box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.2), -5px 0px 5px rgba(0, 0, 0, 0.2), 0px 5px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.2), -5px 0px 5px rgba(0, 0, 0, 0.2), 0px 5px 5px rgba(0, 0, 0, 0.2); box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.2), -5px 0px 5px rgba(0, 0, 0, 0.2), 0px 5px 5px rgba(0, 0, 0, 0.2); } .cascadingMenuCategoryList ul.subMenu { background-color: #ffffff; } .cascadingMenuCategoryList ul.subMenu a { padding: 7px 5px 7px 10px; } .cascadingMenuCategoryList ul.subMenu a.withSubCategories:after { content: ""; float: right; margin-top: 3px; width: 0px; height: 0px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #555555; } .cascadingMenuCategoryList li.level1:hover a.level1 { color: #ffffff; background-color: #20b8f1; } .cascadingMenuCategoryList li.level1:hover a.level1.withSubCategories:after { border-color: transparent transparent transparent #ffffff; } .cascadingMenuCategoryList li.level2:hover a.level2 { color: #ffffff; background-color: #20b8f1; } .cascadingMenuCategoryList li.level2:hover a.level2.withSubCategories:after { border-color: transparent transparent transparent #ffffff; } .mobileMenu { display: none; } .breadcrumbs ul { list-style-type: none; margin: 0px; padding: 0px; } .breadcrumbs li { display: inline; } .breadcrumbs li.hasNext { margin-right: 2px; } .breadcrumbs li span, .breadcrumbs li a { display: inline-block; margin-top: 4px; padding: 3px 15px; background-color: #e5e5e5; -moz-border-radius: 3px 3px 3px 3px; -khtml-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; font-size: 12px; font-weight: normal; } .breadcrumbs li a:hover { color: #ffffff; background-color: #20b8f1; text-decoration: none; } .breadcrumbs li.active span, .breadcrumbs li.active a { color: #ffffff; background-color: #20b8f1; } .breadcrumbs li.not_visited span { color: #999999; background-color: #f2f2f2; } h1 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 20px; font-weight: bold; color: #01a9ec; } h2 { margin: 0px 0px 5px 0px; padding: 0px; font-size: 18px; font-weight: bold; color: #01a9ec; } h3 { margin: 0px 0px 3px 0px; padding: 0px; font-size: 16px; font-weight: bold; color: #01a9ec; } .topicWrapper { margin: 0px 0px 10px 0px; font-size: 16px; } .topicWrapper h1 { display: inline; margin: 0px 5px 0px 0px; } .topicWrapper .supplement { color: #999999; white-space: nowrap; } .topicOuterWrapper { overflow: hidden; margin-bottom: 10px; } .topicOuterWrapper .topicWrapper { margin-bottom: 0px; } .topicOuterWrapper .topicRightWrapper { margin-top: 5px; } .footer { padding: 0px 15px 15px 0px; overflow: auto; } .footer .footerCol { float: left; width: 100%; max-width: 200px; margin-left: 15px; margin-top: 15px; margin-bottom: 5px; } .lt-ie8 .footer .footerCol { display: inline; zoom: 1; width: 200px; } .footer .footerCol h5 { margin: 0px 0px 10px 0px; font-size: 16px; color: #e1e1e1; line-height: 26px; } .footer .footerCol .paragraph { margin: 0px 0px 10px 0px; font-size: 14px; color: #e1e1e1; line-height: 26px; } .footer .footerCol a { color: #e1e1e1; line-height: 26px; } .footer .footerCol a:hover { color: #20b8f1; text-decoration: none; } .footerCategoryList ul { list-style-type: none; margin: 0px; padding: 0px; } .footerCategoryList li.subCategory a:before { display: inline; content: "ยป "; } .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: #20b8f1; 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: #666666; 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: #01a9ec; text-decoration: none; } .tableHeader .tableCell.sortAsc a:after { content: ""; display: inline-block; margin-left: 3px; margin-top: 3px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent #bbbbbb transparent; vertical-align: top; } .tableHeader .tableCell.sortDesc a:after { content: ""; display: inline-block; margin-left: 3px; margin-top: 7px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: #bbbbbb transparent transparent transparent; vertical-align: top; } .tableHeader .tableCell.sortAsc a:hover:after { border-color: transparent transparent #01a9ec transparent; } .tableHeader .tableCell.sortDesc a:hover:after { border-color: #01a9ec transparent transparent transparent; } .tableHeader .tableCell.sortDescIsActive a, .tableHeader .tableCell.sortAscIsActive a { color: #01a9ec; } .tableHeader .tableCell.sortDescIsActive a:after { content: ""; display: inline-block; margin-left: 3px; margin-top: 7px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: #01a9ec transparent transparent transparent; vertical-align: top; } .tableHeader .tableCell.sortAscIsActive a:after { content: ""; display: inline-block; margin-left: 3px; margin-top: 3px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent #01a9ec transparent; vertical-align: top; } .tableHeader .tableCell.sortDescIsActive a:hover:after { border-color: #01a9ec transparent transparent transparent; } .tableHeader .tableCell.sortAscIsActive a:hover:after { border-color: transparent transparent #01a9ec transparent; } .tableRow .tableCell { padding: 9px 7px; vertical-align: top; border-bottom: 2px solid #e5e5e5; } .table.omitLastLine .tableRowGroup.last .tableRow .tableCell { border-bottom: none; } .table .mobileOnly { display: none; } 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: #20b8f1; } .presentationIcon .line { display: block; margin-top: 2px; } .presentationIcon .line.first { margin-top: 0px; } .presentationIcon .element { display: block; float: left; margin-left: 2px; background-color: #ffffff; } .presentationIcon .element.first { margin-left: 0px; } .presentationGridIcon .line { height: 7px; } .presentationGridIcon .element { width: 7px; height: 7px; } .presentationTableIcon .line { height: 4px; } .presentationTableIcon .element.first { width: 3px; } .presentationTableIcon .element { width: 11px; height: 4px; } .itemPrice .pricePrefix { color: #777777; font-size: 12px; font-weight: normal; } .itemPrice .priceWithoutDiscounts { color: #777777; font-size: 12px; font-weight: normal; } .itemPrice .priceWithoutDiscounts .label { margin-right: 2px; } .itemPrice .priceWithoutDiscounts .price { text-decoration: line-through; } .itemPrice .priceWithDiscounts { color: #555555; font-size: 14px; font-weight: bold; } .itemPrice .price .currency { font-size: 12px; } .itemPrice .asterisk { font-size: 12px; } .itemPrice .priceUnit { color: #777777; font-size: 12px; font-weight: normal; } .itemPrice .price_discount, .itemPrice .price_surcharge { color: #777777; font-size: 12px; font-weight: normal; } .itemPrice .total_discount, .itemPrice .total_surcharge { color: #555555; font-size: 12px; font-weight: normal; } .itemScaledPrice {} .itemScaledPrice .priceScales { display: table; } .itemScaledPrice .priceScales .priceScaleHeader { display: table-row; font-weight: bold; } .itemScaledPrice .priceScales .priceScaleHeader .priceUnit { display: inline; font-size: 11px; font-weight: normal; white-space: nowrap; } .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; } .availabilityIcon0 { background-color: #7CB339; } .availabilityIcon1 { background-color: #FFE319; } .availabilityIcon2 { background-color: #E93C2B; } img.lazy { display: none; } .javascript img.lazy { display: inline; } img.lazy { opacity: 0; transition: opacity .3s ease-in; } img.lazy.loaded { opacity: 1; } .itemList .itemName { font-size: 14px; font-weight: bold; } .itemList a.itemName:hover, .itemList a.itemName:active { color: #01a9ec; text-decoration: none; } .itemList .itemDescription { font-size: 12px; } .itemList .itemNo { white-space: nowrap; font-size: 12px; color: #777777; } .itemList .itemListAddToCart .additionalLine { font-size: 12px; color: #777777; } .itemListTableView .table { width: 100%; } .itemListTableView .tableCell { width: 1px; } .itemListTableView .tableCell.itemNameCell { width: auto; } .itemListTableView .tableCell.itemNameCell .availability { display: none; } .itemListTableView .tableCell.priceCell, .itemListTableView .tableCell.accessCartOrWishlistCell { width: auto; } .itemListTableView .tableCell.availabilityCell, .itemListTableView .tableCell.priceCell, .itemListTableView .tableCell.accessCartOrWishlistCell { text-align: right; } .itemListTableView .tableCell.availabilityCell, .itemListTableView .tableCell.accessCartOrWishlistCell { white-space: nowrap; } 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: 10px; } .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; width: 230px; border: 1px solid #efefef; } .itemListGridView .iconWrapper { padding: 10px; } .itemListGridView .icon { margin: 0px auto; width: 210px; height: 150px; line-height: 150px; text-align: center; } .itemListGridView .icon a:hover { text-decoration: none; } .itemListGridView .icon img { max-width: 205px; max-height: 150px; vertical-align: middle; } .itemListGridView .infoOuterWrapper { position: relative; min-height: 100px; } .itemListGridView .infoWrapper { position: absolute; width: 230px; min-height: 100px; bottom: 0px; left: 0px; background-color: #f2f2f2; opacity: 0.9; } .itemListGridView .info { position: relative; padding: 10px; min-height: 80px; } .itemListGridView .itemTextInnerWrapper { min-height: 54px; } .itemListGridView .itemName { display: block; } .itemListGridView .itemNo { display: inline; } .itemListGridView .availability .availabilityIconWrapper { margin-left: 10px; vertical-align: bottom; } .itemListGridView .backorderMsg { margin-top: 10px; } .itemListGridView .itemPrice { margin-top: 10px; } .itemListGridView .priceWithoutDiscountsWrapper div, .itemListGridView .priceWithDiscountsWrapper div { display: inline; } .itemListGridView input.imgbutton { margin-bottom: 0px; vertical-align: text-bottom; } .itemListGridView .slideOnHoverWrapper {} .itemListGridView .slideOnHoverTarget { display: none; } .itemListGridView .itemListAddToCartInclude { padding-top: 10px; } .itemListSlideView { position: relative; padding: 0px 37px; } .itemListSlideView img { display: inline; } .itemListSlideView .slick-loading .slick-list { background: #fff url('./img/ajax-loader.gif') center center no-repeat; } .itemListSlideView .slides .slick-arrow { display: block; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; width: 32px; height: 32px; padding: 0px; border: 2px solid #01a9ec; -moz-border-radius: 18px 18px 18px 18px; -khtml-border-radius: 18px 18px 18px 18px; -webkit-border-radius: 18px 18px 18px 18px; -o-border-radius: 18px 18px 18px 18px; border-radius: 18px 18px 18px 18px; ; } .itemListSlideView .slides .slick-arrow:before { content: ""; display: inline-block; border-width: 10px; border-style: solid; width: 0px; height: 0px; line-height: 0px; } .itemListSlideView .slides .slick-prev { left: -37px; } .itemListSlideView .slides .slick-next { right: -37px; } .itemListSlideView .slides .slick-prev:before { border-color: transparent #01a9ec transparent transparent; margin-left: 0px; margin-top: 6px; } .itemListSlideView .slides .slick-next:before { border-color: transparent transparent transparent #01a9ec; margin-left: 12px; margin-top: 6px; } .itemListSlideView .slides .slick-arrow.slick-disabled { border: 2px solid #dddddd; } .itemListSlideView .slides .slick-prev.slick-disabled:before { border-color: transparent #dddddd transparent transparent; } .itemListSlideView .slides .slick-next.slick-disabled:before { border-color: transparent transparent transparent #dddddd; } .itemListSlideView .slides .slick-dots { list-style: none; position: relative; display: block; width: 100%; padding: 0px; margin: 0px; text-align: center; } .itemListSlideView .slides .slick-dots li { position: relative; display: inline-block; margin: 20px 10px 0px 10px; padding: 0px; cursor: pointer; } .itemListSlideView .slides .slick-dots li .dot { position: relative; display: block; width: 0px; height: 0px; padding: 5px; border-radius: 100%; background-color: #dddddd; cursor: pointer; line-height: 0px; } .itemListSlideView .slides .slick-dots li.slick-active .dot, .itemListSlideView .slides .slick-dots li .dot:hover { background-color: #20b8f1; } .itemListSlideView .itemWrapper { position: relative; width: 230px; border: 1px solid #efefef; margin: 0px auto; } .itemListSlideView .iconWrapper { padding: 10px; } .itemListSlideView .icon { margin: 0px auto; width: 210px; height: 150px; line-height: 150px; text-align: center; } .itemListSlideView .icon a:hover { text-decoration: none; } .itemListSlideView .icon img { max-width: 205px; max-height: 150px; vertical-align: middle; } .itemListSlideView .infoOuterWrapper { position: relative; min-height: 100px; } .itemListSlideView .infoWrapper { position: absolute; width: 230px; min-height: 100px; bottom: 0px; left: 0px; background-color: #f2f2f2; opacity: 0.9; } .itemListSlideView .info { position: relative; padding: 10px; min-height: 80px; } .itemListSlideView .itemTextInnerWrapper { min-height: 54px; } .itemListSlideView .itemName { display: block; } .itemListSlideView .itemNo { display: inline; } .itemListSlideView .availability .availabilityIconWrapper { margin-left: 10px; vertical-align: bottom; } .itemListSlideView .backorderMsg { margin-top: 10px; } .itemListSlideView .itemPrice { margin-top: 10px; } .itemListSlideView .priceWithoutDiscountsWrapper div, .itemListSlideView .priceWithDiscountsWrapper div { display: inline; } .itemListSlideView input.imgbutton { margin-bottom: 0px; vertical-align: text-bottom; } .itemListSlideView .slideOnHoverWrapper {} .itemListSlideView .slideOnHoverTarget { display: none; } .itemListSlideView .itemListAddToCartInclude { padding-top: 10px; } .lineItems .lineNo { white-space: nowrap; font-size: 12px; color: #777777; } .lineItems .itemName { font-size: 14px; font-weight: bold; } .lineItems a.itemName:hover, .lineItems a.itemName:active { color: #01a9ec; text-decoration: none; } .lineItems .itemDescription { font-size: 12px; } .lineItems .itemNo { white-space: nowrap; font-size: 12px; color: #777777; } .lineItems .nextprice_without_discounts { display: block; padding-top: 5px; font-size: 10px; color: #999999; } .lineItems .nextprice_discount { font-size: 10px; color: #999999; } .lineItems .nextprice_surcharge { font-size: 10px; color: #999999; } .lineItems .nextprice_with_discounts { font-size: 10px; color: #999999; } .checkoutOrderPrintView .itemName { font-size: 11px; font-weight: normal; color: #555555; } div#hover-container { display: none; position: absolute; z-index: 1000; margin: 0px; padding: 0px; border: 1px solid black; } div#hover-container img { display: block; margin: 0px; padding: 0px; } .backorderMsg { color: #777777; font-size: 10px; } .backorderMsg a { color: #777777; font-size: 10px; text-decoration: underline; } .backorderMsg a:hover { color: #01a9ec; } div.doc { margin: 0px 0px 15px 0px; padding: 0px; } div.doc a { text-decoration: underline; } .subCategoryList { position: relative; } .subCategoryList ul { list-style-type: none; margin: 0px; padding: 0px; } .subCategoryList li { display: -moz-inline-stack; display: inline-block; text-align: left; vertical-align: top; } .subCategoryList ul.categories { letter-spacing: 10px; } .subCategoryList li.category { letter-spacing: 0px; margin-bottom: 15px; } .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; font-size: 18px; color: #666666; } .subCategoryList a.categoryName:hover { color: #01a9ec; text-decoration: none; } .subCategoryList .iconWrapper { padding: 0px; } .subCategoryList .icon { margin: 0px auto; width: 230px; height: 170px; line-height: 170px; text-align: center; } .subCategoryList .icon a:hover { text-decoration: none; } .subCategoryList .icon img { max-width: 225px; max-height: 170px; vertical-align: middle; } .subCategoryList .slideOnHoverTarget { display: none; position: absolute; left: 0px; bottom: 0px; width: 230px; max-height: 170px; overflow: auto; background-color: #ffffff; opacity: 0.9; } .subCategoryList ul.subMenu { padding: 10px 10px 10px 7px; } .subCategoryList ul.subMenu li.subCategory { display: block; margin-bottom: 3px; } .subCategoryList ul.subMenu li.subCategory a { display: block; color: #777777; padding: 0px; } .subCategoryList ul.subMenu li.subCategory a:hover { color: #01a9ec; font-weight: bold; text-decoration: none; } .subCategoryList ul.subMenu li.subCategory a:before { display: inline; content: "ยป "; } .onlineRefresh a { text-decoration: underline; } .sortControl .label { margin-right: 5px; } .sortAndPresentationControl { overflow: auto; float: left; } .sortAndPresentationControl .sortControl { float: left; } .sortAndPresentationControl .presentationControls { float: right; width: 80px; text-align: right; } .sortAndPresentationControl .presentationControls .presentationControl { margin-left: 5px; } .pagination { overflow: auto; margin-top: 10px; } .pagination .itemsFound { float: left; margin-bottom: 5px; } .pagination .pages { float: right; margin-bottom: 5px; } .pagination .label { font-weight: bold; } .pagination a:hover { text-decoration: none; } .pagination .page { display: inline-block; height: 16px; padding: 4px 9px; margin-bottom: 1px; color: #01a9ec; background-color: #e5e5e5; } .pagination a.page:hover, .pagination .page.active { color: #ffffff; background-color: #20b8f1; } .itemListWithPagination { margin: 0px 0px 15px 0px; padding: 0px; } .itemListWithPagination .itemList span.searchTerm { background-color: yellow; } .itemListWithPagination .itemListTableView { margin: 10px 0px 0px 0px; } .itemListWithPagination .itemListGridView { margin: 10px 0px 10px 0px; } .pageContent { margin: 0px; padding: 0px; } .pageContent .pageContentLeftWrapper { } .pageContent .pageContentMiddleWrapper { } .pageContent.hasLeft { overflow: hidden; } .pageContent.hasLeft .pageContentLeftWrapper { float: left; width: 220px; } .pageContent.hasLeft .pageContentMiddleWrapper { margin-left: 250px; } .box { margin-top: 35px; } .box .boxTitle { padding-bottom: 7px; font-weight: bold; } .box .boxContent { padding-top: 7px; } .pageContentLeft .box .boxTitle { padding-left: 5px; border-bottom: 1px solid #e5e5e5; font-size: 17px; color: #666666; } .pageContentLeft .box .boxContent { padding-left: 5px; } .mobileTreeMenu .box { margin-bottom: 10px; } .mobileTreeMenu .box .boxTitle { padding-left: 20px; border-bottom: 1px solid #574e51; font-size: 16px; color: #cccccc; } .verticalCategoryList ul { list-style-type: none; margin: 0px; padding: 0px; } .verticalCategoryList li a { display: block; padding: 7px 0px; font-size: 14px; } .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-left: 5px; padding-top: 0px; border-bottom: 1px solid #e5e5e5; font-size: 17px; color: #666666; font-weight: bold; } .verticalCategoryList a:hover { color: #01a9ec; text-decoration: none; } .verticalCategoryList a.active { color: #01a9ec; font-weight: bold; } .verticalCategoryList ul.subMenu a.withSubCategories:after { content: ""; float: right; margin-top: 5px; margin-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: ""; float: right; margin-top: 5px; margin-right: 2px; width: 0px; height: 0px; border-width: 5px; border-style: solid; border-color: #20b8f1 transparent transparent transparent; } .recentlyVisitedItemList .itemWrapper { padding: 7px 0px 10px 0px; overflow: hidden; } .recentlyVisitedItemList .itemWrapper.first { padding: 0px 0px 10px 0px; border-top: none; } .recentlyVisitedItemList .iconWrapper { float: left; width: 60px; overflow: hidden; } .recentlyVisitedItemList .itemNameWrapper { margin-left: 70px; overflow: hidden; text-overflow: ellipsis; } .recentlyVisitedItemList .priceWrapper { margin-left: 70px; margin-top: 5px; } .recentlyVisitedItemList .priceWrapper .itemPrice .priceWithDiscounts { font-size: 13px; font-weight: normal; } .recentlyVisitedItemList .priceWrapper .itemPrice .priceWithoutDiscountsWrapper div, .recentlyVisitedItemList .priceWrapper .itemPrice .priceWithDiscountsWrapper div { display: inline; } .recentlyVisitedItemList .icon img { display: block; max-width: 60px; max-height: 60px; } .recentlyVisitedItemList .itemName { font-weight: normal; font-size: 13px; } .pageContentLeft .recentlyVisitedItemList .itemWrapper { border-top: 1px solid #e5e5e5; } .pageContentLeft .recentlyVisitedItemList .itemWrapper.last { border-bottom: 1px solid #e5e5e5; } .pageContentLeft .recentlyVisitedItemList .itemWrapper.first { border-top: none; } .mobileTreeMenu .recentlyVisitedItemList .itemWrapper { padding-left: 20px; border-top: 1px solid #574e51; } .mobileTreeMenu .recentlyVisitedItemList .itemWrapper.first { border-top: none; } .mobileTreeMenu .recentlyVisitedItemList .itemWrapper.last { border-bottom: 1px solid #574e51; } .mobileTreeMenu .recentlyVisitedItemList .itemName { color: #cccccc; } .mobileTreeMenu .recentlyVisitedItemList .itemNo { color: #888888; } .mobileTreeMenu .recentlyVisitedItemList .itemPrice .priceWithDiscounts { color: #888888; } .pageContent .documentLeft a { text-decoration: underline; } .pageContent .documentLeft a:hover { color: #01a9ec; } .pageContent .documentRight a { text-decoration: underline; } .pageContent .documentRight a:hover { color: #01a9ec; } .pageContent .heading { font-size: 16px; font-weight: normal; color: #777777; margin-bottom: 10px; } .pageContent-login .heading, .pageContent-account .heading, .pageContent-createAccount .heading, .pageContent-customerData .heading, .pageContent-checkout .heading { padding: 5px 10px; background-color: #eeeeee; color: #555555; } .pageContent .rowWrapper { position: relative; overflow: hidden; } .pageContent .rowWrapper .boxWrapper { display: block; float: left; } .pageContent .rowWrapper.oneColumn .boxWrapper { width: 100%; } .pageContent .rowWrapper.twoColumns .boxWrapper { width: 50%; } .pageContent .rowWrapper.twoColumns .boxWrapper.left .boxInnerWrapper { margin-right: 10px; } .pageContent .rowWrapper.twoColumns .boxWrapper.right .boxInnerWrapper { margin-left: 10px; } .pageContent .rowWrapper.threeColumns .boxWrapper { width: 33.3%; } .pageContent .rowWrapper.threeColumns .boxWrapper.left .boxInnerWrapper { margin-right: 10px; } .pageContent .rowWrapper.threeColumns .boxWrapper.middle .boxInnerWrapper { margin-left: 10px; margin-right: 10px; } .pageContent .rowWrapper.threeColumns .boxWrapper.right .boxInnerWrapper { margin-left: 10px; } .pageContent .topMargin { margin-top: 30px; } .pageContent span.inputField { margin: 0px; padding: 0px; } .pageContent input.inputField, .pageContent textarea.inputField, .pageContent select.inputField, .pageContent span.inputField select { margin: 1px 0px 1px 0px; font-size: 13px; background-color: #ffffff; border: 1px solid #999999; -moz-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .pageContent input.inputField, .pageContent textarea.inputField { padding: 3px 5px; } .pageContent span.inputField select, .pageContent select.inputField { padding: 2px; } .pageContent input.inputField:focus, .pageContent textarea.inputField:focus, .pageContent select.inputField:focus, .pageContent span.inputField select:focus, .pageContent input.inputField:hover, .pageContent textarea.inputField:hover, .pageContent select.inputField:hover, .pageContent span.inputField select:hover { border: 1px solid #777777; background-color: #f0faff; } .pageContent span.inputField.missing, .pageContent span.inputField.error { color: #ff0000; } .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: 3px 7px 3px 7px; cursor: pointer; font-size: 13px; color: #333333; background-color: #dddddd; border: none; -moz-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .pageContent button:hover, .pageContent button:focus, .pageContent button:active { color: #ffffff; background-color: #00aeef; } .pageContent button.back { padding: 3px 8px 3px 2px; } html.lt-ie9 .pageContent button.back { padding: 3px 7px 3px 7px; } .pageContent button.back:before { display: inline-block; content: ""; margin-top: 3px; margin-right: 6px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent #555555 transparent transparent; } .pageContent button.back:hover:before, .pageContent button.back:focus:before, .pageContent button.back:active:before { border-color: transparent #ffffff transparent transparent; } .pageContent button.continue { padding: 3px 2px 3px 8px; } html.lt-ie9 .pageContent button.continue { padding: 3px 7px 3px 7px; } .pageContent button.continue:after { display: inline-block; content: ""; margin-top: 3px; margin-left: 6px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #555555; } .pageContent button.continue:hover:after, .pageContent button.continue:focus:after, .pageContent button.continue:active:after { border-color: transparent transparent transparent #ffffff; } .pageContent button.primary { color: #ffffff; background-color: #6eab24; } .pageContent button.primary:hover, .pageContent button.primary:focus, .pageContent button.primary:active { color: #ffffff; background-color: #85cf2b; } .pageContent button.primary.back:before { border-color: transparent #ffffff transparent transparent; } .pageContent button.primary.continue:after { border-color: transparent transparent transparent #ffffff; } .pageContent .mandatory { font-weight: bold; } .pageContent .mandatory.top { margin-bottom: 15px; } .pageContent .mandatory.bottom { margin-top: 15px; } .pageContent-home .topSellerPerSite { margin-top: 20px; } .pageContent-category .topSellerPerCategory { margin-top: 20px; } .pageContent-searchAccessLimit button { margin-top: 10px; } .pageContent-search .itemsFoundText span.searchTerm { font-weight: bold; } .pageContent-search .noItemsFoundText span.searchTerm { font-weight: bold; } .pageContent-search .didYouMean a.link { text-decoration: underline; font-weight: bold; } .pageContent-search .didYouMean a.link:hover { color: #01a9ec; } .pageContent-item .itemDetailContainerWrapper { display: table; } .pageContent-item .itemDetailContainer { display: table-row; } .pageContent-item .itemDetailContainer .imageWrapper { display: table-cell; vertical-align: top; padding-right: 20px; } .pageContent-item .itemDetailContainer .itemDetailWrapper { display: table-cell; vertical-align: top; } 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 img { max-width: 300px; } .pageContent-item .itemDetailContainer .imgtxt { padding-top: 5px; font-size: 9px; color: #555555; } .pageContent-item .itemDetailContainer h1 { margin-bottom: 1px; } .pageContent-item .itemDetailContainer .itemDescription { font-size: 13px; } .pageContent-item .itemDetailContainer .gtin { white-space: nowrap; font-size: 13px; color: #777777; } .pageContent-item .itemDetailContainer .itemNo { white-space: nowrap; font-size: 13px; color: #777777; margin-bottom: 10px; } .pageContent-item .itemDetailContainer p { margin: 0px; padding: 0px } .pageContent-item .itemDetailContainer div.itemAttribute { margin-bottom: 10px; } .pageContent-item .itemDetailContainer div.itemAttribute .label { display: block; margin-bottom: 1px; font-weight: bold; } .pageContent-item .itemDetailContainer div.itemAttribute .value { display: block; } .pageContent-item .itemDetailContainer .availability .availabilityIconWrapper { margin-left: 5px; vertical-align: bottom; } .pageContent-item .itemDetailContainer .priceWrapper { margin-bottom: 12px; } .pageContent-item .itemDetailContainer .priceWrapper .itemPrice .priceWithoutDiscountsWrapper div, .pageContent-item .itemDetailContainer .priceWrapper .itemPrice .priceWithDiscountsWrapper div { display: inline; } .pageContent-item .itemDetailContainer .itemAddToCartInclude input.imgbutton { margin-bottom: 1px; vertical-align: text-bottom; } .pageContent-item .itemDetailContainer .itemAddToCartInclude .additionalLine { font-size: 12px; color: #777777; } .pageContent-item .itemDetailContainer span.searchTerm { background-color: yellow; } .pageContent-item .itemDetailContainer .inquiryPerMail { margin-bottom: 12px; } .pageContent-item .itemDetailContainer .inquiryPerMail a { text-decoration: underline; } .pageContent-item .itemDetailContainer .characteristics { display: table; margin-bottom: 10px; } .pageContent-item .itemDetailContainer .characteristics a { font-weight: bold; text-decoration: underline; } .pageContent-item .itemDetailContainer .characteristics a:hover { color: #01a9ec; } .pageContent-item .itemDetailContainer .characteristics option.disabled { color: #bbbbbb; } .pageContent-item .itemDetailContainer .characteristics .characteristic { display: table-row; } .pageContent-item .itemDetailContainer .characteristics .characteristicCell { display: table-cell; padding-bottom: 8px; } .pageContent-item .itemDetailContainer .characteristics .characteristic.last .characteristicCell { padding-bottom: 0px; } .pageContent-item .itemDetailContainer .characteristics .characteristicCell.characteristicLabel { padding-right: 10px; } 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; width: 100px; overflow: hidden; } .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: 15px; } .pageContent-login .loginWrapper .passwordReminderLink:hover { text-decoration: underline; } .pageContent-login .loginWrapper .passwordReminderLink:before { display: inline-block; content: ""; margin-top: 5px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #333333; } .pageContent-login button { display: block; margin-top: 15px; } .pageContent-account .welcomeText .userName { font-weight: bold; } .pageContent-account .menuEntry { display: block; padding: 7px 0px; } .pageContent-account .menuEntry:before { display: inline-block; float: left; content: ""; margin-top: 5px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #333333; } .pageContent-quickorder .quickorderInputList .table { width: 330px; } .pageContent-quickorder .quickorderInputList .tableCell.itemNoCell { width: auto; } .pageContent-quickorder .quickorderInputList .tableCell.lineNoCell { text-align: right; vertical-align: middle; } 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; } .pageContent-quickorder .quickorderItemList .buttons .backButton { float: left; } .pageContent-quickorder .quickorderItemList .buttons .submitButton { float: right; } .pageContent-quickorder .buttons { margin-top: 20px; } .pageContent-wishlist .topicOuterWrapper .topicWrapper { float: left; margin-right: 10px; margin-bottom: 0px; } .pageContent-wishlist .topicOuterWrapper .topicWrapper .supplement.short { display: none; } .pageContent-wishlist .topicOuterWrapper .topicRightWrapper { float: right; margin-top: 0px; } .pageContent-wishlist .manageWishlists .manageWishlistsActivator { line-height: 27px; color: #999999; } .pageContent-wishlist .manageWishlists .manageWishlistsActivator .short { display: none; } .pageContent-wishlist .manageWishlists .manageWishlistsActivator:hover { cursor: pointer; } .pageContent-wishlist .manageWishlists .manageWishlistsActivator:after { content: ""; display: inline-block; vertical-align: text-bottom; width: 0px; height: 0px; border-width: 5px; border-style: solid; border-color: #cccccc transparent transparent transparent; } .pageContent-wishlist .manageWishlists .flyoutMenuElement:hover .manageWishlistsActivator { color: #01a9ec; text-decoration: none; } .pageContent-wishlist .manageWishlists .flyoutMenuElement:hover .manageWishlistsActivator:after { border-color: #20b8f1 transparent transparent transparent; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel { overflow: hidden; min-width: 100px; max-width: 300px; padding-bottom: 15px; color: #ffffff; background-color: #20b8f1; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel a { color: inherit; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel a:hover { text-decoration: none; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel .wishlistNameWrapper { margin: 0px 10px; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel .wishlistNameWrapper .wishlistNameInnerWrapper { display: table; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel .wishlistNameWrapper form { display: table-row; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel .wishlistNameWrapper .inputFieldWrapper { display: table-cell; padding-right: 10px; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel .wishlistNameWrapper .inputField { width: 100%; padding: 4px 5px; border: none; color: #333333; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel .wishlistNameWrapper .submitButtonWrapper { display: table-cell; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel .wishlistNameWrapper .button { margin-left: 10px; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel .switchWishlistWrapper.switchWishlistWrapperMarginTop { margin-top: 10px; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel .switchWishlistWrapper .flyoutMenuHeading { margin-left: 10px; margin-right: 10px; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel ul { display: table; width: 100%; list-style-type: none; margin: 0px; padding: 0px; border-bottom: 1px solid #54c6f2; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel li { display: table-row; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel li:hover { background-color: #54c6f2; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel li.active { background-color: #54c6f2; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel li a { display: table-cell; padding: 6px 2px 6px 0px; border-top: 1px solid #54c6f2; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel li .wishlistName { padding-left: 10px; padding-right: 15px; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel li .wishlistName:before { display: block; float: left; content: ""; margin-top: 6px; margin-left: 2px; margin-right: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #ffffff; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel li .wishlistNumberOfLineItems { padding-right: 15px; text-align: right; white-space: nowrap; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel li .wishlistRemove { text-align: right; padding-right: 10px; text-decoration: underline; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel .createNewWishlistWrapper.createNewWishlistWrapperMarginTop { margin-top: 10px; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel .createNewWishlistWrapper .wishlistsPerUser { margin: 0px 10px 0px 10px; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel .createNewWishlistWrapper .button { margin-top: 10px; margin-left: 10px; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel .button { color: #f2f2f2; background-color: #3b3537; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel .button:hover, .pageContent-wishlist .manageWishlists .flyoutMenuPanel .button:active, .pageContent-wishlist .manageWishlists .flyoutMenuPanel .button:focus { background-color: #555555; } .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; } .pageContent-wishlist .wishlistLineItems .buttonWrapper .label { float: left; margin-right: 5px; line-height: 26px; } .pageContent-wishlist .wishlistLineItems .buttonWrapper .buttons { float: left; } .pageContent-wishlist .wishlistLineItems .buttonWrapper .buttons button { margin-right: 5px; } .pageContent-previouslyOrderedItemList .itemList { margin-top: 20px; } .pageContent-previouslyOrderedItemList .itemList .table { width: 100%; } .pageContent-previouslyOrderedItemList .itemList .table .checkAllWrapper { padding: 9px 7px; } .pageContent-previouslyOrderedItemList .itemList .table .checkAllWrapper .checkbox { margin-right: 5px; } .pageContent-previouslyOrderedItemList .itemList .tableCell { width: 1px; } .pageContent-previouslyOrderedItemList .itemList .tableCell.inputQtyCell .priceWrapper { display: none; } .pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell { width: auto; } .pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .icon, .pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .itemNo, .pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .availability, .pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper, .pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper .numberOfOrders, .pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper .orderedQty, .pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper .lastOrderDate { display: none; } .pageContent-previouslyOrderedItemList .itemList .tableCell.priceCell { width: auto; } .pageContent-previouslyOrderedItemList .itemList .tableCell.numberOfOrdersCell, .pageContent-previouslyOrderedItemList .itemList .tableCell.orderedQtyCell, .pageContent-previouslyOrderedItemList .itemList .tableCell.lastOrderDateCell, .pageContent-previouslyOrderedItemList .itemList .tableCell.availabilityCell, .pageContent-previouslyOrderedItemList .itemList .tableCell.priceCell { text-align: right; } .pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell, .pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.numberOfOrdersCell, .pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.orderedQtyCell, .pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.lastOrderDateCell, .pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNoCell, .pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.availabilityCell { white-space: nowrap; } 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; font-size: 12px; } .pageContent-previouslyOrderedItemList .itemList .backorderMsg { margin-top: 10px; } .pageContent-previouslyOrderedItemList .buttonWrapper { margin-top: 20px; overflow: auto; } .pageContent-previouslyOrderedItemList .buttonWrapper .label { float: left; margin-right: 5px; line-height: 26px; } .pageContent-previouslyOrderedItemList .buttonWrapper .buttons { float: left; } .pageContent-previouslyOrderedItemList .buttonWrapper .buttons button { margin-right: 5px; } .pageContent-shoppingCart .topicOuterWrapper .topicWrapper { float: left; margin-right: 10px; margin-bottom: 0px; } .pageContent-shoppingCart .topicOuterWrapper .topicWrapper .supplement.short { display: none; } .pageContent-shoppingCart .topicOuterWrapper .topicRightWrapper { float: right; margin-top: 0px; } .pageContent-shoppingCart .switchShoppingCart .switchShoppingCartActivator { line-height: 27px; color: #999999; } .pageContent-shoppingCart .switchShoppingCart .switchShoppingCartActivator .short { display: none; } .pageContent-shoppingCart .switchShoppingCart .switchShoppingCartActivator:hover { cursor: pointer; } .pageContent-shoppingCart .switchShoppingCart .switchShoppingCartActivator:after { content: ""; display: inline-block; vertical-align: text-bottom; width: 0px; height: 0px; border-width: 5px; border-style: solid; border-color: #cccccc transparent transparent transparent; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuElement:hover .switchShoppingCartActivator { color: #01a9ec; text-decoration: none; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuElement:hover .switchShoppingCartActivator:after { border-color: #20b8f1 transparent transparent transparent; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel { overflow: hidden; min-width: 100px; max-width: 300px; padding-bottom: 15px; color: #ffffff; background-color: #20b8f1; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel a { color: inherit; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel a:hover { text-decoration: none; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel ul { display: table; width: 100%; list-style-type: none; margin: 0px; padding: 0px; border-bottom: 1px solid #54c6f2; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li { display: table-row; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li:hover { background-color: #54c6f2; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li.active { background-color: #54c6f2; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li a { display: table-cell; padding: 6px 2px 6px 0px; border-top: 1px solid #54c6f2; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li .shoppingCartName { padding-left: 10px; padding-right: 15px; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li .shoppingCartName:before { display: block; float: left; content: ""; margin-top: 6px; margin-left: 2px; margin-right: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #ffffff; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li .shoppingCartNumberOfLineItems { padding-right: 15px; text-align: right; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li .shoppingCartSubTotal { text-align: right; padding-right: 10px; } .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 a {} .pageContent-shoppingCart .lineItem .iconCell img { max-width: 100px; max-height: 150px; } .pageContent-shoppingCart .lineItem .itemNameCell { width: auto; } .pageContent-shoppingCart .lineItem .itemNoCell { white-space: nowrap; } .pageContent-shoppingCart .lineItem .inputQtyCell { white-space: nowrap; text-align: right; } .pageContent-shoppingCart .lineItem .inputQtyCell .removeLineItem { display: inline-block; width: 25px; padding-top: 5px; text-align: center; } .pageContent-shoppingCart .lineItem .inputQtyCell .removeLineItem.removeMultipleLineItems .removeLineItemLink { display: none; } .pageContent-shoppingCart .lineItem .inputQtyCell .additionalLine { display: block; padding-right: 25px; } .pageContent-shoppingCart .lineItem .orderQtyCell { white-space: nowrap; text-align: right; } .pageContent-shoppingCart .lineItem .priceCell { white-space: nowrap; text-align: right; } .pageContent-shoppingCart .lineItem .priceUnitCell { white-space: nowrap; text-align: right; } .pageContent-shoppingCart .lineItem .totalPriceCalculationCell { white-space: nowrap; text-align: right; } .pageContent-shoppingCart .lineItem .totalPriceCell { white-space: nowrap; text-align: right; } .pageContent-shoppingCart .documentEnd { padding: 9px 0px; vertical-align: top; border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; } .pageContent-shoppingCart .documentEnd .linesAtDocumentEnd { display: table; width: 100%; } .pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd { display: table-row-group; } .pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd { display: table-row; } .pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd .lineAtDocumentEndCell { display: table-cell; padding: 3px 7px 0px 7px; white-space: nowrap; text-align: right; vertical-align: top; } .pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd.first .lineAtDocumentEndCell { padding-top: 9px; } .pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd.last .lineAtDocumentEndCell { padding-bottom: 9px; border-bottom: 2px solid #e5e5e5; } .pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd.first .lineAtDocumentEnd.first .lineAtDocumentEndCell { padding-top: 0px; } .pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd.last .lineAtDocumentEnd.last .lineAtDocumentEndCell { padding-bottom: 0px; border-bottom: none; } .pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd .lineAtDocumentEndLabel { width: 100%; } .pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd .lineAtDocumentEndValue {} .pageContent-shoppingCart .documentEnd .subTotal .lineAtDocumentEndCell { font-weight: bold; font-size: 13px; } .pageContent-shoppingCart .documentEnd .salesTaxAndShippingConditions { padding: 3px 7px 0px 7px; white-space: nowrap; text-align: right; vertical-align: top; } .pageContent-shoppingCart .documentEnd .salesTaxAndShippingConditions a { text-decoration: underline; } .pageContent-shoppingCart .documentEnd .salesTaxAndShippingConditions a:hover { color: #01a9ec; } 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: 13px; } .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 .passwordReminderLink { display: block; margin-top: 15px; } .pageContent-checkoutLogin .loginWrapper .passwordReminderLink:hover { text-decoration: underline; } .pageContent-checkoutLogin .loginWrapper .passwordReminderLink:before { display: inline-block; content: ""; margin-top: 5px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #333333; } .pageContent-checkoutLogin button { display: block; margin-top: 15px; } .pageContent-checkoutLogin button.back { margin-top: 25px; } .pageContent-checkoutLoginResult .shoppingCartConfirmationNeededText { margin-bottom: 15px; font-weight: bold; } .pageContent-checkoutCustomerData table.attributes td { padding-bottom: 10px; vertical-align: top; } .pageContent-checkoutCustomerData table.attributes td.attributeLabel { white-space: nowrap; } .pageContent-checkoutCustomerData table.attributes td.attributeValue { width: 100%; padding-left: 10px; } .pageContent-checkoutCustomerData input.inputField { width: 75%; } .pageContent-checkoutCustomerData input.postalCode { width: 100px; } .pageContent-checkoutCustomerData .buttons { margin-top: 20px; overflow: auto; } .pageContent-checkoutCustomerData .buttons .back { float: left; } .pageContent-checkoutCustomerData .buttons .continue { float: right; } .pageContent-checkoutOrderDetails .commentWrapper textarea.inputField { width: 98%; } .pageContent-checkoutOrderDetails .buttons { margin-top: 20px; overflow: auto; } .pageContent-checkoutOrderDetails .buttons .back { float: left; } .pageContent-checkoutOrderDetails .buttons .continue { float: right; } .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; } .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; } .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; } .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; } .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-customerDocument a.trackingLink { display: block; padding: 2px 0px; text-decoration: underline; } .pageContent-customerDocument a.trackingLink: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 a.trackingLink:hover { color: #01a9ec; } .pageContent-customerDocument .sortControl { display: none; margin-bottom: 10px; } .pageContent-customerDocument .customerDocumentLineItems .table { width: 100%; } .pageContent-customerDocument .tableCell { width: 1px; } .pageContent-customerDocument .tableCell.descriptionCell { width: auto; } .pageContent-customerDocument .tableCell.descriptionCell .lineNo { display: none; } .pageContent-customerDocument .tableCell.descriptionCell .itemNo { display: none; } .pageContent-customerDocument .tableCell.lineNoCell, .pageContent-customerDocument .tableCell.qtyCell, .pageContent-customerDocument .tableCell.priceCell, .pageContent-customerDocument .tableCell.totalPriceCell { text-align: right; white-space: nowrap; } .pageContent-customerDocument .tableRow .tableCell .label { display: none; } .pageContent-customerDocument .tableRow .tableCell a { text-decoration: underline; } .pageContent-customerDocument .tableRow .tableCell a:hover { color: #01a9ec; } .pageContent-customerDocument .tableRow.mobileOnly { clear: both; padding-top: 10px; } .pageContent-customerDocument .tableRow.mobileOnly .backgroundWrapper { padding: 6px; background-color: #f2f2f2; -moz-border-radius: 6px 6px 6px 6px; -khtml-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; -o-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; } .pageContent-customerDocument .tableRow.mobileOnly .outerCellWrapper { display: table; width: 100%; } .pageContent-customerDocument .tableRow.mobileOnly .innerCellWrapper { display: table-row; } .pageContent-customerDocument .tableRow.mobileOnly .innerCellWrapper .tableCell { display: table-cell; width: 1px; padding: 0px 7px; vertical-align: top; } .pageContent-customerDocument .tableRow.mobileOnly .innerCellWrapper .tableCell.totalPriceCell { width: auto; } 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-customerDocument .icon img { max-width: 100px; max-height: 150px; } .pageContent-customerDocument .label { margin-right: 5px; } .pageContent-customerDocument .priceUnit { color: #777777; font-size: 11px; } .pageContent-backorderList .sortControl { display: none; } .pageContent-backorderList .table { width: 100%; } .pageContent-backorderList .tableCell { width: 1px; } .pageContent-backorderList .tableCell.itemNameCell { width: auto; } .pageContent-backorderList .tableCell.itemNameCell .itemNo { display: none; } .pageContent-backorderList .tableCell.remainingQtyCell, .pageContent-backorderList .tableCell.remainingAmountCell, .pageContent-backorderList .tableCell.shippingDateCell, .pageContent-backorderList .tableCell.customerDocumentNoCell { text-align: right; } .pageContent-backorderList .tableCell.itemNoCell, .pageContent-backorderList .tableCell.remainingQtyCell, .pageContent-backorderList .tableCell.remainingAmountCell, .pageContent-backorderList .tableCell.shippingDateCell, .pageContent-backorderList .tableCell.customerDocumentNoCell { white-space: nowrap; } .pageContent-backorderList .tableRow .tableCell .label { display: none; } .pageContent-backorderList .tableRow .tableCell a { text-decoration: underline; } .pageContent-backorderList .tableRow .tableCell a:hover { color: #01a9ec; } 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: 11px; } .pageContent-backorderList .backorderPagination { overflow: auto; margin-top: 10px; } .pageContent-backorderList .backorderPagination .itemsFound { float: left; margin-bottom: 5px; } .pageContent-backorderList .backorderPagination .pages { float: right; margin-bottom: 5px; } .pageContent-backorderList .backorderPagination .label { font-weight: bold; } .pageContent-backorderList .backorderPagination a { text-decoration: none; } .pageContent-backorderList .backorderPagination a:hover { text-decoration: none; } .pageContent-backorderList .backorderPagination .page { display: inline-block; height: 16px; padding: 4px 9px; margin-bottom: 1px; color: #01a9ec; background-color: #e5e5e5; } .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; font-size: 18px; color: #666666; } .pageContent-sitemap a.categoryName:hover { color: #01a9ec; text-decoration: none; } .pageContent-sitemap .iconWrapper { padding: 0px; } .pageContent-sitemap .icon { margin: 0px auto; width: 230px; height: 170px; line-height: 170px; text-align: center; } .pageContent-sitemap .icon a:hover { text-decoration: none; } .pageContent-sitemap .icon img { max-width: 225px; max-height: 170px; vertical-align: middle; } .pageContent-sitemap div.subMenu { padding: 5px 5px; } .pageContent-sitemap ul.subMenu { padding-left: 15px; } .pageContent-sitemap ul.subMenu.level1 { padding-left: 0px; } .pageContent-sitemap ul.subMenu li { display: block; } .pageContent-sitemap ul.subMenu li a { display: block; color: #777777; padding: 9px 1px 9px 5px; } .pageContent-sitemap ul.subMenu li a:hover { color: #01a9ec; font-weight: bold; text-decoration: none; } .pageContent-sitemap ul.subMenu.level2 li a { font-size: 11px; } .pageContent-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 .remoteAddrList .tableCell.concurrentRequestsWithoutSessionCell, .pageContent-cachecheck .remoteAddrList .tableCell.concurrentRequestsCell, .pageContent-cachecheck .remoteAddrList .tableCell.timeCell { text-align: right; } html.lt-ie8 .pageContent-cachecheck .remoteAddrList .tableCell.remoteAddrCell { width: 110px; } html.lt-ie8 .pageContent-cachecheck .remoteAddrList .tableCell.concurrentRequestsWithoutSessionCell { width: 160px; } html.lt-ie8 .pageContent-cachecheck .remoteAddrList .tableCell.concurrentRequestsCell { width: 130px; } html.lt-ie8 .pageContent-cachecheck .remoteAddrList .tableCell.timeCell { width: 50px; } .pageContent-dialog { max-width: 350px; margin: 0px 20px; padding: 20px; overflow: hidden; border: 1px solid #dddddd; background-color: #ffffff; text-align: left; } .pageContent-dialog h1 { margin: 0px 0px 10px 0px; } .pageContent-dialog button { margin-top: 10px; } .pageContent-loginRequired .attributeValue input { width: 95%; } body { background-color: #fff; color: #333333; } .lt-ie8 button, .lt-ie8 input, .lt-ie8 select, .lt-ie8 textarea { font-family: Arial, Helvetica, Sans-Serif; color: #333333; } a { text-decoration: none; color: #333333; } .pageContent a.button { padding: 3px 7px 3px 7px; cursor: pointer; font-size: 13px; color: #333333; background-color: #dddddd; border: none; -moz-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -o-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; display: inline-block; } .pageContent a.button:hover, .pageContent a.button:focus, .pageContent a.button:active { color: #ffffff; background-color: rgb(63, 141, 126); text-decoration: none; } .pageContent a.button.primary { color: #ffffff; background-color: #6eab24; } .pageContent a.button.primary:hover, .pageContent a.button.primary:focus, .pageContent a.button.primary:active { color: #ffffff; background-color: #85cf2b; } .responsiveLayout .layoutOuterWrapper { width: 1000px; } .lt-ie8 .responsiveLayout .layoutOuterWrapper { width: 1000px; } .responsiveLayout .layoutHeaderWrapper { max-width: 1900px; } .responsiveLayout .layoutTopInnerWrapper { background: transparent; } .responsiveLayout .layoutFirstTopWrapper { max-width: 1000px; margin-left: auto; margin-right: auto; background-color: #fff; } .responsiveLayout .layoutSecondTopWrapper { max-width: 1000px; margin-left: auto; margin-right: auto; background-color: #fff; } .responsiveLayout .breadcrumbs { max-width: 1000px; margin-left: auto; margin-right: auto; } .responsiveLayout .pageContent { max-width: 1000px; margin-left: auto; margin-right: auto; } .responsiveLayout .topicRightWrapper { overflow: auto; } .responsiveLayout .pageContent-home { max-width: 100%; width: 100%; } .responsiveLayout .layoutPreBottomWrapper { max-width: 1000px; margin-left: auto; margin-right: auto; } .responsiveLayout .layoutPreBottomWrapper .salesTaxAndShippingInfo a:hover { color: rgb(63, 141, 126); } .responsiveLayout .layoutBottomWrapper { background-color: transparent; border-top: none; border-top: 5px solid rgb(63, 141, 126);} .footer { max-width: 1000px; margin-left: auto; margin-right: auto; box-sizing: border-box; } .footerCategoryList { float: left; } .footer .footerCol { margin-left: 0; margin-right: 15px; max-width: 180px; width: auto; float: none; display: inline-block; vertical-align: top; } .footer .footerCol h5, .footer .footerCol a, .footer .footerCol .paragraph { color: #333333; } .footer .footerCol a:hover { color: rgb(63, 141, 126); text-decoration: underline; } .responsiveLayout .layoutFirstTopWrapper .metaInnerWrapper { margin-top: 0; } .responsiveLayout .layoutFirstTopWrapper .metaWrapper { vertical-align: bottom; } .responsiveLayout .layoutSecondTopWrapper .menuWrapper { border-bottom: 2px solid #fff; background-color: transparent; padding-left: 0; } .responsiveLayout.viewId-category .layoutSecondTopWrapper .menuWrapper, .responsiveLayout.viewId-item .layoutSecondTopWrapper .menuWrapper { border-bottom: 1px solid #000; } .responsiveLayout .layoutFirstTopWrapper .searchInnerWrapper { padding-top: 20px; margin-left: 30%; } .quickSearch { background-color: #fff; border-color: #999; background-image: url(img/prj/lupe.png); background-repeat: no-repeat; background-position: 10px center; } .quickSearch .searchButton-text { display: none; } .quickSearch .searchButton { background-color: rgb(63, 141, 126); -moz-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .quickSearch .searchInput input { background-color: #fff; } .quickSearch .searchInput input::placeholder { color: #777; } .quickSearch .ui-menu .ui-menu-item a.ui-state-active span { background-color: rgb(63, 141, 126); } .topinfotext { padding-top: 28px; margin-left: 10px; color: rgb(63, 141, 126); } .topinfotext p { margin: 0; } html.no-touch .responsiveLayout .meta .metaElement.flyoutMenuElement:hover .metaLink:after { border-color: rgb(63, 141, 126) transparent transparent transparent; } .responsiveLayout .meta .metaElement:hover .metaLink { color: rgb(63, 141, 126); } .responsiveLayout .meta .metaElement:hover .metaLink label { white-space: no-wrap; } .responsiveLayout .meta .wishlistMetaElement .metaLink .numberOfLineItems { background-color: rgb(63, 141, 126); } .responsiveLayout .meta .shoppingCartMetaElement .metaLink .numberOfLineItems { background-color: rgb(63, 141, 126); } .responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel { background-color: rgb(63, 141, 126); } .flyoutMenuContainer .flyoutMenu { z-index: 1250; } .flyoutMenuContainer .flyoutMenuTriangle { z-index: 1251; } .responsiveLayout .meta .loginMetaElement .metaLink { background-image: url("img/prj/icon_account.png"); } .responsiveLayout .meta .loginMetaElement:hover .metaLink { background-image: url("img/prj/icon_account.png"); } .responsiveLayout .meta .accountMetaElement .metaLink { background-image: url("img/prj/icon_account.png"); } .responsiveLayout .meta .accountMetaElement:hover .metaLink { background-image: url("img/prj/icon_account.png"); } .responsiveLayout .meta .wishlistMetaElement .metaLink { background-image: url("img/prj/icon_wishlist.png"); } .responsiveLayout .meta .wishlistMetaElement:hover .metaLink { background-image: url("img/prj/icon_wishlist.png"); } .responsiveLayout .meta .shoppingCartMetaElement .metaLink { background-image: url("img/prj/icon_shoppingCart.png"); } .responsiveLayout .meta .shoppingCartMetaElement:hover .metaLink { background-image: url("img/prj/icon_shoppingCart.png"); } .miniAccount .accountMenu a.menuEntry:hover { background-color: #fff; color: rgb(63, 141, 126); } .miniAccount .accountMenu a.menuEntry:hover:before { border-color: transparent transparent transparent rgb(63, 141, 126); } .miniAccount .accountMenu { border-bottom: 1px solid #fff; } .miniAccount .accountMenu .menuEntry { border-top: 1px solid #fff; } .miniShoppingCart .switchShoppingCart ul { border-bottom: 1px solid #fff; } .miniShoppingCart .switchShoppingCart li a { display: table-cell; padding: 6px 2px 6px 0px; border-top: 1px solid #fff; } .miniShoppingCart .switchShoppingCart ul, .miniShoppingCart .switchShoppingCart li a { border-color: #fff; } .miniShoppingCart .switchShoppingCart li.active, .miniShoppingCart .switchShoppingCart li:hover { background-color: #fff; color: rgb(63, 141, 126); } .miniWishlist .switchWishlist ul { border-bottom: 1px solid #fff; } .miniWishlist .switchWishlist li:hover { background-color: #fff; color: rgb(63, 141, 126); } .miniWishlist .switchWishlist li.active { background-color: #fff; color: rgb(63, 141, 126); } .miniWishlist .switchWishlist li a { border-top: 1px solid #fff; } .cascadingMenuCategoryList ul.subMenu { z-index: 1020; } .miniLogin input.inputField { color: #333333; } .menuWrapper .b2blink { display: block; position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: url(img/prj/b2b.png) no-repeat center center; background-size: cover; } .menuWrapper .bloglink { display: block; position: absolute; right: 60px; top: 0; width: 50px; height: 40px; background: url(img/prj/blog.png) no-repeat center bottom; } .mobileTreeMenu .bloglink { display: block; width: 50px; height: 40px; background: url(img/prj/blog.png) no-repeat left center; margin: 5px 0 0 20px; } .footer-oben-wrapper { width: 100%; background: rgb(63, 141, 126); background: -moz-linear-gradient(top, rgb(63, 141, 126), rgb(48, 109, 126)); background: -ms-linear-gradient(top, rgb(63, 141, 126), rgb(48, 109, 126)); background: -webkit-gradient(linear, left top, left bottom, from(rgb(63, 141, 126)), to(rgb(48, 109, 126))); background: -webkit-linear-gradient(top, rgb(63, 141, 126), rgb(48, 109, 126)); background: -o-linear-gradient(top, rgb(63, 141, 126), rgb(48, 109, 126)); background: linear-gradient(top, rgb(63, 141, 126), rgb(48, 109, 126)); ; box-sizing: border-box; padding: 0 10px; } .footer-oben { max-width: 1000px; margin: 0 auto; color: #fff; } .footer-kataloge { margin-top: 10px; } .footer-unten-wrapper { width: 100%; background: #eee; } .footer-unten { max-width: 1000px; margin: 0 auto; } .footer-lastrow { } .lastUpdate { color: #a0a0a0; } .copyright a { color: #a0a0a0; } .copyright a:hover { color: rgb(63, 141, 126); } .breadcrumbs li a:hover { background-color: rgb(63, 141, 126); } .breadcrumbs li.active span, .breadcrumbs li.active a { background-color: rgb(63, 141, 126); } .breadcrumbs li.active.hasNext span, .breadcrumbs li.active.hasNext a { background-color: #e5e5e5; color: #333333; } h1 { color: rgb(63, 141, 126); } h2 { color: #333333; } h3 { color: #333333; } .tableHeader .tableCell a:hover { color: rgb(63, 141, 126); } .tableHeader .tableCell.sortAsc a:hover:after { border-color: transparent transparent rgb(63, 141, 126) transparent; } .tableHeader .tableCell.sortDesc a:hover:after { border-color: rgb(63, 141, 126) transparent transparent transparent; } .tableHeader .tableCell.sortDescIsActive a, .tableHeader .tableCell.sortAscIsActive a { color: rgb(63, 141, 126); } .tableHeader .tableCell.sortDescIsActive a:after { border-color: rgb(63, 141, 126) transparent transparent transparent; } .tableHeader .tableCell.sortAscIsActive a:after { border-color: transparent transparent rgb(63, 141, 126) transparent; } .tableHeader .tableCell.sortDescIsActive a:hover:after { border-color: rgb(63, 141, 126) transparent transparent transparent; } .tableHeader .tableCell.sortAscIsActive a:hover:after { border-color: transparent transparent rgb(63, 141, 126) transparent; } .presentationIcon a.active { background-color: rgb(63, 141, 126); } img.lazy { transition: none; } .itemList a.itemName:hover, .itemList a.itemName:active { color: rgb(63, 141, 126); } .itemListSlideView .slides .slick-slide { height: auto; } .itemListSlideView .slides .slick-arrow { border: 2px solid rgb(63, 141, 126); } .itemListSlideView .slides .slick-prev:before { border-color: transparent rgb(63, 141, 126) transparent transparent; } .itemListSlideView .slides .slick-next:before { border-color: transparent transparent transparent rgb(63, 141, 126); } .itemListSlideView .slides .slick-dots li.slick-active .dot, .itemListSlideView .slides .slick-dots li .dot:hover { background-color: rgb(63, 141, 126); } .lineItems a.itemName:hover, .lineItems a.itemName:active { color: rgb(63, 141, 126); } .backorderMsg a:hover { color: rgb(63, 141, 126); } .subCategoryList a.categoryName:hover { color: rgb(63, 141, 126); text-decoration: none; } .subCategoryList ul.subMenu li.subCategory a:hover { color: rgb(63, 141, 126); } .pagination .page, .pageContent-backorderList .backorderPagination .page { color: #999; background-color: #fff; border: 1px solid #999; } .pagination .page.active, .pageContent-backorderList .backorderPagination .page.active { color: #333333; background-color: #fff; border: 1px solid #333333; } .pagination a.page:hover, .pageContent-backorderList .backorderPagination a.page:hover { background-color: rgb(63, 141, 126); color: #fff; } .verticalCategoryList a:hover { color: rgb(63, 141, 126); } .verticalCategoryList a.active { color: rgb(63, 141, 126); } .verticalCategoryList ul.subMenu a.withSubCategories:hover:after, .verticalCategoryList ul.subMenu a.active.withSubCategories:after { border-color: rgb(63, 141, 126) transparent transparent transparent; } .verticalCategoryList a.level0 { border-bottom: 1px solid #333333; } .verticalCategoryList li.level1 { border-bottom: 1px solid #333333; } .pageContent button { color: #333333; } .pageContent button:hover, .pageContent button:focus, .pageContent button:active { background-color: rgb(63, 141, 126); } .pageContent-search .didYouMean a.link:hover { color: rgb(63, 141, 126); } .billOfMaterialItemList .bomItem .bomToggle { background-color: rgb(63, 141, 126); } .pageContent-wishlist .manageWishlists .flyoutMenuElement:hover .manageWishlistsActivator { color: rgb(63, 141, 126); } .pageContent-wishlist .manageWishlists .flyoutMenuElement:hover .manageWishlistsActivator:after { border-color: rgb(63, 141, 126) transparent transparent transparent; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel { background-color: rgb(63, 141, 126); } .pageContent-wishlist .manageWishlists .flyoutMenuPanel ul { border-bottom: 1px solid #fff; } .pageContent-wishlist .manageWishlists .flyoutMenuPanel li:hover { background-color: #fff; color: rgb(63, 141, 126); } .pageContent-wishlist .manageWishlists .flyoutMenuPanel li.active { background-color: #fff; color: rgb(63, 141, 126); } .pageContent-wishlist .manageWishlists .flyoutMenuPanel li a { border-top: 1px solid #fff; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuElement:hover .switchShoppingCartActivator { color: rgb(63, 141, 126); } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuElement:hover .switchShoppingCartActivator:after { border-color: rgb(63, 141, 126) transparent transparent transparent; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel { background-color: rgb(63, 141, 126); } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel ul { border-bottom: 1px solid #fff; } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li:hover { background-color: #fff; color: rgb(63, 141, 126); } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li.active { background-color: #fff; color: rgb(63, 141, 126); } .pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li a { border-top: 1px solid #fff; } .pageContent-shoppingCart .documentEnd .salesTaxAndShippingConditions a:hover { color: rgb(63, 141, 126); } .pageContent-customerDocumentList .tableRow .tableCell a:hover { color: rgb(63, 141, 126); } .pageContent-customerDocument .tableRow .tableCell a:hover { color: rgb(63, 141, 126); } .pageContent-backorderList .tableRow .tableCell a:hover { color: rgb(63, 141, 126); } .pageContent-sitemap a.categoryName:hover { color: rgb(63, 141, 126); text-decoration: none; } .pageContent-sitemap ul.subMenu li a:hover { color: rgb(63, 141, 126); font-weight: bold; text-decoration: none; } .home-schaltflaechen { max-width: 1000px; width: 100%; margin: 10px auto 0 auto; text-align: justify; overflow: hidden; max-width: 1000px; } .home-schaltflaeche-container { max-width: 33%; width: 330px; height: 400px; display: inline-block; background-color: #fff; margin-bottom: 5px; text-align: center; overflow: hidden; vertical-align: top; } .home-schaltflaeche-container .wp-content { height: 100%; width: 100%; } .home-schaltflaeche-container .home-schaltflaeche { height: 100%; width: 100%; } .home-schaltflaeche-image img { max-width: 100%; max-height: 100%; width: auto; height: auto; } .home-schaltflaeche-heading { font-weight: bold; } .home-schaltflaechen .home-schaltflaeche:nth-of-type(1) { background-color: #eee; } .home-schaltflaechen .home-schaltflaeche:nth-of-type(2) { background-color: #eee; } .home-schaltflaechen .home-schaltflaeche:nth-of-type(3) { background-color: #eee; } .home-schaltflaeche-last { display: inline-block; width: 100%; height: 1px; } .home-aktuelles-wrapper { width: 100%; background: rgb(31, 113, 163); background: -moz-linear-gradient(top, rgb(63, 141, 126), rgb(48, 109, 126)); background: -ms-linear-gradient(top, rgb(63, 141, 126), rgb(48, 109, 126)); background: -webkit-gradient(linear, left top, left bottom, from(rgb(63, 141, 126)), to(rgb(48, 109, 126))); background: -webkit-linear-gradient(top, rgb(63, 141, 126), rgb(48, 109, 126)); background: -o-linear-gradient(top, rgb(63, 141, 126), rgb(48, 109, 126)); background: linear-gradient(top, rgb(63, 141, 126), rgb(48, 109, 126)); ; color: #fff; margin-top: 10px; box-sizing: border-box; padding: 0 10px; } .home-aktuelles { max-width: 1000px; margin: 0 auto; } .home-social-wrapper { width: 100%; padding: 15px 0; } .home-social { width: 100%; } .home-b2blink-wrapper { width: 100%; background: rgb(31, 113, 163); color: #fff; margin-top: 10px; } .home-b2blink { width: 100%; } .home-kacheln { width: 100%; max-width: 100%; margin: 20px auto 0 auto; text-align: justify; display: block; overflow: hidden; } .home-kachel-zeile { overflow: hidden; margin-bottom: 10px; width: 100%; background-color: #eee; max-height: 370px; } .home-kachel { display: table; width: 100%; max-height: 370px; overflow: hidden; } .home-kachel-breit { width: 1190px; display: table-cell; } .home-kachel-schmal { width: 700px; display: table-cell; } .home-kachel-links { border-right: 10px solid #fff; box-sizing: border-box; position: relative; } .home-kachel-rechts { position: relative; } .home-kachel-hintergrund { width: 100%; height: 100%; } .home-kachel-hintergrund img { max-width: 100%; max-height: 100%; width: auto; height: auto; } .home-kachel-textwrapper { z-index: 1; position: absolute; box-sizing: border-box; left: 20px; right: 5px; top: 10px; text-align: left; } .home-kachel-heading { font-size: 20px; margin-bottom: 10px; } .home-kachel-text { } .home-kachel-box { z-index: 1; position: absolute; left: 0; bottom: 0; box-sizing: border-box; background: rgba(255, 255, 255, 0.7); font-size: 16px; width: 200px; padding: 5px 20px; border-width: 2px 2px 0 0; border-color: #fff; border-style: solid; } .pageContent-home .doc-wrapper { width: 100%; background: #eee; margin-top: 10px; box-sizing: border-box; padding: 10px; } .pageContent-home .doc { margin-bottom: 0; } .pageContent-home .doc, .pageContent-home .highlights { max-width: 1000px; margin: 20px auto 0 auto; } .subCategoryList ul.categories { text-align: justify; letter-spacing: 0; } .subCategoryList .category, .subCategoryList .category * { box-sizing: border-box; } .subCategoryList .categoryWrapper { border: none; } .subCategoryList .categoryTextOuterWrapper { position: absolute; bottom: 0; background-color: #ddd; } .subCategoryList .categoryTextInnerWrapper { padding: 2px 5px; } .subCategoryList .categoryName { font-size: inherit; color: #333333; } .subCategoryList .icon img { max-width: 100%; max-height: 100%; } .subCategoryList .categoryTextOuterWrapper { width: 100%; } .subCategoryList .verticalAlignerHelper { display: none; } .subCategoryList .lastRow { width: 100%; } .subCategoryList .category { width: 49%; overflow: hidden; } .subCategoryList .categoryWrapper { width: 100%; } .subCategoryList .icon { width: 100%; height: auto; } .subCategoryList .slideOnHoverTarget { background: #000; opacity: 0.8; width: 100%; } .subCategoryList ul.subMenu li.subCategory a::before { content: ''; } .subCategoryList ul.subMenu li.subCategory a { color: #fff; } .subCategoryList ul.subMenu li.subCategory a:hover { font-weight: normal; } .subCategoryList .slideOnHoverTarget .categoryName { color: #fff; padding: 2px 5px; } .subCategoryList .category-row0.category-column1, .subCategoryList .category-row1.category-column0 { width: 39%; } .subCategoryList .category-row0.category-column0, .subCategoryList .category-row1.category-column1 { width: 60%; } .pageContent-category-251 .subCategoryList .category-row0.category-column1, .pageContent-category-251 .subCategoryList .category-row1.category-column0, .pageContent-category-251 .subCategoryList .category-row0.category-column0, .pageContent-category-251 .subCategoryList .category-row1.category-column1 { width: 49%; } .colorbutton { display: inline-block; border-width: 1px; border-style: solid; border-color: #999; margin: 0 2px 2px 0; position: relative; padding: 0; background: #fff; overflow: hidden; text-align: center; } button.colorbutton { border-width: 1px; border-style: solid; border-color: #999; padding: 0; } .colorbutton .colorbutton-color2 { display: block; position: absolute; top: 0; } .plg_katalogInfo a:hover { color: rgb(63, 141, 126); } .plg_kataloge .katalog { border: 1px solid #333333; } .pageContent-katalogItem .katalogArtikelVarianten { border-color: #333333; } .pageContent-katalogSlick .katalogNavigation input.inputField { border-color: rgb(63, 141, 126); } .plg_katalogItemListView .item.inShop a { border-color: #333333; } .plg_katalogItemListView .item.inShop a:hover { border-color: rgb(63, 141, 126); } .pageContent-katalogSlick .katalogItemListWrapper .toggle { border: 1px solid rgb(63, 141, 126); color: rgb(63, 141, 126); } .slideshow { display: none; width: 100%; overflow: hidden; margin-bottom: 25px; background: #eee; margin-top: 10px; } .slideshow .slides { overflow: hidden; width: 100%; text-align: left; } .slideshow div.slide { width: 100%; } .slideshow div.slide img { max-width: 100%; } .slideshow .cycle-button { width: 48px; height: 72px; position: absolute; top: 50%; z-index: 500; margin-top: -36px; cursor: pointer; } .slideshow .cycle-prev { left: 20px; background: url(img/prj/slide-links.png) no-repeat center center; } .slideshow .cycle-next { right: 20px; background: url(img/prj/slide-rechts.png) no-repeat center center; } .slideshow .cycle-pager { margin-top: -45px; z-index: 500; position: absolute; width: 100%; text-align: center; cursor: pointer; } .slideshow .cycle-pager .bullet { display: inline-block; width: 20px; height: 20px; background: #999; -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 10px 10px 10px; ; margin: 0 10px; } .slideshow .cycle-pager .bullet.cycle-pager-active { background: #fff; } .dsi-template.slideshow-slide { position: relative; } .dsi-template.slideshow-slide2 .slide-background img { max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .dsi-template.slideshow-slide2 .slide-text-wrapper { position: absolute; width: 1900px; max-width: 100%; margin: 0 auto; height: auto; top: 10%; text-align: center; display: table; } .dsi-template.slideshow-slide2 .slide-text-before { display: table-cell; background: rgba(255, 255, 255, 0.7); border-color: #fff; border-style: solid; border-width: 3px 0 3px 0; } .dsi-template.slideshow-slide2 .slide-text { width: 1000px; max-width: 100%; font-size: 16px; display: table-cell; text-align: left; margin-top: 20px; } .dsi-template.slideshow-slide2 .slide-text-inner { max-width: 100%; display: inline-block; padding: 20px 50px 0 0; background: rgba(255, 255, 255, 0.7); border-color: #fff; border-style: solid; border-width: 3px 3px 3px 0; } .dsi-template.slideshow-slide .slide-text h1 { font-size: 30px; color: #333333; margin-bottom: 0; } .dsi-template.slideshow-slide2 .slide-text-after { display: table-cell; } .dsi-template.slideshow-slide1 .slide-background img { max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .dsi-template.slideshow-slide1 .slide-text-wrapper { position: absolute; width: 1900px; max-width: 100%; margin: 0 auto; height: auto; background: rgba(255, 255, 255, 0.7); border-color: #fff; border-style: solid; border-width: 3px 0; top: 30%; text-align: center; } .dsi-template.slideshow-slide1 .slide-text { width: 1000px; max-width: 100%; font-size: 16px; display: inline-block; text-align: left; margin-top: 10px; } .dsi-template.slideshow-slide1 .slide-text h1 { font-size: 30px; color: #333333; margin-bottom: 0; } @media only all and (max-width: 1900px) { .dsi-template.slideshow-slide2 .slide-text-before { width: 15% } } @media only all and (max-width: 1000px) { .slideshow .cycle-button { top: 60%; margin-top: -36px; } } @media only all and (max-width: 900px) { .dsi-template.slideshow-slide .slide-text h1 { font-size: 24px; } .dsi-template.slideshow-slide1 .slide-text { font-size: 14px; margin-top: 5px; } .dsi-template.slideshow-slide2 .slide-text { font-size: 14px; margin-top: 10px; } .dsi-template.slideshow-slide2 .slide-text-inner { padding: 10px 30px 0 0; } } @media only all and (max-width: 700px) { .dsi-template.slideshow-slide .slide-text h1 { font-size: 18px; } .dsi-template.slideshow-slide1 .slide-text { font-size: 13px; margin-top: 5px; } .dsi-template.slideshow-slide2 .slide-text { font-size: 13px; margin-top: 10px; } .dsi-template.slideshow-slide2 .slide-text-inner { padding: 10px 30px 0 0; } .slideshow .cycle-button { display: none; } .dsi-template.slideshow-slide2 .slide-text-before { width: 5% } } .prj_artikelfilter .merkmal.open .merkmalbez { color: rgb(63, 141, 126); } .pageContent .prj_artikelfilter button.clearButton:hover { color: #333333; } .sortAndPresentationControl .prj_artikelfilter.filteraktiv .filtertrigger button { background: rgb(63, 141, 126); } .pageContent-item .itemDetailContainer .characteristics a:hover { color: rgb(63, 141, 126); } .pageContent-item .itemDetailContainer h1 { color: inherit; margin-bottom: 20px; } .pageContent-item .itemDetailContainer .itemNo { margin-bottom: 20px; } .pageContent-item .itemDetailContainer .characteristics { width: 100%; margin-bottom: 20px; } .pageContent-item .itemDetailContainer .characteristics .characteristicCell { border-width: 1px 0; border-style: solid; padding-top: 8px; vertical-align: top; } .pageContent-item .itemDetailContainer .characteristics .characteristic.last .characteristicCell { padding-bottom: 8px; } .pageContent-item .itemDetailContainer .characteristics .characteristicCell.characteristicValue { text-align: right; } .pageContent-item button.characteristicValue-farbButton { background-color: transparent; border: none; padding: 2px; } .pageContent-item .characteristicValue-farbliste-farbe.characteristicValue-disabled { opacity: 0.3; } .pageContent-item .characteristicValue .colorbutton { margin-bottom: 5px; } .pageContent-item .itemDetailContainer div.itemAttribute .label { display: none; } .pageContent-item .itemDetailContainer .availability .availabilityIconWrapper { margin-left: 0; margin-right: 5px; } .pageContent-item .itemDetailContainer div.itemAttribute.availability .value { font-size: 12px; } .pageContent-item .item-image { display: table-cell; } .pageContent-item .item-info { display: table-row; text-align: left; } .pageContent-item .item-doc { margin-top: 20px; } .pageContent-item .itemAddToCartInclude .addToCartButton { background: rgb(31, 44, 115); background: -moz-linear-gradient(top, rgb(37, 55, 141), rgb(31, 44, 115)); background: -ms-linear-gradient(top, rgb(37, 55, 141), rgb(31, 44, 115)); background: -webkit-gradient(linear, left top, left bottom, from(rgb(37, 55, 141)), to(rgb(31, 44, 115))); background: -webkit-linear-gradient(top, rgb(37, 55, 141), rgb(31, 44, 115)); background: -o-linear-gradient(top, rgb(37, 55, 141), rgb(31, 44, 115)); background: linear-gradient(top, rgb(37, 55, 141), rgb(31, 44, 115)); ; color: #fff; padding: 0; height: 30px; vertical-align: top; } .pageContent-item .itemAddToCartInclude .addToCartButton .inner { display: inline-block; background: url(img/prj/icon_addtocart.png) no-repeat 30px center; padding: 0 30px 0 60px; line-height: 30px; } .pageContent-item .itemAddToCartInclude .addToWishlistButton { background: rgb(31, 44, 115); background: -moz-linear-gradient(top, rgb(37, 55, 141), rgb(31, 44, 115)); background: -ms-linear-gradient(top, rgb(37, 55, 141), rgb(31, 44, 115)); background: -webkit-gradient(linear, left top, left bottom, from(rgb(37, 55, 141)), to(rgb(31, 44, 115))); background: -webkit-linear-gradient(top, rgb(37, 55, 141), rgb(31, 44, 115)); background: -o-linear-gradient(top, rgb(37, 55, 141), rgb(31, 44, 115)); background: linear-gradient(top, rgb(37, 55, 141), rgb(31, 44, 115)); ; padding: 0; height: 30px; width: 30px; vertical-align: top; } .pageContent-item .itemAddToCartInclude .addToWishlistButton .inner { display: inline-block; background: url(img/prj/icon_addtowishlist.png) no-repeat center center; padding: 0; height: 30px; width: 30px; } .pageContent-item .itemAddToCartInclude .unit { display: none; } .pageContent-item .itemAddToCartInclude .qty_per_unit { display: none; } .pageContent-item .widerrufhinweis { font-size: 12px; color: #777; } .pageContent-item .descriptionTabs { display: table-cell; padding-right: 20px; width: 65%; padding-top: 20px; } .pageContent-item .additionalTabs { display: table-cell; padding-top: 20px; } .pageContent-item .itemTabs.ui-widget-content { color: inherit; border-color: #333333; } .pageContent-item .itemTabs.ui-tabs { padding: 0; } .pageContent-item .itemTabs.ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding-left: 10px; padding-right: 10px; } .pageContent-item .descriptionTabs .itemTabs.ui-tabs .ui-tabs-nav li.first .ui-tabs-anchor { padding-left: 0; } .pageContent-item .descriptionTabs .itemTabs.ui-widget-content { border: none; } .pageContent-item .itemTabs .ui-widget-header { max-height: 35px; border-width: 0 0 1px 0; border-style: solid; border-color: #333; background: transparent; display: table; border-collapse: collapse; font-size: 0; width: 100%; } .pageContent-item .itemTabs .ui-widget-header { border-radius: 0; } .pageContent-item .itemTabs.ui-tabs .ui-tabs-nav li { border: none; display: table-cell; float: none; font-size: 13px; margin-top: 0; } .pageContent-item .descriptionTabs .itemTabs.ui-tabs .ui-tabs-nav li { width: 1px; } .pageContent-item .descriptionTabs .itemTabs.ui-tabs .ui-tabs-nav li.lastCell { width: auto; } .pageContent-item .itemTabs .ui-helper-clearfix::before, .ui-helper-clearfix::after { content: none; } .pageContent-item .itemTabs.ui-tabs li.ui-state-active { border-right: 1px solid #333333; } .pageContent-item .additionalTabs.itemTabs.ui-tabs li.ui-state-active:last-of-type { border-right: 1px solid #fff; } .pageContent-item .additionalTabs .itemTabs.ui-tabs li.ui-state-active { border-left: 1px solid #333333; } .pageContent-item .additionalTabs .itemTabs.ui-tabs li.ui-state-active:first-of-type { border-left: 1px solid #fff; } .pageContent-item .descriptionTabs .itemTabs.ui-tabs li.ui-state-active { border-top: 1px solid #333333; border-left: 1px solid #333333;} .pageContent-item .descriptionTabs .itemTabs.ui-tabs li.ui-state-active.first { border-left: none; } .pageContent-item .itemTabs.ui-tabs li.ui-state-active { border-bottom: 1px solid #fff; } .pageContent-item .itemTabs li.ui-state-default { background: transparent; } .pageContent-item .itemTabs .ui-state-active a, .pageContent-item .itemTabs .ui-state-active a:link, .pageContent-item .itemTabs .ui-state-active a:visited { color: #333; } .pageContent-item .itemTabs.ui-corner-all, .pageContent-item .itemTabs .ui-corner-top { border-radius: 0; } .pageContent-item .itemTabs.ui-tabs .ui-tabs-panel { padding: 0; } .pageContent-item .descriptionTabs .itemTabs.ui-tabs .ui-tabs-panel { padding: 10px 0; } .pageContent-item .additionalAttributes { text-align: left; } .pageContent-item .additionalAttributes .additionalAttributes-header { font-weight: bold; } .pageContent-item .additionalAttributes .additionalAttributes-table { display: table; width: 100%; } .pageContent-item .additionalAttributes .additionalAttribute { display: table-row; } .pageContent-item .additionalAttributes .additionalAttribute-label, .pageContent-item .additionalAttributes .additionalAttribute-value { display: table-cell; padding: 5px 10px; border-top: 1px solid #333333; } .pageContent-item .additionalAttributes .additionalAttribute:first-of-type .additionalAttribute-label, .pageContent-item .additionalAttributes .additionalAttribute:first-of-type .additionalAttribute-value { border-top: none; } .moretext { position: relative; } .moretext .moretext-content-wrapper { overflow: hidden; max-height: 250px; } .moretext.moretext-opened .moretext-content-wrapper { max-height: unset; } .moretext .moretext-open, .moretext .moretext-close { position: absolute; bottom: 0; display: none; height: 30px; width: 100%; background-color: rgba(255, 255, 255, 0.9); line-height: 30px; text-align: center; text-decoration: underline; cursor: pointer; } .moretext.moretext-active .moretext-open { display: block; } .moretext .moretext-close { display: none; position: relative; } .moretext.moretext-opened .moretext-open { display: none; } .moretext.moretext-opened .moretext-close { display: block; } .pageContent-item .itemListErsatzteileView { max-height: 340px; overflow: auto; } .pageContent-item .itemListErsatzteileView .table { width: 100%; } .pageContent-item .itemListErsatzteileView .tableHeader .tableCell { padding-top: 7px; padding-bottom: 7px; height: 20px; } .pageContent-item .itemListErsatzteileView .tableRow .tableCell { padding-top: 5px; padding-bottom: 5px; height: 48px; } .pageContent-item .itemListErsatzteileView .inputQtyWrapper { white-space: nowrap; } .pageContent-item .itemListErsatzteileView.itemList .itemName { font-size: 12px; } .pageContent-item .itemListVariantenView { max-height: 200px; overflow: auto; } .pageContent-item .itemListVariantenView .table { width: 100%; } .pageContent-item .itemListVariantenView .tableRow .tableCell { padding: 2px 0; } .pageContent-item .itemListVariantenView.itemList .itemName { font-size: 12px; display: inline-block; font-weight: normal; } .pageContent-item .itemListVariantenView.itemList .itemDescription { display: inline-block; } .pageContent-item .crossSellingWrapper .heading { display: table; width: 100%; } .pageContent-item .crossSellingWrapper .heading-before { display: table-cell; width: 50%; vertical-align: middle; } .pageContent-item .crossSellingWrapper .heading-content { display: table-cell; padding: 0 30px; white-space: nowrap; text-align: center; } .pageContent-item .crossSellingWrapper .heading-after { display: table-cell; width: 50%; vertical-align: middle; } .pageContent-item .crossSellingWrapper .heading-line { display: block; height: 0; border-top: 1px solid #333333; } .itemList .infoWrapper { background: rgba(255, 255, 255, 200); } .itemList .infoWrapper .itemDescription { display: none; } .itemList .infoWrapper .itemNo { display: none; } .itemList .slideOnHoverWrapper { position: relative; } .itemList .slideOnHoverTarget { text-align: center; position: absolute; bottom: 0; width: 100%; background: #fff; } .itemListGridView .itemWrapper, .itemListSlideView .itemWrapper { border-color: #fff; } .itemListSlideView .availability { display: none; } .itemListGridView .availability { display: none; } .itemListGridView .itemName { font-weight: normal; } .itemListGridView .priceWithDiscountsWrapper, .itemListSlideView .priceWithDiscountsWrapper { text-align: center; } .itemListGridView .itemTextInnerWrapper, .itemListSlideView .itemTextInnerWrapper { text-align: center; } .itemListGridView .infoOuterWrapper { min-height: 110px; } .itemList .slided-open { -moz-box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.2), -4px 0px 4px rgba(0, 0, 0, 0.2), 0px 4px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.2), -4px 0px 4px rgba(0, 0, 0, 0.2), 0px 4px 4px rgba(0, 0, 0, 0.2); box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.2), -4px 0px 4px rgba(0, 0, 0, 0.2), 0px 4px 4px rgba(0, 0, 0, 0.2); } .pageContent .itemList .button-details { width: 90%; } .pageContent .itemList .button-details, .pageContent .itemList .button-details:hover { background-color: rgb(63, 141, 126); color: #fff; } .pageContent .itemList .addToCartForm button { width: 90%; } .pageContent .itemList .addToCartForm button, .pageContent .itemList .addToCartForm button:hover { background-color: rgb(31, 113, 163); color: #fff; } .itemList .iconWrapper { position: relative; } .farbvarianten { width: 100%; text-align: center; white-space: nowrap; position: absolute; bottom: 4px; height: 18px; margin-left: -10px; z-index: 10; } .farbvarianten-item { margin: 2px; display: inline-block; font-size: 1px; height: 14px; width: 14px; } .farbvarianten-item .colorbutton { font-size: 17px; line-height: 12px; } .itemListSlideView .itemWrapper { width: 136px; } .itemListSlideView .iconWrapper { padding: 2px; } .itemListSlideView .icon { width: 132px; } .itemListSlideView .icon img { max-width: 132px; } .itemListSlideView .infoOuterWrapper { } .itemListSlideView .infoWrapper { width: 136px; } .itemListSlideView .info { padding: 5px; overflow: hidden; min-height: 100px; } .itemListSlideView .itemTextInnerWrapper { min-height: 74px; } .itemListSlideView .verticalAlignerHelper { display: none; } .itemList.itemListSlideView .itemName { font-size: 12px; } .itemList.itemListSlideView .slideOnHoverTarget { } .itemList.itemListSlideView .addToCartForm { display: none; } .wp-content { } .wp-content span.fontstyle0 { } .wp-content span.fontstyle3 { } .mega-menu a.level0 { border-bottom: 3px solid transparent; } .mega-menu a.level0.open { border-color: #333333; } .viewId-category .mega-menu a.level0, .viewId-item .mega-menu a.level0, .mega-menu-open a.level0 { color: #999; } .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: #333333; } .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: rgba(250, 250, 250, 0.90); height: 100%; width: 1900px; margin-left: -1910px; margin-top: -5px; z-index: 2000; } .mega-menu .subMenu-blind-after { position: absolute; background: rgba(250, 250, 250, 0.90); height: 100%; width: 1900px; margin-left: 100%; margin-top: -5px; z-index: 2000; } .white {font: normal 14px 'Open Sans', Arial, Helvetica, Sans-Serif; line-height: 16px;} .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; width: 100%; height: 42px; 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 38px 10px 0; 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; width: 100%; background: rgba(250, 250, 250, 0.90); box-sizing: border-box; padding: 0px 10px; } .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;} .white ul.mega-menu li .sub li {list-style: none; float: none; width: 170px; 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;} .white ul.mega-menu li .sub-container.non-mega li a {padding: 7px 5px 7px 0; } .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: 43px !important; margin-left: 0 !important; } .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: 5px 20px 10px 0; } .white ul.mega-menu li a.level0.withSubCategories::after { border-style: none; } .white ul.mega-menu li a.level0 { text-transform: uppercase; } .stoerer { width: 30px; height: 30px; position: absolute; right: 15px; top: 15px; } .stoerer-prozent { background: url(img/prj/stoerer-prozent.png) no-repeat center center; } .stoerer-neu { background: url(img/prj/stoerer-neu.png) no-repeat center center; } .itemListTableView .iconCell { position: relative; } .itemListTableView .stoerer { right: 2px; top: 2px; } .pageContent-item .itemDetailContainer .stoerer { right: 35px; z-index: 50; } .pageContent-item .itemListSlideView .stoerer { right: 2px; z-index: 50; } .blog-teaser-wrapper { text-align: justify; } .blog-teaser { display: inline-block; height: 550px; vertical-align: top; margin-bottom: 10px; } .blog-teaser-schmal { width: 330px; overflow: hidden; } .blog-teaser-breit { width: 660px; } .blog-teaser-bild { height: 330px; margin-bottom: 5px; } .blog-teaser-bild img { max-width: 100%; max-height: 100%; width: auto; height: auto; } .blog-teaser-heading {} .blog-teaser-text {} .blog-teaser-link {} .blog-beliebt { border: 1px solid #333333; margin-top: 30px; } .blog-archiv { border: 1px solid #333333; margin-top: 30px; } .root-category-blog .contentCategoryListTopWrapper .contentCategoryList ul { border-bottom: none; } .root-category-blog .contentCategoryListTopWrapper .contentCategoryList a.open { font-weight: bold; border-bottom: 0px solid #fff; color: #3f8d7e; } .hilfsnavigation-wrapper { width: 100%; } .hilfsnavigation { max-width: 1000px; margin: 0 auto; vertical-align: top; } .hilfsnavigation ul { padding: 0; margin: 0; } .hilfsnavigation-col { display: inline-block; width: 160px; vertical-align: top; } .hilfsnavigation h5 { margin-bottom: 0; font-size: 13px; } .hilfsnavigation-line { display: none; border-bottom: 1px solid #333333; width: 100%; margin-top: 20px } .responsiveLayout .pageContent-account { max-width: 100%; width: 100%; } .responsiveLayout .pageContent-account .account-middle { max-width: 1000px; margin: 20px auto 0 auto; } .account-kacheln { width: 100%; max-width: 100%; margin: 20px auto 0 auto; text-align: justify; display: block; overflow: hidden; } .account-kachel-zeile { overflow: hidden; margin-bottom: 10px; width: 100%; background-color: #eee; max-height: 370px; } .account-kachel { display: table; width: 100%; max-height: 370px; overflow: hidden; } .account-kachel-breit { width: 1190px; display: table-cell; } .account-kachel-schmal { width: 700px; display: table-cell; } .account-kachel-links { border-right: 10px solid #fff; box-sizing: border-box; position: relative; } .account-kachel-rechts { position: relative; } .account-kachel-hintergrund { width: 100%; height: 100%; } .account-kachel-hintergrund img { max-width: 100%; max-height: 100%; width: auto; height: auto; } .account-kachel-textwrapper { z-index: 1; position: absolute; width: 100%; box-sizing: border-box; left: 20px; top: 10px; text-align: left; } .account-kachel-heading { font-size: 20px; margin-bottom: 10px; } .account-kachel-text { } .account-kachel-box { z-index: 1; position: absolute; left: 0; bottom: 0; box-sizing: border-box; background: rgba(255, 255, 255, 0.7); font-size: 16px; width: 200px; padding: 5px 20px; border-width: 2px 2px 0 0; border-color: #fff; border-style: solid; } .pageContent-account h1 { color: #333333; border-bottom: 1px solid #333333; margin-bottom: 30px; font-weight: normal; font-size: 30px; padding-bottom: 5px; } .pageContent-account .account-links { text-align: justify; margin-top: 20px; } .pageContent-account .account-link-wrapper { display: inline-block; width: 24%; box-sizing: border-box; margin-bottom: 20px; } .pageContent-account .account-link { } .pageContent-account .menuEntry { height: 54px; line-height: 54px; font-size: 16px; padding: 0 5px 0 65px; border: 1px solid rgb(63, 141, 126); width: 100%; box-sizing: border-box; color: rgb(63, 141, 126); background-repeat: no-repeat; background-position: 10px center; } .pageContent-account .menuEntry:hover { text-decoration: none; background-color: rgb(63, 141, 126); color: #fff; } .pageContent-account .account-link-wrapper.empty { height: 1px; visibility: hidden; } .pageContent-account .account-link-wrapper.last { height: 1px; width: 100%; visibility: hidden; } .pageContent-account .menuEntry::before { display: none; } .pageContent-account .customerDataMenuEntry { background-image: url(img/prj/account/B2C-customerData.png); } .pageContent-account .wishlistMenuEntry { background-image: url(img/prj/account/B2C-Merkzettel.png); } .pageContent-account .orderCustomerDocumentMenuEntry { background-image: url(img/prj/account/B2C-Bestellungen.png); } .pageContent-account .deliveryNoteCustomerDocumentMenuEntry { background-image: url(img/prj/account/B2C-Lieferdaten.png); } .pageContent-account .invoiceCustomerDocumentMenuEntry { background-image: url(img/prj/account/B2C-Rechnungen.png); } .pageContent-account .creditNoteCustomerDocumentMenuEntry { background-image: url(img/prj/account/B2C-Gutschriften.png); } .pageContent-account .quickorderMenuEntry { background-image: url(img/prj/account/B2C-Schnellerfassung.png); } .pageContent-account .passwordChangeMenuEntry { background-image: url(img/prj/account/Passwort-B2C.png); } .pageContent-account .logoutMenuEntry { background-image: url(img/prj/account/B2C-Abmelden.png); } .pageContent-account .previouslyOrderedItemListMenuEntry { background-image: url(img/prj/account/B2C-Nachbestellungen.png); } .pageContent-account .customerDataMenuEntry:hover { background-image: url(img/prj/account/customerData.png); } .pageContent-account .wishlistMenuEntry:hover { background-image: url(img/prj/account/Merkzettel.png); } .pageContent-account .orderCustomerDocumentMenuEntry:hover { background-image: url(img/prj/account/order.png); } .pageContent-account .deliveryNoteCustomerDocumentMenuEntry:hover { background-image: url(img/prj/account/deliveryNote.png); } .pageContent-account .invoiceCustomerDocumentMenuEntry:hover { background-image: url(img/prj/account/Rechnungen.png); } .pageContent-account .creditNoteCustomerDocumentMenuEntry:hover { background-image: url(img/prj/account/B2C-Gutschriften2.png); } .pageContent-account .quickorderMenuEntry:hover { background-image: url(img/prj/account/Schnellerfassung.png); } .pageContent-account .backorderListMenuEntry:hover { background-image: url(img/prj/account/); } .pageContent-account .passwordChangeMenuEntry:hover { background-image: url(img/prj/account/Passwort-wB2C.png); } .pageContent-account .logoutMenuEntry:hover { background-image: url(img/prj/account/Abmelden.png); } .pageContent-account .previouslyOrderedItemListMenuEntry:hover { background-image: url(img/prj/account/B2C-Nachbestellungen2.png); } .pageContent-account .menuEntry { text-transform: uppercase; } .docbottom a { text-decoration: underline; } .pageContent-home .mitarbeiterList-wrapper { max-width: 1000px; margin: 20px auto 0 auto; } .pageContent-home .mitarbeiterList-heading { max-width: 1000px; margin: 20px auto 0 auto; text-align: center; font-weight: bold; } .itemListSlideView.mitarbeiterList .info { min-height: 40px; } .itemListSlideView.mitarbeiterList .infoWrapper { min-height: 40px; background-color: transparent; } .itemListSlideView.mitarbeiterList .itemName { font-weight: bold; } .pageContent-account .zustaendigeMitarbeiter li { float: left; margin-right: 20px; } .pageContent-account .zustaendigeMitarbeiter-list { padding: 0; } .pageContent-account .zustaendigeMitarbeiter .mitarbeiter { min-width: 150px; } .pageContent-account .zustaendigeMitarbeiter .mitarbeiter-icon { width: 100%; position: relative; display: block; } .pageContent-account .zustaendigeMitarbeiter .mitarbeiter-icon img { max-width: 250px; max-height: 100%; } .pageContent-account .zustaendigeMitarbeiter .mitarbeiter-info { position: absolute; bottom: 0px; width: 100%; color: #fff; } .pageContent-account .zustaendigeMitarbeiter .mitarbeiter-kontakt { display: none; padding: 10px; background: rgba(0,0,0,0.7); } .pageContent-account .zustaendigeMitarbeiter .mitarbeiter-typ { background: rgba(255,255,255,0.7); padding: 5px 10px; color: #000; font-size: 16px; } .pageContent-account .zustaendigeMitarbeiter .mitarbeiter.hover .mitarbeiter-typ { color: #fff; background: rgba(0,0,0,0.7); } .pageContent-account .zustaendigeMitarbeiter .mitarbeiter.hover .mitarbeiter-kontakt { display: block; } .pageContent-account .zustaendigeMitarbeiter .mitarbeiter-icon1 { display: none; } .pageContent-account .zustaendigeMitarbeiter .mitarbeiter.hover .mitarbeiter-icon1 { display: block; } .pageContent-account .zustaendigeMitarbeiter .mitarbeiter.hover .mitarbeiter-icon2 { display: none; } .inspirationen-kacheln { width: 100%; max-width: 100%; margin: 20px auto 0 auto; text-align: justify; display: block; overflow: hidden; } .inspirationen-kachel-zeile { overflow: hidden; margin-bottom: 35px; width: 100%; background-color: #eee; height: 370px; } .inspirationen-kachel { display: table; width: 100%; height: 370px; overflow: hidden; } .inspirationen-kachel-breit { width: 675px; display: table-cell; } .inspirationen-kachel-schmal { width: 1190px; display: table-cell; } .inspirationen-kachel-links { border-right: 35px solid #fff; box-sizing: border-box; position: relative; } .inspirationen-kachel-rechts { position: relative; } .inspirationen-kachel-hintergrund { position: absolute; width: 100%; height: 100%; } .inspirationen-kachel-hintergrund img { max-width: 100%; max-height: 100%; } .inspirationen-kachel-textwrapper { z-index: 1; position: absolute; width: 100%; box-sizing: border-box; left: 20px; top: 10px; } .inspirationen-kachel-heading { font-size: 20px; margin-bottom: 10px; } .inspirationen-kachel-text { } .inspirationen-kachel-box { z-index: 1; position: absolute; left: 0; bottom: 0; box-sizing: border-box; background: rgba(255, 255, 255, 0.7); font-size: 16px; width: 200px; padding: 5px 20px; border-width: 2px 2px 0 0; border-color: #fff; border-style: solid; } .pageContent-serie .serie-wrapper { height: 270px; margin-bottom: 30px; display: table; width: 100%; } .pageContent-serie .serie { display: table-row; } .pageContent-serie .serie-box { display: table-cell; width: 300px; color: #fff; text-align: center; border: 1px solid #333333; vertical-align: middle; } .pageContent-serie .serie-name { font-size: 26px; } .pageContent-serie .serie-text { font-size: 16px; } .pageContent-serie .serie-itemList { display: table-cell; } .pageContent-serie .itemList .itemWrapper { width: 150px; } .pageContent-serie .itemList .infoWrapper { width: 150px; } .pageContent-serie .itemList .icon { width: 130px; height: 130px; line-height: 130px; } .pageContent-serie .itemList .icon img { max-width: 125px; max-height: 125px; line-height: 125px; } .pageContent-serie .serie-goto { display: table-cell; vertical-align: middle; width: 1px; text-align: right; } .pageContent-serie .serie-goto-icon { width: 35px; } .pageContent-serie .serie-goto-label { display: none; } .item-nichtLieferbar { color: red; font-weight: bold; } .contentCategoryList ul { list-style-type: none; margin: 0px; padding: 0px; border-bottom: 1px solid #333333; margin-bottom: 10px; } .contentCategoryList ul:last-of-type { border-bottom: none; } .contentCategoryList li { display: inline-block; margin-right: 20px; } .contentCategoryList a { padding-bottom: 2px; display: inline-block; } .contentCategoryList a:hover { text-decoration: none; } .contentCategoryList a.open { font-weight: bold; border-bottom: 2px solid #333333; } .contentCategoryList ul:last-of-type a.open { border-bottom: none; } .contentCategoryList a.level1 { font-size: 14px; padding-bottom: 3px; } .contentCategoryListTopWrapper { max-width: 1000px; margin: 10px auto 0 auto; } .root-category-blog .contentCategoryList ul.level1, .root-category-blog .contentCategoryList ul.level3, .root-category-blog .contentCategoryList ul.level5, .root-category-blog .contentCategoryList ul.level4 { display: none; } .streichpreis .price { text-decoration: line-through; font-weight: bold; } .aktionspreis .priceWithDiscounts { color: #e6007e; } .pageContent-item .streichpreis { } .pageContent-item .priceWrapper.aktionspreis { } .pageContent-item .aktionspreis .priceWithDiscounts .amount { font-size: 16px; } .pageContent-item .aktionspreis .priceWithDiscounts .currency { font-size: 16px; } .pageContent-item .aktionspreis .priceWithDiscountsWrapper { display: inline-block; } .pageContent-item .aktionspreis .priceWithoutDiscountsWrapper { display: inline-block; } .pageContent-item .streichpreis-ersparnis { display: inline-block; margin-left: 10px; color: #e6007e; } .itemList .streichpreis { text-align: center; display: inline; margin-right: 5px; } .itemList .streichpreis-label { display: none; } .itemList .streichpreis-ersparnis { display: none; } .itemList .priceWithDiscountsWrapper { display: inline; } .itemListGridView .itemPrice, .itemListSlideView .itemPrice { text-align: center; } .pageContent-checkoutOrderView .mandatoryCheckboxes { margin-top: 30px; } .footer .footerCol .languageSelection a { text-transform: capitalize; } .mitarbeiter-email { word-spacing: 0; } .mitarbeiter-email .at { height: 10px; } .pageContent-category .mitarbeiterliste { padding: 0; } .pageContent-category .mitarbeiter-list .mitarbeiterWrapper { } .pageContent-category .mitarbeiterliste .mitarbeiterWrapper { display: inline-block; width: 20%; min-width: 150px; margin: 2%; } .pageContent-category .mitarbeiter-list .mitarbeiter { width: 100%; box-sizing: border-box; } .pageContent-category .mitarbeiter-list .mitarbeiter-icon { width: 100%; position: relative; display: block; } .pageContent-category .mitarbeiter-list .mitarbeiter-icon img { max-width: 250px; max-height: 100%; } .pageContent-category .mitarbeiter-list .mitarbeiter-info { position: absolute; bottom: 0px; width: 100%; color: #fff; } .pageContent-category .mitarbeiter-list .mitarbeiter-kontakt { display: none; padding: 10px; background: rgba(0,0,0,0.7); } .pageContent-category .mitarbeiter-list .mitarbeiter-typ { background: rgba(255,255,255,0.7); padding: 5px 10px; color: #000; } .pageContent-category .mitarbeiter-list .mitarbeiter.hover .mitarbeiter-typ { color: #fff; background: rgba(0,0,0,0.7); } .pageContent-category .mitarbeiter-list .mitarbeiter.hover .mitarbeiter-kontakt { display: block; } .pageContent-category .mitarbeiter-list .mitarbeiter-icon1 { display: none; } .pageContent-category .mitarbeiter-list .mitarbeiter.hover .mitarbeiter-icon1 { display: block; } .pageContent-category .mitarbeiter-list .mitarbeiter.hover .mitarbeiter-icon2 { display: none; } #mega-menu a.level0.category-inspirationen { font-family: Kalam, 'Open Sans', Arial, Helvetica, Sans-Serif; color: rgb(53, 120, 106); font-size: 15px; padding-top: 15px; padding-bottom: 9px; } .home-newsletter-wrapper { margin: 20px 0; box-sizing: border-box; } .newsletter-flanke { display: table; width: 100%; border-top: 1px solid rgb(63, 141, 126); border-bottom: 1px solid rgb(48, 109, 126); } .newsletter-flanke a { display: table-row; text-decoration: none; } .newsletter-flanke-links { width: 60%; display: table-cell; background: -moz-linear-gradient(top, rgb(63, 141, 126), rgb(48, 109, 126)); background: -ms-linear-gradient(top, rgb(63, 141, 126), rgb(48, 109, 126)); background: -webkit-gradient(linear, left top, left bottom, from(rgb(63, 141, 126)), to(rgb(48, 109, 126))); background: -webkit-linear-gradient(top, rgb(63, 141, 126), rgb(48, 109, 126)); background: -o-linear-gradient(top, rgb(63, 141, 126), rgb(48, 109, 126)); background: linear-gradient(top, rgb(63, 141, 126), rgb(48, 109, 126)); ; box-sizing: border-box; padding: 20px 20px 20px 0; vertical-align: middle; text-align: right; } .newsletter-flanke-links-content { text-align: left; width: 620px; max-width: 100%; color: #fff; display: inline-block; margin-left: 20px; } .newsletter-flanke-heading { font-size: 20px; } .newsletter-flanke-rechts { display: table-cell; width: 40%; box-sizing: border-box; padding: 20px; vertical-align: middle; } .newsletter-flanke-rechts-content { text-align: left; color: #fff; white-space: nowrap; } .newsletter-flanke-button { background: -moz-linear-gradient(top, rgb(63, 141, 126), rgb(48, 109, 126)); background: -ms-linear-gradient(top, rgb(63, 141, 126), rgb(48, 109, 126)); background: -webkit-gradient(linear, left top, left bottom, from(rgb(63, 141, 126)), to(rgb(48, 109, 126))); background: -webkit-linear-gradient(top, rgb(63, 141, 126), rgb(48, 109, 126)); background: -o-linear-gradient(top, rgb(63, 141, 126), rgb(48, 109, 126)); background: linear-gradient(top, rgb(63, 141, 126), rgb(48, 109, 126)); ; padding: 5px 20px; -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-haendlersuche button.haendlersuche-form-submit, .pageContent-haendlersuche button.haendlersuche-form-submit:hover { background: rgb(31, 113, 163); padding-top: 5px; padding-bottom: 5px; } .pageContent-haendlersuche .haendlersuche-haendler-route a { background: rgb(31, 113, 163); color: #fff; padding: 5px 15px; } .responsiveLayout .pageContent-shoppingCart { max-width: 100%; width: 100%; } .responsiveLayout .pageContent-shoppingCart .shoppingCart-middle { max-width: 1000px; margin: 20px auto 0 auto; } .responsiveLayout .pageContent-shoppingCart .shoppingCart-newsletter-wrapper { margin-top: 30px; } div.doc .itemList a { text-decoration: none; }