﻿


body, html
{
    margin: 0;
    padding: 0;
}

img
{
    border: none;
}
#wrap
{
    background-repeat: repeat-x;
    /*background-image: url(../img/cntr_background_1px.png);*/
    /*background-color: #ffffff;*/
    background-color: #abd3ec;
    margin: 0 auto;
    padding: 0 auto;
    width: 1024px;

}
#header
{
    z-index: 100;
    font-size: 14px;
    color: #136394;
    text-align: center;
    position: absolute;
    top: 0px;
}

.header_background
{
   
    background-repeat: repeat-x;
    background-image: url(../img/Header_shadow.png);
    z-index: 50;
    font-size: 14px;
    color: #136394;
    text-align: center;
    position: absolute;
    width:1024px;
    height:80px;
    top: 0px;
    left:0px;
}

.footer_background
{
   
    background-repeat: repeat-x;
    background-image: url(../img/Footer_Shine.png);
    z-index: 50;
    font-size: 14px;
    color: #136394;
    text-align: center;
    position: absolute;
    width:1024px;
    height:100px;
    left:0px;
    z-index: 50;
}

.MenuItem
{
}

#MenuBorder
{
    display: inline;
    width: 1px;
    height: 55px;
}

#canvas
{
    position: relative;
    left: 0px;
    top: 0px;
    width: 1024px;

    margin: 0 auto;
}
#canvas div
{
    position: absolute;
}


#main_wrapper
{
    float: left;
    margin: 0;
    padding: 0;
}


#footer
{
    clear: both;
}

.FooterLink
{
    text-align: left;
}
.FooterLink_Right
{
    text-align: right;
}

#footer p
{
    padding: 5px;
    margin: 0;
}

#Menu, #Menu_Canvas
{
    height: 55px;
    width: 612px;
}
#Menu
{
    position: relative;
    left: 200px;
}
#Menu_Canvas
{
    width: 612px;
}
a.Home, a.Home_Active
{
    background-image: url(../img/Nav_Home_Up.gif);
    display: block;
    height: 55px;
    width: 78px;
    position: absolute;
    left: 0px;
    top: 0px;
}
a.Home:hover
{
    background-image: url(../img/Nav_Home_Over.gif);
}
a.Home_Active
{
    background-image: url(../img/Nav_Home_Active.gif);
}
a.Home_Active:hover
{
    background-image: url(../img/Nav_Home_up.gif);
}
a.Watch, a.Watch_Active
{
    /*background-image: url(../img/Nav_DrnkThnkWin_Off.gif);*/
    background-image: url(../img/Nav_Watch_Up.gif);
    display: block;
    height: 55px;
    width: 108px;
    position: absolute;
    left: 81px;
    top: 0px;
}
a.Watch:hover
{
    background-image: url(../img/Nav_Watch_Over.gif);
}
a.Watch_Active
{
    background-image: url(../img/Nav_Watch_Active.gif);
}
a.Watch_Active:hover
{
    background-image: url(../img/Nav_Watch_Up.gif);
}
a.DrinkThinkWin, a.DrinkThinkWin_Active
{
    background-image: url(../img/Nav_DrinkThinkWin_Up.gif);
    display: block;
    height: 55px;
    width: 112px;
    position: absolute;
    left: 192px;
    top: 0px;
}
a.DrinkThinkWin:hover
{
    background-image: url(../img/Nav_DrinkThinkWin_Over.gif);
}
a.DrinkThinkWin_Active
{
    background-image: url(../img/Nav_DrinkThinkWin_Active.gif);
}
a.DrinkThinkWin_Active:hover
{
    background-image: url(../img/Nav_DrinkThinkWin_Up.gif);
}

a.drench, a.drench_Active
{
    background-image: url(../img/Nav_Drench_Up.gif);
    display: block;
    height: 55px;
    width: 61px;
    position: absolute;
    left: 307px;
    top: 0px;
}
a.drench:hover
{
    background-image: url(../img/Nav_Drench_Over.gif);
}
a.drench_Active
{
    background-image: url(../img/Nav_Drench_Active.gif);
}
a.drench_Active:hover
{
    background-image: url(../img/Nav_Drench_Up.gif);
}
a.JuicyDrench, a.JuicyDrench_Active
{
    background-image: url(../img/Nav_JuicyDrench_Up.gif);
    display: block;
    height: 55px;
    width: 126px;
    position: absolute;
    left: 371px;
    top: 0px;
}
a.JuicyDrench:hover
{
    background-image: url(../img/Nav_JuicyDrench_Over.gif);
}
a.JuicyDrench_Active
{
    background-image: url(../img/Nav_JuicyDrench_Active.gif);
}
a.JuicyDrench_Active:hover
{
    background-image: url(../img/Nav_JuicyDrench_Up.gif);
}
a.SmartHydration, a.SmartHydration_Active
{
    background-image: url(../img/Nav_SmartHydration_Up.gif);
    display: block;
    height: 55px;
    width: 111px;
    position: absolute;
    left: 500px;
    top: 0px;
}
a.SmartHydration:hover
{
    background-image: url(../img/Nav_SmartHydration_Over.gif);
}
a.SmartHydration_Active
{
    background-image: url(../img/Nav_SmartHydration_Active.gif);
}
a.SmartHydration_Active:hover
{
    background-image: url(../img/Nav_SmartHydration_Up.gif);
}
.MenuSpacer
{
    position: absolute;
    top: 0px;
    width: 1px;
    height: 55px;
    z-index: 100;
}

.FooterSpacer
{
    position: absolute;
    top: 13px;
    width: 1px;
    height: 13px;
}

.LeftShadowBar
{
      border-right-style: solid ;   
 background-image: url(../img/expand_shadow2.png);
 background-repeat:repeat-y;

 width:32px; 
 left:-35px;
 top:0px; 
    
}

.RightShadowBar
{
     background-image: url(../img/expand_shadow2_right.png);
 background-repeat:repeat-y;
 width:32px;
 left:1024px;
 top:0px;  
 border-left-style: solid;
}

.FootBar
{
    z-index: 100;
    
    position:relative;
    height: 20px;
    width:900px;
    left:50px;
    border-top-color: #0365A6;
    border-top-style:dotted;
    border-top-width:1px;
}


.FootBar a
{
    top: 10px;
     text-decoration:none;
    position:absolute;
    color:#0365A6;
        position:absolute;
        border-top-color: #0365A6;
        border-top-style: none;
        border-top-width:thin;

}

.FooterLink
{
    position:absolute;
    top: 5px;
}


.SmallA
{
    position:absolute;
    top: 5px;
    left:80px;
}

.MediumA
{
    position:absolute;
    top: 5px;
    left:105px;
}

.LargeA
{
    position:absolute;
    top: 5px;
    left:135px;
}