/* made by Macaw */


@import url("/css/print.css");
@import url("/css/hema-pallet.cssx");

/*                       */
/* algemene instellingen */
/*                       */
 
body {
  margin: 0;
  padding: 0 0 40px 0;
  font: 80% normal Arial, Helvetica, sans-serif;
  color: #333;
  position: relative;
}

img {
   border: 0;
   font-size: 11px; /* FF alt-text size... */
}

a, a h3 {
   text-decoration: none;
   color: #05a37b;
}

a:hover, a:hover h3 {
   text-decoration: none;
   color: #06b889;
}

form {
   display: inline;
   margin: 0;
   padding: 0;
}

h1, h2 {
   font-size: 1.6em;
   color: #333;
   margin: 0;
   padding: 10px 0 0 0;
}

h2.kale-kop {
	padding-bottom: 19px;	
}

h3 {
   font-size: 1.2em;
   color: #333;
   margin-bottom: 3px;
}

h4, h5 {
   font-size: 1em;
   color: #333;
   margin-bottom: 3px;
}

h5 {
   font-weight: normal;
}

p {
   margin: 0 0 1em 0;
   padding: 0;
}

iframe {
   border: 0;
   padding: 0;
   margin: 0;
}

input {
  font-size: 13px;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-weight: normal;
  color: #333;
  height: 15px;
  padding: 0 3px 0 3px;
  border: 1px solid #cacaca;
  margin: 0;
}

input[disabled], input.disabled {
  font-weight: normal;
  color: #333;
  border-color: #f7f7f7;
  background-color: #f7f7f7;
}

select {
  border: 1px solid #cacaca;
  color: #333;
  font-size: 12px;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  cursor: pointer;
}

select[disabled] {
  background-color: #eee;
  color: #999;
  cursor: default;
}

textarea {
  padding: 2px;
  border: 1px solid #cacaca;
  color: #333;
  font-size: 12px;
  font-family: Arial, Helvetica, Verdana, sans-serif;
}

table, td, th {
   font-size: 1em;
   text-align: left;
}

ul {
   list-style: square;
   margin: 0 0 1em 23px;
   padding: 0;
}

ol {
   list-style: decimal;
   margin: 0 0 1em 27px;
   padding: 0;
}

* html ol { margin-left: 29px; }
*+html ol { margin-left: 29px; }

/*                              */
/* pagina template instellingen */
/*                              */

#h-homepage, #h-worldpage, #h-widecontentpage, #h-applicationpage, #h-twocolumnpage, #h-threecolumnpage, #h-includepage, #h-languagepage {
   position: relative;
   width: 964px;
   margin: 0 auto;
   background: transparent url("../images/hema/h-pagetop-bg.png") no-repeat top left;
}

* html #h-homepage, * html #h-worldpage, * html #h-widecontentpage, * html #h-applicationpage, * html #h-twocolumnpage, * html #h-threecolumnpage, * html #h-includepage, * html #h-languagepage {
   position: static; /* relative messes up the suckerfish menu func. >:( */
   margin: 0 15px 0 15px; /* ...which means centering can't happen in IE6 >:(( */
   background-image: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-pagetop-bg.png", sizingMethod = "crop");
}

.h-content {
   float: left;
   width: 964px;
   margin: 103px 0 0 0;
   background: #fff url("../images/hema/h-content-bg.gif") repeat top left;
}

#panebottom {
   clear: both;
   border-top: 40px solid #fff;
}

#h-panebottom-corners {
   height: 10px;
   width: 964px;
   background: transparent url("../images/hema/h-pagebottom-bg.png") no-repeat left bottom;
}
* html #h-panebottom-corners {
   background-image: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-pagebottom-bg.png", sizingMethod = "crop");
}

/* homepage template */

#h-homepage {
   background-image: url("../images/hema/h-pagetop-blank-bg.png");
}

* html #h-homepage {
   background-image: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-pagetop-blank-bg.png", sizingMethod = "crop");
}

#h-homepage .h-content {
   background-image: none;
   padding-top: 20px;
}

#h-homepage #paneleft {
   float: left;
   /*width: 212px; + 25px marge */
   width: 237px;
}

#h-homepage #panemain {
   float: left;
   width: 702px;
   margin: 0 0 0 0;
}

body.editmode #h-homepage .h-content { width: 1000px; }

/* worldpage template */

#h-worldpage #paneleft {
   float: left;
   width: 212px;
   margin-top: 60px;
}

#h-worldpage #panemain {
   float: left;
   width: 528px;
   margin: 60px 15px 0 25px;
}

* html #h-worldpage #panemain
{
   width: 528px;
   margin: 60px 15px 0 25px;
}

#h-worldpage #paneright {
   float: left;
   width: 184px;
   margin: 38px 0 0 0;
}

body.editmode #h-worldpage .h-content { width: 1050px; }

/* widecontentpage template (bestelproces) */

#h-widecontentpage #panemain {
   float: left;
   width: 740px;
   margin: 0 15px 0 25px;
}

* html #h-widecontentpage #panemain {
   margin-left: 12px;
}

#h-widecontentpage #paneright {
   float: left;
   width: 184px;
   margin: -6px 0 0 0;
}

body.editmode #h-widecontentpage .h-content { width: 1000px; }

/* applicationpage template */

#h-applicationpage {
   background-image: url("../images/hema/h-pagetop-blank-bg.png");
}

* html #h-applicationpage {
   background-image: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-pagetop-blank-bg.png", sizingMethod = "crop");
}

#h-applicationpage .h-content {
   background-image: none;
}

#h-applicationpage #paneleft {
   float: left;
   width: 185px;
   margin-top: 60px;
}

#h-applicationpage #h-container {
   float: left;
   width: 739px;
   margin: 60px 15px 0 25px;
}

* html #h-applicationpage #h-container { margin-right: 0; }

#h-applicationpage #panemain {
   float: left;
   width: 739px;
}

#h-applicationpage #panemain2 {
   float: left;
   width: 370px;
   clear: left;
}

#h-applicationpage #paneright {
   float: left;
   width: 369px;
}

#h-applicationpage #panemain3 {
   float: left;
   width: 739px;
   clear: both;
}

body.editmode #h-applicationpage .h-content { width: 1050px; }
body.editmode #h-applicationpage #h-container { width: 800px; }

/* twocolumnpage template */

#h-twocolumnpage #paneleft {
   float: left;
   width: 212px;
   margin-top: 60px;
}

#h-twocolumnpage #h-container {
   float: left;
   width: 528px;
   margin: 60px 15px 0 25px;
}

#h-twocolumnpage #panemain {
   float: left;
   width: 528px;
}

#h-twocolumnpage #panemain2 {
   float: left;
   width: 264px;
   clear: left;
}

#h-twocolumnpage #panemain3 {
   float: left;
   width: 264px;
}

#h-twocolumnpage #panemain4 {
   float: left;
   width: 528px;
   clear: both;
}

#h-twocolumnpage #paneright {
   float: left;
   width: 184px;
   margin: 38px 0 0 0;
}

body.editmode #h-twocolumnpage .h-content { width: 1000px; }
body.editmode #h-twocolumnpage #h-container { width: 700px; }

/* threecolumnpage template */

#h-threecolumnpage #paneleft {
   float: left;
   width: 212px;
   margin-top: 60px;
}

#h-threecolumnpage #h-container {
   float: left;
   width: 528px;
   margin: 60px 15px 0 25px;
}

#h-threecolumnpage #panemain {
   float: left;
   width: 528px;
}

#h-threecolumnpage #panemain2 {
   float: left;
   width: 176px;
   clear: left;
}

#h-threecolumnpage #panemain3 {
   float: left;
   width: 176px;
}

#h-threecolumnpage #panemain4 {
   float: left;
   width: 176px;
}

#h-threecolumnpage #panemain5 {
   float: left;
   width: 528px;
   clear: both;
}

#h-threecolumnpage #paneright {
   float: left;
   width: 184px;
   margin: 38px 0 0 0;
}

body.editmode #h-threecolumnpage .h-content { width: 1100px; }
body.editmode #h-threecolumnpage #h-container { width: 700px; }

/* includepage template */

#h-includepage {
   background-image: url("../images/hema/h-pagetop-blank-bg.png");
}

* html #h-includepage {
   background-image: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-pagetop-blank-bg.png", sizingMethod = "crop");
}

#h-includepage .h-content {
   background-image: none;
   width: 964px;
}

/* popuppage */

#h-popuppage {
   position: relative;
   width: 568px;
   margin: 25px auto 0 auto;
   padding: 12px 0 0 0;
   background: transparent url("../images/hema/h-pagetop-bg-popuppage.png") left top no-repeat;
}

* html #h-popuppage {
   background-image: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-pagetop-bg-popuppage.png", sizingMethod = "crop");
}

#h-popuppage #panemain {
   width: 528px;
   padding: 0 15px 1px 25px;
   background: #fff;
   overflow: visible;
}

#h-popuppage-bottom {
   background: transparent url("../images/hema/h-pagebottom-bg-popuppage.png") left bottom no-repeat;
   height: 10px;
   width: 568px;
   margin: 0 auto 25px auto;
   font-size: 0;
}

* html #h-popuppage-bottom {
   background-image: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-pagebottom-bg-popuppage.png", sizingMethod = "crop");
}

/* languagepage template (taalkeuze belgie) */

#h-languagepage {
   background-image: url("../images/hema/h-pagetop-blank-bg.png");
}

* html #h-languagepage {
   background-image: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-pagetop-blank-bg.png", sizingMethod = "crop");
}

#h-languagepage .h-content {
   background-image: none;
   width: 750px;
   width: 964px;
}

#h-languagepage #panemain {
   float: left;
   width: 750px;
   width: 964px;
   text-align: center;
}

* html #h-languagepage #panemain { margin-bottom: -3px; }
*+html #h-languagepage #panemain { margin-bottom: -3px; }

#h-languagepage #paneleft {
   float: left;
   width: 375px;
   width: 482px;
   text-align: right;
}

#h-languagepage #paneright {
   float: left;
   width: 375px;
   width: 482px;
}

#h-languagepage #h-panebottom-corners {
   clear: both;
}

/*#h-languagepage .h-logo {
   left: 441px;
}

* html #h-languagepage .h-logo { left: 456px; }*/ /* in IE6 the page is left-aligned w 15px margin */

/*                  */
/* algemene classes */
/*                  */

ul.hor, ol.hor {
   list-style: none;
   padding: 0;
   margin: 0;
}

ul.hor li, ol.hor li {
   padding: 0;
   margin: 0;
   display: inline;
}

.kop {
   display: block;
   font-weight: bold;
   color: #333;
   margin: 0 10px 0 0;
}

a.kop, .kop a, button.kop {
   color: #05a37b;
   padding-left: 12px;
   background: transparent url(../images/hema/h-arrow.gif) no-repeat scroll left 0;
}

button.kop {
   text-indent: 0;
   text-align: left;
   height: 17px;
   border: 0;
   font-family: Arial, Helvetica, sans-serif;
}

a:hover.kop, .kop a:hover, button:hover.kop {
   color: #06b889;
   background-position: left -40px; /* mouseover steunkleur 924 (oranje) */
}

a.kop.goleft, .kop.goleft a, button.kop.goleft {
   background-position: left -80px; /* pijltje naar links */
   text-align: left;
   padding-left: 12px;
}

a:hover.kop.goleft, .kop.goleft a:hover, button:hover.kop.goleft {
   background-position: left -120px;
}

a.kop.godown, .kop.godown a, button.kop.godown {
   background-position: left -960px; /* pijltje naar beneden */
   text-align: left;
   padding-left: 12px;
}

a:hover.kop.godown, .kop.godown a:hover, button:hover.kop.godown {
   background-position: left -1000px;
}

a.kop.godown span, .kop.godown a span, button.kop.godown span {
   font-weight: normal;
}

a[disabled].kop, a:hover[disabled].kop, a.disabled.kop, a:hover.disabled.kop, button[disabled].kop, button:hover[disabled].kop, button.disabled.kop, button:hover.disabled.kop {
   background-position: left -400px !important;
   color: #cacaca;
   background-color: transparent;
}

a[disabled].kop.goleft, a:hover[disabled].kop.goleft, a.kop.goleft.disabled, a:hover.disabled.kop.goleft, button[disabled].kop.goleft, button:hover[disabled].kop.goleft, button.disabled.kop.goleft, button:hover.disabled.kop.goleft {
   background-position: left -440px !important;
   color: #cacaca;
   background-color: transparent;
}

a.delete {
   display: block;
   width: 15px;
   height: 15px;
   background: transparent url("../images/hema/h-delete.gif") 0 0 no-repeat;
   text-indent: -999em;
   overflow: hidden;
}

a:hover.delete {
   background-position: 0 -50px;
}

.intro {
   font-weight: bold;
}

input.simple, span.simple input {
  border: 0;
  width: auto;
}

input.number {
   text-align: right;
}

input.h-button {
   height: 19px;
   overflow: hidden;
   background-position: 0 0;
   background-repeat: no-repeat;
   border-width: 0;
   cursor: pointer;
   padding: 0;
   font-family: Arial, Helvetica, sans-serif;
   /*text-indent: -999em;*/
}

input:hover.h-button { background-position: 0 -19px; }

input:active.h-button { background-position: 0 -19px; }

input[disabled].h-button, input.disabled.h-button, input:hover[disabled].h-button, input:hover.disabled.h-button { background-position: 0 -38px; cursor: default; }

/* xportal buttons moeten nog wel werken... */
button.XpToolbarButton {
   text-indent: 0;
   border-width: 2px;
   border-style: outset;
   height: auto;
}

input[disabled][type="button"], input[disabled][type="submit"], input[disabled][type="reset"] {
  background-color: #eee;
}
/* IE6 snapt [...] selectors niet dus moeten we nog .button gebruiken */
* html input.button.disabled, a.button.disabled { background-color: #eee; }

.sign, .sign1, .sign2, .sign3, .sign4, .sign5 {
   position: absolute;
   width: 100px;
   height: 100px;
   background-position: right bottom;
   background-repeat: no-repeat;
   text-indent: -999em;
}

.error {
   /*font-weight: bold;*/
   color: #f00023;
   display: block;
   margin: 4px 0 0 0;
}

.productprice { 
   color: #000;
   font-weight: bold;
   font-size: 1.35em;
   padding-top: 0; /* voor evt. vert. plaatsing */
}

span.productprice { display: block; }

.productprice .discount {
   color: #f00023;
   white-space: nowrap;
}

.productprice span {
   padding: 5px 2px 0 2px;
}

.productprice .good {
   display: inline;
   margin: auto;
   border: 1px solid #333;
   background-color: #ff0;
   padding: 3px 2px 2px 12px;
   white-space: nowrap;
   background-image: url("../images/hema/h-good.gif");
   background-repeat: no-repeat;
}

* html .productprice .good { background-position: 1px 1px; padding-top: 2px; }
*+html .productprice .good { background-position: 1px 1px; padding-top: 2px; }

.productprice .good span {
   background-color: #fff;
   padding: 1px 2px 0 2px;
   margin: 0;
}

body:not(:root:root) .productprice .good, body:not(:root:root) .productprice .good {
   display: inline-block;
   height: 21px;
   padding-top: 0px;
}

body:not(:root:root) .good span, body:not(:root:root) .productprice .good span {
   display: inline-block;
   line-height: 16px;
   padding-bottom: 2px;
}

body:not(:root:root) .h-catalogList .productprice .good, body:not(:root:root) .h-catalogList .productprice .good {
   display: inline-block;
   height: 20px;
}

body:not(:root:root) .h-catalogList .good span, body:not(:root:root) .h-catalogList .productprice .good span {
   display: inline-block;
   line-height: 14px;
   padding-bottom: 3px;
   padding-top: 1px;
   margin-top: 2px;
}

body:not(:root:root) .h-catalogList .orderProduct .good, body:not(:root:root) .h-catalogList .orderProduct .productprice .good {
   padding-top: 0;
}

body:not(:root:root) .h-catalogList .orderProduct .good span, body:not(:root:root) .h-catalogList .orderProduct .productprice .good span {
   margin-top: 0;
}

.productprice .good .discount span {
   padding: 0;
}
/* vertical spacing fake stuff */
span.table, .h-topnav li ul.products span.table { 
   display: table;
   cursor: pointer;
}

* html span.table, * html .h-topnav li ul.products span.table { position: relative; display: block; margin-top: -3px; }
*+html span.table, *+html .h-topnav li ul.products span.table { position: relative; display: block; margin-top: -3px; }

span.cell, .h-topnav li ul.products span.cell { 
   display: table-cell;
   vertical-align: middle;
}

* html span.cell, * html .h-topnav li ul.products span.cell { position: absolute; display: block; top: 50%; left: 0; width: 146px; }
*+html span.cell, *+html .h-topnav li ul.products span.cell { position: absolute; display: block; top: 50%; left: 0; width: 146px; }

* html span.IE, * html .h-topnav li ul.products span.IE { position: relative; display: block; top: -50%; border-bottom: 1px solid #fff; } /*met een border wordt de tekst niet afgebroken*/
*+html span.IE, *+html .h-topnav li ul.products span.IE { position: relative; display: block; top: -50%; border-bottom: 1px solid transparent; }

/* moniforce tracking neemt anders soms ruimte in beslag */
#moniforceUpdatePanel { display: none; }

/*         */
/* modules */
/*         */

/* logo */

.h-logo {
   position: absolute;
   top: 0;
   left: 0;
}

* html .h-logo { left: 15px; } /* in IE6 the page is left-aligned w 15px margin */

/* topnav */

.h-topnav {
   position: absolute;
   top: 64px;
   left: 92px;
   width: 870px;
}
* html .h-topnav { left: 107px; } /* in IE6 the page is left-aligned w 15px margin */

.h-topnav li {
   position: relative;
   display: block;
   float: left;
   margin: 0;
   padding: 0;
   list-style: none;
}

.h-topnav li div {
   left: -999em;
   position: absolute;
   top: 29px;
   width: 150px;
   padding: 0;
   margin: 0;
   background-color: #fff;
   border-width: 1px;
   border-style: solid;
   z-index: 1000;
}

.h-topnav li:hover div, .h-topnav li.over div {
   left: -1px;
}

.h-topnav div ul {
   margin: 0;
   padding: 7px 7px;
   display: block;
}

.h-topnav div li {
   float: none;
}

.h-topnav a {
   display: block;
   position: relative;
   height: 29px;
   text-indent: -999em;
   background-position: -1px 0;
   background-repeat: no-repeat;
   overflow: hidden;
   color: #333;
}

.h-topnav span {
   display: none;
   position: absolute;
   top: 29px;
   left: 0;
   height: 1px;
   padding-left: -1px;
   font-size: 0;
   overflow: hidden;
   background-color: #fff;
   z-index: 2000;
}

.h-topnav li:hover a, .h-topnav li.over a, .h-topnav a.selected, .h-topnav a:hover.selected {
   background-position: -1px -40px;
}

.h-topnav li:hover span, .h-topnav li.over span {
   display: block;
}

.h-topnav li li a {
   height: auto;
   width: 132px;
   background-image: none;
   text-indent: 0;
   padding: 3px 5px;
   font-weight: normal;
}

.h-topnav li li a:hover {
   background-color: #fff;
}

.h-topnav .nosize img {
   display: block;
}

/* topnav met productads CR3862 9-2007 */
/* voor opmaak van product zie showProduct */

.h-topnav li div.products {
   width: 424px;
}

.h-topnav li div.products ul {
   float: left;
}

.h-topnav li div.products ul.products {
   background-color: #fff;
   float: left;
   margin-left: -5px;
}

/* breadcrumbs */

.h-breadcrumbs {
   position: absolute;
   width: 753px;
   top: 109px;
   left: 15px;
   height: 40px;
}
* html .h-breadcrumbs { left: 30px; } /* in IE6 the page is left-aligned w 15px margin */

.h-breadcrumbs h1 {
   display: inline;
   height: 40px;
   padding: 0;
}

#h-widecontentpage .h-breadcrumbs {
   position: static;
   width: 740px;
   height: 40px;
   margin: 6px 0 14px 0;
}

.h-breadcrumbs.order li * {
   margin-right: 8px;
}

.h-breadcrumbs.order li * img {
   margin-right: -2px;
}

/* subnav */

.h-subnav {
   background-image: url("../images/hema/h-subnav-topcorner.png");
   background-position: right top;
   background-repeat: no-repeat;
   width: 212px;
}

.h-subnav, .h-subnav ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

.h-subnav { font-size: 1.2em; font-weight: bold; }
.h-subnav ul { font-size: 0.80em; font-weight: normal; color: #333; }
.h-subnav ul ul { font-size: 1em; padding: 5px 0; margin: 5px 0; }
.h-subnav ul ul ul { margin: 0; padding: 0; }

.h-subnav ul {
   border-top: 1px solid #fff;
   padding-top: 5px;
}

.h-subnav ul.first-child {
   border-top: 0;
   padding-top: 0;
}

.h-subnav ul ul {
   border-top: 0;
}

.h-subnav li {
   padding: 12px 0 0 0;
}

* html ul.h-subnav li
{
	height: 1%;/*IE 6 bagger, get them to gain layout*/
}

.h-subnav li li {
   padding: 0;
}

.h-subnav li.last-listitem {
   padding-bottom: 6px;
}

.h-subnav li.last-listitem ul {
   margin-bottom: -6px;
}

/* subnav linkjes */
.h-subnav a {
   padding: 3px 23px 2px 23px;
   display: block;
}

* html .h-subnav a { height: 1%; } /* aargh */

.h-subnav ul a {
   color: #333;
   background-position: 0 100px;
}

.h-subnav ul ul a {
   padding: 3px 23px 2px 28px;
}

.h-subnav ul ul ul a { /* just in case, zou niet nodig moeten zijn */
   padding: 3px 23px 2px 38px;
}

*+html .h-subnav ul a, *+html .h-subnav ul ul a { padding-top: 1px; }

.h-subnav a, .h-subnav a.open.selected {
   background: transparent none 0 9px no-repeat;
}

.h-subnav a.open {
   font-weight: bold;
   background-position: 0 -31px;
}

.h-subnav ul a.open {
   background-position: 0 -33px;
}

.h-subnav ul a.open.selected {
   background-position: 0 7px;
}

.h-subnav ul ul a.open {
   font-weight: normal;
   background-position: 0 -113px;
}

.h-subnav ul ul a.open.selected {
   background-position: 0 -73px;
}
/* subnav onderkant */
.h-subnav-bottom {
   background-image: url("../images/hema/h-subnav-bottomcorner.png");
   background-position: right top;
   background-repeat: no-repeat;
   width: 212px;
   height: 15px;
   margin-bottom: 23px;
}

* html .h-subnav {
   background-image: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-subnav-topcorner.png", sizingMethod = "crop");
}

* html .h-subnav-bottom {
   background-image: none;
   font-size: 0;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-subnav-bottomcorner.png", sizingMethod = "crop");
}
/* subnav met smalle kolombreedte */
#h-applicationpage .h-subnav, #h-applicationpage .h-subnav-bottom { width: 185px; }

* html #h-applicationpage .h-subnav {
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-subnav-topcorner-applicationpage-IE6.png", sizingMethod = "crop");
}

* html #h-applicationpage .h-subnav-bottom {
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-subnav-bottomcorner-applicationpage-IE6.png", sizingMethod = "crop");
}

/* subnav filters + sliders */

.h-subnav .filter {
   margin: 5px 0 -12px 0; /*moet wellicht nog gewijzigd worden...*/
   padding: 18px 23px;
   overflow: auto;
   clear: both;
   background-color: #fff;
   font-size: 0.80em;
}

/** html .h-subnav .filter { margin-bottom: -12px; }*/
*+html .h-subnav .filter { margin-bottom: -16px; }

.h-subnav .filter ul {
   font-size: 1em;
}

.h-subnav ul .filter {
   font-size: 1em;
   margin: 5px 0 5px 0;
}

* html .h-subnav .filter * { height: 1%; } /* aargh 2 */

.h-subnav h3 {
   font-size: 1.15em;
   margin: 0 0 15px 0;
}

.h-subnav h4 {
   margin: 10px 0 5px 0;
   clear: both;
}

.h-subnav .filter div.not-an-updatepanel { /* thanx, MS -sigh- */
   padding-bottom: 5px;
   font-weight: normal;
   clear: both;
}

.h-subnav .filter div { /* thanx, MS -sigh- (this IS an updatepanel) */
   margin: 0;
   padding: 0;
}

.h-subnav .filter .slidervalue {
   float: right;
   font-weight: bold;
   padding:  0 5px 0 0;
}

.h-subnav .filter .slider {
   position: relative;
   width: 92px;
   height: 16px;
   background: transparent url("../images/hema/h-slider-bg.gif") 0 0 no-repeat;
   cursor: pointer;
   float: right;
   clear: right;
   margin-bottom: 6px;
   margin-top: -1px;
   padding: 0;
}

.h-subnav .filter .slider-handle {
   position: absolute;
   width: 10px;
   height: 16px;
   background: transparent url("../images/hema/h-slider-handle.gif") 0 0 no-repeat;
   cursor: pointer;
   padding: 0;
}

.h-subnav .filter .slider-handle img {
   display: none;
}

.h-subnav .filter ul {
   display: block;
   background-color: transparent;
   margin: 0 0 5px -7px;
   padding: 0;
   overflow: auto;
}

.h-subnav .filter li { /*fix: 3696*/
   /*display: inline;
   margin-right: -3px;*/
   display: block;
   clear: left;
}

.h-subnav .filter ul a {
   display: block;
   float: left;
   padding: 0 6px 1px 6px;
   margin: 0 0 2px 0;
   border: 1px solid #fff;
   /*font-size: 0.9em;*/
}

.h-subnav .filter ul a.selected {
   font-weight: bold;
   color: #000;
   background-image: none;
   /*background-color: #f2f2f2;
   border-color: #e6e6e6;*/
}

.h-subnav .filter select {
   width: 164px;
   margin-bottom: 5px;
}

.h-subnav .filter a.kop {
   display: block;
   clear: both;
   margin: 10px 0 5px 0;
   padding: 1px 0 0 15px;
   background: transparent 0 0 no-repeat; /* themakleur - verder als normale a.kop */
}

.h-subnav div.h-loading {
   position: absolute;
   width: 44px;
   height: 44px;
   /* z-index: 1; defect 4134: IE heeft daar moeite mee (valt over dropdown menu heen) */
   margin: -13px 0 0 142px;
}

* html .h-subnav div.h-loading div img { width: 44px; height: 44px; } /* IE6 + progresspanel = img van 0px - WTF? */

.h-subnav .filter a:hover.kop {
   background-position: 0 -40px;
}

.h-subnav ul li.last-listitem .filter {
   margin-bottom: -5px;
}

*+html .h-subnav ul li.last-listitem .filter {
   margin-bottom: -17px;
}

.h-subnav ul li.last-listitem.filter {
   margin-bottom: 0;
}

*+html .h-subnav ul li.last-listitem.filter {
   margin-bottom: -6px;
}

.h-subnav .filter div.hekkensluiter {
   display: none;
   font-size: 0;
}

.h-subnav ul li.last-listitem div.hekkensluiter {
   display: block;
   background-color: #fff;
   height: 6px;
}

*+html .h-subnav ul li.last-listitem div.hekkensluiter {
   display: block;
   height: 6px;
   margin: 0 0 0 -12px;
   background-color: #fff;
}

.h-subnav ul li.last-listitem li div.hekkensluiter {
   display: none;
}

* html .h-subnav ul li.last-listitem li div.hekkensluiter {
   display: block;
   position: absolute;
   height: 10px;
   width: 212px;
   margin: 0 0 0 -23px;
   background-color: #fff;
}

*+html .h-subnav ul li.last-listitem li div.hekkensluiter {
   display: block;
   position: absolute;
   height: 10px;
   width: 212px;
   margin: 1px 0 0 -23px;
   background-color: #fff;
}

/* Sitemap */

.h-sitemap {
	width: 919px;
   padding: 6px 0;
	border: solid white;
	border-width: 0 22px 0 23px;
	background: transparent url("../images/hema/h-sitemapRoundedTop.png") -23px top no-repeat;
   overflow: auto;
   clear: both;
}

* html .h-sitemap { overflow: hidden; } /* IE6 is a baby */

* html .h-sitemap {
   background-image: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-sitemapRoundedTop.png", sizingMethod = "crop");
}

.h-sitemap-bottom {
	height: 5px;
   clear: both;
	background: transparent url("../images/hema/h-sitemapRoundedBottom.png") left top no-repeat;
}

* html .h-sitemap-bottom {  
   background-image: none;
   font-size: 0; /* IE6 is a big baby */
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-sitemapRoundedBottom.png", sizingMethod = "crop");
}

.h-sitemap ul {
	float: left;
	margin: 0;
	padding: 14px 0 18px 27px;
	width: 151px;
	list-style: none;
}

.h-sitemap ul a {
	display: block;
	font-size: 1.3em;
	font-weight: bold;
   width: 100%;
}

.h-sitemap ul ul {
	float:none;
	clear: both;
	margin: 0;
	padding: 0;
}

.h-sitemap ul ul a {
	padding: 6px 0 2px 0;
	font-size: 1.2em;
	font-weight: bold;
}

.h-sitemap ul ul ul a {
	font-size: 1em;
	font-weight: normal;
	padding: 1px 0 2px 0;
}

.h-sitemap ul a span {
	float: right;
	padding: 0 3px 1px 3px;
	margin: 1px 0 0 0;
	font-size: 11px;
	font-weight: normal;
   cursor: pointer;
   line-height: 10px;
}
* html .h-sitemap ul a span {	margin-top: 3px;}

.h-sitemap ul ul a span, .h-sitemap ul ul ul a span {
	margin: 3px 0 0 0;	
}

.h-sitemap .empty-item {
   margin-top: -5px;
}

* html .h-sitemap .empty-item {margin-top: -5px;/*padding-top: 1.5em;*/}
*+html .h-sitemap .empty-item {margin-top: -5px;/*padding-top: 1.5em;*/}

.h-sitemap li.last-child {
	padding: 0 0 24px 0;
	margin: 0 0 9px 0;
   border-bottom-width: 1px;
   border-bottom-style: dotted;
}

.h-sitemap li.last-sectionchild li.last-child {border-bottom-width: 0;}

.h-sitemap ul a:hover, .h-sitemap ul a:hover, span .h-sitemap ul a:active {color:White;}
.h-sitemap ul a:hover span {background-color: White;}

/* tagclouds */

#h-tagcloud ul {
	width: 706px;
   text-align: center;
}

#h-tagcloud h1, #h-tagcloud h2, #h-tagcloud h3, #h-tagcloud h4, #h-tagcloud h5, #h-tagcloud h6 {
   display: inline;
	margin: 0;
   padding: 0;
   font-weight: bold;
   /*white-space verplaatst naar #h-tagcloud li a, nu werkt het ook in safari*/
}

#h-tagcloud li a {
   line-height: 62px;
   padding: 0 12px 0 0;
   color: #00aff0;
	font-weight: normal;
   white-space: nowrap;
}

#h-tagcloud li a:hover {
   color: #34c8ff;
}

#h-tagcloud li a img {
	margin: 0 6px 0 0;
	vertical-align: middle;
   height: 60px;
}

#h-tagcloud li a:hover img { opacity: 0.85; }
* html #h-tagcloud li a:hover img { filter:alpha(opacity: 85); }
*+html #h-tagcloud li a:hover img { filter:alpha(opacity: 85); }
#h-tagcloud li a:hover img { -ms-filter:"alpha(opacity: 85)"; } /* IE8 */

#h-tagcloud h1 {font-size: 3em;}
#h-tagcloud h2 {font-size: 2.1em;}
#h-tagcloud h3 {font-size: 1.4em;}
#h-tagcloud h4 {font-size: 1.6em;}
#h-tagcloud h5 {font-size: 1.3em;}
#h-tagcloud h6 {font-size: 1.1em;}

#h-tagcloud a strong {
	color: #f00023;
   font-weight: normal;
}

#h-tagcloud a:hover strong {
	color: #ff3150;
}

#panebottom #h-tagcloud {
   background: #fff url("../images/hema/h-tagcloud-mini-bg.png") left -41px no-repeat;
   width: 964px;
   overflow: visible;
   padding: 12px 0 20px 0;
}

#panebottom #h-tagcloud ul {
	width: 530px;
   margin: 0 0 0 236px;
}

#panebottom #h-tagcloud li a {line-height: 52px;}

#panebottom #h-tagcloud li a img {height: 50px;}

#panebottom #h-tagcloud strong {
	color: #00aff0;
   font-weight: bold;
}

#panebottom #h-tagcloud a:hover strong {
	color: #34c8ff;
}

/*Site footer*/

.h-SiteFooter {
	padding: 9px 24px 16px 0;
	height: 60px;
	background-color: White;
	text-align: right;
}

.h-SiteFooter img {
	display: block;
}

.h-SiteFooter .h-SiteFooterLogo {
	margin: -23px -9px 0 3px;
}

* html .h-SiteFooter .h-SiteFooterLogo { margin-top: -21px;	}
*+html .h-SiteFooter .h-SiteFooterLogo { margin-top: -21px;	}

ul.h-SiteFooterList {
	float: right;
}

.h-SiteFooterList li a {
	display: block;
	float: left;
	padding: 38px 9px 0 9px;
	color: #333;
	background: transparent url("../images/hema/h-BottomMenuSeparator.gif") right 40px no-repeat;
}

*+html .h-SiteFooterList li a {
	padding-top: 36px;
	background-position: right 39px;
}

* html .h-SiteFooterList li a {
	padding-top: 36px;
	background-position: right 39px;
}

.h-SiteFooterList li a:hover {
	color: #666;
}

.h-SiteFooterList .last-child a {
	background: none;
}

/*h-metatopnav*/

.h-metatopnav {
	position: absolute;
	top: 8px;
	right: 1px;
   z-index: 1000;
}

* html .h-metatopnav {
	right: auto;
}

* html .h-metatopnav .h-TopNavList {
	float: right;
}

.h-metatopnav .h-TopNavList a {
	padding: 0 11px 0 10px;
	background: transparent url("../images/hema/h-TopNavItemBorder.png") top left no-repeat;
}

* html .h-metatopnav .h-TopNavList a {
   background-image: none;
   display: inline-block;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/hema/h-TopNavItemBorder.png",sizingMethod='crop');
}

.h-metatopnav .h-TopNavList a:hover, .h-metatopnav .h-TopNavList a:active {
	color: #fff;
}

.h-metatopnav .h-TopNavList li:first-child a, .h-metatopnav .h-TopNavList li.first-child a {
   background-image: none;
}

.h-metatopnav .h-TopNavList li:last-child a, .h-metatopnav .h-TopNavList .last-child a {
	padding-right: 0;
}

/* searchbox */

.h-search {
   position: absolute;
   top: 38px;
   left: 780px;
	width: 181px;	
	height: 18px;
	padding: 1px 2px;
	background: transparent url("../images/hema/h-search-bg.png") left 1px no-repeat;
}

* html .h-search {
	left: 795px; /* in IE6 the page is left-aligned w 15px margin, sortof */
   background-image: url("../images/hema/h-search-bg-IE6.gif"); /* a filter ruined the search functionality, go fig */
}

.h-search .textinput {
	display: block;
	float: left;	
	height: 14px;
	width: 118px;
	padding: 0;
   margin-left: 2px;
	border: none;
	font-size: 0.95em;
   background-color: transparent;
}

.h-search .h-button {
	display: block;
	float: right;
	height: 16px;
   margin: 0;
}

.h-search input:hover.h-button {
   background-position: 0 -16px;
}

/* basketheader */

.h-basketheader {
   width: 146px;
   height: 48px;
   padding-left: 38px;
   overflow: hidden;
   position: absolute;
   top: 93px;
   left: 781px;
   color: #000;
   background: transparent url("../images/hema/h-basketheader-bg.png") 0 0 no-repeat;
}
 /* in IE6 the page is left-aligned w 15px margin, sortof */
* html .h-basketheader {
   left: 799px;
   background-image: url("../images/hema/h-basketheader-bg.gif");
   /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/hema/h-basketheader-bg.png",sizingMethod='crop');*/
   margin-left: -3px;
}

.h-basketheader div {
   display: inline; /* eh, is hier wel een probleem? */
}

.h-basketheader h3 {
   display: block;
   height: 23px;
   text-indent: -999em;
   padding: 0;
   margin: 0;
   background: transparent url("../upload/images/header_winkelmandje.gif") 0 0 no-repeat;
}

.h-basketheader p {
   padding: 4px 19px 0 0;
   margin: 0;
   font-size: 0.85em;
}

.h-basketheader strong {
   float: right;
   color: #a00091;
}

.h-basketheader a {
   position: absolute;
   display: block;
   width: 185px;
   height: 48px;
   margin: -46px 0 0 -40px;
   text-indent: -999em;
}

* html .h-basketheader a {
   margin: -41px 0 0 -40px;
}

/* basketheader wishlist */

html .h-basketheader.wishlistheader {
   background-image: url("../images/hema/h-basketheader-wish-bg.gif");
   background-position: left 4px;
   background-color: #eee;
   padding-top: 4px;
   border-top: 1px solid #fff;
   position: static;
   margin: 0;
}

.h-basketheader.wishlistheader h3 {
   background-image: url("../upload/images/header_verlanglijstje.gif");
}

/* basketcontent */

.h-basketcontent {
   width: 161px;
   background-color: #ddd;
   background-image: none;
   padding: 5px 15px 1px 8px; 
   margin: 0;
   overflow: auto;
   font-size: 0.85em;
}

#h-widecontentpage .h-basketcontent {
   margin-top: 44px;
}
* html #h-widecontentpage .h-basketcontent {
   border-top: 44px solid #ddd;
   margin-left: 1px;
}
*+html #h-widecontentpage .h-basketcontent {
   border-top: 44px solid #ddd;
}

.wishlist 
{
	padding: 0px 15px 0px 8px;
}

.h-basketcontent #basketlist, .h-basketcontent #wishlist {
   margin: 0;
   padding: 0;
   border: 0;
   height: auto;
   overflow: hidden;
   background-color: #ddd;
}

.h-basketcontent .basketexpandable #basketlist{
   height: 340px;
}

.h-basketcontent ol {
   margin: 0;
   padding: 0;
   list-style: none;
}

.h-basketcontent li {
   margin: 0;
   padding: 0;
   list-style: none;
   height: 34px;
   background-color: #ddd;
}

* html .h-basketcontent li { margin-bottom: -3px; }
*+html .h-basketcontent li { margin-bottom: -3px; }

.h-basketcontent a {
   display: block;
   margin: 0 1px 5px 0;
   padding: 0 20px 0 0;
   text-align: right;
   text-decoration: none;
   color: #333;
   font-weight: bold;
   line-height: 16px;
   background: transparent url("../images/hema/pijlpijl-mandje.gif") right -30px no-repeat;
}
* html .h-basketcontent a {
   margin-right: 2px;
}

.h-basketcontent a:hover {
   background-position: right 0;
   /* voor IE6: */
   text-decoration: none;
   color: #05a37b;
}

.h-basketcontent a.full {
   background-position: right -90px;
}

.h-basketcontent a:hover.full {
   background-position: right -60px;
}

.h-basketcontent input.h-button {
   display: block;
   float: right;
   margin: 0 0 15px 0;
}

.h-basketcontent a.kop {
   display: block;
   margin: 0 -10px 16px 0;
   padding: 0 30px 0 0;
   text-align: right;
   float: right;
   color: #a00091;
   line-height: 20px;
   font-size: 1.1em;
   background: transparent url("../images/hema/h-arrow.gif") right -318px no-repeat;
}
* html .h-basketcontent a.kop { margin-right: -4px; }

.h-basketcontent a:hover.kop {
   color: #b500a3;
   background-position: right -358px;
}

.h-basketcontent ol a, .h-basketcontent ol span {
   height: 25px;
   width: 152px;
   padding: 2px 4px;
   display: block;
   overflow: hidden;
   margin: 0;
   text-align: left;
   border-width: 0;
   background: #f6f6f6 url("../images/hema/h-basketcontent-item-bg.gif") 0 0 no-repeat;
   color: #333;
   font-weight: normal;
   line-height: 12px;
}

.h-basketcontent ol li:first-child a, .h-basketcontent ol li.first-child a {
   background-color: #fff;
}

.h-basketcontent ol li a:hover {
   background-color: #fff;
   background-position: 0 0;
}

.h-basketcontent ol a img {
   float: left;
   display: block;
   width: 23px;
   height: 23px;
   margin: 1px 5px 0 -1px;
   overflow: hidden;
}

* html .h-basketcontent ol a img { padding-left: 1px; }

.h-basketcontent ol a span {
   width: auto;
   height: auto;
   /*overflow: auto;*/
   padding: 0;
   background: transparent;
   background-image: none;
   color: #666;
   padding-top: 1px;
   cursor: pointer;
}

.h-basketcontent ol a span span {
   float: right;
   font-weight: bold;
   color: #333;
   padding-top: 0;
}

.h-basketcontent ol li a.BasketDeleteButton {
   display: block;
   width: 10px;
   height: 11px;
   float: left;
   margin-top: -29px;
   margin-left: 143px;
   overflow: hidden;
   background-color: transparent !important;
   background-image: url("../images/hema/h-basketcontent-item-delete.gif");
   background-position: 3px 4px;
   color: #666;
   text-indent: -999em;
}

* html .h-basketcontent ol li a.BasketDeleteButton {
   margin-left: 71px;
}

.h-basketcontent ol li a:hover.BasketDeleteButton {
   color: #f00023;
   background-position: 3px -46px;
}

.h-basketcontent ol li a:hover.BasketDeleteButton + a {
   background-color: #fff;
}

.h-basketcontent ol div {
   width: 24px;
   height: 8px;
   border: 1px solid #fff;
   margin: 4px 2px;
   float: left;
   background-color: #666;
   background-image: url("../images/hema/fop-busy.gif");
   overflow: hidden;
}

/* basketcontent wishlist */

body .h-basketcontent.wishlist {
   background-color: #eee;
   background-image: none;
}
* html body .h-basketcontent.wishlist { overflow: hidden; padding-right: 15px; }

#h-widecontentpage .h-basketcontent.wishlist {
   margin-top: 0;
}
* html #h-widecontentpage .h-basketcontent.wishlist { border-top: 0; }
*+html #h-widecontentpage .h-basketcontent.wishlist { border-top: 0; }

.h-basketcontent.wishlist #wishlist {
   background-color: #eee;
}

.h-basketcontent.wishlist li {
   background-color: #eee;
}

.h-basketcontent.wishlist ol a {
   background-image: url("../images/hema/h-basketcontent-wish-item-bg.gif");
   line-height: 23px;
   width: 140px;
   padding-right: 16px;
}

.h-basketcontent.wishlist ol span {
   padding-left: 31px;
   padding-right: 17px;
   width: 112px;
   line-height: 23px;
}

.h-basketcontent.wishlist ol li a.BasketDeleteButton {
   margin-top: -24px;
}

/**/

.addedToBasket, .h-productvariantdetail span.addedToBasket, .h-catalogList .orderProduct .form .addedToBasket, .limitedSpecial, .h-productvariantdetail span.limitedSpecial, .h-catalogList .orderProduct .form .limitedSpecial, .outOfStock, .h-productvariantdetail span.outOfStock, .h-catalogList .orderProduct .form .outOfStock {
   position: absolute;
   display: block;
   width: 114px;
   height: 35px;
   overflow: hidden;
   padding: 20px 25px;
   text-align: center;
   color: #333;
   font-weight: bold;
   background: transparent url("../images/hema/h-toegevoegd.png") 0 0 no-repeat;
   z-index: 1;
   _z-index: auto;
}

.h-categoryOrderList .addedToBasket, .h-categoryOrderList .outOfStock {
   margin: -68px 0 0 -12px;
}

* html .addedToBasket { background-image: none !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/hema/h-toegevoegd.png",sizingMethod='crop'); }

.limitedSpecial, .h-productvariantdetail span.limitedSpecial, .h-catalogList .orderProduct .form .limitedSpecial {
   width: 114px;
   height: 18px;
   padding: 20px 25px;
   color: #999;
   background: transparent url("../images/hema/h-uitverkocht.png") 0 0 no-repeat;
}

* html .limitedSpecial { background-image: none !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/hema/h-uitverkocht.png",sizingMethod='crop'); }

.outOfStock, .h-productvariantdetail span.outOfStock, .h-catalogList .orderProduct .form .outOfStock {
   color: #999;
   background: transparent url("../images/hema/h-productOverlay.png") 0 0 no-repeat;
}

* html .outOfStock { background-image: none !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/hema/h-productOverlay.png",sizingMethod='crop'); }

/* h-table */

table.h-table {
   background: transparent url("../images/hema/h-tableheaderbg.gif") left top no-repeat;
   width: 518px;
}

div.h-table {
   background: transparent url('../images/hema/h-tablefooterbg.gif') left bottom no-repeat;
}

table.h-table td, table.h-table th {
   border-right: 1px solid #cacaca;
   padding: 6px 10px;
   margin: 0;
}

table.h-table td {
   background-color: #fff;
}

 table.h-table td.footer {
   border-top: 1px solid #cacaca;
   padding-bottom: 4px; /* ter compensatie voor meerdere spans met bottommargin */
   background-color: transparent;
}

table.h-table th, table.h-table td.header {
   padding-top: 6px;
   background-color: transparent;
}

table.h-table th, table.h-table td.header, table.h-table td.footer {
   font-weight: bold;
   white-space: nowrap;
}

table.h-table .alternate td {
   background-color: #eee;
}

table.h-table .alternate td td {
   background-color: transparent;
}

table.h-table .addon td { /* voor discounts in ordersummary */
   margin-top: 0;
   padding-top: 0;
}

table.h-table .center {
   text-align: center;
}

table.h-table .right {
   text-align: right;
}

div.h-table table.h-table td.centeroneline {
   white-space: nowrap;
   text-align: center;
   padding-left: 4px;
   padding-right: 4px;
}

table.h-table .noborder {
   border-right: none;
}

table.h-table .leftborder {
   background-image: url("../images/hema/h-tableleftborderbg.gif");
   background-repeat: repeat-y;
   background-position: left top;
}

table.h-table .topborder {
	border-top: 1px solid #f00023; /* waar wordt dit gebruikt? */	
}

table.h-table span.error {
   text-align: left;
   clear: both;
   display: block;
   margin-top: 8px;
}

table.h-table img {
   clear: both;
   vertical-align: middle;
}

table.h-table .footer span {
   display: block;
   margin-bottom: 6px;
}

#h-widecontentpage table.h-table, #h-applicationpage table.h-table {
   background-image: url("../images/hema/h-tableheaderbg-wide.gif");
   width: 730px;
}

#h-widecontentpage div.h-table, #h-applicationpage div.h-table {
   background: transparent url('../images/hema/h-tablefooterbg-wide.gif') left bottom no-repeat;
}

/* basketview: vaste kolombreedtes voor besteloverzicht */
#h-widecontentpage table.h-table.basketView th.noborder { width: 15px; }
#h-widecontentpage table.h-table.basketView th.right, #h-widecontentpage table.h-table.basketView th.noborder.right, #h-widecontentpage table.h-table.basketView th.center { width: 70px; }

/* table met alleen horizontale strepen op witte achtergrond: voor CategoryOrderListModule */

div.h-table.striped {
   background: transparent url(../images/hema/h-klapper-bg.gif) no-repeat bottom left;
}

div.h-table.striped table.h-table td, div.h-table.striped table.h-table th {
   padding: 10px 15px;
}

div.h-table.striped table.h-table td {
   border-top: 1px solid #cacaca;
}

div.h-table.striped table.h-table td.notop {
   border-top: 0;
   padding-top: 0;
}

div.h-table.striped table.h-table td.footer {
   border-top-width: 0;
   height: 5px;
   padding: 0;
   overflow: hidden;
}

/* orderinfo (h-table) (6-8-07) */

.h-table.orderinfo {
   margin-top: 25px;
   padding-bottom: 5px;
}

.h-table.orderinfo table.h-table th { /* extra specificity voor IE6... */
   background-position: 10px 9px;
   background-repeat: no-repeat;
   padding-left: 32px;
   width: auto;
}

.h-table.orderinfo table.h-table td { /* voor IE6... */
   width: auto;
}

.h-table.orderinfo table.h-table td.footer { font-weight: normal; white-space: normal; }

body:not(:root:root) .h-table.orderinfo table.h-table td + td {
   padding-left: 0; /* safari heeft net wat extra ruimte nodig */
}

/* productThumb wordt nu alleen gebruikt in het bestelproces (ordersummary.ascx en basketview.ascx) */
span.productThumb, .alternate span.productThumb {
   display: block;
   padding-left: 27px;
   background-position: left top;
   background-repeat: no-repeat;
}

/* besteloverzicht (h-table) */

.basketView input {
   width: 20px;
   background-color: #fff;
}

.basketView input.number { /*om foutmelding bij gebak eronder te krijgen*/
   display: block;
   margin: 0 auto;
}

.basketView .h-popup a.kop {
   background: transparent url(../images/hema/h-arrow.gif) no-repeat left -80px;
   padding-left:12px;
   font-weight: bold;
}

.basketView a.kop {
   background-image: none;
   padding: 0;
   display: block;
   font-weight: normal;
   clear: both;
   margin: 0;
   cursor: pointer;
}

.basketView span.thumbnail, .basketView span.nothumbnail {
   background-repeat: no-repeat;
   padding-left: 29px;
   min-height: 23px;
   padding-top: 3px;
   display: block;
}
* html .basketView span.thumbnail, * html .basketView span.nothumbnail {
   height: 23px;
}

.basketView span.nothumbnail {
   padding-left: 0;
}

.basketView a.kop span.thumbnail span {
   color: #333;
   padding-left: 0;
   display: block;
}

.basketView a.kop img {
   margin: -2px 8px -2px 0;
   float: left;
}

.basketView a.kop.basketimage {
   background-position: right top;
   background-repeat: no-repeat;
   min-height: 60px;
   padding-right: 95px;
   margin-right: -4px;
   overflow: auto;
}
.basketView a:hover.kop.basketimage {
   background-position: right top;
}

.basketView a.kop span.fopBasketView {
   padding: 4px 6px 3px 0;
   margin: 0;
}

.basketView a.kop .fopBasketView img {
   margin: 0;
   padding: 0;
   float: none;
}

.basketView .subtotal {
   font-weight: normal;
   /*font-style: italic;*/
}

* html .basketView a.kop.basketimage { height: 60px; }

.basketView a.delete { margin-left: -10px; } /*spatie weghalen*/
/** html .basketView a.delete { margin-right: -0.6em; }
*+html .basketView a.delete { margin-right: -0.6em; }*/

/* selecteer betaalwijze (geintegreerd bij basketview module) */

.h-bestelproces {
   margin-top: 0;
   margin-bottom: 24px;
   width: 518px;
   display: block;
}

#h-widecontentpage .h-bestelproces { /* 924 */
   overflow: visible;
   margin-bottom: 0;
}

.h-bestelproces h4 {
   float: left;
   clear: left;
   margin: 0;
   font-weight: normal;
}

.h-bestelproces img {
   float: left;
}

.h-bestelproces div.section {
   float: right;
   display: block;
   width: 352px;
}

* html .h-bestelproces div.section { width: 349px; }
*+html .h-bestelproces div.section { width: 355px; }

.h-bestelproces div.section label {
   padding-left: 0;
   font-weight: bold;
   clear: both;
}

.h-bestelproces input[type=radio] { margin-bottom: -4px; }
.h-bestelproces input[type=checkbox] { margin-bottom: -1px; }

*+html .h-bestelproces input[type=radio], *+html .h-bestelproces input[type=checkbox] { margin-bottom: 0; }

/* IE's input[type=radio/checkbox] is te breed... */
* html .h-bestelproces .simple input { margin-left: -5px; }
*+html .h-bestelproces .simple input { margin-left: -7px; }

/* IE's button staat te hoog... */
* html .h-bestelproces input.button { margin-bottom: -1px; }
*+html .h-bestelproces input.button { margin-bottom: -1px; }

.h-bestelproces input + input.button { margin-left: 1px; }

.h-bestelproces div.section div {
   margin-top: 4px;
}

/* voor cake staat dit op zichzelf en is meer witruimte noodzakelijk */

.h-bestelproces.cake {
   /*margin-top: 24px;*/
   margin-bottom: 0;
   width: auto;
}

/* 3533: weergave bezorggegevens 8-2007 */

.h-bestelproces.delivery {
   margin-bottom: 12px;
   padding-top: 12px;
}

.panel-container .delivery table.input-fields { width: 326px; }

*+html .h-bestelproces.delivery .section { width: 350px; }

/* calendar control dd:5-1-2006 */
/* deze opmaak is alleen voor de form elementen, opmaak voor de popup is te vinden in 
   \src\XPortalWebsite\controls\popcalendar\CSS\HemaCalendar.css */

.h-bestelproces.calendar .section {
   width: 346px;
}

*+html .h-bestelproces.calendar .section { width: 350px; }

#h-widecontentpage .h-panel-2column.cakeDateSelection {
   margin-top: 20px;
}

#h-widecontentpage .panel-container .h-bestelproces.calendar.cake .input-fields.text {
   margin-top: 0;
}

#h-widecontentpage .panel-container .h-bestelproces.calendar.cake .input-fields.text {
   margin-top: 0;
}

.h-bestelproces.calendar .section input, #h-widecontentpage .panel-container .h-bestelproces.calendar .input-fields input {
   border-width: 0;
   font-size: 1em;
   padding: 0;
   margin-bottom: -1px;
   width: 75px;
   font-weight: bold;
   background-color: transparent;
}

#h-widecontentpage .panel-container .h-bestelproces.calendar .input-fields input {
   padding-bottom: 4px;
}

* html .h-bestelproces.calendar .section input, * html #h-widecontentpage .panel-container .h-bestelproces.calendar .input-fields input { margin-bottom: 0; padding-bottom: 4px; }
*+html .h-bestelproces.calendar .section input, *+html #h-widecontentpage .panel-container .h-bestelproces.calendar .input-fields input { margin-bottom: 0; padding-bottom: 4px; }

.h-bestelproces.calendar img {
   margin-top: -1px;
   float: none;
}

* html .h-bestelproces.calendar img { padding: 1px 0; margin-top: 0; }
*+html .h-bestelproces.calendar img { padding: 1px 0; margin-top: 0; }

.h-bestelproces.calendar .section span, .h-bestelproces.calendar .input-field span {
   padding: 0 21px 0px 7px;
   padding: 4px 21px 3px 7px;
   margin: 0;
   background-image: url("../images/hema/h-button-kalender.gif");
   background-position: right top;
   background-repeat: no-repeat;
   display: inline-block;
}

* html .h-bestelproces.calendar .section span, * html .h-bestelproces.calendar .input-field span { padding: 2px 21px 2px 7px; }
*+html .h-bestelproces.calendar .section span, *+html .h-bestelproces.calendar .input-field span { padding: 2px 21px 2px 7px; }

.h-bestelproces.calendar .section span:hover, .h-bestelproces.calendar .input-field span:hover {
   background-position: right -18px;
}

.h-bestelproces.calendar .section div span {
   padding: 0;
   margin: 0;
   background-image: none;
}

.calendarfirstdate { /* aflever tekst bij 924 */
   margin: -4.5em 0 0 365px;
   width: 300px;
   float: left;
}
* html .calendarfirstdate { position: absolute; margin-top: -4em; }
*+html .calendarfirstdate { margin-top: -4em; }

/* hema calendar popup */

.HemaCalendarStyle div.TitleStyle {
	background-color: #eee;
   padding: 1px 1px 2px 1px;
   border: none;
}

.HemaCalendarStyle div.TitleStyle table {
   background-color: #eee;
}

.HemaCalendarStyle div.TitleStyle table td {
	color: #333;
   background-color: #eee;
   text-transform: lowercase !important;
}

.HemaCalendarStyle div.TitleStyle .DropDownStyle,
.HemaCalendarStyle div.TitleStyle .DropDownOutStyle,
.HemaCalendarStyle div.TitleStyle .DropDownOverStyle {
   background-image: url("../../../images/hema/h-openklapper-hor.gif");
   background-position: 2px -48px;
}

.HemaCalendarStyle div.TitleStyle .DropDownOverStyle {
   background-position: 2px 2px;
}

.HemaCalendarStyle div.TitleStyle .DropDownOverStyle {
	background-color: #eee;
}

.HemaCalendarStyle div.TitleStyle .right .DropDownStyle,
.HemaCalendarStyle div.TitleStyle .right .DropDownOutStyle,
.HemaCalendarStyle div.TitleStyle .right .DropDownOverStyle {
   background-image: url("../../../images/hema/h-openklapper-hor.gif");
   background-position: 0 -148px;
}

.HemaCalendarStyle div.TitleStyle .right .DropDownOverStyle {
   background-position: 0 -98px;
}

.HemaCalendarStyle table.BodyStyle .HeaderStyle span {
   margin-bottom: 8px;
}

.HemaCalendarStyle table.BodyStyle .DateStyle span {
   width: 21px;
   height: 21px;
   padding: 2px 3px 0px 1px;
   line-height: 21px;
   margin: 1px;
	border: none;
   background-image: url("../../../images/hema/h-kalender-dag-bg.gif");
   background-repeat: no-repeat;
   background-position: 0 0;
}

* html .HemaCalendarStyle table.BodyStyle .DateStyle span { padding: 0 2px 2px 2px; }
*+html .HemaCalendarStyle table.BodyStyle .DateStyle span { padding: 0 2px 2px 2px; }

.HemaCalendarStyle table.BodyStyle .DateStyle span.SelectedDateStyle {
   color: #fff;
   font-weight: bold;
   background-position: 0 -60px;
	border-width: 0;
   margin: 1px;
}

.HemaCalendarStyle table.BodyStyle span.DisableDateStyle {
	background-color: #fff;
   background-position: 0 -90px;
   color: #999;
}

.HemaCalendarStyle table.BodyStyle span.HolidayStyle {
	background-color: #fff;
   background-position: 0 -120px;
}

.HemaCalendarStyle table.BodyStyle span.DayOverStyle {
   background-position: 0 -30px;
   color: #05a37b;
}

.HemaCalendarStyle td.TodayStyle, .HemaCalendarStyle td.TodayStyle .TextStyle {
	background-color: #eee;
   color: #999;
   padding: 2px;
}

/* orderValidation */

.h-orderValidation {
   padding: 20px 10px 10px 0;
   overflow: auto;
   clear: both;
}

.h-orderValidation .label {
    float: left;
}

.h-orderValidation img {
   float: left;
}

.h-orderValidation div {
    position: relative;
    background-color: #fff; /* fix voor IE7... */
    margin: 0 0 12px 154px;
    clear: right;
}

* html .h-orderValidation div { margin: -1.2em 0 12px 164px; clear: both; }
*+html .h-orderValidation div { margin: 0 0 12px 157px; }

.h-orderValidation div div {
   margin: 6px 0 2px 0;
}

.h-orderValidation div span, .h-orderValidation div a.kop, .h-orderValidation div label {
   display: block;
   margin: 0 0 2px 18px;
   padding: 0;
}

* html .h-orderValidation div span, * html .h-orderValidation div a.kop, * html .h-orderValidation div label { margin: 0 0 0 22px; }
*+html .h-orderValidation div span, *+html .h-orderValidation div a.kop, *+html .h-orderValidation div label { margin: 0 0 0 22px; }

.h-orderValidation div a {
   cursor: pointer;
}

.h-orderValidation div a.kop {
   padding-left: 12px;
   clear: both;
}

.h-orderValidation div label {
   float: none;
}

.h-orderValidation div img {
   margin: 2px 0 0 0;
   position: absolute;
}

* html .h-orderValidation div img { margin-left: 4px; }
*+html .h-orderValidation div img { margin-left: 4px; }

.h-orderValidation div input {
   margin: 1px 0 0 0;
   border: 0;
   position: absolute;
}

* html .h-orderValidation div input { margin-left: -22px; margin-top: 2px; }
*+html .h-orderValidation div input { margin-left: -22px; margin-top: 2px; }

/*.h-orderValidation div span.error {
   padding-left: 18px;
   margin-left: 0;
   background: #fff url("../images/hema/h-error.gif") 0 1px no-repeat;
}

*+html .h-orderValidation div span.error {
   padding-left: 22px;
   background-position: 3px 1px;
}*/

.h-orderValidation.packing {
   padding: 0 10px 0 0;
}

.h-orderValidation.packing div div span {
   margin-right: 20px;
}

.h-orderValidation div div span.nobreak {
   padding: 0;
   margin: 0;
   display: inline;
   white-space: nowrap;
}

.h-orderValidation.photoexpress div span {
   font-weight: bold;
   float: none;
}

* html .h-orderValidation.photoexpress div input { margin-left: 0; margin-top: 2px; }
*+html .h-orderValidation.photoexpress div input { margin-left: 0; margin-top: 2px; }

/* h-processNavigator */

.h-processNavigator {
   margin: 10px 10px 25px 0;
   /*overflow: auto;*/
   text-align: right;
   clear: both;
}

.h-processNavigator span {
   float: left;
}

.h-processNavigator span a, .h-processNavigator span button {
   text-align: left;
   display: inline;
   margin-right: 15px;
}

.h-processNavigator.top {
   float: right;
   margin-left: 20px;
   margin-bottom: 10px;
}
* html .h-processNavigator.top { margin-right: 5px; }

/* catalogCategoryList */

.h-catalogList { float: left; overflow: visible; clear: both; display: block; width: 528px; }

* html .h-catalogList { overflow: hidden; float: none; } /* zonder float: none verdwijnen in IE6 de breadcrumbs als ze direct erboven staan*/
*+html .h-catalogList { }

 /* om verse, nieuwe regel te forceren bij oneven "li"-lengtes vertikaal */
.h-catalogList li.newRow { clear: left; display: block; } /* block is nodig voor FF */
* html .h-catalogList li.newRow { display: inline; }
*+html .h-catalogList li.newRow { display: inline; }

.h-catalogList a {
   display: block;
   float: left;
   margin: 0 10px 0 0;
   border-bottom: 10px solid #fff; /* ipv margin zodat het ook in IE werkt */
   padding: 10px;
   width: 146px;
   height: 234px;
   font-size: 1.2em;
   font-weight: bold;
   text-align: center;
   background: #fff url("../images/hema/h-categoryimagelist-border.gif") 0 300px no-repeat; /* geen bg-image zichtbaar */
   overflow: hidden;
   cursor: pointer;
   color: #333;
   outline: 0;
}

.h-catalogList a:hover { background-position: 0 -300px; color: #05a37b; } /* mouseover */

.h-catalogList a.emphasis { background-position: 0 -600px; } /* lichtgrijs, steven's highlight */

.h-catalogList a:hover.rood { background-position: 0 -900px; } /* nu: rood */

.h-catalogList a:hover.oranje { background-position: 0 -1200px; } /* meest populair: oranje */

.h-catalogList a:hover.groen { background-position: 0 -1500px; } /* net binnen: groen */

.h-catalogList a.signed, .h-catalogList a:hover.signed { background-position: 0 0; } /* 1-2009 actionsigning (normaal) */

.h-catalogList a:hover.actionsigned { background-position: 0 0; } /* 1-2009 actionsigning (normaal) */

.h-catalogList .sign, .h-catalogList .sign1, .h-catalogList .sign2, .h-catalogList .sign3, .h-catalogList .sign4, .h-catalogList .sign5 {
   width: 50px;
   height: 50px;
}

.h-catalogList .sign { margin: 95px 0 0 96px; }

.h-catalogList .sign1 { margin: 95px 0 0 0px; }

.h-catalogList .sign2 { margin: 35px 0 0 0px; }

.h-catalogList .sign3 { margin: 35px 0 0 96px; }

.h-catalogList span.table {
   width: 146px;
   height: 70px;
}

.h-catalogList a.banner, .h-catalogList span.banner {
   display: block;
   float: left;
   margin: 0 10px 0 0;
   padding: 0;
   border-bottom: 10px solid #fff; /* ipv margin zodat het ook in IE werkt */
   background-image: none;
   width: auto;
   height: auto;
   min-width: 166px;
   max-width: 518px;
   text-align: center;
}

#h-widecontentpage .h-catalogList { width: 752px; margin-right: -12px; }

/* productList */

.h-products { float: left; }

.h-products .h-catalogList { float: none; }

* html .h-products .h-catalogList { overflow: hidden; }

.h-products .h-catalogList a { font-size: 1em; }

.h-products .h-catalogList span.table { height: 30px; line-height: 1.20em; }
*+html .h-products .h-catalogList span.table { height: auto; min-height: 36px; }

.h-products .h-catalogList span.productprice { margin-top: 4px; }

/* h-relatedproducts h-proposallist */

.h-relatedproducts {
   margin: 15px 0 0 0;
   clear: both;
}

.h-relatedproducts h2 {
   margin: 0 0 10px 0;
   padding: 0;
}

.h-relatedproducts a.kop {
   clear: both;
}

.h-proposallist {
   margin: 25px 0 0 0;
   clear: both;
}

.h-relatedproducts ul .limitedSpecial {
   margin-top: -167px;
   margin-left: -10px;
}

* html .h-relatedproducts ul .limitedSpecial { margin-top: -166px; margin-left: -82px; }
*+html .h-relatedproducts ul .limitedSpecial { margin-top: -166px; margin-left: -82px; }

 /* om verse, nieuwe regel te forceren bij oneven "li"-lengtes vertikaal */
.h-relatedproducts .h-catalogList li.newRow { clear: left; display: block; } /* block is nodig voor FF */
* html .h-relatedproducts .h-catalogList li.newRow { display: inline; }
*+html .h-relatedproducts .h-catalogList li.newRow { display: inline; }

/* products */

.h-catalogList .orderProduct {
   margin: 0 10px 0 0;
   float: left;
   width: 166px;
   border-bottom: 10px solid #fff; /* ipv margin zodat het ook in IE werkt */
   position: relative; /* voor plaatsing "toegevoegd aan..."*/
}

.h-catalogList .orderProduct a {
   font-size: 1em;
   margin: 0;
   border-bottom: 0;
}

.h-catalogList .orderProduct a, .h-catalogList .orderProduct a:hover {
   background-position: 0 -1800px; /* geen bg-image zichtbaar */
}

.h-catalogList .orderProduct a.rood, .h-catalogList .orderProduct a:hover.rood {
   background-position: 0 -2100px; /* geen bg-image zichtbaar */
}

.h-catalogList .orderProduct a.oranje, .h-catalogList .orderProduct a:hover.oranje {
   background-position: 0 -2400px; /* geen bg-image zichtbaar */
}

.h-catalogList .orderProduct a.groen, .h-catalogList .orderProduct a:hover.groen {
   background-position: 0 -2700px; /* geen bg-image zichtbaar */
}

.h-catalogList .orderProduct a.signed, .h-catalogList .orderProduct a:hover.signed { background-position: 0 0; } /* 1-2009 actionsigning */

.h-catalogList .orderProduct span.table { height: 34px; line-height: 1.25em; }

.h-catalogList .orderProduct span.productprice { margin-top: 9px; }

.h-catalogList .orderProduct div.quantity {
	font-weight:normal;
   color: #999;
}

.h-catalogList .orderProduct .form {
   background: transparent url("../images/hema/h-categoryimagelist-form-bg.gif") left bottom no-repeat;
   text-align: center;
   padding: 0 10px 18px 10px;
   width: 146px;
   float: left;
}

.h-catalogList .orderProduct div.form.rood { 
   background-image: url("../images/hema/h-categoryimagelist-form-bg-nu.gif");
}

.h-catalogList .orderProduct div.form.oranje {
   background-image: url("../images/hema/h-categoryimagelist-form-bg-meestpopulair.gif");
}

.h-catalogList .orderProduct div.form.groen {
   background-image: url("../images/hema/h-categoryimagelist-form-bg-netbinnen.gif");
}

.h-catalogList .orderProduct .form div {
   display: inline;
}

.h-catalogList .orderProduct .form span, .h-catalogList .orderProduct .form label, .h-catalogList .orderProduct .form select {
   width: 136px;
   text-align: left;
   display: block;
   margin: auto;
   margin-top: 10px;
}

.h-catalogList .orderProduct .form select {
   margin-top: 3px;
}

.h-catalogList .orderProduct .form input, .h-catalogList .orderProduct .form button {
   margin-top: 15px;
}

.h-catalogList .orderProduct .form .addedToBasket, .h-catalogList .orderProduct .form .outOfStock {
   top: 48px;
   left: 0;
}

.h-catalogList .limitedSpecial {
   margin-top: -166px; /* was -166px, toen -277 (?) */
   margin-left: -9px;
}
* html .h-catalogList .limitedSpecial { margin-top: -164px; margin-left: -82px; }
*+html .h-catalogList .limitedSpecial { margin-top: -170px; margin-left: -82px; }

.h-catalogList .outOfStock {
   margin-top: -174px;
   margin-left: -9px;
   z-index: auto;
}
* html .h-catalogList .outOfStock { margin-top: -172px; margin-left: -82px; z-index: ; }
*+html .h-catalogList .outOfStock { margin-top: -178px; margin-left: -82px; }

#h-widecontentpage .h-catalogList .orderProduct {
   margin-right: 22px;
   border-bottom-width: 22px;
}

/* filtercriteria tekst bij productlists */

p.h-filtercriteria {
   margin: 16px 10px 20px 0;
}
* html p.h-filtercriteria {
}

p.h-filtercriteria a.kop {
   float: right;
   margin-right: 0;
   margin-left: 10px;
   margin-bottom: 5px;
}

/* h-basicImageModule */

.h-basicImageModule {
   margin: 0 0 1em 0;
}

#h-languagepage #paneright .h-basicImageModule {
   margin: 0 0 0 0;
}

#paneright .h-basicImageModule {
   margin: 25px 0 12px 38px;
}

/* h-basicTextModule, h-pageDirector en h-associatiefModule */

.h-basicTextModule, .h-pageDirector, .h-associatiefModule {
   margin: 0 10px 1em 0;
   /*3867  Layout 2 dagen analoog: verzorgt uiteindelijk in FF een rare verschuiving van de header in de basic text module, de oplossing geeft geen problemen in IE6&7*/
/*   overflow: auto;*/
}

/* h-associatiefModule links */

#paneleft .h-associatiefModule {
   background-image: url("../images/hema/h-subnav-topcorner.png");
   background-position: right top;
   background-repeat: no-repeat;
   width: 212px;
   margin: 0 0 25px 0;
   padding: 0;
   overflow: visible;
}

#paneleft .h-associatiefModule { font-size: 0.95em; }
* html #paneleft .h-associatiefModule { font-size: 0.9em; }
*+html #paneleft .h-associatiefModule { font-size: 0.9em; }

* html #paneleft .h-associatiefModule {
   background-image: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-subnav-topcorner.png", sizingMethod = "crop");
}

#paneleft .h-associatiefModule div.kop {
   padding: 15px 12px 0 23px;
}

#paneleft .h-associatiefModule div.body {
   padding: 0 23px 0 23px;
   margin: 0;
   font-size: 0.95em;
}

#paneleft .h-associatiefModule div.kop a {
   padding: 0;
   margin: 0;
   background-image: none;
}

#paneleft .h-associatiefModule div.kop a span {
   display: block;
   width: 14px;
   height: 14px;
   float: right;
   margin: -1.2em 0 0 0;
   cursor: pointer; /* voor IE */
   background-image: url("../images/hema/h-associatief-paneleft-link.png");
}

* html #paneleft .h-associatiefModule div.kop a span {
   background-image: none;
   font-size: 0;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-associatief-paneleft-link.png", sizingMethod = "crop");
}

#paneleft .h-associatiefModule div.h-bottomcorner {
   background-image: url("../images/hema/h-subnav-bottomcorner.png");
   background-position: right bottom;
   background-repeat: no-repeat;
   width: 212px;
   height: 15px;
}

* html #paneleft .h-associatiefModule div.h-bottomcorner {
   background-image: none;
   font-size: 0;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-subnav-bottomcorner.png", sizingMethod = "crop");
}

#h-applicationpage #paneleft .h-associatiefModule { width: 185px; }
/* voor IE6 is dit kennelijk niet specifiek genoeg, samen met de hack wel... */
* html #h-applicationpage #paneleft .h-associatiefModule { width: 185px; }

#h-applicationpage #paneleft .h-associatiefModule div.h-bottomcorner {
   width: 185px;
}

* html #h-applicationpage #paneleft .h-associatiefModule {
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-subnav-topcorner-applicationpage-IE6.png", sizingMethod = "crop");
}

* html #h-applicationpage #paneleft .h-associatiefModule div.h-bottomcorner {
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-subnav-bottomcorner-applicationpage-IE6.png", sizingMethod = "crop");
}

/* h-associatiefModule rechts UPS */

#paneright .h-associatiefModule {
   margin-top: 25px;
   width: 174px;
   overflow: hidden;
}

#paneright .h-associatiefModule div.body {
   padding: 0 15px 0 37px;
}

#paneright .h-associatiefModule img {
   padding: 0 15px 0 37px;
}

#paneright .h-associatiefModule div.body img {
   padding: 0 0 0 0;
}

#paneright .h-associatiefModule div.kop { /* achtergrondplaatje: vinkje voor koptekst wordt gegenereerd in hema-pallet.cssx */
   padding: 0 0 0 37px;
   background-repeat: no-repeat;
   background-position: 1px 0;
}
* html #paneright .h-associatiefModule div.kop { background-image: none; width: 131px; margin-left: 2px; }

#paneright .h-associatiefModule.nieuwsbrief a.kop {
   background-image: url("../images/hema/h-arrow-theme.gif");
   background-position: left -1px;
   margin-top: -10px;
   padding-left: 10px;
   font-size: 0.95em;
}

#paneright .h-associatiefModule.nieuwsbrief a:hover.kop {
   background-position: left -41px;
}

/* nieuwsbrief als AC (in linkerkolom) */

#paneleft .h-associatiefModule.nieuwsbrief div.tip {
   width: 45px;
   height: 45px;
   background-image: url("../images/hema/h-nieuwsbrief-ac-tip.png");
   background-repeat: no-repeat;
   background-position: 0 0;
   margin: 17px 8px 12px 23px;
   float: left;
   text-indent: -999em;
}

* html #paneleft .h-associatiefModule.nieuwsbrief div.tip {
   background-image: none;
   margin: 18px 10px 12px 12px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/hema/h-nieuwsbrief-ac-tip.png",sizingMethod='crop');
}

#paneleft .h-associatiefModule.nieuwsbrief div.kop, #paneleft .h-associatiefModule.nieuwsbrief div.body {
   padding: 18px 11px 0 23px;
}

#paneleft .h-associatiefModule.nieuwsbrief div.body {
   padding-top: 1px;
}

#paneleft .h-associatiefModule.nieuwsbrief p {
   margin: 0;
   padding: 0;
}

#paneleft .h-associatiefModule.nieuwsbrief input {
   width: 135px;
   float: left;
}

#paneleft .h-associatiefModule.nieuwsbrief input.h-button {
   width: 19px !important;
   height: 19px !important;
   float: left;
   margin: -1px 0 8px 4px;
}

#paneleft .h-associatiefModule.nieuwsbrief a.kop {
   background-image: url("../images/hema/h-arrow-theme.gif");
   padding-top: 2px;
   clear: both;
}

* html #paneleft .h-associatiefModule.nieuwsbrief a.kop { padding-top: 1px; }
*+html #paneleft .h-associatiefModule.nieuwsbrief a.kop { padding-top: 1px; }

/*op de applicationpage wrapt de tekst te lelijk zonder aanpassingen (Foto op product)*/
#h-applicationpage #paneleft .h-associatiefModule.nieuwsbrief div.tip {
   display: none;
}

#h-applicationpage #paneleft .h-associatiefModule.nieuwsbrief input {
   width: 110px;
   margin-top: 10px;
}

#h-applicationpage #paneleft .h-associatiefModule.nieuwsbrief input.h-button {
   margin: 9px 0 8px 4px;
}

/* bezorgkosten als AC (in rechterkolom besteloverzicht) */

#paneright .h-associatiefModule.bezorgkosten table {
   width: 100%;
   margin: 0 0 0.5em 0;
}

#paneright .h-associatiefModule.bezorgkosten table td {
   font-size: 0.95em;
}

#paneright .h-associatiefModule.bezorgkosten tr.spacing td {
   padding: 0.5em 0 0 0;
}

#paneright .h-associatiefModule.bezorgkosten tr {
   background-image: none !important;
}

#paneright .h-associatiefModule.bezorgkosten td.right {
   text-align: right;
}

/* bezorgkosten bij afleveradres */

.h-hema-mijn-gegevens .bezorgkosten h4 {
   font-weight: normal;
   margin: 4px 0 4px 0;
}
* html .h-hema-mijn-gegevens .bezorgkosten h4 { margin-top: 12px; }

.h-hema-mijn-gegevens .bezorgkosten table {
   width: 300px;
   margin: 7px 0;
}
* html .h-hema-mijn-gegevens .bezorgkosten table { width: 316px; }
*+html .h-hema-mijn-gegevens .bezorgkosten table { width: 316px; }

.h-hema-mijn-gegevens .bezorgkosten table tr {
   background-position: 1px 3px;
   background-repeat: no-repeat;
}

.h-hema-mijn-gegevens .bezorgkosten table td {
   white-space: nowrap;
   padding: 1px 0 1px 22px;
   width: 133px;
}

.h-hema-mijn-gegevens .bezorgkosten table td.right {
   text-align: right;
   font-weight: bold;
   padding-left: 0;
   background: #eee none; /* for IE + Safari */
}

#h-threecolumnpage .h-hema-mijn-gegevens .panel-container {
   width: 340px;
}

#h-threecolumnpage .h-hema-mijn-gegevens .label-field {
   width: 130px;
}

#h-threecolumnpage .h-hema-mijn-gegevens .panel-container .form-navigation {
   width: 337px; /* opslaan knop */
}

/* h-basicTextModule (met side-image) */

.h-basicTextModule.imgLeft, .h-basicTextModule.imgRight {
   overflow: auto;
   clear: both;
}

* html .h-basicTextModule.imgLeft, * html .h-basicTextModule.imgRight { display: inline-block; }

.h-basicTextModule.imgLeft img.imgLeft {
   float: left;
   padding: 0 10px 5px 0;
}

.h-basicTextModule.imgRight img.imgRight {
   float: right;
   padding: 0 0 5px 10px;
}

.h-basicTextModule.imgLeft div.container, .h-basicTextModule.imgRight div.container { display: table-cell; }

* html .h-basicTextModule.imgLeft div.container, * html .h-basicTextModule.imgRight div.container { display: inline-block; }
*+html .h-basicTextModule.imgLeft div.container, *+html .h-basicTextModule.imgRight div.container { display: inline-block; }

.h-basicTextModule.imgLeft ul, .h-basicTextModule.imgRight ul {
   padding-left: 18px;
   margin: 0;
   list-style: square;
}

.h-basicTextModule.imgLeft li, .h-basicTextModule.imgRight li {
   padding-left: 0;
   margin: 0;
   list-style: square;
}

.h-basicTextModule.loose-header
{
	margin: 0;
}

* html .h-basicTextModule.loose-header
{
	height: 1%;
	width: 518px;
}


.h-basicTextModule.loose-header .container .kop
{
	display: none;
}

.h-basicTextModule.loose-header .container h3
{
	background-color: White;
	padding: 10px 0 10px 15px;
	margin: 1px 0 0 0;
}

/*form panels*/
/*1column*/
.h-panel-1column {
	width: 518px;
	margin: 0 10px 19px 0;
	/*overflow: auto; 8-2007: weggehaald want lost probleem met absolute positionering op in FF */
	background: transparent url("../images/hema/h-panel-bg.gif") left top no-repeat;
}

*+html .h-panel-1column {
	overflow: visible;
}

.h-panel-1column.reverselinked {
	margin: 19px 10px -1px 0;
}

.h-panel-1column .panel-container {
	float: left;
	width: 322px;	
	padding: 10px 0 0 19px;
}

.panel-container.wide { /* dd 3-2010 */
	width: 360px;
}

.h-panel-1column.icon {
   margin-bottom: -1px;
}

.h-panel-1column.icon.validation { /* omdat validatie nu nog niet bovenaan kan staan */
   margin-bottom: 20px;
   margin-top: -20px;
}

.h-panel-1column.icon .panel-container {
	padding-left: 64px;
   padding-right: 20px;
   width: auto;
   /*width: 271px;*/
   margin-bottom: -1px;
	background: transparent url("../images/hema/h-panel-icon-warning.gif") 19px 18px no-repeat;
   min-height: 29px;
}
* html .h-panel-1column.icon .panel-container { height: 29px; }

.h-panel-1column.icon.warning .panel-container {
	background-image: url("../images/hema/h-panel-icon-warning.gif");
}

/*.h-panel-1column.icon.error .panel-container {
	background-image: url("../images/hema/h-panel-icon-error.gif");
}*/

.h-panel-1column.icon.error .error {
  margin-top: 0;
}

.h-panel-1column .panel-footer { 
	clear: both;
	height: 6px;
   font-size: 0;
	background: transparent url('../images/hema/h-panel-footer.gif') left bottom no-repeat;
}

.panel-container .input-fields {
	margin: 8px 0 10px 0;
}

* html .panel-container .input-fields { margin-top: 19px; }
*+html .panel-container .input-fields { margin-top: 19px; }

.input-fields tr.spacing td, .input-fields tr.spacing th {
	border-top: 7px solid #eee;
}

.input-fields tr.extraspacing td, .input-fields tr.extraspacing th {
	border-top: 24px solid #eee;
}
* html .input-fields tr.extraspacing td, * html .input-fields tr.extraspacing th { border-top-width: 25px ; }
*+html .input-fields tr.extraspacing td, *+html .input-fields tr.extraspacing th { border-top-width: 26px ; }

.input-fields .label-field {
	padding: 1px 5px 0 0;
   vertical-align: top;
}
* html .input-fields .label-field { padding-top: 2px; }
*+html .input-fields .label-field { padding-top: 2px; }

.input-fields.text .input-field {
	padding-top: 1px;
   font-weight: bold;
}
* html .input-fields.text .input-field { padding-top: 2px; }
*+html .input-fields.text .input-field { padding-top: 2px; }

.panel-container.wide .input-fields .input-field { /* dd 3-2010 */
	width: 202px;
	white-space: nowrap;
}

.panel-container .input-fields .simple {
   display: inline;
}

.panel-container .input-fields input {
	margin: 0;
}

.panel-container .input-fields .input-field input {
	padding: 0;
	height: 17px;
	width: 200px;
	margin: 0 0 5px 0;
}

* html .panel-container .input-fields .input-field input { margin-bottom: 2px; }
*+html .panel-container .input-fields .input-field input { margin-bottom: 3px; }

.panel-container .input-fields .checkbox input {
	width: auto;
   margin: 0 4px;
}

* html .panel-container .input-fields .checkbox input { margin: 0; }
*+html .panel-container .input-fields .checkbox input { margin: 0; }

.panel-container .input-fields .input-field .checkbox .simple {
	margin: 3px 0;
}

.panel-container .input-fields .input-field select {
	width: 203px;
   margin-bottom: 5px;
}
* html .panel-container .input-fields .input-field select { margin-bottom: 4px; }
*+html .panel-container .input-fields .input-field select { margin-bottom: 4px; }

.panel-container .input-fields .input-field textarea {
	height: 4em;
	margin: 0 0 3px 0;
}

.panel-container .panel-links {
	padding: 0 0 10px 0;
}

.panel-container .buttons-field {
	text-align: right;
}

/*panel > wide/app > 1 column*/

#h-widecontentpage .h-panel-1column, #h-applicationpage .h-panel-1column {
	width: 730px;
	background-image: url("../images/hema/h-panel-wide-bg.gif");
}

* html #h-widecontentpage .h-panel-1column, * html #h-applicationpage .h-panel-1column { margin-right: 0; }

#h-widecontentpage .h-panel-1column .panel-footer, #h-applicationpage .h-panel-1column .panel-footer {
	background-image: url("../images/hema/h-panel-wide-footer.gif");
}

#h-widecontentpage .h-panel-1column .panel-container, #h-applicationpage .h-panel-1column .panel-container {
	width: 700px;	
	padding-top: 18px;
	padding-bottom: 13px;
}

#h-widecontentpage .h-panel-1column.icon .panel-container {
	width: 649px;
}

#h-widecontentpage .panel-container h3 {
   margin-top: 0;
}

#h-widecontentpage .panel-container .input-fields {
	margin-bottom: -3px;
}

#h-widecontentpage .h-panel-1column .panel-container .input-fields .label-field {
	width: 178px;
}

#h-widecontentpage .panel-container .input-fields .input-field textarea {
   width: 325px;
}

/*panel > 2 column*/

.h-panel-2column
{
	width: 518px;
	margin: 0 10px 19px 0;
	overflow: auto;	
	background: transparent url(../images/hema/h-panel-2col-bg.gif) left top no-repeat;
}

.h-panel-2column .panel-container  {
	float: left;
	width: 322px; /* geen idee waarom dat daar staat */
   width: 240px;	
	padding: 10px 0 0 19px;
}

*+html .h-panel-2column {
	overflow: visible;
}

.h-panel-2column .panel-footer
{ 
	clear: both;
	height: 6px;
	background: transparent url("../images/hema/h-panel-2col-footer.gif") left bottom no-repeat;
}

/*panel > wide > 2 column*/

#h-widecontentpage .h-panel-2column, #h-applicationpage .h-panel-2column {
	width: 730px;
	background-image: url("../images/hema/h-panel-wide-2col-bg.gif");
}

* html #h-widecontentpage .h-panel-2column, * html #h-applicationpage .h-panel-2column { margin-right: 0; }

#h-widecontentpage .h-panel-2column .panel-footer, #h-applicationpage .h-panel-2column .panel-footer {
	background-image: url("../images/hema/h-panel-wide-2col-footer.gif");
}

#h-widecontentpage .h-panel-2column .panel-container, #h-applicationpage .h-panel-2column .panel-container {
	width: 326px;	
	padding-top: 18px;
	padding-bottom: 13px;
   padding-right: 20px;
}

#h-widecontentpage .panel-container .input-fields .label-field {
	width: 133px;
}

#h-widecontentpage .panel-container .input-fields input {
	width: 170px;
}

#h-widecontentpage .panel-container .input-fields select {
	width: 172px;
}

#h-widecontentpage .panel-container .input-fields .checkbox input, #h-widecontentpage .panel-container .input-fields .radio input {
	width: auto;
}

/* bevestiging en controle: controle */

.h-panel-2column.controle .input-fields.text .label-field {
   width: 84px; /* alleen op geen wide pagina's */
}

.h-panel-2column.controle .input-fields.text .input-field {
   font-weight: normal;
}

/* bevestiging en controle: overzicht */

.h-panel-2column.overzicht {
   margin-top: -9px;
   overflow: inherit;
}

.h-panel-2column.overzicht .panel-footer {
   margin-top: -6px; /* voor IE om uit te lijnen met tabel */
}

.h-panel-2column.overzicht, .h-panel-2column.overzicht .panel-footer {
   background-image: none;
}

#h-widecontentpage .h-panel-2column.overzicht table.h-table {
   background-image: url("../images/hema/h-tableheaderbg-overzicht.gif");
   width: 360px;
}

#h-widecontentpage .h-panel-2column.overzicht div.h-table {
   background-image: url('../images/hema/h-tablefooterbg-overzicht.gif');
   float: left;
   margin-right: 5px;
   margin-bottom: -6px;
}

* html #h-widecontentpage .h-panel-2column.overzicht div.h-table {
   margin-bottom: -10px; /* werkt in samenhang met aanpassing in .h-panel-2column.overzicht */
}

*+html #h-widecontentpage .h-panel-2column.overzicht div.h-table {
   margin-bottom: 0; /* werkt in samenhang met aanpassing in .h-panel-2column.overzicht */
}

#h-widecontentpage .h-panel-2column.overzicht {
	background-image: url("../images/hema/h-panel-wide-2col-overzicht-bg.gif");
}

#h-widecontentpage .h-panel-2column.overzicht .panel-footer {
	background-image: url("../images/hema/h-panel-wide-2col-overzicht-footer.gif");
}

#h-widecontentpage .h-panel-2column.overzicht ul {
   margin-top: 1em;
}

/* store.hema.nl besteloverzicht */

#h-applicationpage .h-panel-2column.cakeDateSelection {
   margin: 19px 0;
}

#h-applicationpage .h-panel-2column.cakeDateSelection .input-fields .input-field input {
   width: 80px;
   margin-right: 4px;
   margin-left: 4px;
}

/* packing */

.packing {
   margin-top: 20px;
   margin-bottom: 0;
}

#h-widecontentpage .h-panel-1column.packing .panel-container {
   padding-bottom: 8px;
   padding-top: 12px;
}

.packing label {
   font-weight: bold;
   display: block;
   margin-left: 20px;
   margin-bottom: 0;
   width: auto;
   cursor: pointer;
}
* html .pac king label { margin-left: 23px; }
*+html .packing label { margin-left: 23px; }

.packing input { float: left; margin-left: -1px; margin-top: 1px; }
* html .packing input { border: 0; }
*+html .packing input { border: 0; margin-left: -2px; }

.packing .moreinfo {
   display: block;
   margin-left: 20px;
   clear: left;
}
* html .packing .moreinfo { margin-left: 23px; }
*+html .packing .moreinfo { margin-left: 23px; }

/* coupon - actiecode */

.coupon {
   margin-top: 19px;
}

.co upon h4 {
   margin-top: 0;
}

.coupon h3, .coupon p {
   width: 335px;
}
* html .coupon p { width: 320px; }

.coupon p {
   margin: -3.1em 0 0 370px;
}

* html .coupon .panel-footer { font-size: 0em; }

/* bestelwijze */

.bestelwijze {
   margin-top: -1px;
}
/* stomme wijziging
.bestelwijze span.label { margin-left: 20px; }
* html .bestelwijze span.label { margin-left: 23px; }
*+html .bestelwijze span.label { margin-left: 22px; } */

#h-widecontentpage .h-panel-1column.bestelwijze .panel-container {
   float: left; 
   padding-top: 12px;
}

* html #h-widecontentpage .h-panel-1column.bestelwijze .panel-container { padding-bottom: 4px; }
*+html #h-widecontentpage .h-panel-1column.bestelwijze .panel-container { padding-bottom: 4px; }

.bestelwijze .panel-container div {
   margin-top: 10px;
}

.bestelwijze .panel-container div span.error {
   padding-top: 10px;
   display: block;
   clear: both;
   color: #f00023 !important;
}

.bestelwijze label {
   display: block;
   float: left;
   width: 335px;
   margin-right: 20px;
   background: transparent url("../images/hema/h-bestelwijze-bg.gif") left top no-repeat;
   cursor: pointer;
   padding: 8px 0 0 0;
}

.bestelwijze label.checked {
   background-position: left -200px;
}

.bestelwijze label.disabled {
   background-position: left -400px;
   cursor: default;
   color: #999;
}

.bestelwijze label.checked strong {
   color: #05a37b;
}

.bestelwijze label:hover {
   color: #05a37b;
}

.bestelwijze label:hover.disabled {
   color: #999;
}

.bestelwijze li input { 
   border: 0; 
   float: left;
   margin: 11px 0 0 9px;
   cursor: pointer;
}
* html .bestelwijze li input { margin-left: 6px; }
*+html .bestelwijze li input { margin-left: 6px; }

.bestelwijze label strong, .bestelwijze label span {
   display: block;
   margin: 0 20px 0 75px;
}
* html .bestelwijze label strong, * html .bestelwijze label span { margin-left: 72px; }

.bestelwijze .right label strong, .bestelwijze .right label span {
   margin-right: 35px;
}

.bestelwijze label:hover span {
   color: #333;
}

.bestelwijze label:hover.disabled span {
   color: #999;
}

.bestelwijze .right label, .bestelwijze .right label span.bottom {
   margin-right: 0px;
}

.bestelwijze span.bottom {
   height: 6px;
   display: block;
   font-size: 0;
   margin: 5px 0 0 0;
   background: transparent url("../images/hema/h-bestelwijze-bg-bottom.gif") left top no-repeat;
}

.bestelwijze label.checked span.bottom {
   background-position: left -40px;
}

.bestelwijze label.disabled span.bottom {
   background-position: left -20px;
}

.bestelwijze .h-info-button {
   position: absolute;
   width: 28px;
   height: 23px;
   margin-top: -22px;
   margin-left: 298px;
   cursor: default;
}

* html .bestelwijze .h-info-button {
   padding-top: 10px;
   padding-left: 4px;
   margin-top: -31px;
   margin-left: 295px;
}

.bestelwijze .panel-container div.h-info-popup {
   margin-top: -35px;
   margin-left: -4px;
   position: absolute;
   z-index: 2000;
}

* html .bestelwijze .panel-container div.h-info-popup {
   margin-top: -18px;
   margin-left: -33px;
}

*+html .bestelwijze .panel-container div.h-info-popup {
   margin-top: -18px;
   margin-left: -33px;
}

.bestelwijze .panel-container div.h-info-popup div div {
   margin: 0 0 0 0;
}

.bestelwijze .panel-container div.h-info-popup span {
   margin: 0;
   display: inline;
}

.bestelwijze .panel-container div.h-info-popup div.bottom {
   margin-top: 0;
}

.bestelwijze div.h-info-popup tr {
   background-position: 1px 3px;
   background-repeat: no-repeat;
}

.bestelwijze div.h-info-popup td {
   /*white-space: nowrap;*/
   padding: 1px 0 1px 22px;
   vertical-align: top;
}

.bestelwijze div.h-info-popup td.right {
   text-align: right;
   font-weight: bold;
   padding-left: 3px;
   background: #fff none; /*for IE + Safari... */
   white-space: nowrap;
}
/* dit is om safari te tricken, anders is er een gat in de popup */
.bestelwijze div.h-info-popup .h-associatiefModule.bezorgkosten { border-bottom: 1px solid #fff; }

/* cakeFixedDate */

.cakeFixedDate {
   margin-top: 20px;
}

/*login*/

.h-hema-login .input-fields .input-field .textinput {
	width: 100px;
}

/*.h-hema-login .h-popup {
	display: block;
}*/

#h-widecontentpage .h-hema-login .panel-container {
	padding: 38px 49px 23px 50px;
   width: 266px;
}

#h-widecontentpage .h-hema-login h3 {
	margin-bottom: 1.5em;
}

#h-widecontentpage .h-hema-login .input-fields {
	margin-top: 0px;
}

#h-widecontentpage .h-hema-login .input-fields .label-field {
	width: 115px;
}

#h-widecontentpage .h-hema-login .input-fields .input-field .textinput {
	/*width: 135px;*/
	/*Release 2.6: MI100270 */
	width: 184px;
}

#h-widecontentpage .h-hema-login .input-fields span.simple {
   margin: 6px 0;
   display: block;
   width: 135px;
}

#h-widecontentpage .h-hema-login .input-fields span.simple input {
   width: auto;
}

#h-widecontentpage .h-hema-login .panel-container .input-fields span.simple label {
   margin: -1px 0 0 6px;
   width: auto;
   max-width: 160px;
   cursor: pointer;
   position: absolute;
}
* html #h-widecontentpage .h-hema-login .panel-container .input-fields span.simple label {
   margin-left: 3px;
}

#h-widecontentpage .h-hema-login a.kop {
	margin-top: 1.5em;
   cursor: pointer;
}

#h-widecontentpage .h-hema-login p {
	margin-bottom: 15px;
}

/*#h-widecontentpage .h-hema-login .h-popup {
	position: absolute;
   margin: -68px 0 0 206px;
}
* html #h-widecontentpage .h-hema-login .h-popup { margin-top: -65px; }*/

#h-widecontentpage .h-hema-login .h-popup .action, #h-widecontentpage .h-hema-login .h-popup .action input.h-button {
   margin-top: 0;
}

/*registreer*/

.h-registreer .panel-container {
	width: 480px;
}

.h-registreer .label-field {
   width: 130px;
}

*+html .h-registreer .input-field {
   width: 201px;
}

.h-registreer .buttons-field {
   width: 336px;
}

.h-registreer .input-fields .error, .h-hema-mijn-gegevens .panel-container .input-field span.error, .h-popup .input-fields span.error {
	margin: 2px 0 6px 0;
   display: block;  /* .NET standard validation inline-style sh!t, hate it */
	font-weight: normal;
   color: #f00023 !important;  /* .NET standard validation inline-style color sh!t, hate it */
}

.h-registreer .panel-container .input-fields tr.extraspacing td {
   border-top-width: 18px;
   border-bottom: 10px solid #eee;
}

.h-registreer .panel-container .input-fields .checkbox input { margin: 0 4px 0 0; }
* html .h-registreer .panel-container .input-fields .checkbox input { margin-left: -4px; }
*+html .h-registreer .panel-container .input-fields .checkbox input { margin-left: -4px; }
  /* uitlijning formulier in bestelproces */
* html #h-widecontentpage .h-registreer .panel-container .input-fields .input-field span.simple span.simple { margin-bottom: 8px; }
*+html #h-widecontentpage .h-registreer .panel-container .input-fields .input-field span.simple span.simple { margin-bottom: 10px; }

/* mijn gegevens */

.h-hema-mijn-gegevens .panel-container .input-fields { margin-top: 18px; }

#h-widecontentpage .h-panel-2col .panel-container .input-fields .label-field { width: 133px; }
/** html #h-widecontentpage .h-hema-mijn-gegevens .panel-container .input-fields .label-field { width: 133px; }
*+html #h-widecontentpage .h-hema-mijn-gegevens .panel-container .input-fields .label-field { width: 133px; }*/

.h-panel-2column.h-hema-mijn-gegevens .input-fields.mijngegevens .input-field {
   padding-top: 1px;
}

.h-panel-2column.h-hema-mijn-gegevens .afleverintro {
   display: block;
   margin-top: 20px;
}

.h-hema-mijn-gegevens input.h-button {
   margin: 18px 0 12px;
}
* html .h-hema-mijn-gegevens input.h-button { margin-bottom: 2px; }

.h-panel-2column.h-hema-mijn-gegevens a.kop {
   margin-top: 15px;
   margin-bottom: 20px;
}

.h-panel-2column.h-hema-mijn-gegevens .input-fields.mijngegevens a.kop {
   margin-bottom: 2px;
}

.h-hema-mijn-gegevens .panel-container .form-navigation {
	width: 326px;
}

.h-hema-mijn-gegevens .panel-container .input-field span, .h-hema-mijn-gegevens .panel-container .input-field label, .h-panel-1column.h-hema-mijn-gegevens .panel-container .input-field {
	font-weight: bold;
}

.h-hema-mijn-gegevens td.checkbox {
	padding: 4px 0 0 0;	
}

.h-hema-mijn-gegevens .checkbox { font-weight: bold; }

.h-hema-mijn-gegevens .input-field textarea {
	width: 328px;
	margin: 4px 0 0 21px;
}

.h-hema-mijn-gegevens .input-fields .change-password-row .input-field input {
	height: 19px;
	margin: 3px 0;
}

.h-hema-mijn-gegevens.linked {
   margin-top: -20px;
}

.h-hema-mijn-gegevens.linked .panel-container .input-fields {
   margin-top: 8px;
}
/* zijn deze definities nog nodig? */
#h-worldpage .h-hema-mijn-gegevens .panel-container, #h-worldpage .h-hema-mijn-gegevens .panel-container .input-fields { width: 480px; }
#h-worldpage .h-hema-mijn-gegevens .panel-container .input-fields .label-field {	width: 125px; }
#h-worldpage .h-hema-mijn-gegevens .panel-container .input-fields .input-field {	width: 355px; }

/* Vestiging zoeken */

.h-vestigingzoeken .byline {
	padding: 0 0 5px 0;
	line-height: 0.7em;
}

.h-vestigingzoeken .introtext {
	float: left; 	
	width: 145px;	
	padding: 10px 16px 10px 15px;
}

.h-vestigingzoeken .introtext h4, .h-vestigingzoeken .introtext p {
	padding: 0;
	margin: 0;
}

.h-vestigingzoeken input.h-button {
   margin-top: 0;
   height: 19px !important;
}

.h-vestigingzoeken .curr-selection td h4, .last-selected td h4 {
	padding: 10px 0 0 0;
}

.h-vestigingzoeken .panel-container .label-field {
   padding-right: 10px;
}

.h-vestigingzoeken .panel-container .input-fields {
	width: 400px;
}

.h-vestigingzoeken.vestigingselection .panel-container .label-field {
   padding-right: 30px;
}

.h-vestigingzoeken .panel-container input.textbox {
	width: 150px;
   margin: 0 4px 0 0;
}

.h-vestigingzoeken .panel-container input.h-button {
   margin-bottom: 0;
}

.h-vestigingzoeken.vestigingselection .panel-container .input-fields .input-field select {
	width: 200px;
}

#h-widecontentpage .h-vestigingzoeken h3 {
   margin-bottom: -2px;
}
* html #h-widecontentpage .h-vestigingzoeken h3 { margin-bottom: -14px; }
*+html #h-widecontentpage .h-vestigingzoeken h3 { margin-bottom: -14px; }

#h-widecontentpage .h-vestigingzoeken .panel-container {
   margin-left: 12px;
}
* html #h-widecontentpage .h-vestigingzoeken .panel-container { margin-left: 9px; }
*+html #h-widecontentpage .h-vestigingzoeken .panel-container { margin-left: 16px; }

#h-widecontentpage .h-vestigingzoeken .panel-container .input-fields {
	width: auto;
}

#h-widecontentpage .h-vestigingzoeken .panel-container .input-fields .label-field {
   width: 160px;
}

#h-widecontentpage .h-vestigingzoeken .panel-container input.textbox {
	width: 200px;
}

#h-widecontentpage .h-vestigingzoeken .panel-container input.h-button {
   height: 19px;
}

#h-widecontentpage .h-vestigingzoeken.vestigingselection .panel-container .input-fields .label-field {
	width: 60px;
}

/*h-form-2thirds-column*/

.h-form-2thirds-column {
	width: 518px;
	margin: 0 10px 19px 0;
	overflow: auto;	
	background: transparent url(../images/hema/h-searchform-bg.gif) left top no-repeat;
}

*+html .h-form-2thirds-column {
	overflow: visible;
}

.h-form-2thirds-column .panel-container {
	float: left;
	width: 322px;	
	padding: 10px 0 0 19px;
}

.h-form-2thirds-column h2 {
	padding: 15px 0 0 0;
}

.h-form-2thirds-column .panel-footer {
	clear: both;
	height: 6px;
	background: transparent url('../images/hema/h-searchform-footer.gif') left bottom no-repeat;
}

.nline-field {
	vertical-align: top;
}

/* vestigingenlijst */

#h-widecontentpage .h-vestigingenlijst {
   margin-top: -1em;
}

.h-vestigingenlijst h2 {
	padding: 0;
}

.h-vestigingenlijst div.h-table {
   margin-bottom: -1px;
   /*border-top: 16px solid #fff;*/
}

.h-allevestigingen .h-vestigingenlijst div.h-table {
   border-top: 0;
}

#h-widecontentpage .h-vestigingenlijst h2 {
	padding-top: 16px;
   margin-top: 1em;
   clear: left;
}

/*#h-widecontentpage .h-vestigingenlijst .h-table {
   border-top: 0;
}*/

.h-vestigingenlijst table.h-table th {
   white-space: normal; /* voor winkel overzicht */
}

/*.h-vestigingenlijst table.h-table tr td {
   border-top: 1px solid #eee;
}*/

.h-vestigingenlijst table.h-table tr.disabled td {
   color: #999;
}

.h-vestigingenlijst table.h-table tr.disabled td input, .h-vestigingenlijst table.h-table tr.disabled td label {
   cursor: default;
}

* html #h-widecontentpage .h-vestigingenlijst table.h-table td input {
   margin: 0 6px 0 -1px;
}

*+html #h-widecontentpage .h-vestigingenlijst table.h-table td input {
   margin: 0 6px 0 -1px;
}

.h-vestigingenlijst .h-table td.leftborder.noborder {
   padding-right: 0;
   padding-top: 4px;
   padding-bottom: 0;
   width: 0%;
}

.h-vestigingenlijst .h-table .storelabel {
   padding-left: 4px;
}

.h-vestigingenlijst .h-table .storelabel label {
   cursor: pointer;
}

#h-widecontentpage .h-vestigingenlijst .h-table .storelabel {
   width: 55%;
}
* html #h-widecontentpage .h-vestigingenlijst .h-table .storelabel { width: 60%; }

.h-vestigingenlijst table.h-table td.footer {
   border-top: none;
   height: 5px;
   border-right: 1px solid #cacaca;
}

.h-vestigingenlijst table.h-table td.footer.noborder {
   border-right: none;
}

.h-vestigingenlijst table.h-table span.checked {
   display: block;
   width: 15px;
   height: 15px;
   background: transparent url("../images/hema/h-vestigingzoeken-checked.gif") no-repeat center center;
   text-indent: -999em;
   margin: auto;
}
* html .h-vestigingenlijst table.h-table span.checked { padding-top: 2px; }
*+html .h-vestigingenlijst table.h-table span.checked { padding-top: 2px; }

.h-vestigingenlijst .h-table .h-info-button {
   position: relative;
   margin: auto;
   cursor: pointer;
   color: #05a37b;
   /*padding: 2px 10px;*/
   z-index: auto;
}
#h-widecontentpage .h-vestigingenlijst .h-table .h-info-button { margin: auto; } /* dit is voornamelijk om safari een klap te geven */
* html .h-vestigingenlijst .h-table .h-info-button { position: static; } /* eh.. */
*+html .h-vestigingenlijst .h-table .h-info-button { position: static; }

.h-vestigingenlijst .h-table .h-info-button:hover {
   color: #06b889;
}

.h-vestigingenlijst .h-table .h-info-popup {
   position: absolute;
   margin: 6px 0 0 -14px;
   z-index: 10;
   cursor: default;
   text-align: left;
}

* html .h-vestigingenlijst .h-table .h-info-popup { margin: 25px 0 0 -111px; }
*+html .h-vestigingenlijst .h-table .h-info-popup { margin: 24px 0 0 -111px; }

.h-vestigingenlijst .h-table .h-info-popup table {
   padding: 0;
   margin: 0;
}

.h-vestigingenlijst .h-table .h-info-popup td {
   padding: 0;
   border: none;
}

.h-vestigingenlijst .h-table .h-info-popup h4 {
   margin: 8px 0 0 0;
}

.h-vestigingenlijst .h-table .h-info-popup p {
   margin-bottom: 2px; /* voor die 'andere' browsers */
}
/* 2uur fotoservice; mededeling dat service niet beschikbaar is in zoekresultaat */
.h-vestigingenlijst .h-panel-1column {
	margin-bottom: -1px;
}

.h-vestigingenlijst .h-panel-1column .panel-container {
	width: auto;
   padding-right: 20px;
}

.h-vestigingenlijst .h-panel-1column input {
	margin: 10px 0 10px 0;
}

/* h-allevestigingen */

.h-allevestigingen .h-vestigingenlijst table.h-table td, .h-allevestigingen .h-vestigingenlijst table.h-table th {
   padding-left: 2px;
   padding-right: 2px;
}

.h-allevestigingen .h-vestigingenlijst table.h-table td.noborder, .h-allevestigingen .h-vestigingenlijst table.h-table th.noborder {
   padding: 0 0 0 2px;
}

.h-allevestigingen .h-panel-1column {
   margin-bottom: 0; /* voor afstand tot aphabetpaging */
}

/* paging bij alle vestiging */

.h-alphabetpaging span {
   margin: 0 -3px 0 0;
   padding: 0;
}

.h-alphabetpaging a {
   font-weight: bold;
   display: inline-block;
   margin: 1em 0;
   padding: 0;
   width: 16px;
   height: 16px;
   text-align: center;
}

.h-alphabetpaging a:hover, .h-alphabetpaging a.selected {
   background-color: #06b889;
   color: #fff;
}

/*h-vestiging-view*/

.h-vestiging-view .panel-container {
	margin: 12px 0;
}

.h-vestiging-view h3 {
	margin: -2px 0 4px 0;
}

.h-vestiging-view a.kop {
	margin: 1em 0;
}
/* link om getoonde vestiging te selecteren als 'mijn vestiging' */
.h-vestiging-view .gegevens a {
	display: block;
	margin-top: 10px;
}

.h-vestiging-view h4.openingstijden {
   margin-top: 0;
}

.h-vestiging-view div.afwijkendeOpeningstijden {
   margin-bottom: 1em;
}

/*advanced upload*/
.advancedXupload .uploadinfo {
	margin: -20px 0 0 0;
}

.advancedXupload .uploadinfo hr {
	display: none;	
}

.advancedXupload .thumbnail-preview
{
	margin: 10px 0 10px 5px;
}

.advancedXupload .thumbnail-preview img
{
	display: block;
	margin: 0 0 8px 0;
}

.advancedXupload .thumbnail-preview span
{
	display: block;
	margin: 4px 0;
}


/* productadlist */

.h-productadlist {
   background: transparent url("../images/hema/h-productadlist-bg.png") 0 0 no-repeat;
   width: 100%; /* voor alle smaken van IE... */
   border-bottom: 10px solid #fff;
}

.h-productadlist div {
   background: transparent url("../images/hema/h-productadlist-bg.png") 0 -299px no-repeat;
   font-size: 0;
   height: 5px;
   clear: both;
}

.h-productadlist h2 {
   width: 106px;
   height: 106px;
   overflow: hidden;
   background: transparent url("../upload/shop/nl-NL/h-productadlist-h2-netbinnen.gif") 0 0 no-repeat;
   text-indent: -999em;
   margin: 0 0 6px 0;
   padding: 0;
   float: left;
}

.h-productadlist h3 {
   width: 412px;
   height: 37px;
   overflow: hidden;
   background-color: transparent;
   background-repeat: no-repeat;
   text-indent: -999em;
   margin: 1px 0 0 0;
   padding: 0;
   float: left;
}

.h-productadlist.meestpopulair { background-position: 0 -340px; }
.h-productadlist.meestpopulair div { background-position: 0 -639px; }
.h-productadlist.meestpopulair h2 { background-image: url("../upload/shop/nl-NL/h-productadlist-h2-meestpopulair.gif"); }

.h-productadlist.nu { background-position: 0 -680px; }
.h-productadlist.nu div { background-position: 0 -979px; }
.h-productadlist.nu h2 { width: 72px; background-image: url("../upload/shop/nl-NL/h-productadlist-h2-nu.gif"); }

.h-productadlist ul {
   width: 412px;
   margin-left: 6px;
   float: left;
}

.h-productadlist.nu ul {
   margin-left: 15px;
}

.h-productadlist li {
   width: 100px;
   height: 132px;
   display: block;
   float: left;
   position: relative;
}

.h-productadlist.nu li {
   border-width: 0 2px 0 1px;
   border-color: #fff;
   border-style: solid;
}

.h-productadlist ul a {
   display: block;
   position: relative;
   width: 100px;
   padding: 5px 0;
   float: left;
   font-size: 0.85em;
   text-align: center;
   color: #333;
   cursor: pointer;
   background: transparent url("../images/hema/h-productadlist-item-bg.png") 200px top no-repeat;
   z-index: 1;
}

.h-productadlist span.table {
   height: 40px;
   margin: 0 5px;
   line-height: 1.1em;
}

* html .h-productadlist span.table { height: 37px; }

.h-productadlist span.table, .h-productadlist span.table span {
   width: 90px;
}

.h-productadlist ul .productprice {
   font-size: 1em;
   margin-top: 2px;
   margin-bottom: 1px;
}

*+html .h-productadlist ul .productprice { margin-bottom: 2px; }

.h-productadlist ul .productprice span {
   padding: 4px 2px 0 1px;
}

.h-productadlist ul .productprice span.good {
   padding: 1px 1px 1px 9px;
   background-image: url("../images/hema/h-good-S.gif");
   border-color: #666;
}

* html .h-productadlist ul .productprice span.good { background-position: 1px 1px; }
*+html .h-productadlist ul .productprice span.good { background-position: 1px 1px; }

.h-productadlist ul .productprice span.good span {
   background-color: #fff;
   padding: 0 2px 0 2px;
   margin: 0;
}

.h-productadlist ul a img.groot {
  display: none;
}

* html .h-productadlist ul a img.groot { margin-bottom: -3px; }
*+html .h-productadlist ul a img.groot { margin-bottom: -3px; }

.h-productadlist ul a .limitedSpecial {
   margin-top: -108px;
   margin-left: -4px;
   width: 108px;
   height: 16px;
   padding: 14px 0px;
   background: transparent url("../images/hema/h-uitverkocht-small.png") 0 0 no-repeat;
}

* html .h-productadlist ul a .limitedSpecial { 
   background-image: none !important;
   margin-top: -109px;
   margin-left: -54px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/hema/h-uitverkocht-small.png",sizingMethod='crop');
}

*+html .h-productadlist ul a .limitedSpecial {
   margin-top: -113px;
   margin-left: -54px;
}

.h-productadlist ul a:hover {
  position: absolute;
  z-index: 4000;
  top: -37px;
  left: -29px;
  width: 158px;
  height: 163px;
  overflow: hidden;
  background-position: left top;
  color: #05a37b;
  font-weight: bold;
}

* html .h-productadlist ul a:hover { left: -59px; }
*+html .h-productadlist ul a:hover { left: -59px; }

.h-productadlist ul a:hover img.groot {
  display: inline;
}

.h-productadlist ul a:hover img.klein {
  display: none;
}

.h-productadlist ul a:hover span.table {
   height: 38px;
   margin: 0 10px;
   line-height: normal;
}

.h-productadlist ul a:hover span.table, .h-productadlist ul a:hover span.table span {
   width: 138px;
}

.h-productadlist ul a:hover .productprice { margin-top: 2px; }

.h-productadlist ul a:hover .limitedSpecial {
   margin-top: -121px;
   margin-left: 25px;
}

* html .h-productadlist ul a:hover .limitedSpecial { margin-top: -122px; margin-left: -54px; }
*+html .h-productadlist ul a:hover .limitedSpecial { margin-top: -123px; margin-left: -54px; }

/*order summary*/
/*.h-order-summary
{
	margin-bottom: 19px;
}

.h-order-summary .subtotal-label
{
	background: none;
}

.h-order-summary .handling-row td
{
	background-color: white;
}

.h-order-summary .delivery-row td
{
	background-color: white;
}

.h-order-summary .delivery-row .rightborder
{
	border-right: 1px solid #cacaca !important;
}

.h-order-summary .price
{
	text-align: right;	
}*/

/*besteloverzicht*/
.h-besteloverzicht
{
	width: 518px;
	background: transparent url('../images/hema/h-besteloverzicht-top-corner.gif') left top no-repeat;
}

.h-besteloverzicht .besteloverzicht-container
{
	width: 518px;
	background: transparent url('../images/hema/h-besteloverzicht-bottom-corner.gif') left bottom no-repeat;
	padding: 0 0 15px 0;
}

.h-besteloverzicht h2
{
	display: block;
	width: 468px;
	padding: 20px 25px 21px 25px;
	border: none !important;
	margin: 0 0 0 0;
	background: transparent url('../images/hema/h-besteloverzicht-top-corner.gif') left top no-repeat;
}

.h-besteloverzicht .quality-definition h4
{
	padding: 0;
}


.h-besteloverzicht .besteloverzicht-container-container
{
	width: 466px;
	padding: 0 25px;
}

* html .h-besteloverzicht .besteloverzicht-container-container
{
	width: 460px;
}


.h-besteloverzicht .global-select-size
{
	width: 466px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid transparent;
}

.h-besteloverzicht .global-select-size .show-thumbs,
.h-besteloverzicht .global-select-size .apply
{
	padding: 0 0 10px 0;
}

.h-besteloverzicht table,
.h-besteloverzicht h2,
.h-besteloverzicht .besteloverzicht-container-container
{
	border-left: solid 1px transparent;	
	border-right: solid 1px transparent;	
}

.h-besteloverzicht table table table
{
	border: none;
}

.h-besteloverzicht table table td
{
	padding: 0;
}

.h-besteloverzicht .items
{
	width: 460px;
	margin: 0 0 20px 0;
}

.h-besteloverzicht .items td.options
{
	padding: 0 0 10px 10px;
}

.h-besteloverzicht table td .options
{
	vertical-align: top;
}

.h-besteloverzicht .items .options-panel .photo-size-selector
{
	float: left;
	margin: 0 9px 0 0;
}

.h-besteloverzicht .items .poor,
.h-besteloverzicht .items .sufficient,
.h-besteloverzicht .items .excellent
{
	float: left;
	width: 15px;
	height: 15px;
	background: url('../images/hema/h-quality-indicator.gif') left top no-repeat;
	margin: 2px 0 0 0;
}

.h-besteloverzicht .items .poor
{
	background-position: 0 -30px;
}

.h-besteloverzicht .items .sufficient
{
	background-position: 0 -15px;
}

.h-besteloverzicht .items .name,
.h-besteloverzicht .items .producttype,
.h-besteloverzicht .items .thumbnail,
.h-besteloverzicht .items .options,
.h-besteloverzicht .items .number,
.h-besteloverzicht .items .price
{
	padding: 6px 0 6px 0;
	border-bottom: 1px solid transparent;
}

.h-besteloverzicht .items .number,
.h-besteloverzicht .items .price
{
	text-align: center;
}

.h-besteloverzicht .items td.thumbnail
{
	width: 97px;
	height: 93px;
	background: url('../images/hema/h-thumbnail-fond.gif') left 5px no-repeat;
	text-align: center;
}

.h-besteloverzicht .items td.thumbnail div
{
	text-align: center;
}

.h-besteloverzicht .items td.thumbnail .thumbnail-off
{
	display: inline;
}

.h-besteloverzicht .items .options .file-name
{
	padding: 8px 0;
	color: #a3a3a3;
}

.h-besteloverzicht .items .options a.delete-image,
.h-besteloverzicht .items .options a.delete-image:link,
.h-besteloverzicht .items .options a.delete-image:visited,
.h-besteloverzicht .items .options a.delete-image:hover,
.h-besteloverzicht .items .options a.delete-image:active
{
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	margin: 2px 0 0 2px;
	text-indent: -9999em;
	background: url('../images/hema/h-delete.gif') 0 -50px no-repeat;
	
}

.h-besteloverzicht .items .options a.delete-image:hover
{
	background-position: 0 -100px;
}

besteloverzicht

/*definities*/
.h-besteloverzicht .definities
{
	margin: 30px 0 0 0;
}

.h-besteloverzicht .definities,
.h-besteloverzicht .functionality,
.h-besteloverzicht .quality-definition,
.h-besteloverzicht .def-delete-image
{
	
}

.h-besteloverzicht .quality-definition h4
{
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}

.h-besteloverzicht .quality-definition .desc-quality-exellent,
.h-besteloverzicht .quality-definition .desc-quality-sufficient,
.h-besteloverzicht .quality-definition .desc-quality-poor
{
	float: left;
	height: 15px;
	padding: 0 0 0 18px;
	margin: 0 10px 4px 0;
	background: url('../images/hema/h-quality-indicator.gif') left top no-repeat;
}

.h-besteloverzicht .functionality .def-delete-image {
	clear: both;
	height: 15px;
	padding: 0 0 0 18px;
	margin: 0 0 4px 0;
	background: url('../images/hema/h-delete.gif') left -50px no-repeat;
}

.h-besteloverzicht .quality-definition .desc-quality-exellent
{
	background-position: 0 1px;	
}

.h-besteloverzicht .quality-definition .desc-quality-sufficient
{
	background-position: 0 -15px;	
}

.h-besteloverzicht .quality-definition .desc-quality-poor
{
	background-position: 0 -30px;	
}

/*h-hema-bevestiging-controle-afhalen*/
.h-hema-bevestiging-controle-afhalen
{
	margin: 0 0 19px 0;
}

.h-hema-bevestiging-controle-afhalen .panel-container
{
	width: 470px;
}

.subtotal-row td
{
	background: none;
}

.h-hema-bca-container .subtotal-row .price
{
   border-right: none;
}

.h-hema-bca-container .handling-row td
{
	background-color: white !important;
}

.h-hema-bca-container .subtotal-row .subtotal-label em,
.h-prijzenoverzicht .subtotal-row .subtotal-label em
{
	font-style:normal;
	font-weight: bold;
}

.h-hema-bca-container .bevestiging-control-fields
{
	width: 470px;
}

.h-hema-bevestiging-controle .levertijd
{
	display: block;
	padding: 0 0 10px 0;
}

/*upload pictures*/

.h-uploadpictures ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.h-uploadpictures ul li {
	display: block;
	clear: both;
	padding: 2px 0 3px 0;
}

.h-uploadpictures ul li label {
	display: block;
	float: left;
	width: 121px;
	font-size: 1em;
   margin-top: 2px;
}

.h-uploadpictures ul li input {
   font-size: 0.9em;
   height: 20px;
   text-transform: lowercase;
}

/* foto op product */

.fopTitle {
   padding-bottom: 16px;
   float: left;
   width: 100%; /* voor Safari */
}

.fopTitle h2 {
   float: left;
}

.fopTitle a {
   float: right;
   display: block;
   position: relative;
   height: 24px;
   margin: 7px 2px 0 0;
   padding: 4px 12px 0 32px;
   background: #fff url("../images/hema/fopRotateDesign.gif") no-repeat left top;
   font-weight: bold;
   color: #333;
}
* html .fopTitle a { margin: 8px 2px 0 0; }
*+html .fopTitle a { margin: 8px 2px 0 0; }

.fopTitle a span {
   position: absolute;
   display: block;
   height: 26px;
   width: 5px;
   right: 0;
   top: 0;
   background: #fff url("../images/hema/fopRotateDesign-end.gif") no-repeat left top;
   font-size: 0;
}

.fopTitle a:hover, .fopTitle a:hover span {
   color: #05a37b;
   background-position: left -30px;
}

#fopContainer {
   border: 1px solid #cacaca;
   border-bottom: 0;
   width: 368px;
   margin: 0 0 -1px 0;
   padding-bottom: 1px;
   position: relative;
   background: transparent url("../images/hema/fopContainerBg.gif") left bottom no-repeat;
}

/* * html #fopContainer { margin-top: -1.2em; } panemain neemt 1 regel tekst in beslag... of niet */

#fopContainer #editmode {
   background: #f6f6f6 url("../images/hema/fop-viewmode-bg.png") left bottom repeat-x;
   text-align: center;
}

* html #fopContainer #editmode, * html #fopContainer #viewmode { background-image: none; }
* html #fopContainer #viewmode { margin-bottom: -3px; }
*+html #fopContainer #viewmode { margin-bottom: -3px; }

#fopContainer #editmode > div {
   background-color: #fff;
   margin: 0 auto;
}

* html #fopContainer #editmode div { background-color: #fff; margin: 0 auto; }
* html #fopContainer #editmode div div { background-color: transparent; }

#fopContainer #viewmode {
   text-align: center;
}

#fopContainer #viewport {
   overflow: hidden;
   position: relative;
}

#fopContainer #viewport div, #fopContainer #viewport div img {
   position: absolute;
   top: 0px;
   left: 0px;
}

#fopContainer #viewport #edit-photo { z-index: 100; overflow: hidden; }
#fopContainer #viewport #edit-kader { z-index: 200; }
#fopContainer #viewport #edit-text { z-index: 300; }
#fopContainer #viewport #edit-overlay { z-index: 400; }

#fopLoader {
   position: absolute;
   top: 100px;
   left: 162px;
   width: 45px;
   height: 45px;
   padding: 0;
   background-color: transparent;
   background-image: url("../images/hema/h-loading-bg.png");
   z-index: 100;
   overflow: hidden;
}

* html #fopLoader {
   background-image: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-loading-bg.png", sizingMethod = "crop");
}

#fopSwitchEdit, #fopSwitchView {
   display: block;
   width: 97px;
   height: 25px;
   margin: 0;
   text-align: center;
   line-height: 24px;
   color: #333;
   float: left;
   text-decoration: none;
   text-align: center;
   text-transform: lowercase;
   overflow: auto;
   outline: 0;
   background: url("../images/hema/fopTabbladen.gif") 0 0 no-repeat;
}

#fopSwitchView { margin-left: -1px; }
/*
* html #fopSwitchEdit, * html #fopSwitchView { margin-bottom: -17px; }
*+html #fopSwitchEdit, *+html #fopSwitchView { margin-bottom: -17px; }*/

#fopSwitchEdit:hover, #fopSwitchView:hover {
   background-position: -96px 0;
   color: #05a37b;
}

#fopSwitchEdit.active , #fopSwitchView.active {
   border-top-color: #fff;
   font-weight: bold;
   background-position: -192px 0;
}

#fopInfo {
   clear: both;
   overflow: auto;
   padding-top: 12px;
}

#fopInfo .fopHelp { min-height: 2em; padding-top: 8px; }
* html #fopInfo .fopHelp { height: 2em; }

#fopInfo .error {
   display: block;
   margin: 8px 0 0 0;
}

#fopInfo .fopProduct {
   clear: both;
   overflow: auto;
   margin: 24px 0 8px 0;
}
/* in IE6 wordt soms onderkant geclipped na accordeon-effect, dit lost dat op */
* html #fopInfo .fopProduct { border-bottom: 1px solid #fff; }

#fopInfo .fopProduct h3 {
   margin: 0 0 12px 0;
}

#fopInfo .fopProduct div.options {
   float: right;
   width: 200px;
   margin-top: -1.55em;
   margin-left: 8px;
}

#fopInfo .fopProduct div.options div {
   clear: both;
   overflow: auto;
   margin-top: 4px;
}

#fopInfo .fopProduct div span.radioList {
   width: 120px;
   display: block;
   float: right;
   line-height: 22px;
   margin-top: -1.5em;
}

#fopInfo .fopProduct div span.radioList input {
   margin: 4px 6px 0 0;
   float: left;
   border: 0;
}

* html #fopInfo .fopProduct div span.radioList input {
   margin: 4px 0 0 0;
}

#fopInfo .fopProduct div span.quantityTxt  {
   width: 83px;
   display: block;
   float: left;
   margin-top: 2px;
}

#fopWizard {
   list-style: none;
   padding: 0;
   margin: 0;
}

/* * html #fopWizard { margin-top: -1.2em; } panemain neemt 1 regel tekst in beslag... of niet */

#fopWizard li {
   list-style: none;
   margin: 0;
   padding: 0 0 0 16px;
   background-repeat: no-repeat;
   position: relative;
}

#fopWizard h2 { height: 40px; width: 350px; margin: 0; padding: 0; font-size: 1em; }

#fopWizard h2 a, #fopWizard h2 span {
   display: block;
   width: 316px;
   height: 22px;
   margin: 0 0 16px 16px;
   padding: 4px 10px 0 8px;
   overflow: hidden;
   color: #333;
   background: transparent url("../images/hema/fopHeader.gif") no-repeat 0 0;
}

#fopWizard #fopOrder h2 span {background-image: url("../images/hema/fopHeader-bestellen.gif");}

#fopWizard h2 a {
   cursor: pointer;
}

#fopWizard h2 a:hover {
   background-color: transparent;
   background-position: 0 -26px;
   color: #05a37b;
}

#fopWizard li div div {
   margin: 0 8px 16px 24px;
   padding: 0;
   overflow: auto;
   width: 318px;
}

#fopWizard li .fopStretcher { /* om te voorkomen dat je het spul ziet bij het laden... */
   visibility: hidden; 
}

/* rare bug in IE waarbij bold heel lelijk is, zo gaat het goed */
* html #fopWizard li div { background-color: #fff;}

#fopWizard li div div.separator {
   border-top: 1px solid #eee;
   padding-top: 16px;
}

#fopWizard li div div select {
   float: right;
   width: 150px;
}

/*#fopWizard li div div span.error {
   clear: both;
   display: block;
   margin-top: 8px;
}*/

#fopWizard li div div input.button {
   float: right;
}

* html #fopWizard li div div input.button {
   margin-right: -8px;
}

/* text module */
#fopWizard  #fopText .fopStretcher select, #fopWizard  #fopText .fopStretcher textarea {
   float: none;
   display: block;
   clear: left;
}

#fopWizard #fopText .fopStretcher span {
   display: block;
   float: left;
}

#fopWizard #fopText .fopStretcher span span {
   display: inline;
   float: none;
}

#fopWizard #fopText #ddVet { background-image: url("../images/hema/fopTextVet.gif");}
#fopWizard #fopText #ddCursief { background-image: url("../images/hema/fopTextCursief.gif");}
#fopWizard #fopText #ddOnderstrepen { background-image: url("../images/hema/fopTextOnderstrepen.gif");}
#fopWizard #fopText #ddSchaduw { background-image: url("../images/hema/fopTextSchaduw.gif");}
#fopWizard #fopText #ddOmtrek { background-image: url("../images/hema/fopTextOmtrek.gif");}
#fopWizard #fopText #ddGroter { background-image: url("../images/hema/fopTextGroter.gif");}
#fopWizard #fopText #ddKleiner { background-image: url("../images/hema/fopTextKleiner.gif");}
#fopWizard #fopText #ddLinks { background-image: url("../images/hema/fopTextLinks.gif");}
#fopWizard #fopText #ddMidden { background-image: url("../images/hema/fopTextMidden.gif");}
#fopWizard #fopText #ddRechts { background-image: url("../images/hema/fopTextRechts.gif");}

#fopWizard #fopText .fopStretcher > div {
   overflow: hidden; /* voor FF als rechterknop wordt ingedrukt */
}

#fopWizard #fopText .ddText {
   margin: -10px 0 5px 24px;
}

#fopWizard #fopText .ddFont select {width: 152px; float: left; margin-bottom: 2px;}
* html #fopWizard #fopText .ddFont select {width: 153px;}
*+html #fopWizard #fopText .ddFont select {width: 153px;}

#fopWizard #fopText textarea {width: 312px; height: 7em; margin-top: 4px;}
* html #fopWizard #fopText textarea { margin-left: -24px; margin-right: -8px;} /* why? why? why? En om dingen erger te maken, bij mij in IE6 standalone moet margin-left: -28px zijn... */
*+html #fopWizard #fopText textarea {margin-left: -24px; margin-right: -8px;} /* why? why? why? */

#fopWizard #fopText ul {
   list-style: none;
   margin: 0;
   padding: 0;
   display: inline;
   float: left;
   clear: none;
}

#fopWizard #fopText ul.ddColor { margin-left: 14px; margin-top: 1px; }
* html #fopWizard #fopText ul.ddColor { margin-left: 12px; }
*+html #fopWizard #fopText ul.ddColor { margin-left: 13px; }

#fopWizard #fopText ul.ddSize { margin-left: 12px; }
* html #fopWizard #fopText ul.ddSize { margin-left: 8px; }

#fopWizard #fopText ul.ddAlignment { margin-left: 20px; }
* html #fopWizard #fopText ul.ddAlignment { margin-left: 19px; }

#fopWizard #fopText li {
   list-style: none;
   margin: 0;
   padding: 0;
   text-indent: -9999px;
   display: inline;
}

#fopWizard #fopText li a {
   display: block;
   float: left;
   border: 1px solid #cacaca;
   background-color: #f2f2f2;
   color: #333;
   width: 25px;
   height: 18px;
   background-repeat: no-repeat;
}

#fopWizard #fopText ul.ddStyle a { margin-right: 4px; }

#fopWizard #fopText ul.ddSize a, #fopWizard #fopText ul.ddAlignment a { margin-right: -1px; }
/* IE6 blaat op ID voor de laatste buttons in de rij */
* html #fopWizard #fopText #ddKleiner, * html #fopWizard #fopText #ddRechts { margin-right: 0; }

#fopWizard #fopText li a:hover {
   border-color: #05a37b;
   background-color: #fff;
   background-position: 0 -20px;
}

#fopWizard #fopText ul.ddStyle a:hover, #fopWizard #fopText ul.ddSize a:hover, #fopWizard #fopText ul.ddAlignment a:hover { background-color: #fff; }

#fopWizard #fopText li a:active, #fopWizard #fopText li a.active {
   border-width: 2px !important;
   width: 23px;
   height: 16px;
}

#fopWizard #fopText li a.active {
   background-position: -1px -1px;
   background-color: #f2f2f2;
   border-color: #aaa;
}

#fopWizard #fopText li a:hover.active {
   border-color: #05a37b;
   background-position: -1px -21px;
}

#fopWizard #fopText li a:active.active {
   background-position: 0 -20px;
}

* html #fopWizard #fopText li a:active.active { background-position: 0 0; }
*+html #fopWizard #fopText li a:active.active { background-position: 0 0; }

#fopWizard #fopText ul.ddColor li a {
   width: 16px;
   height: 16px;
   margin-left: 1px;
}

#fopWizard #fopText ul.ddColor li a:active, #fopWizard #fopText ul.ddColor li a.active {
   width: 14px;
   height: 14px;
}

/* */
#fopWizard li div div label {
   line-height: 18px;
}

* html #fopWizard li div div label {
   display: block; /* springt anders raar in met floats erbij */
}

#fopWizard #fopUploader {
   position: relative;
   overflow: visible;
}

#fopWizard #fopUploader iframe {
   height: 20px;
   width: 140px;
   margin-right: 0;
   position: absolute;
   right: 0;
}

#fopWizard iframe.progress {
   position: absolute;
   width: 106px;
   height: 13px;
   right: 6px;
   top: 7px;
}

#fopWizard li ul {
   margin: 0 0 0 18px;
   padding: 0;
   clear: left;
}

#fopWizard li ul li {
   list-style: disc;
}

#fopWizard li li {
   list-style: disc;
   padding: 0;
   margin: 0;
}

* html #fopWizard li li {
   position: fixed;
}

#fopWizard li div div.wide {
   margin: 0;
   width: 350px;
   overflow: visible;
}

#fopWizard li div div.wide ul {
   margin: 0 0 0 1px;
   list-style: none;
   display: block;
}

* html #fopWizard li div div.wide ul {
   margin-left: -15px;
}

#fopWizard li div div.wide ul li {
   margin: 0;
   list-style: none;
   display: block;
   float: left;
}

#fopWizard li div div.wide ul a {
   display: block;
   width: 69px;
   height: 56px;
   margin: 0 0 16px 16px;
   padding: 0;
   border: 1px solid #cacaca;
   color: #333;
   text-decoration: none;
   font-weight: bold;
   background-color: #fff;
   text-align: center;
   vertical-align: middle;
   overflow: hidden;
   background-repeat: no-repeat;
   font-size: 0.85em;
}

#fopWizard li div div.wide ul a:hover {
   border-color: #05a37b;
   background-color: #fff;
   color: #05a37b;
   background-position: 0 -60px;
   cursor: pointer;
}

#fopWizard li div div.wide ul a:active {
   border-width: 2px;
   width: 67px;
   height: 54px;
}

#fopWizard li div div.wide ul a img {
   width: 69px;
   height: 56px;
}

#fopWizard li div div.wide ul a span {
   display: block;
   padding: 12px 8px 8px 8px;
}
/* wijzig foto instellingen */
#fopWizard #bbPlus span, #fopWizard #bbMin span {
   margin-top: 20px;
}

#fopWizard #bbRotateLeft span, #fopWizard #bbRotateRight span {
   margin-top: 14px;
   line-height: 12px;
}
/* 12-2006 effecten wijzigingen */
#fopWizard #fopEffects .fopStretcher a span {
   margin-top: 28px;
   text-indent: 0;
}

#fopWizard li div div.wide ul div {
   width: 158px;
   height: 28px;
   margin: -2px 0 16px 16px;
   float: left;
   text-align: center;
   font-size: 0.85em;
   overflow: hidden;
}

#fopWizard li div div.wide ul div span {
   font-size: 1.2em;
}

* html #fopWizard li div div.wide ul div {
   margin-left: 8px;
}

#customizeQuality, #uploadQuality {
   display: none;
}

#fopWizard .help {
   border-bottom: 1px dashed #cacaca;
   cursor: help;
}

#fopWizard .uitstekend {color: #080;font-weight: bold; background: #fff;}
#fopWizard .goed {color: #c80;font-weight: bold;background: #fff;}
#fopWizard .matig {color: #c00;font-weight: bold;background: #fff;}

#fopWizard #bbRestore {
   width: 156px;
   height: 26px;
   margin: 0 0 16px 16px;
}

#fopWizard #bbRestore:active {
   width: 154px;
   height: 24px;
}

#fopWizard #bbRestore span {
   padding-top: 5px;
}

/* ...om bestelknop op header te plaatsen */
/*#fopWizard #fopOrder input.goright {
   position: absolute;
   right: 8px;
   top: 4px;
}*/

#fopWizard iframe {
   float: right;
   overflow: hidden;
   background-color: transparent;
}

/* (ronde) achtergrond voor bestelstap */
#fopWizard #fopOrder h2 { 
   height: 32px;
   overflow: hidden;
}
#fopWizard #fopOrder h2, #fopWizard #fopOrder div { 
   background: transparent url("../images/hema/fopOrderBg.gif") right top no-repeat;
}

#fopWizard #fopOrder div { 
   background: transparent url("../images/hema/fopOrderBg.gif") right bottom no-repeat;
   width: 350px;
   padding-bottom: 5px;
}

#fopWizard #fopOrder div div { 
   background-image: none;
   width: auto;
   padding-bottom: 0;
}

#fopWizard #fopOrder ol { 
   list-style: none;
   padding: 0 0 10px 0;
   margin: 0 0 4px 0;
}
* html #fopWizard #fopOrder ol { padding-bottom: 4px; }

#fopWizard #fopOrder ol li { 
   list-style: none;
   display: list-item;
   display: block;
   padding: 0;
   margin: 0;
}
* html #fopWizard #fopOrder ol li { margin-bottom: -1em; }

#fopWizard #fopOrder table {
   float: right;
}
* html #fopWizard #fopOrder table { padding-right: 9px; margin-right: -3px; margin-bottom: 2px; }
*+html #fopWizard #fopOrder table { margin-right: 6px; }

#fopWizard #fopOrder td.label {
   padding-right: 10px;
}

#fopWizard #fopOrder tr.price td {
   padding: 4px 0 18px 0;
}

#fopWizard #fopOrder tr.price td.label {
   padding-top: 2px;
}

#fopWizard #fopOrder select {
   float: left;
   width: auto;
   margin-right: 20px;
}

#fopWizard #fopOrder div div input.button {
   float: none;
}
* html #fopWizard #fopOrder div div input.button { margin-top: 1px; }

#fopWizard li#fopOrder div div { 
   margin: 0 11px 6px 24px;
}

* html #fopWizard li#fopOrder div div { padding-right: 8px; padding-bottom: 6px; }
*+html #fopWizard li#fopOrder div div { margin-right: 6px; margin-bottom: 6px; }

/* nummers */
#fopWizard li.fop1 {background-image: url("../upload/images/fotoOpProduct-1.gif");}
#fopWizard li.fop2 {background-image: url("../upload/images/fotoOpProduct-2.gif");}
#fopWizard li.fop3 {background-image: url("../upload/images/fotoOpProduct-3.gif");}
#fopWizard li.fop4 {background-image: url("../upload/images/fotoOpProduct-4.gif");}
#fopWizard li.fop5 {background-image: url("../upload/images/fotoOpProduct-5.gif");}
#fopWizard li.fop6 {background-image: url("../upload/images/fotoOpProduct-6.gif");}
/* vaste iconen */
#fopWizard #bbPlus { background-image: url("../images/hema/fopGroter.gif"); }
#fopWizard #bbMin { background-image: url("../images/hema/fopKleiner.gif"); }
#fopWizard #bbRotateLeft { background-image: url("../images/hema/fopLinksom.gif"); }
#fopWizard #bbRotateRight { background-image: url("../images/hema/fopRechtsom.gif"); }
#fopWizard #ffBW { background-image: url("../images/hema/fopffBW.gif"); }
#fopWizard #ffSepia { background-image: url("../images/hema/fopffSepia.gif"); }
#fopWizard #ffContrast { background-image: url("../images/hema/fopffContrast.gif"); }
/* wereld afhankelijk, daarom in upload/images geplaatst */
#fopWizard #ffNormal { background-image: url("../upload/images/fopffGeenEffect.gif"); text-indent: -9999px; }

/* FOP upload popuppage (in iframe) */
/* LET OP!: de pagina(!) heeft in xportal de classname "FopFotoUpload" zodat kan worden afgeweken van de standaard opmaak voor een popuppagina */

body.FopFotoUpload, body.FopFotoUpload #h-popuppage, body.FopFotoUpload #panemain {
   width: auto;
   margin: 0;
   padding: 0;
   background-color: #fff;
}

body.FopFotoUpload input {
   opacity: 0;
   position: absolute;
   top: 0;
   right: 0;
   cursor: pointer !important;
}
* html body.FopFotoUpload input { filter:alpha(opacity: 0); }
*+html body.FopFotoUpload input { filter:alpha(opacity: 0); }
body.FopFotoUpload input { -ms-filter:"alpha(opacity: 0)"; } /* IE8 */

/*3872  Knop uploaden foto bij ontwerp wijnetiket ontbreekt.*/
* html body.FopFotoUpload #panemain, * html body.FopFotoUpload #h-popuppage-bottom {
	width: auto !important;
}

body.FopFotoUpload .UploadFile {
   z-index: 20;
   height: 20px;
}

body.FopFotoUpload input.h-button {
   opacity: 1;
   z-index: 10;
}
* html body.FopFotoUpload input.h-button { filter:alpha(opacity: 100); }
*+html body.FopFotoUpload input.h-button { filter:alpha(opacity: 100); }
body.FopFotoUpload input.h-button { -ms-filter:"alpha(opacity: 100)"; } /* IE8 */

body.FopFotoUpload .UploadFile:hover + .h-button {
   background-position: 0 -19px;
   cursor: pointer !important;
}

body.FopFotoUpload #fopExtraWhitespace { /* extra afdekking om tekst-cursor te verbergen */
   position: absolute;
   top: 0;
   right: 85px;
   width: 100px;
   height: 30px;
   z-index: 100;
   background-color: #fff;
}

/* productvariantdetails 8-2006 */

.h-productvariantdetail {
   width: 518px;
   margin: 0 10px 10px 0; 
   padding-bottom: 5px;
   position: relative; /* voor de signing, toegevoegd en limitedspecial */
}

.h-productvariantdetail h1 {
   margin-bottom: 20px;
}

.h-productvariantdetail .productshot {
   background: url("../images/hema/h-productdetailpicture-bottom-bg.gif") left bottom no-repeat;
   width: 266px;
   margin: 0 0 20px 0;
   padding: 0 0 7px 0; /* er zit 3px extra ruimte in de hyperlink, zelfs als die niet zichtbaar is */
   float: left;
}

.h-productvariantdetail .productshot div {
   background: url("../images/hema/h-productdetailpicture-bg.gif") left top no-repeat;
   padding: 10px 10px 0 10px;
   overflow: hidden; /* voor thumbnail list */
   min-height: 264px;
}

.h-productvariantdetail .productshot a.kop {
   margin-top: 3px;
}

.h-productvariantdetail .sign, .h-productvariantdetail .sign1,.h-productvariantdetail .sign2, .h-productvariantdetail .sign3, .h-productvariantdetail .sign4, .h-productvariantdetail .sign5 {
   display: block;
   width: 72px;
   height: 72px;
   position: absolute;
}

.h-productvariantdetail .sign { margin: 0; }
.h-productvariantdetail .sign1 { margin: 82px 0 0 0; }
.h-productvariantdetail .sign2 { margin: 164px 0 0 0; }
.h-productvariantdetail .sign3 { margin: 0 0 0 163px; }
.h-productvariantdetail .sign4 { margin: 82px 0 0 163px; }
.h-productvariantdetail .sign5 { margin: 164px 0 0 163px; }

.h-productvariantdetail .productshot.rood { background-image: url("../images/hema/h-productdetailpicture-bottom-nu-bg.gif"); }
.h-productvariantdetail .productshot.rood div { background-image: url("../images/hema/h-productdetailpicture-nu-bg.gif"); }
.h-productvariantdetail .productshot.groen { background-image: url("../images/hema/h-productdetailpicture-bottom-netbinnen-bg.gif"); }
.h-productvariantdetail .productshot.groen div { background-image: url("../images/hema/h-productdetailpicture-netbinnen-bg.gif"); }
.h-productvariantdetail .productshot.oranje { background-image: url("../images/hema/h-productdetailpicture-bottom-meestpopulair-bg.gif"); }
.h-productvariantdetail .productshot.oranje div { background-image: url("../images/hema/h-productdetailpicture-meestpopulair-bg.gif"); }

.h-productvariantdetail ul.photos {
   margin: 9px 0 -6px 1px;
   overflow: hidden;
}
* html .h-productvariantdetail ul.photos {
   margin: 9px -3px 4px 1px;
   display: inline-block;
}
*+html .h-productvariantdetail ul.photos {
   margin: 9px 0 4px 1px;
}

.h-productvariantdetail ul.photos a {
   display: block;
   float: left;
   width: 51px;
   height: 51px;
   border: 0;
   padding: 0;
   margin: 0 10px 10px 0;
   background-image: #fff;
}

.h-productvariantdetail ul.photos a.nozoom, .h-productvariantdetail ul.photos a.nozoom span {
   cursor: default;
}

.h-productvariantdetail ul.photos a img {
   padding: 1px;
}

.h-productvariantdetail ul.photos a:hover img {
   opacity: 0.90;
}
* html .h-productvariantdetail ul.photos a:hover img { filter:alpha(opacity: 90); }
*+html .h-productvariantdetail ul.photos a:hover img { filter:alpha(opacity: 90); }
.h-productvariantdetail ul.photos a:hover img { -ms-filter:"alpha(opacity: 90)"; } /* IE8 */

.h-productvariantdetail ul.photos a.nozoom img {
   opacity: 0.35;
}
* html .h-productvariantdetail ul.photos a.nozoom img { filter:alpha(opacity: 35); }
* html .h-productvariantdetail ul.photos a:hover.nozoom img { filter:alpha(opacity: 35); }
*+html .h-productvariantdetail ul.photos a.nozoom img { filter:alpha(opacity: 35); }
.h-productvariantdetail ul.photos a.nozoom img { -ms-filter:"alpha(opacity: 35)"; } /* IE8 */
.h-productvariantdetail ul.photos a:hover.nozoom img { opacity: 0.35; }
* html .h-productvariantdetail ul.photos a:hover.nozoom img { filter:alpha(opacity: 35); }
*+html .h-productvariantdetail ul.photos a:hover.nozoom img { filter:alpha(opacity: 35); }
.h-productvariantdetail ul.photos a:hover.nozoom img { -ms-filter:"alpha(opacity: 35)"; } /* IE8 */

.h-productvariantdetail ul.photos a span {
   display: block;
   width: 51px;
   height: 51px;
   position: absolute;
   margin: -51px 0 0 0;
   background: transparent url("../images/hema/h-productdetailpicture-thumbnail-kader.png") no-repeat 0 0;
}
* html .h-productvariantdetail ul.photos a span {
   background-image: url("../images/hema/h-productdetailpicture-thumbnail-kader.gif");
   margin: 0 0 0 -51px;
   cursor: pointer;
}
*+html .h-productvariantdetail ul.photos a span {
   margin: 0 0 0 -51px;
   cursor: pointer;
}

.h-productvariantdetail ul.photos a:hover span {
   background-position: 0 -180px;
}

.h-productvariantdetail ul.photos a.nozoom span, .h-productvariantdetail ul.photos a:hover.nozoom span {
   background-position: 0 -120px;
}

.h-productvariantdetail .maininfo {
   display: block;
   width: 242px;
   margin: 0 0 10px 10px;
   float: left;
   clear: right;
}

.h-productvariantdetail .maininfo p, .h-productvariantdetail .maininfo div.quantity_cake {
   margin: 0 0 10px 10px;
}

.h-productvariantdetail .maininfo div.quantity {/* meer onnodig spul */
   padding: 0 0 25px 10px;
   color: #999;
}

.h-productvariantdetail .maininfo .productprice {/* meer onnodig spul? */
   margin: 0 0 25px 10px;
   display: block;
}

.h-productvariantdetail .orderform {
   padding: 0 0 5px 0;
   background: url("../images/hema/h-productdetailorderbottombg.gif") left bottom no-repeat;
}

.h-productvariantdetail .orderform .ordertop {
   padding: 10px 10px 5px 10px;
   background: url("../images/hema/h-productdetailorderbg.gif") left top no-repeat;
}

.h-productvariantdetail .orderform div table input.h-button {
   margin-top: 8px; /* "ontwerp" bestelknop */
}
* html .h-productvariantdetail .orderform div table input.h-button { margin-top: 2px; }
*+html .h-productvariantdetail .orderform div table input.h-button { margin-top: 2px; }

.h-productvariantdetail .orderform div table .ordering input.h-button {
   margin-top: 5px; /* normale bestelknop */
}

.h-productvariantdetail .orderform div table a.kop {
   margin-top: 12px;
}

.h-productvariantdetail .orderform div table a.kop.wishlist {
   color: #a00091;
   background-position: 0 -320px;
   margin-bottom: -2px;
   margin-top: 8px;
   padding-top: 0;
   border-top: 0;
}

.h-productvariantdetail .orderform div table a:hover.kop.wishlist {
   color: #b500a3;
   background-position: 0 -360px;
}

.h-productvariantdetail td {
   width: 177px;
   /*width: auto;*/
   padding: 4px 0;
}

.h-productvariantdetail th {
   font-weight: normal;
   width: 45px;
   vertical-align: text-top;
   padding: 6px 2px 4px 0;
}
* html .h-productvariantdetail th { width: 45px; }
*+html .h-productvariantdetail th { width: 45px; }

.h-productvariantdetail .ordering td {
   padding-left: 47px;
}

.h-productvariantdetail .orderform select {
   min-width: 40px;
   max-width: 160px;
}

.h-productvariantdetail .orderform .quantitySelect td {
   width: auto;
}

.h-productvariantdetail .orderform .quantitySelect select {
   margin: 1px 6px 0 8px;
}
* html .h-productvariantdetail .orderform .quantitySelect select { margin: 0 3px -2px 8px; }
*+html .h-productvariantdetail .orderform .quantitySelect select { margin: 0 3px -2px 8px; }

.h-productvariantdetail .orderform .selectedSku {
   display: block;
   width: 118px;
   float: right;
   padding: 2px 0;
}
body:not(:root:root) .h-productvariantdetail .orderform .selectedSku { width: 116px; }

.h-productvariantdetail .orderform button, .h-productvariantdetail .orderform button {
   margin: 2px 0 0 0;
   display: block;
}

/* variantselection (maten e.d. en kleuren via thumbnails) */

.orderform ul {
   clear: left;
   float: left;
   padding-bottom: 2px;
}
* html .orderform ul { padding-bottom: 4px; }
*+html .orderform ul { padding-bottom: 4px; }

.orderform ul a {
   display: block;
   border: 1px solid #cacaca;
   padding: 0 3px;
   float: left;
   margin: 1px 4px 3px 0;
   font-weight: bold;
   color: #333;
   background-color: transparent;
   white-space: pre-line; /* werkt niet in IE, dus... */
}
* html .orderform ul a { white-space: nowrap; }
*+html .orderform ul a { white-space: nowrap; }

.orderform ul a.selected {
   border-color: #a00091;
   background-color: #fff;
   color: #a00091;
}

.orderform ul a.nostock, .orderform ul a.selected.nostock {
   color: #999;
}

.orderform ul a:hover, .orderform ul a:hover.selected {
   border-color: #b500a3;
   color: #b500a3;
   background-color: #efefef;
}

.orderform ul.thumbnail {
   margin: -3px -7px -3px 0;
   padding-bottom: 0;
}
* html .orderform ul.thumbnail {
   margin: -3px -7px 6px 0;
   padding-bottom: 1px;
   display: inline-block;
}
*+html .orderform ul.thumbnail {
   margin: -3px -7px 0px 0;
   padding-bottom: 1px;
   display: inline-block;
}

.orderform ul.thumbnail a {
   width: 27px;
   height: 27px;
   border: 0;
   padding: 0;
   margin: 0 6px 6px 0;
   background-image: #fff;
}

.orderform ul.thumbnail a img {
   padding: 2px;
}

.orderform ul.thumbnail a span {
   display: block;
   width: 27px;
   height: 27px;
   position: absolute;
   margin: -27px 0 0 0;
   background: transparent url("../images/hema/h-productdetail-thumbnail-kader.gif") no-repeat 0 0;
}
* html .orderform ul.thumbnail a span {
   margin: 0 0 0 -27px;
   cursor: pointer;
}
*+html .orderform ul.thumbnail a span {
   margin: 0 0 0 -27px;
   cursor: pointer;
}

.orderform ul.thumbnail a.nostock {
   background-color: #e3e3e3;
}

.orderform ul.thumbnail a.selected span {
   background-position: 0 -60px;
}

.orderform ul.thumbnail a.nostock span {
   background-position: 0 -90px;
}

.orderform ul.thumbnail a.selectedNostock span, .orderform ul.thumbnail a:hover.selectedNostock span {
   background-position: 0 -120px;
}

.orderform ul.thumbnail a:hover span {
   background-position: 0 -30px;
}

.orderform ul.thumbnail a.nostock img, .orderform ul.thumbnail a.selectedNostock img { opacity: 0.35; }
* html .orderform ul.thumbnail a.nostock img, * html .orderform ul.thumbnail a.selectedNostock img { filter:alpha(opacity: 35); }
*+html .orderform ul.thumbnail a.nostock img, *+html .orderform ul.thumbnail a.selectedNostock img { filter:alpha(opacity: 35); }
.orderform ul.thumbnail a.nostock img, .orderform ul.thumbnail a.selectedNostock img { -ms-filter:"alpha(opacity: 35)"; } /* IE8 */

/* end: variantselection */

.h-productvariantdetail .extendedinfo {
   margin: 0;
   clear: left;
}
* html .h-productvariantdetail .extendedinfo { float: left; margin-top: -14px; }
*+html .h-productvariantdetail .extendedinfo { width: 100%; margin-top: -14px; }

.h-productvariantdetail .extendedinfo div {
   margin-bottom: 1em;
}

.h-productvariantdetail .addedToBasket, .h-productvariantdetail .outOfStock {
   left: 45px;
   top: 158px;
}

.h-productvariantdetail .limitedSpecial {
   left: 45px;
   top: 165px;
   /*margin-top: -100px;
   margin-left: -50px;*/
}

.h-productvariantdetail .h-loading {
   left: 105px;
   top: 173px;
   position: absolute;
   width: 45px;
   height: 45px;
   padding: 0;
   background-color: transparent;
   background-image: url("../images/hema/h-loading-bg.png");
   z-index: 100;
   overflow: hidden;
}
* html .h-productvariantdetail .h-loading {
   background-image: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-loading-bg.png", sizingMethod = "crop");
}

/* productvariantdetail in email template */

.h-email .h-productvariantdetail a {
   font-weight: bold;
}

.h-email .h-productvariantdetail .orderform {
   background-image: none;
}

.h-email .h-productvariantdetail .orderform ul a {
   /*color: #05a37b;*/
}

.h-email .h-productvariantdetail .orderform ul a:hover {
   /*border-color: #06b889;
   color: #06b889;*/
   border-color: #05a37b;
   color: #05a37b;
   background-color: transparent;
}

.h-email .h-productvariantdetail .orderform ul.thumbnail a:hover span {
   background-position: 0 -150px;
}

.h-email .h-productvariantdetail .quantity {
   color: #999;
}

/* productvariantdetail groot */

.h-productvariantdetail.xl {
   
}

.h-productvariantdetail.xl .productshot {
   background: url("../images/hema/h-productdetailpicture-big-bottom-bg.gif") left bottom no-repeat;
   width: 518px;
   margin: 20px 0 20px 0;
   padding: 0 0 7px 0; /* er zit 3px extra ruimte in de hyperlink, zelfs als die niet zichtbaar is */
   float: none;
}

.h-productvariantdetail.xl .productshot div {
   background: url("../images/hema/h-productdetailpicture-big-bg.gif") left top no-repeat;
   padding: 10px 10px 0 10px;
}

.h-productvariantdetail.xl .productshot div img {
   margin: 0 auto 5px auto;
   display: block;
}

.h-productvariantdetail.xl .maininfo {
   margin-top: 2px;
   padding-left: 15px;
   float: right;
}

.h-productvariantdetail.xl .extendedinfo {
   margin-right: 15px;
   display: inline;
}
* html .h-productvariantdetail.xl .extendedinfo { padding-top: 15px; }

.h-productvariantdetail.xl .addedToBasket, .h-productvariantdetail.xl .outOfStock {
   left: 177px;
   top: 125px;
}

.h-productvariantdetail.xl .limitedSpecial {
   left: 177px;
   top: 132px;
}

/* toolbar buttons (email en print bij productdetail) */

a.h-toolbarbutton {
   position: relative;
   display: block;
   float: left;
   height: 18px;
   margin: 9px 8px 0 0;
   padding: 3px 7px 0 28px;
   background: transparent url("../images/hema/h-toolbarbuttons.gif") no-repeat 0 0;
   color: #999;
   font-size: 0.95em;
}

a:hover.h-toolbarbutton {
   color: #999;
}

a.h-toolbarbutton span {
   position: absolute;
   display: block;
   right: 0;
   top: 0;
   width: 5px;
   height: 21px;
   background: transparent url("../images/hema/h-toolbarbuttons-bg.gif") no-repeat left top;
   cursor: pointer;
}
* html a.h-toolbarbutton span { margin-right: -1px; }

a:hover.h-toolbarbutton span { background-position: 0 -30px; }

a.h-toolbarbutton.email { background-position: 0 0; }
a:hover.h-toolbarbutton.email { background-position: 0 -30px; }

a.h-toolbarbutton.print { background-position: 0 -60px; }
a:hover.h-toolbarbutton.print { background-position: 0 -90px; }

.panel-container a.h-toolbarbutton.email { background-position: left -120px; }
.panel-container a:hover.h-toolbarbutton.email { background-position: left -150px; }

.panel-container a.h-toolbarbutton.print { background-position: left -180px; }
.panel-container a:hover.h-toolbarbutton.print { background-position: left -210px; }

.panel-container a.h-toolbarbutton span { background-position: 0 -60px; }
.panel-container a:hover.h-toolbarbutton span { background-position: 0 -90px; }


/* relatedproducts: tijdelijk voor cadeauverpakking */

#cadeauverpakking .h-panel-1column {
   margin-bottom: -1px;
}

#cadeauverpakking .h-panel-1column.personalText {
   margin-bottom: 19px;
}

#cadeauverpakking .panel-container {
   position: relative;
}

#cadeauverpakking h3 {
   margin-top: 0;
   padding: 0;
   margin-bottom: 15px;
   /* deze 3 regels zijn nodig om een overtollige witregel te verwijderen onderaan de module in IE6&7 */
   float: left;
   width: 100%;
   clear: both;
}

#cadeauverpakking .h-panel-1column.personalText h3 {
   margin-bottom: 0;
}

#cadeauverpakking .selectedPacking {
   display: block;
   float: left;
   width: 166px;
   height: 190px;
   background: #fff url("../images/hema/h-cadeauverpakking-selected-bg.gif") no-repeat 0 0;
   overflow: hidden;
}

#cadeauverpakking .selectedPacking img {
   display: block;
   margin: 12px auto;
}

#cadeauverpakking div.selectingPacking {
   display: block;
   float: left;
   margin-left: 20px;
}

#cadeauverpakking p {
   width: 500px;
}

#cadeauverpakking .h-panel-1column.personalText p {
   width: 700px;
}

#cadeauverpakking ul {
   list-style: none;
   display: block;
   float: left;
   margin: 10px 0 -1px 0;
   padding: 0;
}

* html #cadeauverpakking ul { margin-bottom: -20px; }
*+html #cadeauverpakking ul { margin-bottom: -7px; }

#cadeauverpakking li {
   list-style: none;
   float: left;
   padding: 0;
   margin: 0;
   position: relative;
   background-color: #eee;
   background-repeat: no-repeat;
   background-position: center;
}

#cadeauverpakking li input {
   position: absolute;
   margin: 10px 0 0 2px;
   border: 0;
}

#cadeauverpakking li label {
   display: block;
   position: relative;
   width: 124px;
   height: 32px;
   margin: 0;
   padding: 85px 0 0 0;
   cursor: pointer;
   color: #333;
   font-weight: bold;
   text-align: center;
   background: transparent url("../images/hema/h-cadeauverpakking-bg.png") no-repeat 0 0;
}

* html #cadeauverpakking li label {
   background-image: url("../images/hema/h-cadeauverpakking-bg.gif");
}

#cadeauverpakking li label.checked {
   background-position: 0 -200px;
}

#cadeauverpakking li label:hover, #cadeauverpakking li label.checked {
   color: #05a37b;
}

#cadeauverpakking li label span {
   position: absolute;
   display: none;
   width: 51px;
   height: 51px;
   top: 15px;
   left: 36px;
   background-image: url("../images/hema/h-cadeauverpakking-checked.png");
}

#cadeauverpakking li label.checked span {
   display: block;
}

* html #cadeauverpakking li label span {
   background-image: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-cadeauverpakking-checked.png", sizingMethod = "crop");
}

#cadeauverpakking div.formelements {
   padding: 7px 0 12px 0;
   overflow: auto;
}

#cadeauverpakking div.formelements label {
   display: block;
   font-weight: bold;
   padding-bottom: 1em;
}

#cadeauverpakking div.formelements textarea {
   width: 306px;
}

/* sizefinder (maatwijzer bij productlist) */

.h-sizefinder {
   display: block;
   float: left;
   margin: 0 10px 0 0;
   border-bottom: 10px solid #fff;
   padding: 10px;
   width: 146px;
   height: 234px;
   text-align: center;
   background: #fff url("../images/hema/h-sizefinder-bg.gif") 0 0 no-repeat;
   overflow: hidden;
}

.h-sizefinder.baby {
   background-position: 0 -300px; /* lichtgroen voor baby?? */
}

.h-sizefinder h3 {
   height: 40px;
   width: 146px !important;
   margin: 0;
   padding: 0;
   text-indent: -999em;
   background-color: transparent;
   background-repeat: no-repeat;
   background-position: -1px 3px;
   border: 1px;
}

.h-sizefinder label {
   font-weight: bold;
   display: block;
   width: 134px;
   padding-left: 10px;
   text-align: left;
   margin-bottom: 3px;
}

.h-sizefinder select {
   width: 130px;
   clear: both;
   margin: 0 0 10px 0;
}

.h-sizefinder span {
   text-indent: -999em;
   font-size: 0;
   margin: 0;
   padding: 0;
}

.h-sizefinder span.result {
   display: block;
   height: 42px;
   width: 144px !important;
   margin-bottom: 8px;
   background-position: center 0;
   background-repeat: no-repeat;
}

.h-sizefinder .h-button {
   margin-bottom: 6px;
   clear: both;
}

* html .h-sizefinder .h-button { margin: 0 6px 6px 6px; }
*+html .h-sizefinder .h-button { margin: 0 6px 6px 6px; }

.h-sizefinder a.kop {
   display: inline;
   width: auto;
   height: auto;
   background-image: none; 
   margin: 0 0 0 7px;
   padding: 0 0 0 12px;
   border: 0;
   color: #c89600;
   white-space: nowrap;
   background: transparent url("../images/hema/h-arrow.gif") left -160px no-repeat;
}

.h-sizefinder a:hover.kop {
   color: #dda600;
   background-position: 0 -200px;
}

.h-sizefinder.single h3 {
   margin-bottom: 12px;
}

.h-sizefinder.single select {
   margin-bottom: 15px;
   margin-bottom: 24px;
}

.h-sizefinder.single span.result {
   margin-bottom: 20px;
}

.h-sizefinder.single .h-button {
   margin-bottom: 10px;
}

/* contact formulier */

.h-contact-formulier .panel-container {
	width: 450px;
}

.h-contact-formulier .panel-container .input-field input {
   width: 293px;
}

.panel-container .input-fields .input-field span.simple {
   margin-top: 1px;
   margin-bottom: 6px;
   display: block;
}

* html .panel-container .input-fields .input-field span.simple {
   margin-top: 2px;
   margin-bottom: 5px;
}

.panel-container .input-fields .input-field label {
	margin-left: 0;
   margin-right: 15px;
}

.panel-container .input-fields .input-field .radio label {
	margin-left: 0;
   margin-right: 15px;
}

*+html .panel-container .input-fields .input-field .radio label { white-space: nowrap;}

.panel-container .input-fields .input-field .radio input {
	border: none;
	width: auto;
	vertical-align: middle;
	margin: 0 4px -2px 0;
}

* html .panel-container .input-fields .input-field .radio input { margin-left: -5px; }
*+html .panel-container .input-fields .input-field .radio input { vertical-align: text-top; margin-left: -5px; }

.h-contact-formulier .buttons-field { padding: 0 4px 0 0; }

* html .h-contact-formulier .buttons-field { padding: 0 9px 0 0; }
*+html .h-contact-formulier .buttons-field { padding: 0 12px 0 0; }


.h-contact-formulier .input-field textarea {
	width: 290px;
   height: 4em;
}

/*tarieven*/
.h-tarieven
{
	padding: 1px 0 0 0;
	margin: 0 0 20px 0;
}

.h-tarieven .h-table
{
	padding-bottom: 10px;
}

.h-tarieven .h-table td.leftborder {
	width: 175px;
}

.h-tarieven .h-table td.cost {
	text-align:right;
	padding: 0 285px 0 10px;
}


.h-tarieven .no-result,
.h-tarieven .introduction
{
	display: block;
	padding: 19px 29px 0 19px;
	margin: 0 0 19px;

	background: transparent url(../images/hema/h-panel-bg.gif) left top no-repeat;
}

.h-tarieven .introduction
{
	clear: both;
}

/*tarieven search input*/
.h-tarieven-searchinput
{
	margin-top: -1px;
	margin-bottom: -1px;
	overflow:visible;
}

.h-tarieven-searchinput .panel-container
{
	width: 510px;
}

* html .h-tarieven-searchinput .panel-container
{
	width: 518px;
}

.h-tarieven-searchinput .panel-container input.text {
   width: 122px;
}


.h-tarieven-searchinput .alphabet-street
{
	padding: 10px 0 0 0;
}

* html .h-tarieven-searchinput .alphabet-street
{
	width: 518px;
}


.h-tarieven-searchinput .alphabet-street .link-button
{
	display: block;
	float: left;
	width: 16px;
	height: 19px;
	margin: 0 1px 0 0;
	padding: 1px 0 0 1px;
	text-align: center;
	color: White;
	background:transparent url('../images/hema/hema_letter_button.gif') left top no-repeat;
}

.h-tarieven-searchinput .alphabet-street .link-button:hover
{
	background:transparent url('../images/hema/hema_letter_button.gif') left -19px no-repeat;
}

.h-tarieven-searchinput table.h-table tr.footer td
{
	background-color: transparent !important;
}

.h-tarieven-searchinput table.h-table tr.footer td.last-column
{
	border-top-color: transparent;
	border-right-color: transparent;
}

/* bel historie */

.h-bel-history {
	margin: 0 10px 19px 0;
	padding: 0 0 19px 0;
}

.h-bel-history div.h-table {
	margin: 19px 0;
	float: left;
	clear: both;
}

.h-bel-history .panel-container {
	width: 470px;
}

.h-bel-history div.h-table .disclaimer {
	display: block;
	border-top: 1px solid #cacaca;
	padding: 10px 10px 0 10px;
}

.h-bel-history .input-fields {
	width: 100%;
}

/*put the goright element first, then the goright element*/
.h-bel-history .navigation .goleft {
	float: left;
	vertical-align: top;
}

.h-bel-history .navigation .goright {
	float: right;
}

.h-bel-history .navigation h3 {
	text-align: center;
}

.h-bel-history .navigation.footer {
	clear: both;
   overflow: auto;
}

/* toon verberg */

.h-toon-verberg {
	background: transparent url(../images/hema/h-panel-bg.gif) left top no-repeat;
   margin-bottom: -1px;
   display: block;
   clear: left;
}

.h-toon-verberg h4.klapper {
	height: 38px;
   line-height: 38px;
   width: 490px;
	margin: 0;
	padding: 0 14px;
	background: transparent url("../images/hema/h-klapper-bg.gif") no-repeat left top;
}

.h-toon-verberg.open h4.klapper { background-image: none; }

.h-toon-verberg a.klapper {
	display: block;
   float: right;
   width: 60px;
	padding: 11px 20px 9px 5px;
	margin: -38px 24px 0 0;
	text-align: right;
	background: transparent url("../images/hema/h-openklapper-ver.gif") no-repeat right -86px;
   font-weight: bold;
   outline: 0; /*selectie verbergen in FF*/
}
* html .h-toon-verberg a.klapper { margin-right: 11px; width: 480px; }

.h-toon-verberg a:hover.klapper { background-position: right -236px; }

div.h-toon-verberg.open a.klapper {	color: #333; background-position: right -36px; } /* extra div is nodig voor specificity in IE6 -zucht- */

.h-toon-verberg.open a:hover.klapper {	color: #05a37b; background-position: right 14px; }

.h-toon-verberg .module-container {
	background: #fff url("../images/hema/h-panel-bg.gif") left -1px no-repeat;
   margin: 0 10px 0 0;
}

.h-toon-verberg.open .module-container {
	background: none;
}

.h-toon-verberg .sub-container {
	padding: 1em 4px 4px 14px;
}

.h-toon-verberg .h-toon-verberg-footer {
	clear: both;
	height: 38px;
	background: transparent url('../images/hema/h-panel-footer.gif') left bottom no-repeat;
   margin: -1em 0 0 0;
   padding: 0;
}

.h-toon-verberg .h-toon-verberg-footer a.klapper { margin-top: 0; margin-right: 14px; }

* html .h-toon-verberg .h-toon-verberg-footer a.klapper { margin-right: 6px; }

/*.h-toon-verberg .module-container h5
{
	margin: 0;
	padding: 0;
}

.h-toon-verberg .module-container p
{
	margin: 0;
	padding: 0;
}


.h-toon-verberg.closed .more {
	display: none;
}

/* progress indicator (productfilter)

.h-progress {
   position: fixed;
   z-index: 20000;
   clear: none;
   margin: -800px 0 0 300px;
   width: 200px;
   height: 100px;
   background-color: #00ffff;
}

* html .h-progress {
   position: absolute;
} */

/* ordersteps */

p.h-ordersteps {
   margin: 30px 15px 0 38px;
}

ol.h-ordersteps {
   font-weight: bold;
   padding: 0;
   margin: 28px 0 0 41px;
}

ol.h-ordersteps li {
   color: #aaa;
   padding: 0;
   margin: 0;
   line-height: 2em;
   font-weight: normal;
}

ol.h-ordersteps span, .h-ordersteps a { margin-left: -4px; font-weight: bold; }

* html ol.h-ordersteps { margin-left: 46px; }
* html ol.h-ordersteps a, * html ol.h-ordersteps span { margin-left: -8px; }

*+html ol.h-ordersteps { margin-left: 46px; }
*+html ol.h-ordersteps span, *+html ol.h-ordersteps a { margin-left: -8px; }

ol.h-ordersteps a {
   font-weight: bold;
   font-weight: normal;
}

ol.h-ordersteps span.selected {
   font-weight: bold;
   color: #05a37b;
}

ol.h-ordersteps span {
   cursor: default;
}

/* search results */

.h-search-results span.newline {
   display: block;
}

.h-search-results p.top, .h-search-results p.bottom {
   margin-top: 1.2em;
}

.h-search-results p.top {
   margin-bottom: 20px;
}

.h-search-results .resultset {
   background: #fff url("../images/hema/h-search-results-bg.gif") left top no-repeat;
   padding-top: 12px;
   margin: 0;
}

.h-search-results .resultsetBottom {
   background: #fff url("../images/hema/h-search-results-bg-bottom.gif") left bottom no-repeat;
   height: 15px;
   margin: 0 0 -1px 0;
   font-size: 0;
}

.h-search-results .resultset h3 {
   font-size: 1em;
   margin: 0 14px;
   padding: 0;
}

.h-search-results .resultset h3 span {
   font-weight: normal;
}

.h-search-results .content-results {
   width: 490px;
   margin: 0 14px;
}

.h-search-results ol.content-results, .h-search-results ol.content-results li {
   list-style: none;
   display: block;
   padding: 0;
}

.h-search-results .content-results h4 {
   margin: 1em 0 0 0;
}

.h-search-results .content-results a.kop {
   margin: 0;
}

.h-search-results .content-results a.kop.meer {
   margin-top: 1.2em;
}

.h-search-results .resultset a.kop.meer
{
	margin-left: 14px;
}


.h-search-results span.phone {
   float: right;
   white-space: nowrap;
}

.h-search-results .h-products {
   margin-top: 11px;
}

/* beha maten + kindermaten */

.h-maatwijzer {
   background-image: url("../images/hema/h-panel-bh-maten-bg.png");
   height: 211px;
   overflow: visible;
   position: relative;
}

.h-maatwijzer .panel-container {
	width: 490px;
	margin-bottom: 10px;
}

.h-maatwijzer .panel-container h2 {
	margin-top: 5px;
   padding: 0;
   background-repeat: no-repeat;
   background-position: left 5px;
   text-indent: -999em;
}

.h-maatwijzer .panel-container .size-panel,
.h-maatwijzer .panel-container .onderwijdte, /* obsolete: vervangen door 'size-panel' */
.h-maatwijzer .panel-container .bovenwijdte, /* obsolete: vervangen door 'size-panel' */
.h-maatwijzer .panel-container .result {
	float: left;
	height: 30px;
}

.h-maatwijzer .panel-container .size-panel,
.h-maatwijzer .panel-container .onderwijdte, /* obsolete: vervangen door 'size-panel' */
.h-maatwijzer .panel-container .bovenwijdte /* obsolete: vervangen door 'size-panel' */ {
	width: 156px;
	margin: 0 20px 0 0;
}

.h-maatwijzer .panel-container img {
	margin: 14px 0 0 9px;
}

.h-maatwijzer .panel-container div.result {
	width: 135px;
	height: 50px;
	margin: 88px 0 0 0;
	text-indent: -999em;
}

.h-maatwijzer .panel-container div.result img {
	margin: 0;
}

.h-maatwijzer .panel-container div span {
	display: block;
	padding: 12px 0 5px 0;
	font-weight: bold;
}
/* kindermaten */
.h-maatwijzer .panel-container img.content-image {
   position: absolute;
   right: 75px;
   top: 0;
}

.h-maatwijzer .panel-container div span.ageDescription {
	display: inline;
	padding: 0 0 0 8px;
	font-weight: bold;
}

*+html .h-maatwijzer .panel-container div select { margin-bottom: -2px; }

.h-maatwijzer.kind .panel-container div.result {
	width: 135px;
	margin: 35px 0 0 0;
   clear: left;
}

/* popup (dialoog) */

.h-popup {
   width: 430px;
   position: absolute;
   display: block;
   z-index: 10;
   text-align: left;
}

/* positionering bestelling annuleren
.h-popup.cancel { margin-left: 49px; margin-top: -188px; }
* html .h-popup.cancel { margin-left: -216px; margin-top: -172px; }
*+html .h-popup.cancel { margin-left: -216px; margin-top: -170px; } */

/* positionering mijn profiel, zinloos met .net control
.h-popup.profile { margin-left: 120px; margin-top: -210px; } */

* html div.h-popup input, * html div.h-popup a, * html div.h-popup textarea { position: relative; } /* fix for links + alphafilter in IE6, moet helaas per element sinds modal popups */

.h-popup div.top {
   background: transparent url("../images/hema/h-popup-bg.png") 0 0 no-repeat;
   width: 370px;
   padding: 30px 34px 0 34px;
   float: left;
   margin: 0; /* vanwege meerdere classname issues in IE6... */
}

* html .h-popup div.top { 
   background-image: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-popup-bg.png", sizingMethod = "crop");
}

.h-popup div.bottom {
   background: transparent url("../images/hema/h-popup-bg-bottom.png") 0 0 no-repeat;
   width: 430px;
   height: 35px;
   float: left;
}

* html .h-popup div.bottom { 
   background-image: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-popup-bg-bottom.png", sizingMethod = "crop");
}

.h-popup div.message {
   background: #eee none 0 3px no-repeat;
   padding: 4px 10px 4px 0px;
}

/*
.h-popup.keuze div.message { background-image: url("../images/hema/h-popup-icon-keuze.gif"); padding: 4px 10px 12px 62px; }
.h-popup.cancel div.message { background-image: url("../images/hema/h-popup-icon-annuleren.gif"); padding: 4px 10px 12px 62px; }
.h-popup.profile div.message { background-image: url("../images/hema/h-popup-icon-profile.gif"); padding: 4px 10px 12px 62px; }*/
.h-popup.keuze div.message { background-image: url("../images/hema/h-popup-icon-keuze.gif"); padding: 4px 10px 12px 62px; }
.h-popup.notify div.message { background-image: url("../images/hema/h-popup-icon-notify.gif"); padding: 4px 10px 12px 62px; }
.h-popup.tell div.message { background-image: url("../images/hema/h-popup-icon-tell.gif"); padding: 4px 10px 12px 62px; }

.h-popup a.delete {
   float: right;
   margin-top: -4px;
   margin-right: -7px;
   width: 20px;
   height: 20px;
   background-position: right 1px;
   font-weight: bold;
   display: block;
   text-indent: -999em;
   color: #333;
}

* html .h-popup a.delete {
   margin-right: -3px;
}

.h-popup a:hover.delete {
   background-position: right -149px;
   color: #05a37b;
}

.h-popup h2 {
   padding-top: 0;
   padding-right: 20px;
}

.h-popup h4 {
   margin-top: 0;
}

.h-popup p {
   margin-bottom: 0;
}

.h-popup span {
   float: none; /*ivm inheritance*/ 
}

/* voor formulieren a la wijzigen mijn gegevens */
.h-popup div.form {
   padding: 0 0 0 1px;
   background-color: #eee;
}

.h-popup .input-fields {
   width: 364px;
   margin-top: 18px;
}

.h-popup .input-fields.buttons {
   margin-top: 4px;
}

.h-popup .input-fields .label-field, #h-widecontentpage .h-popup .input-fields .label-field {
   padding-bottom: 5px;
   width: 154px;
}

.h-popup .input-fields .input-field {
   padding-bottom: 0;
}

.h-popup div.form a.kop.input-field {
   width: 133px;
   margin-top: 8px;
   margin-bottom: 8px;
   /*float: left;*/
}
* html .h-popup div.form a.kop.input-field { margin-top: 0; }

.h-popup .input-fields .input-field input.textinput, #h-widecontentpage .panel-container .h-popup .input-fields .input-field input.textinput {
   width: 180px;
}

.h-popup .input-fields .input-field textarea {
   width: 182px;
	height: 4em;
	padding: 1px 2px;
	margin: 2px 0 3px 0;
}

.h-popup div.form input.h-button, .h-popup .input-fields input.h-button {
   margin: 0;
   height: 19px;
}

#h-widecontentpage .panel-container .h-popup .input-fields select {
   width: 182px;
}

/* voor ok/cancel buttons onder popup */
.h-popup div.action {
   width: auto;
   margin: 6px 8px 6px 0;
   text-align: center;
   background-color: #eee;
}

.h-popup input.h-button {
   margin: 10px 12px 0 10px;
}

.h-popup .action input.h-button {
   margin: 10px 10px 0 10px;
}

/* popup (algemene voorwaarden) */

.h-popup.info {
   position: fixed;
   width: 568px;
   top: 100px;
   margin-left: -25px;
   margin-top: 0;
}

* html .h-popup.info {
   position: absolute;
   top: auto;
   left: 226px;
   margin-left: 0;
   margin-top: -450px;
}

*+html .h-popup.info { margin-left: -25px; margin-top: 0; }

.h-popup.info a.delete {
   float: right;
   text-indent: 0;
   padding-right: 22px;
   margin-right: 10px;
   margin-top: 4px;
   width: auto;
}

.h-popup.info div.top {
   background-image: url("../images/hema/h-popup-info-bg.png");
   background-repeat: no-repeat;
   width: 508px;
   padding: 30px 34px 0 34px;
}

* html .h-popup.info div.top { 
   background-image: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-popup-info-bg.png", sizingMethod = "crop");
}

/** html .h-popup.info div.top { background-image: url("../images/hema/h-popup-info-bg.gif"); }*/

.h-popup.info div.bottom {
   background-image: url("../images/hema/h-popup-info-bg-bottom.png");
   background-repeat: no-repeat;
   width: 568px;
   height: 35px;
}

* html .h-popup.info div.bottom { 
   background-image: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-popup-info-bg-bottom.png", sizingMethod = "crop");
}

/** html .h-popup.info div.bottom { background-image: url("../images/hema/h-popup-info-bg-bottom.gif"); }*/

.h-popup.info h2 {
   margin-bottom: 12px;
}

.h-popup.info div.scrollarea {
   width: 496px;
   height: 250px;
   overflow: auto;
   margin-left: -18px;
   margin-bottom: 10px;
   background-color: #fff;
   border-width: 1px 0;
   border-style: solid;
   border-color: #cacaca;
   padding: 10px 20px;
}

.h-popup.info input.h-button {
   margin: 10px 12px 0 10px;
   float: right;
   display: block;
}

* html .h-popup.info input.h-button { margin-bottom: -10px; }
*+html .h-popup.info input.h-button { margin-bottom: -10px; }

/* wide popup, voor pagina brede content (zoals productdetail info) */

.h-popup.wide {
   width: 560px;
}

.h-popup.wide div.top {
   background: transparent url("../images/hema/h-popup-wide-bg.png") 0 0 no-repeat;
   width: 525px;
   margin: 0; /* vanwege meerdere classname issues in IE6... */
}

* html .h-popup.wide div.top { 
   background-image: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-popup-wide-bg.png", sizingMethod = "crop");
}

.h-popup.wide div.bottom {
   background: transparent url("../images/hema/h-popup-wide-bg-bottom.png") 0 0 no-repeat;
   width: 590px;
}

* html .h-popup.wide div.bottom { 
   background-image: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-popup-wide-bg-bottom.png", sizingMethod = "crop");
}

.h-popup.wide div.message {
   padding-bottom: 21px;
   padding-top: 8px;
}

.h-popup.wide div.body {
   width: 521px;
   overflow-y: auto;
   position: relative;
   border-bottom: 6px solid #eee;
}
/* hoogte afgestemd op weergave productdetail foto */
.h-popup.wide div.body { height: 281px; }
* html .h-popup.wide div.body { height: 277px; }

.h-popup.wide div.action {
   margin: 12px 8px 0 0;
}

/* productvariantdetail als popup */

.h-popup.wide div.h-productvariantdetail { width: 504px; }
* html .h-popup.wide div.h-productvariantdetail { width: 494px; margin-bottom: -1em; }
*+html .h-popup.wide div.h-productvariantdetail { width: 495px; margin-bottom: -1em; }

.h-popup.wide div.h-productvariantdetail .productshot { margin-right: 0; }
*+html .h-popup.wide div.h-productvariantdetail .productshot { margin-bottom: -1em; }

.h-popup.wide div.h-productvariantdetail .maininfo { 
   width: 223px;
   clear: right;
   float: right;
}
* html .h-popup.wide div.h-productvariantdetail .maininfo { padding-left: 4px; }
*+html .h-popup.wide div.h-productvariantdetail .maininfo { width: 215px; }

.h-popup.wide div.h-productvariantdetail .maininfo p { margin-left: 0; }

.h-popup.wide div.h-productvariantdetail .maininfo div.quantity { padding-left: 0; }

.h-popup.wide div.h-productvariantdetail .limitedSpecial {
   top: 115px;
}

.h-popup.wide div.h-productvariantdetail .maininfo div.quantity {
   padding-bottom: 20px;
   border-bottom-color: #eee;
}
* html .h-popup.wide div.h-productvariantdetail .maininfo div.quantity { padding-bottom: 0; }

.h-popup.wide div.h-productvariantdetail .orderform {
   background-image: none;
   width: 200px;
   margin-bottom: 5px;
   margin-left: -10px;
}

.h-popup.wide div.h-productvariantdetail .orderform .ordertop {
   background-image: none;
   padding: 0 0 0 0;
}
* html .h-popup.wide div.h-productvariantdetail .orderform .ordertop { padding-top: 5px; }
*+html .h-popup.wide div.h-productvariantdetail .orderform .ordertop { padding-top: 5px; }

.h-popup.wide div.h-productvariantdetail .maininfo .productprice {
   margin-bottom: 10px;
   margin-left: 11px;
}

.h-popup.wide div.h-productvariantdetail table.productoptions {
   margin: 10px 0 5px 10px;
   padding: 0;
}
* html .h-popup.wide div.h-productvariantdetail table.productoptions { margin-left: 11px; margin-top: 16px; }
*+html .h-popup.wide div.h-productvariantdetail table.productoptions { margin-top: 16px; }

.h-popup.wide div.h-productvariantdetail table.productoptions td {
   border: 0;
   padding: 0 20px 5px 0;
   width: auto;
   background: transparent;
}

.h-popup.wide div.h-productvariantdetail .orderform .selectedSku {
   float: none;
   padding: 0;
   width: auto;
   font-weight: bold;
}

.h-popup.wide div.h-productvariantdetail .extendedinfo {
   display: inline-block;
   width: 223px;
   margin-top: -1.5em;
   float: right;
   clear: right;
}
* html .h-popup.wide div.h-productvariantdetail .extendedinfo {
   width: 213px;
   margin-top: -0.5em;
}
*+html .h-popup.wide div.h-productvariantdetail .extendedinfo {
   width: 215px;
   margin-top: -0.5em;
}

.h-popup.wide div.h-productvariantdetail .extendedinfo ul {
   margin-left: 1.2em;
}

.h-categoryOrderList .h-table .h-popup.wide a.kop {
   color: #05a37b;
}


/* modal popup */

.h-popup.modal {
   position: static;
}

.h-popup.modal .input-fields {
   margin-top: 0;
}

.h-popup.modal .input-fields .h-button, .h-popup.modal .input-fields a.kop.goleft {
   margin-top: 4px;
}

div.h-modalbg {
   margin: 0;
   padding: 0;
   opacity: 0.5;
   /* achtergrondkleur wordt bepaald in hema-pallet.cssx (pruikkleur) */
}
* html div.h-modalbg { filter:alpha(opacity: 50); }
*+html div.h-modalbg { filter:alpha(opacity: 50); }
div.h-modalbg { -ms-filter:"alpha(opacity: 50)"; } /* IE8 */

/* Kindermaten */

.h-kinder-maten
{
	position: relative;
}

.h-kinder-maten .panel-container
{
	width: 490px;
}

.h-kinder-maten .panel-container h2
{
	font-size: 1.4em;
	padding-top: 5px;
}

.h-kinder-maten .kinder-maatwijzer
{
	display: block;
	padding: 12px 0 5px 0;
	font-weight: bold;
}

.h-kinder-maten .panel-container .size-image
{
	display:block;
	height: 51px;
	margin: 24px 0 38px 0;
}

.h-kinder-maten .panel-container .content-image
{
	display: block;
	position: absolute;
	left: 200px;
	bottom: 15px;
}

/* transaction selection */

.h-transaction-selection {
   margin-top: -20px;
}

.h-transaction-selection td.label-field {
   padding-top: 9px;
}

.h-transaction-selection label {
	display:block;
   float: left;
   background: #eee url("../images/hema/h-transaction-selection.gif") no-repeat 0 0;
   margin: 0 10px 15px 0;
   cursor: pointer;
   font-weight: bold;
	width: 238px;
	*width: 242px;
	height: 40px;
	line-height: 40px;
   padding: 0 0 0 8px;
	*padding-left: 4px;
	font-size: 1.1em;
}

.h-transaction-selection label:hover, .h-transaction-selection label.checked {
   /*background-color: #f6f6f6;*/
   color: #05a37b;
}

.h-transaction-selection label:hover.disabled, .h-transaction-selection label.disabled {
   color: #999;
   cursor: default;
}

.h-transaction-selection label#ideal { background-position: 0 0; }
.h-transaction-selection label#mastercard { background-position: 0 -50px; }
.h-transaction-selection label#visa { background-position: 0 -100px; }
.h-transaction-selection label#hema-cadeaukaart { background-position: 0 -150px; }
.h-transaction-selection label#ideal.disabled { background-position: -250px 0; }
.h-transaction-selection label#mastercard.disabled { background-position: -250px -50px; }
.h-transaction-selection label#visa.disabled { background-position: -250px -100px; }
.h-transaction-selection label#hema-cadeaukaart.disabled { background-position: -250px -150px; }
.h-transaction-selection label#ideal.checked { background-position: -500px 0; }
.h-transaction-selection label#mastercard.checked { background-position: -500px -50px; }
.h-transaction-selection label#visa.checked { background-position: -500px -100px; }
.h-transaction-selection label#hema-cadeaukaart.checked { background-position: -500px -150px; }

.h-transaction-selection .panel-container .input-fields label input {
	border: none;
   cursor: pointer;
   width: auto !important;
   margin-right: 50px !important;
	bottom: -3px;
	*bottom: -1px;
   outline: 4;
	height: auto;
	position: relative;
}

/* Aflever adres delivery address */
.delivery-at-address
{
	padding: 0 0 10px 0;
}

.delivery-at-address	.simple
{
	display: block;
	margin: 0 0 4px 0;
}

/*h-hema-order-selected-options order selected options*/

.h-hema-order-selected-options ul
{
	margin-top: 14px;
	margin-bottom: 14px;
}

.mijn-orders .pager td {
	border-top: 1px solid #cacaca;
	border-right: none;
	background: transparent url("../images/hema/h-tablefooterbg.gif") no-repeat bottom left;
   font-weight: bold;
}

.mijn-orders .pager a, .mijn-orders .pager span {
   padding-right: 2px;
}

.saldo-customer-card .label-field {
	width: 123px;
}

.saldo-customer-card .panel-container .input-fields .input-field .textinput.viernummers {
	width: 30px;
}

.saldo-customer-card .panel-container .input-fields .input-field .textinput.personnumber {
	width: 112px;
}

.saldo-customer-card .result {
	font-weight:bold;
}

.h-catalogList .orderProduct div.quantity {
	font-weight:normal;
    color: #999;
}

.h-products div.quantity {
	font-weight:normal;
	color: #999;
}

/* mijn orders popup voor winkels */

.mijn-orders .h-info-button {
   margin: -8px 0 0 0;
   display: block;
   width: 55px;
}
* html .mijn-orders .h-info-button { margin: -24px 0 0 -3px; }
*+html .mijn-orders .h-info-button { margin-top: -14px; }

.mijn-orders .h-info-popup {
   margin: -28px 0 0 36px;
   position: absolute;
   cursor: auto;
}
* html .mijn-orders .h-info-popup { margin: -12px 0 0 -8px; }
*+html .mijn-orders .h-info-popup { margin: -12px 0 0 -8px; }

.mijn-orders .h-info-popup h4 {
   margin: 6px 0 4px 0;
}

.mijn-orders .h-info-popup div.content {
   overflow: auto;
}
* html .mijn-orders .h-info-popup div.content { overflow: visible; }

.mijn-orders .h-info-popup div.content div {
   margin-left: 55px;
   margin-bottom: 2px;
   clear: both;
}

.mijn-orders .h-info-popup span.label {
   clear: left;
   width: 55px;
   margin: 0 0 0 -55px;
   float: left;
   display: block;
}
* html .mijn-orders .h-info-popup span.label { margin: 0 0 0 -27px; }

/* mijn HEMA */

.mijn-order-details {
   margin-bottom: 17px;
}

.mijn-order-details .h-panel-1column .panel-container {
   width: 480px;
}

.mijn-order-details .panel-container td {
   vertical-align: top;
}

.mijn-order-details .h-toolbarbutton.print {
   float: right;
   margin-top: 14px;
   margin-right: 6px;
}
/* in IE heb ik wat extra ruimte nodig, elders niet */
.mijn-order-details tr.spacing td { padding-top: 0; border: 0; }
* html .mijn-order-details tr.spacing td { padding-top: 15px; }
*+html .mijn-order-details tr.spacing td { padding-top: 15px; }

.mijn-order-details .panel-container p {
   margin-top: 2em;
}

.mijn-order-details .h-button, .mijn-order-details a.kop {
   margin: 16px 10px 0 0;
   float: right;
}

/* tabbladen (6-8-07 voor productdetail) */

ul.tabs {
   border-bottom: 1px solid #cacaca;
   height: 24px;
   margin-bottom: 20px;
}

* html ul.tabs { overflow: hidden; }

ul.tabs h3 {
   display: inline;
   font-size: 1em;
}

ul.tabs a {
   color: #333;
   float: left;
   display: block;
   font-weight: normal;
   padding: 5px 10px;
   position: relative;
   background: #fff url("../images/hema/h-tabs.gif") -1px 0 no-repeat;
}

ul.tabs a:hover {
   color: #05a37b;
   background-position: -1px -50px;
}

ul.tabs a.active {
   font-weight: bold;
   background-position: -1px -100px;
}

ul.tabs a:hover.active {
   color: #333;
   background-position: -1px -100px;
}

ul.tabs a span {
   position: absolute;
   display: block;
   right: 0;
   top: 0;
   height: 25px;
   width: 10px;
   background: #fff url("../images/hema/h-tabs.gif") -290px 0 no-repeat;
   cursor: pointer; /* IE is a bit confused here */
}

ul.tabs a:hover span { background-position: -290px -50px; }
ul.tabs a.active span, ul.tabs a.active:hover span { background-position: -290px -100px; }

ul.tabs li:first-child a, ul.tabs li.first-child a { background-position: 0 0; }
ul.tabs li:first-child a:hover, ul.tabs li.first-child a:hover { background-position: 0 -50px; }

ul.tabs li:first-child a.active, ul.tabs li.first-child a.active { background-position: 0 -100px; }
ul.tabs li:first-child a:hover.active, ul.tabs li.first-child a:hover.active { background-position: 0 -100px; }

ul.tabs a span {
   position: absolute;
   display: block;
   right: 0;
   top: 0;
   height: 25px;
   width: 10px;
   background: #fff url("../images/hema/h-tabs.gif") -290px 0 no-repeat;
   cursor: pointer; /* IE is a bit confused here */
}

ul.tabs a:hover span { background-position: -290px -50px; }
ul.tabs a.active span, ul.tabs a.active:hover span { background-position: -290px -100px; }

/* informatie button + popup bij formulieren (CR3533: afhaaladres 8-2007) */

.h-info-button {
   position: absolute;
   width: 28px;
   height: 23px;
   margin-top: 2px;
   margin-left: 4px;
   cursor: default;
   color: #05a37b;
   z-index:1;
}

* html .h-info-button {
   padding-top: 10px;
   padding-left: 4px;
   margin: -8px 0 0 -2px;
}

*+html .h-info-button {
   margin-left: 1px;
}
/* correctie achter module titel in wishlist */
h3 .h-info-button {
   margin-top: 1px;
}
* html h3 .h-info-button { margin-top: -10px; }

h3 .h-info-popup {
   font-weight: normal;
   font-size: 85%;
}
* html h3 .h-info-popup { font-size: 80%; }
*+html h3 .h-info-popup { font-size: 80%; }

/* fix voor FF 2.x, hiervoor moet IE wel weer bijgestuurd worden */
#h-widecontentpage .h-hema-mijn-gegevens.linked td .h-info-button {
   position: static;
   display: block;
}
* html #h-widecontentpage .h-hema-mijn-gegevens.linked td .h-info-button { position: absolute; margin: -5px 0 0 1px; }
*+html #h-widecontentpage .h-hema-mijn-gegevens.linked td .h-info-button { position: absolute; margin: 3px 0 0 4px; }

/* Safari hack, specifiek voor info weergave bij standaard hema formulieren */
body:not(:root:root) td .h-info-button {
   margin-left: 205px;
}

/* Safari hack, specifiek voor info weergave bij standaard hema formulieren op wide template */
body:not(:root:root) #h-widecontentpage td .h-info-button {
   margin-left: 176px;
}

/* Safari hack, specifiek voor info weergave bij 924 bezorgen */
body:not(:root:root) #h-widecontentpage .h-hema-mijn-gegevens #afleveradres td .h-info-button {
   margin-top: -49px;
}
body:not(:root:root) #h-widecontentpage .h-hema-mijn-gegevens.linked td .h-info-button {
   margin-left: 4px;
}

.h-info-popup {
   display: none;
   width: 250px;
   margin: -25px 0 0 -4px;
   font-size: 0.95em;
   text-indent: 0;
   color: #333;
}
* html .h-info-popup { font-size: 0.9em; margin-top: -28px; }
*+html .h-info-popup { font-size: 0.9em; margin-top: -28px; }

span:hover.h-info-button .h-info-popup, span.h-info-button.hover .h-info-popup { display: block; }

* html .h-info-popup a { position: relative; } /* fix for IE6 */

.h-info-popup .content {
   background: transparent url("../images/hema/h-informatie-popupbg.png") 0 0 no-repeat;
   padding: 12px 22px 0 40px;
   /*overflow: auto;*/
   min-height: 26px;
   z-index: 1;
}

* html .h-info-popup .content { 
   background-image: none;
   height: 26px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-informatie-popupbg.png", sizingMethod = "crop");
}

div.h-info-popup h4 {
   margin: 0 0 4px 0;
}

div.h-info-popup table {
   width: 100%;
   margin: 7px 0;
}

.h-info-popup .content p:last-child { margin-bottom: 0; }

.h-info-popup div.bottom {
   background: transparent url("../images/hema/h-informatie-popupbg-bottom.png") 0 0 no-repeat;
   height: 40px;
}

* html .h-info-popup div.bottom {
   background-image: none;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-informatie-popupbg-bottom.png", sizingMethod = "crop");
}

.h-info-popup .kop {
   background-position: 0 -1px;
}

.h-info-popup :hover.kop {
   background-position: 0 -41px;
}

/* simple-variant: zonder "i": vestiging zoeken/openingstijden */
.h-info-popup.simple {
   width: 232px;
}

.h-info-popup.simple .content {
   background-image: url("../images/hema/h-informatie-popupbg-simple.png");
   padding-left: 22px;
   min-height: 18px;
}

* html .h-info-popup.simple .content {
   height: 18px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-informatie-popupbg-simple.png", sizingMethod = "crop");
}

.h-info-popup.simple .bottom {
   background-image: url("../images/hema/h-informatie-popupbg-simple-bottom.png");
   height: 40px;
}

* html .h-info-popup.simple .bottom {
   margin-left: -18px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-informatie-popupbg-simple-bottom.png", sizingMethod = "scale");
}
/**/
.h-hema-mijn-gegevens .panel-container .input-field .h-info-popup span {
   font-weight: normal;
}

/* showProduct */

.h-showProducts {
   display: block;
   clear: both;
   /*float: left;*/
   width: 100%;
}

.h-showProducts a {
   float: left;
   display: block;
   width: 254px;
   padding: 5px 0;
   position: relative;
   border-bottom: 10px solid #fff;
   margin-right: 10px;
   background: transparent url("../images/hema/h-showproducts-border.gif") no-repeat 0 150px;
   color: #333;
   outline: 0;
}
* html .h-showProducts { margin-right: -20px; }

.h-showProducts a:hover, .h-showProducts a.emphasis {
   background-position: 0 0;
}

.h-topnav li ul.products li a {
   border-bottom: 1px solid #cacaca;
   padding: 7px 0;
   width: 254px;
   position: relative;
   overflow: hidden;
}

.h-topnav li ul.products li:last-child a, .h-topnav li ul.products li.last-child a {
   border-bottom-width: 0;
}

.h-showProducts img, .h-topnav li ul.products img {
   float: left;
   margin: 0 9px 0 5px;
}

.h-topnav li ul.products img { margin: 0 9px 0 0; }

.h-topnav li ul.products a:hover img { opacity: 0.85; }
* html .h-topnav li ul.products a:hover img { filter:alpha(opacity: 85); }
*+html .h-topnav li ul.products a:hover img { filter:alpha(opacity: 85); }
.h-topnav li ul.products a:hover img { -ms-filter:"Alpha(opacity: 85)"; } /* IE8 */

.h-topnav li ul.products div {
   left: auto;
   position: relative;
   top: auto;
   width: auto;
   border-width: 0;
}

.h-showProducts span, .h-topnav li ul.products span { font-size: 1em; }

.h-topnav li ul.products span {
   display: block;
   top: auto;
   left: auto;
   overflow: visible;
   position: relative;
   background-color: transparent;
}

.h-showProducts span.table, .h-topnav li ul.products span.table {
   float: left;
}

.h-showProducts span.table, .h-showProducts span.cell, .h-showProducts span.IE, .h-topnav li ul.products span.table, .h-topnav li ul.products span.cell, .h-topnav li ul.products span.IE {
   width: 134px;
   overflow: visible;
   text-align: left;
   font-size: 1em;
}
.h-topnav li ul.products span.table, .h-topnav li ul.products span.cell, .h-topnav li ul.products span.IE { width: 141px; }

.h-showProducts span.table, .h-topnav li ul.products span.table {
   height: 55px;
   margin: 0;
   border-top: 5px solid #fff;
}
* html .h-showProducts span.table, * html .h-topnav li ul.products span.table { height: 52px; }

.h-showProducts span.table span, .h-topnav span.table span {
   height: auto;
}
/* showProduct: uitverkocht label */
.h-showProducts .limitedSpecial, .h-topnav li ul.products .limitedSpecial {
   margin: -45px 0 0 2px;
   position: absolute;
   width: 108px;
   height: 16px;
   padding: 14px 0px;
   background: transparent url("../images/hema/h-uitverkocht-small.png") 0 0 no-repeat;
   font-size: 0.95em;
   clear: both;
}

.h-topnav li ul.products .limitedSpecial { margin-left: -3px; }

* html .h-showProducts .limitedSpecial, * html .h-topnav li ul.products .limitedSpecial { 
   background-image: none !important;
   margin-top: -71px;
   font-size: 0.9em;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/hema/h-uitverkocht-small.png",sizingMethod='crop');
}

*+html .h-showProducts .limitedSpecial, *+html .h-topnav li ul.products .limitedSpecial {
   margin-top: -71px;
   font-size: 0.9em;
}
/* showProduct: out of stock label */
.h-showProducts .outOfStock, .h-topnav li ul.products .outOfStock {
   margin: -54px 0 0 2px;
   position: absolute;
   width: 108px;
   height: 16px;
   height: 32px;
   padding: 14px 0px;
   background: transparent url("../images/hema/h-productOverlay-small.png") 0 0 no-repeat;
   font-size: 0.95em;
   clear: both;
}

.h-topnav li ul.products .outOfStock { margin-left: -3px; }

* html .h-showProducts .outOfStock, * html .h-topnav li ul.products .outOfStock { 
   background-image: none !important;
   margin-top: -80px;
   font-size: 0.9em;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/hema/h-productOverlay-small.png",sizingMethod='crop');
}

*+html .h-showProducts .outOfStock, *+html .h-topnav li ul.products .outOfStock {
   margin-top: -80px;
   font-size: 0.9em;
}

/* showProduct + categoryOrderList: herstellen productprice */
.h-showProducts .productprice, .h-showProducts .productprice span, .h-topnav li ul.products .productprice, .h-topnav li ul.products .productprice span, .h-categoryOrderList td.center .productprice, .h-categoryOrderList td.center .productprice span {
   display: inline;
   padding-left: 0;
   height: auto;
   font-size: 1em; /* toegevoegd voor categoryOrderList */
   white-space: normal; /* toegevoegd per 2.5.1 */
}

.h-showProducts .productprice .good, .h-topnav li ul.products .productprice .good, .h-categoryOrderList td.center .productprice .good {
   padding: 2px 1px 1px 10px;
   background: #ff0 url("../images/hema/h-good-M.gif") no-repeat 0 0;
}

* html .h-showProducts .productprice .good, * html .h-topnav li ul.products .productprice .good, * html .h-categoryOrderList td.center .productprice .good { display: inline-block; padding-top: 1px; width: 1%; }
*+html .h-showProducts .productprice .good, *+html .h-topnav li ul.products .productprice .good, *+html .h-categoryOrderList td.center .productprice .good { display: inline-block; padding-top: 1px; }
/* bugfix alleen voor h-categoryOrderList? */
*+html .h-categoryOrderList td.center .productprice .good { display: inline; padding: 2px 1px 1px 10px; }

body:not(:root:root) .h-showProducts .productprice .good, body:not(:root:root) .h-topnav li ul.products .productprice .good, body:not(:root:root) .h-categoryOrderList td.center .productprice .good {
   display: inline-block;
   height: 15px;
   background-position: 0 -1px;
}

body:not(:root:root) .h-showProducts .productprice .good { height: 17px; }

.h-showProducts .productprice .good span, .h-topnav li ul.products .productprice .good span, .h-categoryOrderList td.center .productprice .good span {
   background-color: #fff;
   padding-left: 2px;
}
* html .h-showProducts .productprice .good span, * html .h-topnav li ul.products .productprice .good span, * html .h-categoryOrderList td.center .productprice .good span { display: inline-block; }
*+html .h-showProducts .productprice .good span, *+html .h-topnav li ul.products .productprice .good span, *+html .h-categoryOrderList td.center .productprice .good span { display: inline; }

body:not(:root:root) .h-showProducts .productprice .good span, body:not(:root:root) .h-topnav li ul.products .productprice .good span, body:not(:root:root) .h-categoryOrderList td.center .productprice .good span {
   line-height: 12px;
   padding-bottom: 3px;
   display: inline-block;
   padding-top: 1px;
   margin-top: -1px;
}

/* showProduct: signing */

.h-showProducts a.rood, .h-showProducts a:hover.rood { background-position: 0 -150px; } /* nu: rood */

.h-showProducts a.oranje, .h-showProducts a:hover.oranje { background-position: 0 -300px; } /* meest populair: oranje */

.h-showProducts a.groen, .h-showProducts a:hover.groen { background-position: 0 -450px; } /* net binnen: groen */

.h-showProducts .sign, .h-showProducts .sign1, .h-showProducts .sign2, .h-showProducts .sign3, .h-showProducts .sign4, .h-topnav li ul.products .sign, .h-topnav li ul.products .sign1, .h-topnav li ul.products .sign2, .h-topnav li ul.products .sign3, .h-topnav li ul.products .sign4 {
   width: 38px;
   height: 38px;
   position: absolute;
   cursor: pointer; /* voor IE */
}

.h-showProducts .sign { margin: 4px 0 0 -242px; }
.h-showProducts .sign1 { margin: 49px 0 0 -242px; }
.h-showProducts .sign2 { margin: 4px 0 0 -182px; }
.h-showProducts .sign3 { margin: 49px 0 0 -182px; }

.h-topnav .sign { margin: 3px 0 0 4px; }
.h-topnav .sign1 { margin: 47px 0 0 4px; }
.h-topnav .sign2 { margin: 3px 0 0 64px; }
.h-topnav .sign3 { margin: 47px 0 0 64px; }

* html .h-topnav .sign { margin: 3px 0 0 -107px; }
* html .h-topnav .sign1 { margin: 47px 0 0 -107px; }
* html .h-topnav .sign2 { margin: 3px 0 0 -47px; }
* html .h-topnav .sign3 { margin: 47px 0 0 -47px; }

*+html .h-topnav .sign { margin: 3px 0 0 -253px; }
*+html .h-topnav .sign1 { margin: 47px 0 0 -253px; }
*+html .h-topnav .sign2 { margin: 3px 0 0 -187px; }
*+html .h-topnav .sign3 { margin: 47px 0 0 -187px; }

.h-topnav .sign { margin-top /*\**/: -57px\9; }
.h-topnav .sign1 { margin-top /*\**/: -13px\9; }
.h-topnav .sign2 { margin-top /*\**/: -57px\9; }
.h-topnav .sign3 { margin-top /*\**/: -13px\9; }

body:not(:root:root) .h-showProducts .sign { margin: 5px 0 0 9px; }
body:not(:root:root) .h-showProducts .sign1 { margin: 49px 0 0 9px; }
body:not(:root:root) .h-showProducts .sign2 { margin: 5px 0 0 69px; }
body:not(:root:root) .h-showProducts .sign3 { margin: 49px 0 0 69px; }

/* Hylo FAQ */

.h-assistant img { cursor: pointer; }
.h-assistant a {
   color: #05a37b;
   padding-left: 12px;
   background:transparent url(../images/hema/h-arrow.gif) no-repeat scroll left 0pt;
}

#paneleft .h-assistant img { margin-bottom: 23px; }

#paneright .h-assistant {
	margin: 25px 0 0 21px;
}

.h-assistant iframe {
   overflow: hidden;    
   margin-left: -10px;
   margin-top: -12px;
   width: 538px;
}

/* extra services vestiging + legenda */

.extraservices {
   margin-top: 8px;
   margin-bottom: 0;
}

.extraservices dt {
   clear: left;
   float: left;
   height: 1.5em;
   width: 26px;
}
* html .extraservices dt { width: 23px; }

.extraservices dd {
   display: block;
   min-height: 1.5em;
   margin-left: 0;
   margin-bottom: 4px;
   line-height: 1.25em;
}
* html .extraservices dd { margin-bottom: 2px; }

/* als legenda bij vestiging zoeken */
.extraserviceslegend {
   margin-bottom: 25px;
   padding: 0 23px;
   color: #666;
}

/* h-categoryOrderList */

.h-categoryOrderList {
   margin: 1.4em 0 0 0;
   clear: both;
}

* html .h-categoryOrderList div.h-toolbarbutton {
   height: 33px; /* because IE6 doesn't know its whitespace from its dynamic content or something... */
}

.h-categoryOrderList a.h-toolbarbutton {
   float: right;
   margin: 0 22px 12px 0;
}
* html .h-categoryOrderList a.h-toolbarbutton { margin: 0 11px -4px 0; }

.h-categoryOrderList a.h-toolbarbutton.bottom {
   margin: 19px 22px 0 0;
}
* html .h-categoryOrderList a.h-toolbarbutton.bottom { margin: 19px 11px 0 0; }

.h-categoryOrderList div.totalPrice {
   background: transparent url(../images/hema/h-panel-footer.gif) no-repeat left bottom;
   margin: 0 0 25px 0;
   padding-bottom: 6px;
   clear: both;
}

.h-categoryOrderList div.totalPrice div {
   background: transparent url(../images/hema/h-panel-bg.gif) no-repeat left top;
   margin: 0;
   height: 39px;
   position: relative;
}

.h-categoryOrderList div.totalPrice h4 {
   position: absolute;
   left: 15px;
   top: -3px;
}
* html .h-categoryOrderList div.totalPrice h4 { top: 14px; }
*+html .h-categoryOrderList div.totalPrice h4 { top: 14px; }

.h-categoryOrderList div.totalPrice div div {
   position: absolute;
   top: 10px;
   right: 22px;
   float: right;
   height: 25px;
   background: none;
}

.h-categoryOrderList div.totalPrice .productprice {
   background: transparent url(../images/hema/h-categoryOrderList-totalPriceLabel.gif) no-repeat left top;
   width: 67px;
   height: 22px;
   padding: 3px 6px 0 6px;
   display: block;
   text-align: right;
   vertical-align: middle;
   float: left;
}

.h-categoryOrderList div.totalPrice div div div {
   position: relative;
   float: left;
   height: auto;
   width: auto;
   margin: -7px -21px 0 31px;
}
*+html .h-categoryOrderList div.totalPrice div div div { margin: -7px -11px 0 15px; }

* html .h-categoryOrderList div.totalPrice div div div { margin: -7px -22px 0 15px; }
* html .h-categoryOrderList div.totalPrice input { margin-right: 22px; }

.h-categoryOrderList div.h-table {
   margin: 25px 0;
   clear: both;
}

.h-categoryOrderList .h-table td.right select {
   width: 45px;
}

.h-categoryOrderList .h-table th.center {
   width: 110px;
}

.h-categoryOrderList .h-table th.right {
   width: 50px;
}

.h-categoryOrderList .h-table td.leftborder {
   vertical-align: middle;
}

.h-categoryOrderList div.h-table.striped table.h-table td.leftborder {
   padding-right: 0;
   width: 75px;
}

.h-categoryOrderList .h-table a {
   font-weight: bold;
   color: #333;
}

.h-categoryOrderList .h-table a:hover {
   color: #05a37b;
}

.h-categoryOrderList .h-table th, .h-categoryOrderList .h-table .productprice {
   white-space: nowrap;
}

.h-categoryOrderList div.quantity {
	font-weight:normal;
	color: #999;
   margin-bottom: 10px;
}
* html .h-categoryOrderList div.quantity {
	height: 0;
   border-bottom: 10px solid #fff;
}
*+html .h-categoryOrderList div.quantity {
	height: 0%;
   border-bottom: 10px solid #fff;
}

.h-categoryOrderList div.h-table.striped table.orderform th {
   padding: 5px 10px 10px 0;
   font-weight: normal;
   text-transform: lowercase;
   border: 0;
}
* html .h-categoryOrderList div.h-table.striped table.orderform th { padding-top: 5px; }
*+html .h-categoryOrderList div.h-table.striped table.orderform th { padding-top: 6px; }

.h-categoryOrderList div.h-table.striped table.orderform td {
   padding: 0;
   border: 0;
}

.h-categoryOrderList .orderform ul a:hover, .h-categoryOrderList .orderform ul a:hover.selected {
   color: #b500a3;
   background-color: #fff;
}

.h-categoryOrderList .h-loading {
   margin-left: -77px;
   margin-top: 4px;
   position: absolute;
   width: 45px;
   height: 45px;
   padding: 0;
   background-color: transparent;
   background-image: url("../images/hema/h-loading-bg.png");
   z-index: 100;
   overflow: hidden;
}
* html .h-categoryOrderList .h-loading {
   background-image: none;
   margin-top: 8px;
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "/images/hema/h-loading-bg.png", sizingMethod = "crop");
}

/* wishlist */

.h-wishlist {
   margin-top: 8px;
}

.h-wishlist .basketView .footer {
   border-top: none;
   height: 5px;
   overflow: hidden;
   padding: 0;
}

.h-wishlist .addproduct {
   margin-top: -1px;
   position: relative;
}

.h-wishlist .h-panel-1column p {
   margin-bottom: 4px;
}

#h-widecontentpage .h-wishlist table.h-table.basketView th {
   /*width: 350px;*/
}

#h-widecontentpage .h-wishlist table.h-table.basketView th.right {
   width: 75px;
}

#h-widecontentpage .h-wishlist table.h-table.basketView th.center {
   width: 120px;
}

#h-widecontentpage .h-wishlist table.h-table.basketView th.center.noborder {
   /*width: 140px;*/
}

#h-widecontentpage .h-wishlist table.h-table.basketView th.noborder {
   width: 10px;
}

#h-widecontentpage .h-wishlist .h-panel-1column.addproduct .panel-container .input-fields .label-field {
   /*width: 90px;*/
}

#h-widecontentpage .h-wishlist .addproduct .panel-container .input-field {
   vertical-align: top;
}

#h-widecontentpage .h-wishlist .addproduct .panel-container .input-field input {
   width: 270px;
}

#h-widecontentpage .h-wishlist .h-panel-1column.addproduct .panel-container .input-fields .label-field.last {
   width: 20px;
   padding-left: 25px;
}
* html #h-widecontentpage .h-wishlist .h-panel-1column.addproduct .panel-container .input-fields .label-field.last { padding-left: 10px; }

#h-widecontentpage .h-wishlist .addproduct .panel-container .input-field.last input {
   width: 100px;
   margin-right: 25px;
}

#h-widecontentpage .h-wishlist .addproduct .panel-container .input-field input.h-button, #h-widecontentpage .h-wishlist .givename .panel-container .input-field input.h-button {
   height: 19px;
   right: 40px;
   margin-right: 0;
   position: absolute;
}

.h-wishlist .givename {
   position: relative;
   margin-bottom: -1px;
}

#h-widecontentpage .h-wishlist .h-panel-1column.givename .panel-container .input-fields .label-field {
   width: 90px;
}

#h-widecontentpage .h-wishlist .h-panel-1column.addproduct .panel-container .input-fields .label-field {
   width: 90px;
}

#h-widecontentpage .h-wishlist .givename .panel-container .input-field input {
   width: 270px;
}

.h-wishlist .onebutton {
   position: relative;
}

.h-wishlist .onebutton p {
   margin: 1em 0 0 0;
}

.h-wishlist .onebutton input.h-button {
   right: 40px;
   top: 20px;
   position: absolute;
}

/* wishlistresults (volgt vormgeving vestigingzoeken) */

.wishlistresults {
   margin-bottom: -1px;
}

.wishlistresults table.h-table td.footer {
   border-right: 1px solid #cacaca;
   border-top: none;
   padding: 0;
   height: 5px;
}

.wishlistresults table.h-table td.noborder.footer {
   border-right: none;
}

.wishlistsearch span.error {
   padding: 0 0 8px 0;
}

/* CR5071: Nl adresinvoer mijn gegevens etc. */

.panel-container table.input-fields.adrCountry {
   margin: -9px 0 1px 0;
}
* html .panel-container table.input-fields.adrCountry { margin: -12px 0 -19px 0; }
* html #h-widecontentpage .panel-container table.input-fields.adrCountry { margin: 3px 0 0 0; }

* html .h-registreer .panel-container table.input-fields.adrCountry { margin: -8px 0 3px 0; }
*+html .h-registreer .panel-container table.input-fields.adrCountry { margin: -8px 0 3px 0; }

.panel-container table.input-fields.adrNl, .panel-container table.input-fields.adrInt {
   margin: 0 0 -30px 0;
}
*+html .panel-container table.input-fields.adrNl, *+html .panel-container table.input-fields.adrInt { margin-top: 6px; }
*+html #h-widecontentpage .panel-container table.input-fields.adrNl, *+html #h-widecontentpage .panel-container table.input-fields.adrInt { margin-top: -3px; }

.h-registreer .panel-container table.input-fields.adrNl, .h-registreer .panel-container table.input-fields.adrInt {
   margin: 0 0 -4px 0;
}
* html .h-registreer .panel-container table.input-fields.adrNl, * html .h-registreer .panel-container table.input-fields.adrInt { margin-bottom: -14px; }
*+html .h-registreer .panel-container table.input-fields.adrNl, *+html .h-registreer .panel-container table.input-fields.adrInt { margin-bottom: -14px; }

table.input-fields .input-field input.textinput.adrNr, #h-widecontentpage .panel-container .input-fields .input-field input.textinput.adrNr {
   width: 60px;
}
* html #h-widecontentpage .h-popup .input-fields .input-field input.textinput.adrNr { width: 60px !important; }

table.input-fields.adrNl input.adrShow, #h-widecontentpage .panel-container .input-fields.adrNl input.adrShow {
   height: auto;
   width: auto;
   padding: 0;
   display: inline-block;
   margin-left: 5px;
   color: #a00091;
   font-weight: bold;
   border: none;
   text-align: left;
   background: #eee;
   cursor: pointer;
}
* html .panel-container table.input-fields.adrNl input.adrShow, * html #h-widecontentpage .panel-container .input-fields.adrNl input.adrShow {
   width: 1%;
   overflow-x: visible;
}
*+html .panel-container table.input-fields.adrNl input.adrShow, *+html #h-widecontentpage .panel-container .input-fields.adrNl input.adrShow {
   position: absolute;
}

table.input-fields.adrNl input:hover.adrShow, #h-widecontentpage .panel-container .input-fields.adrNl input:hover.adrShow {
   color: #b500a3;
}

#h-widecontentpage .panel-container table.input-fields.adrCountry {
   margin-bottom: -1px;
   margin-top: 3px;
}

.h-hema-mijn-gegevens .h-loading, .h-registreer .h-loading, .h-popup .h-loading {
   position: absolute;
   margin: 47px 0 0 94px;
}
* html .h-hema-mijn-gegevens .h-loading { margin-top: 64px; }

* html .h-registreer .h-loading { margin-top: 42px; }

#h-widecontentpage .h-hema-mijn-gegevens .h-loading {
   margin-top: 50px;
}
* html #h-widecontentpage .h-hema-mijn-gegevens .h-loading { margin-top: 57px; }

.h-popup .h-loading {
   margin: 49px 0 0 116px;
}
* html .h-popup .h-loading { margin-top: 56px; }