.clear_fix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear_fix {
  display: inline-block;
}

.clear_fix {
  display: block;
}

ul,
ol {
  padding: 0;
  margin: 0;
}

ul li {
  list-style-type: none;
}

.skip,
.skiptocontent,
.skiptonavigation {
  position: absolute;
  top: -30000px;
  left: -30000px;
}

a {
  text-decoration: none;
  color: #3c3c3c;
}

.hidden,
.notVisible {
  display: none;
}

img {
  vertical-align: top;
}

/*
select {
	float: left;
}

input.text,
input.qty,
label {
	padding: 0 0 0 1px;
	margin: 0;
	float: left;
}

label {
	font-weight: normal;
}

.paragraphContent p,
.paragraphContent h1,
.paragraphContent h2,
.paragraphContent h3,
.paragraphContent h4,
.paragraphContent h5,
.paragraphContent h6 {
	padding: 10px;
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #666666;
	line-height: 1.2;
}

.strong {
	font-weight: bold;
}

dl {
	overflow: hidden;
	line-height: 1.5em;
}

dl dt {
	float: left;
	min-width: 148px;
}

table, th, td {
	vertical-align: top;
}

table ul {
	padding: 0;
}

thead th {
	background-color: transparent;
}

table tr td {
	padding: 10px;
}

p {
	margin: 0 0 10px 0;
}

dl {
	margin: 0 0 10px 0;
}

thead th {
	background-color: transparent;
}

table tr td {
	border-left: 1px solid #e7e7e7;
	border-top: 1px solid #C0C1C2;
}

table tr td:first-child {
	border-left: none;
}

tbody tr:nth-child(2n) td,tbody tr.even td {
	background-image: none;
	background-color: transparent;
}

a {
	text-decoration: none;
}

a,a:visited {
	color: #495862;
}

a:hover {
	color: #2d95c8;
	text-decoration: underline;
}

a:focus {
	color: #2d95c8;
	text-decoration: underline;
}

a:focus img {
	outline: 1px solid #999;
}

a:active {
	color: #00679f;
}

.uppercase {
	text-transform: uppercase;
}

.prod_image {
	padding: 10px;
}

.hidden {
	display: none;
}

.text_hide {
	text-indent: -9999px;
}

.pad_right {
	margin-right: 10px;
}

.pad_left {
	margin-left: 10px;
}

.pad_none {
	margin: 0;
	padding: 0;
}

#wrapper {
	width: 990px;
	margin: 0 auto;
	overflow: hidden;
	background-image: url(../images/bg-frame.png); 
	background-repeat: repeat;
	background-position: center center;
	background-color: transparent;
	background: rgba(255, 255, 255, 0.3) none; all browsers supporting RGBa will use and ignore the above
	border-bottom: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #90bdd0;
	border-color: rgba(255, 255, 255, 0.2); all browsers supporting RGBa will use and ignore the above
}

#page {
	position: relative;
	overflow: hidden;
	width: 970px;
	margin: 0 auto;
	margin-bottom: 10px;
	background-color: #ffffff;
}

*/

.cms_disp-img_slot .disp-img,
.cms_disp-img_slot .simple_disp-img {
  border: 0px solid #999999;
  margin-bottom: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.span-4.section4 .cms_disp-img_slot .disp-img:first-child,
.span-4.section4 .cms_disp-img_slot .simple_disp-img:first-child {
  margin-top: 30px;
}

.page-productList .section1.cms_disp-img_slot .content {
  margin-bottom: 10px;
}

.section1.cms_disp-img_slot .disp-img .title,
.section1.cms_disp-img_slot .disp-img .details,
.section1.cms_disp-img_slot .disp-img .action,
.section2.cms_disp-img_slot .disp-img .title,
.section2.cms_disp-img_slot .disp-img .details,
.section2.cms_disp-img_slot .disp-img .action,
.zone_a.cms_disp-img_slot .disp-img .title,
.zone_a.cms_disp-img_slot .disp-img .details,
.zone_a.cms_disp-img_slot .disp-img .action,
.zone_b.cms_disp-img_slot .disp-img .title,
.zone_b.cms_disp-img_slot .disp-img .details,
.zone_b.cms_disp-img_slot .disp-img .action,
.zone_c.cms_disp-img_slot .disp-img .title,
.zone_c.cms_disp-img_slot .disp-img .details,
.zone_c.cms_disp-img_slot .disp-img .action,
.section4.cms_disp-img_slot .disp-img .title,
.section4.cms_disp-img_slot .disp-img .details,
.section4.cms_disp-img_slot .disp-img .action,
.section5.cms_disp-img_slot .disp-img .title,
.section5.cms_disp-img_slot .disp-img .details,
.section5.cms_disp-img_slot .disp-img .action,
.left-content-slot.cms_disp-img_slot .disp-img .title,
.left-content-slot.cms_disp-img_slot .disp-img .details,
.left-content-slot.cms_disp-img_slot .disp-img .action,
.top-content-slot.cms_disp-img_slot .disp-img .title,
.top-content-slot.cms_disp-img_slot .disp-img .details,
.top-content-slot.cms_disp-img_slot .disp-img .action,
.wide-content-slot.cms_disp-img_slot .disp-img .title,
.wide-content-slot.cms_disp-img_slot .disp-img .details,
.wide-content-slot.cms_disp-img_slot .disp-img .action,
.narrow-content-slot.cms_disp-img_slot .disp-img .title,
.narrow-content-slot.cms_disp-img_slot .disp-img .details,
.narrow-content-slot.cms_disp-img_slot .disp-img .action {
  display: none;
}

.backToMobileStore {
  font-size: 5em;
  font-weight: bold;
  border-bottom: 0.1em solid #687387;
  padding: 0.5em 0.5em;
  background: -moz-linear-gradient(top, #ffffff, #e6edf3);
  background: -ms-linear-gradient(top, #ffffff, #e6edf3);
  background: -o-linear-gradient(top, #ffffff, #e6edf3);
  background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#e6edf3));
  background: -webkit-linear-gradient(top, #ffffff, #e6edf3);
  background: linear-gradient(top, #ffffff, #e6edf3);
}

.greyDot {
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0 0;
  background-color: #6E7588;
  border-radius: 500em 500em 500em 500em;
  color: #FFFFFF;
  display: block;
  float: left;
  font-size: 0.6em;
  height: 1.5em;
  margin: 0.6em 0.6em 0 0;
  text-align: center;
  width: 1.5em;
}

.closeDot {
  float: right;
  cursor: pointer;
}

.emptyMessage {
  font-weight: bold;
}

.cms-content {
  padding: 10px 20px;
}

.cms-content .information_message {
  margin-bottom: 30px;
}

.cms-content h3 {
  margin: 20px 0 6px 0;
}

.cms-content .bullet-list li {
  margin: 1px 0;
  list-style-type: disc;
}

.cms-content-emphasized-big {
  font-size: 1.2em;
}

.helpBanner {
  margin: 20px 0;
  padding: 5px;
  border: 1px dotted #000;
}

.helpBanner .bannerHeadline {
  font-weight: bold;
  margin-right: 5px;
}

.helpBanner a {
  font-weight: bold;
  margin-left: 10px;
}

/*hide the action icon (HOME Page > Product Category)
 review after what is the purpose of that image*/

.prod_cat .action img {
  display: none;
}

.prod_cat .title h2 {
  background-color: #3c3c3c;
  font-size: 1.167em;
  margin: 0 15px 0 0;
  padding: 10px 0 10px 0;
}

.prod_cat .title h2:hover {
  background-color: #0068b3;
}

.prod_cat .title h2 a {
  color: #ffffff;
  text-transform: uppercase;
  padding-left: 20px;
}


body {
  color: #3c3c3c;
  text-align: left;
  font-size: 12px;
}

#page {
  padding: 0 5px;
  margin: 0 auto;
}

button {
  cursor: pointer;
}

.strong {
  font-weight: bold;
}

/*
	Rating Stars
*****************/

.stars {
  background: url("../images/stars.png") repeat-x left center  #0068b3;
  display: block;
  height: 14px;
  float: left;
  color: transparent;
}

/*
	required
*****************/

.required.right {
  margin: 0 0 0 20px;
  font-size: 90%;
  color: #666;
  max-width: 60%;
}

table.store-openings {
  padding: 0;
  margin: 20px 0;
}

table.store-openings td {
  padding: 1px 8px !important;
  border-bottom: 1px solid #EEEEEE !important;
}

table.store-openings td.weekday_openings_day {
  padding: 1px 8px 1px 8px !important;
  font-weight: bold;
}

table.store-openings td.specialday_openings_date {
  padding: 1px 8px 1px 0 !important;
  font-weight: bold;
}

/*


	Cart and Pickup button
*****************/

button.pickupInStoreButton,
button.addToCartButton {
  height: 40px;
  background: #000;
  color: #fff;
  border: 2px solid #000;
  padding: 0;
  width: 100%;
  font-size: 1em;
}

button.pickupInStoreButton {
  background: #fff;
  color: #000;
}

button.addToCartButton {
  font-weight: normal;
  text-transform: uppercase;
}

/*


	alerts
*****************/

.alert {
  padding: 12px;
  border: 1px dotted;
  margin: 0 0 20px 0;
}

.alert.positive {
  border-color: #30be57;
  color: #ffffff;
  background-color: #30be57;
}

.alert.negative {
  border-color: #eb5b4c;
  color: #ffffff;
  background-color: #eb5b4c;
}

.alert.neutral {
  border-color: #000;
  color: #000;
}

/*
	Scroller
*****************/

.span-24 > .scroller {
  padding: 20px 0;
}

.span-24 > .scroller .title {
  font-size: 1.167em;
  font-weight: normal;
  color: #ffffff;
  background-color: #3c3c3c;
  /*border-bottom:1px solid #979797;*/
  padding: 10px 0 10px 20px;
  text-transform: uppercase;
  margin: 0 0 20px 0;
}

.span-24 > .scroller ul li {
  width: 220px;
  margin: 0 20px 0 0;
}

.span-24 > .scroller ul li {
  width: 230px;
  margin: 0 12px 0 0;
}

.scrollerProduct {
  margin: 0 5px;
  display: block;
}

.scrollerProduct .thumb {
  padding: 0 0 20px 0;
  margin: 0 0 5px 0;
  /*border-bottom:1px dotted #c1c1c1;*/
}

.scrollerProduct .thumb img {
  width: 100%;
}

.scrollerProduct .details {
  color: #8f8f8f;
  padding: 0 40px 0 0;
}

.scrollerProduct .priceContainer {
  float: right;
  margin: 0 0 0 5px;
}

/*
	Scroller 
*****************/

.jcarousel-clip {
  overflow: hidden;
}

.jcarousel-skin .jcarousel-prev,
.jcarousel-skin .jcarousel-next {
  position: absolute;
  width: 25px;
  height: 25px;
  border: 0;
  padding: 0;
  background: url("../images/scroller-sprite.png") no-repeat;
  margin: 0;
}

.jcarousel-skin .jcarousel-prev[disabled],
.jcarousel-skin .jcarousel-next[disabled] {
  opacity: 0.1;
  cursor: default;
}

.jcarousel-skin .jcarousel-prev-horizontal,
.jcarousel-skin .jcarousel-next-horizontal {
  top: 40%;
}

.jcarousel-skin .jcarousel-prev-horizontal {
  left: -30px;
  background-position: 0 0;
}

.jcarousel-skin .jcarousel-next-horizontal {
  right: -30px;
  background-position: right 0;
}

.jcarousel-skin .jcarousel-prev-vertical,
.jcarousel-skin .jcarousel-next-vertical {
  left: 50%;
  margin-left: -12.5px;
}

.jcarousel-skin .jcarousel-prev-vertical {
  top: -30px;
  background-position: 0 bottom;
}

.jcarousel-skin .jcarousel-next-vertical {
  bottom: -30px;
  background-position: right bottom;
}

.jcarousel-container-vertical {
  margin: 30px 0;
}

.jcarousel-container {
  background: #fff;
}

ul.jcarousel-skin {
  background: url("../images/spinner.gif") no-repeat center center;
  display: block;
  height: 100%;
  width: 100%;
  min-width: 50px;
  min-height: 50px;
}

/* hide loading */

ul.jcarousel-skin li {
  display: none;
}

/*new skin styling*/

.jcarousel-clip {
  background-color: #f4f4f4;
}

ul.jcarousel-list .jcarousel-item {
  background-color: #fff;
}

/*
	Banner Sizes
*****************/

.cms_disp-img_slot .thumb img {
  width: 100%;
  height: auto;
}

.crossselling .simple_disp-img img {
  height: auto;
  float: right;
}

.doCheckoutBut {
  margin-right: 0;
}
/* -------------------------------------------------------------- 
  
buttons.css
* Gives you some great CSS-only buttons.
   
Created by Kevin Hale [particletree.com]
* particletree.com/features/rediscovering-the-button-element

See Readme.txt in this folder for instructions.

-------------------------------------------------------------- */

a.button,
button {
  display: block;
  float: left;
  margin: 0.7em 0.5em 0.7em 0;
  padding: 5px 10px 5px 7px;
  /* Links */
  border: 2px solid #0068b8;
  background: #0068b3;
  font-family: "Helvetica Neue", sans-serif;
  font-size: 100%;
  line-height: 130%;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  color: #fff;
  cursor: pointer;
  text-align: center;
  padding: 0 10px;
}

button {
  width: auto;
  overflow: visible;
  height: 32px;
}

a.button {
  height: 28px;
  line-height: 28px;
}

button img,
a.button img {
  margin: 0 3px -3px 0 !important;
  padding: 0;
  border: none;
  width: 16px;
  height: 16px;
  float: none;
}

/* Button colors
-------------------------------------------------------------- */

button.positive,
button.negative {
  height: 40px;
}

a.button.positive,
a.button.negative {
  height: 36px;
  line-height: 36px;
}

/* Standard */

button:hover,
a.button:hover {
  color: #ffffff;
  background-color: #5599c9;
  border-color: #5599c9;
}



#negotiateQuoteButton,
#acceptQuoteButton,
#cancelQuoteButton,
#addAdditionalComment {
  float: right;
}

/* Positive */

button.positive,
a.button.positive {
  color: #fff;
  background: #000;
  /*font-weight: bold;*/
  text-transform: uppercase;
  border-color: #000;
}





/* Negative */

button.negative,
a.button.negative {
  color: #000;
  background: #fff;
  border-color: #000;
}





/* Button block width
-------------------------------------------------------------- */

button.block,
a.button.block {
  width: 100%;
}

button[disabled] {
  opacity: 0.2;
  cursor: default;
  text-transform: none;
}

button.link {
  display: inline;
  float: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  line-height: auto;
  font-weight: normal;
  color: inherit !important;
  opacity: inherit;
}

.edit_btn_area {
  padding-top: 10px;
}

.edit_btn_area {
  margin-bottom: 0;
}

#reorderButton {
  margin-bottom: 15px;
}

.repl_top_cont_btn a {
  margin-right: 0;
  position: relative;
  top: -20px;
}
/*!
 * Bootstrap v2.3.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

.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: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

form {
  /*margin: 0 0 20px;*/
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

legend small {
  font-size: 15px;
  color: #999999;
}

.control-group label,
.control-group input,
.control-group button,
.control-group select,
.control-group textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}

.control-group input,
.control-group button,
.control-group select,
.control-group textarea {
  font-family: "Helvetica Neue", sans-serif;
}

.control-group label {
  display: block;
  margin: 12px 0 2px 0;
}

.control-group select,
.control-group textarea,
.control-group input[type="text"],
.control-group input[type="password"],
.control-group input[type="datetime"],
.control-group input[type="datetime-local"],
.control-group input[type="date"],
.control-group input[type="month"],
.control-group input[type="time"],
.control-group input[type="week"],
.control-group input[type="number"],
.control-group input[type="email"],
.control-group input[type="url"],
.control-group input[type="search"],
.control-group input[type="tel"],
.control-group input[type="color"] {
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #3c3c3c;
  vertical-align: middle;
  /*#################################################*/
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.control-group textarea {
  height: auto;
}

.control-group textarea,
.control-group input[type="text"],
.control-group input[type="password"],
.control-group input[type="datetime"],
.control-group input[type="datetime-local"],
.control-group input[type="date"],
.control-group input[type="month"],
.control-group input[type="time"],
.control-group input[type="week"],
.control-group input[type="number"],
.control-group input[type="email"],
.control-group input[type="url"],
.control-group input[type="search"],
.control-group input[type="tel"],
.control-group input[type="color"],
.control-group .uneditable-input {
  background-color: #ffffff;
  border: 1px solid #bfbfbf;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group textarea:focus,
.control-group input[type="text"]:focus,
.control-group input[type="password"]:focus,
.control-group input[type="datetime"]:focus,
.control-group input[type="datetime-local"]:focus,
.control-group input[type="date"]:focus,
.control-group input[type="month"]:focus,
.control-group input[type="time"]:focus,
.control-group input[type="week"]:focus,
.control-group input[type="number"]:focus,
.control-group input[type="email"]:focus,
.control-group input[type="url"]:focus,
.control-group input[type="search"]:focus,
.control-group input[type="tel"]:focus,
.control-group input[type="color"]:focus,
.control-group .uneditable-input:focus {
  border-color: rgba(0, 104, 179, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
}

.control-group input[type="radio"],
.control-group input[type="checkbox"] {
  margin: 4px 4px  0 0;
  *margin-top: 0;
  /* IE7 */
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
}

.control-group input[type="file"],
.control-group input[type="image"],
.control-group input[type="submit"],
.control-group input[type="reset"],
.control-group input[type="button"],
.control-group input[type="radio"],
.control-group input[type="checkbox"] {
  width: auto;
}

.control-group select,
.control-group input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
  line-height: 30px;
}

.control-group select {
  border: 1px solid #bfbfbf;
  background-color: #ffffff;
}

.control-group select[multiple],
.control-group select[size] {
  height: auto;
}

.control-group select:focus,
.control-group input[type="file"]:focus,
.control-group input[type="radio"]:focus,
.control-group input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.control-group .radio,
.control-group .checkbox {
  min-height: 20px;
  padding-left: 20px;
}

.control-group .radio input[type="radio"],
.control-group .checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}

.control-group .controls > .radio:first-child,
.control-group .controls > .checkbox:first-child {
  padding-top: 5px;
}

.control-group .radio.inline,
.control-group .checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}

.control-group .radio.inline + .radio.inline,
.control-group .checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}

.control-group input[disabled],
.control-group select[disabled],
.control-group textarea[disabled],
.control-group input[readonly],
.control-group select[readonly],
.control-group textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}

.control-group input[type="radio"][disabled],
.control-group input[type="checkbox"][disabled],
.control-group input[type="radio"][readonly],
.control-group input[type="checkbox"][readonly] {
  background-color: transparent;
}

.control-group input:focus:invalid,
.control-group textarea:focus:invalid,
.control-group select:focus:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}

.control-group input:focus:invalid:focus,
.control-group textarea:focus:invalid:focus,
.control-group select:focus:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}

.control-group .help-block,
.control-group .help-inline {
  color: #595959;
}

.control-group .help-block {
  display: block;
  margin-bottom: 10px;
}

.control-group .help-inline {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  vertical-align: middle;
  padding-left: 5px;
}

.control-group label.add-address-left-label {
  margin-top: 35px;
}

.is-default-address {
  margin: 15px 10px 0 0;
  display: inline-block;
  float: left;
  color: #999;
}

button.view-address-book {
  display: block;
  text-transform: none;
  font-weight: normal;
  float: none;
  height: 30px;
}

button.view-saved-payments {
  display: block;
  text-transform: none;
  font-weight: normal;
  float: none;
  height: 30px;
}



.control-group.error label {
  color: #c90400;
}

.control-group.error select {
  border-color: #c90400;
}

.control-group.error input {
  border-color: #c90400;
}

#countrySelector {
  float: left;
}



.form_field_error #j_username,
.form_field_error #j_password {
  background-color: #f47373;
  border-color: #f47373;
  color: #ffffff;
}
/*
## Header 
********************************************************************/

#header .siteLogo {
  padding: 20px 0;
}

/*
#header .headerContent{
    float:right;
}
*/

#header .headerContent.secondRow {
  clear: both;
  margin: 5px 0 0 0;
}

#header .headerContent .nav {
  height: 21px;
  line-height: 1.667em;
  color: #3c3c3c;
  margin: 15px 0 0 0;
}

#header .headerContent .nav > li {
  float: left;
  border-left: 1px solid #3c3c3c;
  padding: 0 6px;
  display: block;
}

#header .headerContent .nav > li:first-child {
  border: 0;
  padding-left: 0;
}

#header .headerContent .nav > li > a {
  display: block;
}

#header .headerContent .nav > li.miniCart > a {
  text-transform: lowercase;
  /*  temp */
}

#header .headerContent.secondRow .yCmsComponent {
  float: left;
}

#header .headerContent.secondRow .yCmsComponent + .yCmsComponent {
  margin: 0 0 0 10px;
}

.languagecurrencycomponent {
  margin: 0 10px;
  display: inline-block;
}

.languagecurrencycomponent li {
  float: left;
  height: 30px;
}

.languagecurrencycomponent li + li {
  margin: 0 0 0 10px;
}
/*
### MiniCart and addToCartLayer
********************************************************************/

.miniCart {
  position: relative;
  z-index: 200;
}

.miniCart > a .count {
  background: #464646;
  color: #fff;
  width: 20px;
  margin: 0 5px;
  font-size: 0.833em;
  display: inline-block;
  text-align: center;
}

.miniCart > a .price {
  color: #3c3c3c;
  font-style: italic;
}

.miniCartPopup {
  display: none;
  position: absolute;
  right: 0;
  background: #fff;
  width: 358px;
  border: 1px solid #bfbfbf;
  border-width: 1px;
  padding: 15px;
}

#addToCartLayer {
  display: none;
  position: fixed;
  top: 35px;
  z-index: 200;
  right: 50%;
  background: #fff;
  width: 358px;
  border: 1px solid #bfbfbf;
  border-width: 1px;
  padding: 15px;
  margin: 0 -475px 0 0;
}

.miniCartPopup .legend,
#addToCartLayer .legend {
  border-bottom: 1px solid #bfbfbf;
}

.miniCartPopup .legend a,
#addToCartLayer .legend a {
  float: right;
}

.popupCartItem {
  clear: both;
  min-height: 70px;
  margin: 10px 0;
}

#addToCartLayer  .popupCartItem {
  border-bottom: 1px solid #bfbfbf;
}

.popupCartItem .itemThumb {
  float: left;
  margin: 0 20px 0 0;
}

.popupCartItem .itemDesc {
  margin-left: 85px;
}

.popupCartItem .itemDesc .label {
  font-weight: bold;
  margin: 0 5px 0 0;
}

.popupCartItem .itemDesc .itemPrice {
  text-align: right;
}

.miniCartPopup .total {
  border-top: 1px solid #bfbfbf;
  font-weight: bold;
}

#addToCartLayer  .button.positive,
.miniCartPopup  .button.positive {
  float: right;
}

.miniCartPopup .banner {
  margin: 10px 0;
}

#addToCartLayer .links,
.miniCartPopup .links {
  clear: both;
}
/*
### Site Search
********************************************************************/

.siteSearch {
  float: right;
}

.siteSearch .control-group {
  width: 290px;
}

.siteSearch .siteSearchInput {
  padding-right: 35px !important;
}

.siteSearch .siteSearchSubmit {
  background: url("../images/storesFacetSearchIcon.png") no-repeat scroll center center transparent;
  border: 0 none;
  display: block;
  float: right;
  height: 28px;
  margin: 1px 1px 1px -30px;
  padding: 0;
  width: 28px;
}

/*
  ui-autocomplete   
  */

#header input#search {
  z-index: 10000;
}

.ui-autocomplete {
  width: 278px !important;
  z-index: 10000 !important;
  border: 1px solid #CCCCCC;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0px 8px 15px #2c3a55;
  -moz-box-shadow: 0px 8px 15px #2c3a55;
  box-shadow: 0 8px 15px #999;
  padding: 5px;
  margin: 0;
  float: none;
}

.ui-autocomplete .ui-menu-item {
  border-top: 1px solid #ccc;
}

.ui-autocomplete .ui-menu-item:first-child {
  border-top: 0;
}

.ui-autocomplete .ui-menu-item a,
.ui-autocomplete .ui-menu-item a:hover {
  display: block;
  padding: 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-weight: normal !important;
  color: #000 !important;
}

.ui-autocomplete .suggestions.ui-menu-item a,
.ui-autocomplete .suggestions.ui-menu-item a:hover {
  padding: 10px;
  text-transform: uppercase;
}

.ui-autocomplete .ui-menu-item .ui-state-hover {
  background: #F6F6F6;
}

.ui-autocomplete .ui-menu-item .thumb {
  float: left;
  width: 76px;
  height: 76px;
}

.ui-autocomplete .ui-menu-item .thumb img {
  width: 100%;
  height: auto;
}

.ui-autocomplete .ui-menu-item .desc {
  margin: 10px 10px 0 100px;
}

.ui-autocomplete .ui-menu-item .desc .title {
  float: left;
  white-space: normal;
  width: 115px;
  display: block;
}

.ui-autocomplete .ui-menu-item .desc .price {
  float: right;
  font-weight: bold  !important;
}
/*
## Navigation
********************************************************************/

#nav_main {
  /*border:1px dotted #a5a5a5;
	border-width:1px 0 ;*/
  background-color: #3c3c3c;
  position: relative;
  z-index: 100;
}

/*
#### 1. Navigation Level
********************************************************************/

#nav_main  li.La {
  float: left;
  text-align: center;
}

#nav_main  li.La > a {
  display: block;
  line-height: 2.750em;
  padding: 0 12px;
  color: #ffffff;
  text-transform: uppercase;
  /*make the nav bar items upper case*/
}

#nav_main li.La:hover {
  background-color: #0068b3;
}

#nav_main li.parent:hover > a {
  /*background:#eee ;*/
  margin: 0 0 -1px 0;
  padding-bottom: 1px;
  box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
}

#nav_main li.parent:hover > a {
  border-left: 1px dotted #bfbfbf;
  border-right: 1px dotted #bfbfbf;
  padding-left: 11px;
  padding-right: 11px;
}

/*
#### 2. Navigation Level
********************************************************************/

#nav_main ul.Lb {
  display: none;
}

#nav_main li.La:hover ul.Lb,
#nav_main li.La a:focus + ul.Lb {
  display: block;
  background-color: #ffffff;
}

#nav_main ul.Lb {
  position: absolute;
  background: #ffffff;
  left: auto;
  right: auto;
  text-align: left;
  padding: 20px;
  border: 1px solid #bfbfbf;
  z-index: 99;
  border-top: 0;
  width: 160px;
  top: 34px;
  box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
}

#nav_main ul.Lb li.Lb {
  float: left;
}

#nav_main ul.Lb li.Lb span.nav-submenu-title {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.167em;
  margin: 0 0 10px 0;
}

#nav_main ul.Lb li.Lb .Lc {
  float: left;
  width: 181px;
}

/*
#### Facet Block
********************************************************************/

.nav_column .item li.nav_selected {
  background-color: #E3E3E3;
}

.facet_block li {
  padding-left: 3px;
}

.facet_block li:hover a {
  color: #0068b3;
}

/*
#### Special Offer
********************************************************************/

#nav_main > ul > li:last-child {
  float: right;
}

#nav_main .La.special_offer {
  background: #eee;
}
/*
## Breadcrumb
********************************************************************/

.breadcrumb {
  background: #ffffff;
  margin: 0 0 30px 0;
}

.breadcrumb ul {
  padding: 12px;
  line-height: 0.833em;
}

.breadcrumb ul li {
  float: left;
}

.breadcrumb ul li.separator {
  padding: 0 6px;
  font-size: 1em;
  line-height: 0.9em;
}

.breadcrumb ul li,
.breadcrumb ul li a {
  color: #0068b3;
  /*font-size:0.9em;*/
  /*text-transform:uppercase;*/
}

.breadcrumb ul li a.last {
  color: #3c3c3c;
}
/*
## Facet Navigation
********************************************************************/

.facetNavigation .headline {
  display: block;
  line-height: 2em;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.167em;
  border-bottom: 0;
  background-color: #f4f4f4;
  line-height: 48px;
  margin: 0 0 20px;
  padding-left: 0;
}

.facetNavigation .facet {
  margin: 0 0 15px 0;
}

.facetNavigation .facet .facetHead {
  border-bottom: 1px solid #bfbfbf;
}

.facetNavigation .facet .facetHead .refinementToggle {
  display: block;
  line-height: 2em;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.167em;
  background: url("../images/facet-collapse-minus.png") no-repeat right center;
}

.facetNavigation .facet .facetHead .refinementToggle.close {
  background: url("../images/facet-collapse-plus.png") no-repeat right center;
}

.facetNavigation  .facetValues ul.facet_block li {
  line-height: 1.1em;
  padding: 5px 0;
  clear: left;
}

.facetNavigation  .facetValues ul.facet_block .facet_block-label input {
  float: left;
  margin: -2px 4px 3px 0;
}

.facetNavigation  .facetValues ul.facet_block li label,
.facetNavigation .facetValues ul.facet_block li a {
  font-weight: normal;
  color: #5d5d5d;
}

.facetNavigation .facetValues ul.facet_block li .facetValueCount {
  color: #b2b2b2;
  font-style: italic;
}

.facetNavigation  .facetValues .more a {
  display: block;
  border-top: 1px solid #bfbfbf;
  color: #808080;
  font-weight: bold;
  line-height: 3em;
  margin: 10px 0 0 0;
  padding: 0 0 0 10px;
  background: url("../images/facetMoreLessIcon.png") no-repeat left center;
}

a.change_location-link {
  font-weight: bold;
  display: block;
  text-decoration: underline;
  margin: 5px 0;
}

/*
### Store Facet 
********************************************************************/

.facetNavigation .storesFacet {
  border: 1px solid #c1c1c1;
  margin: 1.167em 0 35px 0;
  padding: 0 10px 10px 10px;
}

.facetNavigation .storesFacet .storesFacetHead {
  text-align: center;
  margin: -1.167em 0 0 0;
}

.facetNavigation .storesFacet .storesFacetHead .refinementToggle {
  display: inline-block;
  line-height: 2em;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.167em;
  background: #fff;
  padding: 0 10px;
}

/*
####  Store Search 
*/

.facetNavigation  .storesFacetSearchForm {
  margin: 10px 0 0 0;
}

.facetNavigation  .storesFacetSearchForm .storesFacetSearchInput {
  padding-right: 35px !important;
  width: 230px;
}

.facetNavigation  .storesFacetSearchForm .storesFacetSearchSubmit {
  background: url("../images/storesFacetSearchIcon.png") no-repeat scroll center center transparent;
  border: 0 none;
  display: block;
  float: right;
  height: 28px;
  margin: 1px 1px 1px -30px;
  padding: 0;
  width: 28px;
}

.facetNavigation  .findStoresNearMe {
  background: url("../images/findStoresNearMe-bg.png") no-repeat scroll 10px center #000;
}

.facetNavigation  .facetValues ul.facet_block li.remove_item_left {
  border-bottom: 1px dotted #C1C1C1;
  line-height: 24px;
  padding: 0;
}

.facetNavigation  .facetValues ul.facet_block li.remove_item_left span {
  line-height: 24px;
}

.facetNavigation .remove a {
  background: url("../images/facet-remove.png") no-repeat scroll right center transparent;
  display: block;
  height: 24px;
  width: 24px;
  float: right;
}

div#companyNav li.active {
  background-color: #E3E3E3;
  font-weight: normal;
}
/*
## paginationBar
********************************************************************/

.paginationBar {
  clear: both;
}





.paginationBar .totalResults {
  float: left;
  color: #3c3c3c;
  width: 180px;
}

.paginationBar .sortForm {
  float: left;
  margin: 0;
}

.paginationBar ul.pagination {
  float: left;
}

.paginationBar ul.pagination li {
  float: left;
}

.paginationBar ul.pagination li a {
  display: block;
  margin-right: 5px;
  text-align: center;
  width: 30px;
}

.paginationBar ul.pagination li strong {
  background-color: #c3d1d9;
  border: 1px solid #c3d1d9;
  display: block;
  height: 24px;
  margin-right: 5px;
  padding-top: 6px;
  text-align: center;
  width: 30px;
}

.paginationBar ul.pagination li.prev a,
.paginationBar ul.pagination li.next a {
  width: 30px;
  overflow: hidden;
  white-space: nowrap;
  color: transparent;
}

.paginationBar ul.pagination li.next a {
  background: url("../images/no_repeat_data2.png") #ffffff no-repeat scroll 8px -378px;
}

.paginationBar ul.pagination li.prev a {
  background: url("../images/no_repeat_data2.png") #ffffff no-repeat scroll 7px -409px;
}

.paginationBar ul.pagination li.first,
.paginationBar ul.pagination li.last {
  display: none;
}

.paginationBar .showAll,
.paginationBar .showPagination {
  float: left;
  margin: 0.5em 0 0.5em 20px;
  padding: 0 20px;
  line-height: 3em;
  border-left: 1px solid #c0c0c0;
  color: #808080;
}

.pagination-centered {
  text-align: center;
}
#multiUploadComponent .btn {
  display: inline-block;
  position: relative;
  font-family: futura-book, arial, sans-serif;
  text-transform: none;
  font-size: 18px;
  line-height: 32px;
  cursor: pointer;
  padding: 0 20px;
  margin: 0;
  border: 0;
  height: 32px;
  text-align: center;
  overflow: hidden;
  border-radius: 0;
  font-weight: normal;
}

#multiUploadComponent .blueBorder {
  background-color: #fff;
  color: #1b3067;
  border: 1px #1b3067 solid;
  margin-right: 10px;
}

#multiUploadComponent .blueBorder:hover {
  background-color: #1562ad;
  color: #fff;
  border: 1px #1562ad solid;
  margin-right: 10px;
}

#multiUploadComponent .btns > .right {
  float: right;
}

#multiUploadComponent .btns > .left {
  float: left;
}

#multiUploadComponent .btn>strong,
#multiUploadComponent .btn>span {
  color: inherit;
  display: inline;
  font-weight: normal;
  font-family: inherit;
}

#multiUploadComponent .btn.blue:hover {
  background-color: #1562ad;
}

#multiUploadComponent .btn.grey:hover {
  background-color: #1562ad;
}

#multiUploadComponent .btn.white:hover {
  background-color: #fff;
  color: #1562ad;
}

#multiUploadComponent .btn.blue {
  background-color: #1b3067;
  color: #fff;
}

#multiUploadComponent .btn.white {
  background-color: #fff;
  color: #1b3067;
}

#multiUploadComponent .btn.transparent:hover {
  background-color: transparent;
  color: #1562ad;
}

#multiUploadComponent .btn.small {
  font-size: 14px;
  height: 28px;
  line-height: 26px;
  background-image: none !important;
}

#multiUploadComponent .btn.arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -14px;
  right: 0;
  border-top: 30px #fff solid;
  border-right: 0;
  border-bottom: 30px #fff solid;
  border-left: 30px transparent solid;
}

#multiUploadComponent input[type="text"] {
  height: 32px;
  line-height: 32px;
  font-size: 14px;
}

#multiUploadComponent .row {
  display: block;
}

#multiUploadComponent>header {
  padding-bottom: 0;
}

#multiUploadComponent>header::after {
  content: "";
  display: table;
  clear: both;
}

#multiUploadComponent>header h1 {
  float: left;
}

#multiUploadComponent>header p {
  clear: both;
  padding: 10px 0 0 0;
  font-size: 14px;
  line-height: 20px;
}

.tabComponent>.tabs {
  padding-top: 20px;
}

.tabComponent>.tabs>.tabs-nav {
  width: 50%;
}

.tabComponent>.tabs>.tabs-nav>li {
  font-weight: bold;
}

.tabComponent>.tabs>.tabs-content>div {
  padding: 15px;
}

.tabComponent>.tabs>p {
  font-size: 14px;
  padding-bottom: 15px;
}

#multi-upload {
  padding: 10px 0 0 0;
}

.form-body>.row {
  padding: 10px 0;
  border-bottom: 1px #ccc solid;
}

.form-body>.row::after {
  content: "";
  display: table;
  clear: both;
}

.form-body>.row>.col {
  padding: 0 5px;
  float: left;
}

.form-body>.row>.col>input[type="text"] {
  width: 100%;
}

.form-body>.row>.col.catalog-num {
  width: 80%;
}

.form-body>.row>.col.quantity {
  text-align: right;
  width: 20%;
}

.form-body>.row>.col.quantity>input[type="text"] {
  text-align: right;
}

.form-body>.row.head {
  padding-top: 0;
  padding-bottom: 0;
  border: 0;
}

.form-body>.row.head>.col {
  font-size: 14px;
}

#multi-upload .btns {
  padding: 10px 5px 0 5px;
}

#massUploadComponent .tabs-content > div {
  height: 257px;
}

#single-upload-form .row {
  border-bottom: 0px;
}

#single-upload-form .quantity {
  display: none;
}

#single-upload-form .catalog-num {
  width: 95%;
  padding: 0px;
}

#single-upload-form .btns {
  padding: 0px;
}
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none;
}

#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url("../images/fancybox/fancybox.png");
}

#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none;
}

#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none;
}

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 1101;
  outline: none;
  display: none;
}

#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
}

#fancybox-content {
  width: 0;
  height: 0;
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1101;
}

#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background: transparent url("../images/fancybox/fancybox.png") -40px 0px;
  cursor: pointer;
  z-index: 1103;
  display: none;
}

#fancybox-error {
  color: #444;
  font: normal 12px/20px Arial;
  padding: 14px;
  margin: 0;
}

#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
}

#fancybox-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

#fancybox-left,
#fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background: transparent url("../images/fancybox/blank.gif");
  z-index: 1102;
  display: none;
}

#fancybox-left {
  left: 0px;
}

#fancybox-right {
  right: 0px;
}

#fancybox-left-ico,
#fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block;
}

#fancybox-left-ico {
  background-image: url("../images/fancybox/fancybox.png");
  background-position: -40px -30px;
}

#fancybox-right-ico {
  background-image: url("../images/fancybox/fancybox.png");
  background-position: -40px -60px;
}

#fancybox-left:hover,
#fancybox-right:hover {
  visibility: visible;
  /* IE6 */
}

#fancybox-left:hover span {
  left: 20px;
}

#fancybox-right:hover span {
  left: auto;
  right: 20px;
}

.fancybox-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001;
}

#fancybox-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url("../images/fancybox/fancybox-x.png");
}

#fancybox-bg-ne {
  top: -20px;
  right: -20px;
  background-image: url("../images/fancybox/fancybox.png");
  background-position: -40px -162px;
}

#fancybox-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url("../images/fancybox/fancybox-y.png");
  background-position: -20px 0px;
}

#fancybox-bg-se {
  bottom: -20px;
  right: -20px;
  background-image: url("../images/fancybox/fancybox.png");
  background-position: -40px -182px;
}

#fancybox-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url("../images/fancybox/fancybox-x.png");
  background-position: 0px -20px;
}

#fancybox-bg-sw {
  bottom: -20px;
  left: -20px;
  background-image: url("../images/fancybox/fancybox.png");
  background-position: -40px -142px;
}

#fancybox-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url("../images/fancybox/fancybox-y.png");
}

#fancybox-bg-nw {
  top: -20px;
  left: -20px;
  background-image: url("../images/fancybox/fancybox.png");
  background-position: -40px -122px;
}

#fancybox-title {
  font-family: Helvetica;
  font-size: 12px;
  z-index: 1102;
}

.fancybox-title-inside {
  padding-bottom: 10px;
  text-align: center;
  color: #333;
  background: #fff;
  position: relative;
}

.fancybox-title-outside {
  padding-top: 10px;
  color: #fff;
}

.fancybox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  text-align: left;
}

#fancybox-title-over {
  padding: 10px;
  background-image: url("../images/fancybox/fancy_title_over.png");
  display: block;
}

.fancybox-title-float {
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 32px;
}

#fancybox-title-float-wrap {
  border: none;
  border-collapse: collapse;
  width: auto;
}

#fancybox-title-float-wrap td {
  border: none;
  white-space: nowrap;
}

#fancybox-title-float-left {
  padding: 0 0 0 15px;
  background: url("../images/fancybox/fancybox.png") -40px -90px no-repeat;
}

#fancybox-title-float-main {
  color: #FFF;
  line-height: 29px;
  font-weight: bold;
  padding: 0 0 3px 0;
  background: url("../images/fancybox/fancybox-x.png") 0px -40px;
}

#fancybox-title-float-right {
  padding: 0 0 0 15px;
  background: url("../images/fancybox/fancybox.png") -55px -90px no-repeat;
}
.jcarousel-skin-tango .jcarousel-direction-rtl {
  direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
  width: 1200px;
  padding: 0;
}

.introduction.jcarousel-skin-tango .jcarousel-container-horizontal {
  width: 666px;
  padding: 0;
}

.jcarousel-skin-tango.small .jcarousel-container-horizontal {
  width: 201px;
  padding: 0;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
  width: 75px;
  height: 245px;
  padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip {
  overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
  width: 1200px;
  height: 425px;
}

.introduction.jcarousel-skin-tango .jcarousel-clip-horizontal {
  width: 666px;
  height: 222px;
}

.jcarousel-skin-tango.small .jcarousel-clip-horizontal {
  width: 201px;
  height: 113px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
  width: 75px;
  height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
  width: 1200px;
  height: 425px;
}

.introduction.jcarousel-skin-tango .jcarousel-item {
  width: 666px;
  height: 222px;
}

.startpage.jcarousel-skin-tango {
  border-bottom: 1px solid #c3d1d9;
  border-top: 1px solid #c3d1d9;
}

.jcarousel-skin-tango {
  /*border-bottom: 1px solid #c3d1d9;*/
  border-top: 1px solid #c3d1d9;
}

.jcarousel-skin-tango.small .jcarousel-item {
  width: 201px;
  height: 113px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
  margin-left: 0;
  padding-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
  margin-left: 10px;
  margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
  margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
  background: #fff;
  color: #000;
}

/**
 *  Horizontal Buttons
 */

.jcarousel-skin-tango .jcarousel-next-horizontal {
  position: absolute;
  top: 43px;
  right: 5px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: transparent url("qiagen/tango/next-horizontal.png") no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
  left: 5px;
  right: auto;
  background-image: url("qiagen/tango/prev-horizontal.png");
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
  background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
  background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
  cursor: default;
  background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
  position: absolute;
  top: 43px;
  left: 5px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: transparent url("qiagen/tango/prev-horizontal.png") no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
  left: auto;
  right: 5px;
  background-image: url("qiagen/tango/next-horizontal.png");
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
  background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
  background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
  cursor: default;
  background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */

.jcarousel-skin-tango .jcarousel-next-vertical {
  position: absolute;
  bottom: 5px;
  left: 43px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: transparent url("qiagen/tango/next-vertical.png") no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
  background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
  background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
  cursor: default;
  background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
  position: absolute;
  top: 5px;
  left: 43px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: transparent url("qiagen/tango/prev-vertical.png") no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
  background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
  background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
  cursor: default;
  background-position: 0 -96px;
}
.dropreplace {
  position: relative;
  float: left;
  margin: 0 0;
  border: 1px solid #b4b4b4;
  padding: 0 0 0 10px;
  cursor: pointer;
  background-color: #fff;
}

.dropreplace .select {
  margin: 0;
  overflow: hidden;
  position: relative;
  font-size: 14px;
  color: #404040;
  height: 30px;
}

.dropreplace .select .arrow {
  background: url("../images/no_repeat_data2.png") no-repeat scroll 7px -674px transparent !important;
  float: right;
  height: 30px;
  width: 30px;
  padding-top: 1px;
  padding-left: 0;
}

.dropreplace .select .txtselection {
  float: left;
  padding-top: 1px;
  line-height: 27px;
  white-space: nowrap;
  overflow: hidden;
}

.dropreplace.selectwishlist {
  border: none !important;
  padding: 0 !important;
  display: block !important;
  height: 0 !important;
}

.dropreplace .options.selectwishlist.organizeWishlist {
  width: 202px !important;
}

.dropreplace .hoverBorder {
  left: -21px;
  padding: 0 20px 20px;
  position: absolute;
}

.dropreplace .options {
  background-color: white;
  border: 1px solid #B4B4B4;
  left: 20px;
  line-height: 32px;
  position: absolute;
  width: 199px;
  z-index: 50;
}

.dropreplace .options.localize {
  width: 245px !important;
}

.dropreplace .options.selectwishlist {
  width: 307px !important;
}

.creditCardAddress .dropreplace,
.creditCardAddress .dropreplace .select {
  width: 325px !important;
}

.creditCardAddress .dropreplace .options {
  width: 335px !important;
}

.creditCardInfo .expireDate .dropreplace,
.creditCardInfo .expireDate .dropreplace .select {
  width: 202px !important;
}

.addressFlyout .address .dropreplace,
.addressFlyout .address .dropreplace .select {
  width: 323px !important;
}

.dropreplace .options .elemWrapper {
  margin: 0;
  position: relative;
  overflow: hidden;
  max-height: 144px;
  overflow: auto;
}

.dropreplace .options .elemWrapper ul {
  margin: 0;
  list-style: none;
  position: relative;
}

.dropreplace .options .elemWrapper ul li {
  margin: 0;
  padding: 0;
  background: none;
}

.dropreplace .options a {
  display: block;
  float: none;
  margin: 0;
  padding: 0;
  color: #404040;
  padding-left: 10px;
  text-decoration: none;
  font-size: 12px;
  background: none;
  line-height: 32px;
  font-weight: normal;
}

.dropreplace .options a:hover,
.dropreplace .options a.selected {
  color: #1562ad;
  background-color: #e9eef2;
  text-decoration: none;
}

.dropreplace .options a span {
  color: #1b3067;
  padding: 0 3px 0 10px;
}

.dropreplace .options a:hover span {
  color: #1562ad;
}

.dropreplace .options .arrow_up,
.dropreplace .options .arrow_down {
  margin: 0;
  padding: 5px;
  background-color: #b4b4b4;
  display: none !important;
}

.dropreplace .options .arrow_up div {
  width: 15px;
  height: 7px;
  margin: 0 auto;
}

.dropreplace .options .arrow_up.click div {
  background-position: -15px center;
}

.dropreplace .options .arrow_up.click.hover div {
  background-position: -59px center;
}

.dropreplace .options .arrow_down div {
  width: 15px;
  height: 7px;
  margin: 0 auto;
}

.dropreplace .options .arrow_down.click div {
  background-position: -45px center;
}

.dropreplace .options .arrow_down.click.hover div {
  background-position: -75px center;
}

.notActiveArrow {
  background-color: #ececec !important;
  cursor: default;
}

.dropreplacehover {
  background-color: #e9eef2 !important;
  color: #1562ad !important;
  background-position: 5px -244px;
}

.dropreplace-negate-hover {
  color: #e9eef2  !important;
  background: none repeat scroll 0 0 transparent  !important;
}

/*listReplace*/

.listreplace {
  width: 199px;
  height: 108px;
  overflow: auto;
  border: 1px solid #bfbfbf;
  margin-bottom: 15px;
}

.listreplace a {
  color: #1b3067;
  text-decoration: none;
  padding: 0 5px;
  display: block;
  font-size: 12px;
  line-height: 18px;
}

.listreplace a:hover,
.listreplace .active {
  color: white;
  background-color: #1b3067;
}

/*default style*/

.nextqselect {
  padding-left: 2px;
  padding-right: 0;
  padding-top: 1px;
  padding-bottom: 1px;
  cursor: pointer;
  background-color: #fff;
  line-height: 18px;
  font-size: 12px;
  height: 21px;
  color: #1B3067;
}
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer {
  overflow: hidden;
  position: relative;
}

.jspPane {
  position: absolute;
}

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
  background: red;
}

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: red;
}

.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0;
}

.jspCap {
  display: none;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {
  background: #dde;
  position: relative;
}

.jspDrag {
  background: #bbd;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}

.jspVerticalBar .jspArrow {
  height: 32px;
}

.jspHorizontalBar .jspArrow {
  width: 30px;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus {
  outline: none;
}

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html .jspCorner {
  margin: 0 -3px 0 0;
}
/*! jQuery UI - v1.10.4 - 2014-02-07
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.datepicker.css, jquery.ui.theme.css
* To view and modify this theme ("ui-lightness"), visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default!important;
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: .5em .5em .5em .7em;
  min-height: 0;
}

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-noicons {
  padding-left: .7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-widget {
  font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #eee url("qiagen/images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
  color: #333;
}

.ui-widget-content a {
  color: #333;
}

.ui-widget-header {
  border: 1px solid #e78f08;
  background: #f6a828 url("qiagen/images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
  color: #fff;
  font-weight: bold;
}

.ui-widget-header a {
  color: #fff;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #ccc;
  background: #f6f6f6 url("qiagen/images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #1c94c4;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #1c94c4;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #fbcb09;
  background: #fdf5ce url("qiagen/images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #c77405;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #c77405;
  text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #fbd850;
  background: #fff url("qiagen/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #eb8f00;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  background: #ffe45c url("qiagen/images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
  color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url("qiagen/images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
  color: #fff;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #fff;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #fff;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("qiagen/images/ui-icons_222222_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("qiagen/images/ui-icons_ffffff_256x240.png");
}

.ui-state-default .ui-icon {
  background-image: url("qiagen/images/ui-icons_ef8c08_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("qiagen/images/ui-icons_ef8c08_256x240.png");
}

.ui-state-active .ui-icon {
  background-image: url("qiagen/images/ui-icons_ef8c08_256x240.png");
}

.ui-state-highlight .ui-icon {
  background-image: url("qiagen/images/ui-icons_228ef1_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("qiagen/images/ui-icons_ffd27a_256x240.png");
}

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px;
}

.ui-widget-overlay {
  background: #666 url("qiagen/images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
  opacity: .5;
  filter: Alpha(Opacity=50);
}

.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: #000 url("qiagen/images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
  opacity: .2;
  filter: Alpha(Opacity=20);
  border-radius: 5px;
}

/*QIAGEN Custom Code*/

/*Used only when JavaScript is available*/

.ui-datepicker-calendar {
  display: none;
}
/* TipTip CSS - Version 1.2 */

#tiptip_holder {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
}

#tiptip_holder.tip_top {
  padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
  padding-top: 5px;
}

#tiptip_holder.tip_right {
  padding-left: 5px;
}

#tiptip_holder.tip_left {
  padding-right: 5px;
}

#tiptip_content {
  font-size: 12px;
  color: #8c8c8c;
  line-height: 15px;
  /*text-shadow: 0 0 2px #000;*/
  padding: 10px;
  border: 1px solid #fff;
  background-color: #fff;
  /*background-color: rgba(255,255,255,0.92);*/
  /*background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));*/
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 0 25px 4px #414e55;
  -webkit-box-shadow: 0 0 25px 4px #414e55;
  -moz-box-shadow: 0 0 25px 4px #414e55;
}

#tiptip_arrow,
#tiptip_arrow_inner {
  position: absolute;
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
  height: 0;
  width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
  border-top-color: #fff;
  /*border-top-color: rgba(255,255,255,0.35);*/
}

#tiptip_holder.tip_bottom #tiptip_arrow {
  border-bottom-color: #fff;
  /*border-bottom-color: rgba(255,255,255,0.35);*/
}

#tiptip_holder.tip_right #tiptip_arrow {
  border-right-color: #fff;
  /*border-right-color: rgba(255,255,255,0.35);*/
}

#tiptip_holder.tip_left #tiptip_arrow {
  border-left-color: #fff;
  /*border-left-color: rgba(255,255,255,0.35);*/
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
  margin-top: -7px;
  margin-left: -6px;
  border-top-color: #fff;
  /*border-top-color: rgba(25,25,25,0.92);*/
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
  margin-top: -5px;
  margin-left: -6px;
  border-bottom-color: rgb(25,25,25);
  border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
  margin-top: -6px;
  margin-left: -5px;
  border-right-color: rgb(25,25,25);
  border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
  margin-top: -6px;
  margin-left: -7px;
  border-left-color: rgb(25,25,25);
  border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */

@media screen and (-webkit-min-device-pixel-ratio:0) {
  #tiptip_content {
    padding: 8px 10px 9px 10px;
    background-color: #fff;
  }

  #tiptip_holder.tip_bottom #tiptip_arrow_inner {
    border-bottom-color: #fff;
  }

  #tiptip_holder.tip_top #tiptip_arrow_inner {
    border-top-color: #fff;
  }
}
/*
	AnythingSlider v1.8+ Default theme
	By Chris Coyier: http://css-tricks.com
	with major improvements by Doug Neiner: http://pixelgraphics.us/
	based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/*****************************
  SET DEFAULT DIMENSIONS HERE
 *****************************/

/* change the ID & dimensions to match your slider */

#slider {
  width: 700px;
  height: 390px;
  list-style: none;
  /* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
  overflow-y: auto;
  overflow-x: hidden;
}

/******************
  SET STYLING HERE
 ******************
 =================================
 Default state (no keyboard focus)
 ==================================*/

/* Overall Wrapper */

.anythingSlider-default {
  margin: 0 auto;
  /* 45px right & left padding for the arrows, 28px @ bottom for navigation */
  padding: 0 45px 28px 45px;
}

/* slider window - top & bottom borders, default state */

.anythingSlider-default .anythingWindow {
  border-top: 3px solid #777;
  border-bottom: 3px solid #777;
}

/* Navigation buttons + start/stop button, default state */

.anythingSlider-default .anythingControls a {
  /* top shadow */
  background: #777 url("images/default.png") center -288px repeat-x;
  color: #000;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
}

/* Make sure navigation text is visible */

.anythingSlider-default .anythingControls a span {
  visibility: visible;
}

/* Navigation current button, default state */

.anythingSlider-default .anythingControls a.cur {
  background: #888;
  color: #000;
}

/* start-stop button, stopped, default state */

.anythingSlider-default .anythingControls a.start-stop {
  background-color: #040;
  color: #ddd;
}

/* start-stop button, playing, default state */

.anythingSlider-default .anythingControls a.start-stop.playing {
  background-color: #800;
}

/* start-stop button, default hovered text color (when visible) */

/* hide nav/start-stop background image shadow on hover - makes the button appear to come forward */

.anythingSlider-default .anythingControls a.start-stop:hover,
.anythingSlider-default .anythingControls a.start-stop.hover,
.anythingSlider-default .anythingControls a.start-stop .anythingControls ul a:hover {
  background-image: none;
  color: #ddd;
}

/*
 =================================
 Active State (has keyboard focus)
 =================================
*/

/* slider window - top & bottom borders, active state */

.anythingSlider-default.activeSlider .anythingWindow {
  border-color: #7C9127;
}

/* Navigation buttons, active state */

.anythingSlider-default.activeSlider .anythingControls a {
  /* background image = top shadow */
  background-color: #7C9127;
}

/* Navigation current & hovered button, active state */

.anythingSlider-default.activeSlider .anythingControls a.cur,
.anythingSlider-default.activeSlider .anythingControls a:hover {
  /* background image removed */
  background: #7C9127;
}

/* start-stop button, stopped, active state */

.anythingSlider-default.activeSlider .anythingControls a.start-stop {
  background-color: #080;
  color: #fff;
}

/* start-stop button, playing, active state */

.anythingSlider-default.activeSlider .anythingControls a.start-stop.playing {
  background-color: #d00;
  color: #fff;
}

/* start-stop button, active slider hovered text color (when visible) */

.anythingSlider-default.activeSlider .start-stop:hover,
.anythingSlider-default.activeSlider .start-stop.hover {
  color: #fff;
}

/************************
  NAVIGATION POSITIONING
 ************************/

/* Navigation Arrows */

.anythingSlider-default .arrow {
  top: 50%;
  position: absolute;
  display: block;
}

.anythingSlider-default .arrow a {
  display: block;
  width: 45px;
  height: 140px;
  margin: -70px 0 0 0;
  /* half height of image */
  text-align: center;
  outline: 0;
  background: url("images/default.png") no-repeat;
}

/* back arrow */

.anythingSlider-default .back {
  left: 0;
}

.anythingSlider-default .back a {
  background-position: left top;
}

.anythingSlider-default .back a:hover,
.anythingSlider-default .back a.hover {
  background-position: left -140px;
}

/* forward arrow */

.anythingSlider-default .forward {
  right: 0;
}

.anythingSlider-default .forward a {
  background-position: right top;
}

.anythingSlider-default .forward a:hover,
.anythingSlider-default .forward a.hover {
  background-position: right -140px;
}

/* Navigation Links */

.anythingSlider-default .anythingControls {
  outline: 0;
  display: none;
}

.anythingSlider-default .anythingControls ul {
  margin: 0;
  padding: 0;
  float: left;
}

.anythingSlider-default .anythingControls ul li {
  display: inline;
}

.anythingSlider-default .anythingControls ul a {
  font: 11px/18px Georgia, Serif;
  display: inline-block;
  text-decoration: none;
  padding: 2px 8px;
  height: 18px;
  margin: 0 5px 0 0;
  text-align: center;
  outline: 0;
}

/* navigationSize window */

.anythingSlider-default .anythingControls .anythingNavWindow {
  overflow: hidden;
  float: left;
}

/* Autoplay Start/Stop button */

.anythingSlider-default .anythingControls .start-stop {
  padding: 2px 5px;
  width: 40px;
  text-align: center;
  text-decoration: none;
  float: right;
  z-index: 100;
  outline: 0;
}

/***********************
  IE8 AND OLDER STYLING
 ***********************/

/* Navigation Arrows */

.as-oldie .anythingSlider-default .arrow {
  top: 30%;
}

.as-oldie .anythingSlider-default .arrow a {
  margin: 0;
}

/* margin between nav buttons just looks better */

.as-oldie .anythingSlider-default .anythingControls li {
  margin-left: 3px;
}

/* When using the navigationSize option, the side margins need to be zero
	None of the navigation panels look good in IE7 now =( */

.as-oldie .anythingSlider-default .anythingControls a {
  margin: 0;
}

.as-oldie .anythingSlider-default .anythingNavWindow {
  margin: 0 2px;
}

.as-oldie .anythingSlider-default .anythingNavWindow li {
  padding: 3px 0 0 0;
}

/***********************
  COMMON SLIDER STYLING
 ***********************/

/* Overall Wrapper */

.anythingSlider {
  display: block;
  overflow: visible !important;
  position: relative;
}

/* anythingSlider viewport window */

.anythingSlider .anythingWindow {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}

/* anythingSlider base (original element) */

.anythingSlider .anythingBase {
  background: transparent;
  list-style: none;
  position: absolute;
  overflow: visible !important;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

/* Navigation arrow text; indent moved to span inside "a", for IE7;
  apparently, a negative text-indent on an "a" link moves the link as well as the text */

.anythingSlider .arrow span {
  display: block;
  visibility: hidden;
}

/* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */

.anythingSlider .arrow.disabled {
  display: none;
}

/* all panels inside the slider; horizontal mode */

.anythingSlider .panel {
  background: transparent;
  display: block;
  overflow: hidden;
  float: left;
  padding: 0;
  margin: 0;
}

/* vertical mode */

.anythingSlider .vertical .panel {
  float: none;
}

/* fade mode */

.anythingSlider .fade .panel {
  float: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

/* fade mode active page - visible & on top */

.anythingSlider .fade .activePage {
  z-index: 1;
}

/***********************
  RTL STYLING
 ***********************/

/* slider autoplay right-to-left, reverse order of nav links to look better */

.anythingSlider.rtl .anythingWindow {
  direction: ltr;
  unicode-bidi: bidi-override;
}

.anythingSlider.rtl .anythingControls ul {
  float: left;
}

/* move nav link group to left */

.anythingSlider.rtl .anythingControls ul a {
  float: right;
}

/* reverse order of nav links */

.anythingSlider.rtl .start-stop {
  /* float: right; */
}

/* move start/stop button - in case you want to switch sides */

/* probably not necessary, but added just in case */

.anythingSlider,
.anythingSlider .anythingWindow,
.anythingSlider .anythingControls ul a,
.anythingSlider .arrow a,
.anythingSlider .start-stop {
  transition-duration: 0s;
  -o-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
}
/*
Animate.css - http://daneden.me/animate
LICENSED UNDER THE  MIT LICENSE (MIT)

Copyright (c) 2011 Dan Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation: 1s ease;
  -moz-animation: 1s ease;
  -ms-animation: 1s ease;
  -o-animation: 1s ease;
  animation: 1s ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation: 2s ease;
  -moz-animation: 2s ease;
  -ms-animation: 2s ease;
  -o-animation: 2s ease;
  animation: 2s ease;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@-moz-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@-ms-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@-o-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  -moz-animation-name: flash;
  -ms-animation-name: flash;
  -o-animation-name: flash;
  animation-name: flash;
}

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

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

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

@-moz-keyframes shake {
  0%, 100% {
    -moz-transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -moz-transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -moz-transform: translateX(10px);
  }
}

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

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

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

@-o-keyframes shake {
  0%, 100% {
    -o-transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -o-transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -o-transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }

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

  20%, 40%, 60%, 80% {
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -ms-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
  }
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
  }

  40% {
    -moz-transform: translateY(-30px);
  }

  60% {
    -moz-transform: translateY(-15px);
  }
}

@-ms-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -ms-transform: translateY(0);
  }

  40% {
    -ms-transform: translateY(-30px);
  }

  60% {
    -ms-transform: translateY(-15px);
  }
}

@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -o-transform: translateY(0);
  }

  40% {
    -o-transform: translateY(-30px);
  }

  60% {
    -o-transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-30px);
  }

  60% {
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -ms-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}

@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1);
  }

  10%, 20% {
    -moz-transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -moz-transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -moz-transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -moz-transform: scale(1) rotate(0);
  }
}

@-ms-keyframes tada {
  0% {
    -ms-transform: scale(1);
  }

  10%, 20% {
    -ms-transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -ms-transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -ms-transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -ms-transform: scale(1) rotate(0);
  }
}

@-o-keyframes tada {
  0% {
    -o-transform: scale(1);
  }

  10%, 20% {
    -o-transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -o-transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -o-transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -o-transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    transform: scale(1);
  }

  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  -moz-animation-name: tada;
  -ms-animation-name: tada;
  -o-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
  }

  20% {
    -webkit-transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
  }
}

@-moz-keyframes swing {
  20% {
    -moz-transform: rotate(15deg);
  }

  40% {
    -moz-transform: rotate(-10deg);
  }

  60% {
    -moz-transform: rotate(5deg);
  }

  80% {
    -moz-transform: rotate(-5deg);
  }

  100% {
    -moz-transform: rotate(0deg);
  }
}

@-ms-keyframes swing {
  20% {
    -ms-transform: rotate(15deg);
  }

  40% {
    -ms-transform: rotate(-10deg);
  }

  60% {
    -ms-transform: rotate(5deg);
  }

  80% {
    -ms-transform: rotate(-5deg);
  }

  100% {
    -ms-transform: rotate(0deg);
  }
}

@-o-keyframes swing {
  20% {
    -o-transform: rotate(15deg);
  }

  40% {
    -o-transform: rotate(-10deg);
  }

  60% {
    -o-transform: rotate(5deg);
  }

  80% {
    -o-transform: rotate(-5deg);
  }

  100% {
    -o-transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    transform: rotate(15deg);
  }

  40% {
    transform: rotate(-10deg);
  }

  60% {
    transform: rotate(5deg);
  }

  80% {
    transform: rotate(-5deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -ms-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
  }
}

@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%);
  }

  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -moz-transform: translateX(20%) rotate(3deg);
  }

  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -moz-transform: translateX(10%) rotate(2deg);
  }

  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -moz-transform: translateX(0%);
  }
}

@-ms-keyframes wobble {
  0% {
    -ms-transform: translateX(0%);
  }

  15% {
    -ms-transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -ms-transform: translateX(20%) rotate(3deg);
  }

  45% {
    -ms-transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -ms-transform: translateX(10%) rotate(2deg);
  }

  75% {
    -ms-transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -ms-transform: translateX(0%);
  }
}

@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%);
  }

  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -o-transform: translateX(20%) rotate(3deg);
  }

  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -o-transform: translateX(10%) rotate(2deg);
  }

  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -o-transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    transform: translateX(0%);
  }

  15% {
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  -moz-animation-name: wobble;
  -ms-animation-name: wobble;
  -o-animation-name: wobble;
  animation-name: wobble;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }

  50% {
    -moz-transform: scale(1.1);
  }

  100% {
    -moz-transform: scale(1);
  }
}

@-ms-keyframes pulse {
  0% {
    -ms-transform: scale(1);
  }

  50% {
    -ms-transform: scale(1.1);
  }

  100% {
    -ms-transform: scale(1);
  }
}

@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }

  50% {
    -o-transform: scale(1.1);
  }

  100% {
    -o-transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -ms-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
}

@-moz-keyframes flip {
  0% {
    -moz-transform: perspective(400px) rotateY(0);
    -moz-animation-timing-function: ease-out;
  }

  40% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-animation-timing-function: ease-out;
  }

  50% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in;
  }

  80% {
    -moz-transform: perspective(400px) rotateY(360deg) scale(.95);
    -moz-animation-timing-function: ease-in;
  }

  100% {
    -moz-transform: perspective(400px) scale(1);
    -moz-animation-timing-function: ease-in;
  }
}

@-ms-keyframes flip {
  0% {
    -ms-transform: perspective(400px) rotateY(0);
    -ms-animation-timing-function: ease-out;
  }

  40% {
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-animation-timing-function: ease-out;
  }

  50% {
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-animation-timing-function: ease-in;
  }

  80% {
    -ms-transform: perspective(400px) rotateY(360deg) scale(.95);
    -ms-animation-timing-function: ease-in;
  }

  100% {
    -ms-transform: perspective(400px) scale(1);
    -ms-animation-timing-function: ease-in;
  }
}

@-o-keyframes flip {
  0% {
    -o-transform: perspective(400px) rotateY(0);
    -o-animation-timing-function: ease-out;
  }

  40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-animation-timing-function: ease-out;
  }

  50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in;
  }

  80% {
    -o-transform: perspective(400px) rotateY(360deg) scale(.95);
    -o-animation-timing-function: ease-in;
  }

  100% {
    -o-transform: perspective(400px) scale(1);
    -o-animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) rotateY(360deg) scale(.95);
    animation-timing-function: ease-in;
  }

  100% {
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}

.flip {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flip;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flip;
  -ms-backface-visibility: visible !important;
  -ms-animation-name: flip;
  -o-backface-visibility: visible !important;
  -o-animation-name: flip;
  backface-visibility: visible !important;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@-moz-keyframes flipInX {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -moz-transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -moz-transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@-ms-keyframes flipInX {
  0% {
    -ms-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -ms-transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -ms-transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -ms-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@-o-keyframes flipInX {
  0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -o-transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -o-transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInX;
  -ms-backface-visibility: visible !important;
  -ms-animation-name: flipInX;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInX;
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@-moz-keyframes flipOutX {
  0% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@-ms-keyframes flipOutX {
  0% {
    -ms-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -ms-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@-o-keyframes flipOutX {
  0% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -moz-animation-name: flipOutX;
  -moz-backface-visibility: visible !important;
  -ms-animation-name: flipOutX;
  -ms-backface-visibility: visible !important;
  -o-animation-name: flipOutX;
  -o-backface-visibility: visible !important;
  animation-name: flipOutX;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@-moz-keyframes flipInY {
  0% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -moz-transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -moz-transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@-ms-keyframes flipInY {
  0% {
    -ms-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -ms-transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -ms-transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -ms-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@-o-keyframes flipInY {
  0% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -o-transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -o-transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInY;
  -ms-backface-visibility: visible !important;
  -ms-animation-name: flipInY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInY;
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@-moz-keyframes flipOutY {
  0% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@-ms-keyframes flipOutY {
  0% {
    -ms-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -ms-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@-o-keyframes flipOutY {
  0% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipOutY;
  -ms-backface-visibility: visible !important;
  -ms-animation-name: flipOutY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipOutY;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -ms-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -ms-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-ms-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}

@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -ms-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -ms-transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
}

@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -ms-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-ms-keyframes fadeInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
}

@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -ms-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-ms-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -ms-transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}

@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
  -ms-animation-name: fadeInUpBig;
  -o-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-ms-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -ms-transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}

@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
  -ms-animation-name: fadeInDownBig;
  -o-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-ms-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -ms-transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
}

@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
  -ms-animation-name: fadeInLeftBig;
  -o-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-ms-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
}

@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -moz-animation-name: fadeInRightBig;
  -ms-animation-name: fadeInRightBig;
  -o-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-ms-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -ms-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
}

@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
}

@-ms-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -ms-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -ms-transform: translateY(-20px);
  }
}

@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -ms-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
}

@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
}

@-ms-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -ms-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -ms-transform: translateY(20px);
  }
}

@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -ms-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
}

@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
}

@-ms-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -ms-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -ms-transform: translateX(-20px);
  }
}

@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -ms-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
}

@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
}

@-ms-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -ms-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -ms-transform: translateX(20px);
  }
}

@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
  -ms-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}

@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}

@-ms-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -ms-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -ms-transform: translateY(-2000px);
  }
}

@-o-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  -moz-animation-name: fadeOutUpBig;
  -ms-animation-name: fadeOutUpBig;
  -o-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}

@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}

@-ms-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -ms-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -ms-transform: translateY(2000px);
  }
}

@-o-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  -moz-animation-name: fadeOutDownBig;
  -ms-animation-name: fadeOutDownBig;
  -o-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}

@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}

@-ms-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -ms-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -ms-transform: translateX(-2000px);
  }
}

@-o-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  -moz-animation-name: fadeOutLeftBig;
  -ms-animation-name: fadeOutLeftBig;
  -o-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}

@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}

@-ms-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -ms-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -ms-transform: translateX(2000px);
  }
}

@-o-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  -moz-animation-name: fadeOutRightBig;
  -ms-animation-name: fadeOutRightBig;
  -o-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(.3);
  }

  50% {
    opacity: 1;
    -moz-transform: scale(1.05);
  }

  70% {
    -moz-transform: scale(.9);
  }

  100% {
    -moz-transform: scale(1);
  }
}

@-ms-keyframes bounceIn {
  0% {
    opacity: 0;
    -ms-transform: scale(.3);
  }

  50% {
    opacity: 1;
    -ms-transform: scale(1.05);
  }

  70% {
    -ms-transform: scale(.9);
  }

  100% {
    -ms-transform: scale(1);
  }
}

@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(.3);
  }

  50% {
    opacity: 1;
    -o-transform: scale(1.05);
  }

  70% {
    -o-transform: scale(.9);
  }

  100% {
    -o-transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    transform: scale(1.05);
  }

  70% {
    transform: scale(.9);
  }

  100% {
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  -moz-animation-name: bounceIn;
  -ms-animation-name: bounceIn;
  -o-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateY(-30px);
  }

  80% {
    -moz-transform: translateY(10px);
  }

  100% {
    -moz-transform: translateY(0);
  }
}

@-ms-keyframes bounceInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -ms-transform: translateY(-30px);
  }

  80% {
    -ms-transform: translateY(10px);
  }

  100% {
    -ms-transform: translateY(0);
  }
}

@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -o-transform: translateY(-30px);
  }

  80% {
    -o-transform: translateY(10px);
  }

  100% {
    -o-transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    transform: translateY(-30px);
  }

  80% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  -moz-animation-name: bounceInUp;
  -ms-animation-name: bounceInUp;
  -o-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateY(30px);
  }

  80% {
    -moz-transform: translateY(-10px);
  }

  100% {
    -moz-transform: translateY(0);
  }
}

@-ms-keyframes bounceInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -ms-transform: translateY(30px);
  }

  80% {
    -ms-transform: translateY(-10px);
  }

  100% {
    -ms-transform: translateY(0);
  }
}

@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -o-transform: translateY(30px);
  }

  80% {
    -o-transform: translateY(-10px);
  }

  100% {
    -o-transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    transform: translateY(30px);
  }

  80% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  -moz-animation-name: bounceInDown;
  -ms-animation-name: bounceInDown;
  -o-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(30px);
  }

  80% {
    -moz-transform: translateX(-10px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}

@-ms-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -ms-transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -ms-transform: translateX(30px);
  }

  80% {
    -ms-transform: translateX(-10px);
  }

  100% {
    -ms-transform: translateX(0);
  }
}

@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -o-transform: translateX(30px);
  }

  80% {
    -o-transform: translateX(-10px);
  }

  100% {
    -o-transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    transform: translateX(30px);
  }

  80% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -ms-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(-30px);
  }

  80% {
    -moz-transform: translateX(10px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}

@-ms-keyframes bounceInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -ms-transform: translateX(-30px);
  }

  80% {
    -ms-transform: translateX(10px);
  }

  100% {
    -ms-transform: translateX(0);
  }
}

@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -o-transform: translateX(-30px);
  }

  80% {
    -o-transform: translateX(10px);
  }

  100% {
    -o-transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    transform: translateX(-30px);
  }

  80% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -ms-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
  }
}

@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1);
  }

  25% {
    -moz-transform: scale(.95);
  }

  50% {
    opacity: 1;
    -moz-transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -moz-transform: scale(.3);
  }
}

@-ms-keyframes bounceOut {
  0% {
    -ms-transform: scale(1);
  }

  25% {
    -ms-transform: scale(.95);
  }

  50% {
    opacity: 1;
    -ms-transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -ms-transform: scale(.3);
  }
}

@-o-keyframes bounceOut {
  0% {
    -o-transform: scale(1);
  }

  25% {
    -o-transform: scale(.95);
  }

  50% {
    opacity: 1;
    -o-transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -o-transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  -moz-animation-name: bounceOut;
  -ms-animation-name: bounceOut;
  -o-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}

@-moz-keyframes bounceOutUp {
  0% {
    -moz-transform: translateY(0);
  }

  20% {
    opacity: 1;
    -moz-transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}

@-ms-keyframes bounceOutUp {
  0% {
    -ms-transform: translateY(0);
  }

  20% {
    opacity: 1;
    -ms-transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -ms-transform: translateY(-2000px);
  }
}

@-o-keyframes bounceOutUp {
  0% {
    -o-transform: translateY(0);
  }

  20% {
    opacity: 1;
    -o-transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  -moz-animation-name: bounceOutUp;
  -ms-animation-name: bounceOutUp;
  -o-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}

@-moz-keyframes bounceOutDown {
  0% {
    -moz-transform: translateY(0);
  }

  20% {
    opacity: 1;
    -moz-transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}

@-ms-keyframes bounceOutDown {
  0% {
    -ms-transform: translateY(0);
  }

  20% {
    opacity: 1;
    -ms-transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -ms-transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  -moz-animation-name: bounceOutDown;
  -ms-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}

@-moz-keyframes bounceOutLeft {
  0% {
    -moz-transform: translateX(0);
  }

  20% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}

@-ms-keyframes bounceOutLeft {
  0% {
    -ms-transform: translateX(0);
  }

  20% {
    opacity: 1;
    -ms-transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -ms-transform: translateX(-2000px);
  }
}

@-o-keyframes bounceOutLeft {
  0% {
    -o-transform: translateX(0);
  }

  20% {
    opacity: 1;
    -o-transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  -moz-animation-name: bounceOutLeft;
  -ms-animation-name: bounceOutLeft;
  -o-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}

@-moz-keyframes bounceOutRight {
  0% {
    -moz-transform: translateX(0);
  }

  20% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}

@-ms-keyframes bounceOutRight {
  0% {
    -ms-transform: translateX(0);
  }

  20% {
    opacity: 1;
    -ms-transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -ms-transform: translateX(2000px);
  }
}

@-o-keyframes bounceOutRight {
  0% {
    -o-transform: translateX(0);
  }

  20% {
    opacity: 1;
    -o-transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  -moz-animation-name: bounceOutRight;
  -ms-animation-name: bounceOutRight;
  -o-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}

@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}

@-ms-keyframes rotateIn {
  0% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(0);
    opacity: 1;
  }
}

@-o-keyframes rotateIn {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  -moz-animation-name: rotateIn;
  -ms-animation-name: rotateIn;
  -o-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}

@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}

@-ms-keyframes rotateInUpLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }
}

@-o-keyframes rotateInUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  -moz-animation-name: rotateInUpLeft;
  -ms-animation-name: rotateInUpLeft;
  -o-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}

@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}

@-ms-keyframes rotateInDownLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }
}

@-o-keyframes rotateInDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -moz-animation-name: rotateInDownLeft;
  -ms-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}

@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}

@-ms-keyframes rotateInUpRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }
}

@-o-keyframes rotateInUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  -moz-animation-name: rotateInUpRight;
  -ms-animation-name: rotateInUpRight;
  -o-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}

@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}

@-ms-keyframes rotateInDownRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }
}

@-o-keyframes rotateInDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -moz-animation-name: rotateInDownRight;
  -ms-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOut {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }

  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0;
  }
}

@-ms-keyframes rotateOut {
  0% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(0);
    opacity: 1;
  }

  100% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(200deg);
    opacity: 0;
  }
}

@-o-keyframes rotateOut {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }

  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  -moz-animation-name: rotateOut;
  -ms-animation-name: rotateOut;
  -o-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOutUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }

  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}

@-ms-keyframes rotateOutUpLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }

  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0;
  }
}

@-o-keyframes rotateOutUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }

  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -transform-origin: left bottom;
    -transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  -moz-animation-name: rotateOutUpLeft;
  -ms-animation-name: rotateOutUpLeft;
  -o-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOutDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }

  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}

@-ms-keyframes rotateOutDownLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }

  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(90deg);
    opacity: 0;
  }
}

@-o-keyframes rotateOutDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }

  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  -moz-animation-name: rotateOutDownLeft;
  -ms-animation-name: rotateOutDownLeft;
  -o-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOutUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }

  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}

@-ms-keyframes rotateOutUpRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }

  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(90deg);
    opacity: 0;
  }
}

@-o-keyframes rotateOutUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }

  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  -moz-animation-name: rotateOutUpRight;
  -ms-animation-name: rotateOutUpRight;
  -o-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOutDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }

  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}

@-ms-keyframes rotateOutDownRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }

  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0;
  }
}

@-o-keyframes rotateOutDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }

  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  -moz-animation-name: rotateOutDownRight;
  -ms-animation-name: rotateOutDownRight;
  -o-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    opacity: 0;
  }
}

@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }

  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }

  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }

  100% {
    -moz-transform: translateY(700px);
    opacity: 0;
  }
}

@-ms-keyframes hinge {
  0% {
    -ms-transform: rotate(0);
    -ms-transform-origin: top left;
    -ms-animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -ms-transform: rotate(80deg);
    -ms-transform-origin: top left;
    -ms-animation-timing-function: ease-in-out;
  }

  40% {
    -ms-transform: rotate(60deg);
    -ms-transform-origin: top left;
    -ms-animation-timing-function: ease-in-out;
  }

  80% {
    -ms-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -ms-transform-origin: top left;
    -ms-animation-timing-function: ease-in-out;
  }

  100% {
    -ms-transform: translateY(700px);
    opacity: 0;
  }
}

@-o-keyframes hinge {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }

  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }

  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }

  100% {
    -o-transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  -moz-animation-name: hinge;
  -ms-animation-name: hinge;
  -o-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
}

@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
}

@-ms-keyframes rollIn {
  0% {
    opacity: 0;
    -ms-transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -ms-transform: translateX(0px) rotate(0deg);
  }
}

@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  -moz-animation-name: rollIn;
  -ms-animation-name: rollIn;
  -o-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
  }
}

@-moz-keyframes rollOut {
  0% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -moz-transform: translateX(100%) rotate(120deg);
  }
}

@-ms-keyframes rollOut {
  0% {
    opacity: 1;
    -ms-transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -ms-transform: translateX(100%) rotate(120deg);
  }
}

@-o-keyframes rollOut {
  0% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -o-transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  -moz-animation-name: rollOut;
  -ms-animation-name: rollOut;
  -o-animation-name: rollOut;
  animation-name: rollOut;
}
/* tables */

table.tablesorter {
  width: 100%;
  text-align: left;
}

table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
  font-size: 12px;
  font-weight: normal;
}

table.tablesorter thead tr .header {
  cursor: pointer;
}

table.tablesorter thead tr .header .headerArrow {
  background-image: url("/static/images/no_repeat_data.png");
  background-position: -1px -389px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 9px;
  width: 9px;
  margin-left: 2px;
  margin-right: 3px;
}





table.tablesorter thead tr .headerSortUp .headerArrow {
  background-image: url("/static/images/no_repeat_data.png");
  background-position: -10px -389px;
  background-repeat: no-repeat;
}

table.tablesorter thead tr .headerSortDown .headerArrow {
  background-image: url("/static/images/no_repeat_data.png");
  background-position: -20px -389px;
  background-repeat: no-repeat;
}



/* Caption fix */

caption.Table_Header {
  caption-side: top;
  font-weight: normal;
  text-align: left;
}

caption.Table_Footer {
  caption-side: bottom;
  text-align: left;
  color: #A6A6A6;
  font-size: 11px;
}

/* tr.Table_Subheader should be rendered as header */

tr.Table_Subheader td,
tr.Table_Subheader th {
  color: #000;
  font-size: 12px;
  line-height: 18px;
  background-color: #c3d1d9;
  padding: 12px 10px;
  margin-bottom: 2px;
  border-right: 1px solid #fff;
  border-top: 5px solid #fff;
  border-bottom: 2px solid #fff !IMPORTANT;
  text-align: left;
  font-weight: normal;
}

/* for small scale plasmid table issue.*/

tr.Table_Subheader_new td,
tr.Table_Subheader_new th {
  color: #000;
  font-size: 12px;
  line-height: 18px;
  background-color: #c3d1d9;
  margin-bottom: 2px;
  border-right: 1px solid #fff;
  border-top: 5px solid #fff;
  border-bottom: 2px solid #fff !IMPORTANT;
  text-align: left;
  font-weight: normal;
}

/* Since we do not necessarily have divs in our tables, we need to specify the border in the next row
This will most probably not work in IE < 7 or 8 due to selector issues.
*/

tr.Table_Subheader + tr > td {
  border-top: 1px solid #C3D1D9;
}

p:empty {
  margin: 0px;
  padding: 0px;
}
/* Copyright 2012 Qiagen All Rights Reserved

The intended structure of this document to follow is to have 3 levels in order to better represent all the visible components.
Also, a table of contents [TOC that follows that 3 level structure] is provided in order to five a fast overview of the document.

The swatch colors used by the styles are:

  #000    = black
  #C2DBF9 =
  #000000 = black
  #e0003c =
  #1b3067 =
  #e9eef2 =
  #3c5061 =
  #bfbfbf =
  #a6a6a6 =
  #fff    = white
  #62809e =
  #143c64 =
  #2864a0 =
  #404040 =
  #c3d1d9 =
  #ffffff = white
  #627580 =
  #e4ebf0 =
  #9e9e9e =
  #f2f8ff =
  #284663 =
  #5cb639 =
  #b3c2d1 =
  #e7e7e7 =
  #e9edf0 =
          = Gray
  #d4dce6 =
  #d3dad4 =
  #e7edf4 =
  #64737C =
  #95aabe =
  #8fa5b2 =
  #9eb0c4 =


The convention for declaration structure in 3 levels looks as follows:

LEVEL 1  (in capital letters)
/ *---=--- * /
/ *---=---
============ * /

LEVEL 2
/ *--=--* /

LEVEL 3
/ *-=-* /

the convention includes a special character, an equal sign (=), as a flag to aid searching within a text editor.


Table Of Contents:

    -GLOBAL:Resets and overrides
        =Fonts
        =Elements
			*Checkboxes
        =Height, width, padding, margin
        =Badges
        =Elements
        =Border
    -LINKS AND TYPE
        =Share link
        =Layer for share link dialog
    -MAIN LAYOUT
    -SECONDARY LAYOUT STRUCTURES
        =Resource Center page
        =Welcome page
        =Location/Language change selection
        =PageDetailsModule
    -FORM ELEMENTS
        =ABCsearchfield
        =Headline
        =Micellaneous
        =SearchfieldForm
        =Scrollpane
        =Input,select,form
        =Buttons
            *action button
            *edit button
            *new button
            *delete button
            *print button
            *share button
            *bookmark button
            *download button
            *organize button
        =Anchor HREF
        =DIV Table
		=Table
        =Collapsible table
        =Header
        =Footer
        =Content startpage
        =Carousel nav
        =MainContainer
        =Middle Content
        =Category Teaser
        =Topic Teaser
        =News Portal
        =Default Button
        =Specific_product_info
        =Sidebar right
        =SimpleLightbox
        =ListOptions
        =List tables
        =Configuration_option
        =ListInfoBox
        =Tabs
        =Panes
        =SubTotal
        =Accordion
        =WorkflowNavigation
        =Plates
        =Wishlist
        =SocialActivity
        =FilterSet
        =Eventlist
        =Toolbox
        =Teaser with botttom head
        =SearchField
        =MediaGallery
        =FAQ
        =FAQ collapsible
        =NAVIGATION
            *Levels
            *SERP Navigation
            *Filter navigation
            *Quicklinks
            *FilterSet Navigation
            *ProductNavi
        =Localization window
        =Pt_serp
        =Add wishlist window
        =For WishList Description Width
        =Collapsible text
        =StepByStep Navigation
        =Select gene
        =Select gene with scrollbar
        =Wishlist lightbox tabs
        =Pager
        =Login
        =Webinars
        =ProductFinder
        =Compatibility mode of oldQ and dropreplace
        =datePicker
        =Press Release
        =Account
        =Recommendations
        =Inventory
        =Resource Center
        =Event Calendar
        =Event Picker
        =Feedback Form
        =AnythingSlider
    -MICELLANEOUS
        =Buttons Sizes
    -FIREFOX

*/

/*---=GLOBAL:Resets and overrides---
============ */

/*--=Fonts--*/

@font-face {
  font-family: "futura";
  src: url("../fonts/futura-t-demi-latin-1.eot?#iefix") format("embedded-opentype"),
        url("../fonts/futura-t-demi-latin-1.woff") format("woff"),
        url("../fonts/futura-t-demi-latin-1.svg#3ee2b6cf-704a-45ec-bf80-d253b7396313") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "futura";
  src: url("../fonts/futura-t-demi-latin-1-oblique.eot?#iefix") format("embedded-opentype"),
        url("../fonts/futura-t-demi-latin-1-oblique.woff") format("woff"),
        url("../fonts/futura-t-demi-latin-1-oblique.svg#d325131e-893b-4ab0-be1a-144b5f5ab9aa") format("svg");
  font-weight: normal;
  font-style: oblique;
}

@font-face {
  font-family: "futura-book";
  src: url("../fonts/futura-t-book.eot?#iefix") format("embedded-opentype"),
         url("../fonts/futura-t-book.woff") format("woff"),
        url("../fonts/futura-t-book.svg#e52b21ef-2d97-4ba5-90c2-269007922344") format("svg");
}

/*--=Elements--*/

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* cross-browser focus styles */

:focus {
  outline: 0;
  /*No outline by default*/
}

@-moz-document url-prefix()  {
  button.blueButton::-moz-focus-inner {
    border: 0;
  }

  input.blueButton::-moz-focus-inner {
    border: 0;
  }
}

/*headline margin*/

div.pane div.subline {
  margin-bottom: 12px;
}

div.copy.dots ul,
div.dots ul {
  display: inline-block;
  margin-left: -5px;
  width: 430px;
}

div.copy.dots ol,
div.dots ol {
  display: inline-block;
  margin-left: -5px;
  width: 430px;
}

body {
  background-color: #ffffff;
  color: #404040;
  font-size: 14px;
  font-family: arial;
  font-weight: normal;
  margin: 0;
  padding: 0;
  position: relative;
}

body > form > table,
body > table,
#content > table {
  margin: 0 auto;
}

table.cellSpacing0 {
  border-spacing: 0px;
}

table.cellPadding0 td {
  padding: 0px;
}

.top-bar {
  top: 71px;
  border-bottom: 2px solid #E0003C;
  position: absolute;
  width: 100%;
  z-index: -100;
  left: 0;
}

.bottom-bar {
  border-bottom: 2px solid #1B3067;
  bottom: 93px;
  position: absolute;
  width: 100%;
  z-index: -100;
  left: 0;
}

#footer .bottom-bar {
  display: none;
}

.no-footer {
  height: 106px;
}

.spacer {
  height: 80px;
}

h6 {
  color: #000;
  font-size: 13px;
  font-weight: normal;
  margin: 0;
  text-align: left;
  font-family: arial;
}

.defaultlogin {
  font-size: 12px;
  color: #000000;
}

.hideWishList1,
.displayNone,
.tableHeaderGroup,
.tableFooterGroup,
.hideNoJS,
div.inCartText,
div.addToCartText,
.nextqselect,
.printText {
  display: none;
}

a.hideNoJS {
  display: none;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.cartButton {
  float: right;
  padding-top: 1px;
}

/*When its not possible to use clear:both due to any flickering layout in IE, then use instead .flicklerFreeClear.*/

.clear {
  clear: both;
  float: none;
  padding: 0 !important;
  margin: 0 !important;
}

.flicklerFreeClear {
  overflow: auto;
  width: 100%;
  float: none;
  margin: 0 !important;
  padding: 0 !important;
}

.main,
.footer {
  width: 1200px;
  margin: 0 auto;
}

.introductionTop h1 em {
  font-family: futura;
  font-style: oblique;
}

/*-=Checkboxes-*/

/*checkboxes: there are two types, input-based and a-based checkboxes*/

/*a-based checkboxes*/

/* Uniform Style */

a.checkbox {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -232px -2736px;
}

a.checkbox.active {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -232px -2604px;
}

span.uniform > input[type="checkbox"] {
  display: none;
}

/*input-based checkboxes,  they assume a wrapper "span.uniform.checked"
 *This is done to achieve the same visual representation across browsers*/

/* Uniform Style */

span.uniform {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 0px -479px;
  margin-left: 3px;
  min-height: 14px;
  padding-left: 19px;
  display: block;
  clear: left;
  float: left;
}

span.uniform.checked {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 0px -574px;
}

/*--=height, width, padding, margin--*/

.height0 {
  height: 0px;
}

.height10 {
  height: 10px;
}

.height15 {
  height: 15px;
}

.height21 {
  height: 21px;
}

.height30 {
  height: 30px;
}

.height31 {
  height: 31px;
}

.height45 {
  height: 45px;
}

.height47 {
  height: 47px;
}

.height50 {
  height: 50px;
}

.height70 {
  height: 70px;
}

.height75 {
  height: 75px;
}

.height85 {
  height: 85px;
}

.width50p {
  width: 50%;
}

.width100p {
  width: 100%;
}

.width20 {
  width: 20px;
  text-align: right;
}

.width22 {
  width: 22px;
}

.width75 {
  width: 75px;
}

.width85 {
  width: 85px;
}

.w30px {
  width: 30px;
}

.width101 {
  width: 101px;
}

.width154 {
  width: 154px;
}

.width176 {
  width: 176px;
}

.width186 {
  width: 186px;
}

.width186 .listreplace {
  max-width: 186px;
}

.width186 input {
  max-width: 176px;
}

.width191 {
  width: 191px;
}

.width191 .listreplace {
  max-width: 181px;
}

.width191 input {
  max-width: 181px;
}

.width194 {
  width: 194px;
}

.width201 {
  width: 201px;
}

.width251 {
  width: 251px;
}

.width201 .listreplace {
  max-width: 186px;
}

.width201 input {
  max-width: 191px;
}

.width206 {
  width: 206px;
}

.width206 .listreplace {
  max-width: 206px;
}

.width206 input {
  max-width: 196px;
}

.width210 {
  width: 210px;
}

.width302 {
  width: 302px;
}

.width320 {
  width: 320px;
}

.width340 {
  width: 340px;
}

.width370 {
  width: 370px;
}

.width386 {
  width: 386px;
}

.width395 {
  width: 395px;
}

.width402 {
  width: 402px;
  position: relative;
  min-height: 50px;
}

.width432 {
  width: 432px;
}

.width440 {
  width: 440px;
}

.width420 {
  width: 420px;
}

.width423 {
  width: 423px;
  position: relative;
}

.width428 {
  width: 428px;
}

.width449 {
  width: 449px;
}

.width510 {
  width: 510px;
}

.width540 {
  width: 540px;
}

.width614 {
  width: 614px;
}

.width33 {
  width: 33%;
}

.width66 {
  width: 66%;
}

.width100 {
  width: 100%;
}

.marginLR6 {
  margin: 0 6px;
}

.paddingRight8 {
  padding-right: 8px;
}

.paddingLeft5 {
  padding-left: 5px !important;
}

.paddingLeft10 {
  padding-left: 10px !important;
}

.paddingLeft20 {
  padding-left: 20px !important;
}

.paddingLeft25 {
  padding-left: 25px !important;
}

.paddingLeft120 {
  padding-left: 120px;
}

.paddingLeft215 {
  padding-left: 215px;
}

.paddingRight20 {
  padding-right: 20px;
}

.paddingRight23 {
  padding-right: 23px !important;
}

.paddingRight30 {
  padding-right: 30px;
}

.paddingTop0 {
  padding-top: 0px !important;
}

.paddingTop3 {
  padding-top: 3px;
}

.paddingTop5 {
  padding-top: 5px;
}

.paddingTop7 {
  padding-top: 7px;
}

.paddingTop10 {
  padding-top: 10px;
}

.paddingTop12 {
  padding-top: 12px;
}

.paddingTop13 {
  padding-top: 13px;
}

.paddingTop15 {
  padding-top: 15px;
}

.paddingTop20 {
  padding-top: 20px;
}

.paddingTop34 {
  padding-top: 34px;
}

.paddingTop50 {
  padding-top: 50px;
}

.paddingTop116 {
  padding-top: 116px;
}

.paddingBottomIntro {
  padding-bottom: 7px;
}

.paddingBottom4 {
  padding-bottom: 4px;
}

.paddingBottom13 {
  padding-bottom: 13px;
}

.paddingBottom15 {
  padding-bottom: 15px;
}

.paddingBottom16 {
  padding-bottom: 16px;
}

.paddingBottom20 {
  padding-bottom: 20px;
}

.paddingBottom27 {
  padding-bottom: 27px;
}

.paddingBottom30 {
  padding-bottom: 30px;
}

.marginTopM3 {
  margin-top: -3px;
}

.marginTop0 {
  margin-top: 0px;
}

.marginTop2 {
  margin-top: 2px;
}

.marginTop3 {
  margin-top: 3px;
}

.marginTop5 {
  margin-top: 5px;
}

.marginTop10 {
  margin-top: 10px;
}

.marginTop20 {
  margin-top: 20px;
}

.marginTop21 {
  margin-top: 21px;
}

.marginTop23 {
  margin-top: 23px;
}

.marginTop40 {
  margin-top: 40px;
}

.marginTop50 {
  margin-top: 50px;
}

.marginTopM3 {
  margin-top: -3px;
}

.marginLeft0 {
  margin-left: 0px;
}

.marginLeft5 {
  margin-left: 5px;
}

.marginLeft10 {
  margin-left: 10px;
}

.marginLeft20 {
  margin-left: 20px;
}

.marginLeft30 {
  margin-left: 30px;
}

.noMarginRight {
  margin-right: 0px !important;
}

.marginRight3 {
  margin-right: 3px;
}

.marginRight5 {
  margin-right: 5px;
}

.marginRight10 {
  margin-right: 10px;
}

.marginRight15 {
  margin-right: 15px;
}

.marginRight20 {
  margin-right: 20px;
}

.marginRight30 {
  margin-right: 30px;
}

.marginBottom3 {
  margin-bottom: 3px;
}

.marginBottom5 {
  margin-bottom: 5px;
}

.marginBottom {
  margin-bottom: 14px;
}

.marginBottom0 {
  margin-bottom: 0px;
}

.bottom9px {
  margin-bottom: 9px;
}

.marginBottom10 {
  margin-bottom: 10px;
}

.marginBottom15 {
  margin-bottom: 15px;
}

.marginBottom18 {
  margin-bottom: 17px;
}

.marginBottom20 {
  margin-bottom: 20px !important;
}

.marginBottom28 {
  margin-bottom: 28px;
}

.marginBottom40 {
  margin-bottom: 40px;
}

.noHeight {
  height: auto !important;
}

.lineHeight24 {
  line-height: 24px;
}

/*--=Badges--*/

.badges {
  width: 30px;
  height: 30px;
  background-image: url("../images/no_repeat_data.png?lastmod=YYYYMMDD");
  background-repeat: no-repeat;
  margin-right: 10px;
}

.badges.green {
  background-position: -2px -408px;
}

.badges.yellow {
  background-position: -2px -438px;
}

.badges.red {
  background-position: -2px -469px;
}

/*--Elements--*/

a {
  text-decoration: none;
}

.p66 {
  width: 66%;
}

.blueBig {
  background-color: #e9eef2;
  border-top: 1px solid #c3d1d9;
  border-Bottom: 1px solid #c3d1d9;
  height: 57px;
  padding-bottom: 10px;
  margin-bottom: -16px;
}

.blueBig .head {
  font-size: 15px;
  color: #000;
  padding: 16px 0 0 20px;
  background: none;
  width: 213px;
}

.blueBig>.copy {
  width: 420px;
  padding-top: 16px;
}

.Image-Right {
  width: auto;
  margin-left: 58%;
}

a.fancy,
a.fancyVideo {
  display: block;
}

.errorWrapper input {
  border: 1px solid #e0003c;
}

.errorWrapper label {
  color: #e0003c;
}

.errorWrapper.border {
  border: 1px solid #e0003c;
  color: #e0003c;
  font-size: 12px;
  padding: 2px 4px;
  margin-bottom: 9px;
}

.errorWrapper .bold {
  font-weight: bold;
}

.errorWrapper.border .show {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 7px -276px transparent;
  color: #1B3067;
  padding-left: 20px;
}

.dragger {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat right 0;
  width: 9px;
  height: 75px;
  margin-right: 10px;
  cursor: pointer;
}

label {
  font-size: 12px;
}

label.normalFont {
  font-size: inherit;
}

.listEntries {
  padding: 12px 10px;
  font-size: 12px;
  border-top: 1px solid #c3d1d9;
  border-bottom: 1px solid #c3d1d9;
}

.bottomRight {
  bottom: 35px;
  position: absolute !important;
  right: 20px;
}

.bottomLeft {
  margin-left: 20px;
  margin-top: 23px;
}

/*--=Border--*/

.borderTop {
  border-top: 1px solid #c3d1d9;
}

.borderBottom {
  border-bottom: 1px solid #c3d1d9;
}

.borderBottomE5 {
  border-bottom: 1px solid #e5effa;
}

.borderLeft {
  border-left: 1px solid #C3D1D9;
}

.borderLeft5 {
  border-left: 5px solid #E9EEF2;
}

.borderBottomDotted {
  border-bottom: 1px dotted #C3D1D9;
}

.borderTopDotted {
  border-top: 1px dotted #C3D1D9;
}

.webinarbox {
  display: block;
  position: absolute;
  z-index: 10;
  left: 20px;
  top: 20px;
}

.webinar .image {
  padding-top: 4px;
}

.video span {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat 64px -1078px;
  width: 201px;
  height: 113px;
  position: absolute;
  z-index: 10;
  display: block;
}

.topicTeaser .video a {
  display: inline-block;
  float: left;
  height: 113px;
  margin-right: 30px;
  width: 201px;
}

.topicTeaser .video span {
  display: none;
}

.video a:hover span {
  background-position: 64px -1316px;
}

.zoom span {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 181px -1552px transparent;
  width: 201px;
  height: 113px;
  position: absolute;
  z-index: 10;
  display: block;
}

.presentation span {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat 64px -1198px;
  width: 201px;
  height: 113px;
  position: absolute;
  z-index: 10;
  display: block;
}

.topicTeaser .presentation a {
  display: inline-block;
  float: left;
  height: 113px;
  margin-right: 30px;
  width: 201px;
}

.topicTeaser .presentation span {
  display: none;
}

.presentation a:hover span {
  background-position: 64px -1428px;
}

.oldPrice {
  text-decoration: line-through;
}

.newPrice {
  color: #e0003c;
  line-height: 12px;
}

.marketing-text {
  color: #e0003c;
  font-size: 13px;
}

.subMenu {
  background-color: #e9eef2;
  height: 24px;
  margin-top: 9px;
}

.subMenu .category {
  font-size: 12px;
  color: #3c5061;
  padding-left: 15px;
  line-height: 24px;
}

.arrowBlueTop {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0 -1017px transparent;
  color: #1B3067;
  font-size: 11px;
  line-height: 19px;
  padding-left: 12px;
  text-decoration: none;
}

.arrowBlueTop.top-page-link {
  color: #1b3067;
  font-size: 12px;
}

.arrowBlueTop.top-page-link:hover {
  color: #2864a0 !important;
}

.arrowBlueTopWorkflow {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0 -1016px transparent;
  color: #1B3067;
  font-size: 11px;
  line-height: 19px;
  padding-left: 12px;
  text-decoration: none;
}

.arrowBlueDown {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 5px -972px transparent;
  padding-left: 15px;
  text-decoration: none;
}

.showAll,
.showLess,
.showAllAutoSuggest {
  line-height: 17px;
  border-bottom: 1px dotted #c3d1d9;
  width: 100%;
  font-size: 11px;
  text-align: center;
  cursor: pointer;
  background: url("../images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -698px transparent;
}

.showAll .arrows,
.showLess .arrows {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0 -390px transparent;
  display: inline-block;
  height: 8px;
  margin-right: 3px;
  width: 9px;
}

input[type="submit"].greyButton,
a.greyButton {
  border: 1px solid #bfbfbf;
  color: #bfbfbf;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0 14px 1px;
  position: relative;
}

.logInCart {
  width: 200px;
  margin-top: 5px;
}

.head .teaser_arrow {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -3px 0;
  width: 21px;
  height: 20px;
  float: left;
  margin-right: 5px;
}

.btmRight {
  margin-top: 10px;
}

table table.noHead tbody tr:first-child td,
#fancybox-content table.noHead tbody tr:first-child td {
  border-top: 1px solid #C3D1D9;
}

table table.shinyBorder tr td,
#fancybox-content table.shinyBorder tr td {
  border-bottom: 1px solid #e5effa !important;
}

.a6a6a6 {
  color: #a6a6a6;
  font-size: 12px;
}

.fullwidth {
  width: 654px;
}

.textLeft {
  text-align: left;
}

.textCenter {
  text-align: center;
}

.textRight {
  text-align: right;
}

.bubble {
  padding: 3px 8px;
  color: #fff;
  background-color: #62809e;
  font-size: 10px;
  font-weight: bold;
  margin-right: 10px;
  margin-top: 3px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
}

.tabs .bubble {
  background-color: #143c64;
  color: #fff;
  margin-left: 10px;
  top: -3px;
}

.tabs .current .bubble {
  background-color: #fff;
  color: #143c64;
}

.listOptions.noTop {
  margin: 0;
  padding: 0;
}

.buttonHeadline {
  padding-bottom: 6px;
  border-bottom: 1px solid #c3d1d9;
  margin-top: 30px;
  padding-right: 10px;
}

/*---=LINKS AND TYPE---
============ */

/*--=Share link--*/

.addthis_toolbox {
  z-index: 16;
  position: absolute;
  margin-left: 600px;
  margin-top: -19px;
}

/*--=Layer for share link dialog--*/

.coverdiv {
  border-bottom-style: solid;
  border-width: thin;
  display: none;
  z-index: 15;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

/*---=MAIN LAYOUT---
============ */

/*---=SECONDARY LAYOUT STRUCTURES---
============ */

/*--=Resource Center page--*/

.resource-list .headline {
  font-size: 15px;
  color: #000;
  font-family: arial !important;
}

.resource-list .q-td.list-item-description {
  width: 475px;
}

.resource-search .search-section .searchtext {
  font-size: 12px;
  color: #000;
  font-family: arial;
}

.resource-search .search-section .separator {
  height: 10px;
  background: url("../images/tabs_back.png?lastmod=YYYYMMDD") repeat-x scroll 0 -16px transparent;
}

.resource-search #dopdownRS .searchtext.label {
  float: left;
  margin-right: 10px;
}

.resource-search .search-section {
  margin-top: 18px;
  border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: rgb(195, 209, 217);
  /*padding-top: 12px;
    padding-bottom: 12px;*/
  background-color: #F2F8FF;
}

.resource-search .search-section .subsection {
  padding: 18px;
}

/* Uniform Style */

#incrementul span.uniform,
#labincrementul  span.uniform {
  margin-top: -2px !important;
  margin-right: 0px !important;
  margin-left: 0px !important;
}

#incrementul #increment span.uniform,
#labincrementul  #1 span.uniform {
  margin-top: 2px !important;
}

#incrementul span.uniform.checked,
#labincrementul  span.uniform.checked {
  margin-top: -2px !important;
  margin-right: 0px !important;
  margin-left: 0px !important;
  background-position: -232px -2603px;
}

#incrementul #increment span.uniform.checked,
#labincrementul  #1 span.uniform.checked {
  margin-top: 2px !important;
}

.filter .filterset span.uniform label {
  margin-top: 2px;
  margin-left: 20px;
  display: block;
}

.wishlisttabs #download .checkboxes span.uniform,
.wishlisttabs #download .checkboxes span.uniform.checked {
  margin-left: 0 !important;
  margin-right: 3px !important;
  margin-top: -3px !important;
}

/*--=Welcome page--*/

.welcomePageMarginTop {
  margin-top: 5px;
}

.welcomePageMarginTopHeadline {
  margin-top: -5px;
}

/*--=Location/Language change selection--*/

#fancybox-content .localization #GoButton {
  background-color: #1b3067;
  bottom: 18px;
  color: #ffffff !important;
  font-family: futura-book;
  font-size: 18px;
  line-height: 16px;
  text-align: center;
  text-decoration: none;
  padding-bottom: 6px;
  padding-top: 6px;
  position: absolute !important;
  right: 20px;
  width: 100px;
}

#fancybox-content .localization #GoButton:hover {
  background-color: #1562ad !important;
}

/*--=PageDetailsModule--*/

.headingtext {
  font-size: 15px !important;
  font-family: arial !important;
  font-weight: normal !important;
  margin-bottom: 12px !important;
  color: Black !important;
}

.headingtext a:hover {
  font-size: 15px !important;
  font-family: arial !important;
  font-weight: normal !important;
  margin-bottom: 12px !important;
  color: Black !important;
}

.internal-links {
  margin-left: -7px;
  font-size: 15px;
}

.resourceList {
  margin-left: 10px;
  width: 125px;
}

/*---=FORM ELEMENTS---
============ */

/*--=ABCsearchfield--*/

.abcSearchfield {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #c3d1d9;
  margin-top: -31px;
  /*Needed in order to cancel the margin from image above. Expected is total padding/margin of 20px. */
}

.abcSearchfield input {
  margin: 20px 10px 10px;
  width: 636px;
}

.abcSearchfield .abc {
  margin-bottom: 15px;
  margin-left: 10px;
  overflow: auto;
}

.abcSearchfield .abc li {
  float: left;
  width: 24px;
}

.abcSearchfield .abc li a {
  color: #a6a6a6;
  font-size: 12px;
  text-decoration: none;
  text-align: center;
  display: block;
}

.abcSearchfield .abc li a:hover,
.abcSearchfield .abc li a.active {
  color: #1b3067;
}

.abcSearchfield .abc li input {
  color: #a6a6a6;
  font-size: 12px;
  text-decoration: none;
  text-align: center;
  display: block;
  border: 0 none;
  margin: 0;
  padding: 0;
}

.abcSearchfield .abc li input:hover,
.abcSearchfield .abc li input.active {
  color: #1b3067;
  border: 0 none;
  margin: 0;
  padding: 0;
}

.phone {
  font-size: 15px;
}

.phone .phone {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -124px -156px transparent;
  color: #000000;
  width: 20px;
  height: 15px;
  display: inline-block;
}

a.blueLink {
  color: #1b3067;
  text-decoration: none;
  line-height: 25px;
  padding-right: 10px;
}

a.blueLink:hover {
  color: #2864a0;
}

a.small {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -335px transparent;
  color: #A6A6A6;
  font-size: 11px;
  line-height: 19px;
  margin-left: 10px;
  padding-left: 8px;
  text-decoration: none;
}

a.small1 {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -337px transparent;
  color: #A6A6A6;
  font-size: 11px;
  line-height: 19px;
  margin-left: 10px;
  padding-left: 8px;
  text-decoration: none;
}

a.small1.OSMacType {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -339px transparent;
  color: #A6A6A6;
  font-size: 11px;
  line-height: 19px;
  margin-left: 10px;
  padding-left: 8px;
  text-decoration: none;
}

.collapsible a.small {
  background-position: -3px -337px;
}

/*--=Headline--*/

.headline {
  font-size: 21px;
  color: #1b3067;
  margin-bottom: 3px;
  font-family: futura-book;
}

table table .headline,
#fancybox-content table table .headline {
  font-size: 15px;
  color: #000;
  margin-bottom: 0px;
  font-family: arial;
}

table table .headline a {
  font-size: 15px;
  color: #000;
  margin-bottom: 3px;
  line-height: 24px;
}

table .title.limitHeight {
  height: 25px;
  overflow: auto;
}

/* added as a fix for for Qiagen-3693 for global search */

table .title.height {
  overflow: auto;
}

.middle table .title a {
  font-size: 15px;
  color: #000;
  margin-bottom: 3px;
  line-height: 24px;
}

.middle table .title a:hover {
  color: #2864a0;
}

.subline.big,
.productHead {
  font-size: 15px;
  color: #000;
  margin-bottom: 2px;
}

.subline.small {
  font-size: 13px;
  color: #000;
  margin-bottom: 2px;
}

caption.Table_Header {
  font-size: 13px;
  color: #000;
  margin-bottom: 2px;
  text-align: left;
}

/*--=Micellaneous--*/

.listAnnot {
  font-size: 12px;
  color: #a6a6a6;
}

.listAnnot a {
  margin-left: 10px;
}

.copy,
.label,
.blue-label {
  font-size: 12px;
  color: #404040;
  line-height: 18px;
}

.label {
  color: #000000;
}

.label.big {
  font-size: 15px;
}

.label.input {
  font-size: 13px;
  line-height: 22px;
}

.blue-label {
  color: #3C5061;
}

.field.input {
  font-size: 12px;
  color: #404040;
}

.copy p {
  margin-top: 4px;
}

.copy.paddingTop {
  padding-top: 10px;
}

.copy a.arrowBlue,
.copy a.arrowBlue1,
.copy a.arrowBlue2 {
  display: inline;
  float: none;
  margin-left: 4px;
}

.copy a.arrowBlue.noMargin,
.copy a.arrowBlue2.noMargin {
  margin-left: 0px !important;
}

div.copy ul li,
div.copy dt {
  background: url("../images/squarebullet.png?lastmod=YYYYMMDD") no-repeat scroll 0 1px transparent;
  color: #404040;
  font-size: 12px;
  line-height: 18px;
  padding-left: 15px;
}

div.copy ul {
  padding-left: 8px;
}

/*revert unneeded images*/

div.copy .dropreplace .options ul li {
  background: none;
  padding-left: 0px;
}

div.copy .dropreplace .options ul {
  padding-left: 0px;
}

div.copy ol {
  padding-left: 25px;
}

.descHelp {
  font-size: 11px;
  color: #a6a6a6;
  line-height: 15px;
}

.footnote {
  font-size: 11px;
  color: #a6a6a6;
  line-height: 15px;
}

.navigationTitle {
  font-size: 12px;
  color: #3c5061;
}

img.borderTop {
  border-top: 1px solid #c3d1d9;
}

img.borderBottom {
  border-bottom: 1px solid #c3d1d9;
}

/*--=SearchfieldForm--*/

.searchfieldForm {
  width: 646px;
  padding: 0 10px;
  margin-bottom: 10px;
}

.searchfieldForm .line {
  font-size: 12px;
  color: #404040;
}

.searchfieldForm .searchfield {
  width: 518px;
  margin-bottom: 10px;
}

.searchfieldForm .searchfield.v1 {
  height: 38px;
}

.searchfieldForm .searchfield.v3 {
  width: 100%;
}

/*--=Scrollpane--*/

.jspArrowUp {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -76px transparent !important;
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll -23px -1888px #1b3067 !important;
  padding: 0 !important;
  cursor: pointer;
}

.jspArrowDown {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -92px transparent !important;
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 7px -1888px #1b3067 !important;
  padding: 0 !important;
  cursor: pointer;
}

.jspTrack {
  background-color: #e9eef2 !important;
}

.jspTrack .jspDrag {
  background-color: #c3d1d9;
}

/*--=Input,select,form--*/

input,
select,
textarea {
  font-family: arial;
  border: 1px solid #bfbfbf;
  color: #999999;
  padding: 1px 5px;
  width: 189px;
  font-size: 13px;
}

select {
  color: #000;
}

textarea {
  padding: 6px;
}

/* show all / less with "tab" */

.showTab {
  line-height: 17px;
  width: 100%;
  font-size: 13px;
  text-align: center;
  cursor: pointer;
  margin-top: -40px;
}

.showTab.less {
  margin-top: -24px;
}

.showTab .arrows {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 1px -975px transparent;
  display: inline-block;
  height: 8px;
  margin-right: 3px;
  width: 9px;
}

.showTab.less .arrows {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 1px -1024px transparent;
}

.showTab .text {
  position: relative;
  z-index: 100;
  color: #2864A0;
}

.showTab.all .text {
  padding-top: 8px;
}

.showTab > img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  /* For IE8 and earlier */
}

.showTab .bar {
  background: url("../images/showmore.png?lastmod=YYYYMMDD") center top;
  /*border-bottom: 1px dotted #c3d1d9;*/
  line-height: 36px;
  margin-top: -12px;
  position: relative;
  height: 42px;
  width: 100%;
  z-index: 95;
}

.showTab.less .bar {
  line-height: 51px;
}

input[type="submit"],
input[type="reset"],
input[type="checkbox"],
input[type="radio"] {
  margin-bottom: 0;
  width: auto;
  border: none;
}

.alignCheckbox {
  margin: 0;
  padding: 0;
  margin-top: 2px !important;
}

.fileUpload {
  background: url("../images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -188px transparent;
  color: #fff;
  margin-left: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
}

.fileUpload .buttonText {
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  cursor: pointer;
}

input[type="reset"] {
  color: #1b3067;
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -1px -853px transparent;
  font-size: 12px;
  padding-left: 8px;
  text-decoration: none;
  line-height: 16px;
  border: none;
  cursor: pointer;
}

input[type="submit"] {
  border: 1px solid #a6a6a6;
  color: #a6a6a6;
  padding: 3px 0px;
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
}

input[type="button"] {
  border: 1px solid #a6a6a6;
  color: #a6a6a6;
  padding: 3px 14px;
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
}

input[type="submit"].addToWishlist {
  border: none;
  background-color: transparent;
  color: #1B3067;
  font-size: 11px;
  font-weight: normal;
  width: auto;
  padding: 4px 10px 0 0;
  position: relative;
}

input[type="submit"].addToWishlist:hover {
  color: #2864a0;
}

.radio {
  margin-bottom: 15px;
  width: 201px;
}

.radio .radioInfo {
  line-height: 18px;
  margin-left: 2px;
  margin-top: 1px;
}

.wishlisttabs .radio .radioInfo {
  margin-top: 0px;
}

.radio .radioInfo .head {
  font-size: 12px;
  color: #404040;
}

.radio .radioInfo .description {
  font-size: 12px;
  color: #a6a6a6;
}

.col0spacer {
  margin-left: 10px;
}

.col1spacer {
  margin-right: 30px;
}

.col2spacer,
.col3spacer {
  margin-right: 31px;
}

label {
  margin-bottom: 6px;
}

input.activeInput,
textarea.activeInput {
  color: #404040 !important;
}

input.loginpass {
  color: #999999 !important;
}

.blueLine {
  background-color: #E9EEF2 !important;
}

table.shinyBorder tr.blueLine td {
  border-color: #fff !important;
}

/*--=Anchor HREF--*/

a,
.arrowBlue {
  color: #1b3067;
  font-size: 14px;
  text-decoration: none;
  line-height: 16px;
}

.arrowBlue,
a.arrowBlue2 {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -855px transparent;
  padding-left: 8px;
}

span.arrowBlue,
a.arrowBlue.OSMacType,
a.arrowBlue2.OSMacType {
  background-position: -3px -856px;
}

a.arrowBlueOpenLightBox {
  background-position: 218px -854px;
  padding-left: 230px;
}

a.arrowBlue1 {
  background-position: -3px -853px;
  padding-left: 8px;
}

a.arrowBlue.fleft,
a.arrowBlue1.fleft,
a.arrowBlue2.fleft {
  margin-left: 10px;
  line-height: 21px;
}

a.arrowBlue.fleft.noMarginLeft,
a.arrowBlue1.fleft.noMarginLeft {
  margin-left: 0;
  background-position: -3px -852px;
}

a:hover,
a.arrowBlue:hover {
  color: #2864a0;
}

a.small:hover {
  color: #A6A6A6;
}

a.small1:hover {
  background-position: -3px -2489px;
  color: #2864a0;
}

a.small1.OSMacType:hover {
  background-position: -3px -2491px;
  color: #2864a0;
}

a.arrowBlue.collapsable {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -855px transparent;
}

a.arrowBlue.collapsable.active {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -31px -387px transparent;
  padding-left: 10px;
}

a.arrowBlue#DetailLink {
  background-position: -3px -856px;
}

/*--=Buttons--*/

/*-=action button*/

a.actionbutton {
  border: 1px solid #bfbfbf;
  background: url("../images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -691px transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0px 20px 0px 5px;
  cursor: pointer;
}

a.actionbutton > span {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -854px transparent;
  padding: 1px 0px 5px 8px;
  margin-left: 10px;
  line-height: 19px;
}

/*-=edit button-*/

a.editButton {
  background: url("../images/icons.jpg?lastmod=YYYYMMDD") no-repeat -803px top;
  height: 17px;
  display: block;
  text-decoration: none;
  color: #a6a6a6;
  padding-left: 20px;
  font-size: 12px;
  margin-right: 10px;
}

a.editButton.aspNetDisabled {
  background: url("../images/icons.jpg?lastmod=YYYYMMDD") no-repeat -803px -90px;
  height: 17px;
  display: block;
  text-decoration: none;
  color: #dee0e2;
  padding-left: 20px;
  font-size: 12px;
  margin-right: 10px;
}

input[type=submit].editButton {
  height: 17px;
  background: url("../images/icons.jpg?lastmod=YYYYMMDD") no-repeat scroll -803px top transparent;
  width: 21px;
  border: 0px none;
  padding-left: 0px;
  margin-left: 10px;
}

a.editButton.active {
  background-position: -803px -30px;
  color: #1b3067;
}

a.editButton:hover,
input[type=submit].editButton:hover {
  background-position: -803px -60px;
  color: #2864a0;
}

/*-=new button-*/

a.newButton {
  background: url("../images/icons.jpg?lastmod=YYYYMMDD") no-repeat -1344px top;
  height: 17px;
  display: block;
  text-decoration: none;
  color: #a6a6a6;
  padding-left: 20px;
  font-size: 12px;
  margin-right: 10px;
}

a.newButton.aspNetDisabled {
  background: url("../images/icons.jpg?lastmod=YYYYMMDD") no-repeat -1344px -90px;
  height: 17px;
  display: block;
  text-decoration: none;
  color: #dee0e2;
  padding-left: 20px;
  font-size: 12px;
}

a.newButton.active {
  background-position: -1344px -30px;
  color: #1b3067;
}

a.newButton:hover {
  background-position: -1344px -60px;
  color: #2864a0;
}

/*-=delete button-*/

a.deleteButton {
  background: url("../images/icons.jpg?lastmod=YYYYMMDD") no-repeat -983px top;
  height: 17px;
  display: block;
  text-decoration: none;
  color: #a6a6a6;
  padding-left: 20px;
  font-size: 12px;
}

input[type=submit].deleteButton {
  height: 17px;
  background: url("../images/icons.jpg?lastmod=YYYYMMDD") no-repeat -983px top transparent;
  width: 21px;
  border: 0px none;
  padding-left: 0px;
  margin-left: 10px;
}

a.deleteButton.active {
  background-position: -983px -30px;
  color: #1b3067;
}

a.deleteButton:hover {
  background-position: -983px -60px;
  color: #2864a0;
}

/*-=print button-*/

a.printButton,
a.printBtn {
  background: url("../images/icons.jpg?lastmod=YYYYMMDD") no-repeat -603px top;
  height: 17px;
  display: block;
  text-decoration: none;
  color: #a6a6a6;
  padding-left: 25px;
  font-size: 12px;
  margin-right: 10px;
}

a.printButton.aspNetDisabled,
a.printBtn.aspNetDisabled {
  background: url("../images/icons.jpg?lastmod=YYYYMMDD") no-repeat -603px -90px;
  height: 17px;
  display: block;
  text-decoration: none;
  color: #dee0e2;
  padding-left: 25px;
  font-size: 12px;
  margin-right: 10px;
}

a.printButton.active,
a.printBtn.active {
  background-position: -603px -30px;
  color: #1b3067;
}

a.printButton:hover,
a.printBtn:hover {
  background-position: -603px -60px;
  color: #2864a0;
  cursor: pointer;
}

/*-=share button-*/

div.shareButtonOld,
a.shareButtonOld {
  background: url("../images/icons.jpg?lastmod=YYYYMMDD") no-repeat -206px top;
  height: 17px;
  display: block;
  text-decoration: none;
  color: #a6a6a6;
  font-size: 12px;
  padding-left: 20px;
  margin-right: 10px;
}

div.shareButtonOld.aspNetDisabled,
a.shareButtonOld.aspNetDisabled {
  background: url("../images/icons.jpg?lastmod=YYYYMMDD") no-repeat -206px -90px;
  height: 17px;
  display: block;
  text-decoration: none;
  color: #dee0e2;
  font-size: 12px;
  padding-left: 20px;
  margin-right: 10px;
}

div.shareButtonOld.active,
a.shareButtonOld.active {
  background-position: -206px -30px;
  color: #1b3067;
}

div.shareButtonOld:hover,
a.shareButtonOld:hover {
  background-position: -206px -60px;
  color: #2864a0;
}

div.aspNetDisabled.shareButtonOld.fleft:hover,
a.aspNetDisabled.shareButtonOld.fleft:hover {
  background-position: -206px top;
  color: #a6a6a6;
  cursor: pointer;
}

a.shareButton {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll -224px -1806px transparent;
  height: 17px;
  display: block;
  text-decoration: none;
  color: #a6a6a6;
  font-size: 12px;
  padding-left: 25px;
  margin-right: 10px;
}

a.shareButton:hover {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll -225px -1842px transparent;
  color: #1562AD;
}

/*-=bookmark button-*/

a.bookmarkButton {
  background: url("../images/icons.jpg?lastmod=YYYYMMDD") no-repeat -1163px top;
  height: 17px;
  display: block;
  text-decoration: none;
  color: #a6a6a6;
  font-size: 12px;
  padding-left: 25px;
  margin-right: 10px;
}

a.bookmarkButton:hover {
  background-position: -1163px -60px;
  color: #2864a0;
}

/*-=download button-*/

div.downloadButton,
a.downloadButton {
  background: url("../images/icons.jpg?lastmod=YYYYMMDD") no-repeat -402px top;
  height: 17px;
  display: block;
  text-decoration: none;
  color: #a6a6a6;
  font-size: 12px;
  padding-left: 20px;
  margin-right: 10px;
}

div.downloadButton.aspNetDisabled,
a.downloadButton.aspNetDisabled {
  background: url("../images/icons.jpg?lastmod=YYYYMMDD") no-repeat -402px -90px;
  height: 17px;
  display: block;
  text-decoration: none;
  color: #dee0e2;
  font-size: 12px;
  padding-left: 20px;
  margin-right: 10px;
}

div.downloadButton.active,
a.downloadButton.active {
  background-position: -402px -30px;
  color: #1b3067;
}

div.downloadButton:hover,
a.downloadButton:hover {
  background-position: -402px -60px;
  color: #2864a0;
}

a.aspNetDisabled.downloadButton.fleft:hover,
a.aspNetDisabled.downloadButton.fleft:hover {
  background-position: -402px top;
  color: #a6a6a6;
  cursor: pointer;
}

/*-=organize button-*/

div.organizeButton,
a.organizeButton {
  background: url("../images/icons.jpg?lastmod=YYYYMMDD") no-repeat 0 top;
  height: 17px;
  display: block;
  text-decoration: none;
  color: #a6a6a6;
  font-size: 12px;
  padding-left: 20px;
  margin-right: 10px;
  cursor: pointer;
}

div.organizeButton.aspNetDisabled,
a.organizeButton.aspNetDisabled {
  background: url("../images/icons.jpg?lastmod=YYYYMMDD") no-repeat 0 -90px;
  height: 17px;
  display: block;
  text-decoration: none;
  color: #dee0e2;
  font-size: 12px;
  padding-left: 20px;
  margin-right: 10px;
  cursor: pointer;
}

div.organizeButton.active,
a.organizeButton.active {
  background-position: 0 -30px;
  color: #1b3067;
}

div.organizeButton:hover,
a.organizeButton:hover {
  background-position: 0 -60px;
  color: #2864a0;
}

div.aspNetDisabled.organizeButton.fleft:hover,
a.aspNetDisabled.organizeButton.fleft:hover {
  background-position: 0px top;
  color: #a6a6a6;
  cursor: pointer;
}

div.shareButton:hover,
div.organizeButton:hover,
div.downloadButton:hover {
  cursor: pointer;
}

/*--=DIV Table--*/

.q-table {
  width: 100%;
  border-spacing: 0;
  margin-bottom: 10px;
}



.noPaddingLeft .q-table {
  margin-top: 5px;
}

/*-=DIV Tr--*/

.q-tr {
  float: left;
  background-color: #E9EEF2;
  border: medium none;
  line-height: 18px;
}

.q-tr.nth {
  background-color: #FFFFFF;
}

.q-table.noNth .q-tr {
  background-color: #FFFFFF;
}

/*-=DIV Td--*/

.q-td {
  color: #404040;
  font-size: 12px;
  padding-left: 10px;
}

.q-tdEvent {
  color: #404040;
  font-size: 12px;
  padding-top: 08px;
}

.q-table.noPadding .q-tbody .q-td {
  padding: 0;
}

.q-table.noBorder .q-tbody .q-td {
  border-right: medium none;
  padding-top: 10px;
}

/*-=DIV Table Others--*/

.q-table.noBorder .q-td.paddingTopLess {
  padding-bottom: 13px;
  padding-top: 5px;
}

.q-table.noBorder .q-td {
  border-right: medium none;
}

.panes .q-table .q-tr .q-th:first-child,
.panes .q-table .q-tr .q-td:first-child {
  padding-left: 10px;
}

.q-table .headline a,
.q-table .headline span {
  color: #000000;
  font-size: 15px;
  line-height: 24px;
}

.middle .q-table .title a {
  color: #000000;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 3px;
}

.q-table .q-tr .q-td:first-child img {
  padding-bottom: 12px;
  padding-left: 10px;
}

.q-table .q-tr .q-td:first-child a img {
  border: medium none;
}

.q-table.noBorder input[type="checkbox"] {
  margin: 0 10px;
}

/*--=Table--*/

table table,
#fancybox-content table {
  border-bottom: 1px solid #c3d1d9;
  border-spacing: 0;
  width: 666px;
  margin-bottom: 10px;
}

table table.noBorder,
#fancybox-content table.noBorder {
  border-bottom: 1px dotted #c3d1d9;
}

table table td,
#fancybox-content table td {
  padding: 0;
}

table table tr.lastTR td,
#fancybox-content table tr.lastTR td {
  border-bottom: none !important;
}

table table.head thead td,
#fancybox-content table.head thead td {
  border-bottom: 1px solid #c3d1d9;
  border-right: 1px solid #fff;
}

table table.head thead tr td div,
#fancybox-content table.head thead tr td div {
  color: #000;
  font-size: 12px;
  line-height: 26px;
  background-color: #c3d1d9;
  padding-left: 10px;
  margin-bottom: 9px;
}

table table.noPadding tbody tr td,
#fancybox-content table.noPadding tbody tr td {
  padding: 0;
}

table table tbody tr td,
table table.borderRight tbody tr td {
  border-right: 1px solid #c3d1d9;
}

.tdBorder {
  border-left: 1px solid #c3d1d9;
}

table table tbody tr td.last {
  border-right: none;
}

table table tbody tr,
#fancybox-content table tbody tr {
  border: none;
  line-height: 18px;
  background-color: #e9eef2;
}

table table.noNth tbody tr,
#fancybox-content table.noNth tbody tr {
  background-color: #fff;
}

table table.noNth tbody tr td,
#fancybox-content table.noNth tbody tr td {
  border-bottom: 1px solid #c3d1d9;
}

table table tbody tr.nth,
#fancybox-content table tbody tr.nth {
  background-color: #fff;
}

table table.tablesorter tbody tr.nth,
#fancybox-content table.tablesorter tbody tr.nth {
  background-color: transparent;
}

table table tbody tr td li,
#fancybox-content table tbody tr td li {
  float: left;
  font-size: 12px;
  color: #404040;
}

table table tbody tr td li a,
#fancybox-content table tbody tr td li a {
  color: #1b3067;
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -855px transparent;
  font-size: 12px;
  padding-left: 8px;
  text-decoration: none;
  line-height: 16px;
  margin-right: 10px;
}

table table.noNth.discontinue tbody tr,
table table.noNth.discontinue tbody tr td {
  border: none;
}

table.discontinue,
.panes table.discontinue {
  border-bottom: solid 1px #C3D1D9;
  border-top: solid 1px #C3D1D9;
  padding: 10px 0px;
}

/*--=Collapsible table--*/

.collapsible {
  position: relative;
  padding-bottom: 12px;
}

.collapsible.noBottomPadding {
  padding-bottom: 0px;
}

.collapsible .listreplace {
  margin-bottom: 0;
}

.collapsible .bottomRight {
  bottom: 0px;
}

.collapsible table {
  border-left: 5px solid #E9EEF2;
  margin-bottom: 0;
  width: 666px;
}

.collapsible.noBorder table {
  border-left: none;
}

.collapsible .headbar {
  padding: 12px 10px;
  border-bottom: 1px solid #C3D1D9 !important;
  background-color: #e9eef2;
  z-index: 13;
}

.collapsible .headbar.relativeheadbar {
  position: relative;
}

.collapsible .headbar.open {
  border: none !important;
}

.collapsible .headbar.first {
  border-top: 1px solid #C3D1D9 !important;
}

.collapsible .headbar.white {
  background-color: #fff;
}

.collapsible .headbar.v2 .bubble {
  margin-left: 10px;
  margin-bottom: 0;
  margin-top: 0;
}

.collapsible .headbar .head {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -727px transparent;
  color: #1B3067;
  font-size: 15px;
  padding-left: 15px;
  cursor: pointer;
}

.collapsible .headbar .head.open {
  background-position: -3px -654px;
}

.collapsible .headbar .copy {
  font-size: 12px;
  color: #3c5061;
  width: 245px;
  padding-left: 15px;
}

.collapsible .headbar .species {
  font-size: 12px;
  color: #3c5061;
  position: absolute;
  bottom: 12px;
}

.collapsible .headbar .species span {
  color: #a6a6a6;
  margin-right: 10px;
}

.collapsible .headbar .details {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -504px transparent;
  color: #A6A6A6;
  cursor: pointer;
  font-size: 12px;
  padding-left: 12px;
}

.collapsible .headbar .details.open {
  background-position: -3px -581px;
}

.collapsible .hideIt {
  position: relative;
  z-index: 14;
}

/*--=Header--*/

.header {
  display: table;
  width: 100%;
}

.header .headerContent {
  float: none;
  width: auto;
  margin-left: 33px;
  margin-right: 33px;
}

/* on the main page the header should have full width */

.header .logo {
  width: 116px;
  height: 100px;
  float: left;
}

.header .logo,
.header .logo > img {
  height: 50px;
  width: 60px;
  border-left: 10px solid white;
  border-right: 10px solid white;
  border-top: 0px;
  border-bottom: 0px;
  margin-left: -10px;
  background: white;
}

.header .account {
  margin-top: -5px;
  margin-bottom: 7px;
}

.header .account a {
  font-family: futura-book;
  color: #5f6e94;
  text-decoration: none;
  font-size: 15px;
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -856px transparent;
  padding-left: 8px;
  margin-right: 32px;
  line-height: 34px;
}



.header .account input[type="submit"].addToWishlist {
  border: none;
  background-color: transparent;
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -2px -852px transparent;
  color: #1B3067;
  font-size: 12px;
  font-weight: normal;
  width: auto;
  padding: 4px 10px 0 9px;
}

.header .account .logout a {
  /*
	color: #1b3067;
	background: url("../../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -855px transparent;
*/
}

.header .account a:hover,
.header .account input[type="submit"].addToWishlist:hover {
  color: #87a6d5;
}

.header .account .login a:hover,
.header .account .login input[type="submit"].addToWishlist:hover {
  color: #87a6d5;
}

.header .account .logout a.lnkLogout {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -12px -4490px transparent;
}

.header .account .login a.addToWishlist,
.header .account .logout a.addToWishlist {
  /*margin-right: 5px;*/
}

.header .account .logout a.lnkWishlist {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -11px -4544px transparent;
}

.header .account .logout a.lnkUserAccount {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -214px -4496px transparent;
  white-space: nowrap;
}

.header .account .wishlistElems {
  background-color: #95AABE;
  color: #FFFFFF;
  font-size: 12px;
  padding: 2px 10px;
  margin-right: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
}

.header .account .wishlistElems.cartCount {
  margin-right: 15px;
  float: left;
}

.header .account .cartImage {
  cursor: pointer;
  font-size: 15px;
  /* workaround for cart page */
  margin-left: -5px;
  padding-left: 2px;
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0 -853px transparent;
}

.header .account .red-counter {
  float: left;
  background-color: #e0003c;
  border-radius: 15px;
  color: #ffffff;
  font-size: 11px;
  padding: 1px 4px 0 4px;
  line-height: 13px;
}

.header .account .red-counter.empty {
  display: none;
}

.header .account .qcart-menu .red-counter {
  margin-left: -33px;
  margin-top: 18px;
}

.header .account .qwishlist-menu .red-counter {
  margin-left: -30px;
  margin-top: 18px;
}

.header .account .qmenu {
  cursor: pointer;
  padding-left: 26px;
  float: left;
}

.header .account .qmenu:first-child,
.header .account .qmenu:first-child .qicon {
  margin-left: 0px;
}

.header .account .logout .qmenu.qlogout-menu {
  padding-left: 0px;
  margin-left: 0;
  position: relative;
}

.header .account .loginIcon {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0px -4998px transparent;
  padding-left: 24px;
}

.header .account .loginIcon:hover {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -125px -4998px transparent;
  padding-left: 24px;
}

.header .account .cartIcon {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0px -5027px transparent;
  padding-left: 32px;
}

.header .account .cartIcon:hover {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -125px -5027px transparent;
  padding-left: 32px;
}

.header .account .useraccIcon {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -6px -3846px transparent;
  padding-left: 26px;
}

.header .account .wishlistIcon {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0px -5056px transparent;
  padding-left: 22px;
}

.header .account .wishlistIcon:hover {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -125px -5055px transparent;
  padding-left: 22px;
}

.header .account .contactusIcon {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -5085px transparent;
  margin-right: 0;
  padding-left: 24px;
}

.header .account .contactusIcon:hover {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -128px -5085px transparent;
  margin-right: 0;
  padding-left: 24px;
}

.header .account .qiastockIcon {
  background: url("../images/icon_qiastock.png") no-repeat scroll 0px 5px transparent;
  padding-left: 32px;
}

.header .account .qiastockIcon:hover {
  background: url("../images/icon_qiastock_hover.png") no-repeat scroll 0px 5px transparent;
  padding-left: 32px;
}

.header .account .logoutIcon {
  padding-left: 0px;
  margin-left: 3px;
  margin-right: 10px;
}

.header .account .qicon a {
  padding-left: 0px;
  background: none;
  white-space: nowrap;
}

.header .account .qiahomeIcon {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -6px -3893px  transparent;
}

.header .account .qiaentertIcon {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -9px -3941px transparent;
}

.header .account .logoutIcon .arrow {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0 -977px transparent !important;
  position: absolute;
  height: 8px;
  width: 8px;
  top: 15px;
  right: 21px;
}

.header .account .cartImage a {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll right -1400px transparent;
  margin-right: 0px !important;
  padding-right: 28px;
}

.header .account .cartImage a:hover {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll right -1433px transparent;
  margin-right: 0px !important;
  padding-right: 28px;
}

.header .account .qsubmenu-container {
  position: relative;
}

.header .account .qsubmenu {
  background-color: #f2f8ff;
  border: 1px solid #bcbcbc;
  box-shadow: 2px 2px 15px #4c4c4c;
  color: #627580;
  font-family: arial;
  font-size: 12px;
  left: 0;
  position: absolute;
  top: 38px;
  z-index: 1000;
  min-width: 120px;
}

.header .account .qsubmenu li {
  background: none;
  border-bottom: 1px solid #c3d1d9;
  float: none;
  line-height: 21px;
}

.header .account .qsubmenu li a {
  color: #627580;
  display: block;
  font-family: arial;
  font-size: 12px;
  font-weight: normal;
  line-height: 32px;
  padding: 0 6px 0 22px;
  margin-left: 11px;
}

.header .account .qsubmenu .inset-topright-corner {
  background: none repeat scroll 0 0 #fff;
}

.header .account .qsubmenu a {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -850px transparent;
  margin-left: 16px;
}

.qsubmenu-top-pointer {
  background: url("../images/box-shadow-up-pointer.png?lastmod=YYYYMMDD") no-repeat scroll -55px -2px transparent;
  height: 10px;
  left: 0;
  position: absolute;
  top: 30px;
  width: 58px;
  z-index: 1001;
}

.header .mainNav .search {
  float: right;
  position: relative;
  margin: 15px 0px 0 0;
  border: 1px solid #1B3067;
  width: 258px;
  height: 20px;
}

.header .mainNav .search input {
  border: none;
}

.header .mainNav .search .searchInputContainer {
  margin-right: 30px;
  width: auto;
}

.header .mainNav .search input.searchValue {
  width: 100%;
  height: 20px;
  background: none;
  color: #a6a6a6;
}

.header .mainNav .search .startSearch {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -7px -45px transparent;
  display: block;
  height: 11px;
  position: absolute;
  right: 3px;
  text-indent: -9999px;
  top: 5px;
  width: 19px;
}

.header .mainNav .search .resultBox {
  width: 100%;
  border-bottom: 1px solid #c3d1d9;
  background: #fff;
  position: absolute;
  z-index: 9999;
  font-size: 12px;
  font-family: arial;
  color: #627580;
  background: url("../images/resultBoxShadow.png?lastmod=YYYYMMDD") repeat-y scroll 0 0 transparent;
  left: -8px;
  padding: 0 8px;
  top: 20px;
}

.header .simpleheader {
  height: 20px;
  border-top: 3px solid #e0003c;
}

.middle .pt_serp .resultBox {
  width: 526px;
  border-left: 2px solid #c3d1d9;
  border-right: 2px solid #c3d1d9;
  border-bottom: 1px solid #c3d1d9;
  background: #fff;
  position: absolute;
  z-index: 10;
  font-size: 12px;
  color: #627580;
  background-color: #fff;
  left: 13px;
  top: 32px;
}

.header .mainNav .search .resultBox .head,
.middle .pt_serp .resultBox .head {
  border-top: 1px solid #c3d1d9;
  background-color: #E4EBF0;
  border-bottom: 1px solid #C3D1D9;
  padding: 4px 6px 3px;
}

.headAutoSuggest {
  border-top: 1px solid #c3d1d9;
  background-color: #E4EBF0;
  border-bottom: 1px solid #C3D1D9;
}

.header .mainNav .search .resultBox .head .left,
.middle .pt_serp .resultBox .head .left {
  float: left;
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0 -971px transparent;
  padding-left: 12px;
}

.header .mainNav .search .resultBox .head .right,
.middle .pt_serp .resultBox .head .right {
  float: right;
  color: #fff;
  padding: 2px 10px;
  background-color: #62809e;
  font-size: 10px;
  font-weight: bold;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
}

.header .mainNav .search .resultBox ul,
.middle .pt_serp .resultBox ul {
  background-color: #f2f8ff;
  width: 100%;
  border-bottom: 1px solid #C3D1D9;
}

.header .mainNav .search .resultBox li,
.middle .pt_serp .resultBox li {
  line-height: 21px;
  float: none;
  background: none;
  border-bottom: 1px solid #C3D1D9;
}

.header .mainNav .search .resultBox li a,
.middle .pt_serp .resultBox li a {
  padding: 0 6px;
  font-size: 12px;
  font-family: arial;
  color: #627580;
  font-weight: normal;
  line-height: 26px;
  display: block;
}

.header .mainNav .search .resultBox li a:hover,
.middle .pt_serp .resultBox li a:hover {
  background-image: none;
  background-color: #1b3067;
  color: #fff;
}

.header .mainNav .search .resultBox .showAll,
.showAllAutoSuggest.middle .pt_serp .resultBox .showAll {
  padding-right: 6px;
  line-height: 19px;
  border-bottom: 1px solid #C3D1D9;
  padding-bottom: 2px;
  width: auto;
}

.showAllAutoSuggest {
  padding-right: 6px;
  line-height: 19px;
  border-bottom: 1px solid #C3D1D9;
  background-color: #fff;
  padding-bottom: 2px;
  width: auto;
}

.resultboxhover {
  background-color: #1b3067 !important;
  color: #fff !important;
  background-position: 5px -244px;
}

.main-nav-overlay {
  z-index: 10001;
  position: absolute;
  top: 0px;
  left: 0px;
}

.menu-hover-cover {
  border-bottom-style: inherit;
  border-width: thin;
  display: none;
  z-index: 10000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

/*--=Footer--*/

.footer {
  padding-bottom: 10px;
}

.footer .footer-content {
  position: relative;
  margin-left: 33px;
  margin-right: 33px;
}

.footer.home .footer-content {
  margin-left: -2px;
  margin-right: 0px;
}

.footer .footer-title {
  background-color: white;
  font-family: futura-book;
  font-size: 16px;
  color: #1B3067;
  margin-bottom: 35px;
  margin-top: 35px;
  margin-left: -10px;
  border-left: 10px solid white;
  border-right: 10px solid white;
}

.footer .footer-title-poc {
  margin-bottom: 51px;
}

.footer .divider {
  border-bottom: 2px solid #1B3067;
  width: 100%;
}

.footer .divider_mobile {
  background: url("../images/shadowFooter.jpg?lastmod=YYYYMMDD");
  height: 21px;
  width: 666px;
}

.footer .linklist_top,
.footer .linklist_bottom {
  margin-left: 5px;
  margin-right: 5px;
  padding: 0;
  list-style: none;
  line-height: 16px;
}

.footer .spacer_1 {
  height: 7px;
}

.footer .spacer_2 {
  height: 10px;
}

.footer .linklist_top li,
.footer .linklist_bottom li {
  float: left;
  padding: 0 10px;
  font-size: 10px;
  border-right: 1px solid #1b3067;
  color: #1b3067;
}

.footer li a,
.footer label {
  color: #1b3067;
  text-decoration: none;
  font-size: 10px;
}

.footer li a:hover {
  color: #2864a0;
}

/** Footer change Language/Location dorpdowns */

#footer #languageCountrySelector {
  position: absolute;
  right: 0;
  bottom: 22px;
  font-size: 10px;
  line-height: 12px;
}

#footer #languageCountrySelector #languageSelector,
#footer #languageCountrySelector #countrySelector {
  float: left;
  display: none;
}

#footer #languageCountrySelector .selector {
  float: left;
  padding: 0 0 0 10px;
}

#footer #languageCountrySelector .selector:first-child {
  padding-left: 0;
}

#footer #languageCountrySelector .selector .label,
#footer #languageCountrySelector .selector .dropdown {
  position: relative;
  float: left;
  font-size: 10px;
  line-height: 12px;
}

#footer #languageCountrySelector .selector .label {
  color: #1b3067;
  padding: 3px 5px 0 0;
}

#footer #languageCountrySelector .selector .dropdown .dropdownBtn {
  position: relative;
  width: 90px;
  border: 1px #d4d4e0 solid;
  cursor: default;
  padding: 2px 20px 2px 4px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#footer #languageCountrySelector .selector .dropdown .dropdownBtn::after {
  position: absolute;
  top: 6px;
  right: 4px;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 4px #404040 solid;
  border-right: 4px transparent solid;
  border-bottom: 0;
  border-left: 4px transparent solid;
}

#footer #languageCountrySelector .selector .dropdown .dropdownBtn > span {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

#footer #languageCountrySelector .selector .dropdown .dropdownList {
  display: none;
  position: absolute;
  bottom: 17px;
  left: 0;
  max-height: 300px;
  min-width: 140px;
  background-color: #fff;
  border: 1px #adadad solid;
  overflow-x: none;
  overflow-y: auto;
}

#footer #languageCountrySelector .selector.active .dropdown .dropdownList {
  display: block;
}

#footer #languageCountrySelector .selector.active .dropdown .dropdownBtn::after {
  top: 5px;
  border-top: 0;
  border-right: 4px transparent solid;
  border-bottom: 4px #404040 solid;
  border-left: 4px transparent solid;
}

#footer #languageCountrySelector .selector .dropdown .dropdownList ul,
#footer #languageCountrySelector .selector .dropdown .dropdownList ul li,
#footer #languageCountrySelector .selector .dropdown .dropdownList ul li .selectionLink {
  display: block;
}

#footer #languageCountrySelector .selector .dropdown .dropdownList ul li {
  padding: 0;
}

#footer #languageCountrySelector .selector .dropdown .dropdownList ul li .selectionLink {
  font-size: 10px;
  line-height: 16px;
  color: #404040;
  padding: 1px 4px;
  cursor: pointer;
}

#footer #languageCountrySelector .selector .dropdown .dropdownList ul li .selectionLink:hover {
  color: #1562ad;
  background-color: #f1f1f1;
}

/** Footer change Language/Location dorpdowns - end */

.footer .linklist_top li:first-child,
.footer .linklist_bottom li:first-child {
  padding-left: 0;
}

.footer .linklist_bottom li:first-child {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -855px transparent;
  padding-left: 8px;
}

.footer .linklist_bottom li:first-child span.bold {
  font-weight: bold;
  padding-right: 17px;
}

.footer .linklist_top li.last,
.footer .linklist_bottom li.last {
  padding-right: 0;
  border: none;
}

.footer .copyright {
  font-size: 10px;
  color: #1b3067;
  position: absolute;
  bottom: 3px;
  right: 5px;
}

/*CSS Copied from Footer.ascx page*/

div#RadWindowWrapper_md_f_main_footer_0_RadWindow1 table,
div#RadWindowWrapper_md_f_main_footer_0_RadWindow2 table {
  padding: 0;
  margin: 0;
}

div#RadWindowWrapper_md_f_main_footer_0_RadWindow1 table tbody tr,
div#RadWindowWrapper_md_f_main_footer_0_RadWindow2 table tbody tr {
  background-color: transparent;
}

/*--=Content startpage--*/

.content .newsline {
  margin-top: 25px;
  margin-bottom: 25px;
  font-size: 15px;
}

.content .newsline .bold {
  font-weight: bold;
}

.content .newsline a {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -855px transparent;
  color: #3C5061;
  padding-left: 5px;
  text-decoration: none;
  display: inline-block;
  margin-left: 5px;
  font-size: 12px;
}

.content .newsline a:hover {
  color: #2864A0;
}

.content .jcarousel-skin-tango .jcarousel-clip-horizontal {
  border-top: 1px solid #c3d1d9;
  border-bottom: 1px solid #c3d1d9;
}

.content .jcarousel-skin-tango.singleImage .jcarousel-clip-horizontal {
  border-bottom: 0 none;
}

.content .jcarousel-skin-tango li {
  position: relative;
}

.content .jcarousel-skin-tango li .box {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 386px;
}

.content .jcarousel-skin-tango li .box .fleft {
  float: left !important;
}

.content .jcarousel-skin-tango li .box .headline {
  margin-bottom: 10px;
  text-align: left;
  color: #404040;
}

.content .jcarousel-skin-tango li .box .headline > a {
  font-size: 21px;
  font-family: futura-book;
  line-height: inherit;
}

.content .jcarousel-skin-tango li .box .headline > a.bigtext {
  font-size: 36px;
  line-height: normal;
  color: #404040;
}

.content .startpage.carouselNavigation {
  top: -2px;
  height: 0px;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-bottom: 33.33%;
}

.content .startpage.carouselNavigation .elastic-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.content .startpage.carouselNavigation ul.carousel {
  height: 400px;
  width: 1200px;
  list-style: none;
}

.content .startpage.carouselNavigation ul.carousel li .box {
  width: auto;
  /*background-color: rgba(255,255,255,0.2);*/
  padding: 10px;
}

.content .startpage.carouselNavigation ul.carousel li .box .headline {
  width: auto !important;
}

.content .introduction.carouselNavigation {
  overflow: hidden;
  position: relative;
  height: 222px;
  width: 666px;
}

.content .introduction.carouselNavigation ul.carousel {
  height: 222px;
  width: 666px;
  list-style: none;
}

/*Revert back to smaller height when we have a single image*/

.content .carouselNavigation.small.singleImage {
  height: 113px;
}

.carouselNavigation.jsActive {
  overflow: visible;
}

.carouselNavigationNone {
  display: none;
}

.content .startpage.teaser_block {
  margin-top: 20px;
  padding-bottom: 30px;
}

.content .startpage.teaser_block .teaser {
  width: 21.5%;
  float: left;
}

.content .startpage.teaser_block li.first .teaser:first-child {
  margin-left: 0;
}

.content .startpage.teaser_block .teaser:first-child {
  margin-left: 4.6%;
}

.content .startpage.teaser_block .teaser .head {
  color: #3c5061;
  font-size: 12px;
  height: 22px;
  font-weight: bold;
  line-height: 19px;
  width: 100%;
}

.content .startpage.teaser_block .teaser .head img {
  float: left;
  display: block;
}

.content .startpage.teaser_block .teaser .teaser_content {
  border-bottom: 1px solid #c3d1d9;
  margin-top: -2px;
  height: auto;
}

.content .startpage.teaser_block .teaser .teaser_content .teaser-image>img {
  width: 100% !important;
  height: auto !important;
}

.content .startpage.teaser_block .teaser .subline {
  font-size: 13px;
  color: #000;
  margin-top: 10px;
  margin-bottom: 5px;
}

.content .startpage.teaser_block .teaser  .sublink a {
  text-decoration: none;
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -855px transparent;
  padding-left: 8px;
  color: #3c5061;
  font-size: 12px;
}

.content .startpage.teaser_block .teaser  .sublink a:hover {
  color: #2864a0;
}

/*--=Carousel nav--*/

.mediaGallery .next,
.carouselNav .next {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -22px -359px transparent;
}

.mediaGallery .prev,
.carouselNav .prev {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -1px -359px transparent;
}

.carouselNav .next,
.carouselNav .prev,
.mediaGallery .next,
.mediaGallery .prev {
  width: 22px;
  height: 25px;
  cursor: pointer;
  float: left;
}

.carouselNav ul {
  margin: 5px 0 0 0;
  padding: 0;
  list-style: none;
  float: left;
}

/*--=MainContainer--*/

.mainContainer > .sidebarLeft,
.mainContainer > .sidebarRight {
  width: 201px;
  padding: 29px 0 80px;
  margin-left: 33px;
  float: left;
}

.mainContainer > .sidebarLeft,
.mainContainer > .sidebarRight,
.mainContainer > .middle {
  padding-top: 20px;
}

.mainContainer > .middle {
  width: 666px;
  padding: 23px 0px 30px;
  margin-left: 33px;
  float: left;
}

.mainContainer .navStandard .head {
  font-size: 12px;
  color: #3c5061;
}

.middlecontainer {
  padding: 11px 0px 0px;
}

/*--=Middle Content--*/

.middle .contentDefault .introduction {
  position: relative;
  margin-bottom: 31px;
}

.middle .contentDefault .introduction img {
  border-top: 1px solid #c3d1d9;
  border-bottom: 1px solid #c3d1d9;
  width: 666px;
  height: 222px;
  float: left;
}

.middle .contentDefault .introduction .title {
  color: #404040;
  font-size: 21px;
  left: 20px;
  position: absolute;
  top: 20px;
  font-family: futura-book;
}

.middle .contentDefault .introduction .title.japanese,
.header .mainNav li a.japanese {
  font-family: arial,sans-serif;
}

.middle .contentDefault .introduction .title.japanese.safari,
.header .mainNav li a.japanese.safari {
  font-size: 23px;
}

.middle .contentDefault .introductionTop .title h1 {
  font-size: 21px;
  font-weight: normal;
  margin: 0px;
  margin-top: -2px;
}

.middle .contentDefault .introductionSubline {
  font-size: 13px;
  color: #000;
  margin-top: 10px;
  width: 201px;
  margin-right: 33px;
  float: left;
}

.middle .contentDefault .introductionCopy {
  float: left;
  margin-top: 10px;
  clear: right;
  font-size: 12px;
  color: #404040;
  width: 432px;
  line-height: 16px;
}

.middle .contentDefault .introductionCopy ul li,
div.copy dt {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -3485px transparent;
  color: #404040;
  font-size: 12px;
  line-height: 18px;
  padding-left: 15px;
}

.middle .contentDefault .introductionCopy ul {
  padding-left: 8px;
}

.middle .contentDefault .title {
  color: #a6a6a6;
  font-size: 12px;
  line-height: 18px;
}

/*--=Category Teaser--*/

.middle .contentDefault .categoryTeaserList {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 10px;
  overflow: hidden;
  margin-bottom: 31px;
  width: 666px;
  height: auto !important;
  min-height: 155px;
  height: 155px;
  position: relative;
  top: 8px;
}

.middle .contentDefault .categoryTeaserList li {
  float: left;
  margin-left: 31px;
}

.middle .contentDefault .categoryTeaserList li.clear {
  clear: left;
  display: block;
  height: 0px;
  width: 630px;
}

.middle .contentDefault .categoryTeaserList li.first {
  margin-left: 0;
}

.middle .contentDefault .categoryTeaserList img {
  height: 113px;
  width: 201px;
}

.middle .contentDefault .categoryTeaser {
  width: 201px;
  position: relative;
  word-wrap: break-word;
  margin-bottom: 30px;
}

.middle .contentDefault .categoryTeaser:last-child {
  margin-right: 0;
}

.middle .contentDefault .categoryTeaser .teaserheadline {
  color: #1B3067;
  font-size: 13px;
  font-weight: bold;
  left: 13px;
  position: absolute;
  top: 10px;
}

.middle .contentDefault .categoryTeaser img {
  border-top: 1px solid #c3d1d9;
  border-bottom: 1px solid #c3d1d9;
  margin-bottom: 10px;
}

.middle .contentDefault .categoryTeaser .subline,
.middle .contentDefault .categoryTeaser .subline a {
  font-size: 13px;
  color: #000;
  margin-bottom: 1px;
}

.middle .contentDefault .categoryTeaser .category a {
  color: #1b3067;
  font-size: 12px;
}

.middle .contentDefault .categoryTeaser .copy {
  font-size: 12px;
  color: #404040;
  margin-top: 0px;
  width: 201px;
}

.middle .contentDefault .categoryTeaser .title,
.middle .contentDefault .categoryTeaser .duration {
  color: #a6a6a6;
  font-size: 12px;
  line-height: 18px;
}

.middle .contentDefault .categoryTeaser .title a {
  color: #000;
  font-size: 13px;
}

.middle .contentDefault .categoryTeaser .limitHeight13px_1em {
  height: 18px;
  overflow: hidden;
}

.middle .contentDefault .categoryTeaser .limitHeight13px_2em {
  height: 33px;
  overflow: hidden;
}

.middle .contentDefault .categoryTeaser a.blueArrow {
  color: #1b3067;
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -855px transparent;
  font-size: 12px;
  padding-left: 8px;
  text-decoration: none;
  margin-bottom: 7px;
  display: block;
}

.middle .contentDefault .categoryTeaser a:hover,
.middle .contentDefault .categoryTeaser .category a:hover,
.middle .contentDefault .categoryTeaser .title a:hover {
  color: #2864a0;
}

.middle .contentDefault .categoryTeaser .description {
  clear: right;
  color: #404040;
  float: left;
  font-size: 12px;
  line-height: 16px;
  margin-top: 10px;
  width: 201px;
}

/*--=Topic Teaser--*/

.middle .contentDefault .topicTeaser {
  border-top: 1px solid #c3d1d9;
  border-bottom: 1px solid #c3d1d9;
  margin-bottom: 18px;
}

.middle .contentDefault .topicTeaser img {
  display: block;
  float: left;
  margin-right: 30px;
}

.middle .contentDefault .topicTeaser .text {
  float: left;
  clear: right;
  padding-top: 12px;
  padding-bottom: 11px;
  width: 433px;
}

.middle .contentDefault .topicTeaser.withForm .text {
  width: 201px;
  margin-right: 30px;
  clear: none;
}

.middle .contentDefault .topicTeaser .head,
.middle .contentDefault .workflowTeaser .head {
  font-size: 15px;
  margin-bottom: 2px;
}

.middle .contentDefault .topicTeaser .head a,
.middle .contentDefault .topicTeaser .head a:hover {
  font-size: 15px;
  margin-bottom: 2px;
  color: #000;
}

.middle .contentDefault .topicTeaser .copy,
.middle .contentDefault .workflowTeaser .copy {
  font-size: 12px;
  color: #404040;
  line-height: 18px;
}

.copy.limitHeight {
  height: 35px;
  overflow: hidden;
}

.copy.limitHeight20 {
  height: 20px;
  overflow: hidden;
}

.copy.limitHeight90 {
  height: 90px;
  overflow: hidden;
}

/* Applied to Product Detail Tab having one image only (no carousel navi)*/

.copy.limitMinHeight60 {
  min-height: 60px;
  overflow: hidden;
}

.middle .contentDefault .topicTeaser .workflow.limitHeight {
  height: 18px;
  overflow: hidden;
}

/* Duplicate Class For Fixing the Height in Head Section*/

.middle .contentDefault .workflowTeaser .head_content,
.middle .contentDefault .workflowTeaser .head_content a,
.middle .contentDefault .workflowTeaser .head_content a:hover {
  font-size: 15px;
  margin-bottom: 2px;
  height: 17px;
  color: #000;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Duplicate Class For Fixing the Height in Content Section*/

.middle .contentDefault .workflowTeaser .copy_content {
  font-size: 12px;
  color: #404040;
  line-height: 18px;
  height: 34px;
  overflow: hidden;
  width: 200px;
}

.middle .contentDefault .topicTeaser.withForm .form {
  width: 201px;
  padding-top: 20px;
  float: right;
  clear: right;
}

.middle .contentDefault .topicTeaser.withForm .form input[type="text"] {
  border: 1px solid #bfbfbf;
  color: #bfbfbf;
  padding: 3px 5px;
  margin-bottom: 10px;
  float: right;
  width: 201px;
}

.middle .contentDefault .topicTeaser .workflow {
  color: #9E9E9E;
  font-size: 12px;
  line-height: 18px;
}

.middle .contentDefault .topicTeaser a.blueArrow,
.middle .contentDefault .workflowTeaser a.blueArrow {
  color: #1b3067;
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -855px transparent;
  font-size: 12px;
  padding-left: 8px;
  text-decoration: none;
  line-height: 18px;
  border: none;
}

.middle .contentDefault .topicTeaser a:hover,
.middle .contentDefault .workflowTeaser a:hover {
  color: #2864a0;
}

/*blueButton inserted from sitecore */

a.bluebuttonsc {
  background: url("../images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -188px #aaaaaa;
  float: none !important;
  border: medium none !important;
  color: #ffffff !important;
  font-size: 12px  !important;
  font-weight: bold  !important;
  min-height: 17px  !important;
  line-height: 20px  !important;
  cursor: pointer  !important;
  text-decoration: none  !important;
  width: 106px !important;
  _width: 106px !important;
  text-align: center !important;
  padding-bottom: 2px !important;
  padding-top: 1px !important;
  padding-right: 5px !important;
  padding-left: 5px !important;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  border-radius: 2px !important;
  position: relative !important;
  display: inline !important;
}

/*--=News Portal--*/

.middle .contentDefault.news-portal .categoryTeaser .subline {
  font-size: 13px;
  margin-bottom: 5px;
  color: #000;
}

.middle .contentDefault.news-portal .categoryTeaser .duration {
  margin: 5px 0 5px 0;
  color: #404040;
  font-size: 11px;
}

.promoted-video {
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #c3d1d9;
  width: 100%;
  height: 240px;
}

.promoted-video > .video-player {
  width: 434px;
  height: 100%;
  float: left;
}

.promoted-video > .video-detail {
  width: 30%;
  height: 100%;
  float: right;
  overflow: hidden;
}

.promoted-video .video-detail > .duration {
  margin: 5px 0 5px 0;
  color: #404040;
  font-size: 11px;
}

.mostly {
  margin-top: 10px;
}

.mostly ul {
  font-size: 12px;
}

.mostly ul li {
  color: #1B3067;
  margin-bottom: 10px;
  font-weight: bold;
}

.mostly ul li a {
  padding-left: 10px;
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") -2px -855px no-repeat;
  font-weight: normal;
  display: block;
}

.videos {
  margin-top: 5px;
  padding: 0 0 10px 0;
}

.videos li a {
  font-weight: bold;
  padding: 0;
  margin-bottom: 10px;
  display: block;
}

.videos .more {
  float: none;
  display: block;
}

.videos .more span {
  padding-left: 10px;
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") -2px -855px no-repeat;
}

.videos img {
  max-width: 100%;
  margin-bottom: 10px;
  border: none;
}

.videos a {
  border: none;
}

.image-text-section {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 666px;
}



.image-text-section .shortDescription {
  margin: 6px;
}

/*-=Default Button--*/

a.blueButton,
input[type="submit"].blueButton,
input[type="button"].blueButton,
.middle .contentDefault .topicTeaser.withForm .form input[type="submit"] {
  background: url("../images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -188px #aaaaaa;
  float: right;
  border: medium none;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  min-height: 17px;
  line-height: 20px;
  cursor: pointer;
  text-decoration: none;
  width: 106px;
  _width: 106px;
  text-align: center;
  padding-bottom: 2px;
  padding-top: 1px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  display: inline;
}

a.blueButton {
  padding-top: 0;
  line-height: 20px;
  font-weight: bold;
}

a.blueButton.disabled,
a.blueButton.disabled:hover {
  cursor: default;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid #bfbfbf;
  color: #a6a6a6 !important;
  background: #C3D1D9;
  width: 104px;
}

.inCart a,
.inCart input {
  border: 1px solid #bfbfbf;
  padding: 0 14px 2px;
  display: block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  position: relative;
  width: 78px;
}

.inCart input {
  width: 106px;
}

.inCart a.blueButton:hover,
.inCart a.greyButton:hover,
.inCart input.blueButton:hover,
.inCart input.greyButton:hover {
  color: #bfbfbf !important;
}

.pane .inCart a,
.pane .inCart input {
  margin-top: 0;
}

.inCart {
  position: relative;
}

.inCart .ok {
  display: block;
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat 0 -988px;
  width: 17px;
  height: 19px;
  position: absolute;
  top: -2px;
  right: 3px;
  z-index: 10;
}

.inCart  .ok .btmRight {
  padding-bottom: 2px;
  right: 3px;
  z-index: 10;
}

.inCart .btmRight {
  display: block;
  margin-top: 18px !important;
}

a.blueButton:hover,
input[type="submit"].blueButton:hover,
input[type="button"].blueButton:hover,
.middle .contentDefault .topicTeaser.withForm .form input[type="submit"]:hover {
  background-position: 0 -170px;
  color: #fff !important;
}

input.blueButton.light,
a.blueButton.light {
  background: #478ebc;
  background: url("../images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -735px;
  /* Old browsers */
  background: -moz-linear-gradient(top,  #478ebc 0%, #2867a1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#478ebc), color-stop(100%,#2867a1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #478ebc 0%,#2867a1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #478ebc 0%,#2867a1 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #478ebc 0%,#2867a1 100%);
  /* IE10+ */
  background: linear-gradient(to bottom,  #478ebc 0%,#2867a1 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#478ebc', endColorstr='#2867a1',GradientType=0 );
  /* IE6-9 */
}

input.blueButton.light:hover,
a.blueButton.light:hover {
  background: #69a8d7;
  background: url("../images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -768px;
  /* Old browsers */
  background: -moz-linear-gradient(top,  #69a8d7 0%, #3c7fbe 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#69a8d7), color-stop(100%,#3c7fbe));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #69a8d7 0%,#3c7fbe 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #69a8d7 0%,#3c7fbe 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #69a8d7 0%,#3c7fbe 100%);
  /* IE10+ */
  background: linear-gradient(to bottom,  #69a8d7 0%,#3c7fbe 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69a8d7', endColorstr='#3c7fbe',GradientType=0 );
  /* IE6-9 */
}

.no-css3 input.blueButton.light,
.no-css3 a.blueButton.light {
  filter: none;
  /* IE6-9 */
}

input.blueButton.light,
a.blueButton.light {
  background: #478ebc;
  background: url("../images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -735px;
  /* Old browsers */
  background: -moz-linear-gradient(top,  #478ebc 0%, #2867a1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#478ebc), color-stop(100%,#2867a1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #478ebc 0%,#2867a1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #478ebc 0%,#2867a1 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #478ebc 0%,#2867a1 100%);
  /* IE10+ */
  background: linear-gradient(to bottom,  #478ebc 0%,#2867a1 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#478ebc', endColorstr='#2867a1',GradientType=0 );
  /* IE6-9 */
}

input.blueButton.light:hover,
a.blueButton.light:hover {
  background: #69a8d7;
  background: url("../images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -768px;
  /* Old browsers */
  background: -moz-linear-gradient(top,  #69a8d7 0%, #3c7fbe 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#69a8d7), color-stop(100%,#3c7fbe));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #69a8d7 0%,#3c7fbe 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #69a8d7 0%,#3c7fbe 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #69a8d7 0%,#3c7fbe 100%);
  /* IE10+ */
  background: linear-gradient(to bottom,  #69a8d7 0%,#3c7fbe 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69a8d7', endColorstr='#3c7fbe',GradientType=0 );
  /* IE6-9 */
}

.no-css3 input.blueButton.light,
.no-css3 a.blueButton.light {
  filter: none;
  /* IE6-9 */
}

input[type="button"].newssignupbutton:hover {
  background-position: 0 -170px;
  color: #fff !important;
}

.middle .contentDefault .workflowTeaserGroup {
  margin: 31px 0;
}

.middle .contentDefault .workflowTeaserGroup ul {
  overflow: auto;
}

.middle .contentDefault .workflowTeaserGroup li {
  float: left;
  margin-right: 31px;
}

.middle .contentDefault .workflowTeaserGroup li.clear {
  clear: left;
  display: block;
  height: 0px;
  width: 630px;
}

.middle .contentDefault .workflowTeaserGroup li.lastInRow,
div.lastInRow {
  margin-right: 0;
}

.middle .contentDefault .workflowTeaser {
  padding: 15px 0;
  margin-bottom: 18px;
  width: 201px;
  border-top: 1px solid #c3d1d9;
  border-bottom: 1px solid #c3d1d9;
}

.middle .contentDefault .introductionTop {
  margin-bottom: 5px;
}

.middle .contentDefault .introductionTop.borderBottom {
  padding-bottom: 6px;
  border-bottom: 1px solid #C3D1D9;
  display: table;
  width: 100%;
}

.middle .contentDefault .introductionTop.padding {
  padding-bottom: 1px;
}

.middle .contentDefault .introductionTop .title {
  font-size: 21px;
  color: #404040;
  float: left;
  line-height: 24px;
  font-family: futura-book;
}

.middle .contentDefault .introductionTop .title .results {
  font-size: 14px;
}

.middle .contentDefault .introductionTop .sharing {
  display: table-cell;
  vertical-align: bottom;
  margin-top: 0px;
  float: right;
  position: relative;
  top: -1px;
}

#ProductDetailsHeading .zoom a > div {
  width: 201px;
  height: 113px;
  overflow: hidden;
}

#ProductDetailsHeading #productHead {
  font-size: 22px;
  line-height: 24px;
  margin-top: 0;
  margin-bottom: 20px;
  color: #404040;
}

#ProductDetailsHeading #productHead * {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
}

#ProductDetailsHeading #productFeatures ul li {
  line-height: 20px;
  font-size: 13px;
}

/* added to reduce margin of blue triangle on product details tab*/

a.arrowBlueProductTab {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -2489px transparent;
  padding-left: 6px;
  color: #2864a0;
}

.copy a {
  color: #2864a0;
}

.copy a:hover,
a.arrowBlueProductTab:hover {
  color: #c3d1d9;
}

.middle .contentDefault .introductionTop .printButton,
.middle .contentDefault .introductionTop .printBtn,
.middle .contentDefault .introductionTop .shareButton,
.middle .contentDefault .introductionTop .blueButton,
.middle .contentDefault .introductionTop .bookmarkButton {
  float: left;
  margin-left: 19px;
  text-decoration: none;
}

.middle .contentDefault .introductionTop .printButton,
.middle .contentDefault .introductionTop .printBtn,
.middle .contentDefault .introductionTop .shareButton,
.middle .contentDefault .introductionTop .bookmarkButton,
.middle .contentDefault .introductionTop .forwardButton {
  margin-top: 7px;
}

/*--=Specific_product_info--*/

.product_info {
  padding: 20px;
  width: 666px;
}

.product_info.twocolumn {
  padding: 20px;
  width: 436px;
}

.product_info .headline {
  background: url("../images/productInfoHeadGardient.jpg?lastmod=YYYYMMDD") repeat-x scroll 0 bottom transparent;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.product_info.v2 .headline {
  background: url("../images/productInfoHeadGardient.jpg?lastmod=YYYYMMDD") repeat-x scroll 0 top transparent;
  border-bottom: 1px solid #D8E0E5;
  line-height: 35px;
  margin-bottom: 10px;
  margin-top: 14px;
  padding: 12px 0 14px;
}

.product_info .subheadline {
  font-size: 15px;
  color: #000;
  margin-bottom: 20px;
}

.product_info.v2 .subhead {
  color: #a6a6a6;
  font-size: 15px;
  line-height: 23px;
  margin-top: 8px;
}

.product_info .subcopy {
  font-size: 12px;
  color: #404040;
  margin-bottom: 25px;
}

.product_info .description {
  font-size: 12px;
  color: #a6a6a6;
}

.product_info .width201 .text {
  margin-bottom: 28px;
}

.product_info .text .head {
  font-size: 15px;
  color: #404040;
}

.product_info .text .copy {
  font-size: 12px;
  color: #404040;
  line-height: 16px;
}

.product_info .head {
  font-size: 21px;
  color: #1b3067;
}

.product_info .wishlistHead {
  font-size: 21px;
  color: #404040;
}

.product_info.overlay .head {
  font-family: futura;
}

.product_info .headSub {
  font-size: 15px;
  color: #000;
  line-height: 20pt;
}

.product_info.v2 a.arrowBlue {
  margin-right: 10px;
  padding-top: 2px;
  background-position: -3px -851px;
  line-height: 22px;
}

.product_info.v2 input[type="submit"].blueButton {
  padding-top: 2px;
}

.dropdown .head {
  color: #3c5061;
  font-size: 12px;
  background: url("../images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -221px transparent;
  height: 23px;
  font-weight: bold;
  line-height: 19px;
  position: relative;
}

.dropdown .head img {
  display: block;
  margin-top: -1px;
}

.dropdown .head .text {
  text-align: center;
  cursor: pointer;
}

.dropdown .head  .leftArrow {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -3px -362px;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
}

.dropdown .head  .rightArrow {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -22px -362px;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
}

.dropdown .image {
  border-bottom: 1px solid #c3d1d9;
  margin-top: -3px;
}

.dropdown table tr td {
  width: 464px;
}

.dropdown table tr td:first-child {
  border-right: 1px solid #c3d1d9;
  width: 201px;
}

/*--=Sidebar right--*/

.socialLinks {
  padding: 0 3px 3px 0;
  width: 27px;
  height: 27px;
}

.sidebarRight .teaserLinklist {
  margin-bottom: 28px;
}

.sidebarRight .teaserLinklist .showAllTeasers,
.sidebarRight .teaserLinklist .showLessTeasers {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -335px transparent;
  border: medium none;
  color: #A6A6A6;
  float: right;
  font-size: 11px;
  line-height: 14px;
  padding-left: 8px;
  padding-top: 3px;
  cursor: pointer;
  text-decoration: none;
  width: auto;
}

.sidebarRight .teaserLinklist .showAllTeasers:hover,
.sidebarRight .teaserLinklist .showLessTeasers:hover {
  color: #2864a0;
  background-position: -3px -2487px;
}

.sidebarRight .teaserLinklist .showAllTeasers.active,
.sidebarRight .teaserLinklist .showLessTeasers,
.sidebarRight .teaserLinklist ul li.invisible,
.hidden {
  display: none;
}

.sidebarRight .teaserLinklist .showAllTeasers,
.sidebarRight .teaserLinklist .showLessTeasers.active {
  display: block;
}

.sidebarRight .teaserLinklist .line {
  background: url("../images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0px -262px transparent;
  font-size: 10px;
  margin-bottom: 4px;
  margin-top: 2px;
}

.sidebarRight .teaserLinklist .title {
  float: left;
  font-size: 12px;
  color: #3c5061;
}

.sidebarRight .teaserLinklist .showAll,
.socialActivity .small {
  float: right;
  font-size: 11px;
  color: #a6a6a6;
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -337px transparent;
  padding-left: 8px;
  text-decoration: none;
  border: none;
  width: auto;
  line-height: 14px;
}

.sidebarLeft .showAll,
.sidebarLeft .resetAll {
  float: right;
  font-size: 11px;
  color: #a6a6a6;
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -338px transparent;
  padding-left: 8px;
  text-decoration: none;
  border: none;
  width: auto;
  line-height: 14px;
}

.sidebarRight .teaserLinklist .image {
  position: relative;
}

.sidebarRight .teaserLinklist .image img {
  border-bottom: 1px solid #c3d1d9;
  margin-bottom: 10px;
}

.sidebarRight .teaserLinklist .image .teaserheadline {
  color: #1B3067;
  font-size: 13px;
  left: 13px;
  top: 10px;
  position: absolute;
  font-family: futura;
}

.sidebarRight .teaserLinklist .image .headline {
  font-size: 18px;
  color: #000;
  margin: 0 0px;
  font-family: arial;
}

.sidebarRight .teaserLinklist .image .subline {
  margin: 0 6px 0 0;
  color: #1b3067;
  font-size: 12px;
  padding-bottom: 11px;
  border-bottom: 1px solid #c3d1d9;
  margin-bottom: 11px;
}

.sidebarRight .teaserLinklist .image .subline a:hover {
  color: #2864a0;
}

.sidebarRight .teaserLinklist .linklist ul {
  padding: 0 6px;
}

.sidebarRight .teaserLinklist li.movie {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 169px -115px transparent;
}

.sidebarRight .teaserLinklist .linklist li a {
  line-height: 18px;
}

.sidebarRight .teaserLinklist .linklist li a:hover {
  color: #2864a0;
}

.sidebarRight .teaserLinklist .infoBlock {
  margin-bottom: 18px;
}

.sidebarRight .teaserLinklist .infoBlock .subline {
  font-size: 12px;
  color: #000;
  line-height: 18px;
}

.sidebarRight .teaserLinklist .infoBlock .copy {
  font-size: 12px;
  color: #404040;
  line-height: 18px;
}

.sidebarRight .teaserLinklist .contact {
  padding: 0 6px;
}

.sidebarRight .teaserLinklist .contact .title {
  font-size: 12px;
  font-weight: bold;
  color: #000;
}

.sidebarRight .teaserLinklist .contact .numbers {
  font-size: 12px;
}

.sidebarRight .teaserLinklist .contact .numbers .title {
  float: left;
  width: 75px;
  font-weight: normal;
  line-height: 18px;
}

.side	barRight .teaserLinklist .contact .numbers .number {
  clear: right;
  line-height: 18px;
  font-size: 12px;
  font-weight: normal;
}

.sidebarRight .teaserLinklist .line.end {
  display: none;
}

.sidebarRight .teaserLinklist.contactus-teaser {
  margin-bottom: 58px;
}

.sidebarRight .teaserLinklist.contactus-teaser .title > a {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -10px -4626px transparent;
  padding-left: 22px;
}

.sidebarRight .teaserLinklist.contactus-teaser .image .subline {
  border: none;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-bottom: 0px;
}

.sidebarRight .teaserLinklist.contactus-teaser ul li {
  margin-bottom: 10px;
}

.sidebarRight .teaserLinklist.contactus-teaser .line.end {
  display: inherit;
}

/*--=SimpleLightbox--*/

.simpleLightbox {
  width: 189px;
  padding: 20px;
}

.simpleLightbox .headline,
.simpleForm .headline {
  margin-bottom: 20px;
  color: #000;
  font-size: 15px;
}

.simpleForm {
  width: 394px;
  padding: 20px;
}

/*--=ListOptions--*/

.listOptions {
  border-top: 1px solid #c3d1d9;
  border-bottom: 1px solid #c3d1d9;
  font-size: 11px;
  margin-top: 30px;
  background: url("../images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -691px transparent;
}

.listOptions.marginTop0 {
  margin-top: 0px;
}

.noNavMargin .listOptions {
  margin-top: 0;
  border-top: none;
}

.listOptions>ul {
  position: relative;
}

.listOptions>ul>li {
  float: left;
  width: 117px;
  margin-left: 5px;
  line-height: 24px;
  color: #1B3067;
}

.listOptions>ul>li.active {
  border-left: 1px solid #c3d1d9;
  border-right: 1px solid #c3d1d9;
  width: 115px;
}

.listOptions>ul>li a {
  color: #1b3067;
  text-decoration: none;
  padding: 4px 0 5px;
  display: block;
  padding-left: 6px;
  font-size: 11px;
  cursor: pointer;
}

.listOptions a.inactive {
  color: #A6A6A6;
}

.listOptions a.blueLink {
  font-size: 11px;
  line-height: 24px !important;
}

.listOptions>ul>li a.expand {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 5px -272px transparent;
  padding-left: 20px;
}

.listOptions>ul>li a:hover {
  background-color: #fff;
  color: #2864a0;
  background-position: 5px -216px;
}

.listOptions>ul>li.active a:hover {
  background-color: #1b3067;
  color: #fff;
  background-position: 5px -244px;
}

.listOptions>ul>li a.expand:hover {
  background-color: #fff;
  color: #2864a0;
  background-position: 5px -216px;
}

.listOptions>ul>li>ul {
  position: absolute;
  background-color: #fff;
  z-index: 20;
  border-left: 1px solid #c3d1d9;
  border-right: 1px solid #c3d1d9;
  border-bottom: 1px solid #c3d1d9;
  margin-left: -1px;
  width: 115px;
}

.listoptionhover {
  background-color: #1b3067 !important;
  color: #fff !important;
  background-position: 5px -244px;
}

.sort-status-label {
  color: #1B3067;
  line-height: 23px;
  margin-right: 20px;
}

/*--=List tables--*/

table table .quantity,
#fancybox-content table .quantity {
  /*margin-left: 10px;*/
  margin-right: 10px;
  text-align: center;
  width: 40px;
  border: 1px solid #BFBFBF;
  line-height: normal;
}

table table.noBorder tbody tr td,
#fancybox-content table.noBorder tbody tr td {
  padding-top: 10px;
}

table table.noBorder thead tr th,
#fancybox-content table.noBorder thead tr th {
  border-bottom: 1px solid #c3d1d9;
}

table table.noBorder thead th,
#fancybox-content table.noBorder thead th {
  background: none;
  font-size: 12px;
  font-weight: normal;
  line-height: 22px;
  color: #1b3067;
}

.lastDistance {
  padding-right: 8px !important;
}

table table.noBorder tbody tr td,
#fancybox-content table table.noBorder tbody tr td {
  border-right: none;
}

table table.noBorder input[type="checkbox"],
#fancybox-content table.noBorder input[type="checkbox"] {
  margin: 0 10px;
}

table table.noBorder tbody tr td.paddingTopLess,
#fancybox-content table.noBorder tbody tr td.paddingTopLess {
  padding-top: 5px;
  padding-bottom: 13px;
}

table table.noBorder tbody tr td.paddingTopLess2,
#fancybox-content table table.noBorder tbody tr td.paddingTopLess2 {
  padding-top: 7px;
  padding-bottom: 13px;
}

table table.noBorder tbody tr td.paddingTopLess3,
#fancybox-content table table.noBorder tbody tr td.paddingTopLess3 {
  padding-top: 9px;
  padding-bottom: 13px;
}

table table.noBorder tbody tr td.paddingTopLess4,
#fancybox-content table.noBorder tbody tr td.paddingTopLess4 {
  padding-top: 13px;
  padding-bottom: 13px;
}

table table.noBorder tbody tr td.paddingTopLess5,
#fancybox-content table table.noBorder tbody tr td.paddingTopLess5 {
  padding-top: 11px;
  padding-bottom: 13px;
}

table.noBorder tbody tr td.paddingTopLess6,
#fancybox-content table table.noBorder tbody tr td.paddingTopLess6 {
  padding-bottom: 0px;
}

table.noBorder tbody tr td.paddingTopLess7,
#fancybox-content table table.noBorder tbody tr td.paddingTopLess7 {
  padding-top: 7px;
}

table table.noBorder tbody tr td.paddingTopLess8,
#fancybox-content table table.noBorder tbody tr td.paddingTopLess9 {
  padding-top: 9px;
}

table table.noBorder tbody tr td.paddingTopLess9,
#fancybox-content table table.noBorder tbody tr td.paddingTopLess9 {
  padding-top: 12px;
}

table.noBorder.bottomBorder {
  border-bottom: 1px solid #C3D1D9 !important;
}

table.noBorder.noBottomBorder {
  border-bottom: none !important;
}

table table.borderTopDotted tbody tr:first-child td {
  border-top: 1px dotted #C3D1D9;
}

.collapsible table.noLeftBorder {
  border-left: none;
}

.buttons {
  margin-top: 4px;
}

table table tr td:first-child img,
#fancybox-content table tr td:first-child img {
  padding-left: 10px;
  padding-bottom: 12px;
}

table tr td:first-child a img {
  border: none;
}

.q-td.list-item-description {
  width: 335px;
  margin-right: 5px;
}

td .infobox {
  margin: 0 0 0 0px;
  line-height: 21px;
  float: right;
  min-width: 58px;
}

td .infobox.marginTop {
  margin-top: 20px;
}

td .infobox .title {
  font-size: 12px;
  color: #a6a6a6;
  margin-right: 10px;
}

td .infobox .data {
  font-size: 12px;
  color: #404040;
  max-width: 570px;
}

td .infobox .data a {
  line-height: 21px;
}

td .categorybox {
  margin-top: 10px;
}

td .categorybox .title {
  font-size: 12px;
  color: #a6a6a6;
  margin-right: 0px;
  padding-top: 1px;
}

td .categorybox .data {
  font-size: 12px;
  color: #404040;
  margin-top: -2px;
}

td .categorybox .data .arrowBlue {
  background-position: -3px -852px;
}

/*--=Configuration_option--*/

.configuration_option {
  padding: 20px;
  width: 665px;
}

.configuration_option table {
  border-bottom: none;
}

.configuration_option table.noNth tbody tr td {
  border-bottom: 1px solid #e5effa;
}

.configuration_option form {
  margin-top: 20px;
}

.configuration_option form label {
  font-size: 12px;
  color: #404040;
}

/*--=ListInfoBox--*/

table table.noBorder.v2 tbody tr.lastTR,
#fancybox-content table.noBorder.v2 tbody tr.lastTR {
  background: url("../images/list_h_gardient.png?lastmod=YYYYMMDD") repeat-x scroll 0 bottom !important;
}

#fancybox-content table.noBorder.v2 tbody tr,
table table.noBorder.v2 tbody tr,
table table.noBorder.v2 tbody tr.nth {
  background-color: #f2f8ff;
}

#fancybox-content table.noBorder.v2 tbody tr td,
table table.noBorder.v2 tbody tr td,
table table.noBorder.v2 tbody tr.nth td {
  border-bottom: 1px solid #e5effa;
}

.listInfoBox {
  border-top: 1px solid #c3d0de;
  border-bottom: 1px solid #c3d0de;
  position: relative;
  padding: 13px 20px 13px 9px;
}

.listInfoBox .copy {
  width: 350px;
}

.listInfoBox .headline {
  color: #000;
  font-family: arial;
}

.listInfoBox .headline span {
  font-size: 12px;
  color: #3c5061;
  padding-left: 5px;
}

.listInfoBox .fright {
  position: absolute;
  bottom: 13px;
  right: 10px;
}

.listInfoBox .fright a {
  line-height: 16px;
}

/*--=Tabs--*/

.yui-navset {
  /*margin-top: -18px !important;*/
}

.yui-navset .yui-content {
  border-left: 1px solid #C3D1D9 !important;
  border-bottom: 1px solid #C3D1D9 !important;
  border-right: 1px solid #C3D1D9 !important;
  border-top: 0 !important;
  padding: 20px 10px 20px 20px;
}

ul.tabs,
ul.tabs.yui-nav {
  overflow: auto;
  background: url("../images/tabs_back.png?lastmod=YYYYMMDD") repeat-x scroll 0 -16px transparent;
  padding-top: 13px;
}

ul.tabs li,
ul.tabs.yui-nav li {
  float: left;
  margin-right: -1px;
  margin-top: 3px;
}

ul.tabs li a,
ul.tabs.yui-nav li a,
ul.tabs.yui-nav li a:hover {
  padding: 3px 10px 6px 9px;
  color: #284663;
  line-height: 18px;
  text-decoration: none;
  height: 14px;
  font-size: 15px;
  display: block;
  border-left: 1px solid #C3D1D9;
  border-right: 1px solid #C3D1D9;
  border-bottom: 1px solid #C3D1D9;
}

ul.tabs li a.current {
  background-image: none;
}

ul.tabs li a .arrow {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -5px -727px;
  width: 10px;
  height: 18px;
  display: inline-block;
}

ul.tabs li a.current,
ul.tabs.yui-nav li.selected a {
  /* background-color: #fff !important;
	color: #284663; */
  background: url("../images/tabs.png?lastmod=YYYYMMDD") repeat-x scroll 0 -32px transparent;
  color: #ffffff;
  padding-top: 3px;
  border-left: 1px solid #c3d1d9;
}

ul.tabs li a.current .arrow,
ul.tabs.yui-nav li.selected a .arrow {
  background-position: -3px -247px;
}

/*--=Panes--*/

.panes {
  padding-top: 20px;
}

.panes.v2 .border {
  border-left: 1px solid #c3d1d9;
  border-bottom: 1px solid #c3d1d9;
  padding: 20px 10px 20px 20px;
}

.panes.v3 .border {
  border-bottom: 1px solid #c3d1d9;
  padding: 20px 10px 20px 20px;
}

.panes.v2 {
  padding-bottom: 6px;
  padding-top: 0;
  width: 100%;
}

.panes table {
  border-bottom: 1px solid #c3d1d9;
}

.panes table tr th:first-child,
.panes table tr td:first-child {
  padding-left: 10px;
}

.panes tr.nthTR {
  background: none;
}

.panes tr.nthTR td,
.panes tr td {
  border-bottom: 1px solid #e5effa;
}

.panes .copy.solo {
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px solid #c3d1d9;
  border-top: 1px solid #c3d1d9;
  padding-bottom: 12px;
  padding-top: 12px;
  margin-top: 17px;
}

.panes .pane .link {
  padding-top: 20px;
}

.panes .pane .filter .filterHead {
  padding-top: 0px;
}

/*--=SubTotal--*/

.subTotal {
  padding: 30px 8px 12px 62px;
  border-bottom: 1px solid #c3d1d9;
  margin-bottom: 12px;
}

.subTotal .headline {
  color: #000;
  font-family: arial;
}

.subTotal .headline .info {
  font-size: 12px;
  color: #404040;
  padding-left: 5px;
}

.subTotal .fright .price {
  text-align: right;
  padding-bottom: 10px;
  margin-top: 6px;
}

.subTotal .fright .arrowBlue {
  padding-right: 10px;
  line-height: 22px;
  background-position: -3px -856px;
}

.noPaddingLeft table {
  margin-top: 5px;
}

.noPaddingLeft table thead tr td:first-child {
  padding-left: 0;
}

/*--=Accordion--*/

.accordion>div {
  height: auto !important;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.accordion .bubble {
  padding: 2px 7px;
  margin-left: 5px;
  font-size: 12px;
  font-weight: normal;
  margin-top: 0;
}

.accordion div.head {
  background-color: #E9EEF2;
  border-bottom: 1px solid #C3D1D9;
  border-top: 1px solid #C3D1D9;
  padding: 7px 10px;
  position: relative;
  font-size: 15px;
  font-weight: normal;
  color: #1b3067;
  cursor: pointer;
  margin: 0;
}

.accordion.white div.head {
  background-color: #fff;
}

.accordion h3 div.arrow {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -727px transparent;
  padding-left: 15px;
}

.accordion h3.selected div.arrow {
  background-position: -3px -654px;
}

/*--=Vertical alignment, compatible to IE8&9, Mozilla, Safari--*/

.vertical-aligned-parent {
  display: table;
}

.vertical-aligned-child {
  display: table-cell;
  vertical-align: middle;
}

/*--=WorkflowNavigation--*/

.workflowNavigation {
  margin-bottom: 9px;
  width: 100%;
}

.workflowNavigation .head {
  padding-right: 0px;
}

.workflowNavigation .head .name {
  color: #000000;
  font-size: 15px;
  line-height: 24px;
  margin-top: -3px;
}

.workflowNavigation .step {
  height: 46px;
  margin-bottom: 22px;
  margin-left: -10px;
  display: table;
}

.workflowNavigation .step.first {
  margin-left: 0px;
}

.workflowNavigation.p16 .step {
  width: 119px;
  /* 16%, px needed for mac */
}

.workflowNavigation.p20 .step {
  width: 140px;
  /* 21%, px needed for mac */
}

.workflowNavigation.p25 .step {
  width: 25%;
}

.workflowNavigation.p33 .step {
  width: 33%;
}

.workflowNavigation.p50 .step {
  width: 50%;
}

.workflowNavigation.p100 .step {
  width: 100%;
}

.workflowNavigation .step div.text,
.workflowNavigation .step a {
  color: #1B3067;
  display: inline-block;
  font-size: 12px;
  display: inline-block;
  max-width: 70%;
  vertical-align: middle;
  margin: 8px auto;
  text-decoration: none;
  line-height: 14px;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 30px;
}

.workflowNavigation .step div.text > span {
  display: table-cell;
  vertical-align: middle;
  height: 30px;
}

.workflowNavigation .step a.p16,
.workflowNavigation .step div.p16 {
  max-width: 59px;
}

.workflowNavigation .step a.p20,
.workflowNavigation .step div.p20 {
  max-width: 79px;
}

.workflowNavigation .step a.p25,
.workflowNavigation .step div.p25 {
  max-width: 109px;
}

.workflowNavigation .step a.p33,
.workflowNavigation .step div.p33 {
  max-width: 165px;
}

.workflowNavigation .step a.p50,
.workflowNavigation .step div.p50 {
  max-width: 269px;
}

.workflowNavigation .step a.p100,
.workflowNavigation .step div.p100 {
  max-width: 600px;
}

.workflowNavigation .step.active div.text,
.workflowNavigation .step.active a {
  color: #fff;
  line-height: 14px;
}

.workflowNavigation .step .left {
  background: url("../images/workflow.png?lastmod=YYYYMMDD") no-repeat 0px -2px;
  color: #1B3067;
  font-size: 15px;
  height: 48px;
  line-height: 44px;
  padding-left: 28px;
  text-align: center;
  width: 100%;
}

.workflowNavigation .step .right {
  background: url("../images/workflow.png?lastmod=YYYYMMDD") no-repeat -222px -54px
		#fff;
  height: 48px;
  width: 28px;
  margin-left: -3px;
}

.workflowNavigation .step .right img[id*=_imgArrow_] {
  display: none;
  left: 0;
  position: relative;
  top: -1px;
}

.workflowNavigation .step.active .left {
  background-position: 0px -106px;
}

.workflowNavigation .step.active .right {
  background-position: -223px -158px;
}

.workflowNavigation .step:hover .left {
  background-position: 0px -106px;
}

.workflowNavigation .step:hover .right {
  background-position: -223px -158px;
}

.workflowNavigation .step:hover a,
.workflowNavigation .step:hover span,
.workflowNavigation .step:hover div.text {
  color: #FFFFFF;
}

.workflowNavigation .step.inactive .left,
.workflowNavigation .step.inactive:hover .left {
  background-position: 0px -210px;
}

.workflowNavigation .step.inactive .right,
.workflowNavigation .step.inactive:hover .right {
  background-position: -223px -263px;
}

.workflowNavigation .step.inactive a,
.workflowNavigation .step.inactive:hover a,
.workflowNavigation .step.inactive span,
.workflowNavigation .step.inactive:hover span,
.workflowNavigation .step.inactive div.text,
.workflowNavigation .step.inactive:hover div.text {
  color: #A6A6A6;
  cursor: default;
}

.workflowTitle {
  color: #3C5061;
  font-size: 12px;
  margin-bottom: 10px;
}

/*--=Plates--*/

.plate {
  margin-left: 16px;
  margin-top: 12px;
  font-size: 12px;
}

.plate:first-child {
  margin-left: 10px;
}

.plate input {
  margin-top: 6px;
}

.plate01 {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat right -1074px;
  width: 94px;
  height: 64px;
}

.plate02 {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat right -1140px;
  width: 94px;
  height: 64px;
}

.plate03 {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat right -1206px;
  width: 94px;
  height: 64px;
}

.plate04 {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat right -1272px;
  width: 94px;
  height: 64px;
}

.headerArrow {
  background-image: url("../images/no_repeat_data.png?lastmod=YYYYMMDD");
  background-position: -1px -389px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 9px;
  width: 9px;
  margin-left: 2px;
  margin-right: 3px;
}

/*--=Wishlist--*/

.wishlist .description {
  color: #404040;
  font-size: 12px;
  line-height: 18px;
  padding-right: 10px;
}

.wishlist .info {
  width: 540px;
  line-height: 18px;
  font-size: 12px;
  color: #a6a6a6;
}

.WishlistPopupHeadline {
  font-family: futura-t-book;
}

.wishlist .bottomLine {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 7px;
  padding-bottom: 4px;
  border-top: 1px solid #C3D1D9;
  border-bottom: 1px solid #C3D1D9;
}

.wishlist .listOptions {
  margin-top: 0;
}

.wishlistItem {
  padding-top: 6px;
  position: relative;
  background-color: #fff;
}

.wishlistItem .row,
.notAvailable .row {
  margin-top: 20px;
  margin-bottom: 6px;
}

.wishlistItem .row span.uniform input[type="checkbox"] {
  margin: 0px;
}

.wishlistItem .row span.uniform {
  margin-top: -5px;
}

.wishlistItem .updated {
  font-size: 11px;
  color: #5cb639;
  border: 1px solid #5cb639;
  padding: 1px 10px;
  line-height: 18px;
}

.wishlistOrganizerSubline {
  color: #A6A6A6;
  font-size: 15px;
  font-family: arial;
}

.wishlistItem .updated .bold {
  font-weight: bold;
  margin-right: 5px;
}

.wishlistItem .updated .icon {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -119px 0;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 12px;
  top: -2px;
}

.wishlistItem .updated .arrowBlue {
  margin-left: 5px;
}

.wishlistItem .options .subTotal {
  padding: 13px 10px 13px 71px;
  margin-bottom: 0;
  border-bottom: none;
}

.wishlistItem .options .subTotal .sum {
  line-height: 17px;
  margin-top: 8px;
}

.wishlistItem .row .headline,
.wishlistItem .row .headline a {
  font-size: 15px;
  color: #000;
  font-family: arial;
}

.wishlistItem .options table {
  margin-bottom: 0;
}

.wishlistItem .options table th {
  border-bottom: 1px solid #C3D1D9;
  border-top: 1px solid #C3D1D9;
}

.wishlistItem .optionBox {
  height: 18px;
  border-bottom: 1px dotted #c3d1d9;
  font-size: 11px;
  line-height: 18px;
  background: url("../images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x 0 0;
  color: #404040;
}

.wishlistItem .optionBox .show {
  margin-left: 10px;
  width: 116px;
  cursor: pointer;
  color: #3c5061;
}

.wishlistItem .optionBox.hideit {
  display: none;
}

.wishlistItem .optionBox.hideit .show {
  width: 100px;
}

.wishlistItem .optionBox.active {
  margin-top: 0;
  padding-top: 0;
}

.wishlistItem .optionBox.active.hideit {
  display: block;
}

.wishlistItem .optionBox.active.hideit .chancel {
  margin-right: 5px;
}

.wishlistItem .optionBox.active.showit {
  display: none;
}

.wishlistItem .optionBox .show .arrow {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat 0 -384px;
  width: 10px;
  height: 18px;
  display: inline-block;
}

.wishlistItem .optionBox .subtotal {
  margin-right: 20px;
}

.wishlistItem .optionBox .subtotal span {
  margin-left: 5px;
}

.wishlistItem .optionBox .arrowBlue {
  margin-right: 10px;
  font-size: 11px;
}

/* not available */

.wishlist  div.notAvailable {
  padding-top: 6px;
  display: block;
}

.wishlist div.notAvailable .box {
  background-color: #ccc;
  margin-left: 19px;
}

.wishlist div.notAvailable .text {
  min-height: 70px;
  height: 70px;
  color: #000;
  padding-left: 20px;
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
}

.wishlist div.notAvailable .wishlistItem .optionBox.showit a.remove,
.wishlist div.notAvailable .wishlistItem .optionBox.active.showit {
  display: block !important;
}

.showAllWishlistDetails {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -335px transparent;
  border: medium none;
  color: #A6A6A6;
  float: right;
  font-size: 11px;
  line-height: 17px;
  padding-left: 8px;
  text-decoration: none;
  cursor: pointer;
}

.showAllWishlistDetails:hover {
  color: #2864a0;
  background-position: -3px -2487px;
}

.showAllWishlistDetails.hideall,
.showAllWishlistDetails.active.showall {
  display: none;
}

.showAllWishlistDetails.active.hideall {
  display: block;
}

/*--=SocialActivity--*/

.socialActivity .header {
  background: none;
  border-bottom: 1px solid #c3d1d9;
  padding-bottom: 5px;
}

.socialActivity .header>.fleft {
  font-size: 15px;
  color: #143c64;
  font-weight: bold;
}

.socialActivity .channel {
  padding-bottom: 20px;
  border-bottom: 1px solid #e5effa;
  margin-bottom: 5px;
}

.socialActivity .channel>.head {
  color: #000;
  font-size: 14px;
  margin-bottom: 14px;
  margin-top: 10px;
}

.socialActivity .channel>.head>.small {
  margin-left: 5px;
}

.socialActivity .channel .head .small {
  display: inline-block;
  float: none;
}

.socialActivity .channel .head .small a {
  font-size: 11px;
  color: #A6A6A6;
}

.socialActivity .channel .newsBox .head {
  font-size: 12px;
  color: #000;
  line-height: 12px;
}

.socialActivity .channel .newsBox .date {
  font-size: 12px;
  color: #9e9e9e;
  line-height: 18px;
}

.socialActivity .channel .newsBox.facebook .icon {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -119px -37px;
  width: 27px;
  height: 27px;
  margin-right: 8px;
}

.socialActivity .channel .newsBox.twitter .icon {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -119px -66px;
  width: 27px;
  height: 27px;
  margin-right: 8px;
}

.socialActivity .channel.youtube .icon {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -119px -95px transparent;
  height: 27px;
  margin-right: 8px;
  margin-top: 5px;
  width: 27px;
}

.socialActivity .channel.slideshare .icon {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -119px -125px transparent;
  height: 27px;
  margin-right: 8px;
  margin-top: 5px;
  width: 27px;
}

.socialActivity .channel.youtube .newsBox>.video {
  margin-bottom: 10px;
}

.socialActivity .channel.youtube .video img {
  border-top: 1px solid #c3d1d9;
  border-bottom: 1px solid #c3d1d9;
}

.socialActivity .channel.youtube .copy {
  line-height: 18px;
}

.socialActivity .channel.youtube .timecode {
  line-height: 18px;
  font-size: 12px;
  color: #9e9e9e;
}

.socialActivity .channel.slideshare {
  border-bottom: 1px solid #c3d1d9;
}

.socialActivity .channel.slideshare .presentation {
  margin-bottom: 10px;
}

.socialActivity .channel.slideshare .presentation img {
  border-top: 1px solid #c3d1d9;
  border-bottom: 1px solid #c3d1d9;
}

/*--=FilterSet--*/

.filter .filterSelected {
  float: left;
  border: 1px solid #c3d1d9;
  padding: 0px 5px;
  color: #404040;
  font-size: 12px;
  margin-left: 10px;
  margin-top: 2px;
  cursor: pointer;
  background-color: #f2f8ff;
}

.filter .filterSelected .delete {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") repeat scroll 0 -2964px transparent;
  display: inline-block;
  height: 12px;
  width: 13px;
}

.filter .filterHead {
  font-size: 12px;
  color: #3c5061;
  margin-bottom: 10px;
}

.filter .filterHead a.small {
  background-position: -1px -338px;
}

.filter .filterHead a.small.resetFilter:hover {
  background-position: -1px -2490px;
  color: #2864A0;
  cursor: pointer;
}

.filter  a.small.selectAllFilter {
  background-position: -1px -339px;
}

.filter  a.small.selectAllFilter:hover {
  background-position: -1px -2491px;
  color: #2864A0;
}

.filter .filterset {
  font-size: 12px;
  line-height: 20px;
  width: 624px;
  margin-left: 20px;
  margin-bottom: 15px;
}

.filter .filterset ul {
  margin-right: 7px;
  width: 201px;
  margin-top: 5px;
}

.filter .filterset li {
  width: 100%;
  border-top: 1px solid #c3d1d9;
  background: url("../images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x 0 -660px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.filter .filterset li input {
  margin-right: 6px;
}

.filter .filterset li a {
  padding-top: 3px;
}

.filter .filterset li.last {
  border-bottom: 1px solid #c3d1d9;
}

.filter .filterset span:not(.uniform):not(.checkbox) {
  background-color: #B3C2D1;
  height: 12px;
  line-height: 12px;
  margin-right: 6px;
  margin-top: 1px;
  padding: 2px 8px;
}

.filter .arrowBlue.collapsable:not(.uniform) {
  font-weight: bold;
  display: block;
  margin-top: 1px;
  margin-left: 3px;
}

.filter .arrowBlue.collapsable:not(.uniform):not(.active) {
  background-position: -3px -853px;
}

.filter a.arrowBlue.collapsable {
  font-weight: bold;
  display: block;
  margin-top: 1px;
  margin-left: 6px;
}

.alignCheckbox {
  margin: 0;
  padding: 0;
}

/*--=Eventlist--*/

.events ul li {
  position: relative;
  border-bottom: 1px solid #e5effa;
}

.events ul li.last {
  border-bottom: 1px solid #c3d1d9;
}

.events ul li>div {
  padding: 12px 10px;
}

.events ul li .headline {
  line-height: 18px;
  font-size: 15px;
  color: #000;
  font-family: arial;
}

.events ul li .small.grey {
  color: #a6a6a6;
  font-size: 12px;
  line-height: 14px;
}

.events ul li .blueButton {
  position: absolute;
  top: 12px;
  right: 0;
}

/*--=Toolbox--*/

.toolbox .toolplace {
  width: 664px;
  border-left: 1px solid #c3d1d9;
  border-right: 1px solid #c3d1d9;
  border-bottom: 1px solid #c3d1d9;
  background-color: #e7e7e7;
  min-height: 50px;
  margin-top: -3px;
}

.toolbox .head {
  background: url("../images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -221px transparent;
  color: #3C5061;
  font-size: 12px;
  font-weight: bold;
  height: 23px;
  line-height: 19px;
  position: relative;
}

.toolbox .head .icon {
  display: inline-block;
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -238px -140px;
  width: 13px;
  height: 15px;
  margin: 0 0 0 5px;
}

/*--=Teaser with botttom head--*/

.teaser.v2 .head {
  background: url("../images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -221px transparent;
  height: 23px;
}

.teaser.v2 .head a {
  color: #3C5061;
  font-size: 12px;
  font-weight: bold;
  line-height: 19px;
  text-decoration: none;
  display: block;
}

/*--=SearchField--*/

.searchField {
  padding: 20px;
  border-top: 1px solid #c3d1d9;
  border-bottom: 1px solid #c3d1d9;
  background-color: #f2f8ff;
  margin-bottom: 27px;
}

.searchField .dropreplace {
  margin-bottom: 0;
}

/*The text should have the same color as the background image of the search field.
Which is needed for IE slower initialization purposes.*/

.searchFieldNotReady {
  color: #E9EDF0;
}

/*--=MediaGallery--*/

#zoom-close {
  background: url("../images/fancybox/fancybox.png?lastmod=YYYYMMDD") repeat scroll -40px 0 transparent;
  cursor: pointer;
  height: 30px;
  left: 0;
  position: absolute;
  top: 0;
  width: 30px;
  z-index: 3210;
}

#gallery-fullscreen-image-overlay {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2200;
}

#featured .toZoom {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0px -1642px transparent;
  width: 17px;
  height: 21px;
  position: absolute;
  display: block;
  cursor: pointer;
  bottom: 115px;
  left: 775px;
  z-index: 1;
}

#featured span.zoomed {
  position: absolute;
  z-index: 3110;
  display: hidden;
  cursor: pointer;
  left: 0;
  top: 0;
}

#featured {
  width: 1200px;
  position: relative;
  border: 0px solid #ccc;
  height: 580px;
  overflow: hidden;
  background: #fff;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 10px;
}

#featured .leftArrow {
  background: url("../images/left-right-buttons-normal.png?lastmod=YYYYMMDD") no-repeat scroll -14px -28px transparent;
  position: absolute;
  left: 53px;
  height: 32px;
  width: 18px;
  top: 515px;
  padding: 0;
  margin: 0;
  display: none;
}

#featured .leftArrow:hover {
  background: url("../images/left-right-buttons-normal.png?lastmod=YYYYMMDD") no-repeat scroll -14px -90px transparent;
  cursor: pointer;
}

#featured .rightArrow {
  background: url("../images/left-right-buttons-normal.png?lastmod=YYYYMMDD") no-repeat scroll -40px -28px transparent;
  position: absolute;
  left: 729px;
  height: 32px;
  width: 18px;
  top: 515px;
  padding: 0;
  margin: 0;
  display: none;
}

#featured .rightArrow:hover {
  background: url("../images/left-right-buttons-normal.png?lastmod=YYYYMMDD") no-repeat scroll -40px -90px transparent;
  cursor: pointer;
}

#fullgallery-left-arrow {
  background: url("../images/prev-next-buttons-normal.png?lastmod=YYYYMMDD") no-repeat scroll -19px -40px transparent;
  cursor: pointer;
  height: 50px;
  left: 0;
  position: fixed;
  top: 0;
  width: 28px;
  z-index: 3210;
}

#fullgallery-left-arrow:hover {
  background: url("../images/prev-next-buttons-active.png?lastmod=YYYYMMDD") no-repeat scroll -19px -40px transparent;
}

#fullgallery-right-arrow {
  background: url("../images/prev-next-buttons-normal.png?lastmod=YYYYMMDD") no-repeat scroll -59px -40px transparent;
  cursor: pointer;
  height: 50px;
  left: 0;
  position: fixed;
  top: 0;
  width: 28px;
  z-index: 3210;
}

#fullgallery-right-arrow:hover {
  background: url("../images/prev-next-buttons-active.png?lastmod=YYYYMMDD") no-repeat scroll -59px -40px transparent;
}

#featured div#product-description-holder {
  background-color: #fff;
  border: 0px solid #c3d1d9;
  border-left-width: 1px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 40px;
  padding-bottom: 60px;
  position: absolute;
  top: 66;
  left: 800px;
  list-style: none;
  width: 330px;
  height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
}

#featured #navigation-separator {
  border: 0px solid #c3d1d9;
  border-top-width: 1px;
  top: 479px;
  left: 0px;
  padding: 0;
  margin: 0;
  width: 800px;
  position: relative;
}

#featured .ui-tabs-nav {
  padding: 0;
  margin: 0;
}

#featured .ui-tabs-nav-wrapper {
  overflow: hidden;
  height: 100px;
  /* 800 minus the icons size (2 x 20pixel)*/
  width: 564px;
  position: absolute;
  top: 480px;
  left: 124px;
  padding: 0;
  margin: 0;
}

#featured .ui-tabs-nav .ui-tabs-nav-item {
  float: left;
  padding-top: 12px;
  margin-right: 16px;
}

#featured  .ui-tabs-nav .ui-tabs-nav-item:hover,
.ui-tabs-nav .ui-tabs-nav-item[test] {
  background: url("../images/gallery-selected-item.gif") no-repeat scroll -5px -1px transparent;
}

#featured .ui-tabs-nav-item a {
  border: 1px solid #ffffff;
  display: block;
  overflow: hidden;
}

#featured .ui-tabs-nav-item a:hover,
#featured .ui-tabs-nav-item.active a {
  /*border: 1px solid #c3d1d9;	*/
  border: 1px solid #63819D;
}

#featured .galimage {
  border: 1px solid #c3d1d9;
  overflow: hidden;
  float: left;
  width: 75px;
  height: 75px;
}

#featured .ui-tabs-nav .ui-tabs-nav-item img {
  width: 75px;
  height: 75px;
  float: left;
  background: #fff;
  border: 0;
}

#featured .galtext {
  display: none;
}

#featured .ui-tabs-panel {
  width: 800px;
  height: 475px;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  cursor: pointer;
  display: table-cell;
  vertical-align: middle;
}

#featured .ui-tabs-panel-legend {
  width: 800px;
  height: 28px;
  position: absolute;
  overflow: hidden;
  background-color: #f2f8ff;
  top: 450px;
  text-align: center;
  line-height: 22px;
  border: 1px solid #63819D;
  /*border: 1px solid #c3d1d9;*/
  border-right-width: 0;
  border-left-width: 0;
  display: none;
  z-index: 2;
  opacity: 0.85;
  filter: alpha(opacity=85);
  /* For IE8 and earlier */
}

#featured .ui-tabs-panel-legend > span.subline.big {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 3px;
  padding-left: 10px;
  padding-right: 10px;
}

/*--=Sticky --*/

.sticky-menu-back-to-top {
  background: url("../images/up-down-buttons-normal.png?lastmod=YYYYMMDD") no-repeat scroll -22px -9px transparent;
  cursor: pointer;
  height: 18px;
  width: 32px;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 3210;
  padding: 5px;
  margin: 0;
  border: 1px solid #BCBCBC;
  -moz-box-shadow: 2px 2px 15px #4C4C4C;
  -webkit-box-shadow: 2px 2px 15px #4C4C4C;
  box-shadow: 2px 2px 15px #4C4C4C;
}

.sticky-menu-back-to-top:hover {
  background: url("../images/up-down-buttons-normal.png?lastmod=YYYYMMDD") no-repeat scroll -85px -9px transparent;
}

/*--=FAQ --*/

table table .faqHeadline {
  color: #000;
  font-size: 15px;
  margin-bottom: 3px;
  line-height: 13px;
}

table tbody tr  .faq {
  line-height: 18px;
}

/*--=FAQ collapsible --=Collapsible text--*/

.collapsibleFAQ {
  position: relative;
  padding-bottom: 12px;
}

.collapsibleText {
  position: relative;
  padding-bottom: 12px;
  font-size: 13px;
}

.collapsibleFAQ .showMore,
.collapsibleFAQ .hideMore,
.collapsibleText .showMore,
.collapsibleText .hideMore {
  padding-left: 5px;
  color: #1B3067;
  display: inline-block;
}

.collapsibleFAQ  .showMoreOnNextLine,
.collapsibleFAQ .hideMoreOnNextLine {
  color: #1B3067;
  display: inline-block;
  padding-left: 7px !important;
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -855px transparent;
}

.collapsibleFAQ  .showMore:hover,
.collapsibleFAQ .hideMore:hover,
.collapsibleText  .showMore:hover,
.collapsibleText .hideMore:hover {
  color: #2864a0;
  cursor: pointer;
}

.collapsibleFAQ .arrowBlue,
.collapsibleText .arrowBlue {
  color: #1b3067;
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -854px transparent;
  font-size: 12px;
  padding-left: 8px;
  text-decoration: none;
  line-height: 16px;
  margin-left: 3px;
}

.collapsibleFAQ .arrowBlue.OSMacType,
.collapsibleText .arrowBlue.OSMacType {
  color: #1b3067;
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -855px transparent;
  font-size: 12px;
  padding-left: 8px;
  text-decoration: none;
  line-height: 16px;
  margin-left: 3px;
}

.disabled-link {
  color: Gray;
  cursor: default;
}

/*--=NAVIGATION  --*/

.mainContainer .productNav .head,
.naviRestrictive .head {
  color: #3C5061;
  font-size: 12px;
  margin-bottom: 7px;
}

.naviRestrictive .head.filterset {
  margin-bottom: 11px;
}

.naviRestrictive>ul>li {
  background-color: #f2f8ff;
  border-top: 1px solid #c3d1d9;
  color: #1B3067;
  display: block;
  line-height: 30px;
  padding-left: 5px;
  word-wrap: break-word;
}

.naviRestrictive>ul>li:hover {
  background: #1B3067;
  cursor: pointer;
}

.naviRestrictive>ul>li a {
  color: #1B3067;
  margin-bottom: 7px;
  margin-top: 7px;
  width: 100%;
  word-wrap: break-word;
  padding: 7px 10px;
}

.naviRestrictive>ul>li:hover a,
.naviRestrictive>ul>li a:hover,
.naviRestrictive>ul>li:hover label,
.naviRestrictive>ul>li.open.active:hover label {
  color: #ffffff;
  cursor: pointer;
}

.naviRestrictive>ul>li.open,
.naviRestrictive>ul>li.open a,
.naviRestrictive>ul>li.open label {
  font-weight: bold;
}

.naviRestrictive>ul>li.open.active,
.naviRestrictive>ul>li.level2.open.active {
  background-color: #1B3067;
  padding-left: 10px;
}

.naviRestrictive>ul>li.open.active:hover {
  background-color: #1562AD;
}

.naviRestrictive>ul>li.open.active a,
.naviRestrictive>ul>li.open.active a:hover,
.naviRestrictive>ul>li.open.active  label,
.naviRestrictive>ul>li.open.active label:hover {
  color: #fff;
}

.naviRestrictive>ul>li.backTo a {
  width: 184px;
}

/*-=Levels-*/

.naviRestrictive.filter>ul>li.level1.backTo {
  padding-left: 12px;
}

.naviRestrictive>ul>li.level1.open.active>a,
.naviRestrictive>ul>li.level1.open>a {
  display: block;
  margin-left: 0px;
}

.naviRestrictive>ul>li.level1.open.backTo>a {
  font-size: 12px;
  margin-bottom: 5px;
  margin-left: 3px;
  margin-top: 7px;
}

.naviRestrictive>ul>li.level3 {
  font-size: 12px;
  padding-left: 15px;
}

.naviRestrictive>ul>li.level3.on {
  background-color: #c3d1d9 !important;
  padding-left: 10px !important;
}

.naviRestrictive>ul>li.level3.on:hover {
  background-color: #1B3067 !important;
}

.naviRestrictive>ul>li.level3.on > a.backTo {
  padding-left: 0 !important;
  margin-left: 0 !important;
  color: #1B3067 !important;
}

.naviRestrictive>ul>li.level4,
.naviRestrictive>ul>li.levelN {
  font-size: 12px;
  padding-left: 23px;
}

.naviRestrictive>ul>li.level3.highlight,
.naviRestrictive>ul>li.level4.highlight,
.naviRestrictive>ul>li.levelN.highlight {
  background-color: #F2F8FF;
}

.naviRestrictive li .backTo {
  color: #64737C !important;
  margin-left: 7px;
}

.naviRestrictive li div.backTo {
  font-size: 12px;
  margin-left: -3px;
}

.naviRestrictive > ul > li.level2 a,
.naviRestrictive > ul > li.level3 a,
.naviRestrictive > ul > li.level4 a {
  font-size: 12px;
  margin-bottom: 6px;
  margin-top: 7px;
}

/*-=SERP Navigation-*/

.naviRestrictive.serp>ul>li.level1,
.naviRestrictive.serp>ul>li.level2,
.naviRestrictive.serp>ul>li.level3 {
  padding-top: 15px;
  background: url("../images/dividerGardient.jpg?lastmod=YYYYMMDD") repeat-x 0 0;
  position: relative;
  padding-left: 0px;
  border-top: 0px;
  word-wrap: break-word;
}

.naviRestrictive.serp>ul>li.level1.open.active>a,
.naviRestrictive.serp>ul>li.level1.open>a,
.naviRestrictive.serp>ul>li.level2.open.active>a,
.naviRestrictive.serp>ul>li.level2.open>a,
.naviRestrictive.serp>ul>li.level3.open.active>a,
.naviRestrictive.serp>ul>li.level3.open>a {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 1px -3066px transparent !important;
  display: block;
  padding-left: 18px;
  margin-left: 0px;
}

.naviRestrictive.serp>ul>li.level1>a,
.naviRestrictive.serp>ul>li.level2>a,
.naviRestrictive.serp>ul>li.level3>a {
  color: #1b3067;
  font-size: 15px;
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -755px transparent;
  padding-left: 10px;
  margin-left: 5px;
  line-height: 26px;
  text-decoration: none;
  display: block;
  word-wrap: break-word;
}

.naviRestrictive.serp>ul>li.level1:hover,
.naviRestrictive.serp>ul>li.level1.active,
.naviRestrictive.serp>ul>li.level1 .open:hover .active:hover,
.naviRestrictive.serp>ul>li.level2:hover,
.naviRestrictive.serp>ul>li.level2.active,
.naviRestrictive.serp>ul>li.level2 .open:hover .active:hover,
.naviRestrictive.serp>ul>li.level3:hover,
.naviRestrictive.serp>ul>li.level3.active,
.naviRestrictive.serp>ul>li.level3 .open:hover .active:hover {
  background: url("../images/dividerGardient.jpg?lastmod=YYYYMMDD") repeat-x 0 0;
  display: block;
}

.naviRestrictive.serp>ul>li .level2,
.naviRestrictive.serp>ul>li .level3,
.naviRestrictive.serp>ul>li .level4 {
  background-color: #e9eef2;
  padding-left: 8px;
  border-top: 1px solid #c3d1d9;
  word-wrap: break-word;
}

.naviRestrictive.serp>ul>li.level4>a {
  font-size: 12px;
  color: #1b3067;
  line-height: 21px;
  width: 145px;
}

.naviRestrictive .showAll,
.naviRestrictive .resetAll,
.naviRestrictive.filter .resetAll,
.naviRestrictive.serp .resetAll {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -856px transparent;
  border: medium none;
  color: #3C5061;
  float: right;
  font-size: 11px;
  line-height: 14px;
  padding-left: 8px;
  text-decoration: none;
  width: auto;
}

.naviRestrictive .showAll:hover,
.naviRestrictive .resetAll:hover,
.naviRestrictive.serp .showAll:hover,
.naviRestrictive.serp .resetAll:hover {
  color: #2864a0;
  background-position: -3px -2490px;
}

.naviRestrictive .showAll a,
.naviRestrictive .resetAll a,
.naviRestrictive.filter .resetAll a,
.naviRestrictive.serp .resetAll a {
  margin-top: -1px;
  float: right;
  font-size: 11px;
  color: #3C5061;
  text-decoration: none;
  width: auto;
  line-height: 14px;
}

.naviRestrictive .showAll a:hover {
  color: #2864a0;
}

.naviRestrictive .resetAll,
.naviRestrictive.filter .resetAll {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -856px transparent;
}

.naviRestrictive .resetAll a,
.naviRestrictive.filter .resetAll a {
  color: #3C5061;
}

.naviRestrictive .resetAll a:hover,
.naviRestrictive .resetAll:hover,
.naviRestrictive.filter .resetAll:hover,
.naviRestrictive.filter .resetAll a:hover,
.naviRestrictive.serp .resetAll a:hover {
  color: #2864a0;
  background-position: -3px -2490px;
}

/*-=Filter navigation-*/

.naviRestrictive.filter {
  margin-bottom: 35px;
}

.naviRestrictive.filter>ul>li {
  position: relative;
  /* padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px; */
  line-height: 16px;
}

.naviRestrictive.filter>ul>li.num {
  /* padding-right: 38px !important; */
}

.naviRestrictive.filter>ul>li a,
.naviRestrictive.filter>ul>li label {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.naviRestrictive.filter>ul>li .facetValueCount {
  position: absolute;
  top: 6px;
  right: 7px;
  background-color: #fff;
  padding: 4px 7px;
  border-radius: 10px;
  color: #337ab7;
  font-weight: bold;
  font-size: 11px;
  line-height: 10px;
}

.naviRestrictive.filter>ul>li:hover a.backTo {
  background-color: transparent;
  color: #fff !important;
}

.naviRestrictive.filter>ul>li.level1 a.backTo {
  padding-left: 5px;
}

.naviRestrictive.filter>ul>li.level2 {
  background-color: #c3d1d9;
  padding-left: 10px;
}

.naviRestrictive.filter>ul>li.level2.on {
  padding-left: 0px;
}

.naviRestrictive.filter>ul>li.level2:hover,
.naviRestrictive.filter>ul>li.level3:hover {
  background-color: #1b3067;
}

.naviRestrictive.filter>ul>li.level3 {
  background-color: #e7edf4;
  padding-left: 0px;
  border-top: 1px solid #BFBFBF;
}

.naviRestrictive.filter>ul>li.level3:last-child {
  border-bottom: 1px solid #BFBFBF;
}

.naviRestrictive.filter>ul>li.level3.open.active {
  background-color: #1b3067;
}

.naviRestrictive.filter>ul>li.level2.open.active:hover,
.naviRestrictive.filter>ul>li.level3.open.active:hover {
  background-color: #1562ad;
}

.naviRestrictive.filter>ul>li.level4,
.naviRestrictive.filter>ul>li.levelN {
  padding-left: 0px;
}

.naviRestrictive.filter>ul>li.level2.active.open>a,
.naviRestrictive.filter>ul>li.level3.active.open>a,
.naviRestrictive.filter>ul>li.level4.active.open>a,
.naviRestrictive.filter>ul>li.levelN.active.open>a,
.naviRestrictive.filter>ul>li.level2.active.open>label,
.naviRestrictive.filter>ul>li.level3.active.open>label,
.naviRestrictive.filter>ul>li.level4.active.open>label,
.naviRestrictive.filter>ul>li.levelN.active.open>label {
  color: #FFFFFF;
}

/*workaround because otherwise, the item"s text shifts by some pixels to right*/

.naviRestrictive.filter>ul>li.level3.active.open div.fleft,
.naviRestrictive.filter>ul>li.level4.active.open div.fleft,
.naviRestrictive.filter>ul>li.levelN.active.open div.fleft {
  display: none;
}

.naviRestrictive.filter>ul>li.level4>a {
  padding-left: 10px !important;
}

.naviRestrictive.filter>ul>li.level4>label,
.naviRestrictive.filter>ul>li.level4.child>a {
  padding-left: 25px !important;
}

.naviRestrictive.filter>ul>li.levelN>a {
  padding-left: 15px;
}

/*-=Quicklinks-*/

.naviRestrictive.quicklink>ul>li {
  background: none;
}

.naviRestrictive.quicklink>ul>li>a {
  display: block;
  border-top: 1px solid #c3d1d9;
  color: #1b3067;
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 6px -852px transparent;
  background-color: #F2F8FF;
  font-size: 12px;
  padding-left: 16px;
  text-decoration: none;
  line-height: 21px;
  margin-left: 0;
}

/*-=FilterSet Navigation-*/

.naviRestrictive .collapsableFilterset {
  margin-bottom: 38px;
}

.naviRestrictive .collapsableFilterset .filtersetHead {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -243px -79px;
  line-height: 21px;
  font-size: 12px;
  color: #1b3067;
  font-weight: bold;
  padding-left: 10px;
  margin-left: 4px;
  cursor: pointer;
}

.naviRestrictive .collapsableFilterset .filtersetHead.active {
  background-position: 0px -2847px;
  padding-left: 15px;
}

.naviRestrictive.collapsableFilterset .showAllFilters,
.naviRestrictive.collapsableFilterset .showLessFilters {
  border: none;
  color: #1b3067;
  cursor: pointer;
  float: right;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  padding: 5px 5px 0px 8px;
  text-decoration: none;
  width: auto;
}

.naviRestrictive.collapsableFilterset .showAllFilters .icon {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 8px -233px rgba(0, 0, 0, 0);
  float: right;
  height: 25px;
  width: 27px;
}

.naviRestrictive.collapsableFilterset .showAllFilters:hover .icon {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 8px -264px rgba(0, 0, 0, 0);
}

.naviRestrictive.collapsableFilterset .showLessFilters .icon {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 8px -299px rgba(0, 0, 0, 0);
  float: right;
  height: 25px;
  width: 27px;
}

.naviRestrictive.collapsableFilterset .showLessFilters:hover .icon {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 8px -332px rgba(0, 0, 0, 0);
}

.naviRestrictive.collapsableFilterset .showAllFilters.active,
.naviRestrictive.collapsableFilterset .showLessFilters,
.naviRestrictive.collapsableFilterset ul li.invisible {
  display: none;
}

.naviRestrictive.collapsableFilterset .showAllFilters,
.naviRestrictive.collapsableFilterset .showLessFilters.active {
  display: block;
}

.naviRestrictive .collapsableFilterset ul {
  padding-bottom: 4px;
}

.naviRestrictive .collapsableFilterset ul li {
  background-color: #ffffff;
  border: none !important;
  font-size: 12px;
  line-height: 22px;
  padding-bottom: 3px;
  padding-left: 0px;
}

.naviRestrictive .collapsableFilterset ul li input {
  margin-top: 5px;
  margin-right: 5px;
}

.naviRestrictive .collapsableFilterset ul li div.fleft,
.naviRestrictive .collapsableFilterset ul li a.fleft {
  width: 133px;
}

.naviRestrictive.collapsableFilterset ul li .bubble {
  padding: 1px 5px;
  line-height: 12px;
  top: 2px;
  background-color: #95aabe;
  margin-right: 5px;
}

.naviRestrictive.collapsableFilterset a.checkbox {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") #ffffff no-repeat scroll 2px -473px;
  color: #404040;
  cursor: pointer;
  line-height: 18px;
  margin-bottom: 2px;
  margin-left: 3px;
  margin-top: 0;
  min-height: 22px;
  padding-left: 25px;
  padding-top: 3px;
  width: 133px;
}

.naviRestrictive.collapsableFilterset a.checkbox.active {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") #ffffff no-repeat scroll 2px -570px;
}

.naviRestrictive.collapsableFilterset a .number,
.naviRestrictive.collapsableFilterset .facetValueCount {
  font-weight: bold;
}

.naviRestrictive.collapsableFilterset .radiobutton {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -234px -2191px;
  padding-left: 20px;
  margin-left: 3px;
  padding-top: 3px;
  min-height: 22px;
  line-height: 22px;
}

.naviRestrictive.collapsableFilterset .radiobutton.active {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -232px -2059px;
}

/*-=ProductNavi-*/

.productNav .back {
  border-top: 1px solid #c3d1d9;
  font-size: 12px;
  color: #8fa5b2;
  line-height: 21px;
  background-color: #e9eef2;
  padding-left: 5px;
  display: block;
  text-decoration: none;
}

.productNav>ul>li.level2 {
  border-top: 1px solid #c3d1d9;
}

.productNav .naviRestrictive>ul>li.level2 {
  font-size: 12px;
  color: #1b3067;
  padding: 10px 6px;
  cursor: pointer;
  background-color: #f2f8ff !important;
}

.productNav .naviRestrictive>ul>li.level2 .delete {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -242px -158px;
  float: right;
  width: 10px;
  height: 13px;
}

.productNav .naviRestrictive ul>li.big.last {
  padding: 20px 6px 10px;
}

.productNav .naviRestrictive ul>li  a.arrowBlue {
  background-position: -3px -851px;
}

.productNav .naviRestrictive ul>li  a.arrowBlue.fleft {
  margin-left: 0px;
}

.productNav .naviRestrictive  ul>li.description {
  font-size: 11px;
  color: #a6a6a6;
  padding: 8px 6px;
  border-top: solid 1px #c3d1d9;
}

/*--=Localization window --*/

.localization {
  padding: 30px 30px 50px 30px;
  width: 350px;
}

.localization .headline {
  margin-bottom: 10px;
}

.localization .subheadline {
  font-size: 15px;
  color: #000;
  margin-bottom: 20px;
}

.localization>select {
  font-size: 12px;
  line-height: 22px;
  color: #1B3067;
  padding: 0px;
  margin-bottom: 20px;
}

.bottomRight29 {
  bottom: 29px;
  position: absolute !important;
  right: 20px;
}

/*--=Pt_serp --*/

.pt_serp {
  position: relative;
}

.pt_serp .header {
  background: none;
  padding-bottom: 5px;
}

.pt_serp .header>.fleft {
  font-size: 15px;
  color: #143c64;
  font-weight: bold;
}

.pt_serp .header>.fleft p.breakword {
  width: 550px;
  word-wrap: break-word;
  margin-top: 7px;
  margin-bottom: 0px;
}

.pt_serp .searchfield {
  width: 518px;
}

.pt_serp .search-section {
  height: 60px;
  border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: rgb(195, 209, 217);
  /*-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none; */
  padding-top: 12px;
  padding-left: 12px;
  padding-bottom: 12px;
}

.pt_serp .line {
  margin-top: 10px;
  color: #404040;
  font-size: 12px;
}

input[type="button"].newssignupbutton {
  background: url("../images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -188px transparent;
  float: right;
  border: medium none;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  text-decoration: none;
  width: 106px;
  text-align: center;
  padding-bottom: 2px;
  padding-top: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}

.pt_serp  input[type="button"].blueButton,
.pt_serp a.blueButton {
  height: 20px;
  padding-bottom: 3px;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  margin-right: 10px;
}

/* added new class for Global search page with no left/right pagging*/

.pt_serp  input[type="button"].blueButtonSearch,
.pt_serp a.blueButtonSearch {
  padding-left: 0px;
  padding-right: 0px;
}

.checkbox_container {
  width: 600px;
  float: left;
  border: #666 solid 0px;
  line-height: 20px;
}

.checkbox_container ul {
  float: left;
  padding: 0px;
  margin: 0px;
  list-style: none;
  width: 624px;
}

.checkbox_container ul li {
  padding: 0;
  margin: 5px 7px 0px 0px;
  display: inline;
  float: left;
  width: 201px;
}

.checkbox_container ul li input,
.checkbox_container ul li span {
  float: left;
}

.alert {
  border: 1px solid #e0003c;
  color: #e0003c;
  font-size: 12px;
  padding: 2px 4px;
  margin-bottom: 9px;
}

/*--=Add wishlist window --*/

.addwishlist {
  padding: 30px 30px 50px 30px;
  width: 350px;
}

.addwishlist a {
  float: left;
  margin-right: 10px;
}

.addwishlist .subheadline {
  font-size: 15px;
  color: #000;
  margin-bottom: 20px;
}

.addwishlist .text {
  font-size: 12px;
  line-height: 18px;
  color: #000;
  margin-top: 20px;
  margin-bottom: 10px;
}

.addwishlist>select {
  font-size: 12px;
  line-height: 22px;
  color: #1B3067;
  padding: 0px;
  margin-bottom: 20px;
}

.addwishlist .textboxwrapper {
  width: 308px;
  height: 18px;
}

.addwishlist input {
  padding-left: 1px;
  width: 282px !important;
  height: 19px;
  font-size: 12px;
}

.addwishlist textarea {
  padding-left: 1px;
  width: 283px !important;
  font-size: 12px;
}

.addwishlist .arrow,
.organizeWishlist.arrow {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -26px -386px transparent !important;
  display: block;
  border: 1px solid #b4b4b4;
  border-left: none;
  height: 20px;
  width: 17px;
}

.organizeWishlistWrapper .textboxwrapper {
  width: 203px;
  height: 18px;
}

.organizeWishlistWrapper input {
  padding-left: 1px;
  height: 19px;
  width: 177px !important;
  max-width: 177px !important;
  font-size: 12px;
}

/* For WishList Description Width  */

.wishlistDescriptionWidth {
  width: 650px;
  word-wrap: break-word;
}

.backToTop,
.backToTop:hover {
  float: right;
  font-size: 11px;
  color: #a6a6a6;
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -5px -581px transparent;
  padding-left: 8px;
  text-decoration: none;
  border: none;
  width: auto;
  line-height: 14px;
}

.mismatchLine {
  margin-top: 20px;
  margin-bottom: 40px;
}

.matchGreen {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0px -2327px transparent;
  width: 10px;
  margin-right: 3px;
}

.matchYellow {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0px -2193px transparent;
  width: 10px;
  margin-right: 2px;
}

.matchRed {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0px -2062px transparent;
  width: 10px;
  margin-right: 3px;
}

/*--=StepByStep Navigation--*/

.stepNav .head {
  color: #3C5061;
  font-size: 12px;
  margin-bottom: 5px;
}

.stepNav .back {
  border-top: 1px solid #c3d1d9;
  line-height: 21px;
  background-color: #e9eef2;
  padding-left: 5px;
  display: block;
  text-decoration: none;
  margin-bottom: 19px;
}

.stepNav>ul>li .bubble {
  line-height: 14px;
  padding: 0 5px;
  margin-top: 1px;
}

.stepNav>ul>li.level2 .bubble {
  background-color: #95AABE;
  margin-top: 4px;
}

.stepNav>ul>li {
  background: url("../images/dividerGardient.jpg?lastmod=YYYYMMDD") repeat-x scroll 0 bottom transparent;
  padding-bottom: 7px;
  padding-left: 4px;
}

.stepNav>ul>li.back>a {
  font-size: 12px;
  color: #9eb0c4;
}

.stepNav>ul>li>a {
  color: #c3d1d9;
  font-size: 15px;
}

.stepNav>ul>li.active>a {
  color: #1b3067;
}

.stepNav>ul>li.level1 {
  padding-top: 21px;
}

.stepNav>ul>li.level2 {
  line-height: 21px;
  font-size: 12px;
  color: #a6a6a6;
  background-color: #e9eef2;
}

.stepNav>ul>li.level2.inactive {
  background-color: #e9eef2;
}

.stepNav>ul>li.level2.active {
  background-color: #fff;
}

.stepNav>ul>li.level2>a {
  font-size: 12px;
  color: #1b3067;
}

.stepNav .naviRestrictive>ul>li.level2 .delete {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -242px -158px;
  float: right;
  width: 10px;
  height: 13px;
}

.stepNav .naviRestrictive ul>li.big.last {
  padding: 20px 6px 10px;
}

.stepNav .naviRestrictive ul>li  a.arrowBlue {
  background-position: -3px -851px;
}

.stepNav .naviRestrictive ul>li  a.arrowBlue.fleft {
  margin-left: 0px;
}

.stepNav .naviRestrictive  ul>li.description {
  font-size: 11px;
  color: #a6a6a6;
  padding: 8px 6px;
  border-top: solid 1px #c3d1d9;
}

/*--=Select gene--*/

.selectGene {
  width: 706px;
}

.selectGene .left {
  width: 434px;
  float: left;
  padding: 20px;
}

.selectGene .left .head {
  font-size: 21px;
  color: #1b3067;
  width: 100%;
  padding-bottom: 9px;
  border-bottom: 1px solid #c3d1d9;
  padding-top: 4px;
}

.selectGene .left .filter {
  padding: 20px 10px 10px;
  width: 414px;
  font-size: 12px;
  color: #404040;
  border-bottom: 1px solid #c3d1d9;
}

.selectGene .left .filter input {
  border: 1px solid #bfbfbf;
  padding: 2px 5px;
  font-size: 12px;
  color: #bfbfbf;
  margin-left: 10px;
  width: 330px;
}

.selectGene .left .filterList .listHeader {
  border-bottom: 1px solid #c3d1d9;
  font-size: 11px;
  color: #3c5061;
  height: 23px;
  line-height: 23px;
}

.selectGene .left .filterList .listHeader .col1 {
  padding-left: 30px;
}

.selectGene .left .filterList .col1 {
  width: 220px;
}

.selectGene .left .filterList .col2 {
  width: 100px;
  text-align: right;
}

.selectGene .left .filterList .col3 {
  width: 74px;
  text-align: right;
  padding-right: 10px;
}

.selectGene .left .filterList .list li {
  font-size: 12px;
  color: #404040;
  padding: 12px 0;
  line-height: 36px;
  border-bottom: 1px solid #e5effa;
  cursor: pointer;
}

.selectGene .left .filterList .list li:hover {
  background-color: #f2f8ff;
}

.selectGene .left .filterList .list li .col1 {
  padding-left: 10px;
  width: 240px;
  line-height: 34px;
}

.selectGene .left .filterList .list li span {
  font-size: 15px;
  color: #000;
  margin-left: 2px;
}

.selectGene .left .filterList .list li.last {
  border-bottom: 1px solid #c3d1d9;
  margin-bottom: 20px;
}

.selectGene .left input[type="submit"] {
  cursor: auto;
}

.selectGene .listArrowSpace {
  float: left;
  padding-top: 150px;
  position: relative;
  width: 10px;
}

.selectGene .listArrowSpace .listArrowMarker {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0 -937px transparent;
  width: 11px;
  height: 21px;
  position: absolute;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.selectGene .right {
  width: 180px;
  padding-left: 10px;
  float: left;
  padding: 27px 20px 20px;
  background-color: #f2f8ff;
  border-left: 1px solid #c3d1d9;
}

.selectGene .right .infoHead {
  font-size: 12pt;
  color: #3c5061;
  background: url("../images/infoGardient.jpg?lastmod=YYYYMMDD") repeat-x 0 bottom;
  padding-bottom: 15px;
  margin-bottom: 6px;
}

.selectGene .right .info .head {
  font-size: 12px;
  color: #404040;
  line-height: 16px;
}

.selectGene .right .info .description {
  font-size: 12px;
  color: #a6a6a6;
  line-height: 16px;
}

/*--=Select gene with scrollbar--*/

.selectGene.scrollbar {
  width: 706px;
}

.selectGene.scrollbar .left {
  width: 434px;
  float: left;
  padding: 20px;
}

.selectGene.scrollbar .list.listreplace {
  width: 434px;
  height: 500px;
  border: none;
  border-top: 1px solid #BFBFBF;
  border-bottom: 1px solid #BFBFBF;
}

.selectGene.scrollbar .left .filterList .listHeader {
  border-bottom: none;
}

.selectGene.scrollbar .left .filterList .listHeader .col1 {
  padding-left: 30px;
}

.selectGene.scrollbar .left .filterList .col1 {
  width: 220px;
}

.selectGene.scrollbar .left .filterList .col2 {
  width: 80px;
  text-align: right;
}

.selectGene.scrollbar .left .filterList .col3 {
  width: 50px;
  text-align: right;
  padding-right: 10px;
}

/*--=Wishlist lightbox tabs--*/

.downloadWishlist  .headline {
  color: #1B3067;
  font-size: 21px;
  margin-bottom: 3px;
}

.downloadWishlist .subheadline {
  font-size: 15px;
  color: #000;
  margin-bottom: 20px;
}

.shareWishlist .text,
.downloadWishlist .text {
  font-size: 12px;
  color: #000;
  margin-top: 10px;
  margin-bottom: 10px;
}

.downloadWishlist .text.underline {
  text-decoration: underline;
}

.shareWishlist .checkboxes .text {
  margin-top: 2px;
}

.shareWishlist .radio,
.downloadWishlist .radio {
  margin-bottom: 5px;
}

.downloadWishlist .checkboxes .text {
  color: #404040;
  font-size: 12px;
  line-height: 18px;
  padding-bottom: 3px;
  margin-bottom: 5px;
  margin-top: 0px;
}

.shareWishlist a.blueButton,
.downloadWishlist a.blueButton {
  float: left;
  margin-top: 10px;
}

.shareWishlist .mailform {
  margin-top: 10px;
  background-color: #F2F8FF;
  padding: 5px;
  width: 98%;
}

.shareWishlist .mailform .line {
  margin-top: 10px;
  margin-bottom: 5px;
  color: #404040;
  font-size: 12px;
  width: 98%;
}

.shareWishlist .mailform .line.top {
  margin-top: 0px;
}

.shareWishlist .mailform .subline {
  margin-top: -4px;
  margin-bottom: 5px;
  color: #404040;
  font-size: 11px;
}

.shareWishlist div.blueButton {
  background: url("../images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -188px transparent;
  border: medium none;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  text-decoration: none;
  width: 106px;
  text-align: center;
  padding-bottom: 2px;
  padding-top: 0;
  margin-top: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}

.shareWishlist .mailform input {
  width: 98%;
}

.shareWishlist .mailform .checkboxes input {
  width: 10px;
}

.shareWishlist .mailform textarea {
  height: 38px;
  width: 98%;
}

.shareWishlist .checkboxes {
  margin-top: 10px;
}

.WishlistItemNotSelected {
  color: #404040;
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;
  width: 660px;
}

/*--=Pager--*/

.pager-control {
  margin-top: 12px;
}

.pager-bluebutton {
  margin-left: auto;
  margin-right: auto;
  display: table;
  border: 1px solid #bfbfbf;
  background: url("../images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -691px transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0px 20px 0px 5px;
}

.pager-back {
  margin-top: -23px;
  margin-right: 10px;
}

.pager-arrow {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 5px -277px transparent;
  padding: 1px 0px 5px 20px;
  margin-left: 10px;
  line-height: 27px;
}

.pager-next {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -22px -361px transparent;
  cursor: pointer;
  float: left;
  height: 22px;
  width: 22px;
  margin-left: 10px;
}

.pager-prev {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -1px -361px transparent;
  cursor: pointer;
  float: left;
  height: 22px;
  width: 22px;
  margin-left: 10px;
}

#dr_paging-select.dropreplace {
  margin-left: 5px;
  float: right;
  /*Chrome needs this margin-top:-17px;*/
}

.pager-pagelink {
  margin-left: 10px;
  margin-top: 5px;
}

.pager-page {
  margin-left: 10px;
  margin-top: 2px;
}

.pager-page-list-section {
  width: 250px;
  float: left;
  margin-top: 1px;
}

.pager-page-list-text-section {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.pager-firstlast-link {
  float: left;
  margin-top: 3px;
  margin-left: 10px;
}

.pager-items-label {
  font-size: 12px;
  font-family: arial;
  line-height: 21px;
  margin-right: 10px;
  margin-top: 2px;
}

.pager-current-item {
  font-size: 15px;
  line-height: 21px;
  color: #000;
  margin-left: 10px;
}

/*--=Login--*/

table td.login-separator {
  padding: 0px;
  border-right: 0px;
}

table td.login-content {
  padding-top: 20px;
  padding-left: 0px;
  font-family: arial,sans-serif;
  border-right: 0px;
  font-weight: normal;
  border: medium none;
}

table td.login-content table {
  border: medium none;
}

table td.login-content table tbody tr {
  background: none repeat scroll 0 0 transparent;
  color: #404040;
  font-family: arial;
  font-size: 12px;
  line-height: 16px;
}

table td.login-content table tbody tr td {
  border: medium none;
  padding-left: 0;
}

table td.login-content table input[type="button"],
table td.login-content table input[type="submit"] {
  float: left !important;
}

table td.login-content .headline {
  color: #1B3067;
  font-family: futura;
  font-size: 21px;
  margin-bottom: 3px;
}

table td.login-content li {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -3485px transparent;
  float: none;
  padding-left: 15px;
}

table td.login-content table.regSwitch tr.nth {
  font-weight: normal !important;
}

table td.login-content div a.panelListLink,
table td.login-content div a:link.panelListLink,
table td.login-content div a:active.panelListLink,
table td.login-content div a:visited.panelListLink {
  color: #000000;
  font-weight: normal;
}

table.login-main {
  border-bottom: 0px;
  margin-bottom: 0px;
}

table td.login-img img {
  padding: 0px;
}

table td.login-img {
  border: 0px;
}

/*--=Webinars--*/

#webinarSlider .carouselNavigation .jcarousel-container {
  margin-top: -5px;
}

/*--=ProductFinder--*/

.product-finder a.blueArrow {
  color: rgb(27, 48, 103);
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -855px transparent;
  font-size: 12px;
  padding-left: 8px;
  text-decoration: none;
  margin-bottom: 7px;
  display: block;
  cursor: pointer;
}

.product-finder p {
  padding: 0;
  margin: 0;
}

/* MAIN STYLES */

.product-finder #sg_container {
  width: 676px;
}

.product-finder.product-finder-details .filterTeaserGroup {
  position: relative;
  padding: 10px 10px 10px 10px;
  background: #F2F8FF;
}

.product-finder.product-finder-details .filterTeaser {
  float: left;
  margin-right: 21px;
  margin-bottom: 18px;
  width: 201px;
  position: relative;
}

.product-finder.product-finder-details .filterTeaser .head_content {
  margin-bottom: 5px;
  font-size: 13px;
}

.product-finder.product-finder-categories .category-page {
  background-color: #F2F8FF;
  padding: 15px 5px 15px 5px;
}

.product-finder.product-finder-categories .category-page .category-help {
  max-width: 18px;
  margin-right: 9px;
}

.product-finder .row {
  width: 666px;
  margin-bottom: 15px;
  height: 50px;
}

.product-finder .posts {
  width: 100%;
  float: left;
  position: relative;
  padding: 10px 10px 10px 10px;
}

.product-finder .post {
  width: 225px;
  height: 160px;
  word-wrap: break-word;
  overflow: hidden;
  cursor: pointer;
  display: inline-block;
}

.product-finder.product-finder-categories .post {
  height: 60px;
  width: 221px !important;
}

.product-finder .post-inner {
  width: 95%;
  position: relative;
  padding-top: 1px;
  height: 315px;
  top: 10px;
}

.product-finder.product-finder-categories .post-inner {
  background-color: #c3d1d9;
}

.product-finder .post:hover {
  z-index: 11;
}

.product-finder .post-inner div {
  font-weight: normal;
}

.product-finder .post-inner .link {
  position: absolute;
  float: right;
  right: 10px;
  bottom: 10px;
}

.product-finder .post-inner .link a {
  color: rgb(27, 48, 103);
  text-decoration: none;
  display: block;
  float: right;
}

.product-finder .post-inner .desc {
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-finder .post-inner div {
  width: 90%;
  margin-left: 10px;
}

.product-finder.product-finder-categories .post-inner div.productHead {
  width: 90%;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.product-finder .post-inner .desc,
.product-finder .post-inner li {
  width: 90%;
  font-size: 12px;
  color: rgb(64, 64, 64);
}

.product-finder ul.features {
  list-style: none;
  margin-top: 10px;
  width: 100%;
  float: left;
  overflow: hidden;
  max-height: 140px;
}

.product-finder ul.features li {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -3485px transparent;
  color: rgb(64, 64, 64);
  font-size: 12px;
  line-height: 18px;
  padding-left: 15px;
}

.product-finder.product-finder-categories .activeCat * {
  color: rgb(255,255,255) !important;
  background-color: #1b3067;
}

.product-finder.product-finder-categories .activeCat .arrowBlue {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat transparent -3px -3224px !important;
}

/**** Isotope Filtering ****/

.product-finder .isotope-item {
  z-index: 2;
}

.product-finder .isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.product-finder.product-finder-categories .filter-group-footer {
  padding-top: 10px;
  padding-bottom: 10px;
}

.product-finder.product-finder-details .count-message {
  margin-top: 21px;
  margin-bottom: 10px;
}

/**** Isotope CSS3 transitions ****/

.product-finder .isotope,
.product-finder .isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.product-finder .isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.product-finder .isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.product-finder .isotope.no-transition,
.product-finder .isotope.no-transition .isotope-item,
.product-finder .isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/*---=MICELLANEOUS---
============ */

/*--=Buttons Sizes --*/

/* arrowBlueWishList class is defined to display the blue arrow beside the "show more" and "hide" text in wishlist items.*/

.arrowBlueWishList {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -854px transparent;
  padding-left: 8px;
}

.arrowRightTeaserBlue {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -856px transparent;
  padding-left: 8px;
}

.orderingSupportEmail {
  color: #1b3067;
  font-size: 12px;
  text-decoration: none;
  line-height: 16px;
}

.disclaimer-section ul.features li {
  list-style-type: square;
  font-size: 12px;
  line-height: 18px;
  padding-left: 4px;
}

.disclaimer-section ul.nonfeatures li {
  font-size: 12px;
  line-height: 18px;
  padding-left: 4px;
}

/*Longer texts should  appear justified*/

.justifiedCopy {
  text-align: justify;
}

/*Required, in order to match the distance from the top to the text - consistent with input.blueButton*/

a.blueButton {
  padding-top: 0px;
  padding-bottom: 3px;
  min-height: 17px;
  max-height: 17px;
}

/*Required, input.blueButton renders differently than a.blueButton => ends up in total 20px height*/

.middle .contentDefault .topicTeaser.withForm .form input[type="submit"],
input[type="submit"].blueButton {
  min-height: 17px;
  padding-top: 0px;
  padding-bottom: 1px;
}

/*--=Cart*/

input.blueButton.light.cart.initial,
a.blueButton.light.cart.initial,
input.blueButton.light.cart-btn.initial,
a.blueButton.light.cart-btn.initial {
  background: #478ebc;
  background: url("../images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -725px;
  /* Old browsers */
  background: url("../images/cart-icon.png?lastmod=YYYYMMDD") no-repeat,
     -moz-linear-gradient(top,  #478ebc 0%, #2867a1 100%);
  /* FF3.6+ */
  background: url("../images/cart-icon.png?lastmod=YYYYMMDD") no-repeat,
     -webkit-gradient(linear, left top, left bottom, color-stop(0%,#478ebc), color-stop(100%,#2867a1));
  /* Chrome,Safari4+ */
  background: url("../images/cart-icon.png?lastmod=YYYYMMDD") no-repeat,
     -webkit-linear-gradient(top,  #478ebc 0%,#2867a1 100%);
  /* Chrome10+,Safari5.1+ */
  background: url("../images/cart-icon.png?lastmod=YYYYMMDD") no-repeat,
     -o-linear-gradient(top,  #478ebc 0%,#2867a1 100%);
  /* Opera 11.10+ */
  background: url("../images/cart-icon.png?lastmod=YYYYMMDD") no-repeat,
     -ms-linear-gradient(top,  #478ebc 0%,#2867a1 100%);
  /* IE10+ */
  background: url("../images/cart-icon.png?lastmod=YYYYMMDD") no-repeat,
     linear-gradient(to bottom,  #478ebc 0%,#2867a1 100%);
  /* W3C */
  padding-left: 11px;
  /*space needed for the icon, so that no text overlaps with it*/
}

input.blueButton.light.cart.initial:hover,
a.blueButton.light.cart.initial:hover,
input.blueButton.light.cart-btn.initial:hover,
a.blueButton.light.cart-btn.initial:hover {
  background: #69a8d7;
  background: url("../images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -758px;
  /* Old browsers */
  background: url("../images/cart-icon.png?lastmod=YYYYMMDD") no-repeat,
     -moz-linear-gradient(top,  #69a8d7 0%, #3c7fbe 100%);
  /* FF3.6+ */
  background: url("../images/cart-icon.png?lastmod=YYYYMMDD") no-repeat,
     -webkit-gradient(linear, left top, left bottom, color-stop(0%,#69a8d7), color-stop(100%,#3c7fbe));
  /* Chrome,Safari4+ */
  background: url("../images/cart-icon.png?lastmod=YYYYMMDD") no-repeat,
     -webkit-linear-gradient(top,  #69a8d7 0%,#3c7fbe 100%);
  /* Chrome10+,Safari5.1+ */
  background: url("../images/cart-icon.png?lastmod=YYYYMMDD") no-repeat,
     -o-linear-gradient(top,  #69a8d7 0%,#3c7fbe 100%);
  /* Opera 11.10+ */
  background: url("../images/cart-icon.png?lastmod=YYYYMMDD") no-repeat,
     -ms-linear-gradient(top,  #69a8d7 0%,#3c7fbe 100%);
  /* IE10+ */
  background: url("../images/cart-icon.png?lastmod=YYYYMMDD") no-repeat,
     linear-gradient(to bottom,  #69a8d7 0%,#3c7fbe 100%);
  /* W3C */
}

.no-css3 input.blueButton.cart.light.initial,
.no-css3 a.blueButton.cart.light.initial,
.no-css3 input.blueButton.cart-btn.light.initial,
.no-css3 a.blueButton.cart-btn.light.initial {
  background: url("../images/cart-icon.png?lastmod=YYYYMMDD") no-repeat !important;
  /*margin-top:0px;*/
}

.no-css3 .cart-btn-icon {
  background: url("../images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -735px !important;
  height: 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  /*margin-top:10px;*/
}

.no-css3 .cart-btn-icon:hover {
  background: url("../images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll  0 -768px !important;
}

/*--=Various --*/

ul.carousel li {
  text-align: center;
}

.showMoreResults {
  display: inline-block !important;
}

.productHead {
  margin-bottom: 12px;
  margin-top: 10px;
}

.nullitemmsg {
  color: #1B3067;
  font-size: 11px;
  padding-left: 20px;
}

.openlightboxlink {
  margin-top: 5px;
}

.field.input.error,
.label.input.error {
  color: #E0003C;
  border-color: #E0003C;
}

/*Account Modules/Controllers Css fixes*/

a.blueArrowLink {
  color: #1B3067;
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -855px transparent;
  padding-left: 8px;
}

.clsError {
  border: 0;
}

div.oldQ input.button,
input[type="submit"].button,
input[type="submit"].buttonstyle {
  font-weight: bold;
  line-height: 21px;
  padding-top: 0;
  background: url("../images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -188px #aaaaaa;
  border: medium none;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  height: 21px;
  min-height: 18px;
  line-height: 20px;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding-bottom: 2px;
  padding-top: 0;
  width: 106px;
  _width: 106px;
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
}

div.oldQ .dropreplace .select {
  height: 17px;
  line-height: 17px;
}

div.oldQ .options li {
  float: none;
}

div.oldQ .options li a {
  background: none;
}

div.oldQ .middle table tr.nth,
div.oldQ .middle table tr {
  background: none;
}

div.oldQ .middle table tr td {
  border-right: 0;
}

div.oldQ .middle table tr.nth td.last {
  border: 0 !important;
}

div.oldQ .middle table tr.nth td.last.lastDistance {
  border-bottom: 1px solid #C3D1D9;
}

/*Cart Modules/Controllers Css fixes*/

div.oldQ input.buttonBlueHugeMiddle,
div.oldQ input.buttonBlueSmallMiddle,
div.oldQ input.buttonBlueTinyMiddle,
input.buttonBlueSmall,
input.buttonBlueHuge,
input.buttonBlueHugeMiddle,
input.buttonBlueSmallMiddle,
div.oldQ input[type="submit"] {
  font-weight: bold;
  line-height: 21px;
  padding-top: 0;
  background: url("../images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -188px #aaaaaa;
  border: medium none;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  height: 21px;
  min-height: 18px;
  line-height: 20px;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding-bottom: 2px;
  padding-top: 0;
  width: 106px;
  _width: 106px;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
}

div.oldQ table.cartFrame td.cartCaptionLarge {
  background: none;
  background-color: #c3d1d9;
}

div.oldQ table.cartFrame td.cartCaptionSimple {
  background: #c3d1d9 !important;
  border: 0;
  border-right: 1px solid #fff;
  line-height: 29px;
  padding-bottom: 0;
  padding-top: 0;
  vertical-align: middle;
}

div.oldQ table.cartFrame td,
div.oldQ table.cartFrame td.last {
  border-bottom: 1px solid #c3d1d9 !important;
}

div.oldQ table.cartFrame,
div.oldQ table.cartFrame td {
  border-left: 0;
  border-right: 0;
  border-top: 0;
}

div.oldQ table.cartFrame div.cartLinksLeft {
  float: left;
  font-size: 11px;
  font-weight: normal;
  line-height: normal;
  margin-top: 5px;
}

div.oldQ table.cartFrame div.cartLinksLeft a img {
  padding-bottom: 0px;
  padding-left: 0px;
}

.catalog-input-list td input {
  margin-top: 9px;
}

.promocode {
  float: left;
  width: 270px;
}

div.oldQ table.cartFrame tbody tbody {
  border-bottom: 0;
}

div.oldQ span.cartProductDescTitle a {
  color: #1B3067;
}

div.oldQ span.cartProductDescID,
div.oldQ span.cartProductDescDetails {
  font-size: 12px;
  line-height: 14px;
}

div.oldQ .buttonBlueTinyContainer .buttonBlueTinyLeft,
div.oldQ .buttonBlueTinyContainer .buttonBlueTinyRight,
div.oldQ .buttonBlueSmallContainer .buttonBlueSmallLeft,
div.oldQ .buttonBlueSmallContainer .buttonBlueSmallRight,
div.oldQ .buttonBlueHugeContainer .buttonBlueHugeLeft,
div.oldQ .buttonBlueHugeContainer .buttonBlueHugeRight,
.buttonBlueSmallContainer .buttonBlueSmallLeft,
.buttonBlueSmallContainer .buttonBlueSmallRight,
.buttonBlueHugeContainer .buttonBlueHugeLeft,
.buttonBlueHugeContainer .buttonBlueHugeRight {
  display: none;
}

/*
table table .quantity{
	border: 0;
}
*/

div.oldQ div.cartFootLinks {
  width: auto;
}

div.oldQ table.cartFrame .cartGreyBody td {
  border-bottom: 0 !important;
}

div.oldQ table.cartFrame table td,
div.oldQ table.cartFrame table td.last {
  border-bottom: 0 !important;
}

div.oldQ table.cartFrame td.cartCaptionBlue {
  background: none;
  color: black;
  padding: 0;
  margin: 0;
  border-right: 1px solid #fff;
}

div.oldQ td,
div.oldQ tr,
div.oldQ table {
  font-size: 12px;
}

div a.panelListLink,
div a:link.panelListLink,
div a:active.panelListLink,
div a:visited.panelListLink {
  color: #1b3067;
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -3px -855px;
  font-size: 12px;
  padding-left: 8px;
  text-decoration: none;
}

div a.panelListLink:hover,
div a:link.panelListLink:hover {
  color: #2864a0;
}

div.oldQ a {
  color: #1b3067;
  font-size: 12px;
  text-decoration: none;
}

div.oldQ a:hover {
  color: #2864a0;
}

div.oldQ table table.head thead td,
div.oldQ table tbody tr td,
#fancybox-content div.oldQ table.head thead td {
  border-right: white !important;
}

div.oldQ table tbody tr td {
  border-bottom: none !important;
}

div.oldQ table.cartFrame {
  width: 100%;
}

div.oldQ input[type="image"] {
  border: none;
}

div.oldQ div.promocode table tbody tr,
div.oldQ div.promocode table tbody tr.nth {
  background-color: #fff;
}

div.oldQ table table {
  border-bottom: 0;
}

div.oldQ select {
  width: 250px;
}

div.oldQ .cartFrame ul {
  list-style: none;
}

div.oldQ p,
div.oldQ li {
  font-size: 12px;
}

div.oldQ div.checkOutFootLinks {
  width: 806px;
}

div.oldQ {
  color: #404040;
}

div.oldQ  input.checkout {
  background: url("../images/checkout.png?lastmod=YYYYMMDD") no-repeat 0 bottom transparent;
  font-size: 12px;
  font-weight: bold;
  height: 40px;
  margin-right: 0px;
  min-width: 160px;
  padding: 0 0 2px;
}

div.oldQ  input.checkout:hover {
  background: url("../images/checkout.png?lastmod=YYYYMMDD") no-repeat 0 top transparent;
}

div.oldQ  input.checkout.forward-btn {
  background: url("../images/cart-forward-button.png?lastmod=YYYYMMDD") no-repeat 0 bottom transparent;
}

div.oldQ  input.checkout.forward-btn:hover {
  background: url("../images/cart-forward-button.png?lastmod=YYYYMMDD") no-repeat 0 top transparent;
}

.headingtext,
.subline {
  display: block;
}

.jcarousel-skin-tango,
.content .jcarousel-skin-tango .jcarousel-clip-horizontal {
  border-top: 0;
}

.middle .contentDefault .introductionTop {
  margin: 0;
}

.ContentDetail h6 {
  margin: 12px 0;
}

/*=Compatibility mode of oldQ and dropreplace*/

div.oldQ .dropreplace ul {
  margin-top: 0px;
  padding-left: 0px;
  list-style-image: none;
}

div.oldQ .dropreplace table tbody tr td li a {
  background: none;
}

/*=datepicker*/

.datepicker-arrow {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -26px -387px transparent !important;
  border-left: 1px solid #B4B4B4;
  float: right;
  height: 18px;
  width: 17px;
  float: left;
  margin-left: -19px;
  margin-top: 3px;
}

/*=Press Release*/

.pressrelease-search .label,
.pressrelease-search .pr-date {
  color: #3C5061;
  font-size: 12px;
}

.pressrelease-search .search-term-label {
  margin-top: 30px;
}

.pressrelease-detail .productHead {
  font-weight: bold;
}

.oldQ-width {
  width: 806px !important;
}

.borderLess {
  border: 0 none !important;
}

/*=Inventory*/





.search-inventory .filter-section {
  padding: 15px;
}

.search-inventory .inventory-item {
  margin-bottom: 15px;
  /*display: inline-block;*/
  width: 100%;
}

.search-inventory .inventory-item .title a,
.search-inventory .inventory-item .title span {
  font-size: 15px;
  color: #000;
  margin-bottom: 3px;
  line-height: 24px;
}

.search-inventory .inventory-item .title > .label {
  font-size: 12px;
  color: #000;
}

.inventory-disclaimer {
  margin-top: 20px;
  margin-left: 10px;
}

.inventory-item .section {
  line-height: 30px;
  margin-top: 10px;
}

.inventory-item .material-info-value {
  height: 40px;
}

.search-inventory .filter-section .filter-clear {
  cursor: pointer;
}

.search-inventory .filter-section > .q-table {
  display: inline-block;
  width: 100%;
}

.search-inventory .filter-section .catalog-box .q-td,
.search-inventory .filter-section .catalog-box-header .q-td {
  float: left;
  width: 29%;
  padding: 0px;
  margin-left: 2%;
  margin-right: 2%;
  margin-top: 10px;
}

.search-inventory .filter-section .catalog-box .q-td.hcat {
  width: 14%;
}

.search-inventory .filter-section .catalog-box .catalog-detail {
  cursor: pointer;
}

.search-inventory .filter-section .catalog-box .q-td.hcat input {
  width: 100px;
}

.search-inventory .filter-section .catalog-box .q-td.hinv {
  padding-left: 20px;
  width: 33%;
}

.search-inventory .filter-section .catalog-box .q-td.hdet {
  width: 37%;
}

.search-inventory .filter-section > .q-table .q-tr {
  width: 100%;
  clear: both;
  float: none;
}

.search-inventory .listOptions {
  margin-top: 0px;
}

.search-inventory .listOptions > div {
  line-height: 24px;
}

.search-inventory-seperator {
  display: block;
  position: relative;
  padding: 0;
  margin: auto;
  height: 20px;
  width: 100%;
  max-height: 20px;
  font-size: 1px;
  line-height: 0;
  clear: both;
}

/*=Resource Center*/

.resource-tab .tab-header {
  min-width: 310px;
}

.resource-tab .tab-header > a {
  min-width: 310px;
}

/*=Event Calendar*/

.event-calendar .calendar-header {
  color: #3c5061;
  font-size: 12px;
  background: url("../images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -218px transparent;
  height: 25px;
  line-height: 19px;
  width: 668px;
}

.event-calendar .calendar-header .prev-month {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -1px -359px;
  cursor: pointer;
  float: left;
  height: 25px;
  width: 22px;
}

.event-calendar .calendar-header .next-month {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -22px -359px;
  cursor: pointer;
  float: right;
  height: 25px;
  width: 22px;
}

.event-calendar .calendar-header .prev-month.inactive {
  background-position: -101px -359px;
}

.event-calendar .calendar-header .next-month.inactive {
  background-position: -122px -359px;
}

.event-calendar .listOptions >ul >li >ul >li>a {
  font-weight: normal;
}

.event-calendar .calendar-body {
  background-color: #F2F8FF;
  border: 1px solid #C3D1D9;
  border-top: 0px;
  width: 100%;
  margin-bottom: 10px;
  float: left;
  margin-top: -1px;
}

.event-calendar .calendar-body > .months {
  margin-left: 0px;
  margin-right: 0px;
}

.event-calendar .calendar-body   .month {
  margin-top: 16px;
  margin-left: 17px;
  margin-right: 42px;
  background-color: #F2F8FF;
  float: left;
}

.event-calendar .calendar-body   .month.last {
  margin-right: 0px;
}

.event-calendar .calendar-body  .month > .title {
  color: #1B3067;
  font-size: 12px;
  line-height: 16px;
  width: 171px;
  padding-bottom: 1px;
  border-bottom: solid 1px #C3D1D9;
  margin-bottom: 2px;
}

.event-calendar .calendar-body  .month > .title.selected {
  color: #FFFFFF;
  background-color: #1B3067;
}

.event-calendar .calendar-body  .month > .days-header > .date {
  color: #404040;
  font-size: 12px;
  line-height: 22px;
  float: left;
}

.event-calendar .calendar-body  .month > .days,
.event-calendar .calendar-body  .month > .days-header {
  width: 171px;
}

.event-calendar .calendar-body  .month > .days  > .day {
  color: #1B3067;
  font-size: 12px;
  line-height: 22px;
  float: left;
  cursor: pointer;
}

.event-calendar .calendar-body  .month > .days  > .day,
.event-calendar .calendar-body  .month > .days-header > .date {
  width: 26px;
}

.event-calendar .calendar-body  .month > .days  > .day.last,
.event-calendar .calendar-body  .month > .days-header > .date.last {
  width: 15px;
}

.event-calendar .calendar-body  .month > .days  > .day.empty {
  color: #A6A6A6;
  cursor: default;
}

.event-calendar .calendar-body  .month > .days  > .day > .highlight {
  color: #FFFFFF;
  background-color: #1B3067;
  margin-left: -7px;
  padding-left: 7px;
  padding-right: 7px;
}

.event-calendar .calendar-body > .calendar-footer {
  /*height: 30px;*/
  background-color: #E9EEF2;
  border-top: 1px solid #FFFFFF;
  width: 100%;
  float: left;
  margin-top: 5px;
}

.event-calendar .calendar-body > .calendar-footer > a.arrowBlue {
  background-position: -3px -852px;
}

.event-calendar .calendar-body > .calendar-footer > a.arrowBlue.showCalendar {
  background-position: -3px -3178px;
  padding-left: 10px;
}

.event-calendar .calendar-body > .calendar-footer > a.arrowBlue.hideCalendar {
  background-position: -0px -1018px;
  padding-left: 10px;
}

.event-calendar .calendar-header .listOptions {
  background: none;
  border: none;
  font-size: 11px;
  margin-top: 0px;
}

/*corrects text jumping*/

.event-calendar .listOptions > ul > li {
  margin-right: 1px;
}

.event-calendar .listOptions > ul > li.active {
  margin-left: 4px;
  margin-right: 0px;
}

.event-calendar .listOptions > ul > li,
.event-calendar .listOptions > ul > li.active {
  line-height: 14px;
  margin-top: 3px;
}

.event-calendar .listOptions > ul > li > a {
  line-height: 14px;
}

/*corrects smalled width*/

.event-calendar .listOptions.years > ul {
  width: 60px;
}

.event-calendar .listOptions.years > ul > li,
.event-calendar .listOptions.years > ul > li.active {
  width: 60px;
}

.event-calendar .listOptions.years > ul > li > ul {
  width: 60px;
}

.event-calendar .listOptions.months > ul {
  width: 80px;
}

.event-calendar .listOptions.months > ul > li,
.event-calendar .listOptions.months > ul > li.active {
  width: 80px;
}

.event-calendar .listOptions.months > ul > li > ul {
  width: 80px;
}

#event-list .subtle.description {
  color: #A6A6A6;
  font-size: 12px;
  line-height: 18px;
}

#event-list .headline a,
#event-list .headline span {
  line-height: 18px;
  font-family: arial;
}

#event-list .headline {
  margin-top: 10px;
  margin-bottom: 0px;
}

.event-detail .carouselNavigation {
  padding-right: 12px;
  padding-bottom: 12px;
}

.event-detail .carouselNavigation.small.jsActive {
  /*height: auto;*/
}

/*=Event Picker*/

.event-calendar.month-calendar {
  width: 202px;
  z-index: 1000;
  position: absolute;
  top: 0px;
}

.event-calendar.month-calendar > .calendar-header > .listOptions.months {
  margin-left: 25px;
}

.event-calendar.month-calendar .calendar-body {
  margin-bottom: 0px;
}

.event-calendar.month-calendar .calendar-body .month {
  margin-right: 17px;
}

.event-calendar.month-calendar .calendar-header {
  width: 204px;
}

.eventpicker-arrow {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -27px -387px !important;
  margin-top: 2px;
}

/*=Feedback Form*/

.upload-section .uploaded-file {
  line-height: 22px;
  margin-bottom: 5px;
}

.upload-section .uploaded-file .filename {
  width: 200px;
}

.upload-section .uploaded-file .filesize {
  width: 150px;
}

.upload-section .uploaded-file .filesize span {
  width: 120px;
}

.upload-section .uploaded-file .filesize >  div > a {
  margin-left: 30px;
}

.upload-section {
  width: 660px;
}

/* change the ID & dimensions to match your slider */

#slider {
  width: 1200px;
  height: 400px;
}

/*=AnythingSlider*/

.anythingSlider-default {
  padding: 0;
}

.content .startpage.carouselNavigation .carouselNav,
.content .introduction.carouselNavigation .carouselNav {
  z-index: 999;
}

.content .startpage.carouselNavigation .anythingSlider-default.activeSlider .anythingWindow,
.content .introduction.carouselNavigation .anythingSlider-default.activeSlider .anythingWindow {
  border: none;
}

/*---=FORM ELEMENTS---
============ */

.form-validation-summary {
  color: #E0003C;
  border: 1px solid #E0003C;
  margin-top: 10px;
  padding: 5px;
  width: auto;
  font-size: 13px;
}

.contact-info {
  font-weight: normal !important;
}

/*Address FF issues*/

@-moz-document url-prefix()  {
  /*Required, input.blueButton renders differently than a.blueButton => ends up in total 20px height*/

  .middle .contentDefault .topicTeaser.withForm .form input[type="submit"],
  input[type="submit"].blueButton,
  input[type="button"].blueButton {
    min-height: 20px;
    max-height: 20px;
    padding-top: 1px;
    padding-botton: 2px;
  }

  /*--=Welcome page--*/

  .welcomePageMarginTop {
    margin-top: -25px;
  }

  /*--=Welcome page--*/

  .welcomePageMarginTopHeadline {
    margin-top: -31px;
  }

  /*-=FilterSet Navigation-*/

  .naviRestrictive.collapsableFilterset .checkbox {
    padding-top: 3px;
  }

  .header .account input[type="submit"].addToWishlist {
    background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -850px transparent;
    padding: 4px 10px 0 5px;
  }

  /*=datepicker*/

  .datepicker-arrow {
    margin-top: 1px;
  }

  /*=Pager */

  .pager-firstlast-link {
    margin-top: 2px;
  }

  .pager-items-label {
    margin-top: 1px;
  }

  /*--=Specific_product_info--*/

  .product_info.v2 a.arrowBlue {
    padding-top: 0px;
    background-position: -3px -853px;
    line-height: 21px;
  }

  /*--=Share link--*/

  .addthis_toolbox {
    margin-top: -39px;
  }

  /*--Resource List---*/

  .found {
    float: right;
    width: 275px;
    padding-bottom: 15px !important;
    word-wrap: break-word;
  }

  /*--Contact Data Form---*/

  .labelStyle {
    color: #404040;
    font-size: 12px;
  }
}

/*---= NEW V1 ---
============ */

/*--= General */

.font30 {
  color: #404040;
  font-family: futura-book !important;
  font-size: 30px !important;
}

.font-h2 {
  color: #404040;
  font-family: futura-book !important;
  font-size: 23px !important;
  line-height: 31px !important;
}

.h2-margins {
  margin-top: 20px;
  margin-bottom: 10px;
}

.font-h3 {
  color: #404040;
  font-family: futura-book !important;
  font-size: 20px !important;
  line-height: 26px !important;
}

.font-h3 p {
  margin-top: 0;
  display: inline;
}

.font-c1 {
  color: #404040 !important;
  font-family: arial;
  font-size: 14px !important;
  line-height: 25px !important;
}

.container {
  display: table;
}

.row {
  display: table-row;
}

.column {
  display: table-cell;
}

.valignTop {
  vertical-align: top;
}

.alignRight {
  text-align: right;
}

.alignLeft {
  text-align: left;
}

.marginBottom25 {
  margin-bottom: 25px;
}

.marginBottom30 {
  margin-bottom: 30px;
}

.marginTop15 {
  margin-top: 15px;
}

.marginTop23 {
  margin-top: 23px;
}

.marginTop30 {
  margin-top: 30px;
}

.marginTop45 {
  margin-top: 45px;
}

.marginTop65 {
  margin-top: 65px;
}

.paddingBottom10 {
  padding-bottom: 10px;
}

.paddingLeft30 {
  padding-left: 30px;
}

.paddingTop5 {
  padding-top: 5px !important;
}

.paddingTop20 {
  padding-top: 20px !important;
}

.paddingTop25 {
  padding-top: 25px !important;
}

.paddingTop27 {
  padding-top: 27px !important;
}

.paddingTop35 {
  padding-top: 35px !important;
}

.width355 {
  width: 355px;
}

.noWordWrap {
  white-space: nowrap;
}

.bold {
  font-weight: bold !important;
}

.blueBox {
  background-color: #1B3067;
}

.blueBox.submitButton {
  text-transform: none;
  border: none;
  font-family: futura-book;
  font-size: 18px;
  line-height: 32px;
}

.blueBox:hover {
  background-color: #1562AD;
  color: #ffffff !important;
}

div.blueBox,
a.blueBox {
  display: inline-block;
  color: #ffffff;
  font-family: futura-book;
  font-size: 18px;
  line-height: 16px;
  padding: 8px 10px;
  position: relative;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

button.blueBox {
  white-space: nowrap;
  padding: 0 10px;
}

div.blueBox:hover,
a.blueBox:hover {
  cursor: pointer;
}

a.blueBox.big {
  font-size: 23px;
  padding: 15px 20px;
}

.blueBox.blueBoxBorder {
  background-color: #fff;
  color: #1b3067;
  border: 1px #1b3067 solid;
}

.blueBox.blueBoxBorder:hover {
  background-color: #1562ad;
  color: #fff;
  border: 1px #1562ad solid;
}

a.printButton,
a.printBtn {
  margin-right: 0px;
}

a.forwardButton {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") #ffffff no-repeat scroll 4px -798px;
  color: #a6a6a6;
  display: block;
  float: left;
  font-size: 12px;
  height: 17px;
  margin-left: 11px;
  padding-left: 30px;
  text-decoration: none;
}

a.forwardButton:hover {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") #ffffff no-repeat scroll 4px -838px;
  color: #2864a0;
}

.prodDetailsTab  .copy a,
a.arrowBlueProductTab,
a.conditions {
  background: none;
  color: #1B3067;
  font-size: 14px;
  font-weight: bold;
  padding-left: 0px;
}

.copy {
  color: #404040;
  font-size: 14px;
  line-height: 20px;
}

.copy.limitHeight {
  height: 40px;
  overflow: hidden;
}

.cartItems .copy.limitHeight {
  height: auto;
  min-height: 20px;
  overflow: hidden;
}

.cartItems img,
.cartItems .image > a > img,
.catalogItems img {
  display: block;
  height: 100px;
  width: 100px;
}

.cartItems .upgrade {
  margin: 0;
  padding-top: 15px;
  width: 1010px;
  overflow: auto;
}

.cartItems .upgrade .text {
  margin-top: 0;
  width: 890px;
  height: 36px;
  vertical-align: middle;
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
}

.cartItems .upgrade .text > div {
  display: table-cell;
  vertical-align: middle;
}

.cartItems > tbody > tr:last-of-type > td {
  border-bottom: 0 !important;
}

.priceCell .regular-price {
  padding-right: 23px;
}

.cartItemStatus {
  display: inline-block;
  margin-bottom: 15px;
  cursor: help;
}

.prodDetailsTab .copy {
  margin-top: -10px;
}

.copy.limitHeightProdDetail {
  height: 200px;
  overflow: hidden;
}

.copy.dots {
  margin-top: 35px;
}

div.copy ul li {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll -238px 4px rgba(0, 0, 0, 0);
  color: #404040;
  font-size: 14px;
  line-height: 20px;
  list-style: none;
  margin-top: 4px;
  padding-left: 20px;
}

div.copy dt {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll -230px 3px rgba(0, 0, 0, 0);
  color: #404040;
  font-size: 14px;
  line-height: 20px;
  margin-top: 4px;
  padding-left: 30px;
}

input[type="text"].valid {
  border: 1px solid #007045;
}

input[type="text"].invalid {
  border: 1px solid #E0003C;
}

.valid {
  color: #007045;
}

.invalid {
  color: #E0003C !important;
  border-color: #E0003C !important;
}

.interactionFeedback {
  padding-left: 0px;
}

.confirmation {
  background-color: #e5f0ec;
  border: 1px solid #007045;
  color: #007045;
  height: 58px;
  margin-bottom: 30px;
  padding: 0 20px;
}

.information {
  background-color: #fff7e5;
  border: 1px solid #ffb400;
  color: #ffb400;
  height: 58px;
  margin-bottom: 30px;
  padding: 0 20px;
}

.confirmation .icon {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll -4px -2060px;
  height: 35px;
  margin-top: 15px;
  padding-right: 10px;
  width: 24px;
}

.information .icon {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll -4px -1997px;
  height: 35px;
  margin-top: 15px;
  padding-right: 10px;
  width: 24px;
}

/*--= Page layout */

.main {
  border-top: none;
  width: 1220px;
}

#header {
  width: 1200px;
}

.content {
  width: 1220px;
}

.mainContainer > .middle {
  width: 672px;
}

.mainContainer > .sidebarLeft {
  width: 204px;
  padding-top: 37px;
  margin-left: 30px;
}

.mainContainer > .middle {
  margin-left: 30px;
}

.mainContainer > .middle.onecolumn {
  padding-top: 0px;
  width: 1140px;
}

.mainContainer > .middle.twocolumn {
  width: 906px;
}

.mainContainer > .sidebarRight {
  margin-left: 30px;
  width: 201px;
  padding-top: 37px;
}

.header .account .contactusIcon {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -5085px rgba(0, 0, 0, 0);
  margin-right: 32px;
  padding-left: 24px;
}

.header .account .contactusIcon:hover {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -128px -5085px rgba(0, 0, 0, 0);
  margin-right: 32px;
  padding-left: 24px;
}

.breadcrumb {
  color: #1B3067;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0px;
  margin-left: 30px;
  margin-top: 5px;
  padding: 0px;
}

.breadcrumb a {
  font-size: 14px;
}

.breadcrumb .current {
  color: #404040;
  font-weight: normal;
}

.middle .contentDefault .introductionTop.borderBottom {
  padding-bottom: 14px;
  margin-bottom: 30px;
}

.middle .contentDefault .introductionTop .title h1 {
  font-size: 23px;
}

.middle .contentDefault .introductionTop {
  padding-top: 15px;
}

/*--= Navigation --*/

.invisibleNavi {
  display: none;
}

.naviRestrictive .head.filterset {
  margin-bottom: 7px;
}

.naviRestrictive .resetAll {
  background: none;
  cursor: pointer;
}

.naviRestrictive  .resetAll a {
  color: #1B3067;
  float: left;
  font-size: 14px;
  font-weight: bold;
  padding-top: 13px;
}

.naviRestrictive  .resetAll .icon {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") #ffffff no-repeat scroll 6px -433px;
  float: right;
  height: 30px;
  width: 20px;
}

.naviRestrictive  .resetAll:hover  .icon {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") #ffffff no-repeat scroll 6px -740px;
}

.naviRestrictive .collapsableFilterset {
  border: 1px solid #c3d1d9;
  margin-bottom: 0;
  padding-bottom: 28px;
}

.naviRestrictive .collapsableFilterset .filtersetHead.open {
  background: none;
  color: #404040;
  cursor: default;
  font-size: 14px;
  font-weight: bold;
  line-height: 21px;
  margin-left: 4px;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 7px;
  word-wrap: break-word;
}

.naviRestrictive.collapsableFilterset a,
.naviRestrictive.collapsableFilterset label {
  font-size: 14px;
}

.naviRestrictive.collapsableFilterset label,
.naviRestrictive.collapsableFilterset > ul >li:hover label,
.naviRestrictive.collapsableFilterset > ul > li.open.active:hover label {
  color: #404040;
}

.naviRestrictive.collapsableFilterset label {
  width: 160px;
}

.naviRestrictive.collapsableFilterset label  span.text {
  line-height: 18px;
}

.naviRestrictive>ul>li.level1.backTo:hover,
.naviRestrictive li .backTo:hover,
.naviRestrictive li .backTo:hover a {
  background-color: #fff;
}

.naviRestrictive > ul > li.last {
  border-bottom: 1px solid #c3d1d9;
}

.quickOrder {
  padding: 6px 10px 10px 10px;
}

.quickOrder * {
  box-sizing: border-box;
}

.quickOrder .quickOrderMessage * {
  display: inline;
  margin: 0;
  padding: 0;
}

.quickOrder .quickOrderMessage {
  font-size: 14px;
  margin: 10px 0;
}

.quickOrder.success .quickOrderMessage,
.quickOrder.success .quickOrderTitle {
  color: #007045;
}

.quickOrder.success .quickOrderGroupInput input {
  border-color: #007045;
}

.quickOrder.error .quickOrderMessage,
.quickOrder.error .quickOrderTitle {
  color: #e0003c;
}

.quickOrder.error .quickOrderGroupInput input {
  border-color: #e0003c;
}

.quickOrder .quickOrderQuestion {
  margin: 15px 0;
}

.quickOrder .quickOrderLabel {
  font-family: arial;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.quickOrder .quickOrderLabel .information {
  min-height: 58px;
  height: auto;
  margin: 15px 0;
}

.quickOrder .quickOrderLabel .information .message {
  width: 80%;
  padding: 0 0 15px 10px;
}

.quickOrder .quickOrderGroup {
  display: table;
  width: 100%;
  margin: 10px 0;
}

.quickOrder .quickOrderGroup .quickOrderGroupSubmit {
  display: table-cell;
  width: 136px;
  padding: 0 0 0 10px;
  vertical-align: top;
}

.quickOrder .quickOrderGroup .quickOrderGroupInput {
  display: table-cell;
  padding: 0;
  vertical-align: top;
}

.quickOrder .quickOrderGroup input {
  color: #a6a6a6;
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  margin: 0;
  padding-left: 10px;
}

.quickOrder .quickOrderGroupSubmit button {
  display: inline-block;
  float: right;
  width: 162px;
  margin: 0;
  border: none;
  text-transform: none;
  font-family: futura-book;
  font-size: 18px;
  line-height: 32px;
}

.quickOrder a {
  margin-top: 20px;
}

.leftSidebarQuickOrder .quickOrder .quickOrderGroup .quickOrderGroupSubmit,
.leftSidebarQuickOrder .quickOrder .quickOrderGroup .quickOrderGroupInput {
  width: 100%;
  display: block;
  overflow: hidden;
}

.leftSidebarQuickOrder .quickOrder .quickOrderGroup .quickOrderGroupSubmit button {
  width: auto;
  float: right;
}

.leftSidebarQuickOrder .quickOrder .quickOrderGroup .quickOrderGroupSubmit {
  padding-left: 0;
  padding-top: 10px;
}

.quickOrderShowOnCartPage {
  display: none;
}

.cartPageQuickOrder .quickOrderShowOnCartPage {
  display: block;
}

.cartPageQuickOrder .quickOrderHideOnCartPage {
  display: none;
}

.cartPageQuickOrder .quickOrderTitle {
  display: none;
}

.cartPageQuickOrder .quickOrder {
  background-color: #e9eef2;
}

#updatevalidationfailure {
  color: #ff0000;
}

/*--= right sidebar
*/

.sidebarRight .teaserLinklist .image img {
  border-bottom: 1px solid #C3D1D9;
  border-top: 1px solid #C3D1D9;
  margin-bottom: 20px;
}

.sidebarRight .teaserLinklist {
  margin-bottom: 20px;
}

.sidebarRight li.teaserLinklist {
  border-bottom: 1px solid #C3D1D9;
}

.sidebarRight li.teaserLinklist.last {
  border-bottom: none;
}

.sidebarRight .teaserLinklist .image .headline {
  border-bottom: none;
  font-family: futura-book;
  font-weight: normal;
  height: auto;
  line-height: 20px;
  margin-bottom: 15px;
  margin-top: 5px;
}

.sidebarRight .teaserLinklist .image .subline {
  border-bottom: none;
  color: #000000;
  font-family: arial;
  font-size: 14px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.sidebarRight .teaserLinklist .catNo {
  font-family: arial;
  font-size: 14px;
}

div.pane div.subline.big {
  margin-bottom: 12px;
}

.zoom span {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 311px -33px rgba(0, 0, 0, 0);
  display: block;
  height: 190px;
  position: absolute;
  width: 336px;
}

#ProductDetailsHeading .zoom a > div {
  height: 190px;
  width: 336px;
}

/*--=  pagination bar --*/

.paginationBar {
  background-color: #e9eef2;
  display: block;
  font-size: 14px;
  height: 52px;
  margin-top: 17px;
  padding-left: 15px;
  padding-top: 20px;
}

.paginationBar.orderHistory {
  height: 52px;
  margin-top: 15px;
  padding-left: 20px;
  padding-top: 20px;
}

.paginationBar.bottom {
  margin-top: -1px;
}

.paginationBar .results {
  float: left;
  margin-right: 29px;
  padding-top: 7px;
}

.paginationBar .sortlist {
  float: left;
}

.paginationBar .paging {
  float: right;
  padding-right: 20px;
}

.paginationBar .paging .arrow {
  border: 1px solid #c3d1d9;
  display: block;
  float: left;
  height: 30px;
  width: 30px;
}

.paginationBar .paging  .arrow.prev {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") #ffffff no-repeat scroll 7px -409px;
  margin-right: 5px;
}

.paginationBar .paging .arrow.next {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") #ffffff no-repeat scroll 8px -378px;
}

.paginationBar .paging ul {
  float: left;
  list-style: none outside none;
  padding: 0;
}

.paginationBar .paging ul li {
  display: inline-block;
  *display: inline;
  list-style-type: none;
}

.paginationBar .paging li a {
  background-color: white;
  border: 1px solid #c3d1d9;
  color: #1D3067;
  display: block;
  font-weight: bold;
  height: 24px;
  margin-right: 1px;
  padding-top: 6px;
  text-align: center;
  width: 30px;
}

.paginationBar .paging li.last a {
  margin-right: 5px;
}

.paginationBar .paging li a.active {
  background-color: #c3d1d9;
}

.paginationBar .paging li a:hover {
  background-color: #c3d1d9;
}

.sortLink {
  float: left;
  height: 17px;
  display: inline-block;
  text-decoration: none;
  color: #a6a6a6;
  font-size: 12px;
  line-height: 16px;
  margin-top: 7px;
  padding: 0 14px;
  border-left: 1px #dedede solid;
}

span.sortLink {
  padding-right: 5px;
  border: 0;
}

a.sortLink:first-of-type {
  border: 0;
}

.sortLinkSelected {
  font-weight: bold;
  color: #1B3067;
}

.productHead {
  font-family: futura-book;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 12px;
  margin-top: 5px;
}

table tr td:first-child a img.productImage {
  border-bottom: 1px solid #C3D1D9;
  border-top: 1px solid #C3D1D9;
  margin-bottom: 15px;
}

.mainContainer > .middle.onecolumn table,
.mainContainer > .middle.twocolumn table {
  width: 100%;
  margin-bottom: 0px;
}

.mainContainer > .middle.twocolumn table.noBorder tbody tr td {
  padding-top: 20px;
}

.middle.twocolumn table .title {
  padding-bottom: 10px;
}

.middle.twocolumn  table tr td:first-child img {
  padding-bottom: 15px;
  padding-left: 0;
}

.middle.twocolumn table .title a {
  color: #404040;
  font-family: futura-book;
  font-size: 20px;
  line-height: 20px;
}

/*--=
  ======================
	Shop entry
  =======================*/

.shopEntry .entryImage {
  padding-bottom: 0px !important;
}

.shopEntry ul.links {
  display: table;
}

.shopEntry ul.links li {
  display: table-cell;
  margin-bottom: 12px;
}

.shopEntry ul.links li:nth-child(2n+1) {
  width: 259px;
}

.shopEntry ul.links li:nth-child(2n) {
  width: 259px;
}

.shopEntry ul.links li a {
  background: none;
  font-size: 14px;
  padding: 0px;
}

.shopEntry .teaserList {
  display: table;
  margin-top: 80px;
}

.shopEntry .teaser {
  display: table-cell;
}

.shopEntry .teaserText {
  margin-top: 16px;
  padding-left: 30px;
}

.shopEntry .subLine {
  margin-bottom: 5px;
  margin-top: 2px;
}

.shopEntry .image {
  height: 100px;
  margin-bottom: 20px;
  margin-left: 72px;
  padding-bottom: 0px;
  width: 100px;
}

.shopEntry .font-h2 .content {
  width: 100% !important;
}

.middle.twocolumn .shopEntry table.noBorder tbody tr td.imgColumn {
  border-bottom: none;
  margin-bottom: 0px;
  padding: 5px 30px 0px 0px;
  width: 336px;
}

.middle.twocolumn .shopEntry table.noBorder tbody tr  td.textColumn {
  border-bottom: none;
  padding-top: 0px;
}

.shopEntry .boxes .title {
  margin-bottom: 7px;
}

.shopEntry .image.geneglobe {
  background: url("../images/geneGlobe.png") no-repeat;
}

.shopEntry .image.productfinder {
  background: url("../images/productFinder.png") no-repeat;
}

.shopEntry .image.monitor {
  background: url("../images/monitor.png") no-repeat;
}

/*--=
  ======================
	Cart flyout
 =======================*/

.cartFlyout {
  background-color: #fff;
  padding: 14px 30px 20px 30px;
  width: 438px;
}

.cartFlyout img,
.addedToCartFlyout img {
  border: none;
  height: 75px;
  width: 75px;
}

.cartFlyout.productAdded {
  padding: 14px 30px 10px 30px;
}

.cartFlyout .header {
  border-bottom: 1px solid #c3d1d9;
  display: block;
  padding-bottom: 10px;
}

.cartFlyout .header a {
  color: #5f6e94;
  float: left;
  font-family: futura-book;
  font-size: 15px;
  line-height: 34px;
  text-decoration: none;
}

.addedToCartFlyout .cartIcon,
.cartFlyout .cartIcon {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0px -5027px transparent;
  padding-left: 32px;
}

.addedToCartFlyout .cartIcon:hover,
.cartFlyout .cartIcon:hover {
  background: url("../images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -125px -5027px transparent;
  padding-left: 32px;
}

.addedToCartFlyout .red-counter,
.cartFlyout .red-counter {
  float: left;
  background-color: #e0003c;
  border-radius: 15px;
  color: #ffffff;
  font-size: 11px;
  margin-left: -33px;
  margin-top: 18px;
  padding: 1px 4px 0 4px;
  line-height: 13px;
}

.addedToCartFlyout .red-counter.empty,
.cartFlyout .red-counter.empty {
  display: none;
}

#fancybox-content .cartFlyout table {
  margin-bottom: 0px;
  width: 100%;
}

#fancybox-content .cartFlyout table.scroll {
  display: block;
  height: 420px;
  overflow-y: scroll;
}

#fancybox-content table.noBorder thead tr th {
  border: 0;
}

#fancybox-content .cartFlyout table.noBorder tbody tr {
  background-color: #fff;
  border: medium none;
  line-height: 18px;
}

#fancybox-content .cartFlyout table.noBorder tr td {
  padding-top: 0px;
}

#fancybox-content .cartFlyout table.noBorder tr td img {
  padding: 20px 20px 20px 0px;
}

.cartFlyout a.imgLink {
  line-height: 0;
}

.cartFlyout .seeAllCartProducts,
.cartFlyout .seeLessCartProducts {
  color: #1b3067;
  cursor: pointer;
  font-weight: bold;
}

.cartFlyout .blueBg {
  background-color: #e9eef2;
  color: #404040;
  height: 20px;
  padding: 15px;
}

.cartFlyout .blueBg.cartHeader {
  margin-top: -1px;
  padding: 15px 20px;
}

.cartFlyout .blueBg.total {
  font-weight: bold;
  height: 30px;
  margin-bottom: 10px;
  margin-top: -2px;
  padding: 15px 20px;
}

.cartFlyout .title {
  padding-top: 15px;
}

.cartFlyout .catNo {
  padding-top: 4px;
}

.cartFlyout .value {
  font-weight: bold;
  padding-top: 20px;
}

.cartFlyout .proceed {
  margin-top: 20px;
}

.cartFlyout .addToCartButton {
  color: #ffffff;
  font-family: futura-book;
  font-size: 18px;
  margin-bottom: 10px;
  padding: 8px 15px;
  position: relative;
  text-align: center;
  text-decoration: none;
}

.cartFlyout .addToCartButton:hover {
  background-color: #1562AD;
  color: #ffffff;
  cursor: pointer;
}

/*=======================
	Added to cart flyout
 ========================*/

.addedToCartFlyout,
.forwardCartMergeFlyout {
  background-color: #fff;
  padding: 14px 30px 20px 30px;
  width: 438px;
}

.addedToCartFlyout .header,
.forwardCartMergeFlyout .header {
  border-bottom: 1px solid #c3d1d9;
  display: block;
  padding-bottom: 10px;
}

.addedToCartFlyout .header a {
  color: #5f6e94;
  float: left;
  font-family: futura-book;
  font-size: 15px;
  line-height: 34px;
  text-decoration: none;
}

.addedToCartFlyout .productList.container {
  border-bottom: 1px solid #c3d1d9;
  width: 100%;
}

.addedToCartFlyout .productList.container .column {
  padding-bottom: 20px;
  padding-top: 20px;
  vertical-align: top;
}

.addedToCartFlyout .productList.container .column.col1 {
  padding-right: 20px;
  width: 60px;
}

.addedToCartFlyout .title {
  color: #404040;
  font-family: futura-book;
  font-size: 20px;
  line-height: 18px;
}

.addedToCartFlyout .productList.container .column.col2 {
  width: 260px;
}

.addedToCartFlyout .col2 .catNo {
  padding-top: 8px;
}

.addedToCartFlyout .productList.container .column.col3 {
  text-align: right;
}

.addedToCartFlyout .value {
  font-weight: bold;
  padding-top: 20px;
}

.addedToCartFlyout .proceed,
.forwardCartMergeFlyout .proceed {
  margin-top: 20px;
}

.forwardCartMergeFlyout .proceed {
  overflow: auto;
}

.forwardCartMergeFlyout .proceed button {
  margin: 0;
}

.addedToCartFlyout .proceed .continue {
  padding-top: 8px;
}

.addedToCartFlyout .addToCartButton {
  color: #ffffff;
  font-family: futura-book;
  font-size: 18px;
  margin-bottom: 10px;
  padding: 8px 15px;
  position: relative;
  text-align: center;
  text-decoration: none;
}

.addedToCartFlyout .addToCartButton:hover {
  background-color: #1562AD;
  color: #ffffff;
  cursor: pointer;
}

/*=====================
	Product group page
 =======================*/

/*--=  Product Tags --*/

.inquire {
  font-size: 20px;
}

.productTags {
  margin-top: 10px;
}

.productTags .title {
  color: #404040;
  font-family: futura-book;
  font-size: 23px;
  line-height: 31px;
  margin-bottom: 20px;
}

.productTags ul li {
  background-color: #E9EEF2;
  color: #1B3067;
  float: left;
  line-height: 32px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 0px 15px;
  text-align: center;
}

.productTags ul li a {
  font-size: 14px;
}

.productTags ul li.invisible {
  display: none;
}

.productTags .showAllProductTags,
.productTags .showLessProductTags {
  color: #1B3067;
  cursor: pointer;
  float: left;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
}

.productTags .showAllProductTags:hover,
.productTags .showLessProductTags:hover {
  color: #1562AD;
}

.productTags .showAllProductTags .icon {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 4px -226px rgba(0, 0, 0, 0);
  float: right;
  height: 30px;
  width: 30px;
}

.productTags .showAllProductTags:hover .icon {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 4px -257px rgba(0, 0, 0, 0);
}

.productTags .showLessProductTags .icon {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 4px -290px rgba(0, 0, 0, 0);
  float: right;
  height: 30px;
  width: 30px;
}

.productTags .showLessProductTags:hover .icon {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 4px -323px rgba(0, 0, 0, 0);
}

/*-------------------------------------
  tabs for ordering product details...
*/

.panes {
  padding-top: 0px;
}

ul.tabs {
  background: none;
  border: none;
  color: #1B3067;
  display: table;
  float: left;
  height: 60px;
  margin-top: 30px;
  table-layout: fixed;
  width: 100%;
}

ul.tabs.shopentry {
  margin-top: 1px;
  height: 63px;
}

ul.tabs li {
  background-color: #e9eef2;
  border-right: 2px solid #ffffff;
  cursor: pointer;
  display: table-cell;
  float: none;
  text-align: center;
  vertical-align: middle;
  width: auto;
  color: #404040;
  font-size: 14px;
}

ul.tabs.shopentry li {
  border-right: 3px solid #ffffff;
}

ul.tabs li.current {
  background: none;
  background-color: #fff;
  border-left: none;
  border-top: 2px solid #C3D1D9;
  text-align: center;
  white-space: normal;
}

ul.tabs li.last {
  border-right: none;
}

ul.tabs li a {
  background: none;
  background-color: transparent;
  border: none;
  color: #1B3067;
  font-size: 14px;
  height: auto;
}

ul.tabs li a.current {
  background: none;
  background-color: transparent;
  border: none;
  color: #1B3067;
}

ul.tabs li:hover,
ul.tabs li.current:hover,
ul.tabs li a:hover,
ul.tabs li a.current:hover {
  background-color: #c3d1d9;
  color: #1562AD;
}

/*--=  Pane table --*/

.orderTab table.noBorder tbody tr td {
  padding-top: 0px;
  padding-bottom: 10px;
}

.orderTab table .headline {
  border-bottom: none;
  color: #404040;
  font-family: futura-book;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 7px;
}

.orderTab table .catNo {
  font-family: futura-book;
  font-size: 14px;
  line-height: 20px;
  margin-top: 15px;
}

.orderTab table .price {
  font-family: futura-book;
  font-size: 18px;
  font-weight: bold;
}

.icon-i:before {
  content: 'i';
  display: block;
  width: 16px;
  font-family: arial;
  font-size: 15px;
  font-weight: 700;
  color: #1b3067;
  text-align: center;
}

.icon-i {
  width: 16px;
  height: 16px;
  border-radius: 10px;
  border: 2px solid #1b3067;
}

.customer-price {
  color: #e0003c;
}

.price-value {
  display: inline-block;
  text-align: right;
  margin-bottom: 15px;
}

.price-icon {
  display: inline-block;
  vertical-align: top;
}

.orderTab .copy {
  padding-bottom: 2px;
  padding-right: 160px;
}

.orderTab .copy.solo {
  border-bottom: none;
  border-top: none;
  margin-top: 7px;
  padding-left: 0px;
  width: 100%;
}

.prodDetailsTab table.head thead td {
  height: 20px;
  padding: 15px 10px;
}

.prodDetailsTab table.head thead tr td {
  height: 20px;
  margin-bottom: 0px;
  padding: 15px 10px;
}

.specificationTab table.head thead tr td {
  height: 20px;
  margin-bottom: 0px;
}

.specificationTab table tbody tr td,
.prodDetailsTab table tbody tr td {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0px;
  padding: 15px 10px;
}

.specificationTab table.head thead tr td div,
.prodDetailsTab table.head thead tr td div {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0px;
  padding: 15px 10px;
}

.prodDetailsTab .copy p {
  margin-top: 20px;
}

.prodDetailsTab h6 {
  font-family: futura-book;
  font-size: 18px;
  line-height: 26px;
}

tr.Table_Subheader td,
tr.Table_Subheader th {
  background-color: #C3D1D9;
  border-bottom: none !important;
  border-right: 1px solid #FFFFFF;
  border-top: none;
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px !important;
  margin-bottom: 2px;
  padding: 15px 10px;
  text-align: left;
}

.specificationTab table tbody tr.Table_Subheader td {
  background-color: #C3D1D9;
  border-bottom: 2px solid #FFFFFF !important;
  border-right: 1px solid #FFFFFF;
  border-top: none;
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px !important;
  margin-bottom: 2px;
  padding: 15px 10px;
  text-align: left;
}

table table.noBorder,
table.noBorder {
  border-bottom: none !important;
}

table table.noBorder thead tr th {
  border-bottom: none;
}

caption.Table_Header {
  background-color: #ffffff;
  caption-side: top;
  font-family: futura-book;
  font-size: 18px;
  font-weight: normal;
  line-height: 26px;
  margin-bottom: 10px;
  margin-top: 30px;
  text-align: left;
}

/* carousel on product detail tab */

.content .jcarousel-skin-tango .jcarousel-clip-horizontal {
  border-bottom: 1px solid #C3D1D9;
  border-top: 1px solid #C3D1D9;
}

.jcarousel-skin-tango.small .jcarousel-container-horizontal {
  width: 340px;
}

.jcarousel-skin-tango.small .jcarousel-clip-horizontal,
.jcarousel-skin-tango.small .jcarousel-item {
  height: 190px;
  width: 336px;
}

.content .carouselNavigation.small {
  position: relative;
  width: 340px;
}

.content .carouselNavigation.small.jsActive {
  height: 250px;
  overflow: hidden;
}

.carouselNavigation.jsActive .carouselNav {
  display: table !important;
}

.carouselNav {
  background-color: #fff;
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding-top: 10px;
  right: 10px;
}

.small .carouselNav {
  background-color: #FFFFFF;
  bottom: 0;
  left: 0;
  position: relative;
  width: 340px;
}

/* new carousel nav */

.carouselNav .smallNav {
  float: left;
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

.carouselNav .prev {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 10px -405px rgba(0, 0, 0, 0);
  border: 1px solid #c3d1d9;
  height: 38px;
  margin-right: 10px;
  width: 38px;
}

.carouselNav .next {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 12px -374px rgba(0, 0, 0, 0);
  border: 1px solid #c3d1d9;
  height: 38px;
  width: 38px;
}

.carouselNav .smallNavItem {
  float: left;
  height: 38px;
  max-height: 38px;
  max-width: 38px;
  margin-right: 11px;
  width: 38px;
}

.carouselNav .smallNavItem.hidden {
  display: none;
}

.carouselNav .smallNavItem.active a {
  background-color: none;
  border: 1px solid #1B3067;
}

.carouselNav .smallNavItem  a:hover {
  border: 1px solid #1B3067;
}

.carouselNav .smallNavItem a {
  border: 1px solid #BFBFBF;
  display: block;
  height: 38px;
  max-height: 38px;
  max-width: 38px;
  overflow: hidden;
  width: 38px;
}

.carouselNav .smallNavItem.active a {
  background-color: none;
}

.carouselNav .smallNavItem a .sliderImage {
  height: 38px;
  max-height: 38px;
  max-width: 38px;
  width: 38px;
  overflow: hidden;
}

.smallNavWrapper {
  float: left;
  height: 40px;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.smallNavWrapper .description-header,
.smallNavWrapper .description-text {
  display: none;
}

/* new carousel nav end */

div.pane div.subline {
  color: #404040;
  font-family: futura-book;
  font-size: 20px;
  margin-bottom: 0px;
  line-height: 26px;
}

/* resource tab */

.resourceTab .collapsible .headbar .head {
  background: none;
}

.resourceTab table tr th:first-child,
.resourceTab table tr td:first-child {
  padding-left: 0px;
}

.resourceTab .collapsible table {
  margin-bottom: 0;
  width: 672px;
}

.resourceTab .collapsible .headbar {
  padding: 0;
}

.resourceTab .collapsible .headbar:hover {
  background-color: #C3D1D9;
  color: #1562AD;
}

.resourceTab .collapsible .headbar .head {
  padding-top: 12px;
  padding-bottom: 12px;
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll rgba(0, 0, 0, 0);
  font-weight: bold;
  padding-left: 20px;
  background-position: right -218px top -219px;
}

.resourceTab .collapsible .headbar .head:hover {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll rgba(0, 0, 0, 0);
  background-position: right -218px top -250px;
  color: #2864A0;
}

.resourceTab .collapsible .headbar .head.open {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll rgba(0, 0, 0, 0);
  background-position: right -218px top -284px;
}

.resourceTab .collapsible .headbar .head.open:hover {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll rgba(0, 0, 0, 0);
  background-position: right -218px top -317px;
  color: #2864A0;
}

.resourceTab .collapsible .headbar .icon {
  float: right;
  width: 30px;
}

.resourceTab .collapsible table {
  border-left: none;
}

.resourceTab .showAll,
.resourceTab .showLess {
  background: none;
  border-bottom: none;
  color: #1B3067;
  cursor: pointer;
  float: right;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-right: 20px;
  margin-top: 15px;
  width: auto;
}

.resourceTab .showAll:hover,
.resourceTab .showLess:hover {
  color: #2864A0;
}

.resourceTab table tr:hover {
  background-color: #E9EEF2;
  cursor: pointer;
}

.resourceTab table .fleft {
  width: 500px;
}

.resourceTab table td:hover {
  color: #1562AD;
}

.resourceTab table .topline {
  font-family: arial;
  font-size: 15px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 15px;
}

.resourceTab table .topline a:hover {
  color: #1562AD;
  cursor: pointer;
}

.resourceTab .description {
  margin-bottom: 15px;
}

.resourceTab .view {
  color: #1B3067;
  float: right;
  font-weight: bold;
  padding-right: 20px;
}

.resourceTab .view:hover,
.resourceTab .view.hover {
  color: #1562AD;
}

/*=====================
	Cart page
 =======================*/

.cartstatus {
  font-weight: normal;
}

.cartstatus .message {
  margin-left: 40px;
}

.cartstatus .message * {
  display: inline;
  margin: 0;
  padding: 0;
}

.cartstatus .message.ok {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll -230px -1105px;
  margin-bottom: 20px;
  padding-left: 35px;
  padding-top: 5px;
}

.cartstatus .message.error {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll -230px -1263px;
  margin-bottom: 20px;
  padding-left: 35px;
  padding-top: 5px;
}

.cartstatus .message.inform {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll -224px -1800px;
  margin-bottom: 20px;
  padding-left: 35px;
  padding-top: 5px;
}

#cartTable {
  margin-top: -7px;
}

#cartTable table.noBorder thead tr th,
#checkout  table.noBorder thead tr th {
  background-color: #e9eef2;
  color: #404040;
  font-size: 14px;
  height: 40px;
}

#cartTable table.noBorder tbody tr td {
  padding-top: 10px;
}

#cartTable table tr.last td {
  border-bottom: none !important;
}

#cartTable  table tr td:first-child img {
  margin-bottom: 20px;
  margin-right: 20px;
  padding-bottom: 0px;
  padding-left: 0px;
}

#checkout  table tr td:first-child img {
  margin-bottom: 18px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-top: 9px;
}

#cartTable .catNo {
  font-size: 14px;
  margin-top: 7px;
  padding-bottom: 1px;
}

table.cartItems .col1 {
  width: 785px;
  padding-left: 20px;
  text-align: left;
}

table.cartItems .col2 {
  width: 140px;
  /*padding-left: 10px;*/
  text-align: left;
}

table.cartItems .col3 {
  width: 125px;
  text-align: right;
}

table.cartItems .col4 {
  width: 155px;
  text-align: right;
}

table.cartItems .col5 {
  width: 90px;
}

#checkout .catNo {
  margin-top: 5px;
}

#cartTable table .quantity {
  line-height: 28px;
  text-align: right;
  width: 47px;
}

#cartTable a.blueBox {
  margin-bottom: 20px;
  width: 70px;
}

#cartTable .quantityCell {
  width: 140px;
}

.upgrade {
  margin-left: 60px;
}

.upgrade .text {
  font-size: 14px;
  margin-top: 5px;
}

.updateIcon {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll -230px -227px;
  cursor: pointer;
  height: 27px;
  width: 25px;
}

.trashCanIcon {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 3px -929px;
  height: 25px;
  padding-right: 30px;
  width: 25px;
}

table.noBorder td.noBottomBorder {
  border-bottom: none !important;
}

.orderNumber {
  display: inline-block;
  margin-left: 15px;
  line-height: 1.5;
}

.cartpage input,
.checkout input,
.orderDetails input,
.forwardCartForm input,
.addressFlyout input {
  color: #a6a6a6;
  line-height: 28px;
  height: 28px;
  text-align: left;
}

.fileSelect,
.productNo {
  margin-bottom: 20px;
  margin-top: 7px;
  padding-left: 7px;
  width: 398px;
}

a.promo.printLink.active {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll -2px -2124px;
  color: #b1B3067;
  font-weight: bold;
  padding-left: 25px;
}

a.promo.printLink.active:hover {
  background-position: -2px -1037px;
}

a.promo.forwardLink.active {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll -3px -885px;
  color: #b1B3067;
  font-weight: bold;
  padding-left: 22px;
}

a.promo.forwardLink.active:hover {
  background-position: -3px -837px;
}

#CartPage .displayTableCell.left {
  border-right: 30px solid white;
}

#CartPage .displayTableCell {
  position: relative;
}

.displayTable.addAndMassUpl {
  background-color: #e9eef2;
  margin-top: 45px;
}

.addAndMassUpl .box.right {
  padding-bottom: 30px;
}

.whiteBg {
  background-color: white;
}

a.bigLink {
  margin-top: 17px;
}

a.link {
  margin-top: 10px;
}

/* Cart validation */

.qiaMessageBundle.collapsible .headbar {
  padding-left: 0px;
  padding-right: 0px;
  width: 100%;
  margin-top: 20px;
}

.qiaMessageBundle.collapsible .headbar:hover {
  cursor: pointer;
}

.qiaMessageBundle.error.collapsible .headbar {
  background-color: #fce5eb;
  border: 1px solid #e0003c !important;
}

.qiaMessageBundle.confirm.collapsible .headbar {
  background-color: #e5f0ec;
  border: 1px solid #007045 !important;
}

.qiaMessageBundle.inform.collapsible .headbar {
  background-color: #fff7e5;
  border: 1px solid #ffb400 !important;
}

.qiaMessageBundle.collapsible .head,
.qiaMessageBundle.collapsible .head.open {
  border: none !important;
  padding-left: 53px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 90%;
}

.qiaMessageBundle.error.collapsible {
  color: #e0003c;
}

.qiaMessageBundle.confirm.collapsible {
  color: #007045;
}

.qiaMessageBundle.inform.collapsible {
  color: #ffb400;
}

.qiaMessageBundle.error.collapsible .head,
.qiaMessageBundle.error.collapsible .head.open {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 16px -1926px;
  color: #e0003c;
}

.qiaMessageBundle.error.collapsible .headbar:hover,
.qiaMessageBundle.error.collapsible .head:hover,
.qiaMessageBundle.error.collapsible .head.open:hover {
  background-color: #f6c6d3;
}

.qiaMessageBundle.confirm.collapsible .head,
.qiaMessageBundle.confirm.collapsible .head.open {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 16px -2052px;
  color: #007045;
}

.qiaMessageBundle.confirm.collapsible .headbar:hover,
.qiaMessageBundle.confirm.collapsible .head:hover,
.qiaMessageBundle.confirm.collapsible .head.open:hover {
  background-color: #bedad0;
}

.qiaMessageBundle.inform.collapsible .head,
.qiaMessageBundle.inform.collapsible .head.open {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 16px -1991px;
  color: #ffb400;
}

.qiaMessageBundle.inform.collapsible .headbar:hover,
.qiaMessageBundle.inform.collapsible .head:hover,
.qiaMessageBundle.inform.collapsible .head.open:hover {
  background-color: #ffefcb;
}

.qiaMessageBundle .details {
  margin-left: 30px;
  margin-top: 15px;
}

.qiaMessageBundle .details ul li * {
  display: inline !important;
}

.qiaMessageBundle .details ul li:before {
  content: "-";
  left: -5px;
  position: relative;
}

.qiaMessageBundle .headbar .image {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 0px -2167px;
  height: 30px;
  width: 35px;
}

.qiaMessageBundle .headbar.open .image {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 0px -2254px;
  height: 30px;
  width: 35px;
}

/* arrow buttons */

div.arrow,
div.bigArrow {
  display: table;
  padding-left: 30px;
}

div.arrow .right,
div.bigArrow .right {
  display: none !important;
}

div.arrow a,
div.bigArrow a {
  position: relative;
  display: block;
  margin-left: 0 !important;
  overflow: hidden;
}

div.arrow a::after,
div.bigArrow a::after {
  position: absolute;
  top: 50%;
  right: 0;
  content: '';
  display: block;
  width: 0;
  height: 0;
}

div.arrow a::after {
  margin-top: -19px;
  border-top: 19px solid #fff;
  border-bottom: 19px solid #fff;
  border-left: 19px solid transparent;
}

div.bigArrow a::after {
  margin-top: -26px;
  border-top: 26px solid #fff;
  border-bottom: 26px solid #fff;
  border-left: 26px solid transparent;
}

div.arrow a:hover,
div.bigArrow a:hover {
  background-color: #2864a0;
}

div.bigArrow a {
  font-family: futura-book;
  font-size: 23px;
  padding-right: 42px !important;
}

div.arrow a {
  font-family: futura-book;
  font-size: 18px;
  padding-right: 30px !important;
}

div.arrow .left,
div.bigArrow .left {
  background-color: #1b3067;
  color: #ffffff;
  display: table-cell;
  text-align: center;
}

div.arrow .left {
  padding: 8px 10px 8px 15px;
}

div.bigArrow .left {
  padding: 15px 20px;
}

/* arrow buttons - end */

.displayTable {
  display: table;
}

.displayTableRow {
  display: table-row;
}

.displayTableCell {
  display: table-cell;
  align: top;
}

.displayTable .tableNote {
  padding: 30px 30px 0 30px;
}

.box {
  background-color: #e9eef2;
  margin-top: 12px;
  padding: 25px 27px 45px 27px;
  width: 500px;
}

.box.box1.left {
  width: 500px;
  border-right: 30px solid #fff;
}

.box.box1.left.borderBottom {
  border-bottom: 2px solid #fff;
}

.box.right {
  padding-bottom: 63px;
  padding-left: 29px;
}

.boxes {
  display: table;
  position: relative;
  width: 100%;
}

.boxes .double {
  background-color: #e9eef2;
  display: table-cell;
  margin-top: 12px;
  padding: 17px 30px 0px 30px;
  width: 495px;
}

.boxes .double.left {
  border-right: 30px solid #fff;
  margin-right: 30px;
}

.boxes .triple {
  background-color: #e9eef2;
  border-right: 2px solid #fff;
  display: table-cell;
  margin-top: 12px;
  padding: 26px 28px 33px 28px;
  width: 323px;
}

.distributors {
  float: right;
  line-height: 32px;
  font-size: 13px;
}

.boxes .triple.last {
  padding-right: 0px;
  border-right: none;
  width: 353px;
}

.boxes .triple .header {
  padding-bottom: 5px;
}

.boxes .triple .teaserTripleContent {
  padding-bottom: 15px;
}

.boxes .triple .teaserTripleContent .teaserLink,
.quadrupel .teaserLink {
  position: absolute;
  bottom: 25px;
  text-align: left;
}

.boxes .quadrupel {
  background-color: #e9eef2;
  border-right: 2px solid #fff;
  display: table-cell;
  padding: 22px 28px 37px 30px;
  width: 284px;
  text-align: left;
  position: relative;
}

.boxes .quadrupel.last {
  padding-right: 0px;
  border-right: none;
}

.boxes .quadrupel .copy {
  margin-bottom: 11px;
}

.checkout .image {
  height: 100px;
  margin-bottom: 20px;
  margin-left: 62px;
  width: 100px;
}

.boxes .quadrupel .image.phone {
  background: url("../images/phone.png") no-repeat;
}

.boxes .quadrupel .image.printer {
  background: url("../images/printer.png") no-repeat;
}

.boxes .quadrupel .image.email {
  background: url("../images/email.png") no-repeat;
}

.boxes .quadrupel .image.homepage {
  background: url("../images/homepage.png") no-repeat;
}

.boxes a {
  font-weight: bold;
}

.boxes a.normal {
  font-weight: normal;
}

a.addProduct {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 0px -224px;
  color: #1B3067;
  cursor: pointer;
  font-weight: bold;
  padding-top: 10px;
  padding-left: 23px;
}

a.addProduct:hover {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 0px -255px;
  color: #1562AD;
}

a.add.blueBox,
a.upload.blueBox {
  margin-bottom: 30px;
  padding: 8px 20px;
}

.wrapperFileInput {
  margin-bottom: 19px;
  margin-top: 7px;
  min-height: 33px;
  position: relative;
}

.wrapperFileInput label {
  background-color: #c3d1d9;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 26px;
  margin: 3px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  z-index: 100;
}

.wrapperFileInput input {
  background-color: #ffffff;
  padding: 3px;
  width: 409px;
  overflow: hidden;
  margin-right: -10px;
}

.input-group input {
  height: 24px;
}

a.download {
  font-weight: bold;
  padding-top: 10px;
}

.middle .contentDefault .introductionTop .title.checkout {
  margin-top: 3px;
  max-width: 90px;
}

.boxes .double .line {
  background-color: #c3d1d9;
  height: 2px;
  margin-bottom: 24px;
}

.address.addIcon {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 4px -1800px;
  height: 25px;
  margin-right: 45px;
  width: 25px;
}

.address.addIcon:hover {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 4px -1841px;
}

.address.editIcon {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll -65px -1798px;
  height: 25px;
  margin-right: 45px;
  width: 25px;
}

.address.editIcon:hover {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll -65px -1839px;
}

.address.deleteIcon {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll -133px -1799px;
  height: 25px;
  width: 25px;
}

.address.deleteIcon:hover {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll -133px -1840px;
}

.addressVerifiedHint {
  width: 370px;
  padding: 7px 0 10px 0;
  font-size: 11px;
  line-height: 14px;
  color: #808080;
}

/*======================
   Order details page
 =======================*/

.copy.label {
  padding-bottom: 5px;
}

.orderDetails.shippingCollect {
  background-color: #e9eef2;
  margin-top: 2px;
  padding: 20px 30px;
}

.orderDetails.otherCarrier {
  background-color: #e9eef2;
  margin-top: 2px;
  padding: 20px 30px;
}

.orderDetails input {
  padding-left: 10px;
  width: 421px;
}

.orderDetails input.road {
  width: 321px;
}

.orderDetails button.discount {
  float: right;
  width: 126px;
  margin: 0 0 0 10px;
}

.orderDetails input.houseNo,
.orderDetails input.zipCode {
  width: 73px;
}

.orderDetails select {
  width: 458px;
}

.orderDetails.displayTable {
  padding-bottom: 40px;
  width: 100%;
}

.orderDetails .displayTableCell {
  padding-top: 23px;
  width: 50%;
}

.orderDetails .displayTableCell.left {
  padding-left: 30px;
  padding-right: 97px;
}

.orderDetails .displayTableCell.right {
  padding-left: 44px;
  padding-right: 83px;
}

.orderDetails .country {
  border: 1px solid #bfbfbf;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  vertical-align: middle;
  width: 426px;
}

.orderDetails #concerns {
  width: 424px;
  height: 120px;
}

.concern .entry {
  float: left;
  padding-top: 10px;
  width: 210px;
}

.concern .entry .label {
  color: #404040;
  font-size: 14px;
  padding-left: 26px;
}

.concern .furtherComment {
  height: 75px;
  width: 398px;
}

.paymentRow > div {
  float: left;
}

.messageWithBox {
  background-color: #fff7e5;
  border: 1px solid #ffb400 !important;
  display: table;
  margin: 30px 0px;
  position: relative;
  width: 100%;
}

.messageWithBox .icon {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 16px -1991px;
  float: left;
  height: 50px;
  margin-right: 10px;
  margin-top: 17px;
  width: 50px;
}

.messageWithBox .text {
  background-color: #fff7e5;
  color: #5F4E26;
  line-height: 30px;
  padding: 22px 60px;
}

.messageWithBox .button {
  bottom: 30px;
  position: absolute;
  right: 20px;
}

/*======================
   Address flyout
 =======================*/

.addressFlyout {
  background-color: #e9eef2;
  width: 996px;
}

.addressFlyout .closeIcon {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll -133px -1799px;
  cursor: pointer;
  height: 25px;
  margin-top: 6px;
  width: 25px;
}

.addressFlyout .title {
  background-color: #fff;
  padding: 15px 25px 21px 30px;
}

.addressFlyout .content {
  padding: 30px;
  width: 936px;
}

.addressFlyout .headline {
  padding-bottom: 15px;
  padding-top: 5px;
}

.errorMessage,
.addressFlyout .error {
  background-color: #fce5eb;
  border: 1px solid #E0003C;
  color: #E0003C;
  height: 58px;
  margin-bottom: 30px;
  padding: 0px 20px;
}

.errorMessage .icon,
.error .icon {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll -4px -1935px;
  height: 35px;
  margin-top: 15px;
  padding-right: 10px;
  width: 24px;
}

.errorMessage {
  overflow: auto;
}

.addressFlyout input {
  padding-left: 10px;
  width: 318px;
}

.addressFlyout input.houseNo,
.addressFlyout input.zipCode {
  width: 73px;
}

.addressFlyout select {
  width: 458px;
}

.addressFlyout.displayTable {
  padding-bottom: 40px;
  width: 100%;
}

.addressFlyout .displayTableCell.leftCell {
  padding-right: 20px;
}

.addressFlyout .displayTableCell.rightCell input.institute {
  padding-left: 10px;
  padding-right: 0px;
  width: 428px;
}

.addressFlyout input.small {
  padding-left: 10px;
  width: 197px;
}

.addressFlyout .proceed {
  bottom: 30px;
  height: 32px;
  position: absolute;
  right: 30px;
}

/*======================
   Checkout review  page
 =======================*/

.naviLine {
  border-bottom: 2px solid #c3d1d9;
  height: 5px;
  margin-left: 60px;
  margin-top: 20px;
  width: 890px;
}

.naviSteps .naviStep {
  cursor: pointer;
  float: left;
}

.naviSteps .naviStep.inactive,
.naviSteps .naviStep.inactive a {
  cursor: default;
}

.naviSteps.three .naviStep {
  margin-right: 290px;
  width: 150px;
}

.naviSteps.three .naviStep.last {
  margin-right: 0px;
}

.naviSteps .naviStep .text {
  color: #1B3067;
  font-family: futura-book;
  font-size: 21px;
  line-height: 28px;
  margin-top: 10px;
  text-align: center;
  width: 150px;
}

.naviSteps .naviStep .blueCircle {
  background-color: #1B3067;
  border-radius: 50%;
  height: 40px;
  margin-left: 55px;
  text-align: center;
  width: 40px;
}

.naviSteps .naviStep .blueCircle .inner {
  color: #fff;
  font-size: 28px;
  font-family: futura-book;
  position: relative;
  text-align: center;
  top: 0 !important;
  left: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.naviSteps .naviStep.inactive .blueCircle .inner {
  top: -2px !important;
  left: -2px !important;
}

.naviSteps .naviStep.inactive .blueCircle,
.naviSteps .naviStep.inactive:hover .blueCircle {
  background-color: #fff;
  border: 2px solid #C3D1D9;
  height: 36px;
  width: 36px;
}

.naviSteps .naviStep.inactive .text,
.naviSteps .naviStep.inactive:hover .text,
.naviSteps .naviStep.inactive .blueCircle .inner,
.naviSteps .naviStep.inactive:hover .blueCircle .inner {
  color: #a6a6a6;
}

.naviSteps .naviStep:hover .blueCircle {
  background-color: #1562AD;
}

.naviSteps .naviStep:hover .text {
  color: #1562AD;
}

.bullet.green {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 0px -1394px;
  color: #007045;
  padding-left: 25px;
}

.bullet.yellow {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 0px -1457px;
  color: #eda700;
  padding-left: 25px;
}

.bullet.red {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 0px -1528px;
  color: #e0003c;
  padding-left: 25px;
}

.bullet1 {
  border-radius: 50%;
  height: 15px;
  margin-right: 10px;
  width: 15px;
}

.bullet.green1 {
  background-color: #007045;
}

.totalLine {
  color: #404040;
  font-weight: bold;
}

.totalLine .totalLineAmount {
  overflow: hidden;
  background-color: #e9eef2;
  padding: 11px 30px;
}

.totalLine .totalNote {
  margin-top: 10px;
  margin-left: 30px;
}

a.confirm.checkbox {
  background: #ffffff url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 2px -479px;
  height: 30px;
  padding-left: 25px;
  width: 20px;
}

.red {
  color: #E0003C;
}

.green {
  color: #007045;
}

.yellow {
  color: #FFB400;
}

.totalLine {
  margin-left: 50%;
  margin-top: 15px;
  vertical-align: middle;
}

.totalLine.confirm {
  margin-left: 466px;
  margin-top: 19px;
}

/*======================
   Proceed to checkout
 =======================*/

.proceedCheckout {
  padding: 25px;
}

.checkout.proceed .displayTableCell {
  background-color: #e9eef2;
  padding-bottom: 25px;
  padding-left: 0px;
  width: 555px;
}

.checkout.proceed  .headline {
  margin-bottom: 8px;
}

.checkout.proceed .displayTableCell.leftCell {
  border-right: 30px solid #fff;
}

.checkout.proceed .displayTableCell.rightCell {
  vertical-align: top;
}

.checkout.proceed input {
  padding-left: 10px;
  width: 288px;
}

.checkout .image.addUser {
  background: url("../images/new-user.png") no-repeat;
  margin: 25px 0px 0px 25px;
}

.checkout .image.registeredUser {
  background: url("../images/registered-user.png") no-repeat;
  margin: 25px 0px 0px 25px;
}

.checkout .image.information {
  background: url("../images/information.png") no-repeat;
  border: none;
  margin: 25px 0px 0px 25px;
}

.checkout.proceed .registration {
  padding-left: 25px;
  padding-top: 36px;
  width: 345px;
}

.checkout.proceed .newUser {
  padding: 38px 0px 30px 25px;
}

.checkout.proceed .loginUser {
  padding: 38px 0px 30px 25px;
  width: 320px;
}

.checkout input {
  width: 275px;
}

.blueBg {
  background-color: #e9eef2;
}

.blueBg .note {
  padding: 30px 30px 10px 30px;
}

/*======================
   Order history
 =======================*/

#orderHistory table.noBorder thead tr th {
  background-color: #c3d1d9;
  color: #404040;
  font-size: 14px;
  height: 38px;
}

#orderHistory table.noBorder  tr td {
  height: 69px;
  padding-top: 0px;
}

/*======================
   Error 500 page
 =======================*/

.error500 {
  border-bottom: 1px solid #c3d1d9;
  margin-bottom: 10px;
  padding-bottom: 50px;
  width: 100%;
}

.error500 .hint {
  color: #a6a6a6;
  font-size: 35px;
  margin-bottom: 30px;
  margin-top: 50px;
}

.error500 .text {
  font-size: 20px;
}

#orderHistory table.noBorder tr td.last {
  padding-right: 20px;
}

/* == Datepicker == */

input.datepicker {
  background: url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll -142px -1888px #fff;
  color: #a6a6a6;
  height: 28px;
  line-height: 28px;
  margin-right: 5px;
  padding-left: 10px;
  text-align: left;
  width: 100px !important;
}

/* Corner radius */

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 0px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 0px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 0px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 0px;
}

.ui-datepicker th {
  font-weight: normal;
}

.ui-datepicker-calendar {
  display: table;
}

.ui-widget-content {
  background-color: #fff;
  color: #1d3067;
}

.ui-widget-content a {
  color: #1d3067;
}

.ui-widget-header {
  background-color: #e9eef2;
  border: none;
  color: #1d3067;
  font-weight: normal;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: none;
  background-color: #fff;
  font-weight: normal;
  color: #1d3067;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: none;
  background-color: #c3d1d9;
  font-weight: normal;
  color: #1d3067;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #c3d1d9;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: none;
  background-color: #1d3067;
  color: #fff;
}

.ui-datepicker td span,
.ui-datepicker td a {
  text-align: center;
}

/* own */

.ui-state-hover.ui-datepicker-prev-hover,
.ui-state-hover.ui-datepicker-next-hover {
  background-color: #e9eef2;
  border: 1px solid #e9eef2;
  cursor: pointer;
}

.ui-icon.ui-icon-circle-triangle-w {
  background: #ffffff url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 0px -416px;
  border: 1px solid #c3d1d9;
}

.ui-icon.ui-icon-circle-triangle-e {
  background: #ffffff url("../images/no_repeat_data2.png?lastmod=YYYYMMDD") no-repeat scroll 1px -385px;
  border: 1px solid #c3d1d9;
}

#productFeatures {
  overflow: auto;
  margin-bottom: 20px;
  padding-left: 0px;
}

.dottedList ul {
  overflow: hidden;
  list-style-type: disc;
  margin-left: 0;
  padding-left: 0;
}

.dottedList ul li {
  list-style-type: disc;
  margin-left: 20px;
  padding-left: 0;
}

.followUs {
  margin-top: 30px;
  margin-bottom: 20px;
}

.followUsTitle {
  font-size: 11px;
  color: #324495;
  padding-bottom: 8px;
  border-bottom: 1px solid #324495;
}

.followUsIcons {
  padding-top: 8px;
  border-top: 1px solid #adb3cd;
}

.checkoutStepsTitle {
  float: left;
  font-family: futura-book;
  font-size: 23px;
  font-weight: normal;
  margin: 0;
  line-height: 33px;
}

.progressIndicatorBar {
  height: 85px;
}

.addressAndFurtherInformation {
  margin-top: 30px;
  margin-bottom: 30px;
}

.acceptTermsAndConditions a {
  font-size: 14px;
  font-weight: bold;
}

.checkoutAddressButtons {
  overflow: hidden;
  float: right;
}

.checkoutAddressButtons a {
  overflow: hidden;
  display: block;
  line-height: 25px;
  margin-top: 3px;
  margin-bottom: 14px;
  text-align: right;
}

.checkoutAddressButtons a div.addIcon,
.checkoutAddressButtons a div.editIcon {
  margin-left: 10px;
  margin-right: 0;
}

.promoPicture {
  width: 906px;
  height: 246px;
  /*background-repeat: no-repeat;*/
  overflow: auto;
  padding: 28px 28px 28px 28px;
  box-sizing: border-box;
}

.promoPictureOverlay {
  width: 382px;
  box-sizing: border-box;
  height: 100%;
  background: #FFF;
  opacity: 0.8;
  padding: 20px 20px;
}

.promoPictureOverlayHeading {
  font-family: futura-book;
  font-size: 23px;
  line-height: 31px;
  margin-bottom: 19px;
  color: #404040;
}

.promoPictureOverlayText {
  /*font-family: futura-book;*/
  /*font-size: 21px;*/
  /*line-height: 31px;*/
  color: #404040;
}

.entry-panes .hpane {
  height: 246px;
}

h3.productName {
  font-family: futura-book;
  font-size: 20px;
  font-weight: normal;
  line-height: 26px;
  color: #404040;
  margin-top: 0;
  margin-bottom: 10px;
}

h3.productName a p {
  margin: 0;
}

*.productName a,
*.productName a:hover,
.productDescription a,
.productDescription a:hover {
  font: inherit;
  color: inherit !important;
}

/* geneglobe segments for hybris */

#frmMain .blueButton,
#frmMain input.blueButton,
.gg_configuration_overlay .blueButton {
  background-color: #1B3067 !important;
  background-image: none !important;
  display: table;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  font-weight: normal !important;
  width: auto !important;
  line-height: 16px !important;
  color: #ffffff;
  font-family: futura-book;
  font-size: 18px;
  padding: 8px 15px;
  position: relative;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  margin: 0 !important;
}

#frmMain .blueButton:hover,
#frmMain input.blueButton:hover,
.gg_configuration_overlay .blueButton:hover {
  background-color: #1562AD !important;
  color: #ffffff !important;
  cursor: pointer;
}

#frmMain input.blueButton {
  min-height: 32px;
}

#frmMain .pane {
  padding-top: 20px;
}

#frmMain table,
.gg_configuration_overlay table {
  width: 100% !important;
}

#frmMain table th,
.gg_configuration_overlay table th {
  border-bottom: 1px solid #DDE6EA !important;
}

#frmMain table .title a,
.gg_configuration_overlay table .title a {
  font-size: 15px;
  line-height: 20px;
}

#frmMain table .copy,
.gg_configuration_overlay table .copy {
  font-size: 12px;
}

#frmMain table td.textRight,
.gg_configuration_overlay table td.textRight {
  font-size: 12px;
}

#frmMain table td .arrowBlue,
.gg_configuration_overlay table td .arrowBlue {
  font-size: 12px;
}

#frmMain .detailsLink,
.gg_configuration_overlay .detailsLink {
  font-size: 12px !important;
}

#frmMain table td .headline .arrowBlue,
.gg_configuration_overlay table td .headline .arrowBlue {
  position: relative;
  top: 10px;
  font-size: 18px;
}

#frmMain table td .copy .arrowBlue,
.gg_configuration_overlay table td .copy .arrowBlue {
  position: relative;
  top: 3px;
}

#frmMain .headline,
.gg_configuration_overlay .headline {
  border-bottom: 0 !important;
  font-family: futura-book !important;
  font-size: 16px;
  color: #1b3067;
}

#frmMain .bubble,
.gg_configuration_overlay .bubble {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

#frmMain #headlineBubble,
.gg_configuration_overlay #headlineBubble {
  padding-top: 15px !important;
}

#frmMain #geneglobe_productconfiguration .copy,
.gg_configuration_overlay #geneglobe_productconfiguration .copy {
  font-size: 12px;
  padding: 3px 0 0 8px !important;
}

#frmMain .productItems tr td.paddingLeft5,
.gg_configuration_overlay .productItems tr td.paddingLeft5 {
  width: 200px !important;
}

.gg_configuration_overlay .productItems tr td {
  padding-bottom: 15px !important;
}

#frmMain .productItems tr td.catno,
.gg_configuration_overlay .productItems tr td.catno {
  width: 80px !important;
}

#frmMain #geneglobe_configuration_ready table.v2 td.paddingLeft5,
.gg_configuration_overlay #geneglobe_configuration_ready table.v2 td.paddingLeft5 {
  padding: 3px 0 8px 12px !important;
}

#frmMain #geneglobe_configuration_ready table.v2 td.lastDistance {
  padding: 0 0 18px 0;
}

.gg_configuration_overlay #geneglobe_configuration_ready table.v2 td.lastDistance {
  padding: 5px 10px 8px 0 !important;
}

.gg_configuration_overlay .offlineOrderInfo {
  clear: both !important;
}

#frmMain .productlist table td .copy a.arrowBlue.collapsable {
  position: relative;
  left: -4px;
}

#frmMain .productItems .addToCart {
  position: relative;
  top: 8px;
}

#frmMain #productDetails .headline {
  font-size: 20px;
}

#frmMain .copy {
  width: 100% !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* login buttons in pane */

#frmMain .pane .logInCart {
  background-color: transparent;
  width: 300px !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 33px;
  text-align: right !important;
}

#frmMain .pane .logInCart a.arrowBlue {
  position: relative;
  top: 17px;
  padding-right: 15px !important;
  margin-right: 0 !important;
  line-height: 0;
}

#frmMain .pane .logInCart.lastDistance {
  padding-top: 20px !important;
  padding-right: 8px !important;
}

/* geneglobe lists on right side */

#teaserGG {
  min-height: 147px;
  width: 201px;
  margin-bottom: 28px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

#teaserGG.loading {
  background-image: url("../images/wait.gif");
  background-position: 50% 50%;
}

#teaserGG #gene_globe_segment_0_divFilter {
  margin-bottom: 0 !important;
}

.sidebarRight #frmMain .naviRestrictive .head {
  position: relative;
  margin: 0;
  border: 0 !important;
  background-image: none !important;
  padding: 0 0 10px 0 !important;
  border-bottom: 1px solid #c3d1d9 !important;
}

.sidebarRight #frmMain .naviRestrictive .head > a {
  font-size: 16px;
}

.sidebarRight #frmMain .naviRestrictive .head > div {
  position: absolute;
  top: -2px;
  right: 0;
  width: 20px;
  height: 19px;
}

.sidebarRight #frmMain .naviRestrictive .head > div > img {
  margin: 0 !important;
}

.sidebarRight #frmMain .naviRestrictive.quicklink ul > li {
  padding: 0 !important;
  border: 0 !important;
}

.sidebarRight #frmMain .naviRestrictive.quicklink ul > li > div {
  position: relative;
  padding: 7px 0;
}

.sidebarRight #frmMain .naviRestrictive.quicklink ul > li > div > a {
  background-position: -3px -848px !important;
}

.sidebarRight #frmMain .naviRestrictive.quicklink ul > li > div > .red-counterGG {
  position: absolute;
  top: 8px;
  right: 4px;
}

.sidebarRight #frmMain .naviRestrictive.quicklink ul > li:hover > div > a {
  color: #2864a0;
}

/* geneglobe specification tab */

#geneglobeSpecificationPane #frmMain {
  padding-top: 20px;
}

#geneglobeSpecificationPane #frmMain #TranscriptPic {
  margin-top: 10px;
}

#geneglobeSpecificationPane #frmMain table {
  padding-top: 20px !important;
}

#geneglobeSpecificationPane #frmMain table td {
  padding: 7px;
}

/* geneglobe specification tab */

#geneglobeSpecificationPane #frmMain {
  padding-top: 20px;
}

#geneglobeSpecificationPane #frmMain #TranscriptPic {
  margin-top: 10px;
}

#geneglobeSpecificationPane #frmMain table {
  padding-top: 20px !important;
}

#geneglobeSpecificationPane #frmMain table td {
  padding: 7px;
}

#geneglobeSpecificationPane #frmMain .transcript-left,
#geneglobeSpecificationPane #frmMain .transcript-right {
  width: 222px !important;
}

#geneglobeSpecificationPane #frmMain .transcript-left > button,
#geneglobeSpecificationPane #frmMain .transcript-right > button {
  position: relative;
  display: block;
  width: 24px;
  height: 32px;
  margin: 0;
  border: 0;
}

#geneglobeSpecificationPane #frmMain .transcript-left > button {
  float: left;
}

#geneglobeSpecificationPane #frmMain .transcript-right > button {
  float: right;
}

#geneglobeSpecificationPane #frmMain .transcript-left > button::after,
#geneglobeSpecificationPane #frmMain .transcript-right > button::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  margin-top: -6px;
  margin-left: -3px;
}

#geneglobeSpecificationPane #frmMain .transcript-left > button::after {
  border-right: 6px solid #fff;
}

#geneglobeSpecificationPane #frmMain .transcript-right > button::after {
  border-left: 6px solid #fff;
}

#geneglobeSpecificationPane #frmMain .transcript-select {
  padding: 0 !important;
}

#geneglobeSpecificationPane #frmMain .transcript-select .select {
  line-height: 30px;
}

#geneglobeSpecificationPane #frmMain .transcript-select .select .txtselection {
  padding-top: 0 !important;
  height: 30px;
  line-height: 30px !important;
}

/* #divStepDescLit + #divStepDesc on resources tab */

#divStepDescLit .headbar,
#divStepDesc .headbar {
  border-bottom: 1px solid #C3D1D9 !important;
}

#divStepDescLit .headbar > .fleft,
#divStepDesc .headbar > .fleft {
  float: none !important;
}

#divStepDesc .sortableContainer table > thead {
  display: none !important;
}

#divStepDesc .sortableContainer table tr.sortable td.paddingTopLess {
  width: 75% !important;
}

#divStepDesc .sortableContainer table tr.sortable td.paddingTopLess .headline {
  margin-bottom: 5px;
}

#divStepDesc .sortableContainer table tr.sortable td.paddingTopLess .headline + div {
  font-size: 14px;
  line-height: 20px;
}

#divStepDesc .sortableContainer table tr.sortable #ltrlCategory {
  font-size: 20px;
}

#divStepDesc .sortableContainer .showAll,
#divStepDesc .sortableContainer .showLess {
  float: none !important;
  text-align: right !important;
}

#divStepDescLit .headbar > .fleft #dvMainLit::after,
#divStepDesc .headbar > .fleft #dvMainLit::after {
  content: " ("attr(data-num)")";
}

#divStepDescLit .headbar > .fright,
#divStepDesc .headbar > .fright {
  display: none !important;
}

#divStepDescLit #divLiterature .ingLucidifyResultWrapper,
#divStepDesc #divLiterature .ingLucidifyResultWrapper {
  border-top: 0 !important;
  border-left: 0 !important;
  padding: 0 22px 15px 22px !important;
}

#divStepDescLit #divLiterature .ingLucidifyResultWrapper .ingLucidifyResult,
#divStepDesc #divLiterature .ingLucidifyResultWrapper .ingLucidifyResult {
  padding: 0 !important;
}

#divStepDescLit #divLiterature .ingLucidifyResultWrapper .ingLucidifyResult .ingLucidifyTitleLink,
#divStepDesc #divLiterature .ingLucidifyResultWrapper .ingLucidifyResult .ingLucidifyTitleLink {
  display: block !important;
  font-weight: normal !important;
  font-family: futura-book !important;
  font-size: 22px !important;
  line-height: 24px !important;
  padding-bottom: 10px;
  color: #000;
}

#divStepDescLit div.ingLucidify .ingLucidifyResult .ingConceptInfo {
  font-size: 14px !important;
  line-height: 20px !important;
}

#divStepDescLit #divLiterature .ingLucidifyResultWrapper .ingLucidifyResult .ingLucidifyPMID,
#divStepDesc #divLiterature .ingLucidifyResultWrapper .ingLucidifyResult .ingLucidifyPMID {
  padding-top: 10px !important;
}

#divStepDescLit #divLiterature .ingPagination,
#divStepDesc #divLiterature .ingPagination {
  padding-top: 10px !important;
  font-size: 12px !important;
}

/* geneglobe segments for hybris - end */

.cartItemBackToCart {
  display: inline-block;
  white-space: nowrap;
  margin-bottom: 15px;
  margin-left: 15px;
}

.noPadding.noBorder.noNth.cartItems tr td {
  border-bottom: 1px solid #c3d1d9;
}

/* pageBreake for css printouts */

.pageBreake {
  display: none;
}

/*Resize image from 75x75 to 100x100 in cart items*/

.productThumb {
  width: 100px;
  height: 100px;
}

.forwardCartForm {
  background: #E9EEF2;
  margin: 40px 0;
  padding: 20px 30px;
}

.forwardCartForm p:first-child {
  margin-top: 0;
}

.forwardCartForm .formContainer {
  display: table;
}

.forwardCartForm .formPart {
  display: table-cell;
  box-sizing: border-box;
  width: 50%;
  padding-right: 40px;
}

.forwardCartForm .inputGroup {
  display: block;
  margin-top: 20px;
  line-height: 20px;
}

.forwardCartForm .inputGroup.error {
  color: #E0003C;
}

.forwardCartForm .inputGroup.error input,
.forwardCartForm .inputGroup.error textarea {
  border-color: #E0003C;
}

.forwardCartForm .inputGroup input,
.forwardCartForm .inputGroup textarea {
  box-sizing: border-box;
  width: 100%;
  display: block;
  margin: 10px 0;
}

.forwardCartForm .inputGroup textarea {
  height: 180px;
}

.forwardCartForm .actions {
  width: 100%;
  line-height: 58px;
}

.forwardCartForm .actions input[type=checkbox] {
  height: auto;
}

.forwardCartForm .actions .submitButton {
  float: right;
  margin-right: 0;
}

.forwardCartForm .success {
  text-align: right;
  margin: 15px 40px 15px 0;
  color: #007045;
}

.downloadspan {
  font-weight: bold;
  padding-top: 10px;
}

.quickOrderText {
  margin: 5px 0 12px 0;
}

#forwardCartMergeFlyoutContent {
  display: none;
}

/** promoCode messages */

#promoCodeWrap {
  vertical-align: top;
  width: 520px;
  padding: 20px 40px 20px 20px;
}

#promoCodeWrap div#promoCodeContainer {
  position: relative;
  min-height: 110px;
}

#promoCodeWrap div#promoCodeContainer input#promoCode {
  float: left;
  width: 367px;
}

#promoCodeWrap div#promoCodeContainer input#promoCode::-ms-clear {
  display: none;
}

#promoCodeWrap div#promoCodeContainer input#promoCode.ok {
  border-color: #007045;
}

#promoCodeWrap div#promoCodeContainer input#promoCode.error {
  border-color: #e0003c;
}

#promoCodeWrap div#promoCodeContainer button.submitButton {
  float: right;
  width: 126px;
  margin: 0 0 0 10px;
}

#promoCodeWrap div#promoCodeContainer .promoCodeMessage {
  padding-top: 10px;
}

#promoCodeWrap div#promoCodeContainer .promoCodeMessage.ok {
  color: #007045;
}

#promoCodeWrap div#promoCodeContainer .promoCodeMessage.error {
  color: #e0003c;
}

#promoCodeWrap div#promoCodeContainer  #removePromoCode {
  position: absolute;
  top: 39px;
  right: 145px;
  cursor: pointer;
}

.orderDetails #promoCodeWrap {
  vertical-align: top;
  width: auto;
  padding: 0px;
}

.orderDetails #promoCodeWrap div#promoCodeContainer {
  min-height: auto;
}

.orderDetails #promoCodeWrap div#promoCodeContainer input#promoCode {
  width: 315px;
}

.orderDetails #promoCodeWrap div#promoCodeContainer button.submitButton {
  width: 100px;
}

.orderDetails #promoCodeWrap div#promoCodeContainer #removePromoCode {
  top: 8px;
  right: 120px;
}

#totalPriceWrap {
  padding-left: 20px;
}

.linePrice {
  text-decoration: line-through;
}

.marginTop6 {
  margin-top: 4px;
}

.massUploadBrowse .wrapperFileInput input {
  width: 336px;
  height: 32px;
}

a.bulkUploadShopButton {
  display: inline-block;
  float: right;
  width: 162px;
  margin-top: -52px;
}

.bulkUploadAdded {
  font-size: 14px;
  margin: 10px 0;
  color: #007045;
  padding: 20px 0px 0px 0px;
}

.bulkUploadFailed {
  font-size: 14px;
  margin: 10px 0;
  color: #e0003c;
}

.bulkUploadRemoved {
  font-size: 14px;
  margin: 10px 0;
  color: #ffb400;
}

/* REQUEST DEMO */

/*
  Given: a (button size)
  Given: b = a * (1-(1/sqrt(2)) / 2
  Given: bottomPadding (space between text and bottom line of the triangle)
*/

#requestDemo {
  display: table;
  position: relative;
  overflow: hidden;
  float: right;
  width: 100px;
  /* a */
  height: 100px;
  /* a */
  margin-top: 5px;
  /* Align with product picture */
}

#requestDemo::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border: 50px solid #1d3168;
  /* a/2 */
  border-bottom-color: transparent;
  border-left-color: transparent;
  z-index: 1;
}

#requestDemo > span {
  position: absolute;
  bottom: 56px;
  /* (a / sqrt(2)) - b */
  left: 86px;
  /* (a * sqrt(2) / 2) + b */
  width: 100px;
  /* a */
  height: 100px;
  /* a */
  z-index: 2;
}

#requestDemo > span span {
  display: table-cell;
  width: 100px;
  /* a */
  height: 96px;
  /* a - bottomPadding */
  text-align: center;
  vertical-align: bottom;
  transform: rotate(45deg);
  transform-origin: top left;
  color: #FFF;
  font: normal 15px/14px futura-book;
}

/* REQUEST DEMO - END */

#productImage img {
  position: relative;
  width: 336px;
  height: auto;
  min-height: 80px;
}

#productImage a {
  position: relative;
  overflow: hidden;
  max-height: 190px;
}

/* Overrides default ".zoom span" for product images on product group page. */

#productImage .zoom span {
  position: absolute;
  bottom: 8px;
  right: 8px;
  width: 16px;
  height: 16px;
  background-position: -1px -199px;
}

.input-hint {
  color: #AAA;
  font-size: 13px;
  line-height: 1.2;
  margin-top: 4px;
}

.payment label {
  font-size: inherit;
}

.requiredFieldsNote {
  margin-top: 30px;
  margin-bottom: 30px;
  width: 428px;
}

/** MAIN NAVIGATION */

.header .mainNav {
  position: relative;
  margin-top: 29px;
}

.header .mainNav > ul {
  margin: 20px 0px 0px 0px;
  padding: 0;
  list-style: none;
  float: left;
  width: 70%;
  display: table;
  table-layout: fixed;
}

.header .mainNav > ul > li {
  display: table-cell;
  text-align: center;
  white-space: nowrap;
}

.header .mainNav  > ul > li > a {
  color: #1B3067;
  font-size: 20px;
  line-height: 15px;
  text-decoration: none;
  font-family: futura-book;
}

.header .mainNav > ul > li > a.first {
  margin-left: 0px;
  margin-right: 0px;
}

.header .mainNav > ul > li > a:hover,
.header .mainNav > ul > li > a.active {
  color: #87a6d5;
}

/** MAIN NAVIGATION ON HOVER */

.hnavWrap * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hnavWrap {
  position: absolute;
  top: 52px;
  left: 50%;
  margin-left: -600px;
  width: 1200px;
  height: 0;
  background-color: transparent;
  z-index: 1001;
}

.hnavWrap > .hnavSection {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  -moz-box-shadow: 2px 2px 15px #4C4C4C;
  -webkit-box-shadow: 2px 2px 15px #4C4C4C;
  box-shadow: 2px 2px 15px #4C4C4C;
  padding: 10px;
}

.hnavWrap > .hnavSection > .hnavPointer {
  position: absolute;
  top: -16px;
  left: 0;
  display: block;
  width: 42px;
  height: 16px;
  background: url("../images/box-shadow-up-pointer.png") no-repeat scroll 0 0 transparent;
}

.hnavWrap > .hnavSection.active {
  display: block;
}

.hnavWrap > .hnavSection > .hnavDataWrap {
  width: 100%;
  padding: 30px 20px;
  background-color: #F2F8FF;
}

.hnavDataContainer {
  display: table;
  width: 100%;
}

.hnavDataContainer .hnavDataRow {
  display: table-row;
}

.hnavDataContainer .hnavDataRowSpace {
  display: table-row;
  height: 30px;
}

.hnavDataContainer .hnavDataRow .hnavDataCol {
  display: table-cell;
  padding: 0;
  border-left: 1px solid #C3D1D9;
  min-width: 180px;
  vertical-align: top;
}

.hnavDataContainer .hnavDataRow .hnavDataCol .hnavData {
  padding: 0 0 0 10px;
  text-align: left;
}

.hnavData > h3 {
  margin: 0 !important;
  padding: 0 0 5px 10px;
  background: url("../images/no_repeat_data.png") no-repeat scroll -3px -760px transparent;
}

.hnavData > h3 a {
  font-weight: normal;
  font-size: 15px;
  color: black;
}

.hnavData > ul li {
  padding: 0 10px;
  background: url("../images/no_repeat_data.png") no-repeat scroll -3px -855px transparent;
}

.hnavData > ul li a {
  display: block;
  font-size: 13px;
  color: #1b3067;
}

.hnavData > ul li a:hover {
  color: #2864a0;
}

.hnavData > ul li.all {
  padding-top: 5px;
  display: block;
  background-image: none;
}

.hnavData > ul li.all > a {
  position: relative;
  left: -1px;
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
}

/** cartBottomActions */

#cartBottomActions * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#cartBottomActions > .col {
  float: left;
  width: 50%;
}

#cartBottomActions > .cartPageQuickOrder {
  padding-right: 10px;
}

#cartBottomActions > .massUpload {
  padding-left: 10px;
}

#cartBottomActions #command input.form-control {
  width: 100% !important;
  height: 32px;
}

#cartBottomActions #command span.uniform {
  margin-top: 1px !important;
}

#cartBottomActions #command .downloadspan {
  padding-top: 0 !important;
  padding-bottom: 15px;
}

.orderShipAndPayHeader {
  margin-top: -52px;
}

.orderShipAndPay.hidden + .summaryCartItemsHeader {
  margin-top: -52px;
}

/** standardizedForms */

.standardizedForms select {
  height: 32px;
}

.standardizedForms select option.greyedOut {
  color: #AAA;
}

.standardizedForms input {
  padding: 7px;
  font-size: 14px !important;
  border-color: #b4b4b4;
}

/** Checkout step 1 add/edit shipping/billing address forms styles: QEA-6220 */

#fancybox-content #organize .text {
  padding: 0 !important;
  margin: 0 !important;
  clear: both;
}

#fancybox-content #organize .text .label {
  padding-top: 5px;
}

#fancybox-content #organize .text > .fleft {
  float: none !important;
  height: auto;
}

#fancybox-content #organize .text > .fleft input {
  width: 190px;
}

#fancybox-content #organize > div > .fleft:nth-of-type(2) .text:first-of-type {
  display: none !important;
}

#fancybox-content #organize #lnkCancel {
  background-image: none;
  padding: 7px;
  font-weight: bold;
}

#fancybox-content #organize #lnkContinue {
  background-image: none;
  background-color: #1B3067;
  padding: 7px 0;
  font-family: futura-book;
  font-size: 18px !important;
  line-height: 18px;
  font-weight: normal;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  min-height: 36px;
  max-height: 36px;
  height: 36px;
}

#fancybox-content #organize #lnkContinue:hover {
  background-color: #1562AD;
}

/* Fancybox progress after checkout submit button is clicked */

#submitProgressWrapper {
  display: none;
}

.submitProgress {
  margin: 70px 100px;
  text-align: center;
}

.submitProgress .submitProgressTitle {
  font-weight: bold;
}

.submitProgress #fountainG {
  margin-top: 30px;
  margin-bottom: 30px;
}

/** promoprice communication */

#checkout table tr.promoCodeTotal th,
#checkout table tr.totalSavings th {
  line-height: 16px !important;
  height: auto !important;
}

#checkout table tr.promoCodeTotal th {
  padding-top: 12px;
}

#checkout table tr.totalSavings th {
  padding-bottom: 12px;
}

#checkout table tr.totalSavings th.red {
  color: #e0003c !important;
}

/** placeholders */



.phold::-webkit-input-placeholder {
  color: #a6a6a6 !important;
}

.phold:-moz-placeholder {
  color: #a6a6a6 !important;
}

.phold::-moz-placeholder {
  color: #a6a6a6 !important;
}

.phold:-ms-input-placeholder {
  color: #a6a6a6 !important;
}

.phold:focus::-webkit-input-placeholder {
  color: transparent !important;
}

.phold:focus:-moz-placeholder {
  color: transparent !important;
}

.phold:focus::-moz-placeholder {
  color: transparent !important;
}

.phold:focus:-ms-input-placeholder {
  color: transparent !important;
}

.geneglobeSpecificationTab #Toolbar button {
  background: #e7edf4 none repeat scroll 0 0 !important;
  border: 1px solid #bfbfbf !important;
}

.geneglobeSpecificationTab #Toolbar button:hover {
  background: #e9eef2 none repeat scroll 0 0 !important;
  border: 1px solid #1b3067 !important;
}

.checkoutProgressIndicator {
  min-height: 87px;
}

/* Recommendation Carousel - required css */

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none !important;
}

.slick-arrow {
  content: '';
  position: relative;
  text-indent: -99999px;
  display: block;
  padding: 0;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background-color: transparent !important;
  border: 0 !important;
}

.slick-arrow:before {
  position: absolute;
  content: '';
  display: block;
  width: 0;
  height: 0;
}

.slick-next:hover:before {
  border-left-color: #1562AD !important;
}

.slick-prev:hover:before {
  border-right-color: #1562AD !important;
}

/** recommendations common */

.recommendationWrap {
  overflow: hidden;
}

.recommendationWrap .recommendationHeader {
  margin: 0 0 20px 0;
  padding: 0 60px 10px 0;
  border-bottom: 1px #c3d1d9 solid;
  font-family: futura-book;
  font-size: 24px;
  font-weight: normal;
}

.recommendationWrap .recommendationItems {
  position: relative;
  /*transition: height 0.3s;*/
}

.recommendationWrap .recommendationItem .recommendationImage img {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

.recommendationWrap .recommendationItem .recommendationCatno,
.recommendationWrap .recommendationItem .recommendationName > a,
.recommendationWrap .recommendationItem .recommendationPrice {
  font-family: futura-book;
}

.recommendationWrap .recommendationItem .recommendationCatno {
  padding-bottom: 5px;
  font-size: 14px;
}

.recommendationWrap .recommendationItem .recommendationName {
  margin: 0;
  padding: 10px 10px 10px 0;
}

.recommendationWrap .recommendationItem .recommendationName > *,
.recommendationWrap .recommendationItem .recommendationName > a {
  font-size: 20px;
  line-height: 22px;
  font-weight: normal;
  margin: 0;
}

.recommendationWrap .recommendationItem .recommendationName > a > * {
  margin: 0;
}

.recommendationWrap .recommendationItem .recommendationDesc {
  line-height: 18px;
  font-size: 14px;
  padding: 0 10px 10px 0;
}

.recommendationWrap .recommendationItem .recommendationPrice {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px;
}

/** recommendations.bottom */

.recommendationWrap.bottom {
  width: 100%;
}

.recommendationWrap.bottom .recommendationItems .recommendationItem {
  padding-right: 10px;
  float: left;
}

.recommendationWrap.bottom .recommendationItems .recommendationItem .recommendationImage {
  position: relative;
  display: block;
  height: 120px;
  width: 100%;
}

.recommendationWrap.bottom .recommendationItems .recommendationItem .recommendationImage img {
  display: block;
  height: 120px;
  max-width: 95%;
}

/** recommendations.bottom.static */

.recommendationWrap.bottom.static .recommendationItems {
  width: 906px;
}

.recommendationWrap.bottom.static .recommendationItems .recommendationItem {
  width: 292px;
}

.recommendationWrap.bottom.static .recommendationItems::after {
  content: "";
  display: table;
  clear: both;
}

.recommendationWrap.bottom.static .recommendationItems .recommendationItem .recommendationImage img {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.recommendationWrap.bottom.static .recommendationItems .recommendationItem:nth-child(n+4) {
  display: none;
}

/** recommendations.bottom.active (carousel) */

.recommendationWrap.bottom.active .recommendationItems {
  width: 840px;
  margin: 0 auto;
  height: 0;
}

.recommendationWrap.bottom.active .recommendationItems .recommendationItem {
  width: 270px;
}

.recommendationWrap.bottom.active .recommendationItems > .slick-arrow {
  position: absolute;
  top: 50%;
  margin: -16px 0 0 0;
  width: 15px;
  height: 40px;
}

.recommendationWrap.bottom.active .recommendationItems > .slick-next {
  right: -32px;
}

.recommendationWrap.bottom.active .recommendationItems > .slick-next:before {
  top: 0;
  left: 0;
  border-top: 20px transparent solid;
  border-bottom: 20px transparent solid;
  border-left: 15px #404040 solid;
}

.recommendationWrap.bottom.active .recommendationItems > .slick-prev {
  left: -32px;
}

.recommendationWrap.bottom.active .recommendationItems > .slick-prev:before {
  top: 0;
  right: 0;
  border-top: 20px transparent solid;
  border-right: 15px #404040 solid;
  border-bottom: 20px transparent solid;
}

/** slick-initialized */

.recommendationWrap.bottom.active .recommendationItems.slick-initialized {
  height: auto !important;
}

/** recommendations.flyout */

.recommendationWrap.flyout {
  width: 438px;
  padding: 35px 0 15px 0;
}

.recommendationWrap.flyout .recommendationHeader {
  font-size: 19px;
}

.recommendationWrap.flyout .recommendationItems .recommendationItem {
  width: 209px;
  padding-right: 10px;
  float: left;
}

.recommendationWrap.flyout .recommendationItems .recommendationItem .recommendationImage {
  position: relative;
  display: block;
  height: 80px;
  width: 100%;
}

.recommendationWrap.flyout .recommendationItems .recommendationItem .recommendationImage img {
  display: block;
  height: 80px;
  width: auto !important;
  max-width: 95%;
}

/** recommendations.flyout.static */

.recommendationWrap.flyout.static .recommendationItems::after {
  content: "";
  display: table;
  clear: both;
}

.recommendationWrap.flyout.static .recommendationItems .recommendationItem:nth-child(n+3) {
  display: none;
}

.recommendationWrap.flyout.static .recommendationItems .recommendationItem .recommendationImage img {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

/** recommendations.flyout.active (carousel) */

.recommendationWrap.flyout.active .recommendationItems {
  height: 300px;
  overflow: hidden;
}

.recommendationWrap.flyout.active .recommendationItems .recommendationItem {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

.recommendationWrap.flyout.active .recommendationItems > .slick-arrow {
  position: absolute;
  top: -55px;
  margin: 0;
  width: 24px;
  height: 24px;
}

.recommendationWrap.flyout.active .recommendationItems > .slick-next {
  right: 0;
}

/** recommendations.gglobe */

.recommendationWrap.gglobe .recommendationHeader {
  display: none;
}

.recommendationWrap.gglobe .recommendationItems .recommendationItem {
  float: none;
  width: 100%;
  padding-bottom: 30px;
}

.recommendationWrap.gglobe .recommendationItems .recommendationItem .recommendationImage {
  width: 100%;
  height: auto;
}

.recommendationWrap.gglobe .recommendationItems .recommendationItem .recommendationImage img {
  width: 180px;
  height: auto;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

/** recommendationEmpty */

.recommendationWrap.bottom.recommendationEmpty {
  padding-top: 20px;
}

.recommendationWrap.gglobe.recommendationEmpty .recommendationHeader {
  display: block;
  padding-right: 0;
  font-size: 18px;
}

.recommendationWrap.recommendationEmpty .recommendationHeader {
  margin: 0;
}

.slick-next:before {
  top: 4px;
  left: 7px;
  border-top: 8px transparent solid;
  border-bottom: 8px transparent solid;
  border-left: 8px #404040 solid;
}

.recommendationWrap.flyout.active .recommendationItems > .slick-prev {
  right: 25px;
}

.slick-prev:before {
  top: 4px;
  right: 7px;
  border-top: 8px transparent solid;
  border-bottom: 8px transparent solid;
  border-right: 8px #404040 solid;
}

/** slick-initialized */

.recommendationWrap.flyout.active .recommendationItems.slick-initialized {
  height: auto !important;
  overflow: visible !important;
}

.recommendationWrap.flyout.active .recommendationItems.slick-initialized .recommendationItem {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

/**
 * Recommendation Carousel Disabled - AB Testing
 * Class name ".recommendationCarouselDisabled" is adding with JS to <body> tag
 */

.recommendationCarouselDisabled .recommendationWrap .slick-arrow {
  display: none !important;
}

.recommendationCarouselDisabled .bottomRecommendations .recommendationItems {
  margin: 0 !important;
}

.recommendationCarouselDisabled .bottomRecommendations .recommendationItems .recommendationItem {
  width: 292px !important;
}

/** Recommendations (bottom, flyout): 'Add to Cart' buttons aligned bo the bottom */

.recommendationWrap.bottom .recommendationItems .recommendationItem,
.recommendationWrap.flyout .recommendationItems .recommendationItem {
  padding-bottom: 65px;
}

.recommendationWrap.bottom .recommendationItems .recommendationItem .recommendationPrice,
.recommendationWrap.flyout .recommendationItems .recommendationItem .recommendationPrice {
  position: absolute;
  bottom: 40px;
  padding: 0;
}

.recommendationWrap.bottom .recommendationItems .recommendationItem .recommendationBtns,
.recommendationWrap.flyout .recommendationItems .recommendationItem .recommendationBtns {
  position: absolute;
  bottom: 0;
}

/** Recommendation Carousel - end */

/** orderType */

#orderTypeWrap {
  padding: 15px 0 0 0;
}

#orderTypeWrap .order-type-public-hint,
#orderTypeWrap .invalid {
  display: none;
}

#orderTypeWrap.invalid > .label {
  color: #e0003c;
}

#orderTypeWrap.invalid #orderType {
  border-color: #e0003c;
}

#orderTypeWrap.invalid .invalid {
  display: block;
}

#orderType {
  height: 32px;
  width: 438px;
}

/*QEA-8275*/

.notOrderable-displaymsg {
  font-size: 23px;
  font-weight: normal;
  font-family: futura-book;
  text-align: center;
  margin: 20px auto;
  width: 82%;
}

.follow-us-large {
  color: #324495;
  font-size: 16px;
  border-bottom: 2px solid #324495;
  padding-bottom: 10px;
  font-weight: 600;
}

.lineHeight145 {
  line-height: 145%;
}

#qentry-orderphone {
  background-image: url("../images/phone.png");
}

/** Quote to Order */

#shippingAddressWrap {
  position: relative;
}

#shippingAddressWrap > .tip,
div[id^='shippingAddress-info-'] .tip,
.addressAndFurtherInformation .tip {
  position: absolute;
  top: 7px;
  left: 329px;
  width: 16px;
  height: 16px;
  background-color: #7ba9db;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

#shippingAddressWrap > .tip.tip--inline,
div[id^='shippingAddress-info-'] .tip.tip--inline,
.addressAndFurtherInformation .tip.tip--inline {
  display: inline;
  top: auto;
  left: auto;
  margin-left: 10px;
}

#shippingAddressWrap > .tip:hover,
div[id^='shippingAddress-info-'] .tip:hover,
.addressAndFurtherInformation .tip:hover {
  background-color: #0063af;
}

#shippingAddressWrap > .tip:hover > .tipContent,
div[id^='shippingAddress-info-'] .tip:hover > .tipContent,
.addressAndFurtherInformation .tip:hover > .tipContent {
  display: block;
}

#shippingAddressWrap > .tip:before,
div[id^='shippingAddress-info-'] .tip:before,
.addressAndFurtherInformation .tip:before {
  content: '?';
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  width: 16px;
  font-family: arial;
  font-size: 11px;
  color: #fff;
  text-align: center;
}

#shippingAddressWrap > .tip > .tipContent:before,
div[id^='shippingAddress-info-'] .tip > .tipContent:before,
.addressAndFurtherInformation .tip > .tipContent:before {
  content: '';
  display: block;
  position: absolute;
  top: -5px;
  left: 50%;
  margin-left: -6px;
  width: 0;
  height: 0;
  border-right: 6px transparent solid;
  border-bottom: 6px #fff solid;
  border-left: 6px transparent solid;
}

#shippingAddressWrap > .tip > .tipContent,
div[id^='shippingAddress-info-'] .tip > .tipContent,
.addressAndFurtherInformation .tip > .tipContent {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 22px;
  left: -125px;
  margin-left: 8px;
  /* .tipContent:before width/2 */
  width: 250px;
  background-color: #fff;
  border-radius: 5px;
  padding: 6px 12px 10px 12px;
  box-shadow: 0 0 5px #ddd;
  display: none;
}

#shippingAddressWrap > .tip > .tipContent > *,
div[id^='shippingAddress-info-'] .tip > .tipContent > *,
.addressAndFurtherInformation .tip > .tipContent > * {
  font-size: 10px;
  line-height: 12px;
  color: dimgrey;
}

#shippingAddressWrap > .tip > .tipContent > p,
div[id^='shippingAddress-info-'] .tip > .tipContent > p,
.addressAndFurtherInformation .tip > .tipContent > p {
  margin: 0 0 7px 0;
}

#shippingAddressWrap > .tip > .tipContent > p:last-of-type,
div[id^='shippingAddress-info-'] .tip > .tipContent > p:last-of-type,
.addressAndFurtherInformation .tip > .tipContent > p:last-of-type {
  margin-bottom: 0;
}
/** APAC - typo resert */

.apac * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.apac h1,
.apac h2,
.apac h3,
.apac h4,
.apac h5,
.apac h6 {
  font-family: futura-book, arial, sans-serif;
  margin: 0;
  /*padding: 0 0 10px 0;*/
  font-weight: normal;
}

.apac h1 {
  font-size: 24px;
  line-height: 28px;
}

.apac p {
  color: #404040;
  margin: 0;
  padding: 0 0 15px 0;
}

/** reset default webshop message */

.apac .cartstatus .message {
  margin-left: 0;
}

/** buttons */

.apac .btns > .right {
  float: right;
}

.apac .btns > .left {
  float: left;
}

.apac .btns > .center {
  text-align: center;
}

.apac .btns > .center .btn {
  float: none;
  margin: 0 10px;
}

.apac .btn {
  display: inline-block;
  position: relative;
  font-family: futura-book, arial, sans-serif;
  text-transform: none;
  font-size: 18px;
  line-height: 32px;
  cursor: pointer;
  padding: 0 20px;
  margin: 0;
  border: 0;
  height: 32px;
  text-align: center;
  overflow: hidden;
  border-radius: 0;
  font-weight: normal;
}

.apac .btn>strong,
.apac .btn>span {
  color: inherit;
  display: inline;
  font-weight: normal;
  font-family: inherit;
}

.apac .btn.blue {
  background-color: #1b3067;
  color: #fff;
}

.apac .btn.white {
  background-color: #fff;
  color: #1b3067;
}

.apac .btn.grey {
  background-color: #c3d1d9;
  color: #fff;
}

.apac .btn.transparent {
  background-color: transparent;
  color: #1b3067;
}

.apac .btn.reverse {
  font-family: arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

.apac .btn.arrow {
  padding-right: 30px;
}

.apac .btn.arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -14px;
  right: 0;
  border-top: 30px #fff solid;
  border-right: 0;
  border-bottom: 30px #fff solid;
  border-left: 30px transparent solid;
}

/*.apac .btn.blue.arrow:after {
	border-left: 30px transparent solid;
}*/

.apac .btn.blue:hover {
  background-color: #1562ad;
}

.apac .btn.grey:hover {
  background-color: #1562ad;
}

/*.apac .btn.blue:hover:after {
	border-left-color: #1562ad;
}*/

.apac .btn.white:hover {
  background-color: #fff;
  color: #1562ad;
}

.apac .btn.transparent:hover {
  background-color: transparent;
  color: #1562ad;
}

.apac .btn.small {
  font-size: 14px;
  height: 28px;
  line-height: 26px;
  background-image: none !important;
}

.apac .btn.big {
  font-size: 24px;
  height: 44px;
  line-height: 44px;
}

.apac .btns,
.apac .btns > .right,
.apac .btns > .left {
  font-size: 0;
  line-height: 0;
}

.btns>.left>.btn {
  margin: 0 10px 0 0;
  float: left;
}

.btns>.right>.btn {
  margin: 0 0 0 10px;
  float: left;
}

/** SECTIONS */

section > header {
  position: relative;
}

/** MESSAGES */

.messages {
  padding-bottom: 15px;
}

.messages>.message {
  padding-bottom: 15px;
}

.messages>.message>.head {
  position: relative;
  padding: 20px 20px 20px 60px;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  font-size: 14px;
  line-height: 20px;
  -webkit-transition: background-color 0.2s;
  -khtml-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.messages>.message>.head:before {
  position: absolute;
  top: 15px;
  left: 20px;
  content: '';
  display: block;
  width: 34px;
  height: 34px;
}

.messages>.message>.details {
  display: none;
  padding: 15px 0 15px 42px;
}

.messages>.message>.details>ul>li {
  position: relative;
  font-size: 14px;
  line-height: 20px;
}

.messages>.message>.details>ul>li:before {
  content: '-';
  display: inline;
  position: absolute;
  top: -1px;
  left: -12px;
}

.messages>.message.details>.head {
  cursor: pointer;
}

/*.messages>.message.details>.head:after {
    position: absolute;
    content: '+';
    top: 21px;
    right: 20px;
    font-size: 38px;
    list-height: 38px
}*/

.messages>.message:last-child {
  padding-bottom: 0 !important;
}

.messages>.message.success>.head {
  border-color: #007045;
  background-color: #e5f0ec;
  color: #007045;
}

.messages>.message.success>.head:hover {
  background-color: #bedad0;
}

.messages>.message.success>.head:before {
  background: transparent url("../images/no_repeat_data2.png") no-repeat 1px -2058px;
}

.messages>.message.success>.details>ul>li {
  color: #007045;
}

.messages>.message.error>.head {
  border-color: #e0003c;
  background-color: #fce5eb;
  color: #e0003c;
}

.messages>.message.error>.head:hover {
  background-color: #f6c6d3;
}

.messages>.message.error>.head:before {
  background: transparent url("../images/no_repeat_data2.png") no-repeat 1px -1933px;
}

.messages>.message.error>.details>ul>li {
  color: #e0003c;
}

.messages>.message.active>.head:after {
  content: '-';
  top: 17px;
  right: 25px;
}

/** MESSAGES */

/** APAC - Cart Actions */

.apac section > header {
  min-height: 28px;
}

.apac .apacActionsWrapWrap {
  position: relative;
}



.apac .apacActionsWrap .apacActions {
  display: inline-block;
}

.apac .apacActionsWrap .apacActions > .action {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  cursor: pointer;
  color: #1b3067;
  padding-bottom: 15px;
  padding-left: 40px;
}

.apac .apacActionsWrap .apacActions > .action:hover {
  color: #2864a0;
}

.apac .apacActionsWrap .apacActions > .action:first-child {
  margin-left: 0;
}

.apac .apacActionsWrap .apacActions > .action.actionPrint {
  background: transparent url("../images/no_repeat_data2.png") -2px -2124px no-repeat scroll;
  padding: 0 0 0 25px;
}

.apac .apacActionsWrap .apacActions > .action.actionCart {
  background: transparent url("../images/no_repeat_data2.png") 15px -885px no-repeat scroll;
}

.apac .apacActionsWrap .apacActions > .action.actionQuotes {
  background: transparent url("../images/no_repeat_data2.png") 15px -885px no-repeat scroll;
}

.apac .apacActionsWrap .apacActions > .action > .actionDropdown {
  position: absolute;
  top: 25px;
  left: 0;
  width: 200px;
  background-color: #fff;
  padding: 10px;
  z-index: 100;
  text-align: left;
  -webkit-box-shadow: 2px 2px 25px rgba(0,0,0,0.4);
  -moz-box-shadow: 2px 2px 25px rgba(0,0,0,0.4);
  -o-box-shadow: 2px 2px 25px rgba(0,0,0,0.4);
  box-shadow: 2px 2px 25px rgba(0,0,0,0.4);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  visibility: hidden;
}

.apac .apacActionsWrap .apacActions > .action:hover > .actionDropdown {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  visibility: visible;
  top: 30px;
  -webkit-transition: visibility .2s, top .2s, opacity .2s;
  -moz-transition: visibility .2s, top .2s, opacity .2s;
  -o-transition: visibility .2s, top .2s, opacity .2s;
  transition: visibility .2s, top .2s, opacity .2s;
}

.apac .apacActionsWrap .apacActions > .action > .actionDropdown::before {
  content: '';
  display: block;
  position: absolute;
  top: -16px;
  left: 30px;
  width: 42px;
  height: 16px;
  background: transparent url("../images/box-shadow-up-pointer.png") no-repeat 0 0;
}

.apac .apacActionsWrap .apacActions > .action > .actionDropdown ul {
  display: block;
  background-color: #f2f8ff;
  padding: 10px 15px;
}

.apac .apacActionsWrap .apacActions > .action > .actionDropdown ul li {
  float: none;
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  margin: 0;
  padding: 1px 0;
  display: block;
}

.apac .apacActionsWrap .apacActions > .action > .actionDropdown ul li a {
  background: none;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  padding: 0;
  margin: 0;
}

/** .apacActionsWrap.top */



.apac section > header .apacActionsWrap.top {
  position: absolute;
  top: 7px;
  right: 0;
}

/** .apacActionsWrap.bottom */



/** APAC - Cart info */

.apac .apacCartInfoWrap {
  padding-top: 15px;
}

.apac .apacCartInfoWrap .apacCartInfo {
  padding: 15px 0 10px 0;
}

.apac .apacCartInfoWrap .apacCartInfo .col,
.apac .apacCartInfoWrap .apacCartInfo .row {
  display: block;
}

.apac .apacCartInfoWrap .apacCartInfo > .col {
  width: 50%;
  float: left;
}

.apac .apacCartInfoWrap .apacCartInfo > .col:first-child {
  padding-right: 15px;
}

.apac .apacCartInfoWrap .apacCartInfo > .col:last-child {
  padding-left: 15px;
}

.apac .apacCartInfoWrap .apacCartInfo > .col > .row {
  padding: 10px 0;
  border-top: 1px solid #c3d1d9;
}



.apac .apacCartInfoWrap .apacCartInfo > .col > .row > .col {
  float: left;
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
}

.apac .apacCartInfoWrap .apacCartInfo > .col > .row > .col:first-child {
  width: 40%;
}

.apac .apacCartInfoWrap .apacCartInfo > .col > .row > .col:first-child > strong {
  font-weight: normal;
  font-family: futura-book, arial, sans-serif;
  font-size: 18px;
}

.apac .apacCartInfoWrap .apacCartInfo > .col > .row > .col:last-child {
  width: 60%;
}

.apac .apacCartInfoWrap .apacCartInfo > .col > .row > .col:last-child > .pending {
  color: #ff9900;
}

.apac .apacCartInfoWrap .apacCartInfo > .col > .row > .col:last-child > .success {
  color: #007045;
}

.apac .apacCartInfoWrap .apacCartInfo .txt ul li {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  padding: 0 0 0 15px;
}

.apac .apacCartInfoWrap .apacCartInfo .txt ul li:before {
  position: absolute;
  top: 8px;
  left: 2px;
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  background-color: #404040;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

/** cartItems */

.apac .cartItems thead tr th:last-child,
.apac .cartItems tbody tr td:last-child {
  padding-right: 30px;
}

.apac .cartItems .quantityCell,
.apac .cartItems th.col2 {
  text-align: right;
  width: auto;
  padding-right: 50px;
}

.apac .cartItems .quantityCell > span {
  display: block;
}

/** APAC - Forms  */

/** forms */

.apacForm input[type='text'],
.apacForm input[type='email'],
.apacForm input[type='password'],
.apacForm input[type='number'],
.apacForm textarea,
.apacForm select {
  display: block;
  padding: 7px;
  border: 1px #bfbfbf solid;
  background-color: #fff;
  width: 100%;
  font-size: 14px;
  line-height: 16px;
  color: #404040;
}

.apacForm input[type='number']::-webkit-inner-spin-button,
.apacForm input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.apacForm textarea {
  min-height: 80px;
  max-width: 100%;
  min-width: 100%;
}

.apacForm select {
  font-weight: bold;
}

.apacForm label {
  display: block;
  font-weight: bold;
  font-size: 14px;
  padding-top: 8px;
}

.apacForm > .wrap {
  padding: 30px;
}

.apacForm > .wrap h1 {
  padding-bottom: 10px;
}

.apacForm > .wrap p {
  font-size: 14px;
  line-height: 18px;
}

.apacForm form {
  display: block;
}

.apacForm fieldset {
  padding: 15px;
  background-color: #e9eef2;
  margin: 0 0 1px 0;
}

.apacForm form .row {
  display: block;
  padding: 5px;
}

.apacForm form .row .col {
  position: relative;
  display: block;
  float: left;
}

.apacForm form .row .col.left {
  width: 40%;
}

.apacForm form .row .col.right {
  width: 60%;
}

.apacForm form .row .txt ul li {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  padding: 0 0 0 15px;
}

.apacForm form .row .txt ul li:before {
  position: absolute;
  top: 8px;
  left: 2px;
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  background-color: #404040;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

.apacForm .btnsAction {
  position: relative;
}

.apacForm .btnsAction .btn.arrow:after {
  border-top-color: #e9eef2;
  border-bottom-color: #e9eef2;
}

/** apac form messages*/

.apacForm .messages {
  display: none;
}

.apacForm .valid label,
.apacForm .novalid label {
  color: #404040;
}

/** apac form validation messages */

.apacForm .row.novalid input,
.apacForm .row.novalid textarea {
  border-color: #e0003c;
}

.apacForm .row.valid input,
.apacForm .row.valid textarea {
  border-color: #007045;
}

/*.apacForm .row.novalid label {
	color: #e0003c;
}*/

.apacForm .novalidMessage {
  display: block;
  color: #e0003c;
  font-size: 11px;
  padding: 3px 0 0 0;
}

.apacForm .validMessage {
  display: block;
  color: green;
  font-size: 11px;
  padding: 3px 0 0 0;
}

/** apacFormApprovalRequest */

#apacFormApprovalRequest {
  width: 860px;
}

#apacFormApprovalRequest form .btns {
  padding-top: 20px;
}

/** apacFormApprovalActions */

#apacFormApprovalActions {
  width: 720px;
}

#apacFormApprovalActions #approvalPrimary {
  padding-bottom: 15px;
}

#apacFormApprovalActions #poNumberInput {
  display: block;
  float: left;
  width: 275px;
}

#apacFormApprovalActions #poNumberBtn {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

#apacFormApprovalActions #approvalPrimary .btnsAction .btns .left .btn {
  padding-left: 0;
}

#poNumberFieldset .novalidMessage,
#poNumberFieldset .validMessage {
  float: left;
  width: 275px;
}

/** disabled btnsActions */

#apacFormApprovalActions .btnsAction.disabled * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#apacFormApprovalActions .btnsAction.disabled::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  background-color: #e9eef2;
  webkit-opacity: .4;
  -moz-opacity: .4;
  opacity: .4;
}

#apacFormApprovalActions .btnsAction.disabledHalf::after {
  left: 50% !important;
}

#apacFormApprovalActions .acceptTermsAndConditions {
  padding-top: 15px;
  line-height: 18px;
}

.apacForm input[type='submit'][disabled='disabled'],
.apacForm button[disabled='disabled'] {
  cursor: default;
  /*background-color: #1b3067;*/
  webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

.apacForm input[type='submit'][disabled='disabled']:hover,
.apacForm button[disabled='disabled']:hover {
  /*background-color: #1b3067 !important;*/
}

.apacForm input[type='text'][disabled='disabled'] {
  font-weight: bold;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/** APAC - ajdust old markup */

.apac #promoCodeContainer input#promoCode {
  width: 320px !important;
  height: 32px !important;
}

.apac #command .btn {
  position: absolute;
}

.apac .summaryCartItems tbody tr td:first-child {
  padding-right: 20px;
}

/** APAC promoprice communication */

.apac table tr.promoCodeTotal th,
.apac table tr.totalSavings th {
  line-height: 16px !important;
  height: auto !important;
}

.apac table tr.promoCodeTotal th {
  padding-top: 12px;
}

.apac table tr.totalSavings th {
  padding-bottom: 12px;
}

.apac table tr.totalSavings th.red {
  color: #e0003c !important;
}

/** TOTAL without promocode section on Cart Approval Page */

.apacApprovalPage .cartTotal {
  width: 600px !important;
  margin: 20px 0 0 auto;
}

.apacApprovalPage .cartTotal #totalPriceWrap {
  padding-bottom: 20px;
}

.apacApprovalPage .addressAndFurtherInformation {
  margin-top: 0;
}

.apacApprovalPage .acceptTermsAndConditions {
  padding-top: 15px;
}

/** APAC - Hidden Templates */

#hiddenTemplates {
  display: none;
}

/** CART EXTENDED */

.cartExtended {
  padding: 15px 0 0 0 !important;
}

.cartExtended #cartTable {
  margin: 0;
  padding: 15px 0 0 0;
}

.cartExtended section {
  /*padding: 15px 0 0 0;*/
}

/** TABS */

.tabs .tabs-nav {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.tabs .tabs-nav>li {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  height: 60px;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
  background-color: #e9eef2;
  color: #1b3067;
  border-right: 1px #fff solid;
  -webkit-transition: background-color 0.2s;
  -khtml-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -ms-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.tabs .tabs-nav>li.active {
  background-color: #fff;
  color: #404040;
  font-weight: bold;
  border-top: 2px #c9d5df solid;
}

.tabs .tabs-nav>li.active:hover {
  background-color: #fff;
}

.tabs .tabs-nav>li:hover {
  background-color: #c9d5df;
}

.tabs .tabs-nav>li:last-of-type {
  border-right: 0;
}

.tabs .tabs-content {
  position: relative;
  overflow: hidden;
}

.tabs .tabs-content>div {
  position: absolute;
  top: -99999px;
  left: -99999px;
}

.tabs .tabs-content>div.active {
  position: relative;
  top: 0;
  left: 0;
}

.tabs.reverse .tabs-nav>li {
  background-color: #fff;
  border: 0;
}

.tabs.reverse .tabs-nav>li.active {
  background-color: #e9eef2;
  color: #1b3067;
}

.tabs.reverse .tabs-nav>li.active:hover {
  background-color: #e9eef2;
  color: #1b3067;
}

.tabs.reverse .tabs-nav>li:hover {
  background-color: #f9fafb;
}

.tabs.reverse .tabs-content>div {
  background-color: #e9eef2;
}

/** UPLOAD */

.apac input.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.apac input[type="checkbox"] {
  display: inline;
  height: auto;
  margin: 0;
  padding: 0;
}

.apac label.checkbox {
  position: relative;
  display: inline-block;
  padding: 0 0 0 22px;
  margin: 0;
  cursor: pointer;
  font-size: 14px;
  line-height: 18px;
}

.apac label.checkbox>span {
  font-weight: bold;
}

.apac label.checkbox>input[type="checkbox"] {
  display: none;
}

.apac label.checkbox:before {
  position: absolute;
  top: 2px;
  left: 0;
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  background-color: transparent;
  background-image: url("../images/no_repeat_data2.png");
  background-position: -3px -479px;
  background-repeat: no-repeat;
}

.apac label.checkbox.checked:before {
  background-position: -3px -574px;
}

#upload {
  padding: 30px 0;
}

#upload input[type="text"] {
  height: 32px;
  line-height: 32px;
  font-size: 14px;
}

#upload .row {
  display: block;
}

#upload>header {
  padding-bottom: 0;
}

#upload>header::after {
  content: "";
  display: table;
  clear: both;
}

#upload>header h1 {
  float: left;
}

#upload>header p {
  clear: both;
  padding: 10px 0 0 0;
  font-size: 14px;
  line-height: 20px;
}

#upload>header #switch-upload {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 150px;
  text-align: center;
}

#upload>.tabs {
  padding-top: 20px;
}

#upload>.tabs>.tabs-nav {
  width: 50%;
}

#upload>.tabs>.tabs-nav>li {
  font-weight: bold;
}

#upload>.tabs>.tabs-content>div {
  padding: 15px;
}

#upload>.tabs>p {
  font-size: 14px;
  padding-bottom: 15px;
}

.upload #manual-upload {
  padding: 10px 0 0 0;
}

.upload #manual-upload form>.row {
  padding: 10px 0;
  border-bottom: 1px #ccc solid;
}

.upload #manual-upload form>.row::after {
  content: "";
  display: table;
  clear: both;
}

.upload #manual-upload form>.row>.col {
  padding: 0 5px;
  float: left;
}

.upload #manual-upload form>.row>.col>input[type="text"] {
  width: 100%;
}

.upload #manual-upload form>.row>.col.catalog-num {
  width: 90%;
}

.upload #manual-upload form>.row>.col.quantity {
  text-align: right;
  width: 10%;
}

.upload #manual-upload form>.row>.col.quantity>input[type="text"] {
  text-align: right;
}

.upload #manual-upload form>.row.head {
  padding-top: 0;
  padding-bottom: 0;
  border: 0;
}

.upload #manual-upload form>.row.head>.col {
  font-size: 14px;
}

.upload #manual-upload .btns {
  padding: 10px 5px 0 5px;
}

.upload #mass-upload {
  padding: 10px 0 5px 0;
}

.upload #mass-upload .info {
  font-size: 14px;
  padding-bottom: 20px;
}

.upload #mass-upload .info>a {
  font-weight: bold;
  color: #1b3067;
  -webkit-transition: color 0.2s;
  -khtml-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}

.upload #mass-upload .info>a:hover {
  color: #1562ad;
}

.upload #mass-upload>form .row {
  padding: 0 0 15px 0;
}

.upload #mass-upload>form .row::after {
  content: "";
  display: table;
  clear: both;
}

.upload #mass-upload>form .row.file>label {
  float: left;
  margin: 0 10px 0 0;
}

.upload #mass-upload>form .row.file>input[type="submit"] {
  float: left;
}

.upload #mass-upload>form .row.option {
  padding-bottom: 0;
}

/** CART TOTAL BOTTOM */

#totalBottom {
  padding: 15px 0 0 0;
}

#totalBottom .shortInfo {
  display: block;
  padding-top: 10px;
  font-size: 12px;
}

#totalBottom .row,
#totalBottom .col {
  display: block;
}

#totalBottom .left {
  float: left;
}

#totalBottom .right {
  float: right;
}

#totalBottom > .row > .col {
  width: 50%;
}

#totalBottom .row > .col > .inner {
  background-color: #e9eef2;
  padding: 25px 30px;
}

#totalBottom > .row > .col.left {
  float: left;
  padding-right: 15px;
}

#totalBottom > .row > .col.right {
  float: right;
  padding-left: 15px;
}

/** TOTAL SECTION */

#totalBottom #sectionTotal {
  padding-bottom: 40px;
  min-height: 257px;
}

#totalBottom #sectionTotal > .row {
  padding: 3px 0;
}

#totalBottom #sectionTotal > .row:first-child {
  padding-top: 0;
}

#totalBottom #sectionTotal > .savings {
  padding-bottom: 15px;
  font-family: futura-book, arial, sans-serif;
  font-size: 23px;
  line-height: 23px;
}

#totalBottom #sectionTotal > .discount {
  font-weight: bold;
  color: #e0003c;
}

#totalBottom #sectionTotal > .total {
  padding-top: 15px;
  font-family: futura-book, arial, sans-serif;
  font-size: 28px;
  line-height: 28px;
  font-weight: bold;
}

#totalBottom #promo-code {
  position: relative;
  background-color: #e9eef2;
  padding: 25px 30px 30px 30px;
  border-top: 1px #fff solid;
}

#totalBottom #promo-code > h2 {
  font-family: arial, vardana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 10px 0;
}

#totalBottom #promo-code #promoCode {
  float: left;
  height: 32px;
  font-size: 14px;
  width: 352px;
}

#totalBottom #promo-code #applyDiscountCode {
  float: right;
}

#totalBottom #promo-code #removePromoCode {
  position: absolute;
  top: 59px;
  left: 363px;
  cursor: pointer;
}

/** PRICE INFORMATION SECTION */

#sectionPriceInformation > h1 {
  font-size: 23px;
  line-height: 23px;
  padding: 0 0 15px 0;
}

#sectionPriceInformation > ul {
  padding: 0 0 15px 0;
}

#sectionPriceInformation > ul:last-child {
  padding-bottom: 0;
}

#sectionPriceInformation > ul > li {
  line-height: 22px;
}

.infoTop li > strong.status {
  position: relative;
  padding: 0 0 0 24px;
}

.infoTop li > strong.status:before {
  position: absolute;
  top: 0;
  left: 2px;
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.infoTop li > strong.status.verified:before {
  background-color: #008000;
}

.infoTop li > strong.status.notverified:before {
  background-color: #e0003c;
}

#sectionAddressSelection {
  padding: 25px 30px 30px 30px;
  background-color: #e9eef2;
  border-top: 1px #fff solid;
}

#sectionAddressSelection > h2 {
  font-family: arial, vardana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 10px 0;
}

#sectionAddressSelection select {
  height: 32px;
  font-size: 14px;
  width: 100%;
}

/** MASS CART CATIONS */

#massCartActionsWrap {
  position: relative;
  border-top: 1px #c3d1d9 solid;
  padding: 0;
  height: 50px;
}

#massCartActionsWrap > a {
  position: absolute;
  top: 10px;
  font-weight: bold;
  padding: 5px 35px 5px 0;
  font-size: 12px;
}

#massCartActionsWrap > a:after {
  position: absolute;
  top: -1px;
  right: 0;
  content: '';
  display: block;
  width: 26px;
  height: 26px;
}

#massCartActionsWrap > a#massCartUpdate {
  right: 327px;
}

#massCartActionsWrap > a#massCartEmpty {
  right: 33px;
}

#massCartActionsWrap > a#massCartUpdate:after {
  background: transparent url("../images/no_repeat_data2.png") no-repeat scroll -228px -229px;
}

#massCartActionsWrap > a#massCartEmpty:after {
  background: transparent url("../images/no_repeat_data2.png") no-repeat scroll 1px -931px;
}

/** APAC TRIGGER IN CHECKOUT */

.apacTrigger {
  border-bottom: 1px #e9eef2 solid;
}

.apacTrigger.top {
  padding-top: 15px;
}

.apacTrigger.bottom {
  padding-top: 60px;
}

.apacTrigger section {
  padding-bottom: 15px;
}

.apacTrigger section p {
  line-height: 20px;
  padding: 0;
}

.apacTrigger section p a {
  font-weight: bold;
  color: #1b3067;
}

.apacTrigger section p a:hover {
  color: #2864a0;
}

.apacTriggerRequest > header {
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
  border-bottom: 1px #e9eef2 solid;
}

.apacTriggerRequest > header > h1 {
  width: 50%;
  float: left;
}

.apacTriggerRequest > header > .btns {
  float: right;
}

.apacTriggerRequest > .info {
  width: 80%;
}

.apacTriggerSubmit > header > .info {
  width: 80%;
  float: left;
}

.apacTriggerSubmit > header > .btns {
  position: relative;
  top: 8px;
  float: right;
}

/** fancybox apac */

#fancybox-content .apac {
  position: relative;
}

#fancybox-content .apac #fancybox-cover {
  background-color: rgba(255, 255, 255, 0.8);
}

#fancybox-content .apac #fancybox-cover-submit {
  background-color: rgba(255, 255, 255, 1);
}

#fancybox-content .apac #fancybox-cover,
#fancybox-content .apac #fancybox-cover-submit {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}



#fancybox-content .apac #fancybox-cover:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  content: '';
  display: block;
  width: 32px;
  height: 32px;
  background-color: transparent;
  background-image: url("../images/spinner.gif");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

#fancybox-content .apac.loading #fancybox-cover {
  display: block;
}

#fancybox-content .apac.loading-submit #fancybox-cover-submit {
  display: block;
}

#fancybox-content .apac.loading-submit #fancybox-cover-submit #submitProgressWrapper {
  display: block;
}
#fountainG {
  position: relative;
  width: 132px;
  height: 16px;
  margin: auto;
}

.fountainG {
  position: absolute;
  top: 0;
  background-color: rgb(255,255,255);
  width: 16px;
  height: 16px;
  animation-name: bounce_fountainG;
  -o-animation-name: bounce_fountainG;
  -ms-animation-name: bounce_fountainG;
  -webkit-animation-name: bounce_fountainG;
  -moz-animation-name: bounce_fountainG;
  animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  transform: scale(.3);
  -o-transform: scale(.3);
  -ms-transform: scale(.3);
  -webkit-transform: scale(.3);
  -moz-transform: scale(.3);
  border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

#fountainG_1 {
  left: 0;
  animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
}

#fountainG_2 {
  left: 16px;
  animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  -ms-animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
}

#fountainG_3 {
  left: 33px;
  animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
}

#fountainG_4 {
  left: 49px;
  animation-delay: 1.05s;
  -o-animation-delay: 1.05s;
  -ms-animation-delay: 1.05s;
  -webkit-animation-delay: 1.05s;
  -moz-animation-delay: 1.05s;
}

#fountainG_5 {
  left: 66px;
  animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
}

#fountainG_6 {
  left: 82px;
  animation-delay: 1.35s;
  -o-animation-delay: 1.35s;
  -ms-animation-delay: 1.35s;
  -webkit-animation-delay: 1.35s;
  -moz-animation-delay: 1.35s;
}

#fountainG_7 {
  left: 99px;
  animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
}

#fountainG_8 {
  left: 115px;
  animation-delay: 1.64s;
  -o-animation-delay: 1.64s;
  -ms-animation-delay: 1.64s;
  -webkit-animation-delay: 1.64s;
  -moz-animation-delay: 1.64s;
}

@keyframes bounce_fountainG {
  0% {
    transform: scale(1);
    background-color: rgb(40,100,160);
  }

  100% {
    transform: scale(.3);
    background-color: rgb(255,255,255);
  }
}

@-o-keyframes bounce_fountainG {
  0% {
    -o-transform: scale(1);
    background-color: rgb(40,100,160);
  }

  100% {
    -o-transform: scale(.3);
    background-color: rgb(255,255,255);
  }
}

@-ms-keyframes bounce_fountainG {
  0% {
    -ms-transform: scale(1);
    background-color: rgb(40,100,160);
  }

  100% {
    -ms-transform: scale(.3);
    background-color: rgb(255,255,255);
  }
}

@-webkit-keyframes bounce_fountainG {
  0% {
    -webkit-transform: scale(1);
    background-color: rgb(40,100,160);
  }

  100% {
    -webkit-transform: scale(.3);
    background-color: rgb(255,255,255);
  }
}

@-moz-keyframes bounce_fountainG {
  0% {
    -moz-transform: scale(1);
    background-color: rgb(40,100,160);
  }

  100% {
    -moz-transform: scale(.3);
    background-color: rgb(255,255,255);
  }
}
/*
	ColorBox Core Style:
	The following CSS is consistent between example themes and should not be altered.
*/

#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

#colorbox #cboxClose {
  top: 0;
  right: 0;
}

#cboxLoadedContent {
  margin-top: 28px;
  margin-bottom: 0;
}

/* 
	User Style:
	Change the following styles to modify the appearance of ColorBox.  They are
	ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#cboxOverlay {
  background: url("../images/colorbox/overlay.png") repeat 0 0;
}



#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url("../images/colorbox/controls.png") no-repeat -100px 0;
}

#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url("../images/colorbox/controls.png") no-repeat -129px 0;
}

#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url("../images/colorbox/controls.png") no-repeat -100px -29px;
}

#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url("../images/colorbox/controls.png") no-repeat -129px -29px;
}

#cboxMiddleLeft {
  width: 21px;
  background: url("../images/colorbox/controls.png") left top repeat-y;
}

#cboxMiddleRight {
  width: 21px;
  background: url("../images/colorbox/controls.png") right top repeat-y;
}

#cboxTopCenter {
  height: 21px;
  background: url("../images/colorbox/border.png") 0 0 repeat-x;
}

#cboxBottomCenter {
  height: 21px;
  background: url("../images/colorbox/border.png") 0 -29px repeat-x;
}

#cboxContent {
  background: #f4f4f4;
  overflow: hidden;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  margin-bottom: 28px;
}

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494;
}

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}

#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("../images/colorbox/controls.png") no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxPrevious.hover {
  background-position: -75px -25px;
}

#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url("../images/colorbox/controls.png") no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxNext.hover {
  background-position: -50px -25px;
}

#cboxLoadingOverlay {
  background: url("../images/colorbox/loading_background.png") no-repeat center center;
}

#cboxLoadingGraphic {
  background: url("../images/colorbox/loading.gif") no-repeat center center;
}

#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url("../images/colorbox/controls.png") no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxClose.hover {
  background-position: -25px -25px;
}

/*
	The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill
	when an alpha filter (opacity change) is set on the element or ancestor element.
*/

.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
	The following provides PNG transparency support for IE6
*/

.cboxIE6 #cboxTopLeft {
  background: url("../images/colorbox/ie6/borderTopLeft.png");
}

.cboxIE6 #cboxTopCenter {
  background: url("../images/colorbox/ie6/borderTopCenter.png");
}

.cboxIE6 #cboxTopRight {
  background: url("../images/colorbox/ie6/borderTopRight.png");
}

.cboxIE6 #cboxBottomLeft {
  background: url("../images/colorbox/ie6/borderBottomLeft.png");
}

.cboxIE6 #cboxBottomCenter {
  background: url("../images/colorbox/ie6/borderBottomCenter.png");
}

.cboxIE6 #cboxBottomRight {
  background: url("../images/colorbox/ie6/borderBottomRight.png");
}

.cboxIE6 #cboxMiddleLeft {
  background: url("../images/colorbox/ie6/borderMiddleLeft.png");
}

.cboxIE6 #cboxMiddleRight {
  background: url("../images/colorbox/ie6/borderMiddleRight.png");
}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
  _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}
/** temporary helpers */

body {
  padding: 0;
  margin: 0;
}

.clear {
  clear: both;
  float: none;
  padding: 0 !important;
  margin: 0 !important;
}

/** fonts */

@font-face {
  font-family: "futura-book";
  src: url("../login-design/fonts/futura-t-book.eot?#iefix") format("embedded-opentype"),
	url("../login-design/fonts/futura-t-book.woff") format("woff"),
	url("../login-design/fonts/futura-t-book.svg#e52b21ef-2d97-4ba5-90c2-269007922344") format("svg");
}

/** qbtns */



#qentry .qbtn {
  display: inline-block;
  font-family: futura-book;
  background-color: #1b3067;
  color: #fff;
  padding: 10px 20px;
  font-size: 22px;
  line-height: 22px;
  text-decoration: none;
  font-weight: normal;
  cursor: pointer;
}

#qentry .qbtn:hover {
  background-color: #1562ad;
}

#qentry .qbtn.light {
  background-color: transparent;
  color: #1b3067;
}

#qentry .qbtn.light:hover {
  color: #1562ad;
}

/** qlink */

#qentry .qlink {
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  color: #1b3067;
  font-size: 14px;
}

#qentry .qlink:hover {
  color: #1562ad;
}

#qentry ul,
#qentry ul li {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 14px;
  line-height: 18px;
  list-style-type: none;
}

/** forms */

#qentry input[type='text'],
#qentry input[type='email'],
#qentry input[type='password'] {
  display: inline-block;
  padding: 10px;
  border: 1px #bfbfbf solid;
  background-color: #fff;
  width: 100%;
  font-size: 14px;
  line-height: 16px;
  color: #404040;
}

#qentry .invalid {
  border: 1px #e0003c solid !important;
}

#qentry .qrow {
  padding: 15px 0 0 0;
}

/** qmessages */

#qentry .qmessage {
  display: block;
  padding: 5px 0 0 0;
}

#qentry .qmessage span {
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
}

#qentry .qmessage span a {
  text-decoration: underline;
  color: inherit;
  font-weight: bold;
}

#qentry .qmessage span a:hover {
  color: #ff0044;
}

#qentry .qmessage.error span {
  color: #e0003c;
}

#qentry .qmessage strong {
  color: inherit;
  font-size: inherit;
  font-weight: normal;
}

/** qentry - new login/register entry page */

#qentry {
  width: 1134px;
  /** adjust width to container */
  margin: 0 auto;
  font-family: arial, sans-serif;
  color: #404040;
  padding: 20px 0;
}

#qentry * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#qentry > h1 {
  font-size: 26px;
  margin: 0;
  padding: 0 0 15px 0;
}

#qentry h1,
#qentry h2 {
  font-weight: normal;
  font-family: futura-book;
}

#qentry .qentry-table {
  display: table;
  border-collapse: separate;
}

#qentry .qentry-row {
  display: table-row;
}

#qentry .qentry-col {
  display: table-cell;
  width: 50%;
  background-color: #e9eef2;
}

#qentry .qentry-col:first-child {
  border-right: 15px #fff solid;
}

#qentry .qentry-col:last-child {
  border-left: 15px #fff solid;
}

/** qentry-box */

#qentry .qentry-box {
  padding: 30px 30px 40px 150px;
  background-position: 26px 28px;
  background-repeat: no-repeat;
  border-bottom: 1px #fff solid;
}

#qentry .qentry-box:last-child {
  border-bottom: 0;
}

#qentry .qentry-box h2 {
  font-size: 24px;
  margin: 0;
  padding: 0 0 15px 0;
}

#qentry .qentry-box p {
  font-size: 14px;
  line-height: 18px;
  margin: 0;
}

#qentry #qentry-register {
  background-image: url("../login-design/img/new-user.png");
}

#qentry #qentry-register .qbtns {
  padding-top: 20px;
}

#qentry .qfaq {
  padding: 20px 0 0 0;
}





#qentry #qentry-info {
  background-image: url("../login-design/img/information.png");
  background-position: 26px 34px;
}

#qentry #qentry-info ul li {
  padding: 0 0 8px 26px;
  background-image: url("../login-design/img/check.png");
  background-position: 0 -1px;
  background-repeat: no-repeat;
  background-size: 18px auto;
}

#qentry #qentry-info ul li:last-child {
  padding-bottom: 0;
}

#qentry #qentry-login {
  background-image: url("../login-design/img/registered-user.png");
}

#qentry #qentry-login form,
#qentry #qentry-login .fieldset {
  padding: 10px 80px 0 0;
}

#qentry #qentry-login .btns {
  padding-top: 20px;
}

/** placeholders */

#qentry input::-webkit-input-placeholder {
  color: #bfbfbf;
}

#qentry input:-moz-placeholder {
  color: #bfbfbf;
}

#qentry input::-moz-placeholder {
  color: #bfbfbf;
}

#qentry input:-ms-input-placeholder {
  color: #bfbfbf;
}
.flyout.punchout #cart > header::after {
  content: "";
  display: table;
  clear: both;
}

.flyout.punchout #cart > header > h1 {
  width: 50%;
  float: left;
}

.flyout.punchout #cart .col {
  font-size: 14px;
  line-height: 20px;
  padding: 15px 0;
}

.flyout.punchout #cart .col.thumb {
  width: 115px;
}

.flyout.punchout #cart .col.subtotal {
  width: 15%;
  text-align: right;
}

.flyout.punchout #cart #cart-data .row {
  border-bottom: 1px #e9eef2 solid;
}

.flyout.punchout #cart #cart-data .row:last-of-type {
  border: 0;
}

.flyout.punchout #cart #cart-data .col.thumb > a,
.flyout.punchout #cart #cart-data .col.thumb > a > img {
  display: block;
  width: 100px;
  height: 100px;
}

.flyout.punchout #cart #cart-data .col.thumb > a {
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  -khtml-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.flyout.punchout #cart #cart-data .col.thumb > a > img {
  width: inherit;
  height: inherit;
}

.flyout.punchout #cart #cart-data .col.thumb > a:hover {
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -webkit-opacity: 0.8;
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-opacity: 0.8;
  -o-opacity: 0.8;
  opacity: 0.8;
}

.flyout.punchout #cart #cart-data .col.data > .title {
  padding: 0 0 6px 0;
  font-family: futura-book, arial, sans-serif;
}

.flyout.punchout #cart #cart-data .col.data > .title > a {
  font-family: inherit;
  color: #1b3067;
  -webkit-transition: color 0.2s;
  -khtml-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -ms-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
  line-height: 22px;
}

.flyout.punchout #cart #cart-data .col.data > .title > a:hover {
  color: #1562ad;
}

.flyout.punchout #cart #cart-data .col.data > .catno {
  font-family: futura-book, arial, sans-serif;
  padding: 0 0 10px 0;
}

.flyout.punchout #cart #cart-data .col.subtotal > span {
  display: block;
  font-weight: bold;
}

.flyout.punchout .table {
  display: table;
  width: 100%;
  border-collapse: collapse;
}

.flyout.punchout .table > .row {
  display: table-row;
}

.flyout.punchout .table > .row > .col {
  position: relative;
  display: table-cell;
  width: auto;
  text-align: left;
  vertical-align: top;
}

.flyout.punchout .table > .row > .col::after {
  content: "";
  display: table;
  clear: both;
}

.flyout.punchout a {
  text-decoration: none;
}

.flyout.punchout h1,
.flyout.punchout h2 {
  margin: 0;
  padding: 0 0 20px 0;
  font-family: futura-book, arial, sans-serif;
  font-weight: normal;
}

.flyout.punchout h1 > *,
.flyout.punchout h2 > * {
  font-family: inherit;
  font-size: inherit;
}

.flyout.punchout h1 {
  font-size: 24px;
  line-height: 28px;
}

.flyout.punchout h2 {
  font-size: 20px;
  line-height: 24px;
}

.flyout.punchout header > h1,
.flyout.punchout header > h2 {
  padding: 0;
}

.flyout.punchout button {
  display: block;
  border: 0;
  background-color: transparent;
}

.flyout.punchout .btn {
  display: block;
  margin: 0;
  padding: 0 20px;
  color: #000;
  background-color: transparent;
  font-size: 18px;
  line-height: 32px;
  cursor: pointer;
  border: 0;
  height: 32px;
  font-family: futura-book, arial, sans-serif;
  text-align: center;
  -webkit-transition: border-color 0.3s, color 0.3s, background-color 0.3s;
  -khtml-transition: border-color 0.3s, color 0.3s, background-color 0.3s;
  -moz-transition: border-color 0.3s, color 0.3s, background-color 0.3s;
  -ms-transition: border-color 0.3s, color 0.3s, background-color 0.3s;
  -o-transition: border-color 0.3s, color 0.3s, background-color 0.3s;
  transition: border-color 0.3s, color 0.3s, background-color 0.3s;
}

.flyout.punchout .btn.blue {
  background-color: #1b3067;
  color: #fff;
}

.flyout.punchout .btn.blue:hover {
  background-color: #1562ad;
}

.flyout.punchout .btn.white {
  background-color: #fff;
  color: #1b3067;
}

.flyout.punchout .btn.white:hover {
  color: #1562ad;
}

.flyout.punchout .btn.arrow {
  position: relative;
  overflow: hidden;
  padding-right: 30px;
}

.flyout.punchout .btn.arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -14px;
  right: 0;
  border-top: 30px #fff solid;
  border-right: 0;
  border-bottom: 30px #fff solid;
  border-left: 30px transparent solid;
}

.flyout.punchout .btn.reverse {
  font-family: arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

.flyout.punchout .btn > strong,
.flyout.punchout .btn > span {
  color: inherit;
  display: inline;
  font-weight: normal;
  font-family: inherit;
}

.flyout.punchout .btns::after {
  content: "";
  display: table;
  clear: both;
}

.flyout.punchout .btns > .left {
  float: left;
}

.flyout.punchout .btns > .left::after {
  content: "";
  display: table;
  clear: both;
}

.flyout.punchout .btns > .left > .btn {
  margin: 0 10px 0 0;
  float: left;
}

.flyout.punchout .btns > .left > .btn.white:first-child {
  padding-left: 0;
}

.flyout.punchout .btns > .right {
  float: right;
}

.flyout.punchout .btns > .right::after {
  content: "";
  display: table;
  clear: both;
}

.flyout.punchout .btns > .right > .btn {
  margin: 0 0 0 10px;
  float: left;
}

.flyout.punchout .blueButton {
  background-image: none !important;
  font-weight: normal !important;
  max-height: 32px;
  min-height: 32px;
  height: 32px;
  font-size: 18px !important;
  width: auto !important;
  -webkit-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -ms-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  border-radius: 0 !important;
}

.flyout.punchout #nav-handy {
  position: absolute;
  bottom: -32px;
  right: 15px;
  z-index: 10;
}

.flyout.punchout #nav-handy ul,
.flyout.punchout #nav-handy ul > li,
.flyout.punchout #nav-handy ul > li > a {
  display: block;
}

.flyout.punchout #nav-handy > ul::after {
  content: "";
  display: table;
  clear: both;
}

.flyout.punchout #nav-handy > ul > li {
  position: relative;
  float: left;
  padding: 5px 35px 5px 30px;
  font-family: arial, sans-serif;
  text-decoration: none;
  font-size: 14px;
  line-height: 14px;
  color: #5f6e94;
}

.flyout.punchout #nav-handy > ul > li > a {
  color: #5f6e94;
}

.flyout.punchout #nav-handy > ul > li > a > small {
  position: absolute;
  bottom: -1px;
  left: -2px;
  display: block;
  padding: 1px 4px;
  font-family: inherit;
  font-size: 11px;
  line-height: 11px;
  background-color: #e0003c;
  color: inherit;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.flyout.punchout #nav-handy > ul > li > a::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 26px;
  height: 26px;
}

.flyout.punchout #nav-handy > ul > li > a:hover {
  color: #87a6d5;
}

.flyout.punchout #nav-handy > ul > li.cart > a::before {
  background: transparent url("../images/no_repeat_data.png") no-repeat scroll -3px -5030px;
}

.flyout.punchout #nav-handy > ul > li.cart > a > small {
  color: #fff;
}

.flyout.punchout #nav-handy > ul > li:last-of-type {
  padding-right: 0;
}

.flyout.punchout {
  width: 438px;
  padding: 30px;
}

.flyout.punchout #cart > header {
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px #c3d1d9 solid;
}

.flyout.punchout #cart > header > h1 {
  width: 80%;
}

.flyout.punchout #cart > header #nav-handy {
  top: 0;
  right: 0;
  bottom: auto;
}

.flyout.punchout #cart > header .col .thumb {
  width: 90px;
}

.flyout.punchout #cart > header .col .thumb > img {
  width: 80px;
  height: auto;
}

.flyout.punchout #cart > footer {
  padding-top: 20px;
  border-top: 1px #c3d1d9 solid;
}

.flyout.punchout h2.recommendationHeader {
  margin: 0 0 20px 0;
  padding: 0 60px 10px 0;
}