.afx-ghost-button-small {
	border: 1px solid #429dd9;
	border-radius: 3px;
	background-color: #fff;
	display: inline-block;
	padding: 0px 10px;
	position: relative;
	text-decoration:none;
	font-family: 'Khand',Arial,Helvetica,sans-serif;
	text-align: center;
	color:#429dd9;
}

.afx-button {
	border: 1px solid;
	border-radius: 3px;
	background-clip: padding-box;
	background-color: #fff;
	display: inline-block;
	font-size: 1rem;
	font-weight: bold;
	/*text-shadow: 0 1px 0 rgba(0,0,0,1);*/
	text-shadow:-1px -1px rgba(0,0,0,.5);
	box-shadow: 0 1px 1px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.25);
	padding: 6px 18px !important;
	margin: -88px auto 0px;
	position: relative;
	text-decoration:none;
	font-family: 'Khand',Arial,Helvetica,sans-serif;
	text-align: center;
	margin-top: -20px;
}

.afx-button.disabled{
	background-image:none !important;
	background-color:#F0F0F0;
	box-shadow:none;
	cursor:default;
	color: #808080 !important;
	text-shadow:none;
}

.afx-button.yellow {
	color: #fff;
	border-color: #b5a12a;
	background-image: linear-gradient( 90deg, rgb(196,175,51) 0%, rgb(226,208,82) 100%);
	background-image: -o-linear-gradient( 90deg, rgb(196,175,51) 0%, rgb(226,208,82) 100%);
	background-image: -moz-linear-gradient( 90deg, rgb(196,175,51) 0%, rgb(226,208,82) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(196,175,51) 0%, rgb(226,208,82) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(196,175,51) 0%, rgb(226,208,82) 100%);
	background-color: #ccb73b;
}

.afx-button.yellow:hover {
	background-image: linear-gradient( 90deg, rgb(226,208,82) 0%, rgb(196,175,51) 100%);
	background-image: -o-linear-gradient( 90deg, rgb(226,208,82) 0%, rgb(196,175,51) 100%);
	background-image: -moz-linear-gradient( 90deg, rgb(226,208,82) 0%, rgb(196,175,51) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(226,208,82) 0%, rgb(196,175,51) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(226,208,82) 0%, rgb(196,175,51) 100%);
	cursor:pointer;
}

.afx-button.green {
	color: #fff;
	border-color: #769d45;
	background-image: linear-gradient( 90deg, rgb(134,175,81) 0%, rgb(155,196,85) 100%);
	background-image: -moz-linear-gradient( 90deg, rgb(134,175,81) 0%, rgb(155,196,85) 100%);
	background-image: -o-linear-gradient( 90deg, rgb(134,175,81) 0%, rgb(155,196,85) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(134,175,81) 0%, rgb(155,196,85) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(134,175,81) 0%, rgb(155,196,85) 100%);
	background-color: #8bb452;
}

.afx-button.green:hover {
	background-image: linear-gradient( 90deg, rgb(155,196,85) 0%, rgb(134,175,81) 100%);
	background-image: -moz-linear-gradient( 90deg, rgb(155,196,85) 0%, rgb(134,175,81) 100%);
	background-image: -o-linear-gradient( 90deg, rgb(155,196,85) 0%, rgb(134,175,81) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(155,196,85) 0%, rgb(134,175,81) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(155,196,85) 0%, rgb(134,175,81) 100%);
	text-decoration:none !important;
	cursor:pointer;
}

.afx-button.blue {
	color: #fff;
	border-color: #1480ae;
	background-image: linear-gradient( 90deg, rgb(49,152,197) 0%, rgb(80,183,228) 100%);
	background-image: -moz-linear-gradient( 90deg, rgb(49,152,197) 0%, rgb(80,183,228) 100%);
	background-image: -o-linear-gradient( 90deg, rgb(49,152,197) 0%, rgb(80,183,228) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(49,152,197) 0%, rgb(80,183,228) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(49,152,197) 0%, rgb(80,183,228) 100%);
	background-color: #39a0cd;
}

.afx-button.blue:hover {
	background-image: linear-gradient( 90deg, rgb(80,183,228) 0%, rgb(49,152,197) 100%);
	background-image: -moz-linear-gradient( 90deg, rgb(80,183,228) 0%, rgb(49,152,197) 100%);
	background-image: -o-linear-gradient( 90deg, rgb(80,183,228) 0%, rgb(49,152,197) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(80,183,228) 0%, rgb(49,152,197) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(80,183,228) 0%, rgb(49,152,197) 100%);
	text-decoration:none !important;
	cursor:pointer;
}

.afx-button.red {
	color: #fff;
	border-color: #ae1414;
	background-image: linear-gradient( 90deg, rgb(197,49,49) 0%, rgb(228,80,80) 100%);
	background-image: -moz-linear-gradient( 90deg, rgb(197,49,49) 0%, rgb(228,80,80) 100%);
	background-image: -o-linear-gradient( 90deg, rgb(197,49,49) 0%, rgb(228,80,80) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(197,49,49) 0%, rgb(228,80,80) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(197,49,49) 0%, rgb(228,80,80) 100%);
	background-color: #cf3b3b;
}

.afx-button.red:hover {
	background-image: linear-gradient( 90deg, rgb(228,80,80) 0%, rgb(197,49,49) 100%);
	background-image: -moz-linear-gradient( 90deg, rgb(228,80,80) 0%, rgb(197,49,49) 100%);
	background-image: -o-linear-gradient( 90deg, rgb(228,80,80) 0%, rgb(197,49,49) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(228,80,80) 0%, rgb(197,49,49) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(228,80,80) 0%, rgb(197,49,49) 100%);
	text-decoration:none !important;
	cursor:pointer;
}


.afx-button.purple {
	color: #fff;
	border-color: #302d50;
	background-image: linear-gradient( 90deg, rgb(75,61,136) 0%, rgb(113,88,187) 100%);
	background-image: -moz-linear-gradient( 90deg, rgb(75,61,136) 0%, rgb(113,88,187) 100%);
	background-image: -o-linear-gradient( 90deg, rgb(75,61,136) 0%, rgb(113,88,187) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(75,61,136) 0%, rgb(113,88,187) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(75,61,136) 0%, rgb(113,88,187) 100%);
	background-color: #cf3b3b;
}

.afx-button.purple:hover {
	background-image: linear-gradient( 90deg, rgb(113,88,187) 0%, rgb(75,61,136) 100%);
	background-image: -moz-linear-gradient( 90deg, rgb(113,88,187) 0%, rgb(75,61,136) 100%);
	background-image: -o-linear-gradient( 90deg, rgb(113,88,187) 0%, rgb(75,61,136) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(113,88,187) 0%, rgb(75,61,136) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(113,88,187) 0%, rgb(75,61,136) 100%);
	text-decoration:none !important;
	cursor:pointer;
}

.afx-button.platinum {
	color: #fff;
	border-color: #404040;
	background-image: linear-gradient( 90deg, rgb(138,137,138) 0%, rgb(194,192,181) 100%);
	background-image: -moz-linear-gradient( 90deg, rgb(138,137,138) 0%, rgb(194,192,181) 100%);
	background-image: -o-linear-gradient( 90deg, rgb(138,137,138) 0%, rgb(194,192,181) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(138,137,138) 0%, rgb(194,192,181) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(138,137,138) 0%, rgb(194,192,181) 100%);
	background-color: #39a0cd;
}

.afx-button.platinum:hover {
	background-image: linear-gradient( 90deg, rgb(194,192,181) 0%, rgb(194,192,181) 100%);
	background-image: -moz-linear-gradient( 90deg, rgb(194,192,181) 0%, rgb(138,137,138) 100%);
	background-image: -o-linear-gradient( 90deg, rgb(194,192,181) 0%, rgb(138,137,138) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(194,192,181) 0%, rgb(138,137,138) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(194,192,181) 0%, rgb(138,137,138) 100%);
	text-decoration:none !important;
	cursor:pointer;
}

.afx-button.black {
	color: #fff;
	border-color: #404040;
	background-image: linear-gradient( 90deg, rgb(50,50,50) 0%, rgb(100,100,100) 100%);
	background-image: -moz-linear-gradient( 90deg, rgb(50,50,50) 0%, rgb(100,100,100) 100%);
	background-image: -o-linear-gradient( 90deg, rgb(50,50,50) 0%, rgb(100,100,100) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(50,50,50) 0%, rgb(100,100,100) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(50,50,50) 0%, rgb(100,100,100) 100%);
	background-color: #39a0cd;
}

.afx-button.black:hover {
	background-image: linear-gradient( 90deg, rgb(100,100,100) 0%, rgb(50,50,50) 100%);
	background-image: -moz-linear-gradient( 90deg, rgb(100,100,100) 0%, rgb(50,50,50) 100%);
	background-image: -o-linear-gradient( 90deg, rgb(100,100,100) 0%, rgb(50,50,50) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(100,100,100) 0%, rgb(50,50,50) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(100,100,100) 0%, rgb(50,50,50) 100%);
	text-decoration:none !important;
	cursor:pointer;
}

.add-to-cart-btn {
	margin-top:10px;
}


.afx-flat-button {
	border-radius: 3px;
	background-clip: padding-box;
	/*background-color: #fff;*/
	min-width:250px;
	white-space: nowrap;
	display: inline-block;
	font-size: 1.1rem;
	font-weight: bold;
	padding: 6px 18px !important;
	position: relative;
	text-decoration:none;
	font-family: 'Khand',Arial,Helvetica,sans-serif;
	text-align: center;
	margin:5px 0px;
	color: #fff;
}

.afx-flat-button:hover {
	top:-1px;
	-webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.74);
	-moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.74);
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.74);
	cursor:pointer;
}

.orange-gradient {
	color: #000;
	border-color: #ffac36;	
	background: -webkit-linear-gradient(0deg, #FF8008 10%, #FFC837 90%); /* Chrome 10+, Saf5.1+ */
	background:    -moz-linear-gradient(0deg, #FF8008 10%, #FFC837 90%); /* FF3.6+ */
	background:     -ms-linear-gradient(0deg, #FF8008 10%, #FFC837 90%); /* IE10 */
	background:      -o-linear-gradient(0deg, #FF8008 10%, #FFC837 90%); /* Opera 11.10+ */
	background:         linear-gradient(0deg, #FF8008 10%, #FFC837 90%); /* W3C */
    background-color: #FF8008;    	
}

.green-gradient {
  background: -webkit-linear-gradient(0deg, #ADD100 10%, #7B920A 90%); /* Chrome 10+, Saf5.1+ */
  background:    -moz-linear-gradient(0deg, #ADD100 10%, #7B920A 90%); /* FF3.6+ */
  background:     -ms-linear-gradient(0deg, #ADD100 10%, #7B920A 90%); /* IE10 */
  background:      -o-linear-gradient(0deg, #ADD100 10%, #7B920A 90%); /* Opera 11.10+ */
  background:         linear-gradient(0deg, #ADD100 10%, #7B920A 90%); /* W3C */     
  background-color: #ADD100;    	
}

.solid-green {
	background-color: #31c550;
}

.solid-orange {
	background-color: #ff9c00;
}

.solid-blue {
	background-color: #3198C5;
}

.solid-purple {
	background-color: #482c99;
}

.solid-black {
	background-color: #000;
	color:#f00;
}


.white-black-outline {
	color:#fff;
	text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
	font-size:1.1em;
}

.black-white-outline {
	color:#000;
	text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;
	font-size:1.1em;
}

.customSelect { 
/* This is the default class that is used */
/* Put whatever custom styles you want here */
	font-size:14px;
	padding: 8px 30px 8px 8px;
	border: 1px solid #f4b808;
	/*width: 220px;*/
	border-radius: 3px;
	overflow: hidden;
	background: #fef4da url("/img/select-arrow-down.png") no-repeat 100% 50%;
	margin-bottom:10px;
}
.customSelect.customSelectHover {
/* Styles for when the select box is hovered */
	cursor:pointer;
}
.customSelect.customSelectOpen {
/* Styles for when the select box is open */
}
.customSelect.customSelectFocus {
/* Styles for when the select box is in focus */
}
.customSelectInner {
/* You can style the inner box too */
 width:100% !important;
}