/***** == Start General Style Information ======================================================== *****/
/***** #727172 = Matrasdirect Light gray *****/ 
/***** #2a2f31 = Matrasdirect Dark gray *****/
/***** #a2197f = Matrasdirect dark purple *****/ 
/***** #FFFFFF = White *****/
/***** #000000 = Black *****/
/***** == End General Style Information ======================================================== *****/

/**** == Start HTML Basic Elements ========================================================  ****/
a,a:link {
color: #a2197f;
text-decoration: none;
font-size:8pt;
margin: 0px;
padding: 0px;
}

a:visited {
}

a:active {
}

a:hover {
text-decoration:underline;
}

small,address,p,ul,ol,li,dl,dt,dd {
margin: 0px;
padding: 0px;
font-size:8pt;
line-height: 15px;
font-family: tahoma,arial,helvetica,sans-serif;
color:#2a2f31;
list-style: inside;
}

address {
display:inline;
}

small,
small a,
small a:link,
small a:visited,
small a:active,
small a:hover {
font-size: 10px;
}

address,
address a,
address a:link,
address a:visited,
address a:hover,
address a:active {
font-style:normal;
font-size: 7pt;
}


p:first-letter {
text-transform:uppercase;
}

img {
border: 0px;
margin: 0px;
padding: 0px;
}

fieldset,form,table {
margin: 0px;
padding: 0px;
border: 0px;
}

select,input,textarea { 
color: #000000;
margin: 0px;
padding: 0px 0px 0px 3px;
font-family:Arial, Helvetica, sans-serif;
}

select,
input  { 
width: 230px;
height: 17px;
margin-bottom: 5px;
border: solid 1px #333333;
background-color: #F7F7F7;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:8pt;
color: #231f20;
}

label {
width: 180px;
height: 20px;
display:block;
clear:left;
float:left;
}

textarea  {
width: 230px;
height: 70px;
margin-bottom: 5px;
border: solid 1px #333333;
background-color: #F7F7F7;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:8pt;
color: #2a2f31;
}


h1,h2,h3,h4,h5,h6 {
color: #a2197f;
margin: 0px 0px 8px 0px;
padding: 0px;
font-weight: bold;
font-family:Arial;
line-height:normal;
}

h1:first-letter,
h2:first-letter,
h3:first-letter,
h4:first-letter,
h5:first-letter,
h6:first-letter {
text-transform:uppercase;
}

h1 {
font-size:16px;
}

h2 {
font-size:14px;
margin: 8px 0px 0px 0px;
}

h2 a {
font-family:Arial;
}


h3 {
font-size:13px;
color: #2a2f31;
}

h4 {
font-size:12pt;
}

h5 {
font-size:10pt;
}

h6 {
font-size:7.55pt;
}

strong,b {
font-weight:bold;
}

html>body {
width: 100%;
height: 100%;
}

/**** == End HTML Basic Elements ========================================================  ****/

/*** == Start Site Layout ========================================================  ***/

/*** Body ***/
#LAYOUT1-BODY {
text-align:center;
font-family: tahoma,arial,helvetica,sans-serif;
font-size:8pt;
color: #2a2f31;
line-height: 15px;
margin:0;
background: #fff;
}

#LAYOUT2-BODY {
background-color:#fff;
text-align:left;
font-family: tahoma,arial,helvetica,sans-serif;
font-size:8pt;
color: #2a2f31;
line-height: 15px;
}

	/*** Site dimensions ***/
	#LAYOUT1-SITE-DIMENSIONS {
	text-align: left; 
	margin: 0 auto; 
	width: 1000px; 
	overflow: hidden;
	padding: 5px 0px;
	}
	
		/*** Kolom Left ***/
		#LAYOUT1-A {
		width: 192px;
		float:left;
		overflow:hidden;
		padding: 28px 0px 0px 0px;
		}
	
		/*** B Kolom Right ***/
		#LAYOUT1-B {
		width: 796px;
		overflow:hidden;
		float:right;
		display:inline;
		}
		
			/*** B1 Kolom Right Navigation ***/
			#LAYOUT1-B1 {
			width: 796px;
			height: 28px;
			float:left;
			display:inline;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			position:relative;
			}
			
			/*#LAYOUT1-B1 .ContactButton {
			position: absolute;
			right: 0px;
			}*/
			
			/*** B2 Kolom Right Header ***/
			#LAYOUT1-B2 {
			width: 796px;
			float:left;
			display:inline;
			overflow:hidden;
			margin: 0px 0px 6px 0px;
			padding: 0px 0px 0px 0px;
			position:relative;
			}
			
			
			#LAYOUT1-B2 .Frame {
			width: 796px;
			height: 173px;
			background: url(HeaderFrame.png);
			position:absolute;
			left: 0px;
			right: 0px;
			z-index: 1000;
			display: none;
			}
			
			#LAYOUT1-B2 .Frame2 {
			width: 590px;
			height: 125px;
			background: url(HeaderFrame2.png);
			position:absolute;
			left: 0px;
			right: 0px;
			z-index: 1000;
			display: none;
			}
			
			#LAYOUT1-B2 img {
			display:inline;
			
			left: 0px;
			right: 0px;
			z-index: 1;
			}

			/*** B3 Kolom Right Content ***/
			#LAYOUT1-B3 {
			width: 796px;
			overflow:hidden;
			float:left;
			display:inline;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			}
				
				#LAYOUT1-B3 .Top {
				width: 796px;
				height: 12px;
				overflow:hidden;
				}
				
				#LAYOUT1-B3 .Middel {
				width: 776px;
				height: 520px;
				padding: 0px 10px;
				}
								
				html>body #LAYOUT1-B3 .Middel {
				min-height:520px;
				height:auto;
				}
					
				#LAYOUT1-B3 .Bottom {
				width: 796px;
				overflow:hidden;
				height: 19px;
				}
				
				

		/*** C MD Info ***/
		#LAYOUT1-C {
		width: 796px;
		overflow:hidden;
		float:right;
		display:inline;
		border-bottom: solid #999999 1px;
		margin: 0px 0px 8px 0px;
		padding: 0px 0px 8px 0px;
		}
		
		    #LAYOUT1-C .Search {
		        display: none;
		    }
		    
		    #LAYOUT1-C dl {
		        float: left;
		    }
		
			#LAYOUT1-C .Group, #LAYOUT1-C dd {
			width: 179px;
			float:left;
			overflow:hidden;
			margin: 0px 15px 15px 5px;
			background:none;
			}
			
			#LAYOUT1-C dd a {
			    font-weight: bold;
			    color: #2A2F31;
			    display: block;
			}
			
			#LAYOUT1-C dd span {
			    
			}
			
			#LAYOUT1-C dd span a {
			    font-weight: normal;
			}
			
			#LAYOUT1-C dd span.more a {
			    color: #aeaeae;
			    text-indent: 15px;
			    background: url('button-down.png') 0px 2px no-repeat;
			}
			
            #LAYOUT1-C dd span.less a {
			    background: url('button-up.png') 0px 2px no-repeat;
			}
			
			
			
			#LAYOUT1-C .Betalingen {
			float:right;
			margin: 0px 42px 0px 0px;
			}
			
			#LAYOUT1-C .Group a {
			color: #2a2f31;	
    margin: 0;
    padding: 0;
    text-decoration: none;
 font-family: tahoma,arial,helvetica,sans-serif;
    font-size: 8pt;
    line-height: 15px;		
			}
		
			#LAYOUT1-C .Group strong {
			color: #2a2f31;	
    margin: 0;
    padding: 0;
    text-decoration: none;
 font-family: tahoma,arial,helvetica,sans-serif;
    font-size: 8pt;
    line-height: 15px;
font-weight: bold;		
			}

					
		/*** D Footer ***/
		#LAYOUT1-D {
		width: 796px;
		overflow:hidden;
		float:right;
		display:inline;
		color: #525a5e;
		font-size: 10px;
		}
		
		#LAYOUT1-D a,
		#LAYOUT1-D a:link,
		#LAYOUT1-D a:visited,
		#LAYOUT1-D a:hover,
		#LAYOUT1-D a:active {
		color: #525a5e;
		font-size: 10px;
		}
					
/*** == End Site Layout ========================================================  ***/

				
				
/*** == Start Classes ========================================================  **/

/** FormPrice Producten **/	
.FromPrice {
text-decoration:line-through;	
}

/** Price Producten **/	
.Price {
font-size: 18px;
}

/** Readmore Buttons **/	
.Readmore a,
.Readmore a:link,
.Readmore a:visited,
.Readmore a:hover,
.Readmore a:active {
font-size: 7pt;
background: url(Pijl-Grijs.png) right no-repeat;
padding: 0px 15px 0px 0px;
}

.Checkbox {
width:15px; 
height:15px; 
border:0px;
}

.Order {
display:block;
width: 160px;
height: 23px;
text-align:center;
padding: 5px 0px 0px 0px;
background: url(Order-BG.gif) no-repeat;
margin: 8px 0px 0px 0px;
clear:both;
}

	.Order a, a .Order {
	color:#FFFFFF;
	font-size: 12px;
	font-weight:bold;
	}
	
	a .Naarkassa {
	    line-height: 20px;
	    background: url("Arrow.png") 0px 50% no-repeat;
	    padding: 0px 0px 0px 18px;
	    color: #000;
	    font-size: 13px;
	    font-weight: bold;
	    margin: 0px 0px 0px 15px;
	}
	
	a:hover .Naarkassa {
	    color: #616161;
	}


.SmallOrder {
display:block;
width: 115px;
height: 23px;
text-align:center;
padding: 5px 0px 0px 0px;
background: url(SmallOrder-BG.gif) no-repeat;
margin: 8px 0px 0px 0px;
clear:both;
}

	.SmallOrder a {
	color:#FFFFFF;
	font-size: 14px;
	font-weight:bold;
	}

/** == End Classes ========================================================  **/	

/* == Start Forms and Components  ======================================================== */	

/* Contactform */
.ContactForm {
}

	.ContactForm .Submit {
	background-color: #e0e0e0;
	}
	
/* Horizontal Navigatie */
.Nav1 {
height: 20px;
float:left;
color:#2a2f31;
}

	.Nav1 a,
	.Nav1 a:link,
	.Nav1 a:visited,
	.Nav1 a:active,
	.Nav1 a:hover {
	color:#2a2f31;
	margin-right: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background: url(Arrow.png) no-repeat left top;
	padding: 0px 0px 0px 15px;
	text-decoration:none;
	}
	
	.Nav1 a.Active,
	.Nav1 a.Active:link,
	.Nav1 a.Active:visited,
	.Nav1 a.Active:hover,
	.Nav1 a:active,
	.Nav1 a:hover {
	color:#616161;
	}

/* Shoppingbag on Homepage*/	
.ShoppingChart {
float: right;
width: 190px;
overflow:hidden;

}

.Nav3 {
width: 190px;
overflow:hidden;
margin: 0px 0px 6px 0px;
}

.Nav3 .Contents {
float: left;
width: 190px;
overflow: hidden;
text-align: center;
padding: 3px 0px;
}

.ShoppingChart .Top {
width: 130px;
height: 20px;
overflow:hidden;
background: url(ShoppingChart-Top.png) no-repeat top;
clear:both;
color:#000000;
padding: 13px 10px 0px 50px;
}
.Search {
overflow:hidden;
clear:both;
width: 170px;
padding: 6px 10px 0px 10px;
}

.ShoppingChart .Top a {
color:#FFFFFF;
font-size: 12px;
text-decoration:none;
font-weight:bold;
}


	.ShoppingChart input,
	.Search input {
	width: 102px;
	height: 17px;
	margin: 1px 2px 0px 0px;
	padding: 2px 2px 0px 2px;
	line-height:normal;
	display:block;
	float:left;
	}
	
	.ShoppingChart .Submit,
	.Search .Submit {
	width: 56px;
	height: 26px;
	margin: 0px;
	padding: 0px;
	border:none;
	line-height:normal;
	}
	
/* Vertical Navigation */
.Nav2 {
width: 190px;
overflow:hidden;
}

.Banners {
width: 190px;
overflow:hidden;
text-align:center;
padding: 15px 0px 0px 0px;
}

.Nav2 .Top, .Nav3 .Top {
width: 190px;
height: 12px;
clear:both;
}

.ShoppingChart .Middel,
.Nav2 dl {
width: 170px;
padding: 2px 10px 0px 10px;
}

.ShoppingChart .Middel, .Nav3 .Middel {
height: 38px;
}

.Nav3 .Middel {
    background: #fff;
    text-align: center;
    width: 188px;
}

.HeaderRotate {

}

ul.prodbanner
{
    list-style-type: none;
    visibility: hidden;
}
            
.jcarousel-container
{
    float: left;
    width: 570px;
    height: 206px;/*196*/
    background: #fff url('HeaderFrame-2.png') 0px 0px no-repeat;
    overflow: hidden;
    padding: 10px 6px 0px 14px;
}

div.jcarousel-clip
{
    float: left;
    width: 570px;
    height: 206px;/*196*/
    overflow: hidden;
}
            
ul.prodbanner .Item
{
    height: 196px;
    margin: 0px 12px 14px 0px;
}

ul.prodbanner .Item .Image
{
    float: left;
    display: block;
}

ul.prodbanner .Item .Image img
{
    position: static !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
}

#master0 {
    float: left;
}

.home-banners {
    float: left;
    width: 100%;
    text-align: right;
    padding: 10px 0px 0px 0px;
}

.home-left {
    float: left;
    width: 576px;
    padding: 5px 0px 0px 0px;
}

.home-left img {
    float: left;
    max-width: 576px;
}

.home-right {
    float: right;
    width: 200px;
    text-align: right;
    padding: 5px 0px 0px 0px;
}

.home-right .Icons {
    width: auto !important;
    float: right !important;
    padding: 0px 5px 16px 0px !important;
}

.ShoppingChart .Bottom,
.Nav2 .Bottom,
.Nav3 .Bottom {
width: 190px;
height: 12px;
clear: both;
}

	.Nav2 dl dt {
	color: #a2197f;
	font-size: 12px;
	margin: 0px 0px 4px 0px;
	}
	
	.Nav2 a,
	.Nav2 a:link,
	.Nav2 a:visited,
	.Nav2 a:hover,
	.Nav2 a:active {
	display:block;
	clear:both;
	color:#18171a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background: url(Arrow.png) no-repeat left top;
	padding: 0px 0px 0px 15px;
	margin:2px 0px 0px 0px;
	text-decoration:none;
	font-weight:normal;
	}
	
	.Nav2 a.Active,
	.Nav2 a.Active:link,
	.Nav2 a.Active:visited,
	.Nav2 a.Active:hover,
	.Nav2 a:active,
	.Nav2 a:hover {
	color:#616161;
	font-weight:normal;
	}
	
	.Nav2 .Sublink {
	display:none;
	}
	
	.Nav2 .Active .Sublink,
	.Nav2 .SubActive .Sublink {
	display:block;
	}
	
	.Nav2 .Sublink a,
	.Nav2 .Sublink a:link,
	.Nav2 .Sublink a:visited,
	.Nav2 .Sublink a:hover,
	.Nav2 .Sublink a:active {
	margin:0px;
	background: none;
	font-size: 12px;
	color: #7b8083;
	font-weight:normal;
	}
	
	.Nav2 .Sublink a:hover, 
	.Nav2 .Sublink .Active,
	.Nav2 .Sublink .Active a,
	.Nav2 .Sublink a .Active,
	.Nav2 .Sublink .SubActive a,
	.Nav2 .Sublink a .SubActive,
	.Nav2 .Sublink .SubActive {
	color:#282d30;
	}
	
	
/* Breadcrumb */
.ProductBreadcrumb,
.Breadcrumb {
color: #727172;
font-size: 7pt;
width: 476px;
height: 20px;
overflow:hidden;
float:left;
margin: 0px 10px 0px 0px;
position:relative;
}

.ProductBreadcrumb {
width: 560px;
}

.NavBottom {
width: 560px;
clear:both;
text-align:right;
color: #727172;
font-size: 7pt;
}


	.NavBottom a,
	.NavBottom a:link,
	.NavBottom a:visited,
	.NavBottom a:active,
	.NavBottom a:hover,
	.ProductBreadcrumb a,
	.ProductBreadcrumb a:link,
	.ProductBreadcrumb a:visited,
	.ProductBreadcrumb a:active,
	.ProductBreadcrumb a:hover,
	.Breadcrumb a,
	.Breadcrumb a:link,
	.Breadcrumb a:visited,
	.Breadcrumb a:active,
	.Breadcrumb a:hover {
	color:#727172;
	font-size: 7pt;
	}


/* Homepage Banners */
.Banners {
width: 290px;
overflow:hidden;
float:left;
text-align:left;
}

	.Banners img {
	display:block;
	float: left;
	margin: 0px 0px 4px 0px;
	}

/* Fastbuttons icons */
.ProductIcons,
.Icons {
width: 285px;
overflow:hidden;
float:left;
text-align:right;
padding: 0px 5px 4px 0px;
}

.ProductIcons {
width: 185px;
}

	.ProductIcons img,
	.Icons img {
	float:right;
	margin: 0px 0px 0px 3px;
	}

/* Homepage Vestigingskaart*/
.Kaart {
width: 476px;
height: 401px;
overflow:hidden;
float:left;
margin: 0px 10px 0px 0px;
position:relative;
}

	.KaartAfbeelding {
		position: absolute;
		right: 53px;
		top: 0;
		z-index: 1;
	}

	
	.Kaart .Info {
	width: 160px;
	overflow:hidden;
	position:absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
	}
	
	.Kaart .Stip {
	position:absolute;
	color: #080808;
	font-size: 9px;
	background: url(Stip.png) left bottom no-repeat;
	padding: 0px 0px 0px 21px;
	line-height: normal;
	height: 16px;
	z-index: 2;
	font-weight: bold;
	}
	
	.Kaart .StipGroot {
	position:absolute;
	color: #080808;
	font-size: 11px;
	background: url(StipGroot.png) left bottom no-repeat;
	padding: 1px 0px 0px 23px;
	line-height: normal;
	height: 16px;
	font-weight: bold;
	z-index: 5;
	display: none;
		
	}

	
	.Kaart .Provincie {
		display: block;
		position: absolute;
		z-index: 3;
		outline: none;
	}
	
	.Kaart .Provincie img {
		display: none;
	}
	
	.Kaart .ProvincieGroot {
		position: absolute;
		z-index: 4;
		width: 476px;
		height: 455px;
		display: none;
	}
	
	#overijssel img.ProvincieGrootImage { z-index: 2; position: absolute; top: 50%; left: 50%; margin-left: -103px; margin-top: -100.5px; }
	#noordholland img.ProvincieGrootImage { z-index: 2; position: absolute; top: 50%; left: 50%; margin-left: -58.5px; margin-top: -120px; }
	#zuidholland img.ProvincieGrootImage { z-index: 2; position: absolute; top: 50%; left: 50%; margin-left: -110px; margin-top: -89.5px; }
	#utrecht img.ProvincieGrootImage { z-index: 2; position: absolute; top: 50%; left: 50%; margin-left: -117px; margin-top: -77.5px; }
	#limburg img.ProvincieGrootImage { z-index: 2; position: absolute; top: 50%; left: 50%; margin-left: -78px; margin-top: -160px; }
	#noordbrabant img.ProvincieGrootImage { z-index: 2; position: absolute; top: 50%; left: 50%; margin-left: -131.5px; margin-top: -72px; }
	#gelderland img.ProvincieGrootImage { z-index: 2; position: absolute; top: 50%; left: 50%; margin-left: -138.5px; margin-top: -100px; }
	#drenthe img.ProvincieGrootImage { z-index: 2; position: absolute; top: 50%; left: 50%; margin-left: -107px; margin-top: -112.5px; }
	#groningen img.ProvincieGrootImage { z-index: 2; position: absolute; top: 50%; left: 50%; margin-left: -118.5px; margin-top: -107px; }
	#friesland img.ProvincieGrootImage { z-index: 2; position: absolute; top: 50%; left: 50%; margin-left: -157.5px; margin-top: -115.5px; }
	#zeeland img.ProvincieGrootImage { z-index: 2; position: absolute; top: 50%; left: 50%; margin-left: -77.5px; margin-top: -82.5px; }
	#flevoland img.ProvincieGrootImage { z-index: 2; position: absolute; top: 50%; left: 50%; margin-left: -113.5px; margin-top: -111.5px; }
			

.WittevlekKaart {
width: 476px;
height: 400px;
background: url(Landkaart.png) no-repeat center;
overflow:hidden;
clear:both;
margin: 15px 0px 0px 0px;
position:relative;
}

	.WittevlekKaart .Stip {
	position:absolute;
	}

/* Homepage Onlinebestellen / Product groups*/
.OnlineBestellen {
width: 776px;
overflow:hidden;
clear:both;
}

	.Group {
	width: 188px;
	overflow:hidden;
	float:left;
	/*background: url(Group-BG.gif) repeat-y;*/
	margin: 0px 6px 6px 0px;
	}
		
		.GroupTop {
		width: 181px;
		height: 21px;
		line-height: 21px;
		overflow:hidden;
		clear:both;
		background: url(Group-Top.gif) no-repeat bottom;
		color:#FFFFFF;
		font-size: 12px;
		font-weight:bold;
		padding: 0px 0px 0px 7px;
		}
		
		.GroupTop h2 {
		    line-height: inherit;
		    font-family: inherit;
		    padding: 0px;
		    margin: 0px;
		}
		
		.GroupTop a {
		color:#FFFFFF;
		font-size: 12px;
		font-weight:bold;
		font-family:Arial;
		}


		
		.GroupImage {
		width: 181px;
		overflow:hidden;
		clear:both;
		height: 120px;
		padding: 7px 0px 7px 5px;
		border-left: 1px solid #e2e2e2;
		border-right: 1px solid #e2e2e2;
		border-bottom: 1px solid #e2e2e2;
		}
		
		.GroupBottom {
		width: 188px;
		height: 10px;
		background: url(Group-Bottom.gif) no-repeat top;
		overflow:hidden;
		clear:both;
		}

.Content {
clear:both;
padding: 15px 0px;
}

	.Content h1 {
	font-size: 12px;
	color:#2a2f31;
	}
	
	.Content h1 a {
	color: #2a2f31;
	font-size: 12px;
	font-weight: bold;
	font-family:Arial;
	line-height:normal;
	}
	
.Content img {
margin: 8px 0px 0px 0px;
}

/* Project / Zakelijk Archive */
.Projects .ProjectItem {
margin: 8px 0px 0px 0px;
background-color:#f5f5f5;
padding: 8px;
overflow:hidden;
clear:both;
}

.Contact {
overflow:hidden;
clear:both;
padding: 15px 0px;
}

.ContactItem {
margin: 8px 8px 0px 0px;
background-color:#f5f5f5;
padding: 8px;
overflow:hidden;
float:left;
width: 364px;
height: 60px;
}

	.Projects .ProjectItem .ProjectImage,
	.ContactImage {
	width: 120px;
	height: 100px;
	overflow:hidden;
	float:left;
	margin: 2px 16px 0px 0px;
	}
	
	.Projects .ProjectItem img {
	margin: 2px 8px 0px 0px;
	border: solid 2px #FFFFFF;
	}
	
	.Projects .ProjectItem .ProjectInfo,
	.ContactInfo {
	width: 380px;
	float:left;
	overflow:hidden;
	}
	
	
.Products {
width: 580px;
height: 450px;
float:left;
margin: 0px 0px 0px 0px;
padding: 15px 0px;
}	

	html>body .Products  {
	min-height:450px;
	height:auto;
	}

/** Products Items **/
.Item {
width: 131px;
overflow:hidden;
padding: 0px;
float:left;
margin: 0px 14px 14px 0px;
background: url(Item-BG.gif) repeat-y;
position:relative;
}
	
	.Item .ItemTop {
	width: 131px;
	height: 11px;
	overflow:hidden;
	padding: 0px;
	clear:both;
	background: url(Item-Top.gif) bottom;
	}

	
	.Item .Image {
	width: 121px;
	height: 100px;
	overflow:hidden;
	padding: 0px;
	clear:both;
	padding: 0px 5px;
	}

	.Item .Info {
	width: 115px;
	height: 74px;
	overflow:hidden;
	padding: 0px;
	clear:both;
	padding: 0px 8px;
	line-height: 13px;
	}
		
		.Item .Info strong {
		display:block;
		width: 115px;
		height: 26px;
		overflow:hidden;
		clear:both;
		margin: 0px 0px 4px 0px;
		}
		
		.Item .Info a {
		color: #2a2f31;
		}
	
		
	.Item .Readmore {
	position: absolute;
	bottom: 8px;
	left: 7px;
	}
	
	.Item .Label {
	position: absolute;
	top: 1px;
	right: 2px;
	left: auto !important;
	z-index: 1000;
	}	

	.Item .ItemBottom {
	width: 131px;
	height: 11px;
	overflow:hidden;
	padding: 0px;
	clear:both;
	background: url(Item-Bottom.gif) top;
	}

.Populair {
width: 190px;
height: 220px;
float:right;
padding: 15px 0px;
overflow: hidden;
}

.CombiProduct,
.PopulairOverzicht,
.BijArtikelen {
overflow:hidden;
clear:both;
padding: 15px 0px;
}

.BijArtikelen {
	border-bottom: dotted 1px #c2c2c2;
	}
	
	.PopulairOverzicht .Item {
	margin: 0px 20px 0px 0px;
	}
	
	.CombiProduct .Item {
	margin: 0px 20px 6px 0px;
	}
	
	.CombiProduct .Item .Info {
	height: 80px;
	line-height: 14px;
	}
	
	.CombiProduct .Item .Info .Price {
	font-size: 14px;
	}
	
	.CombiProduct .Item .Checkbox {
	position:absolute;
	right: 2px;
	bottom: 6px;
	}
	
	.BijArtikelen input {
	width: 30px;
	height: 14px;
	margin: 4px 0px 0px 4px;
	float:left;
	}

	
	.BijArtikelen .Item .Checkbox {
		float:left;
		margin-top: 8px;
		}
	

.CombiProduct input,
.CombiProduct select {
width: 40px;
height: 14px;
margin-top: 4px;
}


.BijArtikelen .Item {
width: 175px;
background: none;
margin: 16px 0px 0px 0px;
position:relative;
}

.BijArtikelen .Label {
	position:absolute;
	left: 20px;
	top: 0px;
	}
	
	.BijArtikelen h3 {
	display:inline;
	}
	
	.BijArtikelen .Item .Image {
	width: 85px;
	height: 75px;
	overflow:hidden;
	float:left;
	padding: 0px;
	margin: 0px;
	}

	.BijArtikelen .Item .Info {
	width: 85px;
	float:right;
	position:relative;
	clear:none;
	padding: 0px;
	margin: 0px;
	height: 54px;
	}
	
	.BijArtikelen .Item .Info .Price {
	font-size: 12px;
	color:#a2197f;
	}


.BijArtikelen .Order {
float:right;
}



.FastLink {
width: 190px;
overflow:hidden;
float:right;
padding: 15px 0px;
}
		
	.FastLink a,
	.FastLink a:link,
	.FastLink a:visited,
	.FastLink a:hover,
	.FastLink a:active {
	color: #2a2f31;
	background: url(Pijl-Grijs.png) left no-repeat;
	padding: 0px 0px 0px 15px;
	}

	
/** Products Large Items **/
.LargeItem {
width: 189px;
overflow:hidden;
padding: 0px;
float:right;
margin: 0px 0px 14px 0px;
background: url(ItemLarge-BG.gif) repeat-y;
position:relative;
}
	
	.LargeItem .LargeItemTop {
	width: 189px;
	height: 14px;
	overflow:hidden;
	padding: 0px;
	clear:both;
	background: url(ItemLarge-Top.gif) bottom;
	}

	
	.LargeItem .LargeImage {
	width: 179px;
	height: 142px;
	overflow:hidden;
	padding: 0px;
	clear:both;
	padding: 0px 5px;
	}

	.LargeItem .LargeInfo {
	width: 173px;
	height: 64px;
	overflow:hidden;
	padding: 0px;
	clear:both;
	padding: 0px 8px;
	line-height: 13px;
	}
		
		.LargeItem .LargeInfo strong {
		display:block;
		width: 173px;
		height: 13px;
		overflow:hidden;
		clear:both;
		margin: 0px 0px 4px 0px;
		}
		
		.LargeItem .LargeInfo a {
		color: #2a2f31;
		}
	
	.LargeItem .Label {
		position:absolute;
		right: 3px;
		top: 0px;
		}
		

	.LargeItem .LargeBottom {
	width: 189px;
	height: 16px;
	overflow:hidden;
	padding: 0px;
	clear:both;
	background: url(ItemLarge-Bottom.gif) bottom;
	}

.LastViewed,
.ProductDetail {
overflow:hidden;
clear:both;
padding: 15px 0px;
position:relative;
}

.ProductDetail h1 {
    color: #2A2F31;
    font-family: tahoma,arial,helvetica,sans-serif;
    font-size: 8pt;
    line-height: 15px;
	margin-bottom: 0px;
}

.ProductDetail select {
width: 216px;
clear:both;
float:none;
}

.ProductDetail input {
width: 106px;
clear:both;
float:none;
}

.ProductDetail a {
color: #2a2f31;
text-decoration:underline;
}

.ProductDetail .Order a,
.ProductDetail .SmallOrder a{
color: #fff;
text-decoration:none;
}

.ProductDetail .ProductDetailImage {
width: 220px;
height: 230px;
overflow:hidden;
position:relative;
float:left;
}

.ProductDetail .ProductDetailImage img {
	margin-bottom: 33px;
}

.ProductDetailImage .Like {
	display:block;
	clear:both;
	}
	
.ProductSmallImage {
width: 62px;
height: 193px;
overflow: hidden;
background-color:#fff;
float:left;
margin-left: 5px;
}

	.ProductSmallImage .Small {
	width: 59px;
	height: 45px;
	overflow: hidden;
	background-color:#fff;
border:1px solid #ccc;
	margin: 1px;
	}

	.ProductDetailImage .Label {
	position: absolute;
	top: 1px;
	right: 0px;
	z-index: 1000;
	}
		


.ProductDetail .ProductDetailImage .Loop {
position:absolute;
right: 0px;
bottom: -21px;
z-index: 2;
}


.GroupIntro {
	width: 565px;
	height: 231px;
	overflow:hidden;
	clear:both;
	background-color: #eaeaea;
	position:relative;
	margin: 0px 0px 12px 2px;
}

	.GroupIntro .Image {
		width: 245px;
		height: 225px;
		float:right;
		overflow:hidden;
		text-align:right;
	}
	
	.GroupIntro .Info {
		width: 290px;
		height: 195px;
		float:left;
		padding: 15px;
	}
	
	
	.GroupIntro .Info a {
	color: #a2197f; }
	
	.GroupIntro .Frame {
	width: 565px;
	height: 231px;
	overflow:hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url(GroupIntra-Frame.png);
	}



.GroupIntroSmall {
	width: 565px;
	height: 150px;
	overflow:hidden;
	clear:both;
	background-color: #eaeaea;
	position:relative;
	margin: 0px 0px 12px 2px;
}

	.GroupIntroSmall .Image {
		width: 245px;
		height: 150px;
		float:right;
		overflow:hidden;
		text-align:right;
	}
	
	.GroupIntroSmall .Info {
		width: 290px;
		height: 120px;
		float:left;
		padding: 15px;
	}
	
	
	.GroupIntroSmall .Info a {
	color: #a2197f; }
	
	.GroupIntroSmall .Frame {
	width: 565px;
	height: 150px;
	overflow:hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url(GroupIntraSmall-Frame.png);
	}


.LastViewed .LastViewItem {
width: 60px;
height: 55px;
overflow:hidden;
float:left;
margin: 0px 10px 0px 0px
}


	#POPUP {
	width: 580px; 
	overflow: hidden;
	background-color:#FFFFFF;
	padding: 10px;
	}
	

.sponsoring img{
	margin-top:2px;
	padding:0 5px 0 0;
}

.sponsoring h3{
	margin-top:15px;
}


.sponsoring .blok1{
	
	float:left;
	width:125px;
	margin-bottom:15px;
	min-height:115px;
	
}
.sponsoring .blok2{
	float:left;
	width:125px;
	margin-right:10px;
	margin-bottom:15px;
	min-height:115px;
}

.clear{
	clear:both;	
}
/* == End Forms and  Componets ========================================================  */	



/**
 * Selectbox fix for IE
**/
.select-overlay { background:#fff }

.select-overlay span
{
    display:block;
    float:left;
    clear:both;
    background:transparent url(bg-ie-select-width.png) no-repeat 0 0
}


/* Overlay CSS for Internet Explorer 6 and 7 */
.ie6 .select-overlay span,
.ie7 .select-overlay span
{
    width:18px;
    height:22px;
    background-position:0 -20px
}

.ie6 .select-overlay-hover span,
.ie7 .select-overlay-hover span { background-position:-18px -20px }

.ie6 .select-overlay-active span,
.ie7 .select-overlay-active span { background-position:-18px -20px }


/* Overlay CSS for Internet Explorer 8 with no borders or padding */
.ie8 .select-overlay span
{
    width:18px;
    height:20px;
    background-position:0 0
}

.ie8 .select-overlay-hover span { background-position:-18px 0 }

.ie8 .select-overlay-active span { background-position:-18px 0 }


/* Overlay CSS for Internet Explorer 8 with borders and padding */
#select-styleable-container.ie8 .select-overlay span
{
    width:17px;
    height:20px;
    background-position:-36px 0
}

#select-styleable-container.ie8 .select-overlay-hover span { background-position:-53px 0 }

#select-styleable-container.ie8 .select-overlay-active span { background-position:-53px 0 }


.kassa{
	background:#fff;	
}

.total_price_cart{
	
	background:#fff;
	
	width:188px;
	text-align:center;
	min-height: 37px;
	height: auto !important;
	height: 37px;
	
}
.total_price_cart   span{
	color:#A2197F;
}

.total_price_cart a{
	color:#2A2F31;
}

.winkelmand_aantal{
	float:left;	
}

.winkelmand_prijs{
	float:right;	
}

.kassa_items{
	width:162px;
	border-bottom:1px solid #2A2F31;
	padding:10px 0;
	float:left;
	margin-left:10px;
	display:block;
}

.schild{
	background:transparent url('label.png') no-repeat top left; 
	width:220px;
	height:24px;
	overflow:hidden;
	font-size:10px;
	color:#fff;	
	bottom:36px;
	left:0px;
	position:absolute;	
	padding-top:10px;
	line-height:14px;
	text-align:center;
}

.Item .schild{
	 background: url("label.png") no-repeat scroll center top transparent;
    font-size: 11px;
    height: 23px;
    line-height: 12px;
    overflow: hidden;
    padding: 8px;
    top: 76px;
    width: 122px;
}

.Item .schild.groep{
	top:60px;	
}

.LargeItem .schild.large{
	top:86px;	
	width:180px;
}

.Item .schild.combineer{
	top:60px;	
}

.Item .schild.plezier{
	top:44px;	
	width:50px;
}

.slaapgarantie_banner{
	
	float:right;
	background:transparent url(slaapgarantie-banner.gif) no-repeat top left;
	width:153px;
	height:109px;
	
}

.slaapgarantie_banner a{
	width:100%;
	height:100%;
	display:block;
}


/* Facebook like-Button ( Productdetail)*/
.connect_widget .connect_widget_text {
display: none;
}

.LikePluginPagelet {
margin-top: 8px;
}

.html-banner {
    text-align: left;
    display: block;
    clear: both;
}

.kaart-html {
    text-align: left;
}

.sfeer-html {
    text-align: left;
}

#nav-right {
    list-style: none;
    padding: 0px 0px 6px 0px;
}

#nav-right li {
    padding: 0px 0px 0px 18px;
    background: url("https://www.matrasdirect.nl/Images/pijl.jpg") 0% 50% no-repeat;
    list-style-type: none;
}