body {
    background-color: white; /* Yellow #F5CF8E; */
}
/* top menu controls*/
	.picVanish2{
	display:none;
}
.qminitable{
	vertical-align: center!important;
	margin-left: -28px;
	margin-top: -45px;
	width: 100% !important;
}
.pminitable{
  display: flex; 
    align-items: center;
vertical-align: left!important;
	margin-left: -52px;
	margin-top: -45px;
}
.colorboxtable{
	left: -20px;
	top: 300px;
	right: 50px;
	
}
.search_up{
	
	margin-top: -105px;
}
#popup {
	position: absolute !important;
}
/*search table margins*/
.sminitable{
vertical-align: left!important;
	margin-left: -52px;
	margin-top: -45px;
}

.topmenu_sm{
	display:inline;

	
}
.qminitablenew{
	width: 90% !important;
margin-left: -40px;	

		
	}
.topmenu_lrg{
	display: none !important;
	
	
}
/*welcome page bar*/
.welcomebarmobile{
	width: 100%;
	height: 90px;
	background-color:#ac241e;
	font-size: 20px;
	text-align: middle;
	color: white !Important;
	padding: 5px;
	
	padding-top:35px;
}
.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: 170px;
}

.topads{
	background-color: white !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;

}
/*home page banner*/
.message-banner{
	 height: 35px !important;
	width: 100%;
	font-size:12px;
	text-align: center;
	vertical-align: bottom !important;
	color: white !important;
	display: block;
    justify-content: center;
    align-items: flex-end;
	padding-bottom: 8px;
	white-space:nowrap;
	margin-top: -18px !important;
	background-color: #333333;
}
/*lets banner sit on top */
.w3-top,.w3-bottom, .w3-top2{
	position:static !important;
	height: 55px;
	margin-top: -4px;


width:100%;z-index:9

}
/*Sign in popup */
.signin-popup{
	
	position: fixed; 
	right: 18%;
	
	top: 20%; 
	width: 70%; 
	max-width: 500px;
	min-width: 420px;
	z-index: 2;
	background-color:white;
	border-radius: 10px 10px;
	float: right;
	min-height: 375px;
	height: 50%;
	font-size: 11px;
	font-family: verdana;
	padding : 15px;
	background-color: white;
	z-index: 999999;
	-moz-box-shadow: 0 0 20px #000;
-webkit-box-shadow: 0 0 20px #000;
box-shadow: 0 0 20px #000;

}

/*Seals by size */
.heightdiv{
	
	height: 50px !Important;
	
}
.cb24{

/* amount input */
width: 60px;

}
	.sealsbysizehide{
	padding-top: 10px;
	
	
	
	}
@media screen and (max-width: 700px) {
	
	.signin-popup{
	
	left: 8%;
	}

}

@media screen and (max-width: 825px) {
	  .bargreysize{
	   background-color: white !Important;
			 }

	.sealsbysizehide{
	display:none !important;
	}

	.viewdetailhide{
	display:none !important;
		
	}
	
}
 @media screen and (min-width:0\0) {
.ieshow{
display: block !Important;

}	
 }
@media screen and (min-width: 826px){
	
		.alternateinfo{
		display: none !important
		
	}
}
.ontop {
				z-index: 99999;
				width: 100%;
				height: 150%;
				top: 0;
				left: 0;
				bottom: 0 !important;
				display:none;
				position: absolute;				
				background:rgba(155,155,155,0.65);
				color: #aaaaaa;
			
			}
			
.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;
    width: 120%;
	max-width: 300px;
	

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

   }
.search_bar_lrg{
	
	/*lrg search bar only*/
	display: none !important;
	
}
.feature-1 {
   height:  1px;
}
.feature-2 {
     height:  1px;
}
.feature-3 {
    height:  1px;
}

.menu {
    background-color: white;
    height: 80px;
}

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

.content {
   
    height: 250px;
}



.feature-1 {
    background-color: white;
}

.feature-2 {
    background-color:white;
}

.feature-3 {
    background-color: white;
}
.footer {
    background-color: white;
	
	

}


.flex-container {
    display: flex;
    flex-direction: column;
}


.flex-container > div {
    background-color: #f1f1f1;
    width: 100px;
    margin: 10px;
    text-align: center;
    line-height: 55px;
    font-size: 14px;
}
.font-type{
	font-size: 11px;
	font-family: verdana;
}
/*Weclome page*/
.smallnoshow{
display: block !important;
}
.smallnoshow2{
display: inline !important;
}
.smallscreenshow{
	display: none !important;
}
.mednoshow{
display: none !important;
}
.medscreenshow{
	display: block !important;
}
.shrinktable{
width: 10%!important;

}
.sizing{
		display:none !important;
	}

.sectionfooter {
	height: 300px;
}

.footer {
    background-color: #E8E8E8;

}
.shrinkfont{
font-size: 24px;
}

.flex-container {
    display: flex;
    height: 20px;
    align-items: left;


}

.flex-container > div {
    background-color: #E8E8E8;
    width: 180px;
    margin: 10px 2%;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
	font-weight:100 !important;
	font-family: verdana;
	color: #666666;
}
.left{
text-align: left !important;
}
.footerlinks {
    background-color: #E8E8E8;
    width: 68%;
    align-items: left;
   text-align: left;
   
    float:left;
	font-weight:100 !important;
}
.footerlinksright {
    background-color: #E8E8E8;
    width: 32%;
    align-items: left;
   line-height: 22px;
    color: #666666;
    height: 100px;
    float:left;

}
.footerlinksright2 {
    background-color: #E8E8E8;
	border: 1px solid #DADADA !important;
	color: #666666;
	line-height: 22px;
	padding: 7px;
}
.bottomcolor{
	background-color:#232323 !important;
	height: 30px;
	width: 100%;
	
	color: #CCCCCC;
	text-align: left !important;
}
.bottomright{
	float: right;
	margin: 6px 10px;
	 white-space: pre;
	 vertical-align: bottom!important;
}
.bottomleft{
	float: left;
	margin: 6px 10px;
	 white-space: pre;
	 vertical-align: bottom!important;
}
.signupEmail{
	color: #c0310b;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 30px;
	
}
.signupEmailtext{
	line-height: 30px;
	font-size: 16px;
	text-transform: uppercase;
	
}
.footer-head{
	font-size: 15px;
	 line-height: 30px;
}
.footer-head:hover{
	  text-decoration: underline;
	  
	
}
.sectionfooter {
	 flex-wrap: wrap;
    width: 100%;
text-align: center;
vertical-align: middle !important;
    justify-content: center;
    align-items: center;
}

/* Welcome page on index */
.welcomeheight{
	font-size: 12px;
	color: #666666 !important;
	font-family: verdana, arial;
	margin-top:-4.2%;
}
.welcomeheight div{
	color: #666666 !important;
	
}
.welcomeheight td tr{
	color: #666666 !important;
	
}

.loginclose{
	cursor: pointer;
	float: right;
	right: 3px;
	
}
/*Register page */
.register_form{
	display: inline-block; vertical-align: top; width: 17%; height: 35px;font-weight: bold; height: 40px;
	
}
.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: 36%;
	   background-color: black;
	   color:white;
   }
   
   /*controls slider based on resolution */
   .slideradjusttemp{
	  height: 200% important; 
	   
   }
   @media screen and (min-width:  902px) and (max-width: 960px){
	   
	   	
	   .slideradjust{
		   height: 220px !important;
		   width: 105% !important;
		   margin-top: -8px !important;
		   
	   }
	   
   }
      @media screen and (min-width:  880px) and (max-width: 901px){
	   
	   	
	   .slideradjust{
		   height: 220px !important;
		   width: 109% !important;
		      margin-top: -8px !important;
		   
	   }
	  }
	   
	         @media screen and (min-width:  820px) and (max-width: 879px){
	   
	   	
	   .slideradjust{
		   height: 200px !important;
		   width: 108% !important;
		     margin-top: -8px !important;
	   }
	   
   }
   	         @media screen and (min-width:  770px) and (max-width: 819px){
	 
	   	
	   .slideradjust{
		   height: 180px !important;
		   width: 108% !important;
		      margin-top: -8px !important;
		   
	   }
	   
   }
      	         @media screen and (min-width:  700px) and (max-width: 769px){
	   
	   	
	   .slideradjust{
		   height: 170px !important;
		   width: 108% !important;
		      margin-top: -8px !important;
	   }
	   
   }
         	         @media screen and (min-width:  660px) and (max-width: 699px){
	   
	   	
	   .slideradjust{
		   height: 150px !important;
		   width: 109% !important;
		     margin-top: -8px !important;
		   
	   }
	   
   }
            	         @media screen and (min-width:  600px) and (max-width: 659px){
	   
	   	
	   .slideradjust{
		   height: 130px !important;
		   width: 110% !important;
  margin-top: -8px !important;
		   
	   }
	   
   }
            	         @media screen and (min-width:  560px) and (max-width: 599px){
	   
	   	
	   .slideradjust{
		   height: 120px !important;
		   width: 110% !important;
		      margin-top: -8px !important;
		   
	   }
	   
   }   
           	         @media screen and (min-width:  500px) and (max-width: 559px){
	   
	   	
	   .slideradjust{
		   height: 105px !important;
		   width: 110% !important;
		      margin-top: -8px !important;
		   
	   }
	   
   }   
   @media screen and (min-width:  481px) and (max-width: 499px){
	   
	   	
	   .slideradjust{
		   height: 100px !important;
		   width: 113% !important;
		       margin-top: -8px !important;
		   
	   }
	   
   }
   
   /*pages*/
   .pageformat{
	color: #666666;
	font-family: Verdana, Arial !important;
	font-size: 12px;
	margin-top: 160px !important;
	

	
}

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


		
		  
	  }
	  .demoboxtext{
		  
		 vertical-align:middle;
 
		 
		 
		
		  
	  }
	  .demoimage{
		  
		width: 95%;  
	  }
	  
/*welcome table categories  */
.mobiletable{
	
	text-align: center !important;
	
	 border-right: 1px solid #dbdbdb;

	
}
.mobiletable2{
	
	text-align: center;
	color: #666666;
	
}

/*welcome page across links*/
.welcomelistmed{
	
	color: #666666 !important;
	font-size: 80%;
	
	
}
 @media screen and (max-width: 800px) {
	.welcomelistmed{
		display: none !important;
	}
	
 }
.welcomelistmobile{
	width: 100%;
	height: 50px;
 border-top: 1px solid #dbdbdb;
vertical-align:center !important;
	font-size: 15px;
	padding-left: 15px !important;
	color: white !Important;
	padding: 5px;
	padding-top: 15px;
}

.formatlistmobile{
	padding-left: 30px !important;
	font-weight: bold;
	
}
/*Cart */
.smallscreenshow2a{
				display: none;
			}
.italicmessage{
	   font-size: 11px;
	   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;
   }
   /*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;
}
/*Excel*/
.hideContent{
display:none;	
}
.showContent{
	display:block !important;
	text-align:center !important;
}
/*fixes size of info pages when med */
.wrapper{
	
	width: 100% !important;
}

/*update tablet appareance */
.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;
	
	
}
.shrinkformed{
	
	width: 55% !important;
	
	font-size: 15px;
	
}
.shrinkformed: input{
	padding: 5px;
	
}
.centertable{
	
	text-align: center !important;
}
/* custom seal margin */
	.custommargin{
		margin-left: 18px !important;
		
	}