.variantcs-wrapper button{
	background-color: #f9f9f9;
	background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
	background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
	background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
	background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff2f2f2', GradientType=0);
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
	border: 1px solid #d0d0d0;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	color: #303030;
	font-size: 14px;
}

.variantcs-wrapper .caret{
	margin-left: 50px;
}

.variantcs-wrapper .dropdown-menu li a{
	padding-left: 30px;
	border-bottom: 1px solid #EEEEEE;
	color: #666666;
	padding-top: 5px;
	padding-bottom: 5px;
	/* 
		Important: don't remove background image none or background size auto, 
		need to override buy page without overridding background image of 
		.dropdown-menu li a.active
	*/
	background-image: none;
	background-size: auto;
}

.variantcs-wrapper .dropdown-menu li:last-child a{
	border-bottom: none;
}

.variantcs-wrapper .dropdown-menu li a.active{
	background-image: url("https://payhip.com/images/select-tick.png");
    background-position: 5px 8px;
    background-repeat: no-repeat;
    color: #000000;
}

.variantcs-wrapper .dropdown-menu li a:hover{
	background-color: #1798BE;
	color: #FFFFFF;
	background-image: url("https://payhip.com/images/select-tick.png");
	background-position: 5px -81px;
	background-repeat: no-repeat;
}

.variantcs-wrapper button:hover{
	border-color: #AAAAAA;
}

.variantcs-wrapper button:hover .caret{
	color: #000000;
}

.variantcs-wrapper button.active{
	background-color: #DDDDDD;
	border-color: #BBBBBB;
}

.variantcs-wrapper .dropdown-menu{
	max-height: 220px;
	overflow: auto;
}

.variantcs-fluid-width{
	position: relative;
    text-align: left;
}

.variantcs-fluid-width .caret{
	position: absolute;
    right: 15px;
    top: 48%;
}

.variantcs-fixed-width{
	position: relative;
    text-align: left;
}

.variantcs-fixed-width .caret{
	position: absolute;
    right: 15px;
    top: 48%;
}

.variantcs-wrapper .out-of-stock-option{
	padding-left: 30px;
	background-color: #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	color: #666666;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: none;
	background-size: auto;
}