/* 490 - Slide Panel */

.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}


/* Tab */

.tab {
  background: url(../images/tab_b.png) no-repeat 0 0;
  height: 42px;
  position: relative;
  top: 0;
  z-index: 100;
  margin: 0 auto;
  width: 980px;
}

.tab .button1 {
  display: block;
  position: relative;
  float: left;
}

.tab .button2 {
  display: block;
  position: relative;
  float: right;
   height: 42px;
  width: 143px;
  margin: 0;
  right: 13px;
}

.legals {
  position: relative;
  width: 980px;
  margin: -10px auto;
  z-index: 101;
}

.legals p {
  font-family: Tahoma, Helvetica, sans-serif;
  font-size: 11px;
  color: #6b6b6b;
  margin-left: 150px;
}

.legals p a {
  text-decoration: none;
  color: #e01b21;
}

.tab a {
   text-decoration: none;
}

a#open1, a#close1 {
  line-height: 16px !important;
  cursor: pointer;
  display: block;
  width: 72px;
  height: 16px;
  position: relative;
  float: left;
  top: 9px;
  left: 30px;
}

a#open1 {background: url(../images/getintouch.png) no-repeat left 0px;}
a#close1 {background: url(../images/getintouch.png) no-repeat left 0px;}
a:hover#open1 {background: url(../images/getintouch.png) no-repeat left -16px;}
a:hover#close1 {background: url(../images/getintouch.png) no-repeat left -16px;}

a#open2, a#close2 {
  height: 20px;
  line-height: 20px !important;
  padding-left: 30px !important;
  cursor: pointer;
  display: block;
  width: 113px;
  position: relative;
  top: 9px;
}

a#open2 {background: url(../images/bt_open.png) no-repeat left 0;}
a#close2 {background: url(../images/bt_open.png) no-repeat left -40px;}
a:hover#open2 {background: url(../images/bt_open.png) no-repeat left -20px;}
a:hover#close2 {background: url(../images/bt_open.png) no-repeat left -60px;}

/* Panel */

#toppanel {
    position: relative;
    /*position: relative;*/
    bottom: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    margin: 0 auto;
  background: url(../images/top_pb.gif) repeat-x;
}

#panel {
  width: 980px;
  height: 230px;
  background: #0b0b0b;
  overflow: hidden;
  position: relative;
  z-index: 4;
  display: none;
  text-align: center;
  margin: 0 auto;
}

#panel .content {
  width: 980px;
  margin: 0;
  padding-top: 15px;
  text-align: left;
  font-size: 12px;
}

#panel .content .left1 {
  width: 85px;
  height: 190px;
  float: left;
  padding: 0 20px;
  border-left: 1px solid #333;
}

#panel .content .left1 p {
  line-height: 140%;
}

#panel .content .left1 p a {
  color: #e01b21;
}

#panel .content .left2 {
  width: 160px;
  float: left;
  padding: 0 20px 0 0;
}

#panel .content .left3 {
  width: 122px;
  height: 190px;
  float: left;
  padding: 0 20px;
  border-left: 1px solid #333;
}

#panel .content .left3 p {
  line-height: 140%;
}

#panel .content .left3 p a {
  color: #e01b21;
}

#panel .content .right {
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  float: left;
  width: 460px;
  height: 190px;
  padding: 0 20px 0 20px;
}

#panel .content form {
  margin: 0;
}

#panel .content label {
  float: left;
  padding-top: 11px;
  width: 280px;
  display: block;
  color: #e01b21;
  font-size: 12px;
  font-family: Tahoma, Helvetica, sans-serif;
}

#panel .content input.field1 {
  border: 1px #1d1d1d solid;
  background: #1b1b1b;
  margin-right: 5px;
  margin-top: 5px;
  width: 210px;
  font-size: 12px;
  color: #6b6b6b;
  height: 14px;
  padding: 4px;
  float: left;
}

#panel .content input:focus.field1 {
  background: #2b2b2b;
  color: #ebebeb;
}

#panel .content input.field2 {
  border: 1px #1d1d1d solid;
  background: #1b1b1b;
  margin-top: 5px;
  width: 225px;
  font-size: 12px;
  color: #6b6b6b;
  height: 14px;
  padding: 4px;
  float: left;
}

#panel .content input:focus.field2 {
  background: #2b2b2b;
  color: #ebebeb;
}

#panel .content textarea.field3 {
  border: 1px #1d1d1d solid;
  background: #1b1b1b;
  margin-right: 5px;
  margin-top: 5px;
  width: 450px;
  font-size: 12px;
  color: #6b6b6b;
  height: 80px;
  padding: 4px;
  float: left;
  overflow: auto;
}

#panel .content textarea:focus.field3 {
  background: #2b2b2b;
  color: #ebebeb;
}

/* BUTTONS */

#panel .content input.btn_cancel,
#panel .content input.btn_submit {
  display: block;
  float: right;
  height: 24px;
  text-align: center;
  cursor: pointer;
  border: none;
  font-weight: bold;
  margin: 5px 0 0 5px;
}

#panel .content input.btn_cancel {
  width: 26px;
  background: transparent url(../images/cancel_btn.gif) no-repeat 0 0;
}

#panel .content input.btn_submit {
  width: 26px;
  color: white;
  background: transparent url(../images/go_btn.gif) no-repeat 0 0;
}