body {
 background: #064109;
 margin: 0;
 padding: 0 30px;
 font-family: Verdana, "Verdana Ref", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", sans serif;
 text-align: left;
 color: #064109;
 text-size: 12pt;
 list-style-position: inside;
}
body.mail {
 width: 180px;
 width: fixed;
 margin: 0;
 padding: 0;
 text-align: center;
 font-family: Arial, Helvetica, sans;
 font-size: x-small;
 background-color: #eaffea;
 color: #064109;
 margin-top:5pt;
}
#flash {
 position: absolute;
 top: 190px;
 right: 80px;
 z-index: 100;
}
#article #flash, #soon #flash {
 top: 165px;
}
#lh-col {
 right: 265pt;
 width: 180pt;
 padding: 5pt;
 background-color: #eaffea;
 font-variant: small-caps;
 font-size: 70%;
 border: thin solid #064109;
 margin: 0 10pt 0 0;
 text-align: center;
 float: left;
}
#rh-col {
 left: 265pt;
 width: 180pt;
 padding: 5pt;
 background-color: #eaffea;
 font-variant: small-caps;
 font-size: 70%;
 border: thin solid #064109;
 margin: 0 0 10pt 10pt;
 text-align: left;
 float: right;
}
#rh-col a, #lhcol a {
 text-decoration: none;
}
#rh-col a:link, a:visited {
 color: #064109;
}
#rh-col a:hover, a:active {
 color: #9d3131;
}
#rh-col h2 {
 background-color: #ffffff;
 font-size: 100%;
 margin: 0 -5px 0 -5px;
 padding: 0 5px 0 5px;
}
#rh-col p {
 border-top: thin solid #ffffff;
 padding: 5px 0 5px 0;
 margin: 0;
}
#rh-col span {
 font-size: x-small;
 font-variant: normal;
}
#rh-col span span {
 color: #032905;
}
#lh-col {
 left: 50pt;
 /* right: 10pt; */
}
#video {
 padding-top: 30px;
}
.authorbox {
 font-size: 90%;
 font-style: italic;
 text-align: center;
}
.box1 {
 border: solid 2px #0c8012;
 border-top: 0px;
 border-bottom: 0px;
 margin-top: 0px;
}
.box2 {
 border: solid 2px #12bf1b;
 border-top: 0px;
 border-bottom: 0px;
 margin-top: 0px;
}
.box3 {
 border: solid 2px #15db1f;
 border-top: 0px;
 border-bottom: 0px;
 margin-top: 0px;
}
.box4 {
 border: solid 2px #18fb23;
 border-top: 0px;
 border-bottom: 0px;
 margin-top: 0px;
}
.box5 {
 border: solid 2px #68fb70;
 border-top: 0px;
 border-bottom: 0px;
 margin-top: 0px;
}
.box6 {
 border: solid 2px #adfbb2;
 border-top: 0px;
 border-bottom: 0px;
 margin-top: 0px;
}



/* ***buttons column*** */
div.button {
 width: 180px;
 height: 620px;
 padding: 0;
 text-align: center;
 background-color: #eaffea;
 font-variant: small-caps;
 font-weight: 900;
 font-size: 70%;
 border: thin solid #b9f6ab;
 margin: 6pt 10pt 0 0;
 float: left;
}
.button h2 {
 font-size: 100%;
 padding: 0 5px 0 5px;
 margin: 5px 0 20px 0;
}
div.button2 {
 width: 200px;
 height: 762px;
 padding: 0 5px;
 text-align: left;
 background-color: #eaffea;
 font-size: 80%;
 border: thin solid #b9f6ab;
 margin: 6pt 10pt 0 0;
 float: left;
}
h2.reverse {
 background-color: #ffffff;
 font-size: 100%;
 margin: 5px 0 0 0;
 padding: 0 5px 0 5px;
}
.button img {
 margin: 10px 0;
}
.button-product {
 height:220px;
}
.button-content {
 height:120px;
}
#button {
 height:50px;
 width:180px;
 margin:0;
 padding:0;
}
#button a {
 text-decoration: none;
 outline: none;
}
#button li, #button a {
 height:50px;
 display:block;
 padding:17px 0 0 0;
 margin:-17px 0 1px 0;
}
#button li {
 list-style:none;
 display:inline;
}
#button a:link, #button a:visited {
 background:url("gfx/button.png") -180px 0 no-repeat;
}
#button a:hover, #button a:active {
 background:url("gfx/button.png") 0 0 no-repeat; 
}


#button2 {
 height:50px;
 width:200px;
 margin:0;
 padding:0;
 text-align: center;
}
#button2 a {
 text-decoration: none;
 outline: none;
}
#button2 li, #button2 a {
 height:50px;
 display:block;
 padding:17px 0 0 0;
 margin:-17px 0 1px 0;
}
#button2 li {
 list-style:none;
 display:inline;
}
#button2 a:link, #button2 a:visited {
 background:url("gfx/button2.png") -200px 0 no-repeat;
}
#button2 a:hover, #button2 a:active {
 background:url("gfx/button2.png") 0 0 no-repeat; 
}
/*end of buttons styles */

.content {
 background: #ffffff;
 margin-top: 0px;
 padding-left: 60px;
 padding-right: 60px;
 padding-top: 30px;
 padding-bottom: 30px;
 min-height: 950px;
 min-width:930px;
 border: 0.5px solid #d6fbd8;
}
.displaybox {
 background-color: #d6fbd8;
 padding: 5px 20px;
}
.displaybox ul ul {
 margin-left: 20px;
 margin-right: 50px;
}
.displayboxr {
 float: right;
 width: 200px;
 margin-left: 10px;
 background-color: #ffff80;
 font-family: "Times New Roman",serif;
 border: thick ridge #008040; 
 padding-left: 1em; 
 padding-right: 1em;
}
#gfcf.displayboxr {
 width: 300px;
}
.displayboxr a:link, .displayboxr a:visited {
 color: #0000ff;
}
.displayboxr a:hover, .displayboxr a:active {
 color: #ff0000;
}
.displayboxr h3 {
 font-size: 110%;
}
.featured {
 background: #064109;
 color: #ffffff;
 font-weight: bold;
}
#rh-col p.featured a, #rh-col p.featured a:link, #rh-col p.featured a:visited, 
#rh-col p.featured a:hover, #rh-col p.featured a:active {
 color: #ffffff;
}
.firstpara {
 text-align: left;
 margin: 0;
}
.footer {
 clear: both;
 margin-top: 90px;
 text-align: center;
 font-size: 80%;
}
.freebybox {
 border-width: 1px 2px 2px 1px;
 border-style: solid;
 border-color: #064109;
 margin: 20px 0 0 0;
 padding: 10px 20px 20px 20px;
}
.freebybox h3 {
 text-align: center;
 margin-top: 0;
}
.h2 {
 font-size: 180%;
 font-weight: bold;
}
.header {
 top:0px;
}
.highlight {
 background-color: #ffff00;
}
.l {
 float: left;
 padding-bottom: 10px;
 padding-right: 10px;
}
.mail {
 position: absolute;
 left: 5px;
 top: 0;
 width: 225px;
 text-align: left;
 font-size: 90%;
}
p.main:first-letter {
 font-weight: bold;
 font-size: 200%;
}
.mainbody {
 clear:both;
}
.movie {
 border: 5pt ridge #707070; 
 padding: 3px;
}
.navbar {
 width: 85%;
 border-width: 0.5px;
 border-style: solid;
 border-color: #064109;
 background-color: #d6fbd8;
 margin: 5px 20px 20px;
 padding: 10px 30px;
 font-size: 70%;
 text-align: center;
 line-height: 120%;
}
.picbox {
 padding: 5px;
 text-align: center;
 color: #008040;
 font-size: 80%;
}
.picbox-l {
 width: 160;
 float: left;
 padding: 5px;
 text-align: center;
 color: #008040;
}
.picbox-r {
 width: 160;
 float: right;
 padding: 5px;
 text-align: center;
 color: #008040;
}
.r {
 float: right;
 padding-bottom: 10px;
 padding-left: 10px;
}

/* ***product styles *** */
.product img {
 float: left;
 background-color: #ffffff;
 margin: 2px;
}
.product img.add, .product img.iselect, .product img.more, .product img.select, .product img.tselect {
 height:40px;
 padding: 0;
}
.product img.header {
 background-color: #eaffea;
}
.firstitem-3 {
 width: 166px;
 float: left;
}
.firstitem-2 {
 width: 250px;
 float: left;
}
.item-3 {
 width: 166px;
 text-align: left;
 padding-left: 3px;
}
.lastitem-2 {
 width: 250px;
 float: right;
 padding-left: 5px;
}
.lastitem-3 {
 width: 166px;
 float: right;
 padding-left: 5px;
}
.offeritem {
 float:left;
 padding-right: 5px;
 max-width: 310px;
 }
.offeritem span {
 color: red;
 text-decoration: line-through;
}
.firstitem-2 img, .lastitem-2 img, .firstitem-3 img, .item-3 img, .lastitem-3 img, offeritem img {
 height: 70px;
 float: left;
 background-color: #ffffff;
 padding: 2px 2px -20px 2px;
}
.other {
 padding-top: 30px;
}
#new.other {
 padding-top: 0;
}

/* end of product styles */

.r {
 float: right;
 padding-bottom: 10px;
 padding-left: 10px;
}

.red {
 color: #800040;
}
.req {
 background-color: #ffff00;
}
div.scroller {
 height:125px; 
 overflow:auto;
}
.selecta {
 min-width: 474px;
 height: 60px;
}
.sidebar {
 float: right;
 width: 30%;
 font-size: 70%;
 background-color: #ffffae;
 padding: 10px;
 margin: 10px;
}



/* ***signup column*** */
div.signup {
 width: 200px;
 padding: 0;
 background-color: #eaffea;
 font-variant: small-caps;
 font-size: 70%;
 font-weight: 900;
 border: thin solid #b9f6ab;
 margin: 6pt 0 0 10pt;
 text-align: left;
 float: right;
}
.signup a, #lhcol a {
 text-decoration: none;
}
.signup a:link, a:visited {
 color: #064109;
}
.signup a:hover, a:active {
 color: #9d3131;
}
.signup h2 {
 background-color: #ffffff;
 font-size: 100%;
 margin: 5px 0 0 0;
 padding: 0 5px 0 5px;
}
.signup img {
 margin: 10px 0;
}
.signup p {
 border-top: thin solid #ffffff;
 margin: 0 0 0 5px;
}
.signup span {
 color: #032905;
}
.signup ul {
 margin-left: 10px;
 margin-right:0;
 list-style-position: outside;
}
p.border {
 border-bottom: thin solid #ffffff;
 padding: 5px 0 5px 0;
}
/* end of signup styles */



.specialbkg {
 float: left;
 padding-bottom: 10px;
 padding-right: 10px;
 background: url(gfx/gfe-bkg.jpg) no-repeat;
}
h1,h2 {
 text-align: left;
}
h1.small { 
 font-weight: regular;
}
#index h1 {
 font-size: 80%;
 font-style: italic;
 text-align: center;
}
#product h1 {
 text-align: center;
}
#article h1 {
 font-size: 110%;
}
#article h2 {
 margin-top: 0;
}
.add img, .checkout img, .iselect img, .more img, .select img, .tselect img {
 border: none;
 height:40px;
}
input.add, a.add, a.checkout, a.iselect, a.more, a.select, a.tselect, input.update {
 outline: none;
}
input.add, a.add:link img, a.add:visited img {
 background: url(gfx/add.gif) -150px 0 no-repeat;
}
input.add:hover, a.add:hover img, a.add:active img {
 background: url(gfx/add.gif) 0 0 no-repeat;
}
input.checkout, a.checkout:link img, a.checkout:visited img {
 background: url(gfx/checkout.gif) -150px 0 no-repeat;
}
input.checkout:hover, a.checkout:hover img, a.checkout:active img {
 background: url(gfx/checkout.gif) 0 0 no-repeat;
}
a.iselect:link img, a.iselect:visited img {
 background: url(gfx/iselect.gif) -150px 0 no-repeat;
}
a.iselect:hover img, a.iselect:active img {
 background: url(gfx/iselect.gif) 0 0 no-repeat;
}
a.more:link img, a.more:visited img {
 background: url(gfx/more.gif) -150px 0 no-repeat;
}
a.more:hover img, a.more:active img {
 background: url(gfx/more.gif) 0 0 no-repeat;
}
a.select:link img, a.select:visited img {
 background: url(gfx/select.gif) -150px 0 no-repeat;
}
a.select:hover img, a.select:active img {
 background: url(gfx/select.gif) 0 0 no-repeat;
}
a.tselect:link img, a.tselect:visited img {
 background: url(gfx/tselect.gif) -150px 0 no-repeat;
}
a.tselect:hover img, a.tselect:active img {
 background: url(gfx/tselect.gif) 0 0 no-repeat;
}
input.update {
 background: url(gfx/update.gif) -150px 0 no-repeat;
}
input.update:hover {
 background: url(gfx/update.gif) 0 0 no-repeat;
}
h2 i {
 color: #800040;
}
h2 span {
 font-style: italic;
}
h2.rec {
 text-align: left;
}
h3 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
h4 {
 font-size: 120%;
}
img.r {
 margin: 0 0 20px 20px;
 float: right;
 padding: 0;
}

img.pagebanner, .navbar img {
 margin: 0;
}
li {
 padding-left: 10px;
}
small { font-size: 70%;}
table.footerbar {
 width: 100%;
 text-align: center;
 font-size: 70%;
}
td.error {
 color: red;
}
td.Even {
}
td.Odd, td.tdcartTitle {
 background-color: #effdc4;
 }
th {
 vertical-align: top;
}
ul {
 margin-left: 20px;
 margin-right: 60px;
}
ul.sb, .button2 ul {
 margin-left: 0px;
 margin-right: 10px;
 text-align: left;
}