/* the thumbnail scrollable */
#topnav {
	width:1030px;
	margin-left:0px;
	height:205px;}
	
#infinite {
	position:relative;
	overflow:hidden;
	float:left;
	width: 960px;
	height:205px;
	margin-left:3px;
	margin-right:-4px;
	}
#infinite .thumbnailbox{ 
	display:block;
	width:128px; 
	height:205px;
	margin: 0 0px 0 0;
	padding: 0 37px 0 0;
	float:left;
	}

#topnav .thumbnailbox a{
	padding-bottom: 10px;
}
		#IE6 #topnav .thumbnailbox a{
			/*background-color: green;*/
			background-image: url(../gfx/necessary/x.gif);
		}
		#IE7 #topnav .thumbnailbox a{
			/*background-color: orange;*/
			background-image: url(../gfx/necessary/x.gif);
		}
		#IE8 #topnav .thumbnailbox a{
			/*background-color: silver;*/
			background-image: url(../gfx/necessary/x.gif);
		}
		
#infinite .thumbnailbox a:link, #topnav .thumbnailbox a:visited{
	position:absolute;
	height:120px;
	width:126px;
	padding: 15px 0 0 0;	
	font-size:18px; 
	font-weight:normal; 
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:center;
	text-decoration: none;
}

#topnav .thumbnailbox a:hover, #topnav .thumbnailbox a:active{
	color: #003566;
	cursor: pointer !important;
}

/* general settings for both scrollables */
div.items {	
	width:20000em;	
	position:absolute;
	left:0; 
	clear:both;
}

/* next/prev buttons */
a.browse {
	background-image:url(../gfx/topnav/hori_large.png);
	width:30px;
	height:30px;
	float:left;
	margin-top:50px;
	}
a.navi:hover  		{ background-position:-30px 0; }
a.navi:active  		{ background-position:-60px 0; }
a.nextPage 			{ background-position: 0 -30px; clear:right; }
a.nextPage:hover 	{ background-position:-30px -30px; }
a.nextPage:active 	{ background-position:-60px -30px; } 
a.next 			{ background-position: 0 -30px; clear:right; }
a.next:hover 	{ background-position:-30px -30px; }
a.next:active 	{ background-position:-60px -30px; } 
a.navi.disabled {
	visibility:hidden;		
}

/* old navigation *********
background images
#topnav #LB{ background-image: url(../gfx/topnav/topnav_Lattenbodem.gif); background-repeat: no-repeat;}
#topnav #RZ{ background-image: url(../gfx/topnav/topnav_Relaxzetels.gif); background-repeat: no-repeat;}
#topnav #MT{ background-image:url(../gfx/topnav/topnav_Matrassen.gif); background-repeat: no-repeat;}
#topnav #BS{ background-image:url(../gfx/topnav/topnav_Boxsprings.gif); background-repeat: no-repeat;}
#topnav #DB{ background-image:url(../gfx/topnav/topnav_Dekbedden.gif); background-repeat: no-repeat;}
#topnav #KS{ background-image:url(../gfx/topnav/topnav_Kussens.gif); background-repeat: no-repeat;}



#topnav ul{	margin: 0;
	height: 205px; }
#IE6 #topnav ul, #IE7 #topnav ul{
	height: 205px; }
#IE6 #topnav ul li, #IE7 #topnav ul li{
	display: inline;
	margin: 0 34px 0 0; }

#topnav li{
	height: 205px; 
	display: inline-block;
	color: #666;
	margin: 0 28px 0 0;
	padding: 0 0 0 0;
}
#topnav li.lastitem{
	margin: 0 0 0 0 !important;}
#topnav a:link, #topnav a:visited{
	display: inline-table;
	height:100px;
	width:128px;
	padding: 15px 3px 15px 0;
	color: #fff;
	text-decoration: none;
	text-align:center;
}
#IE6 #topnav a:link, #IE6 #topnav a:visited,
#IE7 #topnav a:link, #IE7 #topnav a:visited{
	display:block;}

#topnav a:hover, #topnav a:active{
	color: #036;
}