/* BASIS .............................................................................................. */

html,
body {
	background-image	: url(../images/bg_gradient.gif);
	background-position	: top;
	background-repeat	: repeat-x;
	background-color	: #582858;
	margin				: 0;
	padding				: 0;
	height				: 100%;
}

* {
	color				: #000000;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;
	line-height			: 16px;
}

/* .................................................................................................... */

#vuurwerk {
	background-image	: url(../images/bg_vuurwerk.gif);
	background-position	: top;
	background-repeat	: no-repeat;
	width				: 100%;
	height				: 100%;
}

#webwinkel {
	margin				: 0 auto;
	width				: 994px;
}

#bedrijf {
	float				: left;
	clear				: both;
	width				: 994px;
	height				: 137px;
}

	#gadget_basket {
		float				: right;
		width				: 200px;
	}
	
	#gadget_basket,
	#gadget_basket * {
		color				: #cccccc;
	}

	#gadget_basket a,
	#gadget_basket a:link,
	#gadget_basket a:visited {
		color				: #ffff00;
		text-decoration		: none;
	}

	#gadget_basket a:hover {
		text-decoration		: underline;
	}
	
	#gadget_basket span.waarde {
		color				: #d762d7;
		font-weight			: bold;
	}
	

#leftColumn {
	width				: 190px;
	float				: left;
}

/* MENU ....................................................... */

ul.menuVerticaal {
	float				: left;
	clear				: both;
	list-style-type		: none;
	background-color	: #582858;
	margin				: 0;
	margin-bottom		: 10px;
	padding				: 0;
	width				: 190px;
}

	ul.menuVerticaal li.header {
		border-bottom		: #FFFFFF solid 1px;
		text-indent			: 10px;
		color				: #FFFF00;
		font-weight			: bold;
		display				: block;
		line-height			: 20px;
		height				: 20px;
		text-transform		: uppercase;
	}

	ul.menuVerticaal li a,
	ul.menuVerticaal li a:link,
	ul.menuVerticaal li a:visited {
		text-indent			: 10px;
		background-color	: #8a3f8a;
		color				: #FFFFFF;
		width				: 190px;
		line-height			: 20px;
		display				: block;
		text-decoration		: none;
	}

	ul.menuVerticaal li.active a,
	ul.menuVerticaal li.active a:link,
	ul.menuVerticaal li.active a:visited,
	ul.menuVerticaal li a:hover {
		background-color	: #ffff00;
		color				: #000000;
		line-height			: 20px;
		display				: block;
		width				: 190px;
		text-decoration		: none;
	}

	ul.menuVerticaal li ul,
	ul.menuVerticaal li.active ul {
		float				: left;
		clear				: both;
		list-style-type		: none;
		margin				: 0;
		padding				: 0;
	}

	ul.menuVerticaal li ul li a,
	ul.menuVerticaal li ul li a:link,
	ul.menuVerticaal li ul li a:visited,
	ul.menuVerticaal li.active ul li a,
	ul.menuVerticaal li.active ul li a:link,
	ul.menuVerticaal li.active ul li a:visited {
		float				: left;
		color				: #000000;
		width				: 190px;
		text-indent			: 20px;
		background-color	: #cccccc;
		line-height			: 20px;
		display				: block;
		height				: 20px;
		text-decoration		: none;
	}

	ul.menuVerticaal li.active ul li.active a,
	ul.menuVerticaal li.active ul li.active a:link,
	ul.menuVerticaal li.active ul li.active a:visited,
	ul.menuVerticaal li ul li a:hover,
	ul.menuVerticaal li.active ul li a:hover {
		background-color	: #d762d7;
		line-height			: 20px;
		width				: 190px;
		display				: block;
		height				: 20px;
		text-decoration		: none;
	}





ul.menuHorizontaal {
	float				: right;
	list-style-type		: none;
	margin				: 0;
	margin-right:10px;
	padding				: 0;
}

	ul.menuHorizontaal li {
		color:#FFFF00;
		float				: left;
		margin-right		: 4px;
	}

	ul.menuHorizontaal li a,
	ul.menuHorizontaal li a:link,
	ul.menuHorizontaal li a:visited {
		color:#FFFF00;
		display				: block;
		text-decoration		: none;
	}
	
	ul.menuHorizontaal li.active a,
	ul.menuHorizontaal li.active a:link,
	ul.menuHorizontaal li.active a:visited,
	ul.menuHorizontaal li a:hover {
		display				: block;
		text-decoration		: underline;
	}



#rightColumn {
	margin:0;
	padding:0;
	width				: 794px;
	float				: right;
	margin-left			: 10px;
	clear				: right;
	background-color	: #582858;
}

#pagina {
	margin:0;
	padding:0;
	float:left;
	width				: 774px;
	margin				: 10px;
	padding-bottom:10px;
	background-color	: #FFFFFF;
	background-image	: url(../images/bg_pagina.gif);
	background-position	: top;
	background-repeat	: no-repeat;
}

#pagina h1 {
	display				: block;
	width				: 754px;
	clear				: both;
	float				: left;
	margin				: 10px;
	line-height			: 24px;
	height				: 24px;
	font-size			: 16px;
	font-weight			: bold;
	text-transform		: uppercase;
}

#pagina h2 {
	display				: block;
	background-color	: #cccccc;
	color				: #000000;
	height				: 20px;
	vertical-align		: middle;
	width				: 754px;
	clear				: both;
	float				: left;
	margin				: 0 10px 10px;
	text-indent			: 5px;
	line-height			: 20px;
	font-size			: 12px;
	font-weight			: bold;
	text-transform		: uppercase;
}





#pagina fieldset {
	float				: left;
	clear				: both;
}


#pagina div.alinea {
	clear				: both;
	float				: left;
	margin				: 10px;
	width				: 754px;
	margin-top			: 0;
}

#pagina div.alinea a,
#pagina div.alinea a:link,
#pagina div.alinea a:visited {

	color				: #582858;
}

#pagina div.alinea ul {
	clear				: both;
}

#retailerList {
	clear				: both;
	float				: left;
	margin				: 10px;
	margin-top			: 0;
}

#footer {
	margin:10px 0;
	width:754px;
	float				: right;
	clear				: both;
}


#pagina ul.aanbod {
	float				: left;
	list-style-type		: none;
}

#pagina ul.aanbod li {
	display:block;
	width:220px;
	height:250px;
	margin-right:10px;
	margin-bottom:10px;
	background-color:#582858;
	float:left;
}

#pagina ul.aanbod li img {
border:none;
	margin:10px;
}


span.nieuw {
	float:left;
	font-weight:bold;
	color:#d762d7;
	margin-left:10px;
	
}

#pagina ul.aanbod li div.aanbodHeader a,
#pagina ul.aanbod li div.aanbodHeader a:link,
#pagina ul.aanbod li div.aanbodHeader a:visited {
		border-bottom		:#FFFFFF solid 1px;
		text-indent			: 10px;
		text-decoration		: none;
		color				: #FFFF00;
		font-weight			: bold;
		display				: block;
		line-height			: 20px;
		height				: 20px;
		text-transform		: uppercase;
}

#pagina ul.aanbod li div.aanbodHeader a:hover {
		color				: #000000;
		background-color:#ffff00;
}


div.editBasket {
float:right;
	margin-right:10px;
}



.floatRight {
	float:right !important;
}





div.aanbodMutate input,
div.editBasket input {
	width					: 40px;
	text-align				: right;
}

div.aanbodMutate button,
div.editBasket button {
	width					: 20px;
	text-align				: center;
	background-color		: #582858;
	color					: #FFFF00;
	border					: #8a3f8a solid 1px;
}





div.alinea.crossSell a {
	margin-right			: 10px;
}

div.alinea.crossSell a img {
	border					: none;
}





div.alinea p {
	margin:0;
	margin-bottom:10px;
}

fieldset {
	width:640px;
	float:left;
	margin:10px;
	clear:both;

}




fieldset legend {
	font-weight:bold;
}





table {
	width				: 100%;
	margin				: 0;
	padding				: 0;
}

table tr th {
	text-align			: left;
}

table.horizontaal tr th {
	width				: 160px;
}

caption {
	background-color	: #cccccc;
	font-weight			: bold;
	height				: 20px;
	line-height			: 20px;
	vertical-align		: middle;
}

button {
	cursor				: pointer;
}




textarea {
	width:300px;
	height:100px;
}

div.prijs {
	float:right;
	color:#FFFFFF;
	margin-right:10px;
}

img.bigImg {
float:left;

}


img.imgCross {
border:#000000 solid 1px;
float:left;
margin-left:10px;
margin-bottom:10px;
}

#pagina form {
	float:left;
	display:block;
	margin-bottom:10px;
	width:574px;
}

/* slideshow */

div.slideshow {
	position		: relative;
	height			: 324px;
	width			: 754px;
}

div.slideshow img {
	top				: 0;
	left			: 0;
	position		: absolute;
}

/* afbeeldingen */

.imageContainer {
	width: 480px;
	height: 90px;
	position:relative;
	overflow: hidden;
}

.imageContainer .imageContainerSlider {
	overflow:hidden;
	position:relative;
	height:90px;
	left: 0;
}

.imageContainer .selectImg {
	cursor:pointer;
	width: 	120px;
	height: 90px;
	display: block;
	float:left;
}


.aanbodPrice {
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	margin-bottom:10px;
}


.imgBasket {
	width:80px;
	height:60px;
}


/*
.offerRelevant {
	background-color: #FF0;
}
*/



span.vet {
	font-weight:bold;
}



/* ICONS ...................................................... */

a.icon {
	float				: left;
	display				: block;
}

a.icon,
a.icon:link,
a.icon:visited {
	background-position	: 0 -40px;
}

a.icon:hover {
	background-position	: 0 -80px;
}

.icon {
	background-repeat	: no-repeat;
	height				: 40px;
	width				: 40px;
}

.basket		{ background-image: url(../images/icons/icon32_basket.gif); }




div.alinea img.links {
	margin:0;
	margin-right:10px;
	margin-bottom:10px;
	float				: left;
}

div.alinea img.rechts {
	margin:0;
	margin-left:10px;
	margin-bottom:10px;
	float				: right;
}


.error {
	background-color:#FF0000;
}



/* ---------------------------------------------------------------------------------------------------- //
// CARROUSEL                                                                                            //
// ---------------------------------------------------------------------------------------------------- */

.js_carrousel {
	width				: 754px;
	height				: 272px;
	position			: relative;
	overflow			: hidden;
	margin				: 10px;
}


.js_carrouselHeader {
	height				: 32px;
}

.js_carrouselHeader a,
.js_carrouselHeader a:link,
.js_carrouselHeader a:visited {
	margin:6px;
	padding:0 4px;
	font-weight:bold;
	cursor				: pointer;
	display				: block;
	float				: left;
	height				: 20px;
	line-height			: 20px;
	vertical-align		: middle;
}

.js_carrouselHeader a:hover,
.js_carrouselHeader a:active {
	background-color	: #ffff00;
	color				: #000000;
}

.js_carrouselHeader a.js_active {
	background-color	: #8a3f8a;
	color				: #ffff00;
}

.js_carrouselBody {
	overflow			: hidden;
	position			: relative;
	height				: 240px;
	left				: 0;
}

.js_carrouselItem {
	height				: 240px;
	width				: 754px;
	display				: block;
	float				: left;
}

.js_carrouselItem img {
	border				: none;
}

.js_carrouselItem img.carrouselLinks {
	float				: left;
}

.js_carrouselItem img.carrouselRechts {
	float				: right;
}

.js_carrouselItem img.carrouselGroot {
margin:0;
padding:0;
border:none;
}

/* EINDE CARROUSEL */