/********************** Form */

/* Form Elements */
input.input-text, select, textarea { border:1px solid #b6b6b6; font:12px arial, helvetica, sans-serif; background-color: #FAFAFA !important; }
option, optgroup { font:12px arial, helvetica, sans-serif; }
optgroup { font-weight:bold; }
textarea { overflow:auto; }
input.input-text, textarea { padding:2px; }
input.radio { margin-right:3px; }
input.checkbox { margin-top:-2px; margin-right:3px; }
.qty { width:2.5em; }
.group-select label, .form-list label, .payment-methods label { font-weight:bold; }
input.input-text:focus, textarea:focus, select:focus { background-color:#fafaec; }
.button-set { clear:both; text-align:right; }
button::-moz-focus-inner { padding:0; border:0; }
.form-button,
.form-button-alt, 
a.proceed-to-checkout { 
    overflow:visible;
    border:none; 
    display: inline; 
    background:transparent;
    font:bold 12px/19px Arial, Helvetica, sans-serif; 
    cursor:pointer; 
    text-align:center; 
    vertical-align:middle;
    padding:0px !important;
}
.form-button span,
.form-button-alt span, 
a.proceed-to-checkout span { 
    float:left; 
    height:19px; 
    border:1px solid #BEBEBE; 
    padding:0 18px 0 8px;
    font:bold 10px/19px Arial, Helvetica, sans-serif; 
    white-space:nowrap;
    color: #5B5B5B;
    line-height: 17px;
    background: url(../images/button_arrow_right.gif) no-repeat 100% 50% #FFF;
}

.btn-checkout {
    display:block;
    float:right;
    background:transparent url(../images/btn_proceed_to_checkout_rad.gif) no-repeat 100% 0;
    font-size:15px;
    font-weight:bold;
    padding-right:8px;
    }
.btn-checkout, .btn-checkout:hover {
    color:#fef5e5;
    text-decoration:none;
    }
.btn-checkout span {
    display:block;
    padding:0 17px 0 25px;
    background:transparent url(../images/btn_proceed_to_checkout_bg.gif) no-repeat;
    line-height:40px;
    }

/* Form lists */
.form-list li { margin-bottom:6px; }
.form-list li .input-box .input-text, .form-list li .input-box textarea { width:250px; }
.form-list li .input-box select { width:256px; }
.form-list li.addElement { border-top:1px solid #DDD; padding-top:10px; }

.group-select {
    margin:11px 0 19px 0;
    border:1px solid #bbafa0;
    padding:22px 22px 18px 22px;
    background:#FFF;
}
.group-select .legend {
    margin-top:-32px;
    border:none;
    border: 1px solid #B4B4B4;
    background:#FFF;
    padding:2px 8px;
    color:#787878;
    font-weight:normal;
    font-size:11px;
    z-index: 0;
    position: relative;
    }
.group-select li { padding:4px 0px; }
.group-select li .input-box { float:left; width:305px; }
.group-select li .input-text, .group-select li select, .group-select li textarea { width:280px; }
.group-select li .input-box .input-text, .group-select li .input-box textarea { width:280px; }
.group-select li .input-box select { width:280px; }

div.customer-name .name-firstname {
    clear:both;
    float:none;
    margin-bottom:7px;
}
.form-registration div.customer-name .name-firstname {
    float:left;
}
.form-registration .group-select li .input-text { float:left; width:285px; }


/* Form Messages */
.validation-advice { color:#EB340A; }
.required { color:#000; }
.validation-advice {
    clear:both;
    min-height:15px;
    margin-top:3px;
    /*background:url(../images/validation_advice_bg.gif) no-repeat 2px 1px;*/
    padding-left:0px;
    font-size:.95em;
    line-height:1.25em;
    }
.validation-failed {
    border:1px solid #EB340A !important;
    background:#faebe7 !important;
    }
label.required {
    font-weight:bold;
    }
p.required { font-size:.95em; text-align:right; }

/* Expiration date and cvv number validation fix */
.v-fix { float:left; }
.v-fix .validation-advice { display:block; margin-right:-12em; width:12em; position:relative; }

a.back {
    background: url(../images/pager_arrow_left.gif) no-repeat 0% 57%;
    padding-left: 10px;
    line-height: 12px;
    padding-top:2px;
}
    a.back:hover {
        background-image: url(../images/pager_arrow_left_over.gif);
    }
