:root {
  --nsn-gold: #efebe4; 
  --nsn-gold-old: #d5ccb9; 
  --nsn-gold-dark: #a09171; 
  --nsn-gold-light: #eae7dd; 
  --nsn-gold-toggle: #BCB4AC;
  --nsn-green: #60bb48; 
  --nsn-green-light: #91cc7c;
  --nsn-grey: #c8c3b7;
}

input:focus, textarea:focus {
    outline: none;
}

body, td, div, li {
font-family: 'Source Sans Pro', sans-serif;
 margin: 0px;
}

a {
  color: var(--nsn-green);
}

body {
 background-color: white;
}

 .selected {
 font-weight: bold;
}

.nsnHeader {
 background-color: var(--nsn-gold);
 max-width: 1200px;
 margin-left: auto;
 margin-right: auto;
 box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.16);
}


.nsnHeader .logo {
  width: 572px;
  height: 85px;
  float: left; 
  padding: 10px;
  margin-right: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.nsnHeader .buttons {
display: inline-block;
  float: right; 
  position: relative;
  top: 10px;
}

.headerButton {
box-sizing: border-box;
float: right;
width: 60px;
height: 60px;
display: inline-block;
background-repeat: no-repeat;
background-size: 45px 45px;
background-position: center center;
margin: 10px;
position: relative;
 text-align: center;
padding-top: 55px;
cursor: pointer;
}

.headerButton a {
  text-decoration: none;
  color: black;
  font-size: 11pt;
  font-weight: 200;
}


#headerButton_signin {
 background-image: url('/images/btn_signin.png');
}

#headerButton_shop {
   background-image: url('/images/btn_shop.png');
   display: none;
}
  

#headerButton_basket {
 background-image: url('/images/btn_basket.png');
}

#headerButton_fav {
 background-image: url('/images/btn_fav.png');
}

.signinError {
  color: red;
  font-size: 0.9em;
}

#headerButton_basket div {
 position: absolute;
 text-align: center;
 width: 100%;
 top: 23px;
 font-size: 16pt;
 font-weight: 200;
}

.heroImage {
  position: relative;
  width: 100%;
  margin-bottom: -50px;  
}

.heroImage img {
   width: 100%;
}

.heroImage img.whitewave {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.nsnHeader .buttons img {
 width: 40px;
 margin-right: 10px;
 margin-top: 20px;
}

.nsnHeader form {
padding-top: 25px;
}

.nsnHeader .searchbox {
 width: 150px;
 font-size: 12pt;
 border: solid 1px var(--nsn-gold-dark);
 background-color: white;
 padding: 10px;
 border-radius: 30px;
 position: relative;
 top: 10px;
}

.nsnHeader .magglass {
 width: 30px;
 position: relative;
 left: -40px;
 top: 18px;
 
}

.header_membership_dropdown {
 position: absolute;
 top: 0px;
 
 margin-top: 20px;  
}

.header_membership_item {
  padding-top: 20px;
  margin-left: 35px;
}

.header_membership_item a {
  color: black;
  text-decoration: none;
   transition: 0.2s;
}


.shortBanner {
  width: 100%;
  max-height: 400px;
  overflow: hidden;
}

.shortBanner img {
  width: 100%;
}

.shopbreadcrumbs, .prodBreadcrumbs {
  font-size: 14pt;
  padding-top: 10px;
  padding-left: 10px;
}

.prodBreadcrumbs {
  border-top: solid 1px var(--nsn-gold);
}

.shopbreadcrumbs a, .prodBreadcrumbs a {
  text-decoration: none;
  color: black;
}


.homePreview {
 margin-top: 50px;
 margin-left: 10px;
 margin-bottom: 30px;
}

.homePreview .productPreview {
 margin-right: 10px;
}

.productPreviewDiscount {
  color: grey;
  font-size: 0.6em;
  text-decoration: line-through;
  margin-right: 10px;
}

.homeJoin {
     background: url('/images/index_join_back.jpg');
     background-repeat: no-repeat;
     background-size: cover;
     min-height: 600px;
     position: relative;
     padding-top: 100px;
     margin-top: 70px;
}

.topswoosh {
  position: absolute;
  top: 0px;
  left: 0px;
}


.btmswoosh {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.homeShop {
  margin-top: 60px;
  margin-bottom: 50px;
}

.homeShop div {
  text-align: center;
}

.homeShop .columnThirds img {
    width: 300px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    }

.biglink {
 display: inline-block;
 padding: 10px;
 border: solid 1px var(--nsn-green);
 border-radius: 30px;
 text-decoration: none;
 color: var(--nsn-green);
 font-size: 22pt;
 text-align: center;
 width: 100px;
 margin-left: auto;
 margin-right: auto;
}
.buttons .biglink {
  position: relative;
  top: 25px;
  font-size: 14pt;
  width: 80px;
  left: -10px;
}
.nsnHeader input {
 font-size: 13pt;
}

.productSlider {
 width: 450px; 
 float: left;
 text-align: center;
}

.productSlider .mainImage img {
  margin-top: 50px;
  margin-bottom: 50px;
  width: 250px;
}
.nsnCatHeader {
 text-align: center;
 max-width: 1200px;
 margin-left: auto;
 margin-right: auto;
}

.breadcrumbs {

}

.breadcrumbs a {
  color: black; 
  text-decoration: none;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}

.nsnCatHeader .linkItem {
 position: inline-block;
 float: left;
 margin-top: 5px;
 margin-bottom: 5px;
  text-decoration: center;
  padding-top: 10px;
    padding-bottom: 10px;
}

.nsnCatHeader a {
 color: black; 
 transition: 0.2s;
 text-decoration: none;
 width: 100%;
 font-weight: 100;
 text-align: center;
 font-size: 20pt;
}

.nsnCatHeader a:hover {
 color: #59a843;
}

#nsnContent {
 max-width: 1200px;
  margin-left: auto;
 margin-right: auto;
}

.pagination div {
 display: inline-block;
 width: 20px;
 height: 20px; 
 border: solid 1px var(--nsn-green);
 margin-left: 7px;
 border-radius: 50%;
 text-align: center;
 position: relative;
 font-size: 14pt;
}

.pagination .inactive {
 background-color: white;
 color: white;
 opacity: 0.3;
}

.pagination .current {
 background-color: var(--nsn-green-light);
 color: white;
}

.pagination .current a {
  color: white; 
}


.pagination div a {
 text-decoration: none;
 color: var(--nsn-green);
}

#pop {
position: absolute;
height: 500px;
width:800px;
margin-left:30px;
padding-top: 0px;
padding-left: 40px;
top: 50px;
left: 50px;
display: none;
z-index: 400;
box-sizing: border-box;
background-size: 100% auto;
}


#pop_in {
 position: relative;
 z-index: 402;
}

#pop_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  }
  

.popped_page {
  height: 388px;
  width: 600px;
  margin-left: 20px;
  margin-top: 20px;
  overflow: auto;
  box-sizing: border-box;

}

#pop_content .loginbox {
  width: 250px;
  position: relative;
  left: 30px;
  top: 30px;
}


.loginbox {
  padding: 20px;
}

.loginbox input[type=text], .loginbox input[type=password] {
 height: 30px;
 width: 230px;
 padding: 10px;
 border-radius: 50px;
 border: solid 1px var(--nsn-gold-dark);
 background-color: var(--nsn-gold-light);
}
.loginbox input[type=text] {
  margin-top: 10px;
}
.loginbox input[type=submit] {
  width: 100px;
  padding: 10px;
  background-color: white;
  float: right;
}

#pop_content {
 position: relative;
 left: 30px;
 top: 30px;
}

.pop_image {
  width: 800px;
  height: 400px;
  background-color: red;
  overflow: hidden;
}

.loader {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  top: 180px;
  left: 300px;
}

.catlisting {
 position: relative;
 
}

.catlisting1 {
  position: absolute;
  height: 430px;
  width: 205px;
  border-right: solid 1px var(--nsn-gold);
  left: 2px;
  top: 10px;
  overflow: auto;
}

.catlisting2 {
  position: absolute;
  height: 432px;
  width: 225px;
  border-right: solid 1px var(--nsn-gold);
  left: 220px;
  top: 10px;
  padding-top: 0px;
  display: none;
  overflow: auto;
}

.catlisting3 {
  position: absolute;
  height: 480px;
  width: 320px;
  left: 450px;
  top: 10px;
  overflow: hidden;
  padding-top: 20px;
}

.catListItem {
 padding: 10px;
 padding-right: 20px;
 text-align: right;
 z-index: 10;
 position: relative;
 cursor: pointer;
}

.catlisting1 h2 {
 text-align: right;
 font-weight: 200;
 color: var(--nsn-green);
 padding-right: 20px;
 font-size: 16pt;
}

.prodListItem {
 padding: 10px;
 padding-right: 20px;
 text-align: right;
 z-index: 10;
 background-color: white;
 position: relative;
 cursor: pointer;
}

#prod_socials img {
  width: 60px;
}


.catListItemArrow {
 z-index: 5;
 background-color: white;
 height: 15px;
 width: 15px;
 border-top: solid 1px var(--nsn-green);
 border-right: solid 1px var(--nsn-green);
 position: absolute;
 transform: rotate(45deg);
 top: 8px;
 right: -10px;
 display: none;
}

.shopCat {
margin-bottom: 10px;
}

.shopCatToggle {
 width: 15px;
 height: 15px;
 border-radius: 50%;
 background-color: white;
 border: 1px solid var(--nsn-gold-dark);
 display: inline-block; 
 margin-left: 10px;
 margin-right: 10px;
 position: relative;
 top: 3px;
 
}

.shopCat a {
 text-decoration: none;
 color: black;
}


.shopCat a .selected {
  color: var(--nsn-green);
}


.shopCatToggle.selected {
 background-color: var(--nsn-gold);
}


.productPreview {
 width: 250px;
 background-color: white;
 display: inline-block;
 margin-left: 20px;
 margin-bottom: 20px;
 vertical-align: top;
 box-sizing: border-box;
 cursor: pointer;
}

.productListing .productPreview {
  border-bottom: solid 1px var(--nsn-gold);
  margin-left: 0px;
  margin-right: 0px;
  padding: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 270px;
}


.productPreviewTop {
 width: 100%;
 overflow: hidden;
 margin-bottom: 10px;
 vertical-align: top;
}

.productPreviewTitle {
 color: black;
 text-align: left;
 vertical-align: top;
 padding-top: 10px;
 padding-bottom: 10px;
 font-size: 16pt;
 
}

.productPreviewImage {
 
 height: 200px;
 background-color: white;
 margin-left: 10px;
 margin-top: 10px;
vertical-align: top;
 background-size: contain !important;
}

.productThumbnails img {
  border: solid 1px var(--nsn-gold-light);
}

#prodtab_1 {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  box-sizing: border-box;
}

#prodtab_2 {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  box-sizing: border-box;
}

#prodtab_3 {
  border-left: solid 1px var(--nsn-gold-light); 
  border-right: solid 1px var(--nsn-gold-light); 
  box-sizing: border-box;
}

.productPreviewPrice {
 width: 125px;
 font-size: 18pt;
 display: inline-block;
 text-align: left;
vertical-align: top;
float: left;
font-weight: normal;

}

.productPreviewBuy {
 width: 70px;
 height: 20px;
 font-size: 18pt;
 display: inline-block;
 text-align: center;
 padding: 3px 10px 12px 12px;
 border-radius: 20px;
 vertical-align: top;
 float: left;
  border: solid 1px var(--nsn-green);
}

.productPreviewBuy a {
  color: var(--nsn-green);
  text-decoration: none;
}

.productPreviewSummary {
 margin-top: 0px;
 margin-bottom: 20px;
 font-size: 13pt;
 vertical-align: top;
 height: 60px;
 overflow: auto;
 font-weight: 200;
 }
 
 .nsnSliser {
  width: 100%;
 }
 
 .productHeroImage {
   width: 35%;
  height: 400px;
  float: left;
  }
  
  .productThumbnailsContainer {
   width: 20%;
   float: left;
   text-align: center;
   height: 400px;

  }
  
  .productThumbnailsContainer .nsnImage {
   display: inline-block;
   cursor: pointer;
   border: solid 2px var(--nsn-green-light);
   border-radius: 10px;
   margin-bottom: 10px;
   overflow: hidden;
  }
  
  .myprice {
   color: black;
   font-size: 24pt;
  }
  
  .theirprice {
   color: black;
   text-decoration: line-through;
   font-size: 24pt;
  }

 .shopCols div {
  
 }
 
 .shopLeft, .aboutLeft {
   box-sizing: border-box;
   float: left;
   width: 20%;
     padding: 10px;
 border-right: solid 1px var(--nsn-gold);
 }
 
 .shopLeft hr {
 width: 100%; 
 border-top: solid 1px var(--nsn-gold);
 }
 
  .shopRight, .aboutRight {
    
     box-sizing: border-box;
   float: right;
   padding: 10px;
   width: 80%;
 }

  .clear {
  clear: both;
 }

.pagination {
 float: right;
}

select {
 border: solid 1px var(--nsn-gold);
 font-size: 12pt;
 color: var(--nsn-gold-dark);
}

#nsnSlider {
width: 100%;
z-index: 1;
}

.waveSection {
position: relative;
width: 100%;
max-width: 1200px;
margin-bottom: 60px;
}

.waveSection iframe {
width: 100%;
max-width: 1200px;
height: 400px;
position: reltive;
z-index: 0;
}

.wave {
  position: absolute;
  left:0;
  right:0;
  bottom:0;
  z-index: 1;
}
.wave + .wave {
  z-index: 2;
}

.joinimage img {
width: 80%;
margin: 10%;
}

.greenlink {
  color: var(--nsn-green);
  text-decoration: none;
}

h1 {
 font-weight: normal;
}

h2 {
 font-weight: normal;
 font-size: 30pt;
}




h2.thin {
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  font-size: 36pt;
  text-align: left;
  margin-left: 100px;
}

.shopspace h2.thin {
 margin-left: 335px;
}
#basketspace h2.thin {
 margin-left: 0px; 
 text-align: center;
}

h2.smallboxtitle {
  margin-left: 0px;
}

.nsnFrontPage h2.thin, .nsnSocial h2.thin, .cartspace h2.thin, .purchaseForm h2.thin {
  text-align: center;
  margin-left: 0px;
  padding-left: 0px;
}

.cartCrumbs {
  width: 552px;
  height: 44px;
  overflow: hidden;
  background-image: url(/images/cartcrumbs.png);
  background-size: cover; 
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.cartCrumbsOff {
  color: lightgrey;
}

.cartCrumbsOff, .cartCrumbsOn {
  height: 44px;
  width: 183px;
  text-align: center;
  float: left;
  padding-top: 12px;
  font-size: 14pt;
  font-weight: bold;
}

.cartCrumbsOff a {
  color:inherit;
  text-decoration: none;
}

#delivForm input {
  width: 204px;
}

.grn_bold {
  color: var(--nsn-green);
  font-weight: 300;  
}

.grn_thin {
  color: var(--nsn-green);
    font-weight: 100;  
}

.wht_bold {
  color: white;
  font-weight: 300;  
}

.jointext h1 {
margin-top: 45px;

margin-bottom: 0px;
font-size: 1.2em;
}

.jointext p {
margin-top: 0px;
font-size: 1.2em;
width: 90%;
}

.nsnSocial {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
background-color: white;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
}

.socialTitle {
  
}


.socialBadge {
  clear: both;
}

.shopspace .socialBadge {
 margin-left: 470px; 
}


.nsnFooter {
 position: relative;
width: 100%;
max-width: 1200px;
background-color: var(--nsn-gold);
 margin-left: auto;
 margin-right: auto;
min-height: 160px;
padding-top: 90px;
padding-bottom: 30px;
}

#mlsignuptext, #mlsignupfname, #mlsignuplname {
  
  width: 25%;
  font-size: 12pt;
  border: solid 1px var(--nsn-gold-dark);
  background-color: white;
  padding: 10px;
  border-radius: 30px;
}

#mksignupbtn {
  
    height: 45px;
    width: 45px;
    border-radius: 22.5px;
    padding: 5px;
    border: solid 1px var(--nsn-green);
    color: var(--nsn-green);
    background-color: var(--nsn-gold);
    margin-left: 15px;
    font-size: 20pt;
    position: relative;
    top: 3px;
    cursor: pointer;
  }

.nsnFooter a {
 text-decoration: none;
 color: black;
}

#footer1 {
 display: inline-block;
 margin-left: 80px;
 padding-left: 80px;
 padding-right: 80px;
 border-left: solid 1px var(--nsn-gold-dark);
 border-right: solid 1px var(--nsn-gold-dark);
 float: left;
 box-sizing: border-box;
 min-height: 150px;
 }

#footer2 {
  display: inline-block; 
 margin-left: 10px;
 padding-left: 80px;
 padding-right: 80px;
 margin-right: 80px;
 border-right: solid 1px var(--nsn-gold-dark);
 float: left;
 box-sizing: border-box;
 min-height: 150px;
 width: 700px;
}

#footer2 h1 {
 margin-bottom: 0px;
 font-size: 1em;
 font-weight: bold;
}

#footer2 p {
 margin-top: 0px;
 font-size: 1em;
}




.productBox {
 width: 44%;
 background-color: white;
 display: inline-block;
 margin-left: 20px;
 margin-bottom: 20px;
 vertical-align: top;
 float: left;
}

.productBoxTop {
 width: 100%;
 border-radius: 10px;
 overflow: hidden;
 margin-bottom: 10px;
 vertical-align: top;
}

.productBoxTitle {
 color: black;
 text-align: left;
 vertical-align: top;
 padding-top: 10px;
 padding-bottom: 10px;
 font-size: 18pt;
}

.productBoxTab {
 width: 33.33%;
 float: left;
 text-align: center;
 background-color: var(--nsn-gold-toggle);
 padding-top: 10px;
 padding-bottom: 10px;
 cursor: pointer;
}

.productBoxPane {
 display: none;
 padding: 10px;
 font-size: 14pt;
 line-height: 20pt;
 width: 350px;
 max-height: 500px;
 overflow: auto;
}

.productBoxForm {
 padding: 10px;
 border-top: solid 1px var(--nsn-gold);
}

.productBoxFormPrice1 {
 width: 30%;
 float: left;
}
.productBoxFormPrice2 {
 width: 70%;
 float: left;
 font-size: 10pt;
}

.productBoxFormPrice2 a {
 text-decoration: none;
}

.productBoxFormPrice2 a:hover {
   color: black;
   text-decoration: underline;
  }
  

.productBoxQuant {
 border: solid 1px var(--nsn-green);
 height: 30px;
 display: inline-block;
 padding-left: 10px;
 font-weight: bold;
 float: left;
 margin-right: 20px;
 border-radius: 10px; 
 padding-top: 0px;
 margin-top: 0px;
box-sizing: border-box;
 }



.productBoxQuant2Tri {
    
 border-top: solid 1px var(--nsn-green);
 border-bottom: solid 1px var(--nsn-green);
 display: inline-block;
 padding-left: 10px;
 font-weight: bold;
 float: left;
 margin-right: 0px;
 padding: 10px;
 height: 20px;
 overflow: hidden;
 
 }
 
 .productBoxQuant2QTY {
   border-left: solid 1px var(--nsn-green);
   border-right: solid 1px var(--nsn-green);
   border-top-left-radius: 20px;
   border-bottom-left-radius: 20px;
 }
 
.productBoxQuant2Num {
  width: 20px;
}
 
.productBoxQuantNumBox {
 display: inline-block;
 border-left: solid 1px var(--nsn-green);
 border-right: solid 1px var(--nsn-green);
   height: 100%;
 overflow: hidden;
 }


 .productBoxArrows {
   width: 20px;
   border-left: solid 1px var(--nsn-green);
   border-right: solid 1px var(--nsn-green);
   border-top-right-radius: 20px;
   border-bottom-right-radius: 20px;
   }
  
.productBoxArrows img {
 width: 16px;
 padding: 0px;
 float: left;
 margin-top: 0px;
}

.productPreviewAdd {
 width: 140px;
 height: 16px;
 border: solid 1px var(--nsn-green);
 background-color: white;
 font-size: 12pt;
 display: inline-block;
 color: var(--nsn-green);
 text-align: center;
 padding: 10px 10px 12px 12px;
 vertical-align: top;
 float: left;
 cursor: pointer;
 border-radius: 20px; 
 margin-left: 5px;
}

.trackButton {
 box-sizing: border-box;
 width: 100%; 
 /* height: 16px; */
 border: solid 1px var(--nsn-green);
 background-color: white;
 font-size: 12pt;
 display: inline-block;
 color: var(--nsn-green);
 text-align: center;
 text-decoration: none;
 padding: 10px 10px 12px 12px;
 vertical-align: top;
 float: left;
 cursor: pointer;
 border-radius: 20px; 
 margin-left: 5px;
 margin-top: 5px;
}


.paddingBox {
  display: inline-block;
box-sizing: border-box;
 padding: 7px;
margin-top: 0px;
}


#nsnClickOffMask {
 position: fixed;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 background-color : black;
 opacity: 0.2;
 z-index: 2;
 display: none;
}



#nsnMask {
 position: fixed;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 background-color : var(--nsn-green-light);
 opacity: 0.7;
 z-index: 10000;
 display: none;
}


#nsnMaskText {
 font-size: 80px;
 text-align: center;
 opacity: 0.75;
 color: white;
 position: fixed;
 top: 200px;
 left: 0px;
 width: 100%;
 z-index: 100000;
 display: none;
}

.columnThird {

  width: 33.3%;
  float: left;
 box-sizing: border-box;

}

.columnTwoThirds {

	width: 66.6%;
	float: left;
 box-sizing: border-box;

}

.columnHalf {

	width: 50%;
	float: left;
 box-sizing: border-box;

}

.columnQuarter {

  width: 25%;
  float: left;
 box-sizing: border-box;

}


.columnThreeQuarters {

  width: 75%;
  float: left;
 box-sizing: border-box;

}


#successLeft img {
  margin-top: 50px;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.columnThirds {

	width: 33.3%;
	float: left;
 box-sizing: border-box;

}

.membershipPeople {
 max-width: 1200px;
 margin-left: auto;
 margin-right: auto;

}

.membershipPerson {
 box-sizing: border-box;
 width: 250px;
 background-color: white;
 vertical-align: top;
 float: left;
 margin-left: 35px;
 margin-top: 30px;
  margin-bottom: 30px;
}

.membershipPersonTop {
box-sizing: border-box;
 border: solid 2px #c3baa2; 
 border-radius: 10px;
 overflow: hidden;
}

.membershipPersonTitle {
 box-sizing: border-box;
 color: black;
 background-color: var(--nsn-gold);
 text-align: center;
 padding-top: 10px;
 padding-bottom: 10px;
}

.membershipPersonTop img {
box-sizing: border-box;
 width: 100%;
}


.membershipPersonSummary {
box-sizing: border-box;
 font-size: 11pt;
 overflow: auto;
 }

#memberBenefits p, #memberBenefits li{
font-size: 1.2em;
}

#baskettable {
  width: 100%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  margin-bottom: 40px;
}

.basketTotalSpace {
  width: 200px;
  float: right;
  font-size: 18pt;
  text-align: left;
  margin-bottom: 20px;
  margin-top: 0px;
}

.basketCol1 { border-bottom: solid 1px var(--nsn-gold); min-height: 120px; margin-top: 30px; float: left; width: 10%; }
.basketCol2 { border-bottom: solid 1px var(--nsn-gold); min-height: 120px; margin-top: 30px; float: left; width: 20%; text-align: left; font-size: 1.2em;}
.basketCol3 { border-bottom: solid 1px var(--nsn-gold); min-height: 120px; margin-top: 30px; float: left; width: 20%; text-align: left; }
.basketCol4 { border-bottom: solid 1px var(--nsn-gold); min-height: 120px; margin-top: 30px; float: left; width: 10%; text-align: left;}
.basketCol5 { border-bottom: solid 1px var(--nsn-gold); min-height: 120px; margin-top: 30px; float: left; width: 10%; text-align: left; }
.basketCol6 { border-bottom: solid 1px var(--nsn-gold); min-height: 120px; margin-top: 30px; float: left; width: 10%; text-align: left; }
.basketCol7 { border-bottom: solid 1px var(--nsn-gold); min-height: 120px; margin-top: 30px; float: left; width: 10%; text-align: left; }
.basketCol8 { border-bottom: solid 1px var(--nsn-gold); min-height: 120px; margin-top: 30px; float: left; width: 5%; text-align: right; }

.basketCol4 div {
  display: inline-block;
}

.basketDiscount {
display: none;
font-size: 8pt;
color: var(--nsn-green);
}

.membership_testimonial {
  margin-top: 30px;
  
}

.membership_testimonial img {
  width: 100%;
}

.greenButton {
  border: solid 1px var(--nsn-green);
  border-radius: 20px;
  color: var(--nsn-green);
  background-color: white;
  margin-left: 10px;
  margin-right: 10px;
  padding: 10px;
  padding-right: 20px;
  padding-left: 20px;
  min-width: 100px;
  cursor: pointer;
  }

  .shadowbox {
      box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.16);
      padding: 20px;
      width: 80%;
      margin-left: auto;
      margin-right: auto;
      border-left: solid 1px lightgrey;
      border-right: solid 1px lightgrey;
      border-bottom: solid 1px lightgrey;
    }
  
  .narrow, .narrowbox {
    
    width: 500px;
    
  }

    
    .shadowbox h1 {
      font-size: 16pt;
    }
    .contform, 
    .usereditform input[type=text], .usereditform select, .usereditform input[type=password],
    .joinForm input[type=text], select, .contform, .joinForm input[type=password], .purchaseForm input[type=text], .joinForm select, .purchaseForm input[type=password], .pwresetForm input[type=text], .pwresetForm input[type=password], .signinErrorForm  input[type=text], .signinErrorForm  input[type=password], .joinForm textarea, .paymentField {
    
      border: solid 1px var(--nsn-gold-dark);
      font-size: 14pt;
      padding: 10px;
      border-radius: 25px;
      margin-top: 5px;
    }
    
    .paymentField {
      margin-top: 10px;
      margin-bottom: 10px;
    }

.contform, .joinForm input[type=submit] {
    margin-left: auto;
    margin-right: auto;
}

.joinForm {
  padding-top: 20px;
}

.joinForm input {
  margin-bottom: 20px;
}

    .joinError {
      color: red; font-size: 1.2em;
    }

    #contSendMessage {
      border: solid 1px var(--nsn-green);
    }
    
    .messageThanks {
      color: var(--nsn-green);
      font-size: 1.2em;
    }
    
    
    #validationError {
      color: red;
      margin-left: 10px;
      margin-top: 10px;
    }
    
    
#membership_container_plan h2, #membership_container_plan .date, #membership_container_plan .vcard, #membership_container_plan hr  {
  display: none;

}

.contactThumb {
  width: 50px;
}

.contact_space {
  position: relative;
  top: -110px;
}

#prodControlls2 {
  display: none;
}

.copywrite {
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 8pt;
  text-align: center;
}

.closeX {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0px;
  right: 0px;
}

.colDrop {
  background-color: red;
  position: absolute;
  bottom: 0px;
  display: none;
}

#colDrop1 { 
  left: 20px;
}


.mlMessage {
  padding-left: 20px;
  color: var(--nsn-green);
  
}

.researchList {
  width: 100%;
  height: 403px;
  overflow: auto;
}

.researchList div {
  border-bottom: solid 1px var(--nsn-gold);
  padding: 20px;
  font-size: 1.2em;
  
}

.researchList div a {
  color: var(--nsn-green);
  text-decoration: none;
  height: 30px;
}

.vevent {
  position: relative;
min-height: 230px;
margin-top: 30px;
}
.vevent img {
  width: 200px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.vevent .dtstart, .vevent .summary {
 display: none;
}


.vevent .description {
  margin-left: 220px;
 
  font-size: 14pt;
}

.eventRegisterConfirm {
  color: var(--nsn-green);
  display: none;
  text-align: right;
}

.magazine_issues {
  max-height: 700px;
  overflow: auto;
}

.magazine_issues img {
  width: 150px;
}


#magazineLeft img {
  width: 95%;
}

.magazine_issues p {
  width: 170px;
  display: inline-block;
  height: 250px;
  padding-right: 10px;
}

.magazine_issues b {
  font-size: 22pt; 
}

.magazine_issues a, #magazineRight a {
    display: inline-block; 
    width: 150px;
    font-size: 10pt; 
    margin-top: 20px; 
    padding: 5px; 
    color: var(--nsn-green); 
    border: solid 1px var(--nsn-green); 
    border-radius: 30px; 
    text-decoration: none; 
    text-align: center;
}

#cartFooter {
  width: 85%; margin-top: 20px; float: right;
}





@media only screen and (max-width: 1200px) {
  
   .nsnHeader {
     min-height: 200px;
     text-align: center;
     position: relative;
     width: 100%;
    
   }
   
   .headerLogoSpace {
     position: absolute;
     top: 0px;
     width: 100%;
     text-align: center;
   }
   
   .nsnHeader .logo {
    width: 320px;
    height: 48px;
    padding: 0px;
    float: unset;
    }
    
   .nsnHeader .buttons {
     margin-top: 40px;
     width: 100%;
     text-align: center;
     display: block;
     
   }
  
  .searchform {
    text-align: center;
    width: 100%;
  }

.searchbox {
  width: 80% !important;
  margin-top: 20px;
  margin-bottom: 50px;
}
  
  
  #headerButton_shop {
    display: inline-block;
  }
  
  .nsnHeader .buttons .biglink {
     display: none;
   }
   
   .headerButton {
     float: unset;
   }

  .nsnCatHeader .linkItem {
    width: 100% !important;
    display: block;
    }
    
  .columnThirds {
    width: 100%;
    margin-bottom: 20px;
  }

  .columnHalf {
    width: 100%;
    margin-bottom: 20px;
  }
   
  #footer1, #footer2 {
    width: 100%;
    max-width: 320px;
    margin: auto;
    border: 0px;
    text-align: center;
    padding: 0px;
    float: unset;
    display: block;
  } 
  
  h2.thin {
    font-size: 22pt;
    margin-left: 0px;
    text-align: center;
  }
  
  .shopLeft {
    display: block;
    width: 100% !important;
    height: 310px;
    float: unset;
    overflow: scroll;
    border: solid 1px var(--nsn-gold);
  }


.shopRight {
  display: block;
  width: 100% !important;
  float: unset;
}

.productListing .productPreview {
  width: 175px;
  min-height: 408px;
  
}  

.aboutLeft {
  display: block;
  width: 100% !important;
  height: 310px;
  float: unset;
  overflow: scroll;
  border: solid 1px var(--nsn-gold);
}


.shadowbox {
  border: 0px;
  width: 100%;
  padding: 10px;
  margin: 0px;
}
  

 .membership_testimonial {
   display: none;
 }
  
  .aboutRight {
    display: block;
    width: 100% !important;
    float: unset;
  }
  
  #contactFormTable tr td {
   border:0px;
   position:relative;
   float:left;
   clear:both;
   width:100%;
   text-align:left
    }  
      
   .shopspace h2.thin {
     margin-left: 0px;
   }   
   
   .shopbreadcrumbs, .prodBreadcrumbs {
    text-align: center; 
   }
   
   .productSlider {
     width: 100%;
   }
   
   .productBox {
     width: 90%;
   }
   
   .cartCrumbs {
     display: none;
   }
   
   .basketCol1, .basketCol2, .basketCol3, .basketCol4, .basketCol5, .basketCol6, .basketCol7, .basketCol8, .basketCol9 {
     display: block;
     border-bottom: 0px;
   }
   
   .basketCol1 {
     display: none;
   }
   
   .basketCol2 {
      width: 50%;
      min-height: 35px;
    }

    .basketCol3 {
      width: 50%;
      min-height: 35px;
      }

   .basketCol4 {
     clear: both;
     width: 20%;
   }
   
   .basketCol5 {
      width: 20%;
    }
    
    .basketCol6 {
      width: 20%;
    }

.basketCol7 {
  width: 20%;
}
   
  .basketCol9 {
    width: 16%;
  }
  
  #cartFooter {
   width: 100%;
   float: unset; 
   text-align: center;
  }
  
  #cartFooter .columnThirds {
    border: 0px !important; 
  }


  .purchaseForm .shadowbox {
    width: 300px !important;
    padding-left: 25px !important;
    padding-right: 15px !important;
    border: none !important;
    box-shadow: none !important;
  }
  
  .purchaseForm .shadowbox .greenButton {
    margin: 10px;
  }
  
  .basketTotalSpace {
    float: unset;
    text-align: center;
    width: 100%;
  }
  
  .joinForm input[type=text], .joinForm textarea {
    width: 320px !important; 
  }
  
  .makeNarrow {
    width: 205px !important;
  }
   
  .vevent img {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  
  .vevent .description {
    margin-left: 0px;
  }
  
  .productPreview {
    position: relative;
  }
  
  .productPreviewPrice {
    position: absolute;
    bottom: 70px;
  }
  
  .productPreviewBuy {
   position: absolute;
   bottom: 10px;
   left: 0px; 
  }
  
  
  .popped_page {
    height: 320px;
    width: 280px;
    overflow: auto;
    box-sizing: border-box;
  }
  
  .productThumbnails, .sssprev, .sssnext {
    display: none;
  }
  
  .homeJoin {  
  background-position: center center;
 }
 
 #prodCheckout {
   margin-top: 10px;
 }
  
}