@charset "utf-8";
/* CSS Document */

/*  Reset for some default browser CSS - General */

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.noScroll{
	overflow:hidden;
	height:100%;		
}
body, div, h1, h2, h3, p, ol, img, header, section, aside, footer {
	margin: 0; padding: 0; border: 0;	
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;	
	-webkit-print-color-adjust: exact;
}

.hidden{
	display:none;
}
body {
	background: #d6d6d6 ;		
	font-family : 'Roboto Condensed', "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 16px;
	color: #444444;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}	
input:not([type=submit]):not([type=file]):not([type=radio]):not([type=image]):not([type=checkbox]), textarea, .emoji-wysiwyg-editor {
	font-family : 'Roboto Condensed', "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;	
	padding:0px 8px;
	margin:8px 0px;
	margin-right:8px;
	border: 1px solid #a5a5a5;
	-webkit-appearance:none;
	border-radius:0;
	height:26px;
	width:200px;	
}
input.inValid, select.inValid, textarea.inValid{
	border: 1px solid #ff3b30 !important;
}
input:disabled
{
	background:#eeeeee;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}
select{
	font-family : 'Roboto Condensed', "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;		
	padding:0px 3px;	;
	margin:8px 0px;
	margin-right:8px;
	border: 1px solid #a5a5a5;	
	border-radius:0;
	height:18px;
	width:218px;
	height:28px;	
}
@font-face {
	font-family: "FixFont";
	src: url();
}
label{
	margin-right:10px;	
}
h2 {
	font-size: 22px;
	line-height: 28px;
}
a {
	text-decoration: none;
	color: #444444;
}
:focus {
	outline: 0;
}
button, .simButton {
	font-family : 'Roboto Condensed', "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
	cursor:pointer;
	background:#e5e5e5;
	border:solid 1px #e5e5e5;	
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	margin:0px;
	text-transform:uppercase;
	font-weight:bold;	
	color: #444444;
	white-space: nowrap;
	box-sizing: border-box;
	font-weight:bold;
	font-size:15px;
	padding:8px;
}
button.small, .simButton.small{
	font-weight:normal;
	font-size:13px;
	padding:5px !important;	
}
.storeItemBox .simButton.cartFindDealers{
	display:block !important;
	margin-top:8px !important;	
}
button:hover, .simButton:hover {	
	background:#ffffff;
	border:solid 1px #027aea;	
}
.simButton *{
	display:inline-block;
	vertical-align:middle;
}
.simButton.instShopBtn{
	padding:2px;
}
.simButton.instShopBtn > *{
	margin-right:5px;
}
.simButton .svgIcon{
	margin-left:3px;
}
.simButton p{
	margin:0px !important;
	font-size:15px !important;
	cursor:pointer !important;
}
.redButton{
	background:#ff3b30;
	border:none;
	color:#ffffff;
}
.blueButton{
	background:#027aea !important;
	border:none;
	color:#ffffff;
}
.redButton:hover, .blueButton:hover{
	background:#333333;
	border:none;
}	
img{
	vertical-align:bottom;
}
.ui-widget{
	font-size:14px !important;
}
.lightShadow{
	-moz-box-shadow: 0px 0px 20px -8px #000000;
	-webkit-box-shadow: 0px 20px -8px #000000;
	box-shadow: 0px 0px 20px -8px #000000;
}
.radius3{
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
}
.radius5{
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
}
.radius8br{
	-moz-border-radius: 0px 0px 8px 0px;
	-khtml-border-radius: 0px 0px 8px 0px;
	-webkit-border-radius: 0px 0px 8px 0px;
	border-radius: 0px 0px 8px 0px;	
}
.radius8trbl{
	-moz-border-radius: 0px 8px 0px 8px;
	-khtml-border-radius: 0px 8px 0px 8px;
	-webkit-border-radius: 0px 8px 0px 8px;
	border-radius: 0px 8px 0px 8px;	
}
.radius8tr{
	-moz-border-radius: 0px 8px 0px 0px;
	-khtml-border-radius: 0px 8px 0px 0px;
	-webkit-border-radius: 0px 8px 0px 0px;
	border-radius: 0px 8px 0px 0px;
}
.radius8bl{
	-moz-border-radius: 0px 0px 0px 8px;
	-khtml-border-radius: 0px 0px 0px 8px;
	-webkit-border-radius: 0px 0px 0px 8px;
	border-radius: 0px 0px 0px 8px;
}
.radius8{
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;	
}
.radius10{
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}
.radius18{
	-moz-border-radius: 18px;
	-khtml-border-radius: 18px;
	-webkit-border-radius: 18px;
	border-radius: 18px;	
}
header{
	-moz-box-shadow: 0px 0px 20px -8px #000000;
	-webkit-box-shadow: 0px 20px -8px #000000;
	box-shadow: 0px 0px 20px -8px #000000;
}


/* loaders and alerts */
.alertBack{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background: rgba(0,0,0,0.65);
	-webkit-backdrop-filter: blur(10px);	
	z-index:50;	
}

.alertBack:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}
.transFade{
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.83) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.83) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.83) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4ffffff',GradientType=0 );
}
.myAlert{		
	width:280px;	
	max-height: 90%;
  box-sizing: border-box;
	background:#ffffff;	
	display: inline-block;
  vertical-align: middle;
  position:relative;
  left:50%;
  margin-left:-140px;
  -moz-box-shadow: 0px 5px 20px -5px #000000;
	-webkit-box-shadow: 5px 20px -5px #000000;
	box-shadow: 0px 5px 20px -5px #000000;
	pointer-events:auto !important;		
	overflow:hidden;
	padding-top:15px;
	border-radius:15px;
	//animation: appear .15s cubic-bezier(0, 1.8, 1, 1.8);
}
.myAlert > div{
	margin: 0px 15px;
}
.myAlert.updates{
	width:350px;
	margin-left:-190px;
}
.myAlert.custSearchRes{
	width:550px;
	margin-left:-285px;
}
.myAlert.quickConfig{
	width:400px;
	margin-left:-220px;
}
.myAlert.selHIDAlert{
	width:450px;
	left:140px;
	top:440px;
	margin-left:0px;
	position:absolute;
	vertical-align:initial;
}
.myAlert.updates.cms{
	width:550px;
	margin-left:-285px;
}
.myAlert.custSearchRes .custManage > div:first-of-type{
	display:none;
}
.myAlert.custSearchRes .subNavBar{
	display:none;
}
.myAlert .alertMessage{
	overflow-y:auto;
	margin-top:10px;
	max-height: 60vh;
}
.myAlert .closeMe{
	position:absolute;
	top:-5px;
	right:-5px;
}
.myAlert .alertHead{
	position:relative;
}
.myAlert .alertHead > h3{	
	margin-bottom:0px;	
	margin-right:10px;
}
.myAlert .info{
	margin-top:10px;
	font-size:12px;
}
.myAlert > p{
	margin-top:10px;
}
.myAlert .buttonBar{		
	width:100%;
	margin:0px;	
	display: table;
	table-layout: fixed;	
	margin-top:20px;
}
.myAlert .buttonBar div{	
	display: table-cell;
}
.myAlert button:not(.redButton){
	background:#dddddd;
}
.myAlert button.redButton{
	border-top:1px solid #ff3b30 !important;
}
.myAlert button.redButton:hover{
	color:inherit;
}
.myAlert .buttonBar button{		
	border:0px;
	border-radius:0px;
	width:100%;
	height:70px;	
	border-top:1px solid #dddddd;
}
.myAlert .buttonBar button:hover{
	background:#ffffff;
}
.myAlert .buttonBar div{
	border-right: 1px solid white;
}
.myAlert .buttonBar div:last-of-type{
	border-right: none;
}
.alertMessage .chooseItem{
	overflow:hidden;
	margin:6px auto;
	cursor:pointer;	
	background:#e5e5e5;
	padding:3px 6px;	
	font-size:14px;
}
.mergeItem.chooseItem{
	background:#ffffff;
	padding:2px 3px;
}
.custManage .chooseItem > *, .prevContact .chooseItem > *{
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}
.alertMessage .chooseItem:first-of-type{
	margin-top:12px;	
}
.alertMessage .chooseItem:hover{
	color:#027aea;	
}
.alertMessage .chooseItem p:first-of-type{
	float:left;	
	margin:0px;
}
.alertMessage .chooseItem p:nth-of-type(2){
	float:right;	
	margin:0px;	
}
.itemOptions .chooseItem p:nth-of-type(2){
	display:none;
}
.itemOptions.priceDiffer .chooseItem p:nth-of-type(2){
	display:block;
}


.loadingBack{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;	
	z-index:20000;
	//cursor:progress;	
}
.loadingBack.grey{
	background: rgba(0,0,0,0.05);	
}
.loadingBack div{
	background: url(/images/loading5.svg);
	width:80px;
	height:80px;
	display: inline-block;	
  vertical-align: middle;
  position:relative;
  left:50%;
  margin-left:-40px;
}
.loader{
	background: url(/images/loading4.svg);
	width:30px;
	height:30px;	
	visibility:hidden;
	opacity:0;	
	vertical-align:middle;
	margin:0px 6px !important;
	display:inline-block;	
	transition:visibility 0s linear 0.15s,opacity 0.15s linear;	
	-moz-transition:visibility 0s linear 0.15s,opacity 0.15s linear;	
	-webkit-transition:visibility 0s linear 0.15s,opacity 0.15s linear;	
}
.loader.processing:after{
	content:'Processing';
	font-weight:normal;
	font-size:14px;
	margin-left:40px;
	position:relative;
	top:-7px;	
}
.loading{
	visibility:visible;
	opacity:1;
	transition-delay:0s;		
}	
.added{
	background: url(/images/tick.svg);
	display:none;
	width:30px;
	height:30px;	
	vertical-align:middle;
	margin:0px 6px !important;
}


/* Navigation Bar */

.navBar{
	background-color: rgb(250,250,250);
	background-color: rgba(250,250,250,0.95);
	height: 60px;	
	display:block;	
	bottom:0;
  top:0;
  /*left:0;
  //right:0;*/
  width:100%;
	position:fixed !important;
	z-index:20;	
	-webkit-backface-visibility: hidden;
	/*max-width:1278px;*/	
	margin:0px auto;
}
.navBar.static{
	position:relative !important;
	margin-bottom:40px;
	max-width:initial;
}
.navBar .prodNav{	
	z-index:25;
	background:rgba(214,214,214,.96);
	width:100%;
	/*max-width:1278px;*/
	display:block;
	padding:8px 0px;
}
.headroom, .logoBack{
	transition: top .2s linear;
  -moz-transition: top .2s linear;
  -webkit-transition: top .2s linear;	  
}
.navBar.headroom--pinned {
	top:0px;	  
}

.prodNav.headroom--pinned.headroom--not-top{
	top:60px !important;	
}

.navBar.headroom--unpinned {
	top:-60px !important;  
}

.prodNav.headroom--not-top{		
		position:fixed;
		top:0px;
		z-index:25;
		background:rgba(214,214,214,.96);
		width:100%;
		/*max-width:1278px;*/
		display:block;
		padding:8px 0px;
}

.navBar.headroom--pinned .logoBack{
	position:relative;
	top:0px;	
}
.navBar.headroom--unpinned .logoBack{
	position:relative;
	top:-30px;
}	
.noHeader .navBar{
	position:relative;
	margin-bottom:30px;	
}

.logoBack{
	background: #027aea;
	height:100%;
	width:203px;
	cursor:pointer;
	float:left;
}
.logoBack a{	
	cursor:pointer;	
}
.whiteLogoBack{
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.7);
	position:absolute;
	top:60px;
	height:30px;
	width:203px;	
}
.logoBack:hover{
	background: #000000;
}
		
.navBar .logo{		
	position:absolute; 
	top:17px;
	left:20px;
	width:159px;
	height:70px;	
	cursor:pointer;	
	background: url(/images/fallback/logo.png);	
	background: url(/images/logo.svg),none;	
	background-size:159px 70px;
}

.mainNav{	
	float:left;
	margin:20px auto;
	text-transform:uppercase;
}
.mainNav li{
	display:inline;
	position:relative;	
	margin-left: 40px;	
	padding:21px 0px;
	cursor:pointer;	
}
.mainNav li:hover a, .dropDownNav li:hover a{
	color: #027aea;
}
.iconBar{
	float:right;
	margin:13px 0px;
	margin-right:13px;	
	position:relative;
	height:34px;		
}
.iconBar div{
	display:inline-block;
	margin-left:4px;
}
.mobileNavItem{	
	padding:10px;
	font-size:16px;
	overflow:hidden;
	cursor:pointer;
}
.mobileNavItems a{	
	overflow:hidden;	
}
.mobileNavItem.link{	
	padding:5px 10px;	
}
.mobileNavItem .indent{
	width:15px;
	display:inline-block;
}	
.mobileNavItem nobr{	
	display:inline-block;
}	
.mobileNavItem .iconBar{
	margin:0px;
	float:left;
}
.mobileNavIconBar{	
	display:none;
	background:#ffffff;
}
.mobileNavItems{
	overflow:auto;
	-webkit-overflow-scrolling: touch;
	width:100%;
	position:absolute;
	top:0px;
	bottom:0px;	
}
#tbMobileNav_Tip{
	position:fixed;
	top:60px;
	left:-100%;
	width:100%;
	max-width:480px;
	bottom:0px;
	display:block;
	transition: left .5s ease-in-out;
	-moz-transition: left .5s ease-in-out;
	-webkit-transition: left .5s ease-in-out;	
}
#tbMobileNav_Tip.pinned{
	left:0px;
}
#tbMobileNav_Tip .toolBarTipContent{
	padding:0px;
	width:100%;
	height:100%;
	position:relative;	
}
.mobileNavItem img{
	top:10px;	
	margin-right:10px;
}
.mobileNavItem:hover{	
	background:#ffffff;
}

/* Main Content */

.subNavBar{		
	position:relative;	
	overflow:hidden;	
	clear:left;
	cursor:default;
	padding:8px 0px;
	//white-space: nowrap;	
}
.subNavBar.section{
	border-bottom:1px solid;	
}
.subNavBar .options{
	float:right;	
	overflow:hidden;
	margin-right:10px;
}
.subNavBar .navIcon{
	display:inline-block;	
	vertical-align:middle;
	margin:5px 0px;
}
.accountSection{	
	overflow:hidden;
}

.subNavBar p{	
	text-transform:uppercase;
	font-weight:bold;	
	font-size:20px;
	cursor:inherit;
	line-height:30px;		
	transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;		
}
.prodNav > p{
	margin-left:10px !important;
	line-height:38px;
}	
.subNavBar p:not(.loading){
	display:inline-block;
	vertical-align:middle;
}
.subNavBar a{
	text-transform:uppercase;	
	font-size:18px;	
	margin-right:20px;	
	display:inline-block;
	cursor:pointer;
	position:relative;	
	vertical-align:middle;
	line-height:38px;
}
.subNavBar a.appLink{
	margin-right:8px;
}

.subNavBar:not(.staged) a:hover, .subNavBar.staged a.activeStage{
	color:#E46A00;	
}
.subNavBar.staged a{
	cursor:default;
}
.subNavBar .cartButtonBox{
	display:inline-block;
	vertical-align:middle;	
}

/* common cart styles */
.promoCodeEntry{
	float:left;
}
.promoCodeEntry > *{
	margin-right:10px;
	display:inline-block;
}
.promoCodeEntry button{
	margin-right:0px;
}

.quickCartCheckout{
	float:right;
}
.quickCartCheckout:before{
	content: 'Review Cart / Checkout';
}
.activeCode{
	color:#ff3b30;
	font-weight:bold;
	cursor:pointer;
}
.cartBar{
	padding-top:20px;
}
.cartBar .buttons{
	float:right;
}
.cartBar *{	
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
}
/*cart stuff*/
.cart > div{
	display:block;
	overflow:hidden;
}
.fullCart{		
	//overflow:hidden;			
}
.offers{
	width:320px;
	height:200px;
	background: #e5e5e5;
	margin-right:30px;
	display:inline-block;
	float:right;	
}
.cartItem{
	overflow:hidden;	
	cursor:pointer;
	position:relative;
	margin:0px;		
}
.fullCart .cartItem{
	margin:5px;	
}
.cartQ{
	padding-left:5px;
}
.fullCart .cartItem:nth-child(even){
	background-color:#f0f0f0;	
} 
.orderInfo{
	margin-bottom:8px;
	display:inline-block;
	vertical-align:middle;
}
.orderView .cartItem:nth-child(even){
	background-color:#f0f0f0;	
}
.cartItem > div{
	margin:6px 0px;
	overflow:hidden;	
	vertical-align:top;	
}
.cartItem:hover .cartEdit{
	max-width:120px;
	margin-right:10px;	
}
.cartItem.nonItem:hover .cartEdit{
	width:38px;
	margin-right:0px;
}
.cartTotal{	
	font-weight:bold;	
}
.cartName{
	margin-left:10px !important;
	margin-right:10px !important;
	overflow:hidden;		
}
.nonItem .cartName{
	margin-left:20px !important;
}	
.cartItem.promoCode .cartName{
	margin-left:20px !important;
	color:#ff3b30;
}
.cartItem.shipping .cartName{
	margin-left:20px !important;
}
.cartItem.credit{
	color:#ff3b30;
}
.cartEdit > div{
	overflow:hidden;
	display:block;
}
.cartEdit{
	max-width:0px;
	height:31px;
	margin:0px !important;
	-webkit-transition: max-width .15s ease-in-out;
  -moz-transition: max-width .15s ease-in-out;
  -o-transition:  max-width .15s ease-in-out;
  transition: max-width .15s ease-in-out;  	
}	
.cartEdit .svgIcon{	
	display:inline-block;			
}
.sideCart .onlyInFullCart, .quickCart .onlyInFullCart, .fullCart .onlyInSideCart, .quickCart .onlyInSideCart, .fullCart .notInFullCart, .sideCart .notInSideCart{
	display:none !important;
}	
.cartEdit, .cartQ{
	float:left;
}
.cartItemWrap{	
    overflow:hidden;
}
.cartP{		
	text-align:right;
	float:right;
	padding:0px 5px;	
	overflow:hidden;
	vertical-align:middle	
}
.cartP p{	
	display:inline;
	margin-left:10px;
}
.discounted{
	text-decoration:line-through;
}
.afterDiscount{
	color:#ff3b30 !important;
}
.toolBarTipContent .contentScroll{
	//max-height:200px;
	overflow:auto;
	-webkit-overflow-scrolling: touch;	
}


header{
	background: #ffffff;
	width:100%;		
	position:relative;	
}
	
.mainContent{	
	width:100%;
	/*max-width:1278px;	*/	
	margin:0px auto;		
}
.mainContent.noHeader{
	padding-top:60px;
}
.mainContent > div, .mainContent header{
	margin-bottom:8px;
}
.mainContent > .contentSection:first-of-type{
	padding-top:40px;
}
.mainContent > .contentSection.emailBar{
	padding-top:20px;
}
.contentSection{
	background: #ffffff;
	width:100%;	
	overflow:hidden;
	padding:10px 0px;
	//-moz-box-shadow: 0px 0px 20px -8px #000000;
	//-webkit-box-shadow: 0px 20px -8px #000000;
	//box-shadow: 0px 0px 20px -8px #000000;	
	//padding:20px 0px;
	/*
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	*/
}
.contentSection.noExtraPad{
	padding:20px 0px !important;
}
.contentSection > div{
	margin:10px 30px;
}
.contentSection.grey{
	background: #b6b6b6;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.contentSection.features ul, .contentSection.steps ol, .faqItem ol{
	padding:0px;
	margin:10px 30px;
	margin-left:50px;	
}
.faqItem li{
	margin-bottom:12px;
}
.faqItem a{
	color:#027aea;
}
.contentSection.steps li{
	margin-bottom:16px;
	font-size:24px;
	font-weight:bold;
	line-height:16px;
	margin-left:10px;
}
.contentSection.steps li span{	
	font-size:16px;
	font-weight:normal;	
	display: inline-block;
  vertical-align: top;
  min-height: 20px;
  //margin-left:5px;
}
.contentSection.halves > div{
	display:inline-block;
	width:49%;	
	vertical-align:top;
}
.contentSection .textBlock p{
	margin-top:10px;
}
.prodImageContent{
	margin:8px;
}
.contentHighlight{
	background: #f0f0f0;		
}
.tempContent{
	height:500px;
}
.videoThumb{	
	width:15%;
	min-width:90px;
	display:inline-block;	
	margin-top:2px;
}
.videoThumb.small{
	width:10%;
}
/*
.faqItem .videoThumb{
	width:30%;
}*/
.ytThumb{
	width:100%;			
}
.ytPlay{
	background: url(/images/ytPlay_b.svg);
	background-repeat:no-repeat;
	background-position: center;
	background-size: 30%;
	position:absolute;
	width:100%;
	height:100%;
	margin:0px !important;
	top:0px;
	opacity:0.6;
}
.faq_ytIcon{
	width:28px;
	height:28px;
	background: url(/images/ytPlay_b.svg);
	background-repeat:no-repeat;
	background-position: center;
	background-size: 100%;
	position:absolute;	
	margin:0px !important;
	top:0px;
	opacity:0.6;	
}
.faqItem:hover .faq_ytIcon{
	background: url(/images/ytPlay.svg);
	background-repeat:no-repeat;
	background-position: center;
	background-size: 100%;
	opacity:1;
}
.ytPlay:hover{
	background: url(/images/ytPlay.svg);
	background-repeat:no-repeat;
	background-position: center;
	background-size: 30%;
	opacity:1;
}
.videoContent{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
	width:100%;
	cursor:pointer;
}
.contentVideo{
	margin-bottom:-5px;	
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.prodCarousel{
	height:288px;
}
.prodShop{
	margin:40px 0px;	
	overflow:hidden;
	width:150px;
	float:left;
	padding:20px;
	border-right:1px solid #c5c5c5;			
}
.prodShop div{
	width:100px;
	height:100px;
	background:#e5e5e5;
	margin:0px auto;
}
.prodShop h3{
	text-align:center;
	margin:5px auto;
	font-size:16px;
}
.prodShop button{
	margin:0px 38px;	
}
.contentSection .prodShop:first-of-type{
	margin-left:40px;
}
.contentSection .prodShop:last-of-type{
	margin-right:40px;
	border:none;
}
.quickLink{		
	display:inline-block;
	vertical-align:top;	
	width:20%;
	min-width:250px;		
	cursor:pointer;	
}
.quickLink.five{
	width:15%;
	min-width:190px;
}
.quickLink{
	min-height:170px;
}
.quickLink .svgIcon{
	margin:10px auto;
}
.quickLink .svgProductIcon{
	margin:10px auto;
	display:block;
}
.quickLink h3{
	text-align:center;
	margin:5px auto;
	font-size:16px;
}
.quickLink a{
	overflow:hidden;
	width:100%;
	margin:0px auto;
}
.quickLink:not(.active) a:hover h3{
	text-decoration:underline;	
}
.quickLink p{
	text-align:center;
	margin:2px auto;
}


/* Footer */

.footer{
	width:100%;	
	/*max-width:1278px;	*/
	margin:0px auto;
	overflow:hidden;	
}
.footer.static{
	max-width:initial;
}
.footerHeader{
	width:100%;
	overflow:hidden;
}
.footerLogo{
	float:left;
	width:193px;
	height:50px;
	margin:12px;
	background: url('/images/fallback/footerLogo.png');	
	background: url('/images/footerLogo.svg'),none;	
	background-repeat:no-repeat;
	cursor:pointer;	
	-moz-opacity: 0.11;
	opacity:.11;
	filter: alpha(opacity=11);
}
.footerLogo:hover{
	-moz-opacity: 0.20;
	opacity:.20;
	filter: alpha(opacity=20);
}
.iconBar{	
	float:right;
}
.iconBar a{
	display:inline-block;
	margin-left:10px;	
}
.siteMap{
	font-size:12px;
}
.siteMapNode a{
	display:block;
}
.siteMapNode{
	display:inline-block;
	overflow:hidden;
	vertical-align:top;
	margin-right:10px;
}

.footerNotes{
	width:100%;
	margin-bottom:50px;
	margin-top:10px;
	
}
.footerNotes p {
	text-align:center;	
	margin:0px 10px;
}

/* QTIP and DropDown Styles */

.qtip{
	background:none !important;
	border:none !important;	
	max-width:500px !important;	
	font-size:16px !important;		
}
.qtip-content{
	line-height: normal !important;
	padding:0px !important;
}

.arrow-up, .arrow-down, .arrow-left, .arrow-right{
	width: 0; 
	height: 0;
	border-color: rgb(225,225,225);	
}
.arrow-up {	 
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;	
	border-bottom-width: 16px;
	border-bottom-style: solid; 
}
.arrow-down {	
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;	
	border-top-width: 16px;
	border-top-style: solid;	
}
.arrow-right {	
	border-top: 60px solid transparent;
	border-bottom: 60px solid transparent;	
	border-left-width: 60px;
	border-left-style: solid;
}
.arrow-left {	
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 	
	border-right-width:10px; 
	border-right-style: solid;
}
.dropDownNav{	
	display:none;			
}
.dropDownNav ul{
	background: rgb(225,225,225);	
	padding:0px;
	margin-left:10px;
	margin-top:0px;
}	
.dropDownNav li{	
	display:block;	
	padding:20px;	
	padding-left:0px;
	border-bottom: 1px solid #a5a5a5;	
	cursor:pointer;
}
.dropDownNav li:last-of-type{
	//border:none;
}
.dropDownNav li:hover{
	color: #027aea;
	background-color: rgb(230,230,230);
}
.dropDownNav li a{
	padding:20px;
	width:220px;	
}
.dropDownNav .navIcon{
	-moz-opacity: 0.80;
	opacity:.80;
	filter: alpha(opacity=80);
	float:left;	
	height:30px;
	margin-right:10px;
	position:relative;
	top:-8px;	
}
.dropDownNav .arrow-left {
	position:absolute;	
	left:0px;
	top:24px;		
}
.dropDownNav .arrow-up {
	position:relative;	
	left:40px;		
}
.basicTipWrap{
	position:relative;	
}
.basicTip{	
	background: rgb(225,225,225);
	max-width:250px;
	padding:10px;		
}
.redTip .basicTip{
	background: #ff3b30 !important;
	color:#ffffff;
	font-weight:bold;
}
.basicTipWrap .arrow-down{
	position:relative;	
	left:10px;
}
.redTip .arrow-down{
	border-color: #ff3b30;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;	
	border-top-width: 16px;
	border-top-style: solid;
	margin:0px;	
	left:10px;	
}

.toolBarTip{
	display:none;
	max-height:100%;
}		
.toolBarTipContent{	
	width:320px;
	min-height:40px;		
	padding:10px;	
	background: rgb(230,230,230);
	font-size:14px;	
	overflow:hidden;
	border-radius: 0px 0px 0px 20px;
}
.toolBarTipContent > button, .toolBarTipContent .simButton {
	background:#ffffff;
	display:inline-block;
}	
.toolBarTipContent > *:not(.quickConnect) button:not(.redButton){
	background:#ffffff;
}
.gsc-search-button{
	background:#027aea !important;
}
.tipTitle{
	text-transform:capitalize;
	margin-bottom:10px;
}
.toolBarTip .tipTitle div{
	font-weight:normal;
	text-transform:none;
}
.toolBarTip .arrow-up {
	position:relative;	
	left:0px;	
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;	
	border-bottom-width: 10px;		
}
.toolBarTip .closeTip {
	position:absolute;
	right:10px;	
	top:10px;	
}
.toolBarTip input{
	display:block;
}

.svgIcon.cartItem{
	margin:0px;
}
.connectInfo{
	display:none;
}
.slideInfo .quickConnect .admin, .slideInfo .quickConnect .connection div{
	display:none !important;
}
.slideInfo .quickConnect p{
	/*display:none;*/
}
.quickConnect{
	overflow:hidden;
}
.quickConnect .admin{	
	margin-bottom:10px;
}
.quickConnect .admin h3{	
	margin-bottom:5px;
	border-bottom:1px solid;
	line-height:30px;
}
.quickConnect > div:not(.admin){
	display:none;
}
.quickConnect.noDevice .noDevice{
	display:block;
}
.quickConnect.connecting .connecting{
	display:block;
}
.quickConnect.noConnect .noConnect{
	display:block;
}
.quickConnect.noChrome .noChrome{
	display:block;
}
.quickConnect.live .connection{
	display:block;
}
.quickConnect button{
	margin-top:10px;
}
.regConnectInfo .quickConnect .notInFullConnect{
	display:none;
}


/* SVG Icon Manage */

.svgIcon{
	width:32px; 
	height:32px;	
	cursor:pointer;
	background-position:0px 0px;	
	position:relative;	
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}
.svgIcon.hdcIcon{
	background: url(/images/hdcFunctions.svg);
	background-size:200% 200%;
	transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
}
.svgIcon.miniIcon{
	background: url(/images/miniFunctions.svg);
	background-size:200% 200%;
	transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
}
.svgIcon.tick{
	background: url(/images/tick.svg);
	background-size:100% 100%;
	width:26px;
	height:26px;
}
.svgIcon.tick.small{
	width:16px;
	height:16px;
}
.svgIcon.toolBarIcon.small, .svgIcon.palette.small{
	width:26px;
	height:26px;
}
.svgIcon.toolBarIcon.medium{
	width:48px;
	height:48px ;
}
.svgIcon.toolBarIcon.large{
	width:64px;
	height:64px ;	
}
.svgIcon:hover{
	background-position-y:-100%;	
}
.hdcIcon:hover, .miniIcon:hover{
	width:96px !important;
	height:96px !important;
}
.hdc_met{
	background-position-y:100% !important;
}
.mini_param{
	background-position-y:100% !important;
}
.hdc_tuner, .mini_tuner{
	background-position-y:0% !important;
}
.hdc_timer{
	background-position-x:100% !important;
	background-position-y:0% !important;
}
.hdc_settings, .mini_settings{
	background-position-y:100% !important;
	background-position-x:100% !important;
}


.svgIcon.fover{
	background-position-y:-100% !important;	
}
.svgIcon:not(.mobileNav).notice{
	background-position-y:-200%;	
}
.svgIcon.notice:hover{
	-moz-opacity: 0.80;
	opacity:.80;
	filter: alpha(opacity=80);	
}
.svgIcon.notice:hover:not(.mobileNav.notice){
	background-position-y:-200%;		
}
.svgIcon p{
	display:none;
}
.svgIcon:not(.mobileNav).notice p{
	margin:0px;
	display:block;
	position:absolute;
	font-size: 12px;
	font-weight:bold;	
	width:47%;
	height:47%;	
	text-align:center;
	color:#ffffff;	
	line-height:130%;	
	top:0px;
}
.svgIcon.review.notice p{
	line-height:115%;	
}
.svgIcon.palette{
	background: url(/images/palette.svg?new), none;
}
.pdfIcon{
	width:30px;
	background: url(/images/pdfSvg.png);
	background: url(/images/pdfSvg.svg), none;	
}
.wordIcon{
	width:30px;	
	background: url(/images/wordSvg.svg), none;	
}
.epsIcon{
	width:30px;	
	background: url(/images/epsSvg.svg), none;	
}
.aiIcon{
	width:30px;	
	background: url(/images/illustratorSvg.svg), none;	
}
.gDocIcon{
	width:30px;	
	background: url(/images/googleDocs.svg), none;	
	background-size:75%;
	background-repeat:no-repeat;
}
.toolBarIcon{
	background: url(/images/fallback/toolIcons.png?rev=2.1);
	background: url(/images/toolIcons.svg), none;		
	background-size:1500% 300%;
}
.blueStar{
	background: url(/images/star.svg);
	background-size:100% 100%;
}
.basket{	
	background-position: 0% 0%;
}
.basket.notice{	
	background-position: 0% -200%;
}
.connect{	
	background-position: -100% 0%;	
}
.connect.notice{	
	background-position: -100% -100% !important;	
}
.connect.notice:not(.multiple) p{
	display:none;
}
.connect.notice.multiple{	
	background-position: -100% -200% !important;
}
.share{
	background-position: -200% 0%;	
}
.account{
	background-position: -300% 0%;	
}
.account.notice{
	background-position: -300% -200%;	
}
.search{
	background-position: -400% 0%;	
}
.support{
	background-position: -500% 0%;	
}
.support.notice{
	background-position: -500% -200%;	
}
.dealers{
	background-position: -600% 0%;	
}
.email{	
	background-position: -700% 0%;		
}
.closeMe{
	background-position: -800% 0%;	
}
.closeMe:hover{
	background-position-y:-200%;	
}
.plus{
	background-position: -800% 0%;	
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 
	-webkit-transform:rotate(45deg);
}
.minus{
	background-position: -900% 0%;	
}
.minus:hover{
	background-position-y:-200%;	
}
.rot90{
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); 
	-webkit-transform:rotate(90deg);	
}
.mobileNav{	
	background-position: -1000% 0%;	
}
.updateSettings{	
	background-position: -1000% 0%;		
}
.details{	
	background-position: -1000% 0%;		
}
.sweetener{	
	background-position: -1000% 0%;	
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); 
	-webkit-transform:rotate(90deg);	
}
.help{	
	background-position: -1100% 0%;		
}

.settings{	
	background-position: -1200% 0%;	
}
.arrowRight{	
	background-position: -1300% 0%;		
}
.arrowDown{
	background-position: -1300% 0%;		
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); 
	-webkit-transform:rotate(90deg);
}
.arrowUp{
	background-position: -1300% 0%;		
	transform:rotate(270deg);
	-ms-transform:rotate(270deg); 
	-webkit-transform:rotate(270deg);
}
.review{
	background-position: -1400% 0%;	
}
.review.notice{
	background-position: -1400% -200%;	
}
.socialIcon{
	background: url(/images/fallback/socialIcons.png);
	background: url(/images/socialIcons.svg?new), none;
	background-size:800% 200%;
	-moz-opacity: 0.10;
	opacity:.10;
	filter: alpha(opacity=10);	
}
.footer.static .socialIcon{
	opacity:.4;
}
.socialIcon:hover{	
	-moz-opacity: 1;
	opacity:1;
	filter: alpha(opacity=100);	
}
.footer.static .socialIcon:hover{
	background-position-y:0%;
	opacity:.2;
}
.twIcon{
	background-position: -100% 0%;
	
}
.ytIcon{
	background-position: -200% 0%;
	
}
.igIcon{
	background-position: -300% 0%;
	
}
.pIcon{
	background-position: -400% 0%;
	
}
.rssIcon{
	background-position: -500% 0%;	
}
.webIcon{
	background-position: -600% 0%;	
}
.itIcon{
	background-position: -700% 0%;	
}
.mobileIcon{
	width:32px;
	height:32px;
	background: url(/images/mobile.png);
}
.mobileIconSVG{
	width:24px;
	height:24px;
	background: url(/images/mobile.svg);
	margin-left:-5px;
}
.svgProductIcon{
	width:100px;
	height:100px;	
	background:#e5e5e5;
	background: url(/images/productIcons/mono/General.svg?), none;	
	background-position:0px 0px;
	background-size:100% 200% !important;		
	position:relative;
	display:inline-block;	
	-webkit-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}
.svgProductIcon.small{
	width:32px;
	height:32px;
	background-position:0px -100% !important;		
}
.svgProductIcon.large{
	width:200px;
	height:200px;
}
.socialIcon.large{
	width:100px;
	height:100px;
}
.socialIcon.row{
	display:inline-block;
}
.profLinks{
	padding:5px;
	width:auto;
	overflow:hidden;
}
.profLinks:hover{
	background:#e5e5e5;
}
.svgProductIcon.half{
	width:50%;
}
.svgProductIcon .circleProg{	
	display:none;
	/*-webkit-animation:spinProg 2s linear infinite;*/
	-webkit-animation-name: spinProg; 
  -webkit-animation-duration: 2s; 
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spinProg; 
  -moz-animation-duration: 2s; 
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  animation-name: spinProg; 
  animation-duration: 2s; 
  animation-iteration-count: infinite;
  animation-timing-function: linear;		
}
/* include this only once */
@-webkit-keyframes spinProg {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spinProg {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
/*
@-webkit-keyframes spin {
    from {-webkit-transform: scale( 1 ) rotate(0deg);}
    to {-webkit-transform: scale( 1 ) rotate(360deg);}
}

@-moz-keyframes spin {
    from {-moz-transform: scale( 1 ) rotate(0deg);}
    to {-moz-transform: scale( 1 ) rotate(360deg);}
}

@keyframes spin {
    from {transform: scale( 1 ) rotate(0deg);}
    to {transform: scale( 1 ) rotate(360deg);}
}
*/
.circleProg canvas{
	max-width: 100%;
  max-height: 100%;
}
.svgProductIcon.stroboPlusHD .circleProg, .svgProductIcon.stroboPlusHDC .circleProg{
	width:60%;
	height:60%;	
	margin-top:10%;
	margin-left:19.9%;
	z-index:-20;		
}
.svgProductIcon.stompClassic .circleProg{
	width:34%;
	height:34%;	
	margin-top:21%;
	margin-left:33%;		
}
.svgProductIcon.stroboClipHD .circleProg{
	width:28%;
	height:28%;
	position:absolute;	
	margin-top:10.5%;
	margin-left:52%;		
}
.svgProductIcon.stroboClipHDC .circleProg{
	width:28%;
	height:28%;
	position:absolute;	
	margin-top:12.5%;
	margin-left:47%;		
}
.svgProductIcon.stroboStompHD .circleProg{
	width:38%;
	height:38%;
	position:absolute;	
	margin-top:17%;
	margin-left:31%;		
}
.svgProductIcon.stroboVUE .circleProg{
	width:50%;
	height:50%;
	position:absolute;	
	margin-top:24%;
	margin-left:25%;		
}
.svgProductIcon.stroboStompLE .circleProg{
	width:35%;
	height:35%;
	position:absolute;	
	margin-top:18%;
	margin-left:33%;		
}
.svgProductIcon.stroboStompMini .circleProg{
	width:32%;
	height:32%;
	position:absolute;	
	margin-top:22%;
	margin-left:34%;		
}
.svgProductIcon.firmware .circleProg, .svgProductIcon.config .circleProg, .svgProductIcon.met .circleProg{
	display:block;
}
.svgProductIcon.stroboPlusHD{
	background: url(/images/productIcons/plus-80.png);
	background: url(/images/productIcons/mono/StroboPLUS.svg), none;	
}
.productBox .svgProductIcon.stroboPlusHD{
	margin:0px -8px;	
}
.svgProductIcon.stroboPlusHD.met{
	background: url(/images/productIcons/plusMet-80.png);
	background: url(/images/productIcons/mono/StroboPLUS_Met.svg), none;
}
.svgProductIcon.stroboPlusHD.config{
	background: url(/images/productIcons/plusC-80.png);
	background: url(/images/productIcons/mono/StroboPLUS_Config.svg), none;
}
.svgProductIcon.stroboPlusHD.firmware{
	background: url(/images/productIcons/plusU-80.png);
	background: url(/images/productIcons/mono/StroboPLUS_Firmware.svg), none;	
}
.svgProductIcon.stroboClip{	
	background: url(/images/productIcons/mono/StroboClip.svg), none;	
}
.svgProductIcon.stroboClipHD{	
	background: url(/images/productIcons/mono/StroboClipHD.svg), none;	
}
.svgProductIcon.stroboClipHD.firmware{	
	background: url(/images/productIcons/mono/StroboClipHD_Firmware.svg), none;	
}
.svgProductIcon.stroboClipHD.config{	
	background: url(/images/productIcons/mono/StroboClipHD_Config.svg), none;	
}
/* need to fix */
.svgProductIcon.stroboClipHDC{	
	background: url(/images/productIcons/mono/StroboClipHDC.svg), none;	
}
.svgProductIcon.stroboClipHDCV{	
	background: url(/images/productIcons/mono/StroboClipHDC-V.svg), none;	
}
.svgProductIcon.stroboClipHDC.firmware{	
	background: url(/images/productIcons/mono/StroboClipHDC_Firmware.svg), none;	
}
.svgProductIcon.stroboClipHDC.config{	
	background: url(/images/productIcons/mono/StroboClipHDC_Config.svg), none;	
}
/* need to fix */
.svgProductIcon.stroboStompHD{	
	background: url(/images/productIcons/mono/StroboStompHD.svg), none;	
}
.svgProductIcon.stroboStompHD.firmware{	
	background: url(/images/productIcons/mono/StroboStompHD_Firmware.svg?v=1), none;	
}
.svgProductIcon.stroboStompHD.config{	
	background: url(/images/productIcons/mono/StroboStompHD_Config.svg?v=1), none;	
}
.svgProductIcon.stroboStompLE{	
	background: url(/images/productIcons/mono/StroboStompLE.svg?v=3), none;	
}
.svgProductIcon.stroboStompLE.firmware{	
	background: url(/images/productIcons/mono/StroboStompLE_Firmware.svg?v=3), none;	
}
.svgProductIcon.stroboStompLE.config{	
	background: url(/images/productIcons/mono/StroboStompLE_Config.svg?v=3), none;	
}
.svgProductIcon.stroboStompMini{	
	background: url(/images/productIcons/mono/StroboStompMini.svg), none;	
}
.svgProductIcon.stroboStompMini.firmware{	
	background: url(/images/productIcons/mono/StroboStompMini_Firmware.svg), none;	
}
.svgProductIcon.stroboStompMini.config{	
	background: url(/images/productIcons/mono/StroboStompMini_Config.svg), none;	
}
.svgProductIcon.stroboVUE{	
	background: url(/images/productIcons/mono/StroboVUE.svg), none;	
}
.svgProductIcon.stroboVUE.firmware{	
	background: url(/images/productIcons/mono/StroboVUE_Firmware.svg), none;	
}
.svgProductIcon.stroboVUE.config{	
	background: url(/images/productIcons/mono/StroboVUE_Config.svg), none;	
}
.svgProductIcon.stompClassic{	
	background: url(/images/productIcons/mono/stompClassic.svg), none;	
}
.productBox .svgProductIcon.stompClassic{
	margin:0px -20px;
}
.svgProductIcon.stompClassic.firmware{	
	background: url(/images/productIcons/mono/stompClassic_Firmware.svg), none;
}
.svgProductIcon.stompClassic.config{	
	background: url(/images/productIcons/mono/stompClassic_Config.svg), none;
}
.svgProductIcon.stroboPlusHDC{	
	background: url(/images/productIcons/mono/StroboPLUSHDC.svg), none;	
}
.svgProductIcon.stroboPlusHDC.firmware{	
	background: url(/images/productIcons/mono/stroboPLUSHDC_Firmware.svg?v=1.1), none;	
}
.svgProductIcon.stroboPlusHDC.config{	
	background: url(/images/productIcons/mono/stroboPLUSHDC_Config.svg?v=1.1), none;	
}
.svgProductIcon.stroboPlusHDC.met{	
	background: url(/images/productIcons/mono/stroboPLUSHDC_Met.svg), none;
}

.svgProductIcon.stroboPlusHDC.color.firmware{	
	background: url(/images/productIcons/mono/stroboPLUSHDC_Firmware_color.svg?v=1.1), none;	
}
.svgProductIcon.stroboPlusHDC.color.config{	
	background: url(/images/productIcons/mono/stroboPLUSHDC_Config_color.svg?v=1.1), none;	
}

.svgProductIcon.bodyBeatSync{	
	background: url(/images/productIcons/mono/bodyBeatSync.svg), none;
}
.productBox .svgProductIcon.bodyBeatSync{
	margin:-16px 0px;	
}
.svgProductIcon.stroboRack{	
	background: url(/images/productIcons/mono/StroboRack.svg), none;
}
.productBox .svgProductIcon.stroboRack{
	margin:-30px 0px;		
}
.svgProductIcon.stroboSoft{	
	background: url(/images/productIcons/mono/StroboSoft.svg), none;
}
.productBox .svgProductIcon.stroboSoft{
	margin:-20px 0px;		
}
.svgProductIcon.autoStrobe490, .svgProductIcon.autoStrobe490st, .svgProductIcon.autoStrobe590{	
	background: url(/images/productIcons/mono/AutoStrobe.svg), none;
}
.productBox .svgProductIcon.autoStrobe490, .productBox .svgProductIcon.autoStrobe490st, .productBox .svgProductIcon.autoStrobe590{	
	margin:-30px 0px;
}
.svgProductIcon.sc5000{	
	background: url(/images/productIcons/mono/sc5000.svg), none;
}
.productBox .svgProductIcon.sc5000{	
	margin:-30px 0px;
}
.svgProductIcon.node8001{	
	background: url(/images/productIcons/mono/node8001.svg), none;
}
.svgProductIcon.iStroboSoft{	
	background: url(/images/productIcons/mono/istrobosoft.svg), none;
}
.svgProductIcon.strobeAndroid{	
	background: url(/images/productIcons/mono/istrobosoft.svg), none;
}
.svgProductIcon.stroboStomp{	
	background: url(/images/productIcons/mono/stroboStomp.svg), none;
}
.svgProductIcon.stroboStomp2{	
	background: url(/images/productIcons/mono/stroboStomp.svg), none;
}
.svgProductIcon.stroboFlip{	
	background: url(/images/productIcons/mono/stroboFlip.svg), none;
}
.svgProductIcon.vsam{	
	background: url(/images/productIcons/mono/vSam.svg), none;
}
.svgProductIcon.vs1{	
	background: url(/images/productIcons/mono/vS2.svg), none;
}
.svgProductIcon.vs2{	
	background: url(/images/productIcons/mono/vS2.svg), none;
}
.svgProductIcon.m450{	
	background: url(/images/productIcons/mono/m450.svg), none;
}
.svgProductIcon.bodybeatPulse{	
	background: url(/images/productIcons/mono/bodyBeatPulse.svg), none;
}


/*login stuff*/

.fullLogin .loggedIn h3 div{
	font-weight:normal;
	font-size:16px;	
}
.fullLogin .loggedIn{
	overflow:hidden;
	width:100%;
}
.fullLogin .loggedIn h3{
	margin-bottom:0px;
	margin-top:5px;
}
.fullLogin .loggedIn >*{
	display:inline-block;
	vertical-align:bottom;
	margin-right:8px;
}
.fullLogin .notInFullLogin{
	display:none;
}
.toolBarTipContent .onlyInFullLogin{
	display:none;
}
.login > *{
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}
.login .sendPass{
	cursor:pointer;
	display:block;
	margin:5px 0px;
	font-size:14px;
}
.login .breaker{
	display:block;
}
.login input{	
	margin:8px 0px;
	width:200px;
}
.message{
	display:none;
	margin:8px 0px;
}
.accountRegisterForm input{
	margin:8px 0px;
	//width:200px;
}
.accountRegisterForm .newsCheck *{
	display:inline-block;
	margin-right:5px;
	vertical-align:middle;
}
.accountRegisterForm .newsCheck{
	font-size:14px;
}
.accountRegisterForm button{	
	margin:8px 0px;
	margin-right:8px;
}

.quickDeskItem{
	cursor:pointer;
	margin:5px 0px;	
}
.quickDeskItem .info > *{
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}
.quickDeskItem .info .tDate{
	font-size:12px;
}
.toolBarTipContent .quickDeskItem .info .cName{
	display:none;
}
.quickDeskItem div, .quickDeskItem a{
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}
.quickDeskItem .svgIcon, .quickDeskItem .svgProductIcon {
	height:28px;
	width:28px;
}
.quickDeskItem .notice p{
	font-size:11px !important;
	top:0px !important;
}
.toolBarTipContent .quickDeskItem:hover a{
	color:#ffffff;
}
.connectProdSelect .productBox .actions{
	display:none;
}
.prodBoxList .productBox{
	margin-right:10px;
	margin-bottom:10px;	
	padding:5px;
	display:inline-block;
	vertical-align:bottom;
	cursor:pointer;	
}
.regThisProd .productBox{
	vertical-align:middle;
}	
.prodBoxList .productBox:hover{
	background:#f0f0f0;
}
.connectProdSelect .productBox{
	cursor:pointer;
}
.connectProdSelect .productBox:hover{
	background:#f0f0f0;
}
.productBox{		
	position:relative;
	font-size:14px;		
}
.productBox .waitCover{
	display:none;		
	position:absolute;
	width:100%;
	height:100%;
	background-color:#e5e5e5;	
	left:0px;
	top:0px;
	-webkit-opacity: .4;
  -moz-opacity: .4;
  opacity: .4;
}
.productBox.waiting .waitCover{
	display:block;
}
*:not('.toolBarTipContent') .productBox:hover{
	background:#f0f0f0;
}
.productBox .actions{
	margin-top:8px;
	display:block;
}
.productBox .slideOpen{
	width:0px;
	opacity:0;
	height:36px;
	overflow:hidden;
	transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
}
.productBox:hover .slideOpen{
	width:100%;
	opacity:1;
}
.productBox .actions > *, .gm-style-iw .actions > *{
	display:inline-block;
	vertical-align:middle;
	margin-right:3px;
	width:28px;
	height:28px;	
}
.productBox .productInfo, .productBox .svgProductIcon, .productBox .prodStoreImage{	
	display:inline-block;
	vertical-align:middle;
}
.productBox .productInfo{
	position:relative;
	margin-left:8px;
	text-transform: capitalize;
}
.productBox .prodStoreImage{	
	width:100px;
	height:100px;
}	
.productBox.minimal .prodStoreImage{	
	width:60px;
	height:60px;
}	
.productBox .prodStoreImage img{	
	height:100%;
}	
.productInfo .pU{
	font-size:11px;
}
.productBox:hover .svgProductIcon{
	opacity:1;
}
.productBox .isConnected{
	max-height:0px;
	overflow:hidden;
	color:#027aea;
	transition:max-height .3s linear;	
	-moz-transition:max-height .3s linear;	
	-webkit-transition:max-height .3s linear;	
}
.productBox.connected .isConnected, .quickConnect .isConnected{
	max-height:100px;	
}
.productBox > .toolBarIcon{
	visibility:hidden;	
	-webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
	position:absolute;
	left:0px;
	top:-5px;		
	transition:visibility 0s linear .3s, opacity .3s linear;	
	-moz-transition:visibility 0s linear .3s, opacity .3s linear;	
	-webkit-transition:visibility 0s linear .3s, opacity .3s linear;
}
.firmwareInstallButton{
	visibility:hidden;
	-webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  transition:visibility 0s linear .3s, opacity .3s linear;	
	-moz-transition:visibility 0s linear .3s, opacity .3s linear;	
	-webkit-transition:visibility 0s linear .3s, opacity .3s linear;		
}
.firmwareInstallButton:after{
	content: "Install Now";
}
.firmwareInstallButton.installed{
	background:#333333 !important;
	border:none;
}
.firmwareInstallButton.installed:after{
	content: "Installed";
}
.productBox.connected .toolBarIcon.connect, .firmwareInstallButton.connected{
	visibility:visible;
	-webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;	
  transition:visibility 0s linear, opacity .3s linear;	
	-moz-transition:visibility 0s linear, opacity .3s linear;	
	-webkit-transition:visibility 0s linear, opacity .3s linear;	  
}

.maybeReg .productBox:hover{	
	background:#f2f2f2;
}
.replyGhost{
	display:none;
	height:15px;
}

.spec{
	display:inline-block;
	min-width:32%;
	margin-right:10px;
}
.storeItemDetails .spec{
	display:block;
}

.headRoomSpacer + .conententSection{
	margin-top:0px;
}
.btnBox{	
	display:inline-block;
	vertical-align:middle;
}
.connected .btnBox{
	width:100%;
}
.btnBox .btnBoxItem{
	display:block;
	padding:5px;
	padding-bottom:0px;
	padding-left:0px;
	font-size:16px;
	cursor:pointer;	
	white-space: nowrap;
}
.btnBox .btnBoxItem:hover{
	color:#027aea;	
}
.btnBox .btnBoxItem .svgIcon{
	width:28px;
	height:28px;
}
.btnBox .btnBoxItem p{
	margin:0px;
}
.btnBox .btnBoxItem > *{
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}
.linkArea{
	width:232px;
	max-width:232px;
	margin:10px 0px;
	padding:8px;	
	height:100px;
}
.updateUI{
	font-size:14px;
}
.tuningUpdate{
	margin-bottom:20px;
	clear:both;	
	overflow:hidden;
}
.updateUI .optOutCheck{
	float:right;	
}
.updateUI .optOutCheck *{
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
}
.updateUI ul{
	margin:5px;	
	padding-left:20px;
}
.updateUI > ul{
		margin-bottom:20px;
}
.tuningUpdate button{
	float:right;	
}
.circleIcon{
	background: #d4d4d4;
	-moz-border-radius: 16px;
	-khtml-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	cursor:pointer;
	text-align: center;	
}
.circle32{
	width:32px;
	height:32px;	
	line-height: 32px;
}
.circle28{
	width:26px;
	height:26px;	
	line-height: 26px;
	font-size:14px;
}
.circleIcon.red{
	background:#ff3b30 !important;	
	color:#ffffff;
}
.modalUI .concertA{
	display:none;
}
.modalUI.includeConcertA .concertA{
	display:block;
}

.freqOutput{
	display:block;
	clear:both;
} 
/* modal UI */

.modalUI{
	overflow:hidden;
	display:none;
	-webkit-touch-callout: none;
	-webkit-user-select: none; /* Webkit */
	-moz-user-select: none;    /* Firefox */
	-ms-user-select: none;     /* IE 10  */
}
.alertMessage .modalUI{
	display:block;
}
.modalUI > div{	
	position:relative;
	overflow:hidden;		
}
.modalUI h3{
	text-align:left;
	float:left;	
	margin-top:16px;
	margin-bottom:8px;	
	cursor:default;
}
.modalUI .displayVal{
	float:right;
}
.modalUI > .attUI{
	clear:both;
}
.modalUI > .attUI div{
	display:block;
	clear:both;
	position:relative;
	height:32px;
}
.modalUI > .attUI.smallText h3{
	margin-top:5px;
	margin-bottom:2px;
	font-size:14px;
	font-weight:normal;
}
.modalUI > .attUI div div{
	position:absolute;
}
.modalUI > .attUI .plus{
	right:0px;
	top:-1px;
}
.modalUI .minus:hover, .offset .minus:hover{
	background-position-y:-32px;
}
.dataSlide{
	height:4px !important;	
	background: #d4d4d4;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	top:14px;
	left:42px;
	right:46px;
}
.dataSlide.vertical{
	width:4px !important;	
	height:auto !important;	
	top:26px;
	bottom:48px;
	left:0px;
	right:0px;
	position:absolute;
	margin:0px auto;
	transition: all .2s linear;
  -moz-transition: all .2s linear;
  -webkit-transition: all .2s linear;	
  transition-delay:0s;
}
.dataSlide span{	
	background: #027aea;	
	width:24px !important;
	height:24px !important;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	margin-top:-6px;	
	cursor:pointer !important;	
}
.growler{
	overflow:hidden;
	clear:both;
	display:block; 	
	background:rgba(50,50,50,.96);
	position:relative;
	left:0px;
	right:0px;
	top:0px;
	color:#ffffff;
	margin-bottom:1px;	
}
.growler.global{
	//background:rgba(255, 165, 0, 0.9);		
	//background:rgba(0, 210, 72, 0.97);
	background: -moz-linear-gradient(left, rgba(0,210,72,0.97) 0%, rgba(143,196,0,0.97) 100%);
	background: -webkit-linear-gradient(left, rgba(0,210,72,0.97) 0%,rgba(143,196,0,0.97) 100%);
	background: linear-gradient(to right, rgba(0,210,72,0.97) 0%,rgba(143,196,0,0.97) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f700d248', endColorstr='#f78fc400',GradientType=1 );	
}
.growler, .growler .mess a{
	color:#ffffff !important;
}
.growler.global .mess{
	padding:20px;
}
.growlSpacer{
	height:54px;
	clear:both;
	display:block;	
	position:relative;
	left:0px;
	right:0px;
	top:0px;	
}
.growler .mess{
	padding:40px;	
	text-align:center;
}
.growler .closeMe{
	position:absolute;
	top:10px;
	right:10px;
}
.growler .btns{
	overflow:hidden;	
	float:right;
}
.growler button{
	margin:10px;	
	margin-top:0px;
	display:inline-block;
	margin-left:5px;
}
.warning{
	color:#ff0000;
}
.messenger{
	display:none;
}
.mobileProdNav{
	width:246px;	
	height:100%;
	background:#027aea;		
	margin-right:2px;
	margin-bottom:2px;
	cursor:default;	
	color:#ffffff;	
	position:relative;
	padding:15px;
	text-transform:uppercase;
	display:none;
}
.mobileProdNav .svgIcon{
	position:absolute;
	top:10px;
	right:10px;
}
.mobileProdNav p, .mobileProdNav h3{
	margin:6px 0px;
}
.mobileProdNav h3{
	font-size:24px;
}
.mobileProdNav p{		
	cursor:pointer;
	font-size:20px;
}
.optUI .opt{
	margin-top:10px;
	padding:0px 5px;
}
.optUI > div > * {
	display:inline-block;
	vertical-align:top;
	margin-right:10px;	
	max-width:300px;
	cursor:pointer;
}
 .cU .contactUs{
	display:none;
}
.ofInfo{
	display:none;
	padding:5px;
	padding-top:10px;
	font-size:11px;
	text-align:center;
}
.ofInfo p{
	display:inline-block;
	padding-right:5px;
}
.officeHours{
	text-align:center;
	font-size:18px;
}
.cuPhone a{
	font-weight:bold;
	color:#d5d5d5;
	padding:5px;
	font-size:22px;
}
.cuComment{
	font-size:14px;
}
.officeHours.open .cuPhone a{
	color:#00b119;
}
.officeHours .cunEvent{
	color:#00b119;
}
.officeHours.open .cunEvent{
	color:#880000;
}
.emailContact{
	margin-top:10px;
}
.emailContact input{
	margin:4px 0px !important;
}
.emailContact p{
	text-align:center;
	font-weight:bold;
}

.emailContact .helpMessage{
	width:100%;
	max-width:100%;
	padding:5px;
	height:110px;
	max-height:110px;
	margin:5px 0px;
	box-sizing: border-box;
}
.cunEvent{
	font-size:14px;
}
.fb-like{			
		/*margin-top:10px;*/
		z-index:125;
		height:25px;
	}
	.dataDiv{
		display:none;
	}
.halfCont{
	width:624px;
	display:inline-block;
	margin:0px !important;	
}
.halfCont .contentSlider{	
	margin:0px !important;	
}
.halfCont:nth-of-type(odd){
	margin-right:8px !important;	
	margin-bottom:8px !important;
}
.appStore{	
	height:38px;	
}
.ui-datepicker {
    width: 216px;
    height: auto;
    margin: 5px auto 0;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    background-color: #FFF;
}

.askForLogin > div, .showLogin > div{
	margin: 10px 0px;
}
.showLogin {
	display:none;
}
.showLogin #Your_Account{
	display:none;
}
.schedMessage{
	padding:10px;
	padding-right:30px;
	background-color:#eeeeee;
	border:1px solid #ff0000;
	margin-bottom:10px;
	position:relative;
}
.schedMessage .closeMe{
	position:absolute;
	right:5px;
	top:5px;
}
.policies{
	margin-top:10px;
}
.policies div{
	display:inline-block;
	width:33%;	
	text-align:center;	
}
.controlBar > div{
	padding:5px;
	padding-left:0px;
	display:inline-block;
	margin-right:5px;
	vertical-align:middle;
	cursor:pointer;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.controlBar > div:hover{
	background:#eaeaea;
}

.controlBar > div *{
	display:inline-block;
	margin-right:2px;
	vertical-align:middle;
}

.guestCheckBtn > div{
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
}
.guestCheckBtn .gcb{
	width:220px;
}
.ppCheckBtn, .guestCheckBtn, .amazonLogin{
	margin:10px 0px;
} 
.guestCheckBtn{	
	height:40px;
	overflow: hidden;
} 
.inlineButtons > *{
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
	margin-bottom:5px;
}
.smallProdTable{
	display:table;
	width:100%;
	max-width:320px;
}
.smallProdList{
	display:table-row;	
	cursor:pointer;			
}
.smallProdList .learnMore{
	width:26px;
	height:26px;
}
.smallProdList:hover{
	background:#f0f0f0;
}
.smallProdList > div{
	display:table-cell;
	vertical-align:middle;	
	padding:3px;	
}
.smallProdList a{
	display:none;
}
.playThisBtn{
	width:auto;
	display:inline-block;	
}
.playThisBtn .svgIcon.tick{	
	width:0px;
	height:18px;
	margin-left:5px;
	transition: width .15s ease-in-out;
  -moz-transition: width .15s ease-in-out;
  -webkit-transition: width .15s ease-in-out;
}
.playThisBtn.iPlay .svgIcon.tick{
	display:inline-block;
	width:18px;	
}
.playThisBtn.small{
	padding:5px !important;
	font-size:12px;
}
.playThisBtn.small.iPlay .svgIcon.tick{	
	width:12px;	
}

.custBInfo{
	margin-top:10px;
	margin-left:35px;
	padding:5px;
	font-size:14px;
	text-transform:capitalize;
	background:#ecf1f6;
}
.custBInfo > div{
	margin-top:3px;
}
.stickyHelp{
	padding:10px;
	color:#ffffff;
	background-color:#027aea;
	position:fixed;
	bottom:0px;
	right:0px;
	font-size:18px;
	cursor:pointer;
	margin-bottom:0px !important;
	-moz-border-radius: 10px 0px 0px 0px;
	-khtml-border-radius: 10px 0px 0px 0px;
	-webkit-border-radius: 10px 0px 0px 0px;
}
.facebookLoginBtn{
	background: #8b9dc3; /* Old browsers */
	background: -moz-linear-gradient(top,  #8b9dc3 0%, #3b5998 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #8b9dc3 0%,#3b5998 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #8b9dc3 0%,#3b5998 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b9dc3', endColorstr='#3b5998',GradientType=0 ); /* IE6-9 */
	max-width:250px;
	color:#ffffff;
	border:1px solid #ffffff;
	//display:none;
}
.facebookLoginBtn:hover{
	background: #dfe3ee;
}
.facebookLoginBtn .fbLoginLogo{	
	height:20px;
	width:75px;
	margin-left:10px;
	background-image: url(/images/facebook.svg),none;
	background-size:75px 20px;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	position:relative;	
	top:-2px;
}
.cLogout.fb{
	height:36px;
}
.cLogout.fb div{
	height:20px;
	background-image: url(/images/facebook_f.svg),none;	
	width:20px;
	margin-left:5px;
	background-size:20px 20px;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	position:relative;	
	top:-2px;
}
.prodsUsed > div {	
	float:none;
	display:inline-block;
	vertical-align:middle;
}
.prodsUsed .productBox{
	border-right: 1px solid;
  border-bottom: 1px solid;
  border-color: #d5d5d5;
  padding:8px;
  height:278px;
  width:178px;
  box-sizing: border-box;
}
.prodsUsed .productBox > div:not(.waitCover){
	display:block;
	margin:auto;
}
.prodsUsed .productBox .svgProductIcon{
	height:130px;
	width:130px;
	margin-top:20px !important;
}
#siteHead .noImage{
	/*width:1278px;*/
	height:600px;
	background:#e5e5e5;
}
.audioPlay:after{
	content:'Play Tone';
}
.audioPlay.playing:after{
	content:'Stop Tone';
}
.emailBar{
	background:#cde7ff;
	position:relative;
	padding:28px 0px !important;
	//border:3px solid #027aea;
	box-sizing: border-box;
}
.myAlert .emailBar{
	background:none;
}
.emailBar > *{
	verical-align:middle;
}
.emailBar .svgIcon{
	margin:0px;
	position:absolute;
	left:20px;
	top:10px;
}
.emailBar button{
	position:absolute;
	right:20px;
	top:24px;
}
.emailBar input{
	width:100% !important;
	margin:0px !important;
}
.emailBar .inputWrap{
	width:100%;
	margin:0px;
	padding-left:100px;
	padding-right:140px;
	box-sizing:border-box;	
}
.emailBar .inputWrap p{
	line-height:28px;
	overflow: hidden;
	white-space: nowrap;
}
.emailBar:not(.subscribed) .unsub{
	display:none;
}
.emailBar.subscribed .sub{
	display:none;
}
.popUpEmailBar{
	
}
.growler img{
	width:100px;
	position:absolute;
	left:20px;
	bottom:20px;
}
.miniGCont{
	position:fixed;
	bottom:20px;
	left:20px;
	z-index:5;
}
.miniGrowler{	
	background:rgba(0,0,0,0.8);
	color:#ffffff;
	padding:10px;
	margin:5px;
	display:block;	
}
.miniGrowler.sticky{	
	background:rgba(0,0,0,0.5);
}
.svgIcon.checkMark{	
	background-image: url(/images/tick.svg),none;
	background-repeat: no-repeat;
	background-position: 98% 50%;
	width:30px;
	height:30px;	
	transition: background-image .15s ease-in-out;
  -moz-transition: background-image .15s ease-in-out;
  -webkit-transition: background-image .15s ease-in-out;
}
.photoUploadBtn{
	position:absolute;
	top:-35px;
	padding:6px;
	cursor:pointer;
	background: rgba(230,230,230,0.9);
	border-radius: 0px 10px 0px 0px;
}
.photoUpIcon{
	background: url(/images/imageUpload.svg);
	width:24px;
	height:24px;
	cursor:pointer;
}
.devSetting{
	display:block !important;
	margin-top:10px;
}
.devSetting > *{
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;	
}


/* The switch - the box around the slider */

.toggleControl > div > div{
	height:26px;
}

.uiToggle, .cmsToggle {
  position: relative;
  display: inline-block;
  width: 53px !important;
  height: 26px;
}

.cmsToggle { 
  width: 60px !important;
  height: 34px !important;
}
.smallToggle {
	width:48px !important;
	height: 24px !important;
}
/* Hide default HTML checkbox */
.cmsToggle input, .uiToggle input {display:none !important;}

	.connectToggle .uiToggle{
		height:18px;
		width:36px !important;
	}
	.connectToggle .toggler.round::before {
		height:14px;
		width:14px;
		left:3px;
		bottom:2px;
	}
	.connectToggle input:checked + .toggler::before {
    transform: translateX(16px);
	}

/* The slider */
.cmsToggle .toggler, .uiToggle .toggler {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.cmsToggle .toggler:before, .uiToggle .toggler:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.cmsToggle .toggler:before {
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 3px; 
}

input:checked + .toggler {
  background-color: #027aea;
}

input:focus + .toggler {
  box-shadow: 0 0 1px #027aea;
}

input:checked + .toggler:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.toggler.round {
  border-radius: 34px;
}
.toggler.round:before {
  border-radius: 50%;
}
.cmsToggle .toggler.round {
  border-radius: 34px;
}


@media print {
    header, .footer, .login, .noPrint{
        display: none !important;
    }
    .mainContent{
    	padding-top:0px !important;
    }   
    .hdReply{
    	font-size:14px;
    }
}

.emailModule{
	background:#ffffff;
	position:relative;
	display:none;
  vertical-align: middle;
  position: relative;
  left: 50%;
  margin-left: -380px;
  -moz-box-shadow: 0px 5px 20px -5px #000000;
  -webkit-box-shadow: 5px 20px -5px #000000;
  box-shadow: 0px 5px 20px -5px #000000;
  pointer-events: auto !important;
  cursor:pointer;
  z-index:20000
 
}
.emailModule .emLogo{
	background: url(/images/footerLogo.svg),none;
	background-position: center; 
  background-repeat: no-repeat;
  width:100%;
  height:50px;
  opacity:0.7;
  margin-top:50px;
}
.emTitle, .emSubTitle, .emDesc{
	text-align:center;
	width:100%;
	margin-top:30px;
	white-space:normal;
	padding: 0px 30px;
	box-sizing: border-box;
}
.emTitle{
	font-size:40px;
}
.emTitle .svgIcon{
  margin: 0px auto;
  height: 50px;
  width: 50px;
}
.emSubTitle{
	margin-top:10px;
	text-transform:uppercase;
}
.emDesc{
	padding: 0px 50px;
	line-height:30px;
}
.emailModule .emBody{
	height:500px;	
	white-space:nowrap;
}
.emailModule .emDisc{
	display:none;
	padding:16px;
	font-size:12px;
	max-width:760px;
}
.emailModule .emImage, .emailModule .emText{
	width:380px;
	height:500px;
	display:inline-block;
	vertical-align:middle;
	position:relative;
}

.emailModule .emFooter{
	width:380px;
	height:120px;
	position:absolute;
	bottom:0px;	
	text-align:center;
}
.emailModule .emEntry{
	width:auto;
	margin: 0px auto;
	display:inline-block;
}
.emailModule .emEntry *{
	display:inline-block;
	vertical-align:middle;	
}
.emailModule input{
	margin:0px !important;
	border-right:0px !important;
	height:34px !important;
}
.emailModule button{
	font-weight:normal;
	border-radius:0px;
}
.emDesc.rest{
	font-style:italic;
	font-size:12px;
}
.emDesc.rest:after{
	content:'Show Details';
	text-decoration:underline;
}
.emDesc.rest.visible:after{
	content:'Hide Details';
	text-decoration:underline;
}
.emailModule .thanks{
	display:none;
}
.emailModule input{
	margin:0px;
	padding:0px;
	margin-top:20px;
}
.emailModule .closeMe{
	position:absolute;
	top:5px;
	right:5px;
}
.inlineMiddle, .inlineChildren > div, .inlineMiddle > div{
	display:inline-block;
	vertical-align:middle;
}
.vertPad10{
	padding:10px 0px;
}
.varAlertCircle{
	background:#ff3b30;
	color:#ffffff;
	font-size:11px;
	padding:0px 10px;
	line-height:18px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
	//min-width:18px;
	min-height:18px;
}
.toolBarTip .varAlertCircle span{
	display:none;
}
.toolBarTip .hd_waitingon{
	display:none;
}

.quickConfigUI .dir{
		margin-bottom:10px;
}
.quickConfigUI_sort {
	max-height: 50vh;
  overflow-y: auto;
}
.quickConfigUI_row{
	display: flex;
  align-items: center;
  height: 28px;
	padding-left:5px;
	background-color:#ffffff;
	font-size:14px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;	
	border:1px solid #ffffff;
	user-select: none;
}

.quickConfigUI_sort .quickConfigUI_row{
	cursor:ns-resize;
}
.quickConfigUI_row.ui-sortable-helper{
	border:1px solid;
}
.quickConfigUI_row *{
		display:inline-flex;
		align-items: center;
		height:100%;			
		margin:0px;
}
.quickConfigUI_row input, .quickConfig_color {
		cursor:pointer;
}
.quickConfig_color_parent {
		position:relative;
    width: 30px;    
    justify-content: center;    
}

.quickConfig_color{
	border:1px solid;
	width:12px;
	height:12px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	box-shadow: 0px 2px 3px 0px rgba( 0,0,0,0 );
	/*margin-right:5px;*/
	transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-webkit-transition: all 0.15s linear;	
}
/*
.quickConfig_color:after{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-top: 25px solid #6a0136;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
}
*/
.quickConfigUI_sort .quickConfigUI_row:hover {
	border: 1px solid rgba( 0,0,0,.3 );
}
.quickConfigUI_row:hover .quickConfig_color{
	width:18px;
	height:18px;	
	transform: translateY(-2px);
	box-shadow: 0px 8px 6px 0px rgba( 0,0,0,.2 );
}
.quickConfig .disabled_btn{
	pointer-events:none;
}
.quickConfig .alertMessage{
	overflow-y:initial;
}
.quickConfigUI_row.all_row{
	border-bottom: 1px solid #cccccc;
  background-color: #f0f0f0;
}
.myAlert .disabled_btn.up_firm{
	pointer-events:none !important;
	background-color: #e5e5e5 !important;
	border-top: 1px solid #d5d5d5 !important;
	color:#a5a5a5;	
}
.myAlert button{
	user-select: none; /* Standard syntax */	
}

.fui .ver_part input{
	width:50px !important;
	
}
.fui input[type=number]::-webkit-inner-spin-button,
.fui input[type=number]::-webkit-outer-spin-button {
   opacity: 1;
   -webkit-appearance: inner-spin-button !important;
   margin-right:0px;
}
.fui .ver_part{
	display:inline-flex;	
}
.fui textarea{
	width:90% !important;
	height:50px;
}
.warrName{
	font-size:12px; 
	color:#A0A0A0;
	cursor:pointer;		
}
.chooseHelpDeskProduct .warrName{
	pointer-events:none;
}