/* -------------------------------------------------------------------------- 
   -----------------------     benefits section common styles      ---------- */

.benefits
{
    clear      : left;
    margin     : 0px auto;
    padding    : 0px;
    width      : 500px;
    min-height : 100px;
    height     : auto;
}


.benefits ul
{
    background-color : #fff;
    
    height           : auto !important; /* Since IE 6 ignores min-height,     */
    height           : 100px;           /* these two height settings          */
                                        /* are used as a workaround.          */ 
/*    list-style-type  : none; */
    margin           : 0px;
    min-height       : 100px;
    padding-left     : 20px;
}

.benefits dl
{
    background    : #E8EDF3; 
    border-bottom : black double; 
}   

.benefits dt
{
    color          : #004C9C;
    display        : block;
    float          : left;
    font-weight    : bold;
    min-height     : 75px;
    padding-bottom : 5px;
    padding-left   : 5px;
    padding-top    : 5px;
}

.benefits dt + dt
{
    display       : block;
    min-height    : 75px;
    float         : left;
    padding-left  : 20px;
    padding-right : 5px;
    width         : 120px;
    
}

.benefits dd
{
    background-color  : #fff;
    line-height       : 2.2em;  
    margin-left       : 225px;
    min-height        : 100px;
}

#backtoben
{
    float  : right;
    padding: 10px;
}

.benefit_category
{
    clear   : left;
    margin  : 0px auto;
    padding : 0px;
    width   : 500px;
}

.benefit_category img
{
    float   : left;
    padding : 0px 10px 10px 0px;
}

.benefit h2
{
    font-size  : 12px;
    text-align : center;
}

.benefit img
{
    float   : right;
    padding : 0px 0px 10px 20px;
}

.benefit dd
{
    line-height: 1.2em;
}