/**
 * 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;
 
/* il = Inline, left */
.il {
	display: inline;
	float: left;
}
 
/* ail = Absolute, inline, left */
.ail {
	position: absolute;
	.il;
}

/* ril = Relative, inline, left */
.ril {
	position: relative;
	.il;
}

.ir {
	display: inline;
	float: right;
}

.air {
	position: absolute;
	.ir;
}

.abr {
	position: absolute;
	display: block;
	float: right;
}

.rir {
	position: relative;
	.ir;
}

.hide {
	display: none;
	visibility: hidden;
}

.show (@elemStyle: inline) {
	display: @elemStyle;
	visibility: visible;
}

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

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

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

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

h1 {}
h2 {}
p {}

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

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

/****************************
 * LAYOUT
 ***************************/
#wrap {
	width: 100%;
	.ril;
	background-color: transparent;
	background-image: url('../images/bg_header.gif');
	background-repeat: repeat-x;
}
	
	/****************************
	 * HEADER
	 ***************************/
	header.top {
		width: 960px;
		height: 190px;
		.ril;
		left: 50%;
		margin-left: -480px;
	}
	
	.ie7 header {
		z-index: 20;
	}
	
		header hgroup {
			.il;
			width: 257px;
			height: 84px;
			margin-top: 28px;
		}
	
			header hgroup h1 span,
			header hgroup h2 {
				.hide;
			}
			
		header #characters {
			width: 257px;
			height: 145px;
			.ail;
			background: transparent url('../images/img_hdr_characters.jpg') no-repeat;
			left: 50%;
			margin-left: -124px;
		}
		
		/****************************
		 * NAVIGATION
		 ***************************/
		
		header nav {
			width: 610px;
			height: 60px;
			.ail;
			left: 50%;
			margin: 130px 0 0 -305px;
			z-index: 15;
		}
		
			header nav ul li {
				.il;
				z-index: 15;
			}
			
				header nav ul li a {
					.il;
					height: 60px;
					background-image: url('../images/nav_sprite.png');
					z-index: 15;
				}
		
					header nav ul li a span {
						.hide;
					}
					
			header nav.en ul li a {
				background-image: url('../images/nav_sprite_en.png') !important;
			}
			
			header nav.de ul li a {
				background-image: url('../images/nav_sprite_de.png') !important;
			}
			
			header nav.fr ul li a {
				background-image: url('../images/nav_sprite_fr.png') !important;
			}
			
			header nav.hu ul li a {
				background-image: url('../images/nav_sprite_hu.png') !important;
			}
					
		header #controls {
			width: 282px;
			.rir;
			margin-top: 10px;
		}
		
			/****************************
			 * SEARCH
			 ***************************/
		
			header #controls #search {
				width: 282px;
				height: 28px;
				.rir;
				margin-top: 52px; /* 27px; */
			}
			
				header #controls #search div {
                    width: 180px;
                    height: 28px;
                    background: transparent url('../images/bg_search.jpg') no-repeat;
                    .ril;

                    .inputfield {
                        width: 160px;
                        height: 24px;
                        .ril;
                        margin: 0;
                        padding: 0px 6px 4px 14px;
                        border: 0;
                        font-size: 1.08em;
                        color: #666666;
                        background: transparent none;
                    }
				}
				
				.ie7 header #controls #search .inputfield,
				.ie8 header #controls #search .inputfield {
					line-height: 1.6;
				}
				
					header #controls #search .inputfield:focus {
						outline: none;
					}
				
				header #controls #search .submit {
					width: 102px;
					height: 28px;
					.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 -180px 0;
				}
				
				header #controls #search .en {
					background-image: url('../images/bg_search_en.jpg') !important;
				}
				
				header #controls #search .de {
					background-image: url('../images/bg_search_de.jpg') !important;
				}
				
				header #controls #search .fr {
					background-image: url('../images/bg_search_fr.jpg') !important;
				}
				
				header #controls #search .hu {
					background-image: url('../images/bg_search_hu.jpg') !important;
				}
				
					header #controls #search .submit:hover {
						background-position: -180px -28px;
					}
	
	/****************************
	 * MAIN
	 ***************************/
			
	#main {
		width: 960px;
		.ril;
		clear: left;
		left: 50%;
		padding-top: 20px;
		margin: 0 0 80px -480px;
	}
	
		#main .block {
			.ril;
			clear: left;
			margin-bottom: 20px;
		}
		
		#main aside.right,
		#main section.right,
		#main div.right {
			float: right;
			clear: none;
		}
		
			#main .block h1 {
				.hide;
			}
			
			#main .block article header,
			#main .block article time,
			#main .block article h1,
			#main .block article p,
			#main .block article a {
				.show;
				font-family: @fsVerdana;
				font-size: 0.92em;
				color: #666666;
			}
			
			#main .block article h1 {
				position: relative !important;
				color: #333333;
				font-size: 0.85em;
				font-weight: bold;
				text-transform: uppercase;
			}
			
			#main .block  article a {
				color: #3366cc;
				font-size: 0.85em;
				text-decoration: none;
			}
			
			#main .block  article a:hover {
				text-decoration: underline;
			}
			
		#main .bottom {
			width: 461px;
			height: 270px;
			.ril;
			clear: left;
			margin-bottom: 20px;
			background: transparent url('../images/bg_block_bottom.png') no-repeat 19px 22px;
		}
		
			#main .bottom h1 {
				xposition: absolute;
				.show;
			}
			
				#main .bottom h1 img {
					.ril;
				}
			
				#main .bottom h1 span {
					.hide;
				}
		
			#main .bottom article {
				width: 420px;
				.ril;
				margin: 177px 0 0 40px;
			}
			
				#main .bottom article h1 {
					display: block;
					margin-bottom: 3px;
				}
				
			#main .bottom img {
				position: absolute;
				display: inline;
				top: 0; right: 0;
			}

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

footer {
	width: 100%;
	height: 176px;
	.ril;
	clear: left;
	padding-bottom: 58px;
	background-color: transparent;
	background-image: url('../images/bg_footer.gif');
	background-repeat: repeat-x;
	overflow: hidden;
}

	footer #footer_container {
		width: 980px; /*960px;*/
		height: 176px;
		.ril;
		left: 50%;
		margin-left: -490px; /*-480px;*/
		background-image: url('../images/bg_footer_container.png');
		background-repeat: no-repeat;
		background-color: transparent;
	}
	
		/****************************
		 * HOVERABLE CHARACTERS
		 ***************************/
	
		footer #footer_container #charwrap {
			.ril;
			left: 50%;
			height: 77px;
		}
		
			footer #charwrap ul {
				height: 77px;
				.ril;
				right: 50%;
				margin: 22px 0 0 -20px;
				list-style: none;
				z-index: 10;
			}
			
				footer #charwrap ul li {
					.il;
				}
				
					footer #charwrap ul li a {
						height: 77px;
						.il;
						margin-right: 1px;
						background-repeat: no-repeat;
					}
				
						footer #charwrap ul li a span {
							.hide;
						}
		
		/****************************
		 * FOOTER NAV
		 ***************************/
						
		footer nav {
			height: 36px;
			.ril;
			clear: left;
			left: 50%;
			margin-top: 34px;
		}
		
		.ie7 footer nav {
			float: none;
			top: 34px;
		}
		
			footer nav ul,
			footer #footertext ul {
				.ril;
				right: 50%;
				list-style: none;
			}
			
			.ie7 footer nav ul {
				margin-left: 160px;
			}
			
				footer nav ul li,
				footer #footertext ul li {
					.il;
				}
				
					footer nav ul li a {
						font-size: 1.23em;
						text-decoration: none;
						.ril;
						height: 16px;
						padding: 0px 8px;
						margin-top: 18px;
						border-left: 1px solid #000000;
						text-transform: uppercase; 
						color: #000000;
					}
					
					footer nav ul li.home a {
						width: 156px;
						height: 36px;
						padding: 0;
						margin: 0;
						border: 0;
					}
					
					footer nav ul li.last a {
						border-right: 1px solid #000000;
					}
					
						footer nav ul li a:hover {
							text-decoration: underline;
						}
						
		footer #footertext {
			height: 29px;
			.ril;
			clear: left;
			left: 50%;
		}
		
		.ie7 footer #footertext {
			width: 300px;
			top: 34px;
		}
				
			footer #footertext ul li {
				font-size: 1.08em;
				.ril;
				padding: 0px 5px;
				margin-top: 12px;
				color: #666666;
			}
			
			footer #footertext ul li.last {
				border-left: 1px solid #666666;
				border-right: 1px solid #666666;
			}
			
				footer #footertext ul li a {
					color: #666666;
					text-decoration: none;
				}
				
				footer #footertext ul li a:hover {
					text-decoration: underline;
				}
		
/****************************
 * NAVIGATION
 ***************************/
header {
	nav {
		.home a				{ width: 89px; background-position: 0 0; }
		.producten a		{ width: 154px; background-position: -89px 0; }
		.dealers a			{ width: 106px; background-position: -243px 0; }
		.nieuws a			{ width: 101px; background-position: -349px 0; }
		.downloads a		{ width: 160px; background-position: -450px 0; }

		.home a:hover,
		.home a.active		{ background-position: 0 -60px; }
		.producten a:hover,
		.producten a.active	{ background-position: -89px -60px; }
		.dealers a:hover,
		.dealers a.active	{ background-position: -243px -60px; }
		.nieuws a:hover,
		.nieuws a.active	{ background-position: -349px -60px; }
		.downloads a:hover,
		.downloads a.active	{ background-position: -450px -60px; }
		
		&.de {
			.producten a { width: 147px !important; }
			.dealers a { width: 105px !important; background-position: -236px 0; }
			.nieuws a	 { width: 109px; background-position: -341px 0; }
		
			.dealers a:hover,
			.dealers a.active	{ background-position: -236px -60px; }
			.nieuws a:hover,
			.nieuws a.active	{ background-position: -341px -60px; }
		}
		
		&.fr {
			.home a				{ width: 111px; background-position: 0 0; }
			.producten a		{ width: 115px; background-position: -111px 0; }
			.dealers a			{ width: 123px; background-position: -226px 0; }
			.nieuws a			{ width: 110px; background-position: -349px 0; }
			.downloads a		{ width: 151px; background-position: -459px 0; }
			
			.home a:hover,
			.home a.active		{ background-position: 0 -60px; }
			.producten a:hover,
			.producten a.active	{ background-position: -111px -60px; }
			.dealers a:hover,
			.dealers a.active	{ background-position: -226px -60px; }
			.nieuws a:hover,
			.nieuws a.active	{ background-position: -349px -60px; }
			.downloads a:hover,
			.downloads a.active	{ background-position: -459px -60px; }
		}
		
		&.hu {
			.home a				{ width: 116px; background-position: 0 0; }
			.producten a		{ width: 124px; background-position: -116px 0; }
			.dealers a			{ width: 149px; background-position: -240px 0; }
			.nieuws a			{ width: 78px; background-position: -389px 0; }
			.downloads a		{ width: 143px; background-position: -467px 0; }
			
			.home a:hover,
			.home a.active		{ background-position: 0 -60px; }
			.producten a:hover,
			.producten a.active	{ background-position: -116px -60px; }
			.dealers a:hover,
			.dealers a.active	{ background-position: -240px -60px; }
			.nieuws a:hover,
			.nieuws a.active	{ background-position: -389px -60px; }
			.downloads a:hover,
			.downloads a.active	{ background-position: -467px -60px; }
		}
	}
}

/****************************
 * BREADCRUMBS
 ***************************/
#breadcrumbs {
	width: 960px;
	height: 35px;
	.ril;
	clear: left;
	left: 50%;
	margin-left: -480px;
}

	#breadcrumbs ul {
		.ril;
		margin-top: 6px;
		list-style: none;
	}
	
		#breadcrumbs ul li {
			.ril;
			font-family: @fsVerdana;
			font-weight: bold;
			font-size: 0.92em;
			text-transform: uppercase;
		}
		
			#breadcrumbs ul li a {
				font-family: @fsVerdana;
				font-size: 0.92em;
				font-weight: normal;
				text-decoration: none;
				text-transform: none;
				color: #000000;
				margin-right: 6px;
				padding-right: 6px;
				border-right: 1px solid #000000;
			}
			
			#breadcrumbs ul li a:hover {
				text-decoration: underline;
			}

/****************************
 * CHARACTERS (FOOTER)
 ***************************/
footer {
	ul {
		.char_landforces a   { width: 81px; background-image: url('../images/footer_char_landforces.png'); }
		.char_girlsdream a   { width: 72px; background-image: url('../images/footer_char_girlsdream.png'); }
		.char_specialforce a { width: 104px; background-image: url('../images/footer_char_specialforce.png'); }
		.char_treinen a      { width: 70px; background-image: url('../images/footer_char_treinen.png'); }
        .char_happyfarm a    { width: 91px; background-image: url('../images/footer_char_happyfarm.png'); }
        .char_dreamworks a   { width: 89px; background-image: url('../images/footer_char_dreamworks.png'); }
        .char_city a         { width: 101px; background-image: url('../images/footer_char_city.png'); }
        .char_pirate a       { width: 84px; background-image: url('../images/footer_char_pirate.png'); }
	}
}

/****************************
 * BALLOONS
 ***************************/
#balloon {
	width: 133px; /* 164px */
	height: 41px; /* 89px */
	position: absolute;
	display: block;
	float: left;
	padding: 18px 17px 30px 14px;
	top: 50px;
	left: 100px;
	background: transparent url('../images/bg_baloon.png') no-repeat;
	font-family: @fsArial;
	font-size: 1.08em;
	line-height: 1.35;
	text-align: center;
	color: #666666;
	z-index: 5;
}

#extra_balloon {
	width: 134px;
	position: fixed;
	display: inline;
	float: right;
	top: auto;
	left: auto;
	right: 3px;
	bottom: 80px;
	z-index: 5;
	
	#extra_balloon_top {
		width: 134px;
		height: 7px;
		position: relative;
		display: inline;
		float: left;
		background: transparent url('../images/bg_extra_balloon_top.png') no-repeat;
	}
	
	#extra_balloon_content {
		width: 105px;
		padding: 6px 15px 6px 13px;
		position: relative;
		display: inline;
		float: left;
		background: transparent url('../images/bg_extra_balloon.png') repeat-y;
		font-family: @fsArial;
		font-size: 1.08em;
		line-height: 1.35;
		text-align: center;
		color: #666666;
		
		p {
			line-height: 1.1;
			margin-bottom: 0.8em;
		}
	}
	
	#extra_balloon_bottom {
		width: 134px;
		height: 25px;
		position: relative;
		display: inline;
		float: left;
		background: transparent url('../images/bg_extra_balloon_bottom.png') no-repeat;
	}
}

#extra_balloon_image {
	position: fixed;
	display: inline;
	float: right;
	padding: 0;
	margin: 0;
	top: auto;
	left: auto;
	right: 0px;
	bottom: 0px;
	z-index: 5;
	
	img {
		display: inline;
		float: left;
		position: relative;
		clear: both;
		border: 0;
		margin: 0;
	}
}

/****************************
 * SLIDER
 ***************************/

#slider {
	width: 100%;
	height: 290px;
	.ril;
	clear: left;
	background-image: url('../images/bg_slider.png');
	background-repeat: repeat-x;
	background-color: transparent;
	margin-top: -30px;
}

#slider.nomargin {
	margin: 0;
}

	#slider #back,
	#slider #front {
		width: 960px;
		height: 284px;
		.ail;
		left: 50%;
		margin-left: -480px;
	}
	
		#slider #front {
			overflow: hidden;
			z-index: 14;
		}
		
		.ie7 #slider #front {
			position: absolute;
		}

        #slider #front.static {
            position: static;
            display: block;
            margin: 0 auto;
            float: none;
            left: 0;
        }
	
		#slider #back .left,
		#slider #back .right {
			position: relative
			display: inline;
		}
		
		/*.ie7 #slider #back,*/
		.ie7 #slider #front {
			overflow: hidden;
		}
		
		.ie7 #slider #back .left, 
		.ie7 #slider #back .right {
			z-index: 3;
		}
		
		#slider #back .left { float: left; }
		#slider #back .right { float: right; }
		
		#slider #front .middle {
			position: absolute;
			display: inline;
			left: 50%;
			bottom: 0;
		}
		
		#slider #front .logo {
			.rir;
			right: 9px;
			bottom: 75px;
		}
		
		#slider #front .logoTopLeft {
			.ril;
		}
		
		.ie7 #slider #front .logo {
			right: 249px;
		}

        .ie7 #slider #front .logoTopLeft {
            xposition: absolute;
        }
	
	#slider #slidecontrols {
		width: 930px;
		height: 36px;
		.ail;
		left: 50%;
		margin: 248px 0 0 -456px;
		background: transparent url('../images/bg_slider_nav.png') no-repeat;
	}
	
	.ie7 #slider #slidercontrols {
		z-index: 15;
	}
	
		#slider #slidecontrols span {
			.ril;
			margin: 10px 0 0 24px;
			font-size: 1.54em;
			text-transform: uppercase;
			color: #3366CC;
			display: none;
		}
		
		.cms-index-index #slider #slidecontrols span {
			font-weight: bold;
		}
		
		#slider #slidecontrols .pages {
			.rir;
			list-style: none;
			margin: 5px 44px 0 0;
			z-index: 15;
		}
		
		.ie7 #slider #slidecontrols .pages {
			position: absolute;
			right: 142px;
		}
		
			#slider #slidecontrols .pages li {
				.ril;
				margin-left: 15px;
			}
			
				#slider #slidecontrols .pages li a {
					.ril;
					font-size: 1.54em;
					color: #999999;
					text-decoration: none;
					margin-top: 8px;
				}
				
				#slider #slidecontrols .pages li a.active,
				#slider #slidecontrols .pages li a:hover {
					margin-top: 0;
					font-size: 2.31em;
					color: #3366CC;
				}
				
				.cms-index-index #slider #slidecontrols .pages li a {
					font-weight: bold;
				} 
		
		#slider #slidecontrols .controls {
			.rir;
			list-style: none;
			margin: 3px 31px 0 0;
			z-index: 16;
		}
		
		.ie7 #slider #slidecontrols .controls {
			position: absolute;
			right: 31px;
		}
		
			#slider #slidecontrols .controls li {
				.ril;
				z-index: 16;
			}
			
				#slider #slidecontrols .controls li a {
					.ril;
					height: 34px;
					background-color: transparent;
					background-image: url('../images/nav_slider.png');
					background-repeat: no-repeat;
					text-decoration: none;
					z-index: 16;
				}
				
	#slider #slidelist {
		.hide;
	}

/****************************
 * SLIDER NAV
 ***************************/
#slidecontrols {
	.controls {
		.left 		{ width: 34px; background-position: 0 0; }
		.right 		{ width: 33px; background-position: -34px 0; }
		.left:hover	{ background-position: 0 -34px; }
		.right:hover	{ background-position: -34px -34px; }
	}
}
 
 /****************************
 * BLOCKS (HOME)
 ***************************/
#main {
	#themes {
		width: 635px; /*661px;*/
		height: 417px; /*441px;*/
		padding: 21px 3px 3px 23px;
		background: transparent url('../images/bg_themes_block.png') no-repeat;
		
		a {
			.ail;
			
			&.left, &.right {
				width: 34px;
				height: 34px;
				margin-top: 183px;
				background: transparent url('../images/nav_slider.png') no-repeat;
			}
			
			&.left:hover {
				background-position: 0 -34px;
			}
			
			&.right {
				right: 0;
				float: right;
				margin-right: 3px;
				background-position: -33px 0;
				
				&:hover {
					background-position: -33px -34px;
				}
			}
			
			&.all {
				width: 259px;
				height: 45px;
				left: 50%;
				margin: 378px 0 0 -120px;
				background: transparent url('../images/btn_bekijkallethemas.png') no-repeat;
				
				&.en {
					background-image: url('../images/btn_bekijkallethemas_en.png') !important;
				}
				
				&.de {
					background-image: url('../images/btn_bekijkallethemas_de.png') !important;
				}
				
				&.fr {
					background-image: url('../images/btn_bekijkallethemas_fr.png') !important;
				}
				
				&.hu {
					background-image: url('../images/btn_bekijkallethemas_hu.png') !important;
				}
			}
			
			span {
				.hide;
			}
		}
		
		#categories_wrap {
			width: 531px;
			height: 350px;
			margin: 15px 0 0 -250px;
			left: 50%;
			overflow: hidden;
			.ail;
			
			#categories {
				width: 90000px;
				height: 350px;
				.ril;
			}
		}
		
		&.en {
			background-image: url('../images/bg_themes_block_en.png') !important;
		}
		
		&.de {
			background-image: url('../images/bg_themes_block_de.png') !important;
		}
		
		&.fr {
			background-image: url('../images/bg_themes_block_fr.png') !important;
		}
		
		&.hu {
			background-image: url('../images/bg_themes_block_hu.png') !important;
		}
	}

	#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;
			.ril;
			padding-bottom: 1em; /*19px;*/
			margin-bottom: 1em; /*22px;*/
			border-bottom: 1px dotted #666666;
		
			&.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;
		}
		
		&.hu {
			background-image: url('../images/bg_nieuws_block_hu.png') !important;
		}
	}
}

/****************************
 * FLASH CATEGORIES
 ***************************/
#themes #categories,
#product_category_overview {
	ul {
		width: 531px;
		height: 360px;
		list-style: none;
		.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 BLOCK
 ***************************/
#main {
	#products {
		width: 920px; /* 960px */
		padding-left: 18px;
		margin-top: -22px;
		.ril;
		
		#products_content_top {
			width: 942px;
			height: 10px;
			background: transparent url('../images/bg_products_content_top.png') no-repeat;
			.ril;
		}
		
		#products_content_container {
			width: 942px;
			padding: 23px 0 0 22px;
			background: transparent url('../images/bg_products_content.png') repeat-y;
			.ril;
			
			h1 {
				position: relative;
				margin: -55px 0 0 -40px;
				.show;
				display: block;
			
				span {
					.hide;
				}
			}
		}
		
		#products_content_bottom {
			width: 942px;
			height: 15px;
			background: transparent url('../images/bg_products_content_bottom.png') no-repeat;
			.ril;
		}
	}
}

/****************************
 * PRODUCTEN DETAIL
 ***************************/
#product_category_overview {
	width: 920px;
	height: 907px;
	padding: 20px 20px 0 20px;
	background: transparent url('../images/bg_block_themas.png') no-repeat;
	overflow: hidden;
	.ril;
	
	ul {
		width: 920px;
		height: auto;
	}
	
	&.en {
		background-image: url('../images/bg_block_themas_en.png') !important;
	}
	
	&.de {
		background-image: url('../images/bg_block_themas_de.png') !important;
	}
	
	&.fr {
		background-image: url('../images/bg_block_themas_fr.png') !important;
	}
	
	&.hu {
		background-image: url('../images/bg_block_themas_hu.png') !important;
	}
}
		
/****************************
 * PRODUCTEN OVERVIEW
 ***************************/
#main #products-list {
	.ril;
	list-style: none;
	margin: 0;
	padding: 0;
}

	#main #products-list li {
		.ril;
		width: 224px;
		height: 215px;
		background: transparent url('../images/bg_product.png') no-repeat 0 0;
		margin: 0 2px 3px 0;
		padding: 0;
	}
	
	#main #products-list li.hover {
		background-position: 0 -215px;
	}
	
		#main #products-list li .product-image {
			.ail;
			margin-left: 2px;
		}
		
		#main #products-list li .product-name {
			width: 175px;
			position: absolute;
			font-family: @fsVerdana;
			font-weight: bold;
			font-size: 0.81em;
			text-transform: uppercase;
			margin: 160px 0 0 20px;
		}
		
			#main #products-list li .product-name a {
				text-decoration: none;
				color: #000000;
			}
			
/****************************
 * PRODUCTEN SIDEBAR
 ***************************/
#product_sidebar {
	width: 235px;
	
	h1 {
		
		.forceShow;
		width: 235px;
		height: 65px;
		margin-bottom: 4px;
		
		span {
			.hide;
		}
	}
	
	#product_sidebar_items_container {
		width: 219px;
		height: 626px;
		background: transparent url('../images/bg_product_sidebar.png') no-repeat 0 25px;
        margin-top: 1em;
		.ril;
		
		h1 {
			width: 219px;
			height: 44px;
			.forceShow;
			.ril;
			
			span {
				.hide;
			}
		}
		
		.product_count {
			.ril;
			margin: 13px 0 0 15px;
			font-family: @fsVerdana;
			font-size: 0.85em;
			color: #666666;
		}
		
		#product_sidebar_items {
			width: 197px; /*192px; 169px;*/
			height: 530px;
			margin-left: 10px;
			overflow: hidden;
			.ril;
			
			h1 {
				font-family: @fsVerdana;
				font-weight: normal;
				font-size: 0.85em;
				color: #666666;
				text-transform: none;
			}
			
			article {
				width: 145px;
				margin-bottom: 8px;
				border-bottom: 1px dotted #cccccc;
				.ril;
				
				img {
					margin-bottom: 6px;
					.ril;
				}
				
				h1 {
					width: 170px;
					height: auto;
					padding: 0;
					margin-bottom: 8px;
					.ril;
					
					a {
						text-decoration: none;
						color: #666666;
					}
					
					a:hover {
						text-decoration: underline;
					}
				}
				
				&.hover a {
					text-decoration: underline;
				}
			}
		}
	}
}
		
/****************************
 * PRODUCTEN DETAIL
 ***************************/
#product_detail {
	width: 725px;
	.ril;
	
	.product_detail_top {
		width: 717px;
		height: 39px;
		padding: 4px 5px 0 3px;
		background: transparent url('../images/bg_product_detail_top.png') no-repeat;
		.ril;
		
		header {
			width: 717px;
			height: 39px;
			background: transparent url('../images/bg_product_detail_header.gif') repeat-x 0 34px;
			.ril;
			
			h1 {
				font-family: @fsDroidSans;
				font-size: 1.08em;
				font-weight: normal;
				text-transform: uppercase;
				color: #3366cc;
				line-height: 0.8;
				margin: 15px 0 0 23px;
				.forceShow;
				.ril;
			}
			
			nav {
				.rir;
				width: auto;
				height: 34px;
				margin: 0 14px 0 0;
				left: auto;
				
				ul {
					list-style: none;
					.ril;
					
					li {
						.ril;
						background: transparent;
						
						span {
							position: relative;
							display: block;
							float: left;
							width: 34px;
							height: 34px;
							background: transparent url('../images/nav_slider.png') no-repeat;
							cursor: pointer;
						}
						
						a {
							font-face: @fsDroidSans;
							font-size: 0.92em;
							text-decoration: none;
							text-transform: uppercase;
							color: #333333;
							background: transparent;
							height: 13px;
							margin-top: 12px;
							padding-top: 2px;
							line-height: 0.8;
						}
					}
					
					li.left {
						span {
							margin-right: 9px;
						}
						
						&.hover span {
							background-position: 0 -34px;
						}
						
						a {
							padding-right: 6px;
							margin-right: 6px;
							border-right: 1px solid #333333;
						}
					}
					
					li.right {
						span {
							margin-left: 9px;
							float: right;
							background-position: -34px 0;
						}
						
						&.hover span {
							background-position: -34px -34px;
						}
						
						a {
							float: right;
						}
					}
				}
			}
		}
	}
	
	.product_detail_content {
		width: 717px;
		padding: 0 5px 0 3px;
		background: transparent url('../images/bg_product_detail_content.png') repeat-y;
		.ril;
	
		article {
			width: 680px;
			margin: 22px 0 0 22px;
			.ril;
			
			#product_detail_image {
				width: 506px;
				height: 350px;
				background: transparent url('../images/bg_product_detail_image.gif') no-repeat;
				clear: left;
				.ril;
			}
			
			#product_detail_right {
				width: 166px;
				height: 350px;
				margin-left: 5px;
				.ril;
				
				#product_detail_price {
					width: 166px;
					/*height: 84px;*/
					text-align: center;
					.ril;
					
					.text {
						font-family: @fsDroidSans;
						font-size: 1.69em;
						color: #333333;
						clear: right;
						display: block;
					}
					
					.price {
						font-family: @fsDroidSans;
						font-size: 2.77em;
						color: #333333;
						clear: left;
						display: block;
					}
				}
				
				#product_detail_dealer {
					width: 148px; /*154px;*/
					height: 110px; /*120px;*/
					padding: 10px 0 0 6px;
					margin-left: 2px;
					border: 3px solid #e5e5e5;
					.ril;
				
					span {
						font-family: @fsDroidSans;
						font-size: 1.23em;
						color: #3366cc;
						margin-bottom: 14px;
						.ril;
					}
	
	                div {
					    width: 140px;
	                    height: 35px;
	                    background: transparent url('../images/bg_product_detail_dealer_field.gif') no-repeat;
	                    .ril;
	
	                    .inputfield {
	                        width: 128px; /*140px;*/
	                        height: 35px;
	                        padding: 0 6px;
	                        background: transparent none;
	                        border: 0;
	                        font-family: @fsDroidSans;
	                        font-size: 0.92em;
	                        color: #666666;
	                        .ril;
	                        
	                        &:focus {
	                            outline: none;
	                        }
	                    }
					}
					
					.submit {
						width: 91px;
						height: 25px;
						margin: 11px 0 0 26px;
						background: transparent url('../images/btn_product_detail_dealer_vinden.gif') no-repeat;
						.ril;
						
						&.en {
							background-image: url('../images/btn_product_detail_dealer_vinden_en.gif') !important;
						}
						
						&.de {
							background-image: url('../images/btn_product_detail_dealer_vinden_de.gif') !important;
						}
						
						&.fr {
							background-image: url('../images/btn_product_detail_dealer_vinden_fr.gif') !important;
						}
						
						&.hu {
							background-image: url('../images/btn_product_detail_dealer_vinden_hu.gif') !important;
						}
					}
				}
				
				#product_detail_links {
					width: 166px;
					border-top: 1px dotted #cccccc;
					margin-top: 14px;
					.ril;
					
					ul {
						list-style: none;
						
						li {
							padding: 15px 0 10px 0;
							border-bottom: 1px dotted #cccccc;
							clear: left;
							.ril;
							
							a {
								width: 163px;
								height: 13px;
								margin-left: 3px;
								background: transparent url('../images/icon_arrow_sprite.gif') no-repeat 140px 0;
								font-family: @fsDroidSans;
								font-size: 1em;
								text-decoration: none;
								color: #666666;
								.ril;
							}
							
							&.hover a {
								background-position: 140px -13px;
								color: #3366cc;
							}
						}
					}
				}
			}
			
			#product_detail_maincontainer {
				width: 680px;
				/*height: 141px;*/
				margin-top: 5px;
				clear: left;
				.ril;
				
				#product_detail_content {
					width: 500px;
					/*height: 116px;*/
					clear: left;
					.ril;
					
					h1 {
						font-family: @fsVerdana;
						font-size: 0.92em;
						font-weight: bold;
						text-transform: uppercase;
						color: #333333;
						position: relative;
						float: left;
						clear: right;
						margin-bottom: 21px;
						.forceShow(block);
					}
					
					p {
						width: 500px;
						font-family: @fsVerdana;
						font-size: 0.92em;
						color: #333333;
						clear: left;
						.ril
					}
					
					#product_detail_rating {
						width: 100px;
						height: 17px;
						left: 0;
						margin-left: 400px;
						.ail;
					}
				}
			}
			
			#product_detail_buttons {
				width: 680px;
				height: 25px;
				clear: left;
				margin-top: 12px;
				border-bottom: 1px dotted #cccccc;
				.ril;
				
				ul {
					list-style: none;
					.ril;
					
					li {
						.ril;
						
						a {
							height: 25px;
							.ril;
							
							span {
								.hide;
							}
						}
						
						.specificaties {
							width: 141px;
							background: transparent url('../images/btn_product_detail_specificaties.gif') no-repeat;
							margin-right: 26px;
						}
						
						.bouwinstructies {
							width: 151px;
							background: transparent url('../images/btn_product_detail_bouwinstructies.gif') no-repeat;
							margin-right: 26px;
						}
						
						.beoordelingen {
							width: 151px;
							background: transparent url('../images/btn_product_detail_beoordelingen.gif') no-repeat;
						}
					}
				}
				
				&.en {
					width: 526px !important;
				}
				
				&.en .specificaties   { background-image: url('../images/btn_product_detail_specificaties_en.gif') !important; }
				&.en .bouwinstructies { background-image: url('../images/btn_product_detail_bouwinstructies_en.gif') !important; width: 177px; }
				&.en .beoordelingen   { background-image: url('../images/btn_product_detail_beoordelingen_en.gif') !important; }
				
				&.de .specificaties   { background-image: url('../images/btn_product_detail_specificaties_de.gif') !important; }
				&.de .bouwinstructies { background-image: url('../images/btn_product_detail_bouwinstructies_de.gif') !important; }
				&.de .beoordelingen   { background-image: url('../images/btn_product_detail_beoordelingen_de.gif') !important; }
				
				&.fr .specificaties   { background-image: url('../images/btn_product_detail_specificaties_fr.gif') !important; }
				&.fr .bouwinstructies { background-image: url('../images/btn_product_detail_bouwinstructies_fr.gif') !important; }
				&.fr .beoordelingen   { background-image: url('../images/btn_product_detail_beoordelingen_fr.gif') !important; }
				
				&.hu .specificaties   { background-image: url('../images/btn_product_detail_specificaties_hu.gif') !important; }
				&.hu .bouwinstructies { background-image: url('../images/btn_product_detail_bouwinstructies_hu.gif') !important; }
				&.hu .beoordelingen   { background-image: url('../images/btn_product_detail_beoordelingen_hu.gif') !important; }
			}
			
			#product_detail_tabcontainer {
				width: 680px;
				/*height: 100px;*/
				padding-top: 21px;
				overflow: hidden;
				.ril;
				
				.product_detail_tabpage {
					width: 680px;
					/*height: 110px;*/
					.ril;
					
					table {
						width: 680px;
						
						tr {
							border-bottom: 1px dotted #cccccc;
						
							td {
								font-family: @fsVerdana;
								font-size: 0.85em;
								line-height: 1.85;
								color: #333333;
							}
						}
					}
					
					h2, p {
						font-family: @fsVerdana;
						font-size: 0.92em;
						color: #333333;
						
						a {
							font-size: 1em; 
						}
					}
					
					p {
						display: block;
						margin-bottom: 1em;
						clear: left;
						.ril;
						
						em {
							font-style: italic;
						}
					}
					
					h2 {
						font-weight: bold;
						margin-bottom: 0.5em;
						.ril;
					}
				}
				
				.beoordelingen_container {
					width: 680px;
					/*height: 96px;*/
					overflow: hidden;
					clear: left;
					.ril;
					
					ul {
						width: 99999px;
						list-style: none;
						margin: 0;
						padding: 0;
						.ril;
						
						li {
							width: 680px;
							margin: 0;
							padding: 2px 0 0 0;
							.ril;
							
							em {
								font-style: italic;
								.ril;
							}
							
							p {
								width: 680px;
								font-size: 0.92em;
								clear: left;
							}
							
							.rating {
								margin-left: 1.23em;
								margin-top: -2px;
								
								li {
									padding: 0;
								}
							}
						}
					}
				}
				
				.beoordelingen_nav {
					list-style: none;
					display: inline;
					margin-left: 2em;
					.ril;
					
					li {
						.ril;
						
						&.prev {
							border-right: 1px dotted #3366cc;
							padding-right: 0.5em;
							margin: 0 0.5em;
						}
					}
				}
			}
		}
	}
	
	.product_detail_bottom {
		width: 725px;
		height: 14px;
		background: transparent url('../images/bg_product_detail_bottom.png') no-repeat;
		.ril;
	}
}

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

/****************************
 * RATING (STARS)
 ***************************/
ul.rating {
	width: auto !important;
	list-style: none;
	margin: 0;
	.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;
	}
}

/****************************
 * jScrollPane
 ***************************/
.jspContainer {
	overflow: hidden;
	position: relative;
}

.jspPane {
	position: absolute;
}

.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 23px;
	height: 100%;
	background: transparent url('../images/bg_scrollbar.gif') repeat-y;
}

.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar * {
	margin: 0;
	padding: 0;
}

.jspCap {
	display: none;
}

.jspHorizontalBar .jspCap {
	float: left;
}

.jspTrack {
	background: transparent;
	position: relative;
}

.jspDrag {
	width: 13px !important;
	margin-left: 5px;
	background: #ffffff;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}

.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	width: 23px;
	height: 23px;
	background: transparent url('../images/btn_scroll_arrows.gif') no-repeat;
}

.jspArrowDown { background-position: 0 -23px; }

.jspArrow.jspDisabled {
	cursor: default;
	/*background: #80808d;*/
}

.jspVerticalBar .jspArrow:focus {
	outline: none;
}

.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}

/****************************
 * 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)
 ***************************/
#textpage_content_container {
	article.newsoverview_item {
		width: 513px; /* 681px */
		padding: 0 0 15px 168px;
		min-height: 109px;
		.ril;
		
		.nieuws_item_container {
			width: 513px;
			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_content {
				margin-top: 1em;
			}
		}
		
		.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;
			}
		}
	}
}

/****************************
 * DEALERS
 ***************************/
#dealers_left {
	width: 170px;
	.ril;
	
	#dealers_search {
		width: 148px; /*154px;*/
		height: 110px; /*120px;*/
		padding: 10px 0 0 6px;
		margin-left: 2px;
		border: 3px solid #e5e5e5;
		.ril;
	
		span {
			font-family: @fsDroidSans;
			font-size: 1.23em;
			color: #3366cc;
			margin-bottom: 14px;
			.ril;
		}
		
		div {
            width: 140px;
            height: 35px;
            background: transparent url('../images/bg_product_detail_dealer_field.gif') no-repeat;
            .ril;

            .inputfield {
                width: 128px; /*140px;*/
                height: 35px;
                padding: 0 6px;
                background: transparent none;
                border: 0;
                font-family: @fsDroidSans;
                font-size: 0.92em;
                color: #666666;
                .ril;
                
                &:focus {
                    outline: none;
                }
            }
		}
		
		.submit {
			width: 91px;
			height: 25px;
			margin: 11px 0 0 26px;
			background: transparent url('../images/btn_product_detail_dealer_vinden.gif') no-repeat;
			.ril;
			
			&.en {
				background-image: url('../images/btn_product_detail_dealer_vinden_en.gif') !important;
			}
			
			&.de {
				background-image: url('../images/btn_product_detail_dealer_vinden_de.gif') !important;
			}
			
			&.fr {
				background-image: url('../images/btn_product_detail_dealer_vinden_fr.gif') !important;
			}
			
			&.hu {
				background-image: url('../images/btn_product_detail_dealer_vinden_hu.gif') !important;
			}
		}
		
		span.loader {
			width: 43px;
			height: 11px;
			background: transparent url('../images/loader2.gif') no-repeat;
			margin: 15px 0 0 49px;
			.ril;
		}
	}
}

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

#dealers_right {
	width: 510px;
	.ril;
	
	p {
		font-family: @fsVerdana;
		font-size: 0.92em;
		font-weight: bold;
		color: #333333;
		margin-bottom: 1em !important;
		
		a {
			color: #333333;
			
			&:hover {
				color: #3366cc;
			}
		}
	}
	
	#map {
		width: 510px;
		height: 415px;
		overflow: hidden;
		.ril;
	}
	
	#sidebar {
		.hide;
	}
	
	#dealers_list_header {
		width: 496px;
		height: 29px;
		margin-top: 1em;
		padding: 11px 9px 0 9px;
		background: #3366cc;
		border-bottom: 1px dotted #cccccc;
		.ril;
		
		span {
			font-family: @fsDroidSans;
			font-size: 1.231em;
			color: #ffffff;
			.ril;
			
			strong {
				font-family: @fsDroidSansBold;
				font-weight: bold;
			}
		}
		
		ul {
			width: 200px;
			margin-top: 3px;
			list-style: none;
			right: 0;
			background: #3366cc;
			.abr;
			
			li {
				font-family: @fsVerdana;
				font-size: 0.846em;
				color: #ffffff;
				padding-right: 6px;
				margin-left: 6px;
				border-right: 1px solid #ffffff;
				.ril;
				
				a {
					color: #ffffff;
					text-decoration: none;
					
					&.active {
						text-decoration: underline;
						font-weight: bold;
					}
					
					&:hover {
						text-decoration: underline;
					}
				}
			}
		}
	}
	
	#dealers_list_results {
		width: 510px;
		list-style: none;
		margin: 0;
		padding: 0;
		.ril;
		
		li {
			width: 510px;
			min-height: 46px;
			font-family: @fsVerdana;
			font-size: 0.92em;
			color: #333333;
			clear: left;
			margin: 0;
			padding: 12px 0 0 0;
			border-bottom: 1px dotted #cccccc;
			.ril;
			
			strong {
				text-transform: uppercase;
				line-height: 1.7em;
				margin-left: 11px;
				.ril;
			}
			
			span {
				margin-left: 11px;
				clear: left;
				.ril;
			}
			
			a {
				font-size: 0.846em;
				text-decoration: none;
				margin-right: 9px;
				color: #3366cc;
				.rir;
				
				&:hover {
					text-decoration: underline;
				}
				
				&.webstore_link {
					font-size: 1em;
					float: left;
				}
			}
			
			.dealers_list_content {
				width: 492px;
				padding: 0 7px 0 11px;
				margin-top: 2em;
				padding-bottom: 11px;
				clear: left;
				.ril;
				
				.dealers_list_content_info {
					width: 239px;
					.ril;
					
					p {
						font-size: 1em;
						font-weight: normal;
						margin-bottom: 2em !important;
						
						strong {
							text-transform: none;
							font-weight: bold;
							font-size: 1em;
							margin: 0;
							padding: 0;
							display: inline;
							float: none;
						}
					}
				}
				
				.dealers_list_content_map {
					width: 250px;
					height: 265px;
					.rir;
				}
			}
			
			&.opened {
				background: #f5f5f5;
			}
		}
	}
}

/****************************
 * CONTACT (FORM)
 ***************************/
#contact_form,
#sluban_form {
	width: 500px;
	height: auto;
	.ril;
	
	div {
		clear: left;
		.ril;
	}
	
	a {
		font-family: @fsVerdana;
		font-size: 1em;
		color: #3366cc;
		text-decoration: none;
		
		&:hover {
			text-decoration: underline;
		}
	}
	
	ul {
		width: 500px;
		height: auto;
		list-style: none;
		margin: 0;
		padding: 0;
		display: block;
		float: left;
		
		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: 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;
				.ril;
				
				&:focus {
					outline: none;
				}
			}
			
			.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: 125px;
		height: 25px;
		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;
		}
		
		&.hu {
			background-image: url('../images/btn_versturen_hu.gif') !important;
		}
	}
}

/****************************
 * MESSAGES (ERRORS/SUCCESS)
 ***************************/
#form_messages {
	width: 96%;
	.ril;
	
	ul {
		width: 100%;
		list-style-type: none;
		padding: 0;
		margin: 0 0 1em 0;
		.ril;
		
		.error-msg ul,
		.success-msg ul {
			width: 100%;
			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;
			}
		}
	}
}

/****************************
 * STORE LANGUAGE
 ***************************/
#store_language {
	width: 157px;
	z-index: 500;
	right: 0;
	.air;
	
	#store_language_top,
	#store_language_current,
	#store_language_list,
	#store_language_bottom {
		width: 157px;
		background: transparent url('../images/bg_languages_dd.png') no-repeat;
		.ril;
		
		ul {
			list-style: none;
			margin: 0;
			padding: 0;
			.ril;
			
			li {
				width: 99px;
				height: 13px;
				margin-left: 5px;
				padding: 9px 0 8px 46px;
				background-repeat: no-repeat;
				background-position: 5px 9px;
				font-family: @fsVerdana;
				font-size: 0.85em;
				color: #666666;
				clear: left;
				cursor: pointer;
				.ril;
				
				&.hover {
					background-color: #edeceb;
				}
				
				&.sluban_nl { background-image: url('../images/icon_flag_nl.gif') }
				&.sluban_en { background-image: url('../images/icon_flag_en.gif') }
				&.sluban_de { background-image: url('../images/icon_flag_de.gif') }
				&.sluban_fr { background-image: url('../images/icon_flag_fr.gif') }
				&.sluban_be { background-image: url('../images/icon_flag_be.gif') }
				&.sluban_hu { background-image: url('../images/icon_flag_hu.gif') }
				&.sluban_ca { background-image: url('../images/icon_flag_ca.gif') }
			}
		}
	}
	
	#store_language_top {
		height: 5px;
	}
	
	#store_language_current {
		background-position: 0 -5px;
		
		ul li {
			padding: 1px 0 6px 46px;
			background-position: 5px 1px;
		}
		
		.arrow {
			width: 13px;
			height: 12px;
			background: transparent url('../images/icon_arrow_down.gif') no-repeat;
			margin: 2px 16px 0 0;
			right: 0;
			.air;
		}
	}
	
	#store_language_list {
		background-position: 0 -5px;
		
		.line {
			width: 155px;
			height: 1px;
			background-color: #d1d0cd;
			clear: left;
			left: 0;
			.ail;
		}
		
		ul {
			margin-top: 4px;
		}
	}
	
	#store_language_bottom {
		height: 8px;
		background-position: 0 -292px; /*150px;*/
	}
}

/****************************
 * 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;
		}
		
		&.hu {
			background-image: url('../images/btn_versturen_hu.gif') !important;
		}
	}
}

/****************************
 * ACTIVE STATES
 ***************************/
.vacatures #textpage_sidebar .vacatures,
.about-us #textpage_sidebar .about-us,
.our-brand #textpage_sidebar .our-brand,
.contact-info #textpage_sidebar .contact-info,
.contact-form #textpage_sidebar .contact-form,
.route #textpage_sidebar .route,
.blog-index-index #textpage_sidebar .newslist,
.newsarchive #textpage_sidebar .newsarchive,
.ustorelocator-location-list #textpage_sidebar .dealersearch,
.dealership #textpage_sidebar .dealership,
.fundraisers #textpage_sidebar .fundraisers {
    font-family: @fsDroidSansBold;
    font-weight: bold;
    color: #ffffff;
    background: transparent url('../images/bg_textpage_sidebar_highlight.gif') repeat-x;
}