/**
 * This file holds the styles that are intended for pieces of content within
 * the content areas. Since these styles are not part of the basic layout and
 * they are not styles of basic content elements (such as dl, p, or pre) they
 * are given a file of their own.
 *
 */


/**
 * Basics
 *
 */

.clear-floats
{
    clear: both;
}

.Left
{
    text-align: left;
}

.Right
{
    text-align: right;
}

.Center
{
    text-align: center;
}

.Monospace
{
    font-family: "Courier New", monospace;
    font-weight: bold;
}


/**
 * Position
 *
 */
 
.floatright
{
    display: block;
    clear: right;
    float: right;
    margin: 0px 0px 10px 10px;
}

.floatright + div.caption
{
    clear: right;
    float: right;
    margin: -8px 0px 10px 10px;
}

.floatright.frame + div.caption
{
    padding: 0px 8px;
}

.floatleft
{
    display: block;
    clear: left;
    float: left;
    margin: 0px 10px 10px 0px;
}

.floatleft + div.caption
{
    clear: left;
    float: left;    
    margin: -8px 10px 10px 0px;
}

.floatleft.frame + div.caption
{
    padding: 0px 8px;
}

.centerblock
{
    display: block;
    clear: both;
    margin: 20px auto;
}

.centerblock + div.caption
{
    margin: -18px auto 20px;
}

.centerblock.frame + div.caption
{
    padding: 0px 8px;
}

table.floatleft,
table.floatright,
table.centerblock
{
    display: table;
}

/*
 * appearance
 * 
 */
 
div.caption
{
    font-size: 10px;
}

.frame
{
    border: 8px solid #b37950;
}

body.UserIsLoggedIn .ForLoggedOutUsers,
body.UserIsLoggedOut .ForLoggedInUsers,
body.UserIsRetail .ForWholesaleUsers,
body.UserIsWholesale .ForRetailUsers
{
    display: none;
}