/* FRONTEND PAGES Stylesheet */
/* Master Stylesheet for Screen Media */
/* This stylesheet contains styles specific to the content of the site */

/* html elements
------------------------------------------- */

/* html special elements
------------------------------------------- */

/* error404 Page
------------------------------------------- */
div.container.error404 {
  text-align: center;
}
div.container.error404 div.block {
  background: #fff;
  border-bottom: #e9e2e1 1px solid;
  border-top: #e9e2e1 1px solid;
  margin: 20px auto;
  padding: 20px;
  width: 90%;
}

/* Home Page
------------------------------------------- */
div.container.home div.block {
  background: url('/img/frontend/home-content-bg.gif') top left repeat-y;
  overflow: hidden;
  width: 801px;
}
div.container.home div.block div.hr {
  background: url('/img/frontend/home-content-hr.gif') bottom left no-repeat;
  border: none;
  clear: both;
  height: 1px;
  margin: 0;
}
div.container.home div.featured {
  background: url('/img/frontend/featured-bg.gif') top left no-repeat;
  height: 250px;
  margin-bottom: 5px;
  width: 798px;
}
div.container.home div.featured img {
  display: none;
}
div.container.home div.item {
  margin: 0 auto;
  width: 245px;
  margin: 0 auto 15px auto;
  padding-bottom: 15px;
}
div.container.home div.section {
  float: left;
  margin-right: 3px;
  overflow: hidden;
  padding-bottom: 10px;
  text-align: center;
  width: 264px;
}
div.container.home div.section h1 {
  height: 30px;
  margin-bottom: 5px;
  overflow: hidden;
}
div.container.home div.section.news div.item {
  border-bottom: #edf1d3 1px solid;
}
div.container.home div.section.news h1 {
  background: url('/img/frontend/section-news.gif') top left no-repeat;
}
div.container.home div.section.gallery h1 {
  background: url('/img/frontend/section-gallery.gif') top left no-repeat;
}
div.container.home div.section.gallery ul {
  margin: 0px;
  text-align: center;
}
div.container.home div.section.gallery ul li {
  margin: 0px auto 7px auto;
  overflow: hidden;
  width: 254px;
}
div.container.home div.section.gallery ul li img {
  border-bottom: #e9e2e1 1px solid;
}
div.container.home div.section.events h1 {
  background: url('/img/frontend/section-events.gif') top left no-repeat;
}

/* Content Pages - ASIDE
------------------------------------------- */
div.aside {
  text-align: center;
}
div.aside div.block {
  background: #f6f2f1;
  padding-bottom: 15px;
  text-align: center;
}
div.aside div.block div.item {
  background: #fff;
  width: 244px;
  margin: 0px auto;
  padding: 10px 5px 0px;
}
* html div.aside div.block div.item {
  width: 254px;
}
div.aside div.block div.item.img {
  margin-bottom: 10px;
  padding-top: 0px;
  width: 254px;
}
div.aside div.block div.item.img img {
  border-bottom: #e9e2e1 1px solid;
}
div.aside div.block div.item.hr {
  border-bottom: #e9e2e1 1px solid;
  margin-bottom: 7px;
}
div.aside h2, div.aside h2 a {
  font-size: 13px;
}
div.aside table {
  margin: 5px auto 12px auto;
}
div.aside table td {
  color: #b4be71;
  padding: 2px 0px;
}
div.aside table td.title {
  font-weight: bold;
  padding-right: 3px;
  text-align: right;
  width: 50%;
}
div.aside table td.variant {
  padding-left: 3px;
  text-align: left;
  width: 50%;
}

/* Content Pages - MAIN
------------------------------------------- */
div.main div.block {
  background: #fff;
  border: #f0f0d9 1px solid;
  border-top: none;
  overflow: hidden;
  padding-bottom: 15px;
  text-align: center;
}
div.main div.block div.item {
  clear: both;
  margin: 0 auto;
  width: 512px;
  margin: 0 auto 5px auto;
  padding-top: 5px;
}
div.main div.block div.item div.left {
  float: left;
  width: 48%;
}
div.main div.block div.item div.right {
  float: right;
  width: 48%;
}
div.main div.block div.item p {
  line-height: 16px;
  margin-bottom: 10px;
}
div.main div.block div.item hr {
  border: none;
  border-bottom: #edf1d3 1px solid;
  height: 1px;
}
div.main div.block ul.gallery {
  margin: 0px auto;
  padding: 0px 5px;
  width: 100%;
}
* html div.main div.block ul.gallery {
  margin: 0px;
}
div.main div.block ul.gallery li {
  background: #f6f2f1;
  float: left;
  margin: 5px 1px 10px 2px;
  padding: 1px;
  width: 254px;
  height: auto;
}
div.main div.block ul.gallery li img {
  border-bottom: #e9e2e1 1px solid;
  display: block;
}
div.main div.block ul.gallery li p {
  margin: 2px;
  padding: 5px 3px;
}

/* Content Pages - MAIN - Retailer
------------------------------------------- */
div.main.retail div.left {}
div.main.retail div.right {
  margin-bottom: 10px;
  text-align: right;
  width: 150px;
}
div.main.retail hr {
  clear: both;
}

/* Content Pages - TITLES
------------------------------------------- */
div.aside div.titles {
  background: #903c9b url('/img/frontend/aside-titles-bg.gif') top left;
}
div.titles {
  background: #92af4e url('/img/frontend/titles-bg.gif') top left;
  height: 30px;
  overflow: hidden;
  width: 100%;
}
div.titles span {
  background-position: top left;
  background-repeat: no-repeat;
  color: #92af4e;
  display: block;
  height: 100%;
  text-indent: -9999px;
}

/* Content Pages - MAIN-TITLES
------------------------------------------- */
div.titles.contact span {
  background-image: url('/img/frontend/titles/contact.gif');
}
div.titles.events span {
  background-image: url('/img/frontend/titles/events.gif');
}
div.titles.events-featured span {
  background-image: url('/img/frontend/titles/events-featured.gif');
}
div.titles.gallery span {
  background-image: url('/img/frontend/titles/gallery.gif');
}
div.titles.news span {
  background-image: url('/img/frontend/titles/news.gif');
}
div.titles.retail span {
  background-image: url('/img/frontend/titles/retail.gif');
}
div.titles.shop span {
  background-image: url('/img/frontend/titles/shop.gif');
}
div.titles.your_cart span {
  background-image: url('/img/frontend/titles/your-cart.gif');
}

/* Content Pages - ASIDE-TITLES
------------------------------------------- */
div.aside div.titles.categories span {
  background-image: url('/img/frontend/titles/categories-aside.gif');
}
div.aside div.titles.events span {
  background-image: url('/img/frontend/titles/events-aside.gif');
}
div.aside div.titles.gallery span {
  background-image: url('/img/frontend/titles/gallery-aside.gif');
}
div.aside div.titles.news span {
  background-image: url('/img/frontend/titles/news-aside.gif');
}
div.aside div.titles.your_cart span {
  background-image: url('/img/frontend/titles/your-cart-aside.gif');
}