.component_radios{
	width:190px;
}

.component_radios.hide {
	display:none;
}
.component_radios.show {
	display:block;
}

.component_radios > .title {
	color:#7D7D7D;
	font: 12px goodbook;
	text-transform:uppercase;
	text-decoration:none;
	float:left;
}

.component_radios > ul{
	margin-top:6px;
}
.component_radios > ul > li{
	color:#7D7D7D;
	font:12px/20px Arial;
	min-height:18px;
	cursor:pointer;
}
.component_radios > ul > li > .box{
	width:11px;
	height:11px;
	margin-right:5px;
	margin-top:1px;
	overflow:hidden;
	background-image:url(../../img/component_radios_bgr.png);
	background-size:auto;
	background-position:-25px -12px;
	background-repeat:no-repeat;
	display:inline;
	float:left;
}
.component_radios > ul > li:hover{	
	color:#2A2A2B;
}
.component_radios > ul > li.active{
	cursor:default;
	color:#000;
}
.component_radios > ul > li:hover > .box{
	background-position:-25px -24px;
}
.component_radios > ul > li.active > .box, 
.component_radios > ul > li.active:hover > .box{
	background-position:-25px 0px;
}
	
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min--moz-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5) {
		.component_radios > ul > li > .box {
			background-size:20px 40px;
			background-position:0px -12px;
		}
		.component_radios > ul > li:hover > .box{
			background-position:0px -24px;
		}
		.component_radios > ul > li.active > .box, .component_radios > ul > li.active:hover > .box{
			background-position:0px 0px;
		}
}