.yellow {
  color: #F5B03E !important;
}

.green {
  color: #339933 !important;
}

.blue {
  color: #0b6389 !important;
}

.red {
  color: #F90000 !important;
}

#mobnav-trigger, #nav > li > a {
    font-size: 12px;

}

.btn-mini {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
}

.btn, .btn-mini {
    background-color: #4081d1;
}
.btn, .btn-mini {
    border-color: #2e6da4;
    color: #f7f8f9;
}

.btn:hover, .btn-mini:hover {
    color: #fff;
}

h1, h2, .section-title, .products-list .product-name, .products-grid .product-name, #mobnav-trigger, #nav > li > a, #nav.wide ul.level0 > li > a, .vertnav-top li a, .block .block-title, #opc-login h3, .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2, .product-view .box-reviews dt .heading, .footer .heading, .slide .caption h2, .slide .caption h3, .main-font {
	font-family: beglecBankgothic;
}

h2.product-name a, h3.product-name a, h4.product-name a, h5.product-name a, p.product-name a {
 font-family: "Helvetica Neue", Helvetica, sans-serif;
}

.products-grid .sku {
    margin: 10px 0 10px;
    font-size: 1em;
    float: right;
}

.header .logo-wrapper .logo {margin: 0;}

.itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi {  max-width: 500px; }
.pdfmanager-index-index .section-space{ min-height: 250px;}
.pdfmanager-index-index .section-space .heading {margin-top:10px;}

.pdfmanager_title{width: 150px; text-align:center;}
.pdfmanager_catalogs{position:relative; height:80px; width:150px; cursor: pointer;}
.pdfmanager_catalogs .thumb{
  position:absolute;
  top:0px;
  left:0px;
  width: 50px;
  height: 70px;
  background-color: #fff;
  box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
  border-radius: 1%     1%     1%     1% /     1%     1%     1%     1%;
}
.pdfmanager_catalogs .thumb:after {
      position: absolute;
      width: 80%;
      height: 40%;
      left: 10%;
      border-radius: 50%;
      z-index: -1;
      bottom: 0%;
      content: "";
      box-shadow: 0 7px 16px rgba(0,0,0,0.4);
}

.pdfmanager_catalogs .cat_img0{
	transform:rotate(-4deg);
-ms-transform:rotate(-4deg); /* IE 9 */
-webkit-transform:rotate(-4deg);
  left:25px;
}

.pdfmanager_catalogs .cat_img1{
	transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 */
-webkit-transform:rotate(7deg);
 left:75px;
}
.pdfmanager_catalogs .cat_img2{left: 50px;}

.pdfmanager-index-view {}
.text-center{text-align:center;}

#news .news-title { border-bottom: 1px solid #ddd;}
#news .page-title {position:relative;}
#news .page-title h1{margin-right:120px;}
#news .page-title small{position:absolute; top:10px; right:0px;}
#news .page-content{margin-bottom:20px; clear:both;}
#news .page-share {padding-left: 1%; clear:both; border-bottom: 1px solid #ddd; display:inline-block; width:100%;}
#news .page-share li{float:left;}

.nieuws_list {margin-top:25px;}
.nieuws_list .paginationControl{text-align:right;}
.nieuws_list .nieuws_titel{color: #333333; margin-bottom: 2px; margin-top: 12px; font-family: "beglecBankgothic";}
.nieuws_list .nieuws_item{position:relative;  border-bottom: 1px solid #ddd; margin-bottom:10px;}
.nieuws_list .nieuws_datum{font-size:10px; text-align:right; position:absolute; top:0px; left:0px;}
.nieuws_list .detail_link{display: block; text-align:right;}

.data-table th, .data-table td {padding: 5px;}

.products-grid .product-name { height: 45px; margin: 15px 0 10px; overflow: hidden;}

.sticker.old { background-color:#999; color:#fff; }

.more-images .video {position:relative;}
.more-images .video .video-icon{ position:absolute; bottom:2px; right:2px;}


.caption.full-width2 { margin: 0; width: 100%; bottom: -1px;}
.caption.full-width2 .heading {width: 100%;}

.header-primary { padding-bottom: 10px; padding-top: 0;}

/*filter by list accordion style */

/* Responsive table */
.resp-table .data-table table {
    max-width: 100%;
    min-width: 70%;
}

.resp-table input[type="checkbox"].main-checkbox+label,
input[type="radio"].main-radio+label {
    margin-top: 0;
    margin-bottom: 0;
}

@media only screen and (max-width: 800px), (min-device-width: 768px) and (max-device-width: 1024px) {
    /* Force table to not be like tables anymore */
    .resp-table .data-table table, .resp-table .data-table thead, .resp-table .data-table tbody, .resp-table .data-table th, .resp-table .data-table td, .resp-table .data-table tr {
        display: block;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    .resp-table .data-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .resp-table .data-table tr {
        border-left: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }
    .resp-table .data-table tr:last-child {
        border-bottom: 0;
    }
    .resp-table .data-table td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }
    .resp-table .data-table td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }
    /* Label the data */
    .resp-table .data-table td:before {
        content: attr(data-title);
    }
}
/* END Responsive table */

#narrow-by-list .opener /* Menu opener */
{
	/* Override default background image */
	background-image: none !important;
	background:  #f5f5f5;
	/* Font icons */
	display: inline-block;
	font-family: ThemeIcons;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	/*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/* Icon size */
	font-size: 12px;
	cursor: pointer;

    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    height: 28px;
    line-height: 28px;
    width: 28px;
    font-size: 12px;
    color: #333333;
}
#narrow-by-list .opener:before{
	content: "\e23c";
}
#narrow-by-list .current > .opener:before{
	content: "\e23d";
}
.block-layered-nav.filter-style .block-content > dl > dt {
	padding: 5px 10px;
	padding-right: 33px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	color: #777777;
	font-size: 1em;
    line-height: 1.5em;
    display: block;
    position:relative;
    margin-top: 0px;
    font-weight:normal;
    cursor: pointer;
}
.block-layered-nav.filter-style .block-content > dl > dd {
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

/*PREVENT SEARCH*/

.searchlayer {
    background: #fff;
    border-width: 1px;
    border-style:  solid;
    border-color: transparent #ccc #ccc;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    display: block;
    padding: 10px;
    margin: 7px 0 0;
    position: absolute;
    right: 60px;
    width: auto;
    z-index: 2001;
    /*  box-shadow: 0 3px 5px rgba(0, 0, 0, .2); */
}

.finded_element {
    font-family: inherit;
    font-size: 14px;
    display: block;
    clear: both;
    padding: 2px;
    text-align: left;
    font-weight: 400;
}
.finded_element a {
    color:#333745;
}

.finded_element a:hover {
    margin-left: 5px;
    color: #333;
}

.itemPreFilterCount span {
    float: left;
}

.itemPreFilterCount a:hover {
    color: #606060;
}

.ItemCountValue {
    font-size: 30px;
}

/* Online Bubble Generator http://ilikepixels.co.uk/drop/bubbler/ */

.bubble
{
position: absolute;
z-index: 999;
width: auto;
height: auto;
padding: 5px;
background: #fff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border: #333745 solid 2px;
}

.bubble:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 10px 10px 0;
border-color: #fff transparent;
display: block;
width: 0;
z-index: 1;
margin-left: -10px;
bottom: -10px;
left: 50%;
}

.bubble:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 11px 11px 0;
border-color: #333745 transparent;
display: block;
width: 0;
z-index: 0;
margin-left: -11px;
bottom: -13px;
left: 50%;
}

/* END Online Bubble Generator http://ilikepixels.co.uk/drop/bubbler/ */

.bubble a i.fc {
    left: 10px;
    margin-top: -8px;
    position: relative;
}
.bubbleItemsResult .bubble-close {
    position: inherit;
    padding-left: 4px;
    margin-top: -2px;
    text-decoration: none;
    float: right;
}

/*BlockUI*/

.loading-message {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0 auto;
    max-width: 340px;
    padding: 10px;
    width: auto;
}

.loading-message-boxed h4 {
    margin: 10px;
    font-size: 1.2em;
}

.loading-message.loading-message-boxed {
    background-color: #fff;
    border: 2px solid #333745;
}

.loading-message-boxed .btn-mini.grey {
    background-color: #eee;
    color: #333745;
}

.loading-message-boxed span {
    font-size: 1.2em;
}

.loading-message-boxed img {
    display: inline-block;
}
