html {
 font-size: 16px;
 font-family: sans-serif;
}

article, p {
}
.nowrap {
 white-space: nowrap;
}

.MainSite {
 display: flex;
 /*min-height: 100vh;*/
 /*height: 100%;*/
 height: 100vh;
 flex-direction: column;
 margin: 0;
}

.MainSite-header,
.MainSite-footer {
  flex: none;
}

.MainSite-header {
  background-color: #08f;
}
.MainSite-footer {
 background-color: #464;
 padding: 1rem;
 color: #fff;
}

.MainSite-tailer {
 padding: 0.5rem 2rem;
}

.MainSite-body {
  display: flex;
  flex-direction: row;
  flex: 1 0 auto;
  background-color: #ccc;
  overflow: hidden;
}
.MainSite-body h1 {
  font-size: 1.4rem;
}
.MainSite-body h2 {
  font-size: 1.3rem;
}

.MainSite-nav {
}

.MainSite-menu {
  flex: 0 0 100%;
  order: -1;
  background-color: #f9f7c7;
  min-width: 10rem;
  max-width: 15rem;
}
.MainSite-content {
  flex: 1;
  font-size: 1rem;
  padding: 0;
  min-width: 0;
  min-height: 0;
}

.MainSite-content-top {
  margin: 0;
  padding: 0;
  width: 100%;
}

.MainSite-content-top img.topimg,
.MainSite-content-top img.sliderimg {
 width: 100%;
 height: auto;
}
.MainSite-innercontent {
  padding: 0 1rem;
}

.Content-prodlist {
 margin: 1rem;
 padding: 1rem;
}

ul.siteTopNav {
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 align-items: stretch;
 list-style-type: none;
 margin: 0;
 padding: 0;
 overflow: visible;
 background-color: #333;
}

ul.siteTopNav li {
 flex: 0 1 auto;
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 align-items: stretch;
 padding: 0;
 margin: 0;
}

ul.siteTopNav li a {
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 align-items: stretch;
 align-self: center;
 color: #f2f2f2;
 text-align: center;
 padding: 0.8rem 1rem;
 margin: 0;
 text-decoration: none;
 transition: 0.3s;
 font-size: 1.0rem;
 white-space: nowrap;
 overflow: visible;
}
ul.siteTopNav li a:hover {
 background-color: #555;
}
ul.siteTopNav li.icon {
 display: none;
 margin: 0;
 padding: 0;
}

ul.siteTopNav li.icon .listopen {
 font-size: 1.5rem;
}

.siteTopNav li.navlogin {
 overflow: visible;
}

ul.siteTopNav .navitem ul.subnavi {
 display: none;
 position: absolute;
 top: 90%;
 left: 50%;
 transform: translateX( -50% );
 background-color: #333;
 padding: 8px 0;
 z-index: 2;
 list-style-type: none;
 margin: 4px 0 0 0;
 text-align: left;
 box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}

ul.siteTopNav .navitem.hassub {
 position: relative;
}

ul.siteTopNav .navitem.hidden {
 display: none;
}

ul.siteTopNav .navitem.hassub:hover ul.subnavi {
 display: block;
}

ul.subnavi>li {
 display: block;
 list-style-type: none;
 margin: 0;
 padding: 0.3rem 0.8rem;
}

ul.subnavi >li>a {
 display: block;
 padding: 0.25rem 2rem;;
 font-size: 1rem;
 color: #fff;
 text-decoration: none;
}

ul.subnavi >li>a:hover {
 background-color: #ff8;
 color: #000;
}

ul.siteTopNav.responsiveNav {
 position: relative;
 flex-direction: column;
 justify-content: flex-start;
 align-items: stretch;
}
ul.siteTopNav.responsiveNav li.icon {
}
ul.siteTopNav.responsiveNav li {
 float: none;
 display: block;
}
ul.siteTopNav.responsiveNav li a {
 display: block;
 text-align: left;
}

ul.siteTopNav.responsiveNav .navitem.hidden {
 display: block;
}

ul.siteTopNav.responsiveNav .navitem ul.subnavi {
 display: none;
 position: absolute;
 top: 0;
 left: 10rem;
 background-color: #446;
 margin: 0;
 padding: 0;
}

ul.siteTopNav.responsiveNav .navitem ul.subnavi>li {
 padding: 0.1rem 0;
}

TABLE.myt {
  padding: 0;
  margin: 0;
  border: none;
  border-collapse: collapse;
}

TD.left {
 text-align: left;
}
TD.right {
 text-align: right;
}
TD.center {
 text-align: center;
}
TD.nowrap {
 white-space: nowrap;
}

TD.top {
 vertical-align: top;
}
TD.middle {
 vertical-align: middle;
}
TD.bottom {
 vertical-align: bottom;
}
TD.baseline {
 vertical-align: baseline;
}

INPUT {
 border: 1px solid #aaa;
 border-radius: 3px;
 padding: 0.2rem 0.5rem;
}
INPUT:focus {
 border: 1px solid #666;
}

.lshopmsg {
 display: block;
 margin: 1rem;
 padding: 1rem;
 border: 1px solid #600;
 white-space: normal;
 background-color: #ccc;
}

.lshopmsg h1 {
 display: block;
 margin: 0 0 1rem 0;
}
.lshopmsg p {
}

.lshopmsg.errormsg {
 background-color: #ffa;
}
.lshopmsg.warnmsg {
 background-color: #cce;
}

#LSblockdisplay {
 position: fixed;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 z-index: 2000;
 display: block;
 background-color: #303030;
 filter: opacity(85%);
}
#LSsessionalert {
}
.LSWholePageAligner {
 position: fixed;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
 z-index: 2001;
}
.LSSABox {
 display: flex;
 flex-direction: row;
 justify-content: space-around;
 align-items: center;
 border: 0.15rem #444400 solid;
 padding: 0.3rem 0.3rem 2rem 2rem;
 background-color: #ffee88;
 font-size: 1rem;
 color: black;
 white-space: pre-wrap;
}
.LSSAIco {
 margin: 1rem 2rem 1rem 0.5rem;
}

.LSSABox .LSSAText {
 margin: 0 2rem 0 0;
}

.LSSABox .LSSAText H1 {
 font-size: 1.2rem;
}

.LSSABox .LSSAText a#LS_SA_ok {
 display: block;
 text-align: center;
 font-size: 1.2rem;
 color: #fff;
 background-color: #048;
 text-decoration: none;
 margin: 1.5rem 0 0 0;
 padding: 0.5rem 0;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

A.lsbutton:hover,
.LSSABox .LSSAText a#LS_SA_ok:hover {
 background-color:  #07f;
}

#svformcontainer {
 overflow-x: auto;
}

#svformspacer {
 clear: both;
 width: 300px;
 height: 18px;
}

#svpayment {
 display: block;
}

#svpayment>a {
 display: inline-block;
 margin: 1rem;
 padding: 0.5rem 1rem;
 color: #000;
 background-color: #eee;
 border-radius: 0.33rem;
 text-decoration: none;
}

#svpayment>a:hover {
 color: #000;
 background-color: #ff8;
 text-decoration: none;
}

#blockdisplay {
 display: none;
 position: fixed;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 z-index: 999;
 background-color: #303030;
 filter: opacity(85%);
}

#jxerror {
 display: none;
 position: fixed;
 top: 33%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 50%;
 max-width: 1000px;
 border: 2px #444400 solid;
 border-radius: 5px;
 /* box-shadow: 6px 6px 3px rgba(0,0,0,0.5); */
 padding: 0 0 8px 0;
 margin: 12px 0;
 background-color: #ffcc00;
 color: black;
 font-size: 1.2rem;
 z-index: 1001;
 min-width: 20rem;
}
#jxerror div.head {
 background: #ff8800;
 color: #000;
 font-size: 1.4rem;
 font-weight: bold;
 padding: 0.65rem 1rem 0.5rem;
 text-align: center;
}

#jxerror div.msgbox {
 display: flex;
 flex-direction: column;
 flex-wrap: wrap;
 justify-content: space-evenly;
 align-items: center;
 color: #000;
 padding: 1rem 2rem;
}

#jxerror div.msgbox img {
 margin: 0.5rem 1rem;
}

#jxerror div.msgbox div.ok {
 font-size: 1.5rem;
 margin: 1rem 0;
}

#lspopupimage {
  display: none;
  position: absolute;
  border: 0.2rem #444 solid;
  border-radius: 0.8rem;
  box-shadow: 0.4rem 0.4rem 0.2rem rgba(0,0,0,0.5);
  padding: 0.6rem;
  margin: 0.8rem 0;
  background-color: #fff;
  color: black;
  font-size: 1.25rem;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
  z-index: 1000;
}
#lspopupimage div.name {
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 color: #fff;
 background-color: rgba(40,40,40,0.75);
 padding: 0.3rem 0.6rem;
 font-size: 1.1rem;
 border-top-right-radius: 0;
 border-bottom-left-radius: 0.58rem;
 border-bottom-right-radius: 0.58rem;
 z-index: 1001;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

#lspopupimage div.close {
 position: absolute;
 top: 0;
 right: 0;
 color: #fff;
 background-color: rgba(70,70,70,0.4);
 padding: 0.3rem 1rem;
 font-size: 1rem;
 border-top-right-radius: 0.55rem;
 border-bottom-left-radius: 0.2rem;
 z-index: 1002;
}

#lspopupimage div.name:hover, #lspopupimage div.close:hover {
 background-color: rgba(0,0,0,0.7);
}

#lspopupimage div.lspopimage {
 text-align: center;
 margin: 40px 0 0 0;
}

#lspopupvideo {
 display: none;
 position: absolute;
 border: 3px #444 solid;
 border-radius: 0.8rem;
 box-shadow: 6px 6px 3px rgba(0,0,0,0.5);
 padding: 0.6rem;
 margin: 0.8rem 0;
 background-color: #fff;
 color: black;
 font-size: 1rem;
 z-index: 1000;
}

#lscartaddpop, #lsmessagepopup, #lserrorpopup {
 display: none;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 color: #fff;
 background-color: rgba(0,0,0,0.7);
 background-image: linear-gradient( rgb(130,130,130), rgb(0,0,0) );
 z-index: 20;
 text-align: center;
 font-size: 1rem;
 font-weight: bold;
 text-shadow: 0.5px 0.5px 0.5px #222222;
 padding: 0.8rem 0 1rem 0;
}

#lsmessagepopup {
 background-color: rgba(0,130,0,0.5);
 background-image: linear-gradient( rgba(10,180,10,0.5), rgba(0,80,0,0.8) );
}

#lserrorpopup {
 background-color: rgba(140,0,0,0.5);
 background-image: linear-gradient( rgba(150,10,10,1), rgba(40,0,0,1) );
}

#lscartaddpop .popmsg, #lsmessagepopup .popmsg, #lserrorpopup .popmsg {
 display: inline-block;
 margin-top: 8px;
 color: #fff;
}

#lsconsentlayer {
 display: none;
 position: fixed;
 bottom: 0;
 left: 0;
 width: 100%;
 color: #222;
 background-color: #fff;
 z-index: 19;
 text-align: center;
 font-size: 1rem;
 font-weight: normal;
 padding: 0.8rem 0 1rem 0;
}

.consentbox {
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 align-items: center;
}

.consentbox .head {
 font-size: 1.5rem;
 margin: 1rem 0;
}
.consentbox .msgbox {
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 align-items: stretch;
 width: 100%;
 max-width: 800px;
}

.consentbox .msgbox .action {
 margin: 0.25rem 0;
 padding: 1.25rem 2rem;
 border-radius: 4px;
}

.consentbox .msgbox .mandatory {
 color: #fff;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
 background-color: #035f8c;
}
.consentbox .msgbox .mandatory:hover {
 background-color: #059fe6;
}

.consentbox .msgbox .analytics {
 color: #fff;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
 background-color: #3860ec;
}
.consentbox .msgbox .analytics:hover {
 background-color: #4068ff;
}

.consentbox .msgbox .orders {
 color: #fff;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
 background-color: #3860ec;
}
.consentbox .msgbox .orders:hover {
 background-color: #356beb;
}

.consentbox .optionsbox {
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 align-items: center;
}

.orderform .notesbox {
 display: flex;
 flex-direction: column;
 justify-items: flex-start;
 align-items: stretch;
}

#ordernotes {
 display: block;
 flex: 1 1 auto;
 max-width: 100%;
 width: calc( 100% - 1.2rem );
 margin: 0 0.6rem;
 padding: 0.3rem;
}

.discountcodebox {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: flex-start;
 align-content: center;
 margin: 2rem 0 2rem;
}

.discountcodebox>input {
 margin-left: 0.6rem;
 width: 7rem;
 text-transform: uppercase;
}

.discountcodebox .discountstatus {
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 align-items: center;
 margin: 0 1rem 0 0.5rem;
}

.discountcodebox .discountstatus>i {
 margin: 0 1rem 0 0;
}

.discountcodebox .discountstatus .discountfail {
 color: #a00;

}
.discountcodebox .discountstatus .discountok {
 color: #0a0;
}

div.userinfo {
 display: inline-block;
 margin: 0;
 padding: 4px 8px;
 margin: 0 8px 0 0;
 border: none;
 color: #000;
 border-radius: 4px;
 vertical-align: top;
}

div.userinfo table.uid {
 border-collapse: collapse;
 margin: 0;
 padding: 0;
}
div.userinfo table.uid td {
 border: none;
 padding: 0;
}

.userinfobox {
 display: inline-block;
 position: relative;
 right: 12px;
 top: 5px;
 margin: 0;
}

.userinfobox > .uiopen {
 display: inline-block;
 margin: 0 0 0 20px;
 padding: 0;
}

.userinfobox>.userinfo {
 display: none;
 position: absolute;
 top: 10px;
 left: -150px;
 background-color: #f8f8f8;
 padding: 15px 25px;
 box-shadow: 3px 3px 5px #888;
 z-index: 2;
}

.userinfobox:hover>.userinfo {
 display: block;
}
.userinfobox>.userinfo>a {
 display: block;
 padding: 5px 8px;
 font-size: 15px;
 font-weight: 400;
 text-decoration: none;
 white-space: nowrap;
 color: #000;
}
.userinfobox>.userinfo>a:hover {
 background-color: #ff6715;
 color: #fff;
}
.userinfobox>.userinfo>a.logoff {
 margin-top: 20px;
}

.userinfobox>.userinfo>a.tilhis {
 margin-top: 15px;
}

div.lsloginboxcontainer {
 display: block;
 text-align: center;
}

div.lsloginboxvert {
 margin: 1rem 0;
 background-color: #eee;
 padding: 1rem 3rem;
 text-decoration: none;
 color: #000;
 font-size: 1.2rem;
 border: 1px solid #ccc;
 border-radius: 0.5rem;
 text-align: left;
 display: inline-block;
}

div.lsloginboxvert div.logintit {
 display: block;
 margin: 0.5rem 0;
 font-weight: bold;
 font-size: 1.3rem;
}

div.lsloginboxvert div.loginco,
div.lsloginboxvert div.loginpe,
div.lsloginboxvert div.loginpw,
div.lsloginboxvert div.loginbu,
div.lsloginboxvert div.loginlowerbox,
div.lsloginboxvert div.loginfail
{
  display: block;
  margin: 1rem 0;
}

div.lsloginboxvert div.loginlowerbox {
 margin: 1.3rem 0 0 0;
 position: relative;
 min-height: 1.7em;
}

div.lsloginboxvert div.loginco input ,
div.lsloginboxvert div.loginpe input,
div.lsloginboxvert div.loginpw input {
 width: 95%;
 max-width: 25rem;
 border: 1px solid #ccc;
 font-size: 1rem;
 padding: 0.3rem 0.75rem;
}
div.lsloginboxvert div.loginco input:focus ,
div.lsloginboxvert div.loginpe input:focus,
div.lsloginboxvert div.loginpw input:focus {
 border-color: #aaa;
 background-color: #ffd;
}

div.lsloginboxvert div.loginauto {
 display: flex;
 justify-content: flex-start;
 align-items: center;
 text-align: left;
 font-size: 0.9rem;
}

div.lsloginboxvert div.loginauto > input {
 margin-right: 0.8rem;
}

div.lsloginboxvert div.loginbu {
 display: block;
}

div.lsloginboxvert a.lsloginbutton,
div.lsloginboxvert button.lsloginbutton {
 display: block;
 background-color: #507590;
 border-radius: 0.20rem;
 color: #000000;
 color: #fff;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
 font-size: 1.1rem;
 margin: 0;
 padding: 1rem 4rem;
 text-decoration: none;
 text-align: center;
}

div.lsloginboxvert button.lsloginbutton {
 margin: 0;
 border: none;
 width: 100%;
}

div.lsloginboxvert a.lsloginbutton:hover,
div.lsloginboxvert button.lsloginbutton:hover {
 background-color: #6a9bbf;
}

.lsloginboxcontainer .pwdresetbox {
 display: flex;
 flex-direction: row;
 justify-content: flex-end;
}
.lsloginboxcontainer .pwdresetbox A.pwdreset,
.lsloginboxcontainer .pwdresetbox A.frontpage {
 display: block;
 margin: 1rem 0 0 0;
 padding: 0.5rem 1rem;
 text-decoration: none;
 color: #444;
 font-size: 0.9rem;
}

.lsloginboxcontainer .pwdresetbox A.pwdreset:hover,
.lsloginboxcontainer .pwdresetbox A.frontpage:hover {
 color: #000;
}

div.logoffboxcontainer {
 display: block;
 text-align: center;
}

div.logoffbox {
 display: inline-block;
 background-color: #ddd;
 border: 1px solid #aaa;
 border-radius: 5px;
 padding: 1em 4em;
 margin: 1em;
}

div.logoffbox h2 {
 text-decoration: none;
 color: #000;
 font-size: 18px;
 font-weight: bold;
}

div.logoffbox a.fp {
 display: inline-block;
 text-decoration: none;
 color: #fff;
 font-size: 14px;
 font-weight: bold;
 background-color: #555;
 border: none;
 border-radius: 5px;
 padding: 8px 20px;
 margin: 1em;
}

div.logoffbox a.fp:hover {
 background-color: #777;
}

div.loginokbox {
 text-decoration: none;
 color: #000;
 font-size: 1rem;
 font-weight: bold;
 background-color: #ddd;
 border: 1px solid #aaa;
 border-radius: 0.4rem;
 padding: 1rem 2rem;
 margin: 1rem;
}

div.loginokbox h2 {
 text-decoration: none;
 color: #000;
 font-size: 1.8rem;
 font-weight: bold;
}

div.loginokbox p.name{
 text-decoration: none;
 color: #000;
 font-size: 1rem;
 font-weight: bold;
}

div.loginokbox a.fp {
 display: inline-block;
 text-decoration: none;
 color: #000;
 font-size: 1rem;
 font-weight: bold;
 background-color: #aaa;
 border: none;
 border-radius: 0.4rem;
 padding: 0.8rem 2rem;
 margin: 1rem;
}

div.loginokbox a.fp:hover {
 background-color: #bbb;
}

.loginok_title {
 display: block;
 padding: 0px 0px 0.6rem 0px;
 font-size: 1.1rem;
 font-weight: bold;
 text-decoration: none;
}

.loginok_fp {
 display: block;
 padding: 0.6rem 0 1.2rem 0px;
 font-size: 1rem;
 font-weight: normal;
 text-decoration: none;
}

.pwdresetcontainer {
 display: flex;
 flex-direction: row;
 justify-content: center;
}

.pwdresetcontainer .upperbox {
 display: flex;
 flex-direction: column;
 justify-content: center;
}

.pwdresetcontainer .upperbox .pwdresetbox,
.pwdresetdonebox
{
 display: flex;
 flex-direction: column;
 width: 80%;
 max-width: 50rem;
 background-color: #eee;
 border-radius: 0.5rem;
 margin: 2rem 1rem;
 padding: 1rem;
}
.pwdresetcontainer .upperbox .pwdresetbox .ohje {
 font-size: 1rem;
 margin: 0 0 2rem 0;
}
.pwdresetcontainer .upperbox .pwdresetbox .alaohje {
 margin: 1rem 0;
}

.pwdresetcontainer .upperbox .pwdresetbox .loginfieldbox {
 display: flex;
 justify-content: center;
 margin: 0 0 1rem 0;
}
.pwdresetcontainer .upperbox .pwdresetbox .loginfieldbox .loginfield {
 width: 20rem;
}
.pwdresetcontainer .upperbox .pwdresetbox .sendbutton,
.pwdresetcontainer .upperbox .pwdresetbox .frontpage,
.pwdresetdonebox .pwdresetgologin>a
{
 display: flex;
 justify-content: center;
 margin: 1rem 0;
 padding: 0.75rem 3rem;
 background-color: #585;
 border-radius: 0.25rem;
 font-size: 1.5rem;
 color: #fff;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
 text-decoration: none;
}
.pwdresetcontainer .upperbox .pwdresetbox .sendbutton:hover,
.pwdresetcontainer .upperbox .pwdresetbox .frontpage:hover,
.pwdresetdonebox .pwdresetgologin>a:hover {
 background-color: #8a8;
}

.pwdresetdonebox h1 {
}

.pwdresetdonebox .pwdresetdone {
}

.pwdresetdonebox .newpass {
 font-family: monospace;
}

ul.ulmenu0 {
  list-style: none;
  padding:0;
  margin: 0;
}

ul.ulmenu0 ul {
  list-style: none;
  padding:0 0 0 0;
  margin:0;
}

ul.ulmenu0 li {
 margin: 0 0 0 1rem;
}

ul.ulmenu0 >li {
 margin: 0.25rem 0 0.25rem 0.5rem;
}

ul.ulmenu0 li>a.ulmenu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  font-size: 1rem;
  color: #000;
  padding: 5px 2px 3px 8px;
  font-weight: normal;
  text-decoration: none;
}

ul.ulmenu0 li>a.ulmenu:hover {
 background-color: rgba(176, 176, 134, 0.8);
 color: #000;
}

ul.ulmenu0 li>a.ulmenu>span.bullet {
 display: block;
 position: static;
 color: #222;
 font-size: 85%;
 margin-right: 0.5rem
}

ul.ulmenu0 li>a.ulmenu:hover>span.bullet {
  color: #22c;
}

ul.ulmenu0 li>a.ulmenu.leaf {
  margin-left: 13px; /* 8px+5px */
}

ul.ulmenu0 li>a.ulmenu>span.menuitem {
 display: block;
}

ul.ulmenu0 li>a.open {
 font-weight: bold;
}

ul.ulmenu2 li>a.ulmenu {
 color: #000;
 text-decoration: none;
}

div.gvboxcntr {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
}

div.gvbox {
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 margin: 1rem 0.5rem;
 padding: 0;
 border-radius: 0.5rem;
 box-shadow: 0 0 0.15rem 0.15rem rgba(0,0,0,0.5);
}

div.gvbox:hover {
 box-shadow: 0 0 0.25rem 0.25rem rgba(0,0,0,0.65);
}

div.gvbox div.imgbox {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 height: 150px;
 max-width: 200px;
 background-color: #fff;
 text-align: center;
 border-top-left-radius: 0.5rem;
 border-top-right-radius: 0.5rem;
}
div.gvbox div.imgbox a {
 display: block;
 padding: 0;
 margin: 0;
 white-space: nowrap;
 line-height: 0;
}
div.gvbox div.imgbox img {
 display: inline-block;
 border-top-left-radius: 0.5rem;
 border-top-right-radius: 0.5rem;
 margin: 0;
}

div.gvbox div.name>a {
 display: block;
 font-size: 0.9rem;
 color: #048;
 font-weight: normal;
 text-decoration: none;
 padding: 0.4rem 0.2rem 0.4rem 0.4rem;
 border-bottom-left-radius: 0.5rem;
 border-bottom-right-radius: 0.5rem;
 text-align: center;
}

div.gvbox div.name>a:hover {
 color: #fff;
 background-color: #08f;
}

div.gvbox > div.name {
 margin: 0;
 width: 100%;
}

div.gvnoimg {
 background-color: #fff;
 border: #333;
}

span.gvnoimg {
 display: block;
 background-color: #fff;
 border: #333;
 border-top-left-radius: 0.5rem;
 border-top-right-radius: 0.5rem;
}

.gvname {
 margin: 1rem 0 0 0;
 font-size: 1.2rem;
 font-weight: normal;
 background-color: #aba;
 padding: 0.4rem 1rem;
 border-bottom: 1px solid #8a8;
 color: #040;
 background: linear-gradient( 0deg, #353, #686);
 color: #fff;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.pgat.gvspecial {
 margin: 0 0 2rem 0;
 background-color: #cdc;
 background-color: #eee;
 border: 1px solid #8a8;
 border-top: none;
}

div.gvheader {
 font-size: 1rem;
 color: #048;
 font-weight: normal;
 text-decoration: none;
}

div.gvheader > h1 > a.pgroup,
div.gvheader > a.pgroup,
div.gvheader > h1 > span.pgroup
{
 font-size: 1.3rem;
 color: #048;
 font-weight: bold;
 text-decoration: none;
}

div.gvheader > a.pgroup:hover {
 text-decoration: underline;
 color: #620;
}

.gvheader .pgroup {
 display: inline-block;
 white-space: nowrap;
}

div.pgat div.product {
 display: inline-block;
 position: relative;
 background-color: #FFFFFF;
 border-color: transparent;
 border-radius: 0.5rem;
 border-style: solid;
 border-width: 0.15rem;
 margin: 1.6rem 2rem;
 padding: 0;
 width: 200px;
 vertical-align: top;
}

div.pgat div.product:hover {
 box-shadow: 0 0 0.25rem 0.24rem rgba(100, 100, 100, 0.3);
}

div.pgat div.product div.name {
 display: block;
 width: 100%;
 top: 0.35rem;
 left: 0;
 overflow: hidden;
 text-align: center;
}

div.pgat div.product div.name>a{
 display: inline-block;
 font-size: 1.1rem;
 font-weight: 400;
 color: #000;
 padding: 0.25rem 0;
 margin: 0 0.125rem;
 border-radius: 0.25rem;
 text-decoration: none;
}
div.pgat div.product div.name>a:hover{
 color: #17569d;
 text-decoration: none;
}

div.pgat div.product div.mark {
 display: block;
 width: 100%;
 position: absolute;
 left: 0.15rem;
 bottom: 0.15rem;
 text-align: left;
 color: #ff6715;
 font-weight: 600;
 font-size: 1rem;
}

div.pgat div.product div.favbox {
 display: none;
 width: 100%;
 position: absolute;
 left: 0.15rem;
 bottom: 0.15rem;
 text-align: left;
 color: #ff6715;
 font-weight: 600;
 font-size: 1rem;
 z-index: 2;
}

div.pgat div.product:hover div.favbox {
 display: block;
}

div.pgat div.product div.price {
 display: block;
 position: absolute;
 left: 0.15rem;
 right: 0.15rem;
 bottom: 0.15rem;
 padding: 0.3rem 0 0.3rem 0;
 text-align: center;
 color: #3A61A2;
 font-weight: 600;
 font-size: 1rem;
 z-index: 2;
 background-color: #fff;
}

div.product div.price .guestovh {
 display: block;
 position: relative;
 left: -1rem;
 top: 0.15rem;
 color: #0D3059;
 font-size: 1.1rem;
}

div.product div.price .guestovh>.alv {
 display: inline-block;
 margin: 0 0 0 0.6rem;
 color: #aaa;
 font-size: 0.85rem;
 font-weight: normal;
}

div.product:hover div.price .guestovh>.alv {
 color: #444;
}

div.pgat div.product div.imgwrap {
 display: inline-block;
 position: relative;
 width: 200px;
 height: 200px;
 text-align: center;
 vertical-align: top;
 margin: 0;
}

div.pgat div.product div.imgwrap img {
 max-height: 100%;
 max-width: 100%;
 width: auto;
 height: auto;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 margin: auto;
}
div.pgat div.product div.imgwrap img.empty {
 background-color: #eee;
}

div.pgat div.product div.datawrap {
 height: 5rem;
}

div.pgat div.product div.price span.ovh {
 white-space: nowrap;
 display: inline-block;
 margin-left: 0.3rem;
}

div.pgat div.product div.price span.ovh .zzprice .decimals {
 font-size: 75%;
}

div.pgat div.product div.price span.priceovhA {
 white-space: nowrap;
 display: inline-block;
 margin-left: 0.3rem;
 text-align: center;
 color: #888;
 text-decoration: line-through;
 font-size: 0.8rem;
}

div.pgat div.product div.price span.ovht {
 font-size: 1rem;
 color: #555;
 font-weight: normal;
}

div.pgat div.product div.price span.ovhvalue {
 font-size: 1rem;
 color: #666;
 font-weight: bold;
 white-space: nowrap;
 padding-left: 0.6rem;
}

div.pgat div.product .uprice {
 font-size: 0.85rem;
 color: #555;
}

div.pgat div.product div.addcartwrap {
 margin: 0.7rem 0 0.3rem 0;
}

div.pgat div.product div.addcartwrap a.addbutton,
.ps_b_cart > a.addbutton,
.ps_b_me a.addbutton
{
 background-color: #014430;
 background: linear-gradient(#8DC1B1, #014430);
 padding: 0.3rem 0.85rem;
 color: #fff;
 font-size: 1rem;
 font-weight: bold;
 text-shadow: 0.5px 0.5px 0.5px #333;
 border-radius: 0.3rem;
}

div.pgat div.product div.price .ale,
div.pgat div.product div.addcartwrap .ale,
.ps_b_ale .ale
{
 position: relative;
 height: 2rem;
 color: #000;
 font-size: 1rem;
 font-weight: bold;
 text-shadow: 0.5px 0.5px 0.5px #fff;
 display: block;
 width: 4rem;
 text-align: left;
 vertical-align: middle;
}

div.pgat div.product div.price .alespacer {
 height: 1rem;
}

div.pgat div.product div.price .ale>.pros,
div.pgat div.product div.addcartwrap .ale>.pros {
 text-align: center;
 vertical-align: middle;
 line-height: 2rem;
}

div.pgat div.product div.price .ale>.realprice,
div.pgat div.product div.addcartwrap .ale>.realprice
{
 display: block;
 position: absolute;
 top: 0.35rem;
 left: 4.6rem;
 white-space: nowrap;
 color: #17520e;
 text-decoration: none;
}

div.pgat div.product div.addcartwrap .ale:hover>.realprice,
.ps_b_ale .ale:hover>.realprice {
 display: block;
}

div.sidecartbox {
  margin: 0 0 12px 0;
}

div.sidecartbox a {
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 justify-content: space-between;
 align-items: baseline;
 font-size: 1rem;
 background-color: #687A00;
 background: linear-gradient(0deg, #08F, #8dcaff );
 padding: 0.5rem 0.5rem;
 border-bottom: 2px solid #08F;
 color: #fff;
 text-shadow: 0.5px 0.5px 0.5px #222;
 text-decoration: none;
 position: relative;
}

div.sidecartbox a:hover {
 background-color: #46698E;
 background: linear-gradient(0deg, #231F20, #AEA3A6 );
 border-bottom: 2px solid #231F20;
 text-decoration: none;
}

div.sidecartbox a .cartcount {
 display: inline-block;
 position: absolute;
 top: 2px;
 left: 1.2rem;
 background-color: #b00;
 color: #fff;
 font-size: 0.75rem;
 padding: 0.15rem 0.375rem;
 border-radius: 0.625rem;
}

div.sidecartbox a .cartcount.ccempty,
div.navicartbox a .cartcount.ccempty {
 display: none;
}

div.sidecartbox img.cartimg {
 display: inline-block;
 position: relative;
 top: 0.25rem;
 margin: 0 1rem 0 0;
}

div.sidecartbox .tocarttxt.ccempty {
 display: none;
}

div.navicartbox {
 position: relative;
 align-self: stretch;
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 justify-content: flex-start;
 align-items: stretch;
}

div.navicartbox a.navicart {
 align-items: center;
 align-self: stretch;
}

.siteTopNav div.navicartbox img.cartimg {
 position: relative;
 top: 3px;
}
.siteTopNav.responsiveNav div.navicartbox img.cartimg {
 position: static;
}

div.navicartbox a .cartcount {
 display: inline-block;
 position: absolute;
 top: 4px;
 right: 0.125rem;
 background-color: #c00;
 color: #fff;
 font-size: 0.75rem;
 padding: 0.15rem 0.375rem;
 border-radius: 0.625rem;
}
div.navicartbox a .cartsum,
div.navicartbox a .cartcur {
 display: none;
}

ul.siteTopNav li.navitem.navicart {
 display: none;
}

ul.siteTopNav.responsiveNav  div.navicartbox a .cartcount,
ul.siteTopNav.responsiveNav  div.navicartbox a .cartsum,
ul.siteTopNav.responsiveNav  div.navicartbox a .cartcur {
 display: inline-block;
 position: relative;
 top: -0.4rem;
 margin: 0 0 0 0.625rem;
}
ul.siteTopNav.responsiveNav  div.navicartbox a .cartcount {
 vertical-align: top;
 top: -1ex;
 left: -0.9rem;
 padding: 0.15rem 0.5rem;
}
ul.siteTopNav.responsiveNav  div.navicartbox a .cartcount.ccempty {
 display: none;
}

ul.siteTopNav.responsiveNav  div.navicartbox a .cartsum {
}
ul.siteTopNav.responsiveNav  div.navicartbox a .cartcur {
}

ul.siteTopNav .navisearchwrap {
 height: 100%;
}

ul.siteTopNav li.navitem.navisearch form.navifs {
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 justify-content: flex-start;
 align-items: stretch;
 height: 100%;
}

ul.siteTopNav li.navitem.navisearch .navifs > i.fa-search {
 display: block;
 padding: 0.8rem 1rem;
 color: #fff;
 align-self: center;
}

ul.siteTopNav li.navitem.navisearch:hover .navifs i.fa-search {
 background-color: #d22525;
}

ul.siteTopNav li.navitem.navisearch .stxtwrap {
 position: relative;
 display: flex;
 flex-direction: row;
 align-items: stretch;
 background-color: #fff;
}

ul.siteTopNav li.navitem.navisearch input.stxt {
 display: block;
 align-self: center;
 border: none;
 outline: none;
 background: none;
 padding:0;
 border-radius: 0;
 left: 0;
 top: 0;
 bottom: 0;
 width: 0;
 height: 100%;
 background-color: #fff;
 z-index: 2;
 transition: width 0.4s ease-out;
}
ul.siteTopNav li.navitem.navisearch .navifs .go {
 display: none;
 top: 0;
 bottom: 0;
 font-size: 1.75rem;
 padding: 0.5rem 0.5rem;
 color: #222;
 z-index: 3;
 transition: background-color 0.5s step-start;
}

ul.siteTopNav li.navitem.navisearch .navifs input.stxt.active {
 display: block;
 padding: 0 0.5rem;
 width: calc( 15rem - 1.20rem );
 cursor: text;
 background-color: #fff;
 color: #222;
 z-index: 2;
}

ul.siteTopNav li.navitem.navisearch .navifs input.stxt.active+.go {
 display: block;
 background-color: #fff;
 align-self: center;
}

ul.siteTopNav li.navitem.navisearch .navifs:hover,
ul.siteTopNav li.navitem.navisearch .navifs input.stxt.active+.go:hover {
 background-color: #d22525;
 color: #fff;
}

table.lscart {
 border-collapse: collapse;
 border: none;
 width: 100%;
}

.cartcontainer {
 width: auto;
 margin: 1rem;
 padding: 0.5rem;
 background-color: #fff;
 overflow-x: auto;
 overflow-y: hidden;
}

table.lscart tr.mainhead>td {
 font-size: 1.3rem;
 color: #06a;
 font-weight: bold;
 border-bottom: 0.15rem solid #06a;
}

table.lscart>tbody>tr>td {
 padding: 0.3rem 0.6rem;
}

table.lscart>tbody>tr.head>td {
 text-align: left;
 font-size: 1rem;
 color: #1f9cd1;
 font-weight: bold;
 padding-top: 1rem;
 border-bottom: 1px solid #ccc;
}

table.lscart>tbody>tr.head>td.apriceh,
table.lscart>tbody>tr.head>td.amounth
{
 text-align: center;
}
table.lscart>tbody>tr.head>td.amounth {
 padding-left: 0px;
 padding-right: 0px;
}
table.lscart>tbody>tr.head>td.priceh,
table.lscart>tbody>tr.head>td.curh
{
 text-align: right;
}

table.lscart>tbody>tr.item.missingqa {
 /*background-color: #e9edd2;*/
 background-color: #dde;
}

table.lscart>tbody>tr.item>td {
 padding: 0.3rem 0.6rem;
 text-align: left;
 font-size: 1rem;
 color: #000;
 font-weight: normal;
 border-bottom: 1px solid #ccc;
 vertical-align: middle;
}

table.lscart>tbody>tr.item:hover {
 background-color: #eee;
}

table.lscart>tbody>tr.head>td.nameh,
table.lscart>tbody>tr.item>td.name{
 width: 40%;
}

table.lscart>tbody>tr.item>td.name>.namebox {
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 flex-flow: wrap;
 align-items: flex-start;
}

table.lscart>tbody>tr.item>td.name>.namebox .qabox  {
 margin: 0.2rem 0 0 0 ;
}
table.lscart>tbody>tr.item>td.name>.namebox .qabox>select {
 margin: 0 0.3rem 0 0;
}

table.lscart>tbody>tr.item>td.name>.namebox>a {
 font-weight: bold;
 text-decoration: none;
 color: #000;
 white-space: normal;
}

table.lscart>tbody>tr.item:hover>td.name>.namebox>a {
 color: #06a;
 text-decoration: none;
}

table.lscart>tbody>tr.item:hover>td.price {
 color: #800;
 font-weight: normal;
}

table.lscart>tbody>tr.item:hover>td.eye {
}

table.lscart>tbody>tr.item>td.eye {
}

table.lscart>tbody>tr.item>td.eye>div>a {
 display: none;
}
table.lscart>tbody>tr.item:hover>td.eye>div>a {
 display: block;
}

table.lscart>tbody>tr.item>td.price,
table.lscart>tbody>tr.item>td.aprice {
 white-space: nowrap;
}

table.lscart>tbody>tr.item>td.qty {
 padding-left: 0px;
 padding-right: 0px;
 text-align: center;
 width: 2rem;
}
table.lscart div.cartsetqtybox {
 display: inline-block;
}
table.lscart>tbody>tr.item>td.qty input.cartqty {
 text-align: center;
 width: 2rem;
}

table.lscart>tbody>tr.item>td.pm {
 padding-left: 0px;
 width: 28px;
}

table.lscart>tbody>tr.item>td.aprice,
table.lscart>tbody>tr.item>td.price
{
 text-align: right;
}

table.lscart>tbody>tr.item>td.pm>.pmbox {
 display: inline-block;
 position: relative;
 text-align: center;
}

table.lscart>tbody>tr.item>td.pmleft  {
 text-align: right;
 padding-right: 0;
}
table.lscart>tbody>tr.item>td.pmright  {
 text-align: left;
 padding-left: 0;
}

table.lscart .pmbox a.cartplus {
 display: inline-block;
 font-size: 0.6rem;
 color: #000;
 margin-right: 0.3rem;
 margin: 0 0 0 0.25rem;
}

table.lscart .pmbox a.cartminus {
 display: inline-block;
 font-size: 0.6rem;
 color: #000;
 margin: 0 0.25rem 0 0;
}

table.lscart a.cartadd {
}
table.lscart a.cartsub {
}

table.lscart tr.tailer td {
 font-size: 1rem;
 vertical-align: bottom;
}

table.lscart tr.tailer td.total {
 text-align: left;
}

table.lscart tr.tailer.tax td {
 padding-top: 0.16rem;
 padding-bottom: 0px;
}

table.lscart tr.tailer.notax td {
 padding-top: 1rem;
 padding-bottom: 0;
}

table.lscart tr.tailer.total td {
 padding-top: 0.16rem;
 padding-bottom: 0;
}

table.lscart tr.tailer.total td.cartsum {
 color: #800;
 font-size: 1.5rem;
 font-weight: bold;
}

table.lscart tr.footer>td {
 padding-top: 2rem;
 border: none;
}

.cartactions {
 display: flex;
 flex-direction: row;
 justify-content: space-around;
 align-content: center;
 align-items: center;
}
.cartactions .act {
 flex: 0 1 auto;
}

table.lscart > tbody > tr.item > td.cartrow > a.askinfo > .aineeded {
 color: #c00;
}
table.lscart > tbody > tr.item > td.cartrow > a.askinfo > .ainoneed,
table.lscart > tbody > tr.item > td.cartrow > a.askinfo > .aihas {
 color: #0c0;
}

table.lscart > tbody > tr.missattr {
 background-color: #ff8;
}

table.lscart table.reversetailer {
 border-collapse: collapse;
 width: 100%;
}
table.lscart table.reversetailer td,
table.lscart table.reversetailer th {
 border: none;
 text-align: right;
 white-space: nowrap;
 padding: 0 1rem;
 font-size: 1rem;
 font-weight: normal;
}

table.lscart table.reversetailer th {
 text-align: right;
 color: #002;
}

table.lscart table.reversetailer tr>td:nth-child(1),
table.lscart table.reversetailer tr>th:nth-child(1){
 padding-left: 0;
}
table.lscart table.reversetailer tr>td:nth-child(4),
table.lscart table.reversetailer tr>th:nth-child(4){
 padding-right: 0;
}
table.lscart table.reversetailer td.title {
 text-align: left;
}

table.lscart tr.discount>td {
 line-height: 1.2;
 padding: 0.1rem 0.6rem 0;
 border: none;
 color: #444;
}

table.lscart tr.discount.first>td {
 padding-top: 1rem;
}

table.lscart tr.discount>td.disctext {
 color: #060;
}

table.lscart a.cartback,
table.lscart a.cartcontinue,
table.cc_table .ccnext,
table.cc_table .ccprev,
.ccinnerbox .ccnext,
.ccinnerbox .ccprev
{
 display: inline-block;
 font-size: 1.1rem;
 color: #fff;
 background-color: #06a;
 text-decoration: none;
 font-weight: bold;
 margin: 1.66rem 0 1.66rem 0;
 padding: 0.6rem 2rem 0.6rem 2rem;
 text-shadow: 0.5px 0.5px 0.5px #222222;
 white-space: nowrap;
 border-radius: 0.4rem;
 border: none;
}

table.lscart a.cartback:hover,
table.lscart a.cartcontinue:hover,
table.cc_table .ccnext:hover,
table.cc_table .ccprev:hover,
.ccinnerbox .ccnext:hover,
.ccinnerbox .ccprev:hover
{
 background-color: #08c;
 border-radius: 0.4rem;
 border: none;
 color: #fff;
}

table.cc_table .ccorder {
 background-color: #080;
 border: none;
}
table.cc_table .ccorder:hover {
 background-color: #0a0;
 box-shadow: 0 0 0.25rem 0.25rem rgba(0, 255, 0, 0.6);
}

.cart_askinfo_box {
}

.cart_askinfo_about {
 padding: 1em 0.5em 1em 0.5em;
}

div#cartquickaddcont {
 text-align: left;
}

div#cartquickadd {
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 align-items: center;
 margin: 1rem 0 0.25rem 1rem;
 padding: 0.7rem 0.5rem 0.7rem 0.5rem;
 text-align: left;
 border-radius: 0.3rem;
 max-width: 30rem;
}

#cartquickadd input#quickaddcode {
 flex: 0 1 auto;
 border: 1px solid #ccc;
 padding: 0.15rem 0.3rem;
 background-color: #ffc;
 width: calc(100% - 10rem );
}
#cartquickadd a.quickadd {
 flex: 0 1 auto;
 background-color: #06a;
 margin: 0 0.5rem;
 padding: 0.5rem 0.8rem;
 font-size: 1rem;
 color: #fff;
 font-weight: normal;
 border-radius: 0.3rem;
 cursor: default;
}
#cartquickadd a.quickadd:hover {
 background-color: #08f;
}

div#cartquickaddmsg {
 display: inline-block;
 margin: 0 0 1rem 1.5rem;
 padding: 0.75rem 2rem 0.75em 2rem;
 font-size: 1rem;
 color: #800;
 font-weight: bold;
 background-color: #fff;
 border-radius: 4px;
}

div#cartquickaddhelp {
 display: inline-block;
 visibility: hidden;
 margin: 0 0 0 2em;
 padding: 0.9rem;
 font-size: 0.9rem;
 color: #844;
 font-weight: bold;
 background-color: #ccc;
 border-radius: 4px;
 box-shadow: 0.3rem 0.3rem 0.25rem rgba(0, 0, 0, 0.5);
}

div#cartquickaddcont:hover > div#cartquickaddhelp {
 visibility: visible;
}

.cccontainer {
 display: block;
 background-color:#fff;
 margin: 1rem;
 padding: 1rem;
 max-width: 1000px;
}

.contactbox {
 display: flex;
 flex-direction: column;
 align-items: stretch;
 max-width: 50rem;
 margin: 0;
}

.contactbox .con_entry {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: flex-start;
 align-items: center;
 margin: 0.5rem 0;
}

.contactbox .con_entry.textarea {
 flex-direction: column;
 align-items: flex-start;
}

.contactbox .con_entry label.name {
 display: block;
 flex: 0 1 auto;
 min-width: 10rem;
 margin: 0 0.75rem 0 0;
}

.contactbox .con_entry input.field {
 flex: 1 1 auto;
}

.contact_title2 {
}

.contact_head2 {
 font-size: 1rem;
 text-decoration:none;
 color:#219ab8;
 font-weight:bold;
 white-space: nowrap;
}
.contact_head3, .contact_star {
 font-size: 1rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
}

div.contact_head2 {
 padding: 0.3rem 0.6rem;
 margin: 0;
}

table.contact td.logintxt,
.contactbox .logintxt {
 padding: 0.3rem 0 0.3rem 0.6rem;
}

table.contact td.logindata,
.contactbox .logindata {
 padding: 0.3rem 0 0.3rem 0;
}

table.contact div.orderer,
.contactbox div.orderer {
 background-color: #e6e6e6;
}

table.contact td.emailfield,
.contactbox .emailfield {
 white-space: nowrap;
}
.contactbox .emailfield {
 flex: 1 0 auto;
 display: flex;
 flex-direction: row;
 align-items: center;
}
.contactbox .emailfield  .email_input {
 flex: 1 1 auto;
}
.contactbox .emailfield  #emailstatus {
 display: block;
 margin: 0 0.5rem 0 0.5rem;
 flex: 0 0 auto;
}

.contactbox .emailwrong {
 color: #a00;
 font-size: 1.3rem;
}
.contactbox .emailok {
 color: #0a0;
 font-size: 1.3rem;
}

table.contact div.contact,
table.contact div.address1,
table.contact div.address2,
.contactbox div.contact,
.contactbox div.address1,
.contactbox div.address2,
.contactbox .otherinfo
{
 margin-top: 0.6rem;
 background-color: #e6e6e6;
 border-top: #ccc 1px solid;
}

table.contact div.reference,
table.contact div.mark,
.contactbox div.reference,
.contactbox div.mark
{
 margin: 0.9rem 0;
}

table.contact td.ttapa,
.contactbox .ttapa {
 padding: 0 1rem 0.9rem 0;
}

table.contact td.ttapafields,
.contactbox .ttapafields {
 padding: 0;
 color: #000;
 font-weight: normal;
}

table.contact div.emailnotify,
.contact div.emailnotify {
 margin: 4px 0 4px 0;
 padding: 4px 0;
 border-top: 1px solid #ccc;
}

td.contact_head3 {
 padding: 4px 0 4px 4px;
}

.contact_star {
 color: #a00000;
}

.contact_input {
 font-size: 0.9rem;
 text-decoration:none;
 color:#000;
 background-color: #fff;
 font-weight:normal;
 padding: 0.15rem 0.25rem;
 margin: 0.15rem 0;
 width: 20rem;
}

.contact_input[type="checkbox"] {
 width: 2rem;
}

textarea.contact_input {
 display: block;
 width: 100%;
 margin: 0.3rem 0;
 padding: 0.3rem 0.6rem;
 max-width: inherit;
 border: 1px solid #bbb;
}

td.contact_input {
 padding-left: 0.6rem;
}

select.contact_input {
 padding: 0.15rem;
}

.contact_radiowrap {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
}
.contact_radioitem {
 display: inline-flex;
 flex-direction: row;
 align-items: center;
 margin: 0 1rem 0 0;
}
.contact_radioitem .contact_radiobut {
 display: inline-block;
 padding:0;
 margin:0;
}
.contact_radioitem .contact_radiotext {
 display: inline-block;
}

table.contact {
 width: 100%;
}

table.contact td {
 text-align: left;
 vertical-align: middle
}

table.contact td.top{
 vertical-align: top;
}

table.cc_table {
 border: none;
 border-collapse: collapse;
 background-color: #fff;
}

.cc_head_td,
.cccontainer .cctitle {
 font-size: 1.2rem;
 text-decoration:none;
 color:#0666a1;
 font-weight:bold;
}

.cccontainer .cctitle {
 text-align: center;
 margin: 0 0 1rem 0;
}

TD.cc_head_td {
 text-align: center;
 border-bottom: 0.15rem solid #003fff;
 padding: 0 0 0.6rem 0;
}

td.cc_inner_td {
 text-align: left;
 vertical-align: top;
 padding: 0;
}

.cc_actions_td {
 border: none;
 border-top: 1px solid #c0c0c0;
 padding-top: 1rem;
}

.cc_choices_td {
 padding: 0.6rem 0 0.6rem 0;
}

.cc_choice_td {
 padding: 0.25rem 0 0.25rem 0;
}

td.ccspacer {
  border-bottom: 1px solid #ccc;
}
div.ccspacer {
 display: block;
 margin: 1rem 0 2rem 0;
}

.form_error {
 font-size: 0.9rem;
 text-decoration:none;
 color:red;
 font-weight:bold;
}

.delmethod {
 font-size: 0.9rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
 white-space: nowrap;
}

.payment_head, .payment_head_price {
 font-size: 1rem;
 text-decoration:none;
 color:black;
 font-weight:bold;
 text-align: left;
}
.payment_head_price {
 text-align: right;
}

tr.payment_payrow {
 font-size: 1rem;
}

tr.payment_payrow td {
 padding: 1.5rem 0 1.5rem 0;
}

tr.payment_payrow:hover {
 background-color: #ffa;
}

.payment_img_td {
 text-align: center;
 vertical-align: middle;
}

td.payment_desc_td {
 text-align: left;
 vertical-align: middle;
 padding-left: 1.5rem;
}

.payment_price_td {
 text-align: right;
 vertical-align: middle;
}

table.payment_table {
 border: none;
 width: 100%;
}

.payment {
  font-size: 1rem;
  text-decoration:none;
  color:black;
  font-weight:normal;
}

.payment_price {
 font-size: 1rem;
 text-decoration:none;
 color:black;
 font-weight:bold;
}

.payment_cur {
 font-size: 0.9rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
}

.payment_price_alv0 {
 display: inline-block;
 margin: 0 0 0 1.5rem;
 font-weight: normal;
 color: #333;
}

.payment_cur_alv0 {
 font-weight: normal;
 color: #333;
}

.of_head2 {
  font-size: 1rem;
  text-decoration:none;
  color:#219ab8;
  font-weight:bold;
  white-space: nowrap;
}

td.of_head2 {
 text-align: left;
 vertical-align: top;
 padding: 0 0 0.6rem 0;
}

div.of_head2 {
 padding: 0.3rem 0.6rem;
 margin: 0;
}

.orderdonebox {
 background-color: #fff;
 margin: 0.9rem 0;
 padding: 0.8rem 1.2rem;
 font-size: 1rem;
 text-align: left;
 border-bottom: 1px solid #ccc;
}

.orderdonebox h1 {
 font-size: 1.5rem;
 color: #000;
 font-style: normal;
 border: none;
}
.orderdonebox .orderdonemerchant {
 margin-bottom: 1.25rem;
}
.odfpbox {
 text-align: center;
}

div.orderdonebox .reversetaxbox,
div.vieworder .reversetaxbox {
 margin: 2rem 0 0 0;
 text-align: right;
}

div.orderdonebox .reversetaxbox table.reversetax,
div.vieworder .reversetaxbox table.reversetax {
 display: inline-table;
 border-collapse: collapse;
}

div.orderdonebox .reversetaxbox table.reversetax td,
div.orderdonebox .reversetaxbox table.reversetax th,
div.vieworder .reversetaxbox table.reversetax td,
div.vieworder .reversetaxbox table.reversetax th {
 border: none;
 padding: 0.05rem 1rem;
 color: #555;
}

div.orderdonebox .reversetaxbox table.reversetax th,
div.vieworder .reversetaxbox table.reversetax th {
 color: #003;
 font-weight: normal;
}

.of_table {
 border: none;
 border-collapse: collapse;
 width: 100%;
 background-color: #fff;
}
.of_table >tbody>tr>td {
 border: none;
 padding: 0;
 text-align: left;
 vertical-align: top;
}
.of_action_table, .of_action_table td {
 border: none;
}

.of_table .of_about_td {
 border-top: none;
}
.of_table .of_actions_td {
 border-top: none;
 border-bottom: none;
 padding-top: 20px;
}
.of_items_table {
 border-collapse: collapse;
 width: 100%;
}
.of_items_table td {
 border: none;
 border-bottom: 1px solid #888;
 padding: 0.5rem 0.25rem 0.25rem;
}
.of_items_table tr.of_total td {
 border: none;
}
tr.of_subtotal>td {
 padding: 4px 4px 0 2px;
 border: none;
}
tr.of_total>td {
 padding: 4px 4px 0 2px;
}

table.of_table div.mehto, table.of_table div.tehto {
 margin: 5px 0 0 0;
}

.of_items_table tr.discount td {
 font-size: 1rem;
 color: #040;
 border-style: none;
 line-height: 1.2;
}

.of_items_table tr.discount td span.taxtitle {
 display: inline-block;
 margin-left: 1rem;
 color: #555;
}

div.ofreversetable {
 margin: 2em 1rem 0 0;
 text-align: right;
}

div.ofreversetable table.reversetailer {
 display: inline-table;
 border-collapse: collapse;
}

div.ofreversetable table.reversetailer th,
 div.ofreversetable table.reversetailer td  {
 border: none;
 text-align: right;
 white-space: nowrap;
 padding: 0 12px;
 font-size: 14px;
 color: #444;
}
div.ofreversetable table.reversetailer th {
 font-weight: normal;
 color: #000;
 text-align: right;
}

div.ofreversetable table.reversetailer tr>th:nth-child(1),
div.ofreversetable table.reversetailer tr>td:nth-child(1) {
 padding-left: 0;
}
div.ofreversetable table.reversetailer tr>th:nth-child(4),
div.ofreversetable table.reversetailer tr>td:nth-child(4) {
 padding-right: 0;
}
div.ofreversetable table.reversetailer td.title {
 text-align: left;
}
div.ofreversetable table.reversetailer td.rtaxt {
 text-align: left;
}

.of_table .merchant,
.of_table .deladd,
.of_table .billadd,
.of_table .contactinfo,
.of_table .delivery,
.of_table .payment,
.of_table .extrainfo
{
 background-color: #E6E6E6;
}

.orderform {
 background-color: #fff;
 margin: 1rem 0;
 padding: 0 0 1rem 0;
}

.orderform .orderalreadydone{
 margin: 1rem 0 0 0;
 padding: 0.75rem 0.75rem;
}

.orderform .head {
 color:#219ab8;
 background-color: #E6E6E6;
 font-size: 1rem;
 text-decoration:none;
 font-weight:bold;
 white-space: nowrap;
 padding: 0.5rem 1rem 0.25rem;
}

.orderform .addressesbox {
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 align-items: flex-start;
}

.orderform .addressesbox .addressbox {
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 flex: 1 1 auto;
 padding: 0;
}

.orderform .midcontentbox {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.orderform .midcontentbox>div.midcontent {
 flex: 1 1 auto;
 padding: 0;
}

.orderform .delipaybox {
 display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.orderform .attrsbox .attrrow {
 display: flex;
 flex-direction: row;
 margin: 0.5rem 1rem;
}
.orderform .attrsbox .attrrow>div.of_attr_head {
 margin: 0 1rem 0 0;
}

.orderform .salesrows {
 background-color: #fff;
 font-size: 1.1rem;
 text-align: center;
 margin: 1rem 0 0.3rem 0;
}

.of_table .salesrows {
 font-size: 1.1rem;
}

.of_table td {
 vertical-align: top;
}

.of_table td.of_sales_td {
 text-align: center;
}

.orderform div.of_salestable,
.of_table div.of_salestable {
 display: block;
 text-align: left;
 overflow-x: auto;
}

span.of_content {
 display: inline-block;
 font-size: 1rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
 margin: 0.4rem 0.3rem 0.8rem 0.6rem;
 padding: 0 1rem;
 text-align: left;
}

.addressbox .ofacontent {
 display: block;
 font-size: 1rem;
 text-decoration:none;
 margin: 0.4rem 0.3rem 0.8rem 0.6rem;
 padding: 0 1rem;
 text-align: left;
}

.addressbox .deladdci {
 display: flex;
 flex-direction: column;
 margin: 0 0.3rem 0.8rem 0.6rem;
 padding: 0 1rem;

}

td.of_listhead {
 font-size: 1rem;
 text-decoration:none;
 font-weight:bold;
 color: #219AB8;
 background-color: #eee;
}

.of_listitem {
 font-size: 1rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
}

.of_info {
 font-size: 0.9rem;
 text-decoration:none;
 color:rgb(80,80,80);
 font-weight:normal;
}

.of_table td.extraattrc {
 padding: 0.3rem 0 0.6rem 0.6rem;
}

table.of_attr_table {
 border-collapse: collapse;
 border: none;
}

table.of_attr_table td {
 border: none;
 padding: 0.15rem 0.3rem;
}

.of_attr_head {
 font-size: 0.9rem;
 text-decoration:none;
 color:#222;
 font-weight:bold;
}

.of_attr {
 font-size: 0.9rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
}
.of_hfee {
 font-size: 1rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
}
.of_total {
 font-size: 1rem;
 text-decoration:none;
 color:black;
 font-weight:bold;
 text-align: right;
}
.of_subtotal {
 font-size: 0.9rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
 text-align: right;
}
.of_totalcur {
 font-size: 1rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
}
.of_subtotalprice {
 font-size: 0.9rem;
 text-decoration:none;
 color:#000;
 font-weight:normal;
 }
.of_totalprice {
 font-size: 1rem;
 text-decoration:none;
 color:rgb(180,0,0);
 font-weight:bold;
}

.of_items_table tr.of_gift td {
 border: none;
}
.of_items_table tr.of_gift>td {
 padding: 4px 4px 0 2px;
}

.of_gift {
 font-size: 1rem;
 color: #030;
 font-weight: normal;
}

.of_giftunlink {
 display: inline-block;
 margin: 0 1rem 0 0;
 color: #300;
 top: -3px;
 position: relative;
}

.of_giftunlink:hover {
 color: #800;
}

.giftbox {
 margin: 0;
 padding: 0.45rem 0.6rem;
}

.giftbox .gcomark {
 color: #0a0;
 font-size: 1.1rem;
}
.giftbox .gccmark {
 color: #a00;
 font-size: 1.1rem;
}

.giftbox:hover {
 background-color: #e6e6e6;
}

.giftinputboxx {
 display: block;
}
.giftinputbox {
 padding: 0.45rem 1rem 0.8rem 1rem;
 display: inline-flex;
 flex-direction: row;
 justify-content: flex-start;
 background-color: #ddd;
 flex-wrap: wrap;
}
.orderform .giftinputbox {
 display: none;
}

.giftinputbox .giftcodebox,
.giftinputbox .seccodebox,
.giftinputbox .giftaddbox
{
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 align-items: flex-start;
}

.giftinputbox .giftcodebox {
 margin-right: 0.5rem;
}
.giftinputbox > * > label {
}
.giftinputbox > * > input {
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
  background-color: #fff;
  color: #000;
}

.giftinputbox > .giftgetbox,
.giftinputbox > .giftstatusbox {
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 align-content: center;
}

.giftinputbox > .giftgetbox > .giftget,
.giftinputbox > .giftstatusbox > .giftstatus {
  display: flex;
  margin: 0 0 0 0.5rem;
  align-self: flex-end;
  flex: 1 1 auto;
  justify-content: center;
  align-content: center;
  flex-direction: row;
  align-items: center;
  font-size: 1.5rem;
}
.giftinputbox > .giftstatusbox > .giftstatus {
  font-size: 1rem;
  color: #222;
}
.giftinputbox > .giftstatusbox > .giftstatus > i.fa {
 margin-right: 0.5rem;
}

.giftinputbox > .giftgetbox > .giftget:hover {
 color: #06a;
}

.giftinputbox .giftgettxt {
 display: inline-flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}

.giftinputbox .giftadd {
 display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: center;
 margin: 0 0.5rem 0 0.25rem;
 padding: 0.25rem 1rem 0.25rem 1rem;
 color: #ddd;
 background-color: #468;
 border-radius: 2px;
}

.giftinputbox .giftadd:hover {
 color: #fff;
 background-color: #06a;
}

.giftstatusbox .giftstatus {
 color: #000;
 margin: 0 0 0 0.5rem;
 font-size: 1rem;
}
.giftstatusbox .giftstatus>.giftfail{
 color: #900;
 font-size: 1.4rem;
}
.giftstatusbox .giftstatus>.giftok{
 color: #090;
 font-size: 1.4rem;
}

.reg_head {
 font-size: 1rem;
 text-decoration:none;
 color:black;
 font-weight:bold;
 text-align: left;
 vertical-align: top;
}

.reg_head2, .reg_data, .reg_input {
 font-size: 0.9rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
 text-align: left;
 vertical-align: top;
}

td.reg_head2 {
 vertical-align: middle;
}

input.reg_input,
input.prof_input{
 border: 1px solid #ccc;
 padding: 0.15rem 0.6rem;
}

.reg_input_td {
 text-align: left;
 vertical-align: top;
}

.reg_instructions {
 font-size: 0.8rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
 text-align: left;
 vertical-align: top;
}

input.reg_submit {
 display: inline-block;
 margin: 1.5rem 0;
 font-size: 0.9rem;
 font-weight: bold;
 padding: 0.3rem 1.5rem;
 color: #fff;
 background-color: #353A90;
 border: none;
 border-radius: 0.4rem;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

input.reg_submit:hover {
 background-color: #7176cb;
}

td.reg_submit_td {
 text-align: center;
 padding: 0.6rem 0;
}

.reg_star {
 text-decoration:none;
 color:rgb(150,0,0);
 font-weight:normal;
}

td.regmsg {
 padding: 0.6rem 1.5rem;
}
td.regmsg > img {
 display: inline-block;
}

td.regmsg > div.okmark {
 display: inline-block;
 font-size: 1.6rem;
 font-weight: bold;
 color: #080;
}

td.regok {
 background-color: #beb;
}
td.regerr {
 background-color: #cbb;
}

div.regmsg {
 display: inline-block;
 margin: 0 0 0 1.25rem;
 font-size: 0.95rem;
 color: #000;
 height: 25px;
 vertical-align: middle;
}

div.regok {
}
 div.regerr {
}

.prof_head {
 font-size: 0.9rem;
 text-decoration:none;
 color:black;
 font-weight:bold;
 text-align: left;
 vertical-align: top;
}

.prof_head2 {
 font-size: 0.85rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
 text-align: left;
 vertical-align: top;
}
.prof_label {
 font-size: 0.8rem;
 text-decoration:none;
 color:black;
 font-weight:bold;
 text-align: left;
 vertical-align: top;
}
.prof_input {
 font-size: 0.8rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
 text-align: left;
 vertical-align: top;
}
.prof_input_td {
 text-align: left;
 vertical-align: top;
}

td.prof_label {
 padding: 0.3rem 0 0.6rem 0;
}

.prof_instructions {
 font-size: 0.8rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
 text-align: left;
 vertical-align: top;
}

.prof_star {
 font-size: 0.9rem;
 text-decoration:none;
 color:rgb(200,0,0);
 font-weight:normal;
 text-align: left;
 vertical-align: top;
}

td.prof_radio_box>input.prof_input[type="radio"] {
 background-color: #c00;
 margin: 0 0.3rem 0 0.8rem;
 padding: 0;
}

td.prof_radio_box>span.prof_input {
 margin: 0;
 padding: 0;
 display:inline-block;
}

div.dmbox, .pmbox {
 margin: 1.25rem 0;
 display: flex;
 flex-direction: column;
}

div.dmbox div.dmitem,
div.pmbox .pmrow {
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
}

div.dmbox div.dmitem:hover,
div.pmbox div.pmitem:hover {
 background-color: #dde;
}

div.dmbox div.dmitem>span,
div.pmbox div.pmrow>span {
 display: inline-block;
 margin: 0.5rem 0.75rem;
 flex: 0 1 10%;
}

div.dmbox div.dmitem>span.dmradio,
div.pmbox .pmrow>span.pmradio {
 max-width: 2rem;
}

div.dmbox div.dmitem>span.dmcode,
div.pmbox .pmrow>span.pmcode {
 min-width: 4.5rem;
}

div.dmbox div.dmitem>span.dmcode,
div.pmbox .pmrow>span.pmcode {
 display: none;
}

div.dmbox div.dmitem>span.dmname,
div.pmbox .pmrow>span.pmname
{
  flex: 1 1 50%;
}

div.dmbox div.dmitem>span.dmcost,
div.pmbox .pmrow>span.pmcost {
 min-width: 4.5rem;
 text-align: right;
}

div.dmbox div.dminfo {
 display: none;
 margin: 0 0 1rem 4.3rem;
}

div.dmouterbox div.dmactions,
div.pmouterbox div.pmactions,
.orderform+.ofactions,
.ccactions
{
 margin: 3rem 0 0 1.25rem;
 display: flex;
 flex-direction: row;
 justify-content: space-around;
 align-items: center;
}

div.dmouterbox div.dmactions>input.ccnext,
div.pmouterbox div.pmactions>input.ccnext
{
 display: inline-block;
 margin: 0;
}

.pmbox .about {
 margin-top: 1rem;
}
.pmbox .about p {
 margin: 0.2rem 0 0.2rem 0;
}

.dmbox .about {
 margin-top: 1rem;
}
.dmbox .about p {
 margin: 0.2rem 0 0.2rem 0;
}

div.maksuturvapm {
 font-size: 1rem;
 margin: 0 0 0.75rem 2.5rem;
}
div.maksuturvapm2 {
 margin-left: 5rem;
}

div.maksuturvapm .paymethods {
}
div.maksuturvapm .paymethods .paymethod {
 color: #040;
}

div.paymentrowbout {
 margin: 0 1rem 0.5rem 4.5rem;
}

div.mturvabox  {
 display: block;
 padding: 0.75rem 1.6rem;
 background-color: #eee;
 border-radius: 0.3rem;
 text-align: left;
 margin: 0 0.75rem 2rem 0;
}

div.mturvabox h1 {
 text-align: left;
 font-size: 1.25rem;
 text-decoration: none;
 border: none;
 color: #2c4a7a;
 font-style: normal;
}

div.mturvabox .mtpricebox {
 display: inline-block;
 font-size: 1rem;
 font-weight: bold;
 background-color: #2c4a7a;
 padding: 0.5rem 1.25rem;
 color: #fff;
 text-shadow: 1px 1px 1px rgba( 0,0,0, 0.4);
 border-radius: 0.3rem;
}

div.mturvabox .mtactionbox {
 display: inline-block;
 font-size: 1rem;
 background-color: #266E2B;
 margin: 0 0 0 2.5rem;
 padding: 0.5rem 1.25rem;
 color: #fff;
 text-shadow: 1px 1px 1px rgba( 0,0,0, 0.4);
 border-radius: 4px;
}

div.mturvabox .mtactionbox:hover {
 background-color: #3AA641;
}

div.mturvabox .paymethods {
 margin: 0.3rem 0 1.5rem 0;
 background-color: #fff;
}

div.mturvabox .paymethods .paymethod {
 display: inline-block;
 font-size: 0.9rem;
 color: #040;
 padding: 0.6rem 0.6rem;
}

div.mturvabox .paymethods .paymethod:hover {
 background-color: #A9BEE0;
 color: #fff;
}

div.mturvabox .paymethods .paymethod.mtselected {
 background-color: #ff8;
}
div.mturvabox .paymethods
.paymethod.mtselected:hover {
 background-color: #537DC1;
 color: #fff;
}

.shoperror {
 padding: 0.4rem 0.6rem;
 margin: 0;
 border: 2px solid red;
 background-color: #e0e0e0;
 text-align: left;
 vertical-align: top;
 font-size: 0.85rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
}
.shoperror_head {
 font-size: 1rem;
 text-decoration:none;
 color:black;
 font-weight:bold;
 padding-bottom: 4px;
}

/* order cancel */
.ordercanceled {
 padding: 0.3rem 1.25rem 1.25rem 1.25rem;
 margin: 1rem 0.8rem 0.8rem 0;
 border: 2px solid #aca;
 background-color: #e0e0e0;
 text-align: left;
 vertical-align: top;
 font-size: 0.9rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
 border-radius: 0.6rem;
}
.ordercanceled_head {
 font-size: 1rem;
 text-decoration:none;
 color:black;
 font-weight:bold;
 padding-bottom: 0.3rem;
}

.ordercancel_fp {
 margin: 1.25rem;
}

/* order in progress */
.orderinprogress {
 padding: 1rem 1.25rem 0.8rem 1.25rem;
 margin: 1rem 0.8rem 0.8rem 0;
 border: 2px solid #c66;
 background-color: #e4e4e4;
 text-align: left;
 vertical-align: top;
 font-size: 0.9rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
 border-radius: 0.6rem;
}

/* order in progress */
.orderinprogress_pay {
 display: flex;
 flex-direction: column;
 max-width: 1200px;
 padding: 1rem;
 margin: 2rem 0.75rem 1rem 0;
 border: 1px solid #888;
 background-color: #f8f8f8;
 font-size: 1rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
 border-radius: 0.33rem;
}

.orderinprogress_pay_options_box {
 display: flex;
 flex-direction: column;
 padding: 1rem;
 margin: 1rem 0 0 0;
 text-align: left;
 vertical-align: top;
 font-size: 1rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
}

.orderinprogress_head {
 font-size: 1.5rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
 padding-bottom: 0.3rem;
}
.orderinprogress_options_box {
 padding: 0.3rem 1.25rem 0.15rem 1.25rem;
 margin: 0.7rem 0 0 0;
 border: none;
 background-color: #f8f8f8;
 text-align: left;
 font-size: 1rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
}
.orderinprogress_options_head {
 font-size: 1.25rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
 padding-bottom: 0;
}
.orderinprogress_options {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 column-gap: 2rem;
 row-gap: 1rem;
 font-size: 1rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
}

.orderinprogress_options a {
 display: block;
 padding: 0.5rem 1rem;
 font-size: 1rem;
 text-decoration:none;
 background-color: #ddd;
 color: #222;
 border: 1px solid #666;
 border-radius: 0.25rem;
}

.orderinprogress_options li {
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 align-items: center;
}

.orderinprogress_link,A.orderinprogress_link {
 display: block;
 font-size: 1rem;
 text-decoration:none;
 color:black;
 font-weight:bold;
 padding: 0.5rem 1rem;
}

A.orderinprogress_link:hover {
 text-decoration: none;
 color: #fff;
 background-color: #a00;
}

A.orderinprogress_link_view:hover {
 background-color: #2c4a7a;
}
A.orderinprogress_link_pay:hover {
 background-color: #266e2b;
}
A.orderinprogress_link_cancel:hover {
 background-color: #a00;
}
A.orderinprogress_link_fp:hover {
 background-color: #008;
}

.orderdone_box {
 padding: 0.3rem 0.5rem 0.3rem 0.5rem;
 margin: 0.7rem 0 0 0;
 border: 0.15rem solid green;
 background-color: #c0c0c0;
 text-align: left;
 vertical-align: top;
 font-size: 0.9rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
}
.orderdone_head {
 font-size:1.3rem;
 text-decoration:none;
 color:black;
 font-weight:bold;
 padding-bottom:0.3rem;
}
.orderdone_options_box {
 padding: 0.25rem 0.4rem 0.15rem 0.4rem;
 margin: 0.6rem 0 0 0;
 border-left: 2px solid #f0f0f0;
 border-top: 2px solid #f0f0f0;
 border-right: 2px solid #a0a0a0;
 border-bottom: 2px solid #a0a0a0;
 background-color: #c0c0c0;
 text-align: left;
 vertical-align: top;
 font-size: 0.8rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
}

.orderdone_fp {
 display: block;
 margin: 1rem 0;
 padding: 0.75rem 2rem;
 text-decoration: none;
 background-color: #444;
 color: #fff;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
 font-size: 1rem;
 text-align: center;
}

.orderdone_fp:hover {
 background-color: #666;
}

A.orderdone_fp {
 color: #fff;
}
A.orderdone_fp:hover {
 color: #fff;
}

table.onlinepay {
 background-color: #fff;
}

table.onlinepay >tbody>tr>td {
 padding: 2px;
 border: none;
}

table.onlinepay >tbody>tr>td.onlinepay_title {
 font-size: 0.9rem;
 text-decoration:none;
 color:black;
 font-weight:bold;
 text-align: center;
 color: black;
 background-color: #ccd8de;
 padding: 0.6rem 1rem;
 border-bottom: 0.6rem solid #fff;
}

.onlinepay_head {
 font-size: 1rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
 text-align: left;
 vertical-align: top;
}

.onlinepay_text {
 font-size: 0.9rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
 text-align: left;
 vertical-align: top;
}

table.onlinepay form.payform {
 display: block;
 margin: 0.8rem 0 0.4rem 0;
}

.onlinepay_dopay, A.onlinepay_dopay, A.onlinepay_dopay:link, A.onlinepay_dopay:visited {
 display: inline-block;
 padding: 0.3rem;
 font-size: 1rem;
 text-decoration:none;
 color:#004000;
 font-weight:normal;
 text-align: left;
 border-radius: 2px;
}

A.onlinepay_dopay:hover {
 font-size: 1rem;
 text-decoration:none;
 color:#020;
 font-weight:normal;
 text-align: left;
 box-shadow: 0 0 4px 4px rgba(100, 100, 100, 0.3);
 background-color: #f6f6f6;
}

table.onlinepay input.paybutton {
 border-radius: 2px;
 padding: 4px;
}

table.onlinepay input.paybutton:hover {
 box-shadow: 0 0 4px 4px rgba(100, 100, 100, 0.3);
}

.onlinepay_error {
 font-size: 1rem;
 text-decoration:none;
 color:black;
 font-size: 1.25rem;
 font-weight:bold;
 text-align: left;
 background-color: #f0f0e0;
 border-color: #ccc;
 border-width: 1px 0 0 1px;
 border-style: solid;
 margin: 1rem;
 padding: 1rem 2rem;
 border-radius: 0.15rem;
}

.pgroupitem i.separator {
 display: inline-block;
 margin: 0 0.75rem;
 color: #000;
}

.p_table_header_box {
 text-align: left;
 margin: 0 0 0.6rem 0;
}

.p_table_header_imgbox {
 width: 100%;
 margin: 1rem 0;
}
.p_table_header_imgbox>img {
 display: block;
 width: 100%;
 height: auto;
}

.p_table_header, .p_table_header_box h1, .p_table_header_box h2.group,
.gvheader h1, .gvheader h1>a
{
 font-size: 1.125rem;
 text-decoration:none;
 color:black;
 font-weight:bold;
 font-style: normal;
}
.p_table_header_box h1,
.p_table_header_box h2,
.gvheader h1 {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
}
.p_table_header_box h2.group {
 font-size: 0.9rem;
 font-weight: normal;
}

.p_table_header > a,
.p_table_header_box h1 > a,
.p_table_header_box h1 > .pgroupitem > a,
.p_table_header_box h2.group,
.p_table_header_box h2 > a,
.p_table_header_box h2 > .pgroupitem > a,
.p_table_header_box h2 > span
{
 text-decoration: none;
 font-size: 1.125rem;
 font-weight: bold;
 color: #048;
}
.p_table_header_box h2.group,
.p_table_header_box h2 > span {
 color: #000;
}
.p_table_header > a:hover,
.p_table_header_box h1 > a:hover,
.p_table_header_box h1 > .pgroupitem > a:hover,
.p_table_header_box h2 > a:hover,
.p_table_header_box h2 > .pgroupitem > a:hover {
 text-decoration: underline;
}

.p_table_header_box h1 > .pgroupitem,
.p_table_header_box h2 > .pgroupitem {
 white-space: nowrap;
}

.pgroupitem .pgroup {
 white-space: normal;
}

table.orderc {
 border-collapse: collapse;
 width: 100%;
}

i.favbox {
 font-family: FontAwesome;
 font-weight: normal;
 font-style: normal;
 display: inline-block;
}

i.favadd:before {
 content: "\f006";
 color: #777;
}
i.favrem:before {
 content: "\f005";
 color: #080;
}

.productsheet {
 background-color: #fff;
 margin: 1rem;
 padding: 1rem;
}

.productsheet h1 {
 display: inline-block;
 margin: 0;
 padding: 0;
 font-size: 1.5rem;
 text-align: left;
 font-weight: bold;
}

.productsheet >.header>.group {
 font-size: 0.9rem;
 margin: 0 0 0.25rem 0.25rem;
 color: #000;
}
.productsheet >.header>.group a {
 text-decoration: none;
 color: #000;
}
.productsheet >.header>.group a:hover {
 text-decoration: underline;
}

div.productsheet>div.header>div.group>span.psgroup {
 display: inline-block;
}

div.productsheet>div.header>div.group>span.psgroup::first-letter
{
 text-transform: uppercase;
}

.productsheet>.mainbox {
 display: block;
 background-color: #fff;
 padding: 0;
 border-radius: 8px;
}

.productsheet>.mainbox>.mainrow {
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 align-items: flex-start;
 flex-wrap: wrap;
 width: 100%;
 margin: 2.5rem 0 3.2rem 0;
}

.productsheet>.mainbox>.mainrow>.col1,
.productsheet>.mainbox>.mainrow>.col2 {
 flex: 1 1 auto;
 vertical-align: top;

}
.productsheet>.mainbox>.mainrow>.col1 {
 position: relative;
 text-align: center;
}
.productsheet>.mainbox>.mainrow>.col2 {
 padding-left: 5%;
}

.productsheet>.mainbox>.mainrow>.col1>.imagebox {
 margin: 1.8rem 0 0 0;
}

.productsheet>.mainbox>.mainrow>.col1>.imagebox>img {
 display: block;
}

.productsheet>.mainbox>.mainrow>.col1>.imagebox>img.empty {
 background-color: #ddd;
}

.productsheet>.mainbox>.mainrow .pdfboxouter {
 margin: 1rem 0;
}

.productsheet>.mainbox>.mainrow .pdfbox {
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 align-items: center;
 margin: 0.3rem 0;
 color: #888;
}

.productsheet>.mainbox>.mainrow .pdfbox a.ps_b_pdf {
 color: #000;
 text-decoration: none;
 padding: 0.25rem 1rem;
}
.productsheet>.mainbox>.mainrow .pdfbox a.ps_b_pdf i.fa {
 display: inline-block;
 margin: 0 0.5rem 0 0;
 vertical-align: bottom;
 color: #c00;
 background-color: #fff;
 padding: 0.15rem;
 border-radius: 50%;
}

.productsheet>.mainbox>.mainrow .pdfbox a.ps_b_pdf:hover i.fa {
 color: #fff;
 background-color: #31a6ff;
 box-shadow: 1px 1px 2px #31a6ff, -1px -1px 2px #31a6ff, -1px 1px 2px #31a6ff, 1px -1px 2px #31a6ff;
}

.productsheet .backbox {
 display: block;
 margin: 2rem 0 0 0;
}
.productsheet .backbox>a {
 color: #444;
 text-decoration: none;
 padding: 0.4rem 1rem 0.4rem 0;
 border-radius: 0.1rem;
}

.productsheet .backbox>a:hover {
 box-shadow: 0 0 0.2rem 0.2rem #31a6ff;
 background-color: #e4e4e8;
}

.productsheet>.mainbox>.mainrow>.col2>.pricebox {
 display: block;
 position: relative;
 text-align: left;
 vertical-align: top;
 margin: 0 0 0.6rem 0;
}

.productsheet>.mainbox>.mainrow>.col2>.pricebox>.pricetitle {
 display: inline-block;
 font-weight: 700;
 font-size: 1rem;
 color: #000;
 margin: 0 0.75rem 0 0;
}

.productsheet>.mainbox>.mainrow>.col2>.pricebox>.price {
 display: inline-block;
 position: relative;
 font-weight: 700;
 font-size: 1.75rem;
 color: #17569d;
}

.productsheet>.mainbox>.mainrow>.col2>.pricebox>.price>.priceovhA
{
 display: inline-block;
 position: absolute;
 right: 5rem;
 top: -1.5rem;
 font-weight: normal;
 font-size: 0.8rem;
 color: #888;
 margin: 0 0 0 0.5rem;
 text-decoration: line-through;
 white-space: nowrap;
}

.productsheet>.mainbox>.mainrow>.col2>.pricebox>.alvtxt
{
 display: inline-block;
 font-weight: normal;
 font-size: 0.8rem;
 color: #aaa;
 margin: 0 0 0 0.5rem;
}

.productsheet i.favbox {
 font-size: 2rem;
}

.productsheet i.favadd:before {
 color: #777;
}
.productsheet i.favrem:before {
 color: #5c7;
}

.productsheet>.mainbox>.mainrow>.col2>.pricebox>.favbox {
 display: inline-block;
 font-weight: normal;
 font-size: 0.8rem;
 color: #0457af;
 margin: 0 0 0 1.25rem;
 vertical-align: bottom;
 }

.productsheet>.mainbox>.mainrow>.col2>.pricebox>.favbox>a {
 display: inline-block;
}

.productsheet>.mainbox>.mainrow>.col2>.pricebox>.favbox>a>img
{
 display: inline-block;
 height: 2rem;
}

.productsheet>.mainbox>.mainrow>.col2>.cartbox {
 position: relative;
 text-align: center;
}

.productsheet>.mainbox>.mainrow>.col2>.cartbox>a.cart {
 display: block;
 padding: 0.5rem 1.5rem;
 margin: 1.25rem 1.25rem 0 0;
 background-color: #ff6416;
 color: #fff;
 font-size: 1.125rem;
 text-decoration: none;
 border-radius: 0.375rem;
 position: relative;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}

.productsheet>.mainbox>.mainrow>.col2>.cartbox>.favbox {
 position: absolute;
 top: 0.45rem;
 left: -2.25rem;
}

.productsheet>.mainbox>.mainrow>.col2>.saatavuusbox {
 margin: 0 0 1.25rem 0;
}

.productsheet>.mainbox>.mainrow>.col2>.saatavuusbox>h2,
.productsheet>.mainbox>.mainrow>.col2>.tuotetiedotbox>h2 {
 display: block;
 font-size: 1rem;
 font-weight: normal;
 color: #000;
 border-bottom: 1px solid #ccc;
 margin: 0 0 0.75rem 0;
}

.productsheet>.mainbox>.mainrow>.col2>.tuotetiedotbox {
 margin: 0;
 vertical-align: top;
}

.productsheet table.tuoteinfo {
 border-collapse: collapse;
 min-width: 80%;
}

.productsheet table.tuoteinfo td {
 font-size: 1rem;
 vertical-align: top;
}
.productsheet table.tuoteinfo td.ps_ds {
 width: 9rem;
}
.productsheet table.tuoteinfo td.ps_di {
}

.productsheet .cartqtybox,
.productsheet .offerqtybox {
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 margin: 0 0 2rem 0;
}

.productsheet .cartqtybox > div.qtybox,
.productsheet .offerqtybox > div.qtybox{
 display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: stretch;
 padding: 0 0.5rem 0 0;
 background-color: #2C4A7A;
}

.productsheet .cartqtybox > div.qtybox >input.cartqty,
.productsheet .offerqtybox > div.qtybox >input.offerqty {
 display: flex;
 flex-direction: row;
 justify-content: center;
 align-items: center;
 background-color: #2C4A7A;
 color: #fff;
 border: none;
 font-size: 1rem;
 width: 2rem;
 font-weight: bold;
}

.productsheet .cartqtybox > div.qtybox >input.cartqty::placeholder,
.productsheet .offerqtybox > div.qtybox >input.offerqty::placeholder {
 color: #fff;
 opacity: 1;
}

.productsheet .cartqtybox > div.qtyadjust,
.productsheet .offerqtybox > div.qtyadjust {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 align-items: stretch;
}

.productsheet .cartqtybox > div.qtyadjust > div,
.productsheet .offerqtybox > div.qtyadjust > div {
 flex: 1 0 auto;
 background-color: #258AFC;
 background-color: #688DC9;
 color: #fff;
 border-left: 1px solid #a8cff9;
 padding: 3px 5px;
 font-weight: bold;
 font-size: 1rem;
 text-align: center;
}

.productsheet .cartqtybox > div.qtyadjust > div.addcartqty,
.productsheet .offerqtybox > div.qtyadjust > div.addofferqty {
 border-bottom: 1px solid #a8cff9;
}

.productsheet .cartqtybox > div.qtyadjust > div.addcartqty:hover,
.productsheet .cartqtybox > div.qtyadjust > div.subcartqty:hover,
.productsheet .offerqtybox > div.qtyadjust > div.addofferqty:hover,
.productsheet .offerqtybox > div.qtyadjust > div.subofferqty:hover {
 background-color: #ffe;
 color: #880;
 cursor: pointer;
}

.productsheet .cartqtybox > div.cartbox,
.productsheet .offerqtybox > div.offerbox {
 background-color: #a8cff9;
 padding: 0;
}

.productsheet .cartqtybox a.addbutton,
.productsheet .offerqtybox a.offerbutton {
 display: flex;
 justify-content: center;
 align-items: center;
 color: #fff;
 background-color: #2C4A7A;
 font-size: 1rem;
 font-weight: bold;
 text-decoration: none;
 padding: 1rem 2.5rem;
 min-width: 14rem;
 white-space: nowrap;
 overflow: hidden;
}
.productsheet .cartqtybox a.offerbutton {
 background-color: #000060;
}

.productsheet .cartqtybox a.addbutton:hover {
 background-color: #6698CC;
 /*color: #000;*/
 text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.productsheet .cartqtybox a.offerbutton:hover {
  background-color: #00c;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.productsheet .imagebox a.enlarge,
.product .imgwrap a.enlarge {
 display: inline-block;
 text-align: left;
 font-size: 1.5rem;
 color: #666;
 text-decoration: none;
 padding: 0.4rem 0.6rem;
 border-radius: 0.3rem;
}
.productsheet .imagebox a.enlarge:hover,
.product .imgwrap a.enlarge:hover {
 box-shadow: 0 0 2px 1px #c7e0ff;
}

.productsheet .descbox {
 font-size: 1rem;
}

.product .imgwrap a.enlarge {
 position: absolute;
 top: -0.9rem;
 left: -1rem;
}

div.productsheet .videoscontainer {
 display: block;
}
div.productsheet .videoscontainer >.tubevideo {
 position: relative;
 padding-bottom: 56.25%; /* 16:9 */
 height: 0;
}
div.productsheet .videoscontainer >.tubevideo>iframe
{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

div.productsheet .qabox {
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 margin: 1rem 0 ;
}

div.productsheet .qabox >select.qa {
 margin: 1rem 1rem 1rem 0;
}
div.productsheet .qabox >select.qa>option {
}

div.productsheet a.pgroup {
 text-decoration: none;
 color: #154e86;
 white-space: nowrap;
 font-size: 1rem;
}

div.productsheet a.pgroup:hover {
 text-decoration: none;
 color: #127fea;
}

.pimagesliderbox {
 display: block;
 overflow: hidden;
 position: relative;
 padding: 0 0 1rem 0;
 width: 340px;
}
.pimagesliderbox ul.pimageslider,
.pimagesliderbox ul.pimageslider li {
 margin: 0;
 padding: 0;
 list-style: none;
}

.pimagesliderbox li.pimageitem {
 position: relative;
}

.pimagesliderbox li.pimageitem>img {
 /*width: 100%;*/
}

.pimagesliderbox:hover li.pimageitem>a.enlarge {
 opacity: 0.70;
}

.pimagesliderbox li.pimageitem>a.enlarge {
 position: absolute;
 top: 0;
 right: 0;
 z-index: 2;
 opacity: 0;
 background-color: #fff;
 padding: 0 0.2rem;
 border-radius: 0 0 0 0.3rem;
}

.pimagesliderbox li.pimageitem>a.enlarge:hover {
 opacity: 0.90;
}

.pimagesliderbox .scrollleft {
 display: inline-block;
 position: absolute;
 bottom: 5px;
 left: 10px;
}

.pimagesliderbox .scrollright {
 display: inline-block;
 position: absolute;
 bottom: 5px;
 right: 10px;
}

.pimagesliderbox a.scroll img {
 opacity: 0.4;
}

.pimagesliderbox a.scroll:hover img {
 opacity: 0.9;
}

.pimagesliderbox.slidernocontrols a.scroll {
 display: none;
}

.pimagesliderbox.sliderhascontrols a.scroll {
 display: none;
}

.pimagesliderbox.sliderhascontrols:hover a.scroll {
 display: inline-block;
}

table.customerinfo {
 border-collapse: collapse;
}

table.customerinfo >tbody>tr>td {
 border: 1px solid #ccc;
}

table.customerinfo >tbody>tr>td.reg_head {
 font-size: 1rem;
 padding: 0.5rem 1.25rem 0.8rem 0;
 border: none;
}

table.customerinfo >tbody>tr>td.regsend {
 font-size: 0.9rem;
 padding: 0.5rem 1.25rem 0.5rem 0.5rem;
 border: none;
}

table.customerinfo > tbody > tr > td.loginbox {
 padding: 0.5rem 0;
}

table.customerinfo > tbody > tr > td.loginbox td.reg_head2,
table.customerinfo > tbody > tr > td.loginbox td.reg_data {
 font-size: 1rem;
}
table.customerinfo > tbody > tr > td.loginbox td.reg_data {
 padding-left: 1.25rem;
 font-weight: bold;
}

table.customerinfo input.reg_submit {
 display: inline-block;
 margin: 1.25rem 0;
 font-size:0.9rem;
 font-weight: bold;
 padding: 0.25rem 1.25rem;
 color: #fff;
 background-color: #353A90;
 border: none;
 border-radius: 0.3rem;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

table.customerinfo input.reg_submit:hover {
 background-color: #7176cb;
}
div.helpbutton {
 display: inline-block;
 position: relative;
 font-size: 1.25rem;
 font-weight: bold;
 background-color: #acafda;
 color: #000;
 padding: 0.25rem 0.5rem 0.25rem 0.625rem;
 border-radius: 0.625rem;
 text-align: center;
 margin: 0 0 0 1.25rem;
}

div.helpbutton>.pwdhelpbox {
 display: none;
 position: absolute;
 bottom: 0;
 right: -2.5rem;
 width: 25rem;
 background-color: #ff8;
 padding: 0.625rem 1.25rem;
 color: #000;
 border-radius: 0.5rem;
 border: 1px solid #ccc;
 text-align: left;
 }
div.helpbutton:hover>.pwdhelpbox {
 display: block;
}

table.registerform {
 width: 38rem;
 border-collapse: collapse;
}
table.registerform >tbody>tr>td {
 border: 1px solid #ccc;
}
table.registerform >tbody>tr>td.reg_head {
 font-size: 1rem;
 padding: 0.4rem 0 0.4rem 0.5rem;
 background-color: #ccc;
}
table.registerform table.reglp {
 width: 100%;
 margin: 0.5rem 0 0.5rem;
}

div.samelinemsg {
 display: inline-block;
 background-color: #ff0;
 border: #ccc 1px solid;
 border-radius: 5px;
 color: #000;
 padding: 0.25rem 0.5rem;
 visibility: hidden;
}

div.cmbodyelement {
 background-color: #fff;
 padding: 0.7rem;
}

div.vieworder {
 text-align: left;
 font-size: 1rem;
 color: #000;
 margin: 0 20px 0 20px;
}

table.orderview {
 border-collapse: collapse;
 width: 100%;
}

table.orderview thead th {
 color: #666;
 font-size: 1rem;
 font-weight: normal;
 border: none;
 text-align: left;
 padding: 2px 8px;
 }

table.orderview thead th.right {
 text-align: right;
}

table.orderview tbody td {
 color: #000;
 font-size: 1rem;
 font-weight: normal;
 border: none;
 text-align: left;
 vertical-align: top;
 padding: 0.125rem 0.5rem;
}

table.orderview tbody td.nowrap {
 white-space: nowrap;
}

table.orderview tbody td.right {
 text-align: right;
}
table.orderview tbody td.center {
 text-align: center;
}

table.orderview tbody tr:nth-child(odd) {
 background-color: #fff;
}
table.orderview tbody tr:nth-child(even) {
 background-color: #eee;
}

table.orderview tbody tr:nth-child(odd):hover {
 background-color: #ccb;
}
table.orderview tbody tr:nth-child(even):hover {
 background-color: #ccb;
}

table.orderview tbody td>a.viewone {
 color: #a00;
 text-decoration: none;
 text-shadow: 0.5px 0.5px 0.5px rgba(255,255,255, 0.8);
}
table.orderview tbody td>a.viewone:hover {
 color: #f00;
 text-decoration: none;
}

.vieworder table.salesrows {
 border-collapse: collapse;
 width: 100%;
}

.vieworder table.salesrows th {
 font-size: 1rem;
 padding: 0 0.8rem;
 text-align: left;
}
.vieworder table.salesrows th.price,
.vieworder table.salesrows th.qty,
.vieworder table.salesrows th.sum {
 text-align: right;
}

div.vieworder table.salesrows > tbody > tr > td {
 vertical-align: top;
 padding: 0.125rem 0.8rem;
}

div.vieworder .qaitem {
 font-size: 0.9rem;
 color: #333;
}
div.vieworder .qaitem span {
 display: inline-block;
 white-space: nowrap;
}
div.vieworder .qaitem .qaname {
 min-width: 4rem;
}
div.vieworder .qaitem .qavalue {
}
div.vieworder .qaitem .qaprice {
 padding-left: 0.5rem;
 text-align: right;
 color: #777;
}

div.vieworder table.salesrows > tbody > tr > td.totalsum {
 font-size: 1.15rem;
 font-weight: normal;
 color: #600;
 white-space: nowrap;
}

div.vieworder table.salesrows a.code {
 color: #a00;
 text-decoration: none;
}
div.vieworder table.salesrows a.code:hover {
 color: #d00;
}

div.vieworder div.ohead div.title {
 font-size: 1.4rem;
 color: #000;
 font-weight: bold;
 border-bottom: 1px solid #ccc;
 padding: 0 0 0.25rem 0;
 margin: 0 0 0.25rem 0;
}

div.vieworder div.ohead {
 margin: 12px 0 16px 0;
 text-align: left;
 border-bottom: 1px solid #ccc;
 padding: 0 0 8px 0;
}

div.vieworder table.orderhead tr>td:first-child  {
 padding-right: 1.25rem;
}

.vieworder .subhead {
 font-size: 1rem;
 color: #000;
 font-weight: bold;
 margin: 0 0 6px 0;
}

.vieworder .subhead2 {
  font-size: 1rem;
  font-weight: bold;
  color: #444;
  margin: 0 0 6px 0;
}

.vieworder .sales {
  overflow-x: auto;
  overflow-y: hidden;
}

.vieworder div.delivery, .vieworder div.payment {
 margin: 0.75rem 0 1rem 0;
 border-top: 1px solid #ccc;
 padding: 0.5rem 0 0.5rem 0;
}

.vieworder div.payment .paymentaction {
 margin: 0;
 color: #040;
 margin: 0.5rem 0 0 0;
}

.vieworder div.payment .paymentaction .bankid {
 font-weight: bold;
}
.vieworder div.payment .paymentaction .bankid:first-letter {
 text-transform: capitalize;
}

.vieworder div.delivery .oaddresses {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.vieworder div.delivery div.badd {
 flex: 1 1 auto;
 display: inline-block;
 float: left;
 margin: 0.25rem 1rem 0.5rem 0;
 padding: 0.5rem 1rem 0.5rem 0.5rem;
}

.vieworder div.delivery div.dadd {
 flex: 1 1 auto;
 display: inline-block;
 margin: 0.25rem 0;
 padding: 0.5rem 0.5rem 0.25rem 0.5rem;
}

.vieworder div.delivery div.dadd:hover,
.vieworder div.delivery div.badd:hover,
.vieworder div.sales:hover {
}

.vieworder div.address {
 font-size: 1rem;
 font-weight: normal;
 margin: 0 0 0.4rem 0;
 color: #000;
 margin: 0.25rem 0 0.25rem 0;
 min-width: 16rem;
}

.vieworder div.address .addci {
 margin: 0.75rem 0 0 0;
 display: flex;
 flex-direction: column;
}

.vieworder div.address .addci .additem {
 flex: 1 1 auto;
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
}

.vieworder label.onerow {
display: inline-block;
 min-width: 13rem;
 margin: 0.5rem 0 0 0;
}
.vieworder .addci label.onerow {
 min-width: 6rem;
 margin: 0;
}
.vieworder .addci label.onerow + div {
 display: flex;
 flex-direction: row;
 width: auto;
 margin: 0 0 0 1rem;
}

.vieworder .extrainfo div {
 text-align: left;
 vertical-align: top;
}

.vieworder label.onerow+div {
 display: inline-block;
 font-weight: normal;
 font-size: 1rem;
 color: #000;
 margin-left: 0.75rem;
 width: 32rem;
 margin: 0.5rem 0 0 1rem;
}

.vieworder label.seprow {
 display: block;
 min-width: 6.5rem;
 margin: 0.5rem 0 0 0;
}

.vieworder .orderer,
.vieworder .extrainfo {
 margin: 0.75rem 0 1rem 0;
 border-top: 1px solid #ccc;
 padding: 0.5rem 0 0.5rem 0;
}

.vieworder .ohead .arrival {
 text-transform: capitalize;
}

.ordersummary,
.ordertailer {
 font-size: 1rem;
 font-weight: normal;
 text-align: left;
 margin: 0.75rem 0;
 padding: 0.75rem 0;
}

.ordertailer {
 position: relative;
 }

.ordertailer a {
 display: inline-block;
 padding: 3px 4px;
 border-radius: 5px;
}

.ordertailer .next {
 position: absolute;
 right: 0.35rem;
 margin: 0 0 0 2rem;
}

.ordertailer .prev {
 position: absolute;
 left: 0.35rem;
 margin: 0 2rem 0 0;
}

.ordertailer a.next,
.ordertailer a.prev {
 text-decoration: none;
 color: #a00;
}

.ordertailer a.next:hover,
.ordertailer a.prev:hover {
 text-decoration: none;
 color: #c00;
 box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

div.logoffboxfailedcontainer {
 display: block;
 text-align: center;
}

div.logofffailed {
 display: inline-block;
 background-color: #ddd;
 border: 2px solid #300;
 border-radius: 0.35rem;
 padding: 1rem 4rem;
 margin: 1rem;
 text-decoration: none;
 color: #000;
 font-size: 1rem;
 font-weight: bold;
}

div.logoffanyway a.forcelogoff {
 display: inline-block;
 text-decoration: none;
 color: #fff;
 font-size: 1rem;
 font-weight: bold;
 background-color: #c00;
 border: 2px solid #f80;
 border-radius: 5px;
 padding: 0.5rem 1.25rem;
 margin: 1rem;
}

div.logoffanyway a.forcelogoff:hover {
 background-color: #f00;
 border: 2px solid #840;
}

div.orderstatyear {
 display: inline-block;
 margin: 0.75rem;
 padding: 0.75rem;
 background-color: #eee;
 box-shadow: 0.25rem 0.25rem 0.25rem rgba(0,0,0,0.5);
}

div.orderstatyear table {
 font-size: 1rem;
 color: #000;
 border-collapse: collapse;
 min-width: 12.5rem;
}

div.orderstatyear table thead th {
 padding: 0.125rem 0.25rem;
 border: 1px solid #999;
 color: #800;
 text-align: center;
}

div.orderstatyear table tbody td {
 padding: 0.125rem 0.25rem;
 border: 1px solid #999;
}

div.orderstatyear table tbody td.s,
div.orderstatyear table tbody td.num {
 text-align: right;
}
div.orderstatyear table tbody td.m {
 text-align: center;
}

div.orderstatyear table tbody td.t {
 color: #800;
}

td.name .infodata {
 color: #444;
 font-size: 0.85rem;
}

input.infoedit {
 font-size: 0.85rem;
 display: block;
 margin: 3px 0 2px 0;
 border-radius: 4px;
 border: 1px solid #4cafe0;
 box-shadow: 0 0 2px 1px #4cafe0;
}

div.lsregisterbox {
 text-align: left;
}

#lsregister {
}

#lsregister h1 {
 display: inline-block;
 font-size: 1.4rem;
 font-weight: bold;
 color: #048;
}

#lsregister .upperpart {
 margin: 1rem 0 1.5rem 1rem;
}

#lsregister #logininfo,
#lsregister .pwinfo {
 display: inline-block;
 font-size: 0.8rem;
 color: #666;
 margin: 0 0 0 0.5rem;
}

#lsregister .upperpart .passcontainer {
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 align-items: flex-start;
 flex-wrap: wrap;
}

#lsregister .upperpart .passcontainer .askpw {
 margin: 0;
}

#lsregister .regitem {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: flex-start;
 align-items: center;
 margin: 0.2rem 0;
}

#lsregister .regitem.nowrap {
 flex-wrap: nowrap;
}

#lsregister .regitem.allowemail label,
#lsregister .regitem.allowphone label {
 min-width: 17rem;
}

#lsregister .incon {
 display: flex;
 flex-direction: row;
 flex-wrap: nowrap;
 align-items: center;
}
#lsregister .incon.aligninput {
 margin-left: 9rem;
}
#lsregister .incon.aligninput>input {
 margin-right: 1rem;
}

#lsregister .incon>.checkbox {
 margin-left: 0.5rem;
}

#lsregister div.mark {
 display: inline-block;
 margin: 0 0.25rem;
}
#lsregister div.reqmark {
 color: #a00;
}
#lsregister div.badmark {
 color: #f00;
}
#lsregister div.goodmark {
 color: #0a0;
}

#lsregister div.sendcontainer {
 display: block;
 text-align: center;
 max-width: 30rem;
}

#lsregister .sendcontainer .sendbutton {
 display: inline-block;
 margin: 1.3rem 1rem;
 padding: 0.75rem 4rem;
 background-color: #08f;
 font-size: 1.25rem;
 color: #fff;
 text-shadow: 0.5px 0.5px 0.5px #222222;
 border-radius: 0.25rem;
 border: none;
}

#lsregister .sendcontainer .sendbutton:hover {
 background-color: #048;
}

#lsregister .sendcontainer .error {
 margin: 1rem;
 padding: 1rem;
 background-color: #fc0;
 color: #000;
 border-radius: 0.25rem;
}

#lsregister #updatepwdbutton {
 display: inline-block;
 margin: 0.5rem 0;
 padding: 0.5rem 1.4rem;
 color: #fff;
 text-shadow: 0.5px 0.5px 0.5px #222222;
 border-radius: 0.25rem;
 border: none;
}

#lsregister #updatepwdbutton.disabledpwd {
 background-color: #a8a8a8;
}

#lsregister #updatepwdbutton.enabledpwd {
 background-color: #080;
}
#lsregister #updatepwdbutton.enabledpwd:hover {
 background-color: #0d0;
}

div.jxregokbox {
 display: inline-block;
 margin: 1rem;
 padding: 1rem;
 background-color: #08f;
 font-size: 1rem;
 color: #fff;
 border-radius: 0.5rem;
 min-width: 25rem;
}

div.jxregokbox h1 {
 font-size: 1.125rem;
 font-weight: bold;
 font-style: normal;
 color: #fff;
 border: none;
 margin: 0 0 0.5rem 0;
}

div.jxregokbox div.pwd .pwdtxt {
 display: inline-block;
 font-weight: normal;
}

div.jxregokbox div.info {
 font-size: 1rem;
}

div.jxregokbox div.info .email {
 display: inline-block;
 margin: 0 0.25rem;
}

div.jxregokbox a {
 color: #fff;
}

div.emailconfirmedcontainer {
 text-align: center;
 }

div.emailconfirmedcontainer .emailconfirmedbox {
 display: inline-block;
 margin: 1rem;
 padding: 1rem;
 background-color: #08f;
 font-size: 110%;
 color: #fff;
 border-radius: 0.5rem;
 min-width: 25rem;
 }

div.emailconfirmedcontainer .emailconfirmedbox h1 {
 font-size: 120%;
 font-weight: bold;
 text-decoration: none;
 color: #fff;
 border: none;
 text-shadow: 0.5px 0.5px 0.5px #222222;
}

div.emailconfirmedcontainer .emailconfirmedbox p {
 color: #fff;
 font-style: normal;
 font-size: 1rem;
}

div.emailconfirmedcontainer .emailconfirmedbox a.loginbutton {
 display: inline-block;
 margin: 1.3rem 1rem;
 padding: 0.5rem 1rem;
 background-color: #048;
 color: #fff;
 text-shadow: 0.5px 0.5px 0.5px #222222;
 border-radius: 0.25rem;
 border: none;
 text-decoration: none;
}

div.emailconfirmedcontainer .emailconfirmedbox a.loginbutton:hover {
 background-color: #ff0;
 color: #000;
 text-shadow: none;
}

.register label,
.register span.label,
.upperpart label,
.upperpart span.label {
 display: inline-block;
 min-width: 9rem;
}

.register input,
.upperpart input,
.register .fvalue,
.upperpart .fvalue {
 display: inline-block;
 margin: 0.2rem 0;
}

.register .registerbasics {
 margin: 1rem 0 0 1rem;
}

.register .subsection,
.register .address {
 margin: 1rem 0 1rem 1rem;
}

.register .subtitle,
.register .address .addresstitle {
 font-size: 1.1rem;
 color: #048;
 margin: 0 0 0.5rem -1rem;
}

.lsregisterbox .orderhistorybox {
 margin: 1rem 0;
}
.lsregisterbox .orderhistorybox a.orderhistory {
 padding: 0.5rem 1rem;
 background-color: #08f;
 color: #fff;
 font-size: 1rem;
 text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
 text-decoration: none;
 border-radius: 0.25rem;
}
.lsregisterbox .orderhistorybox a.orderhistory:hover {
 background-color: #048;
}

.thregisterbox #lsregister .passwdbox {
 display: none;
}
.thregisterbox #lsregister .sendcontainer {
 display: none;
}

.thregisterbox #lsregister .mark {
 display: none;
}

table.p_list {
 width: 100%;
}

.p_list_table tbody tr.p_list_row:nth-child(odd),
table.p_list tbody tr.p_list_row:nth-child(odd){
 background-color: #ffffff;
}
.p_list_table tbody tr.p_list_row:nth-child(even),
table.p_list tbody tr.p_list_row:nth-child(even){
 background-color: #f8f8f8;
}
.p_list_table tbody tr.p_list_row:hover,
table.p_list tbody tr.p_list_row:hover{
 background-color: #fff088;
}
.p_list_title_code {
 font-size: 1rem;
 text-decoration:none;
 color:#444;
 font-weight:bold;
 width: 1rem;
}
.p_list_title_name {
 font-size: 1rem;
 text-decoration:none;
 color:#444;
 font-weight:bold;
}

span.p_list_title_price {
 font-size: 1rem;
 text-decoration:none;
 color:#444;
 font-weight:bold;
 padding-right: 1rem;
 padding-left: 1rem;
}

td.p_list_title_price, th.p_list_title_price {
 text-align: right;
 white-space: nowrap;
 padding-right: 1rem;
}
th.p_list_title_price a {
 color: #000;
 text-decoration: none
}
th.p_list_title_price a:hover{
 color: #c00;
 text-decoration: none
}

td.p_list_prop {
 width: 1rem;
}

.p_list_prop {
 font-size: 1rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
 padding-left: 0.25rem;
 text-align: right;
}

TD.p_list_title_code,
TD.p_list_code
{
 padding-left: 0.75rem;
 white-space: nowrap;
}

TH.p_list_title_name,
TD.p_list_name {
 padding-left: 1rem;
}

.p_list_code {
 font-size: 1rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
}

.p_list_name {
 font-size: 1rem;
 text-decoration:none;
 color:black;
 font-weight:bold;
}

A.p_list_name:hover {
 color: #c00;
}

td.p_list_price {
 text-align: right;
 white-space: nowrap;
 width: 1rem;
 padding-right: 1rem;
 padding-left: 1rem;
}

.p_list_price {
 font-size: 1rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
}

.p_list_price span.price0 {
 position:relative;
}

.p_list_price span.price0 > span.priceA {
 display: none;
}

.p_list_price span.price0:hover>span.priceA {
  display:block;
  position:absolute;
  top:-6px;
  left:-6em;
  width:12em;
  border:1px solid #aa8800;
  background-color:#ffc;
  color:#000;
  text-align: center;
  padding:4px 8px;
  white-space:nowrap;
  z-index:2;
}

.p_list_more, .p_list_info {
 font-size: 1rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
 padding-left: 4px;
}
td.p_list_info {
 text-align: center;
}
a.p_list_info {
 display: inline-block;
 margin: 0 1rem 0 1rem;
 color: #000;
}

.p_list .tocartbox {
 margin: 0 0 0 0.5rem;
 min-height: 1em;
 white-space: nowrap;
}

.p_list .tocartbox.empty {
 padding: 4px 0;
}

.p_list .p_list_row input.cartqty {
 font-size: 0.9rem;
 width: 2.5rem;
 border: 1px solid #ccc;
 padding: 0.1rem 0 0.1rem 0.4rem;
 background-color: #ffc;
}

.p_list .p_list_row a.addbutton {
 display: inline-block;
 padding: 0.2rem 0.5rem;
 background-color: #eee;
 color: #444;
 font-size: 1.1rem;
 font-weight: bold;
 border-radius: 0.25rem;
 text-decoration: none;
 margin: 0 0 0 0.5rem;
}

.p_list .p_list_row a.addbutton:hover {
 background-color: #fc0;
 color: #000;
 text-shadow: none;
}

TD.p_list_fav {
 width: 1rem;
 padding: 0;
}

A.p_list_fav {
 display: inline-block;
 font-size: 1rem;
 text-decoration:none;
 color:black;
 font-weight:normal;
 padding: 0 0.4rem;
}
A.p_list_fav:hover {
}

.p_list_fav i.favbox {
 font-family: FontAwesome;
 font-weight: normal;
 font-style: normal;
 display: inline-block;
 padding-right: 5px;
}

.p_list_fav i.favadd:before {
 content: "\f006";
 color: #777;
}
.p_list_fav i.favrem:before {
 content: "\f005";
 color: #080;
}

.p_list_prop > .cstxt {
 position: relative;
}

.p_list_prop > .cstxt > .csel {
 display: none;
 position: absolute;
 top:1rem;
 right:0;
 border:1px solid #448;
 background-color:#ffc;
 color:#000;
 text-align: center;
 padding: 0.75rem 1rem;
 white-space: nowrap;
 z-index: 2;
}

td.p_list_pdf {
 width: 1rem;
}
a.p_list_pdf {
 display: inline-block;
 padding: 0 0.5rem;
 color: #000;
}
a.p_list_pdf:hover {
 color: #005;
}

.p_list_selbox {
 font-size: 1rem;
 text-align: center;
}

.plist_childs {
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 align-items: center;
}

.plist_childs .selrow {
 margin: 0.5rem 0;
}

.plist_childs .actions {
 display: flex;
 flex-direction: row;
 justify-content: space-between;
 width: 100%;
}

.plist_childs .plist_child_price {
 display: block;
 font-size: 1.25rem;
 font-weight: bold;
 margin: 0.25rem 0 0.5rem;
}

.plist_childs .close > a {
 display: block;
 font-size: 1.1rem;
 color: #222;
 margin: 0 0.75rem;
}
.plist_childs .close > a:hover {
 color: #c00;
}

.plist_childs .cart > a {
 display: block;
 font-size: 1.1rem;
 color: #060;
 margin: 0 0.75rem;
}

.plist_childs .cart > a:hover {
 color: #0a0;
}

.searchcontainer {
}

.searchcontainer .search_title {
 margin: 1rem 0;
 padding: 1rem;
 background-color: #ddd;

border-radius: 0.5rem 0.5rem 0 0;
}

.searchcontainer .search_title i {
 color: #040;
}

.xnlogininfo {
  padding: 1rem 2.5rem;
  margin: 0.625rem 2rem;
  background-color: #fff;
  color: #000;
  border-radius: 0.5rem;
  font-size: 1rem;
  max-width: 25rem;
}
.xnlogininfo .uibasic {
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 margin: 0 0 1rem 0;
}
.xnlogininfo >.xnuserinfobox>.uibasic>.uithead {
  margin: 0 0 1rem 0;
  font-size: 1.3rem;
  border-bottom: 1px solid #ccc;
}
.xnlogininfo .uidrow {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: flex-start;
}

.xnlogininfo .uibasic label.uit {
 display: block;
 margin: 0 1rem 0 0;
 min-width: 5rem;
}

.xnlogininfo >.xnuserinfobox>a {
  display: block;
  color: #000;
  text-decoration: none;
  padding: 0.3rem 1rem;
  border-radius: 3px;
}
.xnlogininfo >.xnuserinfobox>a.logoff {
  margin-top: 1rem;
}
.xnlogininfo >.xnuserinfobox>a:hover {
  background-color: #08f;
  color: #fff;
}
.xnlogininfo >.xnuserinfobox>a.logoff:hover {
  background-color: #941616;
}

.news_box {
 background-color: #f8f8f8;
 margin: 1rem 0 2rem 0;
 border-radius: 0.8rem;
 padding: 1.2rem 1.8rem;
}
.news_date {
 font-size: 0.9rem;
 color: #060;
}

.news_heading {
 font-size: 1.2rem;
 font-weight: bold;
}
.news_item {
 font-size: 1rem;
 font-weight: 400;
}

img.paytrailimg {
 display: block;
 border: none;
}
img.paytrailimg.wide {
 display: block;
 width: 100%;
 max-width: 880px;
 height: auto;
 margin: 1rem 0.5rem;
}
img.paytrailimg.narrow {
 display: none;
 width: 100%;
 max-width: 575px;
 height: auto;
 margin: 0.5rem 0.2rem;
}

.paymentsbox {
 margin: 1rem 0 1rem 0;
}
.paymentsbox .paymentshead {
 font-size: 1.75rem;
}

.paymentsbox .paytrailinfobox {
 display: flex;
 flex-direction: column;
 margin: 1rem;
}

.paymentsbox .paytrailinfobox .paytrailinfohead {
 font-size: 1.5rem;
}

.paymentsbox .paytrailinfobox .paytraininfoline {
 display: flex;
 flex-direction: row;
}
.paymentsbox .paytrailinfobox .paytraininfoline label {
 min-width: 10rem;
}

.choosepaymentbox .choosepayment {
 margin: 0;
 font-size: 1.5rem;
}

.paytrailterms {
 margin: 0.5rem 0;
}
.paytrailterms a {
 color: #006;
 text-decoration: none;
}
.paytrailterms a:hover {
 color: #060;
}
.paytrailterms a:after {
 display: inline-block;
 margin-left: 0.3rem;
 content: "\00BB";
}

.paytrailmethods {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 justify-content: flex-start;
 gap: 1rem 3rem;
 margin: 1rem 0 0 0;
}
.paytrailmethods form {
 display: flex;
 flex: 0 1 auto;
}
.paytrailmethods form button {
 display: block;
 background-color: #e9e9ed;
 border: 1px solid #888;
 border-radius: 0.25rem;
}
.paytrailmethods form button:hover {
 background-color: #f8f8f4;
}

.paytrailmethods form button>img {
 display: block;
 min-width: 12rem;
 padding: 0.25rem 1rem;
}

div.paymethods {
 font-size: 1rem;
 margin: 0 0 0.75rem 0rem;
}
div.paymethodgroup {
 margin-left: 4.25rem;
 color: #060;
}
div.paymethodgroup .groupname {
 color: #222;
}

.seloste {
 text-align: left;
}
.seloste H1 {
 font-size: 24px;
 font-weight: bold;
}
.seloste H2 {
 font-size: 20px;
 font-weight: bold;
}
.seloste H3 {
 font-size: 18px;
 font-weight: bold;
}
.seloste .osoite {
 margin: 1rem 0;
}
.seloste .osoite .rivi {
}
.seloste .osoite .rivi .label {
 display: inline-block;
 margin: 0 1rem 0 0;
 min-width: 8rem;
}

.giftinfobox,
.giftinusebox
{
 display: none;
 margin: 1rem 0;
 padding: 1rem;
 background-color: #fe8;
 border-radius: 0.5rem;
 max-width: 30rem;
}
.giftinusebox {
 background-color: #fff;
 border: 3px solid #600;
}

.giftinusebox > .gib,
.giftinfobox > .gib {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
}

.giftinusebox > .gib > label,
.giftinfobox > .gib > label {
 margin: 0 1rem 0 0;
 min-width: 9rem;
}

.giftinusebox .inusemsg {
 margin: 1rem 0 0 0;
 color: #222;
}

.giftcardbox .transbox {
 margin: 1rem 0;
}
.giftcardbox .transbox .item {
 display: flex;
 flex-direction: column;
 margin: 1rem 0;
 padding: 1rem;
 background-color: #eee;
 border-radius: 0.5rem;
 max-width: 30rem;
}
.giftcardbox .transbox .item .row {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
}
.giftcardbox .transbox .item .row>label{
 margin: 0 1rem 0 0;
 min-width: 8rem;
}

.giftcardbox .giftmessagebox {
  display: none;
  margin: 1rem 0;
  padding: 1rem;
  background-color: #b9dead;
  border-radius: 0.5rem;
  max-width: 30rem;
}