/*
  body, algemeen
*/

html{
  color:#3b3b3b;
  font-family:'Lucida grande',Arial,Helvetica;
  padding:0; margin:0;
}

body{
  color:#3b3b3b;
  font-family:'Lucida grande',Arial,Helvetica;
  padding:0; margin:0;

  background-image:url('/img/template/bg.jpg');
  background-repeat:repeat-x;
}
 /*
  content
*/


#content{
  background-image:url('/img/template/subnav.jpg');
  background-repeat:no-repeat;
  background-position:top left;
  padding:0; margin:0;
  border-top:1px #f3f3f3 solid;

/*  font-size:18px;*/
  font-size:12px;

  min-height:100px;
  _height:100px;
}

#content .content{
  padding:0px 38px;
}

img.left{
  float:left;
  margin:0px 8px 4px 0px;
}

img.right{
  float:right;
  margin:0px 0px 4px 8px;
}

a img{
  border:0;
}


/*
  kopteksten
*/

h2{
  color:#818ab1;
  margin:18px 0px 10px 0px;
  font-size:26px;
}


h3{
  color:#9999cc;
  margin:10px 0px 2px 0px;
  font-size:16px;
}

h4{
  color:#9999cc;
  margin:8px 0px 2px 0px;
  font-size:14px;
}


.content p,
.content ul{
  margin:0px 0px 18px 0px;
}

.content ul li ul{
  margin:6px 0px 6px 0px;
}

/*
  links
*/

#content a{
  color:#9999cc;
}
#content a:hover{
  color:#6666cc;
}

#content a em{
  font-style:normal;
}

.content a.external img{
  margin:0px 2px;
}

#footer a.external img{
  display:none;
}


/*
  review
*/

#content .review{
  background-image:url('/img/template/reviews_top.png');
  background-repeat:no-repeat;
  background-position:top left;

  width:616px;

  padding:42px 18px 4px 18px;
  margin:0px 0px 0px 30px;

  border-bottom:2px #8c93bf solid;
}

#content .review p{
  text-align:center;
}



 /*
  footer
*/

#footer{
  clear:both;
  height:170px;
  width:958px;
  margin:0; padding:0;

  background-image:url('/img/template/footer.png');
  position:relative;
}

#footer p.copyright{
  text-align:center;
  text-transform:lowercase;
  padding-top:50px;
  margin-left:-10px;
  font-size:9px;
  color:#ccc;
}

#footer p.footerLinks{
  position:absolute;
  top:51px;
  left:584px;
  text-transform:lowercase;
  margin:0; padding:0;
  font-size:9px;
  color:#ccc;
}

#footer p a{
  color:#ccc;
}


 /*
  header
*/

#header{
  clear:both;
  width:958px;
  height:99px;
  margin:0; padding:0;

  background-image:url('/img/template/head_top.jpg');
}

#header a{
  display:block;
  position:absolute;
  top:28px;
  left:182px;
  width:134px;
  height:56px;
  margin:0;
  padding:0;
}

#header a em{
  display:none;
}

 /*
  main-nav
*/

#main-nav {
  display:block;
  list-style-type:none;
  list-style-image:none;
  padding:0; margin:0;
  
  height:37px;
  background-image:url('/img/template/navbar.jpg');

}

#main-nav li{
  float:left;
  position:relative;
  z-index:10;

  background-image:url('/img/design/mainnavbullet.png');
  background-repeat:no-repeat;

  margin:0; padding:0;
  height:29px;
}

#main-nav li a{
  display:block;
  margin:0;
  padding:2px 10px;

  font-site:2.4em;
  text-decoration:none;
  font-weight:bold;

  color:#dddddd;
}

#main-nav li a em{
  font-style:normal;
}

#main-nav li a:hover{
  color:#fff;
}

#main-nav li.active{
  background-image:url('/img/template/point.jpg');
  background-repeat:no-repeat;
  background-position:center bottom;
}

#main-nav li.active a{
  color:#fff;
}

#main-nav li ul{ display:none; } /*
  pagePhoto
*/

#pagePhoto{
  height:239px;
  width:718px;
  margin:0; padding:0;

  background-image:url('/img/template/head_img1.jpg');
}

#pagePhoto .content,
#pagePhoto .content img{
  margin:0;
  padding:0;
  _font-size:0;
} /*
print onscreen
*/

.print{
  display:none;
} /*
  site
*/

#site{
  position:relative;
  width:958px;
  margin:0px auto;
  padding:0;

  background-image:url('/img/template/bg_hor_rep.png');
  background-repeat:repeat-y;
}


#site #leftBg{
  margin:0;
  padding:0px 0px 0px 120px;
  background-image:url('/img/template/bg_side_L.jpg');
  background-repeat:no-repeat;
  background-position:left top;
}

#site #rightBg{
  margin:0;
  padding:0px 120px 0px 0px;

  min-height:661px;
  _height:661px;

  background-image:url('/img/template/bg_side_R.jpg');
  background-repeat:no-repeat;
  background-position:right top;
}

#site #main{
  margin:0;
  padding:0;
  border-bottom:1px white solid;
}


 /*
  hoofdkussen specifiek
*/
body.site-2 #main-nav {
  padding-left:370px;
}


/*
  zomerdekbedden specifiek
*/
body.site-3 #main-nav {
  padding-left:300px;
}


/*
  winterdekbedden specifiek
*/
body.site-4 #main-nav {
  padding-left:300px;
}


/*
  wollendekbedden specifiek
*/
body.site-5 #main-nav {
  padding-left:300px;
}

 /*
  webshop
*/

#content .content.webshop{
  padding:0px 0px 0px 38px;
}

#content .webshop ul{
  list-style-type:none;
  display:block;
  margin:0; padding:0;
}

#content .webshop ul li{
  display:block;
  float:left;
  position:relative;

  width:210px;
  height:180px;
  margin:0px 2px 2px 0px;
  padding:0px 0px 10px 0px;
  border:1px #d6d9e6 solid;

  text-align:center;
}

div.title{
  color:#9999cc;
  margin:10px 0px 2px 0px;
  font-size:16px;
}

#content .webshop ul li .button{
  position:absolute;
  bottom:10px;
  left:18px;
  font-size:12px;
}


/*
  product information
*/

#productWrapper{
  padding:0px 38px 0px 38px;
}

#productWrapper .productPhoto{
  padding:20px 0px;
  text-align:center;
}

.productInformation table{
  border-collapse:collapse;
  width:100%;
}

.productInformation table tr th{
  width:160px;
  text-align:right;
  vertical-align:top;
  padding:1px 12px 1px 0px;
  font-size:16px;
  color:#9999cc;
}

.productInformation table tr td{
  width:462px;
  padding-bottom:12px;

}

#productWrapper .orderProduct{
  text-align:right;
}


/*
  shopping cart
*/

form#shoppingCartForm{
  padding:0px 38px 0px 38px;
}

form#shoppingCartForm table{
  border-collapse:collapse;
  width:100%;
}

#shoppingCartItems table tbody tr th,
#shoppingCartItems table tfoot tr th,
#shoppingCartItems table thead tr th{
  text-align:left;
  padding:1px 2px 1px 0px;
  font-size:16px;
  color:#9999cc;
}

#shoppingCartItems table thead tr th span{
  display:block;
  margin:4px 0px 8px 0px;
}

#shoppingCartItems table tfoot tr th,
#shoppingCartItems table tfoot tr td{
  padding:2px 6px;
  background-color:#eeedf3;
}

#shoppingCartItems table tbody tr th,
#shoppingCartItems table tbody tr td{
  vertical-align:top;
}

#editButtonDiv{
  text-align:right;
  padding:6px 0px;
}

#orderSubmitButtonDiv{
  padding:12px 0px;  
  text-align:center;
}

#orderSubmitButtonDiv button{
  font-weight:bold;
}

#customerDetails{
  margin-top:12px;
  border-top:1px #9999cc dotted;
}

#customerDetails fieldset{
  border:none;
  margin:0; padding:0;
}

#customerDetails fieldset table tbody tr td,
#customerDetails fieldset table tbody tr th{
  text-align:left;
  padding:1px 2px 1px 0px;
  font-weight:normal;
  vertical-align:top;
}

#customerDetails fieldset table tbody tr th{
  width:180px;
}

#customerDetails fieldset table tbody tr th h3{
  margin:8px 0px 6px 0px;
}

#completed{
  padding:38px 38px 0px 38px;
  text-align:center;
}



/* form elements */

form#shoppingCartForm input{
  padding:1px 2px;
  border:1px #d6d9e6 solid;
  border:1px #b7b9d9 solid;
  background-color:#f0f0f0;
}

form#shoppingCartForm input.disabledInput{
  background-color:#cfcfe7;
}


form#shoppingCartForm input.quantity{
  width:40px;
}

form#shoppingCartForm button{
  margin:0; padding:0; border:0;
  color:#9999cc;
  background-color:white;
  cursor:pointer;
}

form#shoppingCartForm button em{
  font-style:normal;
  text-decoration:underline;
}

form#shoppingCartForm button:hover{
  color:#6666cc;
}

#paymentMethodUL{
  list-style-type:none;
  margin:0; padding:0;
}

#paymentMethodUL li strong{
  font-weight:normal;
}


#deliveryName,
#deliveryFamilyName,
#invoiceName,
#invoiceFamilyName{
  width:120px;
}

#deliveryHouseNumber,
#deliveryPostalcode,
#invoiceHouseNumber,
#invoicePostalcode{
  width:60px;
}

#deliveryLocality,
#deliveryStreetName,
#invoiceLocality,
#invoiceStreetName{
  width:180px;
}

#telephoneNumber,
#emailAddress,
#confirmEmailAddress,
#actioncode{
  width:250px;
}