.df-select-block span
{
    display: block;
    font-family: "proxima_nova_rgregular";
    font-size: 15px;
    font-weight: bold;
    padding: 11px 30px 11px 35px;
    border: 1px solid #d9d9d9;
    /*background: url(../img/down.png);*/
}
.df-select-block span.i1
{
    background: url("../img/colors.png") no-repeat scroll 10px 12px, url("../img/down.png") no-repeat scroll 285px center rgba(0, 0, 0, 0);
}
.df-select-block span.i2
{
    background: url("../img/colors.png") no-repeat scroll 10px -46px, url("../img/down.png") no-repeat scroll 285px center rgba(0, 0, 0, 0);
}
.df-select-block span.i3
{
    background: url("../img/colors.png") no-repeat scroll 10px -100px, url("../img/down.png") no-repeat scroll 285px center rgba(0, 0, 0, 0);
}
.df-select-block span.i4
{
    background: url("../img/colors.png") no-repeat scroll 10px -169px, url("../img/down.png") no-repeat scroll 285px center rgba(0, 0, 0, 0);
}
.df-select-block span.i5
{
    background: url("../img/colors.png") no-repeat scroll 10px -234px, url("../img/down.png") no-repeat scroll 285px center rgba(0, 0, 0, 0);
}
.df-select-block div
{
    max-height: 290px;
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
}
.df-select-block li
{
    list-style: none;
    display: block;
    font-family: "proxima_nova_rgregular";
    font-size: 15px;
    font-weight: bold;
    padding: 11px 30px 11px 35px;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}
.df-select-block li.i1
{
    background: url("../img/colors.png") no-repeat scroll 10px 12px;
}
.df-select-block li.i2
{
    background: url("../img/colors.png") no-repeat scroll 10px -46px;
}
.df-select-block li.i3
{
    background: url("../img/colors.png") no-repeat scroll 10px -100px;
}
.df-select-block li.i4
{
    background: url("../img/colors.png") no-repeat scroll 10px -169px;
}
.df-select-block li.i5
{
    background: url("../img/colors.png") no-repeat scroll 10px -234px;
}
.df-select-block li:hover
{
    background: #efefef;
}
.df-select-block li.i1:hover
{
    background: url("../img/colors.png") no-repeat scroll 10px 12px #efefef;
}
.df-select-block li.i2:hover
{
    background: url("../img/colors.png") no-repeat scroll 10px -46px #efefef;
}
.df-select-block li.i3:hover
{
    background: url("../img/colors.png") no-repeat scroll 10px -100px #efefef;
}
.df-select-block li.i4:hover
{
    background: url("../img/colors.png") no-repeat scroll 10px -169px #efefef;
}
.df-select-block li.i5:hover
{
    background: url("../img/colors.png") no-repeat scroll 10px -234px #efefef;
}
.df-select-block ul
{
    display: block;
    width: 100%;
    background: #fff;
}
.df-select-block
{
    cursor: pointer;
    float: right;
}