.headerLine{
  display: block;
  clear: both;
  padding-top: 30px;
}
.headerLine h1{
  color: #181819;
  font-size: 40px;
  font-weight: 600;
  float: left;
  text-transform: uppercase;
}
.headerLine a{
  width: 16.5%;
  text-align: center;
  color: #1d5a87;
  border: 1px solid #99a1aa;
  border-radius: 3px;
	height:	56px;
	float:right;
  line-height: 56px;
  text-decoration: none;
  background-color: #345;
  font-weight: 600;
}
.headerLine a:hover{
	opacity: .8;
  text-decoration: underline;
}
.headerLine a span{
  color: #fff;
}
.gcMainContainer{
  margin-top: 22px;
  width: 100%;
  background-color: #f2f2f2;
  padding: 20px 1.98% 50px;
}
.gcTop {
  max-width: 1350px;
  margin: auto;
  overflow: hidden;
}
#card-preview-container {
  width: 49%;
  float: left;
}
#card-preview-container #card-preview-view {
  width: 95%;
  max-width: 667px;
  background-color: #fff;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  padding: 0 20px 0 20px;
    margin-bottom:42px; 
}
.card-image{
  position: relative;
}
.card-image img {
  width: 100%;
}
.card-image .card-amount {
  position: absolute;
  right: 0;
  bottom: 5%;
  font-size: 60px;
  font-weight: normal;
}
#helpful-links ul{
  list-style-type: disc;
  list-style-position: inside;
}
#helpful-links li{
  margin-top: 28px;
}
#helpful-links li a{
	color:#1d5a87;
  font-size: 18px;
  font-weight: 300;
  text-decoration: none;
}
#helpful-links li a:hover{
  text-decoration: underline;
}
.gcTopRight{
  width: 51%;
}
.gcFormContainer{
  height: 210px;
}
.dollarAmount{
	color:#181819;
  padding-bottom: 20px;
	font-size:24px;
  display: block;
}
.cardDetails{
	font-size:24px;
  margin-top: 28px;
}
.formSec .formContainer{
  width: 60%;
	float: right
}
.formSec, .formLine{
  overflow: hidden;
}
.formSec{
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  padding: 10px 0;
  margin: 14px 0 30px;
}
.formLine{
  margin-top: 20px;
}
.formLine input, .formLine textarea {
  width: 77%;
  float: right;
  border: 1px solid #99a1aa;
  border-radius: 4px;
  font-size: 16px;
    padding:0 2.6%;
}
.gcOccasion{line-height:42px; height:42px}

.formLine input {
  height: 42px;
}
.formLine textarea {
  height: 82px;
}
.formMsg{
	margin-top:4px;
}
.gcFormContainer form {
  float: right;
  display: flex;
  justify-content: end;
}
.gcFormContainer form label {
  display: block;
  text-align: center;
}
.gcFormContainer .gc-amount-link{
  color: black;
  text-decoration: none;
  width: 18%;
  height: 38px;
  line-height: 38px;
  display: inline-block;
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  border: 1px solid #99a1aa;
  border-radius: 4px;
  margin-bottom: 20px;
  margin-right: 1.3%;
}
.gcFormContainer .gc-amount-link .sup {
  font-size: 16px;
  transform: translateY(-9px);
  display: inline-block;
}
.amountInput{
  width: 17.8%;
  background-color: #fff;
  border: 1px solid #99a1aa;
  border-radius: 4px;
	float: left;
	margin-right: 10px;
  cursor: pointer;
  position: relative;
  height: 40px;
  width: 55px;
}
.amountInput label {
  position: absolute;
  top: -20px;
  width: 100%;
  text-align: center;
}
input#gcQuantity{
  border: 0;
  color: #181819;
  background: none;
  font-weight: 300;
  text-align: center;
  font-size: 24px;
  display: block;
  margin: auto;
  height: 100%;
}
.selectAmount{
  background-color: #fff;
  color: #261c1a;
  font-size: 11px;
  height: 18px;
  line-height: 18px;
  border: 1px solid #b20000;
  position: relative;
  text-align: center;
  width: 100%;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
	display:none;
  bottom: 113px;
}

.gcCharCount{
  text-align: right;
  display: block;
  clear: both;
  padding-top: 8px;
}
dl.occasions {border:1px solid #c5c5c5; position:relative; height:18px; width:212px; float:right; background-color:#FFF;text-align: left; cursor:pointer; color:#595959;background-image: url('/images/giftCardSprite.jpg?v=<%=WebHelper.cacheControl%>'); background-repeat: no-repeat; background-position: -425px -458px;}
dl.occasions dt {text-indent:5px; border-bottom: 1px solid #c5c5c5; height:18px;}
dl.occasions dt a {text-decoration:none; color: #595959;}
dl.occasions dd {width:212px; display:none; margin:0; margin-left:-1px; background:#fff; border-left:1px solid #c5c5c5; border-right:1px solid #c5c5c5;}
dl.occasions dd:last-child {border-bottom:1px solid #c5c5c5;}
dl.occasions dd:hover {background:#ececec; }
dl.occasions.hover dd {display:block;}
dl.occasions dd a {text-decoration:none; color:#595959; margin-left: 5px;}
dl.occasions dd a:hover { background:#ececec;}
dl.occasions dd.occ a{ color:#c5c5c5;}
dl.occasions dt.occ a{ color:#c5c5c5;}


/*CSS for the amount selection radio buttons*/

/*
 * jQuery UI CSS Framework 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Arial, Helvetica, sans-serif; font-size:11px; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content a { color: #333333; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { 
  border: 1px solid #c5c5c5;
  color: #595959;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #165485;
	background:none 
}
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { 
	background-color: #cde6c5;
  border: 1px solid #3f9a59;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }



/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/*
 * jQuery UI Selectable 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }

/*
 * jQuery UI Button 1.8.14
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text {line-height: 23px;
  font-weight: bold;
  font-size: 28px;
  padding-top: 6px;
display: block;}
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

.ui-buttonset .ui-button { height: 38px; margin-bottom: 20px; width: 18%; margin-right:1.3%; border: 1px solid #99a1aa; border-radius: 4px;}
.ui-buttonset .ui-button.radio4, .ui-buttonset .ui-button.radio9{margin: 0;}
.ui-button-text sup{font-size: 16px; 
  vertical-align: bottom;
  -webkit-vertical-align: text-bottom;
  -moz-vertical-align: text-bottom;
  -o-vertical-align: text-bottom;
}
.ie .ui-button-text sup{vertical-align: top;}
/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */

.ui-autocomplete{
  width: 22.2% !important;
  border: 1px solid grey;
}
.ui-menu-item{
	text-align:left;
	background-color: #FFFFFF;
}
.ui-menu-item a{
  padding-left: 5px;
  cursor: pointer;
  font-size: 1.083em;
	display:block;
}
.ui-menu-item a:hover{
  background-color: #f2f2f2;
	background-image:none;
  border: none;
  color: #000;
}
#ui-active-menuitem{
  background-color: #f2f2f2;
	background-image:none;
  border: none;
  color: #000;
}
.gcAmountLinks .popover-content{
	padding:5px 22px;
}
div#onePopupLayer.gcBalance {
  width: 648px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
}
.gcBalance .popupLayerHeader {
  border-bottom: none;
}
.gcBalance .popupLayerHeader h2{
  font-family: "OpenSans", "Open Sans";
  font-size: 24px;
  font-weight: normal;
}
.gcBalance .popLayerMainContent {
  background-color: #fff;
  width: 646px;
  padding: 0 30px 30px 30px;
}
.gcBalance .gc_input input{
  font-family: "OpenSans", "Open Sans";
  box-sizing: border-box;
  display: block;
  font-size: 16px;
  padding: 0 10px 0 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #99a1aa;
  border-radius: 5px;
  background-color: #fff;
  height: 58px;
  float: left;
  margin-right: 20px;
}
.gcBalance .gc_input input.gc_Pin{
  width: 110px;
}
.gcBalance .gc_input input.gc_No{
  width: 280px;
	
}
.sprBtn {
  background-image: url("/images/en/bhSprite.png");
  background-repeat: no-repeat;
}
.sprBtn{text-indent:-9999px;display:block;text-align:left;background-color:transparent;}
.sprBtnKeepShopping{background-position:-0 -700px;height:30px;width:108px;}
.sprBtnKeepShopping:hover{background-position:-0 -750px;}
.sprBtnViewCart {
  background-position: -150px -700px;
  height: 30px;
  width: 109px;
}

.sprBtnViewCart:hover {
  background-position: -150px -750px;
}

#select-delivery-method {
  display: block;
  width: 100%;
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
#select-delivery-method  h3 {
  font-size: 24px;
  font-weight: normal;
  font-family: $FontFamily;
  margin-bottom: 20px;
}
#select-delivery-method .content-container {
  padding-top: 0;
   	padding-bottom: 0px; }
#select-delivery-method a {
   	cursor: pointer; }
#select-delivery-method ul.buttons-list {
  display: block;
  margin: 0;
  padding: 0;
   /* li */ }
#select-delivery-method ul.buttons-list li {
  display: block;
  width: 175px;
  float: left;
  /* .button */
  /* .delivery-info */
}
#select-delivery-method ul.buttons-list li .button {
  border-style: solid;
  border-width: 1px;
  border-color: #99a1aa;
  border-radius: 5px;
  width: 154px;
  height: 60px;
  line-height: 60px;
  font-weight: 600;
  text-decoration: none;
  font-size: 28px;
  text-align: center;
  vertical-align: middle;
	display: inline-block; }

.sp #select-delivery-method ul.buttons-list li .button {
	font-size: 24px
}

#select-delivery-method ul.buttons-list li.active .button{
  cursor: default;
}
#select-delivery-method ul.buttons-list li .button#ship-gift-card{
  background-color: #cde6c5;
  border: 1px solid #3f9a59; }
#select-delivery-method ul.buttons-list li .button#email-gift-card{
  background-color: transparent;
    color: #000; }
#select-delivery-method ul.buttons-list li .delivery-info {
  width: 154px;
  text-align: center;
  margin-top: 10px;
  font-size: 12px;
  color: #999999;
	font-weight: 300; }
#select-delivery-method ul.buttons-list li .delivery-info .delivery-time {
  color: #1a5888;
  cursor: pointer;
  text-decoration: none;
}
#select-delivery-method ul.buttons-list li .delivery-info .delivery-time:hover{
  text-decoration: underline;
}
#select-delivery-method ul.buttons-list li.email-item .delivery-info .delivery-time:hover{
  text-decoration: none;
}
#select-delivery-method ul.buttons-list li.active .delivery-info{
  font-weight: 300;
}
@media only screen and (max-width:960px){
	.headerLine{
		padding:30px 10px;
  }
	.ui-button .ui-button-text{
    font-size: 24px;
  }
	.card-amount{
    font-size: 40px;
  }
	.formSec .formContainer{
    float: left;
    width: 76%;
  }
	.gcFormContainer form{
		width:100%;
  }
	.amountInput{
		width: 7%;
	}
	.addToCartButton #atcButton{
		margin-left:70px;
		float:left;
  }
}