@import url('https://fonts.googleapis.com/css2?family=Aref+Ruqaa+Ink&family=EB+Garamond&display=swap');
html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

header {position: relative;}

#topfind {width:100%;position: relative;}
#topfind a {
width:100%;
height: 44px;
padding: 4px 95px 4px 5px;
background:#780015;
text-decoration:none;
display:block;
color:#fff;
text-align:right;
font-size:24px;
}
#topfind {width:100%;}
#topfind a:hover {
background-image: linear-gradient(#300, rgba(255,0,0,0));
}
#toptree {position:absolute; top:0; right: 8px; z-index:28; max-width:20%;}
#arc {position:absolute; top:44px; right:0; z-index:22; max-width:100%;}

#nvlogo {position:absolute; top:10px; left: 30px; max-height: 60%; width:auto; z-index:48;}

section#main {max-width:60em; margin: 0 auto; padding: 0; padding: 0.5em;  display: table;}
section#main h1,h2,h3,h4,h5 {font-family: 'Aref Ruqaa Ink', serif; }
section#main h1 {font-size: 2em; color: #991028;}
section#main h2 {font-size: 1.75em; color: #173; margin: 1em 0 6px;}
section#main p { padding: 0.5em 0; font: normal 1.5em/1.5em 'EB Garamond', serif;}

.maincol {display: table-cell; vertical-align:top; padding: 0.5em;}
#lcol {width: 280px;}
#lcol p {padding: 0.5em;}
.maincol ul {margin: 1em 5%; list-style:square;}
.maincol ul li {font: normal 1.35em/1.355em 'EB Garamond', serif;}

.rfloat50 {float:right; max-width:48%; margin: 0 0.5em 6px;}
.lfloat50 {float:left; max-width:48%; margin: 0 0.5em 6px;}

.listing {
	font: normal 0.825em/1.325em verdana, helvetica, arial, sans-serif;
	padding-left: 18px;
}
h3 {font-size:1.5em; color:#083; padding-bottom:0.5em;}
table.wholesale {margin:12px 1em;}
table.wholesale th {font-size:0.875em; padding: 2px 9px; background:#f5f5f5; color:#036;}
table.wholesale td {font-size:0.875em; line-height: 1.25em; padding: 2px 9px; vertical-align:top; border-bottom: 1px dashed #ccc;}

.lred {color:#a00
}

img, video {max-width:100%; height:auto;}
b, strong {font-weight:bold;}
i, em {font-style:oblique;}

.ctr {text-align:center;}

footer {
background:#780015;
text-align:center;
color:#fff;
margin:0;
padding:1em;
}
footer a, footer a:visited {color:#fff;}
footer a:hover {color:#ff6;}

/*-------------------------------------- NAVS -----------------------------------------*/

nav#topnav {
clear:both;
float:left;
width:100%;
position:relative;
margin:1em 0;
text-align:center;
}
a.noline {text-decoration:none; color:#049;}
a.noline:hover  {text-decoration:underline;}
nav#topnav ul {
margin: 0;
padding-left: 0;
list-style-type: none;
font: bold 14px/16px Arial, Helvetica, sans-serif;
}

nav#topnav ul li {
margin-bottom:2px;
display:inline-block;
}
nav#topnav ul li a
{
display: block;
text-align:left;
padding: 5px 9px;
background:#780015;
background-image: linear-gradient(#a5041f,#780015);
border-radius: 4px;
text-decoration:none;
color: #fff;
}

 nav#topnav ul li a:visited
{
color: #fff;
}

nav#topnav ul li a:hover,nav#topnav ul li a:active, nav#topnav ul li#active a
{
background-color: #0b6a53;
background-image: linear-gradient(#0b6a53,#040);
color: #ffc;
}
nav#topnav p {font-size:12px; margin: 12px 10px;}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #252;
	text-align: center;
	padding: 10px 0;
	display: none;
}
.show-menu:hover {background:#700;}

/*Hide checkbox*/
input[type=checkbox] {
    display: none;
    -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu {
    display: block;
}

  label:after {
    position: absolute;
    left: .5em;
    top: .05em;
    content: "\2261";
	color:#fff;
    font-size: 2.125em;
  }


@media screen and (max-width: 1350px) {
	.maincol {display:block;}
	nav#topnav {margin-top:0;}
	/*Make dropdown links appear inline*/
	nav#topnav ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	nav#topnav li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	nav#topnav ul li, nav#topnav li a, nav#topnav ul li a {
		width: 100%;
		max-width:100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}

	header {overflow:auto;}
	.nomo {display:none;}

	nav#topnav ul li {
	margin-bottom:1px;
	}
	nav#topnav ul li a
	{
	display: block;
	padding: 1em 8px;
	color:#fff;
	width: 100%;
	background-color: #00352E;
	border-radius: 0;
	}
}

nav#botnav {text-align:center;}
nav#botnav ul {margin: 0 0.5em 14px 0.5em;}
nav#botnav ul li {display:inline-block;}
nav#botnav ul li a {display:block; padding: 6px;}
nav#botnav ul li a:hover {text-decoration:none; color:#ff6;}