@charset "utf-8";
/* 
rewards css file
*/
body {
	background-color: #FFF;
}
.loginButton {
	background-image: url(../images/loginButtonBgWhite.gif);
}
#loginDiv {
	background-image: url(../images/loginTopBgWhite.gif);
}
.mainBackground {
	background-image: url(../images/topBgWhite.gif) ;
}
.breadcrumbHolder {
	background-color: #3c3c3c;
}
.footerBackground {
	background-image: url(../images/bottomBgWhite.gif) ;
}
#accordian {
}
.accordian_drop_arrow {
	width: 12px;
	height: 12px;
	float: left;
	background-image: url(../images/rewards_drop_arrow.png);
}
.accordian_toggler {
	margin-top: 12px;
	cursor: pointer;
}
.accordian_toggler a {
	margin-left: 7px;
	color: white;
	font-weight: bold;
	font-size: 11px;
}
.accordian_content {
	margin-left: 20px;
}
.accordian_content a {
	color: white;
}
.breadcrumbHolder, .breadcrumbHolder a {
	color: white;
}
.productThumbHolder {
	float: left;
	display: inline;
	margin: 7px 0px 0px 7px;
	background-image: url(../images/productThumbBackground.gif);
	background-repeat: no-repeat;
	width: 335px;
}
.productTitleHolder {
	font-size: 12px;
	color: #4c4c4c;
	font-weight: bold;
	height: 26px;
	padding: 9px 0 0 9px;
}
.productThumbSwoosh {
	background-image: url(../images/productThumbSwoosh.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding-bottom: 20px;
}
.productThumbImageHolder {
	float: left;
	display: inline;
	width: 140px;
	height: 110px;
	text-align: center;
}
.productThumbInfoHolder {
	float: left;
	display:inline;
	width: 190px;
}
.productThumbText {
	margin-bottom: 10px;
}
.productText {
	margin: 10px 0px;
}
.productRed {
	color: #8f0303;
	font-weight: bold;
}
.productDeliveryCost {
	color: #757575;
}
.productHolder {
	margin-top: 30px;
}
.productImageHolder {
	width: 370px;
	float: left;
	display: inline;
	text-align: center;
}
.productRightSide {
	float: right;
	width: 330px;
}
.productInfoHolder {
	background-image: url(../images/productThumbSwoosh.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	min-height: 170px;
	padding-bottom: 20px;
}
.productSliderHolder {
	margin-top: 10px;
}
.productSliderHolder div {
	float: left;
	display: inline;
}
.productSliderHolder div.moneyValueHolder {
	font-weight: bold;
	color: #8f0303;
	width: 80px;
	text-align: center;
	margin-top: 4px;
}
.productSliderHolder div.slider {
	width: 172px;
	height: 23px;
	background-image: url(../images/productsSliderBg.gif);
	background-repeat: no-repeat;
}
.productSliderHolder div.slider div.knob {
	width: 10px;
	height: 12px;
	margin-top: 6px;
	background-image: url(../images/sliderKnob.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
.productSliderHolder div.pointValueHolder {
	color: #3c3c3c;
	font-weight: bold;
}
.productSliderHolder div.pointValueHolder input{
	color: #3c3c3c;
	font-weight: bold;
	border: none;
	background: none;
	width: 50px;
	text-align: right;
}
.itemRemoveHolder {
	text-align: right;
}
.productSimilarHolder {
	margin: 6px;
	background-image: url(../images/similarProductTitle.gif);
	background-repeat: no-repeat;
}
.productSimilarThumb {
	float: left;
	display: inline;
	width: 170px;
	text-align: center;
}
.productSimilarImageHolder {
	height: 140px;
}
.productSimilarImageHolder img {
}
.productSimilarTitleHolder a {
	color: #8f0303;
	font-weight: bold;
}
.productSubmitHolder {
	text-align: right;
}
.productSubmitHolder input {
	background: #8f0303;
	color: white;
	font-weight: bold;
	border: none;
	height: 20px;
}
.productSubmitHolder input.whiteButton {
	background: white;
	color: #8f0303;
	border: 1px solid #8f0303;
}
.cartProductHolder {
	margin: 6px;
	padding: 10px 0px;
	border-bottom: 1px solid #ccc;
}
.cartImageHolder, .cartInfoHolder, .cartSliderHolder {
	float: left;
	display: inline;
}
.cartImageHolder {
	width: 140px;
	text-align: center;
}
.cartInfoHolder {
	width: 210px;
}
.cartTitle {
	color: #4c4c4c;
	margin: 15px 0px;
	font-weight: bold;
}
.cartSliderHolder {
	margin: 25px 0px 10px;
}
.cartTotalsHolder {
	background-image: url(../images/productThumbSwoosh.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.cartsTotals {
	height: 100px;
	width: 310px;
	text-align: right;
	float: right;
	display: inline;
	margin: 0px 10px;
}
.cartButtons {
	float: right;
}
.leftCartHolder {
	text-align: center;
	margin: 20px 0px;
}
.leftCart {
	width: 183px;
}
.leftCartTitle {
	height: 24px;
	background-color: #3C3C3C;
	color: #FFF;
}
.leftCartTitle a {
	color: #FFF;
}
.leftCartPoints {
	background-color: #be1212;
	padding: 4px;
	color: white;
}
.leftCartProducts {
	background-color: white;
	padding: 2px;
}
.leftCartProducts div {
	padding: 2px;
}
.leftCartTotal {
	color: white;
	text-align: right;
	background-color: #3C3C3C;
	padding: 2px 4px;
	font-weight: bold;
}
.leftCartTotal a {
	color: white;
	text-decoration: none;
}
.titleHolder {
	background-image: url(../images/rewardsTitleBg.gif);
}
.leftMenuHolder {
	background-image: url(../images/rewardsMenuBg.gif);
}
.variationSelect {
	width: 140px;
	padding: 2px;
}
.checkoutErrors {
	margin-left: 100px;
}
.checkoutItems {
	margin: 20px 100px 0px;
	width: 400px;
}
.checkoutItems table {
	width: 394px;
}
.checkoutItems td {
	padding-top: 4px;
	vertical-align: top;
}
legend a {
	font-size: 10px;
	color: #0392CE;
	font-weight: normal;
}
.popupContainer {
	position:fixed;
	width:100%;
	height:100%;
	top: 0px;
	left: 0px;
	z-index:1001;
	background-color: rgba(27,27,27,0.7);	
}
.popupContainer table.popupTable {
	max-width: 530px;
	width: 100%;
	position: relative;
}
.popup-content {
	color: black;
	background: #fff;
}
.popup-title {
	height: 20px;
	border: 1px solid #a12727;
	font-size: 16px;
	padding: 3px;
	background: #8F0303;
	color: white;
	font-weight: bold;
}
.popup-text {
	height: 30px;
	padding: 8px;
}
.popup-fluent {
	padding: 8px;
}
.popup-fixed {
	height: 400px;
	padding: 8px;
}
.popup-topleft {
	background: url(../images/popup-topleft.png) no-repeat;
	width: 10px;
	height: 10px;
}
.popup-topright {
	background: url(../images/popup-topright.png) no-repeat;
	width: 10px;
	height: 10px;
}
.popup-bottomleft {
	background: url(../images/popup-bottomleft.png) no-repeat;
	width: 10px;
	height: 10px;
}
.popup-bottomright {
	background: url(../images/popup-bottomright.png) no-repeat;
	width: 10px;
	height: 10px;
}
.popup-border {
	background-image: url(../images/popup-border.png);
}
.popup-content fieldset {
	color: #FFF;
}





.loader {
	width: 60px;
	height: 90px;
	padding-top: 10px;
}

.loader-wheel {
animation: spin 1s infinite linear;
/*border: 2px solid rgba(30, 30, 30, 0.5);
/border-left: 4px solid var(--clr-feature);
border-radius: 50%;*/
height: 50px;
margin-bottom: 10px;
width: 50px;
background-image: url(../images/tennisball_small.png);
}

.loader-text {
color: var(--clr-feature);
font-family: arial, sans-serif;
}

.loader-text:after {
content: 'Loading';
animation: load 2s linear infinite;
}

@keyframes spin {
0% {
	transform: rotate(0deg);
}
100% {
	transform: rotate(360deg);
}
}

@keyframes load {
0% {
	content: 'Loading';
}
33% {
	content: 'Loading.';
}
67% {
	content: 'Loading..';
}
100% {
	content: 'Loading...';
}
}
 
.linkBtn {
    display: flex;
	justify-content: space-around;
	font-size: 1.1em;
	color: whitesmoke;
	display: flex; /*inline-block;*/
	align-items: center;
    box-sizing: border-box;
    padding: 5px 10px;
    border: 0;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 1;
    letter-spacing: .5px;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    transition: all .2s ease-in;
    border: 1px solid #fe0000;  /* #ACACAC;  */
    background-color: #fe0000;
	/*height: 40px;*/
}

.linkBtn-off {
    display: flex;
	justify-content: space-around;
	font-size: 1.1em;
	color: #7c7676;
	display: flex; /*inline-block;*/
	align-items: center;
    box-sizing: border-box;
    padding: 5px 10px;
    border: 0;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 1;
    letter-spacing: .5px;
    text-decoration: none;
    text-align: center;
    border-radius: 3px;
    cursor: not-allowed;
    transition: all .2s ease-in;
    border: 1px solid #7c7676;  /* #ACACAC;  */
    background-color: transparent;
	/*height: 40px;*/
}

.linkBtn .fas, .linkBtn-off .fas {
	font-size: 18px;
}

.linkBtn:hover, .linkBtn a:hover{
    border-color: #fe0000;
    background-color: transparent;
	color: #fe0000;	
	/*font-weight: bolder;*/
	text-decoration: none;
}