body {
    background-color: #ECEAD8;
    color: #164950;
    font: 100% "Helvetica Neue",Arial,FreeSans,sans-serif;
}

a:link,
a:visited {
    color: #C95D0D;
}

a:hover {
    color: #C95D0D;
}

h1 {
    color: #164950;
}

h1.section {
    margin: 0 0 10px 0;
    padding: 20px 0 0 0;
    border-bottom: 1px solid #dfd7d3;
}

h2, h3, h4, h5, h6{
    color: #164950;
    font-weight: lighter;
}

img {
    border: none;
}

p {
    line-height: 1.5em;
    margin-bottom: 1.5em;
    text-align: justify;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

/* Forms */
form label {
}

input[type="text"],
input[type="password"] {
    height: 1.5em;
    line-height: 1.5em;
    /*width: 20em;*/
}

td.label {
    padding-right: 10px;
}

.hide {
    display: none;
}

.field {
    padding: 10px 0;
}

.label {
    padding-bottom: 4px;
}

.contact-form  #id_message {
    width: 500px;
    height: 200px;
}

.contact-form #id_name, .contact-form #id_email {
    width: 200px;
}

.contact-form .message {
    padding-bottom: 10px;
}

.change-email-form #id_email,
.change-email-form #id_email_bis {
    width: 200px;
}

.address-form input[type="text"],
.address-form select {
    width: 200px;
}

ul.errorlist {
    padding: 0;
    margin: 0;
    list-style-type: none;
    color: red;
}

tr.error td {
    color: red;
}

table.lfs-default {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9em;
}

table.lfs-default td {
    padding-top: 3px;
    padding-bottom: 3px;
}

table.lfs-default th {
    background-color: #164950;
    color: white;
    font-weight: bold;
    padding: 4px 1px;
}

table.invoice-address th {
    background-color: white;
    color: #58585A;
    font-weight: bold;
    padding-left: 0;
}

table.shipping-address th {
    background-color: white;
    color: #58585A;
    font-weight: bold;
    padding-left: 0;
}

table.invoice-address select,
table.shipping-address select {
    width: 200px;
}

table.lfs-default a {
    text-decoration: none;
}

table.buttons {
    padding: 10px 0;
}

table.buttons td {
    vertical-align: middle;
    padding: 0 4px;
}

td, th {
    text-align:left;
    vertical-align: top;
}

.cart-summary {
    margin-top: 1em;
}

.subtotal-display {
    font-weight: bold;
}

td.discreet {
    font-size: 90%;
}

td.select {
    padding-right: 5px;
}

td.centered {
    text-align: center;
}

.right,
.number {
    text-align:right;
}

td.padding-left {
    padding-left: 4px;
}

.padding-top {
    margin-top: 10px;
}

.padding-top-middle {
    margin-top: 15px;
}

.padding-top-large {
    margin-top: 20px;
}

.checkbox-left {
    width: 1px;
    padding-right: 5px;
}

.navigation-body a {
    padding: 2px 0;
    display: block;
    text-decoration: none;
}

.site-actions {
    padding-bottom: 10px;
}

.site-actions a {
    text-transform: uppercase;
    font-weight: bold;
    color: #aaa;
    text-decoration: none;
}

/* Header */
#header {
    height: 69px;
    background: #164950;
}

#header .search, #header .account{
    text-align: right;
}

#header #search-input {
    width: 15em;
    height: 1.5em;
    line-height: 1.2em;
}

#header .account {
    margin-bottom: 0.9em;
}

#header .account ul {
    padding: 0.25em 0.5em;
    background-color: #ECEAD8;
    float: right;
    font-size: 0.85em;

    border-bottom-right-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
    -webkit-border-bottom-right-radius: 0.5em;
    -webkit-border-bottom-left-radius: 0.5em;
    -moz-border-radius-bottomleft: 0.5em;
    -moz-border-radius-bottomright: 0.5em;

    -webkit-box-shadow: 0 1px 1px 2px #C95D0D;
    -moz-box-shadow: 0 1px 1px 2px #C95D0D;
    box-shadow: 0 1px 1px 2px #C95D0D;
}

#header .account li {
    display: inline;
    color: #c2c2c2;
}

#header .account li a,
#header .account li a:visited,
#header .account li a:link {
    color: #C95D0D;
}

#header .account li a:hover,
#header .account li a:focus {
    text-decoration: none;
    color: #164950;
    text-shadow: none;
    -webkit-transition: 500ms linear 0s;
    -moz-transition: 500ms linear 0s;
    -o-transition: 500ms linear 0s;
    transition: 500ms linear 0s;
    outline: 0 none;

}

#header .search label {
    color: #ffffff;
    text-shadow: 1px 1px 1px #a0a0a0;
    filter: dropshadow(color=#a0a0a0, offx=1, offy=1);
}

#header .account li.name {
    font-weight: bold;
    margin-right: 2em;
    color: #C95D0D;
    text-shadow: 1px 1px 1px #ddd;
    filter: dropshadow(color=#ddd, offx=1, offy=1);
}


img.logo {
    height: 69px;
}

/* Search */
table.search-results {
    clear: both;
    margin-top: 10px;
}

.search-results .header {
    background-color: #5F5F5F;
    color: white;
    font-weight: bold;
    padding: 4px 6px;
}

.search-results-description {
    padding: 10px 0;
}

.search-results td.content {
    padding: 0;
}

.search-results .pagination {
    float: left;
    padding-bottom: 10px;
}

.search-results .pagination a {
    text-decoration: none;
}

.search-results-phrase {
    font-weight: bold;
}

#search {
    display:inline;
}

#search-form,
.search-results-form {
    display:inline;
}

#search-results {
    border-collapse: collapse;
}

#search-results tr:hover {
    background-color: #f9f9f9;
    cursor: pointer;
}

#search-results-table td {
    vertical-align: top;
}

.livesearch-wrapper {
    position: relative; /* Anchor for absolute livesearch */
    top: 0px;
    left: -40px;
}

#livesearch-results-table {
    width:100%;
    border-collapse: collapse;
}

#livesearch-results-table tr {
    cursor: pointer;
}

#livesearch-results-table tr:hover {
    background-color: #eee;
}

#livesearch-results-table td {
    vertical-align: top;
    padding: 2px 0;
}

#livesearch-results-table td.image {
    width:1%;
    padding-right:8px;
    height: 60px;
}

#livesearch-results-table img {
    width: 60px;
}

#livesearch-results-table td.all-results {
    text-align:right;
}

#livesearch-result {
    position: absolute; right: 0;
    display:none;
    z-index: 1000;
    background-color: white;
    border: 1px solid #dfd7d3;
    width:500px;
    padding: 5px;
}

.header-decorator {
    background: #C95D0D;
    height: 0.5em;
    margin:0;
    padding:0;
    border: 0 transparent none;
}

/* Tabs */
#tabs {
    margin-top: 2em;
    height: 1.7em;
}

.tabs ul {
    text-align: center;
}

.tabs li {
    margin: 0 0.5em;
    display: inline;
}

.tabs li a {
    background-color: #164950;
    color: #FFFFFF;
    font-size: 0.9em;
    font-family: 'Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;';
    text-decoration: none;
    text-transform: uppercase;
    padding: 0.7em;
    border: 0 transparent none;

    border-top-left-radius: 8px;
    border-top-right-radius: 8px;

    behavior: url(border-radius.htc);

     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.tabs li.selected a,
.tabs li a:hover {
    background: #C95D0D;
    color: white !important;
}

/* Breadcrumbs */
ul.breadcrumbs {
    font-size: 0.8em;
    list-style-type: none;
    padding: 10px 0 10px 0;
    margin:0;
}

ul.breadcrumbs li {
    display: inline;
}

ul.breadcrumbs li a,
ul.breadcrumbs li a:link,
ul.breadcrumbs li a:visited {
    color: #164950;
}

ul.breadcrumbs li a:hover {
    color: #C95D0D;
}


/* Content ################################################################# */
#content .container{
    min-height:500px;
    background-color: #ffffff;
    padding: 1.8em;

     -moz-box-shadow: 0px 0px 20px 1px rgba(22, 73, 80, 0.8);
  -webkit-box-shadow: 0px 0px 20px 1px rgba(22, 73, 80, 0.8);
          box-shadow: 0px 0px 20px 1px rgba(22, 73, 80, 0.8);

     -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
}

#content .document-description {
    border-left: 0.3em solid #CCC;
    font-family: "Helvetica Neue",Arial,FreeSans,sans-serif;
    font-style: italic;
    margin: 1em auto 2em;
    padding-left: 1em;
    text-align: justify;
    color: #666;
}

#content ul.breadcrumbs li {
    list-style: circle inside none;
}

.left-slot {
    padding-right: 20px;
    border-right: 1px solid #dfd7d3;
}

.padding-both .middle-slot  {
    padding: 0 20px;
}

.padding-left .middle-slot {
    padding-left: 20px;
}

.padding-right .middle-slot {
    padding-right: 20px;
}

.inner-content ul {
    margin: 10px 0 10px 30px;
}

.inner-content li {
    line-height: 1.5em;
    display: list-item;
    list-style: disclosure-closed;
}

.inner-content h1 {
    margin-bottom: 1em;
}
.base-price,
.price-disclaimer {
    font-size: 80%;
    color: #5F5F5F;
}

table.cp-properties {
    margin: 20px 0;
    float: right;
}

table.cp-properties td {
    vertical-align: middle;
}

table.cp-properties select {
    width: 200px;
}

table.cp-properties td {
    padding-right: 10px;
}

.product-properties {
    padding-bottom:  10px;
}

.product-price {
    text-align: right;
    padding: 10px 10px 0 0;
    font-weight: bold;
}

.price-disclaimer {
    display: none;
}

.product-input-field {
    margin: 1px 0;
}


.for-sale-price {
    font-weight: bold;
}

.for-sale-standard-price {
    text-decoration: line-through;
}

.packing-result {
    clear: both;
    float: right;
    font-size: 89%;
    margin: 2px 10px 20px 0;
}

.packing-unit {
    color: #555;
}

.sorting {
    background: url(../img/portlet_header_bg.jpg) no-repeat right;
    text-align: right;
    padding-right: 5px;
}

#product-form {
    margin-left: 250px;
    text-align: center;
}

/* Category
___________________________________________________________________________ */

a.current, span.current {
    font-weight: bold;
}

.category h2.product-title {
    color: #164950;
    font-size: 1.6em;
}

.category h3.product-title {
    font-weight: bold;
}

.category .product-description p {
    margin-left: 170px;
}

.category .product-image {
    margin-right: 40px;
    padding-bottom: 10px;
    width: 130px;
    height: 100px;
    float: left;
}

.category .product-image img {
    height: 200px;
    width: 130px;
    -webkit-box-shadow: 5px 5px 10px 5px rgba(22, 73, 80, 0.5);
    box-shadow: 5px 5px 10px 5px rgba(22, 73, 80, 0.5);
}

.preview-100-100 {
    width: 100px;
    height: 100px;
    display: block;
}

.category .category-image {
    margin-right: 10px;
    padding-bottom: 10px;
    float: left;
}

.category .product-row {
    border-bottom: 1px solid #eae5e2;
}

.category .product-data {
    padding-top: 10px;
    height: 250px;
}

.category .products {
    clear: both;
    padding-top: 10px;
}

.category .product-data:hover {
    background-color: #f9f9f9;
    cursor: pointer;
}

.category .products-navigation {
    float:right;
    margin: 3em 0 1em 0;
    font-size: 0.9em;
}

.category .products-header {
    height: 2.5em;
    margin-bottom: 0.5em;
}

.category .products-header .first-heading {
    float:left;
}

.category .products-header .sort-heading {
    display: block;
    width: 300px;
    float: right;
    padding-top: 10px;
}

.category .products-header .sort-heading * {
    display: inline;
}

.category .products-header .sort-heading select {
    width: 185px;
}

.category .products-navigation a {
    background-color: #164950;
    color: #FFFFFF;
    font-size: 0.9em;
    font-family: 'Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;';
    text-decoration: none;
    text-transform: uppercase;
    padding: 0.7em;
    border: 0 transparent none;
    border-radius: 8px;

    behavior: url(border-radius.htc);

     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.category .products-navigation span.products-total,
.category .products-navigation span.current {
    color: #5F5F5F;
    font-size: 0.9em;
    font-family: 'Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;';
    text-decoration: none;
    text-transform: uppercase;
    padding: 0.7em;
    border: 0 transparent none;
}

.category .products-navigation a:hover {
    background: #C95D0D;
    color: white;
}

.category .description {
    padding-bottom: 20px;
}


.category_general .scrollable ul{
    margin: 0 0 4em;
}

.category_general ul.products li{
    list-style: none;
    display: inline-block;
    width: 190px;
    margin: 10px 10px 40px 10px;
    text-align: center;
    margin-left: 1em;
    vertical-align: top;
}


.category_general .products a.preview,
.category_general .products a.preview:link,
.category_general .products a.preview:visited {
    border: 1px solid #DDDDDD;
    display: inline-block;
    height: 202px;
    padding: 1px;
    width: 132px;

    position: relative;
}

.category_general .products .preview img {
    width: 130px;
    height: 200px;
    overflow: hidden;
    border: 1px double #ddd;
}

.category_general .products a.preview:hover {
    -webkit-box-shadow:  0 0 5px 1px rgba(128, 128, 128, 0.95);
    box-shadow:  0 0 5px 1px rgba(128, 128, 128, 0.95);

    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;

}

.category_general .products h3 {
    color: #164950;
}

.category_general .products .ribbon {
    display: block;
    height: 64px;
    position: absolute;
    right: -16px;
    top: -16px;
    width: 64px;
}

.category_general .products .book {
    background-image: url(../img/catalogo/ribbon-libro.png);
}

.category_general .products .dvd {
    background-image: url(../img/catalogo/ribbon-dvd.png);
}

.category_general .products .audio {
    background-image: url(../img/catalogo/ribbon-audio.png);
}

.category_general .tooltip {
    /*display:none;*/
    background: rgba(127, 127, 127, 0.9);
    font-size:12px;
    height:70px;
    width:160px;
    padding:25px;
    color:#eee;
}

.category_general .actions {
    margin-top: 0.8em;
}

.category_general a.buy,
.category_general a.buy:link,
.category_general a.buy:visited{
    display:inline;
    border: 0 transparent none;
    margin: 0.5em;
    padding: 0.3em;
    color:#FFFFFF !important;
    background: #F5921C;
    font-weight:bold;
    font-style: italic;
    font-size: 0.9em;
}

.category_general a.buy:hover{
    border-color: #164950;
}

.category_general .soon {
    font-style: italic;
}



/* Product
___________________________________________________________________________ */

#product-inline {
    padding-top: 10px;
}

.product-images {
    float: left;
}

.product .main-image {
    text-align: center;
}

.product .product-image img {
    width: 180px;
    margin-bottom: 2em;
    -webkit-box-shadow: 5px 5px 10px 5px rgba(22, 73, 80, 0.5);
    box-shadow: 5px 5px 10px 5px rgba(22, 73, 80, 0.5);
}

.product .sub-images {
    padding: 10px 0;
    text-align: center;
}

.product-images a {
    text-decoration: none;
}

.product-images .sub-images img {
   border: 1px solid #dfd7d3;
   clear: both;
}

.product-title {
    /*font-size: 100%;*/
    font-weight: bold;
    padding-bottom: 5px;
    margin-left: 150px;
}

.product .product-short-description {
    border-left: 0.3em solid #CCCCCC;
    color: #666666;
    font-family: "Helvetica Neue",Arial,FreeSans,sans-serif;
    font-style: italic;
    font-size: 0.9em;
    margin-left: 250px;
    padding-left: 1em;
    text-align: justify;
}

.product .product-description {
    font-size: 0.95em;
}

.product .deliverable {
    color: green;
}

.product .not-deliverable {
    color: red;
}

.product .prices {
    text-align: center;
}

.product .for-sale-price,
.product .standard-price {
    font-size: 200%;
    font-weight: bold;
    margin: 0 0 2px 0;
}

.product .for-sale-standard-price {
    text-decoration: line-through;
    padding-right: 10px;
}

.product-navigation {
    float: left;
    padding: 2em 0 2em;
}

.product-navigation a {
    background-color: #164950;
    color: #FFFFFF;
    font-size: 12px;
    font-family: 'Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;';
    text-decoration: none;
    text-transform: capitalize;
    padding: 0.4em 0.7em;
    border: 0 transparent none;
    border-radius: 8px;

    behavior: url(border-radius.htc);

     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

/*.category .products-navigation span.products-total,
.category .products-navigation span.current {
    color: #5F5F5F;
    font-size: 0.9em;
    font-family: 'Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;';
    text-decoration: none;
    text-transform: uppercase;
    padding: 0.7em;
    border: 0 transparent none;
}
*/
.product-navigation a:hover {
    background: #C95D0D;
}

.overview {
    text-align: right;
    padding: 10px 30px 10px 0;
    background: url("../img/portlet_header_bg.jpg") right no-repeat;
    font-size: 80%;
    font-weight: bold;
}

.overview a {
    text-decoration: none;
}

.product .shipping-information {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

.product .product-actions {
    border: 0 transparent none;
    margin-top: 1em;
}

.product .product-actions > *{
    display: inline;
    line-height: 17px;
    padding: 0.5em;
}

.product .product-actions select {
    margin-left: 0.5em;
}

table.product-accessories,
table.product-variants {
    font-size: 0.8em;
}

/* Cart
___________________________________________________________________________ */

.added-to-cart td.image,
.cart td.image {
    height: 60px;
    width: 60px;
    text-align: center;
}

.added-to-cart .accessories td {
    vertical-align: middle;
}

#cart-form .product-title {
    margin-left: 0;
}

.cart-coupon >* {
    text-align: center;
}

.lineitem-description {
    width: 40%;
}

.lineitem {
    border-bottom: 1px dotted #ccc;
}

.lineitem-ammount {
    padding-right: 1em;
}

table.cart-summary {
    margin-left: 49%;
    width: 50%;
}

.cart-summary .pad {
    display: block;
    width: 14px;
}
/* Checkout
___________________________________________________________________________ */

.checkout .payment,
.checkout .shipping,
.checkout #cart-inline,
.checkout #bank-account {
    margin-top: 20px;
}

.checkout #bank-account td {
    padding-top: 2px;
    padding-bottom: 2px;
}

select.cart-country,
select.cart-shipping-method,
select.cart-payment-method {
    width: 150px;
}

.checkout .payment,
.checkout .shipping,
.checkout #cart-inline,
.checkout #bank-account {
    margin-top: 20px;
}

#content .checkout-wizard .shipping-method,
#content .checkout-wizard .payment-method {
    padding: 2px 0;
    margin-left: 4em;
}

.checkout textarea {
    width: 99.7%;
}

.checkout td.image {
    height: 60px;
    width: 60px;
    padding-right: 10px;
}

.form-errors {
    background-color: #F9C29B;
    border-color: #fbc2c4;
    color: #C95D0D;
    border: 2px solid #C95D0D;
    margin-bottom: 1em;
    padding: 0.8em;
}

.my-orders td.label {
    font-weight: bold;
}

.my-orders td.last {
    padding-bottom: 20px;
}

#content .checkout-wizard .container {
    min-height: auto;
    width: auto;
    box-shadow: none;
}

.checkout-wizard .steps {
    text-align: center;
    margin-bottom: 1em;
    padding: 0.5em;
    background: #164950;
    border-radius: 8px;
}

.checkout-wizard .steps li .step {
    color: #aaa;
    padding: 0.5em;
    padding: 1em 0.5em 2em;
    background:  url("../img/checkout/step-indicator.png") no-repeat scroll center center transparent;

    -webkit-transition: background 500ms linear;
    -moz-transition: background 500ms linear;
    -ms-transition: background 500ms linear;
    -o-transition: background 500ms linear;
    transition: background 500ms linear;
}

.checkout-wizard .steps li .step.current {
    color: #ffffff;
    background-position: 50% 40px;
    -webkit-transition: color 500ms linear;
    -moz-transition: color 500ms linear;
    -ms-transition: color 500ms linear;
    -o-transition: color 500ms linear;
    transition: color 500ms linear;
}

.checkout-wizard .numstep {
    display: inline-block;
    background: #aaa;
    color:#164950;
    width: 1em;
    height: 1em;
    line-height: 1em;
    text-align: center;
    -webkit-border-radius: 1em;
    border-radius: 1em;
}

.checkout-wizard .current .numstep {
    background-color: #ffffff;
}

.checkout-wizard .leaf {
    -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    -ms-transition: all 500ms ease-in;
    -o-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
    position: relative;
}

.checkout-wizard .leaf a.next-step {
    display: inline-block;
    float: right;
    clear: right;
}

.checkout-wizard .leaf a.previous-step {
    display: inline-block;
    float: left;
    clear: left;
}

.checkout-wizard .invoice-address input[type="text"] {
    width: 400px;
}


.tip {
    padding: 1em;
}

.tip i {
    display: inline-block;
    float: left;
    font-size: 1em;
    margin-right: 1em;
}


.checkout-wizard button.step.review {
    display: inline-block;
    float: none;
    padding: 0;
    margin: 0;
    color: #aaa !important;
}


/* Login / Register
___________________________________________________________________________ */


.customer-login th,
.checkout-login th {
    padding-right: 10px;
}

.customer-login th,
.customer-login td,
.checkout-login th,
.checkout-login td {
    padding-top: 2px;
    padding-bottom: 2px;
}

.customer-login .description,
.checkout-login .description {
    border-left: 0.3em solid #CCCCCC;
    font: italic 1em/1.4em "Helvetica Neue",Arial,FreeSans,sans-serif;
    margin: 1em auto 3em;
    padding-left: 1em;
    text-align: justify;
    color: #666;
}

.customer-login .description em,
.checkout-login .description em {
    font-weight: bold;
}

h2.authenticate {
    background: #ECEAD8;
    padding: 10px;
    color: #C95D0D;
    margin-bottom: 1em;
}

div.login {
    float: left;
    padding-right: 10px;
    width: 470px;
}

div.register {
    float: left;
    padding-right: 0;
    width: 470px;
}

div.anonymous-checkout {
    float: left;
    width: 310px;
}

/* Tags
___________________________________________________________________________ */

.tag-cloud {
    text-align: justify;
}

/* Reviews
___________________________________________________________________________ */

.add-review .label {
    padding-top: 10px;
}

.review {
    padding-top: 10px;
}

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating {
    background: url(../img/star.gif) left -1000px repeat-x;
}

.star-rating {
    position:relative;
    height:25px;
    overflow:hidden;
    list-style:none;
    margin:0 !important;
    padding:0 !important;
    background-position: left top;
    width: 125px;
}

.star-rating li {
    display: inline;
}

.star-rating a,
.star-rating .current-rating {
    position:absolute;
    top:0;
    left:0;
    text-indent:-1000em;
    height:25px;
    line-height:25px;
    outline:none;
    overflow:hidden;
    border: none;
}

.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus {
    background-position: left bottom;
}

.star-rating .current-rating {
    z-index:1;
    background-position: left center;
}

/* smaller star */
.small-star {
    width:50px;
    height:10px;
}

.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating {
    background-image: url(../img/star_small.gif);
    line-height: 10px;
    height: 10px;
}

.average-rating {
    float:right;
    cursor: pointer;
}

/* Portlets
___________________________________________________________________________ */

.portlet {
    margin-bottom:15px;
    font-size: 90%;
    background: #ECEAD8;
}

.portlet a {
    text-decoration: none;
}

.portlet ul.root {
    padding: 0;
    margin: 0;
}

.portlet-body {
    background-color: #ECEAD8;
    color:#C95D0D;
    padding: 0.3em 0;
    font-size: 12px;
}

#content .portlet li {
    display: list-item;
    list-style: circle inside url("../img/dot_white.png");
    margin: 8px 8px 8px 20px;
    text-indent: -16px;
}

#content .portlet li:hover {
    list-style: circle inside url(../img/dot_orange.png);
}

#content .portlet ul li a{
    font-size: 12px;
}

#content .portlet li a:hover {
    color: #C95D0D;
    font-weight: bold;
}

.portlet-header {
    background: #C95D0D;
    padding: 5px 10px;
    margin-bottom: 3px;
    color:#FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 5px 5px 0 0;
}

.portlet-item {
    padding: 10px 0;
}

.portlet-item.last {
    border-bottom: none !important;
    padding: 5px 0;
}

.portlet-footer {
    padding: 5px 0 5px 10px;
    font-size: 80%;
    font-weight: bold;
    text-align: right;
}

.portlet-footer a {
    padding-left: 25px;
    text-decoration: none;
    background: url("../img/portlet-bullet.gif") left center no-repeat;
}

.portlet .for-sale-standard-price {
    padding-right: 20px;
    text-decoration: line-through;
}

.portlet .for-sale-price {
    font-weight:bold;
    font-size: 100%;
}

.portlet p {
    color: #C95D0D;
    font-size: 12px;
    padding: 0.5em;
    text-align: left;
}

.portlet p a {
    font-weight: bold;
}

/* Cart portlet
___________________________________________________________________________ */

.cart-portlet .portlet-header {
    background-color: #C95D0D;
    background-image: none;
    position: relative;
    border-bottom: none;
    margin: 0;
}

.cart-portlet .portlet-header,
.cart-portlet .portlet-header a,
.cart-portlet .portlet-header a:visited {
    color: white;
}

.cart-portlet .portlet-header img {
    position: absolute; right: 8px;
    border: 2px solid #FFFFFF;

    -webkit-border-radius: 4px;
    border-radius: 4px;

}

.cart-portlet .portlet-body {
    padding: 1em 1em 1em 1em;
    border: 1px solid #dfd7d3;
}

.cart-portlet .price {
    font-weight: bold;
    text-align: right;
}

.cart-portlet .portlet-footer {
    background: #eae5e2;
    border: 1px solid #dfd7d3;
    border-top: none;
    padding: 5px 10px;
    font-size: 80%;
    font-weight: bold;
    text-align: right;
}

.download-portlet .portlet-body {
    padding: 1.3em;
    text-align: center;
}

.portlet-donation .portlet-body p {
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
    /*position: relative;*/
    margin: 0.5em auto;
}

.portlet-donation .portlet-body p a.button {
    font-size: 1.1em;
    line-height: 1.5em;
    padding: 0.3em;
    margin: 0;
    display: inline-block;
    float:none;
}

/* Categories portlet */
.categories-portlet ul ul {
    padding: 4px 0 0 0;
    margin: 0 0 0 15px;
}

.categories-portlet ul ul ul {
    margin: 0 0 0 10px;
}

.categories-portlet a {
    text-decoration: none;
}

.categories-portlet a.current {
    font-weight: bold;
}

.categories-portlet li.level-0 {
    border-bottom: 1px solid #e5dfdc;
    padding: 10px 0;
}

.categories-portlet li.level-0.last {
    border-bottom: none;
}

.categories-portlet li.level-0 a {
    padding-left: 15px;
    background: transparent url("../img/bullet_light.jpg") left 5px no-repeat;
    display: block;
}

.categories-portlet li.level-0 a.current,
.categories-portlet li.level-0 a:hover {
    background: transparent url("../img/bullet_dark.jpg") left 5px no-repeat;
}

.categories-portlet li.level-1,
.categories-portlet li.level-2 {
    padding: 5px 0;
    font-size: 90%;
}

.categories-portlet li.level-1 a,
.categories-portlet li.level-1 a.current,
.categories-portlet li.level-1 a:hover {
    padding: 0;
    background: transparent;
}

/* Average rating portlet
___________________________________________________________________________ */
.average-rating-portlet .average-rating {
    float: none;
    padding-top: 5px;
}

.average-rating-portlet .average-rating-description {
    padding-top: 10px;
}

/* slideshow portlets
___________________________________________________________________________ */

.featured-products-portlet .slideshow,
.forsale-products-portlet.slideshow {
    min-height: 220px;
}

.featured-products-portlet .ui-widget-content,
.forsale-products-portlet .ui-widget-content {
    border: none;
}

.featured-products-portlet .product-image img,
.forsale-products-portlet .product-image img {
    width: 120px;
}

/*  Portlet for buying stuff */

.buy-portlet ul {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 0 transparent none;
}

#content .buy-portlet ul li {
    display: block;
    list-style: none;
    text-indent: 0;
}

#content .buy-portlet ul li:nth-child(odd) {
    padding-bottom: 5px;
    border-bottom: 1px dashed #ccc;
}

#content .buy-portlet ul li form {
    text-align: center;
    margin-bottom: 1em;
}

.buy-portlet input[name="add-to-cart"] {
    font-size: 1.7em;
}

.buy-portlet .price-info {
    text-align: center;
}

.buy-portlet .product-name {
    font-weight: bold;
}

.buy-portlet .product-price {
    font-style: italic;
    text-align: center;
}

/* RElated Products portlets
___________________________________________________________________________ */

.related-products-portlet .portlet-item {
    height: 5em;
}

.related-products-portlet .portlet-item img {
    float:left;
    height: 60px;
    margin: 0.2em 0.5em;

    -webkit-box-shadow: 1px 1px 1px 1px rgba(22, 73, 80, 0.5);
    box-shadow: 1px 1px 1px 1px rgba(22, 73, 80, 0.5);
}

.related-products-portlet .price {
    font-weight: bold;
}

.related-products-portlet .portlet-item > a {
    display: block;
    height: 6em;
}

/* Footer
___________________________________________________________________________ */

#footer-wrapper {
    background: #164950;
}

#footer .container {
    background: transparent;
}


#footer a,
#footer p {
    color: #ffffff;
    font-size: 0.9em;
}

#footer a:hover {
    color: #C95D0D;
}

ul.footer-actions {
    padding: 20px 0 40px 0;
    margin: 1em 0 0;
    text-align: center;
}

ul.footer-actions li {
    margin: 0 0.5em;
    text-align: center;
    display: inline;
}

ul.footer-actions li a {
    background-color: transparent;
    color: #ffffff;
    font-family: 'Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;';
    text-transform: uppercase;
    text-decoration: none;
    padding: 0.8em 0.5em;
    border: 0 transparent none;
    border-left: 1px solid #ffffff;

     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

ul.footer-actions li:first-child a {
    border-left: 0 transparent none ! important;
}


ul.footer-actions li a:hover {
    border-left: 1px solid #C95D0D;
    color: #C95D0D!important;
}

#certificate {
    text-align: center;
}

/* Colophon
___________________________________________________________________________ */

#colophon .container {
    padding: 10px;
}

#colophon a {
    color: #fff;
    font-size: 0.8em;
}

#colophon a:hover {
    color: #C95D0D;
}

#colophon p {
    text-align: center;
    color: #fff;
    font-size: 0.8em;
}

/* Buttons
-------------------------------------------------------------- */
.buttons {
    margin-top: 10px;
}

.delete-button {
    background-color: #164950;
    border: 1px solid #fff;
    text-decoration: none;
    padding: 2px 4px;
    color: white !important;
    font-weight: bold;
    font-size: 9px;
    margin-left: 10px;
    position: relative; top:2px;
    font-family: Arial;
}

a.button,
button {
  display:block;
  margin: 0.7em 8px 0.7em 0.5em;
  float: right;
  padding:5px 10px 5px 10px;   /* Links */
  font-size: 100%;
  line-height: 130%;
  text-decoration:none;
  font-weight:bold;
  cursor:pointer;
  background-color: #164950;
  border: 1px transparent solid;
  color: #fff !important;

  border-radius: 8px;
  border-radius: 8px;

  behavior: url(border-radius.htc);

     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

a.button:hover, button:hover,
a.button.highlighted{
  background-color: #C95D0D;
}

a.button.left,
button.left {
  margin: 0.7em 0.5em 0.7em 0em;
  float:left;
}

button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}

button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}

*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}

button img,
a.button img {
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}


input[type="text"] {
    border: 1px solid #ccc;
}

input[type="text"]:focus {
    border: 1px solid #164950;
}

input[type="text"].error {
    border: 2px solid #C95D0D;
    background: #F9C29B;
    font-size: 1.5em;
    color: #C95D0D;
}

body .emphasized,
input[type='submit'],
input[type='button']{
    font-family:"Helvetica Neue",Arial,FreeSans,sans-serif;
    background-color: #164950;
    color: #FFFFFF;
    padding: 0.5em;
    border: 0 none transparent;
    cursor: pointer;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    behavior: url(border-radius.htc);

     -moz-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
}

a.emphasized,
button:hover,
button.emphasized,
input[type='submit']:hover,
input[type='button']:hover{
    background-color: #C95D0D;
    color: White;
}


button [disabled],
input[type="submit"][disabled],
input[type="button"][disabled] {
    background-color: #eee;
}

/* Standard */
.image-title {
    font-size: 90%;
    color: #aaa;
    padding-top:4px;
}

#id_comment {
    width: 100%;
    height: 300px;
}

/*for test*/
.showgrid {
    background: url(../img/12_col.gif);
}

/*Front-page*/

.columns {
    text-align: center;
}

.columns a h3,
.columns a:visited h3 {
    color: #164950;
    font-weight: bold;
}

.columns a:hover h3 {
    color: #C95D0D;
}

div.column-1 {
    margin-right: 7px;
}

div.column-2 {
    border-left: 3px solid #C2C2C2;
    border-right: 3px solid #C2C2C2;
    margin-right: 7px;
}

.columns a .tile {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.reviews {
    display: none;
}

.cs-prev, .cs-prev:link, .cs-prev:hover, .cs-prev:visited, .cs-next, .cs-next:link, .cs-next:hover, .cs-next:visited, .cs-next {
    display: none;x
}

/*User library*/

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
    background: #C95D0D;
    color: #fff;
    opacity: 0.95;
    filter: alpha(opacity = 95);
}


/*Spinner*/
.wait-courtain {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0.95;
    z-index: 10000;
    text-align: center;
    width: 100%;
    height: 100%;
    font-size: 3em;
    color: #C95D0D;
    max-height: 0;
    
    -webkit-transition: height 4s 1s;
    -o-transition: height 4s 1s;
    transition: height 4s 1s;
}

.wait-courtain p {
    display: inline-block;
    background-color: #ffffff;
    width: 500px;
    text-align: center;
     -moz-box-shadow: 0px 0px 20px 1px rgba(22, 73, 80, 0.8);
  -webkit-box-shadow: 0px 0px 20px 1px rgba(22, 73, 80, 0.8);
          box-shadow: 0px 0px 20px 1px rgba(22, 73, 80, 0.8);

     -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
          border-radius: 0 0 5px 5px;

    -webkit-transition: 500ms linear 0s;
    -moz-transition: 500ms linear 0s;
    -o-transition: 500ms linear 0s;
    transition: 500ms linear 0s;
}

.related-label {
    background: #164950;
    border-radius: 0.5em;
    color: #ffffff;
    padding: 0.5em;
    line-height: 3em;
}

.lang_selector form {
    display: inline-block;
}

.lang_selector input[type="image"] {
    height: 1em;
    display: block;
}

.lang_selector .inactive {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}