#checkout-area { color: #585858; padding-left: 8px; padding-right: 8px; }
#checkout-area div { padding: 0 }
#checkout-area h1 { color: #5a5a5a; font-weight: bold; font-size: 14px; margin-bottom: 20px; }
#checkout-area p.heading { font-size: 14px; font-weight: bold; color: #ffffff; text-align: center; padding-bottom: 2px; float: left; width: 19px; height: 15px; margin-right: 5px; background-color: #ed870c;}
#checkout-area .top .cart { width: 482px; float: left; }
#checkout-area .top .promotion { width: 320px; height: 200px; float: right; text-align: right; overflow: hidden; }
#checkout-area .first { width: 473px; float: left; margin-top: 20px; padding-top: 20px; padding-bottom: 20px; padding-right: 8px; }
#checkout-area .last { width: 473px; float: left; margin-top: 20px; padding-top: 20px; padding-bottom: 20px; border-left: solid 1px #dfdfdf; padding-left: 8px; clear: right; }

/* Cart */
.checkout-cart { line-height: 24px; }
.checkout-cart .text { line-height: 1.6; width: 326px; float: left; margin-bottom: 20px; }
.checkout-cart .button { width: 156px; float: left; clear: right; text-align: right; }
.checkout-cart .sum { margin-top: 10px; width: 100%; float: left; text-align: right; margin-right: 10px; }
.checkout-cart table.grid { width: 100%; }
.checkout-cart table.grid td { height: 20px; }
.checkout-cart table.grid { background-color: #ebebeb; }
.checkout-cart table.grid .alternating { background-color: #ffffff; }
.checkout-cart table.grid td.count { width: 7%; text-align: center; }
.checkout-cart table.grid td.name { width: 53%; }
.checkout-cart table.grid td.price { text-align: right; width: 20%; padding-right: 5px; }
.checkout-cart table.grid td.total { text-align: right; width: 20%; padding-right: 5px; }
.checkout-cart button.checkouteditcart { background: transparent url(/resources/images/button-cart-change.png) no-repeat scroll 0 0; width: 106px; height: 21px; padding-bottom: 6px; cursor: pointer; }
/* ******* */

/* Popups */
#checkout-area .popup { background-color: White; border: solid 1px #ea960f; width: 250px; position: absolute; z-index: 5; display: none; padding: 10px; }
#checkout-area .popup .button-close { float: right; cursor: pointer; }
#checkout-area .content a { color: #ea960f; }

/* CheckoutInformation (personuppgifter) */ 
#checkout-area .first a { color: #d57711; }
#checkout-area .first .information .Asterisk { color: #b02c2c; }
#checkout-area .first .information p { margin-bottom: 16px; }
#checkout-area .first .information .form td { line-height: 16px; padding-bottom: 3px; }
#checkout-area .first .information .form td.text { width: 150px; }
#checkout-area .first .information .form td.field { width: 165px; }
#checkout-area .first .information .form td.error { width: 185px; }
#checkout-area .first .information .form input { width: 155px; }
#checkout-area .first .information .form span { float: left; border: 1px solid white; }
#checkout-area .first .information .form p { float: right; color: #b02c2c; margin: 0; }

#checkout-area .first .information .addon-service { margin-top: 20px; padding: 6px; border: solid 1px #ea960f; display: none; }
#checkout-area .first .information .addon-service h3 { margin: 4px 30px 10px 30px; font-size: 10px; }
#checkout-area .first .information .addon-service p { margin-bottom: 5px; }
#checkout-area .first .information .addon-service input { margin-right: 6px; }

#checkout-area .first .information .wish { margin-top: 10px; }
#checkout-area .first .information .wish .text { margin-top: 10px; display: none; }
#checkout-area .first .information .wish .text textarea { width: 460px; height: 150px; }

#checkout-area .first .information .delivery-address { margin-top: 10px; }
#checkout-area .first .information .delivery-address .form { margin-top: 10px; display: none; }	

#checkout-area .first .information .condition { margin-top: 20px; }
#checkout-area .first .information .condition p { margin-top: 5px; margin-bottom: 5px; }

/* Betalsätt */
#checkout-area a { color: #585858; text-decoration: none; }
#checkout-area .payment, #checkout-area .delivery { width: 100%; }
#checkout-area .payment .text { margin-bottom: 20px; }
#checkout-area .payment .errors { padding-bottom: 20px; }
#checkout-area .payment .option { width: 474px; margin-top: 15px; border-bottom: solid 1px #dfdfdf; padding-bottom: 15px; }
#checkout-area .payment .option h2 { width: 248px; float: left; font-size: 11px; }
#checkout-area .payment .option .information { width: 226px; margin-top: 0px; float: left; }
#checkout-area .payment .option .selection { clear: both; padding-top: 8px; }
/* ********* */

/* Slutför köp */
#checkout-area .last .actions { width: 482px; margin-top: 10px; }
#checkout-area .last .actions .arrow { float: left; padding-left: 340px; margin-top: 2px; }
#checkout-area .last .actions .button { width: auto; float: left; clear: right; margin-left: 8px; }
/* *********** */

/* ************************************* */
/* Error */
#checkout-area div.error span { width: 140px; background-color: #b02c2c; color: #ffffff; height: 18px; float: right; padding-left: 3px; padding-top: 1px; }
#checkout-area div.error img { float: left; margin-top: 7px; }
#checkout-area div.error.full span { width: 100%; padding-top: 5px; }
/* ************************************* */

/* Bekräftelsesidan */
#checkout-confirmation h2 { font-family: Verdana, Sans-Serif; color: #5a5a5a; font-size: 16px; font-weight: normal; margin-bottom: 22px; }
#checkout-confirmation h3 { margin-top: 40px; font-size: 15px; margin-bottom: 6px; }
#checkout-confirmation { float: left; width: 640px; margin-bottom: 25px; }
#checkout-confirmation th { font-weight: normal; text-align: left; vertical-align: top; line-height: 17px; }
#checkout-confirmation td { font-weight: bold; height: 25px; vertical-align: top; line-height: 17px; }

#checkout-confirmation .confirmation-header p { margin-bottom: 10px; margin-top: 0px;}

#checkout-confirmation .cart th { font-weight: bold; vertical-align: middle;}
#checkout-confirmation .cart td { font-weight: normal; vertical-align: middle; }
#checkout-confirmation .cart tr.alternating td { background-color: #ebebeb; }
#checkout-confirmation .cart td.quantity,
#checkout-confirmation .cart th.quantity { width: 7%; text-align: center; }
#checkout-confirmation .cart td.name, 
#checkout-confirmation .cart th.name { width: 53%; }
#checkout-confirmation .cart td.price,
#checkout-confirmation .cart th.price { text-align: right; width: 20%; padding-right: 5px; }
#checkout-confirmation .cart td.total,
#checkout-confirmation .cart th.total { text-align: right; width: 20%; padding-right: 5px; }
#checkout-confirmation .cart-table { width: 640px; }
#checkout-confirmation .sum { margin-top: 15px; padding-left: 328px;}
#checkout-confirmation .sum .text { text-align: left; }
#checkout-confirmation .sum-table { width: 309px; }
#checkout-confirmation .print { cursor: pointer; }

#checkout-confirmation .customer-no,
#checkout-confirmation .information table { width: 640px; }
#checkout-confirmation .customer-no th,
#checkout-confirmation .information th { width: 30%; }

/* Betalpopup */
#checkout-area .payex-popup iframe { background-color: #ffffff; width: 760px; height: 560px; border: solid 1px #b02c2c; }

#CartPromotionArea { float: right; width: 320px; }