body {background-color:white; margin:0px auto; font-family:verdana; color:black; font-size:14px}
img {border:0px}
table {font-size:12px;font-weight:400}
img.left {float:left;margin-right:7px}
img.right {float:right;margin-left:7px}
p {margin:.5em 0}
h1 {font-size:22px; font-family:trebuchet ms; font-weight:700; color:#384148; text-align:center; margin-top:10px}
h2 {font-size:24px; font-family:trebuchet ms; color:#A6AA94; text-align:left; margin-top:5px; margin-bottom:5px}
h3 {font-size:14px; font-family:verdana; color:#000000; text-align:left; margin-top:2px; margin-bottom:2px}
h4 {font-size:14px; font-family:verdana; color:black; text-align:left; margin-top:2px; margin-bottom:2px}
hr {width:90%;height:1px;color:black;}
.loglinks {color:gold; font-weight:bold; text-decoration:underline; cursor:pointer}
a.menu:link { font:14px trebuchet ms; font-weight:bold; margin-left:15px; color:dimgray; text-align:left; margin-top:0px; margin-bottom:0px; cursor:pointer; text-decoration:none }
a.menu:visited { font:14px trebuchet ms; font-weight:bold; margin-left:15px; color:dimgray; text-align:left; margin-top:0px; margin-bottom:0px; cursor:pointer; text-decoration:none }
a.menu:hover { font:14px trebuchet ms; font-weight:bold; margin-left:15px; color:lightslategray; text-align:left; margin-top:0px; margin-bottom:0px; cursor:pointer; text-decoration:none }
.mtx {font-family:georgia; font-size:16px; margin:8px; color:dimgray; max-width:80px; text-align:center; height:40px}
.ttx {font-family:georgia; font-size:22px; margin:0px; text-align:center}
.stx {font-family:georgia; font-size:18px; margin:8px; text-align:center}
.main{font-size:24px; font-style:italic; text-align:center; font-family:georgia;}
.tle{font-size:18px; font-family:arial; font-weight:bold}
.ttxt{font-family:verdana; font-size:12px;}
.qt{font-family:georgia; font-size:14px; font-style:italic;}
.search { font:16px trebuchet ms;font-weight:700;margin-left:0px;color:dimgray;text-align:center }
.pn4 { color: dimgray; text-decoration: none; font:20px trebuchet ms;font-weight:700; margin-left:10px; text-align:left}
.cartbtn {border:0px solid white; font-family:arial; font-size:14px; color:white; font-weight:700; cursor:pointer; padding:2px; margin-bottom:3px; text-decoration:none}
.cartbtn:hover {color:gold;}
.bbd {background-color:#696969;}
.bbb {background-color:#568000;}
.bbg {background-color:#037449;}
.qtyfld {border:1px solid darkgray; text-align:center; font-family:arial; font-size:16px}
.ptitle {font-size:16px; font-family:verdana; text-align:left; color:#8C8C8C; margin:5px}
.pnar {font-size:13px; font-family:verdana; text-align:left; color:#141414; margin:5px; line-height:1.3;}
.gbg {background: -webkit-linear-gradient(top,#DADDE0,#FFFFFF); background: -moz-linear-gradient(top,#DADDE0,#FFFFFF);background: -o-linear-gradient(top,#DADDE0,#FFFFFF);background: -ms-linear-gradient(top, #DADDE0, #FFFFFF);border-bottom-right-radius:15px;
 border-bottom-left-radius:15px;-moz-border-bottom-right-radius:15px;
 -moz-border-bottom-left-radius:15px;}
li {font-size:14px; font-family:verdana; text-align:left; margin-top:7px}
a.btnc{ padding:0px; color:white; background-color:#DB762B; border-radius: 16px; font-family: arial; font-size:18px;  text-decoration:none; text-align:center; cursor:pointer;display: inline-block;}
a.btnc:hover{color:white; background-color:#E1A451;}
.ctnum {position:relative; display:inline-block; margin-left:-16px; margin-top:-2px; font-family:arial; font-size:22px; color:white; background-color:firebrick; border:2px firebrick solid; border-radius:15px; min-width:30px;}
.btn {padding:3px; color:white; background-color:#384148; font-family: arial; font-size:18px;  text-decoration:none; text-align:center; cursor:pointer;display: inline-block;}
.btn:hover{color:white; background-color:#535E65;}
a.btni{ padding:2px; color:white;  font-family: arial; font-size:20px;  text-decoration:none; text-align:center; cursor:pointer;display: inline-block; border:0px solid #3F728D}
a.btni:hover{color:white; background-color:rgb(105,105,105);}
.lbtnon{ padding:2px; color:white; background-color:#543054; font-family: arial; font-size:12px;  text-decoration:none; text-align:center; cursor:pointer;display: inline-block;}
.lbtnon:hover{color:white; background-color:dimgray;}
.lbtnoff{ padding:2px; color:white; background-color:dimgray; font-family: arial; font-size:12px;  text-decoration:none; text-align:center; cursor:pointer;display: inline-block;}
.lbtnoff:hover{color:white; background-color:#704170;}
td {font-family:verdana; font-size:16px}
.pmen {display: inline-block; padding:0px; background-color:#535E65;width:290px; color:white; height:45px}
.pmen:hover {background-color:#384148; color:white}
.pmen2:hover {background-color:#384148; color:white}
.ssg {display: inline-block; height:24px; padding:0px 3px 3px 3px; background-color:#818B96; color:white; text-decoration:none}
.ssg:hover {background-color:#A5ACB4;}
.hline{ border:solid 1px #D8DCDE}
.cathd{ font-family:arial; font-size:24px; color:#535E65; text-align:center; margin-top:5px }
.addrs {cursor:pointer; font-family:arial; font-size:14px}
.addrs:hover {background-color:darkseagreen}
.addrb {cursor:pointer; font-family:arial; font-size:12px}
.addrb:hover {background-color:gainsboro}
.addrsy {cursor:pointer; font-family:arial; font-size:16px; background-color:gold; padding:5px}
.addrsy:hover {background-color:darkorange; color:white}
.arrow {float:right; margin-right:3px; padding:3px; margin-top:3px; background-color:gold; color:dimgrey; font-size:14px; font-weight:bold; cursor:pointer; display:inline-block}
.arrows {position:absolute; right:3px; padding:3px; top:10px; color:gold; font-size:20px; font-weight:bold; cursor:pointer;}
.addtocart {text-align:center}
.paybutton {display: inline-block; text-align:center; width:120px; border:solid 1px lightgrey; border-radius:8px; cursor:pointer; padding:4px}
.paybutton:hover {border:solid 3px firebrick;}
.pl {text-align:left; font-size:14px; font-family:verdana; margin-left:15px; line-height:1.5}
.PL {text-align:left; font-size:14px; font-family:verdana; margin-top:14px; line-height:1.5}
.pc {text-align:center; font-size:14px; font-family:verdana;line-height:1.5}
.PBL {text-align:left; font-size:12px; font-family:verdana; font-weight:bold; margin-left:0px; line-height:1.5}
.PBC {text-align:center; font-size:12px; font-family:verdana; font-weight:bold;}
.PIL {text-align:left; font-size:14px; font-family:verdana; font-style:italic; margin-top:0px; line-height:1.5}
.PIC {text-align:center; font-size:12px; font-family:verdana; font-style:italic;}
.HC {text-align:center; font-size:16px; font-family:arial; font-weight:bold;}
.IC {display:block; margin:auto; padding-top:5px; padding-bottom:10px}
.IL {float:left; padding-right:7px}
.IR {float:right; padding-left:7px}
.tdiv {border:solid 0px green; display:inline-block; font-family:arial; font-size:12px; color:darkslategray; padding:5px}
.wrp1 {background-color:#F1F5F5}
.lbl {font-family:verdana; font-size:12px; color:gray}
.smalli {transition: width 0.5s; transition-delay:0.5s}
.hbtn {font-family:georgia; font-size:15px; color:white; background-color:#AACACC; border-radius:50%; font-weight:bold; cursor:pointer}
.req {color:firebrick; font-weight:bold}
.mps {}
.mps.mpsp {font-size: 22px}
.wno {}
.b1 {font-family:arial; font-size:20px; cursor:pointer; margin-left:20px; font-weight:bold; line-height:30px; overflow:hidden; color:dimgray; width:100%}
.b2 {font-family:arial; font-size:18px; cursor:pointer; margin-left:30px; line-height:26px; color:dimgray}
.b3 {font-family:arial; font-size:18px; cursor:pointer; margin-left:50px; line-height:26px; color:dimgray}
.d1 {font-family:arial; font-size:18px; display:none; cursor:pointer}
.dd {font-family:arial; font-size:12px;}
#buttons { position:sticky; display:flex; top:42px; background-color:dimgray; width:100%; box-sizing: border-box; padding-top:2px; padding-bottom:3px; margin-top:0px; align-items: center; justify-content: center; margin-bottom:5px; line-height:28px; z-index:1000; font-size:20px; font-family:arial;}
#mmenu {position:sticky; top:100px; left:0px; width:30px; text-align:left; margin-top:0px; display:none; background-color:#F0F0F0; vertical-align:top; overflow-y:scroll; webkit-transition: width 2s; transition: width 1s;}
#pcont {margin:0px auto; margin-top:0px; padding:10px 0px 10px 10px; background-color:white; border:0px solid red; max-width:1200px; overflow:hidden; display:inline-block}
.dbullet {position:relative; top:-3px; font-family:webdings; font-size:12px; color:#9D9D9D}
.swrd {font:14px arial; line-height:2; cursor:pointer}
.swrd:hover {background-color:#E6FFD2}
div.slider{
	width: 0px;
	-webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
	transition: width 1s;
	background-color:white;
	color:dimgrey;
	font-family:arial;
	font-size:18px;
	position: fixed;
	top:150px;
	overflow-y: auto;
  height: 100%;
  text-align:center;
}

div.imaged{
	width: 100%;
	position: relative;
	top:150px;
	overflow-y: none;
	overflow-x: none;
  text-align:center
}

.bpf{
	-webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */
	transition: width 1s;
}

:root {
  --w: calc(100vw - 330px); /* screen width less menu */
  --x: calc(100vw - 5px); /* screen width */
  --h: calc(100vh - 100px); /* screen height */
}

.acct {display:block; position:fixed; top:5px; background-color:dimgray; padding-top:2px; padding-bottom:2px; margin-top:0px; text-align:center; line-height:30px; z-index:99999; opacity:1; font-size:18px; font-family:arial; color:white; border:1px solid white; cursor:pointer}

@media screen and (max-width:550px){ /* screen width < 550px */
	.wn { justify-content: left };
	#wny { justify-content: left };
	#beinspired {margin-bottom:30px}
	#headname{ text-align:left; padding-right:150px; padding-left:15px }
	#buttons { gap:8px }
	#narc { width:90%; }
}
@media screen and (max-width:850px) and (min-width:550px){ /* screen width < 850px > 550px */
	#narc { width:95%; }
}
@media screen and (min-width:550px){ /* screen width > 550px */
	.wn { justify-content: center };
	#wny { justify-content: center };
	#beinspired {margin-bottom:10px}
	#headname{ text-align:center; padding-right:0px }
	#buttons { gap:24px }
}
@media screen and (max-width:850px){ /* screen width < 850px */
	#mmenu { width:0px; display:none; }
	#wny { margin-left:0px; }
	#buttons { padding-left:0px; }
	#breadcrumb {width: 96% }
	#pcont { width: 96% }
	#mp { font-size: 9vw; }
	#footna {display:none }
	.btni{ font-size:24px }
	.acct{ right:5px; }
	body { text-align:center; }
	#howtomn { width:98%; }
}
@media screen and (min-width: 850px) { /* screen width > 850px */
	#mmenu { width:300px; display:inline-block; height:var(--h); }
	#wny { margin-left:300px; margin-right:max(calc(var(--x) - 1500px),5px); justify-content: center }
	#headname {text-align:center; padding-left:300px; padding-right:max(calc(var(--x) - 1500px),5px); }
	#buttons { padding-left:300px; padding-right:max(calc(var(--x) - 1500px),5px); }
	#breadcrumb { width: min(var(--w),1200px); }
	#pcont { width: min(var(--w),1200px); }
	#footna {display:inline-block }
	.btni{ font-size:30px; }
	.acct{ right:max(calc(var(--x) - 1500px),5px); }
	body { text-align:left; }
	#howtomn { width:min(var(--w),1200px); }
}
@media screen and (max-width: 1150px) and (min-width: 850px) { /* screen width < 1150px > 850px*/
	#narc { width:90%; }
}
@media screen and (min-width: 1150px) { /* screen width > 1150px*/
	#narc { width:calc(100% - 460px); }
}


@keyframes dodotty {
  0% {opacity:1}
  60% {opacity:0}
  100% {opacity:1}
}

.dotty {
	color:firebrick;
	font-size:16px;
	font-family:arial;
	animation-name: dodotty;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}

@keyframes beinsp2 {
  0% {opacity:0}
  100% {opacity:1}
}

.beinsp {
	opacity:0;
	margin-top:-20px;
	margin-left:52%;
	text-align:left;
	color:white;
	font-family:georgia;
/*	animation-name: beinsp;
	animation-delay: 7s;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	border:solid 0px red;*/
}
.navimg {position:relative; background-size:250px 250px; background-repeat:no-repeat; background-position:center; cursor:pointer; width:90%; max-width:290px; height:0; padding-bottom:90%; border:0px #0F190F solid; transition: background-size 1s}
.navimg:hover {background-size:300px 300px}
.navcont { display:inline-block; width:48%; max-width:320px; text-align:center; border:0px #0F190F solid; line-height:100%; text-decoration:none}
.navttl {display:inline-block; font-family:georgia; font-size:34px; text-align:center; line-height: 0px; color:black}
.navttle {line-height:0.8; position:absolute; bottom:0; font-family:georgia; width:100%; font-size:28px; text-align:center; color:dimgrey; background-color:white; vertical-align:top; padding:6px 0px 6px 0px}
.navtxt {font-family:verdana; font-size:16px; text-align:center; line-height:18px; color:black}
.navimgs {position:relative; background-size:200px 200px; background-repeat:no-repeat; background-position:center; cursor:pointer; width:90%; max-width:240px; height:0; padding-bottom:45%; border:0px #0F190F solid;}
.nimgs {position:relative; opacity:1; background-size:200px 200px; background-repeat:no-repeat; background-position:center; padding-bottom:45%; top:0px;  width:90%; max-width:240px; height:0px; transition: background-size 1s, width 1s, opacity 1s}
.nimgs:hover {background-size:250px 250px; width:250px; opacity:1}
.navconts { display:inline-block; width:48%; max-width:270px; text-align:center; border:0px #0F190F solid; line-height:100%; text-decoration:none}
.navttles {position:absolute; bottom:0; font-family:georgia; width:100%; font-size:clamp(16px, 3vw, 24px); text-align:center; color:dimgray; background-color:white; padding-top:8px; padding-bottom:8px; line-height:1.0}
.navttleso {line-height:26px; position:absolute; bottom:0; font-family:georgia; width:100%; font-size:22px; text-align:center; color:dimgray; background-color:white; vertical-align:top; padding-bottom:3px}
.ftrimg {display:inline-block; background-size:200px 200px; background-repeat:no-repeat; background-position:center; cursor:pointer; width:180px; height:180px; border:0px #0F190F solid; transition: background-size 1s}
.ftrimg:hover {background-size:230px 230px}
.ftrcont {display:inline-block; width:180px; text-align:center; border:0px #0F190F solid; vertical-align:top}
.ftrttl {font-family:arial; font-size:20px; text-align:center; line-height: 0px; color:gray}
.ftrprc {font-family:arial; font-size:30px; text-align:center; color:dimgray; margin-top:8px}
.ftrtxt {font-family:verdana; font-size:18px; text-align:center; color:black}
.dings { font-family:webdings; font-size:16px}
.dingss { font-family:webdings; font-size:12px; color:lightgray}
.bulllg { font-size:16px}
.bullsm { font-size:12px;}
sup {font-size:18px;margin-top:8px}
.heart {
	aspect-ratio: 1;
	clip-path:
	shape(
		from 50% 91%,
		line to 90% 50%,
		arc to 50% 9%  of 1%,
		arc to 10% 50% of 1%
	);
}