.clearfix:after {
    clear: both;

}
.clearfix {
    *zoom: 1;
}
.prettycheckbox, .prettyradio {
    display: inline-block;
    float: left;
    height: 44px;
    margin: 0;
    padding:0;
    width: 39px;
}
.prettyradio > a {
    background-position: 5px 2px;
}

.prettycheckbox > a, .prettyradio > a {
    background: url("../images/checkbox.png") no-repeat scroll 0 0 ;
    cursor: pointer;
    display: block;
    float: left;
    height: 42px;
    margin: 0;
    width: 39px;
    transition:none;
    -webkit-transition:none;
    -moz--webkit-transition:none;

}
.prettycheckbox>a:focus, .prettyradio>a:focus {
    outline: 0 none;
}
.prettycheckbox label, .prettyradio label {
    display: block;
    float: left;
    margin: 6px 5px;
    cursor: pointer;
}
.prettycheckbox a.disabled, .prettycheckbox label.disabled, .prettyradio a.disabled, .prettyradio label.disabled {
    cursor: not-allowed;
}
.prettycheckbox>a {
    background-position: 0 2px;
}
/*.prettycheckbox>a:focus {
    background-position: -29px 6px;
}*/
.prettycheckbox>a.checked {
    background-position: -51px 2px;
}
/*.prettycheckbox>a.checked:focus {
    background-position: -87px 6px;
}*/
.prettycheckbox>a.checked.disabled {
    background-position: -150px 6px;
}
.prettycheckbox>a.disabled {
    background-position: -120px 6px;
}
.prettyradio > a {
    background-position: 0px 0px;
}

.prettyradio>a:focus {
  background-position: 5px 3px;
}
.prettyradio>a.checked {
    background-position: -240px 6px;
}

.prettyradio > a.checked {
    background-position: -16px 0px;
}
.prettyradio>a.checked.disabled {
    background-position: -330px 6px;
}
.prettyradio>a.disabled {
    background-position: -300px 6px;
}