/* -- info template -- */
  #page-container {}
    #header {}
      #site-title {
        background: url('/_images/site-title.jpg') no-repeat 0 0;
        display: block;
        height: 193px;
        overflow: hidden;
        width: 760px;
      }
        #site-title a {
          display: block;
          height: 0;
          overflow: hidden;
          padding: 193px 0 0 800px;
          width: 0;
        }
      #site-tagline {
        display: block;
        height: 0;
        overflow: hidden;
        width: 0;
      }
      #navigation {
        background: url('/_images/tour-navbar.jpg') no-repeat 0 0;
        display: block;
        height: 61px;
        width: 760px;
      }
        #navigation li {
          display: block;
          height: 50px;
          overflow: hidden;
          position: absolute;
          top: 198px;
        }
        #button-store {
          height: 0;
          overflow: none;
          width: 0;
        }
        #button-members {
          left: 40px;
          width: 202px;
        }
        #button-join {
          left: 250px;
          width: 267px;
        }
        #button-tour {
          background: url('/_images/button-tour-preview.jpg') no-repeat 0 1px;
          left: 525px;
          width: 201px;
        }
        #button-tour.next {
          background: none;
          left: 525px;
          width: 201px;
        }
        #button-tour.join {
          background: url('/_images/button-tour-join.jpg') no-repeat 0 1px;
          left: 525px;
          width: 201px;
        }
          #navigation a {
            display: block;
            height: 0;
            overflow: hidden;
            padding-top: 50px;
            width: 100%;
          }
          * html #navigation a {
            height: 50px;
            he\ight: 0;
          }
    #body {
      background: #CC7E00;
      border: solid 1px #000;
      color: #000;
      margin:  20px auto;
      padding: 10px;
      position: relative;
      width: 740px;
    }
    * html #body {
      width: 760px;
      w\idth: 738px;
    }
    #footer {
      margin: 0 auto;
    }


/* -- info pages -- */

/* join page */
  #body {}
    #title-join {
      background: url('/_images/title-join.gif') no-repeat 0 0;
      height: 0;
      margin: 0;
      padding-top: 43px;
      overflow: hidden;
      width: 300px;
    }
    * html #title-join {
      height: 43px;
      he\ight: 0;
    }
    #content-join {
      display: block;
      float: left;
      text-align: left;
      width: 375px;
    }
      #content-join ul {
        margin: 20px 0;
      }
        #content-join li {
          display: list-item;
          font: bold italic 15px arial;
          list-style: disc inside none;
          text-transform: uppercase;
        }
    .content-join-form {
      margin: 0;
      padding: 10px 0 0 0;
      width: 300px;
    }
      .content-join-form fieldset {
        background: #CC7E00;
        border: solid 1px #000;
        padding: 10px;
        width: 300px;
      }
        .content-join-form legend {
          color: #000;
        }
        .content-join-form label {
          clear: both;
          color: #000;
          display: block;
          font-weight: bold;
          padding: 0;
          text-align: right;
        }
          .content-join-form label span {
            display: block;
            float: none;
            margin: 10px 0;
            text-align: left;
            width: auto;
          }
          .content-join-form input {
            background: #000;
            border: solid 1px #000;
            color: #fff;
            float: none;
            width: auto;
          }
        #content-join-ccinfo {
          padding-left: 15px;
        }
          #content-join-ccinfo li {
            font: 12px arial;
            list-style: disc outside none;
            text-transform: none;

          }     
    #content-join-bonus_sites {
      background: #A65900;
      border: solid 1px #000;
      border-left: solid 1px #000;
      border-right: none;
      float: left;
      margin: 20px 0;
      position: relative;
      left: 12px;
      width: 360px;
    }
      #content-join-bonus_sites p {
        color: #000;
        font-weight: bold;
        padding: 0 5px;
      }
      #content-join-bonus_sites dt {
        clear: left;
        float: left;
        height: 130px;
        margin: 0;
        padding: 0 10px;
        width: 152px;
      }
        #content-join-bonus_sites dt img {
          border: solid 2px #000
        }
      #content-join-bonus_sites dd {
        color: #000;        
        float: left;
        height: 130px;
        margin: 0;
        width: 180px;
      }
        #content-join-bonus_sites dd strong {
          color: #000;
        }
        #content-join-thumbstrip {
        clear: both;
        display: block;
        margin: 0 15px;   
      }