.cart {min-width: 380px; font-family: Tahoma, Geneva, sans-serif; }
.cart .content_outer {dislay: inline-block; position: relative; float: left; width: -webkit-calc(100% - 324px); width: -moz-calc(100% - 324px); width: calc(100% - 324px);}
.cart .sidebar {dislay: inline-block; position: relative; float: right; width: 310px;}
.cart .inner {display: block; width: -webkit-calc(100% - 50px); width: -moz-calc(100% - 50px); width: calc(100% - 50px); background: #FFFFFF; font-size: 14px; color: #252525; padding: 22px 25px 23px 25px; margin: 0px 0px 12px 0px; border: 1px solid #F3F3F3;}

.cart .message {
  width: -webkit-calc(100% - 65px); width: -moz-calc(100% - 65px); width: calc(100% - 65px); line-height: 18px; background: url(img/icon/ok3.png) 22px 15px no-repeat #FFFFFF; font-size: 13px; color: #454545; font-weight: bold; padding: 16px 15px 14px 50px;
  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.cart .message a {float: right; margin-top: -3px; font-weight: normal;}

.cart .close::after {content: "x"; font-size: 12px; color: #777777; font-weight: bold;}
.cart .close:hover::after {color: #111111;}

.cart .empty {display: block; width: 100%; font-family: 'Oswald'; font-size: 17px; color: #555555; text-align: center; padding: 50px 0px 120px 0px;}

.cart .reserved_text {display: inline-block; float: right; font-family: 'Oswald'; font-size: 12px; color: #666666; font-weight: normal; margin: 10px 0px 0px 0px;}
.cart h2 {margin: 0px 0px 15px 0px;}
.cart h3 {margin: 0px 0px 17px 0px;}

.cart .product_cont {display: block; width: 100%; padding: 15px 0px 17px 0px; margin: 0px; border-top: 1px solid #EEEEEE;}
.cart .product_cont .col {}

.cart .product_cont .product_image {display: inline-block; width: 90px; vertical-align: top; margin: 0px 12px 0px 0px;}

.cart .product_cont .product_data {display: inline-block; width: -webkit-calc(100% - 265px); width: -moz-calc(100% - 265px); width: calc(100% - 265px); height: 100%; vertical-align: top;}
.cart .product_cont .product_data .title {margin: 0;}
.cart .product_cont .product_data .title a {line-height: 18px;}
.cart .product_cont .product_data .title a:hover {color: inherit; text-decoration: underline;}
.cart .product_cont .product_data .size {font-size: 13px; font-weight: normal; margin: 10px 0px 0px 0px;}
.cart .product_cont .product_data .stock {font-size: 13px; font-weight: normal; margin: 10px 0px 0px 0px;}

.cart .product_cont .product_data .quantity {display: inline-block; margin: 14px 0px 0px 0px;}
.cart .product_cont .product_data .quantity form {display: inline-block;}
.cart .product_cont .product_data .quantity select {font-size: 14px; color: #252525; padding: 4px 20px 4px 7px; margin: 0px 7px 0px 0px; border: 1px solid #CCCCCC; outline: 0; appearance: none; background: url(img/icon/arrow_down5.png) 24px 5px no-repeat transparent; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.cart .product_cont .product_data .quantity select:after {content: ""; position: relative; width: 20px; height: 20px;}

.cart .product_cont .price {display: inline-block; width: 150px; font-size: 15px; font-weight: bold; text-align: right; margin: 0px 0px 0px auto;}
.cart .product_cont .delete a {display: block; float: right; font-size: 12px; font-weight: normal; margin: 15px 0px 0px 0px; color: #666666;}
.cart .product_cont .delete a:hover {color: #666666; text-decoration: underline;}

.cart .product_summary {width: 100%; text-align: right;}
.cart .product_summary .product_total_weight {display: inline-block; color: #454545; text-align: left; margin: 10px 0px 0px 0px;}
.cart .product_summary .product_total_weight span {margin-left: 20px;}

.cart .order_details {color: #454545;}
.cart .order_details .title {}
.cart .order_details .title h3 {display: inline-block;}
.cart .order_details .title span {display: inline-block; position: relative; top: -1px; width: 22px; height: 22px; line-height: 22px; font-family: 'Oswald'; color: #42ca6a; font-size: 13x; font-weight: normal; background: FFFFFF; text-align: center; border: 2px solid #42ca6a; border-radius: 50%; margin: 0px 10px 0px 0px; cursor: default;}
.cart .order_details ul {display: block; width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); margin: 0px 0px 0px 30px; padding: 0px;}
.cart .order_details ul li {display: inline-block; padding: 0; margin: 10px 30px 10px 0px; vertical-align: top; list-style-type: none;}
.cart .order_details ul li:nth-child(odd) {width: -webkit-calc(54% - 34px); width: -moz-calc(54% - 34px); width: calc(54% - 34px);}
.cart .order_details ul li:nth-child(even) {width: -webkit-calc(46% - 34px); width: -moz-calc(46% - 34px); width: calc(46% - 34px);}

.cart .order_details #account1_cont,
.cart .order_details #account2_cont,
.cart .order_details #account3_cont {display: none; width: 100%; margin: 30px 0px 0px 0px; text-align: center;}

.cart .order_details #account1_cont .login_table_outer {margin: 0 auto;}
.cart .order_details #account1_cont .reg-outer {margin-left: auto; margin-right: auto;}

.cart .order_details ul.user_account_selection {display: inline-block;}
.cart .order_details ul.user_account_selection li {width: 100%; margin: 0;}

.cart .order_details ul.user_account_selection #account1:checked ~ #account1_cont {display: block;}
.cart .order_details ul.user_account_selection #account2:checked ~ #account2_cont {display: block;}
.cart .order_details ul.user_account_selection #account3:checked ~ #account3_cont {display: block;}

.cart .order_details label {display: inline-block; position: relative; padding: 0px 0px 0px 30px; cursor: pointer;}
.cart .order_details .user_account_selection label {display: inline-block; padding: 0px 50px 0px 30px; margin: 10px 0px;}
.cart .order_details .user_account_selection label:last-of-type {padding: 0px 10px 0px 30px;}

.cart .order_details label .shipping_price {font-weight: bold;}
.cart .order_details input[type=radio] {display: none;}
.cart .order_details label:before {content: ""; display: inline-block; position: absolute; top: -1px; left: 0px; width: 16px; height: 16px; background: #FFFFFF; border: 1px solid #777777; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.cart .order_details input[type=radio]:checked + label:before {content: "\2713"; background: #454545; border: 1px solid #454545; color: #FFFFFF; font-size: 13px; font-weight: bold; text-align: center; line-height: 17px;}
.cart .order_details input[type=radio]:disabled + label {opacity:0.4; filter:alpha(opacity=40);}

.cart .order_details ul.user_data {display: inline-block; width: -webkit-calc(100% - 64px); width: -moz-calc(100% - 64px); width: calc(100% - 64px); background: #F8F8F8; padding: 12px 17px 15px 17px; border: 1px solid #EEEEEE;}
.cart .order_details ul.user_data li {display: block; width: 100%; line-height: 22px; color: #555555; padding: 0; margin: 0;}
.cart .order_details ul.user_data li:first-child {font-weight: bold; margin: 0px 0px 10px 0px;}
.cart .order_details ul.user_data li:last-child {}

.cart .order_details .user_data + div {width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); margin: 12px 0px 0px 30px;}
.cart .order_details .user_data + div a {font-size: 13px; color: #555555; text-decoration: underline;}

.cart .order_details textarea {width: -webkit-calc(100% - 56px); width: -moz-calc(100% - 56px); width: calc(100% - 56px); height: 34px; color: #454545; font-size: 14px; margin: 8px 0px 0px 30px; padding: 12px; border: 1px solid #DDDDDD; outline: 0;}
.cart .order_details textarea::-webkit-input-placeholder {color: #999999;}
.cart .order_details textarea::-moz-placeholder {color: #999999;}
.cart .order_details textarea:-ms-input-placeholder {color: #999999;}
.cart .order_details textarea:-moz-placeholder {color: #999999;}

.cart .summary {}
.cart .summary .row {display: block; width: 100%; padding: 7px 0px; margin: 0px;}
.cart .summary .row .col1 {display: inline-block;}
.cart .summary .row .col2 {display: inline-block; float: right;}

.cart .summary .row .currency {display: inline-block; margin-left: 5px;}
.cart .summary .row:first-of-type {border-top: 1px solid #F3F3F3; padding: 15px 0px 5px 0px;}
.cart .summary .row:nth-last-of-type(2) {font-size: 16px; font-weight: bold; border-top: 1px solid #EEEEEE; padding: 18px 0px 5px; margin: 8px 0px 0px;}
.cart .summary .row:nth-last-of-type(1) {text-align: left;}

.cart .summary .checkout {
  display: block; width: 100%; max-width: 420px; background: #40ab5d; color: #FFFFFF; font-size: 16px; font-weight: normal; text-align: center; padding: 12px 0px; margin: 17px 0px; border: 0; outline: 0; cursor: pointer;
  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition-duration: 50ms; transition-duration: 50ms;}
.cart .summary .checkout:hover {background: #333333;}
.cart .summary .checkout:disabled {opacity:0.5; filter:alpha(opacity=50); cursor: not-allowed;}
.cart .summary .checkout:disabled:hover {background: #40ab5d;}

.cart .summary .login_message {display: block; background: #FFFFFF; color: #ed1b24; line-height: 18px; margin: 7px 0px 0px 0px;}
.cart .summary .payment_methods {margin: 30px 0px 0px 0px;}

.cart .other_box {color: #555555; line-height: 22px;}

.cart .voucher_box {display: block;}
.cart .voucher_box_mobile {display: none;}
.cart .other_box .add_voucher {display: block; width: 100%; background: url(img/icon/arrow_down5.png) right 2px no-repeat transparent; cursor: pointer;}
.cart .other_box .add_voucher_cont {display: none;}
.cart .other_box .add_voucher_cont input[type=text] {display: inline-block; float: left; width: -webkit-calc(100% - 56px); width: -moz-calc(100% - 56px); width: calc(100% - 105px); height: 28px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px;}
.cart .other_box .add_voucher_cont input[type=submit] {display: inline-block; position: relative; left: -1px; width: 80px; height: 30px; background: #888888; border: 1px solid #888888; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px;}
.cart .other_box .add_voucher_cont input[type=submit]:hover {background: #333333;}
.cart .other_box .add_voucher_cont input[type=submit]:focus {box-shadow: none !important;}
.cart .other_box .voucher_error {color: #ed1b24; line-height: 18px; margin: 0px 0px 10px 0px;}
.cart .other_box .voucher_validated {display: inline-block; height: 27px; line-height: 28px; background: #999999; color: #FFFFFF; font-size: 14px; padding: 0px 18px; moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; cursor: default;}

.cart .other_box .col {display: inline-block;}
.cart .other_box .col1 {float: left; display: inline-block; width: 32px; margin: 0px 18px 0px 0px;}
.cart .other_box .col2 {width: -webkit-calc(100% - 52px); width: -moz-calc(100% - 52px); width: calc(100% - 50px);}
.cart .other_box .col1 img.return {opacity:0.7; filter:alpha(opacity=70);}
.cart .other_box .col1 img.shipping {opacity:0.9; filter:alpha(opacity=90);}

.cart .other_box .title {margin: 0px 0px 12px 0px;}
.cart .other_box .title h3 {font-size: 16px; color: #454545;}
.cart .other_box a {display: inline-block; color: inherit; text-decoration: underline; margin: 0px;}
.cart .other_box a:hover {color: inherit;}


@media only screen and (max-width: 980px)
{
  .cart .content_outer,
  .cart .sidebar {float: none; display: block; width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); margin: 0px 15px 12px 15px;}
  .cart .sidebar .sidebar_inner {width: 100% !important; will-change: unset !important; transform: none !important;}

  .cart .order_details ul {max-width: 540px;}

  .cart .summary .row:nth-last-of-type(1) {width: 100%; text-align: right;}
  .cart .summary .checkout {margin-left: auto; margin-right: 0;}

  .cart .voucher_box {display: none;}
  .cart .voucher_box_mobile {display: block;}
}

@media only screen and (max-width: 768px)
{
  .cart .order_details .user_account_selection label {padding: 0px 40px 0px 30px;}
  .cart .order_details ul {display: block; width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: calc(100% - 20px); margin: 0px 10px 0px 10px;}
  .cart .order_details .user_data + div {width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: calc(100% - 10px); margin: 12px 0px 0px 10px;}
  .cart .order_details textarea {width: -webkit-calc(100% - 36px); width: -moz-calc(100% - 36px); width: calc(100% - 36px); height: 64px; margin: 0px 0px 0px 10px;}
}

@media only screen and (max-width: 640px)
{
  .cart .order_details .user_account_selection label {padding: 0px 30px 0px 30px;}

  .cart .reg-outer {width: -webkit-calc(100% - 25px); width: -moz-calc(100% - 25px); width: calc(100% - 25px); padding: 17px 0px 40px 25px;}
  .cart .reg-item {width: -webkit-calc(50% - 30px); width: -moz-calc(50% - 30px); width: calc(50% - 30px);}
  .cart .reg-item-wide {width: -webkit-calc(100% - 31px); width: -moz-calc(100% - 31px); width: calc(100% - 31px);}

  .cart .summary .row:nth-last-of-type(1) {text-align: left;}
  .cart .summary .checkout {width: 100%; max-width: none;}

  .cart .summary .checkout:enabled {width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: calc(100% - 20px); max-width: none; position: fixed; bottom: 10px; left: 10px; padding: 15px 0px; margin: 0; z-index: 999;}
}

@media only screen and (max-width: 600px)
{
  .cart .product_cont .product_data {width: -webkit-calc(100% - 235px); width: -moz-calc(100% - 235px); width: calc(100% - 235px);}
  .cart .product_cont .price {width: 120px;}

  .cart .order_details .user_account_selection label {padding: 0px 25px 0px 30px;}
  .cart .order_details ul li {margin: 8px 0px;}
  .cart .order_details ul li:nth-child(odd) {width: 100%;}
  .cart .order_details ul li:nth-child(even) {width: 100%;}
}

@media only screen and (max-width: 550px)
{
  .cart .product_cont .product_image {width: 80px;}
  .cart .product_cont .product_data {width: -webkit-calc(100% - 190px); width: -moz-calc(100% - 190px); width: calc(100% - 190px);}
  .cart .product_cont .price {width: 85px;}

  .cart .order_details #account1_cont .login_table_outer,
  .cart .order_details #account1_cont .login_table {width: 100%; min-width: 280px;}
}


@media only screen and (max-width: 490px)
{
  .cart .reg-item,
  .cart .reg-item-wide {width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); min-width: 220px; margin: 0px 0px 10px 0px;}
  .cart .registration-checkbox-cont label {margin: 7px 0px;}
}