.flowplayer{position:relative;width:100%;background-size:contain;background-repeat:no-repeat;background-position:center center;display:block;} .flowplayer *{font-weight:inherit;font-family:inherit;font-style:inherit;text-decoration:inherit;font-size:100%;padding:0;border:0;margin:0;list-style-type:none} .flowplayer a:focus{outline:0} .flowplayer video{width:100%} .flowplayer.is-ipad video{-webkit-transform:translateX(-2048px);} .is-ready.flowplayer.is-ipad video{-webkit-transform:translateX(0)} .flowplayer .fp-engine,.flowplayer .fp-ui,.flowplayer .fp-message{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1} .flowplayer .fp-message{display:none;text-align:center;padding-top:5%;cursor:default;} .flowplayer .fp-message h2{font-size:120%;margin-bottom:1em} .flowplayer .fp-message p{color:#666;font-size:95%} .flowplayer .fp-controls{position:absolute;bottom:0;width:100%;} .no-background.flowplayer .fp-controls{background-color:transparent !important;background-image:-moz-linear-gradient(transparent,transparent) !important;background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),to(transparent)) !important} .is-fullscreen.flowplayer .fp-controls{bottom:3px} .is-mouseover.flowplayer .fp-controls{bottom:0} .flowplayer .fp-waiting{display:none;margin:19% auto;text-align:center;} .flowplayer .fp-waiting *{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333} .flowplayer .fp-waiting em{width:1em;height:1em;-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em;background-color:rgba(255,255,255,0.8);display:inline-block;-webkit-animation:pulse .6s infinite;-moz-animation:pulse .6s infinite;animation:pulse .6s infinite;margin:.3em;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .flowplayer .fp-waiting em:nth-child(1){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s} .flowplayer .fp-waiting em:nth-child(2){-webkit-animation-delay:.45s;-moz-animation-delay:.45s;animation-delay:.45s} .flowplayer .fp-waiting em:nth-child(3){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s} .flowplayer .fp-waiting p{color:#ccc;font-weight:bold} .flowplayer .fp-speed{font-size:30px;background-color:#333;background-color:rgba(51,51,51,0.8);color:#eee;margin:0 auto;text-align:center;width:120px;padding:.1em 0 0;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;} .flowplayer .fp-speed.fp-hilite{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} .flowplayer .fp-help{position:absolute;top:0;left:-9999em;z-index:100;background-color:#333;background-color:rgba(51,51,51,0.9);width:100%;height:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;text-align:center;} .is-help.flowplayer .fp-help{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} .flowplayer .fp-help .fp-help-section{margin:3%;direction:ltr} .flowplayer .fp-help .fp-help-basics{margin-top:6%} .flowplayer .fp-help p{color:#eee;margin:.5em 0;font-size:14px;line-height:1.5;display:inline-block;margin:1% 2%} .flowplayer .fp-help em{background:#eee;-webkit-border-radius:.3em;-moz-border-radius:.3em;border-radius:.3em;margin-right:.4em;padding:.3em .6em;color:#333} .flowplayer .fp-help small{font-size:90%;color:#aaa} .flowplayer .fp-help .fp-close{display:block} @media (max-width: 600px){.flowplayer .fp-help p{font-size:9px} }.flowplayer .fp-subtitle{position:absolute;bottom:40px;left:-99999em;z-index:10;text-align:center;width:100%;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;} .flowplayer .fp-subtitle p{display:inline;background-color:#333;background-color:rgba(51,51,51,0.9);color:#eee;padding:.1em .4em;font-size:16px;line-height:1.6;} .flowplayer .fp-subtitle p:after{content:'';clear:both} .flowplayer .fp-subtitle.fp-active{left:0;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} .flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-mute,.flowplayer .fp-embed,.flowplayer .fp-close,.flowplayer .fp-play{background-image:url(/static/tupperware-au/assets/system_images/white.png);background-size:37px 300px;} .is-rtl.flowplayer .fp-fullscreen,.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-mute,.is-rtl.flowplayer .fp-embed,.is-rtl.flowplayer .fp-close,.is-rtl.flowplayer .fp-play{background-image:url(/static/tupperware-au/assets/system_images/white_rtl.png)} .color-light.flowplayer .fp-fullscreen,.color-light.flowplayer .fp-unload,.color-light.flowplayer .fp-mute,.color-light.flowplayer .fp-embed,.color-light.flowplayer .fp-close,.color-light.flowplayer .fp-play{background-image:url(/static/tupperware-au/assets/system_images/black.png);} .is-rtl.color-light.flowplayer .fp-fullscreen,.is-rtl.color-light.flowplayer .fp-unload,.is-rtl.color-light.flowplayer .fp-mute,.is-rtl.color-light.flowplayer .fp-embed,.is-rtl.color-light.flowplayer .fp-close,.is-rtl.color-light.flowplayer .fp-play{background-image:url(/static/tupperware-au/assets/system_images/black_rtl.png)} @media (-webkit-min-device-pixel-ratio: 2){.color-light.flowplayer .fp-fullscreen,.color-light.flowplayer .fp-unload,.color-light.flowplayer .fp-mute,.color-light.flowplayer .fp-embed,.color-light.flowplayer .fp-close,.color-light.flowplayer .fp-play{background-image:url(/static/tupperware-au/assets/system_images/black-x2.png)} .is-rtl.color-light.flowplayer .fp-fullscreen,.is-rtl.color-light.flowplayer .fp-unload,.is-rtl.color-light.flowplayer .fp-mute,.is-rtl.color-light.flowplayer .fp-embed,.is-rtl.color-light.flowplayer .fp-close,.is-rtl.color-light.flowplayer .fp-play{background-image:url(/static/tupperware-au/assets/system_images/black_rtl-x2.png)} }@media (-webkit-min-device-pixel-ratio: 2){.flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-mute,.flowplayer .fp-embed,.flowplayer .fp-close,.flowplayer .fp-play{background-image:url(/static/tupperware-au/assets/system_images/white-x2.png)} .is-rtl.flowplayer .fp-fullscreen,.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-mute,.is-rtl.flowplayer .fp-embed,.is-rtl.flowplayer .fp-close,.is-rtl.flowplayer .fp-play{background-image:url(/static/tupperware-au/assets/system_images/white_rtl-x2.png)} }.is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{background:url(/static/tupperware-au/assets/system_images/play_white.png) center no-repeat;background-size:12%;} .is-rtl.is-splash.flowplayer .fp-ui,.is-rtl.is-paused.flowplayer .fp-ui{background:url(/static/tupperware-au/assets/system_images/play_white_rtl.png) center no-repeat;background-size:12%} @media (-webkit-min-device-pixel-ratio: 2){.is-splash.flowplayer .fp-ui,.is-paused.flowplayer .fp-ui{background:url(/static/tupperware-au/assets/system_images/play_white-x2.png) center no-repeat;background-size:12%} .is-rtl.is-splash.flowplayer .fp-ui,.is-rtl.is-paused.flowplayer .fp-ui{background:url(/static/tupperware-au/assets/system_images/play_white_rtl-x2.png) center no-repeat;background-size:12%} }.color-light.is-splash.flowplayer .fp-ui,.color-light.is-paused.flowplayer .fp-ui{background-image:url(/static/tupperware-au/assets/system_images/play_black.png);} .is-rtl.color-light.is-splash.flowplayer .fp-ui,.is-rtl.color-light.is-paused.flowplayer .fp-ui{background-image:url(/static/tupperware-au/assets/system_images/play_black_rtl.png)} @media (-webkit-min-device-pixel-ratio: 2){.color-light.is-splash.flowplayer .fp-ui,.color-light.is-paused.flowplayer .fp-ui{background-image:url(/static/tupperware-au/assets/system_images/play_black-x2.png);} .is-rtl.color-light.is-splash.flowplayer .fp-ui,.is-rtl.color-light.is-paused.flowplayer .fp-ui{background-image:url(/static/tupperware-au/assets/system_images/play_black_rtl-x2.png)} }.is-fullscreen.flowplayer .fp-ui{background-size:auto} .is-seeking.flowplayer .fp-ui,.is-loading.flowplayer .fp-ui{background-image:none} .flowplayer .fp-logo{position:absolute;top:auto;left:15px;bottom:30px;cursor:pointer;display:none;z-index:100;} .flowplayer .fp-logo img{width:100%} .is-embedded.flowplayer .fp-logo{display:block} .fixed-controls.flowplayer .fp-logo{bottom:15px} .flowplayer .fp-fullscreen,.flowplayer .fp-unload,.flowplayer .fp-close{position:absolute;top:5px;left:auto;right:5px;display:block;width:30px;height:23px;background-position:12px -197px;cursor:pointer;} .is-rtl.flowplayer .fp-fullscreen,.is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-close{right:auto;left:5px;background-position:18px -197px} .flowplayer .fp-unload,.flowplayer .fp-close{background-position:14px -175px;display:none;} .is-rtl.flowplayer .fp-unload,.is-rtl.flowplayer .fp-close{background-position:14px -175px} .flowplayer .fp-play{display:none;width:27px;height:20px;background-position:9px -24px;position:absolute;bottom:0;left:0;} .is-rtl.flowplayer .fp-play{background-position:18px -24px;left:auto;right:0} .play-button.flowplayer .fp-play{display:block} .is-paused.flowplayer .fp-play{background-position:9px 7px;} .is-rtl.is-paused.flowplayer .fp-play{background-position:18px 7px} .flowplayer.is-ready.is-closeable .fp-unload{display:block} .flowplayer.is-ready.is-closeable .fp-fullscreen{display:none} .flowplayer.is-fullscreen .fp-fullscreen{background-position:10px -217px;display:block !important;} .is-rtl.flowplayer.is-fullscreen .fp-fullscreen{background-position:21px -217px} .flowplayer.is-fullscreen .fp-unload,.flowplayer.is-fullscreen .fp-close{display:none !important} .flowplayer .fp-timeline{height:3px;position:relative;overflow:hidden;top:5px;height:10px;margin:0 150px 0 45px;} .no-volume.flowplayer .fp-timeline{margin-right:60px} .no-mute.flowplayer .fp-timeline{margin-right:140px} .no-mute.no-volume.flowplayer .fp-timeline{margin-right:45px} .play-button.flowplayer .fp-timeline{margin-left:67px} .is-rtl.flowplayer .fp-timeline{margin:0 45px 0 150px;} .no-volume.is-rtl.flowplayer .fp-timeline{margin-left:60px} .no-mute.is-rtl.flowplayer .fp-timeline{margin-left:140px} .no-mute.no-volume.is-rtl.flowplayer .fp-timeline{margin-left:45px} .play-button.is-rtl.flowplayer .fp-timeline{margin-right:67px} .is-long.flowplayer .fp-timeline{margin:0 180px 0 75px;} .no-volume.is-long.flowplayer .fp-timeline{margin-right:90px} .no-mute.is-long.flowplayer .fp-timeline{margin-right:75px} .play-button.is-long.flowplayer .fp-timeline{margin-left:97px} .is-rtl.is-long.flowplayer .fp-timeline{margin:75px 0 180px 0;} .no-volume.is-rtl.is-long.flowplayer .fp-timeline{margin-left:90px} .no-mute.is-rtl.is-long.flowplayer .fp-timeline{margin-left:75px} .play-button.is-rtl.is-long.flowplayer .fp-timeline{margin-left:97px} .aside-time.flowplayer .fp-timeline,.no-time.flowplayer .fp-timeline{margin:0 110px 0 5px} .aside-time.no-volume.flowplayer .fp-timeline,.no-time.no-volume.flowplayer .fp-timeline{margin-right:20px} .aside-time.no-mute.flowplayer .fp-timeline,.no-time.no-mute.flowplayer .fp-timeline{margin-right:5px} .play-button.no-time.flowplayer .fp-timeline,.play-button.aside-time.flowplayer .fp-timeline{margin-left:27px} .is-rtl.aside-time.flowplayer .fp-timeline,.is-rtl.no-time.flowplayer .fp-timeline{margin:0 5px 0 110px} .is-rtl.aside-time.no-volume.flowplayer .fp-timeline,.is-rtl.no-time.no-volume.flowplayer .fp-timeline{margin-left:20px} .is-rtl.aside-time.no-mute.flowplayer .fp-timeline,.is-rtl.no-time.no-mute.flowplayer .fp-timeline{margin-left:5px} .is-rtl.play-button.no-time.flowplayer .fp-timeline,.is-rtl.play-button.aside-time.flowplayer .fp-timeline{margin-right:27px} .flowplayer .fp-buffer,.flowplayer .fp-progress{position:absolute;top:0;left:auto;height:100%;cursor:col-resize} .flowplayer .fp-buffer{-webkit-transition:width .25s linear;-moz-transition:width .25s linear;transition:width .25s linear} .flowplayer.is-touch .fp-timeline{overflow:visible} .flowplayer.is-touch .fp-progress{-webkit-transition:width .2s linear;-moz-transition:width .2s linear;transition:width .2s linear} .flowplayer.is-touch .fp-timeline.is-dragging .fp-progress{-webkit-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;-moz-transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear;transition:right .1s linear,border .1s linear,top .1s linear,left .1s linear} .flowplayer.is-touch.is-mouseover .fp-progress:after,.flowplayer.is-touch.is-mouseover .fp-progress:before{content:'';display:block;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:absolute;right:-5px} .flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:after,.flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:before{right:auto;left:-5px} .flowplayer.is-touch.is-rtl.is-mouseover .fp-progress:after{left:-10px;-webkit-box-shadow:-1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:-1px 0 4px rgba(0,0,0,0.5);box-shadow:-1px 0 4px rgba(0,0,0,0.5)} .flowplayer.is-touch.is-mouseover .fp-progress:before{width:10px;height:10px} .flowplayer.is-touch.is-mouseover .fp-progress:after{height:10px;width:10px;top:-5px;right:-10px;border:5px solid rgba(255,255,255,0.65);-webkit-box-shadow:1px 0 4px rgba(0,0,0,0.5);-moz-box-shadow:1px 0 4px rgba(0,0,0,0.5);box-shadow:1px 0 4px rgba(0,0,0,0.5)} .flowplayer.is-touch.is-mouseover .fp-timeline.is-dragging .fp-progress:after{border:10px solid #fff;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;-webkit-transition:inherit;-moz-transition:inherit;transition:inherit;top:-10px;right:-15px} .flowplayer.is-touch.is-rtl.is-mouseover .fp-timeline.is-dragging .fp-progress:after{left:-15px;right:auto;border:10px solid #fff} .flowplayer .fp-volume{position:absolute;top:7.5px;right:5px;} .is-rtl.flowplayer .fp-volume{right:auto;left:5px} .flowplayer .fp-mute{position:relative;width:10px;height:15px;float:left;top:-5px;cursor:pointer;background-position:-2px -99px;} .is-rtl.flowplayer .fp-mute{float:right;background-position:-25px -99px} .no-mute.flowplayer .fp-mute{display:none} .flowplayer .fp-volumeslider{width:90px;height:5px;cursor:col-resize;float:left;} .is-rtl.flowplayer .fp-volumeslider{float:right} .no-volume.flowplayer .fp-volumeslider{display:none} .flowplayer .fp-volumelevel{height:100%} .flowplayer .fp-time{text-shadow:0 0 1px #000;font-size:12px;font-weight:bold;color:#fff;width:100%;} .flowplayer .fp-time.is-inverted .fp-duration{display:none} .flowplayer .fp-time.is-inverted .fp-remaining{display:inline} .flowplayer .fp-time em{width:35px;height:10px;line-height:10px;text-align:center;position:absolute;bottom:5px} .no-time.flowplayer .fp-time{display:none} .is-long.flowplayer .fp-time em{width:65px} .flowplayer .fp-elapsed{left:5px;} .play-button.flowplayer .fp-elapsed{left:27px} .is-rtl.flowplayer .fp-elapsed{left:auto;right:5px;} .play-button.is-rtl.flowplayer .fp-elapsed{right:27px} .flowplayer .fp-remaining,.flowplayer .fp-duration{right:110px;color:#eee;} .no-volume.flowplayer .fp-remaining,.no-volume.flowplayer .fp-duration{right:20px} .no-mute.flowplayer .fp-remaining,.no-mute.flowplayer .fp-duration{right:100px} .no-mute.no-volume.flowplayer .fp-remaining,.no-mute.no-volume.flowplayer .fp-duration{right:5px} .is-rtl.flowplayer .fp-remaining,.is-rtl.flowplayer .fp-duration{right:auto;left:110px;} .no-volume.is-rtl.flowplayer .fp-remaining,.no-volume.is-rtl.flowplayer .fp-duration{left:20px} .no-mute.is-rtl.flowplayer .fp-remaining,.no-mute.is-rtl.flowplayer .fp-duration{left:100px} .no-mute.no-volume.is-rtl.flowplayer .fp-remaining,.no-mute.no-volume.is-rtl.flowplayer .fp-duration{left:5px} .flowplayer .fp-remaining{display:none} .flowplayer.color-light .fp-time{color:#222;text-shadow:0 0 1px #fff} .flowplayer.color-light .fp-remaining,.flowplayer.color-light .fp-duration{color:#666} .flowplayer.aside-time .fp-time{position:absolute;top:5px;left:5px;bottom:auto !important;width:85px;} .flowplayer.aside-time .fp-time strong,.flowplayer.aside-time .fp-time em{position:static} .flowplayer.aside-time .fp-time .fp-elapsed{margin-right:5px;} .is-rtl.flowplayer.aside-time .fp-time .fp-elapsed{margin-right:auto;margin-left:5px} .flowplayer.is-long.aside-time .fp-time{width:130px} .flowplayer.is-splash,.flowplayer.is-poster{cursor:pointer;} .flowplayer.is-splash .fp-controls,.flowplayer.is-poster .fp-controls,.flowplayer.is-splash .fp-fullscreen,.flowplayer.is-poster .fp-fullscreen,.flowplayer.is-splash .fp-unload,.flowplayer.is-poster .fp-unload,.flowplayer.is-splash .fp-time,.flowplayer.is-poster .fp-time,.flowplayer.is-splash .fp-embed,.flowplayer.is-poster .fp-embed{display:none !important} .flowplayer.is-poster .fp-engine{top:-9999em} .flowplayer.is-loading .fp-waiting{display:block} .flowplayer.is-loading .fp-controls,.flowplayer.is-loading .fp-time{display:none} .flowplayer.is-loading .fp-ui{background-position:-9999em} .flowplayer.is-seeking .fp-waiting{display:block} .flowplayer.is-fullscreen{position:fixed !important;top:0 !important;left:0 !important;border:0 !important;margin:0 !important;width:100% !important;height:100% !important;max-width:100% !important;z-index:99999 !important;-webkit-box-shadow:0 !important;-moz-box-shadow:0 !important;box-shadow:0 !important;background-image:none !important;background-color:#333;} .is-rtl.flowplayer.is-fullscreen{left:auto !important;right:0 !important} .flowplayer.is-error{border:1px solid #909090;background:#fdfdfd !important;} .flowplayer.is-error h2{font-weight:bold;font-size:large;margin-top:10%} .flowplayer.is-error .fp-message{display:block} .flowplayer.is-error object,.flowplayer.is-error video,.flowplayer.is-error .fp-controls,.flowplayer.is-error .fp-time,.flowplayer.is-error .fp-subtitle{display:none} .flowplayer.is-ready.is-muted .fp-mute{opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50)} .flowplayer.is-mouseout .fp-controls{height:0;-webkit-transition:height .15s .3s;-moz-transition:height .15s .3s;transition:height .15s .3s} .flowplayer.is-mouseout .fp-timeline{margin:0 !important} .flowplayer.is-mouseout .fp-timeline{-webkit-transition:height .15s .3s,top .15s .3s,margin .15s .3s;-moz-transition:height .15s .3s,top .15s .3s,margin .15s .3s;transition:height .15s .3s,top .15s .3s,margin .15s .3s;height:4px;top:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0} .flowplayer.is-mouseout .fp-fullscreen,.flowplayer.is-mouseout .fp-unload,.flowplayer.is-mouseout .fp-elapsed,.flowplayer.is-mouseout .fp-remaining,.flowplayer.is-mouseout .fp-duration,.flowplayer.is-mouseout .fp-embed,.flowplayer.is-mouseout .fp-volume,.flowplayer.is-mouseout .fp-play{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .15s .3s;-moz-transition:opacity .15s .3s;transition:opacity .15s .3s} .flowplayer.is-mouseover .fp-controls,.flowplayer.fixed-controls .fp-controls{height:20px} .flowplayer.is-mouseover .fp-fullscreen,.flowplayer.fixed-controls .fp-fullscreen,.flowplayer.is-mouseover .fp-unload,.flowplayer.fixed-controls .fp-unload,.flowplayer.is-mouseover .fp-elapsed,.flowplayer.fixed-controls .fp-elapsed,.flowplayer.is-mouseover .fp-remaining,.flowplayer.fixed-controls .fp-remaining,.flowplayer.is-mouseover .fp-duration,.flowplayer.fixed-controls .fp-duration,.flowplayer.is-mouseover .fp-embed,.flowplayer.fixed-controls .fp-embed,.flowplayer.is-mouseover .fp-logo,.flowplayer.fixed-controls .fp-logo,.flowplayer.is-mouseover .fp-volume,.flowplayer.fixed-controls .fp-volume,.flowplayer.is-mouseover .fp-play,.flowplayer.fixed-controls .fp-play{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} .flowplayer.fixed-controls .fp-volume{display:block} .flowplayer.fixed-controls .fp-controls{bottom:-20px;} .is-fullscreen.flowplayer.fixed-controls .fp-controls{bottom:0} .flowplayer.fixed-controls .fp-time em{bottom:-15px;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .is-fullscreen.flowplayer.fixed-controls .fp-time em{bottom:5px} .flowplayer.is-disabled .fp-progress{background-color:#999} .flowplayer .fp-embed{position:absolute;top:5px;left:5px;display:block;width:25px;height:20px;background-position:3px -237px;} .is-rtl.flowplayer .fp-embed{background-position:22px -237px;left:auto;right:5px} .flowplayer .fp-embed-code{position:absolute;display:none;top:10px;left:40px;background-color:#333;padding:3px 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 3px #ccc;-moz-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc;font-size:12px;} .flowplayer .fp-embed-code:before{content:'';width:0;height:0;position:absolute;top:2px;left:-10px;border:5px solid transparent;border-right-color:#333} .is-rtl.flowplayer .fp-embed-code{left:auto;right:40px;} .is-rtl.flowplayer .fp-embed-code:before{left:auto;right:-10px;border-right-color:transparent;border-left-color:#333} .flowplayer .fp-embed-code textarea{width:400px;height:16px;font-family:monaco,"courier new",verdana;color:#777;white-space:nowrap;resize:none;overflow:hidden;border:0;outline:0;background-color:transparent;color:#ccc} .flowplayer .fp-embed-code label{display:block;color:#999} .flowplayer.is-embedding .fp-embed,.flowplayer.is-embedding .fp-embed-code{display:block;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} .flowplayer.aside-time .fp-embed{left:85px;} .is-rtl.flowplayer.aside-time .fp-embed{left:auto;right:85px} .flowplayer.aside-time .fp-embed-code{left:115px;} .is-rtl.flowplayer.aside-time .fp-embed-code{left:auto;right:115px} .flowplayer.aside-time.is-embedding .fp-time{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)} .flowplayer.is-long.aside-time .fp-embed{left:130px;} .is-rtl.flowplayer.is-long.aside-time .fp-embed{left:auto;right:130px} .flowplayer.no-time .fp-embed{left:5px !important;} .is-rtl.flowplayer.no-time .fp-embed{left:auto;right:5px !important} .flowplayer.is-live .fp-timeline,.flowplayer.is-live .fp-duration,.flowplayer.is-live .fp-remaining{display:none} .flowplayer .fp-context-menu{position:absolute;display:none;z-index:1001;background-color:#fff;padding:10px;border:1px solid #aaa;-webkit-box-shadow:0 0 4px #888;-moz-box-shadow:0 0 4px #888;box-shadow:0 0 4px #888;width:170px;} .flowplayer .fp-context-menu li{text-align:center;padding:10px;color:#444;margin:0 -10px 0 -10px;} .flowplayer .fp-context-menu li a{color:#00a7c8;font-size:110%} .flowplayer .fp-context-menu li:hover:not(.copyright){background-color:#eee} .flowplayer .fp-context-menu li.copyright{margin:0;padding-left:110px;background-image: none;background-repeat:no-repeat;background-size:100px 20px;background-position:5px 5px;border-bottom:1px solid #bbb;} @media (-webkit-min-device-pixel-ratio: 2){.flowplayer .fp-context-menu li.copyright{background-image:none} }@-moz-keyframes pulse{0%{opacity:0} 100%{opacity:1} }@-webkit-keyframes pulse{0%{opacity:0} 100%{opacity:1} }@-o-keyframes pulse{0%{opacity:0} 100%{opacity:1} }@-ms-keyframes pulse{0%{opacity:0} 100%{opacity:1} }@keyframes pulse{0%{opacity:0} 100%{opacity:1} }.flowplayer .fp-controls{background-color:#333;background-color:rgba(51,51,51,0.6)} .flowplayer.fixed-controls .fp-controls{background-color:#333} .flowplayer .fp-timeline{background-color:#666} .flowplayer .fp-buffer{background-color:#eee} .flowplayer .fp-progress{background-color:#00a7c8} .flowplayer .fp-volumeslider{background-color:#000} .flowplayer .fp-volumelevel{background-color:#fff} .flowplayer .fp-play{height:24px} .flowplayer.is-touch.is-mouseover .fp-progress:before{background-color:#00a7c8} .flowplayer.color-light .fp-controls{background-color:rgba(255,255,255,0.6)} .flowplayer.color-light.fixed-controls .fp-controls{background-color:#fff} .flowplayer.color-light .fp-volumeslider{background-color:#ddd} .flowplayer.color-light .fp-volumelevel{background-color:#222} .flowplayer.color-alt .fp-progress{background-color:#fff} .flowplayer.color-alt.is-touch.is-mouseover .fp-progress:before{background-color:#fff} .flowplayer.color-alt .fp-buffer{background-color:#999} .flowplayer.color-alt2 .fp-progress{background-color:#900} .flowplayer.color-alt2.is-touch.is-mouseover .fp-progress:before{background-color:#900}div.tupperware .pp_top .pp_left{background:url(/static/tupperware-au/assets/system_images/sprite.png) -88px -53px no-repeat} div.tupperware .pp_top .pp_middle{background:url(/static/tupperware-au/assets/system_images/contentPatternTop.png) top left repeat-x} div.tupperware .pp_top .pp_right{background:url(/static/tupperware-au/assets/system_images/sprite.png) -110px -53px no-repeat} div.tupperware .pp_content_container .pp_left{background:url(/static/tupperware-au/assets/system_images/contentPatternLeft.png) top left repeat-y} div.tupperware .pp_content_container .pp_right{background:url(/static/tupperware-au/assets/system_images/contentPatternRight.png) top right repeat-y} div.tupperware .pp_expand{background:url(/static/tupperware-au/assets/system_images/sprite.png) -31px -26px no-repeat;cursor:pointer} div.tupperware .pp_expand:hover{background:url(/static/tupperware-au/assets/system_images/sprite.png) -31px -47px no-repeat;cursor:pointer} div.tupperware .pp_contract{background:url(/static/tupperware-au/assets/system_images/sprite.png) 0 -26px no-repeat;cursor:pointer} div.tupperware .pp_contract:hover{background:url(/static/tupperware-au/assets/system_images/sprite.png) 0 -47px no-repeat;cursor:pointer} div.tupperware .pp_close{width:22px;height:22px;background:url(/static/tupperware-au/assets/system_images/sprite.png) -1px -1px no-repeat;cursor:pointer} div.tupperware .pp_description{margin:0 37px 0 0} div.tupperware .pp_loaderIcon{background:url(/static/tupperware-au/assets/system_images/loader.gif) center center no-repeat} div.tupperware .pp_arrow_previous{background:url(/static/tupperware-au/assets/system_images/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.tupperware .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.tupperware .pp_arrow_next{background:url(/static/tupperware-au/assets/system_images/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.tupperware .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.tupperware .pp_nav{margin-top:0} div.tupperware .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.tupperware .pp_nav .pp_play{background:url(/static/tupperware-au/assets/system_images/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.tupperware .pp_nav .pp_pause{background:url(/static/tupperware-au/assets/system_images/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.tupperware .pp_next:hover{background:url(/static/tupperware-au/assets/system_images/btnNext.png) center right no-repeat;cursor:pointer} div.tupperware .pp_previous:hover{background:url(/static/tupperware-au/assets/system_images/btnPrevious.png) center left no-repeat;cursor:pointer} div.tupperware .pp_bottom .pp_left{background:url(/static/tupperware-au/assets/system_images/sprite.png) -88px -80px no-repeat} div.tupperware .pp_bottom .pp_middle{background:url(/static/tupperware-au/assets/system_images/contentPatternBottom.png) top left repeat-x} div.tupperware .pp_bottom .pp_right{background:url(/static/tupperware-au/assets/system_images/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0;} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(/static/tupperware-au/assets/system_images/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(/static/tupperware-au/assets/system_images/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(/static/tupperware-au/assets/system_images/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.tupperware .pp_content .ppt,div.tupperware #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.tupperware .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.tupperware .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(/static/tupperware-au/assets/system_images/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url() top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none}/* Common style sheets */ html { -webkit-text-size-adjust: none; } @font-face { font-family: 'Segoe Script'; src: url('/static/tupperware-au/assets/files/Segoe_Script.eot'); src: url('/static/tupperware-au/assets/files/Segoe_Script.eot?#iefix') format('embedded-opentype'), url('/static/tupperware-au/assets/files/Segoe_Script.woff') format('woff'), url('/static/tupperware-au/assets/files/Segoe_Script.ttf') format('truetype'), url('/static/tupperware-au/assets/files/Segoe_Script.svg') format('svg'); font-weight: normal; font-style: normal; } body { -webkit-font-smoothing: antialiased; } body, html, div, nav, img, ul, table, table td, form { margin: 0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } body, input, textarea, select { font-family: Arial,Helvetica,Sans-Serif; font-size: 12px; line-height: 1.5em; color: #777777; } body { background: #fff; color: #404040; position: relative; } iframe.responsive { width: 100%; min-height: 350px; border: 0; } input { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; line-height: 1em; } table { border-collapse: collapse; border-spacing: 0; } table td { padding: 5px; line-height: 1.2em; } table tr.first th { border-bottom: 1px dotted #666666; } table tr:hover { background: #fff; } table tr.first:hover { background: transparent; } table th { text-align: left; vertical-align: middle; padding: 5px; font-family: Arial,Helvetica,Sans-Serif; font-weight: normal; font-size: 15px; line-height: 1.2em; } h1 { font: 30px/35px Helvetica, Arial, sans-serif; letter-spacing: 0; font-weight: normal; color: #be3382; padding: 2px 0 0 0; margin: 0 0 15px 0; } .home h1 { text-transform: none; } h1.dottedBottom { padding-bottom: 10px; margin-bottom: 10px; } h2 { font: 26px/1.1em Helvetica, Arial, sans-serif; letter-spacing: 0; font-weight: normal; color: #404040; text-transform: none; padding: 0; margin: 0 0 7px 0; } [rel="product-details"] h2 { padding-right: 150px; } h2 a, h2 a:hover { color: #404040; text-decoration: none; } h3 { font: 15px/1.2em Helvetica, Arial, sans-serif; letter-spacing: 0; font-weight: bold; color: #404040; text-transform: none; padding: 0; margin: 0 0 2px 0; } h3 a, h3 a:hover { text-transform: none; color: #404040; text-decoration: none; } h3.purpleWaveCentered { font-family: Segoe Script, comic sans ms, Arial; padding: 1px 0 0 0; margin: 0 0 1em 0; background: url(/static/tupperware-au/assets/system_images/bg-purple-wave.png) repeat-x scroll 0 top transparent; color: #be3382; font-size: 21px; font-weight: normal; } h3.purpleWaveCentered span { display: block; padding: 1em 0; background: url(/static/tupperware-au/assets/system_images/bg-purple-wave.png) repeat-x scroll 0 bottom transparent; text-align: center; } h3.dottedBottom { padding-bottom: 0.3em; margin-bottom: 0.3em; } h3.purple { color: #be3382; } h4 { font: 13px/17px Helvetica, Arial, sans-serif; letter-spacing: 0; font-weight: bold; color: #404040; text-transform: none; padding: 0; margin: 0 0 5px 0; } h5 { font: 12px/1.3em Arial, sans-serif; font-weight: normal; color: #7D7D7D; text-transform: none; padding: 0; margin: 0 0 7px 0; } p { margin: 0 0 1em 0; padding: 0; } p.dottedBottom { padding-bottom: 1em; } a { color: #BE3382; text-transform: none; text-decoration: underline; cursor: pointer; outline: none; } a:hover { color: #000; text-transform: none; text-decoration: underline; } a.more { color: #BE3382; font-weight: bold; text-decoration: none; } a.more:hover { color: #404040; text-decoration: none; } a.wantIt, a.wantIt:hover { display: inline-block; padding: 5px 9px 4px; margin: 0; background: #ec52b2 !important; color: #fff !important; text-decoration: none; font-size: 13px; line-height: 1em; font-weight: bold; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -ms-border-radius: 3px 3px 3px 3px; } a.wantIt:hover { background: #fb62c1 !important; } a.movie, a.movie:hover { display: inline-block !important; padding: 5px 9px 4px 24px; margin: 0; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) -175px -2px no-repeat #9f9f9f !important; color: #fff !important; text-decoration: none; font-size: 13px; line-height: 1em; font-weight: bold; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -ms-border-radius: 3px 3px 3px 3px; } a.movie:hover { background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) -175px -2px no-repeat #adadad; } ul, ul.bulletList { padding: 0 0 0 1.4em; margin: 0 0 1em 0; } img { border: none; } section { clear: both; width: 100%; } .supportWarning { width: 100%; padding: 5px 0 7px 0; background: #f72b10; text-align: center; color: #fff; position: relative; z-index: 100; } .clr { display: block; font-size: 0 !important; line-height: 0 !important; clear: both !important; float: none !important; padding: 0 !important; margin: 0 !important; height: 0 !important; overflow: hidden !important; } p.intro, .intro p { font-size: 17px; line-height: 1.3em; color: #999999; } .intro.magenta p, .intro.magenta label { color: #be3382; } .intro.black p, .intro.black label { color: #404040; } .dottedBottom { background: url(/static/tupperware-au/assets/system_images/bg-dotted-black.png) 0 bottom repeat-x; margin-bottom: 1em; padding-bottom: 1px; } .dottedTop { background: url(/static/tupperware-au/assets/system_images/bg-dotted-black.png) 0 top repeat-x; margin-top: 1em; padding-top: 1px; } span.black { color: #000; } div.p { margin: 0 0 1em 0; } .left { float: left; } .right { float: right; } .hidden { display: none !important; } .block { display: block !important; } .inlineBlock { display: inline-block !important; } .date { font-size: 12px; color: #999999;} .scroller { position: relative; overflow: hidden; } .container { padding: 1px 0; } img.captcha { width: 100%; max-width: 329px; } [data-type="captcha"]{ min-height: 30px; background: url(/static/tupperware-au/assets/system_images/preload.gif) 0 0 no-repeat; } .ajaxLoaderWrapper { text-align: center; padding: 5em 0; } .grayText { color: #999999; } .fullScreenTable { display: block !important;} .compactTable { display: none !important;} .pr1em { padding-right: 1em !important; } .pt1em { padding-top: 1em !important; } .widthAuto { width: auto !important; } /* Stage Picture*/ .stage .placeholder { margin-bottom: 1.5em; } .stage .placeholder img { display: block; height: auto !important; margin: 0; padding: 0; width: 100% !important; } /* preloader */ .preload { display: table-cell; background: #fff; width: auto; height: auto; text-align: center; vertical-align: middle; } .preload img { width: auto !important; } /* block elements table */ .table { display: table; width: 100%; height: 100%; } .table .td { display: table-cell; text-align: center; vertical-align: middle; } /* video player */ .videoPlaceHolder {overflow:hidden;} .flowplayer{ width: 100%; height: 100%; background-size: 100% auto; } .flowplayer.is-fullscreen { background: #000 !important; } .is-splash.flowplayer .fp-ui { background-image: url(/static/tupperware-au/assets/system_images/trans_1x1.gif); } .flowplayer .fp-embed { display: none !important; } .videoPlayer { position: absolute; top: 0; width: 100%; height: 100%; background-size: auto; } .videoPlayer.is-playing { background: #fff !important; } .is-splash.videoPlayer .fp-ui, .is-paused.videoPlayer .fp-ui { background-image: url(/static/tupperware-au/assets/system_images/trans_1x1.gif); } .videoPlayer .fp-controls, .videoPlayer .fp-time, .videoPlayer .fp-embed, .videoPlayer .fp-fullscreen { display: none !important; } .startPoster, .endPoster { width: 100%; height: 100%; overflow: hidden; cursor: pointer; background: #fff; } .startPoster img, .endPoster img { width: 100%; display: block; } .endPoster { display: none; position: absolute; top: 0; left: 0; z-index: 50; } .playButton { width: 110px; height: 110px; overflow: hidden; cursor: pointer; position: absolute; background: url(/static/tupperware-au/assets/system_images/PlayButton.png) center no-repeat; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; } a:hover .playButton, div.startPoster:hover .playButton { width: 110px; height: 110px; overflow: hidden; cursor: pointer; position: absolute; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABuCAYAAADGWyb7AAAACXBIWXMAAAsTAAALEwEAmpwYAAA7sGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzIgNzkuMTU5Mjg0LCAyMDE2LzA0LzE5LTEzOjEzOjQwICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAxNy0wMS0xMVQxMDowNTozNiswMTowMDwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE3LTAxLTExVDEwOjI3OjIwKzAxOjAwPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpNZXRhZGF0YURhdGU+MjAxNy0wMS0xMVQxMDoyNzoyMCswMTowMDwveG1wOk1ldGFkYXRhRGF0ZT4KICAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9wbmc8L2RjOmZvcm1hdD4KICAgICAgICAgPHBob3Rvc2hvcDpDb2xvck1vZGU+MzwvcGhvdG9zaG9wOkNvbG9yTW9kZT4KICAgICAgICAgPHhtcE1NOkluc3RhbmNlSUQ+eG1wLmlpZDpjOGNjMzczMC1mODA3LTM5NGItOThhNS1kODg1ZmVhYjFkMzE8L3htcE1NOkluc3RhbmNlSUQ+CiAgICAgICAgIDx4bXBNTTpEb2N1bWVudElEPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDoyMTYyM2RhNC1kN2UwLTExZTYtODAwYS05ZDQzNzRmNzg2OWQ8L3htcE1NOkRvY3VtZW50SUQ+CiAgICAgICAgIDx4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+eG1wLmRpZDo4YWI1ZmFiNy0xYTE5LWZmNDQtOTI0My1hODFhYzVhZjBhMGM8L3htcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOkhpc3Rvcnk+CiAgICAgICAgICAgIDxyZGY6U2VxPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5jcmVhdGVkPC9zdEV2dDphY3Rpb24+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDppbnN0YW5jZUlEPnhtcC5paWQ6OGFiNWZhYjctMWExOS1mZjQ0LTkyNDMtYTgxYWM1YWYwYTBjPC9zdEV2dDppbnN0YW5jZUlEPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6d2hlbj4yMDE3LTAxLTExVDEwOjA1OjM2KzAxOjAwPC9zdEV2dDp3aGVuPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPnNhdmVkPC9zdEV2dDphY3Rpb24+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDppbnN0YW5jZUlEPnhtcC5paWQ6NDFkZjM4NTEtYjBmMC1hYzRmLThkNmQtODMyMDQyNTJhNjgxPC9zdEV2dDppbnN0YW5jZUlEPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6d2hlbj4yMDE3LTAxLTExVDEwOjI3OjIwKzAxOjAwPC9zdEV2dDp3aGVuPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmNoYW5nZWQ+Lzwvc3RFdnQ6Y2hhbmdlZD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6YWN0aW9uPnNhdmVkPC9zdEV2dDphY3Rpb24+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDppbnN0YW5jZUlEPnhtcC5paWQ6YzhjYzM3MzAtZjgwNy0zOTRiLTk4YTUtZDg4NWZlYWIxZDMxPC9zdEV2dDppbnN0YW5jZUlEPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6d2hlbj4yMDE3LTAxLTExVDEwOjI3OjIwKzAxOjAwPC9zdEV2dDp3aGVuPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IChXaW5kb3dzKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmNoYW5nZWQ+Lzwvc3RFdnQ6Y2hhbmdlZD4KICAgICAgICAgICAgICAgPC9yZGY6bGk+CiAgICAgICAgICAgIDwvcmRmOlNlcT4KICAgICAgICAgPC94bXBNTTpIaXN0b3J5PgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj43MjAwMDAvMTAwMDA8L3RpZmY6WFJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjcyMDAwMC8xMDAwMDwvdGlmZjpZUmVzb2x1dGlvbj4KICAgICAgICAgPHRpZmY6UmVzb2x1dGlvblVuaXQ+MjwvdGlmZjpSZXNvbHV0aW9uVW5pdD4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT42NTUzNTwvZXhpZjpDb2xvclNwYWNlPgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+MTEwPC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjExMDwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+reicvAAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAZCklEQVR42uyd/U9bWZrnP7avDQYcbCA2OBDeQ1eAUJAEqrsqSndI1WimR/OqHml2NTO/7HpXO6P5a+aHlbXSrkbzoq3dVatnRhrNdKe6012VVJJKQgoIIeAABbExsbGxjY3ta3t/8L2WubHvNcSASfJIFmDu9T0+3/Oc5+U8L7rPP/+cU0YmwAm0AWeAZunvJsAGGAFdifvSQASIAptASPp7G3gJxE/TJAinYIwNQB/wPcAOdAKth/wsq/RzWPF+BFgHtgAPsCi99x64A1InMAiMAueKJvyo6IwE5jDwI2BX4sp54JkE5nvgylAjcBX4EBgC9OUuzOVyhZ/ZbLbwu06nQ68vfVs2my1cA6DX69HpdIW/S4ylX3r9HvAC+Bb4Wtpi3wMHtAPXgCvlOCuXy+0DSRAEzGYzJpOJuro6mpqaaGhowGw2U1dXh8Fg2He/KIrs7e2xt7dHLBYjHo+TSqVIJpMkEgkymYwWmH3S6zNgFvgCWH1XgeuXJmKk1DhyuRyZTAa9Xo/RaKS5uZmOjg4sFgsWi4WmpiYE4fDDz+VypNNpotEo0WiUnZ0d/H4/0WiUVCoFgMFgUILYAExJr0Xgl8DjdwW4DuD3gTHldiiDBdDU1ITNZqOnpwer1UpTU1NVB6HT6TCZTLS2ttLa2lp4fiwWIxgMsrq6SjgcJpFIoNfrS23BQ9JrCfiZ9PPYSHeM5sAZ4AZwU1LZXwPMZDJht9txOp10dXVhMplOdA+Px+Osra3h8/kIBoOIoliKC2W6A/w74HubgJsC/kgpw3K5HKIo0tjYSE9PD319fVgslppUc0OhEEtLS2xsbLC3t4cgCKUA3AP+Fbgl2Y2nFjgb8CfARCkOs1gs9PT0MDg4SF1d3akwfKPRKM+fP2d9fZ1EIlGOAz3AP0q24akD7ooEWrNSwzObzQwMDHDhwoUT3w7fZBt9+vQpKysriKJYSlFKAf8ibZ+50wLcH0sa4z47CqCrq4tLly5VXdko5mT5JWuGBoPhjTRQNQoGgzx58oTNzc1y2+cD4B+q7VKrNnDNwH+QjOgCpdNpbDYbIyMjdHV1VWW1x+NxwuEwkUiEZDJZsMuSyWQBtILqLAjU19dTV1dXsP3OnDmDzWajvr4es9n8xgtmaWmJhYUF4vF4qUXyHfC31dw6qwlcO/BfyDt893FAX18f4+Pjh94WM5kMgUCAYDCIz+djZ2cHURRfA0g2oMtNrtLLYjAYMJlM2Gw2Ojo6aGlpoa2t7dATEIvF+Oabb/D5fKXAiwL/Q3Kh1QxwvRJotuKtUa/XMzExQX9//6E1uZWVFfx+P5FIhEwmU1AGygF02O01l8shCAItLS04HA56e3sPtZ3ncjnm5uZ4+vRpYTEVUVLivG9qAbiLwH+S/HsFBcRqtXL16tUDr2BRFPnuu+9YXV0lGAySTqcxGAxlfZDVpmw2SyaTob6+HrvdTnd3N52dnQdeKOvr6zx8+JBkMqkce1aSeb85SeCGgP8quYIK8szpdDI1NXUg2ZHJZPB4PHg8HkKhUNU567CcCHD27FkGBwfp7u4+0Gfs7Oxw584dwuGwcuvMAX8HfHnY8Rl+8pOfHPbebuCvlKCdP3+eH/zgBweyy9bX17l79y4rKyukUqmCdnZSoMkuMdnVFY/H2djYYGtrC4vFQkNDQ0WfUV9fz7lz53j16hW7u7vFnKcDLkleFt9xAtcB/KXkxiqAduHCBaampl7zzpejcDjMvXv3WFhYIJlMqrmTTpTkRRSNRllbWyMWi9HS0oLRaNS812g00tXVRTgcZmdnp3hudOQd7KtA4DiAawL+mvxpdAG0gYEBrly5UvHEP3/+nK+//ppwOFyzgClJ1loDgQDr6+s0NjbS3NyseZ8gCDidToLBINFotJjzBInznnLAE/eDAqcH/pukRRZA6+/vZ3JysqLJj8fj3Llzh+fPnxcM5NNGBoOBdDrN+vo68Xgch8OhqTwZDAbOnTtXCjyjpOA9kLwtFQNxEPpd8rEfBQ3Q6XRWzGmBQIAvvvgCr9dbzstwakiWf8vLy/zqV78iFotp3lNXV8cnn3yC1WpFFMXif7UB//GgHFQpjQE/LlabrVYrk5OTFXHN2toat2/fZnd3tyL3UzabLRjMtUxGo5FXr17xy1/+kkAgUBF4H330EXV1dYUQDInGgd+qNnDNwJ8Vq8ry6qlEw5LlmXyiraWGGwwGRkdHsVgsypVZkyQIAvF4nNu3b+P1ejWvt9lsfPTRR6X+9YfkQySqBtxPAEuxzTU+Pl7R2dni4iIPHz48kHqfy+Xo7e113bx503XhwgWy2WzNA6jX6xFFka+++oqNjQ3N651OJ0NDQ6TT+47tdOR9vcZqAHdVehXkWqXG6PLyMjMzM4fSGlOpFCaTicuXL7t++MMfYrfbEUVRub3UHHi5XI67d+/i82mbZyMjI7S3tysXZVexSDoscBbyZ2oFudPS0sL4+LjmoFZXVw/MaeXI4XC4bty44ZqYmEAQhJrmPp1ORzab5c6dO5oyz2AwMDk5WUrefQb0vAlwvysb2bJHfXx8XFMZ2dra4sGDB1X1fuh0OoaGhlyffvqpq6urC1EUa1Z5Kd42o9GoulHc1MTY2JjypMNA/kzzUMA5gI+L5VpfXx92u111ILFYjHv37pHNZo9E3bdYLHzyyScuWa1Op9M1uX3KrrL79++/dvykpP7+fhwOh3InuSBp8gcG7vdlIZnNZmloaGB0dFRTqbh//77SwDwS6urqck1PT7uGh4fR6XQ1uX0KgoDf7+fJkyfattbYGAaDQbkI/6AcRuVmt7cY7Ww2y8jIiKbjeH5+ns3NzYp8eNWamLGxMdeNGzdwOp01qbwYjUaWlpZYW1tTva61tZX+/n4ldzqBjw4C3G9JfrSCQtLToyorCYVCLCwsHFlsh8aXdl2/ft0lHyUpVOyaoG+//ZZkMql6zcWLF8spKkIlwLWR91oXuK2/v19VIcnlcjx+/BhRFE/UjdXX1+eanp529ff37wtVqAV5F41GmZ2dVb3ObDbT3d2t5LoO8plLmsDdLJZtVquV3t5e1QcuLS0VopxOmhoaGpiamnJdv34dm81WM9un0WjE4/Hg9/tVrxsaGirFdb+jBVwdcLmY2wYHB1W5LZFInNgWqWX7TU9Pu2ShXwvKSzabZW5uTnUhNTU10dnZqeS6PvI5g2WBu1pstzU0NGiG062srLC7u1uTnn6DwcDFixdd09PTOJ3OE3dcC4LA1tYWL1++VL3uwoULSmYRgE+0gCvYbT09PaqaZCKRYGlpqea4TUlWq9V1/fp118cff0xjY+OJ236Li4uqz7darTgcDuUiGwPMpYDrAAaKV2tnZ6fqAL777rua5bZS1NnZ6frss89c3/te/kjxJLZPmes2NzdVr+vu7lYC10I+OOs14C4WmwDNzc20tLSU/WBRFPF4PDXPbUoymUxMTEy4rl+/XvBWnAT3eTweLRmN2WxWjm2kFHCjxUK0vb1dlZM2NzfZ2dk5tafYsuP66tWrmEymY+U+QRDwer3s7OyomgY2m02ppBRy42Xg6slXNyhsk+fPn1d9uJaAPS00MDBwIrafKIqac1hCMWyVcZKBG1Bqk2qHpIlEgs3NzVMZ6FOKLBYLk5OTx+q4NhgMmmd2drsdk8lUPBaDpKQUgPtesTZpt9tVZdfW1hbxePxUB/uUIqfT6ZqennaNjo4eueNar9cTDAYJhcpX32hsbKSpqUm5iPZxnGOfz0sj3v/Vq1e8rSQIAqOjo66bN2/S2dl5pOd+oiiqzqVOp6O9vV35/E7AqCdfG2uffFML8hRF8a3aJsuRzWZzXbt2zTU1NUVDQ8ORaJ86nY6trS0tG1T51lnAqSd/dNAiyzez2awq33Z3d0kkEm/dNlmO+vr6XDdv3nQNDg4WNO5qyrlgMKh6anDmzBklk+gAh578aYBOBk7O2ixH4XD4VITMVZPMZjNXrlxx3bhxg9bW1qpxn06nI5lMEo/HVeVcCXvOqqcouT6bzWqmRr3N8k2L2traXD/60Y9cY2NjVQtaymQyRCLl0waMRmOp04KOfcDJrKlGag95F0h2XH/66aeuzs7Oqjiug8GgKleaTCblM87qyeduF0hNMZHrXx1Xdmit237Xrl1zffzxx1gsljey/bSYoUS0uFmgKEJZr9erhpRnMhlSqdQ7o5hUQp2dnS673c7c3Jy7ODHzIPac1pZbIhfdpKeoTJNcqa4c7e3t1WQ8x0mT7Lienp4+lOM6nU6rhvCVYKZ62Y4rPEiNm+QHvOe4sjbXa45rLQB1Ol2h6oPawlCKWoGiwtNqdUJk4OQyGO+pPA0MDLja29t5+vSpe3V1VXPOMpmMqoIjCMJr9x8IgVpOuKg1ampqYnJysmD7qc1dcYWHimXjQS4+DYmGp5UOyhQHOr5+2/2T1aRYLFbYKnO5nOpWqdPpDhxJcGDg3ism2uTxeNyzs7OFepaVJParXVPKXBDIZ/o3ynldatuhyWTCYDC81yzLUDgcdj969Ai/319xqUWZG9XmM5VKKRWcjADsIBVP0xKSsgM6kUi8R0kxsYc1wMtpjcVUYr6TAhArVkt3d3fLHqTKq6i48cK7Tl6v1z0zM1Oo13WYqDet0iElTg/SAvlWJIWwL7UMSrm+43vKz9PMzIxbrrJw2NSybDar6dgvUUMlIQDh4ne0HJ5NTU1sbW29s0Z4JpNhcXHR/ezZM5LJZFXiSm02m+r/Szj2twWKakjJ6a9q1NbWxosXL95J0AKBgHtmZoZXr15Vrc6zwWAoFZ6wT6Pc29tTvv1SAPYdBu3t7ZWr6g1AS0vLO2fPJRIJ5ufn3S9evChUkq2W0S0IguqJTCwWK3QbKVZgBcBLvl6wRa/Xk0gkiMViZVdBY2MjdXV1JJPJd0JBefHihXt+fp5YLFb1SrW5XA6r1aoadRCNRksxUkAgX1Z9A/hAZs2dnZ2ywMltVFZXV09d3sBBKBQKuefm5tjY2ECv1x/Jd81kMnR0dGgqQUpzEdiQl4+/eBWoBWlCPiHhbSVRFJmdnXX/4he/YGNjQ9PGelP5JjdkKkc+n0/5/O9krRLynZh+KH+Yz+djdHS0rCw7e/YsJpPprfOgeL1e9+zsLMFg8NA22UHMAKvVqgpcPB4vlVjjk11eAAvk20s26vV6YrEYsVisbPyJxWLB4XCwvr7+VmyX0WiUhYWFgkP4OMp9ZDIZ2tvbVRW97e1tpSmQI994sACc3BO0X94uvF6vauBQZ2cn6+vrpx605eVl99zcHIlE4liLn1aaOKrwUYaAlWLgAOZk4PR6PS9fvuSDDz4o+6EdHR00NDScWu3S7/e75+fnD+QQruY22dbWppo4mkqlCAaDSo70ACLsP0h9JrEier2eUChEOBwu+8F1dXX09fWduqjmVCrFo0eP3Ldv38bv959IieFMJsPAwIDqc7e2tojFYspr5uRfipfZCvlS6r2ym8Xn86la9T09PSwtLZ14YZpKaWNjwz0zM0MkEjly5UON22w2G+fOnVO9roQY2pV0kdeAywEzMnCCIODxeBgcHCz7BeXGfc+ePTu2+l2HoXA47JZbhQEnOtZMJsOFCxdUF00sFsPr9Sq3yVnyR3Aot0qArySDvNAgQStrUu62WIuBRJlMhqdPn7pv3bqF1+st16T2WLnNarVqVtf1eDzKwOOchA3lgIuS7zaPLOsWFxdVH2KxWBgYGKg5Wef3+923bt1yP3nyhEwmUxNmSzabZXh4WHUsyWSS1dVVJbe9RNH1uNTy+7diJSUYDGoWhx4eHsZms9VEFFg8HufevXvu27dvEwqFaqa/gSiKdHZ2anLb0tJSqTTt19p1lgJuA1gufkOL66S6kSc+OS9evHDfunXL7fF4Ck2NaoHkvMMPP/xQE9yVlRXluEOS7rF/zks9R0J4ANDp9XoCgQBerxen01n2oU6nk97eXpaXl49d+AeDQffc3FxBoNeaoiSKImNjY5rl/p8/f04sFlNupbfJNwzUBA7gW4nrCnUSnzx5gsPhUHXRjI2NEQgE2NnZORaZIooi8/Pz7ufPn6ueIZ4kpdNpurq6GBoaUr0uFovx7Nkz5fyGgS9KXa+2l/yUfHdB9Ho94XCYhYUF1YfX1dUxNTWlrM1xJLS+vu6+deuWe35+vqqHm0ehRV65ckXzWrmCrEK2/UspbtMCzgM8KfatLS4uapZjb21t5fLly5oZKIelaDTKl19+6f7yyy8Jh8MYjcaaNP7leMnJyUnN9Gyv11vKYe8F7pS7R0t6/1RGXKfTye4izUH39PQwMjJSVRMhl8uxuLjo/vnPf+6Wv2StBizlcjlyuRyTk5OaNWNU5vSnQNkgV639xS+x6x/L2qPX62VhYUHVAQ0wOjpKOp1mcXHxjbcxv9/vnpubY2tr69gdwocF7fLlyxW1sXn8+DHRaFT5nb6W9AwOCxzALfL1owbkLXN2dpbW1lbN5hETExOIongoTdNkMpFKpZidnXUvLy+TzWZr/uxPjgSfmJhgYGBA83q5ma9ibnaA/6t1byUdG3PAGvmuH3qdTkcul2N7e5vu7m7NiC+n00kqlSIQCFS8tUlc9fDRo0cPZRW/1uM4ZU4bHx/X1CAhXy/m66+/RhZDRfS/pPl+Y+BkV1gcqaalTqcjHo8TDofp6urSTCFyOp3odDo2Nzc1++3IC8Pv95NKpU5FKKB82Dk5OVkRp8XjcX7zm9+UCrv7tWRDa9JBlvGvgHvF3hKv18vjx48runlkZKTQsbgS19hJO4QPYkvW19dz/fp1zaYakHd8379/n52dnVJBQP+n0ucetLntIvmWkE3ylhYIBDAYDJw9e1bzZpvNht1uJxAIlFptp4pkeeZwOLh27ZpmGLl8z7179wrRY0WUAP6GomObagOXlsC7glStQa/X4/P5EAShIvAaGhro7u5GFEW2t7dPZeaPKIro9XouXbrE1atXK2pWn8vlePDgASsrK0rQcsB/Bw4U13+YPuBRia3HZa1Up9Ph8/kwmUyadovMqU6nE4vFQiQSKXjDax3AbDZbKMQ6NTVFT09PRWPO5XI8fPiQpaWlUtr1P5BvJc1RAwf5TvGb5LuC6ORJ93q9hULclZDc/sVgMBAKhUilUprZmSe5LTY2NvLhhx8yMTFRqtpPWe68d+9eKbVfNrJvHWZMhwUOCbiQZOPp5GOUzc1NkskkHR0dFQGg1+ux2+10dXWRy+WIRCI1A6DcVNdsNjM0NMTk5CRnz56teFzJZJK7d++yvr5eCrRfAP902LHpPv/88zf9ftfINx/XFa8yp9PJ1atXK2o3rbRvVldX2djYKPhFj7NogMxder0eq9VKV1cXPT09B/4eoVCI+/fvs729Xcpx8PNKjOyjBg7yrV3+gqI2yOl0GovFwve///2K5F4pH97GxgYvX75kc3OTdDqNTqc7EhCLc9/NZjN2u53z589z7ty5Qz1rbW2Nb775plw++D9LbkRqATjIZ/v8Z6BRaZgODw9z8eLFQ3/wzs4OgUAAn89HIBAglUrtKzJQvK2Wm2j5pELuLSBrs4IgUF9fj8PhwG6309bWVrH8KmWjzczMsLy8XErZykmKyK+rMdnVBA7yLZD/gnyd532r2el0cunSpYrsHS25EYvFCIVCRCIR9vb2iMfj7O7uIopiyeMkGSCj0VgolWs2m7FarTQ3N9PY2PjGue1er5e5uTkCgUApeRYB/p4SIQi1AhyScf7nKDrqiqKIyWRiaGiIDz74oOqurFQqRTKZJJlM7itqJue2yaU+ql18IJlMMjs7i5ytWsKpsAb8T6Qsm1oGTnal/Rj4bfLdKfZxX0tLC8PDw5pJD7VMmUyGlZUVFhYWSsWJyPSV5MaqemGYowJOpn7gT4EupZoN+Ty7wcFBzeaCtQiYx+Nhe3u7nE81DPxv4NFRjeOogYN8w6XfAaZRnP/JrqPW1laGhobo6Oio2TO3RCLBy5cvWVpaIhwOqznBHwD/T7JxOc3AFSsuPwYulTJ05Z517e3t9Pb2vrESUy0zYWtri7W1NXw+H/F4XA2wVeBnwNPjGNtxAifTGPB7KJq1FvsCjUZjIaOlo6MDi8VybOdyqVSKaDTKxsZGoUdeJpNRsx+3gX8lH9hzbHH4JwEc0pb5A+B6KQDl02Q5XKGpqQmHw0FLSwvNzc1YLJaqbKlyOf5IJEIkEmF7e5vNzU3i8XjBe6Jy9BSUwPoCKVHmuCfwJEiUDNE7kuE+TVE3Qtl4lSctEokUkiwFQcBsNlNfX099fT1WqxWLxUJjY2PZEAdZm81kMoWE+EgkQiKRIJlMkkgkCga9zFkqC2NNAuvbkwDspDmuFHVLXDhKvjOhKqcoPSDF3KEET76u1D0VHiftSkA9kGTYieeU1ZIKtya9fka+EeFF8iHwDooc2KU4spzfsdJ7ylBAGs+35A+PQzU0V9Si7h2X7J9HkvHeKXHhOel31ZjAN3BAh8gfEPvJ5wi+IF89tyap1ouUZIo4EfKnD04JPJv00wE0kA+lqC/21CiVVvJR2SlpcWyTD/MOSYrGOrB3WhwB/38ATaWqkcF4T8cAAAAASUVORK5CYII=') center no-repeat; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; } .playButton.center { top: 50%; left: 50%; margin-left: -55px; margin-top: -55px; } .playButton.topLeft { top: 11%; left: 6%; } .playButton.topRight { top: 11%; right: 6%; } .playButton.bottomLeft { bottom: 9%; left: 6%; } .playButton.bottomRight { bottom: 9%; right: 6%; } /* Forms */ form { padding: 0; margin: 0; } form .row, .form .row { width: 100%; clear: both; } form .row .col, .form .row .col { width: 50%; position: relative; } form .row .col:first-child, .form .row .col:first-child { padding-left: 0; } form .row .col:last-child, .form .row .col:last-child { padding-right: 0; } form .row .col.wide, .form .row .col.wide { width: 100%; } form .row.fourColumn .col, .form .row.fourColumn .col { width: 25%; } form, label, input { font-size: 15px; line-height: 1.2em; } .intro label { font-size: 17px; line-height: 1.3em; color: #999999; margin: 0 0 1em; padding: 0; } fieldset { border: none; padding: 0; margin: 1em 0 1em 0; } label { display: block; margin: 0 0 5px 0; padding: 3px 0 0 0; position: relative; line-height: 1em; } label.required { display: inline-block; } label.required:after{ position: relative; display: inline-block; height: 10px; right: -2px; bottom: -2px; content: "*"; font-size: 21px; line-height: 15px; font-weight: bold; color: #BE3382; vertical-align: top; } .elementsGroup label.required:after { display: none; } label.inlineLabel { display: block; margin: 0 1em 1em 27px; padding-left: 0; padding-top: 0; } label.inlineLabel.required:after{ content: ""; } label.inlineLabel.required span{ position: relative; display: inline; } label.inlineLabel.required span:after{ position: absolute; right: -10px; content: "*"; font-size: 21px; font-weight: bold; color: #BE3382; } .elementsGroup label.inlineLabel.required span:after { display: none; } label a, label a:hover { text-decoration: none; } label .comments { font-size: 12px; line-height: 12px; color: #BE3382; } .requiredLegend { font-size: 21px; font-weight: bold; color: #BE3382; } input, textarea { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -webkit-resize: none; -moz-resize: none; -ms-resize: none; resize: none; outline: none; } input[type="text"],input[type="email"], input[type="file"], input[type="password"], textarea, select, div.textarea { position: relative; z-index: 10; width: 100%; padding: 0.3em 0.4em ; margin: 0 0 1.5em 0; border: 1px solid #999999; background: #fff; color: #777777; opacity: 1; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 2px 2px rgba(153, 153, 153, 0.2) inset; -webkit-box-shadow: 0 2px 2px rgba(153, 153, 153, 0.2) inset; -ms-box-shadow: 0 2px 2px rgba(153, 153, 153, 0.2) inset; box-shadow: 0 2px 2px rgba(153, 153, 153, 0.2) inset; } input[type="text"],input[type="email"], input[type="password"], select { height: 29px; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus { border: 1px solid #69C05F; background: #fff; outline: none; -moz-box-shadow: 0px 0px 6px rgba(105, 192, 95, 0.9); -webkit-box-shadow: 0px 0px 6px rgba(105, 192, 95, 0.9); -ms-box-shadow: 0px 0px 6px rgba(105, 192, 95, 0.9); box-shadow: 0px 0px 6px rgba(105, 192, 95, 0.9); } input[type="text"].invalid, input[type="email"].invalid, input[type="password"].invalid, input[type="file"].invalid, textarea.invalid, select.invalid { border: 1px solid #d2007b; background: #fefcfd; } input[type="text"]:focus.invalid, input[type="email"]:focus.invalid, input[type="password"]:focus.invalid, textarea:focus.invalid, select:focus.invalid { border: 1px solid #d2007b; background: #fff; outline: none; -moz-box-shadow: 0px 0px 6px rgba(210, 0, 123, 0.9); -webkit-box-shadow: 0px 0px 6px rgba(210, 0, 123, 0.9); -ms-box-shadow: 0px 0px 6px rgba(210, 0, 123, 0.9); box-shadow: 0px 0px 6px rgba(210, 0, 123, 0.9); } input[type="text"][readonly],input[type="email"][readonly], input[type="file"][readonly], input[type="password"][readonly], textarea[readonly], select[readonly] { border-color: #ececec; color: #777777; -webkit-text-fill-color:#777777; opacity: 1; } textarea { font-size: 15px; height: 150px; } textarea.invalid { margin-bottom: 3em; } textarea.invalid + .errorMessage{ bottom: 25px; } select { font-size: 15px; line-height: 1em; color: #777; } option { cursor: pointer; padding: 0.4em; } input[type="checkbox"], input[type="radio"] { display: inline-block; margin: 1px 8px 6px 5px; padding: 0; vertical-align: top; outline: none; line-height: 1em; float: left; } input[type="checkbox"].forIconLabel, input[type="radio"].forIconLabel { margin: 9px 8px 6px 5px; } .radioGroup { margin-top: 0.5em; margin-bottom: 0.5em; } .radioGroup label { float: left; display: block; padding: 0; margin-left: 1px} input[type="submit"] { display: inline-block; height: 30px; cursor:pointer; border: 1px solid #BE3382; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; background-color: #BE3382; font-weight: normal; color: #fff; padding: 3px 1em 3px; margin: 0 0.5em 1em 0; } input[type="submit"]:hover { border-color: #e156a0; background-color: #e156a0; } input[type="submit"].loader.disabled, input[type="submit"].loader.disabled:hover { padding-left: 27px; border: 1px solid #dddddd; background: url(/static/tupperware-au/assets/system_images/submit-loader.GIF) 7px center no-repeat #dddddd; } input[type="reset"] { display: inline-block; height: 30px; cursor:pointer; border: 1px solid #5f5f5f; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; background-color: #5f5f5f; font-weight: normal; color: #fff; padding: 3px 1em 3px; margin: 0 0.5em 1em 0; } input[type="reset"]:hover { border-color: #ADADAD; background-color: #ADADAD; } input[type="reset"].disabled, input[type="reset"].disabled:hover{ border: 1px solid #dddddd; background-color: #dddddd; } input.placeholder, textarea.placeholder { opacity: 1; color: #d8d8d8; font-style: italic; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1; color: #d8d8d8; font-style: italic; } input:-moz-placeholder, textarea:-moz-placeholder { opacity: 1; color: #d8d8d8; font-style: italic; } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color: #d8d8d8; font-style: italic; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; color: #d8d8d8; font-style: italic; } .errorMessage { position: absolute; bottom: 3px; right: 0; z-index: 0; height: 22px; overflow: hidden; } .errorMessage span { display: block; background: #ff005f; color: #fff; padding: 5px 10px 5px; } .markContainer.invalid, .markContainer.invalid[data-group-name] .elementsGroup { padding-top: 1em; margin-bottom: 2em; border: 1px solid #d2007b; background: #fefcfd; position: relative; } .markContainer.invalid[data-group-name] { background: transparent; border: none; } .markContainer.invalid .errorMessage { bottom: -22px; right: -1px !important; } .markContainer.invalid .errorMessage span { padding-top: 4px; } form .row .col:first-child .errorMessage, .form .row .col:first-child .errorMessage{ right: 11px; } form .row .col.wide .errorMessage, .form .row .col.wide .errorMessage{ right: 0px; } .notes { padding-bottom: 1px !important; } .notes, .notes p { font-size: 12px; line-height: 1.5em; color: #9A9A9A; } div.textarea { overflow: auto; height: 375px; color: #404040; } div.textarea h1 { color: #404040; font-size: 25px; line-height: 1.2em; } div.textarea h2 { color: #404040; font-size: 20px; line-height: 1.2em; } div.textarea h3 { color: #404040; font-size: 16px; line-height: 1.2em; font-weight: bold; } div.textarea p { color: #404040; } /**** myportal messages ****/ div.messages { margin: 1em 0; } div.message { margin: 0 0 1em 0; position: relative; } div.message span { padding-left: 35px; position: relative; display: inline-block; } div.message span:before { position: absolute; left: 0; top: -3px; content: "i"; font-weight:bold; font-size: 120%; color: #fecc00; border: 1px solid #fecc00; background: #fffdee; border-radius: 3px; margin-right: 0.5em; display: inline-block; width: 25px; height: 25px; text-align: center; line-height: 25px; } div.message.error span:before { content: "!"; color: #d2007b; border: 1px solid #d2007b; background: #fceef4; } div.message.info span:before { content: "i"; font-style: italic; font-family: "Times New Roman", Times, serif; font-size: 140%; color: #fecc00; border: 1px solid #fecc00; background: #fffdee; } div.message.success span:before { content: ""; border: 1px solid #77b756; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) -100px -316px no-repeat #f6f9f2; vertical-align: middle; } div.message.success span, div.message.info:not(.important) span { padding-right: 20px; } div.message.success span:after, div.message.info:not(.important) span:after { position: absolute; width: 20px; height: 20px; top: 3px; right: 0px; display: block; content: ""; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) 0px -80px no-repeat; opacity: 0.5; } /* form in right col */ #rightColumn form .row .col { width: 100%; padding: 0; } #rightColumn label.placeholder { display: none; } #rightColumn fieldset { margin: 0; } /* Skeleton */ #notification { display: none; } #base { width: 100%; overflow: hidden; position: relative; } #leftColCover { width: 100%; position: absolute; z-index: 0; background: #fff; display: none; } #leftColCover nav { position: relative; display: none; background: #be3382; overflow-y: scroll; width: 280px; min-height: 100%; padding: 2%; } #leftColCover > nav > div > .contentRow { margin: 2em 0; } #rightColCover { width: 100%; position: absolute; z-index: 0; background: #fff; display: none; } #rightColCover #rightColumn { float: right; border-left: 1px solid #ebebeb; overflow-y: auto; overflow-x: hidden; } #rightColCover #rightColumn > .wrapper{ width: 100%; min-height: 0px; } #cover { width: 100%; position: relative; z-index: 10; } #page { width: 1200px; margin: 0 auto; position: relative; } header { position: relative; z-index: 600; height: 104px; } #topPanel { width: 100%; height: 28px; padding-top: 3px; padding-bottom: 3px; position: relative; z-index: 1000; } #logo { width: 240px; margin-top: 28px; } #logo .printLogo{ display: none; } #mainNavigation { width: 720px; margin-top: 37px; position: relative; z-index: 800; } #searchPanel { width: 240px; margin-top: 39px; } #content { position: relative; z-index: 500; background: #fff; } #subNavigation { width: 240px; } #bottomNavigation { width: 100%; margin-top: 10px; margin-bottom: 10px; padding: 0; } #leftColumn, #rightColumn { width:240px; padding: 0; position: relative; z-index: 100; } #leftColumn > .wrapper, #rightColumn > .wrapper { background: #fff; min-height: 592px; } #leftColumn > .wrapper { box-shadow: 4px 0 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 4px 0 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 4px 0 4px rgba(0, 0, 0, 0.1); -ms-box-shadow: 4px 0 4px rgba(0, 0, 0, 0.1); padding-bottom: 1px; } #rightColumn > .wrapper { box-shadow: -4px 0 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.1); -ms-box-shadow: -4px 0 4px rgba(0, 0, 0, 0.1); } #rightColumn > .wrapper .contentRow { padding: 0px 10px 0 10px; } #rightColumn.showRightColumn { animation-timing-function: ease-in-out; transition-duration: 2000ms; transform: translateX(-240px); -webkit-animation-timing-function: ease-in-out; -webkit-transition-duration: 2000ms; -webkit-transform: translateX(-240px); -moz-animation-timing-function: ease-in-out; -moz-transition-duration: 2000ms; -moz-transform: translateX(-240px); -ms-animation-timing-function: ease-in-out; -ms-transition-duration: 2000ms; -ms-transform: translateX(-240px); } #rightColumn.hideRightColumn { animation-timing-function: ease-in-out; transition-duration: 500ms; transform: translateX(0px); -webkit-animation-timing-function: ease-in-out; -webkit-transition-duration: 500ms; -webkit-transform: translateX(0px); -moz-animation-timing-function: ease-in-out; -moz-transition-duration: 500ms; -moz-transform: translateX(0px); -ms-animation-timing-function: ease-in-out; -ms-transition-duration: 500ms; -ms-transform: translateX(0px); } #rightColumn .contentRow.first { padding-top: 1em; } #rightColumn .contentRow.last { padding-bottom: 1em; } /* UL - LI in RightColumn */ #rightColumn .checkboxListFilter { background: #fff; } #rightColumn .checkboxListFilter ul { list-style: none; padding: 0; margin: 7px; } #rightColumn .checkboxListFilter ul li { display: block; padding: 2px 0; clear: both; } #leftColumn.fixed, #rightColumn.fixed { width: 240px; height: 200px; overflow: visible; } #leftColumn.fixed >.wrapper, #rightColumn.fixed >.wrapper { width: 240px; position: fixed; top: 0; } #leftColumn .contentRow { padding: 0 15px; } #leftColumn .contentRow > div { margin-bottom: 1.3em; } #middleColumn { width: 720px; padding: 0 1px; position: relative; z-index: 200; font-size: 15px; line-height: 1.5em; color: #404040; } #middleColumn > .wrapper { background: url(/static/tupperware-au/assets/system_images/bg-main-content-shadow.png) 0 0 repeat-y #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); padding: 15px 3.5%; min-height: 592px; } #rightColSwitch, #rightColSwitchClone { position: absolute; top: 129px; right: 0px; display: none; } #rightColSwitchClone { top: 0.6em; right: 0.6em; } #rightColSwitch.active { top: 0; left: 0; height: 100%; width: 100%; padding-top: 129px; background: rgba(255,255,255,0.5); } #rightColSwitch a { display: block; float: right; padding: 0; width: 30px; height: 30px; border: 1px solid #D3D4D6; border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; -ms-border-radius: 4px 0px 0px 4px; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) -72px -48px no-repeat #fff; } #rightColSwitch.active a { background-position: -97px -48px; } #rightColSwitch a b { display: none; } /* wide content area */ .wide #middleColumn { width: 960px; } .wide #rightColumn { display: none; } /* menu button */ #leftColSwitch { position: absolute; top: 42px; left: 5px; z-index: 999; display: none; padding: 0; } #leftColSwitch.active { top: 0; left: 0; height: 100%; width: 100%; padding-top: 42px; padding-left: 5px; background: rgba(255,255,255,0.5); } #leftColSwitch a, #leftColSwitch a:hover{ display: block; width: 29px; height: 29px; border: 1px solid #D3D4D6; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) -49px -23px no-repeat #fff; padding: 0; outline: none; } #leftColSwitch.active a { background-position: 2px -23px; } #leftColSwitch a b{ display: none; } /* leftColCover navigation */ #leftColCover nav ul { list-style: none; padding: 0; margin: 0; } #leftColCover nav ul li { display: block; width: 100%; padding: 0; border-bottom: 1px solid #D24994; } #leftColCover nav ul li .wrapper { border-bottom: 1px solid #A6106C; padding: 3px 0; } #leftColCover nav ul li a, #leftColCover nav ul li a:hover { display: block; text-decoration: none; } #leftColCover nav ul li a span, #leftColCover nav ul li a:hover span { display: block; padding: 10px 15px; text-decoration: none; color: #fff; font-size: 15px; line-height: 1em; } #leftColCover nav ul li.selected a span, #leftColCover nav ul li.selected a:hover span { color: #fff; font-weight: bold; padding-left: 15px; padding-right: 15px; } #leftColCover nav ul li a span sup { font-size: 13px; line-height: 10px; } #leftColCover nav ul li.selected .bg { background: #a6106c;; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } /* level 2 */ #leftColCover nav ul ul { padding-left: 12px; padding-bottom: 7px; } #leftColCover nav ul ul li { border: none; } #leftColCover nav ul li.selected li a { background: none; position: relative; } #leftColCover nav ul li.selected li.selected a:before { content: ""; position: absolute; width: 15px; height: 15px; top: 9px; left: 0; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) -131px -131px no-repeat; } #leftColCover nav ul li.selected li a span, #leftColCover nav ul li.selected li a:hover span { color: #fff; font-weight: normal; padding-left: 15px; padding-right: 5px; } #leftColCover nav ul li.selected li.selected a span { color: #fff; } /* level 3 - N */ #leftColCover nav > div > ul > li.selected > .wrapper > .bg > ul > li.selected > ul li a:before { background: none; } #leftColCover nav > div > ul > li.selected > .wrapper > .bg > ul > li.selected > ul li.selected > a:before { background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) -131px -131px no-repeat; } #leftColCover nav > div > ul > li.selected > .wrapper > .bg > ul > li.selected > ul li a span{ color: #fff; background: none; } #leftColCover nav > div > ul > li.selected > .wrapper > .bg > ul > li.selected > ul li.selected > a span { color: #fff; } /* serviceNavigation */ #leftColCover nav ul.serviceNavigation { margin-top: 3em; padding: 10px 15px; background: #b72b7b; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; -moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1) inset; box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1) inset; } #leftColCover nav ul.serviceNavigation li { border: none; } #leftColCover nav ul.serviceNavigation li a span, #leftColCover nav ul.serviceNavigation li a.hover span { font-size: 13px; padding: 10px 5px; } #leftColCover nav ul.serviceNavigation > li.selected > a > span, #leftColCover nav ul.serviceNavigation > li.selected > a:hover > span { color: #fff; font-weight: bold; padding-left: 5px; padding-right: 5px; } /* top panel */ #topPanel ul { list-style: none; padding: 0; margin: 0; } #topPanel ul li { float: left; margin: 0 0 0 6px; padding: 0 0 0 6px; border-left: 1px solid #DCDCDC; } #topPanel ul li li { border-left: none; } #topPanel ul li:first-child { border-left: none; } #topPanel ul li a{ color: #9a9a9a; text-decoration: none; } #topPanel ul li a:hover{ color: #000; text-decoration: none; } #topPanel ul li.icon { margin-left: 6px; padding-left: 0; border-left: none; } #topPanel ul li.icon a { display: block; width: 21px; height: 21px; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) 0 0 no-repeat; } #topPanel ul li.icon a b { display: none; } #topPanel ul li.icon a.rss { background-position: -27px -2px; } #topPanel ul li.icon a.facebook { background-position: -52px -2px; } #topPanel ul li.iframe { padding-left: 0; height: 21px; margin-left: 6px; border-left: none; } #topPanel ul li.wishlist { position: relative; } #topPanel ul li.wishlist > a { padding-right: 0; } #topPanel ul li.wishlist > a:after { width: 0; height: 0; } #topPanel ul li.wishlist > a > span { float: left; } #topPanel ul li.wishlist span.counter { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; text-align: center; background-color: #d2007b; color: #fff; margin: 0 0 0 4px; padding: 0 5px; line-height: 17px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; } #topPanel ul li.wishlist span.counter.empty { background-color: #999999; } #topPanel ul li.myportal { position: relative; } #topPanel ul li.myportal > a { padding-right: 0; } #topPanel ul li.myportal > a:after { width: 0; height: 0; } #topPanel ul li.myportal > a > span { float: left; } #topPanel ul li.myportal span.icon { display: block; margin: 0 0 0 4px; padding: 0; width: 17px; height: 17px; } #topPanel nav { float: right; padding-top: 1px; } #topPanel .serviceItems { float: right; margin-left: 42px; padding-top: 1px; } /* dropdown panel */ .withDropdownPanel { position: relative; } .withDropdownPanel > a { padding-right: 17px; position: relative; } .withDropdownPanel > a:after { display: block; width: 15px; height: 15px; position: absolute; top: 0; right: 0; content: ""; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) -181px -31px no-repeat; } .withDropdownPanel.share > a:after { background: none; } .withDropdownPanel > a:hover:after { background-position: -157px -31px; } ul.controlPanel.center { text-align: center;} ul.controlPanel.center .withDropdownPanel.share { display: inline-block; float: none; } .withDropdownPanel .dropdownPanel { display: none; position: absolute; top: 17px; right: 0; width: 240px; padding-top: 7px; line-height: 1.2em; z-index: 1; } .withDropdownPanel.share .dropdownPanel { top: 23px; width: 162px; z-index: 100; } .withDropdownPanel.share.left .dropdownPanel { left: 0; } .withDropdownPanel.share.right .dropdownPanel { right: 0; } ul.controlPanel.center .withDropdownPanel.share .dropdownPanel { right: -47px; } .withDropdownPanel .dropdownPanel .wrapper { padding: 10px; background:#fff; border: 1px solid #fff; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; box-shadow: 0 0 4px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3); -ms-box-shadow: 0 0 4px rgba(0,0,0,0.3); } .withDropdownPanel.share .dropdownPanel .wrapper { padding: 10px 0 10px 10px; } .withDropdownPanel .dropdownPanel .wrapper:after { background: url("/static/tupperware-au/assets/system_images/sprite-icons.png") no-repeat scroll -52px -132px transparent; top: -1px; content: ""; display: block; height: 10px; right: 20px; position: absolute; width: 21px; } .withDropdownPanel.share.left .dropdownPanel .wrapper:after { left: 20px; } .withDropdownPanel.share.right .dropdownPanel .wrapper::after { right: 20px; } ul.controlPanel.center .withDropdownPanel.share .dropdownPanel .wrapper:after { left: 68px; } .withDropdownPanel.share .dropdownPanel .icon { padding: 7px 0 7px 37px; height: 13px; } .withDropdownPanel .dropdownPanel li { display: block; float: none; margin: 0; padding: 0 0 3px 0; } .withDropdownPanel.share .dropdownPanel li { display: block; float: left; margin: 0; padding: 0 0 3px 0; min-height: 27px; } .withDropdownPanel.share .dropdownPanel li.clr { min-height: 0; } .withDropdownPanel .dropdownPanel input[type="submit"], .withDropdownPanel .dropdownPanel input[type="reset"] { width: 100%; } .withDropdownPanel fieldset { margin: 0.3em 0; } /* dropdown panel in top panel */ #topPanel .withDropdownPanel .dropdownPanel .wrapper { padding: 10px 10px 7px 10px; } #topPanel .withDropdownPanel .dropdownPanel li { float: none; margin: 0; padding: 0 0 3px 0; } #topPanel .withDropdownPanel .dropdownPanel.narrow { width: 49px; } #topPanel .withDropdownPanel .dropdownPanel li { min-height: 27px; } #topPanel .withDropdownPanel .dropdownPanel li.separator { min-height: 0px; } #topPanel .withDropdownPanel .dropdownPanel img{ float: left; height: auto; margin-right: 10px; max-height: 60px; width: 60px; } #topPanel .withDropdownPanel .dropdownPanel span { display: block; float: none; } #topPanel .withDropdownPanel .dropdownPanel .title { font-weight: bold; color: #000; } /* item with icon */ .icon { position: relative; display: inline-block; padding: 7px 0 7px 35px; line-height: 1.2em; } .icon:before { content: ""; display: block; position: absolute; width: 27px; height: 27px; top: 0; left: 0; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) 0 0 no-repeat; } .icon.facebook:before { background-position: -28px -151px; } .icon.youtube:before { background-position: 0px -151px; } .icon.twitter:before { background-position: -58px -151px; } .icon.h:before { background-position: -84px -151px; } .icon.vk:before { background-position: -112px -151px; } .icon.odnoklassniki:before { background-position: -140px -151px; } .icon.instagram:before { background-position: -169px -151px; } .icon.rss:before { background-position: 1px -181px; } .icon.micro_sitio:before { background-position: 0px -262px; } .icon.pinterest:before { background-position: -28px -262px; } .icon.googleplus:before { background-position: 0px -341px; } .icon.linkedin:before { background-position: -30px -341px; } .icon.tumblr:before { background-position: -60px -341px; } .icon.emailclient:before { background-position: 0px -371px; } .icon.gmail:before { background-position: -30px -371px; } .icon.yahoo:before { background-position: -60px -371px; } .icon.outlook:before { background-position: -90px -371px; } /* Hotmail = Outlook */ .icon.string { margin: 0 0 6px 0; padding: 0 0 0 26px; display: block; position: relative;min-height: 22px;} .icon.string:before { content:'';display: inline-block; margin:0; padding:0; position: absolute; top: 0px; left: 0; width: 24px; height: 22px; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) no-repeat scroll -100px -290px transparent;} .icon.string.t-warr:before { background-position: -101px -291px; } .icon.string.two-warr:before { background-position: -126px -291px; } .icon.string.star { margin: 0 0 1.5em 0; } .icon.string.star:before { background-position: -151px -291px; } .icon.string span { display: block; padding: 3px 0 0 0; font-style:italic; } .icon.string.star span { font-style:normal; } .icon.string.heart { margin: 0 0 1.5em 0; } .icon.string.heart:before { background-position: -151px -316px; } .icon.string.heart span { font-style:normal; } .icon.mpLogin:before { background-position: -129px -345px; width: 17px; height: 17px; } .icon.mpLoggedIn:before { background-position: -154px -345px; width: 17px; height: 17px; } .icon.mpLogout:before { background-position: -179px -345px; width: 17px; height: 17px; } .icon.globus:before { background-position: -2px -468px; width: 20px; height: 20px; } .dropdownPanel .icon { display: block; } /* language selector */ #topPanel .languageSelector {} #topPanel .languageSelector .dropdownPanel { width: 100px; } #topPanel .languageSelector .dropdownPanel .wrapper{ padding-top: 7px; } #topPanel .languageSelector .dropdownPanel li { padding: 0; } #topPanel .languageSelector .dropdownPanel li a { display: block; padding: 3px 0; text-align: center; } #topPanel .languageSelector.type2 {} #topPanel .languageSelector.type2 .dropdownPanel { width: 165px; } #topPanel .languageSelector.type2 .dropdownPanel li { display: block; padding: 0; } #topPanel .languageSelector.type2 .dropdownPanel li a { display: inline-block; padding: 3px 0; text-align: left; } /* Main navigation */ #mainNavigation ul { list-style: none; padding: 0; margin: 0; } #mainNavigation ul li{ float: left; margin-right: 18px; position: relative; margin-bottom: -1px; } #mainNavigation ul li a { display: block; position: relative; z-index: 100001; text-decoration: none; padding-bottom: 15px; outline: none; } #mainNavigation ul li.active a , #mainNavigation ul li.selected a { background: url(/static/tupperware-au/assets/system_images/bg-mainnav-head.png) center bottom no-repeat; } #mainNavigation ul li a span { font-size: 17px; line-height: 25px; font-weight: bold; color: #999999; } #mainNavigation ul li.active a span { color: #000; } #mainNavigation ul li.selected a span { color: #BE3382; } #mainNavigation ul li a span sup{ font-size: 13px; line-height: 10px; } #mainNavigation ul li a sup { font-size: 10px; line-height: 10px; } #mainNavigation ul li .over { display: none; position: absolute; width: 262px; z-index: 100000; } #mainNavigation ul li.reverse .over { right: 0; } #mainNavigation ul li.twoCol .over { width: 503px; } #mainNavigation ul li.twoCol.reverse .over .head{ background-position: 445px bottom; } #mainNavigation ul li.reverse .over .head{ background-position: 200px bottom; } #mainNavigation ul li .over .wrapper { position: relative; z-index: 5; margin-top: -1px; padding: 15px 0 2px 20px; border: 1px solid #fff; background: rgba(255,255,255, 0.95); border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; box-shadow: 0 0 4px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.1); -ms-box-shadow: 0 0 4px rgba(0,0,0,0.1); } /* level 2 */ #mainNavigation ul li ul li{ width: 220px; margin-right: 20px; padding-bottom: 12px; margin-bottom: 0px; } #mainNavigation ul li ul li:nth-child(odd) { clear:both; } #mainNavigation ul li ul li a{ display: block; padding-bottom: 0; } #mainNavigation ul li ul li a img { border: 1px solid #e8e8e8; max-width: 222px; } #mainNavigation ul li ul li a span{ font-size: 14px; line-height: 1em; display: block; } #mainNavigation ul li.active ul li a span, #mainNavigation ul li.selected ul li a span { color: #999999; } #mainNavigation ul li.active ul li a:hover span, #mainNavigation ul li.selected ul li a:hover span, #mainNavigation ul li.active ul li.selected a span { color: #000; } #mainNavigation ul li.active ul li a, #mainNavigation ul li.selected ul li a { background: none; } #mainNavigation ul li ul li .preload { display: table-cell; background: #fff; width: 220px; height: 140px; text-align: center; vertical-align: middle; } #mainNavigation ul li ul li .preload img { border: none; } /* main navigation themes */ .purple #mainNavigation ul li .over .wrapper { border: 1px solid rgba(174,43,115, 1); background: rgba(174,43,115, 1); } .purple #mainNavigation ul li.active a { background-image: url(/static/tupperware-au/assets/system_images/bg-mainnav-head-purple.png); } .purple #mainNavigation ul li.active ul li a { background: none; } .purple #mainNavigation ul li.active ul li a span{ color: #ffffff; } .purple #mainNavigation ul li.active ul li a:hover span{ color: #000; } /* search top */ .searchFormTop { width: 50%; float: right; border: 1px solid #d3d4d6; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; position: relative; padding: 1px; background: #fff; } .searchFormTop input { border: none; background: #fff; outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .searchFormTop input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 0 0 20px; margin: 0; float: left; font-size: 12px; line-height: 12px; height: 17px; position: relative; z-index: 10; } .searchFormTop input[type="text"]:focus { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border: none; } .searchFormTop input[type="image"] { width: 15px; height: 15px; position: absolute; z-index: 20; top: 2px; left: 3px; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) -31px -30px no-repeat; } #leftColCover .searchFormTop { float: none; width: 100%; margin: 0 0 1em 0; } #leftColCover .searchFormTop input[type="text"] { padding: 5px 0 3px 25px; font-size: 15px; line-height: 15px; height: auto; -moz-box-shadow: 4px 0 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 4px 0 4px rgba(0, 0, 0, 0.1); -ms-box-shadow: 4px 0 4px rgba(0, 0, 0, 0.1); box-shadow: 4px 0 4px rgba(0, 0, 0, 0.1); } #leftColCover .searchFormTop input[type="image"] { width: 23px; height: 23px; position: absolute; top: 3px; left: 1px; background-position: -27px -27px; } /* Bottom navigation */ #bottomNavigation nav { position: relative; float: left; width: 100%; padding: 1em 1.17%; background: rgba(255,255,255,0.7); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; } #bottomNavigation.extraHeight nav { padding-top: 25px; padding-bottom: 25px; } #bottomNavigation ul { list-style: none; padding: 0; margin:0; } #bottomNavigation.center ul { text-align: center; } #bottomNavigation ul li { float: left; margin: 0 15px 0 0; } #bottomNavigation.center ul li { float: none; display: inline-block; margin: 0 15px 0 0; } #bottomNavigation ul li a{ color: #404040; font-size: 13px; text-decoration: none; } #bottomNavigation ul li a:hover { text-decoration: underline; } #bottomNavigation ul li.copyright { float: none; margin: 0; color: #999999; } #bottomNavigation.center ul li.copyright { float: none; } #bottomNavigation .bannersPanel { display: none; position: absolute; right: 1.17%; top: 5px; } #bottomNavigation .bannersPanel li { width: auto; margin: 0 0 0 15px; } #bottomNavigation .bannersPanel li img{ display: block; } /* in home */ .home #bottomNavigation .bannersPanel { display: block;} .home .bannersPanel li h2, .home .bannersPanel li > p { display: none; } /* Left navigation */ #leftNavigation { padding: 15px 15px 0 15px; } #leftNavigation .part1 { margin-bottom: 1.3em; background: #be3382; border: 1px solid #be3382; border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; } #leftNavigation .part1 ul { list-style: none; padding: 0; margin: 7px; } #leftNavigation .part1 ul li { display: block; padding: 5px 10px; } #leftNavigation .part1 ul li a { display: block; color: #fff; text-decoration: none; font-size: 15px; line-height: 1.2em; } #leftNavigation .part1 ul li a:hover { color: #000; text-decoration: none; } #leftNavigation .part1 ul li.selected { background: #A6106C; border: 1px solid #A6106C; -webki-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } #leftNavigation .part1 ul li.selected a { color: #fff; } #leftNavigation .part1 ul li.selected a:hover { color: #000; } /* level 3 - N */ #leftNavigation .part1 > ul > li > ul ul { margin: 7px 0 2px 0; } #leftNavigation .part1 > ul > li > ul li { padding: 5px 0 5px 10px; } #leftNavigation .part1 > ul > li > ul li a { position: relative; font-size: 14px; line-height: 1em; } #leftNavigation .part1 > ul > li.selected > ul li.selected > a:before { content: ""; position: absolute; width: 15px; height: 15px; left: -15px; top: 0px; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) -131px -131px no-repeat; } #leftNavigation .part1 > ul > li.selected > ul li.selected > a:hover:before{ background-position: -106px -131px; } /* UL LI in #leftColumn/#rightColumn .part2 */ #leftColumn .part2, #rightColumn .part2 { background: #fff; } #leftColumn .part2 ul, #rightColumn .part2 ul { list-style: none; padding: 0; margin: 7px; } #leftColumn .part2 ul li, #rightColumn .part2 ul li { display: block; padding: 2px 0; clear: both; } #leftColumn .part2 ul li a, #rightColumn .part2 ul li a { display: block; color: #999999; text-decoration: none; font-size: 12px; line-height: 1.4em; } #leftColumn .part2 ul li a:hover, #rightColumn .part2 ul li a:hover { color: #000; text-decoration: none; } #leftColumn .part2 ul li.selected a, #rightColumn .part2 ul li.selected a { color: #000; } /* Banners panel */ .bannersPanel { display: block; padding: 15px; position: absolute; bottom: 0; list-style: none; } .bannersPanel li { display: block; width: 100%; margin: 10px 0 0 0; } .bannersPanel li img { max-width: 210px; width: 100%; display: block; } .bannersPanel li h2 { color: #be3382; font-size: 20px; } .bannersPanel li h2.dottedBottom { margin-bottom: 10px; padding-bottom: 7px; } .bannersPanel li h2 a { text-decoration: none; color: #be3382; } /* in home */ .home .bannersPanel li img { max-height: 60px; } .home .bannersPanel li h2, .home .bannersPanel li > p { display: none; } /* in left column cover */ #leftColCover .bannersPanel { position: relative; margin-top: 3em; padding: 10px 15px; background: #fff; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; -moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1) inset; box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1) inset; } .home #leftColCover .bannersPanel { display: none; } #leftColCover nav ul.bannersPanel li { border: none; } #leftColCover nav ul.bannersPanel li p a { display: inline; } #leftColCover .bannersPanel li img { margin: 0 auto; width: auto; } /* info panel in left column */ #leftColumn .infoPanel { padding: 15px 15px 0; } #leftColumn .infoPanel .wrapper { margin-bottom: 1.3em; } #leftColumn .infoPanel ul.controlPanel li { float: none; margin: 0 0 0.5em 0; } #leftColCover .infoPanel { position: relative; margin-top: 3em; padding: 10px 15px; background: #fff; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; -moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1) inset; box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1) inset; } #leftColCover .infoPanel ul.controlPanel li { float: none; border: none; margin: 0 0 0.7em 0; } #leftColCover .infoPanel ul.controlPanel li a.button span { padding: 0; color: #000; } #leftColCover .infoPanel ul.controlPanel li a.button:hover span { color: #fff } #leftColumn .infoPanel .iconLabel, #leftColCover .infoPanel .iconLabel { padding: 2px 0px 2px 25px; } /* ########## Content area ########## */ /* article text with pictures */ #middleColumn .contentRow { width: 100%; } #middleColumn .contentRow .pictures { } #middleColumn .contentRow .pictures.oneCol { float: left; width: 33.3%; margin: 0 1em 0 0; } #middleColumn .contentRow .pictures.oneCol img{ width: 100%; max-width: 220px; display: block; margin-bottom: 2px; } #middleColumn .contentRow .pictures.twoCol { float: left; width: 66.6%; overflow: hidden; } #middleColumn .contentRow .pictures.twoCol img{ width: 100%; max-width: 445px; display: block; } #middleColumn .contentRow .pictures.oneCol .playButton { background-size: 55% auto; } #middleColumn .contentRow.inGrid .pictures { margin: 0; position: relative; } #middleColumn .contentRow .text { margin: 0; width: 100%; } #middleColumn .contentRow .picturesBottom { float: left; width: 66.6%; margin-bottom: 1em; margin-left: -1px;} #middleColumn .contentRow .picturesBottom .pictures.oneCol{ width: 50%; padding: 0 1px; } #middleColumn .contentRow .picturesBottom .pictures.twoCol{ width: 100%; } #middleColumn .contentRow .pictures.wide { padding: 0 0 1px 0; margin: 0 0 1em 0; } #middleColumn .contentRow .pictures.wide img { display: block; width: 100%; max-width: 668px; margin-bottom: 1em; } .wide #middleColumn .contentRow .pictures.wide img { max-width: 891px; } .wide #middleColumn .contentRow .pictures.wide.compact img { max-width: 668px; } /*-wide-*/ .wide #middleColumn .contentRow .pictures.oneCol { width: 25%; } .wide #middleColumn .contentRow.inGrid .text { width: 73.3%; } .wide #middleColumn .contentRow .picturesBottom { width: 75% } .wide #middleColumn .contentRow .picturesBottom .pictures.oneCol { width: 33.3% } .wide #middleColumn .contentRow .pictures.twoCol { width: 50%; } .wide #middleColumn .contentRow .pictures.twoCol + .text.oneCol { width: 50%; } /* +++ teasers +++ */ /* 1col vertical teaser */ #middleColumn .contentRow .oneColTeaser { width: 33.3%; float: left; padding: 0 1px; } #middleColumn .contentRow .oneColTeaser img { width: 100%; max-width: 220px; display: block; } #middleColumn .contentRow .oneColTeaser .picture { display: block; width: 100%; height: auto; max-height: 140px; overflow: hidden; padding: 0; } #middleColumn .contentRow .oneColTeaser .text { padding-right: 10px; } #middleColumn .contentRow .oneColTeaser.active h3{ color: #BE3382; } #middleColumn .contentRow .oneColTeaser a { text-decoration: none; } #middleColumn .contentRow .oneColTeaser h3 { display: block; padding: 6px 0 6px 0; margin: 0; color: #999999; font-size: 12px; line-height: 1.1em; font-weight: normal; overflow: hidden; } #middleColumn .contentRow .oneColTeaser a:hover h3, #middleColumn .contentRow .oneColTeaser.active a:hover h3{ color: #000; } .wide #middleColumn .contentRow .oneColTeaser { width: 25%; } .wide #middleColumn .contentRow .oneColTeaser img { max-width: 220px; } /* 1col vertical teaser - type 2 */ #middleColumn .contentRow .oneColTeaser.type2 {} #middleColumn .contentRow .oneColTeaser.type2 h3{ font: 15px/1.2em Helvetica, Arial, sans-serif; letter-spacing: 0; font-weight: bold; color: #404040; text-transform: none; padding: 0; margin: 5px 0 2px 0; } /* 1 col vertical teaser (myportal) - type 3 */ #middleColumn .contentRow .oneColTeaser.type3 { margin-bottom: 20px; } html.wide #middleColumn .contentRow .oneColTeaser.type3:nth-child(4n+1){ clear:both; } html:not(.wide) #middleColumn .contentRow .oneColTeaser.type3:nth-child(3n+1){ clear:both; } #middleColumn .contentRow .oneColTeaser.type3 .pictures { padding: 0 !important; } #middleColumn .contentRow .oneColTeaser.type3 img { display: block; max-width: 220px; width: 100%; border: 1px solid #cccccc; border-radius: 5px; background-position: center center; background-color: transparent; background-repeat: no-repeat; background-size: 100% auto; } #middleColumn .contentRow .oneColTeaser.type3 h3 { font: 15px/1.2em Helvetica, Arial, sans-serif; letter-spacing: 0; font-weight: bold; color: #404040; text-transform: none; padding: 0; margin: 5px 0 2px 0; min-height: 28px; } #middleColumn .contentRow .oneColTeaser.type3 .text h3 a { line-height: 20px; } /* horizontal item with 1-2col picture (right|left) */ #middleColumn .contentRow .pictures.right { float: right; margin: 0 0 0 1em;} #middleColumn .contentRow .pictures.left { float: left; margin: 0 1em 0 0; } #middleColumn .contentRow.inGrid .pictures.right { margin: 0 0 1em 0;} #middleColumn .contentRow.inGrid .pictures.left { margin: 0 0 1em 0;} #middleColumn .contentRow .text.right { float: right; } #middleColumn .contentRow .text.left { float: left; } #middleColumn .contentRow.inGrid .text.right { padding-left: 1em; } #middleColumn .contentRow.inGrid .text.left { padding-right: 1em; } #middleColumn .contentRow .text.oneCol { width: 33.3%;} #middleColumn .contentRow .text.twoCol { width: 66.6%;} #middleColumn .contentRow .withoutPicture .pictures { display: none !important; } #middleColumn .contentRow .withoutPicture .text { width: 100% !important; padding: 0 !important; } /*-wide-*/ .wide #middleColumn .contentRow .text.twoCol { width: 75%;} /* faq */ .faqQuestions { padding: 0 0 0 1.2em; margin: 1em 0 1em 0; } .faqQuestions li { padding: 2px 0; } .faqQuestions li:last-child .dottedBottom { background: none; } .faqQuestions a { color: #999999; font-weight: bold; text-decoration: none; } .faqQuestions a:hover { color: #000; } .faqQuestions a.more { color: #be3382; font-weight: bold; text-decoration: none; } .faqQuestions a.more:hover { color: #404040; text-decoration: none; } #middleColumn .faqQuestions .contentRow .pictures.oneCol img { margin-bottom: 1em; } .faqQuestions > li > a > span.opened { color: #000; } .faqQuestions .answer { margin-top: 5px; } /* party */ .dottedBottom p.info { margin-top: -11px; margin-bottom: 0; padding-bottom: 4px; color: #999999; } .comments { font-size: 11px; line-height: 1.2em; color: #999999; } /* promotion box */ .promoBox h3 { margin-bottom: 7px; } .promoBox h5 { color: #404040; font-weight: bold; } .promoBox a.movie { float: right; } .promoBox a.movie.left { float: none; } .promoBox .price { display: inline-block; font-weight: bold; margin-top: 6px; } /* accordion menu */ .accordionMenu { width: 1200px; height: 594px; } .accordionMenu .border { height: 100%; width: 100%; border: 2px solid rgba(255,255,255,0.5); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; background: rgba(255,255,255,0.5); } .accordionMenu .wrapper{ width: 100%; height: 100%; position: relative; overflow: hidden; } .accordionMenu .accordionItem { position: absolute; top: 0; left: 0; width: 74.41666667%; height: 100%; background-color: #fff; background-repeat: no-repeat; background-position: 0 center; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); overflow: hidden; } .accordionMenu .accordionItem .headline{ position: absolute; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; -webkit-background-size: auto auto; -moz-background-size: auto auto; -ms-background-size: auto auto; background-size: auto auto; background-position: center center; background-repeat: no-repeat; cursor: pointer; } .accordionMenu .accordionItem .content { position: absolute; z-index: 200; left: 0px; bottom: 0; padding: 55px 15px 15px 15px; margin: 20px; float: none; min-width: 201px; min-height: 132px; background: rgba(255,255,255,0.5); cursor: pointer; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; } .accordionMenu .accordionItem .content .icon { position: absolute; right: 10px; top: 10px; display: block; width: 50px; height: 50px; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) 50px 50px no-repeat; } .accordionMenu .accordionItem .content .icon.play { background-position: -25px -50px; } .accordionMenu .accordionItem a, .accordionMenu .accordionItem a:hover { width: auto; height: auto; display: block; text-decoration: none; } .accordionMenu .accordionItem > a { display: block; width: 100%; height: 100%; cursor: pointer !important; } .accordionMenu .accordionItem img { width: 100%; min-width: 100%; float: left; } .accordionMenu .accordionItem img.placeholder { height: 100%; } .accordionMenu .accordionItem h2 { color: #a5357f; font-size: 22px; line-height: 1em; white-space: nowrap; } .accordionMenu .accordionItem h2 span { display: block; font-size: 33px; line-height: 1em; } .accordionMenu .accordionItem .loader { position: absolute; width: 100%; height: 100%; background: url(/static/tupperware-au/assets/system_images/preload.gif) 15% center no-repeat #fff; } /* Animations */ .easeInOut{ -webkit-animation-timing-function: ease-in-out; -webkit-transition-duration: 1000ms; -moz-animation-timing-function: ease-in-out; -moz-transition-duration: 1000ms; -o-animation-timing-function: ease-in-out; -o-transition-duration: 1000ms; -ms-animation-timing-function: ease-in-out; -ms-transition-duration: 1000ms; animation-timing-function: ease-in-out; transition-duration: 1000ms; } .easeInOut500{ -webkit-animation-timing-function: ease-in-out; -webkit-transition-duration: 500ms; -moz-animation-timing-function: ease-in-out; -moz-transition-duration: 500ms; -o-animation-timing-function: ease-in-out; -o-transition-duration: 500ms; -ms-animation-timing-function: ease-in-out; -ms-transition-duration: 500ms; animation-timing-function: ease-in-out; transition-duration: 500ms; } /* Display window */ .displayWindow{ position: relative; z-index: 10; width: 100%; height: auto; overflow: hidden; padding: 0; } .displayWindow .border { position: relative; z-index: 1000000; width: 100%; height: auto; padding: 0px; overflow: hidden; } .displayWindow .border .wrapper { position: relative; margin: 0 auto; width: 100%; height: 100%; overflow: hidden; border: 1px solid rgba(255,255,255,0.5); background: rgba(255,255,255,0.5); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .displayWindow .loader { width: 100%; min-height: 200px; height: 100%; background: url(/static/tupperware-au/assets/system_images/preload.gif) center center no-repeat #fff; } .displayWindow .footer { width: 100%; padding: 0 10px; } .displayWindow ul { width: 100%; padding: 0; margin: 0; } .displayWindow ul li { position: absolute; display: block; width: 100%; height: auto; overflow: hidden; float: left; padding: 0; margin: 0; } .displayWindow ul li .content { position: absolute; z-index: 200; left: 0px; bottom: 0; padding: 55px 15px 15px 15px; margin: 20px; float: none; min-width: 201px; min-height: 132px; background: rgba(255,255,255,0.5); cursor: pointer; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } .displayWindow ul li .content .icon { position: absolute; right: 5%; top: 7%; display: block; width: 50px; height: 50px; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) 50px 50px no-repeat; } .displayWindow ul li .content .icon.play { background-position: -25px -50px; } .displayWindow ul li .content a, .displayWindow ul li .content a:hover { display: block; text-decoration: none; } .displayWindow ul li .content img { width: 100%; min-width: 100%; float: left; } .displayWindow ul li .content h2 { color: #a5357f; font-size: 22px; line-height: 1em; } .displayWindow ul li .content h2 span { display: block; font-size: 33px; line-height: 1em; } .displayWindow ul li .headline{ position: absolute; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; background-position: center center; background-repeat: no-repeat; cursor: pointer; } .displayWindow ul img { width: 100%; height: auto; display: block; } .displayWindow a { outline: none; -moz-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: rgba(0,0,0,0); -ms-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); } .displayWindowControlPrev, .displayWindowControlNext { position: absolute; width: 50px; height: 470px; height: 100%; background: transparent; } .displayWindowControlPrev { top: 0; left: 0; } .displayWindowControlNext { top: 0; right: 0; } .displayWindowControlPrev a, .displayWindowControlNext a { display: block; width: 100%; height: 100%; } .displayWindowControlPrev a span, .displayWindowControlNext a span { display: none; } .displayWindowControlPrev a, .displayWindowControlNext a { background-image: url(/static/tupperware-au/assets/system_images/bg-display-window-buttons.png); background-repeat: no-repeat; } .displayWindowControlPrev a:hover, .displayWindowControlNext a:hover { background-image: url(/static/tupperware-au/assets/system_images/bg-display-window-buttons-h.png); } .displayWindowControlPrev a { background-position: 5px center; } .displayWindowControlNext a { background-position: -45px center; } .pagination { z-index: 300; width: 100%; display: block; background-color: #eeeeee; padding: 4px 2px 0px 2px; margin-bottom: 15px; } .displayWindowControlPagination { position: absolute; z-index: 300; width: 100%; bottom: 10px; display: block; } .displayWindowControlPagination ul, .pagination ul { list-style-type: none; padding: 0; margin: 0; width: 100%; text-align: center; position: static; background: url(/static/tupperware-au/assets/system_images/trans.png) 0 0 repeat; } .displayWindowControlPagination ul li { position: relative; display: inline-block; width: 13px; height: 13px; margin: 0 9px 0 0; padding: 0; overflow: hidden; float: none; } .pagination ul li { position: relative; display: inline-block; height: 20px; margin: 0 2px 0 0; padding: 0; overflow: hidden; float: none; } *+html .displayWindowControlPagination ul li { display: inline; } *+html .pagination ul li { display: inline; } .displayWindowControlPagination ul li a { display: block; width: 13px; height: 13px; background-image: url(/static/tupperware-au/assets/system_images/bg-dots-navigation.png); background-position: 0 -22px; background-repeat: no-repeat; } .pagination ul li a { display: block; height: 20px; text-decoration: none; min-width: 20px; } @media screen and (min-width: 0px) and (max-width: 600px) { .pagination ul li a { min-width: 30px; } } .displayWindowControlPagination ul li a.active, .displayWindowControlPagination ul li a:hover.active { background-position: 0 0; } .pagination ul li a.active, .pagination ul li a:hover.active { background-color: #d2007b; border-radius: 3px; color: #fff; line-height: 19px; margin: 0; padding: 0 5px; text-align: center; } .displayWindowControlPagination ul li a:hover, .pagination ul li a:hover { background-position: 0 -22px; } .displayWindowControlPagination ul li a span{ display: none; } /* my portal filter */ .filterControl { background: #F4F4F4; border: 1px solid #EBEBEB; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 3px 6px; outline: none; } .filterControl span { display: block; color: #404040; text-decoration: none; position:relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100% !important; outline: none; } .filterControl span:hover { color: #BE3382; } .filterControl span:after { content: ""; display: block; position: absolute; right: 0; top:0; width: 20px; height: 20px; background-image: url(/static/tupperware-au/assets/system_images/sprite-icons.png); background-position: 0 0; background-repeat: no-repeat; } .filterControl.closed span:after { background-position: -128px -432px; } .filterControl.opened span:after { background-position: -153px -432px; } .tableList .filterControl { background: none; border: none; padding: 0; height: 37px; } .tableList .filterControl span { display: block; height: 100%; } .tableList .filterControl span:after { top: 8px; right: 6px; } /* Animations */ .displayWindow .slideLeft, .displayWindow .slideRight { -webkit-animation-timing-function: ease-in-out; -webkit-transition-duration: 350ms; -moz-animation-timing-function: ease-in-out; -moz-transition-duration: 350ms; -o-animation-timing-function: ease-in-out; -o-transition-duration: 350ms; -ms-animation-timing-function: ease-in-out; -ms-transition-duration: 350ms; animation-timing-function: ease-in-out; transition-duration: 350ms; } /* kenburns animation */ .displayWindow .start-zoomIn { transform:scale(1,1); -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -ms-transform:scale(1,1); } .displayWindow .end-zoomOut { -webkit-animation-timing-function: ease-in-out; -webkit-transition-duration: 4000ms; -moz-animation-timing-function: ease-in-out; -moz-transition-duration: 4000ms; -o-animation-timing-function: ease-in-out; -o-transition-duration: 4000ms; -ms-animation-timing-function: ease-in-out; -ms-transition-duration: 4000ms; animation-timing-function: ease-in-out; transition-duration: 4000ms; transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); } .displayWindow .start-zoomOut { transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); } .displayWindow .end-zoomIn { -webkit-animation-timing-function: ease-in-out; -webkit-transition-duration: 4000ms; -moz-animation-timing-function: ease-in-out; -moz-transition-duration: 4000ms; -o-animation-timing-function: ease-in-out; -o-transition-duration: 4000ms; -ms-animation-timing-function: ease-in-out; -ms-transition-duration: 4000ms; animation-timing-function: ease-in-out; transition-duration: 4000ms; transform:scale(1,1); -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -ms-transform:scale(1,1); } #rightColumn .displayWindow .border .wrapper { border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; } /* Styling for Autocomplete */ /* CSS Document */ .ac_results{ overflow: hidden; z-index: 99999; margin: 3px 0 0 0; padding: 0; background:#fff; border: 1px solid #fff; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; box-shadow: 0 0 4px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3); -ms-box-shadow: 0 0 4px rgba(0,0,0,0.3); } .ac_results ul{list-style-position:outside;list-style:none;margin:0;padding:5px} .ac_results ul ul {padding:0px} .ac_results ul ul.first{background: url(/static/tupperware-au/assets/system_images/bg-dotted-black.png) 0 bottom repeat-x; margin-bottom: 5px; padding-bottom: 3px;} .ac_results ul li:last-child ul.first {background: none; margin-bottom: 0px; padding-bottom: 0px;} .ac_results li{cursor:pointer;display:block;overflow:auto;margin:0;padding:0;border-top:none;} .ac_results ul li li { border-bottom: 1px dashed #ccc;} .ac_results ul li li:last-child { border-bottom: none;} .ac_results > ul > li > span > b { display: block; padding: 0 5px; margin: 2px 0 2px 0; background: #f4f4f4; } .ac_loading{background-image:url(/static/tupperware-au/assets/system_images/preload.gif);background-position:97% center;background-repeat:no-repeat;} li .ac_over{background-color:#f5f5f5;color:#000} li .ac_over a:hover{color:#000} .ac_results li a{display:block; overflow:auto; padding:5px; color:#000;text-decoration:none} .ac_results li a span { display: block; font-size: 11px; line-height: 1em !important; } .ac_results li a span.title { font-weight: bold;} .ac_results li a img{width:60px; height:auto; max-height:60px;float:left; margin-right:10px;} .ac_results .serviceLinks { padding: 5px 10px 5px; border-top: 1px dotted #000; background: #f4f4f4; } .ac_results .serviceLinks a { display: block; text-align: right; color: #BE3382; font-weight: bold; text-decoration: none; } .ac_results .serviceLinks a:hover { color: #000; text-decoration: none; } /* ******** PRODUCTS ******** */ /* tabs */ .tabButtons { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #ebebeb; } .tabButtons ul { padding: 0; margin: 0; } .tabButtons li { display: block; float: left; padding: 3px 6px; margin: 3px 3px 0 0; background: #F4F4F4; border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; } .tabButtons .rating li { border: none; } .tabButtons li.selected { background: #dcdcdc; } .tabButtons li a { text-decoration: none; outline: none; } .tabButtons a:hover { text-decoration: none; } .tabButtons a span { color: #999999; font-size: 15px; line-height: 1.4em; } .tabButtons .selected a span { color: #BE3382; } .tabButtons a:hover span { color: #000000; } #leftColCover .tabButtons li { width: auto; border: none; margin-right: 2px; } #leftColCover .tabButtons li a span{ color: #999999; } #leftColCover .tabButtons li.selected a span, #leftColCover .tabButtons li a:hover span { color: #BE3382; } #leftColCover .part2 { overflow: auto; padding: 0; } #leftColCover .part2 ul li { } #leftColCover .part2 ul li a { color: #fff; padding: 10px 5px; } /*** tabs in leftColumn and rightColumn ***/ #leftColumn .tabs, #rightColumn .tabs { padding: 0; margin: 0 0 1.5em; } #leftColumn .tabs .tabButtons, #rightColumn .tabs .tabButtons { padding-top: 2px; } #leftColumn .tabs .tabButtons a span, #rightColumn .tabs .tabButtons a span { font-size: 12px; } #leftColumn .tabs .tabItem .text, #rightColumn .tabs .tabItem .text, #leftColCover .tabs .tabItem .text { padding: 8px 0 0 0; } /*** top filter ***/ ul.controlPanel { padding: 0 0 5px 0; margin: 0 0 -4px 0; list-style: none; } ul.controlPanel.dottedTop { padding: 6px 0 5px 0; margin: 1em 0 0 0; } ul.controlPanel li { display: block; float: left; margin: 0 2px 4px 2px; font-size: 12px; line-height: 12px; } ul.controlPanel li:first-child { margin-left: 0; } ul.controlPanel li:first-child > em { padding-left: 0; } ul.controlPanel li.right { float: right; } ul.controlPanel li a, ul.controlPanel li em { display: block; padding: 6px 10px 5px; color: #999999; text-decoration: none; font-style: normal; } ul.controlPanel li a:hover { color: #BE3382; text-decoration: none; } ul.controlPanel li a.banner { padding: 0; } ul.controlPanel li select { font-size: 12px; line-height: 12px; } ul.controlPanel li.right:first-child { margin-left: 2px; margin-right: 0px; } ul.controlPanel li a { margin-top: 7px; } ul.controlPanel li a:first-child { margin-top: 0px; } .p > ul.controlPanel { padding: 0; } #rightColumn ul.controlPanel li { display: block; float: none; margin: 0 0 5px 0; font-size: 12px; line-height: 12px; } /* buttons */ .button { display: block; padding: 6px 10px 5px; background: #EBEBEB; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; text-decoration: none; text-align: center; line-height: 1em; } .button.large { padding: 8px 20px; } form .button { margin-bottom: 1em; } .button:hover, .button.selected { text-decoration: none; background-color: #DE3A8D; } .button span { color: #000000; font-size: 12px; line-height: 12px; } .button.large span{ font-size: 15px; line-height: 15px; } .button:hover span, .button.selected span { color: #ffffff; } .button span em { display: none !important; } .button.purple { background: #DE3A8D; } .button.purple:hover { background: #FB62C1; } .button.purple span { color: #fff; } .button.gray { background: #d8d8d8; background: rgba(200,200,200, 0.8); } .button.gray:hover { background: #DE3A8D; } .button.gray span { color: #fff; } .button.darkgray { background: #d3d3d3; } .button.darkgray:hover { background: #d3d3d3; } .button.darkgray span { color: #fff; } /* view type switch */ .button.gridLarge, .button.gridSmall, .button.list { display: block; float: left; width: 23px; height: 23px; margin: 0 0 0 1px; padding: 0 1px; background-image: url(/static/tupperware-au/assets/system_images/sprite-icons.png); background-repeat: no-repeat; } .button.gridLarge { border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; -ms-border-radius: 4px 0px 0px 4px; background-position: -75px -1px; } .button.gridSmall { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; background-position: -100px -1px; } .button.list { border-radius: 0px 4px 4px 0px; -moz-border-radius: 0px 4px 4px 0px; -webkit-border-radius: 0px 4px 4px 0px; -ms-border-radius: 0px 4px 4px 0px; background-position: -125px -1px; } .button.gridLarge:hover, .button.gridLarge.selected { background-color: #BE3382; background-position: -75px -26px; } .button.gridSmall:hover, .button.gridSmall.selected { background-color: #BE3382; background-position: -100px -26px; } .button.list:hover, .button.list.selected { background-color: #BE3382; background-position: -125px -26px; } .button.print { display: inline-block; width: 23px; height: 21px; background: transparent; background-image: url(/static/tupperware-au/assets/system_images/sprite-icons.png); background-repeat: no-repeat; background-position: -8px -219px; } .button.print b { display: none; } /* buttons with icons */ .button.icon { line-height: 1em; padding-left: 8px; } .button.icon:before { width: 0; height: 0; background: 0; } .button.icon span { display: block; font-size: 12px; line-height: 12px; position: relative; padding-left: 14px; } .button.icon span:before { position: absolute; width: 13px; height: 13px; content: ""; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) 0 0 no-repeat; top: -1px; left: 0; } .button.icon.big span { padding-left: 21px; } .button.icon.big span:before { height: 20px; width: 20px; top: -5px; } .button.icon.arrowTop span:before { background-position: -182px -189px; } .button.icon.arrowBottom span:before { background-position: -156px -189px; } .button.icon.arrowRight span:before { background-position: -106px -188px; } .button.icon.arrowLeft span:before { background-position: -131px -188px; } .button.icon.heart span, .button.icon.star span, .button.icon.comment span, .button.icon.tick span, .button.icon.filter span { padding: 3px 0 3px 24px; font-size: 15px; line-height: 15px; font-weight: bold; -moz-text-shadow: 1px 1px 1px rgba(0,0,0, 0.3); -webkit-text-shadow: 1px 1px 1px rgba(0,0,0, 0.3); -ms-text-shadow: 1px 1px 1px rgba(0,0,0, 0.3); text-shadow: 1px 1px 1px rgba(0,0,0, 0.3); } .button.icon.heart span:before { background-position: -53px -215px; width: 21px; height: 21px; top:2px; left: 0;} .button.icon.tick span:before, .button.icon.tick:hover span:before { background-position: -180px -292px; width: 21px; height: 21px; top:2px; left: 0;} .button.icon.star span:before { background-position: -77px -212px; width: 22px; height: 22px; top:-1px; left: 0;} .button.icon.comment span:before { background-position: -2px -292px; width: 22px; height: 22px; top:-1px; left: 0;} .button.icon.mpLogout span:before { background-position: -179px -345px;width: 17px; height: 17px; top:-2px; left: 0;} .button.icon.filter span:before { background-position: -178px -212px; width: 25px; height: 25px; top:0; left: 0;} .button.icon.heart:hover, .button.icon.star:hover { background: #DE3A8D; } .button.icon.tick:hover {cursor:default;} .button.icon.heart:hover span:before { background-position: -53px -240px; } .button.icon.star:hover span:before { background-position: -77px -237px; } .button.icon.play span:before { background-position: -107px -212px; } .button.icon.play:hover span:before { background-position: -107px -238px;} .button.icon.friend span { padding-left: 23px; } .button.icon.friend span:before { background-position: -154px -212px; } .button.icon.friend:hover span:before { background-position: -154px -238px;} .button.icon.friend.purple span:before { background-position: -154px -238px;} .button.icon.printSmall span { padding-left: 25px; } .button.icon.printSmall span:before { background-position: -128px -212px; } .button.icon.printSmall:hover span:before { background-position: -128px -238px;} .button.icon.printSmall.purple span:before { background-position: -128px -238px;} .button.icon.delete { background: transparent; padding: 0; } .button.icon.delete span { padding: 0; display: block; width: 25px; height: 25px;} .button.icon.delete span:before { background-position: -0px -50px; width: 21px; height: 21px; top: 0; left: 0;} .button.icon.pdf span { padding-left: 42px; } .button.icon.pdf span:before { background-position: -31px -292px; width: 40px; } .button.icon.pdf:hover span:before { background-position: -31px -317px;} .button.icon.pdf.purple span:before { background-position: -31px -317px;} .button.icon.email span { padding-left: 25px; } .button.icon.email span:before { background-position: -79px -292px; } .button.icon.email:hover span:before { background-position: -79px -317px; } .button.icon.email.purple span:before { background-position: -79px -317px; } .button.icon.filter span { padding-left: 25px; } /* button mit icon without label */ .iconButton { background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) no-repeat 0 0; display: inline-block; height: 31px; margin: 4px 3px; padding: 0; vertical-align: middle; width: 31px; position: relative; } .grayText .iconButton { height: 34px; } .iconButton.reload { background-position: -140px -399px; } .iconButton.action.unlock { background-position: 0px -399px; } .iconButton.action.lock { background-position: -35px -399px; } .iconButton.action.edit { background-position: -70px -399px; } .iconButton.action.delete { background-position: -105px -399px; } .iconButton.action.reload { background-position: -140px -399px; } .iconButton.action.link, .iconButton.action.login { background-position: -0px -431px; } .iconButton.action.downloadFile { background-position: -35px -431px; } /* Image Buttons */ .imageButton { display: block; padding: 0; margin: 0; background: #EBEBEB; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; text-decoration: none; text-align: center; line-height: 0em; width: 25px; height: 25px; } .imageButton img { display: block; width: 100%; height: 100%; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) 0 0 no-repeat; } .imageButton.delete { background: transparent; padding: 0; } .imageButton.delete img { background-position: -0px -50px; } /* overview grids */ .overviewGrid { /*min-height: 494px;*/ position: relative; overflow: visible; margin-bottom: 1em; } .overviewGrid.withScroller { margin-bottom: 0; } .overviewGrid .overviewGridWrapper { border-left: 1px solid #EBEBEB; } .overviewGrid .item { float: left; position: relative; } .overviewGrid.small .item { width: 16.66667%; } .overviewGrid.large .item { width: 33.33333%; } .overviewGrid.list .item { width: 100%; } .overviewGrid .item a { color: #000; text-decoration: none; outline: none; display: block; } .overviewGrid .item.hover a{ color: #BE3382; } .overviewGrid .item.hover .picture img{ border: 1px solid #c0c0c0; } .overviewGrid .item .picture { display: block; position: relative; border-top: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB; border-right: 1px solid #EBEBEB; overflow: hidden; } .overviewGrid .item .picture .preload { position: absolute; display: table; top: 0; left: 0; width: 100%; height: 100%; } .overviewGrid .item .picture .preload span { position: relative; display: table-cell; text-align: center; vertical-align: middle; } .overviewGrid .item .picture .preload span img{ display: inline-block; width: auto; border: 1px solid transparent !important; } .overviewGrid .item .picture img{ border: 1px solid #fff; width: 100%; display: block; height: auto; max-width: 221px; image-rendering: pixelated; /* supported only in Chrome */ } .overviewGrid .item .text { display: block; height: 56px; overflow: hidden; font-size: 12px; line-height: 14px; background: #fff; margin: 0 -1px; } .overviewGrid .item .text > span { display: block; padding: 4px 3px 3px 3px; } .overviewGrid.large .item .text span { padding: 7px 5px 5px 5px; } .overviewGrid .item .playButton { background-size: 66% auto; } .overviewGrid .item .infos { display: block; width: 100%; font-size: 11px; line-height: 11px; position: absolute; top: 0; left: 0; } .overviewGrid .item .infos span { display: block; padding: 2px 4px; margin: 3px 2px; font-weight: bold; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1) inset; -ms-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1) inset; } .overviewGrid .item .infos .left { float: left; } .overviewGrid .item .infos .right { float: right; margin-right: 3px;} .overviewGrid .item .infos .red { background: #D2007B; color: #fff; } .overviewGrid .item .infos .green { background: #69C05F; color: #fff; } .overviewGrid.large .item .infos span { padding: 3px 8px; margin: 5px 4px; font-size: 13px; line-height: 13px; } .overviewGrid.onlyPictures .overviewGridWrapper{ border-top: 1px solid #EBEBEB; } .overviewGrid.onlyPictures .item { } .overviewGrid.onlyPictures .item .picture { border-top: none; } .overviewGrid.onlyPictures .item .text { display: none; position: absolute; left: 0; bottom: 0; margin: 0; padding: 0; height: auto; width: 100%; background: none; color: #000; } .overviewGrid.onlyPictures .item.hover .text { display: block; } .overviewGrid.onlyPictures .item .text span{ margin: 2px 2px 2px 1px; background: rgba(240,240,240,0.9); } .overviewGrid.list.onlyPictures .item .text span{ background: none; } .overviewGrid.onlyPictures .item .infos span { margin-top: 2px; } .overviewGrid.onlyPictures.large .item .infos span { margin-top: 4px; } .overviewGrid.withoutScroller { min-height: 0px; height: auto; overflow: visible; } /* grid - list */ .overviewGrid.list { } .overviewGrid.list .overviewGridWrapper{ border: none; } .overviewGrid.list .item .picture { width: 109px; float: left; position: relative; border: 1px solid #EBEBEB; margin-bottom: 1em; } .overviewGrid.list .item .picture a:hover img{ border: 1px solid #c0c0c0; } .overviewGrid.list .item .text { position: relative; background: #fff; display: block; margin: 0 0 3em 0; padding-left: 1em; width: auto; height: auto; } .overviewGrid.list .item .text h2 { font-size: 19px; padding-right: 175px; margin-bottom: 0; } .overviewGrid.list .item .text h2 a, .overviewGrid.list .item .text h2 a:hover { color: #404040; } .overviewGrid.list .item .text h3 { font-size: 12px; color: #999999; } .overviewGrid.list .item .text .description { padding: 0; margin-top: 0.5em; } .overviewGrid.list .item .socialPanel { display: block; position: absolute; left: 0; bottom: 5px; padding: 0; margin: 0; width: 100%; } .overviewGrid.list .item .socialPanel span { display: block; padding: 0; } .overviewGrid.list .item .socialPanel .left { float: left; margin: 0 0 0 109px; padding: 0 0 0 1em; } .overviewGrid.list .item .socialPanel .right { float: right; } .overviewGrid.list .item .socialPanel span img { display: block; } .overviewGrid.list .item .buttonPanel { position: absolute; margin: 0; top: 0; right: 10px; } /* loader */ #loader { position: fixed; top: 0; left: 0; z-index: 10000; background: url(/static/tupperware-au/assets/system_images/preload.gif) center center no-repeat rgba(255,255,255, 0.3); } .overviewGrid .loader { clear: both; position: static; width: 100%; height: 50px; background: url(/static/tupperware-au/assets/system_images/preload.gif) center center no-repeat #fff; } /* rating panel */ ul.rating { list-style: none; padding: 0; margin: 0; } ul.rating li { display: block; float: left; padding: 5px 0; margin: 0 2px 0 0; } ul.rating li span { font-size: 12px; line-height: 15px; color: #999999; display: block; height: 15px; } ul.rating li span.stars { background: url(/static/tupperware-au/assets/system_images/stars.png) 0 -3px no-repeat; } ul.rating li span.stars img{ width: 93px; height: 100%; } ul.rating li span.s0h { background-position: 0 -21px; } ul.rating li span.s1 { background-position: 0 -39px; } ul.rating li span.s1h { background-position: 0 -57px; } ul.rating li span.s2 { background-position: 0 -75px; } ul.rating li span.s2h { background-position: 0 -93px; } ul.rating li span.s3 { background-position: 0 -111px; } ul.rating li span.s3h { background-position: 0 -129px; } ul.rating li span.s4 { background-position: 0 -147px; } ul.rating li span.s4h { background-position: 0 -165px; } ul.rating li span.s5 { background-position: 0 -183px; } /* Product/Recipe details */ .detailInfo {} .detailInfo .tabButtons li { line-height: 1em; padding: 4px 10px 2px; } .detailInfo .tabButtons li .rating { display: inline-block; padding-right: 3px; margin-bottom: -2px; } .detailInfo .tabButtons li .rating li { padding: 0; margin: 2px 0 0 0; background: none; } .detailInfo .tabs .tabItem { padding-top: 1em; position: relative; } .detailInfo .tabs .tabItem .text.short { width: auto; padding-right: 160px; min-height: 130px;} .detailInfo .tabs .tabItem .text.short ul.details { float: left; padding: 0; } .detailInfo .tabs .tabItem .text.short ul.details li { display: block; margin-left: 3px; } .detailInfo .tabs .tabItem .infoPanel { position: absolute; top: 1em; right: 0; } .detailInfo .tabs .tabItem .infoPanel ul { list-style: none; float: right; } .detailInfo .tabs .tabItem .infoPanel ul li { display: block; float: left; margin-left: 3px; } .detailInfo .tabs .tabItem .infoPanel .price { display: block; clear: both; float: right; padding-top: 3px; font-size: 13px; font-weight: bold;position: relative; } /* comment item */ .commentItem { padding-bottom: 1px; } .commentItem h5{ margin: 0;} .commentItem .rating {} .commentItem .rating li { margin-bottom: 1em; padding: 1em 0 0 0; } .commentItem > p{ clear: both; margin-top: 1em; } /* rating form */ label ul.rating li { padding: 0; } /* image zoom */ .magnify { display: none; border: 1px solid #ccc; background: rgba(255,255,255,0.2); position: absolute; width: 120px; height: 180px; top: 0; left: -10000px; z-index: 10000; } #zoomTarget { display: none; overflow: hidden; border: 1px solid #ccc; background: #fff; position: absolute; width: 240px; height: 360px; top: 0; left: 0; z-index: 10000; } #zoomTarget img { position: absolute; /*width: 1332px;*/ } #zoomTarget .loader { position: relative; width: 100%; height: 200px; height: 100%; background: url(/static/tupperware-au/assets/system_images/preload.gif) center center no-repeat #fff; } /* slideshow/video module */ #slideshow-Video-ControlPanel {display: none;} /*************** Recipes ****************/ /* overview list */ .tableList { width: 100%; list-style: none; padding: 0; margin: 0; } .tableList li { display: block; padding: 1px; background: url(/static/tupperware-au/assets/system_images/bg-dotted-black.png) repeat-x scroll 0 bottom transparent; } .tableList.withoutBorder li { background: none; } .tableList .th { font-size: 15px; font-weight: bold; padding: 3px 1px; background: url(/static/tupperware-au/assets/system_images/bg-line-dotted-purple.png) 0 bottom repeat-x; } .tableList li.th > div, .tableList li > a > div { display: block; float: left; text-align: left; overflow: hidden; } .tableList .td { display: block; float: left; text-align: left; overflow: hidden; padding: 2px 0; font-size: 12px; line-height: 1.4em; } .tableList .th .td { padding: 5px 0; } .tableList.withoutPadding .td { padding-top: 0; padding-bottom: 0; } .tableList .td.tal { text-align: left; } .tableList .td.tar { text-align: right; } .tableList .td.tac { text-align: center; } .highlight.tableList .tr:hover { background-color:#eeeeee; } .tableList .download { min-height: 25px; padding-top: 5px; } .tableList .rowAnchor a, .tableList .rowAnchor a:hover { padding: 1px 5px; } .compactTable .tableList .td { padding: 5px 0;font-size: 15px; line-height: 1.5em;} .compactTable .tableList .download { padding-top: 2px; } .compactTable .tableList .rowAnchor a, .compactTable .tableList .rowAnchor a:hover { padding: 5px 5px; } /***************************/ .recipes li a { text-decoration: none; } .recipes li div.picture { width: 10%; min-width: 61px; min-height: 66px; position: relative;} .recipes li.th div.picture { min-height: 0px; } .recipes li div.picture img{ width: 55px; height: auto; margin: 5px 3px 0px 0; } .recipes li div.picture .preload img{ width: auto; margin: 2px; } .recipes li div.picture .playButton.center { height: 55px; width: 55px; -webkit-background-size: 50%; -moz-background-size: 50%; background-size: 50%; margin-left: -33px; margin-top: -27px; } .recipes li div.name { width: 51%; } .recipes li.col-3 div.name { width: 66%; } .recipes li div.name h2{ padding: 0; margin: 0 0 4px 0; font-size: 15px; line-height: 1.2em; } .recipes li a:hover div.name h2 { color: #be3382; } .recipes li div.name .date { display: block; margin: 0 0 -3px 0; } .recipes li div.time { width: 18%; } .recipes li.col-3 div.time { width: 23%; } .time span { display: block; padding: 0 0 0 25px; position: relative; } .time span:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) -126px -52px no-repeat; } .recipes li a:hover div.time span { color: #be3382; } .recipes li div.difficulty { width: 20%; } .recipes li div.difficulty .iconLabel { display: inline-block; margin: 0; } /* icon label */ .iconLabel { margin: 0 0 1em 0; display: block; } .iconLabel.compact { margin: 0; } .iconLabel span { display: block; padding: 0 0 0 25px; position: relative; } .iconLabel span:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) no-repeat; } .iconLabel .time { padding-left: 25px; } .iconLabel .time:before { width: 20px; background-position: -126px -52px; } .iconLabel .difficulty { padding-left: 27px; } .iconLabel .difficulty.average { padding-left: 48px; } .iconLabel .difficulty.advanced { padding-left: 69px; } .iconLabel .difficulty:before { width: 22px; background-position: -65px -263px; } .iconLabel .difficulty.average:before { width: 42px; } .iconLabel .difficulty.advanced:before { width: 62px; } .iconLabel .cost { padding-left: 28px; } .iconLabel .cost:before { width: 23px; background-position: -130px -264px; } .iconLabel .cost.middle:before { background-position: -153px -264px; } .iconLabel .cost.high:before { background-position: -176px -264px; } .iconLabel .status.locked:before { background-position: -178px -403px; } .iconLabel .status.unreleased:before { background-position: -103px -433px; } .iconLabel .status.released:before { background-position: -78px -432px; } /* sort icons in head */ .th .sort { position: relative; } .th .sort:after { content: ""; display: inline-block; position: static; width: 15px; height: 13px; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) 0 0 no-repeat; } .th .sort.without:after { background-position: -30px -187px; } .th .sort.descending:after { background-position: -55px -187px; } .th .sort.ascending:after { background-position: -80px -187px; } /* Stamps */ .stamp { display: block; position: absolute; z-index: 5; background: url(/static/tupperware-au/assets/system_images/sprite-stamps.png) 0 0 no-repeat; } .stamp.type1 { width: 210px; height: 210px; background-position: -1px 1px; } .stamp.type2 { width: 130px; height: 130px; background-position: -240px -1px; } .stamp.type3 { width: 80px; height: 80px; background-position: -400px -2px; } .stamp.type4 { width: 210px; height: 210px; background-position: -271px -197px; } .stamp.type5 { width: 130px; height: 130px; background-position: -109px -277px; } .stamp.type6 { width: 80px; height: 80px; background-position: -2px -322px; } .displayWindow li .stamp { top: 5px; right: 5px; transform: rotate(18deg); -moz-transform: rotate(18deg); -webkit-transform: rotate(18deg); -ms-transform: rotate(18deg); } .displayWindow li .stamp.custom { top: 0; right: 0; transform: none; -moz-transform: none; -webkit-transform: none; -ms-transform: none; width: 120px; height: 120px; } /* downlaod */ .download { display: block; position: relative; padding-left: 30px; text-decoration: none; } .download:before { content: ""; display: block; position: absolute; width: 25px; height: 25px; top: 0; left: 0; background: url(/static/tupperware-au/assets/system_images/sprite-document-icons.png) -77px -1px no-repeat; } .download.pdf:before { background-position: 0px -1px; } .download.ipaper:before { background-position: -25px -1px; } .download.jpg:before { background-position: -50px 1px; } .download.png:before { background-position: -50px 1px; } .download.txt:before { background-position: -75px 1px; } .download.doc:before { background-position: 0px -29px; } .download.xls:before { background-position: -25px -29px; } .download.ppt:before { background-position: -50px -29px; } .download.zip:before { background-position: -75px -28px; } .download.withoutIcon { padding-left: 0; } .download.withoutIcon:before { display: none; } /* ***************** Form items **************** */ /* Anchor: checkbox element with skin */ a.checkbox { display: block; color: #999999; text-decoration: none; font-size: 12px; line-height: 1.4em; position: relative; padding-left: 17px; } a.checkbox:before { content: ""; position: absolute; top: 0; left: -2px; width: 15px; height: 15px; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) -106px -81px no-repeat; } a.checkbox:hover { color: #000; text-decoration: none; } a.checkbox.selected { color: #000; } a.checkbox.selected:before { background-position: -82px -81px; } a.checkbox input[type="checkbox"] { display: none; } /* ***************** Right column content **************** */ /* teaser list */ #leftColumn .teasersList, #rightColumn .teasersList, #leftColCover .teasersList { list-style: none; padding: 0; margin: 0; } #leftColumn .teasersList li, #rightColumn .teasersList li, #leftColCover .teasersList li { display: block; margin: 0 0 7px 0; } #leftColumn .teasersList li a, #rightColumn .teasersList li a, #leftColCover .teasersList li a { text-decoration: none; position: relative; } ul.teasersList li .infos { display: block; width: 100%; font-size: 11px; line-height: 11px; position: absolute; top: 8px; left: -72px; } ul.teasersList li .infos span { display: block; padding: 2px 4px; margin: 3px 2px; font-weight: bold; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1) inset; -ms-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1) inset; max-width: 52px; } ul.teasersList li .infos .left{ float: left; } ul.teasersList li .infos .right { float: right; margin-right: 3px;} ul.teasersList li .infos .red { background: #D2007B; color: #fff; } ul.teasersList li .infos .green { background-color: rgba(105, 192, 95, 0.7); color: #fff; } #leftColumn .teasersList li img, #rightColumn .teasersList li img, #leftColCover .teasersList li img{ float: left; height: auto; margin-right: 10px; max-height: 60px; width: 60px; border: 1px solid #EBEBEB; image-rendering: pixelated; /* supported only in Chrome */ } #leftColumn .teasersList li a:hover img, #rightColumn .teasersList li a:hover img{ box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); } #leftColumn .teasersList li > a > div , #rightColumn .teasersList li > a > div, #leftColCover .teasersList li > a > div { margin-left: 70px; } #leftColumn .teasersList li > a > div.picture , #rightColumn .teasersList li > a > div.picture, #leftColCover .teasersList li > a > div.picture { margin-left: 0px; position: relative; max-height: 62px; min-height: 42px; width: 62px; display: block; float: left; } #leftColumn .teasersList li > a > div.picture .playButton.center, #rightColumn .teasersList li > a > div.picture .playButton.center { height: 55px; width: 60px; -webkit-background-size: 50%; -moz-background-size: 50%; background-size: 33%; margin-left: -30px; margin-top: -27px; } #leftColumn .teasersList li span, #rightColumn .teasersList li span, #leftColCover .teasersList li span { display: block; float: none; } #leftColumn .teasersList li span.left, #rightColumn .teasersList li span.left, #leftColCover .teasersList li span.left { float: left; } #leftColumn .teasersList li .title, #rightColumn .teasersList li .title { font-weight: bold; line-height: 1.2em; color: #000; } #leftColumn .teasersList li .text, #rightColumn .teasersList li .text { color: #9A9A9A; padding: 0 !important; } /* teaserList in leftColCover */ #leftColCover nav .teasersList li { } #leftColCover nav .teasersList li a { display: block; } #leftColCover nav .teasersList li img { margin-bottom: 10px; } #leftColCover nav .teasersList li .title { padding: 0 0 10px 0;} #leftColCover nav .teasersList li .text { padding: 0 0 10px 0 !important;} #leftColCover nav .teasersList li .text span { padding: 0; font-size: 12px; } /* Yellow paper */ #rightColumn.yellowPaper > .wrapper { box-shadow: none; -wibkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; background: none; } #rightColumn.yellowPaper .paper, #leftColumn .yellowPaper .paper { padding: 0; } #rightColumn.yellowPaper .paper .head, #leftColumn .yellowPaper .paper .head, #leftColCover .yellowPaper .paper .head { width: 100%; height: 35px; background: url(/static/tupperware-au/assets/system_images/bg-yellow-paper.png) 0 0 no-repeat; margin: 0; } .yellowPaper .paper .content { width: 100%; background: url(/static/tupperware-au/assets/system_images/bg-yellow-paper.png) center bottom no-repeat; padding: 0 10px 63px 10px; } #rightColumn .contentRow.yellowPaper { padding: 0 0 1em 0; } #leftColCover .yellowPaper { padding: 15px; background: #fff; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; -moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1) inset; box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1) inset; } /* Cloud in right column */ .cloud { text-align: center; } .cloud span { display: inline-block; margin-right: 5px;} .cloud a { color: #404040; text-decoration: none; line-height: 1em; font-family: Segoe Script, comic sans ms, Arial; } .cloud a:hover { color: #be3382; text-decoration: none; } .cloud .s1 a { font-size: 14px; } .cloud .s2 a { font-size: 16px; } .cloud .s3 a { font-size: 18px; } .cloud .s4 a { font-size: 20px; } .cloud .s5 a { font-size: 22px; } .cloud .s6 a { font-size: 24px; } .cloud .s7 a { font-size: 26px; } .cloud .s8 a { font-size: 28px; } .cloud .s9 a { font-size: 30px; } .cloud .s10 a { font-size: 32px; } /* gray panel */ .grayPanel { margin: 0 0 1em 0; padding: 1em 1em 0; border: 1px solid #EBEBEB; background: #F4F4F4; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; } .grayPanel h3 { line-height: 1.2em; margin: 0 0 0.3em 0; } .grayPanel form input[type="text"], .grayPanel form input[type="email"]{ background: #fff; border: 1px solid #D3D4D6; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; width: 100%; margin: 0 0 0.5em 0; padding: 3px 5px; } .grayPanel form button[type="submit"]{ cursor: pointer; float: right; display: inline-block; padding: 0; margin: 0 0 1em 0; background: none; border: none; } .grayPanel form button[type="submit"] span{ cursor: pointer; float: right; display: inline-block; padding: 4px 10px 3px 10px; margin: 0; background: #be3382; color: #fff; font-family: Arial; text-decoration: none; font-size: 13px; line-height: 1em; font-weight: normal; border: 1px solid #be3382; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -ms-border-radius: 3px 3px 3px 3px; } .grayPanel form button[type="submit"]:hover span{ background: #ec52b2; border-color: #ec52b2; } .grayPanel table { margin: 0 0 1em 0; } /* ************** Connected Carousels ************** */ /** Stage container **/ .connectedCarousels .stage { width: 76%; max-width: 509px; margin: 0; position: relative; float: left; } .wide .connectedCarousels .stage { max-width: 670px; } .connectedCarousels .stage.wide { width: 100%; max-width: 891px; } /** Navigation container **/ .connectedCarousels .navigation { width: 22.45%; padding: 23px 0; position: relative; float: right; } #rightColumn .connectedCarousels { margin-bottom: 1em; } #rightColumn .connectedCarousels .navigation { float: none; width: 100%; } #rightColumn .connectedCarousels #carousel-navigation { height: 466px; } /** Shared carousel styles **/ .connectedCarousels .carousel { position: relative; overflow: hidden; } .connectedCarousels .carousel ul { width: 20000em; position: absolute; list-style: none; margin: 0; padding: 0; } .connectedCarousels .carousel li { float: left; } /** Navigation carousel specific styles **/ .connectedCarousels #carousel-navigation { height: 318px; width: 100%; min-width: 115px; background: #fff; border: 1px solid #999999; padding: 0; } .wide .connectedCarousels #carousel-navigation { height: 425px; } .connectedCarousels #carousel-navigation ul { width: 100%; height: 20000em; } .connectedCarousels #carousel-navigation li { float: none; position: relative; cursor: pointer; width: 100%; height: auto; overflow: hidden; } .connectedCarousels #carousel-navigation li img { display: block; border: 2px solid #fff; width: 100%; } .connectedCarousels #carousel-navigation li.active img { border-color: #be3382; } /** Navigation carousel controls **/ .connectedCarousels .prev-wrapper, .connectedCarousels .next-wrapper { width: 100%; height: 40px; position: absolute; } .connectedCarousels .prev-wrapper { top: 0; } .connectedCarousels .next-wrapper { bottom: 0; } .connectedCarousels .prev-navigation, .connectedCarousels .next-navigation { display: block; position: static; width: 100%; height: 20px; margin: 0 auto; background: #999999; color: #fff; text-decoration: none; text-shadow: 0 0 1px #000; font: 16px/29px Arial, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .connectedCarousels .prev-navigation { padding-bottom: 20px; } .connectedCarousels .next-navigation { padding-top: 20px; } .connectedCarousels .prev-navigation img, .connectedCarousels .next-navigation img { display: block; position: relative; width: 20px; height: 20px; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) 0 0 no-repeat; margin: 0 auto; } .connectedCarousels .prev-navigation img{ background-position: -153px -51px; } .connectedCarousels .next-navigation img { background-position: -178px -54px; bottom: 0; } .connectedCarousels .prev-navigation.inactive, .connectedCarousels .next-navigation.inactive { opacity: .5; cursor: default; } /* in right column - recipe details */ #rightColumn .connectedCarousels #carousel-navigation li.active img { border: 2px solid transparent; } #rightColumn .carousel li .hover { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none; border: 2px solid transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #rightColumn .carousel li a:hover .hover { display: block; border: 2px solid #be3382; } #rightColumn .carousel li .table { background: rgba(255,255,255, 0.8); font-weight: bold; } /* content area items */ .displayWindow li .teaserBox { position: absolute; z-index: 10; top: 0px; left: 0px; padding: 3%; width: 50%; } .displayWindow li .teaserBox.fullWidth { width: 100%; } .displayWindow li .teaserBox.bottom { top: auto; bottom: 0; } .displayWindow.withPagination li .teaserBox.bottom { padding-bottom: 6%; } .displayWindow li .teaserBox .wrapper { width: auto; padding: 1em 1em 0 1em; background: rgba(249,249,249, 0.8); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; } .displayWindow li .teaserBox .wrapper.center { text-align: center; } .displayWindow li a, .displayWindow li a:hover { color: #404040; text-decoration: none; } .displayWindow li .teaserBox .p.small { font-size: 13px; } .displayWindow li .teaserBox .p.medium { font-size: 15px;} .displayWindow li .teaserBox .p.big { font-size: 17px; } .displayWindow li .teaserBox .p p { margin: 0; } /* *** Skinning *** */ .w110 { width: 110px !important; } .w115 { width: 115px !important; } .w125 { width: 125px !important; } .w150 { width: 150px !important; } .w175 { width: 175px !important; } .w200 { width: 200px !important; } .w100pr { width: 100% !important; } .w60pr { width: 60% !important; } .w40pr { width: 40% !important; } .w65pr { width: 65% !important; } .w35pr { width: 35% !important; } /* select */ .DivSelectyze { position: relative; width: 100%; float:left; } #rightColumn .DivSelectyze { float: none; } #rightColumn .controlPanel li .DivSelectyze { margin-bottom: 5px; } .DivSelectyze .selectyzeValue { position:relative; z-index:10; display:block; text-decoration:none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; } .DivSelectyze ul {list-style:none;padding: 0; margin: 0;} .DivSelectyze .UlSelectize { position:absolute; z-index:9999; display:none; } .DivSelectyze li a { display:block; text-decoration:none; } .optgroupTitle { display:block; } .filterSelect .selectyzeValue { color:#BE3382; width: 100%; height: 23px; background: url(/static/tupperware-au/assets/system_images/bg-skin-filter-select.png) right center no-repeat #EBEBEB; padding-right: 15px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; } .filterSelect .selectyzeValue[rel=""] { color: #000000; } .filterSelect .UlSelectize { top:23px; left:0px; width:100%; background-color: #bebebe; background-color: rgba(235,235,235,0.9); padding: 0 0 2px 0; margin: 0; } .filterSelect li { display: block !important; float: none !important; margin: 0 !important; } .filterSelect li a { display: block; background-color:transparent; color:#000 !important; padding:3px 0 } .filterSelect li a:hover { background-color:#BE3382; color: #fff !important; border-radius: 3px; } .filterSelect .UlSelectize > li:first-child .optgroupTitle { display: none; } .filterSelect .UlSelectize > li .optgroupTitle { padding: 4px; background: #dcdcdc; color: #BE3382; } /* Ribbon */ .topRibbon { border-top: 1px solid #e6a3cb; border-bottom: 1px solid #e6a3cb; background: #ffd7ff; color: #404040; padding: 8px 0 11px 0; margin: 1px 0; font-size: 11px; line-height: 16px; position: relative; z-index: 100; box-shadow: 4px 0 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 4px 0 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 4px 0 4px rgba(0, 0, 0, 0.4); -ms-box-shadow: 4px 0 4px rgba(0, 0, 0, 0.4); } .topRibbon .wrapper { width: 1200px; margin: 0 auto; } .topRibbon .left { float: left; } .topRibbon .right { float: right; } .topRibbon a { color: #d7257f; text-decoration: none; font-size: 11px; line-height: 16px; position: relative; } .topRibbon a:hover { color: #ab005b; text-decoration: underline; } .topRibbon .closeButton { padding-right: 20px; } .topRibbon .closeButton:after { content: ""; display: block; position: absolute; width: 17px; height: 17px; top: -2px; right: 0; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) -4px -54px no-repeat; } .topRibbon p { margin: 0; } @media screen and (min-width: 0px) and (max-width: 1200px) { .topRibbon .wrapper { padding-left: 1%; padding-right: 1%; width: 100%; } } /* Sitemap */ #sitemap {} #sitemap ul { list-style: none; margin: 0 0 10px 0; padding: 0 0 0 15px; border-left: 1px dashed #999999; } #sitemap > ul { width: 33.3%; float: left; border-left: none; margin: 0 0 1.5em 0; padding: 0 10px 0 0; } #sitemap > ul ul {} #sitemap > ul ul a { font-size: 15px; line-height: 1.2em; text-decoration: underline; display: block; position: relative; padding: 3px 0 3px 15px; } #sitemap > ul ul a:before { content: ""; position: absolute; top: 4px; left: 0; width: 15px; height: 15px; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) -158px -130px no-repeat; } #sitemap > ul ul a:hover:before { background-position: -182px -130px; } #sitemap > ul ul ul a { text-decoration: none; } #sitemap h5 a { font-size: 15px; color: #BE3382; font-weight: bold; text-decoration: none; } #sitemap h5 a:hover { color: #404040; } /* Search */ .searchResult a, .searchResult a:hover { color: #404040; text-decoration: none; } .searchResult a.more { color: #BE3382; } .searchResult a.more:hover { color: #404040; } .searchResult .picture { float: left; margin: 0 5px 5px 0; height: auto !important; } .searchResult .picture img { width: 107px; } .searchResult .fragment span { font-weight: bold; } /* Google map */ #gmap { width: 100%; height: 500px; border: 1px solid #E5E4E0; margin-bottom: 15px; position: relative; } #gmap div { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; font-family: Arial,Helvetica,Sans-Serif; font-weight: normal; font-size: 11px; line-height: 15px !important; } #gmap div.infoWindowContent{ padding: 0 0 5px 0; width: 215px; } #gmap div.infoWindowContent a{ font-size: 11px; line-height: 15px !important; } .imageHeadline { margin: 0; border: none; } .imageHeadline td { padding: 2px 7px 2px 2px; vertical-align: middle; } .imageHeadline td h3 { margin: 0; } .rowAnchor a, .rowAnchor a:hover { padding: 5px; display: block; color: #404040; text-decoration: none; } .rowAnchor a.iconButton { padding: 0 !important; display: inline-block; } ul.rowAnchor { padding: 0 0 1em 0; margin: 0; list-style: none; } ul.rowAnchor li { display: block; } ul.rowAnchor li.first div { padding: 5px; } ul.rowAnchor li.dottedBottom { margin-bottom: 0.2em } ul.rowAnchor li > div { float: left;} ul.rowAnchor li > div.fullWidth { float: none; width: 100%;} ul.rowAnchor li > div.name { width: 30%; } ul.rowAnchor li > div.address { width: 70%; } ul.rowAnchor li:hover { background-color: #fff; } ul.rowAnchor li.first:hover { background-color: transparent; } ul.rowAnchor.threeColumn212 li > div { width: 40%; } ul.rowAnchor.threeColumn212 li div:nth-child(2) { width: 20%; } ul.rowAnchor.threeColumn211 li > div { width: 25%; } ul.rowAnchor.threeColumn211 li div:nth-child(1) { width: 50%; } ul.rowAnchor.threeColumn111 li > div { width: 33%; } ul.rowAnchor.threeColumn121 li > div { width: 25%; } ul.rowAnchor.threeColumn121 li div:nth-child(2) { width: 50%; } ul.rowAnchor.threeColumn343 li > div { width: 30%; } ul.rowAnchor.threeColumn343 li div:nth-child(2) { width: 40%; } /* toolitp */ .tooltipCover { display: none; position: absolute; background: none; color: #000; z-index: 3000; width: 200px; height: auto; background: #fff; padding: 10px; text-align: center; font-size: 12px; line-height: 1.3em; border: 1px solid #fff; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; box-shadow: 0 0 4px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3); -ms-box-shadow: 0 0 4px rgba(0,0,0,0.3); left: -20px; bottom: 41px; font-weight: normal; } .tooltipCover:after { content: ""; position: absolute; display: block; width: 21px; height: 10px; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) -77px -134px no-repeat; bottom: -9px; left: 28px; } /* Wish list markup CSS */ .wishlist .infoAnimation { position: absolute; top: 0; right: 0; background-color: #D2007B; color: #FFFFFF; margin: 0; padding: 0; text-align: center; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -ms-border-radius: 3px 3px 3px 3px; } .wishlist .infoAnimation span { display: block; font-size: 250%; line-height: 1.5em; padding: 2px 17px; } .confirmation { width: 240px; padding: 10px 10px; display: none; position: absolute; z-index: 10000; top: 20px; right: 0; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #FFFFFF; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; box-shadow: 0 0 4px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3); -ms-box-shadow: 0 0 4px rgba(0,0,0,0.3); } .confirmation > h4 { margin: 3px 0 5px 0;} .confirmation > span { display: block; float: left; font-size: 200%; line-height: 1.5em; padding: 2px 6px; margin: 0 10px 0 0; background-color: #D2007B; color: #FFFFFF; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -ms-border-radius: 3px 3px 3px 3px; } .confirmation > p { margin: 0; } #rightColumn .confirmation { top: 10px;} .overviewGrid.list.type2 .dottedBottom { margin-bottom: 3px; } .overviewGrid.list.type2 .item .imageButton.delete { position: absolute; right: 5px; top: 5px; } .overviewGrid.list.type2 .item .text { margin-bottom: 1em; background: transparent; } .overviewGrid.list.type2 .item > .wrapper { padding: 1em 0 0 0; margin: 0 0 3px 0; background: transparent; } .overviewGrid.list.type2 .item.special > .wrapper { background-image: -webkit-linear-gradient(left, white 20%, #ffe7ff 100%); background-image: -moz-linear-gradient(left, white 20%, #ffe7ff 100%); background-image: linear-gradient(left, white 20%, #ffe7ff 100%); background-image: -ms-linear-gradient(left, #ffffff, #ffe7ff); } .overviewGrid.list.type2 .item .text > span { float: left; padding: 0; } .overviewGrid.list.type2 .item .text .name { width: 69%; } .overviewGrid.list.type2 .item .text .name h2 { padding-right: 0; } .overviewGrid.list.type2 .item .name .buttons { display: block; width: 100%; margin-top: 2em; } .overviewGrid.list.type2 .item .text .buttons .button{ float: left; margin-right: 1em; } .overviewGrid.list.type2 .item .text .price { width: 30%; position: relative; } .overviewGrid.list.type2 .item .text h4 { font-size: 19px; line-height: 1.3em; font-weight: normal; color: #cb4c94; margin: 0 0 1.1em 0; } .overviewGrid.list.type2 .item .text h4 span { display: block; } .overviewGrid.list.type2 .item .text .validDate { float: none; font-size: 19px; font-weight: bold; } .specialOffer { display: block; position: relative; width: 120px; height: 110px; background: url(/static/tupperware-au/assets/system_images/sprite-stamps.png) -498px -72px no-repeat; margin: 0.5em 0 0 2em; } .specialOffer > span { text-align: center; display: block; position: absolute; width: 120px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .specialOffer .oldPrice { color: #000; font-size: 18px; line-height: 18px; font-weight: bold; left: 0; top: 20px; } .specialOffer .oldPrice.large { font-size: 12px; } .specialOffer .oldPrice:before { content: ""; position: absolute; top: 8px; left: 30%; width: 40%; height: 2px; border-top: 2px solid #fb0002; } .specialOffer .oldPrice.large:before { top: 9px; left: 31%; width: 51%; border-top: 1px solid #fb0002; } .specialOffer .newPrice { color: #be3382; font-size: 24px; line-height: 24px; font-weight: bold; left: 0; top: 41px; } .specialOffer .newPrice.large { font-size: 14px; } .specialOffer .oldPrice b, .specialOffer .newPrice b { font-weight: normal; font-size: 12px; } .specialOffer .oldPrice.large b, .specialOffer .newPrice.large b { font-size: 9px; } .specialOffer .label { color: #000; font-size: 10px; line-height: 10px; left: 0; top: 68px; padding: 0 15px; } .detailInfo .specialOffer { width: 116px; background-position: -498px -182px; } .detailInfo .specialOffer .oldPrice { top: 24px; } .detailInfo .specialOffer .oldPrice.large { top: 31px; } .detailInfo .specialOffer .newPrice { top: 45px; } .detailInfo .specialOffer .label { top: 72px; } .save { display: block; position: absolute; width: 65px; height: 65px; background: url(/static/tupperware-au/assets/system_images/sprite-stamps.png) -519px -4px no-repeat; top: -3px; left: -3px; } .save > span { text-align: center; display: block; position: absolute; width: 65px; color: #fff; } .save .label { font-size: 10px; line-height: 10px; left: 0; top: 20px; } .save .value { font-size: 13px; line-height: 13px; font-weight: bold; left: 0; top: 32px; } .price .regular { text-align: center; display: block; width: 100%; color: #000; font-size: 18px; line-height: 18px; font-weight: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .overviewGrid.list.type2 .commentForm { } .overviewGrid.list.type2 .commentForm fieldset { margin: 1em 0 5px 0; } .overviewGrid.list.type2 .commentForm textarea { margin: 0; height: 60px; line-height: 1em; position: relative; overflow: hidden;} .overviewGrid.list.type2 .commentForm .row div.added:after { display: block; width: 25px; height: 25px; position: absolute; bottom: 2px; right: 2px; content: ""; z-index: 10; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) -100px -315px no-repeat; } .overviewGrid.list.type2 .commentForm .row div.error:after { display: block; width: 25px; height: 25px; position: absolute; bottom: 2px; right: 2px; content: ""; z-index: 10; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) -125px -315px no-repeat; } /* International listing */ #worldwideMap { width: 100%; position: relative; } #worldwideMap > img.cover { width: 100%; height: auto; border: 1px solid #E5E4E0; } #worldwideMap .layer { display: inline-block; } #worldwideListingLink { border: none !important; } #worldwideListingLink a { padding: 0 0 0 20px; height: 20px; display: block; margin-right: 6px; } li#worldwideListingLink:last-child a { margin-right: 0; } #worldwideListingLink a span { display: none; } /* Google & Facebook sign in buttons */ .mp-login-button { display: inline-block; background: #3b5998; color: #ffffff; border-radius: 4px; white-space: nowrap; border: 2px solid #3b5998; margin: 0 0.5em 1em 0; width: 220px; } .customGPlusSignIn.mp-login-button { background: #4285f4; border: 2px solid #4285f4; } .withDropdownPanel .mp-login-button { width: 100%; } .mp-login-button:hover { cursor: pointer; } .mp-login-button span.label { display: inline-block; vertical-align: middle; padding: 1px 5px 0 0; font-size: 14px; font-weight: bold; } .mp-login-button span.label:before { content: ""; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) transparent -151px -372px no-repeat; display: inline-block; vertical-align: middle; width: 25px; height: 25px; padding: 0; margin: -1px 6px 0 0; } .fb-login-button.mp-login-button span.label:before { background-position: -29px -152px; } /* *** THEMES *** */ /* fuller mx */ html.theme-fuller-mx #logo { margin-top: 20px; } @media screen and (min-width: 0px) and (max-width: 1060px) { html.theme-fuller-mx #logo { margin-top: 8px; } html.theme-fuller-mx #logo a { display: block; width: 180px; height: 44px; margin: 0 auto; background: url(/static/tupperware-au/assets/system_images/tupperware-logo-black-high-res.png) 0 0 no-repeat; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; background-size: 100% auto; } } html.theme-fuller-mx a, html.theme-fuller-mx #sitemap h5 a { color: #d5752d; } html.theme-fuller-mx a.checkbox { color: #999999; } html.theme-fuller-mx a:hover, html.theme-fuller-mx #sitemap h5 a:hover { color: #404040; } html.theme-fuller-mx h2 a, html.theme-fuller-mx h2 a:hover, html.theme-fuller-mx h3 a, html.theme-fuller-mx h3 a:hover { color: #404040; } html.theme-fuller-mx #mainNavigation ul li .over .wrapper { border: 1px solid #d5752d; background: #d5752d; background: #d5752d; } html.theme-fuller-mx #mainNavigation ul li.active a { background-image: url(); } html.theme-fuller-mx #mainNavigation ul li.active ul li a { background: none; } html.theme-fuller-mx #mainNavigation ul li.active ul li a span{ color: #ffffff; } html.theme-fuller-mx #mainNavigation ul li.active ul li a:hover span{ color: #000; } html.theme-fuller-mx #mainNavigation ul li a span { color: #0f0701; font-size: 16px; font-weight: normal; line-height: 1em; } html.theme-fuller-mx #mainNavigation ul li.active a span { color: #a8a6a5; } html.theme-fuller-mx #mainNavigation ul li.selected a span { color: #a8a6a5; } html.theme-fuller-mx #mainNavigation ul li a span sup { font-size: 12px; line-height: 10px; } html.theme-fuller-mx #mainNavigation ul li a sup { font-size: 9px; line-height: 10px; } html.theme-fuller-mx #leftNavigation .part1 { background: #d5752d none repeat scroll 0 0; border: 1px solid #d5752d; -webkt-border-radius: 17px; -moz-border-radius: 17px; -ms-border-radius: 17px; border-radius: 17px; margin-bottom: 1.3em; } html.theme-fuller-mx #leftNavigation .part1 ul li.selected { background: #336666; border-color: #336666; -webkt-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; } html.theme-fuller-mx h1 { color: #336666; } html.theme-fuller-mx #mainNavigation ul li.selected a span { color: #d5752d; } html.theme-fuller-mx .tabButtons .selected a span { color: #d5752d; } html.theme-fuller-mx .button:hover, html.theme-fuller-mx .button.selected { background-color: #d5752d; } html.theme-fuller-mx a.more { color: #d5752d; } html.theme-fuller-mx a.more:hover { color: #404040; } html.theme-fuller-mx .button.purple { background: #d5752d; } html.theme-fuller-mx .button.purple:hover { background: #e47e31; } html.theme-fuller-mx #leftColCover nav { background-color: #d5752d; } html.theme-fuller-mx #leftColCover nav ul li .wrapper { border-color: #c6651d; } html.theme-fuller-mx #leftColCover nav ul li { border-color: #e47e31; } html.theme-fuller-mx #leftColCover nav ul li.selected .bg, html.theme-fuller-mx #leftColCover nav ul.serviceNavigation { background-color: #336666; border-radius: 17px; } html.theme-fuller-mx label.required:after { color: #d5752d; } html.theme-fuller-mx input[type="submit"] { background: #d5752d; border-color: #d5752d; } html.theme-fuller-mx input[type="submit"]:hover { background: #e47e31; } html.theme-fuller-mx #rightColumn ul.controlPanel li a:hover { background-color: #336666; } html.theme-fuller-mx #rightColumn ul.controlPanel li a.selectyzeValue { color: #d5752d; } html.theme-fuller-mx #rightColumn ul.controlPanel li a.selectyzeValue:hover { color:#d5752d; background-color: #EBEBEB; } html.theme-fuller-mx .ac_results .serviceLinks a { color: #d5752d; } html.theme-fuller-mx .requiredLegend { color: #d5752d; } html.theme-fuller-mx .overviewGrid .item a { color: #000; } html.theme-fuller-mx .overviewGrid .item.hover a { color: #d5752d; } html.theme-fuller-mx .overviewGrid .item h2 a, html.theme-fuller-mx .overviewGrid .item.hover h2 a, html.theme-fuller-mx .overviewGrid .item.hover h2 a:hover { color: #404040; } /* Responsive style sheets */ /* Reusable column setup */ .col { border:0px solid rgba(0,0,0,0); float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -moz-background-clip:padding-box !important; -webkit-background-clip:padding-box !important; -ms-background-clip:padding-box !important; background-clip:padding-box !important; } /* font-family for Japan (JP/ja) */ html[lang="ja"] body, html[lang="ja"] input, html[lang="ja"] textarea, html[lang="ja"] select, html[lang="ja"] table th, html[lang="ja"] #gmap div, html[lang="ja"] .newsletterPromotion { font-family: Meiryo,Arial,Helvetica,sans-serif; } html[lang="ja"] h1 { font: 30px/35px Meiryo, Helvetica, Arial, sans-serif; } html[lang="ja"] h2 { font: 26px/1.1em Meiryo, Helvetica, Arial, sans-serif; } html[lang="ja"] h3 { font: 15px/1.2em Meiryo, Helvetica, Arial, sans-serif; } /* ************************* */ /* ***** Direction RTL ***** */ /* ************************* */ html[dir="rtl"] { direction: rtl; } html[dir="rtl"] .right, html[dir="rtl"] #rightColCover #rightColumn, html[dir="rtl"] #rightColSwitch a, html[dir="rtl"] #topPanel nav, html[dir="rtl"] #topPanel .serviceItems, html[dir="rtl"] .searchFormTop, html[dir="rtl"] #bottomNavigation ul li.copyright, html[dir="rtl"] #middleColumn .contentRow .pictures.right, html[dir="rtl"] #middleColumn .contentRow .text.right, html[dir="rtl"] .promoBox a.movie, html[dir="rtl"] ul.controlPanel li.right, html[dir="rtl"] .overviewGrid .item .infos .righ, html[dir="rtl"] .overviewGrid.list .item .socialPanel .right, html[dir="rtl"] .detailInfo .tabs .tabItem .infoPanel ul, html[dir="rtl"] .detailInfo .tabs .tabItem .infoPanel .price, html[dir="rtl"] .grayPanel form button[type="submit"], html[dir="rtl"] .grayPanel form button[type="submit"] span, html[dir="rtl"] .connectedCarousels .navigation, html[dir="rtl"] .topRibbon .right, html[dir="rtl"] .overviewGrid.list .item .buttonPanel, html[dir="rtl"] .overviewGrid.list.type2 .item .text .price, html[dir="rtl"] .overviewGrid .item .infos .right, html[dir="rtl"] .newsletterPromotion .text { float: left; } html[dir="rtl"] .left, html[dir="rtl"] input[type="checkbox"], html[dir="rtl"] input[type="radio"], html[dir="rtl"] .radioGroup label, html[dir="rtl"] #topPanel ul li, html[dir="rtl"] #topPanel ul li.wishlist > a > span, html[dir="rtl"] #topPanel ul li.myportal > a > span, html[dir="rtl"] .withDropdownPanel.share .dropdownPanel li, html[dir="rtl"] #topPanel .withDropdownPanel .dropdownPanel img, html[dir="rtl"] #mainNavigation ul li, html[dir="rtl"] .searchFormTop input[type="text"], html[dir="rtl"] #bottomNavigation nav, html[dir="rtl"] #bottomNavigation ul li, html[dir="rtl"] #middleColumn .contentRow .pictures.oneCol, html[dir="rtl"] #middleColumn .contentRow .pictures.twoCol, html[dir="rtl"] #middleColumn .contentRow .picturesBottom, html[dir="rtl"] #middleColumn .contentRow .oneColTeaser, html[dir="rtl"] #middleColumn .contentRow .pictures.left, html[dir="rtl"] #middleColumn .contentRow .text.left, html[dir="rtl"] .accordionMenu .accordionItem img, html[dir="rtl"] .displayWindow ul li, html[dir="rtl"] .displayWindow ul li .content img, html[dir="rtl"] .tabButtons li, html[dir="rtl"] ul.controlPanel li , html[dir="rtl"] .overviewGrid .item, html[dir="rtl"] .overviewGrid .item .infos .left, html[dir="rtl"] .overviewGrid.list .item .picture, html[dir="rtl"] .overviewGrid.list .item .socialPanel .left, html[dir="rtl"] ul.rating li, html[dir="rtl"] .detailInfo .tabs .tabItem .text.short ul.details, html[dir="rtl"] .detailInfo .tabs .tabItem .infoPanel ul li, html[dir="rtl"] .tableList li.th > div, html[dir="rtl"] .tableList li > a > div, html[dir="rtl"] #leftColumn .teasersList li img, html[dir="rtl"] #rightColumn .teasersList li img, html[dir="rtl"] #leftColCover .teasersList li img, html[dir="rtl"] #leftColumn .teasersList li span.left, html[dir="rtl"] #rightColumn .teasersList li span.left, html[dir="rtl"] #leftColCover .teasersList li span.left, html[dir="rtl"] .connectedCarousels .stage, html[dir="rtl"] .connectedCarousels .carousel li, html[dir="rtl"] .topRibbon .left, html[dir="rtl"] #sitemap > ul, html[dir="rtl"] .searchResult .picture, html[dir="rtl"] ul.rowAnchor li > div, html[dir="rtl"] .confirmation > span , html[dir="rtl"] .overviewGrid.list.type2 .item .text > span, html[dir="rtl"] .overviewGrid.list.type2 .item .text .buttons .button, html[dir="rtl"] .promoBox a.movie.left, html[dir="rtl"] .newsletterPromotion .image, html[dir="rtl"] .newsletterPromotion .image img, html[dir="rtl"] .col { float: right; } html[dir="rtl"] .topRibbon .closeButton { padding-right: 0px; padding-left: 20px; } html[dir="rtl"] .topRibbon .closeButton:after { right: auto; left: 0; } html[dir="rtl"] ul, html[dir="rtl"] ul.bulletList { padding-left: 0; padding-right: 1.4em; } html[dir="rtl"] .tableList { padding: 0; } html[dir="rtl"] .bannersPanel { padding: 15px; } html[dir="rtl"] ul.rowAnchor { padding: 0 0 1em; } html[dir="rtl"] .ac_results ul { padding: 5px; } html[dir="rtl"] .ac_results ul ul { padding: 0; } html[dir="rtl"] #mainNavigation ul li a { padding-left: 5px; padding-right: 5px; } html[dir="rtl"] #mainNavigation ul li a span { font-size: 18px; } html[dir="rtl"] #mainNavigation ul li .over .wrapper { padding-left: 0; padding-right: 20px;} html[dir="rtl"] #mainNavigation ul li ul li { margin-right: 0px; margin-left: 20px;} html[dir="rtl"] #mainNavigation ul li ul li a { padding: 0; } html[dir="rtl"] #leftNavigation .part1 ul li a { font-size: 16px; } html[dir="rtl"] .icon { padding-left: 0; padding-right: 35px; } html[dir="rtl"] .icon:before { left: auto; right: 0; } html[dir="rtl"] .button.icon { padding-left: 8px; padding-right: 8px; } html[dir="rtl"] .button.icon span { padding-left: 0; padding-right: 14px; } html[dir="rtl"] .button.icon span:before { left: auto; right: -2px; } html[dir="rtl"] .button.icon.big span { padding-right: 21px; } html[dir="rtl"] .iconLabel span:before { left: auto; right: 0; } html[dir="rtl"] .iconLabel .time { padding-left: 0; padding-right: 25px; } html[dir="rtl"] .iconLabel .difficulty { padding-left: 0; padding-right: 27px; } html[dir="rtl"] .iconLabel .difficulty.average { padding-left: 0; padding-right: 48px; } html[dir="rtl"] .iconLabel .difficulty.advanced { padding-left: 0; padding-right: 69px; } html[dir="rtl"] .iconLabel .cost { padding-left: 0; padding-right: 28px; } html[dir="rtl"] .button.icon.heart span, html[dir="rtl"] .button.icon.star span, html[dir="rtl"] .button.icon.comment span, html[dir="rtl"] .button.icon.tick span { padding: 3px 24px 3px 0px; } html[dir="rtl"] .button.icon.friend span { padding-right: 23px; } html[dir="rtl"] .button.icon.play span:before { background-position: -77px -493px; } html[dir="rtl"] .button.icon.pdf span { padding-right: 42px; } html[dir="rtl"] .button.icon.printSmall span { padding-right: 24px; } html[dir="rtl"] .withDropdownPanel > a { padding-right: 0; padding-left: 17px; } html[dir="rtl"] .withDropdownPanel > a:after { right: auto; left: 0px; } html[dir="rtl"] .withDropdownPanel.languageSelector > a:after { right: auto; left: 0px; } html[dir="rtl"] .withDropdownPanel .dropdownPanel { right: auto; left: 0; } html[dir="rtl"] .withDropdownPanel.share .dropdownPanel { right: 0; left: auto; } html[dir="rtl"] .withDropdownPanel .dropdownPanel .wrapper:after { left: 20px; right: auto; } html[dir="rtl"] .withDropdownPanel.share .dropdownPanel .wrapper:after { left: auto; right: 10px; } html[dir="rtl"] .withDropdownPanel.share .dropdownPanel .wrapper { padding: 10px 10px 10px 0px; } html[dir="rtl"] #topPanel ul li.wishlist span.counter { margin-left: 0; margin-right: 4px;} html[dir="rtl"] #topPanel .serviceItems { margin-left: 0; margin-right: 42px; } html[dir="rtl"] #topPanel ul li { border-left: none; border-right: 1px solid #dcdcdc; margin: 0 6px 0 0px; padding: 0 6px 0 0px; } html[dir="rtl"] #topPanel ul li:first-child { border-right: none; } html[dir="rtl"] #topPanel ul li.iframe { border: none; } html[dir="rtl"] #topPanel .dropdownPanel li { border: none; } html[dir="rtl"] #topPanel ul li.wishlist > a { padding-left: 0; } html[dir="rtl"] .searchFormTop input[type="text"] { padding: 0 20px 0 0; } html[dir="rtl"] .searchFormTop input[type="image"] { left: auto; right: 3px; } html[dir="rtl"] #leftColSwitch { left: auto; right: 5px; } html[dir="rtl"] #rightColSwitch { right: auto; left: 0; } html[dir="rtl"] #rightColSwitch a { background-position: -97px -48px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0;} html[dir="rtl"] #rightColSwitch.active a { background-position: -72px -48px; } html[dir="rtl"] #bottomNavigation .bannersPanel { right: auto; left: 1.17%; } html[dir="rtl"] #middleColumn .contentRow .pictures.right { margin: 0 1em 0 0; float: left; } html[dir="rtl"] #middleColumn .contentRow .pictures.left { margin: 0 0 0 1em ; } html[dir="rtl"] #middleColumn .contentRow.inGrid .text.right { padding-left: 0; padding-right: 1em;} html[dir="rtl"] #middleColumn .contentRow.inGrid .text.left { padding-right: 0; padding-left: 1em;} html[dir="rtl"] #middleColumn .contentRow.inGrid .pictures.left { margin: 0 0 1em; } html[dir="rtl"] #middleColumn .contentRow.inGrid .pictures.right { margin: 0 0 1em; } html[dir="rtl"] #middleColumn .contentRow .oneColTeaser h3 { font-size: 15px; } html[dir="rtl"] #middleColumn .contentRow .pictures.oneCol { margin: 0 0 0 1em;} html[dir="rtl"] #middleColumn .contentRow .picturesBottom .pictures.oneCol { margin: 0; } html[dir="rtl"] .accordionMenu .accordionItem { left: auto; } html[dir="rtl"] .accordionMenu .accordionItem .content { left: auto; right: 0; } html[dir="rtl"] .accordionMenu .accordionItem { background-position: right center; } html[dir="rtl"] .displayWindowControlPagination ul li { float:none; } html[dir="rtl"] .displayWindowControlPrev { left: auto; right: 0; } html[dir="rtl"] .displayWindowControlNext { left: 0; right: auto; } html[dir="rtl"] .displayWindowControlPrev a { background-position: -55px center; } html[dir="rtl"] .displayWindowControlNext a { background-position: 5px center; } html[dir="rtl"] .displayWindow ul li .content { left: auto; right: 0; } html[dir="rtl"] #leftNavigation .part1 ul li li { padding: 5px 10px 5px 0px; } html[dir="rtl"] #leftNavigation .part1 ul li.selected li.selected a:before { left: auto; right: -15px; } html[dir="rtl"] a.movie, html[dir="rtl"] a.movie:hover { padding: 5px 24px 4px 9px; background: #9f9f9f !important; position: relative; } html[dir="rtl"] a.movie:after { content: ""; position: absolute; width: 15px; height: 15px; top: 3px; right: 5px; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) no-repeat scroll -81px -469px ; } html[dir="rtl"] .detailInfo .tabs .tabItem .text.short { padding-left: 160px; padding-right: 0px;} html[dir="rtl"] .detailInfo .tabs .tabItem .infoPanel { right: auto; left: 0; } html[dir="rtl"] [rel="product-details"] h2 { padding-left: 150px; padding-right: 0px;} html[dir="rtl"] .tabButtons ul { padding: 0; } html[dir="rtl"] ul.controlPanel { padding: 0 0 5px; } html[dir="rtl"] .displayWindow ul { padding: 0; } html[dir="rtl"] .filterSelect .selectyzeValue { padding-right: 10px; padding-left: 15px; background-position: left center; } html[dir="rtl"] a.checkbox { padding-left: 0px; padding-right: 17px; } html[dir="rtl"] a.checkbox:before { left: auto; right: -2px; } html[dir="rtl"] .specialOffer { margin: 0.5em 2em 0 0 ; } html[dir="rtl"] .save { left: auto; right: -7px; } html[dir="rtl"] #leftColumn .teasersList li img, html[dir="rtl"] #rightColumn .teasersList li img, html[dir="rtl"] #leftColCover .teasersList li img { margin-right: 0px; margin-left: 10px;} html[dir="rtl"] .overviewGrid.list .item .text { padding-left: 0; padding-right: 1em; } html[dir="rtl"] .overviewGrid.list .item .text h2 { padding-right: 0; padding-left: 175px; } html[dir="rtl"] .overviewGrid.list .item .buttonPanel { right: auto; left: 10px; } html[dir="rtl"] .overviewGrid.list .item .socialPanel .left { margin: 0 109px 0 0; padding: 0 1em 0 0; } html[dir="rtl"] ul.rating { padding: 0; } html[dir="rtl"] #leftColumn .teasersList li > a > div, html[dir="rtl"] #rightColumn .teasersList li > a > div, html[dir="rtl"] #leftColCover .teasersList li > a > div { margin-left: 0px; margin-right: 70px;} html[dir="rtl"] .tableList li.th > div, html[dir="rtl"] .tableList li > a > div { text-align: right; } html[dir="rtl"] .time span { padding: 0 25px 0 0; } html[dir="rtl"] .time span:before { left: auto; right: 4px; } html[dir="rtl"] .searchResult .picture { margin: 0 0 5px 5px; } html[dir="rtl"] form .row .col:first-child, html[dir="rtl"] .form .row .col:first-child { padding-right: 0; padding-left: 1.17% ;} html[dir="rtl"] form .row .col:last-child, html[dir="rtl"] .form .row .col:last-child { padding-left: 0; padding-right: 1.17% } html[dir="rtl"] label.required:after { right: auto; left: -10px; } html[dir="rtl"] label.inlineLabel.required span:after { right: auto; left: -10px; } html[dir="rtl"] input[type="checkbox"], html[dir="rtl"] input[type="radio"] { margin: 1px 5px 6px 8px; } html[dir="rtl"] label.inlineLabel { margin: 0 27px 1em 1em; } html[dir="rtl"] .radioGroup label { margin: 0 1px 15px 15px; } html[dir="rtl"] #sitemap ul { border-left: none; border-right: 1px dashed #999999; padding: 0 15px 0 0;} html[dir="rtl"] #sitemap > ul ul a { padding: 3px 15px 3px 0; } html[dir="rtl"] #sitemap > ul ul a:before { right: -5px; left: auto; } html[dir="rtl"] .overviewGrid.list.type2 .item .imageButton.delete { right: auto; left: 5px; } html[dir="rtl"] .overviewGrid.list.type2 .item.special > .wrapper { background-image: -webkit-linear-gradient(right, white 20%, #ffe7ff 100%); background-image: -moz-linear-gradient(right, white 20%, #ffe7ff 100%); background-image: linear-gradient(right, white 20%, #ffe7ff 100%); background-image: -ms-linear-gradient(right, #ffffff, #ffe7ff); } html[dir="rtl"] .is-splash.videoPlayer.is-rtl .fp-ui, html[dir="rtl"] .is-paused.videoPlayer.is-rtl .fp-ui { background-image: url(images/trans_1x1.gif); } html[dir="rtl"] #leftColumn .tabs .tabButtons a span, html[dir="rtl"] #rightColumn .tabs .tabButtons a span { font-size: 14px; } html[dir="rtl"] .download {padding-left: 0px; padding-right: 30px;} html[dir="rtl"] .download:before { left: auto; right: 0; } html[dir="rtl"] #leftNavigation .part1 ul li.selected li.selected a:before { background-position: -153px -469px;} html[dir="rtl"] #leftNavigation .part1 ul li.selected li.selected a:hover:before { background-position: -178px -469px ;} html[dir="rtl"] #leftNavigation .part1 ul li.selected li.selected li.selected a:before { background-position: -153px -469px; } html[dir="rtl"] #leftNavigation .part1 ul li.selected li.selected li.selected a:hover:before { background-position: -178px -469px ;} html[dir="rtl"] #leftColCover .searchFormTop input[type="text"] { padding: 5px 25px 3px 0;} html[dir="rtl"] #leftColCover nav ul ul { padding-left: 0px; padding-right: 12px; } html[dir="rtl"] #leftColCover nav ul li.selected li a span, html[dir="rtl"] #leftColCover nav ul li.selected li a:hover span { padding-right: 15px; padding-left: 5px; } html[dir="rtl"] #leftColCover nav ul li.selected li.selected a:before, html[dir="rtl"] #leftColCover nav ul li.selected li.selected li.selected a:before, html[dir="rtl"] #leftColCover nav ul li.selected li.selected li.selected li.selected a:before { background-position: -153px -469px; left: auto; right: 0; } html[dir="rtl"] .accordionMenu .accordionItem .content .icon.play { background-position: -25px -465px; } html[dir="rtl"] #sitemap > ul ul a:before { background-position: -130px -469px; } html[dir="rtl"] #sitemap > ul ul a:hover:before { background-position: -106px -469px; } html[dir="rtl"] .DivSelectyze ul { padding: 0; } html[dir="rtl"] .newsletterPromotion .btn_close { right: auto; left: 10px; } html[dir="rtl"] .ac_results li a img { float: right; margin-right: 0; margin-left: 10px; } html[dir="rtl"] .ac_results .serviceLinks a { text-align: left; } html[dir="rtl"] #gmap div.infoWindowContent { padding-right: 15px; } html[dir="rtl"] .pp_nav .pp_play, html[dir="rtl"] .pp_nav .pp_pause, html[dir="rtl"] a.pp_arrow_previous, html[dir="rtl"] a.pp_arrow_next, html[dir="rtl"] a.pp_next, html[dir="rtl"] a.pp_previous, html[dir="rtl"] a.pp_expand, html[dir="rtl"] a.pp_close {text-indent:10000px} html[dir="rtl"] .wishlist .infoAnimation { right: auto; left: 0; } html[dir="rtl"] .confirmation { right: auto; left: 0; } html[dir="rtl"] .confirmation > span { margin: 0 0 0 10px; } /* Optimization for Retina Display and common settings for mobile devices */ @media screen and (min-width: 0px) and (max-width: 1060px) { p {word-wrap: break-word; } #cover { box-shadow: 4px 0 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 4px 0 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 4px 0 4px rgba(0, 0, 0, 0.1); -ms-box-shadow: 4px 0 4px rgba(0, 0, 0, 0.1); } #logo a { display: block; width: 212px; margin: 0 auto; background: url(/static/tupperware-au/assets/system_images/tupperware-logo-black-high-res.png) 0 0 no-repeat; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; background-size: 100% auto; } #logo a img { opacity: 0; } .displayWindowControlPagination ul li a { background-image: url(/static/tupperware-au/assets/system_images/bg-dots-navigation-high-res.png); background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; } #leftColSwitch a, #leftColSwitch a:hover, #rightColSwitch a, .searchFormTop input[type="image"], .withDropdownPanel > a:after, .iconLabel span:before, .button.icon span:before, .iconButton { background-image: url(/static/tupperware-au/assets/system_images/sprite-icons-high-res.png); -webkit-background-size: 200px auto; -moz-background-size: 200px auto; -ms-background-size: 200px auto; background-size: 200px auto; } #middleColumn .contentRow .picturesBottom { margin-left: 0; } .download:before { background-image: url(/static/tupperware-au/assets/system_images/sprite-document-icons-hegh-res.png); -webkit-background-size: 104px auto; -moz-background-size: 104px auto; -ms-background-size: 104px auto; background-size: 104px auto; } } @media screen and (min-width: 0px) and (max-width: 1200px) { #mainNavigation ul li ul li .preload { display: none; } } /* 1. 2 Column Grid 0px - 320px ----------------------------------------------------------------------------- Span 1: 50.0% Span 2: 100% ----------------------------------------------------------------------------- */ @media screen and (min-width: 0px) and (max-width: 320px) { .col { margin-left:0%; padding:0 1.17%; } .row .col:first-child { margin-left:0; } /* Add your semantic classnames in alongside their corresponding spans here. e.g. .span_3, .my_semantic_class_name { ... } */ .span_1, #searchPanel{ width:50.0%; } .span_2, #page, #logo, #mainNavigation, #contentWrapper , #subNavigation , #middleColumn, .wide #middleColumn{ margin-left:0; width:100%; } h1 { font-size: 26px; line-height: 1.3em; } [rel="product-details"] h2 {padding-right: 0;} #leftColSwitch { display: block; } #rightColSwitch, #rightColSwitchClone { display: block; } .withButton span:first-child { padding-right: 150px; display: inline-block; } #cover { background: #fff; } header { width: 100%; height: 85px; background: #fafafa; border-bottom: 1px solid #ccc; -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1); -ms-box-shadow: 2px 2px 2px rgba(0,0,0,0.1); box-shadow: 2px 2px 2px rgba(0,0,0,0.1); } #topPanel .serviceItems { display: none; } #topPanel nav > ul > li { display: none; margin-left: 15px;} #topPanel nav li.wishlist { display: block; border: none; } #topPanel nav li.languageSelector { display: block; border: none; } #logo { text-align: center; margin-top: 15px; } #mainNavigation { display: none; } #searchPanel { display:none; } #leftColumn, #rightColumn { display: none; } #middleColumn { margin: 0 auto; padding: 0 5px 20px 5px; float: none; } #middleColumn > .wrapper { min-height: 0; } #middleColumn .contentRow .pictures { float: none; width: 100%; } #middleColumn .contentRow .pictures.oneCol { float: none; width: 100%; max-width: 220px; margin: 0 auto !important; padding-bottom: 1em; } #middleColumn .contentRow .pictures.twoCol { float: none; width: 100%; max-width: 445px; margin: 0 auto !important; padding-bottom: 1em; } #middleColumn .contentRow .text.oneCol, #middleColumn .contentRow .text.twoCol { width: 100%; } #middleColumn .contentRow .text.left, #middleColumn .contentRow .text.right { float: none; padding: 0 0 1px 0; } #middleColumn .contentRow .oneColTeaser { float: none; width: 100%; } #middleColumn .contentRow .oneColTeaser .picture { max-width: 220px; width: 100%; margin: 0 auto; } #middleColumn .contentRow .oneColTeaser .pictures { max-width: 220px; width: 100%; margin: 0 auto; } .wide #middleColumn .contentRow .oneColTeaser { width: 100%; } #middleColumn .contentRow .oneColTeaser .text { padding: 0; } #middleColumn .contentRow.inGrid .text { float: none; width: 100%; height: auto !important; } #middleColumn .contentRow .picturesBottom { float: none; width: 100%; margin: 0; } #middleColumn .contentRow .picturesBottom .pictures.oneCol { float: none; max-width: 220px; width: 100%; margin: 0 auto; padding-bottom: 1em; } #middleColumn .contentRow .pictures { float: none; } #middleColumn .contentRow .text { float: none; width: 100%; padding-bottom: 1px; } .wide #middleColumn .contentRow .pictures.oneCol { width: 100%; } .wide #middleColumn .contentRow.inGrid .text { width: 100%; } .wide #middleColumn .contentRow .picturesBottom { width: 100% } .wide #middleColumn .contentRow .picturesBottom .pictures.oneCol { width: 100% } .wide #middleColumn .contentRow .pictures.twoCol { width: 100%; } .wide #middleColumn .contentRow .pictures.twoCol + .text.oneCol { width: 100%; } .wide #middleColumn .contentRow .text.twoCol { width: 100%;} .withDropdownPanel.share .dropdownPanel { top: 31px; } .withDropdownPanel.share .dropdownPanel li { clear: none; } ul.controlPanel { } .controlPanel .allItems, .controlPanel .allItemsInfo { display: block; } .controlPanel .secondLine { clear: none; float: left !important; padding-top: 0px; margin: 0 !important; width: 50%; } .controlPanel .secondLine .viewName { display: none; } .controlPanel .secondLine li { margin: 0 0 4px 0; width: 100% !important; } .controlPanel .secondLine li .DivSelectyze { width: 100% ; } .controlPanel .secondLine li .DivSelectyze li { padding-left: 2px; padding-right: 2px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; } .overviewGrid { min-height: 0; } .overviewGrid.small .item { width: 33.33333% } .overviewGrid.large .item { width: 50% } .overviewGrid.list .item .picture { float: none; margin: 0 auto; margin-bottom: 1em; } .overviewGrid.list .item .text { margin-bottom: 1em; padding: 0;} .overviewGrid.list .item .text h2 { padding: 0; } .overviewGrid.list .item .buttonPanel { position: static !important; float: right; margin-bottom: 1em; } .overviewGrid.list .item .socialPanel { position: relative; clear: both; } .overviewGrid.list .item .socialPanel .left, .overviewGrid.list .item .socialPanel .right { float: none; padding: 0; margin: 0 0 1em 0; } .accordionMenu { width: 100%; padding: 0 1.17%; } .accordionMenu .accordionItem { -moz-background-size: auto 101%; -webkit-background-size: auto 101%; -ms-background-size: auto 101%; background-size: auto 101%; } .accordionMenu .accordionItem .content { min-width: 140px; min-height: 59px; padding: 20px 10px 5px; margin: 5px; } .accordionMenu .accordionItem h2 { font-size: 11px; margin-bottom: 5px;} .accordionMenu .accordionItem h2 span { font-size: 18px; } .accordionMenu .accordionItem .headline {-webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; background-size: 100% auto;} .displayWindow {} .displayWindow ul li .content { min-width: 140px; min-height: 59px; padding: 20px 10px 5px; margin: 7px 5px; } .displayWindow ul li .content h2 { font-size: 11px; margin-bottom: 5px; } .displayWindow ul li .content h2 span { font-size: 18px; } .displayWindow li .stamp { display: none; } .displayWindow li .teaserBox { width: 100%; bottom: 0; top: auto;} .displayWindow li .teaserBox h2 { font-size: 16px; } .displayWindow li .teaserBox p { font-size: 11px; line-height: 1.2em; } .displayWindow .border { padding-bottom: 20px; } .displayWindow .displayWindowControlPagination { bottom: -4px; top: auto; } .displayWindow .displayWindowControlPrev, .displayWindow .displayWindowControlNext { display: none !important; } .accordionMenu .accordionItem .content .icon.play, .displayWindow ul li .content .icon.play { background-position: -14px -27px; -webkit-background-size: 100px auto; -moz-background-size: 100px auto; -ms-background-size: 100px auto; background-size: 100px auto; padding: 0; height: 21px; right: 1px; top: 1px; width: 21px; } #bottomNavigation { display: none; } #bottomNavigation.extraHeight { display: block; margin: 0; } #bottomNavigation.extraHeight nav { padding: 0.5em 0; } #bottomNavigation.extraHeight ul { display: none; } #bottomNavigation.extraHeight ul.bannersPanel { display: block; position: static; } #bottomNavigation.extraHeight ul.bannersPanel li { float: none; margin: 0 0 1em 0; text-align: center; } #bottomNavigation.extraHeight ul.bannersPanel li img { display: inline; max-height: none; } .recipes li.th > div { display: none; } .recipes li.th > div.name, .recipes li.th > div.clr { display: block; } .recipes li div.name { width: 73%; margin-bottom: 2px; } .recipes li div.name h2 { font-size: 16px; line-height: 1.2em; } .recipes li div.time { float: none; clear: both; width: 100%; margin-bottom: 2px;} .recipes li div.difficulty { float: none; clear: both; width: 100%; margin-bottom: 2px; text-align: left; } .recipes li.col-3 div.name { width: 73%; } .recipes li.col-3 div.time { width: 73%; } .detailInfo .tabs .tabItem .text.short { padding-right: 0; min-height: 0;} .detailInfo .tabs .tabItem .infoPanel { position: static; top: auto; right: auto; } div.instructions, div.ingredients { float: none !important; width: 100% !important; padding-bottom: 1em; } .connectedCarousels .stage { width: 100%; } .connectedCarousels .navigation { display: none; } #rightColSwitch { top: 42px; right: 5px; } #rightColSwitch.active { padding-top: 42px; padding-right: 5px; } #rightColSwitch a { border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; } .checkboxListFilter ul li a, #rightColumn .part2 ul li a { font-size: 15px; } .checkboxListFilter ul li a:before { top: 3px; } /* filter controls */ ul.controlPanel li, ul.controlPanel li.right { float: left; margin-bottom: 1em; } ul.controlPanel li a, ul.controlPanel li em { padding: 8px 14px; } #rightColumn .tabs .tabButtons a span { font-size: 15px; line-height: 23px;} #rightColumn .DivSelectyze a, .DivSelectyze a, .button span, .button.icon span { font-size: 15px; line-height: 15px; } #rightColumn .filterSelect .selectyzeValue, .filterSelect .selectyzeValue { height: 32px; } .filterSelect .UlSelectize { top: 32px; } #rightColumn .checkboxListFilter ul li { margin: 0.3em 0; } #rightColumn ul.controlPanel li { margin-bottom: 1em; } .button.icon { padding: 8px 14px 8px 12px; } .button.icon span { font-size: 15px; } .button.icon span:before { top: 1px; } .button.icon.big span:before { top: -4px; } #sitemap > ul { width: 100%; } /* form */ form .row .col, .form .row .col { width: 100%; padding: 0;} form .row.fourColumn .col, .form .row.fourColumn .col { width: 100%; padding: 0;} form .row .col:first-child .errorMessage, .form .row .col:first-child .errorMessage { right: 0; } p.placeholder, label.placeholder { display: none; } .w200 { width: auto !important; } #rightColumn .connectedCarousels .navigation { display: block; } #rightColumn .connectedCarousels #carousel-navigation li.active img, #rightColumn .connectedCarousels #carousel-navigation li img { border: none; border-top: 1px solid #999999; } #rightColumn .connectedCarousels #carousel-navigation li:first-child img { border-top: 1px solid transparent;} #rightColumn .carousel li .hover { display: block; top: auto; bottom: 0; height: auto; } #rightColumn .carousel li .hover .table .td { padding: 1em 0; color: #000; } #rightColumn .carousel li a:hover .hover { border: 2px solid transparent; } /* GMap */ ul.rowAnchor li.first { display: none; } ul.rowAnchor li > div { float: none; width: 100% !important;} ul.rowAnchor li > div.name a { padding-bottom: 0; font-weight: bold; } ul.rowAnchor li > div.address a { padding-top: 0; } /* wish list */ .overviewGrid.list.type2 .item .text > span { float: none; } .overviewGrid.list.type2 .item .text .name { width: 100%; } .overviewGrid.list.type2 .item .text .price { width: auto; float: right } .overviewGrid.list.type2 .item .name .buttons { margin: 1em 0; } .overviewGrid.list.type2 .commentForm { margin: 0 0 1em 0; padding: 0 0.5em; } /* downlaod */ .download { display: inline-block; } .fullScreenTable { display: none !important;} .compactTable { display: block !important;} .tableList.notFixed .tr .td { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; float: none; } .tableList.withoutBorder li { background: url(/static/tupperware-au/assets/system_images/bg-dotted-black.png) repeat-x scroll 0 bottom transparent; } .playButton { width: 55px; height: 55px; } .playButton.center { margin-left: -27px; margin-top: -27px; } form input[type="submit"], form input[type="reset"] { width: 100%; height: 35px; margin: 0 0 1em 0; } form .button.left, form .button.right { width: 100%; float: none; padding: 10px 0; margin: 0 0 1em 0; } form .button span { padding: 0 10px; } .mp-login-button { width: 100%; text-align: center; padding: 3px 0; margin: 0 0 1em 0; } html[dir="rtl"] #middleColumn .contentRow .pictures, html[dir="rtl"] #middleColumn .contentRow .pictures.oneCol, html[dir="rtl"] #middleColumn .contentRow .pictures.twoCol, html[dir="rtl"] #middleColumn .contentRow .text.left, html[dir="rtl"] #middleColumn .contentRow .text.right, html[dir="rtl"] #middleColumn .contentRow .oneColTeaser, html[dir="rtl"] #middleColumn .contentRow.inGrid .text, html[dir="rtl"] #middleColumn .contentRow .picturesBottom, html[dir="rtl"] #middleColumn .contentRow .picturesBottom .pictures.oneCol, html[dir="rtl"] #middleColumn .contentRow .pictures, html[dir="rtl"] #middleColumn .contentRow .text { float: none; } html[dir="rtl"] .overviewGrid.list .item .picture { float: none; margin: 0 auto 1em; } html[dir="rtl"] .overviewGrid.list .item .text { margin-bottom: 1em; padding: 0; } html[dir="rtl"] .overviewGrid.list .item .text h2 { padding: 0; } html[dir="rtl"] .overviewGrid.list .item .socialPanel .left, html[dir="rtl"] .overviewGrid.list .item .socialPanel .right { float: none; margin: 0 0 1em; padding: 0;} html[dir="rtl"] ul.controlPanel li, html[dir="rtl"] ul.controlPanel li.right { float: right; } html[dir="rtl"] .detailInfo .tabs .tabItem .text.short { padding-left: 0; } html[dir="rtl"] [rel="product-details"] h2 { padding-left: 0; } html[dir="rtl"] .recipes li div.picture img {margin: 5px 0 0 3px;} html[dir="rtl"] ul.controlPanel li:first-child > em { padding-right: 0; padding-left: 14px;} html[dir="rtl"] form .row .col, html[dir="rtl"] .form .row .col { padding: 0 !important; } html[dir="rtl"] .overviewGrid.list.type2 .item .text .buttons .button { margin-right: 0; margin-left: 1em;} } /* 2. 4 Column Grid 321px - 480px ----------------------------------------------------------------------------- Span 1: 25.0% Span 2: 50.0% Span 3: 75.0% Span 4: 100% ----------------------------------------------------------------------------- */ @media screen and (min-width: 321px) and (max-width: 480px) { .col { margin-left:0%; padding:0 1.17%; } .row .col:first-child { margin-left:0; } .span_1 { width:25.0%; } .span_2, #searchPanel { width:50.0%; } .span_3 { width:75.0%; } .span_4, #page, #logo, #mainNavigation, #contentWrapper , #subNavigation, #middleColumn, .wide #middleColumn { margin-left:0; width:100%; } [rel="product-details"] h2 {padding-right: 0;} #leftColSwitch { display: block; } #rightColSwitch, #rightColSwitchClone { display: block; } .withButton span:first-child { padding-right: 150px; display: inline-block; } #cover { background: #fff; } header { width: 100%; height: 85px; background: #fafafa; border-bottom: 1px solid #ccc; -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1); -ms-box-shadow: 2px 2px 2px rgba(0,0,0,0.1); box-shadow: 2px 2px 2px rgba(0,0,0,0.1); } /* header { width: 100%; height: 85px; background: #fff; position: fixed; z-index: 700; border-bottom: 1px solid #ccc; } #content { padding-top: 85px; } */ #topPanel .serviceItems { display: none; } #topPanel nav > ul > li { display: none; margin-left: 15px;} #topPanel nav li.wishlist { display: block; border: none; } #topPanel nav li.languageSelector { display: block; border: none; } #logo { text-align: center; margin-top: 15px; } #mainNavigation { display: none; } #searchPanel { display: none; } #leftColumn, #rightColumn { display: none; } #middleColumn { margin: 0 auto; padding: 0 5px 20px 5px; float: none; } #middleColumn > .wrapper { min-height: 0; } #middleColumn .contentRow .pictures { } #middleColumn .contentRow .pictures.oneCol { width: 50%; max-width: 220px; } #middleColumn .contentRow .pictures.twoCol { width: 100%; max-width: 445px; } #middleColumn .contentRow .pictures.oneCol.right { padding: 0; margin: 0 0 0.5em 1em; } #middleColumn .contentRow .pictures.oneCol.left { padding: 0; margin: 0 1em 0.5em 0; } #middleColumn .contentRow .text.oneCol, #middleColumn .contentRow .text.twoCol { width: 100%; padding: 0 !important; } #middleColumn .contentRow .text.left, #middleColumn .contentRow .text.right { float: none; padding: 0 0 1px 0; } #middleColumn .contentRow .oneColTeaser.type2 { float: none; width: 100%; } #middleColumn .contentRow .oneColTeaser.type2 { margin-bottom: 0.7em; } #middleColumn .contentRow .oneColTeaser.type2 .pictures { max-width: 220px; width: 50%; float: left; margin: 0 1em 0.3em 0; } #middleColumn .contentRow .oneColTeaser.type3 { float: none; width: 100%; } #middleColumn .contentRow .oneColTeaser.type3 { margin-bottom: 0.7em; } #middleColumn .contentRow .oneColTeaser.type3 .pictures { max-width: 220px; width: 50%; float: left; margin: 0 1em 0.3em 0; } #middleColumn .contentRow .oneColTeaser .text { padding: 0; } #middleColumn .contentRow .picturesBottom { width: 100%; clear: both; margin-top: -0.5em; } #middleColumn .contentRow.inGrid .pictures { padding-bottom: 0; padding-right: 1em; } #middleColumn .contentRow.inGrid .text { width: auto; float: none; } .wide #middleColumn .contentRow .pictures.oneCol { width: 50%; } .wide #middleColumn .contentRow.inGrid .text { width: auto; } .wide #middleColumn .contentRow .picturesBottom { width: 100%; } .wide #middleColumn .contentRow .picturesBottom .pictures.oneCol { width: 50% } .wide #middleColumn .contentRow .pictures.twoCol { width: 100%; } .wide #middleColumn .contentRow .pictures.twoCol + .text.oneCol { width: 100%; } .wide #middleColumn .contentRow .text.twoCol { width: 100%;} .wide #middleColumn .contentRow .oneColTeaser { width: 100%; } .wide #middleColumn .contentRow .oneColTeaser:nth-child(2n+1) { clear: both; } .withDropdownPanel.share .dropdownPanel { top: 31px; } .withDropdownPanel.share .dropdownPanel li { clear: none; } ul.controlPanel { } .controlPanel .allItems, .controlPanel .allItemsInfo { display: block; } .controlPanel .secondLine { clear: none; float: left !important; padding-top: 0px; margin: 0 !important; } .controlPanel .secondLine li { margin-bottom: 4px; } .controlPanel .secondLine .viewName { display: none; } .overviewGrid { min-height: 0; } .overviewGrid.small .item { width: 25% } .overviewGrid.large .item { width: 50% } .overviewGrid.list .item .text h2 { padding: 0; } .overviewGrid.list .item .buttonPanel { position: static !important; float: right; margin-bottom: 1em; } .overviewGrid.list .item .socialPanel { position: static; clear: both;} .overviewGrid.list .item .text { margin-bottom: 1em; } .overviewGrid.list .item .socialPanel span { margin: 0 0 1em 0; } .overviewGrid.list .item .socialPanel .left { padding: 0; margin: 0; } .accordionMenu { width: 100%; padding: 0 1.17%; } .accordionMenu .accordionItem { -moz-background-size: auto 101%; -webkit-background-size: auto 101%; -ms-background-size: auto 101%; background-size: auto 101%; } .accordionMenu .accordionItem .content { min-width: 160px; min-height: 70px; padding: 25px 10px 5px; margin: 5px; } .accordionMenu .accordionItem h2 { font-size: 13px; } .accordionMenu .accordionItem h2 span { font-size: 20px; } .accordionMenu .accordionItem .headline {-webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; background-size: 100% auto;} .displayWindow { } .displayWindow ul li .content { min-width: 160px; min-height: 70px; padding: 25px 10px 5px; margin: 5px; } .displayWindow ul li .content h2 { font-size: 13px; } .displayWindow ul li .content h2 span { font-size: 20px; } .displayWindow li .stamp { display: none; } .displayWindow li .teaserBox { width: 100%; bottom: 0; top: auto;} .displayWindow li .teaserBox h2 { font-size: 18px; } .displayWindow li .teaserBox p { font-size: 12px; line-height: 1.2em; } .displayWindow .border { padding-bottom: 20px; } .displayWindow .displayWindowControlPagination { bottom: -4px; top: auto; } .displayWindow .displayWindowControlPrev, .displayWindow .displayWindowControlNext { display: none !important; } .accordionMenu .accordionItem .content .icon.play, .displayWindow ul li .content .icon.play { background-position: -14px -27px; -webkit-background-size: 100px auto; -moz-background-size: 100px auto; -ms-background-size: 100px auto; background-size: 100px auto; padding: 0; height: 21px; right: 4px; top: 4px; width: 21px; } #bottomNavigation { display: none; } #bottomNavigation.extraHeight { display: block; margin: 0; } #bottomNavigation.extraHeight nav { padding: 0.5em 0; } #bottomNavigation.extraHeight ul { display: none; } #bottomNavigation.extraHeight ul.bannersPanel { display: block; position: static; } #bottomNavigation.extraHeight ul.bannersPanel li { float: none; margin: 0 0 1em 0; text-align: center; } #bottomNavigation.extraHeight ul.bannersPanel li img { display: inline; max-height: none; } .recipes .th div.picture { display: none; } .recipes .th div.time { display: none; } .recipes .th div.difficulty { display: none; } .recipes li { padding-bottom: 0.5em; } .recipes li div.name { width: 77%; } .recipes li div.time { width: 30%; } .recipes li div.difficulty { width: 25%; text-align: left; } .recipes li.col-3 div.name { width: 77%; } .recipes li.col-3 div.time { width: 77%; } .detailInfo .tabs .tabItem .text.short { padding-right: 0; min-height: 0;} .detailInfo .tabs .tabItem .infoPanel { position: static; top: auto; right: auto; } div.instructions, div.ingredients { float: none !important; width: 100% !important; padding-bottom: 1em; } .connectedCarousels .stage { width: 100%; } .connectedCarousels .navigation { display: none; } #rightColSwitch { top: 42px; right: 5px; } #rightColSwitch.active { padding-top: 42px; padding-right: 5px; } #rightColSwitch a { border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; } .checkboxListFilter ul li a, #rightColumn .part2 ul li a { font-size: 15px; } .checkboxListFilter ul li a:before { top: 3px; } /* filter controls */ ul.controlPanel li { } ul.controlPanel li a, ul.controlPanel li em { padding: 8px 14px; } #rightColumn .tabs .tabButtons a span { font-size: 15px; line-height: 23px;} #rightColumn .DivSelectyze a, .DivSelectyze a, .button span, .button.icon span { font-size: 15px; line-height: 15px; } #rightColumn .filterSelect .selectyzeValue, .filterSelect .selectyzeValue { height: 32px; } .filterSelect .UlSelectize { top: 32px; } #rightColumn .checkboxListFilter ul li { margin: 0.3em 0; } #rightColumn ul.controlPanel li { margin-bottom: 1em; } .button.icon { padding: 8px 14px 8px 12px; } .button.icon span { font-size: 15px; } .button.icon span:before { top: 1px; } .button.icon.big span:before { top: -4px; } #sitemap > ul { width: 100%; } /* form */ form .row .col, .form .row .col { width: 100%; padding: 0;} form .row.fourColumn .col, .form .row.fourColumn .col { width: 100%; padding: 0;} form .row .col:first-child .errorMessage, .form .row .col:first-child .errorMessage { right: 0; } p.placeholder, label.placeholder { display: none; } .w200 { width: auto !important; } #rightColumn .connectedCarousels .navigation { display: block; } #rightColumn .connectedCarousels #carousel-navigation li.active img, #rightColumn .connectedCarousels #carousel-navigation li img { border: none; border-top: 1px solid #999999; } #rightColumn .connectedCarousels #carousel-navigation li:first-child img { border-top: 1px solid transparent;} #rightColumn .carousel li .hover { display: block; top: auto; bottom: 0; height: auto; } #rightColumn .carousel li .hover .table .td { padding: 1em 0; color: #000; } #rightColumn .carousel li a:hover .hover { border: 2px solid transparent; } /* GMap */ ul.rowAnchor li.first { display: none; } ul.rowAnchor li > div { float: none; width: 100% !important;} ul.rowAnchor li > div.name a { padding-bottom: 0; font-weight: bold; } ul.rowAnchor li > div.address a { padding-top: 0; } /* wish list */ .overviewGrid.list.type2 .item .text > span { float: none; } .overviewGrid.list.type2 .item .text .name { width: 100%; } .overviewGrid.list.type2 .item .text .price { width: auto; float: right } .overviewGrid.list.type2 .item .name .buttons { margin: 1em 0; } .overviewGrid.list.type2 .commentForm { margin: 0 0 1em 0; padding: 0 0.5em; } #wishlist .overviewGrid.list .item .picture { float: none; margin: 0 auto 1em; } /* downlaod */ .download { display: inline-block; } .fullScreenTable { display: none !important;} .compactTable { display: block !important;} div.message, div.message.error { min-width: 100% !important;} .tableList.notFixed .tr .td { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; float: none; } .tableList.withoutBorder li { background: url(/static/tupperware-au/assets/system_images/bg-dotted-black.png) repeat-x scroll 0 bottom transparent; } .playButton { width: 55px; height: 55px; } .playButton.center { margin-left: -27px; margin-top: -27px; } form input[type="submit"], form input[type="reset"] { width: 100%; height: 35px; margin: 0 0 1em 0; } form .button.left, form .button.right { width: 100%; float: none; padding: 10px 0; margin: 0 0 1em 0; } form .button span { padding: 0 10px; } .mp-login-button { width: 100%; text-align: center; padding: 3px 0; margin: 0 0 1em 0; } html[dir="rtl"] #middleColumn .contentRow .pictures.oneCol.left { margin: 0 0 0.5em 1em; padding: 0; } html[dir="rtl"] #middleColumn .contentRow .pictures.oneCol.right { margin: 0 1em 0.5em 0; padding: 0; } html[dir="rtl"] #middleColumn .contentRow .pictures.twoCol.right { float: none; margin: 0 auto 1em; } html[dir="rtl"] #middleColumn .contentRow .pictures.twoCol.left { float: none; margin: 0 auto 1em; } html[dir="rtl"] #middleColumn .contentRow.inGrid .text { float: none; } html[dir="rtl"] #middleColumn .contentRow.inGrid .pictures { margin: 0; } html[dir="rtl"] #middleColumn .contentRow .oneColTeaser.type2 .pictures { float: right; margin: 0 0 0.3em 1em;} html[dir="rtl"] ul.controlPanel li:first-child > em { padding-right: 0; padding-left: 14px;} html[dir="rtl"] .overviewGrid.list .item .text h2 { padding: 0; } html[dir="rtl"] .overviewGrid.list .item .socialPanel .left { margin: 0;} html[dir="rtl"] .detailInfo .tabs .tabItem .text.short { padding-left: 0; } html[dir="rtl"] [rel="product-details"] h2 { padding-left: 0; } html[dir="rtl"] .recipes li div.picture img {margin: 5px 0 0 3px;} html[dir="rtl"] form .row .col, html[dir="rtl"] .form .row .col { padding: 0 !important; } html[dir="rtl"] .overviewGrid.list.type2 .item .text .buttons .button { margin-right: 0; margin-left: 1em;} } /* 3.1. 8 Column Grid 481px - 600px ----------------------------------------------------------------------------- Span 1: 12.5% Span 2: 25.0% Span 3: 37.5% Span 4: 50.0% Span 5: 62.5% Span 6: 75.0% Span 7: 87.5% Span 8: 100% ----------------------------------------------------------------------------- */ @media screen and (min-width: 481px) and (max-width: 600px) { .col { margin-left:0%; padding:0 1.17%; } .row .col:first-child { margin-left:0; } .span_1 { width:12.5%; } .span_2{ width:25.0%; } .span_3, #searchPanel { width:37.5%; } .span_4 { width:50.0%; } .span_5 { width:62.5%; } .span_6 { width:75.0%; } .span_7 { width:87.5%; } .span_8, #page, #contentWrapper, #logo, #mainNavigation, #subNavigation, #middleColumn, .wide #middleColumn { margin-left:0; width:100%; } #leftColSwitch { display: block; } #rightColSwitch, #rightColSwitchClone { display: block; } .withButton span:first-child { padding-right: 150px; display: inline-block; } #cover { background: #fff; } header { width: 100%; height: 85px; background: #fafafa; border-bottom: 1px solid #ccc; -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1); -ms-box-shadow: 2px 2px 2px rgba(0,0,0,0.1); box-shadow: 2px 2px 2px rgba(0,0,0,0.1); } #topPanel .serviceItems { display: none; } #topPanel nav > ul > li { display: none; margin-left: 15px;} #topPanel nav li.wishlist { display: block; border: none; } #topPanel nav li.languageSelector { display: block; border: none; } #logo { text-align: center; margin-top: 15px; } #mainNavigation { display: none; } #searchPanel { display: none; } #leftColumn, #rightColumn { display: none; } #middleColumn { margin: 0 auto; padding: 0 5px 20px 5px; float: none; } #middleColumn > .wrapper { min-height: 0; } #middleColumn .contentRow .pictures { } #middleColumn .contentRow .pictures.oneCol { width: 50%; max-width: 220px; } #middleColumn .contentRow .pictures.twoCol { width: 100%; max-width: 445px; padding-bottom: 1em; } #middleColumn .contentRow .pictures.twoCol.right { float: none; margin: 0 auto; } #middleColumn .contentRow .pictures.twoCol.left { float: none; margin: 0 auto; } #middleColumn .contentRow .pictures.oneCol.right { margin: 0 0 0.5em 1em; } #middleColumn .contentRow .pictures.oneCol.left { margin: 0 1em 0.5em 0; } #middleColumn .contentRow .text.oneCol, #middleColumn .contentRow .text.twoCol { width: 100%; padding: 0 !important;} #middleColumn .contentRow .text.left, #middleColumn .contentRow .text.right { float: none; padding: 0 0 1px 0; } #middleColumn .contentRow.inGrid .text { width: auto; float: none; } #middleColumn .contentRow.inGrid .pictures { margin-right: 1em; } #middleColumn .contentRow .picturesBottom {clear: both; width: 100%; margin-top: -0.5em; } #middleColumn .contentRow .picturesBottom .pictures.oneCol {padding: 0 1px; margin: 0; width: 50%;} .wide #middleColumn .contentRow .pictures.oneCol { width: 50%; } .wide #middleColumn .contentRow.inGrid .text { width: auto; } .wide #middleColumn .contentRow .picturesBottom { width: 100% } .wide #middleColumn .contentRow .picturesBottom .pictures.oneCol { width: 50% } .wide #middleColumn .contentRow .pictures.twoCol { width: 100%; } .wide #middleColumn .contentRow .pictures.twoCol + .text.oneCol { width: 100%; } .wide #middleColumn .contentRow .text.twoCol { width: 100%;} .withDropdownPanel.share .dropdownPanel { top: 31px; } .controlPanel .secondLine { clear: both; float: left !important; padding-top: 4px; } .overviewGrid { min-height: 0; } .overviewGrid.small .item { width: 20% } .accordionMenu { width: 100%; padding: 0 1.17%; } .accordionMenu .accordionItem { -moz-background-size: auto 101%; -webkit-background-size: auto 101%; -ms-background-size: auto 101%; background-size: auto 101%; } .accordionMenu .accordionItem .content { min-width: 160px; min-height: 79px; padding: 30px 10px 5px; margin: 10px; } .accordionMenu .accordionItem h2 { font-size: 15px; } .accordionMenu .accordionItem h2 span { font-size: 22px; } .accordionMenu .accordionItem .headline {-webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; background-size: 100% auto;} .displayWindow { } .displayWindow ul li .content { min-width: 160px; min-height: 79px; padding: 30px 10px 5px; margin: 10px; } .displayWindow ul li .content h2 { font-size: 15px; } .displayWindow ul li .content h2 span { font-size: 22px; } .displayWindow li .teaserBox { width: 70%; } .displayWindow li .teaserBox h2 { font-size: 22px; } .displayWindow li .teaserBox p { font-size: 13px; line-height: 1.2em; } .displayWindow .border { padding-bottom: 20px; } .displayWindow .displayWindowControlPagination { bottom: -4px; top: auto; } .displayWindow .displayWindowControlPrev, .displayWindow .displayWindowControlNext { display: none !important; } .accordionMenu .accordionItem .content .icon.play, .displayWindow ul li .content .icon.play { background-position: -14px -27px; -webkit-background-size: 100px auto; -moz-background-size: 100px auto; -ms-background-size: 100px auto; background-size: 100px auto; padding: 0; height: 21px; right: 7px; top: 7px; width: 21px; } #bottomNavigation { display: none; } #bottomNavigation.extraHeight { display: block; margin: 0; } #bottomNavigation.extraHeight nav { padding: 0.5em 0; } #bottomNavigation.extraHeight ul { display: none; } #bottomNavigation.extraHeight ul.bannersPanel { display: block; position: static; width: 100%; text-align: center;} #bottomNavigation.extraHeight ul.bannersPanel li { display: inline-block; float: none; } #bottomNavigation.extraHeight ul.bannersPanel li img { display: inline; max-height: none; } .recipes li.th div.difficulty { display: none; } .recipes li div.name { width: 56%; } .recipes li div.time { width: 25%; } .recipes li div.difficulty { float: right; width: auto; text-align: right; } .recipes li.col-3 div.name { width: 53%; } .recipes li.col-3 div.time { width: 32%; } .detailInfo .tabs .tabItem .text.short { padding-right: 32%; } div.instructions, div.ingredients { float: none !important; width: 100% !important; padding-bottom: 1em; } .connectedCarousels .stage { width: 100%; } .connectedCarousels .navigation { display: none; } #rightColSwitch { top: 42px; right: 5px; } #rightColSwitch.active { padding-top: 42px; padding-right: 5px; } #rightColSwitch a { border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; } .checkboxListFilter ul li a, #rightColumn .part2 ul li a { font-size: 15px; } .checkboxListFilter ul li a:before { top: 3px; } /* filter controls */ ul.controlPanel li { } ul.controlPanel li a, ul.controlPanel li em { padding: 8px 14px; } #rightColumn .tabs .tabButtons a span { font-size: 15px; line-height: 23px;} #rightColumn .DivSelectyze a, .DivSelectyze a { font-size: 15px; line-height: 15px; } #rightColumn .filterSelect .selectyzeValue, .filterSelect .selectyzeValue { height: 32px; } .filterSelect .UlSelectize { top: 32px; } #rightColumn .checkboxListFilter ul li { margin: 0.3em 0; } #rightColumn ul.controlPanel li { margin-bottom: 1em; } .button.icon { padding: 8px 14px 8px 12px; } .button.icon span, .button span { font-size: 15px; line-height: 15px; } .button.icon span:before { top: 1px; } .button.icon.big span:before { top: -3px; } #sitemap > ul { width: 50%; } form .row .col:first-child .errorMessage, .form .row .col:first-child .errorMessage { right: 6px; } #rightColumn .connectedCarousels .navigation { display: block; } #rightColumn .connectedCarousels #carousel-navigation li.active img, #rightColumn .connectedCarousels #carousel-navigation li img { border: none; border-top: 1px solid #999999; } #rightColumn .connectedCarousels #carousel-navigation li:first-child img { border-top: 1px solid transparent;} #rightColumn .carousel li .hover { display: block; top: auto; bottom: 0; height: auto; } #rightColumn .carousel li .hover .table .td { padding: 1em 0; color: #000; } #rightColumn .carousel li a:hover .hover { border: 2px solid transparent; } /* GMap */ ul.rowAnchor li.first { display: none; } ul.rowAnchor li > div { float: none; width: 100% !important;} ul.rowAnchor li > div.name a { padding-bottom: 0; font-weight: bold; } ul.rowAnchor li > div.address a { padding-top: 0; } /* wish list */ .overviewGrid.list.type2 .item .text > span { float: none; } .overviewGrid.list.type2 .item .text .name { width: 100%; } .overviewGrid.list.type2 .item .text .price { width: auto; float: right } .overviewGrid.list.type2 .item .name .buttons { margin: 1em 0; } .overviewGrid.list.type2 .commentForm { margin: 0 0 1em 0; padding: 0 0.5em 0 0; } /* downlaod */ .download { display: inline-block; } .fullScreenTable { display: none !important;} .compactTable { display: block !important;} .tableList.notFixed .tr .td { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; float: none; } .tableList.notFixed label.placeholder { display: none; } .tableList.withoutBorder li { background: url(/static/tupperware-au/assets/system_images/bg-dotted-black.png) repeat-x scroll 0 bottom transparent; } .playButton { width: 80px; height: 80px; } .playButton.center { margin-left: -40px; margin-top: -40px; } html[dir="rtl"] #middleColumn .contentRow .pictures.twoCol.right { float: none; margin: 0 auto; } html[dir="rtl"] #middleColumn .contentRow .pictures.twoCol.left { float: none; margin: 0 auto; } html[dir="rtl"] #middleColumn .contentRow .pictures.oneCol.left { margin: 0 0 0.5em 1em; } html[dir="rtl"] #middleColumn .contentRow .pictures.oneCol.right { margin: 0 1em 0.5em 0; } html[dir="rtl"] #middleColumn .contentRow.inGrid .text { float: none; } html[dir="rtl"] #middleColumn .contentRow .picturesBottom .pictures.oneCol {padding: 0 1px; margin: 0; width: 50%;} } /* 601px - 700px */ @media screen and (min-width: 601px) and (max-width: 700px) { #middleColumn .contentRow .pictures { } #middleColumn .contentRow .pictures.oneCol { max-width: 220px; } #middleColumn .contentRow .pictures.twoCol { max-width: 445px; } #middleColumn .contentRow .pictures.twoCol.right { margin-left: 1em; } #middleColumn .contentRow .pictures.twoCol.left { margin-right: 1em; } #middleColumn .contentRow .text.oneCol.left, #middleColumn .contentRow .text.oneCol.right { float: none; width: 100%; padding: 0 0 1px 0;} .wide #middleColumn .contentRow .pictures.twoCol { width: 50%; } .wide #middleColumn .contentRow .pictures.twoCol + .text.oneCol { width: 100%; } html[dir="rtl"] #middleColumn .contentRow .pictures.twoCol.right { margin-right: 1em; } html[dir="rtl"] #middleColumn .contentRow .pictures.twoCol.left { margin-left: 1em; } html[dir="rtl"] #middleColumn .contentRow .text.oneCol.left, html[dir="rtl"] #middleColumn .contentRow .text.oneCol.right { float: none; width: 100%; padding: 0 0 1px 0;} } /* 3. 8 Column Grid 601px - 800px ----------------------------------------------------------------------------- Span 1: 12.5% Span 2: 25.0% Span 3: 37.5% Span 4: 50.0% Span 5: 62.5% Span 6: 75.0% Span 7: 87.5% Span 8: 100% ----------------------------------------------------------------------------- */ @media screen and (min-width: 601px) and (max-width: 800px) { .col { margin-left:0%; padding:0 1.17%; } .row .col:first-child { margin-left:0; } .span_1 { width:12.5%; } .span_2, #searchPanel, #subNavigation { width:25.0%; } .span_3 { width:37.5%; } .span_4 { width:50.0%; } .span_5 { width:62.5%; } .span_6, #contentWrapper { width:75.0%; } .span_7 { width:87.5%; } .span_8, #page, #logo, #mainNavigation{ margin-left:0; width:100%; } #leftColSwitch { display: block; } #rightColSwitch, #rightColSwitchClone { display: block; } .withButton span:first-child { padding-right: 150px; display: inline-block; } header { width: 100%; height: 85px; background: #fafafa; border-bottom: 1px solid #ccc; -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1); -ms-box-shadow: 2px 2px 2px rgba(0,0,0,0.1); box-shadow: 2px 2px 2px rgba(0,0,0,0.1); } #topPanel .serviceItems { float: left; margin-left: 0; } #topPanel .serviceItems .withDropdownPanel .dropdownPanel { right: auto; left: 0; } #topPanel .serviceItems .withDropdownPanel .dropdownPanel .wrapper:after { right: auto; left: 20px; } #logo { text-align: center; margin-top: 12px; } #mainNavigation { display: none; } #searchPanel { display: none; } #mainNavigation ul li.twoCol .over { width: 262px; } #mainNavigation ul li ul li a img { display: none !important; } #mainNavigation ul li.twoCol.reverse .over .head{ background-position: 200px bottom; } #leftColumn, #rightColumn { display: none; } #middleColumn, .wide #middleColumn { width: 91%; margin: 0 auto; float: none; } #middleColumn > .wrapper { min-height: 0; padding: 15px 3.5%; } .controlPanel .secondLine { clear: both; float: left !important; padding-top: 4px; } .overviewGrid { min-height: 0; } .accordionMenu { width: 100%; padding: 0 1.17%; } .accordionMenu .accordionItem { -moz-background-size: auto 101%; -webkit-background-size: auto 101%; -ms-background-size: auto 101%; background-size: auto 101%; } .accordionMenu .accordionItem .content { min-width: 180px; min-height: 91px; padding: 35px 12px 7px; margin: 15px; } .accordionMenu .accordionItem h2 { font-size: 17px; } .accordionMenu .accordionItem h2 span { font-size: 25px; } .accordionMenu .accordionItem .headline {-webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; background-size: 100% auto;} .displayWindow ul li .content { min-width: 180px; min-height: 91px; padding: 35px 12px 7px; margin: 15px; } .displayWindow ul li .content h2 { font-size: 17px; } .displayWindow ul li .content h2 span { font-size: 25px; } .accordionMenu .accordionItem .content .icon.play, .displayWindow ul li .content .icon.play { background-position: -22px -41px; -webkit-background-size: 150px auto; -moz-background-size: 150px auto; -ms-background-size: 150px auto; background-size: 150px auto; padding: 0; height: 31px; right: 4px; top: 4px; width: 31px; } #bottomNavigation { padding-left: 1.4%; padding-right: 1.4%;} .home #bottomNavigation nav {padding-top: 15px; padding-bottom: 15px;} .home #bottomNavigation .bannersPanel { position: static; clear: both;} .home #bottomNavigation .bannersPanel li { margin: 15px 15px 0 0 } .recipes li.th div.difficulty { display: none; } .recipes li div.name { width: 55%; } .recipes li div.time { width: 17%; } .recipes li div.difficulty { float: right; width: auto; text-align: right; } .recipes li.col-3 div.name { width: 59%; } .recipes li.col-3 div.time { width: 28%; } .connectedCarousels .stage { width: 100%; } .connectedCarousels .navigation { display: none; } #rightColSwitch { top: 42px; right: 5px; } #rightColSwitch.active { padding-top: 42px; padding-right: 5px; } #rightColSwitch a { border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; } #sitemap > ul { width: 50%; } form .row .col:first-child .errorMessage, .form .row .col:first-child .errorMessage { right: 8px; } #rightColumn .connectedCarousels .navigation { display: block; } #rightColumn .connectedCarousels #carousel-navigation li.active img, #rightColumn .connectedCarousels #carousel-navigation li img { border: none; border-top: 1px solid #999999; } #rightColumn .connectedCarousels #carousel-navigation li:first-child img { border-top: 1px solid transparent;} #rightColumn .carousel li .hover { display: block; top: auto; bottom: 0; height: auto; } #rightColumn .carousel li .hover .table .td { padding: 1em 0; color: #000; } #rightColumn .carousel li a:hover .hover { border: 2px solid transparent; } /* wish list */ .overviewGrid.list.type2 .item .text .name { width: 60%; } .overviewGrid.list.type2 .item .text .price { width: 40%; } .fullScreenTable { display: none !important;} .compactTable { display: block !important;} } /* 801px - 900px */ @media screen and (min-width: 801px) and (max-width: 900px) { #middleColumn .contentRow .pictures { } #middleColumn .contentRow .pictures.oneCol { max-width: 220px; } #middleColumn .contentRow .pictures.twoCol { max-width: 445px; } #middleColumn .contentRow .pictures.twoCol.right { margin: 0 0 0.2em 1em; padding: 0; } #middleColumn .contentRow .pictures.twoCol.left { margin: 0 1em 0.2em 0; padding: 0; } #middleColumn .contentRow .text.oneCol.left, #middleColumn .contentRow .text.oneCol.right { float: none; width: 100%; padding: 0 0 1px 0;} .wide #middleColumn .contentRow .pictures.twoCol { width: 50%; } .wide #middleColumn .contentRow .pictures.twoCol + .text.oneCol { width: 100%; } /* wish list */ .overviewGrid.list.type2 .item .text > span { float: none; } .overviewGrid.list.type2 .item .text .name { width: 100%; } .overviewGrid.list.type2 .item .text .price { width: auto; float: right } .overviewGrid.list.type2 .item .name .buttons { margin: 1em 0; } .overviewGrid.list.type2 .commentForm { margin: 0 0 1em 0; padding: 0 0.5em 0 0; } /* myportal list */ .withDropdownPanel.myportal.left > a:after { background: none; } .withDropdownPanel.myportal.left .dropdownPanel { left: 0; } .withDropdownPanel.myportal.left .dropdownPanel .wrapper:after { left: 20px; } .fullScreenTable { display: none !important;} .compactTable { display: block !important;} html[dir="rtl"] #middleColumn .contentRow .pictures.twoCol.right { margin-right: 1em; } html[dir="rtl"] #middleColumn .contentRow .pictures.twoCol.left { margin-left: 1em; } html[dir="rtl"] #middleColumn .contentRow.inGrid .text.oneCol.right { padding-right: 0; } html[dir="rtl"] #middleColumn .contentRow.inGrid .text.oneCol.left { padding-left: 0; } html[dir="rtl"] #middleColumn .contentRow .text.oneCol.left { float: none; } html[dir="rtl"] #middleColumn .contentRow .text.oneCol.right { float: none; } html[dir="rtl"] #middleColumn .contentRow .pictures.twoCol.left { margin-left: 1em; } html[dir="rtl"] #middleColumn .contentRow .pictures.twoCol.right { margin-right: 1em; } } /* 901px - 1060px */ @media screen and (min-width: 901px) and (max-width: 1060px){ .displayWindow {} .displayWindow li .teaserBox { width: 70%; } .displayWindow li .teaserBox h2 { font-size: 22px; } .displayWindow li .teaserBox p { font-size: 13px; line-height: 1.2em; } .displayWindow .border { padding-bottom: 20px; } .displayWindow .displayWindowControlPagination { bottom: -4px; top: auto; } /* wish list */ .overviewGrid.list.type2 .item .text > span { float: none; } .overviewGrid.list.type2 .item .text .name { width: 100%; } .overviewGrid.list.type2 .item .text .price { width: auto; float: right } .overviewGrid.list.type2 .item .name .buttons { margin: 1em 0; } .overviewGrid.list.type2 .commentForm { margin: 0 0 1em 0; padding: 0 0.5em 0 0; } .fullScreenTable { display: none !important;} .compactTable { display: block !important;} } /* 3. 8 Column Grid 801px - 1060px ----------------------------------------------------------------------------- Span 1: 12.5% Span 2: 25.0% Span 3: 37.5% Span 4: 50.0% Span 5: 62.5% Span 6: 75.0% Span 7: 87.5% Span 8: 100% ----------------------------------------------------------------------------- */ @media screen and (min-width: 801px) and (max-width: 1060px) { .col { margin-left:0%; padding:0 1.17%; } .row .col:first-child { margin-left:0; } .span_1{ width:12.5%; } .span_2, #searchPanel, #subNavigation, #leftColumn, #leftColumn.fixed { width:25.0%; } .span_3{ width:37.5%; } .span_4 { width:50.0%; } .span_5, #middleColumn { width:62.5%; } .span_6, #mainNavigation, #contentWrapper, .wide #middleColumn{ width:75.0%; } .span_7 { width:87.5%; } .span_8, #page, #logo { margin-left:0; width:100%; } #rightColSwitch, #rightColSwitchClone { display: block; } .withButton span:first-child { padding-right: 150px; display: inline-block;} header { height: 130px; } #logo { text-align: left; margin-top: 15px; } #logo a { margin: 0 0 0 -11px; } #mainNavigation, #searchPanel { margin-top: 10px; } #mainNavigation ul li.twoCol .over { width: 262px; } #mainNavigation ul li ul li a img { display: none !important; } #mainNavigation ul li.twoCol.reverse .over .head{ background-position: 200px bottom; } #leftColumn > .wrapper, #rightColumn > .wrapper { height: auto; min-height: 200px; } #rightColumn { display: none; } #middleColumn .contentRow .pictures { float: none; width: 100%; margin: 0 auto; padding-bottom: 1em; } #middleColumn .contentRow .pictures.oneCol { max-width: 220px; } #middleColumn .contentRow .pictures.twoCol { max-width: 445px; } #middleColumn .contentRow .text { float: none; width: 100%; padding-bottom: 1px; } #middleColumn > .wrapper { min-height: 200px; } .controlPanel .secondLine { clear: both; float: left !important; padding-top: 4px; } .accordionMenu { width: 100%; padding: 0 1.17%; } .accordionMenu .accordionItem { -moz-background-size: auto 101%; -webkit-background-size: auto 101%; -ms-background-size: auto 101%; background-size: auto 101%; } .accordionMenu .accordionItem .content { min-width: 180px; min-height: 92px; padding: 35px 13px 8px; margin: 17px; } .accordionMenu .accordionItem h2 { font-size: 17px; } .accordionMenu .accordionItem h2 span { font-size: 25px; } .accordionMenu .accordionItem .headline {-webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; background-size: 100% auto;} .displayWindow ul li .content { min-width: 180px; min-height: 92px; padding: 35px 13px 8px; margin: 17px; } .displayWindow ul li .content h2 { font-size: 17px; } .displayWindow ul li .content h2 span { font-size: 25px; } .accordionMenu .accordionItem .content .icon.play, .displayWindow ul li .content .icon.play { background-position: -22px -41px; -webkit-background-size: 150px auto; -moz-background-size: 150px auto; -ms-background-size: 150px auto; background-size: 150px auto; padding: 0; height: 31px; right: 4px; top: 4px; width: 31px; } #bottomNavigation { padding-left: 1%; padding-right: 1%; } #bottomNavigation.extraHeight nav {padding-top: 15px; padding-bottom: 15px;} #bottomNavigation.extraHeight .bannersPanel { position: static; clear: both;} #bottomNavigation.extraHeight .bannersPanel li { margin: 15px 15px 0 0 } .recipes li.th div.difficulty { display: none; } .recipes li div.name { width: 48%; } .recipes li div.time { width: 22%; } .recipes li div.difficulty { float: right; width: auto; text-align: right; } .recipes li.col-3 div.name { width: 56%; } .recipes li.col-3 div.time { width: 30%; } #sitemap > ul { width: 50%; } form .row .col:first-child .errorMessage, .form .row .col:first-child .errorMessage { right: 8px; } #rightColumn .connectedCarousels .navigation { display: block; } #rightColumn .connectedCarousels #carousel-navigation li.active img, #rightColumn .connectedCarousels #carousel-navigation li img { border: none; border-top: 1px solid #999999; } #rightColumn .connectedCarousels #carousel-navigation li:first-child img { border-top: 1px solid transparent;} #rightColumn .carousel li .hover { display: block; top: auto; bottom: 0; height: auto; } #rightColumn .carousel li .hover .table .td { padding: 1em 0; color: #000; } #rightColumn .carousel li a:hover .hover { border: 2px solid transparent; } } /* 4. 10 Column Grid 1061px - 1200px ----------------------------------------------------------------------------- Span 1: 10.0% Span 2: 20.0% Span 3: 30.0% Span 4: 40.0% Span 5: 50.0% Span 6: 60.0% Span 7: 70.0% Span 8: 80.0% Span 9: 90.0% Span 10: 100% ----------------------------------------------------------------------------- */ @media screen and (min-width: 1061px) and (max-width: 1200px) { .col { margin-left:0%; padding:0 1.17%; } .row .col:first-child { margin-left:0; } .span_1 { width:10.0%; } .span_2, #logo, #searchPanel, #subNavigation, #leftColumn, #rightColumn, #leftColumn.fixed, #rightColumn.fixed { width:20.0%; } .span_3 { width:30.0%; } .span_4 { width:40.0%; } .span_5 { width:50.0%; } .span_6, #mainNavigation, #middleColumn { width:60.0%; } .span_7 { width:70.0%; } .span_8, #contentWrapper, .wide #middleColumn { width:80.0%; } .span_9 { width:90.0%; } .span_10, #page { margin-left:0; width:100%; } #mainNavigation ul li.twoCol .over { width: 262px; } #mainNavigation ul li ul li a img { display: none !important; } #mainNavigation ul li.twoCol.reverse .over .head{ background-position: 200px bottom; } #leftColumn > .wrapper, #rightColumn > .wrapper { min-height: 517px; } #middleColumn > .wrapper { min-height: 517px; } .controlPanel .secondLine { clear: both; float: left !important; padding-top: 4px; } .accordionMenu { width: 100%; padding: 0 1.17%; } .accordionMenu .accordionItem { -moz-background-size: auto 100%; -webkit-background-size: auto 100%; -ms-background-size: auto 100%; background-size: auto 100%; } .accordionMenu .accordionItem .headline {-webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; background-size: 100% auto;} #bottomNavigation { padding-left: 1%; padding-right: 1%; } form .row .col:first-child .errorMessage, .form .row .col:first-child .errorMessage { right: 10px; } } /* 5. 5 Column Grid 1199px - Infinity ----------------------------------------------------------------------------- Span 1: 20.0% Span 2: 40.0% Span 3: 60.0% Span 4: 80.0% Span 5: 100% ----------------------------------------------------------------------------- */ @media screen and (min-width: 1200px) { .col { margin-left:0%; padding:0 1.17%; } .row .col:first-child { margin-left:0; } .span_1 { width:20.0%; } .span_2 { width:40.0%; } .span_3 { width:60.0%; } .span_4 { width:80.0%; } .span_5 { margin-left:0; width:100%; } #gridpak { width: 1200px !important; margin: 0 auto !important; z-index: 100; } } /* IE10 StyleSheets */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { input[type="submit"], input[type="reset"] { padding-top: 4px; } #topPanel ul li.wishlist span.counter { } .searchFormTop input[type='text'] { line-height: 18px; } .withDropdownPanel .dropdownPanel .wrapper, .tooltipCover, .ac_results { box-shadow: 0 0 10px rgba(0,0,0,0.2); } } #overlay{ display: none; background-image: url(/static/tupperware-au/assets/system_images/overlay.png); position: absolute; top: 0; left: 0; width: 100%; z-index: 10000; } #overlay.white { background-image: url(/static/tupperware-au/assets/system_images/white80.png); } #lightwindow { display: none; position: absolute; z-index: 10100; background: #fff; padding: 3px; width: auto; max-width: 90%; } #lightwindow.white { padding: 0; } #lightwindow h4 { margin: 0 0 1em 0; text-align: center; } #lightwindow .wrapper { width: auto; } #lightwindow .center { text-align: center; } #lightwindow .contentrow { margin: 2em 2.5em; } #lightwindow .contentrow .button{ display: inline-block; float: none; margin: 0 0.5em 0.5em 0.5em; min-width: 50px; } /* Datepicker */ .ui-datepicker { width: 243px; height: auto; font: 12px Arial, sans-serif; background: #fff; margin-top: 3px; display: none; padding-bottom: 10px; z-index: 599 !important; border: 2px solid #be3382; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .ui-datepicker a { text-decoration: none; } .ui-datepicker table { width:216px; border-collapse: collapse; margin: 0 auto; } .ui-datepicker-header { background: #a6106c; color: #e0e0e0; font-weight: bold; line-height: 15px; height: 30px; border: 2px solid #fff; -wibkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .ui-datepicker-title { text-align: center; padding-top: 6px; color:white } .ui-datepicker-title select { margin: -5px 3px 0; display: inline; width: auto; height: 24px; padding: 0; } .ui-datepicker-title select option { padding: 3px; } .ui-datepicker-prev, .ui-datepicker-next { display: inline-block; width: 26px; height: 26px; text-align: center; cursor: pointer; overflow: hidden; } .ui-datepicker-prev span, .ui-datepicker-next span { display: none;} .ui-datepicker-prev, .ui-datepicker-prev-hover { float: left; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) no-repeat transparent -125px -182px !important; } .ui-datepicker-next, .ui-datepicker-next-hover { float: right; background: url(/static/tupperware-au/assets/system_images/sprite-icons.png) no-repeat transparent -99px -182px !important; } .ui-datepicker thead { } .ui-datepicker th { text-transform: none; font-size: 14px; padding: 0 0; color:#194e92; padding: 4px 0; height: 20px; text-align: center; } .ui-datepicker tbody td { padding: 0; text-align: center; vertical-align: middle; width: 30px; height: 28px; } .ui-datepicker tbody td:last-child { border-right: 0px; } .ui-datepicker tbody tr { } .ui-datepicker tbody tr:last-child { border-bottom: 0px; } .ui-datepicker td span, .ui-datepicker td a { display: table-cell; font-weight: normal; text-align: center; vertical-align: middle; width: 30px; height: 28px; line-height: 12px; color: #666666; } .ui-datepicker-calendar .ui-state-default { color:#333333; } .ui-datepicker-calendar .ui-state-hover { background: #777777; color: white; } .ui-datepicker-calendar .ui-state-active { background: #777777; color:white; position: relative; margin: -1px; } .ui-datepicker-unselectable .ui-state-default { background: #f4f4f4; color: #b4b3b3; } .ui-datepicker-calendar td:first-child .ui-state-active { width: 29px; margin-left: 0; } .ui-datepicker-calendar td:last-child .ui-state-active { width: 29px; margin-right: 0; } .ui-datepicker-calendar tr:last-child .ui-state-active { height: 29px; margin-bottom: 0; } .ui-datepicker-other-month .ui-state-default { color:#9a9a9a; } .ui-datepicker-other-month .ui-state-hover { color:#ffffff; } .ui-datepicker-buttonpane { text-align: center; } .col a.typeDate { bottom: 29px; position: absolute; right: 16px; text-decoration: none; z-index: 100; }.leftColumnCalculator { background: #35BEF5; padding: 15px 10px 5px 10px; border-top: 1px solid #e6e6e6; width:100%; font-weight:bold; color:#ffffff; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; -ms-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .leftColumnCalculator h2 { font-size:15px; font-weight:bold; color:#FFFFFF; background: none; margin:0 0 1em 0 ; text-transform: none; } .leftColumnCalculator label { margin: 0; line-height: 1.1em; } .leftColumnCalculator input { font-family: Arial,Verdana,Helvetica,sans-serif; color:#3a3a3c; font-weight: bold; border: 1px solid #e6e6e6; background: #FFFFFF; width: 100%; margin: 0 0 1em 0; } .leftColumnCalculator input[readonly="readonly"]{ border: none; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } .leftColumnCalculator input.error { background: #FFF0F8; border: 1px solid red; } .leftColumnCalculator input.calcDisplay { background: #35BEF5; border: 0; color: #3a3a3c; } .leftColumnCalculator a { color: #fff; } .leftColumnCalculator a:hover { color: #000; }