/****************************************
*****************************************

#### ARABICA ##########
#### Dezember 2016 ########
#### Aydin Alanyali ####

*****************************************
*****************************************/

#body {  }
    
    .pop-arrow {
      width:250px;
      background-color:#fff;
    }
    
    .pop-out {
      
    }
    
    .pop-out-hover {
      display:none;
    }
    
    #header {
      border-color:#880015;
      border-width:1px;
      border-style:solid;
      border-radius:7px;
      margin-bottom:20px;
    }
    
    #logo {
      
      float:left;
    }
    
    .buying-process {
      float:right;
      background:linear-gradient(#4c5457 0%, #465357 40%, #3b484c 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
      border-width:1px 0 1px 1px;
      border-style:solid;
      border-radius:6px 0 0 0;
      margin-bottom:20px;
      padding: 15px 25px;
      text-align:center;
      font-family: 'Volkhov', sans-serif;
      font-weight:400;
      font-size:17px;
      color:#fff;
      cursor:pointer;
      height:47;
      margin-top:3px;
    }
    
    .buying-process ul {
      margin:0;
      padding:0;
    }
    
    .buying-process li {
      margin:0;
      padding:0;
      list-style-type:none;
    }
    
    .buying-process span {
      font-size:12px;
      font-weight:700;
    }
    
    .buying-process .buying-process-detail {
      display:none;
    }
    
    .buying-process:hover {
      background:none;
      background-color:#b7001e;
      color:#fff;
      border-color:#fff;
    }
    
    .buying-process:hover .buying-process-detail{
      display:block;
      z-index:10;
      border: 1px solid #eaeaea;
      box-shadow: 5px 5px 5px #aaa;
      background-color:#fff;
      color:#000;       
      position:absolute;
      top:91px;
      right:17px;
      width:50%;
      margin-right:65px;
    }
    
    .buying-arrows{
      z-index:10;
      
      width:15px;
      margin:5px 0 0 15px;
      float:left;
    }
    
    .cart {
      float:right;
      background-color:#b7001e;
      border-width:1px 1px 1px 0;
      border-style:solid;
      border-radius:0 6px 0 0;
      margin-bottom:20px;
      padding: 5px 10px;
      text-align:center;
      color:#fff;
      cursor:pointer;
      height:37px;
      margin-top:3px;
      padding:20px 10px;
    }
    
    .vde {
      
    }
    
    .feedback {
      text-align:center;
    }
    
    #fakts { list-style-type:none; }
    #quality { padding:0px; }
    #design { padding-left:118px; }
    #satisfaction { padding-left:208px; }
    #main-nav{
      text-align:left;
      font-family: 'Volkhov', sans-serif;
      font-weight:400;
      font-size:14px;
      color:#000;            
    }
    #main-nav ul {
      margin: 0;
      padding: 0 0 0 15px;
    }
    
    #main-nav ul li .nav-box {
      display:none;
    }
    
    #main-nav ul li:hover{
      background: #e0e0e0;
    }
    
    #main-nav ul li:hover .nav-box {
      background: none repeat scroll 0 0 #fff;
      position:absolute;
      border: 1px solid #eaeaea;
      box-shadow: 5px 5px 5px #aaa;
      z-index:10;
      display:block;
      left:100%;
      margin-left: 0;
      margin-top:-1px;
      padding:1em;
      top:-15px;
      width:300%;
      font-family: 'Volkhov', sans-serif;
      font-weight:200;
      font-size:14px;
      color:#000;
      line-height:1;
    }
    
    #main-nav li:before {      
      list-style-type:none;
      padding: 4px 0 0 15px;
      margin: 0 0 15px 0;
      height:20px;
      line-height:1em;
      position: relative;
      content: "";
      }
    #main-nav li{
      list-style-type:none;
      padding: 12px 0;
      margin: 0;
      height:20px;
      line-height:1em;
      position: relative;
    }
    
    #main-nav li span{
      font-size:12px;
      margin-left:22px;
      font-weight:600;
    }
    
    .fullwidth { margin: 0 10px; }
    .halfwidth { margin: 0 4px; width:49.3%; float:left; }
    .width34 { margin: 0; width:74%; float:right;}
    .width14 { margin: 0; width:25%; float:left;}
    .width14 img {max-width:90%; padding: 0 0 10px 2.5px;}
    .width45 { margin: 0; width:79%; float:right;}
    .width15 { margin: 0; width:20%; float:left;}
    .clear { clear:both;}
    
    .border {border-bottom:#e0e0e0 1px dotted; }
    
    .box {border-color:#880015; border-width:1px; border-style:solid; border-radius:7px; margin-bottom:20px; text-align:center;}
   
    .box h1 span {color:#000;}
    .box h2 { font-family: sans-serif; font-size:24px; color:#333333; }
    .box h3 { font-family: sans-serif; font-size:16px; color:#333333; }
    .box h4 { font-family: sans-serif; font-size:20px; color:#333333; }
    .box b { font-size:20px; }
    .haken { text-align:left; }
    .haken li {list-style-type:none;
      padding-top: 5px;  
      padding-left: 35px;
      margin-bottom: 15px;
      line-height:1em;
      position: relative;
     }
    .slogan {font-family: 'Volkhov', serif; font-size:16px; font-style:italic;}
    .slogan span {color:#880015; font-size:18px;}
    .box table { width:100%; text-align:center;}
    .box td {width:25%;}
    .boxtdcolspan { padding: 20px 0 0 70px; }
    .zetifikate table {border:0;}
    .zertifikate td {width:16.667%;}
    .distributor {
      text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
    }
    .distributor h1 {font-family: 'Cinzel', serif; font-weight:400; font-size:48px; color:#880015; margin:0;}
    .ebay-buyerprot {
     
      width:157px;
      height:20px;
    }
    .ebay-logo{
     
      width:157px;
      height:55px;
      position:relative;
      
    }
    .cross h1 {font-family: 'Cinzel', serif; font-weight:700; font-size:24px; color:#880015; text-align:center;}
    
    .products-listing {
      width:100%;
      font-family: 'Volkhov', serif; font-size:15px;
    }
    
    .product-listing-first{
      width:17%;
      float:left;
      margin-right: 2.5%;
      padding: 0 2px;
      border-color:transparent;
      border-width:1px;
      border-style:solid;
    }
    
    .product-listing-first:hover{
      border: 1px solid #eaeaea;
      box-shadow: 5px 5px 5px 5px #aaa;
      z-index:10;
    }
    
    .product-listing{
      width:17%;
      float:left;
      margin-right: 2.5%;
      padding: 0 2px;
      border-color:transparent;
      border-width:1px;
      border-style:solid;
    }
    
    .product-listing:hover{
      border: 1px solid #eaeaea;
      box-shadow: 5px 5px 5px 5px #aaa;
      z-index:10;
    }
    
    .product-listing-last{
      width:17%;
      float:left;
      padding: 0 2px;
      border-color:transparent;
      border-width:1px;
      border-style:solid;
    }
    
    .product-listing-last:hover{
      border: 1px solid #eaeaea;
      box-shadow: 5px 5px 5px 5px #aaa;
      z-index:10;
    }
    
    .prd-img img {
      max-width:100%;    
    }

    .prd-desc {
      font-style:italic;
      text-align:left;
      padding: 8px 0;
    }
    
    .prd-desc a {
      color:#000;
      text-decoration:none;
    }
    
    .prd-price {
      font-family: 'Volkhov', serif;
      color:#000;
      padding:15px 0;
      font-style:bold;
      text-align:center;
      font-size:20px;
    }
    
    .advantages-first{
      float:left;
      width: 12%;
      border-color:#880015;
      border-width: 1px;
      border-style:solid;
      border-radius:7px;
      text-align:center;
      margin-bottom: 20px;
    }
    
    .advantages-first .slide-box {
      display:none;
    }
    
    .advantages-first:hover{
      width:50%;
      z-index: 10;
      box-shadow: 5px 5px 5px 5px #aaa;
    }
    
    .advantages-first:hover .slide-box {
      z-index:10;
      display:block;
    }
    
    .advantages-first:hover .slide-info {
      display:none;
    }
    
    .advantages-first:hover ~ .advantages-last {
      width:12%;
    }
    
    .advantages-first:hover ~ .advantages-last .slide-box-last {
      display:none;
    }
    
    .advantages-first:hover ~ .advantages-last .slide-info-last {
      display:block;
    }
    
    .advantages-middle{
      float:left;
      width: 12%;
      border-color:#880015;
      border-width:1px;
      border-style:solid;
      border-radius:7px;
      text-align:center;
      margin-bottom:20px;
      padding: 20px 0;
    }
    
    .advantages-middle .slide-box {
      display:none;
    }
    
    .advantages-middle:hover{
      width: 50%;
      z-index: 10;
      box-shadow: 5px 5px 5px 5px #aaa;
    }
    
    .advantages-middle:hover .slide-box {
      z-index:10;
      display:block;
    }
    
    .advantages-middle:hover .slide-info {
      display:none;
    }
    
    .advantages-middle:hover ~ .advantages-last {
      width:12%;
    }
    
    .advantages-middle:hover ~ .advantages-last .slide-box-last {
      display:none;
    }
    
    .advantages-middle:hover ~ .advantages-last .slide-info-last {
      display:block;
    }
    
    .advantages-last{
      float:left;
      width: 50%;
      border-color:#880015;
      border-width:1px;
      border-style:solid;
      border-radius:7px;
      text-align:center;
      margin-bottom: 20px;
    }
    
    .advantages-last .slide-box-last {
      display:block;
      z-index:10;
    }
    
    .advantages-last .slide-info-last {
      display:none;
    }
    
    .advantages-last:hover{
      box-shadow: 5px 5px 5px 5px #aaa;
    }
    
    .advantages-first h1 {font-family: 'Cinzel', serif; font-weight:700; font-size:24px; color:#880015;}
    .advantages-first h1 span {color:#000;}
    .advantages-first h2 { font-family: 'Cinzel', serif; font-weight:700; font-size:22px; color:#000; }
    .advantages-first h3 { font-family: 'Cinzel', serif; font-weight:400; font-size:22px; color:#000; }
    .advantages-first h4 { font-family: 'Volkhov', serif; font-size:20px; font-weight:400; }
    .advantages-first b { font-size:20px; }
    
    .advantages-middle h1 {font-family: 'Cinzel', serif; font-weight:700; font-size:24px; color:#880015;}
    .advantages-middle h1 span {color:#000;}
    .advantages-middle h2 { font-family: 'Cinzel', serif; font-weight:700; font-size:22px; color:#000; }
    .advantages-middle h3 { font-family: 'Cinzel', serif; font-weight:400; font-size:22px; color:#000; }
    .advantages-middle h4 { font-family: 'Volkhov', serif; font-size:20px; font-weight:400; }
    .advantages-middle b { font-size:20px; }
    
    .advantages-last h1 {font-family: 'Cinzel', serif; font-weight:700; font-size:24px; color:#880015;}
    .advantages-last h1 span {color:#000;}
    .advantages-last h2 { font-family: 'Cinzel', serif; font-weight:700; font-size:22px; color:#000; }
    .advantages-last h3 { font-family: 'Cinzel', serif; font-weight:400; font-size:22px; color:#000; }
    .advantages-last h4 { font-family: 'Volkhov', serif; font-size:20px; font-weight:400; }
    .advantages-last b { font-size:20px; }

.star-wrapper {
    
    display: inline-block;
    float: none !important;
    height: 18px;
    margin-left: 0 !important;
    margin-top: -2px;
    overflow: hidden;
    vertical-align: bottom;
    width: 100px;
}

.star-wrapper.large {
  
    height: 30px;
    width: 180px;
}

.star-wrapper.large .star-rating {
    
    height: 30px;
    float: left !important;
    margin: 0 !important;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.star-rating{
    float: left !important;
    margin: 0 !important;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.star-wrapper {
 
    display: inline-block;
    float: none !important;
    height: 18px;
    margin-left: 0 !important;
    margin-top: -2px;
    overflow: hidden;
    vertical-align: bottom;
    width: 100px;
}

.star-wrapper.medium {
  
    height: 22px;
    width: 125px;
}



.star-wrapper.medium .star-rating {
   
    height: 22px;
}

.star-rating {
  
    float: left !important;
    height: 18px;
    margin: 0 !important;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.item {
  list-style-type:none;
  font-weight:400; font-size:22px; color:#000;
}

.item b {
  font-size:20px;
}

.picture-pad b {
  font-size:12px;
}

.footer{
    background-color: #282828;
    border-bottom: 0 solid #ccc;
    clear: both;
    color: #666;
    font-size: 13px;
    margin-bottom: 0;
    padding: 8px;
    text-align: left;
}

.footer ul {
    
}

.footer ul li {
    font-family: 'Cinzel', serif;
    font-weight:700;
    color: #fff;
    font-size: 18px;
    list-style-type:none;
    display:inline;
    padding-left:8%;
}

.footer a {
  color:#fff;
  text-decoration:none;
}

.footer a:hover{
  text-decoration:underline;
}

.footer-contact{
    background-color: #000;
    color: #fff;
    height: 110px;
}
.zer1 span {font-family: 'Cinzel', sans-serif; font-size:14px; color:#A4A4A4; text-align:right;}
.zer2 span {font-family: 'Cinzel', sans-serif; font-size:16px; color:#A4A4A4; text-align:left;}
.zer3 span {font-family: 'Cinzel', sans-serif; font-size:18px; color:#BDBDBD; text-align:center;}
.zer4 span {font-family: 'Cinzel', sans-serif; font-size:20px; color:#BDBDBD; text-align:center;}


