.giftcard-product-media{
    float:Left;
    width:600px;
    height: 365px;
     transform-origin: top left; 
    -webkit-transform-origin: top left;    
}
.product-img-box {
   // overflow: hidden\0;    
}
#close-popup-giftcard {
    background: url('../../images/giftvoucher/close.png') no-repeat;
    width: 35px;
    height: 35px;
    position: absolute;
    top: -25px;
    right: -25px;
}
#giftcard-preview-template-content{float:left;width: 100%;overflow: hidden;}
/****************************Template 01 _ left*************************************/
.giftvoucher-product-info{overflow: hidden}
#giftcard-template-left{
    overflow:hidden;
    width: 655px; 
    font-size: 14px;
    float:left;
    background-size: 100% 100%;
}
#giftcard-preview-template .giftcard_value-color .giftcard-text-color{
    padding-right: 10px;
    margin-top: 15px;
}
/*#giftcard-preview-template-content {float: left;overflow: hidden;}*/
.dialog.giftcard-preview-template-dialog .dialog_e{background:none;}
.giftcard-template-content-left,.giftcard-change-image{
    width: 275px; 
    height: 365px; 
    display:block; 
    float: left;
    background-position: center;
    background-repeat: no-repeat; 
    background-size: 275px 400px;
}
.logo1 { width: 100%; height: 50px; margin-top: -7px;}
#giftcard-template-left .giftcard-title {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;    
    font-weight: 600;
    margin-top: 10px !important;
    margin-left: 10px !important;
}
.giftcard-from{ 
    margin-right: 15px;
    overflow: hidden;
    display: table-cell;
    float: left; 
    margin-bottom: 5px;
}
.giftcard-from-to  .giftcard-style-color{
    color: orange;
    font-size:16px;
    font-family: 'Open Sans', sans-serif;      
}
.giftcard-to{max-height: 25px;}
.giftcard-box{overflow: hidden;margin-top: 10px;}
.giftcard-box  .giftcard-text-box{
    display: block;
    border-radius: 5px;
    border: 1px solid #cccccc;
    padding: 0 6px;   
    height: 90px;   
    vertical-align: middle; 
    background:#fff;
    margin-top: 10px;
}
.giftcard_value .giftcard-text-color{
    float: left;
    padding-right: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
#giftcard-preview-template .giftcard-template-content .giftcard_value .giftcard-text-color{
    padding-right: 10px; 
    margin-top: 10px;
}
.giftcard_value .giftcard-style-color{
    float: left; 
    clear: both;      
}
.giftcard_value .giftcard-style-color .price{
    font-size: 22px; 
    font-family: 'Open Sans', sans-serif;
    /* color: orange; */
    font-weight: bold;  
}
.giftcard-number{
    width: 100%;
    float: right; 
    text-align: right;
    margin-bottom: 5px;
}
.giftcard-number .giftcard-style-color{
    color: orange;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
}
.giftcard-custom-message{
    margin: 0; 
    white-space: pre-wrap; 
    max-height: 85px; 
    overflow: hidden; 
    font-size: 11px;
}
.giftcard-barcode  .giftcard-style-color{  
    font-size: 14px; 
    color: orange; 
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
}
.giftcard-text{    
    overflow: hidden;
    vertical-align: bottom;
    height: 70px;
}
.giftcard-text  .giftcard-text-color{
    font-size: 12px; 
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
#giftcard-template-show-images .gift-active{overflow:hidden}
#giftcard-template-show-images .gift-active img{ display:inline;}
/******************Detail giftcard by Crystal****************/
#giftcard-template-left .giftcard-template-content {
    background-position: 0;
    background-size: 100%;
    width: 350px;
    display: block;
    margin-left: 0; 
    float: right;
    height: 365px;
    background-repeat: repeat;  
    box-sizing: content-box;
}
#giftcard-template-left .giftcard-logo div{width: 100% !important; margin-top: -7px !important;background-size: 80% 50px !important;}
#giftcard-template-left .giftcard-from-to .giftcard-text-color {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
}
#giftcard-template-left{width: 100% !important}
#giftcard-template-left .giftcard-change-image {
        width:250px;
        background-position:inherit !important; 
        background-size: 100% 100% !important;
        height:365px; 
        padding-bottom: 0;
        position: relative;
}
.giftcard-change-image img{
    height: 63px;
    max-width: 100%;
    display: inline;
}
.giftcard-change-image img#img-type-left{
    position: relative;
    top: 0;
    z-index: 10;
    left:0; 
}
.giftcard-template-content-left .giftcard-logo{   
    position: absolute;
    top: 287px;
    text-align: center;
    width: 100%;
}
/*#giftcard-template-left .giftcard-template-content div {width: 100% !important; float: left;}*/
#giftcard-template-left .giftcard-template-content div.giftcard-style-color{
      margin: 15px 10px 0 15px;
}
#giftcard-template-left .giftcard-template-content div.giftcard_value{
  float: left;
}
#giftcard-template-left .giftcard-template-content div.giftcard-code{   
    float: right;
    width: 200px;
    margin-top: -5px;
}
#giftcard-template-left .giftcard-template-content .value-barcode {
    width: 320px;
    float: left;
    margin: 15px;
    margin-bottom: 10px;
}
#giftcard-template-left .giftcard-template-content div.giftcard-from-to,
#giftcard-template-left .giftcard-template-content div.giftcard-box,
#giftcard-template-left .giftcard-template-content div.giftcard-text{
   width: 320px;
    float: left;
    margin:0 15px;
}
#giftcard-template-left .giftcard-barcode {    
    float: right;
    width: 177px;
    text-align: right;
}
#giftcard-template-left .giftcard-barcode img {float: right;max-width: 100%;height: 40px;}    
#giftcard-template-left .giftcard-to{float: left;clear: both;margin-left: 0px;}    
#giftcard-template-show-images {padding-top: 10px !important;}

/*************shopping cart by Sally*************/
.discount .giftvoucher #giftvoucher{position: relative;margin-right: 0px;margin-top: 0px;margin-left: 0px;}
.giftvoucher-discount-code img{display:inline}
/***********View giftcard*************/   
#giftcard_history_table .item-hidden{display:none;}
.giftvoucher-index-view .custom-field{float:left; width: 45% !important}
.giftvoucher-index-email  .custom-field{float:left;}
.giftvoucher-index-view .form-list li{width:100%; float: left;} 
.giftvoucher-index-email .form-list li{width:100%; float: left;} 
/******History balance*******/
.customer-account-giftcard .sub-title {font-size:24px !important; text-transform:uppercase; border-bottom:1px solid silver;margin-bottom:15px;font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;}
#history_grid .giftvoucher-grid-search{width:100%;}
#history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item{width:100% !important;}
#history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input#history_grid-balance_change-from{margin-top:0px;}
#history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input#history_grid-balance_change-to{margin-top:0px;}
#history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item #history_grid-giftcard_code{width:50%}

.dialog.giftcard-preview-template-dialog .dialog_w{background: none;}
/*---End Detail Popup Template 1---*/



/***********End Detail Popup Template 3*************/

/******************Send email***************/
.giftvoucher-product-info .giftcard-send-friend {
    float: left; 
    clear: both; 
    width: 190px !important;
    padding-bottom: 10px;
}
.giftvoucher-product-info .giftcard-date-box img {float: right; margin-top: 8px;margin-right: 40px;display: block;}
.giftvoucher-product-info .giftcard-date-box input.validate-date-giftcard {float: left;margin-right: 3px;width: 140px !important;}    
#giftcard-preview-button-add span {padding-left: 0 !important}
.giftcard-date-box button span{padding-left: 0 !important}
.add-to-box {clear: both}
.giftvoucher-receiver{float: left; clear: both; padding-bottom: 20px; width: 100%}
.giftvoucher-product-info #giftcard-template-show-images {width: 100% !important;}
.giftvoucher-product-info .validation-advice{float: left; clear: both;}
.recipient_email,
.message,
.recipient_ship_form {clear:both;}

/******************End***********************/
.giftcard-code-hidden{display:none;}