ul#alphabet{
    margin: 0;
    padding: 0;
    position: relative;
    
}
ul#alphabet li.letter,
ul#alphabet li.no-letter{
    margin: 0;
    padding: 0;
  /*  background-image: url(https://static.kcell.kz/images/icons/t.png);*/
  background-color: #bb0066;
    display: block;
    width: 22px;
    height: 30px;
    float:left;
    color: #ffffff;
    font-family: Helvetica Neue, Helvetica,Tahoma,Arial;
    border: solid 1px #c5c5c5;
    -webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
    border-right: none; 
}

ul#alphabet li.letter:hover > ul,
ul#alphabet li#letter-a:hover > div#large-tab-a,
ul#alphabet li#letter-b:hover > div#large-tab-b,
ul#alphabet li#letter-c:hover > div#large-tab-c,
ul#alphabet li#letter-d:hover > div#large-tab-d,
ul#alphabet li#letter-e:hover > div#large-tab-e,
ul#alphabet li#letter-f:hover > div#large-tab-f,
ul#alphabet li#letter-g:hover > div#large-tab-g,
ul#alphabet li#letter-h:hover > div#large-tab-h,
ul#alphabet li#letter-i:hover > div#large-tab-i,
ul#alphabet li#letter-j:hover > div#large-tab-j,
ul#alphabet li#letter-k:hover > div#large-tab-k,
ul#alphabet li#letter-l:hover > div#large-tab-l,
ul#alphabet li#letter-m:hover > div#large-tab-m,
ul#alphabet li#letter-n:hover > div#large-tab-n,
ul#alphabet li#letter-o:hover > div#large-tab-o,
ul#alphabet li#letter-p:hover > div#large-tab-p,
ul#alphabet li#letter-q:hover > div#large-tab-q,
ul#alphabet li#letter-r:hover > div#large-tab-r,
ul#alphabet li#letter-s:hover > div#large-tab-s,
ul#alphabet li#letter-t:hover > div#large-tab-t,
ul#alphabet li#letter-u:hover > div#large-tab-u,
ul#alphabet li#letter-v:hover > div#large-tab-v,
ul#alphabet li#letter-w:hover > div#large-tab-w,
ul#alphabet li#letter-x:hover > div#large-tab-x,
ul#alphabet li#letter-y:hover > div#large-tab-y,
ul#alphabet li#letter-z:hover > div#large-tab-z
{                                      
  display: block;
}

ul#alphabet li.letter:last-child{
    border-right: solid 1px #ccc;
}


ul#alphabet li.letter h4 a,
ul#alphabet li.no-letter h4 a{
    display: block;
    text-align: center;
    color: #fff;
    /*font-size: 16px;*/
    text-decoration: none;
}

ul#alphabet li.no-letter h4 a{
    color: #812db1;
}

ul#alphabet li.letter a:hover{
    color: #545454;
}

ul.countries{
    position: absolute;
    left: -40px;
    top: 22px;
    width: 720px;
    display:none;
}

ul.countries div.overlay{
    /*background: url(https://static.kcell.kz/images/icons/background-top.png) no-repeat top left;*/
    margin-top: 6px;
    position: relative;
}

ul.countries div.overlay div#arrow-a{left: 3px;}
ul.countries div.overlay div#arrow-b{left: 23px;}
ul.countries div.overlay div#arrow-c{left: 43px;}
ul.countries div.overlay div#arrow-d{left: 63px;}
ul.countries div.overlay div#arrow-e{left: 83px;}
ul.countries div.overlay div#arrow-f{left: 103px;}
ul.countries div.overlay div#arrow-g{left: 123px;}
ul.countries div.overlay div#arrow-h{left: 143px;}
ul.countries div.overlay div#arrow-i{left: 163px;}
ul.countries div.overlay div#arrow-j{left: 183px;}
ul.countries div.overlay div#arrow-k{left: 203px;}
ul.countries div.overlay div#arrow-l{left: 223px;}
ul.countries div.overlay div#arrow-m{left: 243px;}
ul.countries div.overlay div#arrow-n{left: 263px;}
ul.countries div.overlay div#arrow-o{left: 283px;}
ul.countries div.overlay div#arrow-p{left: 303px;}
ul.countries div.overlay div#arrow-q{left: 323px;}
ul.countries div.overlay div#arrow-r{left: 343px;}
ul.countries div.overlay div#arrow-s{left: 363px;}
ul.countries div.overlay div#arrow-t{left: 383px;}
ul.countries div.overlay div#arrow-u{left: 403px;}
ul.countries div.overlay div#arrow-v{left: 423px;}
ul.countries div.overlay div#arrow-w{left: 443px;}
ul.countries div.overlay div#arrow-x{left: 463px;}
ul.countries div.overlay div#arrow-y{left: 483px;}
ul.countries div.overlay div#arrow-z{left: 503px;}

ul.countries div.overlay-content{
    /*background: url(https://static.kcell.kz/images/icons/background-bottom.png) no-repeat bottom left;*/
    background-color: #ffffff;
    border: 1px solid #d7d7d7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    padding: 10px 0px 15px 25px;
}

ul.countries div.overlay-content li {
    margin: 5px 0 5px 0;
}

ul.countries div.overlay-content li a{
    color: gray;
    font-size: 12px;
}

ul.countries div.overlay-content li a:hover{
    color: #ff5500;
}

ul.countries li.column{
    float: left;
    width: 160px;  
}

.large-tab{
    background-color: #ccc;
    width:28px;
    height: 41px;
    position: relative;
    top: -43px;
    left: -6px;
    display: none;
    border: solid 1px #999;
    background: #fff url(/roaming/images/tab-bg-large.jpg) repeat-x bottom left;
}

.no-tab{
    display:none;
}

ul#alphabet li.letter div.large-tab h4 a{
    color: #ff5500;
    font-size: 22px;
    line-height: 42px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#roaming-counry-info {padding-top: 15px;}
#tab-a {
	margin-top: -5px;
}