html {
	font: 12px Arial, Helvetica, Verdana, Sans-Serif;
	border-bottom: 1px;
}


ul {
	list-style: none;
}



/*
 *	Left column
 */


/*
 *	winkelwagen navigation
 *	Shows the progress through the winkelwagen process and allows the visitor to click back to completed steps
 */

#navigation_winkelwagen {
	width: 637px;
	height: 40px;
	margin-bottom: 20px;
	margin-left: 0px;
}

#navigation_winkelwagen li {
	width: 20%;
	height: 40px;
	float: left;
	color: #a8a6ad;
	background: url(/img/winkelwagen/navigation_winkelwagen_li_background.png) no-repeat 100% 0;
}

#navigation_winkelwagen li span {
	height: 36px;
	padding: 4px 0 0 5px;
	display: block;
	background: url(/img/winkelwagen/navigation_winkelwagen_button_background.png) no-repeat 0 0;
	cursor: default;
}

#navigation_winkelwagen li img {
	margin: 3px 6px 0 1px;
	float: left;
}

#navigation_winkelwagen li strong {
	display: block;
}

#navigation_winkelwagen #navigation_winkelwagen_information span,
#navigation_winkelwagen #navigation_winkelwagen_information a {
	background: url(/img/winkelwagen/navigation_winkelwagen_information_span_background.png) no-repeat 0 0;
}

#navigation_winkelwagen #navigation_winkelwagen_complete {
	background: url(/img/winkelwagen/navigation_winkelwagen_complete_background.png) no-repeat 100% 0;
}



/* Skip payment step */

#navigation_winkelwagen.skippayment li {
	width: 25%;
}



/* Skip payment method step */

#navigation_winkelwagen.skippayment.skippaymentmethod li {
	width: 33%;
}



/* Current step */

#navigation_winkelwagen li.current {
	color: #fff;
	background: url(/img/winkelwagen/navigation_winkelwagen_current_li_background.png) no-repeat 100% 0;
}

#navigation_winkelwagen li.current span {
	color: #fff;
	background: url(/img/winkelwagen/navigation_winkelwagen_current_span_background.png) no-repeat 0 0;
}

#navigation_winkelwagen #navigation_winkelwagen_information.current span {
	background: url(/img/winkelwagen/navigation_winkelwagen_information_current_span_background.png) no-repeat 0 0;
}

#navigation_winkelwagen #navigation_winkelwagen_complete.current {
	background: url(/img/winkelwagen/navigation_winkelwagen_complete_current_background.png) no-repeat 100% 0;
}



/* Selectable step */

#navigation_winkelwagen li.selectable.hover,
#navigation_winkelwagen li.selectable:hover {
	background-position: 100% -40px;
}

#navigation_winkelwagen li a {
	height: 36px;
	padding: 4px 0 0 5px;
	display: block;
	outline: none;
	color: #000;
	background: url(/img/winkelwagen/navigation_winkelwagen_button_background.png) no-repeat 0 0;
	text-decoration: none;
	cursor: pointer;
}

#navigation_winkelwagen li a:hover {
	background-position: 0 -40px !important;
}

#navigation_winkelwagen li a strong {
	color: #329403;
}




/*
 *	Form navigation
 *	Next & Previous buttons at the bottom of the page. Might appear more than once on the same page, so class instead of id
 */


#winkelwagen ul.navigation_winkelwagen_form li button {
	background:transparent none repeat scroll 0;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-family:Arial,Helvetica,Verdana,Sans-Serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	height:28px;
	line-height:28px;
	padding:0 0 0 10px;
	text-align:left;
	width:250px;
}




#winkelwagen ul.navigation_winkelwagen_form {
	width: 639 px;
	margin-bottom: 20px;
	overflow: hidden;
}

#winkelwagen ul.navigation_winkelwagen_form li {
	height: 28px;
	margin-left: 15px;
	float: right;
	overflow: hidden;
}

#winkelwagen ul.navigation_winkelwagen_form li button {
	width: 250px;
	height: 28px;
	padding: 0 0 0 10px;
	border: 1;
	color: #fff;
	background: none;
	font: bold 12px Arial, Helvetica, Verdana, Sans-Serif;
	text-align: left;
	cursor: pointer;
	line-height: 28px;
}

#winkelwagen ul.navigation_winkelwagen_form li a {
	width: 137px;
	line-height: 28px;
	padding-left: 25px;
	display: block;
	outline: none;
	color: #329403;
	text-decoration: none;
	font-weight: bold;
}

#winkelwagen ul.navigation_winkelwagen_form li:hover {
	background-position: 0 -28px !important;
}

#winkelwagen ul.navigation_winkelwagen_form li.navigation_winkelwagen_form_next {
	background: url(/img/winkelwagen/navigation_winkelwagen_form_next.png) no-repeat;
}

#winkelwagen ul.navigation_winkelwagen_form li.navigation_winkelwagen_form_previous {
	background: url(/img/winkelwagen/navigation_winkelwagen_form_previous.png) no-repeat;
}




/*
 *	Generic "button"
 *	Currently only used on the overview page
 */

#winkelwagen a.button {
	height: 20px;
	margin-right: 5px;
	float: left;
	color: #329403;
	background: url(/img/winkelwagen/winkelwagen_overview_button_background.png) no-repeat 100% 0;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

#winkelwagen a.button span {
	height: 20px;
	padding: 0 9px; /* pixel less padding left and right to prevent breakage in ff3 (mac) */
	float: left;
	background: url(/img/winkelwagen/winkelwagen_overview_button_span_background.png) no-repeat;
	line-height: 19px;
}

#winkelwagen a.button:hover {
	background-position: 100% 100%;
}

#winkelwagen a.button:hover span {
	background-position: 0 100%;
}


/*
 *	Knoppen door Max
 */



div.navigation_cart button:hover {
	background-position:0 -28px;
}
div.navigation_cart button {
	background:transparent url(/img/winkelwagen/navigation_winkelwagen_cart_button_background.png) no-repeat scroll 0;
	border:medium none;
	cursor:pointer;
	float:right;
	height:28px;
	width:250px;
}