/*--------------------------------------------------------------
Stylesheet by www.brainlane.com
--------------------------------------------------------------*/

	html, body, a, id, div,  p, h1, h2, h3, h4, h5, h6, input, select, textarea {
		margin:0; 
		padding:0; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:11px; color:#000;
		line-height:17px;
	}
	body {#ffffff
		scrollbar-face-color: #ffffff;
	    scrollbar-arrow-color: #aaaaaa;
	    scrollbar-track-color: #ffffff;
	    scrollbar-shadow-color: #aaaaaa;
	    scrollbar-highlight-color: #aaaaaa;
	    scrollbar-3dlight-color: #ffffff;
	    scrollbar-darkshadow-color: #ffffff;
		background:#fff;
		padding-bottom:20px;
	}
		
/*------- Headers -------*/

	h1, h2, h3, h4, h5, h6 {font-weight:bold; }
	h1 {
		font-size:13px; 
		color:#000; 
		margin-left:9px;
		padding-bottom:2px;
		margin-top:6px;
		margin-bottom:9px;
		width:490px;
		text-decoration:underline;
	}
	h2 {
		font-size:13px; 
		color:#000; 
		padding-left:0px;
		text-decoration:underline;
		padding-left:5px;
	}

	h3 {margin:10px 0 3px 0; font-size:14px; color:#FFF7DE;}
	h4 {padding:0 0 0 15px; color:#CC9966; background-image:url("http://www.sazziest.com/images/bullet-h4.gif"); background-position:center left; background-repeat:no-repeat; }
	h5 {margin:0 2px 0 0; color:#990000; display:inline; }
	h6 {color:#CC9966; display:inline; }


/*------- Global -------*/


	a, a:link, a:visited, a:active {
		color:#a20537;
	}
	a:hover {
		color:#999999;
	}
	
	/*a.green, a.green:visited, a.green:link, a.green:active  {
		color:#999;
	}*/

	a.breadcrumb, a.breadcrumb:visited, a.breadcrumb:link, a.breadcrumb:active {
		color:#000;
	}
	a.prod_brewpacks, a.prod_brewpacks:visited, a.prod_brewpacks:link, a.prod_brewpacks:active  {
		text-decoration:none;
		color:#000;
		margin-left:10px;
	}
	a.prod_brewpacks:hover, a.breadcrumb:hover {
		color:#a20537;
	}

	td, th {
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:11px; color:#000;
		line-height:17px;
	}	
	

	td#nav_n a, td#nav_p a,	td#nav_u a {
 		color:#000;
		text-decoration:none;
	}
	td#nav_n a:hover, td#nav_p a:hover, td#nav_u a:hover {
		color:#a20537;
		text-decoration:underline;
	}
 

	img {border:0px;margin-left:10px; margin-right:10px;margin-top:4px;}
	blockquote {padding:2px 0 2px 7px; margin:0 20px 5px 20px; border-left:5px solid #990000;}
	hr {height:1px; border:0; background:#33170C; }
	ol {margin:0; padding:0; list-style-type:decimal-leading-zero; list-style-position:inside;}
	ul {margin:0; padding:0; list-style-position:outside;margin-left:15px; padding:5px;padding-top:8px;}
	li {margin:0 0 2px 2px; }


	.cleanup {clear:both;}

/*------- Content -------*/

	table.afranding	 {
		border-collapse: separate; 
		border: 3px double #A20537;
	}	
	table.afranding td {
		text-align:left;
		padding-left:10px;
		font-weight:normal;
		border:1px solid #ccc;
	}
	table.afranding a {
		font-size:11px; 
		color:#999
	}
	
	table.afranding a:hover, table.prod_startpacks a:hover {
		color:#a20537;
	}

	
	table.kruidenlijst	 {
		border-collapse: separate; 
		border: 0px;
	}	
	table.kruidenlijst td {
		border:0;
		text-align:center;
		padding-top:5px;
		padding-bottom:5px;
		width:45px;
	}
	table.kruidenlijst a, table.kruidenlijst a:visited, table.kruidenlijst a:link, table.kruidenlijst a:active {
		font-size:18px; 
		color:#006633;
		text-transform:uppercase;
		text-decoration:none;
		font-weight:bolder;
	}
	table.kruidenlijst a:hover {
		color:#99CCCC;
		font-weight:bolder;
		text-decoration:underline;
	}	
	
	table.aanbevelingen {
		width:550px;
		margin-bottom:30px;
	}
	table.aanbevelingen td a, table.aanbevelingen td a:link, table.aanbevelingen td a:visted, table.aanbevelingen td a:active {
		color:#a20537;
		font-size:12px;
		font-weight:normal;
	}

	table.aanbevelingen td {
		font-size:12px;
	}
	
		table.aanbevelingen td a:hover {
			color:#999;
		}


	table.noborder, table.noborder td {
		border:0px;
	}	
	

/*----- basket overview ----- */


#GeneralCheckOutWrapper {
	width:690px;
	margin-left:30px; 
}

	table.slShopOrderTable	{
		border-collapse: collapse; 
		border: 1px solid #ddd;
		padding:4px;
		width:690px;
	}	
		table.slShopOrderTableSummary	{
			border-collapse: collapse; 
			border: 1px solid #ddd;
			padding:4px;
			width:690px;
		}	

	table.slShopOrderTable td, table.slShopOrderTableSummary td {
		text-align:left;
		padding-left:6px;
		padding-right:6px;
		font-weight:normal;
		border-bottom:1px solid #ccc;
	}	
		table.slShopOrderTable td input {
			width:35px;
		}

	table.slShopOrderTable th, table.slShopOrderTableSummary th {
		background-color:#EDECED;
		color:#A20537;
		border-bottom:1px solid #ddd;
		text-align:left;
		padding-left:10px;
		white-space:nowrap;
		font-size:10px;
	}
	/* enkel om eerste cel van slShopOrderTable links te aligneren */
	table.slShopOrderTable td.sot_left {
		text-align:left;
	}
	table.slShopOrderTable td.sot_right {
		text-align:right;
	}
	

.StepsPicture {
	width:750px;
	text-align:center; 
}
		table#StepsText {	
			width:690px;
			margin-left:30px;
			padding:25px 0 20px 0;
		}


.ContainerSteps {
	width:750px;
	margin:0 0 20px 10px;

}	
	.ContainerSteps table td p, .pblok p {
		margin-bottom:10px;
	}



#KlantGegevensWrapper, #KlantGegevensWrapperLeft  {
	margin-left:25px;
	margin-top:20px;
	width:690px;
	text-align:center;
}
	#KlantGegevensWrapperLeft {
		text-align:left;
	}

 

form#KlantGegevens {
	width:370px;
}


	#KlantGegevensWrapper textarea, #KlantGegevensWrapperLeft textarea {
		width:350px;
		height:80px;
		margin-top:5px;
		padding:2px;
	}



	table.shipment	 {
		border-collapse: collapse; 
		border: 1px solid #ccc;
		width:690px;
	}	
	table.shipment td {
		text-align:left;
		padding:5px;
		font-weight:normal;
		border:1px solid #ccc;
	}

	table.geenrand, table.geenrand td, .geenrand {
		border:0px;
	}

	.red {
		color:red;
	}
	.page_catalogus {
		font-size:15px; 
		color:#999;
		font-weight:bold;
	}
				table.TblCatsForOverview {
					width:111;
					height:147;
	 				margin-bottom:15px;
				}

					table.TblCatsForOverviewBrouwpakketten {
						width:750px;
						border:1px solid #ddd;
						margin:12px 0 5px 5px ;
					}
					table.TblCatsForOverviewBrouwpakketten td {
						padding:0;
						margin:0;
					}
						.prod_brewpacks a, .prod_brewpacks a:visited { 
							display:block;
							font-weight:bold;
						    background:#D8D8D8 url(/content/design/images/BgTitle.jpg) repeat-x 0 0;
							height:20px;
							width:750px;	
							border:0;
							margin:0;
							padding:1px 0 0 8px; 
							text-decoration:none;
							color:#000;
						 }

				table.TblCatsForOverview a, table.TblCatsForOverview a:visited {
					font-size:11px; 
					color:#777;
					text-decoration:none;
					margin:2px;
					line-height:14px;
				}
				
				.TblCatsForOverview {
					color:#a20537;
				}
				
				
				.TblCatsForOverview td {
					padding-right:20px;
				}

				.TblCatsForOverview img {
					border:2px solid #fff;
				}	
					.TblCatsForOverview a:hover img {
						border:2px solid #9b9898;
					}
					.TblCatsForOverview a:hover, .TblCatsForSubOverview a:hover {
						color:#a20537;
					}


				table.BgTitle {
				    background:#D8D8D8 url(/content/design/images/BgTitle.jpg) repeat-x 0 0;
					height:27px;
					width:750px;	
					border:0;
				}
					table.BgTitle td {
						border:0;
					}
							table.BgTitle td.tdTitle {
								padding-left:15px;
								font-weight:bold;
							}
							table.BgTitle td.tdCode, table.BgTitle td.tdPrice  {
								font-size:11px;
								font-weight:normal;
							}
							table.BgTitle td.tdAmount {
								font-size:10px;
								font-weight:normal;
							}
							table.BgTitle td input {
								border:0;
								background-color:#fff;
								border-top:1px solid #BCBBBA;
								width:30px;
							}

					table.BgTitle td h1 {
						font-size:11px; 
						color:#000; 
						padding:1px 0 2px 16px; 
						margin:0 0 0 0;
						text-decoration:none;
					}
					table.BgTitle img { 
						margin:0;
					}


						table.TblCatsForSubOverview {
							border-collapse:collapse;		
							width:750px;
							border:0; 
						}
						table.TblCatsForSubOverview td {
							font-size:12px;
							border:1px solid #E5E5E5;
						}
							table.TblCatsForSubOverview td td {
								border:0;
							}

						table.TblCatsForSubOverview td a.ProductTitle {
							color:#000;
							font-size:12px;
						}
							table.TblCatsForSubOverview td.ProductCode {
								color:#A20537;
								font-weight:bold;
								font-size:11px;
								white-space:nowrap;
							}
							table.TblCatsForSubOverview td.ProductPrice {
								white-space:nowrap;
								color:#777;
								font-weight:bold;
								font-size:11px;
							}
							table.TblCatsForSubOverview td.ProductAmount {
								white-space:nowrap;
								color:#A20537;
								font-weight:bold;
								font-size:10px;
							}
								table.TblCatsForSubOverview td.ProductAmount input {
									border:0;
									background-color:#ECEBEB;
									border-top:1px solid #BCBBBA;
							
								}

										table.TblCatsForSubOverview td.slShopListEvenLine {
											border:0;
										}
										table.TblCatsForSubOverview td.slShopListOddLine {
											border:0;
										}

						img.StockIndicator {
							width:17px;
							height17px;
						}


			table.TblProductDetailWrapper {
				width:750px;
			}

				table.TblProductDetail {
					width:100%;
					padding:15px 0px 10px 15px;
				}

				table.TblProductDetail .ProductDetailPhoto img {
					/*width:470px;*/
					float:right;
					margin-left:15px;
display: table-cell;

				}

	.labelheader_groen {
		margin-left:7px;
		text-decoration:none;
		font-weight:bold;
	}
	
	.titels_bon_overzicht {
		height:14px;
		border-bottom:1px solid #A20537;
		border-top:1px solid #A20537;
		padding-left:5px;
		color:#888;
		font-size:10px;
		font-weight:bold;
		background:#EDECED;	
		width:690px;
		margin-bottom:15px;
 
	}
	
	.reduction_price {
		font-style	:italic;
		color:#008000;
	}
	
	.minhoogte {
		padding:10px;
		min-height:180px;
		height:180px;
	}
	/*The "min-height" Hack*/
	div[class] .minhoogte {
   		height:auto;
   	}
   	
   	.CatUp a, .CatUp a:visited, .CatUp a:link, .CatUp a:active,
   	a.overview, a.overview:visited, a.overview:link, .overview:active {
   		font-size:13px;
   		text-decoration:none;
   		color:#000;
   	}
   	.CatUp a:hover, a.overview:hover { 
   		text-decoration:underline;
   		color:#a20537;
   	}

	.CatTitle {
		padding:0px;
		margin:0px;
		padding-bottom:3px;
		padding-left:5px;
	}
	
	.msgAlert, #LoginErrorMsg {
		border:3px double #a20537;
		background-color:#00ffc0;
		padding:4px;
		margin:5px 0 10px 74px;
		width:610px;
		text-align:center;
		font-weight:bold;
		font-size:12px;
	}



/*----- Homepage -------*/


#HomeNewPromoWrapper {
	width:750px;
	padding-top:20px;	
}

#HomeNewWrapper {
	float:left;
	width:370px;
	margin-right:10px; 
}
#HomePromoWrapper {
	float:right;
	width:370px; 	
	margin-right:10px; 
}

#HomeNewPromoWrapperOld {
	width:750px;
	padding-top:20px;	
}

#HomeNewWrapperOld {
	float:left;
	width:370px;
	margin-right:10px; 
	
}
#HomePromoWrapperOld {
	float:right;
	width:370px; 	
	text-decoration:none;
}


		#HomeNewWrapper .IcoNew {
			width:59px;
			height:25px;
			background:transparent url(/content/design/images/IcoNew.jpg) no-repeat 0 0; 
			position:absolute;
			margin-top:1px;
			margin-left:130px;
		}

		#HomePromoWrapper .IcoPromo {
			width:55px;
			height:56px;
			background:transparent url(/content/design/images/IcoPromo.jpg) no-repeat 0 0; 
			position:absolute;
			margin-top:1px;
			margin-left:314px;
		}


table.NewProductsBoxHomepage, table.PromoProductsBoxHomepage {
	width:370px;
	margin:0 0 10px 0 ;
	border:1px solid #A20537;
	height:130px;

}

	table.NewProductsBoxHomepage td.NewHomePic, table.PromoProductsBoxHomepage td.PromoHomePic  {
	}
		table.NewProductsBoxHomepage td.NewHomePic img, table.PromoProductsBoxHomepage td.PromoHomePic img {
		    width:105px;
			padding:0;
		}


	table.NewProductsBoxHomepage td.NewHomeText a, .table.NewProductsBoxHomepage td.NewHomeText a:visited,
	table.PromoProductsBoxHomepage td.PromoHomeText a, .table.PromoProductsBoxHomepage td.PromoHomeText a:visited {
		color:#000;
		font-size:11px;
		font-weight:bold;
		padding:0 2px 7px 0;
		display:block;
	}

		table.PromoProductsBoxHomepage td.PromoHomeText a {
			width:175px;
			margin-right:47px;
		}	

		table.NewProductsBoxHomepage td.NewHomeText {
			padding:30px 0 0 4px;
		}
		table.PromoProductsBoxHomepage td.PromoHomeText {
			padding:5px 0 0 4px;
		}



		table.NewProductsBoxHomepage .NewHomeTextDesc, table.PromoProductsBoxHomepage .PromoHomeTextDesc  {
			color:#555;text-decoration:none;
			position:relative;
		}
 

	table.NewProductsBoxHomepage td.NewHomeCode, table.PromoProductsBoxHomepage td.PromoHomeCode {
		color:#aaa;
		font-weight:bold;
		text-align:center;
	}

	table.NewProductsBoxHomepage td.NewHomePrice, table.PromoProductsBoxHomepage td.PromoHomePrice {
		color:#aaa;
		font-weight:bold;
		text-align:right;
		padding-right:10px;
	}

		table.PromoProductsBoxHomepage td.PromoHomePrice span {
			text-decoration: line-through;
		}
		table.PromoProductsBoxHomepage td.PromoHomePrice em {
			font-size:12px;
			color:#A20537;
			font-style:normal;
		}


/*--- General Page ----*/

.BodyWrapperPage {
	width:750px;
	padding:10px;
}

.BodyWrapperPage p {
	margin-bottom:10px;
}
.style1 {
	color: #a20537;
	font-weight: bold;
}
.style2 {
	color: #000000;
	font-weight: normal;
	font-size: 11px;
}


/* -- misc ----- */
	
 
	input.inputText {
		font-size:12px;
		margin:0;
		padding:1px;
		background-color:#fff;
	}

	table.catalogus td {
		margin:0; 
		padding:3px;
		color:#999;
		font-weight:bold;
		font-size:12px;
		vertical-align:top;
	}
	
	input.btn_submit, input.btn_submit2, input.btn_clear {
		font-size:11px;
		margin:0;
		border:0;
		padding:0px;
		height:24px;
		width:55px;
		background:#fff url(/content/design/images/btn_send.gif) no-repeat 0 0;
	}
	input.btn_clear {
		background:#fff url(/content/design/images/btn_clear.gif) no-repeat 0 0;
	}
	

		table#changepwd input.btn_submit2 {
			border:0;
			background:none;
			background-color:#EDECED;
			border:1px solid #A20537;
		}


	table.slShopOrderTable input {
		font-weight:bold;
		margin:0;
		/*border:1px solid #333300;*/
		color:#333300;
		padding-right:4px;
		height:21px;
		text-align:right;
		font-size:11px;
	}
	
	input.slShopProductAmountInput {
		font-weight:bold;
		margin:0;
		/*border:1px solid #333300;*/
		color:#333300;
		padding-right:4px;
		height:20px;
		text-align:right;
		font-size:12px;
	}
	
	.steps_titel {
		font-size:14px; 
		color:#A20537; 
		font-weight:bold;
		margin-bottom:2px;
		padding-bottom:2px;
		text-decoration:underline;
	}
	
	div#betalinsgwijze  {
		margin-left:10px;
		font-size:11px;
	}
 
	
	/* input {
		background-color:#FCF6DC;
		}
	*/
	
	/* form - fieldset - legend */
	

	form 	{
		margin:0;
		padding:0;
	}


	fieldset {
		margin:0;
		padding:10px;
		padding-top:0;
		border:1px solid #ccc;
		margin-bottom:10px;
	}
	legend {
		font-weight: bold;
		color: #a20537;
		margin:0;
		padding:0;
	}
	label {
 		 display: block; 
 		 width: 105px; 
 		 float: left;
 		 text-align:right;
	}
	/* inputs */
	
	fieldset div {
		padding:5px;
	}

	fieldset div input {
		border: 1px solid #ccc;
		color:#000;
		width:200px;
		padding-left:2px;
		font-weight:bold;
	}

	fieldset div select {
		border: 1px solid #ccc;
		color:#000;
		width:201px;
	}

	fieldset div textarea {
		height: 100px;
		width:316px;
		border: 1px solid #ccc;
		color:#000;
	}
	
	 
 	#InschNieuweKlant td {
		vertical-align:top;
	}
	
	#InschNieuweKlant input {
		border: 1px solid #ccc;
		color:#000;
		width:200px;
		padding-left:2px;
		font-weight:bold;
	}
	
	#InschNieuweKlant select {
		border: 1px solid #ccc;
		color:#000;
		width:201px;
	}
	
	#InschNieuweKlant input.inputButton {
		width:180px;
	}
	#InschNieuweKlant .inschr_subm {
		font-size:11px;
		margin:0;
		padding:0px;
		border:1px solid #469933;
		border:1px solid #a20537;
		width:80px;
	}
	
	.inputRequired {
		color:#a20537;
	}



/*table#DetailPhotoSpacing img {
	float:left;
}
table#DetailPhotoSpacing p {
	Float:right;
}*/

div.ProdLPhoto {
	float:right;
}
div.ProdLDesc {
	float:left;
}


/*------- Kleuren -------*/

.TextNormal{color:#000;}
.TextColorGreen{color:#009900;}
.TextColorMaroon{color:#CC0033;}
.TextColorRed{color:#ff0000;}
.TextColorBlue{color:#6666CC;}
.TextColorBrown{color:#996666;}
.TextColorPurple{color:#663399;}
.TextColorViolet{color:#993399;}
.TextColorGrey{color:#999;}
.TextColorAqua{color:#669999;}


.TextSmall{font-size:9px;}


/* drop shadow */

.img-shadow {
	clear: both;
	float:left;
	background: url(/content/design/images/shadow.gif) no-repeat bottom right;
	margin: 20px 0 0 17px !important;
	margin: 20px 0 0 8px;
	}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }	

/* thumbs */

	.ImgthSuboverview, .ImgthSuboverviewNoBorder {
		border:0px solid #999;
		padding:0px;
		margin:0px;
		margin-right:6px
	}

div.NavUp {visibility:hidden;display:none;}
p.slShopListNoResultsLabel {
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:13px; color:#000;
		font-weight:bold;
		margin-top:40px;
}

table.quantityDiscounts
{
	border-collapse: collapse; 
	border: 1px solid black;
	width:400px;
}

table.quantityDiscounts td
{
	padding-left:15px;
	border: 1px solid black;
    background-color: #FFC;
}

 
