body{
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	color: #000;	
    	background-color: #f5f5f8;
    	margin: 0;
    	padding: 0;
    }
    
    p {
        margin-top:0px;
    }
    h2{
        margin-bottom: 0px;
        height: 28px;
    }
    
    #container{
    	margin: 0 auto;
    	width: 990px;
    	background-color: #FFF;
    	border: 1px solid #778fa5;
    	border-top: 0px;
    	padding-bottom: 100px;
    	background-image: url('/files/layout/dots_line.jpg');
    	background-repeat: repeat-y;
    	background-position: 800px 0px;
    	position: relative;
    }
    
    #header{
    	height: 115px;
    	position: relative;
    	background-image: url('/files/layout/logo.jpg');
    	background-repeat: no-repeat;
    	background-position: 45px 25px;
    	background-color: #FFF;
    }
    
	#header .home-link a{
		position: absolute;
		top: 25px;
		left: 40px;
		display: block;
		width: 310px;
		height: 60px;
	}
	
	#header #top-menu-container{
		width: 600px;
		height: 72px;
		position: absolute;
		top: 0px;
		right: 0px;
	}
    #header .phonenumber{
        font-size: 14px;
        position: absolute;
        top: 85px;
        right: 27px;
        display: block;
        font-weight: bold;
       
    }
	
	#top-menu-container a{
		color: #000;
		text-transform: uppercase;
		display: block;
		width: 90px;
		height: 15px;
		padding: 55px 0 0 10px;
		background-image: url('/files/layout/menu_dots.jpg');
		background-position: left;
		background-repeat: no-repeat;
		letter-spacing: 1px;
		float: left;
	}
	
	#top-menu-container a:HOVER	{color: #f1017e;}
	#top-menu-container a.active{color: #f1017e;}
    		
    
    #display-container{
    	height: 182px;
    	border-top: 1px solid #778fa5;
    	border-bottom: 1px solid #778fa5;
    	background-color: #ebedee;
    	position: relative;
    }
	#display-container .overlay{
		position:absolute;
		bottom: 0;
		left: 0;
		height: 50px;
		width: 990px;
		background-color: #FFF;
		z-index: 1;
		opacity: 0.6;
		filter: alpha(opacity = 60);
	}
    
    	#display-container #slogan-top		{position:absolute; bottom: 15px; left: 100px; z-index: 9999;}
    	#display-container #slogan-bottom	{position:absolute; bottom: -5px; left: 50px; z-index: 9999;}
    
    #menu-container{
    	width: 170px;
    	min-height: 20px;
    	min-height: 100px;
    	height: auto !important;
    	height: 100px;	
    	float: left;
    }
    
	#menu{
		margin: 15px;
	}
	
	#menu h2		{margin: 0; padding: 0; color: #f1017e; text-transform: uppercase; font-size: 18px;} 
	#menu a			{color: #0082c8; text-transform: uppercase; font-weight: bold; line-height: 140%; font-size: 10px;}
	#menu a.active	{color: #F1017E;}
	#menu a:HOVER	{color: #f1017e;}
        
   #btn-request, #btn-tanjaverkoop {
        margin: 10px 0 0 0;
        background-color: #0082C8;
        border-right: 2px solid #045e8e;
        border-bottom: 2px solid #045e8e;
    }
    
    #btn-request a, #btn-tanjaverkoop a {
        padding: 10px;
        color: #ffffff;
        display: block;
        text-align: center;
        font-weight: bold;
    }
    
    #btn-request a:hover, #btn-tanjaverkoop a:hover {
        color: #ffffff;
        background-color: #045e8e;
    }
    
    #btn-tanjaverkoop {
        width: 300px;
        position: absolute;
        top: 305px;
        left: 490px;
    }
    #btn-tanjaverkoop a {
        padding: 2px 3px;
    }

	#menu-container .address{
		margin: 25px 0 0 0;
		line-height: 150%;
		font-size: 10px;
	}
    		
    #content-container{
    	width: 630px;
    	min-height: 100px;
    	height: auto !important;
    	height: 100px;
    	float: left;
    }
    
	#content-container h1{font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; margin-top: 0px;}
	
	.images{
		margin-top: 35px;
		width: 110px;
		float: left;

	}
	
	.images .image{
		margin-bottom: 50px;
		width: 92px;
		height: 92px;
		border: 1px solid #dbdee3;
		text-align: center;		
	}

	
	.contents-small{
		margin-top: 35px;
		line-height: 150%;
		width: 510px;
		padding: 0 10px 0 0;
		float: left;
	}
	
	.contents-large{
		margin-top: 35px;
		line-height: 150%;
		width: 620px;
		padding: 0 10px 0 0;
	}
    	
	.contents-large li{margin-left: -25px;}
	.contents-large h1{margin: 0; padding: 0;}

    
    #right-container{
    	min-height: 100px;
    	height: auto !important;
    	height: 100px;
    	width: 190px;
    	float: left;
    	position: relative;
    	padding-top: 5px;
    }
    
	#right-container .dot-hide{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 5px;
		height: 15px;
		background-color: #FFF;
	}
	
	#right-container .box{
		background-image: url('/files/layout/divider_dots.jpg');
		background-repeat: no-repeat;
		background-position: bottom;
		min-height: 50px;
		height: auto !important;
		height: 50px;
		padding: 10px 19px 10px 19px;
	}	
	
	#right-container .box .boxtitle{
		text-transform: uppercase;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 1px;
		font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	}
	
	#right-container .box .image{
		width: 100%;
		text-align: center;
		margin-top: 3px;
	}
    
    p.noscript {
        background-color: red;
        display: block;
        padding: 10px;
        width: 97%;
        margin: 45px 0 10px 0;
    }
    				
    /* General */
    a			{text-decoration: none; color: #f00482;}
    .clear		{clear: both;}
    h2			{font-size: 14px;}
    h1			{color: #0867a7; font-size: 16px; font-weight: normal;}
    h1.black	{color: #000; font-weight: bold; font-size: 20px;}
    h1.landing	{font-size: 25px; margin-bottom: 0px;}
    a img		{border: 0px; color: #FFFFFF;}
    span.magenta{color: #F1017E;}
    .grey		{color: #666666; padding-top: 5px;}
    
    .comsult a{
    	position: absolute;
    	bottom: 5px;
    	right: 5px;
    	font-size: 9px;
    	color: #999999;
    }


/* aform */


	form.aform tbody.header td {padding-top: 10px; color: #000; font-weight: bold; font-size: 12px; letter-spacing: 1px;}
	form.aform tbody.sub-header td {color: #000; text-transform: none; word-spacing: 1px; letter-spacing: 1px;}

	form.aform input,textarea {border: 1px solid #CCC; font-size: 1.2em; width: 300px;}
	form.aform input.small-text{width: 75px;}
	form.aform textarea{height:100px;}
	
	form.aform input.input-checkbox{
		border: 0px;
		width: 20px;
		height: 20px;
		margin-left: -4px;
		padding: 0px;	
	}
	
	form.aform input.input-radio{
		width: 20px;
		border: 0px;
		margin-left: -2px;
	}

	form.aform td {padding:3px 5px;}
	form.aform input[type="submit"]{
		padding: 0px; 
		height: 22px;
		border: 0px;
		color: #FFF;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1px;
		background: #666;
        cursor: pointer;
	}
	
	form.aform .error {background-color: #ffffbb;}
	
	form.aform .feedback{color: #FF0000;}
	

/* cart */

	
/* order-overview */	
	
	#order{width: 620px; padding-left: 5px;}
	#order tbody td,
	#order thead td{
		border-bottom: 1px dotted gray;
	}
	
	#order thead td{
		padding-bottom: 6px;
	}
	
	#order tfoot td{
		padding-top: 6px;
	}
	
	#order td{
		padding: 2px 5px;	
	}
	
	#order input.order-change-quantity{width: 40px;}
	
	#order td.change-quantity	{width: 40px}
	#order td.name				{width: 300px}
	#order td.price				{width: 20px; text-align: right}
	#order td.total				{width: 50px; text-align: right}
	#order td.remove-line		{width: 20px}
	
	#order td.total-grand		{text-align: right}

	#order td.name.magnitude-discount,
	#order td.name.delivery-costs					{font-style:italic}
	
	#order td.name span.packaging					{color: #bbbbbb; font-size: 0.9em}
	
	#order td.price.magnitude-discount,
	#order td.price.delivery-costs					{font-weight: bold}
	
	#order td.payment-method img					{float: left; }
	#order td.vat									{font-size: 10px; color: #333; font-style: italic}
	
	
	/* payment options */
/*	#payment-container {cursor: pointer;position:relative;}
	#payment-options {position: absolute}
	.payment-option	{margin: 3px 0px; padding: 3px 5px; background-color: #eeeeee; cursor: pointer; positiont}
	.payment-option:hover {background-color: #cccccc}
	*/
	
/* replaced select */	
	
	.replaced-select-container {
		position: relative;
		cursor: pointer;
	}
	.replaced-select-trigger {
		position: relative;
		background-color: #eeeeee;
		padding: 2px 5px;
		height: 2.2em;
		background-image: URL(/files/layout/select.gif);
		background-repeat: no-repeat;
		background-position: 95% 50%;
		padding-right: 50px;
	}
	.replaced-select-trigger:hover {
		background-image: URL(/files/layout/select-hover.gif);
	}	
	.replaced-select-options {
		position: absolute;
		padding: 5px;		
		background-color: #eeeeee;		
	}
	.replaced-select-option {
		padding: 2px 5px;
		background-color: #dddddd;
		margin-bottom: 3px;
	}
	.replaced-select-option:hover {
		background-color: #cccccc;
	}
	.replaced-select-option.selected {
		background-color: black;
		color: white;
	}
	
/* mini-cart */
	
	#mini-cart {padding-top: 5px; color: #333; font-size: 11px; line-height: 140%;}
		
/* steps */	

	#steps-top{
		margin-bottom: 30px;
	}
	.step-container{
		height: 60px;
		float: left;
		position: relative;
		width: 150px;
	}
	
		.order-overview	{background-image: url('/files/layout/shopping_cart.jpg'); background-repeat: no-repeat; background-position: 1px 1px;}
		.personal-data	{background-image: url('/files/layout/user.jpg'); background-repeat: no-repeat; background-position: 1px 1px;}
		.payment 		{background-image: url('/files/layout/secure.jpg'); background-repeat: no-repeat; background-position: 1px 1px;}
		.done  			{background-image: url('/files/layout/order.jpg'); background-repeat: no-repeat; background-position: 1px 1px;}
	
	
	#steps-bottom .cart-prev-next-button{
			padding: 5px 10px;
			padding: 2px 0 2px 0px;
			color: #0766a8; 
			float:left
		}
	#steps-bottom .cart-prev-next-button.next{
		margin-right:20px;
		color: #F1017E;
		padding: 3px 5px 5px 0px;
		float: right;
	}
	
	#steps-bottom  .cart-prev-next-button.next:HOVER{
		color: #FF3D5B;
		background-image: url('/files/layout/arrow_accept');
	}
	
	p#order-empty, p#order-expired{
		border: 1px dotted #666;
		width: 580px;
		min-height: 30px;
		padding: 10px;
		color: #666;
		line-height: 170%;
		margin: 0 0 20px 0;
	}
	
	p#order-expired h2{
		color: #FF3D5B;
		padding: 0;
		margin: 0 0 10px 0;
		font-size: 12px;
	}
	
	input#submit2{
		background-image: url('/files/layout/purchase.jpg');
		background-repeat: no-repeat;
		background-position: left;
		height: 43px;
		width: 200px;
		border: 0px;
		background-color: #FFF;		
		cursor: pointer;
	}

	
	/* Steps top */
	
	.bubble{
		position: relative;
		width: 206px;
		height: 25px;
		float: left;
		overflow: hidden;
	}
	
	.bubble p{
		width: 100%;
		position: absolute;
		bottom: 0px;
		height: 17px;
		left: 0px;
		color: #FFF;
		padding: 3px 0 3px 18px;
		margin: 0px;
		text-transform: uppercase;
		background-color: #EEEEEE;
	}
	
	.bubble p.checked		{background-color: #F1017E; background-image: url('/files/layout/cart_next.jpg'); background-position: 183px 0; background-repeat: no-repeat;}
	.bubble p.passed		{background-color: #0766a8; background-image: url('/files/layout/cart_checked.jpg'); background-position: 181px 2px; background-repeat: no-repeat;}
	.bubble a				{color: #FFF;}
	.bubble a:hover			{color: #000;}
	
	

/* Landing */

.link-sale-img {
    float:left; 
    padding: 10px 5px 10px 0;
    width: 75px;
}

.link-sale-h2 {
    float:left; 
    width: 230px;
}

.link-sale{
    overflow: hidden;
    width: 310px;
    float: left;
}
    
    .red-carpet-picture{
        width: 154px; 
        height: 220px; 
        background-image: url('/files/layout/lp_voorbeeld.jpg');
        background-repeat: no-repeat;
        float: right;
        margin: 0 0 15px 15px;    
    }
    
    /*
    .landing-top            {position: relative; margin-bottom: 25px;}
    .landing-top .example   {width: 154px; height: 220px; background-image: url('/files/layout/lp_voorbeeld.jpg');}
    .landing-top #champagne {position: absolute; top: 0px; right: 0px; }
    */
   
    table.landing.specs     {margin-top: 10px;}
    table.landing td.label  {border-top: 2px dotted #057db2; border-bottom: 2px dotted #057db2; color: #057db2;}
    td.titel2               {color: #057db2;}
        
    .comment                {color: #666; text-transform: uppercase; font-size: 10px;}

    #container_partone      {border: 1px dotted #CCC; padding: 10px; background-color: #EFEFEF;}
    #container_parttwo      {border: 1px dotted #CCC; padding: 10px; background-color: #EFEFEF;}
    #container_part_three   {border: 1px dotted #CCC; padding: 10px; background-color: #EFEFEF;}
    
    .boxkop                 {color: #057DB2; font-weight: bold; font-size: 12px;}
    .steps-landing          {font-weight: bold; font-size: 13px;}
    td.color                {cursor:pointer; height:18px; width:18px;}
    
    #place-order-landing    {
        background-image: url('/files/layout/shopping_cart_accept.jpg');
        background-repeat: no-repeat;
        background-position: right;
        padding: 7px 0 0 5px;
        height: 25px;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
        width: 250px;
    }
    
    table.landing td.staalkleur {
        color: #FFF; 
        font-size: 10px; 
        letter-spacing: 1px; 
        vertical-align:bottom;
        height: 35px;
        width: 53px;
        text-align: center;
    }
    

    
    #calculation-result         {display: inline;}
    #calculation-result-steptwo { display: inline;}
    
    /* validation */
    .validation-failed{
        border: 1px solid red;
        background-color: #fff6f6;
    }
    
    .validation-advice{
        color: #FF0000;
    }
    .your-price {
        font-size:14px;
        font-weight:bold;
    }
    
    #unit-feedback{
        color: #FF0000;
    }
    
    input.hidden{
        background: #FFF;
        border: 0px;    
    }
    
    h2.landing-extra-large{
        font-size: 18px;
    }
    
    
    

/* news */


	.news-items-extended{
		margin: 5px 0 15px 5px;
		height: 60px;
		position: relative;
		background-image: url('/files/layout/border_dots_bottom.jpg');
		background-repeat: repeat-x;
		background-position: bottom;
		width: 530px;
	}
	
	.news-items-extended .image{
		padding: 2px 0 0 3px;
		width: 40px;
		height: 40px;
	}
	
	.news-items-extended .name{
		position: absolute;
		top: 2px;
		left: 45px;
		letter-spacing: 1px;
		font-family: "Trebuchet MS";
	}
	
	.news-items-extended .contents{
		position: absolute;
		top: 18px;
		left: 45px;	
		color: #666;
	}
	
	.news-items-abbreviated{
		margin: 5px 0 0 5px;
		height: 20px;
		position: relative;
		background-image: url('/files/layout/border_dots_bottom.jpg');
		background-repeat: repeat-x;
		background-position: bottom;
		width: 530px;
	}
	
	.news-items-abbreviated .name{
		letter-spacing: 1px;
		font-family: "Trebuchet MS";
		position: absolute;
		bottom: 5px;
		left: 10px;
	}
	
	.news-image{
		float: left;
		margin: 20px 20px 0 0;
		padding: 10px;
		width: 100px;
		height: 100px;
	}

/* Products */


	
	.products{
	    line-height: 105%;
		float: left;
		border: 1px solid #eeeeee;	
		padding: 7px 10px 10px 10px;
		margin: 10px 13px 10px 0;
		width: 120px;
		height: 127px;
		text-align: center;
		position: relative; 
	}
	
	.products img.not-selected{
		opacity: 0.4;
		filter: alpha(opacity = 40);
	}
	
	.products img.image-dealer{
		margin-top: 20px;
	}
	
	.products a{
        color: #000;
        display: block;
        width: 100%;
    }
    
    .products a:hover{
        color: #0082C8;
        
    }
		
	.products .description{
		position: absolute;
		bottom: 4px;
		left: 0;
		width: 140px;
		text-align: center;
	}
	
	.product-features					{width: 300px; float: left; padding-right:20px;}
	.product-features table				{border-collapse: collapse; margin-top: 20px; width: 100%;}
	.product-features table td			{border-bottom: 1px solid #f781be; vertical-align: top;}
	.product-features table td.label	{width: 80px; color: #0766a8; padding: 2px 10px 2px 2px;}
	.product-features table td.content p{margin: 0; padding: 3px 0; position: relative;}
	
	.product-image						{float: left; width:290px; text-align: center; }
    .product-image img                  {margin-bottom: 20px;}
    .product-images img                 {margin: 6px;}
    .product-images                     {text-align:left;}
	
	.shopping-cart-add a{
			background-image: url('/files/layout/order-button.png'); 
			display: block; 
			width: 151px; 
			height: 30px; 
			background-repeat: no-repeat; 
            margin: 15px 0 15px 150px;
		}
      .shopping-cart-add a:hover{
           background-position:0px -41px;
        }  
        
	
	/* dealers */
	.dealer-product-add {
		cursor: pointer;
		position: absolute;
		top: 2px;
		left: 2px;
		width: 136px;
		height: 26px;
		background-color: #DDDDDD;
		opacity: 0.8;
		filter: alpha(opacity = 80);
	}
		
		.dealer-product-add span{
			cursor: pointer;
			position: absolute;
			top: 0px;
			left: 0px;
			width: 136px;
			height: 26px;
			text-transform: uppercase;
			color: #000;
			font-weight: bold;
			letter-spacing: 1px;
			padding: 5px 0 0 10px;
		}
		
		
		.dealer-product-add span.select{
			background-image: url('/files/layout/add.png');
			background-repeat: no-repeat;
			background-position: 3px 1px;
		}
		
		.dealer-product-add span.remove{
			background-image: url('/files/layout/remove.png');
			background-repeat: no-repeat;
			background-position: 3px 1px;
		}
		
	.dealer-product-remove{
		cursor: pointer;
		background-image: url('/files/layout/remove.png');
		background-repeat: no-repeat;
		background-position: 3px 1px;
		position: absolute;
		top: 2px;
		left: 2px;
		width: 136px;
		height: 26px;
		background-color: #DDDDDD;
		opacity: 0.8;
		filter: alpha(opacity = 80);
	}
	
	
	/* dealer */
	.dealer-edit{
		color: red;
		font-size: 10px;
		text-transform: uppercase;
		position: relative;
		cursor: pointer;
	}
	
	textarea.edit-description{
		width: 200px;
	}
    
    
    #btn-showcases {
        margin: 10px 0 0 0;
        background-color: #0082C8;
        border-right: 2px solid #045e8e;
        border-bottom: 2px solid #045e8e;
    }
    
    #btn-showcases a{
        padding: 10px;
        color: #ffffff;
        display: block;
        text-align: center;
        font-weight: bold;
    }
    
    #btn-showcases a:hover {
        color: #ffffff;
        background-color: #045e8e;
    }
    
    #btn-showcases {
        width: 300px;
    }
    #btn-showcases a {
        padding: 2px 3px;
    }
    
    
    .showcase-product{
        margin-bottom: 20px;
    }
   
			

/* Protoload */

.waiting {
	background-image:url('/plugins/protoload/files/waiting.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:white;
}

.bigWaiting {
	background-image:url('/plugins/protoload/files/bigWaiting.gif');
	background-repeat:no-repeat;
	background-position:center 20%;
	background-color:white;
}

.blackWaiting {
	background-image:url('/plugins/protoload/files/blackWaiting.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:black;
}

.bigBlackWaiting {
	background-image:url('/plugins/protoload/files/bigBlackWaiting.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:black;
}

/* showcase */


	.showcase{
		width: 170px;
		height: 125px;
		border: 1px dotted #CCC;
		text-align: center;
		float: left;
		margin: 20px 20px 0px 0;
		padding-top: 8px;
	}

/* Users */


	#dealer-login{
		position: relative;
		background-image: url('/files/layout/secure.jpg');
		background-repeat: no-repeat;
		background-position: left;
		height: 25px;
	}
	
	.login{
		position: absolute;
		left: 30px;
		top: 9px;
		color: #0082C8;
		letter-spacing: 1px;
	}
	
	.login-trigger{
		cursor: pointer;
		text-align: left;
		padding-right: 20px;
		
	}

	.login-trigger.unfolded{
		
	}

	.login-form, 
	.login-password-reset{
		margin-top: 20px;
		border: 1px solid #0082C8;
		padding: 10px;
		color: #000;
		z-index: 500;
	}
	
	.login-form a, 
	.login-password-reset a{
		color: #333;
	}
		
	.login-form .feedback{
		font-weight: bold;
	}
	
	.login-form  .success,
	.login-password-reset .success,
	#users-reset-password .success{
		color: green;
	}
	
	.login-form .error,
	.login-password-reset .error,
	#users-reset-password .error{
		color: red;
	}
	

	

/* xintranet */


	table.fairs tr td			{padding: 2px;}
	table.fairs tr.heading td	{background-color: #EFEFEF; font-weight: bold;}
	
	.event-add {
		width: 598px;
		height: 26px;
		border: 1px dotted #DDD; 
		background-image: url('/files/layout/dealer_event_add.jpg'); 
		background-position: 2px 2px;
		background-repeat:no-repeat;
		position: relative;
		margin-bottom: 20px;
	}
	
	.event-add a{
		position: absolute;
		top: 7px;
		left: 35px;
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	
	.dealer-edit{
		cursor: pointer;
	}

	
	#orig-description, #orig-price{
		background-image: url('/files/layout/dealer_orig.jpg');
		width: 16px;
		height: 16px;		
		float: right;
		cursor: pointer;
	}

/* xRow */

form.row label {
	display: block;
	cursor: pointer;
}

form.row label.inline {
	display: inline;
	
}

form.row span.errormessage {
	display: block;
	font-size: 12px;
	color: #FF0000;
	padding: 2px;
	margin: 2px 0 2px 0;
}

form.row span.okmessage {
	display: block;
	font-size: 12px;
	color: #005500;
	padding: 2px;
	margin: 2px 0 2px 0;
}

form.row .has-error {
	background: #FFCCCC;
}

form.row td.row-result {
	width: 16px;
	padding: 4px 0 0 10px;
}

form.row img.row-help {
	cursor: help;
}
form.row div.row-tooltip {
	position: absolute;
	top: 0;
	left: 0;
	background: #EEEEEE;
	border: 1px solid #333333;
	padding: 4px;
	z-index: 999999;
}

	.dealer-settings, .dealer-fairs{
		border: 1px solid #EEEEEE;
		width: 400px;
		height: 36px;
		background-image: url('/files/layout/dealer_settings.jpg');
		background-repeat: no-repeat;
		background-position: 0px 3px;
		position: relative;
		margin-bottom: 20px;
	}	
		
	.dealer-fairs									{background-image: url('/files/layout/dealer_events.jpg');}
	.dealer-settings a, .dealer-fairs a				{position: absolute; left: 40px; top: 9px; font-size: 15px;}
	.dealer-settings a:HOVER, .dealer-fairs a:HOVER	{color: #000;}