* {
    font-family: "微软雅黑";
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-fw {
    width: 1.28571429em;
    text-align: center;
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}

.fa-ul>li {
    position: relative;
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center;
}

.fa-li.fa-lg {
    left: -1.85714286em;
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eeeeee;
    border-radius: .1em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left {
    margin-right: .3em;
}

.fa.fa-pull-right {
    margin-left: .3em;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.fa.pull-left {
    margin-right: .3em;
}

.fa.pull-right {
    margin-left: .3em;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

:root .fa-rotate-90,
 :root .fa-rotate-180,
 :root .fa-rotate-270,
 :root .fa-flip-horizontal,
 :root .fa-flip-vertical {
    filter: none;
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #ffffff;
}

.fa-glass:before {
    content: "\f000";
}

.fa-music:before {
    content: "\f001";
}

.fa-search:before {
    content: "\f002";
}

.fa-envelope-o:before {
    content: "\f003";
}

.fa-heart:before {
    content: "\f004";
}

.fa-star:before {
    content: "\f005";
}

.fa-star-o:before {
    content: "\f006";
}

.fa-user:before {
    content: "\f007";
}

.fa-film:before {
    content: "\f008";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-check:before {
    content: "\f00c";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
    content: "\f00d";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-signal:before {
    content: "\f012";
}

.fa-gear:before,
.fa-cog:before {
    content: "\f013";
}

.fa-trash-o:before {
    content: "\f014";
}

.fa-home:before {
    content: "\f015";
}

.fa-file-o:before {
    content: "\f016";
}

.fa-clock-o:before {
    content: "\f017";
}

.fa-road:before {
    content: "\f018";
}

.fa-download:before {
    content: "\f019";
}

.fa-arrow-circle-o-down:before {
    content: "\f01a";
}

.fa-arrow-circle-o-up:before {
    content: "\f01b";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-play-circle-o:before {
    content: "\f01d";
}

.fa-rotate-right:before,
.fa-repeat:before {
    content: "\f01e";
}

.fa-refresh:before {
    content: "\f021";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-lock:before {
    content: "\f023";
}

.fa-flag:before {
    content: "\f024";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-print:before {
    content: "\f02f";
}

.fa-camera:before {
    content: "\f030";
}

.fa-font:before {
    content: "\f031";
}

.fa-bold:before {
    content: "\f032";
}

.fa-italic:before {
    content: "\f033";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-list:before {
    content: "\f03a";
}

.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-video-camera:before {
    content: "\f03d";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
    content: "\f03e";
}

.fa-pencil:before {
    content: "\f040";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-tint:before {
    content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044";
}

.fa-share-square-o:before {
    content: "\f045";
}

.fa-check-square-o:before {
    content: "\f046";
}

.fa-arrows:before {
    content: "\f047";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-play:before {
    content: "\f04b";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-eject:before {
    content: "\f052";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-times-circle-o:before {
    content: "\f05c";
}

.fa-check-circle-o:before {
    content: "\f05d";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-mail-forward:before,
.fa-share:before {
    content: "\f064";
}

.fa-expand:before {
    content: "\f065";
}

.fa-compress:before {
    content: "\f066";
}

.fa-plus:before {
    content: "\f067";
}

.fa-minus:before {
    content: "\f068";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
    content: "\f071";
}

.fa-plane:before {
    content: "\f072";
}

.fa-calendar:before {
    content: "\f073";
}

.fa-random:before {
    content: "\f074";
}

.fa-comment:before {
    content: "\f075";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-arrows-v:before {
    content: "\f07d";
}

.fa-arrows-h:before {
    content: "\f07e";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-key:before {
    content: "\f084";
}

.fa-gears:before,
.fa-cogs:before {
    content: "\f085";
}

.fa-comments:before {
    content: "\f086";
}

.fa-thumbs-o-up:before {
    content: "\f087";
}

.fa-thumbs-o-down:before {
    content: "\f088";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-heart-o:before {
    content: "\f08a";
}

.fa-sign-out:before {
    content: "\f08b";
}

.fa-linkedin-square:before {
    content: "\f08c";
}

.fa-thumb-tack:before {
    content: "\f08d";
}

.fa-external-link:before {
    content: "\f08e";
}

.fa-sign-in:before {
    content: "\f090";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-upload:before {
    content: "\f093";
}

.fa-lemon-o:before {
    content: "\f094";
}

.fa-phone:before {
    content: "\f095";
}

.fa-square-o:before {
    content: "\f096";
}

.fa-bookmark-o:before {
    content: "\f097";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a";
}

.fa-github:before {
    content: "\f09b";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-feed:before,
.fa-rss:before {
    content: "\f09e";
}

.fa-hdd-o:before {
    content: "\f0a0";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-hand-o-right:before {
    content: "\f0a4";
}

.fa-hand-o-left:before {
    content: "\f0a5";
}

.fa-hand-o-up:before {
    content: "\f0a6";
}

.fa-hand-o-down:before {
    content: "\f0a7";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-group:before,
.fa-users:before {
    content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
    content: "\f0c1";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-save:before,
.fa-floppy-o:before {
    content: "\f0c7";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: "\f0c9";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-plus:before {
    content: "\f0d5";
}

.fa-money:before {
    content: "\f0d6";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-unsorted:before,
.fa-sort:before {
    content: "\f0dc";
}

.fa-sort-down:before,
.fa-sort-desc:before {
    content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-asc:before {
    content: "\f0de";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-linkedin:before {
    content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2";
}

.fa-legal:before,
.fa-gavel:before {
    content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4";
}

.fa-comment-o:before {
    content: "\f0e5";
}

.fa-comments-o:before {
    content: "\f0e6";
}

.fa-flash:before,
.fa-bolt:before {
    content: "\f0e7";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-paste:before,
.fa-clipboard:before {
    content: "\f0ea";
}

.fa-lightbulb-o:before {
    content: "\f0eb";
}

.fa-exchange:before {
    content: "\f0ec";
}

.fa-cloud-download:before {
    content: "\f0ed";
}

.fa-cloud-upload:before {
    content: "\f0ee";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-bell-o:before {
    content: "\f0a2";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cutlery:before {
    content: "\f0f5";
}

.fa-file-text-o:before {
    content: "\f0f6";
}

.fa-building-o:before {
    content: "\f0f7";
}

.fa-hospital-o:before {
    content: "\f0f8";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b";
}

.fa-circle-o:before {
    content: "\f10c";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-circle:before {
    content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-folder-o:before {
    content: "\f114";
}

.fa-folder-open-o:before {
    content: "\f115";
}

.fa-smile-o:before {
    content: "\f118";
}

.fa-frown-o:before {
    content: "\f119";
}

.fa-meh-o:before {
    content: "\f11a";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-keyboard-o:before {
    content: "\f11c";
}

.fa-flag-o:before {
    content: "\f11d";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-code:before {
    content: "\f121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-crop:before {
    content: "\f125";
}

.fa-code-fork:before {
    content: "\f126";
}

.fa-unlink:before,
.fa-chain-broken:before {
    content: "\f127";
}

.fa-question:before {
    content: "\f128";
}

.fa-info:before {
    content: "\f129";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-shield:before {
    content: "\f132";
}

.fa-calendar-o:before {
    content: "\f133";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f138";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-ticket:before {
    content: "\f145";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-minus-square-o:before {
    content: "\f147";
}

.fa-level-up:before {
    content: "\f148";
}

.fa-level-down:before {
    content: "\f149";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-pencil-square:before {
    content: "\f14b";
}

.fa-external-link-square:before {
    content: "\f14c";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "\f150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "\f151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "\f152";
}

.fa-euro:before,
.fa-eur:before {
    content: "\f153";
}

.fa-gbp:before {
    content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
    content: "\f155";
}

.fa-rupee:before,
.fa-inr:before {
    content: "\f156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "\f157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "\f158";
}

.fa-won:before,
.fa-krw:before {
    content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-text:before {
    content: "\f15c";
}

.fa-sort-alpha-asc:before {
    content: "\f15d";
}

.fa-sort-alpha-desc:before {
    content: "\f15e";
}

.fa-sort-amount-asc:before {
    content: "\f160";
}

.fa-sort-amount-desc:before {
    content: "\f161";
}

.fa-sort-numeric-asc:before {
    content: "\f162";
}

.fa-sort-numeric-desc:before {
    content: "\f163";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-youtube-square:before {
    content: "\f166";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-youtube-play:before {
    content: "\f16a";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-adn:before {
    content: "\f170";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitbucket-square:before {
    content: "\f172";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-long-arrow-down:before {
    content: "\f175";
}

.fa-long-arrow-up:before {
    content: "\f176";
}

.fa-long-arrow-left:before {
    content: "\f177";
}

.fa-long-arrow-right:before {
    content: "\f178";
}

.fa-apple:before {
    content: "\f179";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-android:before {
    content: "\f17b";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-trello:before {
    content: "\f181";
}

.fa-female:before {
    content: "\f182";
}

.fa-male:before {
    content: "\f183";
}

.fa-gittip:before,
.fa-gratipay:before {
    content: "\f184";
}

.fa-sun-o:before {
    content: "\f185";
}

.fa-moon-o:before {
    content: "\f186";
}

.fa-archive:before {
    content: "\f187";
}

.fa-bug:before {
    content: "\f188";
}

.fa-vk:before {
    content: "\f189";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-arrow-circle-o-right:before {
    content: "\f18e";
}

.fa-arrow-circle-o-left:before {
    content: "\f190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "\f191";
}

.fa-dot-circle-o:before {
    content: "\f192";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-turkish-lira:before,
.fa-try:before {
    content: "\f195";
}

.fa-plus-square-o:before {
    content: "\f196";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-slack:before {
    content: "\f198";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: "\f19c";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: "\f19d";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-pied-piper-pp:before {
    content: "\f1a7";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-spoon:before {
    content: "\f1b1";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-automobile:before,
.fa-car:before {
    content: "\f1b9";
}

.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-file-pdf-o:before {
    content: "\f1c1";
}

.fa-file-word-o:before {
    content: "\f1c2";
}

.fa-file-excel-o:before {
    content: "\f1c3";
}

.fa-file-powerpoint-o:before {
    content: "\f1c4";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: "\f1c5";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: "\f1c6";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: "\f1c7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8";
}

.fa-file-code-o:before {
    content: "\f1c9";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: "\f1cd";
}

.fa-circle-o-notch:before {
    content: "\f1ce";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
    content: "\f1d0";
}

.fa-ge:before,
.fa-empire:before {
    content: "\f1d1";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7";
}

.fa-send:before,
.fa-paper-plane:before {
    content: "\f1d8";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
    content: "\f1d9";
}

.fa-history:before {
    content: "\f1da";
}

.fa-circle-thin:before {
    content: "\f1db";
}

.fa-header:before {
    content: "\f1dc";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-sliders:before {
    content: "\f1de";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
    content: "\f1e3";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-newspaper-o:before {
    content: "\f1ea";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bell-slash-o:before {
    content: "\f1f7";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-eyedropper:before {
    content: "\f1fb";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-area-chart:before {
    content: "\f1fe";
}

.fa-pie-chart:before {
    content: "\f200";
}

.fa-line-chart:before {
    content: "\f201";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-bus:before {
    content: "\f207";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-cc:before {
    content: "\f20a";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
    content: "\f20b";
}

.fa-meanpath:before {
    content: "\f20c";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-cart-plus:before {
    content: "\f217";
}

.fa-cart-arrow-down:before {
    content: "\f218";
}

.fa-diamond:before {
    content: "\f219";
}

.fa-ship:before {
    content: "\f21a";
}

.fa-user-secret:before {
    content: "\f21b";
}

.fa-motorcycle:before {
    content: "\f21c";
}

.fa-street-view:before {
    content: "\f21d";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-venus:before {
    content: "\f221";
}

.fa-mars:before {
    content: "\f222";
}

.fa-mercury:before {
    content: "\f223";
}

.fa-intersex:before,
.fa-transgender:before {
    content: "\f224";
}

.fa-transgender-alt:before {
    content: "\f225";
}

.fa-venus-double:before {
    content: "\f226";
}

.fa-mars-double:before {
    content: "\f227";
}

.fa-venus-mars:before {
    content: "\f228";
}

.fa-mars-stroke:before {
    content: "\f229";
}

.fa-mars-stroke-v:before {
    content: "\f22a";
}

.fa-mars-stroke-h:before {
    content: "\f22b";
}

.fa-neuter:before {
    content: "\f22c";
}

.fa-genderless:before {
    content: "\f22d";
}

.fa-facebook-official:before {
    content: "\f230";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-server:before {
    content: "\f233";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-user-times:before {
    content: "\f235";
}

.fa-hotel:before,
.fa-bed:before {
    content: "\f236";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-train:before {
    content: "\f238";
}

.fa-subway:before {
    content: "\f239";
}

.fa-medium:before {
    content: "\f23a";
}

.fa-yc:before,
.fa-y-combinator:before {
    content: "\f23b";
}

.fa-optin-monster:before {
    content: "\f23c";
}

.fa-opencart:before {
    content: "\f23d";
}

.fa-expeditedssl:before {
    content: "\f23e";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
    content: "\f240";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: "\f241";
}

.fa-battery-2:before,
.fa-battery-half:before {
    content: "\f242";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
    content: "\f243";
}

.fa-battery-0:before,
.fa-battery-empty:before {
    content: "\f244";
}

.fa-mouse-pointer:before {
    content: "\f245";
}

.fa-i-cursor:before {
    content: "\f246";
}

.fa-object-group:before {
    content: "\f247";
}

.fa-object-ungroup:before {
    content: "\f248";
}

.fa-sticky-note:before {
    content: "\f249";
}

.fa-sticky-note-o:before {
    content: "\f24a";
}

.fa-cc-jcb:before {
    content: "\f24b";
}

.fa-cc-diners-club:before {
    content: "\f24c";
}

.fa-clone:before {
    content: "\f24d";
}

.fa-balance-scale:before {
    content: "\f24e";
}

.fa-hourglass-o:before {
    content: "\f250";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: "\f251";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: "\f252";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: "\f253";
}

.fa-hourglass:before {
    content: "\f254";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: "\f255";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
    content: "\f256";
}

.fa-hand-scissors-o:before {
    content: "\f257";
}

.fa-hand-lizard-o:before {
    content: "\f258";
}

.fa-hand-spock-o:before {
    content: "\f259";
}

.fa-hand-pointer-o:before {
    content: "\f25a";
}

.fa-hand-peace-o:before {
    content: "\f25b";
}

.fa-trademark:before {
    content: "\f25c";
}

.fa-registered:before {
    content: "\f25d";
}

.fa-creative-commons:before {
    content: "\f25e";
}

.fa-gg:before {
    content: "\f260";
}

.fa-gg-circle:before {
    content: "\f261";
}

.fa-tripadvisor:before {
    content: "\f262";
}

.fa-odnoklassniki:before {
    content: "\f263";
}

.fa-odnoklassniki-square:before {
    content: "\f264";
}

.fa-get-pocket:before {
    content: "\f265";
}

.fa-wikipedia-w:before {
    content: "\f266";
}

.fa-safari:before {
    content: "\f267";
}

.fa-chrome:before {
    content: "\f268";
}

.fa-firefox:before {
    content: "\f269";
}

.fa-opera:before {
    content: "\f26a";
}

.fa-internet-explorer:before {
    content: "\f26b";
}

.fa-tv:before,
.fa-television:before {
    content: "\f26c";
}

.fa-contao:before {
    content: "\f26d";
}

.fa-500px:before {
    content: "\f26e";
}

.fa-amazon:before {
    content: "\f270";
}

.fa-calendar-plus-o:before {
    content: "\f271";
}

.fa-calendar-minus-o:before {
    content: "\f272";
}

.fa-calendar-times-o:before {
    content: "\f273";
}

.fa-calendar-check-o:before {
    content: "\f274";
}

.fa-industry:before {
    content: "\f275";
}

.fa-map-pin:before {
    content: "\f276";
}

.fa-map-signs:before {
    content: "\f277";
}

.fa-map-o:before {
    content: "\f278";
}

.fa-map:before {
    content: "\f279";
}

.fa-commenting:before {
    content: "\f27a";
}

.fa-commenting-o:before {
    content: "\f27b";
}

.fa-houzz:before {
    content: "\f27c";
}

.fa-vimeo:before {
    content: "\f27d";
}

.fa-black-tie:before {
    content: "\f27e";
}

.fa-fonticons:before {
    content: "\f280";
}

.fa-reddit-alien:before {
    content: "\f281";
}

.fa-edge:before {
    content: "\f282";
}

.fa-credit-card-alt:before {
    content: "\f283";
}

.fa-codiepie:before {
    content: "\f284";
}

.fa-modx:before {
    content: "\f285";
}

.fa-fort-awesome:before {
    content: "\f286";
}

.fa-usb:before {
    content: "\f287";
}

.fa-product-hunt:before {
    content: "\f288";
}

.fa-mixcloud:before {
    content: "\f289";
}

.fa-scribd:before {
    content: "\f28a";
}

.fa-pause-circle:before {
    content: "\f28b";
}

.fa-pause-circle-o:before {
    content: "\f28c";
}

.fa-stop-circle:before {
    content: "\f28d";
}

.fa-stop-circle-o:before {
    content: "\f28e";
}

.fa-shopping-bag:before {
    content: "\f290";
}

.fa-shopping-basket:before {
    content: "\f291";
}

.fa-hashtag:before {
    content: "\f292";
}

.fa-bluetooth:before {
    content: "\f293";
}

.fa-bluetooth-b:before {
    content: "\f294";
}

.fa-percent:before {
    content: "\f295";
}

.fa-gitlab:before {
    content: "\f296";
}

.fa-wpbeginner:before {
    content: "\f297";
}

.fa-wpforms:before {
    content: "\f298";
}

.fa-envira:before {
    content: "\f299";
}

.fa-universal-access:before {
    content: "\f29a";
}

.fa-wheelchair-alt:before {
    content: "\f29b";
}

.fa-question-circle-o:before {
    content: "\f29c";
}

.fa-blind:before {
    content: "\f29d";
}

.fa-audio-description:before {
    content: "\f29e";
}

.fa-volume-control-phone:before {
    content: "\f2a0";
}

.fa-braille:before {
    content: "\f2a1";
}

.fa-assistive-listening-systems:before {
    content: "\f2a2";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
    content: "\f2a3";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
    content: "\f2a4";
}

.fa-glide:before {
    content: "\f2a5";
}

.fa-glide-g:before {
    content: "\f2a6";
}

.fa-signing:before,
.fa-sign-language:before {
    content: "\f2a7";
}

.fa-low-vision:before {
    content: "\f2a8";
}

.fa-viadeo:before {
    content: "\f2a9";
}

.fa-viadeo-square:before {
    content: "\f2aa";
}

.fa-snapchat:before {
    content: "\f2ab";
}

.fa-snapchat-ghost:before {
    content: "\f2ac";
}

.fa-snapchat-square:before {
    content: "\f2ad";
}

.fa-pied-piper:before {
    content: "\f2ae";
}

.fa-first-order:before {
    content: "\f2b0";
}

.fa-yoast:before {
    content: "\f2b1";
}

.fa-themeisle:before {
    content: "\f2b2";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
    content: "\f2b3";
}

.fa-fa:before,
.fa-font-awesome:before {
    content: "\f2b4";
}

.fa-handshake-o:before {
    content: "\f2b5";
}

.fa-envelope-open:before {
    content: "\f2b6";
}

.fa-envelope-open-o:before {
    content: "\f2b7";
}

.fa-linode:before {
    content: "\f2b8";
}

.fa-address-book:before {
    content: "\f2b9";
}

.fa-address-book-o:before {
    content: "\f2ba";
}

.fa-vcard:before,
.fa-address-card:before {
    content: "\f2bb";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
    content: "\f2bc";
}

.fa-user-circle:before {
    content: "\f2bd";
}

.fa-user-circle-o:before {
    content: "\f2be";
}

.fa-user-o:before {
    content: "\f2c0";
}

.fa-id-badge:before {
    content: "\f2c1";
}

.fa-drivers-license:before,
.fa-id-card:before {
    content: "\f2c2";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
    content: "\f2c3";
}

.fa-quora:before {
    content: "\f2c4";
}

.fa-free-code-camp:before {
    content: "\f2c5";
}

.fa-telegram:before {
    content: "\f2c6";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
    content: "\f2c7";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
    content: "\f2c8";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
    content: "\f2c9";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
    content: "\f2ca";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
    content: "\f2cb";
}

.fa-shower:before {
    content: "\f2cc";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
    content: "\f2cd";
}

.fa-podcast:before {
    content: "\f2ce";
}

.fa-window-maximize:before {
    content: "\f2d0";
}

.fa-window-minimize:before {
    content: "\f2d1";
}

.fa-window-restore:before {
    content: "\f2d2";
}

.fa-times-rectangle:before,
.fa-window-close:before {
    content: "\f2d3";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
    content: "\f2d4";
}

.fa-bandcamp:before {
    content: "\f2d5";
}

.fa-grav:before {
    content: "\f2d6";
}

.fa-etsy:before {
    content: "\f2d7";
}

.fa-imdb:before {
    content: "\f2d8";
}

.fa-ravelry:before {
    content: "\f2d9";
}

.fa-eercast:before {
    content: "\f2da";
}

.fa-microchip:before {
    content: "\f2db";
}

.fa-snowflake-o:before {
    content: "\f2dc";
}

.fa-superpowers:before {
    content: "\f2dd";
}

.fa-wpexplorer:before {
    content: "\f2de";
}

.fa-meetup:before {
    content: "\f2e0";
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.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-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;
    pointer-events: none;
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

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

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
}

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

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

.ui-menu .ui-menu {
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px;
}

.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em;
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

.ui-controlgroup>.ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0;
}

.ui-controlgroup>.ui-controlgroup-item:focus,
.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
    z-index: 9999;
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

.ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.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: 45%;
}

.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-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0;
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0;
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0;
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px;
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0;
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0;
}

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em;
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-tabs {
    position: relative;
    padding: .2em;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}

body .ui-tooltip {
    border-width: 2px;
}

.ui-widget {
    /*font-family: 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: Arial, sans-serif;*/
    font-size: 1em;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c3dbe6;
}

.ui-widget-content {
    border: 1px solid #c3dbe6;
    background: #ffffff url("../images/themes/ui-bg_inset-hard_100_ffffff_1x100.png") 50% bottom repeat-x;
    color: #222222;
}

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

.ui-widget-header {
    border: 1px solid #c3dbe6;
    background: #0098db;
    color: #ffffff;
    font-weight: bold;
}

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

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c3dbe6;
    background: #0098db;
    font-weight: bold;
    color: #ffffff;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #ffffff;
    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,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #c3dbe6;
    background: #f7f8f9 url("../images/themes/ui-bg_highlight-soft_100_f7f8f9_1x100.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #0098db;
}

.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,
a.ui-button:hover,
a.ui-button:focus {
    color: #0098db;
    text-decoration: none;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #c3dbe6;
    background: #f7f8f9 url("../images/themes/ui-bg_inset-hard_100_f7f8f9_1x100.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #0098db;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #c3dbe6;
    background-color: #0098db;
}

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

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #f0ab00;
    background: #fbec88;
    color: #363636;
}

.ui-state-checked {
    border: 1px solid #f0ab00;
    background: #fbec88;
}

.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 #c60c30;
    background: #fef1ec url("../images/themes/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
    color: #c60c30;
}

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

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

.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("../images/themes/ui-icons_0098db_256x240.png");
}

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

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

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("../images/themes/ui-icons_0098db_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("../images/themes/ui-icons_2e83ff_256x240.png");
}

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

.ui-button .ui-icon {
    background-image: url("../images/themes/ui-icons_ffffff_256x240.png");
}

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

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

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

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

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

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

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

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

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

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

.ui-icon-caret-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: -65px -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: -65px -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: 1px -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: 0;
}

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

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

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

.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .5;
    filter: Alpha(Opacity=50);
}

.ui-widget-shadow {
    -webkit-box-shadow: -8px -8px 8px #aaaaaa;
    box-shadow: -8px -8px 8px #aaaaaa;
}

#jr_overlay {
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    z-index: 2147483646;
    position: absolute;
}

#jr_wrap {
    position: absolute;
    width: 100%;
    z-index: 2147483647;
    padding: 0;
    margin: 0;
}

#jr_inner {
    /*font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;*/
    font-size: 12px;
    background: #FFF;
    border: 1px solid #CCC;
    color: #4F4F4F;
    margin: 0 auto;
    height: auto;
    padding: 20px;
    position: relative;
    box-sizing: content-box;
}

#jr_header {
    display: block;
    color: #333;
    padding: 5px;
    padding-bottom: 0;
    margin: 0;
    /*font-family: Helvetica, Arial, sans-serif;*/
    font-weight: bold;
    font-size: 1.3em;
    margin-bottom: 0.5em;
}

#jr_inner p {
    padding: 5px;
    margin: 0;
}

#jr_inner ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#jr_inner ul li {
    cursor: pointer;
    float: left;
    width: 120px;
    height: 122px;
    margin: 0 10px 10px 10px;
    padding: 0;
    text-align: center;
}

#jr_inner li a {
    color: #333;
    font-size: 0.8em;
    text-decoration: none;
    padding: 0;
    margin: 0;
}

#jr_inner li a:hover {
    text-decoration: underline;
}

#jr_inner .jr_icon {
    width: 100px;
    height: 100px;
    margin: 1px auto;
    padding: 0;
    background: transparent no-repeat scroll left top;
    cursor: pointer;
}

#jr_close {
    clear: both;
    padding: 0;
    margin: 0;
}

#jr_close a {
    color: #000;
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
    text-decoration: underline;
}

#jr_close p {
    padding: 10px 0 0 0;
    margin: 0;
}

html {
    -webkit-text-size-adjust: 100%;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
button,
select,
span {
    margin: 0;
    padding: 0;
    /*font: 11px/1.4em 'Montserrat', sans-serif;*/
    font: 12px/1.4em "微软雅黑";
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: 400;
}

ul,
ol {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: super;
}

sub {
    vertical-align: sub;
}

legend {
    color: #000;
}

*,
 :before,
 :after {
    box-sizing: border-box;
}

html {
    height: 100%;
}

body {
    height: 100%;
    background-color: #fff;
    color: #666;
    word-wrap: break-word;
}

h1 {
    float: left;
    /*font: 700 25px/1.4em 'Montserrat', sans-serif;*/
    font: 700 25px/1.4em "微软雅黑";
    margin-bottom: 20px;
    clear: left;
}

h1 .smaller {
    font-size: 16px
}

h2,
h3,
h4,
h5 {
    clear: left;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 10px;
}

h2.med,
h3,
h4,
h5 {
    font-size: 13px;
}

h2.med {
    margin: 0;
    float: left;
    width: 100%;
}

p {
    margin: 10px 0;
    clear: left;
}

a {
    color: #0599D9;
    text-decoration: none;
    outline: none;
}

a:hover {
    color: #F0AB00;
}

strong {
    font-weight: 700;
}

input[type="text"],
input[type="password"],
select,
textarea,
button {
    font-size: 11px;
    line-height: 1em;
}

input[type="text"],
input[type="password"] {
    height: 2em;
    padding: 0 2px;
}

textarea {
    padding: 3px;
}

select {
    height: 2em;
}

iframe {
    margin: 5px 0 0;
}

.dlgConfButton {
    margin: 5px;
    padding: 0 5px;
}

body.chrome input[type=button],
body.chrome input[type=submit],
body.chrome button {
    padding: 3px;
}

@supports(-ms-ime-align:auto) {
    a use {
        pointer-events: none
    }
}

.bold {
    font-weight: 700;
}

.italic {
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

.capitalize {
    text-transform: capitalize;
}

.txtCenter {
    text-align: center !important;
}

.txtRight {
    text-align: right !important;
}

.valignMiddle {
    vertical-align: middle !important;
}

.nowrap {
    white-space: nowrap;
}

.clearFix {
    clear: both;
    display: block;
    height: 0;
    font-size: 0;
}

.clear {
    clear: both;
}

.cLeft {
    clear: left;
}

.clickable {
    cursor: pointer;
}

.note {
    font-size: 11px;
}

.first {
    margin-top: 0 !important;
}

.last {
    margin-bottom: 0 !important;
}

.none {
    display: none;
}

.smallText {
    font-size: 10px;
}

.largerText {
    font-size: 13px;
}

.largeText {
    font-size: 16px;
}

.fLeft {
    float: left !important;
}

.fRight {
    float: right !important;
}

.rel {
    position: relative;
    float: left;
}

.w100 {
    width: 100%
}

.w140i {
    width: 140px !important
}

.w600 {
    max-width: 100%;
    width: 600px;
}

.w800 {
    max-width: 100%;
    width: 800px;
}

.wAuto {
    width: auto !important;
}

.stopImpersonating {
    color: #F00;
    font-weight: 700;
}

.impersonateLabel,
.punchoutLabel {
    color: #FF7E00;
    font-weight: 700;
}

.obsolete {
    color: #C60C30 !important;
}

.obsolete,
.importantNote {
    font-size: 14px;
    margin-top: -10px !important;
}

.importantNote {
    color: #F0AB00 !important;
}

.noBorder {
    border: 0 !important;
}

.m0 {
    margin: 0 !important;
}

.mLeft5 {
    margin-left: 5px !important;
}

.mRight0 {
    margin-right: 0 !important;
}

.mRight5 {
    margin-right: 5px !important;
}

.mRight30 {
    margin-right: 30px !important;
}

.mTop0 {
    margin-top: 0 !important;
}

.mTop5 {
    margin-top: 5px;
}

.mTop10 {
    margin-top: 10px !important;
}

.mTop15 {
    margin-top: 15px !important;
}

.mTop20 {
    margin-top: 20px !important;
}

.normal {
    font-weight: 400 !important;
}

.rel {
    position: relative;
}

.findOutMore {
    clear: both;
    margin: 5px 7px 0 0;
}

.free {
    color: #A2AD00;
}

.containsMercury {
    color: #C60C30;
}

.pageClear {
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}

.qtyInCart,
.qtyInQuoteCart,
.qtyInLaterCart {
    color: #F90;
    font-weight: 700;
}

.floatNone {
    float: none !important;
}

.hazard {
    color: #C60C30;
    clear: both;
}

.upper {
    text-transform: uppercase;
}

.highlight {
    color: #F0AB00;
}

.clear:after,
#main:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
}

.popup {
    background-color: #FFF !important;
    border: 1px solid #C7C7C7 !important;
    border-radius: 3px !important;
    box-shadow: 1px 1px 1px #0172A2 !important;
    position: absolute !important;
}

.borderBox,
.borderBox * {
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.red {
    color: #F00;
}

.orangered {
    color: #FF4500;
}

.white {
    color: #FFF;
}

.black {
    color: #000;
}

.grey {
    color: #666;
}

.spriteHome {
    background: url(../images/sprite-home.png) no-repeat 0 0;
}

.icon {
    display: inline-block;
    background: url(../images/sprite-icons.png) no-repeat 0 0;
}

.icon.placeholder {
    width: 16px;
    height: 16px;
    background-position: 100px 100px;
}

.icon.config {
    width: 16px;
    height: 16px;
    background-position: -12px -9px;
}

.icon.blueArrowUp {
    width: 11px;
    height: 6px;
    background-position: -42px -15px;
}

.icon.blueArrowDown {
    width: 11px;
    height: 6px;
    background-position: -42px -37px;
}

.icon.blueArrowRight {
    width: 6px;
    height: 11px;
    background-position: -62px -32px;
}

.icon.blueArrowLeft {
    width: 6px;
    height: 11px;
    background-position: -62px -15px;
}

.icon.blackArrowUp {
    width: 11px;
    height: 6px;
    background-position: -114px -15px;
}

.icon.blackArrowDown {
    width: 11px;
    height: 6px;
    background-position: -114px -37px;
}

.icon.blackArrowRight {
    width: 6px;
    height: 11px;
    background-position: -134px -32px;
}

.icon.blackArrowLeft {
    width: 6px;
    height: 11px;
    background-position: -134px -15px;
}

.icon.whiteArrowUp {
    width: 11px;
    height: 6px;
    background-position: -152px -15px;
}

.icon.whiteArrowDown {
    width: 11px;
    height: 6px;
    background-position: -152px -37px;
}

.icon.whiteArrowRight {
    width: 6px;
    height: 11px;
    background-position: -174px -32px;
}

.icon.whiteArrowLeft {
    width: 6px;
    height: 11px;
    background-position: -174px -15px;
}

.icon.smallWhiteArrowUp {
    width: 7px;
    height: 4px;
    background-position: -135px -56px;
}

.icon.smallWhiteArrowDown {
    width: 7px;
    height: 4px;
    background-position: -154px -56px;
}

.icon.smallWhiteArrowRight {
    width: 4px;
    height: 7px;
    background-position: -97px -55px;
}

.icon.smallWhiteArrowLeft {
    width: 4px;
    height: 7px;
    background-position: -114px -55px;
}

.icon.bluePlus {
    width: 6px;
    height: 6px;
    background-position: -193px -18px;
}

.icon.blueMinus {
    width: 6px;
    height: 6px;
    background-position: -193px -36px;
}

.icon.blackPlusSquare {
    width: 11px;
    height: 11px;
    background-position: -78px -55px;
}

.icon.remove {
    width: 9px;
    height: 9px;
    background-position: -14px -55px;
}

.icon.question {
    width: 10px;
    height: 11px;
    background-position: -42px -55px;
}

.icon.question2 {
    width: 10px;
    height: 11px;
    background-position: -60px -55px;
}

.icon.globe {
    width: 16px;
    height: 16px;
    background-position: -7px -692px;
}

.icon.settings {
    width: 16px;
    height: 16px;
    background-position: -7px -716px;
}

.icon.blocks {
    width: 16px;
    height: 16px;
    background-position: -37px -692px;
}

.icon.box {
    width: 16px;
    height: 16px;
    background-position: -37px -716px;
}

.icon.blueShoppingCart {
    width: 14px;
    height: 14px;
    background-position: -8px -789px;
}

.icon.whiteShoppingCart {
    width: 14px;
    height: 14px;
    background-position: -180px -693px;
}

.icon.calendar {
    width: 16px;
    height: 16px;
    background-position: -37px -789px;
}

.icon.greenCheck {
    width: 16px;
    height: 16px;
    background-position: -7px -740px;
}

.icon.redX {
    width: 16px;
    height: 16px;
    background-position: -37px -740px;
}

.icon.warning {
    width: 16px;
    height: 16px;
    background-position: -66px -741px;
}

.icon.print {
    width: 14px;
    height: 14px;
    background-position: -8px -765px;
}

.icon.print2 {
    width: 16px;
    height: 16px;
    background-position: -66px -717px;
}

.icon.script {
    width: 16px;
    height: 16px;
    background-position: -66px -692px;
}

.icon.pdf {
    width: 16px;
    height: 16px;
    background-position: -94px -692px;
}

.icon.word {
    width: 16px;
    height: 16px;
    background-position: -95px -716px;
}

.icon.excel {
    width: 16px;
    height: 16px;
    background-position: -95px -739px;
}

.icon.video {
    width: 16px;
    height: 16px;
    background-position: -123px -692px;
}

.icon.archive {
    width: 16px;
    height: 16px;
    background-position: -123px -716px;
}

.icon.file {
    width: 16px;
    height: 16px;
    background-position: -123px -739px;
}

.icon.destination {
    width: 16px;
    height: 16px;
    background-position: -37px -764px;
}

.icon.cmsFolder {
    width: 16px;
    height: 16px;
    background-position: -66px -766px;
}

.icon.cmsPage {
    width: 16px;
    height: 16px;
    background-position: -96px -763px;
}

.icon.cmsFile {
    width: 16px;
    height: 16px;
    background-position: -123px -763px;
}

.icon.lock {
    width: 16px;
    height: 16px;
    background-position: -66px -788px;
}

.icon.unlock {
    width: 16px;
    height: 16px;
    background-position: -95px -788px;
}

.icon.breakLock {
    width: 16px;
    height: 16px;
    background-position: -124px -788px;
}

.icon.ajaxLoader {
    width: 16px;
    height: 16px;
    background: url(../images/ajax-load-indicator-small.gif) no-repeat 0 0;
}

.icon.chatBubble {
    width: 21px;
    height: 17px;
    background-position: -7px -944px;
}

.icon.facebookMedium {
    width: 21px;
    height: 22px;
    background-position: -7px -970px;
}

.icon.twitterMedium {
    width: 21px;
    height: 22px;
    background-position: -35px -970px;
}

.icon.linkedInMedium {
    width: 21px;
    height: 22px;
    background-position: -62px -970px;
}

.icon.warningAcid {
    background-position: -11px -83px;
    height: 50px;
    width: 50px;
}

.icon.warningAquaticPollution {
    background-position: -11px -143px;
    height: 50px;
    width: 50px;
}

.icon.warningBottle {
    background-position: -11px -203px;
    height: 50px;
    width: 50px;
}

.icon.warningExclamation {
    background-position: -11px -263px;
    height: 50px;
    width: 50px;
}

.icon.warningExplosion {
    background-position: -11px -323px;
    height: 50px;
    width: 50px;
}

.icon.warningFlame {
    background-position: -11px -383px;
    height: 50px;
    width: 50px;
}

.icon.warningCircleFlame {
    background-position: -11px -443px;
    height: 50px;
    width: 50px;
}

.icon.warningSilhouette {
    background-position: -11px -503px;
    height: 50px;
    width: 50px;
}

.icon.warningSkull {
    background-position: -11px -563px;
    height: 50px;
    width: 50px;
}

.icon.warningOrangeN {
    background-position: -71px -83px;
    height: 50px;
    width: 50px;
}

.icon.warningOrangeXl {
    background-position: -71px -143px;
    height: 50px;
    width: 50px;
}

.icon.warningOrangeXn {
    background-position: -71px -203px;
    height: 50px;
    width: 50px;
}

.icon.warningOrangeFPlus {
    background-position: -71px -263px;
    height: 50px;
    width: 50px;
}

.icon.warningOrangeT {
    background-position: -71px -323px;
    height: 50px;
    width: 50px;
}

.icon.warningOrangeTPlus {
    background-position: -71px -383px;
    height: 50px;
    width: 50px;
}

.icon.warningOrangeExplosion {
    background-position: -71px -443px;
    height: 50px;
    width: 50px;
}

.icon.warningOrangeF {
    background-position: -71px -503px;
    height: 50px;
    width: 50px;
}

.icon.warningOrangeO {
    background-position: -71px -563px;
    height: 50px;
    width: 50px;
}

.icon.warningOrangeC {
    background-position: -71px -623px;
    height: 50px;
    width: 50px;
}

.icon.largeSearch {
    width: 26px;
    height: 23px;
    background-position: -7px -937px;
}

.iconLink .icon {
    margin: 0 5px 0 0;
}

.iconLink .blueArrowUp,
.iconLink .blueArrowDown {
    position: relative;
    top: 4px;
}

.iconLink:hover .config {
    background-position: -12px -31px;
}

.iconLink:hover .blueArrowUp {
    background-position: -78px -15px;
}

.iconLink:hover .blueArrowDown {
    background-position: -78px -37px;
}

.iconLink:hover .bluePlus {
    background-position: -208px -18px;
}

.iconLink:hover .blueMinus {
    background-position: -208px -36px;
}

.hazardousIcon {
    display: inline-block;
    font-size: 0;
    width: 16px;
    height: 13px;
    background: url(../images/warning-icon.png) no-repeat 0 0;
}

.obsoleteIcon {
    display: inline-block;
    font-size: 0;
    width: 48px;
    height: 11px;
    background: url(../images/obsolete-icon.png) no-repeat 0 0;
}

.newProduct,
.newProductUrl {
    color: #A2AD00;
    font-weight: 700;
}

.newProductUrl {
    color: #0098DB
}

.newProductDescription {
    color: #A2AD00;
    /*font: 700 2.8em "Montserrat", sans-serif;*/
    font: 700 2.8em "微软雅黑";
    float: left;
    padding-right: 10px;
    position: relative;
    top: -5px;
    height: 25px;
}

p.hazardous {
    padding: 0 0 0 20px;
    color: #C60C30;
    background: url(../images/warning-icon.png) no-repeat 0 0;
}

.showBlockOnPrint,
.showInlineOnPrint {
    display: none !important;
}

a[rel="external"] .fa-external-link {
    position: relative;
    top: 1px;
}

a.arrowLeft,
ul.arrowLeft a,
div.breadcrumbs span.arrowLeft,
span.arrowLeft {
    background: url(../images/arrow.png) no-repeat 0 -490px;
    padding-left: 10px;
}

a.arrowLeft:hover,
ul.arrowLeft a:hover,
a.galleryLink:hover span.arrowLeft,
div.pagination div.pages a.excel:hover span.arrowLeft {
    background-position: 0 5px;
}

a.arrowRight {
    background: url(../images/arrow.png) no-repeat right -490px;
    padding-right: 10px;
}

a.arrowRight:hover {
    background-position: right 5px;
}

a.arrowBack {
    background: url(../images/arrow-back.gif) no-repeat 0 5px;
    padding-left: 10px;
}

a.arrowBack:hover {
    background-position: 0 -90px;
}

a.excel {
    background: url(../images/excel-icon.png) no-repeat right top;
    height: 16px;
    padding-right: 25px;
}

h1 span.small,
h2 span.small {
    font-size: 12px;
    font-weight: 400;
}

img.question {
    cursor: pointer;
    margin: 0 0 0 5px;
}

ul.noStyle {
    padding: 0 !important;
    list-style: none !important;
}

a.backTop {
    background: url(../images/back-top-arrow.gif) no-repeat 0 0;
    padding-left: 10px;
}

span.top {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 0;
}

.btn {
    display: inline-block;
    border: 1px solid #a7a7a7;
    border-radius: 1px;
    background: #F0F0F0;
    background: linear-gradient(to bottom, #f7f7f7 0%, #ddd 100%);
    color: #000;
    cursor: pointer;
    padding: 5px 10px;
    transition: background-color 300ms, color 300ms ease;
    white-space: nowrap;
}

.btn:hover {
    color: #333;
    background: #F7F7F7;
}

.btn.disabled {
    opacity: 0.5;
    transition: none;
    cursor: default;
}

.btn.disabled:hover {
    cursor: default;
    color: #000;
    background: #F0F0F0;
    background: linear-gradient(to bottom, #f7f7f7 0%, #ddd 100%);
}

.btn>.icon {
    position: relative;
    top: 1px;
}

.btn.style1 {
    background: #f5ba33;
    background: linear-gradient(to bottom, #f5ba33 0%, #e38a03 100%);
    border-color: #e38a03;
    color: #FFF;
}

.btn.style1:hover {
    background: #e38a03;
    color: #FFF;
}

.btn.style1.disabled:hover {
    background: #f5ba33;
    background: linear-gradient(to bottom, #f5ba33 0%, #e38a03 100%);
}

.btn.style2 {
    background: #a2ad00;
    background: linear-gradient(to bottom, #a2ad00 0%, #7c8402 100%);
    border-color: #7c8402;
    color: #FFF;
}

.btn.style2:hover {
    background: #a2ad00;
    color: #FFF;
}

.btn.style2.disabled:hover {
    background: #a2ad00;
    background: linear-gradient(to bottom, #a2ad00 0%, #7c8402 100%);
}

.btn.style3 {
    background-color: #0098DB;
    border-color: #024765;
    color: #FFF;
}

.btn.style3:hover {
    background-color: #C3DBE6;
    color: #024765;
}

.btn.style3.disabled:hover {
    background-color: #0098DB;
}

.bulletList {
    list-style-type: disc;
    padding-left: 23px;
}

.noBullet {
    list-style-type: none;
}

.blueDoubleArrowsList {
    padding: 0 0 0 5px;
}

.blueDoubleArrowsList li {
    list-style-type: none;
    background: url(../images/arrow.png) no-repeat 0 -490px;
    padding: 0 0 0 15px;
}

.decimalList {
    list-style-type: decimal;
    padding: 0 0 0 20px;
}

.decimalList li {
    margin: 0 0 10px;
}

.standardTable {
    clear: left;
    margin: 10px 0;
    width: 100%;
}

.standardTable th {
    font-weight: 400 !important;
    vertical-align: top;
    background-color: #0098DB;
    color: #FFF;
    text-align: left;
    padding: 8px 5px;
    border-right: 1px solid #FFF;
}

.standardTable th:last-child,
.standardTable td:last-child {
    border-right: 0;
}

.standardTable thead.double th {
    vertical-align: bottom;
}

.standardTable thead.double th.top {
    border-bottom: 1px solid #FFF;
}

.standardTable tr.even td {
    background-color: #F7F8F9;
    border-right-color: #F7F8F9;
}

.standardTable tr.highlighted td {
    background-color: #E7E7E7;
    border-right-color: #E7E7E7;
}

.standardTable td {
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #FFF;
    padding: 5px;
    vertical-align: top;
}

.standardTable .actions {
    white-space: nowrap;
}

.standardTable .actions a:not(.btn) {
    margin: 0 0 2px;
    max-width: 100%;
    text-align: center;
    white-space: normal;
}

.standardTable .actions .success {
    white-space: normal;
}

.standardTable .actions .actionCompleted,
.standardTable .actions .actionFailed {
    /*font: 700 11px "Montserrat", sans-serif;*/
    font: 700 11px "微软雅黑";
}

.standardTable .actions .actionFailed {
    color: #C60C30;
}

.standardTable .filters th {
    background: #CCC;
}

.standardTable .filters th input {
    width: 100%;
}

.standardTable td .tableCellError {
    position: relative;
    width: 100%;
    height: 30px;
    clear: both;
    float: left;
}

.standardTable td .tableCellError span.errorMessage {
    white-space: nowrap;
    position: absolute;
    left: 12px;
    top: 0;
}

.standardTable .hideCell {
    display: none;
}

.standardTable.fixed {
    table-layout: fixed;
}

.standardTable .filterableHeader .filterBoxContainer>span {
    display: block;
    padding-right: 15px;
}

.standardTable .filterableHeader .filterBoxContainer {
    position: relative;
}

.standardTable .filterableHeader .filterTrigger {
    position: absolute;
    float: right;
    top: 0;
    right: 0;
    z-index: 20;
    background: url(../images/sort-arrows-white.png) no-repeat -13px -389px;
    width: 12px;
    height: 11px;
}

.standardTable .filterableHeader .filterBox {
    color: #333;
    z-index: 25;
    position: absolute;
    top: 22px;
    left: -5px;
    width: 150px;
    padding: 10px;
    background-color: #FFF;
    border: 1px solid #0098DB;
}

.standardTable .filterableHeader .filterBox .filters {
    float: left;
    width: 100%;
    margin: 5px 0 0;
}

.standardTable .filterableHeader .filterBox .filters>.item {
    margin: 5px 0 0;
}

.notificationMessage {
    border: 1px solid #F0AB00;
    background-color: #FFFAE5;
    padding: 10px;
    margin: 0 0 10px;
    clear: both;
}

.notificationMessage .message {
    margin: 0 0 10px;
}

.notificationMessage .message:last-child {
    margin-bottom: 0;
}

.notificationMessage .message .fa {
    margin-right: 5px;
}

.ajaxError>.errorCode {
    display: block;
    margin: 0 0 2px;
}

.ajaxError>.url {
    display: block;
    margin: 0 0 2px 1.7em;
}

.contentBox {
    margin: 0 0 10px;
    border: 1px solid #C4DBE6;
    clear: both;
}

.contentBox:last-child {
    margin-bottom: 0;
}

.contentBox .header {
    font-size: 12px;
    background-color: #0098DB;
    border-bottom: 1px solid #C4DBE6;
    color: #FFF;
    padding: 5px 10px;
    margin: 0;
}

.contentBox .header a {
    color: #FFF
}

.contentBox .header .pdf {
    display: block;
    background: url(../images/pdf_icon.png) no-repeat right center;
}

.contentBox .header .whiteArrowRight,
.contentBox .header .blackArrowRight {
    position: relative;
    top: 4px;
    margin-right: 5px;
}

.contentBox .header .whiteArrowDown,
.contentBox .header .blackArrowDown {
    position: relative;
    top: 6px;
    margin-right: 5px;
}

.contentBox .header .hazardousIcon {
    float: right;
    position: relative;
    top: 3px;
}

.contentBox .header .obsoleteIcon {
    float: right;
    position: relative;
    top: 4px;
}

.contentBox .header.clickable>.fa {
    margin-right: 5px;
}

.contentBox .content {
    padding: 10px;
}

.contentBox .content:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    font-size: 0;
}

.contentBox .content p,
.contentBox .content ul {
    margin: 10px 0 0;
}

.contentBox address .row {
    display: block;
    margin: 3px 0 0;
}

.contentBox .content p:first-child,
.contentBox .content ul:first-child,
.contentBox address .row:first-child {
    margin-top: 0;
    padding-top: 0;
}

.contentBox.grey {
    border-color: #CCC;
}

.contentBox.grey .header {
    background: #EEE;
    border-color: #CCC;
    color: #666;
}

.contentBox.highlighted {
    border-color: #F0AB00;
}

.contentBox.highlighted .header {
    background: #FFFAE5;
    border-color: #F0AB00;
    color: #666;
}

.contentBox.fullWidthQuarter {
    margin-right: 10px;
    width: 228px;
}

.contentBox.items {
    width: 260px;
}

.contentBox.items.hazardousItems {
    width: 543px;
    margin-right: 0;
}

.contentBox p.aRight {
    margin: 10px 0 0 10px;
    width: 549px;
}

.contentBox img.thumb {
    float: left;
}

.flexContainer {
    display: flex;
    flex-wrap: wrap;
    flex-flow: row wrap;
}

.flexContainer .contentBox,
.documentSummary .helpBox {
    flex: 1;
    margin: 0 10px 10px 0;
}

.flexContainer .contentBox:last-child {
    margin-right: 0;
}

.flexBoxBetween {
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: space-between;
}

.contentBox.small {
    flex: 1 1 234px;
}

.contentBox.medium {
    flex: 1.5 1 410px;
}

.contentBox.large {
    flex: 2 1 609px;
}

.documentSummary {
    margin: 0 0 20px;
}

.documentSummary .contentBox {
    margin: 0 10px 10px 0;
    min-width: 234px;
}

.documentSummary .helpBox {
    margin: 0 0 10px;
    min-width: 234px;
}

.helpBox.mobile {
    display: none;
}

.documentSummary .helpBox {
    margin: 0 0 10px;
    border: 1px solid #C4DBE6;
    clear: both;
}

#homePageWidget .contentBox,
.documentSummary .helpBox .contentBox {
    border: 0;
}

.leftArrowBox {
    position: relative;
    background: #FFF;
    border: 1px solid #C4DBE6;
}

.leftArrowBox:after,
.leftArrowBox:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.leftArrowBox:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #FFF;
    border-width: 10px;
    margin-top: -10px;
}

.leftArrowBox:before {
    border-color: rgba(196, 219, 230, 0);
    border-right-color: #C4DBE6;
    border-width: 11px;
    margin-top: -11px;
}

.block h2.border {
    font-size: 12px !important;
    clear: left;
    margin: 0;
    position: relative;
}

.rightSection h2.border,
.block h2.border {
    color: #FFF;
    background: #0098DB;
    border: 1px solid #C3DBE6;
    margin: 0;
    padding: 5px;
    width: 258px;
}

.block h2.border a {
    color: #FFF;
    text-decoration: underline;
}

.rightSection .contentBox {
    clear: both;
}

.rightSection .contentBox h3 {
    clear: left;
    float: left;
    margin: 10px 0 0;
}

.rightSection .contentBox li h3 {
    float: none;
}

.greyBox {
    background-color: #F2F2F2;
    padding: 20px;
}

.greyBox a.hide {
    font-size: 12px;
    font-weight: 400;
    float: right;
}

.infoBox {
    background-color: #FEF5E0;
    border: 1px solid #F0AB00;
    float: left;
    padding: 10px;
}

.infoBox h2 {
    margin: 0 0 10px;
}

#content .cmsBlock,
#content .cmsWidget {
    width: 748px;
}

#contentError .contentBox.back {
    width: 248px;
}

.eventsWidget .extraLinks {
    float: right;
    margin: 10px 0 0;
    white-space: nowrap;
}

#main .tabs {
    background: none;
    border: 0;
    border-bottom: 1px solid #C3DBE6;
    clear: left;
    float: left;
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
    width: 100%;
    font-size: 12px;
}

#main .tabs li {
    font-size: 12px;
    font-weight: 400;
    background-color: #0098DB;
    border: 1px solid #C3DBE6;
    border-bottom: 0;
    color: #FFF;
    float: left;
    margin: 0 1px 0 0;
    position: relative;
    top: 1px;
}

#main .tabs li>a {
    padding: 5px 10px;
    float: left;
    color: #FFF;
}

#main .tabs li>a:hover {
    background: #FFF;
    color: #0098DB;
}

#main .tabs li.ui-state-hover,
#main .tabs li.ui-state-focus {
    background: #FFF;
}

#main .tabs li.ui-state-hover>a,
#main .tabs li.ui-state-focus>a {
    color: #0098DB;
}

#main .tabs li.selected {
    background: #FFF;
    color: #0098DB;
    padding: 5px 10px;
}

#main .tabs .ui-state-active {
    background: #FFF;
    color: #0098DB;
}

#main .tabs .ui-state-active>a {
    color: #0098DB;
}

#main div.tabs {
    clear: left;
    float: left;
    margin: 20px 0 0;
    width: 100%;
}

#main #services {
    margin: 10px 0;
    border-bottom: 1px solid #C3DBE6;
}

#main .tabs.ui-widget-content,
#main .tabs .ui-widget-header {
    background: none;
    border: 0;
}

#main div.tabs ul {
    padding-left: 0;
    float: left;
}

#main div.tabs ul li {
    margin: 0 1px 0 0;
}

#main div.tabs.ui-tabs .ui-tabs-panel {
    border-top: 1px solid #C3DBE6;
    float: left;
    width: 100%;
    padding: 0 0 20px;
}

#main #services li.ui-state-default a {
    background: url(../images/plus-minus-icons-white.gif) no-repeat 7px 8px;
    padding: .4em 10px .4em 20px;
}

#main #services li.ui-state-hover a,
#main #services li.ui-state-focus a {
    background: url(../images/plus-minus-icons-blue.gif) no-repeat 7px 8px;
    padding: .4em 10px .4em 20px;
}

#main #services li.ui-state-active a {
    background: url(../images/plus-minus-icons-blue.gif) no-repeat 7px -385px;
}

#main #services li.ui-state-active.ui-state-hover a {
    background: url(../images/plus-minus-icons-blue.gif) no-repeat 7px -385px;
}

.tabs label.prod,
#tabs label.prod,
#services label.prod {
    float: left;
    margin-right: 12px;
    text-align: left;
    width: 219px;
}

.tabs input.prod,
#tabs input.prod,
#services input.prod {
    float: left;
    width: 217px;
    margin-top: 1px;
}

#tabs input.qty,
#services input.qty {
    float: left;
    margin: 1px 10px 0 0;
    text-align: right;
    width: 57px;
    padding-right: 3px;
}

#tabs label.qty,
#services label.qty {
    float: left;
    margin-right: 34px;
    text-align: center;
    width: 78px;
}

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

.ui-widget,
.ui-widget input,
.ui-widget textarea,
.ui-widget button {
    /*font-family: 'Montserrat', sans-serif;*/
}

.ui-widget-content {
    background: #FFF;
    color: #666;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-widget-header .ui-state-hover {
    border: 1px solid #C3DBE6;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    color: #0098DB;
}

.ui-accordion .ui-accordion-header {
    background: #0098DB;
    color: #FFF;
    border: 0;
    padding: 5px 10px 5px 15px;
}

.ui-accordion .ui-accordion-header .ui-icon {
    background: url(../images/accordion-icon.gif) no-repeat 0 0;
    width: 7px;
    height: 9px;
    margin: 0;
    left: 5px;
    top: 9px;
}

.ui-accordion .ui-accordion-header .ui-icon.open {
    background-position: 0 -9px;
}

.ui-tabs {
    padding: 0;
    border: 0 !important;
}

.ui-tabs .ui-tabs-nav li a {
    padding: 5px 10px;
}

.ui-tabs a:not(.btn) {
    color: #0098DB;
}

.ui-tabs a:not(.btn):hover {
    color: #F0AB00;
}

.ui-dialog-content a:not(.btn) {
    color: #0098DB;
}

.ui-dialog-content a:not(.btn):hover {
    color: #F0AB00;
}

.ui-dialog-content .statusInfo .infoRow .label {
    font-weight: 700;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.ui-spinner.ui-widget {
    border-color: #A9A9A9;
}

.ui-spinner .ui-spinner-input {
    padding: 5px;
}

.ui-spinner .ui-spinner-button {
    cursor: pointer;
    border-color: #A9A9A9;
}

.ui-spinner .ui-spinner-button.ui-state-hover,
.ui-spinner .ui-spinner-button.ui-state-hover .ui-button-text {
    background: #888;
}

.ui-spinner .ui-spinner-button,
.ui-spinner .ui-button-text {
    color: #FFF;
    background: #A9A9A9;
}

.ui-spinner .ui-spinner-button:active,
.ui-spinner .ui-button-text:active {
    border: 0;
    background: #CCC;
}

.ui-spinner .ui-spinner-button .ui-icon {
    background-image: url(../images/themes/ui-icons_ffffff_256x240.png);
}

.ui-multiselect-menu a {
    color: #FFF !important;
}

.fa-lg {
    line-height: 0.55em;
}

.hilbOverlay {
    background-color: #000;
}

.scrollPane {
    overflow-y: auto;
}

#hilbWrapper {
    position: absolute;
    top: 40px;
    width: 690px !important;
    height: 690px !important;
    left: 50%;
    z-index: 5000;
    padding: 20px;
    background-color: #202020;
}

#hilbWrapper #hilbHeader {
    float: left;
    width: 100%;
    margin: 0 0 10px;
}

#hilbWrapper #hilbTitle {
    /*-font: 700 18px "Montserrat", sans-serif;*/
    font: 700 18px "微软雅黑";
    color: #909090;
    float: left;
    width: 85%;
}

#hilbWrapper #hilbCloseLink {
    float: right;
}

#hilbWrapper #hilbCloseLink a {
    /*font: 700 18px "Montserrat", sans-serif;*/
    font: 700 18px "微软雅黑";
    color: #909090;
    float: left;
    margin-top: -6px;
    padding-right: 5px;
    color: #FFF;
}

#hilbWrapper #hilbCurrentImage {
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #FFF;
    padding: 10px;
}

#hilbWrapper #hilbCurrentImage img {
    display: block;
    margin: 0 auto;
}

#hilbWrapper #hilbAjaxLoadIndicator {
    font-size: 0;
    width: 100%;
    height: 32px;
    display: block;
    background: url(../images/ajax-load-indicator-blue-big.gif) no-repeat 50% 0;
}

#hilbWrapper #hilbThumbnails {
    float: right;
    width: 75px;
    position: relative;
}

#hilbWrapper #hilbThumbnails a {
    width: 50px;
    height: 50px;
    text-align: center;
}

#hilbWrapper #hilbThumbnails img {
    display: block;
    margin: 0 auto 10px;
    width: 50px;
    height: 50px;
}

#canvas {
    position: relative;
    min-height: 100%;
}

#pageContent {
    position: relative;
    padding: 0 0 0px;
}

#pageBody {
    clear: both;
}

#main {
    background-color: #FFF;
    clear: both;
    position: relative;
    padding: 20px 0 60px;
    width: 980px;
    margin: 30px auto 0;
}

#main.homePage {
    position: relative;
    padding: 0 0 20px;
    width: 100%;
    margin-top: 0;
}

#main .headerWithRightSection {
    float: left;
    width: 100%;
}

#main .headerWithRightSection h1 {
    float: left;
}

#main .headerWithRightSection p {
    float: right;
}

.centeredPageContent {
    margin: 0 auto;
    width: 980px;
}

#footerContent .centeredPageContent {
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: flex-start;
}

#footerContent .centeredPageContent .col {
    flex: none;
    min-width: 235px;
    width: 25%;
}

.leftSection {
    clear: both;
    float: left;
    margin-right: 10px;
    width: 700px;
}

.leftSection:after,
#verticalBlock:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
}

.rightSection {
    float: right;
    width: 270px;
}

.pageWithLeftSide .leftSection {
    float: left;
    margin-right: 10px;
    width: 270px;
}

.pageWithLeftSide .rightSection {
    float: right;
    width: 700px;
}

.pageHeading {
    width: 100%;
    float: left;
}

.pageHeading h1 {
    float: left;
}

.absoluteLeft {
    position: absolute;
    left: 0;
    top: 0;
    width: 660px;
    padding: 0 10px 0 0;
}

.absoluteRight {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 15px 0 0;
    width: 270px;
}

.include>.contentBox:first-child {
    margin-top: 0;
}

.leftContainer {
    width: 660px;
    padding: 0 10px 0 0;
}

.rightContainer {
    width: 270px;
    padding: 10px 15px 0 0;
}

.cms ul {
    list-style-type: disc;
}

.cms ul.noBullet {
    list-style-type: none;
}

.cms ul,
.cms ol {
    clear: left;
    padding: 0 0 10px 23px;
    list-style-position: outside;
}

.cms ol {
    list-style-type: decimal;
}

.cms ol li,
.cms ul li {
    margin: 0 0 5px;
}

.cms ul li.borderBottom {
    border-bottom: 1px solid #CCC;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.errorPage .alertIcon {
    float: left;
    width: 64px;
    height: 64px;
    margin: 20px;
    background: url(../images/blue-alert.png) no-repeat 0 0;
}

.errorPage .errorDescription {
    float: left;
    width: 80%;
    padding: 10px 20px 20px;
}

.errorPage .errorDescription .bulletList {
    margin: 10px 0 0;
}

.hamburger {
    display: none;
}

#topBar {
    background-color: #4E4E4E;
    color: #FFF;
    font-size: 11px;
    height: 32px;
    padding-top: 9px;
}

#topBar .popup {
    font-size: 12px;
    left: 0;
    padding: 15px 15px 10px;
    top: 23px;
    z-index: 460;
}

#topBarContent {
    z-index: 405;
}

#topBarMenu {
    margin-left: 10px;
    height: 22px;
}

#topBarMenu>a,
#topBarMenu>span {
    color: #FFF;
    float: left;
    margin-right: 20px;
    text-transform: uppercase;
}

#topBarMenu .popup ul {
    padding: 0;
}

#topBarMenu .popup li {
    margin: 0;
    padding: 0 0 5px;
}

#topBarMenu .popup a {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

#topBarMenu .popup a:hover,
#topBarMenu #shoppingCartPreview a:hover {
    color: #F0AB00;
}

#topBarMenu #shoppingCartPreview a:hover .count {
    background-color: #F0AB00;
}

#portalChooserContainer,
#portalInfoContainer,
#topBarMenu {
    float: right;
    position: relative;
    z-index: 415;
    margin: 0 0 0 20px;
}

#portalInfoContainer span,
#portalInfoContainer span a {
    color: #fff !important;
}

#languageChooserContainer,
#topBarMenu .hello {
    float: left;
    position: relative;
}

#languageChooserContainer {
    margin-left: 5px;
}

#topBarMenu .topNavLinks {
    float: left;
}

#topBarMenu .topNavLinks .root {
    height: 21px;
    position: relative;
    margin-right: 20px;
}

#topBarMenu .topNavLinks .root>a {
    text-transform: uppercase;
}

#topBarMenu .topNavLinks p {
    color: #666;
    margin: 0 0 5px;
    white-space: nowrap;
}

#topBarMenu .topNavLinks p+ul {
    margin-top: 10px
}

#topBarMenu .expressOrderButton {
    background: #FF7E00;
    border-radius: 3px;
    box-shadow: 1px 1px 1px #CA6400;
    color: #FFF;
    height: 21px;
    margin: -4px 5px 0 0;
    padding: 3px 10px 1px;
    text-transform: capitalize;
}

#topBarMenu #cartInfo {
    display: inline-block;
}

#topBarMenu #cartInfo .total {
    color: #666;
}

#topBar #punchoutHeaderLogout {
    margin-right: 10px;
    color: #FF7E00;
}

#topBar #punchoutHeaderLogout:hover {
    color: #F0AB00;
}

#topBar .punchoutAccountInfo {
    float: left;
}

#shoppingCartPreview {
    background-color: #FFF;
    border-radius: 3px;
    box-shadow: 1px 1px 1px #0172A2;
    height: 21px;
    margin: -4px 5px 0 0;
    float: right;
    padding: 3px 5px 0;
}

#shoppingCartPreview .count {
    background-color: #0098DB;
    color: #FFF;
    padding: 1px 3px;
}

#shoppingCartPreview a {
    margin: 0;
    text-transform: capitalize;
    color: #0098DB;
    float: left;
}

#shoppingCartPreview a+span {
    color: #0098DB;
    float: left;
    margin: 0 3px;
}

#header {
    clear: both;
    left: 0;
    position: absolute;
    top: 32px;
    width: 100%;
    z-index: 400;
}

#header #headerContent {
    background-position: 0 0;
    position: relative;
    min-height: 120px;
}

#header .logo {
    display: block;
    position: absolute;
    top: 73px;
    left: 109px;
    z-index: 410;
}

#header .logo>img {
    float: left;
}

#header #logged {
    clear: right;
    float: right;
    padding: 10px 20px 0 0;
}

#header #quickSearchForm {
    overflow: hidden;
}

#header #quickSearchForm .separator {
    background-color: #C7C7C7;
    width: 1px;
    height: 24px;
    border-bottom: 2px solid #0073A0;
    float: left;
}

#header #quickSearchKeywords {
    background-position: 0 -184px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 0;
    box-shadow: 1px 2px 0 #0272A2;
    height: 22px;
    outline: 0;
    min-width: 150px;
    width: 100%;
    padding: 0 5px;
    overflow: hidden;
}

#header #mainNav {
    clear: both;
    float: left;
    width: 100%;
}

#header #mainNav .searchContainer {
    float: right;
    max-width: 395px;
    width: 100%;
}

#header #mainNav .searchContainerInput {
    overflow: hidden;
    height: 26px;
}

#header #mainNav a.searchButton {
    background: #FFF;
    border-left: 1px solid #CCC;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #0A97DC;
    box-shadow: 0 2px 0 #0272A2;
    float: right;
    font-size: 11px;
    height: 22px;
    line-height: 22px;
    padding: 0px 6px;
    text-align: center;
}

#header #mainNav #actions {
    margin: 19px 15px 0 0;
    position: relative;
}

#header .navLinks {
    color: #FFF;
    float: left;
    width: auto;
    z-index: 455;
}

#header .navLinks a {
    color: #FFF;
    float: left;
    padding: 8px 10px 7px 13px;
    font-size: 13px;
}

#header .navLinks a:hover {
    color: #F0AB00;
}

#header .navLinks>li {
    float: left;
    position: relative;
    z-index: 430;
    background: url(../images/nav-separator.gif) no-repeat 0 10px;
}

#header .navLinks>li>a {
    height: 54px;
}

#header .navLinks .first,
#header .navLinks .clearSep {
    background: none;
}

#header .navLinks>li.root,
#header .navLinks .root>.lastItem {
    background: none;
}

#header .navLinks>li.root>a,
#header .navLinks>li.root>a:hover,
#header .navLinks>li.root>.subnavRootHover {
    background: none;
    border: 0;
    color: #FFF;
    padding: 24px 15px 19px;
    text-transform: uppercase;
}

#header .navLinks>li.root>a:hover,
#header .navLinks>li.root>.subnavRootHover {
    border-top: 6px solid #FFF;
    padding-top: 18px;
}

#header .navLinks .subnav {
    width: 200px;
    clear: left;
    display: none;
    z-index: 440;
    padding: 10px 0;
    position: absolute;
    left: 0;
    background-color: #E5E5E5;
    border: 0;
    top: 54px;
}

#header .navLinks .subnav li {
    background: none;
    float: left;
    width: 100%;
    border: 0;
}

#header .navLinks .subnav a {
    font-size: 11px;
    color: #0194E1;
    padding: 9px 10px;
    text-transform: uppercase;
    width: 195px;
}

#header .navLinks .subnav>li>ul>li>a:hover,
#header .navLinks .subnav>li>a:hover {
    color: #F0AB00;
}

#header .navLinks .subnav li.hasSecondLevel>a {
    text-transform: uppercase;
}

#header .navLinks .notALink {
    /*font: 700 11px "Montserrat", sans-serif;*/
    font: 700 11px "微软雅黑";
    text-transform: uppercase;
    word-wrap: normal;
}

#header .twoLevel>.hasSecondLevel:hover {
    background: #F4F4F4;
}

#header .twoLevel>.hasSecondLevel:hover>a {
    border-left: 4px solid #09D;
    padding-left: 6px;
}

#header .twoLevel .secondLevelContent {
    z-index: 450;
    position: absolute;
    left: 200px;
    top: 0;
    padding: 10px;
    color: #666;
    background-color: #F4F4F4;
    width: 780px;
}

#header .twoLevel .secondLevelContent .linkGroup {
    float: left;
    width: 132px;
}

#header .twoLevel .secondLevelContent .primaryLink,
#header .twoLevel .secondLevelContent a {
    padding: 3px;
    width: auto;
}

#header .twoLevel .secondLevelContent .extraLinks {
    clear: left;
    margin: 20px 0 0;
    padding: 0 0 0 30px;
}

#header .twoLevel .secondLevelContent .extraLinks a {
    float: none;
    padding: 0;
}

#mainNav .newMenuCol1,
#mainNav .newMenuCol2,
#mainNav .newMenuCol3,
#mainNav .newMenuCol4 {
    width: 170px;
}

#header .familyMenu .secondLevelContent {
    width: 780px;
}

#header .familyMenu .column {
    width: 170px;
    float: left;
    margin: 9px;
    position: relative;
}

#header .familyMenu span.topFamily {
    clear: left;
    display: block;
    text-transform: uppercase;
}

#header .familyMenu .familyList {
    padding-bottom: 20px;
    float: left;
    width: 100%;
}

#portalChooserTrigger,
#languageChooserTrigger,
#topBarMenu .topNavLinks .root>a {
    padding: 0 10px 0 0;
    background: url(../images/white-arrow-down.gif) no-repeat right 6px;
    color: #FFF;
    display: inline-block;
    position: relative;
}

#portalChooserContainer #portalChooserTrigger,
#languageChooserContainer #languageChooserTrigger,
#languageChooser a {
    text-transform: capitalize;
}

#portalChooser li,
#languageChooser li {
    text-align: left;
    padding: 0 0 5px;
    text-transform: capitalize;
}

#portalChooser {
    width: 292px;
}

#portalChooser .formRow {
    display: -webkit-flex;
    display: flex;
    clear: left;
}

#portalChooser label {
    margin: 0;
    float: none;
}

#portalChooser input[type="checkbox"] {
    float: none;
}

#portalChooser .portalList {
    display: -webkit-flex;
    display: flex;
    clear: left;
}

#portalChooser .column {
    width: 225px;
}

#languageChooser {
    left: -5px;
    min-width: 125px;
}

#header .quickSearchAutocomplete {
    position: relative;
    z-index: 420;
}

#header .quickSearchAutocomplete .ui-autocomplete {
    width: 346px !important;
    background: #F7F8F9;
    box-shadow: -2px 2px 4px #CCC;
    padding: 0;
}

#header .quickSearchAutocomplete .ui-menu .ui-menu-item-wrapper,
#header .quickSearchAutocomplete .ui-autocomplete-category {
    padding: .5em .4em;
}

#header .quickSearchAutocomplete .ui-autocomplete-category span {
    border-bottom: 1px solid #C7C7C7;
    color: #0599D9;
    display: inline-block;
    font-size: 18px;
    vertical-align: middle;
    width: 100%;
}

#header .quickSearchAutocomplete .ui-menu-item>a {
    border: 1px solid transparent;
    display: block;
    color: #0599D9;
    cursor: pointer;
}

#header .quickSearchAutocomplete .ui-menu-item .ui-state-focus,
#header .quickSearchAutocomplete .ui-menu-item .ui-state-active {
    border: 1px solid #c3dbe6;
    font-weight: inherit;
    margin: 0;
}

#header .quickSearchAutocomplete .ui-menu-item .ui-state-active,
#header .quickSearchAutocomplete .ui-menu-item .ui-state-focus,
#header .quickSearchAutocomplete .ui-menu-item .ui-state-active .highlight,
#header .quickSearchAutocomplete .ui-menu-item .ui-state-focus .highlight {
    color: #F0AB00;
}

#header .quickSearchAutocomplete .ui-menu-item .highlight {
    font-weight: 700;
    color: #0599D9;
}

#header .quickSearchAutocomplete .productTitle {
    display: block;
    overflow: hidden;
    float: none;
    padding: 0 0 0 5px;
}

#header .quickSearchAutocomplete .productImage {
    width: 35px;
    max-height: 100px;
    text-align: center;
    float: left;
    background-color: #FFF;
}

#header .quickSearchAutocomplete .productImage>img {
    display: block;
    text-align: center;
    margin: 5px auto 0;
    width: 35px;
    max-height: 35px;
}

#header .quickSearchAutocomplete .summaryKeyword {
    font-weight: 700;
    color: #666;
}

#header .quickSearchAutocomplete .subSummaryKeyword {
    padding-left: 10px;
    font-weight: 700;
    color: #666;
}

#header .quickSearchAutocomplete .ui-menu-item .ui-state-focus .summaryKeyword,
#header .quickSearchAutocomplete .ui-menu-item .ui-state-active .summaryKeyword {
    color: #F0AB00;
}

#header .quickSearchAutocomplete .summarySearchSection {
    font-weight: 700;
}

#header .quickSearchAutocomplete .summaryText {
    font-weight: normal;
    color: #666;
}

#header .quickSearchAutocomplete .ui-menu-item .ui-state-active .summaryText,
#header .quickSearchAutocomplete .ui-menu-item .ui-state-focus .summaryText {
    color: #F0AB00;
}

#header #headerLoginBox {
    display: none;
    top: 0;
    right: 5px;
    position: absolute;
    z-index: 490;
    width: 265px;
    box-shadow: 1px 1px 1px #0172a2;
}

#header #headerLoginBox .content {
    background-color: #FFF;
}

#header #headerLoginBox .contentBox {
    margin: 0;
}

#footer {
    clear: both;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

#footerContent {
    clear: both;
    background-color: #024765;
    float: none;
    font-size: 12px;
    line-height: 1.4em;
    padding: 40px 0 25px;
    width: 100%;
}

#footerContent h3 {
    color: #FFF;
    font-size: 11px;
    font-weight: normal;
    line-height: 1.4em;
    margin: 0 0 20px;
}

#footerContent p {
    color: #FFF;
    background: none;
    float: left;
    padding: 0;
    text-align: left;
}

#footerContent .col ul {
    list-style-type: none;
    padding: 0 20px 20px 0;
}

#footerContent .col.gsa h3 {
    line-height: 110%;
    margin-bottom: 0;
}

#footerContent li {
    margin: 0 0 5px;
}

#footerContent .col.gsa img {
    float: left;
    margin: 0 10px 10px 0;
}

#footerContent .liveHelpLink {
    background: #0070A3;
    border-top-left-radius: 3px;
    color: #FFF;
    font-size: 16px;
    padding: 12px 14px 6px;
    bottom: 0;
    right: 0;
    position: fixed;
}

#footerContent .liveHelpLink>.text {
    padding: 0 0 0 5px;
    position: relative;
    top: -1px;
}

#footerBar {
    background-color: #000E14;
    color: #FFF;
    padding: 10px 0 36px;
    text-align: right;
    width: 100%;
}

#footerBar p {
    clear: none;
    float: right;
    margin: 5px 0 0;
}

#footerBar .icon {
    float: left;
    margin: 0 10px 0 0;
}

#loginBox .formActions {
    width: 485px;
}

#loginBox .registerBlock {
    float: left;
    clear: left;
    margin: 20px 0 0;
}

.cmsBlock #loginForm .formRow:first-child {
    margin-top: 0;
}

.cmsBlock #loginForm label {
    width: 100%;
    margin-right: 0;
    text-align: left;
}

.cmsBlock #loginForm input[type="text"],
.cmsBlock #loginForm input[type="password"] {
    box-sizing: border-box;
    width: 100%;
    margin-right: 0;
}

.cmsBlock #loginForm h3 {
    font-size: 12px;
    font-weight: normal;
    clear: left;
    float: left;
    margin: 20px 0 0;
}

.cmsBlock #loginForm ul {
    clear: both;
    width: 100%;
    list-style-type: disc;
    padding: 10px 0 10px 20px;
}

.cmsBlock #loginForm li {
    margin: 0 0 5px;
}

.cmsBlock #loginForm .formActions {
    width: 100%;
}

.cmsBlock #loginForm a {
    float: left;
    margin-left: 0;
    max-width: 82%;
}

.cmsBlock #loginForm a.more {
    max-width: none;
    padding: 0;
}

.cmsBlock #loginForm .formActions input {
    margin-right: 0;
}

#euWarning {
    display: none;
    clear: both;
    background-color: #FBEC88;
    border: 1px solid #F0AB00;
    margin: 10px 0;
    padding: 5px 15px;
}

.infoRow {
    margin: 0 0 10px;
    clear: left;
    display: -webkit-flex;
    display: flex;
}

.infoRow .label {
    font-weight: 700;
    flex: 0 0 auto;
    min-width: 200px;
    padding: 0 10px 0 0;
}

.infoRow .value {
    min-width: 100px;
}

.infoGroup {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.infoGroup .infoRow {
    padding-right: 20px;
    flex: 1 1 auto;
    display: inline-flex;
    min-width: 490px;
}

.infoSection {
    clear: both;
    margin: 0 0 10px;
    width: 100%;
}

.infoSection.padded {
    padding-left: 10px;
}

.contentBox .infoSection:last-child {
    margin-bottom: 0;
}

.contentBox:not(.small):not(.medium) .infoGroup .infoRow {
    min-width: 470px;
}

.contentBox.paymentDetails .label,
.contentBox.shippingFreightOptions .label {
    min-width: 250px;
}

.editableSection {
    float: left;
    width: 100%;
}

.editableSection .titleSection {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.editableSection h2 {
    width: 300px;
}

.editableSection p {
    clear: left;
}

.editableSection .edit {
    float: left;
    margin-top: 2px;
}

.editableSection.padded p {
    padding: 0 0 0 10px;
}

.formSection {
    clear: both;
    float: left;
    margin: 0 0 10px;
    width: 100%;
}

.success {
    color: #4d9e34;
}

.warning {
    color: #F48A06;
}

.error,
.mandatory,
.required,
.errorMessages,
.dlgErrorMessages {
    color: #C60C30;
}

.errorMessages,
.dlgErrorMessages {
    background: url(../images/warning-icon.png) no-repeat 10px 10px;
    clear: left;
    margin: 10px 0;
    padding: 0 20px 0 35px;
    border: 1px dotted #C60C30;
    background-color: #FFC;
}

.errorMessages.guides {
    margin: 10px 0;
    width: 190px;
    padding-bottom: 10px;
}

.errorMessages .message {
    padding: 10px 0;
}

#techSupportForm .errorMessages {
    padding-top: 5px;
}

#formErrorMessages {
    clear: both;
}

td span.errorMessage {
    margin: 5px;
    width: auto;
}

td span.errorMessage.nowrapError {
    white-space: nowrap;
    clear: left;
    float: left;
    margin: 5px 0 0 15px;
}

input.error {
    border: 1px solid #C60C30;
    background-color: #FFC;
}

select.error {
    color: #333
}

.formRow {
    margin: 0 0 10px;
    float: left;
    width: 100%;
}

.formRow label {
    float: left;
}

.formRow>label {
    margin: 3px 10px 0 0;
}

.formRow>label:first-child {
    width: 175px;
    text-align: right;
}

.formRow input[type="text"],
.formRow input[type="password"] {
    float: left;
    width: 300px;
    margin: 0 10px 0 0;
}

.formRow input[type="checkbox"],
.formRow input[type="radio"] {
    float: left;
    margin: 1px 5px 0 0;
}

.formRow input[type="checkbox"]+label,
.formRow input[type="radio"]+label {
    margin: 0 10px 0 0;
}

.formRow select {
    float: left;
    margin: 0 10px 0 0;
}

.formRow textarea {
    float: left;
    width: 300px;
    height: 100px;
}

.formRow>.value {
    float: left;
    margin: 3px 10px 0 0;
}

.formRow>.widget {
    float: left;
}

.formRow>.widget>label:first-child {
    margin: 3px 10px 0 0;
    text-align: right;
}

.formRow span.error,
.formRow .errorMessage {
    background: url(../images/error-arrow-left.gif) no-repeat 0 1px;
    clear: left;
    float: left;
    color: #C60C30;
    margin: 5px 0 0;
    padding-left: 10px;
    width: 290px;
}

.formRow>span.error,
.formRow>.errorMessage {
    margin-left: 190px;
}

.formRow .formNote {
    font-size: 11px;
    float: left;
    margin: 5px 0 0 190px;
    width: 485px;
    clear: left;
}

.formRow label .formNote {
    clear: left;
    float: left;
    margin: 10px 0 0;
    width: auto;
}

.formRow .help {
    float: left;
    margin: 3px 0 0;
}

.hiddenFields {
    display: none;
}

.formRow .indentedGroup {
    padding: 0 0 0 190px;
}

.formRow .optionGroup {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 3px 0 0;
}

.formRow .optionGroup .column {
    flex: 1 1 auto;
    max-width: 300px;
    margin: 0 20px 0 0;
}

.formRow .optionGroup .column:last-child {
    margin-right: 0;
}

.formRow .optionGroup.oneColumn .column {
    max-width: 600px;
}

.formRow .optionGroup.twoColumns .column {
    max-width: 300px;
}

.formRow .optionGroup .option {
    display: -webkit-flex;
    display: flex;
    margin: 0 0 5px;
    clear: left;
}

.formRow .optionGroup .option>input {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.formRow .optionGroup .otherOption {
    display: block;
}

.formRow .optionGroup label {
    text-align: left;
    margin: 1px 0 0;
    width: auto;
    display: inline-block;
}

.formRow .optionGroup input[type="radio"],
.formRow .optionGroup input[type="checkbox"] {
    display: inline-block;
}

.formRow .optionGroup .other {
    margin-top: 0;
    max-width: 240px;
    break-before: always;
}

.formRow .subCategory {
    padding: 0 0 0 25px;
    clear: left;
}

.formRow .subCategory label:first-child {
    padding: 0 0 10px;
}

.formRow input.datePicker {
    width: 100px;
}

.formRow input.small {
    width: 50px;
}

.formRow input.medium {
    width: 100px;
}

.formRow .phoneExtension>input[type="text"] {
    width: 50px;
}

.formRow label.short {
    width: 60px;
}

.formRow input.other {
    margin-top: 10px;
    clear: left;
}

.formRow .disabled {
    color: #AAA;
}

.pageActions,
.formActions {
    float: left;
    clear: left;
    width: 100%;
    margin: 10px 0;
}

.formActions.schedule {
    text-align: right;
}

.formActions.first {
    margin: 10px 0 !important;
}

.pageActions a,
.formActions a {
    float: right;
    margin: 0 0 15px 10px;
}

.formActions.schedule a {
    display: inline-block;
    float: none;
    vertical-align: top;
}

.pageActions a:last-child,
.formActions a:last-child {
    margin-left: 0;
}

.formActions.schedule a:last-child {
    margin-left: 10px;
}

.pageActions .label,
.formActions .label {
    font-weight: 700;
    float: right;
    margin: 5px 10px 0 0;
}

.formActions.schedule .label {
    font-weight: 700;
    display: inline-block;
    float: none;
    margin: 7px 10px 15px 0;
    vertical-align: top;
}

.pageActions a:not(.btn),
.formActions a:not(.btn) {
    margin-top: 5px;
}

.pageActions input,
.formActions input,
.pageActions button,
.formActions button {
    float: right;
    width: auto;
    margin: 0 10px 0 0;
}

.expressOrderEntryFormSection {
    width: 500px;
}

.expressOrderEntryFormSection input {
    width: 200px;
}

.expressOrderEntryFormSection label.prod {
    margin: 0 10px 0 0;
    text-align: left;
    width: 300px;
}

.expressOrderEntryFormSection label.qty {
    margin: 0;
}

.expressOrderEntryFormSection input.qty {
    margin-right: 32px;
    text-align: right;
    width: 57px;
    padding-right: 3px;
}

.expressOrderEntryFormSection label.qty,
.expressOrderEntryFormSection input.qty {
    margin-right: 0;
}

.expressOrderEntryFormSection .errorMessage {
    width: auto;
}

.expressOrderEntryFormSection .formActions input {
    width: auto;
}

.expressOrderEntryFormSection .fieldErrors {
    float: left;
    width: 100%;
}

.expressOrderEntryFormSection .errorContainer {
    float: left;
    width: 306px;
    padding-right: 10px;
}

.expressOrderEntryFormSection .errorContainer:last-child {
    width: 150px;
    padding-right: 0;
}

.expressOrderEntryFormSection .formActions {
    width: 367px;
}

.rightSection .expressOrderEntryFormSection {
    float: left;
    margin: 0;
    width: 270px;
}

.rightSection #expressOrderEntryForm .formRow {
    margin: 0;
}

.rightSection #expressOrderEntryForm .formActions {
    margin: 14px 0;
}

.rightSection #expressOrderEntryForm .formActions a {
    float: right;
}

#expressOrder span.errorMessage {
    margin: 5px 0 0 5px;
    width: 265px;
}

.rightSection .formRow input.item,
.rightSection .formRow input.qty {
    border: 1px solid #CCC;
    float: left;
    margin: 5px 0 0;
    width: 208px;
}

.rightSection .formRow input.qty {
    margin-left: 10px;
    width: 46px;
    padding: 0 2px 0 0;
    text-align: right;
}

#promotionalAlertsForm .formRow label {
    text-align: left;
    margin: 0 0 5px;
}

#promotionalAlertsForm .formRow input {
    width: 244px;
}

#promotionalAlertsForm .errorMessages {
    width: 192px;
}

#promotionalAlertsForm span.error {
    margin-left: 0;
    width: 240px;
}

#guideForm .formRow label {
    text-align: left;
    width: 244px;
    margin: 0 0 5px;
}

#guideForm .formRow input {
    width: 244px;
    margin: 0;
}

#guideForm .formRow select {
    width: 248px;
    margin: 0;
}

#guideForm .moreInfoRow label {
    width: 200px;
}

#guideForm .errorMessages {
    width: 192px;
}

#guideForm span.error {
    margin-left: 0;
    width: 240px;
}

#guideForm span.errorMessage {
    margin: 5px 0 0 5px;
    width: 255px;
}

.formRow .shipSubCategory {
    padding: 5px 0 0 50px;
}

.formRow .shipSubCategory .radioButtonGroup {
    margin: 5px 0 0;
}

form label.radio {
    text-align: left;
}

form a.login {
    margin: 5px 0 0;
    float: left !important;
}

#pageBanner {
    background-size: cover !important;
    height: 422px;
    position: relative;
    top: 0;
    width: 100%;
    float: left;
}

#bannerContent {
    height: 288px;
    position: relative;
    top: 135px;
}

#bannerContent h1 {
    color: #fff;
    /*font: 700 40px "Montserrat", sans-serif;*/
    font: 700 40px "微软雅黑";
    margin: 40px 0;
    padding: 0 20px;
    width: 100%;
}

.tagLine {
    color: #FFF;
    display: inline-block;
    /*font: 700 italic 14px sans-serif;*/
    font: 700 italic 14px "微软雅黑";
    margin: 0 0 0 129px;
}

.learn {
    margin: 10px 0 0 30px;
}

#productTabs {
    margin-bottom: 20px;
    padding-bottom: 44px;
    position: relative;
}

#productTabs ul {
    background: none;
    border: 0;
    border-top: 2px solid #009bd8;
    position: absolute;
    bottom: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

#productTabs ul li {
    background: none;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    border-top: 0;
    display: inline-block;
    float: none;
    margin: 0 0 0 -4px;
    max-width: 34%;
}

#productTabs ul li:first-child {
    border-bottom-left-radius: 3px !important;
}

#productTabs ul li:last-child {
    border-bottom-right-radius: 3px !important;
    border-right: 1px solid #c8c8c8;
}

#productTabs ul li a {
    color: #bdbdbd;
    display: block;
    float: none;
    font-size: 13px;
    font-weight: 400;
    overflow: hidden;
    padding: 10px 15px;
    text-overflow: ellipsis
}

#productTabs ul li.ui-tabs-active {
    background-color: #0096db;
    border-color: #0096db;
    padding-bottom: 0;
}

#productTabs ul li.ui-tabs-active a {
    color: #fff;
}

#productTabs.ui-tabs .ui-tabs-panel {
    padding-bottom: 0;
}

#productTabs .prod,
#productTabs .product {
    float: left;
    text-align: center;
    padding: 0 10px;
    width: 155px;
}

#productTabs .prod img,
#productTabs .product img {
    display: inline-block;
    max-height: 140px;
    max-width: 135px;
    margin: 0 auto;
    vertical-align: bottom;
}

#productTabs .prod a,
#productTabs .product a {
    margin: 15px auto;
}

#productTabs .prod a:first-child,
#productTabs .product a:first-child {
    display: block;
    height: 140px;
    line-height: 140px;
    vertical-align: bottom;
}

#productTabs .prod a+a,
#productTabs .product a+a {
    display: block;
}

#explore {
    background-color: #0599D9;
    color: #FFF;
    min-height: 187px;
    width: 100%;
}

#explore .first,
#explore .second,
#explore .third {
    color: #FFF;
    float: left;
    font-size: 12px;
    width: 339px;
}

#explore .first {
    font-size: 13px;
    padding: 20px 20px 0 0;
}

#explore .first p,
#hachSupport p.main {
    font-size: 13px;
}

#explore .third p {
    font-size: 12px;
}

#explore .second {
    padding: 0;
    width: 304px;
}

#explore iframe {
    display: block;
    margin: 0;
}

#explore .third {
    padding: 20px 0 0 40px;
    width: 337px;
}

#explore .first h2 {
    /*font: 700 28px "Montserrat", sans-serif;*/
    font: 700 28px "微软雅黑";
    margin-bottom: 20px;
    width: 337px;
}

#explore .third h2 {
    font-size: 18px;
    margin-bottom: 20px;
}

#signup {
    background-color: #FFF;
    border-radius: 3px;
    box-shadow: 1px 1px 1px #ca6400;
    color: #0599d9;
    display: inline-block;
    margin-top: 10px;
    padding: 2px 10px;
    text-transform: capitalize;
}

#hachSupport,
#homePageWidget {
    float: left;
    width: 685px;
}

.centeredPageContent>#hachSupport:first-child {
    padding-right: 40px;
}

.centeredPageContent>#hachSupport:last-child {
    padding-right: 0;
}

#hachSupport h2,
#homePageWidget h2 {
    color: #088ed7;
    /*font: 700 28px "Montserrat", sans-serif;*/
    font: 700 28px "微软雅黑";
    margin: 25px 0 20px;
}

#hachSupport img {
    max-width: 645px
}

.suppBox {
    background: #0172A2 url(../images/support-bg-water.jpg) no-repeat 0 0;
    color: #FFF;
    height: 155px;
    margin-bottom: 10px;
    max-width: 645px;
    padding: 40px 0 0 175px;
    position: relative;
    width: 100%;
}

.suppBox.engineering {
    background-image: url(../images/support-bg-engine.jpg);
}

.suppBox.publications {
    background-image: url(../images/support-bg-publications.jpg);
}

.suppBox.server {
    background-image: url(../images/support-bg-server.jpg);
}

.suppBox.application {
    background-image: url(../images/support-bg-engineering.jpg);
}

.suppBox.engineering {
    z-index: 1;
}

.suppBox .left {
    float: left;
    padding: 0 10px 0 0;
    width: 320px;
}

.suppBox h3,
.suppBox p {
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    width: 100%;
}

.suppBox p {
    font-size: 12px;
    margin: 10px 0 0;
}

.suppBox a.bbg,
.suppBox .cats {
    display: block;
    margin: 0 !important;
    max-width: 32%;
    position: absolute;
    left: 505px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.suppBox a.bbgTop {
    top: 35%;
}

.suppBox a.bbgBom {
    top: 65%;
}

.suppBox a.bbgTop1 {
    top: 25%;
}

.suppBox a.bbgBom1 {
    top: 75%;
}

.suppBox .cats a.bbg {
    display: block;
    max-width: none;
    position: static;
    -webkit-transform: none;
    transform: none;
    width: auto;
}

a.bbg {
    background-color: #0599d9;
    border-radius: 3px;
    box-shadow: 1px 1px 1px #00365b;
    color: #FFF;
    display: inline-block;
    font-size: 13px;
    margin-top: 10px;
    padding: 6px 10px 4px;
    text-decoration: none;
    text-transform: capitalize;
}

a.bbg span {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 7px solid #FFF;
    display: inline-block;
    float: right;
    margin: 1px 0 0 10px;
}

a.bbg.select {
    background: #0599d9 url(../images/select_sep_bg.png) no-repeat right 0;
}

a.bbg.select span {
    border-top: 7px solid #FFF;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    margin-left: 20px;
    position: relative;
    top: 3px;
}

#engCategoriesSelect {
    width: 170px;
    z-index: 5;
}

#engCategoriesSelect ul {
    padding: 0 10px;
}

#engCategoriesSelect li {
    margin: 3px 0;
}

p.main {
    margin-bottom: 20px;
}

#homePageWidget {
    width: 255px;
}

#homePageWidget .contentBox>.header,
#homePageWidget .contentBox>.content {
    padding: 0;
    background-color: #FFF;
    border: 0;
}

#homePageWidget ul {
    list-style: none;
    padding: 0;
}

#homePageWidget ul li {
    background: url(../images/blue-bullet.png) no-repeat left 4px;
    margin: 0 0 25px;
    padding: 0 0 0 20px;
}

#homePageWidget li h3 {
    margin-top: 0
}

#productGallery {
    background-color: #FFF;
    float: left;
    height: 200px;
    width: 670px;
    position: relative;
    overflow: hidden;
}

#productGallery .previous {
    background: url(../images/large-blue-arrow-left.png) no-repeat 0 0;
    width: 27px;
    height: 35px;
    cursor: pointer;
    position: absolute;
    top: 88px;
    left: 10px;
    z-index: 100;
}

#productGallery .next {
    background: url(../images/large-blue-arrow-right.png) no-repeat 0 0;
    width: 27px;
    height: 35px;
    cursor: pointer;
    position: absolute;
    top: 88px;
    right: 10px;
    z-index: 101;
}

#productGallery .product1 {
    left: 0;
}

#productGallery .product2,
#productGallery .product3,
#productGallery .product4 {
    top: -9999px;
}

#productGallery .contentSection {
    float: left;
    padding: 20px;
    height: 170px;
    width: 630px;
    position: absolute;
}

#productGallery .contentSection .textContent {
    float: right;
    width: 310px;
    padding: 0 55px 0 0;
}

#productGallery .contentSection .imageContainer {
    float: left;
    padding: 0 0 0 55px;
}

#productGallery .contentSection h2,
#productGallery .contentSection ul {
    margin: 0 0 10px;
    float: left;
    width: 100%;
}

#productGallery #productGalleryThumbs {
    position: absolute;
    top: 158px;
    right: 20px;
    z-index: 102;
}

#productGallery #productGalleryThumbs .thumb {
    background: url(../images/thumb-left-back.gif) no-repeat 0 0;
    float: left;
    padding-left: 2px;
    margin-right: 0;
}

#productGallery #productGalleryThumbs .thumb span {
    background: url(../images/thumb-right-back.gif) no-repeat right top;
    float: left;
    height: 28px;
    padding: 4px 10px 0 8px;
}

#productGallery #productGalleryThumbs .thumb span img {
    width: 23px;
    height: 23px;
    cursor: pointer;
    display: block;
}

#productGallery #productGalleryThumbs .selected {
    clear: left;
    position: relative;
    width: 43px;
    height: 2px;
    font-size: 0;
    background-color: #8FCAE7;
    top: 1px;
}

.supportPage .contentBox ul {
    margin: 0 0 10px;
}

.pageActionsBar {
    float: right;
    padding: 7px 0 20px;
}

.pageActionsBar>a {
    margin-left: 10px;
}

.pageActionsBar #shareThis {
    float: right;
    margin-top: 3px;
}

div.news {
    border-top: 2px solid #CCC;
    clear: left;
    float: left;
    margin: 10px 0 20px;
    width: 100%;
}

div.news p {
    border-bottom: 1px solid #CCC;
    clear: left;
    float: left;
    width: 720px;
    margin: 5px 0;
    padding: 0 5px 5px;
}

div.news p a {
    float: left;
    width: 660px;
}

div.news p span.date {
    float: left;
    width: 60px;
}

.newsEventsPage h1 {
    margin-bottom: 5px;
}

.newsTableTitle {
    margin: 10px 0 0;
}

.newsTable tr td {
    padding: 10px 0;
    vertical-align: middle;
}

.newsTable .newsContent {
    display: flex;
}

.newsTable .newsThumbnail {
    flex: 0 1 auto;
    border: 1px solid #0098DB;
    text-align: center;
    width: 62px;
    height: 62px;
    margin-right: 10px;
}

.newsTable .newsThumbnail img {
    vertical-align: middle;
    display: inline-block;
    max-width: 60px;
    max-height: 60px;
}

.msie11 .newsTable .newsContent .contentPreview {
    flex: 1;
    min-width: 30%;
    max-width: 500px;
}

.newsTable .newsContent p {
    flex: 1 1 auto;
    margin-top: 0;
}

.newsDetails {
    border-top: 1px solid #CCC;
    padding: 10px 0 0;
}

.newsDetails .mainImage {
    float: right;
    margin: 10px 0 20px 20px;
}

.newsDetails .mainImage>img {
    max-width: 220px;
    max-height: 220px;
}

.newsDetails p.date {
    color: #666;
}

.newsDetails p,
.newsDetails ul {
    margin: 10px 0 20px;
    width: 100%;
}

.newsDetails img.fRight {
    margin: 0 0 20px 20px;
}

.calendarPage #eventPreview {
    margin-top: 57px;
}

.calendarPage #eventPreviewContent h3 {
    /*font: 700 13px/16px "Montserrat", sans-serif;*/
    font: 700 13px/16px "微软雅黑";
    height: auto;
}

.calendarPage #eventPreviewContent .label {
    float: left;
    font-weight: 700;
    width: 100px;
}

.calendarPage #eventPreviewContent .value {
    float: left;
    width: 148px;
}

.calendarPage #eventPreviewContent .description {
    width: 244px;
    float: left;
    clear: both;
}

.calendarPage #upcomingEventsTable .fa-calendar {
    font-size: 1.3em;
    position: relative;
    top: 1px;
}

.eventRegistrationPage #otherRegistrationMethods .label {
    min-width: 60px;
}

#filterCalendarDatesDialog p {
    margin-top: 5px;
}

#filterCalendarDatesDialog label {
    text-align: left;
    width: 40px;
}

#filterCalendarDatesDialog input {
    display: inline-block;
    width: 100px;
}

#filterCalendarDatesDialog .icon {
    margin-top: 5px;
}

#filterCalendarDatesDialog .errorMessage {
    margin-left: 50px;
    width: 100px;
}

#stateProvinceFilterDialog {
    font-size: 10px;
}

#stateProvinceFilterDialog img {
    max-width: none !important;
}

#stateProvMapLinks {
    position: relative;
    font-size: 10px;
    /*font-family: Arial, sans-serif;*/
}

#stateProvMapLinks a {
    color: #333;
    position: absolute;
    cursor: default;
}

#stateProvMapLinks a.active {
    color: #0098DB;
    cursor: pointer;
}

#stateProvMap area {
    cursor: default;
    display: block;
}

#locations {
    clear: left;
    float: left;
    margin: -10px 0 10px;
    width: 100%;
}

#locations input {
    float: left;
    margin: 0 10px 0 0;
}

.eventDetailsPage #eventAttributes .label {
    width: 100px;
}

.eventDetailsPage #eventAttributes .value {
    width: 580px;
}

#main ul.tabs li.allNewsAndEvents {
    float: right;
    border: 0;
    background: #FFF;
    margin-top: -10px;
    padding: 5px 0;
}

#main ul.tabs li.allNewsAndEvents a {
    font-weight: 400;
    color: #0098DB;
}

#main ul.tabs li.allNewsAndEvents a:hover {
    color: #F0AB00;
}

.guides {
    float: left;
    width: 100%;
}

.guides h3 {
    clear: left;
    float: left;
    font-size: 16px;
    margin: 0 0 5px;
    width: 223px;
    padding: 2px 5px;
}

.guides h3.selected {
    border: 1px dotted #C4DBE6;
    background-color: #C3DBE6;
    width: 221px;
}

.guides .links {
    float: left;
    margin-right: 10px;
    width: 312px;
}

.guides .links:last-child {
    margin-right: 0;
}

.guides .links ul {
    margin: 0 0 10px;
    padding: 0 5px 0 6px !important;
    width: 222px;
}

.guides .links ul:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
}

.guides .links ul li {
    clear: left;
    float: left;
    width: 100%;
}

.guides .links ul li a {
    float: left;
    clear: left;
}

.contentBox.guideSmall {
    width: 345px;
}

.leftSection .block.guideSmall.video {
    clear: none;
    margin: 10px 0 0;
    width: 196px;
}

.promo {
    clear: left;
    float: left;
    margin: 15px 0 5px;
    width: 100%;
}

.promo .thumb {
    float: left;
    width: 120px;
}

.promo .promoDesc {
    float: left;
    margin: 0 0 0 10px;
    width: 100%;
}

.promo .promoDesc h3 {
    margin-top: 0;
    font-size: 12px;
}

p.note.promo {
    margin-top: 20px;
    border-top: 1px solid #CCC;
    clear: left;
    float: left;
    width: 100%;
    padding-top: 10px;
}

.about {
    margin: 10px 0 0;
    float: left;
    width: 100%;
}

.about p,
.about .para {
    clear: left;
    float: left;
    margin: 0 0 5px;
    width: 100%;
}

.about p strong,
.about .para strong {
    float: left;
    width: 150px;
}

.about p span,
.about .para span {
    float: left;
    margin: 0 0 5px;
    width: 600px;
}

.about .para ul,
.about .para address {
    float: left;
    width: 580px;
    margin-bottom: 5px;
}

.iris-highlight {
    font-weight: bold;
    background-color: #DDD;
}

.productList {
    border-bottom: 1px solid #C3DBE6;
    float: left;
    margin: 0 0 10px;
    padding: 0 0 20px;
    width: 100%;
}

.productList h2 {
    margin: 0 0 20px;
    height: 22px;
}

.productList h2>span {
    font-size: 12px;
}

.productList .pagination {
    border: 0;
    margin-top: -45px;
}

.productList .productResults {
    margin-left: -10px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: space-around;
    clear: both;
}

.productList .productResult {
    min-width: 155px;
    flex: 14% 0 0;
    padding: 0 0 20px 10px;
}

.productList .productImage {
    margin-bottom: 10px;
    width: 155px;
    height: 142px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.compareContainer {
    clear: left;
    float: left;
}

td .compareContainer {
    float: none;
}

.compareContainer>label {
    font-size: 10px;
}

.compareContainer input[type="checkbox"] {
    position: relative;
    top: 2px;
}

.compareButtons {
    padding: 15px 0;
    float: left;
    width: 100%;
}

.compareButton {
    float: left;
    margin-right: 10px;
}

.compareClear {
    float: left;
    margin: 5px 0 0 0;
}

.compare-highlight {
    color: #0599D9;
}

.compare-disable {
    color: #666;
}

.compare-disable:hover {
    color: #666;
}

.resultsPage #content {
    float: left;
    width: 750px;
}

.resultsPage h1.resultsHeading {
    margin-bottom: 10px;
    font-size: 12px;
}

.resultsPage h1.resultsHeading .filter {
    padding: 0 7px 0 0;
}

.resultsPage h1.resultsHeading .filter a.arrowLeft span {
    margin: 0 0 0 5px;
    position: relative;
    top: 4px;
}

.resultsPage h1.resultsHeading .selectedFilters {
    font-weight: 400;
    font-size: 12px;
}

.resultsPage h1.resultsHeading .selectedFilters .remove {
    top: 3px;
    position: relative;
}

.resultsPage .cmsBlockContainer {
    margin: 0 0 10px;
}

.resultsPage .refineSearchContainer {
    margin: 35px 0 10px;
    border-style: solid;
    border-color: #FF7E00;
    border-width: 1px;
}

.resultsPage a.refineSearchButton {
    padding: 6px 15px 5px;
    float: right;
    color: #FFF;
    background-color: #FF7E00;
}

.resultsPage a.refineSearchButton:hover {
    background-color: #F0AB00;
}

.resultsPage .refineSearchContainerInput {
    overflow: hidden;
    padding: 2px 3px;
}

.resultsPage .refineSearchInput {
    border: 0 none;
    width: 100%;
}

.resultsPage .showAllFamilyLink {
    float: left;
    padding: 0 0 15px;
    margin: 0;
    width: 100%;
}

.resultsPage .showAllLink {
    font-size: 14px;
}

.resultsPage .showAllLink .fa {
    margin-right: 5px;
    color: #000;
}

.resultsPage .relatedInfoHeader {
    font-weight: 700;
    font-size: 14px;
}

.resultsPage .relatedInfoDescription {
    margin-bottom: 15px;
    max-height: 60px;
    overflow-y: hidden;
}

.resultsPage #productFamilies {
    border-bottom: 1px dotted #000;
    float: left;
}

.resultsPage .familyResult {
    float: left;
    width: 100%;
}

.resultsPage .familyResult {
    float: left;
    margin: 0 0 10px;
    width: 100%;
}

.resultsPage .familyResult p {
    margin: 0;
}

.resultsPage .familyResult p a {
    font-weight: 700;
    font-size: 14px;
}

.resultsPage .familyResult .image {
    padding-left: 10px;
    float: right;
}

.resultsPage .familyResult .description {
    margin-bottom: 20px;
}

.resultsPage .familyResult .paginationHR {
    float: left;
    height: 1px;
    margin: 15px 0 0;
    width: 100%;
}

.resultsPage .productResult {
    float: left;
    margin: 0 0 15px;
    width: 100%;
}

.resultsPage .productResult .productContent {
    display: -webkit-flex;
    display: flex;
    margin: 0 0 10px;
}

.resultsPage .productResult .productImage {
    flex: 0 0 auto;
    margin-right: 10px;
    min-height: 60px;
    min-width: 60px;
    text-align: center;
}

.resultsPage .productResult .productSummary {}

.resultsPage .productResult .productName {
    margin: 0 0 5px;
}

.resultsPage .productResult .productDetailsLink {
    font-weight: bold;
}

.resultsPage .productResult .paginationHR {
    float: left;
    background-color: #d4d4d4;
    height: 1px;
    margin: 15px 0 0;
    width: 100%;
}

.resultsPage .productResult p {
    margin: 0;
}

.resultsPage .productResult .qty {
    width: 40px;
    margin-left: 5px;
}

.resultsPage .productResult.parentCat {
    display: inline-block;
    float: none;
    padding: 0 10px 10px;
    text-align: center;
    vertical-align: top;
    width: 24%;
}

.resultsPage .productResult.parentCat .product,
.resultsPage .productResult.parentCat p {
    display: inline-block;
    float: none;
    margin: 10px 0;
    vertical-align: middle;
    width: auto;
}

.resultsPage .productResult.parentCat p {
    width: 100%;
}

.resultsPage .productResult.parentCat .image a {
    display: table-cell;
    height: 100px;
    text-align: center;
    vertical-align: middle;
    width: 140px;
}

.parentCat .product .image img {
    max-height: 100px;
}

.resultsPage .moreInfoButton {
    background: #0070A7 none repeat scroll 0 0;
    color: #FFF;
    display: inline-block;
    font-size: 10px;
    padding: 8px 25px 8px 10px;
    position: relative;
}

.resultsPage .moreInfoButton:hover {
    color: #FFF;
    background: #0096DB none repeat scroll 0 0;
}

.resultsPage .moreInfoButton .fa {
    margin-top: -3.5px;
    position: absolute;
    right: 10px;
    top: 50%;
}

.resultsPage .seeReplacementWrapper {
    float: right;
    margin-left: 20px;
}

.resultsPage .seeReplacementWrapper .btn {
    margin: 0;
}

.resultsPage .addToCartAction {
    float: right;
    margin-left: 20px;
}

.resultsPage .addToCartAction .success,
.resultsPage .addToCartAction .cartQty {
    display: block;
    padding: 5px 0 0;
}

.resultsPage .addToCartAction .fa-spin {
    position: relative;
    top: 5px;
}

.resultsPage .setQty {
    margin-top: 2px;
}

.resultsPage .addToCartActions {
    float: right;
}

a.configuratorLink {
    background: url(../images/icon_configurator.gif) no-repeat left;
    padding-left: 14px;
}

.product .image {
    float: left;
    width: 140px;
}

.product .image img {
    vertical-align: bottom;
}

table.related {
    width: 415px;
}

table.docs tr th.downloads,
table.related tr th.downloads {
    width: 340px;
}

table.docs tr th {
    width: 70px;
}

#leftNav {
    float: left;
    width: 220px;
    margin: 0 10px 10px 0;
}

#leftNav>h2 {
    margin: 0 0 15px;
}

#leftNav .ui-accordion-header {
    font-weight: 400;
}

#leftNav .ui-accordion-content {
    padding: 10px;
}

#leftNav .header {
    font-weight: 400;
    background: #0098DB;
    color: #FFF;
    border: 0;
    padding: 5px 10px 5px 15px;
    margin: 2px 0 0;
}

#leftNav .filterSelectionBox {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #c3dbe6;
    overflow: auto;
}

#leftNav .filterSelectionBox .filters .selected {
    padding-left: 20px;
}

#leftNav .productFilters {
    width: 100%;
    float: left;
}

#leftNav .productFilters input[type="radio"],
#leftNav .productFilters input[type="checkbox"] {
    position: relative;
    top: 2px;
}

#leftNav .productFilters,
#leftNav .productFilters ul {
    list-style: none;
    padding: 0;
}

#leftNav .productFilters ul {
    margin: 5px 0 10px 20px;
}

#leftNav .selected {
    word-wrap: normal;
    font-weight: 700;
}

#leftNav .filterLinks {
    word-break: break-word;
}

#leftNav .extraProductFilters {
    width: 100%;
    float: left;
    border-top: 1px solid #CCC;
    margin: 10px 0 0;
    padding: 10px 0 0;
}

#leftNav .extraProductFilters .formRow:last-child {
    margin-bottom: 0;
}

#leftNav .extraProductFilters label {
    max-width: 170px;
}

#leftNav .root {
    padding: 0 0 0 3px;
}

#leftNav .subRoot {
    float: left;
}

#leftNav .root .expandCollapse,
#leftNav .subRoot .expandCollapse {
    position: relative;
    top: 5px;
}

#leftNav a.main.arrowDown,
#leftNav a.submain.arrowDown {
    background: url(../images/arrow-down.png) no-repeat 0 4px;
}

#leftNav span.main.arrowDown {
    background: url(../images/arrow-down.png) no-repeat 0 4px;
}

.flyBox {
    background: #FFF;
    box-shadow: 0 0 40px #999;
    display: none;
    left: 120px;
    min-width: 210px;
    padding: 10px 10px 15px;
    position: absolute;
    top: -35px;
    z-index: 1100;
}

.flyBox .flyBoxHeader {
    width: 100%;
    float: left !important;
    white-space: nowrap;
    padding: 0 0 5px;
}

.flyBox .flyBoxHeader>label {
    float: left;
    white-space: pre-wrap;
    min-width: 210px;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.flyBox .filterSearch {
    float: left;
    white-space: nowrap;
}

.flyBox .container {
    clear: left;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 10px 0;
    white-space: nowrap;
}

.flyBox .col {
    flex: 1 0 auto;
    padding-left: 10px;
    vertical-align: top;
    white-space: normal;
    min-width: 195px;
}

.flyBox .filter {
    color: #0599d9;
    display: -webkit-flex;
    display: flex;
    margin: 0 8px 5px 0;
}

.flyBox .filter>.filterCheckbox {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    top: 1px !important;
}

.flyBox .filter>.filterLabel {
    margin-left: 5px;
}

.flyBox .errorMessage {
    clear: left;
    color: #c60c30;
    margin: 0 10px 10px 0;
    font-weight: bold;
    font-size: 12px;
}

.flyBox a.closeFlyBox {
    float: left;
    color: #0599d9;
    margin: 5px 15px 0 10px;
}

.flyBox input.read {
    border: 1px solid #ccc;
    color: #ccc;
    float: left;
    margin-right: 15px;
    margin-right: 10px;
    font-style: italic;
    width: 200px;
}

.flyBox input.modified {
    color: #000;
    font-style: normal;
}

.flyBox .flyBoxArrow {
    width: 0;
    height: 0;
    left: -12px;
    position: absolute;
    top: 20px;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 14px solid #FFF;
}

.viewableItemsBox>.content {
    display: -webkit-flex;
    display: flex;
    overflow: auto;
    overflow-y: hidden;
}

.viewableItemsBox .item {
    padding: 0 10px 10px 0;
    min-width: 146px;
    text-align: center;
}

.viewableItemsBox .item .thumb {
    height: 100px;
    line-height: 100px;
    margin: 10px auto 5px;
    display: table;
    vertical-align: middle;
    position: relative;
    text-align: center;
    width: 136px;
}

.viewableItemsBox .item .thumb a {
    margin: 0 0 10px;
    display: block;
    text-align: center;
}

.viewableItemsBox .item .thumb img {
    vertical-align: bottom;
}

.recentlyViewedItems .item:nth-child(6) {
    display: none;
}

#addedToCartConfirmation {
    float: left;
    width: 100%;
    margin: 10px 0;
}

#addedToCartConfirmation .productTitle {
    font-size: 18px;
    margin: 5px 0 15px;
}

#addedToCartConfirmation .quantity {
    /*font: 700 18px "Montserrat", sans-serif;*/
    font: 700 18px "微软雅黑";
}

#addedToCartConfirmation .success {
    font-size: 18px;
    color: #8B8D0E;
    margin: 0 0 5px;
}

.productDetailsPage .sectionSeparator {
    border-bottom: 1px dotted #AAA;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

#productDetailsHeader {
    float: left;
    padding-bottom: 10px;
    width: 100%;
}

#productDetailsHeader .breadcrumbs {
    float: left;
    width: 50%;
    margin-top: 8px;
}

#productDetailsHeader .pagePrintLink {
    float: right;
}

#productDetailsHeader .productPagination {
    float: right;
    padding: 0 20px;
    font-size: 11px;
}

#productDetailsHeader .productPagination label {
    padding: 0 3px
}

#productDetailsHeader .productPagination input {
    font-size: 11px;
    width: 30px;
}

#productOverview {
    float: left;
    width: 100%;
}

#productOverview .leftSection {
    width: 790px;
    margin-right: 0;
}

#productOverview .overviewSection {
    clear: left;
    float: left;
    width: 100%;
    margin: 0 0 10px;
}

#productOverview #overviewWrapper {
    width: 612px;
    padding: 0 10px 0 0;
    float: left;
}

#productOverview #currentProductImageContainer {
    float: left;
    width: 252px;
}

#productOverview #currentProductImage {
    border: 1px solid #CCC;
    width: 250px;
    height: 250px;
    text-align: center;
    vertical-align: middle;
}

#productOverview #currentProductImage img {
    margin: 0 auto;
    display: block;
    max-width: 250px;
    max-height: 250px;
}

#productOverview #productImageThumbs {
    float: left;
    padding: 0 0 0 10px;
}

#productOverview #productImageThumbs a {
    border: 1px solid #CCC;
    display: block;
    margin: 0 0 10px;
    clear: left;
    text-align: center;
}

#productOverview #productImageThumbs img {
    display: block;
    margin: 0 auto;
    max-width: 50px;
    max-height: 50px;
}

#productOverview #productImageThumbs .selected {
    border: 1px solid #000
}

#productOverview #productImageThumbs .galleryLink {
    border: 0;
    text-align: center;
    padding-top: 34px;
    background: url(../images/search-icon2.gif) no-repeat 50% 20%;
}

#productOverview #overviewInfo {
    padding: 0 0 0 20px;
    float: left;
    max-width: 288px;
    width: auto;
}

#productOverview #overviewInfo .label {
    font-weight: 700;
    min-width: 85px;
}

#productOverview #overviewInfo .value {
    width: 150px;
}

#productOverview #overviewInfo .stockStatus {
    font-weight: 700;
}

#productOverview #overviewInfo .backOrder {
    color: #C60C30;
}

#productOverview #overviewInfo label {
    width: auto;
    text-align: left;
}

#productOverview #overviewInfo input {
    width: 40px
}

#productOverview #overviewInfo .radio {
    float: left;
    margin-right: 10px;
    width: 15px;
}

#productOverview #overviewInfo .addToCartWrapper {
    margin: 0 0 10px;
    float: left;
    width: 100%;
    clear: left;
}

#productOverview #overviewInfo .addToCartWrapper>a {
    margin: 0;
}

#productOverview #overviewInfo .formActions a {
    margin: 0 0 10px;
    clear: left;
    float: left;
}

#productOverview .productDescription:first-child {
    margin-top: 0;
}

#productOverview .productDescription:last-child {
    margin-bottom: 0;
}

#productOverview .productDescription ul {
    margin: 10px 0;
}

#productOverview .hazardousWarningBox {
    margin: 10px 0 0;
}

#productOverview #accessorySidebar {
    float: left;
    height: auto !important;
    width: 178px;
    margin: 0 0 10px;
    padding: 10px;
    border-left: 1px dotted #CCC;
    border-right: 1px solid #C5D0E0;
}

#productOverview #accessorySidebar .requiredAccessories,
#productOverview #accessorySidebar .optionalAccessories {
    padding: 0 0 20px;
    float: left;
    width: 100%;
}

#productOverview #accessorySidebar h2 {
    margin: 0 0 20px;
    padding: 0 0 5px;
    border-bottom: 1px dotted #CCC;
}

#productOverview #accessorySidebar h2 a {
    font-size: 12px;
}

#productOverview #accessorySidebar .accessory {
    float: left;
    width: 100%;
    margin: 0 0 20px;
}

#productOverview #accessorySidebar .accessory .qtyInCart,
#productOverview #accessorySidebar .accessory .qtyInQuoteCart {
    display: block;
}

#productOverview #accessorySidebar .accessoryImage {
    margin: 0 0 10px;
    text-align: center;
}

#productOverview .rightSidebar {
    float: right;
    width: 180px;
    padding: 10px 0 10px 10px;
}

#productOverview .rightSidebar h2 {
    font-size: 14px;
    margin-top: 0;
    padding: 0 0 5px;
    border-bottom: 1px solid #CCC;
}

#productOverview .rightSidebar .promotion {
    margin: 10px 0 0;
    float: left;
}

#productOverview .rightSidebar .section {
    border-bottom: 1px solid #CCC;
    float: left;
    width: 100%;
    padding: 0 0 10px;
}

#productOverview .rightSidebar .section a {
    display: block;
}

#productOverview .rightSidebar .section p:last-child {
    margin-bottom: 0;
    text-align: left;
}

#productSummary {
    margin-top: 10px;
}

#productSummary .summaryThumbnail {
    width: 200px;
    float: left;
    margin: 0 10px 10px 0;
}

#productSummary #productSummaryInfo {
    float: left;
}

#productSummary .summaryInfo {
    margin: 0 10px 0 0;
    width: 200px;
    float: left;
}

#productSummary .summaryInfo:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
}

#productSummary .label {
    min-width: 95px;
    font-weight: 700;
}

#productSummary label {
    width: auto;
}

#productSummary .qty {
    width: 40px;
}

#productSummary .formRow {
    margin-top: 0;
}

#productSummary .formActions .addToCartWrapper {
    clear: left;
}

#productSummary .formActions a {
    float: left;
    margin: 0 0 10px;
}

#productDetails #specificationsBox .infoRow .label {
    width: 200px;
}

#productDetails #specificationsBox .infoRow .value {
    width: 720px;
}

#productDownloads .productDetailsDownloadFilter .filter {
    margin-right: 20px;
    float: left;
}

#productDownloads .productDetailsDownloadFilter .filterButton {
    margin-right: 10px
}

#productDownloads .productDetailsDownloadFilter label {
    float: left;
    margin: 3px 10px 5px 0;
}

#productDownloads .productDetailsDownloadFilter .widget {
    float: left;
}

#productDownloads .productDetailsDownloadFilter .ui-state-default,
#productDownloads .productDetailsDownloadFilter .ui-widget-content .ui-state-default,
#productDownloads .productDetailsDownloadFilter .ui-widget-header .ui-state-default {
    background: #EEE;
    border: 1px solid #C3DBE6;
    color: #666;
    font-weight: bold;
}

#productDownloads .productDetailsDownloadFilter .ui-state-default .ui-icon {
    background-image: url(../images/themes/ui-icons_0098db_256x240.png);
}

.productDetailsSection {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

.productDetailsSection p {
    float: left;
    margin: 0 0 10px;
    width: 100%;
}

.productDetailsSection>h2 {
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 12px;
}

.productDetailsSection h3 {
    float: left;
    font-size: 13px;
    margin: 10px 0 0;
    width: 100%;
}

.productDetailsSection .contentBox {
    clear: both;
}

.productDetailsSection table {
    margin-bottom: 10px;
}

.productDetailsSection table.docs {
    margin-top: 0;
    table-layout: fixed;
}

.productDetailsSection table th {
    width: 19%
}

.productDetailsSection table th.noStyle {
    color: #333;
    background: none;
    /*font: 700 13px "Montserrat", sans-serif;*/
    font: 700 13px "微软雅黑";
}

.productDetailsSection table th.method {
    width: 30%;
}

.productDetailsSection table.docs th {
    width: 130px
}

.productDetailsSection table.docs th.downloads {
    width: 233px;
}

.productDetailsSection #videoPlaceHolder {
    float: left;
    width: 100%;
    margin: 10px 0 20px;
}

#configuratorBox .cartSummary {
    float: right;
    width: 380px;
}

#configuratorBox .configuratorOptions {
    float: left;
    padding: 0 10px 0 0;
    width: 565px;
}

#configuratorBox .configuratorOption {
    margin: 0 0 10px;
    clear: both;
    float: left;
    width: 100%;
}

#configuratorBox .configuratorOption .disabledCompareLink {
    color: #999;
    float: right;
    margin-right: 80px;
    cursor: default;
}

#configuratorBox .configuratorOption .disabledCompareLink:hover {
    color: #999;
}

#configuratorBox .configuratorOption .compareLink {
    float: right;
    margin-right: 80px;
    cursor: pointer;
}

#configuratorBox .configuratorOption .checkbox {
    margin-top: 1px;
}

#configuratorBox .configuratorOption .title {
    font-weight: bold;
    float: left;
    width: 100%;
}

#configuratorBox .optionLevelOne .title {
    margin: 0 0 10px;
}

#configuratorBox .optionLevelOne .description {
    margin: 0 0 5px 15px;
}

#configuratorBox .optionLevelOne .choice {
    margin: 0 0 0 15px;
}

#configuratorBox .optionLevelOne .choice label {
    width: 400px;
    float: left;
    margin: 0 5px;
}

#configuratorBox .optionLevelOne .choice input {
    float: left;
}

#configuratorBox .optionLevelOne .choice .option {
    float: left;
    width: 100%;
    margin: 0 0 5px;
}

#configuratorBox .optionLevelOne .footnote {
    margin: 5px 0 0 15px;
}

#configuratorBox .optionLevelTwo .title {
    margin: 5px 0 10px 15px;
}

#configuratorBox .optionLevelTwo .description {
    margin: 0 0 5px 30px;
}

#configuratorBox .optionLevelTwo .choice {
    margin: 0 0 0 30px;
}

#configuratorBox .optionLevelTwo .choice label {
    width: 370px;
}

#configuratorBox .optionLevelTwo .footnote {
    margin: 5px 0 0 30px;
}

#configuratorBox .optionLevelThree .title {
    margin: 5px 0 10px 15px;
}

#configuratorBox .optionLevelThree .description {
    margin: 0 0 5px 30px;
}

#configuratorBox .optionLevelThree .choice {
    margin: 0 0 0 30px;
}

#configuratorBox .optionLevelThree .choice label {
    width: 340px;
}

#configuratorBox .optionLevelThree .footnote {
    margin: 5px 0 0 30px;
}

#configuratorBox .optionLevelFour .title {
    margin: 5px 0 10px 15px;
}

#configuratorBox .optionLevelFour .description {
    margin: 0 0 5px 30px;
}

#configuratorBox .optionLevelFour .choice {
    margin: 0 0 0 30px;
}

#configuratorBox .optionLevelFour .choice label {
    width: 310px;
}

#configuratorBox .optionLevelFour .footnote {
    margin: 5px 0 0 30px;
}

.topFamilyPage .productFamilies {
    clear: both;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.topFamilyPage .productFamilies .familyResult {
    flex: 1 0 auto;
    margin: 0 20px 20px 0;
    max-width: 142px;
    min-width: 142px;
    position: relative;
}

.topFamilyPage .familyResult .familyImage {
    padding: 0 0 10px;
}

.topFamilyPage .familyResult .familyImage>a {
    width: 100px;
    height: 100px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.topFamilyPage .familyResult .familyImage img {
    max-width: 100px;
    max-height: 100px;
}

.topFamilyPage .familyResult .title {
    margin: 0 0 5px;
    display: inline-block;
}

.topFamilyPage .familyResult .briefDescription {
    margin: 0 0 5px;
}

.topFamilyPage .familyResult .downloadButtonWrapper {
    height: 30px;
}

.topFamilyPage .familyResult .downloadButton {
    position: absolute;
    bottom: 0;
    left: 0;
}

.topFamilyPage .familyResult .result span {
    display: block
}

.topFamilyPage p.collapsible {
    overflow: hidden;
    max-height: 8.5em;
    margin-bottom: 5px;
}

.topFamilyPage p.collapsible.expand {
    overflow: auto;
    max-height: none;
}

.topFamilyPage #topFamilyCmsContent {
    clear: both;
}

.topFamilyPage #topFamilyCmsContent p {
    clear: none;
}

.topFamilyPage #topFamilyCmsContent .mktoForm {
    width: auto !important;
}

#productGrid,
#productGrid #productsTableWrapper {
    float: left;
    width: 100%;
}

#productGrid .productFamilyActions .addToCart {
    margin: 0 0 5px;
}

.productsTable .productFamilyActions {
    width: 110px;
    white-space: nowrap;
}

.productsTable .productFamilyActions a {
    float: left;
    clear: left;
}

.productsTable .productFamilyActions a.addToCart {
    margin-bottom: 5px;
}

#productFamilyHeader {
    margin: 0 0 20px;
}

#productFamilyHeader .breadcrumbs {
    margin: 0 0 20px;
}

#productFamilyHeader .primaryMedia {
    float: right;
    margin: 0 0 20px;
}

#productFamilyHeader .primaryMedia>img {
    display: block;
    border: 1px solid #CCC;
    max-width: 100%;
}

#productFamilyHeader .productFamilyDesc {
    line-height: 20px;
    font-size: 12px;
    width: 620px;
    margin: 0 0 10px;
    float: left;
}

#productFamilyHeader .productFamilyDesc #minimizingText {
    1font-size: 12px;
}

#productFamilyHeader .productFamilyLinks {
    clear: left;
}

#productFamilyHeader .productFamilyLinks a {
    margin-right: 10px;
}

#productFamilyHeader #minimizingText {
    display: none;
}

#productFamilyHeader .buttons {
    float: right;
    margin: 0 20px;
    text-align: center;
}

#productFamilyHeader .buttons a {
    display: block;
    margin-bottom: 10px;
    padding: 5px;
}

#productFamilyHeader.tabbedFamilyHeader .productFamilyDesc {
    font-size: 12px;
    line-height: 17px;
    width: 500px;
}

#productFamilyHeader.secondaryTabHeader {
    padding: 0 0 10px;
    border-bottom: 1px dotted #AAA;
}

#productFamilyHeader #productFamilyImages {
    float: right;
}

#productFamilyHeader #currentProductFamilyImageContainer:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
}

#productFamilyHeader #currentProductFamilyImageContainer .tableContainer {
    float: left;
}

#productFamilyHeader #currentProductFamilyImage {
    border: 1px solid #CCC;
    width: 250px;
    height: 250px;
    text-align: center;
    vertical-align: middle;
}

#productFamilyHeader #currentProductFamilyImage img {
    margin: 0 auto;
    display: block;
    max-width: 250px;
    max-height: 250px;
}

#productFamilyHeader #productFamilyImageThumbs {
    float: left;
    padding: 0 10px 0 0;
}

#productFamilyHeader #productFamilyImageThumbs a {
    display: block;
    border: 1px solid #CCC;
    margin: 0 0 10px;
    clear: right;
    text-align: center;
}

#productFamilyHeader #productFamilyImageThumbs img {
    display: block;
    margin: 0 auto;
    max-width: 50px;
    max-height: 50px;
}

#productFamilyHeader #productFamilyImageThumbs .selected {
    border: 1px solid #000;
}

#productFamilyHeader #productFamilyImageThumbs .galleryLink {
    border: 0;
    text-align: center;
    padding-top: 34px;
    background: url(../images/search-icon2.gif) no-repeat 50% 22%;
}

.productFamilyOverview #familyLogos {
    text-align: right;
    clear: both;
    float: left;
    width: 100%;
    margin: 10px 0;
}

.productFamilyOverview .otherProductFamilies {
    width: 100%;
    overflow: auto;
    overflow-y: hidden;
}

.productFamilyOverview .cmsContentArea {
    margin: 0 0 20px;
}

#main.productFamilySearchResult .productFamilyTitle {
    clear: both;
    margin-bottom: 20px;
}

.familySearchPage #searchParameter {
    float: none;
}

.familySearchPage #searchParameter input {
    border: 1px solid #CCC;
    display: inline-block;
    float: none;
    height: auto;
    max-width: 100%;
    padding: 8px 5px;
    width: 200px;
    color: #CCC;
    font-style: italic;
    vertical-align: middle;
}

.familySearchPage #searchParameter input.modified {
    color: #000;
    font-style: normal;
}

.familySearchPage #searchParameter a {
    display: inline-block;
    vertical-align: middle;
}

#main.familySearchPage .browseParam {
    clear: none;
    display: inline-block;
    width: 240px;
    margin: 10px 10px 0 0;
    list-style: none;
    padding: 0;
    vertical-align: top;
}

#main.familySearchPage .browseParam li {
    margin: 0 0 10px;
}

#main.familySearchPage .browseParam a {
    display: -webkit-flex;
    display: flex;
}

#main.familySearchPage .browseParam .fa {
    padding-top: 1.5px;
}

#main.familySearchPage .browseParam .label {
    padding-left: 5px;
}

.productFamilyChemistryResult .productsTable tr td {
    vertical-align: middle;
}

.productFamilyChemistryResult .productFamilyTitle {
    float: left;
    margin-bottom: 20px;
}

.productFamilyChemistryResult .arrowBack.fRight {
    margin-bottom: 10px;
}

.browseProductsPage .selectedFilters {
    display: block;
    margin: 0 0 10px;
}

.productFamilyBrowseHeader .breadcrumbs {
    margin-bottom: 20px;
}

.replacement {
    float: left;
    width: 100%;
    margin: 10px 0;
}

.replacement img,
.replacement div {
    float: left;
    padding: 0 0 0 20px;
}

.replacement div p {
    margin: 0 0 5px;
    width: 410px;
}

a span.arrows {
    position: relative;
    top: -1px;
}

#links {
    float: left;
    font-size: 11px;
    width: 670px;
}

#links h3 {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 5px;
}

#links div.links {
    float: left;
    margin-right: 10px;
    width: 157px;
}

.comparePage h1 {
    display: block;
}

#productCompareTable .removeProduct {
    float: right;
}

.resultsToolbar {
    clear: left;
    float: left;
    font-size: 11px;
    margin: 10px 0;
    width: 100%;
}

.resultsToolbar.borderBottom {
    border-bottom: 1px dotted #333;
    padding-bottom: 10px;
}

.resultsToolbar.borderTop {
    border-top: 1px dotted #333;
    padding-top: 10px;
}

.resultsToolbar .left {
    float: left
}

.resultsToolbar .left .pageSizeOptions {
    float: left;
    margin: 4px 0 0;
}

.resultsToolbar .left .pageSizeOptions span,
.resultsToolbar .left .pageSizeOptions a {
    float: left
}

.resultsToolbar .left strong {
    margin: 3px 10px 0 0;
    float: left;
    font-weight: 400;
}

.resultsToolbar .left select {
    font-size: 11px;
    margin-right: 30px;
    float: left;
}

.resultsToolbar .right {
    float: right
}

.resultsToolbar .right input {
    font-size: 11px;
    margin: 0 0 0 5px;
}

.resultsToolbar .right .pagination {
    white-space: nowrap;
}

.resultsToolbar .right .pagination input[type="text"] {
    width: 30px;
}

#productDetailsHeader .productPagination input.pageNumber,
.resultsToolbar .right input.pageNumber {
    margin-top: 1px;
    padding: 1px;
    text-align: center;
    font-size: 11px;
}

.resultsToolbar .right span.pageNumber {
    margin: 0
}

.resultsToolbar .right .button {
    cursor: pointer;
    margin: 0 0 0 5px;
    width: 30px !important;
}

.resultsToolbar .right .disabledButton {
    cursor: default;
    margin: 0 0 0 5px;
    width: 30px !important;
}

.resultsToolbar .right span,
.resultsToolbar .right a {
    margin: 3px 0 0 5px
}

.resultsToolbar .right .pageCount {
    float: none;
    margin: 0;
}

.resultsToolbar .right .downloadOptions {
    margin-right: 25px
}

#verisignCart {
    float: right;
    text-align: right;
}

.verisignReg #verisignCart {}

#main.registrationSuccessPage #subscribeToHachEmailPublicationsBox {
    margin: 10px 0 0;
}

#main.myAccountPage .infoRow .label {
    min-width: 290px;
}

#main.myAccountPage .formSection p {
    margin: 0 0 10px;
}

.signinInfoFormSection .fieldGroup {
    float: left;
    width: 648px;
}

.signinInfoFormSection .formRow select {
    max-width: 300px;
    width: 100%;
}

.signinInfoFormSection .formRow .widget {
    width: 448px;
}

.signinInfoFormSection .infoBox h2 {
    width: auto;
}

.limitUsernameToEmailMsg {
    clear: both;
    padding: 30px 0 10px 185px;
}

.securityPage .securityBox {
    margin: 0;
}

.securityPage .securityBox .formRow {
    margin: 10px 0 0;
}

.securityPage .securityBox .infoRow {
    padding: 0;
    margin-top: 20px;
}

.securityPage .securityBox .infoRow .label {
    width: 175px;
    text-align: right;
}

.securityBox .formActions:last-child {
    margin-bottom: 0;
}

.securityPage .securityBox .infoRow .value {
    margin-right: 0;
    width: 245px;
}

.securityPage .securityBox a.login {
    margin-left: 185px;
}

.securityPage .checkoutAsGuest {
    float: left;
    margin: 15px 0 10px;
}

.securityPage .registerFormOptions {
    clear: both;
    margin-bottom: 10px;
    padding-top: 10px;
}

.standardTable .replace {
    font-size: 11px;
    vertical-align: top;
}

.standardTable .update {
    font-size: 11px;
    position: relative;
    top: 1px;
}

#itemsFormContainer {
    margin: 10px 0 0;
}

.myShoppingCart .shoppingCart {
    clear: both;
    padding: 0;
}

.myShoppingCart #removeAllItemsLink {
    float: right;
    margin: 0 0 10px;
}

.newItemsForm div.items {
    clear: left;
    float: left;
    margin: 5px 0;
    width: 330px;
}

.newItemsForm div.prodDiv {
    float: left;
    width: 250px;
}

.newItemsForm div.qtyDiv {
    float: left;
    width: 80px;
}

.newItemsForm .errorMessage {
    margin-left: 0;
    width: 240px;
}

#quickAdd {
    margin-top: 5px
}

#frmOnBehalfCompanySearch input.searchField {
    width: 200px;
}

#companyResultsContainer {
    float: left;
    border-top: 1px dotted #333;
    padding-top: 15px;
    margin-top: 10px;
    width: 100%;
}

#ecommercePolicies {
    padding: 10px 0;
    clear: left;
}

#ecommercePolicies .cms a {
    display: inline-block;
    padding-bottom: 15px;
}

.mecsResults {
    float: left;
    width: 100%;
    clear: both;
    margin: 0 0 10px;
}

.mecsResults .noResults {
    font-weight: 700;
    margin: 10px 0;
    color: #C60C30;
}

.tabs #addItemsTab label.prod {
    width: 230px;
}

.tabs .newItemsForm {
    clear: left;
    float: left;
    margin: 5px 0;
    width: 590px;
}

#quoteDetails table,
#orderDetails table {
    clear: both;
    margin-bottom: 20px;
}

#orderActions,
#quoteActions,
#scheduledOrderActions {
    float: right;
    margin: 0 0 5px;
}

#orderActions a,
#quoteActions a,
#scheduledOrderActions a {
    margin-left: 10px;
}

#orderActions+h2,
#quoteActions+h2,
#scheduledOrderActions+h2 {
    float: left;
}

table tr th.thumb,
table tr th.qty,
table tr th.perc {
    width: 63px;
}

table tr th.select {
    width: 50px;
}

table tr th.date {
    width: 60px;
}

#orderDetails table tr th.qty,
#quoteDetails table tr th.qty {
    width: 70px;
}

table tr th.prodNo,
#orderDetails table tr th.price,
#quoteDetails table tr th.price {
    width: 75px;
}

#cartDetails table tr th.price,
#itemsForLater table tr th.price {
    width: 85px;
}

#orderLookup .row {
    float: left;
    clear: left;
    margin-top: 10px;
}

#orderLookup .row .label {
    float: left;
    width: 250px;
    text-align: right;
    padding-right: 10px;
}

.checkoutForm input[type="text"] {
    width: 200px;
}

.checkoutForm .sectionHeader {
    clear: both;
    margin: 0 0 15px;
}

.checkoutForm .shippingInfo .sectionHeader.first {
    clear: left;
}

.checkoutForm .pagePrintLink {
    position: relative;
    top: -10px;
}

.checkoutForm .contentBox h2 {
    position: relative;
}

.checkoutForm .contentBox h2 a {
    position: absolute;
    right: 10px;
    top: 5px;
    color: #FFF;
    font-size: 11px;
}

.checkoutForm #notes {
    float: left;
    margin-top: 20px;
    width: 100%;
}

.checkoutForm .shipmentDetails .optionGroup {
    display: -webkit-inline-flex;
    display: inline-flex;
}

.checkoutForm .shipmentDetails .infoBox {
    width: 250px;
    float: right;
}

.checkoutForm .creditCardColumn {
    width: 490px;
    float: left;
}

.checkoutForm .creditCard select {
    width: auto;
}

.checkoutForm .creditCard span.error+select {
    clear: both;
    margin: 10px 0 0 184px;
}

.checkoutForm #additionalComments {
    width: 600px;
}

.checkoutForm .gsa {
    padding: 10px 0 0;
    display: -webkit-flex;
    display: flex;
}

.checkoutForm .gsa .checkbox {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    float: left;
    margin: 1px 0 0;
}

.checkoutForm .gsa label {
    padding: 0 0 0 10px;
    float: left;
    display: block;
}

.checkoutForm .requiresFollowUp {
    float: right;
    clear: both;
    width: auto;
}

.checkoutForm .requiresFollowUp select {
    margin-right: 0;
}

.checkoutForm .requiresFollowUp .errorMessage {
    float: none;
    display: block;
    width: auto;
    margin: 10px 0 0;
}

.checkoutForm .acceptTermsConditions {
    clear: both;
    padding: 10px 0 0;
}

.checkoutForm .acceptTermsConditions>.option {
    float: right;
}

.checkoutForm .acceptTermsConditions .include {
    float: left;
    margin: 0 0 0 2px;
}

.checkoutForm .acceptTermsConditions p {
    margin: 0;
}

.checkoutForm .acceptTermsConditions .error {
    margin-left: 5px;
    width: auto;
}

.checkoutForm #totalCosts {
    float: right;
    clear: both;
    width: 410px;
    margin-top: 10px;
}

.checkoutForm #totalCosts p {
    display: -webkit-flex;
    display: flex;
    justify-content: -webkit-flex-end;
    justify-content: flex-end;
    clear: both;
    text-align: right;
}

.checkoutForm #totalCosts .label {
    font-weight: 700;
}

.checkoutForm #totalCosts .value {
    min-width: 100px;
}

.checkoutForm .editableBox .header {
    padding-right: 50px;
}

.checkoutSteps {
    clear: left;
    float: left;
    margin: 20px 0;
    padding: 0;
    list-style: none;
}

.checkoutSteps li {
    float: left;
    margin: 0 -4px 0 0;
}

.checkoutSteps li.on,
.checkoutSteps li {
    background: url(../images/stepLeft-on.png) no-repeat 0 0;
    height: 29px;
    padding-left: 9px;
    text-decoration: none;
}

.checkoutSteps li.first.off,
.checkoutSteps li.first {
    background: none;
    padding-left: 0;
}

.checkoutSteps li {
    background: url(../images/stepLeft-off.png) no-repeat 0 0;
}

.checkoutSteps li.on strong,
.checkoutSteps li strong {
    background: url(../images/stepRight-on.png) no-repeat right top;
    color: #FFF;
    float: left;
    font-size: 16px;
    height: 29px;
    padding: 5px 20px 2px 8px;
}

.checkoutSteps li.first.on strong,
.checkoutSteps li.first.off strong {
    padding-left: 12px;
}

.checkoutSteps li strong {
    background: url(../images/stepRight-off.png) no-repeat right top;
    color: #999;
    text-decoration: none;
}

.checkoutSteps a:hover {
    color: #0098DB;
}

.addressActions {
    float: left;
    margin: 0 0 0 15px;
    padding: 10px;
}

.addressActions:after,
.addressActions:before {
    top: 16px;
}

.addressActions h3 {
    margin: 6px 0 0;
    font-size: 12px;
}

.addressActions a {
    clear: left;
    float: left;
    margin: 10px 0 0;
}

.addressActions a:first-child {
    margin: 0;
}

.addressActions a.popular {
    background: url(../images/my-most-popular-icon.gif) no-repeat 0 0;
}

.addressActions a.all {
    background: url(../images/all-addresses-icon.gif) no-repeat 0 0;
}

.addressActions a.new {
    background: url(../images/new-address-icon.gif) no-repeat 0 0;
}

.addressInfoSection {
    clear: left;
}

.addressInfoSection .contentBox {
    width: 250px;
    float: left;
}

.addressInfoSection .errorMessages {
    margin: 0 0 10px;
    padding: 10px 20px 10px 35px;
    width: 100%;
}

.addressInfoSection .errorMessages .message {
    padding: 0;
}

.addressInfoSection .editAddress {
    width: 100%;
    margin-bottom: 10px;
}

.additionalShippingInfo {
    clear: left;
}

.additionalShippingInfo>input[type="text"] {
    display: block;
    margin: 3px 0;
}

.shippingInfo .formRow>label:first-child {
    width: 190px;
}

.shippingInfo .formRow>.errorMessage {
    margin-left: 200px;
    width: auto;
}

.shippingInfo .formRow .formNote {
    margin-left: 200px;
}

.shippingInfo .needHelp {
    clear: both;
    float: right;
    margin: 0 0 20px;
    width: 250px;
}

.shippingInfo .freightInfo #chargesSection {
    padding-right: 20px;
}

.shippingInfo .freightInfo #carrierSection {
    clear: left;
}

.shippingInfo .freightInfo .formRow .help {
    margin-top: 0;
}

table th.actions,
table th.back,
table th.method {
    width: 80px;
}

table th.status {
    width: 90px;
}

table th.borderBottom {
    border-bottom: 1px solid #FFF;
}

table th.method,
table th.price,
table th.avail,
table th.type,
table th.unitPrice {
    width: 100px;
}

table th.shipment {
    width: 110px;
}

table th.related {
    width: 120px;
}

table th.poNo {
    width: 120px;
}

table th.orderNo {
    width: 145px;
}

table th.location {
    width: 140px;
}

table th.item {
    width: 224px;
}

table td.actions input[type="text"] {
    width: auto;
}

table td.leftBorder {
    border-left: 1px solid #CCC;
}

table td .productIcons {
    margin: 5px 0 0;
}

table td .productIcons a,
table td .productIcons img {
    margin: 0 0 2px;
}

table td div.description {
    clear: left;
    float: left;
    width: 100%;
}

table td div.thumb {
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px 0;
}

table td input[type="text"].qty,
table td input[type="text"].perc {
    margin: 0 0 2px;
    text-align: right;
    width: 48px;
}

table td a.productName {
    display: inline-block;
}

div.cmsBox800 {
    width: 800px;
}

.bluebar {
    background: url(../images/nav-back.gif) repeat-x 0 0;
    float: left;
    height: 30px;
    padding: 5px;
    width: 940px;
}

div.configuratorOption {
    margin: 0 0 25px;
}

div.optionLevelOne.title {
    margin: 0 0 10px;
    /*font: 700 12px "Montserrat", sans-serif;*/
    font: 700 12px "微软雅黑";
}

div.optionLevelOne.description {
    margin: 0 0 5px 15px;
}

div.optionLevelOne.choice {
    margin: 0 0 0 15px;
}

div.optionLevelOne.footnote {
    margin: 5px 0 0 15px;
}

div.optionLevelTwo.title {
    margin: 5px 0 10px 15px;
    /*font: 700 12px "Montserrat", sans-serif;*/
    font: 700 12px "微软雅黑";
}

div.optionLevelTwo.description {
    margin: 0 0 5px 30px;
}

div.optionLevelTwo.choice {
    margin: 0 0 0 30px;
}

div.optionLevelTwo.footnote {
    margin: 5px 0 0 30px;
}

div.optionLevelThree.title {
    margin: 5px 0 10px 15px;
    /*font: 700 12px "Montserrat", sans-serif;*/
    font: 700 12px "微软雅黑";
}

div.optionLevelThree.description {
    margin: 0 0 5px 30px;
}

div.optionLevelThree.choice {
    margin: 0 0 0 30px;
}

div.optionLevelThree.footnote {
    margin: 5px 0 0 30px;
}

div.optionLevelFour.title {
    margin: 5px 0 10px 15px;
    /*font: 700 12px "Montserrat", sans-serif;*/
    font: 700 12px "微软雅黑";
}

div.optionLevelFour.description {
    margin: 0 0 5px 30px;
}

div.optionLevelFour.choice {
    margin: 0 0 0 30px;
}

div.optionLevelFour.footnote {
    margin: 5px 0 0 30px;
}

#recommendedItemsDialog h2 {
    margin: 10px 0;
}

#recommendedItemsDialog h3 {
    margin-top: 10px;
}

#recommendedItemsDialog .totals {
    clear: both;
}

#recommendedItemsDialog .productInfoContainer {
    width: 660px;
    float: left;
}

#recommendedItemsDialog .recommendedItemsProductName {
    font-size: 14px;
}

#recommendedItemsDialog .recommendedItemsQtyInCartContainer {
    margin: 10px 0 40px;
}

#recommendedItemsDialog .recommendedItemsButtonsContainer {
    margin-bottom: 20px;
}

#recommendedItemsDialog .recommendedItemsButtonsContainer .proceedToText {
    padding-right: 5px
}

#recommendedItemsDialog .recommendedItemsButtonsContainer .icon.whiteArrowRight {
    margin: 0;
}

#recommendedItemsDialog .recommendedItemsBox {
    border: 1px solid #B3C9DE;
    width: 860px;
    margin: 10px 0;
    float: left;
}

#recommendedItemsDialog .recommendedItemsBoxInside {
    position: relative;
    float: left;
}

#recommendedItemsDialog #recommendedItemsContentContainer {
    float: left;
}

#recommendedItemsDialog .recommendedItem {
    position: relative;
    width: 165px;
    height: 300px;
    vertical-align: top;
    padding: 5px;
    display: 0;
    display: inline-block;
    zoom: 1;
    text-align: center;
    background-color: #FFF;
    border-left: 1px solid #C8C8C8;
}

#recommendedItemsDialog .recommendedItem .addToCartButtonContainer {
    text-align: center;
    margin: 10px 0;
}

#recommendedItemsDialog .recommendedItem .success {
    margin: 5px 0;
}

#recommendedItemsDialog .recommendedItem .recommendedItemContainer {
    z-index: 1200;
    white-space: normal;
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 0;
}

#recommendedItemsDialog .recommendedItemContainer .itemImage,
#recommendedItemsDialog .recommendedItemContainer .itemTitle {
    margin: 0 0 10px;
    display: block;
}

#recommendedItemsDialog .recommendedItemContainer .itemContent {
    min-height: 110px;
    padding: 0 5px 10px;
}

#recommendedItemsDialog .recommendedItemsContent {
    width: 698px;
    height: 300px;
    position: relative;
    float: left;
    z-index: 1210;
    overflow: hidden;
}

#recommendedItemsDialog .recommendedItemsTabContent {
    white-space: nowrap;
    word-wrap: normal;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    height: 300px;
}

#recommendedItemsDialog .recommendedItemsProductImageContainer {
    border: 1px solid #B3C9DE;
    width: 152px;
    height: 152px;
    float: left;
    margin: 0 10px 40px 0;
}

#recommendedItemsDialog .recommendedItemsProductImageInnerContainer {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 152px;
    height: 152px;
}

#recommendedItemsDialog .thumbnailRecommendedItems {
    max-width: 150px;
    max-height: 150px;
}

#recommendedItemsDialog .recommendedItemsContentRow {
    border-bottom: 1px solid #C8C8C8;
}

#recommendedItemsDialog .recommendedItemsCategories {
    float: left;
    padding: 10px;
    width: 160px;
}

#recommendedItemsDialog .recommendedItemsCategories #labelClearFilter {
    margin: 0 0 10px;
}

#recommendedItemsDialog .recommendedItemsCategoriesElement {
    float: left;
    background-color: #FFF;
    position: relative;
    padding: 3px;
}

#recommendedItemsDialog .recommendedItemsCategoriesElement>input[type=checkbox] {
    float: left;
}

#recommendedItemsDialog .recommendedItemsCategoriesElement>a {
    float: left;
    width: 115px;
    margin-left: 5px;
}

#recommendedItemsDialog .recommendedItemOverlay {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 1220;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FFF;
}

#recommendedItemsDialog .recommendedItemOverlayDisabled {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1210;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FFF;
    opacity: 0.4;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
}

#recommendedItemsDialog .recommendedServices .recommendedItemsCategoriesElement {
    width: 151px;
    padding-right: 0;
    border: 1px solid #C8C8C8;
    border-right: 0;
}

#recommendedItemsDialog .recommendedServices .recommendedItemsBoxInside {
    background-color: #C3DBE6;
}

#recommendedItemsDialog .recommendedServices .recommendedItemsContent {
    margin-left: -11px;
    width: 657px;
    border: 1px solid #C8C8C8;
    background-color: #FFF;
}

#recommendedItemsDialog .recommendedServices .recommendedItemsCategoriesElement.fg {
    z-index: 1210;
    font-weight: 700;
}

#recommendedItemsDialog .recommendedServices .recommendedItemsCategoriesElement.bg {
    z-index: 1200;
    font-weight: 400;
}

.swapSides .leftSection {
    float: right;
    margin: 0 0 0 10px;
}

.swapSides .listSku {
    border: 1px solid #C4DBE6;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.swapSides .listSku div {
    float: left;
    margin: 20px 10px 10px;
    text-align: center;
    width: 310px;
}

.swapSides #verticalBlock .contentBox:first-child {
    margin-top: 5px;
}

.hazardousTable {
    clear: both;
    margin-top: 20px;
}

.hazardousTable td {
    padding-right: 5px;
}

#downloadFilters {
    clear: both;
    margin-bottom: 10px;
}

#downloadFilters .marginWrapper {
    border: 1px solid #C3DBE6 !important;
    padding: 10px 5px !important;
}

#downloadFilters .marginWrapper span {
    padding-right: 5px;
}

#downloadFilters .marginWrapper .categoryFilter {
    margin-right: 15px;
}

#downloadFilters .marginWrapper .languageFilter {
    margin-right: 2px;
}

#downloadFilters .marginWrapper .filterButton {
    margin-right: 10px;
    padding: 2px 5px;
}

#downloadFilters h3 {
    float: none;
    font-weight: 700;
    margin-top: 0;
    width: auto;
}

#downloadFilters .ui-accordion-content {
    border: 0;
    padding: 0;
}

#secureContentFolders {
    clear: both;
    margin: 10px 0 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

#secureContentFolders .leftSection {
    margin-right: 10px;
}

#secureContentFolders .leftSection,
#secureContentFolders .rightSection {
    margin-bottom: 10px;
    min-width: 300px;
    width: 49%;
}

#secureContentFolders .folder .header {
    cursor: pointer;
}

#secureContentFolders .folder .folderFooter {
    margin-top: 20px;
}

#secureContentFolders .folder .folderFooter:first-child {
    margin-top: 0;
}

#hachDebugToolbar {
    min-height: 56px;
    min-width: 35px;
    border-width: 1px 0 0 1px;
    border-color: #CCC;
    border-style: solid;
    background-color: #FFF;
    color: #000;
    opacity: 0.85;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 10000;
}

#hachDebugToolbar.active {
    width: 100%;
    border-width: 1px 0 0;
}

#hachDebugToolbar #hachDebugToolbarContent {
    position: relative;
    line-height: 18px;
    padding: 10px 40px 10px 10px;
}

#hachDebugToolbar>.toolbarClose {
    font-size: 22px;
    position: absolute;
    top: 50%;
    right: 5px;
    color: #000;
    padding: 1px;
    margin-top: -10px;
}

.section-responsive {
    clear: both;
    padding: 0;
    margin: 0;
}

.col-responsive {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}

.col-responsive:first-child {
    margin-left: 0;
}

.group-responsive:before,
.group-responsive:after {
    content: "";
    display: table;
}

.group-responsive:after {
    clear: both;
}

.group-responsive {
    zoom: 1;
}

.span_4_of_4 {
    width: 100%;
}

.span_3_of_4 {
    width: 74.6%;
}

.span_2_of_4 {
    width: 49.2%;
}

.span_1_of_4 {
    width: 23.8%;
}

.span_3_of_3 {
    width: 100%;
}

.span_2_of_3 {
    width: 66.1%;
}

.span_1_of_3 {
    width: 32.2%;
}

@media only screen and (max-width:480px) {
    .col-responsive {
        margin: 1% 0 1% 0;
    }
    .span_1_of_4,
    .span_2_of_4,
    .span_3_of_4,
    .span_4_of_4 {
        width: 100%;
    }
    .span_3_of_3,
    .span_2_of_3,
    .span_1_of_3 {
        width: 100%;
    }
}

.hamburger {
    padding: 15px 15px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

.hamburger:hover {
    opacity: 0.7;
}

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::after {
    bottom: -10px;
}

.hamburger--3dx .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before,
.hamburger--3dx .hamburger-inner::after {
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--3dx-r .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner::before,
.hamburger--3dx-r .hamburger-inner::after {
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--3dy .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy .hamburger-inner::before,
.hamburger--3dy .hamburger-inner::after {
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--3dy-r .hamburger-box {
    -webkit-perspective: 80px;
    perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
    transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r .hamburger-inner::before,
.hamburger--3dy-r .hamburger-inner::after {
    transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
}

.hamburger--arrow.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::before {
    -webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrowalt .hamburger-inner::before {
    transition: top 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
    transition: bottom 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
    transition: top 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
    transition: bottom 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r .hamburger-inner::before {
    transition: top 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
    transition: bottom 0.1s 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
    transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
    transition: top 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
    transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
    transition: bottom 0.1s ease, -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::before,
.hamburger--boring .hamburger-inner::after {
    transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.15s;
    transition-delay: 0.15s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.32s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.15s;
    transition-delay: 0.15s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
    transform: translate3d(0, -10px, 0) rotate(45deg);
    transition-delay: 0.32s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--elastic .hamburger-inner {
    top: 2px;
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.15s 0.4s ease;
}

.hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
    transform: translate3d(0, 10px, 0) rotate(135deg);
    transition-delay: 0.1s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 0.1s;
}

.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.15s 0.4s ease;
}

.hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    transition: -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);
    transform: translate3d(0, 10px, 0) rotate(-135deg);
    transition-delay: 0.1s;
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(270deg);
    transform: translate3d(0, -20px, 0) rotate(270deg);
    transition-delay: 0.1s;
}

.hamburger--emphatic {
    overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
    transition: background-color 0.2s 0.25s ease-in;
}

.hamburger--emphatic .hamburger-inner::before {
    left: 0;
    transition: top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in;
    transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic .hamburger-inner::after {
    top: 10px;
    right: 0;
    transition: top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in;
    transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent;
}

.hamburger--emphatic.is-active .hamburger-inner::before {
    left: -80px;
    top: -80px;
    -webkit-transform: translate3d(80px, 80px, 0) rotate(45deg);
    transform: translate3d(80px, 80px, 0) rotate(45deg);
    transition: left 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic.is-active .hamburger-inner::after {
    right: -80px;
    top: -80px;
    -webkit-transform: translate3d(-80px, 80px, 0) rotate(-45deg);
    transform: translate3d(-80px, 80px, 0) rotate(-45deg);
    transition: right 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic-r {
    overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
    transition: background-color 0.2s 0.25s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::before {
    left: 0;
    transition: top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in;
    transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic-r .hamburger-inner::after {
    top: 10px;
    right: 0;
    transition: top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in;
    transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in, -webkit-transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent;
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
    left: -80px;
    top: 80px;
    -webkit-transform: translate3d(80px, -80px, 0) rotate(-45deg);
    transform: translate3d(80px, -80px, 0) rotate(-45deg);
    transition: left 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
    right: -80px;
    top: 80px;
    -webkit-transform: translate3d(-80px, -80px, 0) rotate(45deg);
    transform: translate3d(-80px, -80px, 0) rotate(45deg);
    transition: right 0.2s ease-out, top 0.05s 0.2s linear, -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--slider .hamburger-inner {
    top: 2px;
}

.hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: ease;
    transition-duration: 0.2s;
}

.hamburger--slider .hamburger-inner::after {
    top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
    -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
    transform: translate3d(0, -20px, 0) rotate(-90deg);
}

.hamburger--slider-r .hamburger-inner {
    top: 2px;
}

.hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: ease;
    transition-duration: 0.2s;
}

.hamburger--slider-r .hamburger-inner::after {
    top: 20px;
}

.hamburger--slider-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
    transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before {
    -webkit-transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after {
    -webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
    transform: translate3d(0, -20px, 0) rotate(90deg);
}

.hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s 0.15s linear;
}

.hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
    transition-delay: 0.32s;
    background-color: transparent;
}

.hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
    transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.15s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner::before {
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
    transform: translate3d(0, -10px, 0) rotate(-45deg);
    transition-delay: 0.32s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.32s linear;
}

.hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand .hamburger-inner {
    transition: background-color 0s 0.1s linear, -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear;
    transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear, -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::before {
    transition: top 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::after {
    transition: bottom 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand.is-active .hamburger-inner {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: transparent;
    transition: background-color 0s 0.22s linear, -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear;
    transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear, -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: top 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: bottom 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r .hamburger-inner {
    transition: background-color 0s 0.1s linear, -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear;
    transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear, -webkit-transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::before {
    transition: top 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::after {
    transition: bottom 0.1s 0.1s ease-in, -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-color: transparent;
    transition: background-color 0s 0.22s linear, -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear;
    transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear, -webkit-transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: top 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: bottom 0.1s 0.12s ease-out, -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin .hamburger-inner {
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    transition-delay: 0.14s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r .hamburger-inner {
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r .hamburger-inner::before {
    transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
    transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
    transition-delay: 0.14s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
}

.hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze .hamburger-inner {
    transition-duration: 0.1s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
    transition: top 0.1s 0.14s ease, opacity 0.1s ease;
}

.hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition-delay: 0.14s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease, opacity 0.1s 0.14s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--vortex .hamburger-inner {
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex .hamburger-inner::before,
.hamburger--vortex .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform;
}

.hamburger--vortex.is-active .hamburger-inner {
    -webkit-transform: rotate(765deg);
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex.is-active .hamburger-inner::before,
.hamburger--vortex.is-active .hamburger-inner::after {
    transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.hamburger--vortex-r .hamburger-inner {
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r .hamburger-inner::before,
.hamburger--vortex-r .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner::before {
    transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-765deg);
    transform: rotate(-765deg);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r.is-active .hamburger-inner::before,
.hamburger--vortex-r.is-active .hamburger-inner::after {
    transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.responsive input#quickSearchKeywords {
    -webkit-appearance: none;
    border-radius: 0;
}

#pageBody .youtube {
    margin: 0 0 10px;
    max-width: 600px;
}

#pageBody .youtube div {
    padding-bottom: 56.25%;
    position: relative;
}

#pageBody .youtube iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

table .responsiveLbl,
table .responsiveGeneratedCell,
table.responsiveTable .nonResponsive,
table.responsiveTable tr th,
table .collapseButton {
    display: none;
}

table.responsiveTable.collapsed {
    margin: 10px 0;
}

table.responsiveTable .collapseButton {
    background: none;
    border: none;
    cursor: pointer;
    display: block;
    height: 20px;
    left: 10px;
    margin: -10px 0 0;
    min-height: 0;
    outline: none;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 20px;
}

table.responsiveTable .collapseIcon {
    display: block;
    height: 100%;
    left: 0;
    position: relative;
    width: 100%;
}

table.responsiveTable .collapseIcon:before,
table.responsiveTable .collapseIcon:after {
    background: #FFF;
    border-radius: 3px;
    content: "";
    display: block;
    height: 5px;
    margin-top: -2.5px;
    position: absolute;
    top: 50%;
    -webkit-transition: .5s all ease-out;
    transition: .5s all ease-out;
    width: 20px;
}

table.responsiveTable .collapseIcon:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

table.responsiveTable .collapseButton.active .collapseIcon:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

table.responsiveTable.collapsed tr th:first-child,
table.responsiveTable.expanded tr th:first-child {
    padding-left: 40px;
    position: relative;
}

table.responsiveTable tr {
    position: relative;
}

table.responsiveTable tbody tr {
    border: 1px solid #d2d2d2;
    border-top: 0;
    display: block;
}

table.responsiveTable thead tr {
    border: 1px solid #d2d2d2;
    display: block;
}

table.responsiveTable.shippingRates tr,
table.standardTable.responsiveTable.flexTwoColumns thead tr {
    border: 0;
}

table.responsiveTable th {
    min-height: 30px;
    text-align: left !important;
}

table.responsiveTable tr:first-child th:first-child,
table.responsiveTable tr th.downloads {
    display: block;
    width: 100% !important;
    height: auto;
}

table.standardTable.responsiveTable tr:first-child th:first-child,
table.standardTable.responsiveTable tr th.downloads {
    border: 0;
}

table.standardTable.calendarTable.responsiveTable tr:first-child th:first-child,
table#myFavoriteItemsTable.standardTable.responsiveTable tr:first-child th:first-child {
    border-right: 1px solid #0098DB !important;
}

table.responsiveTable tr td:first-child {
    padding: 10px;
}

table.responsiveTable tbody>tr>td,
table.responsiveTable tbody>tr>td:last-child {
    border: 0;
    display: block;
    height: auto;
    padding: 0 10px 10px;
    text-align: left !important;
    width: 100%;
}

table.responsiveTable tbody>tr>td.dataTables_empty {
    padding-top: 10px;
}

table#upcomingEventsTable.responsiveTable tbody>tr>td:first-child {
    padding: 10px;
}

table.responsiveTable .responsiveLbl {
    display: inline-block;
    font-weight: 700;
    padding: 0 5px 0 0;
}

table.responsiveTable tr td.txtCenter span.responsiveLbl {
    display: inline-block;
}

table.responsiveTable td.actions li {
    display: inline-block;
    margin: 5px 0 0;
}

table.responsiveTable td.actions li:after {
    content: " | ";
}

table.responsiveTable td.actions li:last-child:after {
    content: "";
}

table.responsiveTable input[type="text"].qty {
    margin-right: 5px;
}

table.responsiveTable .compareContainer {
    float: none;
}

table.responsiveTable.standardTable .actions ul {
    white-space: normal;
}

table.responsiveTable.collapsed thead .sorting_desc,
table.responsiveTable.collapsed thead .sorting_asc {
    background: none;
}

table.pad10 td {
    padding: 10px;
}

table.standardTable.responsiveTable.flexTwoColumns {
    border-left: 1px solid #d2d2d2 !important;
}

table.standardTable.responsiveTable.flexTwoColumns tbody {
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: flex-start;
}

table.standardTable.responsiveTable.flexTwoColumns tbody tr {
    border-left: 0;
    display: inline-block;
    width: 50%;
}

.msie11 table.standardTable.responsiveTable.flexTwoColumns tbody tr {
    flex: 1 1 100%;
}

table.standardTable.responsiveTable.flexTwoColumns.responsiveTable tbody>tr>td {
    background: #fff;
}

nav.navContainer,
select.responsiveTabs {
    clear: both;
    display: block;
    margin: 0;
    max-width: 100%;
}

nav.navContainer {
    border-bottom: 1px solid #C3DBE6;
    height: 35px;
    margin: 0 0 20px;
    position: relative;
    width: 100%;
}

select.responsiveTabs,
.ui-widget select.responsiveTabs {
    background: #fff;
    border: 1px solid #C3DBE6;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    /*font: 15px/1.4em 'Montserrat', sans-serif;*/
    font: 15px/1.4em "微软雅黑";
    height: 35px;
    outline: none;
    padding: 5px;
    position: absolute;
}

.currentOS_iOS select.responsiveTabs,
.currentOS_iOS .ui-widget select.responsiveTabs {
    -webkit-appearance: none;
    background: url(../images/responsive-list-arrow-down.png) no-repeat 95% 14px;
    border-radius: 0;
    padding-right: 30px;
}

.responsive #productGrid .productFamilyActions .addToCart {
    margin: 0 0 15px;
}

#header #headerContent:after,
#header #mainNav #actions form:after,
.my-popup .popup-blue-line:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
}

#header .quickSearchAutocomplete {
    float: right;
    max-width: 395px;
    width: 100%;
}

#header .quickSearchAutocomplete .ui-autocomplete {
    box-shadow: none !important;
    left: auto !important;
    right: 0 !important;
    min-width: 290px;
    padding: 0 0 15px;
    width: 100% !important;
}

nav.navContainer.checkout,
.responsiveTabs {
    display: none;
}

#hilbWrapper #hilbThumbnails {
    width: 70px;
}

.rightSection #horizontalBlock .block.box {
    float: none;
    width: 100% !important;
}

.cms .box ul:last-child,
.cms .box ol:last-child {
    padding-bottom: 0;
}

#north-america .my-popup-wrapper,
#south-america .my-popup-wrapper,
#africa .my-popup-wrapper,
#europe .my-popup-wrapper,
#asia .my-popup-wrapper,
#australia .my-popup-wrapper {
    height: 545px;
    margin-left: -475px;
}

.my-popup .popup-blue-line {
    height: auto !important;
    margin: -7px -7px 5px -7px !important;
    max-width: none;
    width: auto !important;
}

.my-popup .popup-blue-line>span:first-child {
    padding: 6px 8px;
}

.my-popup iframe,
img {
    max-width: 100%;
}

.section-responsive {
    clear: both;
    padding: 0px;
    margin: 0px;
}

.col-responsive {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}

.col-responsive:first-child {
    margin-left: 0;
}

.group-responsive:before,
.group-responsive:after {
    content: "";
    display: table;
}

.group-responsive:after {
    clear: both;
}

.group-responsive {
    zoom: 1;
}

.span_4_of_4 {
    width: 100%;
}

.span_3_of_4 {
    width: 74.6%;
}

.span_2_of_4 {
    width: 49.2%;
}

.span_1_of_4 {
    width: 23.8%;
}

@media only screen and (min-width:1025px) {
    .hamburger {
        display: none;
    }
}

@media only screen and (max-width:1024px) {
    body,
    div,
    dl,
    dt,
    dd,
    ul,
    ol,
    li,
    pre,
    code,
    span,
    form,
    fieldset,
    legend,
    input,
    textarea,
    p,
    blockquote,
    th,
    td,
    button,
    input[type="text"],
    input[type="password"],
    select,
    textarea,
    button,
    #header #mainNav a.searchButton,
    .contentBox .header,
    #header .navLinks .subnav a,
    #header .navLinks a,
    #header .navLinks .notALink,
    #explore .first p,
    #hachSupport p.main,
    #explore .third p,
    #productTabs ul li a,
    .suppBox p,
    .suppBox a.bbg,
    #footerContent h3,
    #productFamilyHeader .productFamilyDesc,
    .resultsToolbar .left select,
    #productDetailsHeader .productPagination input.pageNumber,
    .resultsToolbar .right input.pageNumber,
    .resultsToolbar .right input,
    .resultsPage .moreInfoButton,
    .resultsPage h1.resultsHeading,
    .productList h2>span,
    #productDetailsHeader .productPagination input,
    #productFamilyHeader.tabbedFamilyHeader .productFamilyDesc,
    #configuratorBox .configuratorOption .title,
    a.update,
    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button,
    .checkoutForm .contentBox h2 a,
    #main .tabs li {
        font-size: 14px;
    }
    body input[type=button],
    body input[type=submit],
    body button {
        padding: 2px 3px;
    }
    .currentOS_iOS select,
    .currentOS_iOS textarea,
    .currentOS_iOS input[type="text"],
    .currentOS_iOS input[type="password"],
    .currentOS_iOS input[type="date"],
    .currentOS_iOS input[type="email"],
    .currentOS_iOS input[type="tel"],
    .currentOS_iOS input[type="color"],
    .currentOS_iOS select.responsiveTabs,
    .currentOS_iOS .ui-widget select.responsiveTabs {
        font-size: 16px;
    }
    h2 {
        font-size: 18px;
    }
    h3,
    #main div.cms h4 {
        font-size: 15px;
    }
    #canvas {
        min-width: auto;
        overflow-x: hidden;
    }
    table.full {
        width: 100% !important;
    }
    table.full tr {
        position: relative;
    }
    table.full tbody>tr>td {
        display: block;
        height: auto;
        padding: 10px 0;
        width: 100%;
    }
    .formRow .formNote,
    .standardTable .update {
        font-size: 12px;
    }
    .checkoutSteps {
        display: none;
    }
    nav.navContainer.checkout {
        display: block;
    }
    #header #headerLoginBox {
        top: 5px;
    }
    #header #headerLoginBox .formActions {
        float: none;
    }
    #header #headerLoginBox .formActions:after {
        clear: both;
        content: " ";
        display: block;
        height: 0;
    }
    #header .twoLevel .secondLevelContent li>a,
    #footerContent a,
    #footerContent p,
    .note,
    .standardTable tr td,
    .standardTable tr td span,
    .standardTable tr td a,
    .standardTable tr td strong {
        font-size: 13px;
    }
    body #pageContent {
        padding: 0;
    }
    #pageBody>#main,
    .centeredPageContent {
        width: 100%;
    }
    #pageBody .centeredPageContent,
    #pageBody>#main,
    #footerContent .centeredPageContent,
    #footerBar .centeredPageContent {
        padding: 0 15px;
    }
    #pageBody>#main {
        padding: 20px 15px;
    }
    #pageBody #main .centeredPageContent {
        padding: 0;
        width: 100%;
    }
    #pageBody #main #productTabs {
        padding-bottom: 44px;
    }
    #main {
        margin-top: 85px;
        margin: 0;
    }
    .hamburger:hover {
        opacity: 1;
    }
    .flexContainer .contentBox.termsBox,
    .contentBox.medium {
        margin-left: 0 !important;
        max-width: 100%;
    }
    .cms img,
    #top img,
    div.cmsBox800 {
        height: auto;
        max-width: 100% !important;
    }
    div.cmsBox800 {
        clear: both;
    }
    .cms ul.noBullet li {
        margin: 0 0 10px;
    }
    #horizontalBlock .block .noBullet {
        padding-left: 15px;
        padding-right: 15px;
    }
    #horizontalBlock .block.box .noBullet {
        padding-left: 0;
    }
    iframe,
    .formActions,
    .smallText {
        max-width: 100% !important;
    }
    iframe {
        border: 0;
    }
    .btn>.icon {
        top: 3px;
    }
    .icon.print {
        background-position: -8px -764px;
    }
    .icon.remove {
        background-position: -14px -51px;
        height: 14px;
        width: 14px;
    }
    span.arrowLeft {
        background-position: 0 -489px;
    }
    .leftSection,
    .rightSection {
        float: none;
        display: inline-block;
        width: 100%;
        vertical-align: top;
        margin: 0 0 20px;
    }
    .errorPage .alertIcon,
    .errorPage .errorDescription {
        display: inline-block;
        float: none;
        vertical-align: middle;
    }
    .errorPage .errorDescription {
        padding: 0 20px;
    }
    .pageActionsBar {
        padding: 5px 0 0;
    }
    .overflowx {
        overflow-x: scroll;
    }
    #north-america .my-popup-wrapper,
    #south-america .my-popup-wrapper,
    #africa .my-popup-wrapper,
    #europe .my-popup-wrapper,
    #asia .my-popup-wrapper,
    #australia .my-popup-wrapper {
        left: 0;
        margin: 0;
        top: 10px;
        width: 100%;
    }
    .my-popup iframe {
        width: 100% !important;
        ;
    }
    .fullWidthContainer {
        display: block !important;
        float: none !important;
        padding: 0;
        width: 100% !important;
    }
    .ui-dialog .responsiveTable {
        width: 100% !important;
    }
    table.shippingRates {
        width: 100% !important;
    }
    table.responsiveTable,
    table.shippingRates.responsiveTable,
    table.shippingRates.responsiveTable th,
    table.shippingRates.responsiveTable td {
        border: none;
    }
    table.shippingRates.responsiveTable {
        border-bottom: 1px solid #000;
    }
    table.shippingRates.responsiveTable tr td:first-child {
        border-top: 1px solid #000 !important;
    }
    table.shippingRates.responsiveTable tr {
        height: auto;
    }
    table.shippingRates.responsiveTable tr th:first-child {
        display: none;
    }
    table.shippingRates.responsiveTable tbody>tr>td,
    table.shippingRates.responsiveTable tbody>tr>td:last-child {
        border-left: 1px solid #000 !important;
        border-right: 1px solid #000 !important;
        padding: 10px;
    }
    table.shippingRates.responsiveTable .responsiveLbl {
        padding: 0 10px 0 0;
        vertical-align: top;
        width: 60%;
    }
    #main table.dataTable {
        margin-bottom: 15px;
    }
    table.dataTable.no-footer,
    table.dataTable thead th {
        border: 0 !important;
    }
    table.dataTable.calendarTable thead th,
    table#myFavoriteItemsTable.dataTable thead th {
        border-right: 1px solid #fff !important;
    }
    #freightChargesTableContainer {
        overflow-x: auto;
    }
    #freightChargesTableContainer table {
        min-width: 680px;
        width: 100%;
    }
    .ui-dialog {
        left: 5% !important;
        width: 90% !important;
    }
    .ui-dialog.portalChooser {
        top: 0 !important;
        width: 300px !important;
    }
    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        /*font-family: 'Montserrat', sans-serif;*/
    }
    .ui-dialog-content .statusInfo .infoRow .label {
        min-width: 175px;
    }
    #topBar {
        background: #0098d8;
        height: auto;
        padding: 0;
        position: relative;
    }
    #topBarContent,
    #header .navLinks {
        background: #0098d8;
        padding: 30px 0 10px;
        position: absolute;
        right: -300px;
        top: 0;
        width: 300px;
    }
    #header #headerContent {
        background: #0098d8;
        height: 108px;
        min-height: 108px;
        padding: 0;
    }
    #topBarMenu .expressOrderButton,
    #shoppingCartPreview {
        box-shadow: none;
        display: inline-block;
        float: none;
        height: auto;
        margin: 5px 0 20px;
        padding: 5px 10px;
    }
    #shoppingCartPreview {
        margin-bottom: 10px;
    }
    #shoppingCartPreview a,
    #shoppingCartPreview a+span {
        display: inline-block;
        float: none;
        vertical-align: middle;
    }
    .icon.blueShoppingCart {
        background-position: -8px -788px;
        height: 15px;
        width: 15px;
    }
    #languageChooserContainer {
        float: none;
        margin: 0;
        padding: 10px 15px 15px;
    }
    #languageChooserContainer #languageChooser {
        left: 15px;
        top: 32px;
    }
    #portalChooser li,
    #languageChooser li {
        margin-bottom: 10px;
    }
    #header #mainNav #actions {
        margin-top: 17px;
    }
    #header #mainNav .searchContainer {
        max-width: 100%;
        min-width: 290px;
        width: 70%
    }
    #header .quickSearchAutocomplete {
        max-width: 100%;
        width: 70%
    }
    #header #mainNav .searchContainerInput,
    #header #quickSearchKeywords,
    #header #mainNav a.searchButton,
    #signup {
        height: 32px;
        line-height: 32px;
        padding-top: 0;
    }
    #header #mainNav .searchContainerInput,
    #header #quickSearchKeywords,
    #header #mainNav a.searchButton {
        box-shadow: none;
    }
    #topBar .popup {
        max-width: 100%;
    }
    #topBarMenu .popup a {
        white-space: normal;
    }
    #topBarMenu .popup li a {
        display: block;
        padding: 7px 0;
    }
    #topBarMenu .topNavLinks p {
        white-space: normal;
    }
    #portalChooser {
        padding: 15px 10px;
    }
    #portalChooser .newMenuCol1 {
        margin-left: 0;
        width: 125px;
    }
    #portalChooser .newMenuCol2 {
        margin-right: 0;
        width: 135px;
    }
    #header .navLinks {
        border-top: 2px solid #fff;
        padding-top: 10px;
        top: 281px;
    }
    .authenticated #header .navLinks {
        top: 377px;
    }
    #portalChooserContainer,
    #portalInfoContainer,
    #topBarMenu {
        float: none;
        margin: 0;
        padding: 15px;
        width: 100%;
    }
    #portalInfoContainer {
        z-index: 0;
    }
    #topBarMenu {
        height: auto;
        padding: 45px 15px 0;
    }
    .authenticated #topBarMenu {
        padding-top: 0;
    }
    #topBarMenu:after {
        clear: both;
        content: " ";
        display: block;
        height: 0;
    }
    #topBarMenu>a,
    #topBarMenu>span,
    #topBarMenu .topNavLinks {
        margin: 0;
        padding: 15px 0;
        width: 100%;
    }
    #topBarMenu #cartInfo {
        clear: both;
        display: block;
    }
    #topBarMenu a#headerLoginButton {
        left: 15px;
        position: absolute;
        top: 0;
    }
    #header,
    #header #mainNav {
        position: relative;
        top: 0;
    }
    #header .logo {
        left: 15px;
        top: 15px;
    }
    .hamburger {
        outline: none;
        padding: 15px !important;
        position: absolute;
        right: 3px;
        top: 27px;
        z-index: 450;
    }
    .hamburger-inner,
    .hamburger-inner:after,
    .hamburger-inner:before {
        background-color: #fff;
    }
    #portalChooserTrigger,
    #languageChooserTrigger,
    #topBarMenu .topNavLinks .root>a {
        background: url(../images/white-arrow-down-touch.png) no-repeat right 5px;
        padding-right: 20px;
    }
    .ui-widget-content.portalChooser {
        left: auto !important;
        right: 0;
        top: 0 !important;
    }
    #header .navLinks>li.root,
    #header .navLinks a,
    #header .navLinks .subnav a {
        clear: both;
        float: none;
        display: block;
        width: 100%;
    }
    #header .navLinks>li.root>a,
    #header .navLinks>li.root>a:hover,
    #header .navLinks>li.root>.subnavRootHover {
        padding: 15px;
    }
    #header .twoLevel .secondLevelContent .primaryLink,
    #header .twoLevel .secondLevelContent a,
    #header .familyMenu span.topFamily {
        margin: 0;
        padding: 10px 0;
    }
    #header .familyMenu span.topFamily {
        color: #4d4d4d;
    }
    #header .navLinks>li.root>a,
    #header .navLinks .subnav li.hasSecondLevel>a,
    #header .twoLevel .secondLevelContent .primaryLink,
    #topBarMenu a,
    #portalChooserContainer>a,
    #portalInfoContainer span {
        font-weight: 700;
    }
    #portalInfoContainer a {
        text-decoration: none !important;
    }
    #header .twoLevel .secondLevelContent .familyList a {
        color: #0194E1;
        padding-left: 15px;
    }
    #header .navLinks>li.root>a:hover,
    #header .navLinks>li.root>.subnavRootHover {
        border: 0;
    }
    #header .navLinks>li>a {
        height: auto;
    }
    #header .navLinks .subnav,
    #header .twoLevel .secondLevelContent {
        display: block;
        position: relative;
        top: 0;
        width: 100%;
    }
    .secondLevelContent img {
        height: auto;
        width: 100%;
    }
    #header .twoLevel>.hasSecondLevel:hover>a {
        border: 0;
        padding-left: 10px;
    }
    #header .navLinks .subnav {
        padding: 10px 15px;
    }
    #header .twoLevel .secondLevelContent {
        background-color: #E5E5E5;
        height: auto !important;
        left: 0;
        padding: 0 15px 0 25px;
    }
    #header .twoLevel>.hasSecondLevel:hover {
        background: #E5E5E5;
    }
    #header .navLinks .subnav li {
        float: none;
    }
    #header .familyMenu .familyList {
        float: none;
        padding: 0 0 10px;
    }
    #header .familyMenu .column {
        float: none;
        margin: 0;
        width: 100%;
    }
    #header #mainNav #actions {
        margin: 38px 75px 0 15px;
        overflow: visible;
    }
    #bannerContent h1 {
        float: none;
        padding: 0 !important;
    }
    #main.homePage>.centeredPageContent:first-child>a>img {
        height: auto !important;
        max-width: 100%;
    }
    #productTabs ul {
        left: 0;
    }
    #productTabs .prod,
    #productTabs .product {
        display: inline-block;
        float: none;
        vertical-align: top;
        width: 24%;
    }
    #productTabs.ui-tabs .ui-tabs-panel {
        padding: 0 0 1em;
        text-align: center;
    }
    #explore {
        height: auto;
        padding: 20px 0;
        text-align: center;
    }
    #explore .centeredPageContent div {
        display: inline-block;
        float: none;
        padding: 0 15px;
        text-align: center;
        vertical-align: top;
    }
    #explore .centeredPageContent .first {
        padding: 0 15px 20px;
        width: 100%;
    }
    #explore .first h2 {
        width: 100%;
    }
    #explore .centeredPageContent .second {
        padding: 0;
        text-align: center;
    }
    #explore .centeredPageContent .third {
        padding-top: 30px;
    }
    #explore .centeredPageContent .third h1 {
        float: none;
    }
    #explore .largeThumbnail {
        display: block;
        float: none;
    }
    #explore a img {
        height: auto !important;
        max-width: 100%;
    }
    #hachSupport,
    #homePageWidget {
        display: block;
        float: none;
        margin: 0 auto;
        width: 650px;
    }
    .centeredPageContent>#hachSupport:first-child {
        padding-right: 0;
    }
    .suppBox {
        height: auto;
        max-width: 650px;
        padding-top: 0;
    }
    #engCategoriesSelect {
        padding-top: 10px;
        right: 0;
        top: 30px;
        width: 180px;
    }
    #engCategoriesSelect ul {
        list-style: none;
        padding-left: 0;
    }
    #engCategoriesSelect ul li {
        margin: 0;
        padding: 8px 10px;
    }
    .suppBox .left {
        display: table-cell;
        float: none;
        height: auto;
        padding-bottom: 20px;
        padding-top: 20px;
        vertical-align: middle;
    }
    .suppBox>a.bbg,
    .suppBox .cats {
        display: block;
        float: none;
        margin: 0 !important;
        max-width: 30%;
        min-height: 32px;
        padding-right: 25px;
        position: absolute;
        left: 440px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .suppBox .cats {
        width: 180px;
    }
    .suppBox .cats a.bbg {
        margin: 0;
    }
    a.bbg span {
        margin-top: -6px;
        position: absolute;
        right: 10px;
        top: 50%;
    }
    #hachSupport .supportSection .sectionContent {
        width: 465px;
    }
    #hachSupport .supportSection .sectionContent h3 {
        margin: 10px 0;
    }
    #homePageWidget {
        padding: 0;
    }
    #homePageWidget ul li {
        display: inline-block;
        padding: 0 20px;
        vertical-align: top;
        width: 50%;
    }
    form>p+.formRow {
        margin-top: 10px;
    }
    .formRow input[type="text"],
    .formRow input[type="password"],
    .formRow select,
    .checkoutForm input[type="text"] {
        height: 32px;
    }
    .formRow>.formNote {
        width: 100%;
        margin: 5px 0 0;
        padding-left: 185px;
    }
    .formRow input[type="checkbox"],
    .formRow input[type="radio"] {
        margin-top: 3px;
    }
    .formRow .optionGroup .option {
        margin: 0;
    }
    .formRow .optionGroup label {
        padding: 0 0 15px;
    }
    #orderLookupForm .formRow>label {
        margin-top: 0;
    }
    button,
    input[type=button],
    .pageActions input,
    .formActions input,
    .btn,
    .dataTables_wrapper .dataTables_paginate.paging_input .page_field {
        line-height: 20px;
        margin-bottom: 10px;
        min-height: 32px;
    }
    .ui-dialog .ui-dialog-titlebar-close {
        margin-top: -14px;
        min-height: 28px;
        width: 28px;
    }
    table td input[type="text"].qty,
    table td input[type="text"].perc {
        line-height: 20px;
        min-height: 32px;
    }
    #productSummary .formActions>a {
        margin: 0 10px 15px 0;
    }
    #productOverview #overviewInfo input {
        display: inline-block;
    }
    .errorMessages,
    .dlgErrorMessages {
        background-position: 10px 12px;
    }
    .resultsPage #leftNav {
        width: 100%;
    }
    .resultsPage #leftNav .header {
        padding-left: 10px;
    }
    .resultsPage .productFilters {
        display: flex;
        flex-wrap: wrap;
    }
    .resultsPage .productFilters li {
        margin: 5px 0 10px;
        vertical-align: top;
        min-width: 25%;
        width: 25%;
    }
    .resultsPage #content {
        width: 100%;
    }
    #leftNav .icon.blueArrowRight {
        padding-right: 10px;
        top: 3px;
    }
    .resultsPage .flyBox {
        max-width: 90%;
        left: 5%;
    }
    .resultsPage .flyBox .flyBoxArrow {
        display: none;
    }
    .resultsPage .flyBox .container {
        max-height: 100%;
        white-space: normal;
    }
    .resultsPage .flyBox .col {
        flex: 1 1 50%;
        vertical-align: top;
    }
    .resultsPage .flyBox .col .filter {
        margin-bottom: 15px;
    }
    .resultsPage .flyBox .filter>.filterCheckbox {
        top: 3px !important;
    }
    .resultsPage a.refineSearchButton {
        height: 32px;
    }
    #productDetailsHeader .productPagination input.pageNumber,
    .resultsToolbar .right input.pageNumber,
    .resultsToolbar .right input {
        height: 32px;
        margin-top: 0;
    }
    .resultsPage .familyResult .paginationHR {
        margin-top: 25px;
    }
    .resultsPage #productResults .productResult:first-child {
        padding-top: 10px;
    }
    table.docs tr th.downloads,
    table.related tr th.downloads {
        width: 170px;
    }
    .resultsPage .relatedInfoDescription {
        max-height: 100%;
    }
    #leftNav .filterSelectionBox .filters li.selected .remove {
        top: 1px;
    }
    .currentOS_iOS .resultsPage .refineSearchContainerInput {
        padding: 0 3px;
    }
    .compareContainer {
        margin: 5px 0 0;
    }
    #content.parentCats {
        text-align: center;
    }
    #content.parentCats .productFamilyBrowseHeader,
    #content.parentCats h2 {
        text-align: left;
    }
    #productFamilyHeader .primaryMedia {
        float: none;
        clear: left;
        margin: 0 0 20px;
    }
    #productFamilyHeader .productFamilyDesc,
    #productFamilyHeader.tabbedFamilyHeader .productFamilyDesc {
        line-height: 1.4em;
        width: 100%;
    }
    .topFamilyPage .familyResult .downloadButton {
        margin: 0;
    }
    .topFamilyPage #topFamilyCmsContent {
        margin-top: 20px;
    }
    #topFamilyCmsContent .content>div {
        display: inline-block;
        float: none !important;
    }
    #topFamilyCmsContent .content>div+div {
        padding: 37px 0 0 20px !important;
        vertical-align: top;
        width: 300px !important;
    }
    #topFamilyCmsContent .mktoForm>.mktoFormRow,
    #topFamilyCmsContent .mktoForm>.mktoButtonRow {
        display: block;
        padding: 0 !important;
        width: auto !important;
    }
    #topFamilyCmsContent .mktoForm textarea {
        height: auto;
    }
    .icon.blueArrowDown,
    .iconLink .blueArrowUp {
        width: 16px;
    }
    #main .tabs {
        float: none;
        height: 35px;
    }
    #main .tabs li.selected {
        height: 34px;
        padding-top: 9px;
    }
    #main .tabs li a {
        height: 32px;
        padding-top: 8px;
    }
    #main #services.tabs {
        display: block;
        float: none;
        height: auto;
    }
    #productFamilyHeader .buttons {
        clear: right;
        margin: 20px 0;
    }
    #productFamilyHeader .buttons a {
        display: inline;
    }
    #productFamilyHeader.tabbedFamilyHeader .productFamilyDesc {
        float: none;
        padding: 0 30px 0 0;
        width: 60%;
    }
    .standardTable .filterableHeader .filterBox .filters>.item {
        margin: 10px 0 0;
    }
    .standardTable .actions a {
        display: inline-block;
        margin: 0 0 10px;
    }
    #configuratorBox .configuratorOptions,
    #configuratorBox .cartSummary,
    #configuratorBox .configuratorOption,
    #configuratorBox .optionLevelOne .choice .option {
        display: block;
        float: none;
        padding: 0;
        width: 100%;
    }
    #configuratorBox .optionLevelOne .choice,
    #configuratorBox .optionLevelTwo .choice,
    #configuratorBox .optionLevelOne .description,
    #configuratorBox .configuratorOption .disabledCompareLink,
    #configuratorBox .configuratorOption .compareLink {
        margin: 0;
    }
    #configuratorBox .optionLevelOne .choice input,
    #configuratorBox .optionLevelOne .choice label {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    #configuratorBox .optionLevelOne .description {
        padding: 0 0 15px;
    }
    #configuratorBox .optionLevelOne .choice {
        padding: 5px 0;
    }
    #configuratorBox .optionLevelOne .choice input {
        margin-top: 3px;
    }
    #configuratorBox .optionLevelOne .choice label {
        width: 75%;
    }
    #configuratorBox .configuratorOption {
        margin: 0;
        padding: 15px;
    }
    #configuratorBox .configuratorOption .configuratorOption {
        padding: 10px 0 10px 25px;
    }
    #configuratorBox .configuratorOption .title {
        float: left;
        margin: 0;
        padding: 0 0 10px;
        width: 100%;
    }
    #configuratorBox .optionLevelOne .choice input.checkbox.compareOption {
        float: right;
        margin-right: 25px;
    }
    #configuratorBox .cartSummary {
        border: 0;
    }
    #productComparitor #productCompareTable.standardTable tr td:first-child {
        word-break: normal;
    }
    .resultsPage .addToCartActionLine {
        float: left;
        position: relative;
        width: 100%;
    }
    .resultsPage .addToCartAction:last-child {
        margin-left: 0;
    }
    .familySearchPage .chemistryListContent {
        display: flex;
        flex-wrap: wrap;
    }
    #main.familySearchPage ul.browseParam {
        flex: 0 0 30%;
        min-width: 240px;
        margin: 0 2% 0 0;
        width: auto;
    }
    #productDetailsHeader {
        padding-bottom: 20px;
    }
    #productOverview .leftSection,
    #productOverview #overviewWrapper,
    #productOverview .overviewSection,
    #productOverview #accessorySidebar,
    #productOverview .rightSidebar {
        display: block;
        float: none;
        padding: 20px 0;
        width: 100%;
    }
    #productOverview .leftSection {
        padding-top: 0;
    }
    #productOverview .rightSidebar {
        text-align: center;
    }
    #productOverview #overviewWrapper {
        padding: 0;
    }
    #productOverview #overviewWrapper {
        height: auto !important;
    }
    #productOverview #overviewInfo .label {
        min-width: 110px;
    }
    #productOverview #overviewInfo {
        width: 290px;
    }
    .infoRow,
    #productOverview #overviewInfo .formActions a {
        margin: 0 0 15px;
    }
    #productOverview #overviewInfo .formActions a.addToFavorites {
        margin-top: 5px;
    }
    #productOverview #accessorySidebar {
        border: 0;
        height: auto !important;
    }
    #productOverview #accessorySidebar .accessory {
        display: inline-block;
        float: none;
        padding: 0 15px;
        vertical-align: top;
        width: 178px;
    }
    #productOverview #accessorySidebar .accessory p a {
        display: inline-block;
    }
    #productOverview #accessorySidebar .accessoryImage {
        min-height: 105px;
    }
    .viewableItemsBox>.content {
        flex-wrap: wrap;
    }
    .viewableItemsBox .item {
        flex: 33% 0 0;
    }
    .recentlyViewedItems .item:nth-child(6) {
        display: block;
    }
    #productOverview .rightSidebar .section,
    #productOverview .rightSidebar .cms.cmsBlock {
        border: 0;
        display: inline-block;
        float: none;
        vertical-align: bottom;
        width: 100%;
    }
    #productOverview .rightSidebar .cms.cmsBlock .terms p {
        text-align: center;
    }
    #productOverview .rightSidebar .cms.cmsBlock .terms p a {
        margin: 0;
        padding: 5px 0;
        width: auto;
    }
    #productOverview .rightSidebar .cms.cmsBlock .terms p a.arrowLeft {
        padding: 0 0 10px 10px;
    }
    #productOverview .rightSidebar .cms.cmsBlock a {
        background-position: 0 -489px;
        display: inline-block;
        margin: 0;
        padding: 10px;
        width: 100%;
    }
    #productOverview .rightSidebar .cms.cmsBlock a.arrowLeft {
        margin: 10px 0;
    }
    #productSummary .qty {
        width: 52px;
    }
    #hilbWrapper {
        height: auto !important;
        margin-left: -330px !important;
        width: 660px !important;
    }
    #hilbWrapper #hilbTitle {
        font-size: 17px;
    }
    #hilbWrapper #hilbThumbnails {
        padding: 0;
        width: 60px;
    }
    #hilbWrapper #hilbLeftNavArrow+div {
        display: block;
        float: none !important;
        width: 100%;
    }
    #hilbWrapper #hilbCurrentImage img {
        height: auto !important;
        max-width: 100%;
    }
    #hilbWrapper table,
    #hilbWrapper #hilbCurrentImage,
    #hilbWrapper #hilbThumbnails {
        height: auto !important;
        text-align: center;
        width: 100% !important;
    }
    #hilbWrapper #hilbThumbnails a {
        display: inline-block;
        overflow-y: hidden;
        margin: 15px 5px 0;
        vertical-align: top;
    }
    #productSummary .summaryInfo {
        width: 290px;
    }
    #productSummary .label {
        min-width: 110px;
    }
    #productDetails #specificationsBox .infoRow .value {
        max-width: 100%;
    }
    .productDetailsSection>h2 {
        font-size: 15px;
    }
    .productList .cLeft {
        display: inline;
    }
    .productList .productResult {
        flex: 25% 0 0;
        vertical-align: top;
        text-align: left;
    }
    .productResult.mRight0 {
        margin-right: 0 !important;
    }
    .productResult p a {
        display: block;
    }
    .productResult p.compareContainer a {
        display: inline;
    }
    .productDetailsSection table.docs {
        table-layout: auto;
    }
    #productDownloads .productDetailsDownloadFilter .filter {
        display: block;
        float: none;
        margin: 0 0 10px;
        width: 100%;
    }
    #productDownloads .productDetailsDownloadFilter .filter div,
    #productDownloads .productDetailsDownloadFilter .ui-state-default {
        display: inline-block;
        float: none !important;
        vertical-align: top;
    }
    #productDownloads .productDetailsDownloadFilter .filter>div:first-child {
        width: 80px;
    }
    #productDownloads .productDetailsDownloadFilter .ui-state-default {
        font-size: 12px;
        line-height: 1.4em;
        padding: 6px 3px;
    }
    #productDownloads .productDetailsDownloadFilter .filterButton {
        padding: 5px;
    }
    .ui-multiselect-menu {
        max-width: 300px;
    }
    .ui-multiselect-filter,
    .ui-multiselect-filter input {
        font-size: 14px !important;
    }
    .ui-multiselect-filter input {
        width: 130px !important;
    }
    .ui-multiselect-hasfilter ul {
        clear: both;
    }
    body .ui-multiselect-filter {
        margin-bottom: 10px;
    }
    body .ui-multiselect-header span.ui-icon {
        margin: 0;
    }
    body .ui-multiselect-header li.ui-multiselect-close {
        padding: 0 5px 0 0;
    }
    body .ui-multiselect-filter input {
        border: 1px solid #A9A9A9;
        height: 27px;
        padding: 0 2px;
    }
    #productSummary .value {
        max-width: 100%;
        width: 190px;
    }
    #productCompareTable.standardTable tr td {
        word-break: break-word;
    }
    .expressOrderEntryFormSection {
        margin: 0;
        max-width: 100%;
        width: 470px;
    }
    .expressOrderEntryPage .rightSection {
        width: 270px;
        float: right;
    }
    #tabs.ui-tabs .ui-tabs-panel,
    #main div.tabs.ui-tabs .ui-tabs-panel,
    div.tabs .newItemsForm {
        max-width: 100%;
    }
    #recommendedItemsDialog .recommendedItemsBox,
    #recommendedItemsDialog #recommendedItemsContentContainer,
    #recommendedItemsDialog .recommendedItemsBoxInside {
        float: none;
    }
    #recommendedItemsDialog .recommendedItemsProductImageContainer {
        margin-bottom: 20px;
    }
    #recommendedItemsDialog .recommendedItemsCategories {
        margin: 0 0 20px;
    }
    #recommendedItemsDialog .recommendedItemsCategories,
    #recommendedItemsDialog .productInfoContainer,
    #recommendedItemsDialog .recommendedItemsBox,
    #recommendedItemsDialog .recommendedItemsContent,
    #recommendedItemsDialog .recommendedItemsCategories>div {
        width: 100%;
    }
    #recommendedItemsDialog .recommendedItemsCategoriesElement>a {
        width: auto;
    }
    #recommendedItemsDialog .recommendedItemsCategoriesElement>input[type=checkbox] {
        margin-top: 3px;
    }
    #recommendedItemsDialog .recommendedItem .recommendedItemContainer {
        bottom: 0;
        position: relative;
    }
    #recommendedItemsDialog .recommendedItem {
        border: 0;
        width: 49%;
    }
    #recommendedItemsDialog .recommendedItemsContent,
    #recommendedItemsDialog .recommendedItemsTabContent,
    #recommendedItemsDialog .recommendedItem {
        height: auto;
        overflow-y: auto;
        white-space: normal;
    }
    #recommendedItemsDialog .recommendedItemContainer .itemImage {
        height: 100px;
        margin-bottom: 8px;
    }
    .mecsResults.ui-tabs .ui-tabs-nav {
        margin-top: 1px;
    }
    #ecommercePolicies {
        text-align: center;
    }
    .myAccountPage .editableSection {
        margin: 15px 0;
    }
    .myAccountPage .infoSection.padded {
        padding: 0;
    }
    #techSupportForm h3 {
        margin-bottom: 15px;
    }
    #InterestedIn .formRow {
        margin: 0 0 20px;
    }
    #InterestedIn label {
        margin: 5px 10px 0 0;
    }
    #InterestedIn input[type="radio"] {
        margin: 10px 5px 10px 0;
    }
    #footer {
        position: relative;
    }
    #footer #footerContent .col,
    #footer .col {
        padding: 0 20px 10px 0;
    }
    #footer #footerContent .col.gsa {
        padding-right: 0;
    }
    #footer #footerContent li {
        margin: 0 0 15px;
    }
    #footerBar {
        padding: 15px 0;
        text-align: left;
    }
    #footerBar .icon,
    #footerBar p {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    #footerBar p {
        margin: 10px 0 0;
        width: 100%;
    }
    .formRow .help {
        margin: 0;
    }
    .checkoutForm .creditCardColumn {
        width: 100%;
    }
    .checkoutForm input[type="text"] {
        max-width: 100%;
        width: 290px;
    }
    .checkoutForm #additionalComments {
        width: 290px;
    }
    .checkoutForm .requiresFollowUp label {
        text-align: left;
        margin: 0 10px 10px 0;
    }
    .checkoutForm #totalCosts {
        width: 490px;
    }
    .addressInfoSection .contentBox:not(.editAddress) {
        width: 100%;
    }
    .checkoutForm .shippingAndFreightBox .label {
        min-width: 270px;
    }
    .shippingInfo .formRow>label:first-child {
        margin-left: 10px;
    }
    .formRow.check>label:first-child {
        margin-top: 0;
    }
    #itemsTable.standardTable {
        margin: 10px 0 20px;
    }
    #verisignCart {
        clear: both;
        float: left;
        text-align: left;
    }
    #verisignCart div {
        display: inline-block;
        margin: 0 !important;
        max-height: 50px;
        text-align: right;
        width: 75px !important;
    }
    #verisignCart a.ssl {
        left: 0 !important;
        margin-top: -6px;
        top: 50% !important;
    }
    #verisignCart img.logo {
        height: 50px !important;
        width: 50px !important;
    }
    #verisignCart p {
        display: inline-block;
        font-size: 13px;
        height: 50px;
        margin: 15px 0 0 10px;
        max-width: 195px;
        vertical-align: top;
    }
    table.dataTable thead .prodNo {
        width: 120px !important;
    }
    .responsive #productGrid .productFamilyActions .addToCart {
        margin: 10px 0 15px;
    }
    #main #services {
        margin: 15px 0 10px;
    }
    #main div#services.tabs ul,
    .addressInfoSection .contentBox {
        float: none;
    }
    #main #services li.ui-state-default a {
        background-position: 7px 12px;
        height: 32px;
        padding-top: 9px;
    }
    .pageActions a:not(.btn),
    .formActions a:not(.btn) {
        margin-top: 7px;
    }
    .addressBoxes h2.sectionHeader {
        margin-top: 25px;
    }
    .addressBoxes h2:first-child.sectionHeader {
        margin-top: 15px;
    }
    .addressActions {
        clear: left;
        margin: 0 0 20px;
        min-width: 288px;
    }
    .leftArrowBox:before,
    .leftArrowBox:after {
        border: 0;
    }
    .shippingInfo .formRow>.errorMessage {
        margin-left: 210px;
    }
    .shippingInfo .formRow .formNote {
        margin: 5px 0 0;
        padding-left: 210px;
    }
    .checkOutSection {
        float: left;
        margin: 0;
        padding: 20px 0;
        width: 100%;
    }
    #main .dataTables_length.dataTables_length_links a {
        padding: 0 10px;
    }
    .infoGroup .infoRow {
        min-width: 370px;
    }
    .contentBox:not(.small):not(.medium) .infoGroup .infoRow {
        min-width: 350px;
    }
    #loginBox .formActions {
        width: 510px;
    }
    .securityPage .formRow>label:first-child {
        width: 200px;
    }
    .securityPage .formRow select {
        max-width: 300px;
    }
    .securityPage .formRow .formNote,
    .securityPage .formRow .errorMessage {
        margin-left: 210px;
    }
    #secureContentFolders .leftSection,
    #secureContentFolders .rightSection {
        max-width: 100%;
    }
    .editableSection .titleSection {
        background-color: #0098DB;
        display: flex;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        justify-content: space-between;
        margin: 0 0 10px;
        padding: 8px 5px;
    }
    .editableSection .titleSection h2 {
        color: #fff;
        flex: none;
        font-size: 15px;
        margin: 0;
        min-width: 210px;
        width: 75%;
    }
    .editableSection .titleSection .edit {
        color: #fff;
        margin: 0;
    }
    .formRow .optionGroup .other {
        margin-top: -5px;
    }
    .leftSection>.cms {
        height: auto !important;
        margin-left: 0 !important;
    }
    .leftSection h1+.cms {
        clear: both;
    }
    .leftSection img {
        height: auto !important;
        max-width: 100%;
    }
    .leftSection .crocodoc-page-inner table {
        height: auto !important;
        width: auto !important;
    }
    .leftSection .crocodoc-page-inner table td {
        min-width: 150px;
    }
    ul.aboutUs {
        display: flex;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        justify-content: flex-start;
    }
    ul.aboutUs li,
    .cms ul.aboutUs li {
        margin-bottom: 15px;
        min-width: 170px;
        padding-right: 10px;
        width: 25%;
    }
    #horizontalBlock .cms .section {
        padding: 0;
    }
    #horizontalBlock .span_1_of_3 {
        width: auto !important;
    }
    .leftSection div.cms h3 {
        margin-bottom: 10px;
    }
    div.cms div {
        max-width: 100%;
    }
    div.cms div.ThreeColumnHolder {
        padding-left: 0 !important;
    }
    div.cms div.ThreeColumnHolder:after {
        clear: both;
        content: " ";
        display: block;
        height: 0;
    }
    div.cms div.ThreeColumnHolder div.column1of3,
    div.cms div.ThreeColumnHolder div.column2of3,
    div.cms div.ThreeColumnHolder div.column3of3 {
        margin: 10px 20px !important;
    }
    div.cms div.ThreeColumnHolder div.column1of3 {
        clear: left;
    }
    .guides .links,
    .guides h3,
    .guides .links ul {
        max-width: 100%;
    }
    .guides .links ul {
        margin-right: 0;
        max-width: 100%;
        width: 100%;
    }
    .eventDetailsPage #eventAttributes .value {
        max-width: 100%;
    }
    #pageBody div.cms table.pad5 td.ServImg {
        min-width: 150px;
    }
    #pageBody div.cms table.pad5 td.ServProblem,
    #pageBody div.cms table.pad5 td.ServSolved {
        padding-top: 0;
    }
    #assistance .finePrint {
        clear: both;
        display: block;
        margin-left: 185px;
    }
    .dataTables_wrapper .dataTables_paginate {
        margin: 0.5em 0 1em;
    }
    table.newsTable.expanded tbody td {
        display: table-cell !important;
    }
    .calendarPage #eventPreview #eventPreviewContent span,
    #responsiveEventPreview span {
        display: block;
        float: none;
        width: 100%;
    }
    .calendarPage #eventPreview #eventPreviewContent span.label,
    #responsiveEventPreview span.label {
        font-weight: 700;
    }
    #talkToAnExpertDialog {
        overflow: hidden;
    }
    #talkToAnExpertDialog br {
        display: none;
    }
    #talkToAnExpertDialog .HelpThreeColumnHolder {
        text-align: center;
    }
    #talkToAnExpertDialog div.HelpThreeColumnHolder div.Helpcolumn1of3,
    #talkToAnExpertDialog div.HelpThreeColumnHolder div.Helpcolumn2of3,
    #talkToAnExpertDialog div.HelpThreeColumnHolder div.Helpcolumn3of3 {
        display: inline-block;
        float: none;
        height: auto;
        margin: 0;
        min-height: 145px;
        min-width: auto;
        padding: 10px;
        vertical-align: top;
        width: auto;
    }
    #talkToAnExpertDialog table {
        margin: 15px 0 0 !important;
        width: 100% !important;
    }
    #talkToAnExpertDialog table td:first-child {
        padding-right: 10px;
        vertical-align: top;
        white-space: nowrap;
    }
    #talkToAnExpertDialog table td strong {
        margin: 0 !important;
    }
    .cms .pageHeading div.my-popup {
        z-index: 0;
    }
}

@media only screen and (max-width:990px) {
    table#orderHistoryTable tr.filters {
        display: none;
    }
}

@media only screen and (max-width:960px) {
    .mac.safari #footerContent .centeredPageContent .col {
        width: 33%;
    }
    #termsBoxes.flexContainer .contentBox.medium {
        flex: 1 1 100%;
        margin: 0 0 10px;
    }
}

@media only screen and (max-width:899px) {
    table tr.filters {
        display: none;
    }
    .contentBox.large,
    #notes .contentBox {
        flex: 1 1 100%;
        min-width: 100%;
        margin-right: 0;
    }
}

@media only screen and (max-width:880px) {
    .formRow .optionGroup.oneColumn .column {
        max-width: 420px;
    }
}

@media only screen and (max-width:859px) {
    .formRow .optionGroup {
        float: left;
        display: block;
    }
    .shippingInfo .left,
    .shippingInfo .needHelp.mobile,
    .checkoutForm .shipmentDetails .infoBox {
        width: 100%;
    }
    .shippingInfo .needHelp.desktop {
        display: none;
    }
    .formActions input[type="button"] {
        clear: both;
        margin: 0 0 5px;
    }
}

@media only screen and (min-width:768px) and (max-width:979px) {
    #canvas {
        min-width: auto;
    }
    #header .navLinks {
        display: block;
    }
}

@media only screen and (max-width:803px) {
    .documentSummary .flexContainer .contentBox:nth-child(2) {
        margin-right: 0;
    }
    .documentSummary .helpBox {
        flex: 1 1 100%;
    }
}

@media only screen and (max-width:800px) {
    #main.familySearchPage ul.browseParam {
        flex: 0 0 48%;
    }
}

@media only screen and (max-width:790px) {
    #productFamilyHeader #productFamilyImages,
    #productFamilyHeader .buttons,
    #productFamilyHeader.tabbedFamilyHeader .productFamilyDesc {
        clear: none;
        display: inline-block;
        float: none;
        text-align: left;
        vertical-align: top;
        width: 100%;
    }
    #productFamilyHeader .buttons>a:first-child {
        padding-left: 0;
    }
    #productFamilyHeader.tabbedFamilyHeader .productFamilyDesc {
        padding: 0;
    }
    .standardTable .filterableHeader .filterBox {
        max-width: 100%;
    }
    .filterBox .sort>div {
        padding: 5px 0;
    }
    .productList div.pagination {
        margin: 0 0 10px;
    }
    .expressOrderEntryPage .rightSection {
        width: 100%;
    }
}

@media only screen and (min-width:768px) {
    button#filters,
    div.sortedBy {
        display: none;
    }
    #leftNav {
        display: block !important;
    }
}

@media only screen and (max-width:768px) {
    .documentSummary .contentBox {
        min-width: 244px;
    }
    .documentSummary .contentBox:nth-child(2) {
        margin-right: 0;
    }
    .documentSummary .helpBox.desktop {
        display: none;
    }
    .helpBox.mobile {
        display: block;
        float: left;
        margin-top: 20px;
        width: 100%;
    }
    #termsBoxes {
        display: flex;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        justify-content: flex-start;
        margin: 20px 0 0;
    }
    .contentBox.medium {
        flex: 1.5 1 auto;
    }
    .contentBox.large {
        flex: 2 1 auto
    }
    #footerContent .centeredPageContent .col {
        width: 33%;
    }
    #talkToAnExpertDialog .left-line,
    #talkToAnExpertDialog .right-line {
        border: 0;
    }
}

@media only screen and (min-width:735px) and (max-width:768px) {
    #footerContent .centeredPageContent .col.gsa {
        width: 100%;
    }
    #footer #footerContent .col.gsa a {
        float: left;
    }
    #footer #footerContent .col.gsa h3,
    #footer #footerContent .col.gsa p {
        clear: none;
        float: left;
        margin-top: 5px;
        width: 75%;
    }
    #footer #footerContent .col.gsa h3 {
        margin-top: 10px;
    }
}

@media only screen and (max-width:767px) {
    h1 {
        font-size: 20px;
        word-break: break-word;
    }
    h2 {
        font-size: 17px;
    }
    #main .dataTables_wrapper .dataTables_paginate {
        margin: 1.5em 0;
    }
    #productTabs .prod,
    #productTabs .product {
        width: 32%;
    }
    #explore .centeredPageContent .second {
        max-width: 320px;
        width: 100%;
    }
    #explore iframe {
        width: 100% !important;
    }
    .resultsPage .productResult.parentCat {
        width: 32%
    }
    button#filters {
        background: #0070A7;
        border: 0;
        color: #fff;
        margin: 0 15px 15px 0;
        padding: 8px 10px;
        text-align: center;
        text-transform: uppercase;
        width: 95px;
        width: auto;
    }
    .resultsPage #leftNav,
    .resultsPage .refineSearchContainer.top,
    .resultsPage h1.resultsHeading.top,
    .resultsToolbar .left.top,
    .resultsToolbar .right.top {
        display: none;
    }
    .resultsPage #leftNav {
        margin-top: 15px;
    }
    .resultsToolbar.top {
        margin: 0 0 10px;
    }
    div.sortedBy {
        display: inline-block;
    }
    div.sortedBy strong {
        font-weight: 400;
    }
    .compareButtons .fRight {
        float: none !important;
        text-align: center;
    }
    .compareButtons .fRight .compareButton {
        float: none;
        margin: 5px 0;
    }
    .compareButtons .fRight .compareClear {
        display: inline-block;
        float: none;
        margin: 5px 0;
        padding: 0 10px;
    }
    .resultsToolbar {
        display: inline-block;
        float: none;
        margin: 20px 0;
        text-align: center;
    }
    #productDetailsHeader .resultsToolbar {
        margin: 20px 0 0;
    }
    .resultsToolbar .left,
    .resultsToolbar .right {
        display: inline-block;
        float: none;
        margin: 0 20px 20px;
        vertical-align: top;
    }
    .resultsPage .productFilters li {
        min-width: 50%;
        width: 50%;
    }
    #productDetailsHeader .resultsToolbar .left,
    #productDetailsHeader .resultsToolbar .right {
        margin: 0;
    }
    #productDetails #specificationsBox .infoRow {
        display: block;
    }
    #productDetails #specificationsBox .infoRow .label,
    #productDetails #specificationsBox .infoRow .value {
        display: inline-block;
        width: 24%;
        vertical-align: top;
    }
    #productDetails #specificationsBox .infoRow .value {
        margin-left: 0 !important;
        width: 75%;
    }
    #pageBody>#main.comparePage,
    #productComparitor {
        overflow-x: scroll;
    }
    #productCompareTable.standardTable tr td {
        word-break: normal;
    }
    .flexContainer .contentBox:nth-child(2),
    .flexContainer .contentBox.medium {
        margin-right: 0;
    }
    .flexContainer .contentBox:last-child {
        flex: 1 1 100%;
    }
    #main.securityPage .expiredPassword .help {
        clear: left;
    }
    .shippingInfo .freightInfo .formRow .help {
        margin: 0 0 15px;
    }
    .shippingInfo .freightInfo #chargesSection {
        padding-right: 0;
    }
    #talkToAnExpertDialog .left-line,
    #talkToAnExpertDialog .right-line {
        border: 0;
    }
    #talkToAnExpertDialog table {
        height: auto !important;
    }
}

@media only screen and (max-width:748px) {
    .signinInfoFormSection .fieldGroup {
        width: 100%;
    }
    .calendarPage .resultsToolbar .left,
    #selectStateProvinceFilterButton,
    .calendarPage .resultsToolbar {
        display: none;
    }
}

@media only screen and (max-width:735px) {
    .leftSection div.cms div.ThreeColumnHolder>div {
        clear: none;
    }
    .leftSection div.cms div.ThreeColumnHolder>div:nth-child(3),
    .leftSection div.cms div.ThreeColumnHolder>div:last-child {
        clear: left;
    }
    #footerContent .centeredPageContent .col {
        width: 50%;
    }
    #topFamilyCmsContent .content>div+div {
        float: none;
        padding: 20px 0 !important;
    }
    .documentSummary .flexContainer .contentBox {
        flex: 1 1 100%;
        margin-right: 0;
    }
}

@media only screen and (max-width:734px) {
    #footerContent .centeredPageContent .col,
    .mac.safari #footerContent .centeredPageContent .col {
        width: 50%;
    }
}

@media only screen and (max-width:710px) {
    .formRow .optionGroup.oneColumn .column {
        max-width: 300px;
    }
    .contentBox.medium {
        min-width: 100%;
        margin-right: 0;
    }
    .checkoutForm .freightInfo .option {
        flex-wrap: wrap;
        clear: left;
    }
    .checkoutForm .shipmentDetails .infoBox,
    .shippingInfo .needHelp {
        clear: left;
        width: 100%;
        margin: 20px 0 0;
    }
    .shippingInfo .needHelp {
        margin: 0 0 20px;
    }
}

@media only screen and (max-width:700px) {
    .formRow .phoneExtension {
        width: 100%;
        margin: 10px 0 0;
    }
    .formRow .phoneExtension>label {
        width: 175px;
        text-align: right;
    }
    #shippingAddressForm .formRow .phoneExtension>label {
        width: 200px;
    }
    .productResult,
    .productList .productResult {
        flex: 33% 0 auto;
    }
    .guides .links {
        margin: 0;
        width: 100%;
    }
    .guides .links ul {
        margin-right: 0;
        max-width: 100%;
        width: 100%;
    }
}

@media only screen and (max-width:679px) {
    .errorPage .alertIcon {
        margin: 0;
        vertical-align: top;
    }
    .errorPage .errorDescription {
        vertical-align: top;
        width: 70%;
    }
    .pageActionsBar {
        margin-bottom: 10px;
    }
    #hachSupport,
    #homePageWidget {
        width: 100%;
    }
    .suppBox .left {
        padding-bottom: 25px;
        width: 90%;
    }
    .suppBox p {
        font-size: 13px;
        margin: 10px 0 0;
    }
    .suppBox>a.bbg,
    .suppBox .cats {
        bottom: 10px;
        display: inline-block;
        left: 0;
        max-width: none;
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: auto;
    }
    .suppBox .cats {
        bottom: 8px;
    }
    #hachSupport .supportSection>img {
        display: block;
        float: none;
        margin: 0 auto;
    }
    #hachSupport .supportSection .sectionContent {
        display: block;
        float: none;
        margin-left: 0;
        width: auto;
    }
    #hachSupport .supportSection .sectionContent .ctaButton {
        display: inline-block;
        float: none;
    }
    .compareContainer {
        clear: both;
    }
    #productOverview #overviewInfo {
        clear: both;
        float: none;
        max-width: 100%;
        padding: 20px 0 0;
        width: 100%;
    }
    #productOverview #accessorySidebar .accessory {
        width: 32%;
    }
    #hilbWrapper {
        left: 0;
        margin-left: 0 !important;
        max-width: 100%;
        padding-bottom: 15px;
    }
    #productDetails #specificationsBox .infoRow .label,
    #productDetails #specificationsBox .infoRow .value {
        display: block;
        width: 100%;
    }
    #productDetails #specificationsBox .infoRow .label {
        padding-bottom: 3px;
    }
    .signinInfoFormSection .formRow .widget {
        width: 320px;
    }
    .signinInfoFormSection .help {
        padding: 3px 0 5px;
        clear: left;
    }
    #secureContentFolders .leftSection {
        min-width: 100%;
        margin-right: 0;
    }
    #secureContentFolders .rightSection {
        min-width: 100%;
    }
}

@media only screen and (max-width:645px) {
    #items>ul.ui-tabs-nav,
    #services>ul.ui-tabs-nav {
        display: none;
    }
}

@media only screen and (max-width:600px) {
    .hideMobile {
        display: none;
    }
    .ui-dialog {
        left: 0 !important;
        width: 100% !important;
    }
    #main.productDetailsPage .formRow {
        float: none;
        margin: 0;
        text-align: center;
    }
    #main.productDetailsPage .formRow label,
    #main.productDetailsPage .formRow input {
        float: none;
    }
    #main.productDetailsPage .formActions {
        margin: 15px 0 5px;
        text-align: center;
    }
    #main.productDetailsPage .formActions .addToCartWrapper {
        display: inline-block;
        float: none !important;
        margin: 0 5px;
        vertical-align: top;
        width: auto !important;
    }
    #main.productDetailsPage .formActions a,
    #productSummary #productSummaryInfo {
        display: block;
        float: none !important;
    }
    #productSummary .summaryInfo+.summaryInfo {
        margin: 15px 0 10px;
        width: 100%;
    }
    div.tabs #addItemsTab label.prod {
        width: 200px;
    }
    #tabs label.qty,
    #services label.qty {
        margin-right: 0
    }
    .newItemsForm div.prodDiv,
    .newItemsForm div.qtyDiv {
        width: auto;
    }
    .tabs input.prod,
    #tabs input.prod,
    #services input.prod {
        width: 215px;
    }
    .newItemsForm div.items {
        width: 305px;
    }
    #addItemsTab .fRight {
        clear: both;
        float: none !important;
    }
    #addItemsTab .addFromDocs {
        display: block;
        margin: 10px 0;
    }
    #itemsFormContainer+.first .cms a {
        display: inline-block;
        margin: 0 0 10px;
    }
    .flexContainer .contentBox.termsBox,
    .flexContainer .contentBox {
        flex: 1 1 100%;
        margin-right: 0;
        min-width: 100%;
    }
    #items>select.responsiveTabs {
        margin-bottom: 10px;
    }
    #talkToAnExpertDialog div.HelpThreeColumnHolder div.Helpcolumn1of3,
    #talkToAnExpertDialog div.HelpThreeColumnHolder div.Helpcolumn2of3,
    #talkToAnExpertDialog div.HelpThreeColumnHolder div.Helpcolumn3of3 {
        min-height: auto;
        width: 300px;
    }
    #talkToAnExpertDialog div.HelpThreeColumnHolder,
    #talkToAnExpertDialog center {
        text-align: left;
    }
}

@media only screen and (max-width:599px) {
    .floatNoneMobile {
        float: none !important;
    }
    .floatNoneMobile+strong {
        display: block;
    }
    .resultsPage .productResult.parentCat {
        width: 49%
    }
    .productDetailsSection table th.noStyle {
        background: #0098DB;
        color: #fff;
        font-size: 14px;
    }
    .resultsPage .addToCartAction {
        margin: 5px 0 5px 20px;
    }
    .resultsPage .addToCartAction:last-child {
        clear: right;
    }
    .compareContainer.hasShoppingCart {
        clear: both;
        margin-top: -30px;
    }
    #hilbWrapper {
        top: 0;
    }
    #parameterReagent table.standardTable tr td:first-child {
        display: none;
    }
    #parameterReagent table.standardTable tr td:nth-child(2) {
        border-top: 1px solid #d2d2d2 !important;
        padding-top: 10px;
    }
    .productDetailsSection table.standardTable.docs tr td:first-child {
        border-top: 0 !important;
    }
    .productDetailsSection table.standardTable.docs tr td.downloads {
        border-top: 1px solid #d2d2d2 !important;
    }
    #productDetailsHeader .productPagination {
        clear: both;
        padding: 15px 0 0;
    }
    #productDownloads .productDetailsDownloadFilter .filter>div:first-child {
        display: block;
        margin: 0 0 5px;
        width: 100%;
    }
    .formRow>label:first-child {
        display: block;
        float: none;
        margin: 0 0 10px;
        text-align: left;
        width: 100%;
    }
    .formRow.check>label:first-child {
        display: inline-block;
        float: left;
        margin: 0 10px 5px 0;
        text-align: left;
        width: 190px;
    }
    .shippingInfo .formRow>label:first-child {
        margin: 0 0 10px;
        width: auto;
    }
    .formRow input[type="text"],
    .formRow input[type="password"],
    .formRow select,
    .formRow textarea,
    .formRow .formNote,
    .formRow label .formNote {
        display: block;
        float: none;
        width: 100%;
    }
    .formRow .widget {
        width: 100%;
    }
    .formRow .formNote {
        margin: 5px 0 0;
        padding: 0;
    }
    .formRow .errorMessage {
        width: 100%;
    }
    .formRow>.errorMessage {
        margin-left: 7px;
    }
    .formRow .optionGroup .other {
        margin-top: -5px;
        max-width: 220px;
    }
    .pageActions a {
        float: none;
        margin-bottom: 5px;
    }
    .formRow .indentedGroup {
        padding-left: 0;
    }
    .formRow .optionGroup {
        display: block;
    }
    .formRow .optionGroup.oneColumn .column {
        max-width: 100%;
    }
    .formRow .optionGroup .column {
        min-width: none;
        max-width: none;
        width: 100%;
        margin-right: 0;
    }
    .formRow .phoneExtension>label:first-child {
        text-align: left;
    }
    .formRow .phoneExtension>input[type="text"] {
        width: 100%;
    }
    #addToForm .formRow input[type="text"].qty {
        display: inline-block;
    }
    #addToForm #lblAddToCart {
        display: inline-block;
        padding-right: 10px;
    }
    .shippingInfo .formRow.checkbox>label:first-child {
        float: left;
    }
    .checkoutForm .creditCard span.error+select {
        margin: 10px 0 0;
    }
    div.cms #techSupportForm div.cmsFormAction input {
        margin-left: 0;
    }
    #configuratorBox .configuratorOption .configuratorOption {
        padding-left: 10px;
    }
    #configuratorBox .configuratorOption .disabledCompareLink,
    .requestQuoteLink {
        display: inline-block;
        margin-top: 10px;
    }
    #configuratorBox .optionLevelOne .choice label {
        width: 65%;
    }
    a.update {
        float: none;
        margin-left: 5px;
    }
    #itemsTable .fRight {
        float: none !important;
    }
    #itemsTable td i {
        display: block;
        padding: 10px 0 0;
    }
    .newsTableTitle {
        display: none;
    }
    .newsTable .newsThumbnail {
        display: none;
    }
    .newsTable .newsContent {
        width: auto;
    }
    .newsTable .newsContent {
        display: block;
        margin: 10px 0 0;
    }
    table.newsTable.expanded tbody td {
        display: block !important;
    }
    #main.myAccountPage .infoRow .label {
        min-width: 200px;
    }
    .signinInfoFormSection .formRow select {
        max-width: none;
    }
    .signinInfoFormSection .formRow .widget {
        width: 100%;
    }
    .limitUsernameToEmailMsg {
        padding: 20px 0 10px 0;
    }
    .expressOrderEntryFormSection {
        width: 550px;
    }
    .expressOrderEntryFormSection label.prod,
    #expressOrderEntryForm .formRow input.prod {
        display: inline-block;
        float: none;
        margin-right: 3%;
        width: 71%;
    }
    .expressOrderEntryFormSection label.qty,
    #expressOrderEntryForm .formRow input.qty {
        display: inline-block;
        float: none;
        margin: 0;
        width: 24%;
    }
    .expressOrderEntryFormSection .errorContainer {
        margin-right: 10px;
        width: 70%;
    }
    .expressOrderEntryFormSection .errorContainer:last-child {
        margin-right: 0;
        width: 24%;
    }
    .expressOrderEntryFormSection .formActions {
        width: 100%;
    }
    .checkoutForm #totalCosts {
        width: 100%;
    }
    .checkoutForm .creditCard select {
        float: left;
    }
    .checkoutForm #additionalComments {
        width: 100%;
    }
    .formRow>span.error,
    .formRow>.errorMessage,
    .shippingInfo .formRow>.errorMessage {
        margin-left: 0;
    }
    .shippingInfo .formRow .formNote {
        padding-left: 0;
    }
    .formActions.schedule .label {
        display: block;
        margin: 7px 0 10px;
    }
    .checkoutConfirmationPage .infoRow,
    .checkoutConfirmationPage .infoRow span {
        display: block;
    }
    .securityPage .formRow>.errorMessage {
        margin-left: 7px;
    }
    .securityPage .expiredPassword .formRow select {
        max-width: 100%;
    }
    .securityPage .expiredPassword .formNote,
    .securityPage .expiredPassword .errorMessage {
        margin-left: 0;
    }
    #pageBody div.cms table.pad5,
    #pageBody div.cms table.pad5 tr,
    #pageBody div.cms table.pad5 td {
        display: block;
        max-width: 100%;
    }
    #pageBody div.cms table.pad5 td {
        width: 100%;
    }
    #pageBody div.cms table.pad5.responsiveTable {
        border: 0;
        margin-bottom: 20px;
    }
    #pageBody div.cms table.pad5.responsiveTable td,
    #pageBody div.cms table.pad5.responsiveTable th {
        border: 0;
    }
    #pageBody div.cms table.pad5 tr {
        margin: 0 0 40px;
    }
    #pageBody div.cms table.pad5.border tr {
        margin: 0 0 10px;
    }
    #pageBody div.cms table.pad5.responsiveTable tr {
        margin: 0;
    }
    #pageBody div.cms table.pad5 tr:last-child {
        margin-bottom: 0;
    }
    #pageBody div.cms table.pad5 td {
        padding: 0;
    }
    #pageBody div.cms table.pad5.responsiveTable td {
        padding: 0 10px 10px;
    }
    #pageBody div.cms table.pad5.responsiveTable td:first-child {
        padding: 10px;
    }
    .supportPage .content>div {
        margin: 0 !important;
        width: 100% !important;
    }
    #assistance .finePrint {
        margin-left: 0;
    }
    #techSupportForm #InterestedIn label {
        margin: 10px 10px 10px 0;
    }
    .viewableItemsBox .item {
        flex: 50% 0 0;
    }
    .productResult,
    .productList .productResult {
        flex: 50% 0 0;
    }
    table.standardTable.responsiveTable.flexTwoColumns tbody tr {
        display: block;
        width: 100%;
    }
    table.standardTable.responsiveTable.flexTwoColumns.responsiveTable tbody>tr.even>td {
        background-color: #F7F8F9;
    }
    ul.aboutUs li,
    .cms ul.aboutUs li {
        width: 50%;
    }
}

@media only screen and (max-width:535px) {
    #main.familySearchPage ul.browseParam {
        flex: 0 0 100%;
        margin-right: 0;
        min-width: auto;
    }
}

@media only screen and (max-width:525px) {
    #header #headerContent {
        height: auto;
        padding-bottom: 10px;
    }
    #header #mainNav #actions {
        margin: 105px 15px 0;
    }
    #header #mainNav .searchContainer {
        min-width: 0;
        width: 100%
    }
    #header .quickSearchAutocomplete {
        width: 100%
    }
    #header .stopImpersonating {
        position: relative;
        top: -50px;
    }
    #pageBody {
        position: relative;
    }
    #pageBanner {
        background: #bdbdbd !important;
        height: auto;
        min-height: 200px;
    }
    #pageBanner #bannerContent {
        display: table-cell;
        height: 200px;
        padding-bottom: 20px;
        padding-top: 20px;
        vertical-align: middle;
        top: 0;
    }
    #bannerContent h1 {
        font-size: 30px !important;
        margin: 20px 0 !important;
        margin: 0 !important;
    }
    #bannerContent h1 br,
    #bannerContent .tagLine {
        display: none;
    }
    #productTabs .prod,
    #productTabs .product {
        min-width: 143px;
        width: 49%;
    }
    #explore .centeredPageContent .third {
        max-width: 320px;
        padding: 30px 0 0;
        width: 100%;
    }
    #homePageWidget ul li {
        padding: 0 0 0 20px;
        width: 100%;
    }
    .productFamilies .productResult {
        display: inline-block;
        float: none;
        margin: 0 2% 20px !important;
        text-align: left;
        vertical-align: top;
    }
    .resultsPage .addToCartActionLine {
        padding: 0 0 10px;
    }
    .resultsPage .addToCartAction.qty {
        position: absolute;
        right: 0;
        top: 0;
    }
    .resultsPage .addToCartAction.saved {
        margin: 0 0 15px;
        text-align: right;
        width: 100%;
    }
    .resultsPage .flyBox .col {
        min-width: 100%;
        width: 100%;
    }
    .resultsPage .productResult .image {
        min-height: 90px;
    }
    .resultsToolbar .left {
        max-width: 100%;
        width: 290px;
    }
    .resultsToolbar .left strong,
    .resultsToolbar .left select,
    .resultsToolbar .left .pageSizeOptions {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    .resultsToolbar .left select {
        margin: 0 0 15px;
    }
    .resultsPage .flyBox {
        width: 90%;
    }
    .resultsToolbar .left,
    .resultsToolbar .right {
        margin-left: 0;
        margin-right: 0;
    }
    #productOverview #accessorySidebar .accessory {
        width: 49%;
    }
    #productSummary .summaryInfo {
        float: none;
        width: auto;
    }
    #productSummary .addToQuote {
        display: inline-block;
        margin-bottom: 20px;
    }
    #footer #footerContent .col,
    #footer #footerContent p {
        width: 100%;
    }
    #footer #footerContent .col {
        margin: 0 0 10px;
    }
    #footer #footerContent h3 {
        background: none;
        border: none;
        outline: none;
        padding: 0;
    }
    #footer #footerContent .col ul {
        background: none;
        border: none;
    }
    #footer #footerContent .col.ui-accordion li a {
        color: #0599D9;
    }
    #footer #footerContent .col li a:hover {
        color: #F0AB00;
    }
    .contentBox {
        max-width: 100%;
    }
    .contentBox.small {
        min-width: 100%;
        margin-right: 0;
    }
    .leftSection .crocodoc-page-inner table,
    .leftSection .crocodoc-page-inner table tr,
    .leftSection .crocodoc-page-inner table td {
        display: block;
    }
    .leftSection div.cms div.ThreeColumnHolder div.column1of3,
    .leftSection div.cms div.ThreeColumnHolder div.column2of3,
    .leftSection div.cms div.ThreeColumnHolder div.column3of3 {
        margin: 0 !important;
        width: 100%;
    }
    div.cms table.border.pad5 {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100%;
    }
    .contentBox.full .content table,
    .contentBox.full .content table tr,
    .contentBox.full .content table td {
        display: block;
    }
    .infoRow.refNo,
    .infoRow.refNo span.label,
    .checkoutForm .shippingAndFreightBox .infoRow,
    .checkoutForm .shippingAndFreightBox span.label,
    .paymentDetails .infoRow,
    .paymentDetails span.label,
    .shippingFreightOptions .infoRow,
    .shippingFreightOptions span.label {
        display: block;
    }
    #main.myAccountPage .infoRow,
    #main.myAccountPage .infoRow .label {
        display: block;
    }
    #main.myAccountPage .infoRow .label {}
}

@media only screen and (max-width:480px) {
    .col-responsive {
        margin: 1% 0 1% 0%;
    }
    .span_1_of_4,
    .span_2_of_4,
    .span_3_of_4,
    .span_4_of_4 {
        width: 100%;
    }
    #topFamilyCmsContent .mktoForm>.mktoButtonRow .mktoButtonWrap {
        margin-left: 0 !important;
    }
}

@media only screen and (max-width:449px) {
    .resultsPage .productFilters li {
        flex: none;
        min-width: 100%;
        width: 100%;
    }
    table.shippingRates.responsiveTable .responsiveLbl {
        width: 55%;
    }
    #productDownloads .productDetailsDownloadFilter .filter div,
    #productDownloads .productDetailsDownloadFilter .ui-state-default {
        display: block;
    }
    .ui-multiselect-menu,
    #productDownloads .productDetailsDownloadFilter .ui-state-default {
        width: 100% !important;
    }
    .topFamilyPage .productFamilies .familyResult,
    .productList .productResult {
        border-top: 1px solid #cacaca;
        flex: 0 0 100%;
        padding: 20px 0;
        max-width: 100%;
        min-width: 100%;
        width: 100%;
    }
    #productFamilyHeader #currentProductFamilyImageContainer .tableContainer {
        max-width: 228px;
    }
    #productFamilyHeader #currentProductFamilyImage,
    #productFamilyHeader #currentProductFamilyImage img {
        max-width: 100%;
    }
    .productList .productResults {
        margin-left: 0;
    }
    .productList .productResult {
        flex: 100% 0 0;
        padding-left: 0;
    }
}

@media only screen and (max-width:435px) {
    .resultsPage .addToCartActions {
        margin: 0;
    }
    .resultsPage .addToCartAction {
        margin-bottom: 0;
    }
    .resultsPage .productResult .compareContainer.hasShoppingCart {
        margin-top: -24px;
    }
}

@media only screen and (max-width:419px) {
    .suppBox {
        background-image: none !important;
        padding: 0;
    }
    .suppBox .left {
        padding-left: 10px;
    }
    .suppBox>a.bbg,
    .suppBox .cats {
        left: 10px !important;
    }
    #recommendedItemsDialog .recommendedItem {
        height: auto;
        width: 100%;
    }
    .checkoutForm .formActions a#saveAsDraftLink {
        clear: both;
    }
    .checkoutForm .formActions input {
        margin-top: 10px;
    }
    table.shippingRates.responsiveTable .responsiveLbl {
        padding: 0 0 5px;
        width: 100%;
    }
    .newsDetails .mainImage {
        float: none;
        margin: 0 0 20px;
    }
    .newsDetails .mainImage img {
        float: none !important;
    }
    .viewableItemsBox .item {
        flex: 100% 0 0;
        padding: 0 0 10px;
    }
    ul.aboutUs li,
    .cms ul.aboutUs li {
        width: 100%;
    }
}

@media only screen and (max-width:359px) {
    #productTabs .prod,
    #productTabs .product {
        width: 100%;
    }
    .resultsPage .productResult {
        border: 0;
        padding: 0;
    }
    .resultsPage .addToCartActions .setQty {
        clear: both;
    }
    .resultsPage #leftNav {
        margin-top: 15px;
    }
    #productOverview #currentProductImageContainer,
    #productOverview #currentProductImageContainer table,
    #productOverview #currentProductImage {
        width: 100%;
    }
    #productOverview #productImageThumbs,
    #productFamilyHeader #productFamilyImageThumbs {
        padding: 20px 0;
        width: 100%;
    }
    #productOverview #productImageThumbs a,
    #productFamilyHeader #productFamilyImageThumbs a {
        clear: none;
        display: inline-block;
        margin: 0 10px 0 0;
        vertical-align: top;
    }
    #productOverview #accessorySidebar .accessory {
        text-align: center;
        width: 100%;
    }
    .expressOrderEntryFormSection .errorContainer:last-child {
        clear: left;
        width: 100%;
    }
    .ui-multiselect-menu {
        max-width: 290px;
    }
    #tabs input.qty,
    #services input.qty {
        margin-right: 0;
    }
    .newItemsForm div.items {
        max-width: 100%;
    }
    .shippingInfo .freightInfo .formRow .help {
        margin: 0 0 15px;
    }
}

div.cms #nav a {
    text-decoration: none;
    height: 35px;
    width: 222px;
    display: block;
}

div.cms #nav #button3 {
    margin-right: 0px;
}

div.cms #nav #button1 {
    background-image: url('../mdf:/en/hach_com/cms/images/homepage-banners/hm-ban3-btn-SL1000-OFF-222x35.png');
}

div.cms #nav #button2 {
    background-image: url('../mdf:/en/hach_com/cms/images/homepage-banners/hm-ban3-btn-EscapeLab1900-OFF-222x35.png');
}

div.cms #nav #button3 {
    background-image: url('../mdf:/en/hach_com/cms/images/homepage-banners/hm-ban3-btn-VTS14-OFF-222x35.png');
}

div.cms #nav .activeSlide #button1 {
    background-image: url('../mdf:/en/hach_com/cms/images/homepage-banners/hm-ban3-btn-SL1000-ON-222x35.png');
}

div.cms #nav .activeSlide #button2 {
    background-image: url('../mdf:/en/hach_com/cms/images/homepage-banners/hm-ban3-btn-EscapeLab1900-ON-222x35.png');
}

div.cms #nav .activeSlide #button3 {
    background-image: url('../mdf:/en/hach_com/cms/images/homepage-banners/hm-ban3-btn-VTS14-ON-222x35.png');
}

div.cms #nav {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 670px;
    height: 40px;
}

#main div.cms #nav li {
    margin: 0px;
    padding: 0px;
    width: 222px;
    float: left;
}

#main div.cms #nav li.first {
    margin-right: 2px;
}

#main div.cms #nav li.second {
    margin-right: 2px;
}

.LiveHelpService {
    display: none;
}

.section-responsive {
    clear: both;
    padding: 0px;
    margin: 0px;
}

.col-responsive {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}

.col-responsive:first-child {
    margin-left: 0;
}

.group-responsive:before,
.group-responsive:after {
    content: "";
    display: table;
}

.group-responsive:after {
    clear: both;
}

.group-responsive {
    zoom: 1;
}

.span_4_of_4 {
    width: 100%;
}

.span_3_of_4 {
    width: 74.6%;
}

.span_2_of_4 {
    width: 49.2%;
}

.span_1_of_4 {
    width: 23.8%;
}

.span_3_of_3 {
    width: 100%;
}

.span_2_of_3 {
    width: 66.1%;
}

.span_1_of_3 {
    width: 32.2%;
}

@media only screen and (max-width:480px) {
    .col-responsive {
        margin: 1% 0 1% 0%;
    }
    .span_1_of_4,
    .span_2_of_4,
    .span_3_of_4,
    .span_4_of_4 {
        width: 100%;
    }
    .span_3_of_3,
    .span_2_of_3,
    .span_1_of_3 {
        width: 100%;
    }
}

.promoDesc h3 {
    display: none;
}

.promoDesc.thumb img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.newMenuHeader {
    font-size: 14px;
}

.notALink {
    font-weight: bold;
    color: #0098DB;
    margin: 3px 0 0 3px;
}

#header .twoLevel .secondLevelContent li>a {
    color: #4D4D4D;
}

#header .twoLevel .secondLevelContent li>a:hover {
    color: #F0AB00;
}

.newMenuCol1,
.newMenuCol2,
.newMenuCol3,
.newMenuCol4 {
    float: left;
    width: 112px;
    position: relative;
    left: 0px;
    overflow: hidden;
    margin: 9px;
}

.newPortalCol1,
.newPortalCol2 {
    float: left;
    width: 49%;
    position: relative;
    left: 0px;
    overflow: hidden;
    margin-right: 1%;
}

.newPortalCol1of2,
.newPortalCol2of2 {
    float: left;
    width: 49%;
    position: relative;
    left: 0px;
    overflow: hidden;
    margin-right: 1%;
}

.newPortalCol1of3,
.newPortalCol2of3,
.newPortalCol3of3 {
    float: left;
    width: 32%;
    position: relative;
    left: 0px;
    overflow: hidden;
    margin-right: 1%;
}

.newPortalCol1of4,
.newPortalCol2of4,
.newPortalCol3of4,
.newPortalCol4of4 {
    float: left;
    width: 24%;
    position: relative;
    left: 0px;
    overflow: hidden;
    margin-right: 1%;
}

.newPortalCol1of5,
.newPortalCol2of5,
.newPortalCol3of5,
.newPortalCol4of5,
.newPortalCol5of5 {
    float: left;
    width: 19%;
    position: relative;
    left: 0px;
    overflow: hidden;
    margin-right: 1%;
}

.newPortalColo1of3,
.newPortalColo2of3,
.newPortalColo3of3 {
    float: left;
    width: 300px;
    position: relative;
    left: 0px;
    overflow: hidden;
    margin-right: 1%;
}

div.TwoColumnHolder {
    clear: both;
}

div.TwoColumnHolder div.column1of2,
div.TwoColumnHolder div.column2of2 {
    float: left;
    margin: 10px;
    width: 170px;
}

.column1of2,
.column2of2 {
    float: left;
    width: 170px;
    position: relative;
    left: 0px;
    overflow: hidden;
    margin: 9px;
}

.btn-yellow {
    background: #f6cd66;
    background-image: -webkit-linear-gradient(top, #f6cd66, #c08a00);
    background-image: -moz-linear-gradient(top, #f6cd66, #c08a00);
    background-image: -ms-linear-gradient(top, #f6cd66, #c08a00);
    background-image: -o-linear-gradient(top, #f6cd66, #c08a00);
    background-image: linear-gradient(to bottom, #f6cd66, #c08a00);
    color: #ffffff;
    font-size: 12px;
    padding: 6px 10px 6px 10px;
    text-decoration: none;
}

.btn-yellow:hover {
    background: #c08a00;
    background-image: -webkit-linear-gradient(top, #c08a00, #f6cd66);
    background-image: -moz-linear-gradient(top, #c08a00, #f6cd66);
    background-image: -ms-linear-gradient(top, #c08a00, #f6cd66);
    background-image: -o-linear-gradient(top, #c08a00, #f6cd66);
    background-image: linear-gradient(to bottom, #c08a00, #f6cd66);
    text-decoration: none;
}

.btn-blue {
    background: #66c2e9;
    background-image: -webkit-linear-gradient(top, #66c2e9, #007baf);
    background-image: -moz-linear-gradient(top, #66c2e9, #007baf);
    background-image: -ms-linear-gradient(top, #66c2e9, #007baf);
    background-image: -o-linear-gradient(top, #66c2e9, #007baf);
    background-image: linear-gradient(to bottom, #66c2e9, #007baf);
    color: #ffffff;
    font-size: 12px;
    padding: 6px 10px 6px 10px;
    text-decoration: none;
}

.btn-blue:hover {
    background: #007baf;
    background-image: -webkit-linear-gradient(top, #007baf, #66c2e9);
    background-image: -moz-linear-gradient(top, #007baf, #66c2e9);
    background-image: -ms-linear-gradient(top, #007baf, #66c2e9);
    background-image: -o-linear-gradient(top, #007baf, #66c2e9);
    background-image: linear-gradient(to bottom, #007baf, #66c2e9);
    text-decoration: none;
}

.css-map>li a,
.css-map>li a:hover,
#map-tooltip,
.cssmap-tooltip-content {
    background: #111;
    background: rgba(0, 0, 0, .8);
    color: #eee;
    /*font: normal 12px 'Lucida Grande', Arial, sans-serif;*/
    font: normal 12px "微软雅黑";
    padding: .5em 1.2em;
    text-align: center;
    text-shadow: 0 1px 0 #000;
    white-space: nowrap;
    -moz-border-radius: .6em;
    -ms-border-radius: .6em;
    -webkit-border-radius: .6em;
    border-radius: .6em;
}

.m1450 .css-map>li a,
.m1280 .css-map>li a {
    font-size: 14px
}

.m650 .css-map>li a,
.m540 .css-map>li a {
    font-size: 11px
}

.m430 .css-map>li a,
.m320 .css-map>li a {
    font-size: 10px
}

.m250 .css-map>li a,
.m210 .css-map>li a {
    font-size: 9px !important
}

.css-map>li a .tooltip-arrow {
    bottom: -5px;
    border: solid;
    border-color: #111 transparent;
    border-color: rgba(0, 0, 0, .8) transparent;
    border-width: 5px 5px 0 5px;
    margin-left: -5px;
}

.css-map>li a.tooltip-right .tooltip-arrow {
    margin-right: -5px;
}

.css-map>li a.tooltip-top .tooltip-arrow {
    border-width: 0 5px 5px 5px;
    top: -5px;
}

.css-map .active-region a {
    background-color: #111
}

.css-map .active-region a .tooltip-arrow {
    border-color: #111 transparent
}

.map-visible-list a {}

.map-visible-list a:hover,
.map-visible-list a:focus,
.map-visible-list li.focus a {}

.map-visible-list a:active,
.map-visible-list li.active-region a {}

.map-loader {
    background: #111;
    background: rgba(0, 0, 0, .8);
    color: #eee;
    /*font: normal 14px 'Lucida Grande', Arial, sans-serif;*/
    font: normal 14px "微软雅黑";
    padding: .6em 1.2em;
    text-shadow: 0 1px 0 #000;
    -moz-border-radius: .6em;
    -ms-border-radius: .6em;
    -webkit-border-radius: .6em;
    border-radius: .6em;
}

.m1450 .map-loader,
.m1280 .map-loader {
    font-size: 16px
}

.m540 .map-loader {
    font-size: 12px
}

.m430 .map-loader,
.m320 .map-loader {
    font-size: 11px
}

.m250 .map-loader,
.m210 .map-loader {
    font-size: 10px
}

.map-search-link {}

.map-search-link:hover,
a.map-search-link:focus {}

.m430 .map-search-link,
.m320 .map-search-link {}

.css-map-container {
    margin: 0 auto !important;
    overflow: hidden;
    padding: 0 !important;
    position: relative
}

.css-map {
    display: block;
    left: 0;
    margin: 0 !important;
    list-style: none;
    padding: 0 !important;
    position: relative
}

.css-map>li {
    height: 0;
    width: 0
}

.css-map>li a {
    height: auto;
    margin: -9999px 0 0 0;
    position: absolute;
    text-decoration: none;
    width: auto;
    z-index: 89
}

.css-map>li a:focus {
    outline: 0 none
}

.css-map-container span {
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    top: -9999px;
    width: 0
}

.css-map>li a.tooltip-right {
    left: auto;
    right: 0;
    width: auto
}

.css-map>li a .tooltip-arrow {
    left: 50%;
    top: auto
}

.css-map>li a.tooltip-middle .tooltip-arrow {
    display: none
}

.css-map>li a.tooltip-top .tooltip-arrow {
    bottom: auto
}

.css-map>li a.tooltip-right .tooltip-arrow {
    left: auto
}

#map-tooltip {
    position: absolute;
    z-index: 999
}

.css-map-container .cities {
    top: 0;
    z-index: 88
}

.css-map .bg {
    padding: 10px
}

.css-map .active-region .bg {
    z-index: 87
}

.css-map .m {
    cursor: pointer;
    z-index: 99
}

.css-map .m span {
    z-index: 89
}

.map-visible-list {
    clear: both;
    overflow: hidden
}

span.map-loader {
    height: auto;
    position: absolute;
    text-align: center;
    width: auto;
    z-index: 90
}

.c1 .s1 {
    height: .1em;
    left: 9.5em;
    top: 5.7em;
    width: .1em
}

.c1 .s2 {
    height: .4em;
    left: 9.3em;
    top: 5.8em;
    width: .3em
}

.c1 .s3 {
    height: .3em;
    left: 9.2em;
    top: 6em;
    width: .3em
}

.c1 .s4 {
    height: .2em;
    left: 8.2em;
    top: 6.5em;
    width: .6em
}

.c1 .s5 {
    height: .1em;
    left: 8.1em;
    top: 6.4em;
    width: .8em
}

.c1 .s6 {
    height: .4em;
    left: 8em;
    top: 6em;
    width: 1em
}

.c1 .s7 {
    height: .5em;
    left: 8em;
    top: 5.5em;
    width: 1.2em
}

.c1 .s8 {
    height: .2em;
    left: 9.6em;
    top: 4.8em;
    width: .1em
}

.c1 .s9 {
    height: .4em;
    left: 9.5em;
    top: 4.8em;
    width: .1em
}

.c1 .s10 {
    height: .5em;
    left: 9.3em;
    top: 4.8em;
    width: .2em
}

.c1 .s11 {
    height: .7em;
    left: 9.2em;
    top: 4.7em;
    width: .1em
}

.c1 .s12 {
    height: .9em;
    left: 7.9em;
    top: 4.6em;
    width: 1.3em
}

.c1 .s13 {
    height: 1em;
    left: 7.8em;
    top: 4.4em;
    width: 1.3em
}

.c1 .s14 {
    height: .1em;
    left: 7.5em;
    top: 3.8em;
    width: .5em
}

.c1 .s15 {
    height: .1em;
    left: 7.1em;
    top: 3.9em;
    width: .9em
}

.c1 .s16 {
    height: .6em;
    left: 6.8em;
    top: 4.3em;
    width: .1em
}

.c1 .s17 {
    height: 1em;
    left: 7em;
    top: 4.1em;
    width: .1em
}

.c1 .s18 {
    height: .8em;
    left: 6.9em;
    top: 4.2em;
    width: 2.1em
}

.c1 .s19 {
    height: 1.2em;
    left: 7.1em;
    top: 4em;
    width: 1.8em
}

.c2 .s1 {
    height: .1em;
    left: 11.7em;
    top: .6em;
    width: .1em
}

.c2 .s2 {
    height: .1em;
    left: 11.5em;
    top: .7em;
    width: .5em
}

.c2 .s3 {
    height: .2em;
    left: 11.4em;
    top: .8em;
    width: .6em
}

.c2 .s4 {
    height: .1em;
    left: 9.7em;
    top: .6em;
    width: .3em
}

.c2 .s5 {
    height: .1em;
    left: 9.8em;
    top: .7em;
    width: .4em
}

.c2 .s6 {
    height: .1em;
    left: 9.8em;
    top: .8em;
    width: .7em
}

.c2 .s7 {
    height: .1em;
    left: 9.8em;
    top: .9em;
    width: .8em
}

.c2 .s8 {
    height: .3em;
    left: 9.6em;
    top: 1.6em;
    width: .1em
}

.c2 .s9 {
    height: .4em;
    left: 9.7em;
    top: 1.6em;
    width: .1em
}

.c2 .s10 {
    height: .2em;
    left: 13.9em;
    top: 1.2em;
    width: .1em
}

.c2 .s11 {
    height: 1.5em;
    left: 13.7em;
    top: 1em;
    width: .2em
}

.c2 .s12 {
    height: 1.6em;
    left: 13.6em;
    top: 1em;
    width: .1em
}

.c2 .s13 {
    height: 1.9em;
    left: 13.2em;
    top: 1em;
    width: .4em
}

.c2 .s14 {
    height: 1.1em;
    left: 9.7em;
    top: 2.1em;
    width: 3.8em
}

.c2 .s15 {
    height: .9em;
    left: 9.6em;
    top: 2.4em;
    width: 3.8em
}

.c2 .s16 {
    height: .1em;
    left: 9.3em;
    top: 3.2em;
    width: .1em
}

.c2 .s17 {
    height: .5em;
    left: 9.4em;
    top: 3.1em;
    width: .1em
}

.c2 .s18 {
    height: .6em;
    left: 9.5em;
    top: 3em;
    width: 3.8em
}

.c2 .s19 {
    height: 2.9em;
    left: 9.8em;
    top: 1em;
    width: 3.4em
}

.c2 .s20 {
    height: .1em;
    left: 12.4em;
    top: 5.7em;
    width: .4em
}

.c2 .s21 {
    height: .2em;
    left: 11.8em;
    top: 5.5em;
    width: 1.6em
}

.c2 .s22 {
    height: .2em;
    left: 11.6em;
    top: 5.3em;
    width: 1.8em
}

.c2 .s23 {
    height: .2em;
    left: 11.5em;
    top: 5.1em;
    width: 1.5em
}

.c2 .s24 {
    height: .1em;
    left: 10.8em;
    top: 5em;
    width: 2.1em
}

.c2 .s25 {
    height: .1em;
    left: 10.7em;
    top: 4.9em;
    width: 2.2em
}

.c2 .s26 {
    height: .1em;
    left: 10.6em;
    top: 4.8em;
    width: 2.2em
}

.c2 .s27 {
    height: .1em;
    left: 9.7em;
    top: 4.8em;
    width: .1em
}

.c2 .s28 {
    height: .1em;
    left: 9.3em;
    top: 4.7em;
    width: 3.5em
}

.c2 .s29 {
    height: .3em;
    left: 9.2em;
    top: 4.4em;
    width: 3.5em
}

.c2 .s30 {
    height: 1.1em;
    left: 9.1em;
    top: 3.5em;
    width: .1em
}

.c2 .s31 {
    height: .2em;
    left: 9em;
    top: 4.2em;
    width: 3.8em
}

.c2 .s32 {
    height: .1em;
    left: 8.6em;
    top: 3.8em;
    width: .3em
}

.c2 .s33 {
    height: .2em;
    left: 8.5em;
    top: 3.6em;
    width: 4.8em
}

.c2 .s34 {
    height: .6em;
    left: 8.9em;
    top: 3.6em;
    width: 4em
}

.c3 .s1 {
    height: .1em;
    left: 14.3em;
    top: 4.7em;
    width: .2em
}

.c3 .s2 {
    height: .1em;
    left: 13.5em;
    top: 4.7em;
    width: .2em
}

.c3 .s3 {
    height: .2em;
    left: 13.2em;
    top: 4.9em;
    width: .2em
}

.c3 .s4 {
    height: .3em;
    left: 13.4em;
    top: 4.8em;
    width: .4em
}

.c3 .s5 {
    height: .5em;
    left: 13.8em;
    top: 4.8em;
    width: .8em
}

.c3 .s6 {
    height: .4em;
    left: 13.4em;
    top: 5.3em;
    width: 1.8em
}

.c3 .s7 {
    height: .1em;
    left: 12.8em;
    top: 5.7em;
    width: 2.4em
}

.c3 .s8 {
    height: .1em;
    left: 12.7em;
    top: 5.8em;
    width: 2.5em
}

.c3 .s9 {
    height: .2em;
    left: 15.2em;
    top: 6em;
    width: .3em
}

.c3 .s10 {
    height: .3em;
    left: 12.5em;
    top: 5.9em;
    width: 2.7em
}

.c3 .s11 {
    height: .3em;
    left: 12.4em;
    top: 6em;
    width: 2.6em
}

.c3 .s12 {
    height: .1em;
    left: 13.2em;
    top: 7.3em;
    width: 1.1em
}

.c3 .s13 {
    height: .1em;
    left: 13.2em;
    top: 7.2em;
    width: 1.2em
}

.c3 .s14 {
    height: .1em;
    left: 13.2em;
    top: 7.1em;
    width: 1.3em
}

.c3 .s15 {
    height: .1em;
    left: 13.1em;
    top: 7em;
    width: 1.5em
}

.c3 .s16 {
    height: .1em;
    left: 13em;
    top: 6.9em;
    width: 1.6em
}

.c3 .s17 {
    height: .2em;
    left: 12.2em;
    top: 6.7em;
    width: 2.4em
}

.c3 .s18 {
    height: .7em;
    left: 12.1em;
    top: 6.1em;
    width: 2.3em
}

.c4 .s1 {
    height: .1em;
    left: 8.9em;
    top: .7em;
    width: .2em
}

.c4 .s2 {
    height: .1em;
    left: 8.8em;
    top: .8em;
    width: .4em
}

.c4 .s3 {
    height: .2em;
    left: 8.6em;
    top: .9em;
    width: .5em
}

.c4 .s4 {
    height: .2em;
    left: 8.2em;
    top: 1.1em;
    width: .1em
}

.c4 .s5 {
    height: .5em;
    left: 7.8em;
    top: 1em;
    width: .4em
}

.c4 .s6 {
    height: .1em;
    left: 9.2em;
    top: 1.3em;
    width: .3em
}

.c4 .s7 {
    height: .5em;
    left: 9.1em;
    top: 1.4em;
    width: .3em
}

.c4 .s8 {
    height: .1em;
    left: 9.7em;
    top: 2em;
    width: .1em
}

.c4 .s9 {
    height: .5em;
    left: 8.1em;
    top: 1.9em;
    width: 1.6em
}

.c4 .s10 {
    height: 1em;
    left: 7.9em;
    top: 2em;
    width: 1.7em
}

.c4 .s11 {
    height: .8em;
    left: 7.8em;
    top: 2.3em;
    width: 1.7em
}

.c4 .s12 {
    height: .1em;
    left: 6.7em;
    top: 2.2em;
    width: .3em
}

.c4 .s13 {
    height: .2em;
    left: 6.6em;
    top: 2.3em;
    width: .5em
}

.c4 .s14 {
    height: .1em;
    left: 7.2em;
    top: 2.5em;
    width: .1em
}

.c4 .s15 {
    height: 1.1em;
    left: 7.7em;
    top: 2.4em;
    width: 1.6em
}

.c4 .s16 {
    height: .3em;
    left: 9.2em;
    top: 3.3em;
    width: .2em
}

.c4 .s17 {
    height: 1.1em;
    left: 7.6em;
    top: 2.5em;
    width: 1.5em
}

.c4 .s18 {
    height: .5em;
    left: 7.1em;
    top: 2.7em;
    width: 2.3em
}

.c4 .s19 {
    height: 1.2em;
    left: 7.3em;
    top: 2.6em;
    width: 1.2em
}

.c4 .s20 {
    height: .4em;
    left: 7.1em;
    top: 3.5em;
    width: .4em
}

.c4 .s21 {
    height: .1em;
    left: 8em;
    top: 3.8em;
    width: .6em
}

.c4 .s22 {
    height: .1em;
    left: 8.4em;
    top: 3.9em;
    width: .5em
}

.c5 .s1 {
    height: .2em;
    left: 7.1em;
    top: .9em;
    width: .1em
}

.c5 .s2 {
    height: .5em;
    left: 7em;
    top: .8em;
    width: .1em
}

.c5 .s3 {
    height: 1em;
    left: 6.9em;
    top: .7em;
    width: .1em
}

.c5 .s4 {
    height: 1.5em;
    left: 6.7em;
    top: .6em;
    width: .2em
}

.c5 .s5 {
    height: 1.6em;
    left: 6.4em;
    top: .6em;
    width: .3em
}

.c5 .s6 {
    height: 1.7em;
    left: 6.3em;
    top: .6em;
    width: .1em
}

.c5 .s7 {
    height: 1.7em;
    left: 6.1em;
    top: .7em;
    width: .2em
}

.c5 .s8 {
    height: .1em;
    left: 5.2em;
    top: .5em;
    width: .8em
}

.c5 .s9 {
    height: .1em;
    left: 5em;
    top: .6em;
    width: 1.1em
}

.c5 .s10 {
    height: 2em;
    left: 4.3em;
    top: .7em;
    width: 1.8em
}

.c5 .s11 {
    height: 2.6em;
    left: 4em;
    top: .8em;
    width: 1.5em
}

.c5 .s12 {
    height: 2.6em;
    left: 3.9em;
    top: .9em;
    width: 1.3em
}

.c5 .s13 {
    height: 2.6em;
    left: 3.7em;
    top: 1.1em;
    width: 1.1em
}

.c5 .s14 {
    height: 2.6em;
    left: 3.5em;
    top: 1.2em;
    width: 1.1em
}

.c5 .s15 {
    height: .2em;
    left: .5em;
    top: 2.2em;
    width: .2em
}

.c5 .s16 {
    height: .2em;
    left: .7em;
    top: 2.3em;
    width: .9em
}

.c5 .s17 {
    height: .1em;
    left: 1.3em;
    top: 1.6em;
    width: .2em
}

.c5 .s18 {
    height: .7em;
    left: 1.2em;
    top: 1.7em;
    width: .5em
}

.c5 .s19 {
    height: 1em;
    left: 1.7em;
    top: 1.4em;
    width: .2em
}

.c5 .s20 {
    height: 1.1em;
    left: 1.9em;
    top: 1.2em;
    width: .2em
}

.c5 .s21 {
    height: 1.2em;
    left: 2.1em;
    top: 1.1em;
    width: .3em
}

.c5 .s22 {
    height: 1.8em;
    left: 2.4em;
    top: 1.1em;
    width: .1em
}

.c5 .s23 {
    height: 2.6em;
    left: 2.5em;
    top: 1.1em;
    width: .1em
}

.c5 .s24 {
    height: 2.7em;
    left: 2.6em;
    top: 1.2em;
    width: .1em
}

.c5 .s25 {
    height: 2.8em;
    left: 2.7em;
    top: 1.3em;
    width: .1em
}

.c5 .s26 {
    height: 3em;
    left: 2.8em;
    top: 1.3em;
    width: .1em
}

.c5 .s27 {
    height: 3em;
    left: 2.9em;
    top: 1.4em;
    width: .2em
}

.c5 .s28 {
    height: 3.2em;
    left: 3.1em;
    top: 1.4em;
    width: 1.4em
}

.c5 .s29 {
    height: .4em;
    left: 3.2em;
    top: 4.3em;
    width: 1.4em
}

.c5 .s30 {
    height: .2em;
    left: 3.9em;
    top: 4.8em;
    width: .3em
}

.c5 .s31 {
    height: .3em;
    left: 3.4em;
    top: 4.5em;
    width: 1.6em
}

.c5 .s32 {
    height: .3em;
    left: 4.9em;
    top: 4.6em;
    width: .2em
}

.c5 .s33 {
    height: .2em;
    left: 4em;
    top: 4.9em;
    width: .3em
}

.c5 .s34 {
    height: .2em;
    left: 1.1em;
    top: 4.3em;
    width: .2em
}

.c6 .s1 {
    height: .4em;
    left: 4.1em;
    top: 5.2em;
    width: .1em
}

.c6 .s2 {
    height: .7em;
    left: 4.2em;
    top: 5.1em;
    width: .1em
}

.c6 .s3 {
    height: 1em;
    left: 4.3em;
    top: 4.9em;
    width: .1em
}

.c6 .s4 {
    height: 1.2em;
    left: 4.4em;
    top: 4.8em;
    width: .2em
}

.c6 .s5 {
    height: .4em;
    left: 6em;
    top: 5.4em;
    width: .1em
}

.c6 .s6 {
    height: .8em;
    left: 5.8em;
    top: 5.4em;
    width: .2em
}

.c6 .s7 {
    height: 1em;
    left: 5.6em;
    top: 5.3em;
    width: .2em
}

.c6 .s8 {
    height: 1.2em;
    left: 5.5em;
    top: 5.3em;
    width: .1em
}

.c6 .s9 {
    height: 1.6em;
    left: 5.4em;
    top: 5.1em;
    width: .1em
}

.c6 .s10 {
    height: 1.8em;
    left: 5.3em;
    top: 5em;
    width: .1em
}

.c6 .s11 {
    height: 1.9em;
    left: 5.2em;
    top: 5em;
    width: .1em
}

.c6 .s12 {
    height: .5em;
    left: 4.5em;
    top: 6.7em;
    width: .1em
}

.c6 .s13 {
    height: 2.8em;
    left: 4.6em;
    top: 4.8em;
    width: .2em
}

.c6 .s14 {
    height: 2.9em;
    left: 4.7em;
    top: 4.9em;
    width: .5em
}

.m210 {
    width: 210px
}

.m210 .continents,
.m210 .continents .bg,
.m210 .continents-cities {
    background: transparent url('../mdf:/en/hach_com/styles/continents-210.png') no-repeat 0 0
}

.m210 .continents,
.m210 .continents-cities {
    height: 105px;
    width: 210px
}

.m210 .continents-cities {
    background-position: -220px 0
}

.m210 .continents .m {
    margin: 9997px 0 0 0
}

.m210 .continents .m span {
    font-size: 13px !important;
    padding: 0 1px 1px 0
}

.m210 .continents .bg {
    padding: 5px
}

.m210 .c1.focus .bg,
.m210 .c1.active-region .bg {
    height: 38px;
    left: 83px;
    top: 43px;
    width: 38px
}

.m210 .c1.focus .bg {
    background-position: -106px -225px
}

.m210 .c1.active-region .bg {
    background-position: -326px -225px
}

.m210 .c2.focus .bg,
.m210 .c2.active-region .bg {
    height: 67px;
    left: 106px;
    top: 1px;
    width: 71px
}

.m210 .c2.focus .bg {
    background-position: -5px -145px
}

.m210 .c2.active-region .bg {
    background-position: -225px -145px
}

.m210 .c3.focus .bg,
.m210 .c3.active-region .bg {
    height: 34px;
    left: 153px;
    top: 55px;
    width: 44px
}

.m210 .c3.focus .bg {
    background-position: -46px -229px
}

.m210 .c3.active-region .bg {
    background-position: -266px -229px
}

.m210 .c4.focus .bg,
.m210 .c4.active-region .bg {
    height: 42px;
    left: 82px;
    top: 3px;
    width: 41px
}

.m210 .c4.focus .bg {
    background-position: -160px -220px
}

.m210 .c4.active-region .bg {
    background-position: -380px -220px
}

.m210 .c5.focus .bg,
.m210 .c5.active-region .bg {
    height: 59px;
    left: 2px;
    top: 0;
    width: 88px
}

.m210 .c5.focus .bg {
    background-position: -95px -146px
}

.m210 .c5.active-region .bg {
    background-position: -315px -146px
}

.m210 .c6.focus .bg,
.m210 .c6.active-region .bg {
    height: 39px;
    left: 49px;
    top: 56px;
    width: 26px
}

.m210 .c6.focus .bg {
    background-position: -5px -227px
}

.m210 .c6.active-region .bg {
    background-position: -225px -227px
}

.m210 .c1 a {
    left: 110px;
    top: 61px
}

.m210 .c1 a.tooltip-left .tooltip-arrow {
    left: 110px
}

.m210 .c2 a {
    left: 145px;
    top: 34px
}

.m210 .c2 a.tooltip-right .tooltip-arrow {
    right: 65px
}

.m210 .c3 a {
    left: 170px;
    top: 80px
}

.m210 .c3 a.tooltip-right .tooltip-arrow {
    right: 40px
}

.m210 .c4 a {
    left: 107px;
    top: 40px
}

.m210 .c4 a.tooltip-left .tooltip-arrow {
    left: 107px
}

.m210 .c5 a {
    left: 48px;
    top: 40px
}

.m210 .c5 a.tooltip-left .tooltip-arrow {
    left: 48px
}

.m210 .c6 a {
    left: 67px;
    top: 73px
}

.m210 .c6 a.tooltip-left .tooltip-arrow {
    left: 67px
}

.m250 {
    width: 250px
}

.m250 .continents,
.m250 .continents .bg,
.m250 .continents-cities {
    background: transparent url('../mdf:/en/hach_com/styles/continents-250.png') no-repeat 0 0
}

.m250 .continents,
.m250 .continents-cities {
    height: 130px;
    width: 250px
}

.m250 .continents-cities {
    background-position: -260px 0
}

.m250 .continents .m {
    margin: 9998px 0 0 -3px
}

.m250 .continents .m span {
    font-size: 16px !important;
    padding: 0 1px 1px 0
}

.m250 .continents .bg {
    padding: 5px
}

.m250 .c1.focus .bg,
.m250 .c1.active-region .bg {
    height: 46px;
    left: 100px;
    top: 55px;
    width: 46px
}

.m250 .c1.focus .bg {
    background-position: -119px -273px
}

.m250 .c1.active-region .bg {
    background-position: -379px -273px
}

.m250 .c2.focus .bg,
.m250 .c2.active-region .bg {
    height: 82px;
    left: 128px;
    top: 4px;
    width: 87px
}

.m250 .c2.focus .bg {
    background-position: -5px -181px
}

.m250 .c2.active-region .bg {
    background-position: -265px -181px
}

.m250 .c3.focus .bg,
.m250 .c3.active-region .bg {
    height: 42px;
    left: 186px;
    top: 70px;
    width: 54px
}

.m250 .c3.focus .bg {
    background-position: -51px -280px
}

.m250 .c3.active-region .bg {
    background-position: -311px -280px
}

.m250 .c4.focus .bg,
.m250 .c4.active-region .bg {
    height: 51px;
    left: 98px;
    top: 6px;
    width: 50px
}

.m250 .c4.focus .bg {
    background-position: -180px -268px
}

.m250 .c4.active-region .bg {
    background-position: -440px -268px
}

.m250 .c5.focus .bg,
.m250 .c5.active-region .bg {
    height: 73px;
    left: 0;
    top: 2px;
    width: 108px
}

.m250 .c5.focus .bg {
    background-position: -122px -181px
}

.m250 .c5.active-region .bg {
    background-position: -382px -181px
}

.m250 .c6.focus .bg,
.m250 .c6.active-region .bg {
    height: 48px;
    left: 58px;
    top: 71px;
    width: 32px
}

.m250 .c6.focus .bg {
    background-position: -5px -278px
}

.m250 .c6.active-region .bg {
    background-position: -265px -278px
}

.m250 .c1 a {
    left: 132px;
    top: 76px
}

.m250 .c1 a.tooltip-left .tooltip-arrow {
    left: 132px
}

.m250 .c2 a {
    left: 171px;
    top: 42px
}

.m250 .c2 a.tooltip-right .tooltip-arrow {
    right: 79px
}

.m250 .c3 a {
    left: 206px;
    top: 100px
}

.m250 .c3 a.tooltip-right .tooltip-arrow {
    right: 44px
}

.m250 .c4 a {
    left: 128px;
    top: 48px
}

.m250 .c4 a.tooltip-left .tooltip-arrow {
    left: 128px
}

.m250 .c5 a {
    left: 55px;
    top: 48px
}

.m250 .c5 a.tooltip-left .tooltip-arrow {
    left: 55px
}

.m250 .c6 a {
    left: 79px;
    top: 91px
}

.m250 .c6 a.tooltip-left .tooltip-arrow {
    left: 79px
}

.m320 {
    width: 320px
}

.m320 .continents,
.m320 .continents .bg,
.m320 .continents-cities {
    background: transparent url('../mdf:/en/hach_com/styles/continents-320.png') no-repeat 0 0
}

.m320 .continents,
.m320 .continents-cities {
    height: 165px;
    width: 320px
}

.m320 .continents-cities {
    background-position: -330px 0
}

.m320 .continents .m {
    margin: 9999px 0 0 0
}

.m320 .continents .m span {
    font-size: 20px !important
}

.m320 .c1.focus .bg,
.m320 .c1.active-region .bg {
    height: 58px;
    left: 126px;
    top: 66px;
    width: 58px
}

.m320 .c1.focus .bg {
    background-position: -170px -341px
}

.m320 .c1.active-region .bg {
    background-position: -520px -341px
}

.m320 .c2.focus .bg,
.m320 .c2.active-region .bg {
    height: 103px;
    left: 160px;
    top: 2px;
    width: 109px
}

.m320 .c2.focus .bg {
    background-position: -6px -210px
}

.m320 .c2.active-region .bg {
    background-position: -356px -210px
}

.m320 .c3.focus .bg,
.m320 .c3.active-region .bg {
    height: 53px;
    left: 233px;
    top: 85px;
    width: 67px
}

.m320 .c3.focus .bg {
    background-position: -76px -343px
}

.m320 .c3.active-region .bg {
    background-position: -426px -343px
}

.m320 .c4.focus .bg,
.m320 .c4.active-region .bg {
    height: 64px;
    left: 123px;
    top: 5px;
    width: 62px
}

.m320 .c4.focus .bg {
    background-position: -259px -336px
}

.m320 .c4.active-region .bg {
    background-position: -609px -336px
}

.m320 .c5.focus .bg,
.m320 .c5.active-region .bg {
    height: 91px;
    left: 0;
    top: 0;
    width: 135px
}

.m320 .c5.focus .bg {
    background-position: -154px -211px
}

.m320 .c5.active-region .bg {
    background-position: -504px -211px
}

.m320 .c6.focus .bg,
.m320 .c6.active-region .bg {
    height: 60px;
    left: 72px;
    top: 86px;
    width: 40px
}

.m320 .c6.focus .bg {
    background-position: -6px -342px
}

.m320 .c6.active-region .bg {
    background-position: -356px -342px
}

.m320 .c1 a {
    left: 169px;
    top: 96px
}

.m320 .c1 a.tooltip-left .tooltip-arrow {
    left: 169px
}

.m320 .c2 a {
    left: 218px;
    top: 53px
}

.m320 .c2 a.tooltip-right .tooltip-arrow {
    right: 102px
}

.m320 .c3 a {
    left: 261px;
    top: 126px
}

.m320 .c3 a.tooltip-right .tooltip-arrow {
    right: 59px
}

.m320 .c4 a {
    left: 164px;
    top: 62px
}

.m320 .c4 a.tooltip-left .tooltip-arrow {
    left: 164px
}

.m320 .c5 a {
    left: 69px;
    top: 56px
}

.m320 .c5 a.tooltip-left .tooltip-arrow {
    left: 69px
}

.m320 .c6 a {
    left: 102px;
    top: 115px
}

.m320 .c6 a.tooltip-left .tooltip-arrow {
    left: 102px
}

.m430 {
    width: 430px
}

.m430 .continents,
.m430 .continents .bg,
.m430 .continents-cities {
    background: transparent url('../mdf:/en/hach_com/styles/continents-430.png') no-repeat 0 0
}

.m430 .continents,
.m430 .continents-cities {
    height: 220px;
    width: 430px
}

.m430 .continents-cities {
    background-position: -440px 0
}

.m430 .continents .m {
    margin: 10000px 0 0 5px
}

.m430 .continents .m span {
    font-size: 26px !important;
    padding: 0 1px 1px 0
}

.m430 .c1.focus .bg,
.m430 .c1.active-region .bg {
    height: 75px;
    left: 171px;
    top: 91px;
    width: 75px
}

.m430 .c1.focus .bg {
    background-position: -204px -433px
}

.m430 .c1.active-region .bg {
    background-position: -644px -433px
}

.m430 .c2.focus .bg,
.m430 .c2.active-region .bg {
    height: 133px;
    left: 216px;
    top: 8px;
    width: 141px
}

.m430 .c2.focus .bg {
    background-position: -4px -266px
}

.m430 .c2.active-region .bg {
    background-position: -444px -266px
}

.m430 .c3.focus .bg,
.m430 .c3.active-region .bg {
    height: 68px;
    left: 311px;
    top: 115px;
    width: 87px
}

.m430 .c3.focus .bg {
    background-position: -85px -431px
}

.m430 .c3.active-region .bg {
    background-position: -525px -431px
}

.m430 .c4.focus .bg,
.m430 .c4.active-region .bg {
    height: 83px;
    left: 168px;
    top: 12px;
    width: 81px
}

.m430 .c4.focus .bg {
    background-position: -310px -425px
}

.m430 .c4.active-region .bg {
    background-position: -750px -425px
}

.m430 .c5.focus .bg,
.m430 .c5.active-region .bg {
    height: 118px;
    left: 8px;
    top: 5px;
    width: 175px
}

.m430 .c5.focus .bg {
    background-position: -182px -266px
}

.m430 .c5.active-region .bg {
    background-position: -622px -266px
}

.m430 .c6.focus .bg,
.m430 .c6.active-region .bg {
    height: 77px;
    left: 102px;
    top: 117px;
    width: 51px
}

.m430 .c6.focus .bg {
    background-position: -4px -429px
}

.m430 .c6.active-region .bg {
    background-position: -444px -429px
}

.m430 .c1 a {
    left: 225px;
    top: 127px
}

.m430 .c1 a.tooltip-right .tooltip-arrow {
    right: 205px
}

.m430 .c2 a {
    left: 288px;
    top: 72px
}

.m430 .c2 a.tooltip-right .tooltip-arrow {
    right: 142px
}

.m430 .c3 a {
    left: 345px;
    top: 166px
}

.m430 .c3 a.tooltip-right .tooltip-arrow {
    right: 85px
}

.m430 .c4 a {
    left: 218px;
    top: 82px
}

.m430 .c4 a.tooltip-left .tooltip-arrow {
    left: 218px
}

.m430 .c5 a {
    left: 94px;
    top: 75px
}

.m430 .c5 a.tooltip-left .tooltip-arrow {
    left: 94px
}

.m430 .c6 a {
    left: 138px;
    top: 151px
}

.m430 .c6 a.tooltip-left .tooltip-arrow {
    left: 138px
}

.m540 {
    width: 540px
}

.m540 .continents,
.m540 .continents .bg,
.m540 .continents-cities {
    background: transparent url('../mdf:/en/hach_com/styles/continents-540.png') no-repeat 0 0
}

.m540 .continents,
.m540 .continents-cities {
    height: 280px;
    width: 540px
}

.m540 .continents-cities {
    background-position: -550px 0
}

.m540 .continents .m {
    margin: 10002px 0 0 3px
}

.m540 .continents .m span {
    font-size: 33px !important;
    padding: 0 1px 1px 0
}

.m540 .c1.focus .bg,
.m540 .c1.active-region .bg {
    height: 95px;
    left: 217px;
    top: 119px;
    width: 95px
}

.m540 .c1.focus .bg {
    background-position: -250px -524px
}

.m540 .c1.active-region .bg {
    background-position: -800px -524px
}

.m540 .c2.focus .bg,
.m540 .c2.active-region .bg {
    height: 169px;
    left: 274px;
    top: 14px;
    width: 179px
}

.m540 .c2.focus .bg {
    background-position: -4px -326px
}

.m540 .c2.active-region .bg {
    background-position: -554px -326px
}

.m540 .c3.focus .bg,
.m540 .c3.active-region .bg {
    height: 86px;
    left: 395px;
    top: 150px;
    width: 111px
}

.m540 .c3.focus .bg {
    background-position: -97px -525px
}

.m540 .c3.active-region .bg {
    background-position: -647px -525px
}

.m540 .c4.focus .bg,
.m540 .c4.active-region .bg {
    height: 105px;
    left: 213px;
    top: 18px;
    width: 103px
}

.m540 .c4.focus .bg {
    background-position: -375px -512px
}

.m540 .c4.active-region .bg {
    background-position: -925px -512px
}

.m540 .c5.focus .bg,
.m540 .c5.active-region .bg {
    height: 150px;
    left: 10px;
    top: 10px;
    width: 222px
}

.m540 .c5.focus .bg {
    background-position: -231px -326px
}

.m540 .c5.active-region .bg {
    background-position: -781px -326px
}

.m540 .c6.focus .bg,
.m540 .c6.active-region .bg {
    height: 98px;
    left: 130px;
    top: 152px;
    width: 65px
}

.m540 .c6.focus .bg {
    background-position: -4px -524px
}

.m540 .c6.active-region .bg {
    background-position: -554px -524px
}

.m540 .c1 a {
    left: 282px;
    top: 163px
}

.m540 .c2 a {
    left: 363px;
    top: 92px
}

.m540 .c2 a.tooltip-right .tooltip-arrow {
    right: 177px
}

.m540 .c3 a {
    left: 435px;
    top: 212px
}

.m540 .c3 a.tooltip-right .tooltip-arrow {
    right: 105px
}

.m540 .c4 a {
    left: 274px;
    top: 106px
}

.m540 .c5 a {
    left: 117px;
    top: 96px
}

.m540 .c5 a.tooltip-left .tooltip-arrow {
    left: 117px
}

.m540 .c6 a {
    left: 172px;
    top: 193px
}

.m540 .c6 a.tooltip-left .tooltip-arrow {
    left: 172px
}

.m650 {
    width: 650px
}

.m650 .continents,
.m650 .continents .bg,
.m650 .continents-cities {
    background: transparent url('../mdf:/en/hach_com/styles/continents-650.png') no-repeat 0 0
}

.m650 .continents,
.m650 .continents-cities {
    height: 340px;
    width: 650px
}

.m650 .continents-cities {
    background-position: -660px 0
}

.m650 .continents .m {
    margin: 10003px 0 0 5px
}

.m650 .continents .m span {
    font-size: 40px !important
}

.m650 .c1.focus .bg,
.m650 .c1.active-region .bg {
    height: 115px;
    left: 266px;
    top: 147px;
    width: 115px
}

.m650 .c1.focus .bg {
    background-position: -296px -617px
}

.m650 .c1.active-region .bg {
    background-position: -956px -617px
}

.m650 .c2.focus .bg,
.m650 .c2.active-region .bg {
    height: 205px;
    left: 335px;
    top: 19px;
    width: 217px
}

.m650 .c2.focus .bg {
    background-position: -4px -386px
}

.m650 .c2.active-region .bg {
    background-position: -664px -386px
}

.m650 .c3.focus .bg,
.m650 .c3.active-region .bg {
    height: 105px;
    left: 481px;
    top: 184px;
    width: 134px
}

.m650 .c3.focus .bg {
    background-position: -120px -621px
}

.m650 .c3.active-region .bg {
    background-position: -780px -621px
}

.m650 .c4.focus .bg,
.m650 .c4.active-region .bg {
    height: 127px;
    left: 261px;
    top: 24px;
    width: 124px
}

.m650 .c4.focus .bg {
    background-position: -443px -606px
}

.m650 .c4.active-region .bg {
    background-position: -1103px -606px
}

.m650 .c5.focus .bg,
.m650 .c5.active-region .bg {
    height: 182px;
    left: 15px;
    top: 14px;
    width: 269px
}

.m650 .c5.focus .bg {
    background-position: -273px -386px
}

.m650 .c5.active-region .bg {
    background-position: -933px -386px
}

.m650 .c6.focus .bg,
.m650 .c6.active-region .bg {
    height: 119px;
    left: 160px;
    top: 186px;
    width: 79px
}

.m650 .c6.focus .bg {
    background-position: -4px -620px
}

.m650 .c6.active-region .bg {
    background-position: -664px -620px
}

.m650 .c1 a {
    left: 343px;
    top: 197px
}

.m650 .c2 a {
    left: 441px;
    top: 111px
}

.m650 .c2 a.tooltip-right .tooltip-arrow {
    right: 209px
}

.m650 .c3 a {
    left: 528px;
    top: 256px
}

.m650 .c3 a.tooltip-right .tooltip-arrow {
    right: 122px
}

.m650 .c4 a {
    left: 333px;
    top: 128px
}

.m650 .c5 a {
    left: 143px;
    top: 116px
}

.m650 .c5 a.tooltip-left .tooltip-arrow {
    left: 143px
}

.m650 .c6 a {
    left: 210px;
    top: 234px
}

.m650 .c6 a.tooltip-left .tooltip-arrow {
    left: 210px
}

.m750 {
    width: 750px
}

.m750 .continents,
.m750 .continents .bg,
.m750 .continents-cities {
    background: transparent url('../mdf:/en/hach_com/styles/continents-750.png') no-repeat 0 0
}

.m750 .continents,
.m750 .continents-cities {
    height: 395px;
    width: 750px
}

.m750 .continents-cities {
    background-position: -760px 0
}

.m750 .continents .m {
    margin: 9999px 0 0 -1px
}

.m750 .continents .m span {
    font-size: 47px !important;
    padding: 0 1px 1px 0
}

.m750 .c1.focus .bg,
.m750 .c1.active-region .bg {
    height: 135px;
    left: 309px;
    top: 171px;
    width: 135px
}

.m750 .c1.focus .bg {
    background-position: -324px -704px
}

.m750 .c1.active-region .bg {
    background-position: -1084px -704px
}

.m750 .c2.focus .bg,
.m750 .c2.active-region .bg {
    height: 241px;
    left: 390px;
    top: 21px;
    width: 255px
}

.m750 .c2.focus .bg {
    background-position: -5px -441px
}

.m750 .c2.active-region .bg {
    background-position: -765px -441px
}

.m750 .c3.focus .bg,
.m750 .c3.active-region .bg {
    height: 123px;
    left: 561px;
    top: 215px;
    width: 158px
}

.m750 .c3.focus .bg {
    background-position: -128px -721px
}

.m750 .c3.active-region .bg {
    background-position: -888px -721px
}

.m750 .c4.focus .bg,
.m750 .c4.active-region .bg {
    height: 149px;
    left: 303px;
    top: 27px;
    width: 146px
}

.m750 .c4.focus .bg {
    background-position: -499px -693px
}

.m750 .c4.active-region .bg {
    background-position: -1259px -693px
}

.m750 .c5.focus .bg,
.m750 .c5.active-region .bg {
    height: 213px;
    left: 13px;
    top: 15px;
    width: 316px
}

.m750 .c5.focus .bg {
    background-position: -320px -441px
}

.m750 .c5.active-region .bg {
    background-position: -1080px -441px
}

.m750 .c6.focus .bg,
.m750 .c6.active-region .bg {
    height: 140px;
    left: 184px;
    top: 218px;
    width: 92px
}

.m750 .c6.focus .bg {
    background-position: -5px -721px
}

.m750 .c6.active-region .bg {
    background-position: -765px -721px
}

.m750 .c1 a {
    left: 397px;
    top: 229px
}

.m750 .c2 a {
    left: 512px;
    top: 127px
}

.m750 .c3 a {
    left: 614px;
    top: 298px
}

.m750 .c3 a.tooltip-right .tooltip-arrow {
    right: 136px
}

.m750 .c4 a {
    left: 385px;
    top: 147px
}

.m750 .c5 a {
    left: 161px;
    top: 134px
}

.m750 .c5 a.tooltip-left .tooltip-arrow {
    left: 161px
}

.m750 .c6 a {
    left: 240px;
    top: 272px
}

.m850 {
    width: 850px
}

.m850 .continents,
.m850 .continents .bg,
.m850 .continents-cities {
    background: transparent url('../mdf:/en/hach_com/styles/continents-850.png') no-repeat 0 0
}

.m850 .continents,
.m850 .continents-cities {
    height: 445px;
    width: 850px
}

.m850 .continents-cities {
    background-position: -860px 0
}

.m850 .continents .m {
    margin: 9997px 0 0 -2px
}

.m850 .continents .m span {
    font-size: 54px !important;
    padding: 0 1px 1px 0
}

.m850 .c1.focus .bg,
.m850 .c1.active-region .bg {
    height: 154px;
    left: 355px;
    top: 194px;
    width: 155px
}

.m850 .c1.focus .bg {
    background-position: -378px -795px
}

.m850 .c1.active-region .bg {
    background-position: -1238px -795px
}

.m850 .c2.focus .bg,
.m850 .c2.active-region .bg {
    height: 276px;
    left: 448px;
    top: 22px;
    width: 293px
}

.m850 .c2.focus .bg {
    background-position: -8px -491px
}

.m850 .c2.active-region .bg {
    background-position: -868px -491px
}

.m850 .c3.focus .bg,
.m850 .c3.active-region .bg {
    height: 141px;
    left: 645px;
    top: 244px;
    width: 181px
}

.m850 .c3.focus .bg {
    background-position: -143px -807px
}

.m850 .c3.active-region .bg {
    background-position: -1003px -807px
}

.m850 .c4.focus .bg,
.m850 .c4.active-region .bg {
    height: 172px;
    left: 348px;
    top: 29px;
    width: 168px
}

.m850 .c4.focus .bg {
    background-position: -564px -785px
}

.m850 .c4.active-region .bg {
    background-position: -1424px -785px
}

.m850 .c5.focus .bg,
.m850 .c5.active-region .bg {
    height: 245px;
    left: 15px;
    top: 15px;
    width: 363px
}

.m850 .c5.focus .bg {
    background-position: -360px -491px
}

.m850 .c5.active-region .bg {
    background-position: -1220px -491px
}

.m850 .c6.focus .bg,
.m850 .c6.active-region .bg {
    height: 160px;
    left: 211px;
    top: 248px;
    width: 106px
}

.m850 .c6.focus .bg {
    background-position: -7px -807px
}

.m850 .c6.active-region .bg {
    background-position: -867px -807px
}

.m850 .c1 a {
    left: 455px;
    top: 259px
}

.m850 .c2 a {
    left: 586px;
    top: 143px
}

.m850 .c3 a {
    left: 704px;
    top: 339px
}

.m850 .c3 a.tooltip-right .tooltip-arrow {
    right: 146px
}

.m850 .c4 a {
    left: 441px;
    top: 165px
}

.m850 .c5 a {
    left: 184px;
    top: 150px
}

.m850 .c5 a.tooltip-left .tooltip-arrow {
    left: 184px
}

.m850 .c6 a {
    left: 275px;
    top: 308px
}

.m960 {
    width: 960px
}

.m960 .continents,
.m960 .continents .bg,
.m960 .continents-cities {
    background: transparent url('../images/continents-960.png') no-repeat 0 0
}

.m960 .continents,
.m960 .continents-cities {
    height: 495px;
    width: 960px
}

.m960 .continents-cities {
    background-position: -970px 0
}

.m960 .continents .m {
    margin: 9999px 0 0 0
}

.m960 .continents .m span {
    font-size: 60px !important
}

.m960 .c1.focus .bg,
.m960 .c1.active-region .bg {
    height: 172px;
    left: 397px;
    top: 219px;
    width: 172px
}

.m960 .c1.focus .bg {
    background-position: -484px -892px
}

.m960 .c1.active-region .bg {
    background-position: -1454px -892px
}

.m960 .c2.focus .bg,
.m960 .c2.active-region .bg {
    height: 307px;
    left: 501px;
    top: 28px;
    width: 325px
}

.m960 .c2.focus .bg {
    background-position: -5px -551px
}

.m960 .c2.active-region .bg {
    background-position: -975px -551px
}

.m960 .c3.focus .bg,
.m960 .c3.active-region .bg {
    height: 157px;
    left: 720px;
    top: 275px;
    width: 201px
}

.m960 .c3.focus .bg {
    background-position: -244px -927px
}

.m960 .c3.active-region .bg {
    background-position: -1214px -927px
}

.m960 .c4.focus .bg,
.m960 .c4.active-region .bg {
    height: 191px;
    left: 390px;
    top: 36px;
    width: 186px
}

.m960 .c4.focus .bg {
    background-position: -5px -897px
}

.m960 .c4.active-region .bg {
    background-position: -975px -897px
}

.m960 .c5.focus .bg,
.m960 .c5.active-region .bg {
    height: 272px;
    left: 19px;
    top: 19px;
    width: 403px
}

.m960 .c5.focus .bg {
    background-position: -426px -550px
}

.m960 .c5.active-region .bg {
    background-position: -1396px -550px
}

.m960 .c6.focus .bg,
.m960 .c6.active-region .bg {
    height: 178px;
    left: 238px;
    top: 279px;
    width: 117px
}

.m960 .c6.focus .bg {
    background-position: -706px -882px
}

.m960 .c6.active-region .bg {
    background-position: -1676px -882px
}

.m960 .c1 a {
    left: 508px;
    top: 290px
}

.m960 .c2 a {
    left: 654px;
    top: 161px
}

.m960 .c2 a.tooltip-right .tooltip-arrow {
    right: 306px
}

.m960 .c3 a {
    left: 785px;
    top: 379px
}

.m960 .c3 a.tooltip-right .tooltip-arrow {
    right: 175px
}

.m960 .c4 a {
    left: 493px;
    top: 186px
}

.m960 .c5 a {
    left: 207px;
    top: 169px
}

.m960 .c5 a.tooltip-left .tooltip-arrow {
    left: 207px
}

.m960 .c6 a {
    left: 308px;
    top: 345px
}

.m960 .c6 a.tooltip-left .tooltip-arrow {
    left: 308px
}

.m1280 {
    width: 1280px
}

.m1280 .continents,
.m1280 .continents .bg,
.m1280 .continents-cities {
    background: transparent url('../mdf:/en/hach_com/styles/continents-1280.png') no-repeat 0 0
}

.m1280 .continents,
.m1280 .continents-cities {
    height: 665px;
    width: 1280px
}

.m1280 .continents-cities {
    background-position: -1300px 0
}

.m1280 .continents .m {
    margin: 10001px 0 0 0
}

.m1280 .continents .m span {
    font-size: 80px !important
}

.m1280 .continents .bg {
    padding: 15px
}

.m1280 .c1.focus .bg,
.m1280 .c1.active-region .bg {
    height: 229px;
    left: 528px;
    top: 292px;
    width: 230px
}

.m1280 .c1.focus .bg {
    background-position: -546px -1158px
}

.m1280 .c1.active-region .bg {
    background-position: -1846px -1158px
}

.m1280 .c2.focus .bg,
.m1280 .c2.active-region .bg {
    height: 409px;
    left: 666px;
    top: 36px;
    width: 433px
}

.m1280 .c2.focus .bg {
    background-position: -13px -715px
}

.m1280 .c2.active-region .bg {
    background-position: -1313px -715px
}

.m1280 .c3.focus .bg,
.m1280 .c3.active-region .bg {
    height: 209px;
    left: 958px;
    top: 366px;
    width: 268px
}

.m1280 .c3.focus .bg {
    background-position: -218px -1174px
}

.m1280 .c3.active-region .bg {
    background-position: -1518px -1174px
}

.m1280 .c4.focus .bg,
.m1280 .c4.active-region .bg {
    height: 254px;
    left: 518px;
    top: 47px;
    width: 248px
}

.m1280 .c4.focus .bg {
    background-position: -835px -1128px
}

.m1280 .c4.active-region .bg {
    background-position: -2135px -1128px
}

.m1280 .c5.focus .bg,
.m1280 .c5.active-region .bg {
    height: 363px;
    left: 25px;
    top: 26px;
    width: 537px
}

.m1280 .c5.focus .bg {
    background-position: -526px -716px
}

.m1280 .c5.active-region .bg {
    background-position: -1826px -716px
}

.m1280 .c6.focus .bg,
.m1280 .c6.active-region .bg {
    height: 237px;
    left: 316px;
    top: 371px;
    width: 157px
}

.m1280 .c6.focus .bg {
    background-position: -23px -1164px
}

.m1280 .c6.active-region .bg {
    background-position: -1323px -1164px
}

.m1280 .c1 a {
    left: 677px;
    top: 388px
}

.m1280 .c2 a {
    left: 872px;
    top: 216px
}

.m1280 .c3 a {
    left: 1046px;
    top: 506px
}

.m1280 .c3 a.tooltip-right .tooltip-arrow {
    right: 234px
}

.m1280 .c4 a {
    left: 657px;
    top: 249px
}

.m1280 .c5 a {
    left: 276px;
    top: 226px
}

.m1280 .c5 a.tooltip-left .tooltip-arrow {
    left: 276px
}

.m1280 .c6 a {
    left: 410px;
    top: 461px
}

.m1450 {
    width: 1450px
}

.m1450 .continents,
.m1450 .continents .bg,
.m1450 .continents-cities {
    background: transparent url('../mdf:/en/hach_com/styles/continents-1450.png') no-repeat 0 0
}

.m1450 .continents,
.m1450 .continents-cities {
    height: 755px;
    width: 1450px
}

.m1450 .continents-cities {
    background-position: -1500px 0
}

.m1450 .continents .m {
    margin: 10004px 0 0 5px
}

.m1450 .continents .m span {
    font-size: 90px !important
}

.m1450 .continents .bg {
    padding: 15px
}

.m1450 .c1.focus .bg,
.m1450 .c1.active-region .bg {
    height: 257px;
    left: 601px;
    top: 334px;
    width: 258px
}

.m1450 .c1.focus .bg {
    background-position: -932px -1283px
}

.m1450 .c1.active-region .bg {
    background-position: -2432px -1283px
}

.m1450 .c2.focus .bg,
.m1450 .c2.active-region .bg {
    height: 460px;
    left: 757px;
    top: 47px;
    width: 487px
}

.m1450 .c2.focus .bg {
    background-position: -15px -816px
}

.m1450 .c2.active-region .bg {
    background-position: -1515px -816px
}

.m1450 .c3.focus .bg,
.m1450 .c3.active-region .bg {
    height: 235px;
    left: 1085px;
    top: 418px;
    width: 301px
}

.m1450 .c3.focus .bg {
    background-position: -241px -1336px
}

.m1450 .c3.active-region .bg {
    background-position: -1741px -1336px
}

.m1450 .c4.focus .bg,
.m1450 .c4.active-region .bg {
    height: 286px;
    left: 590px;
    top: 59px;
    width: 279px
}

.m1450 .c4.focus .bg {
    background-position: -592px -1283px
}

.m1450 .c4.active-region .bg {
    background-position: -2092px -1283px
}

.m1450 .c5.focus .bg,
.m1450 .c5.active-region .bg {
    height: 408px;
    left: 35px;
    top: 35px;
    width: 604px
}

.m1450 .c5.focus .bg {
    background-position: -562px -816px
}

.m1450 .c5.active-region .bg {
    background-position: -2062px -816px
}

.m1450 .c6.focus .bg,
.m1450 .c6.active-region .bg {
    height: 267px;
    left: 363px;
    top: 424px;
    width: 176px
}

.m1450 .c6.focus .bg {
    background-position: -15px -1326px
}

.m1450 .c6.active-region .bg {
    background-position: -1515px -1326px
}

.m1450 .c1 a {
    left: 767px;
    top: 440px
}

.m1450 .c2 a {
    left: 986px;
    top: 247px
}

.m1450 .c3 a {
    left: 1182px;
    top: 574px
}

.m1450 .c3 a.tooltip-right .tooltip-arrow {
    right: 268px
}

.m1450 .c4 a {
    left: 744px;
    top: 284px
}

.m1450 .c5 a {
    left: 315px;
    top: 259px
}

.m1450 .c6 a {
    left: 467px;
    top: 523px
}

div.cms div.distributors {
    display: none;
    float: right;
    width: 350px;
    background-color: #f6ecce;
    padding: 10px;
}

div.cms div.dist-service {
    background-color: #fff;
    margin: 5px;
    padding: 5px;
}

div.cms .slideshow {
    height: 183px;
    width: 265px;
    margin: auto
}

div.cms .slideshow img {
    padding: 15px;
    background-color: #fff;
}

div.cms #EasyMenu {
    list-style: disc outside none;
    margin-left: 2em;
}

div.cms #EasyMenu li {
    background: url("../mdf:/en/hach_com/cms/images/microsite/navLine.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    display: inline;
    float: left;
    margin: 0 0 0 5px;
    padding: 0 0 0 7px;
}

div.cms #EasyMenu li a:link,
div.cms #EasyMenu li a:visited {
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
    color: #0098DB;
    display: block;
    font-size: 1.3em;
    margin: 0;
    padding: 5px 8px;
    text-decoration: none;
}

div.cms #EasyMenu li a:hover {
    color: #83AF00
}

div.cms #EasyTitle {
    border-bottom: 2px solid #83AF00;
    font-style: italic;
    font-weight: normal;
    color: #A2AD00;
    font-size: 2em;
    margin: 0 0 20px;
}

div.ThreeColumnHolder {
    clear: both;
}

div.ThreeColumnHolder div.column1of3,
div.ThreeColumnHolder div.column2of3,
div.ThreeColumnHolder div.column3of3 {
    float: left;
    margin: 10px;
    width: 190px;
}

.right-line {
    border-right: 1px solid #ccc;
}

.left-line {
    border-left: 1px solid #ccc;
}

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

.HelpThreeColumnHolder p {
    font-size: 11px;
}

div.HelpThreeColumnHolder {
    clear: both;
}

div.HelpThreeColumnHolder div.Helpcolumn1of3,
div.HelpThreeColumnHolder div.Helpcolumn2of3,
div.HelpThreeColumnHolder div.Helpcolumn3of3 {
    float: left;
    margin: 5px 5px 5px 20px;
    width: 225px;
    height: 120px;
}

@media only screen and (max-width:374px) {
    div.sortedBy select {}
}