/* Classes used by WYSIWYG editor */
@import "/smt/user/styles/classes/classes.css";

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,img { margin: 0px; padding: 0px; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
img,hr { border: none; }
img { vertical-align:top; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

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

/* PAGE STRUCTURE */
#body {
background: #c2d1f0 url(/smt/user/images/background/xs-back.gif) top center no-repeat;

}

	 #wrapper {
	 overflow:hidden;
	 width:980px;
	 margin:0px auto;
	 position:relative;
	 background-color: #ffffff;
	 }

		 #header {
		 height:286px;
		 width:980px;
		 clear:both;
		 }
 
		 #content {
		 width:980px;
		 height: 500px;
		 float:left;
		 clear:both;
		 }

		 html > body #content {
		 min-height:500px;
		 height:auto;
		 }
			 
			#content-right {
			overflow:hidden;
			}
			
				#content-main {
				overflow:hidden;
				}
				
				#content-related {
				float:right;
				overflow:hidden;
				}
			
			#content-left {
			float:left;
			overflow:hidden;
			}
			
			/* 1 Column layout  */			 
			.col1 #content-right {
			}
				
				col1 #content-main {
				}

				.col1 #content-related {
				 display:none;
				 }
				
			.col1 #content-left {
			display:none;
			}
				
			/* 2 Column layout  */
			.col2 #content-right {
			float:right;
			width:810px;
			}
			
				.col2 #content-main {
				}
				
				.col2 #content-related {
				display:none;
				}
				
			.col2 #content-left {
			width:170px;
			}
				
			/* 2.2 Column layout  */
			.col22 #content-right {
			float:right;
			width:980px;
			}
			
				.col22 #content-main {
				float:left;
				width:810px;
				}
				
				.col22 #content-related {
				width:170px;
				}
				
			.col22 #content-left {
			display:none;
			}
			
			/* 3 Column layout  */
			.col3 #content-right {
			float:right;
			width:810px;
			}
			
				.col3 #content-main {
				float:left;
				width: 630px;
				}
				
				.col3 #content-related {
				width: 170px;
				}
			
			.col3 #content-left {
			width: 170px;
			}

		 #footer {
		 clear:both;
		 height:33px;
		 width:980px;
		 position: relative;
		 }

/* PAGE DESIGN */
a:link,a:visited,a:active,a:hover {
text-decoration: none;
color: #2a3a87;
}

a:hover {
}

h1 {
font-family: "Times New Roman", Times, serif; 
font-size: 25px; 
color: #3266cc;
}

h2 {
font-family:verdana;
font-size:12px;
font-weight:bold;
}

h3 {
}

p {
margin-bottom:5px;
}

td {
vertical-align:top;
text-align:left;
}

body {
font-family: arial, verdana, sans-serif;
font-size:12px;
text-align:center;
}

	 #wrapper {
	 text-align:left;
	 }
	
	#header {
	background: transparent url(/smt/user/images/background/header.png) no-repeat top center;
	position: relative;
	z-index: 100;
	}
	
	#content {
	position: relative;
	}
	
		#content-right {
		}
		
			#content-main {
			}
			
			#content-related {
			}
	
		#content-left {
		}
	
	#footer {
	background: #3266cc url(/smt/user/images/background/footer-logo.png) no-repeat top right;
	}
	
.fields {
margin: 5px;
}

.fields label {
display: block;
float: left;
width: 150px;
}

input.button {
border: 1px solid #C2D1F0;
width: 200px;
}

.fields input, .fields textarea{
border: 1px solid #C2D1F0;
width: 200px;
}

.fields input.radio {
width: 30px;
}


.fields fieldset {
border: 1px solid #66666;
}

#contact .fields input {
width: 400px;
}

#contact .fields textarea {
width: 396px;
}

#contact .fields .submit {
width: 100px;
}
 
/***** COMPONENTS ****/
/***** CONTENT CADEAUBON *****/
#content-cadeaubon {
left:130px;
position:relative;
top:-160px;
width:450px;
}

.content-related-blok {
border-left: 1px solid #C2C2C2;
width: 160px;
padding: 2px;
margin-top: 30px;
}

.content-related-blok a{
background: #ffffff url(/smt/user/images/background/related-url-background.gif) no-repeat right;
display: block;
width: 160px;
font-weight: bold;
color: #313c72;
padding-bottom: 3px;
}

#ideal-155-55 {
position: absolute;
top: 200px;
left: 8px;
}

.header-tekst {
position: absolute;
top:88px;
right: 45px;
}

/***** ZOEKEN *****/
#zoeken { 
position: absolute;
top: 50px;
right: 5px;
}

#zoeken .fields input.input {
border: 1px solid black;
background: #ffffff;
width: 288px;
height: 18px;
margin: 0px 5px 0px 0px;
}

#zoeken .fields input.submit {
border: none;
background: #ffffff url(/smt/user/images/button/button_back.png) no-repeat top left;
width: 85px;
height: 26px;
cursor: pointer;
color: white;
}

/***** LANGUAGEPICKER *****/
#languagepicker {
position: absolute;
top: 200px;
right: 5px;
}

/***** BREADCRUMB *****/
#breadcrumb {
position: absolute;
top: 250px;
left: 0px;
width: 960px;
height: 15px;
padding: 10px;
background: transparent url(/smt/user/images/background/line-1-160.png) no-repeat bottom left;
}

#breadcrumb a {
color: #989898;
}
/***** PRODUCTEN *****/
#producten { 
	width:810px;
}
	#producten .product-title { 
	margin-left:175px;
	width:305px;
	}

	#producten #categoriemenu {
	width: 150px;
	background-color: #f6f7fc;
	float: left;
	margin: 10px 0px 0px 10px;
	height: 187px;
	}

		#producten #categoriemenu .titel, #producten #categoriemenudetail .titel {
		width: 146px;
		height: 16px;
		background-color: #dfe8f7;
		color: #3266cc;
		padding: 2px;
		font-weight: bold;
		}

	#producten #categoriemenudetail {
	width: 150px;
	background-color: #f6f7fc;
	float: left;
	margin: 10px 10px 0px 10px;
	height: 187px;
	position: absolute;
	top: 0;
	left: 0;
	}

	#producten .items {
	float:right;
	margin-right:5px;
	width:635px;
	}

		#producten  .items .item {
		border: 1px solid #c2c2c2;
		width: 202px;
		height: 255px;
		float: left;
		margin: 3px;
		}

			#producten  .items .item .afbeelding {
			width: 182px;
			height: 210px;
			padding: 0px;
			margin: 0 auto;
			}

				#producten  .items .item .afbeelding img {
				width: 182px;
				height: 210px;
				}

			#producten  .items .item .merkprijs {
			padding: 5px 0px 0px 10px;
			text-align: center;
			}

				#producten  .items .item .merkprijs span {
				color: #fc3367;
				font-weight: bold;
				}

			#producten  .items .item .omschrijving {
			padding: 5px 0px 0px 10px;
			text-align: center;
			}
			
	.history {
	height:20px;
	margin:0 10px 0 auto;
	position:absolute;
	right:174px;
	text-align:right;
	top:8px;
	width:256px;
	}
			
	.history input {
	width: 125px;
	}
			
	.historydetail {
	height:20px;
	margin:0 10px 0 auto;
	position:absolute;
	right:146px;
	top:9px;
	width:256px;
	}
	
	.historydetail input {
	width: 115px;
	}

	#producten .itemdetail {
	margin-left: 170px;
	width: 800px;
	}
	
		#producten .itemdetail .afbeelding {
		width: 210px;
		height: 250px;
		float: left;
		margin-left:10px;
		}
	
			#producten .itemdetail .afbeelding img {
			width: 210px;
			height: 250px;
			}
	
			#producten .itemdetail .afbeelding img.zoom {
			width: 38px;
			height: 40px;
			}
	
		#producten .itemdetail .informatie {
		width: 224px;
		height: 375px;
		float: left;
		margin-left:20px;
		margin-top:35px;
		}
	
			#producten .itemdetail .informatie .titel {
			font-size: 14px;
			font-weight: bold;
			}
	
			#producten .itemdetail .informatie .prijs {
			font-size: 14px;
			font-weight: bold;
			}
	
			#producten .itemdetail .informatie .omschrijving {
			margin-top: 20px;
			}
	
			#producten .itemdetail .informatie .kleuren {
			height:47px;
			margin-top:20px;
			padding-left:10px;
			padding-top:25px;
			width:214px;
			background: #ffffff url(/smt/user/images/background/detailcolors.png) no-repeat;
			}
	
		#producten .itemdetail .winkelwagen {
		width: 274px;
		height: 218px;
		background: #ffffff url(/smt/user/images/background/detailwinkelwagen.png) no-repeat;
		float: left;
		margin-left:20px;
		}
	
			#producten .itemdetail .winkelwagen .field {
			margin: 10px;
			}
	
			#producten .itemdetail .winkelwagen .field label {
			font-weight: bold;
			display: block;
			float: left;
			width: 75px;
			}
	
			#producten .itemdetail .winkelwagen .field select {
			width: 170px;
			}
	
			#producten .itemdetail .winkelwagen #buttons  {
			margin: 30px 10px 10px 75px;
			}
	
			#producten .itemdetail .winkelwagen #buttons img {
			margin: 5px;
			}
	
/***** CADEAUBONNEN *****/
.cadeaubon {
width: 640px;
height: 400px;
background: #ffffff url(/smt/user/images/background/bears.png) no-repeat top left;
position: relative;
}

.cadeaubon form {
width: 150px;
height: 100px;
position: absolute;
top:140px;
left: 375px;
}

.cadeaubon input {
margin: 10px 0px 0px 0px;
float: left;
}

.cadeaubon .input {
height: 20px;
padding: 2px;
}

.cadeaubon .submit {
}
	
/***** NAVIGATION *****/
/***** NAV1 / Hoofdmenu ******/
#hoofdmenu {
float: right;
margin-top: 5px;
margin-right: 5px;
}

ul.NAV1 { }

ul.NAV1 li { 
float: left; 
border-right: 1px solid black;
padding: 0px 5px;
}

/***** NAV2 / Assortimentmenu *****/
#assortimentmenu {
position: absolute;
top: 220px;
left: 0px;
height: 30px;
width: 980px;
z-index: 1000;
}

ul.NAV2 { }

ul.NAV2 li {
float: left;
}

ul.NAV21 {
position: relative;
top: 0px;
left: 0px;
z-index: 100;
background: #ffffff;
border: 1px solid #c0c0c0;
display: none;
margin-right:-100px;
padding: 5px;
}

ul.NAV21 li {
float: none;
background-color: white;
}

ul.NAV21 li.hover {
font-weight: bold;
}

ul.NAV2 li.hover ul {
display: block;
}

/***** NAV4 / Footer *****/
ul.NAV4 {
padding: 10px;
}

ul.NAV4 li { 
float: left;
padding: 0px 10px;
}

ul.NAV4 li a { 
font-weight: bold;
color: #ffffff;
}

/***** PRODUCTS CATEGORIE NAVIGATIE *****/
.product-cat-nav {
background-color:#F6F7FC;
margin:10px 15px 0;
width:150px;
position: absolute;
top: 28px;
left: 0px;
}

ul.NAVCAT1 li.active{
font-weight: bold;
}

/********** Shop Component  *****************/
#header-shop-overview {
border:1px solid #C2C2C2;
float:right;
line-height:20px;
width:168px;
}
#overview-details{
padding:2px;
}
.blue-text{
color: #3266CC;
}
.blue-text-bold{
color: #3266CC;
font-weight:bold;
}
.dashed-line{
border-top:1px dashed #000000;
border-bottom:1px dashed #000000;
}
.btn-shop{
background-color:#FFFFFF;
border:1px solid #F6CCD8;
color:#000000;
font-size:13px;
font-weight:bold;
height:26px;
text-align:center;
padding:3px 13px;
margin: 0;
width: 160px;
}

/***** Shoppingcart short *****/
#shoppingcart-short {
width: 170px;
}
#shoppingcart-short a, #shop-overview a{
text-decoration: underline;
}

	#shoppingcart-short .cart {
	width: 163px;
	border:1px solid #C2C2C2;
	}

		#shoppingcart-short .cart h2 {
		display: block;
		width: 159px;
		height: 16px;
		padding: 2px;
		overflow: hidden;
		}

		#shoppingcart-short .cart .itemscount {
		display: block;
		width: 159px;
		height: 16px;
		padding: 2px;
		overflow: hidden;
		color: #3266CC;
		border-bottom: 1px dashed #DFE8F7;
		}

		#shoppingcart-short .cart .items {
		display: block;
		width: 159px;
		padding: 2px;
		}

			#shoppingcart-short .cart .items .item {
			display: block;
			width: 159px;
			clear: both;
			height: 15px;
			}

				#shoppingcart-short .cart .items .item .count {
				display: block;
				width: 15px;
				margin-right: 4px;
				float: left;
				text-align: right;
				}

				#shoppingcart-short .cart .items .item .times {
				display: block;
				width: 10px;
				float: left;
				}

				#shoppingcart-short .cart .items .item .name {
				display: block;
				width: 80px;
				float: left;
				}

				#shoppingcart-short .cart .items .item .euro {
				display: block;
				width: 10px;
				float: left;
				}

				#shoppingcart-short .cart .items .item .sendcosts {
				display: block;
				width: 105px;
				margin-right: 4px;
				float: left;
				text-align: right;
				}

				#shoppingcart-short .cart .items .item .price {
				display: block;
				width: 40px;
				float: left;
				text-align: right;
				}

			#shoppingcart-short .cart .items #totals {
			margin-top: 3px;
			padding-top: 3px;
			border-top: 1px dashed #DFE8F7;
			clear: both;
			}

		#shoppingcart-short .cart .submit {
		display: block;
		width: 159px;
		padding: 2px;
		}

			#shoppingcart-short .cart .submit input {
			display: block;
			width: 159px;
			background-color:#FFFFFF;
			border:1px solid #ff679a;
			font-weight: bold;
			font-size: 12px;
			padding: 3px 0px;
			}

/***** Contact *****/
#contact {
margin-top: 20px;
}

#contact .fields label {
float: left;
display: block;
width: 100px;
}

#contact .fields {

}

#shop-overview {
overflow:hidden;
width:620px;
margin: 0px auto; 
}

	#shop-overview table {
	width:620px;
	}

		#shop-overview table th {
		height: 16px;
		padding: 2px 2px;
		overflow: hidden;
		background-color: #DFE8F7;
		text-align: left;
		font-weight: bold;
		font-size: 12px;
		}

		#shop-overview table th.number {
		width:96px;
		}

		#shop-overview table th.name {
		width:146px;
		}

		#shop-overview table th.size {
		width:96px;
		}

		#shop-overview table th.color {
		width:96px;
		}

		#shop-overview table th.count {
		width:46px;
		}

		#shop-overview table th.action {
		width:46px;
		}

		#shop-overview table th.euro {
		width:16px;
		}

		#shop-overview table th.price {
		width:46px;
		}

		#shop-overview table td {
		height: 16px;
		padding: 2px 2px;
		overflow: hidden;
		text-align: left;
		font-size: 12px;
		}

		#shop-overview table td.colspanned {
		text-align: right;
		}

		#shop-overview table td.price {
		text-align: right;
		}

/***** FOOTER *****/
#footer-tekst {
position: absolute;
top: 10px;
left: 595px;
color: #FFFFFF;
font-weight: bold;
}

#footer-tekst a {
color: #FFFFFF;
}

.sitemap {
margin: 10px;
}

#fake-breadcrumb {
left:10px;
position:absolute;
top:-26px;
color: #989898;
}

#fake-breadcrumb a{
color: #989898;
}

#Order-form input.button, #Order-form p {
margin: 10px;
}