@charset "utf-8";
@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap";
body{
font-size:1.2em;	
}

a {
	text-decoration: none!important
}
h1, h2, h3, h4, h5 {
	font-family: Montserrat
}
h1.headline {
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	margin-bottom: -4px
}
h5 {
	font-weight: 700
}
h6 {
	font-weight: normal
}
iframe {
	width: 100%!important
}
img {
	max-width: 100%!important
}
#addressHolder {
	margin: 40px 0;
	text-align: center;
	line-height: 32px
}
#addressHolder ul li {
	font-size: 16px;
	list-style: none;
	display: inline-table
}
#addressHolder h2 {
	margin: 5px
}
#foamTypes table {
	width: 100%
}
#foamTypes table tr td {
	padding: 3px
}
#sideNav{
	width:30%;
	float:right;
	margin:10px;
}
#sidePics ul li {
	list-style: none;
	margin: 8px 0px;
	margin-left:-20px;
}
#stitchTypes {
	border-left: 4px solid #666;
	border-right: 4px solid #666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #000;
	padding: 5px 20px;
	background: #f8f9fa;
	background: -moz-linear-gradient(top, #fff 0%, #dde3e9 47%, #fff 100%);
	background: -webkit-linear-gradient(top, #fff 0%, #dde3e9 47%, #fff 100%);
	background: linear-gradient(to bottom, #fff 0%, #dde3e9 47%, #fff 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0)
}
#stitchTypes h3 {
	font-size: 26px;
	color: #db0100;
	margin-top: 20px;
	margin-bottom: 30px;
	font-weight: 700;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}
#tabs.gahhColors {
	display: block
}
#tabs.gahhColors img {
	-webkit-border-radius: 4px;
	border-radius: 4px
}
#tabs.gahhColors table td {
	padding: 1px
}
#tabsInfinity ul li {
	font-size: 14px
}
.centerIt {
	margin: auto;
	text-align: center
}
.clrFlt {
	clear: both
}
.first-letter {
	font-size: 35px;
	font-weight: 700;
	line-height: 70px
}
.fortyBottom {
	padding-bottom: 30px
}
.floatLeft {
	float: left;
	margin: 6px;
	margin-right: 12px
}
.floatRight {
	float: right;
	margin: 6px;
	margin-left: 12px
}
.fortyDown {
	margin-bottom: 40px
}
.hyper {
	width: 250px;
	float: left;
	margin: 0 20px 20px 10px;
	padding: 10px;
	padding-top: 0;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	border: 10px solid #666;
	color: #333;
	background: #ededed
}
.hyper h4 {
	color: #666;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}
.hyper2 {
	width: 250px;
	margin: 10px auto;
	padding: 10px;
	padding-top: 0;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	border: 10px solid #666;
	color: #333;
	background: #ededed;
	text-align: center
}
.hyper img, .hyper2 img, .bunk img {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	display: block
}
.hyper p {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px
}
.hyper h1 {
	font-style: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 26px!important;
	margin-top: 10px;
	text-align: center
}
.hyper h3, .bunk h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	text-align: center;
	padding-top: 10px
}
.hyperBlue {
	color: #01387b
}
.infinityNew img {
	-webkit-border-radius: 8px;
	border-radius: 8px
}
.infinityNew table tr td {
	width: 20%;
	padding: 4px
}
.macPageHead {
	color: #db0100;
	padding: 10px;
	background: #f8f9fa;
	border-top: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
	margin-top: 20px;
	margin-bottom: 40px
}
.noMarginTop {
	margin-top: 0!important
}
.picHolder {
	background:#669;
	max-width:70%;
	float:left;
	
}
.picBorder {
	border: 1px solid #222
}
.picGroup, .picGroup4, .picGroup5, .contentGroup {
	padding: 6px 0;
	max-width: 100%;
	text-align: center
}
.table {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
}
.picGroup2{
	width:50%;
	padding:10px;
	text-align:center;
}
.picGroup ul img, .picGroup2 img, .picGroup4 img, .picGroup5 img, .contentGroup img {
	border: 1px solid #222;
	margin: 5px 0;
}
.picGroup ul, .picGroup2 ul, .picGroup4 ul, .picGroup5 ul, .contentGroup ul {
	margin: auto;
	padding: 0;
	margin-bottom: 20px
}
.picGroup ul li, .picGroup2 ul li, .contentGroup ul li {
	margin: 1px;
	display: inline-table;
	list-style: none;
	/*width: 30%;*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 10px
}
.picGroup4 ul li, .contentGroup ul li {
	margin: 1px;
	display: inline-table;
	list-style: none;
	width: 47%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 10px
}
.picGroup4 ul li {
	margin: 1px;
	display: inline-table;
	list-style: none;
	width: 24%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 10px
}
.picGroup5 ul li {
	margin: 1px;
	display: inline-table;
	list-style: none;
	width: 19%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 10px
}
.side70 {
	width: 70%;
	display: block;
	padding: 0 6px;
	margin: 0 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000
}
.side60 {
	width: 60%;
	display: block;
	padding: 0 6px;
	margin: 0 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000
}
.side60 ul, .side70 ul, .side40 ul {
	padding: 10px
}
.side60 ul li, .side70 ul li, .side40 ul li, #stitchTypes ul li {
	list-style: none;
	margin: 8px 0
}
.spacer2020 {
	margin-top: 20px;
	margin-bottom: 20px
}
.subhead {
	initial-letter: 2
}
.subhead::first-letter {
	initial-letter: 2
}
.subInfinity {
	padding: 24px
}
.thirtyDown {
	margin-bottom: 30px
}
.thirtyUp {
	margin-top: 30px
}