body.items-show
  #item-header
    border-bottom: 1px solid $module-border-color
    display: block
    margin-bottom: 1em
    padding: 1em 0
    div, img
      +inline-block
    div
      text-align: left
    a
      font-size: 75%
      margin-left: 1em
  #item-thumbnail
    border: 1px solid $module-border-color
    height: 80px
    margin-right: .5em
    width: 80px
  #item-name
    margin-bottom: 0
  #item-preview
    div
      float: left
  #item-preview-species
    width: 400px
    a, img
      height: 50px
      width: 50px
    a
      +inline-block
      &.current
        background: $module-bg-color
        outline: 1px solid $module-border-color
      &.deactivated
        +opacity(0.5)
        background: $error_bg_color
        //background: #fff;
        //background: rgba(255, 255, 255, .5);
        &.current
          outline-color: $error_border_color
  #item-preview-error
    display: none
    padding: 20px 10px 0
    width: 380px
  #item-preview-swf
    height: 300px
    overflow: hidden
    width: 300px
  #item-zones
    font:
      family: $text-font
      size: 85%
    margin-bottom: 1em

    p
      display: inline

      &:first-child
        margin-right: 1em
  #trade-hangers
    font-size: 85%
    text-align: left

    p
      position: relative

      &:first-child
        margin-bottom: .5em

      &.overflows
        .toggle
          display: block

      &.showing-more
        .toggle
          .less
            display: block

          .more
            display: none

    .toggle
      background: white
      bottom: 0
      cursor: pointer
      display: none
      font-family: $main-font
      padding: 0 1em
      position: absolute
      right: 0

      &:hover
        text-decoration: underline

      .less
        display: none

  #item-preview-header
    margin-top: 3em
    h3, a
      +inline-block
    a
      font-size: 85%
      margin: -1.5em 0 0 1em
  .nc-icon
    height: 16px
    width: 16px

  #closet-hangers
    border: 1px solid $module-border-color
    float: right
    font-size: 85%
    margin-left: 1em
    padding: 1em
    width: 21em

    label, header
      display: block
      font-weight: bold

    header
      font-size: 125%

    form
      padding: .5em 0

    select
      width: 9em

    input[type=number]
      width: 4em

  &.js
    #trade-hangers
      p
        max-height: 3em
        overflow: hidden

        &.showing-more
          max-height: none