/* ----------------------------------------
 *
 * File .....: style.css
 * Author ...: Erik van der Valk, Peter-Jan Karens, Ruud Pflanzer
 * Date .....: 07-03-2013
 * Gewijzigd : 10-01-2018
 * Copyright : (c) 2018
 *
 * ---------------------------------------- */

/* ----- algemeen ----- */
html{
  height: 100%;
  width: 100%;
  -webkit-font-smoothing: antialiased !important;
  text-shadow: 0px 0px 1px rgba(0,0,0,0);
  font-weight: 600;
  /*font-family: "Comic Sans MS", cursive, sans-serif;
  font-size: 60%;
  */
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  background-color: #ffffff;

  background: url("/img/layout/Zijbanner-homepage-basis.jpg") no-repeat fixed top;
/*	background: url("/img/layout/iq30-bg.png?a=04") no-repeat fixed top;*/
/*	background: url("/img/layout/vakantiegelddeals-bg.jpg") no-repeat fixed top;*/
/*	background: url("/img/layout/kerst23-website-achtergrond.jpg") no-repeat fixed top;*/
/*	background: url("/img/layout/zijbanner-hween24.jpg") no-repeat fixed top;*/
	
}

b, strong {
	font-size: 1.1em;
}

input,
select,
textarea {
  background-color: #fff;
  color: #000;
  font-size: 1em;
}

ol,
ul,
dl {
  padding: 0;
  margin: 0;
}
ol li,
ul li {
  margin: 0;
  list-style: none;
}


/* ----- headers ----- */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #004173;
  margin: 0;
  padding: 0;
}

h1 {font-size: 2em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.2em; font-weight:600;}
h4 {font-size: 1.1em;}

.h2desc {font-size: 10px;float: right;line-height: 3;}

#content input:not(input[type="image"]),
#content select,
#content textarea {
  border: 1px solid #ccc;
  padding: 0.0em;
}

.artset2548 {
    margin-top: 20px;
    font-size: 1.23rem;
    font-weight: 400;
    line-height: 1.8rem;
}
/* ----- hyperlinks ----- */
a {
  color: #1860ab;
  text-decoration: none;
  overflow: hidden;
}
a:hover {
  color: #f93428;
}

img, div, a {
  -ms-interpolation-mode:bicubic;
}

/* ----- placeholder ----- */
::-webkit-input-placeholder {
  color:  #999;
}
:-moz-placeholder {
  color:  #999;
}
::-moz-placeholder {
  color:  #999;
}
:-ms-input-placeholder {
  color:  #999;
}

#flag {
  position: absolute;
  top: 195px;
}

#flag.left {
  left: 310px;
}

#flag.right {
  right: 310px;
}

.button_pick {
  border: 0;
  background-color: #1860ab;
  font-size: 12px;
  color: white;
  padding: 5px;
}
.button_pick:before {
  content: url('/img/icons/order_icon.png');
  vertical-align: middle;
  padding-right: 5px;
}
.button_pick:hover {
  background-color: #004070;
}

.button-icon {
  border: 1px dotted #ccc;
  display: inline-block;
  overflow: hidden;
  background-color: #fff;
}
.button-icon:hover {
  border: 1px solid #ccc;
  background-color: #efefef;
}
.button-icon img {
  padding: 2px 2px 0 2px;
}

.nostyle {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

.medium {font-size: 11px;}
.large {font-size: 12px;}


.button-order {
  background-color: #16a825;
  background-image: url('/assets/img/icons/custom/order.png');
  background-position: 4px center;
  background-repeat: no-repeat;
  color: white !important;
  padding: 3px 6px 3px 16px;
  border-radius: 1px;
  border: 1px solid #16a825;
  /*box-shadow: inset 0 0 0 1px #32c940;*/
  position: relative;
  font-weight: bold;
  -o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
}
  /*.button-order:active {
    top: 1px;
  }*/
  .button-order:hover {
    background-color: #159a22;
    text-decoration: none !important;
  }

.button-info {
  font-weight: 600;
  background-color: #1860ac;
  color: white !important;
  padding: 3px 6px 3px 6px;
  border-radius: 1px;
  border: 1px solid #1860ac;
  margin-left: 3px;
  /*box-shadow: inset 0 0 0 1px #1c6ec5;*/
  position: relative;
}


/*.button-info:active {
top: 1px;
}*/
.button-info:hover {
background-color: #16589e;
text-decoration: none !important;
}

.button-delete {
  background-color: #ec5f54;
  background-image: url('/assets/img/icons/custom/delete.png');
  background-position: 4px center;
  background-repeat: no-repeat;
  color: white !important;
  padding: 3px 6px 3px 12px;
  border-radius: 1px;
  border: 1px solid #c14d33;
  box-shadow: inset 0 0 0 1px #f9b9af;
  position: relative;
}
  .button-delete:active {
    top: 1px;
  }
  .button-delete:hover {
    background-color: #fa937f;
    text-decoration: none !important;
  }


i.fa.fa-times.fa-lg {
    color: lightslategrey !IMPORTANT;
}


#dccn_placeholder {
  float: left;
  margin: 0;
  padding: 0;
}



.vendor-logo {
  margin-top: 10px;
  margin-bottom: 5px;
}



#detailview {
  width: 600px;
}

#detailview #description ul {
	height: 60px;
	overflow:hidden;
	position: absolute;
	top:5px;
}

#detailview .product_overlay {
  padding: 120px 600px 0 0;
  position: absolute;
  top: 10px;
}

#detailview #description ul:not(:first-child) {
	left: 170px;
}

#detailview #description li{
	padding-left: 10px;
	border: 0px;
	background: url("/img/sum_art.jpg") no-repeat 0 6px;
}

  #detailview li {
    overflow: hidden;

    position: relative;
    border-bottom: 1px solid #ddd;
  }
  #detailview li:first-child {
    border-top: 1px solid #ccc;
  }
  .novendorlogo#detailview {
	margin-top: 60px;
  }

  .novendorlogo .vendor_logo {
    position: absolute;
    top: 50px;
    position: absolute;
    overflow: hidden;
    width: 60px;
    height: 0;
    padding: 18px 0 0 0;
    background-repeat: no-repeat;
    right: 10px;
  }

  #detailview li:last-child {
    border-bottom: 1px solid #ccc;
  }

  #detailview li div {

  }

  #detailview li div#image {
    padding: 5px;
    padding-top: 10px;
    padding-left: 20px;
    margin-right: 10px;
    width: 120px;
    height: 120px;
  }

  #detailview li.active div#image img {

  }

  #detailview li div#image img {
      /*border: 0 !important;*/
      margin: 0 !important;
      padding: 0 !important;
  }

  #detailview li div#title {
    font-size: 14px;
    font-weight: 800;
    position: absolute;
    top: 10px;
    left: 165px;

  }

  #detailview li.active div#title a {
    text-decoration: underline;
  }

	#detailview li div#title a{
      color: #004173;
	  font-size: 13px;
    }

    #detailview li div#partnumber {
      font-size: 11px;
      color: #666;
      position: absolute;
      top: 30px;
      left: 110px;
    }

    #detailview li div#description {
      position: absolute;
      top: 35px;
	  color: #494949;
      left: 165px;
	  width: 340px;
    }

    #detailview li div#stock {
      position: absolute;
      bottom: 15px;
      left: 165px;
    }
      #detailview li div#stock img {
        vertical-align: middle;
      }
    #detailview li div#price {
      font-size: 20px;
      font-weight: 800;
      color: #444;
      position: absolute;
      /*bottom: 10px;*/
      right: 5px;
      bottom: 50px;
    }

	#detailview li div#price span.price_old {
		/*position: absolute;
		top: 2px;
		right: 80px;*/
	}

    #detailview li div#order {
      float: right;
      position: absolute;
      bottom: 20px;
      right: 5px;
    }
    #detailview li div#order > * {
      vertical-align: middle;
    }


/* ----- several fixes ----- */
*:focus {
  outline: 0 !important;
}
a {
  outline: 0 !important;
}
.clear {
  clear: both;
}
.clrfx:after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: ".";
}
.fix {
  background: #F00;
}
.nowrap {
  white-space: nowrap;
}


/* ----- fonts e.d. ----- */
.bold {
  font-weight: bold;
}
.center {
	text-align: center;
}
.italic {
  font-style: italic;
}
.valign_middle {
  vertical-align: middle;
}


/* ----- advertisement ----- */
#advertisement {
  position: absolute;
  display: block;
  z-index: 1;
}

/* ----- wrapper ----- */
#wrapper {
  overflow: hidden;
  width: 998px;
  margin: 0 auto;
}


/* ----- wrapper content ----- */
#wrapper_content {
  float: left;
  margin: 0 20px 0 20px;
  position: relative;
  overflow: visible;
  width: 600px;
}
#wrapper_content #hdr {
  width: 600px;
  height: 20px;
  margin-bottom: 10px;
  border-bottom: solid 1px #004070;
}
#wrapper_content #hdr h1 {
  position: absolute;
  display: inline;
  left: 0;
  top: -1px;
  padding-right: 5px;
  background-color: #fff;
  font-weight: bold;
  font-size: 22px;
}


/* wrapper landing */
#wrapper_landing {
  clear: both;
  position: relative;
  overflow: hidden;
}

/* ----- userbar ----- */
#wrapper > #userbar a,
#wrapper > #userbar p {
	line-height: 20px;
}
#wrapper > #userbar a:not(:last-child) {
  margin-right: 10px;
}
#wrapper > #userbar p {
  float: left;
}
#wrapper > #userbar p.right {
  float: right;
}
#wrapper > #userbar p a:not(:last-child):after {
  content: "|";
  margin-left: 10px;
}
#wrapper > #userbar p a.winkelmandje {
/*  background: url('/assets/img/icons/mijn/winkelmandje_big.png') left center no-repeat; */
  padding: 2px 2px 2px 6px;
  font-size: 14px;
}



#wrapper > #userbar a.profiel,
#wrapper > #userbar a.snelkeuzelijst,
#wrapper > #userbar a.verlanglijst,
#wrapper > #userbar a.facturen,
#wrapper > #userbar a.orders,
#wrapper > #userbar a.winkelmandje {
  padding-left: 20px;
}
#wrapper > #userbar a.profiel {background: url('/assets/img/icons/mijn/profiel.png') left center no-repeat;}
#wrapper > #userbar a.snelkeuzelijst {background: url('/assets/img/icons/mijn/snelkeuze.png') left center no-repeat;}
#wrapper > #userbar a.verlanglijst {background: url('/assets/img/icons/mijn/verlang.png') left center no-repeat;}
#wrapper > #userbar a.facturen {background: url('/assets/img/icons/mijn/orders.png') left center no-repeat;}
#wrapper > #userbar a.orders {background: url('/assets/img/icons/mijn/orders.png') left center no-repeat;}
/*#wrapper > #userbar a.winkelmandje {background: url('/assets/img/icons/mijn/winkelmandje.png') left center no-repeat;} */

/* ----- header ----- */
#wrapper > #header {
  float: left;
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  background-image: url('/img/layout/header-standaard_25.jpg');
/*	background-image: url('/img/layout/kerst23-header-achtergrond.jpg?a=01');*/
	background-color: #1860ac;
}
#wrapper > #header #home {
  overflow: hidden;
  display: block;
  width: 302px;
  height: 0;
  padding-top: 55px;
  margin: 20px;
}

#wrapper > #header #home {

  background: url("/assets/img/layout/logo_iq.png?a=03") no-repeat left; /* SVG feature property */
    width: auto;
    background-size: 33%;
}
.no-svg-kw #wrapper > #header #home {
  background: url("/assets/img/layout/logo_iq.png?a=03") no-repeat left; /* PNG feature property */
    width: auto;
    background-size: 33%;
}

/* ----- promo ----- */
#wrapper > #header #promo {
  overflow: hidden;
  position: absolute;
  top: 7px;
  right: 14px;
}
#wrapper > #header #promo li {
  float: right;
  margin-left: 10px;
}

/* ----- menu ----- */
#wrapper > #header #menu {
  padding-left: 10px;
  line-height: 25px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background-color: #004070;
	color: #fff;
  font-weight: 600;
  font-size: 12px;
}
#wrapper > #header #menu a {
  display: block;
  color: #FFF;
  text-decoration: none;
}
#wrapper > #header #menu a:hover {
  text-decoration: underline;
}
#wrapper > #header #menu li {
  float: left;
  padding: 0 10px 0 0;
  margin: 0 10px 0 0;
  background: url("/img/layout/line.png") no-repeat right center;
}
#wrapper > #header #menu .last,
#wrapper > #header #menu #btw {
  background: none;
}

.header_b2b {
    color: yellow !IMPORTANT;
	}


/* ----- btw ----- */
#wrapper > #header #menu #btw {
  float: right;
  padding: 0 20px 0 0;
  margin: 0;
  font-weight: normal;
}
#wrapper > #header #menu #btw li {
  padding-right: 0;
  margin: 0;
  background-image: none;
}
#wrapper > #header #menu #btw li a {
  font-weight: bold;
}
#wrapper > #header #menu #btw li.active a {
  color: #FFFF00;
}
#wrapper > #header #menu #btw #incl_btw {
  padding-right: 10px;
  margin: 0 8px 0 8px;
  background: url("/img/layout/line.png") right center no-repeat;
}


/* ----- breadcrumb ----- */
#wrapper > #header #breadcrumb {
  background-color: white;
  line-height: 25px;
  float: left;
  width: 73.65%;
  padding-bottom:2px;
}

#wrapper > #header #breadcrumb2 {
   background-color: white;
   line-height: 25px;
   float: left;
   width: 100%;
   padding-bottom:2px;
 }
 

#wrapper > #header ul#breadcrumb li {
  display: block;
  float: left;
}
#wrapper > #header ul#breadcrumb li {
  background: url('/img/layout/menu_l_arrow.png') left 11px no-repeat;
  padding-left: 8px;
  margin-left: 6px;
}
#wrapper > #header ul#breadcrumb li:first-child {
	background: url('/img/icons/house.png') left center no-repeat;
	padding-left: 15px;
  margin-left: 10px;
}
#wrapper > #header #breadcrumb ul li a {
  display: block;
}

.crumbs_promo {
background-color: rgb(238, 243, 248);
width: 988px;
}


/* ----- winkelmandje ----- */
p.basket_no_js {
  margin-top: 0;
  color: #E60005;
  font-weight: bold;
}

html.js p.basket_no_js {
  display: none;
}


/* ----- verfijn ----- */
ul#verfijn {
  overflow: hidden;
  margin-left: 0;
  padding-left: 0;
  white-space: nowrap;
}
#verfijn li {
  background: url("/img/layout/menu_l_arrow.png") no-repeat 8px center;
  list-style-type: none;
  line-height: 20px;
}
#verfijn a {
  margin-left: 10px;
  padding: 3px 5px 3px 10px;
}
#verfijn a:link,
#verfijn a:visited {
  font-weight: bold;
}
#verfijn a:hover {
  font-weight: bold;
}


/* ----- selector ----- */
.open {
  background-image: url('/assets/img/icons/custom/plus.png') !important;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 10px;
}
.close {
  background-image: url('/assets/img/icons/custom/minus.png') !important;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 10px;
}

.open_alt {
  background-image: url('/assets/img/icons/silk/bullet_toggle_plus.png') !important;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 10px;
}
.close_alt {
  background-image: url('/assets/img/icons/silk/bullet_toggle_minus.png') !important;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 10px;
}

#selector ul#large {
  clear: both;
}
#selector ul#large a {
  margin: 0;
  padding: 0;
}
#selector ul#large li {
  display: block;
  float: left;
  margin: 0 12px 12px 0;
}
#selector ul#large li:nth-child(3n+3) {
  margin: 0;
}
#selector ul#large li#canon {
  background-color: #004070;
}
#selector ul#large li#epson {
  background-color: #004070;
}
#selector ul#large li#hp {
  background-color: #004070;
}


#selector ul#small {
  clear: both;
}
#selector ul#small a {
  margin: 0;
  padding: 0;
  width: 116px;
  height: 60px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}
#selector ul#small li {
  float: left;
  margin: 0 5px 5px 0;
}
#selector ul#small li:nth-child(5n+5) {
  margin: 0;
}
#selector ul#small li#brother {
  background: #1860ac url('/assets/img/selector/brother.png') center center;
}
#selector ul#small li#dell {
  background: #1860ac url('/assets/img/selector/dell.png') center center;
}
#selector ul#small li#dymo {
  background: #1860ac url('/assets/img/selector/dymo.png') center center;
}
#selector ul#small li#ibm {
  background: #1860ac url('/assets/img/selector/ibm.png') center center;
}
#selector ul#small li#kodak {
  background: #1860ac url('/assets/img/selector/kodak.png') center center;
}
#selector ul#small li#konica_minolta {
  background: #1860ac url('/assets/img/selector/konica_minolta.png') center center;
}
#selector ul#small li#kyocera {
  background: #1860ac url('/assets/img/selector/kyocera.png') center center;
}
#selector ul#small li#lexmark {
  background: #1860ac url('/assets/img/selector/lexmark.png') center center;
}
#selector ul#small li#oki {
  background: #1860ac url('/assets/img/selector/oki.png') center center;
}
#selector ul#small li#olivetti {
  background: #1860ac url('/assets/img/selector/olivetti.png') center center;
}
#selector ul#small li#philips {
  background: #1860ac url('/assets/img/selector/philips.png') center center;
}
#selector ul#small li#samsung {
  background: #1860ac url('/assets/img/selector/samsung.png') center center;
}
#selector ul#small li#toshiba {
  background: #1860ac url('/assets/img/selector/toshiba.png') center center;
}
#selector ul#small li#xerox {
  background: #1860ac url('/assets/img/selector/xerox.png') center center;
}


#selector ul#groups {

}
#selector ul#groups a {
  color: white;
  display: block;
  font-weight: bold;
  margin: 0;
  padding: 0;
  width: 192px;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  height: 50px;
  display: table-cell;
}
#selector ul#groups li {
  background-color: #004070;
  float: left;
  margin-bottom: 10px;
  margin-right: 12px;
}
#selector ul#groups li:nth-child(3n+3) {
  margin-right: 0 !important;
}


#selector .models li {
  width: 144px;
  float: left;
  display: inline-block;
  background: url('/img/sum_home.jpg') no-repeat 5px center;
  padding-left: 14px;
  line-height: 18px;
}

/* ----- selector models ----- */
.selector_models h3,
.selector_models h4 {
  font-size: 14px;
  line-height: 28px;
  background-color: #eef3f8;
  padding: 0px 0px 0px 5px;
  border-bottom: 1px dotted #ccc;
  border-top: 1px solid white;
  clear: both;
  cursor: pointer;
}
.selector_models h4 {
  font-size: 12px;
  line-height: 20px;
  padding-left: 15px;
}
.selector_models li {
  background: url('/img/sum_home.jpg') no-repeat 5px center;
  float: left;
  font-size: 11px;
  line-height: 22px;
  list-style-type: none;
  overflow: hidden;
  width: 200px;
}
.selector_models a {
  margin-left: 15px;
}
.selector_models a:hover {
  text-decoration: underline;
}


/* ----- search ----- */
#search {
  background-color: #eef3f8;
  border-bottom: 1px dotted #ccc;
  position: relative;
  overflow: hidden;
  height: 32px;
}
#search #input {
  border: 1px solid #ccc;
  border-right: 0;
  float: left;
  font-size: 1em;
  height: 18px;
  padding-left: 2px;
  padding-right: 2px;
  position: absolute;
  vertical-align: middle;
  left: 5px;
  top: 5px;
  width: 132px;
}
#search #button {
  background: #fff url("/assets/img/buttons/search.png") center center no-repeat;
  border: 0;
  cursor: pointer;
  height: 22px;
  margin: 0;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 22px;
}
#search #button {
  border: 1px solid #ccc;
  border-left: 1px dotted #ccc;
}



/* menu (left/right) */
#menu_r,
#menu_l {
  overflow: hidden;
  float: left;
}
#menu_r .item,
#menu_l .item {
  position: relative;
}
#menu_r .item h3 {
  background-color: #1860ac;
}

#menu_l .item h3 {
  background-color: #1860ac;
}



#menu_r .item h3.alternate,
#menu_l .item h3.alternate {
  background-color: #ef3e33;
}
#menu_r .item h3,
#menu_l .item h3 {
  border-bottom: 1px solid #fff; /* 5px */
}
#menu_r .item h3.minimize,
#menu_l .item h3.minimize {
  cursor: pointer;
}
#menu_r .item h3 a,
#menu_l .item h3 a {
  color: #fff;
  display: block;
  padding: 5px 0 5px 8px;
}
#menu_r .item h3.minimized,
#menu_l .item h3.minimized {
  background: #1860ac url('/assets/img/icons/menu/minimize.png') center right no-repeat;
}
#menu_r .item h3.maximized,
#menu_l .item h3.maximized {
  background: #1860ac url('/assets/img/icons/menu/maximize.png') center right no-repeat;
}
#menu_r .item ul,
#menu_l .item ul {
  list-style: none;
}


/* menu left */
#menu_l {
  width: 168px;

}
#menu_l .item:not(:last-child) {
  margin-bottom: 10px;
    z-index: 100;
}
#menu_l .item ul li {
  /* background: url("/img/layout/menu_l_arrow.png") 8px center no-repeat; */
  background-color: #eef3f8;
  margin-bottom: 1px;
  font-size: 13px;
}
#menu_l .item ul li:hover {
  background-color: #fff;
}

#menu_l .item ul li a {
  display: block;
  padding: 5px 6px 5px 8px;
  font-weight: 600;
  border-bottom: 1px dotted #ccc;
}


/* menu right */
#menu_r {
  width: 190px;
  float: right;
}
#menu_r .banner,
#menu_r #banners li {margin-bottom: 5px;}
#menu_r .item:not(:last-child) {
  margin-bottom: 10px;
}
#menu_r .item > div {
  background-color: #eef3f8;
  border-bottom: 1px dotted #ccc;
  margin: 0;
  padding: 5px;
}
#menu_r .item > div p {
  padding: 0;
  margin: 0;
}
#menu_r .item > div p.title {
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 5px;
}
#menu_r .item > div p.tel {
  text-align: center;
  font-size: 22px;
  margin-bottom: 5px;
}
#menu_r .item > div p.tel:before {
  content: url('/img/icons/queue_phone.png');
  padding-right: 5px;
}
#menu_r .item > div p.text {
  text-align: center;
  font-size: 10px;
}
#menu_r .item > div table {
  width: 100%;
}
#menu_r .item > div table:not(:first-child) {
  border-top: 1px dotted #ccc;
  margin-top: 5px;
  padding-top: 5px;
}
#menu_r .item ul li {
/*  background: url("/img/layout/menu_l_arrow.png") 8px center no-repeat; */
 /* background-color: #eef3f8; */
 /* border-bottom: 1px dotted #ccc; */
  margin-bottom: 1px;
}
#menu_r .item ul li:hover {
  background-color: #fff;
}
#menu_r .item ul li a {
  display: block;
  padding: 4px 6px 4px 18px;
  font-weight: 600;
}
#menu_r .item ul li a.truncate,
#menu_r .item ul li a#truncate_outlet {
	width: 155px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#menu_r .item ul li a#truncate_outlet {
	width: 125px !important;
}
#menu_r .item ul li#filter select,
#menu_r .item ul li#mnu_filter select {
  width: 100%;
  padding: 2px;
}
#menu_r .item ul li#klant:hover,
#menu_r .item ul li#filter:hover,
#menu_r .item ul li#mnu_filter:hover,
#menu_r .item ul li#more:hover {
  background: #eef3f8;
}
#menu_r .item ul li#klant {
  text-align: center;
  font-weight: 600;
}

#menu_r .item ul li#winkelmandje a,
#menu_r .item ul li#snelkeuze a,
#menu_r .item ul li#verlang a,
#menu_r .item ul li#orders a,
#menu_r .item ul li#profiel a {
  padding-left: 28px;
}
#menu_r .item ul li#winkelmandje {background-image: url('/assets/img/icons/mijn/winkelmandje.png');}
#menu_r .item ul li#snelkeuze {background-image: url('/assets/img/icons/mijn/snelkeuze.png');}
#menu_r .item ul li#verlang {background-image: url('/assets/img/icons/mijn/verlang.png');}
#menu_r .item ul li#orders {background-image: url('/assets/img/icons/mijn/orders.png');}
#menu_r .item ul li#profiel {background-image: url('/assets/img/icons/mijn/profiel.png');}

#menu_r .item ul li#klant,
#menu_r .item ul li#filter,
#menu_r .item ul li#mnu_filter {
  background-image: none !important;
  padding: 4px 6px 4px 6px;
}
#menu_r .item ul li#klant a,
#menu_r .item ul li#filter a,
#menu_r .item ul li#mnu_filter a {
  border: 0;
  padding: 0;
}
#menu_r .item ul li#klant a,
#menu_r .item ul li#filter a,
#menu_r .item ul li#mnu_filter a {
  display: inline;
}
#menu_r .item ul li#more {
  background-image: none !important;
  padding: 0;
  text-align: right;
}

#menu_r .item ul li#top {
  overflow: hidden;
  /*background-image: none;*/
}
#menu_r .item ul li#top a {
  float: left;
}
#menu_r .item ul li#top a.truncate {
	width: 112px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#menu_r .item ul li#top span#rank {
  float: left;
  position: absolute;
  padding: 4px 6px 4px 6px;
}
#menu_r .item ul li#top span#price {
  float: right;
  position: absolute;
  text-align: right;
  padding: 4px 5px 4px 0;
  width: 50px;
}

#menu_r .item div#mnu_filter {
  line-height: 18px;
}
#menu_r .item div#mnu_filter h4 {
  margin-top: 5px;
  color: black;
}
#menu_r .item div#mnu_filter div {
  margin-bottom: 5px;
  overflow: hidden;
}
#menu_r .item div#mnu_filter div h4 {
  margin-top: 0px;
}
#menu_r .item div#mnu_filter label {
  float: left;
  clear: left;
}
#menu_r .item div#mnu_filter label input {
  position: relative;
  top: 2px;
  margin-right: 5px;
}

#menu_r .item ul#mnu_recentviewed {
  overflow: hidden;
}
#menu_r .item ul#mnu_recentviewed li {
  overflow: hidden;
  background-image: none;
}
#menu_r .item ul#mnu_recentviewed li a {
  display: block;
  padding: 5px !important;
  position: relative;
}
#menu_r .item ul#mnu_recentviewed li a span {
  display: block;
}
#menu_r .item ul#mnu_recentviewed li a span#image {
  float: left;
  margin-right: 5px;
}
#menu_r .item ul#mnu_recentviewed li a span#image img {
  border: 1px dotted #ccc;
}
#menu_r .item ul#mnu_recentviewed li a span#title {
  float: left;
	width: 115px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
  display: block;
}
#menu_r .item ul#mnu_recentviewed li a span#artnr {
  color: gray;
}
#menu_r .item ul#mnu_recentviewed li a span#price {
  position: absolute;
  right: 5px;
  bottom: 5px;
  color: #444;
  font-size: 14px;
}
/* banner right punten*/
.bannerpuntenwrap{
  width: 180px;
  height: 330px;
  margin-bottom: 60px;

}
.bannerpunten{
  padding: 5px;
  margin-bottom: 5px;
  list-style-type: none;
  width: 178px;
  border: 1px #1860AC solid;
  background-color: #eef3f9; 

}

a[href="afhalen-en-verzenden/#afhalen"]{
  display: none;
}

.bannerpunten li{
  width:180px;
  /* height: 40px; */
  border-bottom: solid 1px #d4daef; 
  padding-bottom: 8px;
}
.bannervinkje{
  padding-right: 2px;
  padding-top: 8px;
}
.bannerpunttekst{
  font-family: "Open Sans", sans-serif;
  color:  #1860ab;
  font-size: 12px;
  font-weight: 200;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 23px;
}
.bannervinkjewrap{
  width:22px;
  float:left;
  color:#16A825;
  padding-top:8px;
  padding-left:1px;
  padding-bottom:3px;
}

.bannerinfowrap{
   width:22px;
   float:left;
   color:orange;
   padding-top:8px;
   padding-left:1px;
   padding-bottom:3px;
 }
 


.bannerpunten a {text-decoration:none;  }
/* banner right punten eind*/
#left h1,
#left h2,
#left h3,
#left h4,
#left h5,
#left h6 {
  font-weight: 600;
  color: #004070;
}

#left h1 {
  font-size: 2em;
}

#left h2 {
  font-size: 1.4em;
  color: #104D7B;
  margin-top:10px;
  margin-bottom:6px;
}

#left h3 {
  font-size: 1.4em;
  color: #104D7B;
}

#left h5 {
  font-size: 1.2em;
  color: #CC0000;
}


/* ----- frontpage ----- */
#frontpage {
  position: relative;
  width: 598px;
  height: 100%;
  border: 1px solid #ccc;
}



#frontpage .carousel {
  visibility: hidden;
  position: relative;
  left: -5000px;
  height: 200px;
  border-bottom: solid 1px #ccc;
}


/* -----------  ----- FRONTPAGE WRAPPER  ----------- */
/* -----------  ----- PROMOS       ----------- */
.image_view {
  clear: both;
}
.image_view > li {
  display: block;
  clear: both;
  margin: 8px 8px 0 8px;
  padding-bottom: 8px;
  border-bottom: 5px dotted #fff;
}
.image_view > li:last-child {
  border-bottom: none;
}
.image_view li:after {
  visibility: hidden;
  display: block;
  clear: both;
  height: 0;
  content: ".";
}

/* -----------  ----- PROMOS     ----------- */
/* -----------  ----- COL LAYOUTS  ----------- */
.image_view li div {
  position: relative;
  display: block;
  overflow: hidden;
  float: left;
  width: 290px;
  height: 162px;
}

.image_view li div.last {
  margin-left: 8px;
  border-right: none;
}

.image_view .col2 div {
  width: 290px;
  border-right: 1px dotted #ccc;
}

.image_view .col2.lrg div {
  width: 282px;
  border-right: none;
}

/* ---------------- EVENT  ----------- */

.image_view .col2.lrg.event div {
  width: 282px;
  float: left;
  height: 220px;
  margin-left: 10px;
  border-right: 1px dotted #ccc;
}

.image_view .col2.lrg.event span.uitverkocht {
  background-image: url('/img/uitverkocht.png');
  width: 282px;
  float: left;
  z-index: 99999;
  left: 0;
  height: 220px;
}

.image_view .col2.lrg.event div.last {
  float: right;
  border: none;
  padding: 0;
  width: 272px;
  margin: 0;
  margin-left: 10px;
}

.image_view .col2.lrg.event div.lrg.r, .image_view .col2.lrg.event div.lrg.l {
  width: 562px;
  height: 150px;
  padding: 0;
  margin: 0;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  border-right: none;
  border-left: none;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}

.image_view .col2.event ul, .image_view .col2.lrg.event div.last ul  {
  top:14em;
  width: auto;
}

.image_view .col2.event div.lrg.r .product_hdr, .image_view .col2.event div.lrg.l .product_hdr {
  padding-top: 30px;
  padding-left: 302px;
  background: url("") no-repeat;
  background-size: 200px;
  background-position: 50px;
}

.image_view .col2.event div.lrg.r ul, .image_view .col2.event div.lrg.l ul {
  top:50px;
  left:302px !important;
}

.image_view .col2.event div.lrg.r .vendor_logo, .image_view .col2.event div.lrg.l .vendor_logo {
  left: 302px;
  bottom: 15px;
}

.image_view .col2.event div.lrg.r .price {
  bottom: 10px;
  right: 0px;
}

.image_view .col2.event div.lrg.r .price_old {
  bottom: 30px;
  right: 0px;
}


.image_view .col2.event .product_hdr {
  padding-top: 135px;
  background: url("") no-repeat center -20px;
}

.image_view .col2.event .vendor_logo {
  left:0;
  bottom: 8.5em;
}

.image_view .col2.event {
  border: none;
}

.image_view .col2.event .info, .image_view .col2.event .buy {
  display: none;
}

.image_view .col2.event .price, .image_view .col2.event .price_old {
  left:inherit;
  right: 10px;
}

/*-------------------------------------*/


/*
.image_view .col2.lrg .buy {
  right: 8px;
}

.image_view .col2.lrg .info {
  right: 70px;
}
*/

.image_view .col2.lrg div.lrg.l .buy {
	right: 8px;
}

.image_view .col2.lrg div.lrg.l .info {
	right: 70px;
}

.image_view .col2.lrg div.lrg.l .price, .image_view .col2.lrg div.lrg.l .price_old {
  right: 10px;
}

.image_view .col2.lrg div.lrg {
  height: 345px;
}

.image_view .col2 div.last {
  width: 282px;
}

.image_view .col2.lrg div.lrg.l {
  width: 290px;
  margin-right: 8px;
  border-right: 1px dotted #ccc;
  border-left: 1px solid transparent;
}

.image_view .col2.lrg div.lrg.r {
  float: right;
  padding-left: 8px;
  margin-left: 8px;
  border-left: 1px dotted #ccc;
}

.image_view .col2.lrg div.last {
  padding-top: 10px;
  margin: 10px 0 0 0;
  border-top: 1px dotted #ccc;
}

.image_view .col2.lrg div.last p,
.image_view .col2.lrg div.last ul  {
  top: 2.5em;
}

.image_view .col3 div {
  width: 190px;
  height: 246px;
  margin-right: 8px;
  overflow: visible;
  margin-right: 10px;
  /*border-right: 1px dotted #ccc;*/
}

#gallery.image_view .col3 ul {
	top: 70px;
	left: 210px;
}

#gallery.image_view .col3 li {
	padding-left: 10px;
	border: 0px;
	background: url("/img/sum_art.jpg") no-repeat 0 6px;
}

#extra {
	left: -5px;
	top: -5px;
	position: absolute;
	background-color: #fff;
	width: 370px;
	display:none;
	z-index: 999;
	border: solid 5px #fff;
	box-shadow: 5px 0px 10px 0px rgba(102,102,102,0.6), -5px 0px 10px 0px rgba(102,102,102,0.6);
	height: 246px;
}

.last #extra {
	width: 362px;
}

.image_view .col3 div.last {
  width: 182px;
  padding: 0;
  margin: 0;
}

/* -----------  ----- COL LAYOUTS   ----------- */
/* -----------  ----- HEADER LINKS  ----------- */
.image_view .product_hdr {
  display: block;
  height: 140px;
  font-size: 1.1em;
  font-weight: bold;
  background: url("") no-repeat right -5px;
}

ul#gallery.image_view .product_hdr {
	width: 182px;
}

.image_view .col2 div.lrg .product_hdr {
  width: 100%;
  padding-top: 185px;
  background-position: center -3px;
}

.image_view .col3 .product_hdr {
  height: 190px;
  background-position: 15px 60px;
}

#gallery.image_view .col3 .product_hdr {
  background-position: 30px 42px;

}


/* -----------  ----- HEADER LINKS  ----------- */
/* -----------  ----- PARAGRAPHS  ----------- */
.image_view .col p,
.image_view .col2 p,
.image_view .col3 p,
.image_view .col ul,
.image_view .col2 ul,
.image_view .col3 ul {
  position: absolute;
  left: 0;
  top: 1.5em;
  width: 135px;
  /*height: 100%;*/
  margin: 0;
  line-height: 14px;
  color: #494949;
}
.image_view .col2.lrg div.lrg.r p,
.image_view .col2.lrg div.lrg.r ul {
  left: 8px;
}
.image_view .col2 div.lrg p,
.image_view .col2 div.lrg ul {
  top: 202px;
  width: 100%;
}
.image_view .col3 p,
.image_view .col3 ul {
  width: 178px;
  height: auto;
}


/* -----------  ----- PARAGRAPHS   ----------- */
/* -----------  ----- LINKS     ----------- */
.image_view a {
  color: #004070;
}
.image_view a:hover {
  color: #004070;
  text-decoration: underline;
}
.image_view a:hover span {
  cursor: pointer;
}


/* -----------  ----- LINKS  ----------- */
/* -----------  ----- LISTS  ----------- */
.image_view .col2 ul li,
.image_view .col3 ul li {
  padding-left: 7px;
  background: url("/img/sum_home.jpg") no-repeat 0 4px;
}


/* -----------  ----- LISTS     ----------- */
/* -----------  ----- BUY & INFO  ----------- */
.image_view .info,
.image_view .buy {
  position: absolute;
  overflow: hidden;
  bottom: 2px;
  height: 0;
  padding-top: 18px;
}
.image_view .info {
  left: 0px;
  width: 18px;
  background: url("/img/icons/info.png") no-repeat 0 0;
}
.image_view .col2.lrg div.lrg.r .info {
  left: 8px;
}
.image_view .buy {
  left: 22px;
  width: 59px;
  background: url("/img/icons/order.png") no-repeat 0 0;
}
.image_view .col2.lrg div.lrg.r .buy {
  left: 30px;
}
.image_view .info:hover,
.image_view .buy:hover {
  background-position: 0 -19px;
}


/* -----------  ----- BUY & INFO  ----------- */
/* -----------  ----- PRICING   ----------- */
.image_view .price,
.image_view .price_old {
  position: absolute;
  bottom: 0;
  right: 4px;
  font-size: 20px;
  font-weight: 800;
  color: #444;
  position: absolute;
}
.image_view .price_old {
  bottom: 1.8em;
  /*background: url("/img/icons/strike.gif") no-repeat -5px 3px;*/
  font-size: 1.1em;
  text-decoration: line-through;
  color: #000;
  opacity: 0.7;
}

.image_view .button-order {
  position: absolute;
  bottom: 0px;
}

.image_view .order-button-iq2 {
   position: absolute;
   bottom: 0px;
 }
 

#price .price_old {

  font-weight: bold;
  margin: 0 !important;
  width:100%;
  /*background: url("/img/icons/strike.gif") no-repeat -5px 3px;*/
  font-size: 1.4em;
  text-decoration: line-through;
  color: #000;
  text-align:right;
  opacity: 0.7;
}


/* -----------  ----- PRICING    ----------- */
/* -----------  ----- STOCK STATUS  ----------- */
.image_view .ss {
  position: absolute;
  left: 0;
  bottom: 24px;
  font-weight: bold;
}


/* -----------  ----- STOCK STATUS  ----------- */
/* -----------  ----- STOCK STATUS PRODUCTPAGINA ----------- */
.stock_status {
  display: inline-block;
  height: 15px;
  padding: 0 25px 0 0;
  margin: 0 0 4px 0;
  font-size: 1.3em;
  font-weight: bold;
  background: url("/img/icons/stock_status_trucks.png") no-repeat;
}
.stock_info {
  display: inline-block;
  padding: 1px 0 0px 23px;
  vertical-align: top;
  color: #333;
}
span.ss10,
span.ss11,
span.ss20,
span.ss21 {
  background-position: right 4px;
  color: #009700; /* Groen */
}
span.ss22,
span.ss23,
span.ss24,
span.ss25,
span.ss42 {
  background-position: right -46px;
  color: #F15109; /* Oranje */
}
span.ss30,
span.ss31,
span.ss32 {
  background-position: right -146px;
  color: #0093D6; /* Blauw */
}
span.ss40,
span.ss41,
span.ss-1 {
  background-position: right -96px;
  color: #E60005; /* Rood */
}


/* -----------  ----- STOCK STATUS PRODUCTPAGINA ----------- */
/* -----------  ----- ICONS & LOGOS  ----------- */
.image_view .vendor_logo {
  position: absolute;
  overflow: hidden;
  left: 120px;
  bottom: 0.5em;
  width: 60px;
  height: 0;
  padding: 18px 0 0 0;
  background-repeat: no-repeat;
}
.image_view .col2.lrg {
  border-bottom: 1px dotted #ccc;
}
#gallery.image_view .vendor_logo {
	top: 5px;
	left: 280px !important;
	position: absolute;
}

.openingsdeal,
.opruiming,
.topdeal,
.tip,
.actie,
.giftcard,
.actievaderdag,
.back2school,
.gamingdays,
.nieuw,
.hwigold,
.hwibronze,
.hwisilver,
.opisop,
.gratisverzenden,
.prijsdaling,
.stunt,
.meervoorminder,
.uitverkocht,
.usb30,
.win10,
.fullhd {
  position: absolute;
  overflow: hidden;
  height: 0;
  background: url("") no-repeat 0 0;
}

.dealleeg {
  position: absolute;
  overflow: hidden;
  width: 100px;
  padding-top: 20px;
  background: url("/img/icons/dealleeg.png") no-repeat 0 0;
  left: 185px !important;
  top: 0em !important;
}

.wwwuitverkocht {
  position: absolute;
  overflow: hidden;
  width: 120px;
  padding-top: 100px;
  background: url("/img/icons/uitverkochtlang.png") no-repeat 0 0;
  left: 120px !important;
  top: 80px !important;
}

.openingsdeal {
  width: 114px;
  padding-top: 34px;
  background-image: url("/img/icons/openingsdeal.png");
}
.opruiming {
  width: 80px;
  padding-top: 80px;
  background-image: url("/img/icons/opruiming.png");
  background-size: contain;
}
.topdeal {
  width: 58px;
  padding-top: 56px;
  background-image: url("/img/icons/topdeal.png");
}
.tip {
  width: 80px;
  padding-top: 38px;
  background-image: url("/img/icons/tip.png");
  background-size: contain;
}
.actie {
  width: 80px;
  padding-top: 80px;
  background-image: url("/img/icons/actie.png");
  background-size: contain;
}

.win10 {
  width: 80px;
  padding-top: 80px;
  background-image: url("/img/icons/win10.png");
  background-size: contain;
}

.actievaderdag {
  width: 80px;
  padding-top: 80px;
  background-image: url("/img/layout/vaderdag/vaderdag.png");
  background-size: contain;
}

.back2school {
  width: 90px;
  padding-top: 80px;
  background-image: url("/img/icons/back2school.png");
  background-size: contain;
}

.ballon {
  position: absolute;
  overflow: hidden;
  width: 100px;
  padding-top: 10px;
  background: url("/img/icons/icon-21jaar.png") no-repeat 0 0;
  background-size: 100px;
  left: 180px !important;
  top: 0em !important;
}

.ballontext {
  font-family: 'Open Sans', sans-serif;
  font-weight:bold;
  font-size: 70px;
  fill: white;
  stroke: #003B6E;
  stroke-width: 2;
  stroke-location: outside;
}

.giftcard {
  width: 80px;
  padding-top: 70px;
  background-image: url("/img/icons/giftcard.png");
  background-size: contain;
}

.gamingdays {
  width: 90px;
  padding-top: 80px;
  background-image: url("/img/icons/gamingdays.png");
  background-size: contain;
}


.wwwactie {
  width: 67px;
  left: 170px !important;
  height: auto;
  color: white;
  font-weight: bold;
  font-size: 1.2em;
  padding: auto;
  background-image: url("/img/www/korting.png");
}
.wwwactie2 {
  width: 67px;
  left: 170px !important;
  padding-top: 68px;
  background-image: url("/img/www/korting.png");
}
.nieuw {
  width: 80px;
  padding-top: 80px;
  background-image: url("/img/icons/nieuw.png");
    background-size: contain;
}
.giftcardtwvwrap{
  color:white;
  font-weight:700;
  font-family:'arial';
  width:790px;
  height:150px;
  background-image: url('/img/giftcardtwv.png');
}
.giftcardtwvpos
{
  height:88px;
  margin-top:62px;
  float:right;
  padding-right:460px;
}
.giftcardtwvtekst
{
  position:absolute;
  font-size: 53px;
}
.hwigold {
  width: 80px;
  padding-top: 80px;
  background-image: url("/assets/img/awards/hwi/gold.png");
    background-size: contain;
}
.hwibronze {
  width: 80px;
  padding-top: 80px;
  background-image: url("/assets/img/awards/hwi/bronze.png");
    background-size: contain;
}
.hwisilver {
  width: 80px;
  padding-top: 80px;
  background-image: url("/assets/img/awards/hwi/silver.png");
    background-size: contain;
}
.opisop {
  width: 80px;
  padding-top: 80px;
  background-size: contain;
  background-image: url("/img/icons/opisop.png");
}
.gratisverzenden {
  width: 59px;
  padding-top: 34px;
  background-image: url("/img/icons/gratisverzenden.png");
}

.prijsdaling {
  width: 58px;
  padding-top: 58px;
  background-image: url("/img/icons/prijsdaling.png");
}
.stunt {
  width: 58px;
  padding-top: 58px;
  background-image: url("/img/icons/stunt.png");
}
.usb30 {
  width: 58px;
  padding-top: 30px;
  background-image: url("/img/icons/usb30.png");
}
.meervoorminder {
  width: 68px;
  padding-top: 44px;
  background-image: url("/img/icons/meervoorminder.png");
}
.uitverkocht {
  width: 110px;
  padding-top: 200px;
  background-image: url("/img/icons/uitverkocht.png");
}

.fullhd {
  width: 50px;
  padding-top: 40px;
  background-image: url("/img/icons/fullhd.png");
}

.image_view .red {
  color: #DD0021;
  font-weight: normal;
  font-style: italic;
}
.image_view .openingsdeal,
.image_view .opruiming,
.image_view .topdeal,
.image_view .tip,
.image_view .actie,
.image_view .actievaderdag,
.image_view .gamingdays,
.image_view .nieuw,
.image_view .hwigold,
.image_view .hwibronze,
.image_view .hwisilver,
.image_view .opisop,
.image_view .prijsdaling,
.image_view .stunt,
.image_view .meervoorminder,
.image_view .uitverkocht,
.image_view .usb30,
.image_view .gratisverzenden,
.image_view .fullhd {
  left: 200px;
  top: 1em;
}

.image_view .back2school{
  left: 190px;
  top: 1em;
}

.image_view .giftcard{
  left: 190px;
  top: 1em;
}

.image_view .openingsdeal {
  top: 1.4em;
}
.image_view .col2 div.lrg .actie {
  top: 0;
}

.image_view .col3 .openingsdeal,
.image_view .col3 .opruiming,
.image_view .col3 .topdeal,
.image_view .col3 .tip,
.image_view .col3 .actie,
.image_view .col3 .actievaderdag,
.image_view .col3 .back2school,
.image_view .col3 .giftcard,
.image_view .col3 .gamingdays,
.image_view .col3 .nieuw,
.image_view .col3 .opisop,
.image_view .col3 .gratisverzenden,
.image_view .col3 .prijsdaling,
.image_view .col3 .stunt,
.image_view .col3 .meervoorminder,
.image_view .col3 .uitverkocht,
.image_view .col3 .usb30,
.image_view .col3 .fullhd {
  top: 8em;
}

#gallery {
	margin-bottom:10px;
}

#gallery.image_view li .col3:first-child {
	margin-left: 2px;
}

#gallery.image_view .col3 .openingsdeal,
#gallery.image_view .col3 .opruiming,
#gallery.image_view .col3 .topdeal,
#gallery.image_view .col3 .tip,
#gallery.image_view .col3 .actie,
#gallery.image_view .col3 .actievaderdag,
#gallery.image_view .col3 .back2school,
#gallery.image_view .col3 .giftcard,
#gallery.image_view .col3 .gamindays,
#gallery.image_view .col3 .nieuw,
#gallery.image_view .col3 .gratisverzenden,
#gallery.image_view .col3 .opisop,
#gallery.image_view .col3 .stunt,
#gallery.image_view .col3 .meervoorminder,
#gallery.image_view .col3 .uitverkocht,
#gallery.image_view .col3 .usb30,
#gallery.image_view .col3 .fullhd {
  top: 3em;
  left: 100px;
}


/* -----------  ----- ICONS & LOGOS  ----------- */
/* -----------  ----- BANNERS    ----------- */
.image_view .full_col {
  border-bottom: 1px dotted #ccc;
  display: block;
  margin: 9px 0 0 9px; /* See IE7.css */
  padding: 0 0 10px 0;
  width: 582px;
  height: 145px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.image_view .full_col_low {
  border-bottom: 1px dotted #ccc;
  display: block;
  margin: 9px 0 0 9px; /* See IE7.css */
  padding: 0 0 10px 0;
  width: 582px;
  height: 92px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.image_view .full_col_75 {
  display: block;
  margin: 9px 0 0 9px; /* See IE7.css */
  padding: 0;
  width: 582px;
  height: 75px;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.image_view .banner {
  border: 1px solid red;
  display: block;
  overflow: hidden;
  height: 0;
  background: url("") no-repeat 0 0;
}

.image_view .col1 {
  /* See ie7.css for IE7 margin fix! */
}
.image_view .col1 .banner {
  width: 581px;
  padding-top: 162px;
}
.image_view .col2 .banner,
.image_view .col3 .banner {
  float: left;
  padding-top: 162px;
}
.image_view .col2 .banner {
  width: 286px;
  margin-right: 9px;
}
.image_view .col3 .banner {
  width: 188px;
  margin-right: 8px;
}
.image_view .col3 .banner.mid {
  width: 189px;
}
.image_view .col2.sml .banner,
.image_view .col3.sml .banner {
  padding-top: 80px;
}
.image_view .banner.last {
  margin-right: 0;
}

/* -----------  ----- BANNERS  ----------- */
/* -----------  ----- PROMOS   ----------- */

/* Nieuws */
.nws {
  font-size: 1.1em;
  color: #000;
  text-align: justify;
}
.nws h3 {
  margin-bottom: 12px;
  font-size: 1.45em;
  font-weight: 600;
}
.nws h4 {
  margin-bottom: 1em;
  font-weight: normal;
  color: #999999;
}
.nws .author {
  font-weight: bold;
}
.nws .left {
  float: left;
  margin: 0 10px 5px 0;
  border: solid 1px #000;
}
.nws .right {
  float: right;
  margin: 0 0 5px 10px;
  border: solid 1px #000;
}
.nws p {
  margin: 0em;
  margin-bottom: 1em;
}
.nws .content_alinea1 {
  font-size: 1.1em;
  font-weight: bold;
}
.nws .content {
  font-size: 1.1em;
  font-weight: normal;
}
.nws .bron {
  font-style:italic;
  font-weight: bold;
  color: #999999;
}


/* Artikelset 100 & 150*/
.artset_hdr {
  display: block;
  margin: 6px 0 0 0;
  width: 598px;
  border: 1px solid #ccc;
}

.artset_hdr2 {
  display: block;
  margin: 0px 0 0 0;
  width: 600px;
  border: 1px solid #ccc;
}

#artset #products {
  width: 578px;
  padding: 0 10px;
  margin-top: 10px;
  border-bottom: 1px solid #ccc;
}

#artset li {
  position: relative;
  display: block;
  height: 100px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0;
  border-bottom: 1px solid #ccc;
}

#artset._150 li {
  height: 150px;
}
#artset li.last {
  border-bottom: none;
}

#artset a {
  color: #004070;
}
#artset a:hover {
  text-decoration: underline;
}

#artset .product_hdr {
  display: block;
  width: 385px;
  height: 100px;
  padding-left: 110px;
  background: url("") no-repeat 0 0;
  font-size: 1.2em;
  font-weight: bold;
}

#artset._150 .product_hdr {
  width: 418px;
  height: 150px;
  padding-left: 160px;
  font-size: 1.4em;
}

#artset p {
  position: absolute;
  left: 110px;
  top: 34px;
  width: 360px;
  height: 60px;
  margin: 0;
  color: #393939;
  line-height: 1.4em;
}

#artset._150 p {
  left: 160px;
  width: 418px;
  height: 110px;
  font-size: 1.2em;
}

#artset .info,
#artset .buy {
  position: absolute;
  overflow: hidden;
  bottom: 8px;
  height: 0;

}

/*#artset .info {
  right: 62px;
  width: 18px;
  background: url("/img/icons/info.png") no-repeat 0 0;
}*/

#artset .buy {
  right: 0;
  width: 76px;
  height: 25px;
  background: url("/img/icons/order-test.png") no-repeat 0 0;
}

#artset .info:hover,
#artset .buy:hover {
  background-position: 0 -26px;
}

#artset .price,
#artset .price_old {
  position: absolute;
  right: 0;
  bottom: 50px;
  font-size: 20px;
  font-weight: bold;
  color: #444;
}

#artset._150 .price,
#artset._150 .price_old {
  bottom: 5px;
  font-size: 1.6em;
}

#artset .price_old {
  bottom: 72px;
  background: url("/img/icons/strike.gif") no-repeat -5px 3px;
  font-size: 1.1em;
  /*text-decoration: line-through;*/
  color: #333;
}

#artset._150 .price_old {
  bottom: 25px;
  font-size: 1.25em;
  color: #444;
}

#artset .stock {
  position: absolute;
  left: 230px;
  bottom: 10px;
  font-size: 0.91em;
  font-weight: bold;
  color: #000;
}

#artset .vendor {
  position: absolute;
  display: block;
  overflow: hidden;
  left: 110px;
  bottom: 10px;
  width: 60px;
  height: 0;
  padding-top: 18px;
  background-repeat: no-repeat;
}

#artset._150 .vendor {
  left: 160px;
}

#artset .available,
#artset .delivery_unknown,
#artset .delivery_known {
  position: absolute;
  left: 110px;
  top: 97px;
  font-size: 1em;
  font-weight: bold;

}

#artset .available,
#artset .delivery_known,
.image_view .available,
.image_view .delivery_known {
   color: #099A19;
}

#artset .delivery_unknown,
.image_view .delivery_unknown {
   color: #FF6600;
}

#artset .delivery_known{
 color: #e38d11 !IMPORTANT;
}
#artset .opruiming,
#artset .topdeal,
#artset .tip,
#artset .actie,
#artset .nieuw,
#artset .opisop,
#artset .gratisverzenden,
#artset .stunt,
#artset .fullhd {
  left: 0;
  top: 2px;
  width: 60px;
}

#artset .actie {

}

#artset .opruiming {
  top: 10px;
}

#artset .opisop {
  left: 0px;
  width: 50px;
}

#artset_topbanner img {
  display: block;
}

.artset_hdr_text {
    font-size: 1.23rem;
    font-weight: 600;
    padding-top: 20px;
    padding-left: 20px;
}
/* Einde artikelset 100 & 150*/


/* Uitverkocht */
#uitverkocht {
  margin-top: 5px;
  padding-bottom: 20px;
}

#uitverkocht p {
  margin: 5px 0 0 0;
  padding: 0;
}

#uitverkocht #verplicht {
  float: right;
  padding: 0 5px 6px 0;
  color: #555;
}

#uitverkocht .row {
  clear: both;
  height: 20px;
  padding: 6px 5px 6px 5px;
  border-bottom: 1px solid #DEE7F7;
  background-color: #EEF3F8;
}

#uitverkocht .selected {
  background-color: #DEE7F7;
}

#uitverkocht .top {
  border-top: 1px solid #DEE7F7;
}

#uitverkocht label {
  font-weight: bold;
}

#uitverkocht .input,
#uitverkocht .select {
  width: 200px;
  padding: 0 2px 0 2px;
  margin-top: 1px;
  border: solid 1px #004070;
  font-size: 1em;
  color: #555;
}

#uitverkocht .select {
  width: 205px;
}

#uitverkocht .input_ok {
}

#uitverkocht .input_bad {
}


#uitverkocht #aanhef label {
  font-weight: normal;
}

#uitverkocht #aanhef_m,
#uitverkocht #aanhef_f {
  border: none;
}

#uitverkocht #aanhef span,
#uitverkocht label {
  width: 140px;
  height: 18px;
  padding-top: 2px;
  float: left;
  font-weight: bold;
}

#uitverkocht .radio label {
  float: none;
}

#uitverkocht .input_wrap {
  padding-right: 20px;
  float: left;
  background: url(/img/icons/form_check.gif) no-repeat right 3px;
}

#uitverkocht .input_ok {
  background-position: right -37px;
}

#uitverkocht .input_bad {
  background-position: right -18px;
}

#uitverkocht #uvk_submit {
  width: 76px;
  height: 16px;
  margin: 16px 0 0 5px;
}

#uitverkocht .required {
  margin-left: 5px;
  color: #F00;
}

#uitverkocht .error {
  display: none;
  float: left;
  padding: 2px 5px 0 5px;
  color: #F00;
}

#uitverkocht .submit_off {
  background: url(/img/verstuur.gif) no-repeat left top;
  cursor: default;
}

#uitverkocht .submit_on {
  background: url(/img/verstuur.gif) no-repeat left -16px;
  cursor: pointer;
}

#uitverkocht .submit_on:hover {
  background: url(/img/verstuur.gif) no-repeat left -32px;
}

/* footer */
#footer {
  clear: both;
  width: 998px;
  padding: 200px 0 5px 0;
  margin: 0 auto;
  background-color: white;
  border-left: solid 5px #fff;
  border-right: solid 5px #fff;
}
#footer ul {
  display: inline-block;
  width: 248px;
  vertical-align: top;
}
#footer ul li {
  display: block;
  margin: 5px 0 0 15px;
  padding: 0 0 0 10px;
  background: url("/img/sum_home.jpg") 0 4px no-repeat;
}
#footer .edge:not(:first-child) {
  border-left: 1px dotted #ccc;
}
#footer .hdr {
  padding: 0;
  background: none;
  font-size: 11pt;
  font-weight: bold;
  color: #333;
}
#footer #socialmedia {
  margin: 0 0 10px 0;
  padding: 0;
  width: 100%;
  height: 22px;
  border-bottom: 1px solid #ccc;
  background: none;
}
#footer #socialmedia li {
  float: right;
  margin: 0;
  margin-right: 10px;
  padding:0;
  width: 32px;
  height: 32px;
  display: inline-block;
  background: none;
}
#footer #socialmedia a {
  margin: 0 5px 0 0;
  padding: 0;
  height: 0;
  width: 0;
  display: inline-block;
  overflow: hidden;
  background: none;
}
#footer #socialmedia #facebook_ftr a,
#footer #socialmedia #google_ftr a,
#footer #socialmedia #rss_ftr a,
#footer #socialmedia #twitter_ftr a,
#footer #socialmedia #instagram_ftr a,
#footer #socialmedia #youtube_ftr a {
  padding: 22px 0 0 32px;
  opacity: 0.75;
}
#footer #socialmedia #facebook_ftr a:hover,
#footer #socialmedia #google_ftr a:hover,
#footer #socialmedia #rss_ftr a:hover,
#footer #socialmedia #twitter_ftr a:hover,
#footer #socialmedia #instagram_ftr a:hover,
#footer #socialmedia #youtube_ftr a:hover {
  top: -4px;
  padding: 26px 0 0 32px;
  opacity: 1.0;
}
#footer #socialmedia #facebook_ftr a {
  background: url('https://www.informatique.nl//assets/img/social/32/facebook.png') no-repeat;
  position: relative;
}
#footer #socialmedia #google_ftr a {
  background: url('https://www.informatique.nl//assets/img/social/32/google.png') no-repeat;
  position: relative;
}
#footer #socialmedia #rss_ftr a {
  background: url('https://www.informatique.nl//assets/img/social/32/rss.png') no-repeat;
  position: relative;
}
#footer #socialmedia #twitter_ftr a {
  background: url('https://www.informatique.nl/assets/img/social/32/twitter.png') no-repeat;
  position: relative;
}
#footer #socialmedia #youtube_ftr a {
  background: url('https://www.informatique.nl//assets/img/social/32/youtube.png') no-repeat;
  position: relative;
}
#footer #socialmedia #instagram_ftr a {
  background: url('https://www.informatique.nl//assets/img/social/32/instagram.png') no-repeat;
  position: relative;
}

#footer #group {
  display: inline-block;
  width: 235px;
  background: none;
  border-left: 1px dotted #ccc;
  margin-bottom: 5px;
  padding-left: 5px;
}
#footer #group .tel {
  font-size: 10pt;
  font-weight: bold;
  letter-spacing: 0.2pt;
  color: #333;
}
#footer #servicemarks {
  margin: 10px 0 10px 10px;
  width: 225px;
	border-top: 1px dotted #ccc;
}
#footer #servicemarks li {
  display: inline;
  padding: 0;
  margin: 0;
  background: none;
}
#footer #group #servicemarks a {
  display: inline-block;
  width: 0;
  height: 0;
  margin: 8px 0 0 0;
  padding: 40px 0 0 40px;
  overflow: hidden;
  border: 1px solid white;
  background-image: url("/img/layout/servicemarks_logos2.png");
}
#footer #group #servicemarks a:hover {
  border:1px dotted #ccc;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#footer #group #servicemarks #tww_ftr {
  background-position: 0 0;
}
#footer #group #servicemarks #postnl_ftr {
  background-position: 0 -40px;
}
#footer #group #servicemarks #ictw_ftr {
  background-position: 0 -80px;
}
#footer #group #servicemarks #qshops_ftr {
  background-position: 0 -120px;
}
#footer #group #servicemarks #ideal_ftr {
  background-position: 0 -160px;
}
#footer #group #servicemarks #dhl_ftr {
  background-position: 0 80px;
}
#footer #legal {
  display: block;
  clear: both;
  width: 100%;
  margin: 10px 0 10px 0;
  text-align: center;
  border-top: 1px solid #ccc;
}
#footer #legal li {
  display: inline-block;
  padding: 0 0 0 18px;
  background: url("/img/layout/legal_spacer.png") no-repeat 0 0;
}
#footer #legal li.first {
  background: none;
}



#mnu_nieuwsbrief {
  width: inherit;
  position: relative;
  overflow: hidden;
}
#mnu_nieuwsbrief li {
  background: none;
  padding: 0;
}
#mnu_nieuwsbrief .input {
  border: 1px solid #ccc;
  border-right: 0;
  float: left;
  font-size: 1em;
  height: 18px;
  padding-left: 2px;
  padding-right: 2px;
  vertical-align: middle;
  width: 153px;
  margin-bottom: 5px;
}
#mnu_nieuwsbrief .button {
  background: #fff url("/assets/img/buttons/submit.png") center center no-repeat;
  border: 0;
  cursor: pointer;
  height: 22px;
  margin: 0;
  position: absolute;
  right: 5px;
  width: 22px;
  clear: right;
}
#mnu_nieuwsbrief .button {
  border: 1px solid #ccc;
  border-left: 1px dotted #ccc;
}
#mnu_nieuwsbrief .label {
  float: left;
  line-height: 20px;
  margin-right: 5px;
}
#mnu_nieuwsbrief .label input {
  position: relative;
  top: 2px;
}


/* carousel */
.featured {
  height: 150px;
  position: relative;
  visibility: hidden;
  left: -5000px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
}
.featured ul a {
  display: block;
  width: 598px;
  height: 0;
  padding-top: 150px;
  overflow: hidden;
}
.featured .jcl_control {
  z-index: 10;
  position: absolute;
  top: -1px;
  right: 20px;
}
.featured .jcl_control li {
  display: inline;
}
.featured .jcl_control li a {
  display: block;
  float: left;
  width: 27px;
  height: 0;
  padding-top: 21px;
  overflow: hidden;
}
.featured .jcl_control #btn1 {
  background: url("/img/layout/carousel_tabs.gif") no-repeat 0 -21px;
}
.featured .jcl_control #btn2 {
  background: url("/img/layout/carousel_tabs.gif") no-repeat -27px 0;
}
.featured .jcl_control #btn3 {
  background: url("/img/layout/carousel_tabs.gif") no-repeat -54px 0;
}
.featured .jcl_control #btn4 {
  background: url("/img/layout/carousel_tabs.gif") no-repeat -81px 0;
}
.featured .jcl_control #btn5 {
  background: url("/img/layout/carousel_tabs.gif") no-repeat -108px 0;
}
.featured .jcl_control #btn6 {
  background: url("/img/layout/carousel_tabs.gif") no-repeat -135px 0;
}
.featured .jcl_control #btn7 {
  background: url("/img/layout/carousel_tabs.gif") no-repeat -162px 0;
}
.featured .jcl_control #btn8 {
  background: url("/img/layout/carousel_tabs.gif") no-repeat -189px 0;
}
.featured .jcl_control #btn9 {
  background: url("/img/layout/carousel_tabs.gif") no-repeat -216px 0;
}



.carousel,
.carousel_right {
  height: 200px;
  position: relative;
  visibility: hidden;
  left: -5000px;
}
.carousel_right {
  height: 160px;
}
.carousel ul a,
.carousel_right ul a {
  display: block;
  width: 598px;
  height: 0;
  padding-top: 200px;
  overflow: hidden;
}
.carousel_right ul a {
  width: 191px;
}
.carousel .jcl_control {
  z-index: 10;
  position: absolute;
  top: -1px;
  right: 20px;
}
.carousel_right .jcl_control {
  display: none;
  visibility: hidden;
}
.carousel .jcl_control li {
  display: inline;
}
.carousel .jcl_control li a {
  display: block;
  float: left;
  width: 27px;
  height: 0;
  padding-top: 21px;
  overflow: hidden;
}
.carousel .jcl_control #btn1 {
  background: url("/img/layout/carousel_tabs.gif") no-repeat 0 -21px;
}
.carousel .jcl_control #btn2 {
  background: url("/img/layout/carousel_tabs.gif") no-repeat -27px 0;
}
.carousel .jcl_control #btn3 {
  background: url("/img/layout/carousel_tabs.gif") no-repeat -54px 0;
}
.carousel .jcl_control #btn4 {
  background: url("/img/layout/carousel_tabs.gif") no-repeat -81px 0;
}
.carousel .jcl_control #btn5 {
  background: url("/img/layout/carousel_tabs.gif") no-repeat -108px 0;
}
.carousel .jcl_control #btn6 {
  background: url("/img/layout/carousel_tabs.gif") no-repeat -135px 0;
}
.carousel .jcl_control #btn7 {
  background: url("/img/layout/carousel_tabs.gif") no-repeat -162px 0;
}
.carousel .jcl_control #btn8 {
  background: url("/img/layout/carousel_tabs.gif") no-repeat -189px 0;
}
.carousel .jcl_control #btn9 {
  background: url("/img/layout/carousel_tabs.gif") no-repeat -216px 0;
}


/* partners */
#menu_l div#partners ul li {
  border: 0;
  opacity: 0.5;
}
#menu_l div#partners ul li:hover {
  opacity: 1.0;
}


/* banners */
#menu_r div#banners ul {
  height: 70px !important;
  margin-bottom: 10px;
}


/* start: Stevie "Grandmaster" B. code shizzle for right column */
#first_menu {
  margin-top: 6px;
}

#my_account {
  height: 60px;
  text-align: center;
}

#newsletter {
  height: 45px;
  text-align: center;
}

#top_5 {
  height: 200px;
}

#my_account,
#newsletter,
#top_5,
#bargain_hunter {
  padding: 5px 0px 0px 0px;
  border-left: 1px solid red;
  border-right: 1px solid red;
  border-bottom: 1px solid red;
  margin-bottom: 12px;
}

#bargain_hunter li,
#top_5 li {
  border: 0px solid green;
  padding: 5px;
  background: url("/img/top5_stippellijn.gif") no-repeat 5px 37px;
}

#bargain_hunter .last,
#top_5 .last {
  background-image: none;
}

#bargain_hunter {
  height: 185px;
}

#bargain_hunter a,
#top_5 a {
  color: #666;
}

#bargain_hunter a:hover,
#top_5 a:hover {
  color: #f00;
}

.kopverlvf h3,
.kopverl2 h3 {
  padding-left: 15px;
}

#white {
  color: #fff;
}

.my_account_menu {
  padding-top: 5px;
}

.my_account_menu li {
  display: inline;
}

.my_account_menu a {
  border: 0px solid blue;
  display: inline-block;
  width: 30px;
  height: 0px;
  padding-top: 30px;
  overflow: hidden;
}

.t5_price {
  position: absolute;
  right: 0px;
  margin-right: 5px;
  color: #444;
  border: 0px solid blue;
}

#promos #openingstijden {
  width: 100%;
  top: 0;
  background: url("/img/banners/feestdagen.jpg") no-repeat 0 bottom;
}

#promos #openingstijden li {
  clear: both;
  padding: 0 0 0.2em;
  margin: 0.35em 0;
  background: none;
}

#promos #openingstijden li.first {
  border-bottom: 1px solid #ccc;
  font-size: 1.4em;
  font-weight: bold;
  color: #F00;
}

#promos #openingstijden li div {
  float: left;
  width: 65px;
  height: auto;
  font-weight: bold;
}

#promos #openingstijden li span {
  font-weight: bold;
  text-transform: uppercase;
  color: #1860AB;
}

#waarborgen {
    background-color: white;
    float: right;
    /* margin-right: 10px; */
    margin-top: px;
    background-image: url(/img/waarborgen.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding: 0.5px 4.3px 3.5px 1.5px;
    margin-right: -10px;
}
#waarborgen img {
  width: 20px;
}

/* Artikeloverzicht */
ul.breadcrumbs {
  float: left;
  width: 390px;
}

ul.breadcrumbs li {
  float: left;
  background: url("/img/layout/menu_l_arrow.png") no-repeat 0 50%;
}

ul.breadcrumbs a {
  display: block;
  padding: 0 6px 0 8px;
}

ul.breadcrumbs a,
ul.view_options a {
  line-height: 19px;
}

ul.breadcrumbs a:hover {
  color: #1860AB;
  text-decoration: underline;
}

ul.breadcrumbs li.last a {
  padding-right: 0;
  font-weight: bold;
}

ul.view_options {
  float: right;
  width: 210px;
}

ul.view_options li {
  float: right;
  background: url("/img/producten_tussenlijn.png") no-repeat right 50%;
}

ul.view_options li.first {
  background-image: none;
}

ul.view_options a {
  display: block;
  color: #000;
  padding: 0 8px;
  background: url("") no-repeat 6px 50%;
}

ul.view_options a:hover {
  color: #000;
  text-decoration: underline;
}

ul.view_options li.first a {
  padding-right: 0;
}

ul.view_options a.listview {
  padding-left: 24px;
  background-image: url("/img/knoppen/list.jpg");
  background-position: 8px 50%;
}

ul.view_options a.imgview {
  padding-left: 28px;
  background-image: url("/img/knoppen/gallery.gif");
}

ul.view_options a.legend {
  padding-left: 25px;
  background-image: url("/img/knoppen/legenda.gif");
}

ul.view_options a.top20 {
  padding-left: 24px;
  background-image: url("/img/knoppen/top5.gif");
  background-position: 4px 50%;
}

div.view_info {
  clear: both;
  padding: 0.5em 0 1.5em;
}

div.view_info .prod {
  float: left;
}

div.view_info .product_cnt {
  font-weight: bold;
}

div.view_info .vat {
  float: right;
}

#gallery {
  border: 1px solid #fff;

}

/* Banners */
#intel_napoleon {
  display: block;
  overflow: hidden;
  width: 598px;
  height: 0;
  padding-top: 200px;
  background: url("https://img.informatique.nl/img/actie/Intel/napoleon/napoleon_597x200_anim.gif");
}

/* ------ ACTIEPAGINA + ACTIEBLOK PRODUCTPAGINA ----- */
.promotions {
  border-bottom: 1px solid #ccc;
  margin: 1px 0 1px 0;
  padding: 10px 0 10px 0;
  background-color: #FFF;
}

.first_red {
  border-bottom: 3px double red;
}

.first_green {
  border-bottom: 3px double green;
}

.first_blue {
  border-bottom: 3px double blue;
}
/* REMINDER: image size = 146 x 94 pixels  */
.promotions .image {
  display: inline-block;
  width: 148px;
  height: 0;
  padding-top: 96px;
  overflow: hidden;
  border: 1px solid #999;
  background-position: 1px 1px;
  background-repeat: no-repeat;
}

.promotions .image:hover {
  border: 1px solid #333;
}

.promotions .right {
  float: right;
  width: 440px;
}

.promotions .title {
  display: inline-block;
  padding: 1px 0 0 0;
  font: bold 11pt "arial", "sans-serif";
  text-decoration: none;
  color: #004070;
}

.promotions .title:hover {
  color: #FF0000;
}

.promotions .vendor {
  float: right;
  display: block;
  overflow: hidden;
  width: 60px;
  height: 0;
  padding-top: 18px;
}

.promotions p {
  display: block;
  margin: 2px 0 5px 0;
  padding: 2px 0 0 0;
  min-height: 55px;
  line-height: 15px;
  color: #333;
}

.promotions .terms {
  display: inline-block;
}

.promotions a {
  text-decoration: underline;
}

.promotions ul li {
  display: inline;
}

.promotions .date {
  display: inline-block;
  float: right;
  font: 7.5pt "arial", "sans-serif";
}

.promotions .over {
  color: red;
  font: bold 7.5pt "arial", "sans-serif";
}

.archive {
  float: right;
  display: block;
  width: 78px;
  height: 0;
  padding-top: 24px;
  margin-top: 10px;
  overflow: hidden;
  background-image: url('/img/icons/archive.png');
}

.archive:hover {
  background-position: 0 -24px;
}

.archive_info {
  float: right;
  display: inline-block;
  padding: 4px 7px 4px 4px;
  margin-top: 10px;
  text-align: left;
  font: italic 9.5pt "arial", "sans-serif";
  color: #666;
}

.ended {
  background: url('https://img.informatique.nl/img/actie/archief/ended_bg.jpg') repeat-y;
  border-bottom: 1px solid red;
}

.promotions .b {
  font-weight: bold;
}

/* ------ ACTIEPAGINA ----- */
/* ------ ACTIEBLOK PRODUCTPAGINA ----- */
.actie_start {
  display: block;
  margin-top: 10px;
  padding: 5px 0 21px 10px;
  height: 0;
  background: url('https://www.informatique.nl/img/tittlebar.png') no-repeat 0 0;
  color: #C00;
  font-weight: bold;
  font-size: 13px;
}

.actie_end {
  display: block;
  margin: 0 0 20px 0;
  padding: 0;
}

/* ------ ACTIEBLOK PRODUCTPAGINA ----- */
/* ------ PRODUCT LIJSTWEERGAVE ----- */
.list_view {
  text-align: center;
}

.list_view th,
.list_view td {
  padding: 1px 0;
  line-height: 16px;
  border-bottom: 1px solid #1860AB;
}

.list_view th {
  border-top: 1px solid #1860AB;
  background-color: #AEC8E2;
  color: #000;
}

.list_view tr.x {
  background-color: #EEF3F8;
}

.list_view tr.y {
  background-color: #FFF;
}

.list_view tr:hover {
  background-color: #FF0;
}

.list_view input[type=checkbox] {
  cursor: pointer;
}

.list_view .a {
  width: 45px;
}

.list_view .d {
  width: 365px;
  padding-left: 5px;
  text-align: left;
}

#prod_extra {
  margin-bottom: 24px;
}

#prod_extra .list_view .d {
  width: 400px;
}

.list_view .d a {
  cursor: pointer;
  display: block;
}

.list_view .d a:visited {
  color: #000;
}

.list_view .d a:hover {
  text-decoration: underline;
}

.list_view .w,
.list_view .s,
.list_view .e {
  width: 25px;
}

.list_view .p {
  width: 50px;
  padding-right: 5px;
  text-align: right;
}

.list_view .icon_google,
.list_view .icon_new,
.list_view .icon_promo {
  display: block;
  overflow: hidden;
  width: 25px;
  height: 0;
  padding-top: 14px;
  background-repeat: no-repeat;
  background-position: 50% 0;
}

.list_view .icon_google {
  cursor: pointer;
  padding-top: 16px;
  background-image: url("/img/g.gif");
}

.list_view .icon_new {background-image: url("/img/n.gif");}
.list_view .icon_promo {background-image: url("/img/aa.gif");}

.list_view .o {
  width: 60px;
}

.list_view .o a {
  display: block;
  overflow: hidden;
  width: 53px;
  height: 0;
  padding-top: 16px;
  margin-left: 4px;
  background: url("/img/w.gif") no-repeat;
}

#prod_extra .list_view .o {
  width: 20px;
}

.list_view td,
.list_view td a {
  color: #000;
}

#prod_extra .order {
  float: right;
  margin-top: 0.5em;
}

/* ------ PRODUCT LIJSTWEERGAVE ----- */
/* ------ TWITTER BUTTON RECHTS ----- */
#twitter {
  position: fixed;
  right: 0;
  top: 145px;
  display: block;
  width: 0;
  height: 0;
  padding: 117px 0 0 29px;
  overflow: hidden;
  background: url("/img/icons/twitter.png") no-repeat 0 0;
  border-left: 1px solid #33CCFF;
  border-top: 1px solid #33CCFF;
  border-bottom: 1px solid #33CCFF;
  z-index: 100;
}

/* ------ TWITTER BUTTON RECHTS ----- */
/* ------ NEW GAME RELEASES ----- */
#preorder_title {
  text-align: center;
  padding: 12px 5px 5px;
  border-top: 1px solid #ccc;
  margin-bottom: 7px;
  font-size: 1.5em;
  color: #004070;
  font-weight: bold;
}

#preorder {
  padding-bottom: 10px;
}

#preorder li {
  display: inline-block;
  margin-left: 41px;
}

#preorder .box {
  overflow: hidden;
  display: block;
  height: 0;
  width: 142px;
  padding-top: 200px;
  background-repeat: no-repeat;
}

#preorder .release,
#preorder .date {
  margin-top: 3px;
  font-size: 1em;
  color: #000;
}

#preorder .date {
  font-weight: bold;
}

#preorder .price {
  font-weight: bold;
  font-size: 1.1em;
  color: #444;
}

/* ------ NEW GAME RELEASES ----- */
#prod_desc {
  margin: 1em 0;
  line-height: 1.4em;
  clear : both;
}
#prod_desc iframe {
/*  width: 790px !important; */
/*  height: 338px !important; */
}

.melding {
	clear: both;
	margin: 7px 0 5px 0;
	padding: 10px;
	border:2px solid #FFC1C1;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.melding span{
	color:#330000;
	font-weight:bold;
}
.melding2 {
	clear: both;
	margin: 7px 0 5px 0;
	padding: 10px;
	border:2px solid #FFC1C1;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.melding2 span{
	color:#00ffff;
	font-weight:bold;
}

/* ------ PRODUCT RATINGS ----- */
#product_ratings {
  padding: 1em;
  border: 1px solid #ccc;
  margin: 1em 0;
  background-color: #F9FDFF;
  clear: both;
}

#product_ratings h2 {
  padding: 0 !important;
  margin: 0 !important;
  border: none;
}

#product_ratings ul {
  position: relative;
}

#product_ratings ul li {
  float: left;
  padding-right: 4px;
}

#product_ratings ul li:last-child {
  padding-right: 0;
}

#product_ratings .p1,
#product_ratings .p2,
#product_ratings .p3,
#product_ratings .p4 {
  padding-left: 40px;
  background: url('/img/product_rating_profiles_sml.png') no-repeat;
}

#product_ratings .p1 {
  padding-left: 40px;
  background-position: -4px 0;
}

#product_ratings .p2 {
  padding-left: 40px;
  background-position: 0 -39px;
}

#product_ratings .p3 {
  padding-left: 45px;
  background-position: 0 -78px;
}

#product_ratings .p4 {
  padding-left: 45px;
  background-position: 0 -117px;
}

#product_ratings ul li:hover {
  cursor: help;
}

#product_ratings .lnk {
  display: block;
  line-height: 39px;
  font-size: 1.1em;
  font-weight: bold;
  color: #333;
  text-decoration: underline;
}

#product_ratings .tt {
  z-index: 11;
  display: none;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 100%;
  border: 1px solid #fff;
  margin-bottom: -2px;
  -webkit-box-shadow: 3px 3px 9px #ccc;
  -khtml-box-shadow: 3px 3px 9px #ccc;
  -moz-box-shadow: 3px 3px 9px #ccc;
  box-shadow: 3px 3px 9px #ccc;
  background-color: #FFF;
  text-align: left;
}

#product_ratings li:hover .tt {
  display: block;
}

#product_ratings .tt .hdr {
  padding: 0.3em 0.5em;
  font-weight: bold;
  font-size: 1.3em;
  background-color: #134270;
  color: #FFF;
}

#product_ratings .tt_content {
  padding: 0.5em;
}

#product_ratings .tt_content .info {
  overflow: hidden;
  display: block;
  float: left;
  width: 75px;
  height: 0;
  padding-top: 75px;
  margin-right: 0.5em;
  background: url('/img/product_rating_profiles.png') no-repeat;
}

#product_ratings .p2 .tt_content .info {
  background-position: 0 -75px;
}

#product_ratings .p3 .tt_content .info {
  background-position: 0 -150px;
}

#product_ratings .p4 .tt_content .info {
  background-position: 0 -225px;
}

#product_ratings .tt_content .title {
  display: block;
  padding-bottom: 0.2em;
  border-bottom: 1px solid #ccc;
  margin: 0 0 0.2em 80px;
  font-weight: bold;
  font-size: 1.2em;
  color: #333;
}

#product_ratings .tt_content .title:hover {
  text-decoration: underline;
}

#product_ratings .tt_content p {
  line-height: 1.4em;
  font-size: 1em;
}

#product_ratings strong {
  font-size: 1.2em;
}

#product_ratings p {
  font-size: 1em;
  margin: 0;
  padding: 0;
}

#product_ratings p a:hover {
  text-decoration: underline;
}

#product .product_descr {
  clear: both;
  position: relative;
  padding: 8px 0;
  margin-bottom: 8px;
  font-size: 0.95em;
  color: #333;
}

/* ------ PRODUCT RATINGS      ----- */
/* ------ NOTIFICATIONS      ----- */
/*
#notifications {
  display: block;
  margin: 0;
  padding: 0;
}

#notifications ul {
  display: block;
  padding: 8px 0 5px 0;
  margin: 0;
  background-color: #FFF0F0;
  border: 1px solid #FFB0B0;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

#notifications ul li {
  display: inline-block;
  width: 900px;
  padding: 0 0px 0 19px;
  margin: 0 0 3px 0;
  vertical-align: top;
  color: #333;
  border-right: 1px solid #FFB0B0;
  font-size: 10.5pt;
  font-weight: bold;
}

#notifications #wrap li a {
  padding: 0 0 0 18px;
}

#notifications .textlink {
  padding: 0;
}

#notifications #wrap li.last {
  border-right: none;
}

#notifications #wrap div {
  margin-top: 2px;
  font-size: 7.5pt;
  font-weight: bold;
}

#notifications .info_1,
#notifications .info_2,
#notifications .info_3 {
  background-position: 0 0;
  background-repeat: no-repeat;
  background: url('/img/layout/exclamation.png') no-repeat;
}

#notifications .info_1 {
  background-position: 19px 2px;
}

#notifications .info_2 {
  background-image: url('/img/layout/warning.png');
  background-position: 19px 0px;
}

#notifications .info_3 {
  background-position: 0px 2px;
}

#notifications .tooltip,
#notifications .tooltip_2 {
  position: relative;
  outline: none;
  cursor: help;
  text-decoration: none;
  border-bottom: 1px dotted #333;
  color: #333;
}

#notifications .tooltip_2 {
  cursor: hand;
  text-decoration: none;
  border-bottom: 1px solid #333;
}

#notifications .tooltip span,
#notifications .tooltip_2 span {
  margin-left: -999em;
  position: absolute;
  color: #000;
}

#notifications .tooltip:hover span,
#notifications .tooltip_2:hover span {
  position: absolute;
  left: 1em;
  top: 2em;
  z-index: 99;
  margin-left: 0;
  width: 160px;
  font-size: 8pt;
  font-weight: normal;
  line-height: 16px;
  border-radius: 3px 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 3px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 3px 3px rgba(0, 0, 0, 0.1);
}

#notifications .hvr {
  padding: 0.8em 1em;
}

#notifications .hvr {
  background: #F9FDFF;
  border: 1px solid #c1d8f4;
}
*/

#notifications {
  clear: both;
  margin-bottom: 25px;
}
#notifications ul li {
  background: #eef3f8;
  border: 1px dotted #ccc;
  padding: 5px 5px 5px 90px;
  margin: 0 0 10px 0;
  display: none;
}
#notifications ul li h3 {
  display: block;
    margin-bottom: 5px;
    float: left;
    font-size: 1.3rem;
    font-weight: 800;
    line-height: 1.42rem;
    padding-left: 40px;
}
#notifications ul li a#close {
  background: url('/assets/img/sprites/close.png') 0 0 no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  text-indent: -9999px;
  cursor: pointer;
  float: right;
}
#notifications ul li a#close:hover {
  background: url('/assets/img/sprites/close.png') 0 -20px no-repeat;
}
#notifications ul li p {
    margin: 0;
    padding: 0;
    clear: both;
    font-size: 1.15rem;
    font-weight: 400;
    line-height: 1.6rem;
    padding-left: 40px;
}
#notifications ul li.warning {
  background: #ffeff0 url('/assets/img/icons/silk/exclamation.png') 10px center no-repeat;
}
#notifications ul li.info {
  background: #eef3f8 url(/assets/img/icons/silk/notification-icon-overall.png) 25px center no-repeat;
  font-size: 1.23rem;
  color: black;
  font-weight: 300;
  line-height: 1.25rem;

}
#notifications ul li.error {
  background: #fffae0 url('/assets/img/icons/silk/error.png') 10px center no-repeat;
}


/* ----- checkout (order procedure) ----- */
input.checkout, input.invulveld {
  border: 1px solid #999;
  padding: 4px;
  border-radius: 2px;
}

textarea.txt {
  width: 443px;
  padding: 4px;
  max-width: 441px;
  border-radius: 2px;
  border: 1px solid #999;
}

.checkoutbutton {
  bottom: 12px;
  right: 20px;
  border: 1px solid #10aa21;
  background: #10aa21;
  padding: 3px 6px 3px 6px;
  font-size:14px;
  color:#FFF;
  font-weight:400;
  float:right;
}

.checkout .timeline {
  margin: 6px 0 5px 0;
  height: 30px;
  padding: 10px 0 10px 0;
  background: url('/img/layout/timeline_ordering.jpg') no-repeat 0 0;
  color: #B9CBE1;
}
.checkout .timeline li {
  display: inline-block;
  width: 120px;
  padding: 0 0 0 25px;
  font-size: 12pt;
  font-weight: bold;
}
.checkout .timeline li:first-child {
  padding-left: 15px;
  width: 130px;
}
.checkout .timeline li.active {
  color: #004173;
}
.checkout .timeline li div {
  font-size: 7pt;
}
.checkout #new_client,
.checkout #old_client {
  float: left;
  vertical-align: top;
  display: inline-block;
  width: 290px;
  min-height: 200px;
  margin: 0 auto;
  margin-top: 8px;
  margin-right: 12px;
  background-color: #EBF1F7;
 /*#F9FDFF;*/
  border: 1px solid #AEC8E2;
 /*#E0EBF9;*/
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.checkout #old_client {
  float: right;
  margin-right: 0;
}
.checkout #old_client .wrap {
  height: 80px;
}
.checkout #new_client .hdr,
.checkout #old_client .hdr {
  font-size: 12pt;
  padding: 5px 10px 5px 15px;
  margin: 0;
  font-weight: bold;
  color: #004173;
  border-bottom: 1px solid #AEC8E2;
 /*#E0EBF9;*/;
}
.checkout #new_client .txt {
  margin: 5px 0 20px 0;
  padding: 0 15px 10px 15px;
}

td.txt:first-child{
	text-align:left;
	padding-right:15px;

}

td.txtb:first-child{
	text-align:left;
	padding-right:15px;
}

#naw.txtb:after ,#naw div div div table tbody .txtb:after {
	content: " *";
	color: #1860ac;
}

td.txt, td.txtb {
		padding: 2px;
}

ul#onlywith {
	margin-top: 15px;
}

#onlywith li {
	padding-left: 10px;
	border: 0px;
	margin-bottom: 10px;
	background: url("/img/sum_art.jpg") no-repeat 0 6px;
}

input.invulveldActive {
	font-style:	italic;

	color: #888;
}

.checkout #old_client .txt {
  margin: 5px 0 0 15px;
  padding: 0 0 10px 0;
}
.checkout .next {
  display: block;
  width: 102px;
  height: 0;
  padding: 23px 0 0 0;
  overflow: hidden;
  background: url('/img/knoppen/knop_verder.png') no-repeat 0 0;
}
.checkout .right {
  position: relative;
  left: 510px;
}
.checkout .pos_right {
  text-align: right;
  padding: 0 7px 0 0;
}
.checkout #new_client .next {
  margin: 81px 0 0 15px;
}
.checkout #old_client #form_next {
  margin: 0 0 0 185px;
}
.checkout #old_client .field_one {
  display: inline-block;
  width: 85px;
  margin: 3px 0 0 15px;
  font-weight: bold;
}
.checkout #old_client .field_two {
  display: inline-block;
  width: 175px;
  margin: 3px 0 0 0;
}
.checkout #old_client #pass_request {
  display: block;
  padding: 0;
  margin: 6px 0 0 105px;
  color: #006CB7;
  font-size: 7pt;
  font-weight: bold;
}
.checkout .radiobutton {
  clear: both;
  display: inline-block;
  margin: 0 5px 0 5px;
}
.checkout .radiobutton .first {
  margin: 0 5px 0 0;
}
.checkout .checkbox {
  margin-right: 8px;
}
.checkout .description {
  display: inline-block;
  width: 210px;
}
.checkout .title {
  display: inline-block;
  width: 230px;
  margin: 5px 0 15px 0;
  font-size: 12pt;
  font-weight: bold;
  color: #004070;
}
.checkout .confirm .title {
  width: 500px;
  margin: 5px 0 10px 0;
}
.checkout .details .title {
  width: 100%;
  margin: 5px 0 0px 0;
  padding: 20px 0 0 0;
  border-top: 1px solid #E0EBF9;
}
.checkout .confirm p {
  margin-top: 0;
  padding-top: 0;
}
.checkout .title span,
.checkout .delivery_method .row span,
.checkout .payment_method .row span {
  margin-top: 6px;
  margin-left: 60px;
  font-weight: bold;
  font-size: 7pt;
}
.checkout .delivery_method,
.checkout .payment_method,
.checkout .details,
.checkout .confirm {
  padding: 3px 15px 0 15px;
  background-color: #EBF1F7;
 /*#F9FDFF;*/
  border: 1px solid #AEC8E2;
 /*#E0EBF9;*/
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.checkout .details,
.checkout .confirm {
  margin-bottom: 15px;
}
.checkout .confirm {
  padding: 3px 15px 10px 15px;
}
.checkout .confirm .last {
  border-bottom: none;
}
.checkout .delivery_method {
  margin-bottom: 20px;
}
.checkout .payment_method,
.checkout .details {
  padding: 3px 15px 10px 15px;
}
.checkout .delivery_method .row,
.checkout .payment_method .row,
.checkout .details .row {
  padding: 4px 0 14px 0;
  cursor: default;
  border-bottom: 1px solid #AEC8E2; /*#E0EBF9;*/;
}
.checkout .delivery_method .row,
.checkout .payment_method .row {
  padding: 8px 0 10px 0;
}
.checkout .delivery_method .last,
.checkout .payment_method .last,
.checkout .details .last {
  border-bottom: none;
}
.checkout .details .last {
  padding: 8px 0 5px 0;
}
.checkout .notice {
  clear: both;
  margin: 0 0 15px 0;
}
.checkout .details .invulveld {
  border: 1px solid #004070;
  margin: 4px 5px 0 0;
}
.checkout .asterisk {
  color: #F00;
  font-size: 10pt;
  font-weight: bold;
  margin: 0 3px 0 3px;
}
.checkout .clientinfo {
}
.checkout .clientinfo li {
  padding: 3px 3px 3px 0;
  border-bottom: 1px solid #aec8e2; /*#E0EBF9;*/;
}
.checkout .clientinfo li:last-child {
  padding: 3px 3px 3px 0;
  border-bottom: none;
}
.checkout .clientinfo li span {
  margin: 0 3px 0 3px;
  font-weight: bold;
}
.checkout .clientinfo li div {
  display: inline-block;
  margin: 0 10px 0 0;
  width: 100px;
}
.checkout .wrap_next {
  padding-top: 10px;
}
.checkout #payment_ideal_abnamro,
.checkout #payment_ideal_asnbank,
.checkout #payment_ideal_frieslandbank,
.checkout #payment_ideal_ing,
.checkout #payment_ideal_rabobank,
.checkout #payment_ideal_regiobank,
.checkout #payment_ideal_snsbank,
.checkout #payment_ideal_triodosbank,
.checkout #payment_ideal_vanlanschotbankiers,
.checkout #payment_vooruit,
.checkout #payment_vooruit2,
.checkout #payment_rembours,
.checkout #payment_balie {
  background: url('/img/icons/payment_method_logos.png') no-repeat;
}
.checkout #payment_ideal_abnamro {
  background-position: 230px 7px;
}
.checkout #payment_ideal_ing {
  background-position: 230px -46px;
}
.checkout #payment_ideal_rabobank {
  background-position: 230px -98px;
}
.checkout #payment_ideal_fortisbanknl {
  background-position: 9999px 9999px;
}
.checkout #payment_ideal_snsbank {
  background-position: 230px -193px;
}
.checkout #payment_ideal_frieslandbank {
  background-position: 230px -437px;
}
.checkout #payment_ideal_regiobank {
  background-position: 230px -483px;
}
.checkout #payment_ideal_asnbank {
  background-position: 230px -536px;
}
.checkout #payment_ideal_triodosbank {
  background-position: 230px -591px;
}
.checkout #payment_ideal_vanlanschotbankiers {
  background-position: 230px -644px;
}
.checkout #payment_vooruit,
.checkout #payment_vooruit2 {
  background-position: 230px -243px;
}
.checkout #payment_rekening {
  background-position: 230px -297px;
}
.checkout #payment_balie {
  background-position: 230px -345px;
}
.checkout #payment_rembours {
  background-position: 230px -395px;
}
.checkout .basket {
  padding: 0;
  margin: 0;
  border: 1px solid #004070; /*#E0EBF9;*/
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.checkout .basket li {
  padding: 5px 0 5px 0;
  background-color: #EBF1F7; /*#F9FDFF; #F7FBFD;*/
  border-bottom: 1px solid #AEC8E2; /*#E0EBF9;*/;
}
.checkout .basket .odd {
  background-color: #FFF; /*#E4F1F8;*/;
}
.checkout .basket li:first-child,
.checkout .basket li:last-child {
  padding: 7px 0 5px 0;
  font-weight: bold;
  font-size: 8.5pt;
}
.checkout .basket li:first-child {
  background-color: #AEC8E2; /*#E0EBF9;*/
  border-bottom: 1px solid #004070; /*#D5E0F4;*/;
}
.checkout .basket li:last-child {
  border-bottom: none;
  background-color: #FFF;
}
.checkout .basket .last {
 /*IE fix*/
  border-bottom: none;
  background-color: #FFF;
  font-weight: bold;
}
.checkout .basket div {
  display: inline-block;
}
.checkout .basket .count {
  width: 50px;
  text-align: center;
}
.checkout .basket .product {
  width: 390px;
}
.checkout .basket .price {
  width: 75px;
  text-align: right;
}
.checkout .basket .total,
.checkout .basket .subtotal,
.checkout .basket .btw_amount {
  width: 75px;
  text-align: right;
}
.checkout .basket .subtotal,
.checkout .basket .btw_amount {
  font-weight: bold;
}
.checkout .basket .edit {
  width: 430px;
  padding-left: 10px;
}
.checkout .basket .sum {
  width: 75px;
  text-align: right;
}
.checkout .basket .amount,
.checkout .basket .btw {
  width: 515px;
  text-align: right;
  background-color: #FFF;
  font-weight: bold;
}
.checkout .confirm .terms {
  margin: 5px 0 0 0;
}
.checkout .confirm .textarea {
  width: 564px;
  margin-bottom: 5px;
  border: 1px solid #004070;
  resize: none;
}
.checkout .nav_back,
.checkout .nav_forward {
  display: inline-block;
  width: 298px;
  text-align: left;
}
.checkout .nav_forward {
  text-align: right;
}


/* ----- revieuws ----- */
#review {
	font-size: 1.6em !important;
}

.review .advantages_list li {
  list-style: url("/img/list_item.png") !IMPORTANT;
  margin-left: 20px !IMPORTANT;
  width: 330px !IMPORTANT;
  padding-left: 5px !IMPORTANT;
}

.review .disadvantages_label, .review .advantages_label {
    width: 330px !IMPORTANT;
    padding-left: 15px !IMPORTANT;
    margin-left: 10px !IMPORTANT;
}

.review .advantages_list {
width: 330px !IMPORTANT;
}

#gallery.image_view .col3 #review_rating ul {
	position: absolute;
	top: 115px;
	left: 0px;
}

#gallery.image_view .col3 #review_rating li.full {
  background-position: 0 -32px;
}
#gallery.image_view .col3 #review_rating li.half {
  background-position: 0 -16px;
}
#gallery.image_view .col3 #review_rating li {
  overflow: hidden;
  float: left;
  width: 16px;
  height: 0;
  padding-left: 0px;
  padding-top: 16px;
  margin-right: 3px;
  background-image: url("/img/rating_stars.png") !important;
  background-position:	0 -0px;
}

#review_rating ul li {
  overflow: hidden;
  float: left;
  width: 16px;
  height: 0;
  padding-top: 16px;
  margin-right: 3px;
  background-image: url("/img/rating_stars.png");
}
#review_rating li.full {
  background-position: 0 -32px;
}
#review_rating li.half {
  background-position: 0 -16px;
}
#review_rating a {
  float: right;
  line-height: 15px;
}
#review_rating .write_review {
  padding-left: 6px;
}
#review_rating .view_reviews {
  border-right: 1px solid #ccc;
  padding-right: 6px;
}
#reviews .review .ratings .hdr {
  background-color: #1860AB;
}


/* ----- share ----- */
.share {
  border-top: 1px solid #ccc;
  margin: 10px 0 15px 0;
  padding: 7px 0 0 0;
}


/* ----- twitter ----- */
.twtr-widget {
  margin-top: 10px;
}
.twtr-hd h4 a {
  font-size: 0.9em;
}


/* ----- Ondernemers PC ----- */
#systems .ondernemerspc {
  height: 130px;
  padding: 10px 110px 10px 40px;
  margin: 0 0 20px 0;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background: #FDFDFD url('https://img.informatique.nl/img/IQPC/onpc-ready.png') no-repeat 0 0;
}
#systems .ondernemerspc .hdr {
  padding: 0;
  margin: 0 0 5px 0;
  font-size: 13pt;
  font-weight: bold;
  color: #004070;
}
#systems .ondernemerspc p {
  padding: 0;
  margin: 0;
}
#systems .ondernemerspc ul {
  padding: 5px 10px 5px 0;
}
#systems .ondernemerspc li {
  padding: 0 0 3px 10px;
  background: url('https://test.informatique.nl/img/sum_home.jpg') no-repeat 0 4px;
}


/* ----- aanrader ----- */
.image_view.top1,
.image_view.top2,
.image_view.top3 {
  margin: 0;
  padding: 0;
  width: 598px;
  border: 1px dotted #ccc;
  border-top: none;
}

.image_view.top1 {
  position: relative;
  padding: 8px 8px 0 8px;
}

.image_view.top1 .group {
  position: absolute;
  top: 17px;
  width: 430px;
  height: 123px;
}

.image_view.top1 .group p {
  display: block;
  position: absolute;
  top: 0;
  padding: 0;
  margin: 0;
}

.image_view.top3 p {
  top: 190px;
}

.image_view.top2 > li,
.image_view.top3 > li {
  margin: 0;
  padding: 8px 0 8px 8px;
  border-bottom: none;
}

.image_view.top1 li {
  position: relative;
  margin: 0;
  padding: 0 0 8px 0;
  height: 140px;
  border: none;
}

.image_view.top2 li div {
  height: 180px;
  width: 299px;
}

.image_view.top3 li div {
  height: 285px;
}

.image_view .available,
.image_view .delivery_unknown,
.image_view .delivery_known,
.image_view.top1 .available,
.image_view.top2 .available,
.image_view.top3 .available,
.image_view.top1 .delivery_unknown,
.image_view.top2 .delivery_unknown,
.image_view.top3 .delivery_unknown,
.image_view.top1 .delivery_known,
.image_view.top2 .delivery_known,
.image_view.top3 .delivery_known {
  display: inline-block;
  position: absolute;
  bottom: 25px;
  font-size: 1em;
  font-weight: bold;
}

.image_view.top3 .product_hdr {
  margin: 20px 8px 0 0;
  height: 170px;
  word-wrap: break-word;
  background-position: center bottom;
}

.image_view.top2 .product_hdr {
  height: 250px;
}

.image_view.top1 .vendor_logo,
.image_view.top2 .vendor_logo {
  bottom: 45px;
}

.image_view.top3 .vendor_logo {
  top: 0;
}

.agr_uitgelicht {
  display: block;
  margin-top: 6px;
  width: 600px;
  height: 40px;
  background-image: url("https://img.informatique.nl/img/layout/grp_uitgelicht.jpg");
  -webkit-border-top-left-radius: 4px;
  -khtml-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -khtml-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}


/* ----- alternatives (test) ----- */
.alternatives {
  padding-top: 3px;
}
.alternatives .hdr {
  font-size: 13pt;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
}
.alternatives ul {
  display: block;
  padding-top: 5px;
}
.alternatives li {
  position: relative;
  display: block;
  margin-bottom: 5px;
  height: 60px;
  border-bottom: 1px solid #ccc;
}
.alternatives .link {
  padding: 0 0 42px 60px;
  font-size: 10pt;
  font-weight: bold;
  background: url("") no-repeat 0 0;
}
.alternatives .price {
  position: absolute;
  bottom: 5px;
  right: 0;
  margin-right: 3px;
  font-size: 12pt;
  font-weight: bold;
  color: #444;
}
.alternatives .instock {
  margin-left: 60px;
  height: 40px;
  margin-top: 2px;
  padding: 2px 0 0 20px;
  font-size: 8.5pt;
  font-weight: bold;
  color: #090;
  background: url('https://www.informatique.nl/img/v1.gif') no-repeat 0 0;
}
.alternatives .vendor_logo {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  margin-left: 60px;
  padding-top: 18px;
  width: 60px;
  height: 0;
  overflow: hidden;
}


/* ----- product category page ----- */
.kopsf {
  background-color: #004070;
  color: white;
}
.kopsf a {
  color: white;
  width: 181px;
  height: 100%;
  display: block;
  line-height: 25px;
  padding-left: 10px;
  font-weight: 600;
}


/* ----- productlist overview page ----- */
#content table {
  clear: both;
}
#content table#tips {
  margin-top: 5px;
}

table#checkout thead tr th, table#checkout tbody tr td, table#checkout tfoot tr th {
border-right: 1px solid white;
}

#content table#tips,
#content table#products,
#content table#checkout,
#content table#outlet,
#content table#orders,
#content table#invoices {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
#content table#tips tbody tr,
#content table#products tbody tr,
#content table#checkout tbody tr,
#content table#outlet tbody tr,
#content table#orders tbody tr,
#content table#invoices tbody tr {
  cursor: pointer;
}
#content table#tips tbody tr:nth-child(even),
#content table#products tbody tr:nth-child(even),
#content table#checkout tbody tr:nth-child(even),
#content table#outlet tbody tr:nth-child(even),
#content table#orders tbody tr:nth-child(even),
#content table#invoices tbody tr:nth-child(even) {
  background-color: #fff;
}
#content table#tips tbody tr:nth-child(odd),
#content table#products tbody tr:nth-child(odd),
#content table#checkout tbody tr:nth-child(odd),
#content table#orders tbody tr:nth-child(odd),
#content table#invoices tbody tr:nth-child(odd) {
  background-color: #eef3f8;
}
#content table#outlet tbody tr:nth-child(odd) {
  background-color: #ffe9e6;
}
#content table#tips tbody tr:hover,
#content table#products tbody tr:hover,
#content table#checkout tbody tr:hover,
#content table#orders tbody tr:hover,
#content table#invoices tbody tr:hover {
  background: #ff0;
}
#content table#outlet tbody tr:hover {
  background: #ffdeda;
}
#content table#tips tfoot tr,
#content table#products tfoot tr,
#content table#checkout tfoot tr,
#content table#outlet tfoot tr,
#content table#orders tfoot tr,
#content table#invoices tfoot tr {
  border-top: 1px double #ccc;
}
#content table#tips tfoot tr td.legenda,
#content table#products tfoot tr td.legenda,
#content table#checkout tfoot tr td.legenda {
  text-align: right;
}
#content table#tips .center,
#content table#products .center,
#content table#checkout .center,
#content table#outlet .center,
#content table#orders .center,
#content table#invoices .center {
  text-align: center !important;
}
#content table#tips .right,
#content table#products .right,
#content table#checkout .right,
#content table#outlet .right,
#content table#orders .right,
#content table#invoices .right {
  text-align: right !important;
}

#content table#products .truncate{
  /*width: 100%; */
  /*min-width: 0;*/
  max-width: 310px;
  /*display: inline-block;*/
  /*overflow: hidden;*/
  /*text-overflow: ellipsis;*/
  white-space: nowrap;
  /*border: 1px solid;*/
}  


#content table#tips tr th,
#content table#products tr th,
#content table#checkout tr th,
#content table#outlet tr th,
#content table#orders tr th,
#content table#invoices tr th {
  background: #1860ac;
  /*border-top: 1px solid #1860ab;
  border-bottom: 1px solid #1860ab;*/
  color: #fff;
  font-weight:600;
  text-align: left;
  padding: 4px;
  }
#content table#outlet tr th {
  background: #ffc9bf;
  border-top: 1px solid #ff2500;
  border-bottom: 1px solid #ff2500;
}
#content table#tips tr td,
#content table#products tr td,
#content table#checkout tr td,
#content table#outlet tr td,
#content table#orders tr td,
#content table#invoices tr td {
  padding: 4px;
 /* overflow:hidden;  EMS 08-09-2021 */
}
#content table#tips td.legenda,
#content table#tips tr.vendor,
#content table#products tr.legenda,
#content table#checkout tr.legenda,
#content table#products tr.vendorr {
  background-color: #fff;
}
#content table#tips tr td a,
#content table#products tr td a,
#content table#checkout tr td a,
#content table#outlet tr td a,
#content table#orders tr td a,
#content table#invoices tr td a {
  color: #333;

}
#content table#tips tr td ,
#content table#products tr td ,
#content table#checkout tr td ,
#content table#outlet tr td ,
#content table#orders tr td ,
#content table#invoices tr td  {
  color: #333;

}
#content table#tips tr td a:hover,
#content table#products tr td a:hover,
#content table#checkout tr td a:hover,
#content table#outlet tr td a:hover,
#content table#orders tr td a:hover,
#content table#invoices tr td a:hover {
  text-decoration: underline;
}

#content table#tips .tooltip,
#content table#products .tooltip,
#content table#checkout .tooltip,
#content table#outlet .tooltip,
#content table#orders .tooltip,
#content table#invoices .tooltip {
   position: relative;
   display: inline-block;
  /* border-bottom: 1px dotted black; */ /* If you want dots under the hoverable text */
}


/* Tooltip text */
#content table#tips .tooltip .tooltiptext,
#content table#products .tooltip .tooltiptext,
#content table#checkout .tooltip .tooltiptext,
#content table#outlet .tooltip .tooltiptext,
#content table#orders .tooltip .tooltiptext,
#content table#invoices .tooltip .tooltiptext {
   visibility: hidden;
   width: 100px;
   background-color: grey;
   color: #fff;
   text-align: center;
   padding: 5px 0;
   border-radius: 6px;
  
   /* Position the tooltip text - see examples below! */
   position: absolute;
   z-index: 101;

   bottom: 140%;
   left: 50%;
   margin-left: -50px; /* Use half of the width (120/2 = 60), to center the tooltip */
 
 }




 #content table#tips .tooltip:hover .tooltiptext,
 #content table#products .tooltip:hover .tooltiptext,
 #content table#checkout .tooltip:hover .tooltiptext,
 #content table#outlet .tooltip:hover .tooltiptext,
 #content table#orders .tooltip:hover .tooltiptext,
 #content table#invoices .tooltip:hover .tooltiptext {
   visibility: visible;
 }
 
 #content table#tips .tooltip .tooltiptext::after,
 #content table#products .tooltip .tooltiptext::after,
 #content table#checkout .tooltip .tooltiptext::after,
 #content table#outlet .tooltip .tooltiptext::after,
 #content table#orders .tooltip .tooltiptext::after,
 #content table#invoices .tooltip .tooltiptext::after {
   content: " ";
   position: absolute;
   top: 100%; /* At the bottom of the tooltip */
   left: 50%;
   margin-left: -5px;
   border-width: 5px;
   border-style: solid;
   border-color: grey transparent transparent transparent;
 }

#product-details {
   font-size:13px;
}


#product-details h2 {
  margin-bottom: 5px !important;
  padding-top: 10px !important;
  clear: both;
}

#product-details h3 {margin-bottom: 5px;}
#product-details #header {
  overflow: hidden;
  border-bottom: 1px dotted #ccc;
}
#product-details #header div#description {
  font-weight: bold;
  font-size: 1.2em;
  float: left;
  float: left;
  width: 500px;
  line-height: 35px;
}
#product-details #header div#logo {
  float: right;
  width: 100px;
  text-align: right;
}
#product-details h2 {
  padding: 0;
  margin: 15px 0 0 0;
}
#product-details table#details {
  width: 100%;
}
#product-details table#details tr {
  border-bottom: 1px dotted #ccc;
  line-height: 32px;
}
#product-details table#details tr:last-child {
  border-bottom: none;
}
#product-details table#details tr td {
  padding: 0 4px 0 4px;
}
#product-details table#details tr td,
#product-details table#details tr td > * {
  vertical-align: middle;
}
#product-details table#details tr td.right {
  text-align: right;
  padding-right: 10px;
}


#product-details p.notification {
  /*border: 1px solid #ccc;*/
  padding: 2px 2px 2px 22px;
  border: none;
  margin: 0 0 -15px 0;
  font-size: 1em;
  font-weight:600;
}
#product-details p.notification#niet-leverbaar {
  color: red /*url('/assets/img/icons/silk/exclamation.png') 10px center no-repeat*/;
  height: 40px;
}
#product-details p.notification#opgevolgd {
  color: red /*url('/assets/img/icons/silk/error.png') 10px center no-repeat*/;
  height: 40px;
}
#product-details p.notification#actiecode {
  color: #eb6824 /*url('/assets/img/icons/silk/information.png') 10px center no-repeat*/;
  height: 40px;
}
#product-details p.notification#aanbieding {
  color: #eb6824 /*url('/assets/img/icons/silk/aanbieding.png') 10px center no-repeat*/;
  height: 40px;
}

#product-details div#price p:first-child {
	margin-top: 15px;
}
#product-details div#price p.verkoopprijs_actie {
  text-align: right;
  color:red;
  margin-bottom: 0px;
  font-size:300%;
  font-weight:bold;
}

#product-details div#price p.verkoopprijs {
  text-align: right;
  color:#444;
  margin-bottom: 0px;
  font-size:300%;
  font-weight:bold;
}
#product-details div#price p.exclusief,
#product-details div#price p.inclusief,
#product-details div#price p.end-user {
  text-align: right;
  margin: 0;
}


#product-panel {
  width: 790px;
  height: 360px;
  margin-top: 15px;
}
#product-image {
  height: 350px;
  width: 350px;
  float: left;
}
#product-image img.full {
  width: 340px;
  height: 340px;
  border: 1px dotted #ccc;
}
#product-thumbs {
  width: 200px;
  float: left;
}
#product-thumbs img.thumb {
  width: 30px;
  height: 30px;
  border: 1px dotted #ccc;
  padding: 5px;
}
#product-actie {
  position: absolute;
  left: 300px;
  margin-top: -20px;
  z-index: 99;
  overflow: hidden;
}

#view6 {
  position: absolute;
  padding: 0;
  left:75px;
  height:50px;
  width:50px;
/*  display: none; */
  top: 0px;
  background-size:contain;
}

#view6price {
	position: absolute;
	top: -15px;
	right: 0px;
	font-size: 12px !important;
}

#view6cashdiscount {
	position: absolute;
	top: -50px;
	right: 0px;
	font-size: 12px !important;
}



/* ----- giftcard regel winkelmandje ----- */
.giftcardtekstregel
    {
      font-size: 11px;
      /*font-weight: bold;*/
      font-family: 'Open Sans', sans-serif;
      margin-bottom: 10px;
    }
    .cardform
    {
      float: left;
      width: 600px;
    }
    .cardimgwrap
    {
      margin-left: 15px;
      margin-right: 15px;
      width: 70px;
      float: left;
    }
    .cardimg
    {

    }
    .frameregel
    {
      padding-top: 20px;
      width:790px;
      height:95px;
      border-bottom: 1px solid #ccc;
      border-top: 1px solid #ccc;
    }
    .form1regel
    {
      margin-left: 5px;
      margin-top: 0px;
      float:left;
      width: 271px;
      height: 80px;
    }
    .bestelkaartregel
    {
      padding-top: 3px;
      padding-bottom: 3px;
      width: 141px;
      height: 27px;
      background-color: #11a323;
      color: white;
      text-align: center;
      border:0px solid #33842a;
      font-family: 'Open Sans', sans-serif;
      font-size:12px;
      float: left;
    }
    .txtCharregel
    {

      width: 200px;
      height: 21px;
      font-family: 'Open Sans', sans-serif;
      font-size:12px;
      font-weight: bold;
      padding: 1px;
      float: left;
    }
    .txtCharregel placeholder
    {
      font-family: 'Open Sans', sans-serif;
      font-size:14px;
      font-weight: bold;
    }
/* ----- productdetail page ----- */
#content #thumbs {
  margin-top: 5px;
}
#content #thumbs a img {
  border: 1px dotted #ccc;
  padding: 2px !important;
}
#content #thumbs a:not(:last-child) img {
  margin-right: 2px !important;
}


#content span#tip {
  color: red;
  margin-left: 5px;
}

#viewpageswrap {
	overflow: visible;
	height:40px;
	margin-bottom: 10px;
	position: relative;
	width: 100%	;
	vertical-align: middle;
	background-color: #eef3f8;
}

#content ul#pages {
  top:0px;
  right:0px;
  position: absolute;
  overflow:hidden;
  padding: 13px;
  border-radius: 3px;
 }

#content ul#pages li{
  display: inline-block;
  height: 16px;
 }

#content ul#pages li#noborder{
  border: none;
}

#content ul#pages li:not(:first-child)  {
  height: 16px;
  line-height:16px;
  font-weight: bold;
  margin-left: 4px;

 }

#content ul#pages li a {
	color: #1860ab
  opacity: 0.8;
}

#content ul#pages li:first-child a {
  color: #1860ab;
  opacity: 1;
}

#content ul#pages li a#active {
  color: #000;
  opacity: 1;
}

#content ul#pages.search li:first-child a {
  border: solid 1px #ccc;
  height: 16px;
  line-height:16px;
  padding: 4px;
}

#content ul#pages li:not(:first-child) a {
  border: solid 1px #ccc;
  height: 16px;
  line-height:16px;
  padding: 4px;
}

#content ul#views {

  border-radius: 3px;
  padding: 12px;
  position: relative;
  left: 0;
  clear: both;
  overflow: visible;
  height:26px;
}

#content ul#views img {
	height:13px;
	opacity: 0.5;
}

#content ul#views select {
	margin-left: 8px;
}

#content ul#views li#active img {
	opacity: 1;
}

#content ul#views li {
  float: left;
  display: inline-block;
  height: 16px;
}
#content ul#views li:not(:first-child) {
  margin-left: 5px;
}
#content ul#views li:first-child {
  font-weight: bold;
  font-size: 1.2em;
  opacity: 0.8;
  margin-top: -1px;
}
#content ul#views li:first-child:after {
  content: ":";
}
#content ul#views li a,
#content ul#views li img {
  margin-top: 3px;
}
#content ul#views li img {
  margin-right: 2px;
}
#content ul#views li#active a {
  color: #ef3e33 !important;
  font-weight: bold;
}



#content div#lastviewed ul li {
  width: 182px !important;
  padding: 5px;
  display: inline-block;
  border: 1px dotted #ccc;
  overflow: hidden;
  margin-bottom: 5px;
  margin-right: 6px;
}
#content div#lastviewed ul li:nth-child(3n+3) {
  margin-right: 0 !important;
}
#content div#lastviewed ul li a {
  display: block;
}
#content div#lastviewed ul li a span#image img {
  display: block;
  float: left;
}
#content div#lastviewed ul li a span#title {
  float: left;
  font-weight: bold;
  display: block;
  width: 120px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
  font-size: 12px;
  margin-left: 5px;
}
#content div#lastviewed ul li a span#artnr {
  float: left;
  margin-top: 20px;
  margin-left: 5px;
  font-size: 11px;
  color: gray;
  margin-right: 5px;
}
#content div#lastviewed ul li a span#price {
  float: right;
  margin-top: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #444;
}



#content div#top ul {

}
#content div#top ul li {
  overflow: hidden;
  position: relative;
}
#content div#top ul li:not(:last-child) {
  border-bottom: 1px dotted #ccc;
}
#content div#top ul li span {
  float: left;
  margin: 10px 0px 10px 10px;
}
#content div#top ul li span#rank {
  font-size: 12px;
  font-weight: bold;
  background: #004070;
  border-radius: 3px;
  padding: 5px 8px 5px 8px;
  color: white;
}
#content div#top ul li span#description {
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
}
#content div#top ul li span#artnr {
  position: absolute;
  right: 0;
  top: 0;
  color: gray;
  clear: both;
  margin-top: 10px;
}
#content div#top ul li span#bestel {
  position: absolute;
  bottom: 0;
  right: 100px;
  overflow: hidden;
  clear: both;
}
#content div#top ul li span#specs {
  width: 400px;
}
#content div#top ul li span#price {
  float: right;
  font-size: 18px;
  font-weight: bold;
  color: #444;
  position: absolute;
  bottom: 0;
  right: 0;
}


#bundels {
  overflow: hidden;
}
#bundels #bundel {
  clear: both;
  overflow: hidden;
}
#bundels #bundel:not(:last-child) {
  margin-bottom: 10px;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 10px;
}
#bundels #bundel h3 span {
  float: right;
  text-align: right;
  color: green;
  font-size: 12px;
}
#bundels #bundel .item {
  float: left;
}
  #bundels #bundel .item #image  {
    border: 1px dotted #ccc;
    margin: 0;
  }
  #bundels #bundel .item #image a {
    display: block;
    padding: 5px;
  }
#bundels #bundel .seperator {
  float: left;
  width: 25px;
  text-align: center;
  font-size: 300%;
  color: #ccc;
  line-height: 70px;
}
#bundels #bundel .buy {
  display: block;
  float: right;
  position: relative;
  text-align: right;
}
  #bundels #bundel .buy p {
    margin: 0 0 5px 0;
    padding: 0;
  }
  #bundels #bundel .buy p.big {
    font-size: 150%;
  }
  #bundels #bundel .buy span#price {
    color: #444;
    font-weight: bold;
  }







table#debugging tr {
  vertical-align: top;
}
table#debugging tr td {
  padding: 5px;
  line-height: 16px;
}






#masterclass p {
  line-height: 18px;
  text-align: justify;
}
#masterclass input[type="checkbox"] {
  position: relative;
  top: 2px;
  margin-right: 2px;
}
#masterclass label {
  width: 180px;
  display: block;
  float: left;
  font-weight: bold;
  text-align: right;
  margin-right: 10px;
}
#masterclass textarea {
  width: 350px;
  height: 150px;
  padding: 5px;
}
#masterclass ul li {
  overflow: hidden;
  padding: 5px;
  line-height: 25px;
}
#masterclass ul li#span {
  padding-left: 195px;
  line-height: 15px;
  font-weight: bold;
}


#vraag p {
  line-height: 18px;
  text-align: justify;
}
#vraag input[type="checkbox"] {
  position: relative;
  top: 2px;
  margin-right: 2px;
}
#vraag label {
  width: 120px;
  display: block;
  float: left;
  font-weight: bold;
  text-align: right;
  margin-right: 10px;
}
#vraag textarea {
  width: 320px;
  height: 150px;
  padding: 5px;
}
#vraag ul li {
  overflow: hidden;
  padding: 5px;
  line-height: 18px;
}
#vraag ul li#span {
  padding-left: 135px;
  line-height: 15px;
  font-weight: bold;
}


#login p {
  line-height: 18px;
  text-align: justify;
}
#login button {
 /* margin-left: 190px; */
}
#login label {
  width: 180px;
  display: block;
  float: left;
  font-weight: bold;
 /* text-align: right; */
  margin-right: 10px;
}
#login ul li {
  overflow: hidden;
  padding: 5px;
  line-height: 25px;
}

.gratisusb {
  border: 1px solid #ef3e33;
  padding: 10px 10px 10px 174px;
  line-height: 16px;
  font-size: 14px;
  color: #0067b1;
  height: 4.5em;
  display: block;
  margin-top: 25px;
  margin-bottom: 30px;
  background-color: #f9f9f9;
}

.gratisusb:before {
  position: absolute;
  left: 0;
  margin-left: 13px;
  margin-top: 0px;
  content: url('/assets/img/promos/gratisusb.png');
}

.gratiswin10 {
  border: 1px solid #00adef;
  padding: 10px 10px 10px 240px;
  line-height: 16px;
  font-size: 14px;
  color: #fff;
  height: 4.5em;
  display: block;
  margin-top: 25px;
  margin-bottom: 30px;
  background-color: #00adef;
}

.gratiswin10:before {
  position: absolute;
  left: 0;
  margin-left: 20px;
  margin-top: 15px;
  content: url('/assets/img/promos/windows10.png');
}





.hwi {
  border: 1px solid #ccc;
  padding: 10px 10px 10px 150px;
  line-height: 16px;
  font-size: 14px;
  color: #666;
  height: 48px;
  display: -webkit-inline-box;
  margin-top: 25px;
  margin-bottom: 30px;
}

.hwi.ultimate,
.hwi.innovation,
.hwi.greatvalue,
.hwi.excellent,
.hwi.community
{
	height: 62px;
}

.hwi.gold:before,
.hwi.silver:before,
.hwi.bronze:before,
.hwi.ultimate:before,
.hwi.innovation:before,
.hwi.greatvalue:before,
.hwi.excellent:before,
.hwi.community:before
 {
  position: absolute;
  left: 0;
  margin-left: 13px;
  margin-top: -28px;
}

.hwi.gold:before { content: url('/assets/img/awards/hwi/gold.png'); }
.hwi.silver:before { content: url('/assets/img/awards/hwi/silver.png'); }
.hwi.bronze:before { content: url('/assets/img/awards/hwi/bronze.png'); }

.hwi.ultimate:before { content: url('/assets/img/awards/hwi/ultimate.png'); }
.hwi.innovation:before { content: url('/assets/img/awards/hwi/innovation.png'); }
.hwi.greatvalue:before { content: url('/assets/img/awards/hwi/greatvalue.png'); }
.hwi.excellent:before { content: url('/assets/img/awards/hwi/excellent.png'); }
.hwi.community:before { content: url('/assets/img/awards/hwi/community.png'); }

.tweakers {
  border: 1px solid #ccc;
  padding: 10px 10px 10px 150px;
  line-height: 16px;
  font-size: 14px;
  color: #666;
  height: 48px;
  display: -webkit-inline-box;
  margin-top: 25px;
  margin-bottom: 30px;
}

.tweakers.ultimate,
.tweakers.innovation,
.tweakers.greatvalue,
.tweakers.excellent,
.tweakers.community
{
	height: 62px;
}

.tweakers.ultimate:before,
.tweakers.innovation:before,
.tweakers.greatvalue:before,
.tweakers.excellent:before,
.tweakers.community:before
 {
  position: absolute;
  left: 0;
  margin-left: 26px;
  margin-top: -38px;
}

.tweakers.ultimate:before { content: url('/assets/img/awards/tweakers/ultimate.png'); }
.tweakers.innovation:before { content: url('/assets/img/awards/tweakers/innovation.png'); }
.tweakers.greatvalue:before { content: url('/assets/img/awards/tweakers/greatvalue.png'); }
.tweakers.excellent:before { content: url('/assets/img/awards/tweakers/excellent.png'); }
.tweakers.community:before { content: url('/assets/img/awards/tweakers/community.png'); }

/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * https://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * https://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * https://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 0px;
	padding: 0;
	*zoom: 1;
}

.bxslider {
   margin: 0;
   padding: 0;
   list-style: none;
 }
 
 .bxslider li {
   float: left;
   width: 600px; /* Pas dit aan aan de breedte van je banners */
   display: block;
 }
 
 .bxslider li a {
   position: relative;
   z-index: 10;
 }
 
 
.bx-wrapper img {
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {

	background: #fff;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	/* top: 0px; */ 
   bottom: 10px; /* ems 07-04-2025 */
	width: 100%;
   pointer-events: auto; /* ems 07-04-2025 */
   z-index:1;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../../img/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: right;
	font-size: .85em;
	right: 10px;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 10px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	/* zoom: 1; */
	/* display: inline; */
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: rgb(238, 243, 248);
	color: rgb(238, 243, 248);
	border: solid 1px #ccc;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #1860ac;
	color: #1860ac;
	border: solid 1px #eef3f8;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
	height: 199px;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/* fix 07-04-2025 */
.bxslider li a {
   position: relative !important;
   z-index: 9999 !important;
   pointer-events: auto !important;
 }
 


#view3 img {
	position: absolute;
	left: -20px;
}

#view3 {
	position: absolute;
	left: 20px;
  bottom: 40px;
}

#buttonview3 {
	left: 110px;
	bottom:0px;
	position:absolute;
}

/* ---------- SelectBox Styles --------------- */

.sbHolder{
	background-color: #fff;
	border: solid 1px #1860ac;
	font-size: 12px;
	font-weight: 600;
	margin-left: 10px;
	margin-top: 1px;
	height: 18px;
	position: relative;
	width: 100px;
}
.sbHolder:focus .sbSelector{

}
.sbSelector{
	display: block;
	height: 23px;
	left: 0;
	line-height: 30px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
	width: 100px;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: #ccc;
	outline: none;
	text-decoration: none;
}
.sbToggle{
	background: url(../img/icons/select-icons.png) 0 -116px no-repeat;
	display: block;
	height: 23px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
}
.sbToggle:hover{
	background: url(../img/icons/select-icons.png) 0 -167px no-repeat;
}
.sbToggleOpen{
	background: url(../img/icons/select-icons.png) 0 -16px no-repeat;
}
.sbToggleOpen:hover{
	background: url(../img/icons/select-icons.png) 0 -66px no-repeat;
}
.sbHolderDisabled{
	background-color: #fff;
	border: solid 1px #515151;
}
.sbHolderDisabled .sbHolder{

}
.sbHolderDisabled .sbToggle{

}
.sbOptions{
	background-color: #212121;
	border: solid 1px #515151;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	width: 200px;
	z-index: 1;
	overflow-y: auto;
}
.sbOptions li{
	padding: 0 7px;
}
.sbOptions a{
	border-bottom: dotted 1px #515151;
	display: block;
	outline: none;
	padding: 7px 0 7px 3px;
}
.sbOptions a:link, .sbOptions a:visited{
	color: #ddd;
	text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
	color: #EBB52D;
}
.sbOptions li.last a{
	border-bottom: none;
}
.sbOptions .sbDisabled{
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
	border-bottom: dotted 1px #515151;
	color: #EBB52D;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 17px;
}

#orderstatus {
	width:100%;
	height: 40px;
	overflow:hidden;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 15px;
  color: #ccc;
	margin-top: 5px;
}

/*#orderstatus ul {
	width: 800px;
	margin-left:auto;
	margin-right: auto;
}*/

#orderstatus ul li:first-child{
	margin: 0;
}

#orderstatus ul li{
	display: inline;
	margin-left: 104px;
	font-weight: bold;
	font-size: 1.6em;
}

#orderstatus ul li #option {
	display: inline;
}

#orderstatus ul li #option:after{
	border: solid transparent;
	content: ' ';
	height: 0;
	margin-top: 7px;
	margin-left: 5px;
	position: absolute;
	width: 0;
	border-width: 6px;
	border-left-color: #ccc;
}

#option:before {
	border-width: 14px;
	border-left-color: #333;
}

#orderstatus ul li a {
	color: #ccc;
}

#orderstatus ul li.active a, #orderstatus ul li.active {
	color: #1860ac;
}

#orderstatus ul li.active #option:after{
	border-left-color: #1860ac;
}


#orderstatus ul li a:hover {
	color: #f93428;
}

#orderstatus ul li a:hover #option:after{
	border-left-color: #f93428;
}

.deliverychoice {
	width: 100%;
	cursor: pointer;
	vertical-align: baseline;
	height: 35px;
	background-color: #fff;
	border: 1px solid #EEF3F8;
	font-size: 13px;
	/*margin-left: 50px;*/
}

#content .deliverychoice p, #content .betaalwijze p {
  float: right;
  margin-right: 10px;
  height: 1px;
  margin-top: 8px;
}
.betaalwijze {
	width: 100%;
	cursor: pointer;
	vertical-align: baseline;
	height: 35px;
	background-color: #fff;
	border: 1px solid #EEF3F8;
	font-size: 13px;
	/*margin-left: 50px;*/
}


.deliverychoice2 {
	width: 245px;
	vertical-align: baseline;
	cursor: pointer;
	height: 35px;
	background-color: #EEF3F8;
	border: 1px solid #EEF3F8;
	font-size: 13px;
	/*margin-left: 50px;*/
}

.betaalwijze input, .betaalwijze label, .deliverychoice input, .deliverychoice label, .deliverychoice2 input, .deliverychoice2 label {
	vertical-align: baseline;
    padding: 10px;
	padding-right: 5px;
    margin: 10px;
	cursor: pointer;
	margin-right: 5px;
}

.betaalwijze label, .deliverychoice label, .deliverychoice2 label {
	margin: 0px;
}

.betaalwijze#active, .deliverychoice#active{
	font-weight: bold;
	font-size: 13px;
	background-color:#EEF3F8;
}

/* INTEL DINGEN */
.intel {
  width: 80px;
  left: 300px !important;
  margin-top: 0px !important;
  padding-top: 80px;
  background-image: url("https://img.informatique.nl/img/productinfo/intel_logos/Atom.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.derdecorei3 {
  background-image: url("https://img.informatique.nl/img/productinfo/intel_logos/3e_gen_Core_i3.png") !important;
}

.derdecorei5 {
  background-image: url("https://img.informatique.nl/img/productinfo/intel_logos/3e_gen_Core_i5.png") !important;
}

.derdecorei7 {
  background-image: url("https://img.informatique.nl/img/productinfo/intel_logos/3e_gen_Core_i7.png") !important;
}

.derdepentium {
  background-image: url("https://img.informatique.nl/img/productinfo/intel_logos/3e_gen_Pentium.png") !important;
}

.vierdecorei3 {
  background-image: url("https://img.informatique.nl/img/productinfo/intel_logos/4e_gen_Core_i3.png") !important;
  left: 300px !important;
}

.vierdecorei5 {
  background-image: url("https://img.informatique.nl/img/productinfo/intel_logos/4e_gen_Core_i5.png") !important;
  left: 300px !important;
}

.vierdecorei7 {
  background-image: url("https://img.informatique.nl/img/productinfo/intel_logos/4e_gen_Core_i7.png") !important;
  left: 300px !important;
}

.vierdepentium {
  background-image: url("https://img.informatique.nl/img/productinfo/intel_logos/4e_gen_Pentium.png") !important;
  left: 300px !important;
}

.zesdeceleron {
  background-image: url("https://img.informatique.nl/img/productinfo/intel_logos/6e_gen_Celeron.png") !important;
  left: 300px !important;
}

.zesdecorei3 {
  background-image: url("https://img.informatique.nl/img/productinfo/intel_logos/6e_gen_Core_i3.png") !important;
  left: 300px !important;
}

.zesdecorei5 {
  background-image: url("https://img.informatique.nl/img/productinfo/intel_logos/6e_gen_Core_i5.png") !important;
  left: 300px !important;
}

.zesdecorei7 {
  background-image: url("https://img.informatique.nl/img/productinfo/intel_logos/6e_gen_Core_i7.png") !important;
  left: 300px !important;
}

.zesdepentium {
  background-image: url("https://img.informatique.nl/img/productinfo/intel_logos/6e_gen_Pentium.png") !important;
  left: 300px !important;
}

/* nvidia */

.nvidiagtx2 {
  width: 170px;
  left: 80px !important;
  margin-top: 0px !important;
  padding-top: 80px;
  background-image: url("https://www.informatique.nl/img/nvidia/NV_GF_GTX.png") !important;
  background-size: contain;
  background-repeat: no-repeat;
}

.nvidiagtxvr {
  width: 127px;
  left: 5px !important;
  margin-top: 275px !important;
  padding-top: 100px;
  background-image: url("https://www.informatique.nl/img/nvidia/NV_GF_GTX_VR_READY.png") !important;
  background-size: contain;
  background-repeat: no-repeat;
}


.nvidiagtx {
  width: 127px;
  left: 5px !important;
  margin-top: 275px !important;
  padding-top: 100px;
  background-image: url("https://www.informatique.nl/img/nvidia/NV_GF_GTX.png") !important;
  background-size: contain;
  background-repeat: no-repeat;
}

.nvidiartx {
  width: 127px;
  left: 11px !important;
  margin-top: 250px !important;
  padding-top: 40px;
  background-image: url("https://www.informatique.nl/img/nvidia/NV_GF_RTX_new.png") !important;
  background-size: contain;
  background-repeat: no-repeat;
}

.PwdByAsus {
  width: 135px;
  left: 0px !important;
  margin-top: 295px !important;
  padding-top: 100px;
  background-image: url("https://www.informatique.nl/img/icons/Powered_by_ASUS_test3.png") !important;
  background-size: contain;
  background-repeat: no-repeat;
}

.laptop-product-acties {
    width: 500px;
    left: 10px !important;
    margin-top: 295px !important;
    padding-top: 45px;
    background-image: url(/img/laptop/gratis-norton-deluxe-2024.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
}

.gratis-norton-deluxe-badge {
   width: 300px;
   left: 10px !important;
   margin-top: 275px !important;
   padding-top: 45px;
   height: 20px;
   background-image: url(/img/laptop/gratis-norton-deluxe-2024.png) !important;
   background-size: 100%;
   background-repeat: no-repeat;
}

.specs {
  width: 49% !important;
  clear: none !important;
}

.specs.left {
  float: left;
}

.specs.right {
  float:right;
}

.dagaanbieding {
  background: #1860ac;
  border-right: none !important;
}

.image_view .col2 div.lrg.dagaanbieding .product_hdr {
  padding: 0px 0 250px 0 !important;
  /**background-position: center 60px !important;**/
  background-size: 270px;
  background-position: 5px 50px;
}

.dagaanbieding a:hover {
  text-decoration: none !important;
}

.dagaanbieding h1 {
  color: #fff;
  padding-top: 10px;
  background-color: #1860ac;
  height: 30px;
  width: 100%;
  text-align: center;
}

.dagaanbieding ul {
  background: #fff;
  padding: 0px 0px 10px 0px;
  top: 7px !important;
  margin-left: 5px !important;
  width: 280px !important;
  height: 322px;
}

.dagaanbieding ul li {
  position: absolute;
  background: none !important;
  top: 230px;
  left: 7px;
  color: #004070;
}

.dagaanbieding ul li:last-child {

  color: #494949;

  top: 243px;
}

.dagaanbieding .price {
  bottom: 15px !important;
  left: 20px;
  font-size: 2.8em;
}

.dagaanbieding .price_old {
  bottom: 50px !important;
  left: 20px;
  font-size: 1.3em;
  text-decoration: none;
}

.dagaanbieding .price_text {
  bottom: 50px !important;
  left: 20px;
}

.dagaanbieding .button-order {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.button-info-small {
  font-weight: 600;
  background-color: #1860ac;
  color: white !important;
  padding: 3px 6px 3px 6px;
  border-radius: 1px;
  border: 1px solid #1860ac;
  right: 62px;
  width: 18px;
  position: absolute;
  overflow: hidden;
  bottom: 2px;
  height: 0;
  padding-top: 18px;
}

.dagaanbieding .openingsdeal, .dagaanbieding .opruiming, .dagaanbieding .topdeal, .dagaanbieding .tip, .dagaanbieding .actie, .dagaanbieding .nieuw, .dagaanbieding .opisop, .dagaanbieding .prijsdaling, .dagaanbieding .stunt, .dagaanbieding .meervoorminder, .dagaanbieding .uitverkocht, .dagaanbieding .usb30, .dagaanbieding .gratisverzenden, .dagaanbieding .fullhd {
  left: 190px !important;
  top: 4.2em !important;
}

.mainwinkelmandje {
  margin-top: 20px;
  font-size: 14px;
  width: 100%;
}
.mainwinkelmandje .article{
  width: 100%;
  height: 80px;
  margin-top: 10px;
  border-bottom: solid 1px #ccc;
}
.mainwinkelmandje li{
margin-top: 11px;
}
#totalprice {
  position: relative;
  float: right;
  margin-top: 11px;
}

#totalquantity {
  float: left;
  position: relative;
  margin-left: 110px;
  margin-top: 11px;
}
.totalgiftcard {
  float: right;
  font-size: 12px;
}
.article {
  position: relative;
}

.article div{
  float: left;
  position: relative;
}

.article a {
  color: #004070;
}

.article #image {
  width: 100px;
}

.article #image img {
  width: 70px;
  margin-left: 15px;
}

.article #info {
  margin-left:10px;
  width: 360px;
  height: 100%;
}

.article #info #title{
  color: #004070;
  font-size: 13px;
  font-weight: bold;
  clear: both;
}

.article #description {
  clear: both;
  width: 100%;
  color: #333;
  font-size: 12px;
}

.article #quantity {
  margin-left: 40px;
  width: 60px;
}

.article #oneproduct {
  margin-left: 20px;
  width: 100px;
}

.article #totalproduct {
  position: absolute;
  right: 0px;
  font-weight: bold;
}

.article #delete {
  margin-left: 20px;
  margin-top: 30px;
  font-size: 12px;
  color: #333;
}

.article #stockstatus {
  margin-top: 7px;
}

.article #artnr {
  color: #999;
  position: absolute;
  bottom: 8px;
  font-size: 11px;
}

.article #stock {
  width: 100%;
  float: left;
}

.article #stock img {
  vertical-align: middle;
}

.article #stock.opvoorraad {
  color: #009400;
}

.article #stock.nietopvoorraad {
  color: #e90202;
}

.article #stock.nietzoveel {
  color: #e38d11;
}

@media print {
  body {
    font-size: 1.4em;
  }
  #details {
    float: right;
  }
  object, #product-actie, #button-order, #button-info, #menu_l, #header, #userbar, #reviews, #footer, #review_rating {
    display: none;
  }
  body::before {
    content: url('/img/layout/iq_logo_pdf.jpg');
    height: 60px;
  }
}

.content_wrapper_productpage {
  Widht:100%;
  position: relative;

  }

.content_image  {
  width:100%;
  }

.content_blok_img_text {
  display: block;
  height: auto !important;
  float:left;
 }

 /* afbeelding links */


.left_content_image10 {
  width:10%;
  position: inherit;
  float:left;
  padding:0.5em 0em 0.5em 0em;
  }

.left_content_image20 {
  width:20%;
  position: inherit;
  float:left;
  padding:0.5em 0em 0.5em 0em;
  }

.left_content_image30 {
  width:30%;
  position: inherit;
  float:left;
  padding:0.5em 0em 0.5em 0em;
  }

.left_content_image40 {
  width:40%;
  position: inherit;
  float:left;
  padding:0.5em 0em 0.5em 0em;
  }

.left_content_image50 {
  width:50%;
  position: inherit;
  float:left;
  padding:0.5em 0em 0.5em 0em;
  }

.left_content_image60 {
  width:60%;
  position: inherit;
  float:left;
  padding:0.5em 0em 0.5em 0em;
  }

.left_content_image70 {
  width:70%;
  position: inherit;
  float:left;
  padding:0.5em 0em 0.5em 0em;
  }

.left_content_image80 {
  width:80%;
  position: inherit;
  float:left;
  padding:0.5em 0em 0.5em 0em;
  }

.left_content_image90 {
  width:90%;
  position: inherit;
  float:left;
  padding:0.5em 0em 0.5em 0em;
  }

 /* afbeelding rechts */


.right_content_image10 {
  width:10%;
  position: inherit;
  float:right;
  padding:0.5em 0em 0.5em 0em;
  }

.right_content_image20 {
  width:20%;
  position: inherit;
  float:right;
  padding:0.5em 0em 0.5em 0em;
  }

.right_content_image30 {
  width:30%;
  position: inherit;
  float:right;
  padding:0.5em 0em 0.5em 0em;
  }

.right_content_image40 {
  width:40%;
  position: inherit;
  float:right;
  padding:0.5em 0em 0.5em 0em;
  }

.right_content_image50 {
  width:50%;
  position: inherit;
  float:right;
  padding:0.5em 0em 0.5em 0em;
  }

.right_content_image60 {
  width:60%;
  position: inherit;
  float:right;
  padding:0.5em 0em 0.5em 0em;
  }

.right_content_image70 {
  width:70%;
  position: inherit;
  float:right;
  padding:0.5em 0em 0.5em 0em;
  }

.right_content_image80 {
  width:80%;
  position: inherit;
  float:right;
  padding:0.5em 0em 0.5em 0em;
  }

.right_content_image90 {
  width:90%;
  position: inherit;
  float:right;
  padding:0.5em 0em 0.5em 0em;
  }

 /* tekst rechts */

.right_content_text10{
  width:5%;
  position: inherit;
  float:right;
  padding:0em 0em 0.5em 3em;
  }

.right_content_text20{
  width:15%;
  position: inherit;
  float:right;
  padding:0em 0em 0.5em 3em;
  }

.right_content_text30{
  width:25%;
  position: inherit;
  float:right;
  padding:0em 0em 0.5em 3em;
  }

.right_content_text40{
  width:35%;
  position: inherit;
  float:right;
  padding:0em 0em 0.5em 3em;
  }

.right_content_text50{
  width:45%;
  position: inherit;
  float:right;
  padding:0em 0em 0.5em 3em;;
  }

.right_content_text60{
  width:55%;
  position: inherit;
  float:right;
  padding:0em 0em 0.5em 3em;
  }

.right_content_text70{
  width:65%;
  position: inherit;
  float:right;
  padding:0em 0em 0.5em 3em;
  }

.right_content_text80{
  width:75%;
  position: inherit;
  float:right;
  padding:0em 0em 0.5em 3em;
  }

.right_content_text90{
  width:85%;
  position: inherit;
  float:right;
  padding:0em 0em 0.5em 3em;
  }

   /* tekst links */

 .left_content_text10{
  width:5%;
  position: inherit;
  float:left;
  padding:0em 0em 0.5em 0em;
  }

.left_content_text20{
  width:15%;
  position: inherit;
  float:left;
  padding:0em 0em 0.5em 0em;
  }

.left_content_text30{
  width:25%;
  position: inherit;
  float:left;
  padding:0em 0em 0.5em 0em;
  }

.left_content_text40{
  width:35%;
  position: inherit;
  float:left;
  padding:0em 0em 0.5em 0em;
  }

.left_content_text50{
  width:45%;
  position: inherit;
  float:left;
  padding:0em 0em 0.5em 0em;
  }

.left_content_text60{
  width:55%;
  position: inherit;
  float:left;
  padding:0em 0em 0.5em 0em;
  }

.left_content_text70{
  width:65%;
  position: inherit;
  float:left;
  padding:0em 0em 0.5em 0em;
  }

.left_content_text80{
  width:75%;
  position: inherit;
  float:left;
  padding:0em 0em 0.5em 0em;
  }

.left_content_text90{
  width:85%;
  position: inherit;
  float:left;
  padding:0em 0em 0.5em 0em;
  }

a.button-order-front {
    background-color: #16a825;
    background-image: url(/assets/img/icons/custom/order.png);
    background-position: 4px center;
    background-repeat: no-repeat;
    color: white !important;
    padding: 3px 6px 3px 16px;
    border-radius: 1px;
    border: 1px solid #16a825;
    position: relative;
    font-weight: bold;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 12px;
}

img.thinkfront-small {
  margin-top: 80px !IMPORTANT;
}

li#google_ftr {
    display: none !IMPORTANT;
}


#test .button-checkout {
   background-color: #16a825;
   color: white !important;
   padding: 3px 6px 3px 6px;
   border-radius: 2px;
   position: relative;
   font-weight: bold;
   font-size: 1.5em;
   box-shadow:inset 0 -0.6em 0 -0.35em rgba(0,0,0,0.17);
}


#test .button-checkout_tmp {
   display: inline-block;
   padding: 3px 6px !IMPORTANT;
   /* box-sizing: border-box; */ 
   /* color: white !important; */
   /* padding: 6px 16px 6px 16px; */ 
   border-radius: 0.15em;
   /* border: 1px solid #16a825; */
   /* position: relative; */
   font-weight: bold;
   text-transform:uppercase;
   font-size: 1.5em;
   /* box-shadow:inset 0 -0.6em 0 -0.35em rgba(0,0,0,0.17); */ 
  

}


a.button6a{
   font-family:'Roboto',sans-serif;
    color:#FFFFFF;
    background-color:#3369ff;
   }


/* tijdelijk */
/* a.button6{ */
#test .button-checkout2 {   
    display:inline-block;
    padding:0.7em 1.4em;
    margin:0 0.3em 0.3em 0;
    border-radius:0.15em;
    box-sizing: border-box;
    text-decoration:none;
    font-family:'Roboto',sans-serif;
    text-transform:uppercase;
    font-weight:400;
    color:#FFFFFF;
    background-color:#3369ff;
    box-shadow:inset 0 -0.6em 0 -0.35em rgba(0,0,0,0.17);
    text-align:center;
    position:relative;
   }

a.button6:active{
    top:0.1em;
   }

@media all and (max-width:30em){
    a.button6{
     display:block;
     margin:0.4em auto;
    }
   }


/* EMS 23-02-2021 */   
#productfeatures dl, dt, dd { margin:0 }
   dl {
     width:100%;
     background:white;
     padding:5px;
     overflow:hidden;
     position:relative;
     z-index:1;
   }

#productfeatures dt {
     display:inline-block; 
     vertical-align:top;
     width:30%;
     padding:5px 20px 5px 5px;
     position:relative; 
   }

#productfeatures dd {
     display:inline-block;
     vertical-align:top;
     width:65%;
     padding:5px;
     position:relative; 
   }
   
#productfeatures dt:nth-child(4n+1):after, dd:nth-child(4n+2):after {
     content:" ";  
     position:absolute; 
     display:block;/* safari bug */
     left:-999em;
     top:0;
     bottom:0;
     right:-999em; 
  /*   background:#EEF3F8; */
     background:#e0ecf8; 

     z-index:-1; 
    }


#productfeatures .true {
     color:green;
}


#productfeatures .false {
  color:#EEEEEE;
}



#productfeatures h4 {
  margin-top:10px;
}    

#productfeatures h3 {
  margin-top:15px;
  font-size:bold;
  color:black;
}    


#productfeatureitems {
   font-size:13px; 
}

#productfeatureitems li {
   padding: 5px 5px 7px 10px;
}

#productfeatureitems h4 {
   margin-top:13px;
   margin-bottom:5px;
}

/* Style the search field */
form.example input[type=text] {
   padding: 4px;
   border: 1px solid grey;
   float: left;
   width: 124px;
   background: #f1f1f1;
 }
 
 /* Style the submit button */
 form.example button {
   float: left;
   width: 20%;
   padding: 4px;
   background: #1860ac;
   color: white;
   border: 1px solid grey;
   border-left: none; /* Prevent double borders */
   cursor: pointer;
 }
 
 form.example button:hover {
   background: #004070;
 }
 
 /* Clear floats */
 form.example::after {
   content: "";
   clear: both;
   display: table;
 }

.skyscraper {
   top: 195px;
}

.skyscraper.right {
   right: -265px;
}

.skyscraper.left {
   left: -265px;
}

.position-absolute {
   position: absolute !important;
}

.position-relative {
   position: relative !important;
}

#CookieBanner {
   position: fixed;
   bottom: 20px;
   right: 20px;
   background-color: #eef3f8;
   border: 2px solid #1860ac;
   border-radius: 5px;
   padding: 10px;
   max-width: 400px;
   overflow: hidden;
   /* om de afbeelding niet te laten uitsteken */
   font-family: Helvetica, Arial, Sans-serif;
   z-index:99;
}

#CookieBanner .cookie-banner-image {
   position: absolute;
   /* background: yellow; */
   top: 0;
   left: 10px;
   width: 25%;
   /* breedte van de afbeelding, in dit geval 20% van de breedte van de cookie-banner */
   /* height: 100%; hoogte van de afbeelding, 100% van de hoogte van de cookie-banner */
   background-image: url('pad/naar/jouw/afbeelding.jpg');
   /* vervang 'pad/naar/jouw/afbeelding.jpg' door het daadwerkelijke pad naar je afbeelding */
   background-size: cover;
   /* zorgt ervoor dat de afbeelding de volledige ruimte van de div bedekt */
   background-position: center;
   /* positie van de achtergrondafbeelding in het midden van de div */
   z-index: -1;
   /* om de afbeelding achter de tekst en knoppen te plaatsen */
}

#CookieBanner .cookie-banner-content {
   margin-left: 30%;
   /* marge links gelijk aan de breedte van de afbeelding */
}

#CookieBanner button {
   margin: 5px;
   padding: 7px 20px;
   border: none;
   cursor: pointer;
   text-decoration: none;
   color: #000;
   border-radius: 2px;
}

#CookieBanner button.accept {
   background-color: #16a825;
   border: 1px #1860ac solid;
   color: white;
}

#CookieBanner button.reject {
   background-color: #fff;
   color: #1860ac;
   border: 1px #003300 solid;

}

#CookieBanner .cookie-setting-link {
   padding: 10px 0px;
   color: red;
   font-size: 11px;
}

#CookieBanner .cookie-settings {
   display: none;
   max-width: 300px;
}

#CookieBanner .cookie-settings label {
   display: block;
   margin-bottom: 10px;
}

/* slick slider */

.slider {
   max-width: 600px;
   margin: 0 auto;
 }

 .slick-slider {
   position: relative;
 }
 
 .slick-dots {
   position: absolute;
   top: 10px;          /* afstand vanaf boven */
   right: 15px;        /* afstand vanaf rechterrand */
   width: auto;
   z-index: 10;
   text-align: right;
 }
 
 .slick-dots li {
   display: inline-block;
   margin: 0 2px;
 }
 
 .slick-dots li button {
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background-color:  #006bb6;
   border: 1px solid white;
   text-indent: -9999px;
   overflow: hidden;
   padding: 0;
   transition: background-color 0.3s ease;
 }
 
 .slick-dots li.slick-active button {
   background-color:#004173;
 }