/**
 * CSS Buttons Stylesheet
 *
 * Thanks to paulm for much of the content of the CSS buttons code
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet_css_buttons.css 2765 2006-01-01 21:15:45Z birdbrain $
 */

.cssButton,
.cssButtonHover,
.more-info {
  background: #000;
  color: #ffffff;
  border: 0px solid;
  font-size: 18px;
  text-align: center;
  white-space: nowrap;
  text-decoration: bold;
  font-weight: normal;
  padding: 0.2em 0.2em;
  cursor: pointer;
  border-radius: 3px;
}
.cssButtonRegional {
  width: 200px;
  background: #ffa500;
  color: #ffffff;
  border: 0px solid;
  font-size: 18px;
  text-align: center;
  white-space: nowrap;
  text-decoration: bold;
  font-weight: normal;
  padding: 0.2em 0.2em;
  cursor: pointer;
  border-radius: 3px;
}
.more-info {
  width: 60px;
  margin: 0 auto;
}
.more-info:hover {
  background: #a0a0a0;
}
.cssButtonHover {
  color: #fff;
  background: #b6b6b6;
  text-decoration: none;
  border: 0px solid;
}
.small_delete,
.button_prev,
.button_next {
  width: 7em;
}
/* .cart_update {width: 10em;margin-bottom:0px;height:25px;padding:0.2em;position:relative;left:150px;} */
.button_sold_out_sm,
.button_sold_out {
  width: 10em;
  margin-bottom: 0px;
  height: auto;
}

.button_return_to_product_list,
.button_add_selected {
  width: 22em;
}
.button_submit {
  width: 200px;
  padding: 0.2em 0.2em;
}
.button_submit:hover {
  background: #b6b6b6;
}
.button_create_account {
  width: 200px;
  padding: 0.2em 0.2em;
}
.button_create_account:hover {
  background: #b6b6b6;
}
.button_login {
  width: 200px;
  padding: 0.2em 0.2em;
}
.button_login:hover {
  background: #b6b6b6;
}

.button_goto_prod_details {
}
.button_back {
  background: #000;
  border: none;
}

/* Warenkorb Infos auf Detailseite*/
.button_in_cart {
  width: 240px !important;
  font-size: 16px !important;
  background: url(../images/cart_white.png) no-repeat 3% 50% #eb5c99;
  height: 40px;
  color: #fff;
  text-align: left;
  padding-left: 40px;
  margin-left: 0px;
  font-weight: bold;
}
.button_in_cartHover {
  background: url(../images/cart_white.png) no-repeat 3% 50% #e83f8f;
  color: #fff;
}
.button_update_cart_v {
  background: url(../images/icon-refresh_blue_g.png) no-repeat 3% 50% #fff;
  color: #c0c0c0;
  width: 25px;
}
.cart_quantity {
  height: 40px;
  text-align: center;
  font-size: 120%;
  font-weight: bold;
  margin-left: 3px;
  border-radius: 3px;
}
.incart {
  font-weight: bold;
  float: left;
}

#verfuegbarkeit {
  margin-bottom: 3px;
  margin-left: 20px;
}

#green {
  background: url(../images/green_dot.png) no-repeat 5px 50%;
}

#green:hover {
  background: url(../images/green_dot.png) no-repeat 5px 50%;
  opacity: 0.7;
}

#yellow {
  background: url(../images/yellow_dot.png) no-repeat 5px 50%;
}

#yellow:hover {
  background: url(../images/yellow_dot.png) no-repeat 5px 50%;
  opacity: 0.7;
}

#red {
  background: url(../images/red_dot.png) no-repeat 5px 50%;
}

#red:hover {
  background: url(../images/red_dot.png) no-repeat 5px 50%;
  opacity: 0.7;
}

#blue {
  background: url(../images/blue_dot.png) no-repeat 5px 50%;
}

#blue:hover {
  background: url(../images/blue_dot.png) no-repeat 5px 50%;
  opacity: 0.7;
}

.green1 {
  background: url(../images/green_dot.png) no-repeat 40% 50%;
  /*float:right;*/
  width: 98%;
  position: absolute;
  bottom: 5px;
}

.green1:hover {
  background: url(../images/green_dot.png) no-repeat 40% 50%;
  /*float:right;*/
  opacity: 0.7;
}

.yellow1 {
  background: url(../images/yellow_dot.png) no-repeat 40% 50%;
  float: right;
  width: 98%;
  position: absolute;
  bottom: 5px;
}

.yellow1:hover {
  background: url(../images/yellow_dot.png) no-repeat 40% 50%;
  float: right;
  opacity: 0.7;
}

.red1 {
  background: url(../images/red_dot.png) no-repeat 40% 50%;
  float: right;
  width: 98%;
  position: absolute;
  bottom: 5px;
}

.red1:hover {
  background: url(../images/red_dot.png) no-repeat 40% 50%;
  float: right;
  opacity: 0.7;
}

.blue1 {
  background: url(../images/blue_dot.png) no-repeat 40% 50%;
  float: right;
  width: 98%;
  position: absolute;
  bottom: 5px;
}

.blue1:hover {
  background: url(../images/blue_dot.png) no-repeat 40% 50%;
  float: right;
  opacity: 0.7;
}

#wrap_incart {
  margin-left: 5px;
}
#incart_button {
  margin-left: 5px;
  margin-top: 15px;
}
.qty_txt {
  font-size: 18px;
}

#checkout {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  filter: grayscale(1);
}
#checkout h2 {
  font-weight: bold;
  width: 50%;
  margin: auto;
  font-size: 20px;
}
.checkout {
  width: 40%;
  float: left;
}
.PPECbutton {
  width: 33%;
  float: left;
  min-width: 250px;
  margin: 15px 0px 15px 0px;
}
.PPECbutton li {
  list-style: none;
}
.KCbutton {
  width: 33%;
  float: left;
  min-width: 220px;
  margin: 15px 0px 15px 0px;
}
.KCbutton li {
  list-style: none;
}
.zurkasse {
  width: 33%;
  float: left;
  min-width: 160px;
  margin: 15px 0px 15px 0px;
}
.left_hr hr {
  width: 30%;
  float: left;
  margin-right: 0px;
}

#klarna_footer {
  width: 98%;
  margin: auto;
}

#papal_pre_checkout {
  max-width: 640px;
  margin: auto;
}

@media (max-width: 767px) {
  #papal_pre_checkout {
    margin-top: -150px;
    position: relative;
    background: white;
    margin-left: 10px;

  }
}

.klarna_weiter {
  background: #e83f8f;
  width: 220px;
  color: #fff;
  margin: auto !important;
  font-size: 16px;
  text-align: center;
  height: 40px;
  margin-top: 20px !important;
  font-weight: bold;
  padding: 10px 15px 10px 15px !important;

  border-width: 1px;
  border-color: black;
  border-style: solid;

  text-transform: uppercase;
  font-weight: normal;
  
}
.klarna_weiter a {
  color: #fff;
  text-decoration: none;

}
.klarna_weiter:hover {
  background: #009fe3;
}

/* Warenkorb aktualisieren Button */
.button_update_cart {
  background: url(../images/icon-refresh.png) no-repeat 3% 50% #000;
  width: 110px !important;
  padding-left: 20px;
  color: #fff;
  margin-right: 15px;
  font-size: 13px;
  text-align: left;
  float: left;
  height: 28px;
  margin-top: 0px !important;
}
.button_update_cartHover {
  background: url(../images/icon-refresh.png) no-repeat 3% 50% #8ecfe1;
}

/* Weiter einkaufen Button */
.button_continue_shopping {
  background: url(../images/icon-weiter.png) no-repeat 3% 50% #000;
  width: 130px !important;
  color: #fff;
  margin-right: 1px;
  font-size: 13px !important;
  text-align: left;
  padding: 0px 0px 0px 20px;
  height: 28px;
  margin-top: 0px !important;
  float: left;
}
.button_continue_shoppingHover {
  background: url(../images/icon-weiter.png) no-repeat 3% 50% #8ecfe1;
}

/* zur Kasse Button */
.button_checkout {
  width: 150px;
  background: #000;
  font-weight: bold;
  font-size: 26px;
  padding: 5px 10px 5px 10px;
}
.button_checkout:hover {
  background: #b6b6b6;
}

.heading2 {
  width: 150px;
  background: #000;
  font-weight: bold;
  border-radius: 3px;
  color: #fff;
  padding: 5px 10px 5px 10px;
  float: right;
  text-align: center;
  cursor: pointer;
  margin-top: 10px;
  font-size: 20px;
}
.heading2:hover {
  background: #b6b6b6;
}
.heading3 {
  width: 225px;
  background: #000;
  font-weight: bold;
  border-radius: 3px;
  color: #fff;
  padding: 5px 10px 5px 10px;
  text-align: center;
  cursor: pointer;
  margin-top: 10px;
  margin: auto;
  color: #fff;
}
.heading3:hover {
  background: #b6b6b6;
}
.heading3 a {
  color: #fff;
  font-size: 26px;
}

.zahlarten {
  margin-left: 5px;
}

/* Suchen Button */

.button_search {
  position: relative;
  left: -53px;
  width: 53px;
  top: 0px;
  height: 35px;
  background: transparent;
  color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
}

/* Kaufen Button*/
.button_confirm_order {
  width: 250px;
  margin-right: 0px;
}

.button_add_selected {
  width: 200px !important;
}
#productReviewLink {
}
/*.button_write_review{border:1px solid #DDD;background: url(../images/luna_16.png) no-repeat 3% 50% #fff;color:#000;box-shadow:none;padding:0.6em;padding-left:1.9em;padding-right:1.5em;margin-right:10px !important;}
.button_write_review:hover{border:1px solid #DDD;background: url(../images/luna_16.png) no-repeat 3% 50% #eee;color:#000;box-shadow:none;-moz-transition: background 0s ease; -webkit-transition: background 0s ease; -o-transition: background 0s ease; transition: background 0s ease;} */
.button_write_review {
  background: #000;
  color: #fff;
  padding: 0.6em;
  padding-left: 1.9em;
  padding-right: 1.5em;
  margin-right: 10px !important;
  font-weight: bold;
}
.button_write_review:hover {
  background: #b6b6b6;
}

.button_reviews {
  background: #000;
  color: #fff;
  padding: 0.6em;
  padding-left: 1.9em;
  padding-right: 1.5em;
  margin-right: 10px !important;
  font-weight: bold;
}
.button_reviews:hover {
  background: #b6b6b6;
}