﻿body {
  color: #000;
  font: 12px Arial,sans-serif; }

#header-wrapper {
  width: 100%;
  height: 130px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2; }

#header {
  position: relative;
  height: 130px;
  margin: 0 auto;
  background: #fff;
  /* Old browsers */
  background: url("images/custom/header_gradient.png") repeat-x;
  /* IE8 fallback */
  background: -moz-linear-gradient(#fff 75%, #ddd);
  /* FF3.6+ */
  background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(75%, #fff), color-stop(100%, #ddd));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(#fff 75%, #ddd);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(#fff 75%, #ddd);
  /* Opera11.10+ */
  background: -ms-linear-gradient(#fff 75%, #ddd);
  /* IE10+ */
  background: linear-gradient(#fff 75%, #ddd);
  /* W3C */
  -webkit-box-shadow: 0 1px 2px #999;
  -moz-box-shadow: 0 1px 2px #999;
  box-shadow: 0 1px 2px #999;
  -webkit-border-radius: 0 0 15px 15px;
  -moz-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
  z-index: 20;
  top: 0; }

#header .meta {
  background-image: -webkit-linear-gradient(top, rgba(17, 17, 17, 0.9) 0%, rgba(17, 17, 17, 0.6) 100%);
  height: 22px;
  padding: 4px 0 0; }

#header .meta ul {
  padding: 0 0 0 275px;
  margin-top: 0;
  margin-bottom: 0; }

#header .meta ul li {
  display: inline;
  padding: 0 35px 0 0; }

#header .meta ul.ls li {
  margin: 0;
  padding: 0; }

#header .meta ul.ls li:last-child, #header .meta ul.ls li.last {
  margin: 0 60px 0 0; }

#header .meta li a {
  color: #fff;
  font-size: 11px; }

#header .meta .active {
  font-weight: 700; }

#header .meta ul.ls {
  float: left; }

#header .meta ul.ls li {
  padding: 0 10px 0 0; }

#header .meta .register {
  float: right;
  display: inline-block;
  padding: 0 0 0 25px;
  margin: 0 30px 0 0;
  padding: 0 15px 0 0;
  background: url("images/custom/sprite32bit.png") right -414px no-repeat;
  color: #fff;
  font-weight: bold;
  font-size: 0.95em; }

#header .logo {
  position: absolute;
  top: 50px;
  left: 30px; }

#header .search {
  position: absolute;
  top: 40px;
  right: 30px; }

#header .menu {
  height: 25px;
  margin: 57px 0 0 275px;
  padding: 0; }

#header .menu li {
  float: left;
  height: 30px;
  margin: 0 5px 0 0; }

#header .menu a {
  display: block;
  background: #e3e3e3;
  color: #333;
  font-size: 16px;
  padding: 3px 23px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

#header .menu > li:hover > a, #header .menu > li > a.menu-active, #header .menu .pros a:hover {
  background: #f21600;
  color: #fff;
  text-decoration: none; }

#header #SearchBox {
  height: 30px;
  margin-top: -42px;
  text-align: right; }
  #header #SearchBox #SearchTitle {
    display: none; }
  #header #SearchBox #SearchButton_Link {
    background: url(images/search.png) no-repeat center center;
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: sub;
    position: relative;
    left: -32px;
    top: -20px; }
    #header #SearchBox #SearchButton_Link SPAN {
      display: none; }
  #header #SearchBox #SearchButton_Button {
    display: none; }
  #header #SearchBox #txSearch {
    width: 280px;
    height: 26px;
    border: 1px solid #ccc; }

