Help with CSS code for buttonRow forward

[CybaGirl]

Hello can someone please help and tell me what is the right code I need to use to put a space between two buttons when the code <div class="buttonRow forward"> is used in a php file.

Previously I added the the following code:

#reviewsInfoDefault .buttonRow{
margin: 3px 0;
}

to my stylesheet to put a gap between all the buttons on the review page so that it now looks like this. As prior to adding the above code to my stylesheet file the "Go To Products Information", "More Reviews" and "Write Review buttons were sitting on top of each other.



To get this information I looked at the file tpl_product_reviews_info_default.php and at the top it says

<div class="centerColumn" id="reviewsInfoDefault">

And further on down where the buttons are located it says:

<div class="buttonRow">
<?php
        // more info in place of buy now
        if (zen_has_product_attributes($review_info->fields['products_id'] )) {
          //   $link = '<p>' . '<a href="' . zen_href_link(zen_get_info_page($review_info->fields['products_id']), 'products_id=' . $review_info->fields['products_id'] ) . '">' . MORE_INFO_TEXT . '</a>' . '</p>';
          $link = '';
        } else {
          $link= '<a href="' . zen_href_link($_GET['main_page'], zen_get_all_get_params(array('action', 'reviews_id')) . 'action=buy_now') . '">' . zen_image_button(BUTTON_IMAGE_IN_CART, BUTTON_IN_CART_ALT) . '</a>';
        }

        $the_button = $link;
        $products_link = '';
        echo zen_get_buy_now_button($review_info->fields['products_id'], $the_button, $products_link) . '<br />' . zen_get_products_quantity_min_units_display($review_info->fields['products_id']);
      ?>
</div>
<div id="reviewsInfoDefaultProductPageLink" class="buttonRow"><?php echo '<a href="' . zen_href_link(zen_get_info_page($_GET['products_id']), zen_get_all_get_params(array('reviews_id'))) . '">' . zen_image_button(BUTTON_IMAGE_GOTO_PROD_DETAILS , BUTTON_GOTO_PROD_DETAILS_ALT) . '</a>'; ?></div>

<div id="reviewsInfoDefaultReviewsListingLink" class="buttonRow"><?php echo ($reviews_counter > 1 ? '<a href="' . zen_href_link(FILENAME_PRODUCT_REVIEWS, zen_get_all_get_params(array('reviews_id'))) . '">' . zen_image_button(BUTTON_IMAGE_MORE_REVIEWS , BUTTON_MORE_REVIEWS_ALT) . '</a>' : ''); ?></div>

<div class="buttonRow"><?php echo '<a href="' . zen_href_link(FILENAME_PRODUCT_REVIEWS_WRITE, zen_get_all_get_params(array('reviews_id'))) . '">' . zen_image_button(BUTTON_IMAGE_WRITE_REVIEW, BUTTON_WRITE_REVIEW_ALT) . '</a>'; ?></div>
</div>

So by knowing the id and class I was able to use the above code in my stylesheet file to create gaps between all the buttons on the review page.

But when I try to add similar code using the following:

#createAcctSuccess .buttonRow forward,{
margin: 3px 0;
}

to my stylesheet file to create gaps on the signup success page it doesn't work for some reason.

For example this is what my signup page currently looks like after someone has successfully signed up.



Now I know in my tpl_create_account_success_default.php file at the very top it says:

<div class="centerColumn" id="createAcctSuccess">

Then down where the buttons are it says:

<div class="buttonRow forward"><?php echo '<a href="' . zen_href_link(FILENAME_ADDRESS_BOOK_PROCESS, 'edit=' . $addresses['address_book_id'], 'SSL') . '">' . zen_image_button(BUTTON_IMAGE_EDIT_SMALL, BUTTON_EDIT_SMALL_ALT) . '</a> <a href="' . zen_href_link(FILENAME_ADDRESS_BOOK_PROCESS, 'delete=' . $addresses['address_book_id'], 'SSL') . '">' . zen_image_button(BUTTON_IMAGE_DELETE, BUTTON_DELETE_ALT) . '</a>'; ?></div>
<br class="clearBoth">

So I assumed by adding the following:

#createAcctSuccess .buttonRow forward,{
margin: 3px 0;
}

To my stylesheet file this would create small gaps on my signup success page as well. But it doesn't work.

So can someone please tell me what is the right code I should be using to create a small gap between the two buttons?

Any help in regards to this will be greatly appreciated!

Thanks.