body {
 color: #000;
 text-align: center;
 padding: 0;
 width: 100%;
 height: 100%;
 position: relative;
 background-image: url(../../WaterGrass_Back1.jpg);
 background-position: center top;
 margin: 50px auto 0;
}
p, div, li, td {font-size:16px}
#Maincontainer {
 height: 700px;
 width: 900px;
 position: relative;
 margin: 0 auto;
 border: 2px solid #000;
 background: #000 url(../../images/NetsPaper.jpg) no-repeat;
}
#LogoLeft {
 float: left;
 height: 80px;
 width: 460px;
 margin-left: 5px;
 margin-top: 15px;
}
.hom2 #Show-Right {
 width: 400px;
 height: auto;
 margin: 10px 10px 0 0;
}
.cycle-slideshow {
 width: 400px;
 height: 280px;
 overflow: hidden;
}
.cycle-slideshow img {
 width: 400px;
 height: auto;
 border-radius: 0px;
}
@media (max-width:800px) {
 body {
  background: #DBDCD1 none;
  border: 0 none;
  margin:0;
 }
 #Maincontainer {
  height: 100%;
  min-height: 700px;
  width: 100%;
  background: #DBDCD1 url(../../images/NetsPaper.png) 0 0 no-repeat;
  border: 0;
  background-size: contain;
 }
}
@media (max-width: 800px) {
 #LogoLeft {display:none; width:0; height:0;}
}
#Show-Right {
 float: right;
 height: 280px;
 width: 420px;
 margin-top: 10px;
}
@media (max-width:800px) {
 #Show-Right {display:none;}
}
.floatLeft {float: left;}
.floatRight {float: right;}
#BottomArea {
 height: 380px;
 width: 640px;
 margin-top: 10px;
 margin-right: 10px;
 float: right;
 font-family: "Times New Roman", Times, serif;
 font-size: 16px;
 text-align: left;
 padding-right: 20px;
 overflow: auto;
}
@media (max-width: 800px) {
 #BottomArea {
  height:auto;
  width:96%;
  float:none;
  margin:0;
  clear:both;
  padding:10px 12px 0;
  font-size: 18px;
 }
}
#LeftNav {
 height: 545px;
 width: 190px;
 float: left;
 margin-left: 25px;
 font-family: "Handwriting - Dakota", Papyrus, "Times New Roman";
 text-align: left;
 color: #202118;
 font-weight: bold;
 font-variant: normal;
 font-size: 18px;
 line-height: 30px;
 transition: all .3s;
}
#mobi-menu {display:none;}
@media (max-width: 800px) {
 #LeftNav {
  display:none;
  text-align:right;
  margin:0;
  opacity: .2;
  height: auto;
  max-height:0;
  width: 100%;
  line-height: 1.7;
  transition: all .3s;
  overflow:hidden;
 }
 body.mobi-menu #LeftNav {
  display:block;
  max-height:initial;
  max-height:inherit;
  border-bottom: 1px solid #333;
  opacity: 1;
  transition: all .3s;
 }
 #LeftNav a {
  display:block;
  padding: 5px 25px 5px 0;
  font-size:20px;
  font-family: arial, sans-serif;
 }
 #LeftNav br {display:none;}
 #mobi-menu {
  display: inline-block;
  float: right;
  width: 26%;
  font-size: 30px;
  font-family: arial, sans-serif;
  padding: 14px 0;
  background: #525232;
  color: #fff;
  vertical-align: middle;
  z-index:999;
 }
 .homepage #mobi-menu {margin-top:106px;}
 #mobi-menu span {
  width: 32px;
  height: 30px;
  margin: 0 0 0 5px;
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAeCAYAAABNChwpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAElJREFUeNrs18EJACAMBMFE7NVm7UmTKvaRPfA/HITDfJUAswLOrpejGxAgQIAAAb0FlwQkPcfdwKEb8AoECBAgAF/D2X/DL8AAJpMNamht79sAAAAASUVORK5CYII=);
 }
 body.mobi-menu #mobi-menu span {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAeCAYAAABNChwpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATtJREFUeNpi/P//P8NAAiaGAQaD0gGiQDwNiDmpbFcFENtgiILSABo++R8C9gIxJxZ5cnAd1MzPQCyHLIdNsRMQf4Nq2EUFR8AsB4FGdHlcmqjlCLyW43MANRxRTchyQg4AN0R24lwBLLlLYTMJzY4iXUESZaT4gBsjmBDk68g1XJSHYDPEciWt5NiJjlZywPNEdXkWk6uA9AdQbbllDgAhOcgWX4HS5qgqQNKkSz/DaW3kOMISi3vgkbHTyh/I6mOINXyIjTLkdMEWY6ghuXYHLGOWEeQY3kvgdxBkiOoaTlZjqC25TDsjeSI1fgcgc+QfDItJ8kRxFg+gYLCCt0RzMQ4IIdKlhPlCGwabKCt1wlUahEjOyIHXY4RR9dMBYjvULlfIAfEj9AFGUd83xAgwADmfCVPqd45vAAAAABJRU5ErkJggg==);
 }
}
a {font-family: "Handwriting - Dakota", Papyrus, "Times New Roman";}
a, a:visited, a:active, a:focus {
 font-size: 18px;
 font-weight: bold;
 color: #202118;
 text-decoration: none;
}
a:hover {color: #59361c;}
.floatLeftPhoto {float: left; padding-right: 10px;}
.TextNorm10 {font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
#Headline {
 float: left;
 height: 50px;
 width: 460px;
 margin-left: 15px;
 margin-top: 5px;
 font-family: "Handwriting - Dakota", Papyrus, "Times New Roman";
 font-size: 22px;
 font-weight: normal;
 color: #313324;
}
@media (max-width:800px) {
 #Headline {
  width: 60%;
  text-align: left;
  float: left;
  height: auto;
  font-size: 30px;
  clear: both;
  padding: 30px 0 0 10px;
 }
 .homepage #Headline {margin: 90px 0 0;}
}
h1 {
 font-family: "Handwriting - Dakota", Papyrus, "Times New Roman";
 font-size: 28px;
 font-weight: bold;
 color: #000000;
}
h2 {
 font-family: "Times New Roman", Times, serif;
 font-size: 14px;
 font-style: italic;
 background-color: #2F2F05;
 color: #C8C4AF;
 line-height: 18px;
}
h3 {
 font-family: "Handwriting - Dakota", "Gill Sans", Arial;
 font-size: 14px;
 font-style: italic;
 background-color: #818359;
 line-height: 18px;
}
.sharer-links {float:right}
.pagenavigation, .gallery {clear:both;}
#Top-Right {
 position: relative;
 left: -170px;
 float: right;
 height: 75px;
 width: 420px;
 margin-top: 75px;
 text-align: center;
}
#Top-Right h1 {
 position: relative;
 top: 58px;
 font-size: 36px;
 color: #2F241D;
}
#product-title {text-align: center; margin: 0 0 -5px 0;}
#product-title h1 {margin: 0; font-size: 36px; color: #2F241D;}
#Main {
 height: 520px;
 width: 650px;
 margin-top: 10px;
 margin-right: 10px;
 float: right;
 font-family: "Times New Roman", Times, serif;
 font-size: 14px;
 text-align: left;
 padding-right: 20px;
 overflow: auto;
}
#Credit {
 font-family: "Gill Sans", Arial;
 font-size: 12px;
 height: 25px;
 width: 800px;
 margin-right: auto;
 margin-left: auto;
 text-align: center;
 line-height: 24px;
 color: #3B390D;
}
@media (max-width:800px) {#Credit {display:none;}}
.Dakota {
 font-family: "Handwriting - Dakota", Papyrus, "Times New Roman";
 font-size: 14px;
 color: #3B390D;
}
#Announce {
 height: 130px;
 width: 185px;
 font-family: "Times New Roman", Times, serif;
 font-size: 12px;
 text-align: left;
 overflow: hidden;
}
.product-grid div {float:left; width:48%;}
.product-grid div a {display:block;}
.gallery div.img {margin:10px; width: 25%; float:left;}
.gallery div.img img {width:100%; height:auto;}
.clear {clear:both;}
.mobile-only, #mobile-content {display:none;}
@media (max-width:800px) {
 a,a:link,a:visited {text-decoration: underline}
 table {width:100% !important; height: auto !important}
 td, th {float:left;}
 #Announce {display:none;}
 .mobile-only {display:block;}
 #mobile-content {display:block;}
 #desktop-content {display:none;}
 #Top-Right {height: auto; width: 100%; margin-top: 108px;}
 #Top-Right h1 {margin: 0;}
 #Main {
  height: 100%;
  width: 100%;
  margin-right: 0;
  float: right;
  font: 17px/1.4 "Times New Roman", Times, serif;
  text-align: left;
  box-sizing: border-box;
  padding: 0 20px;
 }
 body img {max-width:100%; height: auto;}
 h4 img {width:100%; height:auto;}
 .embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
 }
 .embed-responsive::before {
  padding-top: 56.25%;
  display: block;
  content: "";
 }
 .embed-responsive-item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
 }
}
@media (max-width:600px) {
 #Maincontainer{overflow: hidden;}
 #Headline {padding: 24px 0 0 10px;}
 #mobi-menu {padding: 14px 10px; font-size: 24px;}
 #mobi-menu span {width:28px;}
 table {width: 100% !important; height: auto !important;}
 img.mobile-only {width:100%;height:auto;}
 #Top-Right {height: auto; width: 100%; margin-top: 80px;}
 .product-grid div{width:75%;}
}
@media (max-width:490px) {#Headline {font-size:22px}}
@media (max-width:480px) {
 #Headline, #mobi-menu {font-size: 22px;}
 #Maincontainer {background-size:130%}
 .gallery div.img {margin:6px; width: 33%;}
 .homepage #mobi-menu {margin-top:84px}
}
@media (max-width:360px) {#mobi-menu {font-size: 18px;}}

/* Sierra Nets for Sale: responsive, non-overlapping listing grid.
   Applies to the Gallery listing template's direct .img children only. */
.gallery:has(> .img) {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 24px 18px;
 align-items: start;
}
.gallery:has(> .img) > .img {
 float: none;
 width: auto;
 min-width: 0;
 margin: 0;
 text-align: center;
}
.gallery:has(> .img) > .img > a {
 display: block;
}
.gallery:has(> .img) > .img img {
 display: block;
 width: 100%;
 max-width: 100%;
 height: auto;
}
.gallery:has(> .img) > .img > span {
 display: block;
 margin-top: 8px;
 overflow-wrap: anywhere;
}
.gallery:has(> .img) > .pagenavigation,
.gallery:has(> .img) > .gallerycomment,
.gallery:has(> .img) > .galleryclear {
 grid-column: 1 / -1;
}
@media (max-width:600px) {
 .gallery:has(> .img) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 12px;
 }
}

/* Stylesheet: Sierra1-Shopify2026-CSS Modified On 2026-10-12 14:02:34 */