/* KASSA */

/* KASSAN NAVIGAATIO */

ol#CheckoutStage{
margin:20px 0 30px 0;
}
ol#CheckoutStage li{
display:inline;
margin: 5px;
background: #3a3a3a;
padding:10px 20px;
-moz-border-radius: 15px; 
-webkit-border-radius: 15px;
}

ol#CheckoutStage li.CompletedCheckoutStage,
ol#CheckoutStage li.CompletedCheckoutStage a{
background:#94e66c;
color:#000;
}
ol#CheckoutStage li.CurrentCheckoutStage{
background:#3a3a3a;
color:#5cbb30;
}


p.ShippingToDifferentAddress{
display:none;
}


fieldset#CheckoutReturningCustomer div.FormItem input#LoginEmail{
margin-left:11px;
}

fieldset#CheckoutReturningCustomer div.FormItem input#LoginPWD{
margin-left:23px;
}

/* TILAAJAN TIEDOT */

form#LoginForm{
margin-top:30px;
}

fieldset#CheckoutNewCustomer{
float:left;
width:240px;
margin:0 30px 0 0;
background: #3a3a3a;
padding: 0 20px 20px 20px;
-moz-border-radius: 15px; 
-webkit-border-radius: 15px;
}

fieldset#CheckoutReturningCustomer{
width:290px;
background: #3a3a3a;
padding: 0 20px 20px 20px;
-moz-border-radius: 15px; 
-webkit-border-radius: 15px;
}

/* TOIMITUSOSOITE */

fieldset#CurrentShippingAddress{
width:300px;
margin:0px 50px 0 0;
}

.ShippingAddressWrapper{
background: #3a3a3a;
width:180px;
padding: 20px;
margin:15px 0 0 0;
-moz-border-radius: 15px; 
-webkit-border-radius: 15px;
}
.ShippingAddressWrapper input{
margin:0 5px 7px 0;

}
fieldset#SelectShippingMethod{
width:300px;
margin:20px 30px 0 0;
}
fieldset#SubmitShippingInfo{
width:240px;
padding: 20px 10px 10px 20px;
margin:125px 0 0 0;
border: 1px solid #3a3a3a;
-moz-border-radius: 15px; 
-webkit-border-radius: 15px;
}

form #NewCustomerAddress div.GroupItem{
margin:10px 0;
}

form #NewCustomerAddress input{
margin:2px 0;
}
#OrderNewsletter{
position:relative;
left:300px;
top:-20px;
}
form #NewCustomerAddress input#etunimi{
margin-left:20px;
}
form #NewCustomerAddress input#etunimi,
form #NewCustomerAddress labeletunimi
form #NewCustomerAddress input#sukunimi{
margin-left:11px;
}
form #NewCustomerAddress input#postiosoite{
margin-left:35px;
}
form #NewCustomerAddress input#postinumero{
margin-left:26px;
}
form #NewCustomerAddress input#postitoimipaikka{
margin-left:4px;
}
form #NewCustomerAddress select#maa{
margin-left:30px;
}
form #NewCustomerAddress input#puhelin{
margin-left:13px;
}
form #NewCustomerAddress .InlineCheck{
margin-left:56px;
}
form #NewCustomerAddress input#yritys{
margin-left:24px;
}
form #NewCustomerAddress input#ytunnus{
margin-left:5px;
}
form #NewCustomerAddress label.GroupLabel{
color: #5cbb30;
font-size:14px;
margin:5px 0;
}
form #NewCustomerAddress p.GroupErrorMessage,
.FormError{
color:#ff6009;
}
form #NewCustomerPassword input#RegisterYes{
margin-left:70px;
}
form #NewCustomerPassword input#Salasana{
margin-left:20px;
}
form #NewCustomerPassword fieldset.CheckWrap p{
color:#5cbb30;
font-size:14px;
}

/* MUUTA TIETOJA */

#EditContactInfoForm div.GroupItem{
margin:10px 0;
}

#EditContactInfoForm input{
margin:2px 0;
}

#EditContactInfoForm input#etunimi{
margin-left:20px;
}
#EditContactInfoForm input#etunimi,
#EditContactInfoForm labeletunimi{
margin-left:9px;
}
#EditContactInfoForm input#postiosoite{
margin-left:35px;
}
#EditContactInfoForm input#postinumero{
margin-left:26px;
}
#EditContactInfoForm input#postitoimipaikka{
margin-left:4px;
}
#EditContactInfoForm select#maa{
margin-left:30px;
}
#EditContactInfoForm input#puhelin{
margin-left:17px;
}
#EditContactInfoForm .InlineCheck{
margin-left:6px;
}
#EditContactInfoForm input#yritys{
margin-left:24px;
}
#EditContactInfoForm input#ytunnus{
margin-left:5px;
}
#EditContactInfoForm label.GroupLabel{
color: #5cbb30;
font-size:14px;
margin:5px 0;
}
#EditContactInfoForm p.GroupErrorMessage,
.FormError{
color:#ff6009;
}
#ChangePasswordForm input#vanha_salasana{
margin-left:29px;
}
#ChangePasswordForm input#salasana1{
margin-left:57px;
}
a

/* KASSA */

#NewCustomerContinue{
color: #2a2a2a;
}


#NewCustomerContinue a{
background:#fff;
padding:1px 8px;
color: #2a2a2a;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
text-decoration:none;
}


#NewCustomerContinue a:hover{
color:#d4d4d4;
}

fieldset#CheckoutReturningCustomer div.FormItem input#LoginEmail{
margin-left:11px;
}

fieldset#CheckoutReturningCustomer div.FormItem input#LoginPWD{
margin-left:23px;
}
.PaymentMethodWrapper span.PriceDecimals,
.PaymentMethodWrapper span.Currency{
font-size:11px;
font-weight:normal;
color:#e9e9e9;
}

/* TILAAJAN TIEDOT */

form #NewCustomerAddress div.GroupItem{
margin:10px 0;
}

form #NewCustomerAddress input{
margin:2px 0;
}
#OrderNewsletter{
position:relative;
left:300px;
top:-20px;
}
form #NewCustomerAddress input#etunimi{
margin-left:20px;
}
form #NewCustomerAddress input#etunimi,
form #NewCustomerAddress labeletunimi
form #NewCustomerAddress input#sukunimi{
margin-left:11px;
}
form #NewCustomerAddress input#postiosoite{
margin-left:35px;
}
form #NewCustomerAddress input#postinumero{
margin-left:26px;
}
form #NewCustomerAddress input#postitoimipaikka{
margin-left:4px;
}
form #NewCustomerAddress select#maa{
margin-left:30px;
}
form #NewCustomerAddress input#puhelin{
margin-left:13px;
}
form #NewCustomerAddress .InlineCheck{
margin-left:56px;
}
form #NewCustomerAddress input#yritys{
margin-left:24px;
}
form #NewCustomerAddress input#ytunnus{
margin-left:5px;
}
form #NewCustomerAddress label.GroupLabel{
color: #5cbb30;
font-size:14px;
margin:5px 0;
}
form #NewCustomerAddress p.GroupErrorMessage,
.FormError,
p.FormNotification{
color:#ff6009;
}
form #NewCustomerPassword input#RegisterYes{
margin-left:70px;
}
form #NewCustomerPassword input#Salasana{
margin-left:20px;
}
form #NewCustomerPassword fieldset.CheckWrap p{
color:#5cbb30;
font-size:14px;
}

/* MUUTA TIETOJA */

#EditContactInfoForm div.GroupItem{
margin:10px 0;
}

#EditContactInfoForm input{
margin:2px 0;
}

#EditContactInfoForm input#etunimi{
margin-left:20px;
}
#EditContactInfoForm input#etunimi,
#EditContactInfoForm labeletunimi{
margin-left:9px;
}
#EditContactInfoForm input#postiosoite{
margin-left:35px;
}
#EditContactInfoForm input#postinumero{
margin-left:26px;
}
#EditContactInfoForm input#postitoimipaikka{
margin-left:4px;
}
#EditContactInfoForm select#maa{
margin-left:30px;
}
#EditContactInfoForm input#puhelin{
margin-left:17px;
}
#EditContactInfoForm .InlineCheck{
margin-left:6px;
}
#EditContactInfoForm input#yritys{
margin-left:24px;
}
#EditContactInfoForm input#ytunnus{
margin-left:5px;
}
#EditContactInfoForm label.GroupLabel{
color: #5cbb30;
font-size:14px;
margin:5px 0;
}
#EditContactInfoForm p.GroupErrorMessage,
.FormError{
color:#ff6009;
}
#ChangePasswordForm input#vanha_salasana{
margin-left:29px;
}
#ChangePasswordForm input#salasana1{
margin-left:57px;
}

/* TARKISTA TILAUS */


table#PreviewTable{
padding: 10px 0;
text-align:left;
}

table#PreviewTable caption{
display:none;
}

table#PreviewTable tr td{
margin:0px;
padding:10px 20px 10px 0px;
}
table#PreviewTable img{
width:80px;
}
table#PreviewTable thead{
font-size:14px;
color: #5cbb30;
}

table#PreviewTable thead th.CartProduct,
table#PreviewTable tbody td.CartPic{
padding-left: 10px;
}

table#PreviewTable tbody{
}

table#PreviewTable tbody dt.ProductAvailability,
table#PreviewTable tbody dd.ProductAvailability{
display:none;
}

table#PreviewTable tbody td.CartPic,
table#PreviewTable tbody td.CartQuantity{
width:70px;
}
table#PreviewTable tbody td.CartQuantity input{
text-align:center;
}
table#PreviewTable tbody th.CartProduct{
width:260px;
}

table#PreviewTable tbody dt.ProductVariation{
display:none;
}

table#PreviewTable tbody dd.ProductVariation{
color:#fff;
margin:0;
font-weight:normal;
}

table#PreviewTable tbody td.CartPrice,
table#PreviewTable tbody td.CartTotal{
width:90px;
}

table#PreviewTable tbody tr.even{
background:#4d4d4d;
}

table#PreviewTable tbody span.PriceDecimals{
color: #e9e9e9;
font-size: 12px;
margin-right:5px;
font-weight:normal;
}

table#PreviewTable tbody span.Currency,
table#PreviewTable tbody td.CartPrice{
color: #e9e9e9;
font-size: 12px;
font-weight:normal;
}
table#PreviewTable td.CartProductsTotal span.Currency,
table#PreviewTable td.CartProductsTotal span.PriceDecimals{
color: #e9e9e9;
font-size: 12px;
font-weight:normal;
}

table#PreviewTable tfoot th.CartShippingCost,
table#PreviewTable tfoot td.CartShippingCost{
padding:50px 0 8px 0;
margin:0;
}

table#PreviewTable tfoot td.CartShippingCost span.PriceDecimals{
color: #e9e9e9;
font-size: 12px;
margin-right:5px;
font-weight:normal;
}

table#PreviewTable tfoot td.CartShippingCost span.Currency{
color: #e9e9e9;
font-size: 12px;
font-weight:normal;
}

table#PreviewTable tfoot td.CartTotal,
table#PreviewTable tfoot th.CartTotal{
border-top: 1px solid #5cbb30;
color: #5cbb30;
text-transform:uppercase;
font-weight:normal;
font-size:14px;
}

table#PreviewTable tfoot td.CartTotal{
color: #5cbb30;
font-size:14px;
}

table#PreviewTable tfoot td.CartTotal span.PriceDecimals,
table#PreviewTable tfoot td.CartTotal span.Currency{
font-size: 14px;
margin-right:5px;
font-weight:normal;
}

.FormItem{
margin:0;
padding:5px 0;
}
p.FormAltAction a{
margin-left: 4px;
}
form#CouponCodeForm label{
margin-right:4px;
}
form#CouponCodeForm button{
margin-left:8px;
}


/* MAKSUTAPA */

.PaymentMethodID-3{
float:left;
width:240px;
margin:0 30px 0 0;
background: #3a3a3a;
padding: 20px;
-moz-border-radius: 15px; 
-webkit-border-radius: 15px;
}

span.PaymentMethodPrice{
float:right;
font-size:12px;
color: #5cbb30;
}

.PaymentMethodID-3 p.FormHelp,
.PaymentMethodID-1 p.FormHelp{
margin-top:15px;
line-height:18px;
}

.PaymentMethodID-1{
float:right;
width:240px;
margin:0 30px 0 0;
background: #3a3a3a;
padding: 20px;
-moz-border-radius: 15px; 
-webkit-border-radius: 15px;
}

/* Checkoutin maksuunsiirtymissivu
-------------------------------------------------------------- */

.CheckoutTransferToPayment { width: 31.3%; float: left; height: 120px; clear: none; text-align: center; margin: 0 2% 10px 0; padding: 0; }
.CheckoutTransferToPayment button {
	vertical-align: middle; height: 120px; width: 100%;
	padding: 0 10px; text-align: center; background: #FFF;
	border: 1px solid #aaa; cursor: pointer; color: #666;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	-moz-box-shadow: 0 1px 2px #aaa; -webkit-box-shadow: 0 1px 2px #aaa; box-shadow: 0 1px 2px #aaa;
}
.CheckoutTransferToPayment button:hover { background: #e1eef5; border-color: #09f; }
.CheckoutTransferToPayment button img {
	display: block; padding: 4px; background: #FFF;
	border: 1px solid #aaa; margin: 0 auto 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.CheckoutTransferToPayment button:hover img { border-color: #09f; }