@charset "utf-8";
/*
@description Modulaire Stylesheet voor tuindeco
@copyright Multimove (http://www.multimove.nl)
@author Niek Vugteveen (niek@multimove.nl)
@date 30-11-2009
@version 1.0
@see: easyslider.css for homepage slider CSS
*/
/*TYPOGRAPHY*/

body{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}

.nav_button h2 a{
	color:#bb0f27;	
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
}

#active_nav h2 a{
	color:#fff;	
	font-weight:bold;
	text-decoration:none;
}

.col_head{
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
}

a, a:link{
	color:#646567;	
}

a:visited{
	color:#646567;
	text-decoration:none;	
}

.button a{
	color:#055524;
	font-size:11px;	
	text-decoration:none;
}

.col_content h1{
	color:#055524;
	font-size:18px;
	font-weight:bolder;
}

.col_content h2{
	color:#055524;
	font-size:16px;
	font-weight:bolder;
}

.col_content ol, .col_content ul{
	padding-left:18px;	
}

.col_content table{
	border: 1px solid #000;	
}

.col_content .grid{
	border:none;	
}

.col_content form table{
	border:none;	
}

/*HANDIGE CLASSES*/
.left{
	clear:left;
	float:left;
}

.right{
	clear:right;
	float:right;
}

.clear{
	clear:both;
	display:block;
}

#map{
	width:400px;
	height:200px;
}

/*HOME PAGE SPECIFIC TYPOGRAPHY*/

.top_products{
	color:#055524;	
}


/* GRID */
body{
	background-image: url(../images/layout/bg_right.png);
	background-repeat: repeat-x;
}
	#accessibility{
		position:absolute;
		left:-10000px;
		overflow:hidden;
	}

	#left_bg{
		background-image: url(../images/layout/bg_left.png);
		background-repeat: repeat-x;	
		float:left;
		height:333px;
	}
	
	#wrapper{
		width:945px;
		float:left;
	}
	
		#header{
			background-image: url(../images/layout/bg_head.png);
			background-repeat: no-repeat;	
			width:945px;
			height:249px;
			padding-top:5px;
		}
			#sec_nav{
				list_style:none;
				width:40%;
				padding:8px;

				font-size:12px;
				color:#fff;
				display:inline;
				clear:left;
			}
				#sec_nav li{
					display:inline;	
				}
				
				#sec_nav li a:link, #sec_nav li a:visited, #sec_nav li a{
					color:#fff;	
				}
			#languages{
				list-style:none;
				width:120px;
				padding:5px;
				clear:right;
				float:right;
			}
				
				#languages li{
					display:inline;
					padding-left:5px;
				}
			
			.clear_nav{
				height:6px;
			}
			
			#logo{
				background-image: url(../images/layout/logo.png);
				background-repeat: no-repeat;
				height:119px;
				display:block;
				width:305px;
				float:left;
				margin-right:10px;
			}
			
			#pathway{
				margin-left:45px;	
			}
			
			#searchform{
				margin-top:57px;
			}
				
				#searchform input{
					color:#055524;
				}
			
			#nav{
				display:block;
				float:left;
				width:450px;
				height:65px;
				list-style:none;
				margin-top:57px;
			}
			
			#nav li{
				display:inline;
			}
			
				.nav_button{
					background-image: url(../images/layout/bg_nav_button_left.png);	
					background-repeat: no-repeat;
					float:left;
					height:51px;
					margin-right:3px;
					display:inline;

				}
				
					.nav_button h2{
						background-image: url(../images/layout/bg_nav_button_right.png);	
						background-repeat: no-repeat;
						background-position: right top;
						padding-right:5px;	
						margin-left:5px;
						height:51px;
					}
					
						.nav_button h2 a{
							background-image: url(../images/layout/bg_nav_button.png);
							background-repeat: repeat-x;
							display:block;
							height:51px;
							padding-top:11px;
							padding-left:10px;
							padding-right:10px;
						}
				#active_nav{
					background-image: url(../images/layout/bg_nav_button_active_left.png);
				}
					
					#active_nav h2{
						background-image: url(../images/layout/bg_nav_button_active_right.png);
						padding-right:4px;
					}
					
						#active_nav h2 a{
							background-image: url(../images/layout/bg_nav_button_active.png);
						}
			
		#content_bg{
			background-image: url(../images/layout/bg_content.png);
			background-repeat: no-repeat;
			width:945px;
			height:810px;
		}
			#content_wrapper{
				padding-top:10px;
				padding-right:10px;
				top:180px;
				padding-left:47px;
				position:absolute;
			}
			
				#left_content_wrapper{
					width:690px;
					float:left;
				}
				
				#left_col{
					width:180px;	
				}
					#copyright{
						margin-top:20px;
						margin-bottom:30px;
						color:#A8B196;
						font-size:10px;
					}
					
					#copyright, #tagcloud{
						width:490px;
						float:left;
					}
					
					#tagcloud li{
						display:inline;
						color:#cfd4c6;
						font-size:16px;
						font-weight:bold;
					}
					
					#tagcloud li a{
						color:#cfd4c6;	
						text-decoration:none;
					}
					
				/*COLUMNS*/
				.col{
					background-image: url(../images/layout/bg_col_head_left.png);
					background-repeat: no-repeat;	
					float:left;
				}
				
					.col_head{
						background-image: url(../images/layout/bg_col_head_right.png);	
						background-repeat: no-repeat;
						background-position: right top;
						padding-right:19px;
					}
					
						.col_head h2{
							background-image: url(../images/layout/bg_col_head.png);
							background-repeat: repeat-x;
							height:39px;
							padding-left:5px;
							padding-top:19px;
							margin-left:21px;
						}
						
					.col_content{
						background-repeat: repeat-y;
						padding-right:20px;
						padding-left:20px;
						padding-top:10px;
						padding-bottom:10px;
						float:left;
					}
							
					.col_footer{
						background-image: url(../images/layout/bg_col_foot_right.png);
						background-repeat: no-repeat;
						background-position:right top;
						height:7px;
						padding-right:8px;
						float:left;
					}
						.col_footer_left{
							background-image: url(../images/layout/bg_col_foot_left.png);
							background-repeat: no-repeat;
							height:7px;
							width:8px;
							float:left;
						}
					
						.col_footer_middle{
							background-image: url(../images/layout/bg_col_foot.png);
							background-repeat: repeat-x;
							height:7px;
							float:left;
						}
					
					.col ul{
						list-style:none;	
					}
				
				#right_content_wrapper{
					float:left;
					width:158px;
				}
				
				/*COLUMN SIZES*/
				.narrow{
					width:181px;
					margin-bottom:10px;
					
				}
				
					.narrow .col_content{
						background-image: url(../images/layout/bg_col_narrow.png);	
						width:141px;
					}
					
					.narrow .col_footer_middle{
						width:165px;
					}
				
				.wide{
					width:482px;
				}
				
					.wide .col_content{
						background-image: url(../images/layout/bg_col_wide.png);	
						width:412px;
						padding-left:40px;
						padding-right:40px;
					}
					
					.wide .col_head{
						width:469px;	
					}
					
					.wide .col_footer_middle{
						width:469px;
					}
					
					.wide .col_footer{
						width:477px;	
					}
				
				/*Wide white column in center of page*/
				.white{
					background-image: url(../images/layout/bg_col_white_head_left.png);
					float:left;
					width:482px;
				}
				
					.white .col_head{
						background-image: url(../images/layout/bg_col_white_head_right.png);
						padding-right:12px;
						height:10px;
						width:473px;
					}
						.white .col_head h2{
							
							background-image: url(../images/layout/bg_col_white_head_wide.png);
							background-color:#fff;
							width:460px;
							margin-left:10px;
						}
					
					.white .col_content{
						background-image: url(../images/layout/bg_col_wide.png);
						background-image: url(../images/layout/bg_col_white_wide.png);
						width:407px;
					}
					
					.white .col_footer_middle{
						width:469px;
					}
					
				/*hoofdkolom voor content op oa de tips pagina*/
				.main{
					width:684px;
				}
				
					.main .col_head{

						width:667px;
					}
						.main .col_head h2{
							width:654px;
							height:9px;
						}
					
					.main .col_content{
						width:650px;
						background-image: url(../images/layout/bg_col_main.png);
					}
					
					.main .col_footer_middle{
						width:663px;
					}
				
				/*deze column headers zijn dikker omdat ze titels van 2 regels bevatten*/
				.bigger{
					background-image: url(../images/layout/bg_col_head_bigger_left.png);
				}
				
					.bigger .col_head{
						background-image: url(../images/layout/bg_col_head_bigger_right.png);	
						padding-right:17px;
					}
					
						.bigger .col_head h2{
							background-image: url(../images/layout/bg_col_head_bigger.png);
							height:50px;
							padding-top:19px;
							margin-left:21px;
						}
						
				/*de slider op de homepage*/	
				#slider_container{
					width:684px;
					height:318px;
					margin-bottom:10px;
					margin-left:-4px;
					margin-top:-1px;
				}
					
					#slider_container .col_left_side{
						background-image: url(../images/layout/slider_left.png);
						background-repeat: no-repeat;
						width:15px;
						height:318px;
						float:left;
					}
					
					#slider_container .col_content{
						background-image: url(../images/layout/slider_bg.png);
						background-repeat: repeat-x;
						height:300px;
						width:625px;
						padding-left:8px;
						padding-top:20px;
					}
					
					#slider_container .col_right_side{
						background-image: url(../images/layout/slider_right.png);
						background-repeat: no-repeat;	
						width:15px;
						height:318px;
						float:left;
						display:inline;
					}
					
				/*BUTTONS*/
				
				.button{
					height:32px;
					background-image: url(../images/layout/bg_button_right.png);
					background-repeat: no-repeat;
					padding-right:4px;
					background-position:top right;
					margin-top:5px;
					display:block;
					float:right;
					clear:both;
				}
				
					.button a{
						height:32px;
						background-image: url(../images/layout/bg_button.png);
						background-repeat: repeat-x;
						display:block;
						float:left;
						padding:5px;
					}
					
					.button span{
						height:32px;
						width:8px;
						display:block;
						float:left;
						background-image: url(../images/layout/bg_button_left.png);
						background-repeat: no-repeat;
					}
				
				.small_button{
					width:27px;
				}
				
				.big_button{
					width:215px;	
				}
				
				#pagination{
					width:390px;
					padding-left:0px;
				}
				
					#pagination li{
						display:inline;	
						margin-right:5px;
					}
					
					#pagination a{
						background-color:#fff;
						color:#055524;
						padding:5px;	
					}
					
					#pagination a:hover{
						color:#fff;
						background-color:#055524;	
						padding:5px;
					}
				
				/*HOMEPAGE SPECIFIC STUFF*/
				.product_categories{
					width:482px;
				}
				
				.wide{					
					margin-left:10px;
				}
				
				.top_products .col_content{
					
				}
				
				.top_products .col_content ol{
					margin-left:13px;	
				}
				
				#promo{
					width:180px;
					height:255px;
					float:left;
					margin-bottom:10px;
				}
				
					#promo a img{
						width:175px;
						
					}
				
				.fp_product_left{
					width:220px;
					float:left;
				}
				
				.fp_product_right{
					width:40%;
					float:left;
				}
				/*SHOP SPECIFIC STYLES*/
				.product_row{
					width:420px;
					margin:10px;
					clear:both;
					float:left;
				}
				
				.shop_label{
					
				}
				
				.product_price_info{
					font-size:14px;
				}
				
				.price_value{
					font-size:22px;
					color:#055524;
					font-weight:bolder;
				}
				
				.product_info{
					float:left;
					width:200px;
					padding:10px;
				}
				
					.product_info h2{
						font-size:22px;
						color:#646567;	
					}
					
					.product_info .button{
						float:left;	
					}
					
				#product_container .button{
					float:left;	
				}
					
				.info_wrapper{
					margin-top:10px;	
				}
					
				ul.product_eigenschappen{
					clear:both;	
					width:500px;
					list-style-type:disc;
					margin-left:15px;
				}
				
				.product_eigenschappen li p{
					width:400px;
				}
				
				.product_image{
					float:left;
					display:block;
					width:200px;
				}
				
				.product_title{
					color:#055524;
					font-weight:bold;
				}
				
				.product_description{
					margin-bottom:10px;
					margin-left:-4px;
				}
				
/*Squares*/
.squarecell{
	background-color:#95A083;
	color:#fff;
	vertical-align:middle;
	text-align:center;
	background-repeat:no-repeat;
	background-position:top left;
	width:130px;
	height:130px;
}

.squarecell img{
	display:none;	
}

.squarecell a{
	color:#fff;
	font-weight:bold;
	padding:5px;
	width:120px;
	text-decoration:none;
}

/*wolf boven "greep uit ons assortiment"*/
#wolf{
	position:relative;
	top:-592px;
	left:320px;
	height:55px;
}

.grid tr td{
	border: 1px solid #E0E3DB;
}

#product_container{
	margin-top:20px;	
}

/*Jquery Galleria gebruikt op productpagina's*/
.galleria{list-style:none;width:400px;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

.galleria .large{
	width:auto;
	height:auto;
}

/*treeview menu*/
.sub_level_menu{
	display:none;
	padding-left:25px;
	clear:both;
}

.expander{
	clear:both;
	height:14px;
	display:block;
}

.trigger{
	float:left;
	display:inline;
	width:100px;
	clear:right;
}

.tree_img{
	float:left;
	width:16px;
}

#tree_menu{
	margin-left:-10px;
}
	#tree_menu li{
		display:block;	

	}
	
	#tree_menu span{
		
	}

	#tree_menu li a{
		height:auto;
		text-decoration:none;
	}

.expander, .sub_level_menu li a{
	text-decoration:none;
}

.active a, .active a:visited{
	color:#bb0f27;	
}

/*Tips page*/
#tip_gallery{
	float:right;
	width:150px;
	height:100%;
	overflow-y:scroll;
	margin-right:10px;
}

.gallery_img{
	margin:10px;
	width:100px;
	float:left;
	display:inline;
}

#tips_content{
	float:left;
	width:400px;
}

	.pagination{
		width:390px;
		padding-left:0px;
		margin-left:-10px;
	}
	
		.pagination li{
			display:inline;	
			margin-right:5px;
		}
		
		.pagination a{
			background-color:#fff;
			color:#055524;
			padding:5px;	
		}
		
			.pagination_active{
				color:#fff !important;
				background-color:#055524 !important;		
			}
			
			.pagination_active:hover{
				background-color:#fff !important ;
				color:#055524 !important ;
			}
		
		.pagination a:hover{
			color:#fff;
			background-color:#055524;	
			padding:5px;
		}