body {
	background-color:#FFFFFF;
	font-family: "droid_sansregular",Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
	overflow-x:hidden;
}

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

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

}

.row {max-width:80rem;padding:0em;}

P { font-size:0.95em}

.share-buttons { margin-bottom:2px;}


.usprow {color:#43ac6a;}
.uspblock ul { margin:0}
.uspblock ul li {
	background-color:#43ac6a;
	color:#FFFFFF;
	list-style-type: none;
	border: solid 1px #FFFFFF;
	padding:10px;
	text-transform:uppercase;
	font-size:0.85em;	
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
.uspblock ul li { width:32%; display: inline-table;	height:90px;}
}

.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 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;}


a {
    color: #00B8F4;
} 
button, .button {   }
button:hover, button:focus, .button:hover, .button:focus {
  
}

@media only screen and (max-width: 640px)  {
#filter-menu, .nofilter, cmsboom  {padding-bottom:150px}

}

/*HEADER*/

.header { background-color:#2c3840}

.header_icon { font-size:1.7em; line-height:1.8em; float:right; padding-left:15px; padding-right:15px; border-left:#566773 1px solid;}
.header_icon { color: #FFFFFF}
.header_icon a { color:#FFFFFF}
.winkelwagentotaal {font-size:0.4em; position:relative; top:-15px; line-height:1em;}
@media only screen and (max-width: 640px)  {
.header_icon { font-size:1.5em;  padding-left:5px; padding-right:5px;}
}

.headerslide {
	background-image:url(../images/header_BG.jpg);
	background-color: #7FB61A;
	background-repeat: repeat-x;
	max-height: 286px; overflow:hidden
}

.slidecontact {position:absolute; top:100px; color:#FFFFFF; font-size:1.5em; left:90px; z-index:1800}
.slidecontact a {color:#FFFFFF;}

.headerlogo { position:absolute; background-color: rgba(174,221,48,0.8); width:100%; z-index:20;
	
}




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


.contain-to-grid { background:  #FFFFFF;}
.fixed .contain-to-grid {  }

.header-fixed { padding-bottom:1px; border-bottom: solid 1px  #CCCCCC}
.fixed .header-fixed { }

.logo {
-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;}

.searchblock {padding-top:30px;}
.cartblock {padding-top:25px;  text-transform:uppercase; font-size:0.9em;  }
.cartblock a {color:#666666; padding-bottom:10px;}

.fixed .logo  {transform: scale(0.7); padding-top:0px;padding-bottom:0px;}  

.fixed .searchblock {padding-top:15px;}
.fixed .cartblock {padding-top:10px;}
.fpblocks {background-color:#FFFFFF; transition: background-color 300ms ease-out 0s;}



@media only screen and (min-width: 641px) and (max-width: 1024px) {
/* voor medium weergave */
.header_categories li { }
.header_categories li a{width:100%; text-align:center}
}


/*----level 1 categorieen----- */
.header_categories { }
.header_categories ul {margin:0;}
.header_categories li {
	list-style:none;
	float:left;
	border-right: solid 1px  #cccccc;
	
}
.header_categories li a {
	font-family: "droid_sansregular",Helvetica,Roboto,Arial,sans-serif;
	font-size:0.9rem;
	color:#333333;
	text-transform:uppercase;
	padding:9px 9px 9px 9px; /* top - right - bottom - left  */
	line-height:50px;
	transition: background-color 300ms ease-out 0s;
}
.header_categories li a:hover, .header_categories li a:focus{}
.header_categories .selected a {}


.logo {
-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;
padding-bottom:10px;}

.searchblock {padding-top:30px;}
.cartblock {padding-top:25px;  text-transform:uppercase; font-size:0.9em;  }
.cartblock a {color:#666666; padding-bottom:10px;}

.fixed .logo  {transform: scale(0.7); padding-top:0px;padding-bottom:0px;}  

.fixed .searchblock {padding-top:15px;}
.fixed .cartblock {padding-top:10px;}
.fpblocks {background-color:#FFFFFF; transition: background-color 300ms ease-out 0s;}


#categoryheader { width:100%; max-height:400px; overflow:hidden}
#categoryheader IMG { width:100%;}

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

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

.sf-menu ul {
	position:absolute;
	top:-999em;	
	width:203px; /* 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:#333333;padding:9px 8px 9px 8px; /* top - right - bottom - left  */
	text-decoration:none;text-transform:uppercase;font-weight:normal;font-size:0.8em;top:0px;position:relative; line-height:30px;
	border-right-width: 0px;border-right-style: solid;border-right-color: #CCCCCC;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(256, 256, 256, 0.1) ; 
	}


.sf-menu li ul a {
	text-transform:uppercase;color:#333333;padding:12px 5px 12px 20px; /* top - right - bottom - left  */
	background-color: #FFFFFF; line-height:25px; width:300px; font-size:0.7em;
	transition: background-color 300ms ease-out 0s; border-bottom: solid 1px #01091a;

	
}



 .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: #575757;  }



.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left:0;top:3.3em; /* 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:12.5em; /* match ul width */top:8px;}
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; display:none}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline:0;	}

/*** 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:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/shopimg/arrows-2d5883.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */top:2em;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; }
/* 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*/
}


/*** Einde CMS navigatie ***/


.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: #008cba;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 #007095; }
.bestelbutton:hover, .bestelbutton:focus {background-color: #007095; color:#FFFFFF; cursor:pointer; cursor:pointer;}


.invalid { color:#E02529}



/* dropdown blokjes  */
#myaccount {padding:15px;}
#myaccount .header {font-weight:bold;}
#myaccount .accountoptions {padding-bottom:5px;padding-top:5px; border-bottom:solid 1px hsl(0,0%,90%);transition: background-color 300ms ease-out 0s;}
#myaccount .accountoptions a { text-transform: uppercase; font-size: 0.85em;}
accountoptions:hover, accountoptions:focus, .accountoptions:hover, .accountoptions:focus {background-color: hsl(0,0%,95%); }

@media only screen and (max-width: 640px)  {
.accountoptions { line-height:3em;}
}


#staticShoppingCart {padding:15px;}
#shoppingCart {padding:15px;}
#shoppingCart .content {font-size:1em; padding:5px;}
#shoppingCart .header {font-weight:bold;text-transform:uppercase; background-color: #ffffff;}
#shoppingCart .incart {padding:10px;border-bottom:solid 1px hsl(0,0%,90%);text-transform:uppercase;font-style:normal;font-size:0.9em;transition: background-color 300ms ease-out 0s;}
 incart:hover, incart:focus, .incart:hover, .incart:focus {background-color: hsl(0,0%,95%); }
#shoppingCart .incarttotal b {float:right; }
#shoppingCart .toCart {margin-top:15px; color:#FFFFFF;}
.f-dropdown li:hover, .f-dropdown li:focus { background:#FFFFFF;}

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

/* mobiel menu */
#mobheader {background-color:#2c3840; 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; position:fixed; top:0; width:100%;}
#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:hsl(0,0%,10%);}



#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:solid 1px #999999;border-right: none;}
#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%;
	font-size:0.8em;
	line-height:2em;
	padding-top:15px;
	}
	
.footerhead {font-weight:bold;color:#0063BE;text-transform:uppercase;}
.footer0 { background-color:#43ac6a; color:#FFFFFF;}
.footer0 .usp { float:left; font-weight:bold; font-size:1.3em; text-transform:uppercase; border-right:solid 1px #566773; line-height:60px; padding-left:20px; padding-right:20px; transition: background-color 0.3s ease-out 0s;}
@media only screen and (max-width: 1024px)  {
.footer0 .usp {font-size:0.9em;line-height:30px;}
}

@media only screen and (max-width: 600px)  {
.footer0 .usp {border:none; font-size:0.8em;}
}
.footer0 .usp a {background-color:#43ac6a; color:#FFFFFF;}
.footer0 .usp :hover  {background-color:#368a55;}
.footer1 {background-color:#dfe5e8; color:#2c3840; padding-top:20px;}
.footer2 { background-color:#2c3840; color:#FFFFFF; padding-top:15px;}	
.footer3 { background-color:#000000; color:#FFFFFF;}
#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:#566773; border-radius:5px }
.socials span {font-size:4em; margin:8px;}
/* brandimages */

.brandimgs { padding: 15px; background-color:#566773}
.brandimgs .brand {background-color: #ffffff;border: 1px solid #cccccc;display: block;float: left;height: 50px;margin-bottom: 5px;margin-top: 0; margin-right:5px; padding: 5px;vertical-align: middle;width: 75px;}
.brandimgs .brand IMG {max-width: 60px; max-height:40px;}
.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: 0.9em;color: #333333; padding-top: 5px;padding-bottom: 5px;padding-left:15px;border-bottom: solid #F4F4F4 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 { color:#0099CC }
.treenav .menu1 {display:none;} 
.treenav .menu2 {margin-left:0em;padding-left:0.5em;padding-top: 8px;padding-bottom: 2px;display: block;border: none; font-weight:bold}
.treenav .menu2:hover{ text-decoration:none;}
.treenav .menu3{padding-left:1.5em;margin-left:0em; color:#666666}
.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 {}
.treenav .selected, .treenav .cat .selected {background-color:#0099CC; color:#FFFFFF;}
.treenav .selected:hover {background-color:#0099CC; color:#FFFFFF;}

}

/* weergave navigatie indien mobiel */
@media only screen and (max-width: 640px) {
.treenav a{font-size: 1em;color: #333333;padding-top: 8px;padding-bottom: 8px;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: hsl(0,0%,95%); }
.treenav .menu1 {margin-left:0em;padding-left:0.5em;text-transform: uppercase; font-weight:bold;color: #333333;padding-top: 8px;padding-bottom: 2px;display: block;font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;border: none;}
.treenav .menu1:hover { text-decoration:none;background-color: #F8F8F8;}
.treenav .menu2 {padding-left:0.5em;margin-left:0em;}
.treenav .menu2:hover {}
.treenav .menu3 {color:#009DD2;padding-left:1em;	margin-left:1em;}
.treenav .menu3:hover {}
.treenav .menu4 {padding-left:1.5em;margin-left:1.5em;}
.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 (min-width: 641px) { 
#footer #treecmsnav a{font-size: 0.9em;color: #FFFFFF; border-bottom:none;border-top:none; padding-top: 5px;padding-bottom: 5px;padding-left:15px;border-bottom: solid #566773 1px;display:block;transition: background-color 300ms ease-out 0s;}
#footer #treecmsnav a:hover { background-color:#3c4952 ;}
}

#footer .footer_cats li{font-size: 0.8em; font-style:normal; color: #333333; width:100%;padding-top: 6px;padding-bottom: 6px;padding-left:15px;border-bottom: solid #566773 1px;border-top: none; border-right:none; display:block;transition: background-color 300ms ease-out 0s; text-transform: capitalize;  } 
#footer .footer_cats li:hover { background-color:#3c4952 ;}

.footerheader { color:#dfe5e8; font-weight: bold; text-transform:uppercase}


@media only screen and (max-width: 640px) {
#body {margin-top:80px;}
#right {position:absolute; left:-100%; }
#left {position: absolute; left:-100%; top:0} 
.hidenav {left:0%; 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:1999; position: fixed; height:100vh; overflow: auto; left:0; width:85%; top:0px; 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; margin-bottom:15px;}

/*.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;}

 }
 
 
.mainscats { margin-bottom:20px; float:left;}
.maincatstitle {background-color:#0095DA; 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:0.1375rem; padding:0px;border: solid 1px #CCCCCC; float:left; padding-bottom: 0.1375rem; }
#thiscategoriecontainer .columns {
    padding-left: 0.1375rem;
    padding-right: 0.1375rem;
}
.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; }
.categoriecontainer a, .categoriecontainer a:hover {}
.cattitle {background-color:#ffffff;transition: background-color 300ms ease-out 0s; position:relative; font-size:0.6em;  border-top: 1px #000000 solid;text-align: center;height:80px;  }
@media only screen and (max-width: 640px) {.cattitle {height:100px;}	}
.categoriecontainer:hover .cattitle, .categoriecontainer:focus .cattitle {background-color: #EEEEEE;}
.cattitle a { color:#000000;}
.cattitle H2 { position: relative;
  top: 45%;transform: translateY(-45%);padding-left:10px; padding-right:10px;}
.categoriecontainer IMG { width:100%;}
.categoriecontainer .catimg {display:block}



@media only screen and (max-width: 640px) {	
#catomschrijving  { }
.intro-description { max-height:250px; 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; float:left }


.cattitle { background-color:#FFFFFF; border:none; text-align:left;margin-bottom:0; height:50px;}
@media only screen and (max-width: 640px) {.cattitle {height:60px; padding-top:10px}	}
.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: none;padding-left:0px; padding-right:0px;}
.categoriecontainer1 IMG1 {max-height:45px; margin-right:10px; overflow:hidden;}
}

@media only screen and (min-width: 641px) and (max-width: 1025px) {.categoriecontainer1 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 { }
.detailmain {background-color:#FFFFFF; margin-bottom:15px;}

.detailprice { font-size:2em; color:#43ac6a;}
.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*/

#body {min-height:300px;
padding-bottom:120px; 	 }






	
H1 {color:#566773; font-size:1.5em; margin-bottom:20px; padding-bottom:15px;text-transform:uppercase; font-family: "droid_sansbold", Helvetica, Roboto, Arial, sans-serif; border-bottom:1px solid #CCCCCC; width:100%;}
H2 {color:#2c3840; font-size:1.3em; line-height:1em; text-transform:uppercase; font-family: "droid_sansbold",Helvetica,Roboto,Arial,sans-serif;}
H3 {color:#333333; font-size:1.0em; line-height:1em; text-transform:uppercase; font-family: "droid_sansbold",Helvetica,Roboto,Arial,sans-serif;}
	
/*----Header navigatie----- */


.treenav .maincat { width:100%; border:none; margin-bottom:10px; line-height:1.5em; font-size:1.5em; font-weight:bold; padding:0}
.treenav .maincat, .treenav .maincat:hover {color:#0095DA; }

/* Crossdomein SHOPS */

#cdshops ul {margin:0px;}
#cdshops li  { list-style:none;float:left; position:relative;display:inline;}
#cdshops li a {
	background-color:#000; 
	color:#fff; 
	padding-top:10px; 
	padding-bottom:10px; 
	padding-left:20px;
	padding-right:20px;
	font-size:0.8em;
	text-transform:uppercase;
	border-right:1px solid #fff;
}
#cdshops li :hover  {
	background-color:#e20413;
	color:#FFFFFF
}
#cdshops .selected a{
	background-color:#484848; 
	color:#FFFFFF;
}



/* 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: 1em; line-height:40px; background-color:#E52931; background-image: url(../images/shopimg/strike.png);background-position: center center;background-repeat: no-repeat;}
.format-block .productlistcontainer .listprice .prijs {color:#43ac6a; font-size: 1.4em; font-weight:bold;  line-height:40px; display:inline-block;  }



.listheader { min-height:30px;}
.format-block .listheader  H2{ font-size: 1em; color:#2c3840; text-transform:capitalize;}
.format-block .listheader H2 a{ color:#2c3840;}
.listcontent li { font-size:1em; font-weight:normal; margin-left:40px;}

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

.img-wrapper1 {aspect-ratio: 1 / 0.91;}




.product-img {}
.product-img IMG {transition: all 0.4s ease-out;}

.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:10px; background-color:#000000;}
.format-block .productlistcontainer:hover .img-wrapper .add-tocart  { height:40px; bottom:40px; margin-bottom:-20px; background-color:#000000;opacity:0.65; filter:alpha(opacity=65) }
.format-block .productlistcontainer:hover .img-wrapper .add-tocart: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:100px; width:100px;	
background-image: url(../shop/images/actie.png);
background-repeat: no-repeat;}

.product_aanbieding .actiontag .tag-de {
position: absolute; z-index:10; height:100px; width:100px;	
background-image: url(../shop/images/aktion.png);
background-repeat: no-repeat;}
.product_aanbieding .actiontag .tag-en {position: absolute; z-index:10; height:100px; width:100px;	
background-image: url(../shop/images/action.png);
background-repeat: no-repeat;}}

@media only screen and (max-width: 640px)  {
.product_aanbieding .actiontag .tag-nl { transform: scale(.5); top:-10px; left:-10px}
.product_aanbieding .actiontag .tag-de { transform: scale(.5); top:-10px; left:-10px}
.product_aanbieding .actiontag .tag-en { transform: scale(.5); top:-10px; left:-10px}
}

.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:100px; width:100px;	
background-image: url(../images/aanbieding-tag-s.png);
background-repeat: no-repeat;}
.group-islisting .actiontag .tag-de {
position: absolute; z-index:10; height:100px; width:100px;	
background-image: url(../images/angebot-tag-kl.png);
background-repeat: no-repeat;}
.group-islisting .actiontag .tag-en {}


.product_nieuw .actiontag {visibility: visible;	}
.product_nieuw .actiontag .tag-de {
position: absolute; z-index:10; height:200px; width:100px;
background-image: url(../shop/images/top.png);
background-repeat: no-repeat;}
.product_nieuw .actiontag .tag-nl {
position: absolute; z-index:10; height:200px; width:100px;
background-image: url(../shop/images/top.png);
background-repeat: no-repeat;}
.product_nieuw .actiontag .tag-en {
position: absolute; z-index:10; height:200px; width:100px;
background-image: url(../shop/images/top.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;
}





#tagwizardcontent {background-color: aliceblue;
padding: 20px; margin-bottom:10px}





/* ###########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;font-size:0.9em;}
.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;float:left; background-color: #FBFBFB}
#bestelcontainer select { background-color:#FFFFFF; }

.artDetail-dg1 { font-size:0.9em;}


.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;}
.small li { 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 {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_POSTPAY1{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;}
#verzendkosten {padding-top:5px;height:25px; }

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_POSTPAY1"] {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;}







/* 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 .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;}

.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%;}


#tagresultlist { font-size: 0.7em; padding:10px;}
.tagresult { }
#tagsearchbutton  button{ width:100%}
.tagwizardrow {cursor:hand; cursor:pointer;}
.even { background-color:#FFFFFF}


/*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; border: solid 1px #CCCCCC; padding:3px;}

.cat-level-1 div.categoriecontainer H2 a {vertical-align:bottom;text-decoration:none; color:#666666 }



/* 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:#ccc 1px solid;
	background-color:#FFFFFF;
	padding:10px;
	margin-bottom:5px;
	float:left;
	width:100%;
}
.contentblock {

	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:5px;
	float:left;
	width:100%;
}
.welcome {margin-top:25px}
.welcome a{color:#999999; padding-top:10px; font-size:0.9em;}
.welcome a:hover{color:#333333;}


/* SLIDER SLICK */
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./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: 0px;
}

.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; width:100%;
}

.slide-person {position: relative;z-index: 49; right:50px;bottom:0; float:right}
.caption {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 15px;
  min-height: 38px;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 50;
  width:60%;
}


@media only screen and (min-width: 641px) and (max-width: 1024px) {.slide-person {right:-20px;}}

@media only screen and (max-width: 640px) {
.caption{width:100%; position:relative; float:left; top:-40px; margin-bottom:-40px;}
.slide-person {right:0px; width:100%;}
.headerslide {max-height: none}
.headerslide .columns {padding:0}
}

/* END SLIDER SLICK */



@media only screen and (max-width: 640px) {
.toggle-filter-mobile {position:fixed; bottom:0; z-index:10000; background-color: rgba(0, 99, 190, 1); border:solid 1px #000000; width:80%; padding:15px; margin-left:10%; margin-bottom:15px; text-transform:uppercase; font-size:0.8em; color:#FFFFFF; text-align:center; border-radius:10px; 	background-image: url(/shop/images/icon-filter.png);background-repeat: no-repeat;  background-position: left;
} }
.use-the-filters { background-color: #66CC00; color:#FFFFFF; padding:10px; position:relative; bottom:10px}

#news_list li { border-bottom:solid 1px #cccccc; margin-bottom:15px; padding-bottom:15px;}
#news_list li img {
    float: left;
    margin-right: 10px;
    margin-top: 2px;max-width:200px;
}
#news_list li p { color:#333333}

.frontblock { visibility:hidden}
.frontblock H2 { font-size:0.9em; text-align:center; padding-top:5px}

./*** Einde CMS navigatie ***/

.page-block {cursor:hand; cursor:pointer; margin-bottom:10px;}
.page-block-title {background-color: #2288c6; padding:15px; font-size:0.9em; border: solid 1px #007095;transition: background-color 300ms ease-out 0s; }
.page-block-title a {color:#FFFFFF;}
.page-block-text { position:absolute; bottom:0;  height:100%; width:100%; font-style:italic; color:#FFFFFF; font-size:0.8em; padding:20px; visibility:hidden; }
.page-block-img { overflow:hidden;position:relative; }
.page-block-img IMG {transform: scale(1.2); transition: all 300ms ease-out 0s}
.page-block:hover .page-block-img {background-color:#FFFFFF}
.page-block:hover .page-block-img IMG  {transform: scale(1.0);}
.page-block:hover .page-block-title {background-color: #1A6999;}
.page-block:hover .page-block-text {bottom:0; background-color:rgba(0,0,0,0.3);visibility: visible}


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

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


.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;
}
.treenav .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%;
}

#tagsearchbutton button {margin: 0 0 0.7rem;}

@media only screen and (min-width: 641px) {.treenav .filter-submit {display:none;}}

@media only screen and (max-width: 640px)
{.filter-submit {background-color: #66CC00;
    color: #FFFFFF;
    padding: 10px;
    position: relative;
    bottom: 10px; width:100%;
	display:block; text-align:center}
	}
@media only screen and (min-width: 641px) {.filter-submit {display:none;}}	
	

.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:10px;
	font-size:0.9em;
	background-color: #F0FAFF;
}
.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-price-value INPUT {
	/* prijs van tot */
	width:25%;
	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;
	width:auto;
	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:aliceblue;
}
.filter-menu SELECT {
	/* dropdown */
	padding:1px;
	padding-left:5px;

	margin-top:0px;
	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;}
	
}



/* MEGA UITKLAPMENU*/
.megamenu-wrapper {
    position: relative;
    z-index: 1;
}

.megamenu-panel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #eaeced;
    border-bottom: solid 1px #CCCCCC;
    min-height: 300px;
    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: #000000;
    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-panel li a {color: #000000;}
.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;
}


.revscore { font-size:1.8em; line-height:2.5em}

.testimonial-block-vertical { background-color:#f7f9fa; padding:30px; border-radius:15px ;font-size:0.9em;}
.testimonial-block-vertical-quote { height:180px;padding:15px;}
.testimonial-block-vertical-stars { width:100%; float:left; margin-bottom:10px;}


#detail_description table { width:100%; border:none}
#detail_description table tr { background: #FFFFFF }


.share-buttons .share-button {
    display: inline-block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 22px;
    color: white;
    text-decoration: none;
}

.onstock {color:#43ac6a}
.onorder {color:#008cba}
.nostock {color:FF0000}

.format-block .productlistcontainer .more-info {display:none; float:right; color:#FFFFFF; background:#008cba; padding:10px; position:absolute; right:0; bottom:15px; z-index:100000}
.format-block .productlistcontainer:hover .more-info{display:block; }

@media only screen and (max-width: 640px) {	
.global_message {margin-top:75px}
}

.reveal-modal.medium, dialog.medium {
    width: 90%;
    max-width: 62.5rem;
    left: 0;
    right: 0;
	top:20px;
    margin: 0 auto;

}
@media only screen and (max-width: 640px) {
.reveal-modal, dialog {
    min-height: 50vh;
}}

#smallprodimg img {width:100px; margin-right:5px}