/*
====================================================================================================================================================================================
#	[START] GENERAL.CSS
====================================================================================================================================================================================

	WebShop - Webapplicatie - http://www.eressea.nl - 2011
	Ontworpen & ontwikkeld door Grafisch Zonder Grenzen
	http://www.grafischzondergrenzen.nl - info@grafischzondergrenzen.nl

====================================================================================================================================================================================
#	BODY
====================================================================================================================================================================================
*/
	body {
		margin: 0px;
		padding: 0px;
		text-align: center;
		width: 100%;
		min-height: 100%;
		font-family: Arial, Helvetica, sans-serif;		
		background-color: #FFFFFF;
		font-size: 12px;
		overflow-x: hidden;
		overflow-y: auto;
	}
	
	body a {
		font-family: Arial, Helvetica, sans-serif;		
		color: #03C;
		text-decoration: underline;
	}
	
	.clear {
		clear: both;	
	}	
/*
====================================================================================================================================================================================
#	PAGE
====================================================================================================================================================================================
*/
		#page_header {
			margin-left: auto;
			margin-right: auto;
			height: auto;
			width: 955px;
			height: 138px;
		}
				
			#page_logo {
				position: absolute;
				z-index: 1;
				margin-top: 15px;
				float: left;
				width: 955px;
				height: auto;
			}
			
			#page_marquee {
				position: absolute;
				z-index: 2;
				width: 686px;
				margin-top: 113px;
				margin-left: 270px;
				height: 35px;
			}
				
			#page_links {
				float: left;
				width: 690px;	
			}	
					
				.page_head_cart {
					background-image: url(../images/tas.png);
					background-repeat: no-repeat;	
					height: 80px;	
					width: 210px;	
					padding-top: 10px;
					text-align: right;
					margin-left: 477px;
				}
						
				.page_head_cart_items {
					font-family: Arial, Helvetica, sans-serif;
					padding-top: 10px;	
					clear: both;
					font-size: 14px;
					color: #37620c;
					font-weight: bold;
				}
				
				.page_head_links {
					margin-left: 156px;					
					text-align: right;
					height: 17px;	
				}
				
				.page_head_links div {
					float: left;
					margin-left: 15px;
					text-align: right;
				}
				
				.page_head_link {
					text-transform: uppercase;	
					color: #FFF;
					font-weight: bold;
					text-decoration: none;
				}
	
	#container {
		height: 100%;
		width: 100%;	
	}
	
	#page_container {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 955px;
		height: 100%;
		background-image: url(../images/content_bg.png);
		background-repeat: repeat-y;
	}		
	
		#page_navigation {
			margin-left: 65px;
			position: relative;
			float: left;
			background-color: #FFFFFF;
			width: 180px;
			height: 900px;
			background-image: url(../images/menu.gif);
			background-repeat: repeat-y;
		}
	
		#page_content {
			position: relative;
			padding: 20px;
			padding-top: 50px;
			background-color: #FFF;
			width: 513px;
			height: auto !important;
			min-height: 800px;
			text-align: left;
			font-size: 12px;
			float: left;
			padding-bottom: 10px;
		}
		
		#page_sub_navigation {
			position: relative;
			float: left;
			width: 157px;
			padding-top: 121px;
		}
		
		#page_title {
			height: auto;
		}
		
		#page_text {
			margin-top: 10px;
		}
	
	#page_footer {
		clear: both;
		margin-top: 20px;
		margin-bottom: 20px;
		background-image: url(../images/footer/footer.png);
		background-repeat: no-repeat;
		background-position: bottom;
		width: 990px;
		height: 100px;
		background-color: #FFFFFF;
		
	}	
		.footer_title {
			height: 20px;		
		}
		
		.footer_links {
			float: left;
			border-left: 1px solid #333;
			margin-top: 18px;
			margin-left: 10px;
			padding-left: 15px;
			text-align: left;
			font-size: 11px;
			line-height: 14px;
			height: 128px;
		}
		
		.footer_links a {
			color: #FFF;
			text-decoration: none;
		}
		
		.footer_links a:hover {
			color: #d5d110;
		}
/*
====================================================================================================================================================================================
#	FAQ ITEMS
====================================================================================================================================================================================
*/	
	.faq_title {
		margin-top: 20px;
	}
	
	.faq_header {
		padding-left: 15px;
		font-size: 11px;
		background-image: url(../images/pijlrechtszwart.png);
		background-repeat: no-repeat;	
		background-color: transparent;
		background-position: center left;
		color: #444;
		font-weight: bold;	
		cursor: pointer;
		margin-bottom: 5px;
	}
	
	#faq_nav {
		padding: 0px;
		margin: 0px;
		list-style-type: none;
		list-style: none;
		text-decoration: none;		
	}
	
	#faq_nav li.algemeen a {
		margin-bottom: 5px;
		display: inline-block;
		background-image: url(../images/algemeenfaq.png);
		background-repeat: no-repeat;
		width: 280px;
		height: 30px;	
		text-decoration: none;
	}
	
	#faq_nav li.algemeen a:hover {
		margin-bottom: 5px;
		display: inline-block;
		background-image: url(../images/algemeenfaqro.png);
		background-repeat: no-repeat;
		width: 280px;
		height: 30px;	
		text-decoration: none;
	}
	
	#faq_nav li.bestellen a {
		margin-bottom: 5px;
		display: inline-block;
		background-image: url(../images/bestellenfaq.png);
		background-repeat: no-repeat;
		width: 280px;
		height: 30px;	
		text-decoration: none;
	}
	
	#faq_nav li.bestellen a:hover {
		margin-bottom: 5px;
		display: inline-block;
		background-image: url(../images/bestellenfaqro.png);
		background-repeat: no-repeat;
		width: 280px;
		height: 30px;	
		text-decoration: none;
	}
	
	#faq_nav li.betalen a {
		margin-bottom: 5px;
		display: inline-block;
		background-image: url(../images/betalenfaq.png);
		background-repeat: no-repeat;
		width: 280px;
		height: 30px;	
		text-decoration: none;
	}
	
	#faq_nav li.betalen a:hover {
		margin-bottom: 5px;
		display: inline-block;
		background-image: url(../images/betalenfaqro.png);
		background-repeat: no-repeat;
		width: 280px;
		height: 30px;	
		text-decoration: none;
	}
	
	#faq_nav li.bezorgen a {
		margin-bottom: 5px;
		display: inline-block;
		background-image: url(../images/bezorgenfaq.png);
		background-repeat: no-repeat;
		width: 280px;
		height: 30px;	
		text-decoration: none;
	}
	
	#faq_nav li.bezorgen a:hover {
		margin-bottom: 5px;
		display: inline-block;
		background-image: url(../images/bezorgenfaqro.png);
		background-repeat: no-repeat;
		width: 280px;
		height: 30px;	
		text-decoration: none;
	}
	
	#faq_nav li.retouren a {
		margin-bottom: 5px;
		display: inline-block;
		background-image: url(../images/retourenfaq.png);
		background-repeat: no-repeat;
		width: 280px;
		height: 30px;	
		text-decoration: none;		
	}
	
	#faq_nav li.retouren a:hover {
		margin-bottom: 5px;
		display: inline-block;
		background-image: url(../images/retourenfaqro.png);
		background-repeat: no-repeat;
		width: 280px;
		height: 30px;	
		text-decoration: none;
	}
/*
====================================================================================================================================================================================
#	TELL A FRIEND
====================================================================================================================================================================================
*/
	.tell_a_friend_photo {
		float: left;
		width: 430px;	
		margin-left: 20px;
		margin-right: 30px;
	}	
	
	.tell_a_friend_block {
		background-image: url(../images/navigation/subnav_block_bg.png);
		background-repeat: repeat;	
		height: 220px;		
		padding-left: 20px;
		padding-top: 10px;
	}
	
/*
====================================================================================================================================================================================
#	MISC
====================================================================================================================================================================================
*/		
	#tab {
		text-align: left;	
		list-style: none;
		list-style-type: none;
		padding: 0px;
		margin: 0px;
		color: #FFF;
	}
	
	#tab li {
		padding-top: 5px;
		text-align: left;	
		height: 15px;
		margin-bottom: 4px;
		color: #FFF;
		text-transform: uppercase;
		float: left;		
	}
	
	#tab li a {
		display: block;
		height: 18px;
		width: 160px;
		padding-left: 10px;
		padding-top: 2px;
		color: #FFF;
		text-transform: uppercase;
		font-size: 12px;
	}	
	
	#tab li a.selected{ 
		color: #37620c;
		text-transform: uppercase;
	}
		
	#tab li a:hover {
		background-position: top left;
		background-repeat: no-repeat;
		color: #37620c;
	}
	
	.clear {
		clear: both;
	}	
/*
====================================================================================================================================================================================
#	SHOPPING CART
====================================================================================================================================================================================
*/		
	.shopping_cart {
		text-align: left;	
		padding-bottom: 20px;
	}
	
	.shopping_cart h1 {
		color: #FFFFFF;	
	}
	
	#shopping_cart_address_column_left {
		margin-right: 6px;
		float: left;
	}
	
	#shopping_cart_address_column_right {
		float: left;
	}
		
	#shopping_cart_main {
		width: 522px;	
	}	
	
	.shopping_cart_main_header {
		clear: both;
		width: 522px;
	}
	
	.shopping_cart_main_header div {
		padding-left: 5px;
		padding-right: 5px;
		float: left;
		background-color: #37620c;
		height: 18px;
		color: #FFFFFF;	
		font-weight: bold;
		text-align: left;
		margin-right: 2px;
		padding-top: 2px;
	}	
	
	.shopping_cart_column {
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		float: left;
		text-align: left;
		margin-right: 2px;	
		margin-top: 2px;
		background-image: url(../images/navigation/subnav_block_bg.png);
		background-repeat: repeat;	
		height: 50px;
	}

	.shopping_cart_thumb {
		float: left;
		width: 55px;
		height: 55px;
	}
	
	.shopping_cart_info {
		float: left;	
		color: #646464;
		line-height: 12px;
		text-align: left;		
	}
	
	.shopping_cart_info div {
		clear: both;		
	}
	
	.shopping_cart_info_title {
		color: #37620c; 
		text-transform: uppercase; 
		font-weight: bold;
		width: 100px;
		float: left;
		font-size: 10px;
	}
	
	.shopping_cart_message {
		padding-top: 5px;
		padding-bottom: 5px;
		clear: both;
		font-weight: bold;
		color: #000;	
	}
	
	.shopping_cart_total {
		color: #000;	
		margin-left: 325px;
		width: 187px;
		font-weight: bold;
	}
	
	.shopping_cart_total_overview {
		color: #000;	
		margin-left: 312px;
		width: 201px;
		font-weight: bold;
	}
	
	.shopping_cart_total_btw {
		padding-left: 5px;
		padding-top: 3px;
		height: 17px;
		border-bottom: 2px solid black;
		background-image: url(../images/navigation/subnav_block_bg.png);
		background-repeat: repeat;			
	}
	
	.shopping_cart_total_btw div {
		float: left;		
	}
	
	.shopping_cart_total_price {
		padding-left: 5px;
		padding-top: 3px;
		height: 17px;
		border-bottom: 2px solid black;
	}
	
	.shopping_cart_total_price div {
		float: left;
	}
	
	.shopping_cart_navigation {
		margin-top: 25px;
	}
	
	.shopping_cart_navigation_shop {
		float: left;
		text-align: left;		
	}
	
	.shopping_cart_navigation_confirm {
		float: left;
		text-align: right;	
	}
	
	.shopping_cart_payment {
		border-bottom: 1px solid black;
		border-top: 1px solid black;
		width: 512px;
		height: 80px;
	}
	
	.shopping_cart_address {
		height: 80px;
		width: 512px;
		margin-top: 15px;
		border-top: 1px solid black;	
	}
/*
====================================================================================================================================================================================
#	BOOKS
====================================================================================================================================================================================
*/
	.book {
		width: 500px;	
	}
	
	.book_item {
		position: relative;
		width: 96%;
		text-align: center;
		padding: 6px;
		margin-right: 5px;
		margin-bottom: 15px;
	}
	
	.book_star {
		position: absolute;
		z-index: 99;			
		top: -10px;
		left: 460px;	
		text-align: center; 
		background-image: url(../images/star.png);
		background-repeat: no-repeat;
		height: 39px;
		width: 59px;
		padding-top: 20px;
		font-weight: bold;
		font-size: 14px;
	}
	
	.book_img {
		width: 79px;
		text-align: center;
		float: left;
	}
	
	.book_content {
		float: left;
	}
	
	.book_title {
		width: 390px;
		padding-left: 15px;
		text-align: left;
		font-weight: bold;
	}
	
	.book_text {
		clear: both;
		font-size: 12px;
		padding-top: 5px;
		padding-left: 15px;
		text-align: left;
	}
/*
====================================================================================================================================================================================
#	BREADCRUMB
====================================================================================================================================================================================
*/
	#breadcrumb {
		clear: both;
		background-image: url(../images/breadcrumb.png);
		background-repeat: repeat;	
		background-color: transparent;			
		height: 27px;
		width: 710px;
		margin-left: 245px;
	}
	
	#breadcrumb_tabs {
		position: absolute;
		z-index: 3;		
		text-align: left;			
		height: 27px;
		padding-top: 1px;
		padding-left: 35px;
		width: 674px;
	}
	
	.breadcrumb_arrow {
		float: left;
		margin-left: 14px;
		margin-top: 8px;
		float: left;
		background-image: url(../images/pijltje.png);
		background-repeat: no-repeat;	
		background-color: transparent;
		width: 15px;
	}
	
	.breadcrumb_label {
		margin-top: 5px;
		float: left;
		font-size: 14px;
		color: #6e402a;	
	}
/*
====================================================================================================================================================================================
#	GUESTBOOK
====================================================================================================================================================================================
*/	
	.guestbook_item {
		margin-bottom: 15px;
		background-color: #c3e694;
	}
	
	.guestbook_title {
		padding: 5px;
		width: 500px;	
	}
	
	.guestbook_name {
		padding-left: 10px;
		font-weight: bold;
		float: left;
		width: 367px;
	}
	
	.guestbook_date {
		font-weight: bold;
		width: 120px;
		float: left;
	}
	
	.guestbook_message {
		padding: 5px;
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 10px;
	}
/*
====================================================================================================================================================================================
#	QUICK SEARCH
====================================================================================================================================================================================
*/
	.quick_search_field {
		position: relative;
		float: left;
		padding-top: 1px;
		padding-left: 2px;
		border: 1px solid #e6e6e6;
		background-repeat: no-repeat;
		height: 18px;
		width: 124px;
		background-color: #FEFEFE;
		color: #999999;
	}
	
	.quick_search_button {
		position: relative;
		border: 0px;
		background-image: url(../images/buttons/btn_search.gif);
		background-repeat: no-repeat;	
		background-color: transparent;
		width: 23px;
		height: 22px;
		cursor: pointer;
	}
	
	.quick_search_field_block {
		position: relative;
		float: left;
		padding-top: 5px;
	}
	
	.quick_search_button_block {
		z-index: 999;
		position: relative;
		float: left;		
		top: 5px;
		right: 3px;
		width: 23px;
		height: 25px;	
	}
/*
====================================================================================================================================================================================
#	[STOP] GENERAL.CSS
====================================================================================================================================================================================
*/