@CHARSET "UTF-8";

/*Hides the price message of VM for plugins - http://forum.virtuemart.net/index.php?topic=117758.msg398208#msg398208*/
.price-plugin {
	display: none;
}

.cf4all_buttons input[type=radio],
.cf4all_buttons input[type=checkbox],
.cf4all_color_buttons input[type=radio],
.cf4all_color_buttons input[type=checkbox]{
	/*Some templates override that, hence is set to !important*/
	display: none !important;
}

/*This code is the same for buttons and color buttons*/
.cf4all_button {
	background-image: none !important;	
	line-height: 1em;
	min-height:1em;
	display: inline-block;
	cursor: pointer;
	font-weight: 500;
	border: 1px solid #E9D804;
	border-radius: 3px;
	margin-left: 3px;
	margin-top: 3px;
	transition: 1s linear;
}
.cf4all_button:hover{
	background: #E9D804;
	
}

/*For non-colored buttons*/
.cf4all_no_color_btn {
	/* height: 1em; */
	/* background-color: #E9D804; */
	color: #555555;
	padding: 5px 9px;
}

/* Active buttons */
.cf4all_buttons input[type="radio"]:checked+label,
.cf4all_buttons input[type="checkbox"]:checked+label,
.cf4all_color_buttons input[type="radio"]:checked+label,
.cf4all_color_buttons input[type="checkbox"]:checked+label
	{
/* 	border: 2px solid #555555 !important;
	box-shadow: 0 0 4px rgba(10, 10, 10, 0.5); */
	color: #474949;
}

/* Disabled buttons */
.cf4all_buttons input[type="radio"]:disabled+label,
.cf4all_buttons input[type="checkbox"]:disabled+label,
.cf4all_color_buttons input[type="radio"]:disabled+label,
.cf4all_color_buttons input[type="checkbox"]:disabled+label
	{
	opacity:0.5;
}

.cf4all_wrapper input[type="radio"],.cf4all_wrapper input[type="checkbox"]
	{
	/* position: static !important; */
}


.cf4all_wrapper .radio.inline,.cf4all_wrapper .checkbox.inline {
	display: inline-block;
	min-height: 20px;
	vertical-align: middle;
	height: 1em;
}

.cf4all_color_btn {
	margin-left:5px;
	display:inline-block;
	width:35px;		
}

/*static*/
.inline-control-group{
	display:inline-block;
}

.cf4all_customvalues_wrapper .cf4all_color_btn{
	border:1px solid #555555;
}

/*Colors are included within the color wrapper*/
.cf4all_inner_value {
	float: left;
	padding: 5px 0px;
}


.cf4all_color_btn_small{
	width: 28px;
	overflow:hidden;
	border:1px solid #555555;
}

.cf4all_color_btn_small .cf4all_inner_value {
	height: 0.5em;
}


.cf4all_color_btn_medium{
	width: 30px;
	overflow:hidden;
}

.cf4all_color_btn_medium .cf4all_inner_value{	
	height:1em;	
}

.cf4all_color_btn_large {
	width: 36px;
	line-height: 1.5em;
}

.cf4all_color_btn_large .cf4all_inner_value{	
	height:1.5em;	
}

.cf4all_error_msg{
	color:#ff0000;
	clear:both;
	width:100%;
}

/*Tooltip*/
.cf4AllTip_inner{
	z-index:1000;
	display:block; 
	position:absolute;	
	background:#ffffff; 
	border:1px solid #ccc; 
	padding:0.5em; 
	color:black;
}

 .cf4all_color_btn_medium .cf4AllTip_inner{
 	margin-top:30px; 
 }
 
  .cf4all_no_color_btn .cf4AllTip_inner{
 	margin-top:1em; 
 }