@charset 'utf-8';
/*! jQuery UI - v1.12.1 - 2020-02-28
* http://jqueryui.com
* Includes: draggable.css, core.css, autocomplete.css, menu.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-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;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[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}
.vjs-svg-icon{display:inline-block;background-repeat:no-repeat;background-position:center;fill:currentColor;height:1.8em;width:1.8em}.vjs-svg-icon:before{content:none!important}.vjs-control:focus .vjs-svg-icon,.vjs-svg-icon:hover{filter:drop-shadow(0 0 .25em #fff)}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABTsAAsAAAAAIpAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV32Y21hcAAAAYQAAAEJAAAD5p42+VxnbHlmAAACkAAADtIAABckI4l972hlYWQAABFkAAAAKwAAADYsvIjpaGhlYQAAEZAAAAAdAAAAJA+RCL1obXR4AAARsAAAABcAAAC8Q2YAAGxvY2EAABHIAAAAYAAAAGB7CIGGbWF4cAAAEigAAAAfAAAAIAFAAI9uYW1lAAASSAAAASUAAAIK1cf1oHBvc3QAABNwAAABfAAAAnXdFqh1eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGR7yDiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGPHcRdyA4RZgQRADaGCyYAAHic7dPXbcMwAEXRK1vuvffem749XAbKV3bjBA6fXsaIgMMLEWoQJaAEFKNnlELyQ4K27zib5PNF6vl8yld+TKr5kH0+cUw0xv00Hwvx2DResUyFKrV4XoMmLdp06NKjz4AhI8ZMmDJjzoIlK9Zs2LJjz4EjJ85cuHLjziPe/0UWL17mf2tqKLz/9jK9f8tXpGCoRdPKhtS0RqFkWvVQNtSKoVYNtWaoddPXEBqG2jQ9XWgZattQO4baNdSeofYNdWCoQ0MdGerYUCeGOjXUmaHODXVhqEtDXRnq2lA3hro11J2h7g31YKhHQz0Z6tlQL4Z6NdSbod4N9WGoT9MfHF6GmhnZLxyDcRMAAAB4nJ1YC1hU17U+a5/HMA4iA3NmVBDmoQwP5TFnHlFeA4gYiUFRQINoSCBAyK3G2yi+0aipYtFcHYo2xsb4NiY3+VrNxSaX5uvt495ozNdoYoxmem2/L8HGpLc+InB279pnhlGr5mvL4eyz99nrrL32eu1/DQcc/okdYgdHOA6MQKp4r9gx0EcMHMezOalVasW5BM7NcXoSb9fFgE6KtSSBxWz1FYDPG+vMBGcKb9cebu2VS5s2aaTkCvRSf6C7Y+Ppibm5E09v7IDs2/3uZQtbD0zIyppwoHXh/93ukmyYgdePNRp65p5v+3v/9otQl2O7wP34cT88p8Md2YxpYLQZoRcy6FlSBRnwnGAe6BPMSCZo+7NJVqS0cE4uHendzhSnbPH6TDqL1+Nme5LZXkCHnGyoH0kne30WH+gswhm3q+pt/mTas9NLS64GnjmSlTPw0wVQT/ewRaBgxtydy3cuUB9/6SW+vb5yRvr+t0eOfPKJZ/9t3+4tL7xj32Xd3thCxi+ge6ifdsAN+l5+wi5HQ/cCoeull1AszS7CUfEcJzK7sKWJAdJhCd0sPM4+EY7QDm5ov08hXRQXE5bf6PV5Q5+IjW7X7Nku92Ask4l2hCRRD6TPqISiCJeQna3SCFwrhrNzXHzo4yFevBwxpzxk8WCIIfkvVEKVy32SbT8n68gzgaslpaiO2zIGIyuSb7RNf9HSuN26y/7OC1tgEmpiyA6aD4qcgTOiLThwGG0eB694FI8NHLLN6OBlRVaMxNAFS4JdXUG6mW8PwpKuYLCLXKGbu8iwYNdgO06Sn3Th+/vyZAxs8Ro30DjHe9gy8Fywi24OMm7Qyzh3MTZVOMYhLBnoC+J79lpTUyQmorjhnMwlcQ5uPEYGpDjsOkkH49BjQLQBqs3jFtFdJNlksYmoQFDArLh8Xh+Qd6Ghcsb6FUuehDi+U/lqD71K/qiegeV1imcwjl7ExwiSrf4BZyCujV6cVcFo6VX+G9IcPyFjJnUufbU/jzrL1X99as36reXl8K32nFaOr+E8jWJEcJ55DpMVfSMe95/AJaOsGBH2GJCNpiRQbK4C8BjdmQA22QY2j03Em13i2YHqtNLU1NI04Yj2HJgA6fQc6VPNpA/D+Ryks554NnVy2mB72uRUfPLsqR4N0LOBQKArwJYO+5W2fgZX8oC1HR6HjNaQTVIG2FPwnTcXXGZZfNB7TE6pTKZUwaw91XWLAoFFGcnB5PHjsckgBjbWutrL+0h5Y1xw3DRGDumsnXb3MJwXrJIN5U7m0rgJ3yG5w4he5ckFG4pmNEkOm0/xOO4r4yL87wqtQM+hiJIVp+6iG2wPBKD35ElGkDx+UfC2v1mFG1o+M3AjNFty8biKMXwzyxnZLds8wYD2BxmCPHAldPOeLsy/0BugftYhVYFAhO8SqQ0j3oK7dHJZnI/jxmUS4onlxskSF8thmvNZjIrRZwEPxr0lBuLRuz3oy/FOHCsxwOPYh2M+e9u3J5pgPYz9gp6G7C9m0A11F9ddqKMfV+4sbq45/YspOysXvT+3pdFdYNg2fHbW8Dz301MqDVuGrz0Fuh0YMW8mddrpqzST7rV9BcvqPoNvadRndWp0p8HvbiqrFj5yFQ/vNFSXDpxpLEFWp+DcrF3FT1afWshFcmCfeAMjEvO65i0Y6XijQfSRPWx3TV/Df7Km3E1l+kLt56s/rwVzuRusNMhudznkwdLaS+QNdeal2jDPP4l9qHc98vTYZOSkxzD+njBWVWjFPKgipx6DkWvXQiW8OYcewVHE5yukinDMcfGgc0opDltYKDxIGBedkzc6jSfE7tlvESCDFUw0Hx0opS+U0lHCxNottbNWSxX9zZVvEhKWUSyBpaXwBc2a98M6UqPeXAs/GDon8Ax7hsthO8cM5HU7Ad0UvRR9lHmtyQKZ4MAe814X5h9MSUkQmhf96eVJ6p90OjIiqSIjvykvr2l5U55O/fPQKD+jIomYpNyGJQ25uQ2kIikRfAmuBHCPsWqkSDEqgZ5KDI2sifS/R43MbZg0idFHbCPNxXxZws1ACVE6hAhOdJwRkJLFBLPZpRGYJ50pko6XzMkgmSx40ljik6AQcKhFnLcQE6rF7PXFe1Ocoj0T3AXgSgJTDIhHRfHlYZKuSzc6uievOJGXY+i5GJkkTp7UM3y0LqATDbtFcbdBxO7o4T25JYlEjoH0uynUh8rapkxp62QN70svSF+hT4gGPlovlmcm/ComLi7mV4kTykV9NFWjE/QrwgQ4uIcAP0rQF4VZYRP2o3PhHHzfPMJj9Ir+uzKUlrH49ntT18AVvj1sc3YGjUT/Mt2Dxawa8ArcA7bCQIpvfwAYu22vEG/No/5RvPdA7g+AelLrPwzy+LtkLPhnpIxH14m4EYq8eeMHbPEPNm6G7Nv9B4jcFPZ8bJj0SEjP3MPgQdKTqqEoy2v6G32P/Y6dxOv04AxnoAeq+GILvUavtYCBXm+BaIhuodcfrN5B/V2EYMCPh+SxavjGyPwV0x4CJgUPGT0mQaODGBACIJZGsMXwAD0LGXx7l3CdAcKMIKI+f5CepWeD0BvyU/GcdBxPF8SwejC6LGZmAURFdsSWKR5HyHld2kbdIZO1Ixx+bnnzU7n5+blPNV9jnUDWhP2tC68tbN3PVIldsQPxSAcSpjOav7Q05uXn5zW2LLvDXn9B6syscPy9iDLEMmSrJz6nYuWMipukjM0AH8JkGS+XFyMRkzSCH7KD/hwm172SAyZYumHlefr5AddrtA0O0TnwaVZxcRY9Bfukn9Gf05N1r9DV9MoBsJ1f+ZrqUvtPHizJAntWybv7hmqLt6QLuK6ZS9Fqi1jO5rDoWPZXXII5Tgajg53cIXCjDCGIcYrRIY2n6+mXOa/W0bdhau3ryiEYe2FV/5oeaIYK/5w5frCyll6/cYO8DiNhw6t1MBWmznt91QX62UF1N7l0eHBZTRGpKaqpKVIPF9UcIzmReud9TSY75+K899GHbBu6wjoR7RKKZVYiYxSPf5/2wJT5e3NAhmUbVn5KLx1Ujg0+BGvpAIh0DezInTkzF37KVocxrKU3r1+XLtAe2lO3l66kfQfB/unKY+q8N375Ru8bc4pJXfEcESU95q+p8ZNZRTWH1d9FzvUdYXk5rLkcdkEisoKKVHQW/b3GEx6tPaYcoJfOr9wAbSBnv1IHpep0OExr4LPMkpJM+j7sly7UHkOzXjoAZljHCGiyegtNlwljM0v+c19ET9Pvst09a2Mtgcf5/ZSzYO5h1156+eyydfAsxGa9XAuF6vzjh6CssLq6ECysperXX0sX5h5ZdpZe3guxsGIPEtHk/aqXX1hVqP5HYVVVISkrrNqvXorIc+5Ou91Hnr/LcD2afi6eX7UBloOcs7cOpqgGaNfs1g7bNbs9z6wASaylN69d0/TFTIz6Ws8+oGV3mE2612wRTHKcVUbhjKadebloMc+dyXgMVtVK6BwMB/+mVW09igdRBWaRtNQX59d/VD//xdQ0TCiYNj1KT9sq6Wdu5WTbqk3qDXyDaLa1fv621LS01G3z61sD6lH8lAxDLicV921s6Bf92JOYvzNYCL1khbqBXEFUzC521N5NyzNaQIWhjyFyDoBIVrAjmv2UEaLlI+c6zw1jmVIPLLLZZUTj6GxGHW+mq1tgHXR2D85p4Q934+jLbtjVLcyCdS10NVzpHqxp4Q/hK7WopY/NRGx9HGsPGdFjOjcpjBnGYMVqY/4eqT5khWEHWUup2A/pTw7pdWgsWft7ETUERL96nRg0HNFPmCYba6pylECaExX89A9WLUOVB4oKLu/o1oqSYHCgLzBUlAz8hNFDRpeSU1XT+LRmDUgPaKbYdHDn9suF/tu13nHJij0N97LfS0QmqONuyONk7zvUI6Qa0pF9f2+oABL92AT6e0U//z9YqAiWtJLU1JK0gS+1aacwamiNqK067u9ZQ8f1d4qLodMzz3uL89Z68V/Hnr++hXWUuHgw8dfi972PeTyPefu3aNNucemQ74qFuIaJnVkOu4Q+yjuwmmC1FqZpl1i4uzoPxjkpPf3Xv545tl26Rr+dOvUd+omqJzch9dOeU7f10Y64nMcKK137DccIZq2WdXtdZjbEoLSzHwiMtrjYLDxpHQW8gjMX6XFYAE2zSWVD04EGYSs9MbO6sEo20BMEAB4mpvSypsKjZ4Stgzb+c3A9/MQT2+vrBy+qvyFxLUtLlSRF/Ri2wjfZ2dus2Q8lXx4608/jnqK5OOap6NY2PSjYYnECCjiEeLJll/pbmqfeIK+ps3+MxrlEhqmTPipVP7kqlF4VhpEb6r+Q7YOJg38kJ9SHBf3NBl6+9YchfbUjb5ahLSzUM3kPHmwFAsZ5rpai0S7E5xWzZ1j+fW7zsUWP2g5NXTw52ySCTrgG0+lbw60l2Y/CB185CoA8NK+tbRKxfjy6pm5hzQRRR+cMqv1Jbiw6STivtEvt3DRcy0QEh92JlUGo2PG4tSKHl00YD6xc8CK+YPYyy3io2lN8BcSjKRzrIV6ypOAobqxViJPaT9M9Hy5szY33mp7OX/Zu89L/7Ww5vqY2Y8b0pKgoiUhG5cPDPzq8qTV/WkzUOIvXVVA96kmjcBrr3HrYC/Wn+fYP6Z7T1rqy3zknbvqma/FvVk96fNXGkuaXrdHW5JGSxZT/2I/O73v+yNWafMdzc5NdxYurHs6h86e01sLKLz9EBrg+x36rxAaED7hRnAMx7Vzu+9wabh3zG8XLQjx0ablUJzmxdErxYT3kzQSd0SSafVqF5PXgpp0OyYJ1EyNHpGUZmvK575ySzd85JSqF7IBzSAbMM04+MbE58xF3/njXOGecSaermlw2y9PsSQdytLJVr8t+wg+rR8cZYoeNxVIzNdk3Bngi8U5LAlgTFoQnzJCa5EsCgYhCaGL+qPj7TdhG31p9tej3R04N//PXxNwJvyUqwaJqRPJY98TJ5TPndmflRAkAhBfe46sfKW5wizSge08Xb7Ca/GUVs55trngkKkrUS2WPzKttaaqq+idmahugkY+W6fN0I6i3gPt/x88U4wAAeJxjYGRgYADiGU9YXsXz23xl4GZnAIFH7fO+IdMc/WBxDgYmEAUASbMKwAB4nGNgZGBgZwABjj4Ghv//OfoZGBlQgT4ARicDZAAAAHicY2BgYGAfxJijD8Fmu4EqBwCSpgKpAAAAAAAADgBoAH4AzADgAQIBQgFsAZgB7gIuAooC0AL8A2IDjAOoA+AEMASwBNoFCAVaBcAGCAYuBnAGrAb2B04HigfSCCoIcAiGCJwIyAkkCVYJiAmsCfIKIApWCsQLknicY2BkYGDQZ2hmYGcAASYg5gJCBob/YD4DABqrAdAAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2ReVPbMBDF/ULi2EkDBFqO3gdHLxUzDB9IkdexBllydRD49ihO3Ckz7B/a31utZnafkkGyiXnyclxhgB0MMUKKMTLkmGCKV5hhF3vYxxwHOMRrvMERjnGCU7zFO7zHB3zEJ3zGF3zFN5zhHBe4xHf8wE/8wm8w/MEVimTYKv44XR9MSCsUjVoeHE3vjQoNsSZ4mmxZmVWPjSz7jlou6/0qKOWEJdKMtCe793/hQfqxa6XWZHMXFl56RS4TvPXSaDeoy0zUUZB109KstDK8lHo5q6Qi1hcOnqkImubPS6aqRq7mlnaEWabub4iYblba3SRmgldS0+FWdhNtt04F14JUaqkl7tcpOpJtErvNt3Bd9HRT5JWxK25Ldjvp6br4hzfFiIdSmlzTg2fSUzNrLd1LE1ynxq4OVaVoKLjzJ60UPtj1RKzHzsbjly6inVnFBS2MucviPncU7Rr7lfTxRepDs1A2j3ZHRc7PuzFYSfE3ZOd4kjwBy227hA==) format("woff");font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:"\f101"}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:"\f102"}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:"\f103"}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:"\f104"}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:"\f105"}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:"\f106"}.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:"\f107"}.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:"\f108"}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:"\f109"}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:"\f10a"}.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{content:"\f10b"}.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{content:"\f10c"}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:"\f10d"}.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{content:"\f10e"}.vjs-icon-downloading{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-downloading:before{content:"\f10f"}.vjs-icon-file-download{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-file-download:before{content:"\f110"}.vjs-icon-file-download-done{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-file-download-done:before{content:"\f111"}.vjs-icon-file-download-off{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-file-download-off:before{content:"\f112"}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:"\f113"}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:"\f114"}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:"\f115"}.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before{content:"\f116"}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:"\f117"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:"\f118"}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{content:"\f119"}.vjs-icon-repeat{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-repeat:before{content:"\f11a"}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{content:"\f11b"}.video-js .vjs-skip-backward-5 .vjs-icon-placeholder,.vjs-icon-replay-5{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before,.vjs-icon-replay-5:before{content:"\f11c"}.video-js .vjs-skip-backward-10 .vjs-icon-placeholder,.vjs-icon-replay-10{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before,.vjs-icon-replay-10:before{content:"\f11d"}.video-js .vjs-skip-backward-30 .vjs-icon-placeholder,.vjs-icon-replay-30{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before,.vjs-icon-replay-30:before{content:"\f11e"}.video-js .vjs-skip-forward-5 .vjs-icon-placeholder,.vjs-icon-forward-5{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before,.vjs-icon-forward-5:before{content:"\f11f"}.video-js .vjs-skip-forward-10 .vjs-icon-placeholder,.vjs-icon-forward-10{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before,.vjs-icon-forward-10:before{content:"\f120"}.video-js .vjs-skip-forward-30 .vjs-icon-placeholder,.vjs-icon-forward-30{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before,.vjs-icon-forward-30:before{content:"\f121"}.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{content:"\f122"}.vjs-icon-next-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-next-item:before{content:"\f123"}.vjs-icon-previous-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-previous-item:before{content:"\f124"}.vjs-icon-shuffle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-shuffle:before{content:"\f125"}.vjs-icon-cast{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cast:before{content:"\f126"}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-enter:before{content:"\f127"}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-exit:before{content:"\f128"}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:"\f129"}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:"\f12a"}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:"\f12b"}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:"\f12c"}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:"\f12d"}.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{content:"\f12e"}.video-js{display:inline-block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;word-break:initial}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:0}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-1-1,.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-9-16,.video-js.vjs-fluid{width:100%;max-width:100%}.video-js.vjs-1-1:not(.vjs-audio-only-mode),.video-js.vjs-16-9:not(.vjs-audio-only-mode),.video-js.vjs-4-3:not(.vjs-audio-only-mode),.video-js.vjs-9-16:not(.vjs-audio-only-mode),.video-js.vjs-fluid:not(.vjs-audio-only-mode){height:0}.video-js.vjs-16-9:not(.vjs-audio-only-mode){padding-top:56.25%}.video-js.vjs-4-3:not(.vjs-audio-only-mode){padding-top:75%}.video-js.vjs-9-16:not(.vjs-audio-only-mode){padding-top:177.7777777778%}.video-js.vjs-1-1:not(.vjs-audio-only-mode){padding-top:100%}.video-js.vjs-fill:not(.vjs-audio-only-mode){width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.video-js.vjs-audio-only-mode .vjs-tech{display:none}body.vjs-full-window,body.vjs-pip-window{padding:0;margin:0;height:100%}.vjs-full-window .video-js.vjs-fullscreen,body.vjs-pip-window .video-js{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),body.vjs-pip-window .video-js{width:100%!important;height:100%!important;padding-top:0!important;display:block}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-pip-container .vjs-pip-text{position:absolute;bottom:10%;font-size:2em;background-color:rgba(0,0,0,.7);padding:.5em;text-align:center;width:100%}.vjs-layout-small.vjs-pip-container .vjs-pip-text,.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,.vjs-layout-x-small.vjs-pip-container .vjs-pip-text{bottom:0;font-size:1.4em}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1!important;visibility:visible!important}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.63332em;width:3em;display:block;position:absolute;top:50%;left:50%;padding:0;margin-top:-.81666em;margin-left:-1.5em;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:rgba(43,51,63,.7);border-radius:.3em;transition:all .4s}.vjs-big-play-button .vjs-svg-icon{width:1em;height:1em;position:absolute;top:50%;left:50%;line-height:1;transform:translate(-50%,-50%)}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause:not(.vjs-seeking,.vjs-scrubbing,.vjs-error) .vjs-big-play-button{display:block}.video-js button{background:0 0;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-js.vjs-spatial-navigation-enabled .vjs-button:focus{outline:.0625em solid #fff;box-shadow:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{display:flex;justify-content:center;list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.js-focus-visible .vjs-menu li.vjs-menu-item:hover,.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:rgba(115,133,159,.5)}.js-focus-visible .vjs-menu li.vjs-selected:hover,.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}.js-focus-visible .vjs-menu li.vjs-selected:hover .vjs-svg-icon,.vjs-menu li.vjs-selected .vjs-svg-icon,.vjs-menu li.vjs-selected:focus .vjs-svg-icon,.vjs-menu li.vjs-selected:hover .vjs-svg-icon{fill:#000}.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible){background:0 0}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-pip-window .vjs-menu-button-popup .vjs-menu{left:unset;right:1em}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;transition:all .4s}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.video-js.vjs-spatial-navigation-enabled .vjs-control-bar{gap:1px}.video-js:not(.vjs-controls-disabled,.vjs-using-native-controls,.vjs-error) .vjs-control-bar.vjs-lock-showing{display:flex!important}.vjs-audio-only-mode .vjs-control-bar,.vjs-has-started .vjs-control-bar{display:flex;visibility:visible;opacity:1;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;pointer-events:none;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible;pointer-events:auto}.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;flex:none}.video-js .vjs-control.vjs-visible-text{width:auto;padding-left:1em;padding-right:1em}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.vjs-button>.vjs-icon-placeholder{display:block}.vjs-button>.vjs-svg-icon{display:inline-block}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js :not(.vjs-visible-text)>.vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;flex:auto;display:flex;align-items:center;min-width:4em;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{display:flex;align-items:center}.video-js .vjs-progress-holder{flex:auto;transition:all .2s;height:.3em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder,.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-progress-holder{font-size:1.6666666667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{position:absolute;display:block;height:100%;margin:0;padding:0;width:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;line-height:.35em;z-index:1}.vjs-svg-icons-enabled .vjs-play-progress:before{content:none!important}.vjs-play-progress .vjs-svg-icon{position:absolute;top:-.35em;right:-.4em;width:.9em;height:.9em;pointer-events:none;line-height:.15em;z-index:1}.video-js .vjs-load-progress{background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:rgba(115,133,159,.75)}.video-js .vjs-time-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip,.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-scrubbing.vjs-touch-enabled .vjs-progress-control .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em 0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js.vjs-spatial-navigation-enabled .vjs-slider:focus{outline:.0625em solid #fff}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control{visibility:visible;opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;margin-right:0}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical{left:-3.5em;transition:left 0s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active{width:10em;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3000em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel{display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em;z-index:1}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em;z-index:1}.vjs-svg-icons-enabled .vjs-volume-level:before{content:none}.vjs-volume-level .vjs-svg-icon{position:absolute;width:.9em;height:.9em;pointer-events:none;z-index:1}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{line-height:.35em;right:-.5em}.vjs-slider-horizontal .vjs-volume-level .vjs-svg-icon{right:-.3em;transform:translateY(-50%)}.vjs-slider-vertical .vjs-volume-level .vjs-svg-icon{top:-.55em;transform:translateX(-50%)}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.video-js .vjs-volume-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip,.video-js .vjs-volume-control:hover .vjs-volume-tooltip{display:block;font-size:1em;visibility:visible}.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip,.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip{left:1em;top:-12px}.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip{font-size:1em}.video-js .vjs-volume-control .vjs-mouse-display{display:none;position:absolute;width:100%;height:1px;background-color:#000;z-index:1}.video-js .vjs-volume-horizontal .vjs-mouse-display{width:1px;height:100%}.video-js .vjs-volume-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.vjs-mouse-display .vjs-volume-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.vjs-poster{display:inline-block;vertical-align:middle;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-has-started .vjs-poster,.vjs-using-native-controls .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster,.vjs-has-started.vjs-audio-poster-mode .vjs-poster,.vjs-pip-container.vjs-has-started .vjs-poster{display:block}.vjs-poster img{width:100%;height:100%;object-fit:contain}.video-js .vjs-live-control{display:flex;align-items:flex-start;flex:auto;font-size:1em;line-height:3em}.video-js.vjs-liveui .vjs-live-control,.video-js:not(.vjs-live) .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{align-items:center;cursor:pointer;flex:none;display:inline-flex;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;width:auto;min-width:4em}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{margin-right:.5em;color:#888}.vjs-svg-icons-enabled .vjs-seek-to-live-control{line-height:0}.vjs-seek-to-live-control .vjs-svg-icon{width:1em;height:1em;pointer-events:none;fill:#888}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-svg-icon{fill:red}.video-js .vjs-time-control{flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.video-js .vjs-current-time,.video-js .vjs-duration,.vjs-live .vjs-time-control,.vjs-live .vjs-time-divider{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-normalise-time-controls:not(.vjs-live) .vjs-time-control{display:flex}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.vjs-error .vjs-text-track-display{display:none}.video-js.vjs-controls-disabled .vjs-text-track-display,.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{transform:translateY(-3em)}.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js.vjs-force-center-align-cues .vjs-text-track-cue{text-align:center!important;width:80%!important}@supports not (inset:10px){.video-js .vjs-text-track-display>div{top:0;right:0;bottom:0;left:0}}.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none}.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,.vjs-pip-window .vjs-picture-in-picture-control{display:none}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.video-js.vjs-audio-only-mode .vjs-fullscreen-control,.vjs-pip-window .vjs-fullscreen-control{display:none}.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.85;text-align:left;border:.6em solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:5em;height:5em;border-radius:50%;visibility:hidden}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:flex;justify-content:center;align-items:center;animation:vjs-spinner-show 0s linear .3s forwards}.vjs-error .vjs-loading-spinner{display:none}.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";position:absolute;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;animation-delay:.44s}@keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.video-js.vjs-audio-only-mode .vjs-captions-button{display:none}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-audio-only-mode .vjs-descriptions-button{display:none}.vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-svg-icon{width:1.5em;height:1.5em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"\f10c";font-size:1.5em;line-height:inherit}.video-js.vjs-audio-only-mode .vjs-subs-caps-button{display:none}.video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-audio-button+.vjs-menu .vjs-descriptions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before,.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:" \f12e";font-size:1.5em;line-height:inherit}.video-js.vjs-layout-small .vjs-current-time,.video-js.vjs-layout-small .vjs-duration,.video-js.vjs-layout-small .vjs-playback-rate,.video-js.vjs-layout-small .vjs-remaining-time,.video-js.vjs-layout-small .vjs-time-divider,.video-js.vjs-layout-small .vjs-volume-control,.video-js.vjs-layout-tiny .vjs-current-time,.video-js.vjs-layout-tiny .vjs-duration,.video-js.vjs-layout-tiny .vjs-playback-rate,.video-js.vjs-layout-tiny .vjs-remaining-time,.video-js.vjs-layout-tiny .vjs-time-divider,.video-js.vjs-layout-tiny .vjs-volume-control,.video-js.vjs-layout-x-small .vjs-current-time,.video-js.vjs-layout-x-small .vjs-duration,.video-js.vjs-layout-x-small .vjs-playback-rate,.video-js.vjs-layout-x-small .vjs-remaining-time,.video-js.vjs-layout-x-small .vjs-time-divider,.video-js.vjs-layout-x-small .vjs-volume-control{display:none}.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:auto;width:initial}.video-js.vjs-layout-tiny .vjs-progress-control,.video-js.vjs-layout-x-small .vjs-progress-control{display:none}.video-js.vjs-layout-x-small .vjs-custom-control-spacer{flex:auto;display:block}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:rgba(43,51,63,.75);color:#fff;height:70%}.vjs-spatial-navigation-enabled .vjs-modal-dialog.vjs-text-track-settings{height:80%}.vjs-error .vjs-text-track-settings{display:none}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display:grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:20px 24px 0 24px}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}.vjs-text-track-settings select{font-size:inherit}.vjs-track-setting>select{margin-right:1em;margin-bottom:.5em}.vjs-text-track-settings fieldset{margin:10px;border:none}.vjs-text-track-settings fieldset span{display:inline-block;padding:0 .6em .8em}.vjs-text-track-settings fieldset span>select{max-width:7.3em}.vjs-text-track-settings legend{color:#fff;font-weight:700;font-size:1.2em}.vjs-text-track-settings .vjs-label{margin:0 .5em .5em 0}.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)}.vjs-track-settings-controls button:hover{color:rgba(43,51,63,.75)}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);color:#2b333f;cursor:pointer;border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}.vjs-title-bar{background:rgba(0,0,0,.9);background:linear-gradient(180deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.7) 60%,rgba(0,0,0,0) 100%);font-size:1.2em;line-height:1.5;transition:opacity .1s;padding:.666em 1.333em 4em;pointer-events:none;position:absolute;top:0;width:100%}.vjs-error .vjs-title-bar{display:none}.vjs-title-bar-description,.vjs-title-bar-title{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vjs-title-bar-title{font-weight:700;margin-bottom:.333em}.vjs-playing.vjs-user-inactive .vjs-title-bar{opacity:0;transition:opacity 1s}.video-js .vjs-skip-forward-5{cursor:pointer}.video-js .vjs-skip-forward-10{cursor:pointer}.video-js .vjs-skip-forward-30{cursor:pointer}.video-js .vjs-skip-backward-5{cursor:pointer}.video-js .vjs-skip-backward-10{cursor:pointer}.video-js .vjs-skip-backward-30{cursor:pointer}.video-js .vjs-transient-button{position:absolute;height:3em;display:flex;align-items:center;justify-content:center;background-color:rgba(50,50,50,.5);cursor:pointer;opacity:1;transition:opacity 1s}.video-js:not(.vjs-has-started) .vjs-transient-button{display:none}.video-js.not-hover .vjs-transient-button:not(.force-display),.video-js.vjs-user-inactive .vjs-transient-button:not(.force-display){opacity:0}.video-js .vjs-transient-button span{padding:0 .5em}.video-js .vjs-transient-button.vjs-left{left:1em}.video-js .vjs-transient-button.vjs-right{right:1em}.video-js .vjs-transient-button.vjs-top{top:1em}.video-js .vjs-transient-button.vjs-near-top{top:4em}.video-js .vjs-transient-button.vjs-bottom{bottom:4em}.video-js .vjs-transient-button:hover{background-color:rgba(50,50,50,.9)}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:-1000}.js-focus-visible .video-js :focus:not(.focus-visible){outline:0}.video-js :focus:not(:focus-visible){outline:0}
.video-js {
background-color: transparent;
}
.video-js .vjs-big-play-button {
font-size: 4em;
height: 1.63332em;
width: 1.63332em;
margin-top: -0.81666em;
margin-left: -0.81666em;
border-radius: 50%;
}
@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-display: swap;
font-display: swap;
}
@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-display: swap;
}
@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-display: swap;
}
@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');
font-display: swap;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local(''),
url('fonts/open-sans-v27-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('fonts/open-sans-v27-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-display: swap;
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 500;
src: local(''),
url('fonts/open-sans-v27-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('fonts/open-sans-v27-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-display: swap;
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
src: local(''),
url('fonts/open-sans-v27-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('fonts/open-sans-v27-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-display: swap;
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 500;
src: local(''),
url('fonts/open-sans-v27-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('fonts/open-sans-v27-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
font-display: swap;
}
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 400;
src: url('fonts/outfit-v2-latin-regular.eot'); /* IE9 Compat Modes */
src: local(''),
url('fonts/outfit-v2-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/outfit-v2-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/outfit-v2-latin-regular.woff') format('woff'), /* Modern Browsers */
url('fonts/outfit-v2-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/outfit-v2-latin-regular.svg#Outfit') format('svg'); /* Legacy iOS */
font-display: swap;
}
/* outfit-800 - latin */
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 800;
src: url('fonts/outfit-v4-latin-800.eot'); /* IE9 Compat Modes */
src: local(''),
url('fonts/outfit-v4-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/outfit-v4-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/outfit-v4-latin-800.woff') format('woff'), /* Modern Browsers */
url('fonts/outfit-v4-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/outfit-v4-latin-800.svg#Outfit') format('svg'); /* Legacy iOS */
font-display: swap;
}
html { height: 100%; margin: 0px; padding: 0px; overflow-y: scroll; }
body { position: relative; height: 100%; margin: 0px; padding: 0px; background-color: #f2f2f2; font-family: Arial, Helvetica, Sans-Serif; font-size: 14px; line-height: 1.5; color: #222c57; }
html.wf-active body { font-family: 'Open Sans', Arial, Helvetica, Sans-Serif; }
button, input, select, textarea { font-family: inherit; color: inherit; }
form { display: inline; margin: 0px; padding: 0px; }
textarea { resize: vertical; }
img { border: 0; border-style: none; }
table { padding: 0px; border-spacing: 0px; border: 0; border-style: none; }
tr, th, td { padding: 0px; }
a { text-decoration: none; color: #222c57; }
a:active, a:hover, a:focus { text-decoration: underline; }
a.underline { text-decoration: underline; color: #222c57; }
a.underline:active, a.underline:hover, a.underline:focus { text-decoration: underline; color: #008295; }
fieldset { border: none; padding: 0px; margin: 0px; }
fieldset legend { padding: 0px; }
.description { margin-bottom: 10px; }
@media print {
.hideOnPrint { display: none; visibility: hidden; }
}
.relative { position: relative; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.flyoutMenuContainer .flyoutMenuTriangleOuterWrapper { width: 100%; height: 0px; text-align: center; }
.flyoutMenuContainer .flyoutMenuTriangleInnerWrapper { display: inline-block; width: 20px; vertical-align: top; }
.flyoutMenuContainer .flyoutMenuTriangle { display: none; content: ""; position: absolute; width: 0px; height: 0px; border-width: 10px; border-style: solid; border-color: #ffffff transparent transparent transparent; z-index: 10051; }
.flyoutMenuContainer .flyoutMenu { display: none; position: absolute; right: 0px; z-index: 10050; }
.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%); }
.pageWrapper { position: relative; margin: 0px; padding: 0px; height: 100%; }
.responsiveLayout .layoutBackgroundWrapper { margin: 0px auto; padding: 0px 15px; height: 100%; }
@media only all and (max-width: 805px) {
.responsiveLayout .layoutBackgroundWrapper { padding: 0px; }
}
.responsiveLayout .layoutOuterWrapper {
margin: 0px auto; padding: 0px 15px;
min-height: 100%; background-color: #ffffff;
min-width: 290px;
max-width: 1900px;
}
@media only all and (max-width: 805px) {
.responsiveLayout .layoutOuterWrapper { padding: 0px 10px; }
}
.responsiveLayout .layoutTopOuterWrapper { margin-bottom: 12px; }
.responsiveLayout .layoutTopInnerWrapper {}
.responsiveLayout .layoutHeaderWrapper {
margin: 0px auto;
background-color: #ffffff;
min-width: 290px;
max-width: 1900px;
}
.responsiveLayout .layoutPreBottomWrapper { margin-top: 25px; }
.responsiveLayout .layoutBottomWrapper { background-color: #76b8b5; border-top: 5px solid #008295; overflow: auto; }
.responsiveLayout .layoutFirstTopWrapper { position: relative; display: table; width: 100%; height: 80px; padding: 5px 0px; }
.responsiveLayout .layoutFirstTopWrapper .logoWrapper { display: table-cell; width: 1px; vertical-align: top; }
.responsiveLayout .layoutFirstTopWrapper .logo a { display: block; line-height: 0px; }
.responsiveLayout .layoutFirstTopWrapper .logo svg { width: 151px; height: 35px}
.responsiveLayout .layoutFirstTopWrapper .searchWrapper { display: table-cell; width: auto; vertical-align: top; }
.responsiveLayout .layoutFirstTopWrapper .metaWrapper { display: table-cell; width: 1px; height: 80px; vertical-align: top; }
.responsiveLayout .layoutFirstTopWrapper .logoInnerWrapper { margin-left: 0px; padding-top: 26px; }
.responsiveLayout .layoutFirstTopWrapper .searchInnerWrapper { margin-left: 40px; margin-right: 40px; padding-top: 25px; }
.responsiveLayout .layoutFirstTopWrapper .metaInnerWrapper { margin-right: 26px; height: 100%; }
@media only all and (min-width: 806px) and (min-height: 950px) {
html.javascript .responsiveLayout .layoutTopInnerWrapper { position: fixed; top: 0px; left: 0px; right: 0px; margin: 0px 30px; z-index: 10000; }
}
@media only all and (max-width: 805px) {
.responsiveLayout .layoutFirstTopWrapper .searchWrapper { padding-top: 1px; }
.responsiveLayout .layoutFirstTopWrapper .logoInnerWrapper { margin-left: 2px; }
.responsiveLayout .layoutFirstTopWrapper .searchInnerWrapper { display: none; }
.responsiveLayout .layoutFirstTopWrapper .metaInnerWrapper { margin-right: 0px; }
}
@media only all and (max-width: 420px) {
.responsiveLayout .layoutFirstTopWrapper { height: 60px; }
.responsiveLayout .layoutFirstTopWrapper .metaWrapper { height: 60px; }
.responsiveLayout .layoutFirstTopWrapper .logoInnerWrapper { margin-left: 2px; padding-top: 18px; }
.responsiveLayout .layoutFirstTopWrapper .logo svg { width: 110px; height: 26px; }
}
.responsiveLayout .layoutSecondTopWrapper { position: relative; }
.responsiveLayout .layoutSecondTopWrapper .menuWrapper { min-height: 42px; border-bottom: 5px solid #008295; padding-left: 25px; background-color: #76b8b5; }
.responsiveLayout .layoutSecondTopWrapper .mobileMenuButtonWrapper { display: none; position: relative; }
.responsiveLayout .layoutSecondTopWrapper .searchWrapper { display: none; position: relative; margin-left: 67px; }
.responsiveLayout .layoutSecondTopWrapper .searchWrapper .quickSearch .searchInCategory { display: none; }
@media only all and (max-width: 805px) {
.responsiveLayout .layoutSecondTopWrapper .menuWrapper { display: none; }
.responsiveLayout .layoutSecondTopWrapper .mobileMenuButtonWrapper { display: block; }
.responsiveLayout .layoutSecondTopWrapper .searchWrapper { display: block; }
}
.responsiveLayout .layoutBreadcrumbWrapper { margin-top: 8px; }
.responsiveLayout .layoutBreadcrumbWrapper-home { display: none; }
.responsiveLayout .layoutMainWrapper { margin-top: 20px; }
.responsiveLayout .layoutPreBottomWrapper .salesTaxAndShippingInfo { margin-bottom: 10px; }
.quickSearch { height: 38px; background-color: #f2f2f2; border: solid 1px #76b8b5; -moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-o-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.quickSearch.searchInput-active { outline: solid 1px #76b8b5; }
.quickSearch form { display: flex; }
.quickSearch .searchButton { display: inline-block; width: 42px; height: 38px; padding-top: 2px; border: none; text-align: center; color: #ffffff; font-size: 16px; line-height: 16px; cursor: pointer; background-color: #76b8b5; }
.quickSearch .searchButton .searchIcon { width: 20px; height: 20px; fill: #d8d7d7; }
.quickSearch .searchButton:hover .searchIcon { fill: #f2f2f2; }
.quickSearch .searchInCategory { display: none; width: 200px; }
.quickSearch .searchInCategory select { width: 180px; margin-top: 8px; padding: 0px; border: none; background-color: #f2f2f2; font-size: 14px; }
.quickSearch .searchInput { flex: 1; margin: 1px 5px 1px 2px; padding: 0px 0px 0px 7px; }
.quickSearch .searchInCategoryEnabled .searchInCategory { display: block; }
.quickSearch .searchInput input { width: 100%; padding: 0px; margin: 0px; height: 34px; line-height: 34px; border: none; background-color: #f2f2f2; font-size: 16px; outline-style: none; }
.quickSearch .autocompleteAligner { position: absolute; margin-top: 1px; margin-left: -4px; }
.quickSearch .ui-autocomplete {
position: absolute;
white-space: nowrap;
border: 1px solid #76b8b5;
background-color: #f2f2f2;
-moz-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
-o-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
-moz-box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2), -2px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2), -2px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.2);
box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.2), -2px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.quickSearch .ui-menu { padding: 2px; }
.quickSearch .ui-menu .ui-menu-item a {
display: block;
text-decoration: none;
font-weight: bold;
line-height: 25px;
}
html.touch .quickSearch .ui-menu .ui-menu-item a { line-height: 30px; }
.quickSearch .ui-menu .ui-menu-item a.ui-state-focus,
.quickSearch .ui-menu .ui-menu-item a.ui-state-active,
.quickSearch .ui-menu .ui-menu-item a.ui-state-focus span,
.quickSearch .ui-menu .ui-menu-item a.ui-state-active span {
color: #ffffff;
background-color: #ddd;
-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; }
.quickSearch .ui-widget-content a,
.quickSearch .ui-widget-content .ui-menu-item a.ui-state-active { color: #333; border: none; }
@media only all and (min-width: 901px) and (max-width: 1000px) {
.responsiveLayout .layoutFirstTopWrapper .quickSearch .searchInCategoryEnabled .searchInCategory { width: 150px; }
.responsiveLayout .layoutFirstTopWrapper .quickSearch .searchInCategoryEnabled .searchInCategory select { width: 130px; }
}
@media only all and (min-width: 806px) and (max-width: 900px) {
.responsiveLayout .layoutFirstTopWrapper .quickSearch .searchInCategoryEnabled .searchInCategory { display: none; }
}
.responsiveLayout .meta { display: table; width: 100%; height: 100%; table-layout: fixed; }
.responsiveLayout .meta .metaElement { display: table-cell; width: 70px; height: 100%; }
.responsiveLayout .meta .metaElement .metaLinkWrapper { position: relative; height: 100%; text-align: center; }
.responsiveLayout .meta .metaElement .metaLink { position: relative; top: 28px; left: 0px; display: inline-block; width: 100%; height: 42px; text-align: center; background-repeat: no-repeat; background-position: center top; }
html.touch .responsiveLayout .meta .metaElement.flyoutMenuElement:not(.noFlyoutOnTouch) .metaLink:after,
html.no-touch .responsiveLayout .meta .metaElement.flyoutMenuElement .metaLink:after { content: ""; position: absolute; right: 5px; bottom: 52%; width: 0px; height: 0px; display: block; border-width: 5px; border-style: solid; border-color: #cccccc transparent transparent transparent; }
html.touch .responsiveLayout .meta .metaElement.flyoutMenuElement:not(.noFlyoutOnTouch):hover .metaLink:after,
html.no-touch .responsiveLayout .meta .metaElement.flyoutMenuElement:hover .metaLink:after { border-color: #008295 transparent transparent transparent; }
.responsiveLayout .meta .metaElement .metaLink .label { display: block; margin-top: -6px; line-height: 21px; font-size: 12px; }
.responsiveLayout .meta .metaElement:hover .metaLink { color: #008295; text-decoration: none; }
.responsiveLayout .meta .metaElement .metaLink svg.metaIcon { fill: #76b8b5; }
.responsiveLayout .meta .metaElement:hover .metaLink svg.metaIcon { fill: #008295; }
.responsiveLayout .meta .loginMetaElement .metaLink .loginMetaIcon { width: 20px; height: 22px; }
.responsiveLayout .meta .accountMetaElement .metaLink .accountMetaIcon { width: 20px; height: 22px; }
.responsiveLayout .meta .wishlistMetaElement .metaLink .wishlistMetaIcon { width: 24px; height: 22px; }
.responsiveLayout .meta .wishlistMetaElement .metaLink .numberOfLineItems {
display: block; position: absolute; top: -9px; left: 37px; padding: 1px 5px; line-height: 10px; font-size: 10px; color: #ffffff; background-color: #008295;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.responsiveLayout .meta .wishlistMetaElement .metaLink .numberOfLineItems.digits3 { left: 31px; }
.responsiveLayout .meta .wishlistMetaElement .metaLink .numberOfLineItems.digits4 { left: 31px; }
.responsiveLayout .meta .shoppingCartMetaElement .metaLink .shoppingCartMetaIcon { width: 24px; height: 22px; }
.responsiveLayout .meta .shoppingCartMetaElement .metaLink .numberOfLineItems {
display: block; position: absolute; top: -11px; left: 35px; padding: 1px 5px; line-height: 10px; font-size: 10px; color: #ffffff; background-color: #008295;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.responsiveLayout .meta .shoppingCartMetaElement .metaLink .numberOfLineItems.digits3 { left: 31px; }
.responsiveLayout .meta .shoppingCartMetaElement .metaLink .numberOfLineItems.digits4 { left: 31px; }
.responsiveLayout .meta .shoppingCartMetaElement:hover .metaLink {}
@media only all and (max-width: 420px) {
.responsiveLayout .meta .metaElement { width: 60px; }
.responsiveLayout .meta .metaElement .metaLink { top: 15px; }
.responsiveLayout .meta .metaElement .metaLink .label { font-size: 10px; }
}
.responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel { padding: 20px 15px 15px 15px; min-width: 200px; max-width: 400px; min-height: 100px; color: #ffffff; font-size: 14px; background-color: #008295; }
.responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .title { font-size: 20px; font-weight: bold; color: #ffffff; }
.responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel a { color: inherit; }
.responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .button {
margin-top: 10px;
color: #f2f2f2;
background-color: #76b8b5;
}
.responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .button:hover,
.responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .button:active,
.responsiveLayout .meta.flyoutMenuContainer .flyoutMenuPanel .button:focus { background-color: #555555; }
.flexElement { position: relative; font-size: 14px; line-height: 1.5; }
.flexElement-innerWrapper,
.flexElement-contentWrapper { box-sizing: border-box; }
.flexContainer-childWrapper,
.flexContent { display: flex; }
.flexContainer-childWrapper > .flexElement,
.flexContent > .flexElement { width: 100%; max-width: 100%; align-self: flex-start; }
.flexTextElement { position: relative; }
.flexTextElement .flexElement-innerWrapper { flex: 1; display: flex; }
.flexTextElement .flexElement-contentWrapper { display: flex; width: 100%; overflow: hidden; }
.flexTextElement-textContent { flex: 1; width: 100%; }
.flexTextElement-textContent:not(.flexTextElement-noHyphenation) { -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
.flexTextElement-textContent:not(.flexTextElement-noLinkHighlighting) a { text-decoration: underline; }
.flexTextElement-textContent a:active,
.flexTextElement-textContent a:hover,
.flexTextElement-textContent a:focus { color: #008295; text-decoration: underline; }
.flexTextElement-textContent p { margin: 0px 0px 10px 0px; }
.flexTextElement-textContent > *:last-child { margin-bottom: 0px; }
.flexImageElement { position: relative; text-align: center; }
.flexImageElement .flexElement-innerWrapper { flex: 1; display: flex; line-height: 0px; }
.flexImageElement .flexElement-contentWrapper { flex: 1; display: flex; overflow: hidden; line-height: 0px; }
.flexImageElement-imageContent { position: relative; display: flex; height: 100%; overflow: hidden; line-height: 0px; }
.flexImageElement-imageContent a { display: flex; overflow: hidden; }
.flexImageElement-imageContent a:focus-visible { margin: 1px; }
.flexImageElement-imageContent img { object-fit: cover; width: auto; height: auto; max-width: 100%; }
.flexImageElement-imageContent img.imgError { min-width: 150px; min-height: 150px; }
img.flexImageElement-preloadImage { position: relative; }
img.flexImageElement-preloadImage + img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
html.loaded img.flexImageElement-preloadImage { display: none; }
html.loaded img.flexImageElement-preloadImage + img { position: relative; width: auto; height: auto; }
.flexImageElement .imagePlaceholder { width: 190px; padding: 20px 0px 30px 0px; text-align: center; line-height: 1; color: #ffffff; background-color: #008295; border-radius: 10px; }
.flexImageElement .imagePlaceholder svg { display: block; width: 80px; height: 80px; margin: auto; fill: #ffffff; }
@supports (width: min(80px, 100%)) {
.flexImageElement .imagePlaceholder svg { width: min(80px, 100%); }
}
.flexVideoElement { position: relative; text-align: center; }
.flexVideoElement .flexElement-innerWrapper { flex: 1; display: flex; line-height: 0px; }
.flexVideoElement .flexElement-contentWrapper { flex: 1; display: flex; overflow: hidden; line-height: 0px; }
.flexVideoElement-videoContent { position: relative; display: flex; height: 100%; overflow: hidden; line-height: 0px; }
.flexVideoElement-videoContent img.flexVideoElement-preloadImage,
.flexVideoElement-videoContent .flexVideoElement-video { width: auto; height: auto; max-width: 100%; }
.flexVideoElement-videoContent img.flexVideoElement-preloadImage,
.flexVideoElement-videoContent video { object-fit: cover; }
.flexVideoElement-videoContent video:-moz-full-screen { object-fit: contain; }
.flexVideoElement-videoContent video:-webkit-full-screen { object-fit: contain; }
.flexVideoElement-videoContent video:-ms-fullscreen { object-fit: contain; }
.flexVideoElement-videoContent video:fullscreen { object-fit: contain; }
img.flexVideoElement-preloadImage { position: relative; }
img.flexVideoElement-preloadImage + .flexVideoElement-video { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.flexVideoElement .videoPlaceholder { width: 190px; padding: 30px 0px; text-align: center; line-height: 1; color: #ffffff; background-color: #008295; border-radius: 10px; }
.flexVideoElement .videoPlaceholder svg { display: block; width: 60px; height: 60px; margin: auto; margin-bottom: 10px; fill: #ffffff; }
@supports (width: min(60px, 100%)) {
.flexVideoElement .videoPlaceholder svg { width: min(60px, 100%); }
}
.flexImageAndTextContainer-elementWrapper { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; height: 100%; }
.flexImageAndTextContainer-imageElement { flex: 1; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; }
.flexImageAndTextContainer-textElement { flex: 1; }
.flexImageAndTextContainer-imageElement.flexImageAndTextContainer-horizontalAlignmentStretch { max-width: none; }
.flexImageAndTextContainer-textElement.flexImageAndTextContainer-horizontalAlignmentMiddle,
.flexImageAndTextContainer-textElement.flexImageAndTextContainer-horizontalAlignmentLeft,
.flexImageAndTextContainer-textElement.flexImageAndTextContainer-horizontalAlignmentRight { max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; }
.flexImageAndTextContainer-elementWrapper.flexImageAndTextContainer-oneColumn > .flexImageAndTextContainer-element.flexImageAndTextContainer-horizontalAlignmentMiddle { margin-left: auto; margin-right: auto; }
.flexImageAndTextContainer-elementWrapper.flexImageAndTextContainer-oneColumn > .flexImageAndTextContainer-element.flexImageAndTextContainer-horizontalAlignmentLeft { margin-right: auto; }
.flexImageAndTextContainer-elementWrapper.flexImageAndTextContainer-oneColumn > .flexImageAndTextContainer-element.flexImageAndTextContainer-horizontalAlignmentRight { margin-left: auto; }
.flexImageAndTextContainer-elementWrapper:not(.flexImageAndTextContainer-oneColumn) > .flexImageAndTextContainer-firstElement.flexImageAndTextContainer-horizontalAlignmentMiddle,
.flexImageAndTextContainer-elementWrapper:not(.flexImageAndTextContainer-oneColumn) > .flexImageAndTextContainer-firstElement.flexImageAndTextContainer-horizontalAlignmentRight { margin-left: auto; }
.flexImageAndTextContainer-elementWrapper:not(.flexImageAndTextContainer-oneColumn) > .flexImageAndTextContainer-lastElement.flexImageAndTextContainer-horizontalAlignmentMiddle,
.flexImageAndTextContainer-elementWrapper:not(.flexImageAndTextContainer-oneColumn) > .flexImageAndTextContainer-lastElement.flexImageAndTextContainer-horizontalAlignmentLeft { margin-right: auto; }
.flexImageAndTextContainer-elementWrapper:not(.flexImageAndTextContainer-oneColumn) > .flexImageAndTextContainer-element.flexImageAndTextContainer-horizontalAlignmentMiddle + .flexImageAndTextContainer-element:not(.flexImageAndTextContainer-horizontalAlignmentMiddle),
.flexImageAndTextContainer-elementWrapper:not(.flexImageAndTextContainer-oneColumn) > .flexImageAndTextContainer-element:not(.flexImageAndTextContainer-horizontalAlignmentMiddle) + .flexImageAndTextContainer-element.flexImageAndTextContainer-horizontalAlignmentMiddle,
.flexImageAndTextContainer-elementWrapper:not(.flexImageAndTextContainer-oneColumn) > .flexImageAndTextContainer-element.flexImageAndTextContainer-horizontalAlignmentLeft + .flexImageAndTextContainer-element:not(.flexImageAndTextContainer-horizontalAlignmentLeft),
.flexImageAndTextContainer-elementWrapper:not(.flexImageAndTextContainer-oneColumn) > .flexImageAndTextContainer-element:not(.flexImageAndTextContainer-horizontalAlignmentRight) + .flexImageAndTextContainer-element.flexImageAndTextContainer-horizontalAlignmentRight { margin-left: auto; }
.flexHorizontalListContainer-contentWrapper { display: flex; }
.flexHorizontalListContainer-elements { display: flex; flex-wrap: wrap; align-items: stretch; flex: 1; max-width: 100%; }
.flexHorizontalListContainer-element { flex: 1 1 0%; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; }
.flexHorizontalListContainer-element.flexHorizontalListContainer-horizontalAlignmentStretch { max-width: none; }
.flexHorizontalListContainer-element.flexHorizontalListContainer-placeHolderElement { max-width: 100%; }
.flexHorizontalListContainer-element.flexHorizontalListContainer-horizontalAlignmentMiddle + .flexHorizontalListContainer-element:not(.flexHorizontalListContainer-horizontalAlignmentMiddle):not(.flexHorizontalListContainer-firstInRow) { margin-left: auto; }
.flexHorizontalListContainer-element:not(.flexHorizontalListContainer-horizontalAlignmentMiddle) + .flexHorizontalListContainer-element.flexHorizontalListContainer-horizontalAlignmentMiddle { margin-left: auto; }
.flexHorizontalListContainer-element.flexHorizontalListContainer-firstInRow.flexHorizontalListContainer-horizontalAlignmentMiddle { margin-left: auto; }
.flexHorizontalListContainer-element.flexHorizontalListContainer-lastInRow.flexHorizontalListContainer-horizontalAlignmentMiddle { margin-right: auto; }
.flexHorizontalListContainer-element.flexHorizontalListContainer-horizontalAlignmentLeft + .flexHorizontalListContainer-element:not(.flexHorizontalListContainer-horizontalAlignmentLeft):not(.flexHorizontalListContainer-firstInRow) { margin-left: auto; }
.flexHorizontalListContainer-element.flexHorizontalListContainer-firstInRow.flexHorizontalListContainer-horizontalAlignmentLeft { margin-left: 0px; }
.flexHorizontalListContainer-element.flexHorizontalListContainer-lastInRow.flexHorizontalListContainer-horizontalAlignmentLeft { margin-right: auto; }
.flexHorizontalListContainer-element:not(.flexHorizontalListContainer-horizontalAlignmentRight) + .flexHorizontalListContainer-element.flexHorizontalListContainer-horizontalAlignmentRight { margin-left: auto; }
.flexHorizontalListContainer-element.flexHorizontalListContainer-firstInRow.flexHorizontalListContainer-horizontalAlignmentRight { margin-left: auto; }
.flexHorizontalListContainer-element.flexHorizontalListContainer-lastInRow.flexHorizontalListContainer-horizontalAlignmentRight { margin-right: 0px; }
.flexHorizontalListContainer-element { position: relative; display: flex; }
.flexHorizontalListContainer-elementOuterWrapper { position: relative; display: flex; width: auto; max-width: 100%; }
.flexHorizontalListContainer-elementOuterWrapper.flexHorizontalListContainer-striveForMaxWidth,
.flexHorizontalListContainer-elementOuterWrapper.flexHorizontalListContainer-horizontalAlignmentStretch { width: 100%; }
.flexHorizontalListContainer-element.flexHorizontalListContainer-placeHolderElement .flexHorizontalListContainer-elementOuterWrapper { width: 100%; }
.flexHorizontalListContainer-elementInnerWrapper { position: relative; width: auto; max-width: 100%; }
.flexHorizontalListContainer-elementInnerWrapper.flexHorizontalListContainer-striveForMaxWidth,
.flexHorizontalListContainer-elementInnerWrapper.flexHorizontalListContainer-horizontalAlignmentStretch { width: 100%; }
.flexSimpleContainer-elements { position: relative; }
.flexSlickSliderContainer-elements { position: relative; line-height: 1; font-size: 0px; height: 100%; }
.flexSlickSliderContainer-belowElements { display: none; height: 30px; width: 100%; }
.flexSlickSliderContainer-elements.showDotsOutside.slick-dotted { height: calc(100% - 30px); }
.flexSlickSliderContainer-elements.showDotsOutside.slick-dotted + .flexSlickSliderContainer-belowElements { display: block; }
.flexSlickSliderContainer-elements.slick-initialized .slick-list { height: 100%; }
.flexSlickSliderContainer-elements.slick-initialized .slick-track { height: 100%; }
.flexSlickSliderContainer-elements.slick-initialized .slick-slide { display: flex; }
.flexSlickSliderContainer-elements.slick-initialized .slick-slide > div { display: flex; width: 100%; }
.flexSlickSliderContainer-elements.onlyOneActiveSlide.adaptiveHeight .slick-list { height: auto; }
.flexSlickSliderContainer-elements.onlyOneActiveSlide.adaptiveHeight .slick-track { height: auto; }
.flexSlickSliderContainer-elements.onlyOneActiveSlide.adaptiveHeight .slick-slide > div { height: auto; }
.flexSlickSliderContainer-element { position: relative; height: 100%; }
.flexSlickSliderContainer-element ~ .flexSlickSliderContainer-element { display: none; }
.flexSlickSliderContainer-elementOuterWrapper { position: relative; display: flex; flex-direction: row; height: 100%; }
.flexSlickSliderContainer-elementInnerWrapper { position: relative; width: 100%; }
.flexSlickSliderContainer .slides.showArrowsOutside.slick-arrows { margin: 0px 46px; }
.flexSlickSliderContainer img { display: inline; }
.flexSlickSliderContainer .slick-loading .slick-list { background: #fff url('img/ajax-loader.gif') center center no-repeat; }
.flexSlickSliderContainer .slides .slick-arrow { display: block; }
.flexSlickSliderContainer .slides.showNoArrows > .slick-arrow { display: none !important; }
.flexSlickSliderContainer .slides .slick-arrow {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
width: 32px;
height: 32px;
padding: 0px;
border: 2px solid #008295;
background-color: #ffffffbb;
-moz-border-radius: 18px 18px 18px 18px;
-khtml-border-radius: 18px 18px 18px 18px;
-webkit-border-radius: 18px 18px 18px 18px;
-o-border-radius: 18px 18px 18px 18px;
border-radius: 18px 18px 18px 18px;
;
}
.flexSlickSliderContainer .slides .slick-arrow:before {
content: ""; display: inline-block; border-width: 10px; border-style: solid; width: 0px; height: 0px; line-height: 0px;
}
.flexSlickSliderContainer .slides.showArrowsOutside .slick-prev { left: -46px; }
.flexSlickSliderContainer .slides.showArrowsInside .slick-prev { left: 10px; z-index: 1900; }
.flexSlickSliderContainer .slides.showArrowsOutside .slick-next { right: -46px; }
.flexSlickSliderContainer .slides.showArrowsInside .slick-next { right: 10px; z-index: 1900; }
.flexSlickSliderContainer .slides .slick-prev:before {
border-color: transparent #008295 transparent transparent; margin-left: 0px;
margin-top: 6px;
}
.flexSlickSliderContainer .slides .slick-next:before {
border-color: transparent transparent transparent #008295; margin-left: 12px;
margin-top: 6px;
}
.flexSlickSliderContainer .slides.small-arrows.showArrowsOutside.slick-arrows { margin: 0px 37px; }
.flexSlickSliderContainer .slides.small-arrows .slick-arrow {
width: 28px;
height: 28px;
-moz-border-radius: 16px 16px 16px 16px;
-khtml-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
-o-border-radius: 16px 16px 16px 16px;
border-radius: 16px 16px 16px 16px;
;
}
.flexSlickSliderContainer .slides.small-arrows .slick-arrow:before {
border-width: 7px;
}
.flexSlickSliderContainer .slides.small-arrows.showArrowsOutside .slick-prev { left: -37px; }
.flexSlickSliderContainer .slides.small-arrows.showArrowsOutside .slick-next { right: -37px; }
.flexSlickSliderContainer .slides.small-arrows .slick-prev:before {
margin-left: 2.5px;
margin-top: 7px;
}
.flexSlickSliderContainer .slides.small-arrows .slick-next:before {
margin-left: 11.5px;
margin-top: 7px;
}
.flexSlickSliderContainer .slides .slick-arrow.slick-disabled { border: 2px solid #dddddd; }
.flexSlickSliderContainer .slides .slick-prev.slick-disabled:before {
border-color: transparent #dddddd transparent transparent;
}
.flexSlickSliderContainer .slides .slick-next.slick-disabled:before {
border-color: transparent transparent transparent #dddddd;
}
.flexSlickSliderContainer .slides .slick-dots { display: block; list-style: none; position: absolute; width: 100%; padding: 0px; margin: 0px; line-height: 0px; text-align: center; }
.flexSlickSliderContainer .slides.showNoDots .slick-dots { display: none !important; }
.flexSlickSliderContainer .slides.showDotsOutside .slick-dots { bottom: -30px; }
.flexSlickSliderContainer .slides.showDotsInside .slick-dots { bottom: 10px; }
.flexSlickSliderContainer .slides .slick-dots li { position: relative; display: inline-block; margin: 0px 10px 0px 10px; padding: 0px; cursor: pointer; }
.flexSlickSliderContainer .slides .slick-dots li .dot {
position: relative; display: block; width: 0px; height: 0px; padding: 5px; border-radius: 100%; cursor: pointer; line-height: 0px;
border: 2px solid #008295;
background-color: #ffffff;
outline-style: none;
}
.flexSlickSliderContainer .slides .slick-dots li.slick-active .dot,
.flexSlickSliderContainer .slides .slick-dots li .dot:hover { background-color: #008295; }
.flexSlickSliderContainer .slides .slick-dots li .dot:active,
.flexSlickSliderContainer .slides .slick-dots li .dot:focus { outline: 1px solid #222c57; }
.flexSlickSliderContainer .slick-autoplay-toggle-button { position: absolute; left: 10px; bottom: 10px; width: 22px; height: 22px; padding: 0px; margin: 0px; z-index: 10; border: 2px solid #008295; border-radius: 4px; background-color: #ffffffbb; cursor: pointer; }
.flexSlickSliderContainer .slides.showDotsOutside .slick-autoplay-toggle-button { bottom: -30px; }
.flexSlickSliderContainer .slides.showDotsInside .slick-autoplay-toggle-button { bottom: 10px; }
.flexSlickSliderContainer .slick-autoplay-toggle-button:hover,
.flexSlickSliderContainer .slick-autoplay-toggle-button:focus {
background-color: #008295;
}
.flexSlickSliderContainer .slick-pause-icon svg,
.flexSlickSliderContainer .slick-play-icon svg {
width: 10px;
height: 10px;
fill: #008295;
}
.flexSlickSliderContainer .slick-autoplay-toggle-button:hover .slick-pause-icon svg,
.flexSlickSliderContainer .slick-autoplay-toggle-button:hover .slick-play-icon svg,
.flexSlickSliderContainer .slick-autoplay-toggle-button:focus .slick-pause-icon svg,
.flexSlickSliderContainer .slick-autoplay-toggle-button:focus .slick-play-icon svg {
fill: #ffffff;
}
.flexSlickSliderContainer .slick-sr-only {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
.flexBoxContainer { display: flex; }
.flexBoxContainer-innerWrapper { flex: 1; max-width: 100%; }
.flexBoxContainer-contentWrapper { display: flex; max-width: 100%; }
.flexBoxContainer-defaultElement { position: relative; flex: 1; display: flex; overflow: hidden; }
.flexLanguageContainer { display: flex; }
.flexContainer-childWrapper > .flexLanguageContainer, .flexContent > .flexLanguageContainer { width: 100%; align-self: stretch; }
.flexLanguageContainer-innerWrapper { flex: 1; max-width: 100%; height: 100%; }
.flexLanguageContainer-contentWrapper { display: flex; max-width: 100%; flex-direction: column; height: 100%; }
.miniLogin { max-width: 270px; }
.miniLogin input.inputField {
width: 92%;
margin: 2px 0px 0px 0px;
padding: 4px 10px;
font-size: 14px;
color: #222c57;
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 #222c57; }
.miniAccount .accountMenu .menuEntry { display: block; padding: 6px 0px; border-top: 1px solid #222c57; }
.miniAccount .accountMenu .menuEntry:hover { background-color: #222c57; text-decoration: none; }
.miniAccount .accountMenu .menuEntry:before { display: block; float: left; content: ""; margin-top: 6px; margin-left: 2px; margin-right: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #ffffff; }
@media only all and (max-height: 550px) {
.miniAccount .accountMenu .hideOnInsufficientHeight { display: none; }
}
.miniShoppingCart { }
.miniShoppingCart a:hover,
.miniShoppingCart a:active,
.miniShoppingCart a:focus { text-decoration: none; }
.miniShoppingCart .actionText {
display: inline-block;
margin-top: 5px;
font-weight: bold; padding: 5px; border: 1px solid black; background-color: white;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
.miniShoppingCart .actionWasSuccessful { border: 2px solid #30ae30; color: #30ae30; background-color: #dbffdb; }
.miniShoppingCart .actionWasNotSuccessful { border: 2px solid #cd0b0b; color: #cd0b0b; background-color: #ffe2e2; }
.miniShoppingCart .missingShoppingCartOnlinePriceMsg,
.miniShoppingCart .missingOnlinePriceMsg,
.miniShoppingCart .containsInvalidItemMsg {
margin-top: 5px;
font-weight: bold; padding: 5px; border: 2px solid #cd0b0b; color: #cd0b0b; background-color: #ffe2e2;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
.miniShoppingCart .deferredPriceCalculation { border: 2px solid #30ae30; color: #30ae30; background-color: #dbffdb; }
.miniShoppingCart .subTotalAndNumberOfLineItems { margin-top: 5px; }
.miniShoppingCart .subTotal .label { display: inline; margin-right: 2px; }
.miniShoppingCart .subTotal .value { display: inline; font-weight: bold; font-size: 16px; }
.miniShoppingCart .numberOfLineItems { margin-top: 1px; }
.miniShoppingCart .numberOfLineItems .label { display: inline; }
.miniShoppingCart .numberOfLineItems .value { display: inline; }
.miniShoppingCart .numberOfLineItems .value .highlight { font-weight: bold; font-size: 16px; }
.miniShoppingCart .empty { margin-top: 5px; }
.miniShoppingCart .switchShoppingCart { margin-top: 15px; margin-bottom: 5px; overflow: auto; }
.miniShoppingCart .switchShoppingCart ul { display: table; width: 100%; list-style-type: none; margin: 0px; padding: 0px; border-bottom: 1px solid #222c57; }
.miniShoppingCart .switchShoppingCart li { display: table-row-group; font-size: 14px; }
.miniShoppingCart .switchShoppingCart li:hover,
.miniShoppingCart .switchShoppingCart li.active { background-color: #222c57; }
.miniShoppingCart .switchShoppingCart li a { display: table-row; }
.miniShoppingCart .switchShoppingCart li a > span { display: table-cell; padding: 6px 2px 6px 0px; border-top: 1px solid #222c57; }
.miniShoppingCart .switchShoppingCart li .shoppingCartName { padding-right: 15px; }
.miniShoppingCart .switchShoppingCart li .shoppingCartName:before { display: block; float: left; content: ""; margin-top: 7px; margin-left: 2px; margin-right: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #ffffff; }
.miniShoppingCart .switchShoppingCart li .shoppingCartNumberOfLineItems { padding-right: 15px; text-align: right; }
.miniShoppingCart .switchShoppingCart li .shoppingCartSubTotal { text-align: right; }
.miniShoppingCart .quickorderBox { margin-top: 20px; margin-bottom: 3px; overflow: hidden; }
.miniShoppingCart .quickorderBox .quickorderBoxTitle { margin-bottom: 5px; }
.miniShoppingCart .quickorderBox .quickorderBoxDescription { margin-bottom: 5px; }
.miniShoppingCart .quickorderBox a:hover { text-decoration: underline; }
.miniShoppingCart .quickorderBox a:before { display: inline-block; content: ""; margin-left: 2px; margin-right: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #ffffff; }
.miniWishlist { max-width: 270px; }
.miniWishlist a:hover,
.miniWishlist a:active,
.miniWishlist a:focus { text-decoration: none; }
.miniWishlist .actionText {
display: inline-block;
margin-top: 5px;
font-weight: bold; padding: 5px; border: 1px solid black; background-color: white;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
.miniWishlist .actionWasSuccessful { border: 2px solid #30ae30; color: #30ae30; background-color: #dbffdb; }
.miniWishlist .actionWasNotSuccessful { border: 2px solid #cd0b0b; color: #cd0b0b; background-color: #ffe2e2; }
.miniWishlist .numberOfLineItems { margin-top: 5px; }
.miniWishlist .numberOfLineItems .label { display: inline; }
.miniWishlist .numberOfLineItems .value { display: inline; }
.miniWishlist .numberOfLineItems .value .highlight { font-weight: bold; font-size: 16px; }
.miniWishlist .empty { margin-top: 5px; }
.miniWishlist .switchWishlist { margin-top: 15px; margin-bottom: 5px; overflow: auto; }
.miniWishlist .switchWishlist ul { display: table; width: 100%; list-style-type: none; margin: 0px; padding: 0px; border-bottom: 1px solid #222c57; }
.miniWishlist .switchWishlist li { display: table-row-group; font-size: 14px; }
.miniWishlist .switchWishlist li:hover,
.miniWishlist .switchWishlist li.active { background-color: #222c57; }
.miniWishlist .switchWishlist li a { display: table-row; }
.miniWishlist .switchWishlist li a > span { display: table-cell; padding: 6px 2px 6px 0px; border-top: 1px solid #222c57; }
.miniWishlist .switchWishlist li .wishlistName { padding-right: 15px; }
.miniWishlist .switchWishlist li .wishlistName:before { display: block; float: left; content: ""; margin-top: 7px; margin-left: 2px; margin-right: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #ffffff; }
.miniWishlist .switchWishlist li .wishlistNumberOfLineItems { text-align: right; }
.cascadingMenuCategoryList ul { display: block; list-style-type: none; margin: 0px; padding: 0px; }
.cascadingMenuCategoryList li a { position: relative; display: block; }
.cascadingMenuCategoryList li a span { display: block; }
.cascadingMenuCategoryList li.level0 { position: relative; float: left; padding: 0px; margin: 0px 2px 0px 2px; }
.cascadingMenuCategoryList div.subMenu { position: absolute; display: none; padding-top: 0px; width: 100%; height: 0px; }
.cascadingMenuCategoryList ul.subMenu { position: absolute; display: none; z-index: 20; width: 200px; }
.cascadingMenuCategoryList ul.subMenu li { position: relative; }
html.no-touch .cascadingMenuCategoryList li:hover div.subMenu { display: block; }
html.no-touch .cascadingMenuCategoryList li:hover div.subMenu > ul.subMenu { display: block; }
html.no-touch .cascadingMenuCategoryList div.subMenu li:hover > ul.subMenu { display: block; }
html.touch .cascadingMenuCategoryList li.hover div.subMenu { display: block; }
html.touch .cascadingMenuCategoryList li.hover div.subMenu > ul.subMenu { display: block; }
html.touch .cascadingMenuCategoryList div.subMenu li.hover > ul.subMenu { display: block; }
html .cascadingMenuCategoryList:focus-within li:not(:focus-within) div.subMenu { display: none; }
html .cascadingMenuCategoryList:focus-within li:not(:focus-within) div.subMenu > ul.subMenu { display: none; }
html .cascadingMenuCategoryList:focus-within div.subMenu li:not(:focus-within) > ul.subMenu { display: none; }
html .cascadingMenuCategoryList li:focus-within div.subMenu { display: block; }
html .cascadingMenuCategoryList li:focus-within div.subMenu > ul.subMenu { display: block; }
html .cascadingMenuCategoryList div.subMenu li:focus-within > ul.subMenu { display: block; }
.cascadingMenuCategoryList ul.subMenu.level1 ul.subMenu { top: 0px; left: 200px; }
.cascadingMenuCategoryList ul.subMenu.level1.left { right: 0px; }
.cascadingMenuCategoryList ul.subMenu.level1 ul.subMenu.left { top: 0px; left: auto; right: 200px; }
.cascadingMenuCategoryList li a { font-size: 14px; text-decoration: none; }
.cascadingMenuCategoryList li:hover a,
.cascadingMenuCategoryList li.hover a { text-decoration: none; }
.cascadingMenuCategoryList a.level0 { line-height: 42px; font-weight: bold; padding: 0px 10px; color: #ffffff; }
.cascadingMenuCategoryList a.level0 span { max-width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cascadingMenuCategoryList a.level0.withSubCategories { padding-right: 19px; }
.cascadingMenuCategoryList a.level0.withSubCategories:after { content: ""; position: absolute; top: 20px; right: 10px; width: 0px; height: 0px; border-width: 3px; border-style: solid; border-color: #ffffff transparent transparent transparent; vertical-align: middle; }
.cascadingMenuCategoryList li.level0:hover a.level0,
.cascadingMenuCategoryList li.level0.hover a.level0,
.cascadingMenuCategoryList a.level0.open { background-color: #008295; }
.cascadingMenuCategoryList li.level0:focus-within a.level0 { background-color: #008295; }
.cascadingMenuCategoryList ul.subMenu { border: 1px solid #008295; -moz-box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.2), -5px 0px 5px rgba(0, 0, 0, 0.2), 0px 5px 5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.2), -5px 0px 5px rgba(0, 0, 0, 0.2), 0px 5px 5px rgba(0, 0, 0, 0.2);
box-shadow: 5px 0px 5px rgba(0, 0, 0, 0.2), -5px 0px 5px rgba(0, 0, 0, 0.2), 0px 5px 5px rgba(0, 0, 0, 0.2);
}
.cascadingMenuCategoryList ul.subMenu { background-color: #ffffff; }
.cascadingMenuCategoryList ul.subMenu a { padding: 7px 5px 7px 10px; }
.cascadingMenuCategoryList ul.subMenu a span { width: 180px; overflow: hidden; text-overflow: ellipsis; }
.cascadingMenuCategoryList ul.subMenu a.withSubCategories:after { content: ""; position: absolute; top: 12px; right: 5px; width: 0px; height: 0px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #555555; vertical-align: middle; }
.cascadingMenuCategoryList ul.subMenu a.withSubCategories span { width: 170px; }
.cascadingMenuCategoryList ul.subMenu li:hover > a,
.cascadingMenuCategoryList ul.subMenu li.hover > a { color: #ffffff; background-color: #008295; }
.cascadingMenuCategoryList ul.subMenu li:focus-within > a { color: #ffffff; background-color: #008295; }
.cascadingMenuCategoryList ul.subMenu li:hover > a.withSubCategories:after,
.cascadingMenuCategoryList ul.subMenu li.hover > a.withSubCategories:after { border-color: transparent transparent transparent #ffffff; }
.cascadingMenuCategoryList ul.subMenu li:focus-within > a.withSubCategories:after { border-color: transparent transparent transparent #ffffff; }
.offCanvasMenu { display: none; position: fixed; top: 0px; left: 0px; bottom: 0px; width: 80%; min-width: 256px; max-width: 440px; z-index: -1; background-color: #76b8b5; }
.offCanvasMenu .offCanvasMenuPanel { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; margin: 0px; padding: 0px; overflow-y: auto; }
.pageWrapperOverlay {
position: absolute; width: 0%; height: 0%; z-index: -1;
background-color: #000000; opacity: 0; touch-action: none;
}
@media only all and (max-width: 805px) {
html.offCanvasMenuSliding { overflow: hidden; touch-action: none; }
html.offCanvasMenuSliding body { overflow: hidden; touch-action: none; }
html.offCanvasMenuSliding .offCanvasMenu { display: block; }
html.offCanvasMenuOpen { overflow: hidden; touch-action: none; }
html.offCanvasMenuOpen body { overflow: hidden; touch-action: none; }
html.offCanvasMenuOpen .offCanvasMenu { display: block; z-index: 0; }
html.offCanvasMenuOpen .pageWrapperOverlay, html.pageWrapperOverlayActivated .pageWrapperOverlay { width: 100%; height: 100%; z-index: 20000; transition: opacity .3s; opacity: 0.3; }
html.offCanvasMenuOpen .layoutBackgroundWrapper, html.pageWrapperOverlayActivated .layoutBackgroundWrapper { transition: filter .3s; -webkit-filter: blur(3px); filter: blur(3px); }
html.offCanvasMenuOpen .offCanvasMenuSlideout { touch-action: none; }
}
.treeMenuCategoryList a { color: #cccccc; text-decoration: none; }
.treeMenuCategoryList ul { list-style-type: none; margin: 0px; padding: 0px; line-height: normal; }
.treeMenuCategoryList li.level0 { border-bottom: 1px solid #574e51; }
.treeMenuCategoryList .menuItem .menuItemLink { display: block; padding: 10px 0px; font-size: 14px; min-height: 19px; }
.treeMenuCategoryList .menuItem .menuItemLink span { display: block; overflow: hidden; text-overflow: ellipsis; }
.treeMenuCategoryList li.level0 .menuItem .menuItemLink { padding-left: 20px; }
.treeMenuCategoryList li.level1 .menuItem .menuItemLink { padding-left: 40px; }
.treeMenuCategoryList li.level2 .menuItem .menuItemLink { padding-left: 60px; }
.treeMenuCategoryList li.level3 .menuItem .menuItemLink { padding-left: 80px; }
.treeMenuCategoryList li.level4 .menuItem .menuItemLink { padding-left: 100px; }
.treeMenuCategoryList li.level5 .menuItem .menuItemLink { padding-left: 120px; }
.treeMenuCategoryList li.level6 .menuItem .menuItemLink { padding-left: 140px; }
.treeMenuCategoryList li.level7 .menuItem .menuItemLink { padding-left: 160px; }
.treeMenuCategoryList li.level8 .menuItem .menuItemLink { padding-left: 180px; }
.treeMenuCategoryList li.level9 .menuItem .menuItemLink { padding-left: 200px; }
.treeMenuCategoryList .menuItem.withSubCategories .menuItemLink { margin-right: 55px; }
.treeMenuCategoryList .menuItem.withSubCategories .menuItemButton { display: block; content: ""; float: right; width: 50px; height: 39px; background-color: #332e30; }
.treeMenuCategoryList .menuItem.withSubCategories .menuItemButton:after { font-size: 18px; content: "+"; float: right; margin-top: 9px; margin-right: 20px; }
.treeMenuCategoryList .menuItem.open.withSubCategories .menuItemButton:after { content: "-"; margin-top: 8px; margin-right: 22px; }
.treeMenuCategoryList .menuItem:hover .menuItemLink,
.treeMenuCategoryList .menuItem:hover .menuItemButton { color: #008295; }
.treeMenuCategoryList .menuItem.active { background-color: #008295; }
.treeMenuCategoryList .menuItem.active .menuItemLink { color: #ffffff; font-weight: bold; }
.treeMenuCategoryList .menuItem.active .menuItemButton { color: #ffffff; background-color: #222c57; }
.treeMenuCategoryList ul.subMenu { display: none; }
.treeMenuCategoryList ul.subMenu.open { display: block; }
.mobileMenuButton { display: block; position: absolute; top: 0px; left: 0px; width: 60px; height: 40px; background-color: #76b8b5; -moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-o-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.mobileMenuButton .line { background-color: #008295; height: 3px; width: 40px; margin-top: 4px; margin-left: 10px; }
.mobileMenuButton .line.first { margin-top: 11px; }
.mobileTreeMenu .head { padding-left: 20px; font-size: 18px; line-height: normal; font-weight: bold; color: #008295; border-bottom: 1px solid #574e51; }
.mobileTreeMenu .head .menuLines { float: left; margin-top: 18px; width: 15px; height: 15px; }
.mobileTreeMenu .head .menuLines .line { content: ""; background-color: #008295; height: 2px; width: 15px; margin-top: 3px; }
.mobileTreeMenu .head .title { margin-left: 23px; margin-right: 50px; padding: 15px 0px 12px 0px; }
.mobileTreeMenu .head .close { display: block; float: right; width: 50px; height: 51px; color: #008295; text-decoration: none; background-color: #332e30; }
.mobileTreeMenu .head .close:after { display: block; font-size: 28px; content: "+"; float: right; margin-top: 9px; margin-right: 17px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.mobileTreeMenu .mobileTreeMenuLoading { padding: 10px 10px 0px 20px; color: #cccccc; }
.breadcrumbs ul { list-style-type: none; margin: 0px; padding: 0px; font-size: 12px; line-height: 0px; }
.breadcrumbs li { display: inline-block; }
.breadcrumbs li.hasNext { margin-right: 2px; }
.breadcrumbs li span,
.breadcrumbs li a { display: inline-block; max-width: 200px; overflow: hidden; text-overflow: ellipsis; line-height: 18px; margin-top: 4px; padding: 3px 15px; background-color: #e5e5e5; -moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
font-weight: normal; white-space: nowrap; }
.breadcrumbs li a:active,
.breadcrumbs li a:hover,
.breadcrumbs li a:focus { color: #ffffff; background-color: #008295; text-decoration: none; }
.breadcrumbs li.active span,
.breadcrumbs li.active a { color: #ffffff; background-color: #008295; }
.breadcrumbs li.not_visited span { color: #696969; background-color: #f2f2f2; }
@media only all and (max-width: 805px) {
.breadcrumbs li { display: none; }
.breadcrumbs li.active,
.breadcrumbs li.parent { display: inline; }
.breadcrumbs li.parent a:before { content: "«"; margin-right: 5px; }
}
@media only all and (max-width: 500px) {
.breadcrumbs li span,
.breadcrumbs li a { max-width: 110px; }
}
h1 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 22px; font-weight: bold; color: #008295; }
h2 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 20px; font-weight: bold; }
h3 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 18px; font-weight: bold; }
h4 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 14px; font-weight: bold; }
.textContent h5 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 14px; }
.topicWrapper { margin: 0px 0px 10px 0px; font-size: 18px; }
.topicWrapper h1 { display: inline; margin: 0px 5px 0px 0px; }
.topicWrapper .supplement { color: #767676; white-space: nowrap; }
.topicOuterWrapper { overflow: hidden; margin-bottom: 10px; }
.topicOuterWrapper .topicWrapper { margin-bottom: 0px; }
.topicOuterWrapper .topicRightWrapper { margin-top: 5px; }
@media only all and (min-width: 950px) {
.pageContent.hasLeft .topicOuterWrapper .topicWrapper { float: left; margin-right: 10px; margin-bottom: 0px; }
.pageContent.hasLeft .topicOuterWrapper .topicRightWrapper { float: right; margin-top: 2px; }
}
@media only all and (min-width: 650px) and (max-width: 805px) {
.pageContent.hasLeft .topicOuterWrapper .topicWrapper { float: left; margin-right: 10px; margin-bottom: 0px; }
.pageContent.hasLeft .topicOuterWrapper .topicRightWrapper { float: right; margin-top: 2px; }
}
@media only all and (min-width: 700px) {
.pageContent:not(.hasLeft) .topicOuterWrapper .topicWrapper { float: left; margin-right: 10px; margin-bottom: 0px; }
.pageContent:not(.hasLeft) .topicOuterWrapper .topicRightWrapper { float: right; margin-top: 2px; }
}
.footer { padding: 0px 15px 15px 0px; overflow: auto; }
.footer .footerCol { float: left; width: 100%; max-width: 200px; margin-left: 15px; margin-top: 15px; margin-bottom: 5px; }
.footer .footerCol .heading { margin: 0px 0px 10px 0px; font-size: 16px; color: #e1e1e1; line-height: 26px; }
.footer .footerCol .paragraph { margin: 0px 0px 10px 0px; font-size: 14px; color: #e1e1e1; line-height: 26px; }
.footer .footerCol a { color: #e1e1e1; line-height: 26px; }
.footer .footerCol a:hover { color: #008295; text-decoration: none; }
.footer svg { fill: currentColor; vertical-align: middle; margin-right: 8px; }
.footer .phoneIcon { width: 14px; height: 14px; }
.footer .faxIcon { width: 14px; height: 14px; }
.footer .envelopeIcon { width: 14px; height: 14px; }
.footerCategoryList ul { list-style-type: none; margin: 0px; padding: 0px; }
.footerCategoryList a.level0 { display: block; overflow-x: hidden; text-overflow: ellipsis; }
.footerCategoryList ul.subMenu li.subCategory a:before { display: block; float: left; content: "\BB"; }
.footerCategoryList ul.subMenu li.subCategory a span { display: block; margin-left: 12px; overflow-x: hidden; text-overflow: ellipsis; }
.languageSelection a { display: block; }
.languageSelection a:focus { text-decoration: none; }
.languageSelection svg.flagIcon { width: 16px; height: 12px; margin-top: -1px; margin-right: 8px; }
.lastUpdate { float: left; margin: 0px 5px 10px 15px; color: #e1e1e1; }
@media only all and (max-width: 550px) {
.lastUpdate { float: none; }
}
.copyright { float: right; margin: 0px 15px 10px 5px; color: #a0a0a0; }
.copyright a { margin-left: 2px; color: #e1e1e1; text-decoration: underline; }
.copyright a:hover { color: #008295; }
@media only all and (max-width: 550px) {
.copyright { float: none; margin: 0px 5px 10px 15px; }
}
.cookieNotice { display: none; position: fixed; bottom: 0px; left: 0px; right: 0px; width: 100%; z-index: 50001; background-color: #eeeeee; opacity: 0.9; }
.cookieNoticeInnerWrapper {
margin: 0px auto;
min-width: 290px;
max-width: 1900px;
}
.cookieNoticeDialogWrapper { padding: 30px 45px; }
.cookieNoticeDialog { display: table; width: 100%; }
.cookieNotice .cookieNoticeTextWrapper { display: table-cell; vertical-align: top; }
.cookieNotice .cookieNoticeFormWrapper { display: table-cell; vertical-align: top; white-space: nowrap; }
.cookieNotice button { margin-left: 20px; }
.cookieNotice .cookieNoticeText { display: inline; }
.cookieNotice .errorMsg { display: inline; color: #ee0000; font-weight: bold; }
@media only all and (max-width: 600px) {
.cookieNoticeDialog { display: block; }
.cookieNotice .cookieNoticeTextWrapper { display: block; }
.cookieNotice .cookieNoticeFormWrapper { display: block; }
.cookieNotice button { margin-left: 0px; margin-top: 30px; }
}
.flexElement.revokeCookieConsentDescription { display: block; }
.flexElement.revokeCookieConsentText,
.flexElement.revokeCookieConsentForm,
.flexElement.revokeCookieConsentSuccess { display: none; }
.hideCookieNotice .flexElement.revokeCookieConsentDescription,
.cookieConsentWasRevoked .flexElement.revokeCookieConsentDescription { display: none; }
.hideCookieNotice .flexElement.revokeCookieConsentText,
.hideCookieNotice .flexElement.revokeCookieConsentForm,
.cookieConsentWasRevoked .flexElement.revokeCookieConsentSuccess { display: block; }
.flexContentEditor .flexElement.revokeCookieConsentDescription,
.flexContentEditor .flexElement.revokeCookieConsentText,
.flexContentEditor .flexElement.revokeCookieConsentForm,
.flexContentEditor .flexElement.revokeCookieConsentSuccess { display: block; }
.userTracking { display: none; }
.languageDialog { display: none; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 2000; background-color: #cccccc; }
.languageDialog .languageDialogPanel { padding: 0px 10px; font-size: 14px; }
.languageDialog .label { margin-right: 5px; }
.languageDialog .longLabel { display: none; }
.languageDialog .languageLink { display: inline-block; margin: 0px 0px 0px 1px; padding: 10px 5px; white-space: nowrap; }
.languageDialog .languageLink.active,
.languageDialog .languageLink:focus,
.languageDialog .languageLink:hover { text-decoration: none; color: #f2f2f2; background-color: #666666; }
.languageDialog svg.flagIcon { width: 16px; height: 12px; margin: 0px 4px -1px 4px; }
.languageDialog .languageFlag { margin: 0px 4px 0px 4px; }
.languageDialog .close { display: block; float: right; width: 30px; height: 39px; }
.languageDialog .close:after { display: block; float: right; content: "+"; font-size: 29px; color: #666666; margin-top: 0px; margin-right: 5px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
@media only all and (max-width: 270px) {
.languageDialog .languages.numberOfLanguages1 .languageName { display: none; }
}
@media only all and (min-width: 390px) {
.languageDialog .languages.numberOfLanguages1 .shortLabel { display: none; }
.languageDialog .languages.numberOfLanguages1 .longLabel { display: inline; }
}
@media only all and (max-width: 370px) {
.languageDialog .languages.numberOfLanguages2 .languageName { display: none; }
}
@media only all and (min-width: 490px) {
.languageDialog .languages.numberOfLanguages2 .shortLabel { display: none; }
.languageDialog .languages.numberOfLanguages2 .longLabel { display: inline; }
}
@media only all and (max-width: 470px) {
.languageDialog .languages.numberOfLanguages3 .languageName { display: none; }
}
@media only all and (min-width: 590px) {
.languageDialog .languages.numberOfLanguages3 .shortLabel { display: none; }
.languageDialog .languages.numberOfLanguages3 .longLabel { display: inline; }
}
@media only all and (max-width: 570px) {
.languageDialog .languages.numberOfLanguages4 .languageName { display: none; }
}
@media only all and (min-width: 690px) {
.languageDialog .languages.numberOfLanguages4 .shortLabel { display: none; }
.languageDialog .languages.numberOfLanguages4 .longLabel { display: inline; }
}
@media only all and (max-width: 670px) {
.languageDialog .languages.numberOfLanguages5 .languageName { display: none; }
}
@media only all and (min-width: 790px) {
.languageDialog .languages.numberOfLanguages5 .shortLabel { display: none; }
.languageDialog .languages.numberOfLanguages5 .longLabel { display: inline; }
}
.table { display: table; }
.tableHeader { display: table-row; }
.tableRowGroup { display: table-row-group; }
.tableRow { display: table-row; }
.tableCell { display: table-cell; }
.tableHeader .tableCell { padding: 9px 7px; vertical-align: bottom; border-bottom: 2px solid #e5e5e5; white-space: nowrap; font-weight: bold; color: #767676; }
.tableHeader .tableCell a { color: #767676; }
.tableHeader .tableCell a:hover,
.tableHeader .tableCell a:active,
.tableHeader .tableCell a:focus { color: #008295; text-decoration: none; }
.tableHeader .tableCell.sortAsc a:after { content: ""; display: inline-block; margin-left: 3px; margin-top: 5px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent #bbbbbb transparent; vertical-align: top; }
.tableHeader .tableCell.sortDesc a:after { content: ""; display: inline-block; margin-left: 3px; margin-top: 9px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: #bbbbbb transparent transparent transparent; vertical-align: top; }
.tableHeader .tableCell.sortAsc a:hover:after,
.tableHeader .tableCell.sortAsc a:active:after,
.tableHeader .tableCell.sortAsc a:focus:after { border-color: transparent transparent #008295 transparent; }
.tableHeader .tableCell.sortDesc a:hover:after,
.tableHeader .tableCell.sortDesc a:active:after,
.tableHeader .tableCell.sortDesc a:focus:after { border-color: #008295 transparent transparent transparent; }
.tableHeader .tableCell.sortDescIsActive a,
.tableHeader .tableCell.sortAscIsActive a { color: #008295; }
.tableHeader .tableCell.sortDescIsActive a:after { content: ""; display: inline-block; margin-left: 3px; margin-top: 9px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: #008295 transparent transparent transparent; vertical-align: top; }
.tableHeader .tableCell.sortAscIsActive a:after { content: ""; display: inline-block; margin-left: 3px; margin-top: 5px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent #008295 transparent; vertical-align: top; }
.tableHeader .tableCell.sortDescIsActive a:hover:after,
.tableHeader .tableCell.sortDescIsActive a:active:after,
.tableHeader .tableCell.sortDescIsActive a:focus:after { border-color: #008295 transparent transparent transparent; }
.tableHeader .tableCell.sortAscIsActive a:hover:after,
.tableHeader .tableCell.sortAscIsActive a:active:after,
.tableHeader .tableCell.sortAscIsActive a:focus:after { border-color: transparent transparent #008295 transparent; }
.tableRow .tableCell { padding: 9px 7px; vertical-align: top; border-bottom: 2px solid #e5e5e5; }
.table.omitLastLine .tableRowGroup.last .tableRow .tableCell { border-bottom: none; }
.table .mobileOnly { display: none; }
@media only all and (max-width: 550px) {
.table.mobileAt550px { display: block; border-top: 2px solid #e5e5e5; }
.table.mobileAt550px.mobileOmitFirstLine { border-top: none; }
.table.mobileAt550px .tableHeader { display: none; }
.table.mobileAt550px .tableRowGroup { display: block; padding: 9px 0px; border-bottom: 2px solid #e5e5e5; }
.table.mobileAt550px.omitLastLine .tableRowGroup.last { border-bottom: none; }
.table.mobileAt550px .tableRow { display: block; overflow: hidden; }
.table.mobileAt550px .tableRow .tableCell { display: block; width: auto; padding: 0px; border-bottom: none; }
.table.mobileAt550px .mobileOnly { display: block; }
}
@media only all and (max-width: 650px) {
.table.mobileAt650px { display: block; border-top: 2px solid #e5e5e5; }
.table.mobileAt650px.mobileOmitFirstLine { border-top: none; }
.table.mobileAt650px .tableHeader { display: none; }
.table.mobileAt650px .tableRowGroup { display: block; padding: 9px 0px; border-bottom: 2px solid #e5e5e5; }
.table.mobileAt650px.omitLastLine .tableRowGroup.last { border-bottom: none; }
.table.mobileAt650px .tableRow { display: block; overflow: hidden; }
.table.mobileAt650px .tableRow .tableCell { display: block; width: auto; padding: 0px; border-bottom: none; }
.table.mobileAt650px .mobileOnly { display: block; }
}
@media only all and (max-width: 850px) {
.table.mobileAt850px { display: block; border-top: 2px solid #e5e5e5; }
.table.mobileAt850px.mobileOmitFirstLine { border-top: none; }
.table.mobileAt850px .tableHeader { display: none; }
.table.mobileAt850px .tableRowGroup { display: block; padding: 9px 0px; border-bottom: 2px solid #e5e5e5; }
.table.mobileAt850px.omitLastLine .tableRowGroup.last { border-bottom: none; }
.table.mobileAt850px .tableRow { display: block; overflow: hidden; }
.table.mobileAt850px .tableRow .tableCell { display: block; width: auto; padding: 0px; border-bottom: none; }
.table.mobileAt850px .mobileOnly { display: block; }
}
.attributes { display: table; width: 100%; }
.attributes .attribute { display: table-row; }
.attributes .attributeLabel { display: table-cell; padding-right: 10px; white-space: nowrap; }
.attributes .attributeValue { display: table-cell; width: 100%; white-space: nowrap; }
.attributes.withSpacer .attributeLabel { padding-top: 10px; }
.attributes.withSpacer .attributeValue { padding-top: 10px; }
.attributes.withSpacer .attribute.first .attributeLabel { padding-top: 0px; }
.attributes.withSpacer .attribute.first .attributeValue { padding-top: 0px; }
.presentationIcon { display: inline-block; }
.presentationIcon a { display: inline-block; width: 16px; height: 16px; padding: 4px 5px; overflow: hidden; background-color: #d0d0d0; -moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.presentationIcon a:hover,
.presentationIcon a.active { background-color: #008295; }
.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: #555555; font-size: 12px; font-weight: normal; }
.itemPrice .priceWithoutDiscounts { color: #555555; font-size: 12px; font-weight: normal; }
.itemPrice .priceWithoutDiscounts .label { margin-right: 2px; }
.itemPrice .priceWithoutDiscounts .price { text-decoration: line-through; }
.itemPrice .priceWithDiscounts { font-size: 16px; font-weight: bold; }
.itemPrice .price .currency { font-size: 12px; }
.itemPrice .asterisk { font-size: 12px; }
.itemPrice .priceUnit { color: #555555; font-size: 12px; font-weight: normal; }
.itemPrice .price_discount,
.itemPrice .price_surcharge { color: #555555; font-size: 12px; font-weight: normal; }
.itemPrice .total_discount,
.itemPrice .total_surcharge { color: #555555; font-size: 12px; font-weight: normal; }
.itemScaledPrice {}
.itemScaledPrice .priceScales { display: table; }
.itemScaledPrice .priceScales .priceScaleHeader { display: table-row; font-weight: bold; }
.itemScaledPrice .priceScales .priceScaleHeader .priceUnit { display: inline; font-size: 11px; font-weight: normal; white-space: nowrap; }
@media only all and (max-width: 350px) {
.itemScaledPrice .priceScales .priceScaleHeader .priceUnit { white-space: normal; }
.itemScaledPrice .priceScales .priceScaleCell.priceCalculationCell { display: none; }
}
.itemScaledPrice .priceScales .priceScale { display: table-row; }
.itemScaledPrice .priceScales .priceScaleCell { display: table-cell; vertical-align: top; padding-left: 14px; }
.itemScaledPrice .priceScales .priceScaleHeader .priceScaleCell { padding-bottom: 5px; }
.itemScaledPrice .priceScales .priceScale .priceScaleCell { padding-bottom: 2px; white-space: nowrap; }
.itemScaledPrice .priceScales .priceScaleCell.qtyCell { padding-left: 0px; }
.itemScaledPrice .priceScales .priceScaleCell.priceWithoutDiscountsCell,
.itemScaledPrice .priceScales .priceScaleCell.discountsRelatingToPriceCell,
.itemScaledPrice .priceScales .priceScaleCell.priceCalculationCell,
.itemScaledPrice .priceScales .priceScaleCell.priceWithDiscountsCell,
.itemScaledPrice .priceScales .priceScaleCell.discountsRelatingToTotalPriceCell { text-align: right; }
.itemScaledPrice .priceScales .priceScale .priceScaleCell.priceCalculationCell { color: #555555; font-size: 12px; }
.itemScaledPrice .discountsRelatingToPriceBelowTable,
.itemScaledPrice .discountsRelatingToTotalPriceBelowTable { color: #555555; }
.availability .availabilityTextWrapper { display: inline-block; }
.availability .availabilityIconWrapper { margin-left: 5px; vertical-align: bottom; }
.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; }
.itemSecurityInclude { display: flex; flex-wrap: wrap; }
.itemSecurityInclude .productType { width: 100%; }
.itemSecurityInclude .manufacturer { align-self: flex-end; }
.itemSecurityInclude .responsiblePerson { align-self: flex-end; }
.itemSecurityInclude .manufacturerBrand { margin-bottom: 10px; }
.itemSecurityInclude .manufacturerContact { margin-top: 5px; }
.itemSecurityInclude { overflow-y: hidden; margin-top: -10px; margin-left: -30px; }
.itemSecurityInclude > div { padding-top: 10px; padding-left: 30px; }
@supports (column-gap: 30px) and (row-gap: 10px) {
.itemSecurityInclude { column-gap: 30px; row-gap: 10px; margin-top: 0px; margin-left: 0px; }
.itemSecurityInclude > div { padding-top: 0px; padding-left: 0px; }
}
.itemSecurityIncludeForGridList { margin-top: 5px; }
.itemSecurityIncludeForGridList .productType { width: 100%; }
.itemSecurityIncludeForGridList .productType .itemSecurityHeading { display: inline; }
.itemSecurityIncludeForGridList .manufacturer {}
.itemSecurityIncludeForGridList .responsiblePerson {}
.itemSecurityIncludeForGridList .manufacturerAddress { margin-top: 5px; }
.itemSecurityIncludeForGridList .manufacturerBrand {}
.itemSecurityIncludeForGridList .manufacturerBrand .itemSecurityHeading { display: inline; }
.itemSecurityIncludeForGridList .manufacturerAddress > * { display: inline; }
.itemSecurityIncludeForGridList .manufacturerAddress .itemSecurityHeading { display: block; }
.itemSecurityIncludeForGridList .manufacturerContact { display: block; margin-top: 5px; }
.itemSecurityIncludeForTableList { margin-top: 5px; }
.itemSecurityIncludeForTableList .productType { width: 100%; }
.itemSecurityIncludeForTableList .productType .itemSecurityHeading { display: inline; }
.itemSecurityIncludeForTableList .manufacturer {}
.itemSecurityIncludeForTableList .responsiblePerson { margin-top: 5px; }
.itemSecurityIncludeForTableList .manufacturerBrand { margin-bottom: 5px; }
.itemSecurityIncludeForTableList .manufacturerBrand .itemSecurityHeading { display: inline; }
.itemSecurityIncludeForTableList .manufacturerAddress > * { display: inline; }
.itemSecurityIncludeForTableList .manufacturerAddress .itemSecurityHeading { display: block; }
.itemSecurityIncludeForTableList .manufacturerContact {}
.itemSecurityIncludeForMultiAddList { margin-top: 5px; }
.itemSecurityIncludeForMultiAddList .productType { width: 100%; }
.itemSecurityIncludeForMultiAddList .productType .itemSecurityHeading { display: inline; }
.itemSecurityIncludeForMultiAddList .manufacturer {}
.itemSecurityIncludeForMultiAddList .responsiblePerson { margin-top: 5px; }
.itemSecurityIncludeForMultiAddList .manufacturerBrand { margin-bottom: 5px; }
.itemSecurityIncludeForMultiAddList .manufacturerBrand .itemSecurityHeading { display: inline; }
.itemSecurityIncludeForMultiAddList .manufacturerAddress > * { display: inline; }
.itemSecurityIncludeForMultiAddList .manufacturerAddress .itemSecurityHeading { display: block; }
.itemSecurityIncludeForMultiAddList .manufacturerContact {}
img.lazy { display: none; }
.javascript img.lazy { display: inline; }
img.lazy { opacity: 0; transition: opacity .3s ease-in; }
img.lazy.loaded { opacity: 1; }
.itemList .itemName { font-size: 16px; font-weight: bold; }
.itemList a.itemName:hover,
.itemList a.itemName:active,
.itemList a.itemName:focus { color: #008295; text-decoration: none; }
.itemList .itemDescription { font-size: 14px; }
.itemList .itemNo { white-space: nowrap; font-size: 14px; color: #555555; }
.itemList .itemListAddToCart .additionalLine { font-size: 14px; color: #555555; }
.itemListTableView .table { width: 100%; }
.itemListTableView .tableCell { width: 1px; }
.itemListTableView .tableCell.itemNameCell { width: auto; }
.itemListTableView .tableCell.itemNameCell .itemNo { display: block; margin-top: 10px; }
.itemListTableView .tableCell.itemNameCell .availability { display: none; }
.itemListTableView .tableCell.priceCell,
.itemListTableView .tableCell.accessCartOrWishlistCell { width: auto; }
.itemListTableView .tableCell.availabilityCell,
.itemListTableView .tableCell.priceCell,
.itemListTableView .tableCell.accessCartOrWishlistCell { text-align: right; }
.itemListTableView .tableCell.availabilityCell,
.itemListTableView .tableCell.accessCartOrWishlistCell { white-space: nowrap; }
.itemListTableView .tableRow .tableCell.iconCell { font-size: 0px; }
@media only all and (max-width: 1023px) {
.itemListTableView .tableCell.itemNameCell .availability { display: block; }
.itemListTableView .tableCell.availabilityCell { display: none; }
}
@media only all and (max-width: 850px) {
.itemListTableView .tableRow .tableCell.availabilityCell { display: none; }
.itemListTableView .tableRow .tableCell.accessCartOrWishlistCell { display: none; }
.itemListTableView .tableRow .tableCell.itemNameCell .itemSecurityIncludeWrapper { display: none; }
.itemListTableView .tableRow .tableCell.availabilityCell,
.itemListTableView .tableRow .tableCell.priceCell,
.itemListTableView .tableRow .tableCell.accessCartOrWishlistCell { text-align: left; }
.itemListTableView .tableRow .tableCell.iconCell { float: left; margin-left: 0px; padding-right: 14px; }
.itemListTableView .tableRow .tableCell.priceCell { margin-top: 5px; }
.itemListTableView .tableRow .tableCell { margin-left: 114px; }
.itemListTableView .priceWithoutDiscountsWrapper div,
.itemListTableView .priceWithDiscountsWrapper div { display: inline; }
}
@media only all and (max-width: 350px) {
.itemListTableView .tableRow .tableCell.priceCell { clear: both; margin-top: 0px; margin-left: 0px; padding-top: 10px; }
.itemListTableView .tableRow .tableCell.priceCell .priceWrapper { padding: 6px; background-color: #f2f2f2; -moz-border-radius: 6px 6px 6px 6px;
-khtml-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-o-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}
}
.itemListTableView .icon img { max-width: 205px; max-height: 150px; }
.itemListTableView .backorderMsg { margin-top: 10px; }
.itemListTableView .priceWithoutDiscountsWrapper div,
.itemListTableView .priceWithDiscountsWrapper div { white-space: nowrap; }
@media only all and (max-width: 1150px) {
.itemListTableView .icon img { max-width: 155px; max-height: 110px; }
}
@media only all and (max-width: 1050px) {
.itemListTableView .icon img { max-width: 125px; max-height: 100px; }
}
@media only all and (max-width: 850px) {
.itemListTableView .tableRow .tableCell.iconCell { width: 205px; }
.itemListTableView .tableRow .tableCell { margin-left: 219px; }
.itemListTableView .icon img { max-width: 205px; max-height: 150px; }
}
@media only all and (max-width: 450px) {
.itemListTableView .tableRow .tableCell.iconCell { width: 155px; }
.itemListTableView .tableRow .tableCell { margin-left: 169px; }
.itemListTableView .icon img { max-width: 155px; max-height: 110px; }
}
@media only all and (max-width: 350px) {
.itemListTableView .tableRow .tableCell.iconCell { width: 125px; }
.itemListTableView .tableRow .tableCell { margin-left: 139px; }
.itemListTableView .icon img { max-width: 125px; max-height: 100px; }
}
.itemListGridView { position: relative; }
.itemListGridView ul { list-style-type: none; margin: 0px; padding: 0px; letter-spacing: 10px; }
.itemListGridView li { display: -moz-inline-stack; display: inline-block; margin-bottom: 15px; letter-spacing: 0px; text-align: left; vertical-align: top; }
.itemListGridView .itemWrapper { position: relative; width: 230px; border: 1px solid #efefef; }
.itemListGridView .iconWrapper { padding: 10px; }
.itemListGridView .icon { margin: 0px auto; width: 210px; height: 150px; line-height: 150px; text-align: center; }
.itemListGridView .icon a:hover { text-decoration: none; }
.itemListGridView .icon img { max-width: 205px; max-height: 150px; vertical-align: middle; }
.itemListGridView .infoOuterWrapper { position: relative; min-height: 100px; }
.itemListGridView .infoWrapper { position: absolute; width: 230px; min-height: 100px; bottom: 0px; left: 0px; background-color: #f2f2f2; opacity: 0.9; }
.itemListGridView .info { position: relative; padding: 10px; min-height: 80px; }
.itemListGridView .itemTextInnerWrapper { min-height: 54px; }
.itemListGridView .itemName { display: block; overflow: hidden; text-overflow: ellipsis; }
.itemListGridView .itemDescription { overflow: hidden; text-overflow: ellipsis; }
.itemListGridView .itemNo { display: block; margin-top: 10px; }
.itemListGridView .availability { display: block; }
.itemListGridView .backorderMsg { margin-top: 10px; }
.itemListGridView .itemPrice { margin-top: 10px; }
.itemListGridView .priceWithoutDiscountsWrapper div,
.itemListGridView .priceWithDiscountsWrapper div { display: inline; }
.itemListGridView .slideOnHoverWrapper {}
.itemListGridView .slideOnHoverTarget { display: none; }
.itemListGridView .itemListAddToCartInclude { padding-top: 10px; }
@media only all and (max-width: 805px) {
.itemListGridView .slideOnHoverWrapper { display: none; }
}
@media only all and (min-width: 531px) and (max-width: 805px) {
.itemListGridView li { width: 32%; }
.itemListGridView .itemWrapper { width: 100%; }
.itemListGridView .infoWrapper { width: 100%; }
}
@media only all and (min-width: 531px) and (max-width: 750px) {
.itemListGridView .iconWrapper { padding: 5px; }
.itemListGridView .icon { width: 160px; height: 110px; line-height: 110px; }
.itemListGridView .icon img { max-width: 155px; max-height: 110px; }
.itemListGridView .infoWrapper { min-height: 60px; }
}
@media only all and (min-width: 531px) and (max-width: 710px) {
.itemListGridView li { width: 31.5%; }
}
@media only all and (min-width: 531px) and (max-width: 580px) {
.itemListGridView .icon { width: 130px; height: 90px; line-height: 90px; }
.itemListGridView .icon img { max-width: 125px; max-height: 90px; }
.itemListGridView .infoWrapper { min-height: 60px; }
}
@media only all and (max-width: 530px) {
.itemListGridView li { width: 48%; }
.itemListGridView .itemWrapper { width: 100%; }
.itemListGridView .infoWrapper { width: 100%; }
.itemListGridView .iconWrapper { padding: 10px; }
.itemListGridView .icon { width: 210px; height: 150px; line-height: 150px; }
.itemListGridView .icon img { max-width: 205px; max-height: 150px; }
.itemListGridView .infoWrapper { min-height: 100px; }
}
@media only all and (max-width: 500px) {
.itemListGridView .iconWrapper { padding: 5px; }
.itemListGridView .icon { width: 160px; height: 110px; line-height: 110px; }
.itemListGridView .icon img { max-width: 155px; max-height: 110px; }
.itemListGridView .infoWrapper { min-height: 60px; }
}
@media only all and (max-width: 400px) {
.itemListGridView .icon { width: 130px; height: 90px; line-height: 90px; }
.itemListGridView .icon img { max-width: 125px; max-height: 90px; }
.itemListGridView .infoWrapper { min-height: 60px; }
}
@media only all and (max-width: 380px) {
.itemListGridView li { width: 47%; }
}
.itemListSlideView { position: relative; padding: 0px 37px; }
.itemListSlideView img { display: inline; }
.itemListSlideView .slick-loading .slick-list { background: #fff url('img/ajax-loader.gif') center center no-repeat; }
.itemListSlideView .slick-track { margin-left: 0px; margin-right: 0px; }
.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 #008295;
background-color: #ffffffbb;
-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 #008295 transparent transparent; margin-left: 0px;
margin-top: 6px;
}
.itemListSlideView .slides .slick-next:before {
border-color: transparent transparent transparent #008295; margin-left: 12px;
margin-top: 6px;
}
@media only all and (max-width: 350px) {
.itemListSlideView { padding: 0px 33px; }
.itemListSlideView .slides .slick-arrow {
width: 28px;
height: 28px;
-moz-border-radius: 16px 16px 16px 16px;
-khtml-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
-o-border-radius: 16px 16px 16px 16px;
border-radius: 16px 16px 16px 16px;
;
}
.itemListSlideView .slides .slick-arrow:before {
border-width: 7px;
}
.itemListSlideView .slides .slick-prev { left: -33px; }
.itemListSlideView .slides .slick-next { right: -33px; }
.itemListSlideView .slides .slick-prev:before {
margin-left: 2.5px;
margin-top: 7px;
}
.itemListSlideView .slides .slick-next:before {
margin-left: 11.5px;
margin-top: 7px;
}
}
.itemListSlideView .slides .slick-arrow.slick-disabled { border: 2px solid #dddddd; }
.itemListSlideView .slides .slick-prev.slick-disabled:before {
border-color: transparent #dddddd transparent transparent;
}
.itemListSlideView .slides .slick-next.slick-disabled:before {
border-color: transparent transparent transparent #dddddd;
}
.itemListSlideView .slides .slick-dots { list-style: none; position: relative; display: block; width: 100%; padding: 0px; margin: 20px 0px 0px 0px; line-height: 0px; text-align: center; }
.itemListSlideView .slides .slick-dots li { position: relative; display: inline-block; margin: 0px 10px 0px 10px; padding: 0px; cursor: pointer; }
.itemListSlideView .slides .slick-dots li .dot {
position: relative; display: block; width: 0px; height: 0px; padding: 5px; border-radius: 100%; cursor: pointer; line-height: 0px;
border: 2px solid #008295;
background-color: #ffffff;
outline-style: none;
}
.itemListSlideView .slides .slick-dots li.slick-active .dot,
.itemListSlideView .slides .slick-dots li .dot:hover { background-color: #008295; }
.itemListSlideView .slides .slick-dots li .dot:active,
.itemListSlideView .slides .slick-dots li .dot:focus { outline: 1px solid #222c57; }
.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: block; margin-top: 10px; }
.itemListSlideView .availability { display: block; }
.itemListSlideView .backorderMsg { margin-top: 10px; }
.itemListSlideView .itemPrice { margin-top: 10px; }
.itemListSlideView .priceWithoutDiscountsWrapper div,
.itemListSlideView .priceWithDiscountsWrapper div { display: inline; }
.itemListSlideView .slideOnHoverWrapper {}
.itemListSlideView .slideOnHoverTarget { display: none; }
.itemListSlideView .itemListAddToCartInclude { padding-top: 10px; }
.lineItems .lineNo { white-space: nowrap; color: #555555; }
.lineItems .itemName { font-size: 16px; font-weight: bold; }
.lineItems a.itemName:hover,
.lineItems a.itemName:active,
.lineItems a.itemName:focus { color: #008295; text-decoration: none; }
.lineItems .itemDescription { }
.lineItems .itemNo { white-space: nowrap; color: #555555; }
.lineItems .nextprice_without_discounts { display: block; padding-top: 5px; font-size: 10px; color: #767676; }
.lineItems .nextprice_discount { font-size: 10px; color: #767676; }
.lineItems .nextprice_surcharge { font-size: 10px; color: #767676; }
.lineItems .nextprice_with_discounts { font-size: 10px; color: #767676; }
.backorderMsg { color: #555555; font-size: 10px; }
.backorderMsg a { color: #555555; font-size: 10px; text-decoration: underline; }
.backorderMsg a:hover { color: #008295; }
div.doc { margin: 0px 0px 15px 0px; padding: 0px; }
div.doc a { text-decoration: underline; }
.subCategoryList { position: relative; }
.subCategoryList ul { list-style-type: none; margin: 0px; padding: 0px; }
.subCategoryList li { display: -moz-inline-stack; display: inline-block; text-align: left; vertical-align: top; }
.subCategoryList ul.categories { letter-spacing: 10px; }
.subCategoryList li.category { letter-spacing: 0px; margin-bottom: 15px; }
.subCategoryList .categoryWrapper { position: relative; width: 230px; overflow: hidden; border: 1px solid #efefef; }
.subCategoryList .categoryTextOuterWrapper { position: relative; width: 230px; background-color: #ffffff; opacity: 0.8; }
.subCategoryList .categoryTextInnerWrapper { padding: 10px; }
.subCategoryList .categoryName { display: block; overflow-x: hidden; text-overflow: ellipsis; font-size: 18px; color: #222c57; }
.subCategoryList a.categoryName:hover,
.subCategoryList a.categoryName:active,
.subCategoryList a.categoryName:focus { color: #008295; 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: #222c57; padding: 0px; }
.subCategoryList ul.subMenu li.subCategory a:hover,
.subCategoryList ul.subMenu li.subCategory a:active,
.subCategoryList ul.subMenu li.subCategory a:focus { color: #008295; font-weight: bold; text-decoration: none; }
.subCategoryList ul.subMenu li.subCategory a:before { display: block; float: left; content: "\BB"; }
.subCategoryList ul.subMenu li.subCategory a span { display: block; margin-left: 10px; overflow-x: hidden; text-overflow: ellipsis; }
.onlineRefresh a { text-decoration: underline; }
.sortControl .label { margin-right: 5px; }
.sortControl button.arrowButton { display: inline-block; border: none; border-radius: 3px; width: 22px; height: 22px; margin: 0px 0px 0px 2px; padding: 0px; vertical-align: baseline; font-size: 16px; line-height: 1; background-color: transparent; cursor: pointer; }
.sortControl button.arrowButton svg { width: 16px; height: 16px; fill: #d0d0d0; vertical-align: bottom; }
.sortControl button.arrowButton:hover svg,
.sortControl button.arrowButton:focus svg { fill: #008295; }
.sortAndPresentationControl { display: flex; }
.sortAndPresentationControl .presentationControls { display: flex; margin-left: 10px; margin-right: 2px; }
.sortAndPresentationControl .presentationControls .presentationControl { margin-top: 3px; margin-left: 9px; }
.pagination { overflow: auto; margin-top: 10px; }
.pagination .recordsFound,
.pagination .itemsFound { float: left; margin-bottom: 5px; }
.pagination .pageLinks { float: right; margin-bottom: 5px; }
.pagination .label { font-weight: bold; }
.pagination a:hover,
.pagination a:active,
.pagination a:focus { text-decoration: none; }
.pagination .pageLink {
display: inline-block;
height: 21px;
padding: 4px 9px;
margin-bottom: 1px;
color: #008295; background-color: #e5e5e5;
}
.pagination a.pageLink:hover,
.pagination a.pageLink:active,
.pagination a.pageLink:focus,
.pagination .pageLink.active { color: #ffffff; background-color: #008295; }
.itemListWithPagination { margin: 0px 0px 15px 0px; padding: 0px; }
.itemListWithPagination .itemList span.searchTerm { background-color: yellow; }
.itemListWithPagination .itemListTableView { margin: 10px 0px 0px 0px; }
.itemListWithPagination .itemListGridView { margin: 10px 0px 10px 0px; }
.pageContent { margin: 0px; padding: 0px; }
.pageContent .pageContentLeftWrapper { }
.pageContent .pageContentMiddleWrapper { }
.pageContent.hasLeft { overflow: hidden; }
.pageContent.hasLeft .pageContentLeftWrapper { float: left; width: 220px; }
.pageContent.hasLeft .pageContentMiddleWrapper { margin-left: 250px; }
@media only all and (max-width: 805px) {
.pageContent.hasLeft .pageContentLeftWrapper { display: none; }
.pageContent.hasLeft .pageContentMiddleWrapper { margin-left: 0px; }
}
.box { margin-top: 35px; }
.box .boxTitle { padding-bottom: 7px; font-weight: bold; }
.box .boxContent { padding-top: 7px; }
.pageContentLeft .box .boxTitle { padding-left: 5px; border-bottom: 1px solid #e5e5e5; font-size: 17px; color: #666666; }
.pageContentLeft .box .boxContent { padding-left: 5px; }
.mobileTreeMenu .box { margin-bottom: 10px; }
.mobileTreeMenu .box .boxTitle { padding-left: 20px; border-bottom: 1px solid #574e51; font-size: 16px; color: #cccccc; }
.verticalCategoryList ul { list-style-type: none; margin: 0px; padding: 0px; line-height: normal; }
.verticalCategoryList li a { position: relative; display: block; padding: 7px 0px 7px 0px; font-size: 14px; }
.verticalCategoryList li a span { display: block; overflow: hidden; text-overflow: ellipsis; }
.verticalCategoryList li.level0 li { padding-left: 5px; }
.verticalCategoryList li.level1 li { padding-left: 15px; }
.verticalCategoryList li.level1 { border-bottom: 1px solid #e5e5e5; }
.verticalCategoryList a.level0 { padding: 0px 0px 7px 5px; border-bottom: 1px solid #e5e5e5; font-size: 17px; color: #666666; font-weight: bold; }
.verticalCategoryList a:hover { color: #008295; text-decoration: none; }
.verticalCategoryList a.active { color: #008295; font-weight: bold; }
.verticalCategoryList ul.subMenu a.withSubCategories { padding-right: 17px; }
.verticalCategoryList ul.subMenu a.withSubCategories:after { content: ""; position: absolute; top: 14px; right: 2px; width: 0px; height: 0px; border-width: 5px; border-style: solid; border-color: #aaaaaa transparent transparent transparent; }
.verticalCategoryList ul.subMenu a.withSubCategories:hover:after,
.verticalCategoryList ul.subMenu a.active.withSubCategories:after { content: ""; position: absolute; top: 14px; right: 2px; width: 0px; height: 0px; border-width: 5px; border-style: solid; border-color: #008295 transparent transparent transparent; }
.recentlyVisitedItemList { line-height: normal; }
.recentlyVisitedItemList .itemWrapper { padding: 7px 0px 10px 0px; overflow: hidden; }
.recentlyVisitedItemList .itemWrapper.first { padding: 0px 0px 10px 0px; border-top: none; }
.recentlyVisitedItemList .iconWrapper { float: left; width: 60px; overflow: hidden; }
.recentlyVisitedItemList .itemNameWrapper { margin-left: 70px; overflow: hidden; text-overflow: ellipsis; }
.recentlyVisitedItemList .priceWrapper { margin-left: 70px; margin-top: 5px; }
.recentlyVisitedItemList .priceWrapper .itemPrice .priceWithDiscounts { font-size: 14px; font-weight: normal; }
.recentlyVisitedItemList .priceWrapper .itemPrice .priceWithoutDiscountsWrapper div,
.recentlyVisitedItemList .priceWrapper .itemPrice .priceWithDiscountsWrapper div { display: inline; }
.recentlyVisitedItemList .icon img { display: block; max-width: 60px; max-height: 60px; }
.recentlyVisitedItemList .itemName { font-size: 14px; font-weight: normal; }
.pageContentLeft .recentlyVisitedItemList .itemWrapper { border-top: 1px solid #e5e5e5; }
.pageContentLeft .recentlyVisitedItemList .itemWrapper.last { border-bottom: 1px solid #e5e5e5; }
.pageContentLeft .recentlyVisitedItemList .itemWrapper.first { border-top: none; }
.mobileTreeMenu .recentlyVisitedItemList .itemWrapper { padding-left: 20px; border-top: 1px solid #574e51; }
.mobileTreeMenu .recentlyVisitedItemList .itemWrapper.first { border-top: none; }
.mobileTreeMenu .recentlyVisitedItemList .itemWrapper.last { border-bottom: 1px solid #574e51; }
.mobileTreeMenu .recentlyVisitedItemList .itemName { color: #cccccc; }
.mobileTreeMenu .recentlyVisitedItemList .itemNo { color: #888888; }
.mobileTreeMenu .recentlyVisitedItemList .itemPrice .priceWithDiscounts { color: #888888; }
.pageContent .documentLeft a { text-decoration: underline; }
.pageContent .documentLeft a:hover { color: #008295; }
.pageContent .documentRight a { text-decoration: underline; }
.pageContent .documentRight a:hover { color: #008295; }
.pageContent .heading { font-size: 18px; font-weight: normal; color: #767676; margin-bottom: 10px; }
.pageContent-login .heading,
.pageContent-account .heading,
.pageContent-createAccount .heading,
.pageContent-customerData .heading,
.pageContent-checkout .heading { padding: 5px 10px; background-color: #eeeeee; color: #555555; }
.pageContent .rowWrapper { position: relative; overflow: hidden; }
.pageContent .rowWrapper .boxWrapper { display: block; float: left; }
.pageContent .rowWrapper.oneColumn .boxWrapper { width: 100%; }
.pageContent .rowWrapper.twoColumns .boxWrapper { width: 50%; }
.pageContent .rowWrapper.twoColumns .boxWrapper.left .boxInnerWrapper { margin-right: 10px; }
.pageContent .rowWrapper.twoColumns .boxWrapper.right .boxInnerWrapper { margin-left: 10px; }
.pageContent .rowWrapper.threeColumns .boxWrapper { width: 33.3%; }
.pageContent .rowWrapper.threeColumns .boxWrapper.left .boxInnerWrapper { margin-right: 10px; }
.pageContent .rowWrapper.threeColumns .boxWrapper.middle .boxInnerWrapper { margin-left: 10px; margin-right: 10px; }
.pageContent .rowWrapper.threeColumns .boxWrapper.right .boxInnerWrapper { margin-left: 10px; }
.pageContent .topMargin { margin-top: 30px; }
@media only all and (max-width: 740px) {
.pageContent .rowWrapper.threeColumns .boxWrapper { width: 50%; }
.pageContent .rowWrapper.threeColumns .boxWrapper.left .boxInnerWrapper { margin-right: 10px; }
.pageContent .rowWrapper.threeColumns .boxWrapper.middle .boxInnerWrapper { margin-left: 10px; margin-right: 0px; }
.pageContent .rowWrapper.threeColumns .boxWrapper.right { width: 100%; }
.pageContent .rowWrapper.threeColumns .boxWrapper.right .boxInnerWrapper { margin-left: 0px; }
.pageContent .rowWrapper.threeColumns .boxWrapper.right .boxInnerWrapper:not(.retainTopMargin) { margin-top: 30px; }
}
@media only all and (max-width: 640px) {
.pageContent .rowWrapper.twoColumns .boxWrapper { width: 100%; }
.pageContent .rowWrapper.twoColumns .boxWrapper.left .boxInnerWrapper { margin-right: 0px; }
.pageContent .rowWrapper.twoColumns .boxWrapper.right .boxInnerWrapper { margin-left: 0px; }
.pageContent .rowWrapper.twoColumns .boxWrapper.right .boxInnerWrapper:not(.retainTopMargin) { margin-top: 30px; }
.pageContent .rowWrapper.threeColumns .boxWrapper { width: 100%; }
.pageContent .rowWrapper.threeColumns .boxWrapper.left .boxInnerWrapper { margin-right: 0px; }
.pageContent .rowWrapper.threeColumns .boxWrapper.middle .boxInnerWrapper { margin-left: 0px; margin-right: 0px; }
.pageContent .rowWrapper.threeColumns .boxWrapper.middle .boxInnerWrapper:not(.retainTopMargin) { margin-top: 30px; }
.pageContent .rowWrapper.threeColumns .boxWrapper.right .boxInnerWrapper { margin-left: 0px; }
.pageContent .rowWrapper.threeColumns .boxWrapper.right .boxInnerWrapper:not(.retainTopMargin) { margin-top: 30px; }
}
.pageContent div.inputField,
.pageContent span.inputField {
display: inline; margin: 0px; padding: 0px;
}
.pageContent input.inputField,
.pageContent textarea.inputField,
.pageContent select.inputField,
.pageContent div.inputField select,
.pageContent span.inputField select {
margin: 1px 0px 1px 0px;
font-size: 14px;
background-color: #ffffff;
border: 1px solid #999999;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
.pageContent input.inputField,
.pageContent textarea.inputField {
padding: 4px 5px;
}
.pageContent div.inputField select,
.pageContent span.inputField select,
.pageContent select.inputField {
padding: 3px;
}
.pageContent input.inputField:focus,
.pageContent textarea.inputField:focus,
.pageContent select.inputField:focus,
.pageContent div.inputField select:focus,
.pageContent span.inputField select:focus,
.pageContent input.inputField:hover,
.pageContent textarea.inputField:hover,
.pageContent select.inputField:hover,
.pageContent div.inputField select:hover,
.pageContent span.inputField select:hover {
border: 1px solid #767676;
background-color: #f0faff;
}
.pageContent div.inputField.missing,
.pageContent span.inputField.missing,
.pageContent div.inputField.error,
.pageContent span.inputField.error {
color: #ee0000;
}
.pageContent input.inputField.missing,
.pageContent textarea.inputField.missing,
.pageContent select.inputField.missing,
.pageContent div.inputField.missing select,
.pageContent span.inputField.missing select,
.pageContent input.inputField.error,
.pageContent textarea.inputField.error,
.pageContent select.inputField.error,
.pageContent div.inputField.error select,
.pageContent span.inputField.error select {
margin: 0px;
border: 2px solid #ee0000;
}
.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: #ee0000; }
.pageContent label.required:after { content: " *"; }
.pageContent label.error,
.pageContent form.validate span.error:not(.inputField) { display: block; margin-top: 3px; color: #ee0000; }
.pageContent .inputQty { text-align: right; }
.pageContent .inputQtyUnitId { }
.pageContent .inputQtyWrapper { display: block; margin-bottom: 2px; }
.pageContent button.button,
.pageContent-managerContent .flexContentEditorStage button.button,
.cookieNotice button {
padding: 7px 15px 7px 15px;
cursor: pointer;
font-size: 16px;
color: #333333;
background-color: #dddddd;
border: none;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
@media only all and (max-width: 359px) {
.pageContent button.button { font-size: 14px; }
}
@media only all and (max-width: 334px) {
.pageContent button.button { font-size: 13px; }
}
.pageContent button.button:hover,
.pageContent button.button:focus,
.pageContent button.button:active,
.pageContent-managerContent .flexContentEditorStage button.button:hover,
.pageContent-managerContent .flexContentEditorStage button.button:focus,
.pageContent-managerContent .flexContentEditorStage button.button:active,
.cookieNotice button:hover,
.cookieNotice button:focus,
.cookieNotice button:active {
color: #ffffff;
background-color: #008295;
}
.pageContent button.back { padding: 7px 15px 7px 9px; }
.pageContent button.back:before { display: inline-block; content: ""; margin-top: 0px; margin-right: 6px; margin-bottom: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent #555555 transparent transparent; }
.pageContent button.back:hover:before,
.pageContent button.back:focus:before,
.pageContent button.back:active:before { border-color: transparent #ffffff transparent transparent; }
.pageContent button.continue { padding: 7px 9px 7px 15px; }
.pageContent button.continue:after { display: inline-block; content: ""; margin-top: 0px; margin-left: 6px; margin-bottom: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #555555; }
.pageContent button.continue:hover:after,
.pageContent button.continue:focus:after,
.pageContent button.continue:active:after { border-color: transparent transparent transparent #ffffff; }
.pageContent button.primary,
.pageContent-managerContent .flexContentEditorStage button.primary,
.cookieNotice button.primary {
color: #ffffff;
background-color: #6eab24;
}
.pageContent button.primary:hover,
.pageContent button.primary:focus,
.pageContent button.primary:active,
.pageContent-managerContent .flexContentEditorStage button.primary:hover,
.pageContent-managerContent .flexContentEditorStage button.primary:focus,
.pageContent-managerContent .flexContentEditorStage button.primary:active,
.cookieNotice button.primary:hover,
.cookieNotice button.primary:focus,
.cookieNotice button.primary:active {
color: #ffffff;
background-color: #85cf2b;
}
.pageContent button.primary.back:before { border-color: transparent #ffffff transparent transparent; }
.pageContent button.primary.continue:after { border-color: transparent transparent transparent #ffffff; }
.pageContent button.svgIcon { display: inline-block; cursor: pointer; border: none; border-radius: 0px; outline-style: none; margin: 0px; padding: 0px; vertical-align: middle; font-size: 16px; line-height: 16px; background-color: transparent; }
.pageContent button.svgIcon:hover { border: none; background-color: transparent; }
.pageContent button.svgIcon.addToCart { width: 24px; }
.pageContent button.svgIcon.addToCart svg { width: 24px; height: 22px; fill: #5a5a5a; }
.pageContent button.svgIcon.addToCart:hover svg,
.pageContent button.svgIcon.addToCart:focus svg,
.pageContent button.svgIcon.addToCart:active svg { fill: #008295; }
.pageContent button.svgIcon.addToWishlist { width: 24px; }
.pageContent button.svgIcon.addToWishlist svg { width: 24px; height: 22px; fill: #5a5a5a; }
.pageContent button.svgIcon.addToWishlist:hover svg,
.pageContent button.svgIcon.addToWishlist:focus svg,
.pageContent button.svgIcon.addToWishlist:active svg { fill: #008295; }
@keyframes spinner-animation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg)
}
}
button svg.spinner { width: 0px; height: 14px; margin-right: 0px; fill: #555555; animation: .7s linear infinite spinner-animation; }
button.primary svg.spinner { fill: #f2f2f2; }
button.processing svg.spinner { width: 14px; margin-right: 7px; }
.buttonWrapper { margin-top: 20px; }
.buttonWrapper.hasSubWrappers { display: table; width: 100%; }
.buttonWrapper.hasSubWrappers .leftWrapper { display: table-cell; font-size: 0px; }
.buttonWrapper.hasSubWrappers .rightWrapper { display: table-cell; font-size: 0px; text-align: right; }
.buttonWrapper button { margin-right: 8px; min-width: 80px; }
.buttonWrapper button:last-child { margin-right: 0px; }
svg.penIcon { width: 12px; height: 12px; fill: #5a5a5a; vertical-align: baseline; margin-right: 8px; }
a:hover svg.penIcon,
a:active svg.penIcon,
a:focus svg.penIcon { fill: currentColor; }
.pageContent .mandatory { font-weight: bold; }
.pageContent .mandatory.top { margin-bottom: 15px; }
.pageContent .mandatory.bottom { margin-top: 15px; }
.pageContent-home .flexContent { margin-bottom: 20px; }
.pageContent-home .topSellerPerSite { margin-top: 20px; }
.pageContent-category .flexContent { margin-bottom: 20px; }
.pageContent-category .topSellerPerCategory { margin-top: 20px; }
.pageContent-searchAccessLimit button.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: #008295; }
.pageContent-item .itemDetailContainerWrapper { display: table; }
.pageContent-item .itemDetailContainer { display: table-row; }
.pageContent-item .itemDetailContainer .imageWrapper { display: table-cell; vertical-align: top; padding-right: 20px; }
.pageContent-item .itemDetailContainer .itemDetailWrapper { display: table-cell; vertical-align: top; }
@media only all and (min-width: 550px) and (max-width: 815px) {
.pageContent-item .itemDetailContainerWrapper { display: block; }
.pageContent-item .itemDetailContainer { display: block; }
.pageContent-item .itemDetailContainer .imageWrapper { display: block; padding-right: 0px; margin-bottom: 20px; }
.pageContent-item .itemDetailContainer .itemDetailWrapper { display: block; }
}
@media only all and (max-width: 550px) {
.pageContent-item .itemDetailContainerWrapper { display: block; }
.pageContent-item .itemDetailContainer { display: block; }
.pageContent-item .itemDetailContainer .imageWrapper { display: block; padding-right: 0px; margin-bottom: 20px; }
.pageContent-item .itemDetailContainer .itemDetailWrapper { display: block; }
}
.pageContent-item .itemDetailContainer .image { font-size: 0px; }
.pageContent-item .itemDetailContainer .image .imgWrapper { display: inline-block; max-width: 300px; }
.pageContent-item .itemDetailContainer .image .imgWrapper img { max-width: 100%; max-height: 100%; width: auto; height: auto; }
.pageContent-item .itemDetailContainer .zoomImageLink { display: inline-block; margin-top: 10px; }
.pageContent-item .itemDetailContainer .zoomImageLink svg.zoomIcon { width: 14px; height: 14px; fill: #5a5a5a; }
.pageContent-item .itemDetailContainer .zoomImageLink:hover,
.pageContent-item .itemDetailContainer .zoomImageLink:focus,
.pageContent-item .itemDetailContainer .zoomImageLink:active { text-decoration: none; }
.pageContent-item .itemDetailContainer .zoomImageLink:hover span { text-decoration: underline; color: #008295; }
.pageContent-item .itemDetailContainer .zoomImageLink:hover svg.zoomIcon { fill: #008295; }
.pageContent-item .itemDetailContainer h1 { margin-bottom: 1px; }
.pageContent-item .itemDetailContainer .itemDescription { font-size: 14px; }
.pageContent-item .itemDetailContainer .gtin { white-space: nowrap; font-size: 14px; color: #555555; }
.pageContent-item .itemDetailContainer .itemNo { white-space: nowrap; font-size: 14px; color: #555555; 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 .priceWrapper { margin-bottom: 12px; }
.pageContent-item .itemDetailContainer .priceWrapper .itemPrice .priceWithoutDiscountsWrapper div,
.pageContent-item .itemDetailContainer .priceWrapper .itemPrice .priceWithDiscountsWrapper div { display: inline; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude .inputQtyWrapper { margin-bottom: 0px; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude input.inputField { padding: 8px 5px 7px 5px; margin: 0px 5px 10px 0px; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude div.inputField select,
.pageContent-item .itemDetailContainer .itemAddToCartInclude span.inputField select { padding: 7px 5px 6px 5px; margin: 0px 5px 10px 0px; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToCart { height: 36px; margin-bottom: 10px; color: #ffffff; background-color: #008295; vertical-align: top; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToCart svg { width: 20px; height: 17px; margin-right: 9px; vertical-align: sub; fill: currentColor; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToCart:hover,
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToCart:focus { background-color: #222c57; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToCart:hover svg,
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToCart:focus svg { fill: currentColor; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToWishlist { padding: 0px; margin-top: 10px; color: #222c57; background-color: transparent; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToWishlist svg { width: 20px; height: 17px; margin-right: 2px; vertical-align: baseline; fill: #5a5a5a; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToWishlist:hover,
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToWishlist:focus { color: #008295; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToWishlist:hover svg,
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToWishlist:focus svg { fill: #008295; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude .additionalLine { font-size: 14px; color: #555555; }
.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,
.pageContent-item .itemDetailContainer .characteristics a:focus { color: #008295; }
.pageContent-item .itemDetailContainer .characteristics option.disabled { color: #bbbbbb; }
.pageContent-item .itemDetailContainer .characteristics .characteristic { display: table-row; }
.pageContent-item .itemDetailContainer .characteristics .characteristicCell { display: table-cell; padding-bottom: 8px; }
.pageContent-item .itemDetailContainer .characteristics .characteristic.last .characteristicCell { padding-bottom: 0px; }
.pageContent-item .itemDetailContainer .characteristics .characteristicCell.characteristicLabel { padding-right: 10px; }
.pageContent-item .itemDetailContainer .characteristics .characteristicCell button.arrowButton { display: inline-block; border: none; border-radius: 3px; width: 22px; height: 22px; margin: 0px 0px 0px 2px; padding: 0px; vertical-align: baseline; font-size: 16px; line-height: 1; background-color: transparent; cursor: pointer; }
.pageContent-item .itemDetailContainer .characteristics .characteristicCell button.arrowButton svg { width: 16px; height: 16px; fill: #d0d0d0; vertical-align: bottom; }
.pageContent-item .itemDetailContainer .characteristics .characteristicCell button.arrowButton:hover svg,
.pageContent-item .itemDetailContainer .characteristics .characteristicCell button.arrowButton:focus svg { fill: #008295; }
.pageContent-item .infoWrapper { margin-top: 20px; }
.pageContent-item .infoWrapper .backorderMsg { display: block; font-size: 14px; }
.pageContent-item .infoWrapper .backorderMsg a { font-size: 14px; }
.pageContent-item .infoWrapper .pdfLink { text-decoration: underline; }
.pageContent-item .infoWrapper .pdfLink svg.pdfIcon { width: 14px; height: 14px; fill: #5a5a5a; margin-right: 8px; }
.pageContent-item .infoWrapper .pdfLink:hover,
.pageContent-item .infoWrapper .pdfLink:focus { color: #008295; }
.pageContent-item .infoWrapper .pdfLink:hover svg.pdfIcon,
.pageContent-item .infoWrapper .pdfLink:focus svg.pdfIcon { fill: #008295; }
.pageContent-item .itemSecurityWrapper { margin-top: 20px; }
.pageContent-item .itemSecurityWrapper .itemSecurityHeading { font-weight: bold; }
.pageContent-item .billOfMaterialWrapper { margin-top: 20px; }
.pageContent-item .crossSellingWrapper { margin-top: 20px; }
.billOfMaterialItemList .table { width: 100%; border-bottom: 2px solid #e5e5e5; }
.billOfMaterialItemList .tableRowGroup.level0 .tableRow .tableCell { border-top: 2px solid #e5e5e5; }
.billOfMaterialItemList .tableRow .tableCell { border-bottom: none; }
.billOfMaterialItemList .itemNameCell .itemNo { display: block; margin-top: 10px; }
.billOfMaterialItemList .itemNameCell .availability { display: none; }
.billOfMaterialItemList .itemNameCell .priceWrapper { display: none; margin-top: 5px; }
.billOfMaterialItemList .containerCell { padding-left: 0px; padding-right: 0px; height: 100%; }
.billOfMaterialItemList .tableRowGroup.level1 .containerCell { padding-left: 52px; }
.billOfMaterialItemList .tableRowGroup.level2 .containerCell { padding-left: 104px; }
.billOfMaterialItemList .tableRowGroup.level3 .containerCell { padding-left: 156px; }
.billOfMaterialItemList .tableRowGroup.level4 .containerCell { padding-left: 208px; }
.billOfMaterialItemList .tableRowGroup.level5 .containerCell { padding-left: 260px; }
.billOfMaterialItemList .containerCell .containerTableWrapper { display: table; }
.billOfMaterialItemList .containerCell .containerTableRowWrapper { display: table-row; }
.billOfMaterialItemList .containerCell .bomToggleCell,
.billOfMaterialItemList .containerCell .iconCell,
.billOfMaterialItemList .containerCell .itemNameCell { display: table-cell; vertical-align: top; }
.billOfMaterialItemList .containerCell .bomToggleCell { padding-right: 7px; }
.billOfMaterialItemList .containerCell .iconCell { padding: 0px; padding-right: 14px; font-size: 0px; }
.billOfMaterialItemList .availabilityCell,
.billOfMaterialItemList .priceCell,
.billOfMaterialItemList .accessCartOrWishlistCell { text-align: right; white-space: nowrap; }
@media only all and (max-width: 1100px) {
.billOfMaterialItemList .tableCell.availabilityCell { display: none; }
.billOfMaterialItemList .itemNameCell .availability { display: block; }
.billOfMaterialItemList .tableCell.priceCell { display: none; }
.billOfMaterialItemList .itemNameCell .priceWrapper { display: block; }
.billOfMaterialItemList .itemNameCell .priceWrapper .priceWithoutDiscountsWrapper div,
.billOfMaterialItemList .itemNameCell .priceWrapper .priceWithDiscountsWrapper div { display: inline; }
}
@media only all and (max-width: 850px) {
.billOfMaterialItemList .tableRow .tableCell.availabilityCell { display: none; }
.billOfMaterialItemList .tableRow .tableCell.priceCell { display: none; }
.billOfMaterialItemList .table.mobileAt850px { border-top: none; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup { border-bottom: none; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level0 { border-top: 2px solid #e5e5e5; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level0 .tableRow .tableCell { border-top: none; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.first { border-top: none; }
.billOfMaterialItemList .table.mobileAt850px .tableCell.containerCell .bomToggleCell { display: none; }
.billOfMaterialItemList .table.mobileAt850px .tableCell.containerCell .bomToggleCell .bomToggle { display: none; }
.billOfMaterialItemList .tableRow .tableCell.accessCartOrWishlistCell { display: none; }
.billOfMaterialItemList .tableRow .tableCell.containerCell .itemSecurityIncludeWrapper { display: none; }
.billOfMaterialItemList .table.mobileAt850px .containerCell { padding-left: 0px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup { overflow: auto; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level0 .tableRow { display: block; margin-left: 0px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level0.withSubCategories .tableRow { display: block; margin-left: 52px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level0.withSubCategories .bomToggle { float: left; margin-left: 0px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level1 .tableRow { display: block; margin-left: 52px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level1.withSubCategories .tableRow { display: block; margin-left: 104px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level1.withSubCategories .bomToggle { float: left; margin-left: 52px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level2 .tableRow { display: block; margin-left: 104px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level2.withSubCategories .tableRow { display: block; margin-left: 156px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level2.withSubCategories .bomToggle { float: left; margin-left: 104px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level3 .tableRow { display: block; margin-left: 156px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level3.withSubCategories .tableRow { display: block; margin-left: 208px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level3.withSubCategories .bomToggle { float: left; margin-left: 156px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level4 .tableRow { display: block; margin-left: 208px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level4.withSubCategories .tableRow { display: block; margin-left: 260px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level4.withSubCategories .bomToggle { float: left; margin-left: 208px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level5 .tableRow { display: block; margin-left: 260px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level5.withSubCategories .tableRow { display: block; margin-left: 312px; }
.billOfMaterialItemList .table.mobileAt850px .tableRowGroup.level5.withSubCategories .bomToggle { float: left; margin-left: 260px; }
}
.billOfMaterialItemList .bomItem.hidden { display: none; }
.billOfMaterialItemList .bomItem .bomToggle { width: 45px; min-height: 50px; height: 100%; text-align: center; cursor: pointer; background-color: #008295; -moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
.billOfMaterialItemList .bomItem .bomToggle:after { content: "+"; display: inline-block; vertical-align: middle; font-size: 30px; color: #ffffff; cursor: pointer; }
.billOfMaterialItemList .bomItem.open .bomToggle:after { content: "-"; margin-top: -3px; }
.billOfMaterialItemList .bomItem .icon { display: inline-block; }
.billOfMaterialItemList .bomItem .icon img { max-width: 100px; max-height: 150px; }
.pageContent-login .loginWrapper input.inputField { display: block; width: 250px; margin-top: 2px; margin-bottom: 5px; }
.pageContent-login .loginWrapper .loginFailed {
width: 250px;
margin-top: 10px;
font-weight: bold; padding: 5px; border: 1px solid black; background-color: white;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border: 2px solid #cd0b0b; color: #cd0b0b; background-color: #ffe2e2;
}
.pageContent-login .loginWrapper .passwordReminderLink { display: block; margin-top: 15px; }
.pageContent-login .loginWrapper .passwordReminderLink:hover { text-decoration: underline; }
.pageContent-login .loginWrapper .passwordReminderLink:before { display: inline-block; content: ""; margin-top: 5px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #333333; }
.pageContent-login button.button { display: block; }
.pageContent-account .description.welcomeText .userName { font-weight: bold; }
.pageContent-account .description.callManager a { text-decoration: underline; }
.pageContent-account .description.callManager a:hover { color: #008295; }
.pageContent-account .description.passwordIsUnchangedYet {
display: inline-block;
margin-bottom: 20px;
font-weight: bold; padding: 5px; border: 1px solid black; background-color: white;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border: 2px solid #30ae30; color: #30ae30; background-color: #dbffdb;
}
.pageContent-account .menuEntry { display: block; padding: 7px 0px; }
.pageContent-account .menuEntry:before { display: inline-block; float: left; content: ""; margin-top: 7px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #333333; }
.pageContent-account .menuEntry.passwordIsUnchangedYet { color: #30ae30; font-weight: bold; }
.pageContent-account .menuEntry.passwordIsUnchangedYet:before { border-color: transparent transparent transparent #30ae30; }
.pageContent-quickorder .quickorderInputList .table { width: 330px; }
.pageContent-quickorder .quickorderInputList .tableCell.itemNoCell { width: auto; }
.pageContent-quickorder .quickorderInputList .tableCell.lineNoCell { text-align: right; vertical-align: middle; }
@media only all and (max-width: 350px) {
.pageContent-quickorder .quickorderInputList .table { width: 100%; }
}
.pageContent-quickorder .quickorderInputList .tableRow .tableCell.itemNoCell input { width: 97%; }
.pageContent-quickorder .quickorderItemList .table { width: 100%; }
.pageContent-quickorder .quickorderItemList .tableCell { width: 1px; }
.pageContent-quickorder .quickorderItemList .tableCell.itemNameCell { width: auto; }
.pageContent-quickorder .quickorderItemList .tableCell.itemNameCell .lineNo { display: none; }
.pageContent-quickorder .quickorderItemList .tableCell.itemNameCell .itemNo { display: none; }
.pageContent-quickorder .quickorderItemList .tableCell.itemNameCell .availability { display: none; }
.pageContent-quickorder .quickorderItemList .tableCell.inputQtyCell .priceWrapper { display: none; }
.pageContent-quickorder .quickorderItemList .tableCell.lineNoCell,
.pageContent-quickorder .quickorderItemList .tableCell.availabilityCell,
.pageContent-quickorder .quickorderItemList .tableCell.inputQtyCell,
.pageContent-quickorder .quickorderItemList .tableCell.priceCell { text-align: right; }
.pageContent-quickorder .quickorderItemList .tableCell.lineNoCell,
.pageContent-quickorder .quickorderItemList .tableCell.itemNoCell,
.pageContent-quickorder .quickorderItemList .tableCell.iconCell,
.pageContent-quickorder .quickorderItemList .tableCell.availabilityCell,
.pageContent-quickorder .quickorderItemList .tableCell.inputQtyCell,
.pageContent-quickorder .quickorderItemList .tableCell.priceCell { white-space: nowrap; }
.pageContent-quickorder .quickorderItemList .tableRow .tableCell.iconCell { font-size: 0px; }
@media only all and (max-width: 1023px) {
.pageContent-quickorder .quickorderItemList .tableCell.itemNoCell { display: none; }
.pageContent-quickorder .quickorderItemList .tableCell.itemNameCell .itemNo { display: block; margin-top: 10px; }
.pageContent-quickorder .quickorderItemList .tableCell.availabilityCell { display: none; }
.pageContent-quickorder .quickorderItemList .tableCell.itemNameCell .availability { display: block; }
}
@media only all and (max-width: 850px) {
.pageContent-quickorder .quickorderItemList .tableCell.lineNoCell,
.pageContent-quickorder .quickorderItemList .tableCell.priceCell { display: none; }
.pageContent-quickorder .quickorderItemList .tableCell.itemNameCell .lineNo { display: block; margin-top: 10px; }
.pageContent-quickorder .quickorderItemList .tableRow .tableCell.availabilityCell,
.pageContent-quickorder .quickorderItemList .tableRow .tableCell.inputQtyCell,
.pageContent-quickorder .quickorderItemList .tableRow .tableCell.priceCell { text-align: left; }
.pageContent-quickorder .quickorderItemList .tableRow .tableCell.iconCell { float: left; width: 100px; margin-left: 0px; padding-right: 14px; }
.pageContent-quickorder .quickorderItemList .tableRow .tableCell { margin-left: 114px; }
.pageContent-quickorder .quickorderItemList .tableRow .tableCell.inputQtyCell { clear: both; margin-left: 0px; padding-top: 10px; }
.pageContent-quickorder .quickorderItemList .tableRow .tableCell.inputQtyCell .inputQtyCellInnerWrapper { overflow: auto; padding: 6px; background-color: #f2f2f2; -moz-border-radius: 6px 6px 6px 6px;
-khtml-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-o-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}
.pageContent-quickorder .quickorderItemList .tableRow .tableCell.inputQtyCell .inputQtyCellInnerWrapper .itemListAddToCart { display: block; float: left; text-align: left; }
.pageContent-quickorder .quickorderItemList .tableRow .tableCell.inputQtyCell .priceWrapper { display: block; float: right; text-align: right; }
}
.pageContent-quickorder .quickorderItemList .icon img { max-width: 100px; max-height: 150px; }
.pageContent-quickorder .quickorderItemList .availability { display: block; }
.pageContent-quickorder .quickorderItemList .itemNotFound { font-weight: bold; color: #ee0000; }
.pageContent-quickorder .quickorderItemList .buttons { overflow: auto; }
.pageContent-quickorder .quickorderItemList .buttons .backButton { float: left; }
.pageContent-quickorder .quickorderItemList .buttons .submitButton { float: right; }
.pageContent-wishlist .topicOuterWrapper .topicWrapper { float: left; margin-right: 10px; margin-bottom: 0px; }
.pageContent-wishlist .topicOuterWrapper .topicWrapper .supplement.short { display: none; }
.pageContent-wishlist .topicOuterWrapper .topicRightWrapper { float: right; margin-top: 6px; }
.pageContent-wishlist:not(.hasLeft) .topicOuterWrapper .topicRightWrapper { margin-top: 6px; }
@media only all and (max-width: 470px) {
.pageContent-wishlist .topicOuterWrapper .topicWrapper .supplement.detailed { display: none; }
.pageContent-wishlist .topicOuterWrapper .topicWrapper .supplement.short { display: inline; }
}
.pageContent-wishlist .manageWishlists .manageWishlistsActivator { line-height: 27px; color: #555555; }
.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: #aaaaaa transparent transparent transparent; }
.pageContent-wishlist .manageWishlists .flyoutMenuElement:hover .manageWishlistsActivator,
.pageContent-wishlist .manageWishlists .flyoutMenuElement:active .manageWishlistsActivator,
.pageContent-wishlist .manageWishlists .flyoutMenuElement:focus .manageWishlistsActivator { color: #008295; text-decoration: none; }
.pageContent-wishlist .manageWishlists .flyoutMenuElement:hover .manageWishlistsActivator:after,
.pageContent-wishlist .manageWishlists .flyoutMenuElement:active .manageWishlistsActivator:after,
.pageContent-wishlist .manageWishlists .flyoutMenuElement:focus .manageWishlistsActivator:after { border-color: #008295 transparent transparent transparent; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel { overflow: hidden; min-width: 100px; max-width: 350px; padding-bottom: 15px; color: #ffffff; background-color: #008295; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel a { color: inherit; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel a:hover,
.pageContent-wishlist .manageWishlists .flyoutMenuPanel a:active,
.pageContent-wishlist .manageWishlists .flyoutMenuPanel a:focus { text-decoration: none; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel > div + div { margin-top: 20px; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .wishlistNameWrapper { margin-left: 10px; margin-right: 10px; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .wishlistNameWrapper form { display: flex; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .wishlistNameWrapper .inputFieldWrapper { flex: 1; padding-right: 10px; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .wishlistNameWrapper .inputField { width: 100%; padding: 4px 5px; border: none; color: #222c57; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .wishlistNameWrapper .submitButtonWrapper { margin-left: 10px; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .wishlistNameWrapper .button { min-width: 95px; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .removeWishlistWrapper { margin-left: 10px; margin-right: 10px; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .removeWishlistWrapper .removeWishlistInnerWrapper { display: flex; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .removeWishlistWrapper .descriptionWrapper { flex: 1; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .removeWishlistWrapper .submitButtonWrapper { margin-left: 10px; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .removeWishlistWrapper .button { min-width: 95px; }
.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 #222c57; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel li { display: table-row-group; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel li:hover,
.pageContent-wishlist .manageWishlists .flyoutMenuPanel li.active { background-color: #222c57; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel li:focus-within { background-color: #222c57; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel li a { display: table-row; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel li a > span { display: table-cell; padding: 6px 2px 6px 0px; border-top: 1px solid #222c57; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel li .wishlistName { padding-left: 10px; padding-right: 15px; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel li .wishlistName:before { display: block; float: left; content: ""; margin-top: 7px; margin-left: 2px; margin-right: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #ffffff; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel li .wishlistNumberOfLineItems { padding-right: 15px; text-align: right; white-space: nowrap; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .createNewWishlistWrapper { margin-left: 10px; margin-right: 10px; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .createNewWishlistWrapper .button { margin-top: 10px; }
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .button {
color: #f2f2f2;
background-color: #76b8b5;
}
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .button:hover,
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .button:active,
.pageContent-wishlist .manageWishlists .flyoutMenuPanel .button:focus { background-color: #555555; }
@media only all and (max-width: 370px) {
.pageContent-wishlist .manageWishlists .manageWishlistsActivator .detailed { display: none; }
.pageContent-wishlist .manageWishlists .manageWishlistsActivator .short { display: inline; }
}
.pageContent-wishlist .wishlistLineItems .table { width: 100%; }
.pageContent-wishlist .wishlistLineItems .table .checkAllWrapper { padding: 9px 0px; }
.pageContent-wishlist .wishlistLineItems .table .checkAllWrapper .checkbox { margin-right: 5px; }
.pageContent-wishlist .wishlistLineItems .tableCell { width: 1px; }
.pageContent-wishlist .wishlistLineItems .tableCell.selectionCell { font-size: 0px; }
.pageContent-wishlist .wishlistLineItems .tableCell.itemNameCell { width: auto; }
.pageContent-wishlist .wishlistLineItems .tableCell.itemNameCell .lineNo { display: none; }
.pageContent-wishlist .wishlistLineItems .tableCell.itemNameCell .removeLineItem { display: none; }
.pageContent-wishlist .wishlistLineItems .tableCell.itemNameCell .removeLineItem .removeLineItemLink { display: inline-block; margin-top: 10px; vertical-align: top; }
.pageContent-wishlist .wishlistLineItems .tableCell.itemNameCell .itemName { display: block; }
.pageContent-wishlist .wishlistLineItems .tableCell.itemNameCell .itemNo { display: none; }
.pageContent-wishlist .wishlistLineItems .tableCell.itemNameCell .availability { display: none; }
.pageContent-wishlist .wishlistLineItems .tableCell.lineNoCell,
.pageContent-wishlist .wishlistLineItems .tableCell.availabilityCell,
.pageContent-wishlist .wishlistLineItems .tableCell.removeLineItemCell,
.pageContent-wishlist .wishlistLineItems .tableCell.priceCell { text-align: right; }
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.inputQtyCell,
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.lineNoCell,
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.itemNoCell,
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.iconCell,
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.availabilityCell,
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.priceCell { white-space: nowrap; }
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.iconCell { font-size: 0px; }
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.removeLineItemCell .removeLineItemLink { display: block; margin-top: 10px; }
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell .removeLineItemLink { text-decoration: none; }
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell .removeLineItemLink:after {
content: "+"; display: block; font-size: 28px; line-height: 0; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);
}
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell .removeLineItemLink:active,
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell .removeLineItemLink:hover,
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell .removeLineItemLink:focus { color: #ee0000; }
@media only all and (max-width: 1023px) {
.pageContent-wishlist .wishlistLineItems .tableCell.itemNoCell { display: none }
.pageContent-wishlist .wishlistLineItems .tableCell.itemNameCell .itemNo { display: block; margin-top: 10px; }
.pageContent-wishlist .wishlistLineItems .tableCell.availabilityCell { display: none }
.pageContent-wishlist .wishlistLineItems .tableCell.itemNameCell .availability { display: block; }
}
@media only all and (max-width: 850px) {
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.lineNoCell,
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.removeLineItemCell { display: none }
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.priceCell { text-align: left; }
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.selectionCell { float: left; width: 20px; margin-left: 0px; padding-right: 14px; }
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.iconCell { float: left; width: 100px; margin-left: 0px; padding-right: 14px; }
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell { margin-left: 148px; }
.pageContent-wishlist .wishlistLineItems .tableCell.itemNameCell .lineNo { display: inline; }
.pageContent-wishlist .wishlistLineItems .tableCell.itemNameCell .removeLineItem { display: inline; margin-left: 5px; }
.pageContent-wishlist .wishlistLineItems .tableCell.inputQtyCell { margin-bottom: 3px; }
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.priceCell { clear: both; margin-left: 0px; padding-top: 10px; }
.pageContent-wishlist .wishlistLineItems .tableRow .tableCell.priceCell .priceWrapper { padding: 6px; background-color: #f2f2f2; -moz-border-radius: 6px 6px 6px 6px;
-khtml-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-o-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}
.pageContent-wishlist .wishlistLineItems .priceWithoutDiscountsWrapper div,
.pageContent-wishlist .wishlistLineItems .priceWithDiscountsWrapper div { display: inline; }
}
.pageContent-wishlist .wishlistLineItems .icon img { max-width: 100px; max-height: 150px; }
.pageContent-wishlist .wishlistLineItems .availability { display: block; }
.pageContent-wishlist .wishlistLineItems .buttonWrapper { overflow: auto; }
.pageContent-wishlist .wishlistLineItems .buttonWrapper .label { float: left; margin-right: 10px; line-height: 38px; }
.pageContent-wishlist .wishlistLineItems .buttonWrapper .buttons { float: left; }
.pageContent-previouslyOrderedItemList .itemList { margin-top: 20px; }
.pageContent-previouslyOrderedItemList .itemList .table { width: 100%; }
.pageContent-previouslyOrderedItemList .itemList .table .checkAllWrapper { padding: 9px 7px; }
.pageContent-previouslyOrderedItemList .itemList .table .checkAllWrapper .checkbox { margin-right: 5px; }
.pageContent-previouslyOrderedItemList .itemList .tableCell { width: 1px; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.inputQtyCell .priceWrapper { display: none; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell { width: auto; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .icon,
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .itemNo,
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .availability,
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper,
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper .numberOfOrders,
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper .orderedQty,
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper .lastOrderDate { display: none; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.priceCell { width: auto; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.numberOfOrdersCell,
.pageContent-previouslyOrderedItemList .itemList .tableCell.orderedQtyCell,
.pageContent-previouslyOrderedItemList .itemList .tableCell.lastOrderDateCell,
.pageContent-previouslyOrderedItemList .itemList .tableCell.availabilityCell,
.pageContent-previouslyOrderedItemList .itemList .tableCell.priceCell { text-align: right; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.numberOfOrdersCell,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.orderedQtyCell,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.lastOrderDateCell,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNoCell,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.availabilityCell { white-space: nowrap; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.iconCell { font-size: 0px; }
@media only all and (max-width: 1200px) {
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .itemNo { display: block; margin-top: 10px; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNoCell { display: none; }
}
@media only all and (max-width: 1110px) {
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .availability { display: block; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.availabilityCell { display: none; }
}
@media only all and (max-width: 1060px) {
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper { display: block; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper .lastOrderDate { display: block; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.lastOrderDateCell { display: none; }
}
@media only all and (max-width: 1000px) {
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper .numberOfOrders { display: block; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper .orderedQty { display: block; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.numberOfOrdersCell { display: none; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.orderedQtyCell { display: none; }
}
@media only all and (max-width: 850px) {
.pageContent-previouslyOrderedItemList .itemList .tableRow { display: table; width: 100%; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.iconCell { display: none; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell { display: table-footer-group; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell .inputQtyCellInnerWrapper { overflow: auto; padding: 6px; margin-top: 10px; background-color: #f2f2f2; -moz-border-radius: 6px 6px 6px 6px;
-khtml-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-o-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell .inputQtyCellInnerWrapper .itemListCheckboxWrapper { display: block; float: left; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell .inputQtyCellInnerWrapper .itemListAddToCart { display: block; float: left; text-align: left; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell .inputQtyCellInnerWrapper .additionalLine { font-size: 11px; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell .priceWrapper { display: block; float: right; text-align: right; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell .priceWrapper .price_discount,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell .priceWrapper .price_surcharge,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell .priceWrapper .total_discount,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.inputQtyCell .priceWrapper .total_surcharge { font-size: 11px; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNameCell { display: table-header-group; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNameCell .icon { display: block; float: left; width: 100px; padding-right: 14px; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNameCell .itemName,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNameCell .itemDescription,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNameCell .itemNo,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNameCell .itemSecurityIncludeWrapper,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNameCell .availability,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNameCell .attributeWrapper,
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.itemNameCell .backorderMsg { display: block; margin-left: 114px; }
.pageContent-previouslyOrderedItemList .itemList .tableRow .tableCell.priceCell { display: none; }
}
.pageContent-previouslyOrderedItemList .itemList .icon img { max-width: 100px; max-height: 150px; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.inputQtyCell .inputQtyCellInnerWrapper { white-space: nowrap; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.inputQtyCell .itemListCheckboxWrapper { display: inline-block; vertical-align: top; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.inputQtyCell .checkbox { margin-right: 10px; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.inputQtyCell .itemListAddToCart { display: inline-block; }
.pageContent-previouslyOrderedItemList .itemList .tableCell.itemNameCell .attributeWrapper { margin-top: 10px; }
.pageContent-previouslyOrderedItemList .itemList .availability { display: block; }
.pageContent-previouslyOrderedItemList .itemList .backorderMsg { margin-top: 10px; }
.pageContent-previouslyOrderedItemList .buttonWrapper { overflow: auto; }
.pageContent-previouslyOrderedItemList .buttonWrapper .label { float: left; margin-right: 10px; line-height: 38px; }
.pageContent-previouslyOrderedItemList .buttonWrapper .buttons { float: left; }
.pageContent-shoppingCart .topicOuterWrapper .topicWrapper { float: left; margin-right: 10px; margin-bottom: 0px; }
.pageContent-shoppingCart .topicOuterWrapper .topicWrapper .supplement.short { display: none; }
.pageContent-shoppingCart .topicOuterWrapper .topicRightWrapper { float: right; margin-top: 6px; }
.pageContent-shoppingCart:not(.hasLeft) .topicOuterWrapper .topicRightWrapper { margin-top: 6px; }
@media only all and (max-width: 470px) {
.pageContent-shoppingCart .topicOuterWrapper .topicWrapper .supplement.detailed { display: none; }
.pageContent-shoppingCart .topicOuterWrapper .topicWrapper .supplement.short { display: inline; }
}
.pageContent-shoppingCart .switchShoppingCart .switchShoppingCartActivator { line-height: 27px; color: #555555; }
.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: #aaaaaa transparent transparent transparent; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuElement:hover .switchShoppingCartActivator,
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuElement:active .switchShoppingCartActivator,
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuElement:focus .switchShoppingCartActivator { color: #008295; text-decoration: none; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuElement:hover .switchShoppingCartActivator:after { border-color: #008295 transparent transparent transparent; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel { overflow: hidden; min-width: 100px; max-width: 350px; padding-bottom: 15px; color: #ffffff; background-color: #008295; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel a { color: inherit; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel a:hover,
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel a:active,
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel a:focus { text-decoration: none; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel .flyoutMenuHeading { margin-left: 10px; margin-right: 10px; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel ul { display: table; width: 100%; list-style-type: none; margin: 0px; padding: 0px; border-bottom: 1px solid #222c57; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li { display: table-row-group; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li:hover,
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li.active { background-color: #222c57; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li:focus-within { background-color: #222c57; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li a { display: table-row; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li a > span { display: table-cell; padding: 6px 2px 6px 0px; border-top: 1px solid #222c57; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li .shoppingCartName { padding-left: 10px; padding-right: 15px; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li .shoppingCartName:before { display: block; float: left; content: ""; margin-top: 7px; margin-left: 2px; margin-right: 1px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #ffffff; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li .shoppingCartNumberOfLineItems { padding-right: 15px; text-align: right; }
.pageContent-shoppingCart .switchShoppingCart .flyoutMenuPanel li .shoppingCartSubTotal { text-align: right; padding-right: 10px; }
@media only all and (max-width: 370px) {
.pageContent-shoppingCart .switchShoppingCart .switchShoppingCartActivator .detailed { display: none; }
.pageContent-shoppingCart .switchShoppingCart .switchShoppingCartActivator .short { display: inline; }
}
.pageContent-shoppingCart .missingShoppingCartOnlinePriceMsg,
.pageContent-shoppingCart .missingOnlinePriceMsg,
.pageContent-shoppingCart .containsInvalidItemMsg { margin-bottom: 10px; color: #ee0000; font-weight: bold; }
.pageContent-shoppingCart .updateSucceededMsg { margin-bottom: 10px; font-weight: bold; }
.pageContent-shoppingCart .updateFailedMsg { margin-bottom: 10px; color: #ee0000; font-weight: bold; }
.pageContent-shoppingCart .emptyMsg { text-align: center; padding: 20px; color: #ee0000; font-weight: bold; }
.pageContent-shoppingCart .invalidMsg { color: #ee0000; font-weight: bold; margin-top: 5px; }
.pageContent-shoppingCart .errorMsg { color: #ee0000; font-weight: bold; margin-top: 5px; }
.pageContent-shoppingCart .lineItems { width: 100%; }
.pageContent-shoppingCart .lineItems .tableHeader .tableCell { width: 1px; }
.pageContent-shoppingCart .lineItems .tableHeader .itemNameCell { width: auto; }
.pageContent-shoppingCart .lineItems .tableHeader .inputQtyCell .removeLineItem { display: inline-block; width: 25px; height: 10px; padding-top: 5px; text-align: center; }
.pageContent-shoppingCart .lineItems .tableHeader .inputQtyCell,
.pageContent-shoppingCart .lineItems .tableHeader .orderQtyCell,
.pageContent-shoppingCart .lineItems .tableHeader .priceCell,
.pageContent-shoppingCart .lineItems .tableHeader .priceUnitCell,
.pageContent-shoppingCart .lineItems .tableHeader .totalPriceCalculationCell,
.pageContent-shoppingCart .lineItems .tableHeader .totalPriceCell { text-align: right; }
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .tableCell { width: 1px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .itemNameCell { width: auto; }
@media only all and (max-width: 850px) {
.pageContent-shoppingCart .description { display: none; }
.pageContent-shoppingCart .invalidMsg { margin-bottom: 5px; }
.pageContent-shoppingCart .errorMsg { margin-bottom: 5px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .iconCell { float: left; width: 100px; padding: 0px 7px 0px 7px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .itemNameCell { margin-left: 114px; padding: 0px 7px 0px 7px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .inputQtyCell { margin-left: 114px; text-align: left; padding: 0px 7px 0px 7px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .inputQtyCell .nextprice_without_discounts { display: none; }
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .orderQtyCell,
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .priceCell,
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .priceUnitCell,
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .totalPriceCalculationCell,
.pageContent-shoppingCart .lineItems .tableRowGroup .firstWrapper .totalPriceCell { display: none; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper { clear: both; padding-top: 10px; }
.pageContent-shoppingCart .lineItems .tableRowGroup.last .secondWrapper { margin-bottom: 10px; }
.pageContent-shoppingCart .lineItems .tableRowGroup.isInvalid .secondWrapper { padding-top: 0px; margin-bottom: 0px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .backgroundWrapper { padding: 6px; background-color: #f2f2f2; -moz-border-radius: 6px 6px 6px 6px;
-khtml-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-o-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}
.pageContent-shoppingCart .lineItems .tableRowGroup.isModified .secondWrapper .backgroundWrapper { color: #999999; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .secondInnerWrapper { display: table; margin: 0px 0px 0px auto; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .secondInnerCellWrapper { display: table-row; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .tableCell { display: table-cell; width: 1px; padding: 0px 7px; vertical-align: top; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .totalPriceCell { min-width: 70px; }
}
@media only all and (max-width: 450px) {
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .secondInnerWrapper { width: 100%; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .orderQtyCell { width: 100%; padding-left: 0px; font-size: 11px; text-align: left; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .priceCell { font-size: 11px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .priceUnitCell { padding-left: 0px; font-size: 11px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .totalPriceCalculationCell { font-size: 11px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper .totalPriceCell { min-width: 50px; padding-right: 0px; font-size: 11px; }
}
@media only all and (max-width: 370px) {
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 100px; overflow: hidden; }
}
@media only all and (max-width: 360px) {
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 90px; overflow: hidden; }
}
@media only all and (max-width: 350px) {
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 80px; overflow: hidden; }
}
@media only all and (max-width: 340px) {
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_surcharge,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_surcharge { display: inline-block; width: 100px; overflow: hidden; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .priceUnit { display: none; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 70px; overflow: hidden; }
}
@media only all and (max-width: 330px) {
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_surcharge,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_surcharge { display: inline-block; width: 90px; overflow: hidden; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .priceUnit { display: none; }
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-shoppingCart .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 60px; overflow: hidden; }
}
.pageContent-shoppingCart .lineItems .tableRowGroup .iconCell { white-space: nowrap; font-size: 0px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .iconCell img { max-width: 100px; max-height: 150px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .itemNameCell { width: auto; }
.pageContent-shoppingCart .lineItems .tableRowGroup .itemNoCell { white-space: nowrap; }
.pageContent-shoppingCart .lineItems .tableRowGroup .inputQtyCell { white-space: nowrap; text-align: right; }
.pageContent-shoppingCart .lineItems .tableRowGroup .inputQtyCell .removeLineItem { display: inline-block; width: 25px; padding-top: 5px; text-align: center; vertical-align: bottom; }
.pageContent-shoppingCart .lineItems .tableRowGroup .inputQtyCell .removeLineItem.removeMultipleLineItems { vertical-align: baseline; }
.pageContent-shoppingCart .lineItems .tableRowGroup .inputQtyCell .removeLineItem.removeMultipleLineItems .removeLineItemLink { display: none; }
.pageContent-shoppingCart .lineItems .tableRowGroup .inputQtyCell .removeLineItemLink { display: inline-block; text-decoration: none; }
.pageContent-shoppingCart .lineItems .tableRowGroup .inputQtyCell .removeLineItemLink:after {
content: "+"; display: block; font-size: 28px; line-height: 0; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);
}
.pageContent-shoppingCart .lineItems .tableRowGroup .inputQtyCell .removeLineItemLink:active,
.pageContent-shoppingCart .lineItems .tableRowGroup .inputQtyCell .removeLineItemLink:hover,
.pageContent-shoppingCart .lineItems .tableRowGroup .inputQtyCell .removeLineItemLink:focus { color: #ee0000; }
@media only all and (max-width: 850px) {
.pageContent-shoppingCart .lineItems .tableRowGroup .inputQtyCell .removeLineItem.removeMultipleLineItems { vertical-align: bottom; }
.pageContent-shoppingCart .lineItems .tableRowGroup .inputQtyCell .removeLineItem.removeMultipleLineItems .removeLineItemCheckbox { display: none; }
.pageContent-shoppingCart .lineItems .tableRowGroup .inputQtyCell .removeLineItem.removeMultipleLineItems .removeLineItemLink { display: inline-block; }
}
.pageContent-shoppingCart .lineItems .tableRowGroup .inputQtyCell .additionalLine { display: block; padding-right: 25px; }
.pageContent-shoppingCart .lineItems .tableRowGroup .orderQtyCell { white-space: nowrap; text-align: right; }
.pageContent-shoppingCart .lineItems .tableRowGroup .priceCell { white-space: nowrap; text-align: right; }
.pageContent-shoppingCart .lineItems .tableRowGroup .priceUnitCell { white-space: nowrap; text-align: right; }
.pageContent-shoppingCart .lineItems .tableRowGroup .totalPriceCalculationCell { white-space: nowrap; text-align: right; }
.pageContent-shoppingCart .lineItems .tableRowGroup .totalPriceCell { white-space: nowrap; text-align: right; }
.pageContent-shoppingCart .documentEnd { padding: 9px 0px; vertical-align: top; border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; }
.pageContent-shoppingCart .documentEnd .linesAtDocumentEnd { display: table; width: 100%; }
.pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd { display: table-row-group; }
.pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd { display: table-row; }
.pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd .lineAtDocumentEndCell { display: table-cell; padding: 3px 7px 0px 7px; white-space: nowrap; text-align: right; vertical-align: top; }
.pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd.first .lineAtDocumentEndCell { padding-top: 9px; }
.pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd.last .lineAtDocumentEndCell { padding-bottom: 9px; border-bottom: 2px solid #e5e5e5; }
.pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd.first .lineAtDocumentEnd.first .lineAtDocumentEndCell { padding-top: 0px; }
.pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd.last .lineAtDocumentEnd.last .lineAtDocumentEndCell { padding-bottom: 0px; border-bottom: none; }
.pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd .lineAtDocumentEndLabel { width: 100%; }
.pageContent-shoppingCart .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd .lineAtDocumentEndValue {}
.pageContent-shoppingCart .documentEnd .subTotal .lineAtDocumentEndCell { font-weight: bold; font-size: 16px; }
.pageContent-shoppingCart .documentEnd .salesTaxAndShippingConditions { padding: 3px 7px 0px 7px; white-space: nowrap; text-align: right; vertical-align: top; }
.pageContent-shoppingCart #backButton { float: left; }
.pageContent-shoppingCart #updateButton { float: left; margin-left: 5px; }
.pageContent-shoppingCart #checkoutButton { float: right; }
@media only all and (max-width: 850px) {
.pageContent-shoppingCart #updateButton { display: none; }
.pageContent-shoppingCart .missingShoppingCartOnlinePrice #updateButton { display: block; }
.pageContent-shoppingCart .missingOnlinePrice #updateButton { display: block; }
}
.pageContent-shoppingCart .enableMobileScriptsWhenInvisible {}
@media only all and (max-width: 850px) {
.pageContent-shoppingCart .enableMobileScriptsWhenInvisible { display: none; }
}
.pageContent-checkout .salesTaxIdVerification .salesTaxIdValid { color: green; }
.pageContent-checkout .salesTaxIdVerification .salesTaxIdIsNotValid { color: #ee0000; }
.pageContent-checkout .salesTaxIdVerification .serviceDown { color: #ee0000; }
.pageContent-checkout .salesTaxIdVerification .serviceNotReady { color: #ee0000; }
.pageContent-checkout .salesTaxIdVerification .accessLimit { color: #ee0000; }
.pageContent-checkout .checkoutOrderLineItems .emptyMsg { text-align: center; padding: 20px; color: #ee0000; font-weight: bold; }
.pageContent-checkout .checkoutOrderLineItems .invalidMsg { color: #ee0000; font-weight: bold; margin-top: 5px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems { width: 100%; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableHeader .tableCell { width: 1px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableHeader .itemNameCell { width: auto; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableHeader .lineNoCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableHeader .orderQtyCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableHeader .priceCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableHeader .priceUnitCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableHeader .totalPriceCalculationCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableHeader .totalPriceCell { text-align: right; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .tableCell { width: 1px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .itemNameCell { width: auto; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .itemNameCell .lineNo { display: none; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .itemNameCell .itemNo { display: none; }
@media only screen and (max-width: 850px) {
.pageContent-checkout .checkoutOrderLineItems .invalidMsg { margin-bottom: 5px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .iconCell { float: left; width: 100px; padding: 0px 7px 0px 7px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .itemNameCell { margin-left: 114px; padding: 0px 7px 0px 7px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .itemNameCell .lineNo { display: block; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .itemNameCell .itemNo { display: block; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .lineNoCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .itemNoCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .orderQtyCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .priceCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .priceUnitCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .totalPriceCalculationCell,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .firstWrapper .totalPriceCell { display: none; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper { clear: both; padding-top: 10px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup.last .secondWrapper { margin-bottom: 10px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup.isInvalid .secondWrapper { padding-top: 0px; margin-bottom: 0px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .backgroundWrapper { padding: 6px; background-color: #f2f2f2; -moz-border-radius: 6px 6px 6px 6px;
-khtml-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-o-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup.isModified .secondWrapper .backgroundWrapper { color: #999999; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .secondInnerWrapper { display: table; margin: 0px 0px 0px auto; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .secondInnerCellWrapper { display: table-row; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .tableCell { display: table-cell; width: 1px; padding: 0px 7px; vertical-align: top; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .totalPriceCell { min-width: 70px; }
}
@media only screen and (max-width: 450px) {
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .secondInnerWrapper { width: 100%; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .orderQtyCell { width: 100%; padding-left: 0px; font-size: 11px; text-align: left; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .priceCell { font-size: 11px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .priceUnitCell { padding-left: 0px; font-size: 11px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .totalPriceCalculationCell { font-size: 11px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper .totalPriceCell { min-width: 50px; padding-right: 0px; font-size: 11px; }
}
@media only screen and (max-width: 370px) {
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .inputQtyInfo { display: none; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 100px; overflow: hidden; }
}
@media only screen and (max-width: 360px) {
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .inputQtyInfo { display: none; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 90px; overflow: hidden; }
}
@media only screen and (max-width: 350px) {
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .inputQtyInfo { display: none; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 80px; overflow: hidden; }
}
@media only screen and (max-width: 340px) {
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .inputQtyInfo { display: none; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_surcharge,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_surcharge { display: inline-block; width: 100px; overflow: hidden; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .inputQtyInfo,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .priceUnit { display: none; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 70px; overflow: hidden; }
}
@media only screen and (max-width: 330px) {
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .inputQtyInfo { display: none; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .price_surcharge,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells4 .orderQtyCell .total_surcharge { display: inline-block; width: 90px; overflow: hidden; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .inputQtyInfo,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .priceUnit { display: none; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .price_surcharge,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_discount,
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .secondWrapper.secondWrapperPriceCells5 .orderQtyCell .total_surcharge { display: inline-block; width: 60px; overflow: hidden; }
}
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .lineNoCell { white-space: nowrap; text-align: right; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .itemNoCell { white-space: nowrap; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .iconCell { white-space: nowrap; font-size: 0px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .iconCell img { max-width: 100px; max-height: 150px; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .itemNameCell { width: auto; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .orderQtyCell { white-space: nowrap; text-align: right; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .priceCell { white-space: nowrap; text-align: right; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .priceUnitCell { white-space: nowrap; text-align: right; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .totalPriceCalculationCell { white-space: nowrap; text-align: right; }
.pageContent-checkout .checkoutOrderLineItems .lineItems .tableRowGroup .totalPriceCell { white-space: nowrap; text-align: right; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd { padding: 9px 0px; vertical-align: top; border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .linesAtDocumentEnd { display: table; width: 100%; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd { display: table-row-group; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd { display: table-row; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd .lineAtDocumentEndCell { display: table-cell; padding: 3px 7px 0px 7px; white-space: nowrap; text-align: right; vertical-align: top; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd.first .lineAtDocumentEndCell { padding-top: 9px; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd.last .lineAtDocumentEndCell { padding-bottom: 9px; border-bottom: 2px solid #e5e5e5; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd.first .lineAtDocumentEnd.first .lineAtDocumentEndCell { padding-top: 0px; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd.last .lineAtDocumentEnd.last .lineAtDocumentEndCell { padding-bottom: 0px; border-bottom: none; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd .lineAtDocumentEndLabel { width: 100%; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .lineGroupAtDocumentEnd .lineAtDocumentEnd .lineAtDocumentEndValue {}
.pageContent-checkout .checkoutOrderLineItems .documentEnd .subTotal .lineAtDocumentEndCell {}
.pageContent-checkout .checkoutOrderLineItems .documentEnd .shippingMethod .lineAtDocumentEndCell {}
.pageContent-checkout .checkoutOrderLineItems .documentEnd .paymentMethod .lineAtDocumentEndCell {}
.pageContent-checkout .checkoutOrderLineItems .documentEnd .insurance .lineAtDocumentEndCell {}
.pageContent-checkout .checkoutOrderLineItems .documentEnd .total .lineAtDocumentEndCell {}
.pageContent-checkout .checkoutOrderLineItems .documentEnd .plusSalesTax .lineAtDocumentEndCell {}
.pageContent-checkout .checkoutOrderLineItems .documentEnd .amountDue .lineAtDocumentEndCell { font-weight: bold; font-size: 16px; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .amountDue.isSalesTaxExempt .lineAtDocumentEndLabel { white-space: normal; }
.pageContent-checkout .checkoutOrderLineItems .documentEnd .includedSalesTax .lineAtDocumentEndCell {}
.pageContent-checkoutLogin .loginWrapper input.inputField { display: block; width: 250px; margin-top: 2px; margin-bottom: 5px; }
.pageContent-checkoutLogin .loginWrapper .loginFailed {
width: 250px;
margin-top: 10px;
font-weight: bold; padding: 5px; border: 1px solid black; background-color: white;
-moz-border-radius: 4px 4px 4px 4px;
-khtml-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
-o-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
border: 2px solid #cd0b0b; color: #cd0b0b; background-color: #ffe2e2;
}
.pageContent-checkoutLogin .loginWrapper .passwordReminderLink { display: block; margin-top: 15px; }
.pageContent-checkoutLogin .loginWrapper .passwordReminderLink:hover { text-decoration: underline; }
.pageContent-checkoutLogin .loginWrapper .passwordReminderLink:before { display: inline-block; content: ""; margin-top: 5px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #333333; }
.pageContent-checkoutLogin button.button { display: block; }
.pageContent-checkoutLoginResult .shoppingCartConfirmationNeededText { margin-bottom: 15px; font-weight: bold; }
.pageContent-checkoutCustomerData .errorMsg { margin-bottom: 15px; color: #ee0000; font-weight: bold; }
.pageContent-checkoutCustomerData input.inputField { width: 75%; }
.pageContent-checkoutCustomerData input.postalCode { width: 100px; }
.pageContent-checkoutCustomerData .buttons { overflow: auto; }
.pageContent-checkoutCustomerData .buttons .back { float: left; }
.pageContent-checkoutCustomerData .buttons .continue { float: right; }
@media only all and (max-width: 370px) {
.pageContent-checkoutCustomerData input.inputField { width: 90%; }
.pageContent-checkoutCustomerData select { width: 100%; }
.pageContent-checkoutCustomerData input.postalCode { width: 100px; }
}
.pageContent-checkoutOrderDetails .commentWrapper textarea.inputField { display: block; width: 98%; }
.pageContent-checkoutOrderDetails .buttons { overflow: auto; }
.pageContent-checkoutOrderDetails .buttons .back { float: left; }
.pageContent-checkoutOrderDetails .buttons .continue { float: right; }
@media only all and (max-width: 640px) {
.pageContent-checkoutOrderDetails .customerContactWrapper .boxInnerWrapper { margin-top: 20px; }
}
@media only all and (max-width: 700px) {
.pageContent-checkoutOrderDetails .commentWrapper textarea.inputField { width: 95% }
}
.pageContent-checkoutShippingAddress .existingAddresses .table { width: 100%; }
.pageContent-checkoutShippingAddress .existingAddresses .tableCell.selectionCell { width: 1px; font-size: 0px; }
@media only all and (max-width: 650px) {
.pageContent-checkoutShippingAddress .existingAddresses .table.mobileAt650px .tableRow .tableCell { margin-left: 32px; }
.pageContent-checkoutShippingAddress .existingAddresses .table.mobileAt650px .tableRow .tableCell.selectionCell { float: left; width: 20px; margin-left: 0px; padding-right: 7px; }
}
.pageContent-checkoutShippingAddress .newAddress input.inputField { width: 75%; }
.pageContent-checkoutShippingAddress .newAddress input.postalCode { width: 100px; }
.pageContent-checkoutShippingAddress .newAddress input.salesTaxId { width: 200px; }
.pageContent-checkoutBillingAddress .existingAddresses .table { width: 100%; }
.pageContent-checkoutBillingAddress .existingAddresses .tableCell.selectionCell { width: 1px; font-size: 0px; }
@media only all and (max-width: 650px) {
.pageContent-checkoutBillingAddress .existingAddresses .table.mobileAt650px .tableRow .tableCell { margin-left: 32px; }
.pageContent-checkoutBillingAddress .existingAddresses .table.mobileAt650px .tableRow .tableCell.selectionCell { float: left; width: 20px; margin-left: 0px; padding-right: 7px; }
}
.pageContent-checkoutBillingAddress .newAddress input.inputField { width: 75%; }
.pageContent-checkoutBillingAddress .newAddress input.postalCode { width: 100px; }
.pageContent-checkoutBillingAddress .newAddress input.salesTaxId { width: 200px; }
.pageContent-checkoutShipping .shippingMethod .tableCell.selectionCell { width: 1px; font-size: 0px; }
.pageContent-checkoutShipping .shippingMethod .tableCell.shippingCostsCell { text-align: right; }
.pageContent-checkoutShipping .checkoutShippingWrapper:not(.displayShippingAddress) .shippingMethod.topMargin { margin-top: 0px; }
@media only all and (max-width: 330px) {
.pageContent-checkoutShipping .shippingMethod .table { width: 100%; }
}
@media only all and (max-height: 750px) {
.pageContent-checkoutShipping .shippingAddress { display: none; }
.pageContent-checkoutShipping .shippingMethod.topMargin { margin-top: 0px; }
}
.pageContent-checkoutShipping .buttons { overflow: auto; }
.pageContent-checkoutShipping .buttons .back { float: left; }
.pageContent-checkoutShipping .buttons .continue { float: right; }
.pageContent-checkoutPayment .paymentMethod .tableCell.selectionCell { width: 1px; font-size: 0px; }
.pageContent-checkoutPayment .checkoutPaymentWrapper:not(.displayBillingAddress) .paymentMethod.topMargin { margin-top: 0px; }
@media only all and (max-width: 330px) {
.pageContent-checkoutPayment .paymentMethod .table { width: 100%; }
}
@media only all and (max-height: 750px) {
.pageContent-checkoutPayment .billingAddress { display: none; }
.pageContent-checkoutPayment .paymentMethod.topMargin { margin-top: 0px; }
}
.pageContent-checkoutPayment .buttons { overflow: auto; }
.pageContent-checkoutPayment .buttons .back { float: left; }
.pageContent-checkoutPayment .buttons .continue { float: right; }
.pageContent-checkoutOrderView a:active,
.pageContent-checkoutOrderView a:hover,
.pageContent-checkoutOrderView a:focus { color: #008295; }
.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: #ee0000; font-weight: bold; }
.pageContent-checkoutOrderView .mandatoryCheckboxes { display: table; width: 100%; margin-bottom: 20px; }
.pageContent-checkoutOrderView .mandatoryCheckbox { display: table-row; }
.pageContent-checkoutOrderView .checkboxCell { display: table-cell; padding-right: 10px; padding-top: 10px; font-size: 0px; }
.pageContent-checkoutOrderView .checkboxLabel { display: table-cell; width: 100%; padding-top: 10px; vertical-align: middle; }
.pageContent-checkoutOrderView .mandatoryCheckbox.first .checkboxCell { padding-top: 0px; }
.pageContent-checkoutOrderView .mandatoryCheckbox.first .checkboxLabel { padding-top: 0px; }
.pageContent-checkoutOrderView .editLink { display: inline-block; margin-top: 10px; text-decoration: underline; }
.pageContent-checkoutOrderView .lineItemHeading { margin-bottom: 0px; }
.pageContent-checkoutOrderView .buttons { overflow: auto; }
.pageContent-checkoutOrderView .buttons .backButton { float: left; }
.pageContent-checkoutOrderView .buttons .placeOrderButton { float: right; }
@media only all and (max-width: 640px) {
.pageContent-checkoutOrderView .description,
.pageContent-checkoutOrderView .fraudProtection,
.pageContent-checkoutOrderView .missingShoppingCartOnlinePriceMsg,
.pageContent-checkoutOrderView .missingOnlinePriceMsg,
.pageContent-checkoutOrderView .containsInvalidItemMsg,
.pageContent-checkoutOrderView .placeOrderErrorMsg,
.pageContent-checkoutOrderView .mandatoryCheckboxes { margin-bottom: 30px; }
}
@media only all and (max-width: 640px) {
.pageContent-checkoutOrderView .salesOrganizationContactWrapper .boxInnerWrapper,
.pageContent-checkoutOrderView .customerContactWrapper .boxInnerWrapper { margin-top: 20px; }
}
.pageContent-checkoutOrderPrintView { padding: 10px 10px 20px 10px; color: #555555; background-color: #ffffff; }
.pageContent-checkoutOrderPrintView h1 { color: #555555; }
.pageContent-checkoutOrderPrintView .missingShoppingCartOnlinePriceMsg,
.pageContent-checkoutOrderPrintView .missingOnlinePriceMsg,
.pageContent-checkoutOrderPrintView .containsInvalidItemMsg { margin-bottom: 10px; color: #ee0000; font-weight: bold; }
.pageContent-checkoutOrderPrintView .lineItemHeading { margin-bottom: 0px; }
.pageContent-checkoutOrderPrintView .lineItems .itemName { color: #555555; }
.pageContent-checkoutOrderPrintView .salesTaxIdVerification .salesTaxIdValid { color: #555555; }
.pageContent-checkoutOrderPrintView .salesTaxIdVerification .salesTaxIdIsNotValid { color: #555555; }
.pageContent-checkoutOrderPrintView .salesTaxIdVerification .serviceDown { color: #555555; }
.pageContent-checkoutOrderPrintView .salesTaxIdVerification .serviceNotReady { color: #555555; }
.pageContent-checkoutOrderPrintView .salesTaxIdVerification .accessLimit { color: #555555; }
.pageContent-checkoutOrderPrintView .buttons { overflow: auto; }
.pageContent-checkoutOrderPrintView .buttons .closeButton { float: left; }
.pageContent-checkoutOrderPrintView .buttons .printButton { float: right; }
@media only screen and (max-width: 640px) {
.pageContent-checkoutOrderPrintView .salesOrganizationContactWrapper .boxInnerWrapper,
.pageContent-checkoutOrderPrintView .customerContactWrapper .boxInnerWrapper { margin-top: 20px; }
}
.pageContent-checkoutOrderPlaced .continueWithNextShoppingCart { margin-top: 40px; }
.pageContent-checkoutOrderPlaced .continueWithNextShoppingCart .continueWithNextShoppingCartHeading { font-size: 18px; color: #767676; margin-bottom: 10px; }
.pageContent-checkoutOrderPlaced .continueWithNextShoppingCart .continueWithNextShoppingCartText a { text-decoration: underline; }
.pageContent-checkoutOrderPlaced .continueWithNextShoppingCart .continueWithNextShoppingCartText a:hover { color: #008295; }
.pageContent-checkoutNotificationPending .acknowledgementOfReceipt { margin-bottom: 15px; }
.pageContent-customerDocumentList .topicRightWrapper { margin-top: 0px; }
.pageContent-customerDocumentList .topicRightWrapper .requestedPeriodSelectionWrapper { float:left; margin-top: 5px; }
.pageContent-customerDocumentList .topicRightWrapper .requestedPeriodSelectionWrapper button.arrowButton { display: inline-block; border: none; border-radius: 3px; width: 22px; height: 22px; margin: 0px 0px 0px 2px; padding: 0px; vertical-align: baseline; font-size: 16px; line-height: 1; background-color: transparent; cursor: pointer; }
.pageContent-customerDocumentList .topicRightWrapper .requestedPeriodSelectionWrapper button.arrowButton svg { width: 16px; height: 16px; fill: #d0d0d0; vertical-align: bottom; }
.pageContent-customerDocumentList .topicRightWrapper .requestedPeriodSelectionWrapper button.arrowButton:hover svg,
.pageContent-customerDocumentList .topicRightWrapper .requestedPeriodSelectionWrapper button.arrowButton:focus svg { fill: #008295; }
.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,
.pageContent-customerDocumentList .tableRow .tableCell a:active,
.pageContent-customerDocumentList .tableRow .tableCell a:focus { color: #008295; }
@media only all and (max-width: 550px) {
.pageContent-customerDocumentList .tableRow .tableCell.trackingCell { display: none; }
.pageContent-customerDocumentList .topicRightWrapper .requestedPeriodSelectionWrapper { margin-right: 10px; }
.pageContent-customerDocumentList .topicRightWrapper .sortControl { display: block; }
.pageContent-customerDocumentList .tableCell.numberOfPackagesCell,
.pageContent-customerDocumentList .tableCell.trackingCell,
.pageContent-customerDocumentList .tableCell.totalAmountCell,
.pageContent-customerDocumentList .tableCell.totalAmountWithoutSalesTaxCell,
.pageContent-customerDocumentList .tableCell.totalAmountWithSalesTaxCell { text-align: left; }
.pageContent-customerDocumentList .tableRow .tableCell .label { display: inline; }
}
.pageContent-customerDocumentList .label { margin-right: 5px; }
.pageContent-customerDocumentList .trackingNumber { display: block; padding: 2px 0px; }
.pageContent-customerDocument .trackingNumber { display: block; padding: 2px 0px; }
.pageContent-customerDocument .trackingNumber:before { display: inline-block; content: ""; margin-top: 5px; width: 0px; height: 0px; border-width: 4px; border-style: solid; border-color: transparent transparent transparent #767676; }
.pageContent-customerDocument .trackingLink { text-decoration: underline; }
.pageContent-customerDocument .trackingLink:hover,
.pageContent-customerDocument .trackingLink:active,
.pageContent-customerDocument .trackingLink:focus { color: #008295; }
.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,
.pageContent-customerDocument .tableRow .tableCell a:active,
.pageContent-customerDocument .tableRow .tableCell a:focus { color: #008295; }
.pageContent-customerDocument .tableRow .tableCell.iconCell { font-size: 0px; }
.pageContent-customerDocument .tableRow.mobileOnly { clear: both; padding-top: 10px; }
.pageContent-customerDocument .tableRow.mobileOnly .backgroundWrapper { padding: 6px; background-color: #f2f2f2; -moz-border-radius: 6px 6px 6px 6px;
-khtml-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
-o-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}
.pageContent-customerDocument .tableRow.mobileOnly .outerCellWrapper { display: table; width: 100%; }
.pageContent-customerDocument .tableRow.mobileOnly .innerCellWrapper { display: table-row; }
.pageContent-customerDocument .tableRow.mobileOnly .innerCellWrapper .tableCell { display: table-cell; width: 1px; padding: 0px 7px; vertical-align: top; }
.pageContent-customerDocument .tableRow.mobileOnly .innerCellWrapper .tableCell.totalPriceCell { width: auto; }
@media only all and (max-width: 850px) {
.pageContent-customerDocument .trackingNumber { padding: 7px 0px; }
.pageContent-customerDocument .sortControl { display: block; }
.pageContent-customerDocument .tableRow .tableCell.iconCell { float: left; width: 100px; margin-left: 0px; padding-right: 14px; }
.pageContent-customerDocument .tableRow .tableCell { margin-left: 114px; }
.pageContent-customerDocument .tableRow .tableCell.lineNoCell,
.pageContent-customerDocument .tableRow .tableCell.itemNoCell,
.pageContent-customerDocument .tableRow .tableCell.qtyCell,
.pageContent-customerDocument .tableRow .tableCell.priceCell,
.pageContent-customerDocument .tableRow .tableCell.totalPriceCell { display: none; }
.pageContent-customerDocument .tableRow .tableCell.descriptionCell .lineNo { display: block; }
.pageContent-customerDocument .tableRow .tableCell.descriptionCell .itemNo { display: block; margin-bottom: 10px; }
.pageContent-customerDocument .tableRow .tableCell .label { display: inline; }
}
.pageContent-customerDocument .icon img { max-width: 100px; max-height: 150px; }
.pageContent-customerDocument .label { margin-right: 5px; }
.pageContent-customerDocument .priceUnit { color: #555555; 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,
.pageContent-backorderList .tableRow .tableCell a:active,
.pageContent-backorderList .tableRow .tableCell a:focus { color: #008295; }
.pageContent-backorderList .tableRow .tableCell.iconCell { font-size: 0px; }
@media only all and (max-width: 850px) {
.pageContent-backorderList .sortControl { display: block; }
.pageContent-backorderList .table .tableRow { overflow: hidden; }
.pageContent-backorderList .tableRow .tableCell.iconCell { float: left; width: 100px; margin-left: 0px; padding-right: 14px; }
.pageContent-backorderList .tableRow .tableCell { margin-left: 114px; }
.pageContent-backorderList .tableRow .tableCell.remainingQtyCell,
.pageContent-backorderList .tableRow .tableCell.remainingAmountCell,
.pageContent-backorderList .tableRow .tableCell.shippingDateCell,
.pageContent-backorderList .tableRow .tableCell.customerDocumentNoCell { text-align: left; }
.pageContent-backorderList .tableRow .tableCell.itemNoCell { display: none; }
.pageContent-backorderList .tableRow .tableCell.itemNameCell .itemNo { display: block; margin-bottom: 10px; }
.pageContent-backorderList .tableRow .tableCell .label { display: inline; }
}
.pageContent-backorderList .icon img { max-width: 100px; max-height: 150px; }
.pageContent-backorderList .label { margin-right: 5px; }
.pageContent-backorderList .salesTaxMsg { color: #555555; font-size: 12px; }
.pageContent-backorderList .backorderPagination { overflow: auto; margin-top: 10px; }
.pageContent-backorderList .backorderPagination .itemsFound { float: left; margin-bottom: 5px; }
.pageContent-backorderList .backorderPagination .pageLinks { float: right; margin-bottom: 5px; }
.pageContent-backorderList .backorderPagination .label { font-weight: bold; }
.pageContent-backorderList .backorderPagination a { text-decoration: none; }
.pageContent-backorderList .backorderPagination a:hover,
.pageContent-backorderList .backorderPagination a:active,
.pageContent-backorderList .backorderPagination a:focus { text-decoration: none; }
.pageContent-backorderList .backorderPagination .pageLink {
display: inline-block;
height: 21px;
padding: 4px 9px;
margin-bottom: 1px;
color: #008295; background-color: #e5e5e5;
-moz-border-radius: 3px 3px 3px 3px;
-khtml-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.pageContent-backorderList .backorderPagination a.pageLink:hover,
.pageContent-backorderList .backorderPagination a.pageLink:active,
.pageContent-backorderList .backorderPagination a.pageLink:focus,
.pageContent-backorderList .backorderPagination .pageLink.active { color: #ffffff; background-color: #008295; }
.pageContent-createAccount .fraudProtection { margin-bottom: 10px; font-weight: bold; }
.pageContent-createAccount .errorMsg { margin-bottom: 15px; color: #ee0000; font-weight: bold; }
.pageContent-createAccount input.inputField { width: 75%; }
.pageContent-createAccount input.postalCode { width: 100px; }
.pageContent-createAccount textarea.inputField { width: 98% }
.pageContent-createAccount .privacyLink { text-decoration: underline; }
.pageContent-createAccount .mandatoryCheckboxes { display: table; width: 100%; margin-top: 15px; margin-bottom: 15px; }
.pageContent-createAccount .mandatoryCheckbox { display: table-row; }
.pageContent-createAccount .checkboxCell { display: table-cell; padding-right: 10px; padding-top: 10px; line-height: 0px; }
.pageContent-createAccount .checkboxLabel { display: table-cell; width: 100%; padding-top: 10px; vertical-align: middle; }
.pageContent-createAccount .mandatoryCheckbox.first .checkboxCell { padding-top: 0px; }
.pageContent-createAccount .mandatoryCheckbox.first .checkboxLabel { padding-top: 0px; }
@media only all and (max-width: 700px) {
.pageContent-createAccount textarea.inputField { width: 95% }
}
@media only all and (max-width: 370px) {
.pageContent-createAccount input.inputField { width: 90%; }
.pageContent-createAccount select { width: 100%; }
.pageContent-createAccount input.postalCode { width: 100px; }
}
.pageContent-customerData .errorMsg { margin-bottom: 15px; color: #ee0000; font-weight: bold; }
.pageContent-customerData input.inputField { width: 75%; }
.pageContent-customerData input.postalCode { width: 100px; }
@media only all and (max-width: 370px) {
.pageContent-customerData input.inputField { width: 90%; }
.pageContent-customerData select { width: 100%; }
.pageContent-customerData input.postalCode { width: 100px; }
}
.pageContent-logout form { margin-right: 10px; }
.pageContent-logout form:last-child { margin-right: 0px; }
.pageContent-sitemap ul { list-style-type: none; margin: 0px; padding: 0px; }
.pageContent-sitemap li { display: -moz-inline-stack; display: inline-block; text-align: left; vertical-align: top; }
.pageContent-sitemap ul.categories { position: relative; letter-spacing: 10px; }
.pageContent-sitemap li.category { letter-spacing: 0px; margin-bottom: 15px; }
.pageContent-sitemap .categoryWrapper { position: relative; width: 230px; overflow: hidden; border: 1px solid #efefef; }
.pageContent-sitemap .categoryTextOuterWrapper { position: relative; width: 230px; background-color: #ffffff; opacity: 0.8; }
.pageContent-sitemap .categoryTextInnerWrapper { padding: 10px; }
.pageContent-sitemap .categoryName { display: block; overflow-x: hidden; text-overflow: ellipsis; font-size: 18px; color: #222c57; }
.pageContent-sitemap a.categoryName:hover,
.pageContent-sitemap a.categoryName:active,
.pageContent-sitemap a.categoryName:focus { color: #008295; 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: #222c57; padding: 9px 1px 9px 5px; }
.pageContent-sitemap ul.subMenu li a:hover,
.pageContent-sitemap ul.subMenu li a:active,
.pageContent-sitemap ul.subMenu li a:focus { color: #008295; font-weight: bold; text-decoration: none; }
.pageContent-sitemap ul.subMenu.level2 li a { font-size: 12px; }
.pageContent-sitemap ul.subMenu li a span { display: block; overflow-x: hidden; text-overflow: ellipsis; }
@media only all and (min-width: 531px) and (max-width: 805px) {
.pageContent-sitemap li.category { width: 32%; }
.pageContent-sitemap .categoryWrapper { width: 100%; }
.pageContent-sitemap .categoryTextOuterWrapper { width: 100%; }
}
@media only all and (min-width: 531px) and (max-width: 750px) {
.pageContent-sitemap .icon { width: 170px; height: 110px; line-height: 110px; }
.pageContent-sitemap .icon img { max-width: 165px; max-height: 110px; }
}
@media only all and (min-width: 531px) and (max-width: 710px) {
.pageContent-sitemap li.category { width: 31.5%; }
}
@media only all and (min-width: 531px) and (max-width: 580px) {
.pageContent-sitemap .icon { width: 140px; height: 90px; line-height: 90px; }
.pageContent-sitemap .icon img { max-width: 135px; max-height: 90px; }
}
@media only all and (max-width: 530px) {
.pageContent-sitemap li.category { width: 48%; }
.pageContent-sitemap .categoryWrapper { width: 100%; }
.pageContent-sitemap .categoryTextOuterWrapper { width: 100%; }
.pageContent-sitemap .icon { width: 230px; height: 170px; line-height: 170px; }
.pageContent-sitemap .icon img { max-width: 225px; max-height: 170px; }
}
@media only all and (max-width: 500px) {
.pageContent-sitemap .icon { width: 170px; height: 110px; line-height: 110px; }
.pageContent-sitemap .icon img { max-width: 165px; max-height: 110px; }
}
@media only all and (max-width: 400px) {
.pageContent-sitemap .icon { width: 140px; height: 90px; line-height: 90px; }
.pageContent-sitemap .icon img { max-width: 135px; max-height: 90px; }
}
@media only all and (max-width: 380px) {
.pageContent-sitemap li.category { width: 47%; }
}
.pageContent-passwordChange .errorMsg { margin-bottom: 15px; color: #ee0000; font-weight: bold; }
.pageContent-passwordChange .attributeValue input { width: 95%; max-width: 300px; }
.pageContent-passwordReminder .errorMsg { margin-bottom: 15px; color: #ee0000; font-weight: bold; }
.pageContent-passwordReminder .attributeValue input { width: 95%; max-width: 300px; }
.pageContent-cachecheck .concurrentAccessCounterList .tableCell.concurrentAccessCounterValueCell,
.pageContent-cachecheck .concurrentAccessCounterList .tableCell.concurrentAccessCounterLimitCell { text-align: right; }
.pageContent-cachecheck .requestTrackingEntries .tableCell.timeCell { text-align: right; }
.pageContent-cachecheck .requestTrackingEntries .statusText { display: block; }
.pageContent-loginRequired .attributeValue input { width: 95%; }
.pageContent-dialog { max-width: 350px; margin: 0px 20px; padding: 20px; overflow: hidden; border: 1px solid #dddddd; background-color: #ffffff; text-align: left; }
.pageContent-dialog h1 { margin: 0px 0px 10px 0px; }
body { background-color: #fff; }
.pageContent a.button {
padding: 3px 7px 3px 7px;
cursor: pointer;
font-size: 13px;
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: #222c57;
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 { max-width: 1900px; }
.lt-ie9 .responsiveLayout .layoutOuterWrapper { min-width: 900px; }
@media only all and (max-width: 805px) {
.responsiveLayout .layoutOuterWrapper { padding: 0px 10px; }
}
.responsiveLayout .layoutHeaderWrapper { max-width: 1900px; }
.responsiveLayout .layoutTopInnerWrapper { background: #fff; }
.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: #222c57; }
.responsiveLayout .layoutBottomWrapper { background-color: transparent; border-top: none; border-top: 5px solid #222c57;}
.footer { max-width: 1000px; margin-left: auto; margin-right: auto; box-sizing: border-box; }
.footer .footerCol { margin-left: 0; padding-right: 15px; box-sizing: border-box; width: 25%; min-width: 200px; max-width: none; float: left; vertical-align: top; margin-right: 0 !important; }
.footer .footerCol a,
.footer .footerCol .paragraph { color: #222c57; }
.footer .footerCol a:hover { 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%; }
@media only all and (max-width: 1050px) {
.responsiveLayout .layoutFirstTopWrapper .searchInnerWrapper { margin-left: 20%; }
}
@media only all and (max-width: 1000px) {
.responsiveLayout .layoutFirstTopWrapper .searchInnerWrapper { margin-left: 40px; }
}
.quickSearch { background-color: #fff; border-color: #999; }
.quickSearch .searchButton-text { display: none; }
.quickSearch .searchButton {
background-color: #008295; -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;
; font-weight: bold;
}
@media only all and (min-width: 600px) {
.quickSearch .searchButton { width: 90px; }
.quickSearch .searchButton .searchIcon { display: none; }
.quickSearch .searchButton-text { display: inline; }
.quickSearch .searchInput { margin-left: 50px; margin-right: 98px; }
.responsiveLayout .layoutSecondTopWrapper .searchWrapper .quickSearch .searchInput { margin-right: 98px; };
}
.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: #222c57;
}
.topinfotext { padding-top: 28px; margin-left: 10px; color: #222c57; }
.topinfotext p { margin: 0; }
@media only all and (max-width: 600px) {
.topinfotext { display: none; }
}
html.no-touch .responsiveLayout .meta .metaElement.flyoutMenuElement:hover .metaLink:after { border-color: #222c57 transparent transparent transparent; }
.responsiveLayout .meta .metaElement .metaLink .label { white-space: nowrap; }
.flyoutMenuContainer .flyoutMenu { z-index: 1250; }
.flyoutMenuContainer .flyoutMenuTriangle { z-index: 1251; }
.miniAccount .accountMenu a.menuEntry:hover { background-color: #fff; color: #222c57; }
.miniAccount .accountMenu a.menuEntry:hover:before { border-color: transparent transparent transparent #222c57; }
.miniAccount .accountMenu { border-bottom: 1px solid #fff; }
.miniAccount .accountMenu .menuEntry { border-top: 1px solid #fff; }
.cascadingMenuCategoryList ul.subMenu { z-index: 1020; }
.menuWrapper .bloglink {
display: block; position: absolute; right: 50px; top: 0; font-size: 15px; color: #333; padding: 14px 0 10px 23px; font-weight: bold;
}
.mobileTreeMenu .bloglink {
display: block; width: 50px; height: 40px; 5px 0 0 20px; line-height: 40px; font-size: 15px; color: #333;
}
.footer-oben-wrapper { width: 100%; background: #222c57; background: -moz-linear-gradient(top, #222c57, #222c57);
background: -ms-linear-gradient(top, #222c57, #222c57);
background: -webkit-gradient(linear, left top, left bottom, from(#222c57), to(#222c57));
background: -webkit-linear-gradient(top, #222c57, #222c57);
background: -o-linear-gradient(top, #222c57, #222c57);
background: linear-gradient(top, #222c57, #222c57);
; box-sizing: border-box; padding: 0 10px; }
.footer-oben { max-width: 1000px; margin: 0 auto; color: #fff; }
.footer-mitte-wrapper { width: 100%; box-sizing: border-box; padding: 0 10px; }
.footer-mitte { max-width: 1000px; margin: 0 auto; }
.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; }
.mobileMenuButton .line { background-color: #222c57; }
.mobileTreeMenu .head { color: #222c57; }
.mobileTreeMenu .head .menuLines .line { background-color: #222c57; }
.mobileTreeMenu .head .close { color: #222c57; }
.mobileTreeMenuCategoryList .menuItem:hover .menuItemLink { color: #222c57; }
.mobileTreeMenuCategoryList .menuItem:hover .menuItemButton { color: #222c57; }
.mobileTreeMenuCategoryList .menuItem.active { background-color: #222c57; }
.mobileTreeMenuCategoryList .menuItem.active:hover .menuItemLink { color: #fff; }
mobileMenuBlocker { z-index: 1500; }
.breadcrumbs li a:hover { background-color: #222c57; }
.breadcrumbs li.active span,
.breadcrumbs li.active a { background-color: #222c57; color: #fff; }
.breadcrumbs li.active.hasNext span,
.breadcrumbs li.active.hasNext a { background-color: #e5e5e5; }
h2 { color: #222c57; }
h3 { color: #222c57; }
img.lazy { transition: none; }
.subCategoryList ul.subMenu li.subCategory a span { font-size: 13px; margin-left: 0; }
.subCategoryList .categoryName { font-size: 13px; }
.subCategoryList a.categoryName:hover { text-decoration: none; }
.subCategoryList .slideOnHoverTarget { max-height: 180px; }
.verticalCategoryList a.level0 { border-bottom: 1px solid #222c57; }
.verticalCategoryList li.level1 { border-bottom: 1px solid #222c57; }
.cookieNotice .cookieNoticeText { color: #fff; }
.cookieNotice a { color: #fff; }
.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; }
@media only all and (max-width: 1280px) {
.home-schaltflaechen { text-align: center; }
}
@media only all and (max-width: 965px) {
.home-schaltflaeche-container { max-width: 48%; }
}
@media only all and (max-width: 600px) {
.home-schaltflaeche-container { max-width: 100%; }
}
.home-aktuelles-wrapper { width: 100%; background: rgb(31, 113, 163); background: -moz-linear-gradient(top, #222c57, #222c57);
background: -ms-linear-gradient(top, #222c57, #222c57);
background: -webkit-gradient(linear, left top, left bottom, from(#222c57), to(#222c57));
background: -webkit-linear-gradient(top, #222c57, #222c57);
background: -o-linear-gradient(top, #222c57, #222c57);
background: linear-gradient(top, #222c57, #222c57);
; 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; }
@media only all and (max-width: 805px) {
.home-kacheln { margin-top: 0; }
}
.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: 40px auto 20px auto; }
@media only all and (max-width: 805px) {
.responsiveLayout .layoutFirstTopWrapper .logo img { width: auto; max-height: 60px; }
}
@media only all and (max-width: 400px) {
.responsiveLayout .layoutFirstTopWrapper .logo img { max-height: 50px; }
.responsiveLayout .layoutFirstTopWrapper .logoWrapper { margin-top: 5px; }
}
.subCategoryList ul.categories { text-align: justify; letter-spacing: 0; }s
.subCategoryList .category,
.subCategoryList .category * { box-sizing: border-box; }
.subCategoryList .categoryWrapper { border: none; }
.subCategoryList .categoryTextOuterWrapper { position: absolute; bottom: 0; background-color: #ddd; z-index: 1; }
.subCategoryList .categoryTextInnerWrapper { padding: 2px 5px; }
.subCategoryList .categoryName { font-size: 13px; }
.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; line-height: normal; }
.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; }
.pageContent-category:not(.pageContent-category-251) .subCategoryList .category-row0.category-column1,
.pageContent-category:not(.pageContent-category-251) .subCategoryList .category-row1.category-column0 { width: 39%; }
.pageContent-category:not(.pageContent-category-251) .subCategoryList .category-row0.category-column1 .iconWrapper,
.pageContent-category:not(.pageContent-category-251) .subCategoryList .category-row1.category-column0 .iconWrapper { padding-bottom: 86%; position: relative; }
.pageContent-category:not(.pageContent-category-251) .subCategoryList .category-row0.category-column1 .icon,
.pageContent-category:not(.pageContent-category-251) .subCategoryList .category-row1.category-column0 .icon { position: absolute; }
.pageContent-category:not(.pageContent-category-251) .subCategoryList .category-row0.category-column0,
.pageContent-category:not(.pageContent-category-251) .subCategoryList .category-row1.category-column1 { width: 60%; }
.pageContent-category:not(.pageContent-category-251) .subCategoryList .category-row0.category-column0 .iconWrapper,
.pageContent-category:not(.pageContent-category-251) .subCategoryList .category-row1.category-column1 .iconWrapper { padding-bottom: 57%; position: relative; }
.pageContent-category:not(.pageContent-category-251) .subCategoryList .category-row0.category-column0 .icon,
.pageContent-category:not(.pageContent-category-251) .subCategoryList .category-row1.category-column1 .icon { position: absolute; }
.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%; }
@media only all and (max-width: 360px) {
.subCategoryList .category-row0.category-column0, .subCategoryList .category-row1.category-column1 { width: 59%; }
.subCategoryList .category-row0.category-column1, .subCategoryList .category-row1.category-column0 { width: 39%; }
}
.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; }
.slideshow { background: #eee; margin-top: 10px; }
@media only all and (min-width: 750px) {
.slideshow { margin-bottom: 25px; }
}
.slideshow .slides { overflow: hidden; width: 100%; text-align: left; }
.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; 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; 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: #222c57; }
.sortAndPresentationControl .prj_artikelfilter.filteraktiv .filtertrigger button { background: #222c57; }
.pageContent-item .itemDetailContainerWrapper { width: 100%; }
.pageContent-item .itemDetailContainer .characteristics a:hover { color: #222c57; }
.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 div.itemAttribute.availability .value { padding-left: 17px; font-size: 12px; }
.pageContent-item .itemDetailContainer .availability .availabilityIconWrapper { margin-left: -17px; margin-right: 5px; position: absolute; }
.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 .itemListVariantenView { max-height: 200px; overflow: auto; }
.pageContent-item .itemListVariantenView a { color: #222c57; }
.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 #222c57; }
.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: #222c57; color: #fff; }
.pageContent .itemListGridView .addToCartForm button,
.pageContent .itemListSlideView .addToCartForm button { width: 90%; }
.itemListGridView .addToCartForm button,
.itemListSlideView .addToCartForm button,
.itemListGridView .addToCartForm button:hover,
.itemListSlideView .addToCartForm button:hover { background-color: rgb(31, 113, 163); color: #fff; padding: 3px 7px; font-size: 13px; line-height: 19.5px; }
.itemListSlideView .longLabel { display: none; }
.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; }
@media only all and (max-width: 805px) {
.itemList .farbvarianten { display: none; }
}
.itemListSlideView .itemWrapper { width: 136px; }
.itemListSlideView .iconWrapper { padding: 2px; }
.itemListSlideView .icon { width: 132px; }
.itemListSlideView .icon img { max-width: 132px; max-height: 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; }
.pageContent .itemListSlideView .addToCartForm button,
.pageContent .itemListSlideView .addToCartForm button:hover { background-color: rgb(31, 113, 163); color: #fff; padding: 3px 7px; font-size: 13px; }
.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-sale { background: url(img/prj/stoerer-sale.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: 200; }
.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 {}
@media only all and (max-width: 999px) {
.blog-teaser-schmal { width: 33%; }
.blog-teaser-breit { width: 66%; }
.blog-teaser-bild { max-height: 330px; height: auto; }
}
@media only all and (max-width: 500px) {
.blog-teaser-schmal { width: 49%; }
.blog-teaser-breit { width: 100%; }
.blog-teaser-bild { max-height: 330px; height: auto; }
.blog-teaser { height: auto; }
}
.blog-beliebt { border: 1px solid #222c57; margin-top: 30px; }
.blog-archiv { border: 1px solid #222c57; 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 #222c57; width: 100%; margin-top: 20px
}
@media only all and (min-width: 1040px) {
.hilfsnavigation-line-0 { display: block; }
.hilfsnavigation-line-1 { display: none; }
.hilfsnavigation-line-2 { display: none; }
.hilfsnavigation-line-3 { display: none; }
.hilfsnavigation-line-4 { display: none; }
.hilfsnavigation-line-5 { display: none; }
}
@media only all and (max-width: 1040px) {
.hilfsnavigation-line-0 { display: none; }
.hilfsnavigation-line-1 { display: none; }
.hilfsnavigation-line-2 { display: none; }
.hilfsnavigation-line-3 { display: none; }
.hilfsnavigation-line-4 { display: none; }
.hilfsnavigation-line-5 { display: block; }
}
@media only all and (max-width: 880px) {
.hilfsnavigation-line-0 { display: none; }
.hilfsnavigation-line-1 { display: none; }
.hilfsnavigation-line-2 { display: none; }
.hilfsnavigation-line-3 { display: none; }
.hilfsnavigation-line-4 { display: block; }
.hilfsnavigation-line-5 { display: none; }
}
@media only all and (max-width: 720px) {
.hilfsnavigation-line-0 { display: block; }
.hilfsnavigation-line-1 { display: none; }
.hilfsnavigation-line-2 { display: none; }
.hilfsnavigation-line-3 { display: block; }
.hilfsnavigation-line-4 { display: none; }
.hilfsnavigation-line-5 { display: none; }
}
@media only all and (max-width: 560px) {
.hilfsnavigation-line-0 { display: block; }
.hilfsnavigation-line-1 { display: none; }
.hilfsnavigation-line-2 { display: block; }
.hilfsnavigation-line-3 { display: none; }
.hilfsnavigation-line-4 { display: block; }
.hilfsnavigation-line-5 { display: none; }
}
@media only all and (max-width: 400px) {
.hilfsnavigation-line-0 { display: block; }
.hilfsnavigation-line-1 { display: block; }
.hilfsnavigation-line-2 { display: block; }
.hilfsnavigation-line-3 { display: block; }
.hilfsnavigation-line-4 { display: block; }
.hilfsnavigation-line-5 { display: block; }
}
div.docBottom { margin-top: 30px; }
div.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; }
.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;
}
.item-nichtLieferbar { color: red; font-weight: bold; }
.footer { text-align: right; }
.contentCategoryList ul { list-style-type: none; margin: 0px; padding: 0px; border-bottom: 1px solid #222c57; 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 #222c57; }
.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; }
.aktionspreis .priceWithDiscounts { color: #e4003a; }
.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; }
.streichpreis .price { font-weight: bold; }
.streichpreis-aktion .price { text-decoration: line-through; }
.pageContent-item .streichpreis-ersparnis { display: inline-block; margin-left: 10px; color: #e4003a; }
.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 .salesOrganization { display: none; }
footer .languageSelection a { text-transform: capitalize; text-align: left; margin-bottom: 3px; white-space: nowrap; }
.mitarbeiter-email { word-spacing: 0; }
.mitarbeiter-email .at { height: 10px; }
a.itemListAnchor { position: absolute; margin-top: -5px; }
@media only all and (min-width: 806px) and (min-height: 950px) {
a.itemListAnchor { position: absolute; margin-top: -171px; }
}
.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; }
.home-newsletter-wrapper { margin: 20px 0; box-sizing: border-box; }
.newsletter-flanke { display: table; width: 100%; border-top: 1px solid #222c57; border-bottom: 1px solid #222c57; }
.newsletter-flanke a { display: table-row; text-decoration: none; }
.newsletter-flanke-links {
width: 60%; display: table-cell; background: -moz-linear-gradient(top, #222c57, #222c57);
background: -ms-linear-gradient(top, #222c57, #222c57);
background: -webkit-gradient(linear, left top, left bottom, from(#222c57), to(#222c57));
background: -webkit-linear-gradient(top, #222c57, #222c57);
background: -o-linear-gradient(top, #222c57, #222c57);
background: linear-gradient(top, #222c57, #222c57);
; 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, #222c57, #222c57);
background: -ms-linear-gradient(top, #222c57, #222c57);
background: -webkit-gradient(linear, left top, left bottom, from(#222c57), to(#222c57));
background: -webkit-linear-gradient(top, #222c57, #222c57);
background: -o-linear-gradient(top, #222c57, #222c57);
background: linear-gradient(top, #222c57, #222c57);
;
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;
; }
@media only all and (max-width: 1000px) {
.newsletter-flanke { display: block; width: 100%; }
.newsletter-flanke a { display: block; }
.newsletter-flanke-links { width: 100%; display: table; padding-left: 20px; max-width: auto; }
.newsletter-flanke-links-content { display: table-cell; vertical-align: middle; max-width: auto; width: 100%; text-align: left; }
.newsletter-flanke-rechts { display: table; width: 100%; padding-left: 0; }
.newsletter-flanke-rechts-content { display: table-cell; }
}
.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; }
.pageContent-checkoutCustomerData .errorMsg { color: red; font-weight: bold; margin: 10px 0; }
ul { list-style: none; }
.pageContent button.svgIcon.addToWishlist img { height: 24px; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.withIcon.addToWishlist img { height: 24px; }
.pageContent-item .itemDetailContainer .itemAddToCartInclude button.addToCart img { vertical-align: middle; margin-right: 5px; }
.pageContent .couponCodeWrapper .inputField { padding: 7px 5px; min-width: 200px; }
.responsiveLayout .pageContent-homepreview { max-width: unset; padding: 0px; }
.responsiveLayout .pageContent .standardWidthWrapper { margin: 0px auto; max-width: 1900px; padding: 0px 15px; }
.flexGenderContainer { display: flex; }
.flexContainer-childWrapper > .flexGenderContainer, .flexContent > .flexGenderContainer { width: 100%; align-self: stretch; }
.flexGenderContainer-innerWrapper { flex: 1; max-width: 100%; height: 100%; }
.flexGenderContainer-contentWrapper { display: flex; max-width: 100%; flex-direction: column; height: 100%; }
.flexCountryContainer { display: flex; }
.flexContainer-childWrapper > .flexCountryContainer, .flexContent > .flexCountryContainer { width: 100%; align-self: stretch; }
.flexCountryContainer-innerWrapper { flex: 1; max-width: 100%; height: 100%; }
.flexCountryContainer-contentWrapper { display: flex; max-width: 100%; flex-direction: column; height: 100%; }
.flexContainer .flexButtonElement { position: relative; display: inline-block; width: auto; cursor: pointer; background-color: #008295; }
.flexContainer .flexButtonElement .flexElement-contentWrapper { color: #fff; text-transform: uppercase; text-decoration: none; }
.flexContainer .flexButtonElement .flexElement-contentWrapper a { color: #fff; text-transform: uppercase; cursor: pointer; text-decoration: none; }
.flexContainer .flexButtonElement .flexElement-contentWrapper:hover { color: #008295; background-color: #fff; }
.flexContainer .flexButtonElement .flexElement-contentWrapper:hover .flexButtonElement-textContent { color: #008295; background-color: #fff; }
.flexButtonElement .flexElement-innerWrapper { flex: 1; display: flex; }
.flexButtonElement .flexElement-contentWrapper { display: flex; width: 100%; overflow: hidden; }
.flexButtonElement-textContent { flex: 1; }
.flexButtonElement-textContent:not(.flexButtonElement-noHyphenation) { -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
.flexButtonElement-textContent:not(.flexButtonElement-noLinkHighlighting) a { }
.flexButtonElement-textContent a:active,
.flexButtonElement-textContent a:hover,
.flexButtonElement-textContent a:focus { color: #008295; }
.flexButtonElement-textContent p { margin: 0px; }
.flexButtonElement-textContent > *:last-child { margin-bottom: 0px; }
.flexImageOverlayElement { position: relative; }
.flexImageOverlayElement .imageOverlayWrapper { background-color: transparent; display: inline-block; line-height: normal; position: absolute; }
.flexImageOverlayElement .imageOverlayWrapper .imageOverlay { position: relative; display: inline-block; line-height: normal; }
.flexImageOverlayElement .flexElement-innerWrapper { line-height: unset; }
.flexImageOverlayElement .flexElement-contentWrapper { line-height: unset; }
.flexImageOverlayElement .flexElement-contentWrapper .imageOverlayWrapper .slide-title .flexTextElement-textContent { font-size: 30px; }
.flexImageOverlayElement .flexElement-contentWrapper .imageOverlayWrapper .slide-title .flexTextElement-textContent p { margin: 0px; }
.flexImageOverlayElement.shiftOverlay .flexElement-contentWrapper .imageOverlayWrapper { position: relative; margin-top: 10px; }
.flexImageOverlayElement.shiftOverlay .flexElement-contentWrapper .imageOverlayWrapper .flexTextElement-textContent h1 { color: #008295 !important; }
.flexImageOverlayElement.shiftOverlay .flexElement-contentWrapper .imageOverlayWrapper .flexTextElement-textContent h1 span { color: #008295 !important; }
.flexImageOverlayElement.shiftOverlay .flexElement-contentWrapper .imageOverlayWrapper .flexTextElement-textContent h2 { color: #000 !important; }
.flexImageOverlayElement.shiftOverlay .flexElement-contentWrapper .imageOverlayWrapper .flexTextElement-textContent h2 span { color: #000 !important; }
.flexImageOverlayElement.shiftOverlay .flexElement-contentWrapper .imageOverlayWrapper .flexTextElement-textContent h3 { color: #000 !important; }
.flexImageOverlayElement.shiftOverlay .flexElement-contentWrapper .imageOverlayWrapper .flexTextElement-textContent h3 span { color: #000 !important; }
.flexImageOverlayElement.shiftOverlay .flexElement-contentWrapper .imageOverlayWrapper .flexTextElement-textContent p { color: #000 !important; }
.flexImageOverlayElement.shiftOverlay .flexElement-contentWrapper .imageOverlayWrapper .flexTextElement-textContent p span { color: #000 !important; }
.flexImageOverlayElement.shiftOverlay .flexElement-contentWrapper { flex-wrap: wrap; }
.flexImageOverlayElement.shiftOverlay .flexElement-contentWrapper .flexImageElement-imageContent { height: auto; }
.flexLinkContainer { display: flex; }
.flexLinkContainer-innerWrapper { flex: 1; max-width: 100%; }
.flexLinkContainer-innerWrapper a,
.flexLinkContainer-innerWrapper a:hover { text-decoration: none; }
.flexLinkContainer-contentWrapper { display: flex; max-width: 100%; }
.flexLinkContainer-defaultElement { position: relative; flex: 1; display: flex; overflow: hidden; }
.flexLinkContainer .flexElement-innerWrapper a { font-weight: inherit; }
.flexLinkContainer .flexElement-contentWrapper.text-button .textContent, .flexLinkContainer .flexElement-contentWrapper.image-text-button .textContent { color: #fff; }
.flexLinkContainer .flexElement-contentWrapper.light-blue-hover:hover, .flexLinkContainer .flexElement-contentWrapper.light-blue-hover:focus, .flexLinkContainer .flexElement-contentWrapper.light-blue-hover:active { background-color: #008295; }
.flexAccordionTabElement { position: relative; }
.accordionTabWrapper { position: relative; overflow: hidden; }
.accordionTabWrapper + .accordionTabWrapper { margin-top: 15px; }
.accordionTabWrapper input[type=checkbox].accordionTabInput { position: absolute; /* z-index: 100; */ opacity: 0; /* display: none; */ }
.accordionTabWrapper input[type=checkbox].accordionTabInput + label.accordionTabTitle {
position: relative; display: block; padding: 9px 9px 7px 17px;
border: 1px solid #eeeeee;
/* border-top: 1px solid #cccccc; */
/* border-bottom: 3px solid #008295; */
border-bottom: 2px solid #cccccc;
background-color: #f2f2f2;
font-size: 16px;
color: #555555;
cursor: pointer;
transition: border 1s ease;
}
.accordionTabWrapper input[type=checkbox].accordionTabInput + label.accordionTabTitle:after {
position: absolute;
content: "";
display: inline-block;
width: 6px; height: 6px;
top: 16px; right: 18px;
border-left: 2px solid #555555;
border-bottom: 2px solid #555555;
transform: rotate(315deg);
transition: top 0.2s, transform 0.2s ease;
}
.accordionTabWrapper .accordionTabPanel { max-height: 0px; visibility: hidden; transition: max-height .3s ease 0s, visibility 0s ease .3s; }
.managerLayout .accordionTabWrapper .accordionTabPanel { max-height: 200vh; visibility: visible; }
.accordionTabWrapper .accordionTabPanel:before { content: ""; display: block; height: 15px; }
.accordionTabWrapper .accordionTabPanel:after { content: ""; display: block; height: 20px; }
.accordionTabWrapper input[type=checkbox].accordionTabInput:focus + label.accordionTabTitle {
border-bottom: 2px solid #cccccc;
}
.accordionTabWrapper input[type=checkbox].accordionTabInput:checked + label.accordionTabTitle {
border-bottom: 2px solid #008295;
}
.accordionTabWrapper input[type=checkbox].accordionTabInput:checked + label.accordionTabTitle:after { top: 19px; transform: rotate(135deg); }
.accordionTabWrapper input[type=checkbox].accordionTabInput:checked ~ .accordionTabPanel { max-height: 200vh; visibility: visible; transition: max-height .3s ease 0s, visibility 0s ease 0s; }
.accordionTabWrapper .accordionTabTitle:before {
position: absolute;
content: "";
display: inline-block;
width: 21px; height: 21px;
top: 11px; right: 45px;
opacity: 0; pointer-events: none;
transition: opacity .3s;
}