/*==============================================================================
// File:       flags.css
// Package:    Joomla / TravelZen
// Synopsis:   Flag Sprite CSS (flag-sprite.png)
//============================================================================*/

.chosen-flag {
    padding: 3px 5px 5px 28px;
    letter-spacing: 1px;
    color: #747474;
}

.chosen-flag:hover {
    cursor: pointer;
}

.flag-drop-down {
    border: 1px solid #E9E9E9;
    position: absolute;
    background: #FFF;
    padding: 0 0 5px;
    width: 100px;
    z-index: 1;
    left: -6px;
    margin: 0;
}

.flag-drop-down.hidebox {
    display: none;
}

.flag-drop-down.showbox {
    display: block;
}

.flag-option {
    line-height:1em;
    color: #747474;
    display: block;
    padding: 5px;
    height: 21px;
}

.flag-option:hover {
  background: #F4CF70;
  cursor:pointer;
}

.flag-option:before {
    margin: 0 10px 0 0;
    display: block;
    content: "";
    float: left;
}

.flag-opt-zar:before {
    width: 20px; height: 13px;
    background: url("../png/flag-sprite.png") -90px -109px;
}

.flag-opt-usd:before {
    width: 20px; height: 13px;
    background: url("../png/flag-sprite.png") -50px -109px;
}

.flag-opt-aed:before {
    width: 20px; height: 13px;
    background: url("../png/flag-sprite.png") -10px -109px;
}

.flag-opt-sgd:before {
    width: 20px; height: 13px;
    background: url("../png/flag-sprite.png") -130px -76px;
}

.flag-opt-rub:before {
    width: 20px; height: 13px;
    background: url("../png/flag-sprite.png") -130px -43px;
}

.flag-opt-nzd:before {
    width: 20px; height: 13px;
    background: url("../png/flag-sprite.png") -130px -10px;
}

.flag-opt-nok:before {
    width: 20px; height: 13px;
    background: url("../png/flag-sprite.png") -90px -76px;
}

.flag-opt-inr:before {
    width: 20px; height: 13px;
    background: url("../png/flag-sprite.png") -10px -10px;
}

.flag-opt-gbp:before {
    width: 20px; height: 13px;
    background: url("../png/flag-sprite.png") -10px -76px;
}

.flag-opt-cny:before {
    width: 20px; height: 13px;
    background: url("../png/flag-sprite.png") -90px -43px;
}

.flag-opt-chf:before {
    width: 20px; height: 13px;
    background: url("../png/flag-sprite.png") -90px -10px;
}

.flag-opt-cad:before {
    width: 20px; height: 13px;
    background: url("../png/flag-sprite.png") -50px -43px;
}

.flag-opt-aud:before {
    width: 20px; height: 13px;
    background: url("../png/flag-sprite.png") -10px -43px;
}

.flag-opt-eur:before {
    width: 20px; height: 13px;
    background: url("../png/flag-sprite.png") -50px -10px;
}

.flag-opt-hkd:before {
    width: 20px; height: 13px;
    background: url("../png/flag-sprite.png") -50px -76px;
}