@import url('/WEB/styles/General/Reset.css');

@import url('/WEB/styles/General/Grid.css');

@import url('/Jquery/Colorbox/css/colorbox.css');

@import url('/Jquery/ClueTip/css/jquery.cluetip.css');

@import url('/WEB/styles/General/BottomBar.css');

@import url('/WEB/styles/cookie_statement.css');

@import url('/WEB/styles/site_topbar.css');

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,400italic,600,600italic,700italic,700,800,800italic,300);

@import url('iconfont.css');

/* GLOBAL STYLES */
body
{
    font-family: Tahoma,Helvetica,Arial,sans-serif;

    color: #333;
}


table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td
{
    text-align: left;
    vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    font-weight: bold;

    color: #333;
}

h4,
h6
{
    color: #666;
}

ul,
li
{
    display: block;
    float: left;

    margin: 0;
    padding: 0;

    list-style-position: outside;
    list-style-type: none;
    list-style-image: none;
}

ol
{
    list-style: decimal;
}

ul
{
    list-style: disc;
}

a
{
    cursor: pointer;
    text-decoration: underline;

    color: #004b91;
}

a:HOVER
{
    cursor: pointer;
    text-decoration: underline;

    color: #c00;
}

p
{
    color: #333;
}

hr
{
    clear: both;

    height: 0;

    border: 0 #ccc solid;
    border-top-width: 1px;
}

.right
{
    float: right;
}

.left
{
    float: left;
}

nobg
{
    background-image: none;
}

.link
{
    text-decoration: underline;
    color: #004b91;
    border-bottom: none;
}

.link:HOVER
{
    text-decoration: underline;

    color: #c00;
}

.red
{
    color: #c00;
}

.nomargin
{
    margin: 0;
}

.prx,
.prxPromo
{
    /*font-family:trebuchet,Verdana,Helvetica,Arial,sans-serif; */
    font-weight: bold;

    color: #333;
}

.smallUniv
{
    font-weight: normal;
}

.txtRight
{
    text-align: right;
}

.txtCenter
{
    text-align: center;
}

.error
{
    color: #c00;
}

.hide
{
    display: none;
}

/* globalHeader */
#globalHeader
{
    font-family: 'Open Sans',Tahoma,Helvetica,Arial,sans-serif;

    z-index: 9999;

    max-height: 120px;
    margin-bottom: 10px;

    color: #333;
    background: #fff;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;

         -o-box-shadow: none;
        -ms-box-shadow: none;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

    /* IE8-9 */
}

#globalHeader a
{
    font-size: 11px;

    color: #004b91;
}

#globalHeader a:hover
{
    color: #c00;
}

#globalHeader #logoBlock
{
    position: relative;
    z-index: 2;

    padding: 5px 0 0 0;
}

#globalHeader #logoBlock img
{
    margin-top: 5px;
}

#globalHeader #teleBlock
{
    display: none;

    margin-top: .8em;
}

#globalHeader #teleBlock img
{
    margin-top: 20px;
}

#globalHeader #cartBlock
{
    display: block;

    margin: 20px 0 .75em;
    padding-left: 5px;

    border-left: 1px solid #ccc;
}

#globalHeader #cartBlock h3
{
    width: auto;
}

#globalHeader .cartBlock-link
{
    font-size: 11px;

    display: block;

    text-decoration: none !important;

    background: url(/WEB/images/arr_blue_right.svg) no-repeat right .3em;
}

#globalHeader .cartBlock-link:hover
{
    background: url(/WEB/images/arr_red_right.svg) no-repeat right .3em;
}

#globalHeader .cartBlock-title
{
    float: left;

    margin: 0 .5em .5em 10px;
    padding-left: 22px;

    text-decoration: underline;

    background: url(/WEB/images/ico_basket_black.svg) no-repeat 0 .1em;
}

#globalHeader .cartBlock-items
{
    font-size: 12px;

    float: left;

    text-decoration: none;

    color: #333;
}

#globalHeader .cartBlock-link:hover .cartBlock-items
{
    color: #c00;
}

#globalHeader .cartBlock-number
{
    font-size: 12px;

    float: right;
    clear: left;

    margin: 0;
    padding-left: 22px;

    color: #333;
}

#globalHeader .cartBlock-number-inner
{
    margin-left: .5em;
}

#globalHeader #userBlock
{
    display: block;

    margin-top: 13px;
}

#globalHeader .userBlock-lists
{
    display: block;
    float: right;
}

#globalHeader .userBlock-list
{
    float: right;

    width: auto;
    padding-right: 10px;
}

#globalHeader .userBlock-list li
{
    font-size: 11px;
    /*padding-left:.5em;*/
    line-height: 20px;

    float: left;

    margin: .5em 0 .5em .5em;

    /*border-left:1px solid #777;*/
}

#globalHeader .userBlock-list li:first-child
{
    margin-left: 0;
    padding-left: 0;

    border-left: none;
}

#globalHeader .userBlock-list li + li::before
{
    content: '| ';
}

.js-header-container--littlespace #globalHeader .userBlock-list--others
{
    float: right;
    clear: both;

    margin-top: -.75em;
}

#globalHeader .userBlock-list--others li:first-child::before
{
    margin-left: .35em;

    content: '| ';
}

.js-header-container--littlespace #globalHeader .userBlock-list--others li:first-child::before,
#globalHeader .userBlock-list .userBlock-logout--optimizely::before
{
    margin-left: 0 !important;

    content: '' !important;
}

#globalHeader .userBlock-contact
{
    font-size: 11px;

    float: right;
    clear: both;

    margin: 0;
    padding-right: 10px;

    text-align: right;
}

#globalHeader .userBlock-logout
{
    padding-left: 25px !important;

    background: url(/WEB/images/ico_login.svg) no-repeat 0 center;
}

#globalHeader .userBlock-logout--optimizely
{
    display: none;
}

#globalHeader .userBlock-register
{
    float: right;

    padding-right: 1em;

    text-align: right;
}

#globalHeader #langBlock
{
    display: block;
    clear: right;

    margin-top: 5px;
}

#globalHeader #langBlock ul
{
    float: right;
}

#globalHeader #langBlock ul li
{
    float: right;

    margin-left: 3px;
}

#globalHeader #langBlock a
{
    font-size: 11px;
}

.globalNav
{
    position: relative;
    z-index: 100000;

    display: block;
    clear: both;

    padding-bottom: 10px;
}

.globalNav .navBlock
{
    z-index: 9890;

    float: left;

    width: 691px;
}

.globalNav #nav
{
    display: table;

    width: 100%;
}
.globalNav #nav li.tab
{
    display: table-cell;
    float: none;
}

.globalNav .tab a
{
    font-family: 'Open Sans',Tahoma, sans-serif;
    font-size: 11px;

    display: block;

    text-decoration: none;

    color: #666;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background-image: none;
}

.globalNav .tab:last-of-type a
{
    border-right: 1px solid #ccc;
}

.globalNav .tab > a
{
    line-height: 25px;

    padding: 2px 0;

    text-align: center;
}

.globalNav .tab.Sel > a
{
    color: #fff;
    background-color: #ff7171;
}

.globalNav .tab.Sel a:hover,
.globalNav .tab.Sel a.hover,
.globalNav .tab a:HOVER,
.globalNav .tab a.over
{
    z-index: 9889;

    color: #e05151;
    border-color: #ccc;
    background-color: #fff;
}

.globalNav .tab div
{
    position: absolute;
    z-index: 1000001;
    left: 0;

    display: none;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 982px;
    height: auto;
    margin-top: -1px;
    padding: 20px 5px 15px 0;

    border-width: 0 5px 5px;
    border-style: solid;
    background-color: #fff;
}

.globalNav .tab div li
{
    background: none;
}

.globalNav .tab div a
{
    font-weight: normal;

    display: block;

    height: auto;

    text-align: left;

    border: 0 !important;
}

.globalNav .tab div a:hover,
.tab div a.over
{
    font-weight: normal;

    text-decoration: underline;

    border: 0 !important;
}

.globalNav .tab:hover + li > a
{
    border-left: 0 none;
}

.globalNav .tab .aRub,
.globalNav .tab .colDark a,
.globalNav .tab .colNormal a,
.globalNav .tab .colDark strong,
.globalNav .tab .colNormal strong
{
    font-weight: bold !important;

    position: relative;

    color: #e05151;
    border: 0 !important;
    background-color: #fff;
}

.globalNav .tab .famFlap
{
    line-height: 16px;

    color: #333 !important;
    border: 0 !important;
    background-color: #fff;
}

.globalNav .tab:hover div,
.tab.over div
{
    display: block;
}

.globalNav .tab .fulllist
{
    display: block;
    float: left;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 80%;
    padding-right: 1.8%;
}

.globalNav .tab .fulllist .columns
{
    float: left;

    width: 21.8%;
    padding-left: 3.2%;
}

.globalNav .tab .fulllist li
{
    float: none;
    clear: both;

    width: 100%;
    padding-left: 11px;

    background: url(/WEB/images/arr_red_right.svg) no-repeat left top;
    background-image: none;
    background-position: left 2px !important;
}

.globalNav .tab .fulllist li ul
{
    margin: 5px 0 15px;
}

.globalNav .tab .fulllist li ul li
{
    display: inline !important;

    margin: 0 !important;
    padding: 0 !important;
}

.globalNav li div section
{
    overflow: hidden;

    padding: .5em 0 1.5em;
    padding-top: 1em;

    border: 5px solid #999;
    border-top-width: 1px;
    background-color: #fff !important;
}

.globalNav li section
{
    position: absolute;
    right: 30px;
    left: 30px;
}

.globalNav .tab p.img
{
    display: block;
    float: left;

    width: 20%;
}

.globalNav .tab p.img > a,
.globalNav .tab p.img > div
{
    margin-bottom: 10px;

    background-color: #fff;
}

.globalNav .tab p.img > a img
{
    width: 100%;
    max-width: 165px;
    margin-left: 20px;

    border: 1px solid #eee;
}

#otherUniv
{
    position: relative;

    width: 546px;
    margin-bottom: 5px;
}

#otherUniv li
{
    position: absolute;
    right: 0;

    margin: 0;
    padding: 0;

    background: none;
}

#otherUniv li a
{
    font-weight: bold;

    float: right;

    width: auto;
    margin: 0;
    padding: 0 10px 0 0;
}

#searchBlock
{
    display: block;
    float: right;

    width: 291px;
    margin: 0;

    border: 0 !important;
    border: none;
    background-color: #fff1f1;
}

#searchBlock input
{
    float: right;
}

#searchBlock form
{
    position: relative;

    padding: 4px;

    background: none !important;
}

#searchBlock .search-reset
{
    font-size: 1.2em;

    position: absolute;
    top: 4px;
    right: 85px;

    display: block;

    height: 1.8em;
    padding: .8em 4.4%;

    cursor: hand;
    cursor: pointer;

    border: none;
    background: url(/WEB/images/ico_reset-line.svg) no-repeat center center;
    background-color: transparent;
}

#searchBlock .search-reset:hover
{
    box-shadow: none;
}

#searchBlock .search-field
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box !important;
    width: 197px;
    height: 23px;
    padding: 4px 23px 4px 24px;

    border: 1px solid #e4e4e4;
    border-right: 0;
    background: #fff url(/WEB/images/ico_search.svg) no-repeat 2.5% center;
}

.no-flexbox #searchBlock .search-field
{
    width: 197px;
    height: 23px;
    padding: 2px 13px 2px 14px;
}

#searchBlock .search-submit
{
    font-size: 11px;

    width: 85px;
    height: 23px;
    padding: 4px 19px;

    text-align: center;

    border: 1px solid #bbb;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
    /* IE6-9 */
            border-radius: 0;
    background: #fefefe;
    background:    -moz-linear-gradient(top, #fefefe 0%, #f0f0f0 49%, #e4e4e4 50%, #d4d4d4 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(49%, #f0f0f0), color-stop(50%, #e4e4e4), color-stop(100%, #d4d4d4));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe 0%, #f0f0f0 49%, #e4e4e4 50%, #d4d4d4 100%);
    /* Chrome10+,Safari5.1+ */
    background:      -o-linear-gradient(top, #fefefe 0%, #f0f0f0 49%, #e4e4e4 50%, #d4d4d4 100%);
    /* Opera 11.10+ */
    background:     -ms-linear-gradient(top, #fefefe 0%, #f0f0f0 49%, #e4e4e4 50%, #d4d4d4 100%);
    /* IE10+ */
    background:         linear-gradient(to bottom, #fefefe 0%, #f0f0f0 49%, #e4e4e4 50%, #d4d4d4 100%);
    /* W3C */

    -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d4d4d4',GradientType=0 );
         -o-border-radius: 0;
}

#searchBlock .search-submit:hover
{
    box-shadow: none;
}

#searchBlock .search-label
{
    position: absolute;
    left: -9999em;
}

#searchTab
{
    position: absolute;
    z-index: 19988;
    top: 31px;
    right: 0;

    display: block;
    float: none !important;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 291px;
    height: auto;
    padding: 7px 10px 7px 15px;

    border-right-width: 5px !important;
    border-left-width: 5px !important;
    background-color: #fff !important;
}

#searchTab h3
{
    font-size: 11px;
    font-weight: normal;

    margin-bottom: 8px;
}

#searchTab h3:not(:first-child)
{
    border-bottom: 1px dotted;
}

#searchTab h3 span
{
    position: relative;
    top: 6px;

    background: none #fff;
}

#searchTab li
{
    line-height: 19px;

    position: relative;
    left: -15px;

    width: 266px;
    padding-left: 15px;

    -webkit-transition: background-color 230ms ease-out 1s;
       -moz-transition: background-color 230ms ease-out;
         -o-transition: background-color 230ms ease-out;
            transition: background-color 230ms ease-out;
}

#searchTab li:hover,
#searchTab .select
{
    background-color: #f1f1f1;
}

#searchTab .prodAfb
{
    float: left;

    width: 55px;
}

#searchTab .prodTxt
{
    float: left;

    width: 190px;
    padding-left: 10px;
}

#searchTab .atl
{
    font-size: 11px;

    color: #999;
}

#searchTab .bolder
{
    font-weight: bold;
}

#searchTab a
{
    text-decoration: none !important;

    color: #666;
}

#searchTab a:hover
{
    text-decoration: underline !important;

    color: #333 !important;
}

#searchTab .didyoumean a.sn
{
    font-weight: bold;
}

#globalNavWizard
{
    z-index: 9885;

    clear: both;

    padding-bottom: 10px;
}

#globalNavWizard #navBlock
{
    z-index: 9886;

    width: 706px;
}

#globalNavWizard .tab07
{
    width: 131px;
}

#globalNavWizard #searchBlock
{
    float: right;

    width: 270px;
    height: 24px;
    padding: 3px 2px 0;
}

#globalNavWizard #searchBlock input
{
    float: right;
}

#globalNavWizard #searchBlock .searchfield
{
    width: 184px;
    height: 14px;
    padding-left: 20px;

    color: #666;
    background-color: #fff;
    background-image: url('/WEB/images/General/loep.gif');
    background-repeat: no-repeat;
    background-position: left;
}

#globalNavWizard #searchBlock .button
{
    width: 55px;
    height: 21px;
    margin-left: 3px;
    padding-bottom: 3px;

    border: 1px solid #999;
    background-image: url('/WEB/images/General/buttonBG.gif');
    background-repeat: repeat-x;
}

#globalNavInbouw
{
    position: relative;
    z-index: 10001;

    clear: both;

    padding-bottom: 10px;
}

#globalNavInbouw #navBlock
{
    position: relative;
    z-index: 10001;

    float: left;

    width: 661px;
}

#globalNavInbouw #searchBlock
{
    float: left;

    width: 315px;
    height: 24px;
    padding: 3px 2px 0;
}

#globalNavInbouw #searchBlock input
{
    float: right;
}

#globalNavInbouw #searchBlock .searchfield
{
    width: 229px !important;
    height: 14px;
    padding-left: 20px;

    color: #666;
    background-color: #fff;
    background-image: url('/WEB/images/General/loep.gif');
    background-repeat: no-repeat;
    background-position: left;
}

#globalNavInbouw #searchBlock .button
{
    width: 55px;
    height: 21px;
    margin-left: 3px;
    padding-bottom: 3px;

    border: 1px solid #999;
    background-image: url('/WEB/images/General/buttonBG.gif');
    background-repeat: repeat-x;
}

#globalNavSmall
{
    position: relative;
    z-index: 9885;

    clear: both;

    padding-bottom: 10px;
}

#promo_nav
{
    position: relative;
    z-index: -9885;

    clear: both;

    margin-top: -10px;
    padding-bottom: 10px;
}

#globalNavSmall #navBlock
{
    z-index: 9886;

    width: 575px;
}

#globalNavSmall #searchBlock
{
    top: -9px;

    float: right;

    width: 401px;
    height: 24px;
    padding: 8px 2px 4px 2px;
}

#globalNavSmall #searchBlock
{
    float: right;

    width: 401px;
    height: 24px;
    padding: 3px 2px 0;
}

#globalNavSmall #searchBlock input
{
    float: right;
}

#globalNavSmall #searchBlock .searchfield
{
    width: 315px;
    height: 14px;
    padding-left: 20px;

    color: #666;
    background-color: #fff;
    background-image: url('/WEB/images/General/loep.gif');
    background-repeat: no-repeat;
    background-position: left;
}

#globalNavSmall #searchBlock .button
{
    width: 55px;
    height: 21px;
    margin-left: 3px;
    padding-bottom: 3px;

    border: 1px solid #999;
    background-image: url('/WEB/images/General/buttonBG.gif');
    background-repeat: repeat-x;
}

/*#globalHeader				{ margin-bottom:5px ; }
	#globalHeader				{ margin-bottom:10px ; }
	/* - logoBlock -
	#logoBlock img				{ margin-top:5px; }
	/* - teleBlock -
	#teleBlock img				{ margin-top:20px; }
	/* - cartBlock -
	#cartBlock					{ margin-top:5px; }
	#cartBlock a				{ text-decoration:none; }
	#cartBlock img				{ float:left; margin-right:10px; }
	#cartBlock h3				{ margin-top:3px; background-image:url("/WEB/images/General/arrowLnk.gif"); background-position:right 3px; background-repeat:no-repeat; width:120px; }
	#cartBlock p				{ margin-top:5px; color:#333; }
	/* - userBlock -
	#userBlock					{ margin-top:5px; border-right:1px solid #ccc; }
	#userBlock ul				{ float:right; padding-right:10px; width:313px; }
	#userBlock li				{ margin-left:3px; margin-bottom:10px; float:right; }
	#userBlock p				{ clear:both; float:right; padding-right:10px; margin-bottom:5px; width:313px; text-align:right; }
	/* - langBlock -
	#langBlock					{ margin-top:5px; clear:right; }
	#langBlock ul				{ float:right; }
	#langBlock ul li			{ float:right; margin-left:3px; }

/* globalNav
	#globalNav					{ padding-bottom:10px; clear:both; z-index:9895; }
	/* - navBlock -
	#navBlock							{ width:661px; z-index:9890; }
	.tab00 a,.tab01 a,.tab02 a,.tab03 a,
	.tab04 a,.tab05 a,.tab06 a,.tab07 a	{ text-align:center; display:block; line-height:25px; height:27px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; color:#666; text-decoration:none; }
	.tab00 a:HOVER, .tab00 a.over,
	.tab01 a:HOVER, .tab01 a.over,
	.tab02 a:HOVER, .tab02 a.over,
	.tab03 a:HOVER, .tab03 a.over,
	.tab04 a:HOVER, .tab04 a.over,
	.tab05 a:HOVER, .tab05 a.over,
	.tab06 a:HOVER, .tab06 a.over,
	.tab07 a:HOVER,	.tab07 a.over		{ z-index:9889; font-weight:bold; background:none !important; }
	.tab00								{ width:59px; }
	.tab01								{ width:86px; }
	.tab02								{ width:96px; }
	.tab03								{ width:92px; }
	.tab04								{ width:82px; }
	.tab05								{ width:73px; }
	.tab06								{ width:87px; }
	.tab07								{ width:86px; }

	/* -- navBlockSub --
		.tab01 div, .tab02 div, .tab03 div,
		.tab04 div, .tab05 div, .tab06 div,
		.tab07 div									{ display:none; padding-top:10px; padding-bottom:15px; }
		.tab01:HOVER div, .tab01.over div,
		.tab02:HOVER div, .tab02.over div,
		.tab03:HOVER div, .tab03.over div,
		.tab04:HOVER div, .tab04.over div,
		.tab05:HOVER div, .tab05.over div,
		.tab06:HOVER div, .tab06.over div,
		.tab07:HOVER div, .tab07.over div			{ display:block; position:absolute; left:0px;width:972px; height:auto; background-color:#FFF !important; z-index:9888; margin-top:-1px; border-left-width:5px !important; border-right-width:5px !important }

		.tab06:HOVER div,
		.tab06.over div								{ right:0; }
		.tab07:HOVER div,
		.tab07.over div								{ right:0; }
		.tab01 div ul,.tab02 div ul,
		.tab03 div ul,.tab04 div ul,
		.tab05 div ul,.tab06 div ul,
		.tab07 div ul								{ padding-left:10px; }
		.tab01 div ul.fulllist,.tab02 div ul.fulllist,
		.tab03 div ul.fulllist,.tab04 div ul.fulllist,
		.tab05 div ul.fulllist,.tab06 div ul.fulllist,
		.tab07 div ul.fulllist								{ padding-left:10px; background:url("/WEB/IMAGES/tabbglijnen.gif") repeat-y 0 0;}
		.tab01 div li,.tab02 div li,
		.tab03 div li,.tab04 div li,
		.tab05 div li,.tab06 div li,
		.tab07 div li								{ background-position:left 6px; background-repeat:no-repeat; padding-left:8px; }
		.tab01 div a,.tab02 div a,
		.tab03 div a,.tab04 div a,
		.tab05 div a,.tab06 div a,
		.tab07 div a								{ text-align:left; display:block; line-height:12px; height:auto; border:none; width:165px; margin-bottom:10px; }
		.tab01 div a:HOVER, .tab01 div a.over,
		.tab02 div a:HOVER, .tab02 div a.over,
		.tab03 div a:HOVER, .tab03 div a.over,
		.tab04 div a:HOVER, .tab04 div a.over,
		.tab05 div a:HOVER, .tab05 div a.over,
		.tab06 div a:HOVER, .tab06 div a.over,
		.tab07 div a:HOVER, .tab07 div a.over 			{ background-image:none; border:none; text-decoration:underline; font-weight:normal; }
		#nav .Sel div a:HOVER					 		{ border:0 none !important;  }
		.selected a, .Sel a								{ font-weight:bold; }
		.selected div a, .Sel div a						{ font-weight:normal; background: none; }
		.selected a:HOVER, .Sel a:HOVER					{ background-color:#fff; border-right:none; }
		.selected div a:HOVER, .Sel div a:HOVER			{ background:none; text-decoration:underline; font-weight:normal; }

		#otherUniv										{ position:relative; width:546px; margin-bottom:5px; }
		#otherUniv li									{ position:absolute; right:0; margin:0; padding:0; background:none; }
		#otherUniv li a									{ float:right; font-weight:bold; width:auto; margin:0; padding:0 10px 0 0; }

	/* - searchBlock -
	#searchBlock										{ float:right; padding:3px 2px 0; width:315px; height:24px; }
	#searchBlock input									{ float:right; }
	#searchBlock .searchfield 							{ padding-left:20px; width:229px; height:14px; background-color:#fff; color:#666; background-image:url('/WEB/images/General/loep.gif'); background-position:left; background-repeat:no-repeat; }
	#searchBlock .button								{ background-image:url('/WEB/images/General/buttonBG.gif'); background-repeat:repeat-x; margin-left:3px; border:1px solid #999; height:21px; padding-bottom:2px; width:55px; }
	#searchBlock .search-reset 							{ display:none; padding:0 7px; height:18px; right:65px; background: url(/WEB/images/ico_reset-line.svg) no-repeat center center; position:absolute;top:5px; border:none; font-size: 1.2em; background-color:transparent;}
	#searchBlock .search-reset:hover					{ box-shadow:none}

	/* - Zoekflap -
	div#searchTab		{ display:block; position:absolute; left:661px; width:291px; height:auto; background-color:#FFF !important; z-index:19988; top:29px; border-left-width:5px !important; border-right-width:5px !important; padding:7px 5px 7px 15px; float:none !important; }
	#searchTab h3		{ margin-bottom:8px; font-size:11px; font-weight:normal;}
	#searchTab h3:not(:first-child)	{ border-bottom:1px dotted;}
	#searchTab h3 span	{ background:none #FFFFFF; position:relative; top:6px;}
	#searchTab li		{ clear:both; float:left; width:290px; line-height:19px; }
	#searchTab li:hover, #searchTab .select	{ background-color:#EEEEEE; position:relative; left:-15px; padding-left:15px; width:296px;}
	#searchTab .prodAfb	{ width:50px; float:left; margin-right:8px; }
	#searchTab .prodTxt { width:220px; float:left; clear:none; padding-top:10px;}
	#searchTab .atl		{ font-size:10px; color:#999999;}
	#searchTab .bolder	{ font-weight:bold;}
	#searchTab a		{ text-decoration:none !important;}
	#searchTab a:hover	{ text-decoration:underline !important; color:#004B91 !important; }
	#searchTab .didyoumean a.sn { font-weight:bold}

	#globalNavWizard									{ padding-bottom:10px; clear:both; z-index:9885; }
	#globalNavWizard #navBlock							{ width:706px; z-index:9886; }
	#globalNavWizard .tab07								{ width:131px; }
	#globalNavWizard #searchBlock						{ float:right; padding:3px 2px 0; width:270px; height:24px; }
	#globalNavWizard #searchBlock input					{ float:right; }
	#globalNavWizard #searchBlock .searchfield			{ padding-left:20px; width:184px; height:14px; background-color:#fff; color:#666; background-image:url('/WEB/images/General/loep.gif'); background-position:left; background-repeat:no-repeat; }
	#globalNavWizard #searchBlock .button				{ background-image:url('/WEB/images/General/buttonBG.gif'); background-repeat:repeat-x; margin-left:3px; border:1px solid #999; height:21px; padding-bottom:3px; width:55px; }

	#globalNavInbouw									{ padding-bottom:10px; clear:both; z-index:10001; position:relative; }
	#globalNavInbouw #navBlock							{ width:661px; z-index:10001; position:relative; float:left }
	#globalNavInbouw #searchBlock						{ float:left; padding:3px 2px 0; width:315px; height:24px; }
	#globalNavInbouw #searchBlock input					{ float:right; }
	#globalNavInbouw #searchBlock .searchfield			{ padding-left:20px; width:229px!important; height:14px; background-color:#fff; color:#666; background-image:url('/WEB/images/General/loep.gif'); background-position:left; background-repeat:no-repeat; }
	#globalNavInbouw #searchBlock .button				{ background-image:url('/WEB/images/General/buttonBG.gif'); background-repeat:repeat-x; margin-left:3px; border:1px solid #999; height:21px; padding-bottom:3px; width:55px; }

	#globalNavSmall										{ padding-bottom:10px; clear:both; z-index:9885; position:relative; }
	#promo_nav											{ padding-bottom:10px; clear:both; z-index:-9885; margin-top:-10px; position:relative; }
	#globalNavSmall #navBlock							{ width:575px; z-index:9886; }
	/*#globalNavSmall #searchBlock						{ float:right; padding:8px 2px 4px 2px; width:401px; height:24px; top:-9px; }
	#globalNavSmall #searchBlock						{ float:right; padding:3px 2px 0; width:401px; height:24px; }
	#globalNavSmall #searchBlock input					{ float:right; }
	#globalNavSmall #searchBlock .searchfield			{ padding-left:20px; width:315px; height:14px; background-color:#fff; color:#666; background-image:url('/WEB/images/General/loep.gif'); background-position:left; background-repeat:no-repeat; }
	#globalNavSmall #searchBlock .button				{ background-image:url('/WEB/images/General/buttonBG.gif'); background-repeat:repeat-x; margin-left:3px; border:1px solid #999; height:21px; padding-bottom:3px; width:55px; }

/* globalTitle */
#TitleBlock
{
    width: 940px;
    padding: 5px 20px;

    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

#TitleBlock h1
{
    font-weight: normal;

    float: left;
}

#TitleBlock ul
{
    float: right;

    margin-top: 13px;
}

#TitleBlock ul li a
{
    text-decoration: underline;
}

/* globalMain */
#MainBlockSmall
{
    width: 774px;
    padding: 20px 20px 50px 20px;

    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

#MainBlockLarge
{
    width: 940px;
    padding: 10px 20px 50px 20px;

    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

div.static ul li
{
    float: left;
    clear: both;

    margin-bottom: 5px;
    padding-left: 10px;
}

div.static h1,
div.static h2,
div.static h3,
div.static p,
div.static ul
{
    margin-bottom: 15px;
}

div.static h4
{
    font-style: italic;

    margin-bottom: 5px;
}

/* globalRight */
#RightBlock
{
    width: 166px;
}

#RightBlockVDB
{
    width: 166px;
    margin-bottom: 10px;
}

#RightBlockVDB h5
{
    padding: 5px 0 5px 10px;

    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

#RightBlockVDB img
{
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#RightBlockLev
{
    width: 166px;
}

#RightBlockLev h5
{
    padding: 5px 0 5px 10px;
}

#RightBlockLev img
{
    margin-top: 10px;
    margin-left: 9px;

    border: 1px solid #ccc;
}

/* globalFooter */
#globalFooter
{
    clear: both;

    width: 100%;

    background-color: #f2f2f2;
}

/* - footerInfo - */
#footerInfo
{
    padding-bottom: 40px;

    background-color: #fff;
}

/* -- paymentsBlock -- */
#paymentsBlock img
{
    margin-top: 10px;
    margin-bottom: 7px;
    margin-left: 10px;
}

#paymentsBlock ul
{
    display: none;
}

/* -- vdbInfo -- */
#vdbInfo
{
    clear: both;

    height: 210px;
    margin-top: 10px;
    margin-left: 10px;
}

#vdbInfo ul
{
    padding-bottom: 7px;
}

#vdbInfo li
{
    float: none;

    width: 290px;
    margin-bottom: 6px;
    padding-left: 10px;

    background-image: url('/WEB/images/General/arrowLnkSmall.gif');
    background-repeat: no-repeat;
    background-position: left center;
}

#vdbInfo p
{
    clear: both;
}

/* - footerBlock - */
#footerBlock ul
{
    margin-top: 10px;
    padding-left: 8px;
}

#footerBlock div
{
    padding-bottom: 15px;
}

#footerBlock li
{
    float: none;

    margin-bottom: 3px;
}

#footerBlock li a
{
    text-decoration: none;
}

#footerBlock li a:HOVER
{
    text-decoration: underline;

    color: #c00;
}

#footerBlock strong
{
    font-weight: bold;

    display: block;

    text-decoration: none;
    text-transform: uppercase;

    color: #333;
}

#footerBlock strong a
{
    text-decoration: none;
}

#footerBlock strong a:HOVER
{
    text-decoration: underline;

    color: #c00;
}

/* dossiers */
.dossTable tr td,
.dossTable tr th,
.dossTable tr
{
    padding: 5px;

    border: 1px solid #ccc;
}

.vimeo embed
{
    padding: 2px;

    border: 1px solid #ccc;
}

/* BREADCRUMB */
#breadcrumb
{
    width: 972px;
    margin-bottom: 20px;
    padding: 5px;

    border-bottom: 2px solid;
    background: #ededed;
}

/* BREADCRUMB NEW */
#prodBreadcrumb
{
    background: #fff;
}

.breadcrumb
{
    float: left;

    margin: 5px 0;
}

.breadcrumb ol
{
    padding-bottom: .5em;
}

.breadcrumb ol li
{
    font-size: 1.2em;
}

.breadcrumb ol li a
{
    font-size: 12px;

    display: block;
    overflow: hidden;

    padding: .4em 6px .6em 15px;

    text-overflow: ellipsis;

    color: #004b91;
    background: url('/WEBSHOP/images/arr_gray_right.png') no-repeat 0 center;
}

.svg .breadcrumb ol li a
{
    background-image: url('/WEBSHOP/images/arr_gray_right.svg');
}

.breadcrumb ol li.home a
{
    padding-left: 12px !important;

    background: none;
}

.breadcrumb ol li.rubric
{
    display: block;
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.breadcrumb ol li:last-child a
{
    padding-right: 0;
}

.nolink
{
    cursor: default;
    text-decoration: none;

    color: #333 !important;
}

/* SOLDEN TAB */
li.solden a
{
    font-weight: bold;

    color: #fff;
    border: 1px solid #630;
    background-color: #f90;
}

li.solden a:hover
{
    color: #630;
    border: 1px solid #630;
    background-color: #f90;
}

/* DEFAULT COLORS */
.colWhite
{
    color: #fff !important;
}

.colGreyLight
{
    color: #ccc !important;
}

.colGreyDark
{
    color: #666 !important;
}

.colGreen
{
    color: #693 !important;
}

.colRed
{
    color: #c00 !important;
}

.colOrange
{
    color: #f60 !important;
}

.colLnk
{
    color: #004b91 !important;
}

/* FLAP
.aRub { font-weight:bold !important; position:relative; top:2px; }
.famFlap { background:none !important; border:0 !important; color:#000 !important; margin-bottom:5px !important; }/*
.columns { float:left; width:196px !important;  border-left-width: 0px !important;  margin-top: 0px !important; padding-left: 0px !important; position: static !important; }
.img { border:none !important; width:166px !important; }
#rub { margin-top:5px !important; }
.tab07 div li { background-position: left 4px !important; }
.tab07 div { padding-top: 10px !important; }

.tab07 div li { margin-left: 5px; }

.tab07 div li p  { border: medium none; display: block; height: auto; line-height: 12px; margin-bottom: 10px; margin-top:5px; padding-top:2px; text-align: left; width: 173px; }

.tab07 div li ul li a { background:none !important; border:0 !important; color:#000 !important; margin-bottom:5px !important; clear:both;  }
.tab07 div li ul li { background:none !important; margin-left:0 !important; padding-left:0 !important; display:inline !important;  }
.tab07 div li ul { padding-left: 0px !important }*/
.backtomobile
{
    font-size: 25px;

    display: block;

    width: 960px;
    padding: 8px 20px 7px 10px;

    text-align: center;

    color: #fff;
    background: #c00;
    /* Old browsers */
    background:    -moz-linear-gradient(top, #c00 0%, #bf0000 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c00), color-stop(100%, #bf0000));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c00 0%, #bf0000 100%);
    /* Chrome10+,Safari5.1+ */
    background:      -o-linear-gradient(top, #c00 0%, #bf0000 100%);
    /* Opera 11.10+ */
    background:     -ms-linear-gradient(top, #c00 0%, #bf0000 100%);
    /* IE10+ */
    background:         linear-gradient(to bottom, #c00 0%, #bf0000 100%);

    font-color: #fff;
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#bf0000',GradientType=0 );

    /* IE6-9 */
}

.backtomobile-message
{
    font-size: 40px !important;

    padding-top: 20px;
    padding-bottom: 20px;
}

.backtomobile:hover
{
    color: #f1f2f2;
}

body.telesales  {
  background: url('//dev.vandenborre.be/WEB/images/bg-telesales.png') center top repeat-x;
}

body.telesales  div[itemscope]> .container_12,
body.telesales  > .container_12 {
  background: #FFF;
}

.telesales header > .container-fluid {
  margin-bottom: 0;
}
.privacy-link i { color: $color-grey-400; font-size: 24px; vertical-align: middle; }

.macaronblack-fridayNL, .macaronblack-fridayFR {
  position: absolute;
  top: 0;
  right: 0;
  width: 65px;
  height: 65px;
  margin-right: 15px;
  padding: 0 5px;
  border-radius: 100%;
  border-bottom: none;
  background: url("/WebV3/assets/images/logos/logo_blackFriday_2018.png") no-repeat;
  background-size: contain;
  overflow: hidden;
  z-index: 130;
  padding:0;
}

.artInfoBlock .line-through.black-friday-price {
  background-color: white;
  padding: 2px 0;
}

.univElement .product-price.black-friday-price, .product-price-container .product-price.black-friday-price {
  background-color: #000000;
  color: #F1F1F1;
  padding: 4px 5px;
  border-radius: 8px;
}
