/* placeholder color for older browsers */
.placeholder {
  color: #999;
}


/* spnet content */
.spnet_content {
  min-height: 2em; position: relative;
}

  /* main menu (My account) */
  .spnet_content.mainmenu .BLOCK_TD_1 {
    background-color: #d00;
    color: #fff;
    padding: 1em;
  }

	/* extra content */
  .spnet_content .extra_content, .spnet_content .extra_content > * {
    min-height: 2em;
  }
	.spnet_content .extra_content.edit {
    position: relative;}
	.spnet_content .extra_content.edit:hover {
    outline: 1px dashed #999;
  }
	.spnet_content .extra_content.edit {
    min-height: 3em;
  }
	.spnet_content:hover .extra_content_link {
    display: block;
  }
	.extra_content_link {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 100;
  }
	.extra_content_link a {
    color: #fff;
    background-color: gray;
  }

	.spnet_content .spnet_menu a {
		display: block;
	}

	/* spnet pages with tables (products etc) */
	.spnet_content th {
    background-color: #586473;
    color: #fff;
    font-weight: bold;
  }
	.spnet_content td,
  .spnet_content table.spnet-responsive-table tr td {
    background-color: #fff;
    color: inherit;
  }
	.spnet_content tr[class*="_EVEN"] td {
    background-color: #cbe2f2;
  }

  /* responsive tables */
  .spnet-responsive-table,
  .spnet-responsive-table tbody,
  .spnet-responsive-table tr,
  .spnet-responsive-table th {
    box-sizing: border-box;
    display: block;
    width: 100%;
  }

  .spnet-responsive-table .spnet-heading-row {
    display: none;
  }

  .spnet-responsive-table .spnet-data-row {
    display: table;
  }

  .spnet-responsive-table [data-spnet_th] {
    display: table-row;
    width: 100%;
    text-align: left;
  }
  .spnet-responsive-table [data-spnet_th]:first-child::before,
  .spnet-responsive-table [data-spnet_th]:first-child .spnet_cell_content {
    padding-top: 5vw;
  }
  .spnet-responsive-table [data-spnet_th]:last-child::before,
  .spnet-responsive-table [data-spnet_th]:last-child .spnet_cell_content {
    padding-bottom: 5vw;
    border-bottom: 1px solid #ccc;
  }
  .spnet-responsive-table [data-spnet_th]:empty {
    display: none;
  }
  .spnet-responsive-table [data-spnet_th]::before {
    content: attr(data-spnet_th);
    font-weight: bold;
    display: table-cell;
    padding-right: 5vw;
    white-space: nowrap;
    width: 1vw;
    vertical-align: top;
  }
  .spnet-responsive-table .spnet_cell_content {
    display: table-cell;
  }

	/* category list with images */
	.spnet_category_list .has_image {
    position: relative;
  }

	.spnet_category_list .has_image,
  .spnet_category_list .has_image li {
		list-style: none; padding: 0;
	}

	.spnet_category_list .has_image li {
		display: inline-block; width: 24.99%; vertical-align: top;
	}

	.spnet_category_list .has_image .category_image,
  .spnet_category_list  .has_image .description_text {
		text-align: center; padding: 0 1em;
	}

	.spnet_category_list .has_image .description_text {
    padding-bottom: 1em;
  }

	/* fix problem in Invoice Detail Enquiry page in IE */
	.spnet_content.oi_inv_os #CSSID_TABLE {
		margin-right: 2%;
	}

  /* custom category list/details */
  .add_to_cart_quantity {
    width: 4em;
  }

  /* spnet blocks */
	#block-spnet-account-login input.login_input.fake,
  #block-spnet-search input.empty {
		color: #999;
	}

/* quickorder page */
#quick-order .product-code-input.invalid {
  border-color: #d00;
}

#quick-order .product-code-input.valid {
  border-color: #0d0;
}

#quick-order .quantity-input {
  width: 3em;
}

#quick-order .ui-autocomplete-loading {
  background: url(../images/spinner.gif) no-repeat right center;
  background-size: contain;
}

#quick-order .quickorder-validation-error div {
  border: 1px solid #d00;
  padding: 0.2em;
  background: #daa;
  color: #800;
  margin-bottom: 1em;
}

#spnet_ajax_loader {
	width: 100%;
	height: 100%;
	background: #fff url(../images/spinner.gif) center center no-repeat;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	opacity: 0.7;
}

/*****/
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    -ms-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}