/* Container */
#languageContainer, #currencyContainer {
    position:relative;
margin-top:-11px;
margin-right:10px;
background:#FFFFFF;
}

/* Button */
#languageButton, #currencyButton { 
    display:inline-block;
    border:1px inset #333333;
    position:relative;
    z-index:30;
    cursor:pointer;
}

/* Button Text */
#languageButton span {
    padding:0.2em;
    width:91px;
    background:url(../images/loginArrow.png) no-repeat 78px -83px;
border:1px solid #CCC;
    color:#000000;
    font-weight:normal; 
    display:block
}

#currencyButton span {
    padding:0.2em;
    width:88px;
    background:url(../images/loginArrow.png) no-repeat 75px -83px;
border:1px solid #CCC;
    color:#000000;
    font-weight:normal; 
    display:block
}

#languageButton:hover, #currencyButton:hover {}

/* Box */
#languageBox, #currencyBox {
position:absolute;
top:2em;
right:0;
display:none;
z-index:999999;
background:#FFFFFF;
border:1px solid #D0D0D0;
width:150px;
padding:0.5em;
}

/* If the Button has been clicked */    
#languageButton.active, #currencyButton.active {
}

#languageButton.active span {
    background-position:78px 0px;
}

#currencyButton.active span {
    background-position:75px 0px;
}

/* A Line added to overlap the border */
#languageButton.active em, #currencyButton.active em {
    position:absolute;
    width:100%;
    height:1px;
    bottom:-1px;
}