.TilesHost
{
	width:100%;
	font-size: 0;
}

.BestTilesHost .Plate,
.TilesHost .Tile .Plate,
.Tiles .Plate
{
	transition: background-color 0.3s;
}

/* == [ Format1 ] == */
.TilesHost .Format1
{
	position:relative;
	display: inline-block;
	width: 400px;
	height: 130px;
	margin: 0px 13px 10px 0px;
	cursor:pointer;
	
}
.TilesHost .Format1.Last
{
	margin: 0px 0px 10px 0px;
}

.TilesHost .Format1 .Tile
{
	position:absolute;
	width: 400px;
	height: 130px;
	text-decoration: none; 
	border: 1px solid #dddddd;
	font-family: Arial;
}
.TilesHost .Format1 .Tile:hover .Plate
{
	background-color: #066AB4;
}
.TilesHost .Format1 .Tile .Plate
{
	position: absolute;
	width: 400px;
	height: 10px;
	background-color: #e6e6e6;
	bottom: 0px;
}

.TilesHost .Format1 .Tile .Img
{
	position: absolute;
	width: 160px;
	height: 120px;
	top: 0px;
	left: 0px;
}
.TilesHost .Format1 .Tile .Vendor
{
	border: 0px;
	
	position: absolute;
	bottom: 15px;
	right: 5px;
	
}
.TilesHost .Format1 .Tile .Logo
{
	width: 25px;
	height: 25px;
	border: 0px;
	position: absolute;
	top: 12px;
	right: 70px;
}

.TilesHost .Format1 .Tile .Titel
{
	
	position: absolute;
	width: 180px;
	height: 40px;
	font-size: 12px; 
	font-weight: bold; 
	color: #066AB4;
	top: 45px;
	left: 190px;
}

.TilesHost .Format1 .Tile .Price
{
	position: absolute;
	font-size: 20px; 
	font-weight: bold; 
	bottom: 25px;
	left:  170px;
}

.TilesHost .Format1 .Tile .PriceExtra
{
	position: absolute;
	font-size: 13px; 
	font-weight: bold; 
	bottom: 28px;
	right: 70px;
}

.TilesHost .Format1 .Tile .Stock
{
	position: absolute;
	top: 12px;
	left: 160px ;
}

.TilesHost .Format1 .Cart
{
	position: absolute;
	top: 15px;
	right: 10px ;
	z-index: 100; 
}

.TilesHost .Format1 .Tile .Shipping
{

}
/* == [ Format2 ] == */

.TilesHost .Format2
{
	position:relative;
	display: inline-block;
	width: 264px;
	height: 248px;
	margin: 0px 11px 10px 0px;
	cursor:pointer;
}

.TilesHost .Format2.Last
{
	margin: 0px 0px 10px 0px;
}

.TilesHost .Format2 .Tile
{
	width: 264px;
	height: 248px;
	position:relative;
	text-decoration: none; 
	border: 1px solid #dddddd;
	font-family: Arial; 
}
.TilesHost .Format2 .Tile .Plate
{
	position: absolute;
	width: 264px;
	height: 10px;
	background-color: #e6e6e6;
	bottom: 0px;

}
.TilesHost .Format2 .Tile:hover  .Plate
{
	background-color: #066AB4;
}

.TilesHost .Format2 .Tile .Img
{
	margin: 0px;
	border: 0px;
	width: 160px;
	height:120px;
}
.TilesHost .Format2 .Tile .Vendor
{
	position: absolute;
	top: 10px;
	right: 10px;
	border: 0px;
}

.TilesHost .Format2 .Tile .Logo
{
	position: absolute;
	bottom: 17px;
	right:  3px;
	width: 50px;
	height:50px;
	border: 0px;

}

.TilesHost .Format2 .Tile .Titel
{
	position: absolute ;
	bottom: 70px;
	left:  20px;
	cursor: pointer;
	width: 230px;
	height: 50px;
	font-size: 12px; 
	font-weight: bold; 
	color: #066AB4;
}

.TilesHost .Format2 .Tile .Price
{
	position: absolute;
	bottom: 50px;
	left: 35px;
	font-size: 20px; 
	font-weight: bold; 
}

.TilesHost .Format2 .Tile .PriceExtra
{
	position: absolute;
	bottom: 51px;
	right: 60px;
	font-size: 14px; 
	font-weight: bold; 
}

.TilesHost .Format2 .Tile .Stock
{
	position: absolute ;
	bottom: 20px;
	left:  20px;
}

.TilesHost .Format2 .Cart
{
	position: absolute ;
	top: 90px;
	right:  40px;
	z-index: 100; 
}
.TilesHost .Format2 .Review
{
	position: absolute;
	top: 60px ;
	right: 8px;
}

.TilesHost .Format2 .Tile .Shipping
{
	display:none;

}
/* == [ Format3 ] == */
.TilesHost .Format3
{
	position:relative;
	display: inline-block;
	width: 392px;
	height: 130px;
	margin: 0px 9px 11px 0px;
	cursor:pointer;
}
.TilesHost .Format3.Last
{
	margin: 0px 0px 11px 0px;
}
.TilesHost .Format3 .Tiles
{
	width: 392px;
	height: 130px;
	position:relative;
	border: 1px solid #dddddd;
	text-decoration: none; 
	font-family: Arial; 
}
.TilesHost .Format3 .Tiles:hover .Plate
{
	background-color: #066AB4;
}
.TilesHost .Format3 .Tiles .Plate
{
	width: 392px;
	height: 10px;
	background-color: #e6e6e6;
	position: absolute;
	bottom: 0px;

}

.TilesHost .Format3 .Tiles .Img
{
	margin: 0px;
	border: 0px;
	width: 160px;
	height:120px;
}

.TilesHost .Format3 .Tiles .Vendor
{
	position: absolute;
	bottom: 11px;
	right: 5px;
	border: 0px;

}
.TilesHost .Format3 .Tiles .Logo
{
	width: 25px;
	height:25px;
	border: 0px;

}

.TilesHost .Format3 .Tiles .Titel
{
	position: absolute;
	top: 40px;
	left: 160px;
	
	width: 220px;
	height: 50px;
	font-size: 12px; 
	font-weight: bold; 
	color: #066AB4;
}

.TilesHost .Format3 .Tiles .Price
{
	position: absolute;
	bottom: 20px;
	right: 80px;
	font-size: 20px; 
	font-weight: bold; 
}
.TilesHost .Format3 .Tiles .PriceExtra
{
	display:none;
}

.TilesHost .Format3 .Tiles .Stock
{
	position: absolute;
	top: 8px;
	left: 180px;
}

.TilesHost .Format3 .Cart
{
	position: absolute;
	top: 10px;
	right: 80px;
	z-index: 100; 
}
.TilesHost .Format3 .Wish
{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 100; 

}

/* == [ Format3 ] == */
.TilesHost .ProductListTile
{
	position:relative;
	display: inline-block;
	width: 210px;
	height: 210px;
	margin: 0px 6px 8px 0px;
	cursor:pointer;
	
}
.TilesHost .ProductListTile.Last
{
	margin: 0px 0px 8px 0px;
}

.TilesHost .ProductListTile .Tile
{
	position:absolute;
	width: 210px;
	height: 210px;
	text-decoration: none; 
	border: 1px solid #dddddd;
	font-family: Arial;
}
.TilesHost .ProductListTile .Tile:hover .Plate
{
	background-color: #066AB4;
}
.TilesHost .ProductListTile .Tile .Plate
{
	position: absolute;
	width: 210px;
	height: 10px;
	background-color: #e6e6e6;
	bottom: 0px;
}

.TilesHost .ProductListTile .Tile .Img
{
	position: absolute;
	width: 120px;
	height: 90px;
	top: 1px;
	left: 0px;
}

.TilesHost .ProductListTile .Tile .ImgThumb1
{
	position: absolute;
	width: 50px;
	height: 40px;
	top: 1px;
	right: 40px;

}
.TilesHost .ProductListTile .Tile .ImgThumb2
{
	position: absolute;
	width:50px;
	height: 40px;
	top: 45px;
	right: 40px;
}

.TilesHost .ProductListTile .Tile .Vendor
{
	width:38px;
	height: 38px;
	border: 0px;
	position: absolute;
	top: 1px;
	right: 1px;
	
}
.TilesHost .ProductListTile .Tile .Logo
{
	width: 25px;
	height: 25px;
	border: 0px;
	position: absolute;
	top: 42px;
	right: 7px;
}

.TilesHost .ProductListTile .Tile .Titel
{
	position: absolute;
	width: 207px;
	height: 30px;
	font-size: 12px; 
	font-weight: bold; 
	color: #066AB4;
	top: 125px;
	left: 5px;
}

.TilesHost .ProductListTile .Tile .Price
{
	position: absolute;
	font-size: 20px; 
	font-weight: bold; 
	bottom: 32px;
	left:  15px;
}

.TilesHost .ProductListTile .Tile .PriceExtra
{
	position: absolute;
	font-size: 13px; 
	font-weight: bold; 
	bottom: 34px;
	left: 110px;
}

.TilesHost .ProductListTile .Tile .Stock
{
	position: absolute;
	top: 95px;
	left: 5px;
}

.TilesHost .ProductListTile .Cart
{
	position: absolute;
	top: 98px;
	left: 35px ;
	z-index: 100;
	
}

.TilesHost .ProductListTile .AssemblyPlus
{
	position: absolute;
	top: 98px;
	left: 35px ;
	z-index: 100;
}

.TilesHost .ProductListTile .AssemblyMinus
{
	position: absolute;
	top: 98px;
	left: 86px ;
	z-index: 100;
}

.TilesHost .ProductListTile .Review
{
	position: absolute;
	bottom: 12px ;
	right: 5px;
}

.TilesHost .Compare
{
	position: absolute;
	font-weight: bold; 
	font-size: 12px; 
	z-index: 100; 
	position: absolute;
	top: 98px;
	right: 15px;
	
}
.TilesHost .compareLabel
{
	cursor: pointer;
}

.TilesHost .ProductListTile .Tile .Shipping
{
	display:none;
}

/* == [ Format4 ] == */
.Format4TilesMain
{
	width: 258px;
	height: 43px;
	margin: 0px 6px 11px 0px;

}
.Format4Tiles
{
	border: 1px solid #dddddd;
	text-decoration: none; 
	font-family: Arial; 
}
.Format4Tiles:hover div
{
	width: 258px;
	height: 5px;
	background-color: #066AB4;
}
.Format4TilesPlate
{
	width: 258px;
	height: 5px;
	background-color: #e6e6e6;
	margin: 0px 0px 0px 0px;
}

.Format4TilesTitel
{
	width: 155px;
	height: 15px;
	font-size: 11px; 
	font-weight: bold; 
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #066AB4;
	float: right;
	margin: 0px 0px 0px 0px;
}

.Format4TilesPrice
{
	font-size: 15px; 
	font-weight: bold; 
	float: right;
	
	margin: 20px -153px 0px 0px;
}

.Format4TilesStock
{
	float: right;
	margin: 10px 20px 0px 0px;
}

/* == [ Format5 ] == */
.Format5
{
	position: relative;
	width: 185px;
	height: 160px;
	margin: 0px 0px 16px 0px;
}

.Format5 .Tiles
{
	position: relative;
	width: 185px;
	height: 160px;
	text-decoration: none; 
	border: 1px solid #dddddd;
	font-family: Arial; 
}

.Format5 .Tiles.Selected
{
	border: 1px solid #066AB4;
}

.Format5 .Tiles:hover .Plate
{
	width: 100%;
	height: 6px;
	background-color: #066AB4;
}

.Format5:hover .compareLabel
{
	color: #066AB4;
}
.Format5 .compareLabel
{
	float:left;
	margin-top: 3px;
	margin-right: 3px;
	cursor: pointer;
}

.Format5 .Tiles .Plate
{
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 6px;
	background-color: #e6e6e6;
	
}

.Format5 .Tiles .Plate.Selected
{
	background-color: #066AB4;
}

.Format5 .Tiles .Img
{
	margin: 0px;
	border: 0px;
	width: 80px;
	height:60px;
}

.Format5 .Tiles .Vendor
{
	position: absolute;
	left: 30px;
	bottom: 9px;
	border: 0px;
}

.Format5 .Tiles .Titel
{
	width: 160px;
	height: 40px;
	font-size: 10px; 
	font-weight: bold; 
	color: #066AB4;
	position: absolute;
	left: 18px;
	top: 60px;

}

.Format5 .Tiles .Price
{
	font-size: 15px; 
	font-weight: bold; 
	position: absolute;
	right: 4px;
	bottom: 30px;
}
.Format5 .Tiles .PriceExtra
{
	display:none;
}
.Format5 .Tiles .Match
{
	font-size: 14px; 
	font-weight: bold;
	position: absolute;
	left: 30px;
	top: 90px;
	
}
.Format5 .Tiles .Stock
{
	position: absolute;
	left: 3px;
	bottom: 15px ;
}

.Format5 .Cart
{
	position: absolute;
	z-index: 100;
	position: absolute;
	top: 30px;
	right: 20px;
}
.Format5 .Compare
{
	position: absolute;
	font-weight: bold; 
	z-index: 100; 
	position: absolute;
	top: 6px;
	right: 6px;
}

.Format5 .Review
{
	position: absolute;
	bottom: 8px;
	right: 3px;
}


/* == [ FormatApointment ] == */

.TilesHost .Apointment
{
	position:relative;
	display: inline-block;
	width: 814px;
	height: 248px;
	margin: 0px 11px 10px 0px;
}

.TilesHost .Apointment .Tile
{
	width: 814px;
	height: 248px;
	position:relative;
	text-decoration: none; 
	border: 1px solid #dddddd;
	font-family: Arial; 
}
.TilesHost .Apointment .Tile .Plate
{
	position:absolute;
	width: 814px;
	height: 10px;
	background-color: #e6e6e6;
	bottom: 0px;

}
.TilesHost .Apointment .Tile:hover  .Plate
{
	background-color: #066AB4;
}

.TilesHost .Apointment .Tile .Titel
{

	top: 20px;
	left:  20px;
	width:500px;
	height: 50px;
	font-size: 24px; 
	font-weight: bold; 
	color: #066AB4;
	position:absolute;
}


.TilesHost .Apointment .Tile .Datum
{
	
	top: 60px;
	left:  20px;
	width:300px;
	height: 60px;
	font-size: 12px; 
	font-weight: bold; 
	display: inline;
	color: #000000;
	position:absolute;
}

.TilesHost .Apointment .Tile .Tijd
{
	
	top: 110px;
	left:  20px;
	width:300px;
	height: 60px;
	font-size: 12px; 
	font-weight: bold; 
	display: inline;
	color: #000000;
	position:absolute;
}

.TilesHost .Apointment .Tile .Naam
{
	
	top: 60px;
	left: 240px;
	width:300px;
	height: 60px;
	font-size: 12px; 
	font-weight: bold; 
	display: inline;
	color: #000000;
	position:absolute;
}

.TilesHost .Apointment .Tile .Email
{
	
	top: 110px;
	left: 240px;
	width:300px;
	height: 60px;
	font-size: 12px; 
	font-weight: bold; 
	display: inline;
	color: #000000;
	position:absolute;
}

.TilesHost .Apointment .Tile .Telefoon
{
	
	top: 160px;
	left: 240px;
	width:300px;
	height: 60px;
	font-size: 12px; 
	font-weight: bold; 
	display: inline;
	color: #000000;
	position:absolute;
}

.TilesHost .Apointment .Tile .Info
{
	
	top: 60px;
	left: 570px;
	width:300px;
	height: 60px;
	font-size: 12px; 
	font-weight: bold; 
	display: inline;
	color: #000000;
	position:absolute;
}

.TilesHost .Apointment .Tile .ButtonAfspraak
{
	top: 210px;
	left: 240px;
	position:absolute;
}
.TilesHost .Apointment .Tile .date_selector
{
		position: sticky !important
}

.TilesHost .Apointment .Tile .date_clearer
{
		display: none !important;
}