﻿/******************************************************************
                          GENERIC STYLES
******************************************************************/

#Navigation-Container
{
    width:798px;
    height:70px;
    float:left;
}

#jsddm
{	
    margin: 0;
    padding: 0px 0px 0px 8px;
}
#jsddm li
{	
    float: left;
    list-style: none;
    z-index:100;
    padding: 16px 0px 0px 12px;
}
#jsddm li a
{	
    height:24px;
    display: block;
    text-indent:-5000px;
    text-decoration: none;
    color: #0091b5;
    font-size:12px;
    font-weight:bold;
    white-space: nowrap;
    border:0px solid #000;
    text-transform:uppercase;
    border:0px solid #000;
}
#jsddm li a:hover
{
    color:#49176d;
}
#jsddm li ul
{	
    z-index:10;
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 0px 0px;
    position: absolute;
    visibility: hidden;
}
#jsddm li ul li
{	
    margin:0px;
    padding:0px 15px 0px 0px;
    float: left;
}
#jsddm li ul li a
{	
    height:18px;
    color: #727272;
    font-size:11px;
    font-weight:bold;
    margin:0px;
    padding:0px 0px 0px 0px;
    text-align:left;
    text-transform:none;
    border:0px solid #000;
}
#jsddm li ul li.last a
{
    border-bottom:0px;
}
#jsddm li ul li a:hover
{	
    background:none;
}



/*:::::::::::::::::::::::::::::::::::::::::::::::::: BLAME BIOLOGY SECTION  */
#jsddm #Nav-BlameBiology ul
{
    margin: 0px 0px 0px 8px;
}
#jsddm #Nav-BlameBiology a
{
    width:105px;
    background:url(../images/navigation-sprite.gif) no-repeat -25px -27px;
}
#jsddm #Nav-BlameBiology a:hover
{
    width:105px;
    background:url(../images/navigation-sprite.gif) no-repeat -25px -103px;
}
#jsddm #Nav-BlameBiology #Nav-BlameGame a
{
    width:92px;
    background:url(../images/navigation-sprite.gif) no-repeat -25px -148px;
}
#jsddm #Nav-BlameBiology #Nav-BlameGame a:hover
{
    width:92px;
    background:url(../images/navigation-sprite.gif) no-repeat -25px -184px;
}





/*:::::::::::::::::::::::::::::::::::::::::::::::::: ACNE-OLOGY SECTION  */
#jsddm #Nav-Acneology ul
{
    margin: 0px 0px 0px 4px;
}
#jsddm #Nav-Acneology a
{
    width:82px;
    background:url(../images/navigation-sprite.gif) no-repeat -137px -27px;
}
#jsddm #Nav-Acneology a:hover
{
    width:82px;
    background:url(../images/navigation-sprite.gif) no-repeat -137px -103px;
}
#jsddm #Nav-Acneology #Nav-AcneInsight a
{
    width:70px;
    background:url(../images/navigation-sprite.gif) no-repeat -133px -148px;
}
#jsddm #Nav-Acneology #Nav-AcneInsight a:hover
{
    width:70px;
    background:url(../images/navigation-sprite.gif) no-repeat -133px -184px;
}




/*:::::::::::::::::::::::::::::::::::::::::::::::::: CALL A DOCTOR SECTION  */
#jsddm #Nav-CallDoctor ul
{
    margin: 0px 0px 0px 36px;
}
#jsddm #Nav-CallDoctor a
{
    width:125px;
    background:url(../images/navigation-sprite.gif) no-repeat -227px -27px;
}
#jsddm #Nav-CallDoctor a:hover
{
    width:125px;
    background:url(../images/navigation-sprite.gif) no-repeat -227px -103px;
}
#jsddm #Nav-CallDoctor #Nav-DocTalk a
{
    width:58px;
    background:url(../images/navigation-sprite.gif) no-repeat -223px -148px;
}
#jsddm #Nav-CallDoctor #Nav-DocTalk a:hover
{
    width:58px;
    background:url(../images/navigation-sprite.gif) no-repeat -223px -184px;
}




/*:::::::::::::::::::::::::::::::::::::::::::::::::: USING EPIDUO SECTION  */
#jsddm #Nav-UsingEpiduo ul
{
    margin: 0px 0px 0px -110px;
}
#jsddm #Nav-UsingEpiduo a
{
    width:126px;
    background:url(../images/navigation-sprite.gif) no-repeat -358px -27px;
}
#jsddm #Nav-UsingEpiduo a:hover
{
    width:126px;
    background:url(../images/navigation-sprite.gif) no-repeat -358px -103px;
}
#jsddm #Nav-UsingEpiduo #Nav-DuoDetails a
{
    width:105px;
    background:url(../images/navigation-sprite.gif) no-repeat -295px -148px;
}
#jsddm #Nav-UsingEpiduo #Nav-DuoDetails a:hover
{
    width:105px;
    background:url(../images/navigation-sprite.gif) no-repeat -295px -184px;
}
#jsddm #Nav-UsingEpiduo #Nav-CommonQuestions a
{
    width:102px;
    background:url(../images/navigation-sprite.gif) no-repeat -418px -148px;
}
#jsddm #Nav-UsingEpiduo #Nav-CommonQuestions a:hover
{
    width:102px;
    background:url(../images/navigation-sprite.gif) no-repeat -418px -184px;
}
#jsddm #Nav-UsingEpiduo #Nav-EpiduoDirections a
{
    width:122px;
    background:url(../images/navigation-sprite.gif) no-repeat -538px -148px;
}
#jsddm #Nav-UsingEpiduo #Nav-EpiduoDirections a:hover
{
    width:122px;
    background:url(../images/navigation-sprite.gif) no-repeat -538px -184px;
}





/*:::::::::::::::::::::::::::::::::::::::::::::::::: ADULT ACNE SECTION  */
#jsddm #Nav-AdultAcne a
{
    width:82px;
    background:url(../images/navigation-sprite.gif) no-repeat -490px -27px;
}
#jsddm #Nav-AdultAcne a:hover
{
    width:82px;
    background:url(../images/navigation-sprite.gif) no-repeat -490px -65px;
}





/*:::::::::::::::::::::::::::::::::::::::::::::::::: TEEN ACNE SECTION  */
#jsddm #Nav-TeenAcne a
{
    width:120px;
    background:url(../images/navigation-sprite.gif) no-repeat -578px -27px;
}
#jsddm #Nav-TeenAcne a:hover
{
    width:120px;
    background:url(../images/navigation-sprite.gif) no-repeat -578px -65px;
}
