/*
 * Crumbs block
 */
div.crumbs {
  float: left;
}

/*
 * Search block
 */
div.search {
  float: left;
  padding-top: 5px;
}

/*
 * Shoppingcart block
 */
div.cart {
  float: right;
}

/*
 * Homepage
 */
div.homepage { width: 545px; }

/*
 * Product - Highlights
 */
div.highlight { margin-top: 10px; width: 545px; }
div.highlight div.item { float: left; }
div.highlight div.item a img { vertical-align: middle; }

/*
 * Product - Categories / Subcategories
 */
div.order div.description,
div.subcategory div.description,
div.category div.description {
  height: 97px;
  width: 525px;
  background-color: rgb(226,0,26);
  padding: 10px;
  margin-bottom: 10px;
}

/*
 * Product - Subcategories
 */
div.subcategory { overflow: auto; width: 545px; height: 480px; }

div.subcategory div.product {
  margin: 10px 16px 0 0;
  float: left;
}

div.subcategory div.last {
  margin-right: 0;
}

div.subcategory div.product {
/*  background-color: #000;*/
}

div.subcategory div.product a {
  display: block;
  color: #000;
  text-decoration: none;
}

div.subcategory div.product a span.details {
  display: block;
  position: absolute;
  background: #FFF;
  opacity: .0;
  filter:alpha(opacity=0);
  -moz-opacity:.0;
  width: 114px;
  height: 101px;
  border: 1px solid #CDCDCD;
  cursor: pointer;
  padding: 0 5px;
}

div.subcategory div.product a span.details span.meer {
  display: block;
  bottom: 0;
  right: 5px;
  position: absolute;
  opacity: .0;
  filter:alpha(opacity=0);
  -moz-opacity:.0;
}

div.subcategory div.product a:hover span.details {
  opacity: .70;
  filter:alpha(opacity=70);
  -moz-opacity:.70;
}

div.subcategory div.product a:hover span.details span.meer {
  opacity: 1;
  filter:alpha(opacity=100);
  -moz-opacity:100;
}


/*
 * Product - Details
 */
div.details {
  width: 394px;
  float: left;
}

div.details div.img { height: 322px; }
div.details div.img img {
  border: 1px solid #CDCDCD;
  display: block;
  margin: 0 auto;
  position: absolute;
}

/* Product - Option picker */
div.optionPicker { float: left; width: 240px; margin-left: 30px; }

/*
 * Orderflow
 */
div.order div.content {
  background: rgb(235,235,235);
  padding: 5px;
  width: 394px;
  float: left;
}

/*
 * Product - Showcase
 */
div#showcase { height: 500px; background: #CDCDCD; }

/*
 * Product - Search
 */
div.search div.content { width: 545px; background: #FFFFCC; padding: 5px; }
div.search div.content table { width: 99%; margin: 20px 0; }
div.search div.content table tbody tr td { padding: 3px; vertical-align: top; }
div.search div.content table tbody tr.odd td { background: #FFF; border-top: 1px solid #CDCDCD; border-bottom: 1px solid #CDCDCD; }
div.search div.content table tbody tr td img { border: 1px solid #CDCDCD; }

/*
 * Orderflow - Cart
 */
div.order div.content table { width: 100%; margin-top: 20px; }
div.order div.content table thead tr th { text-align: left; border-bottom: 1px solid #ccc; padding: 3px; }
div.order div.content table tbody tr td { padding: 3px; }
div.order div.content table tfoot { border-top: 1px solid #ccc; }
div.order div.content table tfoot tr td { padding: 3px; }

/*
 * Orderflow - Cart - Friends
 */
div.order div.friends { width: 120px; margin: 20px 0 10px 10px; float: left; }
div.order div.friends ul { margin-top: 10px; }

/*
 * Orderflow - Checkout
 */
div.order div.content div.address { float: left; border: 1px solid #ccc; background: #FFF; width: 170px; padding: 5px; margin: 5px; }
div.order div.content div.address table { margin: 0; }

/* Sub */
div.order div.sub { width: 330px; margin-left: 10px; float: left; }