/*
-----------------------------------------------
Superbikes Styles as of 9/13/2006
----------------------------------------------- */

/* HTML
----------------------------------------------- */
html {
  background-color: #D0E4F4;
  }

/* Body
----------------------------------------------- */
body {
  background: #D0E4F4;
  color: #143D53;
  font: small/1.2em Verdana,Arial,Helvetica;
  margin: 0;
  padding: 0;
  }

body.alt {
  background: #E5E7CD;
  color: #143D53;
  font: small/1.2em Verdana,Arial,Helvetica;
  margin: 0;
  padding: 0;
  }

/* Divs
----------------------------------------------- */
div.desktop {
  margin-top: 5px;
  width: 995px;
  text-align: center;
  }
div.spacer {
  height: 11px;
  width: 100%;
  }
div.ex {
  text-align: left;
  width: 100%;
  }
div.exalt {
  text-align: center;
  width: 100%;
  }
div.images {
  height: 298px;
  width: 100%;
  overflow: auto;
  text-align: center;
  }
div.notauthorized {
  padding-top: 111px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  }
div.pageheaderimage {
  margin-bottom: 1px;
  margin-top: 11px;
  text-align: center;
  }

img.location {
  float: left;
  }

p.headerbar {
  margin-bottom: 1px;
  margin-top: 11px;
  padding-bottom: 1px;
  padding-top: 11px;
  }
p.heading {
  color: #404300;
  font-size: 11.5pt;
  font-weight: bold;
  padding-top: 55px;
  text-align: center;
  }
p.notice {
  color: #CC0000;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  }
p.partsummary {
  color: #CC0000;
  font-size: 13.5pt;
  font-weight: bold;
  text-align: center;
  }

/* Links
----------------------------------------------- */
a:link {
  color: #003399;
  }
a:visited {
  color: #800080;
  }
a:hover {
  color: #FF3300;
  }

img.help {
  padding-bottom: 11px;
  text-align: left;
  vertical-align: top;
  }


/* Header
----------------------------------------------- */
#header {
  background-color: #CC0000;
  float: left;
  text-align: left;
  width: 100%;
  }
#header img {
  text-align: left;
  vertical-align: middle;
  }
#header img.logo, span.logo {
  text-align: left;
  vertical-align: middle;
  }
#header img.slogan, span.billboard {
  text-align: right;
  vertical-align: middle;
  }
  

/* Toolbar
----------------------------------------------- */
#toolbar {
  background: #000033;
  border-bottom: 1px solid #000033;
  border-top: 1px solid #FFFFFF;
  float: left;
  font-size: 80%;
  font-weight: bold;
  width: 100%;
  }
#toolbar a {
  color: #F8E75E;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#toolbar a:hover {
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  text-decoration: underline;
  }
#toolbar a:visited {
  color: #F8E75E;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#toolbar a:active {
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  text-decoration: underline;
  }
#toolbar div.date {
  color: #FFFFCC;
  float: left;
  width: 20%;
  }
#toolbar div.cartsummary {
  color: #FFFFCC;
  float: left;
  text-align: right;
  width: 50%;
}
#toolbar div.membership {
  color: #F8E75E;
  float: right;
  padding-right: 7px;
  text-align: right;
  width: 29%;
  }
  

/* Page Structure
----------------------------------------------- */
#page-body {
  background-color: #FFFFFF;
  float: left;
  height: 710px;
  width: 100%;
  }
#nav {
  float: left;
  width: 20%;
  }
#content {
  background-color: #FFFFFF;
  border-right: 1px solid #000033;
  float: right;
  height: 710px;
  overflow: auto;
  text-align: center;
  width: 75%;
  }
#content a.submenulink {
  color: #BE0A00;
  font-size: 9pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#content a.submenulink:hover {
  color: #000033;
  font-size: 9pt;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#content a.submenulink:visited {
  color: #000033;
  font-size: 9pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#content a.submenulink:active {
  color: #404300;
  font-size: 9pt;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#content div.submenubar {
  color: #BE0A00;
  font-size: 8pt;
  font-weight: bold;
  text-align: center;
  vertical-align: top;
  }

/* Nav
----------------------------------------------- */
#nav {
  background-color: #F8E75E;
  border-left: 1px solid #000033;
  border-right: 1px solid #000033;
  font-size: 85%;
  height: 710px;
  line-height: 1.2em;
  margin-top: -1px;
  }
#nav div {
  height: 70px;
  }
#nav h2 {
  border-top: 1px solid #000033;
  color: #000033;
  font-size: 100%;  
  margin: 0;
  padding: 5px;
  text-align: left;
  }
#nav h2.alt {
  color: #000033;
  font-size: 100%;  
  margin: 0;
  padding: 5px;
  text-align: left;
  }
#nav ul {
  list-style: none;  
  margin: 0;
  padding: 0 0 2px;
  }
#nav li {
  display: block;
  line-height: 1em;  
  margin: 0;
  padding: 0 2px;
  text-align: right;
  width: 98%;
  }
#nav li a {
  display:block;
  color: #CC0000;
  font-weight: bold;
  line-height: 1.15em;  
  padding: 2px 8px 4px;
  text-align: left;
  text-decoration: none;
  }
#nav li a:hover {
  background: #000033;
  border: 1px solid #000000;
  color: #D0E4F4;
  font-weight: bold;
  text-align: left;
  padding: 1px 7px 3px;  
  }
* html #nav li a {
  height: 1%;
  }
p.promo {
  margin: 20px 0;
  text-align: center;
  }


/* Footer
----------------------------------------------- */
#footer {
  background: #CC0000;
  border-bottom: 1px solid #000033;
  border-top: 1px solid #000033;
  clear: both;
  color: #FFFFFF;
  float: left;
  font-size: 85%;
  height: 28px;
  line-height: 1.2em;
  text-align: center;
  width: 100%;
  }
#footer a {
  color: #D0E4F4;
  font-size: 8pt;
  font-weight: bold;
  padding: 0 .3em 0 .65em;
  text-align: center;
  text-decoration: none;
  }
#footer a:hover {
  color: #D0E4F4;
  font-size: 8pt;
  font-weight: bolder;
  padding: 0 .3em 0 .65em;
  text-align: center;
  text-decoration: underline;
  }
#footer a:visited {
  color: #D0E4F4;
  font-size: 8pt;
  font-weight: bold;
  padding: 0 .3em 0 .65em;
  text-align: center;
  text-decoration: none;
  }
#footer a:active {
  color: #D0E4F4;
  font-size: 8pt;
  font-weight: bolder;
  padding: 0 .3em 0 .65em;
  text-align: center;
  text-decoration: underline;
  }
#footer a.first {
  border-left-width: 0;
  }
#footer hr {
  display: none;
  }
#footer li {
  display: inline;
  margin: 0;
  padding: 0;
  }
#footer li a.first {
  padding-left: 0;
  }
#footer p {
  margin: 0;
  padding: 10px 10px 12px;
  }
#footer ul {
  list-style: none;
  margin: 0;
  padding: 10px 10px 0;
  }


/* Product List
----------------------------------------------- */
#productlist {
  background-color: #E5E7CD;
  color: #000033;
  font-size: 9.5pt;
  margin: 7px;
  text-align: center;
  }
#productlist .pic1 {
  float: left;
  text-align: center;
  vertical-align: middle;
  width: 30%;
  }
#productlist .smalldescription1 {
  float: left;
  text-align: left;
  width: 70%;
  }
#productlist img {
  border-color: #000033;
  border: 1px;
  margin: 11px;
  text-align: center;
  vertical-align: top;
  }
#productlist table {
  width: 100%;
  }
#productlist td.pic {
  background-color: #999966;
  margin: 11px;
  text-align: center;
  vertical-align: top;
  width: 35%;
  }
#productlist td.smalldescription {
  background-color: #999966;
  margin: 11px;
  text-align: left;
  vertical-align: top;
  width: 65%;
  }
#productlist tr {
  vertical-align: top;
  }
#productlist tr.product {
  border: solid thin #000033;
  background-color: #999966;
  vertical-align: top;
  }

#product {
  margin: 4px;
  text-align: left;
  width: 98%;
  vertical-align: middle;
  }

#productdetail {
  background-color: #FFFFFF;
  float: left;
  padding-top: 1px;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  width: 100%;
  vertical-align: top;
  }
#productdetail a {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#productdetail a:hover {
  color: #CC0000;
  font-size: 9.5pt;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#productdetail a:visited {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#productdetail a:active {
  color: #CC0000;
  font-size: 9.5pt;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#productdetail div.image {
  text-align: center;
  vertical-align: top;
  }
#productdetail div.images {
  margin-bottom: 5px;
  margin-top: 5px;
  text-align: center;
  vertical-align: top;
  }
#productdetail img.large {
  text-align: center;
  vertical-align: top;
  }
#productdetail img.largealt {
  padding: 5px;  
  text-align: center;
  }
#productdetail p.alternate {
  color: #BE0A00;
  font-size: 9.5pt;
  text-align: left;
  vertical-align: top;
  }
#productdetail p.normal {
  color: #404300;
  font-size: 9.5pt;
  text-align: left;
  vertical-align: top;
  }
#productdetail p.notice {
  color: #CC0000;
  font-size: 8.5pt;
  text-align: center;
  }
#productdetail p.title {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: left;
  }
#productdetail p.titlealt {
  color: #000033;
  font-size: 13.5pt;
  font-weight: bold;
  text-align: center;
  }
#productdetail table {
  border-style: none;
  text-align: center;
  width: 50%;
  }
#productdetail td.left {
  color: #CC0000;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: left;
  width: 50%;
  }
#productdetail td.right {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: right;
  width: 50%;
  }

#productimage {
  background-color: #FFFFFF;
  float: left;
  height: 200px;
  text-align: center;
  width: 19%;
  vertical-align: middle;
  }

#productimagelarge {
  background-color: #E5E7CD;
  height: 234px;
  text-align: center;
  width: 100%;
  vertical-align: middle;
  }

#producttext {
  background-color: #FFFFFF;
  color: #000033;
  float: right;
  padding-top: 1px;
  padding-left: 2px;
  padding-right: 3px;
  padding-bottom: 3px;
  width: 99%;
  vertical-align: middle;
  }
#producttext a {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#producttext a:hover {
  color: #CC0000;
  font-size: 9.5pt;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#producttext a:visited {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#producttext a:active {
  color: #CC0000;
  font-size: 9.5pt;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#producttext div.display {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  }
#producttext img.small {
  margin-right: 6px;
  }
#producttext p.normal {
  font-size: 9.5pt;
  text-align: left;
  vertical-align: top;
  }
#producttext p.title {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  }
#producttext p.titlealt {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: left;
  }
#producttext table {
  border-style: none;
  text-align: center;
  width: 50%;
  }
#producttext td.center {
  color: #CC0000;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: left;
  width: 50%;
  }
#producttext td.left {
  color: #CC0000;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: left;
  width: 25%;
  }
#producttext td.right {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: right;
  width: 25%;
  }

#producttextdetail {
  background-color: #FFFFFF;
  float: left;
  padding-top: 1px;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  width: 100%;
  vertical-align: top;
  }
#producttextdetail a {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#producttextdetail a:hover {
  color: #CC0000;
  font-size: 9.5pt;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#producttextdetail a:visited {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#producttextdetail a:active {
  color: #CC0000;
  font-size: 9.5pt;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#producttextdetail p.alternate {
  color: #BE0A00;
  font-size: 9.5pt;
  text-align: left;
  vertical-align: top;
  }
#producttextdetail p.normal {
  color: #404300;
  font-size: 9.5pt;
  text-align: left;
  vertical-align: top;
  }
#producttextdetail p.title {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: left;
  }
#producttextdetail p.titlealt {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  }
#producttextdetail table {
  border-style: none;
  text-align: center;
  width: 60%;
  }
#producttextdetail td.center {
  font-size: 9.5pt;
  font-weight: bold;
  text-align: left;
  width: 75%;
  }
#producttextdetail td.right {
  font-size: 9.5pt;
  font-weight: bold;
  text-align: right;
  width: 25%;
  }
#producttextdetail td.notice {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bolder;
  text-align: center;
  }

#productaddtocart {
  float: left;
  height: 40px;
  padding-top: 1px;
  width: 90%;
  text-align: right;
  }

#productcontrols {
  float: right;
  height: 40px;
  padding-top: 1px;
  width: 80%;
  }
#productcontrols img {
  vertical-align: bottom;
  padding-top: 5px;
  text-align: center;
  }
#productcontrols input.img {
  vertical-align: bottom;
  padding-top: 5px;
  text-align: center;
}
#productcontrols input.text {
  text-align: left;
}
#productcontrols span.price {
  padding-right: 11px;
  padding-top: 1px;
  width: 20%;
  }
#productcontrols span.quantity {
  padding-right: 11px;
  padding-top: 1px;
  width: 20%;
  }
#productcontrols span.button, .button {
  padding-left: 11px;
  padding-right: 6px;
  padding-top: 1px;
  width: 20%;
  text-align: right;
  }

#productspacer {
  height: 89px;
  padding-top: 14px;
  text-align: center;
  width: 100%;
  }

#productspaceralt {
  margin-top: 14px;
  margin-bottom: 22px ;
  text-align: center;
  width: 99%
  }

#productspacermedium {
  height: 141px;
  padding-bottom: 14px;
  padding-top: 14px;
  text-align: center;
  width: 100%;
  }

#productspacerlarge {
  height: 222px;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center;
  width: 100%;
  }

#ingredients {
  padding-bottom: 11px;
  padding-top: 11px;
  width: 94%;
  }
#ingredients a {
  color: #404300;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#ingredients a:hover {
  color: #000033;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#ingredients a:visited {
  color: #000033;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#ingredients a:active {
  color: #BE0A00;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#ingredients div.category {
  color: #000033;
  float: left;
  font-weight: bold;
  margin-left: 13px;
  text-align: left;
  width: 99%;
  }
#ingredients div.ingredient {
  color: #BE0A00;
  float: left;
  font-weight: normal;
  margin-left: 13px;
  text-align: right;
  width: 15%;
  }
#ingredients div.nutrients {
  color: #404300;
  float: right;
  font-weight: normal;
  margin-left: 13px;
  text-align: left;
  width: 81%;
  }
#ingredients p.normal {
  color: #000033;
  font-weight: normal;
  margin-left: 13px;
  text-align: left;
  }
#ingredients p.italic {
  padding-top: 11px;
  color: #000033;
  float: left;
  font-style: italic;  
  font-weight: normal;
  margin-left: 13px;
  text-align: left;
  width: 90%;
  }
#ingredients p.quote {
  color: #BE0A00;
  font-weight: bold;
  margin-left: 13px;
  padding-top: 13px;
  text-align: left;
  }
#ingredients p.quoteauthor {
  color: #BE0A00;
  margin-right: 13px;
  text-align: right;
  }
#ingredients p.space {
  float: left;
  height: 7px;
  width: 90%;
  }

#welcome {
  float: left;
  width: 100%;
  }

#welcomemessage {
  float: left;
  margin-top: 11px;
  width: 55%;
  }
#welcomemessage p.image {
  color: #A4AB00;
  text-align: center;
  }
#welcomemessage p.space {
  float: left;
  height: 7px;
  width: 55%;
  }
#welcomemessage p.title {
  padding-bottom: 5px;
  padding-top: 5px;
  }

#productspotlight {
  float: right;
  margin-right: 11px;
  margin-top: 10px;
  width: 38%;
  vertical-align: top;
  }
#productspotlight a.other {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#productspotlight a.other:hover {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#productspotlight a.other:visited {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#productspotlight a.other:active {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#productspotlight a.honda {
  color: red;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#productspotlight a.honda:hover {
  color: red;
  font-size: 9.5pt;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#productspotlight a.honda:visited {
  color: red;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#productspotlight a.honda:active {
  color: red;
  font-size: 9.5pt;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#productspotlight a.kawasaki {
  color: green;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#productspotlight a.kawasaki:hover {
  color: green;
  font-size: 9.5pt;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#productspotlight a.kawasaki:visited {
  color: green;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#productspotlight a.kawasaki:active {
  color: green;
  font-size: 9.5pt;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#productspotlight a.suzuki {
  color: #C6AB40;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#productspotlight a.suzuki:hover {
  color: #C6AB40;
  font-size: 9.5pt;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#productspotlight a.suzuki:visited {
  color: #C6AB40;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#productspotlight a.suzuki:active {
  color: #C6AB40;
  font-size: 9.5pt;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#productspotlight a.yamaha {
  color: blue;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#productspotlight a.yamaha:hover {
  color: blue;
  font-size: 9.5pt;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#productspotlight a.yamaha:visited {
  color: blue;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#productspotlight a.yamaha:active {
  color: blue;
  font-size: 9.5pt;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#productspotlight p.title {
  color: #BE0A00;
  font-size: 14.5pt;
  font-weight: bold;
  text-align: center;
  }
#productspotlight p.product {
  color: #000033;
  font-size: 11.5pt;
  font-weight: bold;
  text-align: center;
  }
#productspotlight p.producttext {
  color: #404300;
  font-size: 9.5pt;
  font-weight: normal;
  text-align: center;
  }

#tastetester {
  float: right;
  height: 300px;
  margin-right: 11px;
  margin-top: 18px;
  width: 38%;
  }
#tastetester a.other {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#tastetester a.other:hover {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#tastetester a.other:visited {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#tastetester a.other:active {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#tastetester p.title {
  color: #BE0A00;
  font-size: 14.5pt;
  font-weight: bold;
  text-align: center;
  }
#tastetester p.product {
  color: #000033;
  font-size: 11.5pt;
  font-weight: bold;
  text-align: center;
  }
#tastetester p.tastimony {
  color: #000033;
  font-size: 9.5pt;
  font-weight: normal;
  text-align: center;
  }

#missionstatement {
  float: left;
  margin-top: 11px;
  width: 55%;
  }
#missionstatement p.producttext {
  color: #000000;
  font-size: 9.5pt;
  font-weight: normal;
  text-align: left;
  }

#catalogbyproduct {
  float: left;  
  text-align: center;
  width: 100%;
  }
#catalogbyproduct a {
  color: #404300;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#catalogbyproduct a:hover {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#catalogbyproduct a:visited {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#catalogbyproduct a:active {
  color: #BE0A00;
  font-size: 9.5pt;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#catalogbyproduct input.add2cart {
  text-align: right;
  }
#catalogbyproduct input.field {
  color: #CC0000;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: left;
  }
#catalogbyproduct input.quantity {
  text-align: right;
  }
#catalogbyproduct input.textrequired {
  background-color: #D0E4F4;
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: left;
  }
#catalogbyproduct p.contactinfo {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  }
#catalogbyproduct p.contactnotice {
  color: #CC0000;
  font-size: 7.5pt;
  font-weight: bold;
  text-align: center;
  }
#catalogbyproduct p.heading {
  color: #404300;
  font-size: 11.5pt;
  font-weight: bold;
  padding-top: 11px;
  text-align: center;
  }
#catalogbyproduct p.notice {
  color: #000000;
  font-size: 7.5pt;
  font-weight: bold;
  padding-bottom: 22px;
  text-align: center;
  }
#catalogbyproduct select.required {
  background-color: #D0E4F4;
  color: #000033;
  font-weight: bold;
  }
#catalogbyproduct table { 
  text-align: center;
  width: 90%;
  }
#catalogbyproduct table.cart { 
  text-align: left;
  width: 98%;
  }
#catalogbyproduct table.noborder { 
  border-style: none;
  text-align: center;
  width: 90%;
  }
#catalogbyproduct table.small { 
  text-align: center;
  width: 40%;
  }
#catalogbyproduct td.heading { 
  color: #000000;
  font-weight: bold;
  text-align: center;
  }
#catalogbyproduct td.datacenter { 
  color: #000033;
  font-weight: normal;
  text-align: center;
  }
#catalogbyproduct td.dataleft { 
  color: #000033;
  font-weight: normal;
  text-align: left;
  }
#catalogbyproduct td.dataright { 
  color: #CC0000;
  font-weight: normal;
  text-align: right;
  }
#catalogbyproduct textarea {
  font: small/1.2em Verdana,Arial,Helvetica;
  font-weight: normal;
  text-align: left;
  }
#catalogbyproduct textarea.required {
  background-color: #D0E4F4;
  color: #000033;
  font: small/1.2em Verdana,Arial,Helvetica;
  font-weight: bold;
  text-align: left;
  }

#catalognutrientinfo {
  float: left;  
  padding-top: 4px;
  text-align: center;
  width: 100%
  }
#catalognutrientinfo a {
  color: #404300;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#catalognutrientinfo a:hover {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bolder;
  text-align: center;
  text-decoration: none;
  }
#catalognutrientinfo a:visited {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#catalognutrientinfo a:active {
  color: #BE0A00;
  font-size: 9.5pt;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#catalognutrientinfo p.heading {
  color: #404300;
  font-size: 11.5pt;
  font-weight: bold;
  padding-top: 11px;
  text-align: center;
  }
#catalognutrientinfo p.notice {
  color: #000000;
  font-size: 7.5pt;
  font-weight: bold;
  padding-bottom: 22px;
  text-align: center;
  }
#catalognutrientinfo table.small { 
  text-align: center;
  width: 40%;
  }
#catalognutrientinfo td.heading { 
  color: #000000;
  font-weight: bold;
  text-align: center;
  }
#catalognutrientinfo td.datacenter { 
  color: #404300;
  font-weight: normal;
  text-align: center;
  }
#catalognutrientinfo td.dataleft { 
  color: #404300;
  font-weight: normal;
  text-align: left;
  }
#catalognutrientinfo td.dataright { 
  color: #404300;
  font-weight: normal;
  text-align: right;
  }

#privacypolicy {
  float: left;
  font: small/1.2em Verdana,Arial,Helvetica;
  padding: 5px;
  width: 95%;
  }
#privacypolicy a {
  color: #CC0000;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#privacypolicy a:hover {
  color: #000033;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#privacypolicy a:visited {
  color: #CC0000;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#privacypolicy a:active {
  color: #000033;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#privacypolicy form {
  padding-top: 7px;
  }
#privacypolicy input.text {
  color: #000000;
  font-size: 9.5pt;
  text-align: left;
  }
#privacypolicy input.textrequired {
  background-color: #D0E4F4;
  color: #000033;
  font-size: 9.5pt;
  text-align: left;
  }
#privacypolicy input.updatecart {
  padding-right: 8px;
  padding-top: 14px;
  text-align: right;
  }
#privacypolicy p {
  color: #000000;
  font-size: 9.5pt;
  font-weight: normal;
  text-align: left;
  }
#privacypolicy p.field {
  color: #BE0A00;
  font-size: 9.5pt;
  font-weight: normal;
  text-align: right;
  }
#privacypolicy p.heading {
  color: #000033;
  font-size: 11.5pt;
  font-weight: bold;
  text-align: center;
  }
#privacypolicy p.highlightalt {
  color: #BE0A00;
  font-size: 11.5pt;
  font-weight: bold;
  text-align: center;
  }
#privacypolicy p.highlight {
  color: #CC0000;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  }
#privacypolicy p.highlightreverse {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  }
#privacypolicy p.indented {
  color: #000033;
  font-size: 9.5pt;
  font-weight: normal;
  margin-left: 15px;
  text-align: left;
  }
#privacypolicy p.normal {
  color: #000033;
  font-size: 9.5pt;
  font-weight: normal;
  text-align: center;
  }
#privacypolicy p.notice {
  color: #CC0000;
  font-size: 7.5pt;
  font-weight: bold;
  text-align: center;
  }
#privacypolicy p.reverse {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: left;
  }
#privacypolicy p.reversealt {
  color: #CC0000;
  font-size: 9.5pt;
  font-weight: normal;
  text-align: left;
  }
#privacypolicy p.title {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  padding-top: 8px;
  text-align: center;
  }
#privacypolicy table {
  border-style: none;
  text-align: center;
  width: 100%;
  }
#privacypolicy td.button {
  margin-right: 8px;
  margin-top: 14px;
  text-align: right;
  width: 55%;
  }
#privacypolicy td.field {
  color: #BE0A00;
  font-size: 9.5pt;
  font-weight: normal;
  text-align: right;
  width: 45%;
  }
#privacypolicy td.heading {
  color: #000033;
  font-size: 11.5pt;
  font-weight: bold;
  text-align: center;
  }
#privacypolicy td.input {
  font-size: 9.5pt;
  font-weight: normal;
  text-align: left;
  width: 55%;
  }

/* Desktop
----------------------------------------------- */
#desktop {
  background-color: #FFFFFF;
  width: 100%;
  text-align: center;
  }
#desktop div.spacer {
  height: 15px;
  width: 100%;
  }
#desktop input.text {
  color: #000033;
  font-size: 9.5pt;
  text-align: left;
  }
#desktop input.textrequired {
  background-color: #D0E4F4;
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: left;
  }
#desktop p.button {
  padding: 8px;
  text-align: right;
  }
#desktop p.field {
  color: #CC0000;
  font-size: 9.5pt;
  text-align: right;
  }
#desktop p.statusmessage {
  color: #CC0000;
  font-size: 11.5pt;
  font-weight: bold;
  width: 100%;
  }
#desktop select {
  color: #000033;
  }
#desktop td.button {
  padding: 8px;
  text-align: right;
  }

p.headerbar {
  margin-bottom: 1px;
  margin-top: 11px;
  padding-bottom: 1px;
  padding-top: 11px;
  }

#statusmessage {
  color: #000000;
  font-size: 12.5pt;
  font-weight: bold;
  width: 100%;
 }

/* Login
----------------------------------------------- */
#login {
  height: 635px;
  overflow: auto;
  text-align: center;
  width: 100%;
  }
#login h1 {
  color: #000000;
  text-align: center;
  vertical-align: top;
  }

#loginsignage {
  text-align: center;
  width: 50%;
  }
#loginsignage div.heading {
  color: #000000;
  font-size: 11pt;
  font-weight: bold;
  text-align: left;
  }
#loginsignage div.subheading {
  color: #000000;
  font-weight: normal;
  text-align: left;
  text-decoration: none;
  }

#logindialog {
  border: 1px solid #CC0000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  width: 50%;
  }
#logindialog a {
  color: #000000;
  font-weight: normal;
  text-align: right;
  text-decoration: none;
  }
#logindialog a:hover {
  color: #000000;
  font-weight: bold;
  text-align: right;
  text-decoration: none;
  } 
#logindialog a:visited {
  color: #000000;
  font-weight: normal;
  text-align: right;
  text-decoration: none;
  }
#logindialog a:active {
  color: #000000;
  font-weight: bolder;
  text-align: right;
  text-decoration: none;
  }
#logindialog div.form {
  }
#logindialog div.heading {
  border-top: 1px solid #999;
  color: #000000;
  font-size: 11pt;
  font-weight: bold;
  padding-top: 8px;
  text-align: left;
  }
#logindialog div.subheading {
  color: #000000;
  font-weight: normal;
  text-align: left;
  text-decoration: none;
  }
#logindialog div.signup {
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  }
#logindialog h2 {
  color: #000033;
  font-size: 11.5pt;
  margin-left: 7px; 
  text-align: left;
  vertical-align: top;
  }
#logindialog input.image {
  text-align: center;
  }
#logindialog p.button {
  color: #000000;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#logindialog p.field {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: right;
  text-decoration: none;
  }
#logindialog p.forgotuser {
  color: #000000;
  font-size: 7.5pt;
  font-weight: normal;
  text-align: right;
  text-decoration: none;
  }
#logindialog p.signup {
  color: #000000;
  font-size: 9.5pt;
  font-weight: normal;
  text-align: right;
  text-decoration: none;
  }
#logindialog table {
  border-style: none;
  text-align: center;
  width: 100%;
  }
#logindialog td.button {
  padding: 8px;
  text-align: center;
  }

#spacer {
  height: 14px;
  width: 90%;
  }

#shoppingcart {
  text-align: left;
  width: 100%;
  }
#shoppingcart a {
  color: #404300;
  font-size: 9.5pt;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  }
#shoppingcart a:hover {
  color: #000033;
  font-size: 9.5pt;
  font-weight: normal;
  text-align: center;
  text-decoration: underline;
  }
#shoppingcart a:visited {
  color: #000033;
  font-size: 9.5pt;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  }
#shoppingcart a:active {
  color: #BE0A00;
  font-size: 9.5pt;
  font-weight: normal;
  text-align: center;
  text-decoration: underline;
  }
#shoppingcart a.small {
  color: #404300;
  font-size: 7.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#shoppingcart a.small:hover {
  color: #000033;
  font-size: 7.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: underline;
  }
#shoppingcart a.small:visited {
  color: #000033;
  font-size: 7.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#shoppingcart a.small:active {
  color: #BE0A00;
  font-size: 7.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: underline;
  }
#shoppingcart div.button {
  padding-bottom: 7px;
  padding-top: 7px;
  width: 100%;
  }
#shoppingcart div.cart {
  float: left;  
  margin-right: 14px;
  padding-top: 14px;
  text-align: left;
  width: 100%
  }
#shoppingcart div.customerinfo {
  text-align: center;
  }
#shoppingcart div.pageheader {
  height: 89px;
  padding-top: 14px;
  text-align: center;
  width: 100%;
  }
#shoppingcart div.paymentoptions {
  margin-top: 20px;
  text-align: center;
  width: 100%;
  }
#shoppingcart img.checkout {
  padding-right: 8px;
  text-align: right;
  }
#shoppingcart img.displaybuttonleft {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  text-align: left;
  }
#shoppingcart img.displaybuttonright {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 14px;
  text-align: right;
  }
#shoppingcart img.purchasebuttons {
  padding: 14px;
  text-align: center;
  }
#shoppingcart input.add2cart {
  padding-left: 8px;
  text-align: right;
  }
#shoppingcart input.updatecart {
  padding-right: 8px;
  text-align: right;
  }
#shoppingcart input.quantity {
  text-align: right;
  }
#shoppingcart p.cartempty {
  color: #CC0000;
  font-weight: bold;
  text-align: left;
  }
#shoppingcart p.cartnotice {
  color: #CC0000;
  font-weight: normal;
  padding-bottom: 7px;
  padding-right: 7px;
  padding-top: 7px;
  text-align: left;
  }
#shoppingcart p.purchasebutton {
  margin-top: 14px;
  padding-top: 14px;
  text-align: right;
  }
#shoppingcart table.cart { 
  text-align: left;
  width: 98%;
  }
#shoppingcart td.button { 
  text-align: center;
  width: 33%;
  }
#shoppingcart td.heading_id { 
  color: #000000;
  font-weight: bold;
  text-align: left;
  width: 11%;
  }
#shoppingcart td.heading_product { 
  color: #000000;
  font-weight: bold;
  text-align: left;
  width: 56%;
  }
#shoppingcart td.heading_package { 
  color: #000000;
  font-weight: bold;
  text-align: center;
  width: 20%;
  }
#shoppingcart td.heading_quantity { 
  color: #000000;
  font-weight: bold;
  text-align: right;
  width: 11%;
  }
#shoppingcart td.heading_price { 
  color: #000000;
  font-weight: bold;
  text-align: right;
  width: 11%;
  }
#shoppingcart td.heading_button { 
  color: #000000;
  font-weight: bold;
  text-align: center;
  width: 15%;
  }
#shoppingcart td.datacenter { 
  color: #000033;
  font-weight: normal;
  text-align: center;
  }
#shoppingcart td.dataleft { 
  color: #000033;
  font-weight: normal;
  text-align: left;
  }
#shoppingcart td.dataright { 
  color: #000033;
  font-weight: normal;
  text-align: right;
  }

#cms {
  float: left;  
  height: 333px;
  padding-top: 14px;
  text-align: center;
  width: 100%;
  }
#cms a {
  color: #CC0000;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#cms a:hover {
  color: #000033;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#cms a:visited {
  color: #000033;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#cms a:active {
  color: #CC0000;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#cms div.customerinfo {
  margin-left: 35px;
  text-align: center;
  width: 100%;
  }
#cms input.textright {
  text-align: right;
  }
#cms p.import {
  color: #000033;
  font-weight: normal;
  padding-bottom: 7px;
  padding-right: 7px;
  padding-top: 7px;
  text-align: left;
  }
#cms p.normal {
  color: #CC0000;
  font-weight: normal;
  padding-bottom: 7px;
  padding-right: 7px;
  padding-top: 7px;
  text-align: center;
  }
#cms p.notice {
  color: #CC0000;
  font-weight: bold;
  padding-bottom: 7px;
  padding-right: 7px;
  padding-top: 7px;
  text-align: left;
  }
#cms table {
  border-style: none;
  text-align: center;
  width: 100%;
  }
#cms table.customerdetail {
  border-style: none;
  text-align: center;
  width: 80%;
  }
#cms table.orderdetail {
  border-style: none;
  text-align: left;
  width: 100%;
  }
#cms td {
  color: #CC0000;
  font-weight: bold;
  text-align: center;
  }
#cms td.datacenter {
  color: #CC0000;
  font-weight: normal;
  text-align: center;
  }
#cms td.dataleft {
  color: #CC0000;
  font-weight: normal;
  text-align: left;
  }
#cms td.dataright {
  color: #CC0000;
  font-weight: normal;
  text-align: right;
  }
#cms td.datarightalt {
  color: #000033;
  font-weight: normal;
  text-align: right;
  }
#cms td.field {
  color: #CC0000;
  font-weight: bold;
  text-align: right;
  }
#cms td.fieldtext {
  color: #CC0000;
  font-weight: bold;
  text-align: right;
  vertical-align: top;
  }
#cms td.notice {
  color: #CC0000;
  font-weight: bold;
  text-align: center;
  }
#cms td.product {
  color: #000033;
  font-weight: bold;
  text-align: center;
  }
#cms textarea {
  font: small/1.2em Verdana,Arial,Helvetica;
  }

#paginglinks {
  float: left;  
  padding-top: 7px;
  text-align: center;
  width: 100%;
  }
#paginglinks a.paginglinks {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#paginglinks a.paginglinks:hover {
  color: #CC0000;
  font-size: 9.5pt;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#paginglinks a.paginglinks:visited {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  }
#paginglinks a.paginglinks:active {
  color: #CC0000;
  font-size: 9.5pt;
  font-weight: bolder;
  text-align: center;
  text-decoration: underline;
  }
#paginglinks p.paginglinks {
  color: #000033;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  }
#paginglinks p.paginglinksalt {
  color: #CC0000;
  font-size: 9.5pt;
  font-weight: bold;
  text-align: center;
  }