.body { border-width: 0px; width: 100%; padding: 0px; margin: 0px; border-style: none; background-color: #FFFFFF; text-align: center; color: #000000; }
/* Following property is necessary to make a table have a 100% height. Used with "strict" DOCTYPE */
html, body { height: 100%; }

.tb { color: #000000; vertical-align: middle; text-align: left; white-space: nowrap; background-color: #FFFFCC; border: 1px solid #7090a0; font-size: inherit; }

.buttonbegindesign { border: none; background-position: center center; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-align: center; vertical-align: middle; background-image: url(           'images/btn_begindesign_off.gif' ); background-repeat: no-repeat; text-decoration: none; background-color: #FFFFFF; width: 206px; height: 33px; font-weight: bold; }
.buttonbegindesign:hover { border: none; background-position: center center; font-family: Arial, Helvetica, sans-serif; color: #CC9933; text-align: center; vertical-align: middle; background-image: url(          'images/btn_begindesign_on.gif' ); background-repeat: no-repeat; text-decoration: none; width: 206px; height: 33px; background-color: #FFFFFF; font-weight: bold; cursor: pointer; }


.buttoninfo { border-style: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: center; vertical-align: middle; text-decoration: underline; background-color: #FFFFFF; background-image: none; }
.buttoninfo:hover { color: #CC0000; cursor: pointer; }
.buttonedit { border: none; background-position: center center; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-align: center; vertical-align: middle; background-image: url(                                         'images/btn_edit.gif' ); background-repeat: no-repeat; text-decoration: none; width: 50px; height: 18px; }
.buttonedit:hover { color: #cc0000; cursor: pointer; }
.buttonbuy { border: none; background-position: center center; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-align: center; vertical-align: middle; background-image: url(                                         'images/btn_buy_off.gif' ); background-repeat: no-repeat; text-decoration: none; width: 40px; height: 22px; }
.buttonbuy:hover { color: #cc0000; background-image: url(                                         'images/btn_buy_on.gif' ); cursor: pointer; }

.buttonback { padding: 2px 7px 2px 7px; margin: 0px; border: 1px solid #1D6480; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #1D6480; text-align: center; vertical-align: middle; text-decoration: none; background-color: #FFFFFF; }
.buttonback:hover { color: #CC0000; cursor: pointer; }
.button040 { border-style: none; padding: 4px; margin: 0px; background-position: center center; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-align: center; vertical-align: middle; background-image: url(                               'images/btn_0.4_off.gif' ); background-repeat: no-repeat; text-decoration: none; width: 40px; }
.button040:hover { color: #cc0000; background-image: url(                                    'images/btn_0.4_on.gif' ); cursor: pointer; }

.button10 { border-style: none; padding: 4px; margin: 0px; background-position: center center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bolder; text-align: center; vertical-align: middle; background-image: url(                                                            'images/btn_1.0_off.gif' ); background-repeat: no-repeat; text-decoration: none; background-color: #FFFFFF; width: 72px; height: 24px; background-color: #FFFFFF; }
.button10:hover { color: #cc0000; background-image: url(                                               'images/btn_1.0_on.gif' ); cursor: pointer; }

.button15 { border: none; background-position: center center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bolder; text-align: center; vertical-align: middle; background-image: url(                                                        'images/btn_1.5_off.gif' ); background-repeat: no-repeat; text-decoration: none; width: 108px; height: 24px; background-color: #FFFFFF; }
.button15:hover { color: #cc0000; background-image: url(                                                     'images/btn_1.5_on.gif' ); cursor: pointer; }

.button20 { border: none; background-position: center center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bolder; text-align: center; vertical-align: middle; background-image: url(                                           'images/btn_2.0_off.gif' ); background-repeat: no-repeat; text-decoration: none; width: 144px; height: 24px; background-color: #FFFFFF; }
.button20:hover { color: #cc0000; background-image: url(                                           'images/btn_2.0_on.gif' ); cursor: pointer; }
.button25 { border: none; background-position: center center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bolder; text-align: center; vertical-align: middle; background-image: url(                                                      'images/btn_2.5_off.gif' ); background-repeat: no-repeat; text-decoration: none; width: 180px; height: 24px; background-color: #FFFFFF; }
.button25:hover { color: #cc0000; background-image: url(                                               'images/btn_2.5_on.gif' ); cursor: pointer; }
.buttonorder { border: none; background-position: center center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bolder; color: #FFFFFF; text-align: center; vertical-align: middle; background-image: url(                                      'images/btn_order_off.gif' ); background-repeat: no-repeat; text-decoration: none; width: 180px; height: 24px; background-color: #FFFFFF; }
.buttonorder:hover { background-image: url(                                      'images/btn_order_on.gif' ); color: #cc0000; cursor: pointer; }
.buttoncheckout { border: none; width: 144px; height: 44px; background-image: url(http://picturepaper.com/images/btn_checkout_off.gif); background-position: center center; /*background-image: url(                                      'images/btn_checkout_off.gif' );   */ background-repeat: no-repeat; }
.buttoncheckout:hover { border: none; width: 144px; height: 44px; background-position: center center; background-image: url(                                       'images/btn_checkout_on.gif' ); background-repeat: no-repeat; cursor: pointer; }
.button { border: 1px solid #cc9933; padding: 1px 5px 1px 5px; margin: 2px; color: #000000; background-color: #F0F0F0; text-align: center; vertical-align: middle; font-family: Arial, Helvetica, sans-serif; }

.button:hover { border: 2px solid #cc9933; padding: 1px 5px 1px 5px; margin: 1px; color: #CC0000; cursor: pointer; }
.buttonleft100 { border: none; background-position: center center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bolder; text-align: center; vertical-align: middle; background-image: url(                                                      'images/left100_off.gif' ); background-repeat: no-repeat; text-decoration: none; width: 100px; height: 22px; background-color: #FFFFFF; }
.buttonleft100:hover { color: #cc0000; background-image: url(                                               'images/left100_on.gif' ); cursor: pointer; }

.buttonleft144 { border: none; background-position: center center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bolder; text-align: center; vertical-align: middle; background-image: url(                                                      'images/left144_off.gif' ); background-repeat: no-repeat; text-decoration: none; width: 144px; height: 22px; background-color: #FFFFFF; }
.buttonleft144:hover { color: #cc0000; background-image: url(                                               'images/left144_on.gif' ); cursor: pointer; }

.styledbutton { color: #cc0000; background-image: url(                                                      'images/btn_getstarted_grn.gif' ); }
.styledbutton:hover { color: #cc9933; background-image: url(                                                      'images/btn_getstarted_grn.gif' ); cursor: pointer; }

.button20_color { border: none; background-position: center center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-align: center; vertical-align: middle; background-image: url(                                           'images/btn_20_color_off.gif' ); background-repeat: no-repeat; text-decoration: none; width: 144px; height: 24px; background-color: #FFFFFF; font-weight: bold; }
.button20_color:hover { color: #CC9933; background-image: url(                                            'images/btn_20_color_on.gif' ); cursor: pointer; }

/* Font Classes */
.font8 { border-style: none; border-width: 0px; padding: 0px; margin: 2px 5px 2px 5px; font-size: 8px; font-family: Arial, Helvetica, sans-serif; color: #000000; line-height: normal; vertical-align: middle; text-align: center; word-spacing: normal; letter-spacing: normal; }
.font10 { font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #000000; }

.rj_font12 { padding: 0px 5px 0px 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000000; text-align: right; }

.rj_font14 { padding: 0px 5px 0px 0px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #000000; text-align: right; font-weight: bolder; }
.font12 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000000; }
.font14 { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #000000; }

.font16 { font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #000000; }


.font18 { font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #000000; }


a { color: #000000; }
a:hover { color: #CC0000; }

/* bottom area special classes */
.bottomstripe { background-color: #FFFFFF; background-image: url(                                                      'images/bottomstripe.gif' ); background-repeat: repeat-x; width: 100%; height: 39px; }
.boldred { color: #CC0000; font-weight: bold; }
.boldgreen { color: #386351; font-weight: bold; }