@import url(reset.css); /* Eric Meyer's Reworked CSS Reset */

html, body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
}

body {
  background: #ffeaf2 url(../img/bg-repeat.gif) repeat-y center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #684d36;
  line-height: 18px;
}

pre { white-space: normal; width: 100%; display: block; }

.mceContentBody { margin: 10px; line-height: 20px; }

a { color: #684d36; position: relative; }

b, strong { font-weight: bold; }
i, em { font-style: italic; }

.no-margin { margin: 0 !important; }

h1.page-title {
  background: url(../img/lillabloom-header.png) bottom left;
  display: block;
  width: 968px;
  height: 74px;
  text-indent: -9999em;
  cursor: pointer;
  margin: 0 auto;
}

h2 { font-size: 14px; font-weight: bold; margin-bottom: 8px; letter-spacing: 0px; }
h2.cart {
  font-size: 12px;
  text-transform: uppercase;
  margin-left: 15px;
  margin-bottom: 8px;
}

h3 { font-size: 12px; font-weight: bold; margin-bottom: 8px; letter-spacing: 0.5px; }
h3.brand { margin-bottom: 20px; }
h3.form-title {
  font-size: 12px;
  line-height: 20px;
  clear: both;
  margin-bottom: 20px;
}

#product-extra h3 { color: #ff6699; }

.clear { clear: both; }

#container {
  width: 968px;
  margin: 0 auto;
}


div#content ul, .mceContentBody ul { list-style-type: disc; margin-left: 20px; }
div#content ol, .mceContentBody ol { list-style-type: decimal; margin-left: 20px; }

div#content ul#ws-steps { margin-left: 8px; }

div#nav-container { width: 968px; margin: 0 auto; }

#lnav {
  position: absolute;
  top: 75px;
  left: 50%;
  right: 50%;
  width: 648px;
  margin-left: -465px;
  background: none;
}

#lnav li { float: left; border-right: 1px solid #fff; }
#lnav li a { padding-left: 8px; padding-right: 8px; margin: 5px; }
#rnav li { float: right; border-left: 1px solid #fff; }
#rnav li a { padding-left: 8px; padding-right: 8px; margin: 5px; }

#lnav li.last, #rnav li.last { border: none; }
#lnav li.active a, #rnav li.active a { text-decoration: underline;  }

.nav {
  width: 968px; height: 25px;
  background: url(../img/menu-bg.png) repeat-y;
}

.nav li {
  line-height: 12px; height: 12px;
  margin-top: 6px; text-transform: uppercase; font-weight: bold; font-size: 10px;
  padding: 0px 4px;
}

.nav li a { text-decoration: none; color: #fff;  }
.nav li a:hover { text-decoration: underline; }

#menu-left {
  width: 166px;
  min-height: 395px;
  background: url(../img/menu-left-bg.png);
  float: left;
  margin-left: 10px;
  margin-top: 5px;
  clear: left;
  border-bottom: 1px solid #ffd6e4;
}

#menu-left ul#menu-left-ul {
  margin: 0px; margin-top: 10px;
}

  #menu-left ul#menu-left-ul li {
    line-height: 20px;
  }

    #menu-left ul#menu-left-ul li a {
      padding-left: 15px;
      margin-left: 10px;
      color: #684d36;
      font-size: 12px;
      text-decoration: none;
      display: block;
    }

    #menu-left ul#menu-left-ul li a.selected {
      background: url(../img/menu-dot.gif) no-repeat left;
      color: #ff6699;
    }

    #menu-left ul#menu-left-ul li a:hover {
      color: #ff6699;
    }

#content { width: 924px; margin: 0 auto; border: 1px solid #ffd7e4; padding: 10px; margin-top: 12px; margin-bottom:10px;}
#content-small { width: 765px; float: right; margin-right: 10px; clear: right; margin-bottom:10px; min-height: 405px;}

#content p, #content-small p {
  line-height: 19px;
  text-align: justify;
  margin-bottom: 10px;
}

#footer {
  background: url(../img/footer.png) no-repeat top right;
  width: 948px;
  height: 90px;
  margin-left: 9px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  font-size: 8.5px;
  margin: 0 auto;
  text-transform: lowercase;
}

  #footer a { text-decoration: none; color: #684d36; }
  #footer a:hover { text-decoration: underline; }

#footer div.footer-ext {
  width: 100%; text-align: center; clear: both;
  margin-top: 8px; 
}

#footer div.footer-ext form span#email input {
  font-size: 8px; width: 100px;
  background: #fff url(../img/email-text.png) no-repeat center left;
  border: 1px solid #c3afa9;
}

#footer div.footer-ext form span#email input.email-clicked {
  background-image: none !important;
  background: #fff !important;
}

#footer div.footer-ext form { display: inline; }

#breadcrumbs {
  float: left;
  height: 30px;
  line-height: 30px;
  margin-left: 195px;
}

  #breadcrumbs li {
    float: left;
    padding-right: 20px;
    background: url(../img/bc-arrow.png) no-repeat center right;
  }

    #breadcrumbs li a {
      color: #684d36;
      font-size: 10px;
    }

  #breadcrumbs li.last {
    float: left;
    padding: 0px;
    background: none;
  }

    #breadcrumbs li.last a {
      text-decoration: none;
    }

#categories a, #brands a, #products a, .product-extra-div a {
  float: left;
  margin-right: 13px;
  margin-bottom: 8px;
  margin-top: 5px;
  width: 180px;
  height: 191px;
  border: 1px solid #ffd7e4;
  color: #4C2D11;
  text-decoration: none;
  display: block;
  cursor: pointer;
  background: #fff;
}

div#content-small.pd-list { margin-right: -2px; width: 781px; }

div#product-extra div.product-extra-div a {
  margin: 0px;
}

#categories a:hover, #brands a:hover, #products a:hover, .product-extra-div a:hover {
  border: 1px solid #ff6699;
  color: #FF6699;
}

#categories a span.title, #brands a span.title, #products a span.title, .product-extra-div a span.title{
  font-size: 11px;
  text-align: center;
  display: block;
  width: 100%;
  height: 20px;
  clear: both;
}

#products a span.price, .product-extra-div a span.price {
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  display: block;
  width: 100%;
  height: 20px;
  clear: both;
}

#categories a span.img, #brands a span.img, #products a span.img, .product-extra-div a span.img {
  display: block;
  width: 100%; height: 140px; margin-top: 10px;
  text-align: center;
}

#product-info {
  width: 740px;
  padding: 10px;
  margin-left: 0px;
  border: 1px solid #ffd7e4;
  margin-top: 5px;
}

#product-info #product-info-img { float: right; margin-right: 50px; width: 200px; text-decoration: none; text-align: center; color: #4D2F18; }
#product-info #product-info-img .enlarge { text-decoration: underline; font-size: 11px; }

  #product-info #product-info-left  {
    width: 335px; float: left;
    margin: 0 auto;
  }

  #product-info #product-info-left h3 {
    color: #ff6699;
    position: relative; bottom: 0px;
  }

  #product-info #product-info-left div {
    width: 300px;
    margin: 0 auto;
  }

  #product-info #product-info-right {
    width: 355px; float: left;
    margin-left: 20px;
  }

    #product-info #product-info-right p.price { font-weight: bold; }

#product-extra { margin-top: 10px; border: none; width: 776px; margin-left: 0px; }

#product-extra .product-extra-div .item {
  float: left;
}

#product-extra .product-extra-div .spacer {
  width: 11px; height: 180px; float: left;
}

.space-left {
  margin-left: 7px;
}

input.shopping-cart-link {
  background: url(../img/shopping-cart.png) no-repeat top left;
  display: block; width: 200px; height: 110px; border: none;
  color: #fff;
}

div.product-option {
  margin-bottom: 10px;
}

div.product-option label {
  display: block;
  width: 90px;
  float: left;
  font-weight: bold;
  margin-right: 20px;
}

div.product-option input {
  display: block; width: 88px;
  height: 32px;
  font-size: 15pt;
  padding-top: 5px;
  color: #4d2f18;
}

div.product-option select {
  display: block; width: 90px;
}

div#product-images {
  padding-top: 10px;
  width: 270px; height: 80px;
  clear: both;
  float: right;
  text-align: center;
}

div#product-color-images {
  padding-top: 10px;
  width: 270px; height: 40px;
  clear: both;
  float: right;
  text-align: center;
}

div#product-images a, div#product-color-images a {
  margin: 0px 2px;
}

div.img-spacer {
  clear: both; float: right; width: 248px; height: 20px;
}


div#reviews {
  width: 240px; height: 40px;
  clear: both;
  float: right;
  text-align: right;

  padding-top: 10px;
}

/* Winkelwagen */
table#shopping-cart-list { width: 904px; margin-left: 10px; border-collapse: separate;}
table#shopping-cart-list tr th { background: #4C2D11; color: #fff; text-align: center; font-weight: bold; }
table#shopping-cart-list tr td { border: 1px solid #c6c5c5; padding: 4px; }

table#shopping-cart-list td input {
  border: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  width: 55px;
}

table#shopping-cart-list tr th.leeg, table#shopping-cart-list tr td.leeg
{
width: 5px;
padding:0px;
border:none;
background-color: #fff;
}

table#shopping-cart-list tr th.aantal, table#shopping-cart-list tr td.aantal
{
width: 55px;
}

table#shopping-cart-list tr th.stuksprijs, table#shopping-cart-list tr th.totaalprijs, table#shopping-cart-list tr td.stuksprijs, table#shopping-cart-list tr td.totaalprijs
{
width: 90px;
}

table#shopping-cart-list tr td.stuksprijs, table#shopping-cart-list tr td.totaalprijs, table#shopping-cart-list tr td.price
{
text-align: right;
}

table#shopping-cart-amounts { width: 214px; margin-left: 695px; border-collapse: separate; }
table#shopping-cart-amounts td.subtotaal, table#shopping-cart-amounts td.totaal, table#shopping-cart-amounts td.btw {width: 120px;}
table#shopping-cart-amounts td.totaal {font-weight: bold;}
table#shopping-cart-amounts td.price { text-align: right; width: 100px; padding-right: 0px;}
table#shopping-cart-amounts td.separate { border-top: 1px solid #c6c5c5; padding-top: 5px; }
table#shopping-cart-amounts td { text-align: right; height: 20px; }

.currency
{
float:left;
}

table#shopping-cart-amounts .currency
{
}

.default-btn {
  width: 200px;	
  padding: 4px 0px;
  border: none;
  background: #ffd7e4;
  font-weight: bold;
  color: #ee81b1;
  text-align: center;
  text-decoration: none;
  margin-right: 20px;
  cursor: pointer;
  display:block;
}

.default-txt-btn {
  border: none;
  background: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
  padding-left: 5px;
  padding-right: 5px;
  cursor: pointer;
}

input {
  cursor: pointer;
}

input.default-btn {
  padding: 3px 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  cursor: pointer;
}

.float-right-btn {
  float: right;
  cursor: pointer;
}

.float-left-btn {
  float: left; margin-left: 13px;
}

p.verplicht
{
padding-left: 15px;
}

/**
 * Paginatie-sectie
 *
 */

.pagination { margin-left: 210px; padding-top: 20px; clear: both; }
.pagination a {
  display: block;
  float: left;
  margin-right: 5px;
  width: 20px;
  padding: 5px 0px;
  border: 1px solid #ffacc8;
  text-align: center;
  text-decoration: none;
  color: #4c2d11;
}

.pagination a:hover,
.pagination a.next,
.pagination a.prev { background: #4c2d11; }
.pagination a.current { background: #4c2d11; }


ul#ws-steps { padding-bottom: 25px; }
ul#ws-steps li {
  text-transform: uppercase;
  margin-left: 5px;
  float: left;
  color: #ccc;
  display: block;
}

ul#ws-steps li a { font-weight: normal; color: #684d36;}
ul#ws-steps li a, ul#ws-steps li span.non-clickable { text-decoration: none;  }
ul#ws-steps li a:hover { text-decoration: none; font-weight: bold; color: #684d36; }

div.form-left  { width: 300px; float: left; margin-left: 13px;}
div.form-right { width: 300px; float: right; margin-right: 133px; }


form.payment h2, h2.betaalmethode {
  background: #4C2D11;
  display: block;
  font-size: 12px;
  line-height: 20px;
  text-align: left;
  color: #fff;
  clear: both;
  width: 412px;
  padding-left: 8px;
}

.float-left-btn  { float: left;  }
.float-right-btn { float: right; }

form.payment p { clear: both; margin-left: 8px;}

form.payment p.emailadres_data {padding-bottom: 53px;}

  form.payment p label { display: block; width: 120px; float: left; }
  form.payment p input, form.payment p select { width: 150px; float: left; margin-bottom: 10px; }
  form.payment p select { width: 153px; float: left; margin-bottom: 10px; }
  form.payment p input.float-left { float: left; }

form.payment p.checkbox {width: 300px;}
form.payment p.checkbox input {width: 15px; margin-top: -15px;}
form.payment p.checkbox label { float: right; margin-left:25px;width: 272px;}

form.payment p.checkbox-wide label { text-align: right; width: 873px; }
form.payment p.checkbox-wide input { width: 15px; margin-left: 10px; }

/*form.payment p {vertical-align: center;}
form.payment p.checkbox label { float: right; width: 272px;}
form.payment p.checkbox input { float: left; width: 15px;}

form.payment p.checkbox-wide label { float: right; width: 390px; margin-right: 500px;}
form.payment p.checkbox-wide input { float: right; display: block; width: 15px; margin-right: 5px; }
*/
form.payment p.textarea label { margin-left: 0px; width: 235px; clear: both; padding-bottom: 10px; padding-top: 10px; }
form.payment p.textarea textarea { margin-left: 0px; width: 275px; height: 185px; }

table.shipping-method { width: 90%; margin-left: 20px; }
table.shipping-method td.box { padding: 10px; border: 1px solid #1b1818; margin-bottom: 10px; }

table.payment-method td.payment-option { height: 40px; vertical-align: top; padding-right: 5px; padding-left: 30px; }
table.payment-method td.payment-name { height: 36px; vertical-align: top; padding-left: 10px; padding-top: 4px; }

.default-form { display: block; width: 490px; padding-bottom: 20px; }
.default-form p { clear: both; }
.default-form label {
  display: block;
  width: 175px;
  margin-right: 10px;
  margin-bottom: 2px;
  float: left;
  text-align: left;
}
.default-form input { width: 300px; }
.default-form textarea { width: 300px; height: 120px; }
.default-form input.submit {
  margin-top: 10px;
  padding: 4px 10px;
  border: none;
  background: #4c2d11;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  width: auto;
}

div.gift-wrap { width: 300px; position: relative; left: 520px; top: 10px; text-align: right; clear: both; }

div#coupled { width: 956px; clear: both; margin-left: 6px; }
div#coupled a.item { text-decoration: none; float: left; width: 300px; height: 145px; padding: 5px; border: 1px solid #ffd7e4; margin-left: 5px; margin-top: 10px; color: #684d36; cursor: pointer; }
div#coupled a.item span.left { float: left; width: 145px; height: 145px; }
div#coupled a.item span.right { float: right; width: 145px; height: 145px; }
div#coupled a.item span.title { font-size: 12px; font-weight: bold; margin-bottom: 8px; letter-spacing: 0.5px; }

input.f_amount { border: 1px solid white; }

div#content p.explanation { color: #ee81b1;font-weight: bold;margin-left: 13px;}

/* Nieuwe homepage */
#contenthome table {margin-top: 3px;}
#contenthome table td {padding-right: 7px;padding-bottom: 5px;}
#contenthome img {/* border: #ffd7e4 1px solid; */ margin-top: 5px; margin-bottom: 10px;}

#contenthome .home {margin-right: 10px; height: 798px;}

/* listitems */

.content ul
{
list-style-type: disc;
}

.content ul li
{
margin-left: 20px;
}


.footer-ext input.submit
{
background-color: transparent;
color: #684d36;
margin-top: 0px;
padding-top: 4px;
padding-bottom: 0px;
width:60px;
font-size:8.5px;
text-transform: lowercase;
}