/******* FONTS *******/
/*@font-face {
	font-family: HELVENUL;
	src: url('../fonts/HELVENUL.TTF');
}*/



/******* Structure *******/

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

body {
	color:#FFF;
	font: 0.8em/1.2em Helvetica, Verdana, sans-serif;
}

#package {
	position: relative;
	width: 900px;
	height:100%;
	text-align: left;
	margin: 0 auto;
	min-height:450px;
	/*margin-top:8px;*/
}

#content {

}

#background {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#FFF;	
	z-index:-1;
}

/******* Masthead *******/

#masthead {
	position: relative;
	width: 900px;
	height:75px;
	margin: 0 auto;
	padding-top:8px;
}

#masthead>div{
	background-color:#393B3D;
	width:100%;
	height:100%;
}

#masthead a.logo {
	color:#FFF;
	font: normal 56px/1em Helvetica, Sans-serif;
	font-weight:normal;
	position: absolute;
	bottom: 3px;
	left:20px;
}


/******* Menu & Language *******/

ul#menu {
	position: absolute;
	right: 14px;
	bottom: 12px;
	margin: 0;
	/*text-shadow: #393B3D 2px 2px 2px;*/
	letter-spacing:1px;
}

ul#menu li, ul#language li {
	display: inline;
}

ul#menu a, ul#language a{
	color: #FFF;
	margin-left: 0.3em;
	font-size:12px;
}

ul#language a{
	margin:0px 0px 0px -5px;
	padding:0;
}

ul#menu a:hover, ul#menu a.active, ul#language a:hover, ul#language a.active {
	color: #1D7C9B;
}

ul#language {
	display:inline;
	margin:0;
}

ul#menu #menu-divider{
	margin:0 4px 0 6px;
	text-align:center;
	font-size:11px;
}


/******* Typography *******/

a {
	color: #222;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #1D7C9B;
}

h2, h3, h4, h5 {
}

p {
	line-height:1em;
}

p a{
	/*border-bottom:thin dotted #222;*/
	font-weight:bold;
}

ul, ol {
	margin: 0 55px;
}

ul {
	list-style: square;
}

li {
	margin: 0.5em 0;
}

em{
	font-style:italic;
}

strong{
	font-weight:bold;
}



/******* Form *******/	
input, select{
	border: solid 1px #BDAFA3;
	padding:1px;
	font: 1em/1.4em Helvetica, Verdana, sans-serif;
}

input.error{
	background-color:#BDAFA3;
	color:#FFF;
}

input[type=submit], .submit-done, .loading-data{
	margin-top:15px;
	border: solid 1px #BDAFA3;
	background-color:#BDAFA3;
	cursor:pointer;
	font-size:1em;
	color:#FFF;
	display:block;
}

 .submit-done, .loading-data{
 	background-color:transparent;
	color: #BDAFA3;
	border:none;
	cursor:default;
 }


/******* News *******/
#grid{
	background: #fff;	
	overflow:hidden;
}

#grid.grid-1>div{
	width:294.5px;
	float:left;
	margin-top:8px;
	margin-left:8px;
}

#grid.grid-1>div#last-colomn{
	float:right;
}


#grid.grid-1>div:first-child{
	margin-left:0;
}

#grid.grid-1>div>a{
	display:block;
	width:100%;
	margin-bottom:8px;
	background-color:#FFF;
	position:relative;
	overflow:hidden;
	color:#FFF;
}

#grid.grid-1>div>a>div.block-content{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

#grid.grid-1>div>a>div.block-header, #grid.grid-1>div>a>div.block-header .block-header-content, #grid.grid-1>div>a>div.block-header .block-header-background{
	height:65px;
	width:294.5px;
	position:absolute;
	bottom:0;
	left:0;
	padding:8px;
}

#grid.grid-1>div>a>div.block-header{
	border-top:8px solid #FFF;
}

#grid.grid-1>div>a>div.block-header .block-header-content{
	margin-top:8px;
	font-size:10px;
	letter-spacing:0.5px;
	font-size:12.5px;
}

#grid.grid-1>div>a>div.block-header .block-header-content p{
	font-weight:bold;
	line-height:1.2em;
	font-size:10px;
	padding-right: 16px;
	margin-top:2px;
}

#grid.grid-1>div>a>div.block-header .block-header-background{
	margin-top:8px;
	
	-khtml-opacity:.70; 
	-moz-opacity:.70; 
	-ms-filter:”alpha(opacity=70)”; 
	filter:alpha(opacity=70); 
	opacity:.70; 
	z-index:0;
}

#grid.grid-1>div>.block-1{
	height:400px;
}

#grid.grid-1>div>.block-2{
	height:266px;
}

#grid.grid-1>div>.block-3{
	height:400px;
}

#grid.grid-1>div>.block-4{
	height:266px;
}

#grid.grid-1>div>.block-5{
	height:400px;
}

#grid.grid-1>div>.block-6{
	height:266px;
}


/******* Footer *******/

div#footer {
	color: #222;
	width: 900px;
	font-size: 10px;
	line-height:1.2em;
	margin: 0 auto;
/*  overflow:hidden;*/
	margin-top:2em;
}

div#footer>div{
	float:left;
}

div#footer p{
	margin-bottom:8px;	
}

#design-link{
	float:right;
}





/******* PAGE CONTENT DEFAULT *******/
.page-content{
	background-color:#FFF;
	background-color: rgba(255,255,255,0.95);
	color:#222;
}

.page-content>div{
	padding:16px;
	overflow:hidden;
}

.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5{
	color:#888;
	margin-bottom:16px;
}

.page-content p{
	line-height:1.2em;
}


/******* News *******/
#news #newsletter-form, #nieuws #newsletter-form{
	font-size:11px;
	margin-top:5px;
	position:absolute;
	bottom:7px;
}

#news #newsletter-form input[type=text], #nieuws #newsletter-form input[type=text]{
	width:160px;
	border:none;
	padding:1px;
	position:absolute;
	bottom:3px;
}

#news #newsletter-form input[type=text].error, #nieuws #newsletter-form input[type=text].error{
	background-color:#687A8D;
	color:#FFF;
}

#news #newsletter-form input[type=submit], #nieuws #newsletter-form input[type=submit]{
	background-color:transparent;
	border:none;
	color:#FFF;
	cursor:pointer;
	font-size:12px;
	margin-left:0.5em;
	position:absolute;
	left:160px;
	bottom:2px;
	
}



/******* SHOP *******/
#shop .page-content, #algemene-voorwaarden .page-content, #terms-and-conditions .page-content, #thank-you .page-content{
	width:100%;
	overflow:hidden;
	padding:16px 0;
}

#shop .page-content p, #algemene-voorwaarden .page-content p, #terms-and-conditions .page-content p{
	margin-bottom:1em;
}

#shop .page-content>div, #algemene-voorwaarden .page-content>div, #terms-and-conditions .page-content>div, #shopfinder .page-content>div{
	padding:0;
}

#shop-nav{
	width:255px;
	float:left;
	margin-left:18px;
}

#shop-content{
	float:right;
	width:605px;	
}

#shop-categories{
	margin:0;
}

#shop-categories li{
	margin:0 0 0.6em 0;
}

#shop-categories a{
	color:#666;
}

#shop-categories a:hover, #shop-categories a:focus, #shop-categories a.active{
	color:#000;
}

.shop-items{
	margin:0;
}

.shop-items li{
	width:105px;
	height:155px;
	float:left;
	margin:0 0 16px 16px;
	position:relative;
	overflow:hidden;
}

.shop-items .item-option-images{
	height:135px;
}

.shop-items .item-option-images img{
	margin: 0 auto;
	cursor:pointer;
}

.item-title{
	background-color:#BDAFA3;
	color:#FFF;
	padding:2px 4px 4px 4px;
	font-weight:bold;
	font-size:0.85em;
}

.item-title:hover, .shop-items li:hover .item-title{
	background-color:#393B3D;
}


#shop-cart-menu{
	color:#555;
	margin:35px 0px 35px 0;
	display:block;
}

#shop-cart-menu a{
	display:block;
}

#shop-cart-menu a:hover, #shop-cart-menu a.active{
	color:#2CBEF0;
}

#shop-sub{
	margin:35px 0 0 0 ;
}

#shop-special{
	width:150px;
}

#shop-special h4{
	margin-bottom:0.2em;
}


/* SHOP ITEM DETAIL */
#shop #shop-content{
  overflow: visible;
}

#shop #shop-content.detail #shop-image{
  float:left;
  width:360px;
  position: relative;
}

#shop #shop-content.detail #shop-image > #large-image-container{
  float:none;
	width:360px;
	height:452px;
	background: url(../images/loading.gif) no-repeat center center;
	position:relative;
	text-align:center;
}

#shop #shop-content.detail  #shop-image-nav > #shop-item-catalogue{
  margin: 24px 0 8px 0;
  padding: 0;
  display: block;
}

#shop #shop-content.detail #shop-image-nav > #shop-item-catalogue li{
  display: inline-block;
  width: 60px;
  height: 60px;
  background-color: #BDAFA3;
  margin: 0 5px 0 0;
  border: thin solid #BDAFA3;
  position: relative;
  zoom: 1;
  *display: inline;
}

#shop #shop-content.detail #shop-image-nav > #shop-item-catalogue li a{
  outline: 0;
  border: 0;
}

#shop #shop-content.detail #shop-image-nav > #shop-item-catalogue li.active{
  border-color: #393B3D;
}

#shop #shop-content.detail #shop-image-nav > #shop-item-catalogue li.active:before{
  content: '';
  display: block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #393B3D;
  position: absolute;
  left: 20px;
  margin-top: -14px;
}

#shop #suggestions{
  display: none;
  margin-top:16px;
}

#shop #shop-content #info{
  background-color:#BDAFA3;
	color:#FFF;
	padding:16px;
	margin-left:16px;
  height: 542px;
	font-size:0.9em;
	position:relative;
}

#shop #shop-content.detail #info h1{
	color:inherit;
	font-size:1.3em;
}

#shop #shop-content.detail #info p{
  line-height:1.2em;
	font-weight:bold;
	height: 380px;
	overflow:auto;
	padding-right:10px;
	letter-spacing:0.03em;
}

#shop #shop-content.detail #back{
	position:absolute;
	bottom:-26px;
	left:0;
}

#shop #shop-content.detail #back:hover{
	color:#FFF;
}

#shop #shop-content.detail>div{
	float:right;
	width:244px;
}

#shop #shop-content.detail #price{
	margin:12px 0 12px 0;
	font-size:1.4em;
}

#shop #shop-content.detail #price>div{
	width:50px;
	display:inline;
}

#shop #shop-content.detail #price small{
	font-size:0.7em;
}

#shop #shop-content.detail #discount{
	font-weight:bold;
	margin-top:-12px;
	margin-bottom:12px;
}

#shop #detail-form{
	position:absolute;
	bottom:16px;
	left:16px;
}

#shop #detail-form label{
	display:block;
	width:200px;
	margin-bottom:6px;
}

#shop #detail-form label span{
  width: 70px;
  display: inline-block;
}

#shop #detail-form div{
	width:75px;
	float:left;
	font-weight:bold;
}

#shop #detail-form select{
	width:120px;
}

#shop #detail-form input[type='submit']{
	display:block;
	border:none;
	font-size:1.4em;
	background:none;
	color:#FFF;
	padding:0;
	margin:0;
	cursor:pointer;
	margin-top:16px;
	margin-left:-3px;
}

#shop #detail-form input[type='submit']:hover{
	color:#393B3D;
}

#shop #detail-form input[type='submit'].sold-out{
	color:#393B3D;
	cursor:default;
}


/*http://listjs.com*/
#shopfinder #shop-content{
  width: 100%;
}

#shopfinder input{
  padding: 2px 10px;
  border-radius: 5px;
  width: 200px;
  outline: 0;
}

#shopfinder .sort{
  margin-left: 20px;
  cursor: pointer;
}

#shopfinder ul.list{
 margin: 40px 0 20px 0; 
}

#shopfinder ul.list li{
  margin: 20px 0;
  width: 400px;
}

#shopfinder select.hidden,
#shopfinder ul.list li.hidden{
  display: none;
}


#shopfinder ul.list li > .header{
  display: inline-block;
  padding-bottom: 10px;
  border-bottom: thin solid #888;
  width: 100%;
}

#shopfinder ul.list li > .header > span{
  display: inline-block;
  vertical-align: middle;
}


#shopfinder ul.list li .shop{
 font-size: 140%; 
}

#shopfinder ul.list li .location{
  float: right;
}


#shopfinder ul.list li .city{
  font-size: 110%; 
}

#shopfinder ul.list li .description{
  padding:5px 0 10px 0;
  color: #888;
  line-height: 1.2em;
}

#shopfinder ul.list li .description .adress{
  display: block;
  padding-bottom:5px;
  color: #393B3D;
  font-size: 100%; 
}

#shopfinder ul.list li .description p{
  margin-bottom: 5px;
}


/******* SHOP CART *******/
#cart .page-content{
	width:100%;
	overflow:hidden;
	padding:16px 0;
}

#cart .page-content #shop-cart{
	margin-left:65px;
	font-size:11px;
}

#shop-cart h4{
	margin-left:175px;
	margin-bottom:30px;
	font-size:13px;
}

#shop-cart h5{
	margin-left:175px;
	margin-top:50px;
	font-size:13px;
}

#grand-total{
	margin-left:175px;
}

#cart-list>div{
	margin-left:120px;
}

#cart-list li{
	margin-bottom:30px;
}

li.template{
	display:none;
}

#cart-list li img{
	float:left;
	margin-right:15px;
	width:105px;
	height:129px;
}

#cart-list li dl{
	overflow:hidden;
	line-height:1.25em;
}

#cart-list li dt{
	float:left;
	clear:left;
	width:100px;
}

#cart-list dd.color{
	margin-bottom:10px;
}

#cart-list li dd{
	float:left;
}

#cart-list li .edit{
	margin-top:10px;
	font-style:italic;
}

#cart-list li .edit a{
	display:block;
}

#grand-total li{
	line-height:0.8em;
}

#grand-total li:first-child{
	margin-bottom:15px;
}

#cart-nav{
	margin-left:175px;
	margin-top:30px;
}

#cart-nav a{
	display:block;
}

#cart-nav #continue{
	margin-bottom:25px;
}

#checkout-paypal, #checkout-ideal{
	margin-bottom:5px;
	display:block;
}

#checkout-paypal{
	background: transparent url(../images/icons/paypal-icon.jpg) no-repeat center left;
	padding-left:35px;
	height:37px;
	line-height:32px;
}

#checkout-ideal{
	background: transparent url(../images/icons/ideal-icon.gif) no-repeat center left;
	padding-left:37px;
	height:35px;
	line-height:32px;
}


/******* SHOP CART ORDER *******/
#shop-cart-order h1{
	margin-bottom:15px;
}

#shop-cart-order p{
	margin-bottom:30px;
}

#shop-cart-order label{
	display:block;
	overflow:hidden;
	width:350px;
	margin-bottom:6px;
}

#shop-cart-order label input{
	float:right;
	width:250px;
}

#shop-cart-order label select{
	float:right;
	width:254px;
}

#shop-cart-order #grand-total{
	margin-left:0;
	margin-bottom:30px;
}

/******* SHOP CHECKOUT *******/
#shop-checkout{
	display:none;
}

.shop-mode{
	margin-bottom:30px;
	overflow:hidden;
}

.shop-mode img{
	float:left;
}

.shop-mode span{
	line-height:2.4em;
	float:left;
	margin-left:0.5em;
}

/******* SHOP CHECKOUT WITH IDEAL *******/
#ideal{
	margin-top:10px;
}

#ideal small{
	font-weight:bold;
}

#ideal ul{
	margin:0;
}

#ideal ul li{
	cursor:pointer;
}

#ideal ul li:hover{
	color:#2CBEF0;
}



/******* SHOP SUB PAGE *******/
#shop-content{

}


/******* ABOUT *******/
#about .page-content, #over .page-content{
	position:absolute;
	bottom:64px;
	width:100%;
}

#about .page-content p, #over .page-content p{
	width:29.5%;
	float:left;
	margin-left:45px;
}

#about .page-content p.first, #over .page-content p.first{
	margin-left:0;
}



/******* PRESS *******/
#press .page-content, #pers .page-content{
	position:absolute;
	bottom:64px;
}

#press .page-content>div, #pers .page-content>div{
	min-width:250px;
}

#press .page-content dt, #pers .page-content dt{
	color:#ABABAB;
	margin-bottom:8px;
}

#press .page-content dd, #pers .page-content dd{
	margin-bottom:24px;
	/*font-size:0.8em;
	font-weight:bold;*/
}

#press .page-content dd a, #pers .page-content dd a{
	font-weight:bold;
}




/******* CONTACT *******/
#contact .page-content{
  bottom: 64px;
  height: 65%;
  overflow: auto;
  position: absolute;
  width: 100%;
}

#contact .page-content p{
	margin-bottom:16px;
}


/******* CUFON *******/
.cufon-loading ul#menu, .cufon-loading ul#language, .cufon-loading h1, .cufon-loading h2, .cufon-loading h3, .cufon-loading h4, .cufon-loading h5, .cufon-loading h6, .cufon-loading dt{
	visibility: hidden !important;
}


/******* CARROUSEL *******/
img.carrousel{
	display:none;
}

img.carrousel.active{
	display:block;
}
