body {
  background-color: #ffffff;
  background: url("../Content/images/srp/greyblend.jpg") repeat;
  font-size: .85em;
  font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
  margin: 0;
  padding: 0;
  color: white;
}

html, body {
    margin: 0;
    height: 100%;
}

header
{
  display: block;  
}

#headerimg 
{
  display: block;
  background-image: url('../Content/images/srp/srplogo3.png');
  background-repeat: no-repeat;
  background-position: center center;
  width: 900px;
  height: 205px;   
  margin: 0;
  padding: 0;
}

#main 
{
    /* top right bottom left */
    padding: 10px 30px 10px 30px;
    background-color: #fff;
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    border: 2px solid #00BB66;
}

#logindisplay {
  font-size: 1.1em;
  display: block;
  text-align: right;
  margin: 10px;
  color: #02522e;
}

  #logindisplay a:link {
    color: #02522e;
    text-decoration: underline;
  }

  #logindisplay a:visited {
    color: #02522e;
    text-decoration: underline;
  }

ul#menu li a {
  padding: 10px 20px;
  font-weight: bold;
  text-decoration: none;
  line-height: 2.8em;
  background-color: #e8eef4;
  color: #02522e;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
}

ul#menu li a:hover {
  background-color: #E8E8E8;
  text-decoration: none;
}


    ul#menu li.active a:hover, ul#menu li.active a, ul#menu li a:active {
        background-color: #004733;
        text-decoration: none;
        color: #fff !important;
    }

.wcs_navbar .icon {
    background: #004733 !important;
}

.wcs_gas_order label.gasmessage {
    color: #000;
}



@media screen and (max-width: 767px) {
    .wcs_header .wcs_headerimg {
        min-height: 130px !important;
        max-height: 280px;
        height: 100% !important;
    }

    
}