html,
  body {
    height: 100%;
    /* The html and body elements cannot have any padding or margin. */
     font-family: 'Lucida Grande', 'DejaVu Sans', 'Bitstream Vera Sans', Verdana, Arial, sans-serif;
  }

a{
    color: black;
}

a:hover{
    text-decoration: none;
}

#layout-content{
    padding-top: 15px;
    padding-bottom: 50px;
}

.content-frame{
    border: 1px solid black;
    min-height: 200px;
    margin-bottom: 15px;
}
.content-frame h1{
    font-size: 14px;
    background-color: black;
    color: white;
    padding: 10px;
    margin: 0px;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
}
.content-frame h1 a{
    color: white;
}
.content-frame h1 a:hover{
    color: white;
    text-decoration: none;
}

.content-frame h2{
    font-size: 14px;
    background-color: black;
    color: white;
    padding: 10px;
    margin: 0px;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
}


.content-frame .content{
    padding: 10px;
}

.carousel-control { background: none !important; filter: none !important; progid:none !important; }

.ws-price{
    font-size: 32px;
}

#ws-product-page .description{
    min-height: 300px;
}

.checkout-payment.not-selected{
    opacity: 0.3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
}

#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by it's height */
    margin: 0 auto -120px;
  }

#push,
  #footer {
    height: 120px;
  }

#footer{
    background-color: #343534;
    color: white;
    font-size: 13px;
}

@media (min-width: 992px) {
    #footer {
      margin-left: -20px;
      margin-right: -20px;
      padding-left: 20px;
      padding-right: 20px;
    }
    #push, #footer {
        height: 70px;
    }
    #wrap {
        /* Negative indent footer by it's height */
        margin: 0 auto -70px;
      }

  }
#footer .container{
    padding-top: 12px;
}
#footer a{
    color: white;
}


#layout-header .navbar-default{
    background-color: transparent !important;
    border: none;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0px;
    min-height: 10px;

}

#layout-header .navbar-collapse{
    margin-left: -15px;
    padding-left: 0px;
}

@media (min-width: 768px){#layout-header
.navbar-nav>li>a {
    padding-top: 5px;
    padding-bottom: 5px;
}}

#layout-header hr{
    border-top: 1px solid black;
    margin-top: 5px;
    margin-bottom: 5px;
}
#divContainer{
   margin-top: 10px;
}

.main-logo{
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}
#layout-navigation{
    font-size: 1.2em;
}

.carousel-inner img {
  margin: auto;
}

.webshop-category-list{
    padding: 0px;
}

.webshop-category-list li{
    list-style-type: none;
    padding-bottom: 5px;
}

.webshop-category-list li.selected{
    text-decoration: underline;
}

.manufacturer-list{
    margin: 0px;
    padding-top: 3px;
}

.manufacturer-list li{
    list-style-type: none;
    text-align: right;
    font-weight: normal;

}
.manufacturer-list li a{
    color: rgb(119, 119, 119);
    font-size: 1.2em;
}


.vcenter {
    display: table-cell;
    vertical-align: middle;
}

.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {
    width: 100% !important;
}


.frame {
    height: 220px;      /* equals max image height */
    width: 100%;
    white-space: nowrap;
    text-align: center; margin: 1em 0;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

img {
    vertical-align: middle;
}

.ribbon-parent {
  overflow: hidden; /* required */
    position: relative;


}


.ribbon {
  margin: 0;
  padding: 0;
  background: red;
  color:white;
  padding: 7px 0;
  position: absolute;
  top:0;
  right:0;
  transform: translateX(30%) translateY(0%) rotate(45deg);
  transform-origin: top left;
    font-size: 16px;
    min-width: 75px;


}
.ribbon:before,
.ribbon:after {
  content: '';
  position: absolute;
  top:0;
  margin: 0 -1px; /* tweak */
  width: 100%;
  height: 100%;
  background: red;
}
.ribbon:before {
  right:100%;
}

.ribbon:after {
  left:100%;
}

.ribbon.ribbon-red{
    background: red;
    color: black;
}
.ribbon.ribbon-red:before,
.ribbon.ribbon-red:after{
    background: red;
}

.ribbon.ribbon-yellow{
    background: #FFFF00;
    color: black;
}
.ribbon.ribbon-yellow:before,
.ribbon.ribbon-yellow:after{
    background: #FFFF00;
}
/*
     FILE ARCHIVED ON 01:17:00 Mar 12, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:02:40 Aug 28, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.645
  exclusion.robots: 0.077
  exclusion.robots.policy: 0.063
  esindex: 0.01
  cdx.remote: 58.898
  LoadShardBlock: 121.405 (3)
  PetaboxLoader3.datanode: 307.951 (5)
  PetaboxLoader3.resolve: 88.422 (2)
  load_resource: 313.071
  loaddict: 53.812
*/