@charset "UTF-8";
.hidden{display:none!important}
@keyframes fadeout{from{opacity:1}to{opacity:0}}
.fadeMeOut{animation-name:fadeout;animation-duration:2.5s;animation-fill-mode:forwards}
#landingScreen{background-color:#80000000;position:fixed;display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:5}
#landingScreenLogoContainer{text-align:center}
#landingScreenLogo{cursor:pointer;width:400px;user-select:none}
h2{margin-top:0;padding-top:0;line-height:1}
.bigProductImage{width:100%;height:auto}
.mediumProductImage{width:55%;height:auto}
body{padding:0;margin:0}
p{font-size:16px}
#productTemplate{display:none}
table{border-collapse:collapse;width:100%}
table tr{padding:0}
table th,table td{padding-top:0;padding-bottom:0;text-align:center;vertical-align:top;width:50%;margin:auto}
.bottom-logo{z-index:3;padding:20px;right:0;bottom:0;width:150px;position:fixed;height:150px}
.emailsub{z-index:3;width:200px;top:25px;right:0;position:fixed;padding:0}
.maincolumn{z-index:1;top:160px;position:relative;max-width:800px;background:#fff;text-align:left;margin:auto;padding:"0px"}
.centero{z-index:2;padding:0;width:100%;background:#fff;top:0;left:0;position:fixed;border-bottom:1px solid #000;padding-bottom:0;padding-top:0;text-align:center}
#announcementArea{font-style:italic;padding:2px 0;margin-bottom:0;margin-top:12px;background-color:#fff}
#announcementAreaScrollContainer{margin:0 auto;white-space:nowrap;overflow:hidden}
#announcementAreaScrollingText{color:#000;-moz-transform:translateX(50%);-webkit-transform:translateX(50%);transform:translateX(50%);-moz-animation:my-animation 28s linear infinite;-webkit-animation:my-animation 28s linear infinite;animation:my-animation 28s linear infinite}
@-moz-keyframes my-animation{from{-moz-transform:translateX(100%)}to{-moz-transform:translateX(-100%)}}
@-webkit-keyframes my-animation{from{-webkit-transform:translateX(100%)}to{-webkit-transform:translateX(-100%)}}
@keyframes my-animation{from{-moz-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%)}to{-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);transform:translateX(-100%)}}
.subsub{display:none}
.rowlink::before{content:"";display:block;position:absolute;left:0;width:100%;height:1.5em}
.mobile-title{display:none}
.halfbr { display:block; height:0.5em; }
.productImageThumbnail{cursor:pointer;width:80px}
.cart{vertical-align:bottom;margin-bottom:0}
.narrow-form{width:100%;max-width:100%;margin:0 auto}
@media screen and (min-width:801px){.narrow-form{width:530px;margin:0 auto}}
.divider{position:relative;height:0;margin-top:30px;padding-bottom:20px}
.divider::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(0,0,0,0),#000 30%,#000 70%,rgba(0,0,0,0));pointer-events:none;transform:translateZ(0)}
.slides img{width:100%;margin:auto}
.column{float:left;width:70px;margin-top:0;padding-left:23px}
.slide-thumbnail{height:80px;cursor:pointer}
.desktop-title{padding-left:20px;padding-top:0}
html{cursor:url("/img/cursor.png") 0 12,auto}
@media screen and (max-width:800px){
  table td{display:block;width:90%}
}
@media screen and (max-width:800px){
  .emailsub{display:none}
  .maincolumn{top:170px;width:100%}
  .bottom-logo{width:80px;height:80px;position:fixed}
  .subsub{display:contents}
  .button{width:135px}
  .desktop-title{display:none}
  .centero{position:absolute}
  .mobile-title{display:contents;padding:0}
}
#emailAddress{text-align:center;margin-top:0;padding-bottom:80px}
.highlightForTesting{background-color:#ff3e5e}

/* form specifics */
h1{text-align:center}
.submit-wrapper{text-align:center;margin-top:20px}

.narrow-form textarea{width:100%;box-sizing:border-box;padding:5px;border:1px solid #000;background:#fff;resize:none}
.narrow-form textarea.small{height:25px;line-height:1.2}
.narrow-form textarea.medium{height:calc(1.2em * 3 + 10px);line-height:1.2}

.narrow-form input[type="text"],
.narrow-form input[type="number"],
.narrow-form input[type="date"]{width:100%;height:25px;box-sizing:border-box;padding:5px;border:1px solid #000;background:#fff}

.shared-row{display:grid;grid-template-columns:1fr;gap:6px;margin:0 0 12px 0;align-items:start}
.shared-row>label{margin:0}

.shared-row:has(#editionnumber),
.shared-row:has(#height),
.shared-row:has(#buydate),
.shared-row:has(#buyprice),
.shared-row:has(#name),
.shared-row:has(#email){display:inline-grid;width:calc(50% - 6px);vertical-align:top}

.shared-row:has(#editionnumber),
.shared-row:has(#buydate),
.shared-row:has(#name){margin-right:12px}

.shared-row:has(#editionnumber){grid-template-columns:1fr auto 1fr;gap:5px;align-items:center}
.shared-row:has(#editionnumber) label[for="editionnumber"]{grid-column:1/-1}
#editionnumber{grid-column:1}
.shared-row:has(#editionnumber) label[for="editionsize"]{grid-column:2;text-align:center}
#editionsize{grid-column:3}

.shared-row.dims{grid-template-columns:1fr auto 1fr auto;gap:5px;align-items:center}
.shared-row.dims label[for="height"]{grid-column:1/-1}
.shared-row.dims #height{grid-column:1;height:25px;line-height:1.2}
.shared-row.dims label[for="width"]{grid-column:2;text-align:center}
.shared-row.dims #width{grid-column:3;height:25px;line-height:1.2}
.shared-row.dims #units{grid-column:4;height:25px;padding:0 5px;border:1px solid #000;background:#fff}

.shared-row.price{grid-template-columns:auto 1fr;gap:5px;align-items:center;font-size:0}
.shared-row.price>label{grid-column:1/-1;grid-row:1;font-size:16px}
.shared-row.price::before{content:"£";grid-column:1;grid-row:2;font-size:16px;line-height:25px}
.shared-row.price>input{grid-column:2;grid-row:2;font-size:16px}

@media screen and (max-width:800px){
  .shared-row:has(#editionnumber),
  .shared-row:has(#height),
  .shared-row:has(#buydate),
  .shared-row:has(#buyprice),
  .shared-row:has(#name),
  .shared-row:has(#email){display:grid;width:100%;margin-right:0}
}