/* 
***************************************************************
*                         STYLES SILAN                        *
***************************************************************
*/
@import url("custom.css");
/*CSS Reset*/
body, div, dl, dt, dd, li, pre,form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }ol, ul { list-style: none; margin: 0; padding: 0; }table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; font-weight: normal; font-style: normal; }acronym, abbr, fieldset, img { border: 0;}:focus { outline: 0; }



/* =Clearfix (all browsers)--------------------------------*/.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}/* IE6 */ * html .clearfix {height: 1%;}/* IE7 */*:first-child+html .clearfix {min-height: 1px;}


/* GENERAL */
/* */


html, body{
  margin: 0;padding: 0;
  font-size: 96%;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  background: #FBF2F7 url(../images/bg_repeat.png) repeat-x top left;
  color: #590338;
}

#page-product_classic #subnav, #page-product_crystals #subnav, #page-product_droogtrommel_fris #subnav, #page-product_sensitive #subnav{
	background: transparent url('../images/bg_subnav-top.jpg') no-repeat left top;
	z-index:3;
}

#firstPar{
width:450px;
}

/* TYPE*/ 
h1{
  display: block; 
  position: absolute; 
  width: 250px;
  height: 160px;
  top:10px;
  left:0;
}

h1 a{
  width: 250px;
  height: 160px;
  display: block;
  position:relative;
  text-indent: -9999px;
  overflow: hidden;
  background: transparent url('../images/logo_nl.jpg') no-repeat top left;
}

.h1fr {
  width: 250px;
  height: 160px;
  display: block;
  position:relative;
  text-indent: -9999px;
  overflow: hidden;
  background: transparent url('../images/logo_fr.jpg') no-repeat top left;
}

h4{
font-size: 1.2em;
font-weight: bold;
}
a{
color: #efefef;
}

/*---wrap---*/
#wrap{
  display: block;
  position:relative;
  width: 1010px;
  clear: both; 
  margin: 0 auto;
}
/*---header---*/
#header{
  display: block;
  position:relative;
  height:200px;
  background: transparent url('../images/bg_header.gif') no-repeat left bottom;
}
/**/
#nav{
  background: transparent url('../images/bg_nav.jpg') no-repeat left top;
  display: block;
  position:absolute;
  height: 48px;
  width:734px;
  right:8px;
  top:42px;
  list-style: none;
  font-family: Helvetica, Arial, sans-serif; 
}
#nav li{
  display: block; 
  height: 48px; 
  line-height: 48px;
  float: left;
  z-index:0
}
#nav li a{
  display: block; 
  height: 48px; 
  line-height: 46px;
  padding: 0 12px;
  color: #efefef;
  font-weight: bold;
  font-size: 1.1em;
  text-decoration: none;
  background: transparent url('../images/nav_sep.jpg') no-repeat right 3px;
  -moz-transition: text-shadow .5s ease-in, color .5s ease-in;
  -webkit-transition: text-shadow .5s ease-in, color .5s ease-in;
  transition: text-shadow .5s ease-in, color .5s ease-in;
}
#nav li a:hover{
	background: transparent url('../images/bg_nav_selected.jpg') repeat-x left top;
	z-index:2;
	margin-left:-1px;
	border-left: 1px transparent solid;
}
#nav li a.selected{background: transparent url('../images/bg_nav_selected.jpg') repeat-x left top;
z-index:2;
margin-left:-1px;
border-left: 1px transparent solid;}
/*NAV BLOCK LANGUAGES */
ul#lang_block{
display: block; 
color: #fff;
position: absolute; 
right: 10px;
top: 115px;
}
#lang_block li{
display: inline;
font-size: 15px;
font-weight:bold;
}

#lang_block li a{
color: #fff;
text-decoration: none;
}

#lang_block li a:hover{
text-decoration: none;
color:#9B3358;
}

/* SOUND BLOCK */

#sound_block{
display: block;
position: absolute; 
right: 10px;
top: 125px;
background-color: #A5417F; 
height: 40px; 
width: 50px;
}




/**/
#subnav{
  background: transparent url('../images/bg_subnav.jpg') no-repeat left top;
  display: block;
  position:absolute;
  padding:20px 10px;
  height: 132px;
  width:660px;
  right:68px;
  top:108px;
  z-index:2;
}
#subnav ul{
  list-style: none;
}
#subnav ul li{
  display: block; 
  float: left;
  z-index:0
}
#subnav ul li a{
  display: block; 
  padding: 0 5px;
  color: #A5417F;
  font-size: 0.9em;
  text-decoration: none;
  background: transparent url('../images/subnav_sep.gif') no-repeat right center;
}
#subnav ul li a:hover, #subnav ul li a.selected{
  text-decoration: underline; 
}
#subnav p{
	font-size: 1.3em;
	padding:10px 0 0 20px;
	color: #B60464;
}
#subnav h2{
	clear:both;
  display: block; 
  color: #B60464;
  font-weight: normal;
  font-size: 2.6em;
  padding:20px 0 0 40px;
  text-shadow:#FFF 0px 0px 3px;
}
#subnav h3{
	clear:both;
	font-size: 1.3em;
	padding:0 0 0 80px;
	color: #953D6F;
	padding-right:240px;
}
/**/
#flowers{
	display: block;
	position:absolute;
	width:351px;
	height:283px;
	top:168px;
	right:-58px;
	z-index: 100;
}
#flowers-small{
	display: block;
	position:absolute;
	width:388px;
	height:235px;
	top:128px;
	right:-128px;
	z-index: 100;
}
/*---content---*/
#main{
  display: block;
  position:relative;
  background: transparent url('../images/bg_main.png') repeat-y left top;
  padding:0 21px 0 20px;
}
#content{
  display: block;
  position:relative;
  background: transparent url('../images/bg_content.jpg') no-repeat right bottom;
  height:480px;
  padding:82px 0 0 255px;
  font-size: 0.9em;
  line-height: 1.3em;
}

/* ---sidebar--- */
#sidebar{
	display: block;
  	position:absolute;
	width: 238px;
	top:-12px;
	z-index:5;
	background:none;
}
#sidebar #sidebar-nav{
	background: transparent url('../images/bg_sidebar.jpg') no-repeat left top;
	height:134px;
	margin-bottom:8px;
	padding:15px;
}
#sidebar #sidebar-nav h4{
	color:#FFF;
	font-size:1em;
}
#sidebar #sidebar-nav a{
	display:block;
	color:#631A46;
	text-decoration:none;
	padding-left:18px;
	height:13px;
	line-height: 13px;
	/*margin:2px 0;*/
	font-size:0.9em;
	font-size:13px;
}
#sidebar #sidebar-nav a.selected{
	background: transparent url('../images/arrow_sidebar.gif') no-repeat left top;
}
#sidebar #sidebar-nav a:hover{
	background: transparent url('../images/arrow_sidebar.gif') no-repeat left -14px;
}
#sidebar #sidebar-nav a:hover{
	color:#200916;
}
#sidebar #sidebar-nav ul{
padding: 5px 0 0 0;
margin:0px;
}

#sidebar #sidebar-nav ul li{
display:block;
float:left;
width:200px;
clear:both;
padding: 0px 0px  0px 0px ;
height:19px;
margin:0px 0px 0px 0px;
font-size:13px;
}

#sidebar #sidebar-wallpaper{
	position:relative;
	background: transparent url('../images/ban_wallpaper.jpg') no-repeat left top;
	width:238px;
	height:158px;
}
#sidebar #sidebar-wallpaper a{
	display:block;
	width:214px;
	height:134px;
	padding:12px;
	color:#FFF;
	text-decoration:none;
	font-size:0.85em;
}
#sidebar #sidebar-newsletter{
	position:relative;
	background: transparent url('../images/ban_newsletter.jpg') no-repeat left top;
	width:238px;
	height:67px;
	margin-bottom:8px;
}
#sidebar #sidebar-newsletter a{
	display:block;
	width:214px;
	height:43px;
	padding:12px;
	color:#FFF;
	text-decoration:none;
	font-size:0.85em;
}
/*#sidebar #sidebar-internal_ads{
	position:relative;
	background: transparent url('../images/ad-sexandcity-nl.jpg') no-repeat left top;
	width:238px;
	height:169px;*/
	
	#sidebar #sidebar-internal_ads{
	position:relative;
	background: url('../images/ban_ad1.jpg') no-repeat left top; 
	width:238px;
	height:169px;
	}

#sidebar #sidebar-internal_ads a{
	display:block;
	width:214px;
	height:145px;
	padding:12px;
	color:#FFF;
	text-decoration:none;
	font-size:0.85em;
}
#sidebar #sidebar-internal_ads span{
	display:block;
	position:absolute;
	top:68px;
	left:12px;
	width:120px;
	color:#FFF;
	text-decoration:none;
	font-size:1em;
}
/*---footer----*/
#footer{
  display: block;
  position:relative;
  top:-10px;
  width: 1010px;
  clear: both;
  margin: 0 auto;
  z-index: 1;
  background: transparent url('../images/bg_footer.jpg') no-repeat left top;
  padding-top:40px;
}
#footer p{color:#3F3E3E;font-size:0.8em;}
#footer p a{color:#3F3E3E;text-decoration:none;}
#footer p a:hover{text-decoration:underline;}
#footer #footer-credits{
	display: block;
	float: left;
	width:240px;
	padding-left:20px;
	padding-bottom: 30px;
	
}
#footer, p#footer-credits, #footer p#footer-credits a,#footer  #footer-nav, #footer  a{color:#DD9FB7;}
#footer #footer-nav, #footer #footer-legal{
	float: left;
	padding-left:20px;
	padding-bottom: 6px;
}

/*PAGES*/
.content-text{margin:0 0 0 40px;padding-top:10px;}
.content-text a{color:#8F3D6D;text-decoration:none}
.content-text a:hover{color:#8F3D6D;text-decoration:underline}
.content-text p,.content-text ul{
  margin:8px 0;
}
.content-text p,.content-text ul{
  margin:0 0 16px 0;
  font-size:1em;
}
.content-text .first{
  padding-right:280px;
}
.content-text ul li{
	list-style:disc;
	margin:0 0 0 20px;
}
.content-text h3{
	font-weight:bold;
	font-size:1em;
	margin:0;
}
/**/
.clear{clear:both;}
/**/
.document_left{float:left;margin:0 10px 0 0;}
.document_right{float:right;margin:0 0 0 10px;}
/**/
.content-text form ul{margin:0}
.content-text form ul li{
	list-style:none;
	margin:0 0 5px 0;
}
.content-text form input{
	list-style:none;
	margin:0 0 0 0;
	border:1px solid #590338;
	background-color:#FDDDEC;
	width:150px;
	font-size:11px;
	color:#590338;
}

.content-text form #formContact-step1 label, .content-text form #formContact-step2 label, .content-text form #formContact-step3 label, .content-text form #formContact-step4 label, .content-text form #formContact-step5 label, .content-text form #formContact-step6 label, .content-text form #formContact-step7 label{
display: inline-block;
width: 90px;
padding: 0;margin: 0;
}

.content-text form select{
	list-style:none;
	margin:0 0 0 0;
	border:1px solid #590338;
	background-color:#FDDDEC;
	font-size:12px;
	color:#590338;
}
.content-text form textarea{
	list-style:none;
	margin:0 0 0 0;
	border:1px solid #590338;
	background-color:#FDDDEC;
	font-size:11px;
	color:#590338;
	width:576px;
	height:50px;
	display:block;
}
.content-text form#formContact{margin-top:5px;}
.content-text form p.button{margin:0}
.content-text form p.button input{width:auto;font-size:11px;padding:2px 5px;}
/**/
.content-flash{
	position: absolute;
	top:-104px;
	left:-42px;
	z-index: 2;
}
/* Contact form */
.content-text form #formContact-step1,
.content-text form #formContact-step4,
.content-text form #formContact-step6{float:left;margin-right:10px;}

.content-text form #formContact-step3,
.content-text form #formContact-step6,
.content-text form #formContact-step8{clear:left;}

.content-text form input#txtZip,
.content-text form input#txtNumber{width:48px;}

.content-text form input#chkPrivacy{width:16px;}
/* jQuery UI Tabs */
.ui-tabs .ui-tabs-hide {
     display: none;
}
.ui-tabs-nav{
display: inline; 
position: absolute;
width: 714px;
text-align: center;
list-style: none;
height: 25px;
line-height: 25px;
background: #89476B;
bottom: 50px;
overflow:scroll; /*visible*/
border:3px black solid;
}

#content .ui-tabs-nav li{
display: inline;
padding: 0 8px;
margin: 5px 0px;
}

#content .ui-tabs-nav li.ui-state-active{
background: #D91881;
padding: 10px 8px;
margin-top: -5px;
}

#content-scroll{
	overflow: auto;
	height: 460px;
	width: 440px;
}

.ui-tabs-nav li a{
padding: 0 0;
text-decoration: none;
}

#content .ui-tabs-panel{
text-align: center;
font-size: 1em;
}

#content .ui-tabs-panel p{
margin: 0.2em 0;
}

#content .ui-tabs-panel .tab_block{
width: 290px; 
padding: 0 25px;
margin: 15px auto;
margin-bottom: -40px;
background: transparent url('../images/bg_timeline_box.png') no-repeat center top;
}

#content .ui-tabs-panel .tab_block_bottom{
width: 290px; 
height: 45px;
padding: 0 25px;
margin: 40px auto;
background: transparent url('../images/bg_timeline_box_btm.png') no-repeat center bottom;
} 

#content .ui-tabs-panel .tab_block h5{
color: #efefef;
font-weight: bold;
background: transparent url('../images/yearbadge.png') no-repeat bottom center;
padding-top: 30px;
line-height: 40px;
height: 46px;
}

#content .ui-tabs-panel img{
margin-top: -85px;
}
/* jQuery UI Accordeon */
#accordion h3{font-size:1.1em;margin:5px 0 0 0;}
#accordion h3 a{
	background: transparent url('../images/arrow_content.gif') no-repeat left 2px;
	padding-left:18px;
	color:#525051
}
#accordion h3.ui-state-active a{
	background: transparent url('../images/arrow_content.gif') no-repeat left bottom;
	color:#953D6F
}
#accordion div{
	margin:5px 0 5px 18px;
	border-left:2px solid #953D6F;
	padding-left:5px
}