html {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  line-height: 1; }

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

blockquote {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  quotes: none; }

pre, a, abbr, acronym, address, big, cite, code {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

del {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: line-through; }

dfn, em, font, img {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none; }

kbd {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

q {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  quotes: none; }

s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ol, ul {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  list-style: none; }

li, fieldset, form, label, legend {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

table {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  border-collapse: collapse;
  border-spacing: 0; }

caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

*:focus {
  outline: 0; }

.clear {
  clear: both;
  width: 100%;
  font-size: 0px; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  color: #777777; }

h1, h2, h3 {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light" arial, helvetica, sans-serif;
  font-weight: 300; }

h1 {
  font-size: 2em;
  line-height: 2;
  margin: 0 0; }

h2 {
  font-size: 1.667em;
  margin-bottom: 0 0; }

h3 {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 0.5em; }

h4 {
  font-size: 1em;
  line-height: 2;
  margin-bottom: 0;
  color: #333333;
  font-weight: bold; }

h5 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 0; }

h6 {
  font-size: 1em;
  font-weight: bold; }

#info h3 {
  line-height: 1.3;
  margin: -18px 0 9px 0; }

a {
  color: #97c122;
  text-decoration: none; }
  a:hover {
    color: #555555;
    text-decoration: underline; }

p {
  margin: 0 0 1.5em 0; }

strong {
  font-weight: bold; }

#breadcrumbs {
  height: 30px; }
  #breadcrumbs h2 {
    color: #333333;
    margin: -4px 0 0 2px; }
    #breadcrumbs h2 a {
      color: #97c122;
      text-decoration: none; }
      #breadcrumbs h2 a:hover {
        color: #333333; }

#header {
  height: 63px;
  position: relative;
  width: 892px;
  margin: 0 0 5px 0;
  padding: 0 5px;
  background: url("/images/header.png");
  z-index: 10; }
  #header #logo {
    text-indent: -10000px;
    margin: 0;
    height: 60px;
    width: 232px;
    position: absolute;
    top: 0;
    right: 3px; }
    #header #logo a {
      display: block;
      height: 60px;
      width: 232px;
      margin: 0 12px 0 0;
      color: #97c122;
      text-decoration: none; }

#user_profile {
  position: absolute;
  right: 6px;
  top: 2px;
  padding: 0;
  color: #a8a8a8; }
  #user_profile a {
    color: #333333;
    text-decoration: none; }
  #user_profile a:hover {
    color: #555555;
    text-decoration: underline; }

#navigation {
  height: 22px;
  margin: 0 0 5px 0;
  line-height: 22px;
  background: #a8a8a8; }
  #navigation a {
    color: white;
    text-decoration: none; }
  #navigation #search {
    float: right;
    position: relative;
    width: 106px;
    height: 22px;
    padding: 0 0;
    background-color: #a8a8a8;
    color: white; }
    #navigation #search a {
      padding: 0 0 0 11px;
      border-left: 5px solid white; }
  #navigation #pages {
    float: left;
    padding: 0 0;
    height: 22px;
    color: white; }
    #navigation #pages a {
      border-right: 5px solid white; }
  #navigation #pages a, #navigation #search a {
    display: block;
    float: left;
    margin: 0 0;
    padding: 0 6px;
    height: 22px;
    width: 95px;
    background: #a8a8a8; }
    #navigation #pages a#shop, #navigation #search a#shop {
      padding-left: 11px; }
    #navigation #pages a#tournaments_nav, #navigation #search a#tournaments_nav {
      padding-left: 11px; }
    #navigation #pages a:hover, #navigation #pages a.active, #navigation #search a:hover, #navigation #search a.active {
      background-color: #97c122;
      color: #333333; }
  #navigation .cart {
    float: right; }
  #navigation .login {
    float: right; }

#thumbnails ul {
  margin: 0 -6px 0 0; }
#thumbnails li {
  float: left;
  position: relative;
  margin: 0 5px 5px 0;
  padding: 0;
  width: 144px;
  height: 120px;
  background-color: #cfe398; }
  #thumbnails li.hover {
    background-color: #dddddd; }
  #thumbnails li span.hover {
    background-color: #dddddd;
    position: absolute;
    width: 144px;
    height: 120px;
    display: block; }
  #thumbnails li span.starter {
    position: absolute;
    margin: 2px; }
  #thumbnails li a {
    margin: 0;
    padding: 0;
    display: block;
    position: absolute;
    width: 144px;
    height: 120px;
    text-align: center;
    text-indent: -10000px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    overflow: hidden; }
  #thumbnails li a:hover {
    background-color: transparent; }
  #thumbnails li .add {
    position: absolute;
    z-index: 10;
    bottom: 2px;
    right: 2px;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -10000px;
    cursor: pointer;
    background: url("/images/add.png") no-repeat; }
  #thumbnails li.selected {
    background-color: #97c122; }
    #thumbnails li.selected .hover {
      display: none; }
    #thumbnails li.selected .add {
      background: url("/images/minus.png") no-repeat; }

#copyright {
  font-size: 0.917em;
  text-align: right;
  padding: 6px 0 0 0; }
  #copyright span {
    margin-right: 10px; }
  #copyright a {
    color: black;
    text-decoration: none; }
    #copyright a:hover {
      color: black;
      text-decoration: underline; }

#footer {
  margin: 5px 0 0 0;
  padding: 4px 0;
  font-size: 0.917em;
  color: black;
  text-align: left;
  background: #97c122; }
  #footer p {
    margin: 0 6px; }
  #footer span {
    margin-right: 10px; }
    #footer span.copyright {
      margin-right: 0;
      float: right; }
  #footer a {
    color: black;
    text-decoration: none; }
    #footer a:hover {
      color: black;
      text-decoration: underline; }

body {
  font-family: "Helvetica Neue", arial, helvetica, sans-serif;
  font-weight: normal;
  margin: 0;
  font-size: 75%;
  line-height: 1.5;
  color: #444444;
  background: #eeeeee url("/images/tile.png"); }

.pagination ul li {
  display: inline; }

#content {
  position: relative;
  margin: 0;
  padding: 5px 5px 23px;
  min-height: 536px;
  height: auto !important;
  height: 536px;
  background: url("/images/body.png"); }

#main {
  float: right;
  width: 555px;
  padding-top: 18px; }
  #main.page {
    padding-right: 112px;
    padding-top: 10px;
    width: 443px;
    margin-bottom: 36px; }
    #main.page h1 {
      margin: 10px 0 7px 0;
      line-height: 1.2; }
    #main.page form h1 {
      margin: 0; }
    #main.page ul {
      list-style: disc;
      padding-left: 18px;
      margin: 0 0 1.5em 0; }

#info {
  float: left;
  width: 322px;
  padding: 18px 4px 0 4px; }
  #info #contact {
    text-align: right;
    margin: 36px 6px 0 0; }
    #info #contact h1 {
      line-height: 1.5;
      margin: 0 0 14px 0; }
  #info ul {
    margin: 30px 0 0 0;
    text-align: right; }
    #info ul h1 {
      color: #97c122;
      margin: 0;
      padding: 0;
      line-height: 1.2; }
    #info ul a {
      color: #777777;
      text-decoration: none; }
      #info ul a:hover {
        color: #97c122; }
    #info ul ul {
      margin: 0; }
      #info ul ul ul {
        margin: 0 18px 0 0; }

/* Swift */
.swift {
  margin: -10px 0 0 8px;
  z-index: 100; }

.swift .wrapper {
  padding: 5px 5px 5px 10px;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.9);
  text-shadow: 1px 1px 1px #2c2c2c;
  color: white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.swift form {
  display: inline; }

.swift form label {
  font-size: 12px; }

.swift input {
  margin: 0 1px;
  padding: 4px 8px;
  font-size: 12px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.25);
  outline: none;
  color: white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
  .swift input:focus {
    background: rgba(255, 255, 255, 0.25); }

.swift input:hover {
  background: rgba(255, 255, 255, 0.15);
  cursor: pointer; }

.swift input:active {
  background: #333333;
  color: #c7c7c7; }

.swift.east {
  padding-left: 6px;
  background: url("/images/arrow.gif") 0 50% no-repeat; }

.swift.north {
  padding-top: 7px;
  background: url("/images/arrow.png") right top no-repeat; }

.datepicker {
  position: absolute;
  top: 120px;
  left: 340px;
  z-index: 100; }

.buttons {
  text-align: right;
  padding: 8px 1em; }

ul.errors {
  font-weight: bold;
  color: red; }

form input.text, form input.password {
  border: 1px solid;
  border-color: #aaaaaa;
  padding: 4px;
  width: 210px; }
form input.title {
  font-size: 1.667em;
  border: 1px solid;
  border-color: #aaaaaa;
  padding: 4px;
  width: 470px; }
form table tr td.quantity input {
  border: 1px solid #aaaaaa;
  padding: 2px;
  width: 1.4em; }
form table tr td.coupon_code input {
  border: 1px solid #aaaaaa;
  padding: 2px;
  width: 7em; }
form table tr.notes td.label {
  text-align: right;
  vertical-align: top;
  font-weight: bold; }
form table tr.notes td.textarea {
  padding-right: 1em; }
  form table tr.notes td.textarea textarea {
    width: 400px;
    height: 72px; }
form.standard .field label, form.standard .buttons label {
  display: block;
  float: left;
  width: 10em;
  padding-top: 0.2em; }
form.standard .buttons {
  text-align: left;
  padding: 2px 0; }
form#order_search {
  margin: 0 0 1.5em 0; }
form.login h1 {
  padding: 4px 8px;
  color: #444444; }

#main table {
  width: 100%; }

table.login th {
  padding: 0;
  text-align: left;
  border-bottom: 3px solid white; }
table.login td {
  padding: 4px;
  border-bottom: 3px solid white;
  vertical-align: middle; }
  table.login td.label {
    width: 11em;
    text-align: right; }
  table.login td label {
    display: inline;
    width: auto margin 0; }
  table.login td input.textfocus {
    border: 1px solid #333333; }

table#user_orders {
  margin-bottom: 3em; }
  table#user_orders .order_number {
    width: 7em; }
  table#user_orders .status {
    width: 10em; }

table#user_downloads td.icon {
  padding: 3px; }
  table#user_downloads td.icon img {
    margin: 0;
    float: left; }
table#user_downloads .order_number {
  width: 10em;
  text-align: right; }

table.normal {
  width: 100%; }
  table.normal .upload {
    width: 54px;
    height: 44px;
    padding-left: 4px; }
    table.normal .upload img {
      float: left;
      border: 1px solid;
      border-color: #777777; }
  table.normal .title {
    width: 15em; }
  table.normal .size {
    width: 5em;
    text-align: right; }
  table.normal .item_price {
    text-align: right;
    padding-right: 1em;
    width: 4em; }
  table.normal .quantity {
    text-align: right;
    padding-right: 1em;
    width: 3em; }
  table.normal .price {
    text-align: right;
    padding-right: 1em;
    width: 4em; }
  table.normal .remove {
    width: 4em;
    padding-right: 0.5em; }
  table.normal .pdf {
    width: 4em;
    text-align: right;
    padding-right: 1em; }
  table.normal .checkbox {
    border-top: 1px solid;
    border-color: #777777;
    border-bottom: none; }
  table.normal .agbs {
    text-align: right;
    padding-right: 1em;
    font-weight: bold;
    border-top: 1px solid;
    border-color: #777777;
    border-bottom: none; }
  table.normal td.total {
    text-align: right;
    padding-right: 1em;
    font-weight: bold;
    border: none; }
  table.normal th {
    text-align: left;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #777777;
    font-weight: bold; }
  table.normal td {
    padding: 2px;
    vertical-align: middle;
    border-bottom: 1px solid;
    border-color: #a8a8a8; }
  table.normal tr.highlight td {
    background-color: #e6f0ca; }
    table.normal tr.highlight td td.total {
      background: none; }

table#competitions {
  margin-top: 4px;
  width: 100%;
  color: #aaaaaa; }
  table#competitions .modify {
    width: 96px;
    text-align: right;
    vertical-align: bottom;
    font-weight: normal;
    padding-right: 0px; }
  table#competitions .count {
    width: 2em;
    text-align: right;
    padding-right: 0.5em; }
  table#competitions tr h2 {
    margin: 0;
    padding: 3px;
    line-height: 1em; }
    table#competitions tr h2 a {
      display: block; }
      table#competitions tr h2 a:hover {
        text-decoration: none; }
  table#competitions tr.active td, table#competitions tr.hot td {
    background: #efefef; }
    table#competitions tr.active td a, table#competitions tr.hot td a {
      text-decoration: none;
      color: #555555; }
  table#competitions tr.date th {
    height: 26px;
    font-weight: bold;
    color: #a8a8a8;
    vertical-align: bottom; }
    table#competitions tr.date th.day {
      width: 2em;
      padding-left: 4px; }
    table#competitions tr.date th.date {
      width: 6em; }
    table#competitions tr.date th.modify {
      font-weight: normal;
      padding-right: 8px; }
  table#competitions th, table#competitions td {
    text-align: left;
    padding: 0 0;
    border-bottom: 1px solid #cccccc;
    vertical-align: middle;
    height: auto; }
  table#competitions tr.competition td .title {
    position: relative;
    width: 100%; }
    table#competitions tr.competition td .title h1 {
      position: relative;
      top: 0;
      z-index: 10; }

a.icon {
  display: block;
  float: left;
  height: 24px;
  width: 24px;
  margin: 1px;
  text-align: left;
  background-color: white;
  background-position: 0 0;
  text-indent: -10000px; }
  a.icon.icon:hover {
    background-position: 0 -24px; }

a.icon.edit {
  background-image: url("/images/edit.png"); }

a.icon.delete {
  background-image: url("/images/delete.png"); }

a.icon.import {
  background-image: url("/images/import.png"); }

table.normal tr.total td {
  border: none; }

#tournaments li {
  margin: 0;
  padding: 4px 0 2px 0; }

#tournaments li h2 {
  color: #97c122;
  line-height: 1em;
  margin: 0; }

#tournaments li h2 a {
  margin: 0;
  padding: 0; }

#tournaments li a.icon {
  float: right;
  margin-top: -1px;
  background-repeat: no-repeat; }

#tournaments li a.calendar {
  background-image: url("/images/calendar.png");
  background-repeat: no-repeat; }

.progress {
  height: 30px;
  margin: -3px 0;
  padding: 0;
  width: 0px;
  position: absolute;
  top: 0;
  left: 0;
  background: #bbbbbb;
  z-index: 0; }

#display {
  width: 556px;
  height: 505px;
  top: 31px;
  right: 5px;
  position: absolute;
  background-color: #dddddd;
  margin: 0; }
  #display #image {
    position: relative;
    display: block;
    width: 555px;
    height: 505px;
    text-align: center; }
  #display a#next {
    display: block;
    position: absolute;
    bottom: 0;
    width: 128px;
    height: 505px;
    text-indent: -10000px;
    right: 0;
    background: transparent url("/images/next.png") bottom right no-repeat; }
  #display a#prev {
    display: block;
    position: absolute;
    bottom: 0;
    width: 128px;
    height: 505px;
    text-indent: -10000px;
    left: 0;
    background: transparent url("/images/prev.png") bottom left no-repeat; }

#search_form .group {
  margin: 2px 0; }
  #search_form .group label {
    display: block;
    width: 8em;
    float: left;
    padding: 3px 0 0 0; }
  #search_form .group select {
    width: 18em; }

#prices {
  width: 100%;
  margin-bottom: 6px; }

#prices label {
  width: auto; }

#prices .price {
  text-align: right;
  padding-right: 0.5em; }

#prices th {
  text-align: left;
  border-bottom: 1px solid;
  border-color: #a8a8a8; }

#prices td {
  border-bottom: 1px solid;
  border-color: #a8a8a8; }

#prices td.button {
  width: 2em;
  padding-top: 1px;
  vertical-align: top; }

#prices tr.submit td {
  border: none;
  padding: 2px 0;
  text-align: right; }

