/******************************************************************
                          GENERIC STYLES
******************************************************************/
#jsddm
{	
    margin: 0;
    padding: 0;
}
#jsddm li
{	
    float: left;
    list-style: none;
    z-index:100;
}
#jsddm li a
{	
    display: block;
    text-decoration: none;
    color: #3a3a3a;
    font-size:11px;
    font-weight:bold;
    white-space: nowrap;
    text-transform:uppercase;
}
#jsddm li ul
{	
    z-index:10;
    margin: 0px 0px 0px 15px;
    padding: 10px 20px 20px 20px;
    position: absolute;
    visibility: hidden;
}
#jsddm li ul li
{	
    margin:0px;
    padding:0px;
    float: none;
}
#jsddm li ul li a
{	width:130px;
    color: #3a3a3a;
    font-size:11px;
    margin:0px;
    padding:8px 0px 8px 12px;
    text-align:left;
    border-bottom:1px dotted #3a3a3a;
}
#jsddm li ul li.last a
{
    border-bottom:0px;
}
#jsddm li ul li a:hover
{	
    background:none;
}

.SearchContainer
{
    width:176px;
    height:50px;
    padding:0px;
    margin:0px;
    background:url(../Images/search_bg.png) no-repeat 10px 4px;
}
.searchBox
{
    width:110px;
    height:15px;
    font-size:11px;
    margin:7px 0px 0px 27px;
    padding:0px;
    float:left;
    border:0px;
}
.searchBtn
{
    float:left;
    margin:4px 0px 0px 3px;
}


/******************************************************************
                          GEL STYLES
******************************************************************/
#jsddm.gel li ul
{
    background:url(../images/nav_dropdown_bg_lotion.png) no-repeat left bottom;
}
#jsddm.gel li ul li a
{
    background:url(../Images/list_item_bullet_gel.png) no-repeat 0px 11px;
}
#jsddm.gel li ul li a:hover
{	
    color: #7f9b27;
}

#GelNav-About a
{
    width: 192px;
    text-align:center;
    padding: 7px 0px 8px 0px;
}
#GelNav-About a:hover
{	
    background: url(../images/nav_gel_hover_left.gif) no-repeat;
}




#GelNav-Efficacy a
{
    width: 161px;
    text-align:center;
    margin:0px 0px 0px 1px;
    padding: 7px 0px 8px 0px;
}
#GelNav-Tolerability a
{
    width: 120px;
    text-align:center;
    margin:0px 0px 0px 1px;
    padding: 7px 0px 8px 0px;
}
#GelNav-Satisfaction a
{
    width: 167px;
    text-align:center;
    margin:0px 0px 0px 1px;
    padding: 7px 0px 8px 0px;
}
#GelNav-Resources a
{
    width: 172px;
    text-align:center;
    margin:0px 0px 0px 1px;
    padding: 7px 0px 8px 0px;
}
#GelNav-Search
{
    width:176px;
    text-align:center;
    margin:0px 0px 0px 1px;
    padding: 0px 0px 0px 0px;
}

#GelNav-Efficacy a:hover, #GelNav-Tolerability a:hover, #GelNav-Satisfaction a:hover, #GelNav-Resources a:hover
{	
    background: url(../images/nav_gel_hover_middle.gif) repeat-x 0px 1px;
}




/******************************************************************
                          LOTION STYLES
******************************************************************/
#jsddm.lotion li ul
{
    background:url(../images/nav_dropdown_bg_lotion.png) no-repeat left bottom;
}
#jsddm.lotion li ul li a
{
    background:url(../Images/list_item_bullet_lotion.png) no-repeat 0px 11px;
}
#jsddm.lotion li ul li a:hover
{	
    color: #0091b5;
}

#LotionNav-About a
{
    width: 264px;
    text-align:center;
    padding: 7px 0px 8px 0px;
}
#LotionNav-About a:hover
{	
    background: url(../images/nav_lotion_hover_left.gif) no-repeat;
}



#LotionNav-Efficacy a
{
    width: 149px;
    text-align:center;
    margin:0px 0px 0px 1px;
    padding: 7px 0px 8px 0px;
}
#LotionNav-Tolerability a
{
    width: 174px;
    text-align:center;
    margin:0px 0px 0px 1px;
    padding: 7px 0px 8px 0px;
}
#LotionNav-Resources a
{
    width: 226px;
    text-align:center;
    margin:0px 0px 0px 1px;
    padding: 7px 0px 8px 0px;
}
#LotionNav-Search
{
    width:176px;
    text-align:center;
    margin:0px 0px 0px 1px;
    padding: 0px 0px 0px 0px;
}

#LotionNav-Efficacy a:hover, #LotionNav-Tolerability a:hover, #LotionNav-Resources a:hover, #LotionNav-Search a:hover
{	
    background: url(../images/nav_lotion_hover_middle.gif) repeat-x 0px 1px;
}