/* 

















                          
                          






 configuration.ftl included */


/*
-----------------------------
This stylesheet is granted a high priority.
Please take in consideration that any declarations here will most probably overwrite all other stylesheets
-----------------------------
*/


/* CUSTOM SANDER CSS */

* {
    -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;    
  text-transform: none !important;
   font-family: 'Basic', sans-serif !important;
   font-style: normal !important;
   letter-spacing: -0.5px !important;
}

a:hover {
    text-decoration: none !important;
}

.new-product {
        z-index: 9999;
    border-radius: 50%;
    box-shadow: 0 4px 12px 0px rgb(0 0 0 / 15%);
    width: 60px;
    height: 60px;
    position: absolute;
    padding: 20px 15px;
    font-weight: bold;
    font-size: 13px !important;
    display: flex;
    color: white;
    margin-top: -40px;
    align-items: center;
    justify-content: center;
    margin-left: -40px;
    right: 0;
    text-align: center;
    margin-right: -35px;
    background: rgba(106,158,51,1);
    background: -moz-linear-gradient(45deg, rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(106,158,51,1)), color-stop(100%, rgba(134,185,79,1)));
    background: -webkit-linear-gradient( 
45deg
 , rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%);
    background: -o-linear-gradient(45deg, rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%);
    background: linear-gradient( 
45deg
 , rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a9e33', endColorstr='#86b94f', GradientType=1 );
}

#category_event_valentijn { 
    background-size: cover;
    background-position: center;
    height: 250px !important;
}
.product-option-ebookUpselling { display: none; }

@media (max-width: 768px) {

.row--faq {
    padding-top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#helpNavigation li {
    display: inline-block;
}

#checkoutOptions a { display: block; margin: 1rem 0; color: purple; text-decoration: underline; }
    #details #proceedBar {margin-top:20px;}
    #details #description {padding: 0 !important; }
    #details #secondOrderBtn {display: block !important; margin: 40px 10px; }
    #details #secondOrderBtn .button { border-radius: 45px !important; }
    #details #thumbnails {display: flex; flex-wrap: wrap; width: 100%; }
    #details #optionsArea .row {padding-top: 0 !important; }
    #details .row .usp1 {display: none;} 
    #details .row .usp2 {display: block !important;} 
    #details #optionsArea .fb-like { display: none !important; }
    #details #orderBtn { width: 100%; margin-top: -20px; float: left; }
    #details #optionsArea {display: table; }
    #details #options { display: table-footer-group; }
    #details #options .product-option { max-width:275px !important; }
    #details #options {
        padding-top: 0 !important;
    }
    #details #optionsArea p {
        display: none !important;
    }
    #details #options .product-option select { height: 45px !important; }
    #details #optionsArea {
        padding-top: 0;
    }
    #details #presentationArea {
        margin: 10px;
    }
    #details .wrapper.container {
        padding: 0 !important;
    }
    #checkoutForm .arrow, #details .arrow  {    
        position: fixed;
        right: 5%;
        bottom: 10%;
        z-index: 1;
    }
    #checkoutForm .arrow .far, #details .arrow .far {
        font-family: "FontAwesome" !important; 
        font-size: 3em !important;
        color: #333 !important;
    }
}
@media (min-width: 768px) {
    #checkoutForm .arrow, #details .arrow {
        display: none;
    }
}

#infoRequestMessages {
    position: absolute;
    z-index: 999999;
    background: white;
    padding: 2em 2em 1em 2em;
    border: 2px solid green;
    border-radius: 5px;
}
#preview iframe {
    width: 95% !important;
    }

#teaser_new {
    height: 400px;
    width: 100%;
}
#teaser_ie {
    display: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none), (-ms-ime-align:auto) {
   video {
        display: none;
    }
    #teaser_ie {
        background-image: url('https://www.fujiprint.nl/ips-repositories/operator/20645482/commons/images/homepage/teaser_blox.jpg');
        height: 400px;
        width: 100%;
        display: block;
    }
    #videocontent {
        margin-top: -130px !important;
    }
}

#teaser_new #frontpage_test {
    height: 400px;
    width: 100%;
    background-size: cover;
    background-position: center;
}
#teaser_new .circle {
    width: 444px;
    margin: -30px 0px 0px -60px;
    height: 447px;
    background-image: url('/ips-repositories/operator/20645482/commons/images/homepage/flag.png') !important;
    position: relative;
}
#teaser_new .circle h1 {
    text-align: center;
    font-size: 6em;
    color: white;
    padding-top: 50px;
    margin-bottom: 0px;
}
#teaser_new .circle h3 {
    text-align: center;
    font-size: 1.6em;
    padding: 10px 0 20px 0;
    color: white;
    font-weight: 100 !important;
}
#teaser_new .circle p {
    color: white;
    text-align: center;
}
#teaser_new .btn-default {
    font-weight: 300 !important;
    font-size: 18px;
    border: none !important;
    border-radius: 45px;
    color: #a53080;
    padding: 17px 32px !important;
    font-family: 'Basic', sans-serif !important;
    box-shadow: 0px 9px 20px -5px rgba(0,0,0,0.3);
    background: rgb(237,237,237);
    background: -moz-linear-gradient(-45deg, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(135deg, rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=1 );
}
#teaser_new .fas {
    font-family: 'FontAwesome' !important;
    font-size: 18px;
    padding-right: 12px;
}
@media only screen and (max-width: 600px) {
    #teaser_new .circle {
        width: 350px !important;
        height: 350px !important;
        margin: 18px 0 0 -33px !important;
        padding: 23px 16px 0 21px  !important;
        opacity: .95;
    }
    #teaser_new h1, #teaser_new h2, #teaser_new h3, #teaser_new p {
        padding: 0px !important;
        margin: 0 !important;
        text-align: center !important;
    }
}

.purplegradient {
    background: rgb(156,52,116) !important;
    background: -moz-linear-gradient(45deg, rgba(156,52,116,1) 0%, rgba(220,79,56,1) 100%) !important;
    background: -webkit-linear-gradient(45deg, rgba(156,52,116,1) 0%, rgba(220,79,56,1) 100%) !important;
    background: linear-gradient(45deg, rgba(156,52,116,1) 0%, rgba(220,79,56,1) 100%) !important;
}
.purplegradient .navbar-default .navbar-nav > li > a {
    color: white !important;
}
.navbar-default .navbar-nav > li > a {
    padding: 15px 20px !important;
}
#checkoutContent .fas {font-family: "FontAwesome" !important; font-size: 1.4rem; }
#checkoutContent .fas.fa-pencil-alt { color: #a53080; }
#checkoutContent .fas.fa-times { color: #999; margin-right:10px; }
#optionsArea ul li {display: block;}
#optionsArea ul li::first-letter {text-transform: capitalize !important;}
#blinds {
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .5;
    display: none;
}
#navi ul { padding: 0px !important; max-width: 1175px;  } 
/* MENU DROPDOWN START */
#menuContainer .btn-default {
    width: 80%;
    background: rgba(106,158,51,1);
    background: -moz-linear-gradient(45deg, rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(106,158,51,1)), color-stop(100%, rgba(134,185,79,1)));
    background: -webkit-linear-gradient(45deg, rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%);
    background: -o-linear-gradient(45deg, rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%);
    background: linear-gradient(45deg, rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a9e33', endColorstr='#86b94f', GradientType=1 );
}
#menuContainer .fa-long-arrow-alt-right { margin-right: 10px; }
#menuContainer .popular {
    background: rgb(156,52,116) !important;
    background: -moz-linear-gradient(45deg, rgba(156,52,116,1) 0%, rgba(220,79,56,1) 100%) !important;
    background: -webkit-linear-gradient(45deg, rgba(156,52,116,1) 0%, rgba(220,79,56,1) 100%) !important;
    background: linear-gradient(45deg, rgba(156,52,116,1) 0%, rgba(220,79,56,1) 100%) !important;
}
#menuContainer {
    margin: 0px auto 0px -588px;
    position: fixed !important;
    width: 1175px !important;
    left: 50% !important;
}
.menu-large .col-sm-6  {
    transition: all .2s ease-in-out;
    text-align: center;
}
.menu-large .col-sm-6:hover {
    transform: scale(1.1)
}
.menu-large img {
    max-height: 160px;
}
.menu-large h5 {
    text-align: center;
    font-size: 1.9rem;
    font-weight: 600;
    color: #a53080;
}
.menu-large p.sub {
     text-align: center;
    margin-top: -10px;
    font-size: 1.7rem !important;
}
.menu-large p.price {
    text-align: center;
    margin-top: -15px;
    font-weight: 600;
    font-size: 1.6rem !important;
    color: #333;
}
#menuContainer {
    background: white;
}
#menuContainer .fas {
    font-family: "FontAwesome" !important;
    padding-left:5px;
}
.dropdown-menu { border: 0px; padding: 15px 30px !important; width: 1175px !important; box-shadow: none !important; }
.navbar-default {
    background: none !important;
    border: none !important;
    color: #1a1a1a
}
.navbar-default .navbar-nav > li > a{
    color:#1a1a1a;
    font-weight: 600 !important;
}
@media (min-width: 768px) {
    .navbar-nav>li {
        margin: auto;
    }
    #content { margin-top: 50px !important; }
}
.navbar-default .navbar-nav > .dropdown > a .caret{
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.navbar-default .navbar-brand{
    color:#1a1a1a;
}
.menu-large {
  position: static !important;
}
#navi ul.megamenu {
  width:1175px;
  margin-left: -40px !important;
  padding: 30px !important;
}
.megamenu.row { width: 1175px !important }
.megamenu> li > ul {
  padding: 0;
  margin: 0;
}
.megamenu> li > ul > li {
  list-style: none;
}
.megamenu> li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}
.megamenu> li ul > li > a:hover,
.megamenu> li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.megamenu.disabled > a,
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  color: #999999;
}
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.megamenu.dropdown-header {
  color: #428bca;
  font-size: 18px;
}
@media (max-width: 768px) {
  .megamenu{
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .megamenu> li {
    margin-bottom: 30px;
  }
  .megamenu> li:last-child {
    margin-bottom: 0;
  }
  .megamenu.dropdown-header {
    padding: 3px 15px !important;

  }
  .navbar-nav .open .dropdown-menu .dropdown-header{
	color:#fff;
  }
  ul.sidr-class-dropdown-menu.sidr-class-megamenu { display: none !important; }
}


/* MENU DROPDOWN END */
#klantenservice { transition: all .22s ease-in; }
#klantenservice:hover {
    cursor: pointer;
    transform: scale(1.05);
    background: #f9f9f9;
}
#klantenservice a:hover {
    text-decoration: none !important;
}
#downloadpgx {
    left: 72%;
    top: 10%;
    width: 150px;
    height: 150px;
    text-align: center;
    position: absolute;
    color: white;
    padding: 32px 15px;
    border-radius: 50%;
    box-shadow: 0 4px 12px 0px rgba(0,0,0,.15);
    background: rgba(106,158,51,1);
    background: -moz-linear-gradient(45deg, rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(106,158,51,1)), color-stop(100%, rgba(134,185,79,1)));
    background: -webkit-linear-gradient(45deg, rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%);
    background: -o-linear-gradient(45deg, rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%);
    background: linear-gradient(45deg, rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a9e33', endColorstr='#86b94f', GradientType=1 );
    transition: all .2s ease-in-out;
}
#downloadpgx:hover {
    cursor: pointer;
    transform: scale(1.1);
}
#downloadpgx .fab {
    font-family: 'FontAwesome' !important;
    font-size: 2.5rem;
    margin-bottom: 10px;
}
@media only screen and (max-width: 600px) {
    #downloadpgx {
        display: none;
    }
}
#pgx .row {
    background-image: url('https://i.ibb.co/zPF5cRV/pgxbg.jpg');
    height: 750px;
    background-size: cover;
    margin-bottom: 20px;
}
#pgx .row .col-md-6 {
    padding: 30px;
    margin: 30px;
    background-color:rgba(255,255,255,0.75);
    box-shadow: 0 4px 12px 0px rgba(0,0,0,.15);
}
#pgx h1 {
    font-family: 'Caveat', cursive !important;
    font-size: 90px;
    color: #9f3572;
    text-align: center;
}
#pgx h3 {
    font-size: 22px;
    text-align: right;
    padding-right:20px;
    color: #201b1d;
    margin-top: -20px;
    margin-bottom: 20px;
}
#pgx .circle {
    width: 30px;
    height: 30px;
    background: #9f3572;
    color: white;
    position: absolute;
    border-radius: 50%;
    padding: 5px 10px;
}
#pgx p {
    margin-left: 50px;
}
#pgx .fas {
    font-family: 'FontAwesome' !important;
}
#pgx .fab {
    font-family: 'FontAwesome' !important;
    margin-right: 4px !important;
    font-size: 1.3em;
}

#pgx .btn-info {
    border: 0;
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
    width: 49%;
    font-size: 1.9rem !important;
    padding: 20px 0;
    border-radius: 8px;
    box-shadow: 0 4px 12px 0px rgba(0,0,0,.15);
    transition: all .2s ease-in-out; 
}

#pgx .btn-info:first-child {
        background: rgba(106,158,51,1);
    background: -moz-linear-gradient(45deg, rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(106,158,51,1)), color-stop(100%, rgba(134,185,79,1)));
    background: -webkit-linear-gradient(45deg, rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%);
    background: -o-linear-gradient(45deg, rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%);
    background: linear-gradient(45deg, rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a9e33', endColorstr='#86b94f', GradientType=1 );
}
#pgx .btn-info:nth-child(2) {
    background: #bf4353; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #bf4353 0%, #9d3573 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #bf4353 0%,#9d3573 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #bf4353 0%,#9d3573 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#pgx a:hover {
    cursor: pointer;
    color: white !important;
    transform: scale(1.1);
}
#pgx .arrow {
    text-align: center;
    font-size: 2em !important;
}


#optionsArea #bestPrice {
    font-size: 1.8em;
    color: #1a1a1a !important;
    font-weight: 600 !important;
}

.step {
    background: none !important;
}

#jade-Component-93-uploadButton {    
    line-height: 22px !important;
}


.overviewStepTitles {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.rev {
    width: 100px;
    margin: 0 auto;
    margin-top: 20px;
    height: 100px;
    border-radius: 50%;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.rev1 { background: url(/ips-repositories/operator/20645482/commons/images/jolanda.jpeg);  }
.rev2 { background: url(/ips-repositories/operator/20645482/commons/images/manon.jpeg); background-position: top !important;  }
.rev3 { background: url(/ips-repositories/operator/20645482/commons/images/frank.jpeg);  }

.overview-block h2 {
    font-size: 1.1em !important;
}

#teaser .containerBox.customtextbox {
    width: auto !important;
    height: auto !important;
    margin-top: 20px !important;
    margin-left: 20px !important;
    opacity: .9;
    background: none !important;
    border: none !important;
}

#teaser .textBox {
    width: auto !important;
    height: auto !important;
    width: 400px !important;
    background-color: none !important;
    border: none !important;
    padding: 20px 20px 0px 20px !important
}

#teaser .textBox h1 {
    margin-top: -20px;
}

#teaser .textBox button {
    display: none !important;
}

#teaser .textBox h1 {
    font-size: 1.3em !important;
}
#teaser .textBox h2 {
    font-size: 1.1em !important;
    color: #983378 !important;
    padding-top:5px !important;
    line-height: 1.3em !important;
}

/* START EDITOR FIX */
#jade-Component-167 {
    top: 59px !important;
}
#jade-Component-413 input {
    padding: 4px 1px 4px 0px !important;
}
#preditor a#headLogo {
    background: none !important;
}
#preditor a#headLogo img {
    height: 50px !important;
}
.jade-ui-component .title {
    font-size: 16px !important;
}
.jade-Component input {
    padding: 0 !important;
    height: 15px !important;
}
#jade-Component-606 input {
    padding: 4px 0px 5px !important;
}    
/* END EDITOR FIX */


.prijsklein {
    font-size: 16px !important;
}

#myAccount label {
    font-size: 16px !important;
    font-weight: 600;
    padding: 23px 0 0 29px !important;
    color: #a53080 !important;
}

#totalWrapper {
background: rgb(156,52,116);
background: -moz-linear-gradient(45deg, rgba(156,52,116,1) 0%, rgba(220,79,56,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(156,52,116,1) 0%, rgba(220,79,56,1) 100%);
background: linear-gradient(45deg, rgba(156,52,116,1) 0%, rgba(220,79,56,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9c3474",endColorstr="#dc4f38",GradientType=1);
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.arrow {
  position: relative;
  color: #a53080 !important;
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

#mobile-menu a {
    padding-left: 0 !important;
}

#mobile-menu .fa-user {
    margin-left: 25px;
    color: black !important;
    font-size: 1.2em !important;
}

#mobile-menu .fa-shopping-cart {
    margin-left: 25px;
    color: black !important;
    font-size: 1.2em !important;
}

#myAccountNavi .btn-default, .btn-default.disabled {
    background: #333;
    color: white;
    border-radius: 0 !important;
}

#totalWrapper p {
    letter-spacing: 0px !important;
}

h1,h2,h3, h1.centered, h2.centered, h3.centered { font-weight: 600 !important; }

#mobile-menu {
    display: none;
}

#contactBox {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

#contactBox .wrapper.container {
    width: 100% !important;
    padding: 0 !important;
}

#softwareBtn .fas, #orderBtn .fas {
    font-family: 'FontAwesome' !important;
    padding-right:15px;
}

#emptyCartTxt {
    padding-bottom:20px;
}

#softwareBtn {
    position: absolute;
    width: 339px;
    padding-right: 55px !important;
    background: #f1f1f1 !important;
    color: black !important;
    border: 1px solid #eee;
    margin-bottom:20px;
}

#startpageBtn {
    color: white !important;
    background: linear-gradient(45deg, rgba(152,51,120,1) 0%, rgba(243,105,12,1) 100%);    
    margin-bottom: 30px !important;
}

#printOrderBtn {
    color: #666 !important;
    background: #e1e1e1 !important;
}

.downloadBtn {
    color: white;
    background: linear-gradient(45deg, rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%) !important;
    font-size: 22px !important;
    width: 400px !important;
    font-weight: bold !important;
    border-radius: 50px !important;
    height: 75px !important;
    line-height: 3.5em !important;
}

.downloadBtn:hover {
    background: linear-gradient(45deg, rgba(152,51,120,1) 0%, rgba(243,105,12,1) 100%) !important;
    color: white !important;
}

#paymentBtn {
    color: white;
    background: linear-gradient(45deg, rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%) !important;
}

#sendOrderButton {
    color: white !important;
    background: linear-gradient(45deg, rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%) !important;
        width: 100% !important;
}

#orderBtn {
    color: white;
    float: right;
    width: 47%;
    background: linear-gradient(45deg, rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%) !important;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

#orderBtn:hover, #softwareBtn:hover, #sendOrderButton:hover {
    background: linear-gradient(45deg, rgba(152,51,120,1) 0%, rgba(243,105,12,1) 100%) !important;
    color: white !important;
}

#optionsArea {
    line-height: 1.5em;
    color: #666;
}

.helpNavigationColumn, .helpMainColumn {
    margin-left: -87px;
    margin-right: 80px !important;
}

#infoBox .wrapper.container {
    padding: 0 !important;
}

.stepcounter {
    color: white !important;
   padding: 2px 15px;
    border-radius: 50px;
    font-size: 40px !important;
    
    background: rgb(156,52,116);
background: -moz-linear-gradient(45deg, rgba(156,52,116,1) 0%, rgba(220,79,56,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(156,52,116,1) 0%, rgba(220,79,56,1) 100%);
background: linear-gradient(45deg, rgba(156,52,116,1) 0%, rgba(220,79,56,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9c3474",endColorstr="#dc4f38",GradientType=1);
}

#presentationArea, #optionsArea {
    padding-top:30px;
}

#options .product-option label, #options .product-option select {
    color: black;
    font-size: 18px;
    font-weight: 600;
    height: 35px !important;
}

#optionsArea ul {
    list-style-type:none;
}

#optionsArea ul li {
    font-size: 16px !important;
    padding-bottom: 5px;
    font-weight: 600;
    color: black;
}

#optionsArea ul li a {  
    color: #a53080;
}

#optionsArea ul li .fas {
    font-family: 'FontAwesome' !important;
    color: #86b94f;
    padding-right: 5px;
}   

#optionsArea .row {
    padding-top: 25px !important;
}

#optionsArea h2 {
    font-size: 22px !important;
    font-weight: 100 !important;
}

/* SANDER DESKTOP START */

@media only screen and (min-width: 600px) {

    .userButtonRow .userFormColumnWidth:nth-child(2) {
        margin-top:15px; 
    }
    .mobile-menu {
        display: none;
    }
    #header {
        width: auto !important;
        margin-top: 10px;
    }
    #teaserholder {
        padding: 0 25px !important; 
        z-index: 9999;
    }
}

/* SANDER DESKTOP END */

/* SANDER MOBILE START */

@media only screen and (max-width: 600px) {

    #orderHistory .container, #helpCenter .container {
        padding: 0 10px !important;
    }
    
    #orderHistory .userContainer {
        width: 400px !important;
        margin: 0 -20px !important;
    }

    #productOverview #teaser {
            margin: 40px -40px 0 -40px;
    }
    
    #productOverview #teaser .teaserBox .customtextbox .textBox {
        padding: 10px !important;
        margin: -10px -20px 10px -20px;
        width: 250px !important;
        background-color: white;
        opacity: .9;
    }  
    
    #productOverview #teaser .teaserBox .customtextbox p {
        display: none; !important;
    }  

    .producthighlight .col-md-7 {
        float: left !important;
    }
    .producthighlight .col-md-5 {
    	float: right !important;
    }
    .producthighlight .col-md-5 .prijs {
    	font-size: 28px !important;
    	padding-top: 7px !important;
    }

    .step {
        margin: -40px -60px 0 -30px !important;
    }
    .column.left .step {
        margin: 10px -20px !important;
    }
    
    .column.right.step {
       float: left !important;
       padding: 0 !important;
        margin: 0 !important;
    }
    .column.right.step  h2 {
        padding-bottom: 0 !important;
    }
    
    #privacyPolicy table, #privacyPolicy table tr, #privacyPolicy table td {
        width: 330px !important;
        max-width: 330px !important;
    }

    .mobile-menu {
        display: block;
    }

    #myAccount .userContainer {
       margin: 0px !important;
       padding: 0px !important;
    }

    #myAccountNavi {
       margin: 50px 0px 0 0 !important;
    }

    
    #myAccount #content .container {
     padding: 0 10px !important;
    }

    #companyinfo .row .col-md-10 {
        padding: 10px !important;
    }
    #nieuwsbrief .row {
        padding: 10px !important;
    }
    #teaserholder {
        margin: 60px -30px 0 -30px !important;
    }
    #optionsArea h2 {
        text-align: left;
    }
    #softwareBtn {
        display: none;
    }
    .overview-block {
        height: auto !important;
        padding: 10px 15px;
    }
    #mobile-menu {
        display: block;
        height: 50px;
        background-color: white;
        width: 100%;
        padding-left: 10px;
        top: 0;
        background-size: contain;
        padding-top: 0px;
        z-index: 999;
        position: fixed;
        padding: 16px;
        opacity: .95;
    }
    #mobile-menu .logo {
        float: right;
        width: 144px;
        margin: 0px 5px 0 0;
        height: 29px;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(https://www.fujiprint.nl/ips-repositories/operator/20645482/commons/images/logos/logo.png);
    }
    #mobile-menu a {
        text-transform: lowercase !important;
        padding-left: 9px;     
        text-decoration: none !important;
    }
    #mobile-menu .fas {
        font-family: 'FontAwesome' !important;
        font-size: 18px;
    }
    #head, #topbar {
        display: none !important;
    }
    #header {
        height: auto !important;
    }
    #header .circle {
        width: 300px !important;
        height: auto !important;
        margin-right: -40px !important;
        padding: 30px !important;
        opacity: .95;
    }
    #header h1, #header h2, #header h3, #header p {
        padding: 0px !important;
        margin: 0 !important;
        text-align: center !important;
    }
    #topdrie .col-md-4 {
        margin-bottom: 30px !important;
    }
    #nieuwsbrief button {
        margin-left: 0 !important;
        width: 310px !important;
    }
    .form-inline {
        margin-left: -30px !important;
    }
    #nieuwsbrief .row {
        background: none !important;
    }
    #nieuwsbrief input {
        width: 310px !important;
    }    
}

/* SANDER MOBILE END */


.orangepurplegradient {
    background: rgba(152,51,120,1);
    background: -moz-linear-gradient(45deg, rgba(152,51,120,1) 0%, rgba(243,105,12,1) 100%) !important;
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(152,51,120,1)), color-stop(100%, rgba(243,105,12,1))) !important;
    background: -webkit-linear-gradient(45deg, rgba(152,51,120,1) 0%, rgba(243,105,12,1) 100%) !important;
    background: -o-linear-gradient(45deg, rgba(152,51,120,1) 0%, rgba(243,105,12,1) 100%) !important;
    background: -ms-linear-gradient(45deg, rgba(152,51,120,1) 0%, rgba(243,105,12,1) 100%) !important;
    background: linear-gradient(45deg, rgba(152,51,120,1) 0%, rgba(243,105,12,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#983378', endColorstr='#f3690c', GradientType=1 ) !important;
}

#header h1, #header h2, #header h3, #header p {
    text-shadow: 4px 4px 24px rgba(0, 0, 0, 0.1);
}

#header {
    height:400px; 
    background-size: cover !important; 
    background-image: url('/ips-repositories/operator/20645482/commons/images/teasers/printpromo.jpg') !important;
    background-position: center !important;
}

#header .circle {
    width: 444px;
    margin: -30px 0px 0px -60px;
    height: 447px;
    background-image: url('/ips-repositories/operator/20645482/commons/images/homepage/flag.png') !important;
    position: relative;
}


#header .circle p {
    font-size: 18px;
    color: white;
    text-align: center;
}

#header .circle h1 {
    text-align: center;
    font-size: 6em;
    color: white;
    padding-top: 50px;
    margin-bottom: 0px;
}

#header .circle h3 {
    text-align: center;
    font-size: 1.6em;
    padding: 10px 0 20px 0;
    color: white;
    font-weight: 100 !important;
}

a:hover {
    color: #983378 !important;
}

#nieuwsbrief input {
   border: 0px solid;
    width: 300px;
    background-color: #dedede;
    height: 58px !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    padding: 20px !important;
}

button:hover, .button:hover, .a:hover {
    text-decoration: none !important;
}

a#headCart:hover {
    transform: none !important;
}

#nieuwsbrief button {
    margin-left:30px;
    font-weight: 300 !important;
    font-size: 18px;
    border: none !important;
    border-radius: 45px;
    color: white;
    padding: 17px 32px !important;
    font-family: 'Basic', sans-serif !important;
    box-shadow: 0px 9px 20px -5px rgba(0,0,0,0.3);
background: rgb(156,52,116);
background: -moz-linear-gradient(45deg, rgba(156,52,116,1) 0%, rgba(220,79,56,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(156,52,116,1) 0%, rgba(220,79,56,1) 100%);
background: linear-gradient(45deg, rgba(156,52,116,1) 0%, rgba(220,79,56,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9c3474",endColorstr="#dc4f38",GradientType=1);
}

#header .btn-default {
font-weight: 300 !important;
    font-size: 18px;
    border: none !important;
    border-radius: 45px;
    color: #a53080;
    padding: 17px 32px !important;
    font-family: 'Basic', sans-serif !important;
    box-shadow: 0px 9px 20px -5px rgba(0,0,0,0.3);
    background: rgb(237,237,237); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#nieuwsbrief button:hover, #header .btn-default:hover {
    transform: scale(1.1);
}

#nieuwsbrief button .fas, #header .fas {
    font-family: 'FontAwesome' !important;
    font-size: 18px;
    padding-right: 12px;
}

#nieuwsbrief .row {
    background-color: #f5f5f5;
    padding: 30px;
    text-align: center;
    margin-bottom: 30px;
}

#nieuwsbrief .row h2 {
    padding-bottom:30px;
}

#companyinfo .row.img {
    height:400px; 
    background-size:cover; 
    background-image: url(/ips-repositories/operator/20645482/commons/images/homepage/print.jpg) !important;
    background-position: bottom;
}

#companyinfo .row .col-md-10 {
    background-color: rgba(255, 255, 255, 0.85);
    margin-top: -100px;
    text-align: center;
    color: #666;
    padding: 30px;
}

#companyinfo .row h2 {
    margin-bottom: 15px !important;
}

#companyinfo .fas {
    font-family: 'FontAwesome' !important;
    font-size: 2em;
}

.tagline a {
 color: #983378 !important;
 font-weight: bold !important;
}

.tagline a:hover {
    text-decoration: none !important;
}

#reviews .col-md-4 {
    text-align: center;
    padding: 0 30px;
    margin-bottom: 30px;
}

#reviews .col-md-4 img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
}

#reviews .col-md-4 h5 {
    font-weight: bold;
}

#reviews .col-md-4 p {
    color: #666;
    font-size: 18px !important;
}

#reviews .fas, #reviews .far  {
    font-family: 'FontAwesome' !important;
    color: gold;
    font-size: 14px !important;
}

.tagline  p {
    max-width: 80%;
    margin: 0 auto;
    padding-bottom: 30px;
    color: #666;   
}

.tagline .fas {
    font-family: 'FontAwesome' !important;
    padding-left: 15px;
    margin-top:20px !important;
    font-size: 40px !important;
}

.popular {
z-index: 9999;
    border-radius: 50%;
    box-shadow: 0 4px 12px 0px rgba(0,0,0,.15);
    width: 90px;
    height: 90px;
    position: absolute;
    padding: 20px 15px;
    margin-top: -35px;
    text-align: center;
    margin-left: -35px;
    background: rgba(106,158,51,1);
    background: -moz-linear-gradient(45deg, rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(106,158,51,1)), color-stop(100%, rgba(134,185,79,1)));
    background: -webkit-linear-gradient(45deg, rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%);
    background: -o-linear-gradient(45deg, rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%);
    background: linear-gradient(45deg, rgba(106,158,51,1) 0%, rgba(134,185,79,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a9e33', endColorstr='#86b94f', GradientType=1 );
}

.popular p {
    color: white;
    font-size: 16px !important;
    line-height: 1.4em !important;
}

.cta {
    color: white !important;
    font-weight: bold !important;
    background: rgba(152,51,120,1);
    background: -moz-linear-gradient(45deg, rgba(152,51,120,1) 0%, rgba(243,105,12,1) 100%) !important;
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(152,51,120,1)), color-stop(100%, rgba(243,105,12,1))) !important;
    background: -webkit-linear-gradient(45deg, rgba(152,51,120,1) 0%, rgba(243,105,12,1) 100%) !important;
    background: -o-linear-gradient(45deg, rgba(152,51,120,1) 0%, rgba(243,105,12,1) 100%) !important;
    background: -ms-linear-gradient(45deg, rgba(152,51,120,1) 0%, rgba(243,105,12,1) 100%) !important;
    background: linear-gradient(45deg, rgba(152,51,120,1) 0%, rgba(243,105,12,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#983378', endColorstr='#f3690c', GradientType=1 ) !important;
    transition: transform .2s;
}

.cta:hover {
   transform: scale(1.07);
   color: white !important;
}

.fixed { 
    position: fixed;
    width: 100%;
    z-index: 99999;
}

.fixed #navi .box-default li.navLi a {
    color: white !important;
}

.fixed #navi .box-default .wrapper {
background: rgb(156,52,116);
background: -moz-linear-gradient(45deg, rgba(156,52,116,1) 0%, rgba(220,79,56,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(156,52,116,1) 0%, rgba(220,79,56,1) 100%);
background: linear-gradient(45deg, rgba(156,52,116,1) 0%, rgba(220,79,56,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9c3474",endColorstr="#dc4f38",GradientType=1);
    
    max-height: 60px !important;
}

.producthighlight .col-md-4 .inner {
    border: 1px solid #eee;
    border-radius: 7px;
     box-shadow: 0 2px 6px 0px #eee;
     transition: transform .2s;
     margin-bottom: 30px;
}

.producthighlight .col-md-4 .inner:hover {
    border: 1px solid #ccc;
     box-shadow: 0 2px 6px 0px #ccc;
     cursor: pointer;
     transform: scale(1.07);
}

.producthighlight .prijs {
    font-size: 35px;
    padding-top:0px;
    color: #313131;
}

.producthighlight .small {
    font-size: 16px !important;
    color: #333;
}

.producthighlight h5 {
    color: #a53080;
    font-weight:bold;
    padding-top:15px;
    font-size:20px;
}

.producthighlight img {
    width: 100%;
    object-fit: cover;
    max-height: 150px;
}

.producthighlight .padding {
padding: 10px;
}

.producthighlight {
    padding: 25px !important;
}

.tagline {
    margin-bottom: -25px !important;
    text-align: center;
}

.tagline h1 {
    font-size: 2em;
    font-weight: bold;
}

.social li a {
    font-family: 'FontAwesome' !important;
}

#topdrie .col-md-4 {
    text-align: center;
    margin: 0px 0 30px 0;
}

#topdrie h5 {
    font-size: 18px;
    font-weight: bold;
    color: #313131;
}

#topdrie p {
    font-size: 18px;
    color: #333;
}

#topdrie .far, #topdrie .fas, #topdrie .fa {
    font-family: 'FontAwesome' !important;
    font-size: 2.3em;
}


header .far, header .fas, header .fa {
    font-family: 'FontAwesome' !important;
    font-size: 19px;
    margin-left:25px;
    padding-right:5px;
    color: #666;
}

#totalWrapper {
    text-transform: none !important;
    font-weight: 300 !important;
    border: none !important;
    border-radius: 5px;
    padding: 10px;
    color: white !important;
    background-color: #4a4a4a !important;
}

#totalWrapper  .fa-shopping-basket {
    font-size: 67px;
    position: absolute;
    opacity: .3;
    margin-left: -68px;
    margin-top: -10px;
    color: white;
}

/* IE 10 AND IE 11 HACK */

@media all and (-ms-high-contrast:none)
     {
     #totalWrapper  .fa-shopping-basket {
        margin-left: -25px !important;
    }
     *::-ms-backdrop, #totalWrapper  .fa-shopping-basket { margin-left: -25px !important;}
     }

#totalWrapper p {
    margin-bottom: 0;
    font-size: 16px !important;
}
#topNav {
    padding-top: 26px;
}

@media (min-width: 1200px)
.container {
    width: 1300px !important;
}

.container {
    padding: 0 40px;
    background-color: white important;
}
footer#Footer > .container {
    background-color: transparent !important;
}

.headerwrapper, #navi .box-default, #content, #teaser, .overviewStep.fullwidth, #content .box-default {
    background: url(/commons/images/bgfix.png) repeat-y center !important;
}

.overviewStep.fullwidth {
    padding: 0 !important;
}

.headerwrapper .container, #navi .box-default .wrapper, #content .container, #teaser .container {
    background: white;
    // box-shadow: 0 0px 100px 0px rgba(0,0,0,0.2);
}

#breadCrumb.container {
    box-shadow: none;
}

#teaser .container {
    padding: 0px !important;
}

#teaser #teaserBoxIndex .container {
    background: none !important;
}

p, text {
	line-height: 1.3 !important;
}

#body {
	background-color: #fafafa;
}

#foot {
	background-color: none !important;
}

#foot h5, #foot li a {
	color: white !important;
}

#productoptions .Price {
	font-weight: 300 !important;
	font-size: 16px !important;
	color: #666 !important;
}

.resize {
	font-size: 19px !important;
}

#footContainer {
background: rgb(156,52,116);
background: -moz-linear-gradient(45deg, rgba(156,52,116,1) 0%, rgba(220,79,56,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(156,52,116,1) 0%, rgba(220,79,56,1) 100%);
background: linear-gradient(45deg, rgba(156,52,116,1) 0%, rgba(220,79,56,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9c3474",endColorstr="#dc4f38",GradientType=1);
}

#topbar, #topbar2 {
	width: 100%;
	height: 15px;
	position: initial;
	top:0;
	z-index: 9999;
background: rgb(156,52,116);
background: -moz-linear-gradient(45deg, rgba(156,52,116,1) 0%, rgba(220,79,56,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(156,52,116,1) 0%, rgba(220,79,56,1) 100%);
background: linear-gradient(45deg, rgba(156,52,116,1) 0%, rgba(220,79,56,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9c3474",endColorstr="#dc4f38",GradientType=1);
}

input, textarea {
    border-radius: 5px !important;
	font-size: 18px !important;
    padding: 15px !important;
}

input {
height: 50px !important;
}

#checkoutForm input {
    height: auto !important;
    max-height: 35px !important;
    border-radius: 0px !important;
    padding: 12px !important;
}

#checkoutForm .inc-min-wrapper input {
    font-size: 16px !important;
    width: 40px !important;
    padding: 0 !important;
    height: 25px !important;
}

.colName .optionName {
    font-size: 16px !important;
}


#checkoutForm label {
    line-height: 1.3em;
}

#checkoutForm h2 {
    margin-left: 0 !important;
}

#headLogo {
    width: 150px !important;
    height: 53px !important;
	margin: 12px 0;
}

.footernav li a,  {
	color: white;
}

.FooterBottom {
	background: none;
}

footer#Footer .FooterTop h5 {
	text-transform: none;
	font-weight: 100;
	font-size: 19px;
}

.Snippet.USPS .block-grid > li p {
	font-style: normal !important;
}

#topNavWrapper a {
    font-family: 'Basic', sans-serif;
}

#topNav a:hover, #topNav .fas:hover {
    color: #a53080 !important;
}

p {
	font-size: 15px !important;
}

h2 {
    margin-top:30px;
	line-height: normal !important;
	margin-bottom: 5px !important;
}

.overview-block {
	box-shadow: 0 4px 12px 0px rgba(0,0,0,.1);
	border-radius: 3px;
	border: 1px solid #fafafa;
    transition: transform .2s !important;
}
.overview-block:hover {
    transform: scale(1.07) !important;
	box-shadow: 0 4px 12px 0px rgba(0,0,0,.4);
    z-index: 999;
}

#detailsBox {
    color: #333;
}

#detailsBox h1 {
	font-size: 2em;
}

#totalCountBackground {
	color: #ac4367 !important;
}

.overview-block.white {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	border: none !Important;
	width: 255px;
	margin-left:20px;
	height: auto;
    min-height: 400px;
}

#headCartWidget {
	margin-left: 12px;
}

#productoptions .overviewRow {
    display: flex;
}

@media all and (max-width: 768px) {
    #productoptions .overviewRow {
        flex-direction: column;
    }
}

.gradientbg {
	font-size: 18px !important;
	color: white !important;
	background: #ac4367 !important; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ac4367 1%, #ba4d5c 100%) !important; 
	background: -webkit-linear-gradient(-45deg, #ac4367 1%,#ba4d5c 100%) !important; 
	background: linear-gradient(135deg, #ac4367 1%,#ba4d5c 100%) !important; 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac4367', endColorstr='#ba4d5c',GradientType=1 ) !important; 
}

.gradientbg:hover {
	font-weight: bold;
	background-color: white !important;
	color: white !important;
}

.btn-default.more, .form.zoekform .button, .btn-default, #softwareBtn {
    font-size: 18px !important;
	text-transform: none !important;
	font-weight: 300 !important;
	border: none !important;
	border-radius: 45px;
	color: white;
	padding: 17px 21px;
	font-family: 'Basic', sans-serif !important;
	box-shadow: 0 4px 12px 0px rgba(0,0,0,.1);
    background: linear-gradient(45deg, rgba(152,51,120,1) 0%, rgba(243,105,12,1) 100%);
}

 #Footer .btn-default {
    background: #f2f2f2 !important;
    color: #983378 !important;
}

.btn-default:hover {
	background: #ac4367 !important; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #ac4367 1%, #ba4d5c 100%) !important; 
	background: -webkit-linear-gradient(-45deg, #ac4367 1%,#ba4d5c 100%) !important; 
	background: linear-gradient(135deg, #ac4367 1%,#ba4d5c 100%) !important; 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac4367', endColorstr='#ba4d5c',GradientType=1 );
	color: white !important;
}

.Snippet.USPS .block-grid > li h4 {
	text-transform: capitalize;
}

.Snippet.USPS .block-grid > li p, .Snippet.USPS .block-grid > li h4, .footernav li a, .footernav li {
	color: white !important;
	font-family: 'Basic', sans-serif !important;
}

.Snippet.USPS .block-grid > li::before {
	color: #983378 !important;
}

footer#Footer .FooterNewsletter h5, .footer#Footer .FooterNewsletter h5 small {
	font-family: default;
	text-transform: none;
	font-style: default;
}

.slick-prev:before, .slick-next:before {
	font-size: 40px !important;
	line-height: 0;
}

.nav-tabs > li > a {
	text-transform: lowercase;
	font-size: 16px;
	font-weight: 300;
}

#optionsArea h2 {
	font-family: 'Basic', sans-serif !important;
	font-weight: 100;
}

body, div, dl, dt, dd, ul, ol, li, pre, form, p, blockquote, th, td {
	font-size: 18px !important;
}

/* END CUSTOM SANDER CSS */

html {
    background-color: #fff;
    font-family: 'Basic', sans-serif;
}


body{
    min-width:0px;
  font-family: 'Basic', sans-serif !important;
    color: #1a1a1a;
	background-color: white;
}


#mobile-header {
    display: none;
}


width:100%; 

}

#orderPrint li{
    list-style:none;
}

.productOption li{
list-style:none;
}

.gray {

background-color:white;

}
.clearfix{

clear:both;
}

figure img, figure {
  max-width: 100%;
  max-height: 200px;
}


.extrapadding{
padding:40px;
}

section .gray{
padding-bottom:15px;
}

#teaser .container {
  position: relative !important;
  margin-left: auto;
  margin-right: auto;
  display: table;
}

#mainFlashTeaserContent{
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25), 0px 0px 30px rgba(0, 0, 0, 0.5) !important;
}

#teaser #mainFlashTeaserContent h1{
color:#983378;
font-family:"madre-script";
text-transform:none;
font-size:378%;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25), 0px 0px 30px rgba(0, 0, 0, 0.5) !important;
}

#ips-clientcheck-standard-button{
width:250px;

}
#teaser #mainFlashTeaserContent h2{
 
    font-weight: 900;
    text-transform:none;
    font-size:121%;
    text-decoration:none;
    font-style:normal;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25), 0px 0px 30px rgba(0, 0, 0, 0.5) !important;
}

#teaser #mainFlashTeaserContent h2 b{
    font-size:285%;
    font-style:normal;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25), 0px 0px 30px rgba(0, 0, 0, 0.5) !important;

}


/* Set font-size*/
body,
h1, h2, h3, h4, h5, h6, b
#clientCheck .status h2,
#javaInstaller .status h2,
#sharedAlbum .box-myPhotos-head h2,
#sharedAlbum .box-myPhotos-subbar h4,
#itemPropertiesContainer h4 {
    font-family: 'Basic', sans-serif;
}


h1{

  font-size: 3.5em;
  font-weight: 900;
  text-transform: none;
  color: #1a1a1a;
  margin-bottom: 20px;
}


h2 {
  font-size: 2.3em;
  font-weight: 900;
  text-transform: none;
  color: #1a1a1a;
  margin: 0px;

}

h3 {
  font-size: 2.5em;
  font-weight: 400;

  text-transform: none;

  margin: 0px;

}

#discountproducts a{
text-decoration:none;

}


form{ 
margin:0px;
}

.row form .row {
margin:10px;
}

@media all and (max-width: 768px) {
    .row form .row {
        margin: 0;
    }
}

a, input[type="submit"], button, a::before, a::after, input[type="submit"]::before, input[type="submit"]::after, button::before, button::before {
  -webkit-transition: all .22s ease-in;
  transition: all .22s ease-in;
}

#orderPrint h1 {
    font-size: inherit;
    margin: 4px 0;
}



.message {
    margin: 10px 0px;
    padding: 12px;
    font-weight: bold;
}

.message.success {
    color: #4F8A10;
    background-color: #DFF2BF;
}

.error li, li.error {
    padding: 5px 5px 5px 25px;
    margin-bottom: 10px;
}

.continueButton {
float:right;

  right: 10% !important;
  left: auto !important;
  bottom: 20% !important;
  top: auto !important;

}
#featuredProductsSlider{
margin-top:20px;

}

.slick-prev::before, .slick-next::before{
color:#A4A4A4;

}

#teaser{
box-shadow:none;
margin:0px;
padding:0px;
border:0px;
border-radius:0px;

}

#teaser .containerBox .customtextbox {
left:0px;
margin-left:0px;
margin-top:65px;
padding:10px;
background-color:transparent;
}

.teaser {
  background-size: cover;
  width: 100% !important;
}

#teaser .textBox {
padding:10px;
font-size:114%;
font-family: 'Basic', sans-serif;
left:0px;
background-color: none;
border: 1px solid white;
width: 300px;
min-height: 300px;
}

#teaser .frontpage .textBox{
padding-left:0px;

#frontpage_2, #frontpage_2_frontpage_2_0, .fixedheight  {
    height: 500px !important;
}

background-color: transparent;
border: none;

}

#teaser .textBox h1{
padding:0px;
margin:0px; 

  font-size: 171%;
  text-transform: none;
  font-weight: bold;
  line-height: 1.1;
  color: #1a1a1a;
}

#teaser .textBox h2{
font-weight: normal;
 
  
  color: #983378;
  text-align:left;
  margin:0px;
  padding:0px;
  text-transform: none;
  font-size: 120%;
}



#teaser .teaserpromo{
    left:300px !important;
}

#teaser .promotext{
    background:none;
    border: none;
    margin-top: 0px;
    top:0px !important;
    padding-top:0px;
    width:400px;
}

#teaser .promotext h1 {
    font-size: 25px;
    color: #983378;
}


#teaser .promotext h2 {
    font-style: normal;
    font-size: 20px;
    line-height: 27px;
    font-weight: bold;
}

#teaser .promotext h3{
    margin-top: 10px;
    color: #983378;
    line-height: 17px;
    font-size: 20px;
}

#teaser .promotext h3 b {
    font-size: 30px;
    line-height: 34px;
    padding-top: 5px;
}
#products [class*="column"] + [class*="column"]:last-child {
    float: left;
}

#presentationArea #preview .presentation-resource {
    /* max-width: 400px;
    max-height: 400px; */
}

#albumItemOverview #backLink, #sharingOptions #backLink {
    height: 100px;
}

#albumItemOverview #previewLeftBtn,
#albumItemOverview .myPhotosContainer {
    margin-left: 10px;
}

#sharingOptions .box-myPhotos-content > .right.sharingMainColumnWidth {
    width: 530px;
}

#sharingThemes #themeSelection .theme {
    width: 110px;
}

#sharingThemes #teaser {
    display: none;
}

#sharingInvitations .sharingSideColumnWidth {
    display: none;
}

#sharingInvitations .sharingMainColumnWidth {
    width: 100%;
}

#sharingInvitations #addressContainer #expander {
    background-position: right 8px center;
}

#summary #billingAddress, #summary #shopAddress, #summary #shippingAddress {
    width: 50%;
}

#summary h3 {
    margin-bottom: 3px;
}

#summary h3 a {
    float: right;
    margin-top: 8px;
}

#summary .productName h1{
    display: inline;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial,sans-serif;
    color: #000;
}

#summary .productName h2{
    display: inline;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial,sans-serif;
    color: #000;
}

#summary .productName h3{
    display: inline;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial,sans-serif;
    color: #000;
}

#summary .productName h4{
    display: inline;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial,sans-serif;
    color: #000;
}

#albumOverview .album{
    height: 300px;
}

.saveBtn:hover{
    color: #fff;
}

#sharingOptions #teaser{
    display: none;
}

.sharingLinkView a,
.sharingLinkView div {
    display: block;
    background-color: #579722;
    border: 1px dashed #2C2620;
    color: #fff;
    padding: 5px;
    margin: 0;
    margin-top: 3px;
}

.sharingLinkView p {
    display: inline;
    margin: 0;
    padding: 5px;
    background-color: #fff;
    border: 1px dashed #2C2620;
    border-bottom: none;
    z-index: 1;
}

#sharingMainContent,
#sharingSideBar {
    padding: 0px;
}

#sharingOptions .titleItem h4 {
    margin: 10px;
}

#unlockAlbumLogo{
    background: url(/ips-repositories/operator/20645482/commons/images/logos/logo.png) no-repeat scroll 0 0 transparent;
    height: 55px;
    width: 100%;
    margin-top: 20px;
}

#sharedAlbum .box-myPhotos-head {
    padding-bottom: 20px;
}



#sharedAlbum .box-myPhotos .wrapper {
    background: transparent;
}

#sharingLogo{
    background: url(/ips-repositories/operator/20645482/commons/images/logos/logo.png) no-repeat scroll left center transparent;
    height: 55px;
    width: 100%;
}

#pbWizard .box-default-head,
#pbWizard .box-default-content {
    margin: 0;
}

#pbWizard #price {
    color: #666666;
}

#wizardContent {
    margin: 0px;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#wizardContent .box-default-head,
#wizardContent .box-default-content {
    margin: 10px;
}

#wizardContent .wrapper {
    overflow: visible;
    padding-top: 1px; /* prevent margin collapse */
    margin-top: 4px;
}

#wizardContent #btnBack {
    display: block;
   
}

#pbWizard a.headLink{
    display: inline-block;
    width: auto;
    position: absolute;
    right: 15px;
    top: 0;
    font-size: 13px;
    font-weight: normal;
    border: none;
    background: none;
}

#pbWizard #wizardContent .left{
    margin-right: 10px;
    position: absolute;

    bottom: 6px;
    margin-bottom: 5px;
}

#controls a:hover{
    color: #fff;
}

#pbWizard #controls{
    padding-top: 5px;
    overflow: visible;
    background-color: #FFF;
    margin: -10px 0 55px 0;
    width: auto;
    border: none;
    box-shadow: none;
    height:80px;
}

#pbWizard #leftWizardContainer {
    width: 560px;
}

#btnNext{
    height: 30px;
    width: auto;
    text-align: center;
    line-height: 10px;
    position: absolute;
    right: 20px;
    bottom: 11px;
}

#pbWizard .wizardStep3 #coverImageSelection {
    margin-bottom: 0px;
}

#details #pbWizardNav {
    margin: 5px;
}

#pbWizard #pbWizardNav {
    margin: 10px 0 0 0;
    position: relative;
}

.overlay {
    left: 0px;
    right: 0px;
}

.pbProgressBg,
.jade-ui-progressbar {
    width: 100%;
    height: 19px;
    padding: 0px;
    border: 1px solid #1a1a1a;
    background-color: #777 !important;
    box-shadow: inset 0 10px 5px #555;
    border-radius: 2px;
    overflow: hidden;
}

.pbProgress,
.transferUI_TaskProgress,
.jade-ui-progressbar .progress {
    background-color: #579722;
    box-shadow: inset 0 7px 0 rgba(255, 255, 255, .2), inset 0 0 0 1px rgba(255, 255, 255, .5);
    border-radius: 2px;
    position: relative;
}

#statusInfoProgressBg {
    position:relative;
    height:26px;
    width:145px;
    cursor:default;
    float:right;
    margin-top: -7px;
}

#pbWizard #statusInfoContainer {
    width: 150px;
}

#infoTeaser {
    display: none;
}

#startUp #infoTeaser {
    display: block;
}

#details #naviTeasers {
    display: none;
}

#preview, #preview:before, #preview:after, #preview *, #preview *:before, #preview *:after, #zoom, #zoom:before, #zoom:after, #zoom *, #zoom *:before, #zoom *:after {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 10px;
}

#fastbookletInfoText {
    text-align: center;
    font-size: 16px;
    margin: 7px 0 18px 0;
}

#fastbookletInfoText h1 {
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: bold;
}

.modalBoxClose {
    position: absolute;
    top: 5px;
    right: 5px;
    background: url('/ips-opdata/layout/ips01/widget/modalBox/images/icons/closeModal.png') 0 0 no-repeat;
    width: 28px;
    height: 28px;
    cursor: pointer;
    z-index: 100;
}

.modalBoxClose:hover {
    color: #3b4044;
}

.modalBoxOuter{
    display: none;
    border: 1px solid #1a1a1a;
    background: #3B4044;
    padding: 13px;
    -moz-box-shadow: 0 0 0 5px rgba(255, 255, 255, .2);
    -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, .2);
    box-shadow: 0 0 0 5px rgba(255, 255, 255, .2);
    border-radius: 0;
}

.modalBoxInner{
    background-color: #fff;
}

.jade-ui-dialog > div {
    overflow: inherit;
    padding: 0;
}

#pbWizard #pageOptionContainer{
    width: 125px;
}

#pbWizard #picturesPerPageContainer{
    width: 120px;
}

#storeBtnB {
    margin-bottom: 10px;
}

/* Address Dialogs */

#billingAddressForm {
    min-width: 760px;
}

#shippingEditButtonBar .columns {
    width: auto;
    margin: 0;
    padding: 0;
    float: none;
    display: inline-block;
}

#shippingEditButtonBar #saveAddressBtn {
    margin-left: 21px;
}

/* calendar events */

#calendarEvents .eventForm .button, #calendarEvents .eventForm .custom.dropdown {
    font-weight: normal;
    background-color: #fff;
    color: #3b4044;
}

#calendarEvents .eventForm .button.startDate,
#calendarEvents .eventForm .button.endDate {
    background-image: none;
}

#calendarSidebar .button {
    font-weight: normal;
    color: #3b4044;
}

#calendarSidebar #loadEventsInfo {
    background-color: #E86D01 !important;
    border-color: #E86D01 !important;
}

#calendarSidebar .button.info {
    background: #E86D01 !important;
    border-color: #E86D01 !important;
}

#calendarSidebar .button.info.toggled {
    box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.4) inset;
}

#calendarSidebar #confirmDelete .button.highlight {
    background-color: rgb(145,208,64) !important;
}

#calendarEvents #btnContinue {
    height: 40px;
    line-height: 20px;
}
#calendarEvents #infoDialog h3 {
    color: #3b4044;
}

#calendarEvents #infoDialog,
#calendarEvents #infoDialog table thead th,
#calendarEvents #infoDialog table tbody tr td  {
    background-color: #F0F0F0;
    color: #3b4044;
}

#calendarEvents #infoDialog .numberInfo, #infoDialog .dateInfo, #infoDialog .descInfo {
    border-right: 1px solid #3b4044;
}

#calendarEvents #infoDialog .arrow {
    border-right: #F0F0F0 15px solid;
}

#calendarEvents  #infoDialog .buttonLane .button.highlight {
    display: block !important;
    background: #2C2620;
    background: -moz-linear-gradient(bottom,#2C2620,#7B6F64) !important;
    background: -webkit-gradient(linear,left top,left bottom,from(#7B6F64),to(#2C2620)) !important;
    background: -ms-linear-gradient(bottom,#2C2620,#7B6F64) !important;
}

#calendarSidebar #confirmDelete .button {
    padding: 0 10px;
    line-height: 32px;
}

#confirmDelete .button.yes {
    background: red;
}


form.custom div.custom.dropdown ul li:hover,
form.custom div.custom.dropdown ul li.selected:hover {
    background: #EA6F01;
}

#cisItems #addressView ul > li > img{
    margin: 6px 0 0 4px;
}

#cisItems #contentDiv .box-default-head,
#cisItems #contentDiv .box-default-content {
    padding: 0px 10px;
}

#cisItems .detailItem .detailTextContainer .fbBtn {
    text-shadow: none;
}

#cart #loadCart{
    margin: 0px 5px 0px 0px;
}

#cart #saveCart{
    margin: 0px 5px 0px 0px;
}

#cart #removedItemsContainer #removedItemsList span {
    font-size: inherit;
    color: #444;
}

#cart #removedItemsContainer h3 {
    font-size: 27px;
}

.ips-storage-functionresultdialog > div, .ips-storage-functiondialog > div, .ips-ui-optionsdialog > div{
    padding: 10px;
}

.ips-storage-functiondialog > div > p {
    padding: 8px;
}

.ips-storage-functiondialog .description {
    margin-top: 10px;
}

.ips-storage-functiondialog .parameter {
    padding: 0 8px 8px;
}

.ips-storage-functiondialog .parameter .authLink,
.ips-storage-functiondialog .parameter .BrowserLink,
.ips-storage-functiondialog .parameter .facebookAutorizeLink {
    background-color: #579722;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    width: 198px;
}

.ips-storage-functiondialog .parameter .facebookAutorizeLink {
    background-color: #3B5998;
}

#pbWizard #pbWizardNav li a.current {
    border-top: 5px solid #579722;
}

.ips-ui-storagetabs .commandBar .optionsMenuBtn:hover{
    border: 1px solid  rgb( 62 , 126 , 9 );
    filter: none;
}

.ips-ui-storagetabs .commandBar .optionsMenuBtn{
    background:  #579722;
    color:  #fff;
    border: 1px solid  rgb( 62 , 126 , 9 );
    -webkit-box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    -moz-box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    text-shadow: 1px 1px 0px #579722, -1px -1px 0px #579722;
    font-weight: bold;
    filter: none;
}

.mediabar-storagetabs-popup-button{
    background:  #579722;
    color:  #fff;
    border: 1px solid  rgb( 62 , 126 , 9 );
    -webkit-box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    -moz-box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    text-shadow: 1px 1px 0px #579722, -1px -1px 0px #579722;
    font-weight: bold;
    filter: none;
}

.mediabar-storagetabs-popup-button:hover{
    border: 1px solid  rgb( 62 , 126 , 9 );
    filter: none;
}

.mediabar-storagetabs-popup-button.active{
    background:  #579722;
    color:  #fff;
    border: 1px solid  rgb( 62 , 126 , 9 );
    -webkit-box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    -moz-box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    text-shadow: 1px 1px 0px #579722, -1px -1px 0px #579722;
    font-weight: bold;
    filter: none;
}

.ips-ui-storagetabs .commandBar .optionsMenuBtn.active{
    background:  #579722;
    color:  #fff;
    border: 1px solid  rgb( 62 , 126 , 9 );
    -webkit-box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    -moz-box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    text-shadow: 1px 1px 0px #579722, -1px -1px 0px #579722;
    font-weight: bold;
    filter: none;
}

.ips-ui-storagetabs .commandBar .optionsMenuBtn.down{
    background:  #579722;
    color:  #fff;
    border: 1px solid  rgb( 62 , 126 , 9 );
    -webkit-box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    -moz-box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    text-shadow: 1px 1px 0px #579722, -1px -1px 0px #579722;
    font-weight: bold;
    filter: none;
}

#cisItems #modalBox4 .modalBoxInner .facebook #facebookBtn{
    margin: 50px auto 50px 40px;
}

#cisItems #modalBox4 .modalBoxInner .email #sendStatus{
    font-weight: bold;
    color: #EA6F01;
    margin-top: 0;
    margin-left: 2px;
    max-width: 200px;
}

#cisItems #modalBox4 .modalBoxInner .email #sendStatus.error {
    color: #FF0000;
}

#cisStore .facebook{
    display: none;
}

#cisStore #contentDiv .columns.twentyfive {
    width: 66.66%;
}

#cisItems .detailItem .detailImgContainer .detailImg{
    max-width: 131px !important;
}

.lt-ie9 #cisItems .detailItem .detailImgContainer{
    background: none;
    display: inline;
}

.lt-ie9 #cisItems .detailItem .detailImgContainer{
    background: none;
    display: inline;
}

.lt-ie9 #cisItems .detailItem .detailImgWrapper{
    display: inline;
}

#breadCrumb a:last-child, #breadCrumb a:last-child {
    color: #983378;
    text-decoration:none;
}

#myAccount .addresses .address, #myAccount .addresses .addressBtn,
#shippingSelection .addresses .address, #shippingSelection .addresses .addressBtn,
#summary .addresses .address, #summary .addresses .addressBtn{
    height: 140px;
}

#preditor #predirotHelpTextDiv{
    left: 25px;
    position: absolute;
    top: 35px;
    color: #777777;
}

#preditor #predirotHelpTextIcon{
    background-image: url("/ips-opdata/images/icons/40x30_options.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 30px;
    width: 40px;
    float: left;
    margin: 0 5px;
}

#preditor .predirotHelpText{
    float: left;
    line-height: 28px;
}

#details #description h4 {
    font-size: 18px;
    line-height: 17px;
    color: #3b4044;
}

/* the long selector is needed for rule overwriting from foundation*/
a.highlight  {
    cursor: pointer;
    background: transparent;
    font-weight: 100 !important;
    padding-top: 10px !important;
    float: right;
    color: #999 !important;
}

/* the long selector is needed for rule overwriting from foundation*/
a.highlight:hover  {
    color: rgb( 36 , 100 , 0 );
}

#userAddressModalBox {
   height: 690px;
}

#addressFormArea {
   height: 661px;
}

#calendarEvents .button {
    text-shadow: none;
}

.box-myPhotos-head h2 {
    padding: 10px 0;
    margin: 0;
}

.box-myPhotos-head a {
    font-weight: bold;
    color: #666666;
}

#pbWizard #btnNext {
    background: #579722;
    padding-top: 10px;
}

#pbWizard #btnNext:hover,
#pbWizard #btnNext:active,
#pbWizard #btnNext:focus {
    background:  rgb( 62 , 126 , 9 );
}

#invalidAlbum .wrapper {
    padding: 10px;
}

#sharingOptions input.albumTitle {
    width: 45%;
}

#cisItems #emailModalBox #emailContainer{
    padding-right: 10px;
}

#cart .deliveryPeriod, #cart .deliveryPeriodAsterisk {
    display: block;
}

.checkoutOption .checkbox.selected, #confirmCheckbox.selected {
    background-color: #006eb7;
}

.checkoutOption .checkbox,
#confirmCheckbox {
    
    width: 12px;
    height: 12px;
    border: 1px solid #454545;
    
    background-color: #fff;
    cursor: pointer;
    box-shadow: inset 0 17px 6px -12px rgba(0,0,0,.2), inset 0 0 0 2px #fff;
      display: inline-block;
}



#summary #termsContainer{
    margin-bottom: 20px;
}

#summary #termsContainer #termsSelection{
    width: 100%;
    float: right;
    margin-top: 10px;
}

#summary #termsContainer #termsSelection #termsOfUse label{
    padding: 0 20px;
}

#summary #termsContainer #termsSelection #termsOfUse #confirmCheckbox{
    position: absolute;
}

#summary  #estShippingDate{
    float: right;
    top: 15px;
    position: relative;
    right: 10px;
}

#summary #estShippingDate span{
    color: #56A12B;
    margin-left: 5px
}

#cookieInfo{
    width: 100%;
    background: #fff;
    padding: 4px 0;
    z-index: 100;
    text-align: center;
    position: fixed;
    bottom: 0;
    border-top: 1px solid #000;
    font-size: 120%;
    display: none;
    top: auto;
    border-bottom: 0px;
}

#cookieInfo a{
    color: #000;
    text-decoration: underline;
}

#cookieInfo #closeCookieInfo{
    float: right;
    font-weight: bold;
    margin-right: 10px;
    background: #e1e1e1;
    color: #333 !important;
}

#cookieInfo #closeCookieInfo:hover{
    cursor: pointer;
}







/* Language Selection: ********************************************** */

#head .headLanguages {
    width: 100%;
    height: 35px;
    padding-right: 0;
}

#head .headLanguages #select {
    float:right;
    margin-top: 15px;
    margin-right: -4px;
    width: 79px;
    height: 18px;
}

#head .headLanguages #select span.language {
    width: 26px;
    height: 20px;
}

#head .headLanguages #select span.language.inactive {
    background: transparent;
    opacity: .5;
}

#head .headLanguages #select span#fr {
    background: #aaa url('/ips-repositories/operator/27950000/commons/images/icons/fr_active.png');
    margin-left: 10px;
    margin-right: 0;
}
#head .headLanguages #select span#fr:hover,
#head .headLanguages #select span#fr:focus,
#head .headLanguages #select span#fr:active {
    background: #aaa url('/ips-repositories/operator/27950000/commons/images/icons/fr_over.png');
}
#head .headLanguages #select span#fr.inactive {
    background: #aaa url('/ips-repositories/operator/27950000/commons/images/icons/fr_off.png');
}

#head .headLanguages #select span#nl {
    background: #aaa url('/ips-repositories/operator/27950000/commons/images/icons/nl_active.png');
    margin-left: 8px;
    margin-right: 5px;
}
#head .headLanguages #select span#nl:hover,
#head .headLanguages #select span#nl:focus,
#head .headLanguages #select span#nl:active {
    background: #aaa url('/ips-repositories/operator/27950000/commons/images/icons/nl_over.png');
}
#head .headLanguages #select span#nl.inactive {
    background: #aaa url('/ips-repositories/operator/27950000/commons/images/icons/nl_off.png');
}


/* Top Menu: ********************************************** */

#navi {
    width: 100%;
    margin: 0;
    z-index: 2;
}

#navi .box-default
{
  margin: 0px;


}

#navi .box-default {
    border: 0;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
 
}
#navi .box-default .wrapper {
   margin: 0 auto;
  padding: 0px;


}
#navi .box-default a.naviHeadline {
    width: 71px;
    height: 52px;
    float: left;
    border-radius: 0;
    border-left: solid 1px #d8d8d8;
    background: none;
}
body#startUp #navi .box-default a.naviHeadline {
    background: #7b7b7b;
    background: -moz-linear-gradient(top, rgba(124,124,124,1) 0%, rgba(82,82,82,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(124,124,124,1)), color-stop(100%, rgba(82,82,82,1)));
    background: -webkit-linear-gradient(top, rgba(124,124,124,1) 0%, rgba(82,82,82,1) 100%);
    background: -o-linear-gradient(top, rgba(124,124,124,1) 0%, rgba(82,82,82,1) 100%);
    background: -ms-linear-gradient(top, rgba(124,124,124,1) 0%, rgba(82,82,82,1) 100%);
    background: linear-gradient(to bottom, rgba(124,124,124,1) 0%, rgba(82,82,82,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7c7c', endColorstr='#525252', GradientType=0);
}

#navi .box-default .box-default-content {
    position: relative;
}
#navi .box-default .box-default-content .homeIcon {
    width: 71px;
    height: 52px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('/commons/images/icons/home_#1a1a1a.png');
    background-repeat: no-repeat;
    background-position: center center;
}
body#startUp #navi .box-default .box-default-content .homeIcon {
    background: url('/ips-repositories/operator/27950000/commons/images/icons/home_white.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.navbar a{


 
  -webkit-transition: all .22s ease-in;
  transition: all .22s ease-in;
  text-decoration:none;
  }




.navbar::before {
  content: '';
  left: 15px;
  right: 15px;
  top: 0;
  height: 1px;
  display: block;
  background: #fff;
  position: absolute;
}

#navi .box-default ul {
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    background: none;
    display:flex;
    justify-content: space-between;
}

#navi .box-default li.navLi {
    list-style-type: none;
    text-align: left;
    float: left;
    border: 0;
    padding: 0;
    height: 52px;
    background: none;
    text-transform:none;
 
 
}
#navi .box-default li.navLi:first-child a {
  padding-left: 0px;
}

li.navLi:hover a,
li.navLi:active a,
li.navLi:focus a,
li.navLi.selected a {
  color: #3b4044;
  background: none transparent;
}

#navi .box-default li.navLi::after {
    content: "";
}

#navi .box-default li.navLi:last-child a{
float:right;
text-align:right;
padding-right:0px;

}
#navi .box-default li.navLi a {
	color: #1a1a1a;
    display: block;
    font-size: 19px;
    font-weight: 600;
    background: none;
    padding: 13px 8px;
	font-family: 'Basic', sans-serif;
 
}

#navi .box-default li.navLi a:hover{
color:#983378;
text-decoration:none !important;
}

/** Banner that stretches full with of page, used for header and footer **/

#banner{
    text-align: center;
    background-color: #b0d76c;
    height: 45px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #2e9c40;
    
    font-size: 15px;
    font-weight: bold;
    font-family:  serif;
}







/* Breadcrumb Menu: ********************************************** */
#breadCrumb{
padding-left:0px;
}

#breadCrumb a,
#breadCrumb span.separator {
 color: #333;
 font-size: 16px !important;

}


.block-grid.three-up > li:nth-child(3n+1), .block-grid.up3 > li:nth-child(3n+1) {
  clear: left;
}


/* Footer ********************************************** */

#clientCheck .buttons .control{
    width: 70%;
}

#clientCheck .buttons .clients{
	width: 25%;
}

#clientCheck .buttons .clients .clientButtonContainer{
	width: 100%;
}

#simpleTransfer, #orderingTransfer{
	border: 1px solid #000;
	border-bottom: none;
	background-color: #fff;
}

/* scale down previews of card themes due to bad image quality */
#themePreviews .previewImage {
	max-width: 50%;
	max-height: 50%;
}

.jade-ui-dialog > h1{
	display: none;
}
#menuContainer{
display:flex;

}

#register #menuContainer{
	background-color: white;
    height: auto;
}


#contentDiv{
width:100%;
padding:0px;
    min-height: 0 !important;
}

.overlay {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;

    background: url(/ips-repositories/operator/20645482/checkout/images/icons/wait.gif)  rgba(255,255,255,0.7);
    z-index:9999;
    color:white;
    background-repeat: no-repeat;
    background-position: center;
    
}

/*.jade-Component input{
width:auto !important;
height: auto !important;


}*/
 

#banner .banneritem img{
    height: 30px;
    float:left;
    margin-right:5px;
}

#banner .banneritem { 
    display: inline-block;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 29px;
    font-size: 16px;
}

#footContainer #banner .banneritem a{ 
color:#2e9c40;

}

#footContainer #banner{
    color:#1a1a1a;
    font-style:normal;
}


/* FRONT PAGE */
.colored.bgred { 
    background : #983378 !important; 
    color: white !important; 
}
.relative {
    position: relative !important;
    }

/* CUSTOM WALLDECO home TEASER */
#teaser #mainFlashTeaserContent .centered-auto {
	position: absolute;
	width: auto !important;
	padding: 0px 20px 20px 20px;
	margin: 20px 0;
	text-align: center;
}
#teaser #mainFlashTeaserContent .avenir-white-100 {
	color: white;
	font-family: 'Basic', sans-serif;
	font-weight: 100;
	text-transform: none;
	font-size: 378%;
}
#teaser #mainFlashTeaserContent .textBox p {
	margin: 0;
}

/* eind */

/* CUSTOM WALLDECO category TEASER */
    #teaser #teaserBoxDeco .centered-auto {
		position: absolute;
		width: auto !important;
		border: none !important;
		padding: 0px 20px;
		text-align: center;
	}
	#teaser #teaserBoxDeco .avenir-white-100 {
		color: white;
		font-family: 'Basic', sans-serif;
		font-weight: 100;
		text-transform: none;
		font-size: 378%;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25), 0px 0px 30px rgba(0, 0, 0, 0.5);
	}
	#teaser #teaserBoxDeco .textBox p {
		margin: 0;
	}
	.colored.bgred { 
		background: #983378 !important; 
		color: white !important; 
	}
	#teaserBoxDeco .textBox {
		background: none;
		border: none;
	}
	
	/* END */

.Snippet.Starthere > .block-grid {
  padding: 5px;
  margin-right: -15px;
}

.Snippet.Starthere > .block-grid > li {
  height: 60px;
  padding: 10px 25px 10px 10px;
  position: relative;
  text-transform: none;
  font-weight: bold;
}

.Snippet.Starthere > .block-grid > li::before{

    content: '';
    top: -10px;
    bottom: -10px;
    width: 30px;
    position: absolute;
    left: -30px;
    background: url(/ips-repositories/operator/20645482/commons/images/arrow.svg) no-repeat right center / 15px 127px;
    display: block;
}


.block-grid.five-up > li:nth-child(5n+1), .block-grid.up5 > li:nth-child(5n+1) {
  clear: left;
}
.block-grid.five-up > li, .block-grid.up5 > li {
  width: 20%;
}
.block-grid > li {
  display: block;
  height: auto;
  float: left;
  list-style: none;
}
.Snippet.Starthere > .block-grid > li nav .more:hover{
  background: #202124;
  color: #fff;
  border-color: #202124;
}




.Snippet.Starthere > .block-grid > li nav .more{
background-color:white;
border: 1px solid white;
color: #1a1a1a;

  text-shadow: 0 0 0;
}

.Snippet.Starthere > .block-grid > li i {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 0 5px;
  display: block;
  vertical-align: middle;
  font-size: 20px;
  color: #983378;
  font-weight: 900;
  font-style: normal;
  background: #fff;
  border-radius: 50%;
}

.Snippet.Starthere > .block-grid > li span {
  font-size: 12px;
  display: block;
  position: relative;
  top: 50%;
  transform: translate(0px, -50%);
  -webkit-transform: translate(0px, -50%);


  -ms-transform: translate(0px, -50%);
  padding-left: 50px;
}
.flex-wrapper{

display:flex;
}

.justify-wrapper{
text-align:justify;
}
.justify-wrapper::after {
    content: " ";
    display: inline-block;
    width: 100%;
    height: 0px;
}

.overview-block{
	position:relative;
	margin-bottom:10px;
    width:24%;
    display:inline-block;
    margin-left:auto;
	box-shadow: 0 4px 12px 0px rgba(0,0,0,.2);
    margin-right:auto;
    text-align:left;
    background:white;
    
    padding-top: 10px;
    padding-left:10px;
    padding-right:10px;
    cursor:pointer;
   
   
   -webkit-transition: all .22s ease-in;
   transition: all .22s ease-in;
   vertical-align: top;
   
   overflow-wrap: break-word;

	height: 470px;
}



.discount-block:hover .btn-default.#1a1a1a{

background-color: #1a1a1a;

color:white;
}


.overview-block.discount-block h3{
	font-weight: 100;
font-style:normal;
font-size:15px;
padding: 0px;
padding-top:10px;
padding-left:10px;
text-transform:none;
font-weight:bold;
font-family:"Basic",arial,helvetica,sans-serif;
padding-bottom:0px;


}
.overview-block.discount-block h2{
	font-weight: 100;
    font-size: 19px;
    color:#983378;
    padding-left:10px;
    margin-top: 0px;
}

/** editor background fixes **/
#jade-Component-617, #jade-Component-34, #jade-Component-96, #jade-Component-76, #jade-Component-68, #jade-Component-674{
background-color: #c3c7cd !important;
}


/* 

















                          
                          






 configuration.ftl included */

/* fonts */
@font-face { font-family: 'FontAwesome'; src:url(/ips-repositories/operator/20645482/commons/styles/fonts/fontawesome-webfont.eot?v=4.3.0); src:url(/ips-repositories/operator/20645482/commons/styles/fonts/fontawesome-webfont.eot#iefix&v=4.3.0) format('embedded-opentype'),url(/ips-repositories/operator/20645482/commons/styles/fonts/fontawesome-webfont.woff2?v=4.3.0) format('woff2'),url(/ips-repositories/operator/20645482/commons/styles/fonts/fontawesome-webfont.woff?v=4.3.0) format('woff'),url(/ips-repositories/operator/20645482/commons/styles/fonts/fontawesome-webfont.ttf?v=4.3.0) format('truetype'),url(/ips-repositories/operator/20645482/commons/styles/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}
@font-face { font-family: "fuji-print"; src:url(/ips-repositories/operator/20645482/commons/styles/fonts/fuji-print.eot); src:url(/fonts/fuji-print.eot#iefix) format("embedded-opentype"), url(/ips-repositories/operator/20645482/commons/styles/fonts/fuji-print.woff) format("woff"), url(/ips-repositories/operator/20645482/commons/styles/fonts/fuji-print.ttf) format("truetype"), url("../fonts/fuji-print.svg#fuji-print") format("svg"); font-weight: normal; font-style: normal;  }
@font-face { font-family: 'Basic'
; font-style: normal; font-weight: normal; src: local('Basic 55 Roman'), url(/ips-repositories/operator/20645482/commons/styles/fonts/AvenirLTStd-Roman.woff) format('woff'); }
@font-face { font-family: 'Basic'; font-style: normal; font-weight: 900; src: local('Basic 95 #1a1a1a'), url(/commons/styles/fonts/AvenirLTStd-#1a1a1a.woff) format('woff'); }
@font-face { font-family: 'Basic'; font-style: normal; font-weight: bold; src: local('Basic 85 Heavy'), url(/ips-repositories/operator/20645482/commons/styles/fonts/AvenirLTStd-Heavy.woff) format('woff'); }


/*
-----------------------------
This stylesheet is granted a high priority.
Please take in consideration that any declarations here will most probably overwrite all other stylesheets
-----------------------------
*/

html {
    background-color: #fff;
    font-family: 'Basic', sans-serif;
}


#mobile-header {
    display: none;
}


width:100%; 

}

#orderPrint li{
    list-style:none;
}

.productOption li{
list-style:none;
}




.white {

background-color:white;

}

.gray {

background-color: white;

}
.clearfix{

clear:both;
}

figure img, figure {
  max-width: 100%;
  max-height: 136px;
}


.extrapadding{
padding:40px;
}

.userContainer, .container.gray {
    margin: 0px;
    padding: 10px 0 !important;
}

#pricelistContentSection .userContainer, .container.gray {
    margin: 0 auto !important;
    padding: 30px !important;
}

.box-myPhotos .wrapper.container {
    padding: 10px 0 !important;
    width: auto !important;
}    

section .gray{
padding-bottom:15px;
}

#teaser .container {
  position: relative !important;
  margin-left: auto;
  margin-right: auto;
  display: table;
}

#mainFlashTeaserContent{

    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25), 0px 0px 30px rgba(0, 0, 0, 0.5);
}

#teaser #mainFlashTeaserContent h1{
color:#983378;
font-family:"madre-script";
text-transform:none;
font-size:378%;
}

#ips-clientcheck-standard-button{
width:250px;

}
#teaser #mainFlashTeaserContent h2{
 
    font-weight: 900;
    text-transform:none;
    font-size:121%;
    text-decoration:none;
    font-style:normal;
}

#teaser #mainFlashTeaserContent h2 b{
    font-size:285%;
    font-style:normal;

}

h1{

  font-size: 3.5em;
  font-weight: 900;
  text-transform: none;
  color: #1a1a1a;
  margin-bottom: 20px;
}

h3 {
  font-size: 2em;
  font-weight: 900;
  text-transform: none;
  margin: 0px;

}

#discountproducts a{
text-decoration:none;

}

.overview-block h2, h2.centered {
  font-size: 2.3em;
  font-weight: 900;
  text-transform: none;
  color: #1a1a1a;
  text-align: center;
}

.overview-block h3, h3.centered {

  font-size: 19px;
  font-weight: 900;

  text-transform: none;
  color: #983378;
  margin-bottom:15px;
  text-align: center;
 
}


form{ 
margin:0px;
}

.row {
clear:both;
}

.row form .row {
margin:10px;
}

a, input[type="submit"], button, a::before, a::after, input[type="submit"]::before, input[type="submit"]::after, button::before, button::before {
  -webkit-transition: all .22s ease-in;
  transition: all .22s ease-in;
}

#orderPrint h1 {
    font-size: inherit;
    margin: 4px 0;
}



.message {
    margin: 10px 0px;
    padding: 12px;
    font-weight: bold;
}

.message.success {
    color: #4F8A10;
    background-color: #DFF2BF;
}

.error li, li.error {
    padding: 5px 5px 5px 25px;
    margin-bottom: 10px;
}

.continueButton {
float:right;

  right: 10% !important;
  left: auto !important;
  bottom: 20% !important;
  top: auto !important;

}
#featuredProductsSlider{
margin-top:20px;

}

#featuredProductsSlider h2{
	margin-top:117px;
	font-weight: 100;
	color:white;
	font-size:19px;
	text-align: center;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}



.slick-prev::before, .slick-next::before{
color:#A4A4A4;

}

#teaser{
box-shadow:none;
margin:0px;
padding:0px;
border:0px;
border-radius:0px;

}

#teaser .containerBox .customtextbox {
left:0px;
margin-left:0px;
margin-top:65px;
padding:10px;
background-color:transparent;
}

.teaser {
  background-size: cover;
  width: 100% !important;
}

#teaser .textBox {
padding:10px;
font-size:114%;
font-family: 'Basic', sans-serif;
left:0px;
background-color: none;
border: 1px solid white;
width: 300px;
min-height: 300px;
}

#teaser .frontpage .textBox{
padding-left:0px;

#frontpage_2, #frontpage_2_frontpage_2_0, .fixedheight  {
    height: 500px !important;
}

background-color: transparent;
border: none;

}

#teaser .textBox h1{
padding:0px;
margin:0px; 

  font-size: 171%;
  text-transform: none;
  font-weight: bold;
  line-height: 1.1;
  color: #1a1a1a;
}

#teaser .textBox h2{
font-weight: normal;
 
  
  color: #983378;
  text-align:left;
  margin:0px;
  padding:0px;
  text-transform: none;
  font-size: 120%;
}



#teaser .teaserpromo{
    left:300px !important;
}

#teaser .promotext{
    background:none;
    border: none;
    margin-top: 0px;
    top:0px !important;
    padding-top:0px;
    width:400px;
}

#teaser .promotext h1 {
    font-size: 25px;
    color: #983378;
}


#teaser .promotext h2 {
    font-style: normal;
    font-size: 20px;
    line-height: 27px;
    font-weight: 100;
}

#teaser .promotext h3{
    margin-top: 10px;
    color: #983378;
    line-height: 17px;
    font-size: 20px;
}

#teaser .promotext h3 b {
    font-size: 30px;
    line-height: 34px;
    padding-top: 5px;
}
#products [class*="column"] + [class*="column"]:last-child {
    float: left;
}


#albumItemOverview #backLink, #sharingOptions #backLink {
    height: 100px;
}

#albumItemOverview #previewLeftBtn,
#albumItemOverview .myPhotosContainer {
    margin-left: 10px;
}

#sharingOptions .box-myPhotos-content > .right.sharingMainColumnWidth {
    width: 530px;
}

#sharingThemes #themeSelection .theme {
    width: 110px;
}

#sharingThemes #teaser {
    display: none;
}

#sharingInvitations .sharingSideColumnWidth {
    display: none;
}

#sharingInvitations .sharingMainColumnWidth {
    width: 100%;
}

#sharingInvitations #addressContainer #expander {
    background-position: right 8px center;
}

#summary #billingAddress, #summary #shopAddress, #summary #shippingAddress {
    width: 50%;
}

#summary h3 {
    margin-bottom: 3px;
}

#summary h3 a {
    float: right;
    margin-top: 8px;
}

#summary .productName h1{
    display: inline;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial,sans-serif;
    color: #000;
}

#summary .productName h2{
    display: inline;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial,sans-serif;
    color: #000;
}

#summary .productName h3{
    display: inline;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial,sans-serif;
    color: #000;
}

#summary .productName h4{
    display: inline;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial,sans-serif;
    color: #000;
}

#albumOverview .album{
    height: 300px;
}

.saveBtn:hover{
    color: #fff;
}

#sharingOptions #teaser{
    display: none;
}

.sharingLinkView a,
.sharingLinkView div {
    display: block;
    background-color: #579722;
    border: 1px dashed #2C2620;
    color: #fff;
    padding: 5px;
    margin: 0;
    margin-top: 3px;
}

.sharingLinkView p {
    display: inline;
    margin: 0;
    padding: 5px;
    background-color: #fff;
    border: 1px dashed #2C2620;
    border-bottom: none;
    z-index: 1;
}

#sharingMainContent,
#sharingSideBar {
    padding: 0px;
}

#sharingOptions .titleItem h4 {
    margin: 10px;
}

#unlockAlbumLogo{
    background: url(/ips-repositories/operator/20645482/commons/images/logos/logo.png) no-repeat scroll 0 0 transparent;
    height: 55px;
    width: 100%;
    margin-top: 20px;
}

#sharedAlbum .box-myPhotos-head {
    padding-bottom: 20px;
}



#sharedAlbum .box-myPhotos .wrapper {
    background: transparent;
}

#sharingLogo{
    background: url(/ips-repositories/operator/20645482/commons/images/logos/logo.png) no-repeat scroll left center transparent;
    height: 55px;
    width: 100%;
}

#pbWizard .box-default-head,
#pbWizard .box-default-content {
    margin: 0;
}

#pbWizard #price {
    color: #666666;
}

#wizardContent {
    margin: 0px;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#wizardContent .box-default-head,
#wizardContent .box-default-content {
    margin: 10px;
}

#wizardContent .wrapper {
    overflow: visible;
    padding-top: 1px; /* prevent margin collapse */
    margin-top: 4px;
}

#wizardContent #btnBack {
    display: block;
   
}

#pbWizard a.headLink{
    display: inline-block;
    width: auto;
    position: absolute;
    right: 15px;
    top: 0;
    font-size: 13px;
    font-weight: normal;
    border: none;
    background: none;
}

#pbWizard #wizardContent .left{
    margin-right: 10px;
    position: absolute;

    bottom: 6px;
    margin-bottom: 5px;
}

#controls a:hover{
    color: #fff;
}

#pbWizard #controls{
    padding-top: 5px;
    overflow: visible;
    background-color: #FFF;
    margin: -10px 0 55px 0;
    width: auto;
    border: none;
    box-shadow: none;
    height:80px;
}

#pbWizard #leftWizardContainer {
    width: 560px;
}

#btnNext{
    height: 30px;
    width: auto;
    text-align: center;
    line-height: 10px;
    position: absolute;
    right: 20px;
    bottom: 11px;
}

#pbWizard .wizardStep3 #coverImageSelection {
    margin-bottom: 0px;
}

#details #pbWizardNav {
    margin: 5px;
}

#pbWizard #pbWizardNav {
    margin: 10px 0 0 0;
    position: relative;
}

.overlay {
    left: 0px;
    right: 0px;
}

.pbProgressBg,
.jade-ui-progressbar {
    width: 100%;
    height: 19px;
    padding: 0px;
    border: 1px solid #1a1a1a;
    background-color: #777 !important;
    box-shadow: inset 0 10px 5px #555;
    border-radius: 2px;
    overflow: hidden;
}

.pbProgress,
.transferUI_TaskProgress,
.jade-ui-progressbar .progress {
    background-color: #579722;
    box-shadow: inset 0 7px 0 rgba(255, 255, 255, .2), inset 0 0 0 1px rgba(255, 255, 255, .5);
    border-radius: 2px;
    position: relative;
}

#statusInfoProgressBg {
    position:relative;
    height:26px;
    width:145px;
    cursor:default;
    float:right;
    margin-top: -7px;
}

#pbWizard #statusInfoContainer {
    width: 150px;
}

#infoTeaser {
    display: none;
}

#startUp #infoTeaser {
    display: block;
}

#details #naviTeasers {
    display: none;
}

#preview, #preview:before, #preview:after, #preview *, #preview *:before, #preview *:after, #zoom, #zoom:before, #zoom:after, #zoom *, #zoom *:before, #zoom *:after {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    font-size: 10px;
}

#fastbookletInfoText {
    text-align: center;
    font-size: 16px;
    margin: 7px 0 18px 0;
}

#fastbookletInfoText h1 {
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: bold;
}

.modalBoxClose {
    position: absolute;
    top: 5px;
    right: 5px;
    background: url('/ips-opdata/layout/ips01/widget/modalBox/images/icons/closeModal.png') 0 0 no-repeat;
    width: 28px;
    height: 28px;
    cursor: pointer;
    z-index: 100;
}

.modalBoxClose:hover {
    color: #3b4044;
}

.modalBoxOuter{
    display: none;
    border: 1px solid #1a1a1a;
    background: #3B4044;
    padding: 13px;
    -moz-box-shadow: 0 0 0 5px rgba(255, 255, 255, .2);
    -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, .2);
    box-shadow: 0 0 0 5px rgba(255, 255, 255, .2);
    border-radius: 0;
}

.modalBoxInner{
    background-color: #fff;
}

.jade-ui-dialog > div {
    overflow: inherit;
    padding: 0;
}

#pbWizard #pageOptionContainer{
    width: 125px;
}

#pbWizard #picturesPerPageContainer{
    width: 120px;
}

#storeBtnB {
    margin-bottom: 10px;
}

/* Address Dialogs */

#billingAddressForm {
    min-width: 760px;
}

#shippingEditButtonBar .columns {
    width: auto;
    margin: 0;
    padding: 0;
    float: none;
    display: inline-block;
}

#shippingEditButtonBar #saveAddressBtn {
    margin-left: 20px;
}

/* calendar events */

#calendarEvents .eventForm .button, #calendarEvents .eventForm .custom.dropdown {
    font-weight: normal;
    background-color: #fff;
    color: #3b4044;
}

#calendarEvents .eventForm .button.startDate,
#calendarEvents .eventForm .button.endDate {
    background-image: none;
}

#calendarSidebar .button {
    font-weight: normal;
    color: #3b4044;
}

#calendarSidebar #loadEventsInfo {
    background-color: #E86D01 !important;
    border-color: #E86D01 !important;
}

#calendarSidebar .button.info {
    background: #E86D01 !important;
    border-color: #E86D01 !important;
}

#calendarSidebar .button.info.toggled {
    box-shadow: 2px 2px 3px -1px rgba(0,0,0,0.4) inset;
}

#calendarSidebar #confirmDelete .button.highlight {
    background-color: rgb(145,208,64) !important;
}

#calendarEvents #btnContinue {
    height: 40px;
    line-height: 20px;
}
#calendarEvents #infoDialog h3 {
    color: #3b4044;
}

#calendarEvents #infoDialog,
#calendarEvents #infoDialog table thead th,
#calendarEvents #infoDialog table tbody tr td  {
    background-color: #F0F0F0;
    color: #3b4044;
}

#calendarEvents #infoDialog .numberInfo, #infoDialog .dateInfo, #infoDialog .descInfo {
    border-right: 1px solid #3b4044;
}

#calendarEvents #infoDialog .arrow {
    border-right: #F0F0F0 15px solid;
}

#calendarEvents  #infoDialog .buttonLane .button.highlight {
    display: block !important;
    background: #2C2620;
    background: -moz-linear-gradient(bottom,#2C2620,#7B6F64) !important;
    background: -webkit-gradient(linear,left top,left bottom,from(#7B6F64),to(#2C2620)) !important;
    background: -ms-linear-gradient(bottom,#2C2620,#7B6F64) !important;
}

#calendarSidebar #confirmDelete .button {
    padding: 0 10px;
    line-height: 32px;
}

#confirmDelete .button.yes {
    background: red;
}


form.custom div.custom.dropdown ul li:hover,
form.custom div.custom.dropdown ul li.selected:hover {
    background: #EA6F01;
}

#cisItems #addressView ul > li > img{
    margin: 6px 0 0 4px;
}

#cisItems #contentDiv .box-default-head,
#cisItems #contentDiv .box-default-content {
    padding: 0px 10px;
}

#cisItems .detailItem .detailTextContainer .fbBtn {
    text-shadow: none;
}

#cart #loadCart{
    margin: 0px 5px 0px 0px;
}

#cart #saveCart{
    margin: 0px 5px 0px 0px;
}

#cart #removedItemsContainer #removedItemsList span {
    font-size: inherit;
    color: #444;
}

#cart #removedItemsContainer h3 {
    font-size: 27px;
}

.ips-storage-functionresultdialog > div, .ips-storage-functiondialog > div, .ips-ui-optionsdialog > div{
    padding: 10px;
}

.ips-storage-functiondialog > div > p {
    padding: 8px;
}

.ips-storage-functiondialog .description {
    margin-top: 10px;
}

.ips-storage-functiondialog .parameter {
    padding: 0 8px 8px;
}

.ips-storage-functiondialog .parameter .authLink,
.ips-storage-functiondialog .parameter .BrowserLink,
.ips-storage-functiondialog .parameter .facebookAutorizeLink {
    background-color: #579722;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    width: 198px;
}

.ips-storage-functiondialog .parameter .facebookAutorizeLink {
    background-color: #3B5998;
}

#pbWizard #pbWizardNav li a.current {
    border-top: 5px solid #579722;
}

.ips-ui-storagetabs .commandBar .optionsMenuBtn:hover{
    border: 1px solid  rgb( 62 , 126 , 9 );
    filter: none;
}

.ips-ui-storagetabs .commandBar .optionsMenuBtn{
    background:  #579722;
    color:  #fff;
    border: 1px solid  rgb( 62 , 126 , 9 );
    -webkit-box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    -moz-box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    text-shadow: 1px 1px 0px #579722, -1px -1px 0px #579722;
    font-weight: bold;
    filter: none;
}

.mediabar-storagetabs-popup-button{
    background:  #579722;
    color:  #fff;
    border: 1px solid  rgb( 62 , 126 , 9 );
    -webkit-box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    -moz-box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    text-shadow: 1px 1px 0px #579722, -1px -1px 0px #579722;
    font-weight: bold;
    filter: none;
}

.mediabar-storagetabs-popup-button:hover{
    border: 1px solid  rgb( 62 , 126 , 9 );
    filter: none;
}

.mediabar-storagetabs-popup-button.active{
    background:  #579722;
    color:  #fff;
    border: 1px solid  rgb( 62 , 126 , 9 );
    -webkit-box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    -moz-box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    text-shadow: 1px 1px 0px #579722, -1px -1px 0px #579722;
    font-weight: bold;
    filter: none;
}

.ips-ui-storagetabs .commandBar .optionsMenuBtn.active{
    background:  #579722;
    color:  #fff;
    border: 1px solid  rgb( 62 , 126 , 9 );
    -webkit-box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    -moz-box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    text-shadow: 1px 1px 0px #579722, -1px -1px 0px #579722;
    font-weight: bold;
    filter: none;
}

.ips-ui-storagetabs .commandBar .optionsMenuBtn.down{
    background:  #579722;
    color:  #fff;
    border: 1px solid  rgb( 62 , 126 , 9 );
    -webkit-box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    -moz-box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    box-shadow: inset 0px 1px 0px rgb( 151 , 215 , 98 ), inset 0px 40px 30px -30px rgb( 125 , 189 , 72 );
    text-shadow: 1px 1px 0px #579722, -1px -1px 0px #579722;
    font-weight: bold;
    filter: none;
}

#cisItems #modalBox4 .modalBoxInner .facebook #facebookBtn{
    margin: 50px auto 50px 40px;
}

#cisItems #modalBox4 .modalBoxInner .email #sendStatus{
    font-weight: bold;
    color: #EA6F01;
    margin-top: 0;
    margin-left: 2px;
    max-width: 200px;
}

#cisItems #modalBox4 .modalBoxInner .email #sendStatus.error {
    color: #FF0000;
}

#cisStore .facebook{
    display: none;
}

#cisStore #contentDiv .columns.twentyfive {
    width: 66.66%;
}

#cisItems .detailItem .detailImgContainer .detailImg{
    max-width: 131px !important;
}

.lt-ie9 #cisItems .detailItem .detailImgContainer{
    background: none;
    display: inline;
}

.lt-ie9 #cisItems .detailItem .detailImgContainer{
    background: none;
    display: inline;
}

.lt-ie9 #cisItems .detailItem .detailImgWrapper{
    display: inline;
}

#breadCrumb a:last-child, #breadCrumb a:last-child {
    color: #983378;
    text-decoration:none;
}

#myAccount .addresses .address, #myAccount .addresses .addressBtn,
#shippingSelection .addresses .address, #shippingSelection .addresses .addressBtn,
#summary .addresses .address, #summary .addresses .addressBtn{
    height: 140px;
}

#preditor #predirotHelpTextDiv{
    left: 25px;
    position: absolute;
    top: 35px;
    color: #777777;
}

#preditor #predirotHelpTextIcon{
    background-image: url("/ips-opdata/images/icons/40x30_options.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 30px;
    width: 40px;
    float: left;
    margin: 0 5px;
}

#preditor .predirotHelpText{
    float: left;
    line-height: 28px;
}

#details #description h4 {
    font-size: 18px;
    line-height: 17px;
    color: #3b4044;
}

/* the long selector is needed for rule overwriting from foundation*/
a.highlight  {
    cursor: pointer;
    background: transparent;
    font-weight: bold;
    color: #579722;
}

/* the long selector is needed for rule overwriting from foundation*/
a.highlight:hover  {
    color: rgb( 36 , 100 , 0 );
}

#userAddressModalBox {
   height: 690px;
}

#addressFormArea {
   height: 661px;
}

#calendarEvents .button {
    text-shadow: none;
}

.box-myPhotos-head h2 {
    padding: 10px 0;
    margin: 0;
}

.box-myPhotos-head a {
    font-weight: bold;
    color: #666666;
}

#pbWizard #btnNext {
    background: #579722;
    padding-top: 10px;
}

#pbWizard #btnNext:hover,
#pbWizard #btnNext:active,
#pbWizard #btnNext:focus {
    background:  rgb( 62 , 126 , 9 );
}

#invalidAlbum .wrapper {
    padding: 10px;
}

#sharingOptions input.albumTitle {
    width: 45%;
}

#cisItems #emailModalBox #emailContainer{
    padding-right: 10px;
}

#cart .deliveryPeriod, #cart .deliveryPeriodAsterisk {
    display: block;
}

.checkoutOption .checkbox.selected, #confirmCheckbox.selected {
    background-color: #006eb7;
}

.checkoutOption .checkbox,
#confirmCheckbox {
    
    width: 12px;
    height: 12px;
    border: 1px solid #454545;
    
    background-color: #fff;
    cursor: pointer;
    box-shadow: inset 0 17px 6px -12px rgba(0,0,0,.2), inset 0 0 0 2px #fff;
      display: inline-block;
}



#summary #termsContainer{
    margin-bottom: 20px;
}

#summary #termsContainer #termsSelection{
    width: 100%;
    float: right;
    margin-top: 10px;
}

#summary #termsContainer #termsSelection #termsOfUse label{
    padding: 0 20px;
}

#summary #termsContainer #termsSelection #termsOfUse #confirmCheckbox{
    position: absolute;
}

#summary  #estShippingDate{
    float: right;
    top: 15px;
    position: relative;
    right: 10px;
}

#summary #estShippingDate span{
    color: #56A12B;
    margin-left: 5px
}

#cookieInfo{
    width: 100%;
    background: #fff;
    padding: 4px 0;
    z-index: 100;
    text-align: center;
    position: fixed;
    bottom: 0;
    border-top: 1px solid #000;
    font-size: 120%;
    display: none;
    top: auto;
    border-bottom: 0px;
}

#cookieInfo a{
    color: #000;
    text-decoration: underline;
}







/* Language Selection: ********************************************** */

#head .headLanguages {
    width: 100%;
    height: 35px;
    padding-right: 0;
}

#head .headLanguages #select {
    float:right;
    margin-top: 15px;
    margin-right: -4px;
    width: 79px;
    height: 18px;
}

#head .headLanguages #select span.language {
    width: 26px;
    height: 20px;
}

#head .headLanguages #select span.language.inactive {
    background: transparent;
    opacity: .5;
}

#head .headLanguages #select span#fr {
    background: #aaa url('/ips-repositories/operator/27950000/commons/images/icons/fr_active.png');
    margin-left: 10px;
    margin-right: 0;
}
#head .headLanguages #select span#fr:hover,
#head .headLanguages #select span#fr:focus,
#head .headLanguages #select span#fr:active {
    background: #aaa url('/ips-repositories/operator/27950000/commons/images/icons/fr_over.png');
}
#head .headLanguages #select span#fr.inactive {
    background: #aaa url('/ips-repositories/operator/27950000/commons/images/icons/fr_off.png');
}

#head .headLanguages #select span#nl {
    background: #aaa url('/ips-repositories/operator/27950000/commons/images/icons/nl_active.png');
    margin-left: 8px;
    margin-right: 5px;
}
#head .headLanguages #select span#nl:hover,
#head .headLanguages #select span#nl:focus,
#head .headLanguages #select span#nl:active {
    background: #aaa url('/ips-repositories/operator/27950000/commons/images/icons/nl_over.png');
}
#head .headLanguages #select span#nl.inactive {
    background: #aaa url('/ips-repositories/operator/27950000/commons/images/icons/nl_off.png');
}


/* Top Menu: ********************************************** */

#navi {
    width: 100%;
    margin: 0;
    z-index: 2;
}

#navi .box-default
{
  margin: 0px;


}

#navi .box-default {
    border: 0;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
 
}

#navi .box-default a.naviHeadline {
    width: 71px;
    height: 52px;
    float: left;
    border-radius: 0;
    border-left: solid 1px #d8d8d8;
    background: none;
}
body#startUp #navi .box-default a.naviHeadline {
    background: #7b7b7b;
    background: -moz-linear-gradient(top, rgba(124,124,124,1) 0%, rgba(82,82,82,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(124,124,124,1)), color-stop(100%, rgba(82,82,82,1)));
    background: -webkit-linear-gradient(top, rgba(124,124,124,1) 0%, rgba(82,82,82,1) 100%);
    background: -o-linear-gradient(top, rgba(124,124,124,1) 0%, rgba(82,82,82,1) 100%);
    background: -ms-linear-gradient(top, rgba(124,124,124,1) 0%, rgba(82,82,82,1) 100%);
    background: linear-gradient(to bottom, rgba(124,124,124,1) 0%, rgba(82,82,82,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7c7c', endColorstr='#525252', GradientType=0);
}

#navi .box-default .box-default-content {
    position: relative;
}
#navi .box-default .box-default-content .homeIcon {
    width: 71px;
    height: 52px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('/commons/images/icons/home_#1a1a1a.png');
    background-repeat: no-repeat;
    background-position: center center;
}
body#startUp #navi .box-default .box-default-content .homeIcon {
    background: url('/ips-repositories/operator/27950000/commons/images/icons/home_white.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.navbar a{


 
  -webkit-transition: all .22s ease-in;
  transition: all .22s ease-in;
  text-decoration:none;
  }




.navbar::before {
  content: '';
  left: 15px;
  right: 15px;
  top: 0;
  height: 1px;
  display: block;
  background: #fff;
  position: absolute;
}


/** Banner that stretches full with of page, used for header and footer **/

#banner{
	display: none;
    text-align: center;
    background-color: none;
    height: 45px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #2e9c40;
    
    font-size: 15px;
    font-weight: bold;
    font-family:  serif;
}

/* Breadcrumb Menu: ********************************************** */
#breadCrumb{
padding-left:0px;
}

#breadCrumb a,
#breadCrumb span.separator {
 color: #333;
font-size: 16px !important;
}


.block-grid.three-up > li:nth-child(3n+1), .block-grid.up3 > li:nth-child(3n+1) {
  clear: left;
}


/* Footer ********************************************** */

#clientCheck .buttons .control{
    width: 70%;
}

#clientCheck .buttons .clients{
	width: 25%;
}

#clientCheck .buttons .clients .clientButtonContainer{
	width: 100%;
}

#simpleTransfer, #orderingTransfer{
	border: 1px solid #000;
	border-bottom: none;
	background-color: #fff;
}

/* scale down previews of card themes due to bad image quality */
#themePreviews .previewImage {
	max-width: 50%;
	max-height: 50%;
}

.jade-ui-dialog > h1{
	display: none;
}
#menuContainer{
display:flex;

}

.overlay {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;

    background: url(/ips-repositories/operator/20645482/checkout/images/icons/wait.gif)  rgba(255,255,255,0.7);
    z-index:9999;
    color:white;
    background-repeat: no-repeat;
    background-position: center;
    
}

/*.jade-Component input{
width:auto !important;
height: auto !important;


}*/
 

#banner .banneritem img{
    height: 30px;
    float:left;
    margin-right:5px;
}

#banner .banneritem { 
    display: inline-block;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 29px;
    font-size: 16px;
}

#footContainer #banner .banneritem a{ 
color:#2e9c40;

}

#footContainer #banner{
    color:#1a1a1a;
    font-style:normal;
}


/* FRONT PAGE */
.colored.bgred { 
    background : #983378 !important; 
    color: white !important; 
}
.relative {
    position: relative !important;
    }

/* CUSTOM WALLDECO home TEASER */
#teaser #mainFlashTeaserContent .centered-auto {
	position: absolute;
	width: auto !important;
	padding: 0px 20px 20px 20px;
	margin: 20px 0;
	text-align: center;
}
#teaser #mainFlashTeaserContent .avenir-white-100 {
	color: white;
	font-family: 'Basic', sans-serif;
	font-weight: 100;
	text-transform: none;
	font-size: 378%;
}
#teaser #mainFlashTeaserContent .textBox p {
	margin: 0;
}

/* eind */

/* CUSTOM WALLDECO category TEASER */
    #teaser #teaserBoxDeco .centered-auto {
		position: absolute;
		width: auto !important;
		border: none !important;
		padding: 0px 20px;
		text-align: center;
	}
	#teaser #teaserBoxDeco .avenir-white-100 {
		color: white;
		font-family: 'Basic', sans-serif;
		font-weight: 100;
		text-transform: none;
		font-size: 378%;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25), 0px 0px 30px rgba(0, 0, 0, 0.5);
	}
	#teaser #teaserBoxDeco .textBox p {
		margin: 0;
	}
	.colored.bgred { 
		background: #983378 !important; 
		color: white !important; 
	}
	#teaserBoxDeco .textBox {
		background: none;
		border: none;
	}
	
	/* END */

.Snippet.Starthere > .block-grid {
  padding: 5px;
  margin-right: -15px;
}

.Snippet.Starthere > .block-grid > li {
  height: 60px;
  padding: 10px 25px 10px 10px;
  position: relative;
  text-transform: none;
  font-weight: bold;
}

.Snippet.Starthere > .block-grid > li::before{

    content: '';
    top: -10px;
    bottom: -10px;
    width: 30px;
    position: absolute;
    left: -30px;
    background: url(/ips-repositories/operator/20645482/commons/images/arrow.svg) no-repeat right center / 15px 127px;
    display: block;
}


.block-grid.five-up > li:nth-child(5n+1), .block-grid.up5 > li:nth-child(5n+1) {
  clear: left;
}
.block-grid.five-up > li, .block-grid.up5 > li {
  width: 20%;
}
.block-grid > li {
  display: block;
  height: auto;
  float: left;
  list-style: none;
}
.Snippet.Starthere > .block-grid > li nav .more:hover{
  background: #202124;
  color: #fff;
  border-color: #202124;
}




.Snippet.Starthere > .block-grid > li nav .more{
background-color:white;
border: 1px solid white;
color: #1a1a1a;

  text-shadow: 0 0 0;
}

.Snippet.Starthere > .block-grid > li i {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 0 5px;
  display: block;
  vertical-align: middle;
  font-size: 20px;
  color: #983378;
  font-weight: 900;
  font-style: normal;
  background: #fff;
  border-radius: 50%;
}

.Snippet.Starthere > .block-grid > li span {
  font-size: 12px;
  display: block;
  position: relative;
  top: 50%;
  transform: translate(0px, -50%);
  -webkit-transform: translate(0px, -50%);


  -ms-transform: translate(0px, -50%);
  padding-left: 50px;
}
.flex-wrapper{

display:flex;
}

.justify-wrapper{
text-align:justify;
}
.justify-wrapper::after {
    content: " ";
    display: inline-block;
    width: 100%;
    height: 0px;
}


.overview-block.discount-block{
width:30%;
height:350px;
float: none;


}

.discount-block:hover .btn-default.#1a1a1a{

background-color: #1a1a1a;

color:white;
}


.overview-block.discount-block h3{
font-style:normal;
font-size:15px;
padding: 0px;
padding-top:10px;
padding-left:10px;
text-transform:none;
font-weight:bold;
font-family:"Basic",arial,helvetica,sans-serif;
padding-bottom:0px;


}

.overview-block.discount-block .btn-default  {
bottom: 20px;
position: absolute;
left: 20px;

}

.discountBanner{
bottom: 193px;
position: absolute;
margin-top:28px;
  width: 50%;
    background-color: #E9122B;
    
    padding-left: 10px;
    margin-left: -6px;
    color: #FFF;
      font-size: 17px;
    font-weight: bold;
        
    
}

.discountBanner .pricefrom{
text-decoration:line-through;

}

.overview-block {
	padding: 20px !important;
}

.overview-block:hover{
	border-bottom: 5px solid #983378;
	box-shadow: 0 4px 12px 0px rgba(0,0,0,.4);
}

.overview-block.active{
	border-bottom: 5px solid #983378;
	box-shadow: 0 4px 12px 0px rgba(0,0,0,.4);
}


.overview-block h2{
    font-weight:900;
    color: #983378;
	font-size: 19px;
	text-align:left; 
}


.overview-block h3 {
  
  text-align:left;
  font-size: 16px;
  font-weight: 300;
  margin-top: -5px;
  margin-bottom:-16px;
  color: #333;
  text-transform: none;
}

.overview-block text{
  margin: 0 0 10px;
 
}


.overview-block .productOptionTexts{
    bottom:0;
    padding-bottom:10px;
    width:90%;
}
 

.overview-block .productImage{
  max-width: 100%;
  /* height: 170px; */
  background-size: contain;
  background-position: center;
  margin-left: auto;
  margin-right: auto;
  background-repeat: no-repeat;
  text-align: center;
  margin: 2rem 0;
}

.overview-block .productImage img{
    max-width: 100%;
    max-height: 170px;
    /* height: 140px; */
}


.no-flexbox li.navLi{
padding-right: 40px !important;
display:inline;
    
}

/** editor background fixes **/
#jade-Component-617, #jade-Component-34, #jade-Component-96, #jade-Component-76, #jade-Component-68, #jade-Component-674{
background-color: #c3c7cd !important;
}