:root {
	/* background color outside of all content */
	--html-background-color: #000000;
	/* header background color */
	--header-background-color: #FFFFFF;
	/* color for buttons, links, titles etc */
	--primary-element-color: #e8112d;
	/* background color for header buttons, color for header font sizes, etc */
	--secondairy-element-color: #000000;

	--content-background-color: #f2f2f2;

	--main-background-color: #C4C4C4;

	--input-background-color: #FFFFFF;

	--decoration-color: #e8112d;

}

div.header-color {
	background-color: var(--header-background-color);
}
div.header {
	background-color: var(--header-background-color);
	height: 92px;
}

/* font*/
html, body {

	font-family:"Arial", "Helvetica Neue", "Helvetica", "sans-serif";
}

textarea, textarea:focus, input, input:focus, button, button:focus {
	font-family:"Arial", "Helvetica Neue", "Helvetica", "sans-serif";
}

div.block-header span.header-item-search input {
/*	width: 475px;*/
	font-family:"Arial", "Helvetica Neue", "Helvetica", "sans-serif";
}
.largefont {
	font-family:"Arial", "Helvetica Neue", "Helvetica", "sans-serif";
}

.normalfont {
	font-family:"Arial", "Helvetica Neue", "Helvetica", "sans-serif";
}

.tinyfont {
	font-family:"Arial", "Helvetica Neue", "Helvetica", "sans-serif";

}

.disclaimers{
	font-family:"Arial", "Helvetica Neue", "Helvetica", "sans-serif";
}
.box-body-inner input {
	font-family:"Arial", "Helvetica Neue", "Helvetica", "sans-serif";

}

.box-body-inner  select {
	font-family:"Arial", "Helvetica Neue", "Helvetica", "sans-serif";
}
option { 	/* doesn't work in most cases tho... */
	font-family:"Arial", "Helvetica Neue", "Helvetica", "sans-serif";
}
.box-body-inner select.select-input-normal {
	font-family:"Arial", "Helvetica Neue", "Helvetica", "sans-serif";
}

@media (min-width: 992px) {
	div.block-header span.header-item-search button::before {
		font-family:"Arial", "Helvetica Neue", "Helvetica", "sans-serif";
	}
	div.block-header span.header-item-account span::before {
		font-family:"Arial", "Helvetica Neue", "Helvetica", "sans-serif";
	}
}

/* -----[ custom colors ]--------------------------------------------------- */

h2 { color: #e8112d; }
i { color: #e8112d; }
div.product-cart-price .shopping-cart {
	background: #e8112d   url("../images/cart_white.png")   no-repeat scroll 135px 5px;
	border: 1px solid #e8112d;
}
div.product-cart-price .shopping-cart.download {
	background: #e8112d   url("../images/download_white.png")   no-repeat scroll 135px 5px;
}
div.block-header span.header-item-account  span {
	border: 1px solid #e8112d;
}
div.block-header span.header-item-account span {
	border: 1px solid #e8112d;
	background-color: #e8112d;
}
.ordergroups .folded:before { color: #e8112d; }
a, a:link, a:visited, a:hover, a:active {
	color: #e8112d;
	text-decoration: none;
}
.price-dot { background: #e8112d none repeat scroll 0 0 padding-box; }
.banner {
	background-color: #e8112d;
	border: 1px solid #e8112d;
}
.star.filled { color: #e8112d; }
.first:before { color: #e8112d; }
.previous:after { color: #e8112d; }
.next:after { color: #e8112d; }
.last:after { color: #e8112d; }

.box-body-small > h4 { color: #e8112d; }
.invert::before { color: #e8112d; }
.invert { color: #e8112d; }
.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active{
  background-color: #e8112d !important;
  border-color: #e8112d !important;
}
.box-body-large > .box-body-inner ul li.header a { color: #e8112d; }
.step-indicator-step.active { background-color: #e8112d; }
.step-indicator-step.active::after {
	border-left: 20px solid #e8112d;
}
.step-indicator-step.active:first-child::after {
	border-left: 20px solid #e8112d;
}
.order-status {
	color: #000000;
}

span#cart-item-count {
	background-color: #e8112d;
}
#account-options {
	background-color: #e8112d;
}

#home_customer_service {
	height: auto;
}
.box-spacing.termsOfService, .box-spacing.termsOfService p, .box-spacing.termsOfService td{
	margin: 0px;
	vertical-align: baseline;
}

/* -----[ custom layout ]--------------------------------------------------- */

div.logo {
	width: 400px;
}

div.pagination-bottom {
    left: 10px;
    top: -5px;
}

.products-shortview {
	display: inline-table;
}

.products-shortview .in-cart-description {
	display: none;
}

.products-shortview > .product {
	width: 306px;
	display: inline-table;
}

.products-shortview > .product  > .product-description {
	width: 306px;
}

.products-shortview > .product  .price {
    margin: 5px auto 5px;
}

.products-shortview > .product  div.product-cart-price .shopping-cart {
	background: #e8112d   url("../images/cart_white.png")   no-repeat scroll 35px 5px;
	padding-left: 18px;
	width: 85px;
	margin-left: 59px;
	margin-top: 5px;
}
.products-shortview > .product  div.product-cart-price .shopping-cart.download {
	background: #e8112d   url("../images/download_white.png")   no-repeat scroll 35px 5px;
	margin: 5px 0px 5px 100px;
}

.products-shortview > .product  .product-image {
    float: none;
    margin: auto;
}

.products-shortview > .product  {
	vertical-align: top;
}

.product-image > IMG.cover {
	max-height: 250px;
}

.cart .product-image > IMG.cover {
	width: 100px;
}

.product-image {
	height: 250px;
}

div.products-shortview div.product-description {
	height: 120px;
	overflow: hidden;
}
div.products-shortview div.product-description > p.description {
	width: auto;
	padding: 0 5px;
}
div.products-shortview span.addToCartText {
	display: none;
}

div.products-shortview div.product-description > p.description { display: block; }
div.products div.product-description > p.description { display: none; }
div.products-shortview div.product-description > div.description-long { display: none; }
div.products div.product-description > div.description-long { display: block; }

div.products-shortview div.product-description { position: relative; }
div.products-shortview div.product-description:before {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;

	background:linear-gradient(rgba(255,255,255,0) 90px, #fff);
}

div.product-description > div.description-long {
	height: 120px;
	overflow: hidden;
	position: relative;
}
div.product-description > div.description-long:before {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:linear-gradient(rgba(255,255,255,0) 90px, white);
}

div.product-description > p.description-long-more { display: none; }
div.product-description > p.description-long-less { display: none; }
div.product-description.show-more > p.description-long-more { display: block; }
div.product-description.show-more > p.description-long-less { display: none; }
div.product-description.show-full > div.description-long { height: auto; }
div.product-description.show-full.show-more > p.description-long-more { display: none; }
div.product-description.show-full.show-more > p.description-long-less { display: block; }

div.product-description div.description-long:before { display: none; }
div.product-description.show-more div.description-long:before { display: block; }
div.product-description.show-more.show-full div.description-long:before { display: none; }

div.products-shortview div.product-cart-price button.shopping-cart { float: left; margin-left: 40px; }
div.products-shortview div.product-cart-price ul { padding-left: 0; margin: 2px 0; }
div.products-shortview div.product-cart-price ul li:first-child { display: none; }

/* order groups menu */
ul.ordergroups > li > span > a { color: #000; }



.block-main li:hover .sub-nav-menu{
	display: none;
}

.box .box-body ul.ordergroups li:hover {
	font-style: italic;
	text-decoration: underline;
}

.box  .box-body ul.ordergroups li:hover {
	width: 300px;
}

.price {
    margin: 45px 0px 0px 105px;
}
.product-cart-price > ul {
    margin: 15px 0px 10px 50px;
	padding-left: 40px;
}

.box.box-large {
    height: 437px;
}
.home.left {
    width: 50%;
    float: left;

}
.home.right {
    width: 50%;
    float: right;
}
.home.left p{
	color: #e8112d;
	font-weight: bold;
	font-size: 26px;
}

span.home-item-logo {
	width: 299px;
    height: 437px;
    background: url(../images/home.png) no-repeat;
    display: block;
    clear: both;
    margin-top: -16px;
    border-radius: 8px;
    border: 0px solid;
}

/* Safari 10.1+ (which is the latest version of Safari at this time) */
@media not all and (min-resolution:.001dpcm) { @media {
	.safari_only, input.choosePaymentMethod  {
		height: auto;
		width: auto;
		vertical-align: text-top;
	}
}}


@media (min-width: 600px) {
	.box .box-body ul.ordergroups li {
	    width: 279px;
	}
	.box .box-body ul.ordergroups li:hover {
		width: 279px;
	}
	.box-body.overlay {
	    width: 280px;
	}
	.product-description .description{
		display: none;
	}
	.price {
		margin: 45px 0px 0px 70px;
	}
	.product-cart-price > ul {
		margin: 15px 0px 10px 50px;
		padding-left: 5px;
	}
	span.home-item-logo {
		width: 278px;
	}
	.products-shortview > .product, .products-shortview > .product  > .product-description {
	    width: 284px;
	}

	.product-image {
	    height: 150px;
		width: 130px;
	}
	.product-cart-price {
    	width: 280px;
	}

	.cart .product-image {
	    height: 190px;
	}

}

@media (min-width: 768px) {
	.box .box-body ul.ordergroups li {
		width: 228px;
	}
	.box .box-body ul.ordergroups li:hover {
		width: 228px;
	}
	.box-body.overlay {
	    width: 230px;
	}

	.product-description .description{
		display: none;
	}
	span.home-item-logo {
		width: 235px;
	}
	.products-shortview > .product, .products-shortview > .product  > .product-description {
	    width: 369px;
	}

	.product-cart-price {
	    width: 365px;
	}

	.products-shortview > .product div.product-cart-price .shopping-cart {
	    margin-left: 100px;
	}

}

@media (min-width: 992px) {
	.box .box-body ul.ordergroups li {
		width: 218px;
	}
	.box .box-body ul.ordergroups li:hover {
		width: 218px;
	}
	.box-body.overlay {
    	width: 220px;
	}
	#home_customer_service {
		height: auto;
	}
	span.home-item-logo {
    	width: 230px;
	}
	.products-shortview > .product, .products-shortview > .product  > .product-description {
	    width: 364px;
	}
	.product-image {
		height: 250px;
		width: 200px;
	}
	.product-cart-price {
		width: 355px;
	}

	.products-shortview > .product div.product-cart-price .shopping-cart {
		margin-left: 85px;
	}
}

@media (min-width: 1200px) {
	.box .box-body ul.ordergroups li {
		width: 258px;
	}
	.box .box-body ul.ordergroups li:hover {
		width: 258px;
	}
	.box-body.overlay {
    	width: 260px;
	}
	.product-description .description{
		display: block;
	}
	.price {
	    margin: 45px 0px 0px 105px;
	}
	.product-cart-price > ul {
	    margin: 15px 0px 10px 50px;
		padding-left: 40px;
	}
	#home_customer_service {
		height: auto;
	}
	span.home-item-logo {
		width: 299px;
	}
	.products-shortview > .product, .products-shortview > .product  > .product-description {
		width: 296px;
	}
	.product-cart-price {
		width: 285px;
	}
	.products-shortview > .product div.product-cart-price .shopping-cart {
		margin-left: 55px;
	}
}

@media (min-width: 1260px) {
	.box .box-body ul.ordergroups li {
		width: 299px;
	}
	.box .box-body ul.ordergroups li:hover {
		width: 299px;
	}
	.box-body.overlay {
    	width: 300px;
	}
	.products-shortview > .product, .products-shortview > .product  > .product-description {
		width: 306px;
	}

}

div.block-header span.header-item-logo {
    width: 300px;
    height: 55px;
    background: url(../images/logo.png) no-repeat 20px 0px;
    margin-right: 10px;
}

.double-product-cart-price {
    display: inline;
}

div.product-cart-price > .double-product-cart-price .shopping-cart {
	background: #e8112d   url("../images/cart_white.png")   no-repeat scroll 30px 5px;
	border: 1px solid #e8112d;
	width: 80px;
	margin-left: 40px;
}
div.product-cart-price > .double-product-cart-price .shopping-cart.download {
	background: #e8112d   url("../images/download_white.png")   no-repeat scroll 30px 5px;
	width: 80px;
	margin-left: 0px;
}

div.product-cart-price > .double-product-cart-price .shopping-cart-download.button {
	background: #e8112d   url("../images/download_white.png")   no-repeat scroll 23px 5px;
	width: 80px;
	margin-left: 0px;
}


.double-product-cart-price .shopping-cart-download.button {
    margin: 0px 10px -16px 10px;
}

.products-shortview > .product .double-product-cart-price .shopping-cart-download.button {
	margin: 20px 0px 0px 40px;
}

.products-shortview > .product .shopping-cart-download.button {
	margin: 0px 0px 10px 50px;
}

.product-price {
    margin-left: 50px;
    font-size: 20px;
	display: inline-block;
}

.product-price .salesprice {
	margin-right: 20px;
}

.list-cart.product-cart-price > .price{
	margin-right: 0px;
}

.product-type {
	width: 90%;
	display: inline-flex;
	margin: 20px 0px 20px 50px;
}

.type {
/*	margin-left: 45px;*/
	width: 40%;
}

.product-amount {
    margin: 20px 0px 0px 21px;
}

.products-shortview > .product div.product-cart-price .product-amount{
	display: none;
}
.products-shortview > .product div.product-cart-price .product-type{
	display: none;
}

.products-shortview > .product div.product-cart-price > .double-product-cart-price .shopping-cart {
    margin: 21px 20px 5px 40px;
}

.products-shortview > .product div.product-cart-price > .double-product-cart-price .product-price {
    margin-left: 0px;
}

.products-shortview > .product div.product-cart-price > .double-product-cart-price .product-price .salesprice {
    margin-left: 69px;
}

.double-product-cart-price .original_price {
	width: 100%;
	float: left;
}



@media (min-width: 600px) {
	.products-shortview > .product div.product-cart-price > .double-product-cart-price .shopping-cart {
	    margin: 21px 20px 5px 35px;
	}
	.products-shortview > .product div.product-cart-price > .double-product-cart-price .product-price .salesprice {
	    margin-left: 64px;
	}
}
@media (min-width: 768px) {
	.products-shortview > .product div.product-cart-price > .double-product-cart-price .shopping-cart {
	    margin: 21px 20px 5px 40px;
	}
	.products-shortview > .product div.product-cart-price > .double-product-cart-price .product-price .salesprice {
	    margin-left: 69px;
	}
}

.totals_table {
	color: #FFFFFF;
}


/*  secondairy color */
 .box-title a,  .box-title a:link,  .box-title a:visited,  .box-title a:hover,  .box-title a:active {
    color: #FFFFFF;
	text-decoration: none;
}

.box-title ul.ordergroups a:link, .box-title ul.ordergroups a{
	color: #000000;
	text-decoration: none;

}


#account-options ul li:hover {
    background-color: #000000;
}

IMG.cover {
    border: 1px solid #000000;
}

.orderAll {
    background-color: #000000;
    border-bottom: 1px solid #000000;
}

.box > .box-title {
	background-color: #000000;
	color: #FFFFFF;
}

.greybar-items .box-title {
	background-color: #000000;
}
.cartsummary{
	background-color: #000000;
	color: #fff;
}

ol.step-indicator {
	background-color: #000000;
}

.step-indicator-step.active::before {
	border-left: 20px solid #000000;
}

.step-indicator-step.active:last-child::after {
	border-left: 20px solid #000000;
}

div.product-cart-price .shopping-cart {
	border: 1px solid #000000;
}

/* input and buttons in the header */
div.block-header input, div.block-header button {
	border: 1px solid #000000;
}

div.block-header span.header-item-search button {
	background-color: #000000;
}

div.block-header span.header-item-account  span {
	border: 1px solid #000000;
}

div.block-header span.header-item-cart a {
	border: 1px solid #000000;
}

div.block-header span.header-item-account span {
	border: 1px solid #000000;
}

.box {
	border: 1px solid #000000;
}

.box > .box-title {
	border-bottom: 1px solid #000000;
}

.greybar-items .box-title {
	border: 1px solid #000000;
}

.block-extra {
	border: 1px solid #000000;
}

.banner {
	border: 1px solid #000000;
}

.box  .box-body  ul.ordergroups li:hover {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.product {
	/* border-bottom: 1px solid #000000; */
}

.title-ordergroups {
	border-bottom: 1px solid #000000;
}
.pagination_item > div{
	border: 1px solid #000000;
	border-radius: 4px;
}

.box-body-inner input {
	border: 1px solid #000000;
}

button {
	border: 1px solid #000000;
	border-radius: 7px;
}

.select {
	border: 1px solid #000000;
	border-radius: 7px;
}

.textballoon {
	border: 1px solid #000000;
}

.textballoon::before {
	border-color: transparent #000000;
}

.textballoon::after {
	border-color: transparent white;
}
.textballoonResponse{
	border: 1px solid #000000;
	border-radius: 7px;
}

.textballoonResponse::before {
	border-color: transparent #000000;
}

.textballoonResponse::after {
	border-color: transparent white;
}

.total_price{
	border-top: 1px solid #000000;
}

.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active{
  background-color: #000000 !important;
  border-color: #000000 !important;
}

input.datepicker {
	border: 1px solid #000000;
}

textarea {
	border: 1px solid #000000;
	border-radius: 7px;
}

ol.step-indicator {
	border: 1px solid #000000;
}

.box-spacing.devider {
	border-top: 1px solid #000000;
}

.payment-method {
    color: #000000;
}

.column.choose-payment-method {
	border: 1px solid #000000;
}

.basket_total.basket_price {
    border-top: 1px solid #000000;
}

.box-body-inner select.select-input-normal {
	border: 1px solid #000000;
}

.button.disabled {	/* disable buttons */
    border-color: #000000;
}

.shopping-cart.disabled {
    border-color: #000000 !important;
}

a.button {
	border: 1px solid #000000;
}











div.product-cart-price .shopping-cart {
	border-radius: 7px;
}

/* input and buttons in the header */
div.block-header input, div.block-header button {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;

}

div.block-header span.header-item-search input {
	-webkit-border-top-left-radius: 7px;
	-moz-border-top-left-radius: 7px;
	border-top-left-radius: 7px;

	-webkit-border-bottom-left-radius: 7px;
	-moz-border-bottom-left-radius: 7px;
	border-bottom-left-radius: 7px;

	-webkit-border-top-right-radius: 0px;
	-moz-border-top-right-radius: 0px;
	border-top-right-radius: 0px;

	-webkit-border-bottom-right-radius: 0px;
	-moz-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
}


div.block-header span.header-item-search button {
	-webkit-border-top-left-radius: 0px;
	-moz-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-top-right-radius: 7px;
	border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-bottom-right-radius: 7px;
	border-bottom-right-radius: 7px;
}

div.block-header span.header-item-account  span {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

div.block-header span.header-item-cart a {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.box {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.box > .box-title {
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

.box > .box-title.folded {
	border-radius: 7px;
}

.greybar-items .box-title {
	border-radius: 7px;
}

.block-extra {
	border-radius: 7px;
}

#homemenu {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.cartsummary:last-child{
	border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.banner {
	border-radius: 7px;
}

.block-main .sub-nav-menu{
	border-radius: 7px;
}

.pagination_item > div{
	border-radius: 4px;
}

.box-body-inner input {
	border: 1px solid #A8B9E0;
	border-radius: 7px;
}

button {
	border-radius: 7px;
}

.select {
	border: 1px solid #A8B9E0;
	border-radius: 7px;
}

.textballoon {
	border-radius: 7px;
}

.textballoonResponse{
	border: 1px solid #A8B9E0;
	border-radius: 7px;
}

textarea {
	border-radius: 7px;
}

ol.step-indicator {
	border-radius: 7px;
}

li.step-indicator-step.active:first-child{
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
}

.step-indicator-step.active:last-child {
	border-bottom-right-radius: 7px;
	border-top-right-radius: 7px;
}

.box-spacing.devider {
	border-top: 1px solid #A8B9E0;
}

.column.choose-payment-method {
	border-radius: 7px;
}

.box > .box-title.link {
	border-radius: 7px;
}

.box-body-inner select.select-input-normal {
	border-radius: 7px;
}

#account-button.open span {
	border-radius: 7px 7px 0 0;
}

#account-options {
	border-radius: 7px 0 7px 7px;
}

a.button {
	border-radius: 7px;
}


/* round-two layout fixes */


div.header-controls a.button-cart {
	/* filter: brightness(0) saturate(100%) invert(11%) sepia(17%) saturate(5397%) hue-rotate(219deg) brightness(104%) contrast(111%); old color  */
	filter: brightness(0) saturate(100%)invert(31%) sepia(11%) saturate(6250%) hue-rotate(182deg) brightness(93%) contrast(88%);
}

div.product button.add-to-cart {
	background-color: #000000;
}

div.header-controls button, div.header-controls a.button {
    background-color: #000000;
	color: #fff;
}

ul.ordergroups a {
    color: #000000;
}

ul.ordergroups li:hover {
    background-color: #000000;
}

ul.breadcrumbs li.active a, ul.breadcrumbs li.active span {
    border-bottom: 2px solid #000000;
}

ul.breadcrumbs span {
    color: #000000;
}

div.viewcontrols > a.active, div.viewcontrols > span.active {
    border-bottom: 2px solid #000000;
    color: #000000;
}


ul.account-options {
    background-color: #000000;
}

div.logo {
	background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-position: 40px 17px;
}

div.question-block.open p.question-block-question {
    color: #000000;
}

div.order-history h3 span {
    color: #000000;
}

div.order-history a.button.add-to-cart {
	background-color: #000000;
}

a.button {
    background-color: #000000;
    border: 1px solid #000000;
    color: #fff;
}

a.button.invert {
	color: #000000;
}

a.button.invert:visited, a.button.invert:link {
	color: #000000;
}

div.product .product-info p.product-title {
	color: #e8112d;
}

div.header-controls a.button-cart span.badge {
    border: none;
    top: 15px;
	background-color: inherit;
}

div.service-row p.address span.phone {
    color: #000000;
}

button {
	background-color: #000000;
	border: 1px solid #000000;
}

div.language-select {
    background-color: #000000;
}

div.language-select a:hover {
    background-color: #e8112d;
}

ul.ordergroups li.active {
	background-color: #000000;
}

ul.ordergroups li.active a{
	color: #fff !important;
}