body { background: #f3f1f1 }
div, p, h1, h2, h3, td, input, textarea, ul, li { font-family: Verdana, arial, helvetica, sans-serif; color: #000000 }
input { color: #000000; background-color: #eeeeee; border: 1px #000000 solid }
.clear { background: none; border: none }
textarea { color: #000000; background-color: #eeeeee; border: 1px #000000 solid }
.border { border: 1px #000000 solid }
.lowinput { color: #000000; background-color: #eeeeee; border: 1px #000000 solid; margin: 0em; padding: 0px 2px 0px 2px; font-size: 8pt }
ul.li { list-style: square }

.breadcrumb { margin: 5px 0px 5px 0px; color: #4d4d4d; font-size: 8pt; font-weight: normal }

.catnav, .catnav1, .catnav2, .catnav3, .catnav4, .catnav5, .catnav6, .catnav7 {
  background: #4d4d4d;
  padding: 5px;
  color: #ffffff;
  font-size: 8pt;
  font-weight: normal;
  margin: 0em;
  }
.inboxtop1, .inboxtop2, .inboxtop3, .inboxtop4, .inboxtop5, .inboxtop6, .inboxtop7 {
  padding-left: 4px;
  border-left: 1px solid #4d4d4d;
  border-right: 1px solid #4d4d4d;
  border-top: 1px solid #4d4d4d;
  color: #ffffff;
  font-weight: normal;
  font-size: 12px;
  height: 25px;
}
.catnav1 { background: #ff8b00 }
.catnav2 { background: #66a5d0 }
.catnav3 { background: #cc0101 }
.catnav4 { background: #0027ea }
.catnav5 { background: #139702 }
.catnav6 { background: #930095 }
.catnav7 { background: #555608 }

.blue { color: #cc0000 }

a:link.topnavleft { color: #ffffff; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal; margin-right: 10px; background-color:#000000; padding: 5px 5px 5px 5px }
a:visited.topnavleft { color: #ffffff; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal; margin-right: 10px; background-color:#000000; padding: 5px 5px 5px 5px }
a:active.topnavleft { color: #ff8b00; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal; margin-right: 10px; background-color:#b50c0c; padding: 5px 5px 5px 5px }
a:hover.topnavleft { color: #ffffff; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal; margin-right: 10px; background-color:#b50c0c; padding: 5px 5px 5px 5px }

a:link.topnavright { color: #ffffff; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal; margin-left: 10px; background-color:#000000; padding: 5px 5px 5px 5px }
a:visited.topnavright { color: #ffffff; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal; margin-left: 10px; background-color:#000000; padding: 5px 5px 5px 5px }
a:active.topnavright { color: #ffffff; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal; margin-left: 10px; background-color:#b50c0c; padding: 5px 5px 5px 5px }
a:hover.topnavright { color: #ffffff; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal; margin-left: 10px; background-color:#b50c0c; padding: 5px 5px 5px 5px }

.linksinfoot { margin-top: 10px; padding: 5px; color: #ffffff; background: #cc0000; font-size: 70%; text-align: center }

.inboxtop { background-image:url(images/inbox-bg.gif); padding-left: 5px; color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 17px; height: 25px; border-left: 1px solid #4d4d4d; border-right: 1px solid #4d4d4d; border-top: 1px solid #4d4d4d; }
.inbox, .inboxwhite { font-size: 70%; background: #ffffff; padding: 4px; border-left: 1px solid #4d4d4d; border-right: 1px solid #4d4d4d; border-bottom: 1px solid #4d4d4d; color:#000000 }
.inboxwhite { background: #ffffff }

.inbox2 { background: url('images/boxbg2.png'); border: 1px solid #4d4d4d }
.boxtext { font-size: 90% }
.nice { font-size: 90% }

.mainpic { padding: 5px; border: #a9a9a9 solid 1px }
.thumbpic { padding: 0px; border: none; width: 140px; height: 140px }

.footer { font-size: 70%; color: #4d4d4d; text-align: center }
.button { color: #ffffff; background: #000000 }
.buttonhi { color: #ffffff; background: #cc0000 }
.buttonhi2 { color: #000000; background: #ffd972 }

.small, .smalllight, .smalltight, .smallinput { font-size: 80% }
.smalllight { font-size: 70%; font-weight: normal; color: #4d4d4d }
.smallinput { padding: 1px }

.pid { font-family: Verdana; font-size: 75%; margin-top: 0em; margin-bottom: 0em }
.description { font-size: 90%; margin-top: 0em; margin-bottom: 0em }
.tight, .smalltight { margin-top: 0em; margin-bottom: 0em; color:#000000 }
.space { margin-top: 15px; margin-bottom: 15px; margin-left: 0px }
.tabletop { color: #ffffff; font-weight: bold; font-size: 80% }
.selectbox { color: #ffffff; background: #660000 }
.niceselect { margin: 2px; color: #000000; background: #ffd972; border: none }
.matching { font-size: 80%; color: #000000; margin: 0px }

h1 { font-size: 110%; font-weight: bold; color: #cc0000; margin-left: 0em; margin-top: 0px; margin-bottom: 0.3em }
h2 { font-size: 100%; font-weight: bold; color: #cc0000; margin-top: 1em; margin-bottom: 0px }
h3 { font-size: 90%; font-weight: bold }

.boxheading { color: #ffffff; margin-top: 0.2em; margin-bottom: 0.2em; margin-left: 0.25em; margin-right: 0.1em }

hr { height: 1px; color: #666666; width=110%; margin-left: -2em }

a:link { color: #cc0000; text-decoration: none }
a:visited { color: #cc0000; text-decoration: none }
a:active { color: #000000; text-decoration: none }
a:hover { color: #000000; text-decoration: none }

a:link.nice { color: #666666; text-decoration: none }
a:visited.nice { color: #555555; text-decoration: none }
a:active.nice { color: #ff0000; text-decoration: none }
a:hover.nice { color: #666666; text-decoration: none }

a:link.lighttop { color: #ffffff; text-decoration: none }
a:visited.lighttop { color: #ffffff; text-decoration: none }
a:active.lighttop { color: #000000; text-decoration: none }
a:hover.lighttop { color: #000000; text-decoration: none }

a:link.light { color: #000000; text-decoration: none }
a:visited.light { color: #000000; text-decoration: none }
a:active.light { color: #000000; text-decoration: none }
a:hover.light { color: #b50c0c; text-decoration: none }

a:link.onnav { color: #ffffff; text-decoration: none }
a:visited.onnav { color: #ffffff; text-decoration: none }
a:active.onnav { color: #000000; text-decoration: none }
a:hover.onnav { color: #000000; text-decoration: none }

a:link.dark { color: #000000; text-decoration: none }
a:visited.dark { color: #000000; text-decoration: none }
a:active.dark { color: #cc0000; text-decoration: none }
a:hover.dark { color: #cc0000; text-decoration: none }

a:link.bclink { color: #4d4d4d; text-decoration: none }
a:visited.bclink { color: #4d4d4d; text-decoration: none }
a:active.bclink { color: #cc0000; text-decoration: none }
a:hover.bclink { color: #cc0000; text-decoration: none }

a:link.menu, a:visited.menu { color: #cc0000; text-decoration: none }
a:hover.menu, a:active.menu { color: #000000; text-decoration: none }
a:link.menuHi, a:visited.menuHi, a:hover.menuHi, a:active.menuHi { color: #000000; text-decoration: none }

.thumbtext { font-size: 80% }

.toptext, .toptextdark, .fixed, .currency, .currencylink { font-size: 10pt; margin-top: 0em; margin-bottom: 0em; margin-left: 0em; margin-right: 0em }
.toptext, .currency, .currencylink { color: #ffffff }
.toptextdark { color: #000000 }
.currencylink { cursor: hand }

.nav { font-size: 10pt; font-weight:bold; color: #cc0000; background: #d7d5d5 }
.navHi { font-size: 10pt; font-weight:bold; color: #000000; background: #d7d5d5 }

.offer, .negative { color: #ff0000 }
.boxtop { font-size: 70%; color: #ffffff }
.price { font-size: 110%; color: #cc0000; font-weight: bold }
.readonly { background: #ffdddd; border: 1px solid #4d4d4d }

.right { text-align: right }

.message { border: 1px solid #000000; padding: 6px; background: #eeeeee; text-align: left; width: 70% }

.boxtext { font-size: 90% }

.menutab, .menuinfo { font-size: 9pt; font-weight: bold; margin-top: 0em; margin-left: 2px; margin-bottom: 0em; margin-right: 2px }
.menuinfo { color: #cc0000 }
.menuoptions, .menuoptionslast { color: #000000; font-size: 9pt; margin-top: 0em; margin-left: 0px; margin-bottom: 0em; margin-right: 5px }
.menuoptions a { color:#000000 }
.menuoptions a:hover { color:#b50c0c }
.menuoptionslast { margin-bottom: 0.25em }
.menuheader { color: #000000; font-family:Arial, Helvetica, sans-serif; font-size: 13pt; font-weight: bold; }
.spaced { line-height: 150% }

.red { color: #b50c0c }
.fade { color: #666666 }

.keycontent { margin: 10px 0px 0px 0px; font-size: 8pt }
.pagelinks { margin: 0px; font-weight: normal; color: #4d4d4d }

.bottomlinks { background-image:url(images/bottomlink-bg.png) }

.Redbox { background-color:#cf1010; }

#viewer {
  height: 100px;
  width: 500px;
  /*clear: both;*/
  overflow: hidden;
  border: 3px solid #dddddd;
  margin-left: 0px;
}
#viewerFrame {
  width: 510px;
  clear: both;
  padding: 0;
}
#viewer img {
  width: 90px;
  height: 90px;
  margin: 5px;
  display: inline;
  border: 0;
}
#viewer a {
  display: block;
  float: left;
  width: 100px;
  height: 100px;
}

#viewerbox {
  margin-top: 5px;
}