@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: mc_bold;
  src: url(../images/mc_bold.woff);
}
@font-face {
  font-family: mc_thin;
  src: url(../images/mc_thin.woff);
}
@font-face {
  font-family: NYND-2;
  src: url(../images/Newyearnewday-2.woff);
}

/*@font-face {
  font-family: NYND-K;
  src: url(../images/Newyearnewday-K.woff);
}*/

input[type=text] {
 /* padding:2px;
  border-radius:10px;
  overflow:hidden;
  background-color:#999;*/
}

.anchorPoint{
	/*display: block;*/
    position: relative;
    top: -3.2em;
    visibility: hidden;
	}

.anchorPoint::before { 
 /* display: block; 
  content: " "; 
  margin-top: 3.2em; 
  height: 3.2em; 
  visibility: hidden; 
  pointer-events: none;*/
}


:root {
  --main-bg-color: #54bce1;
}

body{
	/*background-color:#BBB;*/
	background-color:#242424;
	/*margin-right: 5px;*/
	/*NOTE CHANGING MARGIN TOP WILL EFFECT ALL PAGES!!!!!!*/
	margin-top:3.2em;
	/*margin-top:3.5em;*/
	color:#FFF;
	}
.alertHeader{
	background-color:#ffea5f;
	text-align:left;
	font-size:.8em;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	margin-left:0px;
	margin-right:0px;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
	}

input.ectbutton,button.ectbutton{
	 background: #ffdf92;
     background-image: -webkit-linear-gradient(top, #ffdf92, #ffbc19);
     background-image: -moz-linear-gradient(top, #ffdf92, #ffbc19);
     background-image: -ms-linear-gradient(top, #ffdf92, #ffbc19);
     background-image: -o-linear-gradient(top, #ffdf92, #ffbc19);
     background-image: linear-gradient(to bottom, #ffdf92, #ffbc19);
    -webkit-border-radius: 20;
    -moz-border-radius: 20;
    border-radius: 20px;
	
    padding: 8px 14px 8px 14px;
	
	border-width:0px ;
	
    color: #242424 ;
    
    text-decoration: none;
    outline:none ;
}

input.ectbutton:hover,button.ectbutton:hover{
  background: #ff8f19;
  text-decoration: none;
}


@keyframes fadeInAnimation { 
    0% { 
        opacity: 0; 
    } 
    100% { 
        opacity: 1; 
     } 
} 





.content{
	background-color:#242424;
	
	/*Animate Content for Page*/
	animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1; 
    animation-fill-mode: forwards; 	
	
	background-image: url("/images/product_background_v2.jpg");
	background-repeat: no-repeat;
    background-size: cover;
	/*margin:5px;*/
	padding: 10px;
	font-size: 0.8em;
	}

.content h2 {
	font-family:mc_bold;
	font-size: 2.5em;
	clear:both;
	color:#0f93be;
	text-align:center;	
}

.headingECT{
	font-family:mc_bold;
	font-size: 4em;
	/*color:#f2e5c6;*/
	color:#ffffff;
	text-align:center;
	/*line-height: 80%;*/	
	/*border-top:2px solid var(--main-bg-color)*/
}
.nestedTitle{
	font-family:mc_bold;
	font-size: 3em;	
	color:#ffffff;	
	text-align:center;
	margin:0px;
	/*-webkit-text-stroke: 2px #760037;*/
	 text-shadow:
   -2px -2px 0 #760037,  
    2px -2px 0 #760037,
    -2px 2px 0 #760037,
     2px 2px 0 #760037;   
	}
	
.blueRule{
	width:100%;
	height:2px;
	background-color:var(--main-bg-color);
}

.firstRowContent{
	/*display: flex; 
 	justify-content:space-evenly;
	align-items:center;*/
	text-align:center;
	
	
	display: flex;
    display: -webkit-flex;
    justify-content: space-evenly;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;	
	}
.subHeadingBlock{
	
	display: -webkit-flex;
	display: flex;	
	-webkit-flex-wrap:wrap;	
	flex-wrap:wrap;		
    justify-content: space-around;
	-webkit-justify-content: space-around;
	
	font-family:mc_bold;
	font-size: 2.5em;
	
	color:#0f93be;
	}
	
	
.contentBodyText{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	}
/*.mainpic{
	width:100%;
	text-align:center;
	}*/

.topOffersWrapper{
	display: flex; 
	flex-direction: column;
	justify-content:space-between;
	height:281px;
	/*padding:5px;*/
	
	}
.topoffers, .topoffers1, .topoffers2{
	
	width:300px;
	/*float: right;*/
	margin: 0px;
	padding:0px;
	border:2px solid #0f93be;
	border-radius:15px;
	overflow:hidden;
}
.topoffers1{
margin-top:5px;
}
.topoffers2{
margin-top:5px;
}

.socialMediaBlock{
	width:300px;
	height:277px;
	border: 2px solid var(--main-bg-color);
	border-radius:15px;
	overflow:hidden;		
	}

/**********************************ectcart.css Override Elements**********************************/                                     
div.cartlinename{
/*font-family: NYND-2;
font-size: 1.4em;
line-height: 2;
*/}	
div.cartlineprice{
/*font-family: NYND-2;
font-size: 1.4em;
line-height: 2;*/
}
div.cartlinetotal {
/*font-family: NYND-2;
font-size: 1.4em;
line-height: 2;*/
}
div.cartdetails_cntnr {
/*font-family: mc_bold;
font-size: 1.4em;
line-height: 2;*/
}	
div.carttotals {
/*font-family: NYND-2;
font-size: 1.4em;
line-height: 2;	*/
}

div.ectdscntt{
color:#febb19!important;
}
div.ectdscnt{
color:#febb19!important;
}

div.ectdivhead {
	 position:relative;
	 /* margin-top:1em;*/
	 margin-top:1em;
	 margin-bottom:0px;
     text-align: center; 
	 border:none;
    /* border: 2px solid var(--main-bg-color); 
	 border-radius:15px 15px 0px 0px;
	 background-image: linear-gradient(135deg, rgba(245,247,250,0.4) 0%, rgba(195,207,226,0.4) 100%);*/
	 background-color: var(--main-bg-color);
	 border-radius:15px 15px 0px 0px;
	 overflow:hidden;
}

input[type="button"].widecheckout2,input[type="button"].widecheckout3,input[type="submit"].widecheckout2,input[type="submit"].widecheckout3{
width:auto;
padding:6px
}

.cartlistlogin{
	background-color:transparent!important;
	}
.cartlistcontents{	
	font-family: NYND-2;
    font-size: 1.4em;
    line-height: 2;	
    border: 2px solid var(--main-bg-color);
    border-radius: 0px 0px 15px 15px;
   /* background-image: linear-gradient(135deg, rgba(245,247,250,0.4) 0%, rgba(195,207,226,0.4) 100%);*/
    background-color: rgba(255, 255, 255, 0.2);
   
	}
.cartmaincontents{
	background-color:rgba(255, 255, 255, 0.2);
	border-left: 2px solid var(--main-bg-color);
	border-right: 2px solid var(--main-bg-color);
	border-bottom: 2px solid var(--main-bg-color);
	border-radius:0px 0px 15px 15px;
	
	}
	
div.cartresumecontents, div.custdetailsresume {
    margin: 0px!important;
    padding: 20px!important;
	border-left: 2px solid var(--main-bg-color)!important;
	border-right: 2px solid var(--main-bg-color)!important;
	border-bottom: 2px solid var(--main-bg-color)!important;
    /*border-radius: 10px!important;*/
	border-radius:0px 0px 15px 15px!important;
	background-color:rgba(255, 255, 255, 0.2)!important;
}

div.cartname {
	/*font-family: mc_bold!important;
    font-size: 2em!important;
	line-height:1em!important;
	text-shadow: -1px -1px 0 var(--main-bg-color), 1px -1px 0 var(--main-bg-color), -1px 1px 0 var(--main-bg-color), 1px 1px 0 var(--main-bg-color);
    margin-block-start: 0px;
    margin-block-end: 0px;*/		
	position:absolute;	
	top:50%;
	left: 50%;
    transform: translate(-50%, -50%);  	
    }
.cartlistshop{
	margin-top:1em!important;
	/*border: 2px solid var(--main-bg-color); 
	border-radius:15px 15px 15px 15px;
	background-image: linear-gradient(135deg, rgba(245,247,250,0.4) 0%, rgba(195,207,226,0.4) 100%);
	margin-block-start: 0px;*/
    margin-block-end: 0px;
	}
	
.cartloggedin{
	/*background-color: default;*/
	}
.redeemProductLink{
	text-align:center;
	}

.ectclientlogin{	
	font-family: NYND-2;
    font-size: 1.4em;
    line-height: 2;
	/*background-color:rgba(255, 255, 255, 0.2);	
	border: 2px solid var(--main-bg-color);
	border-radius:15px 15px 15px 15px;	*/
	}
div.clientloginmessage{
    margin-top:0px!important;
	margin-bottom:40px!important;
    text-align:center!important;

    border-left: 2px solid var(--main-bg-color)!important;
	border-right: 2px solid var(--main-bg-color)!important;
	border-bottom: 2px solid var(--main-bg-color)!important;
    /*border-radius: 10px!important;*/
	border-radius:0px 0px 15px 15px!important;
	background-color:rgba(255, 255, 255, 0.2)!important;

}
	
.cartloginbuttons{	
	display: -webkit-flex;
	display: flex;	
	/*justify-content: space-evenly;
	-webkit-justify-content: space-evenly;*/	
	justify-content: center;
	-webkit-justify-content: center;	
	}


.cartStepWrapper{	
	display: -webkit-flex;
	display: flex;	
			
    justify-content: space-around;
	-webkit-justify-content: space-around;
	 }
   
	
.cartStepBtn{
	font-family: mc_bold;
    font-size: 2em;
	
	border-radius:20px;
	width:160px;
	height:40px;
	text-align:center;	
	padding-left:5px;
	padding-right:5px;
	}
.CSBtnON{
	background-color:var(--main-bg-color);
	color:#ffffff;
	}

.CSBtnOFF{
	background-color:#acd5e4;
	color:#b7b7b7;
	}

.cartStepBtn:after{
	/*content: ' \27B2';	*/
	/*content: ' \27A6';	*/
	content: ' \2771 \2771 \2771';
	
	
		}
	
div.checkoutbutton2,div.checkoutbutton3{
  text-align:right;
}
.cartquant{
	font-size:1em;
	}
.cdformtaddinfo{
/*font-family: NYND-2;
font-size: 1.4em;
line-height: 2;*/
	}
.cdformtcoupon{
/*font-family: NYND-2;
font-size: 1.4em;
line-height: 2;*/
	}

.cartcoupon_cntnr{
	display:none;
}


/**********************************END ectcart.css Override Elements**********************************/ 	
	
/**********************************Global Generic Page Formatting Elements**********************************/

.genGlobal {
	border:2px solid var(--main-bg-color);
	border-radius:15px;
	padding:10px;
	/*margin:10px;*/
	color: #ffffff;
	/*background-image: linear-gradient(135deg, rgba(245,247,250,0.4) 0%, rgba(195,207,226,0.4) 100%);*/
	background-image: linear-gradient(135deg, rgba(83,187,224,0.6) 0%, rgba(195,207,226,0.6) 100%);	
	/*background-color: var(--main-bg-color);		*/
	/*font-family:NYND-2;
	font-size: 1.4em;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	line-height:2;	
	padding:0px;	
	margin-bottom:10px;
	}
	

.genGlobalBody{
	/*font-size: 1.4em;*/
	border-radius:0px 0px 15px 15px;
	border-top: 2px solid var(--main-bg-color);
	background-color:#242424;
	padding:10px;
	margin-block-start: 0px;
    margin-block-end: 0px;
	text-align:left;
	}
.genGlobalImg{
	float:right;
	margin-left:10px;
	}	
	
.genGlobal a:link{
	border-bottom: 2px solid #0f93be;
		
	text-decoration:none;
	padding:2px;
	padding-left:6px;
	padding-right:6px;
	
	border-radius:.7em;
	/*color: #242424;*/
	color: #ffffff;
	white-space: nowrap;
	/*background-color:#0f93be;*/	
	}
.genGlobal a:visited {
	border-bottom: 2px solid #0f93be;
	text-decoration: none;
	color: #ffffff;	
}
.genGlobal a:hover, a:active, a:focus { 
   /* border: 1px solid #0f93be;*/
	text-decoration: none;
	color: #0f93be;
	background-color:#FFF;	
}		
	
.genGlobalTitle{
	width:100%;
	text-align:center;
	font-family:mc_bold;
	font-size: 2em;
	line-height:1.5em;
	/*line-height:0px;*/
	margin:0px;
	color:#ffffff;
	/*text-shadow: 1px 1px 2px #242424, 0 0 25px #242424, 0 0 5px #242424;	*/
	/*-webkit-text-stroke: 1px #ffffff;*/
	/* mustard brown color----- #8d7a55  */
	/*text-shadow:
   -2px -2px 0 var(--main-bg-color),  
    2px -2px 0 var(--main-bg-color),
    -2px 2px 0 var(--main-bg-color),
     2px 2px 0 var(--main-bg-color);*/
	 
	margin-block-start: 0px;
    margin-block-end: 0px;
	}	
p.genGlobalTitle{
	/*margin:0px;
	font-size: 2em;*/
	}
	
	
.genGlobalComboProdTitle{
	border-bottom: 2px solid var(--main-bg-color);
	
	margin-block-start: 0px;
    margin-block-end: 0px;
	}
	
/**********************************Global Generic Page Formatting Elements**********************************/	
	
	
	
	
	
	
	
	
	
	
	
/***********************CSS for softcart popup windows******************************/	
/*.cartlogin_cntnr*/
.accloginwrapper{
	color:#000;
	border: 2px solid var(--main-bg-color); 
	border-radius:15px 15px 15px 15px!important;
	}
.acccreatewrapper{
	color:#000;
	border: 2px solid var(--main-bg-color); 
	border-radius:15px 15px 15px 15px!important;
	}
	
div.cartloginheader {
    font-family:mc_bold;
	font-size: 2em;
	line-height:1.5em;  
    color: #0f93be;
	margin-block-start: 0px;
    margin-block-end: 0px;
}	
div.cartnewaccountheader {
	font-family:mc_bold;
	font-size: 2em;
	line-height:1.5em;  
    color: #0f93be;
	margin-block-start: 0px;
    margin-block-end: 0px;	
	}

.scdiv{
	margin-top:40px;
	}
.streamAccountButton{
	  display:table;
	  width:100%;
	  height:50px;
	  background-color: #ffbc19;
	  border: 2px solid #fff;
	  border-radius: 15px;
	  vertical-align:middle;
	  text-align:center;
	  }
  

.streamCell1{
	font-family:mc_bold;
	font-size: 2em;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	padding-left:10px;
	padding-right:10px;	
	}	
.streamCell1 a:link{
	color:#242424;
	text-decoration:none; 
	
		}	
.streamCell1 a:hover{
	color:#979797;	
	text-decoration:underline; 
	
	}
.streamCell1 a:visited{
	color:#242424;	
	}	
	
.streamCell2{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:60px;	
	}	
div.searchform {
	background-color:rgba(36, 36, 36, 0.8);
	border: 2px solid var(--main-bg-color);
	border-radius:15px;
	padding:7px;
	}
div.searchheader{
	font-family:mc_bold;
	font-size: 2em!important;
	color:var(--main-bg-color);
	padding-left:5px;
	}
.ectorderstatus{
	background-color:rgba(36, 36, 36, 0.8);
	border: 2px solid var(--main-bg-color);
	border-radius:15px;
	padding:7px;
	}
.vieworderstatus{
	float:right;
	}

.orderreceipt{
	background-color:rgba(255, 255, 255, 0.1);
	/*border: 2px solid var(--main-bg-color);*/
	border: 2px solid #ffffff;
	/*border-radius:15px;*/
	
	}

.ReceiptPaidInFull{
	width:100%;
	text-align:center;
}
.ReceiptContactLine{
	width:100%;
	text-align:center;
}
.ReceiptDate{
	width:100%;
	text-align:center;
	padding:0px;
	margin:0px;
}
	
.userAccountInfo{
	width:100%;
	text-align:center;
	font-family:mc_bold;
	font-size: 1.5em;
	/*border-radius:15px;*/
	}
.ectclientloginaccount{	
	/*padding:5px;
	border-radius:15px;
	border: 2px solid var(--main-bg-color);*/
	}
.ectclientloginaddress > div{	
	border-top: 2px solid #b6b6b6;
    border-bottom: 2px solid #000000;
    border-left: 2px solid #b6b6b6;
    border-right: 2px solid #000000;
    /*background-color: #555555;*/
	background-color: rgba(36, 36, 36, 0.6);
    border-radius: 10px;
	padding: 5px;
	}
.ectdiv2column{	
	border:none!important;
	background-color: transparent!important;
	text-align:right;
	padding-right:10px;
	}
.ectclientloginorders{		
	/*padding:5px;
	border-radius:15px;
	border: 2px solid var(--main-bg-color);	*/
	}
.ectclientloginordersrow{
   
    }
.clientloginmainheader{
	margin-top:1em;
	text-align:center;
    /*border:1px solid grey;*/
    font-family:mc_bold;
    font-size:1.5em;
    padding:10px;
    /*margin-bottom:10px;*/
    display:flex;
    justify-content:space-between;
    align-items:center;
    border: 1px solid  var(--main-bg-color);
    border-radius:15px 15px 0px 0px;
    background-color:#0f93be;	
	}
.clientlogineditaccount{
	border: 1px solid  var(--main-bg-color);
    border-radius:15px 15px 15px 15px;
    background-color:rgba(255, 255, 255, 0.1);
	}
.ectlostpassword{
	border: 1px solid  var(--main-bg-color);
    border-radius:15px 15px 15px 15px;
    background-color:rgba(255, 255, 255, 0.1);	
	}	
	
div.scwrap, div.qbuywrapper, div.iuwrap{
    border: 2px solid  var(--main-bg-color);
    border-radius:15px 15px 15px 15px!important;
    }
	
div.scart{
	color:#000!important;
	}		
/****End CSS for 1 line minicart*********/		
.onelineminicartWrapper{
/*position:relative;*/
text-align:center;
margin:auto;
background-color:#fff;
border-top: 5px solid var(--main-bg-color);
width:100%
	}

div.minicartoneline{
text-align:center;
display: -webkit-flex;
display: flex;	
justify-content: center;
-webkit-justify-content: center;
background-color:#fff;
}
div.minicartoneline1{
padding:2px;
font-family:mc_bold;
font-size:1.3em;
color:#333;
}
div.minicartoneline2{
padding:2px;
font-family:mc_bold;
font-size:1.3em;
/*float:left;*/
color:#333;
}
div.minicartoneline3{
padding:2px;
font-family:mc_bold;
font-size:1.3em;
color:#333;
}
.mincart{
color:#0f93be;
text-decoration:none!important;	
}
.mincart:visited{
color:#0f93be!important;
}
.mincart:link{
color:#0f93be!important;
}
		
.mincart:hover, .mincart:active, .mincart:focus {
color:#7cd1ed!important;
}	
	
/****End CSS for 1 line minicart*********/		
	
/***********************CSS for softcart popup windows******************************/	

/***********************CSS for ECT Template header bar******************************/

.topbarECTNav{
	position: fixed;
	position: -webkit-sticky;
	top:0px;
	z-index:15;
	
	
	
	width: 100%;
	margin-left: 0px;
	/*background: #FFF;*/
	/*background-color: #54bce1;*/
}
.hamburgerIcon{
	content:"&#9776"; 
	}

.topnav {
	font-family:mc_thin;
	font-size:1.3em;
	overflow: hidden;
	border-top:5px solid var(--main-bg-color);
	border-bottom:5px solid var(--main-bg-color);
	
		
	/*box-shadow: 0px 5px 5px #888888;*/
	-moz-box-shadow: 0px 5px 5px rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,.5);
    box-shadow: 0px 5px 5px rgba(0,0,0,.5);	
	
	/*height:3.5em;*/
	background: #FFF;	
	
}	

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #000000;
    text-align: center;
    padding: 5px 10px;
    text-decoration: none;
    font-size: 1em;
}

#homeimage {    
    padding: 2px;   
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #a3a3a3;
    color: black;
}

/* Change the color of links on hover */
#homeimage:hover {
    background-color: #FFFFFF;
    color: black;
}


/* Add an active class to highlight the current page */
.active {
    /*background-color: #333;*/
    /*color: white;*/
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

.accHilight{
	color:#FFF;
	font-family:mc_bold;
	background-color:#0f93be;
	border-radius:10px;
	/*padding-top:2px;*/
	/*padding-bottom:2px;*/
	padding-left:4px;
	padding-right:4px;
	/*font-size:14px;*/
	
	}
	
.cartQuantity{
	/*display:table-cell;
	vertical-align:center;*/
	 background-color: #0f93be;
	 /*border-radius:50%;*/
	 border-radius:10px;
	 color:#FFF;
	 padding:2px;
	 width:30px;
	 height:30px;
	 float:right;
	 margin-left:3px;
	 
	 text-align: center;
     vertical-align: middle;
     line-height: 30px; 
	 visibility:hidden;
	
	/* margin-top:5px;*/
	 
	}

/* ~~ Top search ~~ */
.navSearchBlock{
	float:right;
	margin-right:5px;
	white-space: nowrap;
	}

.searchinput {
	float: left;
	width: 200px;
	padding-left: 5px;
	height: 22px;
	padding: 2px;
	border: 1px solid #D7D1C9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #858585;
	border-radius:5px 0px 0px 5px;
	margin-top:5px;
	background-color:#d1eef7;
}
.searchsub {
	cursor:pointer;
	float: left;
	width: 34px;
	height: 35px;
	background: url(../images/searchsub.png);
	border: 0px;
	margin-top:5px;
}	
	
/***********************END CSS for ECT Template Header ******************************/


a.footerLink{
	color: #42413C;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
.footerLink:visited  {
	color: #42413C;
	text-decoration: none;
}
.footerLink:hover, .footerLink:active, .footerLink:focus { 
    color: #FFF;
	/*text-decoration: underline;*/
	border:2px solid #b0e5f7;
	background-color:#42413C;
}



.ECTfooter{
display: flex; 
flex-wrap: wrap;
width:100%;
min-height:200px;
white-space: nowrap;
background-color:#54bce1;
margin:0px;


}
.ECTfooter a{
	font-family:mc_bold;
	/*font-family:Arial, Helvetica, sans-serif;*/
	/*font-weight:bold;*/
	padding:2px;
	font-size:1.3em;
	border:2px solid var(--main-bg-color);
	}
	
.ECTfooter a::before {
/*	content: "\25AA";
	color: #FFF;
	font-size:3em;
	line-height:1em;*/
	 }
	
	
.copyFooter{
	/*width:100%;*/
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
	padding:3px;
	background-color:#0f93be;
	border-top:1px solid #242424;
	margin:0px;
	
	}

.footerBlock1{
	flex-grow: 1;
	margin: 10px;
}
.footerBlock2{
	flex-grow: 1;
	margin: 10px;
}
.footerBlock3{
	flex-grow: 1;
	margin: 10px;
}
.footerBlock4{
	flex-grow: 1;
	margin: 10px;
}
.footerBlock5{
	display:none;
}
p.foothead{
	font-family:mc_bold;
	
	text-align:left;  
	padding-bottom:8px;
	border-bottom:solid 1px #666;
	/*margin: 10px;*/
	/*color:#242424;*/
	color:#FFF;
	line-height:15px;
	font-size:2em;
	margin-block-start: 0.5em;
    margin-block-end: 0.5em;
}
.socialMediaIconsSM{
	cursor:pointer;
	}



/**********Main Div for Categories on Home Page*************/	
.Product{
	/*display:flex;
	flex-wrap:wrap;
	justify-content:space-evenly;*/
	padding:0px;	
	
	display: -webkit-flex;
	display: flex;	
	-webkit-flex-wrap:wrap;	
	flex-wrap:wrap;		
    justify-content: space-around;
	-webkit-justify-content: space-around;
	
   /* -webkit-align-items: center;
    align-items: center;	*/
		}
	
.categories{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	/*background-color:#242424;*/
	padding:10px;
	}


.homePageTextBlurb{
	/*border:2px solid #0f93be;*/
	border:2px solid var(--main-bg-color);
	border-radius:15px;
	padding:10px;
	padding-bottom:0px;
	/*margin-top:10px;*/
	margin-bottom:10px;	
	margin-left:5px;
	margin-right:5px;
	
	/*background-color:var(--main-bg-color);*/
	background-image: linear-gradient(135deg, rgba(83,187,224,0.6) 0%, rgba(195,207,226,0.6) 100%);	
	/*background-image: linear-gradient(135deg, rgba(245,247,250,0.6) 0%, rgba(195,207,226,0.6) 100%);	*/
	}




.homePageFooterBlurb{
	border:2px solid var(--main-bg-color);
	border-radius:15px;
	padding:10px;
	background-color: #242424;	
	font-family: NYND-2;
    font-size: 1.4em;
    line-height: 2;
	}
	
		
.homePageTextBlurbTitle{	
	text-align:center;
	font-family:mc_bold;
	font-size: 2.0em;	
	color:#ffffff;
	text-shadow: 1px 1px 2px #242424, 0 0 25px #242424, 0 0 5px #242424;	
	}	
p.homePageTextBlurbTitle{
	margin:5px;
	}
		
.homePageTextBlurbBody{
	font-family:NYND-2;
	font-size: 1.4em;
	line-height:2;
	text-decoration:none;
	background-color:#242424;
	border-radius:15px;
	padding:5px;
	text-align: left;
	/*color:#242424;*/		
	}
.inlineLogo{
	position:relative;
	cursor:pointer;	
	}
.inlineLogoImage{	
    position:relative;
    top:5px;	
	}

		
	
.homePageTextBlurbBody a:link{
	border-bottom: 2px solid #0f93be;
		
	text-decoration:none;
	padding:2px;
	padding-left:6px;
	padding-right:6px;
	
	border-radius:.7em;
	/*color: #242424;*/
	color:#ffffff;	
	white-space: nowrap;
	/*background-color:#0f93be;*/	
	}
.homePageTextBlurbBody a:visited {
	text-decoration:none;	
	border-bottom: 2px solid #0f93be;
	text-decoration: none;
	color:#ffffff;	
}
.homePageTextBlurbBody a:hover, a:active, a:focus { 
   /* border: 1px solid #0f93be;*/
	text-decoration: none;
	color: #0f93be;
	background-color:#FFF;	

}

.subHeadItem{
	border:2px solid #ffbc19;
	border-radius:20px;
	/*background-color:#CCC;*/
	background-color:#242424;
	padding:2px;
	padding-left:6px;
	padding-right:6px;
	margin:3px;
	
	line-height:1;
	font-size: 0.8em;
	color:#ffbc19;
	/*opacity:60%;*/	
	}
.subHeadItem:hover{
	border:2px solid #0f93be;
	}	
	
	
.subHeadItem a{
	text-decoration: none;	
	}

.subHeadItem a:visited {
	
}
.subHeadItem a:hover, a:active, a:focus { 
   /* border: 1px solid #0f93be;*/
	text-decoration: none;
	color: #0f93be;
	
}



div.catimage{
	border:2px solid #54bce1;
	margin:10px;
	width: 130px;
	height: 130px;
		
	border-radius: 50%;
    overflow: hidden;
	}
	
img.catimage{
	margin-top:0px;
	margin-left:0px;
	}	
	
.CMEspotlight{
   
	display: -webkit-flex;
    display: flex;
	
	 flex-wrap:wrap;
	-webkit-flex-wrap:wrap;		
   
   /* align-items: center;
    -webkit-align-items: center;  */
	
    justify-content: space-around;
	-webkit-justify-content: space-around;
	
}	



.spotProduct{
	height:auto;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	min-width:160px;		
	}
	
	
	
	
	
.spotTitle{
	font-family:mc_bold;
	font-size:1.2em;
	text-align:center;
	border:2px solid var(--main-bg-color);
	background-color:var(--main-bg-color);
	color:#242424;
	border-radius:10px 10px 0px 0px;
	margin-bottom:0px;
	}
.spotTitleCombo{
	color:#ffffff;	
	border:2px solid #8d7a55;
	background-color:#8d7a55;	
}
	
.spotImageWrapper{
	/*outline: 4px solid #242424;
    outline-offset: -8px;*/	
	box-shadow: 0 0 0 4px #242424;
	
		
	border:4px solid var(--main-bg-color);	
	border-radius:0px 0px 10px 10px;
	overflow: hidden;	
}
.spotImageWrapperCombo{
	border:4px solid #8d7a55;
	}

.combobox {
/*	border:4px solid var(--main-bg-color);	*/
    position:relative;
	border:4px solid #8d7a55;
	border-radius:10px 10px 10px 10px;
	overflow:hidden;
	width: 180px;
	height: 160px;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 8px;
	margin-left: 4px;
}
.productpicCategory{
	
	margin-top:0px;
	margin-left:0px;
	width:100%;
	text-align:center;
	/*background-color:#FFF;*/	
}
.productpicCategory img {
	width: 130px;
	height: 130px;
}

.productpicCombo{
	/*padding:3px;*/
	margin:0px;
	
	width:100%;
	text-align:center;	
	/*background-color:#fff;	*/
	background-image: linear-gradient(to bottom, #434343 0%, black 100%);
	/*background-image: linear-gradient(to bottom, #434343 0%, black 100%);*/
	margin-top:3px;
	margin-bottom:3px;
}

.productpicCombo img{
	border-radius:5px 5px 0px 0px;
	overflow:hidden;
	opacity:0.5;
	}

.comboCatLabel{
	pointer-events: none;
	background-color:rgba(0, 0, 0, 0.5);
	padding:2px;
	
	position:absolute;
	
	font-family:mc_bold;
	font-size:1.5em;
	line-height:1em;
	width:100%;
	top: calc(50% - 25px);
	/*top: 50%;*/
	left: 50%;
    transform: translate(-50%, -50%);  
	
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
	}

.catalogLabel{
	pointer-events: none;
	background-color:rgba(0, 0, 0, 0.5);
	padding:2px;
	
	position:absolute;
	
	font-family:mc_bold;
	font-size:1.5em;
	line-height:1em;
	width:100%;
	/*top: calc(50% - 25px);*/
	top:50%;

	left: 50%;
    transform: translate(-50%, -50%);  
	
	text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
	}



.productpicComboImage{
	border:2px solid #616a6d;
	border-radius:15px;
	overflow:hidden;
}
	
			
.comboText {
	margin:0px;
	padding:3px;	
	color:#ffffff;
	/*background-color:var(--main-bg-color);*/
	background-color:#8d7a55;
	/*font-family:mc_bold;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	text-align:center;
	line-height: 1.2em;
	height:50px;
}

/*******************DEFUALT PAGE CATEGORIES TABS CUSTOM ELEMENTS****************************************/

/* Style the tab */
.CATtab {
  overflow: hidden;
 /* border: 1px solid #ccc;*/
  border-radius: 10px;
  background-color: #b4b4b4; 
  
}

/* Style the buttons that are used to open the tab content */
.CATtab button {
  background-color: inherit;
  color:#FFF;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  font-family: mc_bold;
  font-size: 2em;
  padding: 8px 8px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.CATtab button:hover {
  background-color: #ddd;
  color:#333;
}

/* Create an active/current tablink class */
.CATtab button.active {
  color:#FFF;
  background-color: #0f93be;
}

/* Style the tab content */
.CATtabcontent {
  display: none;
  flex-wrap: wrap;
  -webkit-flex-wrap:wrap;	
  justify-content: space-around;
  -webkit-justify-content: space-around;
 
}

/*******************DEFUALT PAGE CATEGORIES TABS CUSTOM ELEMENTS****************************************/




/*******************PRODUCT PAGE CUSTOM ELEMENTS****************************************/

.products{
	/*display:flex;
	flex-wrap:wrap;
	justify-content:center;		
	justify-content:space-evenly;*/	
}
div.products{	
	display: -webkit-flex;
	display: flex;	
	-webkit-flex-wrap:wrap;	
	flex-wrap:wrap;		
    justify-content: space-around;
	-webkit-justify-content: space-around;
}

div.catnavandcheckout{
	display:none;
	}

div.product{
	position:relative;
	padding:2px;
	width:270px;
	float:left;
	height:400px;
	margin:10px;
	/*border:1px solid #C4C4C4;*/
	border:2px solid var(--main-bg-color);
	
	border-radius:15px;
	/*background-color:#3c3c3c;*/
	background-color: rgba(36, 36, 36, 0.7);
}

.prodimage{
	/*background-color:#e0e0e0;
	background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);*/
	/*background-color:#0f93be;*/
	
	background-image: linear-gradient(to bottom, #434343 0%, black 100%);
	/*background-color: var(--main-bg-color);*/ 	
	min-height:112px;
	border-bottom: 2px solid var(--main-bg-color)
	}
img.prodimage{
	
	/*border:2px solid var(--main-bg-color);*/
	border:2px solid #616a6d;
	border-radius:15px;
	overflow:hidden;
}
	
div.prodname{
	padding:10px;
	font-size: 1.1em;
	font-weight:bold;

	text-align:center;	
}

.catheader{
	border:2px solid var(--main-bg-color);
	border-radius:15px;
	padding:10px;
	margin:10px;
	color: #ffffff;
	/*background-image: linear-gradient(135deg, rgba(83,187,224,0.6) 0%, rgba(195,207,226,0.6) 100%);	*/
	background-image: linear-gradient(135deg, rgba(245,247,250,0.4) 0%, rgba(195,207,226,0.4) 100%);
	
	/*background-color:#242424;*/
	/*background-color: var(--main-bg-color);	*/
	font-family:NYND-2;
	font-size: 1.4em;
	line-height:2;	
	padding:0px;
	
	}
.catheader p{
	/*border-radius:0px 0px 15px 15px;*/
	/*border-top: 2px solid var(--main-bg-color);*/
	background-color:#242424;
	border-radius: 0px 0px 15px 15px;
	
	padding:10px;
	margin-block-start: 0px;
    margin-block-end: 0px;
	}	
	
	
.catheader a:link{
	border-bottom: 2px solid #0f93be;
		
	text-decoration:none;
	padding:2px;
	padding-left:6px;
	padding-right:6px;
	
	border-radius:.7em;
	/*color: #242424;*/
	color: #ffffff;
	white-space: nowrap;
	/*background-color:#0f93be;*/
	
	
	}
.catheader a:visited {
	border-bottom: 2px solid #0f93be;
	text-decoration: none;
	color: #ffffff;	
}
.catheader a:hover, a:active, a:focus { 
   /* border: 1px solid #0f93be;*/
	text-decoration: none;
	color: #0f93be;
	background-color:#FFF;	
}		
	
.catHeaderTitle{
	width:100%;
	text-align:center;
	font-family:mc_bold;
	font-size: 3em;
	line-height:1.5em;
	/*line-height:0px;*/
	margin:0px;
	color:#ffffff;
	/*text-shadow: 1px 1px 2px #242424, 0 0 25px #242424, 0 0 5px #242424;	*/
	/*-webkit-text-stroke: 1px #ffffff;*/
	/* mustard brown color----- #8d7a55  */
	
	-webkit-text-stroke: 2px #760037; 
    text-shadow: -2px -2px 0 #760037, 2px -2px 0 #760037, -2px 2px 0 #760037, 2px 2px 0 #760037;
	
	/*text-shadow:
   -2px -2px 0 var(--main-bg-color),  
    2px -2px 0 var(--main-bg-color),
    -2px 2px 0 var(--main-bg-color),
     2px 2px 0 var(--main-bg-color);*/
	 
	margin-block-start: 0px;
    margin-block-end: 0px;
	}	
p.catHeaderTitle{
	margin:0px;
	font-size: 2em;
	}
.proddateadded{
	display:none;
	}	
.descHilightPoint{
    font-family:mc_bold;
	font-size: 1.5em;
	color:#ff8f19;
}

div.prodquantity1div{
	width:110px;
	
	margin:auto;
	position: absolute;
    bottom: 75px;
	
	left:calc(50% - 55px);
	
    border: 2px solid var(--main-bg-color);
    border-radius:6px;
    overflow:hidden;
    font-size:1.5em;
    color:#000;
    /*height:62px;*/
    text-align:center;
    background-color:#0f93be;

    display:flex;
    flex-direction:row;	
	
	}
	
.allproddiscounts{
	display:flex;
	flex-direction: row;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	}	
.adiscount{
	padding-left:5px;
	padding-right:5px;
	border: 2px solid red;
	background-color:#fec744;
	border-radius: 15px;
	color:#242424;
	font-weight:bold;
	text-align:center;
	margin-left:5px;
	margin-right:5px;
	}	
	
	

/******************Combo Pages Custom CSS START***************************************/
.comboProdBlock{}
	
#comboProdBlock{	
	display: -webkit-flex;
	display: flex;	
	justify-content: space-around;
	-webkit-justify-content: space-around;
	
	position: relative;	
	align-items: stretch;
	padding:5px;
	border: 2px solid var(--main-bg-color);
    border-radius:15px;
	margin-bottom:25px;
	/*vertical-align:top;	*/
	/*background-color: rgba(36, 36, 36, 0.7);*/
	background-color: rgba(250, 250, 250, 0.4);
	/*background-color:#FFF;*/
	}	
	
.comboProdListBlock{
	width:130px;
	border: 2px solid var(--main-bg-color);
    border-radius:15px;
	background-color: rgba(250, 250, 250, 0.4);
 }
.comboListFlexContainer{	
	display: -webkit-flex;
	display: flex;	
	justify-content: space-around;
	-webkit-justify-content: space-around;	
		
	font-size:1.4em;
	position: relative;
   /* width: 50%;*/
   /* background-color: #242424;*/
    border-radius: 15px;
    padding: 7px;   	
	}
.comboListDescBlock{
	margin-top:1em;
	border-radius:15px 15px 15px 15px;
	padding:7px;
	
	border:2px solid var(--main-bg-color);
	color:#ffffff;
	background-color:#242424;
	text-align:left;
	
	font-family: NYND-2;
    font-size: 1.4em;
    line-height: 2;
    
	}	
.comboListDescBlockTitleTab{
	display:none;
	}
	
	
.comboListDescBlock a:link{
	border-bottom: 2px solid #0f93be;
		
	text-decoration:none;
	padding:2px;
	padding-left:6px;
	padding-right:6px;
	
	border-radius:.7em;
	/*color: #242424;*/
	color: #ffffff;
	white-space: nowrap;
	/*background-color:#0f93be;*/
	
	
	}
.comboListDescBlock a:visited {
	border-bottom: 2px solid #0f93be;
	text-decoration: none;
	color: #ffffff;	
}
.comboListDescBlock a:hover, a:active, a:focus { 
   /* border: 1px solid #0f93be;*/
	text-decoration: none;
	color: #0f93be;
	background-color:#FFF;	
}		
	
	
	
	
.comboTitleBlock{
	display:none;
	position:absolute;
	top:-20px;
	left: 50%; 
    transform: translate(-50%); 
	font-size:1.5em;
	padding:4px;
	font-weight:bold;
	border-radius:12px;
	border: 2px solid #ffffff;
	color:#ffffff;
	background-color:var(--main-bg-color);	
	}
.comboSelectActions{
	display: -webkit-flex;
	display: flex;	
	-webkit-flex-wrap:wrap;	
	flex-wrap:wrap;		
    justify-content: space-around;
	-webkit-justify-content: space-around;
	}
	
.comboHeader{
	font-size:1.4em;
	
	border-radius:15px;
	border: 2px solid var(--main-bg-color);
	/*border: 2px solid #8d7a55;*/
	background-image: linear-gradient(135deg, rgba(245,247,250,0.4) 0%, rgba(195,207,226,0.4) 100%);		
	margin-bottom:16px;	
	}
.comboHeaderBody{
	text-align:left!important;
	border-radius:0px 0px 15px 15px;
	border-top:2px solid var(--main-bg-color);
	background-color:#242424;
	padding:10px;
	margin-block-start: 0px;
    margin-block-end: 0px;		
	}

.comboHeader p{
	/*text-align:left;
	border-radius:0px 0px 15px 15px;
	border-top:2px solid var(--main-bg-color);
	background-color:#242424;
	padding:10px;
	margin-block-start: 0px;
    margin-block-end: 0px;	*/
	}
	
.comboHeaderHilite{
	/*color:#febb19;*/
	/*color:#faf4b3;*/
	text-shadow: -2px -2px 0 #760037, 2px -2px 0 #760037, -2px 2px 0 #760037, 2px 2px 0 #760037;
	}

.comboCourseTitle{
	position:relative;
	left: 50%; 
    transform: translate(-50%); 
	/*margin:20px;*/
	text-align:center;
	font-size:2em;
	
	/*padding:10px;*/
	font-weight:bold;
	/*border-radius:12px;*/
	/*border: 2px solid #ffffff;*/
	color:#ffffff;
	/*background-color:var(--main-bg-color);	*/
		}
.hilightText{
	color:#febb19;
	}
.comboPictBlock{
	margin:3px;
	/*display:table-cell;
	vertical-align:top;	*/
	/*width:150px;*/	
	}	
.comboImageWrapper img {
  max-width: 100%;
  height: auto;
  width: auto; /* For IE8 */
 /* border: 2px solid var(--main-bg-color);*/
 
  border-radius:15px;
  overflow:hidden;  
}
	
.comboDescBlock{
	/*display:table-cell;
	vertical-align:top;	*/
	text-align:left;
	width:50%;
	background-color:#242424;
	border-radius:15px;
	padding:7px;
	margin-left:5px;
	margin-right:5px;
	font-size:1.2em;			
	}	
.comboDescBlock p{
	margin-block-start: 0px;
    margin-block-end: 0px;
	}	
	
	
.comboActionBar{
	display: -webkit-flex;
	display: flex;	
	 justify-content: space-around;
	-webkit-justify-content: space-around;	
		
	flex-direction: row;
	vertical-align:top;		
	}
.comboActionBar div{
	margin-left:10px;
	}	
	

	
#fadeDemoCombo {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;

   background-color: black;
   z-index:901;
   -moz-opacity: 0.8;
   opacity:.80;
   filter: alpha(opacity=80);    
}


#lightDemoCombo { 
  display: none;   
  /*height:100%; 
  width:auto;*/
  z-index: 902;
  margin-top:2em; 
  position: absolute;
  top: 50%;
  left: 50%; 
  transform: translate(-50%, -50%); 
  border: 2px solid var(--main-bg-color);
  border-radius:15px;
  overflow:hidden;  
}	

#lightCombo {   
  /*padding-top:2em;  */
}



.promoVideo{
	width: 100%;
    height: calc(100% - 4em);
}



.boxClose { 
 cursor:pointer;
 position:absolute;
 right:0px;
 top:0px;
 
 height: 32px;
 width: 32px;
 padding: 0 0 0 0;
 overflow: hidden;
 /*background: #000000 none;*/
 background: rgba(0, 0, 0, 0.3);
 border-left: 2px solid var(--main-bg-color);
 border-bottom: 2px solid var(--main-bg-color);
 -moz-border-radius: 0px 0px 0px 15px;
 -webkit-border-radius: 0px 0px 0px 15px;
 border-radius: 0px 0px 0px 15px;
 
 color: #ffffff;
 cursor: pointer;
 -moz-user-select: none;
 -webkit-user-select: none;
 user-select: none; 
 
}

.boxClose:hover { 
color:#7b003c;
}

.boxClose:before {
    content: "\D7";
    display: block;
    text-align: center;
    width: 32px;
    position: absolute;
    top: -3.6px;
    left: 0;
    font-size: 32px;
    line-height: 32px;
    font-family: "Helvetica Neue", Consolas, Verdana, Tahoma, Calibri, Helvetica, Menlo, "Droid Sans", sans-serif;
}

/******************Combo Pages Custom CSS END***************************************/


	
/*******************END PRODUCT PAGE CUSTOM ELEMENTS****************************************/

/*******************PRODUCT DETAIL PAGE CUSTOM ELEMENTS****************************************/

.proddetail{
	/*background-color:#242424;*/
	/*text-align:center;*/
	/*position:relative;*/
	/*width:100%;*/
	/*display: block;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
	/*width:100%;
	display: flex; */
	
}

div.proddetail{
	width:50%; /*Remove this line for popup demo version*/
	display: flex; 	
	
}
.proddetail form{
	width:100%;
	text-align:center;
	}

div.detailaddtocart,.detailoutofstock{
	
    width: auto;	
	position:relative;	
	margin-top:20px;
	margin:4px;
	display: inline-block;
	bottom:auto!important;
	/*float:left;*/
	/*width:570px;*/
	text-align:center;	
	}


div.detaildescription{
	
	/*font-size: 1.2em;*/
	/*margin-top:5px;*/
	/*float:left;*/
	/*padding-left:6px;*/
	/*padding-right:6px;*/
	/*padding-top:4px;*/
	/*padding-bottom:4px;*/
	/*border:1px #ccc dotted;*/
	/*width:100%;*/
	/*text-align:center;*/
	/*margin-left: calc(50% - 400px);*/ 
	/*max-width:800px;*/
	width:100%;
		
	  
    /*transform: translate(50%, 0%);*/
	
}

.detailoptions{
	/*padding: 6px;*/	
	
	/*text-align:center;*/
	/*margin-left:2px;	*/
	/*float:left;*/
	/*width:350px;*/
	display: inline-block;
	position:relative;	
	margin-right:5px!important;
	/*margin-bottom:10px;*/
}
.optiontext{
	text-align:center;
	}


.detailoptioncontainer {
	border: 2px solid var(--main-bg-color);
	border-radius:10px;	
	/*height:25px;*/
	/*min-height:72px;*/
	background-color:#0f93be;
	margin-bottom:10px;
	display:flex;
	flex-direction:row;
	
	
	
	}

.opttooltip{
	color:#0f93be;
}
.detailquantity{
	/*position:relative;*/	
	/*width:100%;*/
	/*float:left;*/
	display: inline-block;
	text-align:center;
	/*margin-top:10px;*/
	
	border: 2px solid var(--main-bg-color);
	border-radius:10px;
	background-color:#0f93be;
	
	/*display:flex;
	flex-direction:row;*/
	}
div.detailquantity1div{
	width:110px;
    /*border: 2px solid var(--main-bg-color);*/
    border-radius:6px;
    overflow:hidden;
    font-size:1.5em;
    color:#000;
    /*height:62px;*/
    text-align:center;
    background-color:#0f93be;

    display:flex;
    flex-direction:row;	
	}
div.quantity1div {
	border:none;	
	}
input.quantity1input {
	height:auto;
	}
div.quantity1div div{
border-radius:5px;
height:30px;
border:1px solid #ddd;
width:30px;

font-size:18px;
font-weight:bold;
text-align:center;
cursor:pointer;
margin:3px;
box-sizing:border-box;

/*MAKE TEXT NO SELECTABLE*/
-webkit-user-select: none;       
-moz-user-select: none;
-ms-user-select: none;
user-select: none; 

background: #ffdf92;
background-image: -webkit-linear-gradient(top, #ffdf92, #ffbc19);
background-image: -moz-linear-gradient(top, #ffdf92, #ffbc19);
background-image: -ms-linear-gradient(top, #ffdf92, #ffbc19);
background-image: -o-linear-gradient(top, #ffdf92, #ffbc19);
background-image: linear-gradient(to bottom, #ffdf92, #ffbc19);

}

input.quantity1input{
/*height:28px;*/
width:35px;
border:none;
border-radius:5px;
/*float:left;*/
padding:0px 0px 0px 8px;
margin:3px;
/*margin-top:20px;
margin-left:3px;*/

}

div.detailquantitytext{
	font-family:mc_thin;
	font-size:1.5em;
	margin:4px;
	float:left;
	/*width:270px;*/
	text-align:right;
}

.actionbar{
	display: -webkit-flex;
	display: flex;
	
	flex-direction:row;
	
     justify-content: space-around;
	-webkit-justify-content: space-around;
}

.actionbar_icon{
	text-align:center;
	margin-top:10px;
	
	/*MAKE TEXT NO SELECTABLE*/
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
	}
	
	
.actionbar_title{	
	}
.actionbar_title_disabled{
	opacity:30%;	
	}

.socialmediabuttons{
	position:absolute;
	top:50px;
	left:calc(50% + 2em);	
		
	display:flex;	
	justify-content: space-around;
	-webkit-justify-content: space-around;			
	text-align:center;			 
	padding:6px;
}



.socialmediabutton{
	/*float:right;*/
	/*vertical-align:middle;*/
	
	margin:2px;	
}
input.lgemailfriend{
	/*background-image:none!important;
	color:#FFFFFF!important;
	background-color:#0f93be!important;
	border-radius:3px!important;*/
	}
input.smemailfriend{
	padding-top:5px;
    background-image:none;
	color:#FFFFFF;
	background-color:#0f93be;
	border-radius:3px;
	
	}
div#discounts{
	width:45%;
	float:left;
	}
div#combos{
	width:45%;
	float:left;
	}


/*Added by GM on 7-7-2020 for new Promo Video Lightbox Modal*/
/********************* DEMO VIDEO LIGHTBOX MODAL CSS **************************************/

#fadeDemo {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;

   background-color: black;
   z-index:901;
   -moz-opacity: 0.8;
   opacity:.80;
   filter: alpha(opacity=80);  
  
}


#lightDemo { 
  display: block;
  position:absolute;
  z-index: 902;
  left: calc(50% + 2em);
  top:100px;
  width:45%;
  text-align:center;
  border: 2px solid var(--main-bg-color);
  border-radius:15px;
  overflow:hidden;
 
 
}


#boxclose {
	/*THIS IS THE CSS THAT WORKS FOR POPUP DEMO*/
 /* float: right;
  cursor: pointer;
  color:#FFF;
  border: 1px solid #AEAEAE;
  border-radius: 3px;
  background:#F00;
  font-size: 31px;
  font-weight: bold;
  display: inline-block;
  line-height: 0px;
  padding: 11px 3px;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 1002;
  opacity: 0.9;*/
}
#boxclose { 
  display: none; 
}



.promoVideo{
	width: 100%;
    height: calc(100% - 4em);
}


.boxclose:before {
  content: "×";
}

#fadeDemo:hover ~ #boxclose {
  display:none;
}

/********************* END DEMO VIDEO LIGHTBOX MODAL CSS **************************************/

/********************* BEGIN AGENDA LIGHTBOX MODAL CSS **************************************/
.black_overlay{ 
   display: none;
   position: absolute; 
   top: 0%; 
   left: 0%;
   width: 100%;  
   /*height: 100%;*/  
   background-color: black;
   z-index:1001;
   -moz-opacity: 0.8;
   opacity:.80;
   filter: alpha(opacity=80);
  
} 

.white_content {
    display: none;
	position: absolute; 
	margin-top:2em;
	
	padding-top:2.5em;
	top: 5%;
	left: 1%; 
	width:98%;
	height: 85%; 
	
	background-color: white;
	z-index:1002; 
	
	border: 2px solid var(--main-bg-color);
    border-radius:15px;
    overflow:hidden;
		
} 

.AgendaPage {
    width: 100%;
	/*height: 92%;*/
	height:calc(100% - 15px);
		
} 
#objectWrapper{
	height:100%;
	}

.overviewTab { 

	width: 100%;
	height: 100%;
	
	
} 

.specificationsTab {    
	width: 100%;
	height: 100%;	
	
} 

.discountsCombosTab {    
	width: 100%;
	height: 100%;	
	
} 

.closeButton{
    font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;		
} 

.closeTab {
    display: none;
	position: absolute; 
	text-align:center;
	z-index:1003; 
	top: 1%;
	left: 5%; 
	width: 90%; 
	height: 20px;
	/*border: 4px #ffffff; */
	background-color: white;		
} 
/********************* END AGENDA LIGHTBOX MODAL CSS **************************************/

/*Added by GM on 5-17-2017 to format new redirect div boxes for cross linking from old expired programs to current versions*/
.redirect_field {
    border: 2px solid var(--main-bg-color);
    border-radius:15px;
	margin-top:10px;
	margin-bottom:10px;
   
    padding:4px;
    text-align:center; 
    background: #ffcb4f;
	

}
.redirect_text {
	font-family:mc_bold;
	font-size:1.5em;
    color:#242424;
}


.redirect_text a:link{
	border-bottom: 2px solid #0f93be;
		
	text-decoration:none;
	padding:2px;
	padding-left:6px;
	padding-right:6px;
	
	border-radius:.7em;
	/*color: #242424;*/
	color:#ffffff;	
	white-space: nowrap;
	/*background-color:#0f93be;*/	
	}
.redirect_text a:visited {
	text-decoration:none;	
	border-bottom: 2px solid #0f93be;
	text-decoration: none;
	color:#ffffff;	
}
.redirect_text a:hover, a:active, a:focus { 
   /* border: 1px solid #0f93be;*/
	text-decoration: none;
	color: #0f93be;
	background-color:#FFF;	

}


/*End Added by GM on 5-17-2017*/


/*******************END PRODUCT DETAIL PAGE CUSTOM ELEMENTS****************************************/



	

/********************CSS for FAQ Page Start*******************************************************/
/*TAB CSS for FAQ Page */
/*body {font-family: Arial;}*/

/* Style the tab */
.FAQtab {
  overflow: hidden;
   /*border: 1px solid #ccc;*/
 
}

.FAQtablinks {
font-family:mc_bold;

background-color:#666;
color:#FFF;

border-radius: 15px 15px 0px 0px;
border-color:#CCC;
border-width: 1px;
border-left-style: solid;
border-right-style: solid;
border-top-style: solid;
border-bottom-style: none;

/*box-shadow: 1px 1px 3px #666;*/

}

/* Style the buttons inside the tab */
.FAQtab button {
 /* background-color: inherit;*/
 /* float: left;*/
 /* border: none;*/
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 2em;
}

/* Change background color of buttons on hover */
.FAQtab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.FAQtab button.TABactive {
 
   /* background-color:#96e5ff; */
  background-color: var(--main-bg-color);
  color:#000;
}

/* Style the tab content */
.FAQtabcontent {
  display: none;
  padding: 10px 10px 10px 10px;
 /* border: 1px solid #ccc;*/
  
 /* background-color:#96e5ff; */
  background-color: var(--main-bg-color);
 /* background-color:rgba(150,229,255,0.7);*/
  border-radius: 0px 15px 15px 15px;
  border-color:#CCC;
  border-width: 1px;
  border-left-style: solid;
  border-right-style: solid;
  border-top-style: none;
  border-bottom-style: solid;
  box-shadow: 1px 1px 3px #666;
}

/* Style the tab content */
.FAQtabinstructions{
  color:#242424;
  font-size:1.2em;
  font-weight:bold;
  
}
.FAQtext{
	
	font-family:mc_thin;
    font-size:1.5em;
	}


/*Accordian CSS for FAQ PAGE */
.FAQaccordion {
  background-color: #eee;
  border-style: solid;
  border-width: 1px;
  /*border-radius: 15px 15px 15px 15px;*/
  border-color:#ccc;
  /*border: none;*/
  color: #444;
  cursor: pointer;
  padding: 7px;
  padding-left:18px;
  width: 100%; 
  text-indent: -11px;
  text-align: left;
  font-family:mc_thin;
 /* font-weight:bold;*/
  outline: none;
  font-size: 1.2em;
  transition: 0.4s;
}

.FAQaccordion:hover {
 background-color: #ccc;	
}


.ACCactive{
  background-color: #ccc;
  /*border-radius: 15px 15px 0px 0px;*/
 
}

.FAQaccordion:before {
  content: '\002B';

  color: #777;
  font-weight: bold;
  float: left;
  margin-right: 14px;
}

.ACCactive:before {
  content: "\2212";

}

.FAQpanel {
  padding: 0 18px;
  background-color: #242424;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;  
  margin-bottom: 5px;
 /* border-radius: 0px 0px 15px 15px;*/
}

/******************* CSS for FAQ Page END *******************************************************/



@media screen and (max-width: 1230px) {
	/*change padding for mobile*/
	.firstRowContent{	
    flex-wrap: wrap;
	}
	
	.callbacks_container {
		/*order: 2;*/
		
		}
	.homePageTextBlurb{
		/*order: 1;*/
		
		}
	
}	
	


@media screen and (max-width: 970px) {
  .navSearchBlock{
    display: none;
  }
 
#lightDemo {
	/*THIS IS THE CSS THAT WORKS FOR POPUP DEMO*/
  width: 100%;   
 /* z-index: 902;*/
  margin-top:2em;
  display: none;
  position: absolute;
  top: 50%;
  left: 50%; 
  transform: translate(-50%, -50%);  
  border:none;  
  overflow: visible;  
}

#lightDemoCombo {
	/*THIS IS THE CSS THAT WORKS FOR POPUP DEMO*/
  width: 100%;   
 /* z-index: 902;*/
  margin-top:2em;
  /*display: none;*/
  position: absolute;
  top: 50%;
  left: 50%; 
  transform: translate(-50%, -50%);  
  border:none;  
  overflow: visible;  
}


div.proddetail{	 
	width:100%; 		 	
}
#mainbodyspan{
	width:100%!important;
	}

 .socialmediabuttons{
	/*THIS IS THE CSS THAT WORKS FOR POPUP DEMO*/	
	position:static; 
	
	margin-top:20px;	
	float:right;	 
	/*margin-right:10px; */
}

 
 #comboProdBlock{
	flex-direction:column;	 
	}    
  .comboPictBlock{
	margin:auto;	
	}	
  .comboDescBlock{
	margin-top:10px;
	width:auto;
	}	
  .comboActionBar{
	justify-content: space-around;
	-webkit-justify-content: space-around;
	/*margin:auto;*/	
	} 
 

  
}


@media screen and (max-width: 926px) {
	/*change padding for mobile*/
	.firstRowContent{
		/*display:block;*/
		text-align:center;
		/*width:100%*/
		}
	.callbacks_container {
		/*max-width:none;	*/	 
        min-width:0;
		/*min-height:0;*/
		/*height:auto;*/
		}
	.topOffersWrapper{
		display:none;
		/*width:100%;
		text-align:center;*/
		
		}
	.socialMediaBlock{
		display:none;
		}
	.catheader a:link{	
	   white-space: normal;		
	}
	
	.CMEspotlight{   
	/*-webkit-justify-content: space-around;
    justify-content: space-around; 	*/
    }	
	.Product{
		
  /*  justify-content: space-around;
	-webkit-justify-content: space-around;*/
	}
	.actionbar{
		
   /* justify-content: space-around;
	-webkit-justify-content: space-around;*/
    }
	.cartStepWrapper{	
	/*justify-content: space-around;
	-webkit-justify-content: space-around;*/
	 }
	div.products{	
	/*justify-content: space-around;
	-webkit-justify-content: space-around;*/
     }
	 .comboListFlexContainer{	
	/*justify-content: space-around;
	-webkit-justify-content: space-around;*/
	}
	.comboSelectActions{
	/*justify-content: space-around;
	-webkit-justify-content: space-around;*/
	}
	 #comboProdBlock{
	text-align:center;
	/*justify-content: space-around;
	-webkit-justify-content: space-around;*/
	} 
	.comboActionBar{
	/*justify-content: space-around;
	-webkit-justify-content: space-around;	*/	
	}
	
}


/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 765px) {
	/* When the screen is less than 750 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
   .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;	
  }
  .accHilight{
	color: #000000;
	font-weight:bold;
	background-color:#FFF;
	border-radius:0px;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:10px;
	padding-right:10px;
	font-size:1em;
	
	}
	
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .nestedTitle{
	  font-size:2em;
	  line-height:1em;
	  }
  .catHeaderTitle{
	  font-size:2em;
	  line-height:1em;
	  } 
  .genGlobalTitle{
	font-size: 1.8em;
	line-height:1.0em;
	  }
   .genGlobalImg{
	float:none;
	margin-left:0px;
	}	
	
	.cartlistcontents {   
    font-size: 1em;    
    }
	.adiscount{
	text-align:center;
	margin-bottom:10px;
	font-size:1.3em;
	}
	.allproddiscounts{
	display:flex;
	flex-direction: column;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	margin-bottom:10px;
	text-align:center;
	font-size:1.3em;
	}
	div.minicartoneline1{
    font-size:1em;
    }
    div.minicartoneline2{   
    font-size:1em;
    }
    div.minicartoneline3{
    font-size:1em;
    }
	
	
  }

@media screen and (max-width: 700px) {
	/*change padding for mobile*/
.FAQtab button { 
  padding: 4px 6px;
  font-size:1.5em; 
}
.topoffers img, .topoffers1 img, .topoffers2 img{	
	max-width: 300px;	
}
.subHeadingBlock{
	flex-direction:column;
}
.actionbar{	
	/*display:inline-flex;*/
	/*justify-content:space-evenly;*/
	}
.actionbar_title{
	max-width:6em;
	}
.socialmediabuttons{
	flex-wrap:wrap;
	}
div.tabpane{
	height:500px;
	}

}