The site_store_pro_tell_a_friend_form.css file is attached to the /store/ tellafriend/tell_a_friend.asp and /store/tellafriend/thankyou.asp pages ONLY. The “Tell-A-Friend” feature of Site Store Pro is 100% dynamic and controlled completely through the web-based admin system . The form and confirmation page are modified by editing the CSS classes and changing the text elements and page images through the web-based admin under Store Setup > Store & Item Display Setup > Tell-A-Friend Form Configuration.

·          Body  (This class formats the general page properties including background and margins for the tell-a-friend submission form page and the confirmation page. All text and image content on these pages are controlled through the web-based admin system under Store Setup > Store & Item Display Setup > Tell-A-Friend Form Configuration.)

·          .SSPro_TELLFRIEND_FORM_TABLE (This class formats the main table that contains the tell-a-friend form. The table properties such as width, border and padding are set with this class. Background color, bordering, etc can also be set with this class to modify the appearance of the tell-a-friend form.)

·          .SSPro_TELLFRIEND_IMAGE_SECTION (This class formats the top section <td> of the tell-a-friend form table where the header image resides. The header image can be modified/changed through the web-based admin system under Store Setup > Store & Item Display Setup > Tell-A-Friend Form Configuration.)

·          .SSPro_TELLFRIEND_INSTRUCTIONS (This class formats the tell-a-friend form instructions section <td>. The text content (instructions) can be modified/changed through the web-based admin system under Store Setup > Store & Item Display Setup > Tell-A-Friend Form Configuration.)

·          .SSPro_TELLFRIEND_FORM_LEFT_COLUMN (This class formats the left column <td> of the Tell-A-Friend form and sets the text properties, etc of the form field labels.  The form fields labels can be edited in the web-based admin under Store Setup > Store & Item Display Setup > Tell-A-Friend Form Configuration.)

·          .SSPro_TELLFRIEND_FORM_RIGHT_COLUMN (This class formats the right column <td> of the Tell-A-Friend form. The right column contains the form fields where the user enters the tell-a-friend recipient information)

·          .SSPro_TELLFRIEND_ERROR_MESSAGE (This class formats the error message(s) text that is returned when a user does not enter an email address of recipient information correctly in the Tell-A-Friend form. The error messages can be edited in the web-based admin under Store Setup > Store & Item Display Setup > Tell-A-Friend Form Configuration.)

·          .SSPro_TELLFRIEND_SUBMIT_BUTTON_SECTION (This class formats the bottom submit section <td> of the tell-a-friend submit form that contains the submit button. Background color, bordering, etc can be set with this class to modify the appearance of the tell-a-friend form.)

·          .SSPro_TELLFRIEND_FORM_FIELDS (This class formats the properties of the text input fields on the Tell-A-Friend form.  Text font, text size, text color, field height, field width, etc can be set with this class to modify the appearance of the input fields.)

·          .SSPro_TELLFRIEND_COMMENTS_COLUMN (This class formats the user comments section <td> of the tell-a-friend submit form. Background color, bordering, etc can be set with this class to modify the appearance of this section.  The comment section text label can be modified in the web-based admin under Store Setup > Store & Item Display Setup > Tell-A-Friend Form Configuration.)

·          .SSPro_TELLFRIEND_COMMENTS_BOX (This class formats the user comments text input area  of the tell-a-friend submit form. Text properties, background color, bordering, etc can be set with this class to modify the appearance of the input box.)

·          .SSPro_TELLFRIEND_SUBMIT_BUTTON (This class formats the submit button on the Tell-A-Friend form. Text properties, background color, bordering, etc can be set with this class to modify the appearance of the button. The button’s text label can be modified in the web-based admin under Store Setup > Store & Item Display Setup > Tell-A-Friend Form Configuration.)

·         .SSPro_TELLFRIEND_FOOTER (This class formats the footer of the tell-a-friend submit and confirmation pages. Background color, text styles, bordering, etc can be set with this class to modify the appearance of the section. The footer’s text content can be modified in the web-based admin under Store Setup > Store & Item Display Setup > Tell-A-Friend Form Configuration.)