diff --git a/app/assets/javascripts/preorder.js.coffee b/app/assets/javascripts/preorder.js.coffee
index d872cc9..aec14e9 100644
--- a/app/assets/javascripts/preorder.js.coffee
+++ b/app/assets/javascripts/preorder.js.coffee
@@ -22,6 +22,7 @@ Selfstarter =
     # if they are using the optional payment options section on the checkout page, need to conditional fix the email
     # field and button to the bottom of the page so it's displayed after selecting a radio button
     if $('.payment_options').length > 0
+
       onScroll = () ->
         wrapper = $('.checkout_controls_wrapper')
         if $(window).scrollTop() + $(window).height() < checkoutOffset
@@ -33,7 +34,10 @@ Selfstarter =
         onScroll()
 
       # the radio button selection should bring up the email field and button
-      $('.payment_radio').on "click", ->
+      $('.payment_options ol li').on "click", ->
+        $(".payment_radio").parents("ol>li").removeClass("checkout_option_selected")
+        $(this).addClass("checkout_option_selected")
+        $(this).children(".payment_radio").attr "checked", "checked"
         onScroll()
         $('.checkout_controls_wrapper').addClass "checkout_ready"
 $ ->
diff --git a/app/assets/stylesheets/checkout.css.scss b/app/assets/stylesheets/checkout.css.scss
index b1c340e..a577881 100644
--- a/app/assets/stylesheets/checkout.css.scss
+++ b/app/assets/stylesheets/checkout.css.scss
@@ -69,6 +69,16 @@
       list-style: none;
       margin: -10px -20px;
       word-wrap: break-word;
+      li:hover
+      {
+        background-color: #cbe6c0;
+        cursor: hand;
+        cursor: pointer;
+      }
+      li.checkout_option_selected
+      {
+        @extend li:hover;
+      }
       li
       {
         border-bottom: 1px solid #AAF58C;
@@ -117,6 +127,7 @@
           padding: 0;
           border: 0;
           font: inherit;
+          font-size: 12px;
           vertical-align: baseline;
 
           span
@@ -141,7 +152,8 @@
         }
         div.description
         {
-
+          margin-top: -11px;
+          padding-left: 112px;
 
           p.full
           {
diff --git a/config/settings.yml b/config/settings.yml
index cb08d5a..32f1017 100644
--- a/config/settings.yml
+++ b/config/settings.yml
@@ -40,7 +40,7 @@ use_payment_options: true
 #   package text (description of what they get if they select this payment option - kickstarter calls these "rewards"),
 #   delivery text
 payment_options: [
-  ["10.00", "$10", "", "You receive a great big thankyou from us!You Rock", ""],
+  ["10.00", "$10", "", "You receive a great big thankyou from us!  You Rock", ""],
   ["10.00", "$100", "add $3 to ship outside the US", "You receive our print edition", "Estimated delivery: Oct 2013"],
   ["10.00", "$125", "add $3 to ship outside the US", "You will receive both our print and digital edition", "Estimated delivery: Oct 2013"]
 ]