.align{
    position: relative;
    width: 935px;
    overflow: hidden;
    margin: 0 30px;
}
.align p, .align span, .align ul{
    font-family: Arial, Sans-Serif;
}
.ht{
    text-indent: -9999px;
    overflow: hidden;
}
.wrapper{
    position: relative;
    height: 660px;
    overflow: hidden;
    background: url('../images/fitness-tips/tips-background.jpg') 0 0 no-repeat;
}

.main-content{
    position: absolute;
    left: 14px;
    top: 53px;
    width: 908px;
    height: 520px;
}
    
ul.nav{
    position: absolute;
    margin: 0; padding: 0;
}
.nav li{
    position: relative;
    display: block;
    float: left;
}

.nav li a{
    position: absolute;
    left: 0; top: 0;
    display: block;
}

.callouts{
    position: relative;
    margin: 1px 0;
    width: 935px;
    height: 165px;
    background: url('../images/fitness-tips/landing-callouts-background.gif') 0 0 no-repeat;
}


    .callouts ul{
        left: 12px; top: 0;
    }
    .callouts a,
    .callouts li{
        width: 304px;
    }
    .callouts ul,
    .callouts li,
    .callouts a{
        height: 165px;
    }


ul.main,
.main li{
    width: 308px;
    height: 156px;
    cursor: pointer;
}
.main li a,
.main li h3,
.main li p{
    background-image: url('../images/fitness-tips/main-nav-left.png');
    background-image: url('../images/fitness-tips/main-nav-center.png');
    background-image: url('../images/fitness-tips/main-nav-right.png');
    display: none;
    width: 0;
    height: 0;
}
ul.main{
    left: 6px;
    bottom: 0;
    width: auto;
    background: url('../images/fitness-tips/main-nav-background.gif') -7px 0 no-repeat;
}
.main li{
    background-position: 0 0 ;
    background-repeat: no-repeat;
}
.main li.left{
    background-image: url('../images/fitness-tips/main-nav-left.png');
}
.main li.center{
    width: 303px;
    background-image: url('../images/fitness-tips/main-nav-center.png');
}
.main li.right{
    background-image: url('../images/fitness-tips/main-nav-right.png');
}
.detail h3,
.popup h3,
.tips h3{
    margin: 18px 0 6px 0;
    padding-bottom: 10px;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    font-size: 14px;
    color: #cd935a;
    background-image: url('../images/fitness-tips/hr-background.gif');
    background-position: left bottom;
    background-repeat: repeat-x 


}
.nav h3{
    background: none;
}

.min-height-fixer{
    width: 1px;
    float: right;
}

.tips h3
{
    padding-bottom: 8px;
    margin-bottom: 8px;
    }


.tips h3 a
 {     background-image: none;
     text-decoration: none;


     margin: none;
     padding: none;


    }
    
    /* Popup */
.popup{
    position: absolute;
    left: 50px;
    top: 520px;
    width: 844px;
    height: auto;
}
    .popup .top{
        width: 100%;
        height: 20px;
        background: url('../images/fitness-tips/popup-top-background.png') 0 0 no-repeat;
    }
    .popup .body{
        width: 100%;
        height: auto;    
        background-color: transparent;
/*        background: url('../images/fitness-tips/popup-body-background.png') 0 0 repeat-y;*/
        background-image: url('../images/fitness-tips/popup-body-background.jpg');
        background-position: 0 0;
        background-repeat: repeat-y;

    }
    .popup .bottom{
        width: 100%;
        height: 20px;
        background: url('../images/fitness-tips/popup-bottom-background.png') 0 0 no-repeat;
    }
    a.close-button{
        position: absolute;
        display: block;
        width: 35px;
        height: 35px;
        right: -14px;
        top: -12px;
        background: url('../images/fitness-tips/popup-close-button.png') 0 0 no-repeat;
        text-indent: -9999px;
        overflow: hidden;
    }
    .popup .tab{
        position: absolute;
        display: block;
        width: 65px;
        height: 28px;
        top: -34px;
        left: 4px;
        background: url('../images/fitness-tips/show-all-tab.gif') 0 0 no-repeat;
    }
.popup .item-group{
    width: 220px;
    height: 150px;
    padding-left: 28px;
    float: left;
    margin: 16px;
  /*  background: url('../images/fitness-tips/first-steps-alt-icon.png') 0 0 no-repeat;*/
    
}
    


#item-group-tip1{background: url('../images/fitness-tips/alt-icon1.png') 0 0 no-repeat;}
#item-group-tip2{background: url('../images/fitness-tips/alt-icon2.png') 0 0 no-repeat;}
#item-group-tip3{background: url('../images/fitness-tips/alt-icon3.png') 0 0 no-repeat;}
#item-group-tip4{background: url('../images/fitness-tips/alt-icon4.png') 0 0 no-repeat;}
#item-group-tip5{background: url('../images/fitness-tips/alt-icon5.png') 0 0 no-repeat;}
#item-group-tip6{background: url('../images/fitness-tips/alt-icon0.png') 0 0 no-repeat;}




.popup h3{
    margin-top: 4px;
}


/* Breadcrumbs */
.breadcrumbs{
    position: absolute;
    left: 14px;
    top: 13px;
    width: 888px;
    padding-left: 20px;
    height: 39px;
    background: url('../images/fitness-tips/breadcrumbs-background.gif') 0 0 no-repeat;
    overflow: hidden;
}
    .breadcrumbs span,
    .breadcrumbs a{
        display: block;
        float: left;
        width: auto;
        height: 40px;
        line-height: 40px;
        padding: 0 22px 0 10px;
        background: url('../images/fitness-tips/breadcrumb-item-background.gif') right center no-repeat;
        text-decoration: none;
        font-family: Arial, sans-serif;
        font-weight: bold;
        font-size: 12px;
        color: #fff;
    }
        .breadcrumbs a:hover
        {
            color: #fff;
            text-decoration: underline;
            
            }
    
/* Tool tips */
.tips .main-content{
    background: url('../images/fitness-tips/orb-background.gif') 0 0 no-repeat;
}
#main-image{
    position: absolute;
    left: 343px;
    top: 178px;
    width: 244px;
    height: 209px;
    background: url('../images/fitness-tips/main-image-1.png') 0 0 no-repeat;
    
}
.tips .tip{
    position: absolute;
    left: 100px;
    top: 50px;
    width: auto;
    height: 134px;
    width: 330px;
    z-index:1000;
}


    #tip1-popup .floatcontainer, 
    #tip4-popup .floatcontainer, 
    #tip5-popup .floatcontainer{ float:right; margin-right: 10px;}
    
   /* #tip2-popup .floatcontainer, 
    #tip3-popup .floatcontainer, 
    #tip6-popup .floatcontainer{ float:left; margin-left: 20px;}
    */ 
    .floatcontainer { float:left; }	
    .tip .left, 
    .tip .right, 
    .tip .body{
        width: auto;
        float: left;
        height: 134px;
        background-position: 0 0;
        background-repeat: repeat-x;
    }
    .tip .body{
        background-image: url('../images/fitness-tips/center-background.png');
    }
    #tip1-popup .left,
    #tip4-popup .left,
    #tip5-popup .left{
        width: 18px;
        background-image: url('../images/fitness-tips/left-left-background.png');
    }
    #tip1-popup .right,
    #tip4-popup .right,
    #tip5-popup .right{
        width: 32px;
        background-image: url('../images/fitness-tips/left-right-background.png');
        margin-right: 47px;
		margin-left: 0px !important;
    }
    
    #tip2-popup .left,
    #tip3-popup .left,
    #tip6-popup .left{
        width: 32px;
        background-image: url('../images/fitness-tips/right-left-background.png');
        margin-left: 47px;
        margin-left: 20px;
    }
    
    #tip2-popup .right,
    #tip3-popup .right,
    #tip6-popup .right{ 
        width: 18px;
        background-image: url('../images/fitness-tips/right-right-background.png');
		margin-left: 0px !important;
    }
.popup ul,
.tip ul{
    margin:0;
    padding: 0;
    list-style: none;
}/*|---> */
 #tip1-popup .body ul,
#tip4-popup .body ul,
#tip5-popup .body ul,
#tip2-popup .body ul,
#tip3-popup .body ul,
#tip6-popup .body ul { margin-top: -5px;}

    .popup ul li,
    .tip ul li{
        padding: 0;
        line-height: 16px;
    }
    .popup ul a,
    .tip ul a{
        font-family: Arial, Sans-Serif;
        font-weight: bold;
        font-size: 11px;
        color: #cc6633;
        text-decoration: none;
    }
    .popup ul a:hover,
     .tip ul a:hover{
	color:#a75707;}
    
    .popup ul a img,
    .tips ul a img,
    .auxilary-content li a img{
        border: none;
        padding: 0 3px;}

.tip .floatcontainer .body h4 {
    margin-top: 4px;
    margin:8px; margin-left:0;
    padding:0;
    width: 200px;
    padding-bottom: 6px;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    font-size: 14px;
    color: #cd935a;
    background: url('../images/fitness-tips/hr-background.gif') repeat-x left bottom; }
    .tip .floatcontainer .body h4 a
    {text-decoration: none;}

/* horizontal rule */
.hr{
  height: 1px;
  background: url('../images/fitness-tips/hr-background.gif') 0 0 repeat-x;
}

/* Questions */
.questions{
    list-style: none;
    margin: 0;
    padding: 0;
}
.questions li a{width: 200px;}
.questions a{
    display: block;
    position: absolute;
/*    width: 56px;
    height: 56px;
    text-indent: -9999px;
    overflow: hidden;
*/
   font-family: Arial;
   font-weight: bold;
   font-size: 11px;
   color: #e6c8a2;
    text-decoration: none;   
   letter-spacing: .1px;
    overflow: visible;
    background-position: center center;
}


.questions a:hover {
	color:#a75707;}


#tip1{ left: 152px; top: 78px;     
       text-align: right;
       padding-right: 50px;
        padding-top: 12px;
       padding-bottom: 12px;
}
#tip1.active{ background-image: url('../images/fitness-tips/first-steps-icon.gif'); }

#tip5{ left: 68px; 
       top: 208px;    
       text-align: right;
       padding-right: 50px;
        padding-top: 12px;
       padding-bottom: 12px;

 }
#tip5.active{ background-image: url('../images/fitness-tips/stuff-icon.gif'); }

#tip4{ left: 151px; 
       top: 338px;  
       text-align: right;
       padding-right: 50px;
        padding-top: 12px;
       padding-bottom: 12px;

 } 

#tip4.active{ background-image: url('../images/fitness-tips/excercise-icon.gif'); }


#tip6{ left: 512px;
        top: 78px; 
        padding-top: 12px;
       padding-bottom: 12px;
        
    padding-left: 50px;
        }
#tip6.active{ background-image: url('../images/fitness-tips/additional-info-icon.gif'); }



#tip3{ left: 585px; 
       top:  208px;
       
        padding-top: 12px;
       padding-bottom: 12px;
       
    padding-left: 50px;
       
        }
#tip3.active{ background-image: url('../images/fitness-tips/diet-icon.gif'); }

#tip2{ left: 512px; 
       top: 338px; 
       
        padding-top: 12px;
       padding-bottom: 12px;
    padding-left: 50px;
       
       }
#tip2.active{ background-image: url('../images/fitness-tips/organization-icon.gif'); }

#tip1-popup{ background-image: url('../images/fitness-tips/first-steps-icon.gif');
             background-repeat: no-repeat;
             background-position: right center;
             overflow: visible;
             left: 82px; top: 34px;  }
#tip5-popup{ background-image: url('../images/fitness-tips/stuff-icon.gif');
             background-repeat: no-repeat;
             background-position: right center;
             overflow: visible;
              left: 0px; top: 162px;  }
#tip4-popup{  background-image: url('../images/fitness-tips/excercise-icon.gif'); 
             background-repeat: no-repeat;
             background-position: right center;
             overflow: visible;
               left: 80px; top: 295px; }
#tip6-popup{background-image: url('../images/fitness-tips/additional-info-icon.gif');
             background-repeat: no-repeat;
             background-position: left center;
             overflow: visible;
              left: 504px; top: 36px;  }
#tip3-popup{ background-image: url('../images/fitness-tips/diet-icon.gif'); 
             background-repeat: no-repeat;
             background-position: left center;
             overflow: visible;
              left: 578px; top: 162px; }
#tip2-popup{  background-image: url('../images/fitness-tips/organization-icon.gif');
             background-repeat: no-repeat;
             background-position: left center;
             overflow: visible;
               left: 509px; top: 295px; }

/* Landing */
.landing .fix{
    position: absolute;
    left: 10px; top: 0;
    height: 660px;
    width: 915px;
    background: url('../images/fitness-tips/landing-background.png') center 0 no-repeat;
}
.landing ul.nav{
    left: 0; bottom: 0;
    width: 100%;
    height: 230px;
}
.landing .nav a{
    height: 192px;
    background: url('../images/fitness-tips/landing-nav-background.gif') 0 0 no-repeat;
}
.landing .nav .left a{
    width: 316px;
}
    .landing .nav .left a:hover{
        background-position: 0 -192px;
    }
.landing .nav .center a{
    left: 316px;
    width: 303px;
    background-position: -316px 0;
}
    .landing .nav .center a:hover{
        background-position: -316px -192px;
    }
.landing .nav .right a{
    left: 618px;
    width: 317px;
    background-position: -618px 0;
}
    .landing .nav .right a:hover{
        background-position: -618px -192px;
    }
    
    
    
    

/* Detail */
.detail{
    height: auto;
    width: 935px;
}
#breadcrumb-wrapper{
    position: relative;
    height: 50px;
}
#content-wrapper{
    background: transparent url('../images/fitness-tips/tips-body-background.gif') 0 bottom repeat-y;
}
  #content-wrapper .content{
      float: left;
      width: 560px;
      padding: 40px 0 0 60px;
  }
#auxilary-content-wrapper{
    float: right;
    position: relative;
    width: 260px;
    padding: 40px 40px 0 0;
}
#navigation-wrapper{
    height: 156px;
/*    background: transparent url('../images/fitness-tips/tips-background.jpg') 0 bottom no-repeat; */
    background: url('../images/fitness-tips/tips-background.jpg') 0 bottom no-repeat;

}
.detail .content h1{
    font-family: Arial, Sans-Serif;
    font-size: 22px;
    font-weight: bold;
color: #663300;

}

.detail .content p span.subhead,
.detail .content i{
    width: 490px;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
color: #663300;

}
    .detail .content p span.subhead{
        margin: 0;
        font-size: 16px;
        line-height: 18px;
        padding-top: 12px;
        color: #663300;
    }
    .detail .content ul{
        padding-left: 12px;
        list-style: none url('../images/fitness-tips/list-bullet.gif');
    }
    .detail .content ul{
        margin: 13px;
    }
    .detail .content li{
        font-size: 12px;
        line-height: 14px;
        margin: 0 0 7px 0;
        padding-left: 0;
        
    }
.detail h1{
    height: 30px;
    line-height: 30px;

}
.detail h1 .category{
    display: block;
    float: left;
    width: auto;
    height: 22px;
    margin-right: 12px;
    text-indent: -9999px;
    overflow: hidden;
    background-position: 0 0;
    background-repeat: no-repeat;
}
    .detail h1 span.diet{
        width: 44px;    
        background-image: url('../images/fitness-tips/detail-category-diet.gif');
    }
    .detail h1 span.activity{
        width: 68px;
        background-image: url('../images/fitness-tips/detail-category-activity.gif');
    }
.detail .content .subfoot,
.detail .content .subfoot i{
    font-size: 8.5px;
}
.detail .auxilary-content{
    margin: 0;
    padding: 0;
}
.detail .auxilary-content ul{
    list-style: none;
    padding: 0; margin: 15px 0;
}
.detail .auxilary-content li a{
    display: block;
    padding-left: 33px;
    height: 27px;
    margin-top: 0px;
    padding-top: 10px;
    font-weight: bold;
    text-decoration: none;
    overflow: hidden;
    line-height: 12px;
    font-size: 11px;
}
.detail .auxilary-content li div.active{
   display: block;
    padding-left: 33px;
    height: 27px;
    margin-top: 0px;
    padding-top: 10px;
    font-weight: bold;
    text-decoration: none;
    overflow: hidden;
    line-height: 12px;
    background-repeat: no-repeat;
    background-image: url('../images/fitness-tips/auxilary-content-link.gif');

   font-family: Arial;
   font-weight: bold;
   font-size: 11px;
   color: #cc6633;
    text-decoration: none;   


}


.detail .auxilary-content h3{
    margin: 0;
    padding: 18px 0 10px 0;
    margin-left: 30px;
}

.detail .auxilary-content .category-icon{
    position: absolute;
    left: 0;
    top: 55px;
    width: 25px;
    height: 25px;
/* background: url('../images/fitness-tips/excercise-alt-icon.png') 0 0 no-repeat;*/
    background-position: 0 0;
    background-repeat: no-repeat;

    text-indent: -9999px;
    overflow: hidden;
}


#popup-positioner-wrapper{
    clear: both;
    position: relative;
    height: 60px;
    margin: 0; padding: 0;
    width: 935px;
}
#popup-positioner{
    height: 60px;
    margin: 0; padding: 0;
    width: 935px;
}
.detail .popup{
    position: absolute;
    left: 50px;
    top: 0;
    width: 844px;
    height: auto;
}
.detail .min-height-fixer{
    height: 400px;
}

/* Chart */
table.chart{
    width: 100%;
    border: none;
    border-collapse: collapse;
    font-family: Arial, Sans-Serif;
    font-size: 10px;
    text-align: left;
}
.chart thead{
    font-size: 12px;
    font-weight: bold;
    height: 22px;}
   
.chart th{
    padding: 10px 16px;
    background: url('../images/fitness-tips/chart-thead-background.gif') 0 0 repeat-x;
    height: 22px;
    color: #663300;

}
.chart tbody{
    background: #fff;
    border: 1px solid #f2edd7;
    border-top: none; border-bottom: none;

}
.chart tbody tr{
    padding: 0 30px;
    height: 16px;
}


.chart td{
    padding: 0px 16px;
    color: #663300;
}

.chart td
{
    height: 16px;
    }

.chart .last td{
    padding-bottom: 0; margin-bottom: 0;
}
.chart .even td{
    background-color: #f5f4ee;
    border-bottom: 1px solid #f2edd7;
}
.chart td.pad{
    background-color: #fff;
    border-bottom: none; 
    width: 13px;
    padding: 0;
}




.chart th.pad{
    padding: 0;
    background: transparent url('../images/fitness-tips/chart-thead-left.gif') 0 0 no-repeat;
}
.chart th.right{
    background-image: url('../images/fitness-tips/chart-thead-right.gif');
}

.chart tfoot td
{
    background-color: #ffffff;
  border-bottom: 1px solid #f2edd7;
    }

.chart tfoot td{
    background: #fff url('../images/fitness-tips/chart-tfoot-background.gif') 0 bottom repeat-x;
    height: 15px;
    padding: 0; margin: 0;
    border-bottom: none;
}
.chart tbody td.pad{
    border-left: 1px solid #f2edd7;
    border-top: none; border-bottom: none;
}
.chart tbody td.right{
    border-right: 1px solid #f2edd7;
    border-left: none;
}
.chart tfoot td.pad{
    background: transparent url('../images/fitness-tips/chart-tfoot-left.gif') 0 bottom no-repeat;
}
.chart tfoot td.right{
    background: url('../images/fitness-tips/chart-tfoot-right.gif') right bottom no-repeat;
}


a:hover {
	color:#a75707;}
	


#graypage {
	    z-index: 4;
	    position: absolute;
	    top: 0px;
	    left: 0px;
	    width: 100%;
	    height: 300%;
	    background-color: #000000;
	    visibility: hidden;
	    /* for IE */
	    filter: alpha(opacity=50);
	    /* CSS3 standard */
	    opacity: 0.5;
    }

    #flashvideo {
	    z-index: 5;
	    width: 786px;
	    height: 346px;
	    position: absolute;
	    visibility: hidden;
	    overflow: hidden;
	    /*background-color: #fff;*/
    }