html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

*:focus {
  outline: 0; }

body {
  line-height: 1em;
  color: black;
  background: white; }

ol, ul {
  list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: "" ""; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: ""; }

img a {
  border: none; }

body {
  line-height: 1.5;
  font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
  color: #333333;
  font-size: 75%; }

h1 {
  font-weight: normal;
  color: #222222;
  font-size: 3em;
  line-height: 1;
  margin-bottom: 0.5em; }
  h1 img {
    margin: 0; }

h2 {
  font-weight: normal;
  color: #222222;
  font-size: 2em;
  margin-bottom: 0.75em; }

h3 {
  font-weight: normal;
  color: #222222;
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em; }

h4 {
  font-weight: normal;
  color: #222222;
  font-size: 1.2em;
  line-height: 1.25;
  margin-bottom: 1.25em; }

h5 {
  font-weight: normal;
  color: #222222;
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em; }

h6 {
  font-weight: normal;
  color: #222222;
  font-size: 1em;
  font-weight: bold; }

h2 img, h3 img, h4 img, h5 img, h6 img {
  margin: 0; }

p {
  margin: 0 0 1.5em; }
  p img.left {
    display: inline;
    float: left;
    margin: 1.5em 1.5em 1.5em 0;
    padding: 0; }
  p img.right {
    display: inline;
    float: right;
    margin: 1.5em 0 1.5em 1.5em;
    padding: 0; }

a {
  text-decoration: underline;
  color: #000099; }
  a:visited {
    color: #000066; }
  a:focus {
    color: black; }
  a:hover {
    color: black; }
  a:active {
    color: #cc0099; }

blockquote {
  margin: 1.5em;
  color: #666666;
  font-style: italic; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

dfn {
  font-style: italic;
  font-weight: bold; }

sup, sub {
  line-height: 0; }

abbr, acronym {
  border-bottom: 1px dotted #666666; }

address {
  margin: 0 0 1.5em;
  font-style: italic; }

del {
  color: #666666; }

pre {
  margin: 1.5em 0;
  white-space: pre; }

pre, code, tt {
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5; }

li ul, li ol {
  margin: 0 1.5em; }

ul {
  margin: 0 1.5em 1.5em 1.5em;
  list-style-type: disc; }

ol {
  margin: 0 1.5em 1.5em 1.5em;
  list-style-type: decimal; }

dl {
  margin: 0 0 1.5em 0; }
  dl dt {
    font-weight: bold; }

dd {
  margin-left: 1.5em; }

table {
  margin-bottom: 1.4em;
  width: 100%; }

th {
  font-weight: bold; }

thead th {
  background: #c3d9ff; }

th, td, caption {
  padding: 4px 10px 4px 5px; }

tr.even td {
  background: #e5ecf9; }

tfoot {
  font-style: italic; }

caption {
  background: #eeeeee; }

.quiet {
  color: #666666; }

.loud {
  color: #111111; }

.clear {
  clear: both; }

.nowrap {
  white-space: nowrap; }

.clearfix {
  overflow: hidden;
  display: inline-block; }
  .clearfix {
    display: block; }

.small {
  font-size: 0.8em;
  margin-bottom: 1.875em;
  line-height: 1.875em; }

.large {
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em; }

.first {
  margin-left: 0;
  padding-left: 0; }

.last {
  margin-right: 0;
  padding-right: 0; }

.top {
  margin-top: 0;
  padding-top: 0; }

.bottom {
  margin-bottom: 0;
  padding-bottom: 0; }

.container {
  width: 950px;
  margin: 0 auto;
  overflow: hidden;
  display: inline-block; }
  .container {
    display: block; }

.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {
  display: inline;
  float: left;
  margin-right: 10px; }
  * html .column, * html div.span-1, * html div.span-2, * html div.span-3, * html div.span-4, * html div.span-5, * html div.span-6, * html div.span-7, * html div.span-8, * html div.span-9, * html div.span-10, * html div.span-11, * html div.span-12, * html div.span-13, * html div.span-14, * html div.span-15, * html div.span-16, * html div.span-17, * html div.span-18, * html div.span-19, * html div.span-20, * html div.span-21, * html div.span-22, * html div.span-23, * html div.span-24 {
    overflow-x: hidden; }

.last, div.last {
  margin-right: 0; }

.span-1 {
  width: 30px; }

.span-2 {
  width: 70px; }

.span-3 {
  width: 110px; }

.span-4 {
  width: 150px; }

.span-5 {
  width: 190px; }

.span-6 {
  width: 230px; }

.span-7 {
  width: 270px; }

.span-8 {
  width: 310px; }

.span-9 {
  width: 350px; }

.span-10 {
  width: 390px; }

.span-11 {
  width: 430px; }

.span-12 {
  width: 470px; }

.span-13 {
  width: 510px; }

.span-14 {
  width: 550px; }

.span-15 {
  width: 590px; }

.span-16 {
  width: 630px; }

.span-17 {
  width: 670px; }

.span-18 {
  width: 710px; }

.span-19 {
  width: 750px; }

.span-20 {
  width: 790px; }

.span-21 {
  width: 830px; }

.span-22 {
  width: 870px; }

.span-23 {
  width: 910px; }

.span-24, div.span-24 {
  width: 950px;
  margin: 0; }

input.span-1, textarea.span-1, select.span-1 {
  width: 30px !important; }
input.span-2, textarea.span-2, select.span-2 {
  width: 70px !important; }
input.span-3, textarea.span-3, select.span-3 {
  width: 110px !important; }
input.span-4, textarea.span-4, select.span-4 {
  width: 150px !important; }
input.span-5, textarea.span-5, select.span-5 {
  width: 190px !important; }
input.span-6, textarea.span-6, select.span-6 {
  width: 230px !important; }
input.span-7, textarea.span-7, select.span-7 {
  width: 270px !important; }
input.span-8, textarea.span-8, select.span-8 {
  width: 310px !important; }
input.span-9, textarea.span-9, select.span-9 {
  width: 350px !important; }
input.span-10, textarea.span-10, select.span-10 {
  width: 390px !important; }
input.span-11, textarea.span-11, select.span-11 {
  width: 430px !important; }
input.span-12, textarea.span-12, select.span-12 {
  width: 470px !important; }
input.span-13, textarea.span-13, select.span-13 {
  width: 510px !important; }
input.span-14, textarea.span-14, select.span-14 {
  width: 550px !important; }
input.span-15, textarea.span-15, select.span-15 {
  width: 590px !important; }
input.span-16, textarea.span-16, select.span-16 {
  width: 630px !important; }
input.span-17, textarea.span-17, select.span-17 {
  width: 670px !important; }
input.span-18, textarea.span-18, select.span-18 {
  width: 710px !important; }
input.span-19, textarea.span-19, select.span-19 {
  width: 750px !important; }
input.span-20, textarea.span-20, select.span-20 {
  width: 790px !important; }
input.span-21, textarea.span-21, select.span-21 {
  width: 830px !important; }
input.span-22, textarea.span-22, select.span-22 {
  width: 870px !important; }
input.span-23, textarea.span-23, select.span-23 {
  width: 910px !important; }
input.span-24, textarea.span-24, select.span-24 {
  width: 950px !important; }

.append-1 {
  padding-right: 40px; }

.append-2 {
  padding-right: 80px; }

.append-3 {
  padding-right: 120px; }

.append-4 {
  padding-right: 160px; }

.append-5 {
  padding-right: 200px; }

.append-6 {
  padding-right: 240px; }

.append-7 {
  padding-right: 280px; }

.append-8 {
  padding-right: 320px; }

.append-9 {
  padding-right: 360px; }

.append-10 {
  padding-right: 400px; }

.append-11 {
  padding-right: 440px; }

.append-12 {
  padding-right: 480px; }

.append-13 {
  padding-right: 520px; }

.append-14 {
  padding-right: 560px; }

.append-15 {
  padding-right: 600px; }

.append-16 {
  padding-right: 640px; }

.append-17 {
  padding-right: 680px; }

.append-18 {
  padding-right: 720px; }

.append-19 {
  padding-right: 760px; }

.append-20 {
  padding-right: 800px; }

.append-21 {
  padding-right: 840px; }

.append-22 {
  padding-right: 880px; }

.append-23 {
  padding-right: 920px; }

.prepend-1 {
  padding-left: 40px; }

.prepend-2 {
  padding-left: 80px; }

.prepend-3 {
  padding-left: 120px; }

.prepend-4 {
  padding-left: 160px; }

.prepend-5 {
  padding-left: 200px; }

.prepend-6 {
  padding-left: 240px; }

.prepend-7 {
  padding-left: 280px; }

.prepend-8 {
  padding-left: 320px; }

.prepend-9 {
  padding-left: 360px; }

.prepend-10 {
  padding-left: 400px; }

.prepend-11 {
  padding-left: 440px; }

.prepend-12 {
  padding-left: 480px; }

.prepend-13 {
  padding-left: 520px; }

.prepend-14 {
  padding-left: 560px; }

.prepend-15 {
  padding-left: 600px; }

.prepend-16 {
  padding-left: 640px; }

.prepend-17 {
  padding-left: 680px; }

.prepend-18 {
  padding-left: 720px; }

.prepend-19 {
  padding-left: 760px; }

.prepend-20 {
  padding-left: 800px; }

.prepend-21 {
  padding-left: 840px; }

.prepend-22 {
  padding-left: 880px; }

.prepend-23 {
  padding-left: 920px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {
  display: inline;
  float: left;
  position: relative; }

.pull-1 {
  margin-left: -40px; }

.pull-2 {
  margin-left: -80px; }

.pull-3 {
  margin-left: -120px; }

.pull-4 {
  margin-left: -160px; }

.pull-5 {
  margin-left: -200px; }

.pull-6 {
  margin-left: -240px; }

.pull-7 {
  margin-left: -280px; }

.pull-8 {
  margin-left: -320px; }

.pull-9 {
  margin-left: -360px; }

.pull-10 {
  margin-left: -400px; }

.pull-11 {
  margin-left: -440px; }

.pull-12 {
  margin-left: -480px; }

.pull-13 {
  margin-left: -520px; }

.pull-14 {
  margin-left: -560px; }

.pull-15 {
  margin-left: -600px; }

.pull-16 {
  margin-left: -640px; }

.pull-17 {
  margin-left: -680px; }

.pull-18 {
  margin-left: -720px; }

.pull-19 {
  margin-left: -760px; }

.pull-20 {
  margin-left: -800px; }

.pull-21 {
  margin-left: -840px; }

.pull-22 {
  margin-left: -880px; }

.pull-23 {
  margin-left: -920px; }

.pull-24 {
  margin-left: -960px; }

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {
  display: inline;
  float: right;
  position: relative; }

.push-1 {
  margin: 0 -40px 1.5em 40px; }

.push-2 {
  margin: 0 -80px 1.5em 80px; }

.push-3 {
  margin: 0 -120px 1.5em 120px; }

.push-4 {
  margin: 0 -160px 1.5em 160px; }

.push-5 {
  margin: 0 -200px 1.5em 200px; }

.push-6 {
  margin: 0 -240px 1.5em 240px; }

.push-7 {
  margin: 0 -280px 1.5em 280px; }

.push-8 {
  margin: 0 -320px 1.5em 320px; }

.push-9 {
  margin: 0 -360px 1.5em 360px; }

.push-10 {
  margin: 0 -400px 1.5em 400px; }

.push-11 {
  margin: 0 -440px 1.5em 440px; }

.push-12 {
  margin: 0 -480px 1.5em 480px; }

.push-13 {
  margin: 0 -520px 1.5em 520px; }

.push-14 {
  margin: 0 -560px 1.5em 560px; }

.push-15 {
  margin: 0 -600px 1.5em 600px; }

.push-16 {
  margin: 0 -640px 1.5em 640px; }

.push-17 {
  margin: 0 -680px 1.5em 680px; }

.push-18 {
  margin: 0 -720px 1.5em 720px; }

.push-19 {
  margin: 0 -760px 1.5em 760px; }

.push-20 {
  margin: 0 -800px 1.5em 800px; }

.push-21 {
  margin: 0 -840px 1.5em 840px; }

.push-22 {
  margin: 0 -880px 1.5em 880px; }

.push-23 {
  margin: 0 -920px 1.5em 920px; }

.push-24 {
  margin: 0 -960px 1.5em 960px; }

.prepend-top {
  margin-top: 1.5em; }

.append-bottom {
  margin-bottom: 1.5em; }

.showgrid {
  background: url('http://www.idlebeats.com/grid.png'); }

.error {
  padding: 0.8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4; }
  .error a {
    color: #8a1f11; }

.notice {
  padding: 0.8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #fff6bf;
  color: #514721;
  border-color: #ffd324; }
  .notice a {
    color: #514721; }

.success {
  padding: 0.8em;
  margin-bottom: 1em;
  border: 2px solid #dddddd;
  background: #e6efc2;
  color: #264409;
  border-color: #c6d880; }
  .success a {
    color: #264409; }

.hide {
  display: none; }

.highlight {
  background: yellow; }

.added {
  background: #006600;
  color: white; }

.removed {
  background: #990000;
  color: white; }

label {
  font-weight: bold; }

fieldset {
  padding: 1.4em;
  margin: 0 0 1.5em 0; }

legend {
  font-weight: bold;
  font-size: 1.2em; }

input.text, input.title, input[type=text] {
  margin: 0.5em 0;
  background-color: white;
  padding: 5px; }
input.title {
  font-size: 1.5em; }
input[type=checkbox], input.checkbox, input[type=radio], input.radio {
  position: relative;
  top: 0.25em; }

textarea {
  margin: 0.5em 0;
  padding: 5px; }

select {
  margin: 0.5em 0; }

fieldset {
  border: 1px solid #cccccc; }

input.text, input.title,
textarea,
select {
  border: 1px solid #bbbbbb; }
  input.text:focus, input.title:focus,
  textarea:focus,
  select:focus {
    border: 1px solid #666666; }

input.text, input.title {
  width: 300px; }

textarea {
  width: 390px;
  height: 250px; }

.box {
  padding: 1.5em;
  margin-bottom: 1.5em;
  background: #e5ecf9; }

div.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eeeeee; }

div.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eeeeee; }

hr {
  background: #dddddd;
  color: #dddddd;
  clear: both;
  float: none;
  width: 100%;
  height: 0.1em;
  margin: 0 0 1.45em;
  border: none; }

hr.space {
  background: #dddddd;
  color: #dddddd;
  clear: both;
  float: none;
  width: 100%;
  height: 0.1em;
  margin: 0 0 1.45em;
  border: none;
  background: white;
  color: white; }

input.title {
  font-size: 1em; }

body {
  font-family: lucida grande;
  margin-top: 10px; }
  body div.left {
    float: left;
    width: 49%; }
  body div.right {
    float: right;
    width: 49%;
    text-align: right; }
  body a {
    outline: none;
    color: #666666; }
  body a:visited {
    color: #666666; }

.container {
  margin-top: 8px; }

#wrapper {
  padding: 25px 20px 20px;
  position: relative; }
  #wrapper #home-title {
    float: left;
    position: absolute;
    top: 0;
    left: 0; }

#logo {
  float: left;
  position: absolute;
  bottom: 8px;
  left: 0; }

#sidebar {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 150px;
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eeeeee;
  width: 150px;
  border-right: 1px dotted #666666;
  margin-right: 8px;
  padding-right: 24px; }
  * html #sidebar {
    overflow-x: hidden; }
  #sidebar h3 {
    margin-bottom: 0.5em; }

#content {
  float: left; }
  body.two-col #content {
    width: 758px;
    border-left: 1px dotted #666666;
    padding-left: 8px; }
  #content h1 {
    padding: 12px 12px;
    font-size: 1.9em;
    font-weight: bold;
    background-color: #07ceef;
    color: white; }
    #content h1.grey {
      background-color: #f0f0f0;
      color: #555555; }
    #content h1.error {
      background-color: #f7ed24;
      color: #555555;
      border: none; }
  #content .about-block {
    padding: 10px 36px 36px 36px; }

table.size-chart {
  width: 500px;
  line-height: 10px; }
  table.size-chart td {
    border: 1px solid #dddddd;
    width: 50px;
    padding-right: 3px;
    text-align: right; }
    table.size-chart td.row-header {
      background-color: #f0f0f0;
      width: 85px;
      text-align: left; }
    table.size-chart td.column-header {
      background-color: #f0f0f0;
      text-align: center;
      font-weight: bold; }

#header {
  height: 90px;
  position: relative;
  color: #666666;
  clear: both;
  border-bottom: 1px dotted #666666; }
  #header a {
    text-transform: uppercase;
    text-decoration: none; }

#footer {
  float: left;
  width: 950px;
  border-top: 1px dotted #666666;
  margin-top: 8px;
  padding-top: 8px;
  clear: both;
  text-align: center; }
  #footer div.left {
    width: 45%; }
  #footer div.right {
    width: 55%; }
  #footer #social-networking img {
    margin: 4px 8px 4px 0; }

h1 {
  font-size: 2.5em; }

.form-buttons, .clear {
  clear: both; }

input.title {
  width: auto; }

p.follow-all {
  font-size: 1.3em;
  text-align: center;
  display: block; }
p img {
  float: left;
  margin-right: 5px;
  vertical-align: middle; }

#home-header {
  height: 115px;
  position: relative;
  color: #666666;
  clear: both; }
  #home-header a {
    text-transform: uppercase;
    text-decoration: none; }

#home-side {
  margin-right: 6px;
  float: left;
  width: 154px;
  position: relative; }
  #home-side .home-side-item {
    float: left;
    border-top: 1px dotted #666666;
    padding-top: 6px;
    padding-bottom: 6px; }
    #home-side .home-side-item.text {
      position: absolute;
      right: 0;
      top: 120px; }
      #home-side .home-side-item.text .home-text-snippet {
        padding-top: 6px;
        margin-top: 6px;
        border-top: 1px dotted #666666; }
    #home-side .home-side-item.form {
      border-bottom: 1px dotted #666666;
      position: absolute;
      right: 0;
      bottom: -463px; }
  #home-side .subscribe {
    float: left;
    position: absolute;
    right: 0;
    top: 488px; }

#home-images {
  float: left;
  width: 780px; }
  #home-images .main-image {
    background-color: yellow;
    width: 780px;
    height: 480px;
    float: left; }
  #home-images .small-image {
    width: 254px;
    height: 160px;
    float: left;
    border: 1px solid #666666;
    margin-top: 6px;
    margin-right: 6px; }
    #home-images .small-image.last {
      margin-right: 0; }

.navigation-list {
  margin: 0 0 1.5em -15px; }
  .navigation-list li {
    list-style-type: none;
    margin-left: 0px; }
  .navigation-list li {
    margin: 0; }
    .navigation-list li a {
      cursor: pointer !important;
      text-decoration: none;
      color: #333333;
      display: block;
      line-height: 2.5em;
      padding-left: 20px;
      width: 170px;
      white-space: nowrap;
      overflow: hidden; }
    .navigation-list li a:hover {
      background: url(../../images/menu-hover.png) right center no-repeat; }
  .navigation-list li.current {
    width: 200px; }
    .navigation-list li.current a {
      width: 180px;
      background: url(../../images/menu-current.png) right center no-repeat;
      white-space: nowrap;
      overflow: hidden; }
      .navigation-list li.current a.root {
        width: 183px; }
  .navigation-list a.root {
    color: #222222;
    font-size: 1.5em;
    text-indent: -5px;
    line-height: 2.2em; }

.breadcrumbs {
  margin-bottom: 1em; }
  .breadcrumbs ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    display: inline;
    margin: 0;
    padding: 0;
    overflow: auto; }
    .breadcrumbs ul li {
      margin: 0px;
      padding: 0px;
      display: inline; }
    .breadcrumbs ul li {
      line-height: 20px;
      color: #666666; }
      .breadcrumbs ul li a, .breadcrumbs ul li span {
        text-decoration: none;
        padding: 5px 7px;
        color: #666666; }
      .breadcrumbs ul li span {
        color: #333333; }

div#login-bar {
  display: inline; }

ul#language-bar {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  display: inline; }
  ul#language-bar li {
    margin: 0px;
    padding: 0px;
    display: inline; }
  ul#language-bar strong {
    font-weight: normal; }

ul#nav-bar {
  position: absolute;
  right: 16px;
  line-height: 50px;
  float: right;
  clear: both;
  font-size: 1em;
  list-style: none;
  margin: 0;
  padding: 0; }
  ul#nav-bar li {
    float: left;
    margin-left: 1em; }
    ul#nav-bar li.cart-indicator a {
      display: block;
      padding-right: 40px;
      background: transparent url(../../images/cart-empty_x32.png) center right no-repeat; }
      ul#nav-bar li.cart-indicator a.full {
        background-image: url(../../images/cart-full_x32.png); }

#store-menu {
  float: right;
  clear: both;
  position: absolute;
  right: 16px;
  bottom: 8px; }
  #store-menu ul {
    line-height: 30px;
    list-style: none;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0; }
    #store-menu ul li {
      float: left;
      padding-left: 64px;
      font-size: 1em; }
      #store-menu ul li.selected a {
        color: #07ceef; }

#side-menu {
  width: 175px;
  float: left;
  margin-right: 8px; }
  #side-menu ul {
    font-size: 1em;
    background-color: #f0f0f0;
    line-height: 30px;
    list-style: none;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left; }
    #side-menu ul li {
      text-align: right;
      border-bottom: 2px solid white;
      width: 170px;
      margin-right: 5px; }
      #side-menu ul li a {
        text-decoration: none;
        text-transform: uppercase;
        color: #555555; }
    #side-menu ul li.selected {
      width: 175px;
      margin-right: 0; }
      #side-menu ul li.selected a {
        text-decoration: none;
        text-transform: uppercase;
        color: #07ceef;
        padding-right: 5px; }
    #side-menu ul li.selected.no-submenu {
      width: 170px;
      margin-right: 5px; }
      #side-menu ul li.selected.no-submenu a {
        padding-right: 0; }
    #side-menu ul li.last {
      width: 175px;
      margin-right: 0px; }
      #side-menu ul li.last a {
        padding-right: 5px; }
    #side-menu ul li.sub-menu {
      width: 175px;
      margin-right: 0px; }
      #side-menu ul li.sub-menu ul {
        background-color: white;
        width: 175px;
        line-height: 20px;
        list-style: none;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        margin: 0;
        padding: 0;
        text-align: right; }
        #side-menu ul li.sub-menu ul li {
          font-size: 0.8em;
          border-top: 1px dotted #666666;
          width: 175px;
          margin-right: 0px; }
          #side-menu ul li.sub-menu ul li a {
            text-decoration: none;
            text-transform: capitalize;
            color: #555555;
            font-family: lucida grande;
            display: inline; }
        #side-menu ul li.sub-menu ul li#first {
          border-top: none;
          width: 175px;
          margin-right: 0px; }

.pagination {
  padding-top: 10px;
  text-align: right; }
  .pagination a.page, .pagination span.page {
    padding: 0px 5px;
    margin: 0px 3px; }
  .pagination a.page {
    text-decoration: none;
    border: 1px solid #9aafe5;
    color: #2e6ab1; }
    .pagination a.page:hover, .pagination a.page:active {
      border: 1px solid #2b66a5;
      color: black; }
  .pagination a.next_page {
    font-weight: bold; }
  .pagination span.disabled_page {
    border: 1px solid #929292;
    color: #929292; }
  .pagination span.current_page {
    font-weight: bold;
    border: 1px solid;
    border-color: #162f54;
    background-color: #2e6ab1;
    color: white; }

.prices {
  font-weight: bold; }
  #product-details .prices {
    font-size: 1.25em; }

.price.selling {
  color: #2e6ab1; }
  #product-details .price.selling {
    font-size: 1.5em; }

.price.diff {
  font-style: italic;
  font-weight: normal;
  color: #666666; }

#signup #new-customer, #login #existing-customer, #forgot-password, #change-password, #checkout {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 470px;
  margin: 2em; }
  * html #signup #new-customer, * html #login #existing-customer, * html #forgot-password, * html #change-password, * html #checkout {
    overflow-x: hidden; }

.flash {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }
  .flash.notice, .flash.errors {
    font-size: 1.3em;
    margin-bottom: 1em;
    padding: 0.8em; }
  .flash.notice {
    background: #c1ffc1 url(../../images/shadow_top.png) 0px -50px repeat-x;
    color: #6e8b3d;
    border: 1px solid #c1ffc1; }
  .flash.errors {
    background: #fee3ed url(../../images/shadow_top.png) 0px -50px repeat-x;
    color: #ad103f;
    border: 1px solid #fee3ed; }

.formError, .errorExplanation {
  font-size: 1.3em;
  margin-bottom: 1em;
  padding: 0.8em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #fee3ed url(../../images/shadow_top.png) 0px -50px repeat-x;
  color: #ad103f;
  border: 1px solid #fee3ed; }
  .formError p, .errorExplanation p {
    margin: 0px;
    font-size: 0.8em; }
  .formError ul, .errorExplanation ul {
    margin-bottom: 0px;
    font-size: 0.8em; }
  .formError h2, .errorExplanation h2 {
    font-weight: bold;
    font-size: 1em;
    margin: 0px;
    color: white; }

.fieldWithErrors {
  clear: none; }

button,
a.button, input.button {
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  background: #efefef url(../../images/buttons/bg-button.png) center left repeat-x !important;
  border-style: solid;
  border-width: 1px !important;
  border-color: #dddddd #999999 #999999 #dddddd !important;
  -moz-outline-radius: 0.3em;
  color: #111111;
  display: inline-block;
  font-family: Helvetica Neue, Helvetica, Arial, Sans-serif;
  font-size: 1.1em !important;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1.2em;
  margin: 0px;
  overflow: visible;
  padding: 10px 17px;
  text-decoration: none;
  text-transform: lowercase;
  width: auto;
  height: auto;
  cursor: pointer;
  text-transform: capitalize; }
  button:hover,
  a.button:hover, input.button:hover {
    background-image: url(../../images/buttons/bg-button-hover.png) !important; }
  button.large,
  a.button.large, input.button.large {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 1.4em !important;
    line-height: 1.4em; }
  button.small,
  a.button.small, input.button.small {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 1em !important;
    line-height: 1.2em;
    padding: 2px 5px; }
  button:focus,
  a.button:focus, input.button:focus {
    outline: none; }

button::-moz-focus-inner {
  padding: 0px;
  border: none; }

a.button:visited {
  color: #111111; }

.product-listing {
  margin: 24px 0 0 0;
  padding: 0px; }
  .product-listing li {
    list-style-type: none;
    margin-left: 0px; }
  .product-listing li {
    width: 232px;
    float: left;
    margin: 12px;
    position: relative; }
    .product-listing li a.small-image {
      text-align: center;
      background-color: #dddddd;
      color: white;
      height: 200px;
      width: 232px;
      display: block; }
    .product-listing li a.info {
      display: block;
      color: #111111;
      width: 232px;
      background-color: white;
      text-align: left;
      text-decoration: none;
      position: absolute;
      bottom: 0px;
      right: 0px;
      border-top: 1px solid white; }
      .product-listing li a.info span {
        display: block; }
    .product-listing li.last {
      margin-right: 0px; }

ul.thumbnails {
  margin: 0;
  padding: 0;
  list-style: none;
  width: inherit;
  min-height: 70px; }
  ul.thumbnails li {
    float: left;
    margin-right: 5px;
    padding: 3px;
    border: 1px solid white;
    min-height: 50px;
    width: 50px;
    position: relative; }
    ul.thumbnails li:hover {
      border-color: #cccccc; }
    ul.thumbnails li.selected {
      border-color: #999999; }
    ul.thumbnails li img {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; }

#product-variants {
  margin-bottom: 1em; }
  #product-variants ul {
    margin: 0;
    padding: 0; }
    #product-variants ul li {
      list-style-type: none;
      margin-left: 0px; }

#product-images {
  width: inherit;
  clear: both; }
  #product-images h4 {
    padding: 6px 0px;
    margin: 0px;
    font-weight: bold;
    clear: both; }
  #product-images #main-image {
    width: inherit;
    min-height: 250px;
    text-align: center;
    clear: both; }

#product-description {
  padding-right: 0;
  border-right: 0 none;
  margin-right: 0;
  width: inherit; }

#cart-form {
  padding-top: 10px; }
  #cart-form form input {
    width: 60px;
    margin-right: 88px; }
  #cart-form .webshop {
    padding: 15px 0;
    border-top: 1px dotted #666666; }
    #cart-form .webshop .label {
      font-size: 1.4em;
      font-weight: bold;
      float: left;
      width: 170px; }
    #cart-form .webshop .action {
      float: left; }
    #cart-form .webshop.last {
      padding-bottom: 5px; }

#product-properties {
  border-bottom: 1px dotted #666666; }
  #product-properties table {
    width: inherit; }
    #product-properties table tr td {
      font-weight: bold; }
      #product-properties table tr td.property-name {
        width: 150px; }

#product-summary {
  min-height: 270px; }
  #product-summary .product-summary-left {
    width: 364px;
    min-height: 270px;
    float: left;
    padding-right: 10px;
    border-right: 1px dotted #666666; }
  #product-summary .product-summary-right {
    width: 363px;
    min-height: 270x;
    float: left;
    margin-left: 10px; }

div#subtotal {
  float: right;
  width: 49%;
  text-align: right;
  width: auto;
  text-align: left; }

table {
  border-collapse: collapse; }
  table th {
    background: transparent;
    border-bottom: 1px dotted #666666;
    font-weight: normal;
    font-size: 1.2em; }
  table#cart {
    margin-bottom: 0; }
    table#cart th, table#cart td {
      text-align: center; }
    table#cart tr td {
      border-bottom: 1px dotted #666666;
      padding: 1em 0; }
    table#cart tr#none td {
      border-bottom: none; }
    table#cart h4 {
      margin-bottom: 0em; }
    table#cart .item {
      width: 240px; }
    table#cart .price, table#cart .quantity, table#cart .total, table#cart .multi, table#cart .equals {
      padding: 0 10px; }
    table#cart td.price, table#cart td.multi, table#cart td.equals, table#cart td.total {
      font-size: 1.2em; }
    table#cart .quanity input {
      border: 1px solid #666666;
      text-align: right;
      margin-top: 26px;
      font-size: 1.2em; }

h3.subtotal {
  text-align: right;
  padding: 0 20px 20px 20px;
  border-bottom: 1px dotted #666666; }

p.radio-group {
  background: #e5e5e5;
  padding: 1.2em;
  margin-bottom: 5px; }
  p.radio-group input[type="radio"], p.radio-group input.radio {
    width: 15px;
    margin: 0 5px; }

form p {
  clear: both;
  margin-bottom: 15px; }
  form p input[type="checkbox"], form p input.checkbox, form p input[type="radio"], form p input.radio {
    position: inherit; }
  form p input[type=text], form p input.text, form p input[type=password], form p input.password {
    border: 1px solid #bbbbbb;
    width: 194px;
    margin: 0px;
    padding: 5px; }
  form p select {
    padding: 3px; }
  form p label {
    width: 80px;
    display: inline-block;
    text-align: right;
    margin-right: 10px; }
    form p label.right {
      float: none;
      width: auto;
      text-align: left;
      margin: 0; }
  form p span.req {
    color: red;
    margin-left: 2px; }
  form p.inline-error label {
    color: #ad103f; }
  form p.inline-error input {
    border-color: #ad103f;
    background-color: #fee3ed; }
    form p.inline-error input.title {
      padding: 3px;
      margin: 0px;
      width: 368px; }
    form p.inline-error input:focus {
      background-color: white; }
  form p.buttons {
    text-align: right; }

div.steps div.step {
  padding: 10px 15px;
  float: left;
  display: inline;
  font-size: 16px;
  font-weight: bold;
  color: white;
  border-left: 1px solid #fafb10;
  border-right: 1px solid #fafb10; }
  div.steps div.step a {
    text-decoration: none;
    color: white; }
  div.steps div.step.enabled {
    background-color: #2ec2e9; }
  div.steps div.step.disabled {
    background-color: #dddddd; }
  div.steps div.step.active {
    background-color: #fafb10;
    color: black; }

div#checkout div.error {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  width: 815px; }
div#checkout select.error, div#checkout input.error {
  padding: 0px;
  background: white;
  border: 1px solid #eae8e3; }
div#checkout #registration div#registration_choice, div#checkout #registration div#registration_input {
  margin: 1em auto 4em auto;
  width: 300px; }
div#checkout #registration div#registration_choice h4 {
  margin-bottom: 5px; }
div#checkout #registration div#registration_input #existing_user {
  display: none; }
div#checkout #payment_method h4 {
  text-align: center; }
div#checkout #payment_method .method_select {
  width: 200px;
  margin: 0 auto 1em auto; }
  div#checkout #payment_method .method_select label {
    width: 30px; }
    div#checkout #payment_method .method_select label.right {
      width: auto; }
div#checkout #payment_method .buttons {
  text-align: center; }
div#checkout #address form p label {
  width: 145px; }
div#checkout #address form p input[type="text"] {
  width: 299px; }
div#checkout #address form p select {
  width: 311px; }
div#checkout #shipping_method #methods {
  width: 200px;
  margin: 0 auto 1em auto; }
  div#checkout #shipping_method #methods label {
    width: 30px; }
    div#checkout #shipping_method #methods label.right {
      width: auto; }
div#checkout #shipping_method .buttons, div#checkout #shipping_method .notes {
  text-align: center; }
div#checkout #coupon {
  text-align: right; }
div#checkout #pickup_information .info-top, div#checkout #pickup_information .info-bottom {
  text-align: center; }
div#checkout #pickup_information p input.title {
  width: 364px; }