body {
     background-image:url('http://www.ozarkherbal.com/images/bg.png');
     background-size: 100%;
     background-repeat: no-repeat;
     background-attachment: fixed;
}
.main {
   background: #ffffff;
  box-sizing: border-box;
     width: 70em;
     padding: 2em;
     box-shadow: 0px 0px 40px #333;
     margin: auto;
     margin-bottom: 100px;
     font: 1em 'Open Sans';
     color: #3A3021;
     text-align: left;
     position: relative;
     z-index: 1;
}
.header {
font: 60pt 'Dancing Script';
color: #fff;
text-align: center;
padding: 30px 0px 20px 0px;
text-shadow:  2px 1px 0px #000;
}
.nav {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#627d4d+0,1f3b08+100;Olive+3D */
background: rgb(98,125,77); /* Old browsers */
background: -moz-linear-gradient(top, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627d4d', endColorstr='#1f3b08',GradientType=0 ); /* IE6-9 */
width: 70em;
margin: auto;
text-align: center;
border-radius: 50px 50px 0px 0px;
overflow: none;
}
.nav a{
text-decoration: none;
font: 2em 'Pathway Gothic One';
text-shadow: 3px 2px 3px #000;
color: #fff;
display: inline-block;
box-shadow: inset 20px 0px 25px #1D2913, inset -20px 0px 25px #1D2913;
padding: 1em 1.68095em 1em 1.68095em;
}
.nav a:hover{
text-decoration:underline;
}
.cart {
display: inline-block;
position: absolute;
padding: 2% 4%;
margin-top: 0;
text-align:center;
}
.cart a {
text-decoration: none;
font: 25pt 'Pathway Gothic One';
text-shadow:  3px 2px 3px #000;
color: #fff;
box-shadow: none;
padding: 0%;
margin-bottom: 0%;
margin-top: 0%;
}
.homeblurb {
text-align:center;
width: 100%;
padding: 5% 2%;
font: 23pt 'Pathway Gothic One';
}
.blurbholder {
height: 246px;
}
.blurbleft {
float:left;
}
.blurbright {
float:right;
width: 200px;
}
.boxholder {
margin:auto;
text-align: center;
}

.box, .boxborder {
width: 40%;
display: inline-block;
vertical-align: top;
text-align: left;
margin: 0% 2% 0% 2%;
}
.boxborder {
border-left: 1px solid #000;
padding: 0%;
width: 0%;
height: 20%;
vertical-align:bottom;
}

.box h2, {
text-align: center;
}
h1 {
text-align:center;
margin-bottom: 3%;
margin-top: 1%;
}
.hometextleft {
float:left;
width: 40%;
height: 350px;
margin-left: -20%;
}
.hometextright {
float:right;
width:40%;
height: 350px;
}
.prodblurb {
text-align:center;
margin: auto;
font: 23pt 'Pathway Gothic One';
}
.onlymembers {
text-align: center;
font-size: 15pt;
margin-bottom: 1em;
background-color: papayawhip;
margin-left: -1.6em;
margin-right: -1.6em;
}
.round {
	height: 25em;
border-radius: 5em;
background-color: #fff;
padding: 0em;
overflow: hidden;
}
.membership {
     margin: auto;
     margin-bottom: 1em;
     margin-top: 1em;
     width: 62.5em;
     height: 25em;
     padding: 1em;
     background: #E7E7BD;
     background: linear-gradient(#E7E7BD, #919E60);
     border: 1px solid #476904;
     border-radius: 5em;
}
.product {
     display: inline-block;
     vertical-align: top;
     padding: .8em;
     margin: .5em;
     width: 30em;
     height: 25em;
     background: #E7E7BD;
     background: linear-gradient(#E7E7BD, #919E60);
     border: 1px solid #fff;
     box-shadow: 0px 0px 0px 1px #476904;
     border-radius: 5em;
}
.product img, .membership img {
     float: left;
     width: 13em;
     height: 25em;
     padding-right: 1em;
}
.membership img {
width: 26em;
}
.product p, .membership p {
text-align: left;
padding-right: .5em;
}
.product h1, .membership h1, .product h2  {
	  font-variant: small-caps;
	  color: #fff;
     text-align: center;
     font-size: 1.7em;
     border-bottom: 4px solid #242C1C;
     background-color: #4E693B;
     margin: 0em 0em 0em 0em;
     padding: .1em;
     letter-spacing: .1em;
}
.pages {
margin: 2em;
font-size: 1.1em;
}
.pages a{
background-color: #C9CE9D;
border-radius: 100%;
padding: .5em 1em;
transition: .5s;
color: white;
text-decoration:none;
}
.pages a:hover{
background-color: #919E60;
border-radius: 100%;
padding: .5em 1em;
transition: .5s;
}
.pages u{
background-color: #919E60;
border-radius: 100%;
padding: .5em 1em;
color: white;
}
.legal {
    font: arial;
    color: #800000;
    text-align: center;
}
ul {
text-align: left;
list-style-position: inside;
}
.legal h3 {
text-transform:uppercase;
margin-bottom: 0em;
} 
.justtext {
padding: 0em 6em;
}
.justtext p {
text-indent: 2em;
}
.notification {
width: 35em;
border: 3px solid #C88686;
background-color: #FFEFD5;
text-align: center;
padding: 1em;
margin: auto;
border-radius: 1em;
overflow:hidden;
}
.notification h1 {
margin: -0.5em;
margin-bottom: -0.3em;
background-color: #E7C1B2;
font-variant: small-caps;
}