.header-logo {
  background: url(../images/base/logo.png) no-repeat left top; }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

ul {
  list-style-type: none;
  margin: 0; }

.wrapper {
  position: relative;
  width: 980px;
  margin: 0 auto;
  padding: 0; }

.content-left {
  width: 200px;
  float: left;
  border-right: 2px silver dashed; }
  .content-left ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }

.content-right {
  float: left;
  width: 750px;
  margin-left: 10px; }

.header {
  height: 100px;
  background: url("../images/base/header-bottom.png") no-repeat 50% 100%; }

.header-logo {
  display: block;
  position: absolute;
  z-index: 1;
  width: 260px;
  height: 61px;
  font-size: 0px;
  color: transparent;
  top: 25px;
  left: 25px; }

.header-menu {
  position: absolute;
  z-index: 1;
  top: 25px;
  left: 340px;
  font-size: 2.8em; }
  .header-menu li {
    float: left;
    padding: 0 20px; }
  .header-menu a {
    color: #606060; }
    .header-menu a:hover {
      color: #333333; }

.footer {
  background: url("../images/base/footer-top.png") no-repeat 50% 0%;
  height: 50px; }
  .footer ul li {
    display: block;
    float: left;
    margin: 10px 10px 0; }
    .footer ul li a {
      color: #7e8459; }

.wizard {
  position: relative;
  background-color: #f8fbe6;
  border: 1px #e8ebd2 solid; }
  .wizard h1 {
    color: #ff6600;
    text-align: center;
    background-color: #f2f6d7;
    margin: 0px;
    border-bottom: 1px #e6eac8 solid;
    font-weight: normal;
    line-height: 1.6em; }
  .wizard .package {
    color: #7f8178; }
    .wizard .package img {
      float: left;
      margin: 0 50px 0 0; }
    .wizard .package .info-box {
      padding: 20px; }
    .wizard .package .per_month_label {
      font-size: 1.3em;
      font-weight: bold;
      color: #adbf34; }
    .wizard .package h3 {
      font-size: 1.7em;
      font-weight: normal;
      margin: 0; }
    .wizard .package h3.last {
      margin-top: 10px; }
  .wizard .hr {
    border-bottom: 1px white solid;
    background-color: #dce59a;
    font-size: 0px;
    height: 1px; }
  .wizard .next-button {
    display: block;
    line-height: 2em;
    width: 980px;
    font-size: 1.7em;
    text-align: center;
    color: #ff6600;
    cursor: pointer; }
    .wizard .next-button:hover {
      text-decoration: none;
      color: #b04600; }
  .wizard .binfos {
    background: url("../images/wizard/binfos-bg.png") #e1e8ad no-repeat 50% 50%; }
  .wizard .bindex {
    background: url("../images/wizard/bindex.png") #e1e8ad no-repeat 50% 50%; }
  .wizard .border {
    float: left;
    background: url("../images/wizard/border.png") #e1e8ad no-repeat 50% 50%;
    width: 477px;
    border-left: 1px #d5d7c6 solid; }
  .wizard .bcommand {
    background: url("../images/wizard/bcommand.png") #e1e8ad no-repeat 50% 50%;
    border: none;
    border-top: 1px #e8ebd2 solid;
    -moz-border-radius: 0; }
  .wizard .bvalid-order {
    background: url("../images/wizard/bvalid-order.png") #e1e8ad no-repeat 50% 50%;
    border-top: 1px #e8ebd2 solid; }
  .wizard #infos {
    color: #7f7f78;
    font-size: 1.6em;
    padding: 0 20px; }
    .wizard #infos strong {
      color: #4c4c46; }
    .wizard #infos p {
      line-height: 1.2em;
      margin: 1em 0; }

.wizard.first_step .countdown .l1 div {
  background-position: 0 -30px; }
.wizard.first_step .countdown .l1 a {
  color: #ff8b3e; }

.wizard.second_step .countdown .l1 div {
  background-position: 0 -60px; }
.wizard.second_step .countdown .l1 a {
  color: #91b66e; }
.wizard.second_step .countdown .l2 div {
  background-position: -27px -30px; }
.wizard.second_step .countdown .l2 a {
  color: #ff8b3e; }

.wizard.third_step .countdown .l1 div {
  background-position: 0 -60px; }
.wizard.third_step .countdown .l1 a {
  color: #91b66e; }
.wizard.third_step .countdown .l2 div {
  background-position: -27px -60px; }
.wizard.third_step .countdown .l2 a {
  color: #91b66e; }
.wizard.third_step .countdown .l3 div {
  background-position: -60px -30px; }
.wizard.third_step .countdown .l3 a {
  color: #ff8b3e; }

.term {
  padding: 15px 25px 0; }

.countdown {
  background-color: #fbfdf2;
  height: 60px;
  border-bottom: 1px #e8ebd2 solid; }
  .countdown li {
    margin: 15px 53px;
    line-height: 1.5em;
    float: left;
    display: block;
    color: #bdc298;
    font-size: 1.5em; }
    .countdown li a {
      color: #bdc298; }
      .countdown li a:hover {
        text-decoration: none; }
    .countdown li div {
      float: left;
      height: 30px;
      width: 27px;
      margin-right: 10px;
      background: url("../images/wizard/countdown.png"); }
  .countdown li.l2 div {
    background-position: -27px 0;
    width: 33px; }
  .countdown li.l3 div {
    background-position: -60px 0;
    width: 35px; }

.register-right-side, .register-left-side {
  float: left;
  width: 50%; }
  .register-right-side form, .register-left-side form {
    margin: 10px;
    background-color: #ecf1c8;
    color: #9fa486;
    padding: 5px 0 0 0;
    -moz-border-radius: 10px; }
  .register-right-side label, .register-left-side label {
    display: block;
    float: left;
    width: 150px;
    font-size: 1.2em;
    padding: 0 10px;
    text-align: right;
    line-height: 2.5em; }
  .register-right-side .checkbox, .register-left-side .checkbox {
    margin-top: 13px; }
  .register-right-side .itext, .register-left-side .itext {
    float: left;
    width: 270px;
    border: 2px #e6ecbb solid;
    margin: 7px 0;
    color: #8e9180;
    padding: 2px 5px;
    -moz-border-radius: 5px; }
    .register-right-side .itext:focus, .register-left-side .itext:focus {
      color: #5b5f47;
      border: 2px #d8e198 solid; }
    .register-right-side .itext:hover, .register-left-side .itext:hover {
      border: 2px #d8e198 solid; }
  .register-right-side .submit, .register-left-side .submit {
    width: 100%;
    border: none;
    background: url("../images/wizard/register-submit-bg.png") #dee6a6 no-repeat 50% 50%;
    color: #ff6600;
    font-size: 1.5em;
    height: 35px;
    -moz-border-radius: 0 0 10px 10px;
    cursor: pointer; }
    .register-right-side .submit:hover, .register-left-side .submit:hover {
      color: #b04600; }

.register-right-side form {
  margin-left: 0; }
.register-right-side label {
  width: 210px; }
.register-right-side .itext {
  width: 230px; }

.register-infos {
  padding: 20px 0 0 50px; }

#chose-number {
  margin: 10px 20px;
  font-size: 1.7em;
  color: #7e7f72; }
  #chose-number label {
    display: block; }
  #chose-number span {
    font-size: 0.7em;
    color: red; }
  #chose-number strong {
    color: #52524e; }

.contact {
  color: #5b5f47;
  font-size: 1.3em;
  margin: 20px; }

#about {
  color: #5b5f47;
  padding: 0 20px;
  font-size: 1.2em; }
  #about p {
    margin: 5px 0 15px; }
  #about h2 {
    font-size: 1.3em;
    margin: 15px 0 3px; }

.summary {
  color: #6c7439;
  padding: 10px 20px;
  margin: 10px 20px;
  background-color: #fbfdf1;
  -moz-border-radius: 10px;
  font-size: 1.1em; }
  .summary ol {
    list-style-type: none;
    margin: 0; }
  .summary a {
    color: #da8243; }
    .summary a:hover {
      color: #8c3800; }
  .summary p {
    color: #94996c; }
  .summary .box {
    float: left;
    width: 350px;
    margin: 0 20px 20px; }
  .summary table {
    width: 400px;
    border-spacing: 0px;
    border-collapse: collapse; }
    .summary table th {
      text-align: left; }
    .summary table td {
      line-height: 1.8em; }
    .summary table .t2 {
      text-align: right; }
    .summary table tr.last td {
      border-top: 1px #cdd1b6 solid;
      color: #919769; }