
BODY{font-size:14px; color:#101010; font-weight:normal; margin: 0px;  font-family:'Poppins', sans-serif;  letter-spacing:0; padding:0px; }
    a:link {text-decoration: none; cursor: pointer;}
    a:visited {text-decoration: none;cursor: pointer;}
    a:hover {text-decoration: none; cursor: pointer;}
    a:active {text-decoration: none; cursor: pointer;}
    
    .logo{max-width:120px;max-height:120px; vertical-align:middle;margin-right:5px;}
    .menuside a:link {text-decoration: none; cursor: pointer;padding:0px 3px 0px 3px;}
    .menuside a:hover{background-color:#e0e0e0;padding:0px 3px 0px 3px;}
    .menutop a:link {text-decoration: none; cursor: pointer;padding:0px 3px 0px 3px;}
    .menutop a:hover{background-color:#e0e0e0;padding:0px 3px 0px 3px;} 
    .anchorButton{}
    .menutop{display:inline-block;margin:0 0 0 0;color:#101010;font-weight:normal!important; } 
    .menuside{z-index:10;font-weight:normal!important;display:none;position:absolute;top:130px;left:10px; margin:0 0 0 30px;text-align:left;text-transform: uppercase;padding:7px 9px 3px 9px;vertical-align:top;box-shadow:0 0 8px inset #babbb5;border:1px solid #d0d0d0;background-color:#fdfdfd;color:#101010;}
    .menuside img{max-width:40px;}
    .banners{} 
    .hdr{color:#101010;margin:0 0 0 0;padding:5px; width:99%;}
    .cart{top:120px;right:10px;}
    .homemsg{width:90%; max-width:600px;font-size:25px;text-align:center;padding:35px;color:darkblue;background-color:#fdfdfd}
    /*ul li {padding-left: 15px; text-align:left}*/
    .xxsmlfont {font-size: 11px;}
    .xsmlfont {font-size: 14px;}
    .smlfont {font-size: 16px;}
    .mdmfont {font-size: 19px;}
    .lgfont {font-size: 25px;}
    .xlgfont {font-size: 30px;}
    .xxlgfont {font-size: 40px;}
    .xxxlgfont {font-size: 55px;}
    .lapav {display: none;}
    .click {cursor: pointer; color: blue;}
    #topback{position:absolute;z-index:-1; top:0; left:0; height:148px;background-color:darkblue;}
    #logo{z-index:20;position:absolute;text-align:center;padding:2px;top:5px;left:5px;cursor:pointer;}
    #pgtitle{text-align:center;padding:2px;background-color:darkblue;color:#fdfdfd;font-size: 55px;}
    #menu{text-align:center;padding:15px 0 10px 0;background-color:darkblue;color:#fdfdfd;}
    #menu a{margin-right:10px;background-color:darkblue;color:#fdfdfd;display:inline-block;padding:5px 7px 5px 7px;border:1px solid #c0c0c0;-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
    #menubar{display:none;background-color:#fdfdfd;}

    table{border-collapse:separate;border-spacing: 0;border:1px solid #c0c0c0;-moz-border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; border-radius:15px;overflow: hidden;} 
    td, th {padding: 10px 15px 10px 15px;  }

	select {cursor:pointer;border:1px solid #c0c0c0; padding:5px; margin:3px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
	input[type="text"]{cursor:pointer;border:1px solid #c0c0c0; padding:5px; margin:3px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; }
	input[type="password"] {cursor:pointer;border:1px solid #c0c0c0; padding:5px; margin:3px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
	input[type="checkbox"] {cursor:pointer;border:0; padding:1px; margin:2px; margin-right:5px; }
	input[type="radio"] {cursor:pointer;border:0; padding:1px; margin:2px; }
	input[type="file"] {cursor:pointer;padding:0px; margin:2px; letter-spacing:2px; background-color:#90c5a9;border:0px solid #101010;}
	input[type="button"] {color:#fdfdfd;cursor:pointer; background-color: #575f6d;  border-radius: 6px;  border-width: 0; margin: 3px; padding:8px 10px; text-align: center;}
    input[type="submit"] {background-color:#575f6d; color:#fdfdfd;cursor:pointer; margin:3px; border:1px solid #c0c0c0;  -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; padding:5px 7px 7px 5px;}
	input[type="reset"] {background-color:#575f6d; color:#fdfdfd;cursor:pointer;border:1px solid #c0c0c0; padding:5px; margin:3px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
	textarea {cursor:pointer;border:1px solid #c0c0c0; padding:5px; margin:3px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
    
	.curve{border:1px solid #c0c0c0;  -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px;}
	.circle { border:1px solid #c0c0c0; -moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;}
    .close {display:inline-block;font-weight:bold; background-color:#808080; color:#fdfdfd; -moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px; padding:2px 8px 2px 8px;cursor:pointer;text-align:center;}
    .cancel {display:inline-block;background-color:#575f6d!important; color:#fdfdfd; border-radius: 6px;  border-width: 0; cursor: pointer; margin: 12px;padding:10px 15px!important;  text-align: center; }
    .delete {display:inline-block;background-color:red!important; color:#fdfdfd; border-radius: 6px;  border-width: 0; cursor: pointer; margin: 12px;padding:10px 15px!important;  text-align: center; }
    .edit {background-color: #405cf5!important;  border-radius: 6px;  border-width: 0;  color: #fff; cursor: pointer; margin: 12px; padding:10px 15px!important;  text-align: center; }
    .add {display:inline-block;background-color:#c2fbd7!important; color:#101010!important; border-radius: 6px;  border-width: 0; cursor: pointer; margin: 12px;padding:10px 15px!important;  text-align: center; }
    .centered{position:fixed; top:51%;left:50%;-webkit-transform:translate(-49%,-50%); -ms-transform:translate(-49%,-50%);transform:translate(-49%,-50%);overflow:auto;max-height:99%;height:inherit;}
    .DefaultButton{font-size:16px; font-weight:inherit; cursor:pointer; margin:2px; border:inherit;  padding:5px;  -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;box-shadow:0 0 4px inset #babbb5;}
    .buttonActive{font-size:16px; color:#fdfdfd; background-color: #c00000; cursor:pointer; }
    .buttonDelete{color:#fdfdfd; background-color: #ff0000; cursor:pointer; margin:3px; border:1px solid #c0c0c0;  -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; padding:5px 7px 5px 7px;  box-shadow:0 0 4px inset #babbb5;}
    .GoldenRod {color: #101010!important; background-color: goldenrod;border-radius: 100px;  box-sizing: border-box; padding:7px 10px 7px 10px!important; border:0;outline:none;}
    .Gold {color: #101010!important; background-color: gold;}
    .Aqualious {color: #101010!important; background-color: -webkit-linear-gradient(#50c9c3, #96deda); background-color: -o-linear-gradient(#50c9c3, #96deda); background-color: -moz-linear-gradient(#50c9c3, #96deda); background: linear-gradient(#50c9c3, #96deda);}
    .PaleToDark {color: #fdfdfd!important; background-color: -webkit-linear-gradient(#c00000,#c00000); background-color: -o-linear-gradient(#c00000,#c00000); background-color: -moz-linear-gradient(#c00000,#c00000); background: linear-gradient(#c00000,#c00000);}
    .GreenLeaf {color: #101010!important; background-color: -webkit-linear-gradient(#76b852, #8dc26f); background-color: -o-linear-gradient(#76b852, #8dc26f); background-color: -moz-linear-gradient(#76b852, #8dc26f); background: linear-gradient(#76b852, #8dc26f);}
    .Peachious {color: #fdfdfd!important; background-color: -webkit-linear-gradient(#eb3349, #f45c43); background-color: -o-linear-gradient(#eb3349, #f45c43); background-color: -moz-linear-gradient(#eb3349, #f45c43); background: linear-gradient(#eb3349, #f45c43);}
    .RedOrangy {color: #fdfdfd!important; background-color:#f15a22;}
    .Tools {color: #101010!important; background-color: -webkit-linear-gradient(#99ccff,#99ccff,#ccffff,#ccffff); background-color: -o-linear-gradient(#99ccff,#99ccff,#ccffff,#ccffff); background-color: -moz-linear-gradient(#99ccff,#99ccff,#ccffff); background: linear-gradient(#99ccff,#99ccff,#ccffff,#ccffff)}
    .SkyBluish {color:#101010!important; background-color: -webkit-linear-gradient(#00AACC,#06B9DC,#0EC7EB,#25CAEB,#59CDE4); background-color: -o-linear-gradient(#00AACC,#06B9DC,#0EC7EB,#25CAEB,#59CDE4); background-color: -moz-linear-gradient(#00AACC,#06B9DC,#0EC7EB,#25CAEB,#59CDE4); background: linear-gradient(#00AACC,#06B9DC,#0EC7EB,#25CAEB,#59CDE4)}
    .Blue {color: #fdfdfd!important; background-color:#34a0d6;  box-sizing: border-box; padding:7px 10px 7px 10px!important; border:0;outline:none;}
    .Bluish {color: #fdfdfd!important;  box-sizing: border-box; padding:7px 20px 7px 20px!important; border:0;outline:none; background-color: -webkit-linear-gradient(#34a0d6, #34a0d6, #96deda); background-color: -o-linear-gradient(#34a0d6, #34a0d6, #96deda); background-color: -moz-linear-gradient(#34a0d6, #34a0d6, #96deda); background: linear-gradient(#34a0d6, #34a0d6, #96deda);}
    .DarkishRed {color:#fdfdfd!important; background-color: -webkit-linear-gradient(#733737,#862424,#981212,#AA0000); background-color: -o-linear-gradient(#733737,#862424,#981212,#AA0000); background-color: -moz-linear-gradient(#733737,#862424,#981212,#AA0000); background: linear-gradient(#733737,#862424,#981212,#AA0000)}
    .WhiteAsh {color:#101010!important; background-image: -webkit-linear-gradient(#c0c0c0, #ffffff); background-image: -o-linear-gradient(#c0c0c0, #ffffff); background-image: -moz-linear-gradient(#c0c0c0, #ffffff); background-image: linear-gradient(#c0c0c0, #ffffff);}
    .DarkPlum {color:#fdfdfd!important; background-color:#3f012c; background:#3f012c;} 
    .DarkGrass {color:#fdfdfd!important; padding: 5px; background-color:#388004; background:#388004;background: linear-gradient(45deg, transparent 5%, #388004 0%);border:0;outline:transparent;}
    .DarkNavy {color:#fdfdfd!important; background-color:#000435; background:#000435;}
    .CreamShadow{color:#101010!important; background-color:#fff39a; background:#fff39a;box-shadow: 5px 7px #888888;}    
    .Darkish{color:#fdfdfd!important; background-color:#101010; background:#101010;}
    .Golden{color:#49584a!important; background-color:#f1c232; background:#f1c232;}
    .GhostWhite{color:#49584a!important; background-color:#f8f8ff; background:#f8f8ff;}
    .BlueLoom {  padding:5px 7px 5px 7px; background: #332cf2;  border: 0;  border-radius: .375rem;  box-sizing: border-box;  color: #fff;  display: inline-block;  padding: 3px 7px 3px 7px;}
    .RedYellowGrad{ padding:5px 7px 5px 7px; background-image: linear-gradient(135deg, #f34079 40%, #fc894d);  border: 0;  border-radius: 10px;  box-sizing: border-box;  color: #fff;  display: inline-block;  position: relative;  transform: translateZ(0) scale(1);  transition: transform .2s;}    
    .MittiLightGreen {color: #101010; padding: 7px 10px; background-color: #38D2D2; background-image: radial-gradient(93% 87% at 87% 89%, rgba(0, 0, 0, 0.23) 0%, transparent 86.18%), radial-gradient(66% 66% at 26% 20%, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%);  border-radius: 14px; border: 0; }
    .RoundedShadow {background-color: #f0f0f0; border: 2px solid #422800; border-radius: 30px; box-shadow: #101010 4px 4px 0 0; color: #422800;}
    .BlueNeon {padding:5px 7px 5px 7px; display: inline-block; color: #00ffff;  text-decoration: none;color: #111; background: #00ffff;  box-shadow: 0 0 10px #00ffff;border: 1px solid #c0c0c0;}
    .GreenNeon {padding:5px 7px 5px 7px; display: inline-block; color: #00ffff;  text-decoration: none;color: #111; background: #39ff14;  box-shadow: 0 0 10px #39ff14;border: 1px solid #c0c0c0;}    
    .Orangy {color:#FFFD01; background:linear-gradient(-20deg, #fc6076 0%, #ff9a44 100%);}
    
    .tagline{display:inline-block;padding:0 0 0 140px;font-style: oblique;}
    .chat{width:70px;padding:5px; position:fixed; right:10px; background-color:#fdfdfd; text-align:left;vertical-align:top; color:#101010; box-shadow:0 0 8px inset #babbb5;border:1px solid #d0d0d0; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
    .btn{color:#ffffff!important; background-color:#34a0d6; margin:3px; }
    .tbl{border:1px solid #c0c0c0;;margin:15px;background-color:#fdfdfd; color:#101010; }    
    

    @font-face { font-family: Atkinson; src: url('fonts/Atkinson/Atkinson.otf') format('opentype'); font-style:normal;font-weight:normal;}
    @font-face { font-family: Fraunces; src: url('fonts/Fraunces/fraunces.ttf') format('truetype'); font-style:normal;font-weight:normal;}
    @font-face { font-family: Avantgarde; src: url('fonts/Avantgarde/Avantgarde.ttf') format('truetype');font-style:normal;font-weight:normal;}
    @font-face { font-family: Didot; src: url('fonts/Didot/Didot.ttf') format('truetype');font-style:normal;font-weight:normal;}
    @font-face { font-family: GreatVibes; src: url('fonts/GreatVibes/GreatVibes.otf') format('opentype'); font-style:normal;font-weight:normal;}
    @font-face { font-family: Quicksand; src: url('fonts/QuickSand/Quicksand.otf') format('opentype'); font-style:normal;font-weight:normal;}
    @font-face { font-family: Quicksand-Bold; src: url('fonts/QuickSand/Quicksand-Bold.otf') format('opentype'); font-style:normal;font-weight:bold;}
    @font-face { font-family: Oswald; src: url('fonts/Oswald/Oswald.ttf') format('truetype');font-style:normal;font-weight:normal;}
    @font-face { font-family: Oswald-Light; src: url('fonts/Oswald/Oswald-Light.ttf') format('truetype');font-style:normal;font-weight:lighter;}
    @font-face { font-family: GrandFont; src: url('fonts/GrandFont/GrandFont.otf') format('opentype'); font-style:normal;font-weight:normal;}
    @font-face { font-family: Josefin; src: url('fonts/Josefin/Josefin.ttf') format('truetype');font-style:normal;font-weight:normal;}
    @font-face { font-family: Allura; src: url('fonts/Allura/Allura.otf') format('opentype');font-style:normal;font-weight:normal;}
    @font-face { font-family: Barlow; src: url('fonts/Barlow/Barlow.otf') format('opentype');font-style:normal;font-weight:normal;}
    @font-face { font-family: Glacial; src: url('fonts/Glacial/Glacial.otf') format('opentype');font-style:normal;font-weight:normal;}
    @font-face { font-family: Fira; src: url('fonts/Fira/Fira.otf') format('opentype');font-style:normal;font-weight:normal;}
    @font-face { font-family: Fira-Bold; src: url('fonts/Fira/FiraSemiBold.otf') format('opentype');font-style:normal;font-weight:bold;}
    @font-face { font-family: Montserrat; src: url('fonts/Montserrat/Montserrat.otf') format('opentype'); font-style: normal; font-weight: normal;}
    @font-face { font-family: Queensides; src: url('fonts/Queensides/Queensides.ttf') format('TrueType'); font-style: normal; font-weight:Bold;}
    @font-face { font-family: Queensides-Bold; src: url('fonts/Queensides/Queensides.ttf') format('TrueType'); font-style: normal; font-weight: normal;}
    @font-face { font-family: Bandar; src: url('fonts/Bandar/Bandar.otf') format('opentype'); font-style: normal; font-weight:Bold;}
    @font-face { font-family: Bandar-Bold; src: url('fonts/Bandar/Bandar.otf') format('opentype'); font-style: normal; font-weight: normal;}
    @font-face { font-family: Raleway; src: url('fonts/Raleway/Raleway.ttf') format('TrueType'); font-style: normal; font-weight:normal;}
    @font-face { font-family: Raleway-Bold; src: url('fonts/Raleway/Raleway-bold.ttf') format('TrueType'); font-style: normal; font-weight: normal;}    
    @font-face { font-family: Pacifico; font-style: normal; font-weight: 400; src: url('fonts/Pacifico/Pacifico.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
    @font-face { font-family: Prompt; font-style: normal; font-weight: 400; src: url('fonts/Prompt/Prompt.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
    @font-face { font-family: CursiveLobs; font-style: normal; font-weight: 400; src: url('fonts/CursiveLobs/CursiveLobs.woff2') format('woff2'); }
    @font-face { font-family: Odumba; font-style: normal; font-weight: 400; src: url('fonts/Odumba/Odumba.woff2') format('woff2'); }
    @font-face { font-family: Somariya; font-style: normal; font-weight: 400; src: url('fonts/Somariya/Somariya.woff2') format('woff2'); }
    @font-face {font-family:Poppins;font-style: normal; font-weight: 400; src: url('fonts/Poppins/Poppins.woff2') format('woff2'); }
    @font-face {font-family:PTSerif;font-style: normal; font-weight: 400; src: url('fonts/PTSerif/PTSerif.woff2') format('woff2'); }
    @font-face {font-family:JoseSans;font-style: normal; font-weight: 400; src: url('fonts/JoseSans/JoseSans.woff2') format('woff2'); }
    @font-face {font-family:Oxyphin;font-style: normal; font-weight: 400; src: url('fonts/Oxyphin/Oxyphin.woff2') format('woff2'); }
    @font-face {font-family:CereBriSans;font-style: normal; font-weight: normal; src: url('fonts/CereBriSans/CereBriSans.ttf') format('truetype'); }
