#customer-options
{
    overflow: hidden;
    min-height: 1px;
    background-color: #eee;
    text-shadow: white 0 1px 1px;
    list-style: none;
    padding: 0;
    margin: 0;
}

#customer-options>li
{
    float: left;
    padding: 5px 10px;
    min-height: 6em;
    border: 10px solid white;
    border-left: 0;
    -webkit-border-top-right-radius: 30px;
    -webkit-border-bottom-right-radius: 30px;
    margin: -10px 0;
}

#customer-options>li>a
{
    height: 100%;
    display: block;
    text-decoration: none;
}


/* General form panel styles */

.note   { color: #999; }

.panel
{
    flex-grow: 1;
    padding: 10px 20px;
    margin: 1em;
    text-shadow: rgba(255, 255, 255, 0.33) 0 1px 1px;
}
.panel h3 { margin-top: 0; }
.panel fieldset { margin: 0 0 1em; }


.panel h3.heading-strip
{
    margin: -13px -26px 10px;
    padding: 0.25em 20px;
}

.grey       { background-color: #d4d4d4; }
.steel-grey { background-color: #cde; }
.yellow     { background-color: #fdb; }
.green      { background-color: #97cc69; }

.grey .controls         { border-color: #aaa; }
.steel-grey .controls   { border-color: #abc; }
.yellow .controls       { border-color: #fca; }

.yellow .note   { color: #654; }

.grey .heading-strip        { background-color: #eee; }
.yellow .heading-strip      { background-color: #fff6d6; }
.steel-grey .heading-strip  { background-color: #abc; }
.green .heading-strip       { background-color: #b4df8f; }
.dark .heading-strip        { background-color: #272527; }


/* Customer page */
/* ------------- */

/* text formatting */
#customer-welcome,
#customer-page-panels,
#customer-page-panels a
{
    color: white;
}

#customer-page-panels .panel
{
    min-height: 12em;
}

#customer-page-panels .panel ul
{
    margin: 0 1em;
    padding: 0;
}
#customer-page-panels .panel li a
{
    display: block;
    padding: 2px 0;
}
#customer-page-panels .heading-strip
{
    text-transform: uppercase;
    font-size: 1em;
    padding: 10px 10px 11px 10px;
    margin-left: 0px;
}

#customer-page-panels .block
{
    margin-bottom: 50px;
}

#customer-page-panels .edit
{
    background:  red url("../img/customers/nuolet.png") 5px center no-repeat;
    float:  right;
    margin-top: -11px;
    margin-bottom: 20px;
    padding: 0px 5px 0px 20px;
}
#customer-page-panels .edit a
{
    text-decoration: none;
}

#customer-welcome .heading-strip-icon,
#customer-page-panels .heading-strip-icon
{
    color: white;
    background: red;
    width: 40px;
    height: 40px;
    position: absolute;
    margin: -13px 0px 0px -26px;
}

#customer-bikes
{
    background: #363436 url("../img/customers/tausta_silhuetti_omatpyorat.png") right bottom no-repeat;
}
#customer-bikes .heading-strip-icon
{
    background: red url("../img/customers/kuvake_omatpyorat.png") 5px 9px no-repeat;
}

#customer-contact-details
{
    background: #363436 url("../img/customers/tausta_silhuetti_yhteystiedot.png") right bottom no-repeat;
}
#customer-contact-details .heading-strip-icon
{
    background: red url("../img/customers/kuvake_yhteystiedot.png") 5px 9px no-repeat;
}

#customer-login-details
{
    background: #363436 url("../img/customers/tausta_silhuetti_omatili.png") right bottom no-repeat;
}
#customer-login-details .heading-strip-icon
{
    background: red url("../img/customers/kuvake_omatili.png") 5px 9px no-repeat;
}

#regular-icon
{
    background: red url("../img/customers/Kanta_asiakas_teksti.png") 10px 10px no-repeat;
    width: 145px;
    height: 40px;
    position: absolute;
    margin: -13px -131px;
    padding: 0px 6px;
}
#customer-welcome
{
    margin-bottom: -25px;
}
#customer-welcome .heading-strip-icon
{
    background: red url("../img/customers/kuvake_yhteystiedot.png") 5px 9px no-repeat;
}
#customer-welcome .heading-strip
{
    margin-left: 0px; 
}
#newsletter-missing input
{
    width: 30px;
    height: 30px;
    margin-left: 2px;
}
#newsletter-missing
{
     color: black;
     background-color: #eee;
     margin-top: 5px;
}
#newsletter-missing td
{
    vertical-align: bottom;
}
#newsletter-missing h3
{
    margin-top: 5px;
}



/* Login page */
/* ---------- */

/* Ensure they appear as the same height and are separated from the breadcrumb bar */

#login-form th
{
    min-width: 8em;
    font-weight: bold;
}

#login-form .controls       { display: block; /* Overrides inline-block on .clearfix */ }
#login-form .controls input { float: right; }
#login-form .controls #auto_login { float: left; font-size: 85%; }
#login-form .controls #forgot-password { float: left; font-size: 85%; }
#login-form .controls #mail-feedback { float: left; font-size: 85%; }

#register-now a,
#regular-now a
{
    text-align: center;
    margin: 0 0 0.5em;
    font-size: 166%;
}


/* Registration page */
/* ----------------- */

#registration-form .vertical-fields th { width: 9em; }

#customer-details table,
#customer-details .note
{
    float: left;
    width: 50%;
    display: inline;
}

ul.errorlist a
{
    color: white;
}


/* Customer details page */
/* --------------------- */

.addresses  { margin: 0; padding: 0; list-style: none; list-style-image: none; }
.address
{
    border: 1px solid #eee;
    padding: 5px 10px 10px;
    margin-bottom: 10px;
    background-color: white;
}
.address.selected   { background-color: #eee; }

.address.deleted
{
    background-color: #600;
    color: #ccc;
}
.deleted .address-controls  { display: none; }

.address .address-controls
{
    float: right;
    margin: -5px -10px 0 0;
    padding: 5px 10px;
}
.address address    { display: block; font-style: normal; margin: 0; }

.selectable.address { min-height: 1px; overflow: hidden; }
.selectable.address label,
.selectable.address .address-content { float: left; margin-right: 0.5em; }

#add-address    { margin-top: 0; }

#add-address textarea,

#fancybox-inner {
    background-color: white;
}

#edit-address textarea { width: 98%; height: 5em; }

#edit-address #remove-address   { float: left; }

#edit-address-popup { padding: 20px; min-height: 18em; }

/* Bikes page */
/* ---------- */

.bike
{
    border: 1px solid #eee;
    padding: 10px;
    margin-bottom: 20px;
}

.bike .delete-bike
{
    float: right;
    margin: -5px -5px 0 0;
}

.loading-spinner { vertical-align: middle; }

#missing-bike-link      { float: left; }
#request-bike-popup     { padding: 10px 20px; width: 576px; }
#request-bike-popup h3  { margin-top: 0; }
#request-bike-popup .return { text-align: center; font-size: 1.25em; }


/* Bulk orders page */
/* ---------------- */

#bulk td {
    border-bottom: 1px solid #eee;
    vertical-align: bottom;
}

/* Adding bikes tooltip */
#customer-bikes .manage a { display: inline !important; }
#customer-bikes .tooltip-toggle img { vertical-align: bottom; }


/* Order history page */
/* ------------------ */

#customer-orders
{
    margin: 0 0 20px;
}

.order-heading
{
    color: #c8181f;
    cursor: pointer;
    margin: 2px 0;
}
.order-status       { float: right; }
.order-shipped      { color: #228822; }
.order-in-progress, .order-waiting { color: #cc9933; }
.order-cancelled { color: #cc3333; }
.order-content {
    padding: 0.5em 1em;
    margin: 0 0 1em;
    background-color: #f9f9f9;
}

.order-rows  { width: 100%; margin-top: 1em; }
.order-rows th, .order-rows td {
    border-bottom: 1px solid #ddd;
    padding: 0.5em 1em;
    text-align: left;
    vertical-align: baseline;
    background-color: #fcfcfc;
    background-color: rgba(255, 255, 255, 0.75);
}

.order-rows thead th
{
    background: url("../img/black_fade_light.png") 0 100% repeat-x;
    padding-bottom: 0;
}

.delivery-method, .payment-method
{
    font-weight: normal;
    font-style: italic;
    display: block;
}

.order-rows tfoot th,
.order-rows tfoot td        { border: 0; padding-left: 1em; }
.order-rows tfoot .empty    { background: transparent; }
.order-rows tfoot tr:last-child th
{
    -webkit-border-bottom-left-radius: 2em;
    -moz-border-radius-bottomleft: 2em;
    border-bottom-left-radius: 2em;
}


.order-rows .grand-total    { font-weight: bold; }

.order-rows col.model-and-product   { width: 50%; }
.order-rows col.quantity            { width: 35%; }
.order-rows col.total-price         { width: 15%; }


.clears-contents        { overflow: hidden; min-height: 1px; }
* html .clears-contents { overflow: visible; height: 1px; }
.order-delivery-info,
.order-billing-info
{
    float: left;
    width: 45%;
    margin-right: 5%;
}
.order-content address p  { margin: 0; }

/* Product review stuff */
/* -------------------- */

.review-row td
{
    background-color: #333;
    color: white;
    text-shadow: black 0 -1px 0;
    border-top: 2px solid black !important;
    padding: 10px;
}

.review-container td,
.review-container th
{
    border: 0 !important;
    background: transparent;
    padding: 0.25em 0.5em;
}
.review-container th    { color: #ccc; }
.review-container .controls { clear: left; border-top: 1px solid #555; }

.review-rating
{
    float: left;
    padding: 0 40px;
}
.review-rating p
{
    margin: 0;
    text-align: center;
}
.review-rating ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 120px;
    height: 24px;
    position: relative;
    background: url("../img/rating_star.png") 0 -48px;
}

.review-rating li   { display: inline; }

.review-rating label,
span.indicator
{
    width: 0;
    height: 0;
    padding-top: 24px;
    overflow: hidden;
}
span.indicator
{
    display: block;
    display: inline-block;
    vertical-align: bottom;
    margin-left: -6px;
}
.review-rating label
{
    display: block;
    cursor: pointer;
    position: absolute;
}

.review-rating label:hover,
.review-rating label.selected,
span.indicator
{
    background: url("../img/rating_star.png");
}
.review-rating label:hover      { background-position: 0 0; }
.review-rating label.selected,
span.indicator                  { background-position: 0 -24px; }

.rating-5   { padding-left: 120px; }
.rating-4   { padding-left: 96px; }
.rating-3   { padding-left: 72px; }
.rating-2   { padding-left: 48px; }
.rating-1   { padding-left: 24px; }