#cart-content { width: 100%; display: inline-block; }
#cart-content .col-left { float: left; width: 755px; }
#cart-content .col-right { float: right; width: 382px; }
#cart-content .col-right h2 { font-size: 24px; font-family: canaro, sans-serif; text-align: center; font-weight: normal; }
#cart-content .col-right .see-also { border: 1px solid #dedede; width: 320px; padding: 15px 30px 0 30px; margin: 15px 0; }

#cart-content form { padding-top: 25px; }
#cart-content table { width: 100%; }
#cart-content table th { border-bottom: 1px solid #dedede; text-align: left; color: #808080; font-size: 15px; font-weight: normal; line-height: 30px; }
#cart-content table th.lp { width: 30px; }
#cart-content table td.lp { font-size: 15px; }
#cart-content table th.format { width: 110px; padding-left: 30px; }
#cart-content table td.format { vertical-align: middle; width: 100px; padding-left: 40px; }
#cart-content table th.price { width: 100px; text-align: right; }
#cart-content table th.amount { text-align: center; }
#cart-content table td { vertical-align: top; padding: 23px 0 10px 0; }
#cart-content table .checkbox { width: 30px; vertical-align: middle; }
#cart-content table .desc { padding-right: 40px; }
#cart-content table .desc .book-name { display: inline-block; width: 440px; }
#cart-content table .cover { float: left; margin-right: 16px; }
#cart-content table .cover img { width: 50px; height: auto; }
#cart-content table p.type { opacity: 0.5; margin-top: 5px; text-align: left; margin-left: 66px; }
#cart-content table p.type span { vertical-align: middle;  }
#cart-content table h2 { font-size: 15px; line-height: 18px; padding-bottom: 2px; margin-left: 66px; }
#cart-content table h2 .type-gift { float: left; margin: -2px 5px 2px 0; }
#cart-content table .book-name h2 { margin-left: 0; }
#cart-content table .book-name p { margin-left: 0; }

#cart-content table .author { color: #808080; margin-left: 66px; }
#cart-content table .item-info { color: #808080; margin-left: 66px; padding-top: 2px; }
#cart-content table .item-info dt, #cart-content table .item-info dd { margin: 0; display: inline; }
#cart-content table .item-info dt.author { display: none; }
#cart-content table .item-info dt { padding-left: 11px; margin-left: 11px; border-left: 1px solid #a7a7a7; }
#cart-content table .amount { vertical-align: middle; font-size: 15px; width: 40px; padding-left: 5px; padding-right: 5px; text-align: center; line-height: 34px; }
#cart-content table .amount input { border: 1px solid #dedede; width: 34px; height: 34px; text-align: center; font-size: 15px; font-weight: bold; margin-bottom: 9px; }
#cart-content table .amount .less { display: inline-block; width: 12px; height: 12px; text-indent: -10000px; border: 1px solid black; border-radius: 10px; opacity: 0.5; background: transparent url(/helion/images/helion.png) no-repeat -93px -51px; }
#cart-content table .amount .more { display: inline-block; width: 12px; height: 12px; text-indent: -10000px; border: 1px solid black; border-radius: 10px; opacity: 0.5; background: transparent url(/helion/images/helion.png) no-repeat -74px -51px; }
#cart-content table td.price { vertical-align: middle; line-height: 34px; width: 95px; text-align: right; font-size: 18px; font-weight: 100; font-family: canaro, sans-serif; }
#cart-content table td.price .status { text-align: right; font-style: normal; color: #808080; font-weight: normal; font-size: 12px; display: block; font-family: arial, sans-serif; line-height: 20px; }
#cart-content table .status.red { color: #e80016; }
#cart-content table td.price .status time { display: block; }
#cart-content table .special .desc h2 a { color: #000000; }
#cart-content table .special .amount { color: #000000; font-weight: bold; font-size: 15px; line-height: 34px; font-weight:100; }
#cart-content table .special .price { color: #000000; font-weight: 100; }
#cart-content table .price del { font-family: arial, sans-serif; font-size: 15px; color: #808080; display: block; line-height: 18px; }
#cart-content table th.actions { text-align: center; width: 120px; }
#cart-content table .actions { padding-left: 30px;  }
#cart-content table .actions a { display: block; text-align: center; font-size: 12px; color: #808080; }
#cart-content table .actions .remove { margin-top: 12px; }
#cart-content table tfoot td { border-top: 1px solid #dedede; }
#cart-content table tfoot .value { font-size: 15px; text-align: right; line-height: 34px; }
#cart-content table tfoot .second-line td { border-top-width: 0; padding-top: 0; }
#cart-content table tfoot .value-total-label { font-weight: bold; }
#cart-content table tfoot .value-total { font-size: 24px; font-weight: bold; }

#cart-content table.thin-title h2 { margin-left: 0; }
#cart-content table.thin-title p.type { margin-left: 0; }
#cart-content table.thin-title p.type span { margin: 1px 0 2px 0; }
#cart-content table.thin-title p.type.group { position: relative; border-left: 1px solid #bfbfbf; padding-left: 8px; }
#cart-content table.thin-title p.type.group::before { position: absolute; left: 0; width: 4px; height: 1px; top: 0; background-color: #bfbfbf; content: " "; }
#cart-content table.thin-title p.type.group::after { position: absolute; left: 0; width: 4px; height: 1px; bottom: 0; background-color: #bfbfbf; content: " "; }
#cart-content table.thin-title .author { margin-left: 0; }
#cart-content table.thin-title .item-info { margin-left: 0; }


#cart-content table .checkbox-line input { position: absolute; left: -10000px; }
#cart-content table .checkbox-line .input { display: block; border: 1px solid #d1d1d1; width: 16px; height: 16px; }
#cart-content table .checkbox-line.active label .input { background: #ebebeb url(/helion/images/helion.svg) no-repeat -52px -47px; }

.table-options { color: #808080; border-bottom: 1px solid #dedede; padding: 15px 0 5px 0; }
.table-options a { color: black; margin-left: 30px;  }
.cart-promotion h2 { font-size: 24px; font-weight: normal; font-family: canaro, sans-serif; padding: 22px 0; }
.cart-promotion .checkbox-line { padding: 5px 0; line-height: 20px; }
.cart-promotion .checkbox-line input { position: absolute; left: -10000px; }
.cart-promotion .checkbox-line label { display: block; font-size: 15px; padding-left: 30px; position: relative;  }
.cart-promotion .checkbox-line label .input { position: absolute; left: 0; top: 0; border: 1px solid #d1d1d1; width: 16px; height: 16px; border-radius: 10px; }
.cart-promotion .checkbox-line.active label { font-weight: bold; }
.cart-promotion .checkbox-line.active label .input { background-color: #e4001e; box-shadow: inset 0 0 0 5px #ebebeb; border-width:0; width: 18px; height: 18px; }
#cart-content .cart-summary { border-top: 1px solid #dedede; margin-top: 16px; overflow: hidden; padding-top: 22px; padding-bottom: 30px; }
#cart-content .cart-summary .back { float: left; font-size: 15px; }
#cart-content .cart-summary .back a { color: #808080; }
#cart-content .cart-summary .back a::before { content: "\ab"; padding-right: 4px; }
#cart-content .cart-summary dl { margin-left: auto; text-align: right; font-size: 15px; line-height: 32px; }
#cart-content .cart-summary dt { display: inline; }
#cart-content .cart-summary dd { display: inline-block; width: 120px; margin-left: 0;  font-weight: 100; font-family: canaro, sans-serif; }
#cart-content .cart-summary dt::before { display: block; content: " "; }
#cart-content .cart-summary dt.price { font-weight: bold; }
#cart-content .cart-summary dd.price { font-size: 24px; font-weight: normal; }
#cart-content .cart-summary .button { text-align: right; padding-top: 20px; margin-bottom: 12px; }
#cart-content .cart-summary .note { text-align: right; font-size: 12px; color: #808080; }
#cart-content .cart-summary .button button::after { display: inline-block; content: "\bb"; font-size: 36px; line-height: 25px; margin-left: 10px; margin-bottom: 5px; vertical-align: middle; }

.cart-bonus { border-left: 4px solid #efefef; padding: 14px 0 25px 26px; margin-top: 20px; }
.cart-bonus p { font-size: 15px; line-height: 24px; }
.cart-bonus .select { position: relative; display: inline-block; margin-top: 4px; }
.cart-bonus .select .select-label {  border: 1px solid #dedede; line-height: 34px; padding: 0 40px 0 10px; }
.cart-bonus .select .select-label::after { right: 10px; }
.cart-bonus .select label { display: none; }
.cart-bonus .select select { width: auto; height: 34px; margin-right:15px;}
.cart-bonus .input-line { padding-top: 4px; }
.cart-bonus .input-line label { display: none; }

.order-data { overflow: hidden; }
.order-data h2 { font-size: 24px; font-weight: normal; font-family: canaro, sans-serif; padding: 0 0 22px 0; }
.order-data .form-data { float: left; width: 766px; border-left: 4px solid #efefef; }
.order-data .form-data .select-line { overflow: hidden; padding-bottom: 34px; }
.order-data .form-data .select-line > label { float: left; width: 215px; text-align: right; font-weight: bold; font-size: 15px; line-height: 36px; margin-right: 20px; }
.order-data .form-data .select-line .change { display: inline-block; line-height: 36px; vertical-align: middle; }
.order-data .form-data .select-line .change a { font-size: 15px; color: #404040; padding-right: 20px; position: relative; }
.order-data .form-data .select-line .change a::after { content: " "; position: absolute; right: 0; top: 3px; opacity: 0.25; border-radius: 10px; width: 11px; height: 11px; border: 1px solid black; background: white url(/helion/images/helion.svg) no-repeat -140px -51px; }
.order-data .form-data .select-line .change a:hover { text-decoration: underline; color: #e4001e; }
.order-data .form-data .select-line .change a:hover a::after { border-color: #e4001e; background-position: -140px -69px; }

.order-data .form-data .checkbox-line { margin-left: 235px; margin-top: 8px; }
#cart-content .checkbox-line { position: relative; }
#cart-content .checkbox-line input { position: absolute; left: -10000px; }
#cart-content .checkbox-line label { position: relative; display: block; padding-left: 30px; padding-right: 10px; font-size: 15px; }
#cart-content .button .checkbox-line { display: inline-block; margin-right: 30px; }
#cart-content .checkbox-line .checkbox { position: absolute; left: 0; top: 0; border: 1px solid #d1d1d1; width: 16px; height: 16px; }
#cart-content .checkbox-line.active .checkbox { background: #ebebeb url(/helion/images/helion.svg) -51px -48px; }

.choose-line .label { float: left; font-size: 15px; font-weight: bold; line-height: 36px; text-align: right; width: 215px; padding-top: 40px; }
.choose-line .radio-group { display: block; margin-left: 235px; padding-bottom: 20px; overflow: hidden; }
.choose-line .radio-group label { position: relative; float: left; border: 1px solid #dedede; width: 118px; height: 118px; margin-right: 10px; margin-bottom: 10px; cursor: pointer; }
.choose-line .radio-group label:hover { border-color: #808080; box-shadow: inset 0 -2px #808080; }
.choose-line .radio-group label.active { border-color: #419622; color: #419622; }
.choose-line .radio-group label.active:hover { box-shadow: inset 0 -2px #419622; }
.choose-line .radio-group label input { position: absolute; left: -10000px; }
.choose-line .radio-group label .name { display: block; text-align: center; padding: 12px 10px 2px 10px; }
.choose-line .radio-group label .price { display: block; padding-top: 68px; text-align: center; padding-bottom: 2px; }
.choose-line .radio-group label .photo { text-align: center; line-height: 64px; display: block; }
.choose-line .radio-group label .photo img { vertical-align: middle;  }
.choose-line .radio-group label .link { display: block; text-align: center; display: none; }
.choose-line .radio-group label .link.show { display: block; }
.choose-line .radio-group label .link::after { content: "\00BB";}
.choose-line .radio-group label .icon { background: transparent url(/helion/images/payment/transport.png) no-repeat; position: absolute; height: 50px; width: 50px; top: 36px; left: 35px; }
.choose-line .radio-group label.icon2 .icon { background-position: -128px 0; }
.choose-line .radio-group label.icon3 .icon { background-position: -260px 0; }
.choose-line .radio-group label.icon4 .icon { background-position: -376px 0; width: 75px; left: 25px; }
.choose-line .radio-group label.icon1.active .icon { background-position: 0 -50px; }
.choose-line .radio-group label.icon2.active .icon { background-position: -128px -50px; }
.choose-line .radio-group label.icon3.active .icon { background-position: -260px -50px; }
.choose-line .radio-group label.icon4.active .icon { background-position: -376px -50px; }

.form-data .select-line .select { display: inline-block; width: 370px; height: 34px; border: 1px solid #dedede; margin-right: 20px; vertical-align: middle; }
.form-data .select-line .select .select-label { line-height: 34px; padding-left: 10px; width: 330px; }
.select .select-label::after { right: -30px; }
.form-data .select-line .select select { width: 100%; height: 34px; }

.order-data .form-textarea { float: right; width: 380px; }
.order-data .form-textarea label { font-weight: bold; font-size: 15px; display: block; padding: 0 0 8px 0; }
.order-data .form-textarea textarea { font-style: italic; line-height: 24px; border: 1px solid #dedede; height: 220px; width: 338px; padding: 15px 20px; color: #808080; }
.order-data .form-textarea .maxlength { text-align: right; color: #808080; padding: 12px 0 6px 0; }

.order-summary-options { list-style-type: none; margin: 0; padding: 10px 0 34px 0; overflow: hidden; }
.order-summary-options li { float: left; width: 50%; }
.order-summary-options li a { display: block; background-color: #f0f0f0; font-size: 18px; color:#e50322; position: relative;  font-weight: 500; font-family: canaro, sans-serif; padding-left: 80px; line-height: 72px;}
.order-summary-options li a.icon-gift::before { content: " "; position: absolute; width: 36px; left: 36px; top: 18px; height: 36px; background: transparent url(/helion/images/helion.png) no-repeat -225px 0; }
.order-summary-options li a.icon-download::before { content: " "; position: absolute; width: 36px; left: 36px; top: 18px; height: 36px; background: transparent url(/helion/images/helion.png) no-repeat -510px -58px; opacity: 0.5; background-size: 600px auto; }
.order-summary-options li a::after { content: " "; display: inline-block; margin-left: 10px; opacity: 1; border-radius: 10px; width: 11px; height: 11px; border: 1px solid #e50322; background: transparent url(/helion/images/helion.svg) no-repeat -140px -69px; }
.order-summary-options li a:focus { text-decoration: none; color: #b40018; }
.order-summary-options li a:focus a::after { border-color: #b40018; background-position: -140px -87px; }

.order-summary-options li a { border-left: 1px solid white; }
.order-summary-options li:first-child a { border-right: 2px solid white; border-left-width: 0; }

.order-summary { overflow: hidden; border-bottom: 1px solid #efefef; padding-bottom: 30px; margin-bottom: 10px; }
.col-address { float: left; width: 25%; }
.col-address .title { font-weight: bold; font-size: 15px; line-height: 24px; padding-bottom: 12px; }
.col-address .data { border-left: 5px solid #efefef; padding-left: 28px; line-height: 24px; font-size: 15px; }
.col-comment { float: left; width: 50%; }
.col-comment .title { font-weight: bold; font-size: 15px; line-height: 24px; padding-bottom: 12px; }
.col-comment .data { border-left: 5px solid #efefef; padding-left: 28px; line-height: 24px; font-size: 15px; }

#cart-content .order-info { line-height: 24px; }

#payment-popup { z-index: 10000; display: none; position: absolute; width: 100%; left: 0; }
#payment-popup-container { width: 1030px; margin: 0 auto; background-color: white; padding-top: 36px; position: relative; text-align: center; }
#payment-popup .close { position: absolute; right: 0; top: -30px;  }
#payment-popup .close a { width: 30px; height: 30px; display: block; text-indent: -10000px; background: black url(/helion/images/helion.svg) no-repeat -260px -282px; }
#payment-popup .choose-line .radio-group { margin-left: 0; display: inline-block; text-align: left; padding: 0 60px 20px 60px; }
#payment-popup .choose-line .radio-group label .photo { padding-top: 12px; }
#payment-popup .choose-line .radio-group label .name { padding-top: 5px; }