@charset "utf-8";
/* CSS Document */

/*WRAPS*/
.wrap {
	padding:5px;
}



label {
    display: block;
    padding-left: 25px;
    text-indent: -25px;
	font-size:1.4em;
	font-weight:300;
}


input[type="radio"] {
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	background-position:center;
	background-repeat: no-repeat;
	background-size: 280px 280px;
	/*border-radius: 3px;*/
	
	box-sizing: border-box;
	position: relative;
	width: 280px;
	height: 280px;
	
	outline:1px solid #c0c0c0;
	outline-offset: -1px;
	/*border: 1px solid #c0c0c0;*/
	/*transition: all .2s linear;*/
	padding:0;
	vertical-align:middle;
	margin-right:5px;
	margin-left:20px;
	font-size:1.4em;
	font-weight:300;
}

.fake-radio {
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	background-position:center;
	background-repeat: no-repeat;
	background-size: 280px 280px;
	/*border-radius: 3px;*/
	
	box-sizing: border-box;
	position: relative;
	width: 280px;
	height: 280px;
	
	outline:1px solid #c0c0c0;
	outline-offset: -1px;
	/*border: 1px solid #c0c0c0;*/
	/*transition: all .2s linear;*/
	padding:0;
	vertical-align:middle;
	margin:auto;
	font-size:1.4em;
	font-weight:300;
}

/*.fake-radio:hover {
	outline:10px solid #F05A28;
	outline-offset: -10px;
}*/

#oakradio, #oakleaf {
	background-image: url(../images/oakleaf.jpg);
}

#oakradio:checked {
	/*background-image: url(../images/oakleafselect.jpg);*/
	background-image: url(../images/oakleaf.jpg);
}

#walnutradio, #walnutleaf {
	background-image: url(../images/walnutleaf.jpg);	
}

#walnutradio:checked {
	/*background-image: url(../images/walnutleafselect.jpg);*/
	background-image: url(../images/walnutleaf.jpg);	
}

#limeradio, #limeleaf {
	background-image: url(../images/limeleaf.jpg);
}

#limeradio:checked {
	/*background-image: url(../images/limeleafselect.jpg);*/
	background-image: url(../images/limeleaf.jpg);
}

input[type="radio"]:checked{
  	/*background-color: #F05A28;*/
	/*border:3px solid #F05A28;*/
	
	outline:10px solid #F05A28;
	outline-offset: -10px;
}
/*input[type="radio"]:focus, input[type="radio"]:hover {
  	outline:2px solid #FF0000;
	outline-offset: -2px;
}*/

.block {
	margin-bottom:5px;
	padding:2px;
}

.block label {
	display:inline-block;
	width:180px;
	height:auto;
	text-align:left;
	font-size:1.4em;
	font-weight:300;
}


.btn, .btn-info {
	padding: 5px;
	margin:10px;
	font-size:30px;
	width:250px;
	height:auto;
	margin-bottom:50px;
}