* {box-sizing:border-box}

.slideshow-container { max-width: 600px; position: relative; margin: auto; }
.mySlides { display: none;}
.prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; }
.next { right: 0; border-radius: 3px 0 0 3px; }
.prev { left: 0;}
.prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); }
.text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center;}
.numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; }
.dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease;}
.active, .dot:hover { background-color: #717171; }
.fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s;}
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
#modal { position: fixed; top: 0; left: 0; display: flex; align-items: center; height: 100vh; width: 100vw; z-index: 100; }
.bt-modal-frame { height: 480px; width: 440px; margin: auto; background-color: #f0f0ff; z-index: 2; border-radius: 6px; }
.bt-modal-body { height: 400px; margin: 0 20px; background-color: white; border: 1px solid lightgray; }
.bt-modal-header, .bt-modal-footer { height: 40px; text-align: center; line-height: 40px; }
.bt-mask { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: black; opacity: 0.8; }
.modalhidden{display:none!important}

table.center {margin-left:auto;margin-right:auto;font-family: 'Open Sans';font-weight: 600;}
table.center tr  td.copy {background-color: #6e716e; font-size: 1em; color: white;text-align: center;}
div.menudiv span {padding: 8px 45px;color: #6e716e;font-family: 'Open Sans';font-weight: 700;background-color: #f0f0f0;display: inline-block;font-size: 1em;cursor: pointer;}
div.menudiv span:hover {color: yellow;background-color: #3a58cb;}
div.menudiv span.s {color: red;}
div.menudiv span.s:hover {color: #cfc;}
span.mabut {padding: 8px 0px;color: #6e716e;font-family: 'Open Sans';font-weight: 700;display: inline-block;font-size: 1em;cursor: pointer;}
span.mabut:hover {color: #3a58cb;}
span.mabuts {padding: 8px 0px;color: red;font-family: 'Open Sans';font-weight: 700;display: inline-block;font-size: 1em;cursor: pointer;}
span.mabuts:hover {color: green;}
tr.hidden {visibility: collapse;display: none;}

table.leaflet {margin-left: auto;margin-right: auto;}
table.leaflet tr td {width: 350px;padding:24px;text-align: center;}
table.leaflet tr td:first-child {background-image: linear-gradient(white, #ccccff);}
table.leaflet div.h {color: #000140; font-weight: 700; font-size: 1.1em;}
table.leaflet div {font-size: 0.9em;padding: 4px 0px;}
a {color: #006ab4;text-decoration:none;cursor: pointer;}
a:hover {color: #ff7b54;}

table.hooktable {border-collapse: collapse; border: 1px solid black; text-align: center;font-size: 11pt}
table.hooktable td:nth-child(1) {color: #000080; font-weight: bold;}
table.hooktable tr:nth-child(1) td {color: #000080; font-weight: bold;}
table.hooktable tr td {padding:4px 23px 4px 23px;}
table.hooktable tr:nth-child(1n+2) td:nth-child(1n+2)  {cursor: pointer;}

div.pagediv {text-align: center;width: 800px;margin-left: auto;margin-right: auto;}

table.w800 {width: 800px;border: none;margin-left: auto;margin-right: auto;}
table.g tr td {padding: 6px 0px;}
table.w640 {width: 640px;border: none;margin-left: auto;margin-right: auto;}
table.w640 tr td {padding: 4px 0px;}

h3 {font-family: 'Open Sans', sans-serif;font-size: 1.5em;font-weight:800;text-align: center;color: #000180;margin-block-start: 0.1em;margin-block-end: 0.2em;}
h5 {font-family: 'Open Sans', sans-serif;font-size: 1.5em;font-weight:800;text-align: center;color: #7F0000;padding: 0px;margin:0px;margin-block-end: 0.2em;}
h6 {font-family: 'Open Sans', sans-serif;font-size: 1.5em;font-weight:700;text-align: center;padding: 0px;margin:0px; color: #000180;}
table.popupbox {border: 4px solid; border-color: #4040a0; background-color: #f0f0ff;border-radius: 16px; font-size: 10pt; font-family: 'Open Sans', sans-serif; color: black; width: 400px; border-spacing: 0px;}
td.popuphead {font-weight: 700;text-align: center; font-size: 1.2em;}
table.popupform tr td {padding: 2px 6px;}
table.popupform tr td:nth-child(1) {vertical-align:top;text-align: right;font-weight: 700;}
table.popupform tr td:nth-child(3) {vertical-align:top;text-align: right;font-weight: 700;}
table.popupformpq tr td {padding: 4px 8px 4px 8px;}
table.popupformpq tr td:nth-child(1) {vertical-align:top;text-align: right;}

input.popupformfield {font-family: 'Open Sans', sans-serif;color: black;font-size: 10pt;width: 180px;}
input.popupformfield2{font-family: 'Open Sans', sans-serif;color: black;font-size: 10pt;width: 140px;}
textarea.popupformfield {font-family: 'Open Sans', sans-serif;color: black;font-size: 10pt;width: 180px;}
textarea.popupformfield2{font-family: 'Open Sans', sans-serif;color: black;font-size: 10pt;width: 140px;}
span.pobutton {font-family: 'Open Sans', sans-serif;color: #00399b;font-weight: 700;font-size: 12pt;text-align: center;background-color:#ccccff;border-radius: 8px; padding: 4px 12px 4px 12px; border: solid 1px;margin: 8px 2px; display: inline-block;}
span.pobutton:hover {background-color: #000080; color: white;}
span.pobutton2 {font-family: 'Open Sans', sans-serif; color: #00399b; font-weight: 700; font-size: 10pt; text-align: right; background-color: #ccccff; border-radius: 6px; padding: 3px 10px 3px 10px; border: solid 1px; margin: 12px 2px 12px 2px; display: inline;}
span.pobutton2:hover {background-color: #000080; color: white;}
span.pobutton3 {font-family: 'Open Sans', sans-serif;color: #00399b;font-weight: 700;font-size: 12pt;text-align: center;background-color:#ccccff;border-radius: 8px; padding: 4px 12px 4px 12px; border: solid 1px;margin: 12px 2px 12px 2px; display: inline;}
span.pobutton3:hover {background-color: #000080; color: white;}
span.x {background-color: #00399b; color: white; font-weight: 700; border-radius: 10px; padding: 0px 6px; vertical-align: middle; font-size: 15; text-align: center; top: 6px; position: relative;padding-bottom: 2px;}
span.x:hover {background-color: black; color: white;}
table.hours {font-size: 10pt;background-color: white; border: solid 1px;border-radius: 4px;}
table.hours tr td:nth-child(1) {font-weight:700;text-align: left;padding: 4px 12px 4px 12px;}
table.hours tr td:nth-child(2) {font-weight:600;text-align: center;padding: 4px 12px 4px 12px;}
table.hours tr td {padding: 4px 12px 4px 12px;}

hr.shop {color: #606060;}
table.shopfooter {margin-left:auto;margin-right:auto;color: #404040;font-size: 8pt; }
table.shopfooter tr td {text-align: center;}
div.stub {border-radius: 4px;border: 1px solid rgba(0,0,0,.15);padding: 12px;margin-bottom: 4px;min-width: 130px;}
span.stub {border-radius: 4px;border: 1px solid rgba(0,0,0,.15);padding: 12px 4px;margin-bottom: 4px;min-width: 130px; display: inline-block;max-width: 172px;vertical-align: top;cursor: pointer;}
div.stubimg img {margin-left: auto;margin-right: auto;display: block;}
span.stubimg img {margin-left: auto;margin-right: auto;display: block;}
div.stubtit {text-align: center;color: blue;font-size: 10pt;padding: 6px 0px 6px 0px;}
div.stubtit:hover {text-align: center;color: #000080;font-size: 10pt;padding: 6px 0px 6px 0px;}
span.stubtit {text-align: center;color: blue;font-size: 10pt;padding: 6px 0px 6px 0px;display: block;}
span.stubtit:hover {text-align: center;color: #000080;font-size: 10pt;padding: 6px 0px 6px 0px;display: block;}
div.stubprice {text-align: center;color: #606060;font-size: 10pt;}
span.stubprice {text-align: center;color: #606060;font-size: 10pt;display: block;}
div.stubcart {text-align: center;padding: 6px 0px 0px 0px;}
div.prodtitle {text-align: center;font-weight: 700;font-size: 20pt;color: #404040;padding-bottom: 12px;}
img.proddets {transition: transform 0.5s;margin-right: 20px;float: left;z-index: 3;width: auto;height: 110px;}
img.proddets:hover {transform: scale(2);}
img.prodstub {transition: transform .5s;width: auto;height: 80px;z-index: 3;}
img.prodstub:hover {transform: scale(1.875);}

table.price {width: 640px;font-weight: 700;color: #404040;font-size: 12pt;margin-left: auto;margin-right: auto;}
table.price tr td:nth-child(1) {text-align: left;width: 210px}
table.price tr td:nth-child(2) {text-align: center;width: 220px;}
table.price tr td:nth-child(3) {text-align: right;width: 210px;}
table.price tr td {padding: 0px 0px 16px 0px;}

td.price {font-weight: 700;color: #404040;text-align: right;font-size: 12pt;}
table.options {font-weight: 700;color: #404040;margin-left: auto;margin-right:auto;}
table.options tr td:nth-child(1) {padding-right: 20px;text-align: right;}
table.options tr td:nth-child(2) {text-align: left;}


table.pricing {border: solid 1px #999999;border-collapse: collapse;margin-left: auto;margin-right: auto;}
table.pricing tr:nth-child(1) td {font-weight: bold; text-align: center;}
/* table.pricing tr:nth-child(n+1) td:nth-child(even) {text-align: right;padding-right: 18px;} */
table.pricing tr td {padding:4px 18px 4px 18px;border: solid 1px #999999;text-align: right;}
/* table.pricing tr:nth-child(n+1) td:nth-child(1) {text-align: right;padding-right: 18px;} */
table.pricing tr:nth-child(1n+2) {cursor: pointer;}

tr.pricingr1 td {font-weight: bold; text-align: center;}
span.shopbut {display: inline-block;padding: 5px 10px; font-size: 11pt; font-weight: 600;text-align: center;border: none;border-radius: 3.5px;background-color: #337ab7;color: white;cursor: pointer;}
span.shopbut:hover {background-color: #00399b;}
span.smshopbut {display: inline-block;padding: 5px 10px 6px 10px;font-size: 0.8em;font-weight: 600;text-align: center;border: none;border-radius: 6px;background-color: #6e716e;color: white;cursor: pointer;}
span.smshopbut:hover {background-color: #00399b;}
a.smshopbut {display: inline-block;padding: 4px 8px; font-size: 8.5pt; font-weight: 600;text-align: center;border: none;border-radius: 3px;background-color: #337ab7;color: white;cursor: pointer;}
a.smshopbut:hover {background-color: #00399b;}
span.shopbutghost {display: inline-block;padding: 5px 10px; font-size: 11pt; font-weight: 600;text-align: center;border: none;border-radius: 3.5px;background-color: #99bcdb;color: white;}
span.stxt  {display: inline-block;padding: 4px 8px 4px 0px; font-size: 8.5pt; font-weight: 700;text-align: center;border: none;border-radius: 3px;background-color: white;color: black;}
span.option {display: inline-block;}
input.option {} /* text fields used in colour selection, don't style for now. */
div.popupnote {position: fixed; left:50%;margin-left:-480px;top: 125px;border-collapse: collapse;border: none;z-index: 3;width: 960px;}
span.addtb {
    padding: 8px 20px;background-color: #449;font-family: 'Open Sans', sans-serif;font-size: 1em;font-weight:700;color: white;border-radius: 6px;position: absolute;top: 18px;right: 10px;z-index: 3;
	-webkit-animation: fadeinout 6s linear forwards;
    animation: fadeinout 6s linear forwards;
}
@-webkit-keyframes fadeinout {
  0%,100% { opacity: 0; }
  25% { opacity: 1; }
  75% { opacity: 1; }
}
@keyframes fadeinout {
  0%,100% { opacity: 0; }
  25%,75% { opacity: 1; }
}
span.basketcontents {position: relative;border-radius: 24px;border: solid 1px;font-size: 0.8em;font-weight: 700;padding: 4px 10px;background-color: #449;color: white;z-index: 3;top: 10px;right: 35px;}
span.hidden {visibility: collapse;display: none;}

img.binicon {position: absolute;cursor: pointer;}
img.binicon:hover {content:url("/images/bin-o.gif")}

table.basket {margin-left: auto;margin-right:auto; font-weight: 600;padding: 16px;font-size: 10pt;}
table.basket tr:nth-child(1) {font-weight: 700;}
/* table.basket tr td:nth-child(1) {width: 100%;} */
table.basket tr td:nth-child(2) {text-align: right;}
table.basket tr td:nth-child(3) {text-align: center;padding: 0px 4px;}
table.basket tr td:nth-child(4) {text-align: right;}
table.basket tr td:nth-child(5) {vertical-align: middle;padding-left: 0px;}
table.basket tr td {}

td.basket_linetot {text-align: right;font-weight: 700;}
input.qtynum {font-family: 'Open Sans', sans-serif;font-size: 9pt;width: 40px;text-align: right;background-color: #fff6eb; color: #400000;font-weight: 700;margin-bottom: -4px;}
input.qtynum:focus {background-color: #ffffca;}
select.basket {font-family: 'Open Sans', sans-serif;font-size: 9pt;background-color: #fff6eb; color: #400000;font-weight: 700;cursor: pointer;}
select.basket:focus {background-color: #ffffca;}
input.basket {font-family: 'Open Sans', sans-serif;font-size: 9pt;background-color: #fff6eb; color: #400000;font-weight: 700;}
input.basket:focus {background-color: #ffffca;}
input.ubasket {color: #000090;font-family: 'Open Sans', sans-serif;font-size: 9pt;font-weight: 700; width: 90px;border-radius: 4px;}
input.ubasket:focus {background-color: #e5e5ff;}
select.ubasket {color: #000090;font-family: 'Open Sans', sans-serif;font-size: 9pt;font-weight: 700;border-radius: 4px;}
select.ubasket:focus {background-color: #e5e5ff;}
table.underbasket {margin-left: auto;margin-right: auto;}
table.underbasket tr td {vertical-align: middle;padding: 10px 4px 10px 4px;}

table.checkout {margin-left:auto;margin-right:auto;font-size: 0.9em; background-color: #f0fff0; border-radius: 6px; padding: 6px; border: solid 1px #999;}
table.checkout tr:nth-child(1) td {font-weight: bold;text-align: center; padding: 4px;padding-top: 0px;}
/* table.checkout tr:nth-child(9) td:nth-child(1) {font-weight: bold;text-align: center; padding: 4px;} */
table.checkout tr:nth-child(8) td {line-height: 1px; text-align: center; border-bottom: 1px solid #aaa; padding: 5px 0px 5px 0px;}
/* table.checkout tr:nth-child(16) td {line-height: 1px; text-align: center; border-bottom: 1px solid #aaa; padding: 5px 0px 5px 0px;}
table.checkout tr:nth-child(18) td {line-height: 1px; text-align: center; border-bottom: 1px solid #aaa; padding: 5px 0px 5px 0px;} */
table.checkout tr:not(:nth-child(1)) > td:nth-child(odd) {font-weight: bold;text-align: right;padding-right: 8px;vertical-align: top;width: 153px;}
table.checkout tr:not(:nth-child(1)) > td:nth-child(even) {padding-right: 24px;}

table.checkout tr td input[type=text] {border-radius: 4px;}
table.checkout tr td input[type=number] {border-radius: 4px;}
table.checkout tr td input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;}
table.checkout tr td textarea {border-radius: 4px;border: 2px solid;border-style: inset;width: 170px;}
table.checkout tr td select {border-radius: 4px;}
table.checkout tr td span {height: 19px;width: 170px;border: 2px solid;border-style: inset; border-radius: 4px; background-color: white;display: inline-block;}
table.checkout tr td {white-space: nowrap;}

td.checkhead {text-align:center;}
td.smallprint {text-align:center;font-size: 8pt;}

div.popupdets {position: fixed; left:50%; top: 50%; margin-top: -300px; margin-left: -300px; width:600px;z-index: 5;}
div.popupnote2 {position: fixed; left:50%; top: 50%; margin-top: -300px; margin-left: -200px; width:400px;z-index: 5;}
div.popup {position: absolute; left:50%;margin-left:-200px;top: 125px;font-family: 'Open Sans', sans-serif;font-weight: 700;color: black;border-collapse: collapse;border: none;z-index: 4;}

div.hlist {font-family: 'Open Sans', sans-serif;font-size: 16pt;font-weight:800;text-align: center;color: #7F0000;padding-bottom: 4px;}
div.subhlist {font-family: 'Open Sans', sans-serif;font-size: 14pt;font-weight:800;text-align: center;color: #000180;padding-bottom: 12px;}
div.header-text {font-family: 'Open Sans'; font-weight: 700; font-size: 1em;}

div.bt-modal-footer a {display: inline-block;padding: 4px 8px;font-size: 0.8em; font-weight: 600;text-align: center;border: none;border-radius: 3px;background-color: #337ab7;color: white;line-height: normal;font-family: 'Open Sans';}
div.bt-modal-footer a:hover {background-color: #00399b;}

/* <table class="loginbox">
<tr><td>Login</td></tr>
<tr><td><input name="uname" placeholder="Username" type="text" autofocus></td></tr>
<tr><td><input name="upass" placeholder="Password" type="text"></td></tr>
<tr><td><span class="loginbutton" onclick="popup(7)">Log In</span></td></tr>
</table>||libox| */

table.loginbox {border: solid 1px #aaa; border-radius: 6px;background-color: #eee;font-family: 'Open Sans', sans-serif;color:#444;text-align:center;font-size: 1.2em;margin-left: auto;margin-right: auto;position: relative;}
table.loginbox tr td input[type=text] {border-radius: 4px;margin: 4px 16px;font-size: 1em;width: 245px;}
table.loginbox tr td input[type=password] {border-radius: 4px;margin: 4px 16px;font-size: 1em;width: 200px;}
table.loginbox tr td textarea {border-radius: 4px;margin: 4px 16px;font-size: 1em;}
table.loginbox tr:nth-child(4) td span {font-family: 'Open Sans', sans-serif; color: #555; font-weight: 700; font-size: 0.8em; text-align: right; background-color: #fff; border-radius: 6px; padding: 3px 10px 3px 10px; border: solid 1px; display: inline-block;margin: 2px 0px 8px 0px;user-select: none;}
table.loginbox tr:nth-child(3) td span {font-family: 'Open Sans', sans-serif; color: #555; font-weight: 700; font-size: 0.8em; text-align: right; background-color: #fff; border-radius: 6px; padding: 3px 10px 3px 10px; border: solid 1px; display: inline-block;margin: 2px 0px 8px 0px;user-select: none;margin-right:16px;}
table.loginbox tr td span:hover {background-color: #000080; color: white;}
table.loginbox tr td a {position: absolute;top: 2px;right: 12px;font-size: 1em;}
table.loginbox tr td div {display: inline-block;width: 30px;}

#loginerror {color: red; text-align: center; font-size: 0.9em;position: relative;top: -6px;}
table.loginbox2 {border: solid 1px #aaa; border-radius: 6px;background-color: #eee;font-family: 'Open Sans', sans-serif;color:#444;text-align:center;font-size: 1.2em;position:relative; top: -100px;margin-left:auto;margin-right: auto;}
table.loginbox2 tr td input[type=text] {border-radius: 4px;margin: 4px 16px;font-size: 1em;}
table.loginbox2 tr td input[type=password] {border-radius: 4px;margin: 4px 16px;font-size: 1em;}
table.loginbox2 tr td textarea {border-radius: 4px;margin: 4px 16px;font-size: 1em; border-style: inset;border-width: 2px;border-color: #eee;border-top-color: #eee;border-right-color: white;border-bottom-color: white;border-left-color: #eee;width: -webkit-fill-available;margin: 0px 29px;}

table.loginbox2 tr td input[type=file] {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}

table.loginbox2 tr td span {font-family: 'Open Sans', sans-serif; color: #555; font-weight: 700; font-size: 0.8em; text-align: right; background-color: #fff; border-radius: 6px; padding: 3px 10px 3px 10px; border: solid 1px; display: inline-block;margin: 2px 0px 8px 0px;cursor: pointer;}
table.loginbox2 tr td span:hover {background-color: #000080; color: white;}
table.loginbox2 tr td a {position: absolute;top: 2px;right: 12px;font-size: 1em;}
table.myacc {width: 960px;}
table.tablebuttons {width: 100%;padding-left: 0px;padding-right: 0px;}
td.tablebutton3 {width: 33%;padding-left: 0px;padding-right: 0px;cursor: pointer;}
.tablebutton {margin-left: auto;margin-right: auto;}
#divgap {display: inline-block;width: 30px;}
table.pane {font-family: 'Open Sans', sans-serif;color: black;font-weight: normal;font-size: 9pt;vertical-align: top;background-color: #e6e6ff;}
table.pane2 {font-family: 'Open Sans', sans-serif;color: black;font-weight: normal;font-size: 10pt;vertical-align: top;background-color: #e6e6ff;table-layout: fixed;width: 1036px;border-collapse: collapse;}
table.pane2  td:nth-child(odd) {width: 204px;}
table.pane2  td:nth-child(even) {width: 298px;}
table.pane3 {font-family: 'Open Sans', sans-serif;color: black;font-weight: normal;font-size: 10pt;vertical-align: top;background-color: #e6e6ff;table-layout: fixed;width: 1036px;border-collapse: collapse;}
table.pane3 td {width: 25%;}
table.pane3 td img {display: block;margin: auto;}
tr.subheadingg td {background-color: #d9ffd9;font-family: 'Open Sans', sans-serif;color: black;font-weight: 700;font-size: 12pt;text-align: center;}

td.subheading {background-color: #6e716e;font-family: 'Open Sans', sans-serif;color: white;font-weight: 600;font-size: 12pt;text-align: center;}

td.subheadingg {background-color: #d9ffd9;font-family: 'Open Sans', sans-serif;color: black;font-weight: 700;font-size: 12pt;text-align: center;}
table.details {background-color: #f0f0f0;font-family: 'Open Sans', sans-serif;color: black;font-weight: normal;font-size: 8pt;vertical-align: top;}
td.dforms {font-family: 'Open Sans', sans-serif;color: black;font-weight: 700;font-size: 8pt;vertical-align: top;text-align: right;}
td.rform {font-family: 'Open Sans', sans-serif;color: black;font-weight: 800;font-size: 11pt;vertical-align: top;text-align: right;}
input.rform {font-family: 'Open Sans', sans-serif;color: black;font-weight: 700;font-size: 11pt;vertical-align: top;}
input.rfsub {font-family: 'Open Sans', sans-serif;color: black;font-weight: 700;font-size: 11pt;vertical-align: top;text-align: center;}
textarea.rform {font-family: 'Open Sans', sans-serif;color: black;font-weight: 700;font-size: 12pt;vertical-align: top;}
table.list {font-family: 'Open Sans', sans-serif;color: black;font-weight: normal;font-size: 9pt;vertical-align: top;background-color: #f2fff2;border-collapse: separate;border-spacing: 9px 2px;}
table.list tr td {font-family: 'Open Sans', sans-serif;color: black;font-weight: normal;font-size: 9pt;vertical-align: top;background-color: #f2fff2;border-collapse: separate;border-spacing: 9px 2px;}
table.list2 {font-family: 'Open Sans', sans-serif;color: black;font-weight: normal;font-size: 9pt;vertical-align: top;background-color: #f2fff2;border-collapse: separate;border-spacing: 9px 2px;margin-left: auto;margin-right:auto;}
table.list3 {font-family: 'Open Sans', sans-serif;color: black;font-weight: normal;font-size: 9pt;vertical-align: top;background-color: #f2fff2;border-collapse: separate;border-spacing: 9px 2px;margin-left: auto;margin-right:auto;}
table.list3 tr td:nth-child(1) {text-align: center;}
table.list3 tr td:nth-child(3) {text-align: center;}
table.list3 tr td:nth-child(4) {text-align: right;}
table.list3 tr td:nth-child(5) {text-align: right;}
table.list3 tr td:nth-child(6) {text-align: right;}
table.list3 tr td:nth-child(7) {text-align: right;}
table.list3 tr:nth-child(1) td {font-weight: 700;}
table.invoicelist {font-family: 'Open Sans', sans-serif;color: black;font-weight: normal;font-size: 9pt;vertical-align: top;background-color: #f2fff2;border-collapse: separate;border-spacing: 9px 2px;}
table.invoicelist tr td {font-family: 'Open Sans', sans-serif;color: black;font-weight: normal;font-size: 9pt;vertical-align: top;background-color: #f2fff2;border-collapse: separate;border-spacing: 9px 2px;}
table.invoicelist tr:nth-child(1) td {text-align: center;font-weight: 700;}
table.invoicelist tr:last-child td img {cursor: pointer;}
table.invoicelist tr:nth-child(1n+2) td {cursor: pointer;}
td.note {font-family: 'Open Sans', sans-serif;color: red;font-weight: 700;font-size: 8pt;text-align: center;}
td.mnote {font-family: 'Open Sans', sans-serif;color: #000099;font-size: 9pt;text-align: center;}
td.lhead {font-family: 'Open Sans', sans-serif;color: black;font-weight: 700;font-size: 9pt;text-align: center;}
td.listr {font-family: 'Open Sans', sans-serif;color: black;font-weight: normal;font-size: 8pt;vertical-align: top;background-color: #f2fff2;text-align: right}
table.nav {font-family: 'Open Sans', sans-serif;color: black;font-weight: 700;font-size: 8pt;text-align: center;}


table.cerror {border-collapse: collapse; border: 1px solid black; text-align: center;font-size: 11pt;margin-left: auto;margin-right: auto;}
table.cerror td:nth-child(1) {color: #000080; font-weight: bold;}
table.cerror tr td {padding:4px 24px 4px 24px;border: 1px solid black;}

table.cerrorsm {border-collapse: collapse; border: 1px solid black; text-align: center;font-size: 10pt;margin-left: auto;font-family: 'Open Sans', sans-serif;}
table.cerrorsm td:nth-child(1) {color: #000080; font-weight: bold;}
table.cerrorsm tr td {padding:4px 16px;border: 1px solid black;}

table.cardlist {margin-left:auto;margin-right:auto;font-size: 0.8em;background-color: ffffe0; border-radius: 3px; padding: 3px; border: solid 1px #999;}
table.checkoutd {margin-left:auto;margin-right:auto;font-size: 0.9em; background-color: f0fff0; border-radius: 6px; padding: 6px; border: solid 1px #999;}
div.errmsg {font-weight: 700;text-align: center; color: red;padding: 10px 0px;}
table.oconfp {width: 800px; margin-left: auto;margin-right: auto;font-size: 12pt;}
table.checkoutdp {margin-left:auto;margin-right:auto;font-size: 0.9em; border-radius: 6px; border: solid 1px black;font-size: 12pt; padding: 8px 16px; margin-top: 4px;}

table.basketp {margin-left: auto;margin-right:auto; border: solid 1px black;border-radius: 6px;font-weight: 600;padding: 18px;font-size: 11pt;}
table.basketp tr:nth-child(1) {font-weight: 700;}
table.basketp tr td:nth-child(1) {width: 100%;}
table.basketp tr td:nth-child(2) {text-align: right; min-width: 80px;}
table.basketp tr td:nth-child(3) {text-align: center; min-width: 46px;}
table.basketp tr td:nth-child(4) {text-align: right; min-width: 80px;}
table.basketp tr td {}

p.ptitle {font-family: 'Open Sans', sans-serif;font-size: 16pt;font-weight:700;padding: 0px;margin:0px; color: #000180;}
span.pgap {padding-right: 14px;}

table.sbaskets {border: none;border-collapse: collapse;margin-left: auto;margin-right: auto;}
table.sbaskets tr:nth-child(1) td {font-weight: bold; text-align: center; color: #2020e0}
table.sbaskets tr:nth-child(n+1) td:nth-child(1) {text-align: center;width: 85px;white-space: nowrap;}
table.sbaskets tr td {padding:4px 18px 4px 18px;border: solid 1px #999999;}
table.sbaskets tr td:last-child {border: none;}
table.sbaskets tr td:nth-child(2) {max-width: 291px;}

div.shopmessage {font-weight: 700; color: #900000;text-align: center;}
table.checkoutmain {margin-left:auto;margin-right:auto;font-size: 10pt; background-color: #f0fff0; border-radius: 6px; padding: 6px; border: solid 1px #999;}
table.checkoutmain tr td:nth-child(1) {font-weight: 700;text-align: right; padding-right: 12px;vertical-align: top;}
table.checkoutmain tr td input[type=text] {border-radius: 4px;}
table.checkoutmain tr td input[type=number] {border-radius: 4px;}
table.checkoutmain tr td input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;}
table.checkoutmain tr td textarea {border-radius: 4px;border: 2px solid;border-style: inset;width: 170px;}
table.checkoutmain tr td select {border-radius: 4px;}
table.checkoutmain tr td span {height: 19px;width: 170px;border: 2px solid;border-style: inset; border-radius: 4px; background-color: white;display: inline-block;}

tr.cdlhidden {visibility: collapse;display: none;}
td.formnote {text-align: center;font-size: 10pt;margin: 12px 2px 12px 2px;}

div.orderpane {position: absolute; left:50%;margin-left:-240px;top: 50px;font-family: Arial, Helvetica, sans-serif;color: black;border-collapse: collapse;border: none;z-index: 2;color:#444;}
table.orderpane {border: solid 1px #aaa; background-color: #eee;border-radius: 6px; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; color: black; width: 480px; border-spacing: 0px;}
#tdorderpane {text-align:center;font-size: 1.2em;font-family: 'Open Sans', sans-serif;}
table.orderpane tr td a {position: absolute;top: 2px;right: 12px;font-size: 1em;}
table.order {margin-top:20px;margin-left: auto;margin-right:auto;width: 400px;font-size: 10pt;border: solid 1px #666; background-color: white;}
p.ptitle2 {font-family: 'Open Sans', sans-serif;font-size: 10pt;font-weight:700;padding: 0px;margin:0px; color: #000180;}
table.cerrorsm2 {border-collapse: collapse; border: 1px solid black; text-align: center;font-size: 8pt;margin-left: auto;}
table.cerrorsm2 tr td:nth-child(1) {color: #000080; font-weight: bold;}
table.cerrorsm2 tr td {padding: 4px 16px;border: 1px solid black;}
table.checkoutdp2 {margin-left:auto;margin-right:auto; border-radius: 4px; border: solid 1px black;font-size: 9pt; padding: 6px 12px; margin-top: 3px;}
table.basketp2 {margin-left: auto;margin-right:auto; border: solid 1px black;border-radius: 6px;font-weight: 600;padding: 12px;font-size: 8pt;}
table.basketp2 tr:nth-child(1) {font-weight: bold;}
table.basketp2 tr td:nth-child(1) {width: 100%;}
table.basketp2 tr td:nth-child(2) {text-align: right; min-width: 55px;}
table.basketp2 tr td:nth-child(3) {text-align: center; min-width: 24px;}
table.basketp2 tr td:nth-child(4) {text-align: right; min-width: 55px;}
table.basketp2 tr td {}
hr.basket {-webkit-margin-before: 0.2em;-webkit-margin-after: 0.2em;}
td.errmsg {color: #A00; text-align: center; font-size: 0.8em;}

#bimg {cursor: pointer;}
a.link {cursor: pointer;}
#libox {position:absolute;top: 250px;width: 100%; z-index:4}
table.fpass {border: solid 1px #aaa; border-radius: 6px;background-color: #eee;font-family: 'Open Sans', sans-serif;color:#444;text-align:center;font-size: 1.2em;margin-left: auto;margin-right: auto;position: relative;}
table.fpass tr td input[type=text] {border-radius: 4px;margin: 4px 16px;font-size: 1em;width: 245px;}
table.fpass tr td span {font-family: 'Open Sans', sans-serif; color: #555; font-weight: 700; font-size: 0.8em; text-align: right; background-color: #fff; border-radius: 6px; padding: 3px 10px 3px 10px; border: solid 1px; display: inline-block;margin: 2px 0px 8px 0px;user-select: none;}
table.fpass tr td a {position: absolute;top: 2px;right: 12px;font-size: 1em;}
table.fpass tr:nth-child(4)  td {padding-bottom: 8px;}
table.fpass tr td div {display: inline-block;}

table.msgbox {border: solid 1px #aaa; border-radius: 6px;background-color: #eee;font-family: 'Open Sans', sans-serif;color:#444;text-align:center;font-size: 1.2em;margin-left: auto;margin-right: auto;position: relative;}
table.msgbox tr td a {position: absolute;top: 2px;right: 12px;font-size: 1em;}
table.msgbox tr:nth-child(2) td {padding: 16px;}