/* base HTML elements */
body {
  padding: 1px;
  margin: 0px;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  color: #000000;
  background: #ffffff;
}

h1 {
  color: #009933;
  font-family: arial, helvetica, sans-serif;
  font-size: 160%;
  font-weight: bold;
  margin: 10px 0px 15px 0px;
  letter-spacing: .05em;
}

h2 {
  color: #484848;
  font-family: serif;
  font-size: 140%;
  font-weight: normal;
  margin: 15px 0px 5px 0px;
  letter-spacing: .1em;
}

h3 {
  color: #204030;
  font-family: arial, helvetica, sans-serif;
  font-size: 110%;
  font-weight: bold;
  padding: 0px;
  margin: 5px 0px 2px 0px;
}

.h3ish { /* inline h3 type style */
  color: #208040;
  font-family: arial, helvetica, sans-serif;
  font-size: 100%;
  font-weight: bold;
}

p {
  margin: 0px 0px 10px 0px;
}

li {
  margin-bottom: 10px;
}

em {
  font-style: italic;
}

q {
  font-style: italic;
  color: #006633;
}

q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}

a:link {
  color: #001ccc;
  background: transparent;
  font-weight: normal;
  text-decoration: underline;
}

a:visited {
  color: #800080;
  background: transparent;
  font-weight: normal;
  text-decoration: underline;
}

a:hover {
  color: #ff0000;
  background: transparent;
  font-weight: normal;
  text-decoration: underline;
}

th {
  font-family: arial, helvetica, sans-serif;
  text-align: left;
  background: #ccffea;
}

form {
  padding: 0px;
  margin: 0px;
}

input[type="text"], input[type="password"] {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 80%;
  font-weight: normal;
}

input[type="submit"], input[type="button"] {
  font-family: arial, helvetica, sans-serif;
  font-size: 80%;
  font-weight: bold;
}

textarea {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 80%;
  font-weight: normal;
}

/**** HEADER ****/
#header {
  position: relative;
  height: 117px;
  left: 0px;
  top: 0px;
  padding: 0px;
  margin: 0px;
  color: #ffffff;
  background-color: #59a8a3;
  background-image: url(../common_images/trade_images/hdr_bg.jpg);
  background-position: left top;
  background-repeat: repeat-x;
}

#header-logo {
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 221px;
  height: 94px;
  padding: 0px;
  margin: 0px;
  border: none;
  z-index: 100;
}

#header-left {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 260px;
  height: 117px;
  padding: 0px;
  margin: 0px;
  border: none;
  overflow: hidden;
  z-index: 100;
}
/**** END HEADER ****/

/**** MAIN CONTENT AREA ****/
#main {
  position: static;
}

#content {
  width: 85%;
  max-width: 840px;
  left: 180px;
  top: 0px;
  padding: 10px;
  margin: 0px;
}

#content-title {
  height: 51px;
  padding: 0px 10px;
  margin: 0px;
  font-family: "bookman old style", garamond, "times new roman", serif;
  font-size: 200%;
  font-weight: normal;
  line-height: 51px;
  color: #204030;
  background: #c0f7e0;
}

p.intro {
  font-family: sans-serif;
  font-size: 120%;
}

div.prd-row {
  clear: both;
  padding: 0px 0px 5px 0px;
  margin: 30px 0px 2px 0px;
  border-style: none none dashed none;
  border-width: 1px;
  border-color: #cccccc;
}

div.prd-img {
  width: 240px;
  height: 280px;
  text-align: center;
  float: left;
}

div.prd-basepad {
  height: 10px;
  padding: 0px;
  margin: 0px;
  clear: both;
}
/**** END MAIN CONTENT AREA FORMATTING ****/

/**** LEFT COLUMN FORMATTING ****/
#col-left {
  width: 180px;
  padding: 0px;
  margin: 0px;
}

#search-box-outer {
  position: relative;
  width: 179px;
  height: 50px;
  padding: 0px;
  margin: 0px;
  background-image: url(../common_images/trade_images/srch_bg.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  border-style: none solid none none;
  border-width: 1px;
  border-color: #40b080;
  overflow: hidden;
}

#search-box-inner {
  position: absolute;
  width: 155px;
  left: 20px;
  bottom: 5px;
  padding: 0px;
  margin: 0px;
  z-index: 100;
  visibility: hidden;
}

#search-title {
  display: block;
  font-weight: bold;
  padding: 0px;
  margin: 0px 1px 2px 1px;
  color: #184040;
  background: transparent;
}

/* start menu formatting */
#menu-block {
  padding: 0px;
  margin: 0px;
  color: #000000;
  background: #d7f0e7;
  border-style: solid solid none none;
  border-width: 1px;
  border-color: #40b080;
}

.menu-header {
  height: 19px;
  margin: 0px;
  padding: 0px;
  color: #ffffff;
  background: #40b080;
  font-size: 10pt;
}

.menu-footer {
  height: 17px;
  padding: 0px;
  margin: 0px 0px 10px 0px;
  color: #ffffff;
  background-color: #40b080;
  background-image: url(../common_images/trade_images/curve_bg.gif);
  background-position: left top;
  background-repeat: repeat-x;
}

.menu-spacer {
  height: 12px;
  padding: 0px;
  margin: 0px;
  color: #000000;
  background: #ffffff;
}

a.menu-button:link {
  display: block;
  font-family: verdana, arial, helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #003316;
  background: #ccffea;
  padding: 3px 5px;
  margin: 1px 0px 0px 0px;
  text-decoration: none;
  text-align: left;
}

a.menu-button:visited {
  display: block;
  font-family: verdana, arial, helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #003316;
  background: #ccffea;
  padding: 3px 5px;
  margin: 1px 0px 0px 0px;
  text-decoration: none;
  text-align: left;
}

a.menu-button:hover {
  display: block;
  font-family: verdana, arial, helvetica, sans-serif;
  font-style: italic;
  font-weight: normal;
  color: #ffffff;
  background: #40b080;
  padding: 3px 5px 3px 10px;
  margin: 1px 0px 0px 0px;
  text-decoration: none;
  text-align: left;
}

a.menu-button-on:link {
  display: block;
  font-family: verdana, arial, helvetica, sans-serif;
  font-style: italic;
  color: #ffffff;
  background: #40b080;
  padding: 3px 5px;
  margin: 1px 0px 0px 0px;
  text-decoration: none;
  text-align: left;
}

a.menu-button-on:visited {
  display: block;
  font-family: verdana, arial, helvetica, sans-serif;
  font-style: italic;
  color: #ffffff;
  background: #40b080;
  padding: 3px 5px;
  margin: 1px 0px 0px 0px;
  text-decoration: none;
  text-align: left;
}

a.menu-button-on:hover {
  display: block;
  font-family: verdana, arial, helvetica, sans-serif;
  font-style: italic;
  color: #ffffff;
  background: #40b080;
  padding: 3px 5px;
  margin: 1px 0px 0px 0px;
  text-decoration: none;
  text-align: left;
}

a.menu-sub:link {
  display: block;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 80%;
  text-decoration: none;
  color: #404040;
  background: #f0fff7;
  padding: 2px 5px 2px 15px;
  margin: 1px 0px;
}

a.menu-sub:visited {
  display: block;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 80%;
  text-decoration: none;
  color: #404040;
  background: #f0fff7;
  padding: 2px 5px 2px 15px;
  margin: 1px 0px;
}

a.menu-sub:hover {
  display: block;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 80%;
  text-decoration: none;
  color: #ffffff;
  background: #47b787;
  padding: 2px 5px 2px 15px;
  margin: 1px 0px;
}

a.menu-sub-on:link {
  display: block;
  font-family: verdana, arial, helvetica, sans-serif;
  font-style: italic;
  font-size: 80%;
  color: #ffffff;
  background: #4fbf8f;
  padding: 2px 5px 2px 15px;
  margin: 1px 0px;
  text-decoration: none;
  text-align: left;
}

a.menu-sub-on:visited {
  display: block;
  font-family: verdana, arial, helvetica, sans-serif;
  font-style: italic;
  font-size: 80%;
  color: #ffffff;
  background: #4fbf8f;
  padding: 2px 5px 2px 15px;
  margin: 1px 0px;
  text-decoration: none;
  text-align: left;
}

a.menu-sub-on:hover {
  display: block;
  font-family: verdana, arial, helvetica, sans-serif;
  font-style: italic;
  font-size: 80%;
  color: #ffffff;
  background: #4fbf8f;
  padding: 2px 5px 2px 15px;
  margin: 1px 0px;
  text-decoration: none;
  text-align: left;
}
/* end menu formatting */
/**** END LEFT COLUMN FORMATTING ****/

/**** FOOTER ****/
#footer {
  padding: 2px 5px 3px 5px;
  margin: 5px 0px 5px 0px;
  font-size: 80%;
  text-align: center;
  color: #204030;
  background: #c0f7e0;
  border-style: solid none none none;
  border-width: 1px;
  border-color: #40b080;
  clear: both;
}

a.footer-link:link {
  color: #333333;
  text-decoration: none;
}

a.footer-link:visited {
  color: #333333;
  text-decoration: none;
}
  
a.footer-link:hover {
  color: #f04000;
  text-decoration: underline;
}

/**** END FOOTER ****/


/**** probably legacy stuff ****/
a.header-link:link {
  color: #000033;
  text-decoration: none;
  }

a.header-link:visited {
  color: #000033;
  text-decoration: none;
  }

a.header-link:hover {
  color: #ff0000;
  text-decoration: underline;
  }

a.header-homelink:link {
  color: #ffffff;
  text-decoration: none;
  }

a.header-homelink:visited {
  color: #ffffff;
  text-decoration: none;
  }

a.header-homelink:hover {
  color: #ff9900;
  text-decoration: none;
  }

td.header-menubox {
  font-size: 80%;
  padding: 0px 6px;
  border-style: solid;
  border-width: 1px;
  border-color: #99ccff #6699cc #6699cc #99ccff;
  }

.input-text {
  padding: 2px 0px;
  border-style: solid;
  border-color: #666666;
  border-width: 1px;
  }

input.button {
  font-size: 80%;
  font-weight: bold;
  padding: 1px;
  margin: 0px;
  }

input.button:hover {
  color: #000066;
  }

.maintext {
  font-family: verdana, arial, helvetica, sans-serif;
  font-weight: normal;
  color: #333333;
  background: transparent;
  }

a.maintext-bold:link {
  font-weight: bold;
  color: #333333;
  background: transparent;
  text-decoration: underline;
  }

a.maintext-bold:visited {
  font-weight: bold;
  color: #333333;
  background: transparent;
  text-decoration: underline;
  }

a.maintext-bold:hover {
  font-weight: bold;
  color: #ff0000;
  background: transparent;
  text-decoration: underline;
  }

.maintext-small {
  font-size: 80%;
  }

a.copyright-link:link {
  font-size: 80%;
  color: #ffffff;
  text-decoration: none;
}

a.copyright-link:visited {
  font-size: 80%;
  color: #ffffff;
  text-decoration: none;
}

a.copyright-link:hover {
  font-size: 80%;
  color: #ffff00;
  text-decoration: underline;
}

a.prd-title:link {
  font-family: "lucida sans", arial, helvetica, sans-serif;
  font-weight: bold;
  color: #333333;
  background: transparent;
  text-decoration: none;
  }

a.prd-title:visited {
  font-family: "lucida sans", arial, helvetica, sans-serif;
  font-weight: bold;
  color: #333333;
  background: transparent;
  text-decoration: none;
  }

a.prd-title:hover {
  font-family: "lucida sans", arial, helvetica, sans-serif;
  font-weight: bold;
  color: #ff3300;
  background: transparent;
  text-decoration: underline;
  }

.bordered {
  border-style: solid;
  border-width: 1px;
  border-color: #333333;
  }

.bordered-light {
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  }

.small_image_border {
  border-style: solid;
  border-width: 1px;
  border-color: #999999 #666666 #333333 #333333;
  }

.bg-white {
  background: #ffffff;
  }

.bg01 {
  background: #e1fff0;
  }

.bg01-bordered {
  background: #e1fff0;
  border-style: solid;
  border-color: #cccccc;
  border-width: 1px;
  }

.bg02-bordered {
  background: #ccffea;
  border-style: solid;
  border-color: #6699cc;
  border-width: 1px;
  }

.bg02 {
  background: #ccffea;
  }

.bg03 {
  background: #b0e1cc;
  }

.bg03-bordered {
  background: #b0e1cc;
  border-style: solid;
  border-color: #66cc99;
  border-width: 1px;
  }

.bg04 {
  background: #66cc99
  }

.bg05 {
  background: #3ed857;
  }

.error {
  color: #ff6600;
  }

.formTitle-headerBox {
  margin: 0px 0px 5px 0px;
  border-style: none none solid none;
  border-color: #3e57d8;
  border-width: 4px;
  }

.formTitle-header {
  font-family: verdana, Arial, Helvetica, sans serif;
  font-size: 100%;
  font-weight: bold;
  padding: 3px 12px 0px 6px;
  color: #ffffff;
  background: #3e57d8;
  background-image: url(../common_images/curve_white_bg_tr.gif);
  background-position: top right;
  background-repeat: no-repeat;
  }

/* id'd elements */
#header-menu {
  color: #000000;
  background: #cceaff;
  }

#sub-header {
  padding: 0px;
  margin: 0px;
  }

#sub-header-texturebar {
  color: #000000;
  background-color: #3e57d8;
  background-image: url(../common_images/texture_bar.gif);
  background-position: 0px 0px;
  background-repeat: repeat-x;
  }

#titlebar {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 160%;
  font-style: oblique;
  letter-spacing: .1em;
  padding: 6px 4px 6px 4px;
  color: #002448;
  background: #cceaff;
  border-style: solid none none solid;
  border-width: 2px;
  border-color: #ffffff;
  }

#basket-block {
  padding: 10px 5px;
  margin: 0px;
  color: #000000;
  font-size: 80%;
  }