div.menudiv span {padding: 4px 25.7px 6px 25.7px;color: white;font-family: 'Open Sans';font-weight: 600;background-color: #5d75ff;display: inline-block;font-size: 1.3em;cursor: pointer;}
div.menudiv span:hover {color: yellow;background-color: #3a58cb;}
ul.hidden { display: none; }
ul.menu { position: absolute; z-index: 10; opacity: 0.9; list-style-type: none; top: 75px; padding: 0px; line-height: 1.8; font-size: 12pt; text-align: center; color: white; margin-left: -26px;}
ul.menu li {padding: 1px 16px; background-color: #2019f1;font-weight: 600}
ul.menu li:hover { color: black; background-color: yellow; }
ul.menu li:nth-child(1) {opacity: 0; height: 20px;}
ul.fw137 li {width: 137px;}
div.menudiv {width: 100%; min-width: 970px;}

table.bodyof {color: black;font-family: 'Open Sans', sans-serif;font-size: 11pt;font-weight:600;}
a {color: #000180;font-family: 'Open Sans', sans-serif;text-decoration: none;cursor: pointer;}
body {font-family: 'Open Sans', sans-serif;font-size: 11pt;font-weight:600;}
h2 {color: black;font-family: 'Open Sans', sans-serif;font-size: 11pt;font-weight:800;}
h3 {font-family: 'Open Sans', sans-serif;font-size: 18pt;font-weight:800;text-align: center;color: #000180;}
h4 {color: black;font-family: 'Open Sans', sans-serif;font-size: 18pt;font-weight:700;}
h5 {font-family: 'Open Sans', sans-serif;font-size: 18pt;font-weight:800;text-align: center;color: #7F0000;padding: 0px;margin:0px;}
h6 {font-family: 'Open Sans', sans-serif;font-size: 18pt;font-weight:700;text-align: center;padding: 0px;margin:0px; color: #000180;}
table.quality {color: black;font-family: 'Open Sans', sans-serif;font-size: 12pt;}
table.fpage {color: black;font-family: 'Open Sans', sans-serif;font-size: 12pt;}
table.fpage  tr td {padding: 6px 0px 6px 0px;}

a.reachlink {color: #000180;font-family: 'Open Sans', sans-serif;font-weight: 800;text-decoration: none;}
img.svg { display: none; }
img.png { display: inline; }
html.svg img.svg { display: inline; }
html.svg img.png { display: none; }

table.loginbox {background-image: url('/images/libox-bg.png');border: none;font-size: 10pt;font-family: 'Open Sans', sans-serif;color: black;width: 250px;height: 212px; border-spacing: 0px;padding: 0px;z-index: 6;}
table.loginmid {border: none;font-size: 10pt;font-family: 'Open Sans', sans-serif;color: black;height:205px;font-weight: 700; border-spacing: 0px;padding: 0px;}
input.logintext {opacity:0.725;background-color: white;color: black; width: 180px;}
td.lboxsm {font-family: 'Open Sans', sans-serif;color: black;font-size: 8pt;}
td.popupmsg {font-size: 10pt;font-family: 'Open Sans', sans-serif;color: black;font-weight: 700;text-align: center;}
table.msgbox {background-image: url('/images/msgbox.png');border: none;font-size: 10pt;font-family: 'Open Sans', sans-serif;color: black;width: 250px;height: 123px; border-spacing: 0px;padding: 0px;z-index:3;}
table.msgmid {border: none;font-size: 10pt;font-family: 'Open Sans', sans-serif;color: black;height:78px;font-weight: 700; border-spacing: 0px;padding: 0px;}

/* 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: 250px; border-spacing: 0px;} */

td.heading {background-color: #ccccff;font-family: 'Open Sans', sans-serif;color: black;font-weight: 700;font-size: 14pt;text-align: center;}
td.subheading {background-color: #d9d9ff;font-family: 'Open Sans', sans-serif;color: black;font-weight: 700;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: #e6e6ff;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;}
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.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;}

table.captable {font-family: 'Open Sans', sans-serif;color: black;font-weight: normal;font-size: 10pt;vertical-align: top;table-layout: fixed;width: 524px;border-collapse: collapse;text-align: center;}
table.captable  tr:nth-child(2n+1) td {background-color: #9999ff;}
table.captable  tr:nth-child(1) td {background-color: yellow;font-weight: 700;}
table.captable  tr:nth-child(2n) td {background-color: white;}
/* table.captable tr td:nth-child(1) {width: 100px;} */
table.captable tr td:nth-child(1) {white-space: nowrap;padding: 0px 6px;}

table.tablebuttons {width: 100%;padding-left: 0px;padding-right: 0px;}
td.tablebutton3 {width: 33%;padding-left: 0px;padding-right: 0px;}
.tablebutton {margin-left: auto;margin-right: auto;}

table.invoice {width: 480px;border: solid;border-width: 1px;background-color: #ffecd9;font-family: 'Open Sans', sans-serif;color: black;font-weight: 700;font-size: 8pt;text-align: left;margin-left:auto;margin-right:auto;position: relative;left: -119px;top: -50px;}
table.invoicebox {border: solid;border-width: 1px;font-family: 'Open Sans', sans-serif;color: black;font-size: 8pt;}
td.ihead {font-family: 'Open Sans', sans-serif;color: black;font-weight: 700;font-size: 8pt;text-align: left;}
td.iheadc {font-family: 'Open Sans', sans-serif;color: black;font-weight: 700;font-size: 8pt;text-align: center;}
td.invoicehead {font-family: 'Open Sans', sans-serif;color: black;font-weight: 700;font-size: 12pt;text-align: center;}
td.mon {font-family: 'Open Sans', sans-serif;color: black;font-size: 8pt;text-align: right;}
td.qty {font-family: 'Open Sans', sans-serif;color: black;font-size: 8pt;text-align: center;}
table.invoicels {width: 470px;border: none;font-family: 'Open Sans', sans-serif;color: black;font-size: 8pt;margin-left:auto;margin-right:auto;}
table.invoicels4 {width: 400px;border: none;font-family: 'Open Sans', sans-serif;color: black;font-size: 8pt;margin-left:auto;margin-right:auto;}
table.invbanner {width: 480px;font-family: 'Open Sans', sans-serif;color: black;font-size: 12pt;background-color: white;font-weight: 700;margin-left:auto;margin-right:auto;position: relative;left: -119px;top: -50px;}
td.ibanner {text-align: center;margin-left:auto;margin-right:auto;}

img.cbutton {margin-left: auto;margin-right: auto;}
table.errmsg {background-color: white;font-weight:bold;color: red;border-spacing: 8px 2px;}

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 24px 4px 24px;}

p.error {text-align: center;font-weight: bold; color: red;}
p.note {text-align: center;font-weight: bold; color: #000099;}
p.noter {text-align: right;font-weight: bold; color: #000099;}

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;}

/* table.popupbox {border: 4px solid;border-color: #999999;background-color: #e5e5e5;border-radius: 16px;font-size: 10pt;font-family: 'Open Sans', sans-serif; color: black;width: 400px; border-spacing: 0px;} */

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;}
table.popupboxb {border: 4px solid;border-color: #9999FF;background-color: #e5e5ff;border-radius: 16px;font-size: 10pt;font-family: 'Open Sans', sans-serif; color: black;width: 400px; border-spacing: 0px;}

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;}
td.popuphead {font-weight: 700;text-align: center;}
td.norm {color: black;font-family: 'Open Sans', sans-serif;font-size: 12pt;}

table.address {font-size: 16pt;background-color: white; border: solid 1px;padding: 5px 25px 5px 25px;color: #000099}

table.popupform tr td {padding: 4px 8px 4px 8px;}
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: 12px 2px 12px 2px; display: block;cursor: pointer;}
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;cursor: pointer;}
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;cursor: pointer;}
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;cursor: pointer;} */
/* span.x:hover {background-color: black; color: white;} */
span.x {background-color: #4040a0; color: #f0f0ff; font-weight: 600; border-radius: 10px; padding: 0px 6px 2px 6px; vertical-align: middle; font-size: 17px; text-align: center; top: 6px; position: relative; cursor: pointer;font-family: Arial, Helvetica, sans-serif;}
span.x:hover {background-color: black; color: #f0f0ff;}
span.x::after {content: "x";}

td.formnote {text-align: center;font-size: 10pt;margin: 12px 2px 12px 2px;}
td.idproof {text-align: center;font-size: 8pt;margin: 10px 2px 10px 2px;}
#slider {opacity:1;transition: opacity 1s;}
#slider.fadeOut {opacity:0;}
tr.hidden {visibility: collapse;display: none;}
div.figure {font-family: 'Open Sans', sans-serif;color: black;font-weight: 700;font-size: 8pt;text-align: center;}
table.menu {background-color: #E0E0FF;border-style: ridge;border-color: #D0D0FF;border-width: 1px;}
table.menu tr td {text-align: center; padding: 2px 0px 2px 0px;}
a.link2 {text-decoration:none;font-weight: 700;font-family: 'Open Sans', sans-serif;color: #00017F;font-size: 10pt;cursor: pointer;}
.link {cursor: pointer;}
td.headingc {font-family: 'Open Sans', sans-serif;color: black;font-weight: 700;font-size: 14pt;text-align: center;}
div.npage {font-family: 'Open Sans', sans-serif;color: #000099;font-weight: 800;font-size: 14pt;}
td.trh {color: #000099;font-weight: 700;}
table.fcanal tr td {font-family: 'Open Sans', sans-serif; padding: 2px 20px 2px 20px;}
table.fcanal tr td:nth-child(even) {text-align: right;}
td.smalltxt {font-family: 'Open Sans', sans-serif;font-size: 8pt;}
td.disclaimer {font-family: 'Open Sans', sans-serif;font-size: 8pt;text-align: center;}

table.fpagemisc {color: black;font-family: 'Open Sans', sans-serif;font-size: 12pt;}
table.fpagemisc  tr td {padding: 6px 0px 6px 0px;}
table.fpagemisc  tr td:nth-child(3) {padding-left: 20px;}
table.fpagemisc  tr td:nth-child(odd) {width: 192px;text-align: center;font-family: 'Open Sans', sans-serif;color: black;font-weight: 700;font-size: 8pt;vertical-align: top;}
table.fpagemisc  tr td:nth-child(even) {width: 288px;vertical-align: middle;}

img.svg {display: none;}
img.png {display: inline;}
html.svg img.svg {display: inline;}
html.svg img.png {display: none;}

table.smspec tr td {padding: 2px 20px 2px 20px;}
table.smspec tr td:nth-child(2) {text-align: center;}
table.smspec tr td:nth-child(3) {text-align: right;}

table.smspec2 tr td {padding: 2px 20px 2px 20px;}
table.smspec2 tr td:nth-child(2) {text-align: right;}

table.outro {table-layout: fixed;}
table.outro tr:nth-child(odd) td {padding: 6px 20px 6px 20px;text-align: center;width: 180px;vertical-align: middle;}
table.outro tr:nth-child(even) td  {padding: 6px 20px 26px 20px;text-align: center;width: 180px;vertical-align: top;}

table.hands {color: black;font-family: 'Open Sans', sans-serif;font-size: 12pt;}
table.hands tr td {padding: 6px 40px 6px 0px;vertical-align: top;}
table.hands tr td:nth-child(1):not(.fwidth) {padding-left: 80px; width: 280px;}

td.dbl {padding-left: 160px;}

table.hands2 {color: black;font-family: 'Open Sans', sans-serif;font-size: 12pt;}
table.hands2 tr td {padding: 6px 40px 6px 0px;vertical-align: top;}
table.hands2 tr td:nth-child(1) {padding-left: 80px; width: 180px;}

table.hands3 {color: black;font-family: 'Open Sans', sans-serif;font-size: 12pt;}
table.hands3 tr td {padding: 6px 40px 6px 0px;vertical-align: top;}
table.hands3 tr td:nth-child(1) {padding-left: 80px;}

table.hands4 {color: black;font-family: 'Open Sans', sans-serif;font-size: 12pt;}
table.hands4 tr td {padding: 6px 40px 6px 0px;vertical-align: top;}
table.hands4 tr td:nth-child(1) {padding-left: 60px; width: 100px;}


table.label {border-radius: 8px;border: 1px solid black;font-family: Arial, Helvetica, sans-serif;font-size: 10pt;padding: 10px 10px 10px 10px;}
table.label tr:nth-child(1) td {font-size: 20pt;text-align: center;font-weight: bold;}
table.label tr:nth-child(1n+2) td {padding: 1px 0px 1px 0px;}
table.label tr:nth-last-child(2) td {padding: 9px 0px 0px 0px;font-weight: bold;}
table.label tr:last-child td {padding: 9px 0px 0px 0px;}
tr.bigcaption td {font-family: 'Open Sans', sans-serif;color: black;font-weight: 700;font-size: 14pt;text-align: center;}

table.leaf {border-collapse: separate;border-spacing: 0px;background-color: white;}
table.leaf tr td {max-width: 150px;}
table.leaf tr:nth-child(1) td {border-radius:8px 8px 0px 0px;border: solid black;border-width: 1px 1px 0px 1px;}
span.leaf {width:150px; height:50px;display: block;cursor: pointer;}
table.leaf tr:nth-child(even) td {height: 50px;border: solid black;border-width: 0px 1px 0px 1px;}
table.leaf tr:nth-child(2n+3) td {font-size: 8pt;font-family: Arial, Helvetica, sans-serif; font-weight: bold;text-align: center;border: solid black;border-width: 0px 1px 0px 1px;}
table.leaf tr:last-child td {border-radius:0px 0px 8px 8px; height: 16px;border: solid black;border-width: 0px 1px 1px 1px;}

table.small {border-color: white;font-size: 8pt;font-family: Arial, Helvetica, sans-serif; font-weight: bold;text-align: center;}

div.leaf {position: absolute; left:50%;margin-left:-77px;top: 175px;font-family: 'Open Sans', sans-serif;font-weight: 700;color: black;z-index: 5;}
div.faqins {position: fixed; 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;}
table.faqtext {margin-left:auto;margin-right:auto;width: 376px;}
table.faqtext tr td {padding: 6px;}

div.colsheet {position: absolute; left:50%;margin-left:-305px;top: 225px;font-family: 'Open Sans', sans-serif;font-weight: 700;color: black;z-index: 6;}
table.colourbox {border: none;background-color: white;font-size: 14pt;font-family: 'Open Sans', sans-serif; color: black;width: 560px; border-spacing: 0px;font-weight: 700;margin-left: auto;margin-right: auto;}
table.colourbox tr:nth-child(1) td:nth-child(1) {width: 100px;height: 100px;margin: 10px;padding-left: 20px;}
table.colourbox tr:nth-child(2) td {width: 460px;}
span.swatch {width:80px; height:80px;display: block;}
table.colourlist {font-size: 10pt;font-family: 'Open Sans', sans-serif; color: black;width: 560px; margin-left: auto; margin-right: auto;background-color: white;}
table.colourlist tr td:nth-child(1) {white-space:nowrap;}
table.colourlist tr td:nth-child(2) {width: 100%;}
table.colourlist tr:not(.tid) td {padding-left: 20pt;}
div.swatchtext {line-height: 1.4;margin-left: 10px;}

tr.tid td {padding-left: 10pt;font-weight: 700;}
td.lrpad {padding-left:15px;padding-right:15px;}

table.rangeselect tr td {font-family: 'Open Sans', sans-serif;font-size: 12pt;font-weight:800;text-align: center;color: #000180;background-color: #ccccff;border-collapse: collapse; border: 1px solid black;margin: 40px;padding-left:40px;padding-right:40px;cursor: pointer;}
table.rangeselect2 tr td {font-family: 'Open Sans', sans-serif;font-size: 10pt;font-weight:700;text-align: center;color: #000180;background-color: #ccccff;border-collapse: collapse; border: 1px solid black;margin: 20px;padding-left:20px;padding-right:20px;cursor: pointer;}
table.rangeselect2 tr td:hover {background-color: #00399b;color: white;}

div.spot {}
div.spat {width: 57px;height: 57px; padding:9px;}
tr.spot td {}
tr.spot td div {width: 57px;height: 57px;border-radius: 50%;padding:9px;}
tr.spat td div {width: 57px;height: 38px;padding:9px;}
tr.spottxt td {font-size: 8pt;font-family: Arial, Helvetica, sans-serif; font-weight: bold;text-align: center;vertical-align: top;}

td.footer {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;word-wrap: break-word;padding: 16px;border: 1px solid;border-color: #004400;}

table.bookletpva {padding: 6px;background-color: #0088ff;}
table.bookletpva tr:nth-child(1) {background-color: white;}
table.bookletpva tr:nth-child(2) td {text-align:center; font-weight: 800; font-family: 'Open Sans', sans-serif; color: white; font-size: 48pt;}
table.bookletpva tr:nth-child(3) td:nth-child(1) {background-color: white;}
table.bookletpva tr:nth-child(6) td {text-align:center; font-weight: 600; font-family: 'Open Sans', sans-serif; color: black; font-size: 32pt;}

table.pvadilution {background-color: #88ccff;border: 1px solid black;table-layout: fixed;margin-left: auto;margin-right: auto;}
table.pvadilution tr:nth-child(1) td {font-weight: 700;}
table.pvadilution tr td {vertical-align: top;word-wrap: break-word;padding: 6px;}
table.pvadilution tr td:nth-child(1) {width: 154px; text-align: center;}
table.pvadilution tr td:nth-child(2) {width: 491px;}
table.pvadilution tr td:nth-child(3) {width: 99px; text-align: center;}

img.fatsurround {padding: 12px;border: 1px solid black;}
span.method {font-weight:700; color: #0088ff;}
ol.meths li { margin: 16px 0;}
ul.meths li { margin: 16px 0;}
ul.links li { cursor: pointer;}
ul.poolbull li { margin: 16px 0; color:#004040;}
td.q19banner {font-family: 'Open Sans', sans-serif;font-size: 24pt;font-weight:800;text-align: center;color: white;background-color:#2b4ca7;vertical-align: middle;height: 36px;}
td.fpbanner {font-family: 'Open Sans', sans-serif;font-size: 24pt;font-weight:800;text-align: center;color: white;background-color:#a7272b;vertical-align: middle;height: 36px;}
td.hibanner {font-family: 'Open Sans', sans-serif;font-size: 24pt;font-weight:800;text-align: center;color: #fffc00;background-color:#000140;vertical-align: middle;height: 36px;}
td.poolbanner {font-family: 'Open Sans', sans-serif;font-size: 24pt;font-weight:800;text-align: center;color: white;background-color:#004040;vertical-align: middle;height: 36px;}
td.poolibanner {font-family: 'Open Sans', sans-serif;font-size: 24pt;font-weight:800;text-align: center;color: #004040;background-color:white;vertical-align: middle;height: 36px;}
td.fibrebanner {font-family: 'Open Sans', sans-serif;font-size: 24pt;font-weight:800;text-align: center;color: white;background-color:#006000;vertical-align: middle;height: 36px;}
table.q19stamp {margin-left: auto;margin-right:auto;}
table.q19stamp tr td {border-color: #000140;font-size: 12pt;font-family: Arial, Helvetica, sans-serif;background-color:#dfe7ff;color: #112758;vertical-align: top;padding: 16px;border-width: 2px;border-style: solid;height: 180px;width: 480px;margin-left: auto;margin-right:auto;}
td.q19address {font-size: 12pt;font-family: Arial, Helvetica, sans-serif;font-weight: bold;text-align: center;color: #10275c;line-height: 20px;}
td.fphd  {font-weight:800;color:#a7272b;}
div.fphd  {font-weight:800;color:#a7272b;}
td.fpshd  {font-weight:700;color:black;}
td.fpt {font-weight:700;color:black;text-align: center;}
td.poolhd  {font-weight:800;color:#004040;}
table.fpcol {border-collapse: separate;}
table.fpcol tr:nth-child(odd) td {font-weight:700;color:#a7272b;text-align: center;vertical-align: middle;font-size: 11pt;border-spacing: 50px 0px;}
table.fpcol tr:nth-child(2) td {border-radius: 8pt;border: 1px solid black;border-spacing: 50px 0px;width:120px;height:48px;}
table.poolcol {border-collapse: separate;}
table.poolcol tr:nth-child(odd) td {font-weight:700;color:#004040;text-align: center;vertical-align: middle;font-size: 11pt;border-spacing: 50px 0px;}
table.poolcol tr:nth-child(2) td {border-radius: 8pt;border: 1px solid black;border-spacing: 50px 0px;width:200px;height:72px;}
table.poolstamp {margin-left: auto;margin-right:auto;}
table.poolstamp tr td {border-color: #000140;font-size: 12pt;font-family: Arial, Helvetica, sans-serif;background-color:#dfffff;color: #002f2f;vertical-align: top;padding: 16px;border-width: 2px;border-style: solid;height: 180px;width: 480px;margin-left: auto;margin-right:auto;}
p.normal {color: black;font-family: 'Open Sans', sans-serif;font-size: 12pt;font-weight: normal;}
div.normal {color: black;font-family: 'Open Sans', sans-serif;font-size: 12pt;font-weight: normal;}
table.center {margin-left:auto;margin-right:auto;}
td.center {text-align: center;}
td.middle {vertical-align: middle;}
table.warr {color: black;font-family: 'Times, Times New Roman, Georgia', serif;font-size: 12pt;font-weight: normal;}
table.warr  tr td {padding: 6px 0px 6px 0px;}
table.warrtab {color: black;font-family: 'Times, Times New Roman, Georgia', serif;font-size: 12pt;font-weight: normal;}
table.warrtab  tr td {padding: 0px 20px 0px 20px;vertical-align: top}
table.warrtab  tr:nth-child(1) td:nth-child(1n+2) {text-align: center;}
table.warrtab  tr:nth-child(1n+2) td:nth-child(1n+2) {text-align: right;}

td.warrhd {color: black;font-family: 'Times, Times New Roman, Georgia', serif;font-size: 24pt;font-weight: normal;text-align: center;}
td.warrshd {color: black;font-family: 'Times, Times New Roman, Georgia', serif;font-size: 14pt;font-weight: normal;text-align: center;}
td.warrbhd {color: black;font-family: 'Times, Times New Roman, Georgia', serif;font-size: 12pt;font-weight: normal;text-decoration: underline;}

table.myacc {border: none;padding: 0px;display: block; width: 960px;}
table.myacc::after {content: "";background: url('/images/ledger.png');opacity: 0.5;top: 120px;left: 0px;bottom: 0px;right: 0px;position: absolute;z-index: -1;background-repeat: no-repeat; border: none;background-position: center top;}

table.swatches {border-collapse: collapse;width: 100%;}
table.swatches tr td:nth-child(1) {width:12.5%;max-width:12.5%;word-wrap: break-word;vertical-align: bottom;text-align: center;height: 60px;border: 1px solid;}
table.swatches tr td {width:12.5%;max-width:12.5%;word-wrap: break-word;vertical-align: bottom;text-align: center;height: 60px;border: 1px solid;}
table.swatches tr td span {font-size: 8pt;text-align: center;background-color:white; color: black;font-weight: 700;width: 100%;vertical-align: bottom;max-width:100%;word-wrap: break-word;display:block;max-width:51px;width:51px}

.tooltip .tooltiptext {visibility: hidden;width: 120px;background-color: black;color: #fff;text-align: center;padding: 5px 0;border-radius: 6px;position: absolute;z-index: 5;}
.tooltip:hover .tooltiptext {visibility: visible;}

table.shop {max-width: 960px; margin-left:auto;margin-right:auto;}
table.shop > tr td {padding: 0px 10px 0px 10px;vertical-align: top;}
table.shop tr td {vertical-align: top;}

table.hidden {display: none;}
table.catlist {color: #337ab7;z-index: 0;position: relative;}
table.catlist tr td {padding: 5px 0px 5px 0px;position: relative;white-space: nowrap;cursor: pointer;}
table.subcatlist {color: #337ab7; border: 1px solid rgba(0,0,0,.15);z-index: 2; border-radius: 4px;box-shadow: 0 6px 12px rgba(0,0,0,.175); min-width:160px; background-clip: padding-box;position: absolute; top: 28px;left: 30px;background-color: white;}
table.subcatlist tr td {padding: 2px 4px 2px 4px;white-space: nowrap}

table.shopmiddle {width: 560px;}
table.shopmiddle tr td {padding: 6px 0px 6px 0px; font-size: 11pt;}

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;}
div.stubimg img {margin-left: auto;margin-right: auto;display: block;cursor: pointer;}
span.stubimg img {margin-left: auto;margin-right: auto;display: block;cursor: pointer;}
div.stubtit {text-align: center;color: blue;font-size: 10pt;padding: 6px 0px 6px 0px;cursor: pointer;}
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;cursor: pointer;}
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;cursor: pointer;}
span.stubprice {text-align: center;color: #606060;font-size: 10pt;display: block;cursor: pointer;}
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.proddets {transition: transform 1s;margin-right: 20px;float: left;z-index: 3;width: auto;height: 110px;}
img.proddets:hover {transform: scale(2) rotateY(360deg);} */

img.proddets-static {background-color: white;margin-right: 20px;float: left;}

hr.shop {color: #606060;}
table.shopfooter {margin-left:auto;margin-right:auto;color: #404040;font-size: 8pt; }
table.shopfooter tr td {text-align: center;}

table.price {width: 100%;font-weight: 700;color: #404040;font-size: 12pt;}
table.price tr td:nth-child(1) {text-align: left;}
table.price tr td:nth-child(2) {text-align: right;}
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 #AAA;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: 3px 12px;border: solid 1px #AAA;font-size: 0.9em;}
table.pricing tr:nth-child(n+1) td:nth-child(1) {text-align: right;padding-right: 18px;}

table.pricing3 {border: solid 1px #AAA;border-collapse: collapse;margin-left: auto;margin-right: auto;}
table.pricing3 tr:nth-child(1) td {font-weight: bold; text-align: center;}
table.pricing3 tr td {padding: 3px 12px;border: solid 1px #AAA;font-size: 0.9em;}
table.pricing3 tr:nth-child(n+1) td:nth-child(1) {text-align: right;padding-right: 18px;}
table.pricing3 tr:nth-child(n+1) td:nth-child(2) {text-align: center;}
table.pricing3 tr:nth-child(n+1) td:nth-child(3) {text-align: right;padding-right: 18px;}
table.pricing3 tr:nth-child(n+1) td:nth-child(4) {text-align: right;padding-right: 18px;}
table.pricing3 tr:nth-child(n+1) td:nth-child(5) {text-align: center;}
table.pricing3 tr:nth-child(n+1) td:nth-child(6) {text-align: right;padding-right: 18px;}

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: 4px 8px; font-size: 8.5pt; font-weight: 600;text-align: center;border: none;border-radius: 3px;background-color: #337ab7;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.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. */
table.swatchlist {margin-left: auto;margin-right: auto;border-spacing: 5px;background-color: white;}
table.swatchlist tr td {margin: 10px;}
table.swatchlist tr td:nth-child(1) {width:50px;height:50px;}
table.swatchlist tr td:nth-child(2) {width:267px;height:50px; vertical-align: middle; font-weight: 600;padding-left: 20px;}

table.sm_basket {border-radius: 4px;border: 1px solid rgba(0,0,0,.15);padding: 8px;margin-bottom: 4px;font-size: 10pt; width: 188px;background-image: url("/images/bwm.png");background-color: #e6e6ff;background-repeat: no-repeat;background-position: 50% 50%;cursor: pointer;}
table.sm_basket tr:nth-child(1) td {text-align: left;min-width: 130px;}
td.sm_basket_opt {text-align: center; font-size: 9pt;}
td.sm_basket_linetot {text-align: right;}

div.midbasket {} /* The auto popout mid-sized basket */

div.mid_basket_opt {text-align: center; font-size: 9pt;}

table.mid_basket {background-color:white; font-size: 10pt; border: solid 1px rgba(0,0,0,.15); border-radius: 4px; font-weight: 600;padding: 8px;z-index: 4;position: absolute; width: 400px;left: -206px;;background-image: url("/images/bwm.png");background-color: #e6e6ff;background-repeat: no-repeat;background-position: 50% 50%;cursor: pointer;}
table.mid_basket tr:nth-child(1) {font-weight: 700;}
table.mid_basket tr td:nth-child(2) {text-align: right;}
table.mid_basket tr td:nth-child(3) {text-align: center;}
table.mid_basket tr td:nth-child(4) {text-align: right;}
table.mid_basket tr td {padding: 0px 6px 0px 6px;}
td.mid_basket_linetot {text-align: right;}
span.mid_basket_opt {font-size: 9pt; margin-right: 16px;}

table.basket {margin-left: auto;margin-right:auto; border: solid 1px rgba(0,0,0,.3);border-radius: 4px;font-weight: 600;padding: 16px;background-color: #ffefef;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;}
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;}
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;}
input.searchbox {font-family: 'Open Sans', sans-serif;font-size: 9pt;background-color: #fff6eb; color: #400000;font-weight: 700;width: 88px;}
input.searchbox:focus {background-color: #ffffca;}

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;}

span.addtb {
    padding: 8px 20px;
	background-color: #449;
	font-family: 'Open Sans', sans-serif;font-size: 12pt;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;
}
div.popupnote {position: fixed; left:50%;margin-left:-480px;top: 125px;border-collapse: collapse;border: none;z-index: 3;width: 960px;}

@-webkit-keyframes fadeinout {
  0%,100% { opacity: 0; }
  25% { opacity: 1; }
  75% { opacity: 1; }
}

@keyframes fadeinout {
  0%,100% { opacity: 0; }
  25%,75% { opacity: 1; }
}

img.prodstub {transition: transform .5s;width: auto;height: 80px;z-index: 3;}
img.prodstub:hover {transform: scale(1.875);}

span.pages {border: solid 1px;border-radius: 4px;padding: 4px 10px;margin-left: 2px;margin-right: 2px;font-weight: 600;cursor: pointer;}
span.pages:hover {border: solid 1px #eee;background-color: #44f;color: white;font-weight: 700;}
span.pagessel {border: solid 1px;border-radius: 4px;padding: 4px 10px;margin-left: 2px;margin-right: 2px;font-weight: 700;cursor: context-menu;}
span.pagesgap {border: solid 1px;border-radius: 4px;padding: 4px 10px;margin-left: 2px;margin-right: 2px;visibility:hidden;}
span.dotdotdot {border: none;padding: 4px 10px;margin-left: 2px;margin-right: 2px;font-weight: 600;}
span.dotdotdotgap {border: none;padding: 4px 10px;margin-left: 2px;margin-right: 2px;font-weight: 600;visibility:hidden;}
div.smsubhlist {font-family: 'Open Sans', sans-serif;font-size: 10pt;font-weight:700;text-align: center;color: #000180;margin-top: 12px;}
div.alert {font-family: 'Open Sans', sans-serif;font-size: 12pt;font-weight:700;text-align: center;color: #900000;margin-bottom:6px;}
input.qtyo {width: 120px;}

div.pdocpopup {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: 7;}
div.pdocpopup tr > td {padding-left: 5px;padding-right: 5px;}
div.pdocpopup tr:nth-child(1) > td {padding-top: 3px;}
div.hidden {display: none;}
table.pdoclist {background-color: #F8FFF8;font-size: 12px;margin-bottom: 18px;font-weight: 600;}
table.pdoclist tr td {vertical-align: middle;}
table.popupdocbox {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;}
span.pobuttonb {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;cursor: pointer;}
span.pobuttonb:hover {background-color: #000080; color: white;}
a.herea {color: #ffff88; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; font-weight: 800;cursor:pointer;}

hr.basket {-webkit-margin-before: 0.2em;-webkit-margin-after: 0.2em;}

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:nth-child(1) {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 > td:nth-child(1) {font-weight: bold;text-align: right;padding-right: 12px;vertical-align: top;width: 153px;}
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;}
td.checkhead {text-align:center;}
td.smallprint {text-align:center;font-size: 8pt;}

table.listings {width: 960px;font-family: 'Open Sans', sans-serif;color: black;font-weight: normal;font-size: 9pt;vertical-align: top;background-color: #e6e6ff;border-spacing: 2px;}
table.listings tr:nth-child(odd) td:nth-child(1) {font-weight: bold;text-align: center;background-color: #d9d9ff;font-family: 'Open Sans', sans-serif;color: black;font-weight: 700;font-size: 12pt;text-align: center;}
table.listings tr td > div {width: 475px;display: inline-block;border-spacing: 2px;padding-left: auto;padding-right: auto;}
table.listings tr td > div > div:first-of-type {background-color: #d9ffd9;font-family: 'Open Sans', sans-serif;color: black;font-weight: 700;font-size: 12pt;text-align: center;display: block;}
table.listings tr td div {vertical-align: top;}
table.listings tr td {vertical-align: top;}

span.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;display: inline-block;padding: 4px 12px 4px 12px;}
span.list span {display: block;text-align: left;}
span.list span:nth-child(1) {font-weight: 700;margin-bottom: 4px;text-align: center;}
span.list span:last-child {margin-bottom: 6px;}

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;}

table.doclist {font-size: 10pt;}
table.doclist tr td:nth-child(1) {padding-right: 20px;}
table.doclist tr td:nth-child(2) {padding: 0px 20px;}
table.doclist tr td:nth-child(3) {padding: 0px 20px;}

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;}
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.checkout2 {margin-left:auto;margin-right:auto;font-size: 10pt;}
table.checkout2 tr:nth-child(1) td:nth-child(1) {font-weight: bold;vertical-align: top;}
table.checkout2 tr td:nth-child(1) {font-weight: bold;text-align: right;padding-right: 12px;vertical-align: top;min-width: 150px;}
table.checkout2 tr td input[type=text] {border-radius: 4px;}
table.checkout2 tr td input[type=number] {border-radius: 4px;}
table.checkout2 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: 0px;}

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;}

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;}
div.errmsg {font-weight: 700;text-align: center; color: red;padding: 10px 0px;}

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;}
table.cerrorsm td:nth-child(1) {color: #000080; font-weight: bold;}
table.cerrorsm tr td {padding:4px 16px;border: 1px solid black;}

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.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;}
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;}

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;}
table.orderpane {border: 4px solid; border-color: #4040a0; background-color: #f0f0ff;border-radius: 16px; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; color: black; width: 480px; border-spacing: 0px;}
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;}

span.smbut {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;}
span.smbut:hover {background-color: #00399b;}

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 {}

div.spinny {position: absolute;width: 988px;left: 0px;right: 0px;margin: auto;}
div.spinny img {position: relative;margin-left: auto;margin-right: auto;display: block;top: 67px;left: -33px;}

#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}
div.header-text {color: black;font-family: 'Open Sans', sans-serif;font-size: 1.2em;}
div.qbut {color: #00017f;font-family: 'Open Sans';margin-left:auto;margin-right:auto;max-width: 960px;min-width: 480px;}
div.qbut span {width: 25%;text-align: center;display: inline-block;font-size: 1.4em;font-weight: 700;cursor: pointer}
div.qbut span:hover {color: #8081bf;}
div.qbut span a:hover {color: #8081bf;}

table.sheetnav {border-collapse: collapse;margin-left: auto;margin-right: auto;}
table.sheetnav tr td {cursor: pointer;border: 0px;}
table.sheetnav tr td:nth-child(1) {width: 410px;font-family: 'Open Sans', sans-serif;color: #000099;font-weight: 800;font-size: 14pt;}
table.sheetnav tr td:nth-child(2) {width: 120px;text-align: center;}
table.sheetnav tr td:nth-child(3) {width: 410px;text-align: right;font-family: 'Open Sans', sans-serif;color: #000099;font-weight: 800;font-size: 14pt;}

table.plugnav {border-collapse: collapse;margin-left: auto;margin-right: auto;font-size: 1.5em;font-weight: 700;color: black;}
table.plugnav tr td {width: 530px;font-family: 'Open Sans', sans-serif;cursor: pointer;}
table.plugnav tr td:nth-child(2) {text-align: right;}

td.error {text-align: center;font-size: 1em;color: #900;font-weight: 700;}