html 
{
  background: #FDFDFD;
}

body 
{
  font-family : Verdana;
  font-size : 16px;
}

.mainbody
{
  padding: 5px 5px;
  margin: .5em 2% 2em 2%;
  background: #fff;
  color: #333;
  position: relative;
  box-shadow: 0 .3em 1em #000;
  font-size: 1.1em;
}


.mainfooter
{
  paddinga: 0 5px;
  margina: 1em 3% 1em 3%;
  padding: 5px 5px;
  margin: .5em 2% 2em 2%;
  background: #fff;
  color: #333;
  position: relative;
  height : auto;
  box-shadow: 0 .3em 1em #000;
}

.container
{
  padding: 0 20px;
  margin: .5em 3% 2em 3%;
  background: #fff;
  color: #333;
  position: relative;
  box-shadow: 0 .3em 1em #000;
  font-size: 1.1em;
}

@media only screen
and (max-width : 600px) {
 .fonts
 {
   font-size: 1.1em;
 }  
}

.mainheader 
{
  padding: 0 5px;
  margin: 1em 3% 0 3%;
  background: #fff;
  color: #333;
  position: relative;
  box-shadow: 0 .3em 1em #000;
  height : auto;
}

.topbar 
{
  padding: 0 5px;
  margin: 1em 3% 0 3%;
  background: #fff;
  color: #333;
  position: relative;
  box-shadow: 0 .3em 1em #000;
  height : auto;
}

.mainheaders
{
  min-height : 40px;
  margin-bottom : 5px;
  background-color:#FFFFFF;
  font-family:"Verdana";
  width : 100%;
  height : auto;
}


.headercontainer
{
  background-color:#c0c0c0;
  margin-left:auto;
  margin-right:auto;
  width : 90%;
  padding: 2px;
  height : auto;
  min-height: 80px;
  font-size : 1.6em;
}

.maincontainer
{
  clear : both;
  background-color:#FFFFFF;
  font-family:"Verdana";
  margin-left:auto;
  margin-right:auto;
  font-size : 1.2em;
  width : 90%;
  padding: 2px;
  height : auto;
  min-height: 300px;
}


.prodtitle
{
  margin-left:auto;
  margin-right:auto;
  width: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
  font-family:"Verdana";
  font-size: 1.4em;
  font-weight:bold;
  line-height:1.1;
  color:#7093DB!important;
}

.product_display
{
  background-color:#B0A0A0;
  float: left;
  margin-left:10px;
  margin-right:10px;
  width: 250px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.proddef
{
  background-color:#FFFFFF;
  width: 100%;
}

.header_title
{
  colo:#808080;
  color:#7093DB;
  font-size:1.5em;
  font-weight:bold;
  float:left;
  padding-top: 15px;
}

img
{
vertical-align:text-top;
}

p
{
  font-family:"Times New Roman";
  font-size:20px;
}

.mainmenuitem
{
  text-decoration:none;
  color : #808080;
  float:left;
  min-height: 15px; 
  width : 100%;
  font-family: Arial, Helvetica, sans-serif; 
  font-weight: bold;
  font-size : 1.5em;
  padding-top : 2px;
  margin : 1px;
}

.mainmenuitem:hover 
{
  color : #ffffff;
  background-color: #6D9BF1;
  background-colo: #c8c0e0;
  font-weight: bold;
  font-size: 1.5em;
}

.clickitem
{
  text-decoration:none;
  background-color: #E0E0E0;
  color:#3F48D0;
  height:auto; 
  width:90%;
  font-size: 1.25em;
  font-family: Arial, Helvetica, sans-serif; 
  font-weight: bold;
  padding : 9px;
  margin:10px;
}

.clickitemsmall
{
  text-decoration:none;
  background-color: #E0E0E0;
  color:#3F48D0;
  height:auto; 
  min-height: 30px;
  width:auto;
  font-size: 1.4em;
  font-family: Arial, Helvetica, sans-serif; 
  font-weight: bold;
  padding : 9px;
}


.clickitem:hover {color:#c0c0c0;}

.storelink
{
  text-decoration:none;
  background-color: #E0A070;
  color:#6F48D0;
  height:auto; 
  width:240px;
  font-size: 1.25em;
  font-family: Arial, Helvetica, sans-serif; 
  font-weight: bold;
  padding : 9px;
  margin:10px;
}


.storelink:hover {color:#c08080;}

.appicon
{
  width: 140px;
  height : 140px;
  float:left;
  margin : 5px;
  padding : 5px;
  display: block;
  margin-left:auto;
  margin-right:auto;
}

.appdesc
{
  text-decoration: none;
  background-color: #EFEFEF;
  color:#3F48D0;
  width: 140px;
  height : 140px;
  float:left;
  font-size: 1.25em;
  font-family: Arial, Helvetica, sans-serif; 
  font-weight: bold;
  border : solid red 1px;
  margin : 5px;
  padding : 5px;
}

.appdef
{
  margin-right:auto;
  margin-left:auto;
  height:auto;
  width:auto;
  overflow: hidden;
  border:1px solid #EFEFEF;
  background-color: #c5cae9;
}

.numberCircle {
    border-radius: 50%;
    width: 18px; 
    height: 18px; 
    border: 2px solid #666;
    padding-top : 3px;
    padding-bottom : 2px;
    padding-left : 5px;
    float:left;
}
.numberCircle span {
    text-align: center;
    line-height: 120px;
    display: block;
}

.menubarcontainer
{
  color:#fff!important;
  background-color:#7093DB!important;
  font-size:1.2em;

}

.menubarcontainer:after
{
  content:"";display:table;clear:both
}

      .w3-container
      {
        padding:0.01em 3px 2px 3px;
      }
      .w3-container:after,.w3-panel:after,.w3-row:after,.w3-row-padding:after,.w3-topnav:after,.w3-clear:after,.w3-btn-group:before,.w3-btn-group:after,.w3-btn-bar:before,.w3-btn-bar:after
{content:"";display:table;clear:both}
     .w3-theme {color:#fff !important; background-color:#000000 !important}
     .w3-theme-dark {color:#fff !important; background-color:#000000 !important}
     .w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
     .w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
     .w3-center{text-align:center!important}
     .w3-padding-medium,.w3-padding,.w3-form{padding:8px 16px!important}
     .w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
     .w3-card-2,.w3-example
     {
       box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
       padding:5px;
      }
     .w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
     .w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}
     @media only screen and (min-width:601px)
     {
      .w3-third{width:23.0%;min-width:250px;}
      .mainmenuitem {width:20%}
     }
     @media only screen and (min-width:993px)
     {
      .w3-third{width:23.0%;min-width:250px;}
      .mainmenuitem {width:15%}
     }
     html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
     h1,h2,h3,h4,h5,h6,.w3-slim,.w3-wide{font-family:"Segoe UI",Arial,sans-serif}
     h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
     .w3-serif{font-family:"Times New Roman",Times,serif}
     h1,h2,h3,h4,h5,h6{font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
     h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}