@CHARSET "UTF-8";

/* NEW BUTTON */
.button:before, .button.b-turn:after {
	background: url('/sites/all/themes/fusion_xbionic/img/button_assets_new.png') no-repeat;
	/*background: url('../img/button_assets_new.png') no-repeat;*/
}


/* definitions for buttons with background */

.button {
	display: inline-block;
	font-family: 'HelveticaNeueW01-67MdCn 692710';
	padding-right: 10px;
	text-decoration: none;
	cursor: pointer;
	/*-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;*/
  -webkit-appearance: none;
}

.button.close {
	background: url('/sites/all/themes/fusion_xbionic/img/button_assets_new.png') -87px -2px no-repeat;
	width: 14px;
	height: 14px;
	text-indent: -9999px;
	padding: 0;
}

.button.close:before {
	content: none;
	background: none;
}

.button.orange, .button.orange .button_big_inner {
	background-color: #fc4a00;
	color: #fff;
}

.button.grey, .button.grey .button_big_inner {
	background-color: #ccc;
	color: #333;
}

.button.grey-text {
	color: #333;
}

.button.b-small.orange:before {
	background-position: -3px -31px;
}

.button.b-big.orange:before {
	background-position: -42px -26px;
}

.button.orange:HOVER,
.button.orange.active,
.button.orange.active .button_big_inner, 
.button.orange:HOVER .button_big_inner {
	text-decoration: none;
	background-color: #ff670c;
	color: #fff;
}

.button.grey:HOVER, 
.button.grey.active,
.button.grey.active, 
.button.grey.active .button_big_inner, 
.button.grey:HOVER .button_big_inner {
	text-decoration: none;
	background-color: #e5e5e5;
	color:  #333;
}

.button.b-small.grey:before {
	background-position: -3px -1px;
}

.button.b-big.grey:before {
	background-position: -42px -3px;
}

.button:before {
	content: " ";
	display: inline-block;
}



/* definitions for inactive buttons */
.button.inactive:before {
	cursor: default;
}

.button.inactive {
	cursor: default;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
	
}


.button.orange.inactive:HOVER,
.button.orange.inactive:HOVER .button_big_inner,
.page-link.inactive:HOVER {
	background-color: #fc4a00;
}

.button.grey.inactive:HOVER,
.button.grey.inactive:HOVER .button_big_inner {
	background-color: #ccc;
}

/* definitions for button_small */
.button.b-small {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 13px;
	line-height: 21px;
}

.button.b-small:before {
	width: 7px;
	height: 14px;
	margin: 3px 5px -3px 10px;
}

.button.b-big {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 16px;
	line-height: 30px;
}

.button.b-big:before {
	width: 10px;
	height: 15px;
	margin: 3px 5px -1px 10px;
}

.button.b-big .button_big_inner {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	font-family: 'HelveticaNeueW01-67MdCn 692710';
	font-size: 16px;
	line-height: 28px;
	font-weight: normal;
}

/* pager buttons */

.button.pager-right {
	margin-left: 3px;
}

.button.pager-left {
	margin-right: 3px;
}


.button.b-small.orange.pager-left:before {
	background-position: -3px -49px;
	margin: 3px 10px -3px 5px;
}

.button.pager-right:before {
	content: none;
}

.button.pager-right {
	padding-left: 10px;
	padding-right: 0px;
}

.button.pager-right:after {
	content: " ";
	display: inline-block;
	background: url('/sites/all/themes/fusion_xbionic/img/button_assets_new.png') no-repeat;
	background-position: -3px -31px;
	width: 7px;
	height: 14px;
	margin: 3px 5px -3px 10px;
}

.pager-link {
	cursor: pointer;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #fc4a00;
	width: 20px;
	display: inline-block;
	height: 20px;
	line-height: 22px;
	text-decoration: none;
	margin:  0px 3px;
}

.pager-link:HOVER,
.pager-link.active {
	text-decoration: none;
	background-color: #ff670c;
}

.button.b-big.orange.more-products:before {
	background-position: -15px -46px;
	width: 16px;
}

.button.b-big.orange.less-products:before {
	background-position: -40px -47px;
	width: 16px;
}


/* definitions for link_button_medium */

.button.b-half {
	position: relative;
}

	.b-half:before {
		content: " ";
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		display: inline-block;
		position: absolute;
	}

	.button.b-half.grey,
	.button.b-half.orange {
		background: none;
		color: #fff;
	}

	.button.b-half.b-small {
		font-size: 16px;
		margin-left:28px;
	}
	
	.button.b-half.b-micro {
		font-size: 13px;
		margin-left:20px;
	}
	
	.button.b-half.b-big {
		margin-left:39px;
	}
	
	.button.b-half.grey:before {
		background-color: #ccc;
	}
	
	.button.b-half.orange:before {
		background-color: #fc4a00;
	}
		
	.button.b-half.b-micro:before {
		width: 16px;
		height: 16px;
		margin: 0px 3px 0 0px;
		left: -20px;
	}
	
	.button.b-half.b-small:before {
		width: 24px;
		height: 24px;
		margin: -3px 3px 0 0px;
		left: -28px;
	}
	
	.button.b-half.b-big:before {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		width: 30px;
		height: 30px;
		margin: 0px 3px 0 0px;
		left: -39px;
	}
	
	.button.b-half.b-micro.grey:before {
		background-position: 2px 0px; 
	}
	
	.button.b-half.b-micro.orange:before {
		background-position: 2px -30px; 
	}
	
	.button.b-half.b-small.grey:before {
		background-position: -12px 1px; 
	}
	
	
	.button.b-half.b-small.orange:before {
		background-position: -12px -22px; 
	}
	
	.button.b-half.b-big.grey:before {
		background-position: -32px 4px;
	}
	
	.button.b-half.b-big.orange:before {
		background-position: -32px -19px;
	}

	.button.b-half:HOVER, 
	.button.b-half.active,
	.button.b-half.active .button_big_inner, 
	.button.b-half:HOVER .button_big_inner {
		text-decoration: underline;
		background: none;
	}
	
	.button.b-half.inactive:HOVER {
		text-decoration: none;
		background: none;
	}

	.button.b-half.grey:HOVER:before, 
	.button.b-half.grey.active:before,
	.button.b-half.grey.active .button_big_inner:before, 
	.button.b-half.grey:HOVER .button_big_inner:before {
		background-color: #e5e5e5;
	}
	
	.button.b-half.orange:HOVER:before, 
	.button.b-half.orange.active:before,
	.button.b-half.orange.active .button_big_inner:before, 
	.button.b-half.orange:HOVER .button_big_inner:before {
		background-color: #ff670c;
	}

	.button.b-half.grey.inactive:HOVER:before {
		background-color: #ccc;
	}
	
	.button.b-half.orange.inactive:HOVER:before {
		background-color: #fc4a00;
	}


/* definitions for b-none */
.button.b-none,
.button.b-ghost	 {
	background: none;
}

.button.b-ghost {
	border: 2px #fff solid;
}

.button.b-none:HOVER,
.button.b-none.active,
.button.b-ghost:HOVER,
.button.b-ghost.active {
	text-decoration: underline;
}

.button.b-none.inactive:HOVER,
.button.b-ghost.inactive:HOVER {
	text-decoration: none;
}

.button.b-none.white,
.button.b-ghost.white {
	color: #fff;
}
.button.b-small.b-none:before,
.button.b-big.b-none:before {
	margin-left: 1px;
}
.button.b-small.b-none.white:before,
.button.b-small.b-ghost.white:before {
	background-position: -3px -32px;
}
.button.b-big.b-none.white:before,
.button.b-big.b-ghost.white:before {
	background-position: -42px -26px;
}

.button.b-small.b-ghost {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}



/* definitions for turn button */
.button.b-turn.b-big:before {
	background-position: -111px -3px;
}
.button.b-turn.b-big:after {
	content: " ";
	background-position: -42px -3px;
	display: inline-block;
	width: 10px;
	height: 15px;
	margin: 3px 5px -1px 5px;
}