html, body {
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #33362d;
  font-family: Helvetica, sans-serif, Verdana, Arial; }

a img {
  border: 0px solid #000; }

#pagewidth {
  width: 889px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  background: url(images/bg.jpg) repeat-y; }

#header {
  position: relative;
  height: 280px;
  background: url(images/header.jpg) no-repeat;
  width: 100%; }

#leftcol {
  width: 160px;
  float: left;
  position: relative;
  font: 16px;
  text-decoration: none;
  display: block;
  color: #fff;
  left: 20px;
  margin-top: -30px; }

.cat_lev_0 {
  width: 125px;
  height: 10px;
  background: url(images/box_closed.gif) no-repeat left bottom;
  padding: 25px 0 25px 65px;
  margin: 10px 0 10px 10px; }
  .cat_lev_0 a {
    width: 120px;
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none; }
  .cat_lev_0:hover, .cat_lev_0:focus {
    background: url(images/box_open.gif) no-repeat left bottom; }
  .cat_lev_0 a:hover {
    text-decoration: underline; }

#full-catalog {
  width: 110px;
  height: 77px;
  float: left;
  position: relative;
  text-decoration: none;
  left: 80px;
  background: url(images/full-catalog-closed.png) no-repeat left top; }
  #full-catalog:hover, #full-catalog:focus {
    background: url(images/full-catalog-open.png); }

#mybusmag {
  float: right;
  height: 80px;
  width: 170px;
  margin-top: 30px;
  margin-right: -50px;
  text-align: center; }
  #mybusmag a {
    color: #FFFFFF; }

.cat_lev_1 {
  list-style-image: url(images/pixel_trans.gif);
  margin-left: -30px;
  width: 70px;
  margin-top: 15px;
  list-style-type: none; }
  .cat_lev_1 a {
    width: 100px;
    height: 50px;
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none; }
  .cat_lev_1:hover {
    list-style-image: url(images/pixel_trans.gif);
    list-style-type: none; }
  .cat_lev_1 a:hover {
    text-decoration: underline; }

.content_boxes {
  width: 515px;
  margin-top: -20px; }

.left_col .content_boxes {
  width: 170px;
  margin-left: 85px;
  margin-top: -20px; }

.content_box {
  width: 100%;
  margin: 20px; }

#main_para_img {
  position: relative;
  float: left; }

#main_top {
  position: relative;
  left: -20px; }

#maincol {
  width: 500px;
  height: auto;
  float: left;
  margin-left: 140px; }
  #maincol p {
    text-align: justify;
    line-height: 18px; }

.main {
  width: 100%; }

#main_bottom {
  padding-top: 40px;
  padding-bottom: 30px;
  margin-left: -40px;
  clear: both;
  text-align: center; }

#footer {
  clear: both;
  width: 100%;
  text-transform: uppercase; }

#footer-left {
  float: left;
  text-align: left;
  margin-left: 65px;
  font-size: 10px;
  font-weight: 100;
  color: #d3d8cd; }

#footer-right {
  position: relative;
  float: right;
  font-size: 12px;
  text-align: center;
  margin-right: 90px;
  color: #096428; }
  #footer-right a {
    color: #096428;
    font-weight: bold; }

.errorBox {
  font-size: 10px;
  background: #ffb3b5;
  font-weight: bold; }

.stockWarning {
  font-size: 10px;
  color: #cc0033; }

.productsNotifications {
  background: #f2fff7; }

.orderEdit {
  font-size: 10px;
  color: #70d250;
  text-decoration: underline; }

A {
  color: #000000;
  text-decoration: none; }
  A:hover {
    color: #AABBDD;
    text-decoration: underline; }

FORM {
  display: inline; }

TR.header {
  background: #ffffff; }
TR.headerNavigation {
  background: #bbc3d3; }

TD.headerNavigation {
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold; }

A.headerNavigation {
  color: #FFFFFF; }
  A.headerNavigation:hover {
    color: #ffffff; }

TR.headerError {
  background: #ff0000; }

TD.headerError {
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight: bold;
  text-align: center; }

TR.headerInfo {
  background: #00ff00; }

TD.headerInfo {
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center; }

TR.footer {
  background: #bbc3d3; }

TD.footer {
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold; }

.boxText {
  font-size: 14px;
  vertical-align: middle;
  line-height: 23px; }
  .boxText a {
    color: #FFFFFF;
    text-decoration: none; }

.infoBox {
  margin-left: -15px; }

.infoBoxContents {
  font-size: 12px; }


.infoBoxNoticeContents {
  font-size: 10px; }

.infoBoxHeading {
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
  margin-left: 70px; }

TD.infoBox, SPAN.infoBox {
  font-size: 10px; }


TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px; }

.productListing-heading {
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold; }

TD.productListing-data {
  font-size: 10px; }

A.pageResults {
  color: #0000FF; }
  A.pageResults:hover {
    color: #0000FF;
    background: #FFFF33; }

TD.pageHeading, DIV.pageHeading {
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a; }

TR.subBar {
  background: #f4f7fd; }

TD.subBar {
  font-size: 10px;
  color: #000000; }
TD.main {
  font-size: 11px;
  line-height: 1.5; }

P.main {
  font-size: 11px;
  line-height: 1.5; }

TD.smallText, SPAN.smallText, P.smallText {
  font-size: 10px; }

TD.accountCategory {
  font-size: 13px;
  color: #aabbdd; }
TD.fieldKey {
  font-size: 12px;
  font-weight: bold; }
TD.fieldValue {
  font-size: 12px; }
TD.tableHeading {
  font-size: 12px;
  font-weight: bold; }

SPAN.newItemInCart {
  font-size: 10px;
  color: #ff0000; }

CHECKBOX, INPUT, RADIO, SELECT {
  font-size: 11px; }

TEXTAREA {
  width: 100%;
  font-size: 11px; }

SPAN.greetUser {
  font-size: 12px;
  color: #f0a480;
  font-weight: bold; }

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px; }

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold; }

SPAN.markProductOutOfStock {
  font-size: 12px;
  color: #c76170;
  font-weight: bold; }
SPAN.productSpecialPrice, SPAN.errorText {
  color: #ff0000; }


.moduleRowOver {
  background-color: #D7E9F7;
  cursor: pointer;
  cursor: hand; }

.moduleRowSelected {
  background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo {
  font-size: 10px;
  color: #8c8c8c; }

.checkoutBarCurrent {
  font-size: 10px;
  color: #000000; }

.messageBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px; }

.messageStackError, .messageStackWarning {
  font-size: 10px;
  background-color: #ffb3b5; }

.messageStackSuccess {
  font-size: 10px;
  background-color: #99ff00; }

.inputRequirement {
  fontfont-size: 10px;
  color: #ff0000; }

.title {
  font: bolder xx-large Arial, Helvetica, sans-serif; }

.sub-title {
  font-size: large; }

.text_link {
  color: #0000FF;
  text-decoration: none;
  &: hover;
  &-text-decoration: underline; }

.split-list {
  float: left;
  width: 210px; }

#mitesdesign a {
  text-decoration: none;
  color: #000000; }
  #mitesdesign a:hover {
    text-decoration: underline;
    color: #0000FF; }

#janitor {
  left: 48px;
  position: relative;
  height: 116px;
  width: 160px;
  margin: 10px 0; }
  #janitor a {
    height: 100%;
    width: 100%; }

#shop-local {
  clear: both;
  height: 96px;
  left: 48px;
  margin-top: 10px;
  position: relative;
  top: 20px;
  width: 156px; }

#mykornhole {
  clear: both;
  left: 48px;
  margin-top: 10px;
  position: relative;
  top: 20px; }

.clearfix {
  display: inline-block; }
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }
