.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;
}


.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: 0px;
    margin: 0px;
    border: 1px solid #1D6480;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    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: 0px;
    margin: 1px;
    color: #000000;
    background-color: #F0F0F0;
    text-align: center;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
}

.button:hover
{
    border: 2px solid #cc9933;
    padding: 0px;
    margin: 0px;
    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;
}