/* Common style sheets */
html {
    -webkit-text-size-adjust: none;
}
 
@font-face {
    font-family: 'Tupperware Handwriting Regular';
    src: url('/static/tupperware-au/assets/files/tupperware_handwriting-webfont.eot');
    src: url('/static/tupperware-au/assets/files/tupperware_handwriting-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/tupperware-au/assets/files/tupperware_handwriting-webfont.woff2') format('woff2'),
         url('/static/tupperware-au/assets/files/tupperware_handwriting-webfont.woff') format('woff'),
         url('/static/tupperware-au/assets/files/tupperware_handwriting-webfont.ttf') format('truetype'),
         url('/static/tupperware-au/assets/files/tupperware_handwriting-webfont.svg#Tupperware_Handwriting_Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'TupperwarePro Normal';
    src: url('/static/tupperware-au/assets/files/tupperpro-normal-webfont.eot');
    src: url('/static/tupperware-au/assets/files/tupperpro-normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/tupperware-au/assets/files/tupperpro-normal-webfont.woff2') format('woff2'),
         url('/static/tupperware-au/assets/files/tupperpro-normal-webfont.woff') format('woff'),
         url('/static/tupperware-au/assets/files/tupperpro-normal-webfont.ttf') format('truetype'),
         url('/static/tupperware-au/assets/files/tupperpro-normal-webfont.svg#tupperpronormal') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TupperwarePro Light';
    src: url('/static/tupperware-au/assets/files/tupperpro-light-webfont.eot');
    src: url('/static/tupperware-au/assets/files/tupperpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/tupperware-au/assets/files/tupperpro-light-webfont.woff2') format('woff2'),
         url('/static/tupperware-au/assets/files/tupperpro-light-webfont.woff') format('woff'),
         url('/static/tupperware-au/assets/files/tupperpro-light-webfont.ttf') format('truetype'),
         url('/static/tupperware-au/assets/files/tupperpro-light-webfont.svg#tupperprolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    -webkit-font-smoothing: antialiased;
}
body, html, div, nav, img, ul, table, table td, form, header, footer {
    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: TupperwarePro Normal,Arial,Helvetica,Sans-Serif;
    font-size: 16px;
    line-height: 1.5em;
    color: #302a26;
}
body {
    background: #f3f3f7;
    color: #302a26;
    position: relative;
}
img { border: none; }
p {
    margin: 0 0 1em;
    padding: 0;
}
/* skeleton */
#notification { 
    display: none; 
}
#leftColCover {
    width: 100%;
    position: absolute;
    z-index: 0;
    background: #fff;
    display: none;
}
    #leftColCover > .wrapper {
        position: relative;
        display: block;
        background: #be3382;
        overflow-y: scroll;
        width: 280px;
        height: 100%;
        padding: 2%;
    }
        #leftColCover > .wrapper  > .contentRow {
            margin: 2em 0;
        }
#rightColCover {
    width: 100%;
    position: absolute;
    z-index: 0;
    background: #fff;
}
#cover {
    width: 100%;
    position: relative;
    z-index: 10;
    overflow: hidden;
}        
#page {
    width: 100%;
    position: relative;
    background: #fff;
}
header {
    width: 100%;
    position: absolute;
    z-index: 600;
    height: 99px;
    padding-top: 31px;
    background: #eeeeee;
    background: rgba(255,255,255,0.8);
}
#content {
    width: 100%;
    position: relative;
    z-index: 500;
    background: #fff;
}
footer {
    width: 100%;
    position: relative;
    z-index: 550;
    background: #f3f3f7;
}
.contentPanel > .contentRow {
    width: 100%;
    max-width: 1260px;
    padding: 0 0;
    margin: 0 auto;
}
    
/* COMMON */
.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;
}
.left  { float: left; }
.right  { float: right; }
.w115 { width: 115px !important; }
/* 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/facelift-sprite-icons.png) 0 0 no-repeat;
}
/* 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:hover,
.button.selected {
    text-decoration: none;
    background-color: #DE3A8D;
    
}
    .button span {
        color: #0f0701;
        font-size: 12px;
        line-height: 12px;
    }
    .button:hover span {
        color: #fff;
    }
/* buttons with icons */    
.button.icon {
    line-height: 1em;
    padding-left: 22px;
    padding-right: 22px;
}
    .button.icon:before {
        top: 2px;
        left: 3px;
    }
.icon.globus:before { background-position: -113px -12px; }
.icon.mpLogin:before { background-position: -368px -16px; width: 17px; height: 18px; }
.icon.mpLoggedIn:before { background-position: -418px -16px; width: 17px; height: 18px; }
.icon.mpLogout:before { background-position: -468px -16px; width: 17px; height: 18px; }
    
/* 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;
}
/* leftColCover navigation & co. */
#leftColCover ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
    #leftColCover ul li {
        display: block;
        width: 100%;
        padding: 0;
        border-bottom: 1px solid #D24994;
    }
        #leftColCover ul li .wrapper {
            border-bottom: 1px solid #A6106C;
            padding: 3px 0;
        }
        
        #leftColCover ul li a, #leftColCover ul li a:hover {
            display: block;
            text-decoration: none;
        }
            #leftColCover ul li a span, #leftColCover ul li a:hover span {
                display: block;
                padding: 10px 15px;
                text-decoration: none;
                color: #fff;
                font-size: 15px;
                line-height: 1em;
            }
            #leftColCover ul li.selected a span, #leftColCover ul li.selected a:hover span {
                color: #fff;
                font-weight: bold;
                padding-left: 15px;
                padding-right: 15px;
            }
                #leftColCover ul li a span sup {
                    font-size: 13px;
                    line-height: 10px;
                }
                
            #leftColCover 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 ul ul {
        padding-left: 12px;
        padding-bottom: 7px;
    }
        #leftColCover ul ul li {
            border: none; 
        }
        #leftColCover ul  li.selected li a {
            background: none;
            position: relative;
        }
        #leftColCover 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/facelift-sprite-icons.png) -270px -17px no-repeat;
        }        
        
            #leftColCover ul li.selected li a span, #leftColCover ul li.selected li a:hover span {
                color: #fff;
                font-weight: normal;
                padding-left: 15px;
                padding-right: 5px;
            }
            #leftColCover ul  li.selected li.selected a span {
                color: #fff;
            }
            
                /* level 3*/
                #leftColCover ul  li.selected li.selected li a:before {
                    background: none;
                }
                    #leftColCover ul  li.selected li.selected li.selected a:before {
                        background: url(/static/tupperware-au/assets/system_images/facelift-sprite-icons.png) -270px -17px no-repeat;
                    }
                        #leftColCover ul  li.selected ul li.selected li a span{
                            color: #fff;
                            background: none;
                        }
                        #leftColCover ul  li.selected li.selected  li.selected a span {
                            color: #fff;
                        }
                        
                            /* level 4 */
                            #leftColCover ul  li.selected li.selected  li.selected li a:before  {
                                background: none;
                            }
                                #leftColCover ul  li.selected li.selected  li.selected li.selected a:before  {
                                    background: url(/static/tupperware-au/assets/system_images/facelift-sprite-icons.png) -270px -17px no-repeat;
                                }                            
                                #leftColCover ul  li.selected li.selected  li.selected li a span {
                                    color: #fff;
                                }
                                #leftColCover ul  li.selected li.selected  li.selected li.selected a span {
                                    color: #fff;
                                }
                                
    #leftColCover .searchFormTop     {
        float: none;
        margin: 0 0 1em 0;
    }
    /* serviceNavigation */
    #leftColCover 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 ul.serviceNavigation li {
            border: none;
        }
            #leftColCover ul.serviceNavigation li a span, #leftColCover ul.serviceNavigation li a.hover span {
                font-size: 13px;
                padding: 10px 5px;
            }
            #leftColCover ul.serviceNavigation > li.selected > a > span, #leftColCover ul.serviceNavigation > li.selected > a:hover > span {
                color: #fff;
                font-weight: bold;
                padding-left: 5px;
                padding-right: 5px;
            }            
    
/* Forms */    
form {
    padding: 0;
    margin: 0;
}
    form .row {
        width: 100%;
        clear: both;
    }
    form .row .col {
        width: 50%;
        position: relative;
    }
        form .row  .col:first-child { padding-left: 0; }
        form .row .col:last-child { padding-right: 0; }
        
    form .row .col.wide {
        width: 100%;
    }
    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;
    position: relative;
    line-height: 1em;
}
    label.required {
        display: inline-block;
    }
    label.required:after{
        position: absolute;
        right: -10px;
        content: "*";
        font-size: 21px;
        font-weight: bold;
        color: #BE3382;
    }
    label.inlineLabel {
        display: block;
        margin: 0 1em 1em 27px;
        padding-left: 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;        
        }
    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"], input[type="date"], textarea, select {
    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: #302a26;
    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"]: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: #302a26;
    -webkit-text-fill-color:#302a26;
    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;
    height: 34px;
}
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: 0px 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: 2em;
    border: 1px solid #dddddd;
    background: url(/static/tupperware-au/assets/system_images/submit_loader.GIF) 15% 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: 0px 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; padding-top: 4px;}
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: 24px;
    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 {
    right: 11px;
}
form .row .col.wide .errorMessage {
    right: 0px;
}
.notes { padding-bottom: 1px !important; }    
.notes, .notes p {
    font-size: 12px;
    line-height: 1.5em;
    color: #9A9A9A;
}    
    
/* HEADER */
#logo {
    float: left;
    width: 225px;
}
    #logo img { display: block; }
    #logo a { outline: none; }
    
#topPanel {
    float: right;
    padding-top: 8px;
    z-index: 1000;
}
    #topPanel > ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
        #topPanel > ul > li {
            float: left;
            margin: 0 0 0 18px;
            padding: 0 0 0 18px;
            border-left: 1px solid #b5b5b6;
            line-height: 1em;
        }
        #topPanel > ul > li:first-child {
            border-left: none;
        }
        
            #topPanel > ul > li > a {
                color: #0f0701;
                text-decoration: none;
            }
            #topPanel > ul > li > a:hover {
                color: #a8a6a5;
                text-decoration: none;
            }
        
        /* wish list */
        #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: #838383;
                        color: #fff;
                        margin: 0 0 0 4px;
                        padding: 0 5px 2px;
                        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;
                    }
                    
        /* myportal */
        #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 .searchPanel { 
        width: 210px;
        border: none;
    }    
/* search top */        
.searchFormTop {
    width: 100%;
    float: right;
    border: 1px solid #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    position: relative;
    padding: 0px 8px 2px;
    background: #fff;
    margin-top: -5px;
}
    .searchFormTop input {
        border: none;
        background: transparent;
        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 25px 0 0px;
            margin: 0;
            float: left;
            font-size: 16px;
            line-height: 1em;
            height: 25px;
            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: 20px;
            height: 20px;
            position: absolute;
            z-index: 20;
            top: 4px;
            right: 11px;
            background: url(/static/tupperware-au/assets/system_images/facelift-sprite-icons.png) -167px -17px no-repeat;
        }    
        .searchFormTop input[type="text"]::-webkit-input-placeholder { opacity: 0.5; color: #565654; font-style: normal;}
        .searchFormTop input[type="text"]::-moz-placeholder { opacity: 0.5; color: #565654; font-style: normal; }
        .searchFormTop input[type="text"]:-ms-input-placeholder { opacity: 0.5; color: #565654; font-style: normal; }
        
        .searchFormTop input[type="text"]:focus::-webkit-input-placeholder { opacity: 0.3; color: #adacab; }
        .searchFormTop input[type="text"]:focus::-moz-placeholder { opacity: 0.3; color: #adacab; }
        .searchFormTop input[type="text"]:focus:-ms-input-placeholder { opacity: 0.3; color: #adacab; }
    
/* dropdown panel */
.withDropdownPanel {
    position: relative;
}
    .withDropdownPanel > a {
        padding-right: 20px;
        position: relative;
    }
    .withDropdownPanel > a:after {
        display: block;
        width: 15px;
        height: 15px;
        position: absolute;
        top: 3px;
        right: 0;
        content: "";
        background: url(/static/tupperware-au/assets/system_images/facelift-sprite-icons.png) -69px -16px no-repeat;
    }
    .withDropdownPanel > a:hover:after {
        
    }
    .withDropdownPanel .dropdownPanel {
        display: none;
        position: absolute;
        top: 18px;
        right: 0;
        width: 240px;
        padding-top: 15px;
        line-height: 1.2em;
        z-index: 1;
    }
    .withDropdownPanel.reverse .dropdownPanel {
        left: 0;
        right: auto;
    }
        .withDropdownPanel .dropdownPanel .wrapper {
            padding: 10px;
            background:#fff;
            border: 1px solid #fff;
            position: relative;
            border-radius: 8px 8px 8px 8px;
            -moz-border-radius: 8px 8px 8px 8px;
            -webkit-border-radius: 8px 8px 8px 8px;    
            -ms-border-radius: 8px 8px 8px 8px;    
            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);
            font-size: 12px;
        }
        .withDropdownPanel .dropdownPanel .wrapper:after {
            background: url(/static/tupperware-au/assets/system_images/facelift-sprite-icons.png) no-repeat scroll -215px -13px transparent;
            top: -16px;
            content: "";
            display: block;
            height: 15px;
            right: 20px;
            position: absolute;
            width: 23px;
        }
        .withDropdownPanel.reverse .dropdownPanel .wrapper:after {
            left: 20px;
            right: auto;
        }
        .withDropdownPanel .dropdownPanel li {
            display: block;
            float: none;
            margin: 0;
            padding: 0 0 3px 0;
        }
        .withDropdownPanel .dropdownPanel a {
            color: #9a9a9a;
            text-decoration: none;
        }
        .withDropdownPanel .dropdownPanel a:hover {
            color: #302a26;
            text-decoration: none;
        }
        
        .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 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;
}
    
#topPanel .withDropdownPanel.languageSelector .dropdownPanel {
    width: 165px;
}    
    
/* 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; padding: 0 !important; }
    #worldwideListingLink a { 
        padding: 0 0 0 27px;
        height: 27px;
        display: block; 
        margin-top: -6px;
    }
    li#worldwideListingLink:last-child a {
        margin-right: 0;
    } 
        #worldwideListingLink a  span {
            display: none;
        }
/* Styling for Autocomplete */
/* CSS Document */
.ac_results{
    overflow: hidden;
    z-index: 99999;
    margin: 4px 0 0 -7px;
    padding: 0;
    background:#fff;
    border: 1px solid #fff;
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;    
    -ms-border-radius: 8px 8px 8px 8px;    
    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; font-size: 12px; }
.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; font-size: 12px; }
    .ac_results .serviceLinks a:hover { color: #000; text-decoration: none; }        
        
/* menu button */
#leftColSwitch {
    position: absolute;
    top: 35px;
    left: 10px;
    z-index: 999;
    display: none;
    padding: 0;
}
#leftColSwitch.active {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding-top: 35px;
    padding-left: 10px;
    background: rgba(255,255,255,0.5);
}
    #leftColSwitch a, #leftColSwitch a:hover{
        display: block;
        width: 50px;
        height: 50px;
        border: none;
        background: url(/static/tupperware-au/assets/system_images/facelift-sprite-icons.png) -0px -100px no-repeat;
        padding: 0;
        outline: none;
    }
    
        #leftColSwitch a b{
            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: 200px;
}
.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/facelift-sprite-icons.png) transparent -165px -113px 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: -213px -113px;
}   
        
/* FOOTER */
footer {
    padding: 90px 0;
}
    footer nav ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
        footer nav ul li {
            font-size: 14px;
            line-height: 18px;        
        }
            footer nav ul li a{
                color: #0f0701;
                text-decoration: none;
            }
            footer nav ul li a:hover{
                color: #a8a6a5;
                text-decoration: none;
            }
    footer .copyright {
        display: inline-block;
        font-size: 12px;
        margin-top: 10px;
    }
    /* version 2 */
    .version-2 footer .copyright {
       color: #999;
       display: block;
       font-size: 12px;
       padding: 10px;
       text-align: center;
    }

    footer .text {
        font-size: 12px;
        margin-top: 10px;
    }

/* CONTENT */
.mainNavigation {}
.mainNavigation.col {
    float: left;
    padding-top: 30px;
    padding-bottom: 30px;
}
    .mainNavigation ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
        .mainNavigation ul li {
            position: relative;
            float: left;
            padding: 0 0 0 18px;
            margin: 0 0 0 17px;
        }
        .mainNavigation ul li:before {
            content: "";
            position: absolute;
            display: block;
            width: 1px;
            height: 14px;
            left: 0;
            top: 4px;
            border-left: 1px solid #b9b9b9;
        }
        
        .mainNavigation ul li:first-child {
            padding: 0;
            margin: 0;
        }
        .mainNavigation ul li:first-child:before {
            display: none;
        }
        
        
        .mainNavigation ul li a {
            text-decoration: none;
            color: #302a26;
            line-height: 1em;
        }
        .mainNavigation ul li a {
            text-decoration: none;
            color: #0f0701;
        }
        .mainNavigation ul li a:hover {
            text-decoration: none;
            color: #a8a6a5;
        }
            .mainNavigation ul li a sup {
                font-size: 12px;
            }
            
.socialMedia {}
.socialMedia.col {
    float: right;
    padding-top: 30px;
    padding-bottom: 30px;
}
    .socialMedia ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
        .socialMedia ul li {
            position: relative;
            float: left;
            padding: 0;
            margin: 0 0 0 15px;
            height: 22px;
            overflow: hidden;
        }
            .socialMedia ul li a {
                display: inline-block;
                height: 22px;
                padding: 0 0 0 22px;
                background: url(/static/tupperware-au/assets/system_images/facelift-sprite-icons.png) 0 0 no-repeat;
            }
            .socialMedia ul li a:hover {  opacity: 0.6; }
            
            .socialMedia ul li a.facebook { background-position: -15px -67px;}
            .socialMedia ul li a.twitter { background-position: -53px -67px;}
            .socialMedia ul li a.linkedin { background-position: -91px -67px;}
            .socialMedia ul li a.googleplus { background-position: -128px -67px;}
            .socialMedia ul li a.youtube { background-position: -166px -67px;}
            .socialMedia ul li a.vimeo { background-position: -204px -67px;}
            .socialMedia ul li a.pinterest { background-position: -241px -67px;}
            .socialMedia ul li a.instagram { background-position: -279px -67px;}
            .socialMedia ul li a.vk { background-position: -316px -67px;}
            .socialMedia ul li a.odnoklassniki { background-position: -349px -67px;}
                .socialMedia ul li a  span {
                    display: none;
                }
                
/* Stage */
.stage {
    
}
    .stage .placeholder{
        position: relative;
        width: 100%;
        min-height: 400px;
        background: url(/static/tupperware-au/assets/system_images/ajax-loader.gif) center 150px no-repeat;
        overflow: hidden;
    }
    
        .stage .aligner {
            /*display: table;*/
            height: 100%;
            left: 0;
            min-height: 250px;
            position: absolute;
            top: 0;
            width: 100%;
            opacity: 0;
        }
            .stage .aligner .cell {
                /*display: table-cell;*/
                height: 100%;
                /*text-align: center;*/
                /*vertical-align: middle;*/
                width: 100%;
                max-width: 1260px;
                position: relative;
                margin: 0 auto;
            }
            #content > .row > .stage .aligner .cell {
                padding-top: 99px;
            }
                .stage .aligner .cell h1 {
                    font-family: "Tupperware Handwriting Regular",Tahoma;
                    font-weight: normal;
                    font-size: 150px;
                    line-height: 1em;
                    color: #fff;
                    padding: 0;
                    margin: 0;
                    -webkit-text-shadow: 0 0 5px rgba(0,0,0,0.8);                    
                    -moz-text-shadow: 0 0 5px rgba(0,0,0,0.8);                    
                    -ms-text-shadow: 0 0 5px rgba(0,0,0,0.8);                    
                    text-shadow: 0 0 5px rgba(0,0,0,0.7);
                    text-align: center;                    
                }
                .stage .aligner .cell h1.medium { font-size: 100px; }
                .stage .aligner .cell h1.small { font-size: 50px; }
               
                .stage .aligner .cell .col {
                    width: 50%;
                    height: 100%;
                    position: relative;
                    padding-top: 61px;
                }
                .stage .aligner .cell .col:first-child { float: right; }
                .stage .aligner .cell .col:last-child { float: left; }
                    .stage .aligner .cell .col .row.bottom {
                        position: absolute;
                        bottom: 61px;
                    }
                    
            .stage a , .stage a h1 {
                text-decoration: none;
            }
        /* portrait format */
        html.portrait .stage .aligner {
            display: table;
        }                
            html.portrait .stage .aligner .cell {
                display: table-cell;
                text-align: center;
                vertical-align: middle;
                padding: 0px 10px;
            }
                html.portrait .stage .aligner .cell .col {
                    float: none;
                    width: 100%;
                    height: auto;
                    padding-left: 0;
                    padding-right: 0;
                    text-align: center;
                }
                html.portrait .stage .aligner .cell .col:first-child { padding-top: 0;}
                html.portrait .stage .aligner .cell .col:last-child { padding-top: 0; margin-top: 2em; }
                
                    html.portrait .stage .aligner .cell .col .row.bottom { position: static; padding-top: 1em; }
        
                
        .stage .placeholder img {
            display: block;
            margin: 0;
            padding: 0;
            width: 100% !important;
            height: auto !important;
        }
    .stage video {
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 0;
        left: 0;
    }
/* 2Col stage */
.twoColStage .aligner {
    opacity: 1;
}
.twoColStage .col {
    float: left;
    width: 50%;
    position: relative;
    padding: 0;
}
    .twoColStage .col .row {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 620px;
    }
        .twoColStage .col:first-child .row { left: auto; right: 0; }
    .twoColStage .col  img {
            display: block;
            width: 100% !important;
            height: auto !important;
        }
    
/* stage button */
.stage .button {
    font-family: TupperwarePro Light,Tahoma,Arial,Helvetica,Sans-Serif;
    display: inline-block;
    background: rgba(255,255,255,0.8);
    color: #0f0701;
    font-size: 26px;
    line-height: 1em;
    text-decoration: none;
    padding: 15px 28px 18px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    margin: 45px 0 0 50px;
}
.stage .button:hover {
    color: #a8a6a5;
    text-decoration: none;
}
.stage .col:last-child .button {
    margin-left: 0;
}
.twoColStage  .button {
    font-size: 24px;
    padding: 13px 28px 16px;
}
.twoColStage .col:first-child .button {
    margin-left: 0;
}
/* Slideshow */
.slideshow { position: relative; }
    .slideshow .border {
        position: relative;
        z-index: 10;
    }
    .slideshow ul.holder {
        list-style: none;
        padding: 0;
        margin: 0;
        position: relative;
        overflow: hidden;
    }
    .slideshow ul.holder > li {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .slideshow ul.holder > li:first-child {
        position: relative;
        z-index: 10;
    }
    .slideshow .nextButton,
    .slideshow .prevButton {
        position: absolute;
        z-index: 20;
        top: 0;
        height: 100%;
        width: 40px;
    }
    .slideshow .prevButton {
        left: 0;
    }
    .slideshow .nextButton {
        right: 0;
    }
        .slideshow .nextButton a,
        .slideshow .prevButton a {
            display: block;
            height: 100%;
            opacity: 0.55;
            outline: none;
            background: transparent;
        }
            .slideshow .nextButton a,
            .slideshow .prevButton a {
                -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
                -webkit-tap-highlight-color: transparent;
            }
            .slideshow .nextButton a:active,
            .slideshow .prevButton a:active {
                background-color: transparent;
            }
            .slideshow .nextButton a:hover,
            .slideshow .prevButton a:hover {
                opacity: 1;
            }
            .slideshow .nextButton a:before,
            .slideshow .prevButton a:before {
                content: "";
                position: absolute;
                display: block;
                width: 40px;
                height: 40px;
                top: 50%;
                background: url(/static/tupperware-au/assets/system_images/facelift-sprite-icons.png) 0 0 no-repeat;
            }
            .slideshow .nextButton a:before { background-position: -105px -104px ;}
            .slideshow .prevButton a:before { background-position: -56px -104px ;}
            
            
        .slideshow .nextButton a b,
        .slideshow .prevButton a  b {
            display: none;
        }
    .slideshow .pagination {
        position: absolute;
        z-index: 15;
        width: 100%;
        bottom: 0;
        left: 0;
    }
        .slideshow .pagination ul {
            list-style: none;
            padding: 0 0 34px 0;
            margin: 0;
            text-align: center;
        }
            .slideshow .pagination ul li {
                display: inline-block;
                margin: 0 8px;
            }
                .slideshow .pagination ul li a {
                    display: block;
                    background: #fff;
                    width: 14px;
                    height: 14px;
                    border: 1px solid #fff;
                    -webkit-border-radius: 8px;
                    -moz-border-radius: 8px;
                    -ms-border-radius: 8px;
                    border-radius: 8px;
                    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.7);
                    -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.7);
                    -ms-box-shadow: 0 0 2px 0 rgba(0,0,0,0.7);
                    box-shadow: 0 0 2px 0 rgba(0,0,0,0.7);
                    outline: none;
                }
                .slideshow .pagination ul li.active a {
                    background: #4a4a4a;
                    border: 1px solid #4a4a4a;
                }
                .slideshow .pagination ul li a b {
                    display: none;
                }
                
/* Ribbon */
.notificationBox {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: rgba(255,255,255,0.95);
    color: #7d7d7e;
    padding: 13px 0 16px 0;
    margin: 1px 0;
    font-size: 18px;
    line-height: 1.3em;
    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);
}
    .notificationBox .wrapper {
        padding: 0 1em;
    }
    .notificationBox .left {
        float: left;
    }
    .notificationBox .right {
        float: right;
    }
    .notificationBox a {
        color: #0f0701;
        text-decoration: none;
        font-size: 18px;
        line-height: 1em;
        position: relative;
    }
    .notificationBox a:hover {
        color: #a8a6a5;
        text-decoration: none;
    }
    .notificationBox .closeButton {
        padding-right: 25px;
    }
    .notificationBox .closeButton:after {
        content: "";
        display: block;
        position: absolute;
        width: 18px;
        height: 18px;
        top: 6px;
        right: 0;
        background: url(/static/tupperware-au/assets/system_images/facelift-sprite-icons.png) -318px -18px no-repeat;
    }
    .notificationBox .closeButton:hover:after {
        opacity: 0.5;
    }
    .notificationBox p {
        margin: 0;
    }
.notificationBox.floating {
    border: 1px solid rgba(255,255,255,0.95);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    top: 335px;
    left: 100px;
    padding: 25px 28px;
    width: 375px;
}
    .notificationBox.floating  .wrapper {
        padding: 0;
    }
    .notificationBox.floating .left,
    .notificationBox.floating .right {
        float: none;
    }
    .notificationBox.floating .closeButton {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 1em;
        display: block;
        width: 100%;
        padding: 5px 10px;
        background: rgba(0,0,0,0.16);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
    }
    .notificationBox.floating .closeButton:after {
        right: 8px;
    }
/* lightwindow */
#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;
        }
/* ****************** */    
/* Version 2 - Brands */
/* ****************** */
.version-2 #logo {
    width: 285px;
    padding-top: 5px;
}
.version-2 #leftColSwitch {
    top: 37px;
}
.version-2 #leftColSwitch.active {
    top: 2px;
}
    .version-2 #leftColSwitch a, 
    .version-2 #leftColSwitch a:hover {
            background-position:  -0px -150px;
    }
/* top panel */
.version-2 #topPanel > ul {
    float: left;
}    
    .version-2 #topPanel > ul > li {
        border-left: none;
        margin: 0 0 0 14px;
        padding: 0 0 0 14px;        
    }
        .version-2 #topPanel > ul > li a span {
            font-family: TupperwarePro Light,Arial,Helvetica,Sans-Serif;
            font-size: 18px;
        }
    
.version-2 #worldwideListingLink {
    padding: 0 0 0 25px !important;
}
.version-2 #topPanel .searchPanel {
    margin: 0;
}
/* slideshow */
.version-2 .slideshow .nextButton,
.version-2 .slideshow .prevButton {
    width: 55px;
}
    .version-2 .slideshow .nextButton a:before,
    .version-2 .slideshow .prevButton a:before {
        width: 55px;
        height: 68px;
    }
    .version-2 .slideshow .nextButton a:before { background-position: -113px -151px ;}
    .version-2 .slideshow .prevButton a:before { background-position: -50px -151px ;}
.version-2 .slideshow .pagination ul {
    padding-bottom: 53px;
}
    .version-2 .slideshow .pagination ul li a {
        display: block;
        background: #fff;
        width: 8px;
        height: 8px;
        border: 1px solid #cccccc;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;    
        outline: none;
    }
    .version-2 .slideshow .pagination ul li.active a {
        background: #000;
        border: 1px solid transparent;
    }
    .version-2 .slideshow .nextButton a:before,
    .version-2 .slideshow .prevButton a:before {
        top: 53%;
    }
    
/* stage */    
.version-2 .stage[data-type="slideshow"] .version-2 .aligner {
    min-height: 0px;
}
.version-2 .stage[data-type="slideshow"] .version-2 .aligner .cell {
    max-width: none;
    padding-left: 0px; 
    padding-right: 0px;
}
.version-2 .stage[data-type="slideshow"] .version-2 .aligner .cell .col {
    padding: 0;
    width: 100%;
    float: none;
}
    html.version-2.portrait .stage .version-2 .aligner .cell .col:last-child { padding-top: 0; margin-top: 0; }
    .version-2 .stage[data-type="slideshow"] .version-2 .aligner .cell .col .row {
        position: absolute;
        bottom: 20%;
        right: 16%;
    }
    .version-2 .stage[data-type="slideshow"] .version-2 .aligner .cell .col .row.left.bottom {
        position: absolute;
        bottom: 20%;
        left: 16%;
    }
    .version-2 .stage[data-type="slideshow"] .version-2 .aligner .cell .col .row.left.top {
        position: absolute;
        top: 20%;
        left: 16%;
    }
    .version-2 .stage[data-type="slideshow"] .version-2 .aligner .cell .col .row.right.top {
        position: absolute;
        top: 20%;
        right: 16%;
    }
.version-2 .stage[data-type="slideshow"] .version-2 .button {
    font-size: 22px;
    padding: 12px 50px 18px;
    margin: 0;
}
.version-2 .twoColStage .col .row {
    padding: 0 !important;
    max-width: none;
    width: auto;
    top: auto;
    left: auto;
    bottom: 20%;
    right: 16%;
}
    .version-2 .twoColStage .button {
        font-size: 22px;
        padding: 13px 45px 16px;
    }    
    
/* social */
.version-2 .socialMedia.col {
    float: none;
    padding-top: 55px;
    padding-bottom: 20px;
}
    .version-2 .socialMedia ul {
        text-align: center;
    }
        .version-2 .socialMedia ul li {
            float: none;
            display: inline-block;
            margin: 0 8px;
            height: 37px;
        }
        .version-2 .socialMedia ul li a {
            border: 1px solid #a9a9a9;
            -webkit-border-radius: 17px;
            -moz-border-radius: 17px;
            -ms-border-radius: 17px;
            border-radius: 17px;
            height: 33px;
            padding: 0 0 0 33px;
        }
        
            .version-2 .socialMedia ul li a.facebook { background-position: -9px -61px;}
            .version-2 .socialMedia ul li a.twitter { background-position: -46px -61px;}
            .version-2 .socialMedia ul li a.linkedin { background-position: -84px -61px;}
            .version-2 .socialMedia ul li a.googleplus { background-position: -122px -61px;}
            .version-2 .socialMedia ul li a.youtube { background-position: -160px -62px;}
            .version-2 .socialMedia ul li a.vimeo { background-position: -198px -61px;}
            .version-2 .socialMedia ul li a.pinterest { background-position: -236px -61px;}
            .version-2 .socialMedia ul li a.instagram { background-position: -273px -61px;}
            .version-2 .socialMedia ul li a.vk { background-position: -311px -61px;}
            .version-2 .socialMedia ul li a.odnoklassniki { background-position: -343px -61px;}        
            
/* bottom navi */        
.version-2 .navigation nav.col {
    float: none;
    padding-bottom: 40px;
}
    .version-2 .navigation nav.col ul {
        list-style: none;
        text-align: center;
    }
        .version-2 .navigation nav.col ul li {
            float: none;
            display: inline-block;
            margin: 0 10px;
        }
            .version-2 .navigation nav.col ul li a {
                color: #818181;
                text-decoration: none;
                font-size: 14px;
                font-family: TupperwarePro Light,Arial,Helvetica,Sans-Serif;
            }
            .version-2 .navigation nav.col ul li a:hover {
                color: #a8a6a5;    
            }
/* footer with banner */            
.version-2 footer {
    padding: 0;
}
    .version-2 footer .navigation {
        background: #fff;
    }
.version-2 ul.bannersPanel {
    list-style: none;
    text-align: center;
    margin: 35px 0;
}
    .version-2 ul.bannersPanel li {
        float: none;
        display: inline-block;
    }

/* footer with text */ 
.home.version-2 footer .text {
    text-align: center;
}
.home.version-2 footer .text a {
    color: #a8a6a5;
    text-decoration: none;
}
.home.version-2 footer .text a:hover {
    text-decoration: underline;
}

/* compact-header */
.compact-header.version-2 #logo { float: none; margin: 0 auto;}
.compact-header.version-2 #topPanel { float: none; text-align: center; display: block;}
.compact-header.version-2 #topPanel > ul { display: inline-block; float: none; }
.compact-header.version-2 #topPanel ul:first-child { vertical-align: top; }
.compact-header.version-2 header { border: none !important; box-shadow: none !important; padding-top: 10px; }

/* fuller mx */
html.theme-fuller-mx #logo {
    width: 225px;
    padding-top: 0px;
    margin-top: -3px;
}
html.theme-fuller-mx .ac_results .serviceLinks a {
    color: #d5752d;
}
html.theme-fuller-mx #leftColCover > .wrapper {
    background-color: #d5752d;
}
html.theme-fuller-mx #leftColCover ul li .wrapper {
    border-color: #c6651d;
}
html.theme-fuller-mx #leftColCover ul li {
    border-color: #e47e31;
}
html.theme-fuller-mx #leftColCover ul li.selected .bg,
html.theme-fuller-mx #leftColCover ul.serviceNavigation {
    background-color: #336666;
    border-radius: 17px;
}
@media screen and (min-width: 1061px) and (max-width: 1265px) {
    html.theme-fuller-mx #logo a img { margin-top: 0px; }
}
@media screen and (min-width: 0px) and (max-width: 1060px) {
    html.theme-fuller-mx #logo a img { margin-top: 8px; }
    html.theme-fuller-mx #logo a {
        width: 180px;
        height: 44px;
        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;        
    }
}

/* 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"].home.version-2 body,
html[lang="ja"].home.version-2 input,
html[lang="ja"].home.version-2 textarea,
html[lang="ja"].home.version-2 select,
html[lang="ja"].home body,
html[lang="ja"].home input,
html[lang="ja"].home textarea,
html[lang="ja"].home select,
html[lang="ja"] h1, html[lang="ja"] h2, html[lang="ja"] h3, html[lang="ja"] h4,
html[lang="ja"] .date, html[lang="ja"] #leftColumn nav ul, html[lang="ja"] .stage .button, html[lang="ja"] #bottomSubNavigation nav ul li,
html[lang="ja"].version-2 #leftColCover ul li > a:after,
html[lang="ja"].version-2 #leftColCover ul li a span,
html[lang="ja"].version-2 #leftColCover ul li a:hover span,
html[lang="ja"].version-2 #topPanel > ul > li a span,
html[lang="ja"].version-2 .navigation nav.col ul li a {
    font-family: Meiryo,Arial,Helvetica,Verdana,sans-serif;
}
html[lang="ja"] .stage .aligner .cell h1 {
    font-family: Meiryo,Tahoma,Arial,Helvetica,Verdana,sans-serif;
}

/* ************************* */        
/* ***** Direction RTL ***** */    
/* ************************* */
html[dir="rtl"] .left  { float: right; }
html[dir="rtl"] .right { float: left; }
html[dir="rtl"] .icon:before { left: auto; right: 0; }
html[dir="rtl"] .button.icon:before { left: auto; right: 3px; }
html[dir="rtl"] #leftColCover ul ul { padding-right: 12px; }
html[dir="rtl"] #leftColCover ul  li.selected li.selected a:before { left: auto; right: 0; }
html[dir="rtl"] #leftColCover ul li.selected li a span, #leftColCover ul li.selected li a:hover span { padding-left: 5px; padding-right: 15px; }
html[dir="rtl"] form .row .col:first-child { padding-right: 0; padding-left: 0.83%;}
html[dir="rtl"] form .row .col:last-child { padding-left: 0; padding-right: 0.83%;}
html[dir="rtl"] label.inlineLabel { margin: 0 27px 1em 1em; padding-right: 0; }
html[dir="rtl"] input[type="checkbox"],
html[dir="rtl"] input[type="radio"]
    { margin: 1px 5px 6px 8px; float: right; }
html[dir="rtl"] input[type="checkbox"].forIconLabel,
html[dir="rtl"] input[type="radio"].forIconLabel
    { margin: 9px 5px 6px 8px; }
html[dir="rtl"] input[type="submit"],
html[dir="rtl"] input[type="reset"]
    { margin: 0 0 1em 0.5em; }
html[dir="rtl"] .radioGroup  label { float: right; margin-right: 1px; margin-left: 0px; }
html[dir="rtl"] label.required:after { left: -10px; right: auto; }
html[dir="rtl"] label.inlineLabel.required span:after { left: -10px; right: auto; }
html[dir="rtl"] input[type="submit"].loader.disabled,
html[dir="rtl"] input[type="submit"].loader.disabled:hover
    { padding-right: 2em; }
html[dir="rtl"] .errorMessage { left: 0; right: auto; }
html[dir="rtl"] .markContainer.invalid .errorMessage {    left: -1px !important; right: auto !important; }
html[dir="rtl"] form .row .col:first-child .errorMessage { left: 11px; right: auto; }
html[dir="rtl"] form .row .col.wide .errorMessage { left: 0px; right: auto; }
html[dir="rtl"] #logo { float: right; }
html[dir="rtl"] #topPanel { float: left; }
html[dir="rtl"] #topPanel > ul > li
    { float: right; margin: 0 18px 0 0; padding: 0 18px 0 0; border-right: 1px solid #b5b5b6; border-left: none;}
html[dir="rtl"] #topPanel > ul > li:first-child { border-right: none; }
html[dir="rtl"] #topPanel ul li.myportal > a { padding-left: 0; }
html[dir="rtl"] #topPanel ul li.wishlist > a { padding-left: 0; }
html[dir="rtl"] #topPanel ul li.wishlist > a > span { float: right; }
html[dir="rtl"] #topPanel ul li.wishlist span.counter { margin: 0 4px 0 0; }
html[dir="rtl"] #topPanel ul li.myportal > a > span { float: right; }
html[dir="rtl"] #topPanel ul li.myportal span.icon { margin: 0 4px 0 0; }
html[dir="rtl"] #topPanel .searchPanel { border: none; }
html[dir="rtl"] .searchFormTop input[type="text"] { padding: 0 0 0 25px; float: right; }
html[dir="rtl"] .searchFormTop input[type="image"] { left: 11px; right: auto; }
html[dir="rtl"] #topPanel .withDropdownPanel .dropdownPanel img { float: right; margin-left: 10px; margin-right: 0px;}
html[dir="rtl"] .withDropdownPanel > a { padding-right: 0; padding-left: 0px; }
html[dir="rtl"] .withDropdownPanel > a span { padding-left: 20px; }
html[dir="rtl"] .withDropdownPanel > a:after { right: auto; left: 0px; }
/*
html[dir="rtl"] .withDropdownPanel .dropdownPanel { right: auto; left: 0; }
html[dir="rtl"] .withDropdownPanel.reverse .dropdownPanel { left: auto; right: 0; }
html[dir="rtl"] .withDropdownPanel .dropdownPanel .wrapper:after { right: auto; left: 20px; }
html[dir="rtl"] .withDropdownPanel.reverse .dropdownPanel .wrapper:after { left: auto; right: 20px; }
*/
html[dir="rtl"] li#worldwideListingLink:last-child a { margin-left: 0; }
html[dir="rtl"] .ac_results li a img { float:right; margin-left:10px; }
html[dir="rtl"] .ac_results .serviceLinks a { text-align: left; }
/* menu button */
html[dir="rtl"] #leftColSwitch { left: auto; right: 10px; }
html[dir="rtl"] #leftColSwitch.selected { left: auto; right: 0; padding-right: 10px; }
    
/* Google & Facebook sign in buttons */
html[dir="rtl"] .mp-login-button { margin: 0 0 1em 0.5em; }
html[dir="rtl"] .mp-login-button span.label { padding: 1px 0 0 5px; }
html[dir="rtl"] .mp-login-button span.label:before { margin: -1px 0 0 6px; }
        
/* CONTENT */
html[dir="rtl"] .mainNavigation.col { float: right; padding-bottom: 30px; padding-top: 30px; }
html[dir="rtl"] .mainNavigation ul li { float: right; padding: 0 18px 0 0; margin: 0 17px 0 0; }
html[dir="rtl"] .mainNavigation ul li:first-child { margin: 0;  padding: 0; }
html[dir="rtl"] .mainNavigation ul li:before { left: auto; right: 0; border-left: 0; border-right: 1px solid #b9b9b9; }
            
html[dir="rtl"] .socialMedia.col { float: left; padding-bottom: 30px; padding-top: 30px; }
html[dir="rtl"] .socialMedia ul li { float: right; margin: 0 15px 0 0; }
html[dir="rtl"] .socialMedia ul li a { padding: 0 22px 0 0; }
/* Stage */
html[dir="rtl"] .stage .aligner { left: auto; right: 0; }
html[dir="rtl"] .stage .aligner .cell .col:first-child { float: left; }
html[dir="rtl"] .stage .aligner .cell .col:last-child { float: right; }
/* portrait format */
html[dir="rtl"].portrait .stage .aligner .cell .col { float: none;    }
html[dir="rtl"] .stage video { right: 0; left: auto; }
/* 2Col stage */
html[dir="rtl"] .twoColStage .col { float: right; }
html[dir="rtl"] .twoColStage .col .row { left: auto; right: 0;    }
html[dir="rtl"] .twoColStage .col:first-child .row { left: 0; right: auto; }
/* stage button */
html[dir="rtl"] .stage .button { margin: 45px 50px 0 0; }
html[dir="rtl"] .stage .col:last-child .button { margin-right: 0; }
html[dir="rtl"] .twoColStage .col:first-child .button {    margin-right: 0; }
/* Slideshow */
html[dir="rtl"] .slideshow ul.holder > li { left: auto; right: 0; }
html[dir="rtl"] .slideshow .prevButton { left: auto; right: 0; }
html[dir="rtl"] .slideshow .nextButton { right: auto; left: 0; }
html[dir="rtl"] .slideshow .nextButton a:before { background-position: -56px -104px ;}
html[dir="rtl"] .slideshow .prevButton a:before { background-position: -105px -104px ;}
html[dir="rtl"] .slideshow .pagination { left: auto; right: 0; }
                
/* Ribbon */
html[dir="rtl"] .notificationBox .left { float: right; }
html[dir="rtl"]    .notificationBox .right { float: left; }
html[dir="rtl"] .notificationBox .closeButton { padding-left: 10px; padding-right: 10px;}
html[dir="rtl"] .notificationBox .closeButton:after { position: relative; float: left; right: auto; left: 0px;}
html[dir="rtl"] .notificationBox.floating { left: auto; right: 100px; }
html[dir="rtl"]    .notificationBox.floating .wrapper { padding: 0; }
html[dir="rtl"]    .notificationBox.floating .left,
html[dir="rtl"]    .notificationBox.floating .right
    { float: none; }
html[dir="rtl"] .notificationBox.floating .closeButton { width: 100%; }
html[dir="rtl"] .notificationBox.floating .closeButton:after { left: 8px; position: absolute; float: none;}
/* rtl Reusable column setup */
html[dir="rtl"] .col { float: right; }
@media screen and (min-width: 0px) and (max-width: 320px) {
    html[dir="rtl"] .twoColStage .col:first-child .row    { padding-right: 10px; padding-left: 0px; max-width: none; }
    html[dir="rtl"] .twoColStage .col:first-child+.col .row    { padding-left: 10px; padding-right: 0px; max-width: none; }
}
@media screen and (min-width: 0px) and (max-width: 800px) {
    html[dir="rtl"] .stage .button { margin: 0; }
    html[dir="rtl"] .socialMedia.col { float: none; width: 100%; background: #f3f3f7; padding-top: 90px; }
    html[dir="rtl"] .socialMedia.col  ul { text-align: center; }
    html[dir="rtl"] .socialMedia.col  ul li { float: none; display: inline-block; margin-bottom: 0.5em; }
}
@media screen and (min-width: 801px) and (max-width: 1024px) {
    html[dir="rtl"] .mainNavigation.col { float: none; }
    html[dir="rtl"] .mainNavigation.col  ul { text-align: center; }
    html[dir="rtl"] .mainNavigation.col  ul li { float: none; display: inline-block; margin-bottom: 5px; }
    html[dir="rtl"] .socialMedia.col { float: none; width: 100%; padding-top: 0;  }
    html[dir="rtl"] .socialMedia.col  ul { text-align: center; }
    html[dir="rtl"] .socialMedia.col  ul li { float: none; display: inline-block; margin-bottom: 0.5em; }
}
@media screen and (min-width: 801px) and (max-width: 1280px) {
    html[dir="rtl"] .twoColStage .col:first-child .row    { padding-right: 30px; padding-left: 0px; max-width: none; }
    html[dir="rtl"] .twoColStage .col:first-child+.col .row    { padding-left: 30px; padding-right: 0px; max-width: none; }
}
@media screen and (min-width: 0px) and (max-width: 1060px) {
    html[dir="rtl"] #logo { text-align: center; float: none; }    
    html[dir="rtl"] #topPanel {    position: absolute;    float: none; left: 20px; top: 5px; right: auto; }    
    html[dir="rtl"] #topPanel ul li.languageSelector,
    html[dir="rtl"] #topPanel ul li.wishlist,
    html[dir="rtl"] #topPanel ul li#worldwideListingLink
        { border: none; display: block; }
}
@media screen and (min-width: 1025px) {
    html[dir="rtl"] .col { margin-right: 0; }
    html[dir="rtl"] .row .col:first-child { margin-right:0; }
}
/* 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: 100%;
        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;
        }
    
    #leftColSwitch a, #leftColSwitch a:hover,
    .searchFormTop input[type="image"],
    .withDropdownPanel > a:after,
    .iconLabel span:before,
    .iconButton,
    .slideshow .nextButton a:before,
    .slideshow .prevButton a:before,
    .socialMedia ul li a
    {
        background-image: url(/static/tupperware-au/assets/system_images/facelift-sprite-icons-high-res.png);
        -webkit-background-size: 500px auto;
        -moz-background-size: 500px auto;
        -ms-background-size: 500px auto;
        background-size: 500px auto;
    }
    
    /* version 2 */
    .version-2 #logo a {
        width: 269px;
        height: 39px;
        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;        
    }
    .version-2 .stage[data-type="slideshow"] .version-2 .aligner {
        display: table;
    }                
        .version-2 .stage[data-type="slideshow"] .version-2 .aligner .cell {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
        }
        .version-2 .stage[data-type="slideshow"] .version-2 .aligner .cell .col { height: auto; padding: 0 !important; }
        .version-2 .stage[data-type="slideshow"] .version-2 .aligner .cell .col .row { position: static; text-align: center; }        
    
    .version-2 .stage[data-type="slideshow"] .version-2 .button { padding-left: 15px; padding-right: 15px; margin: 0 !important; }
    .version-2 .twoColStage .col .row { position: static; margin-top: 25%; }
    .version-2 .socialMedia.col { background: #fff; }            
    
}
    
/* ********************* */
/* Reusable column setup */
/* ********************* */
.col {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}
    /* 1. 2 Column Grid 0px - 319px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    50.0%
    Span 2:    100%
    
    ----------------------------------------------------------------------------- */
    @media screen and (min-width: 0px) and (max-width: 320px) {
        
        .col {
            margin-left:0%;
            padding:0 3.125%;
        }
        
        .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 {
            width:50.0%;
        }
        .span_2 {
            margin-left:0;
            width:100%;
        }
        html.version-2.compact-header #leftColCover {
            margin-top: 75px;
        }
        
        header {
            padding-top: 45px;
        }
        .compact-header header {
            padding-top: 20px;
            height: 75px;
        }
            #topPanel {
                position: absolute;
                float: none;
                right: 0px;
                top: 5px;
            }
                #topPanel > ul > li { display: none;}
                #topPanel ul li.wishlist, 
                #topPanel ul li.languageSelector { 
                    margin: 0 0 0 3px;
                    padding: 0 0 0 3px;
                    display: block; border: none; 
                    font-size: 14px;
                }
            #logo {
                float: none;
                margin: 0 auto;
                width: 170px;
            }
                #logo img { width: 100%; }
            #leftColSwitch { display: block; }
            .compact-header #leftColSwitch { top: 10px; }
            .compact-header #leftColSwitch.active { padding-top: 7px; }        
        
        .contentPanel:not(.navigation) > .contentRow {
            max-width: none;
        }
        .stage .aligner {}
            .stage .aligner .cell { max-width: none; }
                .stage .aligner .cell h1 { font-size: 55px; }
                .stage .aligner .cell h1.medium { font-size: 35px; }
                .stage .aligner .cell h1.small { font-size: 25px; }
            .stage .button { margin: 0; font-size: 16px; }
        
        
        html.landscape .slideshow .prevButton,
        html.landscape .slideshow .nextButton { display: none; }
        html.portrait .slideshow .pagination { display: none; }
            .slideshow .pagination ul { padding-bottom: 5px; }            
        
        .twoColStage .col { 
            float: none; 
            width: 100%;
        }
        .twoColStage .col .aligner {
            min-height: 30px;
        }
            .twoColStage .col .aligner .cell {
                padding: 0;
            }
                .twoColStage .col .aligner .cell .row {
                    padding: 0;
                    display: inline-block;
                    position: static;
                }
        .twoColStage .col:first-child .row    { padding-left: 10px; max-width: none; }
        .twoColStage .col:first-child+.col .row    { padding-right: 10px; max-width: none; }
        
        .mainNavigation { display: none; }
        
        .socialMedia.col { float: none; width: 100%; background: #f3f3f7; padding-top: 90px;  }
            .socialMedia.col  ul { text-align: center; }
                .socialMedia.col  ul li { 
                    float: none; 
                    display: inline-block;
                    margin-bottom: 0.5em;
                }
        
        footer {
            padding: 0 0 50px 0;
        }
            footer nav { width: 100%; }
                footer nav ul { text-align: center; }
                footer nav ul li { 
                    float: none; 
                    display: inline-block;
                    margin-bottom: 0.5em;
                    margin-left: 1em; 
                    margin-right: 1em;                
                }
                footer nav ul li.copyright { display: block; }
        /* version 2 */
        .version-2 #logo, .version-2 #logo a, .version-2 #logo a img { width: 180px; }
        .version-2 #logo a img { margin-top: 5px; }
        .version-2 .stage[data-type="slideshow"] .version-2 .button { font-size: 18px; }
        .version-2 .slideshow .nextButton, .version-2 .slideshow .prevButton { display: none; }
    }
    /* 2. 4 Column Grid 320px - 479px 
    ----------------------------------------------------------------------------- 
    
    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 2.1%;
        }
        
        .row .col:first-child {
            margin-left:0;
        }
        
        
        
        .span_1 {
            width:25.0%;
        }
        .span_2 {
            width:50.0%;
        }
        .span_3 {
            width:75.0%;
        }
        .span_4 {
            margin-left:0;
            width:100%;
        }
        
        html.version-2.compact-header #leftColCover {
            margin-top: 75px;
        }
        
        header {
            padding-top: 45px;
        }
        .compact-header header {
            padding-top: 20px;
            height: 75px;
        }
            #topPanel {
                position: absolute;
                float: none;
                right: 0px;
                top: 5px;
            }
                #topPanel > ul > li { display: none;}
                #topPanel ul li.languageSelector,
                #topPanel ul li.wishlist { 
                    margin: 0 0 0 9px;
                    padding: 0 0 0 9px;
                    display: block; border: none; 
                    font-size: 14px;
                }
            #logo {
                float: none;
                margin: 0 auto;
            }        
            #leftColSwitch { display: block; }
            .compact-header #leftColSwitch { top: 10px; }
            .compact-header #leftColSwitch.active { padding-top: 7px; }      
        
        .contentPanel:not(.navigation) > .contentRow{
            padding: 0 10px;
            max-width: none;
        }
        .stage .aligner {}
            .stage .aligner .cell { max-width: none; }
            
                html.portrait .stage .aligner .cell h1 { font-size: 65px; }            
                html.portrait .stage .aligner .cell h1.medium { font-size: 43px; }            
                html.portrait .stage .aligner .cell h1.small { font-size: 33px; }            
                
                html.landscape .stage .aligner .cell h1 { font-size: 45px; }
                html.landscape .stage .aligner .cell h1.medium { font-size: 32px; }
                html.landscape .stage .aligner .cell h1.small { font-size: 22px; }
                
            .stage .button { font-size: 16px; margin-top: 0px;}    
            
            html.portrait .stage .aligner .cell .col { padding-top: 0px; }
            html.landscape .stage .aligner .cell .col { padding-top: 5px; }
        html.landscape .slideshow .prevButton,
        html.landscape .slideshow .nextButton { display: none; }
        html.landscape .slideshow .pagination { display: none; }
        html.portrait .slideshow .pagination {}
            .slideshow .pagination ul { padding-bottom: 7px; }            
        
        .twoColStage .col { 
            float: none; 
            width: 100%;
        }
            .twoColStage .col .aligner {
                min-height: 30px;
            }
                html.portrait .twoColStage .col .aligner .button { margin-top: 0px; }
                html.landscape .twoColStage .col .aligner .button { margin-top: 30px;    }
                
                .twoColStage .col .aligner .cell {
                    padding: 0;
                }
                    html.portrait .twoColStage .col .aligner .cell .row {
                        padding: 0;
                        display: inline-block;
                        position: static;
                    }
        
            .twoColStage .col .row { padding: 0 10px; max-width: none; }
            .twoColStage .col:first-child+.col .button { margin-left: 0; }
        
        
        .mainNavigation { display: none; }
        .socialMedia.col { float: none; width: 100%; background: #f3f3f7; padding-top: 90px; }
            .socialMedia.col  ul { text-align: center; }
                .socialMedia.col  ul li { 
                    float: none; 
                    display: inline-block;
                    margin-bottom: 0.5em;
                }
        
        footer {
            padding: 0 0 50px 0;
        }
            footer nav { width: 100%; }
                footer nav ul { text-align: center; }
                footer nav ul li { 
                    float: none; 
                    display: inline-block;
                    margin-bottom: 0.5em;
                    margin-left: 1em; 
                    margin-right: 1em; 
                }
                footer nav ul li.copyright { display: block; }            
        /* version 2 */
        .version-2 #logo, .version-2 #logo a, .version-2 #logo a img { width: 220px; }
        .version-2 #logo a img { margin-top: 2px; }        
        .version-2 .stage[data-type="slideshow"] .version-2 .button { font-size: 20px; }
        .version-2 .slideshow .nextButton, .version-2 .slideshow .prevButton { display: none; }
            
    }
    /* 3. 6 Column Grid 480px - 599px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    16.6666666667%
    Span 2:    33.3333333333%
    Span 3:    50.0%
    Span 4:    66.6666666667%
    Span 5:    83.3333333333%
    Span 6:    100%
    
    ----------------------------------------------------------------------------- */
    @media screen and (min-width: 481px) and (max-width: 600px) {
        
        .col {
            margin-left:0%;
            padding:0 1.67%;
        }
        
        .row .col:first-child {
            margin-left:0;
        }
        
        
        
        .span_1 {
            width:16.6666666667%;
        }
        .span_2 {
            width:33.3333333333%;
        }
        .span_3 {
            width:50.0%;
        }
        .span_4 {
            width:66.6666666667%;
        }
        .span_5 {
            width:83.3333333333%;
        }
        .span_6 {
            margin-left:0;
            width:100%;
        }
        
        header {
            padding-top: 45px;
        }
            #topPanel {
                position: absolute;
                float: none;
                right: 20px;
                top: 5px;
            }
                #topPanel > ul > li { display: none;}
                #topPanel ul li.languageSelector,
                #topPanel ul li.wishlist,
                #topPanel ul li#worldwideListingLink { display: block; border: none; }
            
            #logo {
                float: none;
                margin: 0 auto;
            }        
            #leftColSwitch { display: block; }        
        
        .contentPanel:not(.navigation) > .contentRow {
            padding: 0 20px;
            max-width: none;
        }
        
        .stage .aligner {}
            .stage .aligner .cell { max-width: none; }
            
                html.portrait .stage .aligner .cell h1 { font-size: 93px; }            
                html.portrait .stage .aligner .cell h1.medium { font-size: 47px; }            
                html.portrait .stage .aligner .cell h1.small { font-size: 38px; }            
                
                html.landscape .stage .aligner .cell h1 { font-size: 45px; }
                html.landscape .stage .aligner .cell h1.medium { font-size: 30px; }
                html.landscape .stage .aligner .cell h1.small { font-size: 25px; }
                
            .stage .button { font-size: 16px; margin-top: 0px;}    
            
            html.portrait .stage .aligner .cell .col { padding-top: 0px; }
            html.landscape .stage .aligner .cell .col { padding-top: 15px; }
        html.landscape .slideshow .prevButton,
        html.landscape .slideshow .nextButton { display: none; }
        html.landscape .slideshow .pagination {}
            html.landscape .slideshow .pagination ul { padding-bottom: 17px; }        
        
        .twoColStage .col { 
            float: none; 
            width: 100%;
        }
            .twoColStage .col .aligner {
                min-height: 30px;
            }
                html.portrait .twoColStage .col .aligner .button { margin-top: 0px; }
                html.landscape .twoColStage .col .aligner .button { margin-top: 30px;    }
                
                .twoColStage .col .aligner .cell {
                    padding: 0;
                }
                    html.portrait .twoColStage .col .aligner .cell .row {
                        padding: 0;
                        display: inline-block;
                        position: static;
                    }
        
            .twoColStage .col .row { padding: 0 10px; max-width: none; }
            .twoColStage .col:first-child+.col .button { margin-left: 0; }        
        
        
        .mainNavigation { display: none; }
        
        .socialMedia.col { float: none; width: 100%; background: #f3f3f7; padding-top: 90px; }
            .socialMedia.col  ul { text-align: center; }
                .socialMedia.col  ul li { 
                    float: none; 
                    display: inline-block;
                    margin-bottom: 0.5em;
                }
        
        footer {
            padding: 0 0 50px 0;
        }
            footer nav { width: 100%; }
                footer nav ul { text-align: center; }
                footer nav ul li { 
                    float: none; 
                    display: inline-block;
                    margin-bottom: 0.5em;
                    margin-left: 1em; 
                    margin-right: 1em; 
                }
                footer nav ul li.copyright { display: block; }
    }
    /* 4. 8 Column Grid 600px - 799px 
    ----------------------------------------------------------------------------- 
    
    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.25%;
        }
        
        .row .col:first-child {
            margin-left:0;
        }
        
        
        
        .span_1 {
            width:12.5%;
        }
        .span_2 {
            width:25.0%;
        }
        .span_3 {
            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 {
            margin-left:0;
            width:100%;
        }
        
        header {
            padding-top: 45px;
        }
            #topPanel {
                position: absolute;
                float: none;
                right: 20px;
                top: 5px;
            }
                #topPanel > ul > li { display: none;}
                #topPanel ul li.languageSelector,
                #topPanel ul li.wishlist,
                #topPanel ul li#worldwideListingLink { display: block; border: none; }
            
            #logo {
                float: none;
                margin: 0 auto;
            }        
            #leftColSwitch { display: block; }
        
        .contentPanel:not(.navigation) > .contentRow {
            padding: 0 20px;
            max-width: none;
        }
        
        
        .stage .aligner {}
            .stage .aligner .cell { max-width: none; }
            
                html.portrait .stage .aligner .cell h1 { font-size: 93px; }            
                html.portrait .stage .aligner .cell h1.medium { font-size: 55px; }
                html.portrait .stage .aligner .cell h1.small { font-size: 35px; }
                
                html.landscape .stage .aligner .cell h1 { font-size: 65px; }
                html.landscape .stage .aligner .cell h1.medium { font-size: 41px; }
                html.landscape .stage .aligner .cell h1.small { font-size: 33px; }
                
            .stage .button { font-size: 20px; margin-top: 0px;}    
            
            html.portrait .stage .button { margin-top: 0px;}    
            html.landscape .stage .button { margin-top: 20px;}    
            
            html.portrait .stage .aligner .cell .col { padding-top: 0px; }
            html.landscape .stage .aligner .cell .col { padding-top: 15px; }
        html.landscape .slideshow .prevButton,
        html.landscape .slideshow .nextButton { display: none; }
        html.landscape .slideshow .pagination { }
            html.landscape .slideshow .pagination ul { padding-bottom: 17px; }
        
        .twoColStage .col { 
            float: none; 
            width: 100%;
        }
            .twoColStage .col .aligner {
                min-height: 30px;
            }
                html.portrait .twoColStage .col .aligner .button { margin-top: 0px; }
                html.landscape .twoColStage .col .aligner .button { margin-top: 30px;    }
                
                .twoColStage .col .aligner .cell {
                    padding: 0;
                }
                    html.portrait .twoColStage .col .aligner .cell .row {
                        padding: 0;
                        display: inline-block;
                        position: static;
                    }
        
            .twoColStage .col .row { padding: 0 10px; max-width: none; }
            .twoColStage .col:first-child+.col .button { margin-left: 0; }        
        
        
        .mainNavigation { display: none; }
        
        .socialMedia.col { float: none; width: 100%; background: #f3f3f7; padding-top: 90px; }
            .socialMedia.col  ul { text-align: center; }
                .socialMedia.col  ul li { 
                    float: none; 
                    display: inline-block;
                    margin-bottom: 0.5em;
                }
        
        footer {
            padding: 0 0 50px 0;
        }
            footer nav { width: 100%; }
                footer nav ul { text-align: center; }
                footer nav ul li { 
                    float: none; 
                    display: inline-block;
                    margin-bottom: 0.5em;
                    margin-left: 1em; 
                    margin-right: 1em; 
                }    
                footer nav ul li.copyright { display: block; }
           
     }
    /* 5. 10 Column Grid 800px - 1019px 
    ----------------------------------------------------------------------------- 
    
    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: 801px) and (max-width: 1024px) {
       
        .col {
            margin-left:0%;
            padding:0 0.83%;
        }
        
        .row .col:first-child {
            margin-left:0;
        }
        
        
        
        .span_1 {
            width:10.0%;
        }
        .span_2 {
            width:20.0%;
        }
        .span_3 {
            width:30.0%;
        }
        .span_4 {
            width:40.0%;
        }
        .span_5 {
            width:50.0%;
        }
        .span_6 {
            width:60.0%;
        }
        .span_7 {
            width:70.0%;
        }
        .span_8 {
            width:80.0%;
        }
        .span_9 {
            width:90.0%;
        }
        .span_10 {
            margin-left:0;
            width:100%;
        }
        
        header { 
            padding-top: 45px;
        }
            #topPanel {
                position: absolute;
                float: none;
                right: 20px;
                top: 5px;
            }
                #topPanel > ul > li { display: none;}
                #topPanel ul li.languageSelector,
                #topPanel ul li.wishlist,
                #topPanel ul li#worldwideListingLink { display: block; border: none; }
            #logo {
                float: none;
                margin: 0 auto;
            }
            #leftColSwitch { display: block; }
        .contentPanel > .contentRow,
        .stage .aligner .cell {
            padding: 0 38px;
            max-width: none;
        }
            
            html.landscape .stage .aligner .cell .col .button { margin-top: 15px; }
            .stage .aligner .cell h1 { font-size: 93px; }
            .stage .aligner .cell h1.medium { font-size: 55px; }
            .stage .aligner .cell h1.small { font-size: 35px; }
        
        .twoColStage  .col:first-child .row    { padding-left: 30px; max-width: none; }
        .twoColStage  .col:first-child+.col .row    { padding-right: 30px; max-width: none; }
        
        .mainNavigation.col { float: none; }
            .mainNavigation.col  ul { text-align: center; }
                .mainNavigation.col  ul li {
                    float: none; 
                    display: inline-block;
                    margin-bottom: 5px;
                }
        
        .socialMedia.col { float: none; width: 100%; padding-top: 0;  }
            .socialMedia.col  ul { text-align: center; }
                .socialMedia.col  ul li { 
                    float: none; 
                    display: inline-block;
                    margin-bottom: 0.5em;
                }        
        
    }
    /* version-2 */
    @media screen and (min-width: 0px) and (max-width: 1024px) {
        .version-2 #topPanel {
            position: absolute;
            float: none;
            right: 2px;
            top: 5px;
        }
    }
    
    
    @media screen and (min-width: 1025px) and (max-width: 1250px) {
        
        .version-2 header { padding-top: 10px;    }
        .version-2 #logo { float: none; margin: 0 auto; }
        .version-2 #topPanel { float: none; padding-top: 10px; text-align: center;}
        .version-2 #topPanel > ul { display: inline-block; float: none; }
        .version-2 #topPanel > ul:last-child { margin-bottom: -4px; }
        .version-2 #topPanel > ul > li#worldwideListingLink { margin-top: 3px; }
        .version-2 .slideshow .pagination ul { padding-bottom: 25px; }
    }
    /* 6. 12 Column Grid 1020px - 1259px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    8.33333333333%
    Span 2:    16.6666666667%
    Span 3:    25.0%
    Span 4:    33.3333333333%
    Span 5:    41.6666666667%
    Span 6:    50.0%
    Span 7:    58.3333333333%
    Span 8:    66.6666666667%
    Span 9:    75.0%
    Span 10:    83.3333333333%
    Span 11:    91.6666666667%
    Span 12:    100%
    
    ----------------------------------------------------------------------------- */
    @media screen and (min-width: 1025px) and (max-width: 1260px) {
        .col {
            margin-left:0%;
            padding:0 0.8%;
        }
        
        .row .col:first-child {
            margin-left:0;
        }
        
        
        
        .span_1 {
            width:8.33333333333%;
        }
        .span_2 {
            width:16.6666666667%;
        }
        .span_3 {
            width:25.0%;
        }
        .span_4 {
            width:33.3333333333%;
        }
        .span_5 {
            width:41.6666666667%;
        }
        .span_6 {
            width:50.0%;
        }
        .span_7 {
            width:58.3333333333%;
        }
        .span_8 {
            width:66.6666666667%;
        }
        .span_9 {
            width:75.0%;
        }
        .span_10 {
            width:83.3333333333%;
        }
        .span_11 {
            width:91.6666666667%;
        }
        .span_12 {
            margin-left:0;
            width:100%;
        }
        
        .contentPanel > .contentRow,
        .stage .aligner .cell {
            padding: 0 38px;
        }
            html.landscape .stage .aligner .cell .col .button { margin-top: 15px; }
            
        .twoColStage  .col:first-child .row    { padding-left: 30px; max-width: none;}
        .twoColStage  .col:first-child+.col .row    { padding-right: 30px; max-width: none;}
        
    }
    @media screen and (min-width: 1261px) and (max-width: 1330px) {
        
        .contentPanel > .contentRow,
        .stage .aligner .cell {
            padding: 0 30px;
            max-width: none;
        }
        .twoColStage  .col:first-child .row    { padding-left: 30px; max-width: none; }
        .twoColStage  .col:first-child+.col .row    { padding-right: 30px; max-width: none; }
    }    
    
    /* 7. 12 Column Grid 1260px - Infinity 
    ----------------------------------------------------------------------------- 
    
    Span 1:    8.33333333333%
    Span 2:    16.6666666667%
    Span 3:    25.0%
    Span 4:    33.3333333333%
    Span 5:    41.6666666667%
    Span 6:    50.0%
    Span 7:    58.3333333333%
    Span 8:    66.6666666667%
    Span 9:    75.0%
    Span 10:    83.3333333333%
    Span 11:    91.6666666667%
    Span 12:    100%
    
    ----------------------------------------------------------------------------- */
    @media screen and (min-width: 1261px) {
        
        .col {
            margin-left:0%;
            padding:0 0.8%;
        }
        
        .row .col:first-child {
            margin-left:0;
        }
        
        
        
        .span_1 {
            width:8.33333333333%;
        }
        .span_2 {
            width:16.6666666667%;
        }
        .span_3 {
            width:25.0%;
        }
        .span_4 {
            width:33.3333333333%;
        }
        .span_5 {
            width:41.6666666667%;
        }
        .span_6 {
            width:50.0%;
        }
        .span_7 {
            width:58.3333333333%;
        }
        .span_8 {
            width:66.6666666667%;
        }
        .span_9 {
            width:75.0%;
        }
        .span_10 {
            width:83.3333333333%;
        }
        .span_11 {
            width:91.6666666667%;
        }
        .span_12 {
            margin-left:0;
            width:100%;
        }
    }
/* 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: 34px;
    font-weight: normal;
}
    .tooltipCover:after {
        content: "";
        position: absolute;
        display: block;
        width: 25px;
        height: 14px;
        background: url(/static/tupperware-au/assets/system_images/facelift-sprite-icons.png) -262px -115px no-repeat;
        bottom: -13px;
        left: 28px;
    }
/* IE9 StyleSheets */
.tooltipCover{
    border: 1px solid #EBEBEB \9;
}
/* IE10 StyleSheets */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .tooltipCover { box-shadow: 0 0 10px rgba(0,0,0,0.2); }
}