/**
 *  This import is only possible because a symlink was set up to point at ../web-app.war/assets/styles/less
 *  An entry is in the .gitignore to ignore that directory. In this way, we can access
 *  FINL's core LESS styles for stylesheets which live on /media.
 */
/* 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;
}
#siWrapper {
  background: url('/media/landing-pages/instoregift/images/si/background-red.png') no-repeat top left;
  height: 619px;
  margin: 10px;
  width: 956px;
}
#siWrapper .column {
  display: inline-block;
  height: 619px;
}
#siWrapper .column#leftColumn {
  width: 490px;
}
#siWrapper .column#leftColumn #calendar {
  padding: 52px 0 0 62px;
}
#siWrapper .column#leftColumn #nice {
  padding: 10px 0 0 76px;
}
#siWrapper .column#rightColumn {
  color: #ffffff;
  font-family: 'Knockout 49 4r', "HelveticaNeue-CondensedBold", "Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 52px 0 0;
  width: 466px;
}
#siWrapper .column#rightColumn #freegift {
  color: #c1d72e;
  font-size: 38px;
  line-height: 28px;
}
#siWrapper .column#rightColumn #hotone {
  font-size: 21px;
}
#siWrapper .column#rightColumn #orderonline {
  font-size: 30px;
  line-height: 24px;
  padding: 36px 0 0;
  text-transform: uppercase;
}
#siWrapper .column#rightColumn #specifics {
  font-family: Arial, Helvetica, san-serif;
  font-size: 16px;
  line-height: 22px;
  padding: 20px 26px 0 0;
}
#siWrapper .column#rightColumn #happy {
  font-size: 30px;
  padding: 30px 0 4px;
  text-transform: uppercase;
}
#siWrapper .column#rightColumn #supplies {
  font-size: 11px;
  font-family: Arial, Helvetica, san-serif;
  margin: 26px 0 0;
}
#siWrapper .column#rightColumn .btn {
  background: #c1d72e;
  border: none;
  color: #000000;
  font-family: 'Knockout 49 4r', "HelveticaNeue-CondensedBold", "Arial Narrow", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 34px;
}
#siWrapper .column#rightColumn .btn:after {
  background-position: -150px -30px;
}