body {
    background-color: white !important; /* Red */
	
overflow-x:hidden; 

}


#popmessage {
		border-collapse: separate !important;
				z-index: 99999;
				position:fixed;
				 border-radius:10px;
				left:1%;
				top:40%;
				width:98%;
				min-width:300px; 
				height:auto;
				min-height: 55px;
				overflow: scroll;
				background-color:#FFFFFF;
		background:#e9ffd9 url('/images/success.png') no-repeat 10px 50%;
    border:1px solid #a6ca8a;
				color: #000000;
				background-color: #E9FFD9;
				/* To align popup window at the center of screen*/
				margin-top: -100px;
				
		 border-radius: 1px;
		  border-radius: 1px;
  box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.5);   
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
		 
			}
/* quick mini table*/
.headercolor{
	background-color : #333 !important;
}
/*quickorder table margins*/
.qminitable{
	
	vertical-align: left!important;
	margin-left: -8px;
	
}
.qminitablenew{
		vertical-align: left!important;
	margin-left: -8px;
}
/*product table margins*/
.pminitable{
	width: 380px !important;
	word-break: break-all;
	margin-left: -8px;
}
/*search table margins*/
.sminitable{
	width: 350px !important;
	/* word-break: break-all;*/
	margin-left: -8px;
}
/*larger mobile phones */
@media screen and (min-width: 396px) {
	.custommargin{
		margin-left: -15px !important;
		
	}
	.pageControl{
	/*fix white space on the small phone */
 margin-top: -38px !important; 	
	
}
	.movemargin{
		margin-left:8px;
	
		
	}
	/* for custom seal info page */
	.movemargininfo{
		
		
		
		
	}
	.tablemini{
		width: 90%; 
		height: 400px;
		
		color:white; 
		border-radius: 15px;
		
	}
		.shrinkmargin{
		
		margin-left: -10px;
	}
	.qminitable{
	width: 385px !important;
	}
	.qminitablenew{
	width: 385px !important;
margin-left: -40px;	
		
	}
	.inputForm3{
		 background-color:white;
		font-size: 17px !important;
	}
	.addpartsuccessbar{
	margin-left: -25px !important;
	height: 42px !important;
	
}
	.pageformat{
		margin-right:0px !important;
		margin-left: 15px !important;
		overflow:hidden; width: 99%;
		
	
		
	}
	.pageformatcheckout{
		margin-right:0px !important;
		margin-left: 15px !important;
		overflow:hidden; width: 99%;
		
	
		
	}
	.minibarblack{
		margin-left: -6px;
	}
}
/*smaller mobile phones */
@media screen and (max-width: 395px) {
		.custommargin{
		margin-left: 5px !important;
		
	}
	.pageControl{
	/*fix white space on the small phone */
 margin-top: -70px !important; 	
	
}
	.movemargin{
		margin-left: -75px !important;
		
		
	}
	/* for custom seal info page */
	.movemargininfo{
		margin-left: -25px !important;
		background-color:blue !important;
		color:red;
		
		font-size: 11px !important;
		color:red;
		width: 150px !important;
	}
		.tablemini{
		width: 90%; 
		height: 400px;
		color:white; 
		margin-left: -35px;
		border-radius: 15px;
		
	}
		.pageformat{
		margin-right:-20px !important;
		margin-left: 58px !important;		
		width:100% !important;
		vertical-align: center !important;
	
		}
	.pageformatcheckout{
		margin-top:-30px;
		margin-left: 8px !important;		
		width:93% !important;
		vertical-align: center !important;
	
		
	}
	.shrinkmargin{
		
		margin-left: -40px;
	}
	/*quick order margins*/
	.qminitable{
		margin-left: -78px;
	width: 355px !important;
	
	}
	.qminitablenew{
		margin-left: -113px;
	width: 350px !important;

	
	}
	/*products table margins */
.pminitable{
	width: 350px !important;
	/* word-break: break-all;*/
	margin-left: -18px;
}
/*search table margins*/
.sminitable{
	width: 350px !important;
	/* word-break: break-all;*/
	margin-left: -70px;
}
	.inputForm3mini{
		width: 100px !important;
		font-size: 16px !important;
	}
	.addpartsuccessbar{
	margin-left: -83px !important;
	
	
}
	.minibarblack{
		margin-left: -50px;
		width: 105%;
		
	}
}
.minibarblack{
	font-weight: bold;
	
	height: 25px;
	margin-top: -18px;
	background-color: black;
	text-align: middle !important;
	display: block !important;
	
}
/*class for display none */
.nodesc{
	
display: none;	
}
.minidropdown{
	font-size: 18px !important;
	height:65px !important;
	
}
.qdropsize{
	
	width: 310px !important;
}
.ui-widget-content{
	
	width: 310px !important;
}
/* top menu controls*/
.topmenu_sm{
	display:inline;

	
}
.topmenu_lrg{
	display: none !important;
	
	
}
.topads{
	background-color: white !important;
	width: 50%;
	margin: 5%;
}
/*controls with method of sigin is available based on medium or large size resolution*/
.signin-popup{
	
	displaY: none !important;
	
}
.sigin-nopop{
	display: block !important;
}
.popsign{
	
	display:none !important;
}
.search-format{
/* search bar*/

	width: 100%; 
	background-image:url(../images/search_input.png);
background-repeat:no-repeat;
background-position:6px;
border:1px solid #DADADA;

padding-left:35px;

height:40px;
font-size:14px;
/*
box-shadow:0 0 10px;
-webkit-box-shadow:0 0 10px;
/* For I.E 
-moz-box-shadow:0 0 10px;*/
/* For Mozilla Web Browser*/
border-radius:5px 0px 0px 5px;
-webkit-border-radius:5px 0px 0px 5px;
/* For I.E */
-moz-border-radius:5px 0px 0px 5px;
/* For Mozilla Web Browser*/

}
.searchbutton{
	
	height:40px;
	outline: none; 
	
	  border: none;
	background-color: #333333;
	color:white;
	padding: 0px 5px !important;
	/*box-shadow:0 0 1px;
-webkit-box-shadow:0 0 1px;
margin-top:.5px;
/* For I.E */
/*-moz-box-shadow:0 0 1px;
/* For Mozilla Web Browser*/
border-radius:0px 5px 5px 0px;
-webkit-border-radius:0px 5px 5px 0px;
/* For I.E */
-moz-border-radius:0px 5px 5px 0px;
}
/* Header*/
.color-top{
 background-color: white !important;
}
.menu {
    background-color: #5995DA;
    height: 80px;
	
}

.header {
    background-color: #B2D6FF;
    height: 5px;
	width: 100%;
}

.content {
    background-color: white;
	height: 100%;
    
}
/*block slider for mobile*/
.slider_lrg{
	display: none !important; 
	
	
}
.search_bar_lrg{
	
	/*lrg search bar only*/
	display: none !important;
	
}
/*lets banner sit on top */
.w3-top,.w3-bottom, .w3-top2{
	position:static !important;
	height: 55px;
	margin-top: -4px;


width:100%;z-index:9

}
/*home page banner*/

.message-banner{
	 height: 35px !important;
	width: 100%;
	font-size:12px;
	text-align: center;
	vertical-align: bottom !important;
	color: white;
	display: block;
    justify-content: center;
    align-items: flex-end;
	padding-bottom: 8px;
	white-space:nowrap;
	margin-top: -18px !important;
	background-color: #333333;
}
/*welcome page bar*/
.welcomebarmobile{
	width: 100%;
	height: 90px;
	background-color:#0066b3;
	font-size: 20px;
	text-align: middle;
	color: white !Important;
	padding: 5px;
	
	padding-top: 15px;
}
.welcomebarmobile2{
		width: 100%;
	height: 80px;
	background-color: #333333;
	font-size: 20px;
	text-align: middle !important;
	color: white !Important;
	padding: 5px;
	
	padding-top: 28px;
}
/* size on categorie images */
.welcomecatimages{
	
	width: 120px;
}

/*welcome page across links*/
.welcomelistmobile{
	width: 100%;
	height: 50px;
 border-top: 1px solid #dbdbdb;
vertical-align: left !important;
	font-size: 15px;
	padding-left: 15px !important;
	color: white !Important;
	padding: 5px;
	padding-top: 15px;
}
.formatlistmobile{
	padding-left: 30px !important;
	font-weight: bold;
	
}
/*change color on mobile */
.colorchange{
	background-color:#dbdbdb;
	font-size: 20px;
	padding: 15px;
	
}
/*shrink font on mobile */
.fontshrink{
	
	font-size: 20px;
}
.sizegrow{
	height: 485px !important;
	/* make grey area bigger on welcome for mobile */
}
/*welcome table categories  */
.mobiletable{
	
	text-align: center;
	
	 border-right: 1px solid #dbdbdb;

	
}
.mobiletable2{
	
	text-align: center;
	color: #666666;
	
}
.feature-1 {
    background-color: white;
	height: 1px;
}

.feature-2 {
    background-color: white;
	height: 1px;
}

.feature-3 {
    background-color: white;
	height: 1px;
}
/*footer */
.footer {
    background-color: #D6E9FE;
    height: 190px;
}

.footerlinks {
    background-color: #E8E8E8;
    width: 100%;
    align-items: left;
    align: left;
    justify-content: left;
    height: 100px;
    float:left;
}
.footerlinksright {
    background-color: #00ffff;
    width: 100%;
    align-items: left;
    align: left;
    justify-content: left;
    height: 100px;
    float:left;
}

.flex-container {
    display: flex;
    height: 40px;
    align-items: left;
 -webkit-overflow-scrolling: auto;
}

.flex-container > div {
    background-color: #f1f1f1;
    width: 100px;
    margin: 10px;
    text-align: center;
    line-height: 55px;
    font-size: 14px;
}
/* mobile screen controls and adjustments */
.smallnoshow{
display: none !important;
}
.smallnoshow2{
display: none !important;
}
.smallnoshow2a{
display: none !important;
}
.smallscreenshow{
display: block !important;
}
.smallscreenshow2{
display: inline!important;
}

.smallscreenshow2a{
display: table-cell!important;
}

.growdiv{
width: 80%!important;
margin: 6% !important;
}
.shrinkfont{
font-size: 20px;
}
.medscreenshow{
	display: none!important;
}
.inputForm2_login{
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
	      border-radius: 5px; /* CSS3 */
		  padding: 4px;
		font-size: 13px;
	font-family: verdana;
		  background-color: #e3ecf4;
   
	

   }
   .inputForm2_login input:focus{
box-shadow: 0 0 5px #43D1AF;
	padding: 3%;
	border: 1px solid #43D1AF;

   }
   
   /*for phone registration page */
   .inputForm3a{
	   width:100px;
	   background-color:white;
	   
   }
   .shrinkw{
	  width: 2% !important; 
   }
   /* hides seals by size on phone */
   .sealsbysizehide{
	   
	   display:none;
   }
   
   /* shrink qty input on small device*/
   
   .shrinkinput{
	   
	   size: 5;
	   width: 35px !important;
   } 
   .shrinkinputmim{
	   width: 195px !important;
   }


   /*larger font for phones*/
   .mobilefont{
	  font-size: 20px !important; 
	 
	   
   }
      .mobilefont2{
	  font-size: 15px !important; 
	 
	   
   }
   .cb24{

/* amount input */
width: 65px;

}	
   /*footer bottom sm */
   .bottomcolor{
	background-color:#232323 !important;
	height: 30px;
	width: 100%;
	
	color: #CCCCCC;
	text-align: left !important;
}


/* Welcome page on index */
.welcomeheight{
	font-size: 12px;
	color: #666666 !important;
	font-family: verdana, arial;
	 -webkit-overflow-scrolling: auto;
	 margin-top: -7%;
}

.welcomeheight div{
	color: #666666 !important;
	 -webkit-overflow-scrolling: auto;
}
.welcomeheight td tr{
	color: #666666 !important;
	
}

.loginclose{
	cursor: pointer;
	float: right;
	right: 3px;
	
}

/* search pages shrink */

.sealsbysizedim{
	
	
}
.viewdetailhide{
	display:none !important;
		
	}

/*Register page */
.register_form{
	display: inline-block; vertical-align: bottom !important; width: 98%; height: 25px;font-weight: bold;margin-top: 8px;
	
}
.inputForm2_register{
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
	      border-radius: 5px; /* CSS3 */
		  padding: 4px;
		font-size: 12px;
	font-family: verdana;
		  background-color: #e3ecf4;
    width: 200px;
	

   }
   
   .inputForm2_register input:focus{
box-shadow: 0 0 5px #43D1AF;
	padding: 3%;
	border: 1px solid #43D1AF;

   }
   .register_button{
	   margin-left: 50%;
	   background-color: black;
	   color:white;
   }
   
   /* Controls the large heading color boxes for the mobile phone */
.colorbox{
	background-color: #629ec9;
	color:white !important;
	height: 55px;
	position: absolute;
	left: 0px;
	padding: 10px;
	width: 100%;
	top: 180px;
	
	
}
.colorboxsbs{
	background-color: black !important;
	color:white !important;
	height: 55px;
	position: absolute;
	left: 0px;
	font-size: 19px !important;
	
	padding: 12px;
	width: 100%;
	
	text-align: center !important;
	
	
}
.selectswide{
	width: 98% !important;
	
}
.colorbox2{
	background-color: #333;
	color:white !important;
	height: 55px;
	position: absolute;
	left: 0px;
	font-size: 17px;
	
	padding: 12px;
	width: 100%;
	top: 600px;
	text-align: center;
	
	
}

/* colorbox3 is in the company pages because it requires specific colors*/

.colorbox4{
	background-color: #E8E8E8;
	color:black !important;
	height: 25px;
	position: absolute;
	left: 0px;
	font-size: 14px;
	text-align:center;
	padding:2px;
	width: 100%;
	top: 220px;
	
	
}
.colorboxtable{
	background-color: #0066b3;
	color:white !important;
	height: 40px;
	position: absolute;
	left: 0px;
	font-size: 17px;
	text-align:center;
	padding:5px;
	width: 100%;
	top: 300px;
	
	
}

 /*css for template */
	  
	  .demosize{
		  
		  width: 95% !important;
		 
	  }
	  .firstline{
		  font-weight: bold;
		  
	  }
	  .demobox{
		  background-color: #DEDFDE;
		  min-height: 65px;
		  width: 95%;
		 
		  line-height: 28px;


		
		  
	  }
	  .demoboxtext{
		  
		 vertical-align:middle;
 
		 
		 
		
		  
	  }
	  .demoimage{
		  
		width: 95%;  
	  }
	  
	  /*Cart */
	  .moveuptop{
		margin-top: -20px;  
		
	  }
	  .losemargin{
		  
		margin-left: 0px !important;
vertical-align: left !important;		
	  }
	  
	  .pageformat2{
	color: #666666;
	font-family: Verdana, Arial !important;
	font-size: 12px;
	

	
}
.italicmessage{
	   font-size: 10px;
	   font-style: italic;
	   padding: 12px;
	   color:white;
	   
   }
    .cartotal{
	   
	    font-size: 12px;
	   
	   color:white;
	   font-weight: bold;
   }
   .subtotalbottom{
	   
	    font-size: 12px;
	   text-align: center;
	   color:white;
   }
   .growsmallalert{
	   
	   left: 8%!important;
	   width: 300px !important;
	   top: 143px !important;
   }
   
   /*images for tutorials shrunk for small */
   .tutorialImages{
	  width: 350px !important;
   }
   
   /*custom seal page */
   .shrinktable{
	   width: 62%;
	   margin-left: 0px !important;
	    word-break: break-all;
		font-size: 11px !important;
	   
   }
   .redbtn{
	   width: 85px!important;
	   font-size: 12px !important;
	   padding: 2px !important;
	   
   } 
   .redbtn2{
	   width: 85px!important;
	   font-size: 12px !important;
	   padding: 2px !important;
	   
   }
    .blackbtn{
	   width: 85px!important;
	   font-size: 12px !important;
	     padding: 2px !important;
	   
   }
   /*Moves price on mobile custom seals */
   .moveMargin{
	   
	margin-left: -150px !important;   
	   
   }
   #popupmim {
	   border-radius: 0px !important;
	 width: 95px !important;	
	 min-width:95px; 
	 margin-left: -53px !important;
background-color:grey !important;
   }
   .auto-style20mobile {
	font-size: 11px !important;

}
.auto-style6mobile{
	
		font-size: 11px !important;
}
   .makeTaller{
	   height: 75px !important;
	   
   }
  .smallscreenshowrow{
display: table-row!important;
}
  /*controls video on company overview */		
.showIframeVideo{
	display:none;
}
.showAltVideo{
	display:inline;
	
}
.pictureResize{
	
	width: 100%;
}
.picVanish{
	display:none;
}
.whoweare_top{
	
	width: 90% !important;
}
.mobile_pics{
	
	width: 90% !important;
}
/*fixes size of info pages when small */
.wrapper{
	
	width: 100% !important;
}

/*checkout*/
.tabs{
	max-width: 330px !important;
}
.label{
	padding: 5px !important;
	width: 65%;
}
.shrinkiframe{
	width: 375px !important;
	height: 650px !important;
}
.shrinkformed{
	
	width: 100% !important;
	
	
}
.form_rounded_mobile{
	width: 35px !important;
}