Как сделать кнопки вместо RadioButton атрибутов? - Дизайн и оформление

Добрый день ребята! Прошу помочь, решить такую задачу.Нужно что бы вместо кнопок Radiobutton атрибутных, были наподобие кнопок как на изображении тут( http://pixs.ru/uploaded/qweqwejpg_6234252_9987880.jpg/9987880_2040070/ ). Может какие то модули есть и какие коды куда вставлять?

стилизация радиобатонс + htmlbook.ru

стилизация радиобатонс + htmlbook.ru

хорошо спасибо ) буду ковыряться

стилизация радиобатонс + htmlbook.ru

у меня вроде получилось .)но есть два вопроса как сделать что бы менялся фон кнопки при наведении мышки?
и второй вопрос как чуть сместить текст вниз, маржин и падин не помогают, двигают всю кнопку..( ..
вот мои CSS стили
 :input[type="radio"] {
    display:none;
}
.jshop .input_type_radio: hover {
border: 1px solid #000000; }

.jshop .input_type_radio{
    margin-right: 10px;
   height: 30px;
   width:30px;
    white-space: nowrap;
    display: inline-block;
   border-style: solid;
   border-color: #ed7000;
border: 1px solid #851212;
border-collapse: collapse;
text-align: center;
margin-top: 5px
}
input[type="radio"] + label span {
    display:inline-block;
width: 30px;
height: 30px;
    vertical-align:middle;
    cursor:pointer;
}
input[type="radio"]:checked + label span {
display: inline-block;
cursor:hover border: 1px solid #000000;
    background-color: #9B4B4B;
   color: #fff;
}

и вот фото    http://pixs.ru/showimage/22222jpg_1827731_9990505.jpg

: hover - наведение, отслаьное дело фантазии: фон, бордер, цвет текста и т.д.
маржин и падинг двигают то, чему Вы назначаете.
учитывайте вложеность объектов.

: hover - наведение, отслаьное дело фантазии: фон, бордер, цвет текста и т.д.
маржин и падинг двигают то, чему Вы назначаете.
учитывайте вложеность объектов.

а вот куда в CSS пихнуть этот самый hover?


P.S. а все разобрался )Спасибо)

а вот куда в CSS пихнуть этот самый hover?

в перлы!!))

в перлы!!))

не знаю что вы имеете ввиду.но эта строчка точно работает)label span:hover{background:red;}

Перлы http://joomlaforum.ru/index.php/topic,44070.msg1404312.html#msg1404312