@charset "utf-8";

body{
	background-color: #fff;
}

.wrap{
  max-width: 100%;
  margin:0 auto; 
}

.clear {
  clear:both;
}

/*Header Styles*/

.top-menu{
    display: block;
    width: 100%;
    /* height:60px; */
 }

@media screen and (max-width: 768px) {
    .top-navigation{
        margin-right: 21%;
     }
}

@media screen and (max-width: 480px) {
    .top-navigation{
        margin-right: 11%;
     }
}

@media screen and (max-width: 420px) {
    .top-navigation{
        margin-right: 1%;
     }
}

.top-navigation{
  background-color: #f5f3f1;
  border-radius: 4px;
  display: inline-block;
}

.top-navigation{
  float:right;
}

.top-navigation>li{
  float:left;
  padding:5px;
  list-style: none;
}

.top-navigation>li>a{
  text-decoration: none;
  padding:10px 5px 18px 40px;
  color:#428bca; 
}

.top-banners{
  position: relative;
  display: block;
}

.logo{
  float:left;
}

@media screen and (max-width: 768px) {
    .logo{
        margin-left: 25%;
     }
}

@media screen and (max-width: 480px) {
    .logo{
        margin-left: 6%;
     }
}

@media screen and (max-width: 480px) {
    .logo{
        margin-left: 2%;
     }
}



.shipping{
    background-image: url(http://s379298685.online.de/dominti/produktbilder/ebayangebote/img/delivery.png); 
    background-repeat: no-repeat;
    /* background-position: 50% 0; */
    width: 366px;
    height: 66px;
    float:left;
    margin-left: 22%;
    margin-top: 2%;
}

.guarantee{
    background-image:url(../images/satisfaction.png); 
    background-repeat: no-repeat;
    width: 116px;
    height: 148px;
    float:right;
}

.panel{
    width: 20%;
}

@media screen and (max-width: 980px) {
    .panel{
        min-height: 100px;
     }
}

@media screen and (max-width: 750px) {
    .panel{
        min-height: 150px;
     }
}

@media screen and (max-width: 450px) {
    .panel{
        min-height: 200px;
     }
}

@media screen and (max-width: 363px) {
    .panel{
        min-height: 250px;
     }
}

.panel li{
  list-style: none;
}

.panel a{
  text-decoration: none;
  color:#fff;
  padding:15px 40px; 
  float:left;
}

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

.cart{
background-image:url(../images/cart.png); 
background-repeat: no-repeat; 
background-position: 0 5px;
}

.listing{
background-image:url(../images/listing.png); 
background-repeat: no-repeat; 
background-position: 0 7px;
}

.feedback{
background-image:url(../images/feedback.png); 
background-repeat: no-repeat; 
background-position: 0 3px;
}

.plus{
background-image:url(../images/plus.png); 
background-repeat: no-repeat; 
background-position: 0 4px;
}

.contact{
background-image:url(../images/envelope.png); 
background-repeat: no-repeat; 
background-position: 0 6px;
}

.form-control{
  margin-top: 7px;
  margin-left: 20px;
  padding: 6px;
  width: 210px;
}

@media screen and (max-width: 980px) {
  .form-control{
    margin-bottom: 10px;
    width:85%;
  }
}

@media screen and (max-width: 590px) {
  .form-control{
    margin-bottom: 10px;
    width:75%;
  }
}

@media screen and (max-width: 450px) {
  .form-control{
    margin-bottom: 10px;
    width:55%;
  }
}

.input-group{
  display: block;
}

.srch-button{
  float: left;
  background-image: url(http://www.s379298685.online.de/Dominti/Produktbilder/search.png); 
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fcfbf9;
  padding: 7px 17px;
  margin-top: 8px;
  margin-left: -2px;
  text-indent:-9999px;
  border: none;
}


.form-control{
  float:left;
  display: inline-block
;}

/*End of Header Styles*/

/*Slider Styles*/

.slider{
      width: 38%; /*Same as width of the large image*/
    position: relative;
    /*Instead of height we will use padding*/
    
     /* padding-top: 410px; */ /*That helps bring the labels down*/
    float:left;
    
     margin: 7px 0;
    display: inline-block;
}

@media screen and (max-width: 1160px) {
    .slider>img{
        position:fixed;
        width:400px;
     }
}

@media screen and (max-width: 940px) {
    .slider{
        margin: 0 auto;
     }
}

@media screen and (max-width: 420px) {
     .slider{
      width: 350px;
      
     }
     .slider>img{
        position:fixed;
        width:320px;
     }
     .slider label img{
    display: inline-block;
    }
    }
@media screen and (max-width: 320px) {
     .slider{
      width: 240px;
      
     }
     .slider>img{
      position:fixed;
      width:290px;
     }
    }
@media screen and (max-width: 420px) {
     .slider{
      width: 240px;
      
     }
     .slider>img{
      position:fixed;
      width:320px;
     }
    }

.slider>img{
    position: absolute;
    left: 0; top: 0;
    transition: all 0.5s;
}

.slider input[name='slide_switch'] {
    display: none;
}

.slider label {
    margin: 12px 0 5px 12px;
    border: 1px solid #999;
    float: left;
    cursor: pointer;
}

.slider label img{
    display: block;
    border-bottom: 1px solid #999;
}
.slider input[name='slide_switch']:checked+label {
    border-color: #666;
    opacity: 1;
}
.slider input[name='slide_switch'] ~ img {
    opacity: 0;
    transform: scale(1.1);
}

.slider input[name='slide_switch']:checked+label+img {
    opacity: 1;
    transform: scale(1);
}

/*Slider Styles end*/

/*Product Section Styles*/

.description{
  display: inline-block;
  float: right;
  width:55%;
  margin-bottom: 10px;
}

@media screen and (max-width: 980px) {
    .description{
        width:100%;
        float:clear;
     }
}

.description h3{
  color:#428bca;
}

.line{
    border-bottom: 1px solid black;
}

.product-descr{
    margin-bottom: 2%;
}

.product-descr h3{
    color:#307ec0;
}
.product-descr h5{
    color:#3c4c79;
    font-style:bold;
}
.product-descr p > span{
    color: #ff0000;
    text-transform: uppercase;
}

.product-descr{
    /* margin-top: 3%; */
    /* border-right: 1px solid gray; */
    /* width:60%; */
    /* float:left; */
    font-family: arial;
}

@media screen and (max-width: 980px) {
 .product-descr{
  width:100%;
 }
}

@media screen and (max-width: 930px) {
 .product-descr{
  border-right: none;
 }
}

.descripton-two {
  float: right;
  width:30%;
}

@media screen and (max-width: 980px) {
 .descripton-two{
  width:100%;
 }
}

/*End of Product Section*/

/*New Tabs Thing*/

/*tab and corner scripts below indexcards*/

td.tabgap {
  border-bottom:1px solid #777777;
}
  td.corLt{
    position:relative; 
    width:8px; 
    vertical-align:top; 
    border:1px solid #777777; 
    border-right: 0px;
  }
  td.corRt{
    position:relative; 
    width:8px; 
    vertical-align:top; 
    border:1px solid #777777; 
    border-left: 0px ;
  }
  div.corLt{
    position:relative; 
    left:-2px; 
    top:-2px; 
    width:8px;
  }
  div.corRt{
    position:relative; 
    right:-2px; 
    top:-2px; 
    width:8px;
  }
  td.tabtop {
    border-top:1px solid #777777; 
    border-bottom:1px solid #777777; 
    background-color:transparent ; 
  }
  div#tabterms {
    overflow:auto; 
    border:1px solid #777777; 
    border-top:0px;
  }
/*setup area*/

td.tabgap {width:2px;}
  a.tabtop {
  display:block; position:relative;
  white-space:nowrap; cursor:pointer;
  text-decoration:none; line-height:28px; text-align:center;
  font-size:14px; font-family:arial; font-weight:bold;
  }
  div#tabterms { 
    height:750px; 
    padding:15px; 
    font-family:arial; 
    font-size:14px; 
    text-align:left; 
  }

.shipping-tab{
  float:left;
  display: inline-block;
}

.payment-img{
  float:left;
  display: inline-block;
}

.payment-info{
  float:left;
  display: inline-block;
}

@media screen and (max-width: 480px) {
 #tabHolder{
   width:50%;
 }
}

/*End*/

.footer{
  margin-top:10px;
  text-align: center;
}

.img-responsive{
  display:block;
  max-width:100%;
  height:auto;
}

.hidden-xs {
  display: block !important;
}

table.hidden-xs {
  display: table;
}

@media (max-width: 767px) {
  .hidden-xs,
  tr.hidden-xs,
  th.hidden-xs,
  td.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-xs.hidden-sm,
  tr.hidden-xs.hidden-sm,
  th.hidden-xs.hidden-sm,
  td.hidden-xs.hidden-sm {
    display: none !important;
  }
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}