body{
	margin: 0;
	padding: 0;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
	color: #333;
	text-decoration-skip-ink: auto;
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-style: normal;
	font-weight: 400;
	overflow-x: hidden;


}

html {margin: 0; padding: 0;overflow-x: hidden;}

img, a, h1, h2, h3, h4, h5, tr, td, .feature-txt {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    transition: all 200ms ease;
}


.master-width {width: 90%; max-width: 1300px; margin: 0 auto; padding: 0; }

.master-width-narrow {width: 70%; max-width: 1000px; margin: 0 auto; padding: 0; }

.header-left {float: left;  margin: 8px 0 8px 0; }
.header-right {float: right; text-align: right; margin: 8px 0 8px 0; }

/*   
	Old logo stylings. Edited by Daniel F. 10/19/22
	
	#logo {width: 139px; height: auto; border: 0; float: left; }
	#logotype {
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 300;
	font-size: 17px;
	letter-spacing: 0.18em;
	float: left;
	top: 32px;
	margin-left: 8px;
	position: relative;
	text-decoration: none; 
	color: #333;
	}

*/


#logo {width: 30vw; padding-bottom: 15px; height: auto; border: 0; float: left; }
#logotype {display: none;	}


p, ul, ol {
	font-size: 14px;
	line-height: 21px;
}


a:link {text-decoration: none; color: #5096aa; }
a:visited {text-decoration: none; color: #5096aa; }
a:hover {text-decoration: none; color: #333; }


b {font-weight: 700;}

img {border: none; }

hr {border-bottom: 1px solid #e7e7e7; width:100%; height: 1px; border-top: none; border-right: none; border-left: none;}

h1 {font-size: 26px; font-weight: 800; margin-bottom: 5px; margin-top: 22px;}
h2 {font-size: 20px; font-weight: 800; margin: 50px 0 15px 0; color: #ababab; }
h3 {
	font-size: 60px; 
	line-height: 60px;color: #fff; 
	text-transform: uppercase;
	font-family: "Chronicle Cond A", "Chronicle Cond B";
	font-style: normal;
	font-weight: 800;
	display: block;	
	margin:0;
	padding-top: 94px;
	padding-bottom: 50px;

}

.int-header {width: 100%; height: 250px; background-size: cover;background-position: center center;  }



.narrow {
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-style: normal;
}

.reg {
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
}

.clear {clear: both;}

.mobile-show {display: none;}

.subnav {	color: #333;
	text-decoration: none;
	font-size: 11px;
	letter-spacing: 0.05em;	
	text-transform: uppercase;
	padding: 8px 10px 8px 10px;
	line-height: 15px;
	}

.subnav:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #333;
	cursor: pointer;
	}	
	
a:link.subnav {
	color: #333;
	text-decoration: none;
	font-size: 11px;
	letter-spacing: 0.05em;	
	text-transform: uppercase;
	padding: 8px 10px 8px 10px;
	line-height: 15px;	
	}	
		
a:visited.subnav {
	color: #333;
	text-decoration: none;	
	}	
		
a:hover.subnav {
	color: #FFF;
	text-decoration: none;
	background-color: #333;
	cursor: pointer;
	}	
	
	 @-moz-document url-prefix() { 
		 
		.subnav {	
			padding: 8px 10px 7px 10px;
			line-height: 19px;
			}
		
	
			
		a:link.subnav {
			padding: 8px 10px 7px 10px;
			line-height: 19px;	
			}	
				
	 
		 
	}
 
.zoom {
  transition: transform .2s; /* Animation */
  margin: 0 auto;

}

.zoom:hover {
  transform: scale(1.025); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
	
.responsive {width: 100%; height: auto;}

.opacity:hover {opacity: 0.85; cursor: pointer; }



#search-bar {margin: 0 3px 0 8px; display: none; }

#search-bar-2 {margin: 25px 3px 0 8px; border-radius: 3px; border:1px solid #C0C0C0; }


input.searchBtn[type="image"] {
    height: 15px;
    width: 15px;
    border: 0;
    -webkit-appearance: none;
    opacity: 0.66;
    position: absolute;
    right: 0;
    top: -26px;
    
}

a:link.chatmoss, a:visited.chatmoss {color: #fff; }
.chatmoss:hover {opacity: 0.5; }


input.searchBtn:hover[type="image"] {

    opacity: 0.33;
    cursor: pointer;
}

input.search-input[type="text"] {
	width: 180px; 
	height: 18px; 
	background-color: #FFF; 
	border-radius: 3px;
	border:none;
	color: #000;
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 0;
	position: relative; 
	margin: 0;
	padding: 2px 2px 2px 4px;
	
}


	
#home-bgnd-img {
	width: 100%; 
	height: 75vh; /* 75% of viewport */ 
	background-size: cover; 
	background-repeat: no-repeat; 
	background-position: center center;
	}
	
#home-shade {
	width: 100%; 
	height: 75vh; 
	background-image:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.45));
	text-align: center;
}




.slide-header {
	font-size: 105px; 
	line-height: 105px;
	color: #fff; 
	text-transform: uppercase;
	font-family: "Chronicle Cond A", "Chronicle Cond B";
	font-style: normal;
	font-weight: 800;
	display: block;
	text-align: center;
	margin-bottom: 30px;
	 }
	 
.slide-txt {
	width: 60%;
	margin: 0 auto;
	color: #FFF;
	font-size: 17px; 
	line-height: 25px;
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 400;
	text-align: center;
	padding-bottom: 50px;
	
}	 


#announce-bar {text-align: center; width: 90%; margin: 0 auto; }

#announce-bar h1 {	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 300;
	font-size: 13px;
	letter-spacing: 0.1em;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 0;
	margin-top: 25px;
	
	}
	
#announce-bar h2 {	
	font-family: "Chronicle Cond A", "Chronicle Cond B";
	font-style: normal;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 35px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
	
	}	

.feature-img {
	background-size: cover; 
	width: 100%; 
}

.feature-img:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
	
.feature-txt {
		color: #FFF; 
		font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
		font-style: normal;
		font-weight: 800;
		position: absolute;
		left: 0;
		right: 0;
		font-size: 21px;
		line-height: 22px;
		letter-spacing: 0.08em;
		padding-top: 66.6%;
		text-transform: uppercase;
}	


.feature-txt:hover {
		letter-spacing: 0.15em;

}	

a:link.white-border {
	text-decoration: none;
	color: #FFF;
	font-size: 15px;
	letter-spacing: 0.08em;
	padding: 8px 40px 8px 40px;
	text-align: center;
	border: 1px solid #FFF;
	text-transform: uppercase;
}

a:visited.white-border {
	text-decoration: none;
	color: #FFF;
	text-align: center;
	border: 1px solid #FFF;
	text-transform: uppercase;
}

a:hover.white-border {
	text-decoration: none;
	color: #333;
	text-align: center;
	border: 1px solid #FFF;
	text-transform: uppercase;
	background-color: #FFF;
}


#footer {background-color: #e7e7e7; padding: 10px 0 8px 0; margin-top: 50px; width: 100%; 
	color: #333;
	font-size: 12px;
	letter-spacing: 0.02em;
	text-decoration: none;
}
#wrap {min-height: 90vh; }

a:link.footer-link {
	color: #333;
	font-size: 12px;
	letter-spacing: 0.02em;
	text-decoration: none;
	padding: 6px 15px 6px 15px;
	border: 1px solid #e7e7e7;
	white-space: nowrap;
}

a:visited.footer-link {
	color: #333;
	text-decoration: none;
		border: 1px solid #e7e7e7;
}

a:hover.footer-link {
	color: #333;
	text-decoration: none;
	border: 1px solid #333;
}

a:link.footer-link:last-of-type { border: 1px solid #333; margin-left: 15px; }
a:visited.footer-link:last-of-type { border: 1px solid #333;}
a:hover.footer-link:last-of-type { border: 1px solid #333; background-color: #333; color: #e7e7e7}

.copyright {
	font-size: 10px; 
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 300;
	color: #FFF;
}

.social-icon {width: 25px; height: 25px; border: none; opacity: 0.66; float: right; position: relative; bottom: 1px; margin-left: 10px; }

.social-icon:hover {opacity: 0.33;}

.social-icon:after {clear: both;}

.breadcrumbs {text-transform: uppercase; font-size: 13px; font-weight: 700; letter-spacing: 0.02em; color:#656565; padding: 15px 0 15px 0;}

a:link.bcrumb {text-transform: uppercase; font-size: 13px; font-weight: 700; letter-spacing: 0.02em; color:#656565; padding: 15px 0 15px 0; text-decoration: none; }
a:visited.bcrumb {text-transform: uppercase; font-size: 13px; font-weight: 700; letter-spacing: 0.02em; color:#656565; padding: 15px 0 15px 0; text-decoration: none; }
a:hover.bcrumb {text-transform: uppercase; font-size: 13px; font-weight: 700; letter-spacing: 0.02em; color:#5096aa; padding: 15px 0 15px 0; text-decoration: none; }

a:link.white {color: #FFF; text-decoration: none;}
a:visited.white {color: #FFF; text-decoration: none;}
a:hover.white {color: #FFF; cursor: pointer; text-decoration: none; opacity: 0.8;}

.spec {
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 300;
	font-size: 13px;
	line-height: 20px;
}

.title-block {border-bottom: 1px solid #e7e7e7; width:100%; padding-bottom: 10px;}

.prod-img {width: 100%; height: 70vh;  background-position:center top; background-size: contain; background-repeat: no-repeat; text-align: right; margin-top: 40px; cursor:pointer; cursor:hand;}

.icon {width: 24px; height: 24px; border: 0; z-index:1000;}
.icon:hover {opacity: 0.8; cursor: pointer; }


	
.tn {
	width: 30%; 
	position: relative; 
	float: left;
	background-position:center center; 
	background-size: cover; 
	background-repeat: no-repeat; 
	margin-right: 1.5%; 
	margin-bottom: 1.4%;
	cursor:pointer;
	cursor:hand;
}

.tn:last-of-type { margin-right: 0; } /* all browsers except IE6 and lower */
.tn:after {
	content: "";
	display: block;
	padding-bottom: 90%;
}

#prop-detail-header {border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; width: 100%;}

.sidebar {position: relative; float: left; width: 16.72%;	margin: 1% 5.6% 1% 0; }

.gridview {position: relative; float: left; width:77.68%; margin: 1% 0 1% 0;}

a:link.sidebar-link {
	text-decoration: none;
	font-size: 14px;
	line-height: 21px;
	color: #333;
	display: block;
}
a:visited.sidebar-link {
	text-decoration: none;
	color: #333;
	display: block;
}
a:hover.sidebar-link {
	text-decoration: none;
	font-size: 14px;
	line-height: 21px;
	color: #5096aa;
	display: block;
}


.grid-tn {width: 100%; background-position:center center; background-size: cover; background-repeat: no-repeat; border: 0; text-align: center; color: #333; text-decoration: none; }

.grid-tn:hover {opacity: 0.9; text-decoration: none; }


.grid-tn:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.grid-txt {		
		font-family: "Gotham SSm A", "Gotham SSm B";
		font-style: normal;
		font-weight:300;
		position: absolute;
		left: 0;
		right: 0;
		font-size: 12px;
		line-height: 18px;
		padding-top: 100%;
		
}


.grid-link {font-size: 15px; color: #5096aa;}

.orderform {border:none;}

.orderform-grid {
	font-size: 15px; 
	color: #5096aa; 
	padding-top:30px;
	text-align:center;
	} /* for order-form.cfm */

.orderform-grid-qty {
	font-size: 15px; 
	color: #5096aa; 
	padding-top:27px;
	text-align:center;
	} /* for order-form.cfm */

.shop-btn {
	width: 80%; 
	border: 1px solid #666;
	color: #666;
	padding: 10%;
	font-size: 13px;
	text-align: center;
	margin-top: 50px;
}

.shop-btn div { 
	text-transform: uppercase;
	font-family: "Chronicle Cond A", "Chronicle Cond B";
	font-style: normal;
	font-weight: 800;
	color: #666;
	font-size: 32px;
	line-height: 30px;
	margin-bottom: 10%;
	
}




.shop-btn a:link {text-decoration: none;font-weight: 800; color: #5096aa; text-transform: uppercase; display: block; margin-top: 10%; }
.shop-btn a:visited {text-decoration: none;font-weight: 800; color: #5096aa; text-transform: uppercase; }
.shop-btn a:hover {text-decoration: none;font-weight: 800; color: #333; text-transform: uppercase; }



.shop-btn-2 {
	width: 90%; 
	border: 1px solid #666;
	color: #666;
	padding: 5%;
	font-size: 13px;
	text-align: center;
	margin-top: 20px;
	min-height: 136px
}

.shop-btn-2 div { 
	text-transform: uppercase;
	font-family: "Chronicle Cond A", "Chronicle Cond B";
	font-style: normal;
	font-weight: 800;
	color: #666;
	font-size: 32px;
	line-height: 30px;
	margin-bottom: 5%;
	
}



.shop-btn-2 a:link {text-decoration: none;font-weight: 800; color: #5096aa; text-transform: uppercase; display: block; margin-top: 5%; }
.shop-btn-2 a:visited {text-decoration: none;font-weight: 800; color: #5096aa; text-transform: uppercase; }
.shop-btn-2 a:hover {text-decoration: none;font-weight: 800; color: #333; text-transform: uppercase; }

a:link.back-btn {
	width: 100%; 
	margin-top: 10px; 
	text-align: center; 	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-size: 15px;
	font-weight: 700;	
	color: #666;
	padding-top: 25px;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	}
	
a:link.back-btn {
	width: 100%; 
	margin-top: 10px; 
	text-align: center; 	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-size: 15px;
	font-weight: 700;	
	color: #666;
	padding-top: 25px;
	padding-bottom: 25px;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	border: 1px solid #FFF;
	margin: 0 0 -38px 0;
	}

a:visited.back-btn {
	color: #666;
	text-decoration: none;
	}

a:hover.back-btn {
	color: #666;
	text-decoration: none;
	border: 1px solid #666;
	}	

	

#page-num {
	width: 100%; 
	border-top: 1px solid #ddd; 
	margin-top: 10px; 
	text-align: center; 	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-size: 15px;
	font-weight: 700;	
	color: #666;
	padding-top: 50px;
	}

#page-num span {border: 1px solid #666; padding: 4px 10px 4px 10px; }

#page-num a:link {text-decoration: none; padding: 4px 10px 4px 10px; color: #666; border: 1px solid #FFF;}
#page-num a:visited {text-decoration: none; padding: 4px 10px 4px 10px; color: #666; border: 1px solid #FFF;}
#page-num a:hover {text-decoration: none; padding: 4px 10px 4px 10px; color: #666; border: 1px solid #666;}

#left-arrow {
	display:inline-block;
	width: 11px; 
	height: 11px; 
	background-size: cover; 
	background-position:0 0; 
	background-image: url(../images/l-r-sprite.svg); 
	background-repeat: no-repeat;
	position: relative;
	top: 3px;
}

#right-arrow {
	display:inline-block;
	width: 11px; 
	height: 11px; 
	background-size: cover; 
	background-position: -10px 0; 
	background-image: url(../images/l-r-sprite.svg); 
	background-repeat: no-repeat;
	position: relative;
	top: 3px;
}

.grid-icon {
	width: 30px; height: 30px; 
	position: relative; top: 10px; 
	border: 0;
	cursor:pointer;
	cursor:hand;}

.off {opacity: 0.5;}
.on {opacity: 1.0;}

.store-logo {width: 75%; text-align: center;}


input {
  padding: 8px;
  margin: 0;
  color: #333;
  font-size: 13px; 
  border: 1px solid #7f7f7f; 
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
  font-style: normal;
  font-weight: 400;
}

input[type=submit] {
  background-color: #5096aa;
  border: none;
  color: white;
  text-decoration: none;
  cursor: pointer;
  padding: 8px 16px 8px 16px;
  font-size: 13px; 
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* added John F */
input[type=button] {	
  background-color: #5096aa;
  border: none;
  color: white;
  text-decoration: none;
  cursor: pointer;
  padding: 8px 16px 8px 16px;
  font-size: 13px; 
  font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

input.btn-other {
	background-color:#666;
}

input[type=button]:hover,input[type=submit]:hover {
	opacity: 0.8;
  	filter: alpha(opacity=80);
}

/* end John F */

.catalog {width: 120px; margin-top: 0; position: relative; top: -15px;}


/* MOVING TYPE */


div.slide-up {
  width:100%;
  height: 75vh;
  overflow:hidden;
  position: absolute;  
}

div.slide-up .move {
  animation: 2s slide-up;
  margin-top: 32vh;
  }

@keyframes slide-up {
  from {
    margin-top: 75vh;
  }

  to {
    margin-top: 32vh;
  }
}



/*** FORM STYLES ***/
	
.frm-fld-1 {
	position: relative;
	float: left;
	width: 91.5%; 
	padding: 8px 2% 8px 2%;
	margin-top: 20px;
	color: #333;
	font-size: 13px; 
	border: 1px solid #7f7f7f; 
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-style: normal;
	font-weight: 400;
	
	}	

	
.frm-fld-1:first-of-type {
	margin-top: 0;
	
	}		

.frm-fld-2 {
	position: relative;
	float: left;
	width: 41%; 
	padding: 8px 2% 8px 2%;
	margin-right: 4%;
	margin-top: 20px;
	color: #333;
	font-size: 13px; 
	border: 1px solid #7f7f7f; 
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-style: normal;
	font-weight: 400;
	}
	

.frm-fld-3 {
	position: relative;
	float: left;
	width: 24%; 
	padding: 8px 2% 8px 2%;
	margin-right: 4%;
	margin-top: 20px;
	color: #333;
	font-size: 13px; 
	border: 1px solid #7f7f7f; 
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-style: normal;
	font-weight: 400;
	}	
	

.frm-txt-area {
	position: relative;
	float: left;
	width: 91.5%; 
	padding: 8px 2% 8px 2%;
	color: #333;
	font-size: 13px; 
	border: 1px solid #7f7f7f; 
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-style: normal;
	font-weight: 400;
	margin-top: 20px;
	height: 150px;
	min-height: 50px;
	resize: vertical;
	}			





/*** MENU STUFF ***/


.slicknav_menu {
	display:none;
}

.js .slicknav_menu {
		display:block;
	}
	

#menu {
	position: relative;
    margin-top: 0;
    padding-top: 0;
    left: 0;
    clear: both; 
    top: 0;   
}

#menu li {position: relative; display: inline-block;  list-style: none; margin-right: 70px;   }

#menu li:last-child {
	margin-right: 0;
 } /* all browsers except IE6 and lower */

#menu li a:link 	{
	cursor: pointer; 
	text-decoration: none; 
	font-size: 17px; 
	color: #333; 
	padding: 20px 0 7px 0;  
	font-weight: 300;
	font-style: normal;
	letter-spacing: 0.005em;
	text-transform: uppercase;
 }
#menu li a:visited 	{text-decoration: none; color: #333; }
#menu li a:hover 	{text-decoration: none; color: #333; border-bottom: 10px solid #ddd;}

#menu li:hover > ul {
	display: block; 
	visibility: visible;
	opacity:1;
    filter:alpha(opacity=100);
}

#menu li ul {
    position: absolute;
	visibility: hidden;    
	background-color: #FFF; 
	border-bottom: 1px solid #ddd;
	border-right:  1px solid #ddd;
	border-left:  1px solid #ddd;
    z-index: 99;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:300ms ease;
    -moz-transition:300ms ease;
    -o-transition:300ms ease;
    transition:300ms ease;
    width:250px;
    max-width:250px;
    top: 37px;
	line-height: 29px;
	text-align: left;
	padding-left: 0;
}

#menu li ul li {
	position: relative;
	width: 100%;
	border-bottom: 1px solid #ddd;
	color: #333; 
	padding: 0;


 }

#menu li ul.last {right: 0;}

#menu li ul:last-of-type   {border-bottom: none;}

#menu li ul li a:link {
	display: block;
	font-size: 14px;
	text-decoration: none; 
	text-transform: capitalize;
	color: #444;
	font-weight: 400;
	font-style: normal;	
	font-size: 15px;
	padding: 0 10px 0 10px;


	
 }
 
#menu li ul li a:visited {
	text-decoration: none; 
	display: block;
	color: #333;
 }
 
#menu li ul li a:hover {
	color: #333;
	font-weight: 800;
	text-decoration: none; 	
	width: auto;
	display: block; 
	cursor: pointer;
	background-color: #FFF;
	padding: 0 10px 0 10px;
	border-bottom: none;

	
}



/* styles added by J Franck */

.stretchy {width: 90%; height: 30px; font-size:15px; padding-left:5px;}
.btn-action { margin-top:20px;  }
.btn-other { margin-top:20px;  }
.btn-small { margin-top:20px; padding:3px 8px 3px 8px; font-size:12px;}

.tablegrid {border-top:1px solid #C0C0C0; border-left:1px solid #C0C0C0;}
.tablegrid td {border-right:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0;}

.tablegrid-small {border-top:1px solid #C0C0C0; border-left:1px solid #C0C0C0;}
.tablegrid-small td {border-right:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0;font-size:12px;}

p.no-space {margin: 12px 0 1px 0; }

textarea {font-family:arial; font-size:13px; padding:3px;}

.hide-me {display:none;}
.show-me {display:inline;}

.order-form-text {		
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight:300;
	font-size: 12px;
	line-height: 18px;
}