#menu sup {font: 0.5em Tahoma, sans-serif; vertical-align: 1em;}
#menu sup a {padding: 0.1em 0.5em; background: #eef726;}

#body {width: 784px; margin: 20px 0;}

#articles li {float: left; width: 162px; height: 215px; overflow: hidden; margin: 0 34px 34px 0;}
#articles a:link, #articles a:visited {position: relative; display: block; width: 160px;
    border: 0px solid #e5e5e5; text-align: center;}
#articles a:hover, #articles a:active {border-color: #000;}
#articles img {display: block; border: none;}

.hidden {display: none}

h1 {font: italic 2em Georgia, serif;}
input, textarea, select {padding: 0.1em; font-size: 1em;}
select {padding: 0;}
a {color: #000;}

#messages {margin: 1em 0; padding: 1em; background: #eef726; font: italic 1.5em Georgia, serif;}

#article {position: relative;}

#article p.img {position: absolute; top: 5em; left: 0; width: 380px; overflow: hidden; margin: 0;}
#article p.img img {display: none;}
#article p.img img.selected {display: block;}
#article #switch {display: block; margin-top: 1em; height: 13px; overflow: hidden; text-align: center;}
#article #switch span {display: inline-block; width: 13px; height: 13px; overflow: hidden; margin: 0 5px;
    background: url(/i/img-switcher.png) no-repeat; cursor: pointer;}
#article #switch span.selected {background-color: #000; background-position: -13px 0; cursor: default;}

#article .info {margin: 5em 0 0 430px;}
#article .info .row {margin: 0.5em 0; font: italic 1.5em Georgia, serif;}
#article .info label {position: absolute; width: 6em;}
#article .info strong {display: block; margin-left: 7em; font-weight: normal;}
#article .info select {font-size: 0.67em;}

#article .info .price {margin-top: 1.5em;}
#article .price strong {display: inline; margin: 0;}

#article .controls {margin: 2em 0 !important;}
#article .controls a, #article .controls span {padding: 0.3em 1em;
    -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
#article .controls a {background: #000; color: #fff; text-decoration: none;}
#article .controls span {background: #ccc; color: #333;}

#article .description {margin: 2em 0; font: 1em Tahome, sans-serif;}
#article .description h3 {margin: 1em 0 0.5em; font: italic 1.5em Georgia, serif;}
#article .description p {margin: 0.5em 0;}

#cart {width: 784px;}
#cart table {width: 100%; margin-top: 1em; border-collapse: collapse;}
#cart table td, #cart table th {padding: 10px 0 10px 20px; font: italic 1.5em Georgia, serif;
    text-align: left;}
#cart table td {border-top: 1px solid #666;}
#cart table .article {padding-left: 0;}
#cart table .quantity {text-align: right;;}
#cart table .details {display: block;}
#cart table input {width: 1.5em; padding: 0; border: 1px solid #ccc;
    font: italic 1.5em Georgia, serif; text-align: center;}
#cart table .sum-label, #cart table .sum {padding-top: 12px; text-align: right;}
#cart table a {color: #000;}
#cart table a.del {font-size: 2em; text-decoration: none; vertical-align: -0.1em;}
#cart table .errorlist {font-size: 0.67em; color: #f00;}

#cart .controls {position: relative;}
#cart .controls button, #cart .controls input.button {padding: 0.3em 1em; border: none;
    -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;
    background: #000; color: #fff; font: italic 1.5em Georgia, serif; text-decoration: none;
    cursor: pointer;}
#cart .controls small {display: block; margin: 1em; color: #666; font: 1.1em Tahoma, sans-serif;}
#cart .controls button.order {position: absolute; top: 0; right: 0;}

#cart #order {position: relative; margin: 2em 0; border-top: 1px solid #000;}
#cart #order h2 {margin: 1em 0; font: italic 2em Georgia, serif;}
#cart #order .row {position: relative; width: 25em; margin: 0.5em 0; font: italic 1.5em Georgia, serif;}
#cart #order .row label {float: left; width: 9em; padding-top: 0.2em;}
#cart #order .row input, #cart #order .row textarea {width: 15em; font: italic 1em Georgia, serif;}
#cart #order .row textarea {height: 4em;}
#cart #order .errorlist {padding: 0.25em 0 0 9em; color: #f00;}
#cart #order .errorlist li {font-size: 0.85em;}
#cart #order .controls {width: 16em; padding-left: 9em;}
#cart #order .controls input {width: auto;}

#cart #order .info {position: absolute; top: 0; right: 0; margin-left: 40em;
    font: italic 1em Georgia, serif;}
#cart #order .info p {margin: -0.5em 0 0.5em; font-size: 1.3em;}

#empty-cart {margin: 1em 0; font: italic 1.5em Georgia, serif;}