html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, p, form, dl, dt, dd, fieldset, legend, blockquote, table, tr, th, td { margin: 0; padding: 0; }

html { background-color: #fff; }

html.chopped { overflow-x: hidden; }

body { font-family: Arial, sans-serif; color: #272769; }

input, select, button, textarea { font-family: Arial, sans-serif; font-size: 11px; background: #fff; }
::-webkit-input-placeholder { color: #b1b1b1; }
.placeholder { color: #b1b1b1 !important; }

#header button, #zoeken button, #winkel-zoeken button, .article form p.submit button,  .article form.webform p.submit input, #push button, #poll button { vertical-align: top; background: transparent url(img/assets.png) no-repeat 0 0; cursor: pointer; border: none; text-indent: -9999px; float: left; padding: 0; }

fieldset { border: none; }

img { border: none; display: block; }

a { text-decoration: none; color: #272769; }
a:hover, a:focus { text-decoration: underline; }

h2 { font-size: 18px; font-weight: normal; font-family: 'Cosmos Light', Arial, sans-serif; color: #272769; }
 h2 span { font-style: normal; color: #6b6b91; }

.more { list-style: none; }
 .more a { display: inline-block; background: transparent url(img/bullets/bullet-white.png) no-repeat 0 2px; padding-left: 17px; }
  .more a span { color: #7d7da5; font-size: 11px; }

.stores a span { color: #272769; font-size: 12px; display: block; }

.subhome .more a { color: #272769; }

#header { height: 204px; width: 978px; position: relative; z-index: 3; }
 #header h1 { position: absolute; top: 0; left: 0; z-index: 2; }
 #header ul { list-style: none; background: transparent url(img/menu.png) no-repeat 0 -282px; position: absolute; top: 0; left: 0; z-index: 4; height: 186px; width: 100%; }
  #header li { position: absolute; }
  #header li#nav-home { top: 130px; left: 80px; width: 60px; }
  #header li#nav-nieuws { top: 140px; left: 140px; width: 68px; }
  #header li#nav-eigen-merk { top: 145px; left: 208px; width: 94px; }
  #header li#nav-mama-en-kind { top: 143px; left: 304px; width: 105px; }
  #header li#nav-gezondheid { top: 135px; left: 410px; width: 98px; }
  #header li#nav-beauty { top: 120px; left: 510px; width: 60px; }
  #header li#nav-verzorging { top: 105px; left: 571px; width: 95px; }
   #header li a { color: #000; padding: 5px; outline: none; text-indent: -9999px; display: block; overflow: hidden; height: 40px; }
   #header li ul { left: -9999px; background: none; width: 0; height: 0; }
 #header form { position: absolute; bottom: 0; right: 93px; z-index: 2; }
  #header h2 { text-align: right; margin: 0 0 5px 0; }
   #header input { font-size: 13px; margin: 1px 8px 0 0; float: left; }
   #header #q { width: 180px; }
   #header button, #zoeken button, #winkel-zoeken button { background-position: -394px -422px; width: 55px; height: 24px; }

.section-homepage #header { height: 304px; width: 1072px; }
 .section-homepage #header ul { background-position: 0 0; height: 281px; }
  .section-homepage #header li#nav-home { top: 225px; }
  .section-homepage #header li#nav-nieuws { top: 235px; }
  .section-homepage #header li#nav-eigen-merk { top: 240px; }
  .section-homepage #header li#nav-mama-en-kind { top: 238px; }
  .section-homepage #header li#nav-gezondheid { top: 230px; }
  .section-homepage #header li#nav-beauty { top: 215px; }
  .section-homepage #header li#nav-verzorging { top: 200px; }

#fix-replaced { display: none; position: absolute; z-index: -1; top: 0; left: 0; width: 931px; height: 480px; outline: none; }

#nav { position: absolute; top: 0; left: 0; width: 975px; height: 185px; z-index: 3; outline: none; display: none; }
 #nav-replaced { outline: none; }
.section-homepage #nav { top: 192px; width: 700px; height: 90px; }

#visuals { position: absolute; top: 0; left: 0; z-index: 1; }
 #visuals-replaced { outline: none; }

#visual { height: 186px; width: 100%; position: absolute; top: 0; left: 0; }

#deals { margin: 10px 0; width: 996px; min-height: 211px; position: relative; z-index: 2; }
 #deals #replaced-deals { outline: none; }
  #deals #replaced-deals h2 { margin: 0 20px; }
  #deals #replaced-deals ul { margin: 10px 0 0 5px; overflow: hidden; padding: 0 0 20px 0; list-style: none; }
   #deals #replaced-deals li { float: left; margin: 0 0 10px 15px; }

#push { overflow: hidden; margin: 35px 0 0 0; width: 976px; position: relative; z-index: 1; }
 #push .section { width: 305px; height: 76px; float: left; margin: 0 0 38px 20px; font-size: 13px; background-color: transparent; background-image: url(img/assets.png); background-repeat: no-repeat; position: relative; clear: none; }
  #push h2 { padding: 0 10px; height: 22px; background: #fff; overflow: hidden; line-height: 1.2; }
  #push p { color: #fff; }
   #push a { display: table-cell; height: 54px; vertical-align: middle; padding: 0 120px 0 10px; color: #fff; }
   #push p.more a { background: none !important; }
   #push a:hover { }
    #push p.more a span { display: block; font-size: 13px; color: #fff; padding: 0 0 0 17px; background: transparent url(img/bullets/bullet-white.png) no-repeat 0 0; }
    #push img { position: absolute; right: 10px; top: 0; }
  #push form { margin: 7px 10px 0 10px; }
   #push form p { margin: 0; background: none; }
    #push input { width: 130px; margin: 3px 0 0 0; float: left; padding: 0; }
    #push button { background-position: -394px -448px; width: 32px; height: 18px; margin: 4px 0 0 5px; }
    #push button:active { margin: 5px 0 0 6px; }
 #push table { border-collapse: collapse; }
  #push td { vertical-align: middle; height: 54px; background: transparent; border: none; padding: 0; min-height: 0; }
   #push td a { display: inline; height: auto; background-image: url(img/bullets/bullet-white.png); }

#blocks { overflow: hidden; width: 976px; margin: 12px 0 21px 0; }
 #blocks .section { float: left; margin: 0 0 0 20px; background: #fff no-repeat 100% 100%; padding: 13px 0 0 0; }
  #blocks .section .section { float: none; margin: 0; padding: 0; width: 224px; height: 97px; background: transparent url(img/stippels.png) no-repeat 100% 100%; }
   #blocks h2 { margin: 10px 0 5px 0; }
   #blocks ul { font-size: 12px; list-style: none; line-height: 1.4; }
     #blocks a { color: #251e5e; display: block; padding: 2px 15px; background-position: 0 4px; }

#main { position: relative; margin: 20px 0 -24px 80px; padding: 0 0 24px 0; overflow: hidden; width: 978px; min-height: 350px; background: transparent no-repeat 0 100%; z-index: 1; }

#main #blocks, #main #push { width: 651px; margin: 30px 0 0 -20px; }
 #main #blocks .section .section { width: 305px; }

#article { color: #313131; float: left; }
 #article h1 { font-family: 'Cosmos Light', Arial, sans-serif; font-weight: normal; margin: 2px 0 8px 0; font-size: 28px; color: #272769; line-height: 1; }
 #article h2 { font-family: Arial, sans-serif; }
 #article h3 { }
 #article h4 { font-size: 15px; font-weight: normal; }
 #article p, #article li, #article form label { font-size: 13px; }
 #article p, #article table, #article h2, #article h3, #article h4 { line-height: 1.3; }
 #article li { line-height: 1.6; }
 #article .more li { line-height: 1.3; margin: 3px 0 0 0; padding: 0; background: none; }
 #article p.intro { color: #313131; font-weight: bold; line-height: 1.35; }
 #article p.image { line-height: 1.1; font-size: 11px; }
 #article blockquote { margin: 25px 0 20px 0; }
  #article blockquote p { font-size: 22px; }

#article #breadcrumb { color: #7d7da5; font-size: 11px; margin: 0 0 5px -5px; }
 #article #breadcrumb span { position: absolute; left: -9999em; }
  #article #breadcrumb a { color: #7c7da5; padding: 5px 10px 5px 5px; background: #fff url(img/arrow.png) no-repeat 100% 55%; margin: 0 1px 0 0; }

.article { width: 631px; }
 .article h2 { font-size: 17px; color: #272769; }
 .article h2.large, .article h2.new { font-size: 20px; }
 .article h3 { font-size: 15px; font-weight: bold; color: #272769; margin: 10px 0 0 0; }
 .article p, .article ul, .article ol, .article table { margin: 0 0 15px 0; }
  .article li p { margin: 0 0 5px 0; }
 .article p.image { width: 100px; text-align: center; clear: both; }
 .article p.image-left { float: left; margin-right: 15px; clear: both; }
 .article p.image-right { float: right; margin-left: 15px; clear: both; }
 .article p.intro { margin: 0 0 15px 0; padding-top: 5px; }
 .article table { border-collapse: collapse; font-size: 12px; }
  .article table th, .article table td { text-align: left; color: #262930; min-width: 40px; padding: 3px 10px; }
  .article table th { color: #fff; background: #4d6caf; }
  .article table tr { background: #fff; }
  .article table tr:nth-child(odd) { background: #dbe2ef; }
 .article ul { list-style: none; }
  .article ul li { background: transparent url(img/bullet.png) no-repeat 0 0.55em; padding: 0 0 0 11px; }
  .article ul.summarized li { background-image: url(img/check.png); background-position: 0 0.4em; }
 .article ol { margin-left: 1.6em; }
 .article blockquote { color: #272769; }
 .article form { width: 550px; background: #fff url(img/stippels.png) no-repeat 0 -574px; margin: 0 0 40px 0; }
  .article fieldset { background: transparent url(img/stippels.png) no-repeat 0 100%; padding: 0 0 5px 0; }
  .article legend { color: #272769; font-size: 15px; padding: 0 0 15px 0; }
  .article form p, .article form fieldset fieldset { overflow: hidden; margin: 0; padding: 3px 0 2px 0; }
  .article form p input, .article form p select, .article form textarea { color: #313131; background: #fff; width: 240px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 13px; }
  .article form p input.smallest { width: 30px; }
  .article form p input.smaller { width: 45px; }
  .article form p input.small { width: 65px; }
  .article form p input.medium { width: 125px; }
  .article form p input.large { width: 330px; }
  .article form p input.larger, .article form textarea { width: 370px; }
  .article form p textarea { resize: vertical; }
  .article form p textarea:focus, .article form p input:focus { background: #dbe2ef; }
  .article form p.submit { overflow: hidden; }
   .article form p.submit button, .article form.webform p.submit input, #poll button { float: right; background-position: -451px -422px; width: 79px; height: 24px; }
  .article form label { float: left; width: 170px; }
  .article form fieldset fieldset { position: relative; background: none; padding: 0; margin: 4px 0; }
   .article form fieldset fieldset legend { font-size: 13px; padding: 0; color: #313131; }
    .article form legend span { position: absolute; top: 0; left: 0; }
   .article form p.error label, .article form fieldset.error legend, label.error { color: #e3311c; }
   .article form p.error input, .article form p.error select, .article form p.error textarea, input.error, select.error, textarea.error { background: #fadbd7; color: #e3311c; }
   .article form label.label-right { display:inline; float: none; width: auto; margin: 0 0 0 3px; }
   .article form ul { margin: 0 0 0 170px; list-style: none; }
    .article form li { display: inline; vertical-align: top; padding: 0; background: none; }
     .article form fieldset fieldset label { width: auto; float: none; cursor: pointer; margin-right: 10px; vertical-align: top; }
      .article form fieldset fieldset label input { display: inline; vertical-align: top; }
 .article .more { margin-left: 0; }
  .article .more a { color: #272769; background-image: url(img/bullets/bullet-blue.png); }
 .article .on-this-page { }
  .article .on-this-page a { background-image: url(img/bullet-down.png); }
 .article .nav { list-style: none; overflow: hidden; font-size: 13px; margin: -12px 0 10px 0; }
  .article .nav li { float: left; margin: 2px 2px -4px 0; padding: 0; background: none; }
   .article .nav a { display: block; padding: 2px 17px 2px 17px; background: transparent url(img/bullets/bullet-darkblue.png) no-repeat 0 50%; color: #272769; }
   .article .nav a.selected { font-weight: bold; }

.article .section { clear: both; margin: 0 0 15px 0; }
 .article .section .section { clear: none; margin: 0; }

.article .new h2 { font-size: 20px; padding: 22px 0 18px 64px; margin: 30px 0 -10px 0; background: transparent url(img/nieuw-bij-etos.png) no-repeat 0 50%; position: relative; z-index: 2; }

.subhome { width: 631px; }
 .subhome .section { margin: 0 0 18px 0; }
  .subhome .section .section { background: none; margin: 0 0 15px 0; }
 .subhome h2 { line-height: 1.1 !important; }
 .subhome h3 { font-size: 17px; font-weight: normal; }
 .subhome p.intro { margin: 10px 0 30px 0; }
 .subhome .subitems ul { list-style: none; }
  .subhome .subitems ul li { background: transparent url(img/bullet.png) no-repeat 0 0.55em; padding: 0 0 0 11px; }
  .subhome .subitems ul.summarized li { background-image: url(img/check.png); background-position: 0 0.4em; }

#poll { width: 408px; font-size: 13px; }
 #poll .frame { background: transparent url(img/lightbox-frame.png) no-repeat top center; padding: 7px 7px 0; margin-bottom: -2px; }
 #poll .frame-bottom { height: 10px; background: transparent url(img/lightbox-frame.png) no-repeat bottom center; }
 #poll .circles { background: #fff url(img/lightbox-background.png) no-repeat center center; padding: 15px; }
 #poll h2 { font-size: 22px; }
 #poll p.intro { margin: 0; font-weight: bold; color: #313131; line-height: 1.35; }
 #poll form { overflow: hidden; background: transparent; width: auto; margin: 0; }
  #poll fieldset { background: transparent; padding: 0; }
  #poll ul { margin: 5px 0 10px 0; }
   #poll label { display: block; float: none; width: auto; cursor: pointer; }
    #poll label input { background: transparent; }
  #poll button { float: left; }
 #poll dl { font-size: 13px; width: 360px; }
  #poll dt { }
  #poll dd { margin-left: 15px; }

.folder { width: 991px; }
 .folder iframe { display: block; margin: 0 0 0 -40px; border: none; width: 991px; overflow: hidden; position: relative; z-index: -1; }

.theme { padding-bottom: 110px; }

.highlight, .subhome .highlight { background: #4d6caf; color: #fff; margin: 0 0 18px 0; padding: 15px 18px; overflow: hidden; }
 .highlight h2, .highlight h3 { color: #fff !important; }
 .highlight h3 { margin: 0; }
 .highlight div { float: left; width: 277px; margin: 10px 20px 0 0; }
 .highlight p + div, .highlight p + div + div { margin-top: -5px; }
  .highlight div h3 { font-size: 13px; font-weight: bold; }
  .highlight p:last-child, .highlight ol:last-child { margin-bottom: 0; }
  .highlight div + p { clear: left; padding-top: 10px; }
  .highlight ul { margin-left: 0.9em; }
   .highlight ul li { background: transparent; list-style: disc; padding: 0; }

.headline { overflow: hidden; background: transparent url(img/stippels.png) no-repeat 100% 100%; margin: 15px 0; }
 .headline p { margin: 0 0 5px 0; }

.wide-image { margin: 0 0 18px 0; }

.subitems { overflow: hidden; margin: 0 0 18px 0; clear: both; }
 .subitems h2 { margin: 0 0 3px 0; }
 .subitems div { float: left; background: transparent no-repeat 50% 100%; }
  .subitems div div { float: none; margin: 0; background: transparent url(img/stippels.png) no-repeat 100% 100%; position: relative; padding: 0; }
  .subitems .more { position: absolute; bottom: 10px; }
  .subitems .image { }
.items-1 {  }
 .items-1 div { background-position: 100% 100%; padding: 5px 0 0 0; }
  .items-1 div div { width: 381px; min-height: 85px; padding: 0 250px 30px 0; }
  .items-1 .image { position: absolute; right: 1px; bottom: 1px; }
.items-2 { margin-left: -21px; }
 .items-2 div { margin: 0 0 0 21px; background-position: 100% 100%; padding: 5px 0 0 0; }
  .items-2 div div { width: 215px; min-height: 80px; padding: 0 90px 30px 0; }
   .items-2 div div p.more { width: 205px; }
   .items-2 .image { position: absolute; right: 1px; bottom: 1px; }
.items-3 { margin-left: -20px; }
 .items-3 div { margin: 0 0 0 20px; }
  .items-3 div div { width: 192px; min-height: 185px; padding: 0 5px 30px 0; }
   .items-3 div div img { display: block; margin: 0 auto; }
   .items-3 div div p.more { width: 192px; }
   .items-3 .image { position: absolute; bottom: 1px; }
.items-4, .products .subitems { margin-left: -21px; position: relative; z-index: 1; }
 .items-4 div, .products .subitems div { float: left; background: #fff no-repeat 50% 10px; margin: 0 0 0 20px; }
 .items-4 > div:first-child, .products .subitems > div:first-child { margin: 0 -1px 0 21px; }
  .items-4 div div, .products .subitems div div { float: none; margin: 0; background: transparent url(img/stippels.png) no-repeat 100% 100%; width: 143px; min-height: 18px; padding: 160px 0 0 0; }
   .items-4 div div h3, .products .subitems div div h3 { font-weight: bold; font-size: 13px; color: #313131; margin: 0 0 10px 0; width: 142px; }
   .items-4 div div .more, .products .subitems div div .more { position: static; list-style: none; }
    .items-4 div div .more a, .products .subitems div div .more a { background-image: url(img/bullets/bullet-darkblue.png); }

.section-nieuws .subhome .more a,       .section-nieuws .article .nav a,       .nieuws a       { background-image: url(img/bullets/bullet-yellow.png); }
.section-eigen-merk .subhome .more a,   .section-eigen-merk .article .nav a,   .eigen-merk a   { background-image: url(img/bullets/bullet-blue.png); }
.section-mama-en-kind .subhome .more a, .section-mama-en-kind .article .nav a, .mama-en-kind a { background-image: url(img/bullets/bullet-purple.png); }
.section-gezondheid .subhome .more a,   .section-gezondheid .article .nav a,   .gezondheid a   { background-image: url(img/bullets/bullet-green.png); }
.section-beauty .subhome .more a,       .section-beauty .article .nav a,       .beauty a       { background-image: url(img/bullets/bullet-pink.png); }
.section-verzorging .subhome .more a,   .section-verzorging .article .nav a,   .verzorging a   { background-image: url(img/bullets/bullet-lightblue.png); }

p.red a, ul.red a, a.red                   { background-image: url(img/bullets/bullet-red.png) !important; }
p.blue a, ul.blue a, a.blue                { background-image: url(img/bullets/bullet-blue.png) !important; }
p.purple a, ul.purple a, a.purple          { background-image: url(img/bullets/bullet-purple.png) !important; }
p.green a, ul.green a, a.green             { background-image: url(img/bullets/bullet-green.png) !important; }
p.pink a, ul.pink a, a.pink                { background-image: url(img/bullets/bullet-pink.png) !important; }
p.lightblue a, ul.lightblue a, a.lightblue { background-image: url(img/bullets/bullet-lightblue.png) !important; }
p.darkblue a, ul.darkblue a, a.darkblue    { background-image: url(img/bullets/bullet-darkblue.png) !important; }
p.yellow a, ul.yellow a, a.yellow          { background-image: url(img/bullets/bullet-yellow.png) !important; }
.facts .more a, .highlight .more a         { background-image: url(img/bullets/bullet-white.png) !important; color: #fff; }

.facts { position: relative; margin: 0 0 18px 0; }
 .facts div { background: #4d6caf url(img/assets.png) no-repeat -307px -1px; position: relative; }
  .facts div div { height: 104px; border-bottom: 10px solid #fff; color: #fff; position: relative; padding: 0 40px; }
   .facts h3 { margin: 0; padding: 10px 0 0 0; color: #fff; }
   .facts p { margin: 0; }
    .facts a { color: #fff !important; text-decoration: underline; }
    .facts a:hover { text-decoration: none; }
   .facts .more { position: absolute; bottom: 10px; }
    .facts .more a { text-decoration: none; }
    .facts .more a:hover { text-decoration: underline; }
 .facts p.rotate { }
  .facts p.rotate a { position: absolute; top: 0; height: 104px; width: 29px; overflow: hidden; text-indent: -9999em; }
  .facts p.rotate a.prev { left: 0; }
  .facts p.rotate a.next { right: 0; }

.article .search-results { list-style: none; margin: 0 0 15px 0; }
 .article .search-results li { background: transparent url(img/stippels.png) no-repeat 2px 100%; padding: 0 0 15px 0; }
  .article .search-results p { margin: 0; }

.pager { }
 .pager p { margin: 0 10px 0 0; display: inline; }
 .pager ul { list-style: none; margin: 0; display: inline; }
  .pager li { display: inline; padding: 0 !important; background: none !important; }
   .pager a { padding: 0 2px; }
   .pager .selected a { }

#sidebar { float: left; width: 235px; margin: 0 0 0 31px; position: relative; }

#related { width: 223px; height: 224px; background: #fff url(img/assets.png) no-repeat -1px -441px; }
 #related h2 { color: #fff; padding: 50px 0 0 28px; }
  #related h2 span { color: #c9d8f7; }
 #related p { margin: 5px 10px 0 28px; color: #fff; font-size: 12px; }
 #related ul { list-style: none; font-size: 13px; margin: 5px 10px 0 28px; }
  #related li { margin: 4px 0; }
   #related a { color: #fff; background-position: 0 2px; }

#more { width: 167px; height: 166px; background: transparent url(img/assets.png) -225px -441px; position: absolute; top: 181px; left: 68px; overflow: hidden; }
 #more h2 { padding: 25px 32px 0 32px; }
 #more p { font-size: 13px; color: #313131; margin: 3px 20px 3px 32px; }
 #more p.more { font-size: 12px; }
  #more p.more a { color: #272769; background-image: url(img/bullets/bullet-darkblue.png); }
 #more-cut { background: transparent url(img/assets.png) -1px -816px; position: absolute; top: 150px; left: 0; width: 167px; height: 16px; }
 #more+#other { margin: 130px 0 0 0; }

#other { }
 #other h2 { margin: 25px 0 10px 0; }
 #other ul { font-size: 13px; }
  #other li { margin: 0 0 3px 0; }
   #other a { background-position: 0 2px; color: #272769; }

#stores-map { height: 400px; }

#storeInfoCanvas { border: 2px solid #4d6caf; font-size: 12px; padding: 12px; background: #fff; background: rgba(255, 255, 255, 0.9); width: 350px; }
#storeInfoCanvas p { margin: 0; }
#storeInfoCloseButton { color: #fff; cursor: pointer; height: 14px; margin: 4px; position: absolute; right: 0; top: 0; width: 14px; font-size: 14px; font-weight: bold; }
#popup-header { font-size: 13px; font-weight: bold; color: #fff; background: #4d6caf; margin: -12px -12px 5px -12px; padding: 5px 12px; text-transform: capitalize; }
#popup-address { font-weight: normal; margin-bottom: 10px; }
#popup-setfavourite { display: none; }
#popup-hoursheader { font-weight: bold; margin-bottom: 4px; }
#popup-hoursblock { border-top: 2px solid #4d6caf; padding-top: 8px; }
#popup-hoursblock table { font-size: 1em; padding: 3px; margin: 0; }
#popup-hoursblock th { background: #fff; color: #4d6caf; }
#popup-hoursblock th, #popup-hoursblock td { padding: 1px 5px; white-space: nowrap; }
.popup-dayname { font-weight: bold; }
.popup-weekheader, .popup-dayname, .popup-date, .popup-hours, .popup-nohours { font-size: 0.95em; }
.popup-nohours { color: #8B9195; }
#popup-hoursblock p { font-size: 0.9em; padding-top: 10px; }
#popup-enteraddress { margin: 6px 0 0 0; background: transparent; width: auto; }
#popup-enteraddress span { font-size: 12px; vertical-align: middle; }
#popup-enteraddress .textbox { float: none; margin: 0 10px 0 6px; vertical-align: middle; width: 14em; }
#storesListCanvas { clear: left; color: #5A061F; font-size: 12px; padding: 1em; text-align: left; width: auto; }
#storeLinksHeader { font-size: 1.2em; font-weight: bolder; padding-bottom: 10px; }
.storeLink { background-image: url(/images/link_arrow.gif); background-position: 0 2px; background-repeat: no-repeat; clear: left; cursor: pointer; float: left; font-size: 1em; padding-bottom: 10px; padding-left: 16px; }
.storeLink .street { text-decoration: underline; }
.storeLink * { font-size: 1em; line-height: 130%; margin-bottom: 0; }
#messageCanvas { background: white; border: 4px solid #4d6caf; font-size: 11px; height: 16px; padding: 8px 30px 8px 8px; white-space: nowrap; }
#mapfooter { margin: 10px 0; }

.footer { overflow: hidden; font-size: 11px; padding: 0; position: relative; z-index: 2; }
 .footer ul { list-style: none; margin: 0 0 0 -9px; }
  .footer li { float: left; margin: 0 10px 0 0; }
   .footer li a { display: block; padding: 8px 10px; color: #272769; }

.footer p.follow { font-weight: bold; width: 79px; position: absolute; left: 807px; text-align: right; padding: 9px 71px 8px 0; }
.footer p.follow a { position: absolute; top: 4px; right: 0; width: 22px; height: 22px; display: block; text-indent: 9999px; overflow: hidden; background: url(img/assets.png) no-repeat; }

.footer p.follow a.follow-facebook { right: 33px; background-position: 0 -1200px; }
.footer p.follow a.follow-twitter { background-position: -33px -1200px; }

#extended-footer p.follow { left: 747px; }


#bottom-menu { overflow: hidden; }

#extra { overflow: hidden; height: 98px; margin: 25px 0 0 0; }
 #extra div { float: left; width: 255px; position: relative; }
  #extra h2 { margin: 25px 0 0 71px; }
  #extra p { margin: 2px 0 0 71px; font-size: 13px; line-height: 1.2; }
   #extra a { background-image: url(img/bullets/bullet-darkblue.png); background-position: 0 2px; color: #272769; }
    #extra img { position: absolute; left: 0; top: 10px; }

#normal-footer { background: transparent url(img/footer-normal-leeg.png) no-repeat 0 0; margin: 0 0 0 20px; padding-top: 62px; }
#extended-footer { background: transparent url(img/footer-extended-leeg.png) no-repeat 0 0; margin: 0 0 0 80px; }

#push .poll p { margin: 7px 10px -3px 10px; }

#zoeken { }
 #zoeken p, #winkel-zoeken p { overflow: hidden; padding: 10px 0; }
  #zoeken label, #winkel-zoeken label { float: left; font-size: 15px; }
  #zoeken input { width: 290px; float: left; font-size: 13px; margin: 0 10px; }
  #winkel-zoeken input, #winkel-zoeken select { width: 180px; float: left; font-size: 13px; margin: 0 10px; }
  #winkel-zoeken #postalcode { width: 80px; }
  #winkel-zoeken #cityName { width: 250px; }
  #winkel-zoeken select { width: auto; }

.darkblue { background-position: -1px -199px; }

.blue { background-position: -1px -309px; }
 .blue h2, .section-eigen-merk .subhome h2, .section-eigen-merk .article blockquote { color: #4f6eb2; }
  .blue h2 span, .section-eigen-merk .subhome h2 span { color: #203666; }
 .section-eigen-merk a, .section-nieuws a, .section-default a { color: #26a5d2; }
  .blue h2 span { color: #203666; }

.yellow { background-position: -1px -364px; }
 .yellow h2 { color: #f6a200; }
  .yellow h2 span { color: #e96a03; }

.green { background-position: -1px -144px; }
 .green h2 { color: #7ab51d; }
  .green h2 span { color: #4c760b; }

.purple { background-position: -1px 21px; }
 .purple h2, .section-mama-en-kind .subhome h2, .section-mama-en-kind .article blockquote { color: #af3ca7; }
 .section-mama-en-kind a { color: #982f90; }
  .purple h2 span, .section-mama-en-kind .subhome h2 span { color: #7a1b6d; }
 .section-mama-en-kind .facts div { background-position: -307px -316px; }
 .section-mama-en-kind .facts div, .section-mama-en-kind .highlight, .section-mama-en-kind .article table th { background-color: #af3ca7; }
 .section-mama-en-kind .article table tr.odd { background: #efd8ed; }

.lightgreen { background-position: -1px -89px; }
 .lightgreen h2, .section-gezondheid .subhome h2, .section-gezondheid .article blockquote { color: #9cb40d; }
 .section-gezondheid a { color: #97ab20; }
  .lightgreen h2 span, .section-gezondheid .subhome h2 span { color: #67760c; }
 .section-gezondheid .facts div, .section-gezondheid .highlight, .section-gezondheid .article table th { background-color: #aec32d; }
 .section-gezondheid .article table tr.odd { background: #eff3d5; }
 .section-gezondheid .highlight h2 span { color: #ecf89f; }

.pink { background-position: -1px -254px; }
 .pink h2, .section-beauty .subhome h2, .section-beauty .article blockquote { color: #e076a9; }
 .section-beauty a { color: #d2488a; }
  .pink h2 span, .section-beauty .subhome h2 span { color: #bc3777; }
 .section-beauty .facts div { background-position: -307px -211px; }
 .section-beauty .facts div, .section-beauty .highlight, .section-beauty .article table th { background-color: #df5e9c; }
 .section-beauty .article table tr.odd { background: #f9dfeb; }

.lightblue { background-position: -1px -34px; }
 .lightblue h2, .section-verzorging .subhome h2, .section-verzorging .article blockquote { color: #44beea; }
 .section-verzorging a { color: #26a5d2; }
  .lightblue h2 span, .section-verzorging .subhome h2 span { color: #1483ab; }
 .section-verzorging .facts div { background-position: -307px -106px; }
 .section-verzorging .facts div, .section-verzorging .highlight, .section-verzorging .article table th { background-color: #44beea; }
 .section-verzorging .article table tr.odd { background: #daf2fb; }

.skinny-pink { background-position: -1px -833px; }
 .skinny-pink h2 { color: #f19157; }
  .skinny-pink h2 span { color: #dd7435; }

.gray-blue { background-position: -1px -943px; }
 .gray-blue h2 { color: #01abc4; }
  .gray-blue h2 span { color: #0094aa; }
      #push .gray-blue button { background-position: -394px -965px; }

.fancy-green { background-position: -1px -1053px; }
 .fancy-green h2 { color: #d1d010; }
  .fancy-green h2 span { color: #aaa900; }

.fresh-red { background-position: -1px -888px; }
 .fresh-red h2 { color: #d00044; }
  .fresh-red h2 span { color: #e3004a; }
  
.rainy-green { background-position: -1px -998px; }
 .rainy-green h2 { color: #09a274; }
  .rainy-green h2 span { color: #02825b; }
  
.late-pink { background-position: -1px -1108px; }
 .late-pink h2 { color: #c35372; }
  .late-pink h2 span { color: #ea6a8d; }
  
a.button { font-family: Cosmos, Verdana, sans-serif; background: transparent url(img/buttons.png) no-repeat 100% -133px !important; color: #272769 !important; font-size: 12px; display: inline-block !important; position: relative; left: 18px; margin: 0 18px 0 0; vertical-align: bottom !important; padding: 0 !important; height: 18px !important; text-decoration: none !important; }
 a.button:hover, a.button:focus { text-decoration: none; }
 a.button:active { top: 1px; left: 19px; }
 a.big { font-size: 14px; background: transparent url(img/buttons.png) no-repeat 100% -171px !important; left: 25px; margin: 0 25px 0 0; height: 24px !important; }
 a.big:active { left: 26px; }
  a.button span { background: transparent url(img/buttons.png) no-repeat 0 -329px; display: inline-block; line-height: 14px; vertical-align: bottom; height: 18px; padding: 0 0 0 9px; margin: 0 -9px 0 0; position: relative; left: -18px; }
  a.big span { background: transparent url(img/buttons.png) no-repeat 0 -367px; line-height: 21px; height: 24px; padding: 0 0 0 12px; margin: 0 -12px 0 0; position: relative; left: -25px; }
 .red a.button { background: transparent url(img/buttons.png) no-repeat 100% -152px !important; color: #b31908 !important; }
  .red a.button span { background: transparent url(img/buttons.png) no-repeat 0 -348px; }
 .blue a.button { }
 .purple a.button { background: transparent url(img/buttons.png) no-repeat 100% -76px !important; color: #6c1766 !important; }
  .purple a.button span { background: transparent url(img/buttons.png) no-repeat 0 -272px; }
 .green a.button { }
 .pink a.button { background: transparent url(img/buttons.png) no-repeat 100% 0 !important; color: #b53170 !important; }
  .pink a.button span { background: transparent url(img/buttons.png) no-repeat 0 -196px; }
 .lightblue a.button { }
 .darkblue a.button { }
 .yellow a.button { background: transparent url(img/buttons.png) no-repeat 100% -38px !important; color: #fcba00 !important; }
  .yellow a.button span { background: transparent url(img/buttons.png) no-repeat 0 -234px; }
  

@media print {
 #header { height: auto; width: auto; background: none; }
 #header ul, #header form, #visuals, #visual, #sidebar, .footer { display: none; }
 #header h1 { position: static; }
 #main { margin: 20px 0 0 20px; }
}

@media all {
 .menu-loaded #header h1, .menu-loaded #header ul { display: none; }
 .menu-loaded #fix-replaced, .menu-loaded #nav { display: block; }
 .menu-loaded #nav { overflow: hidden; }

 .js .facts div { height: 104px; }
  .js .facts div div { position: absolute; }

 .js .products div div h3 { text-align: center; margin: 0; position: absolute; bottom: 5px; left: 0; width: 133px; padding: 0 5px; }

 .js .tabs div.clickable { cursor: pointer; }
 .js .tabs div.clickable:focus { outline: none; }
 .js .tabs div.clickable:hover div, .js .tabs div.clickable:focus div { background: transparent url(img/assets.png) no-repeat -677px -422px; }
 .js .tabs div.focus { outline: none; z-index: 2; position: relative; }
  .js .tabs div.focus div, .js .tabs div.focus:hover div, .js .tabs div.focus:focus div { background: transparent url(img/assets.png) no-repeat -532px -422px; min-height: 30px; }
   .js .tabs div.focus h3 { bottom: 17px; }

.js .tabs div div div p, .js .tabs div div div ul, .js .tabs div div div ul li { position: absolute; left: -9999px; }

.js #poll dd { text-align: right; overflow: hidden; margin: 0; }
 .js #poll dd div { width: 320px; float: left; background: #fff; border: 1px solid #525287; margin: 3px 0 0 0; height: 8px; padding: 0; }
  .js #poll dd span { background: #4b6aad; float: left; height: 8px; width: 0; overflow: hidden; }

 .js .tabs div.details { display: none; cursor: default; float: none; margin: 0 0 10px 21px; clear: left; position: relative; top: -2px; z-index: 1; padding: 10px 13px; overflow: hidden; outline: none; background: #edeff8 url(img/assets.png) no-repeat -225px -612px; }
  .js .tabs div.details .more { position: static; margin: -10px 0 5px 0; }
   .js .tabs div.details .more li { display: inline; margin: 0 15px 0 0; }
    .js .tabs div.details .more a { background-image: url(img/bullets/bullet-darkblue.png); }
  .js .tabs div.details-bottom { background: #edeff8 url(img/assets.png) no-repeat -225px -844px; width: auto; padding: 0; min-height: 0; height: 1px; margin: 0 -13px -10px -13px; overflow: hidden; }

#message-filter { background: #fff; position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; cursor: pointer; }
#message { z-index: 101; position: fixed; top: 100px; left: 100px; }
#close { background: #fff url(img/assets.png) no-repeat -504px -488px; position: absolute; top: 20px; right: 20px; width: 16px; height: 16px; text-indent: -9999px; overflow: hidden; }
.loading, .loading * { cursor: progress !important; }
}
a.lightbox_close { background :url("img/lightbox_close.gif") no-repeat right 1px; padding-right:18px; font-size: 75%; }
.hidden {display: none;}

.horizontal { width:100%; max-width:956px; margin: 0 0 0 20px; overflow:hidden; }
.horizontal .section { float:left; }
.horizontal .facebook { float:right;  }

.webform-hpot { display: none !important; }
label.webform-error { color: red; }
div.webform-error { color: red; font-size: 12px; margin-bottom: 5px; }
#article input.webform-error, #article textarea.webform-error, #article select.webform-error { background: #fadbd7;  }
#article form.webform label { clear: both; }
.webform-row { clear:both; padding: 3px 0 4px 0; }
.webform-textarea-wrapper {	float:left; }
.webform-charmeter { margin-left:auto; margin-right: 0; font-size: 12px; font-weight: bold; text-align: right; }
.webform p.submit { padding-bottom: 7px; background: url("img/stippels.png") no-repeat scroll 0 -567px #FFFFFF; }