/* Reset default margins and padding for all elements */
* {
    margin: 0;
    padding: 0;
}

body, html {
    margin: 0;
    padding: 0;
    font-family: 'Arial', sans-serif;
}

.linkgreen {
	font-family: Tahoma Bold,Verdana Bold,Gadget,sans-serif;
    color: black;
    text-decoration: none;	
	filter: invert(99%) sepia(63%) saturate(1387%) hue-rotate(31deg) brightness(100%) contrast(101%);
}

.linkgreen:hover {
    filter: invert(87%) sepia(29%) saturate(528%) hue-rotate(40deg) brightness(103%) contrast(91%);
    background-color: #EFEFEF;
}

.intext_green {
	text-decoration: none;
	color: #aaff64ff;
	font-weight: bold;
	position: relative;
	border-bottom: 4px solid transparent; /* Set the initial color and thickness of the underline */
	transition: border-bottom 0.3s ease-in-out; /* Adjust the animation duration and timing function */
}

.intext_green:hover{
	color: #c0f496ff;
	border-bottom: 4px solid #c0f496ff; /* Set the color of the underline on hover */
	/*text-decoration: underline;*/
}

.bosgreen {
	color: #aaff64ff;
}

.simplegreen {
	color: #aaff64ff;
}

.greenbackround {
	background-color: #aaff64ff;
}

.bosgreen:hover {
    color: #c0f496;    
}

.filter-green {
/*        filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);*/
        filter: invert(99%) sepia(63%) saturate(1387%) hue-rotate(31deg) brightness(100%) contrast(101%);
    }

.filter-green:hover {
/*        filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);*/
        filter: invert(87%) sepia(29%) saturate(528%) hue-rotate(40deg) brightness(103%) contrast(91%);
        background-color: #EFEFEF;
    }    
    
.greenonly {
	 filter: invert(99%) sepia(63%) saturate(1387%) hue-rotate(31deg) brightness(100%) contrast(101%);
}

.min table {
    border-collapse: collapse; /* Collapse the borders between cells */
}

.min td, th, tr {
    padding: 0px; /* Optional: Add padding to cells for spacing */
    border: none; /* Remove borders from cells */
}

hr.nav {
	height: 3px; 
	background-color: #aaff64ff; 
	border: none;
	width: 768;
	max-width: 100%;
}

ul {
	list-style: none;
	padding: 0;
}

li {
	margin: 10px 0;
}

.tree ul,
.tree li {
	list-style: none;
	padding: 0;
}
.tree li {
	position: relative;
}
.tree .nested {
	display: none;
}
.tree .nested.show {
	display: block;
}

.max_width {
	width: 100%; margin: 0px auto; max-width: 100%;
	max-height: 100vh;
}


/* Styles for desktop and tablet------------------------------------------------------------------ 
@media only screen and (min-width: 1024px) {*/
@media only screen and (min-width: 768px) {
	.small {
		font-size: 0.65em;
	}

	.container {
		display: flex;
		height: 100vh;
	}

	.sidebar {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 1;
		top: 0;
		left: 0;
		background-color: #111;
		overflow-x: hidden;
		transition: 0.5s;
		padding-top: 0px;
	}

	.sidebar a {
		padding: 8px 8px 8px 32px;
		text-decoration: none;
	/*    font-size: 18px;
		color: #818181;*/
		display: block;
		transition: 0.3s;
	}

	.sidebar a:hover {
	/*  color: #f1f1f1;*/
	}

	.content {
		flex-grow: 1;
		padding: 20px;
	}

	.menu-btn {
		font-size: 40px;
		cursor: pointer;
		color: #c0f496;
	}

	.close-btn {
		cursor: pointer;
		text-align: right;
		padding: 20px;
	}

	.arrow {
		font-size: 30px;
		cursor: pointer;
		color: #c0f496;
		padding: 0px 20px;
	}

	.arrow:hover {
		transform: rotate(270deg);
	}

	.arrow {
		float: right;
	}

	.submenu {
		display: none;
		list-style: none;
		padding-left: 20px;
	}

	.submenu li {
		margin: 5px 0;
	}

	body {
		font-family: Tahoma, Verdana, sans-serif;
		background-color: black;
		color: white;
		margin: 0;
		padding: 0px;
		font-size: 18pt;
	}

	h1 {
		font-family: Tahoma Bold,Verdana Bold, Arial Bold,Gadget,sans-serif;
		text-align: center;
	}

	/* Header styles */
	.foot {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0px 20px;
		background-color: #333;
		font-size: 0.9em;
	}

	header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0px 20px;
		background-color: #333;
	}
	
	.header_social {
		height: 40px;
		width: auto;
	}

	.soc_img {
		height: 40px;
		width: auto;
	}

	header a.image {
		margin: 0 0;
		transition: none;
	}

	header a.image:hover {
		margin: 0 0;
		background-size: 0% 4px;
	}
	
	.header_img {
		height: 70px;
	}

	header p {
		color: #aaff64ff;
		font-size: 1.2em;
	}

	.linkgreen-line {
		font-family: Tahoma Bold,Verdana Bold,Gadget,sans-serif;
		color: white;
		text-decoration: none;
		margin: 0 6px;
		color: #aaff64ff;
		text-decoration: none; /* Remove the default underline */
		background-image: linear-gradient(to right, #c0f496ff, #c0f496ff); /* Set the color of the underline */
		background-position: 0px 100%; /* Start from the left */
		background-size: 0% 4px; /* Start with 0% width */
		background-repeat: no-repeat;
		transition: background-size 0.3s ease-in-out; /* Adjust the animation duration and timing function */    
		padding: 8px 0; /* Increase padding top and bottom */
	}

	.linkgreen-line:hover {
		background-size: 100% 4px;
		color: #c0f496ff;
	}


	.editor {
		font-size: 0.8em;
	}

	img.cen {
		display: block;
		margin: 0 auto;
		width: 400px; /* Set the desired width for the image */
	}

	/* Gallery styles */
	.gallery {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		padding: 20px;
	}

	.thumbnail {
		margin: 10px;
		border: 1px solid #555;
		border-radius: 8px;
		cursor: pointer;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 20px;
	}

	.thumbnail img {
		width: 450px;
		height: auto;
		max-width: 90%;
	}

	.thumbnail_stk img {
		margin-right: 10px;
		border: 0px solid #555;
		border-radius: 0px;
		cursor: pointer;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0px;
		width: 360px;
		height: auto;
	}

	.story {
		font-size: 0.9em;
	}

	.list_blurb {
		font-size: 0.8em;
	}

	.story_preview {
		font-size: 0.9em;
	}

	.story_title {
		font-size: 1.4em;
		justify-content: center;
		font-weight: bold;
		text-align: left;
		width: 480px;
		align-items: center;
	}

	.story_blurb {
		font-size: 0.75em;
		justify-content: center;
		font-style: italic;
		width: 520px;
		align-items: center;
	}
	
	.blurb_table {
		width:560px; margin: 0px auto;
	}	
	
	.blurb_title {
		width: 650px; margin: 0px auto; max-width: 100%;
	}

	.story_vid {
		width: 360px;
		height: auto;
	}
	
	
	.story_space {
		margin: 10px;
		margin-top: 2px;
		margin-bottom: 2px;
	}	

	#fullImage {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.7);
	}

	#fullImage img {
		max-width: 90%;
		max-height: 90%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	/* Feedback form styles */
	form {
		text-align: left;
		max-width: 90%;
		margin: 0 auto;
		background-color: #333;
		padding: 20px;
		border-radius: 8px;
	}

	label {
		display: block;
		margin-top: 10px;
		color: white;
	}

	input[type="text"],
	input[type="email"],
	textarea {
		width: 95%;
		padding: 10px;
		margin-top: 5px;
		border: 1px solid #555;
		background-color: #444;
		border-radius: 4px;
		color: white;
		font-size: 1em;
	}

	input[type="file"],
	input[type="submit"] {
		background-color: #007bff;
		color: white;
		padding: 10px 20px;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		font-size: 1em;
	}

	input[type="file"]
	input[type="submit"]:hover {
		background-color: #0056b3;
	}

	table {
		border-collapse: separate;
		border-spacing: 5px;
	}

	table, th, td {
		border: none;
	}

	table.page {
		width: 768px; 
		margin: 0 auto;
	}

	.center-video {
		display: block;
		margin: 0 auto;
	}

	.right {
		float: right;
		margin-left: 1em;
	}

	.left {
		float: left;
		margin-left: 1em;
	}

	p {
		text-align: justify;
	}

	p.cen {
		text-align: center;
	}

	p.normal {
		font-size: 0.9em;
	}

	p a {
		text-decoration: none;
		color: #aaff64ff;
		font-weight: bold;
		position: relative;
		border-bottom: 4px solid transparent; /* Set the initial color and thickness of the underline */
		transition: border-bottom 0.3s ease-in-out; /* Adjust the animation duration and timing function */
	}

	p a:hover {
		color: #c0f496ff;
		border-bottom: 4px solid #c0f496ff; /* Set the color of the underline on hover */
		/*text-decoration: underline;*/
	}
	/* Koop nou page formatting */
	.payment-method {
		height: 25px;
	}
	.payment-proc {
		height: 90px;
	}
	.stock_img {
		width: 300px;
	}	

	.promo_image {
		width: 250px;
	}
	.promo_image_small {
		width: 150px;
	}
	.promo_image_tiny {
		width: 115px;
	}	
	.promo_text {
		color: #ff7754ff;
		text-align: center;	
		font-size: 0.75em;
	}	


}

/* Styles for tablets  ------------------------------------------------------------------ */
@media only screen and (min-width: 600px) and (max-width: 767px) { 
    /* Tablet styles go here */
	.small {
		font-size: 0.65em;
	}

	.container {
		display: flex;
		height: 100vh;
	}

	.sidebar {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 1;
		top: 0;
		left: 0;
		background-color: #111;
		overflow-x: hidden;
		transition: 0.5s;
		padding-top: 0px;
	}

	.sidebar a {
		padding: 8px 8px 8px 32px;
		text-decoration: none;
	/*    font-size: 18px;
		color: #818181;*/
		display: block;
		transition: 0.3s;
	}

	.sidebar a:hover {
	/*  color: #f1f1f1;*/
	}

	.content {
		flex-grow: 1;
		padding: 20px;
	}

	.menu-btn {
		font-size: 40px;
		cursor: pointer;
		color: #c0f496;
	}

	.close-btn {
		cursor: pointer;
		text-align: right;
		padding: 20px;
	}

	.arrow {
		font-size: 30px;
		cursor: pointer;
		color: #c0f496;
		padding: 0px 20px;
	}

	.arrow:hover {
		transform: rotate(270deg);
	}

	.arrow {
		float: right;
	}

	.submenu {
		display: none;
		list-style: none;
		padding-left: 20px;
	}

	.submenu li {
		margin: 5px 0;
	}

	body {
		font-family: Tahoma, Verdana, sans-serif;
		background-color: black;
		color: white;
		margin: 0;
		padding: 0px;
		font-size: 18pt;
	}

	h1 {
		font-family: Tahoma Bold,Verdana Bold, Arial Bold,Gadget,sans-serif;
		text-align: center;
	}

	/* Header styles */
	.foot {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0px 20px;
		background-color: #333;
		font-size: 0.9em;
	}

	header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0px 20px;
		background-color: #333;
	}
	
	.header_social {
		height: 40px;
		width: auto;
	}

	.soc_img {
		height: 40px;
		width: auto;
	}

	header a.image {
		margin: 0 0;
		transition: none;
	}

	header a.image:hover {
		margin: 0 0;
		background-size: 0% 4px;
	}
	
	.header_img {
		height: 70px;
	}

	header p {
		color: #aaff64ff;
		font-size: 1.2em;
	}

	.linkgreen-line {
		font-family: Tahoma Bold,Verdana Bold,Gadget,sans-serif;
		color: white;
		text-decoration: none;
		margin: 0 6px;
		color: #aaff64ff;
		text-decoration: none; /* Remove the default underline */
		background-image: linear-gradient(to right, #c0f496ff, #c0f496ff); /* Set the color of the underline */
		background-position: 0px 100%; /* Start from the left */
		background-size: 0% 4px; /* Start with 0% width */
		background-repeat: no-repeat;
		transition: background-size 0.3s ease-in-out; /* Adjust the animation duration and timing function */    
		padding: 8px 0; /* Increase padding top and bottom */
	}

	.linkgreen-line:hover {
		background-size: 100% 4px;
		color: #c0f496ff;
	}


	.editor {
		font-size: 0.8em;
	}

	img.cen {
		display: block;
		margin: 0 auto;
		width: 400px; /* Set the desired width for the image */
	}

	/* Gallery styles */
	.gallery {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		padding: 20px;
	}

	.thumbnail {
		margin: 10px;
		border: 1px solid #555;
		border-radius: 8px;
		cursor: pointer;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 20px;
	}

	.thumbnail img {
		width: 450px;
		height: auto;
		max-width: 90%;
	}

	.thumbnail_stk img {
		margin-right: 10px;
		border: 0px solid #555;
		border-radius: 0px;
		cursor: pointer;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0px;
		width: 360px;
		height: auto;
	}

	.story {
		font-size: 0.9em;
	}

	.list_blurb {
		font-size: 0.8em;
	}

	.story_preview {
		font-size: 0.9em;
	}

	.story_title {
		font-size: 1.4em;
		justify-content: center;
		font-weight: bold;
		text-align: left;
		width: 480px;
		align-items: center;
	}

	.story_blurb {
		font-size: 0.75em;
		justify-content: center;
		font-style: italic;
		width: 520px;
		align-items: center;
	}
	
	.blurb_table {
		width:560px; margin: 0px auto;
	}	
	
	.blurb_title {
		width: 650px; margin: 0px auto; max-width: 100%;
	}

	.story_vid {
		width: 360px;
		height: auto;
	}
	.story_space {
		margin: 10px;
		margin-top: 2px;
		margin-bottom: 2px;
	}	

	#fullImage {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.7);
	}

	#fullImage img {
		max-width: 90%;
		max-height: 90%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	/* Feedback form styles */
	form {
		text-align: left;
		max-width: 90%;
		margin: 0 auto;
		background-color: #333;
		padding: 20px;
		border-radius: 8px;
	}

	label {
		display: block;
		margin-top: 10px;
		color: white;
	}

	input[type="text"],
	input[type="email"],
	textarea {
		width: 95%;
		padding: 10px;
		margin-top: 5px;
		border: 1px solid #555;
		background-color: #444;
		border-radius: 4px;
		color: white;
		font-size: 1em;
	}

	input[type="file"],
	input[type="submit"] {
		background-color: #007bff;
		color: white;
		padding: 10px 20px;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		font-size: 1em;
	}

	input[type="file"]
	input[type="submit"]:hover {
		background-color: #0056b3;
	}

	table {
		border-collapse: separate;
		border-spacing: 5px;
	}

	table, th, td {
		border: none;
	}

	table.page {
		width: 600px; 
		margin: 0 auto;
	}

	.center-video {
		display: block;
		margin: 0 auto;
	}

	.right {
		float: right;
		margin-left: 1em;
	}

	.left {
		float: left;
		margin-left: 1em;
	}

	p {
		text-align: justify;
	}

	p.cen {
		text-align: center;
	}

	p.normal {
		font-size: 0.9em;
	}

	p a {
		text-decoration: none;
		color: #aaff64ff;
		font-weight: bold;
		position: relative;
		border-bottom: 4px solid transparent; /* Set the initial color and thickness of the underline */
		transition: border-bottom 0.3s ease-in-out; /* Adjust the animation duration and timing function */
	}

	p a:hover {
		color: #c0f496ff;
		border-bottom: 4px solid #c0f496ff; /* Set the color of the underline on hover */
		/*text-decoration: underline;*/
	}
	/* Koop nou page formatting */
	.payment-method {
		height: 25px;
	}
	.payment-proc {
		height: 90px;
	}
	.stock_img {
		width: 300px;
	}	
	.promo_image {
		width: 210px;
	}
	.promo_image_small {
		width: 130px;
	}
	.promo_image_tiny {
		width: 100px;
	}	
	.promo_text {
		color: #ff7754ff;
		text-align: center;	
		font-size: 0.6em;
	}

}    

/* Styles for mobile devices */
@media only screen and (max-width: 599px) {
    /* Mobile styles go here */
	.small {
		font-size: 0.65em;
	}

	.container {
		display: flex;
		height: 100vh;
	}

	.sidebar {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 1;
		top: 0;
		left: 0;
		background-color: #111;
		overflow-x: hidden;
		transition: 0.5s;
		padding-top: 0px;
	}

	.sidebar a {
		padding: 4px 4px 4px 32px;
		text-decoration: none;
	/*    font-size: 18px;
		color: #818181;*/
		display: block;
		transition: 0.3s;
	}

	.sidebar a:hover {
	/*  color: #f1f1f1;*/
	}

	.content {
		flex-grow: 1;
		padding: 20px;
	}

	.menu-btn {
		font-size: 25px;
		cursor: pointer;
		color: #c0f496;
	}

	.menu-btn:hover {
		/*background-color: #090909;*/
	}

	.close-btn {
		cursor: pointer;
		text-align: right;
		padding: 20px;		
	}

	.arrow {
		font-size: 20px;
		cursor: pointer;
		color: #c0f496;
		padding: 0px 20px;
	}

	.arrow:hover {
		transform: rotate(270deg);
	}

	.arrow {
		float: right;
	}

	.submenu {
		display: none;
		list-style: none;
		padding-left: 20px;
		padding-top: 4px;
		padding-bottom: 4px;
	}

	.submenu li {
		margin: 4px 0;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	li {
		margin: 4px 0;
		padding-top: 2px;
		padding-bottom: 2px;		
	}



	body {
		font-family: Tahoma, Verdana, sans-serif;
		background-color: black;
		color: white;
		margin: 0;
		padding: 0px;
		font-size: 10pt;
	}

	h1 {
		font-family: Tahoma Bold,Verdana Bold, Arial Bold,Gadget,sans-serif;
		text-align: center;
	}

	/* Header styles */
	.foot {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0px 20px;
		background-color: #333;
		font-size: 0.9em;
	}

	header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0px 5px;
		background-color: #333;
	}

	header a.image {
		margin: 0 0;
		transition: none;
	}

	header a.image:hover {
		margin: 0 0;
	}
	
	.header_img {
		height: 25px;
	}

	header p {
		color: #aaff64ff;
	}
	
	.header_social {
		height: 20px;
		width: auto;
	}
	.soc_img {
		height: 20px;
		width: auto;
	}	

	.linkgreen-line {
		font-family: Tahoma Bold,Verdana Bold,Gadget,sans-serif;
		color: white;
		text-decoration: none;
		margin: 0 6px;
		color: #aaff64ff;
		text-decoration: none; /* Remove the default underline */
		background-image: linear-gradient(to right, #c0f496ff, #c0f496ff); /* Set the color of the underline */
		background-position: 0px 100%; /* Start from the left */
		background-size: 0% 4px; /* Start with 0% width */
		background-repeat: no-repeat;
		transition: background-size 0.3s ease-in-out; /* Adjust the animation duration and timing function */    
		padding: 8px 0; /* Increase padding top and bottom */
	}

	.linkgreen-line:hover {
		background-size: 100% 4px;
		color: #c0f496ff;
	}


	.editor {
		font-size: 0.8em;
	}

	img.cen {
		display: block;
		margin: 0 auto;
		width: 360px; /* Set the desired width for the image */
		max-width: 95%;
	}

	/* Gallery styles */
	.gallery {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		padding: 20px;
	}

	.thumbnail {
		margin: 10px;
		border: 1px solid #555;
		border-radius: 8px;
		cursor: pointer;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 20px;
	}

	.thumbnail img {
		width: 575px;
		height: auto;
		max-width: 99%;
	}

	.thumbnail_stk img {
		margin-right: 0px;
		border: 0px solid #555;
		border-radius: 0px;
		cursor: pointer;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0px;
		width: 99%;
		height: auto;
	}

	.story {
		font-size: 0.9em;
	}

	.list_blurb {
		font-size: 0.8em;
	}

	.story_preview {
		font-size: 0.9em;
	}

	.story_title {
		font-size: 1.4em;
		justify-content: center;
		font-weight: bold;
		text-align: left;
		width: 90%;
		align-items: center;
	}
	.blurb_table {
		width:70%; margin: 0px auto; 
	}
	
	.blurb_title {
		width: 85%; margin: 0px auto; 
	}
	.story_blurb {
		font-size: 0.75em;
		justify-content: center;
		font-style: italic;
		width: 70%;
		align-items: center;
	}

	.story_vid {
		width: 92%;
		height: auto;
	}
	
	.story_space {
		float: left; 
		margin-right: 0px;
	}

	#fullImage {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.7);
	}

	#fullImage img {
		max-width: 95%;
		max-height: 95%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	/* Feedback form styles */
	form {
		text-align: left;
		max-width: 90%;
		margin: 0 auto;
		background-color: #333;
		padding: 20px;
		border-radius: 8px;
	}

	label {
		display: block;
		margin-top: 10px;
		color: white;
	}

	input[type="text"],
	input[type="email"],
	textarea {
		width: 95%;
		padding: 10px;
		margin-top: 5px;
		border: 1px solid #555;
		background-color: #444;
		border-radius: 4px;
		color: white;
		font-size: 1em;
	}

	input[type="file"],
	input[type="submit"] {
		background-color: #007bff;
		color: white;
		padding: 10px 20px;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		font-size: 1em;
	}

	input[type="file"]
	input[type="submit"]:hover {
		background-color: #0056b3;
	}

	table {
		border-collapse: separate;
		border-spacing: 5px;
	}

	table, th, td {
		border: none;
	}

	table.page {
		width: 100%; 
		margin: 0 auto;
	}

	.center-video {
		display: block;
		margin: 0 auto;
	}

	.right {
		float: right;
		margin-left: 1em;
	}

	.left {
		float: left;
		margin-left: 1em;
	}

	p {
		text-align: justify;
	}

	p.cen {
		text-align: center;
	}

	p.normal {
		font-size: 0.9em;
	}

	p a {
		text-decoration: none;
		color: #aaff64ff;
		font-weight: bold;
		position: relative;
		border-bottom: 4px solid transparent; /* Set the initial color and thickness of the underline */
		transition: border-bottom 0.3s ease-in-out; /* Adjust the animation duration and timing function */
	}

	p a:hover {
		color: #c0f496ff;
		border-bottom: 4px solid #c0f496ff; /* Set the color of the underline on hover */
		/*text-decoration: underline;*/
	}
	/* Koop nou page formatting */
	.payment-method {
		height: 15px;
	}
	.payment-proc {
		height: 40px;
	}
	.stock_img {
		width: 150px;
	}
	.promo_image {
		width: 150px;
	}
	.promo_image_small {
		width: 90px;
	}
	.promo_image_tiny {
		width: 60px;
	}	
	.promo_text {
		color: #ff7754ff;
		text-align: center;
		font-size: 0.7em;
	}	
    
}