@import '../bootstrap/less/bootstrap.less';

@color-header-background: #ced7e7;
@color-page-background: #f4f5f9; 

@color-green: #99cc00;  
@color-pink: #debbab;
@color-purple: #9099be;
@color-orange: #ef4921;  
@color-blue: #354183;
@light-blue: lighten(@color-blue, 20%);
@color-gray: #6f6f6f;

@color-wonen: @color-green;
@color-mode:  @light-blue;
@color-koken: darken(@color-pink,10%);
@color-nieuws: @color-blue;
@color-actie: @color-blue;
@color-aanbieding: @color-orange;
@color-entertainment: #FF9900; 

[id*="wrapper"], [class*="container"] { position:relative; }
[class*='span'] { .box-sizing(border-box); 
}
[class*='container']:not(.slides_container)  { .clearfix; .box-sizing(content-box); padding:0 10px;}

a:hover, a:active, a:focus {
  outline: 0;
}

a,a:hover,li,li:hover { .default-transition; }
*:focus { outline:none; }

a.wrapper {
	&:hover { text-decoration:none!important; border-bottom:none!important; }
}

h1,h2,h3,h4 { color: @color-blue; }

input[type=submit] {
	.btn;
}
hr { .clearfix() }
table:not(#publicatietool_progress table) {
	.table;
	.table-condensed;
	.table-no-border;
	
	textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input
	{ margin-bottom:0; }
	
	&.lbl { 
		text-align:right;
		font-weight:bolder;
	}
	td,th { vertical-align:middle; }
}
.table-no-border {
	tr, td, th { border:none; }
}

.pagination {
	text-align:center;
	
	a { color: @color-blue; }
}
.pane(@color:@textColor) {

	margin-top: 0.5*@baseLineHeight;
	margin-bottom: 0.5*@baseLineHeight;

	h3 { 
		color: @color; 
		border-bottom: 2px solid @color; 
		text-transform: uppercase;
		font-size:18px;
	}
	h4 { color: @color; }
	a.readon { color: @color; display:block; text-align:right; }

}
.menu-inline(@color: @linkColor, @margin:.5em, @divider:"|") {

	margin:0;
	paddin:0;
	a { 
		color: @color; 
		margin: 0 @margin;
		
	}
	
	li { 
	
		float: left; 
		list-style:none;
		color:@color;
		
		&:after {
			content: @divider;		
		}
		&:last-child:after {
			content: "";
		}
		&:last-child a { margin-right:0; }
		&:first-child a { margin-left:0; }
		
	}

}
.default-transition {
	.transition(all .3s);
}
.colored(@color: @color-blue) {
	border-color:@color;
	//color:@color;
	a:not(.btn) { color: @color ; border-bottom:1px solid transparent;}
	a.active:not(.btn), a:hover:not(.btn) { border-bottom:1px solid @color; text-decoration:none; }
	h1,h2,h3,h4 { 
		color: @color;
		a { color: @color; }
		a:hover { 
			text-decoration: none!important; 
			border-bottom:none!important; color:@color; }		
	}

	h2 { 
		border-bottom-color: @color; 
	}
	
	p.published, a.readon {
		color: @color;
		text-decoration:none;
		border-bottom:1px solid transparent;
		height: @baseLineHeight;
		overflow:hidden;
		
		&:hover {
			border-bottom:1px solid @color;
		}
	}
}
#content {

	.product-grid-span { .colored(); }
	
	.wonen,
	.product.groupcolor_2556,
	.product-location.groupcolor_2556,
	.mainproductgroup2556 .product-grid-span,
	.mainproductgroup2556 .intro-text,
	.groupcolorline_2556.product-grid-span,
	.groupcolor_2556.product-grid-span { .colored(@color-wonen); }
	
	.mode, 
	.product.groupcolor_2570,
	.product-location.groupcolor_2570,
	.mainproductgroup2570 .product-grid-span, 
	.mainproductgroup2570 .intro-text,
	.groupcolorline_2570.product-grid-span,
	.groupcolor_2570.product-grid-span { .colored(@color-mode); }
	
	.koken,
	.product.groupcolor_2568,
	.product-location.groupcolor_2568,
	.mainproductgroup2568 .product-grid-span,
	.mainproductgroup2568 .intro-text,
	.groupcolorline_2568.product-grid-span,
	.groupcolor_2568.product-grid-span { .colored(@color-koken); }
	
	.nieuws,
	.actie,
	#content_block_group .content_block,
	#content_block_details { 
	
		.colored(@color-blue); border:none!important; 
		
	}
	
	.aanbieding { .colored(@color-orange); }
	
	.entertainment, 
	.mainproductgroup2558 .product-grid-span,
	.mainproductgroup2558 .intro-text,
	.groupcolorline_2558.product-grid-span,
	.groupcolor_2558.product-grid-span { .colored(@color-entertainment); }
	
	//.span18 { padding-left:20px; padding-right:20px; }
	h2.groupcolor_2556 { color: @color-green; }
	h2.groupcolor_2570 { color: @light-blue; }
	h2.groupcolor_2568 { color: @color-pink; }
	
	
	
}

.product-append {

	height:28px;
	
	button, a {
		float:right;
		margin-left:.3em;
		color: @gray; //@color-blue;
		//opacity:.5;
		
		&:hover {
		
			//color: @grayLight;
		
		}
	}
	.social { 
		padding:0; 
		a { line-height:28px; }
	}	
}
.product-grid-span {

	.product-append {
		button, a {
			opacity:.5;
		}
	}
	&:hover .product-append {
		button, a {
			opacity:1;
		}	
	}
}

.price {
	color:@color-blue;
	font-size:1.5em;
	display:inline-block;
	line-height:28px;

	&.price_van {
		text-decoration:line-through;
		color:@color-gray;
		font-size:1.1em;
		margin-top:-2px;
	}

	&.price_voor {
		color:#990000;
		//background-color:#990000;
		padding-left:5px;
		padding-right:5px;
	}
}
.price sup {
  font-size:.6em;
}
.btn {
 color:@color-blue;
  
  i { 
	padding-top:3px; 
	display:inline-block;
	font-size:1.3em;
  }
}

.divider { 
	border-bottom: 1px solid lighten(@color-gray,40%); 
	margin-top: 0.5*@baseLineHeight;
	margin-bottom:0.5*@baseLineHeight;
}
.product-grid-span + .divider { margin-top:0; }


p.published, a.readon {

	color: @light-blue;
	text-decoration:none;
}
a.readon {
	float:right;
	clear:both;
}

.product-details, .product-location {
	.price {
		font-size:2em;
		margin:@baseLineHeight 0;
	}
	.btn-shoppingcart { float: left; margin-left:0;}
	
	h2 {  line-height:24px; }
	
	.map { margin-top: 15px; }
}
div.inner { 

	padding:0 20px; 
	
	&.inner-left {
		padding-right:0;
	}
	&.inner-right {
		padding-left:0;
	}
}
.product-images {

	.shop_mediabrowserbig {
		//width:100%;
		.box-sizing(border-box);
		padding:@baseLineHeight @gridGutterWidth;
		border: 1px solid #ddd;
		.border-radius(5px);
		overflow:hidden;
		text-align:center;
		background:white;
		margin-top:10px;
	}
	.product-thumbs {
		padding: (.5*@baseLineHeight) 0;
	}
	.product-image-thumb { 
		padding:(.5*@baseLineHeight) (.5*@gridGutterWidth);
		border: 1px solid #ddd;
		.border-radius(3px);
	}
}

.product-grid-span {	

	&.span6 {
	
		a:not(.readon,.btn) { 
			text-decoration:none!important; 
			border-bottom:none!important;
			&:hover {
				text-decoration:none!important; 
				border-bottom:none!important;
			}
		}
	
		padding:5px 10px 10px;
		margin-bottom: .5 * @baseLineHeight;
		.border-radius(5px);
		border:1px solid darken(white,10%);
		border-color:darken(white,8%)!important;
		background:white;
		
		.default-transition;
		
		&:hover {
		
			.box-shadow(0 0 3px rgba(0,0,0,.3));
			.default-transition;
		}
		a.wrapper { 
			text-decoration:none!important; 
			border-bottom:none!important;
			&:hover {
				text-decoration:none!important; 
				border-bottom:none!important;
			}
		}
				
		.image-wrapper {
		
			height:155px;
			display:table-cell;
			width:203px;
			vertical-align:middle;
			overflow:hidden;
		}
		img {
			max-height:150px;
			max-width:203px;
			width:auto;
			display:block;
			margin:0 auto;
		}
		.info-sign {
			font-weight:bold;
			font-style: italic;
			//line-height:18px;
			font-size:1.4em;
		}
		a.readon { margin-top:.5 * @baseLineHeight; }
	}


	> h2, > h3, a > h2, a > h3 { 
		//text-transform:lowercase;
		&:first-letter {
			text-transform:uppercase;
		}
		line-height:2@baseLineHeight;
		height:40px;
		overflow:hidden;
		margin-top:10px;
		margin-bottom:5px;
		display:block;
	}
	.text-wrapper {
	
		height: 6 * @baseLineHeight + 5px;
		overflow:hidden;		
		margin:5px 0;
		
		a { 
			text-decoration:none!important; 
			border-bottom:none!important;
			&:hover {
				text-decoration:none!important; 
				border-bottom:none!important;
			}
		}	
		
		h3, a h3 {
			//text-transform:lowercase;
			&:first-letter {
				text-transform:uppercase;
			}
			font-size:16px;
			line-height:@baseLineHeight;
			margin:0;
			
			display:block;
			height:auto;
		
		}
		p {	
			margin-top:5px;
			line-height:@baseLineHeight;
			color:@textColor;
			margin:0;
			height:auto;
			font-size:12px;
		}
	
	}
	
	//&.group-name > h2 { 
	
	//	text-transform:uppercase;


	//}
	
	p {
	
		line-height:@baseLineHeight;
		height:2*@baseLineHeight;
		overflow:hidden;
		color:@textColor;
	}
	
	.item {  
	
		.clearfix; 
		h3  { 
			
			margin:0; 
			line-height:@baseLineHeight;
			
			a:hover, a {
				border-bottom:none!important; 
			}
		}
		p { 
		
			line-height: @baseLineHeight; 
			height: 3 * @baseLineHeight;
			overflow:hidden;
			margin-bottom:0;
		}
		margin-bottom: .25 * @baseLineHeight;
		
		.divider { 
			
			margin:5px 0;
			&:last-child { display:none; }
		}
		
		.readon { margin-top:0!important; }
		

		
	}

}
.sjabloon_home .product-grid-span {
	
	h2, >h3, > a h3 { 	
		
		height:auto;
		line-height:@baseLineHeight;
	}
	>h3, > a h3 { 	

		line-height:@baseLineHeight;
	}
	
	h2 { 
		text-transform: uppercase; 
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}
	
}
.nieuws.product-grid-span .divider:last-child { display: none; }
	
.pager {

	a {
		
		color:@grayLight; 
		&:after {
			content:' |';
			color:@color-gray;		
		}
		&:hover, &.active {
			color:@color-blue; 
			text-decoration:none;		
		}
		&:last-child:after {
			content: '';
		}
	}
}
#welkom { 

	color: @color-blue; 
	line-height:25px; 
	font-weight:bold;
	font-style: italic;
	font-size:1.3em;
		p  {margin: @baseLineHeight*2 0 0 0; }
}



// Layout and Backgrounds //
////////////////////////////
body { 
	background: darken(@color-page-background,5%);
	position:relative;
} 

#bottomcurls, #leftcurls {
 position:absolute;
 bottom:0;
  left:-72px;
}
#leftcurls {
 bottom:50px;
 left:-72px;
}
#bottomcurls {
top:100%;
left:50px;
}

#header-wrapper {
	z-index: 100;
	background: @color-header-background;
	.box-shadow(0px 0px 8px rgba(0,0,0,.4));
}
#content-wrapper {
	z-index: 80; 	
	position:relative;
	> .container {
		background: lighten(#e9edf4,3%);//lighten(@color-page-background,1%); //@white;
		.box-shadow(0px 3px 5px rgba(0,0,0,.3)); 
		position:relative;
		.wide-container;
		
	}
	#backcurls {
		height: 100%;
		position: absolute;
		overflow: hidden;
		width:1260px;
		max-width:100%;
		margin: 0 auto;
		img {
			position:absolute;
			top:-145px;
		}
	}
}
.wide-container {
	width:955px;
	width:965px\9;
	padding-left:5px\9;
	//background:red;
	
}


#footer-wrapper {
	z-index: 60;
	.container { .wide-container; }
}

header {

	ul.top-menu { .menu-inline(@color-blue); float:right; }

	.mijn-winkelwagen {
		float:right;
		font-size:.9em;
		margin-top:40px;
		color:@color-blue;
		line-height:.6em;
		text-align:right;
		padding-right:40px;
		background: url(../img/shopping-bag.png) no-repeat 100% 0;
		background-size: 21px 33px;
	}
	.search {
	
		input { width: 80%; }
		
		i { color: @color-blue; }
	
	}

	#logo > div {
		margin:0 0 -30px -60px 
	}
	nav {
	
		margin-top:1px;
		float:right;
		
		ul {

			padding: 0 .5em;
			#gradient > .vertical(@white, lighten(@color-blue,40%));
			.menu-inline(@color-blue,.5em);
			.clearfix;
			display:inline-block;
			.border-radius(4px);
			
			li { .default-transition; }
			
			li:hover a {
				
				background: rgba(0,0,0,.05);
				.border-radius(5px);
				.default-transition;
				
			
			}
			
			a {
				padding:0 .5em;
				margin:.1em 0;
				line-height: 2.2em;
				vertical-align:middle;
				display:inline-block;
				
				&:hover {
				
					text-decoration:none;
										
				
				}
			
			}
	
		}
	}

}
 

aside {

	//background:white;

	nav {
		margin-top:24px; 
		a { display: block; }
		i { float: right; display:none!important; }
		.active, .menuactive {					
			i { display:inline-block!important; }
		}
		ul,li { list-style:  none; margin:0; display: block; }
		
		// FIRST LEVEL
		> ul > li {
			
			> a {
			  
			  font-size: 13px;
			  padding:9px 0;
			  //line-height:32px;
			  text-transform:uppercase;
			  color:@color-gray;
			  border-bottom:2px solid #cfcdcd;
			  .default-transition;
			}
			> a:hover, > a.active , > a.menuactive{
				color:#354183;
				text-decoration:none;
				border-bottom:2px solid #354183;
				.default-transition;
				//font-weight:bold;
			}
			// SECOND LEVEL
			> ul {
			
			
				> li > a{ margin-left: 2 * @gridGutterWidth; }
				
				
				> li {
				
					border-bottom:1px solid #cfcdcd;
				
					> a {
					  display:block;
					  font-size: 13px;
					  margin-top:9px;
					  margin-bottom:9px;
					  text-transform:uppercase;
					  .default-transition;
					  color: @color-gray; 
						&.active, &.menuactive, &:hover {
							text-decoration:none;
							color:@color-blue;
						}
					}
					&.productgroup2556 > a {
						color: @color-wonen;
					}
					&.productgroup2568 > a {
						color: @color-koken;
					}
					&.productgroup2570 > a {
						color: @color-mode;
					}
					&.active, &.menuactive {
					
						//i { display:inline-block!important; }
						
						&.wonen, &.productgroup2556 > a {
							//border-bottom:2px solid @color-wonen;
						}
						&.koken, &.productgroup2568 > a {
							//border-bottom:2px solid @color-koken;
						}
						&.mode, &.productgroup2570 > a {
							//border-bottom:2px solid @color-mode;
						}
						&.entertainment, &.productgroup2558 > a , {
							//border-bottom:2px solid @color-entertainment;
						}						
					}
				}
				> li > a:hover, > li > a.active {
					.default-transition;
					text-decoration:none;
				}
				// THIRD LEVEL
				> li > ul { 
				
					border:none;
					margin: 0 0 (.5 * @baseLineHeight);
					> li > a { 
					
						margin-left: 4 * @gridGutterWidth; 
						color: @color-gray; 
						&.active, &:hover {
							text-decoration:none;
							//font-weight:bold;
							color: black; 
						}
						
					}
				
				}
				> ul a { 
					color: darken(#cfcdcd,20%)!important; 
					text-transform: none;
					border-bottom: none!important; 
					&.active, &:hover {
						border-bottom:none!important;
					}
					
				}
			
			}
		}

	}
	.well {

		background: #cdd5e5; 

	}
	.banner-wrapper {
		padding-top: @baseLineHeight;
		margin-bottom: 2 * @baseLineHeight;
	}
	.banner {
	
		//.box-shadow(1px 1px 8px rgba(0,0,0,.3));
		text-align:center;
		margin-top: @baseLineHeight;
		p {

			color: @color-blue; 
			font-size: 2em;
			line-height:120%;

		}
		img {
			border-radius:6px; 
			box-shadow: 1px 1px 2px 0px rgba(0,0,0,.6);
		}
	}

}

 
#content {
	padding: @baseLineHeight 0;
	.box-shadow(-15px 0 12px -12px rgba(0,0,0,.2));	
	
	p, li { 	
		font-size: 1.1 * @baseFontSize;	
	}
	p img {
	
		//margin: @baseLineHeight @gridGutterWidth;
	
	}
	&.span18 { width: 715px; }
	> .row { margin-left:-5px; }
	
	img.alignright {
		margin:5px 0 2px 14px;
	}
	img.alignleft {
		margin:5px 14px 2px 0;
	}
	.shop_topimage { 
		margin:0;
		padding: 0 0 20px 20px;
		background:white;
		
	}
	
	.intro-text {	
		h2,h3 { text-transform: uppercase; }
		
	}
	#search_results h3 { line-height:20px; }


	#slideshow-wrapper {
		margin-bottom:2em;
			padding:0;
	}

	#slideshow {
	

		.border-radius(3px);
		width:100%;
		.box-sizing(border-box);
		.clearfix;
		
		.slides {
			
			width:705px;
			height:240px;
			
			overflow:hidden;
		
		}
	
		.slide {
		
			
		
			img, div { position:absolute; top:0; }
			
			img { 
				height:240px; 
				width:auto; 
				//float:left;
				left:0;
			}
		
			div { 
			
				padding: (1*@baseLineHeight) (2*@gridGutterWidth) 0; 
				#gradient > .vertical(lighten(@color-blue,20%), @color-blue);
				height:240px;
				width: 50%;
				right:0;
				//float: right;
				.box-sizing(border-box);
				
			}
		
			color: @white;
			
			a { 
				color: @white;
				&:hover {
					text-decoration:none;
				}
			}
			div a:hover {
				text-decoration:underline;
			}
			
			.clearfix;
			
			width: 705px;
			height:238px;
		}
		.slideshow-pager {
			width:100%;
			display:block;
			text-align:center;
			margin:10px 0 0 2px;
			z-index:999;
			
			li {
				display:inline-block;
				list-style:none;
				
				a{
					display:block;
					margin:0 5px 0 0;
					text-indent:-9999px;
					width:10px;
					height:10px;
					background-color:@light-blue;
					border-radius:5px;
					outline:0;
					//.box-shadow(0 0 4px rgba(0,0,0,.4));
				}	
				&.current a {
					background-color:@color-orange;
				}
			}		
		}
	}

}
#pre-footer {

	

	&.container { 
		background: lighten(@color-header-background,5%);
		.wide-container;
		.box-shadow(0px 3px 5px rgba(0,0,0,.2));
		z-index:79;
	}
	h1,h2,h3,h4 { 
		color: darken( @color-header-background , 40% );
		line-height:@baseLineHeight;
	}
	
	li,p { color: darken( @color-header-background , 30% ); }
	a { color: darken( @color-header-background , 50% ); font-weight:bold; }
	a:hover {color: darken( @color-header-background , 60% );}
	

}

footer  {

	&.container {
		background: @color-header-background;
		z-index: 78;
		.box-shadow(0px 3px 8px rgba(0,0,0,.2));
	}

	.menu { 

		.menu-inline(@color-blue, 1em);
		li { line-height: 45px; }
		
		&.menu2 { float: right; }
	}
	
}
.social {
	float:right;
	padding: (.5*@baseLineHeight) 0;
	.clearfix;
	img { width:25px; height:25px; .box-shadow(1px 1px 2px rgba(0,0,0,.3)); }

}

#cartajax  {

	position:relative;
	float:right;
	
	#cart {
		z-index: 6000;
		.content {
			padding: 8px;
			display:none;
		}
		&.active .content {
			display:block;		
		}
		.empty {
			padding: 25px 0;
			text-align: center;
		}
	}
	.heading {
		position: relative;
		z-index: 1;
		
		a {
			cursor:pointer;
		}
		i {
			color:@linkColor;
		}
	}
	
	.cart-content-wrapper {
		width:400px;
		position:absolute;
		top:100%;
		right:0;
	}
	#cart-content { 
		box-shadow: 0 0 4px 4px rgba(0,0,0,.3);
		border-radius:5px;
		background:white;  
		
		td, th {
			border:none;
			vertical-align:middle;
		}
		
		.mini-cart-info table { 
			width: 100%;
			margin-bottom: 5px;

			td {
				
				&.image {
					width: 32px;
				}
			}
			img{ 
				box-shadow:0 0 1px rgba(0,0,0,.3);
			}
		}
		.quantity {
			text-align: right;
			color:#4F5466;//#333;
		}
		td.total {
			text-align: right;
		}
		.checkout {
			display:block;
			text-align:center;  
		}
		.vwf_price .value,
		.vwf_price .total {
			border-top:1px solid #ddd;
			font-weight:bold;
		}
	}
}
#product_c_filter_holder {
	margin-bottom:.5*@baseLineHeight;
	form {
		margin-bottom:0;
	}
}
.content_block,
#content_block_details {

	

	.clearfix;

    //.block;
	
	h1,h2, h3 {
		border-bottom: 1px solid @color-blue;
	}
	section {
		h1,h2,h3 { border-bottom: 1px solid transparent; }
	}
	
	padding:0 0 (@baseLineHeight);

	img {
		float:left;
		margin-right:@gridGutterWidth;
	}
	p {
		margin-left: 150px + @gridGutterWidth;
	}
	.block-image {
	
		max-width:175px;
		
		//margin: 20px;
		
	
	}
	.readon {
		float:none;
		clear:none;
		margin-top:.5 * @baseLineHeight;
		//margin-left:150px + @gridGutterWidth;
		display:block;
		border:none!important;
		
		&:hover {
			text-decoration:underline!important;
			border:none!important;
			
			i { text-decoration:none; }
		}
	}
	section p {
		margin-left:0;
	}
}
#content_block_group {

	img {
		max-width:150px;

	}
}
body.module-content_blocks,
body.module-command-info,
body.module-pages_html:not(.sjabloon_home)  {

	#content > .row { height:100%; }

	#content .span18:not(.divider) {

		padding-left:2 * @gridGutterWidth;
		padding-right:2 * @gridGutterWidth;
		padding-bottom: 2 * @baseLineHeight;
		background:white;
		.border-radius(5px);
		height:100%;
	}
}
.white-bg {

}
.block {
	.box-sizing(border-box);
	padding:(.5*@baseLineHeight)(.5*@gridGutterWidth);
	background: white; //@color-page-background; //darken(white,5%);
	.border-radius(5px);
	border:1px solid darken(@color-page-background,5%);
	margin-bottom:@baseLineHeight;
	position: relative;

	h2 {
		text-align:center;
	}
	table {
		margin-bottom:0;

		thead th{
			text-transform:uppercase;
			border-bottom: 1px solid darken(white,20%);
			text-align:center;
		}
	}
	

}

.contentTable {

		.table;
		th {
			background:none!important; 
		}

}
body.module-command-mijnopties #mijnoptiespage {

	.makeRow();

	table {
		.box-sizing(border-box);
	}
	.contentPanel {
		.makeColumn(9);
		margin-right:0;
	}
	.mijnoptiespanelmargin {
		color:@color-blue;
	}
	.mijnoptiespanelinner {
		width:100%;
		//padding:10px;
		.box-sizing(border-box);
		margin:0;
	}

}
body.module-command-mijngegevens #FormhandlerFormDefaults,
body.module-command-aanmeldformulier #FormhandlerFormDefaults {
	//.makeRow();
}
body.module-command-mijngegevens .panel,
body.module-command-aanmeldformulier .panel {
	//.makeColumn(9);
	.block;
	table {
		//width:auto!important;
		caption {
			color:@color-blue;
		}
	}
	input[type="text"] { 
		width:200px;
	}
}
body.module-command-mijngegevens #paneldisplay2,
body.module-command-aanmeldformulier #paneldisplay2 {
	//.makeColumn(18);
	background:none;
	border:none;
	input {
		float:right;
	}
}


//////// CHECKOUT //////////


.checkout {

	form { margin-bottom:0; }
	

	//[class*='span'] { margin-bottom: @baseLineHeight; }


	.span-block {

		.block;
		
	}
	input[type=checkbox] { margin:0; }
	
	&.checkout-profile {
		td { 
			height:238px;
			vertical-align:middle;
		}
	}
}
#shop_checkout {
	img { max-width:none; }
}
//// PRODUCT_C_FILTER ///
#product_c_filter {

	margin-top:@baseLineHeight; 
	
	input[type='checkbox'] { 
		//margin:0; 
	}
	
	.slider {
		width:90%;
		margin:0 auto;
	}
	.product_c_type_checkbox {
		.clearfix;
		input { float: left; }
		label { margin-left:20px; }
	}
	
}

//// DIVERSEN /////////
.FormHandlerInputButton { 
	float: left;
}
.lost-passsword { margin-top:10px; display: block; }
caption { 
	text-align: left;
	font-size: 18px;
	line-height: 200%;
}
body #registerblock .CTcontent img { max-width:none; }
body #mijnoptiespage .mijnoptiespanelinner { 

height: auto; min-height:200px; 
}
body #mijnoptiespage .contentPanel { 

min-height: 240px; 
height:auto; 
.block; 
} 

.betaalmethode img {
 float:left; 
 width:44px;
 height:auto;
 margin-right:10px;
}
.betaalmethode p {
 margin-left: 54px;
}
#fb-root { display: none; }

#klantenserviceform body { 
background: white!important; 
} 
//#shop_checkout { background: white; padding: 10px 0; }

.shop_productdetails {

	.table .table { background: none; }
	.table td { border: none; }

}
.map a:hover { text-decoration:none!important; border:none!important; }

body {
	#shop_checkout .step_active td{
		background-color:@color-blue;
		color: #FFFFFF;
		}
	#shop_checkout .step_true td{
		cursor:pointer;
		background-color:#D8E1EB;
		color: #6694C6;
		}
	#shop_checkout .step_false td{
		background-color:lighten(@color-blue,50%);
		color: #ffffff;
	}
}

#product_reviews {

	img { padding-bottom: 5px; }

	#product_reviews_top {
	
	
	}
	.review_write a, #product_reviews_bottom a{
		.btn;
		.btn-success;
	}
	.review_write {
		margin-top:10px;
	}
	.review {		
	
		.review_info, .review_usefull { 
			color: lighten(@textColor,30%);
			font-size:.9em;
		}
		.review_message { 
		
			padding-left:10px;
			border-left:4px solid lighten(@textColor,50%);
			margin:5px 0;
			
		}
		padding-bottom:10px;
		border-bottom:1px dotted lighten(@textColor,50%);
		

	
	}
}

@import "product-filter.less";
//@import "../font/font-awesome.less";