/* ------------------------------------------------
   The Whisky Exchange
   Designed and Built by The Whisky Exchange
   All Rights Reserved

   Checkout CSS file 

   Content:
   1 - Layout
   2 - Off States
   3 - On States
   ------------------------------------------------ */
/* ------------------------------------------------
   1 - Layout
   ------------------------------------------------ */ 
.twe-button-xs,
.twe-button-sm,
.twe-button-md,
.twe-button-lg {
   display: inline-block;
   width: auto;
   font-family: 'Fjalla One','Lato',arial,sans-serif;
   text-transform: uppercase;
   line-height: 1;
   text-align: center;
   color: #fff;
   border: none;
   border-radius: 4px;
   -webkit-box-shadow: 0 8px 6px -6px #333;
      -moz-box-shadow: 0 8px 6px -6px #333;
           box-shadow: 0 8px 6px -6px #333;
}
.twe-button-xs {
   padding: 5px 10px 4px;
   font-size: 0.8em;
}
.twe-button-sm {
   padding: 7px 15px 6px;
   font-size: 0.9em;
}
.twe-button-md {
   padding: 12px 30px 9px;
   font-size: 1.1em;
}
.twe-button-lg {
   padding: 13px 30px 10px;
   font-size: 1.4em;
}
.button-right {
   display: block;
   float: right;
}
.button-left {
   display: block;
   float: left;
}
.button-center {
   display: block;
   margin: 0 auto;
}
/* ------------------------------------------------
   2 - Off States
   ------------------------------------------------ */
.off-gold {
   background: #c2aa65; /* Old browsers */
   background: -moz-linear-gradient(top, #c2aa65 0%, #baa15c 49%, #a4863f 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2aa65), color-stop(49%,#baa15c), color-stop(100%,#a4863f)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #c2aa65 0%,#baa15c 49%,#a4863f 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #c2aa65 0%,#baa15c 49%,#a4863f 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #c2aa65 0%,#baa15c 49%,#a4863f 100%); /* IE10+ */
   background: linear-gradient(to bottom, #c2aa65 0%,#baa15c 49%,#a4863f 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2aa65', endColorstr='#a4863f',GradientType=0 ); /* IE6-9 */
}
.off-grey {
   background: #939393; /* Old browsers */
   background: -moz-linear-gradient(top, #939393 0%, #8b8b8b 49%, #717171 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#939393), color-stop(49%,#8b8b8b), color-stop(100%,#717171)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #939393 0%,#8b8b8b 49%,#717171 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #939393 0%,#8b8b8b 49%,#717171 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #939393 0%,#8b8b8b 49%,#717171 100%); /* IE10+ */
   background: linear-gradient(to bottom, #939393 0%,#8b8b8b 49%,#717171 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939393', endColorstr='#717171',GradientType=0 ); /* IE6-9 */
}
.off-green {
   background: #96c265; /* Old browsers */
   background: -moz-linear-gradient(top, #96c265 0%, #96c265 50%, #78a43f 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96c265), color-stop(50%,#96c265), color-stop(100%,#78a43f)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #96c265 0%,#96c265 50%,#78a43f 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #96c265 0%,#96c265 50%,#78a43f 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #96c265 0%,#96c265 50%,#78a43f 100%); /* IE10+ */
   background: linear-gradient(to bottom, #96c265 0%,#96c265 50%,#78a43f 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96c265', endColorstr='#78a43f',GradientType=0 ); /* IE6-9 */
}
.off-orange {
   background: #ff6600; /* Old browsers */
   background: -moz-linear-gradient(top, #ff6600 0%, #ef6000 50%, #e45b00 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6600), color-stop(50%,#ef6000), color-stop(100%,#e45b00)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #ff6600 0%,#ef6000 50%,#e45b00 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #ff6600 0%,#ef6000 50%,#e45b00 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #ff6600 0%,#ef6000 50%,#e45b00 100%); /* IE10+ */
   background: linear-gradient(to bottom, #ff6600 0%,#ef6000 50%,#e45b00 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#e45b00',GradientType=0 ); /* IE6-9 */
}
.off-maroon {
   background: #753d3d; /* Old browsers */
   background: -moz-linear-gradient(top, #753d3d 0%, #6f3a3a 50%, #6a3737 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#753d3d), color-stop(50%,#6f3a3a), color-stop(100%,#6a3737)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #753d3d 0%,#6f3a3a 50%,#6a3737 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #753d3d 0%,#6f3a3a 50%,#6a3737 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #753d3d 0%,#6f3a3a 50%,#6a3737 100%); /* IE10+ */
   background: linear-gradient(to bottom, #753d3d 0%,#6f3a3a 50%,#6a3737 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#753d3d', endColorstr='#6a3737',GradientType=0 ); /* IE6-9 */
}
/* ------------------------------------------------
   3 - On States
   ------------------------------------------------ */ 
.on-gold:hover {
   background: #c2aa65; /* Old browsers */
   background: -moz-linear-gradient(top, #c2aa65 0%, #baa15c 49%, #a4863f 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2aa65), color-stop(49%,#baa15c), color-stop(100%,#a4863f)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #c2aa65 0%,#baa15c 49%,#a4863f 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #c2aa65 0%,#baa15c 49%,#a4863f 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #c2aa65 0%,#baa15c 49%,#a4863f 100%); /* IE10+ */
   background: linear-gradient(to bottom, #c2aa65 0%,#baa15c 49%,#a4863f 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2aa65', endColorstr='#a4863f',GradientType=0 ); /* IE6-9 */
}
.on-grey:hover {
   background: #939393; /* Old browsers */
   background: -moz-linear-gradient(top, #939393 0%, #8b8b8b 49%, #717171 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#939393), color-stop(49%,#8b8b8b), color-stop(100%,#717171)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #939393 0%,#8b8b8b 49%,#717171 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #939393 0%,#8b8b8b 49%,#717171 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #939393 0%,#8b8b8b 49%,#717171 100%); /* IE10+ */
   background: linear-gradient(to bottom, #939393 0%,#8b8b8b 49%,#717171 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939393', endColorstr='#717171',GradientType=0 ); /* IE6-9 */
}
.on-maroon:hover {
   background: #753d3d; /* Old browsers */
   background: -moz-linear-gradient(top, #753d3d 0%, #6f3a3a 50%, #6a3737 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#753d3d), color-stop(50%,#6f3a3a), color-stop(100%,#6a3737)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #753d3d 0%,#6f3a3a 50%,#6a3737 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #753d3d 0%,#6f3a3a 50%,#6a3737 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #753d3d 0%,#6f3a3a 50%,#6a3737 100%); /* IE10+ */
   background: linear-gradient(to bottom, #753d3d 0%,#6f3a3a 50%,#6a3737 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#753d3d', endColorstr='#6a3737',GradientType=0 ); /* IE6-9 */
}
.on-green:hover {
   background: #96c265; /* Old browsers */
   background: -moz-linear-gradient(top, #96c265 0%, #96c265 50%, #78a43f 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96c265), color-stop(50%,#96c265), color-stop(100%,#78a43f)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #96c265 0%,#96c265 50%,#78a43f 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #96c265 0%,#96c265 50%,#78a43f 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #96c265 0%,#96c265 50%,#78a43f 100%); /* IE10+ */
   background: linear-gradient(to bottom, #96c265 0%,#96c265 50%,#78a43f 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96c265', endColorstr='#78a43f',GradientType=0 ); /* IE6-9 */
}