/* CSS ........................................................ */

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

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

/* VUURWERK ................................................... */

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

/* WEBWINKEL .................................................. */

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

/* BEDRIJF .................................................... */

#bedrijf {
	background-image	: url(../images/bg_logo.gif);
	background-position	: top;
	background-repeat	: no-repeat;
	height				: 100px;
	width				: 994px;
	clear				: both;
	float				: left;
}

	#bedrijf * {
		color			: #cccccc;
	}

	/* GADGETS .................................................... */
	
	#gadget_basket {
		width				: 190px;
		float				: right;
		padding:0;
		border-left			: #ff0000 solid 1px;
		margin-left			: 4px;
	}
	
		#gadget_basket a,
		#gadget_basket a:link,
		#gadget_basket a:visited {
			text-decoration		: none;
			font-weight			: bold;
			color				: #FF0000;
		}
	
		#gadget_basket a:hover {
			text-decoration		: underline;
		}
	
		#gadget_basket span.waarde {
			font-weight			: bold;
			color				: #ffff00;
		}

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

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

	ul.menuHorizontaal * {
		font-size			: 11px;
	}

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

	ul.menuHorizontaal li a,
	ul.menuHorizontaal li a:link,
	ul.menuHorizontaal li a:visited {
		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;
	}

/* LEFT COLUMN ................................................ */

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

/* CENTER COLUMN .............................................. */

#centerColumn {
	width				: 594px;
	margin				: 0 10px;
	float				: left;
}

	/* PAGINA ..................................................... */
	
	#pagina {
		width				: 594px;
		float				: left;
		clear				: both;
	}

	/* FOOTER ..................................................... */
	
	#footer {
		float				: left;
		clear				: both;
		background-color	: #cccccc;
		height				: 32px;
		width				: 594px;
	}
	
	#footer ul.menuHorizontaal li,
	#footer ul.menuHorizontaal a {
		line-height			: 32px;
		height				: 32px;
		vertical-align		: middle;
	}


/* RIGHT COLUMN ............................................... */

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

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

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

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

	ul.menuVerticaal li.header {
		background-image	: url(../images/bg_menu_header.gif);
		background-position	: top;
		background-repeat	: no-repeat;
		text-indent			: 10px;
		display				: block;
		line-height			: 24px;
		height				: 24px;
		text-transform		: uppercase;
		font-weight			: bold;
		float				: left;
		clear				: both;
	}

	ul.menuVerticaal li.footer {
		background-image	: url(../images/bg_menu_footer.gif);
		background-position	: top;
		background-repeat	: no-repeat;
		display				: block;
		line-height			: 6px;
		height				: 6px;
		width				: 190px;
		float				: left;
		clear				: both;
	}

	ul.menuVerticaal li a,
	ul.menuVerticaal li a:link,
	ul.menuVerticaal li a:visited {
		text-indent			: 10px;
		color				: #FFFFFF;
		background-image	: url(../images/bg_menu_item.gif);
		background-position	: 0 0;
		background-repeat	: no-repeat;
		line-height			: 20px;
		display				: block;
		height				: 20px;
		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 {
		text-indent			: 10px;
		color				: #000000;
		background-image	: url(../images/bg_menu_item.gif);
		background-position	: 0 -20px;
		background-repeat	: no-repeat;
		line-height			: 20px;
		display				: block;
		height				: 20px;
		text-decoration		: none;
	}

	ul.menuVerticaal li,
	ul.menuVerticaal li.active {
		float				: left;
		clear				: both;
		width				: 190px;
	}

		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 {
			text-indent			: 20px;
			color				: #000000;
			background-image	: url(../images/bg_menu2_item.gif);
			background-position	: 0 0;
			background-repeat	: no-repeat;
			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 {
			text-indent			: 20px;
			color				: #000000;
			background-image	: url(../images/bg_menu2_item.gif);
			background-position	: 0 -20px;
			background-repeat	: no-repeat;
			line-height			: 20px;
			display				: block;
			height				: 20px;
			text-decoration		: none;
		}
	
		ul.menuVerticaal li.active ul li,
		ul.menuVerticaal li.active ul li.active {
			float				: left;
			clear				: both;
			width				: 190px;
		}

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

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

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

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

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

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

/* GADGET RETAILER ............................................ */

ul.retailer {
	list-style-type			: none;
	margin					: 0;
	padding					: 0;
	width					: 190px;
	margin-bottom			: 10px;
	float					: left;
	clear					: both;
}

	ul.retailer li.header {
		width				: 190px;
		background-image	: url(../images/bg_gadget_header.gif);
		background-position	: top;
		background-repeat	: no-repeat;
		text-indent			: 10px;
		display				: block;
		line-height			: 24px;
		height				: 24px;
		text-transform		: uppercase;
		font-weight			: bold;
		float				: left;
		clear				: both;
		color				: #FFFFFF;
	}
	
	ul.retailer li.form {
		background-image	: url(../images/bg_gadget_form.gif);
		background-position	: top;
		background-repeat	: repeat-y;
		width				: 190px;
		float				: left;
		clear				: both;
	}

	ul.retailer li.form form,
	ul.retailer li.form a.folder img {
		margin				: 10px;
	}

	ul.retailer li.form * {
		color				: #cccccc;
	}

	ul.retailer li.form input {
		color				: #000000;
	}

	ul.retailer li.form input.postcode,
	ul.retailer li.form input.zoeken {
		width				: 80px;
	}

	ul.retailer li.footer {
		width				: 190px;
		background-image	: url(../images/bg_gadget_footer.gif);
		background-position	: top;
		background-repeat	: no-repeat;
		display				: block;
		line-height			: 6px;
		height				: 6px;
		width				: 190px;
		float				: left;
		clear				: both;
	}

#pagina div.sfeer {
	background-color	: #000000;
	background-image	: url(../images/bg_sfeer.gif);
	background-position	: top;
	background-repeat	: no-repeat;
	height				: 264px;
	margin-bottom		: 10px;
	width				: 594px;
	float				: left;
	clear				: both;
}

#pagina div.pageHeader {
	background-image	: url(../images/bg_pagina_header.gif);
	background-position	: top;
	background-repeat	: no-repeat;
	height				: 52px;
	width				: 594px;
	float				: left;
	clear				: both;
}

h1 {
	color				: #FFFFFF;
	text-transform		: uppercase;
	display				: block;
	line-height			: 32px;
	height				: 32px;
	vertical-align		: middle;
	margin				: 10px;
	text-indent			: 10px;
}

h2 {
	display:block;
	float:left;
	clear:both;
	height:24px;
	background-color:#999999;
	color:#FFFFFF;
	line-height:24px;
	width:574px;
	margin-bottom:4px;
	text-indent:5px;
}

#pagina div.content {
	background-color	: #ffffff;
	width				: 574px;
	padding				: 0 10px;
	float				: left;
	clear				: both;
}

a.linkNaarAanbod{
float:right;
display:block;
margin:10px;
	

}

/* Cross Sell */

a.crosssell {
margin:0;
padding:0;
}

a.crosssell img {
	border: #333333 solid 1px;
	width:120px;
	height:90px;
	cursor:pointer;
	float:left;
	margin:5px;
}





p.terugNaarOverzicht {
	margin:4px 0;
	display:block;
	height:20px;
	line-height:20px;
	float:left;
	text-align:right;
}







p.terugNaarOverzicht a,
p.terugNaarOverzicht a:link,
p.terugNaarOverzicht a:visited {
	color		: #FF0000;
	float:right;
	text-decoration:none;
}
p.terugNaarOverzicht a:hover {
	text-decoration:underline;
}


fieldset {
	display:block;
	float:left;
	clear:both;
	margin:0;
	padding:0;
	margin-bottom:10px;
	width:574px;
}


fieldset legend {
	font-weight:bold;
	
}



table tr th {
	width:160px;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}

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


div.alinea {
	width				: 574px;
	float				: left;
	clear				: both;
	display				: block;
	margin-bottom		: 10px;
}

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








div.sorteren {
	margin-bottom:10px;
	float:left;
	clear:both;
	width:574px;
	text-align:right;
}

div.sorteren a,
div.sorteren a:link,
div.sorteren a:visited {
	color:#FF0000;
	text-decoration:none;
}

div.sorteren a:hover {
	text-decoration:underline;
}




ul.aanbod {
	list-style-type:none;
	float:left;
	clear:both;
	margin:0;
	padding:0;
}

ul.aanbod li {
	margin-bottom:10px;
	clear:both;
}

div.aanbodHeader {
	background-image:url(../images/bg_aanbod_header.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:574px;
	height:30px;
	line-height:30px;
	vertical-align:middle;
}

div.aanbodBody {
	background-image:url(../images/bg_aanbod_body.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:574px;
	height:187px;
}

span.yellow {
	height:30px;
	line-height:30px;
	vertical-align:middle;
	float:left;
	color:#FFFF00;
	font-weight:bold;
	margin-left:10px;
}

span.floatLeft a,
span.floatLeft a:link,
span.floatLeft a:visited {
	height:30px;
	line-height:30px;
	vertical-align:middle;
	margin-left:10px;
	float:left;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	display:block;
}

span.floatLeft a:hover {
	color:#ffff00;
}
span.floatRight {
	font-weight:bold;
	margin-right:10px;
	float:right;
	height:30px;
	line-height:30px;
	vertical-align:middle;
}


div.floatRight {
	float:right !important;
	
}

.aanbodOverzichtAanbieding {
	width:78px;
	height:58px;
	border:#333333 solid 1px;
	margin:10px;
	float:left;
}

.aanbodAfbeeldingOverzicht {
	width:220px;
	height:165px;
	border:#333333 solid 1px;
	margin:10px;
	float:left;
}

div.editBasket {
	display:block;
	margin:10px;
	padding:0;
}


.editBasket button {
	border:	#333333 solid 1px;
	height:20px;
	cursor:pointer;
	width:20px;
	line-height:20px;
	vertical-align:middle;
	text-align:center;
	margin:0;
	padding:0;
	
	
}

.editBasket input {

	border:	#333333 solid 1px;
	margin:0 4px;
	padding:0;
	height:18px;
	width:40px;
	line-height:18px;
	vertical-align:middle;
	text-align:right;
}

.aanbodBeschrijving {
	font-weight:normal;
	display:block;
	float:left;
	margin:10px 0;
	clear:both;
}



.offerType {
	display:block;
	float:left;
	
}



div.offerTypeClean {
width:80px;
height:80px;
font-weight:bold;
float:left;
display:block;
margin:0;
padding:0;
}



.offerRelevant {
	background-color: #FF0;
}



div.offerInfoClean {
margin:0;
padding:0;
width:492px;
background-color:#ffff00;
display:block;
height:78px;
border:#333333 solid 1px;
float:left;
clear:right;
margin-bottom:10px;
}

input.error,
select.error,
textarea.error {
	background-color: #F00 !important;
}

/* AANBOD NIEUWS .............................................. */

ul.nieuws {
	list-style-type	: none;
	margin			: 0;
	padding			: 0;
}

	ul.nieuws li {
		width				: 100%;
		height				: 90px;
		display				: block;
		clear				: both;
		float				: left;
		background-color	: #999999;
		margin-bottom		: 4px;
	}
	
	ul.nieuws li div.afbeelding {
		float				: left;
		width				: 120px;
		height				: 90px;
	}

form {
	margin				: 0;
	padding				: 0;
}

img.groot {
	margin				: 9px;
}


div.alineaGadget {
	margin				: 10px;
	padding				: 0;
}


span.vet {
	font-weight:bold;
}



/* slideshow */

div.slideshow {
	position		: relative;
	height			: 326px;
	width			: 580px;
}

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




h2 {
	clear:both;
	margin:0;
	padding:0;
	display:block;
	margin-bottom:10px;
}
/* afbeeldingen */

div.afbeeldingen {
	width:420px;
	float:left;
	margin-bottom:10px;
}

div.afbeeldingGroot {
	width:420px;
	height:315px;
	float:left;
	


}

.imageContainer {
	float:left;
	width: 420px;
	height: 113px;
	position:relative;
	overflow: hidden;
}

.imageContainer .imageContainerSlider {
	overflow:hidden;
	position:relative;
	height:105px;
	top:4px;
	left: 0;
}

.imageContainer a.selectImg {
	cursor:pointer;
	height: 105px;
	width: 	140px;
	text-align:center;
	display: block;
	float:left;
}



p.voorbeeldTekst,
p.voorbeeldTekst * {
	font-style:italic;
	background-color:#00FF00;
}

label {
	width			: 100px;
}

/* BASKET ...... */

button.basket_mutate {
	background-color	: #FF0000;
	border				: 1px solid #000000;
	text-align			: center;
	width				: 20px;
}

input.basket_mutate {
	width				: 40px;
	text-align			: right;
}




table.data,
table.data tr th,
table.data tr td {
	border:#CCCCCC solid 1px;
	border-collapse:collapse;
}

table.data tr th {
	background-color:#666666;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	text-align:center;
	color:#FFFFFF;
}

table.data {
	margin:5px;
}


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

.rechts {
	float:right;
	margin:0;
	margin-bottom:10px;
	margin-left:10px;

}










button {
	cursor			: pointer;
}




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

.js_carrousel {
	width				: 574px;
	height				: 232px;
	position			: relative;
	overflow			: hidden;
	margin-bottom		: 10px;
}

.js_carrousel.folder {
	width				: 574px;
	height				: 832px;
	position			: relative;
	overflow			: hidden;
	margin-bottom		: 10px;
}

.js_carrouselHeader,
.js_carrousel.folder .js_carrouselHeader {
	height				: 32px;
}

.js_carrouselHeader a,
.js_carrouselHeader a:link,
.js_carrouselHeader a:visited,
.js_carrousel.folder .js_carrouselHeader a,
.js_carrousel.folder .js_carrouselHeader a:link,
.js_carrousel.folder .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,
.js_carrousel.folder .js_carrouselHeader a:hover,
.js_carrousel.folder .js_carrouselHeader a:active {
	background-color	: #ff3333;
	color				: #ffffff;
}

.js_carrouselHeader a.js_active,
.js_carrousel.folder .js_carrouselHeader a.js_active {
	background-color	: #ff0000;
	color				: #ffff00;
}

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

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

.js_carrouselItem {
	background-image:url(../images/bg_carrousel.gif);
	background-position:top;
	background-repeat:no-repeat;
	height				: 200px;
	width				: 574px;
	display				: block;
	float				: left;
}

.js_carrouselItem.folder {
	background:none !important;
	height				: 800px;
	width				: 574px;
	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 */





div.alinea table {
margin:0;
padding:0;
clear:both;
	width:574px;
}

div.alinea table caption {
	text-align:left;
	font-weight:bold;
	height:20px;
	background-color:#999999;
	color:#FFFFFF;
	line-height:20px;
	text-indent:5px;
}

div.alinea.sorteren {
	text-align:right !important;
	
}



li.offer p {
	margin:0;
	padding:0;
}



div.alinea ul {
	clear:both;
}