body {
	text-align:center;
	background:#ffffff;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	font-family: OpenSans, sans-serif;
	font-size: 13px;
	color: #000000;
}

#tothetopbutton {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 3;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #bbdda8;
  color: #333;
  cursor: pointer;
  padding: 15px;
  border-radius: 8px;
	border: 1px solid #0001;
}

#tothetopbutton:hover {
  background-color: #d7efc9;
}

p {
font-family: OpenSans, sans-serif;
font-size: 13px;
color: #000000;
}

ul {
font-family: OpenSans, sans-serif;
font-size: 13px;
color: #000000;
}

.footer {
font-family: OpenSans, sans-serif;
font-size: 10px;
color: #000000;
}

.itemlisting {
font-family: OpenSans, sans-serif;
font-size: 16px;
color: #000000;
border-bottom: 1px dashed #888888;
margin-bottom: 5px;
padding-bottom: 5px;
}

.itemlistingtitle {
font-family: OpenSans, sans-serif;
font-size: 16px;
}

.pageinfo {
font-family: OpenSans, sans-serif;
font-size: 13px;
color: #000000;
}

.directorylisting {
font-family: OpenSans, sans-serif;
font-size: 16px;
color: #000000;
}

.cartlisting {
font-family: OpenSans, sans-serif;
font-size: 16px;
color: #000000;
}

.itemdetaillisting {
font-family: OpenSans, sans-serif;
font-size: 13px;
color: #000000;
}

.subtlelinks a:link {    text-decoration:none; }
.subtlelinks a:visited { text-decoration:none; }
.subtlelinks a:hover {   text-decoration:underline; }

.subtlelinksblack a:link {    color:#333333; text-decoration:none; }
.subtlelinksblack a:visited { color:#333333; text-decoration:none; }
.subtlelinksblack a:hover {   color:#000000; text-decoration:underline; }

.navlinkswhite { color:#333; text-decoration:none;font-family:OpenSans,sans-serif;font-size:16px;text-align:center;padding:0;cursor:pointer; }
.navlinkswhite:hover { color:#333; background-color:#d7efc9; text-shadow:0 0 5px #fff }

.dropbtn { padding-top:6px;padding-bottom:6px; }

.linksblack a:link {    color:#333333;text-decoration:underline; }
.linksblack a:visited { color:#333333;text-decoration:underline; }
.linksblack a:hover {   color:#000000;text-decoration:underline; }

.messageboardmessagelinks a:active  { color:#00FFCC; text-decoration:underline; }
.messageboardmessagelinks a:link    { color:#0000FF; text-decoration:none; }
.messageboardmessagelinks a:visited { color:#800080; text-decoration:none; }
.messageboardmessagelinks a:hover   { color:#FFFFFF; text-decoration:none; background-color:#0099cc; }

.sectionheading {
font-family: OpenSans, sans-serif;
font-size: 18px;
font-weight: bold;
color: #000000;
}

.pageheading {
font-family: OpenSans, sans-serif;
font-size: 18px;
font-weight: normal;
font-style: normal;
color: #000000;
}

.categoryheading {
font-family: OpenSans, sans-serif;
font-size: 18px;
font-weight: bold;
color: #800000;
}

.navlinks {
font-family: OpenSans, sans-serif;
font-size: 11px;
color: #000000;
border-left: none;
border-right: none;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
background-color: #ffffcc
}

.moreinfobelow {
border-bottom: 1px dashed #888888;
margin-bottom: 5px;
padding-bottom: 5px;
}

.orderform {
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
border-width: 1px;
font-family: OpenSans, sans-serif;
font-size: 13px;
}

.redtext {
color: #dd0000;
}

@media screen and (min-width:1020px) {
#pagenavdesktop {display:block;}
#pagenavmobile {display:none;}
#mobilenavmenus {display:none !important;}
}

@media screen and (max-width:1019px) {
#pagenavdesktop {display:none;}
#pagenavmobile {display:block;}
#d-navtree-grayout {display:none !important;}
}

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	display: none;
	position:absolute;
	left:50%;
	width:200px;
	margin-left:-100px;   /* negative half of width above */
	background-color: #ffffff;
	z-index: 1;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	border-radius: 0 0 15px 15px;
	padding-bottom:10px;
}

.show { display:block; }

.navmenu {
	font-size: 14px;
	border-style: dotted;
	border-width: 0px 0px 1px 0px;
	border-color: #000000;
	line-height: 1.3;
}

.navmenu a {
	display:block;
	padding: 8px 10px 7px 10px;
}

.navmenu a:link {
	color: #333333;
	text-decoration: none;
}
.navmenu a:visited {
	color: #333333;
	text-decoration: none;
}
.navmenu a:hover {
	color: #000000;
	text-decoration: underline;
}

.searchtable {
	width: 90%;
	display: inline-block;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	margin-bottom:18px;
	padding-bottom:10px;
}

.gridtable {
	width:200px;
	display:inline-block;
	margin-bottom:16px;
	border-width:0px;
	border-style:solid;
}

.gridinnertable {
	width:190px;
	display:inline-block
}

.gridinnertd {
	text-align:center;
	height:200px;
	width:190px;
}

.stars {
	border-width:0px;
	vertical-align:text-bottom;
}

.addtowishimage {
	vertical-align: middle;
	margin: 20px 5px 7px 5px;
	padding: 0px;
	border-width: 0px;
	width: 92px;
	height: 17px;
}

/*     medium is more legible than regular     */
@font-face{ font-family:"OpenSans"; src:url('/fonts/OpenSans-Medium.ttf');                                              }
@font-face{ font-family:"OpenSans"; src:url('/fonts/OpenSans-MediumItalic.ttf');   font-style:italic;                   }
@font-face{ font-family:"OpenSans"; src:url('/fonts/OpenSans-Bold.ttf');                              font-weight:bold; }
@font-face{ font-family:"OpenSans"; src:url('/fonts/OpenSans-BoldItalic.ttf');     font-style:italic; font-weight:bold; }
@font-face{ font-family:"OpenSans"; src:url('/fonts/OpenSans-SemiBold.ttf');                          font-weight:600;  }
@font-face{ font-family:"OpenSans"; src:url('/fonts/OpenSans-SemiBoldItalic.ttf'); font-style:italic; font-weight:600;  }

.logo123 {
	font-family: Arial, OpenSans, sans-serif;
	font-weight: bold;
	font-style:  italic;
	color: #007800;
}

.major-button {
	padding: 6px 16px;
	border-radius: 999px; /* clamps to height, forcing semicircular shape */
	border: none;
	font-family: OpenSans, sans-serif;
	font-size: 1rem;
	font-weight: bold;
	cursor: pointer;
}

.major-button:disabled {
	cursor: unset;
}

.add-to-cart-button {
	background-color: #ff8f94;
	color: #fff;
}

.add-to-cart-button:hover {
	background-color: #ff767c;
}

.add-to-cart-button:disabled {
	background-color: #ffccce;
}

.notify-me-button {
	background-color: #77aadd;
	color: #fff;
}

.notify-me-button:hover {
	background-color: #4e91d3;
}

.notify-me-button:disabled {
	background-color: #d6e5f5;
}