/*-----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*//* NEWSLETTER SIGN UP */
#signUp
{
    position:relative;
    margin:0 0 6px 0;
    width:168px;
    min-height:128px;
    height:auto;
    he\ight:auto;
    height:auto !important;
    border:#10506e 2px solid;
    background:#10506e;
}
#signUp.blue
{
    border:#40738b 2px solid;
}
#signUp .image, #signUp .image #imageOver
{
    position:absolute;
    top:0;
    left:0;
    width:168px;
    height:86px; 
}
#signUp .image #imageOver
{
    background:url(/_resources/images/boxes/global/sign-up/blue-bkg.gif) no-repeat;
    display:block;
}
#signUp .form
{
    margin:89px 0 0 6px;
    width:168px;
    font-size:0.8em;
}
#signUp .form label
{
    display:block;
    padding:0 0 2px 0;
    width:140px;
    color:#fff;
}
#signUp .form input
{
    width:105px;
    border:#10506e 2px solid;
}
#signUp .form li.button input
{
    position:absolute;
    top:102px;
    left:120px;
    width:33px;
    border:#10506e 0px solid;
}
/*-----------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------*//* LATEST NEWS */
#latestNews
{
    padding:8px;
    margin:0 0 6px 0;
    w\idth:156px;
    font-size:0.8em;
    color:#fff;
    background:#10506E;
}
#latestNews h1
{
    padding:0 0 8px 0;
}
#latestNews .article .image
{
    float:left;
    width:35px;
    border:#fff 1px solid;
}
#latestNews .article .content
{
    float:right;
    width:112px;
}
#latestNews .article .content h2
{
    padding:0 0 5px 0;
    font-size:0.9em;
}
#latestNews .article .content p
{
    padding:0 0 5px 0;
}
#latestNews .article .link
{
    float:right;
    padding:0 0 0 83px;
    width:112px;
    w\idth:29px;
    height:12px;
    background:url(../images/boxes/global/latest-news/link.gif) left no-repeat;
}
#latestNews .article .link a
{
    font-weight:bold;    
    color:#fff;
}
/*-----------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*//* FITNESS ARTICLES */
#fitnessArticles
{
    padding:8px;
    margin:0 0 6px 0;
    w\idth:156px;
    font-size:0.8em;
    color:#fff;
    background:#10506E;
}
#fitnessArticles h1
{
    padding:0 0 8px 0;
}
#fitnessArticles .article
{
    background:url(../images/boxes/global/fitness-articles/top.gif) top left no-repeat;
}
#fitnessArticles .article .inner
{
    padding:6px 6px 6px 22px;
    w\idth:128px;
    background:url(../images/boxes/global/fitness-articles/bot.gif) bottom left no-repeat;
}
#fitnessArticles .article .inner p
{
    padding:0 0 2px 0;
}
#fitnessArticles .article .inner strong
{
    display:block;
    width:128px;
}
#fitnessArticles .article .inner .link
{
    padding:0 0 0 15px;
    height:12px;
    background:url(../images/boxes/global/fitness-articles/link.gif) left no-repeat;
}
#fitnessArticles .article .inner .link a
{
    font-weight:bold;    
    color:#fff;
}
/*-----------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*//* BURN FAT FAST */
#burnFatFast
{
    display:block;
    height:110px;
}
/*-----------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------*//* GREEN BOXES */
.green-234px
{
    position:relative;
    margin:0 0 5px 0;
    width:234px;
    font-size:0.9em;
    color:#fff;
}
.green-234px h2, .green-234px h2 span
{
    position:relative;
    padding:10px 0 0 20px;
    width:234px;
    w\idth:214px;
    overflow:hidden;    
}
.green-234px h2 span
{
    display:block;
    position:absolute;
    top:0;
    left:0;
}
.green-234px .inner
{
    padding:0 12px 12px 12px;
    w\idth:210px; 
}
.green-234px .inner .content
{
    padding:8px;
    background:#4F6108;
}
/*-----------------------------------------------------------------------------------------------------------*/
.green-288px
{
    position:relative;
    width:288px;
    font-size:0.9em;
    color:#fff;
}
.green-288px h2, .green-288px h2 span
{
    position:relative;
    padding:10px 0 0 20px;
    width:288px;
    w\idth:268px;
    overflow:hidden;
}
.green-288px h2 span
{
    display:block;
    position:absolute;
    top:0;
    left:0;
}
.green-288px .inner
{
    padding:0 12px 7px 12px;
    width:288px;
    w\idth:264px;    
}
.green-288px .inner .content 
{
    width:264px;
    background:#4F6108;
}
/*-----------------------------------------------------------------------------------------------------------*/
.green-378px
{
    margin:0 0 6px 0;
    font-size:0.9em;
    width:378px;
    color:#fff;
}
.green-378px h2, .green-378px h2 span
{
    position:relative;
    padding:10px 0 0 20px;
    width:378px;
    w\idth:358px;
    overflow:hidden;  
}
.green-378px h2 span
{
    display:block;
    position:absolute;
    top:0;
    left:0;
}
.green-378px .inner
{
    padding:0 12px 12px 12px;
    w\idth:354px;
}
.green-378px .inner .content
{
    padding:8px;
    width:354px;
    w\idth:338px;
    background:#4F6108;
}
/*-----------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*//* BLUE BOXES */
.blue-192px
{
    position:relative;
    margin:0 0 5px 0;
    font-size:0.9em;
    color:#fff;
}
.blue-192px h2, .blue-192px h2 span
{
    position:relative;
    padding:10px 0 0 20px;
    width:192px;
    w\idth:172px;
    overflow:hidden;  
}
.blue-192px h2 span
{
    display:block;
    position:absolute;
    top:0;
    left:0;
}
.blue-192px .inner
{
    padding:0 12px 12px 12px;
    width:192px;
    w\idth:168px;
}
.blue-192px .inner .content
{
    padding:8px 8px 14px 8px;
    width:168px;
    w\idth:152px;
    background:#0A3042;
}
/*-----------------------------------------------------------------------------------------------------------*/
.blue-234px
{
    position:relative;
    margin:0 0 5px 0;
    width:234px;
    font-size:0.9em;
    color:#fff;
}
.blue-234px h2, .blue-234px h2 span
{
    position:relative;
    padding:10px 0 0 20px;
    width:234px;
    w\idth:214px;
    overflow:hidden;    
}
.blue-234px h2 span
{
    display:block;
    position:absolute;
    top:0;
    left:0;
}
.blue-234px .inner
{
    padding:0 12px 12px 12px;
    w\idth:210px; 
}
.blue-234px .inner .content
{
    padding:8px;
    background:#0A3042;
}
/*-----------------------------------------------------------------------------------------------------------*/
.blue-335px
{
    position:relative;
    margin:0 0 5px 0;
    width:335px;
    font-size:0.9em;
    color:#fff;
}
.blue-335px h2, .blue-335px h2 span
{
    position:relative;
    padding:10px 0 0 20px;
    width:335px;
    w\idth:315px;
    overflow:hidden;
}
.blue-335px h2 span
{
    display:block;
    position:absolute;
    top:0;
    left:0;
}
.blue-335px .inner
{
    padding:0 12px 12px 12px;
    width:335px;
    w\idth:311px;   
}
.blue-335px .content
{
    padding:8px;
    width:311px;
    w\idth:295px;
    background:#0A3042;
}
/*-----------------------------------------------------------------------------------------------------------*/
.blue-378px
{
    margin:0 0 5px 0;
    font-size:0.9em;
    width:378px;
    color:#fff;
}
.blue-378px h2, .blue-378px h2 span
{
    position:relative;
    padding:10px 0 0 20px;
    width:378px;
    w\idth:358px;
    overflow:hidden;  
}
.blue-378px h2 span
{
    display:block;
    position:absolute;
    top:0;
    left:0;
}
.blue-378px .inner
{
    padding:0 12px 12px 12px;
    w\idth:354px;
}
.blue-378px .inner .content
{
    padding:8px;
    width:354px;
    w\idth:338px;
    background:#0A3042;
}
/*-----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*//* ORANGE BOXES */
.orange-192px
{
    position:relative;
    margin:0 0 5px 0;
    font-size:0.9em;
    color:#fff;
}
.orange-192px h2, .orange-192px h2 span
{
    position:relative;
    padding:10px 0 0 20px;
    width:192px;
    w\idth:172px;
    overflow:hidden;  
}
.orange-192px h2 span
{
    display:block;
    position:absolute;
    top:0;
    left:0;
}
.orange-192px .inner
{
    padding:0 12px 12px 12px;
    width:192px;
    w\idth:168px;
}
.orange-192px .inner .content
{
    padding:8px 8px 14px 8px;
    width:168px;
    w\idth:152px;
    background:#7F460F;
}
.orange-192px .link
{
    padding:8px 0 0 0;
}
.orange-192px .link .inside
{
    width:168px;
    height:24px;
    background:#864503 url(../images/boxes/home-page/fitness-programs-link.gif) no-repeat;
}
.orange-192px .link .inside a 
{
    padding:5px 0 0 18px;
    display:block;
    w\idth:144px;
    height:24px;
    he\ight:19px;
    color:#fff;
}
/*-----------------------------------------------------------------------------------------------------------*/
.orange-234px
{
    position:relative;
    margin:0 0 5px 0;
    width:234px;
    font-size:0.9em;
    color:#fff;
}
.orange-234px h2, .orange-234px h2 span
{
    position:relative;
    padding:10px 0 0 20px;
    width:234px;
    w\idth:214px;
    overflow:hidden;    
}
.orange-234px h2 span
{
    display:block;
    position:absolute;
    top:0;
    left:0;
}
.orange-234px .inner
{
    padding:0 12px 12px 12px;
    w\idth:210px; 
}
.orange-234px .inner .content
{
    padding:8px;
    background:#864503;
}
/*-----------------------------------------------------------------------------------------------------------*/
.orange-281px
{
    position:relative;
    margin:0 0 6px 0;
    width:281px;
    font-size:0.9em;
    color:#fff;
}
.orange-281px h2, .orange-281px h2 span
{
    position:relative;
    padding:10px 0 0 20px;
    width:281px;
    w\idth:261px;
    overflow:hidden;
}
.orange-281px h2 span
{
    display:block;
    position:absolute;
    top:0;
    left:0;
}
.orange-281px .inner
{
    padding:0 12px 12px 12px;
    width:281px;
    w\idth:257px;    
}
.orange-281px .inner .content 
{
    padding:8px;
    width:257px;
    w\idth:241px;  
    background:#7F460F;  
}
/*-----------------------------------------------------------------------------------------------------------*/
.orange-335px
{
    position:relative;
    margin:0 0 5px 0;
    width:335px;
    font-size:0.9em;
    color:#fff;
}
.orange-335px h2, .orange-335px h2 span
{
    position:relative;
    padding:10px 0 0 20px;
    width:335px;
    w\idth:315px;
    overflow:hidden;
}
.orange-335px h2 span
{
    display:block;
    position:absolute;
    top:0;
    left:0;
}
.orange-335px .inner
{
    padding:0 12px 12px 12px;
    width:335px;
    w\idth:311px;   
}
.orange-335px .content
{
    padding:8px;
    width:311px;
    w\idth:295px;
    background:#864503;
}