style.sass

@import compass
@import fancy-buttons

$deal_width: 280px

*
  :font-family arial,sans-serif

body
  :margin-right $deal_width + 12px
  :background-color #fff
  :color #333

body.skip-deal
  :margin-right 0px

#logo
  :margin-top -1em
  :position relative
  :top 2em

.logo
  :font-size 1.5em
  :color #444

input
  :-moz-box-sizing content-box
  :font-family inherit

input.text
  :background #fff
  :border 1px solid #ccc
  :border-bottom-color #999
  :border-right-color #999
  :color #000
  :font 18px arial,sans-serif bold
  :height 25px
  :margin 0
  :padding 5px 8px 0 6px
  :vertical-align top

input.text:focus
  :outline none

input#search, input#lucky
  :background url("http://www.google.com/images/srpr/nav_logo13.png") repeat scroll center bottom transparent
  :border medium none
  :color #000000
  :cursor pointer
  :font 15px arial,sans-serif
  :height 30px
  :margin 0
  :outline 0 none
  :vertical-align top

.button_wrapper
  :border-bottom 1px solid #E7E7E7
  :border-right 1px solid #E7E7E7
  :display inline-block
  :margin 3px 0 4px 4px
  .inner
    :background none repeat scroll 0 0 #EEEEEE
    :border-color #CCCCCC #999999 #999999 #CCCCCC
    :border-style solid
    :border-width 1px
    :display block
    :height 30px

#fake_mouse
  :position absolute
  :top 100px
  :left 100px

#instructions
  :margin-top 40px
  :font-size 1.1em
  :color #999
  :width 350
  :height 84px
  :background transparent url(images/instructions_bg.png) no-repeat top center
  div
    :line-height 84px

#link_placeholder
  :height 90px

#link
  :position absolute
  :display none
  :padding-bottom 28px

input.link
  :width 312px
  :font-size 1.2em
  :text-align center
  :border 1px solid #c2c9ff
  :color #555
  :background-color #f4fbff
  :cursor pointer

#footer
  :margin-top 100px
  :color #999
  :border-top solid 1px #ddd
  :padding-top 0.5em
  :text-align center
  a
    :color #999
    :text-decoration none
    :padding 0 1em
  a:hover
    :text-decoration underline

#about
  :margin-top 0.5em
  :color #666
  :text-align center

#language
  :margin-top 1em
  :color #666
  :text-align center
  :background #fff url(/images/worldwide.png) no-repeat center
  select
    :width 200px
    :opacity 0

#copyright
  :margin-top 40px
  :padding 0.25em
  :text-align center
  :font-size 0.75em
  :color #bbb
  :background-color #fff

#link_buttons, #link_message
  :position absolute
  :display none

a.link_button
  :display block
  :float left
  :width 60px
  :height 20px
  :margin 0 2px
  :padding 5px 0
  :background transparent url(images/link_button.png) no-repeat center center
  :color #fff
  :line-height 20px
  :text-align center
  :font-size 0.8em
  :text-decoration none
  &:hover
    :background-image url(images/link_button_hover.png)

#link_message
  :z-index 99
  :width 332px
  :height 32px
  :background url(images/link_message.png)
  :color #fff
  :line-height 32px
  :text-align center
  :font-size 1em

.banner
  width: 728px
  margin: 0 auto

.deal
  +box-shadow
  display: none
  text-decoration: none
  width: $deal_width
  position: absolute
  right: 10px
  top: 10px
  cursor: pointer
  .pitch
    position: relative
    height: 401px
    .region_name, .title, .numbers
      background: #000
      color: #fff
      line-height: 24px
      +opacity(0.8)
    .region_name
      font-size: 24px
      padding: 6px 8px 2px 8px
      text-align: center
      +ellipsis
    .title
      padding: 2px 8px 6px 8px
      font-size: 16px
      text-align: center
      +ellipsis
    .numbers
      position: absolute
      bottom: 0px
      width: 100%
      .block
        float: left
        text-align: center
        .value
          font-size: 24px
          padding: 8px 0px 0px 0px
        .label
          font-size: 12px
          text-transform: uppercase
          padding: 0px 8px 8px 8px
      .block.savings
        margin-left: 16%
      .block.remaining
        position: absolute
        right: 16%
  .action
    padding: 16px 8px
    background-color: #eee
    text-align: center
    .button
      font-family: "arial rounded mt bold"
      +fancy-button(#F0812B, 32px)
      padding: 0.3em 0.5em
      .price
        font-size: 32px
        font-family: "arial rounded mt bold"