@import url(defaults.css);

* {
  margin: 0;
  padding: 0;
  color: #FFF;
}
ul {
  list-style: none;
}
body {
  font-size: 70%;
  background: #000 url(../../img/top_bg.jpg) repeat-x;
}
#container .pages a, #container .pages span {
  color: #7a0012;
}
#container .pages span {
  font-weight: normal;
}
.page-search-form {
  float: right;
  width: 300px;
}
#page-search-form {
  float: right;
  width: 240px;
  position: relative;
  top: -5px;
}
  #page-search-form .q {
    width: 200px;
  }
.search-form {
  position: relative;
  width: 150px;
}
  .search-form .q {
    position: absolute;
    width: 122px;
    top: 0;
    left: 0;
    background: #FFF;
    border: 1px solid #a50019;
    height: 13px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
  }
  .search-form .button {
    background: url(../img/search_button.jpg);
    height: 23px;
    width: 22px;
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
  }
.sidebar1 {
  float: left;
  width: 161px;
  font-size: 0.9em;
}
  .sidebar1 .info {
    background: url(../img/side_plate_bg.jpg) no-repeat;
    width: 141px;
    padding: 10px;
    height: 260px;
  }
    .sidebar1 .info h3 {
      color: #f3bc1c;
    }
.sidebar2 {
  float: right;
  width: 257px;
  position: relative;
  top: -4px;
}
  .sidebar2 .nav {
    margin: 0;
  }
  .sidebar2 .nav li {
    background: url(../img/accordion_middle_bg.jpg) no-repeat;
    min-height: 28px;
    position: relative;
  }
  * html .sidebar2 .nav li {
    height: 28px;
  }
    .sidebar2 .nav li a {
      padding-left: 30px;
      line-height: 28px;
      background: url(../img/accordion_inactive_bg.jpg) 15px 3px no-repeat;
    }
    .sidebar2 .nav li.active a {
      background: url(../img/accordion_active_bg.jpg) 14px 5px no-repeat;
    }
  .sidebar2 .nav li.first {
    background: url(../img/accordion_top_bg.jpg) no-repeat;
    padding-top: 2px;
    min-height: 26px;
  }
    .sidebar2 .nav li.first a {
      line-height: 29px;
    }
  * html .sidebar2 .nav li.first {
    height: 26px;
  }
  * html .sidebar2 .nav li.last {
    height: 32px;
  }
    .sidebar2 .nav li ul {
      padding: 0;
      padding-left: 3px;
      padding-right: 3px;
      margin: 0;
      display: none;
    }
      .sidebar2 .nav li li, .sidebar2 .nav li li.first, .sidebar2 .nav li li.last {
        background: #c1bfc1;
      }
      #container .sidebar2 .nav li li {
        border-bottom: 1px solid #FFF;
        line-height: auto;
        display: block;
        height: auto;
        min-height: auto;
      }
        #container .sidebar2 .nav li li a {
          display: block;
          margin-left: 8px;
          padding: 8px;
          padding-top: 3px;
          padding-bottom: 3px;  
        }
      * html #container .sidebar2 .nav li li {
        height: auto;
      }
        #container .sidebar2 .nav li li img {
          float: left;
        }
        #container .sidebar2 .nav li li .video-info {
          float: left;
          display: inline;
          padding-left: 8px;
          width: 145px;
        }
          #container .sidebar2 .nav li li .video-info * {
            color: #000;
            line-height: 15px;
          }
          #container .sidebar2 .nav li li a {
            font-weight: bold;
            padding: 0;
            font-size: 0.9em;
          }
          .all-videos .strong-button {
            background: url(../img/strong_button_grey.jpg) no-repeat;
            float: right;
          }
          #container .sidebar2 .nav li li p {
            font-size: 0.9em;
          }
          #container .sidebar2 .nav li li .rating {
            float: right;
            width: 50px;
          }
          #container .sidebar2 .nav li li .rating .rate {
            background: url(../img/grey_unset_small_star.jpg) no-repeat;
            width: 10px;
            height: 9px;
            float: left;
            display: block;
          }
          #container .sidebar2 .nav li li .rating .set {
            background: url(../img/grey_set_small_star.jpg) no-repeat;
          }
        #container .sidebar2 .nav li li ul {
          margin: 0;
          padding: 0;
        }
          #container .sidebar2 .nav li li li {
            margin: 0;
            padding-left: 10px;
            border-bottom: 0;
            border-top: 1px solid #FFF;
            background: #333;
          }
      .sidebar2 .nav li li.last {
        border: 0;
      }
        .sidebar2 .nav li ul a, .sidebar2 .nav li.active ul a {
          background: none;
        }
    .sidebar2 .nav li.last {
      background: url(../img/accordion_bottom_bg.jpg) no-repeat;
      min-height: 29px;
    }
      .sidebar2 .nav li.last .strong-button {
        float: right;
        display: inline;
        margin-right: 10px;
        margin-top: 4px;
        background: url(../img/strong_button_acc.jpg) no-repeat;
      }
  #container .sidebar2 .button, #container .sidebar2 .nav li li a.button {
    border: 0;
    background: url(../img/red_button_bg.gif) no-repeat;
    width: 69px;
    text-align: center;
    padding: 0;
    height: 18px;
    line-height: 18px;
    float: right;
    display: inline;
    margin-top: 5px;
    margin-right: 10px;
    text-transform: uppercase;
    font-size: 0.9em;
  }
    #container .sidebar2 .nav li a.jump {
      line-height: auto;
      position: absolute;
      right: 10px;
      height: auto;
      width: auto;
      top: 4px;
      background: none;
    }
    #container .sidebar2 .nav li.first a.jump, #container .sidebar2 .nav li li a.jump {
      top: 6px;
    }
#container {
  margin: 0 auto;
  width: 981px;
}
  #header {
    height: 205px;
    position: relative;
    margin-bottom: 20px;
  }
    #logo {
      position: absolute;
      top: 5px;
      left: 0;
    }
    #pay-off {
      position: absolute;
      top: 98px;
      left: 280px;
    }
    #tool-box {
      position: absolute;
      top: 20px;
      right: 0;
      width: 310px;
    }
      #tool-box .nav {

      }
        #tool-box .nav li {
          float: right;
          border-right: 1px solid #FFF;
          padding-left: 8px;
          padding-right: 8px;
        }
        #tool-box .nav li.first {
          border-right: 0;
          padding-right: 0;
        }
      #top-search-form {
        background: red;
        right: 0;
        top: 20px;
        position: absolute;
      }
      #top-search-form div {

      }
    #main-nav {
      height: 66px;
      top: 140px;
      left: -5px;
      width: 100%;
      position: absolute;
    }
      #main-menu {
        width: 991px;
        list-style: none;
      }
        #main-menu, #main-menu * {
          margin: 0;
          padding: 0;
        }
        #main-menu ul {
          list-style: none;
        }
          #main-menu li {
            list-style: none;
            float: left;
            height: 39px;
            /* Stopid IE! */
            font-size: 0.2em;
          }
            #main-menu li a {
              display: block;
              font-size: 1em;
            }
            #main-menu li span {
              display: none;
            }
              #main-menu li a img {
                border: 0;
                display: block;
                height: 39px;
              }
        #main-menu-bottom {
          float: left; 
        }
        #flags {
          float: left;
          position: relative;
        }
          #flags ul {
          }
          #flags li {
            position: absolute;
            width: 16px;
            height: 16px;
            top: 3px;
          }
            #flags li a {
              display: block;
              width: 16px;
              height: 16px;
              background: url(../img/spacer.gif);
            }
              #flags li a span {
                visibility: hidden;
              }
            #flags #flag-english {
              left: 3px;
            }
            #flags #flag-spanish {
              left: 23px;
            }
            #flags #flag-german {
              left: 43px;
            }
            #flags #flag-portuguese {
              left: 63px;
            }
            #flags #flag-polish {
              left: 83px;
            }
            #flags #flag-danish {
              left: 103px;
            }
            #flags #flag-norwegian {
              left: 123px;
            }
            #flags #flag-swedish {
              left: 143px;
            }
            #flags #flag-hungarian {
              left: 163px;
            }
            #flags #flag-greek {
              left: 183px;
            }
  #main-content {
    float: left;
    display: inline;
    width: 530px;
    background: #FFF;
    display: inline;
    margin-left: 10px;
    display: inline;
    font-size: 1.1em;
  }
    #main-content-top {
      background: url(../img/main_content_top_bg.jpg) no-repeat;
      height: 14px;
    }
    #main-content-wrapper {
      padding-left: 10px;
      padding-right: 10px;
      min-height: 300px;
    }
    * html #main-content-wrapper {
      height: 300px;
    }
    #main-content-wrapper, #main-content-wrapper * {
      color: #000;
    }
    #main-content-wrapper .strong-button {
      color: #FFF;
    }
    #main-content-wrapper a {
      color: #9a0000;
      font-weight: bold;
    }
    #main-content-bottom {
      background: url(../img/main_content_bottom_bg.jpg) right bottom no-repeat;
      height: 10px;
    }
    body.grey #main-content {
      background: #c2c0c1;
    }
    body.grey #main-content-top {
      background: url(../img/main_content_top_grey_bg.jpg) no-repeat;
    }
    body.grey #main-content-bottom {
      height: 14px;
      background: url(../img/main_content_bottom_grey_bg.jpg) right top no-repeat;
    }
      #flash-messages {
        padding: 6px;
        border: 1px solid #a40000;
        background: #d8bfbf;
        margin-bottom: 10px;
      }
        #flash-messages p {
          margin: 0;
        }
#error {
  margin-top: 40px;
  width: 600px;
}