div#ShopContent {
float: left;
width: 660px;
}

div#ShopContent h2,
form#NewCustomerForm h2,
form#EditContactInfoForm h2,
form#ChangePasswordForm h2 {
color: #4c6c00;
font-size: 2em;
font-weight: normal;
margin-top: 0.5em;
}

fieldset#PaymentNordea, fieldset#PaymentCheckout  { clear: both; }

div#ShopContent form#NewCustomerForm h2 {
margin-bottom: 0.3em;
}

div#ShopContent h3 {
margin-top: 1.5em;
}

div#ShopContent form#NewCustomerForm p,
form#NewCustomerForm p {
font-size: 0.917em;
width: 400px;
}

form#NewCustomerForm fieldset#NewCustomerPassword p {
width: 400px;
}


.clearfix, .FormItem, .CheckWrap, .Checks, .RoundBox, .content, #middle, .ButtonRow, .content-item, .Maksutapalista, .colwrapper {
display:block;
}

form#LoginForm {
float: left;
background: transparent url(../i/hr_katkoviiva_y.gif) 320px 0 repeat-y;
}

div#ShopContent fieldset#CheckoutNewCustomer,
div#ShopContent fieldset#CheckoutReturningCustomer {
float: left;
margin-right: 50px;
width: 300px;
}

div#ShopContent fieldset#CheckoutNewCustomer {
float: right;
margin-right: 0;
padding-right: 0;
}

input#postiosoite,
input#postitoimipaikka {
width: 130px;
}

div#ShopContent fieldset#NewCustomerEmail,
div#ShopContent fieldset#NewCustomerAddress,
div#ShopContent fieldset#NewCustomerPassword,
div#ShopContent fieldset#SelectShippingMethod,
div#ShopContent fieldset#CurrentShippingAddress,
div#ShopContent fieldset#SelectPaymentMethod,
div#ShopContent fieldset#ConfirmPreview,
form#NewCustomerForm fieldset#NewCustomerEmail,
form#EditContactInfoForm fieldset#EditContactInfo,
form#ChangePasswordForm fieldset#ChangePassword,
form#CouponCodeForm fieldset#EnterCouponCode {
background: #fff url(../i/hr_katkoviiva.gif) 0 bottom repeat-x;
margin-bottom: 2em;
padding-bottom: 1em;
width: 400px;
}

.NewShippingAddress { margin-left: 125px !important; }

div#ShopContent fieldset#OrderPreview {
margin-bottom: 2em;
}

div#ShopContent fieldset#NewCustomerPassword {
background: none;
border: 10px solid #f5f5f5;
padding: 20px 20px 0;
width: 600px;
}

div#ShopContent fieldset#EditContactInfo div.FormSubmit,
div#ShopContent fieldset#ChangePassword div.FormSubmit {
background: #fff url(../i/hr_katkoviiva.gif) 0 0 repeat-x;
margin-top: 1em;
padding-top: 2em;
}

div#ShopContent label, 
div#ShopContent .label,
form#NewCustomerForm div.FormItem label,
form#ContactForm label,
form#EditContactInfoForm label,
form#ChangePasswordForm label{ 
/* float: left; */
display: block;
margin: 0 3px 0 0; 
padding-top: 5px;
/*width: 105px !important; */
}

#AccountLogin label,
form#ContactForm label { 
float: left;
padding-top: 5px; 
width: 90px !important; 
}

#AccountLogin input { 
margin-top: 2px;  
}

div#ShopContent input,
form#NewCustomerForm input,
form#EditContactInfoForm input {
border: 1px solid #999;
margin-right: 5px;
padding: 5px;
}

div#ShopContent textarea {
margin-bottom: 1.5em;
width: 400px;
}

#ContinueToPaymentForm #ConfirmPreview .CheckWrap {
border: 10px solid #F5F5F5;
padding: 20px;
width: 343px;
}

#ContinueToPaymentForm #ConfirmPreview .CheckWrap .label {
display: none;

}

form#ChangePasswordForm  {
margin-right: 5px;
}


.Error, .Notice, .Success {
border: 2px solid #DDDDDD;
margin-bottom: 1em;
padding: 7px 5px 5px;
}

.Error p, .Notice p, fieldset#OrderFinished .Success p {
margin: 0;
}

.Error {
background:#FBE3E4 none repeat scroll 0 0;
border-color:#FBC2C4;
color:#8A1F11;
}

.Notice {
background:#FFF6BF none repeat scroll 0 0;
border-color:#FFD324;
color:#514721;
}

.Success {
background:#E6EFC2 none repeat scroll 0 0;
border-color:#C6D880;
color:#264409;
}

.FormItem { /* This is the basic wrapperclass. */
float: left;
position: relative; 
clear: left;
padding-bottom: 10px;
width: 400px;
}



/* Checkbox & Radio inputs */



div#ShopContent .CheckWrap { position: relative; padding-left: 108px; }

div#ShopContent .CheckWrap .label { float: left !important; margin-left: -108px !important; width: 105px !important; display: inline; /* <- For IE */ }
div#ShopContent #CurrentShippingAddress p { clear: left; width: 100%; margin: 0 0 1em; }

div#ShopContent .CheckWrap .Checks { 
position: relative; 
float: left;
margin-top: 5px;
width: 100%; 
}

div#ShopContent .Checks label { 
width: auto !important; 
display: block; 
float: none; 
margin: 0; 
padding: 0 0 0 18px; 
clear: left; 
}

.Checks input { float: left; width: 15px; height: 15px; margin: 0 0 0 -18px; padding: 0; top: 3px; }

.InlineCheck { float: none; display: block; clear: left; margin-left: 0; width: 100%; }



/* Set of FromItems displayed as group */


.GroupItem .GroupLabel { 
display: none !important;
clear: left; 
background: transparent url(../i/hr_katkoviiva.gif) 0 0 repeat-x;
color: #4C6C00;
font-size: 1.167em;
margin-top: 5px !important;
padding-top: 20px !important;
}

.GroupItem div { 
float: left; 
}

* html .GroupItem div { 
width: 100px;
} 

* + html .GroupItem div {
padding-right: 10px; 
width: 100px;
} 

.GroupItem div label, 
.GroupItem div input, 
.GroupItem div select { 
display: block; 
float: none; 
width: auto; 
}

.HeaderItem { padding-bottom: 0; }



/* All the Errors & Help you will ever need */



.FormError, .GroupError { /* Additional wrapperclasses when error occurs. Disabled extra emphasis which brakes baseline in safari. */
background: #fff2f2; 
padding: 9px 9px 19px;
margin: 0 0 10px; 
border: 1px solid #ffd9d9;
}

.FormHelp,
div#ShopContent .GroupErrorMessage, 
div#ShopContent .GroupHelp,
div#ShopContent fieldset#NewCustomerEmail .FormErrorMessage,
div#ShopContent fieldset#NewCustomerPassword .FormErrorMessage {
clear: left; padding: 0;
/*margin: 0 0 0 108px;*/
}

div#ShopContent .FormErrorMessage {
margin: 0;
}

div#ShopContent .FormHelp, .GroupHelp { color: #575c51; font-size: 11px; } /* Help messages. */
div#ShopContent .GroupError .GroupLabel, .GroupError .FormError label,.GroupError .FormError .label,
div#ShopContent .FormError label, .FormError .label { color: #900; } /* Labels inside wrapper which has errors in it */
div#ShopContent .FormError .Checks label { color: #333; }
div#ShopContent .GroupItem .FormError { padding: 0; margin: 0; background: none; border: 0; } /* FormError inside of group doesn't need more styling */
div#ShopContent .FormErrorMessage, .GroupErrorMessage { color: #900; font-size: 11px; } /* The error messages */
div#ShopContent .GroupItem .FormErrorMessage, .GroupItem .FormHelp { display: none; } /* Individual help and errors are not displayed, because group-level help & errormessage exits. */
div#ShopContent .Checks .FormHelp { margin: 0; padding: 0 0 0 18px; } /* Help with checkboxes & radiobuttons */


div#ShopContent .FormSubmit {
	clear: both;
padding: 10px;
width: 640px;
}

div#ShopContent fieldset#CheckoutReturningCustomer .FormSubmit {
padding: 0;
width: auto;
}

#AccountLoginForm .LoginButton {
border: 0;
background: url(../i/btn_login_big.png) 0 0 no-repeat;
cursor: pointer;
display: block;
height: 30px;
text-indent: -9999px;
width: 135px;
}

#AccountLoginForm .FormItem {
clear: none;
margin-right: 10px;
}

div#ShopContent fieldset#CheckoutReturningCustomer .SubmitButton {
border: 0;
background: url(../i/btn_login_big.png) 0 0 no-repeat;
cursor: pointer;
display: block;
height: 30px;
text-indent: -9999px;
width: 135px;
}
 
div#NewCustomerContinue a.SubmitButton {
border: 0;
background: url(../i/btn_register_continue_big.png) 0 0 no-repeat;
cursor: pointer;
display: block;
height: 30px;
text-indent: -9999px;
width: 161px;
}

fieldset#ShoppingCartSubmit p.ContinueShopping a {
border: 0;
background: url(../i/btn_jatkaostoksia.png) 0 0 no-repeat;
cursor: pointer;
display: block;
height: 30px;
text-indent: -9999px;
width: 127px;
}

button.CheckoutNextStage {
border: 0;
background: url(../i/btn_continue_ordering.png) 0 0 no-repeat;
cursor: pointer;
display: block;
height: 30px;
text-indent: -9999px;
width: 161px;
}

p.CheckoutPrevStage {
border: 0;
background: url(../i/btn_back.png) 0 0 no-repeat;
cursor: pointer;
display: block;
height: 30px;
text-indent: -9999px;
width: 84px !important;
}

p.CheckoutPrevStage a{
position: absolute;
height: 30px;
width: 95px !important;
z-index: 10;
top: 0;
left: 0;
}

button.ToCheckout {
border: 0;
background: url(../i/btn_to_checkout.png) 0 0 no-repeat;
cursor: pointer;
display: block;
height: 30px;
text-indent: -9999px;
width: 140px;
}

form#NewCustomerForm fieldset#SubmitCustomerInfo button {
border: 0;
/* background: url(../i/btn_register.png) 0 0 no-repeat; */
cursor: pointer;
height: 30px;
text-indent: -9999px;
/* width: 115px; */
}

button.ForgotPasswordButton {
border: 0;
background: url(../i/btn_send.png) 0 0 no-repeat;
cursor: pointer;
display: block;
height: 30px;
text-indent: -9999px;
width: 85px;
}

form#EditContactInfoForm fieldset#EditContactInfo button,
form#ChangePasswordForm fieldset#ChangePassword button {
float: left;
border: 0;
background: url(../i/btn_save.png) 0 0 no-repeat;
cursor: pointer;
height: 30px;
text-indent: -9999px;
width: 86px;
}

form#EditContactInfoForm fieldset#EditContactInfo .Cancel,
form#ChangePasswordForm fieldset#ChangePassword .Cancel {
float: left;
clear: left;
font-size: 0.917em;
margin-top: 5px;
}

form#NewCustomerForm div#OrderNewsletter label,
div#OrderNewsletter label {
font-size: 0.917em;
font-weight: normal;
width: 300px !important;
}

div#OrderNewsletter {
margin-left: 17px;
}

#NewCustomerEmail div#OrderNewsletter {
margin-left: 0;
}

div#OrderNewsletter label {
color: #666666;
}

ol#CheckoutStage {
float: left;
background: transparent url(../i/bg_ostoputki.png) 0 0 repeat-x;
color: #fff;
width: 660px;
}

ol#CheckoutStage li {
color: #666;
float: left;
font-size: 1.167em;
height: 42px;
margin-bottom: 1.5em;
padding: 18px 29px 0;
}

ol#CheckoutStage li.CurrentCheckoutStage {
background: transparent url(../i/bg_ostoputki_active.png) center 0 no-repeat;
color: #fff;
}

ol#CheckoutStage li.CompletedCheckoutStage a {
color: #ccc;
font-style: italic;
}

div#ShopContent .SubmitButton {
float: right;
}

/*.FormSubmit .SubmitButton { padding: 10px; font-size: 15px; line-height: 20px; margin-right: 6px; margin-left: 110px; margin-bottom: -4px; }*/

div#ShopContent .FormAltAction { position: relative; float: left; margin: 0; } /* Alternative action next to the button. */

div#ShopContent .FormAltAction a {}



div#ShopContent .required {} /* When item is required it get's this wrapperclass. Here required items label gets bolding. */

.Required label, .required label, .required .label { 
/* background: transparent url(../i/icon_required.png) 90px 7px no-repeat; */
color: #AE7E0A;
}

.Required div label, .required div label, .required div .label { 
background: none; 
}

div#ShopContent .required .after, 
.required .after label, 
.required .after .label,
div#ShopContent .required .Checks label, 
.required .Checks .label { 
color: #666;
font-weight: normal; 
}



div#ShopContent .after { width: auto; font-weight: normal; } /* Very useful if you need currency or some other suffix after you input. */

div#ShopContent div#OrderNewsletter label {
font-size: 0.917em;
width: 400px !important;
}

/*-----------------------------------------------
Account information
-----------------------------------------------*/

dl#AccountInformation {
background: #fff url(../i/hr_katkoviiva.gif) 0 bottom repeat-x;
overflow: hidden;
margin: 20px 0; 
padding: 0 116px 10px 150px;
width: 300px; 
}

* html dl#AccountInformation {
background: #fff url(../i/hr_katkoviiva.gif) 0 bottom repeat-x;
overflow: hidden;
margin: 20px 0; 
padding: 0 70px 10px 150px;
width: 200px; 
}

dl#AccountInformation dt,
dl#AccountInformation dd {
position: relative; 
float: left;
margin: 0; 
padding: 4px 0;
}

dl#AccountInformation dt { 
margin-left: -150px; 
width: 150px; 
clear: left; 
}

* html dl#AccountInformation dt { 
margin-left: -70px; 
width: 150px; 
clear: left; 
}


dl#AccountInformation dd { 
width: 100%; 
}

dl#AccountInformation dd.AccountLogout,
dl#AccountInformation dd.AccountEdit {
text-align: right; 
float: right;
width: 116px; 
margin-right: -116px;
}

* html dl#AccountInformation dd.AccountLogout,
* html dl#AccountInformation dd.AccountEdit {
width: 150px; 
margin-right: -150px;
}

dl#AccountInformation dd p { 
margin: 0; 
}



/*-----------------------------------------------
Account information
-----------------------------------------------*/

table#OrderHistoryTable {
margin-bottom: 20px;
width: 660px;
}

table#OrderHistoryTable th {
background: #E6EFC2;
}

caption, th, td {
padding: 5px;
}


/*-----------------------------------------------
Shopping cart
-----------------------------------------------*/

div#shopping_cart h5,
div#shopping_cart p {
margin-bottom: 0.2em;
}

div#shopping_cart h5 {
margin-right: 30px;
}

a#shopping_cart_link {
position: relative;
float: right;
background: #ee8701 url(../i/btn_shopping_cart.png) no-repeat scroll 0 0;
color:#fff;
height: 25px;
margin: 0 5px 12px 0;
text-align: left;
text-indent: -9999px;
width: 100px;
}

a#buy_link {
float:right;
background: #ee8701 url(../i/btn_buy.png) no-repeat scroll 0 0;
color: #fff;
height: 25px;
text-align: left;
text-indent: -9999px;
width: 90px;
}
/* JAAKON LIS�YS */
table#CartTable,
table#PreviewTable {
clear: both;
width: 660px;
}

table#CartTable .FormItem,
form#LoginForm .FormItem {
width: auto;
}

div#ShopContent table#CartTable thead tr,
div#ShopContent table#PreviewTable thead tr {
background: #FE940A url(../i/bg_h2_orange.gif) repeat-x scroll 0 bottom;
color: #fff;
font-size: 1em;
font-weight: bold;
}

div#ShopContent table th h3 {
font-size: 1em;
margin: 0px;
padding: 0px;
}

div#ShopContent table td, div#ShopContent table th {
vertical-align: middle;
}

div#ShopContent table thead th {
font-weight: bold;
}

td.CartPrice {
width: 50px;
}

td.CartQuantity {
width: 100px;
}

div#ShopContent table tr td.CartPic {
width: 60px;
}
div#ShopContent table caption {
display: none;
}
div#ShopContent table tbody {
margin-bottom: 75px;
}
div#ShopContent table tbody tr td, div#ShopContent table tbody tr th {
border-bottom: 1px solid #f1f1f1;	
}
div#ShopContent table tbody tr .CartProduct {
min-width: 200px;
}
div#ShopContent table tfoot {
margin-bottom: 25px;
}
div#ShopContent table tfoot tr th {
padding-right: 30px;
text-align: right;
vertical-align: top;
}

td.CartProductsTotal {
text-align: right;
padding-right: 30px;
}

div#ShopContent table tfoot tr .CartTotal {
border-top: 1px solid #f1f1f1;
color: #4C6C00;
font-size:1.167em;
font-weight: bold;
margin-top: 200px;
padding-top: 1em;
}

div#ShopContent table tfoot tr .CartShippingCost .UpdateButton {
margin-top: 5px;
}

fieldset#ShoppingCartSubmit {
float: left;
clear: both;
margin: 1em 0 0 0;
}

th.CartTotal,
td.CartTotal,
div#ShopContent table tfoot tr .CartShippingCost,
th.CartPaymentCost,
td.CartPaymentCost {
color: #4C6C00;
padding-right: 30px;
text-align: right;
}

th.CartTotal {
color: #fff;
}

a.CartRemove {
/* position: absolute; */
border: 0;
background: url(../i/btn_poista.png) 0 0 no-repeat;
cursor: pointer;
height: 17px;
/* left: 50px; 
text-indent: -9999px; */
top: 3px;
width: 37px;
display: block;
} 
a.CartRemove span {
display: none;
}
a.CartRemove:hover {
text-decoration: none;
}


fieldset#EnterCouponCode  button{
position: relative;
border: 0;
background: url(../i/btn_laske_alennus.png) 0 0 no-repeat;
cursor: pointer;
height: 25px;
text-indent: -9999px;
top: 1px;
width: 120px;
} 

div#UpdateCart {
float: right;
clear: both;
margin-top: 15px;
width: 660px;
}

div#UpdateCart button.UpdateButton {
float: right;
border: 0;
background: url(../i/btn_paivitamuutokset.png) 0 0 no-repeat;
cursor: pointer;
display: block;
height: 25px;
margin-right: 15px;
text-indent: -9999px;
width: 139px;
}

form#AccountLoginForm  {
width: 300px;
}

form#ContactForm {
width: 360px;
}

form#ContactForm input {
width: 250px;
}

form#ContactForm textarea  {
width: 253px;
}

div#InfoPage {
padding-top: 1em;
}

div#InfoPage div#ContactInformation p {
display: block;
}

form#ContactForm {
float: left;
background: #FFFFFF url(../i/hr_katkoviiva_y.gif) right 0 repeat-y;
display: inline;
margin-right: 25px;
padding-right: 75px;
}

form#ContactForm .FormItem {
width: 360px;
}

form#AccountLoginForm p.FormHelp {
font-size: 0.917em;
margin-left: 90px;
}

form#ContactForm button#ContactFormSubmit {
border: 0;
background: url(../i/btn_send.png) 0 0 no-repeat;
cursor: pointer;
display: block;
height: 30px;
text-indent: -9999px;
width: 86px;
margin-left: 93px;
}

fieldset#OrderFinished .Success,
fieldset#OrderFinished table,
fieldset#OrderFinished h3,
fieldset#OrderFinished p {
float: left;
clear: both;
}

fieldset#OrderFinished .Success,
fieldset#OrderFinished table,
fieldset#OrderFinished p {
margin-bottom: 1.5em;
}


fieldset#OrderFinished table {
width: 660px;
}

div#ordering form.BuyForm div.FormItem {
width: 160px;
}

/* 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; }