/*styles10 is the one to use and has later changes */

.version{width:76px}
.fwcontent{padding:5px;display:inline-block;background-color:#FAFAFA;position:relative;float:left;margin:0;text-align:left;width:99%;width:calc(100% - 20px);max-width:990px}
.fe{display:block;background-color:#f3f9ea;border-top: solid #C5D8AB;position:fixed;right:0;top:200px;padding:5px;transform: rotate(270deg);transform-origin: 100% 100%;z-index:90 }
.feedback{display:block;background-color:#f3f9ea;position:fixed;right:0;top:30px;padding:5px;z-index:101;max-width:280px;}
.definable{border:1px dotted #aaa; padding:2px;color:#000;text-decoration:none;position: relative;display: inline-block;cursor:pointer;}
.definition {z-index:20;position:absolute;display:none;text-align:left;margin-left:-35px;background-color:#fff;box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); padding: 5px;font-weight:normal;min-width:115px;}
.help{border-radius:15px;border:solid 1px #030;color:#030;width:30px;height:25px;font-family:courier;text-align:center;display:inline-block;overflow:hidden;padding-top:5px;}
.help:hover{background: linear-gradient(135deg, #f99,#900);color: transparent; text-shadow: 0 0 0 #fff;color:#fff}
.postbg{display:block;margin:0;padding:5px;text-align:left;background-color:#f3f9ea;width:99%;}
img { border: 0; }
.tickhost{display:block;width:100%;text-decoration:none;padding: 3px;margin: 0 0 2px 0;min-height:30px;border-radius:5px}
.tickhost:hover {background:#FFFFFF;}

.bigCheck:checked:after {content: '\2714';font-size:150%;background-color: #fff;border: 0;padding: 2px;	border-radius: 3px;}
.fright {float:right;text-align:right;}
.fright.fixed {width:300px;text-align:left;}
.leftWhite{display:block;width:95%;background:#FFF;color:#000;padding: 3px;margin: 0 0 2px 0; text-align:left;}
.pseudocell{display:block;width:95%;padding: 3px;margin: 0 0 2px 0; text-align:right;}
.right{display:block;width:95%;padding: 3px;margin: 0 0 2px 0; text-align:right;}
.new{font-size:80%;color:#900;text-decoration:none}
.mini{font-size:80%;color:#000;text-decoration:none}
.whitebg{background:#FFF;color:#000;text-decoration:none;padding:2px}
.warning{border: 1px solid #900;text-decoration:none;font-weight:bold}
.lwarning{color:#FFFFFF;text-decoration:underline;font-weight:bold}
.grey{color:#666}
.btw{color:#999; text-transform: none;}
.faint{color:#000; opacity:0.2;}
.faintish{color:#000; opacity:0.6;}
.lightgrey{color:#CCC}
.red{color:#F00}
.bigGreen{color:#C5D8AB;font-size:80px}
table{font-size:100%;}
h1{font-size:140%;color:#000;font-weight:bold}
h2{display:inline-block;font-size:105%;color:#000;font-weight:bold;display: inline-block;}
h3{background:#FFFFFF;font-size:105%;color:#000;font-weight:bold;}
.majorlink{font-family:Arial, Helvetica, sans-serif;font-size:120%;font-weight:bold;}
A{color:#060;text-decoration:none; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none;-moz-user-select: none; -ms-user-select: none; user-select: none;}
A:hover{color:#900}
.topbox:hover{border-top: solid #600;}
A.forum:visited{color:#565}
button{-webkit-border-radius:28;-moz-border-radius:28;border-radius:28px;font-family:Arial;color:#fff;font-size:100%;background:#900;padding:3px 8px 3px 8px;text-decoration:none;}
.button:hover{background:#F99;text-decoration:none; }
.deprecated{color:#fff; background:#666;}
input[type=submit] {
-webkit-appearance: none;
-webkit-border-radius:28;-moz-border-radius:28;border-radius:28px;font-family:Arial;color:#fff;font-size:100%;background:#900;padding:8px 8px 8px 8px;text-decoration:none;
}
input[type=submit].green {
background:#003300;
}
.plain{color:#000; background:#FFF;}
.topline{padding:0;display:inline-block;vertical-align:bottom;width:100%;width:calc(100% - 10px);max-width:1000px;position:sticky;top:0;z-index:2;background-color:#fff}
.logobox{vertical-align:bottom;display:inline-block;position:relative;margin:0;padding:3px;text-align:left;}
.mainbox{clear:both;overflow:visible;display:inline-block;position:relative;margin:0;padding:0;width:100%;width:calc(100% - 10px);max-width:1000px;background-color:#fafafa;}
.shopcontent{display:inline;background-color:#FAFAFA;position:relative;float:left;margin:0;padding:3px;text-align:left;min-width:310px;width:68%;max-width:736px}
.optionBoxHolder{z-index:9;margin-bottom:10px;box-sizing: border-box;padding:10px;vertical-align:top;justify-content: space-between;position:relative;width:100%;box-shadow: 6px 6px 3px #888888; border-top: solid #C5D8AB;border-radius:5px;
background: -webkit-linear-gradient(135deg, #C5D8AB, #f3f9ea); 
  background: -o-linear-gradient(135deg, #C5D8AB, #f3f9ea); 
  background: -moz-linear-gradient(135deg, #C5D8AB, #f3f9ea); 
  background: linear-gradient(135deg, #C5D8AB,  #f3f9ea); 
-webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none;-moz-user-select: none; -ms-user-select: none; user-select: none;
}
.basketcase{vertical-align:top;display:inline-block;margin:0;padding:3px;text-align:center;width:27%;min-width:200px;max-width:279px;float:right;background: linear-gradient(135deg, #C5D8AB,  #f3f9ea);}
.footer{display:block;position:relative;clear:both;margin:0;padding:3px;text-align:center;max-width:992px;color:#666}
@media screen and (max-width: 989px){
    .topline{}
    
   .topbox{vertical-align:top;display:inline-block;position:sticky;top:0;text-align:center;margin:0;padding:3px;width:64px;height:48px;font-size:0;text-decoration:none;background-color:#fff;border:1px solid #EEEEEE;color:#fff;border-top: solid #FAFAFA}
.activebox{vertical-align:top;display:inline-block;position:sticky;top:0;background-color:#fafafa;color:#fafafa;margin:0px;padding-top: 15px;text-align:center;width:64px;height:38px;font-size:0;border-top: solid #060;}    
.activebox b{clear:left;font-size:10pt;font-weight:bold;color:#030;display:block}
.topbox b{clear:left;font-size:10pt;font-weight:bold;color:#030;display:block}
}
@media screen and (min-width: 990px){
.topbox{display:inline-block;position:sticky;top:10px;text-align:center;margin:0;padding:3px;width:188px;height:48px;text-decoration:none;background-color:#fff;border:1px solid #EEE;color:#666;white-space: nowrap;border-top: solid #FAFAFA}
.activebox{display:inline-block;position:sticky;top:0;background-color:#fafafa;color:#000;margin:0px;padding: 3px;padding-top:20px;text-align:center;width:188px;height:35px;border-top: solid #060;}
.activebox b{font-size:10pt;font-weight:bold;color:#030}
.topbox b{font-size:10pt;font-weight:bold;color:#030}
   
}
.li{display:inline-block;min-height:40px}
.li::before {content: \25cf; color: red; display: inline-block; width: 1em; margin-left: -1em}

.topbox:hover b{font-size:10pt;font-weight:bold;color:#900}
.topbox.small{width:18%;font-size:10pt;color:#030}
.activebox.small{width:18%;font-size:11pt;color:#000;background-color:#C5D8AB; }
.smallgrey{vertical-align:bottom;display:inline-block;position:relative;text-align:center;margin:0;padding:3px;height:20px;text-decoration:none;border:1px solid #EEE;white-space: nowrap;width:18%;font-size:11pt;color:#999;background-color:#EEE; }

.alphabet{vertical-align:central;clear:left;display:inline-block;position:relative;margin:0;text-align:left;background-color:#fafafa;width:100%;width:calc(100% - 20px);max-width:1000px;border-bottom: ridge #F7F7F7; }
.spocket{width:100%;max-height:200px;overflow-x:hidden;overflow-y:scroll;}
@media screen and (max-width: 600px){
    .fwcontent{font-size:12pt;}
.alphalinks{white-space: nowrap;overflow:scroll}
.alphabet a{display:inline-block;min-width:15px;padding:15px;text-decoration:none;border-top: 1px solid #FFF;}
.leftlink{display:block;background:#fafafa;color:#030;text-decoration:none; padding: 3px;margin: 5px;line-height:24px;vertical-align: middle;float:right;width:40%;min-height:48px;font-size:12pt;border-radius:5px;box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2)}
.mobileTop{display:block;text-align:left;padding-right: 10px; padding-left: 10px;position: fixed;top: 0;left: 0;width: 100%;opacity: 0.95;background-color:#f3f9ea;overflow: scroll;z-index:4;}
.leftmenu{display:block;background-color:#C5D8AB;position:fixed;top:58px;max-height:calc(85%);left:5px;margin:0;padding:0;text-align:left;width:95%;height:0;overflow-y:scroll;margin-bottom:0;border-radius:5px;z-index:12;}
.lefthead{position:relative;display:block;float:left;width:90%;background:#fff;color:#000;padding: 3px;font-size:12pt;min-height:24px;border-radius:5px;box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2)}
.dtimages{display:none}
.zoom{display:none;}
.blogo{display:none}
.leftlink:hover{background:#FAFAFA;}
.centred{padding: 10px;margin: auto;width:80%;background:#FFF;opacity: 0.95;border-radius:5px}
.mainbox.index{width:100%;padding:1px 0;border-radius:15px;}
.content{clear:left;display:block;position:relative;background-color:#FAFAFA;margin:0;text-align:left;font-size:120%;}
.introad{position:relative;float:right;width:300px;}
.mmbox{margin-top:10px;display:block;box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);padding:3px;overflow-y:scroll;}
.fifthcolumn{width:85%; float:left;}
.mobo{height:40px;display:block;font-size:24px;position:sticky; left:0; top:30px;z-index:15;max-width:75px;}
}

@media screen and (min-width: 601px){
    .alphabet a{display:inline-block;min-width:15px;padding-top:15px;padding:4px;margin-bottom:10px;text-decoration:none;border-top: 1px solid #FFF;}
.leftlink{display:block;width:100%;background:#FFF;color:#030;text-decoration:none; padding: 3px;margin: 0 -4px 2px 0;float:right;max-width:150px;line-height:150%;min-height:24px;border-top-left-radius: 5px;border-bottom-left-radius: 5px}
 .mobileTop{display:none;}
 .lefthead{display:block;width:100%;background:#FAFAFA;color:#000;text-decoration:none;padding: 3px;float:right;margin: 0 -5px 2px -3px;border-left: solid #060;z-index:10;min-height:24px;margin-top:10px;font-size:105%;border-top-left-radius: 5px;max-width:190px;}
.dtimages{text-align:right}
.zoom{display:inline-block;position:relative;height:55px;width:auto;margin-right:1px;}
.zoom:active{display:block;position:absolute;height:auto;width:auto;left:-20px}
.blogo{display:block;float:left;width:auto;height:30px;position:relative;padding-right:2px;}
 .leftmenu{background: linear-gradient(135deg, rgb(136, 185, 191), rgb(101, 150, 156));display:inline-block;float:left;margin:0;padding:3px;width:198px;position: relative;min-height:100vh;height: auto;z-index:14;}
 .mobo{display:none;}
 
 .leftlink:hover{background:#FAFAFA;border-left: solid #600;}
 .centred{padding: 10px;margin: auto;width:580px;background:#FAFAFA;opacity: 0.95;box-shadow: 6px 6px 3px #444;position:relative;border-radius:5px;}
.content{width:59%;max-width:792px; padding-top: 18px;padding-right: 10%; padding-left: 10%;display:inline-block;float:right;position:absolute;background-color:#FAFAFA;text-align:left;line-height:130%;}
.introad{position:relative;float:right;margin:2px;width:300px;clear:right;}
.mmbox{margin-top:10px;width:190px;display:block;box-shadow: 0 8px 16px 0px rgba(0,0,0,0.2);padding:3px;overflow-y:scroll;}
.fifthcolumn{width:195px; float:left}
}


.alphabet a:hover{border-top: 1px solid #900; }
.alphabet.bottom{z-index:0}
.alphabet b{display:inline-block;background-color:#C5D8AB;color:#000;border-top: solid #060;min-width:23px;text-align:center;}
.ccontent{display:inline;background-color:#FAFAFA;position:relative;float:left;margin:0;padding:3px;text-align:left;max-width:320px}
.content:after { color:#666; overflow:visible; display: block; padding-top: 30px; content: "Site contents and design \00a9  Copyright 2001-22 Influenca ltd. All rights reserved."; clear: both; position:static;}
.avpotrow{display:inline-block;clear:left;margin:10px;vertical-align:top;position:relative; background-color:#FFF;}

@media screen and (max-width: 1000px){
      .tickhost {min-height:48px;}
 body{font-family:Arial, Helvetica, sans-serif;font-size:100%;color:#000;width:100%;text-decoration:none;}
.chbox{position:absolute;right:5px;top:3px;text-align:right;background-color:#FFF;z-index: 200;box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);}
.avpotbox{min-width:200px;width:27%;position:relative;margin:1px;padding:5px;display:inline-block}
.avpotsmall{ width:170px;position:relative;margin:1px;padding:5px;display:inline-block}
}

@media screen and (min-width: 1001px){
    .tickhost:hover:after {content: '\2714';}
body{display: block; width: 1020px;margin-left: auto;margin-right: auto;font-family:Arial, Helvetica, sans-serif;font-size:90%;color:#000;text-decoration:none;line-height:120%;overflow-y: scroll;}
.chbox{position:absolute;right:calc(50% - 500px);top:3px;text-align:right;background-color:#FFF;z-index: 200;box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);}
.avpotbox{min-width:30%;max-width:65%;position:relative;margin:1px;padding:5px;display:inline-block;}
.avpotsmall{ width:200px;position:relative;margin:1px;padding:5px;display:inline-block}
}
.chbox a:link {  text-decoration:none;}
.chbox a:hover {  text-decoration:underline;}
.invisible{visibility:hidden;}

.whiteBox{vertical-align:bottom;display:inline-block;position:relative;background-color:#FFF;width:100%}
.wide450{text-align:left;vertical-align:top;display:inline-block;max-width:460px}
.wide490{text-align:left;vertical-align:top;display:inline-block;max-width:490px}
.mpblock{text-align:left;vertical-align:top;display:inline-block;float:left;padding:5px;}
.sblock{clear:left;float:left;margin:0;padding:25px;position:relative;display:inline-block;width:85%;overflow:hidden;line-height:130%;text-align:justify}
.miniblock{clear:left;float:right;margin:0;padding:5px;position:relative; width:300px;overflow:hidden}
.box{text-align:left;padding:3px;display:inline-block;max-width:300px;vertical-align:top}
.optionBox{height:70px;padding:3px;margin: auto;vertical-align:bottom;display:inline-block;line-height:50%;}
.buybutton{position:fixed;right:3px;bottom:3px;z-index:10;}
input[type=search] { max-width:510px;width:70%; height:48px;opacity:1;padding:5px;background: white;border:1px solid #003300;border-radius:5px}
.Lintroad{position:relative;float:right;margin:2px;width:300px;}
.wrap{word-spacing: -2.5pt;}
.basketurl{color:#666; font-size:80%; word-wrap: break-word; width:100%; display: inline-block; position:relative;float:left}
.basketurl.a{color:#676;}

.errorField {border:1px solid #C00;
}
.shrunkenRow {height:10px}
.vanishedRow { height:1px; visibility:hidden}
img.shrinking {max-width: 100%; height: auto;width: auto\9;}

@media screen and (min-width: 724px){
.popover{visibility:hidden;background-color: white; display:block; position: fixed ;top:20px;overflow:scroll;max-height:90vh;
left:50%;
width:546px;  
margin-left:-273px;
text-align:left;
border: green 1px solid; 
padding: 0 25px 25px 25px;
z-index:1000;box-shadow: 6px 6px 3px #888;}
}
@media screen and (max-width: 723px){
.popover{visibility:hidden;background-color:white; display:block;position:fixed;top:20px;left:0;z-index:100;box-shadow: 6px 6px 3px #888;overflow:scroll;max-height:90vh;max-width:99vw;padding:10px;}
}


select {border: 1px solid #030;background-color: white;}
.actidrop {display:block;background-color:#fff;border: 1px solid #060;padding:5px;font-size:105%;border-radius:5px}
.actidrop:after{ content: " \25bc";}
.rmenu {position: relative;display: inline-block;}
.rmenu wide{width:100%;}
.rmenu-content {z-index:20;display:none;text-align:left;position: absolute;margin-left:-5px;background-color:#fafafa;min-width:130px;max-width: 200px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 5px; overflow-y:auto;}
.rmenu:hover .rmenu-content { display: block;}
.rmenu-content a:link {  height:25px;display:inline-block;width:95%;white-space: nowrap;overflow:hidden;border-right: solid #f3f9ea;padding-top:5px;}
.rmenu-content.small { margin-left:2px;}
.rmenu-content.search{ margin-left:2px;min-width:250px;overflow-x:scroll;}

.rmenu-content.wide{ max-width: 500px;width:500px;z-index:99; position: absolute;margin-right:-45px;overflow-x:scroll;}
.rmenu-content.search a:link {  width:auto;}
.rmenu-content a:hover{  background-color:#fff;border-right: solid #900; }

.smenu {position: relative;display: inline-block;}
.smenu wide{width:100%;}
.smenu-content {z-index:98;display:none;text-align:left;position: absolute;margin-left:-5px;background-color:#fafafa;min-width:130px;max-width: 200px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 5px;max-height:275px; overflow-y:auto;}
.smenu-content a:link {  height:40px;display:inline-block;width:95%;white-space: nowrap;overflow:hidden;border-right: solid #f3f9ea;padding-top:5px;}
.smenu-content.small { margin-left:2px;}
.smenu-content.search{ margin-left:2px;min-width:250px;overflow-x:scroll; }
.smenu-content.wide{ max-width: 500px;width:500px; position: absolute;margin-right:-45px;overflow-x:scroll;}
.smenu-content.search a:link {  width:auto;}
.smenu-content a:hover{  background-color:#fff;border-right: solid #900; }


.ajax{ width:0; height:0; border:0; visibility:hidden}
.greybreak{display:block;width:100%;background:#FFFFFF;color:#999;text-decoration:none;padding: 3px;float:right;margin: 0 -4px 2px 0;}
.priced{border-top: 1px solid #C5D8AB;display:block;text-align:right;min-height:30px;vertical-align:top;clear:both}
.shipping.head{text-align:center;display:block;font-size:100%;float:right;width:140px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.add2{display:inline-block;background:#900;color:#FFF;padding:2px;border-radius:5px;width:90px;text-align:center;box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2)}
.add2:hover{background:#C00;color:#FFF;border-bottom: 1px solid #060}
.add2.grey{background:#999;}
.shipping{vertical-align:top;display:inline-block;border-top:solid #fafafa;background-color:#f3f9ea;text-align:left;padding:2px;font-size:90%;width:140px;height:68px;}
.priceRem{vertical-align:top;display:inline-block;border-bottom:solid #fafafa;background-color:#FFFFFF;text-align:left;padding:2px;color:#000;text-decoration:none;width:300px;}
.pricedInfo{display:block;width:170px;float:left}
.dollar{display:block;float:right;text-align:center;width:95px;font-size:110%}

.sa {padding-left:5px; text-align:justify; border-left: solid #C00;}
.st {padding-left:5px; text-align:justify; border-left: solid #600;}
.so{padding-left:5px; text-align:justify; border-left: solid #F4B642;}
.sb{padding-left:5px; text-align:justify; border-left: solid #EEE;}
.sg{padding-left:5px; text-align:justify; border-left: solid #42f4f1;}
.sc{padding-left:5px; text-align:justify; border-left: solid #4171f4;}
.sh{padding-left:5px; text-align:justify; border-left: solid #a941f4;}
.sr{padding-left:5px; text-align:justify; border-left: solid #008080;}
.sL{padding-left:5px; text-align:justify; border-left: solid #030;}
.sN{padding-left:5px; text-align:justify; border-left: solid #ccf9cc;}
.sk{padding-left:5px; text-align:justify; border-left: solid #c5d8ab;}

.sm{padding-left:5px; text-align:justify;border-left: solid #f441df;}
.ss{padding-left:5px; text-align:justify;border-left: solid #F4f142;}
.i1{font-weight:bold;}
.i2{ font-style:italic; }
.i0{ font-weight:normal; }

.x{padding-left:25px;margin-top:-15px;padding-top:15px;}
.xx{padding-left:50px;margin-top:-15px;padding-top:15px;}
.xxx{padding-left:75px;margin-top:-15px;padding-top:15px;}
.xxxx{padding-left:100px;margin-top:-15px;padding-top:15px;}
.redenvelope{font-size:160%;color:#900;text-decoration:none;}
.flash {animation: blinker 1s linear infinite;}
@keyframes blinker {  
  50% { opacity: 0; }
}
.circle{border-radius:15px;width:30px;height:25px;font-family:courier;font-weight:bold;color:#fff;text-align:center;display:inline-block;overflow:hidden;padding-top:5px;font-size:12pt;}
.fred{background: linear-gradient(135deg, #f99,#900);color: transparent; text-shadow: 0 0 0 #fff}
.fgreen{background: linear-gradient(135deg, #030, #090)}
.gblock{background: linear-gradient(135deg, #efe, #030);height:3px;display:inline-block}

.Hangonamo {
    border: 10px solid #ccc;
    border-top: 10px solid #900; 
    border-radius: 50%;
    width: 10px;
    height: 10px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@media screen and (max-height: 400px){
.rmenu-content{max-height:275px;}
}