/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../../skin/frontend/primabead/2_1_0/js/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../../skin/frontend/primabead/2_1_0/js/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../../skin/frontend/primabead/2_1_0/js/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../../skin/frontend/primabead/2_1_0/js/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../../skin/frontend/primabead/2_1_0/js/fancybox/fancybox_sprite-2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../../skin/frontend/primabead/2_1_0/js/fancybox/fancybox_loading-2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
div.block-related-category .aw-arp-block-content {
    padding: 5px 0 0 5px;
    overflow: hidden;
    clear: both;
}

div.block-related-category .aw-arp-item {
    text-align: center;
    width: 100px;
    min-height: 100px;
    display: -moz-inline-stack;
    display: inline-block !important;
    vertical-align: top;
    zoom: 1;
    _height: 250px;
    margin: 5px 5px 20px;
}

div.block-related-category .aw-arp-item img {
    border: 1px solid #A9A9A9;
    width: 75px;
    margin-bottom: 10px;
}

div.block-related-category .aw-arp-block-content .aw-arp-addtocart>p {
    margin-bottom: 5px;
}

div.block-related-category .footer .aw-arp-block-content li {
    display: inline-block !important;
}

div.block-related-category .footer .aw-arp-block-content a {
    color: #1E7EC8;
}

div.amshopby-column {
    float:left; width:83px;
}

select.amshopby-select {
    width:170px;
}

.amshopby-logo{
padding: 0pt 10px 10px 0pt; float: left;
}

.amshopby-featured {
    padding: 5px 5px 5px 5px; 
}

.amshopby-link{
    float:left;
    padding-left:5px; 
    padding-top:5px;
}

.amshopby-clearer {
	display:block; 
	clear:both; 
	overflow: hidden;
}
div.block-layered-nav dd a {padding:0px 5px 0px 0px; display:block; float: left;}  
div.block-layered-nav dd a.amshopby-attr {padding-left:15px; background-image:url(../../skin/frontend/primabead/2_1_0/images/amshopby-cb1.gif); background-repeat: no-repeat; background-position: left center;}
div.block-layered-nav dd a.amshopby-attr-selected {font-weight: bold; padding-left:15px; background-image:url(../../skin/frontend/primabead/2_1_0/images/amshopby-cb2.gif); background-repeat: no-repeat; background-position: left center;}
div.block-layered-nav dd a.amshopby-attr-inactive {pointer-events: none; color: #666666}
div.block-layered-nav dd a img {/* padding: 0px 4px 5px;*/ float:left;}

div.block-layered-nav dd li.amshopby-cat-level-2 {padding-left:10px;}
div.block-layered-nav dd li.amshopby-cat-level-3 {padding-left:20px;}

div.block-layered-nav dd a.amshopby-cat-selected {font-weight: bold;
color:black; text-decoration: none; cursor:text;}

div.block-layered-nav dd li span.amshopby-plusminus {float:left;
display:block; width:15px; height:15px; cursor:pointer;
background:transparent url(../../skin/frontend/primabead/2_1_0/images/amshopby-plus.gif)  no-repeat;}
div.block-layered-nav dd li span.minus {background:transparent
url(../../skin/frontend/primabead/2_1_0/images/amshopby-minus.gif) no-repeat;}
div.block-layered-nav dd li:after {display:block; content:".";
clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }



div.block-layered-nav.amshopby-collapse-enabled dt {
 cursor:pointer; 
 padding-left:15px;
 background:url(../../skin/frontend/primabead/2_1_0/images/amshopby-expanded.gif) center left no-repeat;
}
div.block-layered-nav.amshopby-collapse-enabled dt.amshopby-collapsed {background:url(../../skin/frontend/primabead/2_1_0/images/amshopby-collapsed.gif) center left no-repeat}


div.block-layered-nav div.amshopby-slider {
	 position:relative; margin:10px 4px 5px 4px; z-index:9; height:18px;  background: url(../../skin/frontend/primabead/2_1_0/images/amshopby-slider-bg.gif) repeat-x 0 50%; cursor:pointer;
}
div.block-layered-nav div.amshopby-slider div.handle {margin-left:-4px; width:8px; top:3px; height:14px; background: transparent url(../../skin/frontend/primabead/2_1_0/images/amshopby-hadle.png) no-repeat; position: absolute; cursor:move; z-index: 2;}

/*
 * Slider labels
 */
.amshopby-slider-price {
	color: #798794;
}
.amshopby-slider-price-from {
	float: left;
    
}
.amshopby-slider-price-to {
	float: right;
}

.amshopby-slider-handle-right {
	position: absolute;
	top: 14px;
	right: 0px;
}

.amshopby-slider-handle-left {
	position: absolute;
	top: 14px;
	left: 0px;
}

.amshopby-tooltip {
    padding:2px 5px;
    background:#FEC;
    border:1px solid #FAA819;
    color:#1F5070;
    text-align:left;
    width:200px;
    position:absolute;
}

.amshopby-slider-price-range 
{
	text-align: center;
	font-size: 0.9em;
}

.amshopby-tooltip-img {
    cursor:help;
    display: inline;
}

div.block-layered-nav, div.amshopby-page-container, div.amshopby-filters-top {
    position: relative;
}
div.amshopby-overlay {
    background-color: #FFFFFF;
    height: 100%;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 555;
}
div.amshopby-overlay img {
    top: 100px;
    left: 45%;
    display: block;
    position: absolute;
}

div.amshopby-overlay div {
    margin: 0 auto;
    display: block;
	width: 300px;
	height: 200px;
	background:  url('../../skin/frontend/primabead/2_1_0/images/amshopby-overlay.gif') 50% 50% no-repeat;
}

/*
 * Advanced Categories
 */
.amshopby-advanced li {
	clear: both;
}
.amshopby-advanced li.level1 {
	padding-left: 20px;
}
.amshopby-advanced li.level2 {
	padding-left: 30px;
}
.amshopby-advanced li.level3 {
	padding-left: 40px;
}
.amshopby-advanced li.level4 {
	padding-left: 50px;
}


.amshopby-advanced li.active > a {
	font-weight: bold;
}

/*
 * Slider Bar
 */
.amshopby-slider-bar {
	position:absolute; 
	background: #999; 
	height: 6px; 
	top: 6px; 
	z-index: 1;  
}

/*
 * Subcategories block
 */
.amshopby-subcategory-image {
	overflow: auto; 
}

.btn-remove-inline { background-image: url('../../skin/frontend/primabead/2_1_0/images/am_btn_remove.gif'); background-repeat: no-repeat; width:13px; height:12px; margin-left: 4px; }
.btn-remove-inline:hover { /* background-position: center bottom; */ }
.amshopby-hightlighted { background: yellow;}

.btn-remove-inline img {display: inline;}

div.block-layered-nav div.amshopby-slider div.handle.active { z-index: 3; }

.amshopby-slider-ui { background: url(../../skin/frontend/primabead/2_1_0/images/amshopby-slider-bg.gif) repeat-x 0 50%; margin: 10px .4em; }
.amshopby-slider-ui .ui-slider-handle { background-color: #f18200; border: 1px solid #de5400; box-sizing: border-box; outline: none; }
.amshopby-slider-ui .ui-slider-range { background-color: #999999; }

.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.ui-slider { cursor: pointer; position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.8em; height: 1.2em; cursor: pointer; -ms-touch-action: none; touch-action: none; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.2em; margin-left: -.4em; }
.ui-slider-horizontal .ui-slider-range { top: 0.2em; height: 8px; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

.amshopby-narrow-by-list table td { vertical-align: top; }
/**
* Giftvoucher reward template
*/
.dialog.giftcard-preview-template-dialog{
    left: 50% !important;
    margin-left: -330px !important;    
}
.input-select.validation-failed
{
    border-color: red;
}

span#giftvoucher_wait{
    color: #2F2F2F;
}

.giftvoucher-discount-code{
    color: #008000;
}
.giftvoucher-discount-code button{
    border: medium none;
    background: none repeat scroll 0 0 transparent;
}

.giftvoucher-discount-code button:hover{
    cursor: pointer;
}

.giftvoucher-media{
    border: 2px solid #F7F9F9;
}

.giftvoucher-media .giftmedia{
    border-bottom: 2px solid #F7F9F9;
    padding: 7px;
    color: #F18200;
    font-size: 15px;
}

#giftmedia pre{
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.giftvoucher-media .giftmedia-image{
    overflow: hidden;
    width: 265px;
    position: relative;
}

.giftvoucher-product-info .giftvoucher-amount-desc, .giftvoucher-product-info #recipient_ship_desc {
    font-size: 0.9em;
    font-style: italic;
    color: #080;
    margin-top: -5px;
}

.giftvoucher-product-info #message{
    width: 95%;
    height: 88px;
}

.giftvoucher-product-info #recipient_address{
    width: 325px;
    height: 57px;
}

.giftvoucher-product-info #recipient_email,
.giftvoucher-product-info #recipient_name,
.giftvoucher-product-info #customer_name{
    width: 95%;
}

#giftvoucher-result{
    font-size: 15px;
}

#giftvoucher-result label{
    width: 160px;
}


/* Search Grid Style */
.data-table .giftvoucher-grid-title th{
    background-image: none;
    border-bottom: 1px solid #C2D3E0;
}

.data-table .giftvoucher-grid-search th{
    vertical-align: top;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item{
    padding-bottom: 2px;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .search-text{
    width: 97%;
}

.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container{
    float: left;
    padding-bottom: 2px;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range{
    min-width: 121px;
    min-height: 18px;
    margin-bottom: 3px;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label{
    display: block;
    width: 36px;
    float: left;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range img{
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.range-text{
    float: right;
    width: 50px;
    padding: 1px;
}

.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item select{
    width: 100%;
}

.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .from-price,
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .range-container .to-price{
    min-width: 100px;
}

.giftvoucher-search-button {
    padding-bottom: 5px;
    text-align: right;
}
/* End Search */
.customer-account-giftcard .balance{
    overflow: hidden; 
    margin-bottom: 10px; 
    border-bottom: 1px dotted black;
}
.customer-account-giftcard #giftvoucher_grid .gift-voucher-sent-friend{
    background-color: #F6B26B;
}
.customer-account-giftcard .account-balance{
    overflow: hidden; 
    margin-bottom: 10px; 
    border-bottom: 1px dotted black;
}
/*Hai.Tran*/
.custom-field{
    width: 175px !important;
}
.custom-field-right{
    width: 375px !important;
}
.giftcard-preview-template-dialog .top,
.giftcard-preview-template-dialog .bot{
    display: none;
}
.giftcard-preview-template-dialog .dialog_e,
.giftcard-preview-template-dialog .dialog_w {
    width: 0;	
}
.giftcard-preview-template-dialog .dialog_close{
    display: none;
}
.giftcard-preview-template-dialog .dialog_content{
    background-color: transparent !important;
    color: #2f2f2f !important;
    font: 12px/1.55 Arial, Helvetica, sans-serif;
}
.gift-active{
    border: 2px solid rgb(228,121,17) !important;
}
div.egcSwatch-arrow {
    /*    display: none;*/
    position: absolute;
    height: 11px;
    top: -2px;
    left: 1px;
    width: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    clear: both;
    /*    z-index: 10;*/
    background-image: url(../../skin/frontend/primabead/2_1_0/css/magestore/giftvoucher/down-arrow.png);
}
#giftcard-template-show-images:hover #giftcard-template-next{
    background-image: url(../../skin/frontend/primabead/2_1_0/css/magestore/giftvoucher/arrow-slide-right.png);
}
#giftcard-template-show-images:hover #giftcard-template-prev{
    background-image: url(../../skin/frontend/primabead/2_1_0/css/magestore/giftvoucher/arrow-slide-left.png);
}
/*#giftcard-template-next:hover{
    background-image: url(https://www.primabead.com/giftcard/skin/frontend/default/default/images/giftvoucher/arrow-slide-right.png);
}
#giftcard-template-prev:hover{
    background-image: url(https://www.primabead.com/giftcard/skin/frontend/default/default/images/giftvoucher/arrow-slide-left.png);
}*/
/** Media Library **/
.uploader .file-row { display: inline-block;width:315px; padding:0.3em 0.6em; /*margin:0.5em 0.6em;*/ border:1px solid #ccc; background-color:#f9f9f9; /*vertical-align:middle;*/ }
.uploader .file-row-narrow { width: auto; margin: 0 0 2px 40px; }
.uploader .file-row .file-info { float:left; }
/*.uploader .file-row .file-info-name { with: 80%; overflow: hidden; }
.uploader .file-row .file-info-size { width: 20%; }*/
.uploader .file-row-info { margin: 0 0 0 10px; }
.uploader .file-row-info .file-info-name  { font-weight:bold; }
.uploader .file-row .progress-text { float:right; font-weight:bold; }
.uploader .file-row .delete-button { float:right; }
.uploader .buttons { float:left; }
.uploader .flex { float:right; }
.uploader .progress { border:1px solid #f0e6b7; background-color:#feffcc; }
.uploader .error { border:1px solid #aa1717; background-color:#ffe6de; }
.uploader .error .progress-text { padding-right:10px; }
.uploader .complete { border:1px solid #90c898; background-color:#e5ffed; }

#amount_range{
    width: 60px;
}
#popup-giftcard{
    position: fixed;
    z-index: 1000;
    width: 600px;  
    left: 50%;
    top: 20%;
    margin-left: -300px;  
}
#bg-fade{
    background: #000;
    position: absolute;
    z-index: 999;
    width: 100%;
    min-height: 800px;
    float: left;
    top: 0;
    left: 0;
    opacity: 0.8;
    filter:alpha(opacity=80);
}
.calendar{
    z-index: 99999;
}

.calendar .button{
    display: table-cell;
}

/* stee */
.ajax-file-upload-progress {
    width: 95% !important;
}
.ajax-file-upload-green {
    display: none !important;
}
.ajax-file-upload-abort {
    display: none !important;
}
.ajax-file-upload-statusbar {
    width: 88% !important;
}
/* 
    Document   : reupdate.css
    Created on : Aug 14, 2014, 2:27:31 PM
    Author     : Billy
    Description:
        Purpose of the stylesheet follows.
*/

/****************************Template 02 _ top*************************************/

	#giftcard-template-top{
            overflow:hidden; 
            max-height: 550px;
            font-size: 14px;
            width: 100%;
            height: 365px;
        }
	#giftcard-template-top .giftcard-template-content{
            margin-left:0px;
            padding: 0;
            position: relative;
        }
	#giftcard-template-top .giftcard-template-content-top, .giftcard-change-image-temp2{
            height: 190px; 
            background-color: #FFFFFF;
            background-position: center; 
            background-repeat: no-repeat; 
            background-size: 100% 100%;
        }
	#giftcard-template-top .giftcard-template-content-temp2{          
            padding-top: 0px;          
            background-repeat: repeat;
            background-size: 100%
        }	
        .logo-title.logo-title-top {
            padding-left: 15px;
            float: left;  
             height: 84px;
        }
	.logo-title.logo-title-top img{                     
           float: left;                
           border-radius: 0px 0px 5px 5px;
           max-height: 70px;
           background-position: 15px 0px !important;          
        }
        .name-value-top{
            float: left;
            width: 100%;
            background: url('../../skin/frontend/primabead/2_1_0/css/magestore/giftvoucher/bkg-title.png') no-repeat;
            background-size: 103% 105%;
            margin-top: 55px;            
            height: 50px;
            position: absolute;
            bottom: 0;
        }
	.name-value-top .giftcard-title{
           float: left;
            font-size: 20px;
            font-family: 'Open Sans', sans-serif;
            margin-left: 15px;
            line-height: 48px;
            font-weight: 600;
        }
	#giftcard-template-top .giftcard-value{           
            float: right;                        
             width: 218px;
             background: url('../../skin/frontend/primabead/2_1_0/css/magestore/giftvoucher/bkg-value.png') no-repeat;
             height: 50px;   
               background-size: 100% 100%; 
        }
	.name-value-top .giftcard-value .giftcard-text-color{
            float: left;
            font-size: 12px;            
            padding-top: 20px;
            font-family: 'Open Sans', sans-serif;
            font-weight: 600;
        }
	.name-value-top .giftcard-value .giftcard-price-change { 
            float: right;
            margin-left: 15px;
            font-size: 26px;           
            font-family: 'Open Sans', sans-serif;
            font-weight: bold;
        }
        .name-value-top .value-price span {           
            margin-right: 5px;
            font-family: 'Open Sans', sans-serif;
            font-weight: bold;
            font-size: 12px;
            margin-top: -3px;
        }
        .name-value-top .giftcard-value .giftcard-price-change .price {            
            margin-right: 10px;
            font-size: 26px;
            font-family: 'Open Sans', sans-serif;
        }       
	.giftcard-date-top{
            width: 59%;             
            float:left;
            padding-top: 10px;           
        }
	 .giftcard-date-top .giftcard-from-to{          
            float: left;
            font-size: 16px;             
            color: #636363 !important;            
            font-family: 'Open Sans', sans-serif;
            margin-left: 15px;
        }
	.giftcard-date-top .giftcard-from-to .giftcard-from{           
          float: left;
           max-height: 25px;
        }
	.giftcard-date-top .giftcard-from-to .giftcard-text-color,
        .giftcard-date-top .giftcard-from-to .giftcard-style-color{          
            font-family: 'Open Sans', sans-serif;
            font-size: 16px;         
        }  
        .giftcard-information {
            float: left;
            clear: both;
            width: 342px; 
            margin-top: 8px;
            margin-left: 15px;
        }
        .giftcard-date-top .giftcard-barcode {
            float: right;
            text-align: right;
            padding-right: 15px;            
        }
        .giftcard-date-top span.giftcard-barcode img {  
            max-width: 100%;
            float: right;
            height: 40px;
        }
        .giftcard-date-top .giftcard-barcode {
            padding-right: 15px;
            margin-top: -10px;
        }
	.giftcard-date-top .giftcard-from-to .giftcard-style-color{
            color: orange;
            font-size: 16px
        }
	.giftcard-date-top .giftcard-to{           
            margin-left:0px; 
            max-height: 25px; 
            float:left; 
            clear:both;
        }		
	.giftcard-date-top .giftcard-number .giftcard-style-color{
            color: orange; 
            font-weight: bold; 
            font-family: 'Open Sans', sans-serif;
            font-style: italic;
            line-height: 30px;
        }	
        .name-value-top .value-price{
            float: right;
            line-height: 55px;
        }	
	.giftcard-date-top .giftcard-message{
            padding: 6px;
            padding-bottom: 14px; 
            padding-top: 3px; 
            height: 65px;
            vertical-align: middle; 
            background: #fff; 
            border-radius: 5px; 
            border:1px solid #cecece;       
        }
        .barcode-note .giftcard-code{
            float: right;
            margin-right: 15px;
        }
        .barcode-note .barcode{
            text-align: right;
            float: right;
            width: 158px; 
            height: 40px;
        }

        .barcode-note .barcode img{
            height: 40px; 
            max-width: 100%;
            float: right;
        }
	.giftcard-date-top .giftcard-custom-message{
            margin: 0; 
            white-space: pre-wrap;  
            max-height: 65px; 
            overflow: hidden; 
            font-size: 11px;
        }	
	.barcode-note .giftcard-note{
            margin-top: 5px;
            float: right;
            width: 215px;
            text-align: right;           
            overflow: hidden;
            height: 87px;
            position: absolute;
            bottom: 10px;
        }
	.barcode-note .giftcard-note .giftcard-text-color{
            font-size: 10px;            
            margin: 0px;           
            font-family: 'Open Sans', sans-serif;
           font-weight: 600;
        }
         
	#giftcard-template-top .giftcard-template-content-top.giftcard-change-image-temp2{width:100% !important; position: relative;}	
	#giftcard-template-top .giftcard-template-content{
            width:100%; 
            background-size:100% auto !important;
            float: left;   
            height: 175px;           
        }
	#giftcard-template-top .giftcard-title-top{
            width:100%;
            position: relative;
        }
        .hidden-giftcard-content-temp2 .giftcard-barcode-value {height: 30px !important}
	#giftcard-template-top .title{width:60% !important;}		
	#giftcard-template-top .barcode-note{
            width: 230px;
            float: right;
            margin-top: 5px;
            position: relative;
            height: 170px;
        }	
	#giftcard-template-top .giftcard-value-bottom {display: none}	


/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 15-08-2014, 09:33:08
    Author     : MSI
*/
/*---Detail Template 3---*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:600italic,300,700,400,600);
    #giftcard-template-back .giftcard-template-content{display: none; height: 0px} 
    .title-value.giftcard-logo-background {
        float: left;
        width: 100%;
        background: url('../../skin/frontend/primabead/2_1_0/css/magestore/giftvoucher/bkg-title.png') no-repeat;
        height: 50px;   
       background-size: 100%;       
    } 
    .giftcard-logo-background .giftcard-value-color {
        float: right;  
        width: 194px;
        background: url('../../skin/frontend/primabead/2_1_0/css/magestore/giftvoucher/bkg-value.png') no-repeat;
        height: 50px;   
        background-size: 100% 100%;
        text-align: right;
        padding-right: 15px;
        line-height: 48px;
    }
    .from-to-barcode-background{
        float: left;
        width: 100%;
        margin-bottom: 5px;
    }
    .giftcard-change-image-background-popup .giftcard-logo {
        float: left;   
        height: 84px;
        margin-left: 15px;
    }
    .giftcard-change-image-background-popup .giftcard-logo img {      
        margin-bottom: 15px;       
        border-radius: 0px 0px 5px 5px;
        max-height: 70px;
        float: left;        
    }
    .giftcard-logo-background .giftcard-text-color {           
        font-size: 12px;        
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        padding-right: 10px;
    }
  .giftcard-logo-background .giftcard-style-color.giftcard-price-change {              
        font-size: 26px;
        margin-top: 6px;       
    } 
    .giftcard-logo-background .giftcard-style-color.giftcard-price-change .price {
         font-family: 'Open Sans', sans-serif;
        font-weight: bold;
        float: right;
        line-height: 52px;
    }
   
    .giftcard-logo-background .giftcard-title {
        float: left;
        font-size: 20px;
        font-family: 'Open Sans', sans-serif;
        margin-left: 15px;
        padding-top: 9px;
        font-weight: 600;
    }   
    .from-to-barcode-background .from-to {
       font-size: 16px; 
       font-family: 'Open Sans', sans-serif;
        float: left;       
        margin-left: 15px;       
    }
    .from-to-barcode-background .from-to .giftcard-form{       
        float: left; 
        text-align: left;
         margin-top: 10px;
    }       
    .from-to-barcode-background .from-to .giftcard-to {
        float: left; 
        text-align: left;        
        clear: both;
    }
    .giftcard-text {
        height: 90px;
    }
    .from-to-barcode-background span img {
        height: 40px;
        max-width: 100%;
    }
   .from-to-barcode-background .from-to .giftcard-text-color {       
        font-family: 'Open Sans', sans-serif;   
        font-size: 16px;
        font-weight: 600;
    }   
    .from-to-barcode-background .from-to .giftcard-style-color{
        font-size: 16px;
        font-family: 'Open Sans', sans-serif;        
    }    
    .giftcard-box-background{
        overflow: hidden;
        width: 95%; 
        margin: 0 auto;  
    } 
    .giftcard-box-background .giftcard-text-box{
        background: #fff;
        border-radius: 5px;
        border:1px solid #cccccc; 
        padding: 0; 
        padding-bottom: 16px; 
        padding-top: 3px;         
        display:table-cell;
        vertical-align: middle;
    }
    .giftcard-box-background .giftcard-text-color.giftcard-custom-message{
        margin: 0;
        white-space: pre-wrap; 
        max-height: 85px; 
        overflow: hidden;
        font-size: 11px;
        font-family: 'Open Sans', sans-serif;
        padding: 0px 5px;
        color: black !important;
    }  
   .from-to-barcode-background .giftcard-barcode{       
        float: right;    
        margin-right: 15px;
    }
    .from-to-barcode-background .giftcard-barcode .giftcard-style-color{
        color: orange;
        font-weight: bold;
        font-size:15px; 
       font-family: 'Open Sans', sans-serif;
    }
    .from-to-barcode-background .giftcard-barcode .giftcard-style-color{
        font-size: 14px; 
        line-height: 30px;
        color: orange; 
        font-weight: bold; 
        font-family: 'Open Sans', sans-serif;
        font-style: italic;
    }
    .giftcard-note-background{       
       // margin-top: 8px;       
        float:left;
        box-sizing: content-box;
        overflow: hidden;
        text-align: center;
        vertical-align: middle;
        margin-top: 10px;
        height: 30px
    }
    .giftcard-note-background .form-note{
        width: 100%; 
        margin: 0 auto;        
    }
    .giftcard-note-background .giftcard-text-color{
        font-size: 12px;
        line-height: 15px;
        margin: 0;      
        font-family: 'Open Sans', sans-serif;
        text-align: left;  
         padding: 0 15px;
         font-weight: 600;
    }           
    #giftcard-template-back {width: 100% ;float: left; position: relative}
    #giftcard-template-back .giftcard-change-image-background-popup{
        width: 100%;
        position: absolute;
        top: 0%;
    }    
    .giftcard-box-background .giftcard-text-box {
        display: inherit !important; 
        background-size: 100% !important; 
        width: 100% !important;
        height: 80px;
    }
    giftcard-box-background {
        width: 93% !important; 
        height: 95px; 
        padding: 5px 3%; 
        margin-top: 0px !important;
        box-sizing: content-box;
        float: left;
    }
    .from-to-barcode-background .giftcard-number{
        float: right;
        text-align: right;        
    }    
    .from-to-barcode-background .giftcard-barcode span.barcode  {       
        float: right;               
    }   
      
    /*****template 03 width devices*******/    
    .giftcard-change-image-background-popup img#img-type-background{
        position: relative;
        top: 0;
        z-index: 10;
        left:0;         
    }
    #giftcard-template-back img#img-type-background{width: 100%}
    #giftcard-preview-template img#img-type-background{width: 100%}    
    #giftcard-preview-template #giftcard-preview-template-content .giftcard-change-image-background-popup.giftcard-change-image{
        width: 100% !important; 
        top: 0%;
        position: absolute;
    }

.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('../../skin/frontend/primabead/2_1_0/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;
    text-align: left;
}
#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;
    text-align: left;
}
#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;}

/**********add giftcard by Sally************/
#addredeem-giftvoucher-code .buttons-set {margin-bottom: 10px;}
#addredeem-giftvoucher-code .buttons-set p.required{float:right; width: 40%}
#addredeem-giftvoucher-code .input-box{padding-top:5px !important;}
#addredeem-giftvoucher-code .button-add-list{float:left; width:55%;}
#addredeem-giftvoucher-code .buttons-set button.button{float:left !important;}
#addredeem-giftvoucher-code .buttons-set button.button:hover {background: #2e8ab8}
#gift-voucher-code{width:55% !important;}
/***************checkout cart by Sally***************/
/* .giftvoucher #giftvoucher{position: relative;margin-right: -33px;margin-top: 10px;margin-left: 15px;} */
.giftcard_change img{display:inline;}
/*************shopping cart by Sally*************/
.discount .giftvoucher #giftvoucher{position: relative;margin-right: 0px;margin-top: 0px;margin-left: 0px;}
.giftvoucher-discount-code img{display:inline}
/************my account by Sally***********/
.data-table .giftvoucher-grid-detail .input-text{width:160px;}
.data-table .giftvoucher-grid-title-hidden{display:none;}
/* .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range img{width:inherit !important; height:inherit !important; padding-top:9px; float: left}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label{width:50px !important; padding-top:9px;}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item select{width:65px !important; } */
.data-table .balance .left{color:#3091C2!important;}
/* .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.range-text{margin-bottom:5px !important; margin-top:0px;} */
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input#giftvoucher_grid-balance-to{margin-top:0px;}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input#giftvoucher_grid-balance-from{margin-top:0px;}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.data-table-balance_change-from{margin-top:0px;}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.data-table-balance_change-to{margin-top:0px;}
/* .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .to-date img{padding-top:17px;}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .to-price .label{padding-top:11px;}
.data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .to-date .label{padding-top:13px;} */
.data-table .pager{padding-top:10px;}  
.balance .view-detail{margin-bottom:10px;margin-top:10px; background:none; padding-left:0px !important;}
.balance .view-detail.button:hover{background:none;}
.amount .addredeem{float:right; margin-top:31px; padding:7px 17px;}
/***********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 {float:left; clear:both;} */

/******************End***********************/
/***************checkout cart by Sally***************/
/*.fieldset .giftvoucher  #giftvoucher{position: relative;margin-right: -33px;margin-top: 10px;margin-left: 15px;}*/
.giftcard_change img{display:inline;}
.fieldset .giftvoucher_credit #giftvoucher_credit{position: relative;margin-right: -33px;margin-top: 10px;margin-left: 15px;}
.fieldset #giftvoucher_container{float:left;width: 100% !important;}  
.fieldset .sp-methods{float:left; clear:both; width: 100% !important;} 
.credit_input img {display:inline;}
.credit_input  .input-text{width:68px !important;}
#giftvoucher_container dt label{display:initial !important;}
.notice-msg li{font-weight:700;}
.giftvoucher-index-index .pager{margin-top:7px;}
/*************shopping cart by Sally*************/
.discount-form.giftvoucher   #giftvoucher{position: relative;margin-right: 5px;margin-top: 5px;margin-left: 0px;}
/*.discount-form .giftvoucher_credit  #giftvoucher_credit{position: relative;margin-right: 5px;margin-top: 5px;margin-left: 0px; float:left}*/
.giftvoucher-discount-code img{display:inline;}
/* dd#giftcard_shoppingcart_apply, dd.giftvoucher li, dt.giftvoucher, dt.giftvoucher_credit, dd.giftvoucher-credit,li.giftvoucher-discount-code strong{float:left; clear:both; width: 100% !important} */
#payment_form_giftvoucher_credit #gift_credit_message{float: left; width: 100%;}
li.giftvoucher-discount-code strong{float:none;}
.giftcard-code-hidden{display:none;}

@media  (max-width:1199px){
    /**********add giftcard************/
    #gift-voucher-code{width:65% !important;}
}
@media (max-width:1099px){
    #history_grid  .giftvoucher-grid-search-item{width:280px !important;}  
    #history_grid  #giftvoucher_grid-gift_code{width:170px !important; margin-left:70px;}
    #history_grid   .giftvoucher-grid-search .giftvoucher-grid-search-item select{ margin-left:70px;width:170px !important; }
    #history_grid  .giftvoucher-grid-title{display:none;}
    #history_grid  .giftvoucher-grid-title-hidden{display:block;}
    #history_grid th {float:left;display:block !important; text-align:left; /* width:100%; */border:none; background:none !important;}
    #history_grid th .giftvoucher-grid-title-hidden{float:left;display:block; text-align:left; text-transform:initial; font-weight:bold;}
    #history_grid th .giftvoucher-grid-detail{ margin-left:270px; display:block; /* width:100%; */ text-align:left;} 
    #history_grid td{display:block; float:left; border-bottom:none; /* width:100%; */}
    #history_grid td .giftvoucher-grid-title-hidden{float:left;display:block; text-align:left; font-weight:bold;}
    #history_grid td .giftvoucher-grid-detail{ margin-left:300px; display:block; /* width:100%; */} 
    #history_grid  .giftvoucher-grid-search{border-bottom:1px solid #AAA2A2;}
    #history_grid tr{border-bottom:1px solid #AAA2A2;}
    .from-price{float:left;  }
    .to-price{float:left;  }
    .from-date{float:left;}
    .to-date{float:right;}
    #history_grid  .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label{width:50px !important; text-align:right; padding-right:3px;}
    #history_grid  .pager-header{display:none !important;}
    #history_grid  .giftvoucher-grid-search .giftvoucher-grid-search-item .to-price input.range-text{margin-left:20px;}
    #history_grid  .giftvoucher-grid-search .giftvoucher-grid-search-item .from-price  input.range-text{margin-left:20px;}
    #history_grid   .giftvoucher-grid-search .giftvoucher-grid-search-item .to-date .label{padding-top:9px !important;}
    #history_grid  .giftvoucher-grid-search .giftvoucher-grid-search-item .to-date img{padding-top:9px !important;}
    #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .search-text{width: 170px !important; margin-left: 70px;}
    #history_grid  .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label{padding-top:0px !important;}
    #history_grid  .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range img{padding-top:0px !important;}
    /* ********************* */

}
/**********add giftcard by Sally************/
#gift-voucher-code{width:90% !important;}    
#giftcard-template-left .giftcard-template-content .hidden-giftcard {
    height: 65px !important;
}
#giftcard-template-left .hidden-content {height: auto}
@media (max-width:990px){
    /************my account***********/
    .giftvoucher-grid-search-item{width:280px !important;}  
    #giftvoucher_grid-gift_code{
        width:170px !important; margin-left:70px;}
    .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item select{ margin-left:70px; }
    .giftvoucher-grid-title{display:none;}
    .giftvoucher-grid-title-hidden{display:block;}
    #giftvoucher_grid th {
        float:left;
        display:block !important;
        text-align:left; /* width:100%; */
        border:none; 
        background:none !important;
    }
    #giftvoucher_grid th .giftvoucher-grid-title-hidden{
        float:left;
        display:block;
        text-align:left; 
        text-transform:initial;
        font-weight:bold;
    }
    #giftvoucher_grid th .giftvoucher-grid-detail{ 
        margin-left:300px; 
        display:block; /* width:100%; */ 
        text-align:left;
    } 
    #giftvoucher_grid td{
        display:block; 
        float:left; 
        border-bottom:none;
        width:100%;
    }
    #giftvoucher_grid td .giftvoucher-grid-title-hidden{
        float:left;
        display:block; 
        text-align:left;
        font-weight:bold;
    }
    #giftvoucher_grid td .giftvoucher-grid-detail{
        margin-left:300px;
        display:block; /* width:100%; */
    } 
    .giftvoucher-grid-search{
        border-bottom:1px solid #AAA2A2;
    }
    #giftvoucher_grid tr{border-bottom:1px solid #AAA2A2;}
    .from-price{float:left;}
    .to-price{float:left;} 
    .from-date{float:left;}  
    .to-date{float:right;}   
    .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range .label{
        width:50px !important; 
        text-align:right; 
        padding-right:3px;
    }
    .pager-header{display:none !important;}
    .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .to-price input.range-text{margin-left:20px;}
    .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .from-price  input.range-text{margin-left:20px;}
    .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .to-date .label{padding-top:9px !important;}
    .data-table .giftvoucher-grid-search .giftvoucher-grid-search-item .to-date img{padding-top:9px !important;}
    /*view giftcard*/
    #giftcard_history_table .item-hidden{
        display:block !important;
        float:left; font-weight:700; 
        font-size:16px;
    }
    #giftcard_history_table thead{display:none;}
    #giftcard_history_table .item-detail{text-align: left;
                                         display: block;
                                         padding-left: 165px;
                                         font-size:16px;
    }
    #giftcard_history_table td{
        float:left; 
        width:100%; 
        border-bottom: none;
    }
    #giftcard_history_table tr{
        border-bottom:1px solid #AAA2A2;
    } 
    .giftvoucher-index-view  h2{
        font-size:18px;
    }
    .giftvoucher-index-view .form-list{
        border-bottom:1px solid #ececec;
        float:left;
        margin-bottom:15px;
    }
    .giftvoucher-index-view .form-list .field{
        margin-bottom:20px !important; /* display: block; */
    }
    .giftvoucher-index-view .form-list li{
        width:100%;
        float: left;
    }
    .giftvoucher-index-view .box-account.box-info {        
        margin-bottom: 15px;
    }
    .fields .custom-field-right{width:55% !important;}
    /**********check giftcard************/
    .col-main .giftvoucher-fieldset .input-box   input[type=text]{width:95% !important;}
    /**********check giftcard************/
    .col-main .giftvoucher-fieldset .input-box   input[type=text]{width:95% !important;}
}
@media  (max-width:880px){
    /************my account***********/
    #giftvoucher_grid th .giftvoucher-grid-detail{
        margin-left:230px !important; 
    }
    #giftvoucher_grid td .giftvoucher-grid-detail{
        margin-left:230px  !important;
    }
    .data-table   th .giftvoucher-grid-detail{
        margin-left:230px !important;
    }
    .data-table   td .giftvoucher-grid-detail{
        margin-left:230px  !important; 
    }
    #history_grid td{width:100% !important;
    }

    /**********add giftcard************/
    #gift-voucher-code{width:100% !important;}
}
@media only screen and (max-width: 770px){
    /************my account by Sally***********/
    #giftvoucher_grid th .giftvoucher-grid-detail{ margin-left:300px !important; }
    #giftvoucher_grid td .giftvoucher-grid-detail{ margin-left:300px  !important; }
    .data-table   th .giftvoucher-grid-detail{ margin-left:300px !important; }
    .data-table   td .giftvoucher-grid-detail{ margin-left:300px  !important; }
    /**********add giftcard by Sally************/
    .col-main .giftvoucher-fieldset .input-box   input[type=text]{width:365px !important;}
}
@media  (max-width:640px){
    /************my account by Sally***********/
    #giftvoucher_grid th .giftvoucher-grid-detail{ margin-left:200px !important; width:auto !important; }
    #giftvoucher_grid td .giftvoucher-grid-detail{ margin-left:200px  !important;  width:auto !important; }
    .data-table   th .giftvoucher-grid-detail{ margin-left:200px !important; width:auto !important; }
    .data-table  td .giftvoucher-grid-detail{ margin-left:200px  !important;  width:auto !important; }
}
@media  (max-width:580px){
    /************my account by Sally***********/
    #giftvoucher_grid th .giftvoucher-grid-detail{
        margin-left:150px !important;
        width:auto!important;
    }
    #giftvoucher_grid td .giftvoucher-grid-detail{ 
        margin-left:150px  !important;
        width:auto !important;
    } 
    .to-price{
        float:left;
        margin-left:0px !important;
    }
    .to-date{
        float:left;
        margin-left:0px !important;
    }
    .button{padding:5px !important;}
    .giftvoucher-grid-search-item{width:auto !important;}
    .balance .view-detail{background:#3399cc !important; }
    .balance .view-detail.button:hover{background:#2e8ab8 !important;}
    .balance .left{
        color:#fff !important;
        padding: 7px 15px !important;
    }
    #history_grid th .giftvoucher-grid-detail{ 
        margin-left:150px !important; 
        width:auto!important; 
    }
    #history_grid td .giftvoucher-grid-detail{
        margin-left:150px  !important; 
        width:auto !important;
    }
    #history_grid td{width:100% !important;}
    /*end*/
}
@media  (max-width:533px){
    /**********add giftcard by Sally************/
    .buttons-set button{margin-bottom:3px;}
    #addredeem-giftvoucher-code .buttons-set button.button{float:right !important; width:40%;}
}
@media  (max-width:480px){
    /************my account by Sally***********/
    #giftvoucher_grid th .giftvoucher-grid-detail{
        margin-left:150px !important;
        width:auto !important;
    }
    #giftvoucher_grid td .giftvoucher-grid-detail{ 
        margin-left:150px  !important;
        width:auto !important; 
    } 
    .to-price{
        float:left;
        margin-left:0px !important; 
    }
    .to-date{
        float:left; 
        margin-left:0px !important;
    }
    .button{padding:4px !important;}
    .giftvoucher-grid-search-item{width:auto !important;} 
    #history_grid th .giftvoucher-grid-detail{ 
        margin-left:150px !important;
        width:auto !important; 
    }
    #history_grid td .giftvoucher-grid-detail{
        margin-left:150px  !important;
        width:auto !important;
    } 	 	
    #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .data-range input.range-text{margin-bottom:10px !important;}
}
@media  (max-width:440px){
    /**********check giftcard by Sally************/
    .page-title h1{font-size:18px !important;}
    /* My account */
    .balance .button{float:none !important; width:185px !important;}
    .giftvoucher-search-button{text-align:left !important;}
    .button{padding:5px !important;}
    #history_grid th .giftvoucher-grid-detail{margin-left:115px !important;}
    #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item select{width:50px !important;}

    /*my account*/
    #giftvoucher_grid-gift_code{width:65px !important; margin-left:70px;}
}
@media  (max-width:420px){
    /***************checkout cart by Sally***************/
    .giftcard{display:block;}
}
@media only screen and (max-width: 380px){
    /*My Account*/
    #giftvoucher_grid th .giftvoucher-grid-detail{ margin-left:120px !important; width:auto !important; }
    #giftvoucher_grid td .giftvoucher-grid-detail{ margin-left:120px  !important;  width:auto !important; } 

    /************my account***********/
    #giftvoucher_grid th .giftvoucher-grid-detail{margin-left:115px !important;}
    #history_grid .giftvoucher-grid-search .giftvoucher-grid-search-item .search-text{width:50px !important;}
    .data-table  .balance .button{float:none !important; width:185px !important;}
    .data-table  .giftvoucher-search-button{text-align:left !important;}
    .data-table   th .giftvoucher-grid-detail{margin-left:115px !important;}
    .data-table  .button{padding:5px !important;}

}

@media  (max-width:400px){
    /**********add giftcard by Sally************/
    #addredeem-giftvoucher-code .buttons-set button.button{width:100%;}
    #addredeem-giftvoucher-code .button-add-list{width:100% !important;}
    input#full_gift_card_code{max-width:100% !important; width:100% !important;} 
    .giftvoucher-index-view.customer-account .wrapper{min-width:100%}
}