/* ===== Shop styles ===== */
/* Bars Boxes and Buttons colors */
/* Bars Boxes and Buttons background colors */
.linethrough {
  text-decoration: line-through;
}
.shop input[type='radio'],
.shop input[type='checkbox'] {
  transform: scale(1.3);
  margin-top: 0;
  margin-left: 4px;
  margin-right: 2px;
}
.shop input[type='checkbox'] {
  border-radius: 0;
  background-color: #F3E7E0;
}
.shop label {
  margin-bottom: 0;
  margin-left: 3px;
  margin-right: 8px;
}
@media screen and (max-width: 500px) {
  .shop input[type='radio'],
  .shop input[type='checkbox'] {
    transform: scale(2);
    margin-left: 10px;
    margin-top: 1em;
  }
  .shop label {
    margin-left: 8px;
  }
}
.shop .alert {
  display: inline-block;
  padding: 12px;
  margin-top: 3px;
  margin-bottom: 8px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.shopcontent {
  padding: 0 15px;
}
.shopcontent input[type='radio'],
.shopcontent input[type='checkbox'] {
  transform: scale(1.3);
  margin-top: 0;
  margin-left: 4px;
  margin-right: 2px;
}
.shopcontent input[type='checkbox'] {
  border-radius: 0;
  background-color: #F3E7E0;
}
.shopcontent label {
  margin-bottom: 0;
  margin-left: 3px;
  margin-right: 8px;
}
@media screen and (max-width: 500px) {
  .shopcontent input[type='radio'],
  .shopcontent input[type='checkbox'] {
    transform: scale(2);
    margin-left: 10px;
    margin-top: 1em;
  }
  .shopcontent label {
    margin-left: 8px;
  }
}
.shopcontent .alert {
  display: inline-block;
  padding: 12px;
  margin-top: 3px;
  margin-bottom: 8px;
  border: 1px solid transparent;
  border-radius: 4px;
}
/* -- Product Groups -- */
ul#shop_pgs {
  margin: 15px 0 0 0;
  padding: 0;
  list-style-type: none;
}
ul#shop_pgs li.shop_pg {
  float: left;
  display: block;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  margin-right: 8px;
  width: 170px;
  height: 225px;
}
ul#shop_pgs li.shop_pg .pgimage {
  width: 170px;
  height: 170px;
  border: 0;
  overflow: hidden;
}
ul#shop_pgs li.shop_pg .pgname {
  margin-top: 7px;
  width: 170px;
  height: 25px;
  overflow: hidden;
  color: #08482d;
  font-size: 1.5em;
  font-weight: bold;
  font-family: Times New Roman;
}
ul#shop_pgs li.shop_pg .pgname a {
  color: #08482d;
  text-decoration: none;
}
ul#shop_pgs li.shop_pg .pgname a:hover {
  text-decoration: underline;
}
/* -- Products -- */
ul#shop_ps {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  /*align-items: center;*/
  /*baseline | first baseline | last baseline | start | end | self-start | self-end + ... safe | unsafe;*/
  margin: 15px 0 0 0;
  padding: 0;
  list-style-type: none;
}
ul#shop_ps li.product {
  /*flex-grow: 2;*/
  /*float:left;*/
  /*display: block;*/
  white-space: nowrap;
  /*margin:0 30px 25px 0;*/
  margin-bottom: 30px;
  padding: 0;
  width: 340px;
  height: 408px;
  background-color: transparent;
  /* border: dotted 1px green; */
}
ul#shop_ps li.product .pimage {
  width: 340px;
  height: 340px;
  border: 0;
  overflow: hidden;
}
ul#shop_ps li.product .pimage img {
  border: none;
  width: 100%;
  height: auto;
}
ul#shop_ps li.product .pname {
  padding: 12px 10px 0 0;
  /*margin-top: 7px;*/
  width: 340px;
  /*height: 18px;*/
  overflow: hidden;
  color: #646464;
  font-size: 1.4em;
  line-height: 125%;
  font-weight: normal;
  font-family: 'Times New Roman', sans-serif;
}
ul#shop_ps li.product .pname .pname_inner {
  min-height: 28px;
}
ul#shop_ps li.product .pdesc {
  margin-top: 7px;
  width: 340px;
  height: 27.2px;
  overflow: hidden;
  color: #646464;
  white-space: normal;
  font-size: 0.8em;
  line-height: 1.25em;
  font-weight: normal;
  font-family: Verdana;
  /*border: dotted 1px blue; */
}
ul#shop_ps li.product .pdesc a {
  text-decoration: underline;
}
ul#shop_ps li.product .pdesc a:hover {
  text-decoration: none;
}
ul#shop_ps li.product .ppab {
  padding: 2px 10px 0 0;
}
ul#shop_ps li.product .ppab .ppib {
  float: right;
  cursor: pointer;
  margin-right: 5px;
}
ul#shop_ps li.product .ppab .psp {
  float: right;
  text-align: center;
  color: #222;
  cursor: pointer;
}
ul#shop_ps li.product .ppab .psp a {
  border: none;
  margin: 0;
  margin-top: -3px;
  font-weight: bold;
  font-size: 1em;
  border-radius: 0;
  text-decoration: none;
  background-color: Transparent;
  color: #222;
  cursor: pointer;
  font-family: Verdana;
  background-color: #F3E7E0;
  padding: 3px 0 4px 0;
  min-width: 100px;
}
ul#shop_ps li.product .ppab .pnis {
  float: right;
  cursor: pointer;
  margin-right: 5px;
}
ul#shop_ps li.product .ppab .psv {
  clear: both;
  cursor: pointer;
  margin-right: 5px;
  color: Red;
}
ul#shop_ps li.product .ppab .psv a {
  color: Red;
  font-weight: bold;
}
ul#shop_ps li.product .ppab .pprice {
  float: left;
  font-weight: normal;
  color: #646464;
}
ul#shop_ps li.product .ppab .ppriceobsolete {
  float: left;
  font-weight: bold;
  color: #646464;
  text-decoration: line-through;
}
ul#shop_ps li.product .ppab .ppoffer {
  float: left;
  font-weight: normal;
  color: Red;
}
ul#shop_ps li.product .ppab .ppfrom {
  float: left;
  font-weight: normal;
  color: #646464;
}
ul#shop_ps li.product .ppab .ppinfo {
  padding: 3px 0 0 0;
  float: left;
  clear: left;
  font-weight: normal;
  color: #777;
  font-size: 8px;
  line-height: 100%;
  font-family: Arial;
}
ul#shop_ps li.product .ppab .ppinfo a {
  text-decoration: underline;
  color: #777;
}
ul#shop_ps li.product .ppab .ppinfo a:hover {
  text-decoration: none;
}
/* -- Related Products -- */
.shop_pre_rps {
  margin-top: 5px;
}
.shop_pre_rps h2 {
  font-size: 1.6em;
  font-weight: bold;
  color: #101010;
  margin-bottom: -8px;
}
ul#shop_rps {
  margin: 15px 0 0 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
ul#shop_rps li.product {
  white-space: nowrap;
  margin: 0;
  padding: 0;
  margin-right: 170px / 8;
  width: 170px;
  height: 204px;
}
ul#shop_rps li.product .pimage {
  width: 170px;
  height: 170px;
  border: 0;
  overflow: hidden;
}
ul#shop_rps li.product .pimage img {
  border: none;
  width: 100%;
  height: auto;
}
ul#shop_rps li.product .pname {
  padding: 10px 8px 0 0;
  width: 170px;
  overflow: hidden;
  color: #101010;
  font-size: 1.3em;
  line-height: 125%;
  font-weight: normal;
  font-family: 'Times New Roman', sans-serif;
}
ul#shop_rps li.product .pname .pname_inner {
  min-height: 22px;
}
/* -- Product -- */
.shop_pre_p {
  margin-top: -5px;
}
.shop_pre_p h1 {
  font-size: 1em;
  font-family: Verdana;
  font-weight: normal;
}
.shop_pre_p h1 a {
  color: #6f6d70;
  text-decoration: underline;
}
.shop_pre_p h1 a:hover {
  text-decoration: none;
}
.shop_pre_p h1 a span.arrow {
  display: block;
  float: left;
  margin: 6px 0 0 3px;
  z-index: 9999;
  /* we use one-side border to create a triangle so that we don't use a real background image. */
  width: 0;
  height: 0;
  /* tweak size of the arrow */
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #fff;
}
.shop_pre_p h1 a .btn {
  padding-left: 10px;
}
.shop_p {
  margin: 10px 0 0 0;
  padding: 0;
  overflow: hidden;
  display: grid;
  height: auto;
  width: 100%;
  grid-template-rows: 1fr;
  grid-template-columns: auto 40px auto;
}
.shop_p .pheading {
  clear: both;
}
.shop_p .pimage {
  /*float:left; */
  grid-column-start: 1;
  overflow: hidden;
  max-width: 500px;
}
.shop_p .pimage .zoom {
  display: inline-block;
  position: relative;
  /*&.active:after { content:''; display:block; width:33px; height:33px; position:absolute; top:0; right:0; background:url(/code/js/zoom-master/icon.png); }*/
}
.shop_p .pimage .zoom img {
  width: 100%;
  height: auto;
}
.shop_p .pimage .zoom img::selection {
  background-color: transparent;
}
.shop_p .pimage img {
  max-width: 500px;
  height: auto;
  border: 1px solid #ECE8E5;
}
.shop_p .pimage #imgcarousel {
  max-width: 500px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.shop_p .pimage #imgcarousel #syncimg .item {
  width: 80px;
  height: 80px;
  background-color: transparent;
  padding: 0 0 0 0;
  margin: 4px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
}
.shop_p .pimage #imgcarousel #syncimg .item img {
  width: 100%;
  height: auto;
  border-color: #F3E7E0;
  border-width: 3px;
}
.shop_p .pimage #imgcarousel #syncimg .synced .item img {
  border-color: #debca9;
}
.shop_p .pinfo {
  /*float:right; width: 40%; */
  grid-column-start: 3;
  overflow: hidden;
}
.shop_p .pinfo .inner {
  padding: 0 20px 0 0;
  color: #101010;
}
.shop_p .pinfo h1 {
  color: #101010;
  font-size: 20px;
}
.shop_p .pinfo .pdesc {
  padding-top: 5px;
  color: #101010;
  font-size: 0.9em;
  font-weight: normal;
  font-family: Verdana;
  text-align: left;
  /*border: dotted 1px blue; */
}
.shop_p .pinfo .pdesc p {
  font-size: 100%;
  font-family: Verdana;
}
.shop_p .pinfo .psizes {
  margin: 10px 0 10px 0;
}
.shop_p .pinfo .psizes .lbl {
  font-size: 1em;
  font-weight: normal;
}
.shop_p .pinfo .psizes .val {
  font-size: 1.1em;
  font-weight: normal;
}
.shop_p .pinfo .pvariants {
  margin: 0 0 12px 0;
}
.shop_p .pinfo .pvariants .lbl {
  font-size: 1.1em;
  font-weight: bold;
}
.shop_p .pinfo .pvariants .val {
  font-size: 1.2em;
  font-weight: bold;
}
.shop_p .pinfo .pprice .lbl {
  font-size: 1.1em;
  font-weight: bold;
}
.shop_p .pinfo .pprice .val {
  font-size: 1.8em;
  font-weight: normal;
}
.shop_p .pinfo .pprice .valobsolete {
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: line-through;
}
.shop_p .pinfo .ppoffer {
  padding-top: 2px;
}
.shop_p .pinfo .ppoffer .lbl {
  font-size: 1.1em;
  font-weight: bold;
}
.shop_p .pinfo .ppoffer .val {
  font-size: 1.2em;
  font-weight: bold;
  color: Red;
}
.shop_p .pinfo .ppinfo {
  padding: 5px 0 3px 0;
  font-weight: normal;
  color: #777;
  font-size: 9px;
  font-family: Arial;
}
.shop_p .pinfo .ppinfo a {
  text-decoration: underline;
  color: #777;
}
.shop_p .pinfo .ppinfo a:hover {
  text-decoration: none;
}
.shop_p .pinfo .pdprices {
  margin-top: 11px;
}
.shop_p .pinfo .pdprices .pdprice {
  height: 18px;
}
.shop_p .pinfo .pdprices .pdprice .lbl {
  font-size: 1em;
  font-weight: bold;
}
.shop_p .pinfo .pdprices .pdprice .val {
  font-size: 1.1em;
  font-weight: bold;
}
.shop_p .pinfo .buy {
  clear: both;
  margin-top: 15px;
  overflow: hidden;
}
.shop_p .pinfo .buy .amountlbl {
  float: left;
  padding-top: 7px;
}
.shop_p .pinfo .buy .amountval {
  float: left;
  margin-left: 5px;
}
.shop_p .pinfo .buy .amountval input {
  width: 50px;
  text-align: right;
  padding: 5px 2px;
}
.shop_p .pinfo .buy .pib {
  float: left;
  margin-left: 20px;
  padding-top: 0;
  cursor: pointer;
}
.shop_p .pinfo .buy .pib div.btns {
  float: left;
  border: none;
  padding: 0;
  margin: 0;
  font-weight: bold;
  font-size: 1em;
  background-color: Transparent;
  color: #222;
  cursor: pointer;
  font-family: Verdana;
  background-color: #F3E7E0;
  padding: 8px 9px 7px 9px;
}
.shop_p .pinfo .stock {
  clear: both;
  padding-top: 18px;
}
.shop_p .pinfo .stock .ist {
  color: #08482d;
  font-weight: bold;
}
.shop_p .pinfo .stock .nist {
  color: red;
  font-weight: bold;
}
@media (max-width: 768px) {
  .shop_p {
    grid-template-columns: auto;
    gap: 20px;
  }
  .shop_p .pimage {
    grid-column-start: 1;
    overflow: hidden;
    width: 100%;
  }
  .shop_p .pimage .zoom {
    display: inline-block;
    position: relative;
    width: 100%;
    height: auto;
  }
  .shop_p .pimage .zoom img {
    width: 100%;
    height: auto;
  }
  .shop_p .pimage img {
    width: 100%;
    height: auto;
  }
  .shop_p .pinfo {
    grid-column-start: 1;
    grid-row-start: 2;
    overflow: visible;
  }
}
/* --- Smaller than standard 1200 (devices and browsers) --- */
/*@media only screen and (max-width: 1199px) 
{
	.shop_p .pimage img { width: 300px; height:260px; }	
	.shop_p .pimage #imgcarousel { width: 300px; }
	.shop_p .pinfo { width: 395px; }	
}
@media only screen and (max-width: 959px)  
{
	.shop_p .pimage img { width: 350px; height:304px; }	
}
@media only screen and (max-width: 459px)  
{
	.shop_p { clear:both;  margin: 10px 10px 0 30px; padding: 10px 0 0 0; overflow:hidden;*/
/*border: 1px solid blue; */
/*}	
	.shop_p .pimage img { width: 325px; height:282px; }
	.shop_p .pinfo { width: 100%; }		
}
@media only screen and (max-width: 419px)  
{
	.shop_p { clear:both;  margin: 10px 5px 0 10px; padding: 10px 0 0 0; overflow:hidden;*/
/*border: 1px solid blue; */
/*}	
	.shop_p .pimage img { width: 370px; height:334px; }
	.shop_p .pinfo { width: 100%; }		
}
@media only screen and (max-width: 400px)  
{
	.shop_p { clear:both;  margin: 10px 20px 0 20px; padding: 10px 0 0 0; overflow:hidden;*/
/*border: 1px solid blue; */
/*}	
	.shop_p .pimage img { width: 315px; height:273px; }
	.shop_p .pinfo { width: 100%; }		
}
@media only screen and (max-width: 359px)  
{
	.shop_p { clear:both;  margin: 10px 1px 0 1px; padding: 10px 0 0 0; overflow:hidden;*/
/*border: 1px solid blue; */
/*}	
	.shop_p .pimage img { width: 314px; height:270px; }
	.shop_p .pinfo { width: 100%; }		
}*/
/* -- Products order form -- */
.shop_pof {
  padding: 0 10px 0 0;
}
.shop_pof .empty {
  clear: both;
  padding-top: 20px;
}
.shop_pof .empty .ErrorText {
  font-size: 14px;
  font-weight: bold;
}
.shop_pof td {
  color: #08482d;
}
.shop_pof table.items {
  width: 100%;
}
.shop_pof table.items tr.odd {
  background-color: #f0f0f0;
}
.shop_pof table.items tr th {
  text-align: left;
  font-weight: bold;
  padding: 8px 8px;
  border-bottom: solid 2px #e5e5e5;
  empty-cells: show;
}
.shop_pof table.items tr th.productno {
  white-space: nowrap;
}
.shop_pof table.items tr th.price,
.shop_pof table.items tr th.total {
  text-align: center;
}
.shop_pof table.items tr td {
  font-weight: normal;
  padding: 8px 8px;
  border-bottom: solid 2px #e5e5e5;
}
.shop_pof table.items tr td.product a {
  text-decoration: none;
}
.shop_pof table.items tr td.product a:hover {
  text-decoration: underline;
}
.shop_pof table.items tr td.image img {
  border: none;
}
.shop_pof table.items tr td.note .nist {
  color: Red;
  font-weight: bold;
}
.shop_pof table.items tr td.note .nb {
  color: Red;
  font-weight: bold;
  font-size: 12px;
}
.shop_pof table.items tr td.price {
  text-align: right;
  padding-right: 20px;
  white-space: nowrap;
}
.shop_pof table.items tr td.count .opdater,
.shop_pof table.items tr td.count .slet {
  text-decoration: underline;
  cursor: pointer;
}
.shop_pof table.items tr td.count .opdater:hover,
.shop_pof table.items tr td.count .slet:hover {
  text-decoration: none;
}
.shop_pof table.items tr td.total {
  text-align: right;
  white-space: nowrap;
}
.shop_pof table.items tr td.odd {
  background-color: #f0f0f0;
}
.shop_pof table.items tr td.even {
  background-color: #f9f9f9;
}
.shop_pof table.items tr td .amountval input {
  width: 30px;
  text-align: right;
}
.shop_pof .tkurv .tilkurv {
  float: right;
  padding: 3px 0 4px 0;
  width: 100px;
  text-align: center;
  color: #fff;
  margin-top: 40px;
  cursor: pointer;
  background-color: #233589;
}
/* -- Manufacturers (list) page -- */
ul#manufacturers {
  margin: 15px 0 0 0;
  padding: 0;
  list-style-type: none;
}
ul#manufacturers li {
  float: left;
  display: block;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  margin-right: 8px;
  width: 170px;
  height: 225px;
}
ul#manufacturers li .image {
  width: 170px;
  height: 170px;
  border: 0;
  overflow: hidden;
}
ul#manufacturers li .name {
  margin-top: 7px;
  width: 170px;
  height: 25px;
  overflow: hidden;
  color: #08482d;
  font-size: 1.5em;
  font-weight: bold;
  font-family: Times New Roman;
}
ul#manufacturers li .name a {
  color: #08482d;
  text-decoration: none;
}
ul#manufacturers li .name a:hover {
  text-decoration: underline;
}
/* -- Manufacturer page -- */
#shop_mfcontentc {
  float: right;
  width: 230px;
  /*border: dotted 1px green; */
}
#shop_mfcontentc #mfcontent {
  padding: 10px 10px 10px 5px;
  color: #101010;
}
#shop_mfvideo {
  float: left;
  width: 470px;
  /*border: dotted 1px blue; */
}
#shop_mfimage {
  float: left;
  /*border: dotted 1px blue; */
}
/* -- Manufacturer Products -- */
.shop_pre_mfps {
  margin-top: 25px;
}
.shop_pre_mfps h2 {
  font-size: 1.6em;
  font-weight: bold;
  color: #101010;
  margin-bottom: -8px;
}
ul#shop_mfps {
  margin: 15px 0 0 0;
  padding: 0;
  list-style-type: none;
}
ul#shop_mfps li.product {
  float: left;
  display: block;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  margin-right: 6px;
  width: 111px;
  height: 141px;
  /* border: dotted 1px green; */
}
ul#shop_mfps li.product .pimage {
  width: 111px;
  height: 111px;
  border: 0;
  overflow: hidden;
}
ul#shop_mfps li.product .pimage img {
  border: none;
}
ul#shop_mfps li.product .pname {
  margin-top: 2px;
  width: 111px;
  height: 18px;
  overflow: hidden;
  color: #101010;
  font-size: 1.1em;
  font-weight: bold;
  font-family: Times New Roman;
}
/* -- Small Basket -- */
#shop_sb {
  /*background: url(../../images/vm_kurv_ramme.gif) no-repeat 0 0; width: 196px; height: 95px;*/
  width: 70px;
  /*border: 1px solid green;*/
}
#shop_sb * {
  outline: none;
  border: none;
}
#shop_sb a {
  text-decoration: none;
}
#shop_sb a:hover {
  text-decoration: none;
}
#shop_sb .inner {
  padding: 0;
}
#shop_sb .inner .heading {
  text-transform: uppercase;
  font-size: 14px;
  color: #5f6062;
  font-family: "Gotham A", "Gotham B", Verdana, sans-serif;
}
#shop_sb .inner .status {
  padding-top: 3px;
  font-size: 12px;
  color: #101010;
  font-family: "Gotham A", "Gotham B", Verdana, sans-serif;
}
#shop_sb .inner .amount {
  background: url(../../images/SusUnivers_kurv.svg) no-repeat 2px 2px;
  background-size: 21px 21px;
  margin-top: 3px;
  width: 50px;
  height: 25px;
}
#shop_sb .inner .amount .amountinner {
  padding: 8px 0 0 0;
  font-size: 13px;
  color: #706b71;
  text-align: right;
  font-family: Verdana;
  font-weight: bold;
}
/* -- Basket (page) -- */
#shop_bContainer #shop_b {
  padding: 0 10px 0 0;
}
@media screen and (max-width: 500px) {
  #shop_bContainer #shop_b {
    padding: 0 0 0 0;
  }
}
#shop_bContainer #shop_b .empty {
  clear: both;
  padding-top: 20px;
}
#shop_bContainer #shop_b .empty .ErrorText {
  font-size: 14px;
  font-weight: bold;
}
#shop_bContainer #shop_b td {
  color: #101010;
}
#shop_bContainer #shop_b table.items {
  width: 100%;
}
#shop_bContainer #shop_b table.items tr.odd {
  background-color: #f0f0f0;
}
#shop_bContainer #shop_b table.items tr th {
  text-align: left;
  font-weight: bold;
  padding: 8px 8px;
  border-bottom: solid 2px #e5e5e5;
  empty-cells: show;
}
#shop_bContainer #shop_b table.items tr th.price {
  text-align: center;
}
@media screen and (max-width: 500px) {
  #shop_bContainer #shop_b table.items tr th.price {
    display: none;
  }
}
#shop_bContainer #shop_b table.items tr th.total {
  text-align: center;
}
#shop_bContainer #shop_b table.items tr td {
  font-weight: normal;
  padding: 8px 8px;
  border-bottom: solid 2px #e5e5e5;
}
#shop_bContainer #shop_b table.items tr td.product a {
  text-decoration: none;
}
#shop_bContainer #shop_b table.items tr td.product a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 500px) {
  #shop_bContainer #shop_b table.items tr td.image img {
    display: none;
  }
}
#shop_bContainer #shop_b table.items tr td.note .nist {
  color: Red;
  font-weight: bold;
}
#shop_bContainer #shop_b table.items tr td.note .nb {
  color: Red;
  font-weight: bold;
  font-size: 12px;
}
#shop_bContainer #shop_b table.items tr td.count .opdater,
#shop_bContainer #shop_b table.items tr td.count .slet {
  text-decoration: underline;
  cursor: pointer;
  font-size: 0.9em;
}
#shop_bContainer #shop_b table.items tr td.count .opdater:hover,
#shop_bContainer #shop_b table.items tr td.count .slet:hover {
  text-decoration: none;
}
#shop_bContainer #shop_b table.items tr td.price {
  text-align: right;
  padding-right: 20px;
  white-space: nowrap;
}
@media screen and (max-width: 500px) {
  #shop_bContainer #shop_b table.items tr td.price {
    display: none;
  }
}
#shop_bContainer #shop_b table.items tr td.total {
  text-align: right;
  white-space: nowrap;
}
#shop_bContainer #shop_b table.items tr td.odd {
  background-color: #f0f0f0;
}
#shop_bContainer #shop_b table.items tr td.even {
  background-color: #f9f9f9;
}
#shop_bContainer #shop_b table.items tr td .amountval input {
  width: 30px;
  text-align: right;
}
#shop_bContainer #shop_b .sum {
  float: right;
  width: 45%;
  margin-top: 10px;
  /*border: dotted 1px green; */
}
#shop_bContainer #shop_b .sum table {
  width: 100%;
}
#shop_bContainer #shop_b .sum table tr td.lblsamlkoeb {
  font-weight: bold;
}
#shop_bContainer #shop_b .sum table tr td.valsamlkoeb {
  font-weight: bold;
  text-align: right;
}
#shop_bContainer #shop_b .sum table tr td.lbltotalexvat {
  font-weight: bold;
}
#shop_bContainer #shop_b .sum table tr td.valtotalexvat {
  font-weight: bold;
  text-align: right;
}
#shop_bContainer #shop_b .sum table tr td.lblherafmoms {
  font-weight: normal;
  height: 25px;
  vertical-align: bottom;
  border-bottom: solid 1px #d0d0d0;
}
#shop_bContainer #shop_b .sum table tr td.valherafmoms {
  font-weight: normal;
  height: 25px;
  vertical-align: bottom;
  text-align: right;
  border-bottom: solid 1px #d0d0d0;
}
#shop_bContainer #shop_b .sum table tr td.lblvat {
  font-weight: normal;
  height: 25px;
  vertical-align: bottom;
  border-bottom: solid 1px #d0d0d0;
}
#shop_bContainer #shop_b .sum table tr td.valvat {
  font-weight: normal;
  height: 25px;
  vertical-align: bottom;
  text-align: right;
  border-bottom: solid 1px #d0d0d0;
}
#shop_bContainer #shop_b .sum table tr td.lbltotal {
  font-weight: bold;
  height: 25px;
  vertical-align: bottom;
  border-bottom: double 3px #d0d0d0;
}
#shop_bContainer #shop_b .sum table tr td.valtotal {
  font-weight: bold;
  height: 25px;
  vertical-align: bottom;
  text-align: right;
  border-bottom: double 3px #d0d0d0;
}
#shop_bContainer #shop_b .tkkm .tilkassen {
  float: right;
  padding: 4px 0 4px 0;
  min-width: 100px;
  text-align: center;
  font-weight: bold;
  color: #222;
  margin-top: 40px;
  cursor: pointer;
  background-color: #F3E7E0;
}
#shop_bContainer #shop_b .tkkm .koebmere {
  float: right;
  clear: both;
  padding: 3px 0 4px 0;
  min-width: 100px;
  text-align: center;
  color: #222;
  margin-top: 10px;
  cursor: pointer;
  background-color: #F3E7E0;
}
#shop_bContainer #shop_b .odattoem {
  float: left;
  width: 45%;
  margin-top: 10px;
  /* border: dotted 1px blue; */
}
#shop_bContainer #shop_b .odattoem .opdater {
  float: left;
  padding: 3px 15px 4px 15px;
  margin-right: 40px;
  color: #222;
  background-color: #F3E7E0;
}
#shop_bContainer #shop_b .odattoem .toem {
  float: left;
  padding: 3px 0 4px 0;
  min-width: 100px;
  text-align: center;
  color: #222;
  cursor: pointer;
  background-color: #F3E7E0;
}
#shop_bContainer #shop_b .freeship {
  float: left;
  width: 45%;
  margin-top: 20px;
  font-weight: bold;
  color: Red;
  /* border: dotted 1px blue; */
}
/*#shop_b table.items tr.odd { background-color: #f0f0f0; }*/
/*#shop_b table.items tr th.price,
#shop_b table.items tr th.total { text-align: center; }*/
/*#shop_b table.items tr td { font-weight: normal; padding: 8px 8px; border-bottom: solid 2px #e5e5e5; }*/
/*#shop_b table.items tr td.product a { text-decoration: none; }*/
/*#shop_b table.items tr td.product a:hover { text-decoration: underline; }*/
/*#shop_b table.items tr td.image { }*/
/*#shop_b table.items tr td.note .nist { color: Red; font-weight: bold; }*/
/*#shop_b table.items tr td.note .ist { }*/
/*#shop_b table.items tr td.note .nb { color: Red; font-weight: bold; font-size: 12px; }*/
/*#shop_b table.items tr td.price { text-align: right; padding-right: 20px; white-space: nowrap; }*/
/*    #shop_b table.items tr td.count .opdater,
    #shop_b table.items tr td.count .slet { text-decoration: underline; cursor: pointer; font-size: 0.9em; }*/
/*    #shop_b table.items tr td.count .opdater:hover,
    #shop_b table.items tr td.count .slet:hover { text-decoration: none; }*/
/*#shop_b table.items tr td.total { text-align: right; white-space: nowrap; }*/
/*#shop_b table.items tr td.odd { background-color: #f0f0f0; }
    #shop_b table.items tr td.even { background-color: #f9f9f9; }*/
/*#shop_b table.items tr td .amountval input { width: 30px; text-align: right; }*/
/*#shop_b .sum { float: right; width: 45%; margin-top: 10px;*/
/*border: dotted 1px green; */
/*}
#shop_b .sum table { width: 100%; }*/
/*#shop_b .sum table tr td.lblsamlkoeb { font-weight: bold; }
        #shop_b .sum table tr td.valsamlkoeb { font-weight: bold; text-align: right; }*/
/* #shop_b .sum table tr td.lbltotalexvat { font-weight: bold; }
        #shop_b .sum table tr td.valtotalexvat { font-weight: bold; text-align: right; }
        #shop_b .sum table tr td.lblherafmoms { font-weight: normal; height: 25px; vertical-align: bottom; border-bottom: solid 1px #d0d0d0; }
        #shop_b .sum table tr td.valherafmoms { font-weight: normal; height: 25px; vertical-align: bottom; text-align: right; border-bottom: solid 1px #d0d0d0; }
        #shop_b .sum table tr td.lblvat { font-weight: normal; height: 25px; vertical-align: bottom; border-bottom: solid 1px #d0d0d0; }
        #shop_b .sum table tr td.valvat { font-weight: normal; height: 25px; vertical-align: bottom; text-align: right; border-bottom: solid 1px #d0d0d0; }
        #shop_b .sum table tr td.lbltotal { font-weight: bold; height: 25px; vertical-align: bottom; border-bottom: double 3px #d0d0d0; }
        #shop_b .sum table tr td.valtotal { font-weight: bold; height: 25px; vertical-align: bottom; text-align: right; border-bottom: double 3px #d0d0d0; }*/
/*#shop_b .tkkm { }
    #shop_b .tkkm .tilkassen { float: right; padding: 4px 0 4px 0; min-width: 100px; text-align: center; font-weight: bold; color: @shop_button_color; margin-top: 40px; cursor: pointer; background-color: @shop_button_bgcolor; }
    #shop_b .tkkm .koebmere { float: right; clear: both; padding: 3px 0 4px 0; min-width: 100px; text-align: center; color: @shop_button_color; margin-top: 10px; cursor: pointer; background-color: @shop_button_bgcolor; }
*/
/*#shop_b .odattoem { float: left; width: 45%; margin-top: 10px;*/
/* border: dotted 1px blue; */
/*}
    #shop_b .odattoem .opdater { float: left; padding: 3px 15px 4px 15px; margin-right: 40px; color: @shop_button_color; background-color: @shop_button_bgcolor; }
    #shop_b .odattoem .toem { float: left; padding: 3px 0 4px 0; min-width: 100px; text-align: center; color: @shop_button_color; cursor: pointer; background-color: @shop_button_bgcolor; }*/
/*#shop_b .freeship { float: left; width: 45%; margin-top: 20px; font-weight: bold; color: Red;*/
/* border: dotted 1px blue; */
/*}*/
/* -- Pay/Checkout -- */
#shop_pc {
  padding: 0 0 30px 0;
  overflow: hidden;
}
#shop_pc .StepView {
  display: flex;
}
#shop_pc .StepView .s1,
#shop_pc .StepView .s2,
#shop_pc .StepView .s3,
#shop_pc .StepView .s4 {
  float: left;
  padding: 3px 0 4px 0;
  width: 100px;
  text-align: center;
  color: #484848;
  background-color: #fafafa;
  border: solid 1px #F3E7E0;
  font-weight: normal;
}
#shop_pc .StepView .sel {
  color: #222;
  background-color: #F3E7E0;
  border: solid 1px #F3E7E0;
  font-weight: bold;
}
#shop_pc .StepView .sep {
  float: left;
  padding: 3px 0 4px 0;
  width: 20px;
  text-align: center;
  color: #000;
}
#shop_pc .empty {
  clear: both;
  padding-top: 20px;
}
#shop_pc .empty .ErrorText {
  font-size: 14px;
  font-weight: bold;
}
#shop_pc .stepAI {
  clear: both;
  padding-top: 35px;
}
#shop_pc .stepAI h1 {
  margin: 15px 0 12px 0;
}
#shop_pc .stepAI div.createaccount {
  margin-top: 20px;
  margin-bottom: 25px;
}
#shop_pc .stepAI div.createaccount label {
  vertical-align: middle;
  margin-left: 10px;
  padding-left: 2px;
  max-width: 80%;
}
@media screen and (max-width: 500px) {
  #shop_pc .stepAI div.createaccount label {
    margin-left: 16px;
  }
}
#shop_pc .stepAI div.sameSA label {
  vertical-align: middle;
  margin-left: 10px;
  padding-left: 2px;
  max-width: 80%;
}
@media screen and (max-width: 500px) {
  #shop_pc .stepAI div.sameSA label {
    margin-left: 16px;
  }
}
#shop_pc .alogin {
  float: right;
  width: 40%;
}
#shop_pc .alogin .lblusern {
  padding-right: 1em;
}
#shop_pc .alogin .lblpassw {
  padding-right: 1em;
}
#shop_pc .alogin .txbusern {
  width: 8em;
  margin-bottom: 2px;
}
#shop_pc .alogin .txbpassw {
  width: 8em;
}
#shop_pc .intro {
  width: 100%;
}
#shop_pc .invinfo {
  /* shopper type */
}
#shop_pc .invinfo td.labelcol {
  width: 100px;
  vertical-align: middle;
}
#shop_pc .invinfo td.labelcolrem {
  width: 100px;
  vertical-align: top;
  padding-top: 3px;
}
#shop_pc .invinfo td.infocol {
  padding: 5px 10px;
}
#shop_pc .invinfo .textbox {
  width: 250px;
}
#shop_pc .invinfo textarea {
  font-family: Arial;
  font-size: 13px;
}
#shop_pc .invinfo .ddl {
  width: 250px;
}
#shop_pc .invinfo td.st {
  padding: 2px 0 8px 0;
}
#shop_pc .invinfo td.sunl {
  /* Signup for newsletter */
  padding: 8px 0 8px 0;
}
#shop_pc .invinfo td.sunl input {
  float: left;
}
#shop_pc .invinfo td.sunl label {
  margin-left: 15px;
  float: left;
  width: 210px;
}
#shop_pc .invinfo td.sas {
  /* same as shipping */
  padding: 8px 0 8px 0;
}
#shop_pc .invinfo td.sas input {
  float: left;
}
#shop_pc .invinfo td.sas label {
  margin-left: 15px;
  float: left;
  width: 210px;
}
#shop_pc .invinfo td.ca {
  /* create account */
  padding: 8px 0 4px 0;
}
#shop_pc .invinfo td.ca input {
  float: left;
}
#shop_pc .invinfo td.ca label {
  margin-left: 15px;
  float: left;
  width: 210px;
}
#shop_pc .shipinfo td.labelcol {
  width: 100px;
  vertical-align: middle;
}
#shop_pc .shipinfo .textbox {
  width: 250px;
}
#shop_pc .shipinfo .ddl {
  width: 250px;
}
#shop_pc .stepprev {
  float: left;
  text-align: center;
  color: #222;
  margin: 30px 0 0 0;
  cursor: pointer;
}
#shop_pc .stepprev input {
  border: none;
  margin: 0;
  font-weight: bold;
  font-size: 1em;
  background-color: Transparent;
  color: #222;
  cursor: pointer;
  font-family: Verdana;
  background-color: #F3E7E0;
  padding: 3px 0 4px 0;
  min-width: 100px;
}
#shop_pc .stepnext {
  float: right;
  text-align: center;
  color: #222;
  margin: 30px 20px 0 0;
  cursor: pointer;
}
#shop_pc .stepnext input {
  border: none;
  margin: 0;
  font-weight: bold;
  font-size: 1em;
  background-color: Transparent;
  color: #222;
  cursor: pointer;
  font-family: Verdana;
  background-color: #F3E7E0;
  padding: 3px 0 4px 0;
  min-width: 100px;
}
#shop_pc .stepSM {
  clear: both;
  padding-top: 35px;
}
#shop_pc .stepSM ul {
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0;
}
#shop_pc .stepSM ul.sm li {
  padding: 12px 10px;
  float: none;
}
#shop_pc .stepSM ul.sm li input {
  vertical-align: middle;
}
#shop_pc .stepSM ul.sm li label {
  vertical-align: middle;
  padding-left: 10px;
  font-weight: bold;
}
#shop_pc .stepSM ul.sm li span {
  vertical-align: middle;
}
#shop_pc .stepSM ul.sm li .info {
  padding-left: 36px;
}
@media screen and (max-width: 500px) {
  #shop_pc .stepSM ul.sm li input[type='radio'],
  #shop_pc .stepSM ul.sm li input[type='checkbox'] {
    margin-left: 5px;
    margin-top: 0.2em;
  }
}
#shop_pc .stepSM ul.sm li .pakkeshop {
  padding-left: 36px;
}
#shop_pc .stepSM ul.sm li .pakkeshop table {
  margin-top: 12px;
}
#shop_pc .stepSM ul.sm li .pakkeshop table tr.dg_heading {
  font-weight: bold;
}
#shop_pc .stepSM ul.sm li .pakkeshop table tr.dg_heading td {
  padding: 6px 4px;
}
#shop_pc .stepSM ul.sm li .pakkeshop table tr.dg_row td {
  padding: 3px 4px;
}
@media screen and (max-width: 500px) {
  #shop_pc .stepSM ul.sm li .pakkeshop {
    padding-left: 36px;
  }
  #shop_pc .stepSM ul.sm li .pakkeshop input[type='radio'],
  #shop_pc .stepSM ul.sm li .pakkeshop input[type='checkbox'] {
    transform: scale(1.5);
    margin-left: 5px;
    margin-top: 0.2em;
  }
  #shop_pc .stepSM ul.sm li .pakkeshop label {
    margin-left: 8px;
  }
}
#shop_pc .stepSM ul.sm li .pakkeshop ul {
  margin-top: 7px;
}
#shop_pc .stepSM ul.sm li .pakkeshop ul li div {
  padding-left: 36px;
}
@media screen and (max-width: 500px) {
  #shop_pc .stepSM ul.sm li .pakkeshop ul li label {
    vertical-align: middle;
    padding-left: 2px;
    font-weight: bold;
  }
}
#shop_pc .stepSM ul.sm li .pakkeshop .input-group {
  max-width: 300px;
}
#shop_pc .stepSM ul.sm li.even {
  /* background-color: #f4f4f4; */
}
#shop_pc .stepPM {
  clear: both;
  padding-top: 35px;
}
#shop_pc .stepPM ul {
  list-style-type: none;
  margin: 0 30px 0 0;
  padding: 0;
}
#shop_pc .stepPM ul.pm li {
  padding: 12px 10px;
  float: none;
}
#shop_pc .stepPM ul.pm li input {
  vertical-align: middle;
}
#shop_pc .stepPM ul.pm li label {
  vertical-align: middle;
  padding-left: 10px;
  font-weight: bold;
}
#shop_pc .stepPM ul.pm li .info {
  padding-left: 36px;
}
@media screen and (max-width: 500px) {
  #shop_pc .stepPM ul.pm li input[type='radio'],
  #shop_pc .stepPM ul.pm li input[type='checkbox'] {
    margin-left: 5px;
    margin-top: 0.2em;
  }
}
#shop_pc .stepPM ul.pm li.even {
  /* background-color: #f4f4f4; */
}
#shop_pc .stepConfirm {
  clear: both;
  padding-top: 35px;
}
#shop_pc .stepConfirm .addrinfo {
  width: 100%;
}
#shop_pc .stepConfirm .addrinfo td.ia {
  width: 50%;
  vertical-align: top;
}
#shop_pc .stepConfirm .addrinfo td.sa {
  width: 50%;
  vertical-align: top;
}
#shop_pc .stepConfirm .addrinfo td h2 {
  color: #000507;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 8px;
}
#shop_pc .stepConfirm .iconfirm {
  margin-top: 10px;
  margin-bottom: 25px;
  padding: 10px 0 0 0;
  font-weight: bold;
}
#shop_pc .stepConfirm .iconfirm label {
  vertical-align: middle;
  margin-left: 10px;
  padding-left: 2px;
  max-width: 80%;
}
@media screen and (max-width: 500px) {
  #shop_pc .stepConfirm .iconfirm label {
    margin-left: 16px;
  }
}
#shop_pc .info td.label {
  white-space: nowrap;
}
#shop_pc table.items {
  margin-top: 12px;
  width: 100%;
}
#shop_pc table.items tr.odd {
  background-color: #f0f0f0;
}
#shop_pc table.items tr th {
  text-align: left;
  font-weight: bold;
  padding: 8px 8px;
  border-bottom: solid 2px #e5e5e5;
}
#shop_pc table.items tr th.price {
  text-align: center;
}
@media screen and (max-width: 400px) {
  #shop_pc table.items tr th.price {
    display: none;
  }
}
#shop_pc table.items tr th.total {
  text-align: center;
}
#shop_pc table.items tr td {
  font-weight: normal;
  padding: 8px 8px;
  border-bottom: solid 2px #e5e5e5;
}
#shop_pc table.items tr td.note .nist {
  color: Red;
  font-weight: bold;
}
#shop_pc table.items tr td.note .nb {
  color: Red;
  font-weight: bold;
  font-size: 12px;
}
#shop_pc table.items tr td.price {
  text-align: right;
  padding-right: 20px;
  white-space: nowrap;
}
@media screen and (max-width: 400px) {
  #shop_pc table.items tr td.price {
    display: none;
  }
}
#shop_pc table.items tr td.count .opdater,
#shop_pc table.items tr td.count .slet {
  text-decoration: underline;
  cursor: pointer;
}
#shop_pc table.items tr td.count .opdater:hover,
#shop_pc table.items tr td.count .slet:hover {
  text-decoration: none;
}
#shop_pc table.items tr td.total {
  text-align: right;
  white-space: nowrap;
}
#shop_pc table.items tr td.odd {
  background-color: #f0f0f0;
}
#shop_pc table.items tr td.even {
  background-color: #f9f9f9;
}
#shop_pc table.items tr td .amountval input {
  width: 30px;
  text-align: right;
}
#shop_pc .sum {
  /*border: dotted 1px green; */
  margin-top: 6px;
}
#shop_pc .sum table {
  width: 100%;
}
#shop_pc .sum table tr td.lblrabat {
  font-weight: normal;
  height: 20px;
  vertical-align: middle;
}
#shop_pc .sum table tr td.valrabat {
  font-weight: normal;
  height: 20px;
  vertical-align: middle;
  text-align: right;
}
#shop_pc .sum table tr td.lblfragt {
  font-weight: normal;
  height: 20px;
  vertical-align: middle;
}
#shop_pc .sum table tr td.valfragt {
  font-weight: normal;
  height: 20px;
  vertical-align: middle;
  text-align: right;
}
#shop_pc .sum table tr td.lblgwfee {
  font-weight: normal;
  height: 20px;
  vertical-align: middle;
}
#shop_pc .sum table tr td.valgwfee {
  font-weight: normal;
  height: 20px;
  vertical-align: middle;
  text-align: right;
}
#shop_pc .sum table tr td.lblsamlkoeb {
  font-weight: normal;
  height: 20px;
  vertical-align: middle;
}
#shop_pc .sum table tr td.valsamlkoeb {
  font-weight: normal;
  height: 20px;
  vertical-align: middle;
  text-align: right;
}
#shop_pc .sum table tr td.lbltotalexvat {
  font-weight: normal;
  height: 20px;
  vertical-align: middle;
}
#shop_pc .sum table tr td.valtotalexvat {
  font-weight: normal;
  height: 20px;
  vertical-align: middle;
  text-align: right;
}
#shop_pc .sum table tr td.lblherafmoms {
  font-weight: normal;
  height: 20px;
  vertical-align: middle;
  border-bottom: solid 1px #d0d0d0;
}
#shop_pc .sum table tr td.valherafmoms {
  font-weight: normal;
  height: 20px;
  vertical-align: middle;
  text-align: right;
  border-bottom: solid 1px #d0d0d0;
}
#shop_pc .sum table tr td.lblvat {
  font-weight: normal;
  height: 20px;
  vertical-align: middle;
  border-bottom: solid 1px #d0d0d0;
}
#shop_pc .sum table tr td.valvat {
  font-weight: normal;
  height: 20px;
  vertical-align: middle;
  text-align: right;
  border-bottom: solid 1px #d0d0d0;
}
#shop_pc .sum table tr td.lbltotal {
  font-weight: bold;
  height: 25px;
  vertical-align: bottom;
  border-bottom: double 3px #d0d0d0;
}
#shop_pc .sum table tr td.valtotal {
  font-weight: bold;
  height: 25px;
  vertical-align: bottom;
  text-align: right;
  border-bottom: double 3px #d0d0d0;
}
#shop_pc .waitforcc {
  clear: both;
  padding-top: 35px;
}
#shop_pc .receipt {
  clear: both;
  padding-top: 35px;
}
#shop_pc .receipt .info {
  margin-bottom: 15px;
}
#shop_pc .receipt .info td.label {
  width: 100px;
  color: #101010;
  font-size: 0.9em;
}
#shop_pc .receipt .info td.value {
  color: #101010;
}
#shop_pc .receipt .requestinfo {
  margin-bottom: 15px;
}
#shop_pc .receipt .requestinfo td.label {
  width: 130px;
}
#shop_pc .receipt .addrinfo {
  width: 100%;
}
#shop_pc .receipt .addrinfo td.ia {
  width: 50%;
  vertical-align: top;
}
#shop_pc .receipt .addrinfo td.sa {
  width: 50%;
  vertical-align: top;
}
#shop_pc .receipt .addrinfo td h2 {
  color: #000507;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 8px;
}
#shop_pc .cancel {
  clear: both;
  padding-top: 35px;
}
#shop_pc .error {
  clear: both;
  padding-top: 35px;
}
#shop_pc input[type='submit'].btn {
  border-radius: 0;
  padding: 6px 12px;
  color: #222;
  background-color: #F3E7E0;
}
#handelsbet {
  text-align: left;
}
/* -- My Account icon -- */
.shop_myaccounticon {
  width: 20px;
  /*border: 1px solid green;*/
  margin-right: 15px;
  /*@media (max-width: 768px) { margin-right: 15px; }*/
}
.shop_myaccounticon * {
  outline: none;
  border: none;
}
.shop_myaccounticon a {
  vertical-align: baseline;
}
.shop_myaccounticon a img {
  margin-top: 6px;
}
/* -- My Account page -- */
.shop_myaccount {
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 90%;
}
@media screen and (max-width: 600px) {
  .shop_myaccount {
    max-width: 96%;
  }
}
.shop_myaccount .twocols {
  display: grid;
  height: auto;
  width: 100%;
  grid-template-rows: 1fr;
  grid-template-columns: 48% auto 48%;
}
@media screen and (max-width: 500px) {
  .shop_myaccount .twocols {
    grid-template-columns: 100%;
  }
}
.shop_myaccount .twocols .col-1 {
  grid-column-start: 1;
  overflow: hidden;
}
.shop_myaccount .twocols .col-2 {
  grid-column-start: 3;
  overflow: hidden;
}
@media screen and (max-width: 500px) {
  .shop_myaccount .twocols .col-2 {
    grid-column-start: 1;
  }
  .shop_myaccount .twocols .col-2 .boxheading {
    margin-top: 20px;
  }
}
.shop_myaccount .boxheading {
  background-color: #F3E7E0;
  color: #111;
  border: 1px solid #bbb;
  /*border-bottom:none;*/
  padding: 12px 15px 12px 15px;
  font-weight: bold;
}
.shop_myaccount .boxcontent {
  border: 1px solid #bbb;
  border-top: transparent;
  padding: 12px 15px 12px 15px;
}
.shop_myaccount .boxcontent + .boxheading {
  margin-top: 20px;
}
/* -- My Orders page -- */
.shop_myorders {
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 90%;
}
.shop_myorders .orderhistory {
  display: grid;
  height: auto;
  width: 100%;
  grid-template-rows: 1fr;
  grid-template-columns: auto auto auto auto auto;
}
.shop_myorders .orderhistory div {
  padding: 7px 9px;
  overflow: hidden;
  border: 1px solid #888;
  border-right: none;
}
.shop_myorders .orderhistory .oh_h {
  overflow: hidden;
  font-weight: bold;
  padding: 7px 9px;
}
.shop_myorders .orderhistory .oh_h:nth-child(5) {
  border-right: 1px solid #888;
}
.shop_myorders .orderhistory .oh_d {
  overflow: hidden;
  font-weight: normal;
  padding: 7px 9px;
  border-top: none;
}
.shop_myorders .orderhistory .oh_orderno {
  grid-column-start: 1;
  grid-column-end: 1;
}
.shop_myorders .orderhistory .oh_date {
  grid-column-start: 2;
  grid-column-end: 2;
}
.shop_myorders .orderhistory .oh_paymentstatus {
  grid-column-start: 3;
  grid-column-end: 3;
}
.shop_myorders .orderhistory .oh_orderstatus {
  grid-column-start: 4;
  grid-column-end: 4;
}
.shop_myorders .orderhistory .oh_total {
  grid-column-start: 5;
  grid-column-end: 5;
  border-right: 1px solid #888;
}
@media (max-width: 600px) {
  .shop_myorders {
    max-width: 100%;
  }
  .shop_myorders .orderhistory {
    grid-template-columns: 1fr;
  }
  .shop_myorders .orderhistory div {
    border: none;
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    display: inline-block;
  }
  .shop_myorders .orderhistory div::after {
    content: ", ";
  }
  .shop_myorders .orderhistory div + div + div + div + div::after {
    content: "";
  }
  .shop_myorders .orderhistory div:nth-child(1n) {
    border-top: 1px solid #888;
  }
  .shop_myorders .orderhistory div:nth-child(5n) {
    border-bottom: 1px solid #888;
    margin-bottom: 10px;
  }
  .shop_myorders .orderhistory .oh_h {
    display: none;
  }
  .shop_myorders .orderhistory .oh_d {
    /*border-right: none;*/
    width: 100%;
    padding: 3px 10px;
    text-align: left;
  }
  .shop_myorders .orderhistory .oh_orderno,
  .shop_myorders .orderhistory .oh_date,
  .shop_myorders .orderhistory .oh_paymentstatus,
  .shop_myorders .orderhistory .oh_orderstatus,
  .shop_myorders .orderhistory .oh_total {
    grid-column: span 1;
  }
}
/* -- My Order page -- */
.shop_myorder {
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 90%;
}
.shop_myorder .threecols {
  display: grid;
  height: auto;
  width: 100%;
  grid-template-rows: 1fr;
  grid-template-columns: 30% auto 30% auto 30%;
}
.shop_myorder .threecols div {
  line-height: 145%;
}
.shop_myorder .threecols .col-1 {
  grid-column-start: 1;
  overflow: hidden;
}
.shop_myorder .threecols .col-2 {
  grid-column-start: 3;
  overflow: hidden;
}
.shop_myorder .threecols .col-3 {
  grid-column-start: 5;
  overflow: hidden;
}
.shop_myorder .threecols .col-3 .twocols {
  display: grid;
  height: auto;
  width: 100%;
  grid-template-rows: 1fr;
  grid-template-columns: 50% 50%;
}
.shop_myorder .threecols .col-3 .twocols .col-l {
  grid-column-start: 1;
  overflow: hidden;
  font-weight: bold;
}
.shop_myorder .threecols .col-3 .twocols .col-r {
  grid-column-start: 2;
  overflow: hidden;
}
.shop_myorder .threecols h2 {
  margin-bottom: 0.5em;
}
@media (max-width: 768px) {
  .shop_myorder {
    max-width: 100%;
  }
  .shop_myorder .threecols {
    display: grid;
    height: auto;
    width: 100%;
    grid-template-rows: 1fr;
    grid-template-columns: 48% auto 48%;
  }
  .shop_myorder .threecols div {
    line-height: 145%;
  }
  .shop_myorder .threecols .col-1 {
    grid-column-start: 1;
    overflow: hidden;
  }
  .shop_myorder .threecols .col-2 {
    grid-column-start: 3;
    overflow: hidden;
  }
  .shop_myorder .threecols .col-3 {
    grid-column-start: 1;
    grid-column-end: 4;
    overflow: hidden;
  }
  .shop_myorder .threecols .col-3 .twocols {
    display: grid;
    height: auto;
    width: 100%;
    grid-template-rows: 1fr;
    grid-template-columns: 48% auto 48%;
  }
  .shop_myorder .threecols .col-3 .twocols .col-l {
    grid-column-start: 1;
    overflow: hidden;
    font-weight: bold;
  }
  .shop_myorder .threecols .col-3 .twocols .col-r {
    grid-column-start: 3;
    overflow: hidden;
  }
  .shop_myorder .threecols h2 {
    margin-bottom: 0.5em;
  }
}
.shop_myorder .orderitems {
  margin-top: 15px;
  display: grid;
  height: auto;
  width: 100%;
  grid-template-rows: 1fr;
  grid-template-columns: auto auto auto auto auto;
}
.shop_myorder .orderitems div {
  padding: 7px 9px;
  overflow: hidden;
}
.shop_myorder .orderitems .oi_h {
  overflow: hidden;
  font-weight: bold;
  padding: 7px 9px;
  border-bottom: 1px solid #bbb;
}
.shop_myorder .orderitems .oi_h:nth-child(3) {
  display: flex;
  justify-content: right;
  padding-right: 7px;
}
.shop_myorder .orderitems .oi_h:nth-child(4) {
  display: flex;
  justify-content: right;
}
.shop_myorder .orderitems .oi_h:nth-child(5) {
  display: flex;
  justify-content: right;
  padding-right: 5px;
}
.shop_myorder .orderitems .oi_d {
  overflow: hidden;
  font-weight: normal;
  padding: 7px 9px;
}
.shop_myorder .orderitems .odd {
  border-bottom: 1px solid #ccc;
  background-color: #efefef;
}
.shop_myorder .orderitems .even {
  border-bottom: 1px solid #ddd;
  background-color: #fcfcfc;
}
.shop_myorder .orderitems .oi_productno {
  grid-column-start: 1;
  grid-column-end: 1;
}
.shop_myorder .orderitems .oi_desc {
  grid-column-start: 2;
  grid-column-end: 2;
}
.shop_myorder .orderitems .oi_amount {
  grid-column-start: 3;
  grid-column-end: 3;
  display: flex;
  justify-content: right;
}
.shop_myorder .orderitems .oi_price {
  grid-column-start: 4;
  grid-column-end: 4;
  display: flex;
  justify-content: right;
}
.shop_myorder .orderitems .oi_total {
  grid-column-start: 5;
  grid-column-end: 5;
  display: flex;
  justify-content: flex-end;
  padding-right: 5px;
}
.shop_myorder .orderitems .linethrough {
  text-decoration: line-through;
}
@media (max-width: 500px) {
  .shop_myorder .orderitems {
    grid-template-columns: auto auto auto auto;
  }
  .shop_myorder .orderitems .oi_h:nth-child(4) {
    display: none;
  }
  .shop_myorder .orderitems .oi_price {
    display: none;
  }
  .shop_myorder .orderitems .oi_total {
    grid-column-start: 4;
    grid-column-end: 4;
  }
}
.shop_myorder .ordersummary {
  margin-top: 10px;
  display: grid;
  height: auto;
  width: 100%;
  grid-template-rows: 1fr;
  grid-template-columns: 50% 50%;
}
.shop_myorder .ordersummary div {
  line-height: 155%;
  overflow: hidden;
}
.shop_myorder .ordersummary .col-l {
  grid-column-start: 1;
  overflow: hidden;
  display: flex;
  justify-content: left;
}
.shop_myorder .ordersummary .col-r {
  grid-column-start: 2;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
  padding-right: 5px;
}
.shop_myorder .ordersummary .os_total_lbl {
  font-weight: bold;
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  padding-top: 4px;
}
.shop_myorder .ordersummary .os_total_val {
  font-weight: bold;
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  padding-top: 4px;
}
/* -- My Login page -- */
.shop_mylogin {
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 500px;
}
.shop_mylogin .shop_myloginsubheading {
  margin-bottom: 1em;
}
.shop_mylogin .shop_myusername {
  margin-bottom: 5px;
}
.shop_mylogin .shop_mypassword {
  margin-bottom: 6px;
}
.shop_mylogin .shop_myrememberme {
  margin-bottom: 10px;
}
.shop_mylogin .shop_myrememberme input {
  margin-right: 5px;
}
.shop_mylogin .shop_myloginbutton input {
  font-weight: bold;
}
.shop_mylogin .shop_mylogin_otherchoices {
  margin-top: 12px;
  font-weight: bold;
}
/* -- My Change password page -- */
.shop_mychangepassword {
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 500px;
}
.shop_mychangepassword .shop_myoldpassword {
  margin-bottom: 12px;
}
.shop_mychangepassword .shop_myoldpassword label {
  margin-bottom: 4px;
}
.shop_mychangepassword .shop_mynewpassword {
  margin-bottom: 12px;
}
.shop_mychangepassword .shop_mynewpassword label {
  margin-bottom: 4px;
}
.shop_mychangepassword .shop_myrepeatpassword {
  margin-bottom: 18px;
}
.shop_mychangepassword .shop_myrepeatpassword label {
  margin-bottom: 4px;
}
/* -- My Forgot login page -- */
.shop_myforgotlogin {
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 500px;
}
.shop_myforgotlogin .shop_myflheading {
  margin-bottom: 5px;
}
.shop_myforgotlogin .shop_myfltext {
  margin-bottom: 15px;
}
.shop_myforgotlogin .shop_myemail {
  margin-bottom: 18px;
}
.shop_myforgotlogin .shop_myemail label {
  margin-bottom: 4px;
}
.shop_myforgotlogin .shop_myflbutton {
  margin-bottom: 10px;
}
/* -- My Reset password page -- */
.shop_myresetpassword {
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 500px;
}
.shop_myresetpassword .shop_mynewpassword {
  margin-bottom: 12px;
}
.shop_myresetpassword .shop_mynewpassword label {
  margin-bottom: 4px;
}
.shop_myresetpassword .shop_myrepeatpassword {
  margin-bottom: 18px;
}
.shop_myresetpassword .shop_myrepeatpassword label {
  margin-bottom: 4px;
}
.shop_myresetpassword .shop_myrpbutton {
  margin-bottom: 10px;
}
/* -- My new user page -- */
.shop_mynewuser {
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 500px;
}
.shop_mynewuser .shop_mynutext {
  margin-bottom: 15px;
}
.shop_mynewuser .shop_myfirstname {
  margin-bottom: 12px;
}
.shop_mynewuser .shop_myfirstname label {
  margin-bottom: 4px;
}
.shop_mynewuser .shop_mylastname {
  margin-bottom: 12px;
}
.shop_mynewuser .shop_mylastname label {
  margin-bottom: 4px;
}
.shop_mynewuser .shop_myemail {
  margin-bottom: 12px;
}
.shop_mynewuser .shop_myemail label {
  margin-bottom: 4px;
}
.shop_mynewuser .shop_myrepeatemail {
  margin-bottom: 12px;
}
.shop_mynewuser .shop_myrepeatemail label {
  margin-bottom: 4px;
}
.shop_mynewuser .shop_myusername {
  margin-top: 18px;
  margin-bottom: 12px;
}
.shop_mynewuser .shop_myusername label {
  margin-bottom: 4px;
}
.shop_mynewuser .shop_mypassword {
  margin-bottom: 12px;
}
.shop_mynewuser .shop_mypassword label {
  margin-bottom: 4px;
}
.shop_mynewuser .shop_myrepeatpassword {
  margin-bottom: 18px;
}
.shop_mynewuser .shop_myrepeatpassword label {
  margin-bottom: 4px;
}
/* -- My user profile 'page' -- */
.shop_myprofile {
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 500px;
}
.shop_myprofile .shop_mypfshowtext {
  margin-bottom: 15px;
}
.shop_myprofile .shop_mypftext {
  margin-bottom: 15px;
}
.shop_myprofile .shop_myfirstname {
  margin-bottom: 12px;
}
.shop_myprofile .shop_myfirstname label {
  margin-bottom: 4px;
}
.shop_myprofile .shop_mylastname {
  margin-bottom: 12px;
}
.shop_myprofile .shop_mylastname label {
  margin-bottom: 4px;
}
.shop_myprofile .shop_myaddress {
  margin-bottom: 12px;
}
.shop_myprofile .shop_myaddress label {
  margin-bottom: 4px;
}
.shop_myprofile .shop_mypostcode {
  margin-bottom: 12px;
}
.shop_myprofile .shop_mypostcode label {
  margin-bottom: 4px;
}
.shop_myprofile .shop_mycity {
  margin-bottom: 12px;
}
.shop_myprofile .shop_mycity label {
  margin-bottom: 4px;
}
.shop_myprofile .shop_myphone {
  margin-bottom: 12px;
}
.shop_myprofile .shop_myphone label {
  margin-bottom: 4px;
}
.shop_myprofile .shop_mymobile {
  margin-bottom: 12px;
}
.shop_myprofile .shop_mymobile label {
  margin-bottom: 4px;
}
.shop_myprofile .shop_myemail {
  margin-bottom: 12px;
}
.shop_myprofile .shop_myemail label {
  margin-bottom: 4px;
}
.shop_myprofile .shop_myrepeatemail {
  margin-bottom: 12px;
}
.shop_myprofile .shop_myrepeatemail label {
  margin-bottom: 4px;
}
.shop_myprofile .shop_myusername {
  margin-top: 18px;
  margin-bottom: 12px;
}
.shop_myprofile .shop_myusername label {
  margin-bottom: 4px;
}
.shop_myprofile .shop_mypassword {
  margin-bottom: 12px;
}
.shop_myprofile .shop_mypassword label {
  margin-bottom: 4px;
}
.shop_myprofile .shop_myrepeatpassword {
  margin-bottom: 18px;
}
.shop_myprofile .shop_myrepeatpassword label {
  margin-bottom: 4px;
}