body {letter-spacing: 0.3px; font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; color: #666666; }
br.cl{clear:both;margin-top:-1.2em;font-size:0;}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/* CSS FRAMEWORK ADDONS */
.aligncenter{text-align: center;}
.alignright{text-align: right;}
.bold{font-weight: bold;}
.clear_10{height: 10px;}
.clear_20{height: 20px;}

/* General structure of site */
.wrapper{background-color: #fff;}
.greenback{background-color: #E0F2F1 !important;}

.dividerGreen, .dividerWhite{height: 20px; clear: both;}
.dividerWhite{border-bottom: 1px solid #E0F2F1; background-color: #fff;}
.dividerGreen{border-bottom: 1px solid #fff; background-color: #E0F2F1;}
span.lightgrey{color: #999999;}
.navback{padding: 10px 0px;}

/* Lists */
ol.horizontalRight, ol.horizontalLeft, ol.horizontalCenter, ol, ul.horizontalRight, ul.horizontalLeft, ul.horizontalCenter, ul{list-style: none;}
ol.horizontalRight li, ul.horizontalRight li, ol.horizontalLeft li, ul.horizontalLeft li, ol.horizontalCenter li, ul.horizontalCenter li{display: inline;}
ol.horizontalCenter, ul.horizontalCenter{text-align: center;}

ol.b2b-switch {
    float: left;
    margin:0;
    padding:0;
    background-color: #EEEEEE;
    border-radius: 5px;
    padding: 10px 12px 10px 2px;
}
ol.b2b-switch li {
    margin: 0;
    padding: 6px 10px;
    text-align: left;
    float:left;
    width:auto;
    border-radius: 5px;
}
ol.b2b-switch li.selected {
    background-color: #ed329d;
    color:#fff;
}
ol.b2b-switch li.selected a,
ol.b2b-switch li.selected a i.fa,
ol.b2b-switch li.selected a span {
    color: #fff;
}

ol.horizontalRight {
    margin-top: 6px;
}

/* Typgraphy */
h1, h2, h3, h4, h5, h6, div.h1, div.h2, div.h3, div.h4, div.h5, div.h6{font-family: 'Open Sans', Arial, sans-serif; letter-spacing: 0.5px; padding: 15px 0px 5px 0px;}
h1, div.h1{font-weight: 600; font-size: 24px; color: #ed329d;}
h2, div.h2{font-weight: 500; font-size: 18px;}
h3, div.h3{font-weight: normal; font-size: 16px;}
h4, div.h4{font-weight: normal; font-size: 15px;}
h5, div.h5{font-weight: normal; font-size: 14px;}
h6, div.h6{font-weight: normal; font-size: 13px;}

p{line-height: 17px; margin-top: 5px; margin-bottom: 5px;}

a{
    text-decoration: none;
    color: #ed329d;
    cursor: pointer !important;
}

.infoContent a {
    color: #ed329d;
}

.green, h2.green a{color: #336666;}
.pink{color: #ed329d;}

.fa-chevron-right{font-size: 11px;}

/* Forms, inputs, selects, etc */
input[type='text'], input[type='password']{
	height: 30px;
	border: 1px solid #ccc;
	padding-left: 5px;
	background-color: #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-appearance:none;
}

textarea{
	padding: 5px;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

select {
    padding: 6px;
    margin: 0;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    background: #fff;
    color: #666666;
    outline:none;
    display: inline-block;
    height: 30px;
    /*
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    */
    cursor:pointer;
    border: 1px solid #ccc;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

.dd-select, .dd-options{background-color: #fff !important;}
.dd-select{ height: 40px; border-radius: 5px !important;}
.dd-selected, .dd-option{padding:2px 10px !important; background-color: #fff !important;}
.dd-select{display: table-cell !important; vertical-align: middle;}
a.dd-option:hover{border-color: #ccc;}
a.dd-selected{border: 0px !important; font-weight: normal; color: #666666;}
.dd-options{width: 298px !important; height: 180px; border-radius: 5px !important;}

label.myselect {position:relative}
label.myselect:after {
	font-family: 'FontAwesome';
    content: '\f0da';
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:10px; top:2px;
    padding:0 0 2px;
    position:absolute;
    pointer-events:none;
    color: #666666;
}
label.myselect:before {
    content:'';
    right:6px;
    top:0px;
    width:20px;
    height:20px;
    background:#fff;
    position:absolute;
    pointer-events:none;
    display:block;
}

.upload{display: hidden; width: 0; height: 0;}
input[type='text']:focus, input[type='password']:focus, textarea:focus{border: 1px solid #ed329d; outline: none;}
select:focus{border: 1px solid #ed329d;}
input[type='checkbox'], input[type='radio']{
    margin-right: 5px;
}
label{cursor: pointer !important;}

.occasiondate{margin-right: 5px;}

.siteuser-dob{
    width: 145px !important;
    margin-right: 5px;
}

input[readonly="readonly"], input[disabled="disabled"]{
	background-color: #c7c6c6;
	border: 1px solid #ccc !important;
}

/* Buttons */
input.CTA_lvl1, input.CTA_lvl2, input.CTA_lvl3, a.CTA_lvl1, a.CTA_lvl2, a.CTA_lvl3{
border: 0px;
cursor: pointer;
margin-top: 3px;
margin-bottom: 3px;
/* -webkit-border-radius: 3px 10px 3px 10px;
border-radius: 3px 10px 3px 10px; */
-webkit-border-radius: 10px 3px 10px 3px;
border-radius: 10px 3px 10px 3px;
font-family: 'FontAwesome', 'Open Sans';
font-size: 15px;
font-weight: normal !important;
-webkit-appearance: none;
}

input.CTA_lvl1, input.CTA_lvl2, input.CTA_lvl3{
	padding: 5px 10px;
}

a.CTA_lvl1, a.CTA_lvl2, a.CTA_lvl3{
	padding: 9px 12px;
	display: inline-table;
}

input.CTA_lvl1, a.CTA_lvl1, .ui-widget-content a.CTA_lvl1, .ui-widget-content a.CTA_lvl1 {
background: #ed329d;
color: #fff !important;
text-shadow: 1px 1px 0px #63023a;
-webkit-box-shadow: 0px 2px 0px 0px #b40b6c;
-moz-box-shadow: 0px 2px 0px 0px #b40b6c;
box-shadow: 0px 2px 0px 0px #b40b6c;
}

input.CTA_lvl1:hover, input.CTA_lvl1:focus, a.CTA_lvl1:hover {
outline: none;
color: #f6ddeb !important;
background: #d01680;
-webkit-box-shadow: 0px 2px 0px 0px #8d0553;
-moz-box-shadow: 0px 2px 0px 0px #8d0553;
box-shadow: 0px 2px 0px 0px #8d0553;
}

input.CTA_lvl1:active, a.CTA_lvl1:active{
color: #ebccde !important;
background: #ae0c68;
-webkit-box-shadow: 0px 2px 0px 0px #63023a;
-moz-box-shadow: 0px 2px 0px 0px #63023a;
box-shadow: 0px 2px 0px 0px #63023a;
}

input.CTA_lvl2, a.CTA_lvl2{
background: #009688;
color: #fff !important;
text-shadow: 1px 1px 0px #336262;
-webkit-box-shadow: 0px 2px 0px 0px #00796b;
-moz-box-shadow: 0px 2px 0px 0px #00796b;
box-shadow: 0px 2px 0px 0px #00796b;
}

input.CTA_lvl2:hover, input.CTA_lvl2:focus {
outline: none;
color: #E0F2F1 !important;
background: #7a9c9c;
-webkit-box-shadow: 0px 2px 0px 0px #4c7777;
-moz-box-shadow: 0px 2px 0px 0px #4c7777;
box-shadow: 0px 2px 0px 0px #4c7777;
}

input.CTA_lvl2:active{
color: #cedada;
background: #5a8181;
-webkit-box-shadow: 0px 2px 0px 0px #2f5757;
-moz-box-shadow: 0px 2px 0px 0px #2f5757;
box-shadow: 0px 2px 0px 0px #2f5757;
}

input.CTA_lvl3, a.CTA_lvl3{
background: #fff;
color: #666666 !important;
text-shadow: 1px 1px 0px #ccc;
-webkit-box-shadow: 0px 2px 0px 0px #999999;
-moz-box-shadow: 0px 2px 0px 0px #999999;
box-shadow: 0px 2px 0px 0px #999999;
}

input.CTA_lvl3:hover, input.CTA_lvl3:focus {
outline: none;
color: #808080 !important;
background: #f4f4f4;
-webkit-box-shadow: 0px 2px 0px 0px #808080;
-moz-box-shadow: 0px 2px 0px 0px #808080;
box-shadow: 0px 2px 0px 0px #808080;
}

input.CTA_lvl3:active{
color: #909090 !important;
background: #ededed;
-webkit-box-shadow: 0px 2px 0px 0px #909090;
-moz-box-shadow: 0px 2px 0px 0px #909090;
box-shadow: 0px 2px 0px 0px #909090;
}

.CTA_orange{
color: #fff !important;
background: #ff9900 !important;
-webkit-box-shadow: 0px 2px 0px 0px #cc6600 !important;
-moz-box-shadow: 0px 2px 0px 0px #cc6600 !important;
box-shadow: 0px 2px 0px 0px #cc6600 !important;
}

.CTA_orange:hover, .CTA_orange:focus{
color: #ffe7c3 !important;
background: #e07001 !important;
-webkit-box-shadow: 0px 2px 0px 0px #993300 !important;
-moz-box-shadow: 0px 2px 0px 0px #993300 !important;
box-shadow: 0px 2px 0px 0px #993300 !important;
}

.CTA_orange:active{
color: #ffe7c3 !important;
background: #cc6600 !important;
-webkit-box-shadow: 0px 2px 0px 0px #993300 !important;
-moz-box-shadow: 0px 2px 0px 0px #993300 !important;
box-shadow: 0px 2px 0px 0px #993300 !important;
}

/* HEADER (Normal & Sticky) */
.siteLogo > a > svg {
    fill: #00ADEF;
}
.headerWideSub{background-color: #4db6ac;}
.headerWideNotification{width: 100%; top: 0px; background-color: #ff9933;}
.sitenotification{margin-left: auto; margin-right: auto; width: 1020px; line-height: 30px; color: #fff; text-shadow: 1px 1px #333; font-weight: bold;}
.sitenotification a{color: #fff;}
.sitenotification a:hover{border-bottom: 1px solid #fff;}
.header{background-color: #fff; margin-left: auto; margin-right: auto; width: 1020px;}

	.headerSub{margin-left: auto; margin-right: auto; width: 1020px; line-height: 36px;}
	.headerSub .occasions ol li{padding: 0px 10px; text-transform: uppercase; font-weight: bold; font-size: 12px;}
	.headerSub .occasions ol li a{text-shadow: 1px 1px #666; color: #fff;}
	.headerSub .occasions ol li a:hover{border-bottom: 1px solid #fff;}

	#searchform{margin-right: -10px; margin-top: -2px;}
	#searchform input[type="text"]{width: 200px; margin-top: 15px;  height: 30px; line-height: 20px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; border-right: 0px; color: #999999;}
	#searchform input[type="text"]:focus{border: 1px solid #CCC; border-right: 0px; color: #666666;}
	.searchbutton{font-family: 'FontAwesome';
        margin-top: 15px;
        height: 34px;
    width:24px;
    border: 1px solid #CCCCCC;
    border-left:  0px;
    cursor: pointer;
    color: #4db6ac;
    background-color: #fff;
    position:relative;
    -webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	-webkit-appearance:none;
	}

.searchbox input[type='text']{padding-right: 50px;}
.searchbox input[type='image']{margin-left: -50px; width: 50px;}

.headerTopMenu{text-transform: uppercase; text-align: right; font-size: 12px; border-bottom: 1px solid #E0F2F1; padding: 5px 0; margin-bottom: 5px;}
.headerTopMenu a{color: #666666;}
.headerTopMenu a:hover{color: #666666; border-bottom: 1px solid #ED329D;}
.headerTopMenu .fa{color: #4db6ac;}
.headerTopMenu ol li{margin-left: 10px;}
.headerTopMenu .favcount{color: #999999;}
.headerTopMenu .basketcounter{color: #ff9933;}

.headerMiddleMenu{padding: 5px 0;}
span.basketamount{color: #666666;}

.topcartcounter .miniCart {
    background-color: #EEEEEE;
    border-radius: 5px; width: 170px;
    margin-left: 0;
}
.topcartcounter .miniCart .cartContainer {
    width: 63px;
    float: left;
}
.topcartcounter .miniCart .cartContainer .h2 {
    margin-left: 10px;
}

.topcartcounter .miniCart .cartContainer .itemCounter {
    position: absolute;
    top: 10px;
    left: 35px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background-color: #FF9933;
    padding: 3px;
}

.topcartcounter .miniCart .amountContainer {
    padding: 10px 0 5px;
}

.topcartcounter .miniCart .shoppingCartLink {
    font-style: italic;
    color: #999999;
}


/* FOOTER */
.footerWide{background-color: #E0F2F1;}
.footer{margin-top: 20px;}
.footerlinks {float:left;}
ol.footerlinks li{padding: 5px 0px; margin-top: 5px; line-height: 32px; float: left; height: 100%; width:100%; display: table;}
ol.footerlinks li span{display:table-cell; vertical-align:middle; text-align:left; float:left;}
ol.footerlinks li a{display: table-cell; padding: 0px 0px;}
ol.footerlinks li img{float: left; margin-right: 10px;}
ol.footerlinks.bold li{font-weight: bold;}
ol.footerlinksbottom li{padding: 0px 5px;}
ol.footerlinksbottom li:first-child{padding-left: 0px;}
ol.footerlinks li a, ol.footerlinksbottom li a{color: #666666;}
ol.footerlinks li a:hover, ol.footerlinksbottom li a:hover{border-bottom: 1px solid #ed329d;}
.footerbottom{height: 30px; line-height: 30px; border-top: 1px solid #B2DFDB; margin-top: 10px;}
.copyright{text-align: right;}

span.social_share_icon{float: left; margin-right: 5px;}

/* Breadcrumbs */
.breadcrumbs{margin-bottom: 10px;}
.breadcrumbs a, .breadcrumbs ul, .breadcrumbsWide a, .breadcrumbsWide ul{color: #666666;}
.breadcrumbs a:hover{border-bottom: 1px solid #666666;}
.breadcrumbs ul li:last-child{font-weight: bold;}
.breadcrumbs ul li{margin-right: 5px !important;}
.breadcrumbsWide ul li{height: 30px; line-height: 30px; margin-right: 5px !important;}

/* InfoPage Styling */
.infoContent ul, .infoContent ol{margin: 10px 0; list-style: none; line-height: 17px; padding-right: 20px;}
.infoContent ol{counter-reset: i 0; padding-left: 4px;}
.infoContent ol li:before {
    content: counter(i);
    counter-increment: i;
    padding-right: 0.5em;
    color: #ed329d;
}
.infoContent ul{padding-left:20px;}
.infoContent ul li:before{
	color: #ed329d;
	margin-bottom:10px;
	font-family: 'FontAwesome';
    content: '\f0da';
    margin:0 5px 0 -15px;
    font-weight: normal;}

.infoContent li{margin-bottom:10px;}
.infoContent a{font-weight: bold;}
.infoContent p{padding: 5px 20px 5px 0px;}
.infoContent table{text-align: left; margin: 10px 0px;}
.infoContent table thead, .contentTable tr{border-bottom: 2px solid #ed329d;}
.infoContent table tr:nth-child(odd){background-color:#fff;}
.infoContent table tr:nth-child(even){background-color:#d7dfdf;}
.infoContent table th{background-color: #E0F2F1; text-align: center;}
.infoContent table td, .infoContent table th{padding: 5px 30px 5px 0px;}
.infoContent table tr {border-bottom: 1px solid #ed329d;}
.infoContent table tr:last-child{border-bottom: 0px;}
.infoContent table td:first-child, .infoContent table th:first-child{font-weight: bold; padding-left: 10px;}
.infoContent blockquote, .infoContent pre {background: #fff; border-left: 5px solid #ed329d; margin: 10px 20px 0px 0px; padding: 5px 20px; font-style: italic;}
.infoContent pre{font-style: normal; padding-bottom: 20px;}
.infoContent img.fullWidth{width: 1020px; margin-left: -20px;}
.infoContent img.halfWidthLeft, .infoContent img.halfWidthRight{width: 490px; margin-top: 10px; margin-bottom: 10px;}
.infoContent img.thirdWidthLeft, .infoContent img.thirdWidthRight{width: 325px; margin-top: 10px; margin-bottom: 10px;}
.infoContent img.halfWidthLeft{float: left; margin-right: 20px; margin-left: -20px;}
.infoContent img.thirdWidthLeft{float: left; margin-right: 20px;}
.infoContent img.halfWidthRight{float: right;  margin-left: 20px;}
.infoContent img.thirdWidthRight{float: right; margin-right: 20px;}

.inputTable table {
}

.inputTable thead {
    border-bottom: 2px solid #ed329d;
    font-weight: bold;
}

.inputTable tr.first {
    border-top: 1px solid #ed329d;
}

.inputTable td {
    text-align: left;
    padding: 4px;
}


/* USP's */
.USPs{background-color: #fff;}
.usp, .uspBig{padding: 5px 0px 10px 0px; line-height: 16px;}
.usp .fa, .uspBig .fa{color: #ed329d; font-size: 22px; float: left; margin-right: 5px;}
.uspBig .fa-angle-right{font-size: 13px;}
.USPs .ekomi{text-align: right;height:134px;overflow: hidden;margin-bottom: 10px;}

.uspBig span.uspTitle{font-weight: bold;}
.uspBig p, .uspBig a{margin-left: 20px;}

/* SEO Text */
.seoText p {text-align: justify; font-size: 12px;}

/* HOME */
.rotatingBanner#banner2, .rotatingBanner#banner3{display: none;}

.homeBanner { height: 285px; width: 1020px; overflow: hidden; background-color: #ebebeb; text-align: center;}
.entrances{margin: 0; padding-top: 20px;}
.entrance{background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #E0F2F1;}

.entrance h2, .entrance ul, .entrance a.CTA_lvl1, .entrance .seotext{margin-left: 10px;}
.entrance a.CTA_lvl1:hover{border: 0px;}
.entrance h2{padding: 10px 0px;}
.entrance ul{margin-top: 5px;}
.entrance li{padding: 5px 0px;}
.entrance a:hover{border-bottom: 1px solid #ed329d;}
.entrance a.CTA_lvl1{margin-top: 10px;}
.olpentrance{height: 250px; margin-left: 9px; margin-right: 9px;}
.diyentrance{height: 325px;}
.homeentrance2{height: 370px;}
.homeentrance3{height: 440px;}
.homeentrance2 h2, .homeentrance3 h2{text-transform: capitalize;}
.homeh1{padding: 0; margin: 0 0 10px 20px; font-weight: 500; font-size: 20px;}
.entrance .seotext{background-color: #fff; margin-top: 10px; margin-right: 10px; }

.homeentrance3 .seotext{margin-top: 10px; padding-right: 20px;}
.homeentrance2 .seotext{margin-top: 10px; padding-right: 20px;}
img.homethumb2{width: 450px; height: 145px; margin-left: 10px;}
img.homethumb3{width: 280px; height: 145px; margin-left: 10px;}

/* Occasion Home */
.olpBanner {height: 285px; width: 1020px; overflow: hidden; background-color: #ebebeb; text-align: center;}
.entrances.olp {padding-top: 0; }
.entrances .h2{margin-bottom: 10px;}
.entrance a.occasionEntranceLink{margin-left: 10px;}
.entrance a.occasionEntranceSubLink{ margin-left: 10px; margin-top:10px; line-height:17px;}

/* Occasion Banner */
.olpbanner img{width: 575px; height: 360px; position:relative;}
img.olpthumb{width: 215px; height: 145px; margin: 10px 0 10px 10px;}
img.diythumb{width: 215px; height: 145px; margin: 10px 0 10px 10px;}

/* Occasion Registration */
#OlpRegistration { position:absolute; left:0; bottom:0; background: rgba(0, 51, 51, 0.6); width:575px; color:#fff; }
#occasion-form-container { margin:10px; }
#occasion-form-container p { padding:5px;	}
#occasion-form-container .input-block { float:left; margin:0 10px 0 0; }
#occasion-form-container .input-block label { padding: 0 0 5px 5px; display:block; }
#occasion-form-container img.ui-datepicker-trigger { margin-left: -25px; }
#OlpRegistration .error { margin:0 10px 10px 10px; }
#OlpRegistration .succes { margin:0 10px 10px 10px; }

.ui-datepicker.ui-widget.ui-widget-content {
    border: 1px solid #ccc !important;
    background-color: #fff;
    padding: 4px;
}

/* Userforms */
.userform{padding-bottom: 10px;}
.userform input{margin-bottom: 10px;}
.userform p{padding: 10px 0px;}
.userform .h1{padding-bottom: 10px;}
.userform .formlabel{margin-top: 10px;}
.userform input[type='text'], .userform input[type='password']{width: 300px;}
.optioneel{margin: 0 0 5px 0; padding: 0px; font-size: 11px; line-height: 10px; color: #999999;}
.invoiceadres{display: none;}

.formRadio{float: left; margin-right: 5px;}
.formRadio .errorBorderOnly + span{border: 0px solid red !important; color: red;}
.errorBorderOnly {border: 1px solid red !important;}
.borderAllowed {border-radius:7px;-moz-border-radius:7px;}

.succes{background-color: #c7e6c9; color: #219c28; font-weight: bold; padding: 10px; -webkit-border-radius: 10px; border-radius: 10px; display: none;}
.succes:before{font-family: 'FontAwesome'; content: '\f164\ '; font-weight: normal;}
.disabled { background:#dddddd; }

/* COP page */

.cardlabel_title {
    white-space: nowrap;
    height: 18px;
}

.cop{background-color: #fff; margin-top: 10px;}

.collectionfilters {
    padding: 10px 0 20px 0;
}
.faceted{
    padding: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.faceted ol.collectie{
    margin-bottom: 10px;
    margin-left: 10px;
    float:left;
    width: 215px;
}

.faceted ol.collectie.format{float: left;}
.faceted ol.collectie.format li:first-child{clear:both;}
.faceted ol.collectie.format li:nth-child(2){clear:both;}

.faceted ol.collectie.format li:not(:nth-child(2)){
    float: left;
}

.faceted ol.collectie.format li:not(:nth-child(2)).selected{
    background-color: #009688;
    font-weight: bold;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.faceted ol.collectie li a:hover{border-bottom: 1px solid #ed329d; padding-bottom: 0;}

.faceted ol.collectie.format li.selected a:hover{border-bottom: 1px solid transparent;}
.faceted ol.collectie.format li a{border-bottom: 1px solid transparent;}
.faceted ol.collectie.format li a:hover{border-bottom: 1px solid #ed329d;}

.faceted ol.collectie a:not(.filterLink){color: #666666;}
.faceted ol.collectie li{line-height: 25px;}
.faceted ol.collectie li a:not(.filterLink){padding: 3px 10px; color: #666666;}
.filterLink{font-weight: bold; float:left; width:90%; padding-bottom: 1px;}
.filterLink i{float: right; line-height: 25px; margin-right: 10px;}
/*.accordion ol.collectie li.filterItem{display:none;}*/
.faceted ol.collectie li span.filterTitle i.fa.fa-caret-down{display:none;} /* Do not display the icon when .accordion is not set */
/*
.accordion ol.collectie li a i.fa.fa-caret-down{display:block !important;}
.accordion ol.collectie li a i.fa.fa-caret-up{display:block !important;}
.accordion .filterLink {width:90% !important;}
.accordion .filterLink i{margin-right: 0;}
*/
.faceted ol.collectie.collectieType li:first-child{float:left; width:100%;}
.faceted ol.collectie.color li:first-child{clear:both;}
.faceted ol.collectie.color li:nth-child(2){clear:both;}
.faceted ol.collectie.color li:not(:nth-child(2)){float: left;}
.faceted ol.collectie li.color a{border: 0px; padding: 0px 5px 0px 0px;}
.faceted ol.collectie li.color a:hover span.title{border-bottom: 1px solid #ed329d;}
.faceted ol.collectie li a.selected{background-color: #009688; font-weight: bold; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.faceted ol.collectie li a.selected.selectedcolor{background-color: #FFFFFF; border-radius: 0; font-weight:normal; -webkit-border-radius: 0; -moz-border-radius: 0;}

.faceted ol.collectie li a.selected .fa{font-weight: bold;}
.faceted ol.collectie li a.selected:hover{border: 0px;}
.faceted ol.collectie .fa-square{text-shadow: 0px 0px 2px #666666;}
.faceted ol.collectie .fa-square:hover{text-shadow: 0px 0px 2px #000;}

.faceted ol.collectie li a i {
    margin-right: 5px;
}
.faceted ol.collectie.collectieType.format .cardFormat {
    display: block;
    height: 44px;
    margin: 10px 10px 0 0;
    padding: 0;
    line-height: normal;
}
.faceted ol.collectie.collectieType.format .cardFormat a {
    display: block;
}
.faceted ol.collectie.collectieType.format .formats {
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
}

.filterTitle {
    font-weight: bold;
    float: left;
    width: 90%;
    padding-bottom: 1px;
    color: #ed329d;
}

/* Moz only*/
@-moz-document url-prefix() {
    ol.collectie li a.selectedImage {
        background-image:url('/images/colors-moz.png');
    }
}

ol.collectieKleuren li:first-child {font-weight: bold; margin-right: 10px;}
ol.collectieKleuren li{margin: 0px 1px; font-family: 'Arial Rounded MT', sans-serif; font-size: 14px;}
ol.collectieKleuren li#normal a{padding: 6px 8px; color: #666666;}
ol.collectieKleuren li#normal a:hover{
    -webkit-border-radius: 10px; border-radius: 10px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
li#more a:hover{background: #fff; color: #ed329d;}

ol.collectieKleuren li.roundcolor{padding: 0px 8px;}

.cop .breadcrumbs{margin-top: 10px;}
.fa-star-o{color: #4db6ac;}
.fa-star-o:hover{color: #ed329d;}
.fa-star{color: #ed329d;}
.loadingmore{text-align: center;}

.COPcard{
    width:233px !important;
    padding: 10px 0px;
    background-color: #fff;
    margin-bottom: 10px;
    margin-right: 10px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #E0F2F1;
    min-height: 260px;
}
.COPcard.filler {
    display: none;
}

.COPcard.ProductSet { height: 292px; }
.COPcard .favoritebutton{cursor:pointer;}
.COPcard .price, .myCard .price{font-size: 11px; color: #666666;}
.COPcard .new, .myCard .new{font-size: 11px; color: #ff6600;}
.COPcard .new img, .myCard .new img {height: 16px;}
.COPcardimage {
    height: 215px;
    line-height: 215px;
    margin-bottom: 5px;
    overflow: hidden;
    position: relative;
}
.COPcardimage img{
    max-width: 188px;
    vertical-align: middle;
    max-height: 188px;
    border: 1px solid #ebebeb;
}

.COPcardimage.producttype24 img {
    max-width: 120px;
    vertical-align: middle;
    max-height: 120px;
    border: 1px solid #ebebeb !important;
}
.COPcardimage img.sticker {
    max-width: 92px;
    vertical-align: middle;
    max-height: 92px;
    border: none;
}

.COPcardimage img.stickerl {
    max-width: 146px;
    vertical-align: middle;
    max-height: 146px;
    border: none;
}

.COPcardimage img.overlay {
    max-width: 188px;
    vertical-align: middle;
    max-height: 188px;
    border: none;
    position: absolute;
}
.COPcardimage img.overlay.gift-label-hole {
    top: 58px;
    left: 64px;
    border: none !important;
}
.COPcardimage img.overlay.sticker {
    top: 15px;
    left: 21px;
}

.COPcardimage.format1 {background: url('/images/fold_square_right.png') 212px 12px no-repeat;}
.COPcardimage.format2 {background: url('/images/fold_square_top.png') top center no-repeat;}
.COPcardimage.format5 {background: url('/images/fold_rect_top.png') top center no-repeat;}
.COPcardimage.format6 a { display: block; width: 215px; height: 215px; position: relative; margin: 0 0 0 10px; }
.COPcardimage.format6 img {position: absolute; border:none;}
.COPcardimage.format6 img.front {height: 190px;width:auto;bottom:12px;left:17%;z-index: 2;-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);}
.COPcardimage.format6 img.back {height: 190px;width:auto;top:5px;right:17%;z-index: 1;-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);}
.COPcardimage.format7 {background: url('/images/fold_square_right.png') 212px 48px no-repeat; background-size: 16px 123px; }
.COPcardimage.format8 {background: url('/images/fold_square_top.png') center 34px no-repeat;}
.COPcardimage.format9 a { display: block; width: 215px; height: 215px; position: relative; margin: 0 0 0 10px; }
.COPcardimage.format9 img {position: absolute; border:none;}
.COPcardimage.format9 img.front { height: auto; width: 190px; bottom:12px; left:5px; z-index: 2; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); }
.COPcardimage.format9 img.back { height: auto; width: 190px; bottom:75px; right:5px; z-index: 1; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); }
.COPcardimage.format21 img { border: none}

.COPcardimage.formatTrad img {border: 0px}
.COPcardimage.paper_format_codeK img {border: 0px}

.COPcardimage.format7.size146 {
    background-position-y: 67px;
    background-size: 16px 67px;
}

/* COP Card CSS Shadows */
.COPcardimage.format2,
.COPcardimage.format5 {
    padding-top: 0;
    background: none;
}
.COPcardimage .imgHolder {
    display: inline-block;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}
.COPcardimage .imgHolder .pdpShadow {
    width:0;
    height: 0;
}
/*
.COPcardimage.format2.size3 .imgHolder .pdpShadow,
.COPcardimage.size5 .imgHolder .pdpShadow,
.COPcardimage.size68 .imgHolder .pdpShadow,
.COPcardimage.size2 .imgHolder .pdpShadow {
    border-bottom: 12px solid #ddd;
    border-left: 180px solid transparent;
    margin-top: 2px;
}
*/
.COPcardimage.format2 .imgHolder .pdpShadow {
    border-bottom: 12px solid #ddd;
    border-left: 180px solid transparent;
    margin-top: 2px;
}
.COPcardimage.size69 .imgHolder .pdpShadow {
    border-bottom: 9px solid #ddd;
    border-left: 85px solid transparent;
    margin-top: 4px;
}

.COPcardimage .imgHolder img {
    padding: 0;
    margin: 0;
}
/*
.COPcardimage.format2.size3 img,
.COPcardimage.format5.size69 img,
.COPcardimage.format2.size68 img,
.COPcardimage.format2.size2 img,
.COPcardimage.format2.size5 img {
    vertical-align: top;
}
*/
.COPcardimage.format2 img,
.COPcardimage.format5 img {
    vertical-align: top;
}

.COPcardimage.format9.producttype34.size269 img.overlay.sticker,
.COPcardimage.format9.producttype34.size270 img.overlay.sticker {
    top: 18px;
    left: 10px;
}

.COPcardimage.format6.producttype34.size270 img.front {
    height: 150px;
    max-height: 200px;
    max-width: 220px;
    width: auto;
    top: 35px;
    left: 75px;
    z-index: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.COPcardimage.format9.producttype34.size269 img.front {
    height: auto;
    max-height: 200px;
    max-width: 220px;
    width: 155px;
    top: 70px;
    left: 26px;
    z-index: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.COPbanner {margin: 0 0 20px 0;}
.COPbanner.first {margin: 20px 0 20px 0;}
.COPbanner a, .COPbanner img { border:none;}

.COPcard.white { background-color: #fff;}
.COPcard.white:hover{-webkit-box-shadow: none; box-shadow: none;}
.COPcard.white h4 {height: 30px;}

.COPseoBanner { height: auto; width: 1020px; overflow: hidden; background-color: #ebebeb; text-align: center;}
.COPseoBanner img {margin: 0 auto; display: block;}
.COPseoText {margin-top: 10px; margin-bottom: 20px;}

span.checkspan_checked{color: #666666; background-color: #E0F2F1; font-weight: bold; color: #336666; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-left: 2px; padding: 3px 6px 3px 3px;}
span.checkspan_unchecked{margin-left: 2px; padding: 3px 6px 3px 3px;}
.color span.title{color: #666666;}
#copNumItems{color: #666666;}
#copNumItemsBottomPod{color: #666666;}
#copItemsAllBottomPod a, #copItemsPagedBottomPod a, #copItemsAllBottomTrad a, #copItemsPagedBottomTrad a, #copItemsAllPod a, #copItemsPagedPod a{color: #ed329d;}

#nocardsresult{background-color: #FF9933; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px 10px; color: #FFF;}

.cardTabs {
    margin:0;
    padding:0;
    }
    .cardTabs ul {
        border-bottom: 1px solid #CCCCCC !important;
        padding-left: 20px;
        display: block;
        }

        .cardTabs ul li a {
            white-space: normal;
        }

		.cardTabs ul li a p{
			font-size: 13px;
		}

		.ui-tabs .ui-tabs-nav li{border: 0px !important;}

#pod, #trad, #Pod, #Trad {
    display: block;
    padding:0;
    margin:0;
}
.cardTabs .tabSelector {
    display: block;
    width:300px;
    }
    .cardTabs .tabSelector img {
        float:left;
        margin: 0 10px 0 0;
    }
    .cardTabs .tabSelector .title {
        font-weight: bold;
    }
    .cardTabs .tabSelector p {

	}
#tabs .hidden {
    display: none;
}

.copTotals {
    text-align: center;
    color: #666666;
    font-size: 12px;
    margin: 10px 0 0 0;
}

/* Account & Servicemenu */
.account{background-color: #fff;}
.accountmenu{border-bottom: 1px solid #e0f2f1;}
.accountmenu, .servicemenu{background-color: #fff; height: 30px; line-height: 30px;}
.accountmenu li a, .servicemenu li a{margin-right: 10px; color: #666666;}
.accountmenu li a:hover, .servicemenu li a:hover{border-bottom: 1px solid #ed329d;}
.account .bordertitle{border-top: 1px solid #E0F2F1; padding: 15px 0px; margin-top: 15px;}
.servicemenu li, .accountmenu li{margin-right: 5px !important;}

/* Contact */
.contactdiv{background: #fff; border-left: 5px solid #ed329d; padding: 10px 20px;}
.contactdiv .h2, .contactdiv .h3{padding: 0px 0px 5px;}
.callmeback p{padding: 0;}

/* FAQ */
.faq{padding-bottom: 20px;}
a.toggle{cursor:pointer;}

/*PDP pagina */
.pdpHolder{padding-top: 10px; background-color: #fff;}
.pdpHolder h2{margin: 5px 0px; padding: 0px;}

.pdpHolder p{
    margin: 0;
    padding: 5px 0;
}

.pdpCTA a.CTA_lvl1, .pdpCTA a.CTA_lvl2{margin: 20px 0 10px 0;}
#proefdruk, #modelkaart{padding: 5px 8px; font-size: 13px;}
.modelCardMargin{margin-top: 15px !important;}

.pdpDeliveryTime{color: #219c28; font-weight: bold; margin: 10px 0px;}
span.pdpPriceIncl{font-size: 22px; margin-left: 5px;}
.pdpPrijzen, .pdpFavoriet, .pdpPrijsbekijken{line-height: 20px;}
.pdpFavoriet .favoritebutton:hover{color:#ed329d; cursor:pointer;}

.pdpNav{ margin-top: 10px; float: right; right: 50%; position: relative;}
.pdpNav ul.horizontalCenter { display: block; float: right; right: -50%; position: relative;}
.pdpNav ul li, .pdpNavTitles ul li{margin: 0 10px;}
.pdpImg .horizontalLeft li { margin-right: 20px; }

.frontImage, .backImage, .insideImage{
    padding: 5px 10px 5px 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    display: block;
    float:left;
}

#frmProduct div.appContainer { border-radius: 5px; background-color: #E0F2F1; padding-left:10px;}
#frmProduct div.appHolder { margin-right: 10px; display:table; float:left; line-height: 35px; width: 100%;}
#frmProduct div.appHolder:first-child { margin-top: 10px; }
#frmProduct div.appHolder:last-child { margin-bottom: 5px; }
#frmProduct div.appHolder select {
    display: block;
    float:left;
    width: 200px;
}
#frmProduct div.appHolder label {
    width: 150px;
}
#frmProduct div.appHolder input[type=radio] { margin: 0 5px 0 5px; }
#canassemble {display: table-cell; float:left; vertical-align:middle;}
.canassemble {display: table-cell; float:left; vertical-align:middle; margin-left:10px;}

.shoppingCartDesignService { display:table; float:left;}
.shoppingCartDesignService select { display: block; float:left; width: 250px; }
.shoppingCartDesignService input[type=radio] { margin: 0 5px 0 5px; }
.shoppingCartDesignService div label { float: left; line-height: 17px; }
.shoppingCartDesignService div label input[type=radio] { padding-top: 10px; margin-top: 3px; }
.shoppingCartDesignService .grid_3:first-child + .grid_3 { margin-top: 10px; }

.pdpFrontLink, .pdpInsideLink, .pdpBackLink { display: block; }

.formats { background: url('/images/icons/format-sprite.png') no-repeat top left;  }
.formats.format1-1 { background-position: 0 0; width: 33px; height: 33px;  }
.formats.format1-2 { background-position: -4px -822px; width: 33px; height: 33px;  }
.formats.format1-3 { background-position: 0 -43px; width: 33px; height: 33px;  }
.formats.format2-1 { background-position: 0 -86px; width: 25px; height: 33px;  }
.formats.format2-2 { background-position: 0 -129px; width: 50px; height: 33px;  }
.formats.format2-3 { background-position: 0 -172px; width: 25px; height: 33px;  }
.formats.format3-1 { background-position: 0 -215px; width: 30px; height: 33px;  }
.formats.format3-3 { background-position: 0 -256px; width: 30px; height: 33px;  }
.formats.format5-1 { background-position: 0 -297px; width: 15px; height: 33px;  }
.formats.format5-2 { background-position: 0 -340px; width: 30px; height: 33px;  }
.formats.format5-3 { background-position: 0 -383px; width: 15px; height: 33px;  }
.formats.format6-1 { background-position: 0 -426px; width: 19px; height: 33px;  }
.formats.format6-3 { background-position: 0 -469px; width: 19px; height: 33px;  }
.formats.format7-1 { background-position: 0 -512px; width: 33px; height: 33px;  }
.formats.format7-2 { background-position: 0 -555px; width: 30px; height: 33px;  }
.formats.format7-3 { background-position: 0 -596px; width: 33px; height: 33px;  }
.formats.format8-1 { background-position: 0 -639px; width: 31px; height: 33px;  }
.formats.format8-2 { background-position: 0 -682px; width: 30px; height: 33px;  }
.formats.format8-3 { background-position: 0 -727px; width: 30px; height: 33px;  }
.formats.format9-1 { background-position: 0 -730px; width: 31px; height: 33px;  }
.formats.format9-3 { background-position: 0 -730px; width: 30px; height: 33px;  }
.formats.format28-1 { background-position:  -2px -771px; width: 42px; height: 42px;}
.formats.format28-3 { background-position:  -2px -771px; width: 42px; height: 42px;}

.formats.format1 { background-position: -77px 7px;}
.formats.format2 { background-position: -74px -52px;}
.formats.format3 { background-position: -76px -107px;}

.formats.format4 { background-position: -72px -168px;}
.formats.format5 { background-position: -70px -232px;}
.formats.format6 { background-position: -72px -296px;}

.formats.format7 { background-position: -76px -352px;}
.formats.format8 { background-position: -76px -418px;}
.formats.format9 { background-position: -76px -468px;}

.formats.format10 { background-position: -76px -524px;}
.formats.format11 { background-position: -76px -587px;}
.formats.format12 { background-position: -76px -644px;}

.formats.format13 { background-position: -76px -693px;}
.formats.format14 { background-position: -76px -752px;}
.formats.format15 { background-position: -78px -812px;}

.formats.format16 { background-position: -73px -874px;}
.formats.format17 { background-position: -76px -934px;}
.formats.format18 { background-position: -70px -994px;}

.formats.format19 { background-position: -75px -1057px;}
.formats.format20 { background-position: -76px -1113px;}
.formats.format21 { background-position: -76px -1172px;}

.formats.format22 { background-position: -76px -1232px;}
.formats.format23 { background-position: -74px -1292px;}
.formats.format24 { background-position: -76px -1477px;}

.formats.format25 { background-position: -76px -1536px;}
.formats.format26 { background-position: -76px -1599px;}
.formats.format27 { background-position: -72px -1664px;}
.formats.format28 { background-position:  -2px -771px;}
.formats.format29 { background-position:  -69px -993px;}

.pdpGallery img {max-width:420px;}

.pdpNav .normal {background-color:#E0F2F1;}
.pdpNav .selected {background-color:#4db6ac;}

.pdpImageHolder{text-align: center;}

.changecolorImage, .changecolorText{text-align: center;}
.pdpImageBack, .pdpImageInside{display: none;}
.pdpImageRecFront{background-image: url("/images/backRecFront.jpg"); background-position: right top; background-repeat: no-repeat;}

.pdpImageFront img {border: 1px solid #ebebeb; max-height: 336px;}
.pdpImageFront.format0{text-align: center; padding-top: 20px;}
.pdpImageFront.format1{text-align: center; padding-top: 20px; background: url("/images/backRecFront.jpg") 417px 20px no-repeat;}
.pdpImageFront.format2{text-align: center; padding-top: 20px; background: url("/images/backSqFront.jpg") center top no-repeat;}
.pdpImageFront.format3{text-align: center; padding-top: 20px;}
.pdpImageFront.format5{text-align: center; padding-top: 20px; background: url("/images/backRecDFront.jpg") center top no-repeat;}
.pdpImageFront.format7{text-align: center; padding-top: 20px; background: url("/images/backRecFront.jpg") right 20px no-repeat; background-size: 20px 287px;}
.pdpImageFront.format8{text-align: center; padding-top: 20px; background: url("/images/backSqFront.jpg") center 6px no-repeat; background-size: 446px 14px;}
.pdpImageFront.format9{text-align: center; padding-top: 20px;}
.pdpImageFront.format9 img {text-align: center; display:block; margin-top: 40px;}
.pdpImageFront.format21 img {border: none}

.pdpImageBack img {border: 1px solid #ebebeb; max-height: 336px;}
.pdpImageBack.format1{text-align: center; padding-top: 20px; background: url("/images/backRecBack.jpg") 59px 20px no-repeat;}
.pdpImageBack.format2{text-align: center; padding-top: 20px; background: url("/images/backSqBack.jpg") center top no-repeat;}
.pdpImageBack.format3{text-align: center; padding-top: 20px;}
.pdpImageBack.format5{text-align: center; padding-top: 20px; background: url("/images/backRecDBack.jpg") center top no-repeat;}
.pdpImageBack.format7{text-align: center; padding-top: 20px; background: url("/images/backRecBack.jpg") 4px 20px no-repeat; background-size: 20px 287px; }
.pdpImageBack.format8{text-align: center; padding-top: 20px; background: url("/images/backSqBack.jpg") center 5px no-repeat; background-size: 446px 14px;}
.pdpImageBack.format9{text-align: center; padding-top: 20px;}
.pdpImageBack.format9 img {text-align: center; display:block; margin-top: 40px;}

.pdpImageInside img {border: 1px solid #ebebeb; max-height: 336px;}
.pdpImageInside{text-align: center;}
.pdpImageInside.format2 {height: 320px; padding-top: 60px; text-align: center;}
.pdpImageInside.format6 {height: 320px; padding-top: 60px; text-align: center;}
.pdpImageInside.format7 {height: 360px; padding-top: 20px; text-align: center;}
.pdpImageInside.format8 {padding-top: 20px; text-align: center;}
.pdpImageInside.format8 img {text-align: center; display:block; margin-top: 60px;}

.pdpImageBack.format7.size146,
.pdpImageFront.format7.size146{
    background-size: 20px 170px
}

.pdpImageRecBack img{margin-left: 20px;}
.pdpImageRec, .pdpImageSq{margin-bottom: 10px;}
.pdpImageRec img, .pdpImageSq img{border: 1px solid #E5E5E5;}
.pspImageColors{text-align: right; padding-right: 20px; margin-left: -10px;}
.pdpImageFront img, .pdpImageInside img, .pdpImageBack img{margin-left: 5px;}

.pdpImageFront.format6 img,
.pdpImageInside.format6 img,
.pdpImageBack.format6 img{
    border: 1px solid #E5E5E5;
    margin: 0 auto;
    height: 320px;
    display: block;
}

.pdpImageFront.format7 img,
.pdpImageBack.format7 img {
    width:446px;
    height:287px;
}

.pdpImageFront.format7.size146 img,
.pdpImageBack.format7.size146 img {
    height:180px
}

/*
.pdpImageFront.paper_format_codeK img,
.pdpImageBack.paper_format_codeK img {
    border: 0px;
}
*/


.pdpSmallText{margin-top: 5px; margin-bottom: 10px; line-height: normal !important;}

/* PDP POD Images - Shadow Border */

.pdpImageFront.format2,
.pdpImageBack.format2,
.pdpImageFront.format5,
.pdpImageBack.format5 {
    padding-top: 0;
    background: none;
}
.pdpImageFront .imgHolder,
.pdpImageBack .imgHolder {
    display: inline-block;
    padding: 0;
    margin: 0;
}
.pdpImageFront .imgHolder .pdpShadow,
.pdpImageBack .imgHolder .pdpShadow {
    width:0;
    height: 0;
}
.pdpImageFront.format2.size3 .imgHolder .pdpShadow,
.pdpImageFront.format2.size8 .imgHolder .pdpShadow,
.pdpImageFront.size68 .imgHolder .pdpShadow,
.pdpImageFront.size2 .imgHolder .pdpShadow,
.pdpImageFront.size5 .imgHolder .pdpShadow {
    border-bottom: 15px solid #ddd;
    border-left: 320px solid transparent;
}
.pdpImageBack.format2.size3 .imgHolder .pdpShadow,
.pdpImageBack.format2.size8 .imgHolder .pdpShadow,
.pdpImageBack.size68 .imgHolder .pdpShadow,
.pdpImageBack.size2 .imgHolder .pdpShadow,
.pdpImageBack.size5 .imgHolder .pdpShadow {
    border-bottom: 15px solid #ddd;
    border-right: 298px solid transparent;
    margin-left: 22px;
}

.pdpImageFront.format5.size11 .imgHolder .pdpShadow {
    border-bottom: 15px solid #ddd;
    border-left: 200px solid transparent;
}
.pdpImageBack.format5.size11 .imgHolder .pdpShadow {
    border-bottom: 15px solid #ddd;
    border-right: 200px solid transparent;
    margin-left: 22px;
}

.pdpImageFront.size69 .imgHolder .pdpShadow {
    border-bottom: 10px solid #ddd;
    border-left: 160px solid transparent;
}

.pdpImageBack.size69 .imgHolder .pdpShadow {
    border-bottom: 10px solid #ddd;
    border-right: 150px solid transparent;
    margin-left: 20px;
}
.pdpImageFront .imgHolder img {
    padding: 0;
    margin: 0;
}
.pdpImageHolder.format6 .imgHolder .pdpShadow {
    border: none;
}

/***************************************************
PDP -> Sticker Overlay Images
***************************************************/

/* round sticker */
.pdpImageHolder.pdpImageFront.format21.producttype34.size15 .imgHolder,
.pdpImageHolder.pdpImageFront.format21.producttype34.size271 .imgHolder {
    display: block;
    position: relative;
}
.pdpImageHolder.pdpImageFront.format21.producttype34.size15 .imgHolder img,
.pdpImageHolder.pdpImageFront.format21.producttype34.size271 .imgHolder img {
    display: block;
    margin: 0 auto;
}
.pdpImageHolder.pdpImageFront.format21.producttype34.size15 .imgHolder .pdpShadow,
.pdpImageHolder.pdpImageFront.format21.producttype34.size271 .imgHolder .pdpShadow{
    position: absolute;
    top: 0;
    left: 0;
    width: 490px;
    height: 400px;
    background: url('/images/card-overlays/large/sticker_t34_s15_f21.png') no-repeat;
    background-size: 700px 700px;
    background-position: -104px -180px;
    z-index: 99;
}
/* landscape sticker */
.pdpImageHolder.pdpImageFront.format9.producttype34.size269 .imgHolder {
    display: block;
    position: relative;
}
.pdpImageHolder.pdpImageFront.format9.producttype34.size269 .imgHolder img {
    display: block;
    margin: 0 auto;
}
.pdpImageHolder.pdpImageFront.format9.producttype34.size269 .imgHolder .pdpShadow{
    position: absolute;
    top: 0;
    left: 0;
    width: 490px;
    height: 336px;
    background: url('/images/card-overlays/large/sticker_t34_s269_f9.png') no-repeat;
    background-size: 863px 840px;
    background-position: -182px -286px;
    z-index: 99;
}
/* portrait sticker */
.pdpImageHolder.pdpImageFront.format6.producttype34.size270 .imgHolder {
    display: block;
    position: relative;
}
.pdpImageHolder.pdpImageFront.format6.producttype34.size270 .imgHolder img {
    display: block;
    margin: 0 auto;
}
.pdpImageHolder.pdpImageFront.format6.producttype34.size270 .imgHolder .pdpShadow{
    position: absolute;
    top: 0;
    left: 0;
    width: 490px;
    height: 336px;
    background: url('/images/card-overlays/large/sticker_t34_s270_f6.png') no-repeat;
    background-size: 586px 600px;
    background-position: -49px -140px;
    z-index: 99;
}


/* PDP Traditional Card Images - Uses Slick Slider */

.pdpImageHolderTraditional .slider-for .slick-slide a {
    margin: 0 auto;
    display: block;
    text-align: center;
}
.pdpImageHolderTraditional .slider-for .slick-slide img {
    display: block;
    margin: 0 auto;
}
.pdpImageHolderTraditional .pdpGallery img {
    max-width: 470px;
    max-height: 500px;
}
.pdpImageHolderTraditional .slider-nav .pdpTraditionalImage {
    margin: 0 10px;
}
.pdpImageHolderTraditional .pdpImageHolderNavContainer {
    margin-top: 20px;
    padding: 0 30px;
}
.slick-prev:before,
.slick-next:before {
    color: #000; /* this is the color for the prev/next arrow */
}
.slick-dots li button::before {
    color: #000; /* this is the color for the nav dots below the thumbs */
}
.slick-dots li.slick-active button:before {
    color: #000; /* this is the color for the active nav dot below the thumbs */
}

/* slick banner styles */
.olpBanner .slick-next,
.homeBanner .slick-next {
    right: 15px;
}
.olpBanner .slick-prev,
.homeBanner .slick-prev {
    left: 15px;
    z-index: 1;
}
.olpBanner .slick-dots,
.homeBanner .slick-dots {
    bottom: 15px;
}

/* Order Sample PopUp */
.infoContent table.sample {margin:10px 0;padding:0;border-collapse: collapse;}
.infoContent table.sample tr {background-color: transparent !important;}
.infoContent table.sample td {font-weight: normal;margin:0;padding:0;}
.infoContent table.sample a.CTA_lvl1 {margin: 10px auto;padding: 9px 12px;display: inline-block;}

/* Favorieten en Mijnkaarten */
.myCardsTitle{margin-bottom: 10px;}
.myCardsHolder{background-color: #fff;}
.myCardsLinks{margin-top: 10px; text-align: left; margin-left:20px; font-size:13px; font-family: 'Open Sans', Arial, sans-serif; }
.myCard{position: relative; padding: 20px 0px; text-align: center; background-color: #E0F2F1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 15px;}
.favCard{min-height: 0px;}
.myCard:hover{-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);}
.cardimageholder{margin-bottom: 30px; height: 180px; position: relative;}
.cardimageholder img{width: 160px; border: 10px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block; position: absolute; bottom: 0; left: 27px;}
.cardimageholder img.format5 {width: auto; height: 160px; left: 56px;}
.cardimageholder img.format6 {width: auto; height: 160px; left: 56px; text-align: center;}

.cardimage{height: 152px; display: table-cell; vertical-align: middle;}
.myCardAdd{padding-top: 10px; padding-bottom: 20px;}
.articlenumber{font-size: 11px; color: #999999;}
.cardtitle{height: 27px; overflow: hidden;}
.carddate{margin-top: 5px;}
.comments{padding-top: 20px; font-size: 11px; line-height: 10px; color: #999999;}
.myCard .favoritebutton{cursor:pointer;}
.myCard .cardtitle{font-size:13px;}
.myCard .myCardsLinks{width:190px !important; margin-left:37px;}
.myCard .myCardsLinks a{text-indent: -27px; margin-left:24px;}
.myCard .myCardsLinks p{text-indent: -22px; margin-left:45px; line-height:13px; margin-top: 0px; margin-bottom: 0px; color:#666666;}

.cardTabs ul { margin: 10px 10px !important; }
.cardTabs ul.cop { margin: 10px 15px 20px 0 !important; }
.tabResult { padding:0 !important; margin-top:20px !important; }

/* CardCreator Save Design */
#myCardContainer {
    margin-top: 20px;
    margin-bottom: 20px;
    display: none;
}
.myCardSave label {
    display: block;
    padding: 20px;
    border: 1px solid #eee;
    height: 260px;
}
.myCardSave {
    margin-bottom: 20px;
}
.myCardSave label:hover {
    border: 1px solid #4db6ac;
}
.myCardSave .preview {
    max-width: 100px !important;
}
.myCardSave .previewImageContainer {
    text-align: center;
    min-height: 100px;
}
.myCardSave .previewTextContainer {
    text-align: center;
    line-height: 1.8em;
    padding: 10px 0;
}
#frmSaveDesign .formlabel,
#frmSaveDesign .forminput {
    line-height: 1.8em;
    margin-bottom: 4px;
}
#frmSaveDesign input[name=title] {
    width: 300px;
}

/* MyOrders */
table#myOrderTable,
table#myOrderInfo {
    width: 100%;
    margin: 20px 0;
}


.bestelhistorieinfo{line-height: 20px;}

/* Search Page */
.zoekheader{padding-bottom: 20px; background-color: #fff;}
.zoektabs {border-bottom: 1px solid #E5E5E5;}
.zoektabs .normal{padding: 11px;}
.zoektabs .selected{border: 1px solid #E5E5E5; padding: 10px; border-bottom: 1px solid #FFF; top: 1px;}
.zoektabs.tabs ul { border-bottom: 1px solid #CCCCCC !important; padding-left: 20px;}
.foundcards{text-align: center;}
.ui-corner-all{border-radius: 0px;}
#paginas, .ui-state-hover a, .ui-state-hover a:hover, .notfound{color: #666666 !important;}

/* Pagination (overruling default css) */
.ui-widget-content a{color: #666666;}
.pagination-container {margin-top: 10px;}
.pagination-container .disabled{color: #ccc; background-color: #fff;}
.pagination-container .btn:hover{background: none repeat scroll 0 0 #4db6ac;}
.pagination-container .disabled:hover{background-color: #FFF;}
.pagination-container .btn-primary, .pagination-container .btn-primary:hover{background-color: #E0F2F1; color: #E8206D;}
.pagination-container .btn{padding: 5px 5px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;}

/* designservice */
.ontwerpserviceForm{border-top: 1px solid #E0F2F1; padding-top: 10px;}
.ontwerpserviceForm .grid_3, .ontwerpserviceForm .grid_6{padding: 10px 0;}
.ontwerpserviceForm .grid_3, .ontwerpserviceForm .grid_6{padding: 10px 0;}
.ontwerpserviceForm .noexample{padding: 5px 0; text-align: center; width: 150px; position: absolute; bottom: 12px; left: 0px; background-color: #E0F2F1;}
.ontwerpserviceForm .noexampleImg { max-width: 190px; max-height: 190px; border: 1px solid #e5e5e5; position: relative; opacity: 0.4; filter: alpha(opacity=40);}

.ontwerpserviceForm .faces.faceFormatA { background-color: #fff; border: 1px solid #ddd; width:190px; height: 190px; }
.ontwerpserviceForm .faces.faceFormatB { background-color: #fff; border: 1px solid #ddd; width:127px; height: 190px; }
.ontwerpserviceForm .faces.faceFormatC { background-color: #fff; border: 1px solid #ddd; width:190px; height: 127px; }

.ontwerpserviceForm .faces.faceFormatD { background-color: #fff; border: 1px solid #ddd; width:190px; height: 95px; }
.ontwerpserviceForm .faces.faceFormatE { background-color: #fff; border: 1px solid #ddd; width:95px; height: 190px; }

.ontwerpserviceForm .faces.faceFormatF { background-color: #fff; border: 1px solid #ddd; width:190px; height: 64px; }
.ontwerpserviceForm .faces.faceFormatG { background-color: #fff; border: 1px solid #ddd; width:64px; height: 127px; }


.ontwerpserviceForm .faces.faceFormatH { width: 0; height: 0; border-style: solid; border-width: 0 95px 190px 95px; border-color: transparent transparent #ddd transparent; position: relative;}
.ontwerpserviceForm .faces.faceFormatH:after { position: absolute; top: 1px; left: -94px; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 94px 188px 94px; border-color: transparent transparent #fff transparent; }
.ontwerpserviceForm .faces.faceFormatI { position: relative; height: 195px; width: 195px; background-color: #fff; border: solid 1px #ddd; border-radius: 195px; }
.ontwerpserviceForm .faces.faceFormatJ { background-color: #fff; border: 1px solid #ddd; width:190px; height: 190px; }
.ontwerpserviceForm .faces.faceFormatK { background-color: #fff; border: 1px solid #ddd; width:190px; height: 190px; }

#formDesignService .appHolder { border-top: 1px solid #E0F2F1; }
#formDesignService .appHolder label { display: block; padding-top: 5px; }
#formDesignService .appHolder select { display: block; width:200px; margin-bottom: 10px; }
#formDesignService .appHolder label.radio { padding:0; margin-bottom: 10px; }

/* newCards Widget */
.newCard{padding: 10px 0;background-color: #fff;margin: 0 9px 10px 9px;text-align: center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 1px solid #E0F2F1;width: 148px;}
.newCard .favoritebutton{cursor:pointer;}
.newCard .price, .myCard .price{font-size: 11px; color: #666666;}
.newCardImage{height: 135px;line-height: 135px; overflow: hidden;}
.newCardImage img{max-width: 120px; max-height: 120px; vertical-align: middle;border: 1px solid #E5E5E5;}
.newCardImage.format5 img{height: 120px; width: 75px;}

.newCardImage.format1 {background: url('/images/fold_square_right.png') 130px 8px no-repeat; background-size: 120px 8px;}
.newCardImage.format2 {background: url('/images/fold_square_top.png') top center no-repeat; background-size: 120px 8px;}
.newCardImage.format5 {background: url('/images/fold_rect_top.png') top center no-repeat; background-size: 120px 8px;}

.newCardImage.format6 a { display: block; width: 130px; height: 130px; position: relative; margin: 0 0 0 10px; }
.newCardImage.format6 img {position: absolute; border:none;}
.newCardImage.format6 img.front { height: 110px; width:auto; bottom:12px; left:5px; z-index: 2; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); }
.newCardImage.format6 img.back { height: 110px; width:auto; top:5px; right:5px; z-index: 1; }

.newCardImage.format7 {background: url('/images/fold_square_right.png') 136px 29px no-repeat; background-size: 8px 78px;}

.newCardImage.format9 a { display: block; width: 130px; height: 130px; position: relative; margin: 0 0 0 10px; }
.newCardImage.format9 img {position: absolute; border:none;}
.newCardImage.format9 img.front { height: auto; width: 105px; bottom:12px; left:5px; z-index: 2; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); }
.newCardImage.format9 img.back { height: auto; width: 105px; bottom:55px; right:5px; z-index: 1; }

/* Validation */
.error, .validationError{
	background-color: #FFE7E7;
    color: #ff0000;
    font-weight: bold;
    display: none;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	padding:5px 10px 5px 10px;
	margin-bottom:10px;
	line-height:20px;
}

.errorBorder {
    border-color: #ff0000;
}

.error .fa-times{
	cursor: pointer;
}

.tip{
	background-color: #d2f3d4; color: #219B28; font-weight: bold; padding: 0px 0px 10px 0px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	padding:5px;
	margin-bottom:10px;
}

/* Shoppingbag */
a.min{
padding: 6px 10px;
color: #fff;
-webkit-border-radius: 10px 0px 0px 10px;
border-radius: 10px 0px 0px 10px;
background-color: #4db6ac;
}

a.plus{
padding: 6px 10px;
color: #fff;
-webkit-border-radius: 0px 10px 10px 0px;
border-radius: 0px 10px 10px 0px;
background-color: #4db6ac;
border-left: 1px solid #E0F2F1;
}

a.min:hover, a.plus:hover{background-color: #ed329d;}
.orderregel .fa-stack:hover{cursor: pointer;}
.envelopkleur .fa-square{text-shadow: 0 0 2px #666666;}
.envelopkleur .fa-stack:hover .fa-square{text-shadow: 0 0 2px #000000;}
.fa-shopping-envelope{font-size: 12em; color: #E0F2F1;}

.envelopesmall {
    float: left;
    border: 1px solid;
    border-radius: 5px;
    width: 24px;
    height:24px;
    margin-left: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
}
.envelopesmall .fa-check {
    visibility: hidden;
}
.envelopesmall:hover {
    cursor: pointer;
}

/* ServiceLevelsB2B */
.serviceLevelsB2B{padding-bottom: 20px; margin-top: 10px;}
.serviceLevelsB2B .note{padding-top: 20px; color: #219c28;}

/* Toolpagina */
.toolhelp, .tooltel{padding-top: 10px; font-weight: bold;}
.toolhelp{padding-left: 10px;}
.toolhelp a{text-decoration: underline; }

/* Checkout */
#checkoutContainer .bordertitle{border-top: 1px solid #E0F2F1; padding: 0px; margin-top: 15px;}
#checkoutContainer{background-color: #fff;}
.checkoutBestaand{-webkit-border-radius: 10px; border-radius: 5px; background-color: #E0F2F1; padding: 10px 0px; margin-bottom: 10px;}
.checkoutBestaandButton{padding: 5px 10px; display: inline !important; margin-left: 10px;}
.checkoutForm{line-height: 45px;}
.besteloverzichtSmall {line-height: 25px; border: 1px solid #E0F2F1; padding: 9px; margin-left: -10px; margin-right:0px;}
.besteloverzichtSmallTotal{font-weight: bold;}
.besteloverzichtSmall .omega{text-align: right;}
.besteloverzichtSmallNote{border-top: 1px solid #E0F2F1; padding-top: 10px; margin-top: 10px;}
.besteloverzichtSmallContact{margin-top: 20px;}
label.samelink{color: #ED329D; font-weight: bold;}

div.borderAllowed.gender,
tr.borderAllowed.errorBorderOnly,
tr.borderAllowed.errorBorderOnly td {
    border:none !important;
}
div.borderAllowed.errorBorderOnly.gender label,
tr.borderAllowed.errorBorderOnly td label {
    color: #f00;
}

/* Winkelmandje */
.orderregel{line-height: 35px; padding-bottom: 10px; background-color: #fff; border-bottom: 1px solid #E0F2F1; padding-top: 10px;}
.shoppingcart_omschrijving{line-height: normal; padding-top: 5px;}
.orderregel .h2{padding: 0px;}
.orderregel .divider{margin-top: 10px;}
.shoppingbagImage{border: 0px; max-width: 175px; max-height: 175px; display: block;}
/*.subtotal, .sendingcosts, .total, .tax{line-height: 16px;}*/
.total{font-weight: bold; font-size: 15px; padding: 5px 0;}
#basketHolder label.selectApplication { display: block; float:left; width: auto; margin-right:15px; }
#basketHolder select.selectApplication {
    display: block;
    float:left;
    border: 0;
    outline: 1px solid #ccc;
}
.cartTotals > div > div {
    line-height: 1.6em;
}

.quantityCounter {width: 50px; margin-right: 10px; margin-bottom: 3px;}

/* Cookie notice */
.cookieButton {cursor:pointer; margin-left:15px; background-color:#eb3b7e;line-height: 25px; padding: 5px 15px; border: 0px; color: #fff; text-shadow: 1px 1px #333; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.2); box-shadow:  1px 1px 0px 0px rgba(0, 0, 0, 0.2);}

/* Danny: tot hier gekomen met stylen */
/* Gert: zal ik dan maar verder gaan met stylen? */

.popup_card_back {
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
}
.pageselector {
    padding: 12px;
    margin: 5px;
}
.ui-widget-content {
	border: 0px !important;
	font-size: 13px;
	color: #666666;
}
.ui-widget-header {
	border: 0px !important;
	background: #ffffff !important;
}
.ui-corner-top {
	background: #E0F2F1 !important;
}

.ui-tabs-active {
	background-color: #4db6ac !important;
}
.ui-tabs-active .ui-tabs-anchor, .ui-tabs-active .ui-tabs-anchor:hover {
	color: #fff !important;
}

.ui-tabs .ui-tabs-nav{padding: 0px!important;}

.ui-widget {
	font-family: 'Open Sans', Arial, sans-serif;
}
.highlighted {
    color: #000 !important;
}

.opacityClass {
    opacity: 0.5;
}
.traditional_color{padding: 3px 6px; margin-right: 10px;}
.traditional_colors .selected {
    background-color: #E0F2F1;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius:5px;
}

/* Widgets */
h3.widgetTitle{border-bottom: 1px solid #ccc;}

/* ColorPicker */
#colorpicker div {
    display:none;
}

#colorpicker:hover div {
    display:block;
    position:absolute;
    float:none;
}

/* Bullet widget */
.widgetContent {overflow: hidden; border-bottom: 1px solid #ccc; padding: 5px 0; min-height: 130px;}
.bulletitem {font-weight: bold;}
.bulletitem:hover{cursor: pointer;}
.bulletdetails {font-weight: normal; padding-left: 10px;}
/* Overrulen */
a.nodeco:hover{border: none !important;}
.notfound a{color: #ed329d; font-weight: normal;}

/* Bewerken */
.traditional_colors {margin-left: 0; margin-right: 0;}
.traditional_colors span {cursor: pointer;}
.traditional_colors.errorBorderOnly {border-radius: 8px;}
.dd-container.errorBorderOnly {border-radius: 5px;} /* Not 8 due to overlap */
.image_entry {margin-top: 10px; margin-bottom: 10px;}
.uploadfile {padding-top: 0;}

.hidden {
    display: none;
    visibility: hidden;
}


#cookiesdirective a{font-weight: bold;}
.cookiesDiv{
position:relative;
height:auto;
padding:5px;
margin-left:auto;
margin-right:auto;
background-color: #333;
border-radius: 5px;
color: #fff;
text-align: center;
}

.standard_text_container {
    border: 1px solid #CCC;
    text-align: center;
}

.standard_text_entry {
   	display: table-cell;
	vertical-align: middle;
	height: 175px;
	width: 300px;
	line-height: 16px;
}

.fancybox-close{border: 0px !important;}

.fancybox-skin{background-color: #fff;}

table.siteTable {
    border:1px solid #ccc;
    color:#666666;
}
table.siteTable tr {
    border:1px solid #ccc;
}
table.siteTable th {
    text-align:left;
    background-color:#4db6ac;
    color:#fff;
    vertical-align: middle;
    padding:5px;
}
table.siteTable td {
    border:1px solid #ccc;
    text-alignt:left;
    vertical-align: middle;
    padding:5px;
}

.delete_upload_field{line-height: 26px; margin-left: 10px;}

/* ShoppingCart PopUp */

div#cartPopup .node {
    margin-top: 20px;
    text-align:center;
}

#cartPopup .cardHolder {
    margin: 0 auto;
    text-align: center;
    width: 148px;
}

#cartPopup .card .price {
    font-size: 11px;
    color: #666666;
}

#cartPopup .card .cardImage {
    position: relative;
    height: 135px;
    line-height: 135px;
    overflow: hidden;
}

#cartPopup .card .cardImage img {
    width: 120px;
    vertical-align: middle;
    border: 1px solid #ebebeb;
}

#cartPopup .shoppingcardDiv{
    background-color: #E0F2F1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 5px 10px 5px;
}

#cartPopup .cardImage.format5 img{height: 120px; width: 75px;}

#cartPopup .cardImage.format1 {background: url('/images/fold_square_right.png') 130px 8px no-repeat; background-size: 120px 8px;}
#cartPopup .cardImage.format2 {background: url('/images/fold_square_top.png') top center no-repeat; background-size: 120px 8px;}
#cartPopup .cardImage.format5 {background: url('/images/fold_rect_top.png') top center no-repeat; background-size: 120px 8px;}

#cartPopup .cardImage.format6{text-align: center;}
#cartPopup .cardImage.format6 img{height: 120px; width: 75px;}
#cartPopup .cardImage.format6 a { display: block; width: 130px; height: 130px; position: relative; margin: 0 0 0 10px; }
#cartPopup .cardImage.format6 img.front { height: 110px; width:auto; bottom:12px; left:5px; z-index: 2; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); }
#cartPopup .cardImage.format6 img.back { height: 110px; width:auto; top:5px; right:5px; z-index: 1; }

#cartPopup .cardImage.format7 {background: url('/images/fold_square_right.png') 136px 29px no-repeat; background-size: 8px 78px;}
#cartPopup .cardImage.format7 img {position: absolute; top:30px; left:15px;}

#cartPopup .cardImage.format8 {background: url('/images/fold_square_top.png') center 21px no-repeat; background-size: 120px 8px;}

#cartPopup .cardImage.format9{text-align: center;}
#cartPopup .cardImage.format9 a { display: block; width: 130px; height: 130px; position: relative; margin: 0 0 0 10px; }
#cartPopup .cardImage.format9 img.front { height: auto; width: 105px; bottom:12px; left:5px; z-index: 2; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); }
#cartPopup .cardImage.format9 img.back { height: auto; width: 105px; bottom:55px; right:5px; z-index: 1; }

#cartPopup .cardImage.format7.size146 {
    background-position-y: 30px;
    background-size: 16px 40px;
}

form .inputErrorMsg {
    margin: -5px 0 10px 5px;
    color: #f00;
    clear: both;
}

#checkoutContainer .validationErrorDiv {
    background-color: #FFE7E7;
    font-weight: bold;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

#checkoutContainer form .inputErrorMsg {
    margin: 5px 0 10px 5px;
    color: #f00;
    line-height: 12px;
}

#checkoutContainer form input[type=text] {
    width:300px;
}

/* Ecard Order Form */
#EcardOrderForm .cardOverview label {display: block; float: left; text-align: center; margin: 0 10px 10px 0}
#EcardOrderForm .cardOverview .ecardError {color:red; margin-bottom:10px;}
#EcardOrderForm .cardOverview .imageContainer {width:50px; height: 50px; padding: 5px; text-align: center; vertical-align: middle;}
#EcardOrderForm .cardOverview .imageContainer img {max-width: 50px; max-height: 50px;}
#EcardOrderForm .cardOverview {font-size: 10px;}
#EcardOrderForm .cardOverview input {width: 40px; margin-top:4px; padding:2px; line-height: 10px; height: 15px; text-align: right;}

body.popup {
    min-width: 800px;
    padding: 8px
}

.map-wrapper {
    height: 400px;
    position: relative;
    border: 1px solid silver;
    padding: 3px;
    overflow: hidden;
}

.map-canvas {
    width: 773px;
    height: 392px;
    margin: 0 0 0 211px;
    border: 1px solid silver;
    padding: 3px;
}
.map-canvas-noresellers {
    height: 392px;
    border: 1px solid silver;
    padding: 3px;
}

.popup .grid_12 {
    width:800px;
}

.popup .map-canvas {
    width: 576px !important;
    padding-right: 0;
}

.map-legend {
    position: absolute;
    background-color: #e0f2f1;
    border: 1px solid silver;
    left: 3px;
    top: 3px;
    width: 200px;
    height: 392px;
    padding: 3px;
}

.map-legend-items-wrapper {
    position: relative;
    height: 294px;
    overflow-y: auto;
}
.popup .map-legend-items-wrapper {
    height: 324px;
}

ul.map-legend-items li {
    border-bottom: 1px solid #4db6ac;
    padding: 7px 3px 7px 3px;
}

ul.map-legend-items li:hover {
    background-color: #b2dfdb;
    cursor: pointer;
}

ul.map-legend-items .marker {
    background: url("/images/icons/marker.png") no-repeat scroll rgba(0, 0, 0, 0);
    width: 20px;
    margin: 4px;
    text-align: center;
    padding-top: 4px;
    font-weight: bold;
}

ul.map-legend-items .dealerdetails {
    padding-left: 6px;
}

.map-wrapper .map-search {
    background-color: silver;
    padding: 4px;
    border-bottom: 1px solid white;
}

.map-wrapper .map-details-wrapper {
    display: none;
    padding: 4px;
}

.map-wrapper .map-search-wrapper {
    height: 100%;
}

.map-wrapper .map-details-bottom {
    position:absolute;
    width: 180px;
    padding: 5px;
    bottom:0;
    text-align: center;
}

.mydealer {
    background-color: #eee;
    padding: 16px;
    border-radius: 7px 7px 7px 7px;
}

.map-wrapper .googleMapsInfoWindow {
    padding: 12px;
}

.printmethodprice_custom {
    color: blue;
}
.printmethodprice_default {
    color: black;
}
.printmethodprice_unknown {
    color: gray;
}

img.imgFontColor {
    //position: absolute;
    z-index: 1;
    vertical-align: middle;
    width: 22.28px;
    height: 22.5px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -o-box-shadow: 0px 0px 2px 0px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,.5);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,.5);
}

/*  colorFacets --> bont(17), gold(18), silver(19)*/
.faceted ol li img.imgFacets {
    position: absolute;
    z-index: 1;
    width: 22.28px;
    height: 22.5px;
    top:  1.4px;
    left: 1.6px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -o-box-shadow: 0px 0px 2px 0px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,.5);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,.5);
}

.faceted ol span img:hover {
    -o-box-shadow: 0px 0px 2px 0px rgba(0,0,0,.9);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,.9);
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,.9);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,.9);
}

.onlinepartner_image_holder {
    height: 125px;
    border: 1px solid silver;
    margin: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -o-box-shadow: 0px 0px 2px 0px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,.5);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,.5);
}

.onlinepartner_image {
    max-width: 125px;
    max-height: 125px;
}

/* footer menu */
.footer_container {
    border-top: 1px solid #00adef;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
}
.footer_menu_item {
    float: left;
    color: #00adef;
    padding: 4px;

}

.footer_menu_item a {
    color: #00adef;
}
.footer_menu_item:after {
    content: " |";
}
.footer_menu_subitems {
    color: white;
}

.footer_menu_subitem {
    background-color: #00adef;
    color: white;
}

ol.b2b-switch li.selected {
    background-color: #b31f25;
    color: #fff;
}

.favoritesList {
    width: 320px;
    display: flex !important;
    display: -webkit-flex !important;
}

.favoritesList li {
    flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
}

.favoritesList li a {
    height: 100%;
}

.favorites > div:last-child {
    border-top: 1px solid #e0f2f1;
}
table.leftth th{text-align: left;}

.dividerImage {
    background: url("/images/divider.jpg") no-repeat;
    width: 1020px;
    height: 37px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.ui-datepicker-trigger {
    width:16px !important;
    height:15px !important;
}
.ui-datepicker-trigger:hover {
    cursor:pointer;
}

.widgetFormTemplate textarea {
    width: 300px;
    min-height: 60px;
    margin-bottom: 15px;
}
.singleFace textarea,
.ontwerpserviceForm #general_text {
    width: 490px;
    margin-bottom: 5px;
    overflow: hidden;
    word-wrap: break-word;
    resize: horizontal;
    height: 26px;
}

#facetedMobileMenu {
    display: none;
}

.productsetoverview_changecolor {
    display: inline-block;
    margin-bottom: -3px;
}

.productsetoverview_completeset {
    display: inline-block;
    line-height: 20px;
}

@keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}
#cookiesdirective > div > div > div {
  animation: shake .8s cubic-bezier(.36,.07,.19,.97) both infinite;
}