body {
  background-color: #333333;
  font-size: 100%;
}

#loading_spinner {
  height: 3em;
  width: 3em;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 3em;
  position: absolute;
  display: none;
  border-radius: 100%;
  border-left: .5em solid #f47a20;
  border-right: .5em solid #f47a20;
  border-bottom: .5em solid #f47a20;
  border-top: .5em solid #252525;

  animation: rotate_load 1.5s infinite linear;
  -webkit-animation: rotate_load 1.5s infinite linear;
  -moz-animation: rotate_load 1.5s infinite linear;
}

@keyframes rotate_load {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@-webkit-keyframes rotate_load {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@-moz-keyframes rotate_load {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.g-form {
  background-color: #333333;
  padding: 15px;
}

#login_register {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top-right-radius: 7px;
}

#login_register_div {
  border-left: 2px #555555 solid;
  border-bottom: 2px #555555 solid;
  border-right: 2px #555555 solid;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top: 2px #555555 solid;
  margin-top: 0;
  border-top-right-radius: 7px;
  width: 51.5em;
}

#update_qty_span {
  float: right;
  margin-right: 1em;
  margin-bottom: 1em;
  margin-top: -2em;
  color: #00cc00;
  font-family: futura-pt;
  font-weight: 400;
}

#update_qty_span:hover {
  text-decoration: none;
}

#login {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top-left-radius: 7px;
}

#login_div {
  border-left: 2px #555555 solid;
  border-bottom: 2px #555555 solid;
  border-right: 2px #555555 solid;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top: 2px #555555 solid;
  margin-top: 0;
  border-top-left-radius: 7px;
  width: 51.5em;
}

#guest_checkout_div {
  width: 71%;
}

#delivery_table {
  padding: 1em;
}

.content {
  /* had to make decleration below because on checkout&step=process, there was a box in the bottom right hand corner that was still #191919. -ACQ 23 Nov 2017 */
  background-color: #333333;
}

.delivery_header {
  font-family: relay-wide !important;
  color: #C5C5C5 !important;
}

.g-button {
  width: 100%;
  background-color: #ffe399;
  border-radius: 5px;
  border-color: #ffe399;
  padding: 10px;
  box-shadow: none;
  border-style: none;
  font-weight: bold;
  margin: 5px;
  cursor: pointer;
  cursor: hand;
  font-family: relay-wide;
}

.g-button-gray {
  width: 14em;
  background-color: #a1ff3c;
  border-radius: 5px;
  border-color: #a1ff3c;
  padding: 10px;
  box-shadow: none;
  border-style: none;
  font-weight: bold;
  margin: 5px;
  color: #333333;
  cursor: pointer;
  cursor: hand;
  font-family: relay-wide;
}

.g-button-gray:disabled {
  background-color: #242424;
}

.g-button-inverted {
  width: 100%;
  background-color: #333333;
  border-radius: 5px;
  border-color: none;
  padding: 10px;
  color: #ffe399;
  box-shadow: none;
  border-style: none;
  font-weight: bold;
  margin: 5px;
  cursor: pointer;
  cursor: hand;
  font-family: relay-wide;
}

.g-button:active {
  border-color: #ffe399;
  border-style: none;
  outline: none;
}

.g-button-inverted:active {
  outline: none;
}

.g-input {
  width: 95%;
  /*display: inline-block;*/
  border: 2px solid #525252;
  background-color: #333333;
  color: #919191;
  padding: 10px;
  border-radius: 10px;
  margin: 5px;
  /*position: relative;*/
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-shadow: none;
}

.g-input:focus {
  border: 2px solid #ffe399;
}

.g-input-dark {
  width: 95%;
  /*display: inline-block;*/
  border: 2px solid #525252;
  background-color: #2D2D2D;
  color: #919191;
  padding: 10px;
  border-radius: 10px;
  margin: 5px;
  /*position: relative;*/
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-shadow: none;
}

.g-input-dark:focus {
  border: 2px solid #ffe399;
}

.g-text {
  font-size: 10pt;
  color: #919191;
  margin: 5px;
  font-family: sans-serif;
}

.g-link {
  color: #ffe399 !important;
  text-decoration: none !important;
}

.shipping-td {
  padding-right: 40.5em;
}

.payment_proceed {
  width: 47%;
}

#shipping_use_own_account {
  padding-right: 41em;
}

#account_number {
  width: 16em;
  margin-left: 2em;
}

#zip_code_account {
  width: 16em;
}

#shipping_option_account {
  width: 18em;
}

#gift_code_button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  color: #2C2C2C;
  float: right;
  width: 10em;
  display: inline-block;
}

#gift_code_input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  float: left;
  width: 80%;
  margin-right: -20em;
  display: inline-block;
  height: 1em;
}

#add_note_input {
  height: 1em;
}

#use_own_account_td {
  padding-right: 40em;
}

#cc_strong {
  style='margin-left:-1.5em;
}

#login_guest_button {
  width: 97%;
}

.full_width {
  width: 100%;
}

.cc_img {
  width: 75px;
  margin-bottom: 2em;
}

.g-gray {
  color: #C5C5C5 !important;
}

#usa_img {
  width: 25px;
  vertical-align: middle;
}

#canada_img {
  width: 25px;
  margin-left: -14em;
  vertical-align: middle;
}

#paypal_img {
  height: 75px;
  float: right;
  margin-right: 3em;
  margin-top: -2em;
}

.g-dark-gray {
  color: #919191;
}

#shipping_h1 {
  color: #C5C5C5;
  margin-bottom: 0;
}

.g-header {
  color: #ffe399;
  font-family: relay-wide;
  font-weight: bold;
  text-transform:uppercase;
}

.g-header-gray {
  color: #C5C5C5;
  font-family: relay-wide;
  font-weight: bold;
  text-transform:uppercase;
}

#nav {
  background-color: #333333;
  height: 53px;
  width: 51.5em;
  margin-bottom: -0.4em;
}

#login_divs {
  /* width: 52em; */
}

.nav_short_right {
  margin-left: -0.3% !important;
}

.nav_short_left {
  margin-left: 2% !important;
}

.active-tab {
  width: 100%;
  margin: 0;
  color: #ffe399 !important;
  background-color: #333333 !important;
  font-size: 12pt !important;
  text-align: center;
  display: inline-block;
  height: 35px;
  vertical-align: middle !important;
  padding-top: 18px;
  padding-bottom: 3px !important;
  border-top: 2px #555555 solid;
  border-left: 2px #555555 solid;
  border-right: 2px #555555 solid;
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
}

.tab {
  width: 100%;
  margin: 0;
  background-color: #414141;
  color: #919191;
  font-family: interstate-mono;
  font-size: 12pt;
  text-align: center;
  display: inline-block;
  height: 35px;
  vertical-align: middle;
  padding-top: 15px;
  padding-bottom: 2px;
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
  cursor: pointer;
  cursor: hand;
}

.a-n {
  width: 24.3em;
  color: #ffe399;
  display: inline-block;
}

.a-r {
  width: 24.3em;
  color: #919191;
  display: inline-block;
}

#a-r2 {
  margin-left: 1.4%;
}

#welcome_back_title {
  font-family: relay-wide;
}

.left-yellow {

}

.left-gray {

}

#checkout {
  width: 400px;
}

#text {
 visibility: hidden;
}

.invisible {
  visibility: hidden;
  display: none;
}

.invisible_login {
  visibility: hidden;
}

.g-hr {
  border: 1px solid #454545;
  text-align: left;
}

.g-hr-delivery {
  border: 1px solid #454545;
  width: 100%;
}

#secure_text {
  float: right;
  margin-right: 2em;
}
/*
#shipping_div {
  width: 450px;
}*/

#shipping {
  width: 100%;
}

.double-tr {
  column-count: 2;
}

.single-tr {
  column-count: 1;
}

/*#shipping-table {
  width: 450px;
}*/

.s > td > input {
  display: inline-block;
}

.s > td {
  width: 100%;
}

.d > td {
  width: 100%;
  display: inline-block;
}

tr {
  width: 100%;
}

.double {
  width: 31.5%;
}

.double_v2 {
  width: 33%;
}

.single {
  width: 68%;
}

#shipping-button {
  width: 33%;
}

.breadcrumbs_div {
  font-size: 10pt;
  color: #919191;
  font-family: interstate-mono;
  margin-left: 1em;
  margin-top: 1em;
}

.breadcrumb_link {
  color: #82B7DC !important;
  text-transform: uppercase;
}

.breadcrumb_link:hover {
  color: #82b7dc !important;
  text-decoration: none;
}

.breadcrumb_link:active {
  color: #919191 !important;
  text-decoration: none;
}

#express_checkout_div {
  background-color: #2C2C2C;
  padding: 1em;
}

#order_summary {
  width: 350px;
}

#state {
  color: #919191;
  text-transform: uppercase;
}

#state::-webkit-input-placeholder {
  text-transform: none;
}

#state::-moz-placeholder {
  text-transform: none;
}

#state:-moz-placeholder {
  text-transform: none;
}

#state:-ms-input-placeholder {
  text-transform: none;
}

#state::-ms-input-placeholder {
  text-transform: none;
}

#billing_state {
  color: #919191;
  text-transform: uppercase;
}

#billing_state::-webkit-input-placeholder {
  text-transform: none;
}

#billing_state::-moz-placeholder {
  text-transform: none;
}

#billing_state:-moz-placeholder {
  text-transform: none;
}

#billing_state:-ms-input-placeholder {
  text-transform: none;
}

#billing_state::-ms-input-placeholder {
  text-transform: none;
}

.arrow::after {
  content: url('/images/icons/down_arrow_525252.png');
  margin-left: -4.5em;
  margin-right: 2em;
  top: 0.5em;
  right: -0.75em;
  position: relative;
  /*filter: invert(0.3);*/
  pointer-events: none;
}

.right {
  text-align: right;
}

#delivery_method {
  background-color: #333333;
  width: 550px;
  padding: 1em;
}

.active_breadcrumb {
  font-weight: bold;
}

#payment_info {
  background-color: #333333;
  /*width: 73%;*/
  width: 51em;
  padding: 1em;
}

#card_number {
  width: 45.75em;
}

#card_month {
  width: 13em;
}

#card_year {
  width: 13em;
}

/* remove default arrow on IE 11 */
select::-ms-expand {
  display: none;
}

#cvc_input {
  width: 17em;
}

fieldset {
  border: none;
}

input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type='number'] {
  -moz-appearance: textfield;
}

#cvc_help_div {
  width: 300px;
  background-color: #333333;
  z-index: 3;
  position: absolute;
  margin-top: 1em;
  padding: 1em;
  border-radius: 5px;
  box-shadow: 0 0 .5em #C5C5C5;
  margin-left: 19em;
}

#cvc_help {
  left: 24em;
  position: relative;
}

#cvc_lock {
  right: 2.5em;
  bottom: 0em;
  position: relative;
  color: #919191;
  pointer-events: none;
  width: 1em;
}

.cvc_help_text {
  /*width: 13em;
  margin-left: -4em;*/
}

#billing_address_popout {
  background-color: #333333;
  width: 46em;
  padding: 1em;
}

@media all and (-ms-high-contrast:none) {
  #billing_address_popout {
    width: 50.75em;
  }
}

input[type='checkbox'] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  background-color: #4E4E4E;
  width: 15px;
  height: 15px;
  border: 1px solid #646464;
  border-radius: 3px;
}

input[type='checkbox']:checked:after {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  content: '\2714';
  color: #CCCCCC;
  font-size: 11pt;
  position: relative;
  bottom: .1em;
}

input[type='checkbox']:focus {
  outline: none;
}

input[type='radio'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1.3em;
  height: 1.3em;
  background-color: #4E4E4E;
  border: 1px solid #646464;
  border-radius: 50%;
}

input[type='radio']:checked {
  border: .7em solid #a1ff3c;
}

/*input[type='radio']:checked + div {
  /*content: url('/images/icons/circle.png');
  position: relative;
  bottom: 0.16em;
  left: 0.1em;
  display: none;
  background-color: blue;
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
}*/

/*.active_radio {
  background-color: blue;
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
  display: inline;
}

.inactive_radio {
  display: none;
}*/

input[type='radio']:focus {
  outline: none;
}

.double_popout_left {
  width: 19.75em;
}

.double_popout_right {
  width: 20em;
  margin-right: -4%;
}

.on_text {
  color: #ffe399 !important;
  font-weight: bold;
}

.off_text {
  color: #9C9C9C;
  font-weight: normal;
}

#error_message {
  text-align: center;
  float: right;
  margin-bottom: -4em;
  margin-top: -1em;
  display: block;
  width: 46em;
  margin-right: -15em;
  font-family: futura-pt, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.15em;
}

#cc_error_img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
}

#cc_error_text {
  font-size: 13pt;
  font-family: futura-pt, sans-serif;
  text-align: center;
  margin-right: 1em;
}

#referral {
  width: 19em;
}

#usa_span {
  font-family: relay-wide;
}

#canada_span {
  font-family: relay-wide;
}

.gray {
  background-color: #9C9C9C;
}

#apply_promo_code:hover {
  cursor: pointer;
  cursor: hand;
}

#add_note:hover {
  cursor: pointer;
  cursor: hand;
}

.input-cc-double {
  width: 19em;
}

.processing {
	text-align: center;
	font-size: 24px;
	line-height: 1.3;
	background: url(../images/processing.gif) no-repeat center top;
	padding-top: 35px;
	margin-top: 90px;
  border: none;
}

.processing span {
		font-size: 12px;
}

/* applies ONLY to WEBKIT browsers i.e., GOOGLE CHROME and safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  #gift_code_button {
    height: 2.6em !important;
  }
}

.circle_arrow {
  height: 1.5em;
  width: 1.5em;
  vertical-align: middle;
  margin-bottom: .25em;
  margin-left: .25em;
}

.shipping_radio:checked + radio {
  color: red;
  background-color: red;
}

#order_summary_div {
  background-color: #363636;
  border: 1px solid #666666;
  padding-top: 1em;
}

#go_home_link {
  color: #ffe399;
  font-family: interstate-mono, sans-serif;
}

#guest_checkout_page {
  margin-left: 10px;
  margin-top: 15px;
}

.inactive {
  pointer-events: none;
}