body{font-family:sans-serif;} 
label { display: inline-block;  float: left; clear:both; color:#006699; text-align: right; font-family:sans-serif; margin: 0.2em 4px 0 0; width:36%; }
  
  label{ font-size:90%; }
  
  input,select,textarea {display:inline-block;float: right; border-radius:5px; -moz-border-radius:5px; margin: 4px 5px 0 0;padding:5px; width:61%; max-width:320px; }
  input[type=file]{width:62%;max-width:325px; border-style:solid;}
  
  input[type=radio], input[type=checkbox], input[type=submit], input[type=reset], input[type=button], input[type=image] { width: auto; }
 
 input[type=text],input[type=email],input[type=password]{-webkit-box-shadow:none;border-color:grey;  border-style:solid;  border-width:1px; -moz-box-shadow:none;box-shadow:none;}
 input[type=text]:hover, input[type=email]:hover,input[type=password]:hover,textarea:hover,
 input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus{-webkit-box-shadow:inset 1px 1px 0.5px 0 rgba(0,0,0,0.4); box-shadow:inset 1px 1px 0.5px 0 rgba(0,0,0,0.5);}
 
  input[type=submit]{ 
  border:auto;
  border-radius:5px;
  -webkit-box-shadow:1px 1px 2px 0 rgba(0,0,0,1);
  -moz-box-shadow:1px 1px 0.5px 0 rgba(0,0,0,0.5);
  box-shadow:1px 1px 0.5px 0 rgba(0,0,0,0.5);
  text-align:center; 
  padding:5px;
  }
 
 textarea{ margin-left:0px; padding-left:8px;max-width:320px; border-width:1px;overflow:auto;}   
  
  select{ width:68%; margin-top:0.3em; margin-right:1%;max-width:330px;}
  
  label,input { margin-top:.6em;margin-bottom:.6em; }
  
  .error { background: #d33; color: white; padding: 0.2em; }
  
  .error::selection { background-color:black; color:white; }
  
  input[type=file]{ border:1px solid rgb(80,80,80); }
  
  p{ font:normal normal normal 1.2em/1.2em sans-serif; color:grey; }

  
  html {
    height:100%;
	margin:0px;
	padding:0px;
  }
  form{ display:inline-block; width:40%;min-width:580px;max-width:582px;}
  
  #form{ width:100%; display:inline-block;}
*::selection{background-color:black; color:white; }
  

  body{text-align:center; margin:0;}
body>h1{color:#FF7722;font-family:"Serif";}
fieldset{border-style:solid; border-width:1px;margin:10px auto; border-color:rgb(25,156,88);}
  
input[type=text]:focus,input[type=text]:hover,textarea:focus, textarea:hover, input[type=number]:focus, input[type=number]:hover, input[type=email]:focus, input[type=email]:hover,input[type=date]:focus,input[type=date]:hover{outline:none;}

.required{font-size:20px; color :#d33;}
h1,h2{ font-size:120%; font-family:serif;letter-spacing:1px;word-spacing:3px;}
p { margin:10px; line-height:1.2em;}
.error { line-height:1.5em; }
  #main{ margin:auto;}

table,tr,th,td{border:1px solid #000000;}
th a,td a{text-decoration:none;color:blue;}
#nav{
width:100%;max-width:1300px;margin:auto;}
#nav ul ul {
  display:none;
}
#nav ul li:hover>ul{
  display:block;
}
#nav ul {
  background-color:#005782;
  border-radius:10px;
  list-style:none;
  position:relative;
  display:inlie-table;
}
#nav ul:after{
  content:'';
  clear:both;
  display:block;
}
#nav ul li{
  float:left;
}
#nav ul li:hover{
  background-color:white;

}
#nav ul li:hover a {
 color:#005782;
}
#nav ul li a{
  display:block;
  padding:1em;
  color:white; 
  text-decoration:none;
}

#nav ul ul {
  background:#005782;
  border-radius:0px;
  padding:0;
  position:absolute;
  top:100%;
}

#nav ul ul li{
  float:none;

  position:relative;
}
#nav ul li ul li a {
  padding:10px 30px;
  color:white!important;
 
 
}
#nav ul ul li a:hover {
  background-color:white;
  color:#005782!important;
}
#nav ul ul ul {
  position:absolute;
  left:100%;
  top:0%;
}
table,tr,td,th{border-color:rgb(25,156,88);border-collapse:collapse;border-style:solid;border-width:1px;}
th{font-weight:normal;}
#ess{ border:none; }
#ess td{border:none;font-weight:bold;}
.head{ border-width:2px;}
.head {font-size:120%;font-weight:bold;}
#bottom{ width:110%; margin:2px auto;text-align:left;max-width:1300px;}
#left{ float:left; width:42%; }
#right{float:right;width:38%;font-style:italic;}
.l{float:left; width:50%; font-size:90%;color:black;}
.r{ float:right; width:30%;font-size:90%; text-align:right;color:black; font-style:italic;}
#employeMonthly{ width:80%; border:none;}
#employeMonthly tr td,#employeMonthly tr,#employeMonthly th{ border:none;text-align:left; }
.caption{text-align:center; font-size:90%: font-weight:bold;color:black;}
#botcap{ font-size: 120%; margin:1.5% auto;font-weight:bold;}



  #header{ width:100%; max-width:1440px; margin:0 auto; min-width:1000px; }
    #header #left { text-align:left;display:inline;}
  #left img{float:left;}
  #homepageForm{ display:inline-block;margin-top:3%; }
  #homepageForm form{min-width:495px;}
    #homepageForm form label{ display:inline;width:18%; float:none;margin:0;}
  #homepageForm form input{ display:inline;width:28%;float:none;margin:0;}
  #homepageForm form input[type=submit]{width:auto; display:inline;}
  .login{ display:inline;width:20%;}
  #select{ float:right;}
  #DOB label, #DOB input{ width:auto;}
  #clientName label ,#clientName select { width:auto; }
  #select input[type=submit]{ clear:both;}
  #body{width:100%;display:table;clear:both;max-width:1400px; min-width:900px;margin:0 auto;}
  #mainInHome{ display:table-row;}
  #feature{ display:table-cell;vertical-align:top; border:1px solid #000000; }
  #powered{ clear:both; }
  #itemdetails { text-align:left; font-size:120%; color:black;}
  ul li{ text-align:left;}
  #signUpForm{vertical-align:top; width:30%;display:table-cell;border-radius:10px;}
  #signUpForm h1{ margin:0; font-family:serif;text-align:center;font-size:140%; }
  #signUpForm form{min-width:100%; max-width:100%;}
  #signUpForm form label{ width:38%;margin:1.5% auto; }
  #signUpForm form input,#signUpForm form textarea{ width:50%;margin:1.5% auto;}
  #signUpForm form input[type=submit],#signUpForm form input[type=reset]{width:auto;}
  #signUpForm form textarea{ max-width:318px;}
  #row{display:table-cell;}
  #homepageImageInOur img{width:100%;height:120%;}
  span.green{ color:green;}

  #Online,#Easy{width:100px; height:100px; border-width:1px; background-color:rgb( 255,113,58 ); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } 
  #Secure{ width:100px; height:100px; border-width:1px; background-color:rgb( 255,113,58 ); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } 
  #Online{ float:left;text-align:center;padding-top:1%;}
  #Online p{color:white;}
  #Easy{ float:right;text-align:center;padding-top:1%;}
  #Easy p{color:white;}
  #Secure{ width:100px;height:100px;text-align:center; padding-top:1%;}
  #Secure p{color:white;}
  #point{ float:none; clear:both;}
  #powered{ float:right;}
  #powered a{ text-decoration:none;}
  #powered a:link,#powered a:visited{color:#005782;}
  
  .package{display:inline-block;border:1px solid #005782;border-radius:10px;-moz-border-radius:10px;width:30%; margin-left:2%; margin-right:2%;}
  .package>p a{ text-align:center;text-decoration:none;} 
  .package hr{border-style:solid;border-width:1px;}
 .package p{text-align:left;}
 .package p{max-width:100%; overflow:hidden;}
 #packages{ width:100%; max-width:1400px; margin:2px auto; }
 .button{   background:#005782;
  font-family: Arial;
  display:inline-block;
  color: #ffffff;
  font-size: 20px;
  width:100%;
  padding-top:8px;
  border-radius:8px;
  -moz-border-radius:10px;
  width:300px;
  text-decoration: none;
 }

 .button:hover{
   background:#FF7722;
  text-decoration: none;
  }
 .package p{ color:#FF7722;}
  .textInPack{ color:#005782; }
  .loginButton{background:#005782;
  display:inline-table;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  text-align:center;
  padding:10px 20px 10px 20px;
  width:180px;
  text-decoration: none;}

  .loginButton:hover{
     background:#FF7722;
  text-decoration: none;
  width:180px;}
    .loginButton a{text-decoration:none;color:inherit;}
    #log{ width:170%;}
  li#image{ padding:0px; background:white;}
  #image{margin:0px;}
  #nav ul {padding:0px;}
  #nav ul{ margin:0px;}
  a:link#retailLink,a:visited#retailLink{ display:inline,border:none!important;background-color:white;color:white;text-decoration:none;width:auto; padding:0;}
  .a{background-color:rgb(191,245,206 ); color:black;}
  .b{background-color:rgb(180,210,224); color:black;}
.tableHead td{background-color:rgb( 180,210,224);color:black;}
#info{text-align:left;}
#info p,#info span{color:black;}
.clients tr th{font-weight:bold;}