gistfile1.css

#tabs
  :position absolute
  :top 30px
  :z-index 300
  :width 100%

  a
    :color #fff
    
// Mega Menu 
ul.mega_menu
  
  div
    :display none
    :line-height 14px
    
  h2, h3
    font-size: 100%
    font-weight: normal
    display: inline 

  li.mega
    :float left
    :position relative

    h2
      :cursor pointer
      :color #E9E9E9
      / :border 1px solid red
      :font-size 12px
      :font-weight normal
      :text-decoration none
      :display block
      :margin-top 15px
      :padding 17px 25px 11px 15px
      / :padding-right 2.25em
      :background url(/images/v2/menu_separator.png) no-repeat right top
      
      span.down_arrow
        :background transparent url(/images/v2/arrows-ffffff.png) no-repeat scroll
        :background-position 0 -100px
        :display block
        :height 10px
        :overflow hidden
        :position absolute
        :right 0.75em
        :text-indent 9999px
        :top 2.5em
        :width 10px 

  .mega_div
    :padding 0 126px 9px 0
    :width 10em
    :background transparent url(/images/v2/shadow.png) no-repeat scroll right bottom

    .mega_header
      :font-size 1.2em

      small
        :display block
        :color #666666
        :font-size 0.8em
    .hover
      :background none
    .menu_item
      :width 216px
      :color #e9e9e9
      :display block
      :font-size 12px
      :font-weight bold
      :height 40px
      :margin-left 1px
      :padding 10px 0 0 20px
      :position relative

      small
        :display block
        :color #666666
        :font-size 0.8em
      
      .submenu_group
        :background transparent url(/images/v2/shadow.png) no-repeat scroll right bottom
        :position relative
        :left 216px
        :top -52px
        :display none
        :width 250px
        :padding 0 0 9px 0

        .menu_item
          :width 220px


      h3
        :font-size 12px

      p
        :color #666666
        :font-size 0.8em
        :font-weight normal 

  p
    :margin 0 0 0.8em 0
    :padding 0 0 10px 0

  li.hovering h2
    :background url(/images/v2/tab_hover.png) repeat-x scroll right top
    :padding-bottom 17px
    / repeat-x scroll top 30px
  
    h2
      :background transparent
      
    a
      :color #EAE8C4
    
    div
      display: block
      
  li 
    display: inline
    position: relative

    a
      :cursor pointer
      color: #fff
      text-decoration: none
      padding: 0 0.4em

      &:hover
        :color #EAE8C4      
        text-decoration: underline


ul.right_mega li.mega h2 
  :padding-top 15px

#tabs li.selected h2
  :background url("/images/v2/tab_left.png") no-repeat scroll left top
  :color #333333

#tabs li.selected
  :background url("/images/v2/tab_right.png") no-repeat scroll right 15px

ul.mega_menu
  :color #ddd
  :margin 0
  :padding 0.3em 0em
  :font-size 9pt

  div
    :display none
    
  h2, h3
    font-size: 100%
    font-weight: normal
    display: inline



  li.mega
    / :background transparent url(/images/arrow_down.gif) center right no-repeat
    / :padding 0 1em 0 0.01em

    h2
      :cursor pointer

    div.mega_header
      :margin 0 0 9px 0
      :border none
      / :padding-top 5px
      
      h1
        :color #336799
        :color #fc0
        :margin 0
        / :border-bottom 2px solid #CEAE84
      
    // a
    //   background: transparent url(/images/arrow_down.gif) center right no-repeat
    //   padding: 0 1.2em 0 0.01em
      
    a:hover
      text-decoration: underline
  
  
    div.mega_div
      / :border 1px solid #dda
      width: 330px
      position: absolute
      :z-index 10
      top: 5.0em
      left: 0em
      padding: 1.3em 1em 0.5em 1em
      :background transparent url(/images/v2/shadow.png) repeat-y scroll right bottom      
      / :background #EAE8C4
      / :background #444
      / color: #930
      
      a
        :cursor pointer
        color: #300
        padding: 0
        background-image: none
        
      a.more
        color: #390
        font-weight: bold

      div.mega_body
        / :border 1px solid #666
        :margin-right 12px
        :padding 3px 0
        / :background #5CBD4E
      
        .mega_section
          :border-top 1px solid #777
          / :background #6ADA5A
          / :padding 2px 5px
          :margin 3px
          :padding 3px
          / :padding-top 10px
          :font-size 9pt

        
        .mega_section.hover
          :background none

          
  h3
    :width 100%
    :color #f70
    :font-weight bold
    :font-size 1.4em
    / :border-bottom 2px solid #CEAE84
    
    a
      :text-decoration none
      
  small
    :font-style italic
    :font-weight normal
    :color #888
    :display block
    :margin 5px 0 4px 0


  p
    / :margin 0 0 0.8em 0
    / :padding 0 0 4px 0
    :padding 0
    :margin 0
    :font-size 8pt
    / :background #444 url(/images/v2/menu_separator.png) center bottom repeat-x

  li.hovering
  
    a
      :color #EAE8C4
    
    div
      display: block
      
  li 
    display: inline
    / margin: 0.1em 1em
    position: relative

    a
      :cursor pointer
      :color #336799
      :text-decoration none
      :padding 0 0.4em

      &:hover
        :color #fc0      
        text-decoration: underline


#special_menu
  / %div{:style => 'z-index:11;height:40px;position:absolute; right: 110px; top: 5px;'}
  :position absolute
  :right 50px
  :top 0
  / :border 1px solid red
  :text-align right
  
        
#quick_linkz
  li.mega
    / :float none
    :position none
    
    div.ql
      :margin 0
      :padding 0
      :display block
      
    small
      :margin-top 5px
      
    p
      :margin 0
      
    div.mega_div
      :text-align left
      :left auto
      / :width 400px
      :position absolute
      :z-index 10
      :top 5.0em
      / :border 1px solid red
      :right 1px
      // :padding 1.3em

   
#global_search
  / :border 1px solid red
  :padding-top 8px
  
  
.ac_results
  :padding 0px
  :border 0px solid #444
  / :background-color transparent
  :color #eee
  :overflow hidden
  :z-index 99999
  :background transparent url(/images/v2/shadow.png) no-repeat scroll right bottom
  
  li
  
    / :background-color #222
    :padding 10px
    :font-size 11px
    :line-height 16px    
    / :margin 15px
    :border-top 1px solid #666
    
  li.ac_over
    :background-color #6ADA5A
    :color #222