/*******************************/
/**       CSS DOCUMENT        **/
/**   OWNED BY DROOMSLICING   **/
/**   COPYRIGHT 2009 - 1010   **/
/**       www.idroom.nl       **/
/*******************************/


/*******************************/
/* REGULAR COMMANDS */
/*******************************/

html{ height: 100%;}
body{ height: 100%; min-height: 100%; margin:0px; padding:0px; color:#1b1b1b; font-size:12px; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;text-decoration:none;background:url(../images/bg2.jpg) repeat top;}
body a{ text-decoration:none;color:#3E828D;font-weight:normal;}
body a:hover{text-decoration:none;color:#3E828D;font-weight:normal;}

.clear{clear:both; overflow:hidden; height:0px;} img{border:0px; display:block;} ul, li{list-style:none; margin:0px; padding:0px; } form, fieldset {margin:0px;padding:0px;border:0;} h1, h2, h3, h4, h5 {margin:0px; padding:0px;}

/*******************************/
/* FORMS */
/*******************************/
input {font-size:12px;font-family: Georgia, Verdana, Arial, Helvetica;height:20px;margin-bottom:5px;padding:1px;border: 1px solid #8B6D62;}
textarea {font-size:13px;font-family: Georgia, Verdana, Arial, Helvetica;margin-bottom:5px;padding:1px;border: 1px solid #8B6D62;}
hr {color:#3E828D;}
.formtag {width:500px;font-weight:bold;display:block}

/*******************************/
/* CONTAINER DIVISION */
/*******************************/
#containershadow { position:relative; width:1032px; margin:0 auto; height:auto !important; height:100%; min-height:100%; }
#container { position:relative; width:1000px; margin:0 auto; margin-left:16px; height:auto !important; height:100%; min-height:100%; }


/*******************************/
/* TOP DIVISION */
/*******************************/
#container #loggedin{position:relative; width:990px; padding:5px; height:15px;background:#FEECC8;color:black}
#container #loggedin a{text-decoration:underline}
#container #loggedin a:hover{text-decoration:none}
#container #top{position:relative; width:945px; padding:0px 21px 0px 34px; height:107px; background:url(../images/header6.jpg) no-repeat;border-bottom:3px solid #76ADB8;}
#container #top #logo{ float:left; text-align:center; font-family: Georgia, Verdana, Arial, Helvetica; font-size:1.25em; width:294px; height:60px;}
#container #top #logo h1{ font-size:1.0em; font-weight:normal; margin:0px; padding:0px; }
#container #top #logo h1 a{ display:block; cursor:pointer; width:294px; height:30px; padding:54px 0px 0px 0px; color:#00f0ff; }
#container #top #slogan{ float:left; text-align:center; font-family: Georgia, Verdana, Arial, Helvetica; font-size:1em; position:absolute; top:58px; left:36px; color:#63483B; letter-spacing: 0.049em;}
#container #top #images{ float:right; padding:9px 0px 11px 0px; }
#container #top #images em{ float:left; margin:0px 0px 0px 11px; width:155px; height:80px; }
#container #top #images em img{width:155px; height:80px; }
#container #top ul{ clear:both; display:block; height:38px; position:absolute;top:85px;width:350px; left:672px;}
#container #top ul li{ display:block; float:left; height:38px;}
#container #top ul li span{ font-size:10px;font-weight:bold;}
#container #top ul li a{ color:#37312F; font-size:0.95em; line-height:47px; padding:0px 10px 0px 12px; display:block; float:left; background:url(../images/shopcartbg2.png) no-repeat; height:38px;}
#container #top ul li a:hover{ text-decoration:underline;}
#container #topmenu {position:absolute;top:110px;width:600px; height:20px;color:#63483B;margin-left:-10px;}
#container #topmenu a {color:#63483B;}
#container #topmenu a:hover{ text-decoration:underline;}

/*******************************/
/* MIDLE DIVISION */
/*******************************/
#container #midle {width:950px; padding:18px 30px 80px 20px;background:#FEFEFE;}

#container #midle #left {width:193px; float:left; }
#menu {margin-top:10px;margin-bottom:20px;letter-spacing: 0.005em;font-size:11px}
#menu ul {width:193px; background:#FFDDD1; padding-bottom:10px}
#menu ul li{ color:#63483B;line-height:19px; display:block; width:200px;}
#menu ul li a{ color:#00f0ff; text-indent:11px; line-height:19px; height:21px;display:block;}
#menu ul li a:hover{ color:#fff;text-decoration:underline;}
#menu ul li.item { background:url(../images/menukop_bg.jpg) no-repeat;min-height:34px;width:180px;}
#menu ul li.item a{ text-align:center; text-indent:0px; margin:0px 0px 0px 0px;}
#menu ul li.special a{ color:#fff;}
#menu ul li.special a:hover{ color:#00f0ff;}
#menu ul li.last a{ margin:0px 0px 0px 0px;}

#container #midle #left div#menu ul ul {width:193px; padding:9px 0px 10px 0px; }
#container #midle #left div#menu ul ul li{ }
#container #midle #left div#menu ul ul li a{ color:#63483B; margin:0px; text-indent:30px; height:21px; background:url(../images/bgmenunew2.jpg) no-repeat; text-align:left; }
#container #midle #left div#menu ul ul li a:hover{ color:#13949c;  }


#container #midle #right {width:720px; float:right;}
#container #midle #right #bread{width:720px; height:21px; margin:25px 0px 13px 0px; border-bottom:1px solid #9a9a9a;color:#3E828D;}
#container #midle #right #bread ul{height:21px; display:block; font-size:0.95em;}
#container #midle #right #bread ul li{height:21px; float:left; display:block;}
#container #midle #right #bread ul li a{color:#3E828D; height:21px; line-height:17px; padding:0px 15px 0px 0px; float:left; display:block; background:url(../images/bg_bread.jpg) no-repeat right;}
#container #midle #right #bread ul li.last {background:none; color:#63483B; margin-top:2px;}
#container #midle #right #bread ul li a:hover{color:#3E828D;text-decoration:underline;}


#container #midle #right img.header{float:left; border:2px solid #dddddd; margin:0px 0px 0px 0px;}
#container #midle #right .menuproducten{float:right; width:320px;padding-top:3px;}
#container #midle #right h1{font-size:1.3em; text-indent:27px; font-weight:normal; background:url(../images/topmenuicon.png) no-repeat; display:block; height:25px; width:100%; border-bottom:1px solid #9A9A9A; margin-bottom:10px;}
#container #midle #right h1 a{ color:#333333; }
#container #midle #right h1 a:hover{ color:#3E828D; }
#container #midle #right .menuproducten ul{width:150px; padding:0;margin-right:10px;float:left;}
#container #midle #right .menuproducten ul li{width:145px; line-height:26px;}
#container #midle #right .menuproducten ul li a{color:#1b1b1b; font-size:1.2em; width:145px; line-height:26px; display:block; border-bottom:1px solid #c5c5c5;}
#container #midle #right .menuproducten ul li a:hover{color:#3E828D; }

#container #midle #right .producten{ width:100%;}
#container #midle #right .producten h2{font-size:1.5em; text-indent:27px; font-weight:normal; background:url(../images/bg_h1.gif) no-repeat; display:block; height:25px; margin:34px 0px 7px 0px; width:100%; border-bottom:1px solid #3E828D;}
#container #midle #right .producten .product{position:relative; height:295px; min-height:295px; margin:10px 0px 0px -2px; padding:0px 28px 35px 35px; width:125px;float:left;color:#63483B;}
#container #midle #right .producten .first{ padding-left:0;margin-left:3px}
#container #midle #right .producten .last{  padding-right:0 }
#container #midle #right .producten .productborder{  border:1px solid #fdf1ea; padding:0; margin:0;width:150px;}
#container #midle #right .producten .product .info{  height: 50px; background:#fdf1ea; padding-top:5px;padding:5px;width:140px;}
#container #midle #right .producten .product h3{ width:150px; color:#058e97; display:block; margin:0px; padding:2px 0px 5px 0px;font-size:13px; font-weight:bold;}
#container #midle #right .producten .product h3 a{ color:#058e97;font-weight:bold;font-size:0.9em;}
#container #midle #right .producten .product h3 a:hover{ color:#058e97; text-decoration:underline;}
#container #midle #right .producten .product em{ display:block; text-align:center; padding:0px 0px 0px 0px;height:225px;}
#container #midle #right .producten .product em img{ margin-top:auto;vertical-align:middle;}
#container #midle #right .producten .product strong{ color:#6B5140; display:block; text-align:left; vertical-align:bottom; font-size:1.0em;width:140px;padding:5px; font-weight:bold; background:#fdf1ea;}
#container #midle #right .producten .product h4 {font-weight:normal;font-size:12px;display:inline;margin-right:6px;color:#604335;height:15px;}
#container #midle #right .producten .product p{ width:120px;font-size:0.95em; margin:0px; padding:0px 0px 16px 0px; text-align:justify;}
#container #midle #right .producten .product span{ line-height:22px; text-align:center; z-index:100; position:absolute; left:0px; bottom:0px; display:block; width:140px; height:1px; background:#AAAAAA;}
#container #midle #right .producten .product span a{ color:#fff;}
#container #midle #right .producten .product span a:hover{ color:#00f0ff;}

#size {color:#6B5140;margin-bottom:5px;text-align:right;margin-right:6px;font-weight:bold;float:left;width:120px;margin-top:3px;}
#sort {color:#6B5140;margin-bottom:5px;text-align:right;margin-right:2px;font-weight:bold;float:left;width:215px;margin-top:3px;}
#perpage {color:#6B5140;margin-bottom:5px;text-align:right;margin-right:3px;font-weight:bold;float:left;width:125px;margin-top:3px;}
#style {color:#6B5140;margin-bottom:5px;text-align:right;margin-right:4px;font-weight:bold;float:left;width:155px;margin-top:3px;}

#container #midle #right #filters {width:705px;float:left;background:#FDF1EA;padding-left:5px;height:25px;padding-top:2px;margin-bottom:5px;margin-left:2px}
#container #midle #right #subfilter {width:705px;float:left;background:#FDF1EA;padding-left:5px;height:auto;padding-top:4px;padding-bottom:4px;margin-top:-5px;margin-left:2px;color:#63483B;}
#container #midle #right #subfilterlabel {width:110px;float:left;color:#63483B;height:16px}
#container #midle #right #subfilter a:hover {text-decoration:underline}
#container #midle #right #filterlabel {width:75px;float:left;padding-top:4px;color:#63483B;}
#container #midle #right #rownumproducts {width:100%;float:left;margin-bottom:5px}
#container #midle #right #numproducts {color:#6B5140;float:left;}
#container #midle #right #numproducts h1 {border:0;background:none;font-size:15px;text-indent:0;height:15px;font-weight:bold;margin-left:2px;}
#container #midle #right #numproducts h1 a {color:#6B5140;border:0;background:none;font-size:15px;text-indent:0;height:15px;font-weight:bold;margin-left:2px;}
#container #midle #right #numproductsactual {float:left;margin-top:2px}

#freetransport {position:absolute;top:130px;left:635px;font-family: Georgia, Verdana, Arial, Helvetica; font-size:1.0em; color:#6FA17E; font-weight:bold;}

#container #midle #right img.product{float:left; width:246px; border:2px solid #dddddd; margin:0px 0px 0px 0px;}
#container #midle #right #specificaties{float:right; width:432px; font-size:1.2em;}
#container #midle #right #specificaties h1 {font-size:22px;color:#43828E;border:0;margin:0;margin-bottom:8px;height:auto}
#container #midle #right #specificaties h2 {font-size:14px;font-weight:normal;margin-bottom:15px;}
#container #midle #right #specificaties ul{display:block; padding:10px 0px 17px 0px;}
#container #midle #right #specificaties ul li{line-height:25px; display:block; border-bottom:1px solid #c5c5c5;}
#container #midle #right #specificaties ul li strong{font-weight:normal; float:left; width:182px;}
#container #midle #right #specificaties ul li span{font-weight:normal; float:left; width:245px;}
#container #midle #right #specificaties ul li em{color:#3E828D; font-style:normal;}

#container #midle #right .bestel{ width:450px;height:40px; text-align:center;}
#container #midle #right .bestel em a{ padding:2px 15px 3px 15px; line-height:20px; color:#fff; display:inline;font-style:normal; cursor:pointer; background:#3E828D;}
#container #midle #right .bestel em a:hover{ background:#005c62;}
#container #midle #right .bestelcart{ width:450px; text-align:right; padding-top:2px; font-size:12px;}
#container #midle #right .button{background:#e0fdff; width:150px; border:1px solid #3E828D; height:30px; text-align:center;font-weight:bold;cursor:pointer;clear:both;}

#container #midle #right .omschrijving h1{color:#3E828D;margin:30px 0px 0px 0px;width:720px; font-size:1.3em; font-weight:normal; background:none; text-indent:0px; display:block; height:30px; border-bottom:0px solid #3E828D;}
#container #midle #right .omschrijving h1 span{color:#333333; padding:0px 0px 0px 6px;}
#container #midle #right .omschrijving p{font-size:1.1em; margin:0px; padding:0px 0px 18px 0px; color:#63483B;text-align:justify;}

#container #midle #right .productnavigation {margin-top:30px;height:65px;width:710px;}
#container #midle #right .productnavigation a:hover{ text-decoration:underline;}
#container #midle #right .productnavigation #previous {float:left;width:240px;height:65px;}
#container #midle #right .productnavigation #previous img {margin-top:5px;}
#container #midle #right .productnavigation #list {float:left;font-weight:bold;width:230px;vertical-align:bottom;}
#container #midle #right .productnavigation #list a {font-weight:bold;}
#container #midle #right .productnavigation #next {float:left;width:240px;text-align:right;height:65px;}
#container #midle #right .productnavigation #next img {position: absolute;right:35px;margin-top:15px;}
#container #midle .text {padding-top:10px;}

/*******************************/
/* FOOTER DIVISION */
/*******************************/

#container #footer{ z-index:1000; font-size:0.9em; position:absolute; bottom: 0; width:1000px; padding:0 0px 0px 0px; height:55px;background:#85BCC7;margin:0;}
#container #footer img{ display:inline; float:left;}
#container #footer p{ float:left; margin:0px; margin-left:15px;margin-top:11px;  padding:0px; line-height:20px; color:#fff; font-style:italic; font-size:1.05em;}
#container #footer p a {color:white}
#container #footer p a:hover {text-decoration:underline}
#container #footer ul { float:right; margin-top:16px;margin-right:10px;}
#container #footer ul li{ float:left; margin:0px; padding:0px;}
#container #footer ul li a{ margin:0px; color:#7D6A62;}
#container #footer ul li a:hover{ color:black; }
#container #footer ul li img {margin: 3px 10px 0 10px}

/*******************************/
/* MEDIA DIVISION */
/*******************************/

#container #media {margin-top:15px;line-height:18px;font-size:13px}
#container #media .mediacontainer {float:left;width:720px;min-height:150px;}
#container #media .mediaitem {margin-bottom:50px;float:left;width:530px;}
#container #media .mediaitemextended {margin-bottom:50px;float:left;width:605px;}
#container #media .mediaitemextended ul {margin-left:30px}
#container #media .mediaitemextended li {list-style:square;margin-top:10px}
#container #media .mediaitemextended2 {margin-bottom:50px;float:left;width:100%;text-align:justify;}
#container #media .head {font-weight:bold;font-size:17px;color:#7b483b;margin-bottom:3px;border-bottom:1px dotted #7b483b;}
#container #media .head span {float:left;margin-right:3px;}
#container #media .story {line-height:17px;text-align:justify;}
#container #media .date {margin-top:5px;margin-bottom:5px;color:#7D6A62;}
#container #media .link {margin-top:5px;}
#container #media .link a {text-decoration:underline;}
#container #media .imageleft {width:150px;min-height:120px;float:left;margin-right:20px;border:1px solid #FFD7CB;padding:5px;}
#container #media .imageleftsmall {width:75px;float:left;margin-right:20px;border:1px solid #FFD7CB;padding:5px;}
#container #media .imageright {width:150px;min-height:120px;float:left;;margin-left:20px;border:1px solid #FFD7CB;padding:5px;}
#container #media .imagerightsmall{width:75px;float:left;;margin-left:20px;border:1px solid #FFD7CB;padding:5px;}

#container #interview {margin-top:15px;line-height:18px;font-size:13px}
#container #interview .interviewcontainer {float:left;width:720px;min-height:150px;}
#container #interview .interviewitem {margin-bottom:50px;float:left;width:530px;}
#container #interview .interviewitemextendedfull {margin-bottom:50px;float:left;width:710px;}
#container #interview .interviewitemextended {margin-bottom:50px;float:left;width:580px;}
#container #interview .interviewitemextendedfull ul {margin-left:30px}
#container #interview .interviewitemextendedfull li {list-style:square;margin-top:10px}
#container #interview .head {font-weight:bold;font-size:17px;color:#7b483b;margin-bottom:3px;border-bottom:1px dotted #7b483b;}
#container #interview .head span {float:left;margin-right:3px;}
#container #interview .story {line-height:17px;text-align:justify;}
#container #interview .date {margin-top:5px;margin-bottom:5px;color:#7D6A62;}
#container #interview .link {margin-top:5px;}
#container #interview .link a {text-decoration:underline;}
#container #interview .imageleft {width:150px;min-height:120px;float:left;margin-right:20px;border:1px solid #FFD7CB;padding:5px;}
#container #interview .imageleftsmall {width:100px;float:left;margin-right:20px;border:1px solid #FFD7CB;padding:5px;}
#container #interview .imageright {width:150px;min-height:120px;float:left;;margin-left:20px;border:1px solid #FFD7CB;padding:5px;}
#container #interview .imagerightsmall{width:100px;float:left;;margin-left:20px;border:1px solid #FFD7CB;padding:5px;}

.picenlarge {
	color: black;
	font-size: 10px;
}

.picenlarge a {
	color: black;
}

.tooltip {}

a.tooltip{
    position:relative; /*this is the key*/
    z-index:24; background-color: #ccc;
    color: #000;
    text-decoration:none;
	border: 0;
	padding: 0;
	margin: 0;
	background: none;
	cursor: pointer;
	font-family: Arial; font-size: 12px; color: #3E828D;
	display:inline;
}

.tooltip a:hover{
	z-index:25; 
	background-color: white;
	text-decoration: none;
}

a.tooltip span{
    display:none;
    position:absolute;
    top:2em; left:2em; width:250px;
    border:1px solid #777c82;
    background-color: white; 
	font-weight: normal;
	padding: 5px;
	font-family: Arial; font-size: 12px; color: #3E828D;
}
div.subCat {
	width: 720px;
}
div.subCatImage {
	clear:both;
	float:left;
	width:280px;
	margin-left:9px;
}
div.subCatImage img {
	height: 100px;
}
#loading {
	position: relative;
	top: 200px;
	width: 600px;
	margin: auto;
	text-align: center;
}
#saveButton {
	clear:both;
}
img.loading {
	margin: auto;
}
div.spotlight {
	float: left;
	padding:3px;
}
#container #midle #right #products h2 {
	font-size:1.5em; 
	text-indent:27px; 
	font-weight:normal; 
	background:url(../images/bg_h1.gif) no-repeat; 
	display:block; 
	height:25px; 
	margin:34px 0px 7px 0px; 
	width:100%; 
	border-bottom:1px solid #3E828D;
}
div.selectProducts {
	float:left;
}
div.subCatColor {
	float:left;
	width:150px;
}
div.selectProduct {
	float:left;
	margin-bottom: 10px;
}
strong.spotHead {
	color: #63483B;
}
#succesMessage {
	padding: 10px;
}
div.productImage {
	float: left;
	margin-right: 2px;
}
#stored {
	color: #63483B;
	font-weight: bold;
	width: 600px;
	text-align: center;
}

.productoptions a:hover {
	text-decoration: underline;
}

#searchform {
	float: right;
	margin-top: 8px;
	margin-right: -10px;
}

.searchformfield {
	width:150px;
	height:15px;
	padding:1px;
	margin:0;
	float:left;
	font-size:11px;
}

select {
	border: 1px solid #dcdcdc;
	font-size: 11px;
	color: #6B5140;
	padding-left: 5px;
	width: 130px;
	font-family: Georgia, Verdana, Arial, Helvetica;
	-webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.navlinks b a
{
	padding:3px 5px;
	border:1px solid #ccc;
	float:left;
}

.navlinks b a:hover { border-color:#888; text-decoration:none;}


.paging {font-size:13px;float:left;margin:0;color:#6B5140;margin-bottom:20px;width:100%;margin-top:15px}
.paging a {font-size:13px;}
.paging a:hover {text-decoration:underline}
.paging .total {float:left;margin-right:20px;margin-top:5px}
.paging .prev {float:left;margin-right:20px;border:1px solid #FDF1EA;padding:5px}
.paging .next {float:left;margin-left:20px;border:1px solid #FDF1EA;padding:5px}
.paging .page {float:left;border:1px solid #FDF1EA;margin-right:3px;text-align:center;padding:5px 8px 5px 8px;text-decoration:none;cursor:pointer}
.paging .page a {}
.paging .page a:hover {color:white}
.paging .page a:active {text-decoration:none;}
.paging .numberon {background:#85BCC7;color:white}
.paging .numberoff {background:white;color:#85BCC7}

.cart {font-size:13px;color:#63483B;}
.cart a:hover {text-decoration:underline}
.cart td img {display:block;margin-right:5px}
.cart td span {margin-top:-1px;float:left}

#vouchertext {font-size:11px;border:1px solid #6B5140; background: #FFDDD1; padding:5px; width:198px;height:40px}

#recentviewed {width:191px;padding:0;margin:0;float:left;border:1px solid #fdf1ea;margin-bottom:15px}
#recentviewed span {color:#43828E; font-size:17px;padding:5px;line-height:25px;margin-left:25px;}
#recentviewed ul {margin-bottom:20px;margin-top:5px;padding-left:4px}
#recentviewed ul li {float:left;list-style:none;width:88px;margin-left:5px;height:135px}

.checkvoucher {background:#FFDDD1;height:23px;cursor:pointer}
#novintage {width:720px;text-align:center;font-size:14px;color:#447E8C;margin-top:50px;}
#catsubtitle {float:left;padding-left:4px;margin-bottom:10px;margin-top:-5px}