.basket_section {width:100%; text-align:left; font-size:1.6rem; margin-top:6px;}
.basket_section th {background-color:#efefef; border-top:2px solid var(--tcm); border-bottom:2px solid var(--tcm);}
.basket_section td, .basket_section th {padding:2px; box-sizing:border-box; vertical-align:middle;}

.basket_adjust {display:inline-block; color:#888; text-align:center; font-weight:bold; vertical-align:bottom;}
.basket_adjust.plus {font-size:1.8rem; line-height:21px;}
.basket_adjust.minus {font-size:2.2rem; line-height:25px;}

.checkout_section {max-width:900px; width:100%; margin:0 auto;}
.checkout td, .checkout th {box-sizing:border-box;}

.voucher_personalisation {display:inline-block; position:relative; text-align:center;}
.voucher_personalisation .voucher_type {position:absolute; top:184px; left:0px; width:350px; z-index:9; font-size:2.5rem; text-align:center;}
.voucher_personalisation .voucher_date{position:absolute; top:323px; right:0px; width:260px; font-size:12pt; text-align:left;z-index:9;}
.voucher_personalisation .voucher_image {border:2px solid #888;}
.voucher_personalisation .voucher_image .voucher_image_change {position:absolute; bottom:5px; background-color:rgba(0,0,155,0.5); padding:2px; color:#fff;}
.voucher_personalisation .voucher_message > input {width:100%; font-size:2rem; cursor:pointer; font-style:italic; text-align:center;}


@media screen and (min-width : 801px){
.voucher_personalisation { height:400px; background-image:url(/images/site/voucher.png); background-size:contain; width:100%; max-width:600px;}
.voucher_personalisation .voucher_for {position:absolute; top:298px; right:0px; width:260px; font-size:12pt; text-align:left;z-index:9;}
.voucher_personalisation .voucher_image {position:absolute; top:150px; right:30px; width:200px; height:133px; overflow:hidden;  z-index:9;}
.voucher_personalisation .voucher_image .voucher_image_change { }
.voucher_personalisation .voucher_message {position:absolute; top:110px; left:5%; width:90%; z-index:9; background-color:rgba(255,255,255,0.2);}
.voucher_personalisation .voucher_message > input {font-size:2rem;}
.voucher_personalisation .voucher_image .voucher_image_change {width:150px; left:calc(50% - 75px);  font-size:1.4rem;}
}
@media screen and (max-width : 800px){
.voucher_personalisation {width:100%; max-width:350px;} 
.voucher_personalisation .voucher_for {width:100%; text-align:center; font-size:1.5rem;}
.voucher_personalisation .voucher_message {background-color:rgba(230,230,230,1);}
.voucher_personalisation .voucher_message > input {font-size:1.4rem;}
.voucher_personalisation .voucher_image {display:inline-block; width:250px;}
.voucher_personalisation .voucher_image .voucher_image_change {left:calc(50% - 75px); width:150px; font-size:1.4rem}

}