@page { 
    size: 19cm 27.7cm;
    padding: 1cm 0.5cm 1cm 1.5cm;
}
.pageBreak { clear: both; page-break-after: always; }
/* Common style sheets */
html {
    -webkit-text-size-adjust: none;
}
@font-face {
    font-family: 'Segoe Script';
    src: url('/static/tupperware-au/assets/files/Segoe_Script.eot');
    src: url('/static/tupperware-au/assets/files/Segoe_Script.eot?#iefix') format('embedded-opentype'),
         url('/static/tupperware-au/assets/files/Segoe_Script.woff') format('woff'),
         url('/static/tupperware-au/assets/files/Segoe_Script.ttf') format('truetype'),
         url('/static/tupperware-au/assets/files/Segoe_Script.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    -webkit-font-smoothing: antialiased;
    width: 18cm;
}
body, html, div, nav, img, ul, table, table td, form {
    margin: 0;
    padding:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
body, input, textarea, select {
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 15px;
    line-height: 1.5em;
    color: #777777;
}
body {
    background: #fff;
    color: #404040;
    position: relative;
}
input {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    line-height: 1em;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
    table td {
        padding: 5px;
        line-height: 1.2em;
    }
    
    table tr.first th { border-bottom: 1px dotted #666666; }
    table tr:hover { background: #fff; }
    table tr.first:hover { background: transparent; }
    table th {
        text-align: left;
        vertical-align: middle;
        padding: 5px;
        font-family: Arial,Helvetica,Sans-Serif;
        font-weight: normal;
        font-size: 15px;
        line-height: 1.2em;
    }
h1 {
    font: 30px/35px Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    font-weight: normal;
    color: #be3382;
    padding: 2px 0 0 0;
    margin: 0 0 15px 0;
}
.home h1 {    
    text-transform: none;
}
h1.dottedBottom {
    padding-bottom: 10px;
    margin-bottom: 10px;
}
h2 {
    font: 26px/1.1em Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    font-weight: normal;
    color: #404040;
    text-transform: none;
    padding: 0;
    margin: 0 0 7px 0;
}
h2 a, h2 a:hover {
    color: #404040;
    text-decoration: none;
}
h3 {
    font: 15px/1.2em Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    font-weight: bold;
    color: #404040;
    text-transform: none;
    padding: 0;
    margin: 0 0 2px 0;
}
h3 a, h3 a:hover {
    text-transform: none;
    color: #404040;
    text-decoration: none;
}
h3.purpleWaveCentered {
    font-family: Segoe Script, comic sans ms, Arial;
    padding: 1px 0 0 0;
    margin: 0 0 1em 0;
    background: none;
    color: #be3382;
    font-size: 21px;
    font-weight: normal;
}
    h3.purpleWaveCentered span {
        display: block;
        padding: 1em 0;
        background: none;
        text-align: center;
    }
    h3.dottedBottom {
        padding-bottom: 0.3em;
        margin-bottom: 0.3em;
    }
    h3.purple {
        color: #be3382;
    }
h4 {
    font: 13px/17px Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    font-weight: bold;
    color: #404040;
    text-transform: none;
    padding: 0;
    margin: 0 0 5px 0;
}
h5 {
    font: 12px/1.3em Arial, sans-serif;
    font-weight: normal;
    color: #7D7D7D;
    text-transform: none;
    padding: 0;
    margin: 0 0 7px 0;
}
p {
    margin: 0 0 1em 0;
    padding: 0;
}
    p.dottedBottom {
            padding-bottom: 1em;
    }
a {
    color: #BE3382; 
    text-transform: none;
    text-decoration: underline;
    cursor: pointer;
    outline: none;
}
a:hover  {
    color: #000; 
    text-transform: none;
    text-decoration: underline;
}
a.more {
    color: #BE3382;
    font-weight: bold;
    text-decoration: none;
}
a.more:hover {
    color: #404040;
    text-decoration: none;
}
a.wantIt, a.wantIt:hover {
    display: inline-block;
    padding: 5px 9px 4px;
    margin: 0;
    background: #ec52b2 !important;
    color: #fff !important;
    text-decoration: none;
    font-size: 13px;
    line-height: 1em;
    font-weight: bold;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -ms-border-radius: 3px 3px 3px 3px;
    
}
a.wantIt:hover {
    background: #fb62c1 !important;
}
a.movie, a.movie:hover {
    display: none;
}
ul, ul.bulletList {
    padding: 0 0 0 1.4em;
    margin: 0 0 1em 0;
}
img {
    border: none;
}
section {
    clear: both;
    width: 100%;
}
.supportWarning {
    width: 100%;
    padding: 5px 0 7px 0;
    background: #f72b10;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 100;
}
.clr {
    display: block;
    font-size: 0 !important;
    line-height: 0 !important;
    clear: both !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}
p.intro, .intro p {
    font-size: 17px;
    line-height: 1.3em;
    color: #999999;
}
.dottedBottom {
    border-bottom: 1px dotted #000;
    margin-bottom: 1em;
    padding-bottom: 1px;
}
.dottedTop {
    border-top: 1px dotted #000;
    margin-top: 1em;
    padding-top: 1px;
}
span.black { color: #000; }
div.p { margin: 0 0 1em 0; }
.left { float: left; }
.right { float: right; }
.hidden { display: none !important; }
.block { display: block !important; }
.inlineBlock { display: inline-block !important; }
.date { font-size: 12px; color: #999999;}
.scroller { position: relative; overflow: hidden; }
.container { padding: 1px 0; }    
img.captcha { width: 100%; max-width: 329px; }
.table {
    display: table;
    width: 100%;
    height: 100%;
    
}
    .table .td {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }
    
/* video player */
.flowplayer{ display: none !important;  }
.videoPlayer { display: none !important; }
.startPoster, .endPoster { 
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    background: #fff;
}
    .startPoster img, .endPoster img { 
        width: 100%;
        display: block;
    }
.endPoster {
    display: none;
    position: absolute;
    top: 0; 
    left: 0; 
    z-index: 50;
}
    
/* 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, label, input {
    font-size: 15px;
    line-height: 1em;
}    
fieldset {
    border: none;
    padding: 0;
    margin: 1em 0 1em 0;
}    
label {
    display: block;
    margin: 0 0 5px 0;
    position: relative;
}
    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 0;
        padding-left: 27px;
    }
        label.inlineLabel.required:after{
            content: "";
        }
        label.inlineLabel.required span{
            position: relative;
            display: inline-block;
        }
        label.inlineLabel.required span:after{
            position: absolute;
            right: -10px;
            content: "*";
            font-size: 21px;
            font-weight: bold;
            color: #BE3382;        
        }
    
    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"], textarea, select {
    position: relative;
    z-index: 10;
    width: 100%;
    padding: 0.4em;
    margin: 0 0 1.5em 0;
    border: 1px solid #999999;
    background: #fff;
    -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="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, textarea.invalid, select.invalid {
    border: 1px solid #d2007b;
    background: #fefcfd;
}
input[type="text"]:focus.invalid, input[type="email"]: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);
}
    
textarea {
    font-size: 15px;
    height: 150px;
}
    textarea.invalid {
        margin-bottom: 3em;
    }
    textarea.invalid + .errorMessage{
        bottom: 25px;
    }
select {
    font-size: 15px;
    line-height: 1em;
    color: #999;
    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; }
input[type="submit"] {
    display: inline-block;
    height: 30px; 
    cursor:pointer;
    border: 1px solid #BE3382;
    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    
    background-color: #BE3382;
    
    font-weight: normal;
    color: #fff;
    padding: 3px 1em 3px;
    margin: 0 0.5em 1em 0;
    
}
input[type="submit"]:hover {
    border-color: #e156a0;
    background-color: #e156a0;
}
input[type="reset"] {
    display: inline-block;
    height: 30px; 
    cursor:pointer;
    border: 1px solid #5f5f5f;
    
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    
    background-color: #5f5f5f;
    
    font-weight: normal;
    color: #fff;
    padding: 3px 1em 3px;
    margin: 0 0.5em 1em 0;
    
}
input[type="reset"]:hover {
    border-color: #ADADAD;
    background-color: #ADADAD;
}
input.placeholder, textarea.placeholder { opacity: 1; color: #d8d8d8; font-style: italic; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1; color: #d8d8d8; font-style: italic; }
input:-moz-placeholder, textarea:-moz-placeholder { opacity: 1; color: #d8d8d8; font-style: italic; }
input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color: #d8d8d8; font-style: italic; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; color: #d8d8d8; font-style: italic; }
.errorMessage {
    position: absolute;
    bottom: 3px;
    right: 0;
    z-index: 0;
    height: 22px;
    overflow: hidden;
}
    .errorMessage  span {
        display: block;
        background: #ff005f;
        color: #fff;
        padding: 5px 10px 5px;
    }
.markContainer.invalid {
    padding-top: 1em;
    margin-bottom: 2em;
    border: 1px solid #d2007b;
    background: #fefcfd;
    position: relative;
}
    .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;
}
/* form in right col */
#rightColumn form .row .col {
    width: 100%;
    padding: 0;
}
#rightColumn  label.placeholder {
    display: none;
}
#rightColumn fieldset { 
    margin: 0;
}
/* Skeleton */
#notification { 
    display: none; 
}
#base {
    width: 100%;
    overflow: hidden;
    position: relative;
}
#cover {
    width: 100%;
    position: relative;
    z-index: 10;
}        
#page {
    width: 100%;
    margin: 0;
    position: relative;
}
header { 
    position: relative;
    z-index: 600;
    height: 104px; 
}
#logo {    
    width: 240px;
    margin-top: 28px;
}
    #logo > a > img {    
        display: none;
    }
    #logo .printLogo{
        display: block;
        display: none\9; /* IE8 and below */
    }
    #logo {
        width: 241px\9; /* IE8 and below */
        height: 42px\9; /* IE8 and below */
        background: url(/static/tupperware-au/assets/system_images/tupperware-print-logo-black.png) 0 0 no-repeat\9; /* IE8 and below */
    }
#content {
    position: relative;
    z-index: 500;
}
#subNavigation {    width: 240px; }
        
#middleColumn {
    width: 100%;
    padding: 0 1px;
    position: relative;
    z-index: 200;
    font-size: 15px;
    line-height: 1.5em;
    color: #404040;
}
    #middleColumn > .wrapper {
        padding: 15px 0;
        min-height: 594px;
        border: none;

    }
    
/* wide content area */
.wide #middleColumn { width: 100%; }
.wide #rightColumn { display: none; }
/* dropdown panel */
.withDropdownPanel {
    display: none;
}
/* item with icon */
.icon {
    display: none;
}
.dropdownPanel .icon {
    display: block;
}
/* search top */        
.searchFormTop {
    display: none;
}
/* Bottom navigation */
#bottomNavigation nav {
    position: relative;
    float: left;
    width: 100%;
    padding: 1em 1.17%;    
    background: transparent;
    border: none;
}
#bottomNavigation.extraHeight nav {
    padding-top: 25px;
    padding-bottom: 25px;
}
#bottomNavigation ul {
    list-style: none;
    padding: 0;
    margin:0;
}
    #bottomNavigation ul li {
        float: left;
        margin: 0 15px 0 0;
        display: none;
    }
        #bottomNavigation ul li a{
            color: #404040;
            font-size: 13px;
            text-decoration: none;
        }
        #bottomNavigation ul li a:hover {
            text-decoration: underline;
        }        
    #bottomNavigation ul li.copyright {
        float: right;
        margin: 0;
        display: block;
    }
    
    #bottomNavigation .bannersPanel {
        display: none;
        position: absolute;
        right: 1.17%;
        top: 5px;
    }
    .home #bottomNavigation .bannersPanel { display: block;}
        
        #bottomNavigation .bannersPanel li {
            width: auto;
            margin: 0 0 0 15px;
        }
        #bottomNavigation .bannersPanel li  img{
            display: block;
        }
/* Left navigation */
#leftNavigation {
    display: none;
}
                
/* ########## Content area ########## */
/* article text with pictures */
.contentRow {
    width: 100%;
}
    .contentRow .pictures { }
    .contentRow .pictures.oneCol { float: left; width: 33.3%; margin: 0 1em 0 0; }
        .contentRow .pictures.oneCol img{ width: 100%; max-width: 220px; display: block; margin-bottom: 2px; }
    .contentRow  .pictures.twoCol { float: left; width: 66.6%; overflow: hidden; }
        .contentRow .pictures.twoCol img{ width: 100%; max-width: 445px; display: block; }
    .contentRow.inGrid .pictures { margin: 0; }
    .contentRow .text { margin: 0; width: 100%; }        
    
    .contentRow .picturesBottom { float: left; width: 66.6%; margin-bottom: 1em; margin-left: -1px;}
        .contentRow .picturesBottom .pictures.oneCol{ width: 50%; padding: 0 1px; }
        .contentRow .picturesBottom .pictures.twoCol{ width: 100%; }
    
    .contentRow .pictures.wide { padding: 0 0 1px 0; margin: 0 0 1em 0; }
        .contentRow .pictures.wide img { display: block; width: 100%; max-width: 668px; margin-bottom: 1em; }
    
/*-wide-*/    
    .wide .contentRow .pictures.oneCol { width: 25%; }
    .wide .contentRow.inGrid .text { width: 73.3%; }
    .wide .contentRow .picturesBottom { width: 75% }
    .wide .contentRow .picturesBottom .pictures.oneCol { width: 33.3% }
    
    .wide .contentRow  .pictures.twoCol { width: 50%; }
    .wide .contentRow  .pictures.twoCol + .text.oneCol { width: 50%; }
    
/* +++ teasers +++ */
/* 1col vertical teaser */
.contentRow .oneColTeaser { 
    width: 33.3%;
    float: left;
    padding: 0 1px;
}
    .contentRow .oneColTeaser img {
        width: 100%;
        max-width: 220px;
        display: block;
    }
    .contentRow .oneColTeaser .picture {
        display: block;
        width: 100%;
        height: auto;
        max-height: 140px;
        overflow: hidden;
        padding: 0;
    }
    .contentRow .oneColTeaser .text {
        padding-right: 5px;
    }
    .contentRow .oneColTeaser.active h3{
        color: #BE3382;
    }
    .contentRow .oneColTeaser a {
        text-decoration: none;
    }
        .contentRow .oneColTeaser h3 {
            display: block;
            padding: 6px 0 6px 0;
            margin: 0;
            color: #999999;
            font-size: 12px;
            line-height: 1.1em;
            font-weight: normal;
        }
        .contentRow .oneColTeaser a:hover h3,
        .contentRow .oneColTeaser.active a:hover h3{
            color: #000;
        }
.wide .contentRow .oneColTeaser { width: 25%; }
    .wide .contentRow .oneColTeaser img { max-width: 220px; }
        
        
/* 1col vertical teaser - type 2 */
.contentRow .oneColTeaser.type2 {}
    .contentRow .oneColTeaser.type2 h3{
        font: 15px/1.2em Helvetica, Arial, sans-serif;
        letter-spacing: 0;
        font-weight: bold;
        color: #404040;
        text-transform: none;
        padding: 0;
        margin: 5px 0 2px 0;    
    }
    
    
    
/* horizontal item with 1-2col picture (right|left) */    
.contentRow .pictures.right { float: right; margin: 0 0 0 1em;}
.contentRow .pictures.left { float: left; margin: 0 1em 0 0; }
.contentRow.inGrid .pictures.right { margin: 0 0 1em 0;}
.contentRow.inGrid .pictures.left { margin: 0 0 1em 0;}
.contentRow  .text.right { float: right; }
.contentRow  .text.left { float: left; }
.contentRow.inGrid .text.right { padding-left: 1em; }
.contentRow.inGrid .text.left { padding-right: 1em; }
.contentRow  .text.oneCol { width: 33.3%;}
.contentRow  .text.twoCol { width: 66.6%;}
.contentRow .withoutPicture .pictures { display: none !important; }
.contentRow .withoutPicture .text { width: 100%  !important; padding: 0  !important; }
/*-wide-*/
.wide .contentRow  .text.twoCol { width: 75%;}
/* faq */
.faqQuestions {
    padding: 0 0 0 1.2em;
    margin: 1em 0 1em 0;
}
    .faqQuestions  li { padding: 2px 0; }
    .faqQuestions a {
        color: #999999;
        font-weight: bold;
        text-decoration: none;
    }
    .faqQuestions a:hover {
        color: #000;
    }
    
/* party */
.dottedBottom p.info {
    margin-top: -11px;
    margin-bottom: 0;
    padding-bottom: 4px;
    color: #999999;
}
.comments {
    font-size: 11px;
    line-height: 1.2em;
    color: #999999;
}
/* promotion box */
.promoBox h3 {
    margin-bottom: 7px;
}        
.promoBox h5 {
    color: #404040;
    font-weight: bold;
}
.promoBox  a.movie {
    float: right;
}
.promoBox  a.movie.left {
    float: none;
}
.promoBox .price {
    display: inline-block;
    font-weight: bold;
    margin-top: 6px;
}
/* accordion menu */
.accordionMenu {
    width: 1200px;
    height: 594px;
}
    .accordionMenu .border {
        height: 100%;
        width: 100%;
        border: 2px solid rgba(255,255,255,0.5);
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        background: rgba(255,255,255,0.5);
    }
    
    .accordionMenu .wrapper{
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    .accordionMenu .accordionItem {
        position: absolute;
        top: 0;
        left: 0;
        width: 74.41666667%;
        height: 100%;
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: 0 center;
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        overflow: hidden;
        
        
        
    }
        .accordionMenu .accordionItem .headline{
            position: absolute;
            z-index: 100;
            top: 0;
            left: 0;
            width: 100%; 
            height: 100%;
            -webkit-background-size: auto auto;
            -moz-background-size: auto auto;
            -ms-background-size: auto auto;
            background-size: auto auto;
            background-position: center center;
            background-repeat: no-repeat;
            cursor: pointer;
        }
        
        .accordionMenu .accordionItem .content {
            position: absolute;
            z-index: 200;
            left: 0px;
            bottom: 0;
            padding: 55px 15px 15px 15px;
            margin: 20px;
            float: none;
            width: 201px;
            background: rgba(255,255,255,0.5);
            cursor: pointer;
            border-radius: 2px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;    
            -ms-border-radius: 2px;
        }
            .accordionMenu .accordionItem  .content .icon {
                position: absolute;
                right: 10px;
                top: 10px;
                display: block;
                width: 50px;
                height: 50px;
                background: none;
            }
                .accordionMenu .accordionItem .content .icon.play {
                    background-position: -25px -50px;
                }
        .accordionMenu .accordionItem a, .accordionMenu .accordionItem a:hover {
            width: auto;
            height: auto;
            display: block;
            text-decoration: none;
        }
        .accordionMenu .accordionItem > a {
            display: block;
            width: 100%;
            height: 100%;
            cursor: pointer !important;
        }
        
        .accordionMenu .accordionItem img {
            width: 100%;
            min-width: 100%;
            float: left;
        }
        .accordionMenu .accordionItem img.placeholder {
            height: 100%;
        }
        .accordionMenu .accordionItem h2 {
            color: #a5357f;
            font-size: 22px;
            line-height: 1em;
        }
            .accordionMenu .accordionItem h2 span {
                display: block;
                font-size: 33px;
                line-height: 1em;
            }
        .accordionMenu .accordionItem .loader {
            position: absolute;
            width: 100%;
            height: 100%;
            background: url(images/preload.gif) 15% center no-repeat #fff;
        }
    
/* Animations */        
.easeInOut{
    -webkit-animation-timing-function: ease-in-out;
    -webkit-transition-duration: 1000ms;
    -moz-animation-timing-function: ease-in-out;
    -moz-transition-duration: 1000ms;
    -o-animation-timing-function: ease-in-out;
    -o-transition-duration: 1000ms;
    -ms-animation-timing-function: ease-in-out;
    -ms-transition-duration: 1000ms;
    animation-timing-function: ease-in-out;
    transition-duration: 1000ms;
}
.easeInOut500{
    -webkit-animation-timing-function: ease-in-out;
    -webkit-transition-duration: 500ms;
    -moz-animation-timing-function: ease-in-out;
    -moz-transition-duration: 500ms;
    -o-animation-timing-function: ease-in-out;
    -o-transition-duration: 500ms;
    -ms-animation-timing-function: ease-in-out;
    -ms-transition-duration: 500ms;
    animation-timing-function: ease-in-out;
    transition-duration: 500ms;
}
/* Display window */
.displayWindow{
    position: relative;
    z-index: 10;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0;
}
    .displayWindow .border {
        position: relative;
        z-index: 1000000;
        width: 100%;
        height: auto;
        padding: 0px;
        overflow: hidden;
    
    }
    
        .displayWindow .border .wrapper {
            position: relative;
            margin: 0 auto;
            width: 100mm !important;
            height: 75mm !important;
            overflow: hidden;
        }
        .displayWindow .border .wrapper img {
            width: 100mm !important;
            height: auto !important;
        }
        #recipe .ingredients img {
            width: 231px !important;
            height: auto !important;
            margin: 0 0 1em 0;
        }

    .displayWindow .loader {
        width: 100%;
        height: 200px;
        height: 100%;
        background: none;
    }
    .displayWindow .footer {
        width: 100%;
        padding: 0 10px;
    }
    
    .displayWindow ul {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .displayWindow ul li {
        position: static;
        display: block;
        width: 100%;
        height: auto;
        overflow: hidden;
        float: left;
        padding: 0;
        margin: 0;
    }
        .displayWindow ul li .content {
            position: absolute;
            z-index: 200;
            left: 0px;
            bottom: 0;
            padding: 55px 15px 15px 15px;
            margin: 20px;
            float: none;
            width: 201px;
            background: rgba(255,255,255,0.5);
            cursor: pointer;
            border-radius: 2px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;    
        }
        
            .displayWindow ul li   .content .icon {
                position: absolute;
                right: 5%;
                top: 7%;
                display: block;
                width: 50px;
                height: 50px;
                background: none;
            }
                .displayWindow ul li  .content .icon.play {
                    background-position: -25px -50px;
                }        
        
            .displayWindow ul li .content a, .displayWindow ul li .content a:hover {
                display: block;
                text-decoration: none;
            }
            .displayWindow ul li .content img {
                width: 100%;
                min-width: 100%;
                float: left;
            }
            .displayWindow ul li .content h2 {
                color: #a5357f;
                font-size: 22px;
                line-height: 1em;
            }
                .displayWindow ul li .content h2 span {
                    display: block;
                    font-size: 33px;
                    line-height: 1em;
                }        
        
            .displayWindow ul li .headline{
                position: absolute;
                z-index: 100;
                top: 0;
                left: 0;
                width: 100%; 
                height: 100%;
                -webkit-background-size: 100% auto;
                -moz-background-size: 100% auto;
                background-size: 100% auto;
                background-position: center center;
                background-repeat: no-repeat;
                cursor: pointer;
            }
            
    .displayWindow ul img {
        width: 100%;
        height: auto;
        display: block;
    }
    
    .displayWindow a {
        outline: none;
        -moz-tap-highlight-color: rgba(0,0,0,0);
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -ms-tap-highlight-color: rgba(0,0,0,0);
        tap-highlight-color: rgba(0,0,0,0);
    }
    
.displayWindowControlPrev,
.displayWindowControlNext {
    display: none !important;
}
.displayWindowControlPagination {
    display: none !important;
}
/* Animations */        
.displayWindow .slideLeft,
.displayWindow .slideRight {
    -webkit-animation-timing-function: ease-in-out;
    -webkit-transition-duration: 350ms;
    -moz-animation-timing-function: ease-in-out;
    -moz-transition-duration: 350ms;
    -o-animation-timing-function: ease-in-out;
    -o-transition-duration: 350ms;
    -ms-animation-timing-function: ease-in-out;
    -ms-transition-duration: 350ms;
    animation-timing-function: ease-in-out;
    transition-duration: 350ms;
}
/* kenburns animation */
.displayWindow .start-zoomIn {
    transform:scale(1,1);
    -moz-transform:scale(1,1); 
    -webkit-transform:scale(1,1); 
    -ms-transform:scale(1,1);
}
.displayWindow .end-zoomOut {
    -webkit-animation-timing-function: ease-in-out;
    -webkit-transition-duration: 4000ms;
    -moz-animation-timing-function: ease-in-out;
    -moz-transition-duration: 4000ms;
    -o-animation-timing-function: ease-in-out;
    -o-transition-duration: 4000ms;
    -ms-animation-timing-function: ease-in-out;
    -ms-transition-duration: 4000ms;
    animation-timing-function: ease-in-out;
    transition-duration: 4000ms;    
        
    transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1); 
    -webkit-transform:scale(1.1,1.1); 
    -ms-transform:scale(1.1,1.1);
}
.displayWindow .start-zoomOut {
    transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1); 
    -webkit-transform:scale(1.1,1.1); 
    -ms-transform:scale(1.1,1.1);
}
.displayWindow .end-zoomIn {
    -webkit-animation-timing-function: ease-in-out;
    -webkit-transition-duration: 4000ms;
    -moz-animation-timing-function: ease-in-out;
    -moz-transition-duration: 4000ms;
    -o-animation-timing-function: ease-in-out;
    -o-transition-duration: 4000ms;
    -ms-animation-timing-function: ease-in-out;
    -ms-transition-duration: 4000ms;
    animation-timing-function: ease-in-out;
    transition-duration: 4000ms;    
        
    transform:scale(1,1);
    -moz-transform:scale(1,1); 
    -webkit-transform:scale(1,1); 
    -ms-transform:scale(1,1);
}
/* Styling for Autocomplete */
/* CSS Document */
.ac_results{
    overflow: hidden;
    z-index: 99999;
    margin: 3px 0 0 0;
    padding: 0;
    background:#fff;
    border: 1px solid #fff;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;    
    -ms-border-radius: 4px 4px 4px 4px;    
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);    
    -ms-box-shadow: 0 0 4px rgba(0,0,0,0.3);    
}
.ac_results ul{list-style-position:outside;list-style:none;margin:0;padding:5px}
    .ac_results ul ul {padding:0px}
    .ac_results ul ul.first{background: none; border-bottom: 1px dotted #000; margin-bottom: 5px; padding-bottom: 3px;}
    .ac_results ul li:last-child ul.first {background: none; margin-bottom: 0px; padding-bottom: 0px;}
    .ac_results li{cursor:pointer;display:block;overflow:auto;margin:0;padding:0;border-top:none;}
        .ac_results  ul li  li { border-bottom: 1px dashed #ccc;}
        .ac_results  ul li  li:last-child { border-bottom: none;}
            .ac_results > ul > li > span > b { display: block; padding: 0 5px; margin: 2px 0 2px 0; background: #f4f4f4; }
.ac_loading{background-image:url(images/preload.gif);background-position:97% center;background-repeat:no-repeat;}
li .ac_over{background-color:#f5f5f5;color:#000}
li .ac_over a:hover{color:#000}
.ac_results li a{display:block; overflow:auto; padding:5px; color:#000;text-decoration:none}
    .ac_results li a span { display: block; font-size: 11px; line-height: 1em !important; }
        .ac_results li a span.title { font-weight: bold;}
    
.ac_results li a img{width:60px; height:auto; max-height:60px;float:left; margin-right:10px;}
    
.ac_results .serviceLinks { padding: 5px 10px 5px; border-top: 1px dotted #000; background: #f4f4f4; }
    .ac_results .serviceLinks a { display: block; text-align: right; color: #BE3382; font-weight: bold; text-decoration: none; }
    .ac_results .serviceLinks a:hover { color: #000; text-decoration: none; }
/* ******** PRODUCTS ******** */
.tabButtonsPanel { display: none; }
.tabButtons {
    list-style: none;
    margin: 0 0 1em 0;
    padding: 0;
    border-bottom: 1px solid #ebebeb;
    display: block !important; 
}
    .tabButtons ul {
        padding: 0; margin: 0;
    }
    .tabButtons li {
        display: block;
        float: left;
        padding: 3px 6px;
        margin: 3px 3px 0 0;
    }

    .tabButtons .rating li { border: none; }
    .tabButtons li.selected {
        
    }
        .tabButtons li a {
            text-decoration: none;
            outline: none;
        }
        .tabButtons a:hover {
            text-decoration: none;
        }
            .tabButtons a span {
                color: #BE3382;
                font-size: 22px;
                line-height: 1.4em;
            }
            .tabButtons .selected a span {
                color: #BE3382;
            }
            .tabButtons a:hover span {
                color: #000000;
            }
            
/*** top filter ***/
ul.controlPanel {
    padding: 0 0 5px 0;
    margin: 0 0 -4px 0;
    list-style: none;
}
ul.controlPanel.dottedTop {
    padding: 6px 0 5px 0;
    margin: 1em 0 0 0;
}
    ul.controlPanel li {
        display: none;
        float: left;
        margin: 0 2px 4px 2px;
        font-size: 12px;
        line-height: 12px;
    }
        ul.controlPanel li a,
        ul.controlPanel li em {
            display: block;
            padding: 6px 10px 5px;
            color: #999999;
            text-decoration: none;
            font-style: normal;
        }
        
    ul.controlPanel li:first-child { margin-left: 0; }
    ul.controlPanel li:first-child > em { padding-left: 0; }
        
    ul.controlPanel li.allItemsInfo { display: block; }
    
.p > ul.controlPanel { padding: 0; }
/* 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: #000000;
        font-size: 12px;
        line-height: 12px;
    }
    .button:hover span, .button.selected span {
        color: #ffffff;
    }
        .button    span em {
            display: none !important;
        }
.button.purple {
    background: #DE3A8D;
}
.button.purple:hover {
    background: #FB62C1;
}
    .button.purple span {
        color: #fff;
    }
    
.button.gray {
    background: #d8d8d8;
    background: rgba(200,200,200, 0.8);
}
.button.gray:hover {
    background: #DE3A8D;
}
    .button.gray span {
        color: #fff;
    }
    
    
/* view type switch */
.button.gridLarge,
.button.gridSmall,
.button.list {
    display: none;
}
/* buttons with icons */    
.button.icon {
    line-height: 1em;
    padding-left: 8px;
}
.button.icon:before {
    width: 0;
    height: 0;
    background: 0;
}
    .button.icon span {
        display: block;
        float: none;
        font-size: 12px;
        line-height: 12px;
        position: relative;
    }
        
/* Image Buttons */
.imageButton {
    display: none;
}
    
/* overview grids */
.overviewGrid {
    /*min-height: 494px;*/
    position: relative;
    overflow: visible;
    margin-bottom: 1em;
}
.overviewGrid.withScroller {
    margin-bottom: 0;
}
    .overviewGrid .overviewGridWrapper {
        border-left: 1px solid #EBEBEB;
    }
    .overviewGrid .item {
        float: left;
        position: relative;
    }
    .overviewGrid.small .item {
        width: 16.66667%;
    }
    .overviewGrid.large .item {
        width: 33.33333%;
    }
    .overviewGrid.list .item {
        width: 100%;
    }
        .overviewGrid .item a {
            color: #000;
            text-decoration: none;
            outline: none;
        }
        .overviewGrid .item a:hover {
            color: #BE3382;
        }
            .overviewGrid .item a:hover .picture img{
                border: 1px solid #c0c0c0;
            }        
        .overviewGrid .item .picture {
            display: block;
            position: relative;
            border-top: 1px solid #EBEBEB;
            border-bottom: 1px solid #EBEBEB;
            border-right: 1px solid #EBEBEB;
        }
            .overviewGrid .item .picture .preload {
                position: absolute;
                display: table;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }
                .overviewGrid .item .picture .preload span {
                    position: relative;
                    display: table-cell;
                    text-align: center;
                    vertical-align: middle;
                }
                    .overviewGrid .item .picture .preload span img{
                        display: inline-block;
                        width: auto;
                        border: 1px solid transparent !important;
                    }
                    
            .overviewGrid .item .picture img{
                border: 1px solid #fff;
                width: 100%;
                display: block;
            }
        .overviewGrid .item .text {
            display: block;
            height: 46px;
            overflow: hidden;
            font-size: 12px;
            line-height: 14px;
            background: #fff;
            margin: 0 -1px;
        }
            .overviewGrid .item .text > span {
                display: block;
                padding: 4px 3px 3px 3px;
            }
            .overviewGrid.large .item .text span {
                padding: 7px 5px 5px 5px;
            }
            
        .overviewGrid .item .infos {
            display: block;
            width: 100%;
            font-size: 11px;
            line-height: 11px;
            position: absolute;
            top: 0; left: 0;
        }
            .overviewGrid .item .infos  span { 
                display: block;
                padding: 2px 4px;
                margin: 3px 2px;
                font-weight: bold;
                border-radius: 3px;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                -ms-border-radius: 3px;
                box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1) inset;
                -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1) inset;
                -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1) inset;
                -ms-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1) inset;
            }
            .overviewGrid .item .infos .left { float: left; }
            .overviewGrid .item .infos .right { float: right; margin-right: 3px;}
            .overviewGrid .item .infos .red { 
                background: #D2007B;
                color: #fff;
            }
            .overviewGrid .item .infos .green { 
                background: #69C05F;
                color: #fff;
            }
            
            .overviewGrid.large .item .infos  span {
                padding: 3px 8px;
                margin: 5px 4px;
                font-size: 13px;
                line-height: 13px;
            }
            
    .overviewGrid.onlyPictures  .overviewGridWrapper{
        border-top: 1px solid #EBEBEB;
    }    
    .overviewGrid.onlyPictures .item  {
        
    }
        .overviewGrid.onlyPictures .item .picture {
            border-top: none;
        }
        .overviewGrid.onlyPictures .item .text {
            display: none;
            position: absolute;
            left: 0;
            bottom: 0;
            margin: 0;
            padding: 0;
            height: auto;
            width: 100%;
            background: none;
        }
            .overviewGrid.onlyPictures .item .text span{
                margin: 2px 2px 2px 1px;
                background: rgba(240,240,240,0.9);
            }
            .overviewGrid.list.onlyPictures .item .text span{
                background: none;
            }
        .overviewGrid.onlyPictures .item a:hover .text {
            display: block;
            color: #000;
        }
        .overviewGrid.onlyPictures .item .infos  span { margin-top: 2px; }
        .overviewGrid.onlyPictures.large .item .infos  span  { margin-top: 4px; }
.overviewGrid.withoutScroller {
    min-height: 0px;
    height: auto;
    overflow: visible;
}
        
/* grid - list */
.overviewGrid.list {
}
    .overviewGrid.list .overviewGridWrapper{
        border: none;
    }
        .overviewGrid.list .item .picture {
            width: 109px;
            float: left;
            position: relative;
            border: 1px solid #EBEBEB;
            margin-bottom: 1em;
        }
            .overviewGrid.list .item  .picture a:hover img{
                border: 1px solid #c0c0c0;
            }
            
            
        .overviewGrid.list .item .text {
            position: relative;
            background: #fff;
            display: block;
            margin: 0 0 3em 0;
            padding-left: 1em;
            width: auto;
            height: auto;
        }
            .overviewGrid.list .item .text h2 {
                font-size: 19px;
                padding-right: 175px;
                margin-bottom: 0;
            }
                .overviewGrid.list .item .text h2 a,
                .overviewGrid.list .item .text h2 a:hover {
                    color: #404040;
                }
            .overviewGrid.list .item .text h3 {
                font-size: 12px;
                color: #999999;
            }
        
        
            .overviewGrid.list .item .text .description {
                padding: 0;
                margin-top: 0.5em;
            }
        
        .overviewGrid.list .item  .socialPanel {
            display: block;
            position: absolute;
            left: 0; bottom: 5px;
            padding: 0;    margin: 0;
            width: 100%;
        }
            .overviewGrid.list .item  .socialPanel span {
                display: block;
                padding: 0;
            }
            .overviewGrid.list .item  .socialPanel  .left {
                float: left;
                margin: 0 0 0 109px;
                padding: 0 0 0 1em;
            }
            .overviewGrid.list .item  .socialPanel  .right {
                float: right;
            }
                .overviewGrid.list .item  .socialPanel span  img {
                    display: block;
                }
                
        .overviewGrid.list .item  .buttonPanel {
            position: absolute;
            margin: 0;
            top: 0; right: 10px;
        }
    
/* loader */
#loader {
    display: none !important;
}
.overviewGrid .loader {
    display: none !important;
}
/* rating panel */        
ul.rating {
    display: none !important;
}
/* Product/Recipe details */
.detailInfo {}
    .detailInfo .tabButtons li { line-height: 1em; padding: 4px 10px 2px; }
        .detailInfo .tabButtons li .rating { display: inline-block; padding-right: 3px; margin-bottom: -2px;  }
            .detailInfo .tabButtons li .rating li  { padding: 0; margin: 2px 0 0 0; background: none; }
        
    .detailInfo .tabs .tabItem  { padding-top: 1em; position: relative; display: block !important; }
        .detailInfo .tabs .tabItem .text.short { width: auto; padding-right: 100px; }
        .detailInfo .tabs .tabItem .text.short ul.details { float: left; padding: 0; }
        .detailInfo .tabs .tabItem .text.short ul.details li { display: block; margin-left: 3px; }
        .detailInfo .tabs .tabItem .infoPanel {
            position: absolute;
            top: 1em;
            right: 0;
        }
            /* hide comment item */
            .detailInfo .tabs .tabItem[rel=comments] {
                display: none !important;
            }
            /* hide video item */
            .detailInfo .tabs .tabItem[rel=video] {
                display: none !important;
            }
            /* hide info item */
            .detailInfo .tabs .tabItem[rel=info] {
                display: none !important;
            }

            .detailInfo .tabs .tabItem .infoPanel ul { list-style: none; float: right; }
                .detailInfo .tabs .tabItem .infoPanel ul  li { display: block; float: left; margin-left: 3px; }
            .detailInfo .tabs .tabItem .infoPanel .price { display: block; clear: both; float: right; padding-top: 3px; font-size: 13px; font-weight: bold; }

            .detailInfo .tabs .tabItem[rel=recipe-details] {
                padding-top:0;
            }
            .detailInfo .tabs .tabItem[rel=recipe-details] h2 {
                display: none;
            }
            .detailInfo .tabs .tabItem[rel=recipe-details] .tabButtons {
                width: 407px;
            }
            .detailInfo .tabs .tabItem[rel=recipe-details] .ingredients {
                margin-top: 0px;
            }

/* comment item */
.commentItem { padding-bottom: 1px; }
    .commentItem h5{ margin: 0;}
    .commentItem .rating {}
        .commentItem .rating li { margin-bottom: 1em; padding: 1em 0 0 0; }
    .commentItem > p{ clear: both; margin-top: 1em; }        
/* rating form */
label ul.rating li {
    padding: 0;
}
/* image zoom */
.magnify {
    display: none !important;
}
#zoomTarget {
    display: none;
    overflow: hidden;
    border: 1px solid #ccc;
    background: #fff;
    position: absolute;
    width: 240px;
    height: 360px;
    top: 0;
    left: 0;
    z-index: 10000;
}
    #zoomTarget img {
        position: absolute;
        /*width: 1332px;*/
    }    
    
/* slideshow/video module */
#slideshow-Video-ControlPanel {display: none;}
/*************** Recipes ****************/
/* overview list */
.tableList { width: 100%; list-style: none; padding: 0; margin: 0; }
    .tableList li {
        display: block;
        padding: 1px;
        border-bottom: 1px dotted #000;
    }
    .tableList .th {
        font-size: 17px;
        font-weight: bold;
        padding: 3px 1px;
        background: none;
    }
    .tableList li > div {
        display: block;
        float: left;
        text-align: left;
        overflow: hidden;
    }
    
    .recipes li div.date { width: 13%; }
    .recipes li div.name { width: 67%; }
        .recipes li div.name h2{ 
            padding: 0;
            margin: 0;
            font-size: 15px;
            line-height: 1.5em; 
        }
            .recipes li div.name h2  a{ 
                display: block;
                padding: 0 0 0 25px;
                position: relative;
            }
            .recipes li div.name h2  a:hover {
                color: #be3382;
            }
                .recipes li div.name h2  a:before {
                    content: "";
                    display: block;
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 20px;
                    height: 20px;
                    background: none;
                }
                .recipes li div.name a.icon1:before { background-position: -3px -103px; }
                .recipes li div.name a.icon2:before { background-position: -28px -103px; }
                .recipes li div.name a.icon3:before { background-position: -53px -103px; }
                .recipes li div.name a.icon4:before { background-position: -78px -103px; }
                .recipes li div.name a.icon5:before { background-position: -103px -103px; }
                .recipes li div.name a.icon6:before { background-position: -128px -103px; }
                .recipes li div.name a.icon7:before { background-position: -153px -103px; }
                .recipes li div.name a.icon8:before { background-position: -178px -103px; }
                .recipes li div.name a.icon9:before { background-position: -3px -128px; }
    
    .recipes li div.time { width: 18%;  }
        .time span {
            display: block;
            padding: 0 0 0 25px;
            position: relative;
        }
        .time span:before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 20px;
            height: 20px;
            background: none;
        }
        
    .iconLabel {
        margin: 0 0 1em 0;
        display: block;
    }
    .iconLabel span {
        display: block;
        padding: 0;
        position: relative;
    }
        
    .th .sort {
        position: relative;
        padding-right: 15px;
    }
        .th .sort:after {
            content: "";
            position: absolute;
            width: 15px;
            height: 15px;
            background: none;
            right: 0;
        }
        .th .sort.without:after {
            background-position: -30px -187px;
        }
        .th .sort.descending:after {
            background-position: -55px -187px;
        }
        .th .sort.ascending:after {
            background-position: -80px -187px;
        }
        
/* Stamps */
.stamp {
    display: none;
}
.displayWindow li .stamp.custom {
    top: 0;
    right: 0;
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -ms-transform: none;    
    width: 120px;
    height: 120px;
}
/* downlaod */
.download {
    display: block;
    position: relative;
    padding-left: 30px;
    text-decoration: none;
}
    .download:before {
        content: "";
        display: block;
        position: absolute;
        width: 25px;
        height: 25px;
        top: 0;
        left: 0;
        background: none;
    }
        
.download.withoutIcon {
    padding-left: 0;
}
/* ***************** Form items **************** */
/* Anchor: checkbox element with skin */
a.checkbox {
    display: block;
    color: #999999;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.4em;
    position: relative;
    padding-left: 17px;
}
a.checkbox:before {
    content: "";
    position: absolute;
    top: 0;
    left: -2px;
    width: 15px;
    height: 15px;
    background: none;
}                
a.checkbox:hover {
    color: #000;
    text-decoration: none;
}
a.checkbox.selected  {
    color: #000;
}
a.checkbox.selected:before {
    background-position: -82px -81px;
}
    a.checkbox input[type="checkbox"] {
        display: none;
    }        
    
/* ***************** Right column content **************** */    
/* Cloud in right column */
.cloud { text-align: center; }
    .cloud span { display: inline-block; margin-right: 5px;}
    .cloud a { color: #404040; text-decoration: none; line-height: 1em; font-family: Segoe Script, comic sans ms, Arial; }
    .cloud a:hover { color: #be3382; text-decoration: none; }
    
    .cloud .s1 a { font-size: 14px; }
    .cloud .s2 a { font-size: 16px; }
    .cloud .s3 a { font-size: 18px; }
    .cloud .s4 a { font-size: 20px; }
    .cloud .s5 a { font-size: 22px; }
    .cloud .s6 a { font-size: 24px; }
    .cloud .s7 a { font-size: 26px; }
    .cloud .s8 a { font-size: 28px; }
    .cloud .s9 a { font-size: 30px; }
    .cloud .s10 a { font-size: 32px; }
    
/* gray panel */    
.grayPanel {
    margin: 0 0 1em 0;
    padding: 1em 1em 0;
    border: 1px solid #EBEBEB;
    background: #F4F4F4;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    
}
    .grayPanel h3 {
        line-height: 1.2em;
        margin: 0 0 0.3em 0;
    }
    
    .grayPanel form  input[type="text"],
    .grayPanel form  input[type="email"]{
        background: #fff;
        border: 1px solid #D3D4D6;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        width: 100%;
        margin: 0 0 0.5em 0;
        padding: 3px 5px;
    }
    .grayPanel form button[type="submit"]{
        cursor: pointer;
        float: right;
        display: inline-block;
        padding: 0;
        margin: 0 0 1em 0;
        background: none;
        border: none;
    }
    .grayPanel form button[type="submit"] span{
        cursor: pointer;
        float: right;
        display: inline-block;
        padding: 4px 10px 3px 10px;
        margin: 0;
        background: #be3382;
        color: #fff;
        font-family: Arial;
        text-decoration: none;
        font-size: 13px;
        line-height: 1em;
        font-weight: normal;
        border: 1px solid #be3382;
        border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        -ms-border-radius: 3px 3px 3px 3px;        
    }    
    .grayPanel form button[type="submit"]:hover span{
        background: #ec52b2;
        border-color:  #ec52b2;
    }
        
    .grayPanel table {
        margin: 0 0 1em 0;
    }
/* ************** Connected Carousels ************** */
    
/** Stage container **/
.connectedCarousels .stage {
    width: 76%;
    max-width: 670px;
    margin: 0;
    position: relative;
    float: left;
}
/** Navigation container **/
.connectedCarousels .navigation {
    width: 22.45%;
    padding: 23px 0;
    position: relative;
    float: right;
}
    
/** Shared carousel styles **/
.connectedCarousels .carousel {
    position: relative;
    overflow: hidden;
}
    .connectedCarousels .carousel ul {
        width: 20000em;
        position: absolute;
        list-style: none;
        margin: 0;
        padding: 0;
    }
        .connectedCarousels .carousel li {
            float: left;
        }
/** Navigation carousel specific styles **/
.connectedCarousels #carousel-navigation {
    height: 425px;
    width: 100%;
    min-width: 115px;
    background: #fff;
    border: 1px solid #999999;
    padding: 0;
}
    .connectedCarousels #carousel-navigation ul {
        width: 100%;
        height: 20000em;
    }
        .connectedCarousels #carousel-navigation li {
            float: none;
            position: relative;
            cursor: pointer;
            width: 100%;
            height: auto;
            overflow: hidden;
        }
            .connectedCarousels #carousel-navigation li img {
                display: block;
                border: 2px solid #fff;
                width: 100%;
            }
            .connectedCarousels #carousel-navigation li.active img {
                border-color: #be3382;
            }
/** Navigation carousel controls **/
.connectedCarousels .prev-wrapper, .connectedCarousels .next-wrapper {
    width: 100%;
    height: 40px;
    position: absolute;
}
.connectedCarousels .prev-wrapper { top: 0; }
.connectedCarousels .next-wrapper { bottom: 0; }    
.connectedCarousels .prev-navigation,
.connectedCarousels .next-navigation {
    display: block;
    position: static;
    width: 100%;
    height: 20px;
    margin: 0 auto;
    background: #999999;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 16px/29px Arial, sans-serif;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
.connectedCarousels .prev-navigation {
    padding-bottom: 20px;
}
.connectedCarousels .next-navigation {
    padding-top: 20px;
}
    .connectedCarousels .prev-navigation img,
    .connectedCarousels .next-navigation img {
        display: block;
        position: relative;
        width: 20px;
        height: 20px;
        background: none;
        margin: 0 auto;
    }
    .connectedCarousels .prev-navigation img{
        background-position: -153px -51px;
    }
    .connectedCarousels .next-navigation img {
        background-position: -178px -54px;
        bottom: 0;
    }
.connectedCarousels .prev-navigation.inactive,
.connectedCarousels .next-navigation.inactive {
    opacity: .5;
    cursor: default;
}
/* content area items */
.displayWindow li .teaserBox {
    position: absolute;
    z-index: 10;
    top: 20px;
    left: 20px;
    width: 50%;
    padding: 1em 1em 0 1em;
    background: rgba(249,249,249, 0.8);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
}
    .displayWindow li .teaserBox a,
    .displayWindow li .teaserBox a:hover    {
        color: #404040;
        text-decoration: none;
    }
    
/* ***  Skinning *** */
.w110 { width: 110px !important; }
.w115 { width: 115px !important; }
.w125 { width: 125px !important; }
.w150 { width: 150px !important; }
.w175 { width: 175px !important; }
.w200 { width: 200px !important; }
.w100pr { width: 100% !important; }
.w60pr { width: 60% !important; }
.w40pr { width: 40% !important; }
.w65pr { width: 65% !important; }
.w35pr { width: 35% !important; }
/* select */
.DivSelectyze {
    position: relative;
    width: 100%;
    float:left;
}
.DivSelectyze .selectyzeValue {
    position:relative;
    z-index:10;
    display:block;
    text-decoration:none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.DivSelectyze ul {list-style:none; padding: 0; margin: 0; }
.DivSelectyze .UlSelectize {
    position:absolute;
    z-index:9999;
    display:none;
}
.DivSelectyze li a {
    display:block;
    text-decoration:none;
}
.optgroupTitle {
    display:block;
}
.filterSelect {
    display: none;
}
/* Ribbon */
.topRibbon {
    border-top: 1px solid #e6a3cb;
    border-bottom: 1px solid #e6a3cb;
    background: #ffd7ff;
    color: #404040;
    padding: 8px 0 11px 0;
    margin: 1px 0;
    font-size: 11px;
    line-height: 16px;
    position: relative;
    z-index: 100;
    box-shadow: 4px 0 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 4px 0 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 4px 0 4px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 4px 0 4px rgba(0, 0, 0, 0.4);
}
    .topRibbon .wrapper {
        width: 1200px;
        margin: 0 auto;
    }
    .topRibbon .left {
        float: left;
    }
    .topRibbon .right {
        float: right;
    }
    .topRibbon a {
        color: #d7257f;
        text-decoration: none;
        font-size: 11px;
        line-height: 16px;
        position: relative;
    }
    .topRibbon a:hover {
        color: #ab005b;
        text-decoration: underline;
    }
    .topRibbon .closeButton {
        padding-right: 20px;
    }
    .topRibbon .closeButton:after {
        content: "";
        display: block;
        position: absolute;
        width: 17px;
        height: 17px;
        top: -2px;
        right: 0;
        background: none;
    }
    .topRibbon p {
        margin: 0;
    }
    
@media screen and (min-width: 0px) and (max-width: 1200px) {
    .topRibbon .wrapper { padding-left: 1%; padding-right: 1%; width: 100%; }
}
    
/* Sitemap */
#sitemap {}
    #sitemap  ul {
        list-style: none;
        margin: 0 0 10px 0;
        padding: 0 0 0 15px;
        border-left: 1px dashed #999999;
    }
    #sitemap > ul {
        width: 33.3%;
        float: left;
        border-left: none;
        margin: 0 0 1.5em 0;
        padding: 0 10px 0 0;
    }
    
        #sitemap > ul ul {}    
            #sitemap > ul ul a {
                font-size: 15px;
                line-height: 1.2em;
                text-decoration: underline;
                display: block;
                position: relative;
                padding: 3px 0 3px 15px;
            }
            #sitemap > ul ul a:before {
                content: "";
                position: absolute;
                top: 4px;
                left: 0;
                width: 15px;
                height: 15px;
                background: none;
            }
            #sitemap > ul ul a:hover:before {
                background-position: -182px -130px;
            }
            
                #sitemap > ul ul ul a  {
                    text-decoration: none;
                }
    
    #sitemap h5 a {
        font-size: 15px;
        color: #BE3382;
        font-weight: bold;
        text-decoration: none;
    }
    #sitemap h5 a:hover {
        color: #404040;
    }
    
/* Search */
.searchResult a, .searchResult a:hover {
    color: #404040;
    text-decoration: none;
}
.searchResult a.more {
    color: #BE3382;
}
.searchResult a.more:hover {
    color: #404040;
}
.searchResult .picture {
    float: left;
    margin: 0 5px 5px 0;
    height: auto !important;
}
    .searchResult .picture img {
        width: 107px;
    }
    
.searchResult .fragment span {
    font-weight: bold;
}
    
/* Google map */
#gmap {
    width: 100%;
    height: 500px;
    border: 1px solid #E5E4E0;
    margin-bottom: 15px;
    position: relative;
}
    #gmap div {
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        -ms-box-sizing: content-box;
        box-sizing: content-box;
        font-family: Arial,Helvetica,Sans-Serif;
        font-weight: normal;
        font-size: 11px;
        line-height: 15px !important;
    }
    #gmap div.infoWindowContent{
        padding: 0 0 5px 0;
        width: 215px;
    }
        #gmap div.infoWindowContent a{
            font-size: 11px;
            line-height: 15px !important;
        }
.imageHeadline {
    margin: 0;
    border: none;
}
.imageHeadline td {
    padding: 2px 7px 2px 2px;
    vertical-align: middle;
}
.imageHeadline td h3 {
    margin: 0;
}
.rowAnchor a, .rowAnchor a:hover { 
    padding: 5px;
    display: block; 
    color: #404040;
    text-decoration: none;
}
ul.rowAnchor {
    padding: 0 0 1em 0;
    margin: 0;
    list-style: none;
}
    ul.rowAnchor li {
        display: block;
    }
        ul.rowAnchor li.first div { padding: 5px; }
        ul.rowAnchor li.dottedBottom { margin-bottom: 0.2em }
        ul.rowAnchor li > div { float: left;}
        ul.rowAnchor li > div.name { width: 30%; }
        ul.rowAnchor li > div.address { width: 70%; }
        ul.rowAnchor li:hover { background-color: #fff; }
        ul.rowAnchor li.first:hover { background-color: transparent; }
        
/* toolitp */    
.tooltipCover {
    display: none;
}
/* Wish list markup CSS */
.wishlist .infoAnimation {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #D2007B;
    color: #FFFFFF;
    margin: 0;
    padding: 0;
    text-align: center;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -ms-border-radius: 3px 3px 3px 3px;    
}
    .wishlist .infoAnimation span {
        display: block;
        font-size: 250%;
        line-height: 1.5em;
        padding: 2px 17px;
    }
    
.confirmation {
    width: 240px;
    padding: 10px 10px;
    display: none;
    position: absolute;
    z-index: 10000;
    top: 20px;
    right: 0;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;    
    -ms-border-radius: 4px 4px 4px 4px;    
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3);
    -ms-box-shadow: 0 0 4px rgba(0,0,0,0.3);
}
    .confirmation > h4 { margin: 3px 0 5px 0;}
    .confirmation > span {
        display: block;
        float: left;
        font-size: 200%;
        line-height: 1.5em;
        padding: 2px 6px;
        margin: 0 10px 0 0;
        background-color: #D2007B;
        color: #FFFFFF;        
        border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        -ms-border-radius: 3px 3px 3px 3px;            
    }
    .confirmation > p {
        margin: 0;
    }
    
    
.overviewGrid.list.type2 .dottedBottom {
    margin-bottom: 3px;
}
    .overviewGrid.list.type2 .item .text {
        margin-bottom: 1em;
        background: transparent;
    }        
    
    .overviewGrid.list.type2 .item > .wrapper {
        padding: 1em 0 0 0;
        margin: 0 0 3px 0;
        background: transparent; 
    }
    
    .overviewGrid.list.type2 .item.special > .wrapper {
    }    
    
        .overviewGrid.list.type2 .item .text > span {
            float: left;
            padding: 0;
        }
            .overviewGrid.list.type2 .item .text .name {
                width: 69%;
            }
                .overviewGrid.list.type2 .item .text .name h2 {
                    padding-right: 0;
                }
                .overviewGrid.list.type2 .item .name .buttons {
                    display: none;
                }
                
            .overviewGrid.list.type2 .item .text .price {
                width: 30%;
                position: relative;
            }
            .overviewGrid.list.type2 .item .text h4 {
                font-size: 19px;
                line-height: 1.3em;
                font-weight: normal;
                color: #cb4c94;
                margin: 0 0 1.1em 0;
            }
                .overviewGrid.list.type2 .item .text h4 span {
                    display: block;
                }
            .overviewGrid.list.type2 .item .text .validDate {
                float: none;
                font-size: 19px;
                font-weight: bold;
            }
.specialOffer {
    display: block;
    position: relative;
    width: 120px;
    height: 110px;
    background: none;
    margin: 0.5em 0 0 2em;
}
    .specialOffer > span {
        text-align: center;
        display: block;
        position: absolute;
        width: 120px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;            
    }
    .specialOffer .oldPrice {
        color: #000;
        font-size: 18px;
        line-height: 18px;
        font-weight: bold;
        left: 0;
        top: 20px;
    }
    .specialOffer .oldPrice.large {
        font-size: 12px;
    }
    .specialOffer .oldPrice:before {
        content: "";
        position: absolute;
        top: 8px;
        left: 30%;
        width: 40%;
        height: 2px;
        border-top: 2px solid #fb0002;
    }
    .specialOffer .oldPrice.large:before {
        top: 9px;
        left: 31%;
        width: 51%;
        border-top: 1px solid #fb0002;
    }    
    .specialOffer .newPrice {
        color: #be3382;
        font-size: 24px;
        line-height: 24px;
        font-weight: bold;
        left: 0;
        top: 41px;
    }
    .specialOffer .newPrice.large {
        font-size: 14px;
    }
        .specialOffer .oldPrice b,
        .specialOffer .newPrice b {
            font-weight: normal;
            font-size: 12px;
        }
        .specialOffer .oldPrice.large b,
        .specialOffer .newPrice.large b {
            font-size: 9px;
        }
    .specialOffer .label {
        color: #000;
        font-size: 10px;
        line-height: 10px;
        left: 0;
        top: 68px;
        padding: 0 15px;        
    }
    
    .specialOffer .background {
        position: absolute;
        left: 7px;
        top: 0;
    }

.save {    
    display: block;
    position: absolute;
    width: 65px;
    height: 65px;
    background: none;
    top: -3px;
    left: -3px;
    
}
    .save > span {
        text-align: center;
        display: block;
        position: absolute;
        width: 65px;    
        color: #fff;
    }
        .save .label {
            font-size: 10px;
            line-height: 10px;
            left: 0;
            top: 20px;
        }
        .save .value {
            font-size: 13px;
            line-height: 13px;
            font-weight: bold;
            left: 0;
            top: 32px;
        }
    .save .background {
        position: absolute;
        left: 2px;
        top: 3px;        
    }
        
.price .regular {
    text-align: center;
    display: block;
    width: 100%;
    color: #000;
    font-size: 18px;
    line-height: 18px;
    font-weight: normal;    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;        
}    
.overviewGrid.list.type2 .commentForm {
}
    .overviewGrid.list.type2 .commentForm fieldset { margin: 1em 0 5px 0; }
    .overviewGrid.list.type2 .commentForm textarea { margin: 0; height: 60px; line-height: 1em; position: relative; overflow: hidden;}
    
/* Responsive style sheets */
/* Reusable column setup */
.col {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    -ms-background-clip:padding-box !important;
    background-clip:padding-box !important;
}

#overlay{
    display: none;
}
#lightwindow {
    display: none;
}
#pageBackground,
#leftColCover,
#rightColCover,
#rightColSwitch,
#leftColSwitch,
#topPanel,
#mainNavigation,
#searchPanel,
#leftColumn,
#rightColumn
{
    display: none !important;
}
.buttonsPanel {
    display: none;
}

.icon.string { margin: 0 0 6px 0; padding: 0 0 0 26px; display: block; position: relative;min-height: 22px;}
.icon.string:before { content:'';display: inline-block; margin:0; padding:0; position: absolute; top: 0px; left: 0; width: 24px; height: 22px; }
.icon.string.star { margin: 0 0 1.5em 0; }
.icon.string span { display: block; padding: 3px 0 0 0; font-style:italic; }
.icon.string.star span { font-style:normal; }
.icon.string:before {
    background: none;
    font-size: 18px;
    font-weight: bold;
    line-height:25px;
}
.icon.string.t-warr:before {
    content: "T";
}
.icon.string.two-warr:before {
    content:"2";
}
.icon.string.star:before {
    font-size: 30px;
    line-height:35px;
    content:"*";
}