.overflow-auto { overflow: auto; }
.overflow-hidden { overflow: hidden; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.inline li {
  display: inline;
  margin-right: 1.5em;
}
.stripes { background: transparent url(/images/stripes.png) repeat; }
.blue-bg { background-color: #ddddff; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.container { margin: 0; }
.zero {
  margin: 0;
  padding: 0;
}
.orangeskin-fonts { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
.helvetica { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }
.loading { background: #ffffff url(/images/loading.gif) no-repeat center center; }
.wide-input { width: 300px; }
.short-input { width: 150px; }
.header-text {
  color: gray;
  font-size: 9px;
  font-weight: bolder;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.bullet { margin-left: 1.5em; }
.bullet li { list-style: outside square; }
.invalid-text { color: #8a1f11; }
.invalid-box {
  color: #8a1f11;
  background-color: #fbe3e4;
  border: 1px solid #fbc2c4;
}
body {
  background: url(/images/bg.gif) repeat-y;
  width: 837px;
  color: #666666;
}
h1, h2, h3, h4, h5, h6 { color: #666666; }
a {
  text-decoration: none;
  color: #444444;
}
a:link {
  text-decoration: none;
  color: #444444;
}
a:visited { color: #444444; }
a:hover { color: #ff0000; }
ul { margin: 0; }
li { list-style: none; }
table.wide { width: 1500px; }
textarea.address {
  height: 3em;
  line-height: 1.5em;
  padding: 0;
  width: 300px;
  font-size: 12px;
  overflow: auto;
}
label.invalid { color: #8a1f11; }
input.invalid, textarea.invalid {
  color: #8a1f11;
  background-color: #fbe3e4;
  border: 1px solid #fbc2c4;
}
#header { overflow: auto; }
#header #logo {
  float: right;
  overflow: hidden;
}
#header .navigation {
  float: left;
  overflow: hidden;
  width: 100%;
  line-height: 100%;
  margin-bottom: 5px;
}
#header .navigation strong {
  float: right;
  overflow: hidden;
  margin-right: 17px;
}
#header .navigation a {
  color: gray;
  font-size: 9px;
  font-weight: bolder;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#header .navigation a:hover { color: #ff0000; }
#banner {
  width: 100%;
  height: 20px;
  background-color: #ff0000;
  line-height: 20px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#banner a { color: #ffffff; }
#banner div {
  float: left;
  overflow: hidden;
}
#banner .title {
  width: 149px;
  border-right: #ffffff 1px solid;
  font-size: 11px;
}
#banner .title p { margin-left: 5px; }
#banner .section {
  width: 82px;
  border-right: #ffffff 1px solid;
  font-size: 9px;
  text-align: center;
}
#flash { margin-right: 15px; }
#flash .success { color: #666666; }
#content { clear: both; }
#content #left {
  float: left;
  width: 120px;
  padding: 0 15px;
  font-size: 10px;
  height: 300px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#content #left a {
  font-weight: bold;
  color: #666666;
}
#content #left a:hover { color: #ff0000; }
#content #left .heading {
  font-size: 1.1em;
  font-style: italic;
}
#content #left li.active a { color: #000000; }
#content #right {
  float: left;
  width: 565px;
  margin-right: 25px;
}
#content #right h1 { font-size: 1.5em; }
#content #right h2 { font-size: 1.3em; }
#content #right h3 { font-size: 1.1em; }
div.catalog {
  overflow: auto;
  padding: 1.5em 0;
  border-top: 1px solid #999999;
}
div.catalog h3 {
  float: left;
  width: 140px;
}
div.catalog ul {
  float: left;
  margin-left: 1.75em;
  margin-left: 1.5em;
}
div.catalog ul li { list-style: outside square; }
div.quickship .product {
  padding-top: 1.5em;
  border-top: 1px solid #999999;
}
div.quickship .product div.row {
  overflow: auto;
  margin-bottom: 3em;
}
div.quickship .product div.row ul {
  float: left;
  width: 165px;
  margin-right: 35px;
}
div.quickship .product div.row ul.last { margin-right: 0; }
div.quickship .product div.row li { font-size: 11px; }
