:root {
    /* Default to 1vw = 1% of the viewport width */
        --pagemax: 960px;
        --minfont: 13.5px;
        --mvw: 1vw;
}

@media (min-width: 961px) {
    :root { --mvw: calc(9.6px); }
}


*, *:before, *:after {
box-sizing: border-box;
}


/* NOTES 20150305 sidemenu first occurance working jmi barmenu system */

.highdome {
	/*display: none !important;*/
	}
.hghlght {
        opacity: 0; position: absolute;
        }
html {
	margin: 0;
	padding: 0;
	font-size: 16px;
	}
body {
	margin: 0;
	padding: 0;
	background: #000000;
	font-size: 100%;
	font-family: Helvetica, Arial, sans-serif;
	}

table, input, select {
	font-size: 100%;
	}

h1 {	font-size: 2em;	margin: 20px 10px 10px 10px;}
h2 {	font-size: 1.4em; line-height: 1.125; margin: 10px; }
h3 {	font-size: 1.125em;	}
h4 {	font-size: 1em;	}

h1, h2, h3, h4, p {
	margin-left: 1%;
	margin-right: 1%;
	color: #000000;
	}
p {
	margin-left: 10px;
	margin-right: 10px;
	}

a {
	color: #0000ff;
	/*text-decoration: none;*/
	}
a:hover {
	color: #ff00ff;
	}
h2 a:after, h3 a:after {
	content: url('../graphics/chain-small16-red.png');
	}
h2 a:hover:after, h3 a:hover:after {
	content: url('../graphics/chain-small16-black.png');
	}
.addchain a:after {
	content: url('../graphics/chain-small10-red.png');
	}
.addchain a:hover:after {
	content: url('../graphics/chain-small10-black.png');
	}

h2 a {
	text-decoration: none;
	}
img {
	width: 100%;
	display: block;
	border: 0;
	}
.dimit {
	font-size: .85em;
	}
ol {
	overflow: hidden;
	margin-left: 0;
	padding-left: 1.25em;
	}
ol li {
	list-style-position: outside;
	}
ul {
	list-style: none;
	margin-left: 0;
	padding-left: .6em;
	}
ul li {
	list-style-position: inside;
	margin-left: 1.25em;
	}
ol li {
	margin-left: 1.25em;
	margin-bottom: .85em;
	}
	
h1 {
	font-size: 1.8em;
	font-weight: normal;
	font-family: Arial, sans-serif;
	line-height: 1.125;
	}

h3 	{ 
	margin-bottom: 8px;
 	}

#container {
	width: var(--pagemax);
	padding: 5px 0em 5px 0em;
	color: #000000;
	font-size: clamp( var(--minfont), calc(1.75 * var(--mvw)), 1rem);
	line-height: 1.3; /* 1.5em */
	overflow: hidden;
	margin: 0px auto;
	}


/* MASTHEAD ======================== */
/* MASTHEAD ======================== */
#masthead {
	width: 100%;
	background: #000000; /* must be same as topmenu */
	position: relative;
	overflow: hidden;
	}
#masthead #cartbtn {
	position: absolute;
	top: 3px;
	right: 3px;
	}
#mastmenu {
	color: #eeeeee;
	width: 100%;
}
#mastmenu ul {
        font-size: .80em;
        list-style: none;
        padding: 0;
	margin: 0;
        text-align: right;
}
#mastmenu ul li {
	margin: 2px 9px;
	display: inline-block; 
	text-align: center;
	overflow:hidden;
	font-weight: bold;
	padding: 0px;
}
#mastmenu ul li a {
	color: #eeeeee;
	text-decoration: none;
}
#mastmenu ul li a:hover {
	color: #ffffff;
}

a.poppity {
	display: block;
	padding-top: 1px;
	padding-right: 0px;
}
a.poppity:hover {
	padding-top: 0px;
	padding-right: 1px;
	border-bottom: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
}


/* MASTHEAD LOGO ============================ */
#logoleft {
	margin: 0;
	padding: 0;
	float: left;
	width: 50%;
	/*height: 192px;*/
	/*background: url("../graphics/sitelogoleft.jpg") no-repeat fixed center top / cover #cccccc;*/
	position: relative;
	background-size: calc();
	/*border-bottom: 1px solid #3A2A2a;*/
	}
#logoright {
	margin: 0;
	padding: 0;
	float: right;
	width: 50%;
	/*height: 192px;*/
	/*background: url("../graphics/sitelogoright.jpg") no-repeat fixed center top / cover #cccccc;*/
	position: relative;
	background-size: calc();
	/*border-bottom: 1px solid #3A2A2a;*/
	}
#logoleft img,
#logoright img {
	width: 100%;
	/*height: 100%;*/
	}


#innercontainer {
	overflow: hidden;
	padding: 0px;
	width: 100%;
	background: #ffffff;
	min-height: 18em;
	position: relative;
}


/* TOPMENU ======================== */
#topmenu {
	color: #444444;
	background: #000000;
	text-align: center; 
	padding-top: 2px;
	padding-bottom: 4px;
	width: 100%;
	}

#topmenu ul {
	margin: 4px 0px 0px 0px;
	font-size: .95em;
	list-style: none;
	padding: 0;
	text-align: center;
	z-index: 30;
	}

#topmenu ul li {
	margin: 4px 7px;
	display: inline-block;
	text-align: center;
	overflow:hidden;
	height: 100%;
	font-weight: bold;
	border-radius: 6px;
	}

#topmenu ul li a {
	padding: 8px 6px;
	color: #444444;
	text-decoration: none;
	line-height: 30px;
	border: 1px solid #ffffff;
	border-radius: 5px;	
/*	border-top: 1px solid #ff0000;
	border-left: 1px solid #ff0000;
	border-right: 1px solid #ff0000;
	border-bottom: 1px solid #ffffff; */
	background: #eeeeee;
	}
#topmenu ul li a:hover {
	color: #000000;
	background: #cccccc;
	}
#innercontainer {
	width: 100%;
}
#rccontent {
	margin: 0em;
	overflow: hidden;
	font-size: clamp( var(--minfont), calc(1.75 * var(--mvw)), 1rem);
	}
/* CATMENU ======================== */
#catmenu_infooter,
#catmenu {
	color: #444444;
	background: #000000;
	text-align: center; 
	padding-top: 2px;
	padding-bottom: 4px;
	width: 100%;
	}

#catmenu_infooter ul,
#catmenu ul {
	margin: 4px 0px 0px 0px;
	font-size: .85em;
	list-style: none;
	padding: 0;
	text-align: center;
	z-index: 30;	
	}

#catmenu_infooter ul li,
#catmenu ul li {
	margin: 2px 4px;
	display: inline-block;
	text-align: center;
	overflow:hidden;
	height: 100%;
	font-weight: bold;
	}
#catmenu_infooter ul li a,
#catmenu ul li a {
	padding: 8px 6px;
	color: #444444;
	text-decoration: none;
	line-height: 30px;
	border: 1px solid #ffffff;
	border-radius: 5px;
	background: #eeeeee;
        white-space: nowrap;
	}
#catmenu_infooter ul li a:hover,
#catmenu ul li a:hover {
	color: #000000;
	background: #cccccc;
	}

#barmenu {
	position: relative;
	background: #888888;
	width: 190px;
	width: 100%;
	font-size: .8em;
	padding: 2px 0 0 0;
	text-align: center;
	/* border-right: 1px solid #333333; */
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	}


#barmenu ul {
	margin: 0;
	list-style: none;
	padding: 0 0 0 1%;
	}


#barmenu ul li {
	margin: 2px 0 0 .5%;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	width: 18%;
}
#barmenu ul li span {
}
#barmenu ul li ul {
}
#barmenu ul li ul li {
	width: 100px;
}
#barmenu ul li ul li a {
}

#barmenu ul li a {
	border: 1px solid #111111;
	border-radius: 5px;	
	padding: 4px 0px 4px 6px;
	display: block;
	line-height: 1.4em;
	text-decoration: none;
	font-weight: bold;
        color: #68240F;
	/*color: #444444;*/
	background: #dddddd;
	width: 97.5%;
	margin-left: 1%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#barmenu ul li a:hover {
	border: 1px solid #000000;
        font-weight: bold;
        color: #440000;
	/*color: #000000;*/
	background: #cccccc;
}
#barmenu span.special {
/*	font-weight: bold; 
	color: #68240F;*/
	}

#sidearea {
	float: right;
	margin: 0px 0px 4px 6px;
	width: 250px;
	border-left: 1px solid #111111;
	border-bottom: 1px solid #111111;
	background: #eeeeee;
	font-size: .80em;
	overflow: hidden;
	color: #111111;
	padding-left: 4px;
	padding-right: 4px;
	}

#sidearea h2 {
	font-size: 1.25em;
	}
#sidearea p,
#sidearea h2,
#sidearea h3 {
	color: #111111;
	margin-bottom: 5px;
	}
#sidearea p {
	margin-top: 5px;
	}
#sidearea a {
	font-weight: bold;
	color: #000000;
	}
#sidearea a:hover {
	color: #ff00ff;
	}
#sidearea  {
	font-size: .85em;
	line-height: 1.4;
}

#sidearea ul.menu {
	list-style: none;
	margin-left: 0em;
	padding-left: 0em;
}

#sidearea ul.menu li {
	margin: 0em 0em .3em 0em;
}

#sidearea ul.menu a {
	width: 90%;
	margin-left: 3%;
	border: 1px solid #000000;
	padding: 4px 6px;
	line-height: 1.4em;
	display: block;
	text-decoration: none;
	color: #ffffff;
	background: #555555;
}


#sidearea ul.menu a:hover {
	color: #000000;
	border: 1px solid #70A3FF;
	background: #ffffff;
}

#sidemenu {
	clear: both;
	width: 100%;
	}

#sidemenu ul {
	list-style-type:none;
	width: 100%;
	margin: 0;
	padding: 0 0 5px 0;
	font-size: .85em;
	}
#sidemenu li {
	margin: 5px 0 0 0;
	padding: 1px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
	white-space: nowrap;
	}
#sidemenu li:hover {
	background: #E3E8E5; /* #F2F5F3; */
        border-top: 1px solid #342662;
        border-bottom: 1px solid #342662;
	}
#sidemenu li a {
	color: #1F2B6D;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: .3em 0 0 .5em;
	}
#sidemenu li a:hover {
	color: #000000;
	}
#sidemenu ul li a span {
	color: #A12D20;
	white-space: normal;
	display: block;
	margin-left: 6%;
	}

.ulqalist {
	clear: left;
	list-style-type: none;
	padding-left: 0px;
}
.ulqalist ul {
	list-style-type: none;
	padding-left: 20px;
	margin-bottom: 6px;
}

/* FOOTER ======================== */
#footer {
	padding: 0 1em 1em 1em;
	overflow: hidden;
	background: #eeeeee;
	color: #000000;
	border-top: 1px solid #111111;
	}
/* ftmenu use ul default*/
#footer ul {
	width: 100%;
	padding: 6px 0;
	list-style: none;
	margin: 0px 0 5px 0;
	text-align: center;
	font-size: .9em;
	}
#footer ul li {
	display: inline-block;
	margin: 4px 8px;
	padding: 0;
	}
#footer ul li a {
	padding: 0 12px 0 12px;
        color: #000000;
	text-decoration: none;
	border: 1px solid #000000;
	}
#footer ul li a:hover {
	color: #ffffff;
        background: #5483A4;
	}

/* FORM ============================== */
form { margin:0; padding:0; display:block;}

#searchette .submitbutton {
	font-size: .85em;
	}
#searchette {
	margin-left: 5px;
	margin-bottom: 10px;
	}

.basicform { 
	float: left; 
	margin-top: .75em;
	margin-bottom: .75em;
	}

.fieldpair {
		display: block;
		clear: both;
		padding: .2em 1.24em;
		margin: 0;
	}

p.fieldname {
		clear: left;
		float: left;
		width: 6em; /* 8em; */ /* 100px; */
		text-align: right;
		margin: 0;
		padding: 0;
	}

p.fieldinput {
		float: left;
		text-align: left;
		padding: 0 0 0 .4em;
		margin: 0;
	}

.submitbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .85em;
	margin-left: 12px;
	}
#fblike {
	width: 290px;
	margin-left: 10px;
	margin-bottom: 10px;
	background: #ffffff;
	overflow: hidden;
	padding: 10px 3px 5px 8px;
	border: 1px dashed #00ccaa;
}

/* =================================== */
.boxreset {
        margin: 0;
        height: 0;
        padding: 0;
        width: 100%;    /* this is the magic element to fix the h1 clump */
        clear: both;    /* magic element makes box shrink-wrap */
}

.floatright {
        float: right !important;
        margin: 6px 5px 0px 8px;
}

.floatleft {
        float: left;
        margin: 6px 10px 0px 5px; 
	overflow: hidden;
}
.fleft {
        float: left;
}

.floatcenter {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	}

p.notice {
	color: #D22D0C;
	}
.bulletin {
	border: 1px dotted #A2A1FF;
	background: #FEF3A9;
	overflow: hidden;
	}
.bulletin .sample {
	font-size: .85em;
	}
ul.address {
	list-style-type: none;
	margin-left: 0;
	padding-left: 10px;
}
.hug {
	margin-top: -12px;
	}
.picncap {
        overflow: auto;
        margin: .7em 1em;
        text-align: center;
        font-size: .85em;
        }
.picncap img {
        margin: 0 auto;
        }
.picncap p {
        margin: 0px 0px 5px 5px;
	line-height: 1em;
        }
#mainpicfull,
#mainpicr,
#mainpic {
	overflow: hidden;
        text-align: center;
        font-size: .85em;
        width: 47%;
        float: left;
        margin: 2.5%;
	}
#mainpicfull {
	float: none;
        width: 94%;
	}

#mainpicr {
	float: right;
	}
#mainpicfull p,
#mainpicr p,
#mainpic p {
        margin: 0px 0px 5px 5px;
	line-height: 1.125;
        }
#mainpic2r,
#mainpic2 {
        width: 25%;
        float: left;
        margin: 3%;
        }
#mainpic2r {
	float: right;
	}
#mainpic2r p,
#mainpic2 p {
	text-align: center;
        margin-left: 0px;
        margin-top: 0;
        margin-bottom: 0;
        }
#mainpic2r h3,
#mainpic2 h3 {
	text-align: center;
        margin-left: 0px;
        margin-top: 3px;
        margin-bottom: 0;
        }

.flexbtn {
        font-size: .90em;
	padding: 10px;
        float: left;
	overflow: hidden;
        text-align: center;
        }
.flexbtn img {
/*	width: 100%;
        margin: 0; */
	border: 1px solid;
        }
.flexbtn p {
        margin: 0px 0px 5px 5px;
	line-height: 1em;
        }
.flexbtn a {
	text-decoration: none;
	}


.flexbtn20 {
	width: 18.5%;
        float: left;
        margin: 10px 0 0px 1%; 
	overflow: hidden;
        text-align: center;
        }
.flexbtn20 img {
	width: 100%;
        margin: 0;
	border: 1px solid;
        }
.flexbtn20 p {
        font-size: .85em;
        margin: 0px 0px 5px 5px;
	line-height: 1em;
        }
.flexbtn20 a {
	text-decoration: none;
	}
.truncate {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	}

.flexbtn20 h2 {
	font-size: 1em;
	}

.moreinfo {
        font-size: .85em;
        font-weight: bold;
        }

p.price {
	font-size: 1.3em;
	margin-top: 0px;
	margin-bottom: 0px;
	}
p.price span {
	font-size: 1.3em;
	color: 	#ff0000;
	}
p.regularprice {
	font-size: 1em;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #000000;
	}
p.saleprice {
	font-size: 1.125em;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #ff0000;
	}
p.saleprice span {
	font-size: 1.3em;
	}
p.regprice {
	font-size: 1em;
	margin-top: 0px;
	margin-bottom: 0px;
	}

h3.regprice { margin-bottom: 5px;}
h3.price,
h3.saleprice {
        color: #ff0000;
        font-size: 1.25em;
        margin-top: 4px;
        margin-bottom: 5px;
        }
h3.regprice span { font-size: 1.125em; }
h3.price span,
h3.saleprice span { font-size: 1.3em; }

.ppadd {
        text-align:center;
        width: 140px;
	overflow: hidden;
        }
.ppadd p {
	margin: 0;
	padding: 0;
	}

.ppadd form {
        padding: 0;
        margin: 0;
        }

.cartfaq {
	display:none;
        font-size:.85em;
        margin: 0;
        padding: 0;
        }

.ednote50,
.ednote {
	padding: 6px 8px;
	margin: 10px 20px;
	background: #eeeecc;
	border: 1px dotted #8C3B41;
	overflow: hidden;
	}

.ednote50 p,
.ednote p {
	}
.ednote50 {
	float: left;
	width: 40%;
	margin: 10px 0px 10px 6%;
	}

.ednotesm {
	margin: 5px 8px;
	background: #eeeecc;
	border: 1px dotted #8C3B41;
	overflow: hidden;
	font-size: .8em;
	}

.ednote p {
	}

.testimonial {
	padding: 6px 8px;
	margin: 10px 20px;
	background: #EFE5FD;
	border: 1px dotted #0066CC;
	overflow: hidden;
	}
.testimonial a {
	color: #0000ff;
	font-weight: bold;
	}
.testimonial p {
	font-size: .9em;
	color: #111111;
	/* margin: 0px;*/
	/*font-style: italic;*/
	}
.testimonial p.bywho {
	text-align: right;
	font-size: .85em;
	font-style: normal;
	margin-top: -1em;
	}
#bcrumbobj {
	clear: right;
	float: right;
	margin: .5em .5em 0 0;
	font-size: .85em;
	}
#bcrumbobj a {
	color: #ffffff;
	}
#gtrans {
	position: absolute;
	bottom: 1px;
	right: 4px;
	font-size: .6em;
	font-weight: bold;
	}
#gtrans a {
	color: #ffffff;
	}

.matrixbox {
	float: left;
	width: 250px;
	height: 250px;
	margin: 10px;
	position: relative;
	
	}
.matrixbox img {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 0;
	left: 0;
	}

.relateditem,
.feature,
.payoption,
.featurette {
	float: left;
	width: 46%;
	margin-left: 2%;
	background: #F3FFD3;
	font-size: .85em;
	line-height: 1.3;
	border: 1px solid #000000;
	margin-bottom: 1em;
	}

.relateditem,
.feature {
	width: 90%;
	margin-left: 5%;
	font-size: .85em;
	line-height: 1.3;
	position: relative;
	}
.relateditem img {
	float: left;
	margin: 1%;
	width: 30%;
	}
.relateditem h2 {
	font-size: 1.125em;
	}
	

#sidearea .feature {
	width: 96%;
	margin-left: 2%;
	}

.featurette h2 {
	font-size: 1em;
	line-height: 1.25;
	margin-top: .4em;
	}
.feature h2 {
	font-size: 1.125em;
	line-height: 1;
	margin-top: .4em;
	margin-bottom: .4em;
	}
.feature h3 {
	margin-top: .4em;
	margin-bottom: 0em;
	}

.feature p,
.payoption p,
.featurette p {
	margin: 0 .5em .3em .5em;
	}
.feature img,
.payoption img,
.featurette img {
	width: 30%;
	float: left;
	margin: 1%;
	border: 1px solid #63839B;
	}

.feature .floatright {
	margin: 0 1em .4em .5em;
	padding: 0;
	}
.feature .floatright img {
	margin: 0;
	padding: 0;
	}
.feature p.moreinfo {
	float: right;
	}
.width50 {
	width: 45%;
	margin-right: 4%;
	}
.bmrgtarget {
	display: none;
	}
.prodchoice {
	font-size: .9em;
	}
.prodchoice h2 {
	margin-bottom: 0px;
	font-size: 1.125em;
	}
.prodchoice h4 {
	margin-top: 0px;
	margin-bottom: 5px;
	}

.buttonette {
	float: left;
	}

.picleftbox {
	overflow: hidden;
	margin-top: 9px;
	margin-bottom: 5px;
	margin-left: 1%;
	width: 23.5%;
	float: left;
	font-size: .9em;
}
.picleftbox img {
	float: left;
	margin-right: 4px;
	border: 1px solid #111111;
	width: 30%;
	}
.picleftbox h2 { font-size: 1.25em; }
.picleftbox h3 { font-size: 1.125em; }

.picleftbox h2,
.picleftbox h3 {
	margin-top: 0px;
	}

.imgstrip {
	text-align: center;
	}
.imgstrip img {
	margin: 6px 0px;
	border: 1px solid;
	}

.testimonialw {
        font-size: 1em;
        line-height: 1.3;
        background: #ffffff;
        margin: 10px 4px;
        }
.testimonialw p {
        color: #000000;
        }
.testimonialw p.bywho {
        text-align: right;
        margin-top: -5px;
        padding-top: 0px;
        }
.testimonialw em {
        font-weight: bold;
        font-style: normal;
        font-size: 1.4em;
        }
.testimonialbox {
	background: #FFEFD3;
	border: 1px solid #DE842A;
        padding: 4px;
        margin: 0 1% 15px 3%;
	display: list-item;
	overflow: hidden;
        }
.testimonialbox span {
	font-weight: bold;
	}
.testimonialbox img {
	float: left;
	margin-right: 1%;
	margin-left: 1%;
	width: 25%;
	}
.testimonialbox .tguy { }
.tguy img,
.testimonialbox .tguy img {
	width: 42px;
	}

.testimonialbox h2 {
        color: #000000;
        font-size: 13px;
        margin-bottom: 5px;
        text-decoration: none;
        }
.testimonialbox p {
        color: #000000;
        font-size: 12px;
        text-decoration: none;
        }
.testimonialbox a {
        color: #790727;
        }

.objstrip {
}

.objstrip object {
	float: left;
	margin: 5px;
	}

.fixedbtnhorz,
.fixedbtn80,
.fixedbtn {
	width: 144px;
	float: left;
	font-size: .85em;
	line-height: 1.125;
	overflow: hidden;
	margin: 5px;
	text-align: center;
	border: 1px solid; 
}
.fixedbtn80 {
	width: 80px;
	}

.fixedbtnhorz img {
	height: 110px;
	width: auto;
	}
.fixedbtnhorz a,
.fixedbtn80 a,
.fixedbtn a {
	text-decoration: none;
}	
.fixedbtnhorz p,
.fixedbtn80 p,
.fixedbtn p {
	font-size: .85em;
	width: 90%;
	margin: 0 0 0 5px;
	padding: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	}
#mainpic .fixedbtnhorz p,
#mainpic .fixedbtn80 p,
#mainpic .fixedbtn p {
	font-size: 1em;
	margin-top: 3px;
	}
.sayboxmini,
.saybox {
	background: #FFEFD3;
	border: 1px solid #DE842A;
	overflow: hidden;
	margin: 5px 0 8px 5%;
	width: 90%;
	display: list-item;
}
.sayboxmini {
	font-size: .8em;
}
.sayboxmini p {
	margin: 3px 5px;
}

.jmmcoverlet {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: url("../graphics/alphab80.png");
}

#barmenu .jmiclsbtn {
	display: none;
}

#barmenu h3.jmitrigger {
	border: 1px solid #000000;
	color: #ffffff;
	background: #555555;
	width: 90%;
        padding: 4px 0px 4px 6px;
	margin-left: 3%;
}
#barmenu h3.jmitrigger:hover {
	border: 1px solid #D1394E;
	color: #FFBDC6;
}



.cartette {
	float: left;
	margin: 5px;
	}

.ytvid {
	margin: 5px;
	overflow: hidden;
 }
.vidarray { }
.vidarray .ytvid {
	float: left;
	}

.madeusa {
	font-size: .80em;
	display: none;
	}
.madeusa img {
	margin-right: 10px;
	float: left;
	width: 37px;
	}
	
.lmnote {
	margin: 10px 0px;
	font-size: .8em;
	}
.lmnote p {
	padding: 5px 0px;
	}

.vidright {
        float: right;
        margin: 6px 5px 0px 8px;
	overflow: hidden;
}

.vidleft {
        float: left;
        margin: 6px 10px 0px 5px; 
	overflow: hidden;
}
.vidright h2,
.vidleft h2 {
	margin-left: 0px;
	margin-bottom: 2px;
	font-size: .8em;
}

.saleoption {
	clear: left;
	overflow: hidden;
	font-size: .85em;
	margin: 10px 5px;
	border: 1px solid;
}
.saleoption img {
	float: left;
	width: 120px;
	margin: 5px;
	}
.saleoption .buybtn {
	width: 150px;
	float: right;
	text-align: center;
	}
.saleoption h2 {
	margin-top: 2px;
	}
.saleoption p {
	margin: 3px 5px;
	}
.saleoption .buybtn .ppadd {
	margin-top: 15px;
	}

/* SPECIAL */

.notebox {
	border: 1px solid #ff0000;
	border-radius: 8px;
	display: table;
	margin: 1.4em 1em;
	padding: 0em 1em;
}

.notebox h2 {
	margin-top: 8px;
}
.notebox img {
	border-radius: 8px;
}

.enotice {
	color: #ff0000;
	}


/* SECTION CLASS ================================== */
.secsub,
.secsub50,
.section {
        width: 98%;
        padding: 1%;
        margin: 2% 0 2% 1%;
        border: 1px solid;
        border-radius: 8px;
        overflow: hidden;
        display: block;
        }
.secsub {
        width: 95%;
        padding: 0.5% 0.5% 1% 0.5%;
        margin: 2% 0 2% 2.5%;
	background: #eeeeee;
	}
.secsub50 {
        width: 45%;
        padding: 0.5% 0.5% 1% 0.5%;
        margin: 2% 0 2% 2.5%;
	background: #eeeeee;
	float: left;
	}
.associated {
	background: #ffffe0;
	}
.related {
	background: #b0e0e6;
	}
.secsub50 h3,
.secsub h3 {
	margin-top: 1%;
	margin-bot: 1%;
	}
.section ul {
        display: table;
        }

.secpic30,
.secpicr,
.secpic {
        width: 50%;
        float: left;
        margin: 0 1% 0 0;
        border: 1px solid;
        border-radius: 8px;
        overflow: hidden;
        display: block;
        }
.secpic30 {
	width: 30%;
	}
.secpicr {
	float: right;
	margin: 0 0 0 1%;
	}
@media (max-width: 640px) {
   .secpicr,
   .secpic {
	width: 100%;
	}
   .secpic30 {
	width: 50%;
	}
}
@media (max-width: 480px) {
   .secsub50 {
	width: 95%;
	}
   .secpic30,
   .secpicr,
   .secpic {
	width: 50%;
	}
}

.ejminimg {
	width: 77px;
	border: 1px solid;
	float: left;
	margin: 5px 5px 0 10px;
	}

.videowrapperouter {
	overflow: hidden;
}
.videowrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
	overflow: hidden;
}
.videowrapper object,
.videowrapper embed,
.videowrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}

/****************** GRIDBY4 GRIDBY3 GRIDBY2 ****************/
/* updated from 10/30/2025 from IDHHB */
.gridby6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr)); 
    gap: 10px; /* Space between items */
    padding: 10px; /* Padding around the grid */
}
@media (max-width: 825px) { 
    .gridby6 {
	grid-template-columns: repeat(5, minmax(0, 1fr)); 
	}
}

@media (max-width: 640px) {
    .gridby6 {
	grid-template-columns: repeat(4, minmax(0, 1fr)); 
	}
}	
@media (max-width: 492px) {
    .gridby6 {
	grid-template-columns: repeat(3, minmax(0, 1fr)); 
	}
}	
@media (max-width: 413px) {
    .gridby6 {
	grid-template-columns: repeat(2, minmax(0, 1fr)); 
	}
}	

.gridby4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    padding: 10px;
}
@media (max-width: 640px) {
   .gridby4 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.gridby3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 10px;
}
.gridby3 .relateditem,
.gridby3 .secsub50 {
	width:100%;
	margin: 0;
	}
.gridby3only {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 10px;
}
@media (max-width: 640px) {
   .gridby3 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
.gridby2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 10px;
}
.gridby2 .relateditem,
.gridby2 .secsub50 {
	width:100%;
	margin: 0;
	}
.gridby2only {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 10px;
}
@media (max-width: 480px) {
   .gridby2 {
	grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}
.gridby1 {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    padding: 10px;
}
.gridby321 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 10px;
}
@media (max-width: 900px) {
   .gridby321 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        }
}
@media (max-width: 648px) {
   .gridby321 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        }
}



/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.redarrow {
	width: 50px; 
	display: inline-block;
	}
.redarrow:after {
	content: '';
	display: block;
	clear: left;
	}

/* xxx dtlist xxx */
.dtlist {
        margin: .6em 1em;
        }
.dtlist dt {
        font-style: bold;
        color: #ff0000;
	font-size: 1.125em;
        }
.dtlist dt a {
	color: #ff0000;
	}
.dtlist dt a:hover {
	color: #000066;
	}

.dtlist dt a:after {
        content: url('../graphics/chain-small10-red.png');
        }

.dtlist dt a:hover:after {
        content: url('../graphics/chain-small10-black.png');
        }

.dtlist dd ul {
	margin-top: 0;
	}
.dtlist dd ul li {
	padding: 0;
	margin: 0;
        }

	
.width30 {	/* no jump on 480 */
	width: 30%;
	}
.width40 {	/* no jump on 480 */
	width: 40%;
	}
.width50 {
	width: 48%;
	}

.pwidth90 {
	width: 90%;
	margin-left: 5% !important;
	overflow: hidden;
	}

.pwidth30r,
.pwidth40r,
.pwidth50r,
.pwidth30,
.pwidth40,
.pwidth50 {
	margin: 1.5% 1.45% 1% 1.45%;
	float: left;
	overflow: hidden;
	}

.pwidth50r,
.pwidth50 {
	width: 47%;
	}
.pwidth40r,
.pwidth40 {
	width: 37%;
	}
.pwidth30r,
.pwidth30 {
	width: 30%;
	}
.pwidth30r,
.pwidth40r,
.pwidth50r {
	float: right;
	}

.box100 {
	width: 100%;
	position: relative;
	}
.box90 {
	width: 90%;
	position: relative;
	}
.box50 {
	width: 48%;
	position: relative;
	}
.box40 {
	width: 39%;
	position: relative;
	}
.box33 {
	width: 32%;
	position: relative;
	}

.dottedredborder {
	border: 2px dotted #990000; 
	margin: .5em; 
	padding: .2em; 
	border-radius: 5px;
}
.checkoutour {
	width: 20%; 
	display: inline-block; 
	font-size: .8em; 
	text-align: center;
        float: right;
        margin: 6px 5px 0px 8px;
}
#linksharediv img {
	width: 24px;
	height: auto;
	}

.cdoption {
	float: left;
	overflow: hidden;
	}
.cdoption p.price,
.dloption p.price {
	font-size: 1em !important;
	margin: 0 0 2px 0;
	}

.cdoption {
	float: left;
	overflow: hidden;
	text-align: center;
	margin-top: 6px;
	}
.cdoption .ppadd input[type=image] {
        width: 120px;
}

.dloption {
	float: right;
	overflow: hidden;
	text-align: center;
	}
.dloption p {
	line-height: 1;
	}
.dloption img {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	max-width: 120px;
	}
.dloption a img {
	border: 1px solid #ffffff;
	}
.dloption a img:hover {
	border-top: none;
	border-left: none;
	border-right: 2px solid #bbbbff;
	border-bottom: 2px solid #bbbbff;
	}

.pzpdfitem {
	width: 45%;
	float: left;
	min-height: 170px;
	margin: 5px 2.5% 15px 2.5%;
	}
.pzpdfitem img {
	width: 100px;
	float: left;
	margin-right: 4px;
	}
.pzpdf,
.pzmp3 {
	overflow: hidden;
	}

.pzpdf p.price,
.pzmp3 p.price  {
        font-size: 1.3em;
        margin-top: 0px;
        margin-bottom: 0px;
        color: #ff0000;
        font-size: 1.125em;
	color: #0000ff;
        }

.pzpdf p.title,
.pzmp3 p.title {
        font-size: 1.3em;
        margin-top: 10px;
        margin-bottom: 0px;
        color: #ff0000;
	}

.pzpdf p.moreinfo,
.pzmp3 p.moreinfo {
	display: none;
	}

.pzpdfitem .pzpdf p.moreinfo,
.pzpdfitem .pzmp3 p.moreinfo {
	font-size: .85em;
	font-weight: bold;
	text-align: center;
	padding-top: 0;
	margin-top: 8px;
	display: block;
	}

.pzpdf .pzlink img,
.pzmp3 .pzlink img {
	height: 28px;
	width: auto;
	margin-left: 12px;
	}


.pzaudiowrapper {
	overflow: hidden;
	padding-left: 10px;	
	}
.pzaudio {
	}
.pzaudio .title {
	font-size: 1.25em;
	margin-bottom: 0px;
	margin-left: 0px;
	}




.saleoption .price,
.pzaudio .price {
	margin-top: 0px;
	font-size: 1em;
	color: #000066;
	margin-left: 0px;
	}
.saleoption .price span,
.pzaudio .price span {
	color: #ff0000;
	font-size: 1.25em;
	}
.pzlink188 {
	width: 188px;
	display: inline-block;
	}
.referto {
        margin: 10px 4px 4px 6px;
        background: #ffff49;
        float: right;
        width: 25%;
        text-align: center;
        padding: 10px;
        border: 1px dotted #777777;
        border-radius:7px;
        }
.referto h2 {
        color: inherit;
}
.referto:hover {
        background: inherit;
}
.referto a {
        color: #0000ff;
}
.referto a:hover {
        color: #009900;
}

#pgmsg { margin: 1em;
        padding: 1em 1em 1em 1.5em;
        display: flex;
        border: 1px dashed #009900; border-radius: 2em; }
#pgmsg h2 {margin: 0; font-size: .85em;}


/* @media helper classes */

.nodisp480 {
	display: auto;
	overflow: hidden;
	}
.onlydisp480 {
	display: none;
	}
.fullish {
	width: 95%;
	margin-left: 2.5%;
	}
.fullat480 {
	}


.facebookicon { }
.facebookicon h3 {
        font-size: 2em;
        margin-top: 0;
        padding-top:6px;
        }
.facebookicon img  {
        width:144px;
        float:left;
        margin-right: 15px;
        }
@media (max-width: 480px) {
    .facebookicon img {
        width:107px;
        margin-right: 10px;
        }
    .facebookicon h3 {
        font-size: 1.5em;
        }
}


/* Large desktop min- (greater than or equal to) */
@media (min-width: 1200px) { ... }
     
/* Portrait tablet to landscape and desktop 
greater than or equal to 768px special 800px
less than or equal to 979px */
@media (min-width: 800px) and (max-width: 979px) { ... }
     
/* Landscape phone to portrait tablet 
less than or equal to 767px special 799 */ 
@media (max-width:960px) { 
	#mainpicr,
	#mainpic {
		width: 37.5%;
		margin: 2%;
	}
	#container {
		width: 100%;
		/* margin: 0px;*/
	}
	.showshort {
		display: inline;
	}
	#menu {
		display: none;
	}
	#content {
		width: 100%;
		margin-left: 0px;
	}
	#serviceimg {
  		width: 50%;
	}
	#logline {
		position: relative;
		bottom: auto;
		left: auto;
		text-align: center;
	}

}
@media (max-width: 960px) {
	#fboxpop {
        	width: 100%;
	        padding-right: 0px;
	}
}
@media (max-width: 880px) {
	.payoption {
		width: 43%;
		margin-left: 3%;
	}
}
@media (max-width: 680px) {
	#sidearea {
		display: none;
	}
	.rightbox {
		display: none;
	}
	#catmenu {
		width: 100%;
	}
}
@media (max-width: 640px) {
	.payoption {
		width: 90%;
		margin-left: 5%;
	}
	#logoname {
		width: 198px;
		margin: 32px 0 0 10px;
	}

}     
/* Landscape phones and down
less than or equal to 480px */
@media (max-width: 480px) {
	.fullat480 {
		width: 100% !important;
	}
	/*.floatright,
	.floatleft,*/
	.pwidth90,
	.pwidth50,
	.pwidth40,
	.pwidth50r,
	.pwidth40r,
	.item33,
	.box33,
	.box40,
	.box50 {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	#barmenu ul li {
		width: 32%;
	}
	.picncap20,
	.picleftbox {
		width: 47.5%;
		margin-left: 1.5%; 
	}
	.pwidth30,
	.pwidth30r {
		width: 47%;
	}

	.eventbox,
	.widththird,
	.gallery30 {
		width: 98%;
		margin-left: .5%;
		margin-top: 20px;
	}
	.mrgette97 img,
	.popette img {
		width: auto;
      	  	height: 128px;
	}
	#fboxpop h2 {
        	padding-top: 10px;
        	font-size: 1.5em;
	}
	#fboxpop img {
        	float: none;
	        margin-right: 0;
		width: 100%;
	}
	.nodisp480 {
		display: none;
	}
	.onlydisp480 {
		display: block;
		overflow: hidden;
	}
	.fullish {
		width: 100%;
		margin-left: 0px;
	}
	#logoright,
	#logoleft {
		float: none;
		width: 100%;
	}
	#mainpicr,
	#mainpic {
		float: none;
		width: 100%;
		margin: 0px;
	}
	#mainpic2 {
		width: 48%;
	}
	
	#sidemenu ul {
		list-style: none;
		margin: 1px 0 2px 0;
		padding: 2px 0 4px 0;
		text-align: center;
		overflow: hidden;
	}

	#sidemenu ul li,
	#sidemenu ul li:hover {
		width: auto;
		border: none;
		background: none;
		margin: 2px 3px;
		line-height: 2;
		display: inline-block;
		text-align: center;
		overflow:hidden;
	}
	#sidemenu ul li a,
	#sidemenu ul li a:hover {
		padding: 3px 4px;
		text-decoration: none;
		/*line-height: 2em;*/
		border: 1px solid transparent;
		display: inline;
	}
	#sidemenu ul li a:hover {
		color: #000000;
		border: 1px solid #742C16;
		background-color: #F3B86C;
	}

	#rccontent {
		padding: 0 .125em .125em .125em;
	}
	.feature50 {
		width: 100%;
		float: none;
	}
	.fieldpair {
		padding: 3px 0px;
	}
	form {
		margin-left: auto;
		margin-right: auto;
	}
	#mastmenu ul li {
	        margin: 6px 9px;
	}

.referto {
        margin: 5px 4px 4px 3px;
        width: 35%;
        padding: 4px;
        }


}