body {
	background-color: #EEEEEE;
	color: #666666;
	font-family: "encode_sansmedium",Helvetica,Roboto,Arial,sans-serif;	
}


@font-face {
    font-family: 'encode_sans_compressedlight';
    src: url('../css/encode/encodesanscompressed-light-webfont.eot');
    src: url('../css/encode/encodesanscompressed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/encode/encodesanscompressed-light-webfont.woff2') format('woff2'),
         url('../css/encode/encodesanscompressed-light-webfont.woff') format('woff'),
         url('../css/encode/encodesanscompressed-light-webfont.ttf') format('truetype'),
         url('../css/encode/encodesanscompressed-light-webfont.svg#encode_sans_compressedlight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'encode_sansmedium';
    src: url('../css/encode/encodesans-medium-webfont.eot');
    src: url('../css/encode/encodesans-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/encode/encodesans-medium-webfont.woff2') format('woff2'),
         url('../css/encode/encodesans-medium-webfont.woff') format('woff'),
         url('../css/encode/encodesans-medium-webfont.ttf') format('truetype'),
         url('../css/encode/encodesans-medium-webfont.svg#encode_sansmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'encode_sans_condensedbold';
    src: url('../css/encode/encodesanscondensed-bold-webfont.eot');
    src: url('../css/encode/encodesanscondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/encode/encodesanscondensed-bold-webfont.woff2') format('woff2'),
         url('../css/encode/encodesanscondensed-bold-webfont.woff') format('woff'),
         url('../css/encode/encodesanscondensed-bold-webfont.ttf') format('truetype'),
         url('../css/encode/encodesanscondensed-bold-webfont.svg#encode_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.fullbg1 { background-color: #FBFBFB;padding-top:40px;padding-bottom:40px;}
.fullbg2 {padding-top:40px;padding-bottom:40px;}


.badge IMG {border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%; }


.badge IMG {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: grayscale(90%);
    -moz-filter: grayscale(90%);
    -ms-filter: grayscale(90%);
    -o-filter: grayscale(90%);
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(90%);transition: all 300ms ease-out 0s; /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.badge IMG:hover {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: none ; /* IE6-9 */
    /* needed to trigger "hasLayout" in IE if no width or height is set */
    -webkit-filter: grayscale(0%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.badge H2 { font-size:1em; margin-bottom:20px;}


#categoryheader {position:fixed; z-index:-1; top:20px; width:100%}
#categoryheader IMG{width:100%;}
#main { background-color:#EEEEEE; margin-top:25%;}

@media only screen and (max-width: 640px)  {#main { margin-top:0%;}}

.megamenu-wrapper {
    position: relative;
    z-index: 1;
}

.megamenu-panel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #FCFCFC;
    border-bottom: solid 1px #CCCCCC;
    min-height: 260px;
    padding-top: 10px;
    box-shadow: 0 8px 8px -8px #888;
    overflow: hidden;
}

.megamenu-panel ul {
    margin: 0 0 10px 0;
    padding: 0;
}

.megamenu-panel li {
    color: #0063be;
    list-style-type: none;
    display: block;
    width: 50%;
    float: left;
    font-size: 0.9em;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
}

.megamenu-title {
    font-family: droid_sansbold, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    padding-bottom: 10px;
}

.megamenu-description,
.megamenu-description p {
    color: #999999;
    font-size: 14px;
    line-height: normal;
}

.logo-normal {}
.logo-sticky {display:none}
.f-topbar-fixed .logo-normal {display:none}
.f-topbar-fixed .logo-sticky {display:block}

.accordion-navigation .content {border: 1px solid #CCCCCC;}



/*foundation fixes*/


.f-dropdown {
   z-index: 100;
}

.tabs-content { background-color:#7CC706} 
.tabs dd.active a, .tabs .tab-title.active a {
    background-color: #7CC706;
    color: #FFFFFF;
}



.tabs dd > a, .tabs .tab-title > a {
    background-color: #F9F9F9;
    color: #222222;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-size: 0.8rem;
    padding: 0.6rem 0.6rem;
	border:solid #CCCCCC 1px; position:relative; bottom:-1px;
}


.tabs dd.active a, .tabs .tab-title.active a {border-bottom:solid #FFFFFF 1px;}
#paneldescription {border:solid #CCCCCC 1px;}

.accordion-navigation a {border:solid #CCCCCC 1px;}



.tabs dd > a, .tabs .tab-title > a {
    background-color: #efefef;
    color: #222222;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-size: 0.9rem;
    padding: 0.7rem 0.7rem;
	border:solid #CCCCCC 1px; position:relative; bottom:-1px;
}


.tabs dd.active a, .tabs .tab-title.active a {border-bottom:solid #FFFFFF 1px;}
#paneldescription {border:solid #CCCCCC 1px;}

.accordion-navigation a {border:solid #CCCCCC 1px;}

.left-off-canvas-menu {overflow:visible;}



a {
    color: #E47100;
} 
button, .button {
    background-color: #E47100; font-weight: bold; border-radius:10px}
button:hover, button:focus, .button:hover, .button:focus {
    background-color: #CB6705; 
}

/*HEADER*/
.headerwelkom a {text-transform:uppercase; position:relative; bottom:5px;}
.headerwelkom {text-transform:uppercase; position:relative; bottom:5px;}


.contain-to-grid { background: #3a3a3a;}
.fixed .contain-to-grid { background: #CCCCCC;}
.header-fixed {}
.fixed .header-fixed { -webkit-box-shadow: 0 8px 8px -8px #888;-moz-box-shadow: 0 8px 8px -8px #888;
	box-shadow: 0 8px 8px -8px #888;
	background-color: #2D2D2D;
}


.logo1 { display:none;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition:  all 300ms ease-out;
-ms-transition:  all 300ms ease-out;
 transition:  all 300ms ease-out; 
 float:right;transform: scale(2);
}
.logo1 img { height:40px;margin-left:5px; margin-right:5px;}

.searchblock {padding-top:2px;}
.searchblock  .button {width:100%; background-color:#69ab05 }
.searchblock  .button:hover {width:100%; background-color:#85D906}

.cartblock {padding-top:2px;  text-transform:uppercase; font-size:0.9em;  }
.cartblock a {color:#FFFFFF; padding-bottom:10px;}

.fixed .logo1  {transform: scale(0.9); padding-top:0px;padding-bottom:0px; margin:0; display:block}  
.fixed .cmsnav { display:none;}
.fixed .searchblock {padding-top:10px;}
.fixed .cartblock {padding-top:10px;}
.fpblocks {background-color:#FFFFFF; transition: background-color 300ms ease-out 0s;}

.headeroverlay { background-color: rgba(0, 0, 0, 0.8); position:absolute; top:0; z-index:4; width:100%; color:#FFFFFF; padding:5px}
.headeroverlay a {color:#FFFFFF;}

/*-----------------------------------------------------------------------------------------------
SUPERFISH MENU (CMS uitklapmenu)
-----------------------------------------------------------------------------------------------*/

.sf-menu, .sf-menu * {
	margin:0;padding:0;list-style:none;
}

.sf-menu ul {
	position:absolute;
	top:-999em;	
	width:270px; /* left offset of submenus need to match (see below) */
	margin-top:-8px;
}

.sf-menu ul li { 
	width:100%;	
}

.sf-menu li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li {
	float:left;
	position:relative;
	min-height:15px;

}

.sf-menu li a {
	display:block;position:relative;color:#FFFFFF;padding:12px 12px 12px 12px; /* top - right - bottom - left  */
	text-decoration:none;font-weight:normal;font-size:0.95em;top:0px;position:relative;
	border-right-width: 1px;border-right-style: solid;border-right-color: hsl(0,0%,20%);transition: background-color 300ms ease-out 0s;}

 sf-menu li a:hover, sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:focus {
    background-color: rgba(255,255,255,0.12); 
	}


.sf-menu li ul a {
	color:#FFFFFF;padding:12px 12px 12px 12px; /* top - right - bottom - left  */
	background-color:#363636;transition: background-color 300ms ease-out 0s;
}

 sf-menu li ul a:hover, sf-menu li ul a:focus, .sf-menu li ul a:hover, .sf-menu li ul a:focus {
    background-color: #424242; 
	}


.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left:0;top:	3.4em; /* match top ul list item height */z-index:	99;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {left:260px; /* match ul width */top:0;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top:	0;}
.sf-menu li li {background-color: #FBFBFB;}
.sf-menu li li li {background-color: #FBFBFB;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline:0;	}

.sf-menu ul li ul li{display: none}

/*** arrows **/
.sf-menu a.sf-with-ul {padding-right: 	2.25em;min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			2.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/shopimg/arrows-2d5883.png') no-repeat -20px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */top:.8em;background-position: 0 -100px; /* use translucent arrow for modern browsers*/}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; display:none;}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {	}
.sf-shadow ul.sf-shadow-off {background: transparent;}

.button-blue{
background-color: #0063be;
    border-color: #0056A4;
    border-style: solid;
    border-width: 0;
	width:100%;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-size: 1rem;
    font-weight: normal;
    line-height: normal;
    margin: 0;
    padding: 1rem 2rem 1.0625rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color 300ms ease-out 0s;}
.button-blue:hover, .button-blue:focus {
    background-color: #0056A4; color:#FFFFFF;
}

.button-green{
background-color: #008200;
    border-color: #007500;
    border-style: solid;
    border-width: 0;
	width:100%;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-size: 1rem;
    font-weight: normal;
    line-height: normal;
    margin: 0;
    padding: 1rem 2rem 1.0625rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color 300ms ease-out 0s;}
.button-green:hover, .button-green:focus {
    background-color: #007500; color:#FFFFFF;
}


.bestelbutton{transition: background-color 300ms ease-out 0s;background-color: #7CC706;color:#FFFFFF; text-align:center;height: 37px;
	font-size:1em;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	margin:0;
	padding-top:10px; border:solid 1px #006600 }
.bestelbutton:hover, .bestelbutton:focus {background-color: #007500; color:#FFFFFF; cursor:hand; cursor:pointer;}





/*----level 1 categorieen----- */
.header_categories {}
.header_categories ul {margin:0;}
.header_categories li {list-style:none;float:left;border-right: solid 1px  #E2E2E2 ; }
.header_categories li a {font-family: "Helvetica",Roboto,Arial,sans-serif;
	font-size:0.8em;color:#333333;text-transform:uppercase;padding:19px 9px 19px 9px; /* top - right - bottom - left  */
	line-height:70px;transition: background-color 300ms ease-out 0s; }
.header_categories li a:hover, .header_categories li a:focus{background-color: #F5F5F5; }
.header_categories .selected a {color:#FF8600;}
.fi-home {line-height:60px;}

/*@media only screen and (min-width: 641px) and (max-width: 1020px) {
/* voor medium weergave
.header_categories li {width:33%; border-bottom: solid 1px  #E2E2E2 ; text-align:center }
.header_categories li a{width:100%; text-align:center}
} */

/* dropdown blokjes  */
#myaccount {padding:15px;color: #FFFFFF;}
#myaccount .header {font-weight:bold;text-transform:uppercase}
#myaccount a {color: #FFFFFF;}
.accountoptions {padding-bottom:5px;padding-top:5px; border-bottom:solid 1px #84D706;transition: background-color 300ms ease-out 0s; color:#FFFFFF; line-height:1.5em;}
.accountoptions a { text-transform: uppercase; font-size: 0.85em; color:#FFFFFF; padding-left:5px;}
 .accountoptions:hover, .accountoptions:focus {background-color: #84D706; }

@media only screen and (max-width: 640px)  {
#myaccount {padding:15px;color: #333333;}
.accountoptions { line-height:3em;color:#333333; border-bottom:solid 1px #CCCCCC;}
.accountoptions a {color:#333333;}
}

#staticShoppingCart {padding:15px; color:#FFFFFF}
#shoppingCart {padding:15px; color:#FFFFFF}
#shoppingCart .content { font-size:1em; padding:5px;}
#staticShoppingCart .header { font-weight:bold; text-transform:uppercase}
#shoppingCart .incart {padding:10px;border-bottom:solid 1px #9fe433;text-transform: uppercase;font-style: italic;font-size:0.9em;transition: background-color 300ms ease-out 0s;}
 incart:hover, incart:focus, .incart:hover, .incart:focus {background-color: #9fe433; }
#shoppingCart .incarttotal b {float:right; }
#shoppingCart .toCart {margin-top:15px; color:#FFFFFF;}
.f-dropdown li:hover, .f-dropdown li:focus { background:#FFFFFF;}
#shoppingCart .button {width:100%; background-color:#69ab05 }
#shoppingCart .button:hover {width:100%; background-color:#85D906}

.breadcrumb {font-size:0.7em; padding:5px; margin-top:5px; text-transform:uppercase;color:#FFFFFF}
.breadcrumb a {margin-left:6px; margin-right:6px; color:#FFFFFF}
.breadcrumb a:hover { text-decoration:underline}

/* mobiel menu */
#mobheader {background-color:#000000; padding:5px;-webkit-box-shadow: 0 8px 8px -8px #888;-moz-box-shadow: 0 8px 8px -8px #888; box-shadow: 0 8px 8px -8px #888; z-index:1000;}
#mobheader .mobico{float:left; width:16%; font-size:0.7em; color:#FFFFFF; text-align:center; }
#mobheader a { color:#FFFFFF; text-align:center;}

#mob_drop ul {background-color:#000000; margin:0;}
#mob_drop ul li a {padding-top:15px;padding-bottom:15px; color:#FFFFFF; text-transform:uppercase;border-bottom:solid 1px #999999;font-style:italic; font-weight:bold; font-size:12px;}
#mob_drop ul li a:hover { background-color: #336666;}



#mob_drop  .sf-menu li a {
	padding:15px;
	display:block;
	width:100%;
	font-style:italic;
	font-size:12px;
	font-weight:bold;
	float:left;
	border-bottom-width: 1px;
	border-right-style: none;
	border-bottom-style: solid;
	border-bottom-color: #274101;
}
#mob_drop .sf-menu li {float:left;position:relative;width:100%;}

/*mobiel menu account*/
#mobdrop_account .header {display:none;}
#mobdrop_account li a {padding:25px; color:#FFFFFF;
	display:block;
	width:100%;
	font-size:12px;
	font-weight:bold;
	float:left; 
	border-bottom:solid 1px #999999;
	border-right: none;}

.USPs {padding-left:5px; color:#9e9e9e; font-size:0.9em;}
.USPs HR { margin:1em;}
/*Footer*/
#footer {
	box-shadow: 0 8px 8px -8px black;
-webkit-box-shadow: 0 8px 8px -8px black;-moz-box-shadow: 0 8px 8px -8px black; 
	float: left;
	width:100%;
	background-color: #000000;
	color:#FFFFFF;
	font-size:0.8em;
	line-height:2em;
	padding-top:35px;
	
	}
	
.footerhead {font-weight:bold;color:#00A3E4;text-transform:uppercase;}

.footer2 { background-color:#2288C6; color:#333333; margin-top:15px;}	
.footer3 { background-color:#FFFFFF; color:#333333;}
#footer a {color:#FFFFFF;}
#footercontainer {	color:#FFFFFF;}
#footercontainer {color:#FFFFFF;font-size:0.8em;}
#footercontainer  a {color:#FFFFFF; width:100%; float:left;}
#footercontainer  a:hover {color:#E9E9E9;}

/*inschrijven blockje nieuwsbrief*/

.nieuwsbriefinschrijven_head {font-family: "droid_sansbold",Helvetica,Roboto,Arial,sans-serif; margin-top:15px;margin-bottom:5px;}
.nieuwsbriefinschrijven .company {display:none;}
.nieuwsbriefinschrijven .gender span{display: inline-block; color:#FFFFFF;}
.nieuwsbriefinschrijven .firstname {width:49%; float:left;}
.nieuwsbriefinschrijven .firstname label{display:none;}
.nieuwsbriefinschrijven .lastname {width:49%; float:right; }
.nieuwsbriefinschrijven .lastname label{display:none;}
.nieuwsbriefinschrijven .emailaddress {width:60%; float:left;}
.nieuwsbriefinschrijven .emailaddress label{display:none;}
.nieuwsbriefinschrijven .captcha  {display:none;}
.nieuwsbriefinschrijven  .submit{width:40%; float:left;}

.dropdown-nieuwsbriefinschrijven .company {display:none;}
.dropdown-nieuwsbriefinschrijven .gender span{display: inline-block;;}
.dropdown-nieuwsbriefinschrijven .firstname label{display:none;}
.dropdown-nieuwsbriefinschrijven .lastname label{display:none;}
.dropdown-nieuwsbriefinschrijven .emailaddress label{display:none;}
.dropdown-nieuwsbriefinschrijven .captcha  {display:none;}


/* social media icons */
.socials {   color:#FFFFFF; float:left;transition: background-color 300ms ease-out 0s; margin-right:4px;margin-bottom:4px;}
.socials:hover, .socials:focus {background-color:#2D2D2D; }
.socials span {font-size:4em; margin:8px;}
/* brandimages */

.brandimgs { padding-top: 15px;padding-bottom: 15px;}
.brandimgs .brand {background-color: #ffffff;border: 1px solid #cccccc;display: block;float: left;height: 45px;margin-bottom: 5px;margin-right: 5px;margin-top: 0;padding: 5px;vertical-align: middle;width: 75px;}
.brandimgs .brand IMG {max-width: 60px;}
.brandimgs .brand-title { display: none;}


/*EINDE HEADER*/

@font-face {
    font-family: 'journalregular';
    src: url('../css/font-journal/journal-webfont.eot');
    src: url('../css/font-journal/journal-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/font-journal/journal-webfont.woff') format('woff'),
         url('../css/font-journal/journal-webfont.ttf') format('truetype'),
         url('../css/font-journal/journal-webfont.svg#journalregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*
-----------------------------------------------------------------------------------------------
navigatiemenu categorieen webwinkel
-----------------------------------------------------------------------------------------------
*/

@media only screen and (min-width: 641px) { 
.treenav a{font-size: 1em;color: #000000; padding-top: 5px;padding-bottom: 5px;padding-left:15px;border-bottom: solid #CCCCCC 1px;border-top: solid #FBFBFB 1px;display:block;transition: background-color 300ms ease-out 0s; font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;}
.treenav a:hover, .treenav a:focus, .treenav a:hover, .treenav a:focus {background-color: #FFBD72 }
.treenav .menu1 {display:none;} 

.treenav .menu2 {margin-left:0em;padding-left:0.5em;padding-top: 8px;padding-bottom: 2px;display: block;border: none;}
.treenav .menu2:hover { text-decoration:none;background-color: #F7F7F7;}
.treenav .menu3 {padding-left:1.5em;margin-left:0em;background-color: #F7F7F7;}
.treenav .menu3:hover {}
.treenav .menu4 {padding-left:1.8em;background-color: #EEEEEE;}
.treenav .menu4:hover {}
.treenav .menu5 {padding-left:1.5em;margin-left:1.5em;}
.treenav .menu5:hover {}
.treenav .menu6 {padding-left:1.8em;margin-left:1.8em;}
.treenav .menu6:hover {}
.treenav .menu7 {padding-left:2em;margin-left:2em;}
.treenav .menu7:hover {}
.treenav .menu8 {padding-left:2.3em;margin-left:2.3em;}
.treenav .menu8:hover {}
}

/* weergave navigatie indien mobiel */
@media only screen and (max-width: 640px) {
.treenav a{font-size: 1em;color: #000000;padding-top: 10px;padding-bottom: 10px;padding-left:15px;border-bottom: solid #CCCCCC 1px;border-top: solid #FBFBFB 1px;display:block;transition: background-color 300ms ease-out 0s;}
.treenav a:hover, .treenav a:focus, .treenav a:hover, .treenav a:focus {background-color: #FFBD7}
.treenav .menu1 {margin-left:0em;padding-left:0.5em;display: block;font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;border: none;}
.treenav .menu2 {color:#585858;padding-left:20px;background-color: #F3F3F3}
.treenav .menu2:hover {}
.treenav .menu3 {color:#FFF;padding-left:30px;border-bottom: #272727 solid 1px; border-top:#FFBD72;background-color: #4D4D4D;} 
.treenav .menu3:hover {}
.treenav .menu4 {padding-left:40px;background-color: #FFD09C; display:none;}
.treenav .menu4:hover {}
.treenav .menu5 {padding-left:1.8em;margin-left:1.8em;}
.treenav .menu5:hover {}
.treenav .menu6 {padding-left:2em;margin-left:2em;}
.treenav .menu6:hover {}
.treenav .menu7 {padding-left:2.3em;margin-left:2.3em;}
.treenav .menu7:hover {}
}


@media only screen and (max-width: 640px) {
#body {margin-top:40px;}

#right {position:absolute; left:-120%; }


.hidenav {left:-100%; position:absolute;background-color: #FFFFFF;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition:  all 300ms ease-out;
-ms-transition:  all 300ms ease-out;
 transition:  all 300ms ease-out;}
}
.shownav {z-index:4999; position: fixed; height:100vh; overflow: auto; left:0; width:85%; top:0; left:0; padding-top:5px; margin-top:5px padding-bottom:15px;float:left;  background-color: #FFFFFF; 
-webkit-box-shadow: 5px 0px 5px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 0px 5px -6px rgba(0,0,0,0.75);
box-shadow: 5px 0px 5px -6px rgba(0,0,0,0.75); 
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition:  all 300ms ease-out;
-ms-transition:  all 300ms ease-out;
 transition:  all 300ms ease-out;}
 
.hidemenu {border-bottom:solid 1px #CCCCCC; padding:10px;background-color:#FFFFFF; width:100%; display:block; float:left; text-transform:uppercase;}

/*.canvas-active #right {  width:80%; z-index:98; position:absolute; background-color: #FFFFFF; display:block;

-webkit-box-shadow: 5px 0px 5px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 0px 5px -6px rgba(0,0,0,0.75);
box-shadow: 5px 0px 5px -6px rgba(0,0,0,0.75); float:left;}

.canvas-active #pagecontent {position: fixed}*/
.canvas-active .canvas-bg {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.60);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 50;}

 }
 
#pagecontent .row {margin-top:10px; }
#cms {min-height: 800px;padding-bottom:50px;}
.mainscats { margin-bottom:20px; float:left;}
.maincatstitle {background-color:#0063BE; color:#FFFFFF; width:100%; line-height:3em; text-transform:uppercase; font-size:0.8em; border: 1px solid #FFFFFF;}
.mainscats img { border: 1px solid #FFFFFF;}


/* Categoriepagina */
.categoriecontainer { margin-bottom:15px;  padding:0px; -webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition:  all 200ms ease-out;
-ms-transition:  all 200ms ease-out;
 transition:  all 200ms ease-out;}
.categoriecontainer:hover, .categoriecontainer:focus {cursor:hand;cursor:pointer;-webkit-box-shadow: 0 8px 8px -8px #888;-moz-box-shadow: 0 8px 8px -8px #888; box-shadow: 0 8px 8px -8px #888; transform: scale(1.05); z-index:2}
.categoriecontainer a, .categoriecontainer a:hover {color:#FFFFFF;}
.cattitle { background-color:#656565;transition: background-color 300ms ease-out 0s; position:relative; font-size:0.6em;  border-top: 1px #000000 solid;text-align: center;margin-bottom:10px;height:65px;  }
.categoriecontainer:hover .cattitle, .categoriecontainer:focus .cattitle {background-color: #666666;}
.cattitle a { color:#FFFFFF;}
.cattitle H2 { position: relative;
  top: 45%;transform: translateY(-45%);padding-left:10px; padding-right:10px; font-weight:normal}
.categoriecontainer IMG {}




@media only screen and (max-width: 640px) {	
#catomschrijving  { }
.intro-description { height:190px; overflow:hidden;}
.intro-description-BG {
	background-image: url(../images/shopimg/toggle-fulldescription-BG.png);
	background-repeat: repeat-x; background-position:bottom;
	border-bottom: solid 1px #CCCCCC; 
	width:100%;
	height:180px;
	bottom:180px;
	margin-bottom:-180px;
	z-index:10;
	position:relative;

}
.categoriecontainer {background-color:#FFFFFF; margin-bottom:4px; border: solid 1px #CCCCCC; padding:3px;}
.toggle-fulldescription {
	width:100%; margin-bottom:10px;}
.full-description {}
.categoriecontainer {border-top: 1px #CCCCCC solid; }

.cattitle { background-color:#FFFFFF; border:none; text-align:left;margin-bottom:0; height:auto;}
.categoriecontainer:hover , .categoriecontainer:focus  { background-color:#F5F5F5; color:000000;text-align:left;}
.categoriecontainer:hover .cattitle, .categoriecontainer:focus .cattitle {background-color:#F5F5F5;}
.cattitle a { color:#000000; float:left; margin-left:10px;}
.cattitle a:hover { color:#000000;}
.cattitle H2 { position: relative;
  top: 0%;
  transform: translateY(-0%);padding-left:0px; padding-right:0px;}
.categoriecontainer IMG {margin-right:0px; overflow:hidden;}
}

@media only screen and (min-width: 641px) and (max-width: 1020px) {.categoriecontainer IMG {max-height:400px;} }


/*//////////////////////// Detailpagina ////////////////////////////*/

.pagetotal {border-bottom: solid 1px #CCCCCC; float:left; width:100%; padding-bottom:10px; margin-bottom:10px;}
.largeprodimg { background-color:#FFFFFF; detailmainborder: solid 1px #CCCCCC;margin-bottom:15px; }
.largeprodimg IMG {max-height:500px}
.detailmain {background-color:#FFFFFF; margin-bottom:15px;}

.detailprice { font-size:2em; color:#0063BE;}
.from_lg {color:#FF0000;}



#artDetail { font-size:0.8em; padding-top:10px; padding-bottom:10px;margin-top:15px;margin-bottom:15px; float:left;}
#artDetail1 .artikel {margin-bottom:5px;color:#2C5B9C;;text-transform: uppercase; font-weight:bold;}
#artDetail1 .artikelnr {}
#artDetail1 .prijzen {padding-top:5px;}
#artDetail1 .vanprijs {color: #FF6600;}
#artDetail1 .adviesprijs {margin-right: 2px;font-size: 1em; color: #FF6600;background-image: url(/images/shopimg/strike.gif);background-repeat: no-repeat;background-position: 50% 50%;}
#artDetail1 .sets {color: #FF6600;}
#artDetail1.prijs {font-size:1.6em;}
#artDetail1 .verzending {margin-bottom:5px;}

.ordersafe {border:solid 1px #CCCCCC; padding-top:10px;  padding-bottom:10px; margin-top:10px; background-color:#F9F9F9; font-size:0.8em;}

.crossselling {}
.crosssellingtitel {}
.crosssellingcontainer {}

/*//////////////////////// shoptemplates ////////////////////////////*/
/* Globale layout blokken*/






	
H1 {color:#333333; margin-top:25px; font-size:2.5em; padding-top:20px;margin-bottom:10px; text-transform:uppercase; font-family: "encode_sans_condensedbold",Helvetica,Roboto,Arial,sans-serif;
max-width: 62.5rem;
  margin: 0 auto;
}
H2 {color: #666666; font-size:1.4em; line-height:1em;font-family: "encode_sansmedium",Helvetica,Roboto,Arial,sans-serif; font-weight:bold}
H3 {color: #00509b; font-size:1.1em; line-height:1em;font-family: "encode_sansmedium",Helvetica,Roboto,Arial,sans-serif;}

.maincattitle {color:#00509b; font-size:1.5em; margin-bottom:3px; text-transform:uppercase; font-family: "encode_sans_condensedbold",Helvetica,Roboto,Arial,sans-serif;}
	
/*----Header navigatie----- */





/* Crossdomein SHOPS */
#categories_lvl_1_div #cdshops ul {}
#cdshops li  { list-style:none;float:left; top:-3px; position:relative;display:inline;}
#cdshops li a {color:#FFFFFF;padding-top:9px;padding-bottom:9px; position:relative;padding-left:20px;padding-right:20px;	border-right:solid 1px #FF9751;border-left:solid 1px #A14000;border-radius:0px 0px 10px 0px;-webkit-border-radius:0px 0px 10px 0px!!important;-moz-border-radius: 0px 0px 10px 0px!important;}
#cdshops li :hover  { background-color:#333333;background-image: url(../images/shopimg/gradient_grey.png);background-position: bottom;background-repeat: repeat-x;}
#cdshops .selected a{ background-color:#F06000;background-image: url(../images/shopimg/gradient_grey.png);background-position: bottom;background-repeat: repeat-x;}








/* header */


	
/*----algemeen blok----- */
.widgetcontainer {margin-bottom:15px;  width:100%;float:left;background-color:#FFFFFF;border-radius:0px ;-webkit-border-radius:0px!important;-moz-border-radius: 0px !important; border:solid #cccccc 1px;
 	box-shadow: 0 8px 8px -8px black;-webkit-box-shadow: 0 8px 8px -8px black;-moz-box-shadow: 0 8px 8px -8px black; }
/*.widgetcontainer .header{ font-size:0.9em; border:solid #333333 1px; background-image: url(../images/shopimg/gradient_grey_top.png); background-repeat: repeat-x;background-color: #003366; color:#FFFFFF;padding:10px 0 10px 10px;border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0!important;-moz-border-radius: 5px 5px 0 0 !important;}*/
.widgetcontainer .header{ font-size:0.9em; border:solid #333333 1px; background-image: url(../images/shopimg/gradient_grey_top.png); background-repeat: repeat-x;background-color: #003366; color:#FFFFFF;padding:10px 0 10px 10px;border-radius:0;-webkit-border-radius:0!important;-moz-border-radius:0 !important;}
.widgetcontainer .content {padding:10px; background-color:#F3F3F3;}





/*-----------------------------------------------------------------------------------------------
Artikelgroepen
-----------------------------------------------------------------------------------------------*/
.format-block .productlistcontainer {background-color:#FFFFFF;background-color:#FFFFFF;margin-bottom:15px; border:#CCCCCC solid 0px; padding-bottom:5px; }
.format-block .productlistcontainer:hover, .productlistcontainer:focus {cursor:hand;cursor:pointer;-webkit-box-shadow: 0 8px 8px -8px #888;-moz-box-shadow: 10px 8px 8px -8px #888; box-shadow: 0 8px 8px -8px #888; }
.format-block .productlistcontainer .listprice{float:left; width:100%;  }
.format-block .productlistcontainer .listprice .adviesprijs {color:#FFFFFF; font-size: 0.9em; line-height:40px; background-color:#E52931; width:40%;float:left ; background-image: url(../images/shopimg/strike.png);background-position: center center;background-repeat: no-repeat; border-right: solid 1px #FFFFFF;}
.format-block .productlistcontainer .listprice .prijs {color:#666666; font-size: 1.3em; width:60%; line-height:40px; display:inline-block;font-family: "encode_sans_compressedlight", Helvetica, Roboto, Arial, sans-serif;  }



.listheader { min-height:50px; padding-left:10px; padding-right:10px;}
.format-block .listheader  H2{ font-size: 0.9em; color:#999999; text-transform:capitalize;}
.format-block .listheader H2 a{ color:#999999;}

.img-overlay {visibility: hidden ; font-size:4em; color:#333333; top:50px; z-index:400; position:absolute; width:100%; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.23);}

.product-img IMG {transition: all 0.4s ease-out;}
.listbrand { position:absolute; right:0; top:0; width:70px;}

.format-block .productlistcontainer:hover .product-img  , .productlistcontainer:focus .product-img { }
.format-block .productlistcontainer:hover .product-img IMG  , .productlistcontainer:focus .product-img IMG{opacity:0.45; filter:alpha(opacity=45);}
.format-block .productlistcontainer:hover .img-overlay , .productlistcontainer:focus .img-overlay  { visibility:visible;}

.format-block .productlistcontainer .img-wrapper {overflow: hidden;}
.format-block .productlistcontainer .img-wrapper .add-tocart {position:relative; height:0px; bottom:-20px;z-index:10;color:#FFFFFF; -webkit-transition: bottom 0.2s ease;
  transition: bottom 0.2s ease; padding:0px;}
.format-block .productlistcontainer:hover .img-wrapper .add-tocart  {height:40px; bottom:40px; margin-bottom:-40px;}

.gotodetail{line-height:40px; width:40%; padding:10px; background-color:#000000;opacity:0.65; filter:alpha(opacity=65);}
.instacart {line-height:40px; width:60%; padding:10px; background-color:#000000;opacity:0.65; filter:alpha(opacity=65);}

.instacart:hover { background-color:#BAD700;opacity:1; filter:alpha(opacity=100)} 

.randomoffer_listing .listheader {font-size: 0.7em; color:#999999; text-transform:capitalize;}
.randomoffer_listing ._product-img IMG {max-width:120px;}
.randomoffer_listing .productlistcontainer {margin-top:5px; -webkit-box-shadow: 0 8px 8px -8px #888;-moz-box-shadow: 10px 8px 8px -8px #888; box-shadow: 0 8px 8px -8px #888;}

.offer-header { color:#FFFFFF; text-transform:uppercase; padding:4px; margin-top:5px; background-color:#E52931}

.actiontag {visibility:hidden}
/* Action tags in alle talen */
.product_aanbieding .actiontag {visibility: visible;}
.product_aanbieding .actiontag .tag-nl {
position: absolute; z-index:10; height:133px; width:100px;	
background-image: url(../images/shopimg/tag_action.png);
background-repeat: no-repeat;}
.product_aanbieding .actiontag .tag-de {
position: absolute; z-index:10; height:100px; width:100px;	
background-image: url(../images/angebot-tag-kl.png);
background-repeat: no-repeat;}
.product_aanbieding .actiontag .tag-en {
position: absolute; z-index:10; height:100px; width:100px;	
background-image: url(../images/action-tag-kl.png);
background-repeat: no-repeat;}

@media only screen and (max-width: 640px)  {
.product_aanbieding .actiontag .tag-nl {-ms-transform: scale(0.7,0.7); /* IE 9 */ -webkit-transform: scale(0.7,0.7); /* Safari */ transform: scale(0.7,0.7);}
.product_aanbieding .actiontag .tag-de {-ms-transform: scale(0.7,0.7); /* IE 9 */ -webkit-transform: scale(0.7,0.7); /* Safari */ transform: scale(0.7,0.7);}
.product_aanbieding .actiontag .tag-en {-ms-transform: scale(0.7,0.7); /* IE 9 */ -webkit-transform: scale(0.7,0.7); /* Safari */ transform: scale(0.7,0.7);}
.img-overlay {display:none;}
.img-wrapper {margin-right:2px;}
.listheader {padding-top:8px; height:70px;}
.listbrand {display:none}
}


.aanbiedingtag {display:none;}
.nieuwtag {display:none;}
/*  idem voor de detaillpagina*/
.group-islisting .actiontag {visibility: visible;}
.group-islisting .aanbiedingtag { background-color:#E52931; color:#FFFFFF; text-transform:uppercase; padding:5px; width:100%; margin-bottom:4px; display:block;}
.group-islisting .actiontag .tag-nl {
position: absolute; z-index:10; height:133px; width:100px;	
background-image: url(../images/shopimg/tag_action.png);
background-repeat: no-repeat;}
.group-islisting .actiontag .tag-de {
position: absolute; z-index:10; height:100px; width:100px;	
background-image: url(../images/shopimg/tag_new.png);
background-repeat: no-repeat;}
.group-islisting .actiontag .tag-en {}


.product_nieuw .actiontag {visibility: visible;	}
.product_nieuw .actiontag .tag-nl {
position: absolute; z-index:10; height:200px; width:100px;
background-image: url(../images/shopimg/tag_new.png);
background-repeat: no-repeat;}
.product_nieuw .actiontag .tag-de {
position: absolute; z-index:10; height:200px; width:100px;
background-image: url(../images/shopimg/tag_new.png);
background-repeat: no-repeat;}
.product_nieuw .actiontag .tag-nl {
position: absolute; z-index:10; height:200px; width:100px;
background-image: url(../images/shopimg/tag_new.png);
background-repeat: no-repeat;}
.product_nieuw .actiontag .tag-en {
position: absolute; z-index:10; height:200px; width:100px;
background-image: url(../images/shopimg/tag_new.png);
background-repeat: no-repeat;}


/* behalve voor klein scherm*/
@media only screen and (max-width: 640px) {
.product_nieuw .actiontag {visibility: hidden;}
.product_aanbieding .actiontag {visibility: hidden;}
 }




/*-----------------------------------------------------------------------------------------------
Artikelgroepen
-----------------------------------------------------------------------------------------------*/

#backgroundPopup
{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#D7D7D7;
	border:1px solid #cecece;
	z-index:1;
}

/* send a friend */
#popupContact
{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	background:#FFFFFF;
	border:2px solid #cecece;
	z-index:40;
	padding:12px;
	font-size:13px;
}

#popupContact #content
{
	height:380px;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: scroll;
}

.saf
{
	height:610px;
	width:400px;
}









/* ###########Filters ############################################################# */

.filter-switch {
	background-color:#505050;
    margin-bottom:1px;
	color:#fff;
    overflow:hidden;    
    font-size:11px;
	font-weight:bold;
	padding: 0px;

}
.filter-switch-filter, .filter-switch-menu {
    display: block;
    float: left;
    text-align:center;
    font-size: 11px;
	width: 50%;
	line-height: 36px;
}
.filter-switch .selected {
	display:table-cell;
    text-align:center;
    font-size:11px;
	background-color:#0070ba;
	text-align:center;
}
.filter-switch a{
	color:#fff;
}
.filter-switch a:hover {
    text-decoration:none;
	background-color:#000;
}
.filter-submit {
    margin-bottom:2px;
	background-color:#008200;
    border-bottom:1px solid #ccc;
	text-align:center;
    height:45px;
	padding-top:10px;
	color:#fff;
	width:100%;
	display:block;

}
.filter-submit:hover {
	background:#c7c7c7;
}

#filter-results-wrapper {
    position:relative;
}
#filter-results-loading {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	filter: alpha(opacity=80);
	z-index: 1;
	background-color: white;
}
#filter-results-loading-indicator {
    position: absolute;
    width: 100%;
    height: 100px;
	z-index: 1;
	background-image: url(../images/shopimg/loading.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;	
}

.filter-results-loading {
	border:0px;
}

.filter-active {
    position: relative;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
    margin-bottom: 10px;
	padding-bottom:10px;
	font-size:0.9em;
	border-bottom: solid 1px #cccccc;
}
.filter-active-header {
    font-weight: bold;
    margin-bottom: 2px;
}
.filter-active-erase-all {
    text-decoration:none;
    display:block;
    position:absolute;
    top:0;
    right:0;
}
.filter-active-erase {
    display:block;
    float:left;
    margin-right: 10px;
    text-decoration: none;
}
.filter-active-erase:hover {
    text-decoration: line-through;
}
.filter-active-erase, .filter-active-erase-all {
    line-height: 20px;
    padding-right: 18px;
    background: url(/shop/images/trash.png) center right no-repeat;
}


.filter-price {
    margin-top:10px;
}
.filter-price-slider.ui-slider {

	margin-top:-5px;
    margin-bottom:10px;

}
.filter-price-value-min, .filter-price-value-max {
    width:60px;
}

/* custom */
#filter-topmenu{
	display:block;
	width:193px;
	padding-left:5px;
	padding-right:5px;
	background-color:#fff;
	color:#505050;
	padding-top:9px;
	padding-bottom:9px;
	border-bottom:1px solid #fff;
	text-align:center;
	font-size:12px;
	font-weight:normal;
}
#filter-topmenu:hover{
	background-color:#e9e9e9;
}
.filter-field {
	/* block outer */
	display:table;
	padding-right:6px;
	border-bottom:1px solid #ccc;
	margin-top:5px;
	padding-bottom:10px;
	width:100%;
}
.filter-name {
	/* block inner trefwoord naam */
	display:block;
	font-weight:bold !important;
	font-size:11px;
	margin-bottom:5px;
	margin-top:2px;
	padding-left:20px;
	border:0px;
	color:#005db5;
	/* border:1px solid black; */
	/* border:1px solid black !important; */
}

.filter-field-more-link {
    display: block;
    margin-left: 20px;
    margin-top: 4px;
    font-size: 11px;
}

.filter-price-value INPUT {
	/* prijs van tot */
	width:36px;
	float:left;
	padding:0px;
	padding-left:6px;
	height:18px;
	margin-top:-5px;
	margin-left:10px;
	margin-right:1px;
	border:1px solid #ccc;
}

.filter-price-value SPAN {
	display:block;	
	float:left;
	padding:0px;
	padding-top:0px;
	padding-left:8px;
	padding-right:2px;
	margin-top:0px;
	font-size:11px;
}

.filter-options-range-value INPUT { 
	/* waardes van tot */
	width:36px;
	float:left;
	padding:0px;
	padding-left:5px;
	height:18px;
	margin-top:5px;
	margin-left:28px;
	margin-right:11px;
	border:1px solid #ccc;
}

.filter-options-range-value SPAN {
	/* tot */
	width:5px;
	display:block;	
	float:left;
	padding:0px;
	margin-top:0px;
	text-align:center;
	padding-top:10px;
	font-size:11px;
}

.filter-options{
	width:100%;
}
.filter-option{
	/* oa distance checkboxes */ 
    margin: 3px 0;	
    font-size:11px;
	margin-left:20px;
	float:left;
	width:100%;
	left: 0;
    right: 0;

}
.filter-option-empty {

    color: #B5B5B5;
	display:none; 
}
.filter-option input {

    height: auto;
    vertical-align: middle;
    margin: 0 5px 0 0;
}
.filter-option-label {

	/* checkbox */
    vertical-align: middle;
	font-size:0.9em;
}
.filter-option-count {

    color: #B5B5B5;
	padding-right:6px;
}

.filter-menu{
	display:table;
	position:relative;
	width:100% !important;
	padding:0px;
	margin:0px;
	background-color:#fff;
}
.filter-menu SELECT {
	/* dropdown */
	padding:1px;
	padding-left:5px;
	height:20px;
	font-size:11px;
	width:138px;
	margin-top:0px;
	margin-left:26px;
	margin-bottom:0px;
	border:1px solid #ccc;
}
.filter-option-checkbox {
	border:1px solid red;
}

.filter-options-range-slider{
	margin-left:20px;
	margin-right:15px;
}
.filter-price-slider{
	margin-left:20px;
	margin-right:15px;
}



.ui-slider-horizontal {
	height:5px !important;
}
.ui-slider-range {
	background-image: url('http://download.jqueryui.com/themeroller/images/ui-bg_gloss-wave_75_2191c0_500x100.png') !important;
	border:0px !important;
	height:5px !important;

}
.ui-slider-handle {
	background-image: url('http://download.jqueryui.com/themeroller/images/ui-bg_glass_45_0078ae_1x400.png')!important;
	border:0px !important;
	width:10px !important;
	height:10px !important;
}
.ui-slider-handle:hover {
	background-image: url('http://download.jqueryui.com/themeroller/images/ui-bg_glass_75_79c9ec_1x400.png') !important;
}

   
@media only screen and (max-width: 767px) {
.filter-active {font-size:0.9em}
.filter-active-erase-all { display:none;}
.filter-switch { display:none;}

 .filter-price-value span { display:none;}
 .filter-price-value [type="text"]{
    width: 48%;}
.filter-options-range-value [type="text"]{
    width: 48%; float:left;}
	.filter-options-range-value span {display:none;}
	
}

/* ###########DETAILPAGINA ############################################################# */
/*Grote afbeelding afbeelding */ 
.big_image{ border-bottom: 1px #cccccc solid; padding:4px;background-color:#FFFFFF; margin-top:5px;}
#prgr_image { margin-bottom:auto; margin-top:auto; vertical-align:middle;}

/*Grote product afbeeldingen */ 
#detailcontentcontainer{ float:left; border:solid 1px #CCCCCC; padding-top:10px;border-radius:5px;-webkit-border-radius: 5px!!important;-moz-border-radius: 5px !important;}
.detailcontentleft{ float:left;padding:5px;}
/*kleine thumbnails afbeeldingen */ 
#motioncontainer1 {width:280px;height: 72px; padding:4px;}
#motioncontainer1 a img {padding:5px;border: 1px solid #CCCCCC;background-color:#FFFFFF;border-radius:5px;
	-webkit-border-radius: 5px!!important;
	-moz-border-radius: 5px !important;}
#motioncontainer1 a:hover img {}
#statusdiv1 {visibility: hidden;}

#detailpromo {float:left; padding-left:5px;}


#bestelcontainer{ font-size:0.9em; border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;float:left; background-color:#F9F9F9}
#bestelcontainer select { background-color:#FFFFFF; }



.brand {margin-top:10px;width:70%;}
.brand _IMG{width:100%;border-radius:5px;-webkit-border-radius: 5px!!important;-moz-border-radius: 5px !important; -webkit-box-shadow: 0 8px 8px -8px black;-moz-box-shadow: 0 8px 8px -8px black; box-shadow: 0 8px 8px -8px black;border: 1px #cccccc solid;background-color:#000000;padding:10px;}
div.restricties{color: #B00000;padding-top:10px;font-weight: bold;}
div.introtekst {color: #FF6600; padding-top:20px;}
div.artikelcontent {}
div.bestelnu a{color:#FFFFFF;}
div.bestelnu:hover {background-color:#F06000;}

.discount {width: 100%;margin-top:10px;margin-bottom:10px;
	float:left;
	color:#2C5B9C;}
	
.discountprice {padding:10px; background-color:#FFCC00; border:solid 1px #FFFFFF; font-weight: bold; font-size:2.4em; color:#2C5B9C; -webkit-box-shadow: 0 8px 8px -8px black;-moz-box-shadow: 0 8px 8px -8px black; box-shadow: 0 8px 8px -8px black; text-align:center;}
.discountpercent {padding:10px; background-color:#2C5B9C; border:solid 1px #FFFFFF; font-weight: bold; font-size:2.4em; color:#FFFFFF; -webkit-box-shadow: 0 8px 8px -8px black;-moz-box-shadow: 0 8px 8px -8px black; box-shadow: 0 8px 8px -8px black;text-align:center;}
.discountsmall {font-size:0.3em;}

#detailpag.group-isnew .aanbiedingentag {width:70px;height:134px;background-image: url(../images/shopimg/tag_new.png);background-repeat: no-repeat;z-index:5;background-position: right top;clear: none;margin-top:-5px;float: none;position: absolute;}


 #detailpag.group-islisting .aanbiedingentag {width:70px;height:134px;background-image: url(../images/shopimg/tag_action.png);background-repeat: no-repeat;z-index:5;background-position: right bottom;clear: none;float: none;position: absolute;}
 
  


/* reviews */
#reviews {border:1px solid #EBEBEB; margin-bottom:10px;padding:15px; border-radius:5px;-webkit-border-radius: 5px!!important;-moz-border-radius: 5px !important;}
#reviews:hover {border:1px solid #CCCCCC;}
.reviewer {width:100%;border:1px solid #EBEBEB;padding:5px; background-color:#F8F8F8;border-radius:5px;-webkit-border-radius: 5px!!important;-moz-border-radius: 5px !important;}
.reviewAdmin {border:1px solid #B9CDD9; margin:10px; padding:10px; border-radius:5px;-webkit-border-radius: 5px!!important;-moz-border-radius: 5px !important; background-color:#E2EAEF; font-size:0.8em; color:#000033;}


.error {color:#FF6600; font-size:0.8em;}
.small { font-size:0.8em; color:#999999;}

.trefwoordenzoek form {float:right;width:200px; background-color:#FFFFFF; display:block;padding-left:15px;padding-right:15px; border-radius:5px;-webkit-border-radius: 5px!!important;-moz-border-radius: 5px !important;font-size:0.9em;margin-left:15px;border:1px solid #F3F3F3; }
.trefwoordenzoek .H5 {color:#FF6600;}
.trefwoordenzoek .H6 {color:#000000;}

#orderForm { font-size:0.85em;}


/* paginator verdelen van aantal per pagina, volgorde en dergelijke */


div.paginator
{	text-transform: uppercase;
	width:100%; float:left;
	border-bottom: #CCCCCC 1px solid;
	padding-bottom:5px;
	margin-bottom:15px;
}

.paginator label { font-size:0.8em; margin-bottom:2px;}

div.paginator form
{
	display: inline;
}


/* de buttons */
div.paginator a
{	
	padding: 4px 9px 4px 9px;
	margin: 0 0px 0 0px;
	border: 0px #CCCCCC solid;
	transition: background-color 300ms ease-out 0s;
}

.pageno {float:left;}
div.paginator select {min-width:100%;}

div.paginator span
{	border: 0px #E1E1E1 solid;
	padding: 4px 9px 4px 9px;
	margin: 0 0px 0 0px;
}



/* FIRST / PREVIOUS */
div.paginator span.firstpage {background-image: url(../images/shopimg/firstpage_grey.png);background-position: center center; }
div.paginator span.previouspage{background-image: url(../images/shopimg/prevpage_grey.png);background-position: center center;}
div.paginator a.firstpage{background-image: url(../images/shopimg/firstpage.png);background-position: center center;transition: background-color 300ms ease-out 0s;}
div.paginator a.previouspage{background-image: url(../images/shopimg/prevpage.png);background-position: center center;transition: background-color 300ms ease-out 0s;}

/* CURRENT / DIRECT */
div.paginator span.currentpage{}
div.paginator a.directpage{}

/* NEXT / LAST */
div.paginator span.nextpage{background-image: url(../images/shopimg/nextpage_grey.png);background-position: center center;transition: background-color 300ms ease-out 0s;}
div.paginator span.lastpage{background-image: url(../images/shopimg/lastpage_grey.png);background-position: center center;transition: background-color 300ms ease-out 0s;}
div.paginator a.nextpage{background-image: url(../images/shopimg/nextpage.png);background-position: center center;transition: background-color 300ms ease-out 0s;}
div.paginator a.lastpage{background-image: url(../images/shopimg/lastpage.png);background-position: center center;transition: background-color 300ms ease-out 0s;} 
div.paginator a.layoutgallery{background-image: url(../images/shopimg/layout_gallery.png);background-color: #f7f7f7;background-position: center center; }
div.paginator a.layoutllist{background-image: url(../images/shopimg/layout_list.png);background-color: #f7f7f7;background-position: center center;}
div.paginator a.layoutgrid{background-image: url(../images/shopimg/layout_grid.png);background-color: #f7f7f7;background-position: center center;}
div.paginator a.layoutlines{background-image: url(../images/shopimg/layout_lines.png);background-color: #f7f7f7;background-position: center center;}

div.paginator a:hover{background-color: #FFFFFF; }
paginator a:hover, paginator a:focus, .paginator a:hover, .paginator a:focus {background-color: #FFFFFF; }

/* Layout */
.productmelding {
	color:#999999;
	margin-bottom:5px;
	border-top:dashed #cccccc 1px;
	padding:5px;
	font-style: italic;
	margin-top:5px;
}

.artikelblok {padding:10px;}





SELECT {height:25px; padding:3px;}

/* Divers */

#window {  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -20%px;
  margin-left: -100px;}
.confirmProductPopup
{ position: absolute;
	z-index:50;
	padding:15px;
	visibility:hidden;
	margin:0 auto;
	width:80%;
	max-width:400px;
	height:150px;
	border:1px solid #000;
	background-color:#FFFFFF;}
 




/* CHECKOUT */
.checkoutblock {border:1px solid #cccccc; padding-bottom:5px; padding:10px;margin-top:10px; background-color: #FFFFFF}
.BUCKAROO_IDEAL {background-image: url(../images/shopimg/pay_ideal.png); background-repeat:no-repeat;}
.BUCKAROO_MASTERCARD {background-image: url(../images/shopimg/pay_mastercard.png); background-repeat:no-repeat;}
.BUCKAROO_PAYPAL {background-image: url(../images/shopimg/pay_paypal.png);background-repeat:no-repeat;}
.BUCKAROO_VISA {background-image: url(../images/shopimg/pay_visa.png);background-repeat:no-repeat;}
.BUCKAROO_GIROPAY {background-image: url(../images/shopimg/pay_giropay.png);background-repeat:no-repeat;}
.BUCKAROO_AMEX{background-image: url(../images/shopimg/pay_americanexpress.png);background-repeat:no-repeat;}
.BUCKAROO_BANKINTL{background-image: url(../images/shopimg/pay_bank.png);background-repeat:no-repeat;}
.BUCKAROO_PAYPEREMAIL{background-image: url(../images/shopimg/pay_peremail.png);background-repeat:no-repeat;}
.BUCKAROO_AUTHOR{background-image: url(../images/shopimg/pay_incasso.png);background-repeat:no-repeat;}
.BUCKAROO_PAYSAFE{background-image: url(../images/shopimg/pay_save.png);background-repeat:no-repeat;}

option[value="MULTIPAY_IDEAL"]  {background-image: url(../images/shopimg/pay_ideal.png); background-repeat:no-repeat;padding-top:5px;padding-left:30px;height:25px;}
option[value="MULTIPAY_MASTERCARD"]  {background-image: url(../images/shopimg/pay_mastercard.png); background-repeat:no-repeat;padding-top:5px;padding-left:30px;height:25px;}
option[value="MULTIPAY_PAYPAL"] {background-image: url(../images/shopimg/pay_paypal.png);background-repeat:no-repeat;padding-top:5px;padding-left:30px;height:25px;}
option[value="MULTIPAY_VISA"]  {background-image: url(../images/shopimg/pay_visa.png);background-repeat:no-repeat;padding-top:5px;padding-left:30px;height:25px;}
option[value="MULTIPAY_GIROPAY"] {background-image: url(../images/shopimg/pay_giropay.png);background-repeat:no-repeat;padding-top:5px;padding-left:30px;height:25px;}
option[value="MULTIPAY_DIRECTBANK"] {background-image: url(../images/shopimg/pay_bank.png);background-repeat:no-repeat;padding-top:5px;padding-left:30px;height:25px;}
option[value="MULTIPAY_MISTERCASH"] {background-image: url(../images/shopimg/pay_mrcash.png);background-repeat:no-repeat;padding-top:5px;padding-left:30px;height:25px;}
option[value="MULTIPAY_BANKTRANS"] {background-image: url(../images/shopimg/pay_bank.png);background-repeat:no-repeat;padding-top:5px;padding-left:30px;height:25px;}

.MULTIPAY_AMEX{background-image: url(../images/shopimg/pay_americanexpress.png);background-repeat:no-repeat;}
.MULTIPAY_BANKINTL{background-image: url(../images/shopimg/pay_bank.png);background-repeat:no-repeat;}
.MULTIPAY_PAYPEREMAIL{background-image: url(../images/shopimg/pay_peremail.png);background-repeat:no-repeat;}
.MULTIPAY_AUTHOR{background-image: url(../images/shopimg/pay_incasso.png);background-repeat:no-repeat;}
.MULTIPAY_PAYSAFE{background-image: url(../images/shopimg/pay_save.png);background-repeat:no-repeat;}

.PAY_PREPAY {background-image: url(../images/shopimg/pay_bank.png);background-repeat:no-repeat;}
.PAY_POSTPAY{background-image: url(../images/shopimg/pay_postpay.png);background-repeat:no-repeat;}

.option { width:100%;display:inline-block;text-indent: 30px;}


#paymethod {padding-top:5px;height:25px;}
#mollie-bank-select {padding-top:5px;height:35px; max-width:200px;}
#verzendkosten {padding-top:5px;height:25px; max-width:200px;}

option[value="PAY_PREPAY"] {background-image: url(../images/shopimg/pay_bank.png);background-repeat:no-repeat; padding-top:5px;padding-left:30px;height:25px;} 
option[value="PAY_POSTPAY"] {background-image: url(../images/shopimg/pay_postpay.png);background-repeat:no-repeat; padding-top:5px;padding-left:30px;height:25px;} 

option[value="MOLLIE_IDEAL"] {background-image: url(../images/shopimg/pay_ideal.png); background-repeat:no-repeat; padding-top:5px;padding-left:30px;height:25px;}
option[value="MOLLIE_MRCASH"] {background-image: url(../images/shopimg/pay_mrcash.png); background-repeat:no-repeat; padding-top:5px;padding-left:30px;height:25px;} 

option[value="0031"] {background-image: url(../images/shopimg/pay_ABN.png); background-repeat:no-repeat; padding-top:5px;padding-left:30px;height:25px;}
option[value="0761"] {background-image: url(../images/shopimg/pay_ASN.png); background-repeat:no-repeat; padding-top:5px;padding-left:30px;height:25px;}
option[value="0091"] {background-image: url(../images/shopimg/pay_FLB.png); background-repeat:no-repeat; padding-top:5px;padding-left:30px;height:25px;}
option[value="0721"] {background-image: url(../images/shopimg/pay_ING.png); background-repeat:no-repeat; padding-top:5px;padding-left:30px;height:25px;}
option[value="0801"] {background-image: url(../images/shopimg/pay_KNAB.png); background-repeat:no-repeat; padding-top:5px;padding-left:30px;height:25px;}
option[value="0021"] {background-image: url(../images/shopimg/pay_RABO.png); background-repeat:no-repeat; padding-top:5px;padding-left:30px;height:25px;}
option[value="0771"] {background-image: url(../images/shopimg/pay_REGI.png); background-repeat:no-repeat; padding-top:5px;padding-left:30px;height:25px;}
option[value="0751"] {background-image: url(../images/shopimg/pay_SNS.png); background-repeat:no-repeat; padding-top:5px;padding-left:30px;height:25px;}
option[value="0511"] {background-image: url(../images/shopimg/pay_TRIO.png); background-repeat:no-repeat; padding-top:5px;padding-left:30px;height:25px;}
option[value="0161"] {background-image: url(../images/shopimg/pay_LAN.png); background-repeat:no-repeat; padding-top:5px;padding-left:30px;height:25px;}




.gradient {
width:100%;
background-image: -ms-linear-gradient(top, #B4B4B4 0%, #E9E9E9 100%);
background-image: -moz-linear-gradient(top, #B4B4B4 0%, #E9E9E9 100%);
background-image: -o-linear-gradient(top, #B4B4B4 0%, #E9E9E9 100%); 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4B4B4), color-stop(1, #E9E9E9));
background-image: -webkit-linear-gradient(top, #B4B4B4 0%, #E9E9E9 100%);
background-image: linear-gradient(to bottom, #B4B4B4 0%, #E9E9E9 100%);
}


#main_content {}

.frontpage-offers {width:100%;}
.frontpage-offers .product_aanbieding {width:25%; float:left;}



/*@media only screen and (max-width: 767px) {
.frontpage_aanbiedingen .random_offer {max-width:100%; }
.frontpage_aanbiedingen .random_offer IMG {max-height:120px;}
.frontpage_aanbiedingen .random_offer .actiontag {background-image: url(../images/shopimg/tag_action_mob.png);
	background-repeat: no-repeat;height: 50px;width:300px; background-position: right top;position: absolute;top:-10px;}
}

/* idem maar indien nieuw */
/*.frontpage_aanbiedingen .random_new {max-width:220px; float:left; border:solid 1px #339900; padding:5px; margin-right:2px;margin-bottom:10px; cursor:pointer;
box-shadow: 0 8px 8px -8px #000000; -moz-box-shadow:0 8px 8px -8px #000000;-webkit-box-shadow:0 8px 8px -8px #000000; }
.frontpage_aanbiedingen random_new:hover {border: 1px solid #CCCCCC;-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;}
.frontpage_aanbiedingen .random_new .actiontag {background-image: url(../images/shopimg/tag_new.png);
	background-repeat: no-repeat;height: 150px;width:225px; background-position: right top;position: absolute;top:-10px;}
.frontpage_aanbiedingen .random_new .offerprice {padding-top: 35px; width:100%;}
.frontpage_aanbiedingen .random_new .adviesprijs {width:40%; padding-right:4px; margin-right:10px;border-right:solid 1px #CCCCCC; float:left;
font-size: 1em; color: #FF6600;background-image: url(/images/shopimg/strike.gif);background-repeat: no-repeat;background-position: 50% 50%; text-align:center;}
.frontpage_aanbiedingen .random_new .prijs {width:50%;float:right;}
.frontpage_aanbiedingen .random_new .listheader {min-height:40px; width:100%; clear:both; }

/*@media only screen and (max-width: 767px) {
.frontpage_aanbiedingen .random_new {max-width:100%; }
.frontpage_aanbiedingen .random_new IMG {max-height:120px;}
.frontpage_aanbiedingen .random_new .actiontag {background-image: url(../images/shopimg/tag_new.png);
	background-repeat: no-repeat;height: 150px;width:300px; background-position: right top;position: absolute;top:-10px;}
}

/* idem maar indien aan de linkerkant gepubliceerd */




/* teksten inkorten indien mobiele weergave */
.hidden { overflow: none; height:auto;}
@media only screen and (max-width: 767px) {
.hidden { overflow: hidden; height:80px;}
.unhidden { overflow:none; height:auto; } 
.selectfulltxt {width:100%; border-top: 1px dashed #CCCCCC;margin-bottom:10px;}
}

#maattabel {display:none;border: 1px dashed #CCCCCC; padding:10px; background-color: #FBFBFB}




.websitebtnblue {
    border-left: 1px solid #001651;
    border-right: 1px solid #00071A;
    color: #FFFFFF;
    float: right;
    font-size: 0.9em;
    font-weight: bold;
    padding: 4px 10px;
    text-transform: uppercase;
}
.websitebtnblue .a {
    color: #325BA6;
    text-decoration: none;
}



.frontpage_offers { cursor:hand; cursor:pointer;}
.frontpage_offers .productlistcontainer {margin-bottom:5px;}
.frontpage_offers .product_aanbieding .format-block .listprice { font-size:0.8em;}
.frontpage_offers .product_aanbieding .format-block .listprice .adviesprijs {width:40%;}
.frontpage_offers .product_nieuw .format-block .listprice { font-size:0.8em;}
.frontpage_offers h2 { font-size:1em;}

.bijpassendsartikelen .product_default .format-block .listprice {font-size:0.7em;}
.bijpassendsartikelen .product_default .format-block .listprice .adviesprijs {margin-right: 5px;}
.bijpassendsartikelen .product_default .format-block .listprice .adviesprijs {width:40%;}



.tagresult { background-color:#990000; }
.tagwizardrow {cursor:hand; cursor:pointer;}
.tagwizardrow TR :hover {background-color:#E6E6E6;}
@media only screen and (max-width: 767px) {	
.tagfield {display:none;}
.tagwizardheader {display:none;}
}

/*Faq of news*/

.pageblock_list li {border: solid #CCCCCC 1px; background-color:#F7F7F7; margin-bottom: 5px; width:100%; float:left; padding-top:4px; padding-left:10px; padding-right:10px;font-size:0.8em; transition: background-color 300ms ease-out 0s;}
.pageblock_list li:hover, .pageblock_list li:focus { background-color:#FFFFFF;}
.pageblock_list h2 { font-size:1.2em; margin-bottom:2px;}
#faqs_list .date, #projects_list .date {display:none}
#news .date, {}
.pageblock_list .item_text {color:#999999;font-size:1em }
.pageblock_list img {margin-bottom:10px;}

#projects .date {display:none}

/* Uitklap functionaliteit*/
#faqs H2, #news H2, #newsletters H2, #projects H2 {font-size:1em; margin-bottom:2px; border-bottom: solid 1px #CCCCCC; padding-top:10px; padding-bottom:10px; margin-bottom:10px;}
#faqs .date, projects .date {display:none;}

.cat-level-1 {}
.cat-level-1 .categoriecontainer {float:left; width:100%;background-color:#FFFFFF; margin-bottom:1px;}
.cat-level-1 .listtitle {background-color:#7CC806;width:100%; height:60px; padding-top:8px;vertical-align: middle;}
.cat-level-1 div.categoriecontainer H2 a {text-decoration:none; color:#FFFFFF; font-size:0.7em  }

/* .cat-level-1 .large-4 {width:100%;}
.cat-level-1 .large-3 {width:100%;}

.cat-level-1  {float:left; width:100%; }
.cat-level-1 div.categoriecontainer div.listheader  a{text-align: left;}
.cat-level-1 div.categoriecontainer .listtitle {height:30px; padding-top:5px;}
.cat-level-1 div.categoriecontainer div.listimage {display:none;}
.cat-level-1 div.categoriecontainer IMG {max-width:80px; float:left;}
.cat-level-1 div.categoriecontainer:hover div.listimage{border:none; background-color:none;}

.cat-level-1 div.categoriecontainer H2 a {color:#FFFFFF; font-size:1.1em; margin-bottom:0px; ;}

.cat-level-2 .large-3 {padding-left: 0px;padding-right: 0px;}

@media only screen and (max-width: 767px) {	
.cat-level-1 div.categoriecontainer H2 a {font-size:1em; padding-top:3px; margin-left:0px; margin-top: 0;}
.cat-level-1 div.categoriecontainer div.listimage {display:none;}
}

@media only screen and (max-width: 767px) {	.frontpage_offers .format-block .productlistcontainer {height:150px;}
}

/* combinatie artikelen weergave */

.combinatiecontainer {
 display:none;
    margin-bottom: 5px;
    padding: 5px;
    width: 100%;
}
.combinatiecontainertitel {
    border-bottom: 1px dashed #cccccc;
    color: #ff6600;
    display: none;
    float: left;
    padding: 5px;
    width: 100%;
}
.combinatieartikel {}
.combinatieimage {
    background-color: #ffffff;
    float: right;
    height: 50px;
    position: relative;
    right: -20px;
}
.combinatieaantal {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    float: right;
    font-size: 0.9em;
    padding:2px;
    left: 4px;
    position: relative;
    text-align: center;
    top: -2px;
    z-index: 2;
}
.combinatieartikel div.combinatietitel {
    border: 1px solid #cccccc;
    display: none;
    float: none;
    overflow: hidden;
    padding: 6px;
    z-index: 5;
}
.combinatieartikel:hover div.combinatietitel {
    background-color: #f9f9f9;
    display: inline;
    float: left;
    font-size: 0.8em;
    left: 20px;
    position: relative;
    top: -20px;
    z-index: 5;
}
.combirow1 {
    background-color: #ffffff;
    float: left;
}
.combirow2 {
    background-color: #ffffff;
    float: left;
}


.siteblocks {border:#CCCCCC 1px solid; background-color:#FFFFFF; padding:10px; margin-bottom:5px; float:left; width:100%;}
.contentblock {}

#uspblock {background-color:rgba(0,0,0,0.75); color:#FFFFFF;position:relative; top:-250px; width:100%; font-weight:bold }
.usp {padding-left:10px; padding-right:10px;height:35px;line-height:35px;  font-size:1em; display: inline-table; color:#00A3E4}
.usp a:link { color:#FFFFFF}
.usp a:visited { color:#FFFFFF}
.usp a:hover {background-color:rgba(0,0,0,0.40)}

@media only screen and (max-width: 640px)  {
.contentblock {top:80px; position:absolute}
#uspblock {display:none}
}
@media only screen and (min-width: 641px) and (max-width: 1020px)  {
.contentblock {top:5px;}
#uspblock {top:0px; font-size:0.7em;}
}
@media only screen and (min-width: 1021px) {
}




.welkom a{ text-transform:uppercase; color:#ffffe8;}
.welkom a:hover{color:#FFDE9B;}
.welkom { text-transform:uppercase; color:#ffffe8; float:right; font-size:0.8em;}


.welcome a { color:#FFFFFF;}

/* SLIDER SLICK */
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/shop/slickslider/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/shop/slickslider/fonts/slick.eot');
    src: url('/shop/slickslider/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/shop/slickslider/fonts/slick.woff') format('woff'), url('/shop/slickslider/fonts/slick.ttf') format('truetype'), url('/shop/slickslider/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 15px;
}


[dir='rtl'] .slick-prev
{
    right: 15px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: 15px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 15px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-slider
{
    margin-bottom: 20px;
}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.slidetext-head {color:#FFFFFF; font-size:1.2em;}
.slidetext-content {color:#FFFFFF; font-size:0.8em;}

.slide {
  position: relative;
}

.slide {
  position: relative;
}

.page-block-img {overflow: hidden; aspect-ratio: 4/3; background-color: rgba(0,0,0,0.26); border-radius: 5px;  width: auto;
  height: auto;
  margin: 0 auto;
  position: relative; width:100%;}
.page-block-img img {object-fit: cover;width: 100%;height:100%;}
.pageblock_list img {aspect-ratio: 5/4;object-fit: cover;width: 100%;height:100%; margin-right:20px}
#pagecontent IMG {border-radius: 5px}
..page-block-text {
 align: center;}


.caption {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 15px;
  min-height: 38px;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 50;
  width:100%;
}
/* END SLIDER SLICK */

@media only screen and (max-width: 640px)  {
.slick-prev
{
    left: -35px;
}
.slick-next
{
    right: -25px;
}	
}
.toggle-filter-mobile {position:fixed; bottom:0; left:0; right:0; z-index:2000; background-color: rgba(0, 99, 190, 0.9); border-top:solid 1px #000000; padding:10px; margin:0; text-transform:uppercase; font-size:0.8em; color:#FFFFFF; text-align: center; }



.page-block { cursor:hand; cursor:pointer; margin-bottom:15px;position:relative; border-bottom:solid 1px #CCCCCC; padding-bottom:10px; background-color:#FFFFFF; padding:5px;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition:  all 200ms ease-out;
-ms-transition:  all 200ms ease-out;
 transition:  all 200ms ease-out;}
.page-block:hover, .page-block:focus {-webkit-box-shadow: 0 8px 8px -8px #888;-moz-box-shadow: 0 8px 8px -8px #888; box-shadow: 0 8px 8px -8px #888;transform: scale(1.05); z-index:2  }
.page-block-image {height: 200px; overflow:hidden; background-color:#FFFFFF;position:relative;}
.page-block-image IMG {}
.page-block-title {height:40px; vertical-align:middle;font-size:0.8em;padding-top:10px; }
.page-block-text {font-size:9pt; height:70px; padding-top:5px;}
.page-block-text P{font-size:9pt;}

.page-block-readmore {display:none; position:absolute; bottom:0; width:100%; line-height:3em; background-color: rgba(255, 255, 255, 0.7); color:#333333; }
.page-block:hover  .page-block-readmore { display:block}

.page-block-black	{position: absolute; display:block; top:77%;  bottom:auto; left:-1px;color: #FFFFFF; border: #FFFFFF 1px solid; padding:8px; background-color: rgba(0,0,0,0.60);}
@media only screen and (max-width: 640px)  {
	.page-block-black	{width:100%; top:65%;}
	.page-block-title {font-size:0.6em;}
}

@media only screen and (min-width: 641px) and (max-width: 1020px) { {.page-block-image {max-height: 130px;}}
	
.is-container {
  width: 100%;
  max-width: 1500px;
  padding: 0px;
 
}

.is-content-1000 {
  max-width: 100vw;
	padding: 0px ;
}
	
	.is-content-1320 {
  max-width: 100vw;
	padding: 0px ;
}	
	
	
	.is-content-1200 {
  max-width: 100vw;
	padding: 0px ;
}