body, th, td, caption {
 font-size: 80%;
}

h1, h2, h3, h4, h5, h6, p, li, dt, dd, th, td {
 font-family: Helvetica, Arial, Helv, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
 font-weight: bold;
 padding: 0.25ex 0;
 margin: 0;
}

h1 {
 font-size: 150%;
 color: #9F4FA4;
}

h2 {
 font-size: 125%;
 color: #9F4FA4;
}

h3 {
 font-size: 105%;
 color: #9F4FA4;
}

h4 {
 font-size: 95%;
 color: #9F4FA4;
}

h5 {
 font-size: 85%;
 color: #9F4FA4;
}

h6 {
 font-size: 80%;
 color: #9F4FA4;
}

hr {
 color: #80C643;
 background-color: #80C643;
 height: 3px;
 border: none;
}

img {
  border: none;
}

p {
 /* margin: 0 0 1ex; */
 /* padding: 0; */
}

ul, ol {
 margin-top: 1ex;
 margin-bottom: 1ex;
}

table {
 margin: 1ex 0;
}

table.full_width {
 width: 100%;
}

/* table, tr, td, th {
 border: 1px solid #9F4FA4;
 border-collapse: collapse;
 margin: 1ex 0;
} */

caption {
 padding: 0.5em;
 border: 1px solid black;
 font-style: italic;
 font-weight: bold;
 line-height: 115%;
}

td, th {
 padding: 0.5ex;
}

a {
 text-decoration: underline;
 color: #368FC1;
}

a:visited {
 color: #939;
}

a:hover {
 color: #D23C2E;
}

.right_align {
  text-align: right;
}

.left_align {
  text-align: left;
}

.center_align {
  text-align: center;
}

div.out_of_view {
 position: absolute;
 left: -1000px;
}

div#master {
 margin: 108px 1px 1px 22px; /* IE6/Win doesn't always render the bottom margin on this div, but the effect is fairly unobtrusive */
 padding: 0;
 width: 690px;
}
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html div#master {
 margin: 106px 1px 1px 22px; /* IE6/Win doesn't always render the bottom margin on this div, but the effect is fairly unobtrusive */
}
/* end IE5/Mac hack */

div#top_bar {
 margin: 5px 0 0 0;
 padding: 0;
 width: 690px;
 border-top: 7px solid #80C643;
}
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html div#top_bar {
 margin: 4px 0 -12px 0;
}
/* end IE5/Mac hack */

div#nav_bar {
 margin: -3px 0 0 0;
 padding: 0;
 background-color: #368FC1;
 width: 690px;
 text-align: left;
 color: #ffffff;
 font-weight: bold;
 font-size: 115%;
 height: 3ex;
}
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html div#nav_bar {
 margin: 3px 0 0 0;
}
/* end IE5/Mac hack */

ul#nav_bar_list {
 padding: 0;
 margin-left: -4px;
}

ul#nav_bar_list li {
 float: left;
 display: block;
 margin: -8px -1px -1px 0; /* Opera ignores the negative bottom margin, but the effect is farily unobtrusive */
 padding: 12px 5px 12px 7px;
 font-size: 105%;
}
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html ul#nav_bar_list li {
 margin: -1px -1px -1px 0;
 padding: 0 5px 5px 5px;
}
/* end IE5/Mac hack */


ul#nav_bar_list li a {
 text-decoration: none;
 white-space: nowrap;
 padding: 0 5px 0 5px;
 line-height: 13px;
 color: #ffffff;
}

ul#nav_bar_list li a:visited {
 color: #ffffff;
}

ul#nav_bar_list li a:hover {
 /* background-color: white; /* this is not overridden for print, since most browsers will convert white type to black if it's on a white background when printed */
 color: #80C643;
}

div#space {
 display: none;
}
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html div#space {
 height: 410px;
 line-height: 410px;
 float: left;
 margin: 0;
 padding: 0;
 border: none;
 width: 0;
 display: block;
}
/* end IE5/Mac hack */

div#search_box {
 margin-left: 0;
 padding: 0;
 text-align: right;
}

div#search_box form {
 margin: 0;
}

div#search_box input {
 font-size: 80%;
 border: 1px solid #9F4FA4;
 background-color: #ffffff;
 color: #9F4FA4;
}
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html div#search_box input {
 font-size: 95%;
}
/* end IE5/Mac hack */

span#search_button input {
 font-weight: bold;
 vertical-align: bottom;
}
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html span#search_button input {
 height: 18px;
 margin-bottom: 1px;
}
/* end IE5/Mac hack */

/* Printable banner for IE */
img#print_banner {
 display: none; /* this is overridden below for print */
 height: 589px; /* make sure this stays in sync with the actual size of the image */
 margin-bottom: -589px;
}

/* Top piece of the printable banner for Firefox */
img#print_banner_other {
  display: none; /* this is overridden below for print */
  position: absolute;
  left: 0;
  top: 0;
}
/* Right piece of the printable banner for Firefox */
img#print_banner_other_right {
  display: none; /* this is overridden below for print */
  position: absolute;
  left: 623px;
  top: 129px;
}

div#javascript_email {
 width: 100%;
 padding: 5px 5px;
 border: 5px solid #D23C2E;
 text-align: center;
 margin-bottom: 10px;
 font-weight: bold;
}

div#main {
 margin: 10px 85px 10px 8px;
 padding-bottom: 20px;
 min-height: 410px;
}

div#content {
}

div.product {
 /* height: 200px; */
 /* border: 2px solid #EFAC51; */
 /* padding: 0 10px 10px 10px; */
 /* border-bottom: 2px solid #EFAC51; */
  margin: 20px 0 20px 0;
}

/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html div.product {
  margin: 15px 0 0 0;
}
/* end IE5/Mac hack */

div.productGraphic img {
 margin-left: 2ex;
 float: right;
}

div#content table.cart, table.totals {
  width: 99%;
}

div#content table.payment {
  width: 100%;
}
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html div#content table.payment {
  width: 86%;
}
/* end IE5/Mac hack */

div#content table.comm {
  width: 100%;
}
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html div#content table.comm {
  width: 86%;
}
/* end IE5/Mac hack */

div#content table.instruct {
  width: 100%;
}
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html div#content table.instruct {
  width: 86%;
}
/* end IE5/Mac hack */

div#content table.addr {
  width: 99.5%;
  margin-top: -0.5ex;
  border: none;
}

/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html div#content table.cart, table.totals {
  width: 86%;
}
/* end IE5/Mac hack */

/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html div#content table.addr {
  width: 87%;
  margin-left: -0.5ex;
  margin-top: -0.5ex;
  border: none;
}
/* end IE5/Mac hack */


table.ups_error td {
  background-color: #FFE601;
}
div.sc_messages td {
  background-color: #FFE601;
}

div.sc_cart {
  margin: 0 0 -1ex 0;
}
div.sc_shipping_content {
  margin: -1.5ex 0.5ex -1.5ex 0;
  text-align: right;
}

/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html div.sc_shipping_content {
  margin: -1ex 0.3ex -1ex 0;
}
/* end IE5/Mac hack */


div.sc_totals {
  margin: -1ex 0 0.5ex 0;
  clear: both;
}

div.sc_cart table, tr, th, td {
 border: 1px solid #9F4FA4;
 border-collapse: collapse;
 margin: 1ex 0;
}

div.sc_cart th {
  background-color: #91c5ec;
  text-align: center;
}
div.sc_cart th.cart_total {
  text-align: right;
}

td.cart_delete {
  text-align: center;
}

td.cart_quantity {
  text-align: center;
}

td.cart_name {
  text-align: center;
}

td.cart_sku {
  text-align: center;
}

td.cart_price {
  text-align: center;
}

td.cart_total {
  text-align: right;
}

table.totals {
  margin-left: 8.9ex;
}

/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html table.totals {
  margin-left: 0.2ex;
}
/* end IE5/Mac hack */

table.totals td {
  text-align: right;
}

td.totals_txt {
  width: 95%;
  border: none;
}
td.totals_all_txt {
  width: 95%;
  border: none;
  font-weight: bold;
}

td.totals_all {
  font-weight: bold;
  background-color: #91c5ec;
}

div#sc_sub_container {
  text-align: right;
}

div#sc_sub_container table, tr, td, th {
  /* border: none; */
}

div.sc_shipping_content table tr td {
  border: none;
}

div.sc_address {
  /* margin-left: -2.8ex; */
}

/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html div.sc_address {
  margin-left: 0;
}
/* end IE5/Mac hack */

/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html div.sc_address table, tr, td {
 border: 1px solid #9F4FA4;
 border-collapse: collapse;
 margin: 1ex 0;
}
/* end IE5/Mac hack */

/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html div.sc_address table.addr td {
  border: none;
}
/* end IE5/Mac hack */

div.sc_order_num {
  font-weight: bold;
}

td.bill_addr_hdr {
  text-align: left;
  background-color: #91c5ec;
  font-weight: bold;
}

table.bill_addr {
  width: 100%;
}
table.ship_addr {
  width: 100%;
}

div.registration table.addr_name {
  width: 100%;
}
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html div.registration table.addr_name {
  width: 86%;
}
/* end IE5/Mac hack */

div.registration table.addr_name td.addr_name {
  border: 1px solid #9F4FA4;
  border-collapse: collapse;
  background-color: #91c5ec;
  font-weight: bold;
  text-align: center;
}
div.registration table.addr_name td.addr_lab {
  border: 1px solid #9F4FA4;
  border-collapse: collapse;
  background-color: #91c5ec;
  font-weight: bold;
  text-align: center;
}

div.registration table.addr_name td {
  border-left: none;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #9F4FA4;
  border-collapse: collapse;
  background-color: #91c5ec;
}

div.registration table {
  border: 1px solid #9F4FA4;
  border-collapse: collapse;
}

div.registration table.addr_name td.addr_name_val {
  background-color: #ffffff;
  border: 1px solid #9F4FA4;
  border-collapse: collapse;
  text-align: center;
}

div.registration table.email_pw {
  width: 100%;
}

/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html div.registration table.email_pw {
  width: 86%;
}
/* end IE5/Mac hack */

div.registration table.email_pw td.email_pw {
  border: 1px solid #9F4FA4;
  border-collapse: collapse;
  background-color: #91c5ec;
  font-weight: bold;
  text-align: left;
}

div.registration table.challenge {
  width: 100%;
}

/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html div.registration table.challenge {
  width: 86%;
}
/* end IE5/Mac hack */

div.registration table.challenge td.challenge_instructions {
  border: 1px solid #9F4FA4;
  border-collapse: collapse;
  background-color: #91c5ec;
  font-weight: bold;
  text-align: center;
}
div.registration table.challenge td.challenge {
  border: 1px solid #9F4FA4;
  border-collapse: collapse;
  background-color: #91c5ec;
  font-weight: bold;
  text-align: left;
}

div.registration table.email_type td.email_type_text {
  border: 1px solid #9F4FA4;
  border-collapse: collapse;
  background-color: #91c5ec;
  font-weight: bold;
  text-align: center;
}

table.addr_name td {
  border: none;
}

td.addr {
  text-align: left;
  border: none;
}
td.addr_val {
  text-align: left;
  border: none;
}

td.ship_addr_hdr {
  text-align: left;
  background-color: #91c5ec;
  font-weight: bold;
}

td.addr_foot {
  text-align: left;
  border: none;
}

td.payment_hdr {
  text-align: left;
  background-color: #91c5ec;
  font-weight: bold;
}

td.payment {
  width: 35%;
}

td.comm_hdr {
  text-align: left;
  background-color: #91c5ec;
  font-weight: bold;
}

td.instruct_hdr {
  text-align: left;
  background-color: #91c5ec;
  font-weight: bold;
}

textarea.instruct {
  width: 100%;
}

textarea.comm {
  width: 100%;
}

table.taxnship {
  border: none;
  text-align: right;
  float: right;
  margin-top: -1.5ex;
}  
td.taxnship {
  text-align: right;
  border: none;
  margin-right: 0;
  padding-right: 0;
}

td.zipncountry {
  text-align: right;
  border: none;
  margin-right: 0;
  padding-right: 0;
}
td.zipncountry_txt {
  text-align: right;
  border: none;
  margin-right: 0;
  padding-right: 0;
  width: 88%;
}

div.sc_checkout_buttons {
  text-align: right;
  margin-right: 0.3ex;
}
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html div.sc_checkout_buttons {
  text-align: right;
  margin-right: 0.5ex;
}
/* end IE5/Mac hack */

div.sc_registration_buttons {
  text-align: left;
}

div.sc_payment_content {
  margin: 0 0.5ex 1ex 0;
}

div.sc_changes {
  margin: 0 0.5ex 1ex 0;
}

div.sc_changes_text {
  text-decoration: underline;
  font-size: 85%;
}

div.sc_surcharge {
  margin: 0 0.5ex 0 0;
}

div.sc_orderinstructions {
  margin: 0;
}

div.sc_orderinstructions table {
 border: 1px solid #9F4FA4;
 border-collapse: collapse;
 margin: 1ex 0;
}

div.sc_payment {
  margin: -1.5ex 0 0 0;
}

div.sc_comments {
  margin: 0;
}

div.sc_payment table {
 border: 1px solid #9F4FA4;
 border-collapse: collapse;
 margin: 1ex 0;
}

div.sc_comments table {
 border: 1px solid #9F4FA4;
 border-collapse: collapse;
 margin: 1ex 0;
}

span.sc_checkout_button input {
  margin-left: 400px;
}

span.sc_checkout_button input.button8 {
  margin-left: 0;
}

div.sc_footer {
  margin-top: 1.5ex;
  margin-bottom: -1.5ex;
}

div#footer {
 margin: 0px 1px 1px 22px; /* IE6/Win doesn't always render the bottom margin on this div, but the effect is fairly unobtrusive */
 padding: 0;
 width: 756px;
 border-bottom: 7px solid #80C643;
 text-align: center;
 color: #000000;
 clear: both;
 font-size: 80%;
}
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
* html div#footer {
 margin: 0px 1px 1px 22px; /* IE6/Win doesn't always render the bottom margin on this div, but the effect is fairly unobtrusive */
}
/* end IE5/Mac hack */

ul.footer_menu {
 margin: 0;
 padding: 0 0 1ex 0;
 /* line-height: 135%;*/
 color: #368FC1;
}

ul.footer_menu li {
 display: inline;
}

ul.footer_menu li a {
 text-decoration:underline;
 margin: 0;
 padding: 1px;
 color: #368FC1;
}

ul.footer_menu li a:visited {
 color: #939;
}

ul.footer_menu li a:hover {
 color: red; /* for some reason, the generic a:hover selector at the top doesn't work, so this is needed */
}

div#sub_footer {
 margin: 4px 1px 10px 22px;
 width: 756px;
 text-align: center;
 color: #000000;
 clear: both;
 color: #368FC1;
 font-size: 80%;
}

div#sub_footer_text {
}

div#google_checkout {
/*  margin: 4px 1px 1px 22px; */
/*  clear: both; */
  float: left;
  margin: -0.4ex -182px 0 0;
}

.add-img {
  margin-left: -0.2ex;
}
/* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
 * html .add-img {
  margin-left: -0.5ex;
}
/* end IE5/Mac hack */

.viewcart-img {
  margin-left: -0.5ex;
}

ul#contact_list li {
  margin-bottom: 1ex;
}

a.faq_link {
  text-decoration: none;
  color: #9F4FA4;
}

div.checkout_or_use {
  margin-top: -9%;
  margin-right: 32%;
  text-align: right;
}
 /* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
 * html div.checkout_or_use {
  margin-top: -7.5%;
  margin-right: 28%;
}
 /* end IE5/Mac hack */

.purple_table_borders {
  border: 1px solid #9F4FA4;
  border-collapse: collapse;
  margin: 1ex 0;
}

@media print {

 /* the following rule ensures that the banner image appears when pages are printed, even when background images are suppressed */

 /* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
 * html img#print_banner {
  display: inline;
 }
 /* end IE5/Mac hack */

 img#print_banner_other {
   display: inline;
 }
 /* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
 * html img#print_banner_other {
   display: none;
 }
 /* end IE5/Mac hack */

 img#print_banner_other_right {
   display: inline;
 }
 /* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
 * html img#print_banner_other_right {
  display: none;
 }
 /* end IE5/Mac hack */

/*  ul.footer_menu li {
  border-right: 1px solid black;
 } */
 
 /* use this to keep IE5/Mac from seeing this (note the forward slash before the end of this comment!) \*/
 * html div#nav_bar {
  margin: 20px 0 20px 0;
 }
 /* end IE5/Mac hack */

 body {
  zoom: 85%;
 }
 
 /* the following rule makes sure that all white text prints out a printable color */
 ul#nav_bar_list li {
  color: #80C643
 }
 
 div.recommend_print {
   display: none;
 }
 
}