
/* ------------------ Product Options ----------------- */

.product-options {
	clear: both;
		
}
#purchase .product-options:before {
	content: " ";
    display: table;
}
#purchase .product-options:after {
	clear: both;
	content: " ";
    display: table;
}
.popup #purchase .product-options {
	margin-right: 0;
}


.product-options p, .product-options .control-group {
	margin: 8px 0;
	padding: 0;
}
.product-options .control-group + .control-group.field-slider {
	border-top: 1px solid #ddd;
	padding-top: 10px;
	margin-top: 15px;
}
	.product-options p.error, .product-options .control-group.error {
		outline: 2px solid rgba(255,0,0,0.2);
	}
	.product-options p.error, .product-options .control-group.error:focus {
		outline-color: #ff0000;
	}
.product-options p.notice {
	padding: 10px;
}
.product-options .cart_notice {
	position: relative;
	font-size: 85%;
	display: block;
	padding: 8px 10px 3px;
	margin: 0 0 20px;
	border: solid 2px #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #FAFAFA;
	margin: 20px 0;
}
.product-options .cart_notice.unavailable {
	border-color: #ff0000;
}
.product-options .cart_notice.soldout {
	border-color: #e82;
}
	.product-options .sale-price {
		font-size: 18px;
		color: #70a;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-weight: normal;
		clear: both;
		margin: 12px 0 15px 0;
	}
	.product-options .sale-price .tax {
		font-size: 12px;
		font-weight: normal;
		font-family: Roboto, sans-serif;
		color: #999;
	}
form.add_to_cart_form {
	clear: both;
	position: relative;

    z-index: 10;
	margin: 0;
	padding-top: 20px;
}

form .cart_options {
	position: relative;
	display: block;
	padding: 8px 10px 3px 10px;
	margin: 0 0 40px;
	border: solid 1px #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #FAFAFA;
	font-size: 14px;

}
/* width */
form .cart_options .inner::-webkit-scrollbar {
  width: 7px;
}
/* Track */
form .cart_options .inner::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 4px;
}
/* Handle */
form .cart_options .inner::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
  border: 1px solid #fff;
}
/* Handle on hover */
form .cart_options .inner::-webkit-scrollbar-thumb:hover {
  background: #666;
}

form .cart_options hr {
	background-image: url(../images/hr_dots-light.gif);	
}
form .cart_options .field-group {
	border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
	margin: 12px 0;
    padding: 0;
    position: relative;
}
form .cart_options .inner .field-group:first-child {
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
}
form .cart_options .inner .field-group:last-child {
	margin-bottom: 6px;
	/*padding-bottom: 6px;*/
}
form .cart_options p {
	margin-bottom: 8px;
	margin-top: 8px;
	padding: 0;
		position: relative;
		font-size: 90%;
}
form .cart_options .input, form .cart_options .text {
	padding: 8px;
	min-height: 40px;
		/*width: 250px;*/
}
form .cart_options .input.number {
	width: 80px;
}
form .cart_options .fields .input, form .cart_options .fields .text {
	width: 100%;
}
form .cart_options select,
form .cart_options .dd {
	max-width: 400px;
	width: 65%;
}
form .cart_options select {
	padding: 6px;
	font-size: 14px;
	background-color: #fff;
	height: 50px;
}
form .cart_options .dd {
	width: 65% !important;
}
form .cart_options .field-wrapper {
	float: left;
	position: relative;
	width: 65%;
		max-width: 65%;
}
form .cart_options .field-wrapper.number {
	width: 150px;
}
form .cart_options .field-wrapper .input, form .cart_options .field-wrapper select {
	width: 100%;
}


/* UI Slider */

.ui-slider:before,
.ui-slider:after {
	content: "";
	display: table;
}
.ui-slider:after {
	clear: both;
}

form .cart_options  .ui-slider {
	clear: both;
	margin: 10px 4px 20px 4px;

}

form .cart_options .field-group .ui-slider { 
	margin: 15px 10px 30px 10px;

}
form .cart_options .ui-slider-label {
	font-size: 11px;
}
form .cart_options .select-tooltip {
	padding: 1px 12px 1px 3px !important;
	margin: 0 !important;
	width: auto !important;
	height: 30px !important;
	min-height: 30px;
	line-height: 27px;
	
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	background-position: right 4px center;
	
	border: 1px solid #ddd;
	box-shadow: none;

		font-size: 12px;
	    font-family: Roboto, sans-serif;
		font-weight: 300;
}
form .cart_options .select-tooltip + .ui-slider .ui-slider-tooltip {
		font-size: 12px !important;
	    font-family: Roboto, sans-serif;
		font-weight: 300;
}
form .cart_options  .ui-slider {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
form .cart_options  .ui-slider a:focus {
	outline: 0;
}
form .cart_options .ui-widget {
	font-family: Roboto, sans-serif;
}
form .cart_options .ui-state-default, 
form .cart_options .ui-widget-content .ui-state-default, 
form .cart_options .ui-widget-header .ui-state-default {
	background: #fff;
	color: #666;
}
form .cart_options .ui-slider .ui-slider-handle {
	width: 1.3em;
	height: 1.3em;
	
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
		
	background: #999999;
	border: 3px solid #fff;
	-moz-box-shadow: 1px 1px 4px #bbb;
	-webkit-box-shadow: 1px 1px 4px #bbb;
	box-shadow: 1px 1px 4px #bbb;
		
}
form .cart_options .ui-slider-horizontal .ui-slider-handle {
	margin-left: -0.9em;
	top: -0.6em;
}
form .cart_options .ui-widget-content {
	background: #e6e6e6;
}
form .cart_options .ui-slider .ui-slider-tooltip {
	background: #fff;
	-moz-box-shadow: 1px 1px 4px #bbb;
	-webkit-box-shadow: 1px 1px 4px #bbb;
	box-shadow: 1px 1px 4px #bbb;
	margin-left: -3.4em;
	padding: 8px;
}

form .cart_options label {
	padding-top: 6px;
	width: 33%;
	margin-right: 0;
	padding-right: 4px;
	text-align: left;
	font-weight: 500;
	font-size: 15px;
	line-height: 16px;
	float: left;
}
form .cart_options .field-inputqty label {
	padding-top: 15px;
}
form .cart_options label small {
	font-weight: 300;
}
form .cart_options .slider-enabled label {
	width: auto;
}
form .cart_options label.error {
	float: none;
		clear: both;
		display: block;
		font-size: 12px;
	width: auto;
	font-weight: normal;
	margin-left: 0;
	padding: 2px 0 4px 33%;
}
form .cart_options label.inline-error {
	display: block !important;
	font-size: 12px;
	color: #ff0000;
}
form .cart_options .notes {
	display: block;
	clear: both;
	padding: 4px 0;
	font-size: 90%;
	line-height: 1.5em;
	color: #666;
}


@media (max-width: 767px) {
	#purchase form.add_to_cart_form {
		padding-top: 40px;
	}
	form .cart_options select {
		height: 44px;
	}
	.dd.ddcommon .ddTitle .ddTitleText {
		padding: 7px 20px 7px 6px;
	}
}

@media (max-width: 479px) {
	#purchase form.add_to_cart_form {
		padding-top: 20px;
	}
	.product-options p {
		margin-bottom: 2px;
	}
	form .cart_options label {
		width: 100%;
	}
	form .cart_options select {
		width: 100%;
	}
	form .cart_options .dd {
		width: 100% !important;
	}
	form .cart_options .field-wrapper {
		width: 100%;
		max-width: none;
	}
	form .cart_options .field-group {
		margin-top: 20px;
	}
	form .cart_options label.error {
		clear: both;
		padding-left: 0;
	}
}

/* Cart field types */

.cart_options .options-field:before, .cart_options .options-field:after {
	content: "";
    display: table;
}
.cart_options .options-field:after {
	clear: both;
}

.cart_options .field-slider {
		position: relative;
}
.cart_options .field-slider .option.slider, .cart_options .field-slider .dd {
	width: 100%;
	max-width: none;
}
#product .cart_options .field-slider .options-field {
	min-height: 68px; /* height of js slider */
}
.cart_options .field-slider label {
	float: none;
	width: auto;
	padding-bottom: 5px;
}
.cart_options .field-slider select:focus {
	outline: 0;
}
.cart_options .field-slider .unit {
	position: absolute;
	top: 0;
	right: 0;
}
.cart_options .field-checkbox input {
	margin-top: 8px;
	margin-left: 5px;
	margin-right: 5px;
}
.cart_options .field-checkbox label {
	width: auto;
	/*min-width: 108px;*/
}
.cart_options .field-inputqty label {
	width: auto;
}
.cart_options .fields {
	position: relative;
	/*width: 253px;*/
	border: 1px solid #E6E6E6;
	padding: 4px 6px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	min-width: 253px;
	max-width: 100%;
	width: 65%;
	margin-bottom: 5px;
}
@media (max-width: 479px) {
	.cart_options .fields {
		width: 100%;
	}
}
.cart_options .fields .fields-inner {
	display: block;
	position: relative;
	min-height: 34px;
}
.cart_options .fields .row {
	display: none;
	margin: 2px 0;
		padding-right: 55px;
		font-size: 13px;
}
.js .cart_options .fields .row {
	display: block;
}
.cart_options .fields label.error {
	display: block;
	clear: left;
	margin: 2px 0;
 	padding: 0;
}
.cart_options .fields label.error .fix {
	border-bottom: 1px dotted #ff0000;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
	cursor: pointer;
}
.cart_options .fields label.error .fix .fa {
	border: 1px solid #ccc;
	color:  #aaa;
	padding: 1px;
	border-radius: 3px;
	background: #fff;
}
.cart_options .fields label.error .fix:hover .fa {
	border: 1px solid #999;
	color:  #666;
}
.cart_options .fields .row_input, .cart_options .fields .row_qty {
	padding: 3px 1px 3px 5px;
	border: 1px solid #DDDDDD;
	background: white;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	font-size: 12px;
	height: auto;
}
.cart_options .fields .row_input {
	width: 50px;
	min-width: 30%;
}
.cart_options .fields .row_input[type="number"] {
	width: 60px;
}
.cart_options .fields .row_qty {
	width: 50px;
	min-width: 30%;
}
.cart_options .fields input {
	max-width: 20% !important;
}
.cart_options .fields .addrow, .cart_options .fields .removerow {
	/*display: none;*/
	position: absolute;
	right: 6px;
	bottom: 9px;
	width: 19px;
	height: 19px;
	text-indent: -999em;
	overflow: hidden;
	opacity:0.6;
	filter:alpha(opacity=60);
	cursor: pointer;
}
.cart_options .fields .addrow {
	background: transparent url(../images/icon_add.png) no-repeat center bottom;
}
.cart_options .fields .removerow {
	right: 24px;
	bottom: 8px;
	background: transparent url(../images/icon_delete.png) no-repeat center bottom;

}
.cart_options .fields .fields-inner .addrow {
	right: 0;
	bottom: 8px;
}
.js .cart_options .fields .addrow {
	display: block;
}
.cart_options .fields .addrow:hover, .cart_options .fields .removerow:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
.cart_options .fields .error {
	font-size: 12px;
}
.cart_options .fields input.error {
	border-color: #ff0000;
}
.cart_options .fields .total_qty {
	font-size: 90%;
	color: #000099;
	margin-top: 4px;
	/*padding: 4px 0;*/
}


/* small cart options */

/* small */
form .cart_options.small .control-group {
	margin: 0;
	padding: 3px 0;
}
form .cart_options.small .control-group label {
	/*padding-top: 4px;*/
	margin-bottom: 3px;
	padding-bottom: 0;
}

form .cart_options.small {
	background: none;
	padding: 0;
	border: none;
	margin: 0;
}
form .cart_options.small label {
	display: block;
	float: none;
	width: 100%;
	font-size: 13px;
}
form .cart_options.small small {
	font-size: 11px;
}
form .cart_options.small .field-checkbox label,
form .cart_options.small .field-checkbox .options-field {
	display: inline;
	float: left;
	width: auto;
}
form .cart_options.small .control-group + .control-group.field-slider {
	padding-top: 8px;
	margin-top: 10px;
}
form .cart_options.small .field-checkbox input, 
form .cart_options.small .field-checkbox .unit {
	margin-top: 4px;
}
form .cart_options.small .dd, form .cart_options.small select.option {
	display: block;
	float: none;
	width: 100%;
	max-width: none;
	height: 44px;
	font-size: 13px;
}
form .cart_options.small .dd {
	width: 100% !important;
}

form .cart_options.small .dd .ddTitle .ddTitleText {
	white-space: nowrap;
	margin: 4px 28px 4px 6px;
	padding: 0;
	overflow: hidden;
	line-height: 34px;
}
form .cart_options.small .dd .ddTitle .ddTitleText img, 
form .cart_options.small .dd .ddChild li img, 
form .cart_options.small .dd .ddColor {
	width: 30px;
	height: 30px;
}
form .cart_options.small .fields {
	min-width: 220px;
	width: 100%;
	border-color: #eee;
}
form .cart_options.small .fields .row {
	padding-right: 20px;
	font-size: 11px;
}
form .cart_options.small .fields .row label.error {
	font-size: 11px;
	line-height: 1.2em;
	padding-right: 20px;
}
form .cart_options.small .notes {
	display: none;
}
form .cart_options.small .field-checkbox .notes {
	display: inline-block;
}
form .cart_options.small .field-group {
	border-color: #eee;
	    margin: 6px 0;
}
form .cart_options.small .field-group:last-child {
	border-bottom: none;
}
/* end small */






#purchase .add_to_cart {
	position: relative;
	z-index: 6;
	
	-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#purchase .add_to_cart .cart_inventory {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	text-align: right;
	height: 100%;
	padding: 0 4px;
	color: #000;
	border: 1px solid #d9d9d9;
	border-right-color: #CF4D8C;
	border-bottom-color: #ccc;
	
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	
	background: #f6f6f6;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(231,232,233,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(231,232,233,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(231,232,233,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(231,232,233,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(231,232,233,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(231,232,233,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e8e9',GradientType=0 );

}
#purchase .add_to_cart .cart_inventory_input {
	padding: 15px 4px 0 8px;
}

#purchase .add_to_cart .cart_inventory input, #purchase .add_to_cart .cart_inventory select{
	padding: 0;
	height: 37px;
	line-height: 37px;
	vertical-align:middle;
	border: 1px solid #d9d9d9;
}
#purchase .add_to_cart .cart_inventory input {
	width: 50px;
	padding: 0 3px;
}
#purchase .add_to_cart .cart_inventory select {
	width: auto !important;
	padding: 4px 3px;
	height: 35px;
}
/* //@TODO: merge all this with product_options.css */
#purchase .add_to_cart_btn {
	display: block;
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 0 12px 0 160px;
	border: none;
	width: 100%;
    height: 66px;
	line-height: 66px;

    border: 1px solid #ccc;
	border-bottom-color: #eb66b4;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	background-color: #fe79c7;
	background-position: 10px center;
	background-repeat: no-repeat;
	background-image: url(../images/cart_icon_button.png);
    background-image: url(../images/cart_icon_button.png), -moz-linear-gradient(top, #ff9cd6, #ff73c5);
	background-image: url(../images/cart_icon_button.png), -webkit-linear-gradient(top, #ff9cd6, #ff73c5);
    background-image: url(../images/cart_icon_button.png), linear-gradient(to bottom, #ff9cd6, #ff73c5);
	
    color: #fff;
	font-family: Roboto, sans-serif;
    font-size: 22px;
    font-weight: normal;
	text-align: left;
	text-shadow: 1px 1px 1px #ff73c5;
	cursor: pointer;
	white-space: nowrap;
}
#purchase .add_to_cart_btn:hover {
	background-color: #ff90d2;
    background-image: url(../images/cart_icon_button.png), -moz-linear-gradient(top, #FFAFD6, #ff66cc);
	background-image: url(../images/cart_icon_button.png), -webkit-linear-gradient(top, #FFAFD6, #ff66cc);
    background-image: url(../images/cart_icon_button.png), linear-gradient(to bottom, #FFAFD6, #ff66cc);
	box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.1);
	outline: none;
}
#purchase .add_to_cart_btn:active {

	background-color: #FF87D0;
	/*background-image: url(../images/cart_icon_button.png), -moz-linear-gradient(top, #e268ad 0%, #FF87D0 17%);
	background-image: url(../images/cart_icon_button.png), -webkit-linear-gradient(top, #e268ad 0%,#FF87D0 17%);
	background-image: url(../images/cart_icon_button.png), linear-gradient(to bottom, #e268ad 0%,#FF87D0 17%);*/
	background-image: url(../images/cart_icon_button.png);
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
#purchase .add_to_cart_btn:focus {
	/*outline: none;*/
}
#purchase .add_to_cart_btn[disabled] {
	/*background: #ec85c4 url(../images/cart_icon_button.png) no-repeat 10px center;*/
	background-color: #ef8cc8;
	background-image: url(../images/cart_icon_button.png);
	-webkit-box-shadow: inset 0px 3px 10px 0px rgba(0,0,0,0.31);
	-moz-box-shadow: inset 0px 3px 10px 0px rgba(0,0,0,0.31);
	box-shadow: inset 0px 3px 10px 0px rgba(0,0,0,0.31);
}
.lt-ie9 #purchase .add_to_cart_btn, .lt-ie9 #purchase .add_to_cart_btn:hover, .lt-ie9 #purchase .add_to_cart_btn:active {
	background-image: url(../images/cart_icon_button.png);
}

@media (max-width: 479px) {
	#purchase .add_to_cart_btn {
		padding-left: 120px;
		text-align: center;
		background-color: #ff73c5;
		background-image: -moz-linear-gradient(top, #ff9cd6, #ff73c5);
		background-image: -webkit-linear-gradient(top, #ff9cd6, #ff73c5);
		background-image: linear-gradient(to bottom, #ff9cd6, #ff73c5);
	}
	#purchase .add_to_cart_btn:hover {
		background-color: #ff66cc;
		background-image: -moz-linear-gradient(top, #FFAFD6, #ff66cc);
		background-image: -webkit-linear-gradient(top, #FFAFD6, #ff66cc);
		background-image: linear-gradient(to bottom, #FFAFD6, #ff66cc);
	}
	#purchase .add_to_cart_btn:active {
		background-color: #e059b1;
		background-image: -moz-linear-gradient(top, #e268ad 0%, #FF87D0 17%);
		background-image: -webkit-linear-gradient(top, #e268ad 0%,  #FF87D0 17%);
		background-image: linear-gradient(to bottom, #e268ad 0%, #FF87D0 17%);
	}
	#purchase .add_to_cart_btn[disabled] {
		background: #FF87D0;
		background-image: linear-gradient(to bottom, #ff66cc, #FFAFD6);
	}
}


.add_to_cart_btn.added:after {
	content: "\f00c";
    display: inline-block;
    font: normal normal normal 14px/1 "Font Awesome 6 Pro", FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin-left: 5px;
}



/* Cart Extra */

.cart_extra {
	clear: both;
	position: relative;
	z-index: 5;

}
#purchase .cart_options+.cart_extra {
    margin-top: -20px;
    margin-bottom: 10px;
}

/* Cart Extra: Buttons */

.cart_extra .extra-btn {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
	/*height: 50px;*/
	/*line-height: 50px;*/
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	
}
.add_to_cart + .cart_extra .extra-btn {
	margin-top: -8px;
	padding-top: 4px;
}
.cart_extra .extra-btn:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}
.cart_extra .extra-btn .btn {
	text-align: left;
	font-size: inherit;
	display: block;
	color: #666;
	text-decoration: none;
	cursor: pointer;
	padding: 0 0 0 60px;
	height: 60px;
	line-height: 62px;
		text-transform: uppercase;
		letter-spacing: 0.15em;
		font-size: 14px;
}
.cart_extra .extra-btn a:hover {
	text-decoration: none;
}
.cart_extra .extra-btn.sample a {
	background: #e6f7ff url(../images/icon_sample.png) no-repeat 12px center;
	border: solid 1px #ddd;
}

/* ------------------ Wish list ----------------- */

.wishlist-menu {
	position: relative;

	display:block;
	font-size: 15px;
	color: #fff;

	z-index: 1;
		
	width: 300px;
	max-width: 100%;
	margin: 40px auto 20px auto;
}
.wishlist-menu-desc {
	margin: 10px 0 0 0;
	color: #999;
	text-align: center;
	font-size: 12px;
	position: absolute;
    top: 100%;
	z-index: -1;
}

.wishlist-menu form {
	margin: 0;
	padding: 0;
}
.wishlist-menu .expand-bttn {
    /*height: 30px;*/
	padding: 6px 0;
	
	background: #3cd3b7 url(../images/wishlist/specify-text.png) no-repeat center center;
	
	color: #fff;
	font-size: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
	
	border: 3px solid #fff;
	
	-webkit-box-shadow: 0px 0px 0px 3px rgba(74,192,185,1);
	-moz-box-shadow: 0px 0px 0px 3px rgba(74,192,185,1);
	box-shadow: 0px 0px 0px 3px rgba(74,192,185,1);

	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
	
	min-height: 46px;
	z-index: 2;
}
.wishlist-menu .expand-bttn:active {
	background-color: #888;
	border-color: #fff;
}

.wishlist-menu .expand-bttn:hover {
    cursor: pointer;
	opacity:0.8;
	filter:alpha(opacity=80);
}

.wishlist-menu .expand-bttn p {
	position: relative;
	margin: 0 !important;
    padding: 0 40px;
	text-align: center;
    display: block;
	height: 30px;
	line-height: 30px;
	background-repeat: no-repeat;
	background-position: 12px center;
		overflow: hidden;
}

.wishlist-menu .expand-dd {
	position: absolute;
	right: 0;
	top: 0;
	width: 47px;
    height: 47px;
	line-height: 47px;
    text-align: center;
	color: #999;
	background-image: url(../images/wishlist/arrow_down-white.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.wishlist-menu .expand-bttn:hover .expand-dd {
	background-image: url(../images/wishlist/arrow_down-white.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.wishlist-menu .expand-bttn:hover .expand-dd i {
	display: none !important;
}
.wishlist-menu .expand-dd.hasitems {
	background: none;
}
.wishlist-menu .expand-dd.open, .wishlist-menu .expand-bttn:hover .expand-dd.open {
	text-indent: -999em;
	background-image: url(../images/wishlist/arrow_up-white.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.wishlist-menu .expand-dd i {
	display: block !important;
	visibility: hidden;
	margin: 10px auto auto;
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-style: normal;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #3cd3b7;
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.wishlist-menu:hover .expand-dd i {
	color: #333;
}
.wishlist-menu .expand-dd.open i {
	background: none;
}

div.expand-list {
    background: #3cd3b7;
	color: #fff;
    display: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: absolute;
	width: 100%;
	min-width: 240px;
	border: 1px solid #ddd;
	margin-left: -1px;
	font-size: 14px;
	
	-webkit-box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.2);
	
	width: 280px;
	margin-left: 10px;
	margin-top: 5px;

	border: 3px solid #3cd3b7;
	z-index: 3;
}

div.expand-list ul.expand-list-items {
    max-height: 195px;
	margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
	list-style-type: none;
}
/* width */
div.expand-list ul.expand-list-items::-webkit-scrollbar {
  width: 7px;
}
/* Track */
div.expand-list ul.expand-list-items::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 4px;
}
/* Handle */
div.expand-list ul.expand-list-items::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
  border: 1px solid #fff;
}
/* Handle on hover */
div.expand-list ul.expand-list-items::-webkit-scrollbar-thumb:hover {
  background: #666;
}

div.expand-list ul li {
    padding: 10px 10px 10px 12px;
    margin: 0;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    /*color: #666;*/
	line-height: 1.25em;
}
div.expand-list ul li a {
	float: right;
	padding: 2px 0px;
	font-size: 12px;
		margin: -9px;
		padding: 7px 8px 7px 12px;
		/*border-left: 1px solid #ddd;*/
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
}
div.expand-list ul li a:hover {
	background: #fff;
}
div.expand-list ul li a .fa {
	font-size: 20px;
	color: #fff;
	line-height: 20px;
	opacity: 0.6;

}
div.expand-list ul li:hover {
    background: rgba(255,255,255,0.2);
    cursor: pointer;
}
div.expand-list ul li:hover a {
	background: #fff;
}
div.expand-list ul li:hover a .fa {
	color: #3cd3b7;
}
div.expand-list ul li:hover a .fa {
	color: #3cd3b7;
}
div.expand-list ul li a .fa-refresh {
	display: none;
}
div.expand-list ul li.loading a .fa-refresh {
	display: inline-block;
}
div.expand-list ul li.loading a .fa-arrow-circle-right {
	display: none;
}

div.expand-list ul li.added {
	color: rgba(255,255,255,0.5);
	font-weight: 400;
}

div.expand-list ul li.added:hover a {
	background-color: rgba(255,255,255,1);
}
.wishlist-menu form#wish_list_form {
	display: block;
	clear: both;
    margin: 0;
	padding: 5px 8px 5px 8px;
    border: none;
    background: #3cd3b7;
}
.wishlist-menu .expand-list input#create-list {
	border: #d9d9d9 1px solid;
	border-radius: 3px;
	background-color: #f8f8f8;
	padding: 5px;
	display: block;
	font-size: 1em;
	width: 82%;
	float: left;
	color: #333;
}
.wishlist-menu .expand-list-input {
	position: relative;
	overflow: hidden;
}
.wishlist-menu .expand-list .submit {
	float: right;
	width: 30px;
	height: 30px;
	margin: 0 0 0 0;
	padding: 0;
	border: none;
	opacity:0.6;
	filter:alpha(opacity=60);
	cursor: pointer;
	background: none;
	font-size: 30px;
	line-height: 30px;
	text-align: center;
	transition: all 0.1s ease-in-out;
}
.wishlist-menu .expand-list .submit:hover, .wishlist-menu .expand-list .submit:focus {
	opacity:1;
	filter:alpha(opacity=100);
	outline: none;
	transform: scale(1.1);
}
.wishlist-menu .expand-list .expand-list-notice a {
	display: block;
	padding: 14px 10px;
	color: #fff;
	font-weight: 400;
	font-size: 16px;
}



/* Cart Info */

.product-options .cart_info {
	clear: both;
	position: relative;
	z-index: 1;
	overflow: hidden;
	top: 6px;
	color: #FF6699;
		margin-top: -12px;
		margin-bottom: 12px;
}
.product-options .cart_info .cart_contents {
	clear: left;
	float: left;
	margin-left: 50px;
}
.product-options .cart_info .sample_contents {
	clear: right;
	float: right;
	text-align: right;
	margin: 0;
}

form .cart_util .unit {
	margin-left: 5px;
}

.hidden_save_customer_info_form {
	display: none;
}
.add_to_cart_form .cart_inventory label {
	width: auto;
	margin-right: 6px;
}
form .unit {
	display: inline-block;
	font-size: 80%;
	color: #999;
	margin: 6px 0 0 8px;
	vertical-align: top;
}
	form .cart_options .field-dropdown  {
		position: relative;
	}
	form .cart_options .field-dropdown .unit {
		clear: left;
		float: right;
		margin: 0 5% 0 0;
	}
form .cart_options .field-wrapper .unit {
	position: absolute;
    right: 0px;
    top: 4px;
	margin: 5px 6px;
	font-size: 12px;
		max-width: 50%;
}
.add_to_cart_form .cart_inventory .unit {
	padding-top: 6px;
}
@media (max-width: 479px) {

	form .cart_options .field-dropdown .unit {
		margin: 0;
		position: absolute;
		top: 10px;
		right: 2px;
	}
}

/* Tile sample colours */

	.tile-colour {
		display:inline-block;
		width:30px;
		height:30px;
		line-height:29px;
		text-shadow: 1px 1px rgba(0,0,0,0.5);
		border-radius:50%;
		border:1px solid #ccc;
		vertical-align:middle; 
		color:#fff; 
		font-size:11px; 
		font-weight:bold; 
		text-align:center;
		margin: -5px 3px -5px 0;
	}

	.product-tile-colours {
		margin: -2px -2px 16px -2px;
		font-size: 0;
	}
	.product-tile-colours .colour {
		display: inline-block;
		width: 30px;
		height: 30px;
		line-height: 29px;
		text-shadow: 1px 1px rgba(0,0,0,0.5);
		border-radius:50%;
		border: 1px solid #ccc;
		vertical-align: middle; 
		color: #fff; 
		font-size: 11px; 
		font-weight: bold; 
		text-align: center;
		cursor: default;
		margin: 2px;
	}
	.product-tile-colours a .colour {
		cursor: pointer;
	}
	.product-tile-colours a {
		cursor: pointer;
		text-decoration: none !important;
	}
	.product-detail .product-tile-colours .default .colour, .product-detail .product-tile-colours > .colour {
		opacity: 0.3;
	}
	.product-detail .product-tile-colours .default .colour.selected, .product-detail .product-tile-colours > .colour.selected {
		border-color: #ff73c5 !important;
		box-shadow:inset 0 0 0 1px #ff73c5;
		opacity: 1;
	}
	.product-detail .product-tile-colours .extra .colour {
		border-color: #ff73c5 !important;
		box-shadow:inset 0 0 0 1px #ff73c5;
	}
	.tile-colours-selector {
		height: 240px;
		max-height: 23vh;
		overflow: hidden;
		overflow-y: visible;
		display: grid;
		grid-template-columns: 25% 25% 25% 25%;
	}

	.tile-colours-selector label {
		position:relative; 
		width: auto !important; 
		margin: 5px 0;
		padding: 0 15px !important;
		text-align: center !important;
		cursor: pointer;
		max-width: 120px;
		font-size: 13px !important;
		z-index: 1;
	}
	.tile-colours-selector input {
		position: absolute; 
		left:50%; 
		top:40px;
		transform: translateY(-50%);
		z-index: -1;
		/*opacity: 0;*/
	}
	.tile-colours-selector label.error {
		top: -6px;
		margin: 0 -20px !important;
		padding: 0 !important;
		text-align: center !important;
		display: inline-block !important;
	}
	.tile-colours-selector .colour {
		color: #fff; 
		display: inline-block; 
		position: relative; 
		width: 100%; 
		height: 0;
		padding: 0;
		padding-top: 100%;
		/*padding-bottom: 95%;*/
		overflow: hidden;
		text-align:center; 
		border-radius:50%;
		text-shadow: 1px 1px rgba(0,0,0,0.5);
		line-height: 1px;
	}
	.tile-colours-selector .colour .number {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		transform: translateY(-50%);
	}
	.tile-colours-selector input[type=checkbox]:checked + .colour {
		/*border: 3px solid #ff73c5;*/
		box-shadow: 0px 0px 0px 3px #ff73c5, inset 0 0 0 3px #fff;

	}
	.tile-colours-selector .text {
		display:block; 
		padding:5px 0 !important;
		min-height: 30px !important;
	}
	@media only screen and (max-width: 600px) {
		.tile-colours-selector {
			grid-template-columns: 33.3333% 33.3333% 33.3333%;
		}
		.tile-colours-selector label {
			font-size: 11px !important;
		}
	}
	@media only screen and (max-width: 370px) {
		.tile-colours-selector {
			grid-template-columns: 50% 50%;
		}
	}