/**
 *  This file is ONLY for variables and mixins, so that they may be brought into
 *  other stand-alone LESS files.
 */
/* meta */
@charset "UTF-8";
/* fl-variables */
/**
 *  DO NOT edit variables in the bootstrap folder. The bootstrap folder is intended to
 *  always be identical to the LESS files in the version of Bootstrap we are currently
 *  using. ONLY edit variables/mixins in the fl-* LESS files.
 */
/* variables.less */
/* fl-mixins */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/**
 *	DO NOT edit mixins in the bootstrap folder. The bootstrap folder is intended to
 *	always be identical to the LESS files in the version of Bootstrap we are currently
 *	using. ONLY edit variables/mixins in the fl-* LESS files.
 *
 *	In addition, many of the mixins in this file may be contained in namespaces.
 *	Since the syntax for namespaces looks exactly like id selectors, namespace
 *	names should be prefixed with "ns" and camelCased.
 */
#fl-gradient .disableMsGradient {
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
#fl-btn {
  /**
	 *  sprite image path for this function is specified in fl-variables.less
	 *  global variables for this mixin found in fl-variables.less
	 *  		@row 		corresponds to a caret color set
	 *  		@colSection corresponds to a column section (group of carets in each of 4 directions)
	 *  		@col 		corresponds to a column within a column section (a single caret direction)
	 */

  /**
	 *  this mixin is responsible for determining which caret is chosen for each of the
	 *  various .btn types. it is useful because .btn-caret includes default/large
	 *  .btn sizes, as well as small/mini button sizes, and each has their own default
	 *  background positions defined, and each needs the various types to be tacked on
	 *  to the class chain BEFORE the :after pseudo-selector. this mixin was the easiest
	 *	way to achieve that end.
	 */

  /**
	 *  this mixin expects an already "cleaned" (without quotes) value for direction (i.e.
	 *  only to be called from the .btn-caret mixin). it specifies the most basic styles
	 *  for ALL .btn-caret classes.
	 */

  /**
	 *  these styles are meant to be set for carets which show up to the RIGHT of text
	 *  on buttons. using the guards to catch only the three relevant directions means
	 *  that this mixin can be called for any of the 4 directions, and will only generate
	 *  the appropriate css. additionally, access to this mixin is meant to be only from
	 *  the .btn-caret mixin.
	 */

  /**
	 *  unfortunately, there is no way to pass anything other than a strictly set variable
	 *  to a parameterized mixin. therefore, the second parameter is necessary here. for
	 *  some reason LESS just doesn't like to pass string-interpolated variable values
	 *  into ANY mixins. it will allow them for property values, however.
	 */

  /**
	 *  this mixin generates a .btn-<type> class to append to the .btn-flat class. It defines
	 *  the background and border styles for the button. these styles roughly parallel
	 *  bootstrap's native .btn-<type> styles. we just need it for .btn-flat, too.
	 */

}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.clear {
  clear: both;
}
#giftCardsHolder {
  margin: 0 125px 0 120px;
}
#giftCardsHolder h1 {
  font-family: 'Knockout 49 4r', "HelveticaNeue-CondensedBold", "Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 96px;
  font-weight: normal;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}
#giftCardsHolder .message {
  font-size: 18px;
  text-align: center;
}
#giftCardsHolder h3 {
  display: inline-block;
  font-family: 'Knockout 49 4r', "HelveticaNeue-CondensedBold", "Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 40px;
  font-weight: normal;
  padding: 0 10px;
  text-transform: uppercase;
  width: 310px;
}
#giftCardsHolder .subheader {
  position: relative;
  text-align: center;
}
#giftCardsHolder .subheader.strikethrough {
  height: 70px;
  margin: 70px 0 0;
}
#giftCardsHolder .subheader.strikethrough h3 {
  background: #FFF;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
#giftCardsHolder .subheader.strikethrough .line {
  margin-top: 22px;
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  border-bottom: 1px solid #c8c8c8;
}
#giftCardsHolder .subheader.balance {
  margin: 30px 0 0 0;
  padding: 50px 0 0 0;
}
#giftCardsHolder .buttonAreas .buttonArea {
  float: left;
  width: 50%;
}
#giftCardsHolder .buttonAreas .buttonArea .area {
  background: #f2f2f2;
  padding: 50px 0;
  text-align: center;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
#giftCardsHolder .buttonAreas .buttonArea .area h3 {
  font-family: 'Knockout 49 4r', "HelveticaNeue-CondensedBold", "Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 36px;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0;
  padding: 0 0 10px;
}
#giftCardsHolder .buttonAreas .buttonArea .area .message {
  font-size: 15px;
}
#giftCardsHolder .buttonAreas .buttonArea .area .button {
  padding: 30px 0 0;
}
#giftCardsHolder .buttonAreas .buttonArea .area#areaGiftCard {
  cursor: pointer;
  margin-right: 22px;
}
#giftCardsHolder .buttonAreas .buttonArea .area#areaEgiftCard {
  cursor: pointer;
  margin-left: 22px;
}
#giftCardsHolder #checkBalanceForm {
  height: 200px;
  margin: 0 140px 0 172px;
}
#giftCardsHolder #checkBalanceForm input {
  margin-right: 25px;
}
#giftCardsHolder #checkBalanceForm input#txt-gc-number {
  width: 250px;
}
#giftCardsHolder #checkBalanceForm input#txt-gc-pin {
  width: 95px;
}
#giftCardsHolder #checkBalanceForm button {
  float: right;
  margin: 7px 0;
}
#giftCardsHolder #checkBalanceForm #msg-gc-error {
  margin: 0;
}
#giftCardsHolder #checkBalanceDisplay {
  display: none;
  height: 200px;
  text-align: center;
}
#giftCardsHolder #checkBalanceDisplay .message {
  font-family: 'Knockout 49 4r', "HelveticaNeue-CondensedBold", "Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  text-transform: uppercase;
}
#giftCardsHolder #checkBalanceDisplay .amount {
  font-family: 'Knockout 49 4r', "HelveticaNeue-CondensedBold", "Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 36px;
  font-weight: normal;
  text-transform: uppercase;
  padding: 0 0 10px;
}
#giftCardsHolder #termsAndConditions {
  font-size: 15px;
  text-align: center;
}