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


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

	/* 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 { background-color: #fff; color: inherit;}
	.spnet_content tr[class$=_EVEN] td {background-color: #cbe2f2; }


	/* 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;
	}



#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;
}