/* 
    Document   : JEM.css
    Created on : May 3, 2010, 12:29:38 PM
    Author     : bowen
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

html,
body
{
    font-size: 12px;
    font-family: Geneva, Helvetica, Arial, sans-serif;
    text-align: center;
}

.centered_container
{   border: 1px solid black;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5em;
    width: 900px;
}

.jem_header_top_p
{
    background-color: rgb(96,167,221);
    color: white;
    float: left;
    font-size: 14px;
    text-align: center;
    width: 900px;
}

.jem_header_top_logo
{
    background-color: rgb(96,167,221);
    float: left;
}

.jem_header_menu_item
{
    border-top: 1px solid black;
    border-right: 1px solid black;
    float: left;
}

.jem_header_menu_item_right
{
    border-top: 1px solid black;
    float: left;
}

.jem_header_bottom
{
    border-top: 1px solid black;
    height: 10px;
    width: 770px;
}

.breadcrumb
{
    border-top: 1px solid black;
    clear: both;
    font-size: 10px;
    height: 1em;
    padding-bottom: 1em;
    padding-left: 20px;
    padding-top: 1em;
    text-align: left;
    width: 880px;
}

.left_gutter
{
    color: blue;
    float: left;
    padding-top: 20px;
    text-align: left;
    width: 130px;
}

.left_gutter h1
{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 6px;
    margin-top: 0px;
    padding-left: 10px;
}

.left_gutter h2
{
    font-size: 14px;
    margin-bottom: 6px;
    margin-top: 0px;
    padding-left: 10px;
}

.left_gutter h3
{
    font-size: 12px;
    margin-bottom: 6px;
    margin-top: 0px;
    padding-left: 15px;
}

.left_gutter h3
{
    font-size: 12px;
    margin-bottom: 6px;
    margin-top: 0px;
    padding-left: 15px;
}

.left_gutter h4
{
    font-size: 10px;
    margin-bottom: 6px;
    margin-top: 0px;
    padding-left: 20px;
}

.left_gutter .selected
{
    background-color: rgb(96,167,221);
}

.main_body
{
    border-left: 1px solid black;
    float: left;
    padding-top: 20px;
    text-align: left;
    width: 749px;
}

.main_body table
{
    text-align: center;
    width: 100%;
}

.main_body h1, .main_body h2, .main_body p
{
    margin-top: 0px;
    padding-left: 20px;
}

.inset
{
    padding-left: 40px;
}

.center
{
    text-align: center;
}

.bluetext
{
    color: blue;
}

.redtext
{
    color: #FF0000;
}

.underline
{
    text-decoration: underline;
}

.bold
{
    font-weight: bold;
}

.bottom_spacing
{
    clear: both;
    height: 20px;
    text-align: left;
    width: 768px;
}

table.items_display td
{
    padding-left: 20px;
    text-align: left;
    vertical-align: top;
}

table.items_display img
{
    float: left;
    padding-right: 20px;

}


div.order_form, table.order_form
{
    padding-left: 15px;
    text-align: left;
}

table.address_1, table.address_2
{
    float: left;
    width: 360px;
}

label.error
{
    color: red;
}