/*************************************************************************
                           GLOBAL STYLES AND CLASSES
*************************************************************************/
body
{
    margin:0px;
    padding:0px;
    font-family:Arial, Verdana;
    font-size:12px;
}
#SiteContainer
{
    width:980px;
    height:677px;
    margin:0 auto;
    padding:0px;
    background:url(../Images/site_bg_pattern.jpg) no-repeat 0px 0px;
}
a img
{
    border:0px;
}
.subClass
{
    vertical-align:text-bottom;
    font-size:75%;
}
.supClass
{
    vertical-align:text-top;
    font-size:75%;
}



/*************************************************************************
                           HEADER STYLES
*************************************************************************/
#HeaderContainer
{
    width:980px;
    height:35px;
    color:#1c3f95;
}
#HeaderContainer ul
{
    list-style:none;
    margin:0px;
    padding:5px 0px 0px 218px;
}
#HeaderContainer ul li
{
    float:left;
    margin:0px;
    padding:0px 5px 0px 5px;
}
#HeaderContainer a
{
    color:#1c3f95;
    text-decoration:none;
}
#HeaderContainer a:Hover
{
    color:#1c3f95;
    text-decoration:underline;
}


/*************************************************************************
                           CONTENT STYLES
*************************************************************************/
#ContentContainer
{
    clear:both;
    width:980px;
    height:630px;
    padding:0px 0px 0px 15px;
}

#GetFlash
{
    padding:240px 0px 0px 200px;
    text-align:center;
}


/****** CALLOUTS ******/
#CalloutsContainer
{
    width:210px;
    height:465px;
    position:absolute;
    margin:30px 0px 0px 15px;
}


/*************************************************************************
                           SAFETY INFO STYLES
*************************************************************************/
#SafetyContainer
{
    position:absolute;
    width:920px;
    clear:both;
    height:120px;
    color:#3e3e3e;
    font-size:11px;
    line-height:13px;
    margin:535px 0px 0px 0px;
    padding:10px 30px 0px 30px;
}
#SafetyContainer a
{
    color:#3e3e3e;
}
div.SafetyPopup 
{ 
    background-image:url(../Images/safety_popup_bg.png); 
    width:402px; 
    height:352px; 
    display:none; 
    position: absolute; 
    padding:40px 30px 0px 30px; 
}  
div.SafetyPopup div.close 
{ 
    background-image:url(../Images/safety_popup_close.jpg); 
    position:absolute; 
    right:25px; 
    top:25px; 
    cursor:pointer; 
    height:11px; 
    width:43px; 
}




/*************************************************************************
                           FOOTER STYLES
*************************************************************************/
#FooterContainer
{
    color:#3d3d3d;
    font-size:10px;
    padding:10px 0px 0px 20px;
}
#FooterContainer a
{
    color:#3d3d3d;
    text-decoration:underline;
    
}
#FooterContainer a:hover
{
    color:#3d3d3d;
    text-decoration:none;
}
.footer_galdermalogo
{
    float:left;
}
#FooterNav
{
    width:580px;
    margin:0px;
    padding:0px 0px 0px 0px;
    list-style:none;
}
#FooterNav li
{
    float:left;
    margin:0px;
    padding:0px 5px 0px 5px;
}
#FooterLegal
{
    float:left;
    line-height:11px;
    padding:5px 0px 0px 5px;
}