/* GLOBAL STYLES */


/* - View Structure.css - */


/* globalNav */


/* - View Structure.css - */

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  box-sizing: border-box;
}

body {
  font-family: 'Open Sans', Tahoma, Helvetica, Arial, sans-serif;
  font-size: 11px;
}

.section-block {
  margin-bottom: 50px;
}

#dossBlock {
  margin-left: 0;
  width: 747px;
}


/* vdbInfoBlock */

#vdbInfoBlock {
  clear: both;
  background-color: #f5f5f5;
  padding: 6px;
  height: 422px;
  margin-right: 0;
}

#vdbInfoBlock .pad {
  padding: 12px;
  background-color: #FFF;
  border: 1px solid #eee;
  border-bottom: none;
  margin: 0;
  overflow: hidden;
  height: 100%;
  box-sizing: border-box;
}

#vdbInfoBlock ul {}


/* - vdbHelpBlock - */

#vdbInfoBlock h2,
#ourStores h2 {
  margin-bottom: 15px;
  text-transform: uppercase;
  line-height: 1;
  font-size: 14px;
}

#ourStores .ourStores-title {
  margin-bottom: 15px;
  margin-top: 15px;
}

#vdbHelpBlock ul {
  padding-left: 1px;
  float: none;
}

#vdbHelpBlock li {
  margin-bottom: 10px;
  background-image: url(/WEB/images/arr_black_right.svg);
  background-position: 0 center;
  background-size: 8px;
  background-repeat: no-repeat;
  border-style: solid;
  padding-left: 14px;
  float: none;
  font-size: 13px;
}

#vdbHelpBlock li a {
  text-decoration: none;
  color: #333;
}

#vdbHelpBlock li a:HOVER {
  text-decoration: underline;
}


/* OUR STORES */

#ourStores {
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
}

#ourStores fieldset {
  position: relative;
}

#search-field {
  width: 100%;
  padding: 9px 12px;
  border: 1px solid #eee;
  position: relative;
}

#pickupzipchange-submit {
  /*border: 1px solid #eee;*/
  box-sizing: border-box;
  background-color: #333;
  width: 35px;
  color: #fff;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  background-image: url(/WEB/images/arr_white_right.png);
  background-repeat: no-repeat;
  background-position: center;
}

.ui-autocomplete {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  float: none;
}


/* - newsletterBlock - */

#newsletterBlock {
  clear: both;
  /*position: absolute;*/
  bottom: 10px;
}

#newsletterBlock h2 {
  float: left;
  margin-right: 30px;
  margin-bottom: 2px;
}

#newsletterBlock a {
  float: left;
  margin-top: 3px;
}

#newsletterBlock form {
  clear: both;
}

#newsletterBlock .button {
  background-image: url("/WEB/images/General/buttonBG.gif");
  background-repeat: repeat-x;
  margin-left: 3px;
  border: 1px solid #999;
  height: 21px;
  padding-bottom: 3px;
}

#newsletterBlock .searchfield {
  width: 180px;
  height: 14px;
  color: #666;
  background-position: left;
}


/* dossBlock */

.dossSection img {
  width: 100%;
  height: auto;
}

.dossSection:last-child {
  padding-right: 0;
}

.dossSection:first-child {
  /*padding-left: 0;*/
}

.doss {
  position: relative;
  box-sizing: border-box;
  /*border: 1px solid #000;*/
  float: left;
  /*text-align: center;*/
}

.doss a {
  padding-left: 14px;
  display: block;
}

.doss a img {
  width: 100%;
  border: 1px solid #ddd;
}

.doss:first-child a {
  /*pasdding-left: 0;*/
}

.doss:last-child {
  /*float: right;*/
  /*text-align: right;*/
}

.size-1,
.size-2 {
  width: 33.333%;
}

.size-4 {
  width: 66.666%;
}

.small {
  width: 100%;
  margin-bottom: 14px;
}

.small:nth-child(2n) {
  margin-bottom: 0;
}


/* univBlock */

#univBlock {
  z-index: 100;
}

#univBlock .section-title {
  margin-left: 15px;
}


/* - univElement - */

.univElement {
  z-index: 20;
  overflow: hidden;
  float: left;
  width: 33.3%;
  box-sizing: border-box;
  padding: 15px;
  border-left: 1px solid #eee;
  min-height: 360px;
}

.univElement:nth-of-type(1),
.univElement:nth-of-type(2),
.univElement:nth-of-type(3) {
  border-bottom: 1px solid #eee;
  padding-top: 0;
}

.univElement:nth-of-type(3n) {
  padding-right: 0;
}

.univElement .prodInfo {
  position: relative;
}

.univElement .prodInfo:last-child {
  padding-bottom: 0;
}

.univElement .ratingStarsOn {
  position: relative;
  height: 15px;
  background: url(/WEB/images/product/star-02.svg) no-repeat;
  background-size: 78px;
}

.prodInfo .noreview {
  display: inline-block;
  background: none;
  border-right: 1px solid #ccc;
  padding-right: 5px;
  text-decoration: underline;
}

.zeroreview {
  padding-left: 3px;
}

.univElement .product-price {
  float: left;
  color: #FF6600;
  font-weight: bold;
  line-height: 25px;
  font-size: 20px;
  margin-top: 5px;
  display: block;
}

.Green {
  color: #3f9261 !important;
}

.Green {
  padding-top: 9px;
  padding-left: 9px;
  display: inline-block;
}

.product-price-cashback {
  width: 100%;
  float: left;
  display: block;
}

.prxsmall {
  color: #333;
}

.univElement .ratingStars {
  position: relative;
  height: 15px;
  width: 80px;
  background: url(/WEB/images/product/star-04.svg) no-repeat;
  background-size: 78px;
  margin-top: 0px;
  /*float: left;*/
  margin-right: 2px;
}

.rating strong {
  margin-right: 7px;
  border-right: 1px solid #ccc;
  padding-right: 7px;
}

.artImgBlock,
#artImgBlock {
  text-align: center;
  margin: 20px 0;
  position: relative;
}

.univLinkBlock,
#univLinkBlock {
  background-position: bottom center;
  background-repeat: repeat-x;
  margin-bottom: 1px;
  /*width: 159px !important;*/
  border-bottom: 1px solid #cdcdcd !important;
  padding-right: 6px;
  z-index: 50;
  height: 25px;
}

.univLinkBlock,
#univLinkBlock {
  clear: both;
}

.univLinkBlock h3,
#univLinkBlock h3 {
  text-indent: 7px;
  margin-top: 9px;
}

.univLinkBlock h3 a,
#univLinkBlock h3 a {
  text-decoration: none;
  background-position: right 4px;
  background-repeat: no-repeat;
  padding-right: 10px;
  color: #004b91 !important;
  background-image: url("/WEB/images/General/arrowLnk.gif") !important;
}

.univLinkBlock h3 a:HOVER,
#univLinkBlock h3 a:HOVER {
  text-decoration: underline;
}

.artInfoBlock,
#artInfoBlock {
  clear: both;
}

.artInfoBlock.sold,
#artInfoBlock.sold {
  background-image: url("/WEB/images/General/Home/MacSold.gif");
  background-position: top right;
  background-repeat: no-repeat;
  padding-right: 5px;
}

.artInfoBlock.excl,
#artInfoBlock.excl {
  background-image: url("/WEB/images/General/Home/MacExclu.gif");
  background-position: top right;
  background-repeat: no-repeat;
  padding-right: 5px;
}

.artInfoBlock.actie,
#artInfoBlock.actie {
  background-image: url("/WEB/images/General/Home/MacExclu.gif");
  background-position: top right;
  background-repeat: no-repeat;
  padding-right: 5px;
}

.artInfoBlock p,
#artInfoBlock p {
  margin-top: 0px;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.artInfoBlock a,
#artInfoBlock a {
  font-weight: 600;
}

.artTitle {
  font-size: 13px;
}

.artInfoBlock img,
#artInfoBlock img {
  position: absolute;
  top: 0;
  right: -5px;
}

.artInfoBlock span.info,
#artInfoBlock span.info {
  /*position: absolute;*/
  /*top: 9px;*/
  /*right: 3px;*/
}

.artInfoBlock span.info img,
#artInfoBlock span.info img {
  position: relative;
  right: 0;
  height: 15px;
  width: auto;
}

#cluetip-inner {
  font-weight: bold;
  margin-top: 5px;
}


/* serviceBlock */


/* - serviceInfoBlock - */

#serviceBlock .services {
  width: 50%;
  float: left;
  /*border: 1px solid #ccc;*/
  box-sizing: border-box;
}

#serviceBlock .services:first-child {
  padding-right: 14px;
}

#serviceBlock ul {
  float: none;
}

#serviceBlock li {
  float: none;
  width: 100%;
  border: 1px solid #eee;
  border-top: none;
  height: 65px;
  box-sizing: border-box;
  display: table;
  text-transform: uppercase;
  background: url(/WEB/images/arr_black_right.svg) no-repeat 94% center;
  background-size: 10px;
  -webkit-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out;
}

#serviceBlock li span {
  display: table-cell;
  vertical-align: middle;
}

#serviceBlock li span:first-child {
  text-align: center;
  width: 65px;
  background-color: #f6f6f6;
  font-size: 25px;
  line-height: 1;
  color: #FF7171;
}

#serviceBlock li span:last-child {
  padding-left: 15px;
}

#serviceBlock li:first-child {
  border-top: 1px solid #eee;
}

#serviceBlock li a {
  text-decoration: none;
  color: #333;
  display: table;
  width: 100%;
  height: 100%;
}

#serviceBlock li img {
  width: 60%;
}

#serviceBlock li:hover {
  background: #f6f6f6 url(/WEB/images/arr_black_right.svg) no-repeat 93% center;
  background-size: 10px;
}

.service-title {
  margin-left: 7px;
}

.serviceInfoBlock h2,
#serviceInfoBlock h2 {
  margin-bottom: 8px;
}

.serviceInfoBlock ul li,
#serviceInfoBlock ul li {
  margin-bottom: 6px;
  width: 220px;
}

.serviceInfoBlock p,
#serviceInfoBlock p {
  margin-top: 4px;
  margin-bottom: 4px;
}

.serviceInfoBlock a,
#serviceInfoBlock a {
  background-image: url("/WEB/images/General/arrowLnk.gif");
  background-position: right 3px;
  background-repeat: no-repeat;
  padding-right: 10px;
}


/* bannerBlock */

#bannerBlock {
  border: 0;
}

#bannerTQ {
  border: none;
  background: url(/WEB/images/arr_white_right.svg) #FF7171 no-repeat 94% center !important;
  -webkit-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out;
}

#bannerTQ:hover {
  background: url(/WEB/images/arr_white_right.svg) #FF7171 no-repeat 92% center !important;
}

.social-banner {
  border: none;
  background: url(/WEB/images/arr_black_right.svg) #f6f6f6 no-repeat 94% center;
  -webkit-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out;
  background-size: 10px;
}

.social-banner:hover {
  background: url(/WEB/images/arr_black_right.svg) #f6f6f6 no-repeat 92% center;
  background-size: 10px;
}

.social-banner a {
  text-decoration: none;
}

#bannerTQ h2,
#bannerTQ p {
  color: #fff;
}

#bannerTQ a {
  text-decoration: none;
  display: block;
}

#bannerTQ h2 {
  text-transform: uppercase;
  margin-bottom: 3px;
}

body #bannerTQ {
  margin-top: 0;
}

body #bannerBlock .banner {
  border: 0;
  padding: 15px;
  border: none !important;
  height: 83px;
  box-sizing: border-box;
  display: table;
  width: 100%;
}

body #bannerBlock .banner a {
  display: table-cell;
  vertical-align: middle;
}

.social-banner {
  background-color: #f6f6f6;
  margin-top: 6px;
}

.social-banner h2 {
  font-size: 14px;
  line-height: 1;
}

.social-banner img {
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 5px;
}


/*.social-banner a,*/

.extra-social .link a {
  background-image: url(/WEB/images/arr_blue_right.svg);
  background-position: right 5px;
  background-size: 8px;
  background-repeat: no-repeat;
  padding-right: 12px;
  margin-top: 8px;
  display: inline-block;
  text-decoration: none;
}

.social-banner .extra {
  text-align: center;
}

#bannerBlock p i,
#bannerBlock p em {
  font-style: normal;
  text-decoration: underline;
  color: #004b91;
}

#bannerBlock p i:HOVER,
#bannerBlock p em:HOVER {
  font-style: normal;
  text-decoration: underline;
  color: #cc0000;
}


/* tagBlock */

#tagBlock {
  clear: both;
  margin-top: 20px;
  padding-bottom: 30px;
}

#tagBlock h3 {
  margin-bottom: 12px;
}

#tagBlock ul li {
  margin-right: 15px;
  margin-bottom: 8px;
}


/* BLOG EN VIDEO */

.extra-social img {
  width: 100%;
  height: auto;
}

.extra-social h3 {
  font-size: 17px;
  margin-top: 15px;
  height: 50px;
}

.extra-social h3 a,
.extra-social a {
  text-decoration: none;
  color: #333;
}

.extra-social .link a {
  text-decoration: underline;
  font-size: 13px;
  color: #004b91;
}

.extra-social .info {
  margin-bottom: 5px;
}

.extra-social .info {
  font-size: 13px;
  margin-top: 5px;
}

.extra-social .info span {
  color: #ff6b59;
  text-transform: uppercase;
}

.section-title {
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 500;
}


/* Category block */

#catBlock ul,
#catBlock li {
  float: none;
}

#catBlock li {
  display: block;
  margin-bottom: 3px;
  font-size: 13px;
}

#catBlock li a {
  text-decoration: none;
  color: #333;
}

#catBlock li a:hover {
  text-decoration: underline;
}

#catBlock .cat-heading a,
#catBlock p a {
  font-size: 14px;
  text-decoration: underline;
  color: #004b91;
  font-weight: 600;
}

#catBlock p {
  margin-bottom: 5px;
}

.cat-closing a,
#catBlock .columns li ul li:last-child a {
  font-weight: 700;
  background-image: url(/WEB/images/arr_black_right.svg);
  background-position: right 3px;
  background-size: 9px;
  background-repeat: no-repeat;
  padding-right: 12px;
}

#catBlock .columns > li > ul,
.cat {
  margin-bottom: 20px;
}


/* globalFooter */


/* - View Structure.css - */


/* email newsletter error message */

#newsletterError {
  background: url("/WEB/images/exclamation.gif") no-repeat bottom right;
  padding: 20px;
  width: 360px;
  height: 120px;
}

#newsletterError p {
  font-weight: bold;
}

#newsletterError a {
  font-weight: normal;
  position: relative;
  top: 25px;
}


/*
   UPDATE 2014-10-15
   New highlight zone
*/


/* --- HIGHLIGHT ZONE --- */

.highlight-zone {
  clear: both;
  margin-left: 7px;
}


/* INFO BLOCK */

.highlight-zone .vdb-info-block {
  position: relative;
  float: left;
  width: 236px;
  height: 236px;
}

.help-block h2 {
  margin-bottom: 5px;
}

.help-block ul li {
  float: none;
  padding-left: 14px;
  background-image: url("/WEB/images/General/arrowLnk.gif");
  background-position: left center;
  background-repeat: no-repeat;
  font-size: 12px;
  line-height: 18px;
}

.help-block ul li a {
  text-decoration: none;
}

.help-block ul li a:hover {
  text-decoration: underline;
}

.newsletter-block {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.newsletter-block h2 {
  margin-bottom: 5px;
}

.newsletter-block form {
  padding: 5px;
  background-color: #F0F0F0;
}

.newsletter-block form .searchfield {
  float: left;
  width: 188px;
  padding: 2px 6px;
  background-color: #FFF;
  border: 1px solid #B0B0B0;
  font-size: 11px;
  line-height: 16px;
  color: #333;
}

.newsletter-block form .button-submit-newsletter {
  display: block;
  width: 22px;
  height: 22px;
  padding: 0;
  background: #B0B0B0;
  border: 0;
  vertical-align: middle;
}

.button-submit-newsletter .button-label {
  display: none;
}

.button-submit-newsletter .button-icon {
  display: block;
  width: 22px;
  height: 22px;
  background-image: url("/WEB/images/arr_white_right.png");
  background-position: center center;
  background-repeat: no-repeat;
}


/* HIGHLIGHT BANNER */

.highlight-zone .highlight-banner {
  float: left;
  width: 236px;
  height: 236px;
  margin-left: 12px;
}

.highlight-zone .vdb-info-block + .highlight-banner {
  margin-left: 14px;
}

.highlight-banner .banner-product-image {}

.highlight-banner .banner-product-image a {
  display: block;
  width: 236px;
  height: 184px;
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.highlight-banner .banner-product-image a .hidden {
  display: none;
  visibility: hidden;
}

.highlight-banner .banner-product-abstract {
  margin-top: 2px;
}

.highlight-banner .banner-product-abstract a {
  display: block;
  padding: 8px 10px;
  background-color: #F0F0F0;
  background-image: url("/WEB/images/arr-grey-big.png");
  background-position: 210px center;
  background-repeat: no-repeat;
  font-family: "Open Sans", sans-serif;
  color: #333;
  text-decoration: none;
}

.highlight-banner .banner-product-abstract a:hover {
  background-color: #E0E0E0;
}

.highlight-banner .banner-product-abstract h3 {
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
}

.highlight-banner .banner-product-abstract p {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
}


/* --- UNIVERSE ZONE --- */

.universe-zone {
  margin: 20px 0 20px 6px;
}


/* UNIVERSE BLOCK */

.universe-block {
  float: left;
  width: 153px;
  margin-left: 10px;
  border: 1px solid #F0F0F0;
}

.universe-block:first-child {
  margin-left: 0;
}

.universe-name {
  margin: 0 5px;
  border-bottom: 1px solid #F0F0F0;
  font-size: 11px;
  line-height: 20px;
  text-align: center;
}

.universe-name a {
  display: inline-block;
  *display: inline;
  padding-right: 10px;
  background-image: url("/WEB/images/General/arrowLnk.gif") !important;
  background-position: right center;
  background-repeat: no-repeat;
  color: #004b91 !important;
  text-decoration: none;
}

.universe-name a:hover {
  text-decoration: underline;
}

.universe-product-image {
  position: relative;
  padding: 5px;
  text-align: center;
}

.universe-product-image .sticker {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
}

.universe-product-abstract {}

.universe-product-abstract a {
  display: block;
  text-decoration: none;
  padding: 5px;
  background-color: #F5F5F5;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
}

.universe-product-abstract a:hover {
  background-color: #E5E5E5;
}

.universe-product-abstract h4 {
  margin: 0;
  font-weight: normal;
  font-size: 11px;
  line-height: 14px;
  color: #555;
}

.universe-product-abstract h4 strong {
  font-size: 12px;
  color: #333;
}

.universe-product-abstract .universe-product-price {
  margin: 5px 0 0;
  font-weight: bold;
  font-size: 14px;
  color: #F60;
}

.universe-product-abstract .universe-product-price .previous-price {
  margin-left: 5px;
  font-size: 11px;
  color: #333;
  text-decoration: line-through;
}

.artInfoBlock .line-through {
  text-decoration: line-through;
  background-color: #fbe100;
  font-size: 13px;
  padding: 4px 5px;
  border-radius: 3px;
  float: left;
  margin-right: 12px;
  margin-top: 10px;
}

.artInfoBlock .line-through:empty {
  display: none;
}

.macaronsoldNL {
  background: url("/WEB/images/macarons/NL/mac_solden.svg?versie1") no-repeat;
}

.macaronsoldFR {
  background: url("/WEB/images/macarons/FR/mac_solden.svg?versie1") no-repeat;
}