﻿BODY
{
    margin:0;
    padding:0;
    background:url(../Images/Backgrounds/body.png) 50% 0;
    font-size:11px;
    font-family:Arial, Sans-Serif;
    color:#464646;
    line-height:14px;
}

A
{
    font-weight:bold;
    color:#06357a;
    text-decoration:none;
}

A:hover
{
    text-decoration:underline;
    color:#00aeef;
}

IMG
{
    border:none;
}

P
{
    margin:0;
    padding:14px 0 0 0;
}

OL
{
    margin-top:0;
    margin-bottom:0;
    padding-top:14px;
    padding-bottom:0;
}

OL LI
{
    margin-top:0;
    margin-bottom:0;
    padding-top:14px;
    padding-bottom:0;
}

UL
{
    margin:0;
    padding:12px 0 0 0;
}

UL LI
{
    margin:0;
    padding:0 0 6px 18px;
    list-style:none;
    background:url(../Images/Icons/mizone.png) no-repeat 0 1px;
}

#Container
{
    position:relative;
    width:973px;
    height:630px;
    background-repeat:no-repeat;
    margin:0 auto;
}

.MainLogo
{
    position:absolute;
    top:35px;
    left:62px;
}

#AccessibilityLinks
{
    display:none;
}

#FlashCogs
{
    position:absolute;
    top:29px;
    right:16px;
}


/* NAVIGATION - START */
#Navigation
{
    position:absolute;
    top:194px;
    left:12px;
    width:905px;
    height:29px;
    background:url(../Images/Backgrounds/navigation.png) no-repeat;
    margin:0 auto;
    padding:2px 0 0 47px;
}

#Navigation LI
{
    margin:0 0 0 -1px;
    padding:0;
    float:left;
    background:url(../Images/Backgrounds/navigation-li.png) no-repeat 0 3px;
    list-style:none;
}

#Navigation LI:first-child
{
    background:none;
}

#Navigation LI:hover
{
    background-color:#123c7e;
}

#Navigation LI A
{
    display:block;
    height:8px;
    background-repeat:no-repeat;
    background-position:17px 6px;
    padding:6px 16px 6px 17px;
}

#Navigation LI#MizoneRange A
{
    width:91px;
    background-image:url(../Images/Buttons/navigation-mizone-range.png);
}

#Navigation LI#TheFormulation A
{
    width:110px;
    background-image:url(../Images/Buttons/navigation-the-formulation.png);
}

#Navigation LI#ImportanceOfHydration A
{
    width:168px;
    background-image:url(../Images/Buttons/navigation-importance-of-hydration.png);
}

#Navigation LI#ImportanceOfHydration UL LI A
{
    width:249px;
}

#Navigation LI#PowerOfYourZone A
{
    width:133px;
    background-image:url(../Images/Buttons/navigation-power-of-your-zone.png);
}

#Navigation LI#PowerOfYourZone UL LI A
{
    width:190px;
}

#Navigation LI#Downloads A
{
    width:79px;
    background-image:url(../Images/Buttons/navigation-downloads.png);
}

#Navigation LI#LatestNews A
{
    width:79px;
    background-image:url(../Images/Buttons/navigation-latest-news.png);
}

#Navigation LI#LatestNews UL LI A
{
    width:125px;
}

#Navigation LI A SPAN
{
    display:none;
}

#Navigation LI DIV
{
    background:url(../Images/Backgrounds/transparent.png);
}

#Navigation LI UL
{
    margin:0;
    padding:0;
    border-top:solid 2px White;
    background:url(../Images/Backgrounds/navigation-li-ul.png);
}

#Navigation LI UL LI
{
    float:none;
    background:none;
    margin:0;
}

#Navigation LI UL LI:hover
{
    background:url(../Images/Backgrounds/navigation-li-ul-li.png);
}

#Navigation LI UL LI A
{
    height:7px;
    padding-top:7px;
    padding-bottom:7px;
    background-position:17px 7px;
    font-size:10px;
    vertical-align:middle;
}

#Navigation LI UL LI A
{
    height:7px;
    padding-top:7px;
    padding-bottom:7px;
    background-position:17px 7px;
    font-size:10px;
    vertical-align:middle;
}

#Navigation LI#LatestNews UL LI A
{
    background-image:none;
    background-position:0 0;
}

#Navigation LI UL LI#Formulation A
{
    background-image:url(../Images/Buttons/navigation-formulation.png);
}

#Navigation LI UL LI#ClinicalTrial A
{
    background-image:url(../Images/Buttons/navigation-clinical-trial.png);
}

#Navigation LI UL LI#WhyIsHydrationImportant A
{
    background-image:url(../Images/Buttons/navigation-why-is-hydration-important.png);
}

#Navigation LI UL LI#WhatAffectsHydration A
{
    background-image:url(../Images/Buttons/navigation-what-affects-hydration.png);
}

#Navigation LI UL LI#HowDoesDehydrationAffectMe A
{
    background-image:url(../Images/Buttons/navigation-how-does-dehydration-affect-me.png);
}

#Navigation LI UL LI#HowMuchFluidShouldIDrinkEachDay A
{
    background-image:url(../Images/Buttons/navigation-how-much-fluid-should-I-drink-each-day.png);
}

#Navigation LI UL LI#HowCanMizoneFSWAidHydration A
{
    background-image:url(../Images/Buttons/navigation-how-can-mizone-fsw-aid-hydration.png);
}

#Navigation LI UL LI#MentalPreparation A
{
    background-image:url(../Images/Buttons/navigation-mental-preparation.png);
}

#Navigation LI UL LI#InYourZone A
{
    background-image:url(../Images/Buttons/navigation-in-your-zone.png);
}

#Navigation LI UL LI#TipsforGettingIntoYourZone A
{
    background-image:url(../Images/Buttons/navigation-tips-for-getting-into-your-zone.png);
}
/* NAVIGATION - END */


/* FOOTER - START */
#Footer
{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:19px;
    padding-top:5px;
    background:url(../Images/Backgrounds/footer.png) no-repeat 50% 0;
    text-align:center;
    margin:0;
    font-size:9px;
    font-weight:bold;
    color:#06357a;
    text-transform:uppercase;
}
/* FOOTER - END */


/* COMMUNICATIONS - START */
.Communications
{
    position:absolute;
    top:21px;
    right:23px;
    width:454px;
    height:24px;
    padding-top:4px;
    background:url(../Images/Backgrounds/communications.png) no-repeat;
    font-size:11px;
    color:White;
    font-weight:bold;
}

.Communications P
{
    text-transform:uppercase;
    padding:5px 0 0 31px;
}

.Communications IMG
{
    position:absolute;
    top:7px;
    right:111px;
}

.Communications TABLE
{
    color:#464646;
    font-weight:normal;
}

.Communications TABLE IMG
{
    position:static;
}

.Communications LABEL
{
    text-transform:uppercase;
    margin-left:31px;
}

.Communications INPUT
{
    margin-left:2px;
    width:159px;
    height:14px;
    *height:12px;
    padding-top:0;
    padding-bottom:0;
    border:none;
    font-size:10px;
    font-weight:bold;
    color:#464646;
}

.Communications .MizoneEAlertsGo
{
    position:relative;
    top:4px;
    width:auto;
    height:auto;
    margin-left:2px;
}

.Communications #BecomeAFan
{
    position:absolute;
    top:9px;
    right:14px;
    display:block;
    height:17px;
    padding:0 0 0 19px;
    background:url(../Images/Icons/facebook.png) no-repeat;
    color:White;
}
/* COMMUNICATIONS - END */