.cards img{ height: 22px; width: auto; }
.checkout-wrap{ padding: 25px; background: #fff; }
.overlaypadding{ padding: 0 30px; }

.shopsekvens{ padding: 0; text-align: center; padding: 30px; border-top: 1px solid #aec1d0; border-bottom: 1px solid #aec1d0; }
.sekvens{ font-size: 16px; line-height: 16px; text-transform: uppercase; display: inline-block; margin: 0 30px; padding-bottom: 40px; background: url(sekvens.png) bottom center no-repeat; }
.sekvens:first-child{ margin-left: 0; }
.sekvens:last-child{ margin-right: 0; }
.sekvens.True{ background: url(sekvens-on.png) bottom center no-repeat; }


.checkout{ max-width: 1160px; margin: 0 auto; background: #fff; padding: 30px 0; }
.checkout .col1{ width: 500px; }
.checkout .col2{ width: 500px; }

.checkout a[rel=button]{ height: 32px; line-height: 32px; }
.checkout input[type=button], #findservicepoints{ height: 32px; line-height: 32px; }

.checkout form input[type=text], input[name=postnummer] { background: #e9e9e9; width: 100%; padding: 0 10px; height: 32px; border: 1px solid #ddd; }
.checkout form select { background: #e9e9e9; width: 100%; padding: 0 6px; height: 32px; border: 1px solid #ddd; }
.checkout form textarea { background: #e9e9e9; width: 100%; height: 100px; padding: 10px; border: 1px solid #ddd; resize: none; }

.checkout .alert{ border: 1px solid #990000!important; }

.basketmsg{ width: 450px; margin: 0 auto; }
.basketmsg *{ color: #fff; }

.basketlines { width: 100%; border-top: 1px solid #e9e9e9; }
.basketlines .cell{  border-bottom: 1px solid #e9e9e9; }

.basketlines .cell{ vertical-align: middle; font-size: 16px; line-height: 20px; margin: 0; padding: 25px 0; }
.basketlines .col1{ width: 140px; }
.basketlines .col1 .image img{ max-width: 100px; height: auto; }
.basketlines .col3{ text-align: right; }
.basketlines .col4{ text-align: right; width: 70px; }
.basketlines .col5{ text-align: right; width: 100px; }
.basketlines .col6{ text-align: right; }
.basketlines .col2 h3{ font-size: 20px; line-height: 24px; margin: 0; }
.basketlines input{ background: #e9e9e9; border: none; height: 32px; width: 100px; text-align: center; font-size: 16px; }

.total{ float: right; border-bottom: 1px solid #e9e9e9; padding-bottom: 1px; margin-bottom: 25px; }
.total .col1{ width: 260px!important;; padding-right: 25px!important; }
.total .cell{ vertical-align: bottom; margin: 0; padding: 25px 0; text-align: right; border-bottom: 1px solid #e9e9e9; font-size: 16px; line-height: 20px; }
.total .col2{ width: 55px!important; }
.total .col3{ width: 100px; }

.line{ clear: both; border-top: 1px solid #e9e9e9; height: 25px; }

.kundeinfo{ width: 100%; margin-bottom: 15px; }
.kundeinfo .cell{ padding-bottom: 10px; }
.kundeinfo .cell:first-child { width: 130px; padding: 4px 28px 0 0; }

.findservicepoints{}
.findservicepoints input[name=postnummer]{ text-align: center; width: 130px; height: 32px; }

#deliveryaddress{ display: none; margin-top: 22px; }

.leveringsform  span{ float: right; line-height: 32px; }

.findservicepoints input[type=text]{ border: none; height: 32px; background: #e9e9e9; width: 100%; padding: 0 10px; height: 32px; border: 1px solid #ddd; }

#transportationdata{ display: none; }
.servicepoints-wrap{ display: table; width: 100%; }
.servicepoints-wrap table.servicepoints{ width: 200px; float: left; margin-right: 30px; margin-bottom: 0px; }
.servicepoints-wrap table.servicepoints:nth-child(3n){ margin-right: 0; }

.droppoints-wrap{ display: table; width: 100%; }
.droppoints-wrap table.servicepoints{ width: 200px; float: left; margin-right: 30px; margin-bottom: 0px; }
.droppoints-wrap table.servicepoints:nth-child(3n){ margin-right: 0; }

.servicepoints .name{ }
.servicepoints td { padding: 10px 0; border-top: 1px solid #404040; }

.servicepoints .openinghours{ display: table; width: 100%; }
.servicepoints .openinghours div{ display: table-row; }
.servicepoints .openinghours div span{ display: table-cell; padding-left: 10px; }
.servicepoints .openinghours div span:first-child{ padding-left: 0; }

.selectservicepoint{ margin-top: 20px; }
.selectservicepoint a[rel=button]{ width: 100%; text-align: center; }

.usealtdelivery{ position: relative; }
.usealtdelivery input{ position: absolute; left: -9999px; }
.usealtdelivery label{ background: url(unchecked.png) no-repeat; line-height: 32px; padding-left: 50px; display: inline-block; cursor: pointer; }
.usealtdelivery label.checked{ background: url(checked.png) no-repeat; }

.buttons .checkbox-wrap { margin-left: 300px; }
.checkbox { position: relative; }
.checkbox input{ position: absolute; left: -9999px; }
.checkbox label { background: url(unchecked.png) no-repeat; line-height: 32px; height: 32px; display: block; cursor: pointer; margin-right: 10px; }
.checkbox label.checked { background: url(checked.png) no-repeat; }
.checkbox-wrap .checkbox label { width: 36px; }

.termsaccept span{ display: table-cell; vertical-align: middle; }
.termsaccept span.checked  label{ background: url(checked.png) no-repeat; }

.leveringsformer{ margin-bottom: 40px; }
.leveringsform { display: table; position: relative; margin-bottom: 10px; width: 100%;  }
.leveringsform label { line-height: 32px; height: 32px;  padding-left: 50px; cursor: pointer; float: left; }

/*

.leveringsform input{ position: absolute; left: -9999px; }
.leveringsform label { background: url(unchecked.png) no-repeat;  line-height: 32px; height: 32px;  padding-left: 50px; cursor: pointer; float: left; }
.leveringsform label.checked { background: url(checked.png) no-repeat; }
  
.leveringsform .radio{ display: table; width: 100%; }
.leveringsform .radio label{ width: 80%; line-height: 14px; height: 32px; display: table-cell; vertical-align: middle; }
.leveringsform .radio span{ width: 20%; line-height: 14px; height: 32px; display: table-cell; vertical-align: middle; float: none; text-align: right; }
*/

.checkout h3.afhentning { border-bottom: 1px solid #726f6a; padding-bottom: 5px; margin-bottom: 10px; }

.orderconfirm  .left.col2 { width: 300px; }
.orderconfirm .orderdata { width: 200px; }
.orderconfirm .ucase{ font-family:'Serifa W01_55 Roman'; margin-bottom: 20px; }

.alertbox{ max-width: 290px!important; padding: 30px 10px!important; }
.icon-notice { float: left; background: url(icon-notice.png) center left no-repeat; padding-left: 55px; width: 350px; height: 35px; margin: 25px 0 0 30px; }

span.size{ font-size: 14px; display: inline-block; margin-right: 10px; }

#couponinfo{ margin: 0 0 0 128px; color: #fff; }
.valid{ background: #25743d; margin-bottom: 30px; padding: 10px; text-align: center; }
.invalid{ background: #851a19; margin-bottom: 30px; padding: 10px; text-align: center; }

.buttons{ display: table; width: 100%; }

a[rel=back] { display: inline-block; background: url(fortryd.png) center left no-repeat; color: #333; text-decoration: none; background-size: 12px auto; padding: 3px 0 0 20px; font-size: 14px; line-height: 32px; }
a[rel=next] { font-family:'Serifa W01_45 Light'; display: inline-block; width: 240px; line-height: 100px; height: 100px;  font-size: 30px; background: url(arrow-next.png) 175px 50% no-repeat; background-color: #c3dcdc; 
color: #333; text-decoration: none; padding: 0 40px; text-align: left; }
input.next { font-family:'Serifa W01_45 Light'; display: inline-block; width: 240px; line-height: 100px; height: 100px; font-size: 30px; background: url(arrow-next.png) 175px 50% no-repeat; background-color: #c3dcdc;
 color: #333; text-decoration: none; padding: 0 40px; border: none; text-align: left; }

 .x{ position: absolute; top: 5px; right: 10px; color: #0a0a0a; font-size: 16px; }
 
 #altlevering-wrap{ display: none; border-top: 1px solid #e9e9e9; padding-top: 10px; }
 #altlevering-wrap input{ display: none; }
 
 .basketmsg .buttons a{ margin: 0 20px; }
 a[rel=buymore]:hover{ color: #3dac1b; }
 
 
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-width : 639px) {

   .white{ padding: 15px 0 0 0; }
  
  .checkout{ max-width: 280px; padding: 20px 0; }
  .checkout h3{ font-size: 16px; line-height: 18px; margin-bottom: 10px; }
  .checkout .col1{ width: 100%; float: none; }
  .checkout .col2{ width: 100%; float: none; }
  .shopsekvens{ display: none; }
  .basketlines{ display: block; width: auto; border-bottom: none; }
  .basketlines .table-row{ display: table; clear: both; padding: 20px 0; width: 100%; border-bottom: 1px solid #e9e9e9; }
  .basketlines .table-row .cell{ display: block; width: auto; padding: 0;}
  
  .basketlines .cell{ font-size: 14px; line-height: 18px; }
  
  .basketlines .table-row .col1{ float: left; width: 100px; }
  .basketlines .table-row .col1 .image img{ max-width: 80px; height: auto; margin-bottom: 10px; }
  .basketlines .table-row .col2{ float: left; width: 100%; height: auto; padding: 10px 0 0 0; margin-bottom: 10px; }
  .basketlines .table-row .col2 strong{ font-size: 16px; line-height: 20px; }
  .basketlines .table-row .col3{ clear: left; float: left; width: 150px; text-align: left; }
  span.size{ margin: 0; font-size: 14px!important; }
  .basketlines .table-row .col4{ float: left; width: 55px; text-align: right; line-height: 32px; }
  .basketlines .table-row .col5{ float: left; width: 70px; text-align: right; line-height: 32px; }
  
  .basketlines .cell{ border: none; }
  
  .total{ width: 100%; }
  .total .cell{ font-size: 14px; line-height: 16px; padding: 15px 0; }
  .total .col1{ width: 145px!important; padding-right: 0!important; }
  .total .col3{ width: 70px; }
  
  .checkout .cell.coupon{ display: table-cell!important; }
  
   .icon-notice{ clear: both; float: none; width: auto; min-height: 35px; margin: 20px 0; }
  
  .checkout .col400{ float: none; width: auto; margin-bottom: 20px; }
  .checkout .invoice{ width: 145px; display: table-cell; float: none; }
  .checkout .shippingaddress{ width: 145px;  display: table-cell; float: none; }
  .checkout .orderdata{ width: auto;  display: block;  float: none; margin-top: 25px;  }

  .checkout .kundeinfo { display: block; }
  .checkout .kundeinfo  .table-row{ display: block; }
  .checkout .kundeinfo  .cell{ display: block; width: 100%; }
  #deliveryaddress { display: none;  margin-top: 20px; }
  #couponinfo{ margin: 0; }
  .buttons.mobilewrap { position: relative; height: 33px; padding-top: 160px;}
  .buttons.mobilewrap .checkbox-wrap{ margin: 0; float: none; position: absolute; top: 0; left: 0;  }
  
  .close-sio{ width: 25px; height: auto; top: -12px; right: -8px; }
  .overlaypadding{ padding: 0 10px; }
  .overlaypadding .sitewidth{ width: 100%; }
  
  .iframeoverlaybox, .overlaybox{ width: 300px!important; border: none!important; }
  .iframeoverlaybox iframe{ width: 100%!important; }
  
  .servicepoints-wrap table.servicepoints{ float: none; width: 100%; margin-right: 0; }
  .droppoints-wrap table.servicepoints{ float: none; width: 100%; margin-right: 0; }
  .servicepoints .openinghours span:first-child{ width: 130px; }
  
  .basketmsg{ max-width: 320px; }
  
  .leveringsform{ display: table; width: 100%; margin-bottom: 10px; }
  .leveringsform label{ width: 190px; display: table-cell; line-height: 16px; font-size: 14px; vertical-align: middle; height: 32px; float: none; }
  .leveringsform span{ display: table-cell; float: none; text-align: right; }
  

}