html
{
   overflow: auto;
   background-color: #ccc;
}
body
{
   color: #000;
   overflow: auto;
}
/* End Reset */

/* General */
b, strong
{
   font-weight: bold;
}
p
{
   margin: 0px 0px 7px 0px;
}
.hidden 
{
   display: none;
}

/* Links */
a 
{
	text-decoration: none;
	font-weight: normal;
}
a:hover 
{
	text-decoration: underline ;
}
a.reverse-link, a:hover.reverse-link 
{
   color: #eee;
}
/* End Links */

/* Page Template */
.page-header-mobile 
{
}
.page-subheader {
   background-color: #444;
   color: white;
   padding: 10px 15px 10px 15px;
   font-size: 1.2em;
   vertical-align: middle;
}
.no-padding {
   padding: 0 !important;
}
.page-section {
   background-color: white;
}
.padded {
   padding: 10px !important;
}
.padded-vertical {
   padding-top: 10px !important;
   padding-bottom: 10px !important;
}
.padded-horizontal {
   padding-left: 10px !important;
   padding-right: 10px !important;
}
.top-space {
   margin-top: 5px;
}
.bottom-space {
   margin-bottom: 5px;
}
.blocked {
   display: block;
}
.page-body {
   display: block;
   background-color: white;
}
.page-footer {
   font-size: 0.80em;
   background-color: #333;
   width: 100%;
   color: #fff;
   padding: 15px 15px 20px 15px;
}
   .page-footer p {
      font-size: 0.83em;
      color: #fff;
   }
   .page-footer a, .page-footer a:hover, .page-footer a:visited {
      color: #fff;
   }

.small-text {
   font-size: 0.9em;
}
.tiny-text {
   font-size: 0.8em;
}

ul.simple-list {
   list-style-type: none; 
   margin-left: 0px;
}
.clickable {
   cursor: pointer;
}
.reverse-text {
   color: #eee;
}

/* End Page Template */

/* Custom Combobox class 'hws-select' */
.hws-select {
   margin: 20px auto 10px auto;
   height: 32px;
   margin-top: 0px;
   overflow: hidden;
   background: url(/img/down-arrow.png) no-repeat right #fff;
   border: 1px solid #eee;
}
.hws-select select {
   margin-top: 0px;
   background: transparent;
   padding: 4px;
   font-size: 14px;
   line-height: 1.1;
   border: 0;
   border-radius: 0;
   height: 32px;
   cursor: pointer;
   -moz-appearance: none; 
}
/* Custom Search Textbox */
.hws-search {
   text-align: left;
   margin: 10px 10px 10px 0;
   padding: 0;
   width: 143px;
   height: 32px;
   margin-top: 0px;
   overflow: hidden;
   border: 1px solid #eee;
   min-width: 143px;
}
.hws-search a {
   float: right;
   background: transparent;
   z-index: 10000;
}
.hws-search input {
   width: 110px;
   border: none;
   padding-top: 0px;
}

.no-padding {padding: 0;}
.no-margin {margin: 0;}
.padding-thin {padding: 5px;}

/* Header classes and Foundation.css topbar override */
.bordered {border: 1px solid #eee; }

.infront {z-index: 10000;}

@media only screen and (min-width: 641px) {
   .page-header {
      background-color: white;
      padding: 10px 5px;
      border-bottom: 1px solid #ccc;
   }

   .top-bar {background: white;}
   .contain-to-grid { background: white; }
   .top-bar ul li a { color: #666; background: #ffffff !important; }
   .top-bar-section ul li.active > a { background: #333 !important; }
   .top-bar-section ul li.active > a:hover {color: #fff !important; background:#666 !important; }
   .top-bar-section li a:not(.button):hover {color: #fff !important; background: #666 !important; }
   .top-bar .divider {border-color: #eee !important; }
    .top-bar ul li a.nav-env, .top-bar ul li a.nav-env:hover {
        color: #ffffff !important;
        background: red !important;
        font-size: 12px;
        cursor: default;
        text-decoration: none;
        font-weight: 700;
    }
}
.top-bar-section li.best-experience-message a:not(.button) {
    color: #18a689;
    margin-right: 0;
    padding-right: 0;
    line-height: unset;
    text-align: center;
}

    .top-bar-section li.best-experience-message a:not(.button):hover {
        color: #18a689 !important;
        background: white !important;
        cursor: default;
        text-decoration: none;
        line-height: unset;
        text-align: center;
    }