/*
 * Generic colors
 */
.green { color: rgb(69,161,43); font-style: italic; }
.grey { color: rgb(120,120,120); font-style: italic; }
.red { color: #E2001A; font-style: italic; }

.bullet { font-size: 16px; padding-right: 5px; text-decoration: none; }

.error {
  background: #FBE3E4 url(../icons/exclamation.png) no-repeat 5px 8px;
  border: 2px solid #FBC2C4;
  color: #8A1F11;
  margin: 0 0 10px 0;
  padding: 5px 10px 5px 25px;
  font-style: italic;
  font-weight: bold;
}

.error a,
.error a:link,
.error a:active,
.error a:visited {
  color: #8A1F11;
  text-decoration: underline;
  font-weight: bold;
}

.error a:hover { text-decoration: none; }

.success {
  background: #E6EFC2 url(../icons/accept.png) no-repeat 5px 8px;
  border: 2px solid #C6D880;
  color: #264409;
  margin: 0 0 10px 0;
  padding: 5px 10px 5px 25px;
  font-style: italic;
  font-weight: bold;
}

.success a,
.success a:link,
.success a:active,
.success a:visited {
  color: #264409;
  text-decoration: underline;
  font-weight: bold;
}

.success a:hover { text-decoration: none; }

.notice {
  background: #FFF6BF url(../icons/notice.png) no-repeat 5px 8px;
  border: 2px solid #FFD324;
  color: #514721;
  margin: 0 0 10px 0;
  padding: 5px 10px 5px 25px;
  font-style: italic;
  font-weight: bold;
}

.notice a,
.notice a:link,
.notice a:active,
.notice a:visited {
  color: #514721;
  text-decoration: underline;
  font-weight: bold;
}

.notice a:hover { text-decoration: none; }

/*
 * Pagination
 */
div.pagination { clear: left; text-align: center; margin: 10px 0; overflow: auto; width: 545px; }
div.pagination span.pages { display: block; float: left; margin: 0 auto; }
div.pagination a { 
  display: block;
  float: left; 
  border: 1px solid rgb(175,175,175);
  padding: 0 8px;
  margin: 0 2px;
  color: rgb(175,175,175);
  text-decoration: none;
  background-color: #FFF;
}
div.pagination a:hover { text-decoration: none; background: #ccc; color: #FFF; }
div.pagination a.vorige { float: left; }
div.pagination a.current { text-decoration: none; font-weight: bold; background: #ccc; color: #FFF; }
div.pagination a.volgende { float: right; }

/*
 * Shoppingcart block
 */
div.cart span {
  color: #E2001A;
  font-weight: bold;
  font-size: 11px;
  line-height: 45px;
}

div.cart span#cart_status {
  color: rgb(175,175,175);
  padding-left: 20px;
}

div.cart a,
div.cart a:active,
div.cart a:visited,
div.cart a:hover,
div.cart a:link { text-decoration: none; }

/*
 * Menu
 */
div#menu div.shop ul {
  text-align: right;
  list-style-type: none;
  width: 140px;
  margin-left: 15px;
}

div#menu div.shop ul li {
  position: relative;
  padding-bottom: 7px;
}

div#menu div.shop ul li a {
  color: #E2001A;
  display: block;
  height: 20px;
}

div#menu div.shop ul li a img.transparant {
  width: 140px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: top right;
  vertical-align: middle;
}

div#menu div.shop ul li a:hover,
div#menu div.shop ul li a.active {
  background-color: #E2001A;
}

div#menu div.shop ul li a:hover img.transparant,
div#menu div.shop ul li a.active img.transparant {
  background-position: bottom right;
}

/* 
 * Submenu
 */
div#menu div.shop ul li ul {
  position: absolute;
  width: 90px;
  top: -10px;
  left: 155px;
  margin-left: 0;
  text-align: left;
}

div#menu div.shop ul li ul li {
  padding-bottom: 3px;
}

div#menu div.shop ul li ul li a {
  background: url(/modules/shop/skins/default/images/arrow.gif) no-repeat;
  padding-left: 15px;
  color: #326A3D;
  height: 20px;
  text-decoration: none;
}

div#menu div.shop ul li ul li a:hover,
div#menu div.shop ul li ul li a.active {
  background-image: url(/modules/shop/skins/default/images/arrow.gif);
  color: white;
  background-position: 0 -20px;
}

div#menu div.shop ul li ul li a img.transparant {
  width: 90px;
  height: 20px;
  background-position: 13px 0;
  background-repeat: no-repeat;
}

div#menu div.shop ul li ul li a:hover img.transparant,
div#menu div.shop ul li ul li a.active img.transparant {
  background-position: 13px -20px;
}

/*
 * Categories
 */
div.category div.description {
  color: #FFF;
  font-size: 12px;
}

/*
 * Subcategories
 */
div.subcategory div.description {
  color: #FFF;
  font-size: 12px;
}

div.subcategory div.product a div.details p {
  color: #000;
  margin: 2px 5px;
}

/*
 * Product details
 */
div.details div.img ul li { position: absolute; width: 394px; height: 322px; }
div.details span.navigator a { color: rgb(160,160,160); font-size: 11px; text-decoration: none; }
div.details span.left  { float: left; }
div.details span.right { float: right; }


/*
 * Option picker
 */
div#picker { padding: 3px 3px 3px 0; border: 1px dashed #000; background-color: #FFF; }
div#picker div { font-weight: bold; padding-left: 8px; }
ul#picklist { list-style: none; margin-top: 5px; }
ul#picklist li { margin: 0 5px 2px 5px; width: 105px; float: left; }
ul#picklist li a { display: block; padding: 2px; overflow: auto; text-decoration: none; }
ul#picklist li a:hover,
ul#picklist li a.active { text-decoration: none; background: rgb(153,204,0); color: #000; }
ul#picklist li a img { margin: 2px 5px 2px 2px; float: left; }
ul#picklist li a.color img { width: 16px; height: 16px; }
ul#picklist li a.product img { width: 100px; height: 100px; }

/*
 * Product Search
 */
div.search div.no_results {
  padding: 20px;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  text-align: center;
}

/*
 * Orderflow
 */
div.order div.sub ul li a { color: rgb(175,175,175); text-decoration: none; }

/*
 * Orderflow - Cart
 */
div.order span.discount-actie { color: #45A12B; }

/*
 * Orderflow - Cart - Sub
 */
div.order div.sub ul li a b { font-size: 9px; }

/*
 * Order - iDeal betaallink
 */
div.order div.description {
  color: #FFF;
  font-size: 12px;
}