@charset "utf-8";


/* 
	-----------------------------------------
	Reset Stylesheet - Based on Eric Meyer's.
	-----------------------------------------
*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, code, font, img, dl, dt, dd, ol, ul, li,form, label, tr, th, td {
	margin: 0;
	padding: 0;
}

:focus {
	outline: 0;
}


a img{
	border: none;
	}

table {
	border-collapse:separate;
	border-spacing:0;
	empty-cells: show;
}
caption, th, td {
	font-weight:normal;
	text-align:left;
}
table, td, th {
	vertical-align:top;
}



/* 
	-----------------------------------------
	General styles
	-----------------------------------------
*/


body{
	color: #454545;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;	
}

#container{
	width: 960px;
	padding: 0px 3px 0px 0px;
	margin: 0px auto;
	background: url(../media/images/bg_container.jpg) left top no-repeat #fff;
	}

p {
	margin: 5px 0px;
	padding: 3px 0px;
}




/* 
	-----------------------------------------
	Header
	-----------------------------------------
*/

#header{
	height: 200px;
}	

	/* 
		-----------------------------------------
		Logo
		-----------------------------------------
	*/
	
		 #logo, #logo:visited, #logo:hover{
			float: left;
			display: block;
			width: 312px;
			height: 73px;
			margin: 70px 0px 0px 70px;
			text-decoration: none;
			 }
			 
		#printlogo{
			display: none;
			}
	
	/* 
		-----------------------------------------
		Shopping Cart top
		-----------------------------------------
	*/
	
		#shoppingcart{
			float: right; 
			width: 305px;
			height: 20px;
			padding: 10px 20px 10px 0px;
			}
			
			#shoppingcart .price{
				display: block;
				float: left;
				padding: 5px 15px 0px 15px;
				color: #8a9601;
				font-size: 1.10em;
				font-weight: bold;
				}

	/* 
		-----------------------------------------
		Navigation
		-----------------------------------------
	*/

	
		#navigation{
			clear: both;
			height: 28px;
			padding: 7px 0px;
		}
		
		#navigation li{
			float: left;
			padding: 0px 20px;
			background: url(../media/images/navig_divider.gif) right top no-repeat;
			}

			#navigation li.assortiment{
				height: 28px;
				color: #fff;
				line-height: 28px;
				width: 215px;
				padding: 0px 0px 0px 44px;
				margin-right: 45px;
				}

			#navigation li.last, #navigation li.assortiment{
				background: none;
				}
		
		#navigation a, #navigation a:visited{
			float: left;
			display: block;
			text-decoration: none;
		}
		
				#navigation a span, #navigation a:visited span{
					float: left;
					display: block;
					height: 27px;
					line-height: 27px;
					margin: 0px 0px 0px 15px;
					padding: 0px 15px 0px 0px;
					color: #ddd1cc;
				}
				
		#navigation a:hover, #navigation li.selected a, #navigation li.selected a:visited, #navigation li.selected a:hover{
			background: url(../media/images/navig_selected.gif) left top no-repeat;
		}

			#navigation a:hover span, #navigation li.selected a span, #navigation li.selected a:visited span, #navigation li.selected a:hover span{
				background: url(../media/images/navig_selected.gif) right bottom no-repeat;
				color: #ddd1cc;
			}
			
			


/* 
	-----------------------------------------
	Main
	-----------------------------------------
*/

#main{
	min-height: 120px;
	height: auto;
	_height: 120px;
}

	/* 
		-----------------------------------------
		Menu
		-----------------------------------------
	*/

	#menu{
		float: left;
		width: 260px;
		background: url(../media/images/bg_menu.jpg) left top no-repeat;
		margin-right: 30px;
	}
		
		#menu img{
			display: block;
			}
	
		#menu ul{
			padding: 20px 29px;
			}
			
			#menu li {
				background: url(../media/images/menu_divider.gif) left bottom repeat-x;
				padding: 0px 0px 2px 0px;	
				}
				
			#menu li.last {
				background: none;
				}
			
			#menu a, #menu a:visited{
				color: #fff;
				background: url(../media/images/menu_item_bg.png) left top no-repeat;
				text-decoration: none;
				display: block;
				padding: 12px 0px 12px 35px;
			}
				
				#menu a:hover{
					background: url(../media/images/menu_item_bg_hover.png) left top no-repeat;
					}
			
				#menu li.selected a, #menu li.selected a:visited, #menu li.selected a:hover{
					color: #f0bbb2;
					background: url(../media/images/menu_item_bg_selected.jpg) left top no-repeat;
					padding-left: 50px;
				}
	
		

	
	/* 
		-----------------------------------------
		Content
		-----------------------------------------
	*/

	#content{
		float: left;
		width: 670px;
		text-align: justify;
		padding: 0px 0px 30px 0px;
		}
		
	#pages_show #content, #pages_disclaimer #content, #pages_contact #content{
		line-height: 150%;
		}
		
		/* 
		-----------------------------------------
		General Product styles
		-----------------------------------------
		*/		
			.product .image{
				width: 70px;
				padding: 0px 5px;
				text-align: center;
				float: left;
				}
			
				.product .image img{
					display: block;
					}
			
			.product .description{
				padding: 8px;
				float: left;
				}
				
				.product .description h2{
					padding: 0px;
					}
			
				.product .short-description{
					padding: 12px 0px;
					border-bottom: 1px solid #e7e6d4;
					line-height: 140%;
					font-size: 0.95em;
					}
				
				.product .clearfix{
					padding: 12px 0px 5px 0px;
					}
					
				.product .price{
					float: left;
					display: block;
					font-size: 1.25em;
					color: #56668a;
					width: 100px;
					font-weight: bold;
					}
					
				.product button{
					float: right;
					}
			
			.product .add-to-shoppingcart{
				margin: 38px 0px 0px 20px;
				border: 1px solid #d2d98a;
				background: url(../media/images/shoppingcart_bg.gif) left top no-repeat #f3f6db;
				padding: 16px 7px 7px 10px;
				width: 154px;
				min-height: 59px;
				height: auto;
				_height: 59px;
				_overflow: visible;
				float: left;
				}
				
				.product .add-to-shoppingcart label, .product .add-to-shoppingcart .label{
					color: #777;
					float: left;
					width: 57px;
					margin-right: 10px;
					margin-left:43px;
					}

				.product .add-to-shoppingcart label, .product .add-to-shoppingcart .label, .product .add-to-shoppingcart input{
					color: #777;
					float: left;
					width: 40px;
					}
					
					
				.product .add-to-shoppingcart .shoppingcart{
					margin-top: 12px;
					margin-left: 43px;
					}
				
				.product .add-to-shoppingcart .added{
					color: #798802;
					background: url(../media/images/accept.jpg) no-repeat 0px 10px;
					padding: 10px 0px 0px 20px;
					#padding: 5px 0px 0px 20px;
					margin: 10px 0px 5px 0px;
					clear: both;
					font-size: 0.95em;
					text-align: left;
					}
					
			.product-info span{
					font-size: 0.95em;
				}
				
		 .divider{
				color: #e0e4b3;
				background-color: #e0e4b3;
				height: 1px;
				border: none;
				margin: 15px 0px;
				}
		
		
		/* 
		-----------------------------------------
		Catalog
		-----------------------------------------
		*/
		
			#catalog_category .highlight{
				background: url(../media/images/catalog_wrapper.gif) 5px top repeat-y;
			}
		
		.product{
			}
			
			.product .description{
				width: 381px;
				_width: 370px;
				}
			
				
				.product .price{
					float: right;
					text-align: right;
					}
					
				.product button{
					float: left;
					}
					
		.zoom{
			position: absolute;
			margin-top: -24px;
			display: block;
			width: 15px;
			height: 16px;
			background-color: #fff;
			padding: 4px;
			cursor: pointer;
			}
		
					
		/* 
		-----------------------------------------
		Spotlight homepage
		-----------------------------------------
		*/
		
		#index_index .wrapper{
			background: url(../media/images/spotlight_wrapper.gif) left top repeat-y;
			padding: 0px;
			margin: 0px;
			}
			
			#index_index .highlight{
				background: url(../media/images/spotlight_wrapper.gif) right top repeat-y;
			}
		
		.spotlight{
			float: left;
			width: 334px;
			}
			
			.spotlight .description{
				width: 238px;
				}
			
			.spotlight .price{
			  width: 100px;
			  float: left;
			  text-align: left;
			}
			
			.spotlight button{
			  float: right;
			  }



		/* 
			-----------------------------------------
			Pages Show
			-----------------------------------------
		*/
		
		.related-images, .related-files, .related-items{
				float: right;
				border-left: 1px dotted #dedede;
				padding-left: 20px;
				margin-left: 20px;
				width: 200px;
				clear: right;
				text-align: left;
			}
			
			#pages_show #content .related-images a, #pages_show #content .related-images a:visited, #pages_show #content .related-images a:hover{
				border: 0px solid #fff;
				padding: 0px;
				}
				
			.related-images img{
				margin-bottom: 10px;
				}
		
		
		
		/* 
			-----------------------------------------
			Pager
			-----------------------------------------
		*/
		
		
		.pager{
			margin-top: 15px;
			font-size: 0.9em;
		}
		.pager span{
			padding-right: 15px;
			font-weight: bold;
		}
		.pager a,.pager a:visited{
			padding: 3px 6px;
			border: 0;
			color: ;
			text-decoration: underline;
		}
		.pager a:hover,.pager b{
			padding: 2px 5px;
			border: 1px solid #c1c1c1;
			color: black;
		}
		.pager b{
			border-color: #6e6e6e;
			color: #2a2a2a;
			text-decoration: none;
		}
			
			
		
		/* 
			-----------------------------------------
			Titles
			-----------------------------------------
		*/
		
		h1{
			font-size: 1.15em;
			font-weight: bold;
			color: #909d01;
			margin: 8px 0px 30px 0px;
			text-align: left;
		}
		
		h2{
			font-size: 1.10em;
			font-weight: bold;
			color: #7d1409;
			padding: 10px 0px 10px 15px;
			line-height: 140%;
			text-align: left;
		}
		
			#pages_show #content h2{
				border-bottom: 0px solid #fff;
				padding: 5px 0px 8px 0px;
				}
		
		h3{
			color:#56668a;
			font-weight: bold;
			font-size: 1em;
			margin: 10px 0px 5px 0px;
			}
			
		h4{
			color:#7d1409;
			font-weight: bold;
			font-size: 1em;
			margin: 10px 0px 5px 0px;
			}
			
		h5{
			color:#909d01;
			font-weight: bold;
			font-size: 1em;
			margin: 10px 0px 5px 0px;
			}
			
		h6{
			font-size: 0.95em;
			margin: 5px 0px 5px 0px;
			}


		
		
		/* 
			-----------------------------------------
			Tables - shopping cart
			-----------------------------------------
		*/
		
		table{
		width: 100%;
		}
		
		td,th{
			padding: 5px;
		}
		
		thead th{
			font-weight: bold;
			background: #eee;
			border: 1px solid #ccc;
			border-width: 1px 1px 1px 0px;
			color: #666;
		}
		
			th.first{
				border-left: 1px solid #ccc;
				}
		
		tbody td{
			border-bottom: 1px solid #dedede;
		}
		
			tbody td.first{
				border-left: 1px solid #dedede;
			}

			tbody td.last{
				border-right: 1px solid #dedede;
			}
			
			tbody td.title{
				font-weight: bold;
				font-size: 1.1em;
				color: #7d1409;
			}
			
			  .orderSub{
				  font-size: 0.90em;
				  color: #888;
				  display: block;
				  margin-top: 5px;
				  font-weight: normal;
			  }
			
			tbody td.prijs{
				font-weight: bold;
			}

			table.products .image img{
				display: block;
				}
				
			table.products .zoom{
				
				}
		

		tfoot td{
			border-top: 1px solid #a0be14;
			border-bottom: 1px solid #a0be14;
			color: #598216;
		}
		
			tfoot td.first{
				border-left: 1px solid #a0be14;
			}
			
			tfoot td.last{
				border-right: 1px solid #a0be14;
			}
	
		
		table.products{
			margin: 10px 0px;
			}
		
		table.products tfoot{
			background-color: #e3f0bd;
			color: #598216;
			font-size: 1.1em;
		}
		
		.transport{
			color: #598216;
			}
			
			.transport span{
				font-weight: bold;
			}
		
		/* 
			-----------------------------------------
			Styles for confirm page
			-----------------------------------------
		*/
		
		.confirm ul{
			padding: 10px;
			}
			
		.confirm li{
			border-bottom: 1px solid #dedede;
			padding: 5px 0px;
			}

		.confirm ul li.last{
			border-bottom: 0px solid #dedede;
			}
			
		.confirm li span{
			margin: 0px;
			}
		
		.confirm ul li.first{
			font-weight: bold;
			background: #eee;
			border: 1px solid #ccc;
			border-width: 0px 0px 1px 0px;
			color: #666;
			}	

			

		.tekst{
			margin: 15px 0px;
			clear: both;
			text-align: left;
			line-height: 140%;
			}


		
		/* 
			-----------------------------------------
			Styles for invoice page
			-----------------------------------------
		*/ 
		
		#invoice_container{
			width: 650px;
			color: #222;
			}

		#invoice_container .confirm ul.invoice, #invoice_container .confirm ul.delivery {
			width: 317px;
			}
			
		#invoice_container h2{
			color: #222;
			font-size: 1.2em;
			}
		
			
			
			#invoice_container tbody td.title{
				color: #222;
				font-size: 1em;
				}
				
		#invoice_container .confirm span.value {
			width: 160px;
			}
		
		#invoice_container .confirm ul li.first{
			color: #666;
			}
	



/* 
	-----------------------------------------
	Footer
	-----------------------------------------
*/


#footer{
	background: url(../media/images/footer_bg.gif) left top no-repeat #656c7a;
	color: #a2a7af;
	text-align: center;
	font-size: 0.95em;
	margin-top: 30px;
}
	#footer li{
		list-style: none;
		display: inline;
		border-right: 1px solid #a2a7af;
		padding: 0 10px;
		height: 62px;
		line-height: 62px;
	}
		#footer li.last{
			border: none;
			padding-right: 0;
		}
			#footer li a, #footer li a:visited,#footer li a:active{
				color: #a2a7af;
			}
	
				#footer li a:hover{
					text-decoration: none;
				}




/* 
	-----------------------------------------
	Lists
	-----------------------------------------
*/


ul, ol {
}
ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type: none;
	text-align: left;
}
ol li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:decimal;
}


#pages_show #content ul{
	padding-left: 15px;
}

#pages_show #content ul li{
	background:transparent url(../media/images/li_icon.gif) no-repeat scroll 0 7px;
	padding-left:15px;
}

#pages_show #content ul, #pages_show  #content ol{
	list-style-image:none;
	list-style-position:outside;
	margin: 10px 0;
}


/* 
	-----------------------------------------
	Forms
	-----------------------------------------
*/



/* 
	-----------------------------------------
	Links
	-----------------------------------------
*/


#pages_show #content a, #pages_show #content a:visited, #pages_contact #content a, #pages_contact #content a:visited{
	color: #222;
	border-bottom: 1px dotted #333;
	text-decoration: none;
}
#pages_show #content a:hover, #pages_contact #content a:hover{
	border-bottom: 1px solid #909d01;
	color: #909d01;
	text-decoration: none;
}

.totop, .totop:visited, #pages_show #content a.totop, #pages_show #content a.totop:visited, #pages_contact #content a.totop, #pages_contact #content a.totop:visited{
	color: #a7a7a4;
	text-decoration: underline;
	padding: 40px 0px 0px 27px;
	background: url(../media/images/totop.gif) 10px 44px no-repeat;
	border-bottom: 0px solid #fff;
	font-size: 0.95em;
	display: block;
	}
	
.totop:hover, #pages_show #content a.totop:hover, #pages_contact #content a.totop:hover{
	color: #a7a7a4;
	text-decoration: none;
	}

a, a:visited, a:hover{
	cursor: pointer;
	}

/* 
	-----------------------------------------
	Styles for nyroModal
	-----------------------------------------
*/

#nyroModalWrapper{
	border: 2px solid #fff!important;
	padding: 2px;
	background-color: #fff;
}


div.wrapperImg div#nyroModalContent div {
	opacity: 0.5!important;
	filter: alpha(opacity=50)!important;
	color: #fff!important;
}

div.wrapperImg div#nyroModalContent div:hover {
	cursor: default!important;
}


h1#nyroModalTitle {
	display: none!important;
}


/* 
	-----------------------------------------
	Misc styles
	-----------------------------------------
*/

.leftAlign{
		text-align: left;
	}
	
.rightAlign{
		text-align: right;
	}

/* 
	-----------------------------------------
	Misc fixes
	-----------------------------------------
*/


.clearImgSpace {
	display:block;
}
.clear {
	clear:both;
	line-height:0;
}
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
.clearfix {
	#display:inline-block;
}
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}