#voordeelmixer .ui-slider 
{
	width: 239px;
	height: 26px;
	background-image: url(http://assets.tn-media.be/graphics/voordeelmixer/sliderbg.gif);
	background-repeat: no-repeat;
	position: relative;
}

#voordeelmixer .ui-slider .ui-slider-handle 
{
	position: absolute; 
	z-index: 1; 
	width: 25px; 
	height: 25px; 
	top: 0;
	background-image: url(http://assets.tn-media.be/graphics/voordeelmixer/sliderknob.gif);
}

#voordeelmixer .ui-slider-callout
{
	position: absolute;
	width: 236px;
	height: 50px;
	left: 0;
	top: -50px;
	z-index: 3;
	background-image: url(http://assets.tn-media.be/graphics/voordeelmixer/callout1.gif);
	color: #666666;
	line-height: 35px;
	text-align: center;
	
}

#voordeelmixer .ui-slider .size1 { background-image: url(http://assets.tn-media.be/graphics/voordeelmixer/sliderknob1.gif); }
#voordeelmixer .ui-slider .size2 { background-image: url(http://assets.tn-media.be/graphics/voordeelmixer/sliderknob2.gif); }
#voordeelmixer .ui-slider .size3 { background-image: url(http://assets.tn-media.be/graphics/voordeelmixer/sliderknob3.gif); }
#voordeelmixer .ui-slider .size4 { background-image: url(http://assets.tn-media.be/graphics/voordeelmixer/sliderknob4.gif); }
#voordeelmixer .ui-slider .size5 { background-image: url(http://assets.tn-media.be/graphics/voordeelmixer/sliderknob5.gif); }

#voordeelmixer .call1 {  background-image: url(http://assets.tn-media.be/graphics/voordeelmixer/callout1.gif); }
#voordeelmixer .call2 {  background-image: url(http://assets.tn-media.be/graphics/voordeelmixer/callout2.gif); }
#voordeelmixer .call3 {  background-image: url(http://assets.tn-media.be/graphics/voordeelmixer/callout3.gif); }
#voordeelmixer .call4 {  background-image: url(http://assets.tn-media.be/graphics/voordeelmixer/callout4.gif); }
#voordeelmixer .call5 {  background-image: url(http://assets.tn-media.be/graphics/voordeelmixer/callout5.gif); }

#voordeelmixer label {margin: 0 5px;}

#voordeelmixer .FlowLine { margin-top:20px; width:773px; height:31px; background-image:url(http://assets.tn-media.be/graphics/voordeelmixer/bgFlowLineFill.jpg); background-repeat:repeat-x;}		
#voordeelmixer .FlowLineLeft {float:left; background-image:url(http://assets.tn-media.be/graphics/voordeelmixer/bgFlowLineLeft.jpg); width:10px; height:31px;}
#voordeelmixer .FlowLineTitle { float:left;color:#FFFFFF; font-size:12px; font-weight:bold; margin-top:8px;}
#voordeelmixer .FlowLineRight{float:right; background-image:url(http://assets.tn-media.be/graphics/voordeelmixer/bgFlowLineRight.jpg); width:10px; height:31px}
		
#voordeelmixer .FlowLineItems{ height:31px; margin:0; padding:0; overflow:hidden;}
#voordeelmixer .FlowLineItems a:hover { text-decoration:none;}
#voordeelmixer .FlowLineItems img {float:right; margin:8px 8px 0 8px; }

#voordeelmixer .FlowItem { float:right; padding-top:8px; padding-left:8px; padding-right:8px; height:31px; }
#voordeelmixer .FlowItem a { display:block; height:31px; text-decoration:none; float:left}

#voordeelmixer .CurrentStep { float:right; width:100px;padding-left:14px;  height:31px; background-image:url(http://assets.tn-media.be/graphics/bgFlowLineLinkLeft.jpg); background-repeat:no-repeat; background-position:left; margin-right:5px;}
#voordeelmixer .CurrentStep div { display:block; height:31px; background-image:url(http://assets.tn-media.be/graphics/voordeelmixer/bgFlowLineLinkRight.jpg); background-position:right; background-repeat:no-repeat; text-decoration:none; font-weight:bold; line-height:29px;}

#voordeelmixer label{cursor:pointer; color:#606060!important; position:relative; margin:4px 0 6px 2px; display:inline;}

.FullSpread #voordeelmixer .BoxBorderHolder{width:573px;background:url(http://assets.tn-media.be/graphics/voordeelmixer/BoxBorderBottom.gif) left bottom no-repeat; padding-bottom:11px;}
.FullSpread #voordeelmixer .BoxBorderTop, .FullSpread #voordeelmixer .BoxBorderMiddle{width:558px; display:block;}
.FullSpread #voordeelmixer .BoxBorderTop{background:url(http://assets.tn-media.be/graphics/voordeelmixer/BoxBorderTop.gif) repeat-y; height:22px; padding:0 5px 0 10px;}
.FullSpread #voordeelmixer .BoxBorderMiddle{background:url(http://assets.tn-media.be/graphics/voordeelmixer/BoxBorderMiddle.gif) repeat-y; padding:0 5px 0 10px; width: 558px;}
.FullSpread #voordeelmixer .BoxBorderTop h4{background:#fff; margin-left:20px; top: 0px; display:block; float:left; padding:5px 7px 0 7px;}
.FullSpread #voordeelmixer .BoxBorderHolder p{margin-bottom:0}
#voordeelmixer .AlignRight { text-align: right; width: 553px; }