/* https://chemandy.com/themes/base.css */
/* Use the reference number series 0 to 9 */

body { background-color: #eee; color: #000; font: 500 240% "Cambria Math", "Latin Modern Math", "Lucida Bright", "Liberation Serif", Palatino, "Times New Roman", Serif; font-size:100%\9
}
@media print {body {background-color: #fff
}
}
.ac {text-align:center
}
.al {text-align: left
}
.am {vertical-align: middle
}
.aoc1 {text-align:center; margin-left: 1%
}
.aoc2 {text-align:center; margin-left: 2%
}
.aoc3 {text-align:center; margin-left: 3%
}
.aoc4 {text-align:center; margin-left: 4%
}
.aoc5 {text-align:center; margin-left: 5%
}
.aoc6 {text-align:center; margin-left: 6%
}
.aoc7 {text-align:center; margin-left: 7%
}
.aoc8 {text-align:center; margin-left: 8%
}
.aoc9 {text-align:center; margin-left: 9%
}
.aoc10 {text-align:center; margin-left: 10%
}
.aoc11 {text-align:center; margin-left: 11%
}
.aoc12 {text-align:center; margin-left: 12%
}
.aoc13 {text-align:center; margin-left: 13%
}
.aoc14 {text-align:center; margin-left: 14%
}
.aoc15 {text-align:center; margin-left: 15%
}
.aoc17 {text-align:center; margin-left: 17%; vertical-align: top
}
.aoc18 {text-align:center; margin-left: 18%
}
.aoc19 {text-align:center; margin-left: 19%
}
.aoc20 {text-align:center; margin-left: 20%
}
.aoc23 {text-align:center; margin-left: 23%
}
.aoc29 {text-align:center; margin-left: 29%
}
.ar {text-align: right; margin-right: 1%
}
.data {margin-left: 10%; font-weight: 600
}
.f0 {margin: 0 3%
}
.f1 {font-weight: 700
}
.f2 {background-color: #eee; color: #be004c; font-size: 100%; font-weight: 600
} 
.f3 {font-size: 200%
}
.f4 {font-size: 80%
}
.f5 {font-size: 120%
}
.f6 {background-color: #eee; font-size: 100%; font-weight: 600; color: #936
}
.f7 {font-size: 100%; font-weight: 700; text-decoration: underline
}
.f8 {background-color: #eee; font-size: 100%
}
.f9 {background-color: transparent; color: #909; font-size: 100%;  font-weight: 600; text-decoration: underline
}
.figwidth7p5 {width: 7.5%; height: auto
}
.figwidth10 {width: 10%; height: auto
}
.figwidth12p5 {width: 12.5%; height: auto
}
.figwidth15 {width: 15%; height: auto
}
.figwidth17p5 {width: 17.5%; height: auto
}
.figwidth20 {width: 20%; height: auto
}
.figwidth25 {width: 25%; height: auto
}
.figwidth30 {width: 30%; height: auto
}
.figwidth35 {width: 35%; height: auto
}
.figwidth40 {width: 40%; height: auto
}
.figwidth45 {width: 45%; height: auto
}
.figwidth50 {width: 50%; height: auto
}
.figwidth55 {width: 55%; height: auto
}
.figwidth60 {width: 60%; height: auto
}
.figwidth70 {width: 70%; height: auto
}
.figwidth80 { width: 80%; height: auto
}
.fl {float: left; background-color: inherit
}
.footer {font: 500 100% Georgia, Cambria, "Latin Modern Math", "Lucida Bright", "Liberation Serif", Palatino, "Times New Roman", Serif; background-image: linear-gradient(to bottom right, #a3e83f, #4cbe00
); color: #000; padding: 1% 1% .5% 1%; margin-top: 1%
}
.footer a:link {color: #00f
}
.footer a:visited {color: #909
}
.fr {float: right
}
h1 {color: #4cbe00; font: 600 110% "Times New Roman", Cambria, Palatino, Serif; padding: 1% 0
}
h2 {color: #be004c; font-size: 175%; padding: 1% 0 2%
}
h3 {font-size: 120%; color: #600; text-decoration: underline
}
h4 {color: #be004c; font: 700 120% "Times New Roman", Cambria, Palatino, Serif
}
h1, h2, h3, h5 { text-align: center; font-weight: 700
}
img {image-orientation: from-image
}
.indent {margin-left: 10%; font-weight: 400
}
.index {margin-left: 20%; font-weight: 400
}
input.cart { background: #EEE; color: #000; text-align: center
}
input.greyed { background: #EEE; color: #000; font: 500 100% "Times New Roman", Cambria, Palatino, Serif; text-align: center
}
input[type="checkbox"] {margin: 0; transform:scale(2, 2);
}
.ml10 {margin-left: 10%
}
.ml20 {margin-left: 20%
}
.ml20f200 {margin-left: 200%; font-size: 200%
}
.ml30 {margin-left: 30%
}
.ml40 {margin-left: 40%
}
.ml46 {margin-left: 46%
}
.ml50 {margin-left: 50%
}
.ml5w30 {margin-left: 5%; width:30%
}
.ml5w30col2 {margin-left: 5%; width:30%
}
.ml10w30 {margin-left: 10%; width:30%
}
.ml10w60 {margin: 5% 0 0 10%; width:60%
}
.ml20w60 {margin: 5% 0 0 20%; width:60%
}
.ml30w60 {margin-left: 30%; width:60%
}
.mr1 {float: right; margin-right: 1%
}
.mr2 {float: right; margin-right: 2%
}
.pac {text-align: center; padding: 1%
}
.par {text-align: right; padding: 1% 0
}
.para {color: #358500; font-size: 120%; font-weight: 600
}
.parb {text-align: right; font-weight: 700; padding: 1%
}
sub {font-size: 75%; vertical-align: sub
}
sup {font-size: 75%; vertical-align: super
}
table {background-color: #eee; width:100%; border-collapse:collapse
}
table.blue {background-color:#EEE; border:2px solid #00E; margin:3% 25%; padding:15px; width:50%
}
table.customerdetails {background-color:#fff; border: 5px ridge #ddd; margin-left: 15%; padding:2px; table-layout: auto; text-align: center; width: 70%
}
table.raised {background-color:#000; border: 5px ridge #ddd; table-layout: fixed
}
table.shopping {background-color:#FFF; border: 5px ridge #DDD; margin-left: 10%; table-layout: fixed; text-align: center; width:80%
}
table.shoppingnarrow {background-color:#FFF; border: 5px ridge #DDD; margin-left: 20%; padding:2px; table-layout: fixed; text-align: center; width: 60%
}
table.shopping.tr {text-align: center
}
td {font: 500 120% Cambria, "Latin Modern Math", "Lucida Bright", "Liberation Serif", Palatino, "Times New Roman", Serif; 
}
td.blue {border: 2px solid #00E; padding:4px; text-align: center
}
td.blueblue {background-color:#ccdbf2; border: 2px solid #00E; padding:4px; text-align: center
}
td.bluepink {background-color:#ffd2e4; border: 2px solid #00E; padding:4px; text-align: center
}
td.raised {background-color:#EEE; border: 5px ridge #FFF; padding:1%; text-align: center
}
td.customerdetails {font-weight: 500; background-color:#eee; text-align: center
}
td.shoppingheading {font-weight: 700; background-color:#b7e599; border: 3px ridge #DDD; padding: 1px; text-align: center
}
td.shoppingheading.borderbottom {border-bottom-style: hidden
}
td.shoppingheading.borderright {border-right-style: hidden
}
td.shoppingheadinglarge {font-weight: 700; background-color:#b7e599; border: 3px ridge #DDD; padding: 1px; text-align: center; width: 15%
}
td.shoppingheadingmedium {font-weight: 700; background-color:#b7e599; border: 3px ridge #DDD; padding: 1px; text-align: center; width: 11%
}
td.shoppingheadingnarrow {font-weight: 700; background-color:#b7e599; border: 3px ridge #DDD; padding: 1px; text-align: center; width: 8%
}
td.shoppingheadingverynarrow {font-weight: 700; background-color:#b7e599; border: 3px ridge #DDD; padding: 1px; text-align: center; width: 5%
}
td.shoppingheadingextralarge {font-weight: 700; background-color:#b7e599; border: 3px ridge #DDD; padding: 1px; text-align: center; width: 20%
}
td.shoppingrows {font-weight: 500; background-color:#EEE; border: 3px ridge #DDD; padding: .5px; text-align: center
}
td.shoppingtotalrows.borderbottom {border-bottom-style: hidden
}
td.shoppingtotalrows {font-weight: 500; background-color:#EEE; border: 3px ridge #DDD; padding: 8px 0; text-align: center
}
td.shoppingtotalrows.borderright {border-right-style: hidden
}
.w20 {width: 50%
}
/* large screens/TV */
@media only screen and (max-width: 2001px) {
body { font-size: 120%; font-weight: 500
}
input[type="checkbox"] {margin: 0; transform:scale(1.2, 1.2);
}
td {font-size: 120% 
}
}
/* large laptops */
@media only screen and (max-width: 1601px) {
body { font-size: 100%
}
.f5 {font-size: 110%
}
.figwidth7p5 {width: 7.7%
}
.figwidth10 {width: 10.2%
}
.figwidth12p5 {width: 12.8%
}
.figwidth15 {width: 15.4%
}
.figwidth17p5 {width: 17.9%
}
.figwidth20 {width: 20.5%
}
.figwidth25 {width: 25.6%
}
.figwidth30 {width: 30.7%
}
.figwidth35 {width: 35.8%
}
.figwidth40 {width: 41%
}
.figwidth45 {width: 46.1%
}
.figwidth50 {width: 51.2%
}
.figwidth55 {width: 56.3%
}
.figwidth60 {width: 61.4%
}
.figwidth70 {width: 71.7%
}
.figwidth80 {width: 81.9%
}
td {font-size: 100% 
}
}
/* laptops */
@media only screen and (max-width: 1299px) {
body {font-size: 100%
}
.figwidth7p5 {width: 8%
}
.figwidth10 {width: 9%
}
.figwidth12p5 {width: 12%
}
.figwidth15 {width: 15%
}
.figwidth20 {width: 18%
}
.figwidth25 {width: 22%
}
.figwidth30 {width: 31%
}
.figwidth35 {width: 35%
}
.figwidth40 {width: 40%
}
.figwidth45 {width: 46%
}
.figwidth50 {width: 53%
}
.figwidth55 {width: 56%
}
.figwidth60 {width: 59%
}
.figwidth70 {width: 65%
}
.figwidth80 {width: 70%
}
.ml20 {margin-left: 15%
}
.ml20f200 {margin-left: 15%; font-size: 150%
}
.ml30 {margin-left: 20%
}
}

/* large tablets */
@media only screen and (max-width: 1001px) {
body {font-size: 90%
}
.f5 {font-size: 100%
}
.figwidth7p5 {width: 11.5%
}
.figwidth10 {width: 15.4%
}
.figwidth12p5 {width: 19.1%
}
.figwidth15 {width: 23%
}
.figwidth17p5 {width: 26.9%
}
.figwidth20 {width: 30.7%
}
.figwidth25 {width: 38.4%
}
.figwidth30 {width: 46%
}
.figwidth35 {width: 53.7%
}
.figwidth40 {width: 61.4%
}
.figwidth45 {width: 69.1%
}
.figwidth50 {width: 76.7%
}
.figwidth55 {width: 84%
}
.figwidth60 {width: 92.1%
}
.figwidth70 {width: 107.4%
}
.figwidth80 {width: 122.8%
}
.ml20 {margin-left: 10%
}
.ml20f200 {margin-left: 10%; font-size: 100%
}
.ml30 {margin-left: 10%
}
.ml5w30col2 {margin-left: 27%
}
.ml10w60 {width:48%
}
.ml20w60 {width:48%
}
.ml30w60 {width:48%
}
.mr2 {margin-right: 1%
}
table.customerdetails {margin-left: 0; width: 100% 
}
table.shopping {margin-left: 5%; width:90%
}
table.shoppingnarrow {margin-left: 10%; width: 80%
}
td {font-size: 90% 
}
td.customerdetails {padding: 0
}
td.shoppingheadingmedium {width: 15%
}
}
/* large tablets */
@media only screen and (max-width: 801px) {
.f6 {font-size: 90%
}
.f7 {font-size: 95%
}
.figwidth7p5 {width: 11.7%
}
.figwidth10 {width: 15.6%
}
.figwidth12p5 {width: 19.5%
}
.figwidth15 {width: 23.4%
}
.figwidth17p5 {width: 27.3%
}
.figwidth20 {width: 31.3%
}
.figwidth25 {width: 39.1%
}
.figwidth30 {width: 46.9%
}
.figwidth35 {width: 54.7%
}
.figwidth40 {width: 62.5%
}
.figwidth45 {width: 70.3%
}
.figwidth50 {width: 78.1%
}
.figwidth55 {width: 85.7%
}
.figwidth60 {width: 93.8%
}
.figwidth70 {width: 109.4%
}
.figwidth80 {width: 125%
}
.ml10 {margin-left: 5%
}
.ml30 {margin-left: 20%
}
}

/*small tablets */
@media only screen and (max-width: 655px) {
.figwidth7p5 {width: 13.3%
}
.figwidth10 {width: 17.8%
}
.figwidth12p5 {width: 22.2%
}
.figwidth15 {width: 26.7%
}
.figwidth17p5 {width: 31.1%
}
.figwidth20 {width: 35.5%
}
.figwidth25 {width: 44.4%
}
.figwidth30 {width: 53.3%
}
.figwidth35 {width: 62.2%
}
.figwidth40 {width: 71%
}
.figwidth45 {width: 79.9%
}
.figwidth50 {width: 88.8%
}
.figwidth55 {width: 98.2%
}
.figwidth60 {width: 106.6%
}
.figwidth70 {width: 124.3%
}
.figwidth80 {width: 142.1%
}
input.cart {margin-left: 2%; width: 60%
}
.ml5w30 {margin-left: 2%
}
.ml10 {margin-left: 2%
}
.ml20 {margin-left: 10%
}
.ml20f200 {margin-left: 10%; font-size: 150%
}
.ml30 {margin-left: 5%
}
#nav {position: relative; top: auto; left: auto
}
#nav > a {width: 3.125em; height: 3.125em; text-align: left; text-indent: -9999px; background: #00F; position: relative
}
#nav > a:before, #nav > a:after { position: absolute; border: 2px solid #fff; top: 35%; left: 25%; right: 25%; content: ''
}
#nav > a:after {top: 60%
}
#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type	{display: block
}
/* first level */
#nav > ul {width: 25%; height: auto; margin: -5% 0 0 65%; background: #4cbe00; display: none;	position: absolute;	left: 0; right: 0
}
#nav:target > ul {display: block; line-height: 4em
}
#nav > ul > li {width: 80%; margin: -2% 0 0 -10%; float: none
}
#nav > ul > li > a {padding: 0 .833em; font-size: 100%
}
#nav > ul > li:not( :last-child ) > a {border-right: none; border-bottom: 1px solid #333
}
/* second level */
#nav li ul { margin: 0 0 0 -20%; position: static; padding: 1.25em; padding-top: 0; width: 130%
}
#nav li ul li {font-size: 100%; margin: 0 0 -4% 6%; width: 105%
}
#nav li ul a {border-top: 1px solid #333
}
.para {font-size: 100%
}
table.raised {width:110%; height: auto
}
table.shopping {margin: 0; table-layout: auto; width:100%
}
td.shoppingrows {padding: 0; text-align: center
}
}

/* mobile phones */
@media only screen and (max-width: 505px) {
.figwidth7p5 {width: 19.3%
}
.figwidth10 {width: 25.7%
}
.figwidth12p5 {width: 32.2%
}
.figwidth15 {width: 38.6%
}
.figwidth17p5 {width: 45%
}
.figwidth20 {width: 51.5%
}
.figwidth25 {width: 64.3%
}
.figwidth30 {width: 77.2%
}
.figwidth35 {width: 90.1%
}
.figwidth40 {width: 103%
}
.figwidth45 {width: 115.8%
}
.figwidth50 {width: 128.7%
}
.figwidth55 {width: 141.3%
}
.figwidth60 {width: 154.4%
}
.figwidth70 {width: 180.2%
}
.figwidth80 {width: 205.9%
}
.ml30 {margin-left: 0
}
.ml5w30col2 {margin-left: 10%
}
/* first level */
#nav > ul {width: 37%; margin: -7% 0 0 45%
}
#nav > ul > li {margin: -2% 0 0 -15%
}
/* second level */
#nav li ul {font-size: 100%; margin: 1% 0 2%; width: 100%
}
#nav li ul li {width: 155%; margin: 0 0 2% -20%
}
table.shoppingnarrow {margin-left: 0; width: 100%
}
}
/* small mobile phones */
@media only screen and (max-width: 350px) {
body {font-size: 100%
}
.figwidth7p5 {width: 24%
}
.figwidth10 {width: 27.5%
}
.figwidth12p5 {width: 34.4%
}
.figwidth15 {width: 45%
}
.figwidth17p5 {width: 48.1%
}
.figwidth20 {width: 55%
}
.figwidth25 {width: 68.7%
}
.figwidth30 {width: 82.5%; white-space: nowrap
}
.figwidth35 {width: 96.2%
}
.figwidth40 {width: 110%
}
.figwidth45 {width: 123.8%
}
.figwidth50 {width: 137.5%
}
.figwidth55 {width: 151.3%
}
.figwidth60 {width: 165%
}
.figwidth70 {width: 192.5%
}
.figwidth80 {width: 220%
}
.f6 {font-size: 90%
}
.ml30 {margin-left: 0
}
#nav > ul {margin: -10% 0 0 45%
}
/* second level */
#nav li ul li {margin: 0 0 2% -44%; width: 175%
}
table.blue {margin-left: 15%
}
table.raised {width:150%
}
table.shopping {border: 3px ridge #DDD
}
table.shoppingnarrow {border: 3px ridge #DDD
}
td.shoppingheading {width: 30%
}
td.shoppingheadingmedium {width: 8%
}
}

/* smallest mobile phones */
@media only screen and (max-width: 300px) {
.aoc8 { margin-left: 2%
}
.figwidth7p5 {width: 27%
}
.figwidth10 {width: 34%
}
.figwidth12p5 {width: 42%
}
.figwidth15 {width: 60%
}
.figwidth17p5 {width: 63%
}
.figwidth20 {width: 66%
}
.figwidth25 {width: 83%
}
.figwidth30 {width: 100%
}
.figwidth35 {width: 115%
}
.figwidth40 {width: 150%
}
.figwidth45 {width: 180%
}
.figwidth50 {width: 190%
}
.figwidth55 {width: 205%
}
.figwidth60 {width: 220%
}
.figwidth70 {width: 230%
}
.figwidth80 {width: 240%
}
.ml10 {margin-left: 0
}
#nav > ul {font-size: 110%; margin: -10% 0 0 45%; width: 40%
}
/* second level */
#nav li ul li {width: 140%; margin: 0 0 2% -30%
}
table.blue {margin-left: 5%
}
table.raised {width:200%
}
}