* {

  box-sizing: border-box;
}

.frame {
  margin: 0 auto;
  max-width: 100%;
}

.frame:after {
  content: "";
  display: table;
  clear: both;
}

[class*='bit-'] {
  float: left;
  padding: 4px;
}

/**** .nest class to any div with bit-x to pull padding out for nesting *****/ 
[class*=bit-].nest {
	padding: 0 !important
}
/**** .centered class to any div with bit-x to center that bit div in the container *****/ 
[class*=bit-].centered {
	float: none;
	margin: 0 auto !important;
}
.bit-1 {
	width: 100%;
}
.bit-2 {
	width: 50%;
}
.bit-3 {
	width: 33.33333%;
}
.bit-4 {
	width: 25%;
}
.bit-25 {
	width: 25%;
}
.bit-40 {
	width: 40%;
}
.bit-60 {
	width: 60%;
}
.bit-75 {
	width: 75%;
}
@media screen and (max-width: 800px) {
.bit-1 {
	width: 100%;
}
.bit-2 {
	width: 100%;
}
.bit-3 {
	width: 100%;
}
.bit-4 {
	width: 100%;
}
.bit-25 {
	width: 100%;
}
.bit-40 {
	width: 100%;
}
.bit-60 {
	width: 100%;
}
.bit-75 {
	width: 100%;
}
}




/* = EXTRA STYLES
-------------------------------------------------------------*/	

.formbutton {
    border: 0px;
    padding: 8px 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 2px;
    font-size: 1em;
}
.formbutton:hover {
    background-color: #515151;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="search"], select, textarea {
  padding: 5px 10px;
  height: 38px;
}


input.qtybox[type="text"] {
   width: 38px;
   min-width: 38px;
}

img{max-width:100%;height:auto;margin-left:auto;margin-right:auto; object-fit: contain}



.centertext {text-align: center;}
.righttext {text-align: right;}
.lefttext {text-align: left;}


 @media only screen and (max-width: 1024px) {
.formbutton {border-radius: 0;-webkit-appearance: none;  }
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="search"], select, textarea {
 border-radius: 0px;
-webkit-border-radius: 0px;
}
}

@media only screen and (max-width: 800px) {
li {margin-bottom:20px;}
.formbutton {width: 100%;margin-bottom: 5px !important;}
.search_form .formbutton {margin-bottom: 0px !important; margin-left: 3px !important;}
.righttext {text-align: center}
.lefttext {text-align: center}
.topleft {text-align: left}
.topcenter {text-align: center}
.topright {text-align: right;}
.topright a {margin-right: 19px;}
}

.mainHead {height: auto}



/* ----------Equal height on sidebar/content---------------*/	

 @media screen and (min-width: 801px) {
.equal-height { display: flex !important;}
}


/* = PEEK A BOO
-------------------------------------------------------------*/	
@media screen and (min-width: 801px) {
.hide-on-full {
	display: none !important;
	width: 0;
	height: 0;
}
}
 @media screen and (max-width: 800px) {
 .hide-on-mobile {
	display: none !important;
	width: 0;
	height: 0;
}
 }
 
 /*up to 1024 pixels (1024 : 16 = 64em) - up to 800 pixels (800 : 16 = 50em) - up to 480 pixels (480 : 16 = 30em) */
/*
     FILE ARCHIVED ON 04:22:34 Oct 13, 2020 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:40:25 Aug 07, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.104
  exclusion.robots: 0.091
  exclusion.robots.policy: 0.075
  esindex: 0.015
  cdx.remote: 5.903
  LoadShardBlock: 91.642 (3)
  PetaboxLoader3.datanode: 93.561 (5)
  PetaboxLoader3.resolve: 300.249 (3)
  load_resource: 359.406 (2)
*/