/* Start CSS-reset */
@import "/smt/user/styles/classes/classes.css";
@import "/smt/user/styles/lightbox/jquery.lightbox.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,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
img { vertical-align:top; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
img, div { }
html > body { width:100%; height:100%; }

/* PAGE STRUCTURE */
#body { 
}

	#wrapper { 
	margin:0px auto;
	overflow:hidden;
	width:990px;
	position:relative;
	}	

		#header {
		height:214px;
		position:relative;
		width:990px;
		float:left;
		clear:both;
		}
		
		*+html #header{
		z-index: 3000;
		}
		
		* html #header{
		z-index: 3000;
		} 
		
		#content {
		clear:both;
		float:left;
		padding:0px 0px 20px;
		overflow:hidden;
		width:990px;
		}
		
		html > body #content { height:auto; min-height: 420px; }

		#content-right {
		}
		
		/* add col1 col2 col3 class for different templates with different layout */
			
			.col1 #content-main {
			}

			.col1 #content-related {
			display:none;
			}			

		.col3 #content-right {
		float:right;
		width:803px;
		}

			.col3 #content-main {
			float:left;
			width:603px;
			overflow:hidden;
			
			}

			.col3 #content-related {
			float:right;
			width:195px;
			overflow:hidden;
			}	

		.col2 #content-right {
		float:left;
		}

			.col2 #content-main {
			float:left;
			overflow:hidden;
			width:795px;
			}

			.col2 #content-related {
			float:right;
			overflow:hidden;
			padding:0 0 0 5px;
			width:190px;
			}	
								
		.col1 #content-left,
		.col2 #content-left {
		display:none;
		overflow:hidden;
		}

		.col3 #content-left {
		float:left;
		width:170px;
		padding:0px 0px 0px 20px;		
		overflow:hidden;
		}
					
		#footer {
		clear:both;
		height:19px;
		}
		
/* PAGE DESIGN */
a:link,a:visited,a:active {
text-decoration:none;
color:#ffffff;
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
}

a:hover {
color:#7D6942;
}

hr {
margin-top:10px;
margin-bottom:10px;
}

h1 { 
font-size: 20px;
font-weight: bold;
margin:0px 0px 18px;
line-height:normal;
}

h4 { 
font-size: 12px;
font-weight: bold;
margin:0px 0px 5px;
line-height:normal;
}

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

strong {
font-weight:bold;
}

p {
margin-bottom: 10px;
/*line-height:18px;
text-align: left;*/
}


body { 
background:#0c1330 url(/smt/user/images/Wellbeingextraachtergrond.jpg);
background-attachment:fixed;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

	#wrapper {
	text-align:left;
	background-color:#0D122F;
	}
									
		#header {
		background:#FFFFFF url(/smt/user/images/header_bg.jpg) no-repeat scroll 0 25px
		}

		#content {
		background:url(/smt/user/images/content_bg.jpg) no-repeat;
		}
		
			#content-right {
			}
				
				.col1 #content-main {
				line-height:20px;
				overflow:hidden;
				}
				
		#footer {
		background-color: #242e5b;
		border-bottom: 19px solid #7d6942;
		text-align:center;
		}
		
/* GENERAL CLASSES */

/* COMPONENTS */

/***** General Menu  *****/
#general-menu {
float:right;
height:25px;
line-height:25px;
margin:0 20px 0 0;
font-size:14px;
}

	#general-menu ul li {
	float:left;
	}

		#general-menu ul li a {
		border-right:1px solid #7D6942;
		color:#7D6942;
		padding:0 10px;
		}
		
/***** Main Menu  *****/
#main-menu {
background-color:#0C1330;
bottom:0;
height:24px;
/*left:25px;*/
left:20px;
position:absolute;
width:970px;
z-index:20;
}

*+html #main-menu {
z-index: 1000;
}

* html #main-menu {
z-index: 1000;
}

	/* Hoofdmenu Groep */
	
	ul.NAV1 ul {
	position: absolute;
	}

	ul.NAV1 ul.hover {
	display: block;
	}
	
	ul.NAV1 li > ul {
	display: none;
	}
		
	ul.NAV1 ul ul {
	margin-left: 160px;
	}
	
		/* Hoofdmenu Items */
		ul.NAV1 li {
		position: relative;
		display: block;
		float: left;
		}
		
			ul.NAV1 li a {
			display: block;
			border-right: 1px solid #ffffff;
			background: #0C1330 none repeat scroll 0%;
			padding: 1px 10px 0px 10px;
			height:23px;
			line-height:21px;
			}
		
			ul.NAV1 a:visited {
			}
			
			ul.NAV1 a.hover, ul.NAV1 a:hover {
			background-color: #7D6942;
			color:#ffffff;
			font-weight: normal;
			}
			
			ul.NAV1 a.active, ul.NAV1 a:active {
			background-color: #242E5B;
			color:#ffffff;
			}
	
	
	/* Submenu Groep */
	ul.NAV11, ul.NAV11 ul {
	}
	
	ul.NAV11 ul.hover {
	display: block;
	}
	
	ul.NAV11 li > ul {
	display: none;
	}
	
	/* Submenu Items 11*/
	ul.NAV11 li > ul {
	display: none;
	position: absolute;
	float: left;
	}
	
	ul.NAV11 li {
	position: relative;
	}
	
		ul.NAV11 li a, ul.NAV11 a.link {
		display: block;
		background-color: #242E5B;
		border-right: 1px solid #242E5B;
		white-space: nowrap;
		width: 140px;
		
		}
		
		ul.NAV11 li a.haschildren, ul.NAV11 li a.haschildrenactive {
		background:#242E5B url(/smt/user/images/arrowGray.gif) no-repeat;
		border-right: 1px solid #242E5B;
		background-position: right;
		white-space: nowrap;
		width: 140px;
		
		}
		
		ul.NAV11 li a.haschildrenactive {
		font-weight:bold;
		}
		
		ul.NAV11 a.visited {
		white-space: nowrap;
		}
		
		ul.NAV11 a:hover, ul.NAV11 li a.haschildren.hover, ul.NAV11 a.hover {
		/*font-weight: bold;*/
		background-color: #0C1330;
		border-right: 1px solid #0C1330;
		color: #ffffff;
		}
		
		ul.NAV11 a:active, ul.NAV11 a.active {
		font-weight: bold;
		}
		
		/* Submenu Items 12*/
			ul.NAV12 li a, ul.NAV12 a.link {
			display: block;
			background-color: #242E5B;
			border-right: 1px solid #242E5B;
			white-space: nowrap;
			width: 170px;
			}
			
			ul.NAV12 {
			margin-top: -24px;
			}
			
			ul.NAV12 li {
			width: 170px;
			}
			
			ul.NAV12 a:active, ul.NAV12 a.active {
			font-weight: bold;
			}
		
	
	/* Speciaal voor Internet explorer */ 
	* html ul.NAV1 ul { display: none; }
	* html ul.NAV1 li { float: left; width:2%; white-space:nowrap;}
	* html ul.NAV1 li a { }

	
ul.NAV9 li {
float: left;
height: 69px;
width: 268px;
padding-bottom: 10px;
padding-left: 19px;
overflow: hidden;
display: inline;
}

ul.NAV9 li img {
height: 69px;
width: 268px;
}

#homecats {
width: 576px;
}

/***** Main Menu Vertical *****/
#main-menu-vertical {
font-size:14px;
margin:20px 0 0 20px;
width:200px;
}

	#main-menu-vertical ul li {
	background:#7D6942 none repeat scroll 0 0;
	margin-bottom:5px;
	padding:0 3px;
	text-transform:uppercase;
	}

		#main-menu-vertical ul li ul {
		background:#0C1330 none repeat scroll 0 0;
		padding:3px 0 3px 5px;
		text-transform:lowercase;
		}
		
			#main-menu-vertical ul li ul li {
			text-transform:lowercase;
			background:none;
			padding:3px 0px 3px 5px;
			}	
		




/***** Header Text  *****/
#header-text {
/*border-left:1px solid #242E5B;*/
clear:right;
color:#0C1330;
float:right;
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
height:137px;
line-height:20px;
padding:23px 0 0 8px;
width:185px;
}

	#header-text a {
	color:#0C1330;
	}
	
	#header-text a:hover {
	color:#7D6942;
	}
	
/***** Main title *****/
#main-title {
height:59px;
padding:0 0 0 20px;
}

/***** Main text *****/
#main-text {
float:right;
width:300px;
padding:0px 20px;
}

.main-text {
margin-bottom:20px;
}

/*** Hack for getting left main image to top ***/
* html #main-text {
width:300px;
}

	.main-text p {
	line-height: 20px;
	margin-bottom:15px;
	}
	
	.main-text p:first-child {
	font-weight:bold;
	line-height: 25px;
	margin-bottom:15px;
	} 

#main-text-home {
padding:0 0 0 20px;
}

/***** Main image *****/
#main-image {
float:left;
width:540px;
margin-bottom:20px;
padding:0px;
}

/***** Main list *****/
#main-list {
clear:both;
margin-bottom:20px;
padding:0px;
}

	#main-list .item {
	position: relative;
	float:left;
	clear: both;
	width:1024px;
	margin-bottom:30px;
	}

		#main-list .image {
		float:left;
		width:379px;
		position: relative;
		}
		
			#main-list .image .action{
			position: absolute;
			right: -45px;
			top: -17px;
			z-index: 10;
			width:175px;
			height:175px;
			}
			
		#main-list .data {
		background-color: #282F49;
		background-image: url(/smt/user/images/product_btm.jpg);
		background-repeat: repeat-x;
		background-position:bottom;
		border-top:1px solid #ffffff;
		float:right;
		padding:27px 35px 70px 20px;
		position:relative;
		top:48px;
		width:590px;
		margin-bottom:30px;

		}
		
		* html #main-list .data { 
		float:none;
		left:379px;
		position:absolute;
		}
		
			#main-list .data h1{
			margin-bottom: 0px;
			width:300px;
			}
			
			#main-list .data .dimensions {
			font-size: 12px;
			font-weight: bold;
			margin-bottom: 18px;
			}
	
			#main-list .data .addtocart {
			position: absolute;
			bottom: -25px;
			left: 35px;
			height: 64px;
			width: 167px;
			}
			
			#main-list .data .addtocart .incart {
			color:#CCCC00;
			font-weight:bold;
			margin:8px 0 0 -15px;
			margin-top:-8px;
			}
			
			#main-list .data .go-top {
			background-image: url(/smt/user/images/naarboven1b.png);
			background-repeat: no-repeat;
			position: absolute;
			bottom: 25px;
			right: 40px;
			height: 50px;
			width: 50px;
			padding : 4px 0px 0px 13px;
			font-size: xx-large;
			}
			
			#link-block {
			position: absolute;
			bottom: -20px;
			right: 10px;
			height: 50px;
			width: 365px;
			padding : 4px 0px 0px 4px;
			font-size: 14px;
			}
			
			#link-block .image {
			float: left;
			width: 70px;
			}
			
			#link-block .image a:hover {
			color: #FFFFFF;
			}
			
			#link-block .lightboxitem .data {
			height: 0px;
			display: none;
			}
			
			#main-list .data .price {
			background-image:url(/smt/user/images/prijsbutton.png);
			background-repeat:no-repeat;
			font-size:18px;
			font-weight:bold;
			height:103px;
			padding:0px;
			position:absolute;
			right:30px;
			top:-30px;
			width:272px;
			}
			
				#main-list .data .price .price-for {
				margin:20px 0 0 15px;
				}

				#main-list .data .price .price-from-for {
				margin:10px 0 0 15px;
				}

				#main-list .data .price .price-from { 
				margin:15px 0 0 15px;
				color:#0C1330;
				}
												
					#main-list .data .price .value {
					font-size:25px;
					}
					 
						#main-list .data .price .value .currency {
						margin-right:5px;
						font-weight:normal;
						}

/***** Shop Wellbeing *****/
#requests-shop {}

/***** Shop Accessories *****/
#payment-shop{}

/***** Shop common style *****/
.items-in-cart {
background-color:#7D6942;
background-image:url(/smt/user/images/shop_icon.gif);
background-repeat:no-repeat;
clear:both;
height:30px;
line-height:30px;
margin-left:20px;
padding:0 10px 0 40px;
}	

	.items-in-cart span{
	float:left;
	}
	
	.items-in-cart a {
	background-image:url(/smt/user/images/cart_arrow.png);
	background-repeat:no-repeat;
	background-position: right;
	height:30px;
	padding:0 40px;
	text-decoration:underline;
	float:right;
	}
	
	.items-in-cart a:hover{
	color:#FFFFFF;
	font-weight:normal;
	} 
	
#shop-overview {
margin-bottom:20px;
overflow:hidden;
padding:30px 0 0 60px;
width:600px;
}

	#shop-overview td.right {
	text-align:right;
	}
	
	#shop-overview th,
	#shop-overview td {
	padding:5px;
	}
	
	#shop-overview table.shop-data {
	border:1px solid #CCCCCC;
	width:100%;
	}
	
		#shop-overview table.shop-data th {
		font-weight:bold;
		}
	
		#shop-overview table.shop-data th,
		#shop-overview table.shop-data td {
		padding:5px;
		}
			
	#shop-overview table.shop-data-subtotals {
	margin-top:10px;
	width:300px;
	}
		
	#shop-overview table.shop-personal-info {
	width:100%;
	}
	
		#shop-overview table.shop-personal-info td {
		padding:5px;
		}
		
		#shop-overview table.shop-personal-info td .input {
		width:300px;
		}
	
	#shop-overview table.shop-customer-info {
	width:80%;
	}
	
		#shop-overview table.shop-customer-info th {
		padding:5px 5px 5px 0px;
		font-weight:bold;
		}
		
		#shop-overview table.shop-customer-info td {
		padding:5px;
		text-align:left;
		vertical-align:top;
		}
		

/***** Product atmosphere *****/
#product-atmosphere {
left:187px;
position:absolute;
z-index:10;
/*z-index:90;*/
}

/***** Home product list *****/
.home-products-list	{}
	
/***** Shop Accessories *****/
#accessories-list {
float:left;
/*margin:50px -20px 0 25px;*/
margin:50px -20px 0 20px;
width:980px;
}

	#accessories-list #accessories-left-nav {
	float:left;
	width:162px;
	}
	/* Hack for IE6,*/
		* html #accessories-list #accessories-left-nav {
		margin-left: -19px;
		}
	
	
	#accessories-list #accessories-items {
	color:#333333;
	float:left;
	margin-top:318px;
	font-family:Arial,Helvetica,sans-serif;
	width:810px;
	margin-left: 5px;
	}
	/*
	*+html #accessories-list #accessories-items {
	margin-left: 8px;
	}*/
		#accessories-items #fakeproduct {
		float:right;
		height:344px;
		width:205px;
		}
		
		#accessories-items .item {
		background:#FFFFFF none repeat scroll 0 0;
		display:inline;
		float:left;
		margin:0 0 4px;
		overflow:hidden;
		padding:0 4px;
		width:193px;
		height:340px;
		line-height:16px;
		}
	
			#accessories-items .item h3 {
			color:#333333;
			font-family:trebuchet MS;
			font-size:12px;
			font-weight:bold;
			height:26px;
			line-height:26px;
			margin-bottom:3px;
			text-align:center;
			text-transform:uppercase;
			}
			/* Hack for IE6,*/
				*html #accessories-items .item h3 {
				overflow: hidden;
				}
			
			#accessories-items .item .border {
			}
				
				#accessories-items .item .image {
				height:150px;
				margin:0 auto 5px;
				overflow:hidden;
				}
				
					#accessories-items .item .image img {
					height:150px;
					width:auto;
					}
				
				#accessories-items .item .data {
				height:82px;
				overflow:hidden;
				}
	
				#accessories-items .item a.more {
				color:#666666;
				display:block;
				padding:3px 0 0;
				}

				#accessories-items .item a.more:hover {
				color:#7D6942;
				}
					
				#accessories-items .item .price-bar {
				color:#333333;
				font-weight:bold;
				font-size:16px;
				padding:5px;
				background-color:#CCCCCC;
				overflow:hidden;
				}
				
				*html #accessories-items .item .price-bar {
				height: 16px;
				}

					#accessories-items .item .price-bar .price {
					font-size:16px;
					}

					#accessories-items .item .price-bar .action {
					font-size:16px;
					}
										
				#accessories-items .item .addtobasket {
				color:#333333;
				padding:5px 0 0;
				}

/***** Content related shop *****/
#content-related-shop {
position:absolute;
right:0;
text-align:right;
width:200px;
}
											
/* ################## style for nav6 #####################*/											
/**
 * Basic styling for toplevel and sublevel menu items
 */
ul.nav6,
ul.nav6 ul {
    cursor: default;
    color:#FF33FF;
    list-style-type: none;
	margin-right:5px;
}

/**
 * Position list items relative to the menu it is in,
 * required to keep absolute positioned elements inside the list item
 */
ul.nav6 li {
    position: relative;
	}

/**
 * The next two blocks style the submenu positioning inside a list-item
 * One block for W3C browsers, one for IE6.
 * adjust top and left to change spacing
 */

ul.nav6 li > ul {
    display: none;
 }

 html ul.nav6 ul {
    display: none;

}

/**
 * This will open the submenu when hovered
 */
ul.nav6 ul.hover {
    display: block;
}

ul.nav6 ul.active,
ul.nav6 ul:active {
	display: block;
	padding-left: 5px;
}


/**
 * Styling of links used in the menu
 * Change colors, padding and text-decoration as you like
 * 
 * Order of the a, LVHA (Link Visited Hover Active)
 */
 
ul.nav6 li a {
    display: block;
    text-decoration: none;
    color:#3D2111;	
	background-image: url(/xlntcms/user/images/NAV1_Back.gif);
	background-repeat: no-repeat;
	padding-top:3px;
	font-variant:small-caps;
	font-weight:bold;
}
	
/**
 * Visited link
 */
ul.nav6 a:visited {
}

/**
 * This block describes styling of active menu items
 */
ul.nav6 a:active,
ul.nav6 a.active {
	color: #B07941;
}

/**
 * This block describes styling of hovered menu items
 * Change colors or text-decoration as you like
 */
ul.nav6 a:hover,
ul.nav6 a.hover {
	color: #B07941;
	}
	
/* Fixes IE-windows problems with linebreaks, hide for IE-mac \*/
* html ul.nav6 li { float: left; }
* html ul.nav6 li a { height: 1%; }
/* End */

/*  Submenu */
ul.nav61 li a {
	background-image: none;
	background-repeat: no-repeat;
	padding-left:10px;
    color:#999999;
	font-variant:normal;
}

/*  End nav6 */