body { font-family: sans-serif; color: #000000; margin: 0.1%; padding: 0.1%; line-height:150%; 
margin-left:auto;
margin-right:auto;}
h1 { font-size: 150%; margin: 0.1%; padding: 1%; color: #446828; }
h2 { font-size: 140%; padding: 0.5%; margin: 2%0.5%0.5%0.5%; clear:left;}
h3 { font-size: 130%; padding: 0.5%; margin: 1%0.5%0.5%0.5%; clear:left;}
h4 { font-size: 110%; padding: 0.5%; margin: 2%0.5%0.5%0.5%; }
h5 { font-size: 100%; padding: 0.5%; margin: 1%0.5%0.5%0.5%; }
table { padding: 0.1%; margin: 0.1%;  border-color: white; border-style: solid; }
ul {list-style: inside;  list-style-image: url('favicon.ico');}
td { background: #ffffff; vertical-align: top; padding: 0.5%; }
.leftmenu {width:14em; float: left; clear:left; }
.left-panel { float: left; width: 300px; margin: 0%4%0.5%0.5%; padding: 0%0.5%0.5%0.5%; clear: left; text-align: left; }
.center-panel { float: none; margin: 0%0.5%0.5%0.5%; padding: 0%1%0.5%1%; max-width: 60em;
margin-left:auto;
margin-right:auto;}
.menu {margin: 1%;}
.right-images { float: right; width: 20%; margin: 0%0.5%0.5%0.5%; padding: 0%0.5%0.5%0.5%; text-align: right; }
.right-panel { float: right; width: 300px; margin:0.5%; padding: 0.5%; text-align: left; font-size:100%; line-height:120%; border-left-style: solid; border-left-color: #446828;}
.enquiry-form { float: right; width: 40%; margin: 0%0.5%0.5%0.5%; padding: 0%0.5%0.5%0.5%; text-align: left;}
.right { float: right; width: 60%; margin: 0.5%; padding: 0.5%; text-align: left; }
.image-right { float: right; margin: 0.5%; padding: 0.5%; }
.image-center { text-align:center; margin: 0.1%; padding: 0.1%; }
.image-centre { text-align:center; margin: 0.1%; padding: 0.1%; }
.image-left { float: left; margin: 0.5%; padding: 0.5%; }
.image-head { float: none; margin: 0%; padding: 0%; }
.footer { clear: both; background: #446828; color: #ffffff; padding: 0.5%; margin: 0.5%1%0.5%0.5%; text-align: center; }
.right-images { float: right; width: 20%; margin: 0%0.5%0.5%0.5%; padding: 0%0.5%0.5%0.5%; text-align: right; }
.swatch { float: left; width: 150px; margin: 1%; padding: 0.5%; text-align: center; }
.swatch-200 { float: left; width: 210px; margin: 1%;  text-align: center; padding: 0.5%;  }
.left-480 { float: left; width: 480px; margin: 2%; padding: 0%; text-align: left; }
.left-400 { float: left; width: 400px; margin: 2%; padding: 0%; text-align: left; }
.left-300 { float: left; width: 300px; margin: 2%; padding: 0%; text-align: left; }
.left-200 { float: left; width: 200px; margin: 2%; padding: 0%; text-align: left; }
.right-400 { float: right; width: 400px; margin: 2%; padding: 0%; text-align: right; }
.right-300 { float: right; width: 300px; margin: 2%; padding: 0%; text-align: right; }
.right-200 { float: right; width: 200px; margin: 2%; padding: 0%; text-align: right; }
.swatch-r { float: right; width: 150px; margin: 1%; padding: 0.5%; text-align: center; }
.large-swatch { float: left; width: 300px; margin: 1%; padding: 0.5%; text-align: center; }
.sale-item { float: left; width: 10%; margin: 1%; padding: 0.5%; text-align: center; border-style: dotted; background: #df2a91; color:white;}
.large-swatch-r { float: right; width: 300px; margin: 1%; padding: 0.5%; text-align: center; }
.swatch-c { float: none; width: 150px; margin: 1%; padding: 0.5%; text-align: center; }
.large-swatch-c { float: none; width: 300px; margin: 1%; padding: 0.5%; text-align: center; }
a:link { color: #446828; text-decoration:none;}
a:visited { color: #4ca07d; text-decoration:none;}
a:hover { color: #22b377; text-decoration:none; font-weight: bold;}
a:active { color: #22b377; text-decoration:none;}
.menu { padding: 0.5%; margin:0.1%0.5%0.1%0.5%; color: #446828; text-align: center;  border-color: #ffffff; border-style: solid; border-bottom-color: #446828; border-width:2px; line-height:210%; font-size: 100%; }

a.sale-item:link { color: #ffffff; text-decoration:none; font-weight:bold;}
a.sale-item:visited { color: #ffffff; text-decoration:none; }
a.sale-item:hover { color: #ffffff; font-weight:bold;}



a.home:link { border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.home:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.home:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.home:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 

a.craft:link {border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.craft:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.craft:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.craft:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 



a.art:link { border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.art:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.art:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.art:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 

a.buttons:link { border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.buttons:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.buttons:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.buttons:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 


a.patchwork:link { border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.patchwork:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.patchwork:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.patchwork:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 

a.christmas:link { border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.christmas:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.christmas:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.christmas:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 

a.vouchers:link {border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.vouchers:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.vouchers:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.vouchers:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 

a.children-f:link {border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.children-f:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.children-f:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.children-f:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 


a.children:link {border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.children:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.children:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.children:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 

a.costumes:link {border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.costumes:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.costumes:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.costumes:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 


a.decor:link {border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.decor:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.decor:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.decor:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 

a.needlework:link {border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.needlework:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.needlework:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.needlework:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 

a.knitting:link {border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.knitting:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.knitting:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.knitting:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 

a.lace:link {border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.lace:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.lace:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.lace:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 

a.sewing:link {border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.sewing:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.sewing:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.sewing:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 

a.selected-fabrics:link {border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.selected-fabrics:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.selected-fabrics:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.selected-fabrics:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 


a.fabrics:link {border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.fabrics:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.fabrics:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.fabrics:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 

a.books:link {border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.books:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.books:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.books:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 

a.australiana:link {border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.australiana:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.australiana:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.australiana:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 

a.about:link {border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.about:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.about:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.about:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 


a.babies:link {border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.babies:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.babies:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.babies:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 

a.animal:link {border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.animal:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.animal:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.animal:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 

a.florals:link {border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.florals:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.florals:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.florals:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 

a.batik:link {border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.batik:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.batik:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.batik:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 

a.buttons:link {border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.buttons:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.buttons:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.buttons:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 

a.roses:link {border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.roses:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.roses:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.roses:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 

a.crochet:link {border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.crochet:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.crochet:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.crochet:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 






blockquote {font-style: oblique; clear: none; }
p { padding: 0.5%; margin: 0.5%; line-height:120%;} 
.sale { background: #ffffff; text-align: left; width: 50%; float: right; border-color: #446828; }
.spotsale { color: #ffffff; text-align: center; background: #800000; font-size: 105%; font-weight: bold; }
.reg-sale { color: white; text-align: center; background: #df2a91;  padding: 2%; margin: 0.5%0.2%0%0.2%; font-size: 120%; }
.fabric { color: red; text-align: center; background: #cccccc;  padding: 1%; margin: 0.5%0.2%0%0.2%; font-size: 100%; }
.misc { color: red; text-align: center; background: #cccccc; width: 150px; padding: 1%; margin: 0.5%0.2%0%0.2%; font-size: 100%; }

a.voucher {border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.voucher:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.voucher:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.voucher:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 

a.feedback {border: 0.2em; border-style: outset; border-color: #446828; border-radius: 0.5em;  color: #ffffff; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.feedback:visited { color: #cccccc; text-decoration: none; background: #446828; background: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.feedback:hover { background: #cccccc; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
a.feedback:active { background: #ffffff; text-decoration: none; color: #446828; padding: 0.2%; margin: 0.5%0.01%0.5%0.01%; } 
.red { color: #FF0000; font-size: 110%; }

.not-menu {
    display: inline;
    list-style-type: square;
    text-align: left;
    padding: 0.5%;
    color: black;
    background-color: #ffffff;
    overflow: visible;
}

.menu-ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;

border-top: none;
border-right: none;
border-left: none;
border-bottom: none;
}

.menu-li {
    float: left;
}

.menu-li a, .dropbtn {
    display: inline-block;
    color: #446828;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.menu-li a:hover, .dropdown:hover .dropbtn {
    background-color: #cbd6ac;
    color : #446828;
}

.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #cbd6ac;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: #446828;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}