<?php
header("Content-type: text/css");
?>
html
{
	overflow: auto;
	background-color: #FFFFFF;
}

/*
.buttonBigActive a{
	text-transform:uppercase;
	font-family: Verdana, Helvetica, Arial;
	font-size:11px;
	height:21px;
	width:140px;
	text-align:left;
	padding-top:5px;
	padding-left:8px;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	margin-bottom:-10px;
	background-image:url('../../Images/Layout/brabantiabutton.png');
}

.buttonBigActive a:visited{
	text-decoration:none;
}
.buttonBigActive a:hover{
	text-decoration:none;
	background-image:url('../../Images/Layout/brabantiabutton.png');
	color: #FFFFFF;}
.buttonBigActive a:active{
	background-image:url('../../Images/Layout/brabantiabutton.png');
	text-decoration:none;
	color:#FFFFFF;
}


.buttonSmallLight a{
	text-transform:uppercase;
	font-family: Verdana, Helvetica, Arial;
	font-size:10px;
	height:15px;
	width:56px;
	text-align:left;
	padding-top:3px;
	padding-left:8px;
	display:block;
	text-decoration:none;
	background-image:url('../../Images/Layout/brabantiabuttonsmalllight.png');
	color: #FFFFFF;
}

.buttonSmallLight a:visited{
}
.buttonSmallLight a:hover{
	background-image:url('../../Images/Layout/brabantiabuttonsmall.png');
}
.buttonSmallLight a:active{
	background-image:url('../../Images/Layout/brabantiabuttonsmall.png');
}
*/

#Container
{
	position: absolute;
	top: 0px;
	width: 770px;
	left: 50%;
	margin-left: -370px;
	background-color: #FFFFFF;
}

#Content
{
	position: absolute;
	top: 160px;
	padding-top:10px;
	width: 755px;
	overflow: auto;
	overflow : -moz-scrollbars-vertical;
	bottom: 0px;
	z-index: 10;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #FFFFFF;
}

#Content h1
{
	color:#71b6e8;
	font-size:14px;
}

#BannerLogoHyperlink
{
	position: absolute;
	top: 0px;
	right: 0px;
	width:200px;
	height:100px;

	background-repeat: none;
	z-index: 20;

	text-align:right;

	padding-right:10px;
	padding-top:10px;
}

#BannerLogo
{
	position: absolute;
	top: 50px;
	right:16px;
	width:757px;
	height:100px;

	background-repeat: none;
	z-index: 20;

	text-align:right;

	padding-right:10px;
	padding-top:10px;
}

#BannerLogoPopup
{
	position: absolute;
	top: 0px;
	right:16px;
	width:757px;
	height:100px;

	background-repeat: none;
	z-index: 20;

	text-align:right;

	padding-right:10px;
	padding-top:10px;
}


#Content #Footers{
	clear: both;
	width: 100%;
	margin-top: 10px;
	color:#ACACAC;
	font-size:9px;
	letter-spacing:0px;
	border-top:1px solid #71B6E8;
	padding-top:5px;
}

#Content #Footers a
{
	color:#71B6E8;
	text-decoration: none;
}

#Content #Footers a:hover
{
	color:#71B6E8;
	text-decoration: underline;
}


#Content #Footers #languageselection{
	position:relative;
	float:left;
	bottom: 0px;
	width: 400px;
	padding: 0px;
}

#languageselection_top{
	border: none;
	border-right: 0px;
	border-left: 0px;
	border-top: 0px;
	border-style: none;
	border-width: 0px;
	position: relative;
	float:left;
	bottom: 0px;
	width: 150px;
	padding-left: 9px;
	padding-top: 1px;
	
}

#Content #Footers #Copyright{
	position: relative;
	float:right;
	text-align: right;
	bottom: 0px;
	width: 340px;
	padding: 0px;
}

#Content #Footers #InfoBalk{
	position: relative;
	display: none;
	bottom: 2px;
	left: 0px;
	width: 100%;
	font-size: 10px;
	background-image: url("../../Images/Layout/InfoBalk_Background.gif");
	background-repeat: repeat-y;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
	margin-top: 4px;
	margin-bottom: 4px;}

#Content #InfoBalk a{
	margin-left: 5px;
	color: #000000;}

#Content img.Header{
	left: 0px;
	top: 0px;
	margin-bottom:20px;
}

#Content img.Logo{
	left: 0px;
	top: 0px;
	clear: both;
	border: 0px;
	margin-top: 3px;}

#Content #PaneItems{
	float: left;
	width: 200px;}

#Content #PaneMain{
	float: none;}

#Content a{
	color: #666666;
	text-decoration: underline;}

#Content div.Button
{
	position: relative;
	height:21px;
	width:140px;
	text-align:left;
	padding-top:5px;
	padding-left:8px;
	display:block;
	margin-bottom:-10px;
	background-image:url('../../Images/Layout/brabantiabutton.png');
}

#Content div.Button a{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	text-transform:uppercase;
	font-family: Verdana, Helvetica, Arial;
	font-size:11px;
}
#Content div.Button a:hover{

}

#Content .Button2
{
	position: relative;
	height:21px;
	width:140px;
	text-align:left;
	padding-top:5px;
	padding-left:8px;
	display:block;
	margin-bottom:-10px;
	background-image:url('../../Images/Layout/brabantiabutton.png');

	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	text-transform:uppercase;
	font-family: Verdana, Helvetica, Arial;
	font-size:11px;
}

a.dymbutton {
    background: transparent url('../../Images/Layout/brabantiabuttondym.png') no-repeat scroll top right;
    display: block;
    float: left;
    height: 26px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    line-height: 17px;

    color: #FFFFFF;
	text-decoration:none;
	font-size: 12px;
	text-transform:uppercase;
	font-family: Verdana, Helvetica, Arial;
	font-size:11px;
}


a.dymbutton span {
    background: transparent url('../../Images/Layout/brabantiabuttondym.png') no-repeat;
    display: block;
    line-height: 17px;
    padding: 5px 0 5px 18px;

	color: #FFFFFF;
	text-decoration:none;
	font-size: 12px;
	text-transform:uppercase;
	font-family: Verdana, Helvetica, Arial;
	font-size:11px;
}

#Content .dymbuttondiv a
{
	color: #FFFFFF;
	text-decoration:none;
}

#Content .smallbutton a
{
	color: #666666;
	text-transform:lowercase;
	text-decoration:none;
	font-family: Verdana, Helvetica, Arial;
	margin-right: 6px;
}

#Content img.smallbutton 
{
	vertical-align: middle;
}


a.dymbutton_right {
    background: transparent url('../../Images/Layout/brabantiabuttondym.png') no-repeat scroll top right;
    display: block;
    float: right;
    height: 26px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    line-height: 17px;

    color: #FFFFFF;
	text-decoration:none;
	font-size: 12px;
	text-transform:uppercase;
	font-family: Verdana, Helvetica, Arial;
	font-size:11px;
}

a.dymbutton_right span {
    background: transparent url('../../Images/Layout/brabantiabuttondym.png') no-repeat;
    display: block;
    line-height: 17px;
    padding: 5px 0 5px 18px;

	color: #FFFFFF;
	text-decoration:none;
	font-size: 12px;
	text-transform:uppercase;
	font-family: Verdana, Helvetica, Arial;
	font-size:11px;
}

a.button_with_link

#Content p.Failed{
	color: #CC0000;
	font-weight: bold;}

#Content p.Succes{
	color: #00CC00;
	font-weight: bold;}

#Content a img{
	border: 0px;}

/* Module: Menu */

ul.Menu{
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 15px;
	left: 0px;
	width: 100%;
	height: 26px;
	overflow: visible;
	background-color:ffffff;
	background-repeat: repeat-x;
	z-index: 20;}

ul.Menu a{
	text-transform:uppercase;
	font-family: Verdana, Helvetica, Arial;
	font-size:11px;
	height:21px;
	width:140px;
	text-align:left;
	padding-top:5px;
	padding-left:8px;
	display:block;
	text-decoration:none;
	color:#7097c5;
	margin-bottom:-5px;
}

ul.Menu a:visited{

}
ul.Menu a:hover{
	background-image:url('../../Images/Layout/brabantiabutton.png');
	color: #FFFFFF;}
ul.Menu a:active{
	background-image:url('../../Images/Layout/brabantiabutton.png');
	color: #444444;}

ul.Menu a.Disabled:hover{
	color: #FFFFFF;
	cursor: default;}

ul.Menu li{
	list-style-type: none;
	display: block;
	padding-top: 4px;
	float: left;
	width:148px;
	color: #FFFFFF;
	margin-left: 0px;
	margin-right: 2px;}

ul.Menu li a{

}

ul.Menu li ul{
	display: none;
	padding: 0px;
	padding-top: 2px;
	list-style-type: none;
	margin:0px;
	font-size: 11px;}

ul.Menu li ul li{
	padding: 0px;
	margin: 0px;
	float: none;
}

ul.Menu li ul li ul{
	display: block;
	padding-left:0px;
	margin:0px;
	padding-top: 0px;
}

ul.Menu li ul li a{


}

ul.Menu li ul li ul li a:hover{
	color: #FFFFFF;}

ul.Menu li ul li ul li a{
	padding: 3px;
	padding-left: 20px;
	margin-right: 5px;
	border: 0px;
	border-bottom: 1px;
	border-style: solid;
	color: #000000;
}

ul.Menu li ul li ul li a:hover{
	color: #000000;}

ul.Menu li.Langs{
	width: 110px;}

ul.Menu li.Langs img{
	border: 0px;
	float: left;
	margin-right: 4px;}
	
#MenuHider{
	position: absolute;
	z-index: 100;
	width: 770px;
	left: 50%;
	margin-left: -385px;
	top: 300px;
	height: 100px;
	display: none;}

/* CSS generated by HTML Editor Buttons */

#Content h2{
	font-size: 12px;}

#Content .h2{
	font-weight:bold;
	font-size: 12px;}

#Content p.FloatLeft{
	float: left;
	margin-right: 5px;}

#Content p.FloatRight{
	float: right;
	margin-left: 5px;}

#Content span.Intro{
	font-size: 13px;
	letter-spacing : 1px;
	color: #9b9b9b;}

#Content p.Right13{
	margin-left: 480px;}

#Content p.Right23{
	margin-left: 240px;}

#Content p.Left13{
	width: 240px;}

#Content p.Left23{
	width: 480px;}


	/* Old CSS - Not generated anymore but still present in a lot of the HTML modules */


	#Content p.IntroLeft{
		width:450px;

	}

	/*
	#Content p.Intro{
		font-size: 13px;
		margin-left: 240px;
		letter-spacing : 1px;
		color: #9b9b9b;}

	#Content p.IntroFull{
		font-size: 13px;
		margin-left: 0px;
		letter-spacing : 1px;
		color: #9b9b9b;}

	#Content p.Indent{
		margin-left: 240px;}

	#Content p.IndentRight{
		margin-left: 0px;
		width: 340px;}

*/

/* Module: SiteNavigation */

#Content table.SiteNavigation{
	float: left;
	margin: 5px;
	margin-left: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;}

#Content table.SiteNavigation td{
	padding: 2px;
	margin: 0px;
	vertical-align: top;
	width: 170px;}

#Content table.SiteNavigation a.Title{
	color: #666666;
	font-weight: bold;
	text-decoration: underline;}

#Content table.SiteNavigation p{
	margin-top: 0px;}

/* Module: Sitemap */

#Content table.Sitemap{
	font-size: 11px;
	color: #666666;
	overflow: visible;
	margin-bottom: 15px;
	border: 1px;
	border-bottom: 0px;
	border-left: 0px;
	border-style: solid;
	border-color: #999999;}

#Content table.Sitemap a, #Content table.Sitemap span{
	color: #666666;
	margin-left: 10px;
	margin-right: 10px;}

#Content table.Sitemap td{
	vertical-align: top;
	border: 0px;
	border-left: 1px;
	border-style: solid;
	border-color: #999999;}

#Content table.Sitemap ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;}

#Content table.Sitemap ul li{
	font-weight: normal;
	float: none;
	padding: 0px;
	margin: 0px;
	border: 0px;
	margin-left: 0px;}

#Content table.Sitemap ul li ul li a{
	margin: 0px;
	margin-right: 15px;}

#Content table.Sitemap ul li ul li{
	list-style-type: disc;
	margin-left: 25px;}

/* Module: Dealer Locator */

#Content form.DealerSearch .Input{
	border: 1px;
	border-color: #999999;
	border-style: solid;
	width: 180px;}

#Content form.DealerSearch a{
	color: #666666;
	font-weight: bold;}

#Content div.DealerBrowseSearch{
	float: left;
	width: 220px;}

#Content div.DealerBrowse{
	margin-left: 240px;}

#Content div.DealerBrowse table.Global{
	margin-left: 0px;
	width: 530px;
	padding: 5px;
	background-color: #F3F3F3;
}

#Content div.DealerBrowse table.Global tr td{
	vertical-align: top;}

#Content div.DealerBrowse table.Global td.Global{
	width: 200px;}

#Content div.DealerBrowse table.Global td.Global a{
	color: #666666;
	font-size: 15px;}

#Content div.DealerBrowse table.Global td.Country{
	width: 250px;}

#Content div.DealerBrowse table.Global td.Country a{
	color: #666666;}

#Content div.DealerBrowse p.Navigation{
	font-size: 14px;}

#Content div.DealerBrowse p.Navigation a{
	font-weight: bold;
	color: #666666;}

#Content div.DealerBrowse p.Alfabet{
	padding: 5px;
	font-size: 18px;
	background-color: #F3F3F3;}

#Content div.DealerBrowse p.Alfabet a{
	color: #666666;}

#Content div.DealerBrowse p.City{
	padding: 4px;
	background-color: #F3F3F3;
	float: left;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 140px;}

#Content div.DealerBrowse p.City a{
	color: #666666;}

#Content div.DealerBrowse p.Dealer{
	padding: 4px;
	background-color: #F3F3F3;
	float: left;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 140px;
	height: 120px;}

#Content div.DealerBrowse form{
	margin-left: 70px;}

#Content div.DealerBrowse table td.FirstColumn{
	width: 100px;}

#Content div.DealerBrowse form input.Text{
	width: 260px;}

#Content div.DealerBrowse form textarea.Text{
	width: 260px;
	height: 100px;}

#Content div.DealerBrowse div.Notice{
	padding: 20px;
	background-color: #F3F3F3;
	font-size: 14px;}

/* Module: Quiz */

#Content table.Quiz td.Content{
	background-color: #f0f5fb;
	font-size: 12px;}

#Content table.Quiz td.Content a{
	font-size: 11px;}

#Content table.Quiz td.Content textarea{
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	width: 300px;}

#Content table.QuizRegister td.FirstColumn{
	width: 150px;}

#Content table.QuizRegister input.NormalField{
	width: 200px;}

/* Module: FAQ */

#Content ul.FAQCats{
	padding: 0px;
	margin-left: 0px;
	width: 200px;
	list-style-type: none;
	float: left;}

#Content ul.FAQCats li a{
	text-decoration: underline;
	font-weight: bold;
	color: #666666;}

#Content ul.FAQCats li p{
	margin: 0px;
	margin-bottom: 10px;
	color: #666666;
	width: 200px;}

#Content div.FAQPlaceHolder{
	width: 515px;
	height: 400px;
	background-color: #F3F3F3;
	float: right;}

#Content ul.FAQItems{
	margin-left: 240px;
	background-color: #F3F3F3;
	padding: 10px;
	list-style-type: none;}

#Content ul.FAQItems h3{
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	margin: 0px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 10px;}

#Content ul.FAQItems h3 span{
	text-decoration: underline;}

#Content ul.FAQItems p{
	color: #666666;
	margin: 0px;
	margin-left: 20px;
	margin-bottom: 20px;}

#Content ul.FAQItems table{
	margin-left: 25px;}

/* Module: News */

#Content ul.NewsItemPreview{
	margin-left: 0px;
	left: 0px;
	width: 450px;
	float: left;
	list-style-type: none;
	margin-left: -25px;
	*margin-left: 0px;        /* IE 7 and below */
}

#Content ul.NewsItemPreview a.Title{
	font-size: 14px;
	font-weight: bold;}

#Content div.NewsItem{
	margin-left: 0px;
	left: 0px;
	width: 450px;
	float: left}

#Content div.NewsItem h1{
	font-size:14px;}

#Content ul.NewsArchive{
	margin-left: 470px;
	width: 230px;
	list-style-type: none;}

#Content ul.NewsArchive li ul{
	list-style-type: none;
	margin-left: -38px;
	*margin-left: 0px;        /* IE 7 and below */
}

#Content ul.NewsArchive li ul li ul{
	margin-top: 10px;
	margin-bottom: 10px;
	list-style-type: disc;
	margin-left:10px;
	padding-left:0px;
}

#Content ul.NewsArchive img{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;}

/* Module: Jobs */

#Content span.JobsAt{
	margin-left: 40px;
	font-weight: bold;}

#Content table.Jobs{
	margin-left: 40px;
	margin-top: 10px;
	width: 400px;}

#Content div.Jobs{
	margin-left: 200px;
}

#Content table.Jobs tr.Header td{
	font-style: italic;
	color: #666666;
	background-color: #FFFFFF;}

#Content table.Jobs td{
	padding: 4px;
	background-color: #F3F3F3;}

#Content table.Jobs td a{
	color: #333333;
	text-decoration: underline;}

#Content h1.Job{
	margin-left:240px;
	font-size: 12px;
	font-weight: bold;}

#Content div.JobDetails{
	margin-left: 240px;
	padding: 4px;
	background-color: #F3F3F3;
	color: #666666;}

/* Module: Login */

#Content div.Login{
	background-color: #f0f5fb;
	padding: 20px;
	margin-left: 240px;
	width: 380px;}

#Content div.Login input{
	width: 160px;}

/* Module: Reset Password */

#Content div.ResetPassword{
	background-color: #f0f5fb;
	padding: 20px;
	margin-left: 150px;
	width: 380px;}

#Content div.ResetPassword input{
	width: 160px;}

/* Module: Register */

#Content div.Register table{
	background-color: #f0f5fb;
	padding: 20px;
	margin-left: 150px;
	width: 600px;
	margin-bottom: 20px;}

#Content div.Register table td.FirstColumn{
	width: 150px;}

#Content div.Register table input.NormalField{
	width: 200px;}

/* Module: Shop Catalogue */

#Content div.ProductCatalogue{
	width:720px;
}

#Content div.ProductCatalogue p.Spacing{
	height:0px;
}


#Content div.ProductCatalogue p.LocationBar{
	top:5px;
	right:10px;
	position:absolute;
	text-align:right;
	width:400px;
	font-size: 14px;
	font-weight: bold;}

#Content div.ProductCatalogue p.CatalogueDescription, #Content div.ProductCatalogue h4.CatalogueDescription{
	width: 360px;}

#Content div.ProductCatalogue div.Group{
	cursor:pointer;
	margin-right:30px;
	margin-bottom:20px;
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 145px;
	height: 130px;
	overflow: hidden;
}

#Content div.ProductCatalogue div.Group div.Title{
	margin-top:100px;

	font-size:11px;

	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;

	text-transform:uppercase;
	height:30px;
	width: 140px;

	padding-left:5px;

	color:white;
	font-weight:bold;
	background-color:black;
}
#Content div.ProductCatalogue div.Group div.TitleHover{

	filter:alpha(opacity=100);
	-moz-opacity:.99;
	opacity:.99;
	background-color:#3d9be0;
}

#Content div.ProductCatalogue div.Group img{
	border: 0px;}

#Content div.ProductCatalogue div.Group a{
	font-style: normal;}

#Content div.ProductCatalogue div.Product{
	cursor:pointer;
	margin-right:30px;
	margin-bottom:20px;
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 145px;
	height: 130px;
	overflow: hidden;
}


#Content div.ProductCatalogue div.Product div.Title{
	margin-top:100px;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	text-transform:uppercase;
	height:30px;
	width: 140px;

	padding-left:5px;

	color:white;
	font-weight:bold;
	background-color:black;
}
#Content div.ProductCatalogue div.Product div.TitleHover{

	filter:alpha(opacity=100);
	-moz-opacity:.99;
	opacity:.99;
	background-color:#3d9be0;
}

#Content div.ProductCatalogue div.Product img{
	border: 0px;}

#Content div.ProductCatalogue div.Product a{
	font-style: normal;}

#Content div.ProductCatalogue table.Product td{
	vertical-align: top;}

#Content div.ProductCatalogue table.Product td.Image{
	width: 270px;}

#Content div.ProductCatalogue table.Product td.Description{
background-color:red;
	width: 870px;}

#Content div.ProductCatalogue table.Product div.Guarantee{
	text-align: right;
	background-color: #051F55;
	width: 330px;
	padding: 10px;
	display: none;}

#Content div.ProductCatalogue table.Product div.Guarantee img{
	border: 0px;}

#Content div.ProductCatalogue table.Product h2{
	margin-top: 0px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0px;}

#Content div.ProductCatalogue table.Product h3{
	font-size: 14px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;}

#Content div.ProductCatalogue table.Product h4{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0px;}

#Content div.ProductCatalogue table.Product ul{
	padding:0px;
	margin:15px;
	margin-top:0px;}

#Content div.ProductCatalogue table.Product li{
	margin-bottom: 5px;}

#Content div.ProductCatalogue table.Product form.Order{
	background-color: #f0f5fb;
	margin-top: 15px;
	padding: 15px;}

#Content div.ProductCatalogue table.Product form.Order select.Articles{
	width: 320px;}

/* Module: Shopping Basket */

#Content div.Basket{
	/*margin-left: 150px;*/
	margin-left: 0px;
	}

#Content div.Basket table.Basket{
	width: 730px;}

#Content div.Basket table.Basket img{
	border: 0px;}

#Content div.Basket table.Basket input{
	width: 30px;}

#Content div.Basket table.Basket span.Description{
	font-size: 9px;
	color: #333333;}

#Content div.Basket table.Basket span.AmountFixedText{
	font-size: 13px;
	color: #000000;
	text-align: left;
	margin-left:4px}
	
#Content div.Basket table.Basket tr.TopRow td{
	font-weight: bold;
	background-color: #d2e1f4;}

#Content div.Basket table.Basket td{
	vertical-align: top;
	background-color: #f0f5fb;}

#Content div.Basket table td.Amount{
	width: 60px;}
	
#Content div.Basket table td.Description{
	width: 490px;}

#Content div.Basket table td.Price{
	width: 60px;
	text-align: right;}

#Content div.Basket table td.Total{
	width: 60px;
	text-align: right;}

#Content div.Basket table td.Delete{
	width: 70px;
	text-align: right;}
	
#Content div.Basket table.BasketWidth td{
	width: 730px;
	}
	

#Content div.Basket table.Price{
	border: 0px;
	border-top: 1px;
	border-color: #000000;
	border-style: solid;
	width: 730px;
	margin-top: 15px;
	margin-bottom: 15px;}

#Content div.Basket table.Price td.Description{
	width:550px;
	text-align: right;}

#Content div.Basket table.Price td.Total{
	width: 60px;
	text-align: right;
	font-weight: bold;}

#Content div.Basket table.Price td.Space{
	width: 70px;
	text-align: right;}

	/* Order */

	#Content p.OrderStep{
		margin-left: 240px;}

	/* Order Login */

	#Content div.OrderLogin{
		background-color: #f0f5fb;
		padding: 20px;
		margin-left: 150px;
		width: 380px;}

	#Content div.OrderLogin input{
		width: 160px;}

	/* Order Address */
	
	#Content div.OrderAddress{
		background-color: #f0f5fb;
		padding: 20px;
		margin-left: 150px;
		width: 380px;}

	#Content div.OrderAddress input{
		width: 160px;}
		
	#Content div.OrderAddress input.GenderColumn2{
		width: 20px;
		padding-left: 0px;}

	#Content table.OrderAddress{
		background-color: #f0f5fb;
		padding: 20px;
		width: 540px;
		margin-left: 0px;}

	#Content table.OrderAddress td.FirstColumn{
		width: 200px;}

	#Content table.OrderAddress td.GenderColumn{
		width: 100px;
		padding: 0px;
		text-align : left;
		padding-left: 0px;
		margin-left: 0px;}
		
		
	#Content table.OrderAddress input.NormalField{
		width: 200px;}

	#Content table.OrderAddressOverview{
		background-color: #f0f5fb;
		padding: 20px;
		width: 580px;
		margin-left: 0px;}

	#Content table.OrderAddressOverview td.FirstColumn{
		width: 200px;}

/* Module: Edit Registration */

#Content table.ShowRegistration{
	background-color: #f0f5fb;
	padding: 20px;
	width: 540px;
	margin-left: 20px;}

#Content table.ShowRegistration td.FirstColumn{
	width: 200px;
	font-weight: bold;}


#Content div.EditRegistration{
	margin-left: 150px;}

#Content div.EditRegistration table{
	background-color: #f0f5fb;
	padding: 20px;
	margin-left: 0px;
	width: 500px;
	margin-bottom: 20px;}
	

#Content div.EditRegistration_white table{
	background-color: white;
	padding: 20px;
	margin-left: 150px;
	width: 500px;
	margin-bottom: 20px;
	}


#Content div.EditRegistration table td.FirstColumn{
	width: 150px;}

#Content div.EditRegistration table td.InlineLabelColumn{
	width: 50px;}
	
#Content div.EditRegistration table input.NormalField{
	width: 200px;}

#Content div.EditRegistration table input.SmallField{
	width: 50px;}

#Content div.EditRegistration table td.SmallField{
	width: 60px;}
	
/* Module: Mail Form */

#Content div.MailForm{
	margin-top: 50px;
	margin-left: 50px;}

#Content div.MailForm table td.FirstColumn{
	text-align: right;
	font-weight: bold;
	padding-right: 10px;}

#Content div.MailForm table td.FirstColumn p.Desc{
	font-weight: normal;
	font-size: 11px;
	margin-top: 0px;}

#Content div.MailForm .Field{
	width: 200px;}

#Content div.MailForm textarea.Field{
	width: 250px;
	height: 150px;}

#Content div.MailForm span.Star{
	font-size: 20px;}

/* Module: Address List */

#Content div.AddressList{
	margin-left: 70px;
	width: 700px;}

#Content div.AddressList p.Address{
	float: left;
	width: 155px;
	height: 160px;
	overflow: hidden;
	background-color: #F3F3F3;
	margin-right: 15px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;}

/* Module: Catalogue Search */

#Content form.CatalogueSearch input.Field{
	width: 230px;}

#Content form.CatalogueSearch input.Search{
	margin-top: 5px;
	margin-left: 160px;}

#Content ul.CatalogueSearch{
	list-style-type: none;}

#Content ul.CatalogueSearch li{
	margin-left: -15px;}

/* Module: Order History */

#Content table.OrderHistoryCurrent{
	margin-left: 20px;
	width: 500px;
	background-color: #f0f5fb;
	padding: 5px;
	margin-bottom: 8px;}

#Content table.OrderHistoryOld{
	margin-left: 20px;
	width: 500px;}

#Content h2.OrderHistory{
	margin-left: 20px;}

#Content table.OrderHistoryCurrent td.AmountText{
	padding-top: 5px;
	text-align: right;
	vertical-align: top;}

#Content table.OrderHistoryCurrent td.Amount{
	border: 0px;
	border-top: 1px;
	border-color: #000000;
	border-style: solid;
	padding-top: 4px;
	text-align: left;
	font-weight: bold;
	padding-left: 5px;}

#Content table.OrderHistoryCurrent table.Items{
	margin-left: 20px;}

#Content table.OrderHistoryOld td{
	border: 0px;
	border-bottom: 2px;
	border-color: #FFFFFF;
	border-style: solid;
	padding: 4px;
	background-color: #f0f5fb;}

#Content table td.Status{
	font-weight: bold;
	color: #000000;
	width: 160px;
	text-align: center;}

#Content h2.OrderTitle{
	font-size: 22px;
	font-weight: bold;
	color: #666666;
	text-align: center;}

#Content table.OrderHistoryItem{
	width: 700px;
	margin-left: 40px;}

#Content table.OrderHistoryItem td.TopRow{
	border: 0px;
	border-bottom: 1px;
	border-color: #000000;
	border-style: solid;
	font-weight: bold;}

#Content table.OrderHistoryItem td.Total{
	border: 0px;
	border-top: 1px;
	border-color: #000000;
	border-style: solid;
	font-weight: bold;}

#Content table.OrderHistoryItem table.Address{
	border: 1px;
	border-color: #CCCCCC;
	border-style: solid;
	width: 200px;}

/* Module: Catalogue Overview */

#Content #DefaultList
{
	margin-left:10px;
	padding-left:10px;
}

table.CatalogueOverview{
	position: relative;
	top:5px;}

table.CatalogueOverview a.Title{
	color: #666666;
	font-weight: bold;
	text-decoration: underline;}

/** used on the smoothie page **/
.SmoothiesRight{
	color: #9b9b9b;
	margin-top: 0px;
	float: right;
	width: 550px;
}

.SmoothieOverallTitle
{
color: #996699; font-size: 20px; letter-spacing: 1px; margin-bottom: 0px; margin-left: 220px;
}

.SmoothieOverallText
{
letter-spacing: 1px; color: rgb(155, 155, 155); margin-bottom: 0px; margin-left: 220px; width: 510px;
}

/** used on the smoothies page to align below text **/
.SmoothiesRight2{
	color: #9b9b9b;
	margin-top: 20px;
	float: right;
	width: 549px;
}

/** small smoothie elements **/
.SmoothieSmall{
	float: left;
	width: 105px;
	height:	130px;
	margin-right: 4px;
	margin-bottom: 10px;
}
.SmoothieSmall p{
	font-family: OfficinaSansLT-Book, Verdana, Helvetica, Arial;
	margin-top: 0px;
	color: gray;
	font-size: 11px;
	text-align: center;
}
.SmoothieSmall img{
	width: 105px;
	height: 96px;
}

/** large smoothie elements **/
.SmoothieImage{
	float: left;
	width: 275px;
}
.SmoothieImage img{
	width: 275px;
	height: 273px;
	border-right: 1px solid #996699;
}
.SmoothieInfo{
	float: right;
	width: 254px;
	padding-left: 10px;
	padding-right: 10px;
}
.SmoothieTitle{
	font-family: OfficinaSansLT-Book, Verdana, Helvetica, Arial;
	color: #996699;
	font-size: 22px;
	margin-top: 0px;
}
.SmoothieRecipe{
	font-family: OfficinaSansLT-Book, Verdana, Helvetica, Arial;
	color: #666666;
	font-size: 11px;
}
.SmoothieDescription{
	font-family: OfficinaSansLT-Book, Verdana, Helvetica, Arial;
	color: #666666;
	font-size: 11px;
}
.SmoothieMenu{
	color: #996699;
	font-size: 18px;
	float: left;
	margin-left: 252px !important;
	margin-left: 226px;
	margin-top: 10px;
}

.SmoothieMenu a{
	color: #996699 !important;
	text-decoration: none !important;
}

/** smoothie signup **/

.SmoothieForm {
	font-family: OfficinaSansLT-Book, Verdana, Helvetica, Arial;
	background-color: #DCC7DB;
	margin: 20px 0px 0px 0px;
	float: right;
	width: 549px;
	padding: 15px 0px 15px 0px;
}

.SmoothieFormLeft Input, .SmoothieFormRight Input {
	font-family: OfficinaSansLT-Book, Verdana, Helvetica, Arial;
	font-size: 11px;
	height: 15px;
	border: none;
	border: 0px solid white;
	margin-left: 2px !important;
	margin-top: 0px;
	width: 130px;
}

.SmoothieForm span {
	margin-left: 5px;
	margin-top: 2px;
	float: left;
}

.SmoothieFormLeft {
	width: 254px;
	float: left;
	padding: 0;
	margin-bottom: 10px;
	margin-left: 15px !important;
	margin-left: 8px;
	background-color: white;
}

.SmoothieFormRight {
	width: 254px;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
	background-color: white;
}

.SmoothieFormTextareaDiv {
	float: left;
	background-color: white;
	margin-left: 15px !important;
	margin-left: 8px;
	height: 150px;
	width: 519px;
}

.SmoothieFormTextareaLeft {
	margin-top: 2px;
	margin-left: 4px;
	height: 13px;
	float: left;
	width: 255px;
	border-bottom: 1px solid #DCC7DB;
}

.SmoothieFormTextareaRight {
	font-size: 9px;
	height: 13px;
	margin-top: 2px;
	text-align: right;
	float: left;
	width: 255px;
	border-bottom: 1px solid #DCC7DB;
}

.SmoothieFormTextarea {
	font-family: OfficinaSansLT-Book, Verdana, Helvetica, Arial;
	font-size: 11px;
	width: 513px;
	height: 105px;
	float: left;
	margin-top: 2px;
	margin-left: 3px !important;
	margin-left: 0px;
	margin-right: 3px;
	background-color: white;
	border: 0px solid white;
}

.SmoothieFormMessageSuccess, .SmoothieFormMessageFailed {
	margin-left: 15px;
	margin-top: 15px;
	color: green;
	float: left;
}

.SmoothieFormMessageFailed {
	color: red;
}

.SmoothieFormTextareaSubmit {
	background-image: url('/Data/Images/Contestsmoothie/verstuur.gif');
	background-repeat: no-repeat;
	font-size: 10px;
	font-weight: bold;
	width: 77px;
	height: 22px;
	float: right;
	margin-right: 4px;
	border: 0px solid white;
}

.SmoothieNav2 {

}

.SmoothieNav3 {
	text-align: center;
}

.SmoothieNav3 a {
	text-decoration: none !important;
}

.SmoothieNav {
	background-color: #f0f5fb;
	padding: 5px;
}

.SmoothieNav a {
	text-decoration: none !important;

}

.SmoothieNavTitle {
	color: #996699 !important;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	margin-bottom: 0px;
}

.SmoothieNavText {
	letter-spacing: 1px;
}

.SmoothieNavRedir {
	text-align: center;
	letter-spacing: 1px;
	font-size: 11px;
	font-weight: bold;
	height: 16px !important;
	height: 17px;
	background-image: url('/Data/Images/Contestsmoothie/nav_button.gif');
	background-repeat: repeat-x;
	text-decoration: none;
	text-transform:uppercase;
}

.SmoothieNavRedir a
{
	color: white !important;
	text-decoration: none !important;
}

.SmoothieSpacer {
	float: right;
	width: 549px;
	height: 15px;
}


#mContainer
{
	padding:0px;
	margin:0px;
	width:170px;
	height:170px;
	position:relative;
	cursor:pointer;
}

#mContainer .mPhoto
{
	position:absolute;
	top:0px;
	left:0px;
}

#mPhoto_tekst
{


}

.error_required
{
	border:2px solid #CC0000;
}