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

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

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

a:hover {
   text-decoration: none;
   color: #666;
}

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

#h-includepage {
   position: relative;
   width: 964px;
   margin: 0 auto;
   background: transparent url("http://template.hema.nl/images/hema/h-pagetop-blank-bg.png") no-repeat top left;
}

* html #h-includepage {
   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 = "http://template.hema.nl/images/hema/h-pagetop-blank-bg.png", sizingMethod = "crop");
}

.h-content {
   float: left;
   width: 964px;
   margin-top: 103px;
   background: #fff;
}

#panebottom {
   clear: both;
}

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

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

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

#panebottom span.productprice { display: block; }

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

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

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

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

#panebottom .productprice .good span {
   background-color: #fff;
   padding: 1px 2px 0 2px;
   margin: 0;
}
/* vertical spacing fake stuff */
#panebottom span.table, #panebottom .h-topnav li ul.products span.table { 
   display: table;
   cursor: pointer;
}

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

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

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

* html #panebottom span.IE, * html #panebottom .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 #panebottom span.IE, *+html #panebottom .h-topnav li ul.products span.IE { position: relative; display: block; top: -50%; border-bottom: 1px solid transparent; }

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

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

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

/* LOGO */

.h-logo {
   position: absolute;
   top: 0px;
   left: 0px;
   height: 80px;
   width: 80px;
}

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

/* Sitemap */

.h-sitemap {
	width: 919px;
   padding: 6px 0;
	border: solid white;
	border-width: 0 22px 0 23px;
	background: transparent url("http://template.hema.nl/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 = "http://template.hema.nl/images/hema/h-sitemapRoundedTop.png", sizingMethod = "crop");
}

.h-sitemap-bottom {
	height: 5px;
   clear: both;
	background: transparent url("http://template.hema.nl/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 = "http://template.hema.nl/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;}
*+html .h-sitemap .empty-item {margin-top: -5px;}

.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;
	padding: 0;
	margin: 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;
   font-weight: normal;
}

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

#panebottom #h-tagcloud {
   background: #fff url("http://template.hema.nl/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;}

/*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;
   font-weight: normal;
	background: transparent url("http://template.hema.nl/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;
   font-weight: normal;
}

.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("http://template.hema.nl/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 = "http://template.hema.nl/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;
}

/* topnav producten / showProduct */

#panebottom .h-topnav li ul.products a {
   border-bottom: 1px solid #cacaca;
   padding: 7px 0;
   width: 254px;
   position: relative;
}

#panebottom .h-topnav li ul.products li:last-child a, #panebottom .h-topnav li ul.products li.last-child a {
   border-bottom: 0;
}

#panebottom .h-topnav li ul.products img {
   float: left;
   margin: 0 9px 0 5px;
}

#panebottom .h-topnav li ul.products img { margin: 0 9px 0 0; }

#panebottom .h-topnav li ul.products a:hover img { opacity: 0.85; }
* html #panebottom .h-topnav li ul.products a:hover img { filter:alpha(opacity: 85); }
*+html #panebottom .h-topnav li ul.products a:hover img { filter:alpha(opacity: 85); }

#panebottom .h-topnav li ul.products div {
   left: auto;
   position: relative;
   top: auto;
   width: auto;
   border-width: 0;
}

#panebottom .h-topnav li ul.products span { font-size: 1em; }

#panebottom .h-topnav li ul.products span {
   display: block;
   top: auto;
   left: auto;
   overflow: visible;
   position: relative;
   background-color: transparent;
}

#panebottom .h-topnav li ul.products span.table, #panebottom .h-topnav li ul.products span.cell, #panebottom .h-topnav li ul.products span.IE {
   overflow: visible;
   text-align: left;
   font-size: 1em;
   width: 141px; 
}

#panebottom .h-topnav li ul.products span.table {
   height: 55px;
   margin: 0;
   border-top: 5px solid #fff;
}

* html #panebottom .h-topnav li ul.products span.table { height: 52px; }

#panebottom .h-topnav span.table span {
   height: auto;
}
/* showProduct: uitverkocht label */
#panebottom .h-topnav li ul.products .limitedSpecial {
   margin: -45px 0 0 -3px;
   position: absolute;
   width: 108px;
   height: 16px;
   padding: 14px 0px;
   background: transparent url("http://template.hema.nl/images/hema/h-uitverkocht-small.png") 0 0 no-repeat;
   font-size: 0.95em;
   clear: both;
}

* html #panebottom .h-topnav li ul.products .limitedSpecial { 
   background-image: none !important;
   margin-top: -71px;
   font-size: 0.9em; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://template.hema.nl/images/hema/h-uitverkocht-small.png",sizingMethod='crop');
}

*+html #panebottom .h-topnav li ul.products .limitedSpecial {
   margin-top: -71px;
   font-size: 0.9em;
}
/* showProduct: herstellen productprice */
#panebottom .h-topnav li ul.products .productprice, #panebottom .h-topnav li ul.products .productprice span {
   display: inline;
   padding-left: 0;
}

#panebottom .h-topnav li ul.products .productprice .good {
   background-color: #ff0;
   padding: 2px 1px 1px 10px;
   background-image: url("http://template.hema.nl/images/hema/h-good-M.gif");
   background-position: 0 0;
}

* html #panebottom .h-topnav li ul.products .productprice .good { background-position: 1px 1px; padding-top: 1px; }
*+html #panebottom .h-topnav li ul.products .productprice .good { background-position: 1px 1px; padding-top: 1px; }

#panebottom .h-topnav li ul.products .productprice .good span {
   background-color: #fff;
   padding-left: 2px;
}

/* showProduct: signing */

#panebottom .h-topnav li ul.products .sign, #panebottom .h-topnav li ul.products .sign1, #panebottom .h-topnav li ul.products .sign2, #panebottom .h-topnav li ul.products .sign3, #panebottom .h-topnav li ul.products .sign4 {
   width: 38px;
   height: 38px;
   position: absolute;
   cursor: pointer; /* voor IE */
   background-position: right bottom;
   background-repeat: no-repeat;
   text-indent: -999em;
}

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

/* searchbox */

.h-search {
   position: absolute;
   top: 38px;
   left: 780px;
	width: 181px;	
	height: 18px;
	padding: 1px 2px;
	background: transparent url("http://template.hema.nl/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("http://template.hema.nl/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;
   border-width: 0;
   cursor: pointer;
   padding: 0;
   overflow: hidden;
   background-position: 0 0;
   background-repeat: no-repeat;
   width: 55px;
}

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

.h-img-tip {
	background-image: url("http://template.hema.nl/images/hema/h-nieuwsbrief-ac-tip.png");
	background-repeat: no-repeat;
	width: 45px;
	height: 45px;
} 
* html .h-img-tip {
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://template.hema.nl/images/hema/h-nieuwsbrief-ac-tip.png",
sizingMethod='crop');
}