/**
 * Slubanshop Stylesheet
 * By Koos van Egmond | Cream Internetbureau
 *
 * This Stylesheet is rendered using LESS.
 * Refer to http://lesscss.org/ for more info.
 */

/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}body{font:13px/1.231 sans-serif;*font-size:small}select,input,textarea,button{font:99% sans-serif}pre,code,kbd,samp{font-family:monospace,sans-serif}html{overflow-y:scroll}a:hover,a:active{outline:none}ul,ol{margin-left:2em}ol{list-style-type:decimal}nav ul,nav li{margin:0;list-style:none;list-style-image:none}small{font-size:85%}strong,th{font-weight:bold}td{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-0.5em}sub{bottom:-0.25em}textarea{overflow:auto}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}label,input[type="button"],input[type="submit"],input[type="image"],button{cursor:pointer}button,input,select,textarea{margin:0}button{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}
/* article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} */

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden }

/****************************
 * CUSTOM FONTS
 ***************************/
@font-face {
    font-family: 'DroidSansRegular';
    src: url('../fonts/droidsans-webfont.eot');
    src: url('../fonts/droidsans-webfont.eot?#iefix') format('eot'),
         url('../fonts/droidsans-webfont.woff') format('woff'),
         url('../fonts/droidsans-webfont.ttf') format('truetype'),
         url('../fonts/droidsans-webfont.svg#webfontlHe5Mpu2') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DroidSansBold';
    src: url('../fonts/droidsans-bold-webfont.eot');
    src: url('../fonts/droidsans-bold-webfont.eot?#iefix') format('eot'),
         url('../fonts/droidsans-bold-webfont.woff') format('woff'),
         url('../fonts/droidsans-bold-webfont.ttf') format('truetype'),
         url('../fonts/droidsans-bold-webfont.svg#webfontHTgd35Pc') format('svg');
    font-weight: normal;
    font-style: normal;
}

/****************************
 * VARS AND MIXINS (LESS)
 ***************************/
/* Font stacks */
@fsVerdana: Verdana, Arial, Helvetica, sans-serif;
@fsArial: Arial, Helvetica, sans-serif;
@fsDroidSans: 'DroidSansRegular', Arial, Helvetica, sans-serif;
@fsDroidSansBold: 'DroidSansBold', Arial, Helvetica, sans-serif;
 
/*********************************
 * Name	Position	Display	Float
 * ==============================
 * il	 			Inline	left
 * ail	Absolute	inline	left
 * ril	Relative	inline	left
 * ir	 			Inline	right
 * air	Absolute 	inline	right
 * abr	Absolute	block	right
 * rir	Relative	inline	right
 * rb	Relative	block
 * rbl	Relative	block	right
 *********************************/
.il  { display: inline; float: left }
.ail { position: absolute; .il }
.ril { position: relative; .il }
.ir  { display: inline; float: right }
.air { position: absolute; .ir }
.abr { position: absolute; display: block; float: right }
.rir { position: relative; .ir }
.rb  { position: relative; display: block }
.rbl { .rb; float: left }

/* hide, show and a forced show class/function */
.hide { display: none; visibility: hidden }
.show (@elemStyle: inline) {
	display: @elemStyle;
	visibility: visible;
}

.forceShow (@elemStyle: inline) {
	display: @elemStyle !important;
	visibility: visible !important;
}

/** 
 * Put this clearfix in the after psuedo class like:
 *
 * div#main {
 *     width: 960px;
 *     float: left;
 *     &:after { .clearfix }
 * }
 */
.clearfix () {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/****************************
 * GLOBAL
 ***************************/
body {
	background-image: url('../images/bg/background_default.jpg');
	background-repeat: no-repeat;
	background-color: #fefeff;
	background-position: center top;
	background-attachment: fixed /*scroll*/;
}

html, body {
	font-family: @fsArial;
}

#bgFader {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	display: block;
	background-color: #ffffff;
	z-index: -2;
}

h1 {}

p, h2, h3, h4, td, li, a, input, button, dt, dd,
label, address {
	font-family: @fsVerdana
}

p { font-size: 0.846em }

a {
    color: #3366cc;
    text-decoration: none;

    &:hover {
        text-decoration: underline;
    }
}

button {
	width: 175px;
	height: 35px;
	background: transparent url('../images/btn_add_to_cart.gif') no-repeat;
	margin-bottom: 18px;
	clear: both;
	border: 0;
	text-decoration: none;
	display: inline;
	position: relative;
	float: right;
	
	span {
		margin: 5px 0 0 8px;
		.ril;
		
		span {
			font-family: @fsDroidSansBold;
			font-size: 1.077em;
			color: #ffffff;
			margin: 0;
		}
	}
}

input[type="text"], input[type="password"] {
	border: 1px solid #ccc;
}

.ie7 header #controls #search .inputfield,
.ie8 header #controls #search .inputfield {
	line-height: 1.6;
}

.textshadow {
	
	a span span,
	button span span,
	.checkout-login-buttons .checkout-login {
		text-shadow: 0px 0px 1px #ddd;
	}
}

.box-head h2 {
	margin-bottom: 0.5em;
	.ril;
}

.box-title {
	clear: both;
	.ril;
	
	h3, a {
		margin-right: 0.5em;
		.ril
	}
	
	h3 {
		font-weight: bold;
	}
}

.box-content {
	clear: left;
	.ril;
}

.validation-advice {
	font-family: @fsVerdana;
	font-size: 0.846em;
	color: #f00;
}

/* Strange div, probably from AddThis. Must hide!! */
#at20mc,
#_atssh,
#fb-root {
	.hide;
}

/****************************
 * LAYOUT
 ***************************/
#wrap {
	width: 100%;
	.ril;
}
	
	/****************************
	 * HEADER
	 ***************************/
	header.top {
		width: 960px;
		height: 109px;
		margin: 0 auto;
		.rb;
	
		hgroup {
			.il;
			width: 390px;
			height: 84px;
			margin-top: 12px;
	
			h1, h2 {
				.ril;
				span {
					.hide;
				}
			}
			
			h2 {
				clear: left;
				margin-top: -1.1em;
			}
		}
	}
		
	.ie7 header {
		z-index: 20;
		
		#controls .controls-top ul.links li {
			padding: 0 0.6em;
		}
	}
				
	header #controls {
		width: 410px;
		.ril;
		margin-top: 10px;
		
		.controls-top {
			width: 410px;
			.ril;
			height: 50px;
			
			ul.links {
				width: 285px;
				list-style: none;
				padding: 0;
				margin: 0;
				.ril;
				
				li {
					.ril;
					color: #000;
					border-left: 1px solid #000;
					padding: 0 0.7em;
					font-family: @fsVerdana;
					font-size: 0.923em;
					
					a {
						color: #000;
					}
					
					&.first {
						border-left: none;
						padding-left: 0;
					}
				}
			}
		}
		
		.controls-bottom {
			width: 410px;
			clear: left;
			z-index: 100;
			.ril;
			
			/****************************
			 * SEARCH
			 ***************************/
		
			#search {
				width: 315px;
				height: 27px;
				z-index: 100;
				.ril;
				/*margin-top: 52px;*/
			
				div {
                    width: 212px;
                    height: 27px;
                    background: transparent url('../images/bg_search.jpg') no-repeat;
                    .ril;

                    .inputfield {
                        width: 188px;
                        height: 22px;
                        .ril;
                        margin: 2px 0 0;
                        padding: 0px 6px 0px 6px;
                        border: 0;
                        font-size: 0.923em;
                        color: #000;
                        background: transparent none;
                    }
				}
				
				.inputfield:focus {
					outline: none;
				}
				
				.submit {
					width: 103px;
					height: 27px;
					.ril;
					margin: 0;
					padding: 0;
					border: 0;
					text-decoration: none;
					font-size: 0px;
					line-height: 0px;
					background: transparent url('../images/bg_search.jpg') no-repeat -212px 0;
				
				 	&.en {
						background-image: url('../images/bg_search_en.jpg') !important;
					}
					
					&.de {
						background-image: url('../images/bg_search_de.jpg') !important;
					}
					
					&.fr {
						background-image: url('../images/bg_search_fr.jpg') !important;
					}
					
					&.hu {
						background-image: url('../images/bg_search_hu.jpg') !important;
					}
				
					&:hover {
						background-position: -212px -27px;
					}
				}
			}
			
			ul.social-icons {
				list-style: none;
				padding: 0;
				margin: 0;
				z-index: 130;
				.rir;
				
				li {
					width: 25px;
					height: 36px;
					margin-right: 6px;
					z-index: 110;
					.ril;
					
					img { position: relative; z-index: 100 }
				}
			}
		}
	}
	
	header .block-cart {
		width: 125px;
		height: 93px;
		padding: 0 18px 0 12px;
		background: transparent url('../images/bg_shoppingcart.gif') no-repeat;
		margin-top: 10px;
		.rir;
		
		.block-title {
			padding-top: 17px;
			
			strong {
				font-family: @fsDroidSansBold;
				font-size: 1.077em;
				color: #ffffff;
			}
		}
		
		.block-content {
			margin-top: 12px;
			
			.item-count { .ril }
			.item-total { .rir }
			
			p {
				font-size: 0.923em;
				color: #ffffff;
			}
		}
		
		.block-bottom {
			width: 117px;
			margin-top: 11px;
			clear: left;
			.ril;
			
			a {
				font-size: 0.923em;
				color: #ffffff;
				.rir;
			}
		}
	}
	
	.ie7 .block-cart .block-bottom {
		margin-top: -3px;
	}
	
	/****************************
	 * NAVIGATION
	 ***************************/
	nav.main-nav {
		width: 960px;
		height: 51px; /*40px*/
		margin: 0 auto;
		background: transparent url('../images/bg_nav.png') no-repeat center 11px;
		clear: left;
		z-index: 9;
		.rb;
		
		.nav-wrap {
			left: -50%;
			.rir;
		
			ul {
				list-style: none;
				height: 51px;
				left: 50%;
				.ril;
			
				li {
					text-align: center;
					height: 51px;
					.ril;
					
					&.item {
						height: 51px;
						padding: 0px 14px 0 13px;
						z-index: 15;
						
						a {
							height: 24px;
							padding: 19px 28px 0 0;
							font-family: @fsDroidSansBold;
							font-size: 1.385em;
							color: #3366cc;
							/*background: transparent url('../images/icon_arrow_right_blue.png') no-repeat right 4px;*/
							background: transparent url('../images/bg_nav_item_brick.png') no-repeat right 0px;
							.ril;
							
							&:hover {
								text-decoration: none;
							}
						}
					}
					
					&.hover,
					&.active {
						background: transparent url('../images/bg_nav_item_hover.png') repeat-x center 13px;
						
						a { background-position: right -43px }
					}
					
					&.separator {
						width: 6px;
						height: 51px;
						margin: 0 -2px;
						xmargin-top: 3px;
						background: transparent url('../images/bg_nav_separator.png') no-repeat left 14px;
						z-index: 10;
					}
				}
			}
		}
	}
	
	/****************************
	 * SUBNAV (SLUBAN BOUWSETS)
	 ***************************/
	nav.main-nav {
		/*ul li.bouwsets.hover a { 
				
			background-image: url('../images/icon_arrow_down_blue.png') !important;
		}*/
		
		.sub-nav {
			width: 979px;
			position: absolute;
			float: left;
			display: none;
			top: 43px;
			
			.sub-nav-top {
				width: 979px;
				height: 29px;
				background: transparent url('../images/bg_subnav_top.png') no-repeat;
				.ril;
			}
			
			.sub-nav-content {
				width: 899px;
				padding: 0 50px 18px 30px;
				background: transparent url('../images/bg_subnav_content.png') repeat-y;
				.ril;
				
				ul {
					width: 190px;
					padding: 40px 9px 0 0;
					margin-right: 6px;
					border-right: 1px dotted #3366cc;
					.ril;
					
					&.first { padding-top: 0 }
					
					li {
						width: 190px;
						height: 18px;
						margin-bottom: 2px;
						.ril;
						
						a {
							margin: 2px 0 0 9px;
							font-family: @fsVerdana;
							font-size: 0.846em;
							color: #000;
							.ril;
						}
						
						&.header {
							height: 40px;
							
							a {
								margin: 0;
								&:hover { text-decoration: none }
							}
							
							h1 {
								font-family: @fsDroidSansBold;
								font-size: 1.636em;
								color: #3366cc;
								margin-left: 9px;
								cursor: pointer;
								.ril;
							}
							
							&.with-link h1 {
								font-size: 1.818em;
							}
						}
						
						&.all-link {
							margin-top: 16px;
						
							a { color: #3366cc }
						}
						
						&.hover {
							background: #e5e5e5 url('../images/bg_subnav_arrow.gif') no-repeat 170px 3px;
							
							a { font-weight: bold; text-decoration: none }
							
							&.all-link { background: transparent none }
						}
					}
					
					&.right {
						width: 236px;
						border-right: none;
						margin-right: 0;
						padding-top: 0;
						float: right;
						
						li {
							width: 236px;
							background-position: 216px 3px;
						
							&.separator {
								height: 1px;
								margin: 13px 0 14px 0;
								border-bottom: 1px dotted #3366cc;
							}
							
							&.theme {
								width: 110px;
								height: 102px;
								margin: -22px 0 0 -12px;
								padding: 0;
								background-color: transparent;
								
								&.first { margin-right: 30px }
								
								object {
									margin-top: -10px;
								}
							}
							
							h1 { cursor: default; margin-left: 0 }
							a  { margin-left: 0px }
						}
					}
				}
			}
			
			.sub-nav-bottom {
				width: 979px;
				height: 31px;
				background: transparent url('../images/bg_subnav_bottom.png') no-repeat;
				.ril;
			}
		}
	}
	 	
	/****************************
	 * MAIN
	 ***************************/
			
	#main {
		width: 960px;
		clear: left;
		margin: 0 auto 40px;
		z-index: 2;
		.rb;
		
		&:after { .clearfix }
	}
	
	.cms-index-index #main {
		margin-top: 30px;
	}
	
		#main .main-left {
			width: 718px;
			.ril;
			
			&.to-right { float: right }
		}
		
		#main .main-right {
			width: 228px;
			.rir;
			
			&.to-left { float: left }
		}
		
		.cms-index-index #main .main-right { 
			padding-top: 7px;
		}
	
		#main .block {
			margin-bottom: 20px;
			.ril;
		}
		
		#main aside.right,
		#main section.right,
		#main div.right {
			float: right;
			clear: none;
		}

/****************************
 * FOOTER
 ***************************/

footer.main {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 1em;
	z-index: 3;
	clear: left;
	.rb;
	
	&:after { .clearfix }
	
	nav {
		width: 940px;
		height: 260px;
		padding: 15px 10px 0 10px;
		background: transparent url('../images/bg_footer.png') no-repeat;
		margin-bottom: 15px;
		.ril;
		
		ul {
			width: 210px;
			height: 245px;
			padding: 0px 10px;
			margin: 0;
			background: transparent url('../images/bg_footer_separator.png') no-repeat right top;
			list-style: none;
			.ril;
			
			&.last {
				background-image: none;
			}
			
			li {
				width: 210px;
				line-height: 1.7;
				border: none;
				clear: left;
				.ril;
				
				h1 {
					font-family: @fsDroidSansBold;
					font-size: 1.385em;
					color: #3366cc;
					margin-top: 0.4em;
					margin-bottom: 0.2em;
				}
				
				a {
					font-family: @fsVerdana;
					color: #000000;
					font-size: 1em;
					text-decoration: none;
				}
			}
		}
	}
	
	#logo-and-copyright {
		width: 960px;
		.ril;
		
		hgroup {
			.ril;
			
			h1 { .ril }
			h2 {
				margin-top: -1.1em;
				clear: left;
				.ril
			}
		}
	}
	
	ul {
		list-style: none;
		right: 0;
		bottom: 0;
		.air;
		
		li {
			font-family: @fsVerdana;
			font-size: 12px;
			color: #666666;
			padding: 0 5px;
			border-right: 1px solid #666666;
			.ril;
			
			a {
				color: #666666;
				text-decoration: none;
				
				&:hover {
					text-decoration: underline;
				}	
			}
		}
	}
}

/****************************
 * BREADCRUMBS
 ***************************/
#breadcrumbs {
	width: 960px;
	height: 29px;
	margin: 0 auto;
	z-index: 1;
	.rb;

	ul {
		margin-top: 9px;
		list-style: none;
		.ril;
	
		li {
			font-family: @fsVerdana;
			font-weight: bold;
			font-size: 0.846em;
			.ril;
		
			a {
				font-family: @fsVerdana;
				font-weight: normal;
				text-decoration: none;
				text-transform: none;
				color: #000000;
			
				&:hover { text-decoration: underline }
			}
			
			.separator { margin-right: 0.5em; font-weight: normal }
		}
	}
}

/****************************
 * SLIDER
 ***************************/
#slider-home {
	width: 718px;
	height: 330px;
	background: transparent url('../images/bg_block_slider_home.png') no-repeat scroll left 7px;
	margin-bottom: 16px;
	.ril;
	
	.slider-content {
		width: 709px;
		height: 264px;
		padding: 0px 6px 3px 3px;
		overflow: hidden;
		.ril;
		
		ul {
			width: 5000px;
			height: 264px;
			list-style: none;
			margin: 0;
			.ril;
			
			li {
				width: 709px;
				height: 264px;
				padding: 0;
				margin: 0;
				.ril;
				
				.logo-container {
					width: 117px;
					height: 172px;
					padding: 92px 0 0 16px;
					.ril;
				}
				
				.image-container {
					width: 384px;
					height: 264px;
					text-align: center;
					.ril;
				}
				
				.info-container {
					width: 161px;
					height: 236px;
					padding: 28px 10px 0 21px;
					.ril;
					
					h1, h2, h3, p {
						font-family: @fsVerdana;
						font-size: 0.923em;
						font-weight: bold;
						line-height: 1.3;
						color: #000;
						margin-bottom: 1em;
						text-transform: uppercase;
					}
					
					h2, h3, p {
						text-transform: none;
						font-weight: normal;
						margin: 0;
					}
					
					p  { margin-bottom: 1em }
					h3 { margin: 1.5em 0 1em 0 }
				}
			}
		}
	}
	
	.slider-nav {
		width: 709px;
		height: 58px;
		padding: 0 6px 5px 3px;
		clear: left;
		.ril;
		
		a.arrow {
			width: 34px;
			height: 35px;
			margin-top: 11px;
			background-color: transparent;
			background-repeat: no-repeat;
			.ril;
			
			span { .hide }
		}
		
		a.left  { background-image: url('../images/btn_slider_arrow_left.png'); margin-right: 2px }
		a.right { background-image: url('../images/btn_slider_arrow_right.png'); margin-left: 2px }
		
		ul {
			width: 637px;
			height: 58px;
			margin: 0;
			padding: 0;
			.ril;
			
			li {
				width: 90px;
				height: 58px;
				margin-right: 1px;
				text-align: center;
				cursor: pointer;
				.ril;
				
				&.hover,
				&.active {
					background-color: #ebebeb;
				}
			}
		}
	}
	
}
 
 /***************************
 * BLOCKS
 ***************************/
#main {
	
	.block {
		margin-left: 17px;
		.ril;
		
		&.first { margin: 0 }
		&.last  { margin: 0 -3px 0 0; float: right }
		
		&.small {
			width: 228px;
			
			.block-top {
				width:228px;
				height: 23px;
				background: transparent url('../images/bg_block_small_top.png') no-repeat;
				.ril;
			}
			
			.block-content {
				width: 205px; /*228px*/
				padding: 0px 13px 0 10px;
				background: transparent url('../images/bg_block_small_content.png') repeat-y;
				.ril;
				
				h1, h2 {
					width: 200px;
					padding: 0 0 12px 5px;
					margin: -12px 0 9px 0;
					border-bottom: 1px dotted #3366cc;
					font-family: @fsDroidSansBold;
					font-size: 1.385em;
					color: #3366cc;
					.forceShow(inline);
					.ril;
				}
				
				p {
					width: 205px;
					font-family: @fsVerdana;
					font-size: 0.846em;
					line-height: 1.5;
					clear: left;
					.ril;
					
					strong {
						font-size: 1.091em;
					}
					
					img {
						display: block;
						position: relative;
						clear: left;
						&:after { .clearfix }
					}
					
					&.readmore {
						width: 200px;
						border-top: 1px dotted #3366cc;
						margin-top: 12px;
						padding-top: 4px;
						text-align: right;
					}
				}
			}
			
			.block-bottom {
				width:228px;
				height: 13px;
				background: transparent url('../images/bg_block_small_bottom.png') no-repeat;
				.ril;
			}
		}
		
		&.big {
			margin: 0;
		
			.block-top {
				width: 718px;
				height: 11px;
				background: transparent url('../images/bg_block_big_top.png') no-repeat;
				.ril;
			}
			
			.block-content {
				width: 668px;
				padding: 16px 25px 0 25px;
				background: transparent url('../images/bg_block_big_content.png') repeat-y;
				.ril;
				
				h1 {
					font-family: @fsDroidSansBold;
					font-size: 1.385em;
					color: #3366cc;
					margin-bottom: 30px;
					clear: both;
					.ril;
				}
				
				p {
					width: 100%;
					clear: left;
					margin-bottom: 0.7em;
					.ril;
				}
				
				form {
					clear: left;
					.ril;
				}
				
				.cart-collaterals {
					clear: left;
					.ril;
				}
			}
			
			.block-bottom {
				width: 718px;
				height: 11px;
				background: transparent url('../images/bg_block_big_bottom.png') no-repeat;
				.ril;
			}
		}
		
		&.full {
			margin: 0 0 12px 0;
		
			.block-top {
				width: 963px;
				height: 145px;
				background: transparent url('../images/bg_block_full_top.png') no-repeat;
				.ril;
			}
			
			.block-content {
				width: 913px;
				padding: 0px 25px 0 25px;
				background: transparent url('../images/bg_block_full_content.png') repeat-y;
				.ril;
				
				h1 {
					font-family: @fsDroidSansBold;
					font-size: 1.385em;
					margin-bottom: 1em;
					color: #3366cc;
					clear: right;
					.ril;
				}
				
				h2 {
					font-weight: bold;
					color: #36c;
				}
				
				.block-content-wrap {
					margin-top: -130px;
					.ril;
					
					p, h2, h3, dt, dd { font-family: @fsVerdana; font-size: 0.923em }
					p, ul, h2, h3, dl { clear: left }
					p, dl, ul { margin-bottom: 1em }
					
					ul.form-list {
						margin: 0;
						list-style: none;
					}
					
					.col2-set {
						width: 913px;
						clear: left;
						.ril;
						
						.col-1 {
							width: 440px;
							.ril;
						}
						
						.col-2 {
							width: 440px;
							.rir;
						}
					}
				}
				
				.block-content-wrap > a { clear: left }
			}
			
			.block-bottom {
				width: 963px;
				height: 14px;
				background: transparent url('../images/bg_block_full_bottom.png') no-repeat;
				.ril;
			}
			
			&#product_category_overview h1 {
				margin-bottom: 0;
			}
		}
		
		&.twitter {
			width: 474px;
			height: 247px;
			background: transparent url('../images/bg_block_twitter_home.png') no-repeat;
			margin-left: 0;
			
			.block-top {
				width: 452px;
				height: 30px;
				border-bottom: 1px dotted #36c;
				margin: 16px 0 0 11px;
				.ril;
				
				h1 {
					font-family: @fsDroidSansBold;
					font-size: 1.385em;
					color: #36c;
				}
			}
			
			.block-content {
				width: 450px;
				height: 172px;
				padding: 3px 0px 0 0px;
				margin-left: 11px;
				border-bottom: 1px dotted #36c;
				.ril;
				
				article {
					width: 448px;
					height: 50px;
					padding: 4px 2px 0 0px; /*74*/
					margin-bottom: 3px;
					background-repeat: no-repeat;
					background-color: transparent;
					.ril;
					
					&.gertgeweer { padding-top: 0 !important }
					/*&.gertgeweer   { background-image: url('../images/bg_avatar_gertgeweer.gif') }
					&.bartbrand    { background-image: url('../images/bg_avatar_bartbrand.gif') }
					&.willemwissel { background-image: url('../images/bg_avatar_willemwissel.gif') }*/
					
					a.avatar {
						width: 62px;
						height: 54px;
						margin: 0;
						padding: 0;
						.ril
					}
					
					div {
						width: 373px;
						margin-left: 12px;
						.ril;
					
						a, p {
							font-size: 0.846em;
							/*margin-right: 0.5em;*/
							display: inline;
							position: relative;
							span { color: #999; margin-left: 0.5em }
						}
						
						p a {
							font-size: 1em !important
						}
					}
				}
			}
			
			.block-bottom {
				width: 461px;
				height: 25px;
				text-align: right;
				.ril;
				
				a { font-size: 0.846em }
			}
		}
		
		&#news-home { float: right; margin-left: 0 }
	}
	
	.main-left {
		.block {
			.product-home-image {
				height: 170px;
			}
		
			.product-home-info {
				h1 {
					width: 105px;
					margin: 0;
					padding: 0;
					border: 0;
					font-size: 0.778em;
					font-family: @fsVerdana;
					font-weight: bold;
					text-transform: uppercase;
					color: #000;
					.ril;
					
					a {
						color: #000;
						text-decoration: none;
					}
				}
				
				.price-rendered,
				.price {
					float: right;
				}
			}
		}
	}
	
	.main-right {
		.block { margin-left: 0 }
	
		#news {
			width: 221px; /* 281px; */
			height: 359px; /* 415px; */
			padding: 56px 20px 0 40px;
			background: transparent url('../images/bg_nieuws_block.png') no-repeat;
		
			article {
				width: 222px;
				padding-bottom: 1em; /*19px;*/
				margin-bottom: 1em; /*22px;*/
				border-bottom: 1px dotted #666666;
				.ril;
			
				&.last {
					border: 0;
				}
			}
			
			&.en {
				background-image: url('../images/bg_nieuws_block_en.png') !important;
			}
			
			&.de {
				background-image: url('../images/bg_nieuws_block_de.png') !important;
			}
			
			&.fr {
				background-image: url('../images/bg_nieuws_block_fr.png') !important;
			}
		}	
	}
}

/****************************
 * FLASH CATEGORIES
 ***************************/
#themes #categories,
#product_category_overview {
	ul {
		width: 913px;
		/*height: 360px;*/
		list-style: none;
		margin: -30px 0 0 0;
		clear: left;
		.ril;
		
		li {
			margin: 0 7px 10px 0;
			.ril;
			
			a {
				width: 170px;
				height: 170px;
				.ril;
				
				span {
					width: 48px;
					height: 48px;
					top: 50%;
					left: 50%;
					margin: -24px 0 0 -24px;
					background: #ffffff url('../images/loader.gif') no-repeat 8px 8px;
					filter: alpha(opacity=50);	/* internet explorer */
					-khtml-opacity: 0.5;		/* khtml, old safari */
					-moz-opacity: 0.5;			/* mozilla, netscape */
					opacity: 0.5;				/* fx, safari, opera */
					.forceShow;
					.ril;
				}
			}
			
			object {
				width: 170px;
				height: 170px;
				.ril;
			}
		}
	}
}
		
/****************************
 * PRODUCTEN OVERVIEW
 ***************************/
#wrap .category-top-image {
	
	width: 960px;
	clear: left;
	margin: 0 auto 14px;
	z-index: 2;
	.rb;
	
	&:after { .clearfix }
}
 
#main #products-list {
	list-style: none;
	margin: 0;
	padding: 0;
	.ril;
	
	.product {
		width: 190px;
		height: 210px;
		padding: 10px 13px 13px 15px;
		margin-right: 13px;
		background: transparent url('../images/bg_overview_product.png') no-repeat 233px 0;
		.ril;
		
		&.last { margin-right: 0px }
		&.hover { background-position: 0 0 }
		
		a.product-image { .ril }
		
		h2 {
			width: 185px;
			padding-left: 10px;
			.ril;
			
			a {
				font-family: @fsVerdana;
				font-weight: bold;
				lin-height: 1.5;
				text-transform: uppercase;
				color: #000;
				
				&:hover { text-decoration: none }
			}
		}
		
		.price-rendered,
		.price {
			bottom: 13px;
			right: 13px;
			clear: both;
			.air;
			
			&:after { .clearfix }
		}
	}
}
		
/****************************
 * PRODUCTEN DETAIL
 ***************************/
#product_detail {
	width: 725px;
	.ril;
	
	.block-content { padding-bottom: 20px !important }
	
	.product-detail-main {
		width: 670px;
		.ril;
		
		.left {
			width: 481px;
			.ril;
		
			.product-image {
				margin-bottom: 5px;
				.ril
			}
			
			p { 
				margin-bottom: 1em;
				color: #333333;
			}
		}
		
		.right {
			width: 175px;
			.rir;
			
			.product-min-age {
				font-family: @fsVerdana;
				font-size: 1.385em;
				font-weight: bold;
				margin-left: 5px;
				.ril;
			}
			
			#product_detail_rating { .rir; clear: right }
			
			header {
				margin-top: 16px;
				padding-left: 5px;
				clear: both;
				.ril;
			
				h1 {
					font-family: @fsVerdana !important;
					font-weight: bold !important;
					font-size: 1em !important;
					text-transform: uppercase;
					color: #333333 !important;
					margin-bottom: 0 !important;
					width: 170px;
					.ril;
				}
				
				h2 {
					clear: left;
					color: #333333;
					.ril;
				}
			}
			
			.price-rendered,
			.price {
				width: 170px;
				margin: 25px 0 20px 0;
				float: left;
				clear: both;
				
				&:after { .clearfix }
				
				.price-container {
					float: right;
				}
			}
			
			.product-add-to-cart {
				width: 175px;
				height: 35px;
				background: transparent url('../images/btn_add_to_cart.gif') no-repeat;
				margin-bottom: 18px;
				clear: both;
				border: 0;
				text-decoration: none;
				.ril;
				
				span {
					margin: 10px 0 0 8px;
					.ril;
					
					span {
						font-family: @fsDroidSansBold;
						font-size: 1.077em;
						color: #ffffff;
						margin: 0;
					}
				}
			}
			
			.popup_loader {
				margin-bottom: 21px;
				margin-left: 72px;
				clear: both;
				border: 0;
				.ril;
			}
			
			.product-sidebar-info {
				width: 172px;
				margin-left: 3px;
				list-style: none;
				clear: left;
				.ril;
				
				li {
					width: 162px;
					height: 26px;
					padding-top: 11px;
					border-bottom: 1px dotted #ccc;
					background: transparent url('../images/icon_arrow_right_grey.gif') no-repeat 135px 13px;
					font-family: @fsDroidSans;
					font-size: 0.923em;
					color: #333333;
					.ril;
					
					&.first    { border-top: 1px dotted #ccc }
					&.no-arrow { background-image: none }
					
					a { color: #000; font-size: 0.923em }
				}
			}
		}
	}
	
	.product-detail-tabs {
		width: 673px;
		margin-top: 30px;
		.ril;
		
		.product-detail-tab-labels {
			width: 668px;
			height: 25px;
			padding-left: 15px;
			overflow: hidden;
			.ril;
			
			ul {
				list-style: none;
				padding: 0;
				margin: 25px 0 0 0; /* Start hidden for the nice effect */
				.ril;
				
				li.tab-label {
					width: 122px;
					height: 21px;
					margin-right: 16px;
					padding: 4px 0 0 19px;
					background: transparent url('../images/bg_product_tab_label.gif') no-repeat;
					font-family: @fsDroidSansBold;
					font-size: 1.077em;
					color: #ffffff;
					cursor: pointer;
					.ril;
				}
			}
		}
		
		.product-detail-tab-content-container {
			.ril;
			
			.product-detail-tab-content-top {
				width: 673px;
				height: 21px;
				background: transparent url('../images/bg_product_tab_content_top.gif') no-repeat;
				.ril;
			}
			
			.product-detail-tab-content-content {
				width: 673px;
				background: transparent url('../images/bg_product_tab_content_content.gif') repeat-y;
				.ril;
				
				div.tab-page {
					width: 639px;
					margin-left: 17px;
					position: relative;
					float: left;
					clear: left;
					display: none;
					
					h2 {
						color: #333333;
						font-weight: bold;
						line-height: 1.6;
						margin-bottom: 0.3em;
					}
					
					p, td, li {
						color: #333333;
						line-height: 1.4;
					}
					
					.beoordelingen_container {
						width: 639px;
						.ril;
						
						ul.beoordeling_slides {
							list-style: none;
							margin: 0;
							padding: 0;
							.ril;
							
							li.beoordeling_slide {
								width: 639px;
								margin-bottom: 1em;
								border-bottom: 1px dotted #ccc;
								.ril;
								
								em { font-weight: bold; .ril }
								p  { margin-bottom: 1em; clear: left; .ril }
								
								ul.rating {
									margin-left: 0.65em;
									clear: right;
									.ril;
								}
							}
						}
					}
				}
			}
			
			.product-detail-tab-content-bottom {
				width: 673px;
				height: 12px;
				background: transparent url('../images/bg_product_tab_content_bottom.gif') no-repeat;
				.ril;
			}
		}
	}
}

.ie7 #product_detail_dealer .inputfield,
.ie8 #product_detail_dealer .inputfield {
	line-height: 2.8;
}

.checkout-cart-index .success-msg {
	.hide;
}

/****************************
 * SHOPPING CART
 ***************************/
section#cart {
	margin-bottom: 16px !important;
	
	table#shopping-cart-table {
		width: 668px;
		margin-bottom: 25px;
		
		thead {
			border-bottom: 1px solid #cccccc;
		
			th {
				font-family: @fsVerdana;
				font-size: 0.846em;
				text-align: left;
				white-space: nowrap;
				padding: 3px 3px 6px 3px;
				
				&.no-stretch { width: 95px }
			}
		}
		
		.btn-remove {
			width: 25px;
			height: 23px;
			line-height: 0;
			font-size: 0;
			text-index: -100px;
			background: transparent url('../images/btn_close.gif') no-repeat;
			.ril;
		}
		
		tbody {
			clear: left;
			
			&:after { .clearfix }
		}
		
		tbody tr {
			border-bottom: 1px solid #cccccc;
		
			td {
				padding: 13px 3px 10px 3px;
				
				img {
					width: 102px;
					height: 82px;
					border: 1px solid #cccccc;
				}
				
				h2.product-name {
					font-family: @fsVerdana;
					font-weight: bold;
					font-size: 0.846em;
					
					a {
						color: #000;
						text-decoration: none;
						
						&:hover { text-decoration: underline }
					}
				}
			}
		}
		
		tfoot {
			border-bottom: 1px solid #cccccc;
			 
			.cart-collaterals {
				width: 668px;
				.ril;
				
				&:after { .clearfix }
				
				.col2-set {
					width: 326px;
					.ril;
					
					.col-2 {
						width: 326px;
						.ril;
						
						form { .ril }
					}
				}
				
				.discount {
					.ril; 
					
					h2 {
						font-family: @fsVerdana;
						font-size: 0.846em;
						font-weight: bold;
						margin: 10px 0 4px 0;
					}
					
					.discount-form,
					.discount-form .input-box,
					.discount-form .buttons-set {
						.ril;
					}
					
					.input-text {
						width: 233px;
						height: 18px;
						padding: 0;
						margin-right: 3px;
						border: 1px solid #cccccc;
						font-family: @fsVerdana;
						font-size: 0.846em;
						.ril;
					}
					
					.button {
						width: 80px;
						height: 22px;
						padding: 0px;
						margin: 0 8px 0 0;
						border: 0;
						background: transparent url('../images/btn_cart_activate.gif') no-repeat;
						font-size: 100%;
						.ril;
						
						span {
							margin: 0px 0 0 8px;
							.ril;
							
							span {
								font-family: @fsDroidSansBold;
								font-size: 0.882em;
								font-weight: bold;
								color: #ffffff;
								margin: 0;
							}
						}
					}
				}
				
				.totals {
					xwidth: 233px;
					margin-bottom: 17px;
					margin-right: 31px;
					.rir;
					
					/*table { width: 233px; .ril }*/
					tr { border: none }
					td {
						width: 101px;
						padding: 10px 0 0 0;
						font-family: @fsVerdana;
						font-size: 0.846em;
						
						/*&.a-right { text-align: right !important }*/
					}
					tfoot {
						font-size: 1.364em;
						font-weight: bold;
						color: #3366cc;
						border-bottom: 0;
					}
				}
			}
		}
	}
	
	.btn-continue {
		width: 122px;
		height: 21px;
		padding: 1px 0 1px 6px;
		margin: 0;
		border: 0;
		background: transparent url('../images/btn_cart_backtoshop.gif') no-repeat;
		.ril;
		
		span {
			margin: 0px 0 0 13px;
			.ril;
			
			span {
				font-family: @fsDroidSansBold;
				font-size: 0.846em;
				font-weight: bold;
				color: #ffffff;
				margin: 0;
			}
		}
	}
	
	.btn-proceed-checkout {
		width: 121px;
		height: 35px;
		margin: 0 0 20px 0;
		border: 0;
		background: transparent url('../images/btn_cart_order.gif') no-repeat;
		clear: right;
		&:after { .clearfix }
		.rir;
		
		span {
			margin: 0px 0 2px 9px;
			.ril;
			
			span {
				font-family: @fsDroidSansBold;
				font-size: 1.077em;
				color: #ffffff;
				margin: 0;
			}
		}
	}
}

.checkout-cart-index .main-left aside article .block-content {
	min-height: 180px !important;
}

/****************************
 * ONESTEPCHECKOUT
 ***************************/
.ie7 .onestepcheckout-index-index .checkout-container-left ul li .input-box select {
	width: 269px !important;
}
 
.onestepcheckout-index-index {
	
	fieldset.group-select { padding: 0 !important }
	
	.checkout-container-left {
		width: 390px;
		min-height: 460px;
		padding-bottom: 12px;
		border-bottom: 3px solid #666666;
		.ril;
		
		h1.onestepcheckout-title {
			text-transform: none;
		}
		
		p {
			width: 388px;
		}
		
		.checkout-login-buttons {
			clear: right;
			.rir;
			
			.checkout-login {
				width: 173px;
				height: 17px;
				margin-bottom: 5px;
				padding-top: 3px;
				background: transparent url('../images/btn_checkout_login.gif') no-repeat;
				text-align: center;
				font-family: @fsDroidSansBold;
				font-size: 0.846em;
				color: #fff;
				text-decoration: none;
				.ril;
				
				&:after { .clearfix }
			}
			
			.checkout-register {
				width: 181px;
				text-align: center;
				font-family: @fsVerdana;
				font-size: 0.846em;
				text-decoration: none;
				clear: left;
				.ril;
			}
		}
		
		p {
			clear: left;
			margin: 18px 0;
			.ril;
		}
		
		td {
			font-family: @fsVerdana;
		}
		
		ul {
			list-style: none;
			margin: 0;
			
			&#billing_address_list {
				clear: left;
				.ril;
			}
			
			li {
				width: 388px;
				padding: 0;
				clear: left;
				.ril;
				
				.input-box {
					margin-bottom: 5px;
					
					.input-text {
						width: 268px !important;
					} 
					
					select {
						width: 268px;
						border: 1px solid #ccc;
						margin: 0 !important;
					}
				}
				
				.onestepcheckout-address-line {
					margin-bottom: 0px !important;
				}
				
				&.shipping-address-title {
					width: 390px;
					padding-top: 10px;
					margin: 10px 0 14px 0;
					border-top: 3px solid #666666;
					.ril;
				}
			}
		}
		
		label {
			width: 115px; 
			.ril;
		}
		
		.onestepcheckout-enable-newsletter-bottom,
		.input-different-shipping {
			clear: left;
			.ril;
			
			input {
				margin: 0 6px 0 0;
				.ril;
			}
			
			label {
				width: auto;
				clear: none;
				.ril;
			}
		}
	}
	
	.checkout-container-separator {
		width: 11px;
		min-height: 460px;
		border-right: 1px solid #cccccc;
		margin-right: 11px;
		.ril;
	}
	
	.checkout-container-right {
		width: 500px;
		min-height: 460px;
		border-bottom: 3px solid #666666;
		padding-bottom: 12px;
		.ril;
		
		h2 {
			font-family: @fsDroidSansBold;
			font-size: 1.385em;
			color: #36c;
			margin-bottom: 1em;
		}
		
		.checkout-cart {
			padding-bottom: 12px;
			margin-bottom: 25px;
			border-bottom: 3px solid #666666;
		}
		
		.onestepcheckout-summary {
			td, th {
				font-family: @fsVerdana;
				font-size: 0.846em;
				padding: 8px 0;
			}
			
			th {
				text-align: right;
				border-top: 0;
				
				&.qty, &.total { width: 100px }
			}
			
			tr.first td { padding-top: 14px }
		}
		
		.onestepcheckout-totals {
			td {
				border-bottom: 0;
				font-family: @fsVerdana;
				font-size: 0.846em;
			}
			
			.grand-total td {
				font-family: @fsDroidSansBold;
				font-size: 1.364em;
				color: #3366cc;
			}
		}
		
		.payment-methods {
			margin-bottom: 16px;
			
			label { font-size: 1em !important }
		}
		
		p {
			margin-bottom: 1em;
			font-family: @fsVerdana;
			font-size: 0.923em;
			
			&.small { font-size: 0.917em }
		}
		
		.checkout-button-container {
			width: 500px;
			margin-top: 12px;
			.ril;
		
			.checkout-button-submit {
				width: 187px;
				height: 35px;
				padding: 0;
				color: #fff;
				background: transparent url('../images/btn_checkout_order.gif') no-repeat;
				border: 0;
				text-align: left;
				clear: both;
				margin: 0;
				.rir;
				
				span {
					margin: 0px 0px 0px 8px;
					text-align: left;
					
					span {
						font-family: @fsDroidSansBold;
						font-size: 1em;
						margin: 0;
						text-shadow: 0px 0px 1px #ccc;
					}
				}
			}
		}
		
		.onestepcheckout-place-order-loading {
			text-align: left;
		}
		
		div.loading-ajax {
			background-image: url('../images/ajax-loader.gif');
		}
	}
}

.onestepcheckout-index-index {
	#klantenservice img {
		/*margin-top: 25px;*/
	}
	
	aside .block-content {
		min-height: 180px !important;
	}
}

#onestepcheckout-form label {
	font-size: 0.846em;
}

/****************************
 * RATING (STARS)
 ***************************/
ul.rating {
	width: auto !important;
	list-style: none;
	margin: 0;
	clear: both;
	.ril;

	li {
		width: 17px !important;
		height: 17px !important;
		margin-right: 3px !important;
		background: transparent url('../images/icon_star_sprite.gif') no-repeat 0 -17px;
		.ril;
	}
	
	&.one .one,
	&.two .one, &.two .two,
	&.three .one, &.three .two, &.three .three,
	&.four .one, &.four .two, &.four .three, &.four .four,
	&.five .one, &.five .two, &.five .three, &.five .four, &.five .five {
		background-position: 0 0;
	}
}

 /****************************
 * SEARCH RESULTS
 ***************************/
.catalogsearch-result-index {
	
	.main-left .block-content {
		width: 693px !important;
		padding: 16px 5px 0 20px !important;
	}
		
	.main-right ul {
		margin: 0;
		list-style: none;
		
		li {
			clear: left;
			margin-bottom: 0.5em;
			.ril;
		}
	}
	
	ul#products-list {
		clear: left;
	}
}

/****************************
 * TEXTPAGE
 ***************************/
#textpage_sidebar {
	width: 219px;
	.ril;
	
	h1 {
		width: 219px;
		height: 44px;
		margin: 0;
		padding: 0;
		.ril;
		
		span {
			.hide;
		}
	}
	
	h2 {
		width: 198px;
		padding: 17px 10px 0 22px;
		margin: 0;
		font-family: @fsDroidSans;
		font-size: 1.077em;
		font-weight: normal;
		text-transform: uppercase;
		color: #333333;
		background: transparent url('../images/bg_textpage_sidebar.png') repeat-y;
		.ril;
	}
	
	ul {
		width: 198px;
		padding: 17px 10px 0 11px;
		margin: 0;
		background: transparent url('../images/bg_textpage_sidebar.png') repeat-y;
		list-style: none;
		display: block;
		position: relative;
		float: left;
		
		li {
			clear: left;
			margin: 0 0 6px 0;
			.ril;
			
			a {
				width: 181px;
				height: 19px;
				padding: 4px 0 0 9px;
				font-family: @fsDroidSans;
				font-size: 1.077em;
				text-decoration: none;
				text-transform: uppercase;
				color: #333333;
				.ril;
				
				&:hover {
					color: #3366cc;
				}
				
				&.active {
					font-family: @fsDroidSansBold;
					font-weight: bold;
					color: #ffffff;
					background: transparent url('../images/bg_textpage_sidebar_highlight.gif') repeat-x;
				}
			}
		}
	}
	
	#textpage_sidebar_bottom {
		width: 219px;
		height: 12px;
		background: transparent url('../images/bg_textpage_sidebar_bottom.png') no-repeat;
		.ril;
	}
}

.catalogsearch-result-index #textpage_sidebar ul li a {
    width: 192px;
    height: auto !important;
    padding: 6px 0 6px 2px;
    border: 1px solid #ccc;
    background-position: center middle;
    background-repeat: no-repeat;

    &.hover,
    &.active {
        border-color: #888;
        background-image: none !important;
        background-color: transparent;
    }

    img {
        position: relative;
        display: block;
        margin: 0 auto;
    }
}

#textpage_content {
	width: 726px;
	margin: 0 0 0 15px;
	.ril;
	
	#textpage_content_top {
		width: 726px;
		height: 10px;
		background: transparent url('../images/bg_textpage_content_top.png') no-repeat;
		.ril;
	}
	
	#textpage_content_container {
		width: 680px;
		padding: 13px 20px 32px 26px;
		background: transparent url('../images/bg_textpage_content.png') repeat-y;
		font-family: @fsVerdana;
		font-size: 1em;
		color: #333333;
		.ril;
		
		h1 {
			font-family: @fsDroidSans;
			font-weight: normal;
			font-size: 1.692em;
			margin-bottom: 15px;
			color: #3366cc;
		}
		
		h2 {
			line-height: 1.5;
			color: #3366cc;
			font-family: @fsVerdana;
			font-weight: bold;
			font-size: 1.077em;
		}
		
		p {
			margin-bottom: 2em;
			line-height: 1.5;
		}
	}
	
	#textpage_content_bottom {
		width: 726px;
		height: 14px;
		background: transparent url('../images/bg_textpage_content_bottom.png') no-repeat;
		.ril;
	}
}

/****************************
 * NIEUWS OVERVIEW (TEXTPAGE)
 ***************************/
#news-home {
	
	article {
		width: 205px;
		margin-bottom: 22px;
		.ril;
		
		header {
			display: inline;
			
		
			time {
				font-family: @fsVerdana;
				font-size: 0.846em;
				display: inline;
			}
			
			h1 {
				font-family: @fsVerdana !important;
				font-size: 0.923em !important;
				font-weight: bold !important;
				color: #000 !important;
				clear: none !important;
				border: 0 !important;
				margin: 0 !important;
				padding: 0 !important;
				display: inline !important;
				position: static !important;
				float: none !important;
			}
		}
		
		p {
			font-size: 0.923em !important;
			display: inline !important;
			clear: none !important;
			float: none !important;
		}
		
		a {
			font-size: 0.846em;
			display: inline;
			clear: both;
		}
	}
}
 
.blog-index-index,
.newsarchive {
	article.newsoverview_item {
		width: 500px; /* 681px */
		padding: 0 0 15px 168px;
		min-height: 109px;
		.ril;
		
		.nieuws_item_container {
			width: 500px;
			border-bottom: 1px dotted #cccccc;
			padding-bottom: 9px;
			margin-bottom: 9px;
			.ril;
		
			h1 {
				font-family: @fsDroidSans;
				display: block;
			}
			
			time {
				font-family: @fsDroidSans;
				font-size: 1em;
				line-height: 1.5;
				color: #666666;
				clear: right;
				display: block;
			}
			
			p {
				font-family: @fsVerdana;
				font-size: 0.92em;
				color: #333333;
				display: inline;
				margin-bottom: 1em;
				float: left;
			}
			
			p.shortcontent {
				float: none;
			}
			
			a {
				font-family: @fsVerdana;
				font-size: 0.85em;
				text-decoration: none;
				color: #3366cc;
				display: inline;
			}
			
			.nieuws_item_readmore {
				clear: left;
				.rir;
			}
			
			.nieuws_item_content {
				margin-top: 1em;
				clear: left;
				.ril;
			}
		}
		
		.nieuws_image_placeholder {
			width: 157px;
			height: 111px;
			top: 0;
			left: 0;
			background: transparent url('../images/bg_nieuws_image_shadow.gif') no-repeat;
			.ail;
			
			&.noimage {
				background-image: none;
			}
		}
	}
	
	.main-right ul {
		margin-left: 1em;
		
		li a {
			line-height: 1.7;
			font-family: @fsVerdana;
			font-weight: bold;
			color: #000;
		}
	}
}

/****************************
 * CONTACT (FORM)
 ***************************/
#contact_form,
#sluban_form {
	width: 500px;
	height: auto;
	clear: left;
	.ril;
	
	div {
		clear: left;
		.ril;
	}
	
	form {
		width: 500px;
		.ril;
	}
	
	ul {
		width: 500px;
		height: auto;
		list-style: none;
		margin: 0;
		padding: 0;
		display: block;
		float: left;
		position: relative;
		clear: right;
		
		li {
			width: 500px;
			margin-bottom: 15px;
			.ril;
			
			label {
				width: 150px;
				font-family: @fsVerdana;
				font-size: 0.92em;
				color: #333333;
				clear: left;
				.ril;
			}
			
			.inputfield,
			.textarea {
				width: 341px;
				height: 21px;
				border-width: 1px;
				border-style: solid;
				border-color: #707070 #e8e8e8 #e8e8e8 #707070;
				background: #ffffff url('../images/bg_textfield.gif') no-repeat;
				font-family: @fsVerdana;
				font-size: 0.92em;
				line-height: 1.7;
				color: #333333;
				padding: 0px 0 0 7px;
				margin: 0;
				clear: right;
				.ril;
				
				&:focus {
					outline: none;
				}
			}
			
			.textarea { padding-top: 3px }
			
			.selectfield {
				width: 350px;
				height: 21px;
				border-width: 1px;
				border-style: solid;
				border-color: #707070 #e8e8e8 #e8e8e8 #707070;
				background: #ffffff url('../images/bg_textfield.gif') no-repeat;
				font-family: @fsVerdana;
				font-size: 0.92em;
				color: #333333;
				margin: 0;
				clear: right;
				.ril;
				
				&:focus {
					outline: none;
				}
			}
			
			.textarea {
				height: 90px;
				line-height: 1.45;
			}
			
			p {
				margin: 0 0 0.2em 0 !important;
				padding: 0 !important;
			}
			
			div {
				width: 341px !important;
				clear: none;
				.ril;
			}
		}
	}
	
	.submit {
		width: 121px;
		height: 35px;
		margin: 12px 0 20px 379px;
		border: 0;
		background: transparent url('../images/btn_cart_order.gif') no-repeat;
		clear: left;
		.ril;
		
		span {
			margin: 8px 0 0 9px;
			.ril;
			
			span {
				font-family: @fsDroidSansBold;
				font-size: 1.077em;
				color: #ffffff;
				margin: 0;
			}
		}
	}
}

/****************************
 * TWITTER (HOME)
 ***************************/
#twitter_home {
	clear: left;
}

/****************************
 * FACEBOOK (HOME)
 ***************************/
#facebook_home .fb-like-box {
	margin-left: -6px;
}

/****************************
 * ADDTHIS (HOME)
 ***************************/
#addthis_home {
	margin-bottom: 0px !important;
	
	.addthis_toolbox {
		width: 184px;
		margin: 0 auto;
		display: block;
		position: relative;
		overflow: hidden;
	}
}

/****************************
 * KOOPJES
 ***************************/
.product-sale {
	width: 205px;
	padding: 14px 0 20px 0;
	border-top: 1px solid #ccc;
	.ril;
	
	&.first { padding-top: 0; border: 0 }
	
	img {
		.ril;
	}
	
	.product-sale-info {
		width: 109px !important;
		.rir;
	
		h1 {
			width: 109px !important;
			padding: 14px 0 0 0 !important;
			font-family: @fsVerdana !important;
			font-size: 0.778em !important;
			font-weight: bold !important;
			color: #000 !important;
			margin: 0 0 0 0 !important;
			display: block !important;
			position: relative !important;
			float: left !important;
			border: 0 !important;
		}
		
		.price-rendered,
		.price {
			float: right;
		}
	}
	
	a.product-sale-addtocart {
		width: 122px;
		height: 20px;
		background: transparent url('../images/btn_popup_arrow_left.gif') no-repeat;
		font-family: @fsDroidSansBold;
		font-size: 0.846em;
		color: #fff;
		text-decoration: none;
		margin-top: 3px;
		.ril;
		
		span {
			margin: 4px 0 0 20px;
			.ril;
			
			span { margin: 0 }
		}
	}
}

/****************************
 * POPUP (CHECKOUT)
 ***************************/
#popup_overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: transparent;
  	background-color: rgba(0, 0, 0, 0.5);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
	filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000)"; /* IE6–IE9 */
	zoom: 1;
	z-index: 5000;
}

#popup_container {
	width: 960px;
	/*margin: 0 auto;*/
	z-index: 5100;
	/*position: relative;*/
	position: absolute;
	float: left;
	left: 50%;
	margin-left: -480px;
	display: block;
	background-color: red;
	zoom: 1;
	
	&:after { .clearfix }
	
	#popup_wrapper {
		width: 525px;
		padding-top: 98px;
		right: -8px;
		clear: left;
		.air;
		
		&:after { .clearfix }
		
		#popup_top {
			width: 535px;
			height: 58px;
			background: transparent url('../images/bg_popup_top.png') no-repeat;
			.ril;
		}
		
		#popup_content {
			width: 465px;
			padding: 22px 38px 38px 32px;
			background: transparent url('../images/bg_popup_content.png') repeat-y;
			.ril;
			
			h1 {
				font-family: @fsDroidSansBold;
				font-size: 1.385em;
				color: #36c;
			}
			
			a#popup_btn_close {
				width: 25px;
				height: 23px;
				top: -5px;
				right: 27px;
				background: transparent url('../images/btn_close.gif') no-repeat;
				text-index: -9000px;
				line-height: 0;
				font-size: 0;
				text-decoration: none;
				.air;
			}
			
			table {
				width: 465px;
				margin-top: 45px;
				
				thead th {
					padding-bottom: 6px;
					border-bottom: 1px solid #ccc;
					font-size: 0.846em;
					font-family: @fsVerdana;
					text-align: left;
				}
				
				tbody tr td,
				tfoot td {
					font-size: 0.846em;
					padding: 14px 0;
				}
				
				tbody tr td.strong,
				tfoot td {
					font-weight: bold;
				}
				
				tfoot td {
					border-top: 1px solid #ccc;
					border-bottom: 1px solid #ccc;
				}
				
				td.a-right {
					text-align: right;
				}
			}
			
			.btn_container {
				width: 465px;
				margin-top: 20px;
				.ril;
				
				a.btn_continue_shop {
					width: 122px;
					height: 20px;
					background: transparent url('../images/btn_popup_arrow_left.gif') no-repeat;
					font-family: @fsDroidSansBold;
					font-size: 0.846em;
					color: #fff;
					text-decoration: none;
					margin-top: 3px;
					.ril;
					
					span {
						margin: 4px 0 0 20px;
						.ril;
						
						span { margin: 0 }
					}
				}
				
				a.btn_to_cart {
					width: 132px;
					height: 20px;
					background: transparent url('../images/btn_popup_arrow_right.gif') no-repeat;
					font-family: @fsDroidSansBold;
					font-size: 0.846em;
					color: #fff;
					text-decoration: none;
					margin-top: 3px;
					.rir;
					
					span {
						margin: 4px 0px 0 10px;
						.ril;
						
						span { margin: 0 }
					}
				}
			}
		}
		
		#popup_bottom {
			width: 535px;
			height: 25px;
			background: transparent url('../images/bg_popup_bottom.png') no-repeat;
			.ril;
		}
	}
}
 
/****************************
 * MESSAGES (ERRORS/SUCCESS)
 ***************************/
#form_messages {
	width: 100%;
	.ril;
	
	ul {
		width: 100%;
		list-style-type: none;
		padding: 0;
		margin: 0 0 1em 0;
		.ril;
		
		.error-msg ul,
		.success-msg ul {
			width: 97.5%;
			padding: 7px;
			border: 1px solid #ff0000;
			background-color: #ffd7d7;
			list-style-type: bullet;
			.ril;
			
			li {
				color: #ff0000;
				clear: left;
				line-height: 1.5;
				.ril;
			}
		}
		
		.success-msg ul {
			border: 1px solid #61c100;
			background-color: #e9ffd2;
			
			li {
				color: #61c100;
			}
		}
	}
}

/****************************
 * WEBFORMS
 ***************************/
.fieldset {
	
	.form-list {
		margin: 0 !important;
		list-style: none !important;
		
		.required em {
			color: #ff0000;
			font-weight: normal;
		}
		
		.input-box {
			margin-bottom: 1em;
			
			ul {
				margin: 0 !important;
				list-style: none !important;
				
				.control {
					margin-bottom: 0.3em;
					
					.radio, .checkbox {
						margin-right: 0.3em;
					}
				}
			}
			
			input.input-text,
			textarea.input-text {
				width: 341px;
				height: 11px;
				border-width: 1px;
				border-style: solid;
				border-color: #707070 #e8e8e8 #e8e8e8 #707070;
				background: #ffffff url('../images/bg_textfield.gif') no-repeat;
				font-family: @fsVerdana;
				font-size: 0.92em;
				color: #333333;
				padding: 10px 0 0 7px;
				margin: 0;
				clear: right;
				
				&:focus { outline: none }
			}
			
			select.input-text {
				width: 350px;
				height: 21px;
				border-width: 1px;
				border-style: solid;
				border-color: #707070 #e8e8e8 #e8e8e8 #707070;
				background: #ffffff url('../images/bg_textfield.gif') no-repeat;
				font-family: @fsVerdana;
				font-size: 0.92em;
				color: #333333;
				margin: 0;
				clear: right;
				
				&:focus {
					outline: none;
				}
			}
			
			textarea.input-text {
				height: 90px;
				line-height: 1.45;
			}
		}
	}
}

.buttons-set {
			
	.button-submit {
		width: 125px;
		height: 25px;
		border: 0;
		background: transparent url('../images/btn_versturen.gif') no-repeat;
		clear: left;
		/*margin-left: 268px;*/
		.ril;
		
		span {
			.hide;
		}
		
		&.en {
			background-image: url('../images/btn_versturen_en.gif') !important;
		}
		
		&.de {
			background-image: url('../images/btn_versturen_de.gif') !important;
		}
		
		&.fr {
			background-image: url('../images/btn_versturen_fr.gif') !important;
		}
	}
}

/****************************
 * ANNOUNCEMENT BUBBLES
 ***************************/
.announcement-big,
.announcement-small {
	width: 121px;
	height: 54px;
	top: 0px;
	left: -2px;
	padding: 30px 0 0 17px;
	background: transparent url('../images/bg_announcement_big.png') no-repeat;
	.ail;
	
	span {
		font-family: @fsDroidSansBold;
		font-size: 1.846em;
		text-transform: uppercase;
		color: #fff;
	}
}

.announcement-small {
	width: 90px;
	height: 40px;
	top: 1px;
	left: -8px;
	padding: 22px 0 0 12px;
	background: transparent url('../images/bg_announcement_small.png') no-repeat;
	
	span { font-size: 1.385em }
}

/****************************
 * STORE LANGUAGE
 ***************************/
#store_language {
	width: 125px;
	z-index: 1000;
	right: 0;
	.ril;
	
	#store_language_current,
	#store_language_list {
		width: 125px;
		/*background: transparent url('../images/bg_languages_dd.png') no-repeat;*/
		background: transparent none;
		.ril;
		
		ul {
			list-style: none;
			margin: 0;
			padding: 0;
			z-index: 900;
			.ril;
			
			li {
				width: 97px;
				height: 13px;
				margin-left: 5px;
				padding: 9px 0 8px 28px;
				background-repeat: no-repeat;
				background-position: 2px 9px;
				font-family: @fsVerdana;
				font-size: 0.85em;
				color: #000;
				clear: left;
				cursor: pointer;
				z-index: 800;
				.ril;
				
				&.hover {
					background-color: #edeceb;
				}
				
				&.slubanshop_nl { background-image: url('../images/icon_flag_nl.gif') }
				&.slubanshop_en { background-image: url('../images/icon_flag_en.gif') }
				&.slubanshop_de { background-image: url('../images/icon_flag_de.gif') }
				&.slubanshop_fr { background-image: url('../images/icon_flag_fr.gif') }
				&.slubanshop_be { background-image: url('../images/icon_flag_be.gif') }
			}
		}
	}
	
	#store_language_current {
		background-position: 0 0;
		
		ul li {
			padding: 0px 0 6px 28px;
			background-position: 0px 0px;
		}
		
		.arrow {
			width: 13px;
			height: 12px;
			background: transparent url('../images/icon_arrow_down.gif') no-repeat;
			margin: 2px 0px 0 0;
			right: 0;
			.air;
		}
	}
	
	#store_language_list {
		background-color: #ffffff;
		
		.line {
			width: 121px;
			height: 1px;
			background-color: #d1d0cd;
			clear: left;
			left: 0;
			.ail;
		}
		
		ul {
			margin-top: 4px;
			
			
			li {
				width: 92px;
			}
		}
	}
}

/****************************
 * FORMATTED PRICES
 ***************************/
.price-rendered {
	height: 30px;
	margin: 3px 0;
	.ril;
	
	.price-orig { .hide }
	
	/* No background (dot) for the Hungarian price */
	&.ft .price-container { background-image: none }
	
	/* FORMATEDD PRICE - BIGGER VERSION */
	&.big {
		height: 35px;
		
		.price-container {
			height: 35px;
			background-position: 100% -130px;
			
			span {
				height: 35px;
				
				&.dot     { width: 1px; margin: 0; background-image: none }
				&.dot_alt { width: 8px; margin: 0; background-position: -240px -130px }
				
				&.e1 { width: 16px; background-position: 0 0 }
				&.e2 { width: 25px; background-position: -27px 0 }
				&.e3 { width: 24px; background-position: -54px 0 }
				&.e4 { width: 27px; background-position: -81px 0 }
				&.e5 { width: 24px; background-position: -108px 0 }
				&.e6 { width: 26px; background-position: -135px 0 }
				&.e7 { width: 25px; background-position: -162px 0 }
				&.e8 { width: 27px; background-position: -189px 0 }
				&.e9 { width: 25px; background-position: -216px 0 }
				&.e0 { width: 26px; background-position: -243px 0 }
				
				&.c1 { width: 8px; background-position: 0 -65px; &.last { width: 12px }}
				&.c2 { width: 13px; background-position: -27px -65px }
				&.c3 { width: 13px; background-position: -54px -65px }
				&.c4 { width: 15px; background-position: -81px -65px }
				&.c5 { width: 13px; background-position: -108px -65px }
				&.c6 { width: 14px; background-position: -186px -65px }
				&.c7 { width: 14px; background-position: -162px -65px }
				&.c8 { width: 14px; background-position: -189px -65px }
				&.c9 { width: 14px; background-position: -216px -65px }
				&.c0 { width: 14px; background-position: -243px -65px }
				
				&.ft { width: 27px; margin-left: 0.5em; background-position: -240px -195px }
			}
		}
	}
	
	/* FORMATEDD PRICE - STANDARD VERSION */
	.price-container {
		height: 30px;
		background-image: url('../images/sprite_numbers.png');
		background-repeat: no-repeat;
		background-color: transparent;
		background-position: 100% -165px;
		.ril; 
	
		span {
			height: 30px;
			margin-right: 2px;
			background-image: url('../images/sprite_numbers.png');
			background-repeat: no-repeat;
			background-color: transparent;
			.ril;
			
			&.dot     { width: 1px; margin: 0; background-image: none }
			&.dot_alt { width: 7px; margin: 0; background-position: -246px -165px }
			
			&.e1 { width: 14px; background-position: 0 -35px }
			&.e2 { width: 22px; background-position: -27px -35px }
			&.e3 { width: 21px; background-position: -54px -35px }
			&.e4 { width: 24px; background-position: -81px -35px }
			&.e5 { width: 21px; background-position: -108px -35px }
			&.e6 { width: 23px; background-position: -135px -35px }
			&.e7 { width: 21px; background-position: -162px -35px }
			&.e8 { width: 22px; background-position: -189px -35px }
			&.e9 { width: 23px; background-position: -216px -35px }
			&.e0 { width: 22px; background-position: -243px -35px }
			
			&.c1 { width: 6px; background-position: 0 -100px; &.last { width: 8px } }
			&.c2 { width: 10px; background-position: -27px -100px }
			&.c3 { width: 9px; background-position: -54px -100px }
			&.c4 { width: 11px; background-position: -81px -100px }
			&.c5 { width: 9px; background-position: -108px -100px }
			&.c6 { width: 11px; background-position: -135px -100px }
			&.c7 { width: 10px; background-position: -162px -100px }
			&.c8 { width: 11px; background-position: -189px -100px }
			&.c9 { width: 10px; background-position: -216px -100px }
			&.c0 { width: 11px; background-position: -243px -100px }
			
			&.ft { width: 22px; margin-left: 0.5em; background-position: -240px -230px }
		}
	}
}