header {
  background: #4da265 -webkit-gradient(linear, left bottom, left top, color-stop(0, #38824c), color-stop(1, #4da265));
  height: 58px;
  display: block;
  position: relative; }
  header a {
    color: #fff; }
  header img {
    height: 42px;
    left: 8px;
    position: absolute;
    top: 7px;
    width: 138px; }
  header menu {
    top: 15px;
    right: 18px;
    position: absolute; }
    header menu li {
      color: #fff;
      font-size: 1.2em;
      line-height: 100%; }
      header menu li:before {
        content: "\2022";
        margin-left: -10px;
        position: absolute; }
      header menu li.active {
        color: #fecd08; }
        header menu li.active a {
          color: #fecd08; }
    header menu a, header menu span {
      font-size: 0.85em; }

hgroup {
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.5, transparent), to(transparent));
  background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0.2) 50%, transparent 50%, transparent);
  -webkit-background-size: 8px 1px;
  color: #333;
  overflow: hidden;
  position: relative;
  display: table;
  padding: 5px 18px;
  width: 100%; }
  hgroup h1, hgroup h2 {
    display: table-cell;
    vertical-align: middle;
    margin: 0; }
  hgroup h2 {
    padding: 5px 0; }
  hgroup span.step {
    float: right;
    font-size: 1.33em;
    padding: 5px 0; }
  hgroup span.banner-text {
    font-size: 2em;
    line-height: 34px; }
  hgroup img {
    float: right;
    margin: -5px -18px -5px 0; }

/* common block for all blocks */
section {
  border-top: 1px solid #d9d9d9;
  padding: 12px 18px;
  /* catalog block */ }
  section.catalog {
    padding: 0; }
    section.catalog ul.list {
      margin: 0 0 -1px;
      overflow: hidden;
      padding: 0; }
      section.catalog ul.list li {
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
        display: inline-block;
        margin: -1px -1000px -300px -1px;
        min-width: 80px;
        padding: 0;
        text-align: center;
        vertical-align: top;
        padding-right: 1000px;
        padding-bottom: 300px;
        width: 12.5%; }
      section.catalog ul.list li::before {
        content: ''; }
      section.catalog ul.list a {
        display: block;
        margin-bottom: -200px;
        padding-bottom: 200px;
        position: relative; }
      section.catalog ul.list span {
        display: block;
        text-align: center; }
        section.catalog ul.list span.image {
          padding: 5px; }
        section.catalog ul.list span.title {
          padding: 5px; }
  section.category {
    margin-top: -1px;
    padding-top: 0; }
    section.category div.image {
      background: #fff;
      border: 1px solid #ccc;
      height: 95px;
      left: 15px;
      margin-top: -51px;
      margin-right: 10px;
      padding: 3px 0;
      overflow: hidden;
      position: absolute;
      top: 50%;
      text-align: center;
      width: 60px; }
      section.category div.image div {
        margin-left: -30px;
        text-align: center;
        width: 120px; }
    section.category div.price {
      color: #666;
      font-size: 2.5em;
      line-height: 100%;
      position: absolute;
      margin-top: -0.4em;
      right: 15px;
      top: 50%; }
    section.category div.info {
      display: table-cell;
      height: 101px;
      padding: 2px 70px 2px 70px;
      vertical-align: middle; }
    section.category a.link {
      display: block;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%; }
    section.category ul.list {
      border-bottom: 1px solid #d9d9d9;
      margin: 0 -18px; }
      section.category ul.list li {
        border-top: 1px solid #d9d9d9;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #e4e4e4)); }
      section.category ul.list li {
        margin: 0;
        overflow: hidden;
        padding: 5px 18px;
        position: relative; }
        section.category ul.list li:before {
          content: ''; }
      section.category ul.list h3 {
        color: #26699d;
        margin-bottom: 5px;
        text-decoration: underline; }
    section.category p.promo {
      font-size: 1.33em;
      margin-top: 12px;
      text-align: center; }
  section.search {
    border-top: 0;
    margin: 0 0 10px;
    padding-top: 0; }
  section.cart {
    padding-top: 0; }
  section.designs {
    margin: 0 0 12px;
    padding: 0; }

footer {
  border-top: 3px solid #4da265;
  color: #666;
  display: block;
  font-size: 0.9em;
  margin-top: 0px;
  padding: 10px 0;
  text-align: center; }
  footer menu {
    line-height: 100%;
    margin-bottom: 2px; }
  footer li {
    border-left: 1px solid #666;
    display: inline;
    padding: 0 6px; }
    footer li:first-child {
      border-left: 0; }
  footer p {
    margin: 0; }