body, div, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, input, textarea, blockquote {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }

body {
  padding: 10px 0 50px;
  background: #3c4356 url(/images/bg.jpg);
  color: #000;
  font: 0.75em "Helvetica","Arial",sans-serif; }

.center {
  text-align: center; }

.alignleft {
  float: left;
  padding: 0 25px 0 0; }

.clear {
  clear: both; }

blockquote {
  padding-left: 40px; }

#container {
  position: relative;
  width: 804px;
  height: 668px;
  margin: 0 auto;
  background: url(/images/pictures.jpg) left top no-repeat;
  overflow: hidden; }

#index {
  position: absolute;
  top: 81px;
  left: 9px;
  width: 795px;
  height: 523px;
  background: url(/images/openbook.jpg) center top no-repeat;
  text-indent: -9999px; }

#toc {
  position: absolute;
  top: 85px;
  left: 435px;
  width: 296px;
  padding-top: 60px;
  background: url(/images/menu.gif) left top no-repeat;
  list-style: none; }
  #toc li {
    height: 35px; }
    #toc li a {
      width: 296px;
      height: 27px;
      display: block;
      background-image: url(/images/menu.gif);
      background-repeat: no-repeat; }

#catalog a {
  background-position: 0 -60px; }
  #catalog a:hover {
    background-position: -296px -60px; }

#news a {
  background-position: 0 -95px; }
  #news a:hover {
    background-position: -296px -95px; }

#events a {
  background-position: 0 -130px; }
  #events a:hover {
    background-position: -296px -130px; }

#press a {
  background-position: 0 -165px; }
  #press a:hover {
    background-position: -296px -165px; }

#distributors a {
  background-position: 0 -200px; }
  #distributors a:hover {
    background-position: -296px -200px; }

#stores a {
  background-position: 0 -235px; }
  #stores a:hover {
    background-position: -296px -235px; }

#contact a {
  background-position: 0 -270px; }
  #contact a:hover {
    background-position: -296px -270px; }

#thirdedition {
  position: absolute;
  top: 150px;
  left: 75px;
  width: 270px;
  font-size: 0.9em;
  overflow: hidden; }
  #thirdedition img {
    border: 0; }
  #thirdedition p {
    padding: 10px 0; }

a {
  color: #f00;
  overflow: hidden;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

img {
  border: 1px solid #ddd; }

#header {
  width: 780px;
  margin: 0 auto;
  background: url(/images/pictures.jpg) left top no-repeat; }
  #header h1 {
    text-indent: -9999px; }
    #header h1 a {
      height: 85px;
      width: 350px;
      display: block; }

#menu {
  padding: 10px 5px 8px 10px;
  background: #fb0;
  border: 1px solid #ddd;
  border-bottom: none;
  font-size: 1.15em;
  font-weight: bold;
  overflow: hidden; }
  #menu li {
    float: left;
    border-left: 1px solid #ccc;
    display: inline; }
    #menu li a {
      padding: 5px 15px;
      color: #000; }
      #menu li a:hover, #menu li a.active {
        color: #f90000;
        text-decoration: none; }
    #menu li#first {
      border-left: none; }
    #menu li#last {
      float: right;
      padding-right: 7px;
      border-left: none; }

#main-container {
  clear: both;
  width: 780px;
  margin: 0 auto; }

#content {
  width: 730px;
  padding: 10px 25px;
  background: #fff url(/images/content.gif);
  overflow: hidden; }
  #content h2 {
    padding: 10px 0;
    color: #111;
    font-size: 1.5em; }
  #content h3, #content h4 {
    padding: 10px 0;
    color: #222;
    font-size: 1.15em; }
  #content h5 {
    padding: 0 0 10px;
    color: #333;
    font-size: 1em; }
  #content p {
    padding: 0 0 15px;
    line-height: 16px; }
  #content li {
    line-height: 16px; }
  #content ol, #content ul {
    padding: 0 0 15px 15px; }

#footer {
  clear: both;
  width: 778px;
  margin: 0 auto;
  padding: 10px 0;
  background: #fb0;
  border: 1px solid #ddd;
  border-top: none;
  overflow: hidden; }

#copyleft {
  padding: 0 18px;
  font-size: 0.9em;
  text-align: right; }
  #copyleft img {
    float: left;
    border: none;
    display: block; }
  #copyleft span {
    float: left;
    padding: 0 0 0 15px;
    display: block;
    line-height: 31px; }

#footer a {
  color: #000; }

#player2 {
  text-align: center; }

#content #catalog_list {
  padding: 0;
  list-style: none;
  overflow: hidden;
  text-align: center; }
  #content #catalog_list li {
    float: left;
    width: 172px;
    height: 285px;
    padding: 15px 5px;
    background: #fff; }
  #content #catalog_list h3 {
    padding: 10px 0; }
  #content #catalog_list h4 {
    padding: 0 0 10px; }

#catalog_list a {
  color: #000; }
  #catalog_list a:hover {
    color: #f00; }
#catalog_list img {
  height: 160px; }

.columnwrap {
  clear: both;
  width: 100%;
  padding: 10px 0 0;
  overflow: hidden; }

.rightcolumn {
  float: right;
  padding: 0 0 25px 25px; }

.paypal {
  float: left;
  width: 75px;
  padding: 0 20px 15px;
  text-align: center; }

#content .shipping {
  padding: 20px 0; }

.newswrap {
  margin: 0 0 5px;
  border-bottom: 1px solid #ddd; }

.leftnews {
  float: left;
  width: 120px; }
  .leftnews img {
    width: 100px; }

.rightnews {
  float: right;
  width: 600px; }

#content .events {
  padding: 0;
  margin: 0 0 15px;
  list-style: none; }
  #content .events li {
    clear: both;
    border-bottom: 1px solid #ddd;
    overflow: hidden; }
    #content .events li li {
      clear: none;
      border: none;
      overflow: visible; }
#content .event-list p {
  width: 60%; }

#content #states {
  padding: 0;
  display: inline;
  list-style: none;
  border-right: 1px solid #bbb; }
  #content #states li {
    display: inline;
    border-left: 1px solid #bbb; }
    #content #states li a {
      padding: 5px; }
#content #stores_list {
  padding: 15px 0;
  list-style: none; }
  #content #stores_list li {
    float: left;
    width: 24%;
    display: block; }

.pagination {
  clear: both;
  width: 100%;
  padding: 0 0 5px;
  text-align: right; }

.current {
  color: #000; }

.disabled {
  color: #bbb; }

#content .cancel {
  padding: 0 0 0 10px; }
#content .button {
  padding: 0 0 15px; }
#content .search {
  padding: 0 0 0 10px; }
  #content .search input:hover {
    background: #ffc; }
#content .button a, #content .button input {
  background: #fb0;
  border: 1px solid #ddd; }
#content .fieldWithErrors input, #content .fieldWithErrors select, #content .fieldWithErrors textarea {
  background: #fee;
  border: 1px solid #ddd; }
#content .button a {
  padding: 3px 10px;
  color: #000; }
#content .button input {
  padding: 2px 10px;
  font: 12px "Helvetica","Arial",sans-serif; }
#content .button a:hover, #content .button input:hover {
  color: #f90000;
  cursor: pointer;
  text-decoration: none; }
#content #error-notice {
  clear: both;
  width: 100%;
  margin: 0 0 15px;
  padding: 5px 0;
  background: #fee url(/images/cms/no.png) right center no-repeat;
  font-weight: bold;
  text-align: center; }
#content #login-box {
  position: relative;
  padding: 25px; }