/*
* -------------------------------------------------------------------
* NOTES:
* Styles with lowercase names are from the bootstrap framework, or other sources.
* Styles with UPPERCASE names are from Modular Merchant. This is done to help
* 	differentiate the styles that are from MM's QuickCode Tags, Universal Template, etc.
*
* -------------------------------------------------------------------
*/

/*
* -------------------------------------------------------------------
* Override/extend bootstrap styles from css/bootstrap.css...
* -------------------------------------------------------------------
*/

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	color: rgb(9,9,9);
	font-family: 'Montserrat', 'Trebuchet MS', Arial, sans-serif;
	font-size: 14px;
	border: none;
	background-color: rgb(255,255,255);
}
@media (max-width: 767px) {
	body {
		padding-right: 0;
		padding-left: 0;
	}
}

a {
	/* Set the color and decoration (such as an underline) for links. */
	color: rgb(10,54,119);
	text-decoration: none;

	-webkit-transition: color 0.25s linear;
	-moz-transition: color 0.25s linear;
	-o-transition: color 0.25s linear;
	transition: color 0.25s linear;
}
a:hover {
	/* Set the color and decoration (such as an underline) for links when they are moused over. */
	color: rgb(39,110,214);
	text-decoration: underline;
}

.carousel > .carousel-inner > .item > img {
	margin: 0 auto;
}
.carousel-control {
	color: rgb(255,255,255);
	line-height: 25px;
	background: rgb(0,0,0);
}
.carousel-control:hover {
	text-decoration: none;
}
.carousel {
	margin-bottom: 0;
}
.carousel > .carousel-inner > .item, .carousel-medium > .carousel-inner > .item img {
	overflow: hidden;
	height: 300px;
	background-position: center top;
	background-size: cover;
}
.carousel > .carousel-inner > .item > img, .carousel > .carousel-inner > .item > a > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
	margin: 0 auto;
}
.carousel-mini > .carousel-inner, .carousel-medium > .carousel-inner {
	margin: 0;
}
.carousel-mini > .carousel-inner > .item {
	height: auto;
}
.carousel-mini .carousel-nav, .carousel-medium .carousel-nav {
	position: relative;
	text-align: center;
}
.carousel-mini .carousel-indicators, .carousel-medium .carousel-indicators {
	position: relative;
	top: auto;
	right: auto;
	display: inline-block;
	height: 15px;
	vertical-align: middle;
	text-align: center;
}
.carousel-mini .carousel-indicators > li, .carousel-mini .carousel-control, .carousel-medium .carousel-indicators > li, .carousel-medium .carousel-control {
	display: inline-block;
	position: relative;
	float: none;
	width: .5em;
	height: .5em;
	margin: 0;
	padding: 1px;
	vertical-align: middle;
	border-radius: 2em;
	background-color: rgba(237,155,22,0);
	background-image: url(../images/empty.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.carousel-mini .carousel-indicators > .active, .carousel-medium .carousel-indicators > .active {
	background-color: rgba(237,155,22,0.6);
}
.carousel-mini .carousel-indicators > li:hover, .carousel-medium .carousel-indicators > li:hover {
	background-color: rgba(237,155,22,0.3);
}
.carousel-mini .carousel-control, .carousel-medium .carousel-control {
	left: auto;
	right: auto;
	height: 12px;
	padding: 0;
	vertical-align: top;
	color: transparent;
	font-size: 2em;
	font-weight: 700;
	line-height: 1em;
	border-radius: 0;
	background-color: transparent;
	background-image: url(../images/collapsed.png);
	opacity: 1;
}
.carousel-mini .carousel-control.left, .carousel-medium .carousel-control.left {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}
.carousel-mini .carousel-control:hover, .carousel-medium .carousel-control:hover {
	color: transparent;
	background-image: url(../images/collapsed-hover.png);
}
.carousel-well {
	padding: 9px 15px;
}

.collapse-button {
	position: absolute;
	right: 0;
	width: 30px;
	height: 30px;
	margin: 5px;
	padding: 0;
	box-sizing: border-box;
	color: rgb(100,100,100) !important;
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
	text-shadow: 0 1px 1px rgba(255,255,255,0.9) !important;
	border-color: rgb(180,180,180);
	background: #DDDDDD !important;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf');
	background: -moz-linear-gradient(top, #fff, #cfcfcf) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf)) !important;
	background: linear-gradient(#fff, #cfcfcf) !important;
}
.collapse-button .show-ctrl, .collapse-button .hide-ctrl {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 0.9;

	-webkit-transition: opacity 0.25s linear;
	-moz-transition: opacity 0.25s linear;
	-o-transition: opacity 0.25s linear;
	transition: opacity 0.25s linear;
}
.collapse-button .show-ctrl:hover, .collapse-button .hide-ctrl:hover {
	opacity: 1;
}
.collapse-button .show-ctrl {
	display: none;
}
.collapse-button .hide-ctrl {
	display: block;
}
.collapse-button.collapsed .show-ctrl {
	display: block;
}
.collapse-button.collapsed .hide-ctrl {
	display: none;
}

.container > .row-fluid {
	padding-left: 15px;
	padding-right: 15px;
}

.form-horizontal .control-group {
	margin-bottom: 5px;
	margin-top: 5px;
}
.form-horizontal .control-label {
	padding-top: 5px;
}
.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
	margin-top: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
}
h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

.nav-arrow {
	display: inline-block;
	vertical-align: top;
	font-size: 0.8em;
	text-transform: none !important;
}
.nav-arrow-down{
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.nav-arrow-left {
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.nav-arrow-up {
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}

.popover-title {
	display: block;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	border: 1px solid rgb(0,0,0);
	background: rgba(255,255,255,0.8);
}

table, form, label {
	padding: 0;
	margin: 0;	
}
td, th {
	font-family: 'Montserrat', 'Trebuchet MS', Arial, sans-serif;
}

.ui-autocomplete {
	z-index: 1500;
}
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: 'Montserrat', 'Trebuchet MS', Arial, sans-serif !important;
}

[class^="icon-"], [class*=" icon-"] {
	vertical-align: baseline;
}

/*
* -------------------------------------------------------------------
* Styles for the top navigation menu
* -------------------------------------------------------------------
*/

.navbar {
	z-index: 500;
	width: 100%;
	margin: 0;
	padding: 0;
	color: rgb(220,220,220);
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	border-top: 8px solid rgb(39,110,214);
	border-bottom: 1px solid rgba(0,0,0,0.95);
	background: rgb(0,0,0);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.95);
	box-shadow: 0 0 2px rgba(0,0,0,0.5);
}

.navbar .navbar-inner {
	z-index: 500;
	position: relative;
	float: none;
	margin: 0;
	padding: 5px 15px 0;
	box-sizing: border-box;
	border: none;
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.navbar a {
	margin: 0;
	padding: 15px;
	color: rgb(255,255,255);
	font-weight: 700;
	line-height: 30px;
	text-decoration: none;
	border: none;
	-webkit-transition: color 0.1s linear;
	-moz-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
	transition: color 0.1s linear;
}
.navbar a:hover { 
	/* Set the color and decoration (such as an underline) for links when they are moused over. */
	color: rgb(244,174,43);
}

.navbar .brand {
	display: inline-block;
	margin: 0;
	padding: 0 15px 0 0;
	vertical-align: top;
}

.nav-collapse > div {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.nav-collapse.in.collapse {
	overflow: hidden;
}

.navbar .nav {
	margin: 0;
}

.navbar .nav > li {
	display: inline-block;
}

.navbar .btn-group {
	margin-top: 0;
}

.navbar .dropdown-menu {
	z-index: 600;
	padding: 15px;
	border-radius: 0 0 4px 4px;
	background: rgb(255,255,255);
}

.navbar .dropdown-menu a {
	z-index: 600;
	display: block;
	margin: 0 !important;
	padding: 6px 15px;
	color: rgb(102,102,102);
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	text-overflow: ellipsis;
	text-transform: none;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	border-bottom: 1px solid rgb(242,242,242);

	-webkit-transition: color 0.13s linear, background-color 0.13s linear;
	-moz-transition: color 0.13s linear, background-color 0.13s linear;
	-o-transition: color 0.13s linear, background-color 0.13s linear;
	transition: color 0.13s linear, background-color 0.13s linear;
}

.navbar .dropdown-menu a:hover, .navbar .dropdown-menu a:focus {
	color: rgb(255,255,255);
	text-decoration: none;
	background: rgb(44,62,80);
}

.navbar .pull-right .btn {
	margin-left: 5px;
	font-size: 15px;
	font-weight: 700;
	line-height: 30px;
	text-transform: uppercase;
}

/*
* -------------------------------------------------------------------
* Styles to customize the nav header for different screen sizes
* -------------------------------------------------------------------
*/

@media (max-width: 767px) {
	.navbar.navbar-fixed-top {
		margin-bottom: 15px;
	}

	.navbar.navbar-fixed-top .container-fluid {
		padding: 0 20px;
	}
}
@media (min-width: 768px) {
	.navbar {
		min-height: 71px;
	}
}
@media (max-width: 979px) {
	.navbar .container {
		padding: 0 10px;
	}
	.navbar .btn-navbar {
		z-index: 550;
		padding: 10px !important;
	}
	.navbar .brand {
		padding: 5px;
	}
	.navbar .nav-collapse.in.collapse {
		overflow: visible;
	}
	.navbar .nav-collapse .nav > li {
		display: block;
	}
	.navbar .nav-collapse .nav > li:hover {
		background: rgba(255,255,255,0.1);
	}
	.navbar .nav-collapse .nav > li > a {
		padding: 10px 0;
	}
	.navbar .nav-collapse .nav > li > a:hover{
		background: transparent;
	}
	.navbar .nav-collapse > div {
		display: block;
	}
	.navbar .nav-collapse > .pull-right {
		float: none;
		margin: 0 0 10px;
	}
	.navbar .pull-right .btn {
		margin: 0;
	}
	.navbar .pull-right .btn:first-of-type {
		margin-right: 10px;
	}
}
@media (min-width: 980px) {
	.navbar .nav-collapse {
		opacity: 1;
	}
}
@media (min-width: 980px) and (max-width: 1070px) {
	.navbar .nav li {
		display: block;
		float: left;
	}
}
@media (max-width: 1199px) {
	.navbar {
		font-size: 13px;
	}
	.navbar .navbar-inner {
		padding: 5px 0 0;
	}
	.navbar a {
		padding: 10px 5px;
	}
}

/*
* -------------------------------------------------------------------
* Styles for the customer login popup
* Buttons use the ".modal-footer > .btn" and ".modal-footer > .btn + .btn-primary" selectors,
* and are included in the button style groups at the end of the stylesheet
* -------------------------------------------------------------------
*/

.modal {
	z-index: 5050;
	overflow: hidden;
}

.modal-header {
	color: rgb(255,255,255);
	background: rgb(0,0,0);
}

/*
* -------------------------------------------------------------------
* Styles for the view/edit basket options
* -------------------------------------------------------------------
*/

#top-basket {
	position: relative;
	height: 40px;
	text-align: center;
	border: 1px solid rgba(50,50,50,0.5);
	background: rgb(255,255,255);
}

#top-basket a {
	display: block;
	height: 100%;
	box-sizing: border-box;
}

#top-basket > .basket-items, #top-basket > .basket-view, #top-basket > .basket-total {
	display: block;
	float: left;
	height: 40px;
	box-sizing: border-box;
}

#top-basket > .basket-items {
	z-index: 1;
	position: relative;
	width: 40px;
	vertical-align: middle;
	padding: 0;
}

#top-basket > .basket-items:before {
	content: '';
	z-index: -1;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url('../images/i32_view_cart_black.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 90% 90%;
	opacity: 0.3;

	-webkit-transition: opacity 0.25s ease;
	-moz-transition: opacity 0.25s ease;
	-o-transition: opacity 0.25s ease;
	transition: opacity 0.25s ease;
}

#top-basket > .basket-items:hover:before {
	opacity: 0.5;
}

#top-basket > .basket-items > a {
	padding: 2px 15px 10px 8px;
	font-size: 18px;
}

#top-basket > .basket-view {
	width: calc(100% - 100px);
	line-height: 40px;
	overflow: hidden;
}

#top-basket > .basket-total {
	width: 60px;
	padding-right: 10px;
	line-height: 40px;
	text-align: right;
}

#top-basket > .view-basket-list {
	z-index: 501;
	top: 0;
	left: -15px;
	width: 100%;
	min-width: 225px;
	padding: 0;
	color: rgb(0,0,0);
	border: 1px solid rgba(50,50,50,0.5);
	background: rgb(255,255,255);
	opacity: 0;
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg);

	-webkit-transition: opacity 0.3s ease, top 0.3s ease, left 0.3s ease, -webkit-transform 0.3s ease;
	-moz-transition: opacity 0.3s ease, top 0.3s ease, left 0.3s ease, transform 0.3s ease;
	-o-transition: opacity 0.3s ease, top 0.3s ease, left 0.3s ease, transform 0.3s ease;
	transition: opacity 0.3s ease, top 0.3s ease, left 0.3s ease, transform 0.3s ease;
}

#top-basket:hover > .view-basket-list {
	display: block;
	top: 90%;
	left: 3px;
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

#top-basket:hover > .view-basket-list:before {
	left: 30px;
}

#top-basket:hover > .view-basket-list:after {
	left: 30px;
	border-bottom: 6px solid rgb(225,225,225);
}

#top-basket > .view-basket-list > li {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
}

#top-basket > .view-basket-list > li:first-child {
	background: rgb(225,225,225);
}

#top-basket > .view-basket-list > li:last-child {
	padding: 0;
}

#top-basket > .view-basket-list .row-fluid [class*="span"] {
	min-height: 20px;
}

#top-basket > .view-basket-list h6 {
	font-size: 0.9em;
}

#top-basket > .view-basket-list a {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	vertical-align: top;
}

#top-basket > .view-basket-list a:hover {
	color: black;
}

#top-basket > .view-basket-list .view-basket-product {
	padding: 0;
	text-align: left;
}

#top-basket > .view-basket-list .view-basket-product a, #top-basket > .view-basket-list .view-basket-price {
	font-size: 0.9em;
}

#top-basket > .view-basket-list > li:first-child > .view-basket-price {
	padding-right: 6px;
	text-align: right;
}

#top-basket > .view-basket-list > li:first-child > .view-basket-price {
	font-size: 1em;
}

#top-basket > .view-basket-list .view-basket-remove {
	position: relative;
	margin: 0;
	text-align: right;
}

#top-basket > .view-basket-list .remove-product {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	color: transparent;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
	background-color: rgba(0,0,0,0);
	background-image: url('../images/i16_error.png');
	background-size: contain;

	-webkit-transition: background-color 0.25s ease;
	-moz-transition: background-color 0.25s ease;
	-o-transition: background-color 0.25s ease;
	transition: background-color 0.25s ease;
}

#top-basket > .view-basket-list .remove-product:hover {
	color: transparent;
	background-color: rgba(225,225,225,1);
}

#top-basket > .view-basket-list .checkout-link {
	display: block;
	padding: 6px 6px 8px;
	color: rgb(255,255,255) !important;
	font-size: 1.25em;
	background: rgb(244,174,43);

	-webkit-transition: background-color 0.25s ease;
	-moz-transition: background-color 0.25s ease;
	-o-transition: background-color 0.25s ease;
	transition: background-color 0.25s ease;
}

#top-basket > .view-basket-list .checkout-link:hover {
	background: rgb(228,153,8);
}

@media (max-width: 767px) {
	#top-basket > .view-basket-list .row-fluid .span6 {
		float: left;
		width: 50%;
	}
	#top-basket > .view-basket-list .row-fluid .span4 {
		float: left;
		width: 35%;
	}
	#top-basket > .view-basket-list .row-fluid .span3 {
		float: left;
		width: calc(35% - 20px);
	}
	#top-basket > .view-basket-list .row-fluid .span2 {
		float: left;
		width: 15%;
	}
	#top-basket > .view-basket-list .row-fluid .span1 {
		float: left;
		width: 20px;
	}
}

/*
* -------------------------------------------------------------------
* Styles for the storefront search
* -------------------------------------------------------------------
*/

.storefront-search {
	display: block;
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	padding: 0;
	border: 1px solid rgba(50,50,50,0.5);
}

.storefront-search .input-append, #search_form {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: none;
}

.storefront-search .FIELD-SEARCH {
	z-index: 10;
	position: relative;
	display: block;
	float: left;
	width: calc(100% - 38px);
	height: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 4px 14px;
	color: rgb(50,50,50);
	border: 1px solid rgb(255,255,255);
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: rgb(255,255,255);
	-webkit-box-shadow: none;
	box-shadow: none;

	-webkit-transition: background-color 0.1s linear, color 0.1s linear;
	-moz-transition: background-color 0.1s linear, color 0.1s linear;
	-o-transition: background-color 0.1s linear, color 0.1s linear;
	transition: background-color 0.1s linear, color 0.1s linear;
}

.storefront-search .FIELD-SEARCH:hover {
	background-color: rgba(255,255,255,0.7);
	-webkit-transition: background-color 0.1s linear;
	-moz-transition: background-color 0.1s linear;
	-o-transition: background-color 0.1s linear;
	transition: background-color 0.1s linear;
}

.storefront-search .FIELD-SEARCH:focus {
	background: white;
}

.storefront-search #submit {
	z-index: 5;
	position: relative;
	display: block;
	float: left;
	width: 38px;
	height: 100%;
	margin: 0;
	padding: 6px;
	box-sizing: border-box;
	font-family: Arial, sans-serif;
	font-size: 20px;
	border: 1px solid rgb(255,255,255);
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: rgb(39,110,214);
	-webkit-box-shadow: none;
	box-shadow: none;
}

@media (min-width: 550px) and (max-width: 767px) {
	#top-basket, .storefront-search {
		display: inline-block;
		width: 40%;
		width: calc(50% - 7px);
		box-sizing: border-box;
	}
	#top-basket {
		margin-right: 10px;
	}
}

/*
* -------------------------------------------------------------------
* Styles for the category navigation menu
* -------------------------------------------------------------------
*/

#main-menu {
	background: rgb(235,235,235);
}
#main-menu a {
	color: rgb(70,70,70);
	text-decoration: none;
}
#main-menu a:hover {
	color: rgb(40,40,40);
	background: rgba(70,70,70,0.2);
}

@media (max-width: 767px) {
	#main-menu a {
		font-size: 15px;
		font-weight: bold;
	}
	#main-menu .highlighted, #main-menu .highlighted + ul {
		background: rgba(70,70,70,0.2);
	}
	#main-menu .highlighted:hover {
		background: rgba(70,70,70,0.3);
	}
}

@media (min-width: 768px) {
	#CATEGORIES-BULLETED-LIST-COLLAPSE {
		height: auto !important;
		overflow: visible;
		opacity: 1;
	}
	#main-menu {
		z-index: 500;
		display: block;
		float: none;
		width: 100%;
		margin: 0;
		padding: 10px 0;
		box-sizing: border-box;
		line-height: 100%;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}	
	#main-menu li {
		margin: 0;
		padding: 0;
		position: relative;
		list-style: none;
		border-bottom: 1px solid rgba(100,100,100,0.2);
	}	
	#main-menu li:last-child {
		border-bottom-color: transparent;		
	}
	#main-menu li:last-child:hover {
		border-bottom-color: rgba(100,100,100,0.2);		
	}
	#main-menu a {
		display: block;
		margin: 0;
		padding: 10px 15px;
		font-size: 14px;
	}
	/* level 2 */
	#main-menu ul {
		overflow: visible;
		display: none;
		position: absolute;
		top: 0;
		left: 100%;
		margin: 0;
		padding: 0;
		width: 100% !important;
		border: 1px solid rgb(180,180,180);
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background: rgb(235,235,235);
		-moz-box-shadow: 0 0 3px rgb(125,125,125);
		-webkit-box-shadow: 0 0 3px rgb(125,125,125);
		box-shadow: 0 0 3px rgb(125,125,125);
	}
	#main-menu ul a {
		font-size: 14px;
	}
	/* clearfix */
	#main-menu:after {
		z-index: 500;
		display: block;
		content: ".";
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
}

/*
* -------------------------------------------------------------------
* Styles for "pagination" links
* (page numbers at the bottom of search results, page names in the customer account area, etc)
* -------------------------------------------------------------------
*/

.pagination {
	margin: 0;
}

.pagination ul > li > a, .pagination ul > li:first-child > a, .pagination ul > li:last-child > a {
	/* Page number styles */
	margin: 0;
	padding: 3px 9px;
	color: rgb(0,0,0);
	text-align: center;
	border-color: rgb(180,180,180);
	background: rgb(255,255,255);
}

.pagination ul > li > span {
	color: black;
	border-color: rgb(180,180,180);
	background: rgb(255,255,255);
}

.pagination ul > li > a:hover, .pagination ul > li:first-child > a:hover, .pagination ul > li:last-child > a:hover {
	/* Styles for page number "button" when it is moused over. */
	color: black;
	font-weight: 400;
	background: rgba(180,180,180,0.2); 
}

.pagination ul > li.active > a, .pagination ul > li.active > a:hover, .pagination ul > .disabled > span, .pagination ul > .disabled > span:hover {
	/* Styles for page number "button" of the current page. */
	color: rgb(64,64,64);
	font-weight: 400;
	border-color: rgb(180,180,180);
	background: rgba(220,220,220,0.5); 
}

.pagination ul > .active > span {
	background: rgba(220,220,220,0.5);
}

.pagination ul > .active > span:hover {
	background: rgba(180,180,180,0.3);
}

/*
* -------------------------------------------------------------------
* Styles for the tabbed content on the product page
* -------------------------------------------------------------------
*/

.nav-tabs {
	border-bottom: 0px solid rgb(180,180,180);
}

.nav-tabs {
	/* Applied to the product page's tabs, used for long description, reviews, etc. */
	color: rgb(0,0,0);
	font-size: 15px;
}

.nav-tabs > li > a {
	color: rgb(0,0,0);
	border: 1px solid rgb(150,150,150);
	border-bottom: 1px solid rgba(0,0,0,0);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: rgba(0,0,0,0.3)
}

.nav-tabs > li > a:hover {
	color: rgb(0,0,0);
	border-color: rgb(150,150,150);
	background: rgba(200,200,200,0.2);
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
	color: rgb(0,0,0);
	text-decoration: none;
	border-color: rgb(180,180,180);
	border-bottom-color: rgb(255,255,255);
	background: rgb(255,255,255);
}

.tab-content {
	/* Applied to the content area on the product page's tabs, used for long description, reviews, etc. */
	margin-top: -20px;
	padding: 20px;
	border: 1px solid rgb(180,180,180);
}

.tab-content .SECONDARY-HIGHLIGHT-15.SECTION-TITLE {
	padding-left: 15px;
	color: rgb(0,0,0);
	font-size: 18px;
	font-weight: 400;
	border: 1px solid rgb(224,224,224);
	border-bottom: none;
}

.tab-content .SECONDARY-HIGHLIGHT-15.SECTION-TITLE b {
	margin: 0 6px;
	color: rgb(244,174,43);
	font-size: 18px;
	font-weight: 400;
}

#product_tab_1 {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 13px !important;
}

/*
* -------------------------------------------------------------------
* Override/extend styles of the shopping cart software's QuickCode Tags
* and Universal template...
* -------------------------------------------------------------------
*/

.ADD-TO-BASKET-CELL {
	margin: 5px 0 15px;
	border: 1px solid rgb(180,180,180);
	background: rgb(235,235,235);	
}
.ADD-TO-BASKET-CELL .SECTION-TITLE {
	color: inherit;
}

.AFFILIATE-TID-COMMISSION-TABLE .PRIMARY-HIGHLIGHT-25, .AFFILIATE-TID-STATS-TABLE .PRIMARY-HIGHLIGHT-25, .AFFILIATE-TID-TRAFFIC-TABLE .PRIMARY-HIGHLIGHT-25 {
	color: black;
	background: white;
}

.AFFILIATE-TRACKING-IDS-TABLE.CONTENT-MARGIN-TOP-BOTTOM .PRIMARY-HIGHLIGHT-25 {
	color: black;
	background: transparent;
}

.BASKET-FEES-BLOCK, .ORDER-GRAND-TOTAL-SECTION, .SHIP-ADDRESS-DIVISION {
	/* Applied to each of these rows in the list of "basket" contents, and between multiple shipping addresses listed on the page. */
	border-top-color: rgb(180,180,180); 
	border-top-style: solid; 
	border-top-width: 1px;
}

.BASKET-PRODUCT-BLOCK, .ORDER-GIFT-WRAP-SECTION, .ORDER-TAX-SECTION, .ORDER-SHIPPING-SECTION, .ORDER-COUPON-SECTION, .ORDER-REWARD-POINTS-SECTION {
	/* Applied to each of these rows in the list of "basket" contents. */
	border-top-color: rgb(180,180,180); 
	border-top-style: dashed; 
	border-top-width: 1px;
}

.BORDER-BOTTOM {
	border-bottom-color: rgb(180,180,180);
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.BORDER-LEFT {
	border-left-color: rgb(180,180,180);
	border-left-style: solid;
	border-left-width: 1px;
}

.BORDER-RIGHT {
	border-right-color: rgb(180,180,180);
	border-right-style: solid;
	border-right-width: 1px;
}

.BORDER-TOP {
	border-top-color: rgb(180,180,180);
	border-top-style: solid;
	border-top-width: 1px;
}

.CHECKOUT-FIELD-DESCRIPTION, .CUSTOMER-FIELD-DESCRIPTION, .PRODUCT-ATTRIBUTE-DESCRIPTION, .PRODUCT-FIELD-DESCRIPTION {
	font-family: inherit;
	font-size: 11px;
	opacity: 1;
}

.CHECKOUT-TRIGGERED-EVENTS-LIST, .CONTAINER-NEW-SHIP-ADDRESS {
	/* The list of triggered events that's "tucked" into the bottom of the basket table. */
	padding-top: 5px;
	border: 1px solid rgb(180,180,180);
	border-top: none;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;  
	-moz-border-bottom-right-radius: 6px;
	-moz-border-bottom-left-radius: 6px;     
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	background: rgb(235,235,235);
}

.COMPANY-LOGO, .CONTAINER-BASKET-NAV-BUTTONS {
	padding-bottom: 10px;
}

.CONTAINER-CAROUSEL {
	margin-bottom: 20px;
}

.CONTAINER-CHECKOUT-CUSTOMER-LOGIN, .CONTAINER-SHIP-ADDRESS, .CONTAINER-BILL-ADDRESS, .CONTAINER-CHECKOUT-TOS, .CONTAINER-PAYMENT, .CONTAINER-ADDITIONAL-CUSTOMER-INFO, .CONTAINER-AFFILIATE-INFO, .CONTAINER-GENERAL-NEWS, .CONTAINER-CUSTOMER-NEWS, .CONTAINER-SUBSCRIBER-NEWS, .CONTAINER-CREDIT-CARD-LIST, .CONTAINER-CREDIT-CARD-MENU, .CONTAINER-NEW-CREDIT-CARD, .CONTAINER-CUSTOMER-CREDIT-ACCOUNT, .CONTAINER-NEW-WISH-LIST, .CONTAINER-ACCESS-WISH-LIST, .CONTAINER-VIEW-WISH-LIST, .CONTAINER-EDIT-WISH-LIST, .CONTAINER-DIGITAL-DELIVERY, .CONTAINER-AFFILIATE-REGISTRATION, .CONTAINER-AFFILIATE-ACCOUNT-STATISTICS, .CONTAINER-AFFILIATE-SALES-STATISTICS {
	/* The "containers" are wrapped around each of these sections on the page. */
	margin-top: 30px;
	margin-bottom: 30px;	
}

.CONTAINER-CREDIT-REDEMPTION, .CONTAINER-PAYPAL-WPS, .CONTAINER-RELATED-PRODUCTS {
	/* Wraps around the coupon and reward point redemption area. */	
	margin-top: 20px;
}

.CONTAINER-MAX-WIDTH {
	/* This sets the max width of the content on the page. (Except for the footer, which has its own container.) */
	max-width: 1200px; 
	margin: 0 auto;
}

.CONTAINER-PREV-CC, .CONTAINER-SUBCATEGORY {
	/* The "containers" are wrapped around each of these sections on the page. */
	margin-bottom: 20px;	
}

.CONTAINER-PRODUCT-GRID-VIEW {
	text-align: center;
	overflow: hidden;
}

.CONTAINER-PRODUCT-LIST-VIEW {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-color: rgb(180,180,180); 
	border-bottom-style: dashed; 
	border-bottom-width: 1px;	
}

.CONTAINER-REDEMPTION-FIELD, .CONTAINER-SHIP-FIRST-NAME, .CONTAINER-FIELD-SHIP-ADDRESS-2, .CONTAINER-FIELD-BILL-ADDRESS-2 {
	/* The "containers" are wrapped around each of these sections on the page. */
	margin-top: 5px;	
}

.CONTAINER-SEARCH-SCORE-GRID-VIEW {
	font-size: 12px;
}

.CONTAINER-SEARCH-SCORE-LIST-VIEW {
	font-size: 12px;
	text-align: center;
	margin-top: 5px;
}

.CONTAINER-SHIP-ESTIMATE {
	/* The "containers" are wrapped around each of these sections on the page. */
	margin-top: 20px;	
}

.CONTAINER-SHIP-OPTIONS {
	/* The "containers" are wrapped around each of these sections on the page. */
	margin-bottom: 10px;	
}

.DASH-BOTTOM {
	color: black;
	border-bottom-color: rgb(180,180,180);
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

.DASH-LEFT {
	color: black;
	border-left-color: rgb(180,180,180);
	border-left-style: dotted;
	border-left-width: 1px;
}

.DASH-RIGHT {
	color: black;
	border-right-color: rgb(180,180,180);
	border-right-style: dotted;
	border-right-width: 1px;
}

.DASH-TOP {
	color: black;
	border-top-color: rgb(180,180,180);
	border-top-style: dotted;
	border-top-width: 1px;
}

.DIGITAL-OBJECT-BLOCK {
	border-top-color: rgb(180,180,180);
	border-top-style: dashed; 
	border-top-width: 1px;	
}

/* Allows the "Quantity" and "Price" columns in the basket area to change alignment, based on screen width. */
.DYNAMIC-ELEMENT {
	text-align: right;
}
@media (max-width: 767px) {
	.DYNAMIC-ELEMENT {
		text-align: left;
	}
}

.EDIT-BASKET {
	/* Styles applied to the "edit" link in the upper right of the basket table on the checkout page. */
	position: absolute; 
	left: 15px; 
	bottom: -27px;
	font-size: 12px;
}

@-moz-keyframes message-flip-moz {
	0% {
		-moz-transform: rotateX(180deg);
	}
	100% {
		-moz-transform: rotateX(0deg);
	} 
}
@-webkit-keyframes message-flip-webkit { /* Safari and Chrome */
	0% {
		-webkit-transform: rotateX(180deg);
	}
	100% {
		-webkit-transform: rotateX(0deg);
	} 
}
@keyframes message-flip {
	0% {
		-ms-transform: rotateX(180deg);
		transform: rotateX(180deg);

	}
	100% {
		-ms-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}
}

.ERRORS, .MESSAGES, .SEARCH-RESULTS-NONE, .WARNINGS {
	/* Styles applied to the error/messages/warnings blocks. */
	background-position: 10px;
	-webkit-box-shadow: 0 0 1px rgb(0,0,0);
	box-shadow: 0 0 1px rgb(0,0,0);

	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-animation: message-flip-moz .4s;
	-webkit-animation: message-flip-webkit .4s;
	animation: message-flip .4s;
}

.ERRORS {
	/* Styles applied to the block containing any error messages. */
	border: 1px solid rgb(252,109,71);
	background-color: rgb(245,204,198);
	background-image: url(../images/i24_error_black.png);
}

.FIELD-CC-MONTH, .FIELD-CC-YEAR, .FIELD-NEW-CC-MONTH, .FIELD-NEW-CC-YEAR, .FIELD-WISH-LIST-ITEM-PRIORITY {
	width: 95px;
}

.FIELD-CC-SECURITY, .FIELD-WISH-LIST-IS-PUBLIC, .FIELD-WISH-LIST-ITEM-REMOVE-WHEN-PURCHASED  {
	width: 85px;
}

.FIELD-PRODUCT-QUANTITY, .FIELD-WISH-LIST-PRODUCT-QUANTITY {
	width: 30px;
}

.FIELD-RESULTS-PER-PAGE, .FIELD-SEARCH-ASC-DESC, .FIELD-SEARCH-ORDER {
	family: inherit;
	font-size: 12px;
}
.FIELD-RESULTS-PER-PAGE{
	width: 60px;
}
.FIELD-SEARCH-ASC-DESC {
	width: 150px;
}
.FIELD-SEARCH-ORDER {
	width: 100px;
}

.FIELD-SHIP-ZIP, .FIELD-REWARD-POINTS {
	width: 90px;	
}

.FILL-BILL-ADDRESS-SECTION, .SHIP-ADDRESS-TITLE-SECTION, .SUBSCRIPTION-SUMMARY, .CREDIT-CARD-LIST-HEADER, .HEADER-DIGITAL-DELIVERY, .HEADER-AFFILIATE-ACCOUNT-STATISTICS, .HEADER-AFFILIATE-SALES-STATISTICS {
	/* Used to draw attention to various options, such as the checkbox to auto-enter your ship address into the bill address fields. */
	min-height: 0;
	box-sizing: border-box;
	font-style: italic;
	background: rgb(235,235,235);
}

.FOOTER-AREA {
	margin: 0;
	padding-top: 40px;
	color: rgb(255,255,255);
	background: rgb(70,70,70);
}
.FOOTER-AREA a {
	color: rgb(255,255,255);
}
.FOOTER-AREA a:hover {
	color: rgb(213,213,213);
}
.FOOTER-AREA h3 {
	display: block;
	margin-top: 21px;
	margin-bottom: 20px;
	line-height: 1.1em;
}
.FOOTER-AREA .row-fluid {
	box-sizing: border-box;
}
.FOOTER-COPYRIGHT {
	padding: 25px 0;
	color: rgb(166,166,166);
	font-size: 16px;
	text-align: center;
	background: rgb(0,0,0);
}
.FOOTER-COPYRIGHT a {
	color: rgb(166,166,166);
	font-size: 0.95em;
	font-weight: 300;
}
.FOOTER-COPYRIGHT .span12 {
	min-height: 22px;
}
.FOOTER-LINKS {
	margin: 0 0 45px 15px;
	padding: 0;
	box-sizing: border-box;
	font-size: 15px;
	list-style-image: url(../images/bottom-arrow.jpg);
}
.FOOTER-LINKS a {
	display: block;
	padding: 2px 0;
	text-decoration: none;
}
.FOOTER-LINKS li {
	margin: 5px 0;
	padding: 0 5px;
	line-height: 1.42857143;
}
@media (max-width: 767px) {
	.FOOTER-AREA {
		padding-top: 20px;
	}
	.FOOTER-COL-1, .FOOTER-COL-2, .FOOTER-COL-3 {
		border-bottom-style: dotted;
		border-bottom-width: 1px;
	}
}
@media (max-width: 979px) and (min-width: 768px) {
	.FOOTER-AREA .FOOTER-COL-1, .FOOTER-AREA .FOOTER-COL-2, .FOOTER-AREA .FOOTER-COL-3, .FOOTER-AREA .FOOTER-COL-4 {
		display: inline-block;
		float: none;
		margin: 0;
		padding-left: 10px;
		width: 40%;
		width: calc(50% - 15px);
		vertical-align: text-top;
	}
}

.GRID-ROW-BEGIN {
	/* Style applied to the beginning of each product row EXCLUDING THE FIRST ONE when viewing products in grid view. */
	padding-top: 20px;
	border-top-color: rgb(180,180,180); 
	border-top-style: dotted; 
	border-top-width: 1px;
}

.GRID-ROW-END {
	/* Style applied to the end of a product row when viewing products in grid view. */
	padding-top: 30px;
}

.LEFT-COLUMN > div {
	margin-bottom: 15px;
}

.MESSAGES {
	/* Styles applied to the block containing any success/confirmation messages. */
	border: 1px solid rgb(84,111,38);
	background-color: rgb(243,255,236);
	background-image: url(../images/i24_ok_black.png);
}

.NAV-CONTAINER {
	position: relative;
}
@media (min-width: 768px) {
	.NAV-CONTAINER .collapse {
		height: auto !important;
		opacity: 1;
	}
}
.NAV-CONTAINER .NAV-HEADER {
	display: block;
	margin: 0;
	padding: 10px 15px;
	box-sizing: border-box;
	color: rgb(100,100,100);
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	-moz-border-top-left-radius: 3px;
	-moz-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background: rgb(221,221,221);
}
.NAV-CONTAINER > .collapse-button {
	margin-right: 10px;
}
.NAV-MENU {
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px 0;
	box-sizing: border-box;
	line-height: 100%;
	list-style: none;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	border-top: 1px solid rgba(100,100,100,0.2);
	background: rgb(235,235,235);
}
.NAV-MENU li {
	margin: 0;
	padding: 0;
}
.NAV-MENU li:hover {
	background: rgb(200,200,200);
}
.NAV-MENU li > a, .NAV-MENU li > span {
	display: block;
	margin: 0;
	padding: 10px 15px;
	box-sizing: border-box;
	color: rgb(70,70,70);
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid rgba(100,100,100,0.2);
}
.NAV-MENU li:last-child > a, .NAV-MENU li:last-child > span {
	border-bottom-color: transparent;		
}
.NAV-MENU li > a:hover {
	color: rgb(40,40,40);
}

.NUM-PRODUCTS-IN-CATEGORY, .NUM-PRODUCTS-BY-VENDOR, .SUBCATEGORY-DESCRIPTION, .NUM-PRODUCTS-IN-SUBCATEGORY, .BASKET-REMOVE-PRODUCT {
	font-size: 11px;
}

.ORDER-HISTORY-BLOCK {
	margin-bottom: 30px;	
}

.ORDER-HISTORY-DETAILS-LINK, .TEXT-WISH-LIST-IS-PUBLIC, .TEXT-FETCH-PASSWORD-LINK {
	font-size: 12px;
}

.ORDER-HISTORY-ORDER-ID {
	font-weight: bold;
	font-size: 22px;
}

.PAGE-TITLE, .TITLE-ORDERS, .TITLE-SUBSCRIPTION {
	padding: 10px 0;
	color: rgb(244,174,43);
	font-size: 34px;
	font-weight: 500;
}

.PRIMARY-HIGHLIGHT-75 { background: rgba(255,255,255,0.75); }
.PRIMARY-HIGHLIGHT-50 { background: rgba(255,255,255,0.5); }
.PRIMARY-HIGHLIGHT-25 { background: rgba(255,255,255,0.25); }
.PRIMARY-HIGHLIGHT-15 { background: rgba(255,255,255,0.15); }
.PRIMARY-HIGHLIGHT-10 { background: rgba(255,255,255,0.1); }
.PRIMARY-HIGHLIGHT-5 { background: rgba(255,255,255,0.05); }

@media (min-width: 768px) {
	.PRODUCT-ADD-TO-CART-BUTTON-LIST-VIEW button, .PRODUCT-INFO-BUTTON-LIST-VIEW button {
		width: 100%;
	}
}

.PRODUCT-IMAGE-GRID-VIEW {
	padding-bottom: 5px;	
}

.PRODUCT-IN-BASKET-SUMMARY, .PRODUCT-IN-ORDER-HISTORY-SUMMARY, .PRODUCT-IN-SUBSCRIPTION-SUMMARY {
	font-family: inherit;
	font-size: 11px;
	border-color: rgb(39,110,214);
	background-color: rgba(39,110,214,0.05);;
	background-size: 18px;
}

.PRODUCT-IN-BASKET-SUMMARY {
	border-color: rgb(84,111,38);
	background-color: rgba(243,255,236,0.5);
	background-image: url(../images/i24_shopping_cart_filled_black.png);
}

.PRODUCT-IN-ORDER-HISTORY-SUMMARY {
	background-image: url(../images/i24_box_black.png);
}

.PRODUCT-IN-SUBSCRIPTION-SUMMARY {
	background-image: url(../images/i24_calendar_black.png);
}

.PRODUCT-INFO-BUTTON-LIST-VIEW, .PRODUCT-INFO-BUTTON-GRID-VIEW {
	padding-bottom: 5px;
}

.PRODUCT-NAME-GRID-VIEW {
	padding-bottom: 3px;	
}

.PRODUCT-PART-NUMBER, .PRODUCT-PART-NUMBER-GRID-VIEW, .PRODUCT-PART-NUMBER-LIST-VIEW, .PRODUCT-PART-NUMBER-LIST-VIEW + br, .PRODUCT-PART-NUMBER-TITLE, .PRODUCT-PART-NUMBER + br {
	display:none;
}

.PRODUCT-PRICE-GRID-VIEW {
	font-weight: 400;
	font-size: 13px;
}

.PRODUCT-PRICE-LIST-VIEW {
	font-weight: 400;
	text-align: center;
}

.PRODUCT-REVIEW-FORM {
	background: rgb(255,255,255);
}

.PRODUCT-SHORT-DESCRIPTION-LIST-VIEW {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 13px !important;
}

.PRODUCT-URL {
	font-size: 16px;
	font-weight: 600;
}

.PRODUCT-URL:hover {
	text-decoration: none;
}

.RED-15 { background: rgba(255,0,0,0.15); }

.RELATED-PRODUCTS-BLOCK {
	/* Applied to each of these rows in the list of "basket" contents. */
	border-bottom-color: rgb(180,180,180); 
	border-bottom-style: dashed; 
	border-bottom-width: 1px;
}

.RELATED-PRODUCTS-BLOCK:last-of-type {
	border-bottom: none;
}

.RELATED-PRODUCTS-IMAGE, .RELATED-PRODUCTS-INFO, .RELATED-PRODUCTS-LINKS {
	padding: 10px;	
	font-size: 11px;
}

.RELATED-PRODUCTS-INFO-BUTTON-LIST-VIEW, .RELATED-PRODUCTS-ADD-TO-CART-BUTTON-LIST-VIEW {
	font-size: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.RESULTS-HR {
	margin-top: 0;
	color: rgb(180,180,180);
	border: 0;
	border-top: 1px dotted rgb(180,180,180);
	background-color: rgba(180,180,180,0.3);
}

.REVIEW-CRITERIA-BLOCK-TABLE td {
	color: rgb(150,150,150);
}

.SALE {
	color: rgb(255,0,0);
}
.SALE a {
	color: rgb(156,2,4);
}
.SALE a:hover {
	color: rgb(218,146,11);
}

.SECONDARY-HIGHLIGHT-75 { background: rgba(244,174,43,0.75); }
.SECONDARY-HIGHLIGHT-50 { background: rgba(244,174,43,0.5); }
.SECONDARY-HIGHLIGHT-25 { background: rgba(244,174,43,0.25); }
.SECONDARY-HIGHLIGHT-15 { background: rgba(244,174,43,0.15); }
.SECONDARY-HIGHLIGHT-10 { background: rgba(244,174,43,0.1); }
.SECONDARY-HIGHLIGHT-5 { background: rgba(244,174,43,0.05); }

.SECONDARY-TEXT {
	/* This is used to display text in a secondary color, such as the text of "wells" and the footer. */
	color: rgb(244,174,43);
}

.SECTION-TITLE {
	color: rgb(244,174,43);
}

.SHIP-ADDRESS-BLOCK-END {	
	/* At the end of the list of shipping addresses, usually used to correct the spacing at the bottom of the list. */
	margin-top: 10px;
}

.SHIPPING-ENGINE-BLOCK-END-DEFAULT-MESSAGE {
	/* Applied to the default message that's displayed in the shipping options area, before the shipping options are calculated. */
	padding: 10px;	
}

.SLIDE-TITLE {
	line-height: 20px;
}

.SORT-RESULTS-OPTIONS {
	font-family: inherit;
	font-size: 12px;
	border: 1px solid rgb(180,180,180);
	background: rgb(200,200,200);
}

.SUBCATEGORY-HEADER {
	margin-top: 20px;
	padding: 15px;
	border: 1px dotted rgb(180,180,180);
	background: rgb(235,235,235);
}

.SUBSCRIPTION-EDIT-PAY-METHOD-LINK {
	font-size: 11px;
	padding-right: 10px;
}

.SUBSCRIPTION-ORDER-DIVISION {
	border-bottom-color: rgb(180,180,180); border-bottom-style: dashed; border-bottom-width: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.SUBSCRIPTION-SUMMARY {
	margin-right: 2px;
	border-top: 1px solid rgb(180,180,180);
}

.SUBSCRIPTION-VIEW-SHIP-ADDRESS-LINK, .ADD-WISH-LIST-TO-CART-LINK {
	padding-top: 4px;	
}

.TABLE-EDIT-WISH-LIST > .DASH-TOP {
	border-top: 1px solid rgb(39,110,214);
	background: rgb(245,204,198) !important;
}
.TABLE-EDIT-WISH-LIST > .DASH-TOP ~ .row-fluid {
	background: rgba(39,110,214,0.05);
}

.TABLE-ORDER-HISTORY {
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	border-color: rgb(180,180,180); border-style: solid; border-width: 1px;
}

.TEXT-DIGITAL-DELIVERY-PASSWORD {
	font-weight: bold;	
}

.TEXT-FILL-BILL-ADDRESS, .TEXT-CUSTOMER-FIELD-TITLE {
	/* Fixes vertical alignment of several lines of text that weren't correctly centered in their row. */
	position: absolute;
	bottom: -25px;	
}

.THUMBNAIL-LIST > li > a {
	padding-left: 60px !important;
	background-position: 3px center;
	background-repeat: no-repeat;
	background-size: 50px auto;
}

.THUMBNAIL-LIST > li > a[style*="spacer.gif"] {
	background-image: url(../images/image_not_available_s.png) !important;
}

.TITLE-LINKS {
	text-transform: uppercase;
}

.TITLE-ORDERS {
	margin-bottom: 10px;	
	margin-top: 10px;
}

.TITLE-SUBSCRIPTION {
	margin-bottom: 10px;	
	margin-top: 10px;
}

.TRIGGERED-EVENT-BLOCK, .CONTAINER-NEW-SHIP-ADDRESS-FIELDS {
	/* Wrapped around the list of triggered events when the "tucked" tab is expanded. */
	padding: 15px;
	font-size: 11px;
}

.TRIGGERED-EVENT-COUPON-CODE {
	/* If a triggered event has a coupon code, this is wrapped around the coupon code listed in the event's description. */
	font-style: italic;
}

.TRIGGERED-EVENT-DESCRIPTION {
	/* No rules at this time. */
}

.TRIGGERED-EVENT-NAME {
	/* Wrapped around the name of each triggered event in the block. */
	font-weight: bold;
}

.TWITTER-BUTTONS {
	display: inline-block;
	margin: 10px 0 0 0;
	padding: 5px;
	list-style-type: none;
	border: 1px solid rgb(255,255,255);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: rgb(255,255,255);
}

.TWITTER-BUTTONS > li {
	display: inline-block;
	float: left;
}

.TWITTER-TWEET-BUTTON {
	float: right;
}

.UNIVERSAL-CONTENT {
	/* This is the section where the "universal content" of each page is displayed. */
}

.WARNINGS, .SEARCH-RESULTS-NONE {
	/* Styles applied to the block containing any warning messages. */
	border: 1px solid rgb(255,173,74);
	background-color: rgb(248,214,143);
	background-image: url(../images/i24_sign_warning_black.png);
}

#WORKAREA {
	/* This section contains the "wells" on the left and the "universal content" of each page. */
	float: left;
	position: relative;
	width: 100%;
	margin: 100px 0 15px 0;
	box-sizing: border-box;
	border: none;
	background: none;
}

@media (max-width: 979px) {
	#WORKAREA {
		margin-top: 15px;
	}
}
@media (min-width: 980px) and (max-width: 1070px) {
	#WORKAREA {
		padding: 0;
	}
}

.YELLOW-15 { background: rgba(244,174,43,0.15); }

/* --------------------------------------------------------------- */
/* BEGIN STYLE BLOCK ONE
* Set the default, general styling of several commonly used, similar elements.
* Each of these styles can be futher customized individually below (such as to specify images, etc.)
*/
.ICON-BASKET, .ICON-BLANK, .ICON-USER, .ICON-SHIP-ADDRESS, .ICON-BILL-ADDRESS, .ICON-COUPON, .ICON-REWARD-POINTS, .ICON-CREDIT-ACCOUNT-PAY, .ICON-COUPON-PAY, .ICON-REWARD-POINTS-PAY, .ICON-PREV-CC, .ICON-NEW-CC, .ICON-SHIP-OPTIONS, .ICON-SHIP-ESTIMATE, .ICON-RELATED-PRODUCTS, .ICON-SUBSCRIPTION, .ICON-ADDITIONAL-CUSTOMER-INFO, .ICON-AFFILIATE-INFO, .ICON-GENERAL-NEWS, .ICON-CUSTOMER-NEWS, .ICON-SUBSCRIBER-NEWS, .ICON-CREDIT-CARD-LIST, .ICON-CREDIT-CARD-MENU, .ICON-NEW-CREDIT-CARD, .ICON-CUSTOMER-CREDIT-ACCOUNT, .ICON-NEW-WISH-LIST, .ICON-ACCESS-WISH-LIST, .ICON-VIEW-WISH-LIST, .ICON-EDIT-WISH-LIST, .ICON-DIGITAL-DELIVERY, .ICON-AFFILIATE-REGISTRATION, .ICON-AFFILIATE-ACCOUNT-STATISTICS, .ICON-AFFILIATE-SALES-STATISTICS {
	position: absolute;
	top: 8px;
	left: 8px;
	width: 24px;
	height: 24px;
	background-image: url(../images/spacer.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;		
}

.TABLE-CHECKOUT-BASKET, .TABLE-CHECKOUT-SHIP-OPTIONS, .TABLE-CHECKOUT-SHIP-ADDRESS, .TABLE-CHECKOUT-COUPON, .TABLE-CHECKOUT-REWARD-POINTS, .TABLE-CHECKOUT-CREDIT-ACCOUNT-PAY, .TABLE-CHECKOUT-COUPON-PAY, .TABLE-CHECKOUT-REWARD-POINTS-PAY, .TABLE-CHECKOUT-PREV-CC, .TABLE-CHECKOUT-NEW-CC, .TABLE-CHECKOUT-BILL-ADDRESS, .TABLE-CHECKOUT-SHIP-ADDRESS, .TABLE-SHIP-ESTIMATE, .TABLE-SHIP-ESTIMATE-RESULTS, .TABLE-RELATED-PRODUCTS, .TABLE-SUBSCRIPTION, .TABLE-ADDITIONAL-CUSTOMER-INFO, .TABLE-AFFILIATE-INFO, .TABLE-GENERAL-NEWS, .TABLE-CUSTOMER-NEWS, .TABLE-SUBSCRIBER-NEWS, .TABLE-CREDIT-CARD-LIST, .TABLE-CREDIT-CARD-MENU, .TABLE-NEW-CREDIT-CARD, .TABLE-CUSTOMER-CREDIT-ACCOUNT, .TABLE-NEW-WISH-LIST, .TABLE-ACCESS-WISH-LIST, .TABLE-VIEW-WISH-LIST, .TABLE-EDIT-WISH-LIST, .TABLE-DIGITAL-DELIVERY, .TABLE-AFFILIATE-REGISTRATION, .TABLE-AFFILIATE-ACCOUNT-STATISTICS, .TABLE-AFFILIATE-SALES-STATISTICS {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid rgb(39,110,214);
	border-top: transparent;
}

.TITLE-CHECKOUT-BASKET, .TITLE-CHECKOUT-SHIP-ADDRESS, .TITLE-CHECKOUT-BILL-ADDRESS, .TITLE-CHECKOUT-COUPON, .TITLE-CHECKOUT-REWARD-POINTS, .TITLE-CHECKOUT-CREDIT-ACCOUNT-PAY, .TITLE-CHECKOUT-COUPON-PAY, .TITLE-CHECKOUT-REWARD-POINTS-PAY, .TITLE-CHECKOUT-PREV-CC, .TITLE-CHECKOUT-NEW-CC, .TITLE-CHECKOUT-SHIP-OPTIONS, .TITLE-RELATED-PRODUCTS, .TITLE-SUBSCRIPTION-BLOCK, .TITLE-ADDITIONAL-CUSTOMER-INFO, .TITLE-AFFILIATE-INFO, .TITLE-GENERAL-NEWS, .TITLE-CUSTOMER-NEWS, .TITLE-SUBSCRIBER-NEWS, .TITLE-CREDIT-CARD-LIST, .TITLE-CREDIT-CARD-MENU, .TITLE-NEW-CREDIT-CARD, .TITLE-CUSTOMER-CREDIT-ACCOUNT, .TITLE-NEW-WISH-LIST, .TITLE-ACCESS-WISH-LIST, .TITLE-VIEW-WISH-LIST, .TITLE-EDIT-WISH-LIST, .TITLE-DIGITAL-DELIVERY, .TITLE-AFFILIATE-REGISTRATION, .TITLE-AFFILIATE-ACCOUNT-STATISTICS, .TITLE-AFFILIATE-SALES-STATISTICS {
	min-height: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	color: rgb(255,255,255);
	border: 1px solid rgb(39,110,214);
	background: rgb(39,110,214);
}

.TEXT-BASKET, .TEXT-COUPON, .TEXT-REWARD-POINTS, .TEXT-SHIP-ADDRESS, .TEXT-SHIP-OPTIONS, .TEXT-BILL-ADDRESS, .TEXT-COUPON-PAY, .TEXT-REWARD-POINTS-PAY, .TEXT-CREDIT-ACCOUNT-PAY, .TEXT-CHECKOUT-PREV-CC, .TEXT-CHECKOUT-NEW-CC, .TEXT-SHIP-ESTIMATE, .TEXT-RELATED-PRODUCTS, .TEXT-SUBSCRIPTION, .TEXT-ADDITIONAL-CUSTOMER-INFO, .TEXT-AFFILIATE-INFO, .TEXT-GENERAL-NEWS, .TEXT-CUSTOMER-NEWS, .TEXT-SUBSCRIBER-NEWS, .TEXT-CREDIT-CARD-LIST, .TEXT-CREDIT-CARD-MENU, .TEXT-NEW-CREDIT-CARD, .TEXT-CUSTOMER-CREDIT-ACCOUNT, .TEXT-NEW-WISH-LIST, .TEXT-ACCESS-WISH-LIST, .TEXT-VIEW-WISH-LIST, .TEXT-EDIT-WISH-LIST, .TEXT-DIGITAL-DELIVERY, .TEXT-AFFILIATE-REGISTRATION, .TEXT-AFFILIATE-ACCOUNT-STATISTICS, .TEXT-AFFILIATE-SALES-STATISTICS {
	position: absolute;
	bottom: -30px;
	margin-left: 40px;
	color: rgb(255,255,255);
	font-size: 18px;
	font-weight: 400;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* And here's the customizations to the general styles above... */

.ICON-ACCESS-WISH-LIST { background-image: url(../images/i24_gift_white.png); }
.ICON-ADDITIONAL-CUSTOMER-INFO { background-image: url(../images/i24_address_book_white.png); }
.ICON-AFFILIATE-ACCOUNT-STATISTICS { background-image: url(../images/i24_statistics_white.png); }
.ICON-AFFILIATE-INFO { background-image: url(../images/i24_briefcase_white.png); }
.ICON-AFFILIATE-REGISTRATION { background-image: url(../images/i24_edit_white.png); }
.ICON-AFFILIATE-SALES-STATISTICS { background-image: url(../images/i24_statistics_white.png); }
.ICON-BASKET { background-image: url(../images/i24_shopping_cart_filled_white.png); }
.ICON-BILL-ADDRESS { background-image: url(../images/i24_user_information_white.png); }
.ICON-COUPON { background-image: url(../images/i24_tag_white.png); }
.ICON-COUPON-PAY { background-image: url(../images/i24_tag_white.png); }
.ICON-CREDIT-ACCOUNT-PAY { background-image: url(../images/i24_piggy_bank_white.png); }
.ICON-CREDIT-CARD-LIST { background-image: url(../images/i24_credit_cards_white.png); }
.ICON-CREDIT-CARD-MENU { background-image: url(../images/i24_credit_cards_white.png); }
.ICON-CUSTOMER-CREDIT-ACCOUNT { background-image: url(../images/i24_piggy_bank_white.png); }
.ICON-CUSTOMER-NEWS { background-image: url(../images/i24_newspaper_white.png); }
.ICON-DIGITAL-DELIVERY { background-image: url(../images/i24_download_white.png); }
.ICON-EDIT-WISH-LIST { background-image: url(../images/i24_gift_white.png); }
.ICON-GENERAL-NEWS { background-image: url(../images/i24_newspaper_white.png); }
.ICON-NEW-CC { background-image: url(../images/i24_credit_cards_add_white.png); }
.ICON-NEW-CREDIT-CARD { background-image: url(../images/i24_credit_cards_add_white.png); }
.ICON-NEW-WISH-LIST { background-image: url(../images/i24_gift_white.png); }
.ICON-PREV-CC { background-image: url(../images/i24_credit_cards_white.png); }
.ICON-RELATED-PRODUCTS { background-image: url(../images/i24_box_blank_white.png); }
.ICON-REWARD-POINTS { background-image: url(../images/i24_coins_white.png); }
.ICON-REWARD-POINTS-PAY { background-image: url(../images/i24_coins_white.png); }
.ICON-SHIP-ADDRESS { background-image: url(../images/i24_address_white.png); }
.ICON-SHIP-ESTIMATE { background-image: url(../images/i24_ship_method_white.png); }
.ICON-SHIP-OPTIONS { background-image: url(../images/i24_ship_method_white.png); }
.ICON-SUBSCRIBER-NEWS { background-image: url(../images/i24_subscriber_news_white.png); }
.ICON-SUBSCRIPTION { background-image: url(../images/i24_calendar_white.png); }
.ICON-VIEW-WISH-LIST { background-image: url(../images/i24_gift_white.png); }

.SHIP-ADDRESS-DIVISION:first-of-type {
	border-top-color: transparent;
}

.TABLE-AFFILIATE-ACCOUNT-STATISTICS, .TABLE-AFFILIATE-SALES-STATISTICS {
	font-size: 10px;
}

.TABLE-CHECKOUT-COUPON, .TABLE-CHECKOUT-REWARD-POINTS {
	padding: 10px 0;
	text-align: center;
	font-size: 11px;
}

.TABLE-CHECKOUT-COUPON-PAY, .TABLE-CHECKOUT-REWARD-POINTS-PAY, .TABLE-CHECKOUT-CREDIT-ACCOUNT, .TABLE-CHECKOUT-PREV-CC, .TABLE-CHECKOUT-NEW-CC {
	padding: 15px;
}

.TABLE-CHECKOUT-SHIP-OPTIONS tr:last-of-type .DASH-BOTTOM {
border-bottom-width: 0;
}

.TABLE-SHIP-ESTIMATE-RESULTS {
	margin-top: 10px;
	border: none;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius:  6px;  
	-moz-border-top-right-radius: 6px;
	-moz-border-top-left-radius:  6px;     
	border-top-right-radius: 6px;
	border-top-left-radius:  6px;	
}

.TABLE-SUBSCRIPTION {
	font-size: 11px;
	margin-bottom: 20px;
}

/* END STYLE BLOCK ONE
/* --------------------------------------------------------------- */


/* --------------------------------------------------------------- */
/* BEGIN STYLE BLOCK TWO
* Another set of general styles used by multiple items.
* Each of these styles can be futher customized individually below (such as to specify images, etc.)
*/
.ICON-LOG-IN, .ICON-TOS, .ICON-REWARD-POINTS-SUMMARY, .ICON-SUBSCRIPTION-SUMMARY {
	position: absolute;
	left: 8px;
	top: 8px;
	width: 24px;
	height: 24px;
	background-image: url(../images/spacer.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;		
}

.TABLE-CHECKOUT-CUSTOMER-LOGIN, .TABLE-CHECKOUT-TOS, .TABLE-REWARD-POINTS-SUMMARY, .TABLE-SUBSCRIPTION-SUMMARY {
	min-height: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid rgb(39,110,214);
	background: rgb(39,110,214);
}

.TEXT-LOG-IN, .TEXT-TOS, .TEXT-REWARD-POINTS-SUMMARY, .TEXT-SUBSCRIPTION-SUMMARY {
	margin-left: 40px;
	padding-top: 8px;
	padding-bottom: 8px;
	color: rgb(255,255,255);
	font-size: 18px;
	font-weight: 400;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* And here's the customizations to the general styles above... */

.ICON-LOG-IN { background-image: url(../images/i24_keys_white.png); }
.ICON-REWARD-POINTS-SUMMARY { background-image: url(../images/i24_coins_white.png); }
.ICON-SUBSCRIPTION-SUMMARY { background-image: url(../images/i24_credit_cards_white.png); }
.ICON-TOS { background-image: url(../images/i24_document_ok_white.png); }

.TABLE-REWARD-POINTS-SUMMARY {
	margin-top: 0;
	margin-bottom: 10px;
	border: 1px solid rgb(50,162,14);
	background: rgb(50,162,14);
}

.TEXT-LOG-IN a, .TEXT-SUBSCRIPTION-SUMMARY a, .TEXT-TOS a, .TITLE-CHECKOUT-BASKET a {
	color: rgb(255,255,255);
	text-decoration: underline;
}

.TEXT-LOG-IN a:hover, .TEXT-SUBSCRIPTION-SUMMARY a:hover, .TEXT-TOS a:hover, .TITLE-CHECKOUT-BASKET a:hover {
	color: rgb(244,174,43);
}

.TEXT-LOG-IN a {
	padding-left: 10px;
	font-size: 14px;
}

.TEXT-SUBSCRIPTION-SUMMARY {
	font-size: 16px;
}

.TEXT-SUBSCRIPTION-SUMMARY b {
	font-size: 22px;
	font-weight: 400;
}

.TEXT-SUBSCRIPTION-SUMMARY .SUBSCRIPTION-EDIT-PAY-METHOD-LINK a {
	font-size: 12px;
}

/* END STYLE BLOCK TWO
/* --------------------------------------------------------------- */


/* ------------------------------------------------------------------ 
* Buttons...
*	--------------------------------------------------------------- */

.UNIVERSAL-BUTTON, .LOG-IN-BUTTON, .SHIP-ESTIMATE-BUTTON, .UPDATE-BASKET-BUTTON, .PAY-WITH-CREDIT-ACCOUNT-BUTTON, .PAY-WITH-COUPON-BUTTON, .PAY-WITH-REWARD-POINTS-BUTTON, .PRODUCT-DOWNSELL-BUTTON, .SUBMIT-COUPON-BUTTON, .SUBMIT-REWARD-POINTS-BUTTON, .CALCULATE-SHIPPING-OPTIONS-BUTTON, .CONTINUE-SHOPPING-BUTTON, .SELECT-VERSION-BUTTON, .MORE-INFO-BUTTON {
	padding: 6px 10px;
	color: rgb(255,255,255);
	color: rgba(255,255,255,0.9);
	font-family: 'Montserrat', 'Trebuchet MS', Arial, sans-serif;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	text-shadow: none;
	border: 1px solid rgb(50,50,50); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
	background: rgb(73,73,73);
	background: -moz-linear-gradient(top, rgb(50,50,50) 0%, rgb(73,73,73) 100%);
	background: -ms-linear-gradient(top, rgb(50,50,50) 0%,rgb(73,73,73) 100%);
	background: -o-linear-gradient(top, rgb(50,50,50) 0%,rgb(73,73,73) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(50,50,50)), color-stop(100%,rgb(73,73,73)));
	background: -webkit-linear-gradient(top, rgb(50,50,50) 0%,rgb(73,73,73) 100%);
	background: linear-gradient(to bottom, rgb(50,50,50) 0%,rgb(73,73,73) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#494949',GradientType=0 );

	-webkit-transition: color 0.15s linear;
	-moz-transition: color 0.15s linear;
	-o-transition: color 0.15s linear;
	transition: color 0.15s linear;
}

.UNIVERSAL-BUTTON:hover, .LOG-IN-BUTTON:hover, .SHIP-ESTIMATE-BUTTON:hover, .UPDATE-BASKET-BUTTON:hover, .PAY-WITH-CREDIT-ACCOUNT-BUTTON:hover, .PAY-WITH-COUPON-BUTTON:hover, .PAY-WITH-REWARD-POINTS-BUTTON:hover, .PRODUCT-DOWNSELL-BUTTON:hover, .SUBMIT-COUPON-BUTTON:hover, .SUBMIT-REWARD-POINTS-BUTTON:hover, .CALCULATE-SHIPPING-OPTIONS-BUTTON:hover, .CONTINUE-SHOPPING-BUTTON:hover, .SELECT-VERSION-BUTTON:hover, .MORE-INFO-BUTTON:hover {
	color: rgb(255,255,255); 
	border: 1px solid rgb(50,50,50);
	background: rgb(50,50,50);
}

.ADD-TO-CART-BUTTON, .CHECKOUT-BUTTON, .CONTACT-FORM-BUTTON, .GIFT-CERTIFICATE-CUSTOMIZE-BUTTON, .PRODUCT-UPSELL-BUTTON {
	padding: 6px 10px;
	color: rgb(255,255,255);
	color: rgba(255,255,255,0.9);
	font-family: 'Montserrat', 'Trebuchet MS', Arial, sans-serif;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	text-shadow: none;
	border: 1px solid rgb(39,110,214); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
	background: rgb(65,127,220);
	background: -moz-linear-gradient(top, rgb(39,110,214) 0%, rgb(65,127,220) 100%);
	background: -ms-linear-gradient(top, rgb(39,110,214) 0%,rgb(65,127,220) 100%);
	background: -o-linear-gradient(top, rgb(39,110,214) 0%,rgb(65,127,220) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(39,110,214)), color-stop(100%,rgb(65,127,220)));
	background: -webkit-linear-gradient(top, rgb(39,110,214) 0%,rgb(65,127,220) 100%);
	background: linear-gradient(to bottom, rgb(39,110,214) 0%,rgb(65,127,220) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#276ED6', endColorstr='#417FDC',GradientType=0 );

	-webkit-transition: color 0.15s linear;
	-moz-transition: color 0.15s linear;
	-o-transition: color 0.15s linear;
	transition: color 0.15s linear;
}

.ADD-TO-CART-BUTTON:hover, .CHECKOUT-BUTTON:hover, .CONTACT-FORM-BUTTON:hover, .GIFT-CERTIFICATE-CUSTOMIZE-BUTTON:hover, .PRODUCT-UPSELL-BUTTON:hover, .PAY-WITH-CC-BUTTON:hover {
	color: rgb(255,255,255); 
	border: 1px solid rgb(39,110,214);
	background: rgb(39,110,214);	
}

.PAY-WITH-CC-BUTTON {
	padding: 0.8em 1.4em;
	color: rgb(255,255,255);
	color: rgba(255,255,255,0.9);
	font-family: 'Montserrat', 'Trebuchet MS', Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	text-shadow: none;
	border: 1px solid rgb(50,162,14); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
	background: rgb(94,195,61);
	background: -moz-linear-gradient(top, rgb(50,162,14) 0%, rgb(94,195,61) 100%);
	background: -ms-linear-gradient(top, rgb(50,162,14) 0%,rgb(94,195,61) 100%);
	background: -o-linear-gradient(top, rgb(50,162,14) 0%,rgb(94,195,61) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(50,162,14)), color-stop(100%,rgb(94,195,61)));
	background: -webkit-linear-gradient(top, rgb(50,162,14) 0%,rgb(94,195,61) 100%);
	background: linear-gradient(to bottom, rgb(50,162,14) 0%,rgb(94,195,61) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32A20E', endColorstr='#5EC33D',GradientType=0 );

	-webkit-transition: color 0.15s linear;
	-moz-transition: color 0.15s linear;
	-o-transition: color 0.15s linear;
	transition: color 0.15s linear;
}

.PAY-WITH-CC-BUTTON:hover {
	color: rgb(255,255,255);
	font-size: 16px;
	border: 1px solid rgb(50,162,14);
	background: rgb(50,162,14);	
}